import { type IconColor, type IconSize } from '../icon'; type Props = { value: string; collapsedIconColor?: IconColor; /** Icon size while collapsed (icon-only). @default one step larger than the inline icon — `scaleUp(CONTROL_ICON_SIZE[size])` */ collapsedIconSize?: IconSize; placeholder?: string; /** Size preset (shared with Input / DatePicker / Select). @default 'sm' */ size?: 'sm' | 'md' | 'lg'; /** Collapse to an icon-only square when empty + unfocused. Set false to keep the input always expanded. @default true */ collapsible?: boolean; /** Debounce delay in ms @default 0 */ debounce?: number; /** Bind Cmd/Ctrl+K document-wide to focus the input and select its text. Enable on a single instance per view. @default false */ shortcut?: boolean; /** Clear the value on Escape while focused (swallowing the keystroke); an already-empty input lets Escape bubble. @default false */ clearOnEscape?: boolean; on?: { input?: (value: string) => void; }; }; /** * A search input for toolbars. By default collapses to an icon-only square at the chosen field height * when empty + unfocused, and expands to the full input width when focused or when a value is present; * set `collapsible={false}` to keep it always expanded. Shares Input's size preset so it lines up with * other field-shaped controls. Opt into `shortcut` for a document-wide Cmd/Ctrl+K focus-and-select, * and `clearOnEscape` to clear on Escape. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--toolbar-search-input--width` | Expanded width | `12.5rem` | * | `--sc-kit--toolbar-search-input--collapsed-icon-color` | Collapsed-state icon color | `--sc-kit--color--accent` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;