@exem-ui/react 0.1.0 → 0.2.0

package/dist/breadcrumb/index.d.mts

@@ -1,43 +0,0 @@
-import React__default from 'react';
-
-type BreadcrumbRootProps = React__default.ComponentPropsWithoutRef<'nav'>;
-type BreadcrumbListProps = React__default.ComponentPropsWithoutRef<'ol'>;
-type BreadcrumbItemProps = React__default.ComponentPropsWithoutRef<'li'>;
-type BreadcrumbLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
-    asChild?: boolean;
-};
-type BreadcrumbPageProps = React__default.ComponentPropsWithoutRef<'span'>;
-type BreadcrumbSeparatorProps = React__default.ComponentProps<'li'>;
-type BreadcrumbEllipsisProps = React__default.ComponentProps<'span'>;
-type BreadcrumbComponent = React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbRootProps> & React__default.RefAttributes<HTMLElement>> & {
-    List: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbListProps> & React__default.RefAttributes<HTMLOListElement>>;
-    Item: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbItemProps> & React__default.RefAttributes<HTMLLIElement>>;
-    Link: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbLinkProps> & React__default.RefAttributes<HTMLAnchorElement>>;
-    Page: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbPageProps> & React__default.RefAttributes<HTMLSpanElement>>;
-    Separator: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbSeparatorProps> & React__default.RefAttributes<HTMLLIElement>>;
-    Ellipsis: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbEllipsisProps> & React__default.RefAttributes<HTMLSpanElement>>;
-};
-/**
- * 현재 페이지의 계층 위치를 표시하는 탐색 경로 컴포넌트입니다.
- * Compound Component 패턴으로 하위 컴포넌트와 함께 사용합니다.
- *
- * @example
- * ```tsx
- * <Breadcrumb>
- *   <Breadcrumb.List>
- *     <Breadcrumb.Item>
- *       <Breadcrumb.Link href="/">홈</Breadcrumb.Link>
- *     </Breadcrumb.Item>
- *     <Breadcrumb.Separator />
- *     <Breadcrumb.Item>
- *       <Breadcrumb.Page>현재 페이지</Breadcrumb.Page>
- *     </Breadcrumb.Item>
- *   </Breadcrumb.List>
- * </Breadcrumb>
- * ```
- *
- * @see {@link BreadcrumbRootProps} props 상세
- */
-declare const Breadcrumb: BreadcrumbComponent;
-
-export { Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps };

package/dist/breadcrumb/index.d.ts

@@ -1,43 +0,0 @@
-import React__default from 'react';
-
-type BreadcrumbRootProps = React__default.ComponentPropsWithoutRef<'nav'>;
-type BreadcrumbListProps = React__default.ComponentPropsWithoutRef<'ol'>;
-type BreadcrumbItemProps = React__default.ComponentPropsWithoutRef<'li'>;
-type BreadcrumbLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
-    asChild?: boolean;
-};
-type BreadcrumbPageProps = React__default.ComponentPropsWithoutRef<'span'>;
-type BreadcrumbSeparatorProps = React__default.ComponentProps<'li'>;
-type BreadcrumbEllipsisProps = React__default.ComponentProps<'span'>;
-type BreadcrumbComponent = React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbRootProps> & React__default.RefAttributes<HTMLElement>> & {
-    List: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbListProps> & React__default.RefAttributes<HTMLOListElement>>;
-    Item: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbItemProps> & React__default.RefAttributes<HTMLLIElement>>;
-    Link: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbLinkProps> & React__default.RefAttributes<HTMLAnchorElement>>;
-    Page: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbPageProps> & React__default.RefAttributes<HTMLSpanElement>>;
-    Separator: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbSeparatorProps> & React__default.RefAttributes<HTMLLIElement>>;
-    Ellipsis: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbEllipsisProps> & React__default.RefAttributes<HTMLSpanElement>>;
-};
-/**
- * 현재 페이지의 계층 위치를 표시하는 탐색 경로 컴포넌트입니다.
- * Compound Component 패턴으로 하위 컴포넌트와 함께 사용합니다.
- *
- * @example
- * ```tsx
- * <Breadcrumb>
- *   <Breadcrumb.List>
- *     <Breadcrumb.Item>
- *       <Breadcrumb.Link href="/">홈</Breadcrumb.Link>
- *     </Breadcrumb.Item>
- *     <Breadcrumb.Separator />
- *     <Breadcrumb.Item>
- *       <Breadcrumb.Page>현재 페이지</Breadcrumb.Page>
- *     </Breadcrumb.Item>
- *   </Breadcrumb.List>
- * </Breadcrumb>
- * ```
- *
- * @see {@link BreadcrumbRootProps} props 상세
- */
-declare const Breadcrumb: BreadcrumbComponent;
-
-export { Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps };

