import * as stylex from '@stylexjs/stylex'; export declare const styles: Readonly<{ readonly container: Readonly<{ readonly position: stylex.StyleXClassNameFor<"position", "relative">; readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">; readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly display: stylex.StyleXClassNameFor<"display", "flex">; readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">; }>; readonly buttonFieldSmall: Readonly<{ readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">; readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">; readonly gap: stylex.StyleXClassNameFor<"gap", 0>; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly padding: stylex.StyleXClassNameFor<"padding", "0.8rem 1.2rem">; readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">; }>; readonly buttonFieldMedium: Readonly<{ readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">; readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">; readonly gap: stylex.StyleXClassNameFor<"gap", 0>; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.2rem">; readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">; }>; readonly buttonFieldLarge: Readonly<{ readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">; readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">; readonly gap: stylex.StyleXClassNameFor<"gap", 0>; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly padding: stylex.StyleXClassNameFor<"padding", "1.25rem 1.2rem">; readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">; }>; readonly buttonFieldPrimary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; }>; readonly buttonFieldSecondary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; }>; readonly buttonFieldTertiary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; }>; readonly buttonFieldQuaternary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; }>; readonly buttonFieldQuinary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; }>; readonly dropdown: Readonly<{ readonly position: stylex.StyleXClassNameFor<"position", "absolute">; readonly left: stylex.StyleXClassNameFor<"left", "0">; readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">; readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "300px">; readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">; readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">; readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1000>; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">; readonly display: stylex.StyleXClassNameFor<"display", "flex">; readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">; readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">; }>; readonly dropdownTop: Readonly<{ readonly bottom: stylex.StyleXClassNameFor<"bottom", "105%">; readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "0.5rem">; }>; readonly dropdownBottom: Readonly<{ readonly top: stylex.StyleXClassNameFor<"top", "105%">; readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "0.5rem">; }>; readonly optionItem: Readonly<{ readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1rem 1rem 1.5rem">; readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.4rem">; readonly transition: stylex.StyleXClassNameFor<"transition", "background 0.2s ease, color 0.2s ease, border 0.2s ease">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">; readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "left">; readonly border: stylex.StyleXClassNameFor<"border", "none">; readonly background: stylex.StyleXClassNameFor<"background", "transparent">; readonly margin: stylex.StyleXClassNameFor<"margin", 0>; readonly display: stylex.StyleXClassNameFor<"display", "block">; readonly ':focus': stylex.StyleXClassNameFor<":focus", { readonly outline: "none"; }>; readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", { readonly outline: "2px solid #93c5fd"; readonly outlineOffset: "-2px"; }>; }>; readonly optionItemSmall: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">; }>; readonly optionItemMedium: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">; }>; readonly optionItemLarge: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">; }>; readonly optionItemPrimary: Readonly<{ readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: "var(--color-primary-50)"; readonly color: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly optionItemSecondary: Readonly<{ readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly optionItemTertiary: Readonly<{ readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly optionItemQuaternary: Readonly<{ readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly optionItemQuinary: Readonly<{ readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly highlightedItemPrimary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-primary-50)">; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.5rem">; }>; readonly highlightedItemSecondary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.5rem">; }>; readonly highlightedItemTertiary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.5rem">; }>; readonly highlightedItemQuaternary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.5rem">; }>; readonly highlightedItemQuinary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.5rem">; }>; readonly selectedItemPrimary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-primary-50)">; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; }>; readonly selectedItemSecondary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; }>; readonly selectedItemTertiary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; }>; readonly selectedItemQuaternary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; }>; readonly selectedItemQuinary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; }>; readonly noResults: Readonly<{ readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">; readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">; }>; readonly noResultsSmall: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">; }>; readonly noResultsMedium: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">; }>; readonly noResultsLarge: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">; }>; readonly visuallyHidden: Readonly<{ readonly position: stylex.StyleXClassNameFor<"position", "absolute">; readonly width: stylex.StyleXClassNameFor<"width", "1px">; readonly height: stylex.StyleXClassNameFor<"height", "1px">; readonly padding: stylex.StyleXClassNameFor<"padding", 0>; readonly margin: stylex.StyleXClassNameFor<"margin", "-1px">; readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">; readonly clipPath: stylex.StyleXClassNameFor<"clipPath", "rect(0, 0, 0, 0)">; readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>; }>; }>;