@mijn-ui/react-command/dist/index.d.ts

A command palette for quick access to actions and navigation, often used for keyboard shortcuts.

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import * as _mijn_ui_react_theme from '@mijn-ui/react-theme';
import { UnstyledComponentWithSlots, CommandSlots, UnstyledProps } from '@mijn-ui/react-theme';
import * as React from 'react';
import { DialogProps } from '@mijn-ui/react-dialog';
import { Command as Command$1 } from 'cmdk';

type CommandBaseProps = UnstyledComponentWithSlots<CommandSlots>;
declare const useCommandStyles: (unstyledOverride?: boolean) => {
    classNames: _mijn_ui_react_theme.SlotsToClasses<"base" | "dialogWrapper" | "dialog" | "list" | "group" | "separator" | "item" | "input" | "empty" | "shortcut"> | undefined;
    isUnstyled: boolean | undefined;
    base: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    dialogWrapper: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    dialog: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    list: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    group: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    separator: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    item: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    input: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    empty: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    shortcut: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
};
type CommandProps = React.ComponentPropsWithRef<typeof Command$1> & CommandBaseProps;
declare const Command: ({ className, classNames, unstyled, ...props }: CommandProps) => react_jsx_runtime.JSX.Element;
type CommandDialogProps = Omit<DialogProps, "classNames"> & CommandBaseProps & {
    className?: string;
};
declare const CommandDialog: ({ children, className, classNames, unstyled, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
type CommandInputProps = React.ComponentPropsWithRef<typeof Command$1.Input> & UnstyledProps;
declare const CommandInput: ({ className, unstyled, ...props }: CommandInputProps) => react_jsx_runtime.JSX.Element;
type CommandListProps = React.ComponentPropsWithRef<typeof Command$1.List> & UnstyledProps;
declare const CommandList: ({ className, unstyled, ...props }: CommandListProps) => react_jsx_runtime.JSX.Element;
type CommandEmptyProps = React.ComponentPropsWithRef<typeof Command$1.Empty> & UnstyledProps;
declare const CommandEmpty: ({ unstyled, className, ...props }: CommandEmptyProps) => react_jsx_runtime.JSX.Element;
type CommandGroupProps = React.ComponentPropsWithRef<typeof Command$1.Group> & UnstyledProps;
declare const CommandGroup: ({ className, unstyled, ...props }: CommandGroupProps) => react_jsx_runtime.JSX.Element;
type CommandSeparatorProps = React.ComponentPropsWithRef<typeof Command$1.Separator> & UnstyledProps;
declare const CommandSeparator: ({ className, unstyled, ...props }: CommandSeparatorProps) => react_jsx_runtime.JSX.Element;
type CommandItemProps = React.ComponentPropsWithRef<typeof Command$1.Item> & UnstyledProps;
declare const CommandItem: ({ className, unstyled, ...props }: CommandItemProps) => react_jsx_runtime.JSX.Element;
type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement> & UnstyledProps;
declare const CommandShortcut: ({ className, unstyled, ...props }: CommandShortcutProps) => react_jsx_runtime.JSX.Element;

export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, useCommandStyles };