@telepix-lab/telepix-ui 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,1762 @@
+import * as node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes from 'node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes';
+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 } from 'radix-ui';
+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;
+type ButtonStyles = keyof typeof buttonStyles;
+
+interface ButtonProps extends React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    variant?: ButtonVariantStyles;
+    size?: ButtonSizeStyles;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}
+/**
+ * 다양한 스타일과 속성을 지원하는 버튼 컴포넌트입니다.<br/>
+ * 사용자는 버튼의 변형(variant), 크기(size), 전체 너비(fullWidth), 로딩 상태(isLoading), 아이콘(leftIcon, rightIcon) 등을 지정할 수 있습니다.<br/>
+ * 버튼은 기본적으로 클릭 가능한 요소이며, disabled 속성을 통해 비활성화할 수 있습니다.<br/>
+ * 로딩 상태일 때는 로딩 스피너가 표시됩니다.<br/>
+ * 아이콘은 왼쪽(leftIcon) 또는 오른쪽(rightIcon)에 배치할 수 있으며, 버튼 텍스트와 함께 표시됩니다.<br/>
+ * <br/>
+ * ### 사용 예시
+ * ```tsx
+ * <Button variant="accent" size="large">
+ *  Click Me
+ * </Button>
+ * ```
+ */
+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;
+
+interface TextProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    size?: TextSizeStyles;
+    weight?: FontWeightStyles;
+    align?: TextAlignStyles;
+    variant?: TextVariantStyles;
+    color?: string;
+    as?: React__default.ElementType;
+}
+/**
+ * 다양한 텍스트 스타일을 지원하는 컴포넌트입니다.<br/>
+ * 사용자는 크기, 굵기, 정렬, 변형 등을 지정할 수 있습니다.<br/>
+ * text variant에 따라 기본 스타일이 적용됩니다.<br/>
+ * size, weight, align은 선택이 가능하며, 지정하지 않을 경우 text variant에 정의된 값들이 사용됩니다. <br/>
+ * color 속성을 통해 텍스트 색상을 직접 지정할 수 있습니다.<br/>
+ * as 속성을 통해 다른 HTML 요소로 렌더링할 수 있습니다. 기본값은 "p"입니다.<br/>
+ * <br/>
+ * ### 사용 예시
+ * ```tsx
+ * <Text size="large" weight="bold" align="center" variant="accent">
+ *   Hello, World!
+ * </Text>
+ * ```
+ */
+declare const Text: {
+    ({ children, className, size, weight, align, variant, color, as: Component, }: TextProps): react_jsx_runtime.JSX.Element;
+    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>;
+    }>;
+}>;
+/**
+ *
+ *
+        ":hover": semanticColors.compMonoSubtleHovered,
+        ":focused": semanticColors.compMonoSubtleSelected,
+        ":disabled": semanticColors.compDisabled,
+ */
+type InputWrapperStyles = keyof typeof inputWrapperStyles;
+type InputWrapperSizeStyles = keyof typeof inputWrapperSizeStyles;
+
+interface InputProps extends React__default.DetailedHTMLProps<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">, HTMLInputElement> {
+    size?: InputWrapperSizeStyles;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    wrapperClassName?: string;
+}
+/**
+ * 다양한 크기와 아이콘을 지원하는 입력 필드 컴포넌트입니다.<br/>
+ * 사용자는 크기(size), 왼쪽 아이콘(leftIcon), 오른쪽 아이콘(rightIcon) 등을 지정할 수 있습니다.<br/>
+ * 기본적으로 regular 크기를 가지며, large 크기도 선택할 수 있습니다.<br/>
+ * input의 너비는 부모 요소에 따라 결정됩니다.<br/>
+ * input 자체의 클래스는 `className` 속성을 통해 추가할 수 있습니다.<br/>
+ * wrapperClassName을 통해 input을 감싸는 div의 클래스도 추가할 수 있습니다.<br/>
+ * <br/>
+ * ### 사용 예시
+ * ```tsx
+ * <Input
+ *   size="large"
+ *   leftIcon={<SearchIcon />}
+ *   rightIcon={<ClearIcon />}
+ *   placeholder="Search..."
+ *   className="custom-input"
+ * />
+ * ```
+ */
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+type TextAreaProps = React__default.DetailedHTMLProps<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+/**
+ * 텍스트 영역 컴포넌트입니다.<br/>
+ * 사용자는 크기, disabled 상태 등을 지정할 수 있습니다.<br/>
+ * 기본적으로 regular 크기를 가지며, disabled 상태에서는 스타일이 변경됩니다.<br/>
+ * 텍스트 영역의 너비는 부모 요소에 따라 결정됩니다.<br/>
+ * className 속성을 통해 추가적인 스타일을 적용할 수 있습니다.<br/>
+ * <br/>
+ * ### 사용 예시
+ * ```tsx
+ * <TextArea
+ *   placeholder="Enter your text here..."
+ *   className="custom-textarea"
+ *   disabled={false}
+ * />
+ * ```
+ */
+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/>
+ * 카드 내부에는 헤더, 본문, 푸터 등의 섹션을 포함할 수 있습니다.<br/>
+ * content 내의 padding을 적용하기 위해서는 `CardBody` 컴포넌트를 사용해야 합니다.<br/>
+ * 기본적으로 카드 container의 스타일은 배경색, 테두리 등을 포함합니다.<br/>
+ * <br/>
+ * ### 사용 예시
+ * ```tsx
+ * <Card>
+ *   <CardBody>
+ *      <CardHeader>카드 제목</CardHeader>
+ *      <CardContent>
+ *          카드 내용
+ *      </CardContent>
+ *   <CardFooter>
+ *     카드 푸터
+ *   </CardFooter>
+ * </Card>
+ */
+declare const Card: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardBody: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+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.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.ComponentProps<typeof Dialog$1.Content>) => react_jsx_runtime.JSX.Element;
+declare const DialogHeader: ({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>) => react_jsx_runtime.JSX.Element;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogDescription: ({ className, ...props }: React.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;
+};
+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;
+};
+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> {
+    label: string;
+    indicator?: React__default.ReactNode;
+}
+declare const SelectItem: {
+    ({ label, 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">;
+    }>;
+}>;
+type TagVariant = Extract<keyof typeof tagStyles, "filled" | "accent">;
+type TagSize = Extract<keyof typeof tagStyles, "regular" | "small">;
+
+interface TagProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    value: {
+        id: string;
+        label: string;
+    };
+    icon?: React__default.ReactNode;
+    variant?: TagVariant;
+    size?: TagSize;
+    onDeleteClick?: (value: {
+        id: string;
+        label: string;
+    }) => void;
+}
+/**
+ * 태그 컴포넌트는 다양한 스타일과 크기를 지원하는 UI 요소입니다.
+ * 사용자는 태그의 변형(variant)과 크기(size)를 지정할 수 있습니다.
+ * 기본적으로 "filled" 변형과 "regular" 크기가 적용됩니다.
+ *
+ * ### 사용 예시
+ * ```tsx
+ * <Tag
+ *   value={{ id: "1", label: "Example Tag" }}
+ *   variant="filled"
+ *   size="regular"
+ *   onDeleteClick={(value) => console.log("Delete clicked for:", value)}
+ * />
+ * ```
+ */
+declare const Tag: React__default.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+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;
+    darkOpacity100: string;
+    darkOpacity150: string;
+    darkOpacity200: string;
+    darkOpacity25: string;
+    darkOpacity250: string;
+    darkOpacity300: string;
+    darkOpacity350: string;
+    darkOpacity400: string;
+    darkOpacity450: string;
+    darkOpacity50: 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;
+    lightOpacity100: string;
+    lightOpacity150: string;
+    lightOpacity200: string;
+    lightOpacity25: string;
+    lightOpacity250: string;
+    lightOpacity300: string;
+    lightOpacity350: string;
+    lightOpacity400: string;
+    lightOpacity450: string;
+    lightOpacity50: 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;
+    neutral100: string;
+    neutral150: string;
+    neutral200: string;
+    neutral25: string;
+    neutral250: string;
+    neutral300: string;
+    neutral350: string;
+    neutral400: string;
+    neutral450: string;
+    neutral50: 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 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 padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 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 version = "0.0.1";
+
+export { Button, type ButtonSizeStyles, type ButtonStyles, type ButtonVariantStyles, Card, CardBody, CardContent, CardFooter, CardHeader, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, type FontWeightStyles, HorizontalTab, HorizontalTabs, Input, type InputWrapperSizeStyles, type InputWrapperStyles, ModeTab, ModeTabs, RadioGroup, RadioItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Tag, Text, type TextAlignStyles, TextArea, type TextSizeStyles, type TextVariantStyles, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VerticalMenu, VerticalMenus, borderRadius, buttonSizeStyles, buttonStyles, buttonVariantStyles, cardBodyStyles, cardFooterStyles, cardHeaderStyles, cardStyles, checkboxStyles, checkboxWrapperStyles, commonStyles, dialogContentStyles, dialogOverlayStyles, fontFamily, fontSize, fontWeight, fontWeightStyles, horizontalTabStyles, horizontalTabWrapperStyles, inputStyles, inputWrapperSizeStyles, inputWrapperStyles, labelStyles, lineHeight, modeTabStyles, modeTabWrapperStyles, primitiveColors, radioGroupStyles, radioItemLabelStyles, radioItemStyles, radioItemWrapperStyles, selectContentStyles, selectGroupLabelStyles, selectIconWrapperStyles, selectItemStyles, selectSeparatorStyles, selectTriggerStyles, semanticColors, spacing, tagStyles, textAlignStyles, textAreaStyles, textAreaWrapperStyles, textSizeStyles, textStyles, textVariantStyles, tooltipDescriptionStyles, tooltipShortStyles, version, verticalMenuIconStyles, verticalMenuStyles, verticalMenusWrapperStyles };