@telepix-lab/telepix-ui 0.2.1 → 0.3.0

package/dist/index.d.ts

@@ -1,109 +1,23 @@
-import * as node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes from 'node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes';
-import * as React$1 from 'react';
+import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Dialog as Dialog$1, Select as Select$1, Tooltip as Tooltip$1, Popover, ContextMenu as ContextMenu$1 } from 'radix-ui';
-import { DayPicker, DateRange } from 'react-day-picker';
-import * as stylex from '@stylexjs/stylex';
 
-declare const buttonSizeStyles: Readonly<{
-    readonly small: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "28px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0px 6px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-    }>;
-    readonly regular: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "36px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0px 8px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-    }>;
-    readonly large: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "48px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0px 12px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-    }>;
-}>;
-declare const buttonVariantStyles: Readonly<{
-    readonly accent: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer" | "not-allowed">;
-    }>;
-    readonly outline: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer" | "not-allowed">;
-    }>;
-    readonly ghost: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer" | "not-allowed">;
-    }>;
-}>;
-declare const buttonStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-        readonly boxSizing: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxSizing", "border-box">;
-        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", 0>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly userSelect: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"userSelect", "none">;
-        readonly verticalAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"verticalAlign", "middle">;
-        readonly appearance: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"appearance", "none">;
-        readonly textDecoration: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textDecoration", "none">;
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "center">;
-        readonly transition: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"transition", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "auto">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
-        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
-        readonly pointerEvents: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"pointerEvents", "none" | "auto">;
-    }>;
-    readonly fullWidth: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-    }>;
-    readonly withIcon: Readonly<{
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", string>;
-    }>;
-    readonly spinner: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(50% - 10px)">;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", "calc(50% - 10px)">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "20px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "20px">;
-        readonly animation: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"animation", `${string} 1s linear infinite`>;
-    }>;
-    readonly spinnerSmall: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(50% - 8px)">;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", "calc(50% - 8px)">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly animation: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"animation", `${string} 1s linear infinite`>;
-    }>;
-    readonly spinnerLarge: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(50% - 12px)">;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", "calc(50% - 12px)">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "24px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "24px">;
-        readonly animation: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"animation", `${string} 1s linear infinite`>;
-    }>;
-}>;
-type ButtonVariantStyles = keyof typeof buttonVariantStyles;
-type ButtonSizeStyles = keyof typeof buttonSizeStyles;
+declare const BUTTON_SIZES: {
+    readonly REGULAR: "regular";
+    readonly SMALL: "small";
+    readonly LARGE: "large";
+};
+type ButtonSize = (typeof BUTTON_SIZES)[keyof typeof BUTTON_SIZES];
+declare const BUTTON_VARIANTS: {
+    readonly ACCENT: "accent";
+    readonly OUTLINE: "outline";
+    readonly GHOST: "ghost";
+};
+type ButtonVariant = (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS];
 
 interface ButtonProps extends React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    variant?: ButtonVariantStyles;
-    size?: ButtonSizeStyles;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
     fullWidth?: boolean;
     isLoading?: boolean;
     leftIcon?: ReactNode;
@@ -125,302 +39,87 @@ interface ButtonProps extends React__default.DetailedHTMLProps<React__default.Bu
  */
 declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare const textSizeStyles: Readonly<{
-    readonly xsmall: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly label: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly body: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly base: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly large: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly xl: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly xxl: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly xxxl: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-    readonly xxxxl: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-    }>;
-}>;
-declare const fontWeightStyles: Readonly<{
-    readonly thin: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 100>;
-    }>;
-    readonly extralight: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 200>;
-    }>;
-    readonly light: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 300>;
-    }>;
-    readonly regular: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly medium: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly semibold: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 600>;
-    }>;
-    readonly bold: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly extrabold: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 800>;
-    }>;
-}>;
-declare const textAlignStyles: Readonly<{
-    readonly left: Readonly<{
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "left">;
-    }>;
-    readonly center: Readonly<{
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "center">;
-    }>;
-    readonly right: Readonly<{
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "right">;
-    }>;
-    readonly justify: Readonly<{
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "justify">;
-    }>;
-}>;
-declare const textVariantStyles: Readonly<{
-    readonly bold3XLargeBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly bold2XLargeBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly bold2XLargeBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldXLargeBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldXLargeBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldLargeBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldLargeBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldBaseBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldBaseBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldBodyBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldBodyBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldLabelBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldLabelBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly boldXSmallBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 700>;
-    }>;
-    readonly semiBoldBaseSemiBoldCompackt: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 600>;
-    }>;
-    readonly semiBoldBaseSemiBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 600>;
-    }>;
-    readonly semiBoldBodySemiBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 600>;
-    }>;
-    readonly semiBoldBodySemiBold: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 600>;
-    }>;
-    readonly semiBoldLabelSemiBoldCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 600>;
-    }>;
-    readonly med3XLargeMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medXLargeMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medLargeMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medBaseMedCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medBaseMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medBodyMedCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medBodyMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medLabelMedCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medLabelMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly medXSmallMed: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 500>;
-    }>;
-    readonly regular3XLarge: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regular2XLarge: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularXLarge: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularLargeCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularLarge: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularBaseCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularBase: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularBodyCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularBody: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularLabelCompact: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularLabel: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-    readonly regularXSmall: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", 400>;
-    }>;
-}>;
-declare const textStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", 0>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 0>;
-        readonly fontFamily: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontFamily", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", 1.5>;
-    }>;
-}>;
-type TextSizeStyles = keyof typeof textSizeStyles;
-type FontWeightStyles = keyof typeof fontWeightStyles;
-type TextAlignStyles = keyof typeof textAlignStyles;
-type TextVariantStyles = keyof typeof textVariantStyles;
+declare const TEXT_SIZES: {
+    readonly XSMALL: "xsmall";
+    readonly LABEL: "label";
+    readonly BODY: "body";
+    readonly BASE: "base";
+    readonly LARGE: "large";
+    readonly XLARGE: "xl";
+    readonly XXLARGE: "xxl";
+    readonly XXXLARGE: "xxxl";
+    readonly XXXXLARGE: "xxxxl";
+};
+type TextSize = (typeof TEXT_SIZES)[keyof typeof TEXT_SIZES];
+declare const FONT_WEIGHTS: {
+    readonly THIN: "thin";
+    readonly EXTRALIGHT: "extralight";
+    readonly LIGHT: "light";
+    readonly REGULAR: "regular";
+    readonly MEDIUM: "medium";
+    readonly SEMIBOLD: "semibold";
+    readonly BOLD: "bold";
+    readonly EXTRABOLD: "extrabold";
+};
+type FontWeight = (typeof FONT_WEIGHTS)[keyof typeof FONT_WEIGHTS];
+declare const TEXT_ALIGNMENTS: {
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+    readonly RIGHT: "right";
+    readonly JUSTIFY: "justify";
+};
+type TextAlignment = (typeof TEXT_ALIGNMENTS)[keyof typeof TEXT_ALIGNMENTS];
+declare const TEXT_VARIANTS: {
+    BOLD3XLARGEBOLD: string;
+    BOLD2XLARGEBOLDCOMPACT: string;
+    BOLD2XLARGEBOLD: string;
+    BOLDXLARGEBOLDCOMPACT: string;
+    BOLDXLARGEBOLD: string;
+    BOLDLARGEBOLDCOMPACT: string;
+    BOLDLARGEBOLD: string;
+    BOLDBASEBOLDCOMPACT: string;
+    BOLDBASEBOLD: string;
+    BOLDBODYBOLDCOMPACT: string;
+    BOLDBODYBOLD: string;
+    BOLDLABELBOLDCOMPACT: string;
+    BOLDLABELBOLD: string;
+    BOLDXSMALLBOLD: string;
+    SEMIBOLDBASESEMIBOLDCOMPACT: string;
+    SEMIBOLDBASESEMIBOLD: string;
+    SEMIBOLDBODYSEMIBOLDCOMPACT: string;
+    SEMIBOLDBODYSEMIBOLD: string;
+    SEMIBOLDLABELSEMIBOLDCOMPACT: string;
+    MED3XLARGEMED: string;
+    MEDXLARGEMED: string;
+    MEDLARGEMED: string;
+    MEDBASEMEDCOMPACT: string;
+    MEDBASEMED: string;
+    MEDBODYMEDCOMPACT: string;
+    MEDBODYMED: string;
+    MEDLABELMEDCOMPACT: string;
+    MEDLABELMED: string;
+    MEDXSMALLMED: string;
+    REGULAR3XLARGE: string;
+    REGULAR2XLARGE: string;
+    REGULARXLARGE: string;
+    REGULARLARGECOMPACT: string;
+    REGULARLARGE: string;
+    REGULARBASECOMPACT: string;
+    REGULARBASE: string;
+    REGULARBODYCOMPACT: string;
+    REGULARBODY: string;
+    REGULARLABELCOMPACT: string;
+    REGULARLABEL: string;
+    REGULARXSMALL: string;
+};
+type TextVariant = (typeof TEXT_VARIANTS)[keyof typeof TEXT_VARIANTS];
 
 interface TextProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement> {
     children: React__default.ReactNode;
-    size?: TextSizeStyles;
-    weight?: FontWeightStyles;
-    align?: TextAlignStyles;
-    variant?: TextVariantStyles;
+    size?: TextSize;
+    weight?: FontWeight;
+    align?: TextAlignment;
+    variant?: TextVariant;
     color?: string;
     as?: React__default.ElementType;
 }
