@exem-ui/react 0.3.4-next.20260611020341 → 0.3.4-next.20260612070750

package/dist/{FlatTooltip-D30-nvFN.d.mts → FlatTooltip-pntoytv5.d.mts}

@@ -18,7 +18,13 @@ type TabsRootProps<T extends string = string> = Omit<React__default.ComponentPro
     defaultValue?: T;
     onValueChange?: (value: T) => void;
 };
-type TabsListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+type TabsListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
+    /**
+     * 탭 바 우측에 표시할 콘텐츠 (검색, 액션 버튼 등).
+     * 접근성을 위해 `role="tablist"` 바깥 형제 요소로 렌더됩니다.
+     */
+    rightSlot?: React__default.ReactNode;
+};
 type TabsTriggerProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
     /** 텍스트 왼쪽에 표시할 아이콘 요소 */
     leftIcon?: React__default.ReactElement<{

package/dist/{FlatTooltip-D30-nvFN.d.ts → FlatTooltip-pntoytv5.d.ts}

@@ -18,7 +18,13 @@ type TabsRootProps<T extends string = string> = Omit<React__default.ComponentPro
     defaultValue?: T;
     onValueChange?: (value: T) => void;
 };
-type TabsListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+type TabsListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
+    /**
+     * 탭 바 우측에 표시할 콘텐츠 (검색, 액션 버튼 등).
+     * 접근성을 위해 `role="tablist"` 바깥 형제 요소로 렌더됩니다.
+     */
+    rightSlot?: React__default.ReactNode;
+};
 type TabsTriggerProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
     /** 텍스트 왼쪽에 표시할 아이콘 요소 */
     leftIcon?: React__default.ReactElement<{

package/dist/{chunk-KCOTDUDN.js → chunk-5IMEBC7D.js}

@@ -2,7 +2,7 @@
 
 var chunkTAZFRRWT_js = require('./chunk-TAZFRRWT.js');
 var utils = require('@exem-ui/core/utils');
-var TabsPrimitive = require('@radix-ui/react-tabs');
+var TabsPrimitive2 = require('@radix-ui/react-tabs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var SelectPrimitive = require('@radix-ui/react-select');
@@ -26,7 +26,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var TabsPrimitive2__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive2);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
@@ -89,13 +89,13 @@ var useSegmentContext = () => {
   return context;
 };
 var Segment = React.forwardRef(
-  ({ size = "medium", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SegmentContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) })
+  ({ size = "medium", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SegmentContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive2__namespace.Root, { ref, ...props, children }) })
 );
 Segment.List = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useSegmentContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.List,
