@exem-ui/react 0.3.4-next.20260622063659 → 0.3.4-next.20260626064107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{FlatTooltip-pntoytv5.d.mts → FlatTooltip-D3Q_tsYX.d.mts} +77 -2
- package/dist/{FlatTooltip-pntoytv5.d.ts → FlatTooltip-D3Q_tsYX.d.ts} +77 -2
- package/dist/{chunk-W3EL2KFL.mjs → chunk-AEGAF7SO.mjs} +118 -5
- package/dist/chunk-AEGAF7SO.mjs.map +1 -0
- package/dist/{chunk-5IMEBC7D.js → chunk-J2A637KG.js} +124 -3
- package/dist/chunk-J2A637KG.js.map +1 -0
- package/dist/flat/index.d.mts +35 -3
- package/dist/flat/index.d.ts +35 -3
- package/dist/flat/index.js +10 -6
- package/dist/flat/index.mjs +1 -1
- package/dist/index.d.mts +29 -3
- package/dist/index.d.ts +29 -3
- package/dist/index.js +169 -27
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +127 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -3
- package/dist/chunk-5IMEBC7D.js.map +0 -1
- package/dist/chunk-W3EL2KFL.mjs.map +0 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { ComponentProps } from 'react';
|
|
4
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
6
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
6
7
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
8
|
import { VariantProps } from '@exem-ui/core/utils';
|
|
8
9
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -66,6 +67,80 @@ type TabsComponent = {
|
|
|
66
67
|
*/
|
|
67
68
|
declare const Tabs: TabsComponent;
|
|
68
69
|
|
|
70
|
+
/**
|
|
71
|
+
* ColorPalette에서 사용할 수 있는 유효 색상 상수.
|
|
72
|
+
* 사용처는 문자열 리터럴 대신 이 상수를 참조해 오타를 방지한다.
|
|
73
|
+
* (프리셋 "팔레트 배열"이 아니라 색 enum — 팔레트는 소비자가 직접 구성한다.)
|
|
74
|
+
*/
|
|
75
|
+
declare const ColorPaletteColors: {
|
|
76
|
+
readonly mono: "mono";
|
|
77
|
+
readonly red: "red";
|
|
78
|
+
readonly orange: "orange";
|
|
79
|
+
readonly amber: "amber";
|
|
80
|
+
readonly yellow: "yellow";
|
|
81
|
+
readonly lime: "lime";
|
|
82
|
+
readonly green: "green";
|
|
83
|
+
readonly emerald: "emerald";
|
|
84
|
+
readonly teal: "teal";
|
|
85
|
+
readonly cyan: "cyan";
|
|
86
|
+
readonly sky: "sky";
|
|
87
|
+
readonly blue: "blue";
|
|
88
|
+
readonly indigo: "indigo";
|
|
89
|
+
readonly violet: "violet";
|
|
90
|
+
readonly purple: "purple";
|
|
91
|
+
readonly fuchsia: "fuchsia";
|
|
92
|
+
readonly pink: "pink";
|
|
93
|
+
readonly rose: "rose";
|
|
94
|
+
};
|
|
95
|
+
type ColorPaletteColor = (typeof ColorPaletteColors)[keyof typeof ColorPaletteColors];
|
|
96
|
+
/** 폴백 기본 색상. */
|
|
97
|
+
declare const DEFAULT_COLOR: ColorPaletteColor;
|
|
98
|
+
/** color가 팔레트에 속하는지 검사하는 타입가드. */
|
|
99
|
+
declare function isInPalette(color: string, palette: readonly ColorPaletteColor[]): color is ColorPaletteColor;
|
|
100
|
+
/**
|
|
101
|
+
* 팔레트에 속하면 해당 색을, 아니면 폴백(palette[0] ?? DEFAULT_COLOR)을 반환.
|
|
102
|
+
* 항상 전달된 팔레트 내 색을 반환한다(팔레트가 비면 DEFAULT_COLOR).
|
|
103
|
+
*/
|
|
104
|
+
declare function getColorPaletteColor(color: string, palette: readonly ColorPaletteColor[]): ColorPaletteColor;
|
|
105
|
+
|
|
106
|
+
type ColorPaletteProps = Omit<React__default.ComponentPropsWithRef<typeof RadioGroupPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange'> & {
|
|
107
|
+
/** 현재 선택된 색상 (controlled). */
|
|
108
|
+
value?: ColorPaletteColor;
|
|
109
|
+
/** 초기 선택 색상 (비제어). */
|
|
110
|
+
defaultValue?: ColorPaletteColor;
|
|
111
|
+
/** 색상 선택 시 호출되는 핸들러. */
|
|
112
|
+
onValueChange?: (value: ColorPaletteColor) => void;
|
|
113
|
+
};
|
|
114
|
+
type ColorPaletteSwatchProps = Omit<React__default.ComponentPropsWithRef<typeof RadioGroupPrimitive.Item>, 'value'> & {
|
|
115
|
+
/** 스와치 색상. `ColorPaletteColors` 상수로 지정. */
|
|
116
|
+
color: ColorPaletteColor;
|
|
117
|
+
};
|
|
118
|
+
/**
|
|
119
|
+
* 프리셋 색상 팔레트에서 색 하나를 선택하는 컴포넌트입니다.
|
|
120
|
+
* Compound Component 패턴으로 `ColorPalette.Swatch`와 함께 사용합니다.
|
|
121
|
+
* 배열만 전달하는 간소화된 API가 필요하면 `@exem-ui/react/flat`의 `FlatColorPalette`를 사용하세요.
|
|
122
|
+
*
|
|
123
|
+
* @example
|
|
124
|
+
* ```tsx
|
|
125
|
+
* <ColorPalette value={color} onValueChange={setColor}>
|
|
126
|
+
* <ColorPalette.Swatch color={ColorPaletteColors.red} />
|
|
127
|
+
* <ColorPalette.Swatch color={ColorPaletteColors.blue} />
|
|
128
|
+
* </ColorPalette>
|
|
129
|
+
* ```
|
|
130
|
+
*
|
|
131
|
+
* @see {@link ColorPaletteProps} 루트 props 상세
|
|
132
|
+
* @see {@link ColorPaletteSwatchProps} 스와치 props 상세
|
|
133
|
+
*/
|
|
134
|
+
declare function ColorPalette({ className, onValueChange, ...props }: ColorPaletteProps): react_jsx_runtime.JSX.Element;
|
|
135
|
+
declare namespace ColorPalette {
|
|
136
|
+
var displayName: string;
|
|
137
|
+
var Swatch: typeof ColorPaletteSwatch;
|
|
138
|
+
}
|
|
139
|
+
declare function ColorPaletteSwatch({ color, className, children, ...props }: ColorPaletteSwatchProps): react_jsx_runtime.JSX.Element;
|
|
140
|
+
declare namespace ColorPaletteSwatch {
|
|
141
|
+
var displayName: string;
|
|
142
|
+
}
|
|
143
|
+
|
|
69
144
|
type SegmentSize = 'small' | 'medium' | 'large';
|
|
70
145
|
type SegmentListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
71
146
|
type SegmentItemProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
|
|
@@ -308,4 +383,4 @@ declare namespace ConditionalTooltip {
|
|
|
308
383
|
var displayName: string;
|
|
309
384
|
}
|
|
310
385
|
|
|
311
|
-
export { type
|
|
386
|
+
export { type TooltipDescriptionProps as A, type TooltipProviderProps as B, type ColorPaletteColor as C, type TooltipRootProps as D, type TooltipTitleProps as E, type TooltipTriggerProps as F, type ColorPaletteProps as G, type ColorPaletteSwatchProps as H, type Icon as I, ColorPalette as J, ColorPaletteColors as K, DEFAULT_COLOR as L, getColorPaletteColor as M, isInPalette as N, type ConditionalTooltipProps as O, type FlatTooltipProps as P, type TooltipConfig as Q, FlatTooltip as R, type Size as S, Tabs as T, type Variant as V, ConditionalTooltip as a, type TabsComponent as b, type TabsContentProps as c, type TabsListProps as d, type TabsRootProps as e, type TabsTriggerProps as f, Select as g, type SelectBoxProps as h, type SelectComponent as i, type SelectDescriptionProps as j, type SelectEmptyProps as k, type SelectGroupProps as l, type SelectItemProps as m, type SelectLabelProps as n, type SelectListProps as o, type SelectRootProps as p, type SelectTriggerProps as q, Segment as r, type SegmentComponent as s, type SegmentContentProps as t, type SegmentItemProps as u, type SegmentListProps as v, type SegmentRootProps as w, Tooltip as x, type TooltipComponent as y, type TooltipContentProps as z };
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { ComponentProps } from 'react';
|
|
4
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
6
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
6
7
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
8
|
import { VariantProps } from '@exem-ui/core/utils';
|
|
8
9
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -66,6 +67,80 @@ type TabsComponent = {
|
|
|
66
67
|
*/
|
|
67
68
|
declare const Tabs: TabsComponent;
|
|
68
69
|
|
|
70
|
+
/**
|
|
71
|
+
* ColorPalette에서 사용할 수 있는 유효 색상 상수.
|
|
72
|
+
* 사용처는 문자열 리터럴 대신 이 상수를 참조해 오타를 방지한다.
|
|
73
|
+
* (프리셋 "팔레트 배열"이 아니라 색 enum — 팔레트는 소비자가 직접 구성한다.)
|
|
74
|
+
*/
|
|
75
|
+
declare const ColorPaletteColors: {
|
|
76
|
+
readonly mono: "mono";
|
|
77
|
+
readonly red: "red";
|
|
78
|
+
readonly orange: "orange";
|
|
79
|
+
readonly amber: "amber";
|
|
80
|
+
readonly yellow: "yellow";
|
|
81
|
+
readonly lime: "lime";
|
|
82
|
+
readonly green: "green";
|
|
83
|
+
readonly emerald: "emerald";
|
|
84
|
+
readonly teal: "teal";
|
|
85
|
+
readonly cyan: "cyan";
|
|
86
|
+
readonly sky: "sky";
|
|
87
|
+
readonly blue: "blue";
|
|
88
|
+
readonly indigo: "indigo";
|
|
89
|
+
readonly violet: "violet";
|
|
90
|
+
readonly purple: "purple";
|
|
91
|
+
readonly fuchsia: "fuchsia";
|
|
92
|
+
readonly pink: "pink";
|
|
93
|
+
readonly rose: "rose";
|
|
94
|
+
};
|
|
95
|
+
type ColorPaletteColor = (typeof ColorPaletteColors)[keyof typeof ColorPaletteColors];
|
|
96
|
+
/** 폴백 기본 색상. */
|
|
97
|
+
declare const DEFAULT_COLOR: ColorPaletteColor;
|
|
98
|
+
/** color가 팔레트에 속하는지 검사하는 타입가드. */
|
|
99
|
+
declare function isInPalette(color: string, palette: readonly ColorPaletteColor[]): color is ColorPaletteColor;
|
|
100
|
+
/**
|
|
101
|
+
* 팔레트에 속하면 해당 색을, 아니면 폴백(palette[0] ?? DEFAULT_COLOR)을 반환.
|
|
102
|
+
* 항상 전달된 팔레트 내 색을 반환한다(팔레트가 비면 DEFAULT_COLOR).
|
|
103
|
+
*/
|
|
104
|
+
declare function getColorPaletteColor(color: string, palette: readonly ColorPaletteColor[]): ColorPaletteColor;
|
|
105
|
+
|
|
106
|
+
type ColorPaletteProps = Omit<React__default.ComponentPropsWithRef<typeof RadioGroupPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange'> & {
|
|
107
|
+
/** 현재 선택된 색상 (controlled). */
|
|
108
|
+
value?: ColorPaletteColor;
|
|
109
|
+
/** 초기 선택 색상 (비제어). */
|
|
110
|
+
defaultValue?: ColorPaletteColor;
|
|
111
|
+
/** 색상 선택 시 호출되는 핸들러. */
|
|
112
|
+
onValueChange?: (value: ColorPaletteColor) => void;
|
|
113
|
+
};
|
|
114
|
+
type ColorPaletteSwatchProps = Omit<React__default.ComponentPropsWithRef<typeof RadioGroupPrimitive.Item>, 'value'> & {
|
|
115
|
+
/** 스와치 색상. `ColorPaletteColors` 상수로 지정. */
|
|
116
|
+
color: ColorPaletteColor;
|
|
117
|
+
};
|
|
118
|
+
/**
|
|
119
|
+
* 프리셋 색상 팔레트에서 색 하나를 선택하는 컴포넌트입니다.
|
|
120
|
+
* Compound Component 패턴으로 `ColorPalette.Swatch`와 함께 사용합니다.
|
|
121
|
+
* 배열만 전달하는 간소화된 API가 필요하면 `@exem-ui/react/flat`의 `FlatColorPalette`를 사용하세요.
|
|
122
|
+
*
|
|
123
|
+
* @example
|
|
124
|
+
* ```tsx
|
|
125
|
+
* <ColorPalette value={color} onValueChange={setColor}>
|
|
126
|
+
* <ColorPalette.Swatch color={ColorPaletteColors.red} />
|
|
127
|
+
* <ColorPalette.Swatch color={ColorPaletteColors.blue} />
|
|
128
|
+
* </ColorPalette>
|
|
129
|
+
* ```
|
|
130
|
+
*
|
|
131
|
+
* @see {@link ColorPaletteProps} 루트 props 상세
|
|
132
|
+
* @see {@link ColorPaletteSwatchProps} 스와치 props 상세
|
|
133
|
+
*/
|
|
134
|
+
declare function ColorPalette({ className, onValueChange, ...props }: ColorPaletteProps): react_jsx_runtime.JSX.Element;
|
|
135
|
+
declare namespace ColorPalette {
|
|
136
|
+
var displayName: string;
|
|
137
|
+
var Swatch: typeof ColorPaletteSwatch;
|
|
138
|
+
}
|
|
139
|
+
declare function ColorPaletteSwatch({ color, className, children, ...props }: ColorPaletteSwatchProps): react_jsx_runtime.JSX.Element;
|
|
140
|
+
declare namespace ColorPaletteSwatch {
|
|
141
|
+
var displayName: string;
|
|
142
|
+
}
|
|
143
|
+
|
|
69
144
|
type SegmentSize = 'small' | 'medium' | 'large';
|
|
70
145
|
type SegmentListProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
71
146
|
type SegmentItemProps = React__default.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
|
|
@@ -308,4 +383,4 @@ declare namespace ConditionalTooltip {
|
|
|
308
383
|
var displayName: string;
|
|
309
384
|
}
|
|
310
385
|
|
|
311
|
-
export { type
|
|
386
|
+
export { type TooltipDescriptionProps as A, type TooltipProviderProps as B, type ColorPaletteColor as C, type TooltipRootProps as D, type TooltipTitleProps as E, type TooltipTriggerProps as F, type ColorPaletteProps as G, type ColorPaletteSwatchProps as H, type Icon as I, ColorPalette as J, ColorPaletteColors as K, DEFAULT_COLOR as L, getColorPaletteColor as M, isInPalette as N, type ConditionalTooltipProps as O, type FlatTooltipProps as P, type TooltipConfig as Q, FlatTooltip as R, type Size as S, Tabs as T, type Variant as V, ConditionalTooltip as a, type TabsComponent as b, type TabsContentProps as c, type TabsListProps as d, type TabsRootProps as e, type TabsTriggerProps as f, Select as g, type SelectBoxProps as h, type SelectComponent as i, type SelectDescriptionProps as j, type SelectEmptyProps as k, type SelectGroupProps as l, type SelectItemProps as m, type SelectLabelProps as n, type SelectListProps as o, type SelectRootProps as p, type SelectTriggerProps as q, Segment as r, type SegmentComponent as s, type SegmentContentProps as t, type SegmentItemProps as u, type SegmentListProps as v, type SegmentRootProps as w, Tooltip as x, type TooltipComponent as y, type TooltipContentProps as z };
|
|
@@ -1,12 +1,125 @@
|
|
|
1
|
-
import { ChevronDown } from './chunk-HV6LIYRO.mjs';
|
|
1
|
+
import { ChevronDown, Check } from './chunk-HV6LIYRO.mjs';
|
|
2
2
|
import { cva, cn } from '@exem-ui/core/utils';
|
|
3
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
4
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
5
|
import * as TabsPrimitive2 from '@radix-ui/react-tabs';
|
|
4
6
|
import * as React from 'react';
|
|
5
7
|
import { createContext, forwardRef, useId, useContext, createElement, useRef, useState } from 'react';
|
|
6
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
8
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
8
9
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
9
10
|
|
|
11
|
+
var colorPaletteColorClasses = {
|
|
12
|
+
mono: { background: "bg-mono-dark", text: "text-mono-dark" },
|
|
13
|
+
red: { background: "bg-red-05", text: "text-red-05" },
|
|
14
|
+
orange: { background: "bg-orange-05", text: "text-orange-05" },
|
|
15
|
+
amber: { background: "bg-amber-05", text: "text-amber-05" },
|
|
16
|
+
yellow: { background: "bg-yellow-05", text: "text-yellow-05" },
|
|
17
|
+
lime: { background: "bg-lime-05", text: "text-lime-05" },
|
|
18
|
+
green: { background: "bg-green-05", text: "text-green-05" },
|
|
19
|
+
emerald: { background: "bg-emerald-05", text: "text-emerald-05" },
|
|
20
|
+
teal: { background: "bg-teal-05", text: "text-teal-05" },
|
|
21
|
+
cyan: { background: "bg-cyan-05", text: "text-cyan-05" },
|
|
22
|
+
sky: { background: "bg-sky-05", text: "text-sky-05" },
|
|
23
|
+
blue: { background: "bg-blue-05", text: "text-blue-05" },
|
|
24
|
+
indigo: { background: "bg-indigo-05", text: "text-indigo-05" },
|
|
25
|
+
violet: { background: "bg-violet-05", text: "text-violet-05" },
|
|
26
|
+
purple: { background: "bg-purple-05", text: "text-purple-05" },
|
|
27
|
+
fuchsia: { background: "bg-fuchsia-05", text: "text-fuchsia-05" },
|
|
28
|
+
pink: { background: "bg-pink-05", text: "text-pink-05" },
|
|
29
|
+
rose: { background: "bg-rose-05", text: "text-rose-05" }
|
|
30
|
+
};
|
|
31
|
+
var colorItemVariants = cva(
|
|
32
|
+
"flex size-6 items-center justify-center rounded-medium outline-none hover:[outline:3px_solid_#00A6F44D] focus-visible:[outline:3px_solid_#00A6F44D] disabled:opacity-20 disabled:cursor-not-allowed disabled:hover:outline-none",
|
|
33
|
+
{
|
|
34
|
+
variants: {
|
|
35
|
+
color: {
|
|
36
|
+
mono: colorPaletteColorClasses.mono.background,
|
|
37
|
+
red: colorPaletteColorClasses.red.background,
|
|
38
|
+
orange: colorPaletteColorClasses.orange.background,
|
|
39
|
+
amber: colorPaletteColorClasses.amber.background,
|
|
40
|
+
yellow: colorPaletteColorClasses.yellow.background,
|
|
41
|
+
lime: colorPaletteColorClasses.lime.background,
|
|
42
|
+
green: colorPaletteColorClasses.green.background,
|
|
43
|
+
emerald: colorPaletteColorClasses.emerald.background,
|
|
44
|
+
teal: colorPaletteColorClasses.teal.background,
|
|
45
|
+
cyan: colorPaletteColorClasses.cyan.background,
|
|
46
|
+
sky: colorPaletteColorClasses.sky.background,
|
|
47
|
+
blue: colorPaletteColorClasses.blue.background,
|
|
48
|
+
indigo: colorPaletteColorClasses.indigo.background,
|
|
49
|
+
violet: colorPaletteColorClasses.violet.background,
|
|
50
|
+
purple: colorPaletteColorClasses.purple.background,
|
|
51
|
+
fuchsia: colorPaletteColorClasses.fuchsia.background,
|
|
52
|
+
pink: colorPaletteColorClasses.pink.background,
|
|
53
|
+
rose: colorPaletteColorClasses.rose.background
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
function ColorPalette({ className, onValueChange, ...props }) {
|
|
59
|
+
return /* @__PURE__ */ jsx(
|
|
60
|
+
RadioGroupPrimitive.Root,
|
|
61
|
+
{
|
|
62
|
+
className: cn("flex flex-wrap gap-2", className),
|
|
63
|
+
onValueChange,
|
|
64
|
+
...props
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
function ColorPaletteSwatch({ color, className, children, ...props }) {
|
|
69
|
+
return /* @__PURE__ */ jsx(
|
|
70
|
+
RadioGroupPrimitive.Item,
|
|
71
|
+
{
|
|
72
|
+
value: color,
|
|
73
|
+
"aria-label": color,
|
|
74
|
+
className: cn(colorItemVariants({ color }), className),
|
|
75
|
+
...props,
|
|
76
|
+
children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { children: children ?? /* @__PURE__ */ jsx(Check, { className: "size-5 text-icon-static-light" }) })
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
ColorPalette.displayName = "ColorPalette";
|
|
81
|
+
ColorPaletteSwatch.displayName = "ColorPalette.Swatch";
|
|
82
|
+
ColorPalette.Swatch = ColorPaletteSwatch;
|
|
83
|
+
|
|
84
|
+
// src/picker/color-palette/colorPaletteUtils.ts
|
|
85
|
+
var ColorPaletteColors = {
|
|
86
|
+
mono: "mono",
|
|
87
|
+
red: "red",
|
|
88
|
+
orange: "orange",
|
|
89
|
+
amber: "amber",
|
|
90
|
+
yellow: "yellow",
|
|
91
|
+
lime: "lime",
|
|
92
|
+
green: "green",
|
|
93
|
+
emerald: "emerald",
|
|
94
|
+
teal: "teal",
|
|
95
|
+
cyan: "cyan",
|
|
96
|
+
sky: "sky",
|
|
97
|
+
blue: "blue",
|
|
98
|
+
indigo: "indigo",
|
|
99
|
+
violet: "violet",
|
|
100
|
+
purple: "purple",
|
|
101
|
+
fuchsia: "fuchsia",
|
|
102
|
+
pink: "pink",
|
|
103
|
+
rose: "rose"
|
|
104
|
+
};
|
|
105
|
+
var DEFAULT_COLOR = ColorPaletteColors.mono;
|
|
106
|
+
function isInPalette(color, palette) {
|
|
107
|
+
return palette.includes(color);
|
|
108
|
+
}
|
|
109
|
+
function getColorPaletteColor(color, palette) {
|
|
110
|
+
if (isInPalette(color, palette)) {
|
|
111
|
+
return color;
|
|
112
|
+
}
|
|
113
|
+
return palette[0] ?? DEFAULT_COLOR;
|
|
114
|
+
}
|
|
115
|
+
function FlatColorPalette({
|
|
116
|
+
palette,
|
|
117
|
+
...props
|
|
118
|
+
}) {
|
|
119
|
+
const rootProps = props;
|
|
120
|
+
return /* @__PURE__ */ jsx(ColorPalette, { ...rootProps, children: palette.map((color) => /* @__PURE__ */ jsx(ColorPalette.Swatch, { color }, color)) });
|
|
121
|
+
}
|
|
122
|
+
FlatColorPalette.displayName = "FlatColorPalette";
|
|
10
123
|
var segmentListVariants = cva(
|
|
11
124
|
"inline-flex items-center overflow-hidden rounded-medium bg-elevation-elevation-2",
|
|
12
125
|
{
|
|
@@ -795,6 +908,6 @@ function ConditionalTooltip({ children, tooltip }) {
|
|
|
795
908
|
FlatTooltip.displayName = "FlatTooltip";
|
|
796
909
|
ConditionalTooltip.displayName = "ConditionalTooltip";
|
|
797
910
|
|
|
798
|
-
export { ConditionalTooltip, FlatSegment, FlatSelect, FlatTabs, FlatTooltip, Segment, Select, Tabs, Tooltip, commonInputVariants, overlayListVariants };
|
|
799
|
-
//# sourceMappingURL=chunk-
|
|
800
|
-
//# sourceMappingURL=chunk-
|
|
911
|
+
export { ColorPalette, ColorPaletteColors, ConditionalTooltip, DEFAULT_COLOR, FlatColorPalette, FlatSegment, FlatSelect, FlatTabs, FlatTooltip, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, commonInputVariants, getColorPaletteColor, isInPalette, overlayListVariants };
|
|
912
|
+
//# sourceMappingURL=chunk-AEGAF7SO.mjs.map
|
|
913
|
+
//# sourceMappingURL=chunk-AEGAF7SO.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/picker/color-palette/colorPaletteVariants.ts","../src/picker/color-palette/ColorPalette.tsx","../src/picker/color-palette/colorPaletteUtils.ts","../src/flat/FlatColorPalette.tsx","../src/segment/Segment.tsx","../src/flat/FlatSegment.tsx","../src/overlayList/overlayListVariants.ts","../src/input/inputVariants.ts","../src/input/selectVariants.ts","../src/input/Select.tsx","../src/flat/FlatSelect.tsx","../src/tabs/tabsVariants.ts","../src/tabs/Tabs.tsx","../src/flat/FlatTabs.tsx","../src/tooltip/Tooltip.tsx","../src/flat/FlatTooltip.tsx"],"names":["jsx","cva","TabsPrimitive","cn","createContext","useContext","forwardRef","jsxs"],"mappings":"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","file":"chunk-AEGAF7SO.mjs","sourcesContent":["import { cva } from '@exem-ui/core/utils';\nimport type { ColorPaletteColor } from './colorPaletteUtils';\n\n/** 색 이름 → Tailwind 토큰 class 매핑(배경/텍스트). 컴포넌트 내부 및 소비자용. */\nexport const colorPaletteColorClasses: Record<\n ColorPaletteColor,\n { background: string; text: string }\n> = {\n mono: { background: 'bg-mono-dark', text: 'text-mono-dark' },\n red: { background: 'bg-red-05', text: 'text-red-05' },\n orange: { background: 'bg-orange-05', text: 'text-orange-05' },\n amber: { background: 'bg-amber-05', text: 'text-amber-05' },\n yellow: { background: 'bg-yellow-05', text: 'text-yellow-05' },\n lime: { background: 'bg-lime-05', text: 'text-lime-05' },\n green: { background: 'bg-green-05', text: 'text-green-05' },\n emerald: { background: 'bg-emerald-05', text: 'text-emerald-05' },\n teal: { background: 'bg-teal-05', text: 'text-teal-05' },\n cyan: { background: 'bg-cyan-05', text: 'text-cyan-05' },\n sky: { background: 'bg-sky-05', text: 'text-sky-05' },\n blue: { background: 'bg-blue-05', text: 'text-blue-05' },\n indigo: { background: 'bg-indigo-05', text: 'text-indigo-05' },\n violet: { background: 'bg-violet-05', text: 'text-violet-05' },\n purple: { background: 'bg-purple-05', text: 'text-purple-05' },\n fuchsia: { background: 'bg-fuchsia-05', text: 'text-fuchsia-05' },\n pink: { background: 'bg-pink-05', text: 'text-pink-05' },\n rose: { background: 'bg-rose-05', text: 'text-rose-05' },\n};\n\nexport const colorItemVariants = cva(\n 'flex size-6 items-center justify-center rounded-medium outline-none hover:[outline:3px_solid_#00A6F44D] focus-visible:[outline:3px_solid_#00A6F44D] disabled:opacity-20 disabled:cursor-not-allowed disabled:hover:outline-none',\n {\n variants: {\n color: {\n mono: colorPaletteColorClasses.mono.background,\n red: colorPaletteColorClasses.red.background,\n orange: colorPaletteColorClasses.orange.background,\n amber: colorPaletteColorClasses.amber.background,\n yellow: colorPaletteColorClasses.yellow.background,\n lime: colorPaletteColorClasses.lime.background,\n green: colorPaletteColorClasses.green.background,\n emerald: colorPaletteColorClasses.emerald.background,\n teal: colorPaletteColorClasses.teal.background,\n cyan: colorPaletteColorClasses.cyan.background,\n sky: colorPaletteColorClasses.sky.background,\n blue: colorPaletteColorClasses.blue.background,\n indigo: colorPaletteColorClasses.indigo.background,\n violet: colorPaletteColorClasses.violet.background,\n purple: colorPaletteColorClasses.purple.background,\n fuchsia: colorPaletteColorClasses.fuchsia.background,\n pink: colorPaletteColorClasses.pink.background,\n rose: colorPaletteColorClasses.rose.background,\n },\n },\n },\n);\n","import { cn } from '@exem-ui/core/utils';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type React from 'react';\nimport { CheckIcon } from '../../icon';\nimport type { ColorPaletteColor } from './colorPaletteUtils';\nimport { colorItemVariants } from './colorPaletteVariants';\n\ntype ColorPaletteProps = Omit<\n React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Root>,\n 'value' | 'defaultValue' | 'onValueChange'\n> & {\n /** 현재 선택된 색상 (controlled). */\n value?: ColorPaletteColor;\n /** 초기 선택 색상 (비제어). */\n defaultValue?: ColorPaletteColor;\n /** 색상 선택 시 호출되는 핸들러. */\n onValueChange?: (value: ColorPaletteColor) => void;\n};\n\ntype ColorPaletteSwatchProps = Omit<\n React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Item>,\n 'value'\n> & {\n /** 스와치 색상. `ColorPaletteColors` 상수로 지정. */\n color: ColorPaletteColor;\n};\n\n/**\n * 프리셋 색상 팔레트에서 색 하나를 선택하는 컴포넌트입니다.\n * Compound Component 패턴으로 `ColorPalette.Swatch`와 함께 사용합니다.\n * 배열만 전달하는 간소화된 API가 필요하면 `@exem-ui/react/flat`의 `FlatColorPalette`를 사용하세요.\n *\n * @example\n * ```tsx\n * <ColorPalette value={color} onValueChange={setColor}>\n * <ColorPalette.Swatch color={ColorPaletteColors.red} />\n * <ColorPalette.Swatch color={ColorPaletteColors.blue} />\n * </ColorPalette>\n * ```\n *\n * @see {@link ColorPaletteProps} 루트 props 상세\n * @see {@link ColorPaletteSwatchProps} 스와치 props 상세\n */\nfunction ColorPalette({ className, onValueChange, ...props }: ColorPaletteProps) {\n return (\n <RadioGroupPrimitive.Root\n className={cn('flex flex-wrap gap-2', className)}\n onValueChange={onValueChange}\n {...props}\n />\n );\n}\n\nfunction ColorPaletteSwatch({ color, className, children, ...props }: ColorPaletteSwatchProps) {\n return (\n <RadioGroupPrimitive.Item\n value={color}\n aria-label={color}\n className={cn(colorItemVariants({ color }), className)}\n {...props}\n >\n <RadioGroupPrimitive.Indicator>\n {children ?? <CheckIcon className=\"size-5 text-icon-static-light\" />}\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n );\n}\n\nColorPalette.displayName = 'ColorPalette';\nColorPaletteSwatch.displayName = 'ColorPalette.Swatch';\n\nColorPalette.Swatch = ColorPaletteSwatch;\n\nexport { ColorPalette };\nexport type { ColorPaletteProps, ColorPaletteSwatchProps };\n","/**\n * ColorPalette에서 사용할 수 있는 유효 색상 상수.\n * 사용처는 문자열 리터럴 대신 이 상수를 참조해 오타를 방지한다.\n * (프리셋 \"팔레트 배열\"이 아니라 색 enum — 팔레트는 소비자가 직접 구성한다.)\n */\nexport const ColorPaletteColors = {\n mono: 'mono',\n red: 'red',\n orange: 'orange',\n amber: 'amber',\n yellow: 'yellow',\n lime: 'lime',\n green: 'green',\n emerald: 'emerald',\n teal: 'teal',\n cyan: 'cyan',\n sky: 'sky',\n blue: 'blue',\n indigo: 'indigo',\n violet: 'violet',\n purple: 'purple',\n fuchsia: 'fuchsia',\n pink: 'pink',\n rose: 'rose',\n} as const;\n\nexport type ColorPaletteColor = (typeof ColorPaletteColors)[keyof typeof ColorPaletteColors];\n\n/** 폴백 기본 색상. */\nexport const DEFAULT_COLOR: ColorPaletteColor = ColorPaletteColors.mono;\n\n/** color가 팔레트에 속하는지 검사하는 타입가드. */\nexport function isInPalette(\n color: string,\n palette: readonly ColorPaletteColor[],\n): color is ColorPaletteColor {\n return (palette as readonly string[]).includes(color);\n}\n\n/**\n * 팔레트에 속하면 해당 색을, 아니면 폴백(palette[0] ?? DEFAULT_COLOR)을 반환.\n * 항상 전달된 팔레트 내 색을 반환한다(팔레트가 비면 DEFAULT_COLOR).\n */\nexport function getColorPaletteColor(\n color: string,\n palette: readonly ColorPaletteColor[],\n): ColorPaletteColor {\n if (isInPalette(color, palette)) {\n return color;\n }\n return palette[0] ?? DEFAULT_COLOR;\n}\n","import {\n ColorPalette,\n type ColorPaletteColor,\n type ColorPaletteProps,\n} from '../picker/color-palette';\n\ntype FlatColorPaletteProps<P extends readonly ColorPaletteColor[] = readonly ColorPaletteColor[]> =\n Omit<ColorPaletteProps, 'value' | 'defaultValue' | 'onValueChange' | 'children'> & {\n /** 표시할 색상 팔레트. 소비자가 직접 구성하며 `ColorPaletteColors` 상수로 작성하면 오타가 잡힙니다. */\n palette: P;\n /** 현재 선택된 색상 (controlled). palette에 없는 값은 컴파일 에러. */\n value?: P[number];\n /** 초기 선택 색상 (비제어). */\n defaultValue?: P[number];\n /** 색상 선택 시 호출되는 핸들러. value 타입은 palette에서 추론됩니다. */\n onValueChange?: (value: P[number]) => void;\n };\n\n/**\n * ColorPalette 컴포넌트의 간소화된 Flat API입니다.\n * palette 배열만 전달하면 Compound Component 없이 스와치 그리드를 구성합니다.\n * palette의 값으로부터 타입이 추론되어, value/onValueChange의 오타가 컴파일 단계에서 잡힙니다.\n *\n * @example\n * ```tsx\n * <FlatColorPalette\n * palette={[ColorPaletteColors.blue, ColorPaletteColors.sky, ColorPaletteColors.rose]}\n * value={color}\n * onValueChange={setColor}\n * />\n * ```\n *\n * @see {@link FlatColorPaletteProps} props 상세\n */\nfunction FlatColorPalette<const P extends readonly ColorPaletteColor[]>({\n palette,\n ...props\n}: FlatColorPaletteProps<P>) {\n const rootProps = props as ColorPaletteProps;\n return (\n <ColorPalette {...rootProps}>\n {palette.map((color) => (\n <ColorPalette.Swatch key={color} color={color} />\n ))}\n </ColorPalette>\n );\n}\n\nFlatColorPalette.displayName = 'FlatColorPalette';\n\nexport { FlatColorPalette };\nexport type { FlatColorPaletteProps };\n","import { cn, cva } from '@exem-ui/core/utils';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type React from 'react';\nimport { createContext, forwardRef, useContext } from 'react';\n\ntype SegmentSize = 'small' | 'medium' | 'large';\n\ntype SegmentContextValue = {\n size: SegmentSize;\n};\n\ntype SegmentListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;\n\ntype SegmentItemProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {\n /** 텍스트 왼쪽에 표시할 아이콘 요소 */\n leftIcon?: React.ReactElement<{ className?: string }>;\n};\n\ntype SegmentContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\ntype SegmentRootProps<T extends string = string> = Omit<\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n 'value' | 'defaultValue' | 'onValueChange'\n> & {\n /**\n * 세그먼트 크기\n * @default 'medium'\n */\n size?: SegmentSize;\n value?: T;\n defaultValue?: T;\n onValueChange?: (value: T) => void;\n};\n\ntype SegmentComponent = {\n <T extends string = string>(\n props: SegmentRootProps<T> & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Root>>,\n ): React.ReactElement | null;\n displayName?: string;\n List: React.ForwardRefExoticComponent<SegmentListProps>;\n Item: React.ForwardRefExoticComponent<SegmentItemProps>;\n Content: React.ForwardRefExoticComponent<SegmentContentProps>;\n};\n\nconst segmentListVariants = cva(\n 'inline-flex items-center overflow-hidden rounded-medium bg-elevation-elevation-2',\n {\n variants: {\n size: {\n small: 'h-7 gap-0 p-0.5',\n medium: 'h-8 gap-0 p-0.5',\n large: 'h-10 gap-0 p-0.5',\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n },\n);\n\nconst segmentItemVariants = cva(\n [\n 'flex flex-1 items-center justify-center rounded-weak',\n 'focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring',\n 'disabled:cursor-not-allowed',\n 'data-[state=active]:bg-component-segmentedOption data-[state=active]:text-text-primary data-[state=active]:shadow-weak',\n 'data-[state=inactive]:text-text-tertiary data-[state=inactive]:disabled:text-text-disabled',\n 'transition-colors duration-200 ease-in-out',\n ],\n {\n variants: {\n size: {\n small: 'h-6 gap-0.5 text-body-3 font-medium',\n medium: 'h-7 gap-1 text-body-2 font-medium',\n large: 'h-9 gap-1.5 text-body-2 font-medium',\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n },\n);\n\nconst segmentIconVariants = cva('flex items-center justify-center', {\n variants: {\n size: {\n small: 'size-4',\n medium: 'size-4',\n large: 'size-5',\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nconst SegmentContext = createContext<SegmentContextValue | undefined>(undefined);\n\nconst useSegmentContext = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('Segment components must be used within a Segment');\n }\n return context;\n};\n\n/**\n * 탭 형태의 세그먼트 컨트롤 컴포넌트입니다.\n * Compound Component 패턴으로 `Segment.List`, `Segment.Item`, `Segment.Content`와 함께 사용합니다.\n *\n * @example\n * ```tsx\n * <Segment defaultValue=\"tab1\" size=\"medium\">\n * <Segment.List>\n * <Segment.Item value=\"tab1\">첫 번째</Segment.Item>\n * <Segment.Item value=\"tab2\">두 번째</Segment.Item>\n * </Segment.List>\n * <Segment.Content value=\"tab1\">첫 번째 내용</Segment.Content>\n * <Segment.Content value=\"tab2\">두 번째 내용</Segment.Content>\n * </Segment>\n * ```\n *\n * @see {@link SegmentRootProps} 루트 props 상세\n * @see {@link SegmentItemProps} 아이템 props 상세\n */\nconst Segment = forwardRef<React.ElementRef<typeof TabsPrimitive.Root>, SegmentRootProps>(\n ({ size = 'medium', children, ...props }, ref) => (\n <SegmentContext.Provider value={{ size }}>\n <TabsPrimitive.Root ref={ref} {...props}>\n {children}\n </TabsPrimitive.Root>\n </SegmentContext.Provider>\n ),\n) as unknown as SegmentComponent;\n\nSegment.List = forwardRef<React.ElementRef<typeof TabsPrimitive.List>, SegmentListProps>(\n ({ className, ...props }, ref) => {\n const { size } = useSegmentContext();\n return (\n <TabsPrimitive.List\n ref={ref}\n className={cn(segmentListVariants({ size }), className)}\n {...props}\n />\n );\n },\n) as SegmentComponent['List'];\n\nSegment.Item = forwardRef<React.ElementRef<typeof TabsPrimitive.Trigger>, SegmentItemProps>(\n ({ className, leftIcon, children, ...props }, ref) => {\n const { size } = useSegmentContext();\n\n return (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(segmentItemVariants({ size }), className)}\n {...props}\n >\n {leftIcon && <span className={cn(segmentIconVariants({ size }))}>{leftIcon}</span>}\n <span className=\"flex items-center\">{children}</span>\n </TabsPrimitive.Trigger>\n );\n },\n) as SegmentComponent['Item'];\n\nSegment.Content = forwardRef<React.ElementRef<typeof TabsPrimitive.Content>, SegmentContentProps>(\n ({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n 'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n className,\n )}\n {...props}\n />\n ),\n) as SegmentComponent['Content'];\n\nSegment.displayName = 'Segment';\nSegment.List.displayName = 'Segment.List';\nSegment.Content.displayName = 'Segment.Content';\nSegment.Item.displayName = 'Segment.Item';\n\nexport { Segment };\nexport type {\n SegmentComponent,\n SegmentRootProps,\n SegmentItemProps,\n SegmentContentProps,\n SegmentListProps,\n};\n","import { Segment, type SegmentItemProps, type SegmentRootProps } from '../segment/Segment';\n\ntype FlatSegmentItem<V extends string = string> = Pick<\n SegmentItemProps,\n 'children' | 'disabled' | 'leftIcon' | 'className'\n> & {\n value: V;\n};\n\ntype FlatSegmentProps<Items extends readonly FlatSegmentItem[] = readonly FlatSegmentItem[]> = Omit<\n SegmentRootProps,\n 'children' | 'asChild' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n /** 세그먼트 아이템 배열 */\n items: Items;\n value?: Items[number]['value'];\n defaultValue?: Items[number]['value'];\n onValueChange?: (value: Items[number]['value']) => void;\n /**\n * 전체 비활성화 여부 (개별 아이템의 disabled와 OR 결합)\n * @default false\n */\n disabled?: boolean;\n};\n\n/**\n * Segment 컴포넌트의 간소화된 Flat API입니다.\n * items 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.\n * items 의 value 로부터 타입이 추론되어, value/onValueChange 의 오타가 컴파일 단계에서 잡힙니다.\n *\n * @example\n * ```tsx\n * <FlatSegment\n * defaultValue=\"tab1\"\n * size=\"medium\"\n * items={[\n * { value: 'tab1', children: '첫 번째' },\n * { value: 'tab2', children: '두 번째' },\n * ]}\n * />\n * ```\n *\n * @see {@link FlatSegmentProps} props 상세\n */\nfunction FlatSegment<const Items extends readonly FlatSegmentItem[]>({\n items,\n disabled,\n className,\n ...props\n}: FlatSegmentProps<Items>) {\n const rootProps = props as SegmentRootProps<Items[number]['value']>;\n return (\n <Segment {...rootProps}>\n <Segment.List className={className}>\n {items.map((item) => (\n <Segment.Item {...item} key={item.value} disabled={disabled || item.disabled} />\n ))}\n </Segment.List>\n </Segment>\n );\n}\n\nFlatSegment.displayName = 'FlatSegment';\n\nexport { FlatSegment };\nexport type { FlatSegmentProps, FlatSegmentItem };\n","import { cn, cva } from '@exem-ui/core/utils';\n\n/**\n * 오버레이 형태로 표시되는 리스트 UI의 공통 스타일 변형(variants)을 정의합니다.\n *\n * Select, Dropdown 등 팝업/드롭다운 형태의 리스트 컴포넌트에서 공통으로 사용되는\n * 기반 스타일 레이어입니다. 각 컴포넌트는 이 variants를 확장하거나 재사용해\n * 자체 스타일을 구성합니다.\n *\n * @example 사용처\n * - `selectVariants.ts` — Select 컴포넌트의 드롭다운 리스트\n * - `dropdownVariants.ts` — Dropdown 컴포넌트의 메뉴 리스트\n *\n * @property content - 오버레이 컨테이너 (z-index, 배경, 테두리, 그림자, 열기/닫기 애니메이션)\n * @property viewport - 아이템 목록 래퍼 (flex 컬럼, 간격, 패딩)\n * @property item - 개별 리스트 아이템 (크기 variant: xsmall | small | medium | large)\n * @property slotSize - 아이콘/체크마크 등 슬롯 영역 크기 (size variant에 따라 조정)\n */\nexport const overlayListVariants = {\n content: cn(\n 'relative z-50 min-w-[8rem] overflow-hidden rounded-medium border border-border-primary bg-background-overlay shadow-weak',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n ),\n\n viewport: cn('flex flex-col gap-0.5 p-1'),\n\n item: cva(\n 'relative flex w-full gap-0.5 cursor-pointer select-none items-center rounded-weak px-2 text-body-2 text-text-primary outline-none hover:bg-elevation-elevation-2 data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled',\n {\n defaultVariants: { size: 'medium' },\n variants: {\n size: {\n xsmall: 'h-6',\n small: 'h-7',\n medium: 'h-8',\n large: 'h-10',\n },\n },\n },\n ),\n itemText: cva('truncate flex items-center flex-1 min-w-0', {\n defaultVariants: { size: 'medium' },\n variants: {\n size: {\n xsmall: 'h-6',\n small: 'h-7',\n medium: 'h-8',\n large: 'h-10',\n },\n },\n }),\n\n slotSize: cva('shrink-0 flex items-center justify-center text-icon-primary', {\n defaultVariants: { size: 'medium' },\n variants: {\n size: {\n xsmall: 'size-4',\n small: 'size-4',\n medium: 'size-4',\n large: 'size-5',\n },\n },\n }),\n};\n","import { cva } from '@exem-ui/core/utils';\n\n// 공통 Input variants\nexport const commonInputVariants = {\n // Container variants - 전체 컴포넌트 래퍼\n container: cva('flex flex-col'),\n\n // Label variants - 라벨 텍스트\n label: cva('inline-block font-regular text-text-primary', {\n variants: {\n size: {\n xsmall: 'mb-[2px] text-body-3',\n small: 'mb-[4px] text-body-2',\n medium: 'mb-[4px] text-body-2',\n large: 'mb-[6px] text-body-1',\n },\n disabled: {\n true: 'text-text-disabled',\n },\n required: {\n true: 'after:ml-0.5 after:text-text-critical after:content-[\"*\"]',\n },\n },\n compoundVariants: [\n {\n required: true,\n disabled: true,\n className: 'after:text-text-disabled',\n },\n ],\n defaultVariants: { size: 'medium' },\n }),\n\n // Description variants - 설명 텍스트\n description: cva('mt-0.5 inline-block text-text-tertiary', {\n variants: {\n size: {\n xsmall: 'text-caption',\n small: 'text-body-3',\n medium: 'text-body-3',\n large: 'text-body-2',\n },\n error: {\n true: 'text-text-critical',\n },\n disabled: {\n true: 'text-text-disabled',\n },\n },\n compoundVariants: [\n {\n error: true,\n disabled: true,\n className: 'text-text-disabled', // disabled 우선 적용\n },\n ],\n defaultVariants: { size: 'medium' },\n }),\n\n // Icon variants - 아이콘 크기\n icon: cva('shrink-0', {\n variants: {\n size: {\n xsmall: 'size-4',\n small: 'size-4',\n medium: 'size-4',\n large: 'size-5',\n },\n },\n defaultVariants: { size: 'medium' },\n }),\n};\n\n// 공통 타입 정의\nexport type Size = 'xsmall' | 'small' | 'medium' | 'large';\nexport type Variant = 'fill' | 'line';\nexport type Icon = React.ReactElement<{ className?: string }>;\n","import { cn, cva } from '@exem-ui/core/utils';\nimport { overlayListVariants } from '../overlayList/overlayListVariants';\nimport { commonInputVariants } from './inputVariants';\n\nexport const selectVariants = {\n container: commonInputVariants.container,\n content: cn(\n overlayListVariants.content,\n 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n ),\n\n description: commonInputVariants.description,\n\n iconSize: overlayListVariants.slotSize,\n\n item: (props?: Parameters<typeof overlayListVariants.item>[0]) =>\n cn(overlayListVariants.item(props), 'data-[state=checked]:bg-elevation-accent-0'),\n\n label: commonInputVariants.label,\n\n trigger: cva(\n 'group flex w-full items-center justify-between rounded-medium outline-none disabled:cursor-not-allowed disabled:bg-elevation-elevation-2 disabled:text-text-disabled data-[state=open]:border data-[state=open]:border-border-focused [&>span]:line-clamp-1 [&[data-placeholder]]:text-text-tertiary [&_svg]:text-icon-primary',\n {\n compoundVariants: [\n {\n className:\n 'border-border-accent text-tint-foreground-sky bg-elevation-accent-0 [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n focus: true,\n variant: 'line',\n },\n // active + fill: 배경만 accent로 변경\n {\n className:\n 'bg-elevation-accent-0 text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n active: true,\n variant: 'fill',\n },\n // active + line: 배경 accent + 테두리 accent\n {\n className:\n 'bg-elevation-accent-0 border-border-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n active: true,\n variant: 'line',\n },\n ],\n defaultVariants: {\n active: false,\n error: false,\n focus: false,\n size: 'medium',\n variant: 'fill',\n },\n variants: {\n active: {\n false: '',\n true: '',\n },\n error: {\n false: '',\n true: 'border !border-border-critical',\n },\n focus: {\n false: '',\n // 현재는 line 타입만 focus 가능\n true: '',\n },\n size: {\n xsmall: 'h-6 px-[4px] text-body-3',\n small: 'h-7 px-[6px] text-body-2',\n medium: 'h-8 px-[8px] text-body-2',\n large: 'h-10 px-[10px] text-body-1',\n },\n variant: {\n fill: 'bg-elevation-elevation-2',\n line: 'border-border-primary border',\n },\n },\n },\n ),\n\n triggerInner: cva('flex w-full items-center', {\n defaultVariants: { size: 'medium' },\n variants: {\n size: {\n xsmall: 'gap-0',\n small: 'gap-[2px]',\n medium: 'gap-[2px]',\n large: 'gap-[4px]',\n },\n },\n }),\n viewport: overlayListVariants.viewport,\n};\n","import { cn } from '@exem-ui/core/utils';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport * as React from 'react';\nimport { createContext, forwardRef, useContext, useId } from 'react';\nimport { ChevronDownIcon } from '../icon';\n\nimport { overlayListVariants } from '../overlayList/overlayListVariants';\nimport type { Icon, Size, Variant } from './inputVariants';\nimport { selectVariants } from './selectVariants';\n\ntype SelectContextValue = {\n size: Size;\n error: boolean;\n focus: boolean;\n active: boolean;\n disabled: boolean;\n id: string;\n variant: Variant;\n};\n\ntype SelectGroupContextValue = {\n isFirstChild: boolean;\n isLastChild: boolean;\n size?: Size;\n variant?: Variant;\n focus?: boolean;\n};\n\n/** Select 라벨 Props */\ntype SelectLabelProps = {\n children: React.ReactNode;\n required?: boolean;\n size?: Size;\n className?: string;\n};\n\n/** Select 트리거 Props */\ntype SelectTriggerProps = {\n children?: React.ReactNode;\n /** 트리거 왼쪽에 표시할 아이콘 */\n leftIcon?: Icon;\n className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select Box (Trigger + Value 조합) Props */\ntype SelectBoxProps = {\n placeholder?: string;\n /** 트리거 왼쪽에 표시할 아이콘 */\n leftIcon?: Icon;\n className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select 아이템 Props */\ntype SelectItemProps = {\n children?: React.ReactNode;\n /** 아이템 왼쪽에 표시할 아이콘 */\n leftIcon?: Icon;\n /** 아이템 오른쪽에 표시할 아이콘 */\n rightIcon?: Icon;\n size?: Size;\n className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, 'children'>;\n\ntype SelectEmptyProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\ntype SelectDescriptionProps = {\n children?: React.ReactNode;\n size?: Size;\n className?: string;\n};\n\ntype SelectGroupProps = {\n children: React.ReactNode;\n size?: Size;\n /** 셀렉트 그룹 스타일 변형 */\n variant?: Variant;\n /** 불투명 배경 (elevation-0) 사용 여부. 반투명 배경이 비쳐보이는 것을 방지합니다. */\n hasBackground?: boolean;\n className?: string;\n};\n\n/** Select 루트 Props */\ntype SelectRootProps = {\n children?: React.ReactNode;\n /** 셀렉트 크기 */\n size?: Size;\n /** 셀렉트 스타일 변형 */\n variant?: Variant;\n /** 에러 상태 */\n error?: boolean;\n /** 포커스 상태 (line variant에서만 적용) */\n focus?: boolean;\n /** 활성화 상태 (필터 적용 등 내부 상태가 활성화됨을 표시) */\n active?: boolean;\n /** 비활성화 상태 */\n disabled?: boolean;\n className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'disabled' | 'children'>;\n\ntype SelectListProps = Omit<\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n 'position'\n>;\n\ntype SelectComponent = React.ForwardRefExoticComponent<\n SelectRootProps & React.RefAttributes<HTMLDivElement>\n> & {\n Label: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLLabelElement>>;\n Trigger: React.ForwardRefExoticComponent<\n SelectTriggerProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n >;\n Box: React.ForwardRefExoticComponent<\n SelectBoxProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n >;\n Value: React.ForwardRefExoticComponent<\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> &\n React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Value>>\n >;\n List: React.ForwardRefExoticComponent<\n SelectListProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Content>>\n >;\n Item: React.ForwardRefExoticComponent<\n SelectItemProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Item>>\n >;\n Empty: React.ForwardRefExoticComponent<SelectEmptyProps & React.RefAttributes<HTMLDivElement>>;\n Description: React.ForwardRefExoticComponent<\n SelectDescriptionProps & React.RefAttributes<HTMLDivElement>\n >;\n Group: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst SelectContext = createContext<SelectContextValue | null>(null);\n\nconst useSelectContext = () => {\n const context = useContext(SelectContext);\n if (!context) {\n throw new Error('Select components must be used within a Select');\n }\n return context;\n};\n\nconst SelectGroupContext = createContext<SelectGroupContextValue | null>(null);\n\nconst useSelectGroupContext = () => {\n return useContext(SelectGroupContext);\n};\n\nconst Select = forwardRef<HTMLDivElement, SelectRootProps>(\n (\n {\n children,\n size = 'medium',\n variant = 'fill',\n error = false,\n disabled = false,\n focus = false,\n active = false,\n className,\n ...selectProps\n },\n ref,\n ) => {\n const uniqueId = useId();\n const id = `select-${uniqueId}`;\n\n return (\n <SelectContext.Provider value={{ active, disabled, error, focus, id, size, variant }}>\n <div ref={ref} className={cn(selectVariants.container(), className)}>\n <SelectPrimitive.Root disabled={disabled} {...selectProps}>\n {children}\n </SelectPrimitive.Root>\n </div>\n </SelectContext.Provider>\n );\n },\n) as SelectComponent;\n\nSelect.Value = forwardRef<\n React.ComponentRef<typeof SelectPrimitive.Value>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\n>(({ className, children, ...props }, ref) => {\n return (\n <SelectPrimitive.Value ref={ref} className={className} {...props}>\n {children}\n </SelectPrimitive.Value>\n );\n}) as SelectComponent['Value'];\n\nSelect.Trigger = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n ({ className, children, leftIcon, ...props }, ref) => {\n const { size, error, id, variant, focus, active } = useSelectContext();\n const groupContext = useSelectGroupContext();\n\n const groupClasses = groupContext\n ? cn('rounded-none border-0', {\n 'rounded-l-medium': groupContext.isFirstChild,\n 'rounded-r-medium': groupContext.isLastChild,\n // line variant: group이 외곽 border를 제공하므로, open 시 border 대신 inset ring 사용\n 'data-[state=open]:border-0 data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-border-focused':\n variant === 'line',\n })\n : undefined;\n\n return (\n <SelectPrimitive.Trigger\n ref={ref}\n id={id}\n data-slot=\"select-trigger\"\n className={cn(\n selectVariants.trigger({ active, error, focus, size, variant }),\n groupClasses,\n className,\n )}\n {...props}\n >\n <div className={cn(selectVariants.triggerInner({ size }))}>\n {leftIcon && (\n <span\n className={cn(\n selectVariants.iconSize({ size }),\n 'flex items-center justify-center group-disabled:text-icon-disabled',\n )}\n >\n {leftIcon}\n </span>\n )}\n <div className=\"min-w-0 flex-1 truncate text-left\">{children}</div>\n <ChevronDownIcon\n type=\"regular\"\n className={cn(\n selectVariants.iconSize({ size }),\n 'transition-transform duration-200 group-data-[state=open]:rotate-180',\n 'group-disabled:text-icon-disabled',\n )}\n />\n </div>\n </SelectPrimitive.Trigger>\n );\n },\n) as SelectComponent['Trigger'];\n\nSelect.Box = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectBoxProps>(\n ({ placeholder, leftIcon, className, ...props }, ref) => {\n return (\n <Select.Trigger ref={ref} leftIcon={leftIcon} className={className} {...props}>\n <Select.Value placeholder={placeholder} />\n </Select.Trigger>\n );\n },\n) as SelectComponent['Box'];\n\nSelect.List = forwardRef<React.ComponentRef<typeof SelectPrimitive.Content>, SelectListProps>(\n ({ className, children, ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n data-slot=\"select-content\"\n className={cn(selectVariants.content, 'max-h-60 ', className)}\n position=\"popper\"\n {...props}\n >\n <SelectPrimitive.Viewport\n data-slot=\"select-viewport\"\n className={cn(\n selectVariants.viewport,\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n ),\n) as SelectComponent['List'];\n\nSelect.Label = forwardRef<HTMLLabelElement, SelectLabelProps>(\n ({ children, required = false, size: sizeProp, className }, ref) => {\n const { size: contextSize, disabled, id } = useSelectContext();\n const groupContext = useSelectGroupContext();\n const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n return (\n <label\n ref={ref}\n htmlFor={id}\n className={cn(selectVariants.label({ disabled, required, size }), className)}\n >\n {children}\n </label>\n );\n },\n) as SelectComponent['Label'];\n\nSelect.Item = forwardRef<React.ComponentRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n ({ className, children, leftIcon, rightIcon, size: sizeProp, ...props }, ref) => {\n const { size: contextSize } = useSelectContext();\n const groupContext = useSelectGroupContext();\n const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n ref={ref}\n className={cn(selectVariants.item({ size }), className)}\n {...props}\n >\n {leftIcon && <div className={overlayListVariants.slotSize({ size })}>{leftIcon}</div>}\n <div className={overlayListVariants.itemText({ size })}>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </div>\n {rightIcon && <div className={overlayListVariants.slotSize({ size })}>{rightIcon}</div>}\n </SelectPrimitive.Item>\n );\n },\n) as SelectComponent['Item'];\n\nSelect.Empty = forwardRef<HTMLDivElement, SelectEmptyProps>(\n ({ children = 'No data', className }, ref) => {\n return (\n <div ref={ref} className={cn('flex min-h-8 items-center justify-center p-2', className)}>\n <p className=\"text-body-2 text-text-disabled\">{children}</p>\n </div>\n );\n },\n) as SelectComponent['Empty'];\n\nSelect.Description = forwardRef<HTMLDivElement, SelectDescriptionProps>(\n ({ children, size: sizeProp, className }, ref) => {\n const { size: contextSize, error, disabled } = useSelectContext();\n const groupContext = useSelectGroupContext();\n const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n if (!children) {\n return null;\n }\n\n return (\n <div\n ref={ref}\n data-slot=\"select-description\"\n className={cn(selectVariants.description({ disabled, error, size }), className)}\n >\n <p>{children}</p>\n </div>\n );\n },\n) as SelectComponent['Description'];\n\nSelect.Group = forwardRef<HTMLDivElement, SelectGroupProps>(\n ({ children, size = 'medium', variant = 'fill', hasBackground = false, className }, ref) => {\n const childArray = React.Children.toArray(children);\n\n return (\n <div\n ref={ref}\n className={cn(\n 'flex w-fit flex-row items-stretch overflow-clip rounded-medium',\n variant === 'line' && 'border border-border-primary',\n hasBackground && 'bg-elevation-elevation-0',\n className,\n )}\n >\n {childArray.map((child, index) => {\n const isFirst = index === 0;\n const isLast = index === childArray.length - 1;\n\n return (\n <React.Fragment key={index}>\n <SelectGroupContext.Provider\n value={{ isFirstChild: isFirst, isLastChild: isLast, size, variant }}\n >\n {child}\n </SelectGroupContext.Provider>\n {!isLast && <div className=\"w-px self-stretch bg-border-primary\" />}\n </React.Fragment>\n );\n })}\n </div>\n );\n },\n) as SelectComponent['Group'];\n\nSelect.displayName = 'Select';\nSelect.Label.displayName = 'Select.Label';\nSelect.Trigger.displayName = 'Select.Trigger';\nSelect.Box.displayName = 'Select.Box';\nSelect.Value.displayName = 'Select.Value';\nSelect.List.displayName = 'Select.List';\nSelect.Item.displayName = 'Select.Item';\nSelect.Empty.displayName = 'Select.Empty';\nSelect.Description.displayName = 'Select.Description';\nSelect.Group.displayName = 'Select.Group';\n\nexport { Select };\nexport type {\n SelectComponent,\n SelectRootProps,\n SelectBoxProps,\n SelectDescriptionProps,\n SelectEmptyProps,\n SelectItemProps,\n SelectLabelProps,\n SelectTriggerProps,\n SelectGroupProps,\n SelectListProps,\n};\n","import type { ComponentProps, RefObject } from 'react';\nimport { useRef, useState } from 'react';\nimport { Select } from '../input/Select';\n\ntype FlatSelectOption = {\n value: string;\n label: string | React.ReactNode;\n /** 아이템 오른쪽에 표시할 슬롯 요소 */\n rightSlot?: React.ReactNode;\n disabled?: boolean;\n};\n\ninterface FlatSelectProps extends React.ComponentProps<typeof Select> {\n /** 선택 가능한 옵션 배열 */\n options: FlatSelectOption[];\n /** 값이 선택되지 않았을 때 표시할 텍스트 */\n placeholder?: string;\n /** 드롭다운 열림/닫힘 상태 변경 핸들러 */\n onOpenChange?: (open: boolean) => void;\n /** 포커스 획득 핸들러 */\n onFocus?: () => void;\n /** 포커스 해제 핸들러 */\n onBlur?: () => void;\n /** 트리거 왼쪽에 표시할 아이콘 */\n leftIcon?: ComponentProps<typeof Select.Trigger>['leftIcon'];\n /** 라벨 텍스트 */\n label?: ComponentProps<typeof Select.Label>['children'];\n /** 필수 입력 여부 */\n required?: ComponentProps<typeof Select.Label>['required'];\n /** 설명 텍스트 */\n description?: ComponentProps<typeof Select.Description>['children'];\n /** 드롭다운 리스트 className */\n listClassName?: string;\n}\n\n/**\n * Select 컴포넌트의 간소화된 Flat API입니다.\n * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.\n *\n * @example\n * ```tsx\n * <FlatSelect\n * options={[\n * { value: '1', label: '옵션 1' },\n * { value: '2', label: '옵션 2' },\n * ]}\n * placeholder=\"선택하세요\"\n * label=\"항목\"\n * />\n * ```\n *\n * @see {@link FlatSelectProps} props 상세\n */\nfunction FlatSelect({\n options,\n placeholder,\n onBlur,\n onFocus,\n onOpenChange,\n label,\n description,\n required,\n listClassName,\n leftIcon,\n ...props\n}: FlatSelectProps) {\n const { className, ...selectProps } = props;\n const selectRef = useRef<HTMLDivElement>(null);\n const { handleBlur, handleFocus } = useFocusWithin(selectRef, {\n onBlur,\n onFocus,\n });\n\n const handleOpenChange = (open: boolean) => {\n if (open) {\n handleFocus();\n }\n onOpenChange?.(open);\n };\n\n return (\n <div ref={selectRef} className={className}>\n <Select {...selectProps} onOpenChange={handleOpenChange}>\n {label && <Select.Label required={required}>{label}</Select.Label>}\n <Select.Trigger onBlur={handleBlur} onFocus={handleFocus} leftIcon={leftIcon}>\n <Select.Value placeholder={placeholder} className=\"truncate\" />\n </Select.Trigger>\n {description && <Select.Description>{description}</Select.Description>}\n <Select.List className={listClassName}>\n {options.length === 0 && <Select.Empty>{placeholder}</Select.Empty>}\n {options.map((option) => (\n <Select.Item\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n className=\"flex max-w-full items-center justify-between\"\n >\n <div className=\"block flex-1 truncate\">{option.label}</div>\n {option.rightSlot}\n </Select.Item>\n ))}\n </Select.List>\n </Select>\n </div>\n );\n}\n\nfunction useFocusWithin(\n containerRef: RefObject<HTMLElement | null>,\n callbacks?: { onFocus?: () => void; onBlur?: () => void },\n) {\n const [isFocused, setIsFocused] = useState(false);\n\n const handleBlur = (event: React.FocusEvent) => {\n if (containerRef.current?.contains(event.relatedTarget as Node)) {\n return;\n }\n setIsFocused(false);\n callbacks?.onBlur?.();\n };\n\n const handleFocus = () => {\n if (isFocused) {\n return;\n }\n setIsFocused(true);\n callbacks?.onFocus?.();\n };\n\n return { handleBlur, handleFocus, isFocused };\n}\n\nFlatSelect.displayName = 'FlatSelect';\n\nexport { FlatSelect };\nexport type { FlatSelectProps, FlatSelectOption };\n","import { cva } from '@exem-ui/core/utils';\n\nexport const tabsVariants = {\n bar: cva('', {\n variants: {\n type: {\n primary: 'border-b border-border-primary',\n secondary: '',\n },\n },\n defaultVariants: { type: 'primary' },\n }),\n\n list: cva('flex min-w-0 flex-1 items-center', {\n variants: {\n type: {\n primary: 'gap-5',\n secondary: 'gap-1',\n },\n },\n defaultVariants: { type: 'primary' },\n }),\n\n trigger: cva(\n 'group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n type: {\n primary: [\n 'h-8 border-b-2 border-transparent p-0 text-text-tertiary',\n 'hover:text-text-primary',\n 'data-[state=active]:border-border-focused data-[state=active]:text-text-primary',\n ],\n secondary: [\n 'h-7 rounded-strong px-2 text-text-tertiary',\n 'hover:text-text-primary',\n 'data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary',\n ],\n },\n },\n defaultVariants: { type: 'primary' },\n },\n ),\n};\n","import { cn } from '@exem-ui/core/utils';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type React from 'react';\nimport { createContext, forwardRef, useContext } from 'react';\nimport { tabsVariants } from './tabsVariants';\n\ntype TabsType = 'primary' | 'secondary';\n\ntype TabsContextType = {\n type: TabsType;\n};\n\ntype TabsRootProps<T extends string = string> = Omit<\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n 'value' | 'defaultValue' | 'onValueChange'\n> & {\n /**\n * 탭 스타일 유형\n * @default 'primary'\n */\n type?: TabsType;\n value?: T;\n defaultValue?: T;\n onValueChange?: (value: T) => void;\n};\n\ntype TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {\n /**\n * 탭 바 우측에 표시할 콘텐츠 (검색, 액션 버튼 등).\n * 접근성을 위해 `role=\"tablist\"` 바깥 형제 요소로 렌더됩니다.\n */\n rightSlot?: React.ReactNode;\n};\n\ntype TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {\n /** 텍스트 왼쪽에 표시할 아이콘 요소 */\n leftIcon?: React.ReactElement<{ className?: string }>;\n /** 텍스트 오른쪽에 표시할 아이콘 요소 */\n rightIcon?: React.ReactElement<{ className?: string }>;\n /** 탭 라벨 옆에 표시할 배지 텍스트 */\n badge?: string | number;\n};\n\ntype TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\ntype TabsComponent = {\n <T extends string = string>(\n props: TabsRootProps<T> & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Root>>,\n ): React.ReactElement | null;\n displayName?: string;\n List: React.ForwardRefExoticComponent<TabsListProps>;\n Trigger: React.ForwardRefExoticComponent<TabsTriggerProps>;\n Content: React.ForwardRefExoticComponent<TabsContentProps>;\n};\n\nconst TabsContext = createContext<TabsContextType>({ type: 'primary' });\n\nconst useTabsContext = () => {\n const context = useContext(TabsContext);\n if (!context) {\n throw new Error('useTabsContext must be used within a TabsProvider');\n }\n return context;\n};\n\n/**\n * 탭 형태의 콘텐츠 전환 컴포넌트입니다.\n * Compound Component 패턴으로 `Tabs.List`, `Tabs.Trigger`, `Tabs.Content`와 함께 사용합니다.\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"tab1\" type=\"primary\">\n * <Tabs.List>\n * <Tabs.Trigger value=\"tab1\">첫 번째</Tabs.Trigger>\n * <Tabs.Trigger value=\"tab2\">두 번째</Tabs.Trigger>\n * </Tabs.List>\n * <Tabs.Content value=\"tab1\">첫 번째 내용</Tabs.Content>\n * <Tabs.Content value=\"tab2\">두 번째 내용</Tabs.Content>\n * </Tabs>\n * ```\n *\n * @see {@link TabsRootProps} 루트 props 상세\n * @see {@link TabsTriggerProps} 트리거 props 상세\n */\nconst Tabs = forwardRef<React.ElementRef<typeof TabsPrimitive.Root>, TabsRootProps>(\n ({ type = 'primary', children, ...props }, ref) => (\n <TabsContext.Provider value={{ type }}>\n <TabsPrimitive.Root ref={ref} {...props}>\n {children}\n </TabsPrimitive.Root>\n </TabsContext.Provider>\n ),\n) as unknown as TabsComponent;\n\nTabs.List = forwardRef<React.ElementRef<typeof TabsPrimitive.List>, TabsListProps>(\n ({ className, rightSlot, ...props }, ref) => {\n const { type } = useTabsContext();\n\n if (rightSlot == null) {\n return (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n tabsVariants.list({ type }),\n tabsVariants.bar({ type }),\n 'inline-flex',\n className,\n )}\n {...props}\n />\n );\n }\n\n return (\n <div className={cn(tabsVariants.bar({ type }), 'flex')}>\n <TabsPrimitive.List\n ref={ref}\n className={cn(tabsVariants.list({ type }), className)}\n {...props}\n />\n <div className=\"flex shrink-0 items-center\">{rightSlot}</div>\n </div>\n );\n },\n) as TabsComponent['List'];\n\nTabs.Trigger = forwardRef<React.ElementRef<typeof TabsPrimitive.Trigger>, TabsTriggerProps>(\n ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {\n const { type } = useTabsContext();\n return (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(tabsVariants.trigger({ type }), className)}\n {...props}\n >\n {leftIcon && <span className=\"size-4\">{leftIcon}</span>}\n <span className=\"flex items-center gap-1\">\n {children}\n {badge && (\n <span className=\"text-text-tertiary group-data-[state=active]:text-text-accent\">\n {badge}\n </span>\n )}\n </span>\n {rightIcon && <span className=\"size-4\">{rightIcon}</span>}\n </TabsPrimitive.Trigger>\n );\n },\n) as TabsComponent['Trigger'];\n\nTabs.Content = forwardRef<React.ElementRef<typeof TabsPrimitive.Content>, TabsContentProps>(\n ({ className, ...props }, ref) => (\n <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />\n ),\n) as TabsComponent['Content'];\n\nTabs.displayName = 'Tabs';\nTabs.List.displayName = 'Tabs.List';\nTabs.Trigger.displayName = 'Tabs.Trigger';\nTabs.Content.displayName = 'Tabs.Content';\n\nexport { Tabs };\nexport type { TabsComponent, TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n","import { Tabs, type TabsRootProps, type TabsTriggerProps } from '../tabs/Tabs';\n\ntype FlatTabItem<V extends string = string> = Pick<\n TabsTriggerProps,\n 'children' | 'disabled' | 'leftIcon' | 'rightIcon' | 'badge' | 'className'\n> & {\n value: V;\n};\n\ntype FlatTabsProps<Items extends readonly FlatTabItem[] = readonly FlatTabItem[]> = Omit<\n TabsRootProps,\n 'children' | 'asChild' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n /** 탭 아이템 배열 */\n items: Items;\n value?: Items[number]['value'];\n defaultValue?: Items[number]['value'];\n onValueChange?: (value: Items[number]['value']) => void;\n};\n\n/**\n * Tabs 컴포넌트의 간소화된 Flat API입니다.\n * items 배열만 전달하면 Compound Component 없이 탭 목록을 구성합니다.\n * items 의 value 로부터 타입이 추론되어, value/onValueChange 의 오타가 컴파일 단계에서 잡힙니다.\n *\n * @example\n * ```tsx\n * <FlatTabs\n * defaultValue=\"tab1\"\n * type=\"primary\"\n * items={[\n * { value: 'tab1', children: '첫 번째' },\n * { value: 'tab2', children: '두 번째' },\n * ]}\n * />\n * ```\n *\n * @see {@link FlatTabsProps} props 상세\n */\nfunction FlatTabs<const Items extends readonly FlatTabItem[]>({\n items,\n className,\n ...props\n}: FlatTabsProps<Items>) {\n const rootProps = props as TabsRootProps<Items[number]['value']>;\n return (\n <Tabs {...rootProps}>\n <Tabs.List className={className}>\n {items.map(({ value, children, ...itemProps }) => (\n <Tabs.Trigger key={value} value={value} {...itemProps}>\n {children}\n </Tabs.Trigger>\n ))}\n </Tabs.List>\n </Tabs>\n );\n}\n\nFlatTabs.displayName = 'FlatTabs';\n\nexport { FlatTabs };\nexport type { FlatTabsProps, FlatTabItem };\n","import { cn, cva, type VariantProps } from '@exem-ui/core/utils';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport type React from 'react';\nimport { forwardRef } from 'react';\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;\n\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\n\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> &\n VariantProps<typeof tooltipContentVariants> & {\n portalContainer?: HTMLElement | null;\n };\n\ntype TooltipTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\ntype TooltipDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\ntype TooltipComponent = typeof TooltipPrimitive.Root & {\n Provider: typeof TooltipPrimitive.Provider;\n Trigger: typeof TooltipPrimitive.Trigger;\n Content: React.ForwardRefExoticComponent<\n TooltipContentProps & React.RefAttributes<React.ElementRef<typeof TooltipPrimitive.Content>>\n >;\n Title: React.ForwardRefExoticComponent<TooltipTitleProps & React.RefAttributes<HTMLDivElement>>;\n Description: React.ForwardRefExoticComponent<\n TooltipDescriptionProps & React.RefAttributes<HTMLDivElement>\n >;\n};\n\nconst tooltipContentVariants = cva(\n [\n // Base layout\n 'z-50 flex flex-col items-start overflow-hidden',\n 'rounded-medium',\n 'text-text-static-light',\n 'bg-component-tooltip border border-border-primary',\n 'shadow-medium',\n 'animate-in fade-in-0 zoom-in-95',\n 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n 'data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2',\n 'data-[side=top]:slide-in-from-bottom-2',\n ],\n {\n variants: {\n size: {\n tiny: 'px-2 py-1 text-body-3',\n small: 'w-[160px] gap-[8px] px-[12px] py-[10px]',\n medium: 'w-[240px] gap-[8px] px-[12px] py-[10px]',\n large: 'w-[320px] gap-[8px] px-[12px] py-[10px]',\n xlarge: 'w-[400px] gap-[8px] px-[12px] py-[10px]',\n },\n },\n defaultVariants: { size: 'small' },\n },\n);\n\nconst tooltipTitleVariants = cva([\n 'text-body-1 font-semibold text-text-static-light',\n 'group-data-[size=tiny]/tooltip-content:text-body-3',\n]);\n\nconst tooltipTextVariants = cva([\n 'text-body-2 font-regular text-text-static-light',\n 'group-data-[size=tiny]/tooltip-content:text-body-3',\n]);\n\nconst Tooltip = TooltipPrimitive.Root as TooltipComponent;\n\nTooltip.Provider = TooltipPrimitive.Provider;\n\nTooltip.Trigger = TooltipPrimitive.Trigger;\n\nTooltip.Content = forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n TooltipContentProps\n>(({ className, sideOffset = 4, size, children, portalContainer, ...props }, ref) => (\n <TooltipPrimitive.Portal container={portalContainer}>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n data-size={size}\n className={cn('group/tooltip-content', tooltipContentVariants({ size }), className)}\n {...props}\n >\n {children}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n)) as TooltipComponent['Content'];\n\nTooltip.Title = forwardRef<HTMLDivElement, TooltipTitleProps>(\n ({ className, children, ...props }, ref) => (\n <div ref={ref} className={cn(tooltipTitleVariants(), className)} {...props}>\n {children}\n </div>\n ),\n) as TooltipComponent['Title'];\n\nTooltip.Description = forwardRef<HTMLDivElement, TooltipDescriptionProps>(\n ({ className, children, ...props }, ref) => (\n <div ref={ref} className={cn(tooltipTextVariants(), className)} {...props}>\n {children}\n </div>\n ),\n) as TooltipComponent['Description'];\n\nTooltip.displayName = 'Tooltip';\nTooltip.Content.displayName = 'Tooltip.Content';\nTooltip.Title.displayName = 'Tooltip.Title';\nTooltip.Description.displayName = 'Tooltip.Description';\nTooltip.Trigger.displayName = 'Tooltip.Trigger';\nTooltip.Provider.displayName = 'Tooltip.Provider';\n\nexport { Tooltip };\nexport type {\n TooltipComponent,\n TooltipContentProps,\n TooltipDescriptionProps,\n TooltipProviderProps,\n TooltipRootProps,\n TooltipTitleProps,\n TooltipTriggerProps,\n};\n","import type { ComponentProps } from 'react';\nimport { Tooltip } from '../tooltip/Tooltip';\n\ninterface FlatTooltipProps {\n /** 툴팁을 적용할 자식 요소 */\n children: React.ReactNode;\n /** 툴팁 제목 (선택) */\n title?: React.ReactNode;\n /** 툴팁 크기 */\n size: ComponentProps<typeof Tooltip.Content>['size'];\n /** 툴팁 표시 위치 */\n side?: ComponentProps<typeof Tooltip.Content>['side'];\n /** 툴팁 정렬 */\n align?: ComponentProps<typeof Tooltip.Content>['align'];\n /** 사이드 방향 오프셋 (px) */\n sideOffset?: ComponentProps<typeof Tooltip.Content>['sideOffset'];\n /** 정렬 방향 오프셋 (px) */\n alignOffset?: ComponentProps<typeof Tooltip.Content>['alignOffset'];\n /** 툴팁 설명 텍스트 */\n description: React.ReactNode;\n}\n\n/**\n * Tooltip 컴포넌트의 간소화된 Flat API입니다.\n * Compound Component 없이 props만으로 간편하게 사용할 수 있습니다.\n *\n * @example\n * ```tsx\n * <FlatTooltip size=\"small\" description=\"도움말 텍스트\">\n * <button>호버하세요</button>\n * </FlatTooltip>\n *\n * <FlatTooltip size=\"tiny\" title=\"제목\" description=\"설명\">\n * <span>정보</span>\n * </FlatTooltip>\n * ```\n *\n * @see {@link FlatTooltipProps} props 상세\n */\nconst FlatTooltip = ({ children, title, size, description, ...props }: FlatTooltipProps) => {\n return (\n <Tooltip.Provider delayDuration={0} skipDelayDuration={0}>\n <Tooltip>\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Tooltip.Content size={size} {...props}>\n {title && <Tooltip.Title>{title}</Tooltip.Title>}\n {description && <Tooltip.Description>{description}</Tooltip.Description>}\n </Tooltip.Content>\n </Tooltip>\n </Tooltip.Provider>\n );\n};\n\n/** FlatTooltip 설정 객체 타입 (children 제외) */\ntype TooltipConfig = Omit<ComponentProps<typeof FlatTooltip>, 'children' | 'size'> & {\n /**\n * 툴팁 사용 여부\n * @default true\n */\n use?: boolean;\n size?: ComponentProps<typeof FlatTooltip>['size'];\n};\n\ninterface ConditionalTooltipProps {\n /** 툴팁으로 감쌀 자식 요소 */\n children: React.ReactNode;\n /**\n * 툴팁 설정값\n * - `string`: 기본 tiny 사이즈의 툴팁 description으로 사용\n * - `object`: FlatTooltip props를 직접 전달 (`use: false`로 비활성화 가능)\n */\n tooltip: ComponentProps<typeof FlatTooltip>['description'] | TooltipConfig;\n}\n\n/**\n * 조건부로 FlatTooltip을 적용하는 래퍼 컴포넌트입니다.\n *\n * @description\n * tooltip prop의 타입에 따라 다르게 동작합니다:\n * - `string`: tiny 사이즈의 기본 툴팁으로 렌더링\n * - `object` (`use !== false`): 전달된 props로 FlatTooltip 렌더링\n * - `object` (`use === false`) 또는 기타: children만 반환 (툴팁 없음)\n *\n * @example\n * ```tsx\n * <ConditionalTooltip tooltip=\"도움말 텍스트\">\n * <button>버튼</button>\n * </ConditionalTooltip>\n *\n * <ConditionalTooltip tooltip={{ description: \"설명\", size: \"small\", side: \"top\" }}>\n * <button>버튼</button>\n * </ConditionalTooltip>\n *\n * <ConditionalTooltip tooltip={{ use: false, description: \"\" }}>\n * <button>툴팁 없음</button>\n * </ConditionalTooltip>\n * ```\n *\n * @see {@link ConditionalTooltipProps} props 상세\n */\nfunction ConditionalTooltip({ children, tooltip }: ConditionalTooltipProps) {\n if (typeof tooltip === 'string') {\n return (\n <FlatTooltip size=\"tiny\" description={tooltip}>\n {children}\n </FlatTooltip>\n );\n }\n\n if (tooltip && typeof tooltip === 'object' && 'description' in tooltip && tooltip.use !== false) {\n return (\n <FlatTooltip size={tooltip.size || 'tiny'} {...tooltip}>\n {children}\n </FlatTooltip>\n );\n }\n\n return children;\n}\n\nFlatTooltip.displayName = 'FlatTooltip';\nConditionalTooltip.displayName = 'ConditionalTooltip';\n\nexport { FlatTooltip, ConditionalTooltip };\nexport type { FlatTooltipProps, ConditionalTooltipProps, TooltipConfig };\n"]}
|