@@ -429,75 +128,14 @@ declare const Text: {
     displayName: string;
 };
 
-declare const inputWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-    }>;
-}>;
-declare const inputWrapperSizeStyles: Readonly<{
-    readonly regular: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 8px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-    }>;
-    readonly large: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "11px 16px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "12px">;
-    }>;
-}>;
-declare const inputStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 0>;
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", 1>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", "transparent">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly "::placeholder": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"::placeholder", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
-            readonly "::placeholder": {
-                readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            };
-        }>;
-        readonly ":focus": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":focus", {
-            readonly "::placeholder": {
-                readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            };
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly "::placeholder": {
-                readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            };
-        }>;
-    }>;
-    readonly regular: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-    }>;
-    readonly large: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-    }>;
-}>;
-type InputWrapperSizeStyles = keyof typeof inputWrapperSizeStyles;
+declare const INPUT_SIZES: {
+    readonly REGULAR: "regular";
+    readonly LARGE: "large";
+};
+type InputSize = (typeof INPUT_SIZES)[keyof typeof INPUT_SIZES];
 
 interface InputProps extends React__default.DetailedHTMLProps<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">, HTMLInputElement> {
-    size?: InputWrapperSizeStyles;
+    size?: InputSize;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     wrapperClassName?: string;
@@ -542,58 +180,6 @@ type TextAreaProps = React__default.DetailedHTMLProps<React__default.TextareaHTM
  */
 declare const TextArea: React__default.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
 
