@pos-360/horizon 0.17.0 → 0.18.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/dist/{chunk-ED6X5VKQ.js → chunk-5XF7Y25B.js} +3 -3
- package/dist/{chunk-ED6X5VKQ.js.map → chunk-5XF7Y25B.js.map} +1 -1
- package/dist/{chunk-M3MFFZNO.js → chunk-6KBCME37.js} +191 -177
- package/dist/chunk-6KBCME37.js.map +1 -0
- package/dist/{chunk-DWMWKMZL.mjs → chunk-AORFIAS4.mjs} +3 -3
- package/dist/{chunk-DWMWKMZL.mjs.map → chunk-AORFIAS4.mjs.map} +1 -1
- package/dist/{chunk-2PPZNXOQ.mjs → chunk-DNRDNWUF.mjs} +114 -100
- package/dist/chunk-DNRDNWUF.mjs.map +1 -0
- package/dist/{chunk-YYVNGWHZ.js → chunk-T7ITROJS.js} +78 -78
- package/dist/{chunk-YYVNGWHZ.js.map → chunk-T7ITROJS.js.map} +1 -1
- package/dist/{chunk-ZI4BTIPU.mjs → chunk-UQ66UPWH.mjs} +3 -3
- package/dist/{chunk-ZI4BTIPU.mjs.map → chunk-UQ66UPWH.mjs.map} +1 -1
- package/dist/enhanced.js +28 -28
- package/dist/enhanced.mjs +2 -2
- package/dist/index.js +141 -141
- package/dist/index.mjs +3 -3
- package/dist/primitives.d.mts +9 -0
- package/dist/primitives.d.ts +9 -0
- package/dist/primitives.js +113 -113
- package/dist/primitives.mjs +2 -2
- package/package.json +1 -1
- package/dist/chunk-2PPZNXOQ.mjs.map +0 -1
- package/dist/chunk-M3MFFZNO.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk5XF7Y25B_js = require('./chunk-5XF7Y25B.js');
|
|
4
4
|
var React10 = require('react');
|
|
5
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
@@ -12,9 +12,9 @@ var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
|
|
|
12
12
|
var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
13
13
|
var framerMotion = require('framer-motion');
|
|
14
14
|
var SelectPrimitive = require('@radix-ui/react-select');
|
|
15
|
+
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
15
16
|
var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
16
17
|
var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
|
|
17
|
-
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
18
18
|
var SwitchPrimitive = require('@radix-ui/react-switch');
|
|
19
19
|
|
|
20
20
|
function _interopNamespace(e) {
|
|
@@ -41,9 +41,9 @@ var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive)
|
|
|
41
41
|
var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
|
|
42
42
|
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
43
43
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
44
|
+
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
44
45
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
45
46
|
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
46
|
-
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
47
47
|
var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
|
|
48
48
|
|
|
49
49
|
var buttonVariants = classVarianceAuthority.cva(
|
|
@@ -87,7 +87,7 @@ var Button = React10__namespace.forwardRef(
|
|
|
87
87
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
88
88
|
Comp,
|
|
89
89
|
{
|
|
90
|
-
className:
|
|
90
|
+
className: chunk5XF7Y25B_js.cn(buttonVariants({ variant, size, className })),
|
|
91
91
|
ref,
|
|
92
92
|
...props,
|
|
93
93
|
children
|
|
@@ -98,7 +98,7 @@ var Button = React10__namespace.forwardRef(
|
|
|
98
98
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
99
99
|
Comp,
|
|
100
100
|
{
|
|
101
|
-
className:
|
|
101
|
+
className: chunk5XF7Y25B_js.cn(buttonVariants({ variant, size, className })),
|
|
102
102
|
ref,
|
|
103
103
|
...props,
|
|
104
104
|
children: [
|
|
@@ -115,7 +115,7 @@ var Card = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
115
115
|
"div",
|
|
116
116
|
{
|
|
117
117
|
ref,
|
|
118
|
-
className:
|
|
118
|
+
className: chunk5XF7Y25B_js.cn(
|
|
119
119
|
"rounded-hz-lg border border-gray-200 bg-white text-gray-900 shadow dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
|
|
120
120
|
className
|
|
121
121
|
),
|
|
@@ -127,7 +127,7 @@ var CardHeader = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
127
127
|
"div",
|
|
128
128
|
{
|
|
129
129
|
ref,
|
|
130
|
-
className:
|
|
130
|
+
className: chunk5XF7Y25B_js.cn("flex flex-col space-y-1.5 p-4", className),
|
|
131
131
|
...props
|
|
132
132
|
}
|
|
133
133
|
));
|
|
@@ -136,7 +136,7 @@ var CardTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
136
136
|
"div",
|
|
137
137
|
{
|
|
138
138
|
ref,
|
|
139
|
-
className:
|
|
139
|
+
className: chunk5XF7Y25B_js.cn("font-semibold leading-none tracking-tight", className),
|
|
140
140
|
...props
|
|
141
141
|
}
|
|
142
142
|
));
|
|
@@ -145,7 +145,7 @@ var CardDescription = React10__namespace.forwardRef(({ className, ...props }, re
|
|
|
145
145
|
"div",
|
|
146
146
|
{
|
|
147
147
|
ref,
|
|
148
|
-
className:
|
|
148
|
+
className: chunk5XF7Y25B_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
|
|
149
149
|
...props
|
|
150
150
|
}
|
|
151
151
|
));
|
|
@@ -154,7 +154,7 @@ var CardContent = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
154
154
|
"div",
|
|
155
155
|
{
|
|
156
156
|
ref,
|
|
157
|
-
className:
|
|
157
|
+
className: chunk5XF7Y25B_js.cn("p-4 pt-0", className),
|
|
158
158
|
...props
|
|
159
159
|
}
|
|
160
160
|
));
|
|
@@ -163,7 +163,7 @@ var CardFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
163
163
|
"div",
|
|
164
164
|
{
|
|
165
165
|
ref,
|
|
166
|
-
className:
|
|
166
|
+
className: chunk5XF7Y25B_js.cn("flex items-center p-4 pt-0", className),
|
|
167
167
|
...props
|
|
168
168
|
}
|
|
169
169
|
));
|
|
@@ -172,7 +172,7 @@ var Checkbox = React10__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
172
172
|
CheckboxPrimitive__namespace.Root,
|
|
173
173
|
{
|
|
174
174
|
ref,
|
|
175
|
-
className:
|
|
175
|
+
className: chunk5XF7Y25B_js.cn(
|
|
176
176
|
"peer h-4 w-4 shrink-0 rounded-hz-sm border border-gray-300 bg-transparent shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600 data-[state=checked]:text-white dark:border-neutral-600 dark:data-[state=checked]:bg-blue-600",
|
|
177
177
|
className
|
|
178
178
|
),
|
|
@@ -180,7 +180,7 @@ var Checkbox = React10__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
180
180
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
181
181
|
CheckboxPrimitive__namespace.Indicator,
|
|
182
182
|
{
|
|
183
|
-
className:
|
|
183
|
+
className: chunk5XF7Y25B_js.cn("flex items-center justify-center text-current"),
|
|
184
184
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
|
|
185
185
|
}
|
|
186
186
|
)
|
|
@@ -195,7 +195,7 @@ var DialogOverlay = React10__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
195
195
|
DialogPrimitive__namespace.Overlay,
|
|
196
196
|
{
|
|
197
197
|
ref,
|
|
198
|
-
className:
|
|
198
|
+
className: chunk5XF7Y25B_js.cn(
|
|
199
199
|
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
200
200
|
className
|
|
201
201
|
),
|
|
@@ -209,7 +209,7 @@ var DialogContent = React10__namespace.forwardRef(({ className, children, ...pro
|
|
|
209
209
|
DialogPrimitive__namespace.Content,
|
|
210
210
|
{
|
|
211
211
|
ref,
|
|
212
|
-
className:
|
|
212
|
+
className: chunk5XF7Y25B_js.cn(
|
|
213
213
|
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-hz-normal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-hz-lg dark:border-neutral-700 dark:bg-neutral-800",
|
|
214
214
|
className
|
|
215
215
|
),
|
|
@@ -231,7 +231,7 @@ var DialogHeader = ({
|
|
|
231
231
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
232
232
|
"div",
|
|
233
233
|
{
|
|
234
|
-
className:
|
|
234
|
+
className: chunk5XF7Y25B_js.cn(
|
|
235
235
|
"flex flex-col space-y-1.5 text-center sm:text-left",
|
|
236
236
|
className
|
|
237
237
|
),
|
|
@@ -245,7 +245,7 @@ var DialogFooter = ({
|
|
|
245
245
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
246
246
|
"div",
|
|
247
247
|
{
|
|
248
|
-
className:
|
|
248
|
+
className: chunk5XF7Y25B_js.cn(
|
|
249
249
|
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
250
250
|
className
|
|
251
251
|
),
|
|
@@ -257,7 +257,7 @@ var DialogTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
257
257
|
DialogPrimitive__namespace.Title,
|
|
258
258
|
{
|
|
259
259
|
ref,
|
|
260
|
-
className:
|
|
260
|
+
className: chunk5XF7Y25B_js.cn(
|
|
261
261
|
"text-lg font-semibold leading-none tracking-tight text-gray-900 dark:text-gray-100",
|
|
262
262
|
className
|
|
263
263
|
),
|
|
@@ -269,7 +269,7 @@ var DialogDescription = React10__namespace.forwardRef(({ className, ...props },
|
|
|
269
269
|
DialogPrimitive__namespace.Description,
|
|
270
270
|
{
|
|
271
271
|
ref,
|
|
272
|
-
className:
|
|
272
|
+
className: chunk5XF7Y25B_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
|
|
273
273
|
...props
|
|
274
274
|
}
|
|
275
275
|
));
|
|
@@ -284,7 +284,7 @@ var DropdownMenuSubTrigger = React10__namespace.forwardRef(({ className, inset,
|
|
|
284
284
|
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
285
285
|
{
|
|
286
286
|
ref,
|
|
287
|
-
className:
|
|
287
|
+
className: chunk5XF7Y25B_js.cn(
|
|
288
288
|
"flex cursor-default select-none items-center gap-2 rounded-hz-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-gray-100 dark:focus:bg-gray-700 dark:data-[state=open]:bg-gray-700 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
289
289
|
inset && "pl-8",
|
|
290
290
|
className
|
|
@@ -301,7 +301,7 @@ var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...prop
|
|
|
301
301
|
DropdownMenuPrimitive__namespace.SubContent,
|
|
302
302
|
{
|
|
303
303
|
ref,
|
|
304
|
-
className:
|
|
304
|
+
className: chunk5XF7Y25B_js.cn(
|
|
305
305
|
"z-50 min-w-[8rem] overflow-hidden rounded-hz-md border border-gray-200 bg-white p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
|
|
306
306
|
className
|
|
307
307
|
),
|
|
@@ -314,7 +314,7 @@ var DropdownMenuContent = React10__namespace.forwardRef(({ className, sideOffset
|
|
|
314
314
|
{
|
|
315
315
|
ref,
|
|
316
316
|
sideOffset,
|
|
317
|
-
className:
|
|
317
|
+
className: chunk5XF7Y25B_js.cn(
|
|
318
318
|
"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-hz-md border border-gray-200 bg-white p-1 text-gray-900 shadow-md dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
|
|
319
319
|
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
|
|
320
320
|
className
|
|
@@ -327,7 +327,7 @@ var DropdownMenuItem = React10__namespace.forwardRef(({ className, inset, ...pro
|
|
|
327
327
|
DropdownMenuPrimitive__namespace.Item,
|
|
328
328
|
{
|
|
329
329
|
ref,
|
|
330
|
-
className:
|
|
330
|
+
className: chunk5XF7Y25B_js.cn(
|
|
331
331
|
"relative flex cursor-default select-none items-center gap-2 rounded-hz-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
332
332
|
inset && "pl-8",
|
|
333
333
|
className
|
|
@@ -340,7 +340,7 @@ var DropdownMenuCheckboxItem = React10__namespace.forwardRef(({ className, child
|
|
|
340
340
|
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
341
341
|
{
|
|
342
342
|
ref,
|
|
343
|
-
className:
|
|
343
|
+
className: chunk5XF7Y25B_js.cn(
|
|
344
344
|
"relative flex cursor-default select-none items-center rounded-hz-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
|
|
345
345
|
className
|
|
346
346
|
),
|
|
@@ -357,7 +357,7 @@ var DropdownMenuRadioItem = React10__namespace.forwardRef(({ className, children
|
|
|
357
357
|
DropdownMenuPrimitive__namespace.RadioItem,
|
|
358
358
|
{
|
|
359
359
|
ref,
|
|
360
|
-
className:
|
|
360
|
+
className: chunk5XF7Y25B_js.cn(
|
|
361
361
|
"relative flex cursor-default select-none items-center rounded-hz-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
|
|
362
362
|
className
|
|
363
363
|
),
|
|
@@ -373,7 +373,7 @@ var DropdownMenuLabel = React10__namespace.forwardRef(({ className, inset, ...pr
|
|
|
373
373
|
DropdownMenuPrimitive__namespace.Label,
|
|
374
374
|
{
|
|
375
375
|
ref,
|
|
376
|
-
className:
|
|
376
|
+
className: chunk5XF7Y25B_js.cn(
|
|
377
377
|
"px-2 py-1.5 text-sm font-semibold",
|
|
378
378
|
inset && "pl-8",
|
|
379
379
|
className
|
|
@@ -386,7 +386,7 @@ var DropdownMenuSeparator = React10__namespace.forwardRef(({ className, ...props
|
|
|
386
386
|
DropdownMenuPrimitive__namespace.Separator,
|
|
387
387
|
{
|
|
388
388
|
ref,
|
|
389
|
-
className:
|
|
389
|
+
className: chunk5XF7Y25B_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
|
|
390
390
|
...props
|
|
391
391
|
}
|
|
392
392
|
));
|
|
@@ -398,7 +398,7 @@ var DropdownMenuShortcut = ({
|
|
|
398
398
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
399
399
|
"span",
|
|
400
400
|
{
|
|
401
|
-
className:
|
|
401
|
+
className: chunk5XF7Y25B_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
|
|
402
402
|
...props
|
|
403
403
|
}
|
|
404
404
|
);
|
|
@@ -475,7 +475,7 @@ var Form = React10__namespace.forwardRef(
|
|
|
475
475
|
"form",
|
|
476
476
|
{
|
|
477
477
|
ref,
|
|
478
|
-
className:
|
|
478
|
+
className: chunk5XF7Y25B_js.cn("space-y-6", className),
|
|
479
479
|
onSubmit: handleSubmit,
|
|
480
480
|
...props,
|
|
481
481
|
children
|
|
@@ -493,18 +493,18 @@ var FormField = React10__namespace.forwardRef(
|
|
|
493
493
|
() => ({ name, error, id }),
|
|
494
494
|
[name, error, id]
|
|
495
495
|
);
|
|
496
|
-
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className:
|
|
496
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk5XF7Y25B_js.cn("space-y-2", className), ...props, children }) });
|
|
497
497
|
}
|
|
498
498
|
);
|
|
499
499
|
FormField.displayName = "FormField";
|
|
500
500
|
var FormLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
501
501
|
const { id, error } = useFormFieldContext();
|
|
502
502
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
503
|
-
|
|
503
|
+
chunk5XF7Y25B_js.Label,
|
|
504
504
|
{
|
|
505
505
|
ref,
|
|
506
506
|
htmlFor: id,
|
|
507
|
-
className:
|
|
507
|
+
className: chunk5XF7Y25B_js.cn(error && "text-rose-500 dark:text-rose-400", className),
|
|
508
508
|
...props
|
|
509
509
|
}
|
|
510
510
|
);
|
|
@@ -530,7 +530,7 @@ var FormDescription = React10__namespace.forwardRef(
|
|
|
530
530
|
"span",
|
|
531
531
|
{
|
|
532
532
|
ref,
|
|
533
|
-
className:
|
|
533
|
+
className: chunk5XF7Y25B_js.cn(
|
|
534
534
|
"block text-sm text-neutral-500 dark:text-neutral-400",
|
|
535
535
|
className
|
|
536
536
|
),
|
|
@@ -553,7 +553,7 @@ var FormMessage = React10__namespace.forwardRef(
|
|
|
553
553
|
{
|
|
554
554
|
ref,
|
|
555
555
|
id: id ? `${id}-error` : void 0,
|
|
556
|
-
className:
|
|
556
|
+
className: chunk5XF7Y25B_js.cn(
|
|
557
557
|
"text-sm font-medium",
|
|
558
558
|
error ? "text-rose-500 dark:text-rose-400" : "text-neutral-600 dark:text-neutral-400",
|
|
559
559
|
className
|
|
@@ -644,8 +644,8 @@ var PopoverContent = React10__namespace.forwardRef(({ className, align = "center
|
|
|
644
644
|
damping: 25,
|
|
645
645
|
mass: 0.8
|
|
646
646
|
},
|
|
647
|
-
className:
|
|
648
|
-
"z-50 w-72 rounded-
|
|
647
|
+
className: chunk5XF7Y25B_js.cn(
|
|
648
|
+
"z-50 w-72 rounded-md border border-white/20 bg-white/80 backdrop-blur-xl p-4 text-gray-900 shadow-lg outline-none dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-neutral-100 origin-[--radix-popover-content-transform-origin]",
|
|
649
649
|
className
|
|
650
650
|
),
|
|
651
651
|
children
|
|
@@ -689,7 +689,7 @@ var SelectTrigger = React10__namespace.forwardRef(({ className, children, ...pro
|
|
|
689
689
|
SelectPrimitive__namespace.Trigger,
|
|
690
690
|
{
|
|
691
691
|
ref,
|
|
692
|
-
className:
|
|
692
|
+
className: chunk5XF7Y25B_js.cn(
|
|
693
693
|
"flex h-[52px] w-full items-center justify-between rounded-hz-md border border-gray-300 bg-white px-4 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500 [&>span]:line-clamp-1",
|
|
694
694
|
className
|
|
695
695
|
),
|
|
@@ -705,7 +705,7 @@ var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props
|
|
|
705
705
|
SelectPrimitive__namespace.ScrollUpButton,
|
|
706
706
|
{
|
|
707
707
|
ref,
|
|
708
|
-
className:
|
|
708
|
+
className: chunk5XF7Y25B_js.cn(
|
|
709
709
|
"flex cursor-default items-center justify-center py-1",
|
|
710
710
|
className
|
|
711
711
|
),
|
|
@@ -718,7 +718,7 @@ var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...prop
|
|
|
718
718
|
SelectPrimitive__namespace.ScrollDownButton,
|
|
719
719
|
{
|
|
720
720
|
ref,
|
|
721
|
-
className:
|
|
721
|
+
className: chunk5XF7Y25B_js.cn(
|
|
722
722
|
"flex cursor-default items-center justify-center py-1",
|
|
723
723
|
className
|
|
724
724
|
),
|
|
@@ -789,7 +789,7 @@ var SelectContent = React10__namespace.forwardRef(({ className, children, positi
|
|
|
789
789
|
damping: 25,
|
|
790
790
|
mass: 0.8
|
|
791
791
|
},
|
|
792
|
-
className:
|
|
792
|
+
className: chunk5XF7Y25B_js.cn(
|
|
793
793
|
"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-hidden rounded-hz-lg border border-white/20 bg-white/80 backdrop-blur-xl text-gray-900 shadow-lg dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-gray-100 origin-[--radix-select-content-transform-origin]",
|
|
794
794
|
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
795
795
|
className
|
|
@@ -814,7 +814,7 @@ var SelectContent = React10__namespace.forwardRef(({ className, children, positi
|
|
|
814
814
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
815
815
|
SelectPrimitive__namespace.Viewport,
|
|
816
816
|
{
|
|
817
|
-
className:
|
|
817
|
+
className: chunk5XF7Y25B_js.cn(
|
|
818
818
|
"p-1",
|
|
819
819
|
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
820
820
|
),
|
|
@@ -834,7 +834,7 @@ var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
834
834
|
SelectPrimitive__namespace.Label,
|
|
835
835
|
{
|
|
836
836
|
ref,
|
|
837
|
-
className:
|
|
837
|
+
className: chunk5XF7Y25B_js.cn("px-2 py-1.5 text-sm font-semibold", className),
|
|
838
838
|
...props
|
|
839
839
|
}
|
|
840
840
|
));
|
|
@@ -850,7 +850,7 @@ var SelectItem = React10__namespace.forwardRef(({ className, children, textValue
|
|
|
850
850
|
{
|
|
851
851
|
ref,
|
|
852
852
|
textValue,
|
|
853
|
-
className:
|
|
853
|
+
className: chunk5XF7Y25B_js.cn(
|
|
854
854
|
"relative flex w-full cursor-default select-none items-center rounded-hz-md py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-black/5 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-white/10 dark:focus:text-gray-100 transition-colors",
|
|
855
855
|
className
|
|
856
856
|
),
|
|
@@ -867,7 +867,7 @@ var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, re
|
|
|
867
867
|
SelectPrimitive__namespace.Separator,
|
|
868
868
|
{
|
|
869
869
|
ref,
|
|
870
|
-
className:
|
|
870
|
+
className: chunk5XF7Y25B_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
|
|
871
871
|
...props
|
|
872
872
|
}
|
|
873
873
|
));
|
|
@@ -894,7 +894,7 @@ function Separator3({
|
|
|
894
894
|
{
|
|
895
895
|
role: decorative ? "none" : "separator",
|
|
896
896
|
"aria-orientation": decorative ? void 0 : orientation ?? void 0,
|
|
897
|
-
className:
|
|
897
|
+
className: chunk5XF7Y25B_js.cn(separatorVariants({ orientation }), className),
|
|
898
898
|
...props
|
|
899
899
|
}
|
|
900
900
|
);
|
|
@@ -903,7 +903,7 @@ function Skeleton({ className }) {
|
|
|
903
903
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
904
904
|
"div",
|
|
905
905
|
{
|
|
906
|
-
className:
|
|
906
|
+
className: chunk5XF7Y25B_js.cn(
|
|
907
907
|
"animate-pulse rounded-hz-md bg-neutral-200 dark:bg-neutral-800",
|
|
908
908
|
className
|
|
909
909
|
)
|
|
@@ -911,28 +911,28 @@ function Skeleton({ className }) {
|
|
|
911
911
|
);
|
|
912
912
|
}
|
|
913
913
|
function SkeletonText({ className }) {
|
|
914
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
914
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-4", className) });
|
|
915
915
|
}
|
|
916
916
|
function SkeletonTitle({ className }) {
|
|
917
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
917
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-6 w-48", className) });
|
|
918
918
|
}
|
|
919
919
|
function SkeletonSubtitle({ className }) {
|
|
920
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
920
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-3 w-64", className) });
|
|
921
921
|
}
|
|
922
922
|
function SkeletonAvatar({ className }) {
|
|
923
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
923
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("w-10 h-10 rounded", className) });
|
|
924
924
|
}
|
|
925
925
|
function SkeletonBadge({ className }) {
|
|
926
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
926
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-6 w-24", className) });
|
|
927
927
|
}
|
|
928
928
|
function SkeletonIcon({ className }) {
|
|
929
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
929
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("w-6 h-6 rounded", className) });
|
|
930
930
|
}
|
|
931
931
|
function SkeletonButton({ className }) {
|
|
932
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
932
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-10 w-24 rounded-hz-md", className) });
|
|
933
933
|
}
|
|
934
934
|
function SkeletonInput({ className }) {
|
|
935
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
935
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-10 w-full rounded-hz-md", className) });
|
|
936
936
|
}
|
|
937
937
|
function SkeletonTableRow({
|
|
938
938
|
columns = 4,
|
|
@@ -950,7 +950,7 @@ function SkeletonCard({ className }) {
|
|
|
950
950
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
951
951
|
"div",
|
|
952
952
|
{
|
|
953
|
-
className:
|
|
953
|
+
className: chunk5XF7Y25B_js.cn(
|
|
954
954
|
"rounded-hz-lg border bg-card p-6 space-y-4",
|
|
955
955
|
className
|
|
956
956
|
),
|
|
@@ -966,6 +966,91 @@ function SkeletonCard({ className }) {
|
|
|
966
966
|
}
|
|
967
967
|
);
|
|
968
968
|
}
|
|
969
|
+
var segmentedControlVariants = classVarianceAuthority.cva(
|
|
970
|
+
"inline-flex w-fit items-stretch border border-gray-200 bg-white dark:border-neutral-700 dark:bg-neutral-900",
|
|
971
|
+
{
|
|
972
|
+
variants: {
|
|
973
|
+
size: {
|
|
974
|
+
default: "h-[52px]",
|
|
975
|
+
sm: "h-10",
|
|
976
|
+
lg: "h-[60px]"
|
|
977
|
+
}
|
|
978
|
+
},
|
|
979
|
+
defaultVariants: {
|
|
980
|
+
size: "default"
|
|
981
|
+
}
|
|
982
|
+
}
|
|
983
|
+
);
|
|
984
|
+
var segmentedControlItemVariants = classVarianceAuthority.cva(
|
|
985
|
+
"inline-flex flex-1 cursor-pointer items-center justify-center whitespace-nowrap px-6 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
|
|
986
|
+
{
|
|
987
|
+
variants: {
|
|
988
|
+
size: {
|
|
989
|
+
default: "h-full min-w-[120px]",
|
|
990
|
+
sm: "h-full min-w-[90px] text-xs",
|
|
991
|
+
lg: "h-full min-w-[140px] text-base"
|
|
992
|
+
}
|
|
993
|
+
},
|
|
994
|
+
defaultVariants: {
|
|
995
|
+
size: "default"
|
|
996
|
+
}
|
|
997
|
+
}
|
|
998
|
+
);
|
|
999
|
+
var containerRadiusClass = {
|
|
1000
|
+
none: "rounded-hz-lg",
|
|
1001
|
+
sm: "rounded-sm",
|
|
1002
|
+
md: "rounded-md",
|
|
1003
|
+
lg: "rounded-lg",
|
|
1004
|
+
full: "rounded-full"
|
|
1005
|
+
};
|
|
1006
|
+
var itemRadiusClass = {
|
|
1007
|
+
none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
|
|
1008
|
+
sm: "first:rounded-l-sm last:rounded-r-sm",
|
|
1009
|
+
md: "first:rounded-l-md last:rounded-r-md",
|
|
1010
|
+
lg: "first:rounded-l-lg last:rounded-r-lg",
|
|
1011
|
+
full: "rounded-full"
|
|
1012
|
+
};
|
|
1013
|
+
function SegmentedControl({
|
|
1014
|
+
className,
|
|
1015
|
+
options,
|
|
1016
|
+
value,
|
|
1017
|
+
onChange,
|
|
1018
|
+
size,
|
|
1019
|
+
radius = "none",
|
|
1020
|
+
...props
|
|
1021
|
+
}) {
|
|
1022
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1023
|
+
RadioGroupPrimitive__namespace.Root,
|
|
1024
|
+
{
|
|
1025
|
+
...props,
|
|
1026
|
+
...value !== void 0 ? { value, onValueChange: onChange } : {},
|
|
1027
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1028
|
+
segmentedControlVariants({ size }),
|
|
1029
|
+
containerRadiusClass[radius],
|
|
1030
|
+
className
|
|
1031
|
+
),
|
|
1032
|
+
children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1033
|
+
RadioGroupPrimitive__namespace.Item,
|
|
1034
|
+
{
|
|
1035
|
+
value: option.value,
|
|
1036
|
+
disabled: option.disabled,
|
|
1037
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1038
|
+
segmentedControlItemVariants({ size }),
|
|
1039
|
+
itemRadiusClass[radius],
|
|
1040
|
+
"border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
|
|
1041
|
+
"data-[state=checked]:!bg-blue-50 data-[state=checked]:border-blue-500 data-[state=checked]:text-blue-600",
|
|
1042
|
+
"dark:data-[state=checked]:!bg-blue-950/40 dark:data-[state=checked]:border-blue-400 dark:data-[state=checked]:text-blue-400"
|
|
1043
|
+
),
|
|
1044
|
+
children: [
|
|
1045
|
+
/* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "hidden" }),
|
|
1046
|
+
option.label
|
|
1047
|
+
]
|
|
1048
|
+
},
|
|
1049
|
+
option.value
|
|
1050
|
+
))
|
|
1051
|
+
}
|
|
1052
|
+
);
|
|
1053
|
+
}
|
|
969
1054
|
function BulkEditPopover({ column, onApply }) {
|
|
970
1055
|
const [value, setValue] = React10__namespace.useState("");
|
|
971
1056
|
const [open, setOpen] = React10__namespace.useState(false);
|
|
@@ -981,9 +1066,12 @@ function BulkEditPopover({ column, onApply }) {
|
|
|
981
1066
|
};
|
|
982
1067
|
const handleOpenChange = (next) => {
|
|
983
1068
|
setOpen(next);
|
|
1069
|
+
if (next && bulkEdit.kind === "segmented-control") {
|
|
1070
|
+
setValue(bulkEdit.options[0]?.value ?? "");
|
|
1071
|
+
}
|
|
984
1072
|
if (!next) setValue("");
|
|
985
1073
|
};
|
|
986
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1074
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_js.Tooltip, { content: `Apply to all ${headingLabel}`, side: "top", disabled: open, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
|
|
987
1075
|
/* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
988
1076
|
"button",
|
|
989
1077
|
{
|
|
@@ -994,7 +1082,7 @@ function BulkEditPopover({ column, onApply }) {
|
|
|
994
1082
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PenLine, { className: "h-3.5 w-3.5" })
|
|
995
1083
|
}
|
|
996
1084
|
) }),
|
|
997
|
-
/* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { align: "start", className: "
|
|
1085
|
+
/* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { align: "start", className: chunk5XF7Y25B_js.cn("p-3 space-y-3", bulkEdit.kind === "segmented-control" ? "w-auto" : "w-64"), children: [
|
|
998
1086
|
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: [
|
|
999
1087
|
"Apply to all \u2014 ",
|
|
1000
1088
|
headingLabel
|
|
@@ -1015,17 +1103,27 @@ function BulkEditPopover({ column, onApply }) {
|
|
|
1015
1103
|
}
|
|
1016
1104
|
},
|
|
1017
1105
|
autoFocus: true,
|
|
1018
|
-
className:
|
|
1106
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1019
1107
|
"w-full rounded-hz-md border border-gray-300 bg-white py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-blue-500/50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500",
|
|
1020
1108
|
bulkEdit.leadingDecorator ? "pl-7 pr-3" : "px-3"
|
|
1021
1109
|
)
|
|
1022
1110
|
}
|
|
1023
1111
|
)
|
|
1024
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsxs(Select, { value, onValueChange: setValue, children: [
|
|
1025
|
-
/* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: bulkEdit.placeholder ?? "Select a value" }) }),
|
|
1112
|
+
] }) : bulkEdit.kind === "select" ? /* @__PURE__ */ jsxRuntime.jsxs(Select, { value, onValueChange: setValue, children: [
|
|
1113
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: bulkEdit.placeholder ?? "Select a value" }) }),
|
|
1026
1114
|
/* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: bulkEdit.options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
|
|
1027
|
-
] })
|
|
1028
|
-
|
|
1115
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1116
|
+
SegmentedControl,
|
|
1117
|
+
{
|
|
1118
|
+
className: "w-full",
|
|
1119
|
+
size: "sm",
|
|
1120
|
+
value,
|
|
1121
|
+
onChange: setValue,
|
|
1122
|
+
options: bulkEdit.options
|
|
1123
|
+
}
|
|
1124
|
+
),
|
|
1125
|
+
bulkEdit.kind === "input" && bulkEdit.renderPreview && value && bulkEdit.renderPreview(value),
|
|
1126
|
+
/* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", className: "w-full rounded-md", onClick: handleApply, disabled: !isValid, children: "Apply All" })
|
|
1029
1127
|
] })
|
|
1030
1128
|
] }) }) });
|
|
1031
1129
|
}
|
|
@@ -1223,7 +1321,7 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1223
1321
|
"table",
|
|
1224
1322
|
{
|
|
1225
1323
|
ref,
|
|
1226
|
-
className:
|
|
1324
|
+
className: chunk5XF7Y25B_js.cn("w-full caption-bottom text-sm", className),
|
|
1227
1325
|
...props,
|
|
1228
1326
|
children: columns && data ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (() => {
|
|
1229
1327
|
const visibleCols = columns.filter(
|
|
@@ -1235,7 +1333,7 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1235
1333
|
{
|
|
1236
1334
|
"data-col-key": col.key,
|
|
1237
1335
|
style: col.minWidth ? { minWidth: col.minWidth } : void 0,
|
|
1238
|
-
className:
|
|
1336
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1239
1337
|
"h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400",
|
|
1240
1338
|
col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
|
|
1241
1339
|
showDividers && "border-r border-gray-200 dark:border-neutral-700"
|
|
@@ -1261,10 +1359,11 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1261
1359
|
"td",
|
|
1262
1360
|
{
|
|
1263
1361
|
"data-col-key": col.key,
|
|
1264
|
-
className:
|
|
1362
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1265
1363
|
"p-4 align-middle",
|
|
1266
1364
|
col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
|
|
1267
|
-
showDividers && "border-r border-gray-200 dark:border-neutral-700"
|
|
1365
|
+
showDividers && "border-r border-gray-200 dark:border-neutral-700",
|
|
1366
|
+
typeof col.cellClassName === "function" ? col.cellClassName(row) : col.cellClassName
|
|
1268
1367
|
),
|
|
1269
1368
|
children: col.cell(row)
|
|
1270
1369
|
},
|
|
@@ -1287,7 +1386,7 @@ var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1287
1386
|
"thead",
|
|
1288
1387
|
{
|
|
1289
1388
|
ref,
|
|
1290
|
-
className:
|
|
1389
|
+
className: chunk5XF7Y25B_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
|
|
1291
1390
|
...props
|
|
1292
1391
|
}
|
|
1293
1392
|
));
|
|
@@ -1296,7 +1395,7 @@ var TableBody = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1296
1395
|
"tbody",
|
|
1297
1396
|
{
|
|
1298
1397
|
ref,
|
|
1299
|
-
className:
|
|
1398
|
+
className: chunk5XF7Y25B_js.cn("[&_tr:last-child]:border-0", className),
|
|
1300
1399
|
...props
|
|
1301
1400
|
}
|
|
1302
1401
|
));
|
|
@@ -1305,7 +1404,7 @@ var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1305
1404
|
"tfoot",
|
|
1306
1405
|
{
|
|
1307
1406
|
ref,
|
|
1308
|
-
className:
|
|
1407
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1309
1408
|
"border-t border-gray-200 bg-gray-50 font-medium dark:border-neutral-700 dark:bg-neutral-800/50 [&>tr]:last:border-b-0",
|
|
1310
1409
|
className
|
|
1311
1410
|
),
|
|
@@ -1346,7 +1445,7 @@ var TableRow = React10__namespace.forwardRef(
|
|
|
1346
1445
|
ref,
|
|
1347
1446
|
"data-state": isSelected ? "selected" : void 0,
|
|
1348
1447
|
"data-row-id": finalRowId,
|
|
1349
|
-
className:
|
|
1448
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1350
1449
|
"border-b border-gray-200 transition-colors hover:bg-gray-50 data-[state=selected]:bg-blue-50 dark:border-neutral-700 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-blue-900/20",
|
|
1351
1450
|
className
|
|
1352
1451
|
),
|
|
@@ -1361,7 +1460,7 @@ var TableHead = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1361
1460
|
"th",
|
|
1362
1461
|
{
|
|
1363
1462
|
ref,
|
|
1364
|
-
className:
|
|
1463
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1365
1464
|
"h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0",
|
|
1366
1465
|
className
|
|
1367
1466
|
),
|
|
@@ -1374,7 +1473,7 @@ var TableCell = React10__namespace.forwardRef(
|
|
|
1374
1473
|
"td",
|
|
1375
1474
|
{
|
|
1376
1475
|
ref,
|
|
1377
|
-
className:
|
|
1476
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1378
1477
|
"align-middle [&:has([role=checkbox])]:pr-0",
|
|
1379
1478
|
variant === "embed" ? "p-1.5" : "p-4",
|
|
1380
1479
|
className
|
|
@@ -1388,7 +1487,7 @@ var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1388
1487
|
"caption",
|
|
1389
1488
|
{
|
|
1390
1489
|
ref,
|
|
1391
|
-
className:
|
|
1490
|
+
className: chunk5XF7Y25B_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
|
|
1392
1491
|
...props
|
|
1393
1492
|
}
|
|
1394
1493
|
));
|
|
@@ -1529,7 +1628,7 @@ function ColumnSelection({
|
|
|
1529
1628
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1530
1629
|
"label",
|
|
1531
1630
|
{
|
|
1532
|
-
className:
|
|
1631
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1533
1632
|
"flex items-center gap-2.5 rounded-hz-md px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-800",
|
|
1534
1633
|
isSticky && "opacity-50 cursor-not-allowed"
|
|
1535
1634
|
),
|
|
@@ -1633,7 +1732,7 @@ var TabsList = React10__namespace.forwardRef(({ className, children, variant = "
|
|
|
1633
1732
|
else if (ref) ref.current = node;
|
|
1634
1733
|
listRef.current = node;
|
|
1635
1734
|
},
|
|
1636
|
-
className:
|
|
1735
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1637
1736
|
variant === "pill" ? "relative inline-flex h-10 items-center justify-center rounded-hz-lg p-1 bg-gray-100 text-gray-500 dark:bg-neutral-700 dark:text-gray-400" : "flex gap-4 border-b border-gray-200 dark:border-neutral-800",
|
|
1638
1737
|
className
|
|
1639
1738
|
),
|
|
@@ -1679,12 +1778,12 @@ var TabsTrigger = React10__namespace.forwardRef(({ className, value, icon, child
|
|
|
1679
1778
|
else if (ref) ref.current = node;
|
|
1680
1779
|
},
|
|
1681
1780
|
value,
|
|
1682
|
-
className:
|
|
1781
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1683
1782
|
"inline-flex items-center gap-1.5 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
1684
|
-
variant === "pill" ?
|
|
1783
|
+
variant === "pill" ? chunk5XF7Y25B_js.cn(
|
|
1685
1784
|
"relative z-10 justify-center rounded-hz-md px-3 py-1.5 transition-colors",
|
|
1686
1785
|
isActive ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"
|
|
1687
|
-
) :
|
|
1786
|
+
) : chunk5XF7Y25B_js.cn(
|
|
1688
1787
|
"pb-3 border-b-2 transition-colors",
|
|
1689
1788
|
isActive ? "border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400" : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"
|
|
1690
1789
|
),
|
|
@@ -1703,7 +1802,7 @@ var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1703
1802
|
TabsPrimitive__namespace.Content,
|
|
1704
1803
|
{
|
|
1705
1804
|
ref,
|
|
1706
|
-
className:
|
|
1805
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1707
1806
|
"mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
|
|
1708
1807
|
className
|
|
1709
1808
|
),
|
|
@@ -1716,7 +1815,7 @@ var Textarea = React10__namespace.forwardRef(
|
|
|
1716
1815
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1717
1816
|
"textarea",
|
|
1718
1817
|
{
|
|
1719
|
-
className:
|
|
1818
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1720
1819
|
"flex min-h-[80px] w-full rounded-hz-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500",
|
|
1721
1820
|
className
|
|
1722
1821
|
),
|
|
@@ -1766,14 +1865,14 @@ var toggleItemVariants = classVarianceAuthority.cva(
|
|
|
1766
1865
|
}
|
|
1767
1866
|
}
|
|
1768
1867
|
);
|
|
1769
|
-
var
|
|
1868
|
+
var containerRadiusClass2 = {
|
|
1770
1869
|
none: "rounded-hz-lg",
|
|
1771
1870
|
sm: "rounded-sm",
|
|
1772
1871
|
md: "rounded-md",
|
|
1773
1872
|
lg: "rounded-lg",
|
|
1774
1873
|
full: "rounded-full"
|
|
1775
1874
|
};
|
|
1776
|
-
var
|
|
1875
|
+
var itemRadiusClass2 = {
|
|
1777
1876
|
none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
|
|
1778
1877
|
sm: "first:rounded-l-sm last:rounded-r-sm",
|
|
1779
1878
|
md: "first:rounded-l-md last:rounded-r-md",
|
|
@@ -1795,9 +1894,9 @@ function Toggle({
|
|
|
1795
1894
|
...props,
|
|
1796
1895
|
type: "multiple",
|
|
1797
1896
|
...value !== void 0 ? { value, onValueChange: onChange } : {},
|
|
1798
|
-
className:
|
|
1897
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1799
1898
|
toggleGroupVariants({ size }),
|
|
1800
|
-
|
|
1899
|
+
containerRadiusClass2[radius],
|
|
1801
1900
|
className
|
|
1802
1901
|
),
|
|
1803
1902
|
children: options.map((option) => {
|
|
@@ -1808,9 +1907,9 @@ function Toggle({
|
|
|
1808
1907
|
value: option.value,
|
|
1809
1908
|
disabled: option.disabled,
|
|
1810
1909
|
"aria-label": iconOnly ? option.ariaLabel ?? option.value : void 0,
|
|
1811
|
-
className:
|
|
1910
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1812
1911
|
toggleItemVariants({ size, iconOnly }),
|
|
1813
|
-
|
|
1912
|
+
itemRadiusClass2[radius],
|
|
1814
1913
|
"border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
|
|
1815
1914
|
"data-[state=on]:!bg-blue-50 data-[state=on]:border-blue-500 data-[state=on]:text-blue-600",
|
|
1816
1915
|
"dark:data-[state=on]:!bg-blue-950/40 dark:data-[state=on]:border-blue-400 dark:data-[state=on]:text-blue-400"
|
|
@@ -1826,91 +1925,6 @@ function Toggle({
|
|
|
1826
1925
|
}
|
|
1827
1926
|
);
|
|
1828
1927
|
}
|
|
1829
|
-
var segmentedControlVariants = classVarianceAuthority.cva(
|
|
1830
|
-
"inline-flex w-fit items-stretch border border-gray-200 bg-white dark:border-neutral-700 dark:bg-neutral-900",
|
|
1831
|
-
{
|
|
1832
|
-
variants: {
|
|
1833
|
-
size: {
|
|
1834
|
-
default: "h-[52px]",
|
|
1835
|
-
sm: "h-10",
|
|
1836
|
-
lg: "h-[60px]"
|
|
1837
|
-
}
|
|
1838
|
-
},
|
|
1839
|
-
defaultVariants: {
|
|
1840
|
-
size: "default"
|
|
1841
|
-
}
|
|
1842
|
-
}
|
|
1843
|
-
);
|
|
1844
|
-
var segmentedControlItemVariants = classVarianceAuthority.cva(
|
|
1845
|
-
"inline-flex flex-1 cursor-pointer items-center justify-center whitespace-nowrap px-6 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1846
|
-
{
|
|
1847
|
-
variants: {
|
|
1848
|
-
size: {
|
|
1849
|
-
default: "h-full min-w-[120px]",
|
|
1850
|
-
sm: "h-full min-w-[90px] text-xs",
|
|
1851
|
-
lg: "h-full min-w-[140px] text-base"
|
|
1852
|
-
}
|
|
1853
|
-
},
|
|
1854
|
-
defaultVariants: {
|
|
1855
|
-
size: "default"
|
|
1856
|
-
}
|
|
1857
|
-
}
|
|
1858
|
-
);
|
|
1859
|
-
var containerRadiusClass2 = {
|
|
1860
|
-
none: "rounded-hz-lg",
|
|
1861
|
-
sm: "rounded-sm",
|
|
1862
|
-
md: "rounded-md",
|
|
1863
|
-
lg: "rounded-lg",
|
|
1864
|
-
full: "rounded-full"
|
|
1865
|
-
};
|
|
1866
|
-
var itemRadiusClass2 = {
|
|
1867
|
-
none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
|
|
1868
|
-
sm: "first:rounded-l-sm last:rounded-r-sm",
|
|
1869
|
-
md: "first:rounded-l-md last:rounded-r-md",
|
|
1870
|
-
lg: "first:rounded-l-lg last:rounded-r-lg",
|
|
1871
|
-
full: "rounded-full"
|
|
1872
|
-
};
|
|
1873
|
-
function SegmentedControl({
|
|
1874
|
-
className,
|
|
1875
|
-
options,
|
|
1876
|
-
value,
|
|
1877
|
-
onChange,
|
|
1878
|
-
size,
|
|
1879
|
-
radius = "none",
|
|
1880
|
-
...props
|
|
1881
|
-
}) {
|
|
1882
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1883
|
-
RadioGroupPrimitive__namespace.Root,
|
|
1884
|
-
{
|
|
1885
|
-
...props,
|
|
1886
|
-
...value !== void 0 ? { value, onValueChange: onChange } : {},
|
|
1887
|
-
className: chunkED6X5VKQ_js.cn(
|
|
1888
|
-
segmentedControlVariants({ size }),
|
|
1889
|
-
containerRadiusClass2[radius],
|
|
1890
|
-
className
|
|
1891
|
-
),
|
|
1892
|
-
children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1893
|
-
RadioGroupPrimitive__namespace.Item,
|
|
1894
|
-
{
|
|
1895
|
-
value: option.value,
|
|
1896
|
-
disabled: option.disabled,
|
|
1897
|
-
className: chunkED6X5VKQ_js.cn(
|
|
1898
|
-
segmentedControlItemVariants({ size }),
|
|
1899
|
-
itemRadiusClass2[radius],
|
|
1900
|
-
"border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
|
|
1901
|
-
"data-[state=checked]:!bg-blue-50 data-[state=checked]:border-blue-500 data-[state=checked]:text-blue-600",
|
|
1902
|
-
"dark:data-[state=checked]:!bg-blue-950/40 dark:data-[state=checked]:border-blue-400 dark:data-[state=checked]:text-blue-400"
|
|
1903
|
-
),
|
|
1904
|
-
children: [
|
|
1905
|
-
/* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "hidden" }),
|
|
1906
|
-
option.label
|
|
1907
|
-
]
|
|
1908
|
-
},
|
|
1909
|
-
option.value
|
|
1910
|
-
))
|
|
1911
|
-
}
|
|
1912
|
-
);
|
|
1913
|
-
}
|
|
1914
1928
|
var switchTrackVariants = classVarianceAuthority.cva(
|
|
1915
1929
|
"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-gray-200 dark:data-[state=checked]:bg-blue-500 dark:data-[state=unchecked]:bg-neutral-700",
|
|
1916
1930
|
{
|
|
@@ -1962,7 +1976,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1962
1976
|
...props,
|
|
1963
1977
|
id: switchId,
|
|
1964
1978
|
ref,
|
|
1965
|
-
className:
|
|
1979
|
+
className: chunk5XF7Y25B_js.cn(switchTrackVariants({ size }), className),
|
|
1966
1980
|
children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: switchThumbVariants({ size }) })
|
|
1967
1981
|
}
|
|
1968
1982
|
);
|
|
@@ -1970,7 +1984,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1970
1984
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1971
1985
|
"div",
|
|
1972
1986
|
{
|
|
1973
|
-
className:
|
|
1987
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1974
1988
|
"inline-flex items-center gap-2",
|
|
1975
1989
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1976
1990
|
),
|
|
@@ -1979,7 +1993,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1979
1993
|
"label",
|
|
1980
1994
|
{
|
|
1981
1995
|
htmlFor: switchId,
|
|
1982
|
-
className:
|
|
1996
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1983
1997
|
switchLabelVariants({ size }),
|
|
1984
1998
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1985
1999
|
),
|
|
@@ -1991,7 +2005,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1991
2005
|
"label",
|
|
1992
2006
|
{
|
|
1993
2007
|
htmlFor: switchId,
|
|
1994
|
-
className:
|
|
2008
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1995
2009
|
switchLabelVariants({ size }),
|
|
1996
2010
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1997
2011
|
),
|
|
@@ -2102,5 +2116,5 @@ exports.useColumnVisibility = useColumnVisibility;
|
|
|
2102
2116
|
exports.useFormContext = useFormContext;
|
|
2103
2117
|
exports.useFormFieldContext = useFormFieldContext;
|
|
2104
2118
|
exports.useTableSelection = useTableSelection;
|
|
2105
|
-
//# sourceMappingURL=chunk-
|
|
2106
|
-
//# sourceMappingURL=chunk-
|
|
2119
|
+
//# sourceMappingURL=chunk-6KBCME37.js.map
|
|
2120
|
+
//# sourceMappingURL=chunk-6KBCME37.js.map
|