@exem-ui/react 0.1.0-next.bf3c711

package/dist/radio/index.d.mts

@@ -0,0 +1,39 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import React__default from 'react';
+
+type RadioRootProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioItemProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    /**
+     * 라디오 버튼 크기
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /** 라디오 버튼 옆에 표시할 레이블 */
+    label?: React__default.ReactNode;
+    /**
+     * 레이블 위치
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+};
+type RadioComponent = React__default.ForwardRefExoticComponent<RadioRootProps & React__default.RefAttributes<React__default.ElementRef<typeof RadioGroupPrimitive.Root>>> & {
+    Item: React__default.ForwardRefExoticComponent<RadioItemProps & React__default.RefAttributes<React__default.ElementRef<typeof RadioGroupPrimitive.Item>>>;
+};
+/**
+ * 여러 옵션 중 하나를 선택하는 라디오 그룹 컴포넌트입니다.
+ * Compound Component 패턴으로 `Radio.Item`과 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Radio defaultValue="a">
+ *   <Radio.Item value="a" label="옵션 A" />
+ *   <Radio.Item value="b" label="옵션 B" />
+ * </Radio>
+ * ```
+ *
+ * @see {@link RadioRootProps} 루트 props 상세
+ * @see {@link RadioItemProps} 아이템 props 상세
+ */
+declare const Radio: RadioComponent;
+
+export { Radio, type RadioComponent, type RadioItemProps, type RadioRootProps };

package/dist/radio/index.d.ts

@@ -0,0 +1,39 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import React__default from 'react';
+
+type RadioRootProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioItemProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    /**
+     * 라디오 버튼 크기
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /** 라디오 버튼 옆에 표시할 레이블 */
+    label?: React__default.ReactNode;
+    /**
+     * 레이블 위치
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+};
+type RadioComponent = React__default.ForwardRefExoticComponent<RadioRootProps & React__default.RefAttributes<React__default.ElementRef<typeof RadioGroupPrimitive.Root>>> & {
+    Item: React__default.ForwardRefExoticComponent<RadioItemProps & React__default.RefAttributes<React__default.ElementRef<typeof RadioGroupPrimitive.Item>>>;
+};
+/**
+ * 여러 옵션 중 하나를 선택하는 라디오 그룹 컴포넌트입니다.
+ * Compound Component 패턴으로 `Radio.Item`과 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Radio defaultValue="a">
+ *   <Radio.Item value="a" label="옵션 A" />
+ *   <Radio.Item value="b" label="옵션 B" />
+ * </Radio>
+ * ```
+ *
+ * @see {@link RadioRootProps} 루트 props 상세
+ * @see {@link RadioItemProps} 아이템 props 상세
+ */
+declare const Radio: RadioComponent;
+
+export { Radio, type RadioComponent, type RadioItemProps, type RadioRootProps };