-interface CheckboxProps extends Checkbox$1.CheckboxProps {
-    label?: string;
-    labelClassName?: string;
-    wrapperClassName?: string;
-}
-/**
- * 체크박스 컴포넌트입니다.<br/>
- * 사용자는 체크박스의 상태(checked, defaultChecked), ID, disabled 여부, 클래스 이름 등을 지정할 수 있습니다.<br/>
- * label을 통해 체크박스 옆에 표시할 텍스트를 설정할 수 있으며, labelClassName을 통해 라벨의 스타일을 지정할 수 있습니다.<br/>
- * wrapperClassName을 통해 체크박스와 라벨을 감싸는 요소의 스타일을 지정할 수 있습니다.<br/>
- * <br/>
- * ### 사용 예시
- * ```tsx
- * <Checkbox
- *   label="Accept Terms and Conditions"
- *   checked={isChecked}
- *   onCheckedChange={(value) => setIsChecked(value)}
- * />
- * ```
- */
-declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface RadioGroupProps extends RadioGroup$1.RadioGroupProps {
-    className?: string;
-    orientation?: "horizontal" | "vertical";
-}
-/**
- * 라디오 버튼 그룹을 생성하는 컴포넌트입니다.<br/>
- * orientation prop을 통해 수평 또는 수직 방향으로 배치할 수 있습니다.<br/>
- * value prop을 통해 현재 선택된 라디오 버튼의 값을 관리합니다.<br/>
- * disabled prop을 통해 그룹 전체를 비활성화할 수 있습니다.<br/>
- * 또는 개별 RadioItem 컴포넌트에 disabled prop을 설정하여 특정 라디오 버튼을 비활성화할 수 있습니다.<br/>
- * RadioItem 컴포넌트를 자식으로 받아 라디오 버튼을 구성합니다.<br/>
- * <br/>
- * ### 사용 예시
- * ```tsx
- * <RadioGroup value={selectedValue} onValueChange={setSelectedValue}>
- *   <RadioItem value="option1" label="Option 1" />
- *   <RadioItem value="option2" label="Option 2" />
- *   <RadioItem value="option3" label="Option 3" />
- * </RadioGroup>
- * ```
- */
-declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-interface RadioItemProps extends RadioGroup$1.RadioGroupItemProps {
-    label?: string;
-    labelClassName?: string;
-    wrapperClassName?: string;
-    className?: string;
-}
-declare const RadioItem: React__default.ForwardRefExoticComponent<RadioItemProps & React__default.RefAttributes<HTMLButtonElement>>;
-
 type CardProps = React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 /**
  * 카드 컴포넌트는 콘텐츠를 그룹화하고 시각적으로 구분하는 데 사용됩니다.<br/>
@@ -620,574 +206,16 @@ declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<CardProp
 declare const CardContent: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-/**
- * Dialog 컴포넌트는 모달 대화 상자를 생성하는 데 사용됩니다.<br/>
- * 이 컴포넌트는 Radix UI의 Dialog 컴포넌트를 래핑하여 사용합니다.<br/>
- * Dialog 컴포넌트는 모달의 상태를 관리하고, 모달을 열고 닫는 기능을 제공합니다.<br/>
- * DialogTrigger는 모달을 여는 트리거 버튼 역할을 하며, DialogContent는 모달의 실제 콘텐츠를 렌더링합니다.<br/>
- * DialogClose는 모달을 닫는 버튼 역할을 합니다.<br/>
- * DialogHeader, DialogFooter, DialogDescription은 모달의 헤더, 푸터, 제목, 설명을 구성하는 데 사용됩니다.<br/>
- * 이 컴포넌트는 모달 대화 상자를 쉽게 구현할 수 있도록 도와줍니다.<br/>
- * <br/>
- * ### 사용 예시
- * ```tsx
- * <Dialog>
- *   <DialogTrigger>Open Dialog</DialogTrigger>
- *   <DialogContent>
- *     <DialogHeader>
- *       Dialog Title
- *       <DialogClose />
- *     </DialogHeader>
- *     <DialogDescription>
- *       This is a description of the dialog.
- *     </DialogDescription>
- *   </DialogContent>
- * </Dialog>
- */
-declare const Dialog: any;
-declare const DialogTrigger: (props: React$1.ComponentProps<typeof Dialog$1.Trigger>) => react_jsx_runtime.JSX.Element;
-declare const DialogPortal: any;
-declare const DialogClose: any;
-declare const DialogContent: ({ className, children, ...props }: React$1.ComponentProps<typeof Dialog$1.Content>) => react_jsx_runtime.JSX.Element;
-declare const DialogHeader: ({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>) => react_jsx_runtime.JSX.Element;
-declare const DialogFooter: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogDescription: ({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>) => react_jsx_runtime.JSX.Element;
-
-declare const selectIconWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-    }>;
-}>;
-declare const selectTriggerStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly outline: Readonly<{
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none" | `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0 8px">;
-    }>;
-    readonly ghost: Readonly<{
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0 8px">;
-        readonly ":has(button:has([data-placeholder]))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":has(button:has([data-placeholder]))", {
-            readonly borderColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly regular: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 8px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-    }>;
-    readonly large: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "12px 16px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "12px">;
-    }>;
-}>;
-type SelectTriggerVariantStyles = Extract<keyof typeof selectTriggerStyles, "outline" | "ghost">;
-type SelectTriggerSizeStyles = Extract<keyof typeof selectTriggerStyles, "regular" | "large">;
-declare const selectContentStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly minWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"minWidth", "var(--radix-select-trigger-width)">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-    }>;
-}>;
-declare const selectItemStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 8px">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
-        readonly ":hover:not(:is([data-disabled]))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled]))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-disabled])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled])", {
-            readonly cursor: "not-allowed";
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-state='checked'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-state='checked'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly indicator: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-    }>;
-}>;
-declare const selectSeparatorStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "1px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", "5px 0">;
-    }>;
-}>;
-declare const selectGroupLabelStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 8px">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-    }>;
-}>;
-
-/**
- * Select 컴포넌트는 드롭다운 선택 상자를 생성하는 데 사용됩니다.<br/>
- * 이 컴포넌트는 Radix UI의 Select 컴포넌트를 래핑하여 사용합니다.<br/>
- * SelectTrigger는 드롭다운을 여는 트리거 버튼 역할을 하며, SelectContent는 드롭다운의 실제 콘텐츠를 렌더링합니다.<br/>
- * SelectGroup, SelectLabel, SelectSeparator는 드롭다운의 그룹화 및 레이블링을 지원합니다.<br/>
- * SelectItem은 드롭다운에서 선택 가능한 항목을 나타냅니다.<br/>
- * 이 컴포넌트는 드롭다운 선택 상자를 쉽게 구현할 수 있도록 도와줍니다.<br/>
- * <br/>
- * ### 사용 예시
- * ```tsx
- * <Select>
- *   <SelectTrigger placeholder="Select an option" />
- *   <SelectContent>
- *     <SelectItem value="option1">Option 1</SelectItem>
- *     <SelectItem value="option2">Option 2</SelectItem>
- *     <SelectItem value="option3">Option 3</SelectItem>
- *   </SelectContent>
- * </Select>
- */
-declare const Select: {
-    (props: React__default.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
-    displayName: string;
+declare const TAG_VARIANTS: {
+    readonly FILLED: "filled";
+    readonly ACCENT: "accent";
 };
-interface SelectTrigger extends React__default.ComponentProps<typeof Select$1.Trigger> {
-    placeholder?: string;
-    variant?: SelectTriggerVariantStyles;
-    size?: SelectTriggerSizeStyles;
-    icon?: React__default.ReactNode;
-}
-declare const SelectTrigger: {
-    ({ placeholder, variant, size, icon, ...rest }: SelectTrigger): react_jsx_runtime.JSX.Element;
-    displayName: string;
+type TagVariant = (typeof TAG_VARIANTS)[keyof typeof TAG_VARIANTS];
+declare const TAG_SIZES: {
+    readonly REGULAR: "regular";
+    readonly SMALL: "small";
 };
-interface SelectContent extends React__default.ComponentProps<typeof Select$1.Content> {
-    children: React__default.ReactNode;
-}
-declare const SelectContent: {
-    ({ children, ...rest }: SelectContent): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const SelectGroup: any;
-declare const SelectLabel: {
-    (props: React__default.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const SelectSeparator: {
-    (props: React__default.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-interface SelectItem extends React__default.ComponentProps<typeof Select$1.Item> {
-    indicator?: React__default.ReactNode;
-}
-declare const SelectItem: {
-    ({ indicator, ...rest }: SelectItem): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const verticalMenusWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-    }>;
-}>;
-declare const verticalMenuIconStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "20px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "20px">;
-    }>;
-}>;
-declare const verticalMenuStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "6px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-    }>;
-    readonly small: Readonly<{
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "12px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "4px">;
-    }>;
-    readonly regular: Readonly<{
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "18px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "10px">;
-    }>;
-    readonly accent: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly ":hover:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:disabled)", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly ghost: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly ":hover:not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true']))", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-}>;
-type VerticalMenuSizeStyles = Extract<keyof typeof verticalMenuStyles, "small" | "regular">;
-type VerticalMenuVariantStyles = Extract<keyof typeof verticalMenuStyles, "accent" | "ghost">;
-
-interface VerticalMenusProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-    value?: string;
-    onValueChange?: (value: string) => void;
-}
-declare const VerticalMenus: React__default.ForwardRefExoticComponent<VerticalMenusProps & React__default.RefAttributes<HTMLDivElement>>;
-interface VerticalMenuProps extends React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    value: string;
-    label?: string;
-    icon?: React__default.ReactNode;
-    variant?: VerticalMenuVariantStyles;
-    size?: VerticalMenuSizeStyles;
-}
-declare const VerticalMenu: React__default.ForwardRefExoticComponent<Omit<VerticalMenuProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-declare const horizontalTabWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "flex-start">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-    }>;
-}>;
-declare const horizontalTabStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 0>;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly flexWrap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexWrap", "nowrap">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly ":hover:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:disabled)", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-        }>;
-    }>;
-    readonly line: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly marginTop: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginTop", "3px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "1px">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly height: "2px";
-            readonly marginTop: "2px";
-        }>;
-    }>;
-    readonly icon: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "20px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "20px">;
-    }>;
-    readonly iconSmall: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-    }>;
-    readonly small: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "4px 8px">;
-    }>;
-    readonly regular: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "10px 8px">;
-    }>;
-    readonly labelWrapper: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-    }>;
-}>;
-type HorizontalTabSizeStyles = "regular" | "small";
-
-interface HorizontalTabsProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-    value?: string;
-    onValueChange?: (value: string) => void;
-}
-declare const HorizontalTabs: React__default.ForwardRefExoticComponent<HorizontalTabsProps & React__default.RefAttributes<HTMLDivElement>>;
-interface HorizontalTabProps extends React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    value: string;
-    label?: string;
-    icon?: React__default.ReactNode;
-    size?: HorizontalTabSizeStyles;
-}
-declare const HorizontalTab: React__default.ForwardRefExoticComponent<Omit<HorizontalTabProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface ModeTabsProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-    value?: string;
-    onValueChange?: (value: string) => void;
-}
-declare const ModeTabs: React__default.ForwardRefExoticComponent<ModeTabsProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ModeTabProps extends React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    value: string;
-    label?: string;
-    icon?: React__default.ReactNode;
-}
-declare const ModeTab: React__default.ForwardRefExoticComponent<Omit<ModeTabProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-declare const tooltipDescriptionStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "16px 20px">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-    }>;
-    readonly header: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly content: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly footer: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly paddingTop: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"paddingTop", "16px">;
-    }>;
-}>;
-declare const tooltipShortStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-    }>;
-    readonly regular: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px 12px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-    }>;
-    readonly small: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 8px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-    }>;
-    readonly default: Readonly<{
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly accent: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-}>;
-type TooltipShortSizeStyles = Extract<keyof typeof tooltipShortStyles, "regular" | "small">;
-type TooltipShortVariantStyles = Extract<keyof typeof tooltipShortStyles, "default" | "accent">;
-
-declare const Tooltip: (props: React__default.ComponentProps<typeof Tooltip$1.Root & typeof Tooltip$1.TooltipProvider>) => react_jsx_runtime.JSX.Element;
-declare const TooltipTrigger: any;
-interface TooltipDescriptionProps {
-    type: "default";
-}
-interface TooltipShortDescriptionProps {
-    type: "short";
-    variant?: TooltipShortVariantStyles;
-    size?: TooltipShortSizeStyles;
-}
-type TooltipContentProps = React__default.ComponentProps<typeof Tooltip$1.Content> & (TooltipDescriptionProps | TooltipShortDescriptionProps);
-declare const TooltipContent: ({ type, ...rest }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
-declare const TooltipArrow: any;
-declare const TooltipHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const TooltipDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const TooltipFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-declare const tagStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-    }>;
-    readonly filled: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly ":hover:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-        readonly ":active:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-    }>;
-    readonly accent: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly ":hover:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly regular: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "2px 4px">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-    }>;
-    readonly small: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "2px">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "6px">;
-    }>;
-    readonly icon: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-    }>;
-    readonly text: Readonly<{
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
-        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
-        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
-        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
-    }>;
-}>;
-type TagVariant = Extract<keyof typeof tagStyles, "filled" | "accent">;
-type TagSize = Extract<keyof typeof tagStyles, "regular" | "small">;
+type TagSize = (typeof TAG_SIZES)[keyof typeof TAG_SIZES];
 
 interface TagProps extends React__default.DetailedHTMLProps<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "value">, HTMLButtonElement> {
     value: {
@@ -1204,1322 +232,15 @@ interface TagProps extends React__default.DetailedHTMLProps<Omit<React__default.
 }
 declare const Tag: React__default.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare const multipleSelectWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-    }>;