package/dist/breadcrumb/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var chunkECRQD7UU_js = require('../chunk-ECRQD7UU.js');
-require('../chunk-5M47B2XJ.js');
-
-
-
-Object.defineProperty(exports, "Breadcrumb", {
-  enumerable: true,
-  get: function () { return chunkECRQD7UU_js.Breadcrumb; }
-});
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/breadcrumb/index.js.map

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

package/dist/breadcrumb/index.mjs

@@ -1,4 +0,0 @@
-export { Breadcrumb } from '../chunk-PPD4BU4W.mjs';
-import '../chunk-LZWKMQJL.mjs';
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/breadcrumb/index.mjs.map

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

package/dist/button/index.d.mts

@@ -1,9 +0,0 @@
-export { B as Button, a as ButtonComponent, b as ButtonProps } from '../Button-CMenVfb7.mjs';
-export { B as ButtonGroup, a as ButtonGroupComponent, c as ButtonGroupProps, I as IconButton, d as IconButtonComponent, e as IconButtonProps } from '../index-CXip5Wb1.mjs';
-import 'class-variance-authority/types';
-import '@exem-ui/core/utils';
-import 'react';
-import '../flat/tooltip.mjs';
-import 'react/jsx-runtime';
-import '../tooltip/index.mjs';
-import '@radix-ui/react-tooltip';

package/dist/button/index.d.ts

@@ -1,9 +0,0 @@
-export { B as Button, a as ButtonComponent, b as ButtonProps } from '../Button-CMenVfb7.js';
-export { B as ButtonGroup, a as ButtonGroupComponent, c as ButtonGroupProps, I as IconButton, d as IconButtonComponent, e as IconButtonProps } from '../index-Drz3P-6Y.js';
-import 'class-variance-authority/types';
-import '@exem-ui/core/utils';
-import 'react';
-import '../flat/tooltip.js';
-import 'react/jsx-runtime';
-import '../tooltip/index.js';
-import '@radix-ui/react-tooltip';

package/dist/button/index.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var chunk5TEFN2CW_js = require('../chunk-5TEFN2CW.js');
-var chunkREBHUF4L_js = require('../chunk-REBHUF4L.js');
-require('../chunk-PU5NO5EZ.js');
-require('../chunk-VSB25XTY.js');
-require('../chunk-NDG4LR3Q.js');
-require('../chunk-3FPMWAQT.js');
-require('../chunk-T7U2QRLC.js');
-require('../chunk-FDX4IQK5.js');
-require('../chunk-MQVHREEI.js');
-require('../chunk-5M47B2XJ.js');
-
-
-
-Object.defineProperty(exports, "ButtonGroup", {
-  enumerable: true,
-  get: function () { return chunk5TEFN2CW_js.ButtonGroup; }
-});
-Object.defineProperty(exports, "IconButton", {
-  enumerable: true,
-  get: function () { return chunk5TEFN2CW_js.IconButton; }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () { return chunkREBHUF4L_js.Button; }
-});
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/button/index.js.map

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

package/dist/button/index.mjs

@@ -1,12 +0,0 @@
-export { ButtonGroup, IconButton } from '../chunk-GXMRIT5E.mjs';
-export { Button } from '../chunk-DJHGCJR4.mjs';
-import '../chunk-VKN4H4WI.mjs';
-import '../chunk-34QIGWCT.mjs';
-import '../chunk-Q442ZDTI.mjs';
-import '../chunk-5WGNZX7Z.mjs';
-import '../chunk-YVFLRPFV.mjs';
-import '../chunk-DPUTW5KD.mjs';
-import '../chunk-ZWCMSHDP.mjs';
-import '../chunk-LZWKMQJL.mjs';
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/button/index.mjs.map

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

package/dist/checkbox/index.d.mts