package/dist/radio/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkWBTL7PBV_js = require('../chunk-WBTL7PBV.js');
+
+
+
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () { return chunkWBTL7PBV_js.Radio; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/radio/index.mjs

@@ -0,0 +1,3 @@
+export { Radio } from '../chunk-WWT73GGM.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/radio/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/scrollArea/index.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import React__default from 'react';
+
+interface ScrollAreaProps extends React__default.ComponentProps<typeof ScrollAreaPrimitive.Root> {
+    /** 스크롤 뷰포트의 ref. 스크롤 위치 제어 시 사용합니다. */
+    scrollRef?: React__default.ComponentProps<typeof ScrollAreaPrimitive.Viewport>['ref'];
+    /** 세로 스크롤바 숨김 여부 */
+    hideVerticalScrollbar?: boolean;
+    /** 가로 스크롤바 숨김 여부 */
+    hideHorizontalScrollbar?: boolean;
+    /** 가로 스크롤 비활성화 (overflow-x: hidden) */
+    disableHorizontalScroll?: boolean;
+}
+declare function ScrollBar({ className, orientation, ...props }: React__default.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+/**
+ * 커스텀 스크롤바를 제공하는 스크롤 영역 컴포넌트입니다.
+ * 마우스 호버 시 스크롤바가 나타나는 UX를 제공합니다.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-[300px]">
+ *   <div>스크롤 가능한 콘텐츠</div>
+ * </ScrollArea>
+ * ```
+ *
+ * @see {@link ScrollAreaProps} props 상세
+ */
+declare function ScrollArea({ className, children, onScroll, scrollRef, hideVerticalScrollbar, hideHorizontalScrollbar, disableHorizontalScroll, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar };

package/dist/scrollArea/index.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import React__default from 'react';
+
+interface ScrollAreaProps extends React__default.ComponentProps<typeof ScrollAreaPrimitive.Root> {
+    /** 스크롤 뷰포트의 ref. 스크롤 위치 제어 시 사용합니다. */
+    scrollRef?: React__default.ComponentProps<typeof ScrollAreaPrimitive.Viewport>['ref'];
+    /** 세로 스크롤바 숨김 여부 */
+    hideVerticalScrollbar?: boolean;
+    /** 가로 스크롤바 숨김 여부 */
+    hideHorizontalScrollbar?: boolean;
+    /** 가로 스크롤 비활성화 (overflow-x: hidden) */
+    disableHorizontalScroll?: boolean;
+}
+declare function ScrollBar({ className, orientation, ...props }: React__default.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+/**
+ * 커스텀 스크롤바를 제공하는 스크롤 영역 컴포넌트입니다.
+ * 마우스 호버 시 스크롤바가 나타나는 UX를 제공합니다.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-[300px]">
+ *   <div>스크롤 가능한 콘텐츠</div>
+ * </ScrollArea>
+ * ```
+ *
+ * @see {@link ScrollAreaProps} props 상세
+ */
+declare function ScrollArea({ className, children, onScroll, scrollRef, hideVerticalScrollbar, hideHorizontalScrollbar, disableHorizontalScroll, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar };

package/dist/scrollArea/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkFOMIUDRM_js = require('../chunk-FOMIUDRM.js');
+
+
+
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunkFOMIUDRM_js.ScrollArea; }
+});
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function () { return chunkFOMIUDRM_js.ScrollBar; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/scrollArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/scrollArea/index.mjs

@@ -0,0 +1,3 @@
+export { ScrollArea, ScrollBar } from '../chunk-TEHHJ3CS.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/scrollArea/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/segment/index.d.mts

@@ -0,0 +1,46 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import React__default from 'react';
+
+type SegmentSize = 'small' | 'medium' | 'large';
+type SegmentListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+type SegmentItemProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+    /** 텍스트 왼쪽에 표시할 아이콘 요소 */
+    leftIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+};
+type SegmentContentProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+type SegmentRootProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
+    /**
+     * 세그먼트 크기
+     * @default 'medium'
+     */
+    size?: SegmentSize;
+};
+type SegmentComponent = React__default.ForwardRefExoticComponent<SegmentRootProps & React__default.RefAttributes<React__default.ElementRef<typeof TabsPrimitive.Root>>> & {
+    List: React__default.ForwardRefExoticComponent<SegmentListProps>;
+    Item: React__default.ForwardRefExoticComponent<SegmentItemProps>;
+    Content: React__default.ForwardRefExoticComponent<SegmentContentProps>;
+};
+/**
+ * 탭 형태의 세그먼트 컨트롤 컴포넌트입니다.
+ * Compound Component 패턴으로 `Segment.List`, `Segment.Item`, `Segment.Content`와 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Segment defaultValue="tab1" size="medium">
+ *   <Segment.List>
+ *     <Segment.Item value="tab1">첫 번째</Segment.Item>
+ *     <Segment.Item value="tab2">두 번째</Segment.Item>
+ *   </Segment.List>
+ *   <Segment.Content value="tab1">첫 번째 내용</Segment.Content>
+ *   <Segment.Content value="tab2">두 번째 내용</Segment.Content>
+ * </Segment>
+ * ```
+ *
+ * @see {@link SegmentRootProps} 루트 props 상세
+ * @see {@link SegmentItemProps} 아이템 props 상세
+ */
+declare const Segment: SegmentComponent;
+
+export { Segment, type SegmentComponent, type SegmentContentProps, type SegmentItemProps, type SegmentListProps, type SegmentRootProps };

package/dist/segment/index.d.ts

@@ -0,0 +1,46 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import React__default from 'react';
+
+type SegmentSize = 'small' | 'medium' | 'large';
+type SegmentListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+type SegmentItemProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+    /** 텍스트 왼쪽에 표시할 아이콘 요소 */
+    leftIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+};
+type SegmentContentProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+type SegmentRootProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
+    /**
+     * 세그먼트 크기
+     * @default 'medium'
+     */
+    size?: SegmentSize;
+};
+type SegmentComponent = React__default.ForwardRefExoticComponent<SegmentRootProps & React__default.RefAttributes<React__default.ElementRef<typeof TabsPrimitive.Root>>> & {
+    List: React__default.ForwardRefExoticComponent<SegmentListProps>;
+    Item: React__default.ForwardRefExoticComponent<SegmentItemProps>;
+    Content: React__default.ForwardRefExoticComponent<SegmentContentProps>;
+};
+/**
+ * 탭 형태의 세그먼트 컨트롤 컴포넌트입니다.
+ * Compound Component 패턴으로 `Segment.List`, `Segment.Item`, `Segment.Content`와 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Segment defaultValue="tab1" size="medium">
+ *   <Segment.List>
+ *     <Segment.Item value="tab1">첫 번째</Segment.Item>
+ *     <Segment.Item value="tab2">두 번째</Segment.Item>
+ *   </Segment.List>
+ *   <Segment.Content value="tab1">첫 번째 내용</Segment.Content>
+ *   <Segment.Content value="tab2">두 번째 내용</Segment.Content>
+ * </Segment>
+ * ```
+ *
+ * @see {@link SegmentRootProps} 루트 props 상세
+ * @see {@link SegmentItemProps} 아이템 props 상세
+ */
+declare const Segment: SegmentComponent;
+
+export { Segment, type SegmentComponent, type SegmentContentProps, type SegmentItemProps, type SegmentListProps, type SegmentRootProps };

