@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.
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunk7WVGPVSG_js = require('./chunk-7WVGPVSG.js');
4
- var React9 = require('react');
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 React9__namespace = /*#__PURE__*/_interopNamespace(React9);
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 = React9__namespace.forwardRef(
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: chunk7WVGPVSG_js.cn(buttonVariants({ variant, size, 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: chunk7WVGPVSG_js.cn(buttonVariants({ variant, size, 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
114
+ var Card = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
115
115
  "div",
116
116
  {
117
117
  ref,
118
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
126
+ var CardHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
127
127
  "div",
128
128
  {
129
129
  ref,
130
- className: chunk7WVGPVSG_js.cn("flex flex-col space-y-1.5 p-4", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
135
+ var CardTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
136
136
  "div",
137
137
  {
138
138
  ref,
139
- className: chunk7WVGPVSG_js.cn("font-semibold leading-none tracking-tight", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
144
+ var CardDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
145
145
  "div",
146
146
  {
147
147
  ref,
148
- className: chunk7WVGPVSG_js.cn("text-sm text-gray-500 dark:text-gray-400", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
153
+ var CardContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
154
154
  "div",
155
155
  {
156
156
  ref,
157
- className: chunk7WVGPVSG_js.cn("p-4 pt-0", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
162
+ var CardFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
163
163
  "div",
164
164
  {
165
165
  ref,
166
- className: chunk7WVGPVSG_js.cn("flex items-center p-4 pt-0", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
171
+ var Checkbox = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
172
172
  CheckboxPrimitive__namespace.Root,
173
173
  {
174
174
  ref,
175
- className: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn("flex items-center justify-center text-current"),
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
194
+ var DialogOverlay = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
195
195
  DialogPrimitive__namespace.Overlay,
196
196
  {
197
197
  ref,
198
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
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: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
256
+ var DialogTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
257
257
  DialogPrimitive__namespace.Title,
258
258
  {
259
259
  ref,
260
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
268
+ var DialogDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
269
269
  DialogPrimitive__namespace.Description,
270
270
  {
271
271
  ref,
272
- className: chunk7WVGPVSG_js.cn("text-sm text-gray-500 dark:text-gray-400", 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 = React9__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
300
+ var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
301
301
  DropdownMenuPrimitive__namespace.SubContent,
302
302
  {
303
303
  ref,
304
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
385
+ var DropdownMenuSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
386
386
  DropdownMenuPrimitive__namespace.Separator,
387
387
  {
388
388
  ref,
389
- className: chunk7WVGPVSG_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", 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: chunk7WVGPVSG_js.cn("ml-auto text-xs tracking-widest opacity-60", 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 = React9__namespace.createContext(null);
407
+ var FormContext = React10__namespace.createContext(null);
408
408
  function useFormContext() {
409
- const context = React9__namespace.useContext(FormContext);
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 = React9__namespace.createContext(
415
+ var FormFieldContext = React10__namespace.createContext(
416
416
  null
417
417
  );
418
418
  function useFormFieldContext() {
419
- const context = React9__namespace.useContext(FormFieldContext);
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 = React9__namespace.forwardRef(
427
+ var Form = React10__namespace.forwardRef(
428
428
  ({ className, children, onFormSubmit, ...props }, ref) => {
429
- const [errors, setErrors] = React9__namespace.useState({});
430
- const [isSubmitting, setIsSubmitting] = React9__namespace.useState(false);
431
- const setError = React9__namespace.useCallback(
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 = React9__namespace.useCallback((name) => {
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 = React9__namespace.useCallback(() => {
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 = React9__namespace.useMemo(
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: chunk7WVGPVSG_js.cn("space-y-6", 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 = React9__namespace.forwardRef(
487
+ var FormField = React10__namespace.forwardRef(
488
488
  ({ className, name, children, ...props }, ref) => {
489
489
  const { errors } = useFormContext();
490
- const id = React9__namespace.useId();
490
+ const id = React10__namespace.useId();
491
491
  const error = errors[name];
492
- const contextValue = React9__namespace.useMemo(
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: chunk7WVGPVSG_js.cn("space-y-2", className), ...props, children }) });
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => {
500
+ var FormLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => {
501
501
  const { id, error } = useFormFieldContext();
502
502
  return /* @__PURE__ */ jsxRuntime.jsx(
503
- chunk7WVGPVSG_js.Label,
503
+ chunk5XF7Y25B_js.Label,
504
504
  {
505
505
  ref,
506
506
  htmlFor: id,
507
- className: chunk7WVGPVSG_js.cn(error && "text-rose-500 dark:text-rose-400", 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 = React9__namespace.forwardRef(
513
+ var FormControl = React10__namespace.forwardRef(
514
514
  ({ children, ...props }, ref) => {
515
515
  const { id, error, name } = useFormFieldContext();
516
- const child = React9__namespace.cloneElement(children, {
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 = React9__namespace.forwardRef(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(
543
+ var FormMessage = React10__namespace.forwardRef(
544
544
  ({ className, children, error: errorProp, ...props }, ref) => {
545
- const fieldContext = React9__namespace.useContext(FormFieldContext);
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.createContext({ open: false });
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] = React9__namespace.useState(false);
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 = React9__namespace.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
598
- const { open } = React9__namespace.useContext(PopoverContext);
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: chunk7WVGPVSG_js.cn(
648
- "z-50 w-72 rounded-hz-lg 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]",
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 = React9__namespace.createContext({ open: false });
659
- var SelectSearchContext = React9__namespace.createContext("");
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] = React9__namespace.useState(false);
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 = React9__namespace.forwardRef(({ children, placeholder, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { ref, placeholder, ...props, children }));
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 = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
704
+ var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
705
705
  SelectPrimitive__namespace.ScrollUpButton,
706
706
  {
707
707
  ref,
708
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
717
+ var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
718
718
  SelectPrimitive__namespace.ScrollDownButton,
719
719
  {
720
720
  ref,
721
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, children, position = "popper", searchable = false, searchPlaceholder = "Search...", ...props }, ref) => {
731
- const { open } = React9__namespace.useContext(SelectContext);
732
- const [search, setSearch] = React9__namespace.useState("");
733
- const searchInputRef = React9__namespace.useRef(null);
734
- React9__namespace.useEffect(() => {
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
- framerMotion.motion.div,
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: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
833
+ var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
833
834
  SelectPrimitive__namespace.Label,
834
835
  {
835
836
  ref,
836
- className: chunk7WVGPVSG_js.cn("px-2 py-1.5 text-sm font-semibold", 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 = React9__namespace.forwardRef(({ className, children, textValue, ...props }, ref) => {
842
- const search = React9__namespace.useContext(SelectSearchContext);
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
866
+ var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
866
867
  SelectPrimitive__namespace.Separator,
867
868
  {
868
869
  ref,
869
- className: chunk7WVGPVSG_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", 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: chunk7WVGPVSG_js.cn(separatorVariants({ orientation }), 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: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn("h-4", 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: chunk7WVGPVSG_js.cn("h-6 w-48", 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: chunk7WVGPVSG_js.cn("h-3 w-64", 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: chunk7WVGPVSG_js.cn("w-10 h-10 rounded", 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: chunk7WVGPVSG_js.cn("h-6 w-24", 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: chunk7WVGPVSG_js.cn("w-6 h-6 rounded", 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: chunk7WVGPVSG_js.cn("h-10 w-24 rounded-hz-md", 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: chunk7WVGPVSG_js.cn("h-10 w-full rounded-hz-md", 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: chunk7WVGPVSG_js.cn(
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 TableContext = React9__namespace.createContext(null);
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 = React9__namespace.useContext(TableContext);
1132
+ const context = React10__namespace.useContext(TableContext);
971
1133
  return context;
972
1134
  };
973
- var TableInner = React9__namespace.forwardRef(
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] = React9__namespace.useState(/* @__PURE__ */ new Set());
991
- const [registeredRowIds, setRegisteredRowIds] = React9__namespace.useState(/* @__PURE__ */ new Set());
992
- const [hoveredCol, setHoveredCol] = React9__namespace.useState(null);
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 = React9__namespace.useCallback((row) => {
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 = React9__namespace.useMemo(() => {
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 = React9__namespace.useCallback((rowId) => {
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 = React9__namespace.useCallback((rowId) => {
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 = React9__namespace.useCallback(
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 = React9__namespace.useCallback(() => {
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 = React9__namespace.useCallback(() => {
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 = React9__namespace.useCallback(
1233
+ const isRowSelected = React10__namespace.useCallback(
1072
1234
  (rowId) => selectedRowsSet.has(rowId),
1073
1235
  [selectedRowsSet]
1074
1236
  );
1075
- const isAllSelected = React9__namespace.useMemo(() => {
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 = React9__namespace.useMemo(() => {
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 = React9__namespace.useMemo(() => ({
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: chunk7WVGPVSG_js.cn("w-full caption-bottom text-sm", 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
- const isColHovered = (highlightMode === "column" || highlightMode === "cross") && hoveredCol === col.key;
1131
- return /* @__PURE__ */ jsxRuntime.jsx(
1132
- "th",
1133
- {
1134
- style: col.minWidth ? { minWidth: col.minWidth } : void 0,
1135
- onMouseEnter: () => {
1136
- if (highlightMode === "column" || highlightMode === "cross") setHoveredCol(col.key);
1137
- },
1138
- className: chunk7WVGPVSG_js.cn(
1139
- "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 transition-colors",
1140
- col.sticky ? chunk7WVGPVSG_js.cn("sticky left-0 z-20", isColHovered ? "bg-gray-50 dark:bg-neutral-800/50" : "bg-white dark:bg-neutral-900") : isColHovered ? "bg-gray-50 dark:bg-neutral-800/50" : void 0,
1141
- showDividers && "border-r border-gray-200 dark:border-neutral-700"
1142
- ),
1143
- children: col.label
1144
- },
1145
- col.key
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
- const isRowHovered = (highlightMode === "row" || highlightMode === "cross") && rowIndex === hoveredRowIndex;
1154
- const isColHovered = (highlightMode === "column" || highlightMode === "cross") && hoveredCol === col.key;
1155
- const isHighlighted = isRowHovered || isColHovered;
1156
- return /* @__PURE__ */ jsxRuntime.jsx(
1157
- "td",
1158
- {
1159
- onMouseEnter: () => {
1160
- if (highlightMode === "column" || highlightMode === "cross") setHoveredCol(col.key);
1161
- if (highlightMode === "row" || highlightMode === "cross") setHoveredRowIndex(rowIndex);
1162
- },
1163
- className: chunk7WVGPVSG_js.cn(
1164
- "p-4 align-middle transition-colors",
1165
- col.sticky ? chunk7WVGPVSG_js.cn("sticky left-0 z-20", isHighlighted ? "bg-gray-50 dark:bg-neutral-800/50" : "bg-white dark:bg-neutral-900") : isHighlighted ? "bg-gray-50 dark:bg-neutral-800/50" : void 0,
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1385
+ var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1187
1386
  "thead",
1188
1387
  {
1189
1388
  ref,
1190
- className: chunk7WVGPVSG_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1394
+ var TableBody = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1196
1395
  "tbody",
1197
1396
  {
1198
1397
  ref,
1199
- className: chunk7WVGPVSG_js.cn("[&_tr:last-child]:border-0", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1403
+ var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1205
1404
  "tfoot",
1206
1405
  {
1207
1406
  ref,
1208
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(
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 = React9__namespace.useMemo(() => {
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
- React9__namespace.useEffect(() => {
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 = React9__namespace.useCallback(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1459
+ var TableHead = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1261
1460
  "th",
1262
1461
  {
1263
1462
  ref,
1264
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1486
+ var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1288
1487
  "caption",
1289
1488
  {
1290
1489
  ref,
1291
- className: chunk7WVGPVSG_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", 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 = React9__namespace.forwardRef(({ className, ...props }, ref) => {
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 = React9__namespace.forwardRef(({ rowId, rowData, className, ...props }, ref) => {
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 = React9__namespace.useMemo(() => {
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] = React9.useState(() => {
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
- React9.useEffect(() => {
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 = React9.useCallback((cols) => {
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 = React9__namespace.useCallback((key, checked) => {
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.createContext(null);
1656
+ var TabsContext = React10__namespace.createContext(null);
1458
1657
  var useTabsContext = () => {
1459
- const context = React9__namespace.useContext(TabsContext);
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 = React9__namespace.createContext({ variant: "pill" });
1466
- var useTabsListContext = () => React9__namespace.useContext(TabsListContext);
1467
- var Tabs = React9__namespace.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
1468
- const [activeTab, setActiveTabState] = React9__namespace.useState(value ?? defaultValue);
1469
- const tabRefs = React9__namespace.useRef(/* @__PURE__ */ new Map()).current;
1470
- const listRef = React9__namespace.useRef(null);
1471
- const setActiveTab = React9__namespace.useCallback(
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
- React9__namespace.useEffect(() => {
1677
+ React10__namespace.useEffect(() => {
1479
1678
  if (value !== void 0) {
1480
1679
  setActiveTabState(value);
1481
1680
  }
1482
1681
  }, [value]);
1483
- const registerTab = React9__namespace.useCallback(
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 = React9__namespace.forwardRef(({ className, children, variant = "pill", ...props }, ref) => {
1707
+ var TabsList = React10__namespace.forwardRef(({ className, children, variant = "pill", ...props }, ref) => {
1509
1708
  const { activeTab, tabRefs, listRef } = useTabsContext();
1510
- const [indicatorStyle, setIndicatorStyle] = React9__namespace.useState(null);
1511
- React9__namespace.useEffect(() => {
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: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, value, icon, children, ...props }, ref) => {
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 = React9__namespace.useRef(null);
1568
- React9__namespace.useEffect(() => {
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: chunk7WVGPVSG_js.cn(
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" ? chunk7WVGPVSG_js.cn(
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
- ) : chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1801
+ var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1603
1802
  TabsPrimitive__namespace.Content,
1604
1803
  {
1605
1804
  ref,
1606
- className: chunk7WVGPVSG_js.cn(
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 = React9__namespace.forwardRef(
1813
+ var Textarea = React10__namespace.forwardRef(
1615
1814
  ({ className, ...props }, ref) => {
1616
1815
  return /* @__PURE__ */ jsxRuntime.jsx(
1617
1816
  "textarea",
1618
1817
  {
1619
- className: chunk7WVGPVSG_js.cn(
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 containerRadiusClass = {
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 itemRadiusClass = {
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: chunk7WVGPVSG_js.cn(
1897
+ className: chunk5XF7Y25B_js.cn(
1699
1898
  toggleGroupVariants({ size }),
1700
- containerRadiusClass[radius],
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: chunk7WVGPVSG_js.cn(
1910
+ className: chunk5XF7Y25B_js.cn(
1712
1911
  toggleItemVariants({ size, iconOnly }),
1713
- itemRadiusClass[radius],
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 = React9__namespace.forwardRef(({ className, size, label, labelPosition = "right", ...props }, ref) => {
1857
- const generatedId = React9__namespace.useId();
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: chunk7WVGPVSG_js.cn(switchTrackVariants({ size }), 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: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn(
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: chunk7WVGPVSG_js.cn(
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-UWBZTH6L.js.map
2006
- //# sourceMappingURL=chunk-UWBZTH6L.js.map
2119
+ //# sourceMappingURL=chunk-6KBCME37.js.map
2120
+ //# sourceMappingURL=chunk-6KBCME37.js.map