@@ -1,54 +0,0 @@
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import React__default from 'react';
-
-type CheckboxSize = 'small' | 'medium' | 'large';
-type LabelPosition = 'left' | 'right';
-interface CheckboxProps extends React__default.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
-    /** 체크 상태. `'indeterminate'`는 부분 선택을 나타냅니다. */
-    checked?: boolean | 'indeterminate';
-    /** 체크박스 옆에 표시할 레이블 */
-    label?: React__default.ReactNode;
-    /** 추가 클래스명 */
-    className?: string;
-    /**
-     * 체크박스 크기
-     * @default 'medium'
-     */
-    size?: CheckboxSize;
-    /**
-     * 레이블 위치
-     * @default 'right'
-     */
-    labelPosition?: LabelPosition;
-    /** 체크 상태 변경 핸들러 */
-    onCheckedChange?: (checked: boolean) => void;
-    /** 초기 체크 상태 (비제어) */
-    defaultChecked?: boolean;
-    /**
-     * 비활성화 상태
-     * @default false
-     */
-    disabled?: boolean;
-}
-type CheckboxComponent = React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLButtonElement>>;
-/**
- * 하나 이상의 항목을 선택하는 체크박스 컴포넌트입니다.
- * 체크, 미체크, indeterminate(부분 선택) 상태를 지원합니다.
- *
- * @example
- * ```tsx
- * // 기본 사용
- * <Checkbox label="이용 약관에 동의합니다" />
- *
- * // 제어 컴포넌트
- * <Checkbox checked={isChecked} onCheckedChange={setIsChecked} label="선택" />
- *
- * // 부분 선택 상태
- * <Checkbox checked="indeterminate" label="전체 선택" />
- * ```
- *
- * @see {@link CheckboxProps} props 상세
- */
-declare const Checkbox: CheckboxComponent;
-
-export { Checkbox, type CheckboxComponent, type CheckboxProps };

package/dist/checkbox/index.d.ts

@@ -1,54 +0,0 @@
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import React__default from 'react';
-
-type CheckboxSize = 'small' | 'medium' | 'large';
-type LabelPosition = 'left' | 'right';
-interface CheckboxProps extends React__default.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
-    /** 체크 상태. `'indeterminate'`는 부분 선택을 나타냅니다. */
-    checked?: boolean | 'indeterminate';
-    /** 체크박스 옆에 표시할 레이블 */
-    label?: React__default.ReactNode;
-    /** 추가 클래스명 */
-    className?: string;
-    /**
-     * 체크박스 크기
-     * @default 'medium'
-     */
-    size?: CheckboxSize;
-    /**
-     * 레이블 위치
-     * @default 'right'
-     */
-    labelPosition?: LabelPosition;
-    /** 체크 상태 변경 핸들러 */
-    onCheckedChange?: (checked: boolean) => void;
-    /** 초기 체크 상태 (비제어) */
-    defaultChecked?: boolean;
-    /**
-     * 비활성화 상태
-     * @default false
-     */
-    disabled?: boolean;
-}
-type CheckboxComponent = React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLButtonElement>>;
-/**
- * 하나 이상의 항목을 선택하는 체크박스 컴포넌트입니다.
- * 체크, 미체크, indeterminate(부분 선택) 상태를 지원합니다.
- *
- * @example
- * ```tsx
- * // 기본 사용
- * <Checkbox label="이용 약관에 동의합니다" />
- *
- * // 제어 컴포넌트
- * <Checkbox checked={isChecked} onCheckedChange={setIsChecked} label="선택" />
- *
- * // 부분 선택 상태
- * <Checkbox checked="indeterminate" label="전체 선택" />
- * ```
- *
- * @see {@link CheckboxProps} props 상세
- */
-declare const Checkbox: CheckboxComponent;
-
-export { Checkbox, type CheckboxComponent, type CheckboxProps };

package/dist/checkbox/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var chunk5TVMECVF_js = require('../chunk-5TVMECVF.js');
-require('../chunk-5M47B2XJ.js');
-
-
-
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunk5TVMECVF_js.Checkbox; }
-});
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/checkbox/index.js.map

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

package/dist/checkbox/index.mjs

@@ -1,4 +0,0 @@
-export { Checkbox } from '../chunk-N6U54JI4.mjs';
-import '../chunk-LZWKMQJL.mjs';
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/checkbox/index.mjs.map

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

package/dist/chunk-34QIGWCT.mjs

