import * as React from 'react';
import { Dialog } from './dialog.js';
type CommandFilter = (value: string, search: string) => number;
declare function Command({ className, filter, children, ...props }: React.ComponentProps<'div'> & {
    filter?: CommandFilter;
}): React.JSX.Element;
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
    title?: string;
    description?: string;
    className?: string;
    showCloseButton?: boolean;
    children: React.ReactNode;
}): React.JSX.Element;
declare namespace CommandDialog {
    var displayName: string;
}
type CommandInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue'> & {
    /**
     * Render prop for custom input element. Receives props to spread onto your input.
     * @example
     * <CommandInput render={(props) => <MyCustomInput {...props} />} />
     */
    render?: (props: CommandInputRenderProps) => React.ReactElement;
};
type CommandInputRenderProps = {
    'data-slot': string;
    'cmdk-input': string;
    role: 'combobox';
    'aria-expanded': boolean;
    'aria-autocomplete': 'list';
    'aria-controls': string;
    'aria-activedescendant': string | undefined;
    value: string;
    onChange: React.ChangeEventHandler<HTMLInputElement>;
    onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
    clearSearch: () => void;
};
declare function CommandInput({ className, render, onChange, onKeyDown, ...props }: CommandInputProps): React.JSX.Element;
declare namespace CommandInput {
    var displayName: string;
}
declare function CommandList({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare namespace CommandList {
    var displayName: string;
}
declare function CommandEmpty({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element | null;
declare namespace CommandEmpty {
    var displayName: string;
}
type CommandGroupProps = React.ComponentProps<'div'> & {
    heading?: React.ReactNode;
};
declare function CommandGroup({ className, heading, children, ...props }: CommandGroupProps): React.JSX.Element;
declare namespace CommandGroup {
    var displayName: string;
}
declare function CommandSeparator({ className, ...props }: React.ComponentProps<'hr'>): React.JSX.Element;
declare namespace CommandSeparator {
    var displayName: string;
}
type CommandItemProps = Omit<React.ComponentProps<'div'>, 'onSelect'> & {
    value: string;
    disabled?: boolean;
    onSelect?: (value: string) => void;
    keywords?: string[];
    searchValue?: string;
    showCheckIndicator?: boolean;
};
declare function CommandItem({ className, children, value, disabled, onSelect, keywords, searchValue: explicitSearchValue, showCheckIndicator, onClick, onKeyDown, onMouseMove, ...props }: CommandItemProps): React.JSX.Element;
declare namespace CommandItem {
    var displayName: string;
}
declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
declare namespace CommandShortcut {
    var displayName: string;
}
declare const CommandNamespace: typeof Command & {
    Dialog: typeof CommandDialog;
    Input: typeof CommandInput;
    List: typeof CommandList;
    Empty: typeof CommandEmpty;
    Group: typeof CommandGroup;
    Separator: typeof CommandSeparator;
    Item: typeof CommandItem;
    Shortcut: typeof CommandShortcut;
};
export { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandNamespace as Command, CommandSeparator, CommandShortcut, };