@pos-360/horizon 0.17.0 → 0.18.1
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-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-NORJX7NU.mjs} +116 -101
- package/dist/chunk-NORJX7NU.mjs.map +1 -0
- package/dist/{chunk-M3MFFZNO.js → chunk-NZUC5VDM.js} +193 -178
- package/dist/chunk-NZUC5VDM.js.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 +10 -0
- package/dist/primitives.d.ts +10 -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
|
}
|
|
@@ -1049,6 +1147,7 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1049
1147
|
showDividers = false,
|
|
1050
1148
|
highlightMode = "row",
|
|
1051
1149
|
onBulkEdit,
|
|
1150
|
+
rounded = false,
|
|
1052
1151
|
children,
|
|
1053
1152
|
...props
|
|
1054
1153
|
}, ref) => {
|
|
@@ -1218,12 +1317,12 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1218
1317
|
"div",
|
|
1219
1318
|
{
|
|
1220
1319
|
ref: wrapperRef,
|
|
1221
|
-
className: "relative w-full overflow-auto",
|
|
1320
|
+
className: chunk5XF7Y25B_js.cn("relative w-full overflow-auto", rounded && "rounded-lg"),
|
|
1222
1321
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1223
1322
|
"table",
|
|
1224
1323
|
{
|
|
1225
1324
|
ref,
|
|
1226
|
-
className:
|
|
1325
|
+
className: chunk5XF7Y25B_js.cn("w-full caption-bottom text-sm", className),
|
|
1227
1326
|
...props,
|
|
1228
1327
|
children: columns && data ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (() => {
|
|
1229
1328
|
const visibleCols = columns.filter(
|
|
@@ -1235,7 +1334,7 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1235
1334
|
{
|
|
1236
1335
|
"data-col-key": col.key,
|
|
1237
1336
|
style: col.minWidth ? { minWidth: col.minWidth } : void 0,
|
|
1238
|
-
className:
|
|
1337
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1239
1338
|
"h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400",
|
|
1240
1339
|
col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
|
|
1241
1340
|
showDividers && "border-r border-gray-200 dark:border-neutral-700"
|
|
@@ -1261,10 +1360,11 @@ var TableInner = React10__namespace.forwardRef(
|
|
|
1261
1360
|
"td",
|
|
1262
1361
|
{
|
|
1263
1362
|
"data-col-key": col.key,
|
|
1264
|
-
className:
|
|
1363
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1265
1364
|
"p-4 align-middle",
|
|
1266
1365
|
col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
|
|
1267
|
-
showDividers && "border-r border-gray-200 dark:border-neutral-700"
|
|
1366
|
+
showDividers && "border-r border-gray-200 dark:border-neutral-700",
|
|
1367
|
+
typeof col.cellClassName === "function" ? col.cellClassName(row) : col.cellClassName
|
|
1268
1368
|
),
|
|
1269
1369
|
children: col.cell(row)
|
|
1270
1370
|
},
|
|
@@ -1287,7 +1387,7 @@ var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1287
1387
|
"thead",
|
|
1288
1388
|
{
|
|
1289
1389
|
ref,
|
|
1290
|
-
className:
|
|
1390
|
+
className: chunk5XF7Y25B_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
|
|
1291
1391
|
...props
|
|
1292
1392
|
}
|
|
1293
1393
|
));
|
|
@@ -1296,7 +1396,7 @@ var TableBody = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1296
1396
|
"tbody",
|
|
1297
1397
|
{
|
|
1298
1398
|
ref,
|
|
1299
|
-
className:
|
|
1399
|
+
className: chunk5XF7Y25B_js.cn("[&_tr:last-child]:border-0", className),
|
|
1300
1400
|
...props
|
|
1301
1401
|
}
|
|
1302
1402
|
));
|
|
@@ -1305,7 +1405,7 @@ var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1305
1405
|
"tfoot",
|
|
1306
1406
|
{
|
|
1307
1407
|
ref,
|
|
1308
|
-
className:
|
|
1408
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1309
1409
|
"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
1410
|
className
|
|
1311
1411
|
),
|
|
@@ -1346,7 +1446,7 @@ var TableRow = React10__namespace.forwardRef(
|
|
|
1346
1446
|
ref,
|
|
1347
1447
|
"data-state": isSelected ? "selected" : void 0,
|
|
1348
1448
|
"data-row-id": finalRowId,
|
|
1349
|
-
className:
|
|
1449
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1350
1450
|
"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
1451
|
className
|
|
1352
1452
|
),
|
|
@@ -1361,7 +1461,7 @@ var TableHead = React10__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1361
1461
|
"th",
|
|
1362
1462
|
{
|
|
1363
1463
|
ref,
|
|
1364
|
-
className:
|
|
1464
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1365
1465
|
"h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0",
|
|
1366
1466
|
className
|
|
1367
1467
|
),
|
|
@@ -1374,7 +1474,7 @@ var TableCell = React10__namespace.forwardRef(
|
|
|
1374
1474
|
"td",
|
|
1375
1475
|
{
|
|
1376
1476
|
ref,
|
|
1377
|
-
className:
|
|
1477
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1378
1478
|
"align-middle [&:has([role=checkbox])]:pr-0",
|
|
1379
1479
|
variant === "embed" ? "p-1.5" : "p-4",
|
|
1380
1480
|
className
|
|
@@ -1388,7 +1488,7 @@ var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1388
1488
|
"caption",
|
|
1389
1489
|
{
|
|
1390
1490
|
ref,
|
|
1391
|
-
className:
|
|
1491
|
+
className: chunk5XF7Y25B_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
|
|
1392
1492
|
...props
|
|
1393
1493
|
}
|
|
1394
1494
|
));
|
|
@@ -1529,7 +1629,7 @@ function ColumnSelection({
|
|
|
1529
1629
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1530
1630
|
"label",
|
|
1531
1631
|
{
|
|
1532
|
-
className:
|
|
1632
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1533
1633
|
"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
1634
|
isSticky && "opacity-50 cursor-not-allowed"
|
|
1535
1635
|
),
|
|
@@ -1633,7 +1733,7 @@ var TabsList = React10__namespace.forwardRef(({ className, children, variant = "
|
|
|
1633
1733
|
else if (ref) ref.current = node;
|
|
1634
1734
|
listRef.current = node;
|
|
1635
1735
|
},
|
|
1636
|
-
className:
|
|
1736
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1637
1737
|
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
1738
|
className
|
|
1639
1739
|
),
|
|
@@ -1679,12 +1779,12 @@ var TabsTrigger = React10__namespace.forwardRef(({ className, value, icon, child
|
|
|
1679
1779
|
else if (ref) ref.current = node;
|
|
1680
1780
|
},
|
|
1681
1781
|
value,
|
|
1682
|
-
className:
|
|
1782
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1683
1783
|
"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" ?
|
|
1784
|
+
variant === "pill" ? chunk5XF7Y25B_js.cn(
|
|
1685
1785
|
"relative z-10 justify-center rounded-hz-md px-3 py-1.5 transition-colors",
|
|
1686
1786
|
isActive ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"
|
|
1687
|
-
) :
|
|
1787
|
+
) : chunk5XF7Y25B_js.cn(
|
|
1688
1788
|
"pb-3 border-b-2 transition-colors",
|
|
1689
1789
|
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
1790
|
),
|
|
@@ -1703,7 +1803,7 @@ var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1703
1803
|
TabsPrimitive__namespace.Content,
|
|
1704
1804
|
{
|
|
1705
1805
|
ref,
|
|
1706
|
-
className:
|
|
1806
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1707
1807
|
"mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
|
|
1708
1808
|
className
|
|
1709
1809
|
),
|
|
@@ -1716,7 +1816,7 @@ var Textarea = React10__namespace.forwardRef(
|
|
|
1716
1816
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1717
1817
|
"textarea",
|
|
1718
1818
|
{
|
|
1719
|
-
className:
|
|
1819
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1720
1820
|
"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
1821
|
className
|
|
1722
1822
|
),
|
|
@@ -1766,14 +1866,14 @@ var toggleItemVariants = classVarianceAuthority.cva(
|
|
|
1766
1866
|
}
|
|
1767
1867
|
}
|
|
1768
1868
|
);
|
|
1769
|
-
var
|
|
1869
|
+
var containerRadiusClass2 = {
|
|
1770
1870
|
none: "rounded-hz-lg",
|
|
1771
1871
|
sm: "rounded-sm",
|
|
1772
1872
|
md: "rounded-md",
|
|
1773
1873
|
lg: "rounded-lg",
|
|
1774
1874
|
full: "rounded-full"
|
|
1775
1875
|
};
|
|
1776
|
-
var
|
|
1876
|
+
var itemRadiusClass2 = {
|
|
1777
1877
|
none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
|
|
1778
1878
|
sm: "first:rounded-l-sm last:rounded-r-sm",
|
|
1779
1879
|
md: "first:rounded-l-md last:rounded-r-md",
|
|
@@ -1795,9 +1895,9 @@ function Toggle({
|
|
|
1795
1895
|
...props,
|
|
1796
1896
|
type: "multiple",
|
|
1797
1897
|
...value !== void 0 ? { value, onValueChange: onChange } : {},
|
|
1798
|
-
className:
|
|
1898
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1799
1899
|
toggleGroupVariants({ size }),
|
|
1800
|
-
|
|
1900
|
+
containerRadiusClass2[radius],
|
|
1801
1901
|
className
|
|
1802
1902
|
),
|
|
1803
1903
|
children: options.map((option) => {
|
|
@@ -1808,9 +1908,9 @@ function Toggle({
|
|
|
1808
1908
|
value: option.value,
|
|
1809
1909
|
disabled: option.disabled,
|
|
1810
1910
|
"aria-label": iconOnly ? option.ariaLabel ?? option.value : void 0,
|
|
1811
|
-
className:
|
|
1911
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1812
1912
|
toggleItemVariants({ size, iconOnly }),
|
|
1813
|
-
|
|
1913
|
+
itemRadiusClass2[radius],
|
|
1814
1914
|
"border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
|
|
1815
1915
|
"data-[state=on]:!bg-blue-50 data-[state=on]:border-blue-500 data-[state=on]:text-blue-600",
|
|
1816
1916
|
"dark:data-[state=on]:!bg-blue-950/40 dark:data-[state=on]:border-blue-400 dark:data-[state=on]:text-blue-400"
|
|
@@ -1826,91 +1926,6 @@ function Toggle({
|
|
|
1826
1926
|
}
|
|
1827
1927
|
);
|
|
1828
1928
|
}
|
|
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
1929
|
var switchTrackVariants = classVarianceAuthority.cva(
|
|
1915
1930
|
"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
1931
|
{
|
|
@@ -1962,7 +1977,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1962
1977
|
...props,
|
|
1963
1978
|
id: switchId,
|
|
1964
1979
|
ref,
|
|
1965
|
-
className:
|
|
1980
|
+
className: chunk5XF7Y25B_js.cn(switchTrackVariants({ size }), className),
|
|
1966
1981
|
children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: switchThumbVariants({ size }) })
|
|
1967
1982
|
}
|
|
1968
1983
|
);
|
|
@@ -1970,7 +1985,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1970
1985
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1971
1986
|
"div",
|
|
1972
1987
|
{
|
|
1973
|
-
className:
|
|
1988
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1974
1989
|
"inline-flex items-center gap-2",
|
|
1975
1990
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1976
1991
|
),
|
|
@@ -1979,7 +1994,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1979
1994
|
"label",
|
|
1980
1995
|
{
|
|
1981
1996
|
htmlFor: switchId,
|
|
1982
|
-
className:
|
|
1997
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1983
1998
|
switchLabelVariants({ size }),
|
|
1984
1999
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1985
2000
|
),
|
|
@@ -1991,7 +2006,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
|
|
|
1991
2006
|
"label",
|
|
1992
2007
|
{
|
|
1993
2008
|
htmlFor: switchId,
|
|
1994
|
-
className:
|
|
2009
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1995
2010
|
switchLabelVariants({ size }),
|
|
1996
2011
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1997
2012
|
),
|
|
@@ -2102,5 +2117,5 @@ exports.useColumnVisibility = useColumnVisibility;
|
|
|
2102
2117
|
exports.useFormContext = useFormContext;
|
|
2103
2118
|
exports.useFormFieldContext = useFormFieldContext;
|
|
2104
2119
|
exports.useTableSelection = useTableSelection;
|
|
2105
|
-
//# sourceMappingURL=chunk-
|
|
2106
|
-
//# sourceMappingURL=chunk-
|
|
2120
|
+
//# sourceMappingURL=chunk-NZUC5VDM.js.map
|
|
2121
|
+
//# sourceMappingURL=chunk-NZUC5VDM.js.map
|