@@ -1,10 +0,0 @@
-import { Segment } from './chunk-Q442ZDTI.mjs';
-import { jsx } from 'react/jsx-runtime';
-import { createElement } from 'react';
-
-var FlatSegment = ({ items, disabled, className, ...props }) => /* @__PURE__ */ jsx(Segment, { ...props, children: /* @__PURE__ */ jsx(Segment.List, { className, children: items.map((item) => /* @__PURE__ */ createElement(Segment.Item, { ...item, key: item.value, disabled: disabled || item.disabled })) }) });
-FlatSegment.displayName = "FlatSegment";
-
-export { FlatSegment };
-//# sourceMappingURL=chunk-34QIGWCT.mjs.map
-//# sourceMappingURL=chunk-34QIGWCT.mjs.map

package/dist/chunk-34QIGWCT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flat/FlatSegment.tsx"],"names":[],"mappings":";;;;AAoCA,IAAM,cAAc,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,WAAW,GAAG,KAAA,EAAM,qBAC1D,GAAA,CAAC,WAAS,GAAG,KAAA,EACX,QAAA,kBAAA,GAAA,CAAC,OAAA,CAAQ,MAAR,EAAa,SAAA,EACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,aAAA,CAAC,OAAA,CAAQ,IAAA,EAAR,EAAc,GAAG,IAAA,EAAM,GAAA,EAAK,IAAA,CAAK,OAAO,QAAA,EAAU,QAAA,IAAY,KAAK,QAAA,EAAU,CAC/E,GACH,CAAA,EACF;AAGF,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-34QIGWCT.mjs","sourcesContent":["import type React from 'react';\nimport { Segment, type SegmentRootProps } from '../segment/Segment';\n\ntype FlatSegmentItem = Pick<\n  React.ComponentPropsWithoutRef<typeof Segment.Item>,\n  'value' | 'children' | 'disabled' | 'leftIcon' | 'className'\n>;\n\ninterface FlatSegmentProps extends Omit<SegmentRootProps, 'children' | 'asChild'> {\n  /** 세그먼트 아이템 배열 */\n  items: FlatSegmentItem[];\n  /**\n   * 전체 비활성화 여부 (개별 아이템의 disabled와 OR 결합)\n   * @default false\n   */\n  disabled?: boolean;\n}\n\n/**\n * Segment 컴포넌트의 간소화된 Flat API입니다.\n * items 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.\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 */\nconst FlatSegment = ({ items, disabled, className, ...props }: FlatSegmentProps) => (\n  <Segment {...props}>\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\nFlatSegment.displayName = 'FlatSegment';\n\nexport { FlatSegment };\nexport type { FlatSegmentProps, FlatSegmentItem };\n"]}

package/dist/chunk-3FPMWAQT.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var chunkT7U2QRLC_js = require('./chunk-T7U2QRLC.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-var FlatTooltip = ({ children, title, size, description, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT7U2QRLC_js.Tooltip.Provider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkT7U2QRLC_js.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT7U2QRLC_js.Tooltip.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkT7U2QRLC_js.Tooltip.Content, { size, ...props, children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(chunkT7U2QRLC_js.Tooltip.Title, { children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(chunkT7U2QRLC_js.Tooltip.Description, { children: description })
-    ] })
-  ] }) });
-};
-function ConditionalTooltip({ children, tooltip }) {
-  if (typeof tooltip === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(FlatTooltip, { size: "tiny", description: tooltip, children });
-  }
-  if (tooltip && typeof tooltip === "object" && "description" in tooltip && tooltip.use !== false) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FlatTooltip, { size: tooltip.size || "tiny", ...tooltip, children });
-  }
-  return children;
-}
-FlatTooltip.displayName = "FlatTooltip";
-ConditionalTooltip.displayName = "ConditionalTooltip";
-
-exports.ConditionalTooltip = ConditionalTooltip;
-exports.FlatTooltip = FlatTooltip;
-//# sourceMappingURL=chunk-3FPMWAQT.js.map
-//# sourceMappingURL=chunk-3FPMWAQT.js.map