+      TabsPrimitive2__namespace.List,
       {
         ref,
         className: utils.cn(segmentListVariants({ size }), className),
@@ -108,7 +108,7 @@ Segment.Item = React.forwardRef(
   ({ className, leftIcon, children, ...props }, ref) => {
     const { size } = useSegmentContext();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      TabsPrimitive__namespace.Trigger,
+      TabsPrimitive2__namespace.Trigger,
       {
         ref,
         className: utils.cn(segmentItemVariants({ size }), className),
@@ -123,7 +123,7 @@ Segment.Item = React.forwardRef(
 );
 Segment.Content = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Content,
+    TabsPrimitive2__namespace.Content,
     {
       ref,
       className: utils.cn(
@@ -617,6 +617,46 @@ function useFocusWithin(containerRef, callbacks) {
   return { handleBlur, handleFocus, isFocused };
 }
 FlatSelect.displayName = "FlatSelect";
+var tabsVariants = {
+  bar: utils.cva("", {
+    variants: {
+      type: {
+        primary: "border-b border-border-primary",
+        secondary: ""
+      }
+    },
+    defaultVariants: { type: "primary" }
+  }),
+  list: utils.cva("flex min-w-0 flex-1 items-center", {
+    variants: {
+      type: {
+        primary: "gap-5",
+        secondary: "gap-1"
+      }
+    },
+    defaultVariants: { type: "primary" }
+  }),
+  trigger: utils.cva(
+    "group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50",
+    {
+      variants: {
+        type: {
+          primary: [
+            "h-8 border-b-2 border-transparent p-0 text-text-tertiary",
+            "hover:text-text-primary",
+            "data-[state=active]:border-border-focused data-[state=active]:text-text-primary"
+          ],
+          secondary: [
+            "h-7 rounded-strong px-2 text-text-tertiary",
+            "hover:text-text-primary",
+            "data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary"
+          ]
+        }
+      },
+      defaultVariants: { type: "primary" }
+    }
+  )
+};
 var TabsContext = React.createContext({ type: "primary" });
 var useTabsContext = () => {
   const context = React.useContext(TabsContext);
@@ -625,63 +665,48 @@ var useTabsContext = () => {
   }
   return context;
 };
-var tabsListVariants = utils.cva("inline-flex items-center", {
-  variants: {
-    type: {
-      primary: "h-9 gap-5 border-b border-border-primary",
-      secondary: "h-8 gap-1"
-    }
-  },
-  defaultVariants: {
-    type: "primary"
-  }
-});
-var tabsTriggerVariants = utils.cva(
-  "group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      type: {
-        primary: [
-          "h-9 border-b-2 border-transparent p-0 text-text-tertiary",
-          "hover:text-text-primary",
-          "data-[state=active]:border-border-focused data-[state=active]:text-text-primary"
-        ],
-        secondary: [
-          "h-8 rounded-strong px-2 text-text-tertiary",
-          "hover:text-text-primary",
-          "data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary"
-        ]
-      }
-    },
-    defaultVariants: {
-      type: "primary"
-    }
-  }
-);
 var Tabs = React.forwardRef(
-  ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) })
+  ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive2__namespace.Root, { ref, ...props, children }) })
 );
 Tabs.List = React.forwardRef(
-  ({ className, ...props }, ref) => {
+  ({ className, rightSlot, ...props }, ref) => {
     const { type } = useTabsContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.List,
-      {
-        ref,
-        className: utils.cn(tabsListVariants({ type }), className),
-        ...props
-      }
-    );
+    if (rightSlot == null) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        TabsPrimitive2__namespace.List,
+        {
+          ref,
+          className: utils.cn(
+            tabsVariants.list({ type }),
+            tabsVariants.bar({ type }),
+            "inline-flex",
+            className
+          ),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(tabsVariants.bar({ type }), "flex"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TabsPrimitive2__namespace.List,
+        {
+          ref,
+          className: utils.cn(tabsVariants.list({ type }), className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: rightSlot })
+    ] });
   }
 );
 Tabs.Trigger = React.forwardRef(
   ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {
     const { type } = useTabsContext();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      TabsPrimitive__namespace.Trigger,
+      TabsPrimitive2__namespace.Trigger,
       {
         ref,
-        className: utils.cn(tabsTriggerVariants({ type }), className),
+        className: utils.cn(tabsVariants.trigger({ type }), className),
         ...props,
         children: [
           leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-4", children: leftIcon }),
@@ -696,7 +721,7 @@ Tabs.Trigger = React.forwardRef(
   }
 );
 Tabs.Content = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Content, { ref, className: utils.cn(className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive2__namespace.Content, { ref, className: utils.cn(className), ...props })
 );
 Tabs.displayName = "Tabs";
 Tabs.List.displayName = "Tabs.List";
@@ -805,5 +830,5 @@ exports.Tabs = Tabs;
 exports.Tooltip = Tooltip;
 exports.commonInputVariants = commonInputVariants;
 exports.overlayListVariants = overlayListVariants;
-//# sourceMappingURL=chunk-KCOTDUDN.js.map
-//# sourceMappingURL=chunk-KCOTDUDN.js.map
+//# sourceMappingURL=chunk-5IMEBC7D.js.map
+//# sourceMappingURL=chunk-5IMEBC7D.js.map

package/dist/chunk-5IMEBC7D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segment/Segment.tsx","../src/flat/FlatSegment.tsx","../src/overlayList/overlayListVariants.ts","../src/input/inputVariants.ts","../src/input/selectVariants.ts","../src/input/Select.tsx","../src/flat/FlatSelect.tsx","../src/tabs/tabsVariants.ts","../src/tabs/Tabs.tsx","../src/flat/FlatTabs.tsx","../src/tooltip/Tooltip.tsx","../src/flat/FlatTooltip.tsx"],"names":["cva","createContext","useContext","forwardRef","jsx","TabsPrimitive","cn","jsxs","createElement","useId","SelectPrimitive","ChevronDown","React","useRef","useState","TabsPrimitive2","TooltipPrimitive"],"mappings":"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","file":"chunk-5IMEBC7D.js","sourcesContent":["import { cn, cva } from '@exem-ui/core/utils';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type React from 'react';\nimport { createContext, forwardRef, useContext } from 'react';\n\ntype SegmentSize = 'small' | 'medium' | 'large';\n\ntype SegmentContextValue = {\n  size: SegmentSize;\n};\n\ntype SegmentListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;\n\ntype SegmentItemProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {\n  /** 텍스트 왼쪽에 표시할 아이콘 요소 */\n  leftIcon?: React.ReactElement<{ className?: string }>;\n};\n\ntype SegmentContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\ntype SegmentRootProps<T extends string = string> = Omit<\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'value' | 'defaultValue' | 'onValueChange'\n> & {\n  /**\n   * 세그먼트 크기\n   * @default 'medium'\n   */\n  size?: SegmentSize;\n  value?: T;\n  defaultValue?: T;\n  onValueChange?: (value: T) => void;\n};\n\ntype SegmentComponent = {\n  <T extends string = string>(\n    props: SegmentRootProps<T> & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Root>>,\n  ): React.ReactElement | null;\n  displayName?: string;\n  List: React.ForwardRefExoticComponent<SegmentListProps>;\n  Item: React.ForwardRefExoticComponent<SegmentItemProps>;\n  Content: React.ForwardRefExoticComponent<SegmentContentProps>;\n};\n\nconst segmentListVariants = cva(\n  'inline-flex items-center overflow-hidden rounded-medium bg-elevation-elevation-2',\n  {\n    variants: {\n      size: {\n        small: 'h-7 gap-0 p-0.5',\n        medium: 'h-8 gap-0 p-0.5',\n        large: 'h-10 gap-0 p-0.5',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst segmentItemVariants = cva(\n  [\n    'flex flex-1 items-center justify-center rounded-weak',\n    'focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring',\n    'disabled:cursor-not-allowed',\n    'data-[state=active]:bg-component-segmentedOption data-[state=active]:text-text-primary data-[state=active]:shadow-weak',\n    'data-[state=inactive]:text-text-tertiary data-[state=inactive]:disabled:text-text-disabled',\n    'transition-colors duration-200 ease-in-out',\n  ],\n  {\n    variants: {\n      size: {\n        small: 'h-6 gap-0.5 text-body-3 font-medium',\n        medium: 'h-7 gap-1 text-body-2 font-medium',\n        large: 'h-9 gap-1.5 text-body-2 font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst segmentIconVariants = cva('flex items-center justify-center', {\n  variants: {\n    size: {\n      small: 'size-4',\n      medium: 'size-4',\n      large: 'size-5',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nconst SegmentContext = createContext<SegmentContextValue | undefined>(undefined);\n\nconst useSegmentContext = () => {\n  const context = useContext(SegmentContext);\n  if (!context) {\n    throw new Error('Segment components must be used within a Segment');\n  }\n  return context;\n};\n\n/**\n * 탭 형태의 세그먼트 컨트롤 컴포넌트입니다.\n * Compound Component 패턴으로 `Segment.List`, `Segment.Item`, `Segment.Content`와 함께 사용합니다.\n *\n * @example\n * ```tsx\n * <Segment defaultValue=\"tab1\" size=\"medium\">\n *   <Segment.List>\n *     <Segment.Item value=\"tab1\">첫 번째</Segment.Item>\n *     <Segment.Item value=\"tab2\">두 번째</Segment.Item>\n *   </Segment.List>\n *   <Segment.Content value=\"tab1\">첫 번째 내용</Segment.Content>\n *   <Segment.Content value=\"tab2\">두 번째 내용</Segment.Content>\n * </Segment>\n * ```\n *\n * @see {@link SegmentRootProps} 루트 props 상세\n * @see {@link SegmentItemProps} 아이템 props 상세\n */\nconst Segment = forwardRef<React.ElementRef<typeof TabsPrimitive.Root>, SegmentRootProps>(\n  ({ size = 'medium', children, ...props }, ref) => (\n    <SegmentContext.Provider value={{ size }}>\n      <TabsPrimitive.Root ref={ref} {...props}>\n        {children}\n      </TabsPrimitive.Root>\n    </SegmentContext.Provider>\n  ),\n) as unknown as SegmentComponent;\n\nSegment.List = forwardRef<React.ElementRef<typeof TabsPrimitive.List>, SegmentListProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useSegmentContext();\n    return (\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(segmentListVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n) as SegmentComponent['List'];\n\nSegment.Item = forwardRef<React.ElementRef<typeof TabsPrimitive.Trigger>, SegmentItemProps>(\n  ({ className, leftIcon, children, ...props }, ref) => {\n    const { size } = useSegmentContext();\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        className={cn(segmentItemVariants({ size }), className)}\n        {...props}\n      >\n        {leftIcon && <span className={cn(segmentIconVariants({ size }))}>{leftIcon}</span>}\n        <span className=\"flex items-center\">{children}</span>\n      </TabsPrimitive.Trigger>\n    );\n  },\n) as SegmentComponent['Item'];\n\nSegment.Content = forwardRef<React.ElementRef<typeof TabsPrimitive.Content>, SegmentContentProps>(\n  ({ className, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cn(\n        'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n) as SegmentComponent['Content'];\n\nSegment.displayName = 'Segment';\nSegment.List.displayName = 'Segment.List';\nSegment.Content.displayName = 'Segment.Content';\nSegment.Item.displayName = 'Segment.Item';\n\nexport { Segment };\nexport type {\n  SegmentComponent,\n  SegmentRootProps,\n  SegmentItemProps,\n  SegmentContentProps,\n  SegmentListProps,\n};\n","import { Segment, type SegmentItemProps, type SegmentRootProps } from '../segment/Segment';\n\ntype FlatSegmentItem<V extends string = string> = Pick<\n  SegmentItemProps,\n  'children' | 'disabled' | 'leftIcon' | 'className'\n> & {\n  value: V;\n};\n\ntype FlatSegmentProps<Items extends readonly FlatSegmentItem[] = readonly FlatSegmentItem[]> = Omit<\n  SegmentRootProps,\n  'children' | 'asChild' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n  /** 세그먼트 아이템 배열 */\n  items: Items;\n  value?: Items[number]['value'];\n  defaultValue?: Items[number]['value'];\n  onValueChange?: (value: Items[number]['value']) => void;\n  /**\n   * 전체 비활성화 여부 (개별 아이템의 disabled와 OR 결합)\n   * @default false\n   */\n  disabled?: boolean;\n};\n\n/**\n * Segment 컴포넌트의 간소화된 Flat API입니다.\n * items 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.\n * items 의 value 로부터 타입이 추론되어, value/onValueChange 의 오타가 컴파일 단계에서 잡힙니다.\n *\n * @example\n * ```tsx\n * <FlatSegment\n *   defaultValue=\"tab1\"\n *   size=\"medium\"\n *   items={[\n *     { value: 'tab1', children: '첫 번째' },\n *     { value: 'tab2', children: '두 번째' },\n *   ]}\n * />\n * ```\n *\n * @see {@link FlatSegmentProps} props 상세\n */\nfunction FlatSegment<const Items extends readonly FlatSegmentItem[]>({\n  items,\n  disabled,\n  className,\n  ...props\n}: FlatSegmentProps<Items>) {\n  const rootProps = props as SegmentRootProps<Items[number]['value']>;\n  return (\n    <Segment {...rootProps}>\n      <Segment.List className={className}>\n        {items.map((item) => (\n          <Segment.Item {...item} key={item.value} disabled={disabled || item.disabled} />\n        ))}\n      </Segment.List>\n    </Segment>\n  );\n}\n\nFlatSegment.displayName = 'FlatSegment';\n\nexport { FlatSegment };\nexport type { FlatSegmentProps, FlatSegmentItem };\n","import { cn, cva } from '@exem-ui/core/utils';\n\n/**\n * 오버레이 형태로 표시되는 리스트 UI의 공통 스타일 변형(variants)을 정의합니다.\n *\n * Select, Dropdown 등 팝업/드롭다운 형태의 리스트 컴포넌트에서 공통으로 사용되는\n * 기반 스타일 레이어입니다. 각 컴포넌트는 이 variants를 확장하거나 재사용해\n * 자체 스타일을 구성합니다.\n *\n * @example 사용처\n * - `selectVariants.ts` — Select 컴포넌트의 드롭다운 리스트\n * - `dropdownVariants.ts` — Dropdown 컴포넌트의 메뉴 리스트\n *\n * @property content  - 오버레이 컨테이너 (z-index, 배경, 테두리, 그림자, 열기/닫기 애니메이션)\n * @property viewport - 아이템 목록 래퍼 (flex 컬럼, 간격, 패딩)\n * @property item     - 개별 리스트 아이템 (크기 variant: xsmall | small | medium | large)\n * @property slotSize - 아이콘/체크마크 등 슬롯 영역 크기 (size variant에 따라 조정)\n */\nexport const overlayListVariants = {\n  content: cn(\n    'relative z-50 min-w-[8rem] overflow-hidden rounded-medium border border-border-primary bg-background-overlay shadow-weak',\n    'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n  ),\n\n  viewport: cn('flex flex-col gap-0.5 p-1'),\n\n  item: cva(\n    'relative flex w-full gap-0.5 cursor-pointer select-none items-center rounded-weak px-2 text-body-2 text-text-primary outline-none hover:bg-elevation-elevation-2 data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled',\n    {\n      defaultVariants: { size: 'medium' },\n      variants: {\n        size: {\n          xsmall: 'h-6',\n          small: 'h-7',\n          medium: 'h-8',\n          large: 'h-10',\n        },\n      },\n    },\n  ),\n  itemText: cva('truncate flex items-center flex-1 min-w-0', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'h-6',\n        small: 'h-7',\n        medium: 'h-8',\n        large: 'h-10',\n      },\n    },\n  }),\n\n  slotSize: cva('shrink-0 flex items-center justify-center text-icon-primary', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'size-4',\n        small: 'size-4',\n        medium: 'size-4',\n        large: 'size-5',\n      },\n    },\n  }),\n};\n","import { cva } from '@exem-ui/core/utils';\n\n// 공통 Input variants\nexport const commonInputVariants = {\n  // Container variants - 전체 컴포넌트 래퍼\n  container: cva('flex flex-col'),\n\n  // Label variants - 라벨 텍스트\n  label: cva('inline-block font-regular text-text-primary', {\n    variants: {\n      size: {\n        xsmall: 'mb-[2px] text-body-3',\n        small: 'mb-[4px] text-body-2',\n        medium: 'mb-[4px] text-body-2',\n        large: 'mb-[6px] text-body-1',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n      },\n      required: {\n        true: 'after:ml-0.5 after:text-text-critical after:content-[\"*\"]',\n      },\n    },\n    compoundVariants: [\n      {\n        required: true,\n        disabled: true,\n        className: 'after:text-text-disabled',\n      },\n    ],\n    defaultVariants: { size: 'medium' },\n  }),\n\n  // Description variants - 설명 텍스트\n  description: cva('mt-0.5 inline-block text-text-tertiary', {\n    variants: {\n      size: {\n        xsmall: 'text-caption',\n        small: 'text-body-3',\n        medium: 'text-body-3',\n        large: 'text-body-2',\n      },\n      error: {\n        true: 'text-text-critical',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        error: true,\n        disabled: true,\n        className: 'text-text-disabled', // disabled 우선 적용\n      },\n    ],\n    defaultVariants: { size: 'medium' },\n  }),\n\n  // Icon variants - 아이콘 크기\n  icon: cva('shrink-0', {\n    variants: {\n      size: {\n        xsmall: 'size-4',\n        small: 'size-4',\n        medium: 'size-4',\n        large: 'size-5',\n      },\n    },\n    defaultVariants: { size: 'medium' },\n  }),\n};\n\n// 공통 타입 정의\nexport type Size = 'xsmall' | 'small' | 'medium' | 'large';\nexport type Variant = 'fill' | 'line';\nexport type Icon = React.ReactElement<{ className?: string }>;\n","import { cn, cva } from '@exem-ui/core/utils';\nimport { overlayListVariants } from '../overlayList/overlayListVariants';\nimport { commonInputVariants } from './inputVariants';\n\nexport const selectVariants = {\n  container: commonInputVariants.container,\n  content: cn(\n    overlayListVariants.content,\n    'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n  ),\n\n  description: commonInputVariants.description,\n\n  iconSize: overlayListVariants.slotSize,\n\n  item: (props?: Parameters<typeof overlayListVariants.item>[0]) =>\n    cn(overlayListVariants.item(props), 'data-[state=checked]:bg-elevation-accent-0'),\n\n  label: commonInputVariants.label,\n\n  trigger: cva(\n    'group flex w-full items-center justify-between rounded-medium outline-none disabled:cursor-not-allowed disabled:bg-elevation-elevation-2 disabled:text-text-disabled data-[state=open]:border data-[state=open]:border-border-focused [&>span]:line-clamp-1 [&[data-placeholder]]:text-text-tertiary [&_svg]:text-icon-primary',\n    {\n      compoundVariants: [\n        {\n          className:\n            'border-border-accent text-tint-foreground-sky bg-elevation-accent-0 [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          focus: true,\n          variant: 'line',\n        },\n        // active + fill: 배경만 accent로 변경\n        {\n          className:\n            'bg-elevation-accent-0 text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          active: true,\n          variant: 'fill',\n        },\n        // active + line: 배경 accent + 테두리 accent\n        {\n          className:\n            'bg-elevation-accent-0 border-border-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          active: true,\n          variant: 'line',\n        },\n      ],\n      defaultVariants: {\n        active: false,\n        error: false,\n        focus: false,\n        size: 'medium',\n        variant: 'fill',\n      },\n      variants: {\n        active: {\n          false: '',\n          true: '',\n        },\n        error: {\n          false: '',\n          true: 'border !border-border-critical',\n        },\n        focus: {\n          false: '',\n          // 현재는 line 타입만 focus 가능\n          true: '',\n        },\n        size: {\n          xsmall: 'h-6 px-[4px] text-body-3',\n          small: 'h-7 px-[6px] text-body-2',\n          medium: 'h-8 px-[8px] text-body-2',\n          large: 'h-10 px-[10px] text-body-1',\n        },\n        variant: {\n          fill: 'bg-elevation-elevation-2',\n          line: 'border-border-primary border',\n        },\n      },\n    },\n  ),\n\n  triggerInner: cva('flex w-full items-center', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'gap-0',\n        small: 'gap-[2px]',\n        medium: 'gap-[2px]',\n        large: 'gap-[4px]',\n      },\n    },\n  }),\n  viewport: overlayListVariants.viewport,\n};\n","import { cn } from '@exem-ui/core/utils';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport * as React from 'react';\nimport { createContext, forwardRef, useContext, useId } from 'react';\nimport { ChevronDownIcon } from '../icon';\n\nimport { overlayListVariants } from '../overlayList/overlayListVariants';\nimport type { Icon, Size, Variant } from './inputVariants';\nimport { selectVariants } from './selectVariants';\n\ntype SelectContextValue = {\n  size: Size;\n  error: boolean;\n  focus: boolean;\n  active: boolean;\n  disabled: boolean;\n  id: string;\n  variant: Variant;\n};\n\ntype SelectGroupContextValue = {\n  isFirstChild: boolean;\n  isLastChild: boolean;\n  size?: Size;\n  variant?: Variant;\n  focus?: boolean;\n};\n\n/** Select 라벨 Props */\ntype SelectLabelProps = {\n  children: React.ReactNode;\n  required?: boolean;\n  size?: Size;\n  className?: string;\n};\n\n/** Select 트리거 Props */\ntype SelectTriggerProps = {\n  children?: React.ReactNode;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select Box (Trigger + Value 조합) Props */\ntype SelectBoxProps = {\n  placeholder?: string;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select 아이템 Props */\ntype SelectItemProps = {\n  children?: React.ReactNode;\n  /** 아이템 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  /** 아이템 오른쪽에 표시할 아이콘 */\n  rightIcon?: Icon;\n  size?: Size;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, 'children'>;\n\ntype SelectEmptyProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\ntype SelectDescriptionProps = {\n  children?: React.ReactNode;\n  size?: Size;\n  className?: string;\n};\n\ntype SelectGroupProps = {\n  children: React.ReactNode;\n  size?: Size;\n  /** 셀렉트 그룹 스타일 변형 */\n  variant?: Variant;\n  /** 불투명 배경 (elevation-0) 사용 여부. 반투명 배경이 비쳐보이는 것을 방지합니다. */\n  hasBackground?: boolean;\n  className?: string;\n};\n\n/** Select 루트 Props */\ntype SelectRootProps = {\n  children?: React.ReactNode;\n  /** 셀렉트 크기 */\n  size?: Size;\n  /** 셀렉트 스타일 변형 */\n  variant?: Variant;\n  /** 에러 상태 */\n  error?: boolean;\n  /** 포커스 상태 (line variant에서만 적용) */\n  focus?: boolean;\n  /** 활성화 상태 (필터 적용 등 내부 상태가 활성화됨을 표시) */\n  active?: boolean;\n  /** 비활성화 상태 */\n  disabled?: boolean;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'disabled' | 'children'>;\n\ntype SelectListProps = Omit<\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n  'position'\n>;\n\ntype SelectComponent = React.ForwardRefExoticComponent<\n  SelectRootProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Label: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLLabelElement>>;\n  Trigger: React.ForwardRefExoticComponent<\n    SelectTriggerProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n  >;\n  Box: React.ForwardRefExoticComponent<\n    SelectBoxProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n  >;\n  Value: React.ForwardRefExoticComponent<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> &\n      React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Value>>\n  >;\n  List: React.ForwardRefExoticComponent<\n    SelectListProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Content>>\n  >;\n  Item: React.ForwardRefExoticComponent<\n    SelectItemProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Item>>\n  >;\n  Empty: React.ForwardRefExoticComponent<SelectEmptyProps & React.RefAttributes<HTMLDivElement>>;\n  Description: React.ForwardRefExoticComponent<\n    SelectDescriptionProps & React.RefAttributes<HTMLDivElement>\n  >;\n  Group: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst SelectContext = createContext<SelectContextValue | null>(null);\n\nconst useSelectContext = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('Select components must be used within a Select');\n  }\n  return context;\n};\n\nconst SelectGroupContext = createContext<SelectGroupContextValue | null>(null);\n\nconst useSelectGroupContext = () => {\n  return useContext(SelectGroupContext);\n};\n\nconst Select = forwardRef<HTMLDivElement, SelectRootProps>(\n  (\n    {\n      children,\n      size = 'medium',\n      variant = 'fill',\n      error = false,\n      disabled = false,\n      focus = false,\n      active = false,\n      className,\n      ...selectProps\n    },\n    ref,\n  ) => {\n    const uniqueId = useId();\n    const id = `select-${uniqueId}`;\n\n    return (\n      <SelectContext.Provider value={{ active, disabled, error, focus, id, size, variant }}>\n        <div ref={ref} className={cn(selectVariants.container(), className)}>\n          <SelectPrimitive.Root disabled={disabled} {...selectProps}>\n            {children}\n          </SelectPrimitive.Root>\n        </div>\n      </SelectContext.Provider>\n    );\n  },\n) as SelectComponent;\n\nSelect.Value = forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Value>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <SelectPrimitive.Value ref={ref} className={className} {...props}>\n      {children}\n    </SelectPrimitive.Value>\n  );\n}) as SelectComponent['Value'];\n\nSelect.Trigger = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n  ({ className, children, leftIcon, ...props }, ref) => {\n    const { size, error, id, variant, focus, active } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n\n    const groupClasses = groupContext\n      ? cn('rounded-none border-0', {\n          'rounded-l-medium': groupContext.isFirstChild,\n          'rounded-r-medium': groupContext.isLastChild,\n          // line variant: group이 외곽 border를 제공하므로, open 시 border 대신 inset ring 사용\n          'data-[state=open]:border-0 data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-border-focused':\n            variant === 'line',\n        })\n      : undefined;\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        id={id}\n        data-slot=\"select-trigger\"\n        className={cn(\n          selectVariants.trigger({ active, error, focus, size, variant }),\n          groupClasses,\n          className,\n        )}\n        {...props}\n      >\n        <div className={cn(selectVariants.triggerInner({ size }))}>\n          {leftIcon && (\n            <span\n              className={cn(\n                selectVariants.iconSize({ size }),\n                'flex items-center justify-center group-disabled:text-icon-disabled',\n              )}\n            >\n              {leftIcon}\n            </span>\n          )}\n          <div className=\"min-w-0 flex-1 truncate text-left\">{children}</div>\n          <ChevronDownIcon\n            type=\"regular\"\n            className={cn(\n              selectVariants.iconSize({ size }),\n              'transition-transform duration-200 group-data-[state=open]:rotate-180',\n              'group-disabled:text-icon-disabled',\n            )}\n          />\n        </div>\n      </SelectPrimitive.Trigger>\n    );\n  },\n) as SelectComponent['Trigger'];\n\nSelect.Box = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectBoxProps>(\n  ({ placeholder, leftIcon, className, ...props }, ref) => {\n    return (\n      <Select.Trigger ref={ref} leftIcon={leftIcon} className={className} {...props}>\n        <Select.Value placeholder={placeholder} />\n      </Select.Trigger>\n    );\n  },\n) as SelectComponent['Box'];\n\nSelect.List = forwardRef<React.ComponentRef<typeof SelectPrimitive.Content>, SelectListProps>(\n  ({ className, children, ...props }, ref) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        data-slot=\"select-content\"\n        className={cn(selectVariants.content, 'max-h-60 ', className)}\n        position=\"popper\"\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          data-slot=\"select-viewport\"\n          className={cn(\n            selectVariants.viewport,\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n) as SelectComponent['List'];\n\nSelect.Label = forwardRef<HTMLLabelElement, SelectLabelProps>(\n  ({ children, required = false, size: sizeProp, className }, ref) => {\n    const { size: contextSize, disabled, id } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={id}\n        className={cn(selectVariants.label({ disabled, required, size }), className)}\n      >\n        {children}\n      </label>\n    );\n  },\n) as SelectComponent['Label'];\n\nSelect.Item = forwardRef<React.ComponentRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  ({ className, children, leftIcon, rightIcon, size: sizeProp, ...props }, ref) => {\n    const { size: contextSize } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    return (\n      <SelectPrimitive.Item\n        data-slot=\"select-item\"\n        ref={ref}\n        className={cn(selectVariants.item({ size }), className)}\n        {...props}\n      >\n        {leftIcon && <div className={overlayListVariants.slotSize({ size })}>{leftIcon}</div>}\n        <div className={overlayListVariants.itemText({ size })}>\n          <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n        </div>\n        {rightIcon && <div className={overlayListVariants.slotSize({ size })}>{rightIcon}</div>}\n      </SelectPrimitive.Item>\n    );\n  },\n) as SelectComponent['Item'];\n\nSelect.Empty = forwardRef<HTMLDivElement, SelectEmptyProps>(\n  ({ children = 'No data', className }, ref) => {\n    return (\n      <div ref={ref} className={cn('flex min-h-8 items-center justify-center p-2', className)}>\n        <p className=\"text-body-2 text-text-disabled\">{children}</p>\n      </div>\n    );\n  },\n) as SelectComponent['Empty'];\n\nSelect.Description = forwardRef<HTMLDivElement, SelectDescriptionProps>(\n  ({ children, size: sizeProp, className }, ref) => {\n    const { size: contextSize, error, disabled } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    if (!children) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"select-description\"\n        className={cn(selectVariants.description({ disabled, error, size }), className)}\n      >\n        <p>{children}</p>\n      </div>\n    );\n  },\n) as SelectComponent['Description'];\n\nSelect.Group = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, size = 'medium', variant = 'fill', hasBackground = false, className }, ref) => {\n    const childArray = React.Children.toArray(children);\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex w-fit flex-row items-stretch overflow-clip rounded-medium',\n          variant === 'line' && 'border border-border-primary',\n          hasBackground && 'bg-elevation-elevation-0',\n          className,\n        )}\n      >\n        {childArray.map((child, index) => {\n          const isFirst = index === 0;\n          const isLast = index === childArray.length - 1;\n\n          return (\n            <React.Fragment key={index}>\n              <SelectGroupContext.Provider\n                value={{ isFirstChild: isFirst, isLastChild: isLast, size, variant }}\n              >\n                {child}\n              </SelectGroupContext.Provider>\n              {!isLast && <div className=\"w-px self-stretch bg-border-primary\" />}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n) as SelectComponent['Group'];\n\nSelect.displayName = 'Select';\nSelect.Label.displayName = 'Select.Label';\nSelect.Trigger.displayName = 'Select.Trigger';\nSelect.Box.displayName = 'Select.Box';\nSelect.Value.displayName = 'Select.Value';\nSelect.List.displayName = 'Select.List';\nSelect.Item.displayName = 'Select.Item';\nSelect.Empty.displayName = 'Select.Empty';\nSelect.Description.displayName = 'Select.Description';\nSelect.Group.displayName = 'Select.Group';\n\nexport { Select };\nexport type {\n  SelectComponent,\n  SelectRootProps,\n  SelectBoxProps,\n  SelectDescriptionProps,\n  SelectEmptyProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectTriggerProps,\n  SelectGroupProps,\n  SelectListProps,\n};\n","import type { ComponentProps, RefObject } from 'react';\nimport { useRef, useState } from 'react';\nimport { Select } from '../input/Select';\n\ntype FlatSelectOption = {\n  value: string;\n  label: string | React.ReactNode;\n  /** 아이템 오른쪽에 표시할 슬롯 요소 */\n  rightSlot?: React.ReactNode;\n  disabled?: boolean;\n};\n\ninterface FlatSelectProps extends React.ComponentProps<typeof Select> {\n  /** 선택 가능한 옵션 배열 */\n  options: FlatSelectOption[];\n  /** 값이 선택되지 않았을 때 표시할 텍스트 */\n  placeholder?: string;\n  /** 드롭다운 열림/닫힘 상태 변경 핸들러 */\n  onOpenChange?: (open: boolean) => void;\n  /** 포커스 획득 핸들러 */\n  onFocus?: () => void;\n  /** 포커스 해제 핸들러 */\n  onBlur?: () => void;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: ComponentProps<typeof Select.Trigger>['leftIcon'];\n  /** 라벨 텍스트 */\n  label?: ComponentProps<typeof Select.Label>['children'];\n  /** 필수 입력 여부 */\n  required?: ComponentProps<typeof Select.Label>['required'];\n  /** 설명 텍스트 */\n  description?: ComponentProps<typeof Select.Description>['children'];\n  /** 드롭다운 리스트 className */\n  listClassName?: string;\n}\n\n/**\n * Select 컴포넌트의 간소화된 Flat API입니다.\n * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.\n *\n * @example\n * ```tsx\n * <FlatSelect\n *   options={[\n *     { value: '1', label: '옵션 1' },\n *     { value: '2', label: '옵션 2' },\n *   ]}\n *   placeholder=\"선택하세요\"\n *   label=\"항목\"\n * />\n * ```\n *\n * @see {@link FlatSelectProps} props 상세\n */\nfunction FlatSelect({\n  options,\n  placeholder,\n  onBlur,\n  onFocus,\n  onOpenChange,\n  label,\n  description,\n  required,\n  listClassName,\n  leftIcon,\n  ...props\n}: FlatSelectProps) {\n  const { className, ...selectProps } = props;\n  const selectRef = useRef<HTMLDivElement>(null);\n  const { handleBlur, handleFocus } = useFocusWithin(selectRef, {\n    onBlur,\n    onFocus,\n  });\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      handleFocus();\n    }\n    onOpenChange?.(open);\n  };\n\n  return (\n    <div ref={selectRef} className={className}>\n      <Select {...selectProps} onOpenChange={handleOpenChange}>\n        {label && <Select.Label required={required}>{label}</Select.Label>}\n        <Select.Trigger onBlur={handleBlur} onFocus={handleFocus} leftIcon={leftIcon}>\n          <Select.Value placeholder={placeholder} className=\"truncate\" />\n        </Select.Trigger>\n        {description && <Select.Description>{description}</Select.Description>}\n        <Select.List className={listClassName}>\n          {options.length === 0 && <Select.Empty>{placeholder}</Select.Empty>}\n          {options.map((option) => (\n            <Select.Item\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n              className=\"flex max-w-full items-center justify-between\"\n            >\n              <div className=\"block flex-1 truncate\">{option.label}</div>\n              {option.rightSlot}\n            </Select.Item>\n          ))}\n        </Select.List>\n      </Select>\n    </div>\n  );\n}\n\nfunction useFocusWithin(\n  containerRef: RefObject<HTMLElement | null>,\n  callbacks?: { onFocus?: () => void; onBlur?: () => void },\n) {\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleBlur = (event: React.FocusEvent) => {\n    if (containerRef.current?.contains(event.relatedTarget as Node)) {\n      return;\n    }\n    setIsFocused(false);\n    callbacks?.onBlur?.();\n  };\n\n  const handleFocus = () => {\n    if (isFocused) {\n      return;\n    }\n    setIsFocused(true);\n    callbacks?.onFocus?.();\n  };\n\n  return { handleBlur, handleFocus, isFocused };\n}\n\nFlatSelect.displayName = 'FlatSelect';\n\nexport { FlatSelect };\nexport type { FlatSelectProps, FlatSelectOption };\n","import { cva } from '@exem-ui/core/utils';\n\nexport const tabsVariants = {\n  bar: cva('', {\n    variants: {\n      type: {\n        primary: 'border-b border-border-primary',\n        secondary: '',\n      },\n    },\n    defaultVariants: { type: 'primary' },\n  }),\n\n  list: cva('flex min-w-0 flex-1 items-center', {\n    variants: {\n      type: {\n        primary: 'gap-5',\n        secondary: 'gap-1',\n      },\n    },\n    defaultVariants: { type: 'primary' },\n  }),\n\n  trigger: cva(\n    'group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50',\n    {\n      variants: {\n        type: {\n          primary: [\n            'h-8 border-b-2 border-transparent p-0 text-text-tertiary',\n            'hover:text-text-primary',\n            'data-[state=active]:border-border-focused data-[state=active]:text-text-primary',\n          ],\n          secondary: [\n            'h-7 rounded-strong px-2 text-text-tertiary',\n            'hover:text-text-primary',\n            'data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary',\n          ],\n        },\n      },\n      defaultVariants: { type: 'primary' },\n    },\n  ),\n};\n","import { cn } from '@exem-ui/core/utils';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type React from 'react';\nimport { createContext, forwardRef, useContext } from 'react';\nimport { tabsVariants } from './tabsVariants';\n\ntype TabsType = 'primary' | 'secondary';\n\ntype TabsContextType = {\n  type: TabsType;\n};\n\ntype TabsRootProps<T extends string = string> = Omit<\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'value' | 'defaultValue' | 'onValueChange'\n> & {\n  /**\n   * 탭 스타일 유형\n   * @default 'primary'\n   */\n  type?: TabsType;\n  value?: T;\n  defaultValue?: T;\n  onValueChange?: (value: T) => void;\n};\n\ntype TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {\n  /**\n   * 탭 바 우측에 표시할 콘텐츠 (검색, 액션 버튼 등).\n   * 접근성을 위해 `role=\"tablist\"` 바깥 형제 요소로 렌더됩니다.\n   */\n  rightSlot?: React.ReactNode;\n};\n\ntype TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {\n  /** 텍스트 왼쪽에 표시할 아이콘 요소 */\n  leftIcon?: React.ReactElement<{ className?: string }>;\n  /** 텍스트 오른쪽에 표시할 아이콘 요소 */\n  rightIcon?: React.ReactElement<{ className?: string }>;\n  /** 탭 라벨 옆에 표시할 배지 텍스트 */\n  badge?: string | number;\n};\n\ntype TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\ntype TabsComponent = {\n  <T extends string = string>(\n    props: TabsRootProps<T> & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Root>>,\n  ): React.ReactElement | null;\n  displayName?: string;\n  List: React.ForwardRefExoticComponent<TabsListProps>;\n  Trigger: React.ForwardRefExoticComponent<TabsTriggerProps>;\n  Content: React.ForwardRefExoticComponent<TabsContentProps>;\n};\n\nconst TabsContext = createContext<TabsContextType>({ type: 'primary' });\n\nconst useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('useTabsContext must be used within a TabsProvider');\n  }\n  return context;\n};\n\n/**\n * 탭 형태의 콘텐츠 전환 컴포넌트입니다.\n * Compound Component 패턴으로 `Tabs.List`, `Tabs.Trigger`, `Tabs.Content`와 함께 사용합니다.\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"tab1\" type=\"primary\">\n *   <Tabs.List>\n *     <Tabs.Trigger value=\"tab1\">첫 번째</Tabs.Trigger>\n *     <Tabs.Trigger value=\"tab2\">두 번째</Tabs.Trigger>\n *   </Tabs.List>\n *   <Tabs.Content value=\"tab1\">첫 번째 내용</Tabs.Content>\n *   <Tabs.Content value=\"tab2\">두 번째 내용</Tabs.Content>\n * </Tabs>\n * ```\n *\n * @see {@link TabsRootProps} 루트 props 상세\n * @see {@link TabsTriggerProps} 트리거 props 상세\n */\nconst Tabs = forwardRef<React.ElementRef<typeof TabsPrimitive.Root>, TabsRootProps>(\n  ({ type = 'primary', children, ...props }, ref) => (\n    <TabsContext.Provider value={{ type }}>\n      <TabsPrimitive.Root ref={ref} {...props}>\n        {children}\n      </TabsPrimitive.Root>\n    </TabsContext.Provider>\n  ),\n) as unknown as TabsComponent;\n\nTabs.List = forwardRef<React.ElementRef<typeof TabsPrimitive.List>, TabsListProps>(\n  ({ className, rightSlot, ...props }, ref) => {\n    const { type } = useTabsContext();\n\n    if (rightSlot == null) {\n      return (\n        <TabsPrimitive.List\n          ref={ref}\n          className={cn(\n            tabsVariants.list({ type }),\n            tabsVariants.bar({ type }),\n            'inline-flex',\n            className,\n          )}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <div className={cn(tabsVariants.bar({ type }), 'flex')}>\n        <TabsPrimitive.List\n          ref={ref}\n          className={cn(tabsVariants.list({ type }), className)}\n          {...props}\n        />\n        <div className=\"flex shrink-0 items-center\">{rightSlot}</div>\n      </div>\n    );\n  },\n) as TabsComponent['List'];\n\nTabs.Trigger = forwardRef<React.ElementRef<typeof TabsPrimitive.Trigger>, TabsTriggerProps>(\n  ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {\n    const { type } = useTabsContext();\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        className={cn(tabsVariants.trigger({ type }), className)}\n        {...props}\n      >\n        {leftIcon && <span className=\"size-4\">{leftIcon}</span>}\n        <span className=\"flex items-center gap-1\">\n          {children}\n          {badge && (\n            <span className=\"text-text-tertiary group-data-[state=active]:text-text-accent\">\n              {badge}\n            </span>\n          )}\n        </span>\n        {rightIcon && <span className=\"size-4\">{rightIcon}</span>}\n      </TabsPrimitive.Trigger>\n    );\n  },\n) as TabsComponent['Trigger'];\n\nTabs.Content = forwardRef<React.ElementRef<typeof TabsPrimitive.Content>, TabsContentProps>(\n  ({ className, ...props }, ref) => (\n    <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />\n  ),\n) as TabsComponent['Content'];\n\nTabs.displayName = 'Tabs';\nTabs.List.displayName = 'Tabs.List';\nTabs.Trigger.displayName = 'Tabs.Trigger';\nTabs.Content.displayName = 'Tabs.Content';\n\nexport { Tabs };\nexport type { TabsComponent, TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n","import { Tabs, type TabsRootProps, type TabsTriggerProps } from '../tabs/Tabs';\n\ntype FlatTabItem<V extends string = string> = Pick<\n  TabsTriggerProps,\n  'children' | 'disabled' | 'leftIcon' | 'rightIcon' | 'badge' | 'className'\n> & {\n  value: V;\n};\n\ntype FlatTabsProps<Items extends readonly FlatTabItem[] = readonly FlatTabItem[]> = Omit<\n  TabsRootProps,\n  'children' | 'asChild' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n  /** 탭 아이템 배열 */\n  items: Items;\n  value?: Items[number]['value'];\n  defaultValue?: Items[number]['value'];\n  onValueChange?: (value: Items[number]['value']) => void;\n};\n\n/**\n * Tabs 컴포넌트의 간소화된 Flat API입니다.\n * items 배열만 전달하면 Compound Component 없이 탭 목록을 구성합니다.\n * items 의 value 로부터 타입이 추론되어, value/onValueChange 의 오타가 컴파일 단계에서 잡힙니다.\n *\n * @example\n * ```tsx\n * <FlatTabs\n *   defaultValue=\"tab1\"\n *   type=\"primary\"\n *   items={[\n *     { value: 'tab1', children: '첫 번째' },\n *     { value: 'tab2', children: '두 번째' },\n *   ]}\n * />\n * ```\n *\n * @see {@link FlatTabsProps} props 상세\n */\nfunction FlatTabs<const Items extends readonly FlatTabItem[]>({\n  items,\n  className,\n  ...props\n}: FlatTabsProps<Items>) {\n  const rootProps = props as TabsRootProps<Items[number]['value']>;\n  return (\n    <Tabs {...rootProps}>\n      <Tabs.List className={className}>\n        {items.map(({ value, children, ...itemProps }) => (\n          <Tabs.Trigger key={value} value={value} {...itemProps}>\n            {children}\n          </Tabs.Trigger>\n        ))}\n      </Tabs.List>\n    </Tabs>\n  );\n}\n\nFlatTabs.displayName = 'FlatTabs';\n\nexport { FlatTabs };\nexport type { FlatTabsProps, FlatTabItem };\n","import { cn, cva, type VariantProps } from '@exem-ui/core/utils';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport type React from 'react';\nimport { forwardRef } from 'react';\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;\n\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\n\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants> & {\n    portalContainer?: HTMLElement | null;\n  };\n\ntype TooltipTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\ntype TooltipDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\ntype TooltipComponent = typeof TooltipPrimitive.Root & {\n  Provider: typeof TooltipPrimitive.Provider;\n  Trigger: typeof TooltipPrimitive.Trigger;\n  Content: React.ForwardRefExoticComponent<\n    TooltipContentProps & React.RefAttributes<React.ElementRef<typeof TooltipPrimitive.Content>>\n  >;\n  Title: React.ForwardRefExoticComponent<TooltipTitleProps & React.RefAttributes<HTMLDivElement>>;\n  Description: React.ForwardRefExoticComponent<\n    TooltipDescriptionProps & React.RefAttributes<HTMLDivElement>\n  >;\n};\n\nconst tooltipContentVariants = cva(\n  [\n    // Base layout\n    'z-50 flex flex-col items-start overflow-hidden',\n    'rounded-medium',\n    'text-text-static-light',\n    'bg-component-tooltip border border-border-primary',\n    'shadow-medium',\n    'animate-in fade-in-0 zoom-in-95',\n    'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n    'data-[side=bottom]:slide-in-from-top-2',\n    'data-[side=left]:slide-in-from-right-2',\n    'data-[side=right]:slide-in-from-left-2',\n    'data-[side=top]:slide-in-from-bottom-2',\n  ],\n  {\n    variants: {\n      size: {\n        tiny: 'px-2 py-1 text-body-3',\n        small: 'w-[160px] gap-[8px] px-[12px] py-[10px]',\n        medium: 'w-[240px] gap-[8px] px-[12px] py-[10px]',\n        large: 'w-[320px] gap-[8px] px-[12px] py-[10px]',\n        xlarge: 'w-[400px] gap-[8px] px-[12px] py-[10px]',\n      },\n    },\n    defaultVariants: { size: 'small' },\n  },\n);\n\nconst tooltipTitleVariants = cva([\n  'text-body-1 font-semibold text-text-static-light',\n  'group-data-[size=tiny]/tooltip-content:text-body-3',\n]);\n\nconst tooltipTextVariants = cva([\n  'text-body-2 font-regular text-text-static-light',\n  'group-data-[size=tiny]/tooltip-content:text-body-3',\n]);\n\nconst Tooltip = TooltipPrimitive.Root as TooltipComponent;\n\nTooltip.Provider = TooltipPrimitive.Provider;\n\nTooltip.Trigger = TooltipPrimitive.Trigger;\n\nTooltip.Content = forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, sideOffset = 4, size, children, portalContainer, ...props }, ref) => (\n  <TooltipPrimitive.Portal container={portalContainer}>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      data-size={size}\n      className={cn('group/tooltip-content', tooltipContentVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Content>\n  </TooltipPrimitive.Portal>\n)) as TooltipComponent['Content'];\n\nTooltip.Title = forwardRef<HTMLDivElement, TooltipTitleProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={cn(tooltipTitleVariants(), className)} {...props}>\n      {children}\n    </div>\n  ),\n) as TooltipComponent['Title'];\n\nTooltip.Description = forwardRef<HTMLDivElement, TooltipDescriptionProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={cn(tooltipTextVariants(), className)} {...props}>\n      {children}\n    </div>\n  ),\n) as TooltipComponent['Description'];\n\nTooltip.displayName = 'Tooltip';\nTooltip.Content.displayName = 'Tooltip.Content';\nTooltip.Title.displayName = 'Tooltip.Title';\nTooltip.Description.displayName = 'Tooltip.Description';\nTooltip.Trigger.displayName = 'Tooltip.Trigger';\nTooltip.Provider.displayName = 'Tooltip.Provider';\n\nexport { Tooltip };\nexport type {\n  TooltipComponent,\n  TooltipContentProps,\n  TooltipDescriptionProps,\n  TooltipProviderProps,\n  TooltipRootProps,\n  TooltipTitleProps,\n  TooltipTriggerProps,\n};\n","import type { ComponentProps } from 'react';\nimport { Tooltip } from '../tooltip/Tooltip';\n\ninterface FlatTooltipProps {\n  /** 툴팁을 적용할 자식 요소 */\n  children: React.ReactNode;\n  /** 툴팁 제목 (선택) */\n  title?: React.ReactNode;\n  /** 툴팁 크기 */\n  size: ComponentProps<typeof Tooltip.Content>['size'];\n  /** 툴팁 표시 위치 */\n  side?: ComponentProps<typeof Tooltip.Content>['side'];\n  /** 툴팁 정렬 */\n  align?: ComponentProps<typeof Tooltip.Content>['align'];\n  /** 사이드 방향 오프셋 (px) */\n  sideOffset?: ComponentProps<typeof Tooltip.Content>['sideOffset'];\n  /** 정렬 방향 오프셋 (px) */\n  alignOffset?: ComponentProps<typeof Tooltip.Content>['alignOffset'];\n  /** 툴팁 설명 텍스트 */\n  description: React.ReactNode;\n}\n\n/**\n * Tooltip 컴포넌트의 간소화된 Flat API입니다.\n * Compound Component 없이 props만으로 간편하게 사용할 수 있습니다.\n *\n * @example\n * ```tsx\n * <FlatTooltip size=\"small\" description=\"도움말 텍스트\">\n *   <button>호버하세요</button>\n * </FlatTooltip>\n *\n * <FlatTooltip size=\"tiny\" title=\"제목\" description=\"설명\">\n *   <span>정보</span>\n * </FlatTooltip>\n * ```\n *\n * @see {@link FlatTooltipProps} props 상세\n */\nconst FlatTooltip = ({ children, title, size, description, ...props }: FlatTooltipProps) => {\n  return (\n    <Tooltip.Provider delayDuration={0} skipDelayDuration={0}>\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content size={size} {...props}>\n          {title && <Tooltip.Title>{title}</Tooltip.Title>}\n          {description && <Tooltip.Description>{description}</Tooltip.Description>}\n        </Tooltip.Content>\n      </Tooltip>\n    </Tooltip.Provider>\n  );\n};\n\n/** FlatTooltip 설정 객체 타입 (children 제외) */\ntype TooltipConfig = Omit<ComponentProps<typeof FlatTooltip>, 'children' | 'size'> & {\n  /**\n   * 툴팁 사용 여부\n   * @default true\n   */\n  use?: boolean;\n  size?: ComponentProps<typeof FlatTooltip>['size'];\n};\n\ninterface ConditionalTooltipProps {\n  /** 툴팁으로 감쌀 자식 요소 */\n  children: React.ReactNode;\n  /**\n   * 툴팁 설정값\n   * - `string`: 기본 tiny 사이즈의 툴팁 description으로 사용\n   * - `object`: FlatTooltip props를 직접 전달 (`use: false`로 비활성화 가능)\n   */\n  tooltip: ComponentProps<typeof FlatTooltip>['description'] | TooltipConfig;\n}\n\n/**\n * 조건부로 FlatTooltip을 적용하는 래퍼 컴포넌트입니다.\n *\n * @description\n * tooltip prop의 타입에 따라 다르게 동작합니다:\n * - `string`: tiny 사이즈의 기본 툴팁으로 렌더링\n * - `object` (`use !== false`): 전달된 props로 FlatTooltip 렌더링\n * - `object` (`use === false`) 또는 기타: children만 반환 (툴팁 없음)\n *\n * @example\n * ```tsx\n * <ConditionalTooltip tooltip=\"도움말 텍스트\">\n *   <button>버튼</button>\n * </ConditionalTooltip>\n *\n * <ConditionalTooltip tooltip={{ description: \"설명\", size: \"small\", side: \"top\" }}>\n *   <button>버튼</button>\n * </ConditionalTooltip>\n *\n * <ConditionalTooltip tooltip={{ use: false, description: \"\" }}>\n *   <button>툴팁 없음</button>\n * </ConditionalTooltip>\n * ```\n *\n * @see {@link ConditionalTooltipProps} props 상세\n */\nfunction ConditionalTooltip({ children, tooltip }: ConditionalTooltipProps) {\n  if (typeof tooltip === 'string') {\n    return (\n      <FlatTooltip size=\"tiny\" description={tooltip}>\n        {children}\n      </FlatTooltip>\n    );\n  }\n\n  if (tooltip && typeof tooltip === 'object' && 'description' in tooltip && tooltip.use !== false) {\n    return (\n      <FlatTooltip size={tooltip.size || 'tiny'} {...tooltip}>\n        {children}\n      </FlatTooltip>\n    );\n  }\n\n  return children;\n}\n\nFlatTooltip.displayName = 'FlatTooltip';\nConditionalTooltip.displayName = 'ConditionalTooltip';\n\nexport { FlatTooltip, ConditionalTooltip };\nexport type { FlatTooltipProps, ConditionalTooltipProps, TooltipConfig };\n"]}

package/dist/{chunk-CJHMZRUO.mjs → chunk-W3EL2KFL.mjs}

@@ -1,6 +1,6 @@
 import { ChevronDown } from './chunk-HV6LIYRO.mjs';
 import { cva, cn } from '@exem-ui/core/utils';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as TabsPrimitive2 from '@radix-ui/react-tabs';
 import * as React from 'react';
 import { createContext, forwardRef, useId, useContext, createElement, useRef, useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -65,13 +65,13 @@ var useSegmentContext = () => {
   return context;
 };
 var Segment = forwardRef(
-  ({ size = "medium", children, ...props }, ref) => /* @__PURE__ */ jsx(SegmentContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props, children }) })
+  ({ size = "medium", children, ...props }, ref) => /* @__PURE__ */ jsx(SegmentContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(TabsPrimitive2.Root, { ref, ...props, children }) })
 );
 Segment.List = forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useSegmentContext();
     return /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
+      TabsPrimitive2.List,
       {
         ref,
         className: cn(segmentListVariants({ size }), className),
@@ -84,7 +84,7 @@ Segment.Item = forwardRef(
   ({ className, leftIcon, children, ...props }, ref) => {
     const { size } = useSegmentContext();
     return /* @__PURE__ */ jsxs(
-      TabsPrimitive.Trigger,
+      TabsPrimitive2.Trigger,
       {
         ref,
         className: cn(segmentItemVariants({ size }), className),
@@ -99,7 +99,7 @@ Segment.Item = forwardRef(
 );
 Segment.Content = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    TabsPrimitive.Content,
+    TabsPrimitive2.Content,
     {
       ref,
       className: cn(
@@ -593,6 +593,46 @@ function useFocusWithin(containerRef, callbacks) {
   return { handleBlur, handleFocus, isFocused };
 }
 FlatSelect.displayName = "FlatSelect";
+var tabsVariants = {
+  bar: cva("", {
+    variants: {
+      type: {
+        primary: "border-b border-border-primary",
+        secondary: ""
+      }
+    },
+    defaultVariants: { type: "primary" }
+  }),
+  list: cva("flex min-w-0 flex-1 items-center", {
+    variants: {
+      type: {
+        primary: "gap-5",
+        secondary: "gap-1"
+      }
+    },
+    defaultVariants: { type: "primary" }
+  }),
+  trigger: cva(
+    "group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50",
+    {
+      variants: {
+        type: {
+          primary: [
+            "h-8 border-b-2 border-transparent p-0 text-text-tertiary",
+            "hover:text-text-primary",
+            "data-[state=active]:border-border-focused data-[state=active]:text-text-primary"
+          ],
+          secondary: [
+            "h-7 rounded-strong px-2 text-text-tertiary",
+            "hover:text-text-primary",
+            "data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary"
+          ]
+        }
+      },
+      defaultVariants: { type: "primary" }
+    }
+  )
+};
 var TabsContext = createContext({ type: "primary" });
 var useTabsContext = () => {
   const context = useContext(TabsContext);
@@ -601,63 +641,48 @@ var useTabsContext = () => {
   }
   return context;
 };
-var tabsListVariants = cva("inline-flex items-center", {
-  variants: {
-    type: {
-      primary: "h-9 gap-5 border-b border-border-primary",
-      secondary: "h-8 gap-1"
-    }
-  },
-  defaultVariants: {
-    type: "primary"
-  }
-});
-var tabsTriggerVariants = cva(
-  "group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      type: {
-        primary: [
-          "h-9 border-b-2 border-transparent p-0 text-text-tertiary",
-          "hover:text-text-primary",
-          "data-[state=active]:border-border-focused data-[state=active]:text-text-primary"
-        ],
-        secondary: [
-          "h-8 rounded-strong px-2 text-text-tertiary",
-          "hover:text-text-primary",
-          "data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary"
-        ]
-      }
-    },
-    defaultVariants: {
-      type: "primary"
-    }
-  }
-);
 var Tabs = forwardRef(
-  ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props, children }) })
+  ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsx(TabsPrimitive2.Root, { ref, ...props, children }) })
 );
 Tabs.List = forwardRef(
-  ({ className, ...props }, ref) => {
+  ({ className, rightSlot, ...props }, ref) => {
     const { type } = useTabsContext();
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(tabsListVariants({ type }), className),
-        ...props
-      }
-    );
+    if (rightSlot == null) {
+      return /* @__PURE__ */ jsx(
+        TabsPrimitive2.List,
+        {
+          ref,
+          className: cn(
+            tabsVariants.list({ type }),
+            tabsVariants.bar({ type }),
+            "inline-flex",
+            className
+          ),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { className: cn(tabsVariants.bar({ type }), "flex"), children: [
+      /* @__PURE__ */ jsx(
+        TabsPrimitive2.List,
+        {
+          ref,
+          className: cn(tabsVariants.list({ type }), className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightSlot })
+    ] });
   }
 );
 Tabs.Trigger = forwardRef(
   ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {
     const { type } = useTabsContext();
     return /* @__PURE__ */ jsxs(
-      TabsPrimitive.Trigger,
+      TabsPrimitive2.Trigger,
       {
         ref,
-        className: cn(tabsTriggerVariants({ type }), className),
+        className: cn(tabsVariants.trigger({ type }), className),
         ...props,
         children: [
           leftIcon && /* @__PURE__ */ jsx("span", { className: "size-4", children: leftIcon }),
@@ -672,7 +697,7 @@ Tabs.Trigger = forwardRef(
   }
 );
 Tabs.Content = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, { ref, className: cn(className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive2.Content, { ref, className: cn(className), ...props })
 );
 Tabs.displayName = "Tabs";
 Tabs.List.displayName = "Tabs.List";
@@ -771,5 +796,5 @@ FlatTooltip.displayName = "FlatTooltip";
 ConditionalTooltip.displayName = "ConditionalTooltip";
 
 export { ConditionalTooltip, FlatSegment, FlatSelect, FlatTabs, FlatTooltip, Segment, Select, Tabs, Tooltip, commonInputVariants, overlayListVariants };
-//# sourceMappingURL=chunk-CJHMZRUO.mjs.map
-//# sourceMappingURL=chunk-CJHMZRUO.mjs.map
+//# sourceMappingURL=chunk-W3EL2KFL.mjs.map
+//# sourceMappingURL=chunk-W3EL2KFL.mjs.map