@pos-360/horizon 0.16.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-7WVGPVSG.js → chunk-5XF7Y25B.js} +63 -6
- package/dist/chunk-5XF7Y25B.js.map +1 -0
- package/dist/{chunk-UWBZTH6L.js → chunk-6KBCME37.js} +445 -331
- package/dist/chunk-6KBCME37.js.map +1 -0
- package/dist/{chunk-G36NTARE.mjs → chunk-AORFIAS4.mjs} +29 -33
- package/dist/chunk-AORFIAS4.mjs.map +1 -0
- package/dist/{chunk-KQYOZC7B.mjs → chunk-DNRDNWUF.mjs} +369 -255
- package/dist/chunk-DNRDNWUF.mjs.map +1 -0
- package/dist/{chunk-QCQOCLJH.js → chunk-T7ITROJS.js} +104 -108
- package/dist/chunk-T7ITROJS.js.map +1 -0
- package/dist/{chunk-THQLVDXH.mjs → chunk-UQ66UPWH.mjs} +63 -8
- package/dist/chunk-UQ66UPWH.mjs.map +1 -0
- package/dist/enhanced.d.mts +2 -0
- package/dist/enhanced.d.ts +2 -0
- package/dist/enhanced.js +28 -28
- package/dist/enhanced.mjs +2 -2
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +144 -140
- package/dist/index.mjs +3 -3
- package/dist/primitives.d.mts +28 -2
- package/dist/primitives.d.ts +28 -2
- package/dist/primitives.js +116 -112
- package/dist/primitives.mjs +2 -2
- package/dist/tooltip-wUBttbwG.d.mts +25 -0
- package/dist/tooltip-wUBttbwG.d.ts +25 -0
- package/package.json +1 -1
- package/dist/chunk-7WVGPVSG.js.map +0 -1
- package/dist/chunk-G36NTARE.mjs.map +0 -1
- package/dist/chunk-KQYOZC7B.mjs.map +0 -1
- package/dist/chunk-QCQOCLJH.js.map +0 -1
- package/dist/chunk-THQLVDXH.mjs.map +0 -1
- package/dist/chunk-UWBZTH6L.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var chunk5XF7Y25B_js = require('./chunk-5XF7Y25B.js');
|
|
4
|
+
var React10 = require('react');
|
|
5
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -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) {
|
|
@@ -35,15 +35,15 @@ function _interopNamespace(e) {
|
|
|
35
35
|
return Object.freeze(n);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
|
|
39
39
|
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
40
40
|
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(
|
|
@@ -71,7 +71,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
);
|
|
74
|
-
var Button =
|
|
74
|
+
var Button = React10__namespace.forwardRef(
|
|
75
75
|
({
|
|
76
76
|
className,
|
|
77
77
|
variant,
|
|
@@ -87,7 +87,7 @@ var Button = React9__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 = React9__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: [
|
|
@@ -111,11 +111,11 @@ var Button = React9__namespace.forwardRef(
|
|
|
111
111
|
}
|
|
112
112
|
);
|
|
113
113
|
Button.displayName = "Button";
|
|
114
|
-
var Card =
|
|
114
|
+
var Card = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -123,56 +123,56 @@ var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
123
123
|
}
|
|
124
124
|
));
|
|
125
125
|
Card.displayName = "Card";
|
|
126
|
-
var CardHeader =
|
|
126
|
+
var CardHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
));
|
|
134
134
|
CardHeader.displayName = "CardHeader";
|
|
135
|
-
var CardTitle =
|
|
135
|
+
var CardTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
));
|
|
143
143
|
CardTitle.displayName = "CardTitle";
|
|
144
|
-
var CardDescription =
|
|
144
|
+
var CardDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
));
|
|
152
152
|
CardDescription.displayName = "CardDescription";
|
|
153
|
-
var CardContent =
|
|
153
|
+
var CardContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
));
|
|
161
161
|
CardContent.displayName = "CardContent";
|
|
162
|
-
var CardFooter =
|
|
162
|
+
var CardFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
));
|
|
170
170
|
CardFooter.displayName = "CardFooter";
|
|
171
|
-
var Checkbox =
|
|
171
|
+
var Checkbox = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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 = React9__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
|
)
|
|
@@ -191,11 +191,11 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
191
191
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
192
192
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
193
193
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
194
|
-
var DialogOverlay =
|
|
194
|
+
var DialogOverlay = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -203,13 +203,13 @@ var DialogOverlay = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
203
203
|
}
|
|
204
204
|
));
|
|
205
205
|
DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
|
|
206
|
-
var DialogContent =
|
|
206
|
+
var DialogContent = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
207
207
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
208
208
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
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
|
),
|
|
@@ -253,11 +253,11 @@ var DialogFooter = ({
|
|
|
253
253
|
}
|
|
254
254
|
);
|
|
255
255
|
DialogFooter.displayName = "DialogFooter";
|
|
256
|
-
var DialogTitle =
|
|
256
|
+
var DialogTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -265,11 +265,11 @@ var DialogTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
265
265
|
}
|
|
266
266
|
));
|
|
267
267
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
268
|
-
var DialogDescription =
|
|
268
|
+
var DialogDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
));
|
|
@@ -280,11 +280,11 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
280
280
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
281
281
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
282
282
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
283
|
-
var DropdownMenuSubTrigger =
|
|
283
|
+
var DropdownMenuSubTrigger = React10__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
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
|
|
@@ -297,11 +297,11 @@ var DropdownMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, c
|
|
|
297
297
|
}
|
|
298
298
|
));
|
|
299
299
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
300
|
-
var DropdownMenuSubContent =
|
|
300
|
+
var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -309,12 +309,12 @@ var DropdownMenuSubContent = React9__namespace.forwardRef(({ className, ...props
|
|
|
309
309
|
}
|
|
310
310
|
));
|
|
311
311
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
312
|
-
var DropdownMenuContent =
|
|
312
|
+
var DropdownMenuContent = React10__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
313
313
|
DropdownMenuPrimitive__namespace.Content,
|
|
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
|
|
@@ -323,11 +323,11 @@ var DropdownMenuContent = React9__namespace.forwardRef(({ className, sideOffset
|
|
|
323
323
|
}
|
|
324
324
|
) }));
|
|
325
325
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
326
|
-
var DropdownMenuItem =
|
|
326
|
+
var DropdownMenuItem = React10__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
|
@@ -336,11 +336,11 @@ var DropdownMenuItem = React9__namespace.forwardRef(({ className, inset, ...prop
|
|
|
336
336
|
}
|
|
337
337
|
));
|
|
338
338
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
339
|
-
var DropdownMenuCheckboxItem =
|
|
339
|
+
var DropdownMenuCheckboxItem = React10__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
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
|
),
|
|
@@ -353,11 +353,11 @@ var DropdownMenuCheckboxItem = React9__namespace.forwardRef(({ className, childr
|
|
|
353
353
|
}
|
|
354
354
|
));
|
|
355
355
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
356
|
-
var DropdownMenuRadioItem =
|
|
356
|
+
var DropdownMenuRadioItem = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
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
|
),
|
|
@@ -369,11 +369,11 @@ var DropdownMenuRadioItem = React9__namespace.forwardRef(({ className, children,
|
|
|
369
369
|
}
|
|
370
370
|
));
|
|
371
371
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
372
|
-
var DropdownMenuLabel =
|
|
372
|
+
var DropdownMenuLabel = React10__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
|
@@ -382,11 +382,11 @@ var DropdownMenuLabel = React9__namespace.forwardRef(({ className, inset, ...pro
|
|
|
382
382
|
}
|
|
383
383
|
));
|
|
384
384
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
385
|
-
var DropdownMenuSeparator =
|
|
385
|
+
var DropdownMenuSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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,25 +398,25 @@ 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
|
);
|
|
405
405
|
};
|
|
406
406
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
407
|
-
var FormContext =
|
|
407
|
+
var FormContext = React10__namespace.createContext(null);
|
|
408
408
|
function useFormContext() {
|
|
409
|
-
const context =
|
|
409
|
+
const context = React10__namespace.useContext(FormContext);
|
|
410
410
|
if (!context) {
|
|
411
411
|
throw new Error("useFormContext must be used within a Form component");
|
|
412
412
|
}
|
|
413
413
|
return context;
|
|
414
414
|
}
|
|
415
|
-
var FormFieldContext =
|
|
415
|
+
var FormFieldContext = React10__namespace.createContext(
|
|
416
416
|
null
|
|
417
417
|
);
|
|
418
418
|
function useFormFieldContext() {
|
|
419
|
-
const context =
|
|
419
|
+
const context = React10__namespace.useContext(FormFieldContext);
|
|
420
420
|
if (!context) {
|
|
421
421
|
throw new Error(
|
|
422
422
|
"useFormFieldContext must be used within a FormField component"
|
|
@@ -424,24 +424,24 @@ function useFormFieldContext() {
|
|
|
424
424
|
}
|
|
425
425
|
return context;
|
|
426
426
|
}
|
|
427
|
-
var Form =
|
|
427
|
+
var Form = React10__namespace.forwardRef(
|
|
428
428
|
({ className, children, onFormSubmit, ...props }, ref) => {
|
|
429
|
-
const [errors, setErrors] =
|
|
430
|
-
const [isSubmitting, setIsSubmitting] =
|
|
431
|
-
const setError =
|
|
429
|
+
const [errors, setErrors] = React10__namespace.useState({});
|
|
430
|
+
const [isSubmitting, setIsSubmitting] = React10__namespace.useState(false);
|
|
431
|
+
const setError = React10__namespace.useCallback(
|
|
432
432
|
(name, message) => {
|
|
433
433
|
setErrors((prev) => ({ ...prev, [name]: message }));
|
|
434
434
|
},
|
|
435
435
|
[]
|
|
436
436
|
);
|
|
437
|
-
const clearError =
|
|
437
|
+
const clearError = React10__namespace.useCallback((name) => {
|
|
438
438
|
setErrors((prev) => {
|
|
439
439
|
const next = { ...prev };
|
|
440
440
|
delete next[name];
|
|
441
441
|
return next;
|
|
442
442
|
});
|
|
443
443
|
}, []);
|
|
444
|
-
const clearAllErrors =
|
|
444
|
+
const clearAllErrors = React10__namespace.useCallback(() => {
|
|
445
445
|
setErrors({});
|
|
446
446
|
}, []);
|
|
447
447
|
const isValid = Object.keys(errors).length === 0;
|
|
@@ -460,7 +460,7 @@ var Form = React9__namespace.forwardRef(
|
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
462
|
};
|
|
463
|
-
const contextValue =
|
|
463
|
+
const contextValue = React10__namespace.useMemo(
|
|
464
464
|
() => ({
|
|
465
465
|
errors,
|
|
466
466
|
setError,
|
|
@@ -475,7 +475,7 @@ var Form = React9__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
|
|
@@ -484,36 +484,36 @@ var Form = React9__namespace.forwardRef(
|
|
|
484
484
|
}
|
|
485
485
|
);
|
|
486
486
|
Form.displayName = "Form";
|
|
487
|
-
var FormField =
|
|
487
|
+
var FormField = React10__namespace.forwardRef(
|
|
488
488
|
({ className, name, children, ...props }, ref) => {
|
|
489
489
|
const { errors } = useFormContext();
|
|
490
|
-
const id =
|
|
490
|
+
const id = React10__namespace.useId();
|
|
491
491
|
const error = errors[name];
|
|
492
|
-
const contextValue =
|
|
492
|
+
const contextValue = React10__namespace.useMemo(
|
|
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
|
-
var FormLabel =
|
|
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
|
);
|
|
511
511
|
});
|
|
512
512
|
FormLabel.displayName = "FormLabel";
|
|
513
|
-
var FormControl =
|
|
513
|
+
var FormControl = React10__namespace.forwardRef(
|
|
514
514
|
({ children, ...props }, ref) => {
|
|
515
515
|
const { id, error, name } = useFormFieldContext();
|
|
516
|
-
const child =
|
|
516
|
+
const child = React10__namespace.cloneElement(children, {
|
|
517
517
|
id,
|
|
518
518
|
name,
|
|
519
519
|
"aria-invalid": !!error,
|
|
@@ -524,13 +524,13 @@ var FormControl = React9__namespace.forwardRef(
|
|
|
524
524
|
}
|
|
525
525
|
);
|
|
526
526
|
FormControl.displayName = "FormControl";
|
|
527
|
-
var FormDescription =
|
|
527
|
+
var FormDescription = React10__namespace.forwardRef(
|
|
528
528
|
({ className, ...props }, ref) => {
|
|
529
529
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -540,9 +540,9 @@ var FormDescription = React9__namespace.forwardRef(
|
|
|
540
540
|
}
|
|
541
541
|
);
|
|
542
542
|
FormDescription.displayName = "FormDescription";
|
|
543
|
-
var FormMessage =
|
|
543
|
+
var FormMessage = React10__namespace.forwardRef(
|
|
544
544
|
({ className, children, error: errorProp, ...props }, ref) => {
|
|
545
|
-
const fieldContext =
|
|
545
|
+
const fieldContext = React10__namespace.useContext(FormFieldContext);
|
|
546
546
|
const error = errorProp ?? fieldContext?.error;
|
|
547
547
|
const id = fieldContext?.id;
|
|
548
548
|
if (!error && !children) {
|
|
@@ -553,7 +553,7 @@ var FormMessage = React9__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
|
|
@@ -566,14 +566,14 @@ var FormMessage = React9__namespace.forwardRef(
|
|
|
566
566
|
}
|
|
567
567
|
);
|
|
568
568
|
FormMessage.displayName = "FormMessage";
|
|
569
|
-
var PopoverContext =
|
|
569
|
+
var PopoverContext = React10__namespace.createContext({ open: false });
|
|
570
570
|
var Popover = ({
|
|
571
571
|
children,
|
|
572
572
|
open: controlledOpen,
|
|
573
573
|
onOpenChange,
|
|
574
574
|
...props
|
|
575
575
|
}) => {
|
|
576
|
-
const [uncontrolledOpen, setUncontrolledOpen] =
|
|
576
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React10__namespace.useState(false);
|
|
577
577
|
const isControlled = controlledOpen !== void 0;
|
|
578
578
|
const open = isControlled ? controlledOpen : uncontrolledOpen;
|
|
579
579
|
const handleOpenChange = (newOpen) => {
|
|
@@ -594,8 +594,8 @@ var Popover = ({
|
|
|
594
594
|
};
|
|
595
595
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
596
596
|
var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
|
|
597
|
-
var PopoverContent =
|
|
598
|
-
const { open } =
|
|
597
|
+
var PopoverContent = React10__namespace.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
|
|
598
|
+
const { open } = React10__namespace.useContext(PopoverContext);
|
|
599
599
|
const {
|
|
600
600
|
onOpenAutoFocus,
|
|
601
601
|
onCloseAutoFocus,
|
|
@@ -644,8 +644,8 @@ var PopoverContent = React9__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
|
|
@@ -655,15 +655,15 @@ var PopoverContent = React9__namespace.forwardRef(({ className, align = "center"
|
|
|
655
655
|
) }) });
|
|
656
656
|
});
|
|
657
657
|
PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
658
|
-
var SelectContext =
|
|
659
|
-
var SelectSearchContext =
|
|
658
|
+
var SelectContext = React10__namespace.createContext({ open: false });
|
|
659
|
+
var SelectSearchContext = React10__namespace.createContext("");
|
|
660
660
|
var Select = ({
|
|
661
661
|
children,
|
|
662
662
|
open: controlledOpen,
|
|
663
663
|
onOpenChange,
|
|
664
664
|
...props
|
|
665
665
|
}) => {
|
|
666
|
-
const [uncontrolledOpen, setUncontrolledOpen] =
|
|
666
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React10__namespace.useState(false);
|
|
667
667
|
const isControlled = controlledOpen !== void 0;
|
|
668
668
|
const open = isControlled ? controlledOpen : uncontrolledOpen;
|
|
669
669
|
const handleOpenChange = (newOpen) => {
|
|
@@ -683,13 +683,13 @@ var Select = ({
|
|
|
683
683
|
) });
|
|
684
684
|
};
|
|
685
685
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
686
|
-
var SelectValue =
|
|
686
|
+
var SelectValue = React10__namespace.forwardRef(({ children, placeholder, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { ref, placeholder, ...props, children }));
|
|
687
687
|
SelectValue.displayName = SelectPrimitive__namespace.Value.displayName;
|
|
688
|
-
var SelectTrigger =
|
|
688
|
+
var SelectTrigger = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
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
|
),
|
|
@@ -701,11 +701,11 @@ var SelectTrigger = React9__namespace.forwardRef(({ className, children, ...prop
|
|
|
701
701
|
}
|
|
702
702
|
));
|
|
703
703
|
SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
|
|
704
|
-
var SelectScrollUpButton =
|
|
704
|
+
var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -714,11 +714,11 @@ var SelectScrollUpButton = React9__namespace.forwardRef(({ className, ...props }
|
|
|
714
714
|
}
|
|
715
715
|
));
|
|
716
716
|
SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
|
|
717
|
-
var SelectScrollDownButton =
|
|
717
|
+
var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
),
|
|
@@ -727,11 +727,11 @@ var SelectScrollDownButton = React9__namespace.forwardRef(({ className, ...props
|
|
|
727
727
|
}
|
|
728
728
|
));
|
|
729
729
|
SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
|
|
730
|
-
var SelectContent =
|
|
731
|
-
const { open } =
|
|
732
|
-
const [search, setSearch] =
|
|
733
|
-
const searchInputRef =
|
|
734
|
-
|
|
730
|
+
var SelectContent = React10__namespace.forwardRef(({ className, children, position = "popper", searchable = false, searchPlaceholder = "Search...", ...props }, ref) => {
|
|
731
|
+
const { open } = React10__namespace.useContext(SelectContext);
|
|
732
|
+
const [search, setSearch] = React10__namespace.useState("");
|
|
733
|
+
const searchInputRef = React10__namespace.useRef(null);
|
|
734
|
+
React10__namespace.useEffect(() => {
|
|
735
735
|
if (open && searchable) {
|
|
736
736
|
const frame = requestAnimationFrame(() => {
|
|
737
737
|
searchInputRef.current?.focus();
|
|
@@ -757,6 +757,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
|
|
|
757
757
|
} = props;
|
|
758
758
|
const ForceMountPortal = SelectPrimitive__namespace.Portal;
|
|
759
759
|
const ForceMountContent = SelectPrimitive__namespace.Content;
|
|
760
|
+
const AnimatedContent = React10__namespace.useMemo(() => React10__namespace.forwardRef(({ forceMount: _, ...props2 }, ref2) => /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { ref: ref2, ...props2 })), []);
|
|
760
761
|
return /* @__PURE__ */ jsxRuntime.jsx(ForceMountPortal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
761
762
|
ForceMountContent,
|
|
762
763
|
{
|
|
@@ -778,7 +779,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
|
|
|
778
779
|
asChild: true,
|
|
779
780
|
...{ forceMount: true },
|
|
780
781
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
781
|
-
|
|
782
|
+
AnimatedContent,
|
|
782
783
|
{
|
|
783
784
|
initial: false,
|
|
784
785
|
animate: open ? { opacity: 1, scale: 1, y: 0, pointerEvents: "auto" } : { opacity: 0, scale: 0.96, y: -8, pointerEvents: "none" },
|
|
@@ -788,7 +789,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
|
|
|
788
789
|
damping: 25,
|
|
789
790
|
mass: 0.8
|
|
790
791
|
},
|
|
791
|
-
className:
|
|
792
|
+
className: chunk5XF7Y25B_js.cn(
|
|
792
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]",
|
|
793
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",
|
|
794
795
|
className
|
|
@@ -813,7 +814,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
|
|
|
813
814
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
814
815
|
SelectPrimitive__namespace.Viewport,
|
|
815
816
|
{
|
|
816
|
-
className:
|
|
817
|
+
className: chunk5XF7Y25B_js.cn(
|
|
817
818
|
"p-1",
|
|
818
819
|
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
819
820
|
),
|
|
@@ -829,17 +830,17 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
|
|
|
829
830
|
) });
|
|
830
831
|
});
|
|
831
832
|
SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
|
|
832
|
-
var SelectLabel =
|
|
833
|
+
var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
833
834
|
SelectPrimitive__namespace.Label,
|
|
834
835
|
{
|
|
835
836
|
ref,
|
|
836
|
-
className:
|
|
837
|
+
className: chunk5XF7Y25B_js.cn("px-2 py-1.5 text-sm font-semibold", className),
|
|
837
838
|
...props
|
|
838
839
|
}
|
|
839
840
|
));
|
|
840
841
|
SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
|
|
841
|
-
var SelectItem =
|
|
842
|
-
const search =
|
|
842
|
+
var SelectItem = React10__namespace.forwardRef(({ className, children, textValue, ...props }, ref) => {
|
|
843
|
+
const search = React10__namespace.useContext(SelectSearchContext);
|
|
843
844
|
const itemText = textValue ?? (typeof children === "string" ? children : "");
|
|
844
845
|
if (search && itemText && !itemText.toLowerCase().includes(search.toLowerCase())) {
|
|
845
846
|
return null;
|
|
@@ -849,7 +850,7 @@ var SelectItem = React9__namespace.forwardRef(({ className, children, textValue,
|
|
|
849
850
|
{
|
|
850
851
|
ref,
|
|
851
852
|
textValue,
|
|
852
|
-
className:
|
|
853
|
+
className: chunk5XF7Y25B_js.cn(
|
|
853
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",
|
|
854
855
|
className
|
|
855
856
|
),
|
|
@@ -862,11 +863,11 @@ var SelectItem = React9__namespace.forwardRef(({ className, children, textValue,
|
|
|
862
863
|
);
|
|
863
864
|
});
|
|
864
865
|
SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
|
|
865
|
-
var SelectSeparator =
|
|
866
|
+
var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
866
867
|
SelectPrimitive__namespace.Separator,
|
|
867
868
|
{
|
|
868
869
|
ref,
|
|
869
|
-
className:
|
|
870
|
+
className: chunk5XF7Y25B_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
|
|
870
871
|
...props
|
|
871
872
|
}
|
|
872
873
|
));
|
|
@@ -893,7 +894,7 @@ function Separator3({
|
|
|
893
894
|
{
|
|
894
895
|
role: decorative ? "none" : "separator",
|
|
895
896
|
"aria-orientation": decorative ? void 0 : orientation ?? void 0,
|
|
896
|
-
className:
|
|
897
|
+
className: chunk5XF7Y25B_js.cn(separatorVariants({ orientation }), className),
|
|
897
898
|
...props
|
|
898
899
|
}
|
|
899
900
|
);
|
|
@@ -902,7 +903,7 @@ function Skeleton({ className }) {
|
|
|
902
903
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
903
904
|
"div",
|
|
904
905
|
{
|
|
905
|
-
className:
|
|
906
|
+
className: chunk5XF7Y25B_js.cn(
|
|
906
907
|
"animate-pulse rounded-hz-md bg-neutral-200 dark:bg-neutral-800",
|
|
907
908
|
className
|
|
908
909
|
)
|
|
@@ -910,28 +911,28 @@ function Skeleton({ className }) {
|
|
|
910
911
|
);
|
|
911
912
|
}
|
|
912
913
|
function SkeletonText({ className }) {
|
|
913
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
914
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-4", className) });
|
|
914
915
|
}
|
|
915
916
|
function SkeletonTitle({ className }) {
|
|
916
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
917
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-6 w-48", className) });
|
|
917
918
|
}
|
|
918
919
|
function SkeletonSubtitle({ className }) {
|
|
919
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
920
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-3 w-64", className) });
|
|
920
921
|
}
|
|
921
922
|
function SkeletonAvatar({ className }) {
|
|
922
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
923
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("w-10 h-10 rounded", className) });
|
|
923
924
|
}
|
|
924
925
|
function SkeletonBadge({ className }) {
|
|
925
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
926
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-6 w-24", className) });
|
|
926
927
|
}
|
|
927
928
|
function SkeletonIcon({ className }) {
|
|
928
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
929
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("w-6 h-6 rounded", className) });
|
|
929
930
|
}
|
|
930
931
|
function SkeletonButton({ className }) {
|
|
931
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
932
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-10 w-24 rounded-hz-md", className) });
|
|
932
933
|
}
|
|
933
934
|
function SkeletonInput({ className }) {
|
|
934
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className:
|
|
935
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-10 w-full rounded-hz-md", className) });
|
|
935
936
|
}
|
|
936
937
|
function SkeletonTableRow({
|
|
937
938
|
columns = 4,
|
|
@@ -949,7 +950,7 @@ function SkeletonCard({ className }) {
|
|
|
949
950
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
950
951
|
"div",
|
|
951
952
|
{
|
|
952
|
-
className:
|
|
953
|
+
className: chunk5XF7Y25B_js.cn(
|
|
953
954
|
"rounded-hz-lg border bg-card p-6 space-y-4",
|
|
954
955
|
className
|
|
955
956
|
),
|
|
@@ -965,12 +966,173 @@ function SkeletonCard({ className }) {
|
|
|
965
966
|
}
|
|
966
967
|
);
|
|
967
968
|
}
|
|
968
|
-
var
|
|
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
|
+
}
|
|
1054
|
+
function BulkEditPopover({ column, onApply }) {
|
|
1055
|
+
const [value, setValue] = React10__namespace.useState("");
|
|
1056
|
+
const [open, setOpen] = React10__namespace.useState(false);
|
|
1057
|
+
const { bulkEdit } = column;
|
|
1058
|
+
if (!bulkEdit) return null;
|
|
1059
|
+
const isValid = bulkEdit.kind === "input" ? !!value.trim() : !!value;
|
|
1060
|
+
const headingLabel = bulkEdit.label ?? column.label;
|
|
1061
|
+
const handleApply = () => {
|
|
1062
|
+
if (!isValid) return;
|
|
1063
|
+
onApply(value);
|
|
1064
|
+
setValue("");
|
|
1065
|
+
setOpen(false);
|
|
1066
|
+
};
|
|
1067
|
+
const handleOpenChange = (next) => {
|
|
1068
|
+
setOpen(next);
|
|
1069
|
+
if (next && bulkEdit.kind === "segmented-control") {
|
|
1070
|
+
setValue(bulkEdit.options[0]?.value ?? "");
|
|
1071
|
+
}
|
|
1072
|
+
if (!next) setValue("");
|
|
1073
|
+
};
|
|
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: [
|
|
1075
|
+
/* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1076
|
+
"button",
|
|
1077
|
+
{
|
|
1078
|
+
type: "button",
|
|
1079
|
+
onFocus: (e) => e.stopPropagation(),
|
|
1080
|
+
className: "ml-1 rounded p-0.5 text-gray-400 hover:text-gray-600 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-neutral-700 transition-colors",
|
|
1081
|
+
"aria-label": `Edit all ${column.label} values`,
|
|
1082
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PenLine, { className: "h-3.5 w-3.5" })
|
|
1083
|
+
}
|
|
1084
|
+
) }),
|
|
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: [
|
|
1086
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: [
|
|
1087
|
+
"Apply to all \u2014 ",
|
|
1088
|
+
headingLabel
|
|
1089
|
+
] }),
|
|
1090
|
+
bulkEdit.kind === "input" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
1091
|
+
bulkEdit.leadingDecorator && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-0 pl-3 flex items-center text-sm text-neutral-400 pointer-events-none", children: bulkEdit.leadingDecorator }),
|
|
1092
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1093
|
+
"input",
|
|
1094
|
+
{
|
|
1095
|
+
type: bulkEdit.type ?? "text",
|
|
1096
|
+
placeholder: bulkEdit.placeholder,
|
|
1097
|
+
value,
|
|
1098
|
+
onChange: (e) => setValue(e.target.value),
|
|
1099
|
+
onKeyDown: (e) => {
|
|
1100
|
+
if (e.key === "Enter") {
|
|
1101
|
+
e.preventDefault();
|
|
1102
|
+
handleApply();
|
|
1103
|
+
}
|
|
1104
|
+
},
|
|
1105
|
+
autoFocus: true,
|
|
1106
|
+
className: chunk5XF7Y25B_js.cn(
|
|
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",
|
|
1108
|
+
bulkEdit.leadingDecorator ? "pl-7 pr-3" : "px-3"
|
|
1109
|
+
)
|
|
1110
|
+
}
|
|
1111
|
+
)
|
|
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" }) }),
|
|
1114
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: bulkEdit.options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
|
|
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" })
|
|
1127
|
+
] })
|
|
1128
|
+
] }) }) });
|
|
1129
|
+
}
|
|
1130
|
+
var TableContext = React10__namespace.createContext(null);
|
|
969
1131
|
var useTableContext = () => {
|
|
970
|
-
const context =
|
|
1132
|
+
const context = React10__namespace.useContext(TableContext);
|
|
971
1133
|
return context;
|
|
972
1134
|
};
|
|
973
|
-
var TableInner =
|
|
1135
|
+
var TableInner = React10__namespace.forwardRef(
|
|
974
1136
|
({
|
|
975
1137
|
className,
|
|
976
1138
|
selectable = false,
|
|
@@ -984,28 +1146,28 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
984
1146
|
visibleColumns,
|
|
985
1147
|
showDividers = false,
|
|
986
1148
|
highlightMode = "row",
|
|
1149
|
+
onBulkEdit,
|
|
987
1150
|
children,
|
|
988
1151
|
...props
|
|
989
1152
|
}, ref) => {
|
|
990
|
-
const [internalSelectedRows, setInternalSelectedRows] =
|
|
991
|
-
const [registeredRowIds, setRegisteredRowIds] =
|
|
992
|
-
const
|
|
993
|
-
const [hoveredRowIndex, setHoveredRowIndex] = React9__namespace.useState(null);
|
|
1153
|
+
const [internalSelectedRows, setInternalSelectedRows] = React10__namespace.useState(/* @__PURE__ */ new Set());
|
|
1154
|
+
const [registeredRowIds, setRegisteredRowIds] = React10__namespace.useState(/* @__PURE__ */ new Set());
|
|
1155
|
+
const wrapperRef = React10__namespace.useRef(null);
|
|
994
1156
|
const isControlled = controlledSelectedRows !== void 0;
|
|
995
1157
|
const selectedRowsSet = isControlled ? new Set(controlledSelectedRows) : internalSelectedRows;
|
|
996
|
-
const defaultGetRowId =
|
|
1158
|
+
const defaultGetRowId = React10__namespace.useCallback((row) => {
|
|
997
1159
|
if (typeof row === "string") return row;
|
|
998
1160
|
if (typeof row === "object" && row?.id) return String(row.id);
|
|
999
1161
|
return String(row);
|
|
1000
1162
|
}, []);
|
|
1001
1163
|
const finalGetRowId = getRowId || defaultGetRowId;
|
|
1002
|
-
const allRowIds =
|
|
1164
|
+
const allRowIds = React10__namespace.useMemo(() => {
|
|
1003
1165
|
if (rows) {
|
|
1004
1166
|
return new Set(rows.map(finalGetRowId));
|
|
1005
1167
|
}
|
|
1006
1168
|
return registeredRowIds;
|
|
1007
1169
|
}, [rows, finalGetRowId, registeredRowIds]);
|
|
1008
|
-
const registerRowId =
|
|
1170
|
+
const registerRowId = React10__namespace.useCallback((rowId) => {
|
|
1009
1171
|
if (rowId) {
|
|
1010
1172
|
setRegisteredRowIds((prev) => {
|
|
1011
1173
|
if (prev.has(rowId)) return prev;
|
|
@@ -1013,7 +1175,7 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1013
1175
|
});
|
|
1014
1176
|
}
|
|
1015
1177
|
}, []);
|
|
1016
|
-
const unregisterRowId =
|
|
1178
|
+
const unregisterRowId = React10__namespace.useCallback((rowId) => {
|
|
1017
1179
|
if (rowId) {
|
|
1018
1180
|
setRegisteredRowIds((prev) => {
|
|
1019
1181
|
if (!prev.has(rowId)) return prev;
|
|
@@ -1023,7 +1185,7 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1023
1185
|
});
|
|
1024
1186
|
}
|
|
1025
1187
|
}, []);
|
|
1026
|
-
const toggleRow =
|
|
1188
|
+
const toggleRow = React10__namespace.useCallback(
|
|
1027
1189
|
(rowId) => {
|
|
1028
1190
|
if (!selectable) return;
|
|
1029
1191
|
const next = new Set(selectedRowsSet);
|
|
@@ -1048,7 +1210,7 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1048
1210
|
},
|
|
1049
1211
|
[selectable, selectionMode, selectedRowsSet, isControlled, onSelectionChange]
|
|
1050
1212
|
);
|
|
1051
|
-
const selectAll =
|
|
1213
|
+
const selectAll = React10__namespace.useCallback(() => {
|
|
1052
1214
|
if (!selectable || selectionMode !== "multiple" || allRowIds.size === 0) return;
|
|
1053
1215
|
const next = new Set(allRowIds);
|
|
1054
1216
|
if (isControlled) {
|
|
@@ -1058,7 +1220,7 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1058
1220
|
onSelectionChange?.(Array.from(next));
|
|
1059
1221
|
}
|
|
1060
1222
|
}, [selectable, selectionMode, allRowIds, isControlled, onSelectionChange]);
|
|
1061
|
-
const deselectAll =
|
|
1223
|
+
const deselectAll = React10__namespace.useCallback(() => {
|
|
1062
1224
|
if (!selectable) return;
|
|
1063
1225
|
const next = /* @__PURE__ */ new Set();
|
|
1064
1226
|
if (isControlled) {
|
|
@@ -1068,19 +1230,19 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1068
1230
|
onSelectionChange?.(Array.from(next));
|
|
1069
1231
|
}
|
|
1070
1232
|
}, [selectable, isControlled, onSelectionChange]);
|
|
1071
|
-
const isRowSelected =
|
|
1233
|
+
const isRowSelected = React10__namespace.useCallback(
|
|
1072
1234
|
(rowId) => selectedRowsSet.has(rowId),
|
|
1073
1235
|
[selectedRowsSet]
|
|
1074
1236
|
);
|
|
1075
|
-
const isAllSelected =
|
|
1237
|
+
const isAllSelected = React10__namespace.useMemo(() => {
|
|
1076
1238
|
if (!selectable || allRowIds.size === 0) return false;
|
|
1077
1239
|
return allRowIds.size > 0 && Array.from(allRowIds).every((id) => selectedRowsSet.has(id));
|
|
1078
1240
|
}, [selectable, allRowIds, selectedRowsSet]);
|
|
1079
|
-
const isSomeSelected =
|
|
1241
|
+
const isSomeSelected = React10__namespace.useMemo(() => {
|
|
1080
1242
|
if (!selectable) return false;
|
|
1081
1243
|
return selectedRowsSet.size > 0 && !isAllSelected;
|
|
1082
1244
|
}, [selectable, selectedRowsSet.size, isAllSelected]);
|
|
1083
|
-
const contextValue =
|
|
1245
|
+
const contextValue = React10__namespace.useMemo(() => ({
|
|
1084
1246
|
selectable,
|
|
1085
1247
|
selectionMode,
|
|
1086
1248
|
selectedRows: selectedRowsSet,
|
|
@@ -1107,69 +1269,106 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1107
1269
|
registerRowId,
|
|
1108
1270
|
unregisterRowId
|
|
1109
1271
|
]);
|
|
1272
|
+
React10__namespace.useEffect(() => {
|
|
1273
|
+
const wrapper = wrapperRef.current;
|
|
1274
|
+
if (!wrapper || highlightMode === "none") return;
|
|
1275
|
+
let prevCell = null;
|
|
1276
|
+
let highlighted = [];
|
|
1277
|
+
const getHighlightBg = () => document.documentElement.classList.contains("dark") ? "rgba(38, 38, 38, 0.5)" : "rgb(249, 250, 251)";
|
|
1278
|
+
const clearHighlight = () => {
|
|
1279
|
+
for (const el of highlighted) el.style.removeProperty("background-color");
|
|
1280
|
+
highlighted = [];
|
|
1281
|
+
};
|
|
1282
|
+
const handleMouseMove = (e) => {
|
|
1283
|
+
const cell = e.target.closest("td, th");
|
|
1284
|
+
if (cell === prevCell) return;
|
|
1285
|
+
prevCell = cell;
|
|
1286
|
+
clearHighlight();
|
|
1287
|
+
if (!cell) return;
|
|
1288
|
+
const next = [];
|
|
1289
|
+
const tr = cell.closest("tr");
|
|
1290
|
+
const colKey = cell.getAttribute("data-col-key");
|
|
1291
|
+
if ((highlightMode === "row" || highlightMode === "cross") && tr) {
|
|
1292
|
+
next.push(...Array.from(tr.querySelectorAll("td, th")));
|
|
1293
|
+
}
|
|
1294
|
+
if ((highlightMode === "column" || highlightMode === "cross") && colKey) {
|
|
1295
|
+
for (const el of Array.from(wrapper.querySelectorAll(`[data-col-key="${colKey}"]`))) {
|
|
1296
|
+
if (!next.includes(el)) next.push(el);
|
|
1297
|
+
}
|
|
1298
|
+
}
|
|
1299
|
+
const bg = getHighlightBg();
|
|
1300
|
+
for (const el of next) el.style.setProperty("background-color", bg, "important");
|
|
1301
|
+
highlighted = next;
|
|
1302
|
+
};
|
|
1303
|
+
const handleMouseLeave = () => {
|
|
1304
|
+
prevCell = null;
|
|
1305
|
+
clearHighlight();
|
|
1306
|
+
};
|
|
1307
|
+
wrapper.addEventListener("mousemove", handleMouseMove, { passive: true });
|
|
1308
|
+
wrapper.addEventListener("mouseleave", handleMouseLeave);
|
|
1309
|
+
return () => {
|
|
1310
|
+
wrapper.removeEventListener("mousemove", handleMouseMove);
|
|
1311
|
+
wrapper.removeEventListener("mouseleave", handleMouseLeave);
|
|
1312
|
+
clearHighlight();
|
|
1313
|
+
};
|
|
1314
|
+
}, [highlightMode]);
|
|
1110
1315
|
return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1111
1316
|
"div",
|
|
1112
1317
|
{
|
|
1318
|
+
ref: wrapperRef,
|
|
1113
1319
|
className: "relative w-full overflow-auto",
|
|
1114
|
-
onMouseLeave: () => {
|
|
1115
|
-
setHoveredCol(null);
|
|
1116
|
-
setHoveredRowIndex(null);
|
|
1117
|
-
},
|
|
1118
1320
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1119
1321
|
"table",
|
|
1120
1322
|
{
|
|
1121
1323
|
ref,
|
|
1122
|
-
className:
|
|
1324
|
+
className: chunk5XF7Y25B_js.cn("w-full caption-bottom text-sm", className),
|
|
1123
1325
|
...props,
|
|
1124
1326
|
children: columns && data ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (() => {
|
|
1125
1327
|
const visibleCols = columns.filter(
|
|
1126
1328
|
(col) => col.sticky || !visibleColumns || visibleColumns.includes(col.key)
|
|
1127
1329
|
);
|
|
1128
1330
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1129
|
-
/* @__PURE__ */ jsxRuntime.jsx("thead", { className: "[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200 transition-colors dark:border-neutral-700", children: visibleCols.map((col) =>
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
"
|
|
1133
|
-
{
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1331
|
+
/* @__PURE__ */ jsxRuntime.jsx("thead", { className: "[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200 transition-colors dark:border-neutral-700", children: visibleCols.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1332
|
+
"th",
|
|
1333
|
+
{
|
|
1334
|
+
"data-col-key": col.key,
|
|
1335
|
+
style: col.minWidth ? { minWidth: col.minWidth } : void 0,
|
|
1336
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1337
|
+
"h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400",
|
|
1338
|
+
col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
|
|
1339
|
+
showDividers && "border-r border-gray-200 dark:border-neutral-700"
|
|
1340
|
+
),
|
|
1341
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
|
|
1342
|
+
col.label,
|
|
1343
|
+
col.bulkEdit && onBulkEdit && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1344
|
+
BulkEditPopover,
|
|
1345
|
+
{
|
|
1346
|
+
column: col,
|
|
1347
|
+
onApply: (value) => onBulkEdit(col.key, value)
|
|
1348
|
+
}
|
|
1349
|
+
)
|
|
1350
|
+
] })
|
|
1351
|
+
},
|
|
1352
|
+
col.key
|
|
1353
|
+
)) }) }),
|
|
1148
1354
|
/* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "[&_tr:last-child]:border-0", children: data.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1149
1355
|
"tr",
|
|
1150
1356
|
{
|
|
1151
1357
|
className: "border-b border-gray-200 transition-colors dark:border-neutral-700",
|
|
1152
|
-
children: visibleCols.map((col) =>
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
showDividers && "border-r border-gray-200 dark:border-neutral-700"
|
|
1167
|
-
),
|
|
1168
|
-
children: col.cell(row)
|
|
1169
|
-
},
|
|
1170
|
-
col.key
|
|
1171
|
-
);
|
|
1172
|
-
})
|
|
1358
|
+
children: visibleCols.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1359
|
+
"td",
|
|
1360
|
+
{
|
|
1361
|
+
"data-col-key": col.key,
|
|
1362
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1363
|
+
"p-4 align-middle",
|
|
1364
|
+
col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
|
|
1365
|
+
showDividers && "border-r border-gray-200 dark:border-neutral-700",
|
|
1366
|
+
typeof col.cellClassName === "function" ? col.cellClassName(row) : col.cellClassName
|
|
1367
|
+
),
|
|
1368
|
+
children: col.cell(row)
|
|
1369
|
+
},
|
|
1370
|
+
col.key
|
|
1371
|
+
))
|
|
1173
1372
|
},
|
|
1174
1373
|
finalGetRowId ? finalGetRowId(row) : rowIndex
|
|
1175
1374
|
)) })
|
|
@@ -1183,29 +1382,29 @@ var TableInner = React9__namespace.forwardRef(
|
|
|
1183
1382
|
);
|
|
1184
1383
|
TableInner.displayName = "Table";
|
|
1185
1384
|
var Table = TableInner;
|
|
1186
|
-
var TableHeader =
|
|
1385
|
+
var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1187
1386
|
"thead",
|
|
1188
1387
|
{
|
|
1189
1388
|
ref,
|
|
1190
|
-
className:
|
|
1389
|
+
className: chunk5XF7Y25B_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
|
|
1191
1390
|
...props
|
|
1192
1391
|
}
|
|
1193
1392
|
));
|
|
1194
1393
|
TableHeader.displayName = "TableHeader";
|
|
1195
|
-
var TableBody =
|
|
1394
|
+
var TableBody = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1196
1395
|
"tbody",
|
|
1197
1396
|
{
|
|
1198
1397
|
ref,
|
|
1199
|
-
className:
|
|
1398
|
+
className: chunk5XF7Y25B_js.cn("[&_tr:last-child]:border-0", className),
|
|
1200
1399
|
...props
|
|
1201
1400
|
}
|
|
1202
1401
|
));
|
|
1203
1402
|
TableBody.displayName = "TableBody";
|
|
1204
|
-
var TableFooter =
|
|
1403
|
+
var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1205
1404
|
"tfoot",
|
|
1206
1405
|
{
|
|
1207
1406
|
ref,
|
|
1208
|
-
className:
|
|
1407
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1209
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",
|
|
1210
1409
|
className
|
|
1211
1410
|
),
|
|
@@ -1213,19 +1412,19 @@ var TableFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1213
1412
|
}
|
|
1214
1413
|
));
|
|
1215
1414
|
TableFooter.displayName = "TableFooter";
|
|
1216
|
-
var TableRow =
|
|
1415
|
+
var TableRow = React10__namespace.forwardRef(
|
|
1217
1416
|
({ className, rowId, rowData, onClick, ...props }, ref) => {
|
|
1218
1417
|
const context = useTableContext();
|
|
1219
1418
|
const getRowId = context?.getRowId;
|
|
1220
1419
|
const selectable = context?.selectable;
|
|
1221
1420
|
const registerRowId = context?.registerRowId;
|
|
1222
1421
|
const unregisterRowId = context?.unregisterRowId;
|
|
1223
|
-
const finalRowId =
|
|
1422
|
+
const finalRowId = React10__namespace.useMemo(() => {
|
|
1224
1423
|
if (rowId) return rowId;
|
|
1225
1424
|
if (rowData && getRowId) return getRowId(rowData);
|
|
1226
1425
|
return props.id || void 0;
|
|
1227
1426
|
}, [rowId, rowData, getRowId, props.id]);
|
|
1228
|
-
|
|
1427
|
+
React10__namespace.useEffect(() => {
|
|
1229
1428
|
if (finalRowId && selectable) {
|
|
1230
1429
|
registerRowId?.(finalRowId);
|
|
1231
1430
|
return () => {
|
|
@@ -1234,7 +1433,7 @@ var TableRow = React9__namespace.forwardRef(
|
|
|
1234
1433
|
}
|
|
1235
1434
|
}, [finalRowId, selectable, registerRowId, unregisterRowId]);
|
|
1236
1435
|
const isSelected = finalRowId ? context?.isRowSelected(finalRowId) : false;
|
|
1237
|
-
const handleClick =
|
|
1436
|
+
const handleClick = React10__namespace.useCallback(
|
|
1238
1437
|
(e) => {
|
|
1239
1438
|
onClick?.(e);
|
|
1240
1439
|
},
|
|
@@ -1246,7 +1445,7 @@ var TableRow = React9__namespace.forwardRef(
|
|
|
1246
1445
|
ref,
|
|
1247
1446
|
"data-state": isSelected ? "selected" : void 0,
|
|
1248
1447
|
"data-row-id": finalRowId,
|
|
1249
|
-
className:
|
|
1448
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1250
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",
|
|
1251
1450
|
className
|
|
1252
1451
|
),
|
|
@@ -1257,11 +1456,11 @@ var TableRow = React9__namespace.forwardRef(
|
|
|
1257
1456
|
}
|
|
1258
1457
|
);
|
|
1259
1458
|
TableRow.displayName = "TableRow";
|
|
1260
|
-
var TableHead =
|
|
1459
|
+
var TableHead = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1261
1460
|
"th",
|
|
1262
1461
|
{
|
|
1263
1462
|
ref,
|
|
1264
|
-
className:
|
|
1463
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1265
1464
|
"h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0",
|
|
1266
1465
|
className
|
|
1267
1466
|
),
|
|
@@ -1269,12 +1468,12 @@ var TableHead = React9__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
1269
1468
|
}
|
|
1270
1469
|
));
|
|
1271
1470
|
TableHead.displayName = "TableHead";
|
|
1272
|
-
var TableCell =
|
|
1471
|
+
var TableCell = React10__namespace.forwardRef(
|
|
1273
1472
|
({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1274
1473
|
"td",
|
|
1275
1474
|
{
|
|
1276
1475
|
ref,
|
|
1277
|
-
className:
|
|
1476
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1278
1477
|
"align-middle [&:has([role=checkbox])]:pr-0",
|
|
1279
1478
|
variant === "embed" ? "p-1.5" : "p-4",
|
|
1280
1479
|
className
|
|
@@ -1284,16 +1483,16 @@ var TableCell = React9__namespace.forwardRef(
|
|
|
1284
1483
|
)
|
|
1285
1484
|
);
|
|
1286
1485
|
TableCell.displayName = "TableCell";
|
|
1287
|
-
var TableCaption =
|
|
1486
|
+
var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1288
1487
|
"caption",
|
|
1289
1488
|
{
|
|
1290
1489
|
ref,
|
|
1291
|
-
className:
|
|
1490
|
+
className: chunk5XF7Y25B_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
|
|
1292
1491
|
...props
|
|
1293
1492
|
}
|
|
1294
1493
|
));
|
|
1295
1494
|
TableCaption.displayName = "TableCaption";
|
|
1296
|
-
var TableSelectAll =
|
|
1495
|
+
var TableSelectAll = React10__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1297
1496
|
const context = useTableContext();
|
|
1298
1497
|
if (!context?.selectable || context.selectionMode !== "multiple") {
|
|
1299
1498
|
return null;
|
|
@@ -1316,13 +1515,13 @@ var TableSelectAll = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1316
1515
|
) });
|
|
1317
1516
|
});
|
|
1318
1517
|
TableSelectAll.displayName = "TableSelectAll";
|
|
1319
|
-
var TableRowCheckbox =
|
|
1518
|
+
var TableRowCheckbox = React10__namespace.forwardRef(({ rowId, rowData, className, ...props }, ref) => {
|
|
1320
1519
|
const context = useTableContext();
|
|
1321
1520
|
const getRowId = context?.getRowId;
|
|
1322
1521
|
if (!context?.selectable) {
|
|
1323
1522
|
return null;
|
|
1324
1523
|
}
|
|
1325
|
-
const finalRowId =
|
|
1524
|
+
const finalRowId = React10__namespace.useMemo(() => {
|
|
1326
1525
|
if (rowId) return rowId;
|
|
1327
1526
|
if (rowData && getRowId) return getRowId(rowData);
|
|
1328
1527
|
return void 0;
|
|
@@ -1360,7 +1559,7 @@ function getDefaultColumns(columns, isMobile) {
|
|
|
1360
1559
|
}
|
|
1361
1560
|
function useColumnVisibility(columns, options = {}) {
|
|
1362
1561
|
const { storageKey } = options;
|
|
1363
|
-
const [visibleColumns, setVisibleColumnsState] =
|
|
1562
|
+
const [visibleColumns, setVisibleColumnsState] = React10.useState(() => {
|
|
1364
1563
|
if (storageKey && typeof window !== "undefined") {
|
|
1365
1564
|
try {
|
|
1366
1565
|
const saved = localStorage.getItem(storageKey);
|
|
@@ -1374,7 +1573,7 @@ function useColumnVisibility(columns, options = {}) {
|
|
|
1374
1573
|
}
|
|
1375
1574
|
return getDefaultColumns(columns, false);
|
|
1376
1575
|
});
|
|
1377
|
-
|
|
1576
|
+
React10.useEffect(() => {
|
|
1378
1577
|
if (storageKey) {
|
|
1379
1578
|
try {
|
|
1380
1579
|
const saved = localStorage.getItem(storageKey);
|
|
@@ -1387,7 +1586,7 @@ function useColumnVisibility(columns, options = {}) {
|
|
|
1387
1586
|
setVisibleColumnsState(getDefaultColumns(columns, true));
|
|
1388
1587
|
}
|
|
1389
1588
|
}, []);
|
|
1390
|
-
const setVisibleColumns =
|
|
1589
|
+
const setVisibleColumns = React10.useCallback((cols) => {
|
|
1391
1590
|
const stickyKeys = columns.filter((c) => c.sticky).map((c) => c.key);
|
|
1392
1591
|
const merged = Array.from(/* @__PURE__ */ new Set([...stickyKeys, ...cols]));
|
|
1393
1592
|
setVisibleColumnsState(merged);
|
|
@@ -1404,10 +1603,10 @@ function ColumnSelection({
|
|
|
1404
1603
|
columns,
|
|
1405
1604
|
visibleColumns,
|
|
1406
1605
|
onVisibleColumnsChange,
|
|
1407
|
-
triggerLabel = "Columns",
|
|
1606
|
+
triggerLabel = "Manage Columns",
|
|
1408
1607
|
trigger
|
|
1409
1608
|
}) {
|
|
1410
|
-
const handleToggle =
|
|
1609
|
+
const handleToggle = React10__namespace.useCallback((key, checked) => {
|
|
1411
1610
|
if (checked) {
|
|
1412
1611
|
if (!visibleColumns.includes(key)) {
|
|
1413
1612
|
onVisibleColumnsChange([...visibleColumns, key]);
|
|
@@ -1429,7 +1628,7 @@ function ColumnSelection({
|
|
|
1429
1628
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1430
1629
|
"label",
|
|
1431
1630
|
{
|
|
1432
|
-
className:
|
|
1631
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1433
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",
|
|
1434
1633
|
isSticky && "opacity-50 cursor-not-allowed"
|
|
1435
1634
|
),
|
|
@@ -1454,33 +1653,33 @@ function ColumnSelection({
|
|
|
1454
1653
|
] })
|
|
1455
1654
|
] });
|
|
1456
1655
|
}
|
|
1457
|
-
var TabsContext =
|
|
1656
|
+
var TabsContext = React10__namespace.createContext(null);
|
|
1458
1657
|
var useTabsContext = () => {
|
|
1459
|
-
const context =
|
|
1658
|
+
const context = React10__namespace.useContext(TabsContext);
|
|
1460
1659
|
if (!context) {
|
|
1461
1660
|
throw new Error("Tabs components must be used within a Tabs provider");
|
|
1462
1661
|
}
|
|
1463
1662
|
return context;
|
|
1464
1663
|
};
|
|
1465
|
-
var TabsListContext =
|
|
1466
|
-
var useTabsListContext = () =>
|
|
1467
|
-
var Tabs =
|
|
1468
|
-
const [activeTab, setActiveTabState] =
|
|
1469
|
-
const tabRefs =
|
|
1470
|
-
const listRef =
|
|
1471
|
-
const setActiveTab =
|
|
1664
|
+
var TabsListContext = React10__namespace.createContext({ variant: "pill" });
|
|
1665
|
+
var useTabsListContext = () => React10__namespace.useContext(TabsListContext);
|
|
1666
|
+
var Tabs = React10__namespace.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
|
|
1667
|
+
const [activeTab, setActiveTabState] = React10__namespace.useState(value ?? defaultValue);
|
|
1668
|
+
const tabRefs = React10__namespace.useRef(/* @__PURE__ */ new Map()).current;
|
|
1669
|
+
const listRef = React10__namespace.useRef(null);
|
|
1670
|
+
const setActiveTab = React10__namespace.useCallback(
|
|
1472
1671
|
(newValue) => {
|
|
1473
1672
|
setActiveTabState(newValue);
|
|
1474
1673
|
onValueChange?.(newValue);
|
|
1475
1674
|
},
|
|
1476
1675
|
[onValueChange]
|
|
1477
1676
|
);
|
|
1478
|
-
|
|
1677
|
+
React10__namespace.useEffect(() => {
|
|
1479
1678
|
if (value !== void 0) {
|
|
1480
1679
|
setActiveTabState(value);
|
|
1481
1680
|
}
|
|
1482
1681
|
}, [value]);
|
|
1483
|
-
const registerTab =
|
|
1682
|
+
const registerTab = React10__namespace.useCallback(
|
|
1484
1683
|
(tabValue, element) => {
|
|
1485
1684
|
tabRefs.set(tabValue, element);
|
|
1486
1685
|
},
|
|
@@ -1505,10 +1704,10 @@ var Tabs = React9__namespace.forwardRef(({ defaultValue, value, onValueChange, c
|
|
|
1505
1704
|
);
|
|
1506
1705
|
});
|
|
1507
1706
|
Tabs.displayName = "Tabs";
|
|
1508
|
-
var TabsList =
|
|
1707
|
+
var TabsList = React10__namespace.forwardRef(({ className, children, variant = "pill", ...props }, ref) => {
|
|
1509
1708
|
const { activeTab, tabRefs, listRef } = useTabsContext();
|
|
1510
|
-
const [indicatorStyle, setIndicatorStyle] =
|
|
1511
|
-
|
|
1709
|
+
const [indicatorStyle, setIndicatorStyle] = React10__namespace.useState(null);
|
|
1710
|
+
React10__namespace.useEffect(() => {
|
|
1512
1711
|
if (variant !== "pill") return;
|
|
1513
1712
|
const updateIndicator = () => {
|
|
1514
1713
|
if (!activeTab || !listRef.current) return;
|
|
@@ -1533,7 +1732,7 @@ var TabsList = React9__namespace.forwardRef(({ className, children, variant = "p
|
|
|
1533
1732
|
else if (ref) ref.current = node;
|
|
1534
1733
|
listRef.current = node;
|
|
1535
1734
|
},
|
|
1536
|
-
className:
|
|
1735
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1537
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",
|
|
1538
1737
|
className
|
|
1539
1738
|
),
|
|
@@ -1561,11 +1760,11 @@ var TabsList = React9__namespace.forwardRef(({ className, children, variant = "p
|
|
|
1561
1760
|
) });
|
|
1562
1761
|
});
|
|
1563
1762
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
1564
|
-
var TabsTrigger =
|
|
1763
|
+
var TabsTrigger = React10__namespace.forwardRef(({ className, value, icon, children, ...props }, ref) => {
|
|
1565
1764
|
const { registerTab, activeTab } = useTabsContext();
|
|
1566
1765
|
const { variant } = useTabsListContext();
|
|
1567
|
-
const triggerRef =
|
|
1568
|
-
|
|
1766
|
+
const triggerRef = React10__namespace.useRef(null);
|
|
1767
|
+
React10__namespace.useEffect(() => {
|
|
1569
1768
|
registerTab(value, triggerRef.current);
|
|
1570
1769
|
return () => registerTab(value, null);
|
|
1571
1770
|
}, [value, registerTab]);
|
|
@@ -1579,12 +1778,12 @@ var TabsTrigger = React9__namespace.forwardRef(({ className, value, icon, childr
|
|
|
1579
1778
|
else if (ref) ref.current = node;
|
|
1580
1779
|
},
|
|
1581
1780
|
value,
|
|
1582
|
-
className:
|
|
1781
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1583
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",
|
|
1584
|
-
variant === "pill" ?
|
|
1783
|
+
variant === "pill" ? chunk5XF7Y25B_js.cn(
|
|
1585
1784
|
"relative z-10 justify-center rounded-hz-md px-3 py-1.5 transition-colors",
|
|
1586
1785
|
isActive ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"
|
|
1587
|
-
) :
|
|
1786
|
+
) : chunk5XF7Y25B_js.cn(
|
|
1588
1787
|
"pb-3 border-b-2 transition-colors",
|
|
1589
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"
|
|
1590
1789
|
),
|
|
@@ -1599,11 +1798,11 @@ var TabsTrigger = React9__namespace.forwardRef(({ className, value, icon, childr
|
|
|
1599
1798
|
);
|
|
1600
1799
|
});
|
|
1601
1800
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
1602
|
-
var TabsContent =
|
|
1801
|
+
var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1603
1802
|
TabsPrimitive__namespace.Content,
|
|
1604
1803
|
{
|
|
1605
1804
|
ref,
|
|
1606
|
-
className:
|
|
1805
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1607
1806
|
"mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
|
|
1608
1807
|
className
|
|
1609
1808
|
),
|
|
@@ -1611,12 +1810,12 @@ var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1611
1810
|
}
|
|
1612
1811
|
));
|
|
1613
1812
|
TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
|
|
1614
|
-
var Textarea =
|
|
1813
|
+
var Textarea = React10__namespace.forwardRef(
|
|
1615
1814
|
({ className, ...props }, ref) => {
|
|
1616
1815
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1617
1816
|
"textarea",
|
|
1618
1817
|
{
|
|
1619
|
-
className:
|
|
1818
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1620
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",
|
|
1621
1820
|
className
|
|
1622
1821
|
),
|
|
@@ -1666,14 +1865,14 @@ var toggleItemVariants = classVarianceAuthority.cva(
|
|
|
1666
1865
|
}
|
|
1667
1866
|
}
|
|
1668
1867
|
);
|
|
1669
|
-
var
|
|
1868
|
+
var containerRadiusClass2 = {
|
|
1670
1869
|
none: "rounded-hz-lg",
|
|
1671
1870
|
sm: "rounded-sm",
|
|
1672
1871
|
md: "rounded-md",
|
|
1673
1872
|
lg: "rounded-lg",
|
|
1674
1873
|
full: "rounded-full"
|
|
1675
1874
|
};
|
|
1676
|
-
var
|
|
1875
|
+
var itemRadiusClass2 = {
|
|
1677
1876
|
none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
|
|
1678
1877
|
sm: "first:rounded-l-sm last:rounded-r-sm",
|
|
1679
1878
|
md: "first:rounded-l-md last:rounded-r-md",
|
|
@@ -1695,9 +1894,9 @@ function Toggle({
|
|
|
1695
1894
|
...props,
|
|
1696
1895
|
type: "multiple",
|
|
1697
1896
|
...value !== void 0 ? { value, onValueChange: onChange } : {},
|
|
1698
|
-
className:
|
|
1897
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1699
1898
|
toggleGroupVariants({ size }),
|
|
1700
|
-
|
|
1899
|
+
containerRadiusClass2[radius],
|
|
1701
1900
|
className
|
|
1702
1901
|
),
|
|
1703
1902
|
children: options.map((option) => {
|
|
@@ -1708,9 +1907,9 @@ function Toggle({
|
|
|
1708
1907
|
value: option.value,
|
|
1709
1908
|
disabled: option.disabled,
|
|
1710
1909
|
"aria-label": iconOnly ? option.ariaLabel ?? option.value : void 0,
|
|
1711
|
-
className:
|
|
1910
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1712
1911
|
toggleItemVariants({ size, iconOnly }),
|
|
1713
|
-
|
|
1912
|
+
itemRadiusClass2[radius],
|
|
1714
1913
|
"border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
|
|
1715
1914
|
"data-[state=on]:!bg-blue-50 data-[state=on]:border-blue-500 data-[state=on]:text-blue-600",
|
|
1716
1915
|
"dark:data-[state=on]:!bg-blue-950/40 dark:data-[state=on]:border-blue-400 dark:data-[state=on]:text-blue-400"
|
|
@@ -1726,91 +1925,6 @@ function Toggle({
|
|
|
1726
1925
|
}
|
|
1727
1926
|
);
|
|
1728
1927
|
}
|
|
1729
|
-
var segmentedControlVariants = classVarianceAuthority.cva(
|
|
1730
|
-
"inline-flex w-fit items-stretch border border-gray-200 bg-white dark:border-neutral-700 dark:bg-neutral-900",
|
|
1731
|
-
{
|
|
1732
|
-
variants: {
|
|
1733
|
-
size: {
|
|
1734
|
-
default: "h-[52px]",
|
|
1735
|
-
sm: "h-10",
|
|
1736
|
-
lg: "h-[60px]"
|
|
1737
|
-
}
|
|
1738
|
-
},
|
|
1739
|
-
defaultVariants: {
|
|
1740
|
-
size: "default"
|
|
1741
|
-
}
|
|
1742
|
-
}
|
|
1743
|
-
);
|
|
1744
|
-
var segmentedControlItemVariants = classVarianceAuthority.cva(
|
|
1745
|
-
"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",
|
|
1746
|
-
{
|
|
1747
|
-
variants: {
|
|
1748
|
-
size: {
|
|
1749
|
-
default: "h-full min-w-[120px]",
|
|
1750
|
-
sm: "h-full min-w-[90px] text-xs",
|
|
1751
|
-
lg: "h-full min-w-[140px] text-base"
|
|
1752
|
-
}
|
|
1753
|
-
},
|
|
1754
|
-
defaultVariants: {
|
|
1755
|
-
size: "default"
|
|
1756
|
-
}
|
|
1757
|
-
}
|
|
1758
|
-
);
|
|
1759
|
-
var containerRadiusClass2 = {
|
|
1760
|
-
none: "rounded-hz-lg",
|
|
1761
|
-
sm: "rounded-sm",
|
|
1762
|
-
md: "rounded-md",
|
|
1763
|
-
lg: "rounded-lg",
|
|
1764
|
-
full: "rounded-full"
|
|
1765
|
-
};
|
|
1766
|
-
var itemRadiusClass2 = {
|
|
1767
|
-
none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
|
|
1768
|
-
sm: "first:rounded-l-sm last:rounded-r-sm",
|
|
1769
|
-
md: "first:rounded-l-md last:rounded-r-md",
|
|
1770
|
-
lg: "first:rounded-l-lg last:rounded-r-lg",
|
|
1771
|
-
full: "rounded-full"
|
|
1772
|
-
};
|
|
1773
|
-
function SegmentedControl({
|
|
1774
|
-
className,
|
|
1775
|
-
options,
|
|
1776
|
-
value,
|
|
1777
|
-
onChange,
|
|
1778
|
-
size,
|
|
1779
|
-
radius = "none",
|
|
1780
|
-
...props
|
|
1781
|
-
}) {
|
|
1782
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1783
|
-
RadioGroupPrimitive__namespace.Root,
|
|
1784
|
-
{
|
|
1785
|
-
...props,
|
|
1786
|
-
...value !== void 0 ? { value, onValueChange: onChange } : {},
|
|
1787
|
-
className: chunk7WVGPVSG_js.cn(
|
|
1788
|
-
segmentedControlVariants({ size }),
|
|
1789
|
-
containerRadiusClass2[radius],
|
|
1790
|
-
className
|
|
1791
|
-
),
|
|
1792
|
-
children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1793
|
-
RadioGroupPrimitive__namespace.Item,
|
|
1794
|
-
{
|
|
1795
|
-
value: option.value,
|
|
1796
|
-
disabled: option.disabled,
|
|
1797
|
-
className: chunk7WVGPVSG_js.cn(
|
|
1798
|
-
segmentedControlItemVariants({ size }),
|
|
1799
|
-
itemRadiusClass2[radius],
|
|
1800
|
-
"border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
|
|
1801
|
-
"data-[state=checked]:!bg-blue-50 data-[state=checked]:border-blue-500 data-[state=checked]:text-blue-600",
|
|
1802
|
-
"dark:data-[state=checked]:!bg-blue-950/40 dark:data-[state=checked]:border-blue-400 dark:data-[state=checked]:text-blue-400"
|
|
1803
|
-
),
|
|
1804
|
-
children: [
|
|
1805
|
-
/* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "hidden" }),
|
|
1806
|
-
option.label
|
|
1807
|
-
]
|
|
1808
|
-
},
|
|
1809
|
-
option.value
|
|
1810
|
-
))
|
|
1811
|
-
}
|
|
1812
|
-
);
|
|
1813
|
-
}
|
|
1814
1928
|
var switchTrackVariants = classVarianceAuthority.cva(
|
|
1815
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",
|
|
1816
1930
|
{
|
|
@@ -1853,8 +1967,8 @@ var switchLabelVariants = classVarianceAuthority.cva("select-none", {
|
|
|
1853
1967
|
size: "default"
|
|
1854
1968
|
}
|
|
1855
1969
|
});
|
|
1856
|
-
var Switch =
|
|
1857
|
-
const generatedId =
|
|
1970
|
+
var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosition = "right", ...props }, ref) => {
|
|
1971
|
+
const generatedId = React10__namespace.useId();
|
|
1858
1972
|
const switchId = props.id ?? generatedId;
|
|
1859
1973
|
const switchEl = /* @__PURE__ */ jsxRuntime.jsx(
|
|
1860
1974
|
SwitchPrimitive__namespace.Root,
|
|
@@ -1862,7 +1976,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
|
|
|
1862
1976
|
...props,
|
|
1863
1977
|
id: switchId,
|
|
1864
1978
|
ref,
|
|
1865
|
-
className:
|
|
1979
|
+
className: chunk5XF7Y25B_js.cn(switchTrackVariants({ size }), className),
|
|
1866
1980
|
children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: switchThumbVariants({ size }) })
|
|
1867
1981
|
}
|
|
1868
1982
|
);
|
|
@@ -1870,7 +1984,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
|
|
|
1870
1984
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1871
1985
|
"div",
|
|
1872
1986
|
{
|
|
1873
|
-
className:
|
|
1987
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1874
1988
|
"inline-flex items-center gap-2",
|
|
1875
1989
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1876
1990
|
),
|
|
@@ -1879,7 +1993,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
|
|
|
1879
1993
|
"label",
|
|
1880
1994
|
{
|
|
1881
1995
|
htmlFor: switchId,
|
|
1882
|
-
className:
|
|
1996
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1883
1997
|
switchLabelVariants({ size }),
|
|
1884
1998
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1885
1999
|
),
|
|
@@ -1891,7 +2005,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
|
|
|
1891
2005
|
"label",
|
|
1892
2006
|
{
|
|
1893
2007
|
htmlFor: switchId,
|
|
1894
|
-
className:
|
|
2008
|
+
className: chunk5XF7Y25B_js.cn(
|
|
1895
2009
|
switchLabelVariants({ size }),
|
|
1896
2010
|
props.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1897
2011
|
),
|
|
@@ -2002,5 +2116,5 @@ exports.useColumnVisibility = useColumnVisibility;
|
|
|
2002
2116
|
exports.useFormContext = useFormContext;
|
|
2003
2117
|
exports.useFormFieldContext = useFormFieldContext;
|
|
2004
2118
|
exports.useTableSelection = useTableSelection;
|
|
2005
|
-
//# sourceMappingURL=chunk-
|
|
2006
|
-
//# sourceMappingURL=chunk-
|
|
2119
|
+
//# sourceMappingURL=chunk-6KBCME37.js.map
|
|
2120
|
+
//# sourceMappingURL=chunk-6KBCME37.js.map
|