@blinkdotnew/ui 0.2.1 → 0.3.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/index.d.mts +357 -208
- package/dist/index.d.ts +357 -208
- package/dist/index.js +1141 -181
- package/dist/index.mjs +1023 -134
- package/package.json +16 -1
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React66 = require('react');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var tailwindMerge = require('tailwind-merge');
|
|
@@ -30,6 +30,17 @@ var core = require('@dnd-kit/core');
|
|
|
30
30
|
var sortable = require('@dnd-kit/sortable');
|
|
31
31
|
var utilities = require('@dnd-kit/utilities');
|
|
32
32
|
var recharts = require('recharts');
|
|
33
|
+
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
34
|
+
var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
|
|
35
|
+
var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
|
|
36
|
+
var useEmblaCarousel = require('embla-carousel-react');
|
|
37
|
+
var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
|
|
38
|
+
require('react-dom');
|
|
39
|
+
var HoverCardPrimitive = require('@radix-ui/react-hover-card');
|
|
40
|
+
var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
|
|
41
|
+
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
42
|
+
var TogglePrimitive = require('@radix-ui/react-toggle');
|
|
43
|
+
var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
|
|
33
44
|
|
|
34
45
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
35
46
|
|
|
@@ -51,7 +62,7 @@ function _interopNamespace(e) {
|
|
|
51
62
|
return Object.freeze(n);
|
|
52
63
|
}
|
|
53
64
|
|
|
54
|
-
var
|
|
65
|
+
var React66__namespace = /*#__PURE__*/_interopNamespace(React66);
|
|
55
66
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
56
67
|
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
57
68
|
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
@@ -67,11 +78,21 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
|
|
|
67
78
|
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
68
79
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
69
80
|
var z__namespace = /*#__PURE__*/_interopNamespace(z);
|
|
81
|
+
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
82
|
+
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
83
|
+
var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
|
|
84
|
+
var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
|
|
85
|
+
var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
|
|
86
|
+
var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
|
|
87
|
+
var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
|
|
88
|
+
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
89
|
+
var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
|
|
90
|
+
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
70
91
|
|
|
71
92
|
// src/provider/blink-ui-provider.tsx
|
|
72
|
-
var BlinkUIContext =
|
|
93
|
+
var BlinkUIContext = React66.createContext(null);
|
|
73
94
|
function useBlinkUI() {
|
|
74
|
-
const ctx =
|
|
95
|
+
const ctx = React66.useContext(BlinkUIContext);
|
|
75
96
|
if (!ctx)
|
|
76
97
|
throw new Error("useBlinkUI must be used within <BlinkUIProvider>");
|
|
77
98
|
return ctx;
|
|
@@ -81,10 +102,10 @@ function BlinkUIProvider({
|
|
|
81
102
|
theme: initialTheme = "linear",
|
|
82
103
|
darkMode: initialDarkMode = "system"
|
|
83
104
|
}) {
|
|
84
|
-
const [theme, setTheme] =
|
|
85
|
-
const [darkMode, setDarkMode] =
|
|
86
|
-
const [resolvedDark, setResolvedDark] =
|
|
87
|
-
|
|
105
|
+
const [theme, setTheme] = React66.useState(initialTheme);
|
|
106
|
+
const [darkMode, setDarkMode] = React66.useState(initialDarkMode);
|
|
107
|
+
const [resolvedDark, setResolvedDark] = React66.useState(false);
|
|
108
|
+
React66.useEffect(() => {
|
|
88
109
|
const update = () => {
|
|
89
110
|
const isDark = darkMode === "dark" || darkMode === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
90
111
|
setResolvedDark(isDark);
|
|
@@ -94,7 +115,7 @@ function BlinkUIProvider({
|
|
|
94
115
|
mq.addEventListener("change", update);
|
|
95
116
|
return () => mq.removeEventListener("change", update);
|
|
96
117
|
}, [darkMode]);
|
|
97
|
-
|
|
118
|
+
React66.useEffect(() => {
|
|
98
119
|
const root = document.documentElement;
|
|
99
120
|
root.classList.remove("theme-linear", "theme-glass", "theme-midnight", "theme-minimal");
|
|
100
121
|
root.classList.remove("dark", "light");
|
|
@@ -128,14 +149,14 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
128
149
|
defaultVariants: { variant: "default", size: "default" }
|
|
129
150
|
}
|
|
130
151
|
);
|
|
131
|
-
var Button =
|
|
152
|
+
var Button = React66__namespace.default.forwardRef(
|
|
132
153
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
133
154
|
const Comp = asChild ? reactSlot.Slot : "button";
|
|
134
155
|
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
|
|
135
156
|
}
|
|
136
157
|
);
|
|
137
158
|
Button.displayName = "Button";
|
|
138
|
-
var Input =
|
|
159
|
+
var Input = React66__namespace.default.forwardRef(
|
|
139
160
|
({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
140
161
|
"input",
|
|
141
162
|
{
|
|
@@ -154,7 +175,7 @@ var Input = React26__default.default.forwardRef(
|
|
|
154
175
|
)
|
|
155
176
|
);
|
|
156
177
|
Input.displayName = "Input";
|
|
157
|
-
var Textarea =
|
|
178
|
+
var Textarea = React66__namespace.default.forwardRef(
|
|
158
179
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
159
180
|
"textarea",
|
|
160
181
|
{
|
|
@@ -175,7 +196,7 @@ Textarea.displayName = "Textarea";
|
|
|
175
196
|
var Select = SelectPrimitive__namespace.Root;
|
|
176
197
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
177
198
|
var SelectValue = SelectPrimitive__namespace.Value;
|
|
178
|
-
var SelectTrigger =
|
|
199
|
+
var SelectTrigger = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
179
200
|
SelectPrimitive__namespace.Trigger,
|
|
180
201
|
{
|
|
181
202
|
ref,
|
|
@@ -195,7 +216,7 @@ var SelectTrigger = React26__default.default.forwardRef(({ className, children,
|
|
|
195
216
|
}
|
|
196
217
|
));
|
|
197
218
|
SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
|
|
198
|
-
var SelectScrollUpButton =
|
|
219
|
+
var SelectScrollUpButton = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
199
220
|
SelectPrimitive__namespace.ScrollUpButton,
|
|
200
221
|
{
|
|
201
222
|
ref,
|
|
@@ -205,7 +226,7 @@ var SelectScrollUpButton = React26__default.default.forwardRef(({ className, ...
|
|
|
205
226
|
}
|
|
206
227
|
));
|
|
207
228
|
SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
|
|
208
|
-
var SelectScrollDownButton =
|
|
229
|
+
var SelectScrollDownButton = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
209
230
|
SelectPrimitive__namespace.ScrollDownButton,
|
|
210
231
|
{
|
|
211
232
|
ref,
|
|
@@ -215,7 +236,7 @@ var SelectScrollDownButton = React26__default.default.forwardRef(({ className, .
|
|
|
215
236
|
}
|
|
216
237
|
));
|
|
217
238
|
SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
|
|
218
|
-
var SelectContent =
|
|
239
|
+
var SelectContent = React66__namespace.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
219
240
|
SelectPrimitive__namespace.Content,
|
|
220
241
|
{
|
|
221
242
|
ref,
|
|
@@ -242,7 +263,7 @@ var SelectContent = React26__default.default.forwardRef(({ className, children,
|
|
|
242
263
|
}
|
|
243
264
|
) }));
|
|
244
265
|
SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
|
|
245
|
-
var SelectLabel =
|
|
266
|
+
var SelectLabel = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
246
267
|
SelectPrimitive__namespace.Label,
|
|
247
268
|
{
|
|
248
269
|
ref,
|
|
@@ -251,7 +272,7 @@ var SelectLabel = React26__default.default.forwardRef(({ className, ...props },
|
|
|
251
272
|
}
|
|
252
273
|
));
|
|
253
274
|
SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
|
|
254
|
-
var SelectItem =
|
|
275
|
+
var SelectItem = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
255
276
|
SelectPrimitive__namespace.Item,
|
|
256
277
|
{
|
|
257
278
|
ref,
|
|
@@ -269,7 +290,7 @@ var SelectItem = React26__default.default.forwardRef(({ className, children, ...
|
|
|
269
290
|
}
|
|
270
291
|
));
|
|
271
292
|
SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
|
|
272
|
-
var SelectSeparator =
|
|
293
|
+
var SelectSeparator = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
273
294
|
SelectPrimitive__namespace.Separator,
|
|
274
295
|
{
|
|
275
296
|
ref,
|
|
@@ -278,7 +299,7 @@ var SelectSeparator = React26__default.default.forwardRef(({ className, ...props
|
|
|
278
299
|
}
|
|
279
300
|
));
|
|
280
301
|
SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
|
|
281
|
-
var Checkbox =
|
|
302
|
+
var Checkbox = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
282
303
|
CheckboxPrimitive__namespace.Root,
|
|
283
304
|
{
|
|
284
305
|
ref,
|
|
@@ -294,9 +315,9 @@ var Checkbox = React26__default.default.forwardRef(({ className, ...props }, ref
|
|
|
294
315
|
}
|
|
295
316
|
));
|
|
296
317
|
Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
|
|
297
|
-
var RadioGroup =
|
|
318
|
+
var RadioGroup = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ref, ...props }));
|
|
298
319
|
RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
|
|
299
|
-
var RadioGroupItem =
|
|
320
|
+
var RadioGroupItem = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
300
321
|
RadioGroupPrimitive__namespace.Item,
|
|
301
322
|
{
|
|
302
323
|
ref,
|
|
@@ -311,7 +332,7 @@ var RadioGroupItem = React26__default.default.forwardRef(({ className, ...props
|
|
|
311
332
|
}
|
|
312
333
|
));
|
|
313
334
|
RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
|
|
314
|
-
var Switch =
|
|
335
|
+
var Switch = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
315
336
|
SwitchPrimitive__namespace.Root,
|
|
316
337
|
{
|
|
317
338
|
ref,
|
|
@@ -337,7 +358,7 @@ var Switch = React26__default.default.forwardRef(({ className, ...props }, ref)
|
|
|
337
358
|
}
|
|
338
359
|
));
|
|
339
360
|
Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
|
|
340
|
-
var Slider =
|
|
361
|
+
var Slider = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
341
362
|
SliderPrimitive__namespace.Root,
|
|
342
363
|
{
|
|
343
364
|
ref,
|
|
@@ -354,7 +375,7 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
354
375
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
355
376
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
356
377
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
357
|
-
var DialogOverlay =
|
|
378
|
+
var DialogOverlay = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
358
379
|
DialogPrimitive__namespace.Overlay,
|
|
359
380
|
{
|
|
360
381
|
ref,
|
|
@@ -368,7 +389,7 @@ var DialogOverlay = React26__default.default.forwardRef(({ className, ...props }
|
|
|
368
389
|
}
|
|
369
390
|
));
|
|
370
391
|
DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
|
|
371
|
-
var DialogContent =
|
|
392
|
+
var DialogContent = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
372
393
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
373
394
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
374
395
|
DialogPrimitive__namespace.Content,
|
|
@@ -398,7 +419,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("
|
|
|
398
419
|
DialogHeader.displayName = "DialogHeader";
|
|
399
420
|
var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
400
421
|
DialogFooter.displayName = "DialogFooter";
|
|
401
|
-
var DialogTitle =
|
|
422
|
+
var DialogTitle = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
402
423
|
DialogPrimitive__namespace.Title,
|
|
403
424
|
{
|
|
404
425
|
ref,
|
|
@@ -407,7 +428,7 @@ var DialogTitle = React26__default.default.forwardRef(({ className, ...props },
|
|
|
407
428
|
}
|
|
408
429
|
));
|
|
409
430
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
410
|
-
var DialogDescription =
|
|
431
|
+
var DialogDescription = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
411
432
|
DialogPrimitive__namespace.Description,
|
|
412
433
|
{
|
|
413
434
|
ref,
|
|
@@ -420,7 +441,7 @@ var Sheet = DialogPrimitive__namespace.Root;
|
|
|
420
441
|
var SheetTrigger = DialogPrimitive__namespace.Trigger;
|
|
421
442
|
var SheetClose = DialogPrimitive__namespace.Close;
|
|
422
443
|
var SheetPortal = DialogPrimitive__namespace.Portal;
|
|
423
|
-
var SheetOverlay =
|
|
444
|
+
var SheetOverlay = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
424
445
|
DialogPrimitive__namespace.Overlay,
|
|
425
446
|
{
|
|
426
447
|
ref,
|
|
@@ -448,7 +469,7 @@ var sheetVariants = classVarianceAuthority.cva(
|
|
|
448
469
|
defaultVariants: { side: "right" }
|
|
449
470
|
}
|
|
450
471
|
);
|
|
451
|
-
var SheetContent =
|
|
472
|
+
var SheetContent = React66__namespace.default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
452
473
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
453
474
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
|
|
454
475
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))]", children: [
|
|
@@ -461,14 +482,14 @@ var SheetContent = React26__default.default.forwardRef(({ side = "right", classN
|
|
|
461
482
|
SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
|
|
462
483
|
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
463
484
|
var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
464
|
-
var SheetTitle =
|
|
485
|
+
var SheetTitle = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
|
|
465
486
|
SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
466
|
-
var SheetDescription =
|
|
487
|
+
var SheetDescription = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
|
|
467
488
|
SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
|
|
468
489
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
469
490
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
470
491
|
var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
|
|
471
|
-
var PopoverContent =
|
|
492
|
+
var PopoverContent = React66__namespace.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
472
493
|
PopoverPrimitive__namespace.Content,
|
|
473
494
|
{
|
|
474
495
|
ref,
|
|
@@ -488,7 +509,7 @@ PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
|
488
509
|
var TooltipProvider = TooltipPrimitive__namespace.Provider;
|
|
489
510
|
var Tooltip = TooltipPrimitive__namespace.Root;
|
|
490
511
|
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
491
|
-
var TooltipContent =
|
|
512
|
+
var TooltipContent = React66__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
492
513
|
TooltipPrimitive__namespace.Content,
|
|
493
514
|
{
|
|
494
515
|
ref,
|
|
@@ -520,30 +541,30 @@ var itemStyle = cn(
|
|
|
520
541
|
"focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
|
|
521
542
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
|
|
522
543
|
);
|
|
523
|
-
var DropdownMenuContent =
|
|
544
|
+
var DropdownMenuContent = React66__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref, sideOffset, className: cn(contentStyle, className), ...props }) }));
|
|
524
545
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
525
|
-
var DropdownMenuItem =
|
|
546
|
+
var DropdownMenuItem = React66__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
|
|
526
547
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
527
|
-
var DropdownMenuCheckboxItem =
|
|
548
|
+
var DropdownMenuCheckboxItem = React66__namespace.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
|
|
528
549
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
|
|
529
550
|
children
|
|
530
551
|
] }));
|
|
531
552
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
532
|
-
var DropdownMenuRadioItem =
|
|
553
|
+
var DropdownMenuRadioItem = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
|
|
533
554
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
534
555
|
children
|
|
535
556
|
] }));
|
|
536
557
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
537
|
-
var DropdownMenuLabel =
|
|
558
|
+
var DropdownMenuLabel = React66__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
|
|
538
559
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
539
|
-
var DropdownMenuSeparator =
|
|
560
|
+
var DropdownMenuSeparator = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
|
|
540
561
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
|
|
541
|
-
var DropdownMenuSubTrigger =
|
|
562
|
+
var DropdownMenuSubTrigger = React66__namespace.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
|
|
542
563
|
children,
|
|
543
564
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
544
565
|
] }));
|
|
545
566
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
546
|
-
var DropdownMenuSubContent =
|
|
567
|
+
var DropdownMenuSubContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle, className), ...props }));
|
|
547
568
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
548
569
|
var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
549
570
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
@@ -555,33 +576,33 @@ var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
|
|
|
555
576
|
var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.RadioGroup;
|
|
556
577
|
var contentStyle2 = "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md animate-in fade-in-80";
|
|
557
578
|
var itemStyle2 = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))] data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
|
|
558
|
-
var ContextMenuContent =
|
|
579
|
+
var ContextMenuContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
|
|
559
580
|
ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
|
|
560
|
-
var ContextMenuItem =
|
|
581
|
+
var ContextMenuItem = React66__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
|
|
561
582
|
ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
|
|
562
|
-
var ContextMenuCheckboxItem =
|
|
583
|
+
var ContextMenuCheckboxItem = React66__namespace.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
|
|
563
584
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
|
|
564
585
|
children
|
|
565
586
|
] }));
|
|
566
587
|
ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
567
|
-
var ContextMenuRadioItem =
|
|
588
|
+
var ContextMenuRadioItem = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
|
|
568
589
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
569
590
|
children
|
|
570
591
|
] }));
|
|
571
592
|
ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
|
|
572
|
-
var ContextMenuLabel =
|
|
593
|
+
var ContextMenuLabel = React66__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
|
|
573
594
|
ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
|
|
574
|
-
var ContextMenuSeparator =
|
|
595
|
+
var ContextMenuSeparator = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
|
|
575
596
|
ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
|
|
576
|
-
var ContextMenuSubTrigger =
|
|
597
|
+
var ContextMenuSubTrigger = React66__namespace.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props, children: [
|
|
577
598
|
children,
|
|
578
599
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
579
600
|
] }));
|
|
580
601
|
ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
|
|
581
|
-
var ContextMenuSubContent =
|
|
602
|
+
var ContextMenuSubContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
|
|
582
603
|
ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
|
|
583
604
|
var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
584
|
-
var Card =
|
|
605
|
+
var Card = React66__namespace.default.forwardRef(
|
|
585
606
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
586
607
|
"div",
|
|
587
608
|
{
|
|
@@ -592,23 +613,23 @@ var Card = React26__default.default.forwardRef(
|
|
|
592
613
|
)
|
|
593
614
|
);
|
|
594
615
|
Card.displayName = "Card";
|
|
595
|
-
var CardHeader =
|
|
616
|
+
var CardHeader = React66__namespace.default.forwardRef(
|
|
596
617
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
|
|
597
618
|
);
|
|
598
619
|
CardHeader.displayName = "CardHeader";
|
|
599
|
-
var CardTitle =
|
|
620
|
+
var CardTitle = React66__namespace.default.forwardRef(
|
|
600
621
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
|
|
601
622
|
);
|
|
602
623
|
CardTitle.displayName = "CardTitle";
|
|
603
|
-
var CardDescription =
|
|
624
|
+
var CardDescription = React66__namespace.default.forwardRef(
|
|
604
625
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
|
|
605
626
|
);
|
|
606
627
|
CardDescription.displayName = "CardDescription";
|
|
607
|
-
var CardContent =
|
|
628
|
+
var CardContent = React66__namespace.default.forwardRef(
|
|
608
629
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
|
|
609
630
|
);
|
|
610
631
|
CardContent.displayName = "CardContent";
|
|
611
|
-
var CardFooter =
|
|
632
|
+
var CardFooter = React66__namespace.default.forwardRef(
|
|
612
633
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
|
|
613
634
|
);
|
|
614
635
|
CardFooter.displayName = "CardFooter";
|
|
@@ -629,7 +650,7 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
629
650
|
function Badge({ className, variant, ...props }) {
|
|
630
651
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
631
652
|
}
|
|
632
|
-
var Avatar =
|
|
653
|
+
var Avatar = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
633
654
|
AvatarPrimitive__namespace.Root,
|
|
634
655
|
{
|
|
635
656
|
ref,
|
|
@@ -638,9 +659,9 @@ var Avatar = React26__default.default.forwardRef(({ className, ...props }, ref)
|
|
|
638
659
|
}
|
|
639
660
|
));
|
|
640
661
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
641
|
-
var AvatarImage =
|
|
662
|
+
var AvatarImage = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
|
|
642
663
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
643
|
-
var AvatarFallback =
|
|
664
|
+
var AvatarFallback = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
644
665
|
AvatarPrimitive__namespace.Fallback,
|
|
645
666
|
{
|
|
646
667
|
ref,
|
|
@@ -649,7 +670,7 @@ var AvatarFallback = React26__default.default.forwardRef(({ className, ...props
|
|
|
649
670
|
}
|
|
650
671
|
));
|
|
651
672
|
AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
|
|
652
|
-
var Separator4 =
|
|
673
|
+
var Separator4 = React66__namespace.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
653
674
|
SeparatorPrimitive__namespace.Root,
|
|
654
675
|
{
|
|
655
676
|
ref,
|
|
@@ -673,7 +694,7 @@ function Skeleton({ className, ...props }) {
|
|
|
673
694
|
}
|
|
674
695
|
);
|
|
675
696
|
}
|
|
676
|
-
var Progress =
|
|
697
|
+
var Progress = React66__namespace.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
677
698
|
ProgressPrimitive__namespace.Root,
|
|
678
699
|
{
|
|
679
700
|
ref,
|
|
@@ -690,7 +711,7 @@ var Progress = React26__default.default.forwardRef(({ className, value, ...props
|
|
|
690
711
|
));
|
|
691
712
|
Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
|
|
692
713
|
var Tabs = TabsPrimitive__namespace.Root;
|
|
693
|
-
var TabsList =
|
|
714
|
+
var TabsList = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
694
715
|
TabsPrimitive__namespace.List,
|
|
695
716
|
{
|
|
696
717
|
ref,
|
|
@@ -702,7 +723,7 @@ var TabsList = React26__default.default.forwardRef(({ className, ...props }, ref
|
|
|
702
723
|
}
|
|
703
724
|
));
|
|
704
725
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
705
|
-
var TabsTrigger =
|
|
726
|
+
var TabsTrigger = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
706
727
|
TabsPrimitive__namespace.Trigger,
|
|
707
728
|
{
|
|
708
729
|
ref,
|
|
@@ -717,7 +738,7 @@ var TabsTrigger = React26__default.default.forwardRef(({ className, ...props },
|
|
|
717
738
|
}
|
|
718
739
|
));
|
|
719
740
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
720
|
-
var TabsContent =
|
|
741
|
+
var TabsContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
721
742
|
TabsPrimitive__namespace.Content,
|
|
722
743
|
{
|
|
723
744
|
ref,
|
|
@@ -750,7 +771,7 @@ var justifyMap = {
|
|
|
750
771
|
around: "justify-around",
|
|
751
772
|
evenly: "justify-evenly"
|
|
752
773
|
};
|
|
753
|
-
var Stack =
|
|
774
|
+
var Stack = React66__namespace.default.forwardRef(
|
|
754
775
|
({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
755
776
|
"div",
|
|
756
777
|
{
|
|
@@ -769,11 +790,11 @@ var Stack = React26__default.default.forwardRef(
|
|
|
769
790
|
)
|
|
770
791
|
);
|
|
771
792
|
Stack.displayName = "Stack";
|
|
772
|
-
var HStack =
|
|
793
|
+
var HStack = React66__namespace.default.forwardRef(
|
|
773
794
|
(props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", ...props })
|
|
774
795
|
);
|
|
775
796
|
HStack.displayName = "HStack";
|
|
776
|
-
var VStack =
|
|
797
|
+
var VStack = React66__namespace.default.forwardRef(
|
|
777
798
|
(props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "col", ...props })
|
|
778
799
|
);
|
|
779
800
|
VStack.displayName = "VStack";
|
|
@@ -784,7 +805,7 @@ var sizeMap = {
|
|
|
784
805
|
xl: "max-w-screen-xl",
|
|
785
806
|
full: "max-w-full"
|
|
786
807
|
};
|
|
787
|
-
var Container =
|
|
808
|
+
var Container = React66__namespace.default.forwardRef(
|
|
788
809
|
({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
789
810
|
"div",
|
|
790
811
|
{
|
|
@@ -800,7 +821,7 @@ var Container = React26__default.default.forwardRef(
|
|
|
800
821
|
)
|
|
801
822
|
);
|
|
802
823
|
Container.displayName = "Container";
|
|
803
|
-
var Page =
|
|
824
|
+
var Page = React66__namespace.default.forwardRef(
|
|
804
825
|
({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
805
826
|
"div",
|
|
806
827
|
{
|
|
@@ -812,7 +833,7 @@ var Page = React26__default.default.forwardRef(
|
|
|
812
833
|
)
|
|
813
834
|
);
|
|
814
835
|
Page.displayName = "Page";
|
|
815
|
-
var PageHeader =
|
|
836
|
+
var PageHeader = React66__namespace.default.forwardRef(
|
|
816
837
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
817
838
|
"div",
|
|
818
839
|
{
|
|
@@ -823,7 +844,7 @@ var PageHeader = React26__default.default.forwardRef(
|
|
|
823
844
|
)
|
|
824
845
|
);
|
|
825
846
|
PageHeader.displayName = "PageHeader";
|
|
826
|
-
var PageTitle =
|
|
847
|
+
var PageTitle = React66__namespace.default.forwardRef(
|
|
827
848
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
828
849
|
"h1",
|
|
829
850
|
{
|
|
@@ -834,28 +855,28 @@ var PageTitle = React26__default.default.forwardRef(
|
|
|
834
855
|
)
|
|
835
856
|
);
|
|
836
857
|
PageTitle.displayName = "PageTitle";
|
|
837
|
-
var PageDescription =
|
|
858
|
+
var PageDescription = React66__namespace.default.forwardRef(
|
|
838
859
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
|
|
839
860
|
);
|
|
840
861
|
PageDescription.displayName = "PageDescription";
|
|
841
|
-
var PageActions =
|
|
862
|
+
var PageActions = React66__namespace.default.forwardRef(
|
|
842
863
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
|
|
843
864
|
);
|
|
844
865
|
PageActions.displayName = "PageActions";
|
|
845
|
-
var PageBody =
|
|
866
|
+
var PageBody = React66__namespace.default.forwardRef(
|
|
846
867
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
|
|
847
868
|
);
|
|
848
869
|
PageBody.displayName = "PageBody";
|
|
849
|
-
var SidebarCtx =
|
|
850
|
-
var useSidebarCtx = () =>
|
|
870
|
+
var SidebarCtx = React66__namespace.default.createContext({ collapsed: false });
|
|
871
|
+
var useSidebarCtx = () => React66__namespace.default.useContext(SidebarCtx);
|
|
851
872
|
var makeSlot = (name, cls) => {
|
|
852
|
-
const C =
|
|
873
|
+
const C = React66__namespace.default.forwardRef(
|
|
853
874
|
({ className, ...p }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(cls, className), ...p })
|
|
854
875
|
);
|
|
855
876
|
C.displayName = name;
|
|
856
877
|
return C;
|
|
857
878
|
};
|
|
858
|
-
var Sidebar =
|
|
879
|
+
var Sidebar = React66__namespace.default.forwardRef(
|
|
859
880
|
({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SidebarCtx.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
860
881
|
"div",
|
|
861
882
|
{
|
|
@@ -883,7 +904,7 @@ var SidebarContent = makeSlot("SidebarContent", "flex-1 overflow-y-auto py-2");
|
|
|
883
904
|
var SidebarFooter = makeSlot("SidebarFooter", "px-3 py-3 border-t border-[hsl(var(--border))] shrink-0");
|
|
884
905
|
var SidebarGroup = makeSlot("SidebarGroup", "mb-2");
|
|
885
906
|
var SidebarSeparator = makeSlot("SidebarSeparator", "h-px bg-[hsl(var(--border))] mx-3 my-2");
|
|
886
|
-
var SidebarGroupLabel =
|
|
907
|
+
var SidebarGroupLabel = React66__namespace.default.forwardRef(
|
|
887
908
|
({ className, ...props }, ref) => {
|
|
888
909
|
const { collapsed } = useSidebarCtx();
|
|
889
910
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -897,7 +918,7 @@ var SidebarGroupLabel = React26__default.default.forwardRef(
|
|
|
897
918
|
}
|
|
898
919
|
);
|
|
899
920
|
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
900
|
-
var SidebarItem =
|
|
921
|
+
var SidebarItem = React66__namespace.default.forwardRef(
|
|
901
922
|
({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
|
|
902
923
|
const { collapsed } = useSidebarCtx();
|
|
903
924
|
const cls = cn(
|
|
@@ -917,7 +938,7 @@ var SidebarItem = React26__default.default.forwardRef(
|
|
|
917
938
|
}
|
|
918
939
|
);
|
|
919
940
|
SidebarItem.displayName = "SidebarItem";
|
|
920
|
-
var Navbar =
|
|
941
|
+
var Navbar = React66__namespace.default.forwardRef(
|
|
921
942
|
({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
922
943
|
"nav",
|
|
923
944
|
{
|
|
@@ -933,7 +954,7 @@ var Navbar = React26__default.default.forwardRef(
|
|
|
933
954
|
)
|
|
934
955
|
);
|
|
935
956
|
Navbar.displayName = "Navbar";
|
|
936
|
-
var NavbarBrand =
|
|
957
|
+
var NavbarBrand = React66__namespace.default.forwardRef(
|
|
937
958
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
|
|
938
959
|
);
|
|
939
960
|
NavbarBrand.displayName = "NavbarBrand";
|
|
@@ -942,7 +963,7 @@ var alignMap2 = {
|
|
|
942
963
|
center: "justify-center flex-1",
|
|
943
964
|
end: "justify-end ml-auto"
|
|
944
965
|
};
|
|
945
|
-
var NavbarContent =
|
|
966
|
+
var NavbarContent = React66__namespace.default.forwardRef(
|
|
946
967
|
({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
947
968
|
"div",
|
|
948
969
|
{
|
|
@@ -953,11 +974,11 @@ var NavbarContent = React26__default.default.forwardRef(
|
|
|
953
974
|
)
|
|
954
975
|
);
|
|
955
976
|
NavbarContent.displayName = "NavbarContent";
|
|
956
|
-
var NavbarItem =
|
|
977
|
+
var NavbarItem = React66__namespace.default.forwardRef(
|
|
957
978
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props })
|
|
958
979
|
);
|
|
959
980
|
NavbarItem.displayName = "NavbarItem";
|
|
960
|
-
var AppShellCtx =
|
|
981
|
+
var AppShellCtx = React66__namespace.default.createContext({
|
|
961
982
|
collapsed: false,
|
|
962
983
|
setCollapsed: () => {
|
|
963
984
|
},
|
|
@@ -965,12 +986,12 @@ var AppShellCtx = React26__default.default.createContext({
|
|
|
965
986
|
setMobileOpen: () => {
|
|
966
987
|
}
|
|
967
988
|
});
|
|
968
|
-
var useAppShell = () =>
|
|
969
|
-
var AppShell =
|
|
989
|
+
var useAppShell = () => React66__namespace.default.useContext(AppShellCtx);
|
|
990
|
+
var AppShell = React66__namespace.default.forwardRef(
|
|
970
991
|
({ className, defaultCollapsed = false, children, ...props }, ref) => {
|
|
971
|
-
const [collapsed, setCollapsed] =
|
|
972
|
-
const [mobileOpen, setMobileOpen] =
|
|
973
|
-
|
|
992
|
+
const [collapsed, setCollapsed] = React66__namespace.default.useState(defaultCollapsed);
|
|
993
|
+
const [mobileOpen, setMobileOpen] = React66__namespace.default.useState(false);
|
|
994
|
+
React66__namespace.default.useEffect(() => {
|
|
974
995
|
const handleClick = (e) => {
|
|
975
996
|
const target = e.target;
|
|
976
997
|
if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
|
|
@@ -1001,7 +1022,7 @@ var AppShell = React26__default.default.forwardRef(
|
|
|
1001
1022
|
}
|
|
1002
1023
|
);
|
|
1003
1024
|
AppShell.displayName = "AppShell";
|
|
1004
|
-
var AppShellSidebar =
|
|
1025
|
+
var AppShellSidebar = React66__namespace.default.forwardRef(
|
|
1005
1026
|
({ className, ...props }, ref) => {
|
|
1006
1027
|
const { mobileOpen } = useAppShell();
|
|
1007
1028
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1022,11 +1043,11 @@ var AppShellSidebar = React26__default.default.forwardRef(
|
|
|
1022
1043
|
}
|
|
1023
1044
|
);
|
|
1024
1045
|
AppShellSidebar.displayName = "AppShellSidebar";
|
|
1025
|
-
var AppShellMain =
|
|
1046
|
+
var AppShellMain = React66__namespace.default.forwardRef(
|
|
1026
1047
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
|
|
1027
1048
|
);
|
|
1028
1049
|
AppShellMain.displayName = "AppShellMain";
|
|
1029
|
-
var MobileSidebarTrigger =
|
|
1050
|
+
var MobileSidebarTrigger = React66__namespace.default.forwardRef(
|
|
1030
1051
|
({ className, ...props }, ref) => {
|
|
1031
1052
|
const { mobileOpen, setMobileOpen } = useAppShell();
|
|
1032
1053
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1048,11 +1069,11 @@ var MobileSidebarTrigger = React26__default.default.forwardRef(
|
|
|
1048
1069
|
}
|
|
1049
1070
|
);
|
|
1050
1071
|
MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
|
|
1051
|
-
var SplitPage =
|
|
1072
|
+
var SplitPage = React66__namespace.default.forwardRef(
|
|
1052
1073
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
|
|
1053
1074
|
);
|
|
1054
1075
|
SplitPage.displayName = "SplitPage";
|
|
1055
|
-
var SplitPageList =
|
|
1076
|
+
var SplitPageList = React66__namespace.default.forwardRef(
|
|
1056
1077
|
({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1057
1078
|
"div",
|
|
1058
1079
|
{
|
|
@@ -1064,11 +1085,11 @@ var SplitPageList = React26__default.default.forwardRef(
|
|
|
1064
1085
|
)
|
|
1065
1086
|
);
|
|
1066
1087
|
SplitPageList.displayName = "SplitPageList";
|
|
1067
|
-
var SplitPageDetail =
|
|
1088
|
+
var SplitPageDetail = React66__namespace.default.forwardRef(
|
|
1068
1089
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
|
|
1069
1090
|
);
|
|
1070
1091
|
SplitPageDetail.displayName = "SplitPageDetail";
|
|
1071
|
-
var ResizeBox =
|
|
1092
|
+
var ResizeBox = React66__namespace.default.forwardRef(
|
|
1072
1093
|
({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1073
1094
|
"div",
|
|
1074
1095
|
{
|
|
@@ -1085,7 +1106,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "10", hei
|
|
|
1085
1106
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
1086
1107
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
1087
1108
|
] });
|
|
1088
|
-
var ResizeHandle =
|
|
1109
|
+
var ResizeHandle = React66__namespace.default.forwardRef(
|
|
1089
1110
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1090
1111
|
"div",
|
|
1091
1112
|
{
|
|
@@ -1109,7 +1130,7 @@ function Field({ label, description, error, required, children, className }) {
|
|
|
1109
1130
|
error && /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: error })
|
|
1110
1131
|
] });
|
|
1111
1132
|
}
|
|
1112
|
-
var FieldLabel =
|
|
1133
|
+
var FieldLabel = React66__namespace.default.forwardRef(
|
|
1113
1134
|
({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1114
1135
|
"label",
|
|
1115
1136
|
{
|
|
@@ -1124,7 +1145,7 @@ var FieldLabel = React26__default.default.forwardRef(
|
|
|
1124
1145
|
)
|
|
1125
1146
|
);
|
|
1126
1147
|
FieldLabel.displayName = "FieldLabel";
|
|
1127
|
-
var FieldDescription =
|
|
1148
|
+
var FieldDescription = React66__namespace.default.forwardRef(
|
|
1128
1149
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1129
1150
|
"p",
|
|
1130
1151
|
{
|
|
@@ -1135,7 +1156,7 @@ var FieldDescription = React26__default.default.forwardRef(
|
|
|
1135
1156
|
)
|
|
1136
1157
|
);
|
|
1137
1158
|
FieldDescription.displayName = "FieldDescription";
|
|
1138
|
-
var FieldError =
|
|
1159
|
+
var FieldError = React66__namespace.default.forwardRef(
|
|
1139
1160
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1140
1161
|
"p",
|
|
1141
1162
|
{
|
|
@@ -1155,9 +1176,9 @@ function getStrength(value) {
|
|
|
1155
1176
|
return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
|
|
1156
1177
|
return { level: "strong", width: "w-full", color: "bg-green-500" };
|
|
1157
1178
|
}
|
|
1158
|
-
var PasswordInput =
|
|
1179
|
+
var PasswordInput = React66__namespace.default.forwardRef(
|
|
1159
1180
|
({ className, strength, ...props }, ref) => {
|
|
1160
|
-
const [show, setShow] =
|
|
1181
|
+
const [show, setShow] = React66.useState(false);
|
|
1161
1182
|
const value = String(props.value ?? "");
|
|
1162
1183
|
const str = getStrength(value);
|
|
1163
1184
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
|
|
@@ -1190,9 +1211,9 @@ var PasswordInput = React26__default.default.forwardRef(
|
|
|
1190
1211
|
}
|
|
1191
1212
|
);
|
|
1192
1213
|
PasswordInput.displayName = "PasswordInput";
|
|
1193
|
-
var SearchInput =
|
|
1214
|
+
var SearchInput = React66__namespace.default.forwardRef(
|
|
1194
1215
|
({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
|
|
1195
|
-
const [internalValue, setInternalValue] =
|
|
1216
|
+
const [internalValue, setInternalValue] = React66.useState(defaultValue ?? "");
|
|
1196
1217
|
const isControlled = valueProp !== void 0;
|
|
1197
1218
|
const value = isControlled ? String(valueProp) : String(internalValue);
|
|
1198
1219
|
function handleChange(e) {
|
|
@@ -1248,8 +1269,8 @@ function filterBySize(files, maxSize) {
|
|
|
1248
1269
|
return maxSize ? files.filter((f) => f.size <= maxSize) : files;
|
|
1249
1270
|
}
|
|
1250
1271
|
function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled }) {
|
|
1251
|
-
const inputRef =
|
|
1252
|
-
const [dragging, setDragging] =
|
|
1272
|
+
const inputRef = React66.useRef(null);
|
|
1273
|
+
const [dragging, setDragging] = React66.useState(false);
|
|
1253
1274
|
function handleFiles(raw) {
|
|
1254
1275
|
if (!raw)
|
|
1255
1276
|
return;
|
|
@@ -1369,9 +1390,9 @@ function CalendarGrid({ year, month, selected, onSelect }) {
|
|
|
1369
1390
|
] });
|
|
1370
1391
|
}
|
|
1371
1392
|
function DatePicker({ value, onChange, placeholder = "Pick a date", disabled, className }) {
|
|
1372
|
-
const [open, setOpen] =
|
|
1393
|
+
const [open, setOpen] = React66.useState(false);
|
|
1373
1394
|
const now = value ?? /* @__PURE__ */ new Date();
|
|
1374
|
-
const [view, setView] =
|
|
1395
|
+
const [view, setView] = React66.useState({ year: now.getFullYear(), month: now.getMonth() });
|
|
1375
1396
|
function navigate(delta) {
|
|
1376
1397
|
setView((v) => {
|
|
1377
1398
|
const date = new Date(v.year, v.month + delta);
|
|
@@ -1415,7 +1436,7 @@ function FormField(props) {
|
|
|
1415
1436
|
function FormItem({ className, ...props }) {
|
|
1416
1437
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
|
|
1417
1438
|
}
|
|
1418
|
-
var FormLabel =
|
|
1439
|
+
var FormLabel = React66__namespace.default.forwardRef(
|
|
1419
1440
|
({ className, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1420
1441
|
"label",
|
|
1421
1442
|
{
|
|
@@ -1430,9 +1451,9 @@ var FormLabel = React26__default.default.forwardRef(
|
|
|
1430
1451
|
)
|
|
1431
1452
|
);
|
|
1432
1453
|
FormLabel.displayName = "FormLabel";
|
|
1433
|
-
var FormControl =
|
|
1454
|
+
var FormControl = React66__namespace.default.forwardRef(
|
|
1434
1455
|
({ ...props }, ref) => {
|
|
1435
|
-
const id =
|
|
1456
|
+
const id = React66.useId();
|
|
1436
1457
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id, ...props });
|
|
1437
1458
|
}
|
|
1438
1459
|
);
|
|
@@ -1448,15 +1469,15 @@ function FormMessage({ className, children, name }) {
|
|
|
1448
1469
|
return null;
|
|
1449
1470
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
|
|
1450
1471
|
}
|
|
1451
|
-
var StepFormContext =
|
|
1472
|
+
var StepFormContext = React66.createContext(null);
|
|
1452
1473
|
function useStepForm() {
|
|
1453
|
-
const ctx =
|
|
1474
|
+
const ctx = React66.useContext(StepFormContext);
|
|
1454
1475
|
if (!ctx)
|
|
1455
1476
|
throw new Error("useStepForm must be used within StepForm");
|
|
1456
1477
|
return ctx;
|
|
1457
1478
|
}
|
|
1458
1479
|
function StepForm({ steps, onSubmit, children, className }) {
|
|
1459
|
-
const [currentStep, setCurrentStep] =
|
|
1480
|
+
const [currentStep, setCurrentStep] = React66.useState(0);
|
|
1460
1481
|
const totalSteps = steps.length;
|
|
1461
1482
|
const ctx = {
|
|
1462
1483
|
currentStep,
|
|
@@ -1467,7 +1488,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1467
1488
|
isFirst: currentStep === 0,
|
|
1468
1489
|
isLast: currentStep === totalSteps - 1
|
|
1469
1490
|
};
|
|
1470
|
-
const childArray =
|
|
1491
|
+
const childArray = React66__namespace.default.Children.toArray(children);
|
|
1471
1492
|
const currentChild = childArray[currentStep];
|
|
1472
1493
|
return /* @__PURE__ */ jsxRuntime.jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
|
|
1473
1494
|
/* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { steps, currentStep }),
|
|
@@ -1476,7 +1497,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1476
1497
|
] }) });
|
|
1477
1498
|
}
|
|
1478
1499
|
function StepIndicator({ steps, currentStep }) {
|
|
1479
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1500
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React66__namespace.default.Fragment, { children: [
|
|
1480
1501
|
i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
|
|
1481
1502
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
|
|
1482
1503
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
|
|
@@ -1557,7 +1578,7 @@ function ObjectField({
|
|
|
1557
1578
|
children,
|
|
1558
1579
|
className
|
|
1559
1580
|
}) {
|
|
1560
|
-
const [open, setOpen] =
|
|
1581
|
+
const [open, setOpen] = React66.useState(defaultOpen);
|
|
1561
1582
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: [
|
|
1562
1583
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1563
1584
|
"div",
|
|
@@ -1711,7 +1732,7 @@ function DataTableToolbar({ table, searchColumn }) {
|
|
|
1711
1732
|
) });
|
|
1712
1733
|
}
|
|
1713
1734
|
function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
|
|
1714
|
-
const [sorting, setSorting] =
|
|
1735
|
+
const [sorting, setSorting] = React66__namespace.default.useState([]);
|
|
1715
1736
|
const table = reactTable.useReactTable({
|
|
1716
1737
|
data,
|
|
1717
1738
|
columns,
|
|
@@ -1738,8 +1759,8 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
|
|
|
1738
1759
|
] });
|
|
1739
1760
|
}
|
|
1740
1761
|
function EditableCell({ value: initial, onSave }) {
|
|
1741
|
-
const [editing, setEditing] =
|
|
1742
|
-
const [val, setVal] =
|
|
1762
|
+
const [editing, setEditing] = React66__namespace.default.useState(false);
|
|
1763
|
+
const [val, setVal] = React66__namespace.default.useState(String(initial ?? ""));
|
|
1743
1764
|
const commit = () => {
|
|
1744
1765
|
onSave(val);
|
|
1745
1766
|
setEditing(false);
|
|
@@ -1772,10 +1793,10 @@ var selectionCol = () => ({
|
|
|
1772
1793
|
enableResizing: false
|
|
1773
1794
|
});
|
|
1774
1795
|
function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
|
|
1775
|
-
const [data, setData] =
|
|
1776
|
-
const [rowSelection, setRowSelection] =
|
|
1796
|
+
const [data, setData] = React66__namespace.default.useState(initialData);
|
|
1797
|
+
const [rowSelection, setRowSelection] = React66__namespace.default.useState({});
|
|
1777
1798
|
const columnResizeMode = "onChange";
|
|
1778
|
-
const editableColumns =
|
|
1799
|
+
const editableColumns = React66__namespace.default.useMemo(() => {
|
|
1779
1800
|
if (!editable)
|
|
1780
1801
|
return columns;
|
|
1781
1802
|
return columns.map((col) => ({
|
|
@@ -1795,7 +1816,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1795
1816
|
)
|
|
1796
1817
|
}));
|
|
1797
1818
|
}, [columns, data, editable, onDataChange]);
|
|
1798
|
-
const allColumns =
|
|
1819
|
+
const allColumns = React66__namespace.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
|
|
1799
1820
|
const table = reactTable.useReactTable({
|
|
1800
1821
|
data,
|
|
1801
1822
|
columns: allColumns,
|
|
@@ -1813,7 +1834,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1813
1834
|
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: cn("border-t border-[hsl(var(--border))] hover:bg-[hsl(var(--muted)/0.3)] transition-colors", row.getIsSelected() && "bg-[hsl(var(--primary)/0.06)]"), children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx("td", { style: { width: cell.column.getSize() }, className: "px-3 py-2 border-r border-[hsl(var(--border))] last:border-r-0", children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
|
|
1814
1835
|
] }) });
|
|
1815
1836
|
}
|
|
1816
|
-
var EmptyStateIcon =
|
|
1837
|
+
var EmptyStateIcon = React66__namespace.default.forwardRef(
|
|
1817
1838
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-12 w-12 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", className), ...props })
|
|
1818
1839
|
);
|
|
1819
1840
|
EmptyStateIcon.displayName = "EmptyStateIcon";
|
|
@@ -1827,7 +1848,7 @@ function EmptyState({ icon, title, description, action, className }) {
|
|
|
1827
1848
|
action && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
|
|
1828
1849
|
] });
|
|
1829
1850
|
}
|
|
1830
|
-
var PropertyList =
|
|
1851
|
+
var PropertyList = React66__namespace.default.forwardRef(
|
|
1831
1852
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
|
|
1832
1853
|
);
|
|
1833
1854
|
PropertyList.displayName = "PropertyList";
|
|
@@ -1843,7 +1864,7 @@ var dotColors = {
|
|
|
1843
1864
|
error: "bg-red-500",
|
|
1844
1865
|
warning: "bg-yellow-500"
|
|
1845
1866
|
};
|
|
1846
|
-
var TimelineContent =
|
|
1867
|
+
var TimelineContent = React66__namespace.default.forwardRef(
|
|
1847
1868
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("pb-1", className), ...props })
|
|
1848
1869
|
);
|
|
1849
1870
|
TimelineContent.displayName = "TimelineContent";
|
|
@@ -1866,9 +1887,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
|
|
|
1866
1887
|
] });
|
|
1867
1888
|
}
|
|
1868
1889
|
function Timeline({ children, className }) {
|
|
1869
|
-
const items =
|
|
1890
|
+
const items = React66__namespace.default.Children.toArray(children);
|
|
1870
1891
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), children: items.map(
|
|
1871
|
-
(child, i) =>
|
|
1892
|
+
(child, i) => React66__namespace.default.isValidElement(child) ? React66__namespace.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
|
|
1872
1893
|
) });
|
|
1873
1894
|
}
|
|
1874
1895
|
function Stat({ label, value, trend, trendLabel, icon, description, className }) {
|
|
@@ -1956,7 +1977,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
|
|
|
1956
1977
|
}
|
|
1957
1978
|
);
|
|
1958
1979
|
}
|
|
1959
|
-
var StructuredList =
|
|
1980
|
+
var StructuredList = React66__namespace.default.forwardRef(
|
|
1960
1981
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-4", className), ...props })
|
|
1961
1982
|
);
|
|
1962
1983
|
StructuredList.displayName = "StructuredList";
|
|
@@ -2077,8 +2098,8 @@ function Banner({
|
|
|
2077
2098
|
className,
|
|
2078
2099
|
children
|
|
2079
2100
|
}) {
|
|
2080
|
-
const [dismissed, setDismissed] =
|
|
2081
|
-
const [exiting, setExiting] =
|
|
2101
|
+
const [dismissed, setDismissed] = React66__namespace.default.useState(false);
|
|
2102
|
+
const [exiting, setExiting] = React66__namespace.default.useState(false);
|
|
2082
2103
|
const handleDismiss = () => {
|
|
2083
2104
|
setExiting(true);
|
|
2084
2105
|
setTimeout(() => {
|
|
@@ -2213,7 +2234,7 @@ function BreadcrumbSeparator({ className }) {
|
|
|
2213
2234
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("flex items-center text-[hsl(var(--muted-foreground))]", className), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" }) });
|
|
2214
2235
|
}
|
|
2215
2236
|
function Breadcrumb({ children, className }) {
|
|
2216
|
-
const items =
|
|
2237
|
+
const items = React66__namespace.default.Children.toArray(children);
|
|
2217
2238
|
const withSeparators = [];
|
|
2218
2239
|
items.forEach((item, i) => {
|
|
2219
2240
|
withSeparators.push(item);
|
|
@@ -2234,10 +2255,10 @@ function Hotkeys({ keys, className }) {
|
|
|
2234
2255
|
var textOps = ["contains", "equals", "starts with"];
|
|
2235
2256
|
var numOps = ["=", ">", "<", ">=", "<="];
|
|
2236
2257
|
function AddFilterPopover({ filters, onAdd }) {
|
|
2237
|
-
const [open, setOpen] =
|
|
2238
|
-
const [key, setKey] =
|
|
2239
|
-
const [op, setOp] =
|
|
2240
|
-
const [val, setVal] =
|
|
2258
|
+
const [open, setOpen] = React66__namespace.default.useState(false);
|
|
2259
|
+
const [key, setKey] = React66__namespace.default.useState("");
|
|
2260
|
+
const [op, setOp] = React66__namespace.default.useState("");
|
|
2261
|
+
const [val, setVal] = React66__namespace.default.useState("");
|
|
2241
2262
|
const def = filters.find((f) => f.key === key);
|
|
2242
2263
|
const ops = def?.type === "number" ? numOps : textOps;
|
|
2243
2264
|
const handleAdd = () => {
|
|
@@ -2340,19 +2361,19 @@ function ToggleButtonGroup(props) {
|
|
|
2340
2361
|
props.onChange(val);
|
|
2341
2362
|
}
|
|
2342
2363
|
};
|
|
2343
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children:
|
|
2344
|
-
if (!
|
|
2364
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React66__namespace.default.Children.map(children, (child) => {
|
|
2365
|
+
if (!React66__namespace.default.isValidElement(child))
|
|
2345
2366
|
return child;
|
|
2346
2367
|
const tb = child;
|
|
2347
|
-
return
|
|
2368
|
+
return React66__namespace.default.cloneElement(tb, {
|
|
2348
2369
|
pressed: isPressed(tb.props.value),
|
|
2349
2370
|
onClick: () => handleClick(tb.props.value)
|
|
2350
2371
|
});
|
|
2351
2372
|
}) });
|
|
2352
2373
|
}
|
|
2353
2374
|
function useCommandBar() {
|
|
2354
|
-
const [open, setOpen] =
|
|
2355
|
-
|
|
2375
|
+
const [open, setOpen] = React66__namespace.default.useState(false);
|
|
2376
|
+
React66__namespace.default.useEffect(() => {
|
|
2356
2377
|
const handler = (e) => {
|
|
2357
2378
|
if ((e.metaKey || e.ctrlKey) && e.key === "k") {
|
|
2358
2379
|
e.preventDefault();
|
|
@@ -2392,12 +2413,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
|
|
|
2392
2413
|
);
|
|
2393
2414
|
}
|
|
2394
2415
|
function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
|
|
2395
|
-
const [query, setQuery] =
|
|
2416
|
+
const [query, setQuery] = React66__namespace.default.useState("");
|
|
2396
2417
|
const handleSearch = (v) => {
|
|
2397
2418
|
setQuery(v);
|
|
2398
2419
|
onSearch?.(v);
|
|
2399
2420
|
};
|
|
2400
|
-
const items =
|
|
2421
|
+
const items = React66__namespace.default.useRef(null);
|
|
2401
2422
|
const handleKeyDown = (e) => {
|
|
2402
2423
|
if (e.key === "Escape") {
|
|
2403
2424
|
onOpenChange(false);
|
|
@@ -2467,9 +2488,9 @@ function KanbanColumn({ column, isOver }) {
|
|
|
2467
2488
|
] });
|
|
2468
2489
|
}
|
|
2469
2490
|
function Kanban({ columns: initialColumns, onMoveCard, className }) {
|
|
2470
|
-
const [cols, setCols] =
|
|
2471
|
-
const [activeCard, setActiveCard] =
|
|
2472
|
-
const [overColId, setOverColId] =
|
|
2491
|
+
const [cols, setCols] = React66__namespace.default.useState(initialColumns);
|
|
2492
|
+
const [activeCard, setActiveCard] = React66__namespace.default.useState(null);
|
|
2493
|
+
const [overColId, setOverColId] = React66__namespace.default.useState(null);
|
|
2473
2494
|
const sensors = core.useSensors(core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }));
|
|
2474
2495
|
const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
|
|
2475
2496
|
const onDragStart = ({ active }) => {
|
|
@@ -2742,25 +2763,25 @@ function Beacon({ color = "primary", size = "md", children, className }) {
|
|
|
2742
2763
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex", children: /* @__PURE__ */ jsxRuntime.jsx(BeaconDot, { color, size }) })
|
|
2743
2764
|
] });
|
|
2744
2765
|
}
|
|
2745
|
-
var TourContext =
|
|
2766
|
+
var TourContext = React66.createContext(null);
|
|
2746
2767
|
function useTour() {
|
|
2747
|
-
const ctx =
|
|
2768
|
+
const ctx = React66.useContext(TourContext);
|
|
2748
2769
|
if (!ctx)
|
|
2749
2770
|
throw new Error("useTour must be used within <Tour>");
|
|
2750
2771
|
return ctx;
|
|
2751
2772
|
}
|
|
2752
2773
|
function Tour({ totalSteps, children }) {
|
|
2753
|
-
const [currentStep, setCurrentStep] =
|
|
2754
|
-
const [isActive, setIsActive] =
|
|
2755
|
-
const stop =
|
|
2756
|
-
const start =
|
|
2774
|
+
const [currentStep, setCurrentStep] = React66.useState(0);
|
|
2775
|
+
const [isActive, setIsActive] = React66.useState(false);
|
|
2776
|
+
const stop = React66.useCallback(() => setIsActive(false), []);
|
|
2777
|
+
const start = React66.useCallback(() => {
|
|
2757
2778
|
setCurrentStep(0);
|
|
2758
2779
|
setIsActive(true);
|
|
2759
2780
|
}, []);
|
|
2760
|
-
const next =
|
|
2761
|
-
const prev =
|
|
2762
|
-
const goTo =
|
|
2763
|
-
|
|
2781
|
+
const next = React66.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
|
|
2782
|
+
const prev = React66.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
|
|
2783
|
+
const goTo = React66.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
|
|
2784
|
+
React66.useEffect(() => {
|
|
2764
2785
|
if (!isActive)
|
|
2765
2786
|
return;
|
|
2766
2787
|
const onKey = (e) => {
|
|
@@ -2965,7 +2986,7 @@ function SidebarLayoutSearch({
|
|
|
2965
2986
|
children,
|
|
2966
2987
|
className
|
|
2967
2988
|
}) {
|
|
2968
|
-
const [query, setQuery] =
|
|
2989
|
+
const [query, setQuery] = React66.useState("");
|
|
2969
2990
|
const filtered = ALL_ITEMS.filter((i) => i.label.toLowerCase().includes(query.toLowerCase()));
|
|
2970
2991
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-[600px] overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))]", className), children: [
|
|
2971
2992
|
/* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex w-60 flex-col border-r border-[hsl(var(--border))] bg-[hsl(var(--card))]", children: [
|
|
@@ -3063,8 +3084,8 @@ function StackedLayoutTabs({
|
|
|
3063
3084
|
children,
|
|
3064
3085
|
className
|
|
3065
3086
|
}) {
|
|
3066
|
-
const [activeTab, setActiveTab] =
|
|
3067
|
-
const [activeNav, setActiveNav] =
|
|
3087
|
+
const [activeTab, setActiveTab] = React66.useState(0);
|
|
3088
|
+
const [activeNav, setActiveNav] = React66.useState(0);
|
|
3068
3089
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-[600px] flex-col overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))]", className), children: [
|
|
3069
3090
|
/* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex h-14 items-center gap-6 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4", children: [
|
|
3070
3091
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm shrink-0", children: brandName }),
|
|
@@ -3155,7 +3176,7 @@ function NotifRow({ label, description, checked, onChange }) {
|
|
|
3155
3176
|
] });
|
|
3156
3177
|
}
|
|
3157
3178
|
function NotificationSettings({ className }) {
|
|
3158
|
-
const [states, setStates] =
|
|
3179
|
+
const [states, setStates] = React66.useState(
|
|
3159
3180
|
Object.fromEntries(NOTIFICATIONS.map((n) => [n.id, n.default]))
|
|
3160
3181
|
);
|
|
3161
3182
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6", className), children: [
|
|
@@ -3184,8 +3205,8 @@ var MEMBERS = [
|
|
|
3184
3205
|
];
|
|
3185
3206
|
var roleVariant = (role) => role === "Owner" ? "default" : role === "Admin" ? "secondary" : "outline";
|
|
3186
3207
|
function WorkspaceMembers({ className }) {
|
|
3187
|
-
const [query, setQuery] =
|
|
3188
|
-
const [members, setMembers] =
|
|
3208
|
+
const [query, setQuery] = React66.useState("");
|
|
3209
|
+
const [members, setMembers] = React66.useState(MEMBERS);
|
|
3189
3210
|
const filtered = members.filter(
|
|
3190
3211
|
(m) => m.name.toLowerCase().includes(query.toLowerCase()) || m.email.toLowerCase().includes(query.toLowerCase())
|
|
3191
3212
|
);
|
|
@@ -3221,7 +3242,7 @@ function IntegrationCard({
|
|
|
3221
3242
|
connected = false,
|
|
3222
3243
|
className
|
|
3223
3244
|
}) {
|
|
3224
|
-
const [isConnected, setIsConnected] =
|
|
3245
|
+
const [isConnected, setIsConnected] = React66.useState(connected);
|
|
3225
3246
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", className), children: [
|
|
3226
3247
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", children: icon ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold", children: name[0] }) }),
|
|
3227
3248
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
@@ -3252,9 +3273,9 @@ function IntegrationCard({
|
|
|
3252
3273
|
}
|
|
3253
3274
|
var REACTIONS = ["\u{1F60A}", "\u{1F610}", "\u{1F615}", "\u{1F621}", "\u{1F929}"];
|
|
3254
3275
|
function FeedbackModal({ onSubmit, className }) {
|
|
3255
|
-
const [reaction, setReaction] =
|
|
3256
|
-
const [text, setText] =
|
|
3257
|
-
const [submitted, setSubmitted] =
|
|
3276
|
+
const [reaction, setReaction] = React66.useState("");
|
|
3277
|
+
const [text, setText] = React66.useState("");
|
|
3278
|
+
const [submitted, setSubmitted] = React66.useState(false);
|
|
3258
3279
|
const handleSubmit = () => {
|
|
3259
3280
|
onSubmit?.({ reaction, text });
|
|
3260
3281
|
setSubmitted(true);
|
|
@@ -3304,9 +3325,9 @@ var PENDING = [
|
|
|
3304
3325
|
{ email: "sam@startup.io", role: "Viewer" }
|
|
3305
3326
|
];
|
|
3306
3327
|
function InviteModal({ className }) {
|
|
3307
|
-
const [email, setEmail] =
|
|
3308
|
-
const [role, setRole] =
|
|
3309
|
-
const [pending, setPending] =
|
|
3328
|
+
const [email, setEmail] = React66.useState("");
|
|
3329
|
+
const [role, setRole] = React66.useState("Member");
|
|
3330
|
+
const [pending, setPending] = React66.useState(PENDING);
|
|
3310
3331
|
const invite = () => {
|
|
3311
3332
|
if (!email.trim())
|
|
3312
3333
|
return;
|
|
@@ -3354,9 +3375,9 @@ var INITIAL_TAGS = [
|
|
|
3354
3375
|
{ id: "4", name: "Research", color: "bg-purple-500" }
|
|
3355
3376
|
];
|
|
3356
3377
|
function ManageTagsModal({ className }) {
|
|
3357
|
-
const [tags, setTags] =
|
|
3358
|
-
const [newTag, setNewTag] =
|
|
3359
|
-
const [colorIdx, setColorIdx] =
|
|
3378
|
+
const [tags, setTags] = React66.useState(INITIAL_TAGS);
|
|
3379
|
+
const [newTag, setNewTag] = React66.useState("");
|
|
3380
|
+
const [colorIdx, setColorIdx] = React66.useState(0);
|
|
3360
3381
|
const addTag = () => {
|
|
3361
3382
|
if (!newTag.trim())
|
|
3362
3383
|
return;
|
|
@@ -3415,8 +3436,8 @@ var USERS = [
|
|
|
3415
3436
|
{ id: "6", name: "Mike Liu", email: "mike@acme.com", initials: "ML" }
|
|
3416
3437
|
];
|
|
3417
3438
|
function SelectUsersModal({ onConfirm, className }) {
|
|
3418
|
-
const [query, setQuery] =
|
|
3419
|
-
const [selected, setSelected] =
|
|
3439
|
+
const [query, setQuery] = React66.useState("");
|
|
3440
|
+
const [selected, setSelected] = React66.useState(/* @__PURE__ */ new Set());
|
|
3420
3441
|
const filtered = USERS.filter(
|
|
3421
3442
|
(u) => u.name.toLowerCase().includes(query.toLowerCase()) || u.email.toLowerCase().includes(query.toLowerCase())
|
|
3422
3443
|
);
|
|
@@ -3535,7 +3556,7 @@ var ROLES = [
|
|
|
3535
3556
|
{ value: "viewer", label: "Viewer", description: "Read-only access" }
|
|
3536
3557
|
];
|
|
3537
3558
|
function RolesMenu({ value = "member", onChange, className }) {
|
|
3538
|
-
const [role, setRole] =
|
|
3559
|
+
const [role, setRole] = React66.useState(value);
|
|
3539
3560
|
const current = ROLES.find((r) => r.value === role) ?? ROLES[2];
|
|
3540
3561
|
const handleChange = (v) => {
|
|
3541
3562
|
setRole(v);
|
|
@@ -3619,8 +3640,8 @@ function ChatBubble({ msg }) {
|
|
|
3619
3640
|
] });
|
|
3620
3641
|
}
|
|
3621
3642
|
function ChatDetail({ className }) {
|
|
3622
|
-
const [messages, setMessages] =
|
|
3623
|
-
const [input, setInput] =
|
|
3643
|
+
const [messages, setMessages] = React66.useState(INITIAL_MESSAGES);
|
|
3644
|
+
const [input, setInput] = React66.useState("");
|
|
3624
3645
|
const send = () => {
|
|
3625
3646
|
if (!input.trim())
|
|
3626
3647
|
return;
|
|
@@ -3761,7 +3782,7 @@ function FileRow({ file, onDelete }) {
|
|
|
3761
3782
|
] });
|
|
3762
3783
|
}
|
|
3763
3784
|
function FilesList({ className }) {
|
|
3764
|
-
const [files, setFiles] =
|
|
3785
|
+
const [files, setFiles] = React66__namespace.default.useState(FILES2);
|
|
3765
3786
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
|
|
3766
3787
|
/* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-[hsl(var(--muted)/0.5)]", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: ["Name", "Type", "Size", "Modified", ""].map((h) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-[hsl(var(--muted-foreground))]", children: h }, h)) }) }),
|
|
3767
3788
|
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: files.map((f) => /* @__PURE__ */ jsxRuntime.jsx(FileRow, { file: f, onDelete: () => setFiles((fs) => fs.filter((x) => x.id !== f.id)) }, f.id)) })
|
|
@@ -3839,7 +3860,7 @@ function TaskRow({ task, onToggle }) {
|
|
|
3839
3860
|
] });
|
|
3840
3861
|
}
|
|
3841
3862
|
function SortableTaskList({ className }) {
|
|
3842
|
-
const [tasks, setTasks] =
|
|
3863
|
+
const [tasks, setTasks] = React66.useState(TASKS);
|
|
3843
3864
|
const toggle = (id) => setTasks((ts) => ts.map((t) => t.id === id ? { ...t, done: !t.done } : t));
|
|
3844
3865
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 space-y-4", className), children: SECTIONS.map((section) => {
|
|
3845
3866
|
const items = tasks.filter((t) => t.status === section);
|
|
@@ -3856,6 +3877,883 @@ function SortableTaskList({ className }) {
|
|
|
3856
3877
|
] }, section);
|
|
3857
3878
|
}) });
|
|
3858
3879
|
}
|
|
3880
|
+
var Accordion = AccordionPrimitive__namespace.Root;
|
|
3881
|
+
var AccordionItem = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3882
|
+
AccordionPrimitive__namespace.Item,
|
|
3883
|
+
{
|
|
3884
|
+
ref,
|
|
3885
|
+
className: cn("border-b", className),
|
|
3886
|
+
...props
|
|
3887
|
+
}
|
|
3888
|
+
));
|
|
3889
|
+
AccordionItem.displayName = "AccordionItem";
|
|
3890
|
+
var AccordionTrigger = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3891
|
+
AccordionPrimitive__namespace.Trigger,
|
|
3892
|
+
{
|
|
3893
|
+
ref,
|
|
3894
|
+
className: cn(
|
|
3895
|
+
"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
|
|
3896
|
+
className
|
|
3897
|
+
),
|
|
3898
|
+
...props,
|
|
3899
|
+
children: [
|
|
3900
|
+
children,
|
|
3901
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
|
3902
|
+
]
|
|
3903
|
+
}
|
|
3904
|
+
) }));
|
|
3905
|
+
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
3906
|
+
var AccordionContent = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3907
|
+
AccordionPrimitive__namespace.Content,
|
|
3908
|
+
{
|
|
3909
|
+
ref,
|
|
3910
|
+
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
3911
|
+
...props,
|
|
3912
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
3913
|
+
}
|
|
3914
|
+
));
|
|
3915
|
+
AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
|
|
3916
|
+
var alertVariants = classVarianceAuthority.cva(
|
|
3917
|
+
"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
|
|
3918
|
+
{
|
|
3919
|
+
variants: {
|
|
3920
|
+
variant: {
|
|
3921
|
+
default: "bg-background text-foreground",
|
|
3922
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
3923
|
+
}
|
|
3924
|
+
},
|
|
3925
|
+
defaultVariants: {
|
|
3926
|
+
variant: "default"
|
|
3927
|
+
}
|
|
3928
|
+
}
|
|
3929
|
+
);
|
|
3930
|
+
var Alert = React66__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3931
|
+
"div",
|
|
3932
|
+
{
|
|
3933
|
+
ref,
|
|
3934
|
+
role: "alert",
|
|
3935
|
+
className: cn(alertVariants({ variant }), className),
|
|
3936
|
+
...props
|
|
3937
|
+
}
|
|
3938
|
+
));
|
|
3939
|
+
Alert.displayName = "Alert";
|
|
3940
|
+
var AlertTitle = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3941
|
+
"h5",
|
|
3942
|
+
{
|
|
3943
|
+
ref,
|
|
3944
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
3945
|
+
...props
|
|
3946
|
+
}
|
|
3947
|
+
));
|
|
3948
|
+
AlertTitle.displayName = "AlertTitle";
|
|
3949
|
+
var AlertDescription = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3950
|
+
"div",
|
|
3951
|
+
{
|
|
3952
|
+
ref,
|
|
3953
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
3954
|
+
...props
|
|
3955
|
+
}
|
|
3956
|
+
));
|
|
3957
|
+
AlertDescription.displayName = "AlertDescription";
|
|
3958
|
+
var AlertDialog = AlertDialogPrimitive__namespace.Root;
|
|
3959
|
+
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
3960
|
+
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
3961
|
+
var AlertDialogOverlay = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3962
|
+
AlertDialogPrimitive__namespace.Overlay,
|
|
3963
|
+
{
|
|
3964
|
+
className: cn(
|
|
3965
|
+
"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",
|
|
3966
|
+
className
|
|
3967
|
+
),
|
|
3968
|
+
...props,
|
|
3969
|
+
ref
|
|
3970
|
+
}
|
|
3971
|
+
));
|
|
3972
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
|
|
3973
|
+
var AlertDialogContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
3974
|
+
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
3975
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3976
|
+
AlertDialogPrimitive__namespace.Content,
|
|
3977
|
+
{
|
|
3978
|
+
ref,
|
|
3979
|
+
className: cn(
|
|
3980
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-lg",
|
|
3981
|
+
className
|
|
3982
|
+
),
|
|
3983
|
+
...props
|
|
3984
|
+
}
|
|
3985
|
+
)
|
|
3986
|
+
] }));
|
|
3987
|
+
AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
|
|
3988
|
+
var AlertDialogHeader = ({
|
|
3989
|
+
className,
|
|
3990
|
+
...props
|
|
3991
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3992
|
+
"div",
|
|
3993
|
+
{
|
|
3994
|
+
className: cn(
|
|
3995
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
3996
|
+
className
|
|
3997
|
+
),
|
|
3998
|
+
...props
|
|
3999
|
+
}
|
|
4000
|
+
);
|
|
4001
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
4002
|
+
var AlertDialogFooter = ({
|
|
4003
|
+
className,
|
|
4004
|
+
...props
|
|
4005
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4006
|
+
"div",
|
|
4007
|
+
{
|
|
4008
|
+
className: cn(
|
|
4009
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
4010
|
+
className
|
|
4011
|
+
),
|
|
4012
|
+
...props
|
|
4013
|
+
}
|
|
4014
|
+
);
|
|
4015
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
4016
|
+
var AlertDialogTitle = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4017
|
+
AlertDialogPrimitive__namespace.Title,
|
|
4018
|
+
{
|
|
4019
|
+
ref,
|
|
4020
|
+
className: cn("text-lg font-semibold", className),
|
|
4021
|
+
...props
|
|
4022
|
+
}
|
|
4023
|
+
));
|
|
4024
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
|
|
4025
|
+
var AlertDialogDescription = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4026
|
+
AlertDialogPrimitive__namespace.Description,
|
|
4027
|
+
{
|
|
4028
|
+
ref,
|
|
4029
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
4030
|
+
...props
|
|
4031
|
+
}
|
|
4032
|
+
));
|
|
4033
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
4034
|
+
var AlertDialogAction = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4035
|
+
AlertDialogPrimitive__namespace.Action,
|
|
4036
|
+
{
|
|
4037
|
+
ref,
|
|
4038
|
+
className: cn(buttonVariants(), className),
|
|
4039
|
+
...props
|
|
4040
|
+
}
|
|
4041
|
+
));
|
|
4042
|
+
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
4043
|
+
var AlertDialogCancel = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4044
|
+
AlertDialogPrimitive__namespace.Cancel,
|
|
4045
|
+
{
|
|
4046
|
+
ref,
|
|
4047
|
+
className: cn(
|
|
4048
|
+
buttonVariants({ variant: "outline" }),
|
|
4049
|
+
"mt-2 sm:mt-0",
|
|
4050
|
+
className
|
|
4051
|
+
),
|
|
4052
|
+
...props
|
|
4053
|
+
}
|
|
4054
|
+
));
|
|
4055
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
|
|
4056
|
+
var AspectRatio = AspectRatioPrimitive__namespace.Root;
|
|
4057
|
+
var CarouselContext = React66__namespace.createContext(null);
|
|
4058
|
+
function useCarousel() {
|
|
4059
|
+
const context = React66__namespace.useContext(CarouselContext);
|
|
4060
|
+
if (!context) {
|
|
4061
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
4062
|
+
}
|
|
4063
|
+
return context;
|
|
4064
|
+
}
|
|
4065
|
+
var Carousel = React66__namespace.forwardRef(
|
|
4066
|
+
({
|
|
4067
|
+
orientation = "horizontal",
|
|
4068
|
+
opts,
|
|
4069
|
+
setApi,
|
|
4070
|
+
plugins,
|
|
4071
|
+
className,
|
|
4072
|
+
children,
|
|
4073
|
+
...props
|
|
4074
|
+
}, ref) => {
|
|
4075
|
+
const [carouselRef, api] = useEmblaCarousel__default.default(
|
|
4076
|
+
{
|
|
4077
|
+
...opts,
|
|
4078
|
+
axis: orientation === "horizontal" ? "x" : "y"
|
|
4079
|
+
},
|
|
4080
|
+
plugins
|
|
4081
|
+
);
|
|
4082
|
+
const [canScrollPrev, setCanScrollPrev] = React66__namespace.useState(false);
|
|
4083
|
+
const [canScrollNext, setCanScrollNext] = React66__namespace.useState(false);
|
|
4084
|
+
const onSelect = React66__namespace.useCallback((api2) => {
|
|
4085
|
+
if (!api2) {
|
|
4086
|
+
return;
|
|
4087
|
+
}
|
|
4088
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
4089
|
+
setCanScrollNext(api2.canScrollNext());
|
|
4090
|
+
}, []);
|
|
4091
|
+
const scrollPrev = React66__namespace.useCallback(() => {
|
|
4092
|
+
api?.scrollPrev();
|
|
4093
|
+
}, [api]);
|
|
4094
|
+
const scrollNext = React66__namespace.useCallback(() => {
|
|
4095
|
+
api?.scrollNext();
|
|
4096
|
+
}, [api]);
|
|
4097
|
+
const handleKeyDown = React66__namespace.useCallback(
|
|
4098
|
+
(event) => {
|
|
4099
|
+
if (event.key === "ArrowLeft") {
|
|
4100
|
+
event.preventDefault();
|
|
4101
|
+
scrollPrev();
|
|
4102
|
+
} else if (event.key === "ArrowRight") {
|
|
4103
|
+
event.preventDefault();
|
|
4104
|
+
scrollNext();
|
|
4105
|
+
}
|
|
4106
|
+
},
|
|
4107
|
+
[scrollPrev, scrollNext]
|
|
4108
|
+
);
|
|
4109
|
+
React66__namespace.useEffect(() => {
|
|
4110
|
+
if (!api || !setApi) {
|
|
4111
|
+
return;
|
|
4112
|
+
}
|
|
4113
|
+
setApi(api);
|
|
4114
|
+
}, [api, setApi]);
|
|
4115
|
+
React66__namespace.useEffect(() => {
|
|
4116
|
+
if (!api) {
|
|
4117
|
+
return;
|
|
4118
|
+
}
|
|
4119
|
+
onSelect(api);
|
|
4120
|
+
api.on("reInit", onSelect);
|
|
4121
|
+
api.on("select", onSelect);
|
|
4122
|
+
return () => {
|
|
4123
|
+
api?.off("select", onSelect);
|
|
4124
|
+
};
|
|
4125
|
+
}, [api, onSelect]);
|
|
4126
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4127
|
+
CarouselContext.Provider,
|
|
4128
|
+
{
|
|
4129
|
+
value: {
|
|
4130
|
+
carouselRef,
|
|
4131
|
+
api,
|
|
4132
|
+
opts,
|
|
4133
|
+
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
4134
|
+
scrollPrev,
|
|
4135
|
+
scrollNext,
|
|
4136
|
+
canScrollPrev,
|
|
4137
|
+
canScrollNext
|
|
4138
|
+
},
|
|
4139
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4140
|
+
"div",
|
|
4141
|
+
{
|
|
4142
|
+
ref,
|
|
4143
|
+
onKeyDownCapture: handleKeyDown,
|
|
4144
|
+
className: cn("relative", className),
|
|
4145
|
+
role: "region",
|
|
4146
|
+
"aria-roledescription": "carousel",
|
|
4147
|
+
...props,
|
|
4148
|
+
children
|
|
4149
|
+
}
|
|
4150
|
+
)
|
|
4151
|
+
}
|
|
4152
|
+
);
|
|
4153
|
+
}
|
|
4154
|
+
);
|
|
4155
|
+
Carousel.displayName = "Carousel";
|
|
4156
|
+
var CarouselContent = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4157
|
+
const { carouselRef, orientation } = useCarousel();
|
|
4158
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4159
|
+
"div",
|
|
4160
|
+
{
|
|
4161
|
+
ref,
|
|
4162
|
+
className: cn(
|
|
4163
|
+
"flex",
|
|
4164
|
+
orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
4165
|
+
className
|
|
4166
|
+
),
|
|
4167
|
+
...props
|
|
4168
|
+
}
|
|
4169
|
+
) });
|
|
4170
|
+
});
|
|
4171
|
+
CarouselContent.displayName = "CarouselContent";
|
|
4172
|
+
var CarouselItem = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4173
|
+
const { orientation } = useCarousel();
|
|
4174
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4175
|
+
"div",
|
|
4176
|
+
{
|
|
4177
|
+
ref,
|
|
4178
|
+
role: "group",
|
|
4179
|
+
"aria-roledescription": "slide",
|
|
4180
|
+
className: cn(
|
|
4181
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
4182
|
+
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
4183
|
+
className
|
|
4184
|
+
),
|
|
4185
|
+
...props
|
|
4186
|
+
}
|
|
4187
|
+
);
|
|
4188
|
+
});
|
|
4189
|
+
CarouselItem.displayName = "CarouselItem";
|
|
4190
|
+
var CarouselPrevious = React66__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4191
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
4192
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4193
|
+
Button,
|
|
4194
|
+
{
|
|
4195
|
+
ref,
|
|
4196
|
+
variant,
|
|
4197
|
+
size,
|
|
4198
|
+
className: cn(
|
|
4199
|
+
"absolute h-8 w-8 rounded-full",
|
|
4200
|
+
orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4201
|
+
className
|
|
4202
|
+
),
|
|
4203
|
+
disabled: !canScrollPrev,
|
|
4204
|
+
onClick: scrollPrev,
|
|
4205
|
+
...props,
|
|
4206
|
+
children: [
|
|
4207
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" }),
|
|
4208
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
|
|
4209
|
+
]
|
|
4210
|
+
}
|
|
4211
|
+
);
|
|
4212
|
+
});
|
|
4213
|
+
CarouselPrevious.displayName = "CarouselPrevious";
|
|
4214
|
+
var CarouselNext = React66__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4215
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
4216
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4217
|
+
Button,
|
|
4218
|
+
{
|
|
4219
|
+
ref,
|
|
4220
|
+
variant,
|
|
4221
|
+
size,
|
|
4222
|
+
className: cn(
|
|
4223
|
+
"absolute h-8 w-8 rounded-full",
|
|
4224
|
+
orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4225
|
+
className
|
|
4226
|
+
),
|
|
4227
|
+
disabled: !canScrollNext,
|
|
4228
|
+
onClick: scrollNext,
|
|
4229
|
+
...props,
|
|
4230
|
+
children: [
|
|
4231
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4" }),
|
|
4232
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
|
|
4233
|
+
]
|
|
4234
|
+
}
|
|
4235
|
+
);
|
|
4236
|
+
});
|
|
4237
|
+
CarouselNext.displayName = "CarouselNext";
|
|
4238
|
+
var Collapsible = CollapsiblePrimitive__namespace.Root;
|
|
4239
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
|
|
4240
|
+
var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
|
|
4241
|
+
var NODES = [
|
|
4242
|
+
"a",
|
|
4243
|
+
"button",
|
|
4244
|
+
"div",
|
|
4245
|
+
"form",
|
|
4246
|
+
"h2",
|
|
4247
|
+
"h3",
|
|
4248
|
+
"img",
|
|
4249
|
+
"input",
|
|
4250
|
+
"label",
|
|
4251
|
+
"li",
|
|
4252
|
+
"nav",
|
|
4253
|
+
"ol",
|
|
4254
|
+
"p",
|
|
4255
|
+
"select",
|
|
4256
|
+
"span",
|
|
4257
|
+
"svg",
|
|
4258
|
+
"ul"
|
|
4259
|
+
];
|
|
4260
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
4261
|
+
const Slot3 = reactSlot.createSlot(`Primitive.${node}`);
|
|
4262
|
+
const Node = React66__namespace.forwardRef((props, forwardedRef) => {
|
|
4263
|
+
const { asChild, ...primitiveProps } = props;
|
|
4264
|
+
const Comp = asChild ? Slot3 : node;
|
|
4265
|
+
if (typeof window !== "undefined") {
|
|
4266
|
+
window[Symbol.for("radix-ui")] = true;
|
|
4267
|
+
}
|
|
4268
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
4269
|
+
});
|
|
4270
|
+
Node.displayName = `Primitive.${node}`;
|
|
4271
|
+
return { ...primitive, [node]: Node };
|
|
4272
|
+
}, {});
|
|
4273
|
+
var NAME = "Label";
|
|
4274
|
+
var Label4 = React66__namespace.forwardRef((props, forwardedRef) => {
|
|
4275
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4276
|
+
Primitive.label,
|
|
4277
|
+
{
|
|
4278
|
+
...props,
|
|
4279
|
+
ref: forwardedRef,
|
|
4280
|
+
onMouseDown: (event) => {
|
|
4281
|
+
const target = event.target;
|
|
4282
|
+
if (target.closest("button, input, select, textarea"))
|
|
4283
|
+
return;
|
|
4284
|
+
props.onMouseDown?.(event);
|
|
4285
|
+
if (!event.defaultPrevented && event.detail > 1)
|
|
4286
|
+
event.preventDefault();
|
|
4287
|
+
}
|
|
4288
|
+
}
|
|
4289
|
+
);
|
|
4290
|
+
});
|
|
4291
|
+
Label4.displayName = NAME;
|
|
4292
|
+
var Root20 = Label4;
|
|
4293
|
+
var labelVariants = classVarianceAuthority.cva(
|
|
4294
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
4295
|
+
);
|
|
4296
|
+
var Label5 = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4297
|
+
Root20,
|
|
4298
|
+
{
|
|
4299
|
+
ref,
|
|
4300
|
+
className: cn(labelVariants(), className),
|
|
4301
|
+
...props
|
|
4302
|
+
}
|
|
4303
|
+
));
|
|
4304
|
+
Label5.displayName = Root20.displayName;
|
|
4305
|
+
var FormFieldContext = React66__namespace.createContext(null);
|
|
4306
|
+
var useFormField = () => {
|
|
4307
|
+
const fieldContext = React66__namespace.useContext(FormFieldContext);
|
|
4308
|
+
const itemContext = React66__namespace.useContext(FormItemContext);
|
|
4309
|
+
const { getFieldState, formState } = reactHookForm.useFormContext();
|
|
4310
|
+
if (!fieldContext) {
|
|
4311
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
4312
|
+
}
|
|
4313
|
+
if (!itemContext) {
|
|
4314
|
+
throw new Error("useFormField should be used within <FormItem>");
|
|
4315
|
+
}
|
|
4316
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
4317
|
+
const { id } = itemContext;
|
|
4318
|
+
return {
|
|
4319
|
+
id,
|
|
4320
|
+
name: fieldContext.name,
|
|
4321
|
+
formItemId: `${id}-form-item`,
|
|
4322
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
4323
|
+
formMessageId: `${id}-form-item-message`,
|
|
4324
|
+
...fieldState
|
|
4325
|
+
};
|
|
4326
|
+
};
|
|
4327
|
+
var FormItemContext = React66__namespace.createContext(null);
|
|
4328
|
+
var FormItem2 = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4329
|
+
const id = React66__namespace.useId();
|
|
4330
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
|
|
4331
|
+
});
|
|
4332
|
+
FormItem2.displayName = "FormItem";
|
|
4333
|
+
var FormLabel2 = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4334
|
+
const { error, formItemId } = useFormField();
|
|
4335
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4336
|
+
Label5,
|
|
4337
|
+
{
|
|
4338
|
+
ref,
|
|
4339
|
+
className: cn(error && "text-destructive", className),
|
|
4340
|
+
htmlFor: formItemId,
|
|
4341
|
+
...props
|
|
4342
|
+
}
|
|
4343
|
+
);
|
|
4344
|
+
});
|
|
4345
|
+
FormLabel2.displayName = "FormLabel";
|
|
4346
|
+
var FormControl2 = React66__namespace.forwardRef(({ ...props }, ref) => {
|
|
4347
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
4348
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4349
|
+
reactSlot.Slot,
|
|
4350
|
+
{
|
|
4351
|
+
ref,
|
|
4352
|
+
id: formItemId,
|
|
4353
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
4354
|
+
"aria-invalid": !!error,
|
|
4355
|
+
...props
|
|
4356
|
+
}
|
|
4357
|
+
);
|
|
4358
|
+
});
|
|
4359
|
+
FormControl2.displayName = "FormControl";
|
|
4360
|
+
var FormDescription2 = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4361
|
+
const { formDescriptionId } = useFormField();
|
|
4362
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4363
|
+
"p",
|
|
4364
|
+
{
|
|
4365
|
+
ref,
|
|
4366
|
+
id: formDescriptionId,
|
|
4367
|
+
className: cn("text-[0.8rem] text-muted-foreground", className),
|
|
4368
|
+
...props
|
|
4369
|
+
}
|
|
4370
|
+
);
|
|
4371
|
+
});
|
|
4372
|
+
FormDescription2.displayName = "FormDescription";
|
|
4373
|
+
var FormMessage2 = React66__namespace.forwardRef(({ className, children, ...props }, ref) => {
|
|
4374
|
+
const { error, formMessageId } = useFormField();
|
|
4375
|
+
const body = error ? String(error?.message ?? "") : children;
|
|
4376
|
+
if (!body) {
|
|
4377
|
+
return null;
|
|
4378
|
+
}
|
|
4379
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4380
|
+
"p",
|
|
4381
|
+
{
|
|
4382
|
+
ref,
|
|
4383
|
+
id: formMessageId,
|
|
4384
|
+
className: cn("text-[0.8rem] font-medium text-destructive", className),
|
|
4385
|
+
...props,
|
|
4386
|
+
children: body
|
|
4387
|
+
}
|
|
4388
|
+
);
|
|
4389
|
+
});
|
|
4390
|
+
FormMessage2.displayName = "FormMessage";
|
|
4391
|
+
var HoverCard = HoverCardPrimitive__namespace.Root;
|
|
4392
|
+
var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
|
|
4393
|
+
var HoverCardContent = React66__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4394
|
+
HoverCardPrimitive__namespace.Content,
|
|
4395
|
+
{
|
|
4396
|
+
ref,
|
|
4397
|
+
align,
|
|
4398
|
+
sideOffset,
|
|
4399
|
+
className: cn(
|
|
4400
|
+
"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-hover-card-content-transform-origin]",
|
|
4401
|
+
className
|
|
4402
|
+
),
|
|
4403
|
+
...props
|
|
4404
|
+
}
|
|
4405
|
+
));
|
|
4406
|
+
HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
|
|
4407
|
+
var NavigationMenu = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4408
|
+
NavigationMenuPrimitive__namespace.Root,
|
|
4409
|
+
{
|
|
4410
|
+
ref,
|
|
4411
|
+
className: cn(
|
|
4412
|
+
"relative z-10 flex max-w-max flex-1 items-center justify-center",
|
|
4413
|
+
className
|
|
4414
|
+
),
|
|
4415
|
+
...props,
|
|
4416
|
+
children: [
|
|
4417
|
+
children,
|
|
4418
|
+
/* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
|
|
4419
|
+
]
|
|
4420
|
+
}
|
|
4421
|
+
));
|
|
4422
|
+
NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
|
|
4423
|
+
var NavigationMenuList = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4424
|
+
NavigationMenuPrimitive__namespace.List,
|
|
4425
|
+
{
|
|
4426
|
+
ref,
|
|
4427
|
+
className: cn(
|
|
4428
|
+
"group flex flex-1 list-none items-center justify-center space-x-1",
|
|
4429
|
+
className
|
|
4430
|
+
),
|
|
4431
|
+
...props
|
|
4432
|
+
}
|
|
4433
|
+
));
|
|
4434
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive__namespace.List.displayName;
|
|
4435
|
+
var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
|
|
4436
|
+
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
4437
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
|
|
4438
|
+
);
|
|
4439
|
+
var NavigationMenuTrigger = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4440
|
+
NavigationMenuPrimitive__namespace.Trigger,
|
|
4441
|
+
{
|
|
4442
|
+
ref,
|
|
4443
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
4444
|
+
...props,
|
|
4445
|
+
children: [
|
|
4446
|
+
children,
|
|
4447
|
+
" ",
|
|
4448
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4449
|
+
lucideReact.ChevronDown,
|
|
4450
|
+
{
|
|
4451
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
4452
|
+
"aria-hidden": "true"
|
|
4453
|
+
}
|
|
4454
|
+
)
|
|
4455
|
+
]
|
|
4456
|
+
}
|
|
4457
|
+
));
|
|
4458
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
|
|
4459
|
+
var NavigationMenuContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4460
|
+
NavigationMenuPrimitive__namespace.Content,
|
|
4461
|
+
{
|
|
4462
|
+
ref,
|
|
4463
|
+
className: cn(
|
|
4464
|
+
"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
|
|
4465
|
+
className
|
|
4466
|
+
),
|
|
4467
|
+
...props
|
|
4468
|
+
}
|
|
4469
|
+
));
|
|
4470
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
|
|
4471
|
+
var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
|
|
4472
|
+
var NavigationMenuViewport = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4473
|
+
NavigationMenuPrimitive__namespace.Viewport,
|
|
4474
|
+
{
|
|
4475
|
+
className: cn(
|
|
4476
|
+
"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
|
|
4477
|
+
className
|
|
4478
|
+
),
|
|
4479
|
+
ref,
|
|
4480
|
+
...props
|
|
4481
|
+
}
|
|
4482
|
+
) }));
|
|
4483
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
|
|
4484
|
+
var NavigationMenuIndicator = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4485
|
+
NavigationMenuPrimitive__namespace.Indicator,
|
|
4486
|
+
{
|
|
4487
|
+
ref,
|
|
4488
|
+
className: cn(
|
|
4489
|
+
"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
|
|
4490
|
+
className
|
|
4491
|
+
),
|
|
4492
|
+
...props,
|
|
4493
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
4494
|
+
}
|
|
4495
|
+
));
|
|
4496
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicator.displayName;
|
|
4497
|
+
var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4498
|
+
"nav",
|
|
4499
|
+
{
|
|
4500
|
+
role: "navigation",
|
|
4501
|
+
"aria-label": "pagination",
|
|
4502
|
+
className: cn("mx-auto flex w-full justify-center", className),
|
|
4503
|
+
...props
|
|
4504
|
+
}
|
|
4505
|
+
);
|
|
4506
|
+
Pagination.displayName = "Pagination";
|
|
4507
|
+
var PaginationContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4508
|
+
"ul",
|
|
4509
|
+
{
|
|
4510
|
+
ref,
|
|
4511
|
+
className: cn("flex flex-row items-center gap-1", className),
|
|
4512
|
+
...props
|
|
4513
|
+
}
|
|
4514
|
+
));
|
|
4515
|
+
PaginationContent.displayName = "PaginationContent";
|
|
4516
|
+
var PaginationItem = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
|
|
4517
|
+
PaginationItem.displayName = "PaginationItem";
|
|
4518
|
+
var PaginationLink = ({
|
|
4519
|
+
className,
|
|
4520
|
+
isActive,
|
|
4521
|
+
size = "icon",
|
|
4522
|
+
...props
|
|
4523
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4524
|
+
"a",
|
|
4525
|
+
{
|
|
4526
|
+
"aria-current": isActive ? "page" : void 0,
|
|
4527
|
+
className: cn(
|
|
4528
|
+
buttonVariants({
|
|
4529
|
+
variant: isActive ? "outline" : "ghost",
|
|
4530
|
+
size
|
|
4531
|
+
}),
|
|
4532
|
+
className
|
|
4533
|
+
),
|
|
4534
|
+
...props
|
|
4535
|
+
}
|
|
4536
|
+
);
|
|
4537
|
+
PaginationLink.displayName = "PaginationLink";
|
|
4538
|
+
var PaginationPrevious = ({
|
|
4539
|
+
className,
|
|
4540
|
+
...props
|
|
4541
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4542
|
+
PaginationLink,
|
|
4543
|
+
{
|
|
4544
|
+
"aria-label": "Go to previous page",
|
|
4545
|
+
size: "default",
|
|
4546
|
+
className: cn("gap-1 pl-2.5", className),
|
|
4547
|
+
...props,
|
|
4548
|
+
children: [
|
|
4549
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
|
|
4550
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
|
|
4551
|
+
]
|
|
4552
|
+
}
|
|
4553
|
+
);
|
|
4554
|
+
PaginationPrevious.displayName = "PaginationPrevious";
|
|
4555
|
+
var PaginationNext = ({
|
|
4556
|
+
className,
|
|
4557
|
+
...props
|
|
4558
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4559
|
+
PaginationLink,
|
|
4560
|
+
{
|
|
4561
|
+
"aria-label": "Go to next page",
|
|
4562
|
+
size: "default",
|
|
4563
|
+
className: cn("gap-1 pr-2.5", className),
|
|
4564
|
+
...props,
|
|
4565
|
+
children: [
|
|
4566
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
|
|
4567
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
|
|
4568
|
+
]
|
|
4569
|
+
}
|
|
4570
|
+
);
|
|
4571
|
+
PaginationNext.displayName = "PaginationNext";
|
|
4572
|
+
var PaginationEllipsis = ({
|
|
4573
|
+
className,
|
|
4574
|
+
...props
|
|
4575
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4576
|
+
"span",
|
|
4577
|
+
{
|
|
4578
|
+
"aria-hidden": true,
|
|
4579
|
+
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
4580
|
+
...props,
|
|
4581
|
+
children: [
|
|
4582
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
|
|
4583
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
|
|
4584
|
+
]
|
|
4585
|
+
}
|
|
4586
|
+
);
|
|
4587
|
+
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
4588
|
+
var ScrollArea = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4589
|
+
ScrollAreaPrimitive__namespace.Root,
|
|
4590
|
+
{
|
|
4591
|
+
ref,
|
|
4592
|
+
className: cn("relative overflow-hidden", className),
|
|
4593
|
+
...props,
|
|
4594
|
+
children: [
|
|
4595
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
|
|
4596
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
|
|
4597
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
|
|
4598
|
+
]
|
|
4599
|
+
}
|
|
4600
|
+
));
|
|
4601
|
+
ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
|
|
4602
|
+
var ScrollBar = React66__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4603
|
+
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
4604
|
+
{
|
|
4605
|
+
ref,
|
|
4606
|
+
orientation,
|
|
4607
|
+
className: cn(
|
|
4608
|
+
"flex touch-none select-none transition-colors",
|
|
4609
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
|
|
4610
|
+
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
|
|
4611
|
+
className
|
|
4612
|
+
),
|
|
4613
|
+
...props,
|
|
4614
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
4615
|
+
}
|
|
4616
|
+
));
|
|
4617
|
+
ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
|
|
4618
|
+
var Table = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4619
|
+
"table",
|
|
4620
|
+
{
|
|
4621
|
+
ref,
|
|
4622
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
4623
|
+
...props
|
|
4624
|
+
}
|
|
4625
|
+
) }));
|
|
4626
|
+
Table.displayName = "Table";
|
|
4627
|
+
var TableHeader = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
4628
|
+
TableHeader.displayName = "TableHeader";
|
|
4629
|
+
var TableBody = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4630
|
+
"tbody",
|
|
4631
|
+
{
|
|
4632
|
+
ref,
|
|
4633
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
4634
|
+
...props
|
|
4635
|
+
}
|
|
4636
|
+
));
|
|
4637
|
+
TableBody.displayName = "TableBody";
|
|
4638
|
+
var TableFooter = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4639
|
+
"tfoot",
|
|
4640
|
+
{
|
|
4641
|
+
ref,
|
|
4642
|
+
className: cn(
|
|
4643
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
4644
|
+
className
|
|
4645
|
+
),
|
|
4646
|
+
...props
|
|
4647
|
+
}
|
|
4648
|
+
));
|
|
4649
|
+
TableFooter.displayName = "TableFooter";
|
|
4650
|
+
var TableRow = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4651
|
+
"tr",
|
|
4652
|
+
{
|
|
4653
|
+
ref,
|
|
4654
|
+
className: cn(
|
|
4655
|
+
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
4656
|
+
className
|
|
4657
|
+
),
|
|
4658
|
+
...props
|
|
4659
|
+
}
|
|
4660
|
+
));
|
|
4661
|
+
TableRow.displayName = "TableRow";
|
|
4662
|
+
var TableHead = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4663
|
+
"th",
|
|
4664
|
+
{
|
|
4665
|
+
ref,
|
|
4666
|
+
className: cn(
|
|
4667
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4668
|
+
className
|
|
4669
|
+
),
|
|
4670
|
+
...props
|
|
4671
|
+
}
|
|
4672
|
+
));
|
|
4673
|
+
TableHead.displayName = "TableHead";
|
|
4674
|
+
var TableCell = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4675
|
+
"td",
|
|
4676
|
+
{
|
|
4677
|
+
ref,
|
|
4678
|
+
className: cn(
|
|
4679
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4680
|
+
className
|
|
4681
|
+
),
|
|
4682
|
+
...props
|
|
4683
|
+
}
|
|
4684
|
+
));
|
|
4685
|
+
TableCell.displayName = "TableCell";
|
|
4686
|
+
var TableCaption = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4687
|
+
"caption",
|
|
4688
|
+
{
|
|
4689
|
+
ref,
|
|
4690
|
+
className: cn("mt-4 text-sm text-muted-foreground", className),
|
|
4691
|
+
...props
|
|
4692
|
+
}
|
|
4693
|
+
));
|
|
4694
|
+
TableCaption.displayName = "TableCaption";
|
|
4695
|
+
var toggleVariants = classVarianceAuthority.cva(
|
|
4696
|
+
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
4697
|
+
{
|
|
4698
|
+
variants: {
|
|
4699
|
+
variant: {
|
|
4700
|
+
default: "bg-transparent",
|
|
4701
|
+
outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
|
|
4702
|
+
},
|
|
4703
|
+
size: {
|
|
4704
|
+
default: "h-9 px-2 min-w-9",
|
|
4705
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
4706
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
4707
|
+
}
|
|
4708
|
+
},
|
|
4709
|
+
defaultVariants: {
|
|
4710
|
+
variant: "default",
|
|
4711
|
+
size: "default"
|
|
4712
|
+
}
|
|
4713
|
+
}
|
|
4714
|
+
);
|
|
4715
|
+
var Toggle = React66__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4716
|
+
TogglePrimitive__namespace.Root,
|
|
4717
|
+
{
|
|
4718
|
+
ref,
|
|
4719
|
+
className: cn(toggleVariants({ variant, size, className })),
|
|
4720
|
+
...props
|
|
4721
|
+
}
|
|
4722
|
+
));
|
|
4723
|
+
Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
|
|
4724
|
+
var ToggleGroupContext = React66__namespace.createContext({
|
|
4725
|
+
size: "default",
|
|
4726
|
+
variant: "default"
|
|
4727
|
+
});
|
|
4728
|
+
var ToggleGroup = React66__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4729
|
+
ToggleGroupPrimitive__namespace.Root,
|
|
4730
|
+
{
|
|
4731
|
+
ref,
|
|
4732
|
+
className: cn("flex items-center justify-center gap-1", className),
|
|
4733
|
+
...props,
|
|
4734
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
4735
|
+
}
|
|
4736
|
+
));
|
|
4737
|
+
ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
|
|
4738
|
+
var ToggleGroupItem = React66__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
4739
|
+
const context = React66__namespace.useContext(ToggleGroupContext);
|
|
4740
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4741
|
+
ToggleGroupPrimitive__namespace.Item,
|
|
4742
|
+
{
|
|
4743
|
+
ref,
|
|
4744
|
+
className: cn(
|
|
4745
|
+
toggleVariants({
|
|
4746
|
+
variant: context.variant || variant,
|
|
4747
|
+
size: context.size || size
|
|
4748
|
+
}),
|
|
4749
|
+
className
|
|
4750
|
+
),
|
|
4751
|
+
...props,
|
|
4752
|
+
children
|
|
4753
|
+
}
|
|
4754
|
+
);
|
|
4755
|
+
});
|
|
4756
|
+
ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
|
|
3859
4757
|
|
|
3860
4758
|
Object.defineProperty(exports, "Form", {
|
|
3861
4759
|
enumerable: true,
|
|
@@ -3865,11 +4763,30 @@ Object.defineProperty(exports, "toast", {
|
|
|
3865
4763
|
enumerable: true,
|
|
3866
4764
|
get: function () { return sonner.toast; }
|
|
3867
4765
|
});
|
|
4766
|
+
exports.Accordion = Accordion;
|
|
4767
|
+
exports.AccordionContent = AccordionContent;
|
|
4768
|
+
exports.AccordionItem = AccordionItem;
|
|
4769
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
4770
|
+
exports.Alert = Alert;
|
|
4771
|
+
exports.AlertDescription = AlertDescription;
|
|
4772
|
+
exports.AlertDialog = AlertDialog;
|
|
4773
|
+
exports.AlertDialogAction = AlertDialogAction;
|
|
4774
|
+
exports.AlertDialogCancel = AlertDialogCancel;
|
|
4775
|
+
exports.AlertDialogContent = AlertDialogContent;
|
|
4776
|
+
exports.AlertDialogDescription = AlertDialogDescription;
|
|
4777
|
+
exports.AlertDialogFooter = AlertDialogFooter;
|
|
4778
|
+
exports.AlertDialogHeader = AlertDialogHeader;
|
|
4779
|
+
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
4780
|
+
exports.AlertDialogPortal = AlertDialogPortal;
|
|
4781
|
+
exports.AlertDialogTitle = AlertDialogTitle;
|
|
4782
|
+
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
4783
|
+
exports.AlertTitle = AlertTitle;
|
|
3868
4784
|
exports.AppShell = AppShell;
|
|
3869
4785
|
exports.AppShellMain = AppShellMain;
|
|
3870
4786
|
exports.AppShellSidebar = AppShellSidebar;
|
|
3871
4787
|
exports.AreaChart = AreaChart;
|
|
3872
4788
|
exports.ArrayField = ArrayField;
|
|
4789
|
+
exports.AspectRatio = AspectRatio;
|
|
3873
4790
|
exports.AutoForm = AutoForm;
|
|
3874
4791
|
exports.Avatar = Avatar;
|
|
3875
4792
|
exports.AvatarFallback = AvatarFallback;
|
|
@@ -3891,8 +4808,16 @@ exports.CardDescription = CardDescription;
|
|
|
3891
4808
|
exports.CardFooter = CardFooter;
|
|
3892
4809
|
exports.CardHeader = CardHeader;
|
|
3893
4810
|
exports.CardTitle = CardTitle;
|
|
4811
|
+
exports.Carousel = Carousel;
|
|
4812
|
+
exports.CarouselContent = CarouselContent;
|
|
4813
|
+
exports.CarouselItem = CarouselItem;
|
|
4814
|
+
exports.CarouselNext = CarouselNext;
|
|
4815
|
+
exports.CarouselPrevious = CarouselPrevious;
|
|
3894
4816
|
exports.ChatDetail = ChatDetail;
|
|
3895
4817
|
exports.Checkbox = Checkbox;
|
|
4818
|
+
exports.Collapsible = Collapsible;
|
|
4819
|
+
exports.CollapsibleContent = CollapsibleContent2;
|
|
4820
|
+
exports.CollapsibleTrigger = CollapsibleTrigger2;
|
|
3896
4821
|
exports.CommandBar = CommandBar;
|
|
3897
4822
|
exports.CommandBarEmpty = CommandBarEmpty;
|
|
3898
4823
|
exports.CommandBarGroup = CommandBarGroup;
|
|
@@ -3967,6 +4892,9 @@ exports.FormMessage = FormMessage;
|
|
|
3967
4892
|
exports.HStack = HStack;
|
|
3968
4893
|
exports.HotkeyBadge = HotkeyBadge;
|
|
3969
4894
|
exports.Hotkeys = Hotkeys;
|
|
4895
|
+
exports.HoverCard = HoverCard;
|
|
4896
|
+
exports.HoverCardContent = HoverCardContent;
|
|
4897
|
+
exports.HoverCardTrigger = HoverCardTrigger;
|
|
3970
4898
|
exports.IconBadge = IconBadge;
|
|
3971
4899
|
exports.Input = Input;
|
|
3972
4900
|
exports.IntegrationCard = IntegrationCard;
|
|
@@ -3974,6 +4902,7 @@ exports.InviteModal = InviteModal;
|
|
|
3974
4902
|
exports.Kanban = Kanban;
|
|
3975
4903
|
exports.KanbanCard = KanbanCard;
|
|
3976
4904
|
exports.KanbanColumn = KanbanColumn;
|
|
4905
|
+
exports.Label = Label5;
|
|
3977
4906
|
exports.LineChart = LineChart;
|
|
3978
4907
|
exports.LoadingOverlay = LoadingOverlay;
|
|
3979
4908
|
exports.ManageTagsModal = ManageTagsModal;
|
|
@@ -3986,6 +4915,14 @@ exports.Navbar = Navbar;
|
|
|
3986
4915
|
exports.NavbarBrand = NavbarBrand;
|
|
3987
4916
|
exports.NavbarContent = NavbarContent;
|
|
3988
4917
|
exports.NavbarItem = NavbarItem;
|
|
4918
|
+
exports.NavigationMenu = NavigationMenu;
|
|
4919
|
+
exports.NavigationMenuContent = NavigationMenuContent;
|
|
4920
|
+
exports.NavigationMenuIndicator = NavigationMenuIndicator;
|
|
4921
|
+
exports.NavigationMenuItem = NavigationMenuItem;
|
|
4922
|
+
exports.NavigationMenuLink = NavigationMenuLink;
|
|
4923
|
+
exports.NavigationMenuList = NavigationMenuList;
|
|
4924
|
+
exports.NavigationMenuTrigger = NavigationMenuTrigger;
|
|
4925
|
+
exports.NavigationMenuViewport = NavigationMenuViewport;
|
|
3989
4926
|
exports.NotificationSettings = NotificationSettings;
|
|
3990
4927
|
exports.ObjectField = ObjectField;
|
|
3991
4928
|
exports.OrgMenu = OrgMenu;
|
|
@@ -3995,6 +4932,13 @@ exports.PageBody = PageBody;
|
|
|
3995
4932
|
exports.PageDescription = PageDescription;
|
|
3996
4933
|
exports.PageHeader = PageHeader;
|
|
3997
4934
|
exports.PageTitle = PageTitle;
|
|
4935
|
+
exports.Pagination = Pagination;
|
|
4936
|
+
exports.PaginationContent = PaginationContent;
|
|
4937
|
+
exports.PaginationEllipsis = PaginationEllipsis;
|
|
4938
|
+
exports.PaginationItem = PaginationItem;
|
|
4939
|
+
exports.PaginationLink = PaginationLink;
|
|
4940
|
+
exports.PaginationNext = PaginationNext;
|
|
4941
|
+
exports.PaginationPrevious = PaginationPrevious;
|
|
3998
4942
|
exports.PasswordInput = PasswordInput;
|
|
3999
4943
|
exports.Persona = Persona;
|
|
4000
4944
|
exports.Popover = Popover;
|
|
@@ -4009,6 +4953,8 @@ exports.RadioGroupItem = RadioGroupItem;
|
|
|
4009
4953
|
exports.ResizeBox = ResizeBox;
|
|
4010
4954
|
exports.ResizeHandle = ResizeHandle;
|
|
4011
4955
|
exports.RolesMenu = RolesMenu;
|
|
4956
|
+
exports.ScrollArea = ScrollArea;
|
|
4957
|
+
exports.ScrollBar = ScrollBar;
|
|
4012
4958
|
exports.SearchInput = SearchInput;
|
|
4013
4959
|
exports.Select = Select;
|
|
4014
4960
|
exports.SelectContent = SelectContent;
|
|
@@ -4065,6 +5011,14 @@ exports.StructuredList = StructuredList;
|
|
|
4065
5011
|
exports.StructuredListItem = StructuredListItem;
|
|
4066
5012
|
exports.StructuredListSection = StructuredListSection;
|
|
4067
5013
|
exports.Switch = Switch;
|
|
5014
|
+
exports.Table = Table;
|
|
5015
|
+
exports.TableBody = TableBody;
|
|
5016
|
+
exports.TableCaption = TableCaption;
|
|
5017
|
+
exports.TableCell = TableCell;
|
|
5018
|
+
exports.TableFooter = TableFooter;
|
|
5019
|
+
exports.TableHead = TableHead;
|
|
5020
|
+
exports.TableHeader = TableHeader;
|
|
5021
|
+
exports.TableRow = TableRow;
|
|
4068
5022
|
exports.Tabs = Tabs;
|
|
4069
5023
|
exports.TabsContent = TabsContent;
|
|
4070
5024
|
exports.TabsList = TabsList;
|
|
@@ -4077,8 +5031,11 @@ exports.TimelineConnector = TimelineConnector;
|
|
|
4077
5031
|
exports.TimelineContent = TimelineContent;
|
|
4078
5032
|
exports.TimelineItem = TimelineItem;
|
|
4079
5033
|
exports.Toaster = Toaster;
|
|
5034
|
+
exports.Toggle = Toggle;
|
|
4080
5035
|
exports.ToggleButton = ToggleButton;
|
|
4081
5036
|
exports.ToggleButtonGroup = ToggleButtonGroup;
|
|
5037
|
+
exports.ToggleGroup = ToggleGroup;
|
|
5038
|
+
exports.ToggleGroupItem = ToggleGroupItem;
|
|
4082
5039
|
exports.Tooltip = Tooltip;
|
|
4083
5040
|
exports.TooltipContent = TooltipContent;
|
|
4084
5041
|
exports.TooltipProvider = TooltipProvider;
|
|
@@ -4091,9 +5048,12 @@ exports.WorkspaceMembers = WorkspaceMembers;
|
|
|
4091
5048
|
exports.badgeVariants = badgeVariants;
|
|
4092
5049
|
exports.buttonVariants = buttonVariants;
|
|
4093
5050
|
exports.cn = cn;
|
|
5051
|
+
exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
|
|
5052
|
+
exports.toggleVariants = toggleVariants;
|
|
4094
5053
|
exports.useAppShell = useAppShell;
|
|
4095
5054
|
exports.useBlinkUI = useBlinkUI;
|
|
4096
5055
|
exports.useCommandBar = useCommandBar;
|
|
5056
|
+
exports.useFormField = useFormField;
|
|
4097
5057
|
exports.useTour = useTour;
|
|
4098
5058
|
//# sourceMappingURL=out.js.map
|
|
4099
5059
|
//# sourceMappingURL=index.js.map
|