@t3q-ui/design-system 1.56.1 → 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 +16 -0
- package/dist/{chunk-MHAO45AL.cjs → chunk-IYDQLTRF.cjs} +6 -5
- package/dist/chunk-IYDQLTRF.cjs.map +1 -0
- package/dist/{chunk-IPF3K4BS.js → chunk-UNNNNYKG.js} +6 -5
- package/dist/chunk-UNNNNYKG.js.map +1 -0
- package/dist/{index-Ci1Wh5sA.d.cts → index-3laRfJM7.d.cts} +3 -2
- package/dist/{index-Ci1Wh5sA.d.ts → index-3laRfJM7.d.ts} +3 -2
- package/dist/index.cjs +462 -474
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -14
- package/dist/index.d.ts +11 -14
- package/dist/index.js +8 -20
- package/dist/index.js.map +1 -1
- package/dist/patterns/index.cjs +69 -69
- package/dist/patterns/index.cjs.map +1 -1
- package/dist/patterns/index.d.cts +2 -2
- package/dist/patterns/index.d.ts +2 -2
- package/dist/patterns/index.js +1 -1
- package/dist/patterns/index.js.map +1 -1
- package/package.json +1 -1
- package/skills/tds/SKILL.md +10 -9
- package/skills/tds/examples/detail-page.tsx +15 -15
- package/skills/tds/examples/list-page.tsx +3 -2
- package/skills/tds/reference/components.md +6 -5
- package/dist/chunk-IPF3K4BS.js.map +0 -1
- package/dist/chunk-MHAO45AL.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
|
)
|
|
@@ -5660,30 +5660,16 @@ function IconSelect({
|
|
|
5660
5660
|
}
|
|
5661
5661
|
function MetaItem({ label, value, className, ...props }) {
|
|
5662
5662
|
return (
|
|
5663
|
-
// min-w-0·truncate:
|
|
5664
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5663
|
+
// min-w-0·truncate: 줄 폭보다 긴 값은 넘치지 않고 말줄임으로 끝난다
|
|
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 })
|
|
5668
5668
|
] })
|
|
5669
5669
|
);
|
|
5670
5670
|
}
|
|
5671
|
-
|
|
5672
|
-
|
|
5673
|
-
3: "grid grid-cols-1 gap-x-[24px] gap-y-[4px] md:grid-cols-2 xl:grid-cols-3",
|
|
5674
|
-
4: "grid grid-cols-1 gap-x-[24px] gap-y-[4px] md:grid-cols-2 xl:grid-cols-4"
|
|
5675
|
-
};
|
|
5676
|
-
function MetaGroup({ className, columns, ...props }) {
|
|
5677
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5678
|
-
"div",
|
|
5679
|
-
{
|
|
5680
|
-
className: chunkMHAO45AL_cjs.cn(
|
|
5681
|
-
columns ? META_GROUP_COLUMNS[columns] : "flex flex-wrap items-center gap-x-[24px] gap-y-0",
|
|
5682
|
-
className
|
|
5683
|
-
),
|
|
5684
|
-
...props
|
|
5685
|
-
}
|
|
5686
|
-
);
|
|
5671
|
+
function MetaGroup({ className, ...props }) {
|
|
5672
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkIYDQLTRF_cjs.cn("flex flex-wrap items-center gap-x-[24px] gap-y-0", className), ...props });
|
|
5687
5673
|
}
|
|
5688
5674
|
function MetaRow({
|
|
5689
5675
|
label,
|
|
@@ -5700,7 +5686,7 @@ function MetaRow({
|
|
|
5700
5686
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5701
5687
|
"div",
|
|
5702
5688
|
{
|
|
5703
|
-
className:
|
|
5689
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5704
5690
|
// min-h: 한 줄이면 48px 그대로, 태그처럼 줄바꿈되는 값이면 자란다. 선은 Separator·표 행과 같은 토큰 (2026-10-17 이슈 47 4차)
|
|
5705
5691
|
"flex min-h-[48px] w-full items-center justify-between border-b border-sys-divider-subtle px-[12px] py-[8px]",
|
|
5706
5692
|
className
|
|
@@ -5710,7 +5696,7 @@ function MetaRow({
|
|
|
5710
5696
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5711
5697
|
"span",
|
|
5712
5698
|
{
|
|
5713
|
-
className:
|
|
5699
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5714
5700
|
// 라벨 12px 유지, 색은 subtle(2026-10-18 13차 — 상세·검토 패널 라벨이 "small gray text" 로 읽혔다)
|
|
5715
5701
|
"shrink-0 text-small-regular text-sys-text-subtle",
|
|
5716
5702
|
// start: 라벨 열 120px(긴 라벨은 열을 밀고 값은 12px 뒤에서 시작 — 겹치지 않게), end: 100px 고정
|
|
@@ -5722,7 +5708,7 @@ function MetaRow({
|
|
|
5722
5708
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5723
5709
|
"div",
|
|
5724
5710
|
{
|
|
5725
|
-
className:
|
|
5711
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5726
5712
|
"flex min-w-0 flex-1 items-center gap-[6px]",
|
|
5727
5713
|
!hasValue && !start && "justify-end"
|
|
5728
5714
|
),
|
|
@@ -5731,7 +5717,7 @@ function MetaRow({
|
|
|
5731
5717
|
hasValue && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5732
5718
|
"span",
|
|
5733
5719
|
{
|
|
5734
|
-
className:
|
|
5720
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5735
5721
|
// 값 14px(라벨 12px) — 라벨과 값이 같은 크기라 위계가 없던 것을 고침(2026-10-17 8차 A2). emphasis 는 20px 탭룰러 숫자
|
|
5736
5722
|
"min-w-0 truncate whitespace-pre text-sys-text-main",
|
|
5737
5723
|
emphasis ? "text-h4 tabular-nums" : "text-base-medium",
|
|
@@ -5749,13 +5735,15 @@ function MetaRow({
|
|
|
5749
5735
|
);
|
|
5750
5736
|
}
|
|
5751
5737
|
var META_LIST_COLUMNS = {
|
|
5752
|
-
|
|
5738
|
+
// 한 열: 마지막 줄 아래 선 없음 — 앱이 목록 밑에 Separator 를 두면 선이 두 줄로 겹쳤다(2026-11-06 홀드아웃 19 검토 패널, Opus 3). 표의 '마지막 행 선 없음'과 같은 규칙.
|
|
5739
|
+
// 여러 열 격자는 마지막 칸만 선이 빠지면 줄이 어긋나 그대로 둔다
|
|
5740
|
+
1: "flex flex-col [&>*:last-child]:border-b-0",
|
|
5753
5741
|
2: "grid grid-cols-1 gap-x-[24px] md:grid-cols-2",
|
|
5754
5742
|
3: "grid grid-cols-1 gap-x-[24px] md:grid-cols-2 xl:grid-cols-3",
|
|
5755
5743
|
4: "grid grid-cols-1 gap-x-[24px] md:grid-cols-2 xl:grid-cols-4"
|
|
5756
5744
|
};
|
|
5757
5745
|
function MetaList({ className, columns = 1, ...props }) {
|
|
5758
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5746
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkIYDQLTRF_cjs.cn("w-full", META_LIST_COLUMNS[columns], className), ...props });
|
|
5759
5747
|
}
|
|
5760
5748
|
var LEVEL = {
|
|
5761
5749
|
info: { variant: "info", bar: "border-info30", label: "\uC815\uBCF4" },
|
|
@@ -5775,21 +5763,21 @@ function EventList({
|
|
|
5775
5763
|
"p",
|
|
5776
5764
|
{
|
|
5777
5765
|
role: "status",
|
|
5778
|
-
className:
|
|
5766
|
+
className: chunkIYDQLTRF_cjs.cn("py-[16px] text-center text-base-regular text-sys-text-subtle", className),
|
|
5779
5767
|
children: emptyText
|
|
5780
5768
|
}
|
|
5781
5769
|
);
|
|
5782
|
-
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) => {
|
|
5783
5771
|
const level = LEVEL[item.level];
|
|
5784
5772
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5785
5773
|
"li",
|
|
5786
5774
|
{
|
|
5787
|
-
className:
|
|
5775
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5788
5776
|
"flex items-start gap-[12px] border-l-[2px] py-[8px] pl-[12px]",
|
|
5789
5777
|
level.bar
|
|
5790
5778
|
),
|
|
5791
5779
|
children: [
|
|
5792
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5780
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Badge, { variant: level.variant, className: "shrink-0", children: levelLabels?.[item.level] ?? level.label }),
|
|
5793
5781
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-small-regular text-sys-text-subtler", children: item.time }),
|
|
5794
5782
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 text-base-regular text-sys-text-main", children: item.message })
|
|
5795
5783
|
]
|
|
@@ -5806,7 +5794,7 @@ function PageHeaderRefreshButton({
|
|
|
5806
5794
|
className
|
|
5807
5795
|
}) {
|
|
5808
5796
|
const label = useUpdatedLabel(lastUpdatedAt);
|
|
5809
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5797
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkIYDQLTRF_cjs.cn("flex items-center gap-[4px]", className), children: [
|
|
5810
5798
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-small-regular text-sys-text-subtle", children: label }),
|
|
5811
5799
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5812
5800
|
"button",
|
|
@@ -5815,14 +5803,14 @@ function PageHeaderRefreshButton({
|
|
|
5815
5803
|
"aria-label": "\uC0C8\uB85C\uACE0\uCE68",
|
|
5816
5804
|
disabled: refreshing,
|
|
5817
5805
|
onClick,
|
|
5818
|
-
className:
|
|
5806
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
5819
5807
|
"inline-flex items-center justify-center rounded-small bg-transparent text-sys-text-subtle transition-colors",
|
|
5820
5808
|
"hover:bg-sys-button-secondary-subtle-background-hover",
|
|
5821
5809
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main",
|
|
5822
5810
|
"disabled:pointer-events-none disabled:text-sys-button-disabled-text",
|
|
5823
5811
|
size === "compact" ? "size-[28px]" : "size-[36px]"
|
|
5824
5812
|
),
|
|
5825
|
-
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") })
|
|
5826
5814
|
}
|
|
5827
5815
|
)
|
|
5828
5816
|
] });
|
|
@@ -6064,15 +6052,15 @@ function ParameterTableRow({
|
|
|
6064
6052
|
const iconBtnSpacing = spacing === "compact" ? "compact" : "normal";
|
|
6065
6053
|
const colWidths = PARAMETER_TABLE_COL_WIDTHS[spacing];
|
|
6066
6054
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6067
|
-
|
|
6055
|
+
chunkIYDQLTRF_cjs.TableRow,
|
|
6068
6056
|
{
|
|
6069
6057
|
ref: setNodeRef,
|
|
6070
6058
|
style,
|
|
6071
6059
|
"data-state": isDragging ? "dragging" : isPlaceholder ? "placeholder" : void 0,
|
|
6072
6060
|
"data-row-idx": rowIdx,
|
|
6073
|
-
className:
|
|
6061
|
+
className: chunkIYDQLTRF_cjs.cn("group", isDragging && "bg-sys-table-press shadow-md"),
|
|
6074
6062
|
children: [
|
|
6075
|
-
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(
|
|
6076
6064
|
"button",
|
|
6077
6065
|
{
|
|
6078
6066
|
type: "button",
|
|
@@ -6082,7 +6070,7 @@ function ParameterTableRow({
|
|
|
6082
6070
|
...attributes,
|
|
6083
6071
|
...listeners,
|
|
6084
6072
|
tabIndex: isPlaceholder || disabled ? -1 : 0,
|
|
6085
|
-
className:
|
|
6073
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6086
6074
|
"flex items-center justify-center p-[2px] rounded-xsmall text-sys-text-subtler",
|
|
6087
6075
|
"hover:bg-secondary-o10 focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
6088
6076
|
"cursor-grab active:cursor-grabbing",
|
|
@@ -6098,9 +6086,9 @@ function ParameterTableRow({
|
|
|
6098
6086
|
const cellValue = row.values[col.id] ?? "";
|
|
6099
6087
|
const hasError = !isPlaceholder && Boolean(cellErrors?.[row.id]?.[col.id]);
|
|
6100
6088
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6101
|
-
|
|
6089
|
+
chunkIYDQLTRF_cjs.TableCell,
|
|
6102
6090
|
{
|
|
6103
|
-
className:
|
|
6091
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6104
6092
|
"t3q-pt-cell px-0 py-0 cursor-cell select-none",
|
|
6105
6093
|
hasError && "t3q-pt-cell--error",
|
|
6106
6094
|
isSelected && "t3q-pt-cell--selected",
|
|
@@ -6130,20 +6118,20 @@ function ParameterTableRow({
|
|
|
6130
6118
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6131
6119
|
"div",
|
|
6132
6120
|
{
|
|
6133
|
-
className:
|
|
6121
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6134
6122
|
"t3q-pt-cell-display px-[12px] py-[6px] text-base-medium text-sys-text-main truncate whitespace-pre",
|
|
6135
6123
|
isEditing && "t3q-pt-cell-display--editing"
|
|
6136
6124
|
),
|
|
6137
6125
|
"aria-label": col.header,
|
|
6138
|
-
children: cellValue ?
|
|
6126
|
+
children: cellValue ? chunkIYDQLTRF_cjs.sanitizeUserText(cellValue) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sys-text-placeholder", children: isPlaceholder ? col.placeholder ?? col.header : " " })
|
|
6139
6127
|
}
|
|
6140
6128
|
)
|
|
6141
6129
|
},
|
|
6142
6130
|
col.id
|
|
6143
6131
|
);
|
|
6144
6132
|
}),
|
|
6145
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6146
|
-
|
|
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,
|
|
6147
6135
|
{
|
|
6148
6136
|
type: "button",
|
|
6149
6137
|
variant: "secondaryLink",
|
|
@@ -6152,7 +6140,7 @@ function ParameterTableRow({
|
|
|
6152
6140
|
onClick: onDelete,
|
|
6153
6141
|
"aria-label": "\uD589 \uC0AD\uC81C",
|
|
6154
6142
|
tabIndex: isPlaceholder ? -1 : 0,
|
|
6155
|
-
className:
|
|
6143
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6156
6144
|
"invisible group-hover:visible group-focus-within:visible",
|
|
6157
6145
|
isPlaceholder && "group-hover:invisible group-focus-within:invisible"
|
|
6158
6146
|
),
|
|
@@ -6427,7 +6415,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6427
6415
|
(coord, val, moveNext = "none") => {
|
|
6428
6416
|
const col = columns[coord.colIdx];
|
|
6429
6417
|
if (!col) return;
|
|
6430
|
-
const sanitizedVal = typeof val === "string" ?
|
|
6418
|
+
const sanitizedVal = typeof val === "string" ? chunkIYDQLTRF_cjs.sanitizeUserText(val) : val;
|
|
6431
6419
|
const prevVal = rows[coord.rowIdx]?.values?.[col.id] ?? "";
|
|
6432
6420
|
if (prevVal !== sanitizedVal) {
|
|
6433
6421
|
pushRowHistory();
|
|
@@ -6459,7 +6447,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6459
6447
|
if (editing) {
|
|
6460
6448
|
const col = columns[editing.colIdx];
|
|
6461
6449
|
if (col) {
|
|
6462
|
-
const sanitizedVal = typeof inputValue === "string" ?
|
|
6450
|
+
const sanitizedVal = typeof inputValue === "string" ? chunkIYDQLTRF_cjs.sanitizeUserText(inputValue) : inputValue;
|
|
6463
6451
|
const prevVal = rows[editing.rowIdx]?.values?.[col.id] ?? "";
|
|
6464
6452
|
if (prevVal !== sanitizedVal) {
|
|
6465
6453
|
pushRowHistory();
|
|
@@ -6602,7 +6590,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6602
6590
|
if (currentEditing) {
|
|
6603
6591
|
const col = columns[currentEditing.colIdx];
|
|
6604
6592
|
if (col) {
|
|
6605
|
-
const sanitizedVal = typeof currentInputValue === "string" ?
|
|
6593
|
+
const sanitizedVal = typeof currentInputValue === "string" ? chunkIYDQLTRF_cjs.sanitizeUserText(currentInputValue) : currentInputValue;
|
|
6606
6594
|
const prevVal = rows[currentEditing.rowIdx]?.values?.[col.id] ?? "";
|
|
6607
6595
|
if (prevVal !== sanitizedVal) {
|
|
6608
6596
|
pushRowHistory();
|
|
@@ -6851,7 +6839,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6851
6839
|
"div",
|
|
6852
6840
|
{
|
|
6853
6841
|
ref: setRootRef,
|
|
6854
|
-
className:
|
|
6842
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6855
6843
|
"t3q-parameter-table w-full focus:outline-none",
|
|
6856
6844
|
`t3q-parameter-table--${spacing}`,
|
|
6857
6845
|
disabled && "t3q-parameter-table--disabled opacity-50 pointer-events-none",
|
|
@@ -6862,11 +6850,11 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6862
6850
|
children: [
|
|
6863
6851
|
caption && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-[8px] text-base-medium text-sys-text-main", children: caption }),
|
|
6864
6852
|
/* @__PURE__ */ jsxRuntime.jsxs(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragEnd: handleDragEnd, children: [
|
|
6865
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6866
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6867
|
-
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" }) }),
|
|
6868
6856
|
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6869
|
-
|
|
6857
|
+
chunkIYDQLTRF_cjs.TableHead,
|
|
6870
6858
|
{
|
|
6871
6859
|
align: "left",
|
|
6872
6860
|
style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0,
|
|
@@ -6877,9 +6865,9 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6877
6865
|
},
|
|
6878
6866
|
col.id
|
|
6879
6867
|
)),
|
|
6880
|
-
/* @__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" }) })
|
|
6881
6869
|
] }) }),
|
|
6882
|
-
/* @__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) => {
|
|
6883
6871
|
const isPlaceholder = rowIdx === rows.length - 1;
|
|
6884
6872
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6885
6873
|
ParameterTableRow,
|
|
@@ -6909,7 +6897,7 @@ var ParameterTable = React17__namespace.forwardRef(
|
|
|
6909
6897
|
{
|
|
6910
6898
|
ref: floatingInputRef,
|
|
6911
6899
|
type: "text",
|
|
6912
|
-
className:
|
|
6900
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6913
6901
|
"t3q-pt-floating-input text-base-medium",
|
|
6914
6902
|
editing && "t3q-pt-floating-input--editing"
|
|
6915
6903
|
),
|
|
@@ -6957,14 +6945,14 @@ var Progress = React17__namespace.forwardRef(
|
|
|
6957
6945
|
value,
|
|
6958
6946
|
...props,
|
|
6959
6947
|
"aria-label": ariaLabel,
|
|
6960
|
-
className:
|
|
6948
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6961
6949
|
"relative h-[8px] w-full overflow-hidden rounded-full bg-secondary30",
|
|
6962
6950
|
className
|
|
6963
6951
|
),
|
|
6964
6952
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6965
6953
|
ProgressPrimitive__namespace.Indicator,
|
|
6966
6954
|
{
|
|
6967
|
-
className:
|
|
6955
|
+
className: chunkIYDQLTRF_cjs.cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
|
|
6968
6956
|
style: { transform: `translateX(${percentage})` }
|
|
6969
6957
|
}
|
|
6970
6958
|
)
|
|
@@ -6981,7 +6969,7 @@ function Radio({ checked = false, disabled = false, className, ...props }) {
|
|
|
6981
6969
|
"aria-checked": checked,
|
|
6982
6970
|
"aria-disabled": disabled,
|
|
6983
6971
|
"data-state": checked ? "checked" : "unchecked",
|
|
6984
|
-
className:
|
|
6972
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6985
6973
|
"relative border-[2px] border-sys-divider-main w-[16px] h-[16px] rounded-full aspect-square shrink-0",
|
|
6986
6974
|
!disabled && "hover:bg-secondary-o10",
|
|
6987
6975
|
disabled && "border-secondary-o10 bg-secondary-o20 cursor-not-allowed",
|
|
@@ -6993,7 +6981,7 @@ function Radio({ checked = false, disabled = false, className, ...props }) {
|
|
|
6993
6981
|
children: checked && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6994
6982
|
"span",
|
|
6995
6983
|
{
|
|
6996
|
-
className:
|
|
6984
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
6997
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"
|
|
6998
6986
|
)
|
|
6999
6987
|
}
|
|
@@ -7009,7 +6997,7 @@ function RadioGroup({
|
|
|
7009
6997
|
RadioGroupPrimitive__namespace.Root,
|
|
7010
6998
|
{
|
|
7011
6999
|
"data-slot": "radio-group",
|
|
7012
|
-
className:
|
|
7000
|
+
className: chunkIYDQLTRF_cjs.cn("flex", className),
|
|
7013
7001
|
...props
|
|
7014
7002
|
}
|
|
7015
7003
|
);
|
|
@@ -7022,7 +7010,7 @@ function RadioGroupItem({
|
|
|
7022
7010
|
RadioGroupPrimitive__namespace.Item,
|
|
7023
7011
|
{
|
|
7024
7012
|
"data-slot": "radio-group-item",
|
|
7025
|
-
className:
|
|
7013
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7026
7014
|
"border-[2px] border-sys-divider-main w-[16px] h-[16px] rounded-full aspect-square shrink-0 m-[4px]",
|
|
7027
7015
|
"hover:bg-secondary-o10 disabled:border-secondary-o10 disabled:bg-secondary-o20 disabled:cursor-not-allowed",
|
|
7028
7016
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
@@ -7038,7 +7026,7 @@ function RadioGroupItem({
|
|
|
7038
7026
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7039
7027
|
"span",
|
|
7040
7028
|
{
|
|
7041
|
-
className:
|
|
7029
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7042
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"
|
|
7043
7031
|
)
|
|
7044
7032
|
}
|
|
@@ -7066,7 +7054,7 @@ function RadioSectionGroup({
|
|
|
7066
7054
|
"data-slot": "radio-section-group",
|
|
7067
7055
|
value,
|
|
7068
7056
|
orientation: effectiveOrientation,
|
|
7069
|
-
className:
|
|
7057
|
+
className: chunkIYDQLTRF_cjs.cn("items-stretch gap-[8px]", layoutClass, className),
|
|
7070
7058
|
...props,
|
|
7071
7059
|
children
|
|
7072
7060
|
}
|
|
@@ -7088,7 +7076,7 @@ function RadioSection({
|
|
|
7088
7076
|
const inGroup = group !== null;
|
|
7089
7077
|
const isSelected = inGroup ? group.value === value : selected;
|
|
7090
7078
|
const stacked = inGroup && group.stacked;
|
|
7091
|
-
const cardClassName =
|
|
7079
|
+
const cardClassName = chunkIYDQLTRF_cjs.cn(
|
|
7092
7080
|
"bg-sys-background flex flex-col items-start overflow-clip rounded-medium w-full",
|
|
7093
7081
|
"focus-visible:outline-[2px] focus-visible:outline-sys-focus-ring-main focus-visible:outline-offset-[1px]",
|
|
7094
7082
|
// 테두리는 선택 여부와 무관하게 1px(layout shift 0) — 선택은 색 + 연한 채움으로. 2px 선택 테두리·연한 비선택 테두리는
|
|
@@ -7115,7 +7103,7 @@ function RadioSection({
|
|
|
7115
7103
|
"div",
|
|
7116
7104
|
{
|
|
7117
7105
|
"data-slot": "radio-section-text",
|
|
7118
|
-
className:
|
|
7106
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7119
7107
|
"flex flex-1 min-w-0",
|
|
7120
7108
|
stacked ? "flex-row flex-wrap items-baseline gap-x-[12px] gap-y-[2px]" : "flex-col gap-[4px] items-start"
|
|
7121
7109
|
),
|
|
@@ -7123,7 +7111,7 @@ function RadioSection({
|
|
|
7123
7111
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7124
7112
|
"span",
|
|
7125
7113
|
{
|
|
7126
|
-
className:
|
|
7114
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7127
7115
|
"block text-h5 break-keep wrap-break-word",
|
|
7128
7116
|
stacked ? "shrink-0" : "w-full",
|
|
7129
7117
|
disabled ? "text-sys-text-disabled" : "text-sys-text-main"
|
|
@@ -7134,7 +7122,7 @@ function RadioSection({
|
|
|
7134
7122
|
description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7135
7123
|
"span",
|
|
7136
7124
|
{
|
|
7137
|
-
className:
|
|
7125
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7138
7126
|
"block text-base-regular break-keep wrap-break-word",
|
|
7139
7127
|
stacked ? "min-w-0 flex-1" : "w-full",
|
|
7140
7128
|
disabled ? "text-sys-text-disabled" : "text-sys-text-subtle"
|
|
@@ -7152,7 +7140,7 @@ function RadioSection({
|
|
|
7152
7140
|
{
|
|
7153
7141
|
value,
|
|
7154
7142
|
disabled,
|
|
7155
|
-
className:
|
|
7143
|
+
className: chunkIYDQLTRF_cjs.cn(cardClassName, "appearance-none text-left"),
|
|
7156
7144
|
...props,
|
|
7157
7145
|
children: body
|
|
7158
7146
|
}
|
|
@@ -7291,7 +7279,7 @@ function MultiSelect2({
|
|
|
7291
7279
|
searchTerm
|
|
7292
7280
|
]
|
|
7293
7281
|
);
|
|
7294
|
-
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 }) }) });
|
|
7295
7283
|
}
|
|
7296
7284
|
var LabelPassContext = React17__namespace.createContext(false);
|
|
7297
7285
|
var useLabelPass = () => React17__namespace.useContext(LabelPassContext);
|
|
@@ -7328,7 +7316,7 @@ var MultiSelectContent = React17__namespace.forwardRef(
|
|
|
7328
7316
|
"aria-label": "\uC635\uC158 \uBAA9\uB85D",
|
|
7329
7317
|
align,
|
|
7330
7318
|
sideOffset,
|
|
7331
|
-
className:
|
|
7319
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7332
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",
|
|
7333
7321
|
"data-[state=open]:animate-[fade-in_150ms_ease-out,zoom-in_150ms_ease-out]",
|
|
7334
7322
|
"data-[state=closed]:animate-[fade-out_150ms_ease-in,zoom-out_150ms_ease-in]",
|
|
@@ -7402,7 +7390,7 @@ var MultiSelectEmpty = React17__namespace.forwardRef(
|
|
|
7402
7390
|
{
|
|
7403
7391
|
ref,
|
|
7404
7392
|
"data-slot": "multi-select-empty",
|
|
7405
|
-
className:
|
|
7393
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7406
7394
|
"flex items-center justify-center py-[24px] text-base-medium text-sys-text-subtler",
|
|
7407
7395
|
className
|
|
7408
7396
|
),
|
|
@@ -7422,7 +7410,7 @@ var MultiSelectGroup = React17__namespace.forwardRef(
|
|
|
7422
7410
|
{
|
|
7423
7411
|
ref,
|
|
7424
7412
|
"data-slot": "multi-select-group",
|
|
7425
|
-
className:
|
|
7413
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7426
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",
|
|
7427
7415
|
className
|
|
7428
7416
|
),
|
|
@@ -7456,7 +7444,7 @@ var MultiSelectInput = React17__namespace.forwardRef(
|
|
|
7456
7444
|
value: searchTerm,
|
|
7457
7445
|
onChange: handleChange,
|
|
7458
7446
|
"aria-label": "\uC635\uC158 \uAC80\uC0C9",
|
|
7459
|
-
className:
|
|
7447
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7460
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",
|
|
7461
7449
|
className
|
|
7462
7450
|
),
|
|
@@ -7488,18 +7476,18 @@ function SelectItemContent({
|
|
|
7488
7476
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7489
7477
|
"div",
|
|
7490
7478
|
{
|
|
7491
|
-
className:
|
|
7479
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7492
7480
|
"flex flex-col min-w-0 flex-1 items-start justify-center",
|
|
7493
7481
|
disabled && "text-sys-text-disabled [&_*]:text-sys-text-disabled"
|
|
7494
7482
|
),
|
|
7495
7483
|
children: [
|
|
7496
7484
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full h-[28px] items-center gap-[8px]", children: [
|
|
7497
7485
|
elemBefore && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 translate-y-[3px]", children: elemBefore }),
|
|
7498
|
-
/* @__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) }),
|
|
7499
7487
|
elemAfter && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: elemAfter })
|
|
7500
7488
|
] }),
|
|
7501
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}`)) }),
|
|
7502
|
-
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) })
|
|
7503
7491
|
]
|
|
7504
7492
|
}
|
|
7505
7493
|
);
|
|
@@ -7541,7 +7529,7 @@ var MultiSelectItem = React17__namespace.forwardRef(
|
|
|
7541
7529
|
}
|
|
7542
7530
|
},
|
|
7543
7531
|
"aria-selected": isSelected,
|
|
7544
|
-
className:
|
|
7532
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7545
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",
|
|
7546
7534
|
"data-[disabled=true]:pointer-events-none",
|
|
7547
7535
|
"hover:bg-primary10 data-[state=checked]:bg-secondary-o20 data-[state=checked]:hover:bg-secondary-o40",
|
|
@@ -7553,12 +7541,12 @@ var MultiSelectItem = React17__namespace.forwardRef(
|
|
|
7553
7541
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7554
7542
|
"span",
|
|
7555
7543
|
{
|
|
7556
|
-
className:
|
|
7544
|
+
className: chunkIYDQLTRF_cjs.cn("flex items-center justify-center size-[24px] p-[4px] shrink-0"),
|
|
7557
7545
|
"aria-hidden": "true",
|
|
7558
7546
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7559
7547
|
"span",
|
|
7560
7548
|
{
|
|
7561
|
-
className:
|
|
7549
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7562
7550
|
"flex items-center justify-center w-[16px] h-[16px] rounded-xsmall border-[2px]",
|
|
7563
7551
|
isSelected ? "bg-primary30 border-primary30" : "bg-sys-background border-sys-divider-main",
|
|
7564
7552
|
disabled && "opacity-50"
|
|
@@ -7615,13 +7603,13 @@ var MultiSelectLoading = React17__namespace.forwardRef(
|
|
|
7615
7603
|
"data-slot": "multi-select-loading",
|
|
7616
7604
|
role: "status",
|
|
7617
7605
|
"aria-live": "polite",
|
|
7618
|
-
className:
|
|
7606
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7619
7607
|
"flex items-center justify-center gap-[8px] py-[12px] text-small-medium text-sys-text-subtler",
|
|
7620
7608
|
className
|
|
7621
7609
|
),
|
|
7622
7610
|
...props,
|
|
7623
7611
|
children: [
|
|
7624
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7612
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Spinner, { size: "small", variant: "secondary" }),
|
|
7625
7613
|
children || "\uB85C\uB4DC \uC911"
|
|
7626
7614
|
]
|
|
7627
7615
|
}
|
|
@@ -7638,7 +7626,7 @@ var MultiSelectSeparator = React17__namespace.forwardRef(
|
|
|
7638
7626
|
{
|
|
7639
7627
|
ref,
|
|
7640
7628
|
"data-slot": "multi-select-separator",
|
|
7641
|
-
className:
|
|
7629
|
+
className: chunkIYDQLTRF_cjs.cn("my-[4px] h-px bg-sys-divider-subtler", className),
|
|
7642
7630
|
...props
|
|
7643
7631
|
}
|
|
7644
7632
|
);
|
|
@@ -7700,7 +7688,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7700
7688
|
onBlur: onBlurProp,
|
|
7701
7689
|
...props
|
|
7702
7690
|
}, ref) => {
|
|
7703
|
-
const formControl =
|
|
7691
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
7704
7692
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
7705
7693
|
const { open, disabled, value } = useSelectContext();
|
|
7706
7694
|
const listboxId = React17__namespace.useId();
|
|
@@ -7753,7 +7741,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7753
7741
|
"data-slot": "select-trigger",
|
|
7754
7742
|
"data-state": open ? "open" : "closed",
|
|
7755
7743
|
disabled: disabled || props.disabled,
|
|
7756
|
-
className:
|
|
7744
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7757
7745
|
selectTriggerVariants({ appearance, isInvalid }),
|
|
7758
7746
|
"[&_[data-placeholder]]:text-sys-text-placeholder",
|
|
7759
7747
|
(showNotchedOutline || showNoneLabel) && "relative",
|
|
@@ -7783,7 +7771,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7783
7771
|
"div",
|
|
7784
7772
|
{
|
|
7785
7773
|
id: contentId,
|
|
7786
|
-
className:
|
|
7774
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7787
7775
|
"flex flex-1 items-center min-h-[28px] min-w-0 px-[4px] py-[2px]",
|
|
7788
7776
|
hasLabel && !value && "invisible"
|
|
7789
7777
|
),
|
|
@@ -7796,7 +7784,7 @@ var SelectTrigger = React17__namespace.forwardRef(
|
|
|
7796
7784
|
viewBox: "0 0 24 24",
|
|
7797
7785
|
fill: "currentColor",
|
|
7798
7786
|
"aria-hidden": "true",
|
|
7799
|
-
className:
|
|
7787
|
+
className: chunkIYDQLTRF_cjs.cn("size-[24px] shrink-0 transition-transform", open && "rotate-180"),
|
|
7800
7788
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5z" })
|
|
7801
7789
|
}
|
|
7802
7790
|
)
|
|
@@ -7968,7 +7956,7 @@ function Tag({
|
|
|
7968
7956
|
CancelIcon,
|
|
7969
7957
|
{
|
|
7970
7958
|
size: 14,
|
|
7971
|
-
iconClassName:
|
|
7959
|
+
iconClassName: chunkIYDQLTRF_cjs.cn(
|
|
7972
7960
|
cancelIconXColor[v],
|
|
7973
7961
|
asChild && [linkHoverXColor[v], linkPressXColor[v]],
|
|
7974
7962
|
"group-hover/remove:bg-sys-background hover:group-hover/remove:bg-[image:linear-gradient(var(--color-danger-o10),var(--color-danger-o10))]",
|
|
@@ -7981,7 +7969,7 @@ function Tag({
|
|
|
7981
7969
|
const tag = /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7982
7970
|
Comp,
|
|
7983
7971
|
{
|
|
7984
|
-
className:
|
|
7972
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
7985
7973
|
tagVariants({ variant, shape }),
|
|
7986
7974
|
elemBefore ? "pl-[6px]" : "pl-[8px]",
|
|
7987
7975
|
onRemove ? "pr-[24px]" : "pr-[8px]",
|
|
@@ -8016,7 +8004,7 @@ function Tag({
|
|
|
8016
8004
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8017
8005
|
"span",
|
|
8018
8006
|
{
|
|
8019
|
-
className:
|
|
8007
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8020
8008
|
"group/tag relative inline-flex w-fit",
|
|
8021
8009
|
// 삭제 버튼(currentColor)이 태그 글자색을, 삭제 hover·press 시 danger 색을 따르게 한다
|
|
8022
8010
|
tagTextColor[v],
|
|
@@ -8043,7 +8031,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8043
8031
|
elemAfterInput,
|
|
8044
8032
|
...props
|
|
8045
8033
|
}, ref) => {
|
|
8046
|
-
const formControl =
|
|
8034
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
8047
8035
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
8048
8036
|
const {
|
|
8049
8037
|
open,
|
|
@@ -8174,7 +8162,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8174
8162
|
"data-state": open ? "open" : "closed",
|
|
8175
8163
|
"aria-disabled": disabled || void 0,
|
|
8176
8164
|
tabIndex: -1,
|
|
8177
|
-
className:
|
|
8165
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8178
8166
|
selectTriggerVariants({ appearance, isInvalid }),
|
|
8179
8167
|
"flex-wrap cursor-text",
|
|
8180
8168
|
"[&_[data-placeholder]]:text-sys-text-placeholder",
|
|
@@ -8211,7 +8199,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8211
8199
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8212
8200
|
"div",
|
|
8213
8201
|
{
|
|
8214
|
-
className:
|
|
8202
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8215
8203
|
"flex flex-1 flex-wrap items-center min-h-[28px] min-w-0 gap-0",
|
|
8216
8204
|
hasLabel && !hasValue && !isFocused && !open && "invisible"
|
|
8217
8205
|
),
|
|
@@ -8225,7 +8213,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8225
8213
|
shape: "normal",
|
|
8226
8214
|
onRemove: disabled ? void 0 : () => handleRemoveTag(val),
|
|
8227
8215
|
"aria-label": disabled ? void 0 : `${displayText} \uC0AD\uC81C`,
|
|
8228
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre", children:
|
|
8216
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre", children: chunkIYDQLTRF_cjs.sanitizeUserText(displayText) })
|
|
8229
8217
|
}
|
|
8230
8218
|
) }, val);
|
|
8231
8219
|
}),
|
|
@@ -8285,7 +8273,7 @@ var MultiSelectTrigger = React17__namespace.forwardRef(
|
|
|
8285
8273
|
viewBox: "0 0 24 24",
|
|
8286
8274
|
fill: "currentColor",
|
|
8287
8275
|
"aria-hidden": "true",
|
|
8288
|
-
className:
|
|
8276
|
+
className: chunkIYDQLTRF_cjs.cn("size-[24px] shrink-0 transition-transform", open && "rotate-180"),
|
|
8289
8277
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5z" })
|
|
8290
8278
|
}
|
|
8291
8279
|
)
|
|
@@ -8353,7 +8341,7 @@ function Select({
|
|
|
8353
8341
|
}),
|
|
8354
8342
|
[open, handleOpenChange, value, handleValueChange, disabled, labelMap, registerLabel]
|
|
8355
8343
|
);
|
|
8356
|
-
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 }) }) });
|
|
8357
8345
|
}
|
|
8358
8346
|
var SelectContent = React17__namespace.forwardRef(
|
|
8359
8347
|
({ className, children, align = "start", sideOffset = 4, ...props }, ref) => {
|
|
@@ -8385,7 +8373,7 @@ var SelectContent = React17__namespace.forwardRef(
|
|
|
8385
8373
|
"aria-label": "\uC635\uC158 \uBAA9\uB85D",
|
|
8386
8374
|
align,
|
|
8387
8375
|
sideOffset,
|
|
8388
|
-
className:
|
|
8376
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8389
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",
|
|
8390
8378
|
"data-[state=open]:animate-[fade-in_150ms_ease-out,zoom-in_150ms_ease-out]",
|
|
8391
8379
|
"data-[state=closed]:animate-[fade-out_150ms_ease-in,zoom-out_150ms_ease-in]",
|
|
@@ -8454,9 +8442,9 @@ var SelectEmpty = React17__namespace.forwardRef(
|
|
|
8454
8442
|
ref,
|
|
8455
8443
|
"data-slot": "select-empty",
|
|
8456
8444
|
"aria-live": "polite",
|
|
8457
|
-
className:
|
|
8445
|
+
className: chunkIYDQLTRF_cjs.cn("py-[8px] text-small-medium text-sys-text-subtlest text-center", className),
|
|
8458
8446
|
...props,
|
|
8459
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8447
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIYDQLTRF_cjs.Stack, { justifyContent: "center", alignItems: "center", spacing: 6, children: [
|
|
8460
8448
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, className: "text-sys-text-subtlest shrink-0" }),
|
|
8461
8449
|
children || message_default.common.notice_search_result_empty
|
|
8462
8450
|
] })
|
|
@@ -8474,7 +8462,7 @@ var SelectGroup = React17__namespace.forwardRef(
|
|
|
8474
8462
|
{
|
|
8475
8463
|
ref,
|
|
8476
8464
|
"data-slot": "select-group",
|
|
8477
|
-
className:
|
|
8465
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8478
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",
|
|
8479
8467
|
className
|
|
8480
8468
|
),
|
|
@@ -8507,7 +8495,7 @@ var SelectInput = React17__namespace.forwardRef(
|
|
|
8507
8495
|
value: search,
|
|
8508
8496
|
onValueChange: handleChange,
|
|
8509
8497
|
"aria-label": "\uC635\uC158 \uAC80\uC0C9",
|
|
8510
|
-
className:
|
|
8498
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8511
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",
|
|
8512
8500
|
className
|
|
8513
8501
|
),
|
|
@@ -8565,7 +8553,7 @@ var SelectItem = React17__namespace.forwardRef(
|
|
|
8565
8553
|
setOpen(false);
|
|
8566
8554
|
}
|
|
8567
8555
|
},
|
|
8568
|
-
className:
|
|
8556
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8569
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",
|
|
8570
8558
|
"data-[disabled=true]:pointer-events-none",
|
|
8571
8559
|
"hover:bg-primary10 data-[state=checked]:bg-secondary-o20 data-[state=checked]:hover:bg-secondary-o40",
|
|
@@ -8603,13 +8591,13 @@ var SelectLoading = React17__namespace.forwardRef(
|
|
|
8603
8591
|
"data-slot": "select-loading",
|
|
8604
8592
|
role: "status",
|
|
8605
8593
|
"aria-live": "polite",
|
|
8606
|
-
className:
|
|
8594
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8607
8595
|
"flex items-center justify-center gap-[8px] py-[12px] text-small-medium text-sys-text-subtler",
|
|
8608
8596
|
className
|
|
8609
8597
|
),
|
|
8610
8598
|
...props,
|
|
8611
8599
|
children: [
|
|
8612
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8600
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Spinner, { size: "small", variant: "secondary" }),
|
|
8613
8601
|
children || "\uB85C\uB4DC \uC911"
|
|
8614
8602
|
]
|
|
8615
8603
|
}
|
|
@@ -8627,7 +8615,7 @@ var SelectRadioGroup = React17__namespace.forwardRef(
|
|
|
8627
8615
|
ref,
|
|
8628
8616
|
role: "radiogroup",
|
|
8629
8617
|
"data-slot": "select-radio-group",
|
|
8630
|
-
className:
|
|
8618
|
+
className: chunkIYDQLTRF_cjs.cn("flex flex-col", className),
|
|
8631
8619
|
...props,
|
|
8632
8620
|
children
|
|
8633
8621
|
}
|
|
@@ -8672,7 +8660,7 @@ var SelectRadioItem = React17__namespace.forwardRef(
|
|
|
8672
8660
|
setOpen(false);
|
|
8673
8661
|
}
|
|
8674
8662
|
},
|
|
8675
|
-
className:
|
|
8663
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8676
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",
|
|
8677
8665
|
"data-[disabled=true]:pointer-events-none",
|
|
8678
8666
|
"hover:bg-primary10 data-[state=checked]:bg-secondary-o20 data-[state=checked]:hover:bg-secondary-o40",
|
|
@@ -8684,7 +8672,7 @@ var SelectRadioItem = React17__namespace.forwardRef(
|
|
|
8684
8672
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 size-[24px] p-[4px] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8685
8673
|
"div",
|
|
8686
8674
|
{
|
|
8687
|
-
className:
|
|
8675
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8688
8676
|
"border-[2px] border-sys-divider-main w-full h-full rounded-full",
|
|
8689
8677
|
"group-data-[state=checked]:bg-primary30 group-data-[state=checked]:border-none",
|
|
8690
8678
|
"flex items-center justify-center",
|
|
@@ -8693,7 +8681,7 @@ var SelectRadioItem = React17__namespace.forwardRef(
|
|
|
8693
8681
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8694
8682
|
"div",
|
|
8695
8683
|
{
|
|
8696
|
-
className:
|
|
8684
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8697
8685
|
"hidden group-data-[state=checked]:block",
|
|
8698
8686
|
"w-[6px] h-[6px] rounded-full bg-sys-background"
|
|
8699
8687
|
)
|
|
@@ -8728,7 +8716,7 @@ var SelectSeparator = React17__namespace.forwardRef(
|
|
|
8728
8716
|
{
|
|
8729
8717
|
ref,
|
|
8730
8718
|
"data-slot": "select-separator",
|
|
8731
|
-
className:
|
|
8719
|
+
className: chunkIYDQLTRF_cjs.cn("my-[4px] h-px bg-sys-divider-subtler", className),
|
|
8732
8720
|
...props
|
|
8733
8721
|
}
|
|
8734
8722
|
);
|
|
@@ -8739,9 +8727,9 @@ function SelectValue({ placeholder }) {
|
|
|
8739
8727
|
const { value, labelMap } = useSelectContext();
|
|
8740
8728
|
const displayText = value ? labelMap.get(value) ?? value : void 0;
|
|
8741
8729
|
if (!value) {
|
|
8742
|
-
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) });
|
|
8743
8731
|
}
|
|
8744
|
-
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) });
|
|
8745
8733
|
}
|
|
8746
8734
|
var SidebarContext = React17__namespace.createContext(void 0);
|
|
8747
8735
|
function SidebarProvider({
|
|
@@ -8776,7 +8764,7 @@ var Sidebar = React17__namespace.forwardRef(
|
|
|
8776
8764
|
"aside",
|
|
8777
8765
|
{
|
|
8778
8766
|
ref,
|
|
8779
|
-
className:
|
|
8767
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8780
8768
|
"fixed left-0 z-[500]",
|
|
8781
8769
|
"bg-sys-background",
|
|
8782
8770
|
"flex flex-col overflow-y-auto",
|
|
@@ -8825,7 +8813,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8825
8813
|
"div",
|
|
8826
8814
|
{
|
|
8827
8815
|
ref,
|
|
8828
|
-
className:
|
|
8816
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8829
8817
|
"sticky top-0 z-10",
|
|
8830
8818
|
"h-[72px] py-[16px] pl-[18px] pr-[16px]",
|
|
8831
8819
|
"flex items-center gap-[16px]",
|
|
@@ -8841,7 +8829,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8841
8829
|
"div",
|
|
8842
8830
|
{
|
|
8843
8831
|
ref,
|
|
8844
|
-
className:
|
|
8832
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8845
8833
|
"sticky top-0 z-10",
|
|
8846
8834
|
"h-[72px] py-[16px] pl-[18px] pr-[16px]",
|
|
8847
8835
|
"flex items-center gap-[16px]",
|
|
@@ -8866,7 +8854,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8866
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(
|
|
8867
8855
|
"div",
|
|
8868
8856
|
{
|
|
8869
|
-
className:
|
|
8857
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8870
8858
|
"flex items-center justify-center",
|
|
8871
8859
|
"size-[36px] rounded-full",
|
|
8872
8860
|
"border border-sys-divider-subtler",
|
|
@@ -8882,7 +8870,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8882
8870
|
(title || description) && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8883
8871
|
"div",
|
|
8884
8872
|
{
|
|
8885
|
-
className:
|
|
8873
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8886
8874
|
"flex flex-col justify-center flex-1 min-w-0",
|
|
8887
8875
|
"transition-all duration-200",
|
|
8888
8876
|
isOpen ? "opacity-100 delay-150" : "opacity-0 delay-0",
|
|
@@ -8894,9 +8882,9 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8894
8882
|
]
|
|
8895
8883
|
}
|
|
8896
8884
|
),
|
|
8897
|
-
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
8898
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8899
|
-
|
|
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,
|
|
8900
8888
|
{
|
|
8901
8889
|
variant: "secondaryLink",
|
|
8902
8890
|
shape: "normal",
|
|
@@ -8905,7 +8893,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8905
8893
|
e.stopPropagation();
|
|
8906
8894
|
toggle();
|
|
8907
8895
|
},
|
|
8908
|
-
className:
|
|
8896
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8909
8897
|
"absolute right-[8px] top-1/2 -translate-y-1/2",
|
|
8910
8898
|
"transition-opacity duration-150",
|
|
8911
8899
|
isHovered ? "opacity-100" : "opacity-0"
|
|
@@ -8914,7 +8902,7 @@ var SidebarHeader = React17__namespace.forwardRef(
|
|
|
8914
8902
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 20 })
|
|
8915
8903
|
}
|
|
8916
8904
|
) }),
|
|
8917
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8905
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { side: "right", children: closeLabel })
|
|
8918
8906
|
] }) })
|
|
8919
8907
|
]
|
|
8920
8908
|
}
|
|
@@ -8929,15 +8917,15 @@ var SidebarToggle = React17__namespace.forwardRef(
|
|
|
8929
8917
|
"div",
|
|
8930
8918
|
{
|
|
8931
8919
|
ref,
|
|
8932
|
-
className:
|
|
8920
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8933
8921
|
"h-[40px] flex items-center",
|
|
8934
8922
|
isOpen ? "justify-end px-[8px]" : "justify-center",
|
|
8935
8923
|
className
|
|
8936
8924
|
),
|
|
8937
8925
|
...props,
|
|
8938
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8939
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8940
|
-
|
|
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,
|
|
8941
8929
|
{
|
|
8942
8930
|
variant: "secondaryLink",
|
|
8943
8931
|
shape: "normal",
|
|
@@ -8948,7 +8936,7 @@ var SidebarToggle = React17__namespace.forwardRef(
|
|
|
8948
8936
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 20 })
|
|
8949
8937
|
}
|
|
8950
8938
|
) }),
|
|
8951
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8939
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.TooltipContent, { side: "right", children: isOpen ? closeLabel : openLabel })
|
|
8952
8940
|
] }) })
|
|
8953
8941
|
}
|
|
8954
8942
|
);
|
|
@@ -8956,7 +8944,7 @@ var SidebarToggle = React17__namespace.forwardRef(
|
|
|
8956
8944
|
);
|
|
8957
8945
|
SidebarToggle.displayName = "SidebarToggle";
|
|
8958
8946
|
var SidebarContent = React17__namespace.forwardRef(
|
|
8959
|
-
({ 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 })
|
|
8960
8948
|
);
|
|
8961
8949
|
SidebarContent.displayName = "SidebarContent";
|
|
8962
8950
|
var SidebarSection = React17__namespace.forwardRef(
|
|
@@ -8982,11 +8970,11 @@ var SidebarSection = React17__namespace.forwardRef(
|
|
|
8982
8970
|
}
|
|
8983
8971
|
}, [isExpanded, onOpenChange]);
|
|
8984
8972
|
const showChildren = !collapsible || !sidebarOpen || isExpanded;
|
|
8985
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className:
|
|
8973
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkIYDQLTRF_cjs.cn("", className), ...props, children: [
|
|
8986
8974
|
title && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8987
8975
|
"div",
|
|
8988
8976
|
{
|
|
8989
|
-
className:
|
|
8977
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
8990
8978
|
"h-[40px] px-[16px] py-[12px] flex items-center gap-[12px]",
|
|
8991
8979
|
collapsible && sidebarOpen && "cursor-pointer hover:bg-sys-button-secondary-subtle-background-hover"
|
|
8992
8980
|
),
|
|
@@ -9001,12 +8989,12 @@ var SidebarSection = React17__namespace.forwardRef(
|
|
|
9001
8989
|
} : void 0,
|
|
9002
8990
|
children: [
|
|
9003
8991
|
sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small-bold text-sys-text-subtler whitespace-nowrap", children: title }),
|
|
9004
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8992
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkIYDQLTRF_cjs.Separator, { className: "flex-1" }),
|
|
9005
8993
|
collapsible && sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9006
8994
|
lucideReact.ChevronDown,
|
|
9007
8995
|
{
|
|
9008
8996
|
size: 14,
|
|
9009
|
-
className:
|
|
8997
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9010
8998
|
"text-sys-text-subtler shrink-0 transition-transform duration-200",
|
|
9011
8999
|
isExpanded && "rotate-180"
|
|
9012
9000
|
)
|
|
@@ -9018,7 +9006,7 @@ var SidebarSection = React17__namespace.forwardRef(
|
|
|
9018
9006
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9019
9007
|
"div",
|
|
9020
9008
|
{
|
|
9021
|
-
className:
|
|
9009
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9022
9010
|
"grid transition-[grid-template-rows] duration-200 ease-in-out",
|
|
9023
9011
|
showChildren ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
|
|
9024
9012
|
),
|
|
@@ -9035,7 +9023,7 @@ var SidebarMenuItem = React17__namespace.forwardRef(
|
|
|
9035
9023
|
const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(
|
|
9036
9024
|
"span",
|
|
9037
9025
|
{
|
|
9038
|
-
className:
|
|
9026
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9039
9027
|
"flex items-center gap-[16px] w-full",
|
|
9040
9028
|
"pl-[21px] pr-[6px] py-[6px]",
|
|
9041
9029
|
"transition-all duration-200",
|
|
@@ -9055,17 +9043,17 @@ var SidebarMenuItem = React17__namespace.forwardRef(
|
|
|
9055
9043
|
),
|
|
9056
9044
|
children: [
|
|
9057
9045
|
icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
9058
|
-
|
|
9046
|
+
chunkIYDQLTRF_cjs.LucideIcon,
|
|
9059
9047
|
{
|
|
9060
9048
|
iconComponentName: icon,
|
|
9061
9049
|
size: 20,
|
|
9062
|
-
className:
|
|
9050
|
+
className: chunkIYDQLTRF_cjs.cn(isActive ? "text-primary40" : "text-sys-text-subtle")
|
|
9063
9051
|
}
|
|
9064
9052
|
) }),
|
|
9065
9053
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9066
9054
|
"span",
|
|
9067
9055
|
{
|
|
9068
|
-
className:
|
|
9056
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9069
9057
|
"flex-1 text-left whitespace-nowrap overflow-hidden",
|
|
9070
9058
|
"transition-opacity duration-200",
|
|
9071
9059
|
isOpen ? "opacity-100 delay-150" : "opacity-0 delay-0",
|
|
@@ -9081,9 +9069,9 @@ var SidebarMenuItem = React17__namespace.forwardRef(
|
|
|
9081
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, {
|
|
9082
9070
|
children: buttonContent
|
|
9083
9071
|
}) : children : buttonContent });
|
|
9084
|
-
return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className:
|
|
9085
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9086
|
-
/* @__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 })
|
|
9087
9075
|
] }) }) : content });
|
|
9088
9076
|
}
|
|
9089
9077
|
);
|
|
@@ -9095,7 +9083,7 @@ var SidebarFooter = React17__namespace.forwardRef(
|
|
|
9095
9083
|
"div",
|
|
9096
9084
|
{
|
|
9097
9085
|
ref,
|
|
9098
|
-
className:
|
|
9086
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9099
9087
|
"sticky bottom-0 z-10 mt-auto",
|
|
9100
9088
|
"bg-sys-background-blur backdrop-blur-md",
|
|
9101
9089
|
"transition-opacity duration-200",
|
|
@@ -9223,7 +9211,7 @@ function Ticks({
|
|
|
9223
9211
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9224
9212
|
"span",
|
|
9225
9213
|
{
|
|
9226
|
-
className:
|
|
9214
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9227
9215
|
"block size-[2px] shrink-0 rounded-full",
|
|
9228
9216
|
!showDots ? "invisible" : disabled ? "bg-secondary40" : isFilled(tick.value) ? "bg-primary20" : "bg-secondary40"
|
|
9229
9217
|
)
|
|
@@ -9232,7 +9220,7 @@ function Ticks({
|
|
|
9232
9220
|
showLabels && tick.label != null && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9233
9221
|
"span",
|
|
9234
9222
|
{
|
|
9235
|
-
className:
|
|
9223
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9236
9224
|
"whitespace-nowrap text-center text-small-regular",
|
|
9237
9225
|
disabled ? "text-sys-text-disabled" : "text-sys-text-subtle"
|
|
9238
9226
|
),
|
|
@@ -9245,7 +9233,7 @@ function Ticks({
|
|
|
9245
9233
|
);
|
|
9246
9234
|
}) });
|
|
9247
9235
|
}
|
|
9248
|
-
var THUMB_CLASS =
|
|
9236
|
+
var THUMB_CLASS = chunkIYDQLTRF_cjs.cn(
|
|
9249
9237
|
"block size-[16px] shrink-0 rounded-full bg-primary30 outline-none transition-colors cursor-pointer",
|
|
9250
9238
|
"hover:bg-primary40 active:bg-primary50",
|
|
9251
9239
|
"focus-visible:ring-[3px] focus-visible:ring-sys-focus-ring-main",
|
|
@@ -9287,7 +9275,7 @@ var RangeSlider = React17__namespace.forwardRef(
|
|
|
9287
9275
|
SliderPrimitive__namespace.Root,
|
|
9288
9276
|
{
|
|
9289
9277
|
ref,
|
|
9290
|
-
className:
|
|
9278
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9291
9279
|
"relative flex min-h-[36px] w-full touch-none select-none items-center",
|
|
9292
9280
|
className
|
|
9293
9281
|
),
|
|
@@ -9400,9 +9388,9 @@ var Range2 = React17__namespace.forwardRef(
|
|
|
9400
9388
|
const numberInput = useNumberInput({ value: current, onCommit: setValue, min, max, step });
|
|
9401
9389
|
const iconShape = shape === "rounded" ? "rounded" : "normal";
|
|
9402
9390
|
const iconOverride = shape === "angled" ? "!rounded-none" : void 0;
|
|
9403
|
-
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: [
|
|
9404
9392
|
hasButtonControl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9405
|
-
|
|
9393
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
9406
9394
|
{
|
|
9407
9395
|
variant: "primary",
|
|
9408
9396
|
spacing: "normal",
|
|
@@ -9435,7 +9423,7 @@ var Range2 = React17__namespace.forwardRef(
|
|
|
9435
9423
|
TextField,
|
|
9436
9424
|
{
|
|
9437
9425
|
appearance: "standard",
|
|
9438
|
-
className:
|
|
9426
|
+
className: chunkIYDQLTRF_cjs.cn("w-[58px] shrink-0", SHAPE_RADIUS[shape]),
|
|
9439
9427
|
role: "spinbutton",
|
|
9440
9428
|
inputMode: "decimal",
|
|
9441
9429
|
name,
|
|
@@ -9449,7 +9437,7 @@ var Range2 = React17__namespace.forwardRef(
|
|
|
9449
9437
|
}
|
|
9450
9438
|
),
|
|
9451
9439
|
hasButtonControl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9452
|
-
|
|
9440
|
+
chunkIYDQLTRF_cjs.IconButton,
|
|
9453
9441
|
{
|
|
9454
9442
|
variant: "primary",
|
|
9455
9443
|
spacing: "normal",
|
|
@@ -9488,7 +9476,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9488
9476
|
SwitchPrimitives__namespace.Root,
|
|
9489
9477
|
{
|
|
9490
9478
|
ref,
|
|
9491
|
-
className:
|
|
9479
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9492
9480
|
"group relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full px-[3px] transition-colors",
|
|
9493
9481
|
// 끔 트랙은 secondary50(흰 바탕·손잡이 대비 3.7:1) — secondary60 은 외곽선 폼 안에서 "진한 토글" 로 읽혔다 (2026-10-17 이슈 47 5차)
|
|
9494
9482
|
"bg-secondary50 data-[state=checked]:bg-primary30",
|
|
@@ -9504,7 +9492,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9504
9492
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9505
9493
|
"span",
|
|
9506
9494
|
{
|
|
9507
|
-
className:
|
|
9495
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9508
9496
|
"absolute pointer-events-none flex items-center justify-center size-[16px]",
|
|
9509
9497
|
"opacity-0 group-data-[state=checked]:opacity-100 transition-opacity",
|
|
9510
9498
|
"text-sys-background",
|
|
@@ -9516,7 +9504,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9516
9504
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9517
9505
|
"span",
|
|
9518
9506
|
{
|
|
9519
|
-
className:
|
|
9507
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9520
9508
|
"absolute pointer-events-none flex items-center justify-center size-[16px]",
|
|
9521
9509
|
"opacity-0 group-data-[state=unchecked]:opacity-100 transition-opacity",
|
|
9522
9510
|
"text-sys-background",
|
|
@@ -9529,7 +9517,7 @@ var Switch = React17__namespace.forwardRef(
|
|
|
9529
9517
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9530
9518
|
SwitchPrimitives__namespace.Thumb,
|
|
9531
9519
|
{
|
|
9532
|
-
className:
|
|
9520
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9533
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",
|
|
9534
9522
|
"data-[disabled]:opacity-60",
|
|
9535
9523
|
current.thumb,
|
|
@@ -9561,7 +9549,7 @@ var SwitchSection = React17__namespace.forwardRef(
|
|
|
9561
9549
|
"div",
|
|
9562
9550
|
{
|
|
9563
9551
|
"data-slot": "switch-section",
|
|
9564
|
-
className:
|
|
9552
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9565
9553
|
// 테두리 상자 — RadioSection 카드와 같은 선(divider-main 1px)·같은 패딩(12px) (2026-10-20 16차 D2: "toggle card differs in padding and border weight").
|
|
9566
9554
|
// 채움 박스(secondary-o10)는 외곽선 폼 안에서 홀로 채워져 보였다 (2026-10-17 이슈 47 4차)
|
|
9567
9555
|
"flex w-full items-center justify-between gap-[16px] rounded-medium border border-sys-divider-main bg-sys-background p-[12px]",
|
|
@@ -9573,7 +9561,7 @@ var SwitchSection = React17__namespace.forwardRef(
|
|
|
9573
9561
|
"label",
|
|
9574
9562
|
{
|
|
9575
9563
|
htmlFor: switchId,
|
|
9576
|
-
className:
|
|
9564
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9577
9565
|
"flex min-w-0 flex-col gap-[4px]",
|
|
9578
9566
|
disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
9579
9567
|
),
|
|
@@ -9655,7 +9643,7 @@ var Textarea = React17__namespace.forwardRef(
|
|
|
9655
9643
|
style,
|
|
9656
9644
|
...textareaProps
|
|
9657
9645
|
}, forwardedRef) => {
|
|
9658
|
-
const formControl =
|
|
9646
|
+
const formControl = chunkIYDQLTRF_cjs.useFormControlContext();
|
|
9659
9647
|
const isInvalid = isInvalidProp ?? formControl?.isInvalid ?? false;
|
|
9660
9648
|
const textareaRef = React17__namespace.useRef(null);
|
|
9661
9649
|
const [isFocused, setIsFocused] = React17__namespace.useState(false);
|
|
@@ -9715,7 +9703,7 @@ var Textarea = React17__namespace.forwardRef(
|
|
|
9715
9703
|
{
|
|
9716
9704
|
"data-slot": "textarea",
|
|
9717
9705
|
"aria-disabled": disabled || void 0,
|
|
9718
|
-
className:
|
|
9706
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9719
9707
|
textareaContainerVariants({ appearance, isInvalid }),
|
|
9720
9708
|
// Focus styling (state-managed, standard appearance without notched outline only)
|
|
9721
9709
|
isFocused && !isInvalid && appearance === "standard" && !showNotchedOutline && "border-[2px] border-sys-focus-ring-bold py-[2px] px-[4px]",
|
|
@@ -9767,7 +9755,7 @@ var Textarea = React17__namespace.forwardRef(
|
|
|
9767
9755
|
onBlur: handleBlur,
|
|
9768
9756
|
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
9769
9757
|
"aria-required": hasLabel && requiredProp ? true : void 0,
|
|
9770
|
-
className:
|
|
9758
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9771
9759
|
"flex-1 min-w-0 bg-transparent border-none outline-none",
|
|
9772
9760
|
"text-base-medium text-sys-text-main",
|
|
9773
9761
|
"placeholder:text-sys-text-placeholder",
|
|
@@ -9974,7 +9962,7 @@ var TimePickerTrigger = React17__namespace.forwardRef(
|
|
|
9974
9962
|
"data-slot": "timepicker",
|
|
9975
9963
|
"data-state": open ? "open" : "closed",
|
|
9976
9964
|
"data-disabled": disabled || void 0,
|
|
9977
|
-
className:
|
|
9965
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
9978
9966
|
timePickerTriggerVariants({ appearance, isInvalid, hourType }),
|
|
9979
9967
|
"[&_[data-placeholder]]:text-sys-text-subtler",
|
|
9980
9968
|
(showNotchedOutline || showNoneLabel) && "relative",
|
|
@@ -10006,7 +9994,7 @@ var TimePickerTrigger = React17__namespace.forwardRef(
|
|
|
10006
9994
|
"data-state": open ? "open" : "closed",
|
|
10007
9995
|
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
10008
9996
|
disabled,
|
|
10009
|
-
className:
|
|
9997
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10010
9998
|
"flex flex-1 items-center min-h-[28px] min-w-0 px-[4px] py-[2px] text-left bg-transparent outline-none cursor-pointer",
|
|
10011
9999
|
"disabled:cursor-not-allowed",
|
|
10012
10000
|
hasLabel && !hasValue && "invisible"
|
|
@@ -10023,7 +10011,7 @@ var TimePickerTrigger = React17__namespace.forwardRef(
|
|
|
10023
10011
|
"data-slot": "timepicker-clear",
|
|
10024
10012
|
onClick: handleClearClick,
|
|
10025
10013
|
disabled,
|
|
10026
|
-
className:
|
|
10014
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10027
10015
|
"shrink-0 flex items-center justify-center p-[2px] rounded-small hover:bg-secondary-o10 text-sys-text-subtler cursor-pointer outline-none",
|
|
10028
10016
|
"focus-visible:ring-[2px] focus-visible:ring-sys-focus-ring-main",
|
|
10029
10017
|
(!hasValue || disabled) && "invisible"
|
|
@@ -10092,7 +10080,7 @@ function TimeColumn({
|
|
|
10092
10080
|
onSelect(option.value);
|
|
10093
10081
|
}
|
|
10094
10082
|
},
|
|
10095
|
-
className:
|
|
10083
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10096
10084
|
"flex items-center min-h-[32px] px-[8px] py-[2px]",
|
|
10097
10085
|
"border-b border-secondary-o20",
|
|
10098
10086
|
"text-base-medium text-sys-text-main cursor-pointer select-none",
|
|
@@ -10215,7 +10203,7 @@ function TimePicker(props) {
|
|
|
10215
10203
|
PopoverContent,
|
|
10216
10204
|
{
|
|
10217
10205
|
"aria-label": "\uC2DC\uAC04 \uC120\uD0DD",
|
|
10218
|
-
className:
|
|
10206
|
+
className: chunkIYDQLTRF_cjs.cn(
|
|
10219
10207
|
"p-0 !border-0 overflow-hidden min-w-[var(--radix-popover-trigger-width)]",
|
|
10220
10208
|
classNames?.popoverContent
|
|
10221
10209
|
),
|
|
@@ -10382,491 +10370,491 @@ Toaster.displayName = "Toaster";
|
|
|
10382
10370
|
|
|
10383
10371
|
Object.defineProperty(exports, "AG_GRID_LOCALE_KR", {
|
|
10384
10372
|
enumerable: true,
|
|
10385
|
-
get: function () { return
|
|
10373
|
+
get: function () { return chunkIYDQLTRF_cjs.AG_GRID_LOCALE_KR; }
|
|
10386
10374
|
});
|
|
10387
10375
|
Object.defineProperty(exports, "AgGridContext", {
|
|
10388
10376
|
enumerable: true,
|
|
10389
|
-
get: function () { return
|
|
10377
|
+
get: function () { return chunkIYDQLTRF_cjs.AgGridContext; }
|
|
10390
10378
|
});
|
|
10391
10379
|
Object.defineProperty(exports, "AgGridTable", {
|
|
10392
10380
|
enumerable: true,
|
|
10393
|
-
get: function () { return
|
|
10381
|
+
get: function () { return chunkIYDQLTRF_cjs.AgGridTable; }
|
|
10394
10382
|
});
|
|
10395
10383
|
Object.defineProperty(exports, "Alert", {
|
|
10396
10384
|
enumerable: true,
|
|
10397
|
-
get: function () { return
|
|
10385
|
+
get: function () { return chunkIYDQLTRF_cjs.Alert; }
|
|
10398
10386
|
});
|
|
10399
10387
|
Object.defineProperty(exports, "AlertActions", {
|
|
10400
10388
|
enumerable: true,
|
|
10401
|
-
get: function () { return
|
|
10389
|
+
get: function () { return chunkIYDQLTRF_cjs.AlertActions; }
|
|
10402
10390
|
});
|
|
10403
10391
|
Object.defineProperty(exports, "AlertDescription", {
|
|
10404
10392
|
enumerable: true,
|
|
10405
|
-
get: function () { return
|
|
10393
|
+
get: function () { return chunkIYDQLTRF_cjs.AlertDescription; }
|
|
10406
10394
|
});
|
|
10407
10395
|
Object.defineProperty(exports, "AlertTitle", {
|
|
10408
10396
|
enumerable: true,
|
|
10409
|
-
get: function () { return
|
|
10397
|
+
get: function () { return chunkIYDQLTRF_cjs.AlertTitle; }
|
|
10410
10398
|
});
|
|
10411
10399
|
Object.defineProperty(exports, "BADGE_OUTLINE_ACCENT", {
|
|
10412
10400
|
enumerable: true,
|
|
10413
|
-
get: function () { return
|
|
10401
|
+
get: function () { return chunkIYDQLTRF_cjs.BADGE_OUTLINE_ACCENT; }
|
|
10414
10402
|
});
|
|
10415
10403
|
Object.defineProperty(exports, "Badge", {
|
|
10416
10404
|
enumerable: true,
|
|
10417
|
-
get: function () { return
|
|
10405
|
+
get: function () { return chunkIYDQLTRF_cjs.Badge; }
|
|
10418
10406
|
});
|
|
10419
10407
|
Object.defineProperty(exports, "Button", {
|
|
10420
10408
|
enumerable: true,
|
|
10421
|
-
get: function () { return
|
|
10409
|
+
get: function () { return chunkIYDQLTRF_cjs.Button; }
|
|
10422
10410
|
});
|
|
10423
10411
|
Object.defineProperty(exports, "Card", {
|
|
10424
10412
|
enumerable: true,
|
|
10425
|
-
get: function () { return
|
|
10413
|
+
get: function () { return chunkIYDQLTRF_cjs.Card; }
|
|
10426
10414
|
});
|
|
10427
10415
|
Object.defineProperty(exports, "CardContent", {
|
|
10428
10416
|
enumerable: true,
|
|
10429
|
-
get: function () { return
|
|
10417
|
+
get: function () { return chunkIYDQLTRF_cjs.CardContent; }
|
|
10430
10418
|
});
|
|
10431
10419
|
Object.defineProperty(exports, "CardDescription", {
|
|
10432
10420
|
enumerable: true,
|
|
10433
|
-
get: function () { return
|
|
10421
|
+
get: function () { return chunkIYDQLTRF_cjs.CardDescription; }
|
|
10434
10422
|
});
|
|
10435
10423
|
Object.defineProperty(exports, "CardFooter", {
|
|
10436
10424
|
enumerable: true,
|
|
10437
|
-
get: function () { return
|
|
10425
|
+
get: function () { return chunkIYDQLTRF_cjs.CardFooter; }
|
|
10438
10426
|
});
|
|
10439
10427
|
Object.defineProperty(exports, "CardHeader", {
|
|
10440
10428
|
enumerable: true,
|
|
10441
|
-
get: function () { return
|
|
10429
|
+
get: function () { return chunkIYDQLTRF_cjs.CardHeader; }
|
|
10442
10430
|
});
|
|
10443
10431
|
Object.defineProperty(exports, "CardThumbnail", {
|
|
10444
10432
|
enumerable: true,
|
|
10445
|
-
get: function () { return
|
|
10433
|
+
get: function () { return chunkIYDQLTRF_cjs.CardThumbnail; }
|
|
10446
10434
|
});
|
|
10447
10435
|
Object.defineProperty(exports, "CardTitle", {
|
|
10448
10436
|
enumerable: true,
|
|
10449
|
-
get: function () { return
|
|
10437
|
+
get: function () { return chunkIYDQLTRF_cjs.CardTitle; }
|
|
10450
10438
|
});
|
|
10451
10439
|
Object.defineProperty(exports, "Checkbox", {
|
|
10452
10440
|
enumerable: true,
|
|
10453
|
-
get: function () { return
|
|
10441
|
+
get: function () { return chunkIYDQLTRF_cjs.Checkbox; }
|
|
10454
10442
|
});
|
|
10455
10443
|
Object.defineProperty(exports, "Dialog", {
|
|
10456
10444
|
enumerable: true,
|
|
10457
|
-
get: function () { return
|
|
10445
|
+
get: function () { return chunkIYDQLTRF_cjs.Dialog; }
|
|
10458
10446
|
});
|
|
10459
10447
|
Object.defineProperty(exports, "DialogClose", {
|
|
10460
10448
|
enumerable: true,
|
|
10461
|
-
get: function () { return
|
|
10449
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogClose; }
|
|
10462
10450
|
});
|
|
10463
10451
|
Object.defineProperty(exports, "DialogContent", {
|
|
10464
10452
|
enumerable: true,
|
|
10465
|
-
get: function () { return
|
|
10453
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogContent; }
|
|
10466
10454
|
});
|
|
10467
10455
|
Object.defineProperty(exports, "DialogDescription", {
|
|
10468
10456
|
enumerable: true,
|
|
10469
|
-
get: function () { return
|
|
10457
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogDescription; }
|
|
10470
10458
|
});
|
|
10471
10459
|
Object.defineProperty(exports, "DialogFooter", {
|
|
10472
10460
|
enumerable: true,
|
|
10473
|
-
get: function () { return
|
|
10461
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogFooter; }
|
|
10474
10462
|
});
|
|
10475
10463
|
Object.defineProperty(exports, "DialogHeader", {
|
|
10476
10464
|
enumerable: true,
|
|
10477
|
-
get: function () { return
|
|
10465
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogHeader; }
|
|
10478
10466
|
});
|
|
10479
10467
|
Object.defineProperty(exports, "DialogOverlay", {
|
|
10480
10468
|
enumerable: true,
|
|
10481
|
-
get: function () { return
|
|
10469
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogOverlay; }
|
|
10482
10470
|
});
|
|
10483
10471
|
Object.defineProperty(exports, "DialogPortal", {
|
|
10484
10472
|
enumerable: true,
|
|
10485
|
-
get: function () { return
|
|
10473
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogPortal; }
|
|
10486
10474
|
});
|
|
10487
10475
|
Object.defineProperty(exports, "DialogTitle", {
|
|
10488
10476
|
enumerable: true,
|
|
10489
|
-
get: function () { return
|
|
10477
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogTitle; }
|
|
10490
10478
|
});
|
|
10491
10479
|
Object.defineProperty(exports, "DialogTrigger", {
|
|
10492
10480
|
enumerable: true,
|
|
10493
|
-
get: function () { return
|
|
10481
|
+
get: function () { return chunkIYDQLTRF_cjs.DialogTrigger; }
|
|
10494
10482
|
});
|
|
10495
10483
|
Object.defineProperty(exports, "Drawer", {
|
|
10496
10484
|
enumerable: true,
|
|
10497
|
-
get: function () { return
|
|
10485
|
+
get: function () { return chunkIYDQLTRF_cjs.Drawer; }
|
|
10498
10486
|
});
|
|
10499
10487
|
Object.defineProperty(exports, "DrawerBody", {
|
|
10500
10488
|
enumerable: true,
|
|
10501
|
-
get: function () { return
|
|
10489
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerBody; }
|
|
10502
10490
|
});
|
|
10503
10491
|
Object.defineProperty(exports, "DrawerClose", {
|
|
10504
10492
|
enumerable: true,
|
|
10505
|
-
get: function () { return
|
|
10493
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerClose; }
|
|
10506
10494
|
});
|
|
10507
10495
|
Object.defineProperty(exports, "DrawerContent", {
|
|
10508
10496
|
enumerable: true,
|
|
10509
|
-
get: function () { return
|
|
10497
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerContent; }
|
|
10510
10498
|
});
|
|
10511
10499
|
Object.defineProperty(exports, "DrawerDescription", {
|
|
10512
10500
|
enumerable: true,
|
|
10513
|
-
get: function () { return
|
|
10501
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerDescription; }
|
|
10514
10502
|
});
|
|
10515
10503
|
Object.defineProperty(exports, "DrawerFooter", {
|
|
10516
10504
|
enumerable: true,
|
|
10517
|
-
get: function () { return
|
|
10505
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerFooter; }
|
|
10518
10506
|
});
|
|
10519
10507
|
Object.defineProperty(exports, "DrawerHeader", {
|
|
10520
10508
|
enumerable: true,
|
|
10521
|
-
get: function () { return
|
|
10509
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerHeader; }
|
|
10522
10510
|
});
|
|
10523
10511
|
Object.defineProperty(exports, "DrawerOverlay", {
|
|
10524
10512
|
enumerable: true,
|
|
10525
|
-
get: function () { return
|
|
10513
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerOverlay; }
|
|
10526
10514
|
});
|
|
10527
10515
|
Object.defineProperty(exports, "DrawerPortal", {
|
|
10528
10516
|
enumerable: true,
|
|
10529
|
-
get: function () { return
|
|
10517
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerPortal; }
|
|
10530
10518
|
});
|
|
10531
10519
|
Object.defineProperty(exports, "DrawerTitle", {
|
|
10532
10520
|
enumerable: true,
|
|
10533
|
-
get: function () { return
|
|
10521
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerTitle; }
|
|
10534
10522
|
});
|
|
10535
10523
|
Object.defineProperty(exports, "DrawerTrigger", {
|
|
10536
10524
|
enumerable: true,
|
|
10537
|
-
get: function () { return
|
|
10525
|
+
get: function () { return chunkIYDQLTRF_cjs.DrawerTrigger; }
|
|
10538
10526
|
});
|
|
10539
10527
|
Object.defineProperty(exports, "DropdownMenu", {
|
|
10540
10528
|
enumerable: true,
|
|
10541
|
-
get: function () { return
|
|
10529
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenu; }
|
|
10542
10530
|
});
|
|
10543
10531
|
Object.defineProperty(exports, "DropdownMenuContent", {
|
|
10544
10532
|
enumerable: true,
|
|
10545
|
-
get: function () { return
|
|
10533
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuContent; }
|
|
10546
10534
|
});
|
|
10547
10535
|
Object.defineProperty(exports, "DropdownMenuGroup", {
|
|
10548
10536
|
enumerable: true,
|
|
10549
|
-
get: function () { return
|
|
10537
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuGroup; }
|
|
10550
10538
|
});
|
|
10551
10539
|
Object.defineProperty(exports, "DropdownMenuItem", {
|
|
10552
10540
|
enumerable: true,
|
|
10553
|
-
get: function () { return
|
|
10541
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuItem; }
|
|
10554
10542
|
});
|
|
10555
10543
|
Object.defineProperty(exports, "DropdownMenuPortal", {
|
|
10556
10544
|
enumerable: true,
|
|
10557
|
-
get: function () { return
|
|
10545
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuPortal; }
|
|
10558
10546
|
});
|
|
10559
10547
|
Object.defineProperty(exports, "DropdownMenuSeparator", {
|
|
10560
10548
|
enumerable: true,
|
|
10561
|
-
get: function () { return
|
|
10549
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSeparator; }
|
|
10562
10550
|
});
|
|
10563
10551
|
Object.defineProperty(exports, "DropdownMenuSub", {
|
|
10564
10552
|
enumerable: true,
|
|
10565
|
-
get: function () { return
|
|
10553
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSub; }
|
|
10566
10554
|
});
|
|
10567
10555
|
Object.defineProperty(exports, "DropdownMenuSubContent", {
|
|
10568
10556
|
enumerable: true,
|
|
10569
|
-
get: function () { return
|
|
10557
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSubContent; }
|
|
10570
10558
|
});
|
|
10571
10559
|
Object.defineProperty(exports, "DropdownMenuSubTrigger", {
|
|
10572
10560
|
enumerable: true,
|
|
10573
|
-
get: function () { return
|
|
10561
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuSubTrigger; }
|
|
10574
10562
|
});
|
|
10575
10563
|
Object.defineProperty(exports, "DropdownMenuTrigger", {
|
|
10576
10564
|
enumerable: true,
|
|
10577
|
-
get: function () { return
|
|
10565
|
+
get: function () { return chunkIYDQLTRF_cjs.DropdownMenuTrigger; }
|
|
10578
10566
|
});
|
|
10579
10567
|
Object.defineProperty(exports, "EmptyBoxIllustration", {
|
|
10580
10568
|
enumerable: true,
|
|
10581
|
-
get: function () { return
|
|
10569
|
+
get: function () { return chunkIYDQLTRF_cjs.EmptyBoxIllustration; }
|
|
10582
10570
|
});
|
|
10583
10571
|
Object.defineProperty(exports, "Form", {
|
|
10584
10572
|
enumerable: true,
|
|
10585
|
-
get: function () { return
|
|
10573
|
+
get: function () { return chunkIYDQLTRF_cjs.Form; }
|
|
10586
10574
|
});
|
|
10587
10575
|
Object.defineProperty(exports, "FormControl", {
|
|
10588
10576
|
enumerable: true,
|
|
10589
|
-
get: function () { return
|
|
10577
|
+
get: function () { return chunkIYDQLTRF_cjs.FormControl; }
|
|
10590
10578
|
});
|
|
10591
10579
|
Object.defineProperty(exports, "FormDescription", {
|
|
10592
10580
|
enumerable: true,
|
|
10593
|
-
get: function () { return
|
|
10581
|
+
get: function () { return chunkIYDQLTRF_cjs.FormDescription; }
|
|
10594
10582
|
});
|
|
10595
10583
|
Object.defineProperty(exports, "FormField", {
|
|
10596
10584
|
enumerable: true,
|
|
10597
|
-
get: function () { return
|
|
10585
|
+
get: function () { return chunkIYDQLTRF_cjs.FormField; }
|
|
10598
10586
|
});
|
|
10599
10587
|
Object.defineProperty(exports, "FormFooter", {
|
|
10600
10588
|
enumerable: true,
|
|
10601
|
-
get: function () { return
|
|
10589
|
+
get: function () { return chunkIYDQLTRF_cjs.FormFooter; }
|
|
10602
10590
|
});
|
|
10603
10591
|
Object.defineProperty(exports, "FormHeader", {
|
|
10604
10592
|
enumerable: true,
|
|
10605
|
-
get: function () { return
|
|
10593
|
+
get: function () { return chunkIYDQLTRF_cjs.FormHeader; }
|
|
10606
10594
|
});
|
|
10607
10595
|
Object.defineProperty(exports, "FormItem", {
|
|
10608
10596
|
enumerable: true,
|
|
10609
|
-
get: function () { return
|
|
10597
|
+
get: function () { return chunkIYDQLTRF_cjs.FormItem; }
|
|
10610
10598
|
});
|
|
10611
10599
|
Object.defineProperty(exports, "FormLabel", {
|
|
10612
10600
|
enumerable: true,
|
|
10613
|
-
get: function () { return
|
|
10601
|
+
get: function () { return chunkIYDQLTRF_cjs.FormLabel; }
|
|
10614
10602
|
});
|
|
10615
10603
|
Object.defineProperty(exports, "FormMessage", {
|
|
10616
10604
|
enumerable: true,
|
|
10617
|
-
get: function () { return
|
|
10605
|
+
get: function () { return chunkIYDQLTRF_cjs.FormMessage; }
|
|
10618
10606
|
});
|
|
10619
10607
|
Object.defineProperty(exports, "FormSection", {
|
|
10620
10608
|
enumerable: true,
|
|
10621
|
-
get: function () { return
|
|
10609
|
+
get: function () { return chunkIYDQLTRF_cjs.FormSection; }
|
|
10622
10610
|
});
|
|
10623
10611
|
Object.defineProperty(exports, "FormSectionLevelContext", {
|
|
10624
10612
|
enumerable: true,
|
|
10625
|
-
get: function () { return
|
|
10613
|
+
get: function () { return chunkIYDQLTRF_cjs.FormSectionLevelContext; }
|
|
10626
10614
|
});
|
|
10627
10615
|
Object.defineProperty(exports, "FormValidMessage", {
|
|
10628
10616
|
enumerable: true,
|
|
10629
|
-
get: function () { return
|
|
10617
|
+
get: function () { return chunkIYDQLTRF_cjs.FormValidMessage; }
|
|
10630
10618
|
});
|
|
10631
10619
|
Object.defineProperty(exports, "HeaderCheckboxRenderer", {
|
|
10632
10620
|
enumerable: true,
|
|
10633
|
-
get: function () { return
|
|
10621
|
+
get: function () { return chunkIYDQLTRF_cjs.HeaderCheckboxRenderer; }
|
|
10634
10622
|
});
|
|
10635
10623
|
Object.defineProperty(exports, "IconButton", {
|
|
10636
10624
|
enumerable: true,
|
|
10637
|
-
get: function () { return
|
|
10625
|
+
get: function () { return chunkIYDQLTRF_cjs.IconButton; }
|
|
10638
10626
|
});
|
|
10639
10627
|
Object.defineProperty(exports, "LucideIcon", {
|
|
10640
10628
|
enumerable: true,
|
|
10641
|
-
get: function () { return
|
|
10629
|
+
get: function () { return chunkIYDQLTRF_cjs.LucideIcon; }
|
|
10642
10630
|
});
|
|
10643
10631
|
Object.defineProperty(exports, "NUMBER_COLUMN_CLASS", {
|
|
10644
10632
|
enumerable: true,
|
|
10645
|
-
get: function () { return
|
|
10633
|
+
get: function () { return chunkIYDQLTRF_cjs.NUMBER_COLUMN_CLASS; }
|
|
10646
10634
|
});
|
|
10647
10635
|
Object.defineProperty(exports, "NUMBER_COLUMN_WIDTH", {
|
|
10648
10636
|
enumerable: true,
|
|
10649
|
-
get: function () { return
|
|
10637
|
+
get: function () { return chunkIYDQLTRF_cjs.NUMBER_COLUMN_WIDTH; }
|
|
10650
10638
|
});
|
|
10651
10639
|
Object.defineProperty(exports, "PageHeader", {
|
|
10652
10640
|
enumerable: true,
|
|
10653
|
-
get: function () { return
|
|
10641
|
+
get: function () { return chunkIYDQLTRF_cjs.PageHeader; }
|
|
10654
10642
|
});
|
|
10655
10643
|
Object.defineProperty(exports, "PageHeaderProvider", {
|
|
10656
10644
|
enumerable: true,
|
|
10657
|
-
get: function () { return
|
|
10645
|
+
get: function () { return chunkIYDQLTRF_cjs.PageHeaderProvider; }
|
|
10658
10646
|
});
|
|
10659
10647
|
Object.defineProperty(exports, "Pagination", {
|
|
10660
10648
|
enumerable: true,
|
|
10661
|
-
get: function () { return
|
|
10649
|
+
get: function () { return chunkIYDQLTRF_cjs.Pagination; }
|
|
10662
10650
|
});
|
|
10663
10651
|
Object.defineProperty(exports, "PaginationContent", {
|
|
10664
10652
|
enumerable: true,
|
|
10665
|
-
get: function () { return
|
|
10653
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationContent; }
|
|
10666
10654
|
});
|
|
10667
10655
|
Object.defineProperty(exports, "PaginationFirst", {
|
|
10668
10656
|
enumerable: true,
|
|
10669
|
-
get: function () { return
|
|
10657
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationFirst; }
|
|
10670
10658
|
});
|
|
10671
10659
|
Object.defineProperty(exports, "PaginationItem", {
|
|
10672
10660
|
enumerable: true,
|
|
10673
|
-
get: function () { return
|
|
10661
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationItem; }
|
|
10674
10662
|
});
|
|
10675
10663
|
Object.defineProperty(exports, "PaginationLast", {
|
|
10676
10664
|
enumerable: true,
|
|
10677
|
-
get: function () { return
|
|
10665
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationLast; }
|
|
10678
10666
|
});
|
|
10679
10667
|
Object.defineProperty(exports, "PaginationLink", {
|
|
10680
10668
|
enumerable: true,
|
|
10681
|
-
get: function () { return
|
|
10669
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationLink; }
|
|
10682
10670
|
});
|
|
10683
10671
|
Object.defineProperty(exports, "PaginationNext", {
|
|
10684
10672
|
enumerable: true,
|
|
10685
|
-
get: function () { return
|
|
10673
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationNext; }
|
|
10686
10674
|
});
|
|
10687
10675
|
Object.defineProperty(exports, "PaginationPrevious", {
|
|
10688
10676
|
enumerable: true,
|
|
10689
|
-
get: function () { return
|
|
10677
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationPrevious; }
|
|
10690
10678
|
});
|
|
10691
10679
|
Object.defineProperty(exports, "PaginationWrapper", {
|
|
10692
10680
|
enumerable: true,
|
|
10693
|
-
get: function () { return
|
|
10681
|
+
get: function () { return chunkIYDQLTRF_cjs.PaginationWrapper; }
|
|
10694
10682
|
});
|
|
10695
10683
|
Object.defineProperty(exports, "Panel", {
|
|
10696
10684
|
enumerable: true,
|
|
10697
|
-
get: function () { return
|
|
10685
|
+
get: function () { return chunkIYDQLTRF_cjs.Panel; }
|
|
10698
10686
|
});
|
|
10699
10687
|
Object.defineProperty(exports, "RowCheckboxRenderer", {
|
|
10700
10688
|
enumerable: true,
|
|
10701
|
-
get: function () { return
|
|
10689
|
+
get: function () { return chunkIYDQLTRF_cjs.RowCheckboxRenderer; }
|
|
10702
10690
|
});
|
|
10703
10691
|
Object.defineProperty(exports, "SORT_ICON_OFFSET_CLASS", {
|
|
10704
10692
|
enumerable: true,
|
|
10705
|
-
get: function () { return
|
|
10693
|
+
get: function () { return chunkIYDQLTRF_cjs.SORT_ICON_OFFSET_CLASS; }
|
|
10706
10694
|
});
|
|
10707
10695
|
Object.defineProperty(exports, "Separator", {
|
|
10708
10696
|
enumerable: true,
|
|
10709
|
-
get: function () { return
|
|
10697
|
+
get: function () { return chunkIYDQLTRF_cjs.Separator; }
|
|
10710
10698
|
});
|
|
10711
10699
|
Object.defineProperty(exports, "Skeleton", {
|
|
10712
10700
|
enumerable: true,
|
|
10713
|
-
get: function () { return
|
|
10701
|
+
get: function () { return chunkIYDQLTRF_cjs.Skeleton; }
|
|
10714
10702
|
});
|
|
10715
10703
|
Object.defineProperty(exports, "SortIcon", {
|
|
10716
10704
|
enumerable: true,
|
|
10717
|
-
get: function () { return
|
|
10705
|
+
get: function () { return chunkIYDQLTRF_cjs.SortIcon; }
|
|
10718
10706
|
});
|
|
10719
10707
|
Object.defineProperty(exports, "Spinner", {
|
|
10720
10708
|
enumerable: true,
|
|
10721
|
-
get: function () { return
|
|
10709
|
+
get: function () { return chunkIYDQLTRF_cjs.Spinner; }
|
|
10722
10710
|
});
|
|
10723
10711
|
Object.defineProperty(exports, "Stack", {
|
|
10724
10712
|
enumerable: true,
|
|
10725
|
-
get: function () { return
|
|
10713
|
+
get: function () { return chunkIYDQLTRF_cjs.Stack; }
|
|
10726
10714
|
});
|
|
10727
10715
|
Object.defineProperty(exports, "Table", {
|
|
10728
10716
|
enumerable: true,
|
|
10729
|
-
get: function () { return
|
|
10717
|
+
get: function () { return chunkIYDQLTRF_cjs.Table; }
|
|
10730
10718
|
});
|
|
10731
10719
|
Object.defineProperty(exports, "TableBody", {
|
|
10732
10720
|
enumerable: true,
|
|
10733
|
-
get: function () { return
|
|
10721
|
+
get: function () { return chunkIYDQLTRF_cjs.TableBody; }
|
|
10734
10722
|
});
|
|
10735
10723
|
Object.defineProperty(exports, "TableCell", {
|
|
10736
10724
|
enumerable: true,
|
|
10737
|
-
get: function () { return
|
|
10725
|
+
get: function () { return chunkIYDQLTRF_cjs.TableCell; }
|
|
10738
10726
|
});
|
|
10739
10727
|
Object.defineProperty(exports, "TableHead", {
|
|
10740
10728
|
enumerable: true,
|
|
10741
|
-
get: function () { return
|
|
10729
|
+
get: function () { return chunkIYDQLTRF_cjs.TableHead; }
|
|
10742
10730
|
});
|
|
10743
10731
|
Object.defineProperty(exports, "TableHeader", {
|
|
10744
10732
|
enumerable: true,
|
|
10745
|
-
get: function () { return
|
|
10733
|
+
get: function () { return chunkIYDQLTRF_cjs.TableHeader; }
|
|
10746
10734
|
});
|
|
10747
10735
|
Object.defineProperty(exports, "TablePagination", {
|
|
10748
10736
|
enumerable: true,
|
|
10749
|
-
get: function () { return
|
|
10737
|
+
get: function () { return chunkIYDQLTRF_cjs.TablePagination; }
|
|
10750
10738
|
});
|
|
10751
10739
|
Object.defineProperty(exports, "TableRow", {
|
|
10752
10740
|
enumerable: true,
|
|
10753
|
-
get: function () { return
|
|
10741
|
+
get: function () { return chunkIYDQLTRF_cjs.TableRow; }
|
|
10754
10742
|
});
|
|
10755
10743
|
Object.defineProperty(exports, "TableSkeleton", {
|
|
10756
10744
|
enumerable: true,
|
|
10757
|
-
get: function () { return
|
|
10745
|
+
get: function () { return chunkIYDQLTRF_cjs.TableSkeleton; }
|
|
10758
10746
|
});
|
|
10759
10747
|
Object.defineProperty(exports, "Tabs", {
|
|
10760
10748
|
enumerable: true,
|
|
10761
|
-
get: function () { return
|
|
10749
|
+
get: function () { return chunkIYDQLTRF_cjs.Tabs; }
|
|
10762
10750
|
});
|
|
10763
10751
|
Object.defineProperty(exports, "TabsContent", {
|
|
10764
10752
|
enumerable: true,
|
|
10765
|
-
get: function () { return
|
|
10753
|
+
get: function () { return chunkIYDQLTRF_cjs.TabsContent; }
|
|
10766
10754
|
});
|
|
10767
10755
|
Object.defineProperty(exports, "TabsList", {
|
|
10768
10756
|
enumerable: true,
|
|
10769
|
-
get: function () { return
|
|
10757
|
+
get: function () { return chunkIYDQLTRF_cjs.TabsList; }
|
|
10770
10758
|
});
|
|
10771
10759
|
Object.defineProperty(exports, "TabsTrigger", {
|
|
10772
10760
|
enumerable: true,
|
|
10773
|
-
get: function () { return
|
|
10761
|
+
get: function () { return chunkIYDQLTRF_cjs.TabsTrigger; }
|
|
10774
10762
|
});
|
|
10775
10763
|
Object.defineProperty(exports, "ToggleGroup", {
|
|
10776
10764
|
enumerable: true,
|
|
10777
|
-
get: function () { return
|
|
10765
|
+
get: function () { return chunkIYDQLTRF_cjs.ToggleGroup; }
|
|
10778
10766
|
});
|
|
10779
10767
|
Object.defineProperty(exports, "ToggleGroupItem", {
|
|
10780
10768
|
enumerable: true,
|
|
10781
|
-
get: function () { return
|
|
10769
|
+
get: function () { return chunkIYDQLTRF_cjs.ToggleGroupItem; }
|
|
10782
10770
|
});
|
|
10783
10771
|
Object.defineProperty(exports, "Tooltip", {
|
|
10784
10772
|
enumerable: true,
|
|
10785
|
-
get: function () { return
|
|
10773
|
+
get: function () { return chunkIYDQLTRF_cjs.Tooltip; }
|
|
10786
10774
|
});
|
|
10787
10775
|
Object.defineProperty(exports, "TooltipContent", {
|
|
10788
10776
|
enumerable: true,
|
|
10789
|
-
get: function () { return
|
|
10777
|
+
get: function () { return chunkIYDQLTRF_cjs.TooltipContent; }
|
|
10790
10778
|
});
|
|
10791
10779
|
Object.defineProperty(exports, "TooltipProvider", {
|
|
10792
10780
|
enumerable: true,
|
|
10793
|
-
get: function () { return
|
|
10781
|
+
get: function () { return chunkIYDQLTRF_cjs.TooltipProvider; }
|
|
10794
10782
|
});
|
|
10795
10783
|
Object.defineProperty(exports, "TooltipTrigger", {
|
|
10796
10784
|
enumerable: true,
|
|
10797
|
-
get: function () { return
|
|
10785
|
+
get: function () { return chunkIYDQLTRF_cjs.TooltipTrigger; }
|
|
10798
10786
|
});
|
|
10799
10787
|
Object.defineProperty(exports, "TwoLineCellRenderer", {
|
|
10800
10788
|
enumerable: true,
|
|
10801
|
-
get: function () { return
|
|
10789
|
+
get: function () { return chunkIYDQLTRF_cjs.TwoLineCellRenderer; }
|
|
10802
10790
|
});
|
|
10803
10791
|
Object.defineProperty(exports, "alignFromClassName", {
|
|
10804
10792
|
enumerable: true,
|
|
10805
|
-
get: function () { return
|
|
10793
|
+
get: function () { return chunkIYDQLTRF_cjs.alignFromClassName; }
|
|
10806
10794
|
});
|
|
10807
10795
|
Object.defineProperty(exports, "badgeVariants", {
|
|
10808
10796
|
enumerable: true,
|
|
10809
|
-
get: function () { return
|
|
10797
|
+
get: function () { return chunkIYDQLTRF_cjs.badgeVariants; }
|
|
10810
10798
|
});
|
|
10811
10799
|
Object.defineProperty(exports, "buttonVariants", {
|
|
10812
10800
|
enumerable: true,
|
|
10813
|
-
get: function () { return
|
|
10801
|
+
get: function () { return chunkIYDQLTRF_cjs.buttonVariants; }
|
|
10814
10802
|
});
|
|
10815
10803
|
Object.defineProperty(exports, "cn", {
|
|
10816
10804
|
enumerable: true,
|
|
10817
|
-
get: function () { return
|
|
10805
|
+
get: function () { return chunkIYDQLTRF_cjs.cn; }
|
|
10818
10806
|
});
|
|
10819
10807
|
Object.defineProperty(exports, "estimateHeaderTextWidth", {
|
|
10820
10808
|
enumerable: true,
|
|
10821
|
-
get: function () { return
|
|
10809
|
+
get: function () { return chunkIYDQLTRF_cjs.estimateHeaderTextWidth; }
|
|
10822
10810
|
});
|
|
10823
10811
|
Object.defineProperty(exports, "getPaginationRange", {
|
|
10824
10812
|
enumerable: true,
|
|
10825
|
-
get: function () { return
|
|
10813
|
+
get: function () { return chunkIYDQLTRF_cjs.getPaginationRange; }
|
|
10826
10814
|
});
|
|
10827
10815
|
Object.defineProperty(exports, "getSortedColumnState", {
|
|
10828
10816
|
enumerable: true,
|
|
10829
|
-
get: function () { return
|
|
10817
|
+
get: function () { return chunkIYDQLTRF_cjs.getSortedColumnState; }
|
|
10830
10818
|
});
|
|
10831
10819
|
Object.defineProperty(exports, "sanitizeUserText", {
|
|
10832
10820
|
enumerable: true,
|
|
10833
|
-
get: function () { return
|
|
10821
|
+
get: function () { return chunkIYDQLTRF_cjs.sanitizeUserText; }
|
|
10834
10822
|
});
|
|
10835
10823
|
Object.defineProperty(exports, "useFormControlContext", {
|
|
10836
10824
|
enumerable: true,
|
|
10837
|
-
get: function () { return
|
|
10825
|
+
get: function () { return chunkIYDQLTRF_cjs.useFormControlContext; }
|
|
10838
10826
|
});
|
|
10839
10827
|
Object.defineProperty(exports, "useFormField", {
|
|
10840
10828
|
enumerable: true,
|
|
10841
|
-
get: function () { return
|
|
10829
|
+
get: function () { return chunkIYDQLTRF_cjs.useFormField; }
|
|
10842
10830
|
});
|
|
10843
10831
|
Object.defineProperty(exports, "usePageHeader", {
|
|
10844
10832
|
enumerable: true,
|
|
10845
|
-
get: function () { return
|
|
10833
|
+
get: function () { return chunkIYDQLTRF_cjs.usePageHeader; }
|
|
10846
10834
|
});
|
|
10847
10835
|
Object.defineProperty(exports, "withExplicitSortIcons", {
|
|
10848
10836
|
enumerable: true,
|
|
10849
|
-
get: function () { return
|
|
10837
|
+
get: function () { return chunkIYDQLTRF_cjs.withExplicitSortIcons; }
|
|
10850
10838
|
});
|
|
10851
10839
|
Object.defineProperty(exports, "withFlexFill", {
|
|
10852
10840
|
enumerable: true,
|
|
10853
|
-
get: function () { return
|
|
10841
|
+
get: function () { return chunkIYDQLTRF_cjs.withFlexFill; }
|
|
10854
10842
|
});
|
|
10855
10843
|
Object.defineProperty(exports, "withHeaderMinWidth", {
|
|
10856
10844
|
enumerable: true,
|
|
10857
|
-
get: function () { return
|
|
10845
|
+
get: function () { return chunkIYDQLTRF_cjs.withHeaderMinWidth; }
|
|
10858
10846
|
});
|
|
10859
10847
|
Object.defineProperty(exports, "withNumberColumnWidth", {
|
|
10860
10848
|
enumerable: true,
|
|
10861
|
-
get: function () { return
|
|
10849
|
+
get: function () { return chunkIYDQLTRF_cjs.withNumberColumnWidth; }
|
|
10862
10850
|
});
|
|
10863
10851
|
Object.defineProperty(exports, "withSortIconOffset", {
|
|
10864
10852
|
enumerable: true,
|
|
10865
|
-
get: function () { return
|
|
10853
|
+
get: function () { return chunkIYDQLTRF_cjs.withSortIconOffset; }
|
|
10866
10854
|
});
|
|
10867
10855
|
Object.defineProperty(exports, "withTypeClasses", {
|
|
10868
10856
|
enumerable: true,
|
|
10869
|
-
get: function () { return
|
|
10857
|
+
get: function () { return chunkIYDQLTRF_cjs.withTypeClasses; }
|
|
10870
10858
|
});
|
|
10871
10859
|
exports.Accordion = Accordion;
|
|
10872
10860
|
exports.AccordionContent = AccordionContent;
|