package/dist/chunk-3FPMWAQT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flat/FlatTooltip.tsx"],"names":["jsx","Tooltip","jsxs"],"mappings":";;;;;AAuCA,IAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAU,OAAO,IAAA,EAAM,WAAA,EAAa,GAAG,KAAA,EAAM,KAAwB;AAC1F,EAAA,uBACEA,cAAA,CAACC,yBAAQ,QAAA,EAAR,EAAiB,eAAe,CAAA,EAAG,iBAAA,EAAmB,CAAA,EACrD,QAAA,kBAAAC,eAAA,CAACD,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAACC,wBAAA,CAAQ,OAAA,EAAR,EAAgB,OAAA,EAAO,MAAE,QAAA,EAAS,CAAA;AAAA,oCAClCA,wBAAA,CAAQ,OAAA,EAAR,EAAgB,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASD,cAAA,CAACC,wBAAA,CAAQ,KAAA,EAAR,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC/B,WAAA,oBAAeD,cAAA,CAACC,wBAAA,CAAQ,WAAA,EAAR,EAAqB,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EACpD;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAiDA,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAU,OAAA,EAAQ,EAA4B;AAC1E,EAAA,IAAI,OAAO,YAAY,QAAA,EAAU;AAC/B,IAAA,sCACG,WAAA,EAAA,EAAY,IAAA,EAAK,MAAA,EAAO,WAAA,EAAa,SACnC,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,KAAY,QAAA,IAAY,iBAAiB,OAAA,IAAW,OAAA,CAAQ,QAAQ,KAAA,EAAO;AAC/F,IAAA,uBACED,cAAA,CAAC,eAAY,IAAA,EAAM,OAAA,CAAQ,QAAQ,MAAA,EAAS,GAAG,SAC5C,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,QAAA;AACT;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAC1B,kBAAA,CAAmB,WAAA,GAAc,oBAAA","file":"chunk-3FPMWAQT.js","sourcesContent":["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-3HMT3DQV.js

@@ -1,104 +0,0 @@
-'use strict';
-
-var utils = require('@exem-ui/core/utils');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/loading/Loading.tsx
-var containerVariants = utils.cva("inset-0 z-[49] flex items-center justify-center", {
-  variants: {
-    position: {
-      fixed: "fixed",
-      absolute: "absolute"
-    },
-    blockInteraction: {
-      true: "pointer-events-auto",
-      false: "pointer-events-none"
-    }
-  },
-  defaultVariants: {
-    position: "fixed",
-    blockInteraction: false
-  }
-});
-var overlayVariants = utils.cva("absolute inset-0 transition-opacity duration-150", {
-  variants: {
-    visible: {
-      true: "opacity-100",
-      false: "opacity-0"
-    },
-    tone: {
-      // 대비감 높은 톤 설정 추후 디자인 시스템에서 추가 되어야함
-      auto: "bg-black/30 dark:bg-white/10",
-      dark: "bg-black/50",
-      light: "bg-white/70",
-      brand: "bg-primary/20"
-    }
-  },
-  defaultVariants: {
-    visible: true,
-    tone: "auto"
-  }
-});
-var spinnerVariants = utils.cva(
-  "z-50 shrink-0 animate-spin rounded-full border-elevation-elevation-4 border-t-transparent",
-  {
-    variants: {
-      size: {
-        small: "size-6 border-2",
-        medium: "size-9 border-[3px]",
-        large: "size-12 border-4"
-      }
-    },
-    defaultVariants: {
-      size: "large"
-    }
-  }
-);
-var Loading = react.forwardRef(
-  ({
-    isLoading = true,
-    dim = true,
-    blockInteraction = false,
-    position = "fixed",
-    size = "medium",
-    containerClassName,
-    overlayClassName,
-    spinnerClassName,
-    className,
-    ...props
-  }, ref) => {
-    if (!isLoading) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        role: "status",
-        "aria-busy": "true",
-        className: utils.cn(
-          containerVariants({ position, blockInteraction }),
-          containerClassName,
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: utils.cn(overlayVariants({ visible: dim }), overlayClassName)
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-50 flex size-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(spinnerVariants({ size }), spinnerClassName) }) })
-        ]
-      }
-    );
-  }
-);
-Loading.displayName = "Loading";
-
-exports.Loading = Loading;
-//# sourceMappingURL=chunk-3HMT3DQV.js.map
-//# sourceMappingURL=chunk-3HMT3DQV.js.map

