/**
 * @file CommandPaletteInput.tsx
 * @input Uses React, StyleX, Icon, CommandPaletteContext, DialogContext
 * @output Exports CommandPaletteInput component and props
 * @position Search input for the command palette
 *
 * SYNC: When modified, update these files to stay in sync:
 * - /apps/storybook/stories/CommandPalette.stories.tsx
 * - /packages/cli/assets/templates/blocks/components/CommandPalette/ (showcase blocks)
 */
import { type ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
export interface CommandPaletteInputProps extends Omit<BaseProps<HTMLInputElement>, 'onChange'> {
    /** Ref forwarded to the input element (for focus management). */
    ref?: React.Ref<HTMLInputElement>;
    /**
     * The current search value.
     * When omitted inside CommandPalette, reads from context.
     */
    value?: string;
    /**
     * Called when the search value changes.
     * When omitted inside CommandPalette, writes to context.
     */
    onValueChange?: (value: string) => void;
    /**
     * Placeholder text for the input.
     * @default 'Search...'
     */
    placeholder?: string;
    /**
     * Accessible label for the combobox input, announced by screen readers.
     * Falls back to the placeholder text (`'Search…'` by default), since a
     * placeholder alone is not a reliable accessible name.
     */
    label?: string;
    /**
     * Whether to auto-focus the input when mounted.
     * @default true
     */
    hasAutoFocus?: boolean;
    /**
     * Content rendered at the trailing end of the input, after the spinner.
     * Use for clear buttons, keyboard shortcuts, or other trailing actions.
     * The spinner (when busy) appears immediately before this content with a 4px gap.
     */
    endContent?: ReactNode;
    /** Native onChange handler for the input element. */
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
}
/**
 * Search input for the command palette.
 *
 * Renders a search icon and a text input. Auto-focuses when mounted
 * so users can start typing immediately.
 *
 * When used inside CommandPalette, automatically wires to the
 * context for search state and keyboard navigation (via useCombobox).
 * Can also be used standalone with explicit value/onValueChange props.
 *
 * @compositionHint Place as the first child of CommandPalette.
 *
 * @example
 * ```
 * <CommandPalette isOpen={isOpen} onOpenChange={setIsOpen}>
 *   <CommandPaletteInput placeholder="Search commands..." />
 * </CommandPalette>
 * ```
 */
export declare function CommandPaletteInput({ value: controlledValue, onValueChange, placeholder: placeholderFromProps, label, hasAutoFocus, endContent, onChange, onKeyDown, ref, xstyle, className, style, ...props }: CommandPaletteInputProps): import("react").JSX.Element;
export declare namespace CommandPaletteInput {
    var displayName: string;
}
//# sourceMappingURL=CommandPaletteInput.d.ts.map