/**
* @usevyre/react — Command
*
* AI CONTEXT:
* ┌─────────────────────────────────────────────────────────┐
* │ Components: Command + CommandInput + CommandList + │
* │ CommandEmpty + CommandGroup + CommandItem + │
* │ CommandSeparator + CommandDialog │
* │ Import: import { Command, CommandDialog, ... } │
* │ from "@usevyre/react" │
* │ │
* │ Command props: │
* │ value = string (controlled search value) │
* │ onValueChange = (v: string) => void │
* │ className = string │
* │ │
* │ CommandDialog props: │
* │ open = boolean │
* │ onOpenChange = (open: boolean) => void │
* │ + all Command props │
* │ │
* │ CommandItem props: │
* │ onSelect = () => void │
* │ disabled = boolean │
* │ keywords = string[] (extra search terms) │
* └─────────────────────────────────────────────────────────┘
*
* @example
* // Inline
*
*
*
*
* router.push('/settings')}>
* Settings
*
*
* No results found.
*
*
*
* // Dialog (⌘K palette)
*
*
* ...
*
*/
import React from "react";
export interface CommandProps {
value?: string;
onValueChange?: (v: string) => void;
className?: string;
children?: React.ReactNode;
}
export declare const Command: React.ForwardRefExoticComponent>;
export interface CommandInputProps {
placeholder?: string;
className?: string;
}
export declare const CommandInput: React.ForwardRefExoticComponent>;
export interface CommandListProps {
className?: string;
children?: React.ReactNode;
}
export declare const CommandList: React.ForwardRefExoticComponent>;
export interface CommandEmptyProps {
className?: string;
children?: React.ReactNode;
}
export declare const CommandEmpty: React.FC;
export interface CommandGroupProps {
heading?: string;
className?: string;
children?: React.ReactNode;
}
export declare const CommandGroup: React.FC;
export interface CommandItemProps {
onSelect?: () => void;
disabled?: boolean;
keywords?: string[];
className?: string;
children?: React.ReactNode;
/** Optional leading icon */
icon?: React.ReactNode;
/** Optional trailing shortcut hint */
shortcut?: string;
}
export declare const CommandItem: React.FC;
export declare const CommandSeparator: React.FC<{
className?: string;
}>;
export interface CommandDialogProps extends CommandProps {
open: boolean;
onOpenChange: (open: boolean) => void;
}
export declare const CommandDialog: React.FC;