package/dist/chunk-3HMT3DQV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/loading/Loading.tsx"],"names":["cva","forwardRef","jsxs","cn","jsx"],"mappings":";;;;;;;AAmCA,IAAM,iBAAA,GAAoBA,UAAI,iDAAA,EAAmD;AAAA,EAC/E,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,KAAA,EAAO,OAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM,qBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,OAAA;AAAA,IACV,gBAAA,EAAkB;AAAA;AAEtB,CAAC,CAAA;AAED,IAAM,eAAA,GAAkBA,UAAI,kDAAA,EAAoD;AAAA,EAC9E,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,aAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA;AAAA,MAEJ,IAAA,EAAM,8BAAA;AAAA,MACN,IAAA,EAAM,aAAA;AAAA,MACN,KAAA,EAAO,aAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,IAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,eAAA,GAAkBA,SAAA;AAAA,EACtB,2FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,iBAAA;AAAA,QACP,MAAA,EAAQ,qBAAA;AAAA,QACR,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAkBA,IAAM,OAAA,GAAUC,gBAAA;AAAA,EACd,CACE;AAAA,IACE,SAAA,GAAY,IAAA;AAAA,IACZ,GAAA,GAAM,IAAA;AAAA,IACN,gBAAA,GAAmB,KAAA;AAAA,IACnB,QAAA,GAAW,OAAA;AAAA,IACX,IAAA,GAAO,QAAA;AAAA,IACP,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAWC,QAAA;AAAA,UACT,iBAAA,CAAkB,EAAE,QAAA,EAAU,gBAAA,EAAkB,CAAA;AAAA,UAChD,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAGJ,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAWD,SAAG,eAAA,CAAgB,EAAE,SAAS,GAAA,EAAK,GAAG,gBAAgB;AAAA;AAAA,WACnE;AAAA,0BAEAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,QAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,CAAA,EAAG,gBAAgB,GAAG,CAAA,EACnE;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-3HMT3DQV.js","sourcesContent":["import { cn, cva, type VariantProps } from '@exem-ui/core/utils';\nimport type React from 'react';\nimport { forwardRef } from 'react';\n\ninterface LoadingProps\n  extends VariantProps<typeof containerVariants>,\n    VariantProps<typeof spinnerVariants>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /**\n   * 로딩 표시 여부\n   * @default true\n   */\n  isLoading?: boolean;\n  /**\n   * 배경 딤 처리 여부\n   * @default true\n   */\n  dim?: boolean;\n  /**\n   * 로딩 중 하위 요소 인터랙션 차단 여부\n   * @default false\n   */\n  blockInteraction?: boolean;\n  /** 컨테이너 추가 클래스 */\n  containerClassName?: string;\n  /** 오버레이 추가 클래스 */\n  overlayClassName?: string;\n  /** 스피너 추가 클래스 */\n  spinnerClassName?: string;\n}\n\ntype LoadingComponent = React.ForwardRefExoticComponent<\n  LoadingProps & React.RefAttributes<HTMLDivElement>\n>;\n\nconst containerVariants = cva('inset-0 z-[49] flex items-center justify-center', {\n  variants: {\n    position: {\n      fixed: 'fixed',\n      absolute: 'absolute',\n    },\n    blockInteraction: {\n      true: 'pointer-events-auto',\n      false: 'pointer-events-none',\n    },\n  },\n  defaultVariants: {\n    position: 'fixed',\n    blockInteraction: false,\n  },\n});\n\nconst overlayVariants = cva('absolute inset-0 transition-opacity duration-150', {\n  variants: {\n    visible: {\n      true: 'opacity-100',\n      false: 'opacity-0',\n    },\n    tone: {\n      // 대비감 높은 톤 설정 추후 디자인 시스템에서 추가 되어야함\n      auto: 'bg-black/30 dark:bg-white/10',\n      dark: 'bg-black/50',\n      light: 'bg-white/70',\n      brand: 'bg-primary/20',\n    },\n  },\n  defaultVariants: {\n    visible: true,\n    tone: 'auto',\n  },\n});\n\nconst spinnerVariants = cva(\n  'z-50 shrink-0 animate-spin rounded-full border-elevation-elevation-4 border-t-transparent',\n  {\n    variants: {\n      size: {\n        small: 'size-6 border-2',\n        medium: 'size-9 border-[3px]',\n        large: 'size-12 border-4',\n      },\n    },\n    defaultVariants: {\n      size: 'large',\n    },\n  },\n);\n\n/**\n * 비동기 작업 중 로딩 상태를 표시하는 오버레이 컴포넌트입니다.\n *\n * @example\n * ```tsx\n * // 기본 사용 (전체 화면 고정)\n * <Loading isLoading />\n *\n * // 특정 영역 내 로딩 (absolute 위치)\n * <div style={{ position: 'relative' }}>\n *   <Loading isLoading position=\"absolute\" size=\"small\" />\n * </div>\n * ```\n *\n * @see {@link LoadingProps} props 상세\n */\nconst Loading = forwardRef<HTMLDivElement, LoadingProps>(\n  (\n    {\n      isLoading = true,\n      dim = true,\n      blockInteraction = false,\n      position = 'fixed',\n      size = 'medium',\n      containerClassName,\n      overlayClassName,\n      spinnerClassName,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (!isLoading) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-busy=\"true\"\n        className={cn(\n          containerVariants({ position, blockInteraction }),\n          containerClassName,\n          className,\n        )}\n        {...props}\n      >\n        {/* overlay 항상 존재 (dim 여부로만 표시) */}\n        <div\n          aria-hidden=\"true\"\n          className={cn(overlayVariants({ visible: dim }), overlayClassName)}\n        />\n        {/* 스피너 레이어 */}\n        <div className=\"relative z-50 flex size-full items-center justify-center\">\n          <div className={cn(spinnerVariants({ size }), spinnerClassName)} />\n        </div>\n      </div>\n    );\n  },\n) as LoadingComponent;\n\nLoading.displayName = 'Loading';\n\nexport { Loading };\nexport type { LoadingComponent, LoadingProps };\n"]}

package/dist/chunk-4WAO7CUT.mjs

@@ -1,95 +0,0 @@
-import { cva, cn } from '@exem-ui/core/utils';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { createContext, forwardRef, useContext } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/tabs/Tabs.tsx
-var TabsContext = createContext({ type: "primary" });
-var useTabsContext = () => {
-  const context = useContext(TabsContext);
-  if (!context) {
-    throw new Error("useTabsContext must be used within a TabsProvider");
-  }
-  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 }) })
-);
-Tabs.List = forwardRef(
-  ({ className, ...props }, ref) => {
-    const { type } = useTabsContext();
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(tabsListVariants({ type }), className),
-        ...props
-      }
-    );
-  }
-);
-Tabs.Trigger = forwardRef(
-  ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {
-    const { type } = useTabsContext();
-    return /* @__PURE__ */ jsxs(
-      TabsPrimitive.Trigger,
-      {
-        ref,
-        className: cn(tabsTriggerVariants({ type }), className),
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsx("span", { className: "size-4", children: leftIcon }),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-            children,
-            badge && /* @__PURE__ */ jsx("span", { className: "text-text-tertiary group-data-[state=active]:text-text-accent", children: badge })
-          ] }),
-          rightIcon && /* @__PURE__ */ jsx("span", { className: "size-4", children: rightIcon })
-        ]
-      }
-    );
-  }
-);
-Tabs.Content = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, { ref, className: cn(className), ...props })
-);
-Tabs.displayName = "Tabs";
-Tabs.List.displayName = "Tabs.List";
-Tabs.Trigger.displayName = "Tabs.Trigger";
-Tabs.Content.displayName = "Tabs.Content";
-
-export { Tabs };
-//# sourceMappingURL=chunk-4WAO7CUT.mjs.map
-//# sourceMappingURL=chunk-4WAO7CUT.mjs.map

package/dist/chunk-4WAO7CUT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"chunk-4WAO7CUT.mjs","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 TabsType = 'primary' | 'secondary';\n\ntype TabsContextType = {\n  type: TabsType;\n};\n\ntype TabsRootProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n  /**\n   * 탭 스타일 유형\n   * @default 'primary'\n   */\n  type?: TabsType;\n};\n\ntype TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;\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 = React.ForwardRefExoticComponent<\n  TabsRootProps & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Root>>\n> & {\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// TabsList variants\nconst tabsListVariants = cva('inline-flex items-center', {\n  variants: {\n    type: {\n      primary: 'h-9 gap-5 border-b border-border-primary',\n      secondary: 'h-8 gap-1',\n    },\n  },\n  defaultVariants: {\n    type: 'primary',\n  },\n});\n\n// TabsTrigger variants\nconst tabsTriggerVariants = 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-9 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-8 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: {\n      type: 'primary',\n    },\n  },\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 TabsComponent;\n\nTabs.List = forwardRef<React.ElementRef<typeof TabsPrimitive.List>, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const { type } = useTabsContext();\n    return (\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(tabsListVariants({ type }), className)}\n        {...props}\n      />\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(tabsTriggerVariants({ 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"]}