@t3q-ui/design-system 1.57.0 → 1.58.0
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/CHANGELOG.md +8 -0
- package/dist/{chunk-Z2SHCDPP.cjs → chunk-IYDQLTRF.cjs} +6 -5
- package/dist/chunk-IYDQLTRF.cjs.map +1 -0
- package/dist/{chunk-LEHEPAQO.js → chunk-UNNNNYKG.js} +6 -5
- package/dist/chunk-UNNNNYKG.js.map +1 -0
- package/dist/{index-ZIfOVixA.d.cts → index-3laRfJM7.d.cts} +2 -1
- package/dist/{index-ZIfOVixA.d.ts → index-3laRfJM7.d.ts} +2 -1
- package/dist/index.cjs +457 -457
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/patterns/index.cjs +69 -69
- package/dist/patterns/index.d.cts +1 -1
- package/dist/patterns/index.d.ts +1 -1
- package/dist/patterns/index.js +1 -1
- package/package.json +1 -1
- package/skills/tds/SKILL.md +6 -5
- package/skills/tds/examples/detail-page.tsx +13 -13
- package/skills/tds/examples/list-page.tsx +3 -2
- package/skills/tds/reference/components.md +2 -1
- package/dist/chunk-LEHEPAQO.js.map +0 -1
- package/dist/chunk-Z2SHCDPP.cjs.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkIYDQLTRF_cjs = require('./chunk-IYDQLTRF.cjs');
|
|
4
4
|
var React17 = require('react');
|
|
5
5
|
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
6
6
|
var lucideReact = require('lucide-react');
|
|
@@ -64,7 +64,7 @@ function Accordion({ sticky = false, className, ...props }) {
|
|
|
64
64
|
AccordionPrimitive__namespace.Root,
|
|
65
65
|
{
|
|
66
66
|
"data-slot": "accordion",
|
|
67
|
-
className:
|
|
67
|
+
className: chunkIYDQLTRF_cjs.cn("w-full", className),
|
|
68
68
|
...props
|
|
69
69
|
}
|
|
70
70
|
) });
|
|
@@ -73,7 +73,7 @@ function AccordionItem({
|
|
|
73
73
|
className,
|
|
74
74
|
...props
|
|
75
75
|
}) {
|
|
76
|
-
return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { "data-slot": "accordion-item", className:
|
|
76
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { "data-slot": "accordion-item", className: chunkIYDQLTRF_cjs.cn(className), ...props });
|
|
77
77
|
}
|
|
78
78
|
function AccordionTrigger({
|
|
79
79
|
className,
|
|
@@ -84,7 +84,7 @@ function AccordionTrigger({
|
|
|
84
84
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
85
85
|
AccordionPrimitive__namespace.Header,
|
|
86
86
|
{
|
|
87
|
-
className:
|
|
87
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
88
88
|
"flex border-t border-sys-divider-subtle",
|
|
89
89
|
sticky && "sticky top-[var(--accordion-sticky-top,0px)] z-10 bg-sys-background-blur backdrop-blur-md"
|
|
90
90
|
),
|
|
@@ -92,7 +92,7 @@ function AccordionTrigger({
|
|
|
92
92
|
AccordionPrimitive__namespace.Trigger,
|
|
93
93
|
{
|
|
94
94
|
"data-slot": "accordion-trigger",
|
|
95
|
-
className:
|
|
95
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
96
96
|
"group flex w-full items-center gap-[8px] pl-[16px] pr-[8px] py-[14px]",
|
|
97
97
|
"text-h5 text-sys-text-main text-left",
|
|
98
98
|
"cursor-pointer transition-colors",
|
|
@@ -126,7 +126,7 @@ function AccordionContent({
|
|
|
126
126
|
AccordionPrimitive__namespace.Content,
|
|
127
127
|
{
|
|
128
128
|
"data-slot": "accordion-content",
|
|
129
|
-
className:
|
|
129
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
130
130
|
"overflow-hidden text-base-regular text-sys-text-subtle",
|
|
131
131
|
"data-[state=open]:animate-accordion-down",
|
|
132
132
|
"data-[state=closed]:animate-accordion-up"
|
|
@@ -135,7 +135,7 @@ function AccordionContent({
|
|
|
135
135
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
136
136
|
"div",
|
|
137
137
|
{
|
|
138
|
-
className:
|
|
138
|
+
className: chunkIYDQLTRF_cjs.cn("flex items-center justify-center px-[16px] pt-[16px] pb-[48px]", className),
|
|
139
139
|
children
|
|
140
140
|
}
|
|
141
141
|
)
|
|
@@ -149,7 +149,7 @@ var AlertDialogOverlay = React17__namespace.forwardRef(({ className, ...props },
|
|
|
149
149
|
AlertDialogPrimitive__namespace.Overlay,
|
|
150
150
|
{
|
|
151
151
|
...props,
|
|
152
|
-
className:
|
|
152
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
153
153
|
"fixed inset-0 z-[var(--root-z-index)] bg-sys-blanket",
|
|
154
154
|
"data-[state=open]:animate-[fade-in_0ms_ease-out,zoom-in_0ms_ease-out]",
|
|
155
155
|
"data-[state=closed]:animate-[fade-out_0ms_ease-in,zoom-out_0ms_ease-in]",
|
|
@@ -176,7 +176,7 @@ var AlertDialogContext = React17__namespace.createContext({
|
|
|
176
176
|
variant: "info"
|
|
177
177
|
});
|
|
178
178
|
var AlertDialogContent = React17__namespace.forwardRef(({ className, width, variant, onOpenAutoFocus, onCloseAutoFocus, ...props }, ref) => {
|
|
179
|
-
const focusHandlers =
|
|
179
|
+
const focusHandlers = chunkIYDQLTRF_cjs.useRestoreFocusToOpener({ onOpenAutoFocus, onCloseAutoFocus });
|
|
180
180
|
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
181
181
|
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
182
182
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -185,7 +185,7 @@ var AlertDialogContent = React17__namespace.forwardRef(({ className, width, vari
|
|
|
185
185
|
...props,
|
|
186
186
|
...focusHandlers,
|
|
187
187
|
ref,
|
|
188
|
-
className:
|
|
188
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
189
189
|
"fixed left-[50%] top-[50%] z-[var(--root-z-index)] translate-x-[-50%] translate-y-[-50%] w-full max-w-[70vw]",
|
|
190
190
|
"grid gap-[16px] rounded-medium bg-sys-background p-[32px] shadow-gray-medium duration-200",
|
|
191
191
|
"data-[state=open]:animate-[fade-in_0ms_ease-out,zoom-in_0ms_ease-out]",
|
|
@@ -202,7 +202,7 @@ var AlertDialogHeader = (props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
202
202
|
"div",
|
|
203
203
|
{
|
|
204
204
|
...props,
|
|
205
|
-
className:
|
|
205
|
+
className: chunkIYDQLTRF_cjs.cn("flex flex-col gap-[16px] text-center sm:text-left", props.className)
|
|
206
206
|
}
|
|
207
207
|
);
|
|
208
208
|
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
@@ -210,7 +210,7 @@ var AlertDialogFooter = (props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
210
210
|
"div",
|
|
211
211
|
{
|
|
212
212
|
...props,
|
|
213
|
-
className:
|
|
213
|
+
className: chunkIYDQLTRF_cjs.cn("flex flex-row justify-end gap-[8px] sm:flex-row", props.className)
|
|
214
214
|
}
|
|
215
215
|
);
|
|
216
216
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
@@ -222,15 +222,15 @@ var variantToIcon = {
|
|
|
222
222
|
};
|
|
223
223
|
var AlertDialogTitle = React17__namespace.forwardRef(({ children, ...props }, ref) => {
|
|
224
224
|
const { variant } = React17__namespace.useContext(AlertDialogContext);
|
|
225
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
225
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { spacing: 8, children: [
|
|
226
226
|
variantToIcon[variant || "info"],
|
|
227
227
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
228
228
|
AlertDialogPrimitive__namespace.Title,
|
|
229
229
|
{
|
|
230
230
|
...props,
|
|
231
231
|
ref,
|
|
232
|
-
className:
|
|
233
|
-
children:
|
|
232
|
+
className: chunkIYDQLTRF_cjs.cn("text-h4 text-sys-text-main whitespace-pre-wrap", props.className),
|
|
233
|
+
children: chunkIYDQLTRF_cjs.sanitizeUserText(children)
|
|
234
234
|
}
|
|
235
235
|
)
|
|
236
236
|
] });
|
|
@@ -241,8 +241,8 @@ var AlertDialogDescription = React17__namespace.forwardRef(({ children, ...props
|
|
|
241
241
|
{
|
|
242
242
|
...props,
|
|
243
243
|
ref,
|
|
244
|
-
className:
|
|
245
|
-
children:
|
|
244
|
+
className: chunkIYDQLTRF_cjs.cn("text-base-regular text-sys-text-main whitespace-pre-wrap", props.className),
|
|
245
|
+
children: chunkIYDQLTRF_cjs.sanitizeUserText(children)
|
|
246
246
|
}
|
|
247
247
|
));
|
|
248
248
|
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
@@ -254,22 +254,22 @@ var AlertDialogAction = React17__namespace.forwardRef(({ variant, loading, child
|
|
|
254
254
|
warning: "warningBold",
|
|
255
255
|
danger: "dangerBold"
|
|
256
256
|
};
|
|
257
|
-
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
257
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Button, { variant: variant || buttonVariant[dialogVariant || "info"], loading, children }) });
|
|
258
258
|
});
|
|
259
259
|
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
260
|
-
var AlertDialogCancel = React17__namespace.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Cancel, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
260
|
+
var AlertDialogCancel = React17__namespace.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Cancel, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Button, { variant: "secondary", children }) }));
|
|
261
261
|
AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
|
|
262
262
|
var BreadcrumbSeparatorContext = React17__namespace.createContext(void 0);
|
|
263
263
|
var Breadcrumb = React17__namespace.forwardRef(
|
|
264
|
-
({ className, separator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparatorContext.Provider, { value: separator, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", className:
|
|
264
|
+
({ className, separator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparatorContext.Provider, { value: separator, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", className: chunkIYDQLTRF_cjs.cn("w-fit", className), ...props }) })
|
|
265
265
|
);
|
|
266
266
|
Breadcrumb.displayName = "Breadcrumb";
|
|
267
267
|
var BreadcrumbList = React17__namespace.forwardRef(
|
|
268
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className:
|
|
268
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: chunkIYDQLTRF_cjs.cn("flex items-center gap-[4px]", className), ...props })
|
|
269
269
|
);
|
|
270
270
|
BreadcrumbList.displayName = "BreadcrumbList";
|
|
271
271
|
var BreadcrumbItem = React17__namespace.forwardRef(
|
|
272
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className:
|
|
272
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: chunkIYDQLTRF_cjs.cn("flex items-center gap-[4px]", className), ...props })
|
|
273
273
|
);
|
|
274
274
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
275
275
|
var ICON_SLOT_CLASS = "inline-flex shrink-0 items-center justify-center size-[16px]";
|
|
@@ -341,7 +341,7 @@ var BreadcrumbLink = React17__namespace.forwardRef(
|
|
|
341
341
|
Comp,
|
|
342
342
|
{
|
|
343
343
|
ref,
|
|
344
|
-
className:
|
|
344
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
345
345
|
"inline-flex items-center gap-[4px] rounded-[3px]",
|
|
346
346
|
// 2026-10-17 8차 E1: 헤더 틴트(#f4f8ff) 위에서 primary30 은 4.38:1 → primary40(6.67:1)
|
|
347
347
|
"whitespace-pre text-small-medium text-primary40",
|
|
@@ -357,9 +357,9 @@ var BreadcrumbLink = React17__namespace.forwardRef(
|
|
|
357
357
|
}
|
|
358
358
|
);
|
|
359
359
|
if (isTruncated) {
|
|
360
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
361
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
362
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
360
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
361
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: linkContent }),
|
|
362
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { className: "px-[6px] py-[4px] rounded-[6px]", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", children: textContent }) })
|
|
363
363
|
] }) });
|
|
364
364
|
}
|
|
365
365
|
return linkContent;
|
|
@@ -382,7 +382,7 @@ var BreadcrumbPage = React17__namespace.forwardRef(
|
|
|
382
382
|
role: "link",
|
|
383
383
|
"aria-disabled": "true",
|
|
384
384
|
"aria-current": "page",
|
|
385
|
-
className:
|
|
385
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
386
386
|
"inline-flex items-center gap-[4px] whitespace-pre text-small-medium text-sys-text-subtle",
|
|
387
387
|
className
|
|
388
388
|
),
|
|
@@ -395,9 +395,9 @@ var BreadcrumbPage = React17__namespace.forwardRef(
|
|
|
395
395
|
}
|
|
396
396
|
);
|
|
397
397
|
if (isTruncated) {
|
|
398
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
399
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
400
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
398
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
399
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: pageContent }),
|
|
400
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { className: "px-[6px] py-[4px] rounded-[6px]", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", children: textContent }) })
|
|
401
401
|
] }) });
|
|
402
402
|
}
|
|
403
403
|
return pageContent;
|
|
@@ -413,7 +413,7 @@ var BreadcrumbSeparator = React17__namespace.forwardRef(
|
|
|
413
413
|
ref,
|
|
414
414
|
role: "presentation",
|
|
415
415
|
"aria-hidden": "true",
|
|
416
|
-
className:
|
|
416
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
417
417
|
"inline-flex items-center text-small-medium text-sys-text-subtler",
|
|
418
418
|
className
|
|
419
419
|
),
|
|
@@ -437,7 +437,7 @@ function CalendarCaption({ displayMonth }) {
|
|
|
437
437
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center pb-[12px] px-[8px]", children: [
|
|
438
438
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-[4px]", children: showLeftNav ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
439
439
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
440
|
-
|
|
440
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
441
441
|
{
|
|
442
442
|
variant: "secondaryLink",
|
|
443
443
|
spacing: "compact",
|
|
@@ -447,7 +447,7 @@ function CalendarCaption({ displayMonth }) {
|
|
|
447
447
|
}
|
|
448
448
|
),
|
|
449
449
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
450
|
-
|
|
450
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
451
451
|
{
|
|
452
452
|
variant: "secondaryLink",
|
|
453
453
|
spacing: "compact",
|
|
@@ -468,7 +468,7 @@ function CalendarCaption({ displayMonth }) {
|
|
|
468
468
|
),
|
|
469
469
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-[4px]", children: showRightNav ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
470
470
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
471
|
-
|
|
471
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
472
472
|
{
|
|
473
473
|
variant: "secondaryLink",
|
|
474
474
|
spacing: "compact",
|
|
@@ -478,7 +478,7 @@ function CalendarCaption({ displayMonth }) {
|
|
|
478
478
|
}
|
|
479
479
|
),
|
|
480
480
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
481
|
-
|
|
481
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
482
482
|
{
|
|
483
483
|
variant: "secondaryLink",
|
|
484
484
|
spacing: "compact",
|
|
@@ -508,7 +508,7 @@ function MonthsView({
|
|
|
508
508
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
509
509
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center pb-[12px] px-[8px]", children: [
|
|
510
510
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
511
|
-
|
|
511
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
512
512
|
{
|
|
513
513
|
variant: "secondaryLink",
|
|
514
514
|
spacing: "compact",
|
|
@@ -530,7 +530,7 @@ function MonthsView({
|
|
|
530
530
|
}
|
|
531
531
|
),
|
|
532
532
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
533
|
-
|
|
533
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
534
534
|
{
|
|
535
535
|
variant: "secondaryLink",
|
|
536
536
|
spacing: "compact",
|
|
@@ -554,7 +554,7 @@ function MonthsView({
|
|
|
554
554
|
{
|
|
555
555
|
type: "button",
|
|
556
556
|
onClick: () => onSelectMonth(month),
|
|
557
|
-
className:
|
|
557
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
558
558
|
"min-h-[32px] w-full py-[4px] rounded-xsmall",
|
|
559
559
|
"text-base-regular text-sys-text-subtle",
|
|
560
560
|
"cursor-pointer hover:bg-secondary-o10 active:bg-secondary-o20 transition-colors",
|
|
@@ -586,7 +586,7 @@ function YearsView({ displayYear, onSelectYear, onRangeChange }) {
|
|
|
586
586
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
587
587
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center pb-[12px] px-[8px]", children: [
|
|
588
588
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
589
|
-
|
|
589
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
590
590
|
{
|
|
591
591
|
variant: "secondaryLink",
|
|
592
592
|
spacing: "compact",
|
|
@@ -602,7 +602,7 @@ function YearsView({ displayYear, onSelectYear, onRangeChange }) {
|
|
|
602
602
|
"\uB144"
|
|
603
603
|
] }),
|
|
604
604
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
605
|
-
|
|
605
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
606
606
|
{
|
|
607
607
|
variant: "secondaryLink",
|
|
608
608
|
spacing: "compact",
|
|
@@ -625,7 +625,7 @@ function YearsView({ displayYear, onSelectYear, onRangeChange }) {
|
|
|
625
625
|
{
|
|
626
626
|
type: "button",
|
|
627
627
|
onClick: () => onSelectYear(year),
|
|
628
|
-
className:
|
|
628
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
629
629
|
"min-h-[32px] w-full py-[4px] rounded-xsmall",
|
|
630
630
|
"text-base-regular text-sys-text-subtle",
|
|
631
631
|
"cursor-pointer hover:bg-secondary-o10 active:bg-secondary-o20 transition-colors",
|
|
@@ -708,7 +708,7 @@ function Calendar({
|
|
|
708
708
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
709
709
|
"div",
|
|
710
710
|
{
|
|
711
|
-
className:
|
|
711
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
712
712
|
"p-[24px]",
|
|
713
713
|
numberOfMonths === 1 ? "w-[342px]" : "w-auto min-w-[342px]",
|
|
714
714
|
className
|
|
@@ -723,7 +723,7 @@ function Calendar({
|
|
|
723
723
|
locale: locale.ko,
|
|
724
724
|
classNames: {
|
|
725
725
|
root: "p-0 w-full",
|
|
726
|
-
months:
|
|
726
|
+
months: chunkIYDQLTRF_cjs.cn("flex gap-[16px]", numberOfMonths === 1 ? "flex-col" : "flex-row"),
|
|
727
727
|
month: "flex flex-col flex-1 min-w-[294px]",
|
|
728
728
|
// caption/nav classNames은 커스텀 Caption이 대체하므로 미사용
|
|
729
729
|
table: "w-full border-collapse",
|
|
@@ -731,14 +731,14 @@ function Calendar({
|
|
|
731
731
|
head_cell: "text-sys-text-subtle text-small-bold flex-1 py-[8px]",
|
|
732
732
|
row: "flex w-full",
|
|
733
733
|
cell: "relative p-0 text-center flex-1 focus-within:z-20 [aria-selected]:bg-primary-o10",
|
|
734
|
-
day:
|
|
734
|
+
day: chunkIYDQLTRF_cjs.cn(
|
|
735
735
|
"min-h-[32px] w-full py-[4px] text-base-regular text-sys-text-subtle bg-none border-none rounded-xsmall",
|
|
736
736
|
"cursor-pointer hover:bg-secondary-o10 active:bg-secondary-o20 transition-colors"
|
|
737
737
|
),
|
|
738
738
|
day_range_start: "!rounded-r-none bg-primary-o20",
|
|
739
739
|
day_range_end: "!rounded-l-none bg-primary-o20",
|
|
740
740
|
day_selected: "bg-primary-o10 !text-primary40 !text-base-regular hover:bg-primary-o20",
|
|
741
|
-
day_today:
|
|
741
|
+
day_today: chunkIYDQLTRF_cjs.cn(
|
|
742
742
|
"rdp-day_today !text-base-semibold relative",
|
|
743
743
|
'after:content-[""] after:absolute after:rounded-full after:h-[2px] after:w-[24px] after:bottom-[2px] after:left-1/2 after:-translate-x-1/2 after:bg-primary20'
|
|
744
744
|
),
|
|
@@ -801,7 +801,7 @@ function CheckboxSectionGroup({
|
|
|
801
801
|
{
|
|
802
802
|
role: "group",
|
|
803
803
|
"data-slot": "checkbox-section-group",
|
|
804
|
-
className:
|
|
804
|
+
className: chunkIYDQLTRF_cjs.cn("items-stretch gap-[8px]", layoutClass, className),
|
|
805
805
|
...props,
|
|
806
806
|
children
|
|
807
807
|
}
|
|
@@ -812,7 +812,7 @@ function CheckMark({ checked, disabled }) {
|
|
|
812
812
|
"span",
|
|
813
813
|
{
|
|
814
814
|
"aria-hidden": "true",
|
|
815
|
-
className:
|
|
815
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
816
816
|
"flex h-[16px] w-[16px] shrink-0 items-center justify-center rounded-xsmall border-[2px]",
|
|
817
817
|
!checked && "border-sys-divider-main bg-sys-background",
|
|
818
818
|
checked && !disabled && "border-primary30 bg-primary30",
|
|
@@ -854,7 +854,7 @@ function CheckboxSection({
|
|
|
854
854
|
const checked = group?.value.includes(value) ?? false;
|
|
855
855
|
const disabled = disabledProp || Boolean(group?.disabled);
|
|
856
856
|
const stacked = Boolean(group?.stacked);
|
|
857
|
-
const cardClassName =
|
|
857
|
+
const cardClassName = chunkIYDQLTRF_cjs.cn(
|
|
858
858
|
"bg-sys-background flex w-full flex-col items-start overflow-clip rounded-medium text-left appearance-none",
|
|
859
859
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
860
860
|
// 테두리는 선택 여부와 무관하게 1px(layout shift 0) — 선택은 색 + 연한 채움으로. RadioSection·SwitchSection 과 같은 규칙(16차 D2 에서 빠진 것을 2026-10-20 17차에 맞춤 —
|
|
@@ -890,7 +890,7 @@ function CheckboxSection({
|
|
|
890
890
|
"span",
|
|
891
891
|
{
|
|
892
892
|
"data-slot": "checkbox-section-text",
|
|
893
|
-
className:
|
|
893
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
894
894
|
"flex min-w-0 flex-1",
|
|
895
895
|
stacked ? "flex-row flex-wrap items-baseline gap-x-[12px] gap-y-[2px]" : "flex-col items-start gap-[4px]"
|
|
896
896
|
),
|
|
@@ -898,7 +898,7 @@ function CheckboxSection({
|
|
|
898
898
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
899
899
|
"span",
|
|
900
900
|
{
|
|
901
|
-
className:
|
|
901
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
902
902
|
"block break-keep text-h5 wrap-break-word",
|
|
903
903
|
stacked ? "shrink-0" : "w-full",
|
|
904
904
|
disabled ? "text-sys-text-disabled" : "text-sys-text-main"
|
|
@@ -909,7 +909,7 @@ function CheckboxSection({
|
|
|
909
909
|
description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
910
910
|
"span",
|
|
911
911
|
{
|
|
912
|
-
className:
|
|
912
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
913
913
|
"block break-keep text-base-regular wrap-break-word",
|
|
914
914
|
stacked ? "min-w-0 flex-1" : "w-full",
|
|
915
915
|
disabled ? "text-sys-text-disabled" : "text-sys-text-subtle"
|
|
@@ -1356,7 +1356,7 @@ function ColumnFilter({
|
|
|
1356
1356
|
"data-slot": "column-filter",
|
|
1357
1357
|
"data-disabled": disabled ? "" : void 0,
|
|
1358
1358
|
"aria-disabled": disabled || void 0,
|
|
1359
|
-
className:
|
|
1359
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1360
1360
|
"relative w-full",
|
|
1361
1361
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed data-[disabled]:select-none",
|
|
1362
1362
|
className
|
|
@@ -1378,7 +1378,7 @@ var CancelIcon = React17__namespace.forwardRef(
|
|
|
1378
1378
|
{
|
|
1379
1379
|
ref,
|
|
1380
1380
|
"aria-hidden": "true",
|
|
1381
|
-
className:
|
|
1381
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1382
1382
|
"inline-flex items-center justify-center align-middle rounded-full bg-current",
|
|
1383
1383
|
className
|
|
1384
1384
|
),
|
|
@@ -1387,7 +1387,7 @@ var CancelIcon = React17__namespace.forwardRef(
|
|
|
1387
1387
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1388
1388
|
"span",
|
|
1389
1389
|
{
|
|
1390
|
-
className:
|
|
1390
|
+
className: chunkIYDQLTRF_cjs.cn("block bg-current text-sys-background", iconClassName),
|
|
1391
1391
|
style: {
|
|
1392
1392
|
width: innerSize,
|
|
1393
1393
|
height: innerSize,
|
|
@@ -1416,7 +1416,7 @@ var Command = React17__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
1416
1416
|
cmdk.Command,
|
|
1417
1417
|
{
|
|
1418
1418
|
ref,
|
|
1419
|
-
className:
|
|
1419
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1420
1420
|
"flex h-full w-full flex-col overflow-hidden rounded-small bg-sys-background text-sys-text-main",
|
|
1421
1421
|
className
|
|
1422
1422
|
),
|
|
@@ -1429,8 +1429,8 @@ var Command = React17__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
1429
1429
|
));
|
|
1430
1430
|
Command.displayName = cmdk.Command.displayName;
|
|
1431
1431
|
var CommandDialog = ({ children, title = "\uBA85\uB839 \uAC80\uC0C9", ...props }) => {
|
|
1432
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1433
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1432
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.DialogContent, { className: "overflow-hidden p-0", "aria-describedby": void 0, children: [
|
|
1433
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.DialogTitle, { className: "sr-only", children: title }),
|
|
1434
1434
|
/* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-[8px] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-sys-text-subtle [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-[8px] [&_[cmdk-input-wrapper]_svg]:h-[20px] [&_[cmdk-input-wrapper]_svg]:w-[20px] [&_[cmdk-input]]:h-[48px] [&_[cmdk-item]]:px-[8px] [&_[cmdk-item]]:py-[12px] [&_[cmdk-item]_svg]:h-[20px] [&_[cmdk-item]_svg]:w-[20px]", children })
|
|
1435
1435
|
] }) });
|
|
1436
1436
|
};
|
|
@@ -1438,7 +1438,7 @@ var CommandInput = React17__namespace.forwardRef(
|
|
|
1438
1438
|
({ className, wrapperClassName, iconClassName, placeholder, "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1439
1439
|
"div",
|
|
1440
1440
|
{
|
|
1441
|
-
className:
|
|
1441
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1442
1442
|
"flex items-center border-b border-b-sys-divider-subtle px-[12px]",
|
|
1443
1443
|
wrapperClassName
|
|
1444
1444
|
),
|
|
@@ -1447,7 +1447,7 @@ var CommandInput = React17__namespace.forwardRef(
|
|
|
1447
1447
|
lucideReact.Search,
|
|
1448
1448
|
{
|
|
1449
1449
|
"aria-hidden": true,
|
|
1450
|
-
className:
|
|
1450
|
+
className: chunkIYDQLTRF_cjs.cn("mr-[8px] h-[16px] w-[16px] shrink-0 opacity-50", iconClassName)
|
|
1451
1451
|
}
|
|
1452
1452
|
),
|
|
1453
1453
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1456,7 +1456,7 @@ var CommandInput = React17__namespace.forwardRef(
|
|
|
1456
1456
|
ref,
|
|
1457
1457
|
placeholder,
|
|
1458
1458
|
"aria-label": ariaLabel ?? placeholder ?? "\uAC80\uC0C9",
|
|
1459
|
-
className:
|
|
1459
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1460
1460
|
"flex h-[36px] w-full border-none bg-transparent px-[12px] py-0 text-base-medium text-sys-text-main outline-none placeholder:text-sys-text-subtler disabled:cursor-not-allowed disabled:text-sys-text-disabled",
|
|
1461
1461
|
className
|
|
1462
1462
|
),
|
|
@@ -1472,7 +1472,7 @@ var CommandList = React17__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1472
1472
|
cmdk.Command.List,
|
|
1473
1473
|
{
|
|
1474
1474
|
ref,
|
|
1475
|
-
className:
|
|
1475
|
+
className: chunkIYDQLTRF_cjs.cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
|
|
1476
1476
|
...props
|
|
1477
1477
|
}
|
|
1478
1478
|
));
|
|
@@ -1483,7 +1483,7 @@ var CommandEmpty = React17__namespace.forwardRef((props, ref) => /* @__PURE__ */
|
|
|
1483
1483
|
ref,
|
|
1484
1484
|
className: "py-[24px] text-small-medium text-sys-text-subtlest text-center",
|
|
1485
1485
|
...props,
|
|
1486
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1486
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { justifyContent: "center", alignItems: "center", spacing: 6, children: [
|
|
1487
1487
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, className: "text-sys-text-subtlest shrink-0" }),
|
|
1488
1488
|
props.children || message_default.common.notice_no_selectable_option
|
|
1489
1489
|
] })
|
|
@@ -1494,7 +1494,7 @@ var CommandGroup = React17__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1494
1494
|
cmdk.Command.Group,
|
|
1495
1495
|
{
|
|
1496
1496
|
ref,
|
|
1497
|
-
className:
|
|
1497
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1498
1498
|
"overflow-hidden [&_[cmdk-group-heading]]:px-[8px] [&_[cmdk-group-heading]]:py-[6px] [&_[cmdk-group-heading]]:text-small-medium [&_[cmdk-group-heading]]:text-sys-text-subtle",
|
|
1499
1499
|
className
|
|
1500
1500
|
),
|
|
@@ -1507,7 +1507,7 @@ var CommandSeparator = React17__namespace.forwardRef(({ className, ...props }, r
|
|
|
1507
1507
|
{
|
|
1508
1508
|
ref,
|
|
1509
1509
|
"aria-hidden": true,
|
|
1510
|
-
className:
|
|
1510
|
+
className: chunkIYDQLTRF_cjs.cn("-mx-[4px] h-px bg-sys-divider-subtler", className),
|
|
1511
1511
|
...props
|
|
1512
1512
|
}
|
|
1513
1513
|
));
|
|
@@ -1516,7 +1516,7 @@ var CommandItem = React17__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1516
1516
|
cmdk.Command.Item,
|
|
1517
1517
|
{
|
|
1518
1518
|
ref,
|
|
1519
|
-
className:
|
|
1519
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1520
1520
|
"relative flex w-full cursor-pointer gap-[4px] select-none items-center overflow-hidden rounded-xsmall px-[8px] py-[2px] text-sys-text-main text-base-regular outline-none",
|
|
1521
1521
|
"hover:bg-secondary-o10 active:bg-secondary-o20 data-[selected=true]:bg-secondary-o10",
|
|
1522
1522
|
"data-[state=checked]:text-primary40 data-[state=checked]:text-base-medium data-[state=checked]:hover:bg-primary-o10 data-[state=checked]:active:bg-primary-o20 [&[data-state=checked][data-selected=true]]:bg-primary-o10",
|
|
@@ -1533,17 +1533,17 @@ var CommandShortcut = ({ className, ...props }) => {
|
|
|
1533
1533
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1534
1534
|
"span",
|
|
1535
1535
|
{
|
|
1536
|
-
className:
|
|
1536
|
+
className: chunkIYDQLTRF_cjs.cn("ml-auto text-small-regular tracking-widest text-sys-text-subtler", className),
|
|
1537
1537
|
...props
|
|
1538
1538
|
}
|
|
1539
1539
|
);
|
|
1540
1540
|
};
|
|
1541
1541
|
CommandShortcut.displayName = "CommandShortcut";
|
|
1542
|
-
var itemStateClassName =
|
|
1542
|
+
var itemStateClassName = chunkIYDQLTRF_cjs.cn(
|
|
1543
1543
|
"hover:bg-secondary-o10 active:bg-secondary-o20 data-[selected=true]:bg-secondary-o10",
|
|
1544
1544
|
"data-[state=checked]:text-primary40 data-[state=checked]:hover:bg-primary-o10 data-[state=checked]:active:bg-primary-o20 [&[data-state=checked][data-selected=true]]:bg-primary-o10"
|
|
1545
1545
|
);
|
|
1546
|
-
var itemBaseClassName =
|
|
1546
|
+
var itemBaseClassName = chunkIYDQLTRF_cjs.cn(
|
|
1547
1547
|
"relative flex cursor-pointer select-none items-center overflow-hidden rounded-xsmall text-sys-text-main outline-none transition-colors",
|
|
1548
1548
|
"focus-visible:outline-solid focus-visible:outline-[2px] focus-visible:[outline-color:var(--color-sys-focus-ring-main)] focus-visible:-outline-offset-1",
|
|
1549
1549
|
"data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-sys-text-disabled data-[disabled=true]:opacity-100"
|
|
@@ -1563,22 +1563,22 @@ var operatorGlyphs = {
|
|
|
1563
1563
|
contains: "\uD3EC\uD568",
|
|
1564
1564
|
not_contains: "\uC81C\uC678"
|
|
1565
1565
|
};
|
|
1566
|
-
var tableFilterContentClassName =
|
|
1566
|
+
var tableFilterContentClassName = chunkIYDQLTRF_cjs.cn(
|
|
1567
1567
|
"flex w-[200px] flex-col items-start gap-[2px]",
|
|
1568
1568
|
"[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:w-[200px] [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:items-start [&_[cmdk-group-items]]:gap-[2px]"
|
|
1569
1569
|
);
|
|
1570
|
-
var tableFilterPopoverContentClassName =
|
|
1571
|
-
var tableFilterCommandClassName =
|
|
1572
|
-
var tableFilterScrollbarClassName =
|
|
1570
|
+
var tableFilterPopoverContentClassName = chunkIYDQLTRF_cjs.cn("!p-[8px] w-[220px] flex flex-col gap-[8px]");
|
|
1571
|
+
var tableFilterCommandClassName = chunkIYDQLTRF_cjs.cn("flex flex-col gap-[8px]");
|
|
1572
|
+
var tableFilterScrollbarClassName = chunkIYDQLTRF_cjs.cn(
|
|
1573
1573
|
"[scrollbar-color:var(--color-sys-scroll-bar)_transparent] [scrollbar-width:thin]",
|
|
1574
1574
|
"[&::-webkit-scrollbar]:w-[8px] [&::-webkit-scrollbar-track]:bg-transparent",
|
|
1575
1575
|
"[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-sys-scroll-bar"
|
|
1576
1576
|
);
|
|
1577
|
-
var tableFilterCommandListClassName =
|
|
1577
|
+
var tableFilterCommandListClassName = chunkIYDQLTRF_cjs.cn(
|
|
1578
1578
|
"w-[200px] max-h-[300px] overflow-y-auto overflow-x-hidden",
|
|
1579
1579
|
tableFilterScrollbarClassName
|
|
1580
1580
|
);
|
|
1581
|
-
var tableFilterCommandListSizerClassName =
|
|
1581
|
+
var tableFilterCommandListSizerClassName = chunkIYDQLTRF_cjs.cn(
|
|
1582
1582
|
"[&_[cmdk-list-sizer]]:flex [&_[cmdk-list-sizer]]:w-[200px] [&_[cmdk-list-sizer]]:flex-col",
|
|
1583
1583
|
"[&_[cmdk-list-sizer]]:items-start [&_[cmdk-list-sizer]]:gap-[2px]"
|
|
1584
1584
|
);
|
|
@@ -1591,7 +1591,7 @@ function handleTableFilterSpaceToggle(e) {
|
|
|
1591
1591
|
e.preventDefault();
|
|
1592
1592
|
activeItem.click();
|
|
1593
1593
|
}
|
|
1594
|
-
var tableFilterOperatorContentClassName =
|
|
1594
|
+
var tableFilterOperatorContentClassName = chunkIYDQLTRF_cjs.cn("flex w-full flex-col items-start gap-[2px]");
|
|
1595
1595
|
function getTableFilterOperatorGlyph(operator) {
|
|
1596
1596
|
return operatorGlyphs[operator] ?? operator;
|
|
1597
1597
|
}
|
|
@@ -1600,7 +1600,7 @@ function getTableFilterItemClassName({
|
|
|
1600
1600
|
selected = false,
|
|
1601
1601
|
className
|
|
1602
1602
|
}) {
|
|
1603
|
-
return
|
|
1603
|
+
return chunkIYDQLTRF_cjs.cn(
|
|
1604
1604
|
itemBaseClassName,
|
|
1605
1605
|
itemKindClassName[kind],
|
|
1606
1606
|
itemStateClassName,
|
|
@@ -1613,7 +1613,7 @@ function getTableFilterTextSlotClassName({
|
|
|
1613
1613
|
selected = false,
|
|
1614
1614
|
className
|
|
1615
1615
|
} = {}) {
|
|
1616
|
-
return
|
|
1616
|
+
return chunkIYDQLTRF_cjs.cn(
|
|
1617
1617
|
"flex min-w-0 flex-1 items-center px-[4px]",
|
|
1618
1618
|
selected ? "text-base-medium text-primary40" : "text-base-regular text-sys-text-main",
|
|
1619
1619
|
className
|
|
@@ -1623,11 +1623,11 @@ var TableFilterTriggerButton = React17__namespace.forwardRef(
|
|
|
1623
1623
|
({ isSelected = false, isPlaceholder = false, rightIcon, className, children, ...props }, ref) => {
|
|
1624
1624
|
const textId = React17__namespace.useId();
|
|
1625
1625
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1626
|
-
|
|
1626
|
+
chunkIYDQLTRF_cjs.Button,
|
|
1627
1627
|
{
|
|
1628
1628
|
ref,
|
|
1629
1629
|
variant: isSelected ? "primary" : "secondary",
|
|
1630
|
-
className:
|
|
1630
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1631
1631
|
"w-fit justify-between",
|
|
1632
1632
|
isPlaceholder && !isSelected && "text-sys-button-secondary-link-text",
|
|
1633
1633
|
className
|
|
@@ -1647,9 +1647,9 @@ var TableFilterSearchInput = React17__namespace.forwardRef(({ className, wrapper
|
|
|
1647
1647
|
CommandInput,
|
|
1648
1648
|
{
|
|
1649
1649
|
ref,
|
|
1650
|
-
wrapperClassName:
|
|
1651
|
-
iconClassName:
|
|
1652
|
-
className:
|
|
1650
|
+
wrapperClassName: chunkIYDQLTRF_cjs.cn("h-[36px] w-[200px] shrink-0 px-[8px]", wrapperClassName),
|
|
1651
|
+
iconClassName: chunkIYDQLTRF_cjs.cn("mr-[8px] h-[16px] w-[16px]", iconClassName),
|
|
1652
|
+
className: chunkIYDQLTRF_cjs.cn("h-full px-0 text-base-medium", className),
|
|
1653
1653
|
...props
|
|
1654
1654
|
}
|
|
1655
1655
|
));
|
|
@@ -1674,7 +1674,7 @@ var TableFilterCheckboxCommandItem = React17__namespace.forwardRef(({ checked, c
|
|
|
1674
1674
|
className,
|
|
1675
1675
|
...props,
|
|
1676
1676
|
children: [
|
|
1677
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[24px] shrink-0 items-center justify-center p-[4px]", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1677
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[24px] shrink-0 items-center justify-center p-[4px]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Checkbox, { checked, tabIndex: -1, "aria-hidden": true }) }),
|
|
1678
1678
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1679
1679
|
"span",
|
|
1680
1680
|
{
|
|
@@ -1696,7 +1696,7 @@ function TableFilterOperatorGlyph({
|
|
|
1696
1696
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1697
1697
|
"span",
|
|
1698
1698
|
{
|
|
1699
|
-
className:
|
|
1699
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1700
1700
|
"inline-flex min-h-[16px] min-w-[16px] items-center justify-center px-[2px]",
|
|
1701
1701
|
className
|
|
1702
1702
|
),
|
|
@@ -1713,14 +1713,14 @@ function TableFilterLoadingItem({
|
|
|
1713
1713
|
"div",
|
|
1714
1714
|
{
|
|
1715
1715
|
role: "status",
|
|
1716
|
-
className:
|
|
1716
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1717
1717
|
"flex h-[36px] w-[200px] items-center justify-center gap-[8px] overflow-hidden rounded-xsmall py-[6px] pl-[2px] pr-[6px]",
|
|
1718
1718
|
"text-small-medium text-sys-text-subtlest",
|
|
1719
1719
|
className
|
|
1720
1720
|
),
|
|
1721
1721
|
...props,
|
|
1722
1722
|
children: [
|
|
1723
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1723
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Spinner, { size: "medium", variant: "secondary", className: "shrink-0" }),
|
|
1724
1724
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: label })
|
|
1725
1725
|
]
|
|
1726
1726
|
}
|
|
@@ -1729,7 +1729,7 @@ function TableFilterLoadingItem({
|
|
|
1729
1729
|
var FOCUS_RING_MAIN_STYLE = {
|
|
1730
1730
|
outlineColor: "var(--color-sys-focus-ring-main)"
|
|
1731
1731
|
};
|
|
1732
|
-
var popoverContentStyles =
|
|
1732
|
+
var popoverContentStyles = chunkIYDQLTRF_cjs.cn(
|
|
1733
1733
|
"fixed z-[9999] rounded-medium bg-sys-background shadow-gray-small outline-none border border-sys-divider-subtler",
|
|
1734
1734
|
"animate-[fade-in_150ms_ease-out,zoom-in_150ms_ease-out]"
|
|
1735
1735
|
);
|
|
@@ -1844,7 +1844,7 @@ function ColumnSelectPopover() {
|
|
|
1844
1844
|
{
|
|
1845
1845
|
ref: popoverRef,
|
|
1846
1846
|
"data-slot": "column-select-popover",
|
|
1847
|
-
className:
|
|
1847
|
+
className: chunkIYDQLTRF_cjs.cn(popoverContentStyles, "p-[8px]"),
|
|
1848
1848
|
style: {
|
|
1849
1849
|
top: popoverPosition.y + 8,
|
|
1850
1850
|
left: popoverPosition.x
|
|
@@ -1856,7 +1856,7 @@ function ColumnSelectPopover() {
|
|
|
1856
1856
|
{
|
|
1857
1857
|
id: ids.columnListId,
|
|
1858
1858
|
role: isInputDriven ? "listbox" : "menu",
|
|
1859
|
-
className:
|
|
1859
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1860
1860
|
tableFilterContentClassName,
|
|
1861
1861
|
"max-h-[324px] overflow-y-auto overflow-x-hidden",
|
|
1862
1862
|
tableFilterScrollbarClassName
|
|
@@ -1944,7 +1944,7 @@ function ColumnSelectPopover() {
|
|
|
1944
1944
|
}
|
|
1945
1945
|
},
|
|
1946
1946
|
children: [
|
|
1947
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 16, className:
|
|
1947
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 16, className: chunkIYDQLTRF_cjs.cn(isSelected ? "text-primary50" : "invisible") }),
|
|
1948
1948
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: getTableFilterTextSlotClassName({ selected: isSelected }), children: column.label })
|
|
1949
1949
|
]
|
|
1950
1950
|
},
|
|
@@ -1958,7 +1958,7 @@ function ColumnSelectPopover() {
|
|
|
1958
1958
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1959
1959
|
"div",
|
|
1960
1960
|
{
|
|
1961
|
-
className:
|
|
1961
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
1962
1962
|
"text-small-regular text-sys-text-subtler",
|
|
1963
1963
|
"max-h-[243px] overflow-y-auto overflow-x-hidden break-keep wrap-break-word",
|
|
1964
1964
|
tableFilterScrollbarClassName
|
|
@@ -2042,7 +2042,7 @@ function OperatorSelectPopover() {
|
|
|
2042
2042
|
"data-slot": "operator-select-popover",
|
|
2043
2043
|
role: "menu",
|
|
2044
2044
|
id: ids.operatorListId,
|
|
2045
|
-
className:
|
|
2045
|
+
className: chunkIYDQLTRF_cjs.cn(popoverContentStyles, "w-[100px] p-[8px]"),
|
|
2046
2046
|
style: {
|
|
2047
2047
|
top: popoverPosition.y + 8,
|
|
2048
2048
|
left: popoverPosition.x
|
|
@@ -2115,7 +2115,7 @@ function OperatorSelectPopover() {
|
|
|
2115
2115
|
lucideReact.Check,
|
|
2116
2116
|
{
|
|
2117
2117
|
size: 16,
|
|
2118
|
-
className:
|
|
2118
|
+
className: chunkIYDQLTRF_cjs.cn("absolute left-[8px]", isSelected ? "text-primary50" : "invisible")
|
|
2119
2119
|
}
|
|
2120
2120
|
),
|
|
2121
2121
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex min-w-0 flex-1 items-center justify-center px-[4px]", children: /* @__PURE__ */ jsxRuntime.jsx(TableFilterOperatorGlyph, { operator }) })
|
|
@@ -2190,7 +2190,7 @@ function SearchSuggestionPopover() {
|
|
|
2190
2190
|
{
|
|
2191
2191
|
ref: popoverRef,
|
|
2192
2192
|
"data-slot": "search-suggestion-popover",
|
|
2193
|
-
className:
|
|
2193
|
+
className: chunkIYDQLTRF_cjs.cn(popoverContentStyles, "w-[220px] p-[8px]"),
|
|
2194
2194
|
style: {
|
|
2195
2195
|
top: popoverPosition.y + 8,
|
|
2196
2196
|
left: popoverPosition.x
|
|
@@ -2336,7 +2336,7 @@ function ValueSuggestionPopover() {
|
|
|
2336
2336
|
{
|
|
2337
2337
|
ref: popoverRef,
|
|
2338
2338
|
"data-slot": "value-suggestion-popover",
|
|
2339
|
-
className:
|
|
2339
|
+
className: chunkIYDQLTRF_cjs.cn(popoverContentStyles, "w-[220px] p-[8px]"),
|
|
2340
2340
|
style: { top: popoverPosition.y + 8, left: popoverPosition.x },
|
|
2341
2341
|
children: /* @__PURE__ */ jsxRuntime.jsx(TableFilterLoadingItem, {})
|
|
2342
2342
|
}
|
|
@@ -2348,7 +2348,7 @@ function ValueSuggestionPopover() {
|
|
|
2348
2348
|
{
|
|
2349
2349
|
ref: popoverRef,
|
|
2350
2350
|
"data-slot": "value-suggestion-popover",
|
|
2351
|
-
className:
|
|
2351
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2352
2352
|
popoverContentStyles,
|
|
2353
2353
|
"w-[220px] max-h-[224px] overflow-y-auto p-[8px]",
|
|
2354
2354
|
tableFilterScrollbarClassName
|
|
@@ -2429,7 +2429,7 @@ function ValueSuggestionPopover() {
|
|
|
2429
2429
|
}
|
|
2430
2430
|
ValueSuggestionPopover.displayName = "ValueSuggestionPopover";
|
|
2431
2431
|
function ColumnFilterPopover({ children, className }) {
|
|
2432
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2432
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkIYDQLTRF_cjs.cn("relative", className), children: [
|
|
2433
2433
|
children,
|
|
2434
2434
|
/* @__PURE__ */ jsxRuntime.jsx(ColumnSelectPopover, {}),
|
|
2435
2435
|
/* @__PURE__ */ jsxRuntime.jsx(OperatorSelectPopover, {}),
|
|
@@ -2479,7 +2479,7 @@ function ColumnFilterTag({
|
|
|
2479
2479
|
"div",
|
|
2480
2480
|
{
|
|
2481
2481
|
"data-slot": "column-filter-tag",
|
|
2482
|
-
className:
|
|
2482
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2483
2483
|
"inline-flex h-[24px] max-w-full min-w-0 items-center overflow-hidden rounded-xsmall",
|
|
2484
2484
|
isInvalid ? "bg-danger-o10" : "bg-primary-o10",
|
|
2485
2485
|
"select-none",
|
|
@@ -2488,8 +2488,8 @@ function ColumnFilterTag({
|
|
|
2488
2488
|
style,
|
|
2489
2489
|
...props,
|
|
2490
2490
|
children: [
|
|
2491
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2492
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2491
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
2492
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2493
2493
|
"button",
|
|
2494
2494
|
{
|
|
2495
2495
|
type: "button",
|
|
@@ -2497,7 +2497,7 @@ function ColumnFilterTag({
|
|
|
2497
2497
|
disabled,
|
|
2498
2498
|
onClick: handleEdit,
|
|
2499
2499
|
"aria-label": `${tooltipLabel} \uD544\uD130 \uD3B8\uC9D1`,
|
|
2500
|
-
className:
|
|
2500
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2501
2501
|
"inline-flex h-full min-w-0 flex-1 items-center cursor-pointer",
|
|
2502
2502
|
FOCUS_RING_CLASS,
|
|
2503
2503
|
"disabled:cursor-not-allowed"
|
|
@@ -2507,7 +2507,7 @@ function ColumnFilterTag({
|
|
|
2507
2507
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2508
2508
|
"span",
|
|
2509
2509
|
{
|
|
2510
|
-
className:
|
|
2510
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2511
2511
|
// 라벨: min-w-[36px]는 글자 수 보장이 아니라 긴 값(base 수백 px)이 flex shrink 배분에서
|
|
2512
2512
|
// 라벨을 뭉개는 것을 막는 장치 (border-box, 패딩 10px 포함).
|
|
2513
2513
|
// 상한: 라벨바닥 + 28.2(최대 연산자 '제외' box) + 22(⊗) ≤ 100(태그 영역 바닥).
|
|
@@ -2523,7 +2523,7 @@ function ColumnFilterTag({
|
|
|
2523
2523
|
{
|
|
2524
2524
|
"aria-hidden": true,
|
|
2525
2525
|
title: operatorLabel,
|
|
2526
|
-
className:
|
|
2526
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2527
2527
|
"flex h-full shrink-0 items-center justify-center p-[2px]",
|
|
2528
2528
|
operatorTextClassName,
|
|
2529
2529
|
textColorClass
|
|
@@ -2534,7 +2534,7 @@ function ColumnFilterTag({
|
|
|
2534
2534
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2535
2535
|
"span",
|
|
2536
2536
|
{
|
|
2537
|
-
className:
|
|
2537
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2538
2538
|
// 값: 최소 폭 바닥 없음 — 바닥은 짧은 값에 빈 공간을 만들고(실측 최대 33px/태그),
|
|
2539
2539
|
// 좁은 폭에서 ⊗ 삭제 버튼을 밀어낸다. 전문은 tooltip으로 접근 가능(키보드 포커스 포함, 실측 통과).
|
|
2540
2540
|
// min-w-[min(N,max-content)]는 무효 CSS(min()은 length-percentage만 허용) — 재시도 금지.
|
|
@@ -2548,7 +2548,7 @@ function ColumnFilterTag({
|
|
|
2548
2548
|
]
|
|
2549
2549
|
}
|
|
2550
2550
|
) }),
|
|
2551
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2551
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { children: tooltipLabel })
|
|
2552
2552
|
] }) }),
|
|
2553
2553
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2554
2554
|
"button",
|
|
@@ -2556,7 +2556,7 @@ function ColumnFilterTag({
|
|
|
2556
2556
|
type: "button",
|
|
2557
2557
|
disabled,
|
|
2558
2558
|
onClick: handleRemove,
|
|
2559
|
-
className:
|
|
2559
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2560
2560
|
"inline-flex h-full shrink-0 items-center rounded-xsmall py-[2px] pl-[2px] pr-[4px]",
|
|
2561
2561
|
FOCUS_RING_CLASS,
|
|
2562
2562
|
"transition-colors group/remove",
|
|
@@ -2569,7 +2569,7 @@ function ColumnFilterTag({
|
|
|
2569
2569
|
CancelIcon,
|
|
2570
2570
|
{
|
|
2571
2571
|
size: 16,
|
|
2572
|
-
iconClassName:
|
|
2572
|
+
iconClassName: chunkIYDQLTRF_cjs.cn(
|
|
2573
2573
|
isInvalid ? "bg-sys-background bg-[image:linear-gradient(var(--color-danger-o10),var(--color-danger-o10))]" : "bg-sys-background bg-[image:linear-gradient(var(--color-primary-o10),var(--color-primary-o10))]",
|
|
2574
2574
|
"group-hover/remove:bg-sys-background hover:group-hover/remove:bg-[image:linear-gradient(var(--color-danger-o10),var(--color-danger-o10))]",
|
|
2575
2575
|
"group-active/remove:bg-sys-background active:group-active/remove:bg-[image:linear-gradient(var(--color-danger-o30),var(--color-danger-o30))]"
|
|
@@ -2614,7 +2614,7 @@ function EditingTag({
|
|
|
2614
2614
|
"div",
|
|
2615
2615
|
{
|
|
2616
2616
|
"data-slot": "column-filter-editing-tag",
|
|
2617
|
-
className:
|
|
2617
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2618
2618
|
"my-[1px] inline-flex h-[24px] max-w-full min-w-0 items-center overflow-hidden rounded-xsmall",
|
|
2619
2619
|
isInvalid ? "bg-danger-o10" : "bg-primary-o10",
|
|
2620
2620
|
"select-none"
|
|
@@ -2627,13 +2627,13 @@ function EditingTag({
|
|
|
2627
2627
|
"data-column-button": true,
|
|
2628
2628
|
onClick: handleColumnButtonClick,
|
|
2629
2629
|
onKeyDown: handleColumnButtonKeyDown,
|
|
2630
|
-
className:
|
|
2630
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2631
2631
|
"flex h-full shrink-0 items-center rounded-l-xsmall pl-[6px] pr-[4px] transition-colors",
|
|
2632
2632
|
"focus:outline-none focus-visible:outline-solid focus-visible:outline-[2px] focus-visible:[outline-color:var(--color-sys-focus-ring-main)] focus-visible:-outline-offset-1",
|
|
2633
2633
|
isInvalid ? "hover:bg-danger-o10 active:bg-danger-o30" : "hover:bg-primary-o10 active:bg-primary-o30"
|
|
2634
2634
|
),
|
|
2635
2635
|
style: FOCUS_RING_MAIN_STYLE3,
|
|
2636
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2636
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkIYDQLTRF_cjs.cn("text-base-regular", isInvalid ? "text-danger50" : "text-primary50"), children: editingColumnLabel })
|
|
2637
2637
|
}
|
|
2638
2638
|
),
|
|
2639
2639
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2645,7 +2645,7 @@ function EditingTag({
|
|
|
2645
2645
|
onKeyDown: handleOperatorButtonKeyDown,
|
|
2646
2646
|
"aria-label": editingOperatorLabel,
|
|
2647
2647
|
title: editingOperatorLabel,
|
|
2648
|
-
className:
|
|
2648
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2649
2649
|
"flex h-full min-w-[20px] shrink-0 items-center justify-center p-[2px] transition-colors",
|
|
2650
2650
|
"focus:outline-none focus-visible:outline-solid focus-visible:outline-[2px] focus-visible:[outline-color:var(--color-sys-focus-ring-main)] focus-visible:-outline-offset-1",
|
|
2651
2651
|
isInvalid ? editingFilter.operator ? "hover:bg-danger-o10 active:bg-danger-o30" : "bg-danger-o30 hover:bg-danger-o10 active:bg-danger-o30" : editingFilter.operator ? "hover:bg-primary-o10 active:bg-primary-o30" : "bg-primary-o30 hover:bg-primary-o10 active:bg-primary-o30"
|
|
@@ -2654,7 +2654,7 @@ function EditingTag({
|
|
|
2654
2654
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2655
2655
|
"span",
|
|
2656
2656
|
{
|
|
2657
|
-
className:
|
|
2657
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2658
2658
|
operatorTextClassName,
|
|
2659
2659
|
isInvalid ? editingFilter.operator ? "text-danger50" : "text-danger40" : editingFilter.operator ? "text-primary50" : "text-primary40"
|
|
2660
2660
|
),
|
|
@@ -2666,7 +2666,7 @@ function EditingTag({
|
|
|
2666
2666
|
editingFilter.operator && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2667
2667
|
"div",
|
|
2668
2668
|
{
|
|
2669
|
-
className:
|
|
2669
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2670
2670
|
"relative flex h-full min-w-0 items-center overflow-hidden rounded-xsmall px-[4px] transition-colors",
|
|
2671
2671
|
"focus-within:outline-solid focus-within:outline-[2px] focus-within:[outline-color:var(--color-sys-focus-ring-main)] focus-within:-outline-offset-1",
|
|
2672
2672
|
isInvalid ? "hover:bg-danger-o10 active:bg-danger-o30" : "hover:bg-primary-o10 active:bg-primary-o30"
|
|
@@ -2701,7 +2701,7 @@ function EditingTag({
|
|
|
2701
2701
|
onKeyDown: handleKeyDown,
|
|
2702
2702
|
placeholder: "",
|
|
2703
2703
|
"aria-label": editingColumnLabel ? `${editingColumnLabel} \uAC12` : "\uD544\uD130 \uAC12",
|
|
2704
|
-
className:
|
|
2704
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2705
2705
|
"h-full bg-transparent border-none p-0 outline-none",
|
|
2706
2706
|
"text-base-semibold",
|
|
2707
2707
|
isInvalid ? "text-danger50" : "text-primary50",
|
|
@@ -2723,7 +2723,7 @@ function EditingTag({
|
|
|
2723
2723
|
e.stopPropagation();
|
|
2724
2724
|
cancelEditing();
|
|
2725
2725
|
},
|
|
2726
|
-
className:
|
|
2726
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
2727
2727
|
"inline-flex h-full shrink-0 items-center rounded-xsmall py-[2px] pl-[2px] pr-[4px]",
|
|
2728
2728
|
"focus:outline-none focus-visible:outline-solid focus-visible:outline-[2px] focus-visible:[outline-color:var(--color-sys-focus-ring-main)] focus-visible:-outline-offset-1",
|
|
2729
2729
|
"transition-colors group/remove",
|
|
@@ -2736,7 +2736,7 @@ function EditingTag({
|
|
|
2736
2736
|
CancelIcon,
|
|
2737
2737
|
{
|
|
2738
2738
|
size: 16,
|
|
2739
|
-
iconClassName:
|
|
2739
|
+
iconClassName: chunkIYDQLTRF_cjs.cn(
|
|
2740
2740
|
isInvalid ? "bg-sys-background bg-[image:linear-gradient(var(--color-danger-o10),var(--color-danger-o10))]" : "bg-sys-background bg-[image:linear-gradient(var(--color-primary-o10),var(--color-primary-o10))]",
|
|
2741
2741
|
"group-hover/remove:bg-sys-background hover:group-hover/remove:bg-[image:linear-gradient(var(--color-danger-o10),var(--color-danger-o10))]",
|
|
2742
2742
|
"group-active/remove:bg-sys-background active:group-active/remove:bg-[image:linear-gradient(var(--color-danger-o30),var(--color-danger-o30))]"
|
|
@@ -3208,7 +3208,7 @@ function ColumnFilterInput({
|
|
|
3208
3208
|
ref: containerRef,
|
|
3209
3209
|
"data-slot": "column-filter-input",
|
|
3210
3210
|
role: "presentation",
|
|
3211
|
-
className:
|
|
3211
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3212
3212
|
"flex items-center gap-[4px]",
|
|
3213
3213
|
hasFilterTokens && "flex-wrap",
|
|
3214
3214
|
"w-full min-h-[36px] rounded-small border border-sys-divider-main bg-sys-background",
|
|
@@ -3226,7 +3226,7 @@ function ColumnFilterInput({
|
|
|
3226
3226
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3227
3227
|
"div",
|
|
3228
3228
|
{
|
|
3229
|
-
className:
|
|
3229
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3230
3230
|
"flex min-w-0 flex-1 flex-wrap items-center gap-x-[4px]",
|
|
3231
3231
|
hasFilterTokens && "min-w-[100px] basis-[100px]"
|
|
3232
3232
|
),
|
|
@@ -3307,7 +3307,7 @@ function ColumnFilterInput({
|
|
|
3307
3307
|
onKeyDown: handleKeyDown,
|
|
3308
3308
|
placeholder,
|
|
3309
3309
|
"aria-label": placeholder || "\uAC80\uC0C9",
|
|
3310
|
-
className:
|
|
3310
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3311
3311
|
"h-[26px] flex-1 min-w-[100px] bg-transparent border-none p-0 outline-none",
|
|
3312
3312
|
"text-base-regular text-sys-text-main placeholder:text-sys-text-subtler"
|
|
3313
3313
|
)
|
|
@@ -3323,7 +3323,7 @@ function ColumnFilterInput({
|
|
|
3323
3323
|
"data-column-filter-reset-button": true,
|
|
3324
3324
|
disabled,
|
|
3325
3325
|
onClick: handleReset,
|
|
3326
|
-
className:
|
|
3326
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3327
3327
|
"flex items-center justify-center shrink-0 p-[2px] rounded-small",
|
|
3328
3328
|
"text-sys-text-subtler hover:bg-secondary-o10",
|
|
3329
3329
|
"focus:outline-none focus-visible:outline-solid focus-visible:outline-[2px] focus-visible:[outline-color:var(--color-sys-focus-ring-main)] focus-visible:-outline-offset-1",
|
|
@@ -3346,7 +3346,7 @@ var PopoverContent = React17__namespace.forwardRef(({ align = "center", sideOffs
|
|
|
3346
3346
|
align,
|
|
3347
3347
|
sideOffset,
|
|
3348
3348
|
...props,
|
|
3349
|
-
className:
|
|
3349
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3350
3350
|
"z-[calc(var(--root-z-index)-1)] rounded-medium bg-sys-background p-[8px] shadow-gray-small color-sys-text-main outline-none border border-sys-divider-subtler",
|
|
3351
3351
|
"data-[state=open]:animate-[fade-in_150ms_ease-out,zoom-in_150ms_ease-out]",
|
|
3352
3352
|
"data-[state=closed]:animate-[fade-out_150ms_ease-in,zoom-out_150ms_ease-in]",
|
|
@@ -3402,7 +3402,7 @@ function ColumnVisibilityFilter({
|
|
|
3402
3402
|
};
|
|
3403
3403
|
return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
|
|
3404
3404
|
/* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3405
|
-
|
|
3405
|
+
chunkIYDQLTRF_cjs.Button,
|
|
3406
3406
|
{
|
|
3407
3407
|
variant: "secondary",
|
|
3408
3408
|
role: "combobox",
|
|
@@ -3412,7 +3412,7 @@ function ColumnVisibilityFilter({
|
|
|
3412
3412
|
children: [
|
|
3413
3413
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListFilter, { size: 20, className: "mr-[2px]" }),
|
|
3414
3414
|
title,
|
|
3415
|
-
selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3415
|
+
selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Badge, { variant: "secondary", className: "ml-[4px]", children: selectedValues.length })
|
|
3416
3416
|
]
|
|
3417
3417
|
}
|
|
3418
3418
|
) }),
|
|
@@ -3420,11 +3420,11 @@ function ColumnVisibilityFilter({
|
|
|
3420
3420
|
PopoverContent,
|
|
3421
3421
|
{
|
|
3422
3422
|
"aria-label": title ?? "\uCEEC\uB7FC \uD45C\uC2DC",
|
|
3423
|
-
className:
|
|
3423
|
+
className: chunkIYDQLTRF_cjs.cn(tableFilterPopoverContentClassName, className?.PopoverContent),
|
|
3424
3424
|
align,
|
|
3425
3425
|
children: [
|
|
3426
3426
|
/* @__PURE__ */ jsxRuntime.jsx(FilterTitle, { title }),
|
|
3427
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Command, { className:
|
|
3427
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Command, { className: chunkIYDQLTRF_cjs.cn(tableFilterCommandClassName, className?.Command), children: [
|
|
3428
3428
|
searchable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3429
3429
|
TableFilterSearchInput,
|
|
3430
3430
|
{
|
|
@@ -3432,9 +3432,9 @@ function ColumnVisibilityFilter({
|
|
|
3432
3432
|
className: className?.CommandInput
|
|
3433
3433
|
}
|
|
3434
3434
|
),
|
|
3435
|
-
/* @__PURE__ */ jsxRuntime.jsxs(CommandList, { className:
|
|
3435
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CommandList, { className: chunkIYDQLTRF_cjs.cn(tableFilterCommandListClassName, className?.CommandList), children: [
|
|
3436
3436
|
/* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: emptyText }),
|
|
3437
|
-
/* @__PURE__ */ jsxRuntime.jsxs(CommandGroup, { className:
|
|
3437
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CommandGroup, { className: chunkIYDQLTRF_cjs.cn(tableFilterContentClassName, className?.CommandGroup), children: [
|
|
3438
3438
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3439
3439
|
TableFilterCheckboxCommandItem,
|
|
3440
3440
|
{
|
|
@@ -3478,7 +3478,7 @@ function FloatingLabelOutline({
|
|
|
3478
3478
|
isThickBorder,
|
|
3479
3479
|
labelId
|
|
3480
3480
|
}) {
|
|
3481
|
-
const transitionClass =
|
|
3481
|
+
const transitionClass = chunkIYDQLTRF_cjs.cn(
|
|
3482
3482
|
isMounted && "transition-[top,translate,scale,color] duration-150 ease-[cubic-bezier(0.4,0,0.2,1)]",
|
|
3483
3483
|
"motion-reduce:transition-none"
|
|
3484
3484
|
);
|
|
@@ -3492,7 +3492,7 @@ function FloatingLabelOutline({
|
|
|
3492
3492
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3493
3493
|
"span",
|
|
3494
3494
|
{
|
|
3495
|
-
className:
|
|
3495
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3496
3496
|
"h-full w-[8px] rounded-l-small",
|
|
3497
3497
|
borderColorClass,
|
|
3498
3498
|
isThickBorder ? "border-t-[2px] border-b-[2px] border-l-[2px] border-r-0" : "border-t border-b border-l border-r-0"
|
|
@@ -3502,7 +3502,7 @@ function FloatingLabelOutline({
|
|
|
3502
3502
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3503
3503
|
"span",
|
|
3504
3504
|
{
|
|
3505
|
-
className:
|
|
3505
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3506
3506
|
"h-full relative",
|
|
3507
3507
|
borderColorClass,
|
|
3508
3508
|
isThickBorder ? "border-t-[2px] border-b-[2px] border-l-0 border-r-0" : "border-t border-b border-l-0 border-r-0",
|
|
@@ -3528,10 +3528,10 @@ function FloatingLabelOutline({
|
|
|
3528
3528
|
id: labelId,
|
|
3529
3529
|
"data-slot": "floating-label",
|
|
3530
3530
|
"data-floating": isFloating,
|
|
3531
|
-
className:
|
|
3531
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3532
3532
|
"absolute left-0 px-[2px] whitespace-nowrap origin-left",
|
|
3533
3533
|
"text-small-medium leading-none -translate-y-1/2",
|
|
3534
|
-
isFloating ?
|
|
3534
|
+
isFloating ? chunkIYDQLTRF_cjs.cn("scale-100 -top-[2px]", isThickBorder && "-mt-[1px]") : "top-[min(50%,18px)] scale-[1.167]",
|
|
3535
3535
|
labelColorClass,
|
|
3536
3536
|
transitionClass
|
|
3537
3537
|
),
|
|
@@ -3547,7 +3547,7 @@ function FloatingLabelOutline({
|
|
|
3547
3547
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3548
3548
|
"span",
|
|
3549
3549
|
{
|
|
3550
|
-
className:
|
|
3550
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3551
3551
|
"h-full flex-1 rounded-r-small",
|
|
3552
3552
|
borderColorClass,
|
|
3553
3553
|
isThickBorder ? "border-t-[2px] border-b-[2px] border-r-[2px] border-l-0" : "border-t border-b border-r border-l-0"
|
|
@@ -3564,7 +3564,7 @@ function FloatingLabelOutline({
|
|
|
3564
3564
|
id: labelId,
|
|
3565
3565
|
"data-slot": "floating-label",
|
|
3566
3566
|
"data-floating": isFloating,
|
|
3567
|
-
className:
|
|
3567
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3568
3568
|
"absolute left-[8px] pointer-events-none origin-left z-10",
|
|
3569
3569
|
"text-small-medium leading-none whitespace-nowrap -translate-y-1/2",
|
|
3570
3570
|
isFloating ? "-top-[2px] scale-100" : "top-[min(50%,18px)] scale-[1.167]",
|
|
@@ -3650,7 +3650,7 @@ var word = {
|
|
|
3650
3650
|
};
|
|
3651
3651
|
var word_default = word;
|
|
3652
3652
|
var labelVariants = classVarianceAuthority.cva("text-sys-text-main text-base-regular");
|
|
3653
|
-
var Label = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className:
|
|
3653
|
+
var Label = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkIYDQLTRF_cjs.cn(labelVariants(), className), ...props }));
|
|
3654
3654
|
Label.displayName = LabelPrimitive__namespace.Root.displayName;
|
|
3655
3655
|
var DATE_PRESETS_LIST_SIZER_CLASS = "[&_[cmdk-list-sizer]]:flex [&_[cmdk-list-sizer]]:flex-col [&_[cmdk-list-sizer]]:gap-[2px]";
|
|
3656
3656
|
var dateRangeOptions = [
|
|
@@ -3697,8 +3697,8 @@ function DateRangePresets({
|
|
|
3697
3697
|
}
|
|
3698
3698
|
const [isCustomCalendarOpen, setIsCustomCalendarOpen] = React17.useState(false);
|
|
3699
3699
|
if (isCustomCalendarOpen || !withPresets) {
|
|
3700
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3701
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3700
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { direction: "column", spacing: 8, children: [
|
|
3701
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Separator, {}),
|
|
3702
3702
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3703
3703
|
Calendar,
|
|
3704
3704
|
{
|
|
@@ -3711,9 +3711,9 @@ function DateRangePresets({
|
|
|
3711
3711
|
}
|
|
3712
3712
|
),
|
|
3713
3713
|
withPresets && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3714
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3714
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Separator, {}),
|
|
3715
3715
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3716
|
-
|
|
3716
|
+
chunkIYDQLTRF_cjs.Button,
|
|
3717
3717
|
{
|
|
3718
3718
|
variant: "secondary",
|
|
3719
3719
|
className: "self-start",
|
|
@@ -3728,12 +3728,12 @@ function DateRangePresets({
|
|
|
3728
3728
|
] })
|
|
3729
3729
|
] });
|
|
3730
3730
|
}
|
|
3731
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3731
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkIYDQLTRF_cjs.cn("flex flex-col gap-[8px]", className?.Command), children: [
|
|
3732
3732
|
/* @__PURE__ */ jsxRuntime.jsx(Command, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3733
3733
|
CommandList,
|
|
3734
3734
|
{
|
|
3735
3735
|
label: "\uB0A0\uC9DC \uD544\uD130",
|
|
3736
|
-
className:
|
|
3736
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3737
3737
|
DATE_PRESETS_LIST_SIZER_CLASS,
|
|
3738
3738
|
className?.CommandGroup,
|
|
3739
3739
|
className?.CommandList
|
|
@@ -3744,12 +3744,12 @@ function DateRangePresets({
|
|
|
3744
3744
|
{
|
|
3745
3745
|
onSelect: reset,
|
|
3746
3746
|
"data-state": selectedValues === void 0 ? "checked" : "unchecked",
|
|
3747
|
-
className:
|
|
3747
|
+
className: chunkIYDQLTRF_cjs.cn(className?.CommandItem),
|
|
3748
3748
|
children: [
|
|
3749
3749
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3750
3750
|
lucideReact.CheckIcon,
|
|
3751
3751
|
{
|
|
3752
|
-
className:
|
|
3752
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3753
3753
|
"opacity-0",
|
|
3754
3754
|
selectedValues === void 0 && "opacity-100",
|
|
3755
3755
|
"shrink-0 !w-[16px] !h-[16px] "
|
|
@@ -3776,12 +3776,12 @@ function DateRangePresets({
|
|
|
3776
3776
|
setDate?.(dateRange, /* @__PURE__ */ new Date(), {}, {});
|
|
3777
3777
|
},
|
|
3778
3778
|
"data-state": selectedValues === option.value ? "checked" : "unchecked",
|
|
3779
|
-
className:
|
|
3779
|
+
className: chunkIYDQLTRF_cjs.cn(className?.CommandItem),
|
|
3780
3780
|
children: [
|
|
3781
3781
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3782
3782
|
lucideReact.CheckIcon,
|
|
3783
3783
|
{
|
|
3784
|
-
className:
|
|
3784
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3785
3785
|
"opacity-0",
|
|
3786
3786
|
selectedValues === option.value && "opacity-100",
|
|
3787
3787
|
"shrink-0 !w-[16px] !h-[16px]"
|
|
@@ -3797,7 +3797,7 @@ function DateRangePresets({
|
|
|
3797
3797
|
}
|
|
3798
3798
|
) }),
|
|
3799
3799
|
showCalendarButton && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3800
|
-
|
|
3800
|
+
chunkIYDQLTRF_cjs.Button,
|
|
3801
3801
|
{
|
|
3802
3802
|
variant: "secondary",
|
|
3803
3803
|
spacing: "compact",
|
|
@@ -3842,8 +3842,8 @@ function DatePresets({
|
|
|
3842
3842
|
}
|
|
3843
3843
|
const [isCustomCalendarOpen, setIsCustomCalendarOpen] = React17.useState(false);
|
|
3844
3844
|
if (isCustomCalendarOpen || !withPresets) {
|
|
3845
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3846
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3845
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { direction: "column", spacing: 8, children: [
|
|
3846
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Separator, {}),
|
|
3847
3847
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3848
3848
|
Calendar,
|
|
3849
3849
|
{
|
|
@@ -3855,9 +3855,9 @@ function DatePresets({
|
|
|
3855
3855
|
}
|
|
3856
3856
|
),
|
|
3857
3857
|
withPresets && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3858
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3858
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Separator, {}),
|
|
3859
3859
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3860
|
-
|
|
3860
|
+
chunkIYDQLTRF_cjs.Button,
|
|
3861
3861
|
{
|
|
3862
3862
|
variant: "secondary",
|
|
3863
3863
|
className: "self-start",
|
|
@@ -3872,12 +3872,12 @@ function DatePresets({
|
|
|
3872
3872
|
] })
|
|
3873
3873
|
] });
|
|
3874
3874
|
}
|
|
3875
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3875
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkIYDQLTRF_cjs.cn("flex flex-col gap-[8px]", className?.Command), children: [
|
|
3876
3876
|
/* @__PURE__ */ jsxRuntime.jsx(Command, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3877
3877
|
CommandList,
|
|
3878
3878
|
{
|
|
3879
3879
|
label: "\uB0A0\uC9DC \uD544\uD130",
|
|
3880
|
-
className:
|
|
3880
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3881
3881
|
DATE_PRESETS_LIST_SIZER_CLASS,
|
|
3882
3882
|
className?.CommandGroup,
|
|
3883
3883
|
className?.CommandList
|
|
@@ -3888,12 +3888,12 @@ function DatePresets({
|
|
|
3888
3888
|
{
|
|
3889
3889
|
onSelect: reset,
|
|
3890
3890
|
"data-state": selectedValues === void 0 ? "checked" : "unchecked",
|
|
3891
|
-
className:
|
|
3891
|
+
className: chunkIYDQLTRF_cjs.cn(className?.CommandItem),
|
|
3892
3892
|
children: [
|
|
3893
3893
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3894
3894
|
lucideReact.CheckIcon,
|
|
3895
3895
|
{
|
|
3896
|
-
className:
|
|
3896
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3897
3897
|
"opacity-0",
|
|
3898
3898
|
selectedValues === void 0 && "opacity-100",
|
|
3899
3899
|
"shrink-0 !w-[16px] !h-[16px] "
|
|
@@ -3916,12 +3916,12 @@ function DatePresets({
|
|
|
3916
3916
|
}
|
|
3917
3917
|
},
|
|
3918
3918
|
"data-state": isSelected(option.value) ? "checked" : "unchecked",
|
|
3919
|
-
className:
|
|
3919
|
+
className: chunkIYDQLTRF_cjs.cn(className?.CommandItem),
|
|
3920
3920
|
children: [
|
|
3921
3921
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3922
3922
|
lucideReact.CheckIcon,
|
|
3923
3923
|
{
|
|
3924
|
-
className:
|
|
3924
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
3925
3925
|
"opacity-0",
|
|
3926
3926
|
isSelected(option.value) && "opacity-100",
|
|
3927
3927
|
"shrink-0 !w-[16px] !h-[16px]"
|
|
@@ -3937,7 +3937,7 @@ function DatePresets({
|
|
|
3937
3937
|
}
|
|
3938
3938
|
) }),
|
|
3939
3939
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3940
|
-
|
|
3940
|
+
chunkIYDQLTRF_cjs.Button,
|
|
3941
3941
|
{
|
|
3942
3942
|
variant: "secondary",
|
|
3943
3943
|
spacing: "compact",
|
|
@@ -3988,7 +3988,7 @@ function TableFilterDateRangeSelect({
|
|
|
3988
3988
|
PopoverContent,
|
|
3989
3989
|
{
|
|
3990
3990
|
"aria-label": "\uB0A0\uC9DC \uD544\uD130",
|
|
3991
|
-
className:
|
|
3991
|
+
className: chunkIYDQLTRF_cjs.cn("w-[220px] !p-[8px] flex flex-col gap-[8px]", className?.PopoverContent),
|
|
3992
3992
|
align: "start",
|
|
3993
3993
|
children: [
|
|
3994
3994
|
/* @__PURE__ */ jsxRuntime.jsx(FilterTitle2, { title: "\uB0A0\uC9DC \uD544\uD130" }),
|
|
@@ -4023,7 +4023,7 @@ function TableFilterDateSelect({
|
|
|
4023
4023
|
PopoverContent,
|
|
4024
4024
|
{
|
|
4025
4025
|
"aria-label": "\uB0A0\uC9DC \uD544\uD130",
|
|
4026
|
-
className:
|
|
4026
|
+
className: chunkIYDQLTRF_cjs.cn("w-[220px] !p-[8px] flex flex-col gap-[8px]", className?.PopoverContent),
|
|
4027
4027
|
align: "start",
|
|
4028
4028
|
children: [
|
|
4029
4029
|
/* @__PURE__ */ jsxRuntime.jsx(FilterTitle2, { title: "\uB0A0\uC9DC \uD544\uD130" }),
|
|
@@ -4106,14 +4106,14 @@ function MultiSelect({
|
|
|
4106
4106
|
PopoverContent,
|
|
4107
4107
|
{
|
|
4108
4108
|
"aria-label": title ?? "\uD544\uD130",
|
|
4109
|
-
className:
|
|
4109
|
+
className: chunkIYDQLTRF_cjs.cn(tableFilterPopoverContentClassName, className?.PopoverContent),
|
|
4110
4110
|
align: "start",
|
|
4111
4111
|
children: [
|
|
4112
4112
|
/* @__PURE__ */ jsxRuntime.jsx(FilterTitle2, { title }),
|
|
4113
4113
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4114
4114
|
Command,
|
|
4115
4115
|
{
|
|
4116
|
-
className:
|
|
4116
|
+
className: chunkIYDQLTRF_cjs.cn(tableFilterCommandClassName, className?.Command),
|
|
4117
4117
|
onKeyDown: handleTableFilterSpaceToggle,
|
|
4118
4118
|
children: [
|
|
4119
4119
|
searchable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4127,7 +4127,7 @@ function MultiSelect({
|
|
|
4127
4127
|
CommandList,
|
|
4128
4128
|
{
|
|
4129
4129
|
label: title ?? "\uD544\uD130",
|
|
4130
|
-
className:
|
|
4130
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4131
4131
|
tableFilterCommandListClassName,
|
|
4132
4132
|
tableFilterCommandListSizerClassName,
|
|
4133
4133
|
className?.CommandGroup,
|
|
@@ -4155,7 +4155,7 @@ function MultiSelect({
|
|
|
4155
4155
|
onSelect: () => handleSelect(option.value),
|
|
4156
4156
|
checked: isSelected,
|
|
4157
4157
|
className: className?.CommandItem,
|
|
4158
|
-
contentClassName:
|
|
4158
|
+
contentClassName: chunkIYDQLTRF_cjs.cn(
|
|
4159
4159
|
option.render && "justify-start",
|
|
4160
4160
|
className?.optionRender
|
|
4161
4161
|
),
|
|
@@ -4239,14 +4239,14 @@ function TableFilterSingleSelect({
|
|
|
4239
4239
|
PopoverContent,
|
|
4240
4240
|
{
|
|
4241
4241
|
"aria-label": title ?? "\uD544\uD130",
|
|
4242
|
-
className:
|
|
4242
|
+
className: chunkIYDQLTRF_cjs.cn(tableFilterPopoverContentClassName, className?.PopoverContent),
|
|
4243
4243
|
align: "start",
|
|
4244
4244
|
children: [
|
|
4245
4245
|
/* @__PURE__ */ jsxRuntime.jsx(FilterTitle2, { title }),
|
|
4246
4246
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4247
4247
|
Command,
|
|
4248
4248
|
{
|
|
4249
|
-
className:
|
|
4249
|
+
className: chunkIYDQLTRF_cjs.cn(tableFilterCommandClassName, className?.Command),
|
|
4250
4250
|
onKeyDown: handleTableFilterSpaceToggle,
|
|
4251
4251
|
children: [
|
|
4252
4252
|
searchable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4260,7 +4260,7 @@ function TableFilterSingleSelect({
|
|
|
4260
4260
|
CommandList,
|
|
4261
4261
|
{
|
|
4262
4262
|
label: title ?? "\uD544\uD130",
|
|
4263
|
-
className:
|
|
4263
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4264
4264
|
tableFilterCommandListClassName,
|
|
4265
4265
|
tableFilterCommandListSizerClassName,
|
|
4266
4266
|
className?.CommandGroup,
|
|
@@ -4279,7 +4279,7 @@ function TableFilterSingleSelect({
|
|
|
4279
4279
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4280
4280
|
lucideReact.CheckIcon,
|
|
4281
4281
|
{
|
|
4282
|
-
className:
|
|
4282
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4283
4283
|
"opacity-0",
|
|
4284
4284
|
selectedValues === null && "opacity-100",
|
|
4285
4285
|
"shrink-0 !h-[16px] !w-[16px]"
|
|
@@ -4312,7 +4312,7 @@ function TableFilterSingleSelect({
|
|
|
4312
4312
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4313
4313
|
lucideReact.CheckIcon,
|
|
4314
4314
|
{
|
|
4315
|
-
className:
|
|
4315
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4316
4316
|
"opacity-0",
|
|
4317
4317
|
isSelected && "opacity-100",
|
|
4318
4318
|
"shrink-0 !h-[16px] !w-[16px]"
|
|
@@ -4456,7 +4456,7 @@ var DatePickerTrigger = React17__namespace.forwardRef(
|
|
|
4456
4456
|
"data-slot": "datepicker",
|
|
4457
4457
|
"data-state": open ? "open" : "closed",
|
|
4458
4458
|
"data-disabled": disabled || void 0,
|
|
4459
|
-
className:
|
|
4459
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4460
4460
|
datePickerTriggerVariants({ appearance, isInvalid }),
|
|
4461
4461
|
"[&_[data-placeholder]]:text-sys-text-subtler",
|
|
4462
4462
|
(showNotchedOutline || showNoneLabel) && "relative",
|
|
@@ -4488,7 +4488,7 @@ var DatePickerTrigger = React17__namespace.forwardRef(
|
|
|
4488
4488
|
"data-state": open ? "open" : "closed",
|
|
4489
4489
|
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
4490
4490
|
disabled,
|
|
4491
|
-
className:
|
|
4491
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4492
4492
|
"flex flex-1 items-center min-h-[28px] min-w-0 px-[4px] py-[2px] text-left bg-transparent outline-none cursor-pointer",
|
|
4493
4493
|
"disabled:cursor-not-allowed",
|
|
4494
4494
|
hasLabel && !hasValue && "invisible"
|
|
@@ -4505,7 +4505,7 @@ var DatePickerTrigger = React17__namespace.forwardRef(
|
|
|
4505
4505
|
"data-slot": "datepicker-clear",
|
|
4506
4506
|
onClick: handleClearClick,
|
|
4507
4507
|
disabled,
|
|
4508
|
-
className:
|
|
4508
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4509
4509
|
"shrink-0 flex items-center justify-center p-[2px] rounded-small hover:bg-secondary-o10 text-sys-text-subtler cursor-pointer outline-none",
|
|
4510
4510
|
"focus-visible:ring-[2px] focus-visible:ring-sys-focus-ring-main",
|
|
4511
4511
|
(!hasValue || disabled) && "invisible"
|
|
@@ -4561,7 +4561,7 @@ function DatePicker({
|
|
|
4561
4561
|
PopoverContent,
|
|
4562
4562
|
{
|
|
4563
4563
|
"aria-label": "\uB0A0\uC9DC \uC120\uD0DD",
|
|
4564
|
-
className:
|
|
4564
|
+
className: chunkIYDQLTRF_cjs.cn("w-[220px] !p-[8px] flex flex-col gap-[8px]", classNames?.PopoverContent),
|
|
4565
4565
|
align: "start",
|
|
4566
4566
|
children: [
|
|
4567
4567
|
/* @__PURE__ */ jsxRuntime.jsx(FilterTitle2, { title: word_default.common.pickDate }),
|
|
@@ -4580,7 +4580,7 @@ function DatePicker({
|
|
|
4580
4580
|
PopoverContent,
|
|
4581
4581
|
{
|
|
4582
4582
|
"aria-label": "\uB0A0\uC9DC \uC120\uD0DD",
|
|
4583
|
-
className:
|
|
4583
|
+
className: chunkIYDQLTRF_cjs.cn("p-0", classNames?.PopoverContent),
|
|
4584
4584
|
align: "start",
|
|
4585
4585
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4586
4586
|
Calendar,
|
|
@@ -4711,7 +4711,7 @@ var TextField = React17__namespace.forwardRef(
|
|
|
4711
4711
|
onBlur: onBlurProp,
|
|
4712
4712
|
...inputProps
|
|
4713
4713
|
}, forwardedRef) => {
|
|
4714
|
-
const formControl =
|
|
4714
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
4715
4715
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
4716
4716
|
const inputRef = React17__namespace.useRef(null);
|
|
4717
4717
|
const [isFocused, setIsFocused] = React17__namespace.useState(false);
|
|
@@ -4782,7 +4782,7 @@ var TextField = React17__namespace.forwardRef(
|
|
|
4782
4782
|
{
|
|
4783
4783
|
"data-slot": "text-field",
|
|
4784
4784
|
"aria-disabled": disabled || void 0,
|
|
4785
|
-
className:
|
|
4785
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4786
4786
|
textFieldContainerVariants({ appearance, isInvalid }),
|
|
4787
4787
|
// Focus styling (state-managed, standard appearance without notched outline only)
|
|
4788
4788
|
isFocused && !isInvalid && appearance === "standard" && !showNotchedOutline && "border-[2px] border-sys-focus-ring-bold py-[2px] px-[4px]",
|
|
@@ -4818,7 +4818,7 @@ var TextField = React17__namespace.forwardRef(
|
|
|
4818
4818
|
elemBeforeInput && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4819
4819
|
"span",
|
|
4820
4820
|
{
|
|
4821
|
-
className:
|
|
4821
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4822
4822
|
// 아이콘은 24×24, 글자("개"·"코어")는 줄바꿈 없이 폭이 늘어난다 — 고정 size-[24px] 는 두 글자가 두 줄로 깨졌다 (2026-10-12)
|
|
4823
4823
|
"shrink-0 flex items-center justify-center h-[24px] min-w-[24px] whitespace-nowrap",
|
|
4824
4824
|
typeof elemBeforeInput === "string" && "px-[2px] text-sys-text-subtle",
|
|
@@ -4840,7 +4840,7 @@ var TextField = React17__namespace.forwardRef(
|
|
|
4840
4840
|
onBlur: handleBlur,
|
|
4841
4841
|
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
4842
4842
|
"aria-required": hasLabel && requiredProp ? true : void 0,
|
|
4843
|
-
className:
|
|
4843
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4844
4844
|
"flex-1 min-w-0 bg-transparent border-none outline-none",
|
|
4845
4845
|
"text-base-medium text-sys-text-main",
|
|
4846
4846
|
"placeholder:text-sys-text-placeholder",
|
|
@@ -4857,7 +4857,7 @@ var TextField = React17__namespace.forwardRef(
|
|
|
4857
4857
|
{
|
|
4858
4858
|
type: "button",
|
|
4859
4859
|
onClick: handleClear,
|
|
4860
|
-
className:
|
|
4860
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4861
4861
|
"shrink-0 flex items-center justify-center p-[2px] rounded-small hover:bg-secondary-o10 text-sys-text-subtler",
|
|
4862
4862
|
(!hasValue || disabled || readOnly) && "invisible"
|
|
4863
4863
|
),
|
|
@@ -4869,7 +4869,7 @@ var TextField = React17__namespace.forwardRef(
|
|
|
4869
4869
|
elemAfterInput && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4870
4870
|
"span",
|
|
4871
4871
|
{
|
|
4872
|
-
className:
|
|
4872
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
4873
4873
|
"shrink-0 flex items-center justify-center h-[24px] min-w-[24px] whitespace-nowrap",
|
|
4874
4874
|
typeof elemAfterInput === "string" && "px-[2px] text-sys-text-subtle"
|
|
4875
4875
|
),
|
|
@@ -5545,7 +5545,7 @@ function IconSelect({
|
|
|
5545
5545
|
overscan: 10
|
|
5546
5546
|
// 더 많은 항목을 미리 로드
|
|
5547
5547
|
});
|
|
5548
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5548
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { direction: "column", spacing: 16, children: [
|
|
5549
5549
|
!hiddenSearch && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5550
5550
|
TextField,
|
|
5551
5551
|
{
|
|
@@ -5558,18 +5558,18 @@ function IconSelect({
|
|
|
5558
5558
|
}
|
|
5559
5559
|
}
|
|
5560
5560
|
),
|
|
5561
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5561
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { direction: "row", spacing: 8, children: [
|
|
5562
5562
|
hasCategory && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5563
|
-
|
|
5563
|
+
chunkIYDQLTRF_cjs.Stack,
|
|
5564
5564
|
{
|
|
5565
5565
|
direction: "column",
|
|
5566
5566
|
className: "w-[150px] h-[300px] max-h-[300px] overflow-auto",
|
|
5567
5567
|
spacing: 6,
|
|
5568
5568
|
children: icons_default.categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5569
|
-
|
|
5569
|
+
chunkIYDQLTRF_cjs.Button,
|
|
5570
5570
|
{
|
|
5571
5571
|
variant: "secondaryLink",
|
|
5572
|
-
className:
|
|
5572
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5573
5573
|
"text-small-regular-h text-sys-text-main",
|
|
5574
5574
|
category === selectedCategory && "bg-primary-o10"
|
|
5575
5575
|
),
|
|
@@ -5585,9 +5585,9 @@ function IconSelect({
|
|
|
5585
5585
|
))
|
|
5586
5586
|
}
|
|
5587
5587
|
),
|
|
5588
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { ref: parentRef, className:
|
|
5588
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { ref: parentRef, className: chunkIYDQLTRF_cjs.cn("max-h-[300px] overflow-auto flex-1"), children: [
|
|
5589
5589
|
filteredIcons.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5590
|
-
|
|
5590
|
+
chunkIYDQLTRF_cjs.Stack,
|
|
5591
5591
|
{
|
|
5592
5592
|
justifyContent: "center",
|
|
5593
5593
|
alignItems: "center",
|
|
@@ -5625,14 +5625,14 @@ function IconSelect({
|
|
|
5625
5625
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5626
5626
|
"div",
|
|
5627
5627
|
{
|
|
5628
|
-
className:
|
|
5628
|
+
className: chunkIYDQLTRF_cjs.cn("grid grid-cols-8"),
|
|
5629
5629
|
style: { gridTemplateColumns: `repeat(${iconColumnCountValue}, 1fr)` },
|
|
5630
|
-
children: rowIcons.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5631
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5632
|
-
|
|
5630
|
+
children: rowIcons.map((item) => /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
5631
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5632
|
+
chunkIYDQLTRF_cjs.Button,
|
|
5633
5633
|
{
|
|
5634
5634
|
variant: "secondary",
|
|
5635
|
-
className:
|
|
5635
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5636
5636
|
"flex items-center justify-center bg-sys-background py-[10px]",
|
|
5637
5637
|
item.name === props.value && "!bg-secondary-o20",
|
|
5638
5638
|
"hover:bg-primary10"
|
|
@@ -5641,10 +5641,10 @@ function IconSelect({
|
|
|
5641
5641
|
type: "button",
|
|
5642
5642
|
"aria-label": item.name,
|
|
5643
5643
|
"aria-pressed": item.name === props.value,
|
|
5644
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5644
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.LucideIcon, { iconComponentName: item.name, size: 24 })
|
|
5645
5645
|
}
|
|
5646
5646
|
) }),
|
|
5647
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5647
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { children: item.name })
|
|
5648
5648
|
] }) }, item.name))
|
|
5649
5649
|
}
|
|
5650
5650
|
)
|
|
@@ -5661,7 +5661,7 @@ function IconSelect({
|
|
|
5661
5661
|
function MetaItem({ label, value, className, ...props }) {
|
|
5662
5662
|
return (
|
|
5663
5663
|
// min-w-0·truncate: 줄 폭보다 긴 값은 넘치지 않고 말줄임으로 끝난다
|
|
5664
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5664
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkIYDQLTRF_cjs.cn("flex h-[28px] min-w-0 items-center gap-[6px]", className), ...props, children: [
|
|
5665
5665
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-small-regular-h text-sys-text-subtle", children: label }),
|
|
5666
5666
|
/* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "h-[11px] w-px shrink-0 bg-sys-divider-subtle" }),
|
|
5667
5667
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate whitespace-pre text-small-medium-h text-sys-text-main", children: value })
|
|
@@ -5669,7 +5669,7 @@ function MetaItem({ label, value, className, ...props }) {
|
|
|
5669
5669
|
);
|
|
5670
5670
|
}
|
|
5671
5671
|
function MetaGroup({ className, ...props }) {
|
|
5672
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5672
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkIYDQLTRF_cjs.cn("flex flex-wrap items-center gap-x-[24px] gap-y-0", className), ...props });
|
|
5673
5673
|
}
|
|
5674
5674
|
function MetaRow({
|
|
5675
5675
|
label,
|
|
@@ -5686,7 +5686,7 @@ function MetaRow({
|
|
|
5686
5686
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5687
5687
|
"div",
|
|
5688
5688
|
{
|
|
5689
|
-
className:
|
|
5689
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5690
5690
|
// min-h: 한 줄이면 48px 그대로, 태그처럼 줄바꿈되는 값이면 자란다. 선은 Separator·표 행과 같은 토큰 (2026-10-17 이슈 47 4차)
|
|
5691
5691
|
"flex min-h-[48px] w-full items-center justify-between border-b border-sys-divider-subtle px-[12px] py-[8px]",
|
|
5692
5692
|
className
|
|
@@ -5696,7 +5696,7 @@ function MetaRow({
|
|
|
5696
5696
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5697
5697
|
"span",
|
|
5698
5698
|
{
|
|
5699
|
-
className:
|
|
5699
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5700
5700
|
// 라벨 12px 유지, 색은 subtle(2026-10-18 13차 — 상세·검토 패널 라벨이 "small gray text" 로 읽혔다)
|
|
5701
5701
|
"shrink-0 text-small-regular text-sys-text-subtle",
|
|
5702
5702
|
// start: 라벨 열 120px(긴 라벨은 열을 밀고 값은 12px 뒤에서 시작 — 겹치지 않게), end: 100px 고정
|
|
@@ -5708,7 +5708,7 @@ function MetaRow({
|
|
|
5708
5708
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5709
5709
|
"div",
|
|
5710
5710
|
{
|
|
5711
|
-
className:
|
|
5711
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5712
5712
|
"flex min-w-0 flex-1 items-center gap-[6px]",
|
|
5713
5713
|
!hasValue && !start && "justify-end"
|
|
5714
5714
|
),
|
|
@@ -5717,7 +5717,7 @@ function MetaRow({
|
|
|
5717
5717
|
hasValue && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5718
5718
|
"span",
|
|
5719
5719
|
{
|
|
5720
|
-
className:
|
|
5720
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5721
5721
|
// 값 14px(라벨 12px) — 라벨과 값이 같은 크기라 위계가 없던 것을 고침(2026-10-17 8차 A2). emphasis 는 20px 탭룰러 숫자
|
|
5722
5722
|
"min-w-0 truncate whitespace-pre text-sys-text-main",
|
|
5723
5723
|
emphasis ? "text-h4 tabular-nums" : "text-base-medium",
|
|
@@ -5743,7 +5743,7 @@ var META_LIST_COLUMNS = {
|
|
|
5743
5743
|
4: "grid grid-cols-1 gap-x-[24px] md:grid-cols-2 xl:grid-cols-4"
|
|
5744
5744
|
};
|
|
5745
5745
|
function MetaList({ className, columns = 1, ...props }) {
|
|
5746
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5746
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkIYDQLTRF_cjs.cn("w-full", META_LIST_COLUMNS[columns], className), ...props });
|
|
5747
5747
|
}
|
|
5748
5748
|
var LEVEL = {
|
|
5749
5749
|
info: { variant: "info", bar: "border-info30", label: "\uC815\uBCF4" },
|
|
@@ -5763,21 +5763,21 @@ function EventList({
|
|
|
5763
5763
|
"p",
|
|
5764
5764
|
{
|
|
5765
5765
|
role: "status",
|
|
5766
|
-
className:
|
|
5766
|
+
className: chunkIYDQLTRF_cjs.cn("py-[16px] text-center text-base-regular text-sys-text-subtle", className),
|
|
5767
5767
|
children: emptyText
|
|
5768
5768
|
}
|
|
5769
5769
|
);
|
|
5770
|
-
return /* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
5770
|
+
return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: chunkIYDQLTRF_cjs.cn("flex w-full flex-col gap-[4px]", className), ...props, children: items.map((item) => {
|
|
5771
5771
|
const level = LEVEL[item.level];
|
|
5772
5772
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5773
5773
|
"li",
|
|
5774
5774
|
{
|
|
5775
|
-
className:
|
|
5775
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5776
5776
|
"flex items-start gap-[12px] border-l-[2px] py-[8px] pl-[12px]",
|
|
5777
5777
|
level.bar
|
|
5778
5778
|
),
|
|
5779
5779
|
children: [
|
|
5780
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5780
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Badge, { variant: level.variant, className: "shrink-0", children: levelLabels?.[item.level] ?? level.label }),
|
|
5781
5781
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-small-regular text-sys-text-subtler", children: item.time }),
|
|
5782
5782
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 text-base-regular text-sys-text-main", children: item.message })
|
|
5783
5783
|
]
|
|
@@ -5794,7 +5794,7 @@ function PageHeaderRefreshButton({
|
|
|
5794
5794
|
className
|
|
5795
5795
|
}) {
|
|
5796
5796
|
const label = useUpdatedLabel(lastUpdatedAt);
|
|
5797
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5797
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkIYDQLTRF_cjs.cn("flex items-center gap-[4px]", className), children: [
|
|
5798
5798
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-small-regular text-sys-text-subtle", children: label }),
|
|
5799
5799
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5800
5800
|
"button",
|
|
@@ -5803,14 +5803,14 @@ function PageHeaderRefreshButton({
|
|
|
5803
5803
|
"aria-label": "\uC0C8\uB85C\uACE0\uCE68",
|
|
5804
5804
|
disabled: refreshing,
|
|
5805
5805
|
onClick,
|
|
5806
|
-
className:
|
|
5806
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5807
5807
|
"inline-flex items-center justify-center rounded-small bg-transparent text-sys-text-subtle transition-colors",
|
|
5808
5808
|
"hover:bg-sys-button-secondary-subtle-background-hover",
|
|
5809
5809
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main",
|
|
5810
5810
|
"disabled:pointer-events-none disabled:text-sys-button-disabled-text",
|
|
5811
5811
|
size === "compact" ? "size-[28px]" : "size-[36px]"
|
|
5812
5812
|
),
|
|
5813
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: 16, className:
|
|
5813
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: 16, className: chunkIYDQLTRF_cjs.cn(refreshing && "animate-spin") })
|
|
5814
5814
|
}
|
|
5815
5815
|
)
|
|
5816
5816
|
] });
|
|
@@ -6052,15 +6052,15 @@ function ParameterTableRow({
|
|
|
6052
6052
|
const iconBtnSpacing = spacing === "compact" ? "compact" : "normal";
|
|
6053
6053
|
const colWidths = PARAMETER_TABLE_COL_WIDTHS[spacing];
|
|
6054
6054
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6055
|
-
|
|
6055
|
+
chunkIYDQLTRF_cjs.TableRow,
|
|
6056
6056
|
{
|
|
6057
6057
|
ref: setNodeRef,
|
|
6058
6058
|
style,
|
|
6059
6059
|
"data-state": isDragging ? "dragging" : isPlaceholder ? "placeholder" : void 0,
|
|
6060
6060
|
"data-row-idx": rowIdx,
|
|
6061
|
-
className:
|
|
6061
|
+
className: chunkIYDQLTRF_cjs.cn("group", isDragging && "bg-sys-table-press shadow-md"),
|
|
6062
6062
|
children: [
|
|
6063
|
-
withHandle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6063
|
+
withHandle && /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TableCell, { align: "center", className: "p-0", style: { width: `${colWidths.handle}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6064
6064
|
"button",
|
|
6065
6065
|
{
|
|
6066
6066
|
type: "button",
|
|
@@ -6070,7 +6070,7 @@ function ParameterTableRow({
|
|
|
6070
6070
|
...attributes,
|
|
6071
6071
|
...listeners,
|
|
6072
6072
|
tabIndex: isPlaceholder || disabled ? -1 : 0,
|
|
6073
|
-
className:
|
|
6073
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6074
6074
|
"flex items-center justify-center p-[2px] rounded-xsmall text-sys-text-subtler",
|
|
6075
6075
|
"hover:bg-secondary-o10 focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
6076
6076
|
"cursor-grab active:cursor-grabbing",
|
|
@@ -6086,9 +6086,9 @@ function ParameterTableRow({
|
|
|
6086
6086
|
const cellValue = row.values[col.id] ?? "";
|
|
6087
6087
|
const hasError = !isPlaceholder && Boolean(cellErrors?.[row.id]?.[col.id]);
|
|
6088
6088
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6089
|
-
|
|
6089
|
+
chunkIYDQLTRF_cjs.TableCell,
|
|
6090
6090
|
{
|
|
6091
|
-
className:
|
|
6091
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6092
6092
|
"t3q-pt-cell px-0 py-0 cursor-cell select-none",
|
|
6093
6093
|
hasError && "t3q-pt-cell--error",
|
|
6094
6094
|
isSelected && "t3q-pt-cell--selected",
|
|
@@ -6118,20 +6118,20 @@ function ParameterTableRow({
|
|
|
6118
6118
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6119
6119
|
"div",
|
|
6120
6120
|
{
|
|
6121
|
-
className:
|
|
6121
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6122
6122
|
"t3q-pt-cell-display px-[12px] py-[6px] text-base-medium text-sys-text-main truncate whitespace-pre",
|
|
6123
6123
|
isEditing && "t3q-pt-cell-display--editing"
|
|
6124
6124
|
),
|
|
6125
6125
|
"aria-label": col.header,
|
|
6126
|
-
children: cellValue ?
|
|
6126
|
+
children: cellValue ? chunkIYDQLTRF_cjs.sanitizeUserText(cellValue) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sys-text-placeholder", children: isPlaceholder ? col.placeholder ?? col.header : " " })
|
|
6127
6127
|
}
|
|
6128
6128
|
)
|
|
6129
6129
|
},
|
|
6130
6130
|
col.id
|
|
6131
6131
|
);
|
|
6132
6132
|
}),
|
|
6133
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6134
|
-
|
|
6133
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TableCell, { align: "center", className: "p-0", style: { width: `${colWidths.delete}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6134
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
6135
6135
|
{
|
|
6136
6136
|
type: "button",
|
|
6137
6137
|
variant: "secondaryLink",
|
|
@@ -6140,7 +6140,7 @@ function ParameterTableRow({
|
|
|
6140
6140
|
onClick: onDelete,
|
|
6141
6141
|
"aria-label": "\uD589 \uC0AD\uC81C",
|
|
6142
6142
|
tabIndex: isPlaceholder ? -1 : 0,
|
|
6143
|
-
className:
|
|
6143
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6144
6144
|
"invisible group-hover:visible group-focus-within:visible",
|
|
6145
6145
|
isPlaceholder && "group-hover:invisible group-focus-within:invisible"
|
|
6146
6146
|
),
|
|
@@ -6415,7 +6415,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6415
6415
|
(coord, val, moveNext = "none") => {
|
|
6416
6416
|
const col = columns[coord.colIdx];
|
|
6417
6417
|
if (!col) return;
|
|
6418
|
-
const sanitizedVal = typeof val === "string" ?
|
|
6418
|
+
const sanitizedVal = typeof val === "string" ? chunkIYDQLTRF_cjs.sanitizeUserText(val) : val;
|
|
6419
6419
|
const prevVal = rows[coord.rowIdx]?.values?.[col.id] ?? "";
|
|
6420
6420
|
if (prevVal !== sanitizedVal) {
|
|
6421
6421
|
pushRowHistory();
|
|
@@ -6447,7 +6447,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6447
6447
|
if (editing) {
|
|
6448
6448
|
const col = columns[editing.colIdx];
|
|
6449
6449
|
if (col) {
|
|
6450
|
-
const sanitizedVal = typeof inputValue === "string" ?
|
|
6450
|
+
const sanitizedVal = typeof inputValue === "string" ? chunkIYDQLTRF_cjs.sanitizeUserText(inputValue) : inputValue;
|
|
6451
6451
|
const prevVal = rows[editing.rowIdx]?.values?.[col.id] ?? "";
|
|
6452
6452
|
if (prevVal !== sanitizedVal) {
|
|
6453
6453
|
pushRowHistory();
|
|
@@ -6590,7 +6590,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6590
6590
|
if (currentEditing) {
|
|
6591
6591
|
const col = columns[currentEditing.colIdx];
|
|
6592
6592
|
if (col) {
|
|
6593
|
-
const sanitizedVal = typeof currentInputValue === "string" ?
|
|
6593
|
+
const sanitizedVal = typeof currentInputValue === "string" ? chunkIYDQLTRF_cjs.sanitizeUserText(currentInputValue) : currentInputValue;
|
|
6594
6594
|
const prevVal = rows[currentEditing.rowIdx]?.values?.[col.id] ?? "";
|
|
6595
6595
|
if (prevVal !== sanitizedVal) {
|
|
6596
6596
|
pushRowHistory();
|
|
@@ -6839,7 +6839,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6839
6839
|
"div",
|
|
6840
6840
|
{
|
|
6841
6841
|
ref: setRootRef,
|
|
6842
|
-
className:
|
|
6842
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6843
6843
|
"t3q-parameter-table w-full focus:outline-none",
|
|
6844
6844
|
`t3q-parameter-table--${spacing}`,
|
|
6845
6845
|
disabled && "t3q-parameter-table--disabled opacity-50 pointer-events-none",
|
|
@@ -6850,11 +6850,11 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6850
6850
|
children: [
|
|
6851
6851
|
caption && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-[8px] text-base-medium text-sys-text-main", children: caption }),
|
|
6852
6852
|
/* @__PURE__ */ jsxRuntime.jsxs(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragEnd: handleDragEnd, children: [
|
|
6853
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6854
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6855
|
-
withHandle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6853
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Table, { className: "!border-separate !border-spacing-0", children: [
|
|
6854
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TableHeader, { spacing, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.TableRow, { children: [
|
|
6855
|
+
withHandle && /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TableHead, { align: "center", style: { width: `${colWidths.handle}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uC21C\uC11C \uBCC0\uACBD" }) }),
|
|
6856
6856
|
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6857
|
-
|
|
6857
|
+
chunkIYDQLTRF_cjs.TableHead,
|
|
6858
6858
|
{
|
|
6859
6859
|
align: "left",
|
|
6860
6860
|
style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0,
|
|
@@ -6865,9 +6865,9 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6865
6865
|
},
|
|
6866
6866
|
col.id
|
|
6867
6867
|
)),
|
|
6868
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6868
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TableHead, { align: "center", style: { width: `${colWidths.delete}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uC0AD\uC81C" }) })
|
|
6869
6869
|
] }) }),
|
|
6870
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6870
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TableBody, { spacing, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: realRowIds, strategy: sortable.verticalListSortingStrategy, children: rows.map((row, rowIdx) => {
|
|
6871
6871
|
const isPlaceholder = rowIdx === rows.length - 1;
|
|
6872
6872
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6873
6873
|
ParameterTableRow,
|
|
@@ -6897,7 +6897,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6897
6897
|
{
|
|
6898
6898
|
ref: floatingInputRef,
|
|
6899
6899
|
type: "text",
|
|
6900
|
-
className:
|
|
6900
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6901
6901
|
"t3q-pt-floating-input text-base-medium",
|
|
6902
6902
|
editing && "t3q-pt-floating-input--editing"
|
|
6903
6903
|
),
|
|
@@ -6945,14 +6945,14 @@ var Progress = React17__namespace.forwardRef(
|
|
|
6945
6945
|
value,
|
|
6946
6946
|
...props,
|
|
6947
6947
|
"aria-label": ariaLabel,
|
|
6948
|
-
className:
|
|
6948
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6949
6949
|
"relative h-[8px] w-full overflow-hidden rounded-full bg-secondary30",
|
|
6950
6950
|
className
|
|
6951
6951
|
),
|
|
6952
6952
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6953
6953
|
ProgressPrimitive__namespace.Indicator,
|
|
6954
6954
|
{
|
|
6955
|
-
className:
|
|
6955
|
+
className: chunkIYDQLTRF_cjs.cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
|
|
6956
6956
|
style: { transform: `translateX(${percentage})` }
|
|
6957
6957
|
}
|
|
6958
6958
|
)
|
|
@@ -6969,7 +6969,7 @@ function Radio({ checked = false, disabled = false, className, ...props }) {
|
|
|
6969
6969
|
"aria-checked": checked,
|
|
6970
6970
|
"aria-disabled": disabled,
|
|
6971
6971
|
"data-state": checked ? "checked" : "unchecked",
|
|
6972
|
-
className:
|
|
6972
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6973
6973
|
"relative border-[2px] border-sys-divider-main w-[16px] h-[16px] rounded-full aspect-square shrink-0",
|
|
6974
6974
|
!disabled && "hover:bg-secondary-o10",
|
|
6975
6975
|
disabled && "border-secondary-o10 bg-secondary-o20 cursor-not-allowed",
|
|
@@ -6981,7 +6981,7 @@ function Radio({ checked = false, disabled = false, className, ...props }) {
|
|
|
6981
6981
|
children: checked && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6982
6982
|
"span",
|
|
6983
6983
|
{
|
|
6984
|
-
className:
|
|
6984
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6985
6985
|
"absolute top-1/2 left-1/2 w-[6px] h-[6px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-sys-background"
|
|
6986
6986
|
)
|
|
6987
6987
|
}
|
|
@@ -6997,7 +6997,7 @@ function RadioGroup({
|
|
|
6997
6997
|
RadioGroupPrimitive__namespace.Root,
|
|
6998
6998
|
{
|
|
6999
6999
|
"data-slot": "radio-group",
|
|
7000
|
-
className:
|
|
7000
|
+
className: chunkIYDQLTRF_cjs.cn("flex", className),
|
|
7001
7001
|
...props
|
|
7002
7002
|
}
|
|
7003
7003
|
);
|
|
@@ -7010,7 +7010,7 @@ function RadioGroupItem({
|
|
|
7010
7010
|
RadioGroupPrimitive__namespace.Item,
|
|
7011
7011
|
{
|
|
7012
7012
|
"data-slot": "radio-group-item",
|
|
7013
|
-
className:
|
|
7013
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7014
7014
|
"border-[2px] border-sys-divider-main w-[16px] h-[16px] rounded-full aspect-square shrink-0 m-[4px]",
|
|
7015
7015
|
"hover:bg-secondary-o10 disabled:border-secondary-o10 disabled:bg-secondary-o20 disabled:cursor-not-allowed",
|
|
7016
7016
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
@@ -7026,7 +7026,7 @@ function RadioGroupItem({
|
|
|
7026
7026
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7027
7027
|
"span",
|
|
7028
7028
|
{
|
|
7029
|
-
className:
|
|
7029
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7030
7030
|
"absolute top-1/2 left-1/2 w-[6px] h-[6px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-sys-background"
|
|
7031
7031
|
)
|
|
7032
7032
|
}
|
|
@@ -7054,7 +7054,7 @@ function RadioSectionGroup({
|
|
|
7054
7054
|
"data-slot": "radio-section-group",
|
|
7055
7055
|
value,
|
|
7056
7056
|
orientation: effectiveOrientation,
|
|
7057
|
-
className:
|
|
7057
|
+
className: chunkIYDQLTRF_cjs.cn("items-stretch gap-[8px]", layoutClass, className),
|
|
7058
7058
|
...props,
|
|
7059
7059
|
children
|
|
7060
7060
|
}
|
|
@@ -7076,7 +7076,7 @@ function RadioSection({
|
|
|
7076
7076
|
const inGroup = group !== null;
|
|
7077
7077
|
const isSelected = inGroup ? group.value === value : selected;
|
|
7078
7078
|
const stacked = inGroup && group.stacked;
|
|
7079
|
-
const cardClassName =
|
|
7079
|
+
const cardClassName = chunkIYDQLTRF_cjs.cn(
|
|
7080
7080
|
"bg-sys-background flex flex-col items-start overflow-clip rounded-medium w-full",
|
|
7081
7081
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
7082
7082
|
// 테두리는 선택 여부와 무관하게 1px(layout shift 0) — 선택은 색 + 연한 채움으로. 2px 선택 테두리·연한 비선택 테두리는
|
|
@@ -7103,7 +7103,7 @@ function RadioSection({
|
|
|
7103
7103
|
"div",
|
|
7104
7104
|
{
|
|
7105
7105
|
"data-slot": "radio-section-text",
|
|
7106
|
-
className:
|
|
7106
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7107
7107
|
"flex flex-1 min-w-0",
|
|
7108
7108
|
stacked ? "flex-row flex-wrap items-baseline gap-x-[12px] gap-y-[2px]" : "flex-col gap-[4px] items-start"
|
|
7109
7109
|
),
|
|
@@ -7111,7 +7111,7 @@ function RadioSection({
|
|
|
7111
7111
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7112
7112
|
"span",
|
|
7113
7113
|
{
|
|
7114
|
-
className:
|
|
7114
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7115
7115
|
"block text-h5 break-keep wrap-break-word",
|
|
7116
7116
|
stacked ? "shrink-0" : "w-full",
|
|
7117
7117
|
disabled ? "text-sys-text-disabled" : "text-sys-text-main"
|
|
@@ -7122,7 +7122,7 @@ function RadioSection({
|
|
|
7122
7122
|
description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7123
7123
|
"span",
|
|
7124
7124
|
{
|
|
7125
|
-
className:
|
|
7125
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7126
7126
|
"block text-base-regular break-keep wrap-break-word",
|
|
7127
7127
|
stacked ? "min-w-0 flex-1" : "w-full",
|
|
7128
7128
|
disabled ? "text-sys-text-disabled" : "text-sys-text-subtle"
|
|
@@ -7140,7 +7140,7 @@ function RadioSection({
|
|
|
7140
7140
|
{
|
|
7141
7141
|
value,
|
|
7142
7142
|
disabled,
|
|
7143
|
-
className:
|
|
7143
|
+
className: chunkIYDQLTRF_cjs.cn(cardClassName, "appearance-none text-left"),
|
|
7144
7144
|
...props,
|
|
7145
7145
|
children: body
|
|
7146
7146
|
}
|
|
@@ -7279,7 +7279,7 @@ function MultiSelect2({
|
|
|
7279
7279
|
searchTerm
|
|
7280
7280
|
]
|
|
7281
7281
|
);
|
|
7282
|
-
return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { open, onOpenChange: handleOpenChange, modal: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "multi-select", className:
|
|
7282
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { open, onOpenChange: handleOpenChange, modal: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "multi-select", className: chunkIYDQLTRF_cjs.cn("relative", className), children }) }) });
|
|
7283
7283
|
}
|
|
7284
7284
|
var LabelPassContext = React17__namespace.createContext(false);
|
|
7285
7285
|
var useLabelPass = () => React17__namespace.useContext(LabelPassContext);
|
|
@@ -7316,7 +7316,7 @@ var MultiSelectContent = React17__namespace.forwardRef(
|
|
|
7316
7316
|
"aria-label": "\uC635\uC158 \uBAA9\uB85D",
|
|
7317
7317
|
align,
|
|
7318
7318
|
sideOffset,
|
|
7319
|
-
className:
|
|
7319
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7320
7320
|
"z-[var(--root-z-index)] min-w-[var(--radix-popover-trigger-width)] origin-(--radix-popover-content-transform-origin) overflow-hidden rounded-small shadow-gray-medium bg-sys-background border border-sys-divider-subtler",
|
|
7321
7321
|
"data-[state=open]:animate-[fade-in_150ms_ease-out,zoom-in_150ms_ease-out]",
|
|
7322
7322
|
"data-[state=closed]:animate-[fade-out_150ms_ease-in,zoom-out_150ms_ease-in]",
|
|
@@ -7390,7 +7390,7 @@ var MultiSelectEmpty = React17__namespace.forwardRef(
|
|
|
7390
7390
|
{
|
|
7391
7391
|
ref,
|
|
7392
7392
|
"data-slot": "multi-select-empty",
|
|
7393
|
-
className:
|
|
7393
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7394
7394
|
"flex items-center justify-center py-[24px] text-base-medium text-sys-text-subtler",
|
|
7395
7395
|
className
|
|
7396
7396
|
),
|
|
@@ -7410,7 +7410,7 @@ var MultiSelectGroup = React17__namespace.forwardRef(
|
|
|
7410
7410
|
{
|
|
7411
7411
|
ref,
|
|
7412
7412
|
"data-slot": "multi-select-group",
|
|
7413
|
-
className:
|
|
7413
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7414
7414
|
"[&_[cmdk-group-heading]]:sticky [&_[cmdk-group-heading]]:top-0 [&_[cmdk-group-heading]]:z-10 [&_[cmdk-group-heading]]:bg-secondary-o10 [&_[cmdk-group-heading]]:backdrop-blur-[16px] [&_[cmdk-group-heading]]:px-[8px] [&_[cmdk-group-heading]]:py-[4px] [&_[cmdk-group-heading]]:text-small-medium [&_[cmdk-group-heading]]:text-sys-text-subtle",
|
|
7415
7415
|
className
|
|
7416
7416
|
),
|
|
@@ -7444,7 +7444,7 @@ var MultiSelectInput = React17__namespace.forwardRef(
|
|
|
7444
7444
|
value: searchTerm,
|
|
7445
7445
|
onChange: handleChange,
|
|
7446
7446
|
"aria-label": "\uC635\uC158 \uAC80\uC0C9",
|
|
7447
|
-
className:
|
|
7447
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7448
7448
|
"flex w-full border-none bg-transparent text-base-medium text-sys-text-main outline-none placeholder:text-sys-text-placeholder disabled:cursor-not-allowed disabled:text-sys-text-disabled",
|
|
7449
7449
|
className
|
|
7450
7450
|
),
|
|
@@ -7476,18 +7476,18 @@ function SelectItemContent({
|
|
|
7476
7476
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7477
7477
|
"div",
|
|
7478
7478
|
{
|
|
7479
|
-
className:
|
|
7479
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7480
7480
|
"flex flex-col min-w-0 flex-1 items-start justify-center",
|
|
7481
7481
|
disabled && "text-sys-text-disabled [&_*]:text-sys-text-disabled"
|
|
7482
7482
|
),
|
|
7483
7483
|
children: [
|
|
7484
7484
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full h-[28px] items-center gap-[8px]", children: [
|
|
7485
7485
|
elemBefore && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 translate-y-[3px]", children: elemBefore }),
|
|
7486
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate whitespace-pre text-base-semibold text-left", children:
|
|
7486
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate whitespace-pre text-base-semibold text-left", children: chunkIYDQLTRF_cjs.sanitizeUserText(children) }),
|
|
7487
7487
|
elemAfter && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: elemAfter })
|
|
7488
7488
|
] }),
|
|
7489
7489
|
meta && meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-[16px] shrink-0", children: meta.map((m, idx) => /* @__PURE__ */ jsxRuntime.jsx(MetaItem, { ...m }, `${typeof m.label === "string" ? m.label : "meta"}-${idx}`)) }),
|
|
7490
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-full truncate whitespace-pre text-small-regular-h text-sys-text-subtler pb-[2px]", children:
|
|
7490
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-full truncate whitespace-pre text-small-regular-h text-sys-text-subtler pb-[2px]", children: chunkIYDQLTRF_cjs.sanitizeUserText(description) })
|
|
7491
7491
|
]
|
|
7492
7492
|
}
|
|
7493
7493
|
);
|
|
@@ -7529,7 +7529,7 @@ var MultiSelectItem = React17__namespace.forwardRef(
|
|
|
7529
7529
|
}
|
|
7530
7530
|
},
|
|
7531
7531
|
"aria-selected": isSelected,
|
|
7532
|
-
className:
|
|
7532
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7533
7533
|
"relative flex w-full cursor-default items-center gap-[8px] py-[2px] px-[8px] min-h-[32px] border-b border-secondary-o20 text-base-medium text-sys-text-main outline-hidden select-none",
|
|
7534
7534
|
"data-[disabled=true]:pointer-events-none",
|
|
7535
7535
|
"hover:bg-primary10 data-[state=checked]:bg-secondary-o20 data-[state=checked]:hover:bg-secondary-o40",
|
|
@@ -7541,12 +7541,12 @@ var MultiSelectItem = React17__namespace.forwardRef(
|
|
|
7541
7541
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7542
7542
|
"span",
|
|
7543
7543
|
{
|
|
7544
|
-
className:
|
|
7544
|
+
className: chunkIYDQLTRF_cjs.cn("flex items-center justify-center size-[24px] p-[4px] shrink-0"),
|
|
7545
7545
|
"aria-hidden": "true",
|
|
7546
7546
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7547
7547
|
"span",
|
|
7548
7548
|
{
|
|
7549
|
-
className:
|
|
7549
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7550
7550
|
"flex items-center justify-center w-[16px] h-[16px] rounded-xsmall border-[2px]",
|
|
7551
7551
|
isSelected ? "bg-primary30 border-primary30" : "bg-sys-background border-sys-divider-main",
|
|
7552
7552
|
disabled && "opacity-50"
|
|
@@ -7603,13 +7603,13 @@ var MultiSelectLoading = React17__namespace.forwardRef(
|
|
|
7603
7603
|
"data-slot": "multi-select-loading",
|
|
7604
7604
|
role: "status",
|
|
7605
7605
|
"aria-live": "polite",
|
|
7606
|
-
className:
|
|
7606
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7607
7607
|
"flex items-center justify-center gap-[8px] py-[12px] text-small-medium text-sys-text-subtler",
|
|
7608
7608
|
className
|
|
7609
7609
|
),
|
|
7610
7610
|
...props,
|
|
7611
7611
|
children: [
|
|
7612
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7612
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Spinner, { size: "small", variant: "secondary" }),
|
|
7613
7613
|
children || "\uB85C\uB4DC \uC911"
|
|
7614
7614
|
]
|
|
7615
7615
|
}
|
|
@@ -7626,7 +7626,7 @@ var MultiSelectSeparator = React17__namespace.forwardRef(
|
|
|
7626
7626
|
{
|
|
7627
7627
|
ref,
|
|
7628
7628
|
"data-slot": "multi-select-separator",
|
|
7629
|
-
className:
|
|
7629
|
+
className: chunkIYDQLTRF_cjs.cn("my-[4px] h-px bg-sys-divider-subtler", className),
|
|
7630
7630
|
...props
|
|
7631
7631
|
}
|
|
7632
7632
|
);
|
|
@@ -7688,7 +7688,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7688
7688
|
onBlur: onBlurProp,
|
|
7689
7689
|
...props
|
|
7690
7690
|
}, ref) => {
|
|
7691
|
-
const formControl =
|
|
7691
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
7692
7692
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
7693
7693
|
const { open, disabled, value } = useSelectContext();
|
|
7694
7694
|
const listboxId = React17__namespace.useId();
|
|
@@ -7741,7 +7741,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7741
7741
|
"data-slot": "select-trigger",
|
|
7742
7742
|
"data-state": open ? "open" : "closed",
|
|
7743
7743
|
disabled: disabled || props.disabled,
|
|
7744
|
-
className:
|
|
7744
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7745
7745
|
selectTriggerVariants({ appearance, isInvalid }),
|
|
7746
7746
|
"[&_[data-placeholder]]:text-sys-text-placeholder",
|
|
7747
7747
|
(showNotchedOutline || showNoneLabel) && "relative",
|
|
@@ -7771,7 +7771,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7771
7771
|
"div",
|
|
7772
7772
|
{
|
|
7773
7773
|
id: contentId,
|
|
7774
|
-
className:
|
|
7774
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7775
7775
|
"flex flex-1 items-center min-h-[28px] min-w-0 px-[4px] py-[2px]",
|
|
7776
7776
|
hasLabel && !value && "invisible"
|
|
7777
7777
|
),
|
|
@@ -7784,7 +7784,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7784
7784
|
viewBox: "0 0 24 24",
|
|
7785
7785
|
fill: "currentColor",
|
|
7786
7786
|
"aria-hidden": "true",
|
|
7787
|
-
className:
|
|
7787
|
+
className: chunkIYDQLTRF_cjs.cn("size-[24px] shrink-0 transition-transform", open && "rotate-180"),
|
|
7788
7788
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5z" })
|
|
7789
7789
|
}
|
|
7790
7790
|
)
|
|
@@ -7956,7 +7956,7 @@ function Tag({
|
|
|
7956
7956
|
CancelIcon,
|
|
7957
7957
|
{
|
|
7958
7958
|
size: 14,
|
|
7959
|
-
iconClassName:
|
|
7959
|
+
iconClassName: chunkIYDQLTRF_cjs.cn(
|
|
7960
7960
|
cancelIconXColor[v],
|
|
7961
7961
|
asChild && [linkHoverXColor[v], linkPressXColor[v]],
|
|
7962
7962
|
"group-hover/remove:bg-sys-background hover:group-hover/remove:bg-[image:linear-gradient(var(--color-danger-o10),var(--color-danger-o10))]",
|
|
@@ -7969,7 +7969,7 @@ function Tag({
|
|
|
7969
7969
|
const tag = /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7970
7970
|
Comp,
|
|
7971
7971
|
{
|
|
7972
|
-
className:
|
|
7972
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7973
7973
|
tagVariants({ variant, shape }),
|
|
7974
7974
|
elemBefore ? "pl-[6px]" : "pl-[8px]",
|
|
7975
7975
|
onRemove ? "pr-[24px]" : "pr-[8px]",
|
|
@@ -8004,7 +8004,7 @@ function Tag({
|
|
|
8004
8004
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8005
8005
|
"span",
|
|
8006
8006
|
{
|
|
8007
|
-
className:
|
|
8007
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8008
8008
|
"group/tag relative inline-flex w-fit",
|
|
8009
8009
|
// 삭제 버튼(currentColor)이 태그 글자색을, 삭제 hover·press 시 danger 색을 따르게 한다
|
|
8010
8010
|
tagTextColor[v],
|
|
@@ -8031,7 +8031,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8031
8031
|
elemAfterInput,
|
|
8032
8032
|
...props
|
|
8033
8033
|
}, ref) => {
|
|
8034
|
-
const formControl =
|
|
8034
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
8035
8035
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
8036
8036
|
const {
|
|
8037
8037
|
open,
|
|
@@ -8162,7 +8162,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8162
8162
|
"data-state": open ? "open" : "closed",
|
|
8163
8163
|
"aria-disabled": disabled || void 0,
|
|
8164
8164
|
tabIndex: -1,
|
|
8165
|
-
className:
|
|
8165
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8166
8166
|
selectTriggerVariants({ appearance, isInvalid }),
|
|
8167
8167
|
"flex-wrap cursor-text",
|
|
8168
8168
|
"[&_[data-placeholder]]:text-sys-text-placeholder",
|
|
@@ -8199,7 +8199,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8199
8199
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8200
8200
|
"div",
|
|
8201
8201
|
{
|
|
8202
|
-
className:
|
|
8202
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8203
8203
|
"flex flex-1 flex-wrap items-center min-h-[28px] min-w-0 gap-0",
|
|
8204
8204
|
hasLabel && !hasValue && !isFocused && !open && "invisible"
|
|
8205
8205
|
),
|
|
@@ -8213,7 +8213,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8213
8213
|
shape: "normal",
|
|
8214
8214
|
onRemove: disabled ? void 0 : () => handleRemoveTag(val),
|
|
8215
8215
|
"aria-label": disabled ? void 0 : `${displayText} \uC0AD\uC81C`,
|
|
8216
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre", children:
|
|
8216
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre", children: chunkIYDQLTRF_cjs.sanitizeUserText(displayText) })
|
|
8217
8217
|
}
|
|
8218
8218
|
) }, val);
|
|
8219
8219
|
}),
|
|
@@ -8273,7 +8273,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8273
8273
|
viewBox: "0 0 24 24",
|
|
8274
8274
|
fill: "currentColor",
|
|
8275
8275
|
"aria-hidden": "true",
|
|
8276
|
-
className:
|
|
8276
|
+
className: chunkIYDQLTRF_cjs.cn("size-[24px] shrink-0 transition-transform", open && "rotate-180"),
|
|
8277
8277
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5z" })
|
|
8278
8278
|
}
|
|
8279
8279
|
)
|
|
@@ -8341,7 +8341,7 @@ function Select({
|
|
|
8341
8341
|
}),
|
|
8342
8342
|
[open, handleOpenChange, value, handleValueChange, disabled, labelMap, registerLabel]
|
|
8343
8343
|
);
|
|
8344
|
-
return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { open, onOpenChange: handleOpenChange, modal: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "select", className:
|
|
8344
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { open, onOpenChange: handleOpenChange, modal: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "select", className: chunkIYDQLTRF_cjs.cn("relative", className), children }) }) });
|
|
8345
8345
|
}
|
|
8346
8346
|
var SelectContent = React17__namespace.forwardRef(
|
|
8347
8347
|
({ className, children, align = "start", sideOffset = 4, ...props }, ref) => {
|
|
@@ -8373,7 +8373,7 @@ var SelectContent = React17__namespace.forwardRef(
|
|
|
8373
8373
|
"aria-label": "\uC635\uC158 \uBAA9\uB85D",
|
|
8374
8374
|
align,
|
|
8375
8375
|
sideOffset,
|
|
8376
|
-
className:
|
|
8376
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8377
8377
|
"z-[var(--root-z-index)] min-w-[var(--radix-popover-trigger-width)] origin-(--radix-popover-content-transform-origin) overflow-hidden rounded-small shadow-gray-medium bg-sys-background border border-sys-divider-subtler",
|
|
8378
8378
|
"data-[state=open]:animate-[fade-in_150ms_ease-out,zoom-in_150ms_ease-out]",
|
|
8379
8379
|
"data-[state=closed]:animate-[fade-out_150ms_ease-in,zoom-out_150ms_ease-in]",
|
|
@@ -8442,9 +8442,9 @@ var SelectEmpty = React17__namespace.forwardRef(
|
|
|
8442
8442
|
ref,
|
|
8443
8443
|
"data-slot": "select-empty",
|
|
8444
8444
|
"aria-live": "polite",
|
|
8445
|
-
className:
|
|
8445
|
+
className: chunkIYDQLTRF_cjs.cn("py-[8px] text-small-medium text-sys-text-subtlest text-center", className),
|
|
8446
8446
|
...props,
|
|
8447
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8447
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { justifyContent: "center", alignItems: "center", spacing: 6, children: [
|
|
8448
8448
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, className: "text-sys-text-subtlest shrink-0" }),
|
|
8449
8449
|
children || message_default.common.notice_search_result_empty
|
|
8450
8450
|
] })
|
|
@@ -8462,7 +8462,7 @@ var SelectGroup = React17__namespace.forwardRef(
|
|
|
8462
8462
|
{
|
|
8463
8463
|
ref,
|
|
8464
8464
|
"data-slot": "select-group",
|
|
8465
|
-
className:
|
|
8465
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8466
8466
|
"[&_[cmdk-group-heading]]:sticky [&_[cmdk-group-heading]]:top-0 [&_[cmdk-group-heading]]:z-10 [&_[cmdk-group-heading]]:bg-secondary-o10 [&_[cmdk-group-heading]]:backdrop-blur-[16px] [&_[cmdk-group-heading]]:px-[8px] [&_[cmdk-group-heading]]:py-[4px] [&_[cmdk-group-heading]]:text-small-medium [&_[cmdk-group-heading]]:text-sys-text-subtle",
|
|
8467
8467
|
className
|
|
8468
8468
|
),
|
|
@@ -8495,7 +8495,7 @@ var SelectInput = React17__namespace.forwardRef(
|
|
|
8495
8495
|
value: search,
|
|
8496
8496
|
onValueChange: handleChange,
|
|
8497
8497
|
"aria-label": "\uC635\uC158 \uAC80\uC0C9",
|
|
8498
|
-
className:
|
|
8498
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8499
8499
|
"flex w-full border-none bg-transparent text-base-medium text-sys-text-main outline-none placeholder:text-sys-text-placeholder disabled:cursor-not-allowed disabled:text-sys-text-disabled",
|
|
8500
8500
|
className
|
|
8501
8501
|
),
|
|
@@ -8553,7 +8553,7 @@ var SelectItem = React17__namespace.forwardRef(
|
|
|
8553
8553
|
setOpen(false);
|
|
8554
8554
|
}
|
|
8555
8555
|
},
|
|
8556
|
-
className:
|
|
8556
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8557
8557
|
"relative flex w-full cursor-default items-center gap-[8px] py-[2px] px-[8px] min-h-[32px] border-b border-secondary-o20 text-base-medium text-sys-text-main outline-hidden select-none",
|
|
8558
8558
|
"data-[disabled=true]:pointer-events-none",
|
|
8559
8559
|
"hover:bg-primary10 data-[state=checked]:bg-secondary-o20 data-[state=checked]:hover:bg-secondary-o40",
|
|
@@ -8591,13 +8591,13 @@ var SelectLoading = React17__namespace.forwardRef(
|
|
|
8591
8591
|
"data-slot": "select-loading",
|
|
8592
8592
|
role: "status",
|
|
8593
8593
|
"aria-live": "polite",
|
|
8594
|
-
className:
|
|
8594
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8595
8595
|
"flex items-center justify-center gap-[8px] py-[12px] text-small-medium text-sys-text-subtler",
|
|
8596
8596
|
className
|
|
8597
8597
|
),
|
|
8598
8598
|
...props,
|
|
8599
8599
|
children: [
|
|
8600
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8600
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Spinner, { size: "small", variant: "secondary" }),
|
|
8601
8601
|
children || "\uB85C\uB4DC \uC911"
|
|
8602
8602
|
]
|
|
8603
8603
|
}
|
|
@@ -8615,7 +8615,7 @@ var SelectRadioGroup = React17__namespace.forwardRef(
|
|
|
8615
8615
|
ref,
|
|
8616
8616
|
role: "radiogroup",
|
|
8617
8617
|
"data-slot": "select-radio-group",
|
|
8618
|
-
className:
|
|
8618
|
+
className: chunkIYDQLTRF_cjs.cn("flex flex-col", className),
|
|
8619
8619
|
...props,
|
|
8620
8620
|
children
|
|
8621
8621
|
}
|
|
@@ -8660,7 +8660,7 @@ var SelectRadioItem = React17__namespace.forwardRef(
|
|
|
8660
8660
|
setOpen(false);
|
|
8661
8661
|
}
|
|
8662
8662
|
},
|
|
8663
|
-
className:
|
|
8663
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8664
8664
|
"group relative flex w-full cursor-default items-center gap-[8px] py-[2px] px-[8px] min-h-[32px] border-b border-secondary-o20 text-base-medium text-sys-text-main outline-hidden select-none",
|
|
8665
8665
|
"data-[disabled=true]:pointer-events-none",
|
|
8666
8666
|
"hover:bg-primary10 data-[state=checked]:bg-secondary-o20 data-[state=checked]:hover:bg-secondary-o40",
|
|
@@ -8672,7 +8672,7 @@ var SelectRadioItem = React17__namespace.forwardRef(
|
|
|
8672
8672
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 size-[24px] p-[4px] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8673
8673
|
"div",
|
|
8674
8674
|
{
|
|
8675
|
-
className:
|
|
8675
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8676
8676
|
"border-[2px] border-sys-divider-main w-full h-full rounded-full",
|
|
8677
8677
|
"group-data-[state=checked]:bg-primary30 group-data-[state=checked]:border-none",
|
|
8678
8678
|
"flex items-center justify-center",
|
|
@@ -8681,7 +8681,7 @@ var SelectRadioItem = React17__namespace.forwardRef(
|
|
|
8681
8681
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8682
8682
|
"div",
|
|
8683
8683
|
{
|
|
8684
|
-
className:
|
|
8684
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8685
8685
|
"hidden group-data-[state=checked]:block",
|
|
8686
8686
|
"w-[6px] h-[6px] rounded-full bg-sys-background"
|
|
8687
8687
|
)
|
|
@@ -8716,7 +8716,7 @@ var SelectSeparator = React17__namespace.forwardRef(
|
|
|
8716
8716
|
{
|
|
8717
8717
|
ref,
|
|
8718
8718
|
"data-slot": "select-separator",
|
|
8719
|
-
className:
|
|
8719
|
+
className: chunkIYDQLTRF_cjs.cn("my-[4px] h-px bg-sys-divider-subtler", className),
|
|
8720
8720
|
...props
|
|
8721
8721
|
}
|
|
8722
8722
|
);
|
|
@@ -8727,9 +8727,9 @@ function SelectValue({ placeholder }) {
|
|
|
8727
8727
|
const { value, labelMap } = useSelectContext();
|
|
8728
8728
|
const displayText = value ? labelMap.get(value) ?? value : void 0;
|
|
8729
8729
|
if (!value) {
|
|
8730
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "select-value", "data-placeholder": "", className: "truncate whitespace-pre", children:
|
|
8730
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "select-value", "data-placeholder": "", className: "truncate whitespace-pre", children: chunkIYDQLTRF_cjs.sanitizeUserText(placeholder) });
|
|
8731
8731
|
}
|
|
8732
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "select-value", className: "truncate whitespace-pre", children:
|
|
8732
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "select-value", className: "truncate whitespace-pre", children: chunkIYDQLTRF_cjs.sanitizeUserText(displayText) });
|
|
8733
8733
|
}
|
|
8734
8734
|
var SidebarContext = React17__namespace.createContext(void 0);
|
|
8735
8735
|
function SidebarProvider({
|
|
@@ -8764,7 +8764,7 @@ var Sidebar = React17__namespace.forwardRef(
|
|
|
8764
8764
|
"aside",
|
|
8765
8765
|
{
|
|
8766
8766
|
ref,
|
|
8767
|
-
className:
|
|
8767
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8768
8768
|
"fixed left-0 z-[500]",
|
|
8769
8769
|
"bg-sys-background",
|
|
8770
8770
|
"flex flex-col overflow-y-auto",
|
|
@@ -8813,7 +8813,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8813
8813
|
"div",
|
|
8814
8814
|
{
|
|
8815
8815
|
ref,
|
|
8816
|
-
className:
|
|
8816
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8817
8817
|
"sticky top-0 z-10",
|
|
8818
8818
|
"h-[72px] py-[16px] pl-[18px] pr-[16px]",
|
|
8819
8819
|
"flex items-center gap-[16px]",
|
|
@@ -8829,7 +8829,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8829
8829
|
"div",
|
|
8830
8830
|
{
|
|
8831
8831
|
ref,
|
|
8832
|
-
className:
|
|
8832
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8833
8833
|
"sticky top-0 z-10",
|
|
8834
8834
|
"h-[72px] py-[16px] pl-[18px] pr-[16px]",
|
|
8835
8835
|
"flex items-center gap-[16px]",
|
|
@@ -8854,7 +8854,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8854
8854
|
avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 flex items-center justify-center size-[36px]", children: isFullyCollapsed && isHovered ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 20, className: "text-sys-text-subtle" }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
8855
8855
|
"div",
|
|
8856
8856
|
{
|
|
8857
|
-
className:
|
|
8857
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8858
8858
|
"flex items-center justify-center",
|
|
8859
8859
|
"size-[36px] rounded-full",
|
|
8860
8860
|
"border border-sys-divider-subtler",
|
|
@@ -8870,7 +8870,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8870
8870
|
(title || description) && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8871
8871
|
"div",
|
|
8872
8872
|
{
|
|
8873
|
-
className:
|
|
8873
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8874
8874
|
"flex flex-col justify-center flex-1 min-w-0",
|
|
8875
8875
|
"transition-all duration-200",
|
|
8876
8876
|
isOpen ? "opacity-100 delay-150" : "opacity-0 delay-0",
|
|
@@ -8882,9 +8882,9 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8882
8882
|
]
|
|
8883
8883
|
}
|
|
8884
8884
|
),
|
|
8885
|
-
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
8886
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8887
|
-
|
|
8885
|
+
isOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
8886
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8887
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
8888
8888
|
{
|
|
8889
8889
|
variant: "secondaryLink",
|
|
8890
8890
|
shape: "normal",
|
|
@@ -8893,7 +8893,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8893
8893
|
e.stopPropagation();
|
|
8894
8894
|
toggle();
|
|
8895
8895
|
},
|
|
8896
|
-
className:
|
|
8896
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8897
8897
|
"absolute right-[8px] top-1/2 -translate-y-1/2",
|
|
8898
8898
|
"transition-opacity duration-150",
|
|
8899
8899
|
isHovered ? "opacity-100" : "opacity-0"
|
|
@@ -8902,7 +8902,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8902
8902
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 20 })
|
|
8903
8903
|
}
|
|
8904
8904
|
) }),
|
|
8905
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8905
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { side: "right", children: closeLabel })
|
|
8906
8906
|
] }) })
|
|
8907
8907
|
]
|
|
8908
8908
|
}
|
|
@@ -8917,15 +8917,15 @@ var SidebarToggle = React17__namespace.forwardRef(
|
|
|
8917
8917
|
"div",
|
|
8918
8918
|
{
|
|
8919
8919
|
ref,
|
|
8920
|
-
className:
|
|
8920
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8921
8921
|
"h-[40px] flex items-center",
|
|
8922
8922
|
isOpen ? "justify-end px-[8px]" : "justify-center",
|
|
8923
8923
|
className
|
|
8924
8924
|
),
|
|
8925
8925
|
...props,
|
|
8926
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8927
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8928
|
-
|
|
8926
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
8927
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8928
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
8929
8929
|
{
|
|
8930
8930
|
variant: "secondaryLink",
|
|
8931
8931
|
shape: "normal",
|
|
@@ -8936,7 +8936,7 @@ var SidebarToggle = React17__namespace.forwardRef(
|
|
|
8936
8936
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 20 })
|
|
8937
8937
|
}
|
|
8938
8938
|
) }),
|
|
8939
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8939
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { side: "right", children: isOpen ? closeLabel : openLabel })
|
|
8940
8940
|
] }) })
|
|
8941
8941
|
}
|
|
8942
8942
|
);
|
|
@@ -8944,7 +8944,7 @@ var SidebarToggle = React17__namespace.forwardRef(
|
|
|
8944
8944
|
);
|
|
8945
8945
|
SidebarToggle.displayName = "SidebarToggle";
|
|
8946
8946
|
var SidebarContent = React17__namespace.forwardRef(
|
|
8947
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, className:
|
|
8947
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, className: chunkIYDQLTRF_cjs.cn("flex-1 overflow-x-clip", className), ...props })
|
|
8948
8948
|
);
|
|
8949
8949
|
SidebarContent.displayName = "SidebarContent";
|
|
8950
8950
|
var SidebarSection = React17__namespace.forwardRef(
|
|
@@ -8970,11 +8970,11 @@ var SidebarSection = React17__namespace.forwardRef(
|
|
|
8970
8970
|
}
|
|
8971
8971
|
}, [isExpanded, onOpenChange]);
|
|
8972
8972
|
const showChildren = !collapsible || !sidebarOpen || isExpanded;
|
|
8973
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className:
|
|
8973
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkIYDQLTRF_cjs.cn("", className), ...props, children: [
|
|
8974
8974
|
title && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8975
8975
|
"div",
|
|
8976
8976
|
{
|
|
8977
|
-
className:
|
|
8977
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8978
8978
|
"h-[40px] px-[16px] py-[12px] flex items-center gap-[12px]",
|
|
8979
8979
|
collapsible && sidebarOpen && "cursor-pointer hover:bg-sys-button-secondary-subtle-background-hover"
|
|
8980
8980
|
),
|
|
@@ -8989,12 +8989,12 @@ var SidebarSection = React17__namespace.forwardRef(
|
|
|
8989
8989
|
} : void 0,
|
|
8990
8990
|
children: [
|
|
8991
8991
|
sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small-bold text-sys-text-subtler whitespace-nowrap", children: title }),
|
|
8992
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8992
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Separator, { className: "flex-1" }),
|
|
8993
8993
|
collapsible && sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
8994
8994
|
lucideReact.ChevronDown,
|
|
8995
8995
|
{
|
|
8996
8996
|
size: 14,
|
|
8997
|
-
className:
|
|
8997
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8998
8998
|
"text-sys-text-subtler shrink-0 transition-transform duration-200",
|
|
8999
8999
|
isExpanded && "rotate-180"
|
|
9000
9000
|
)
|
|
@@ -9006,7 +9006,7 @@ var SidebarSection = React17__namespace.forwardRef(
|
|
|
9006
9006
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9007
9007
|
"div",
|
|
9008
9008
|
{
|
|
9009
|
-
className:
|
|
9009
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9010
9010
|
"grid transition-[grid-template-rows] duration-200 ease-in-out",
|
|
9011
9011
|
showChildren ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
|
|
9012
9012
|
),
|
|
@@ -9023,7 +9023,7 @@ var SidebarMenuItem = React17__namespace.forwardRef(
|
|
|
9023
9023
|
const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(
|
|
9024
9024
|
"span",
|
|
9025
9025
|
{
|
|
9026
|
-
className:
|
|
9026
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9027
9027
|
"flex items-center gap-[16px] w-full",
|
|
9028
9028
|
"pl-[21px] pr-[6px] py-[6px]",
|
|
9029
9029
|
"transition-all duration-200",
|
|
@@ -9043,17 +9043,17 @@ var SidebarMenuItem = React17__namespace.forwardRef(
|
|
|
9043
9043
|
),
|
|
9044
9044
|
children: [
|
|
9045
9045
|
icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
9046
|
-
|
|
9046
|
+
chunkIYDQLTRF_cjs.LucideIcon,
|
|
9047
9047
|
{
|
|
9048
9048
|
iconComponentName: icon,
|
|
9049
9049
|
size: 20,
|
|
9050
|
-
className:
|
|
9050
|
+
className: chunkIYDQLTRF_cjs.cn(isActive ? "text-primary40" : "text-sys-text-subtle")
|
|
9051
9051
|
}
|
|
9052
9052
|
) }),
|
|
9053
9053
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9054
9054
|
"span",
|
|
9055
9055
|
{
|
|
9056
|
-
className:
|
|
9056
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9057
9057
|
"flex-1 text-left whitespace-nowrap overflow-hidden",
|
|
9058
9058
|
"transition-opacity duration-200",
|
|
9059
9059
|
isOpen ? "opacity-100 delay-150" : "opacity-0 delay-0",
|
|
@@ -9069,9 +9069,9 @@ var SidebarMenuItem = React17__namespace.forwardRef(
|
|
|
9069
9069
|
const content = /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: "flex items-center w-full cursor-pointer", children: asChild ? React17__namespace.isValidElement(children) ? React17__namespace.cloneElement(children, {
|
|
9070
9070
|
children: buttonContent
|
|
9071
9071
|
}) : children : buttonContent });
|
|
9072
|
-
return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className:
|
|
9073
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9074
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9072
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: chunkIYDQLTRF_cjs.cn("", className), ...props, children: !isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Tooltip, { children: [
|
|
9073
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipTrigger, { asChild: true, children: content }),
|
|
9074
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { side: "right", children: label })
|
|
9075
9075
|
] }) }) : content });
|
|
9076
9076
|
}
|
|
9077
9077
|
);
|
|
@@ -9083,7 +9083,7 @@ var SidebarFooter = React17__namespace.forwardRef(
|
|
|
9083
9083
|
"div",
|
|
9084
9084
|
{
|
|
9085
9085
|
ref,
|
|
9086
|
-
className:
|
|
9086
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9087
9087
|
"sticky bottom-0 z-10 mt-auto",
|
|
9088
9088
|
"bg-sys-background-blur backdrop-blur-md",
|
|
9089
9089
|
"transition-opacity duration-200",
|
|
@@ -9211,7 +9211,7 @@ function Ticks({
|
|
|
9211
9211
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9212
9212
|
"span",
|
|
9213
9213
|
{
|
|
9214
|
-
className:
|
|
9214
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9215
9215
|
"block size-[2px] shrink-0 rounded-full",
|
|
9216
9216
|
!showDots ? "invisible" : disabled ? "bg-secondary40" : isFilled(tick.value) ? "bg-primary20" : "bg-secondary40"
|
|
9217
9217
|
)
|
|
@@ -9220,7 +9220,7 @@ function Ticks({
|
|
|
9220
9220
|
showLabels && tick.label != null && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9221
9221
|
"span",
|
|
9222
9222
|
{
|
|
9223
|
-
className:
|
|
9223
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9224
9224
|
"whitespace-nowrap text-center text-small-regular",
|
|
9225
9225
|
disabled ? "text-sys-text-disabled" : "text-sys-text-subtle"
|
|
9226
9226
|
),
|
|
@@ -9233,7 +9233,7 @@ function Ticks({
|
|
|
9233
9233
|
);
|
|
9234
9234
|
}) });
|
|
9235
9235
|
}
|
|
9236
|
-
var THUMB_CLASS =
|
|
9236
|
+
var THUMB_CLASS = chunkIYDQLTRF_cjs.cn(
|
|
9237
9237
|
"block size-[16px] shrink-0 rounded-full bg-primary30 outline-none transition-colors cursor-pointer",
|
|
9238
9238
|
"hover:bg-primary40 active:bg-primary50",
|
|
9239
9239
|
"focus-visible:ring-[3px] focus-visible:ring-sys-focus-ring-main",
|
|
@@ -9275,7 +9275,7 @@ var RangeSlider = React17__namespace.forwardRef(
|
|
|
9275
9275
|
SliderPrimitive__namespace.Root,
|
|
9276
9276
|
{
|
|
9277
9277
|
ref,
|
|
9278
|
-
className:
|
|
9278
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9279
9279
|
"relative flex min-h-[36px] w-full touch-none select-none items-center",
|
|
9280
9280
|
className
|
|
9281
9281
|
),
|
|
@@ -9388,9 +9388,9 @@ var Range2 = React17__namespace.forwardRef(
|
|
|
9388
9388
|
const numberInput = useNumberInput({ value: current, onCommit: setValue, min, max, step });
|
|
9389
9389
|
const iconShape = shape === "rounded" ? "rounded" : "normal";
|
|
9390
9390
|
const iconOverride = shape === "angled" ? "!rounded-none" : void 0;
|
|
9391
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className:
|
|
9391
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkIYDQLTRF_cjs.cn("flex w-full items-center gap-[16px]", className), children: [
|
|
9392
9392
|
hasButtonControl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9393
|
-
|
|
9393
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
9394
9394
|
{
|
|
9395
9395
|
variant: "primary",
|
|
9396
9396
|
spacing: "normal",
|
|
@@ -9423,7 +9423,7 @@ var Range2 = React17__namespace.forwardRef(
|
|
|
9423
9423
|
TextField,
|
|
9424
9424
|
{
|
|
9425
9425
|
appearance: "standard",
|
|
9426
|
-
className:
|
|
9426
|
+
className: chunkIYDQLTRF_cjs.cn("w-[58px] shrink-0", SHAPE_RADIUS[shape]),
|
|
9427
9427
|
role: "spinbutton",
|
|
9428
9428
|
inputMode: "decimal",
|
|
9429
9429
|
name,
|
|
@@ -9437,7 +9437,7 @@ var Range2 = React17__namespace.forwardRef(
|
|
|
9437
9437
|
}
|
|
9438
9438
|
),
|
|
9439
9439
|
hasButtonControl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9440
|
-
|
|
9440
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
9441
9441
|
{
|
|
9442
9442
|
variant: "primary",
|
|
9443
9443
|
spacing: "normal",
|
|
@@ -9476,7 +9476,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9476
9476
|
SwitchPrimitives__namespace.Root,
|
|
9477
9477
|
{
|
|
9478
9478
|
ref,
|
|
9479
|
-
className:
|
|
9479
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9480
9480
|
"group relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full px-[3px] transition-colors",
|
|
9481
9481
|
// 끔 트랙은 secondary50(흰 바탕·손잡이 대비 3.7:1) — secondary60 은 외곽선 폼 안에서 "진한 토글" 로 읽혔다 (2026-10-17 이슈 47 5차)
|
|
9482
9482
|
"bg-secondary50 data-[state=checked]:bg-primary30",
|
|
@@ -9492,7 +9492,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9492
9492
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9493
9493
|
"span",
|
|
9494
9494
|
{
|
|
9495
|
-
className:
|
|
9495
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9496
9496
|
"absolute pointer-events-none flex items-center justify-center size-[16px]",
|
|
9497
9497
|
"opacity-0 group-data-[state=checked]:opacity-100 transition-opacity",
|
|
9498
9498
|
"text-sys-background",
|
|
@@ -9504,7 +9504,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9504
9504
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9505
9505
|
"span",
|
|
9506
9506
|
{
|
|
9507
|
-
className:
|
|
9507
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9508
9508
|
"absolute pointer-events-none flex items-center justify-center size-[16px]",
|
|
9509
9509
|
"opacity-0 group-data-[state=unchecked]:opacity-100 transition-opacity",
|
|
9510
9510
|
"text-sys-background",
|
|
@@ -9517,7 +9517,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9517
9517
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9518
9518
|
SwitchPrimitives__namespace.Thumb,
|
|
9519
9519
|
{
|
|
9520
|
-
className:
|
|
9520
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9521
9521
|
"pointer-events-none relative z-10 block rounded-full bg-sys-background shadow-gray-small ring-0 transition-transform data-[state=unchecked]:translate-x-0",
|
|
9522
9522
|
"data-[disabled]:opacity-60",
|
|
9523
9523
|
current.thumb,
|
|
@@ -9549,7 +9549,7 @@ var SwitchSection = React17__namespace.forwardRef(
|
|
|
9549
9549
|
"div",
|
|
9550
9550
|
{
|
|
9551
9551
|
"data-slot": "switch-section",
|
|
9552
|
-
className:
|
|
9552
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9553
9553
|
// 테두리 상자 — RadioSection 카드와 같은 선(divider-main 1px)·같은 패딩(12px) (2026-10-20 16차 D2: "toggle card differs in padding and border weight").
|
|
9554
9554
|
// 채움 박스(secondary-o10)는 외곽선 폼 안에서 홀로 채워져 보였다 (2026-10-17 이슈 47 4차)
|
|
9555
9555
|
"flex w-full items-center justify-between gap-[16px] rounded-medium border border-sys-divider-main bg-sys-background p-[12px]",
|
|
@@ -9561,7 +9561,7 @@ var SwitchSection = React17__namespace.forwardRef(
|
|
|
9561
9561
|
"label",
|
|
9562
9562
|
{
|
|
9563
9563
|
htmlFor: switchId,
|
|
9564
|
-
className:
|
|
9564
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9565
9565
|
"flex min-w-0 flex-col gap-[4px]",
|
|
9566
9566
|
disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
9567
9567
|
),
|
|
@@ -9643,7 +9643,7 @@ var Textarea = React17__namespace.forwardRef(
|
|
|
9643
9643
|
style,
|
|
9644
9644
|
...textareaProps
|
|
9645
9645
|
}, forwardedRef) => {
|
|
9646
|
-
const formControl =
|
|
9646
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
9647
9647
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
9648
9648
|
const textareaRef = React17__namespace.useRef(null);
|
|
9649
9649
|
const [isFocused, setIsFocused] = React17__namespace.useState(false);
|
|
@@ -9703,7 +9703,7 @@ var Textarea = React17__namespace.forwardRef(
|
|
|
9703
9703
|
{
|
|
9704
9704
|
"data-slot": "textarea",
|
|
9705
9705
|
"aria-disabled": disabled || void 0,
|
|
9706
|
-
className:
|
|
9706
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9707
9707
|
textareaContainerVariants({ appearance, isInvalid }),
|
|
9708
9708
|
// Focus styling (state-managed, standard appearance without notched outline only)
|
|
9709
9709
|
isFocused && !isInvalid && appearance === "standard" && !showNotchedOutline && "border-[2px] border-sys-focus-ring-bold py-[2px] px-[4px]",
|
|
@@ -9755,7 +9755,7 @@ var Textarea = React17__namespace.forwardRef(
|
|
|
9755
9755
|
onBlur: handleBlur,
|
|
9756
9756
|
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
9757
9757
|
"aria-required": hasLabel && requiredProp ? true : void 0,
|
|
9758
|
-
className:
|
|
9758
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9759
9759
|
"flex-1 min-w-0 bg-transparent border-none outline-none",
|
|
9760
9760
|
"text-base-medium text-sys-text-main",
|
|
9761
9761
|
"placeholder:text-sys-text-placeholder",
|
|
@@ -9962,7 +9962,7 @@ var TimePickerTrigger = React17__namespace.forwardRef(
|
|
|
9962
9962
|
"data-slot": "timepicker",
|
|
9963
9963
|
"data-state": open ? "open" : "closed",
|
|
9964
9964
|
"data-disabled": disabled || void 0,
|
|
9965
|
-
className:
|
|
9965
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9966
9966
|
timePickerTriggerVariants({ appearance, isInvalid, hourType }),
|
|
9967
9967
|
"[&_[data-placeholder]]:text-sys-text-subtler",
|
|
9968
9968
|
(showNotchedOutline || showNoneLabel) && "relative",
|
|
@@ -9994,7 +9994,7 @@ var TimePickerTrigger = React17__namespace.forwardRef(
|
|
|
9994
9994
|
"data-state": open ? "open" : "closed",
|
|
9995
9995
|
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
9996
9996
|
disabled,
|
|
9997
|
-
className:
|
|
9997
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9998
9998
|
"flex flex-1 items-center min-h-[28px] min-w-0 px-[4px] py-[2px] text-left bg-transparent outline-none cursor-pointer",
|
|
9999
9999
|
"disabled:cursor-not-allowed",
|
|
10000
10000
|
hasLabel && !hasValue && "invisible"
|
|
@@ -10011,7 +10011,7 @@ var TimePickerTrigger = React17__namespace.forwardRef(
|
|
|
10011
10011
|
"data-slot": "timepicker-clear",
|
|
10012
10012
|
onClick: handleClearClick,
|
|
10013
10013
|
disabled,
|
|
10014
|
-
className:
|
|
10014
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10015
10015
|
"shrink-0 flex items-center justify-center p-[2px] rounded-small hover:bg-secondary-o10 text-sys-text-subtler cursor-pointer outline-none",
|
|
10016
10016
|
"focus-visible:ring-[2px] focus-visible:ring-sys-focus-ring-main",
|
|
10017
10017
|
(!hasValue || disabled) && "invisible"
|
|
@@ -10080,7 +10080,7 @@ function TimeColumn({
|
|
|
10080
10080
|
onSelect(option.value);
|
|
10081
10081
|
}
|
|
10082
10082
|
},
|
|
10083
|
-
className:
|
|
10083
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10084
10084
|
"flex items-center min-h-[32px] px-[8px] py-[2px]",
|
|
10085
10085
|
"border-b border-secondary-o20",
|
|
10086
10086
|
"text-base-medium text-sys-text-main cursor-pointer select-none",
|
|
@@ -10203,7 +10203,7 @@ function TimePicker(props) {
|
|
|
10203
10203
|
PopoverContent,
|
|
10204
10204
|
{
|
|
10205
10205
|
"aria-label": "\uC2DC\uAC04 \uC120\uD0DD",
|
|
10206
|
-
className:
|
|
10206
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10207
10207
|
"p-0 !border-0 overflow-hidden min-w-[var(--radix-popover-trigger-width)]",
|
|
10208
10208
|
classNames?.popoverContent
|
|
10209
10209
|
),
|
|
@@ -10370,491 +10370,491 @@ Toaster.displayName = "Toaster";
|
|
|
10370
10370
|
|
|
10371
10371
|
Object.defineProperty(exports, "AG_GRID_LOCALE_KR", {
|
|
10372
10372
|
enumerable: true,
|
|
10373
|
-
get: function () { return
|
|
10373
|
+
get: function () { return chunkIYDQLTRF_cjs.AG_GRID_LOCALE_KR; }
|
|
10374
10374
|
});
|
|
10375
10375
|
Object.defineProperty(exports, "AgGridContext", {
|
|
10376
10376
|
enumerable: true,
|
|
10377
|
-
get: function () { return
|
|
10377
|
+
get: function () { return chunkIYDQLTRF_cjs.AgGridContext; }
|
|
10378
10378
|
});
|
|
10379
10379
|
Object.defineProperty(exports, "AgGridTable", {
|
|
10380
10380
|
enumerable: true,
|
|
10381
|
-
get: function () { return
|
|
10381
|
+
get: function () { return chunkIYDQLTRF_cjs.AgGridTable; }
|
|
10382
10382
|
});
|
|
10383
10383
|
Object.defineProperty(exports, "Alert", {
|
|
10384
10384
|
enumerable: true,
|
|
10385
|
-
get: function () { return
|
|
10385
|
+
get: function () { return chunkIYDQLTRF_cjs.Alert; }
|
|
10386
10386
|
});
|
|
10387
10387
|
Object.defineProperty(exports, "AlertActions", {
|
|
10388
10388
|
enumerable: true,
|
|
10389
|
-
get: function () { return
|
|
10389
|
+
get: function () { return chunkIYDQLTRF_cjs.AlertActions; }
|
|
10390
10390
|
});
|
|
10391
10391
|
Object.defineProperty(exports, "AlertDescription", {
|
|
10392
10392
|
enumerable: true,
|
|
10393
|
-
get: function () { return
|
|
10393
|
+
get: function () { return chunkIYDQLTRF_cjs.AlertDescription; }
|
|
10394
10394
|
});
|
|
10395
10395
|
Object.defineProperty(exports, "AlertTitle", {
|
|
10396
10396
|
enumerable: true,
|
|
10397
|
-
get: function () { return
|
|
10397
|
+
get: function () { return chunkIYDQLTRF_cjs.AlertTitle; }
|
|
10398
10398
|
});
|
|
10399
10399
|
Object.defineProperty(exports, "BADGE_OUTLINE_ACCENT", {
|
|
10400
10400
|
enumerable: true,
|
|
10401
|
-
get: function () { return
|
|
10401
|
+
get: function () { return chunkIYDQLTRF_cjs.BADGE_OUTLINE_ACCENT; }
|
|
10402
10402
|
});
|
|
10403
10403
|
Object.defineProperty(exports, "Badge", {
|
|
10404
10404
|
enumerable: true,
|
|
10405
|
-
get: function () { return
|
|
10405
|
+
get: function () { return chunkIYDQLTRF_cjs.Badge; }
|
|
10406
10406
|
});
|
|
10407
10407
|
Object.defineProperty(exports, "Button", {
|
|
10408
10408
|
enumerable: true,
|
|
10409
|
-
get: function () { return
|
|
10409
|
+
get: function () { return chunkIYDQLTRF_cjs.Button; }
|
|
10410
10410
|
});
|
|
10411
10411
|
Object.defineProperty(exports, "Card", {
|
|
10412
10412
|
enumerable: true,
|
|
10413
|
-
get: function () { return
|
|
10413
|
+
get: function () { return chunkIYDQLTRF_cjs.Card; }
|
|
10414
10414
|
});
|
|
10415
10415
|
Object.defineProperty(exports, "CardContent", {
|
|
10416
10416
|
enumerable: true,
|
|
10417
|
-
get: function () { return
|
|
10417
|
+
get: function () { return chunkIYDQLTRF_cjs.CardContent; }
|
|
10418
10418
|
});
|
|
10419
10419
|
Object.defineProperty(exports, "CardDescription", {
|
|
10420
10420
|
enumerable: true,
|
|
10421
|
-
get: function () { return
|
|
10421
|
+
get: function () { return chunkIYDQLTRF_cjs.CardDescription; }
|
|
10422
10422
|
});
|
|
10423
10423
|
Object.defineProperty(exports, "CardFooter", {
|
|
10424
10424
|
enumerable: true,
|
|
10425
|
-
get: function () { return
|
|
10425
|
+
get: function () { return chunkIYDQLTRF_cjs.CardFooter; }
|
|
10426
10426
|
});
|
|
10427
10427
|
Object.defineProperty(exports, "CardHeader", {
|
|
10428
10428
|
enumerable: true,
|
|
10429
|
-
get: function () { return
|
|
10429
|
+
get: function () { return chunkIYDQLTRF_cjs.CardHeader; }
|
|
10430
10430
|
});
|
|
10431
10431
|
Object.defineProperty(exports, "CardThumbnail", {
|
|
10432
10432
|
enumerable: true,
|
|
10433
|
-
get: function () { return
|
|
10433
|
+
get: function () { return chunkIYDQLTRF_cjs.CardThumbnail; }
|
|
10434
10434
|
});
|
|
10435
10435
|
Object.defineProperty(exports, "CardTitle", {
|
|
10436
10436
|
enumerable: true,
|
|
10437
|
-
get: function () { return
|
|
10437
|
+
get: function () { return chunkIYDQLTRF_cjs.CardTitle; }
|
|
10438
10438
|
});
|
|
10439
10439
|
Object.defineProperty(exports, "Checkbox", {
|
|
10440
10440
|
enumerable: true,
|
|
10441
|
-
get: function () { return
|
|
10441
|
+
get: function () { return chunkIYDQLTRF_cjs.Checkbox; }
|
|
10442
10442
|
});
|
|
10443
10443
|
Object.defineProperty(exports, "Dialog", {
|
|
10444
10444
|
enumerable: true,
|
|
10445
|
-
get: function () { return
|
|
10445
|
+
get: function () { return chunkIYDQLTRF_cjs.Dialog; }
|
|
10446
10446
|
});
|
|
10447
10447
|
Object.defineProperty(exports, "DialogClose", {
|
|
10448
10448
|
enumerable: true,
|
|
10449
|
-
get: function () { return
|
|
10449
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogClose; }
|
|
10450
10450
|
});
|
|
10451
10451
|
Object.defineProperty(exports, "DialogContent", {
|
|
10452
10452
|
enumerable: true,
|
|
10453
|
-
get: function () { return
|
|
10453
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogContent; }
|
|
10454
10454
|
});
|
|
10455
10455
|
Object.defineProperty(exports, "DialogDescription", {
|
|
10456
10456
|
enumerable: true,
|
|
10457
|
-
get: function () { return
|
|
10457
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogDescription; }
|
|
10458
10458
|
});
|
|
10459
10459
|
Object.defineProperty(exports, "DialogFooter", {
|
|
10460
10460
|
enumerable: true,
|
|
10461
|
-
get: function () { return
|
|
10461
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogFooter; }
|
|
10462
10462
|
});
|
|
10463
10463
|
Object.defineProperty(exports, "DialogHeader", {
|
|
10464
10464
|
enumerable: true,
|
|
10465
|
-
get: function () { return
|
|
10465
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogHeader; }
|
|
10466
10466
|
});
|
|
10467
10467
|
Object.defineProperty(exports, "DialogOverlay", {
|
|
10468
10468
|
enumerable: true,
|
|
10469
|
-
get: function () { return
|
|
10469
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogOverlay; }
|
|
10470
10470
|
});
|
|
10471
10471
|
Object.defineProperty(exports, "DialogPortal", {
|
|
10472
10472
|
enumerable: true,
|
|
10473
|
-
get: function () { return
|
|
10473
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogPortal; }
|
|
10474
10474
|
});
|
|
10475
10475
|
Object.defineProperty(exports, "DialogTitle", {
|
|
10476
10476
|
enumerable: true,
|
|
10477
|
-
get: function () { return
|
|
10477
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogTitle; }
|
|
10478
10478
|
});
|
|
10479
10479
|
Object.defineProperty(exports, "DialogTrigger", {
|
|
10480
10480
|
enumerable: true,
|
|
10481
|
-
get: function () { return
|
|
10481
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogTrigger; }
|
|
10482
10482
|
});
|
|
10483
10483
|
Object.defineProperty(exports, "Drawer", {
|
|
10484
10484
|
enumerable: true,
|
|
10485
|
-
get: function () { return
|
|
10485
|
+
get: function () { return chunkIYDQLTRF_cjs.Drawer; }
|
|
10486
10486
|
});
|
|
10487
10487
|
Object.defineProperty(exports, "DrawerBody", {
|
|
10488
10488
|
enumerable: true,
|
|
10489
|
-
get: function () { return
|
|
10489
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerBody; }
|
|
10490
10490
|
});
|
|
10491
10491
|
Object.defineProperty(exports, "DrawerClose", {
|
|
10492
10492
|
enumerable: true,
|
|
10493
|
-
get: function () { return
|
|
10493
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerClose; }
|
|
10494
10494
|
});
|
|
10495
10495
|
Object.defineProperty(exports, "DrawerContent", {
|
|
10496
10496
|
enumerable: true,
|
|
10497
|
-
get: function () { return
|
|
10497
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerContent; }
|
|
10498
10498
|
});
|
|
10499
10499
|
Object.defineProperty(exports, "DrawerDescription", {
|
|
10500
10500
|
enumerable: true,
|
|
10501
|
-
get: function () { return
|
|
10501
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerDescription; }
|
|
10502
10502
|
});
|
|
10503
10503
|
Object.defineProperty(exports, "DrawerFooter", {
|
|
10504
10504
|
enumerable: true,
|
|
10505
|
-
get: function () { return
|
|
10505
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerFooter; }
|
|
10506
10506
|
});
|
|
10507
10507
|
Object.defineProperty(exports, "DrawerHeader", {
|
|
10508
10508
|
enumerable: true,
|
|
10509
|
-
get: function () { return
|
|
10509
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerHeader; }
|
|
10510
10510
|
});
|
|
10511
10511
|
Object.defineProperty(exports, "DrawerOverlay", {
|
|
10512
10512
|
enumerable: true,
|
|
10513
|
-
get: function () { return
|
|
10513
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerOverlay; }
|
|
10514
10514
|
});
|
|
10515
10515
|
Object.defineProperty(exports, "DrawerPortal", {
|
|
10516
10516
|
enumerable: true,
|
|
10517
|
-
get: function () { return
|
|
10517
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerPortal; }
|
|
10518
10518
|
});
|
|
10519
10519
|
Object.defineProperty(exports, "DrawerTitle", {
|
|
10520
10520
|
enumerable: true,
|
|
10521
|
-
get: function () { return
|
|
10521
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerTitle; }
|
|
10522
10522
|
});
|
|
10523
10523
|
Object.defineProperty(exports, "DrawerTrigger", {
|
|
10524
10524
|
enumerable: true,
|
|
10525
|
-
get: function () { return
|
|
10525
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerTrigger; }
|
|
10526
10526
|
});
|
|
10527
10527
|
Object.defineProperty(exports, "DropdownMenu", {
|
|
10528
10528
|
enumerable: true,
|
|
10529
|
-
get: function () { return
|
|
10529
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenu; }
|
|
10530
10530
|
});
|
|
10531
10531
|
Object.defineProperty(exports, "DropdownMenuContent", {
|
|
10532
10532
|
enumerable: true,
|
|
10533
|
-
get: function () { return
|
|
10533
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuContent; }
|
|
10534
10534
|
});
|
|
10535
10535
|
Object.defineProperty(exports, "DropdownMenuGroup", {
|
|
10536
10536
|
enumerable: true,
|
|
10537
|
-
get: function () { return
|
|
10537
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuGroup; }
|
|
10538
10538
|
});
|
|
10539
10539
|
Object.defineProperty(exports, "DropdownMenuItem", {
|
|
10540
10540
|
enumerable: true,
|
|
10541
|
-
get: function () { return
|
|
10541
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuItem; }
|
|
10542
10542
|
});
|
|
10543
10543
|
Object.defineProperty(exports, "DropdownMenuPortal", {
|
|
10544
10544
|
enumerable: true,
|
|
10545
|
-
get: function () { return
|
|
10545
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuPortal; }
|
|
10546
10546
|
});
|
|
10547
10547
|
Object.defineProperty(exports, "DropdownMenuSeparator", {
|
|
10548
10548
|
enumerable: true,
|
|
10549
|
-
get: function () { return
|
|
10549
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSeparator; }
|
|
10550
10550
|
});
|
|
10551
10551
|
Object.defineProperty(exports, "DropdownMenuSub", {
|
|
10552
10552
|
enumerable: true,
|
|
10553
|
-
get: function () { return
|
|
10553
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSub; }
|
|
10554
10554
|
});
|
|
10555
10555
|
Object.defineProperty(exports, "DropdownMenuSubContent", {
|
|
10556
10556
|
enumerable: true,
|
|
10557
|
-
get: function () { return
|
|
10557
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSubContent; }
|
|
10558
10558
|
});
|
|
10559
10559
|
Object.defineProperty(exports, "DropdownMenuSubTrigger", {
|
|
10560
10560
|
enumerable: true,
|
|
10561
|
-
get: function () { return
|
|
10561
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSubTrigger; }
|
|
10562
10562
|
});
|
|
10563
10563
|
Object.defineProperty(exports, "DropdownMenuTrigger", {
|
|
10564
10564
|
enumerable: true,
|
|
10565
|
-
get: function () { return
|
|
10565
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuTrigger; }
|
|
10566
10566
|
});
|
|
10567
10567
|
Object.defineProperty(exports, "EmptyBoxIllustration", {
|
|
10568
10568
|
enumerable: true,
|
|
10569
|
-
get: function () { return
|
|
10569
|
+
get: function () { return chunkIYDQLTRF_cjs.EmptyBoxIllustration; }
|
|
10570
10570
|
});
|
|
10571
10571
|
Object.defineProperty(exports, "Form", {
|
|
10572
10572
|
enumerable: true,
|
|
10573
|
-
get: function () { return
|
|
10573
|
+
get: function () { return chunkIYDQLTRF_cjs.Form; }
|
|
10574
10574
|
});
|
|
10575
10575
|
Object.defineProperty(exports, "FormControl", {
|
|
10576
10576
|
enumerable: true,
|
|
10577
|
-
get: function () { return
|
|
10577
|
+
get: function () { return chunkIYDQLTRF_cjs.FormControl; }
|
|
10578
10578
|
});
|
|
10579
10579
|
Object.defineProperty(exports, "FormDescription", {
|
|
10580
10580
|
enumerable: true,
|
|
10581
|
-
get: function () { return
|
|
10581
|
+
get: function () { return chunkIYDQLTRF_cjs.FormDescription; }
|
|
10582
10582
|
});
|
|
10583
10583
|
Object.defineProperty(exports, "FormField", {
|
|
10584
10584
|
enumerable: true,
|
|
10585
|
-
get: function () { return
|
|
10585
|
+
get: function () { return chunkIYDQLTRF_cjs.FormField; }
|
|
10586
10586
|
});
|
|
10587
10587
|
Object.defineProperty(exports, "FormFooter", {
|
|
10588
10588
|
enumerable: true,
|
|
10589
|
-
get: function () { return
|
|
10589
|
+
get: function () { return chunkIYDQLTRF_cjs.FormFooter; }
|
|
10590
10590
|
});
|
|
10591
10591
|
Object.defineProperty(exports, "FormHeader", {
|
|
10592
10592
|
enumerable: true,
|
|
10593
|
-
get: function () { return
|
|
10593
|
+
get: function () { return chunkIYDQLTRF_cjs.FormHeader; }
|
|
10594
10594
|
});
|
|
10595
10595
|
Object.defineProperty(exports, "FormItem", {
|
|
10596
10596
|
enumerable: true,
|
|
10597
|
-
get: function () { return
|
|
10597
|
+
get: function () { return chunkIYDQLTRF_cjs.FormItem; }
|
|
10598
10598
|
});
|
|
10599
10599
|
Object.defineProperty(exports, "FormLabel", {
|
|
10600
10600
|
enumerable: true,
|
|
10601
|
-
get: function () { return
|
|
10601
|
+
get: function () { return chunkIYDQLTRF_cjs.FormLabel; }
|
|
10602
10602
|
});
|
|
10603
10603
|
Object.defineProperty(exports, "FormMessage", {
|
|
10604
10604
|
enumerable: true,
|
|
10605
|
-
get: function () { return
|
|
10605
|
+
get: function () { return chunkIYDQLTRF_cjs.FormMessage; }
|
|
10606
10606
|
});
|
|
10607
10607
|
Object.defineProperty(exports, "FormSection", {
|
|
10608
10608
|
enumerable: true,
|
|
10609
|
-
get: function () { return
|
|
10609
|
+
get: function () { return chunkIYDQLTRF_cjs.FormSection; }
|
|
10610
10610
|
});
|
|
10611
10611
|
Object.defineProperty(exports, "FormSectionLevelContext", {
|
|
10612
10612
|
enumerable: true,
|
|
10613
|
-
get: function () { return
|
|
10613
|
+
get: function () { return chunkIYDQLTRF_cjs.FormSectionLevelContext; }
|
|
10614
10614
|
});
|
|
10615
10615
|
Object.defineProperty(exports, "FormValidMessage", {
|
|
10616
10616
|
enumerable: true,
|
|
10617
|
-
get: function () { return
|
|
10617
|
+
get: function () { return chunkIYDQLTRF_cjs.FormValidMessage; }
|
|
10618
10618
|
});
|
|
10619
10619
|
Object.defineProperty(exports, "HeaderCheckboxRenderer", {
|
|
10620
10620
|
enumerable: true,
|
|
10621
|
-
get: function () { return
|
|
10621
|
+
get: function () { return chunkIYDQLTRF_cjs.HeaderCheckboxRenderer; }
|
|
10622
10622
|
});
|
|
10623
10623
|
Object.defineProperty(exports, "IconButton", {
|
|
10624
10624
|
enumerable: true,
|
|
10625
|
-
get: function () { return
|
|
10625
|
+
get: function () { return chunkIYDQLTRF_cjs.IconButton; }
|
|
10626
10626
|
});
|
|
10627
10627
|
Object.defineProperty(exports, "LucideIcon", {
|
|
10628
10628
|
enumerable: true,
|
|
10629
|
-
get: function () { return
|
|
10629
|
+
get: function () { return chunkIYDQLTRF_cjs.LucideIcon; }
|
|
10630
10630
|
});
|
|
10631
10631
|
Object.defineProperty(exports, "NUMBER_COLUMN_CLASS", {
|
|
10632
10632
|
enumerable: true,
|
|
10633
|
-
get: function () { return
|
|
10633
|
+
get: function () { return chunkIYDQLTRF_cjs.NUMBER_COLUMN_CLASS; }
|
|
10634
10634
|
});
|
|
10635
10635
|
Object.defineProperty(exports, "NUMBER_COLUMN_WIDTH", {
|
|
10636
10636
|
enumerable: true,
|
|
10637
|
-
get: function () { return
|
|
10637
|
+
get: function () { return chunkIYDQLTRF_cjs.NUMBER_COLUMN_WIDTH; }
|
|
10638
10638
|
});
|
|
10639
10639
|
Object.defineProperty(exports, "PageHeader", {
|
|
10640
10640
|
enumerable: true,
|
|
10641
|
-
get: function () { return
|
|
10641
|
+
get: function () { return chunkIYDQLTRF_cjs.PageHeader; }
|
|
10642
10642
|
});
|
|
10643
10643
|
Object.defineProperty(exports, "PageHeaderProvider", {
|
|
10644
10644
|
enumerable: true,
|
|
10645
|
-
get: function () { return
|
|
10645
|
+
get: function () { return chunkIYDQLTRF_cjs.PageHeaderProvider; }
|
|
10646
10646
|
});
|
|
10647
10647
|
Object.defineProperty(exports, "Pagination", {
|
|
10648
10648
|
enumerable: true,
|
|
10649
|
-
get: function () { return
|
|
10649
|
+
get: function () { return chunkIYDQLTRF_cjs.Pagination; }
|
|
10650
10650
|
});
|
|
10651
10651
|
Object.defineProperty(exports, "PaginationContent", {
|
|
10652
10652
|
enumerable: true,
|
|
10653
|
-
get: function () { return
|
|
10653
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationContent; }
|
|
10654
10654
|
});
|
|
10655
10655
|
Object.defineProperty(exports, "PaginationFirst", {
|
|
10656
10656
|
enumerable: true,
|
|
10657
|
-
get: function () { return
|
|
10657
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationFirst; }
|
|
10658
10658
|
});
|
|
10659
10659
|
Object.defineProperty(exports, "PaginationItem", {
|
|
10660
10660
|
enumerable: true,
|
|
10661
|
-
get: function () { return
|
|
10661
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationItem; }
|
|
10662
10662
|
});
|
|
10663
10663
|
Object.defineProperty(exports, "PaginationLast", {
|
|
10664
10664
|
enumerable: true,
|
|
10665
|
-
get: function () { return
|
|
10665
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationLast; }
|
|
10666
10666
|
});
|
|
10667
10667
|
Object.defineProperty(exports, "PaginationLink", {
|
|
10668
10668
|
enumerable: true,
|
|
10669
|
-
get: function () { return
|
|
10669
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationLink; }
|
|
10670
10670
|
});
|
|
10671
10671
|
Object.defineProperty(exports, "PaginationNext", {
|
|
10672
10672
|
enumerable: true,
|
|
10673
|
-
get: function () { return
|
|
10673
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationNext; }
|
|
10674
10674
|
});
|
|
10675
10675
|
Object.defineProperty(exports, "PaginationPrevious", {
|
|
10676
10676
|
enumerable: true,
|
|
10677
|
-
get: function () { return
|
|
10677
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationPrevious; }
|
|
10678
10678
|
});
|
|
10679
10679
|
Object.defineProperty(exports, "PaginationWrapper", {
|
|
10680
10680
|
enumerable: true,
|
|
10681
|
-
get: function () { return
|
|
10681
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationWrapper; }
|
|
10682
10682
|
});
|
|
10683
10683
|
Object.defineProperty(exports, "Panel", {
|
|
10684
10684
|
enumerable: true,
|
|
10685
|
-
get: function () { return
|
|
10685
|
+
get: function () { return chunkIYDQLTRF_cjs.Panel; }
|
|
10686
10686
|
});
|
|
10687
10687
|
Object.defineProperty(exports, "RowCheckboxRenderer", {
|
|
10688
10688
|
enumerable: true,
|
|
10689
|
-
get: function () { return
|
|
10689
|
+
get: function () { return chunkIYDQLTRF_cjs.RowCheckboxRenderer; }
|
|
10690
10690
|
});
|
|
10691
10691
|
Object.defineProperty(exports, "SORT_ICON_OFFSET_CLASS", {
|
|
10692
10692
|
enumerable: true,
|
|
10693
|
-
get: function () { return
|
|
10693
|
+
get: function () { return chunkIYDQLTRF_cjs.SORT_ICON_OFFSET_CLASS; }
|
|
10694
10694
|
});
|
|
10695
10695
|
Object.defineProperty(exports, "Separator", {
|
|
10696
10696
|
enumerable: true,
|
|
10697
|
-
get: function () { return
|
|
10697
|
+
get: function () { return chunkIYDQLTRF_cjs.Separator; }
|
|
10698
10698
|
});
|
|
10699
10699
|
Object.defineProperty(exports, "Skeleton", {
|
|
10700
10700
|
enumerable: true,
|
|
10701
|
-
get: function () { return
|
|
10701
|
+
get: function () { return chunkIYDQLTRF_cjs.Skeleton; }
|
|
10702
10702
|
});
|
|
10703
10703
|
Object.defineProperty(exports, "SortIcon", {
|
|
10704
10704
|
enumerable: true,
|
|
10705
|
-
get: function () { return
|
|
10705
|
+
get: function () { return chunkIYDQLTRF_cjs.SortIcon; }
|
|
10706
10706
|
});
|
|
10707
10707
|
Object.defineProperty(exports, "Spinner", {
|
|
10708
10708
|
enumerable: true,
|
|
10709
|
-
get: function () { return
|
|
10709
|
+
get: function () { return chunkIYDQLTRF_cjs.Spinner; }
|
|
10710
10710
|
});
|
|
10711
10711
|
Object.defineProperty(exports, "Stack", {
|
|
10712
10712
|
enumerable: true,
|
|
10713
|
-
get: function () { return
|
|
10713
|
+
get: function () { return chunkIYDQLTRF_cjs.Stack; }
|
|
10714
10714
|
});
|
|
10715
10715
|
Object.defineProperty(exports, "Table", {
|
|
10716
10716
|
enumerable: true,
|
|
10717
|
-
get: function () { return
|
|
10717
|
+
get: function () { return chunkIYDQLTRF_cjs.Table; }
|
|
10718
10718
|
});
|
|
10719
10719
|
Object.defineProperty(exports, "TableBody", {
|
|
10720
10720
|
enumerable: true,
|
|
10721
|
-
get: function () { return
|
|
10721
|
+
get: function () { return chunkIYDQLTRF_cjs.TableBody; }
|
|
10722
10722
|
});
|
|
10723
10723
|
Object.defineProperty(exports, "TableCell", {
|
|
10724
10724
|
enumerable: true,
|
|
10725
|
-
get: function () { return
|
|
10725
|
+
get: function () { return chunkIYDQLTRF_cjs.TableCell; }
|
|
10726
10726
|
});
|
|
10727
10727
|
Object.defineProperty(exports, "TableHead", {
|
|
10728
10728
|
enumerable: true,
|
|
10729
|
-
get: function () { return
|
|
10729
|
+
get: function () { return chunkIYDQLTRF_cjs.TableHead; }
|
|
10730
10730
|
});
|
|
10731
10731
|
Object.defineProperty(exports, "TableHeader", {
|
|
10732
10732
|
enumerable: true,
|
|
10733
|
-
get: function () { return
|
|
10733
|
+
get: function () { return chunkIYDQLTRF_cjs.TableHeader; }
|
|
10734
10734
|
});
|
|
10735
10735
|
Object.defineProperty(exports, "TablePagination", {
|
|
10736
10736
|
enumerable: true,
|
|
10737
|
-
get: function () { return
|
|
10737
|
+
get: function () { return chunkIYDQLTRF_cjs.TablePagination; }
|
|
10738
10738
|
});
|
|
10739
10739
|
Object.defineProperty(exports, "TableRow", {
|
|
10740
10740
|
enumerable: true,
|
|
10741
|
-
get: function () { return
|
|
10741
|
+
get: function () { return chunkIYDQLTRF_cjs.TableRow; }
|
|
10742
10742
|
});
|
|
10743
10743
|
Object.defineProperty(exports, "TableSkeleton", {
|
|
10744
10744
|
enumerable: true,
|
|
10745
|
-
get: function () { return
|
|
10745
|
+
get: function () { return chunkIYDQLTRF_cjs.TableSkeleton; }
|
|
10746
10746
|
});
|
|
10747
10747
|
Object.defineProperty(exports, "Tabs", {
|
|
10748
10748
|
enumerable: true,
|
|
10749
|
-
get: function () { return
|
|
10749
|
+
get: function () { return chunkIYDQLTRF_cjs.Tabs; }
|
|
10750
10750
|
});
|
|
10751
10751
|
Object.defineProperty(exports, "TabsContent", {
|
|
10752
10752
|
enumerable: true,
|
|
10753
|
-
get: function () { return
|
|
10753
|
+
get: function () { return chunkIYDQLTRF_cjs.TabsContent; }
|
|
10754
10754
|
});
|
|
10755
10755
|
Object.defineProperty(exports, "TabsList", {
|
|
10756
10756
|
enumerable: true,
|
|
10757
|
-
get: function () { return
|
|
10757
|
+
get: function () { return chunkIYDQLTRF_cjs.TabsList; }
|
|
10758
10758
|
});
|
|
10759
10759
|
Object.defineProperty(exports, "TabsTrigger", {
|
|
10760
10760
|
enumerable: true,
|
|
10761
|
-
get: function () { return
|
|
10761
|
+
get: function () { return chunkIYDQLTRF_cjs.TabsTrigger; }
|
|
10762
10762
|
});
|
|
10763
10763
|
Object.defineProperty(exports, "ToggleGroup", {
|
|
10764
10764
|
enumerable: true,
|
|
10765
|
-
get: function () { return
|
|
10765
|
+
get: function () { return chunkIYDQLTRF_cjs.ToggleGroup; }
|
|
10766
10766
|
});
|
|
10767
10767
|
Object.defineProperty(exports, "ToggleGroupItem", {
|
|
10768
10768
|
enumerable: true,
|
|
10769
|
-
get: function () { return
|
|
10769
|
+
get: function () { return chunkIYDQLTRF_cjs.ToggleGroupItem; }
|
|
10770
10770
|
});
|
|
10771
10771
|
Object.defineProperty(exports, "Tooltip", {
|
|
10772
10772
|
enumerable: true,
|
|
10773
|
-
get: function () { return
|
|
10773
|
+
get: function () { return chunkIYDQLTRF_cjs.Tooltip; }
|
|
10774
10774
|
});
|
|
10775
10775
|
Object.defineProperty(exports, "TooltipContent", {
|
|
10776
10776
|
enumerable: true,
|
|
10777
|
-
get: function () { return
|
|
10777
|
+
get: function () { return chunkIYDQLTRF_cjs.TooltipContent; }
|
|
10778
10778
|
});
|
|
10779
10779
|
Object.defineProperty(exports, "TooltipProvider", {
|
|
10780
10780
|
enumerable: true,
|
|
10781
|
-
get: function () { return
|
|
10781
|
+
get: function () { return chunkIYDQLTRF_cjs.TooltipProvider; }
|
|
10782
10782
|
});
|
|
10783
10783
|
Object.defineProperty(exports, "TooltipTrigger", {
|
|
10784
10784
|
enumerable: true,
|
|
10785
|
-
get: function () { return
|
|
10785
|
+
get: function () { return chunkIYDQLTRF_cjs.TooltipTrigger; }
|
|
10786
10786
|
});
|
|
10787
10787
|
Object.defineProperty(exports, "TwoLineCellRenderer", {
|
|
10788
10788
|
enumerable: true,
|
|
10789
|
-
get: function () { return
|
|
10789
|
+
get: function () { return chunkIYDQLTRF_cjs.TwoLineCellRenderer; }
|
|
10790
10790
|
});
|
|
10791
10791
|
Object.defineProperty(exports, "alignFromClassName", {
|
|
10792
10792
|
enumerable: true,
|
|
10793
|
-
get: function () { return
|
|
10793
|
+
get: function () { return chunkIYDQLTRF_cjs.alignFromClassName; }
|
|
10794
10794
|
});
|
|
10795
10795
|
Object.defineProperty(exports, "badgeVariants", {
|
|
10796
10796
|
enumerable: true,
|
|
10797
|
-
get: function () { return
|
|
10797
|
+
get: function () { return chunkIYDQLTRF_cjs.badgeVariants; }
|
|
10798
10798
|
});
|
|
10799
10799
|
Object.defineProperty(exports, "buttonVariants", {
|
|
10800
10800
|
enumerable: true,
|
|
10801
|
-
get: function () { return
|
|
10801
|
+
get: function () { return chunkIYDQLTRF_cjs.buttonVariants; }
|
|
10802
10802
|
});
|
|
10803
10803
|
Object.defineProperty(exports, "cn", {
|
|
10804
10804
|
enumerable: true,
|
|
10805
|
-
get: function () { return
|
|
10805
|
+
get: function () { return chunkIYDQLTRF_cjs.cn; }
|
|
10806
10806
|
});
|
|
10807
10807
|
Object.defineProperty(exports, "estimateHeaderTextWidth", {
|
|
10808
10808
|
enumerable: true,
|
|
10809
|
-
get: function () { return
|
|
10809
|
+
get: function () { return chunkIYDQLTRF_cjs.estimateHeaderTextWidth; }
|
|
10810
10810
|
});
|
|
10811
10811
|
Object.defineProperty(exports, "getPaginationRange", {
|
|
10812
10812
|
enumerable: true,
|
|
10813
|
-
get: function () { return
|
|
10813
|
+
get: function () { return chunkIYDQLTRF_cjs.getPaginationRange; }
|
|
10814
10814
|
});
|
|
10815
10815
|
Object.defineProperty(exports, "getSortedColumnState", {
|
|
10816
10816
|
enumerable: true,
|
|
10817
|
-
get: function () { return
|
|
10817
|
+
get: function () { return chunkIYDQLTRF_cjs.getSortedColumnState; }
|
|
10818
10818
|
});
|
|
10819
10819
|
Object.defineProperty(exports, "sanitizeUserText", {
|
|
10820
10820
|
enumerable: true,
|
|
10821
|
-
get: function () { return
|
|
10821
|
+
get: function () { return chunkIYDQLTRF_cjs.sanitizeUserText; }
|
|
10822
10822
|
});
|
|
10823
10823
|
Object.defineProperty(exports, "useFormControlContext", {
|
|
10824
10824
|
enumerable: true,
|
|
10825
|
-
get: function () { return
|
|
10825
|
+
get: function () { return chunkIYDQLTRF_cjs.useFormControlContext; }
|
|
10826
10826
|
});
|
|
10827
10827
|
Object.defineProperty(exports, "useFormField", {
|
|
10828
10828
|
enumerable: true,
|
|
10829
|
-
get: function () { return
|
|
10829
|
+
get: function () { return chunkIYDQLTRF_cjs.useFormField; }
|
|
10830
10830
|
});
|
|
10831
10831
|
Object.defineProperty(exports, "usePageHeader", {
|
|
10832
10832
|
enumerable: true,
|
|
10833
|
-
get: function () { return
|
|
10833
|
+
get: function () { return chunkIYDQLTRF_cjs.usePageHeader; }
|
|
10834
10834
|
});
|
|
10835
10835
|
Object.defineProperty(exports, "withExplicitSortIcons", {
|
|
10836
10836
|
enumerable: true,
|
|
10837
|
-
get: function () { return
|
|
10837
|
+
get: function () { return chunkIYDQLTRF_cjs.withExplicitSortIcons; }
|
|
10838
10838
|
});
|
|
10839
10839
|
Object.defineProperty(exports, "withFlexFill", {
|
|
10840
10840
|
enumerable: true,
|
|
10841
|
-
get: function () { return
|
|
10841
|
+
get: function () { return chunkIYDQLTRF_cjs.withFlexFill; }
|
|
10842
10842
|
});
|
|
10843
10843
|
Object.defineProperty(exports, "withHeaderMinWidth", {
|
|
10844
10844
|
enumerable: true,
|
|
10845
|
-
get: function () { return
|
|
10845
|
+
get: function () { return chunkIYDQLTRF_cjs.withHeaderMinWidth; }
|
|
10846
10846
|
});
|
|
10847
10847
|
Object.defineProperty(exports, "withNumberColumnWidth", {
|
|
10848
10848
|
enumerable: true,
|
|
10849
|
-
get: function () { return
|
|
10849
|
+
get: function () { return chunkIYDQLTRF_cjs.withNumberColumnWidth; }
|
|
10850
10850
|
});
|
|
10851
10851
|
Object.defineProperty(exports, "withSortIconOffset", {
|
|
10852
10852
|
enumerable: true,
|
|
10853
|
-
get: function () { return
|
|
10853
|
+
get: function () { return chunkIYDQLTRF_cjs.withSortIconOffset; }
|
|
10854
10854
|
});
|
|
10855
10855
|
Object.defineProperty(exports, "withTypeClasses", {
|
|
10856
10856
|
enumerable: true,
|
|
10857
|
-
get: function () { return
|
|
10857
|
+
get: function () { return chunkIYDQLTRF_cjs.withTypeClasses; }
|
|
10858
10858
|
});
|
|
10859
10859
|
exports.Accordion = Accordion;
|
|
10860
10860
|
exports.AccordionContent = AccordionContent;
|