-}>;
-declare const multipleSelectTriggerStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly ":hover:not([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not([data-disabled='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
-            readonly border: "none";
-            readonly cursor: "not-allowed";
-        }>;
-    }>;
-    readonly regular: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 12px">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
-    }>;
-    readonly large: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "12px 16px 12px 12px">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-    }>;
-    readonly arrow: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-    }>;
-    readonly value: Readonly<{
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
-        readonly flexWrap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexWrap", "wrap">;
-    }>;
-    readonly placeholder: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly tag: Readonly<{
-        readonly maxWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"maxWidth", "var(--select-content-width, 100%)">;
-    }>;
-}>;
-type MultipleSelectTriggerSizeStyles = Extract<keyof typeof multipleSelectTriggerStyles, "regular" | "large">;
-declare const multipleSelectContentStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(100% + 4px)">;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", 0>;
-        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 1000>;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "calc(100% - 16px)">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "12px">;
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-    }>;
-    readonly search: Readonly<{
-        readonly paddingBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"paddingBottom", "8px">;
-        readonly marginBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginBottom", "8px">;
-        readonly borderBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderBottom", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-    }>;
-    readonly options: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 0>;
-        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", 0>;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
-        readonly listStyle: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"listStyle", "none">;
-    }>;
-}>;
-declare const multipleSelectItemStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px 12px">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly ":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true']))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:is([data-disabled='true'])):not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-disabled='true'])):not(:is([data-selected='true']))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true']):not(:is([data-disabled='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true']):not(:is([data-disabled='true']))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-        }>;
-    }>;
-    readonly indicator: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-    }>;
-    readonly label: Readonly<{
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
-        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
-        readonly overflowX: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflowX", "hidden">;
-        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
-    }>;
-}>;
-
-interface Option {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-interface MultipleSelectProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-    open?: boolean;
-    value?: Option[];
-    onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: Option[]) => void;
-}
-declare const MultipleSelect: React__default.ForwardRefExoticComponent<MultipleSelectProps & React__default.RefAttributes<HTMLDivElement>>;
-interface MultipleSelectTriggerProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    size?: MultipleSelectTriggerSizeStyles;
-}
-declare const MultipleSelectTrigger: React__default.ForwardRefExoticComponent<Omit<MultipleSelectTriggerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-interface MultipleSelectValueProps extends React__default.DetailedHTMLProps<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, HTMLDivElement> {
-    placeholder?: string;
-}
-declare const MultipleSelectValue: React__default.ForwardRefExoticComponent<Omit<MultipleSelectValueProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-interface MultipleSelectContentProps extends React__default.DetailedHTMLProps<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, HTMLDivElement> {
-    useSearch?: boolean;
-    options: Option[];
-    indicator?: React__default.ReactNode;
-}
-declare const MultipleSelectContent: React__default.ForwardRefExoticComponent<Omit<MultipleSelectContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-
-declare const Table: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & React__default.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React__default.RefAttributes<HTMLTableRowElement>>;
-declare const TableBody: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React__default.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
-    isSelected?: boolean;
-    shouldLastBorderRender?: boolean;
-}
-declare const TableRow: React__default.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React__default.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>, "ref"> & React__default.RefAttributes<HTMLTableCellElement>>;
-interface TableCellProps extends React__default.DetailedHTMLProps<React__default.TdHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement> {
-    showTooltip?: boolean;
-}
-declare const TableCell: React__default.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React__default.RefAttributes<HTMLTableCellElement>>;
-
-/** table 기반 config로 테이블 완성 component */
-interface TableInfo<T> {
-    header: string;
-    renderFn: (item: T) => React__default.ReactNode;
-    minWidth?: number;
-    maxWidth?: number;
-    showTooltip?: boolean;
-}
-type DataTableConfig<T> = TableInfo<T>[];
-interface DataTableProps<T> {
-    config: DataTableConfig<T>;
-    data: T[];
-    emptyMessage?: string;
-    onRowClick?: (item: T) => void;
-    enableSelection?: boolean;
-    shouldLastBorderRender?: boolean;
-    classNames?: {
-        table?: string;
-        header?: string;
-        head?: string;
-        body?: string;
-        row?: string;
-        cell?: string;
-    };
-    refs?: {
-        tableRef?: React__default.Ref<HTMLTableElement>;
-        headerRef?: React__default.Ref<HTMLTableRowElement>;
-        bodyRef?: React__default.Ref<HTMLTableSectionElement>;
-        rowRef?: React__default.Ref<HTMLTableRowElement>;
-        cellRef?: React__default.Ref<HTMLTableCellElement>;
-        headRef?: React__default.Ref<HTMLTableCellElement>;
-    };
-}
-declare const DataTable: <T extends object>({ config, data, emptyMessage, onRowClick, enableSelection, shouldLastBorderRender, classNames, refs, }: DataTableProps<T>) => react_jsx_runtime.JSX.Element;
-
-declare const Pagination: ({ className, ...props }: React$1.ComponentProps<"nav">) => react_jsx_runtime.JSX.Element;
-declare const PaginationContent: ({ className, ...props }: React$1.ComponentProps<"ul">) => react_jsx_runtime.JSX.Element;
-declare const PaginationItem: (props: React$1.ComponentProps<"li">) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ className, ...rest }: React.ComponentProps<"nav">) => react_jsx_runtime.JSX.Element;
+declare const PaginationContent: ({ className, ...rest }: React.ComponentProps<"ul">) => react_jsx_runtime.JSX.Element;
+declare const PaginationItem: (props: React.ComponentProps<"li">) => react_jsx_runtime.JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
-} & React$1.ComponentProps<typeof Button>;
-declare const PaginationLink: ({ className, isActive, size, variant, ...props }: PaginationLinkProps) => react_jsx_runtime.JSX.Element;
-declare const PaginationPrevious: ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
-declare const PaginationNext: ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
-declare const PaginationEllipsis: ({ className, ...props }: React$1.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
-
-interface InteractiveListItemProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    isSelected?: boolean;
-    disabled?: boolean;
-    showHoverActions?: boolean;
-}
-declare const InteractiveListItem: React__default.ForwardRefExoticComponent<Omit<InteractiveListItemProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const InteractiveListItemIcon: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
-declare const InteractiveListItemContent: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const InteractiveListItemActions: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
-declare const Calendar: ({ className, classNames, showOutsideDays, ...props }: CalendarProps) => react_jsx_runtime.JSX.Element;
-
-type AllDatePickerTypes = Date | undefined | DateRange | Date[];
-type DatePickerProps = DatePicker & CalendarProps & Popover.PopoverProps & Popover.PopoverContentProps;
-interface DatePicker {
-    size: "regular" | "large";
-    placeholder?: string;
-    format?: string;
-    value?: AllDatePickerTypes;
-    onChange?: (date: AllDatePickerTypes) => void;
-    isInstantClose?: boolean;
-    disabled?: boolean;
-}
-declare const DatePicker: ({ size, placeholder, format, value, mode, onChange, isInstantClose, open: openProp, onOpenChange: onOpenChangeProp, disabled, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
-
-declare const ContextMenu: any;
-declare const ContextMenuTrigger: any;
-declare const ContextMenuContent: (props: React.ComponentProps<typeof ContextMenu$1.Content>) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuArrow: any;
-declare const ContextMenuLabel: (props: React.ComponentProps<typeof ContextMenu$1.Label>) => react_jsx_runtime.JSX.Element;
-interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextMenu$1.Item>, "children"> {
-    leftIcon?: React.ReactNode;
-    rightSlot?: React.ReactNode;
-}
-declare const ContextMenuItem: ({ leftIcon, rightSlot, textValue, ...rest }: ContextMenuItemProps) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuGroup: any;
-declare const ContextMenuSub: any;
-declare const ContextMenuSubTrigger: any;
-declare const ContextMenuSubContent: (props: React.ComponentProps<typeof ContextMenu$1.SubContent>) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuSeparator: (props: React.ComponentProps<typeof ContextMenu$1.Separator>) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuCheckboxItem: any;
-declare const ContextMenuRadioGroup: any;
-declare const ContextMenuRadioItem: any;
-declare const ContextMenuItemIndicator: (props: React.ComponentProps<typeof ContextMenu$1.ItemIndicator>) => react_jsx_runtime.JSX.Element;
-
-interface AutocompleteProps<T> {
-    placeholder?: string;
-    data: T[];
-    value?: string;
-    displayValue: (item: T) => string;
-    onSelect?: (selectedItem: T | null) => void;
-    onChange?: (value: string) => void;
-    noResultsMessage?: string;
-    maxResults?: number;
-    debounceTime?: number;
-    wrapperClassName?: string;
-    contentClassName?: string;
-    itemClassName?: string;
-}
-declare const Autocomplete: <T>({ placeholder, data, value, displayValue, onSelect, onChange, noResultsMessage, maxResults, debounceTime, wrapperClassName, contentClassName, itemClassName, }: AutocompleteProps<T>) => react_jsx_runtime.JSX.Element;
-
-declare const spacing: stylex.VarGroup<Readonly<{
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xxl: string;
-    xxxl: string;
-}>, symbol>;
-declare const borderRadius: stylex.VarGroup<Readonly<{
-    none: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-}>, symbol>;
-
-declare const primitiveColors: stylex.VarGroup<Readonly<{
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    blue900: string;
-    cyan100: string;
-    cyan200: string;
-    cyan300: string;
-    cyan400: string;
-    cyan500: string;
-    cyan600: string;
-    cyan700: string;
-    cyan800: string;
-    cyan900: string;
-    darkOpacity25: string;
-    darkOpacity50: string;
-    darkOpacity100: string;
-    darkOpacity150: string;
-    darkOpacity200: string;
-    darkOpacity250: string;
-    darkOpacity300: string;
-    darkOpacity350: string;
-    darkOpacity400: string;
-    darkOpacity450: string;
-    darkOpacity500: string;
-    darkOpacity550: string;
-    darkOpacity600: string;
-    darkOpacity650: string;
-    darkOpacity700: string;
-    darkOpacity750: string;
-    darkOpacity800: string;
-    darkOpacity850: string;
-    darkOpacity900: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    green900: string;
-    lightOpacity25: string;
-    lightOpacity50: string;
-    lightOpacity100: string;
-    lightOpacity150: string;
-    lightOpacity200: string;
-    lightOpacity250: string;
-    lightOpacity300: string;
-    lightOpacity350: string;
-    lightOpacity400: string;
-    lightOpacity450: string;
-    lightOpacity500: string;
-    lightOpacity550: string;
-    lightOpacity600: string;
-    lightOpacity650: string;
-    lightOpacity700: string;
-    lightOpacity750: string;
-    lightOpacity800: string;
-    lightOpacity850: string;
-    lightOpacity900: string;
-    magenta100: string;
-    magenta200: string;
-    magenta300: string;
-    magenta400: string;
-    magenta500: string;
-    magenta600: string;
-    magenta700: string;
-    magenta800: string;
-    magenta900: string;
-    neutral25: string;
-    neutral50: string;
-    neutral100: string;
-    neutral150: string;
-    neutral200: string;
-    neutral250: string;
-    neutral300: string;
-    neutral350: string;
-    neutral400: string;
-    neutral450: string;
-    neutral500: string;
-    neutral550: string;
-    neutral600: string;
-    neutral650: string;
-    neutral700: string;
-    neutral750: string;
-    neutral800: string;
-    neutral850: string;
-    neutral900: string;
-    neutral950: string;
-    orange100: string;
-    orange200: string;
-    orange300: string;
-    orange400: string;
-    orange500: string;
-    orange600: string;
-    orange700: string;
-    orange800: string;
-    orange900: string;
-    pink100: string;
-    pink200: string;
-    pink300: string;
-    pink400: string;
-    pink500: string;
-    pink600: string;
-    pink700: string;
-    pink800: string;
-    pink900: string;
-    pureBlack: string;
-    pureBlack50: string;
-    pureBlack75: string;
-    pureTransparent: string;
-    pureWhite: string;
-    pureWhite50: string;
-    purple100: string;
-    purple200: string;
-    purple300: string;
-    purple400: string;
-    purple500: string;
-    purple600: string;
-    purple700: string;
-    purple800: string;
-    purple900: string;
-    red100: string;
-    red200: string;
-    red300: string;
-    red400: string;
-    red500: string;
-    red600: string;
-    red700: string;
-    red800: string;
-    red900: string;
-    teal100: string;
-    teal200: string;
-    teal300: string;
-    teal400: string;
-    teal500: string;
-    teal600: string;
-    teal700: string;
-    teal800: string;
-    teal900: string;
-    telepixRed100: string;
-    telepixRed200: string;
-    telepixRed300: string;
-    telepixRed400: string;
-    telepixRed500: string;
-    telepixRed600: string;
-    telepixRed700: string;
-    telepixRed800: string;
-    telepixRed900: string;
-    violet100: string;
-    violet200: string;
-    violet300: string;
-    violet400: string;
-    violet500: string;
-    violet600: string;
-    violet700: string;
-    violet800: string;
-    violet900: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    yellow900: string;
-}>, symbol>;
-
-declare const semanticColors: stylex.VarGroup<Readonly<{
-    borderBound: string;
-    borderDivider: string;
-    borderFocused: string;
-    borderOverlay: string;
-    borderSelected: string;
-    compDisabled: string;
-    compAccentDefault: string;
-    compAccentHovered: string;
-    compAccentPressed: string;
-    compAccentSelected: string;
-    compChromaError: string;
-    compChromaPositive: string;
-    compChromaWarning: string;
-    compMonoDefault: string;
-    compMonoHovered: string;
-    compMonoPressed: string;
-    compMonoSelected: string;
-    compMonoSubtleDefault: string;
-    compMonoSubtleHovered: string;
-    compMonoSubtlePressed: string;
-    compMonoSubtleSelected: string;
-    fillDisabled: string;
-    fillAccentDefault: string;
-    fillAccentHovered: string;
-    fillAccentPressed: string;
-    fillAccentSelected: string;
-    fillChromaError: string;
-    fillChromaPositive: string;
-    fillChromaWarning: string;
-    fillMonoDefault: string;
-    fillMonoHovered: string;
-    fillMonoPressed: string;
-    fillMonoSelected: string;
-    fillMonoSubtleDefault: string;
-    fillMonoSubtleHovered: string;
-    fillMonoSubtlePressed: string;
-    fillMonoSubtleSelected: string;
-    pageAccent: string;
-    pageFade: string;
-    pageL0: string;
-    pageL1: string;
-    pageL2: string;
-    pageL3: string;
-    pageL4: string;
-    black: string;
-    white: string;
-    transparent: string;
-}>, symbol>;
-declare const lightMode: stylex.Theme<stylex.VarGroup<Readonly<{
-    borderBound: string;
-    borderDivider: string;
-    borderFocused: string;
-    borderOverlay: string;
-    borderSelected: string;
-    compDisabled: string;
-    compAccentDefault: string;
-    compAccentHovered: string;
-    compAccentPressed: string;
-    compAccentSelected: string;
-    compChromaError: string;
-    compChromaPositive: string;
-    compChromaWarning: string;
-    compMonoDefault: string;
-    compMonoHovered: string;
-    compMonoPressed: string;
-    compMonoSelected: string;
-    compMonoSubtleDefault: string;
-    compMonoSubtleHovered: string;
-    compMonoSubtlePressed: string;
-    compMonoSubtleSelected: string;
-    fillDisabled: string;
-    fillAccentDefault: string;
-    fillAccentHovered: string;
-    fillAccentPressed: string;
-    fillAccentSelected: string;
-    fillChromaError: string;
-    fillChromaPositive: string;
-    fillChromaWarning: string;
-    fillMonoDefault: string;
-    fillMonoHovered: string;
-    fillMonoPressed: string;
-    fillMonoSelected: string;
-    fillMonoSubtleDefault: string;
-    fillMonoSubtleHovered: string;
-    fillMonoSubtlePressed: string;
-    fillMonoSubtleSelected: string;
-    pageAccent: string;
-    pageFade: string;
-    pageL0: string;
-    pageL1: string;
-    pageL2: string;
-    pageL3: string;
-    pageL4: string;
-    black: string;
-    white: string;
-    transparent: string;
-}>, symbol>, symbol>;
-declare const darkMode: stylex.Theme<stylex.VarGroup<Readonly<{
-    borderBound: string;
-    borderDivider: string;
-    borderFocused: string;
-    borderOverlay: string;
-    borderSelected: string;
-    compDisabled: string;
-    compAccentDefault: string;
-    compAccentHovered: string;
-    compAccentPressed: string;
-    compAccentSelected: string;
-    compChromaError: string;
-    compChromaPositive: string;
-    compChromaWarning: string;
-    compMonoDefault: string;
-    compMonoHovered: string;
-    compMonoPressed: string;
-    compMonoSelected: string;
-    compMonoSubtleDefault: string;
-    compMonoSubtleHovered: string;
-    compMonoSubtlePressed: string;
-    compMonoSubtleSelected: string;
-    fillDisabled: string;
-    fillAccentDefault: string;
-    fillAccentHovered: string;
-    fillAccentPressed: string;
-    fillAccentSelected: string;
-    fillChromaError: string;
-    fillChromaPositive: string;
-    fillChromaWarning: string;
-    fillMonoDefault: string;
-    fillMonoHovered: string;
-    fillMonoPressed: string;
-    fillMonoSelected: string;
-    fillMonoSubtleDefault: string;
-    fillMonoSubtleHovered: string;
-    fillMonoSubtlePressed: string;
-    fillMonoSubtleSelected: string;
-    pageAccent: string;
-    pageFade: string;
-    pageL0: string;
-    pageL1: string;
-    pageL2: string;
-    pageL3: string;
-    pageL4: string;
-    black: string;
-    white: string;
-    transparent: string;
-}>, symbol>, symbol>;
-
-declare const fontFamily: stylex.VarGroup<Readonly<{
-    sans: string;
-    mono: string;
-}>, symbol>;
-declare const fontSize: stylex.VarGroup<Readonly<{
-    xsmall: string;
-    label: string;
-    body: string;
-    base: string;
-    large: string;
-    xl: string;
-    xxl: string;
-    xxxl: string;
-    xxxxl: string;
-}>, symbol>;
-declare const fontWeight: stylex.VarGroup<Readonly<{
-    thin: string;
-    extralight: string;
-    light: string;
-    normal: string;
-    medium: string;
-    semibold: string;
-    bold: string;
-    extrabold: string;
-    black: string;
-}>, symbol>;
-declare const lineHeight: stylex.VarGroup<Readonly<{
-    xxxl: string;
-    xxlCompact: string;
-    xxl: string;
-    xlCompact: string;
-    xl: string;
-    largeCompact: string;
-    large: string;
-    baseCompact: string;
-    base: string;
-    bodyCompact: string;
-    body: string;
-    labelCompact: string;
-    label: string;
-    xsmall: string;
-}>, symbol>;
-
-declare const commonStyles: Readonly<{
-    readonly flexCenter: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-    }>;
-}>;
-
-declare const textAreaWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "12px 16px">;
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", 1>;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "calc(100% - 24px)">;
-    }>;
-}>;
-declare const textAreaStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "100%">;
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", 1>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 0>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly resize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"resize", "none">;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly "::placeholder": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"::placeholder", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly disabled: Readonly<{
-        readonly "::placeholder": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"::placeholder", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-}>;
-
-declare const checkboxWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "10px">;
-    }>;
-}>;
-declare const checkboxStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-    }>;
-    readonly icon: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly fill: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fill", string>;
-        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
-    }>;
-    readonly iconChecked: Readonly<{
-        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
-    }>;
-    readonly iconDisabled: Readonly<{
-        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "default">;
-    }>;
-}>;
-declare const labelStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-    }>;
-    readonly disabled: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "default">;
-    }>;
-}>;
-
-declare const radioGroupStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "12px">;
-    }>;
-    readonly horizontal: Readonly<{
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "row">;
-    }>;
-}>;
-declare const radioItemWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "6px">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-    }>;
-}>;
-declare const radioItemStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-    }>;
-}>;
-declare const radioItemLabelStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-    }>;
-    readonly disabled: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "default">;
-    }>;
-    readonly selected: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-}>;
-
-declare const cardStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-    }>;
-}>;
-declare const cardBodyStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", string>;
-    }>;
-}>;
-declare const cardHeaderStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly marginBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginBottom", string>;
-    }>;
-}>;
-declare const cardFooterStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-    }>;
-}>;
-
-declare const dialogOverlayStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "fixed">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", 0>;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", 0>;
-        readonly right: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"right", 0>;
-        readonly bottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"bottom", 0>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly inset: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"inset", 0>;
-        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 1000>;
-        readonly animation: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"animation", `${string} ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} ease-in-out forwards`>;
-    }>;
-}>;
-declare const dialogContentStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "fixed">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "50%">;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", "50%">;
-        readonly transform: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"transform", "translate(-50%, -50%)">;
-        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 1001>;
-        readonly animation: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"animation", `${string} ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} ease-in-out forwards`>;
-    }>;
-}>;
-
-declare const modeTabWrapperStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "4px">;
-    }>;
-}>;
-declare const modeTabStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "4px 8px">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "10px">;
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "none">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly ":hover:not(:is([data-selected='true'])):not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true'])):not(:disabled)", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:disabled)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:disabled)", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":disabled": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":disabled", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-        }>;
-    }>;
-    readonly icon: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "20px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "20px">;
-    }>;
-}>;
-
-declare const tableStyles: Readonly<{
-    readonly table: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-        readonly borderCollapse: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderCollapse", "collapse">;
-    }>;
-    readonly theadTR: Readonly<{
-        readonly borderBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderBottom", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-    }>;
-    readonly tr: Readonly<{
-        readonly borderBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderBottom", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly ":hover:not([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not([data-selected='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-last-border='false']):last-child": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-last-border='false']):last-child", {
-            readonly borderBottom: "none";
-        }>;
-    }>;
-    readonly cell: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "20px 0px 20px 36px">;
-        readonly ":last-child": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":last-child", {
-            readonly paddingRight: "36px";
-        }>;
-        readonly verticalAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"verticalAlign", "middle">;
-    }>;
-    readonly th: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "left">;
-    }>;
-    readonly td: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly content: Readonly<{
-        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
-        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
-        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
-    }>;
-}>;
-
-declare const paginationStyles: Readonly<{
-    readonly pagination: Readonly<{
-        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", "0 auto">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
-    }>;
-    readonly content: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "row">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
-    }>;
-    readonly button: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "36px">;
-        readonly minWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"minWidth", "36px">;
-    }>;
-    readonly selected: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly previous: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly marginRight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginRight", "16px">;
-    }>;
-    readonly next: Readonly<{
-        readonly marginLeft: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginLeft", "16px">;
-    }>;
-    readonly ellipsis: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "36px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "36px">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
-        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly ellipsisIcon: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
-    }>;
-}>;
-
-declare const interactiveListItemStyles: Readonly<{
-    readonly base: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px">;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "1px solid transparent">;
-        readonly ":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
-        }>;
-        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
-            readonly cursor: "not-allowed";
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly icon: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "4px">;
-    }>;
-    readonly content: Readonly<{
-        readonly flexGrow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexGrow", 1>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
-    }>;
-    readonly buttons: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-    }>;
-}>;
-
-declare const calendarStyles: Readonly<{
-    readonly months: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "12px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly flexWrap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexWrap", "wrap">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "var(--rdp-months-gap)">;
-        readonly maxWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"maxWidth", "fit-content">;
-    }>;
-    readonly monthCaption: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly marginBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginBottom", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "var(--rdp-nav-height)">;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "bold">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "large">;
-        readonly marginInlineStart: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginInlineStart", "var(--rdp-nav_button-width)">;
-        readonly marginInlineEnd: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginInlineEnd", "var(--rdp-nav_button-width)">;
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-    }>;
-    readonly captionLabel: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "28px">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 1>;
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "inline-flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", 0>;
-    }>;
-    readonly navButton: Readonly<{
-        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
-        readonly ":is([data-orientation='right'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-orientation='right'])", {
-            readonly transform: "rotate(180deg)";
-        }>;
-    }>;
-    readonly monthGrid: Readonly<{
-        readonly borderSpacing: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderSpacing", "0 8px">;
-        readonly borderCollapse: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderCollapse", "separate">;
-    }>;
-    readonly weekday: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "32px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "32px">;
-    }>;
-    readonly day: Readonly<{
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "6px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly ":not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":not(:is([data-selected='true']))", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":hover:not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true']))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "pointer";
-        }>;
-    }>;
-    readonly selected: Readonly<{
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-    }>;
-    readonly rangeStart: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "6px 0 0 6px !important">;
-        readonly ":is(.range-end)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is(.range-end)", {
-            readonly borderRadius: "6px !important";
-        }>;
-    }>;
-    readonly rangeEnd: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "0 6px 6px 0 !important">;
-    }>;
-    readonly rangeMiddle: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "0 !important">;
-    }>;
-    readonly outside: Readonly<{
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
-        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "pointer";
-        }>;
-    }>;
-}>;
-
-declare const datePickerStyles: Readonly<{
-    readonly wrapper: Readonly<{
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "start">;
-    }>;
-}>;
-
-declare const contextMenuContentStyles: Readonly<{
-    readonly content: Readonly<{
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "320px">;
-    }>;
-    readonly item: Readonly<{
-        readonly [x: string]: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<string, string | {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor?: undefined;
-            readonly default?: undefined;
-            readonly ":hover:not(:is([data-disabled]))"?: undefined;
-            readonly ":active:not(:is([data-disabled]))"?: undefined;
-            readonly ':is([data-state="open"])'?: undefined;
-            readonly ":is([data-disabled])"?: undefined;
-        } | {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-            readonly default?: undefined;
-            readonly ":hover:not(:is([data-disabled]))"?: undefined;
-            readonly ":active:not(:is([data-disabled]))"?: undefined;
-            readonly ':is([data-state="open"])'?: undefined;
-            readonly ":is([data-disabled])"?: undefined;
-        }>;
-        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly ":hover:not(:is([data-disabled]))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled]))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":active:not(:is([data-disabled]))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-disabled]))", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-state='open'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-state='open'])", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-        readonly ":is([data-disabled])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled])", {
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly cursor: "not-allowed";
-        }>;
-    }>;
-    readonly itemContent: Readonly<{
-        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", 1>;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
-        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
-    }>;
-    readonly textValue: Readonly<{
-        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
-        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
-        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
-    }>;
-    readonly leftIcon: Readonly<{
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", "transparent">;
-    }>;
-    readonly rightSlot: Readonly<{
-        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly separator: Readonly<{
-        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "1px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", "4px 0">;
-    }>;
-}>;
-
-declare const autocompleteStyles: Readonly<{
-    readonly wrapper: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
-    }>;
-    readonly content: Readonly<{
-        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
-        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(100% - 10px)">;
-        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", 0>;
-        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 20>;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
-        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
-        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "calc(100% - 16px)">;
-    }>;
-    readonly item: Readonly<{
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly listStyleType: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"listStyleType", "none">;
-        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
-            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
-        }>;
-    }>;
-    readonly highlight: Readonly<{
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly matched: Readonly<{
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly noResults: Readonly<{
-        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
-        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
-        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
-        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
-        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
-        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
-        readonly listStyleType: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"listStyleType", "none">;
-        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "center">;
-    }>;
-}>;
-
-declare const version = "0.0.1";
+} & React.ComponentProps<typeof Button>;
+declare const PaginationLink: ({ className, isActive, size, variant, ...rest }: PaginationLinkProps) => react_jsx_runtime.JSX.Element;
+declare const PaginationPrevious: ({ className, ...rest }: React.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
+declare const PaginationNext: ({ className, ...rest }: React.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
+declare const PaginationEllipsis: ({ className, ...rest }: React.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
 
-export { Autocomplete, Button, Calendar, Card, CardBody, CardContent, CardFooter, CardHeader, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HorizontalTab, HorizontalTabs, Input, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, RadioGroup, RadioItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tag, Text, TextArea, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VerticalMenu, VerticalMenus, autocompleteStyles, borderRadius, buttonSizeStyles, buttonStyles, buttonVariantStyles, calendarStyles, cardBodyStyles, cardFooterStyles, cardHeaderStyles, cardStyles, checkboxStyles, checkboxWrapperStyles, commonStyles, contextMenuContentStyles, darkMode, datePickerStyles, dialogContentStyles, dialogOverlayStyles, fontFamily, fontSize, fontWeight, fontWeightStyles, horizontalTabStyles, horizontalTabWrapperStyles, inputStyles, inputWrapperSizeStyles, inputWrapperStyles, interactiveListItemStyles, labelStyles, lightMode, lineHeight, modeTabStyles, modeTabWrapperStyles, multipleSelectContentStyles, multipleSelectItemStyles, multipleSelectTriggerStyles, multipleSelectWrapperStyles, paginationStyles, primitiveColors, radioGroupStyles, radioItemLabelStyles, radioItemStyles, radioItemWrapperStyles, selectContentStyles, selectGroupLabelStyles, selectIconWrapperStyles, selectItemStyles, selectSeparatorStyles, selectTriggerStyles, semanticColors, spacing, tableStyles, tagStyles, textAlignStyles, textAreaStyles, textAreaWrapperStyles, textSizeStyles, textStyles, textVariantStyles, tooltipDescriptionStyles, tooltipShortStyles, version, verticalMenuIconStyles, verticalMenuStyles, verticalMenusWrapperStyles };
+export { Button, Card, CardBody, CardContent, CardFooter, CardHeader, Input, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Tag, Text, TextArea };