@telepix-lab/telepix-ui 0.0.1 → 0.1.2

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 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 * as React$1 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 { Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Dialog as Dialog$1, Select as Select$1, Tooltip as Tooltip$1, Popover, ContextMenu as ContextMenu$1 } from 'radix-ui';
+import { DayPicker, DateRange } from 'react-day-picker';
 import * as stylex from '@stylexjs/stylex';
 
 declare const buttonSizeStyles: Readonly<{
@@ -99,7 +100,6 @@ declare const buttonStyles: Readonly<{
 }>;
 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;
@@ -417,7 +417,6 @@ 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;
@@ -425,21 +424,6 @@ interface TextProps extends React__default.DetailedHTMLProps<React__default.HTML
     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;
@@ -510,14 +494,6 @@ declare const inputStyles: Readonly<{
         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> {
@@ -669,13 +645,13 @@ declare const CardFooter: React__default.ForwardRefExoticComponent<Omit<CardProp
  * </Dialog>
  */
 declare const Dialog: any;
-declare const DialogTrigger: (props: React.ComponentProps<typeof Dialog$1.Trigger>) => react_jsx_runtime.JSX.Element;
+declare const DialogTrigger: (props: React$1.ComponentProps<typeof Dialog$1.Trigger>) => react_jsx_runtime.JSX.Element;
 declare const DialogPortal: any;
 declare const DialogClose: any;
-declare const DialogContent: ({ className, children, ...props }: React.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 DialogContent: ({ className, children, ...props }: React$1.ComponentProps<typeof Dialog$1.Content>) => react_jsx_runtime.JSX.Element;
+declare const DialogHeader: ({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>) => react_jsx_runtime.JSX.Element;
+declare const DialogFooter: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogDescription: ({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>) => react_jsx_runtime.JSX.Element;
 
 declare const selectIconWrapperStyles: Readonly<{
     readonly base: Readonly<{
@@ -835,11 +811,10 @@ declare const SelectSeparator: {
     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;
+    ({ indicator, ...rest }: SelectItem): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1201,11 +1176,20 @@ declare const tagStyles: Readonly<{
         readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "0">;
         readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
     }>;
+    readonly text: Readonly<{
+        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
+        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
+    }>;
 }>;
 type TagVariant = Extract<keyof typeof tagStyles, "filled" | "accent">;
 type TagSize = Extract<keyof typeof tagStyles, "regular" | "small">;
 
-interface TagProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+interface TagProps extends React__default.DetailedHTMLProps<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "value">, HTMLButtonElement> {
     value: {
         id: string;
         label: string;
@@ -1216,25 +1200,299 @@ interface TagProps extends React__default.DetailedHTMLProps<React__default.HTMLA
     onDeleteClick?: (value: {
         id: string;
         label: string;
-    }) => void;
+    }, e: React__default.MouseEvent<HTMLButtonElement>) => 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 multipleSelectWrapperStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
+    }>;
+}>;
+declare const multipleSelectTriggerStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
+        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly ":hover:not([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not([data-disabled='true'])", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
+        }>;
+        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
+            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
+        }>;
+        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
+            readonly border: "none";
+            readonly cursor: "not-allowed";
+        }>;
+    }>;
+    readonly regular: Readonly<{
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px 12px">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
+    }>;
+    readonly large: Readonly<{
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "12px 16px 12px 12px">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
+    }>;
+    readonly arrow: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
+    }>;
+    readonly value: Readonly<{
+        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
+        readonly flexWrap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly placeholder: Readonly<{
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+    }>;
+    readonly tag: Readonly<{
+        readonly maxWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"maxWidth", "var(--select-content-width, 100%)">;
+    }>;
+}>;
+type MultipleSelectTriggerSizeStyles = Extract<keyof typeof multipleSelectTriggerStyles, "regular" | "large">;
+declare const multipleSelectContentStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
+        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(100% + 4px)">;
+        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", 0>;
+        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 1000>;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "calc(100% - 16px)">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "12px">;
+        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+    }>;
+    readonly search: Readonly<{
+        readonly paddingBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"paddingBottom", "8px">;
+        readonly marginBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginBottom", "8px">;
+        readonly borderBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderBottom", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+    }>;
+    readonly options: Readonly<{
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", 0>;
+        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", 0>;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
+        readonly listStyle: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"listStyle", "none">;
+    }>;
+}>;
+declare const multipleSelectItemStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px 12px">;
+        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
+        readonly ":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true']))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":active:not(:is([data-disabled='true'])):not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-disabled='true'])):not(:is([data-selected='true']))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-selected='true']):not(:is([data-disabled='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true']):not(:is([data-disabled='true']))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly cursor: "not-allowed";
+        }>;
+    }>;
+    readonly indicator: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
+    }>;
+    readonly label: Readonly<{
+        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", "1">;
+        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly overflowX: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflowX", "hidden">;
+        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
+    }>;
+}>;
+
+interface Option {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface MultipleSelectProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    open?: boolean;
+    value?: Option[];
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: Option[]) => void;
+}
+declare const MultipleSelect: React__default.ForwardRefExoticComponent<MultipleSelectProps & React__default.RefAttributes<HTMLDivElement>>;
+interface MultipleSelectTriggerProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    size?: MultipleSelectTriggerSizeStyles;
+}
+declare const MultipleSelectTrigger: React__default.ForwardRefExoticComponent<Omit<MultipleSelectTriggerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+interface MultipleSelectValueProps extends React__default.DetailedHTMLProps<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, HTMLDivElement> {
+    placeholder?: string;
+}
+declare const MultipleSelectValue: React__default.ForwardRefExoticComponent<Omit<MultipleSelectValueProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+interface MultipleSelectContentProps extends React__default.DetailedHTMLProps<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, HTMLDivElement> {
+    useSearch?: boolean;
+    options: Option[];
+    indicator?: React__default.ReactNode;
+}
+declare const MultipleSelectContent: React__default.ForwardRefExoticComponent<Omit<MultipleSelectContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Table: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & React__default.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React__default.RefAttributes<HTMLTableRowElement>>;
+declare const TableBody: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React__default.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
+    isSelected?: boolean;
+    shouldLastBorderRender?: boolean;
+}
+declare const TableRow: React__default.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React__default.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>, "ref"> & React__default.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React__default.DetailedHTMLProps<React__default.TdHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement> {
+    showTooltip?: boolean;
+}
+declare const TableCell: React__default.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React__default.RefAttributes<HTMLTableCellElement>>;
+
+/** table 기반 config로 테이블 완성 component */
+interface TableInfo<T> {
+    header: string;
+    renderFn: (item: T) => React__default.ReactNode;
+    minWidth?: number;
+    maxWidth?: number;
+    showTooltip?: boolean;
+}
+type DataTableConfig<T> = TableInfo<T>[];
+interface DataTableProps<T> {
+    config: DataTableConfig<T>;
+    data: T[];
+    emptyMessage?: string;
+    onRowClick?: (item: T) => void;
+    enableSelection?: boolean;
+    shouldLastBorderRender?: boolean;
+    classNames?: {
+        table?: string;
+        header?: string;
+        head?: string;
+        body?: string;
+        row?: string;
+        cell?: string;
+    };
+    refs?: {
+        tableRef?: React__default.Ref<HTMLTableElement>;
+        headerRef?: React__default.Ref<HTMLTableRowElement>;
+        bodyRef?: React__default.Ref<HTMLTableSectionElement>;
+        rowRef?: React__default.Ref<HTMLTableRowElement>;
+        cellRef?: React__default.Ref<HTMLTableCellElement>;
+        headRef?: React__default.Ref<HTMLTableCellElement>;
+    };
+}
+declare const DataTable: <T extends object>({ config, data, emptyMessage, onRowClick, enableSelection, shouldLastBorderRender, classNames, refs, }: DataTableProps<T>) => react_jsx_runtime.JSX.Element;
+
+declare const Pagination: ({ className, ...props }: React$1.ComponentProps<"nav">) => react_jsx_runtime.JSX.Element;
+declare const PaginationContent: ({ className, ...props }: React$1.ComponentProps<"ul">) => react_jsx_runtime.JSX.Element;
+declare const PaginationItem: (props: React$1.ComponentProps<"li">) => react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & React$1.ComponentProps<typeof Button>;
+declare const PaginationLink: ({ className, isActive, size, variant, ...props }: PaginationLinkProps) => react_jsx_runtime.JSX.Element;
+declare const PaginationPrevious: ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
+declare const PaginationNext: ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
+declare const PaginationEllipsis: ({ className, ...props }: React$1.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
+
+interface InteractiveListItemProps extends React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    isSelected?: boolean;
+    disabled?: boolean;
+    showHoverActions?: boolean;
+}
+declare const InteractiveListItem: React__default.ForwardRefExoticComponent<Omit<InteractiveListItemProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const InteractiveListItemIcon: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
+declare const InteractiveListItemContent: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const InteractiveListItemActions: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
+declare const Calendar: ({ className, classNames, showOutsideDays, ...props }: CalendarProps) => react_jsx_runtime.JSX.Element;
+
+type AllDatePickerTypes = Date | undefined | DateRange | Date[];
+type DatePickerProps = DatePicker & CalendarProps & Popover.PopoverProps & Popover.PopoverContentProps;
+interface DatePicker {
+    size: "regular" | "large";
+    placeholder?: string;
+    format?: string;
+    value?: AllDatePickerTypes;
+    onChange?: (date: AllDatePickerTypes) => void;
+    isInstantClose?: boolean;
+    disabled?: boolean;
+}
+declare const DatePicker: ({ size, placeholder, format, value, mode, onChange, isInstantClose, open: openProp, onOpenChange: onOpenChangeProp, disabled, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+declare const ContextMenu: any;
+declare const ContextMenuTrigger: any;
+declare const ContextMenuContent: (props: React.ComponentProps<typeof ContextMenu$1.Content>) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuArrow: any;
+declare const ContextMenuLabel: (props: React.ComponentProps<typeof ContextMenu$1.Label>) => react_jsx_runtime.JSX.Element;
+interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextMenu$1.Item>, "children"> {
+    leftIcon?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+}
+declare const ContextMenuItem: ({ leftIcon, rightSlot, textValue, ...rest }: ContextMenuItemProps) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuGroup: any;
+declare const ContextMenuSub: any;
+declare const ContextMenuSubTrigger: any;
+declare const ContextMenuSubContent: (props: React.ComponentProps<typeof ContextMenu$1.SubContent>) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuSeparator: (props: React.ComponentProps<typeof ContextMenu$1.Separator>) => react_jsx_runtime.JSX.Element;
+declare const ContextMenuCheckboxItem: any;
+declare const ContextMenuRadioGroup: any;
+declare const ContextMenuRadioItem: any;
+declare const ContextMenuItemIndicator: (props: React.ComponentProps<typeof ContextMenu$1.ItemIndicator>) => react_jsx_runtime.JSX.Element;
+
+interface AutocompleteProps<T> {
+    placeholder?: string;
+    data: T[];
+    value?: string;
+    displayValue: (item: T) => string;
+    onSelect?: (selectedItem: T | null) => void;
+    onChange?: (value: string) => void;
+    noResultsMessage?: string;
+    maxResults?: number;
+    debounceTime?: number;
+    wrapperClassName?: string;
+    contentClassName?: string;
+    itemClassName?: string;
+}
+declare const Autocomplete: <T>({ placeholder, data, value, displayValue, onSelect, onChange, noResultsMessage, maxResults, debounceTime, wrapperClassName, contentClassName, itemClassName, }: AutocompleteProps<T>) => react_jsx_runtime.JSX.Element;
+
 declare const spacing: stylex.VarGroup<Readonly<{
     xs: string;
     sm: string;
@@ -1659,7 +1917,6 @@ declare const cardStyles: Readonly<{
         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>;
     }>;
 }>;
@@ -1757,6 +2014,415 @@ declare const modeTabStyles: Readonly<{
     }>;
 }>;
 
+declare const tableStyles: Readonly<{
+    readonly table: Readonly<{
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
+        readonly borderCollapse: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderCollapse", "collapse">;
+    }>;
+    readonly theadTR: Readonly<{
+        readonly borderBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderBottom", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly tr: Readonly<{
+        readonly borderBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderBottom", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly ":hover:not([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not([data-selected='true'])", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-last-border='false']):last-child": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-last-border='false']):last-child", {
+            readonly borderBottom: "none";
+        }>;
+    }>;
+    readonly cell: Readonly<{
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "20px 0px 20px 36px">;
+        readonly ":last-child": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":last-child", {
+            readonly paddingRight: "36px";
+        }>;
+        readonly verticalAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"verticalAlign", "middle">;
+    }>;
+    readonly th: Readonly<{
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "left">;
+    }>;
+    readonly td: Readonly<{
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly content: Readonly<{
+        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+}>;
+
+declare const paginationStyles: Readonly<{
+    readonly pagination: Readonly<{
+        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", "0 auto">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly content: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
+    }>;
+    readonly button: Readonly<{
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "36px">;
+        readonly minWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"minWidth", "36px">;
+    }>;
+    readonly selected: Readonly<{
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly previous: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly marginRight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginRight", "16px">;
+    }>;
+    readonly next: Readonly<{
+        readonly marginLeft: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginLeft", "16px">;
+    }>;
+    readonly ellipsis: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "36px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "36px">;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", string>;
+        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+    }>;
+    readonly ellipsisIcon: Readonly<{
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
+        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
+    }>;
+}>;
+
+declare const interactiveListItemStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "4px">;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "6px">;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
+        readonly cursor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"cursor", "pointer">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", "1px solid transparent">;
+        readonly ":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":active:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-disabled='true'])):not(:is([data-selected='true'])):not(:is([data-hover-actions='false']))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-selected='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-selected='true'])", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly border: `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`;
+        }>;
+        readonly ":is([data-disabled='true'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled='true'])", {
+            readonly cursor: "not-allowed";
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+    }>;
+    readonly icon: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "4px">;
+    }>;
+    readonly content: Readonly<{
+        readonly flexGrow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexGrow", 1>;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
+    }>;
+    readonly buttons: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
+    }>;
+}>;
+
+declare const calendarStyles: Readonly<{
+    readonly months: Readonly<{
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "12px">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly flexWrap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "var(--rdp-months-gap)">;
+        readonly maxWidth: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"maxWidth", "fit-content">;
+    }>;
+    readonly monthCaption: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly marginBottom: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginBottom", "16px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "var(--rdp-nav-height)">;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "bold">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "large">;
+        readonly marginInlineStart: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginInlineStart", "var(--rdp-nav_button-width)">;
+        readonly marginInlineEnd: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"marginInlineEnd", "var(--rdp-nav_button-width)">;
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
+    }>;
+    readonly captionLabel: Readonly<{
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "28px">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 1>;
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", 0>;
+    }>;
+    readonly navButton: Readonly<{
+        readonly stroke: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"stroke", string>;
+        readonly ":is([data-orientation='right'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-orientation='right'])", {
+            readonly transform: "rotate(180deg)";
+        }>;
+    }>;
+    readonly monthGrid: Readonly<{
+        readonly borderSpacing: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderSpacing", "0 8px">;
+        readonly borderCollapse: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderCollapse", "separate">;
+    }>;
+    readonly weekday: Readonly<{
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "32px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "32px">;
+    }>;
+    readonly day: Readonly<{
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "6px">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly ":not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":not(:is([data-selected='true']))", {
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":hover:not(:is([data-selected='true']))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-selected='true']))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly cursor: "pointer";
+        }>;
+    }>;
+    readonly selected: Readonly<{
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly rangeStart: Readonly<{
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "6px 0 0 6px !important">;
+        readonly ":is(.range-end)": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is(.range-end)", {
+            readonly borderRadius: "6px !important";
+        }>;
+    }>;
+    readonly rangeEnd: Readonly<{
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "0 6px 6px 0 !important">;
+    }>;
+    readonly rangeMiddle: Readonly<{
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "0 !important">;
+    }>;
+    readonly outside: Readonly<{
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", `${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>} !important`>;
+        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly cursor: "pointer";
+        }>;
+    }>;
+}>;
+
+declare const datePickerStyles: Readonly<{
+    readonly wrapper: Readonly<{
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "start">;
+    }>;
+}>;
+
+declare const contextMenuContentStyles: Readonly<{
+    readonly content: Readonly<{
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "320px">;
+    }>;
+    readonly item: Readonly<{
+        readonly [x: string]: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<string, string | {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly cursor?: undefined;
+            readonly default?: undefined;
+            readonly ":hover:not(:is([data-disabled]))"?: undefined;
+            readonly ":active:not(:is([data-disabled]))"?: undefined;
+            readonly ':is([data-state="open"])'?: undefined;
+            readonly ":is([data-disabled])"?: undefined;
+        } | {
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly cursor: "not-allowed";
+            readonly default?: undefined;
+            readonly ":hover:not(:is([data-disabled]))"?: undefined;
+            readonly ":active:not(:is([data-disabled]))"?: undefined;
+            readonly ':is([data-state="open"])'?: undefined;
+            readonly ":is([data-disabled])"?: undefined;
+        }>;
+        readonly outline: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"outline", "none">;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
+        readonly ":hover:not(:is([data-disabled]))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover:not(:is([data-disabled]))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":active:not(:is([data-disabled]))": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":active:not(:is([data-disabled]))", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-state='open'])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-state='open'])", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+        readonly ":is([data-disabled])": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":is([data-disabled])", {
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly cursor: "not-allowed";
+        }>;
+    }>;
+    readonly itemContent: Readonly<{
+        readonly flex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"flex", 1>;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"gap", "8px">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
+        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly textValue: Readonly<{
+        readonly textOverflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly overflow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"overflow", "hidden">;
+        readonly whiteSpace: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly leftIcon: Readonly<{
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "16px">;
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "16px">;
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", "inherit">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", "transparent">;
+    }>;
+    readonly rightSlot: Readonly<{
+        readonly display: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"justifyContent", "center">;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", "inherit">;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly separator: Readonly<{
+        readonly height: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"height", "1px">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly margin: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"margin", "4px 0">;
+    }>;
+}>;
+
+declare const autocompleteStyles: Readonly<{
+    readonly wrapper: Readonly<{
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "relative">;
+    }>;
+    readonly content: Readonly<{
+        readonly position: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"position", "absolute">;
+        readonly top: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"top", "calc(100% - 10px)">;
+        readonly left: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"left", 0>;
+        readonly zIndex: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"zIndex", 20>;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"boxShadow", string>;
+        readonly border: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"border", `1px solid ${node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>}`>;
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "8px">;
+        readonly width: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"width", "calc(100% - 16px)">;
+    }>;
+    readonly item: Readonly<{
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly listStyleType: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"listStyleType", "none">;
+        readonly ":hover": node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<":hover", {
+            readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+            readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXVar<string>;
+        }>;
+    }>;
+    readonly highlight: Readonly<{
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly matched: Readonly<{
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly noResults: Readonly<{
+        readonly borderRadius: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"borderRadius", "4px">;
+        readonly padding: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"padding", "8px">;
+        readonly backgroundColor: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"color", string>;
+        readonly fontSize: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"fontWeight", string>;
+        readonly listStyleType: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"listStyleType", "none">;
+        readonly textAlign: node_modules__stylexjs_stylex_lib_cjs_types_StyleXTypes.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+}>;
+
 declare const version = "0.0.1";
 
-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 };
+export { Autocomplete, Button, Calendar, Card, CardBody, CardContent, CardFooter, CardHeader, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HorizontalTab, HorizontalTabs, Input, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, RadioGroup, RadioItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tag, Text, TextArea, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VerticalMenu, VerticalMenus, autocompleteStyles, borderRadius, buttonSizeStyles, buttonStyles, buttonVariantStyles, calendarStyles, cardBodyStyles, cardFooterStyles, cardHeaderStyles, cardStyles, checkboxStyles, checkboxWrapperStyles, commonStyles, contextMenuContentStyles, datePickerStyles, dialogContentStyles, dialogOverlayStyles, fontFamily, fontSize, fontWeight, fontWeightStyles, horizontalTabStyles, horizontalTabWrapperStyles, inputStyles, inputWrapperSizeStyles, inputWrapperStyles, interactiveListItemStyles, labelStyles, lineHeight, modeTabStyles, modeTabWrapperStyles, multipleSelectContentStyles, multipleSelectItemStyles, multipleSelectTriggerStyles, multipleSelectWrapperStyles, paginationStyles, primitiveColors, radioGroupStyles, radioItemLabelStyles, radioItemStyles, radioItemWrapperStyles, selectContentStyles, selectGroupLabelStyles, selectIconWrapperStyles, selectItemStyles, selectSeparatorStyles, selectTriggerStyles, semanticColors, spacing, tableStyles, tagStyles, textAlignStyles, textAreaStyles, textAreaWrapperStyles, textSizeStyles, textStyles, textVariantStyles, tooltipDescriptionStyles, tooltipShortStyles, version, verticalMenuIconStyles, verticalMenuStyles, verticalMenusWrapperStyles };