@exem-ui/react 0.1.0-next.bf3c711

package/dist/badge/index.d.mts

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 배지 스타일 변형
+     * @default 'default'
+     */
+    variant?: 'default' | 'accent';
+    /**
+     * 비활성화 상태
+     * @default false
+     */
+    disabled?: boolean;
+}
+type BadgeComponent = React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * 상태나 카운트를 표시하는 배지 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="accent">3</Badge>
+ * <Badge variant="default" disabled>0</Badge>
+ * ```
+ *
+ * @see {@link BadgeProps} props 상세
+ */
+declare const Badge: BadgeComponent;
+
+export { Badge, type BadgeComponent, type BadgeProps };

package/dist/badge/index.d.ts

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 배지 스타일 변형
+     * @default 'default'
+     */
+    variant?: 'default' | 'accent';
+    /**
+     * 비활성화 상태
+     * @default false
+     */
+    disabled?: boolean;
+}
+type BadgeComponent = React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * 상태나 카운트를 표시하는 배지 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="accent">3</Badge>
+ * <Badge variant="default" disabled>0</Badge>
+ * ```
+ *
+ * @see {@link BadgeProps} props 상세
+ */
+declare const Badge: BadgeComponent;
+
+export { Badge, type BadgeComponent, type BadgeProps };

package/dist/badge/index.js

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

package/dist/badge/index.js.map

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

package/dist/badge/index.mjs

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

package/dist/badge/index.mjs.map

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

package/dist/breadcrumb/index.d.mts

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,13 @@
+'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

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

package/dist/breadcrumb/index.mjs

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

package/dist/breadcrumb/index.mjs.map

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

package/dist/button/index.d.mts

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,29 @@
+'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

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

package/dist/button/index.mjs

@@ -0,0 +1,12 @@
+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

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

package/dist/checkbox/index.d.mts

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,13 @@
+'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

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

package/dist/checkbox/index.mjs

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

package/dist/checkbox/index.mjs.map

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

package/dist/chunk-34QIGWCT.mjs

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,104 @@
+'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

@@ -0,0 +1 @@
+{"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"]}