/** * @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;