package/dist/segment/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkNDG4LR3Q_js = require('../chunk-NDG4LR3Q.js');
+
+
+
+Object.defineProperty(exports, "Segment", {
+  enumerable: true,
+  get: function () { return chunkNDG4LR3Q_js.Segment; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/segment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/segment/index.mjs

@@ -0,0 +1,3 @@
+export { Segment } from '../chunk-Q442ZDTI.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/segment/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/star/index.d.mts

@@ -0,0 +1,30 @@
+import React__default from 'react';
+
+interface StarProps extends React__default.SVGProps<SVGSVGElement> {
+    /**
+     * 별 아이콘 크기
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 선택(채워짐) 상태 여부
+     * @default false
+     */
+    selected?: boolean;
+    /** 클릭 이벤트 핸들러 */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+}
+type StarComponent = React__default.ForwardRefExoticComponent<Omit<StarProps, 'ref'> & React__default.RefAttributes<SVGSVGElement>>;
+/**
+ * 별점 평가에 사용되는 Star 아이콘 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Star selected size="medium" onClick={() => console.log('clicked')} />
+ * ```
+ *
+ * @see {@link StarProps} props 상세
+ */
+declare const Star: StarComponent;
+
+export { Star, type StarComponent, type StarProps };

package/dist/star/index.d.ts

@@ -0,0 +1,30 @@
+import React__default from 'react';
+
+interface StarProps extends React__default.SVGProps<SVGSVGElement> {
+    /**
+     * 별 아이콘 크기
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 선택(채워짐) 상태 여부
+     * @default false
+     */
+    selected?: boolean;
+    /** 클릭 이벤트 핸들러 */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+}
+type StarComponent = React__default.ForwardRefExoticComponent<Omit<StarProps, 'ref'> & React__default.RefAttributes<SVGSVGElement>>;
+/**
+ * 별점 평가에 사용되는 Star 아이콘 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Star selected size="medium" onClick={() => console.log('clicked')} />
+ * ```
+ *
+ * @see {@link StarProps} props 상세
+ */
+declare const Star: StarComponent;
+
+export { Star, type StarComponent, type StarProps };

package/dist/star/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkWOK3EP3O_js = require('../chunk-WOK3EP3O.js');
+
+
+
+Object.defineProperty(exports, "Star", {
+  enumerable: true,
+  get: function () { return chunkWOK3EP3O_js.Star; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/star/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/star/index.mjs

@@ -0,0 +1,3 @@
+export { Star } from '../chunk-YGBEKZWU.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/star/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/switch/index.d.mts

@@ -0,0 +1,32 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import React__default from 'react';
+
+declare const switchVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends React__default.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof switchVariants> {
+    /** 스위치 옆에 표시할 레이블 텍스트 */
+    label?: string;
+    /**
+     * 레이블 위치
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+}
+type SwitchComponent = React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * 켜기/끄기 상태를 전환하는 스위치 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Switch label="알림 받기" size="medium" />
+ * <Switch label="다크 모드" labelPosition="left" defaultChecked />
+ * ```
+ *
+ * @see {@link SwitchProps} props 상세
+ */
+declare const Switch: SwitchComponent;
+
+export { Switch, type SwitchComponent, type SwitchProps };

package/dist/switch/index.d.ts

@@ -0,0 +1,32 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import React__default from 'react';
+
+declare const switchVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends React__default.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof switchVariants> {
+    /** 스위치 옆에 표시할 레이블 텍스트 */
+    label?: string;
+    /**
+     * 레이블 위치
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+}
+type SwitchComponent = React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * 켜기/끄기 상태를 전환하는 스위치 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Switch label="알림 받기" size="medium" />
+ * <Switch label="다크 모드" labelPosition="left" defaultChecked />
+ * ```
+ *
+ * @see {@link SwitchProps} props 상세
+ */
+declare const Switch: SwitchComponent;
+
+export { Switch, type SwitchComponent, type SwitchProps };

package/dist/switch/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkM6OWN7QH_js = require('../chunk-M6OWN7QH.js');
+
+
+
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return chunkM6OWN7QH_js.Switch; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/switch/index.mjs

@@ -0,0 +1,3 @@
+export { Switch } from '../chunk-VWTE74UT.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/switch/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/tabs/index.d.mts

@@ -0,0 +1,52 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import React__default from 'react';
+
+type TabsType = 'primary' | 'secondary';
+type TabsRootProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
+    /**
+     * 탭 스타일 유형
+     * @default 'primary'
+     */
+    type?: TabsType;
+};
+type TabsListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+type TabsTriggerProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+    /** 텍스트 왼쪽에 표시할 아이콘 요소 */
+    leftIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+    /** 텍스트 오른쪽에 표시할 아이콘 요소 */
+    rightIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+    /** 탭 라벨 옆에 표시할 배지 텍스트 */
+    badge?: string | number;
+};
+type TabsContentProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+type TabsComponent = React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<React__default.ElementRef<typeof TabsPrimitive.Root>>> & {
+    List: React__default.ForwardRefExoticComponent<TabsListProps>;
+    Trigger: React__default.ForwardRefExoticComponent<TabsTriggerProps>;
+    Content: React__default.ForwardRefExoticComponent<TabsContentProps>;
+};
+/**
+ * 탭 형태의 콘텐츠 전환 컴포넌트입니다.
+ * Compound Component 패턴으로 `Tabs.List`, `Tabs.Trigger`, `Tabs.Content`와 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="tab1" type="primary">
+ *   <Tabs.List>
+ *     <Tabs.Trigger value="tab1">첫 번째</Tabs.Trigger>
+ *     <Tabs.Trigger value="tab2">두 번째</Tabs.Trigger>
+ *   </Tabs.List>
+ *   <Tabs.Content value="tab1">첫 번째 내용</Tabs.Content>
+ *   <Tabs.Content value="tab2">두 번째 내용</Tabs.Content>
+ * </Tabs>
+ * ```
+ *
+ * @see {@link TabsRootProps} 루트 props 상세
+ * @see {@link TabsTriggerProps} 트리거 props 상세
+ */
+declare const Tabs: TabsComponent;
+
+export { Tabs, type TabsComponent, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps };

package/dist/tabs/index.d.ts

@@ -0,0 +1,52 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import React__default from 'react';
+
+type TabsType = 'primary' | 'secondary';
+type TabsRootProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
+    /**
+     * 탭 스타일 유형
+     * @default 'primary'
+     */
+    type?: TabsType;
+};
+type TabsListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+type TabsTriggerProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+    /** 텍스트 왼쪽에 표시할 아이콘 요소 */
+    leftIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+    /** 텍스트 오른쪽에 표시할 아이콘 요소 */
+    rightIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+    /** 탭 라벨 옆에 표시할 배지 텍스트 */
+    badge?: string | number;
+};
+type TabsContentProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+type TabsComponent = React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<React__default.ElementRef<typeof TabsPrimitive.Root>>> & {
+    List: React__default.ForwardRefExoticComponent<TabsListProps>;
+    Trigger: React__default.ForwardRefExoticComponent<TabsTriggerProps>;
+    Content: React__default.ForwardRefExoticComponent<TabsContentProps>;
+};
+/**
+ * 탭 형태의 콘텐츠 전환 컴포넌트입니다.
+ * Compound Component 패턴으로 `Tabs.List`, `Tabs.Trigger`, `Tabs.Content`와 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="tab1" type="primary">
+ *   <Tabs.List>
+ *     <Tabs.Trigger value="tab1">첫 번째</Tabs.Trigger>
+ *     <Tabs.Trigger value="tab2">두 번째</Tabs.Trigger>
+ *   </Tabs.List>
+ *   <Tabs.Content value="tab1">첫 번째 내용</Tabs.Content>
+ *   <Tabs.Content value="tab2">두 번째 내용</Tabs.Content>
+ * </Tabs>
+ * ```
+ *
+ * @see {@link TabsRootProps} 루트 props 상세
+ * @see {@link TabsTriggerProps} 트리거 props 상세
+ */
+declare const Tabs: TabsComponent;
+
+export { Tabs, type TabsComponent, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps };

package/dist/tabs/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkTJY4MIBC_js = require('../chunk-TJY4MIBC.js');
+
+
+
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkTJY4MIBC_js.Tabs; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/tabs/index.mjs

@@ -0,0 +1,3 @@
+export { Tabs } from '../chunk-4WAO7CUT.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}