import * as stylex from '@stylexjs/stylex'; export declare const styles: Readonly<{ readonly root: Readonly<{ readonly display: stylex.StyleXClassNameFor<"display", "flex">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">; readonly gap: stylex.StyleXClassNameFor<"gap", "4px">; readonly margin: stylex.StyleXClassNameFor<"margin", "1rem 0">; readonly width: stylex.StyleXClassNameFor<"width", "100%">; readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; }>; readonly small: Readonly<{ readonly gap: stylex.StyleXClassNameFor<"gap", "2px">; }>; readonly medium: Readonly<{ readonly gap: stylex.StyleXClassNameFor<"gap", "4px">; }>; readonly large: Readonly<{ readonly gap: stylex.StyleXClassNameFor<"gap", "6px">; }>; readonly ellipsis: Readonly<{ readonly display: stylex.StyleXClassNameFor<"display", "flex">; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; }>; readonly ellipsisSmall: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">; readonly padding: stylex.StyleXClassNameFor<"padding", "6px 8px">; }>; readonly ellipsisMedium: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "16px">; readonly padding: stylex.StyleXClassNameFor<"padding", "8px 12px">; }>; readonly ellipsisLarge: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "18px">; readonly padding: stylex.StyleXClassNameFor<"padding", "12px 16px">; }>; readonly pageItem: Readonly<{ readonly display: stylex.StyleXClassNameFor<"display", "flex">; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">; readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">; readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>; readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly ':focus': stylex.StyleXClassNameFor<":focus", { readonly outline: "2px solid"; readonly outlineColor: any; readonly outlineOffset: "2px"; }>; }>; readonly pageItemSmall: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">; readonly padding: stylex.StyleXClassNameFor<"padding", "6px 10px">; }>; readonly pageItemMedium: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "16px">; readonly padding: stylex.StyleXClassNameFor<"padding", "8px 12px">; }>; readonly pageItemLarge: Readonly<{ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "18px">; readonly padding: stylex.StyleXClassNameFor<"padding", "12px 16px">; }>; readonly pageItemSquare: Readonly<{ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "8px">; }>; readonly pageItemCircle: Readonly<{ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "50%">; }>; readonly pageItemActive: Readonly<{}>; readonly pageItemDisabled: Readonly<{ readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: "transparent"; }>; }>; readonly pageItemDisabledPrimary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly pageItemDisabledSecondary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly pageItemDisabledTertiary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly pageItemDisabledQuaternary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly pageItemDisabledQuinary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly pageItemColorPrimary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly pageItemColorSecondary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly pageItemColorTertiary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly pageItemColorQuaternary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly pageItemColorQuinary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly colorPrimary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly colorSecondary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly colorTertiary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly colorQuaternary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly colorQuinary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; }>; }>; readonly navItem: Readonly<{ readonly display: stylex.StyleXClassNameFor<"display", "flex">; readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">; readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">; readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">; readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">; readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">; readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>; readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">; readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>; readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">; readonly ':focus': stylex.StyleXClassNameFor<":focus", { readonly outline: "2px solid"; readonly outlineColor: any; readonly outlineOffset: "2px"; }>; }>; readonly navItemSmall: Readonly<{ readonly padding: stylex.StyleXClassNameFor<"padding", "6px">; }>; readonly navItemMedium: Readonly<{ readonly padding: stylex.StyleXClassNameFor<"padding", "8px">; }>; readonly navItemLarge: Readonly<{ readonly padding: stylex.StyleXClassNameFor<"padding", "12px">; }>; readonly navItemSquare: Readonly<{ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "8px">; }>; readonly navItemCircle: Readonly<{ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "50%">; }>; readonly navItemDisabled: Readonly<{ readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: "transparent"; }>; }>; readonly navItemDisabledPrimary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemDisabledSecondary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemDisabledTertiary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemDisabledQuaternary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemDisabledQuinary: Readonly<{ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>; readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemColorPrimary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemColorSecondary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemColorTertiary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemColorQuaternary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; readonly navItemColorQuinary: Readonly<{ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>; readonly color: stylex.StyleXClassNameFor<"color", string>; readonly ':hover': stylex.StyleXClassNameFor<":hover", { readonly backgroundColor: stylex.StyleXVar; readonly borderColor: stylex.StyleXVar; readonly color: stylex.StyleXVar; }>; }>; }>;