@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 _mijn_ui_react_core from '@mijn-ui/react-core';
import { UnstyledComponentWithSlots } from '@mijn-ui/react-core';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_merge from 'tailwind-merge';
import * as React from 'react';
import { DialogProps } from '@mijn-ui/react-dialog';
import { Command as Command$1 } from 'cmdk';

declare const commandStyles: tailwind_variants.TVReturnType<{
    [key: string]: {
        [key: string]: tailwind_merge.ClassNameValue | {
            base?: tailwind_merge.ClassNameValue;
            dialogWrapper?: tailwind_merge.ClassNameValue;
            dialog?: tailwind_merge.ClassNameValue;
            list?: tailwind_merge.ClassNameValue;
            group?: tailwind_merge.ClassNameValue;
            separator?: tailwind_merge.ClassNameValue;
            item?: tailwind_merge.ClassNameValue;
            input?: tailwind_merge.ClassNameValue;
            empty?: tailwind_merge.ClassNameValue;
            shortcut?: tailwind_merge.ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: tailwind_merge.ClassNameValue | {
            base?: tailwind_merge.ClassNameValue;
            dialogWrapper?: tailwind_merge.ClassNameValue;
            dialog?: tailwind_merge.ClassNameValue;
            list?: tailwind_merge.ClassNameValue;
            group?: tailwind_merge.ClassNameValue;
            separator?: tailwind_merge.ClassNameValue;
            item?: tailwind_merge.ClassNameValue;
            input?: tailwind_merge.ClassNameValue;
            empty?: tailwind_merge.ClassNameValue;
            shortcut?: tailwind_merge.ClassNameValue;
        };
    };
} | {}, {
    base: string;
    dialogWrapper: string;
    dialog: string;
    list: string;
    group: string;
    separator: string;
    item: string;
    input: string;
    empty: string;
    shortcut: string;
}, undefined, {
    [key: string]: {
        [key: string]: tailwind_merge.ClassNameValue | {
            base?: tailwind_merge.ClassNameValue;
            dialogWrapper?: tailwind_merge.ClassNameValue;
            dialog?: tailwind_merge.ClassNameValue;
            list?: tailwind_merge.ClassNameValue;
            group?: tailwind_merge.ClassNameValue;
            separator?: tailwind_merge.ClassNameValue;
            item?: tailwind_merge.ClassNameValue;
            input?: tailwind_merge.ClassNameValue;
            empty?: tailwind_merge.ClassNameValue;
            shortcut?: tailwind_merge.ClassNameValue;
        };
    };
} | {}, {
    base: string;
    dialogWrapper: string;
    dialog: string;
    list: string;
    group: string;
    separator: string;
    item: string;
    input: string;
    empty: string;
    shortcut: string;
}, tailwind_variants.TVReturnType<unknown, {
    base: string;
    dialogWrapper: string;
    dialog: string;
    list: string;
    group: string;
    separator: string;
    item: string;
    input: string;
    empty: string;
    shortcut: string;
}, undefined, unknown, unknown, undefined>>;
type CommandVariantProps = VariantProps<typeof commandStyles>;
type CommandSlots = keyof ReturnType<typeof commandStyles>;

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