import type { TextInputComponent, ViewRef } from '../../helpers/internal/types/index.js'; import type { SearchFieldClearButtonProps, SearchFieldContextType, SearchFieldGroupProps, SearchFieldInputProps, SearchFieldProps, SearchFieldSearchIconProps } from './search-field.types.js'; declare const useSearchField: () => SearchFieldContextType; /** * Compound SearchField component with sub-components. * * @component SearchField - Root container that accepts `value`, `onChange`, * `isDisabled`, `isInvalid`, and `isRequired`, providing them to children via * SearchFieldContext. Also provides FormFieldProvider and animation settings. * * @component SearchField.Group - Flex-row container for the search icon, input, * and clear button. * * @component SearchField.SearchIcon - Magnifying glass icon positioned * absolutely on the leading edge (left in LTR, right in RTL). Registers * itself so Input reserves leading space only while this part is composed. * * @component SearchField.Input - Wraps the Input component with search-specific * defaults: "Search..." placeholder and search a11y role. Reserves leading * space when SearchIcon is composed and trailing space when ClearButton is * composed. Reads `value` / `onChangeText` from SearchFieldContext. * * @component SearchField.ClearButton - Small button that clears the search * input. Automatically hidden when value is empty. Calls `onChange("")` from * context on press. Registers itself so Input keeps trailing space while * this part is composed, including when it is visually hidden. * * @see Full documentation: https://heroui.com/docs/native/components/search-field */ declare const CompoundSearchField: import("react").ForwardRefExoticComponent> & { /** Flex-row container for search icon, input, and clear button */ Group: import("react").ForwardRefExoticComponent>; /** Magnifying glass search icon */ SearchIcon: import("react").ForwardRefExoticComponent>; /** Text input with search-specific defaults */ Input: TextInputComponent; /** Small clear button to dismiss search text */ ClearButton: import("react").ForwardRefExoticComponent>; }; export { useSearchField }; export default CompoundSearchField; //# sourceMappingURL=search-field.d.ts.map