export declare const searchFieldClassNames: import("../../helpers/internal/types/index.js").CombinedStyles<{ root: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "search-field__root", {} | {}, undefined, import("tailwind-variants").TVReturnType>; group: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "search-field__group", {} | {}, undefined, import("tailwind-variants").TVReturnType>; searchIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "search-field__search-icon rtl:-scale-x-100", {} | {}, undefined, import("tailwind-variants").TVReturnType>; inputContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "search-field__input-container", {} | {}, undefined, import("tailwind-variants").TVReturnType>; input: import("tailwind-variants").TVReturnType<{ hasSearchIcon: { true: string; }; hasClearButton: { true: string; }; }, undefined, "search-field__input rtl:text-right", { hasSearchIcon: { true: string; }; hasClearButton: { true: string; }; }, undefined, import("tailwind-variants").TVReturnType<{ hasSearchIcon: { true: string; }; hasClearButton: { true: string; }; }, undefined, "search-field__input rtl:text-right", unknown, unknown, undefined>>; clearButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "search-field__clear-button", {} | {}, undefined, import("tailwind-variants").TVReturnType>; }>; //# sourceMappingURL=search-field.styles.d.ts.map