@blinkdotnew/ui 0.2.1 → 0.4.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 +584 -208
- package/dist/index.d.ts +584 -208
- package/dist/index.js +2048 -205
- package/dist/index.mjs +1857 -134
- package/package.json +17 -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');
|
|
@@ -29,7 +29,24 @@ var sonner = require('sonner');
|
|
|
29
29
|
var core = require('@dnd-kit/core');
|
|
30
30
|
var sortable = require('@dnd-kit/sortable');
|
|
31
31
|
var utilities = require('@dnd-kit/utilities');
|
|
32
|
-
var
|
|
32
|
+
var RechartsPrimitive = 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');
|
|
44
|
+
var reactDayPicker = require('react-day-picker');
|
|
45
|
+
var cmdk = require('cmdk');
|
|
46
|
+
var vaul = require('vaul');
|
|
47
|
+
var inputOtp = require('input-otp');
|
|
48
|
+
var MenubarPrimitive = require('@radix-ui/react-menubar');
|
|
49
|
+
var ResizablePrimitive = require('react-resizable-panels');
|
|
33
50
|
|
|
34
51
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
35
52
|
|
|
@@ -51,7 +68,7 @@ function _interopNamespace(e) {
|
|
|
51
68
|
return Object.freeze(n);
|
|
52
69
|
}
|
|
53
70
|
|
|
54
|
-
var
|
|
71
|
+
var React66__namespace = /*#__PURE__*/_interopNamespace(React66);
|
|
55
72
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
56
73
|
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
57
74
|
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
@@ -67,11 +84,24 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
|
|
|
67
84
|
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
68
85
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
69
86
|
var z__namespace = /*#__PURE__*/_interopNamespace(z);
|
|
87
|
+
var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
|
|
88
|
+
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
89
|
+
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
90
|
+
var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
|
|
91
|
+
var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
|
|
92
|
+
var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
|
|
93
|
+
var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
|
|
94
|
+
var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
|
|
95
|
+
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
96
|
+
var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
|
|
97
|
+
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
98
|
+
var MenubarPrimitive__namespace = /*#__PURE__*/_interopNamespace(MenubarPrimitive);
|
|
99
|
+
var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
|
|
70
100
|
|
|
71
101
|
// src/provider/blink-ui-provider.tsx
|
|
72
|
-
var BlinkUIContext =
|
|
102
|
+
var BlinkUIContext = React66.createContext(null);
|
|
73
103
|
function useBlinkUI() {
|
|
74
|
-
const ctx =
|
|
104
|
+
const ctx = React66.useContext(BlinkUIContext);
|
|
75
105
|
if (!ctx)
|
|
76
106
|
throw new Error("useBlinkUI must be used within <BlinkUIProvider>");
|
|
77
107
|
return ctx;
|
|
@@ -81,10 +111,10 @@ function BlinkUIProvider({
|
|
|
81
111
|
theme: initialTheme = "linear",
|
|
82
112
|
darkMode: initialDarkMode = "system"
|
|
83
113
|
}) {
|
|
84
|
-
const [theme, setTheme] =
|
|
85
|
-
const [darkMode, setDarkMode] =
|
|
86
|
-
const [resolvedDark, setResolvedDark] =
|
|
87
|
-
|
|
114
|
+
const [theme, setTheme] = React66.useState(initialTheme);
|
|
115
|
+
const [darkMode, setDarkMode] = React66.useState(initialDarkMode);
|
|
116
|
+
const [resolvedDark, setResolvedDark] = React66.useState(false);
|
|
117
|
+
React66.useEffect(() => {
|
|
88
118
|
const update = () => {
|
|
89
119
|
const isDark = darkMode === "dark" || darkMode === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
90
120
|
setResolvedDark(isDark);
|
|
@@ -94,7 +124,7 @@ function BlinkUIProvider({
|
|
|
94
124
|
mq.addEventListener("change", update);
|
|
95
125
|
return () => mq.removeEventListener("change", update);
|
|
96
126
|
}, [darkMode]);
|
|
97
|
-
|
|
127
|
+
React66.useEffect(() => {
|
|
98
128
|
const root = document.documentElement;
|
|
99
129
|
root.classList.remove("theme-linear", "theme-glass", "theme-midnight", "theme-minimal");
|
|
100
130
|
root.classList.remove("dark", "light");
|
|
@@ -128,14 +158,14 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
128
158
|
defaultVariants: { variant: "default", size: "default" }
|
|
129
159
|
}
|
|
130
160
|
);
|
|
131
|
-
var Button =
|
|
161
|
+
var Button = React66__namespace.default.forwardRef(
|
|
132
162
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
133
163
|
const Comp = asChild ? reactSlot.Slot : "button";
|
|
134
164
|
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
|
|
135
165
|
}
|
|
136
166
|
);
|
|
137
167
|
Button.displayName = "Button";
|
|
138
|
-
var Input =
|
|
168
|
+
var Input = React66__namespace.default.forwardRef(
|
|
139
169
|
({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
140
170
|
"input",
|
|
141
171
|
{
|
|
@@ -154,7 +184,7 @@ var Input = React26__default.default.forwardRef(
|
|
|
154
184
|
)
|
|
155
185
|
);
|
|
156
186
|
Input.displayName = "Input";
|
|
157
|
-
var Textarea =
|
|
187
|
+
var Textarea = React66__namespace.default.forwardRef(
|
|
158
188
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
159
189
|
"textarea",
|
|
160
190
|
{
|
|
@@ -175,7 +205,7 @@ Textarea.displayName = "Textarea";
|
|
|
175
205
|
var Select = SelectPrimitive__namespace.Root;
|
|
176
206
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
177
207
|
var SelectValue = SelectPrimitive__namespace.Value;
|
|
178
|
-
var SelectTrigger =
|
|
208
|
+
var SelectTrigger = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
179
209
|
SelectPrimitive__namespace.Trigger,
|
|
180
210
|
{
|
|
181
211
|
ref,
|
|
@@ -195,7 +225,7 @@ var SelectTrigger = React26__default.default.forwardRef(({ className, children,
|
|
|
195
225
|
}
|
|
196
226
|
));
|
|
197
227
|
SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
|
|
198
|
-
var SelectScrollUpButton =
|
|
228
|
+
var SelectScrollUpButton = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
199
229
|
SelectPrimitive__namespace.ScrollUpButton,
|
|
200
230
|
{
|
|
201
231
|
ref,
|
|
@@ -205,7 +235,7 @@ var SelectScrollUpButton = React26__default.default.forwardRef(({ className, ...
|
|
|
205
235
|
}
|
|
206
236
|
));
|
|
207
237
|
SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
|
|
208
|
-
var SelectScrollDownButton =
|
|
238
|
+
var SelectScrollDownButton = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
209
239
|
SelectPrimitive__namespace.ScrollDownButton,
|
|
210
240
|
{
|
|
211
241
|
ref,
|
|
@@ -215,7 +245,7 @@ var SelectScrollDownButton = React26__default.default.forwardRef(({ className, .
|
|
|
215
245
|
}
|
|
216
246
|
));
|
|
217
247
|
SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
|
|
218
|
-
var SelectContent =
|
|
248
|
+
var SelectContent = React66__namespace.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
219
249
|
SelectPrimitive__namespace.Content,
|
|
220
250
|
{
|
|
221
251
|
ref,
|
|
@@ -242,7 +272,7 @@ var SelectContent = React26__default.default.forwardRef(({ className, children,
|
|
|
242
272
|
}
|
|
243
273
|
) }));
|
|
244
274
|
SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
|
|
245
|
-
var SelectLabel =
|
|
275
|
+
var SelectLabel = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
246
276
|
SelectPrimitive__namespace.Label,
|
|
247
277
|
{
|
|
248
278
|
ref,
|
|
@@ -251,7 +281,7 @@ var SelectLabel = React26__default.default.forwardRef(({ className, ...props },
|
|
|
251
281
|
}
|
|
252
282
|
));
|
|
253
283
|
SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
|
|
254
|
-
var SelectItem =
|
|
284
|
+
var SelectItem = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
255
285
|
SelectPrimitive__namespace.Item,
|
|
256
286
|
{
|
|
257
287
|
ref,
|
|
@@ -269,7 +299,7 @@ var SelectItem = React26__default.default.forwardRef(({ className, children, ...
|
|
|
269
299
|
}
|
|
270
300
|
));
|
|
271
301
|
SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
|
|
272
|
-
var SelectSeparator =
|
|
302
|
+
var SelectSeparator = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
273
303
|
SelectPrimitive__namespace.Separator,
|
|
274
304
|
{
|
|
275
305
|
ref,
|
|
@@ -278,7 +308,7 @@ var SelectSeparator = React26__default.default.forwardRef(({ className, ...props
|
|
|
278
308
|
}
|
|
279
309
|
));
|
|
280
310
|
SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
|
|
281
|
-
var Checkbox =
|
|
311
|
+
var Checkbox = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
282
312
|
CheckboxPrimitive__namespace.Root,
|
|
283
313
|
{
|
|
284
314
|
ref,
|
|
@@ -294,9 +324,9 @@ var Checkbox = React26__default.default.forwardRef(({ className, ...props }, ref
|
|
|
294
324
|
}
|
|
295
325
|
));
|
|
296
326
|
Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
|
|
297
|
-
var RadioGroup =
|
|
327
|
+
var RadioGroup = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ref, ...props }));
|
|
298
328
|
RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
|
|
299
|
-
var RadioGroupItem =
|
|
329
|
+
var RadioGroupItem = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
300
330
|
RadioGroupPrimitive__namespace.Item,
|
|
301
331
|
{
|
|
302
332
|
ref,
|
|
@@ -311,7 +341,7 @@ var RadioGroupItem = React26__default.default.forwardRef(({ className, ...props
|
|
|
311
341
|
}
|
|
312
342
|
));
|
|
313
343
|
RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
|
|
314
|
-
var Switch =
|
|
344
|
+
var Switch = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
315
345
|
SwitchPrimitive__namespace.Root,
|
|
316
346
|
{
|
|
317
347
|
ref,
|
|
@@ -337,7 +367,7 @@ var Switch = React26__default.default.forwardRef(({ className, ...props }, ref)
|
|
|
337
367
|
}
|
|
338
368
|
));
|
|
339
369
|
Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
|
|
340
|
-
var Slider =
|
|
370
|
+
var Slider = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
341
371
|
SliderPrimitive__namespace.Root,
|
|
342
372
|
{
|
|
343
373
|
ref,
|
|
@@ -354,7 +384,7 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
354
384
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
355
385
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
356
386
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
357
|
-
var DialogOverlay =
|
|
387
|
+
var DialogOverlay = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
358
388
|
DialogPrimitive__namespace.Overlay,
|
|
359
389
|
{
|
|
360
390
|
ref,
|
|
@@ -368,7 +398,7 @@ var DialogOverlay = React26__default.default.forwardRef(({ className, ...props }
|
|
|
368
398
|
}
|
|
369
399
|
));
|
|
370
400
|
DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
|
|
371
|
-
var DialogContent =
|
|
401
|
+
var DialogContent = React66__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
372
402
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
373
403
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
374
404
|
DialogPrimitive__namespace.Content,
|
|
@@ -398,7 +428,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("
|
|
|
398
428
|
DialogHeader.displayName = "DialogHeader";
|
|
399
429
|
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
430
|
DialogFooter.displayName = "DialogFooter";
|
|
401
|
-
var DialogTitle =
|
|
431
|
+
var DialogTitle = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
402
432
|
DialogPrimitive__namespace.Title,
|
|
403
433
|
{
|
|
404
434
|
ref,
|
|
@@ -407,7 +437,7 @@ var DialogTitle = React26__default.default.forwardRef(({ className, ...props },
|
|
|
407
437
|
}
|
|
408
438
|
));
|
|
409
439
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
410
|
-
var DialogDescription =
|
|
440
|
+
var DialogDescription = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
411
441
|
DialogPrimitive__namespace.Description,
|
|
412
442
|
{
|
|
413
443
|
ref,
|
|
@@ -420,7 +450,7 @@ var Sheet = DialogPrimitive__namespace.Root;
|
|
|
420
450
|
var SheetTrigger = DialogPrimitive__namespace.Trigger;
|
|
421
451
|
var SheetClose = DialogPrimitive__namespace.Close;
|
|
422
452
|
var SheetPortal = DialogPrimitive__namespace.Portal;
|
|
423
|
-
var SheetOverlay =
|
|
453
|
+
var SheetOverlay = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
424
454
|
DialogPrimitive__namespace.Overlay,
|
|
425
455
|
{
|
|
426
456
|
ref,
|
|
@@ -448,7 +478,7 @@ var sheetVariants = classVarianceAuthority.cva(
|
|
|
448
478
|
defaultVariants: { side: "right" }
|
|
449
479
|
}
|
|
450
480
|
);
|
|
451
|
-
var SheetContent =
|
|
481
|
+
var SheetContent = React66__namespace.default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
452
482
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
453
483
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
|
|
454
484
|
/* @__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 +491,14 @@ var SheetContent = React26__default.default.forwardRef(({ side = "right", classN
|
|
|
461
491
|
SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
|
|
462
492
|
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
463
493
|
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 =
|
|
494
|
+
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
495
|
SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
466
|
-
var SheetDescription =
|
|
496
|
+
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
497
|
SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
|
|
468
498
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
469
499
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
470
500
|
var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
|
|
471
|
-
var PopoverContent =
|
|
501
|
+
var PopoverContent = React66__namespace.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
472
502
|
PopoverPrimitive__namespace.Content,
|
|
473
503
|
{
|
|
474
504
|
ref,
|
|
@@ -488,7 +518,7 @@ PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
|
488
518
|
var TooltipProvider = TooltipPrimitive__namespace.Provider;
|
|
489
519
|
var Tooltip = TooltipPrimitive__namespace.Root;
|
|
490
520
|
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
491
|
-
var TooltipContent =
|
|
521
|
+
var TooltipContent = React66__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
492
522
|
TooltipPrimitive__namespace.Content,
|
|
493
523
|
{
|
|
494
524
|
ref,
|
|
@@ -520,30 +550,30 @@ var itemStyle = cn(
|
|
|
520
550
|
"focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
|
|
521
551
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
|
|
522
552
|
);
|
|
523
|
-
var DropdownMenuContent =
|
|
553
|
+
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
554
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
525
|
-
var DropdownMenuItem =
|
|
555
|
+
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
556
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
527
|
-
var DropdownMenuCheckboxItem =
|
|
557
|
+
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
558
|
/* @__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
559
|
children
|
|
530
560
|
] }));
|
|
531
561
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
532
|
-
var DropdownMenuRadioItem =
|
|
562
|
+
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
563
|
/* @__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
564
|
children
|
|
535
565
|
] }));
|
|
536
566
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
537
|
-
var DropdownMenuLabel =
|
|
567
|
+
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
568
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
539
|
-
var DropdownMenuSeparator =
|
|
569
|
+
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
570
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
|
|
541
|
-
var DropdownMenuSubTrigger =
|
|
571
|
+
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
572
|
children,
|
|
543
573
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
544
574
|
] }));
|
|
545
575
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
546
|
-
var DropdownMenuSubContent =
|
|
576
|
+
var DropdownMenuSubContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle, className), ...props }));
|
|
547
577
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
548
578
|
var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
549
579
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
@@ -555,33 +585,33 @@ var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
|
|
|
555
585
|
var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.RadioGroup;
|
|
556
586
|
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
587
|
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 =
|
|
588
|
+
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
589
|
ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
|
|
560
|
-
var ContextMenuItem =
|
|
590
|
+
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
591
|
ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
|
|
562
|
-
var ContextMenuCheckboxItem =
|
|
592
|
+
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
593
|
/* @__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
594
|
children
|
|
565
595
|
] }));
|
|
566
596
|
ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
567
|
-
var ContextMenuRadioItem =
|
|
597
|
+
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
598
|
/* @__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
599
|
children
|
|
570
600
|
] }));
|
|
571
601
|
ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
|
|
572
|
-
var ContextMenuLabel =
|
|
602
|
+
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
603
|
ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
|
|
574
|
-
var ContextMenuSeparator =
|
|
604
|
+
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
605
|
ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
|
|
576
|
-
var ContextMenuSubTrigger =
|
|
606
|
+
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
607
|
children,
|
|
578
608
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
579
609
|
] }));
|
|
580
610
|
ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
|
|
581
|
-
var ContextMenuSubContent =
|
|
611
|
+
var ContextMenuSubContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
|
|
582
612
|
ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
|
|
583
613
|
var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
584
|
-
var Card =
|
|
614
|
+
var Card = React66__namespace.default.forwardRef(
|
|
585
615
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
586
616
|
"div",
|
|
587
617
|
{
|
|
@@ -592,23 +622,23 @@ var Card = React26__default.default.forwardRef(
|
|
|
592
622
|
)
|
|
593
623
|
);
|
|
594
624
|
Card.displayName = "Card";
|
|
595
|
-
var CardHeader =
|
|
625
|
+
var CardHeader = React66__namespace.default.forwardRef(
|
|
596
626
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
|
|
597
627
|
);
|
|
598
628
|
CardHeader.displayName = "CardHeader";
|
|
599
|
-
var CardTitle =
|
|
629
|
+
var CardTitle = React66__namespace.default.forwardRef(
|
|
600
630
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
|
|
601
631
|
);
|
|
602
632
|
CardTitle.displayName = "CardTitle";
|
|
603
|
-
var CardDescription =
|
|
633
|
+
var CardDescription = React66__namespace.default.forwardRef(
|
|
604
634
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
|
|
605
635
|
);
|
|
606
636
|
CardDescription.displayName = "CardDescription";
|
|
607
|
-
var CardContent =
|
|
637
|
+
var CardContent = React66__namespace.default.forwardRef(
|
|
608
638
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
|
|
609
639
|
);
|
|
610
640
|
CardContent.displayName = "CardContent";
|
|
611
|
-
var CardFooter =
|
|
641
|
+
var CardFooter = React66__namespace.default.forwardRef(
|
|
612
642
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
|
|
613
643
|
);
|
|
614
644
|
CardFooter.displayName = "CardFooter";
|
|
@@ -629,7 +659,7 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
629
659
|
function Badge({ className, variant, ...props }) {
|
|
630
660
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
631
661
|
}
|
|
632
|
-
var Avatar =
|
|
662
|
+
var Avatar = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
633
663
|
AvatarPrimitive__namespace.Root,
|
|
634
664
|
{
|
|
635
665
|
ref,
|
|
@@ -638,9 +668,9 @@ var Avatar = React26__default.default.forwardRef(({ className, ...props }, ref)
|
|
|
638
668
|
}
|
|
639
669
|
));
|
|
640
670
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
641
|
-
var AvatarImage =
|
|
671
|
+
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
672
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
643
|
-
var AvatarFallback =
|
|
673
|
+
var AvatarFallback = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
644
674
|
AvatarPrimitive__namespace.Fallback,
|
|
645
675
|
{
|
|
646
676
|
ref,
|
|
@@ -649,7 +679,7 @@ var AvatarFallback = React26__default.default.forwardRef(({ className, ...props
|
|
|
649
679
|
}
|
|
650
680
|
));
|
|
651
681
|
AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
|
|
652
|
-
var Separator4 =
|
|
682
|
+
var Separator4 = React66__namespace.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
653
683
|
SeparatorPrimitive__namespace.Root,
|
|
654
684
|
{
|
|
655
685
|
ref,
|
|
@@ -673,7 +703,7 @@ function Skeleton({ className, ...props }) {
|
|
|
673
703
|
}
|
|
674
704
|
);
|
|
675
705
|
}
|
|
676
|
-
var Progress =
|
|
706
|
+
var Progress = React66__namespace.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
677
707
|
ProgressPrimitive__namespace.Root,
|
|
678
708
|
{
|
|
679
709
|
ref,
|
|
@@ -690,7 +720,7 @@ var Progress = React26__default.default.forwardRef(({ className, value, ...props
|
|
|
690
720
|
));
|
|
691
721
|
Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
|
|
692
722
|
var Tabs = TabsPrimitive__namespace.Root;
|
|
693
|
-
var TabsList =
|
|
723
|
+
var TabsList = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
694
724
|
TabsPrimitive__namespace.List,
|
|
695
725
|
{
|
|
696
726
|
ref,
|
|
@@ -702,7 +732,7 @@ var TabsList = React26__default.default.forwardRef(({ className, ...props }, ref
|
|
|
702
732
|
}
|
|
703
733
|
));
|
|
704
734
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
705
|
-
var TabsTrigger =
|
|
735
|
+
var TabsTrigger = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
706
736
|
TabsPrimitive__namespace.Trigger,
|
|
707
737
|
{
|
|
708
738
|
ref,
|
|
@@ -717,7 +747,7 @@ var TabsTrigger = React26__default.default.forwardRef(({ className, ...props },
|
|
|
717
747
|
}
|
|
718
748
|
));
|
|
719
749
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
720
|
-
var TabsContent =
|
|
750
|
+
var TabsContent = React66__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
721
751
|
TabsPrimitive__namespace.Content,
|
|
722
752
|
{
|
|
723
753
|
ref,
|
|
@@ -750,7 +780,7 @@ var justifyMap = {
|
|
|
750
780
|
around: "justify-around",
|
|
751
781
|
evenly: "justify-evenly"
|
|
752
782
|
};
|
|
753
|
-
var Stack =
|
|
783
|
+
var Stack = React66__namespace.default.forwardRef(
|
|
754
784
|
({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
755
785
|
"div",
|
|
756
786
|
{
|
|
@@ -769,11 +799,11 @@ var Stack = React26__default.default.forwardRef(
|
|
|
769
799
|
)
|
|
770
800
|
);
|
|
771
801
|
Stack.displayName = "Stack";
|
|
772
|
-
var HStack =
|
|
802
|
+
var HStack = React66__namespace.default.forwardRef(
|
|
773
803
|
(props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", ...props })
|
|
774
804
|
);
|
|
775
805
|
HStack.displayName = "HStack";
|
|
776
|
-
var VStack =
|
|
806
|
+
var VStack = React66__namespace.default.forwardRef(
|
|
777
807
|
(props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "col", ...props })
|
|
778
808
|
);
|
|
779
809
|
VStack.displayName = "VStack";
|
|
@@ -784,7 +814,7 @@ var sizeMap = {
|
|
|
784
814
|
xl: "max-w-screen-xl",
|
|
785
815
|
full: "max-w-full"
|
|
786
816
|
};
|
|
787
|
-
var Container =
|
|
817
|
+
var Container = React66__namespace.default.forwardRef(
|
|
788
818
|
({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
789
819
|
"div",
|
|
790
820
|
{
|
|
@@ -800,7 +830,7 @@ var Container = React26__default.default.forwardRef(
|
|
|
800
830
|
)
|
|
801
831
|
);
|
|
802
832
|
Container.displayName = "Container";
|
|
803
|
-
var Page =
|
|
833
|
+
var Page = React66__namespace.default.forwardRef(
|
|
804
834
|
({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
805
835
|
"div",
|
|
806
836
|
{
|
|
@@ -812,7 +842,7 @@ var Page = React26__default.default.forwardRef(
|
|
|
812
842
|
)
|
|
813
843
|
);
|
|
814
844
|
Page.displayName = "Page";
|
|
815
|
-
var PageHeader =
|
|
845
|
+
var PageHeader = React66__namespace.default.forwardRef(
|
|
816
846
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
817
847
|
"div",
|
|
818
848
|
{
|
|
@@ -823,7 +853,7 @@ var PageHeader = React26__default.default.forwardRef(
|
|
|
823
853
|
)
|
|
824
854
|
);
|
|
825
855
|
PageHeader.displayName = "PageHeader";
|
|
826
|
-
var PageTitle =
|
|
856
|
+
var PageTitle = React66__namespace.default.forwardRef(
|
|
827
857
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
828
858
|
"h1",
|
|
829
859
|
{
|
|
@@ -834,28 +864,28 @@ var PageTitle = React26__default.default.forwardRef(
|
|
|
834
864
|
)
|
|
835
865
|
);
|
|
836
866
|
PageTitle.displayName = "PageTitle";
|
|
837
|
-
var PageDescription =
|
|
867
|
+
var PageDescription = React66__namespace.default.forwardRef(
|
|
838
868
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
|
|
839
869
|
);
|
|
840
870
|
PageDescription.displayName = "PageDescription";
|
|
841
|
-
var PageActions =
|
|
871
|
+
var PageActions = React66__namespace.default.forwardRef(
|
|
842
872
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
|
|
843
873
|
);
|
|
844
874
|
PageActions.displayName = "PageActions";
|
|
845
|
-
var PageBody =
|
|
875
|
+
var PageBody = React66__namespace.default.forwardRef(
|
|
846
876
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
|
|
847
877
|
);
|
|
848
878
|
PageBody.displayName = "PageBody";
|
|
849
|
-
var SidebarCtx =
|
|
850
|
-
var useSidebarCtx = () =>
|
|
879
|
+
var SidebarCtx = React66__namespace.default.createContext({ collapsed: false });
|
|
880
|
+
var useSidebarCtx = () => React66__namespace.default.useContext(SidebarCtx);
|
|
851
881
|
var makeSlot = (name, cls) => {
|
|
852
|
-
const C =
|
|
882
|
+
const C = React66__namespace.default.forwardRef(
|
|
853
883
|
({ className, ...p }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(cls, className), ...p })
|
|
854
884
|
);
|
|
855
885
|
C.displayName = name;
|
|
856
886
|
return C;
|
|
857
887
|
};
|
|
858
|
-
var Sidebar =
|
|
888
|
+
var Sidebar = React66__namespace.default.forwardRef(
|
|
859
889
|
({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SidebarCtx.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
860
890
|
"div",
|
|
861
891
|
{
|
|
@@ -883,7 +913,7 @@ var SidebarContent = makeSlot("SidebarContent", "flex-1 overflow-y-auto py-2");
|
|
|
883
913
|
var SidebarFooter = makeSlot("SidebarFooter", "px-3 py-3 border-t border-[hsl(var(--border))] shrink-0");
|
|
884
914
|
var SidebarGroup = makeSlot("SidebarGroup", "mb-2");
|
|
885
915
|
var SidebarSeparator = makeSlot("SidebarSeparator", "h-px bg-[hsl(var(--border))] mx-3 my-2");
|
|
886
|
-
var SidebarGroupLabel =
|
|
916
|
+
var SidebarGroupLabel = React66__namespace.default.forwardRef(
|
|
887
917
|
({ className, ...props }, ref) => {
|
|
888
918
|
const { collapsed } = useSidebarCtx();
|
|
889
919
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -897,7 +927,7 @@ var SidebarGroupLabel = React26__default.default.forwardRef(
|
|
|
897
927
|
}
|
|
898
928
|
);
|
|
899
929
|
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
900
|
-
var SidebarItem =
|
|
930
|
+
var SidebarItem = React66__namespace.default.forwardRef(
|
|
901
931
|
({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
|
|
902
932
|
const { collapsed } = useSidebarCtx();
|
|
903
933
|
const cls = cn(
|
|
@@ -917,7 +947,7 @@ var SidebarItem = React26__default.default.forwardRef(
|
|
|
917
947
|
}
|
|
918
948
|
);
|
|
919
949
|
SidebarItem.displayName = "SidebarItem";
|
|
920
|
-
var Navbar =
|
|
950
|
+
var Navbar = React66__namespace.default.forwardRef(
|
|
921
951
|
({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
922
952
|
"nav",
|
|
923
953
|
{
|
|
@@ -933,7 +963,7 @@ var Navbar = React26__default.default.forwardRef(
|
|
|
933
963
|
)
|
|
934
964
|
);
|
|
935
965
|
Navbar.displayName = "Navbar";
|
|
936
|
-
var NavbarBrand =
|
|
966
|
+
var NavbarBrand = React66__namespace.default.forwardRef(
|
|
937
967
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
|
|
938
968
|
);
|
|
939
969
|
NavbarBrand.displayName = "NavbarBrand";
|
|
@@ -942,7 +972,7 @@ var alignMap2 = {
|
|
|
942
972
|
center: "justify-center flex-1",
|
|
943
973
|
end: "justify-end ml-auto"
|
|
944
974
|
};
|
|
945
|
-
var NavbarContent =
|
|
975
|
+
var NavbarContent = React66__namespace.default.forwardRef(
|
|
946
976
|
({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
947
977
|
"div",
|
|
948
978
|
{
|
|
@@ -953,11 +983,11 @@ var NavbarContent = React26__default.default.forwardRef(
|
|
|
953
983
|
)
|
|
954
984
|
);
|
|
955
985
|
NavbarContent.displayName = "NavbarContent";
|
|
956
|
-
var NavbarItem =
|
|
986
|
+
var NavbarItem = React66__namespace.default.forwardRef(
|
|
957
987
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props })
|
|
958
988
|
);
|
|
959
989
|
NavbarItem.displayName = "NavbarItem";
|
|
960
|
-
var AppShellCtx =
|
|
990
|
+
var AppShellCtx = React66__namespace.default.createContext({
|
|
961
991
|
collapsed: false,
|
|
962
992
|
setCollapsed: () => {
|
|
963
993
|
},
|
|
@@ -965,12 +995,12 @@ var AppShellCtx = React26__default.default.createContext({
|
|
|
965
995
|
setMobileOpen: () => {
|
|
966
996
|
}
|
|
967
997
|
});
|
|
968
|
-
var useAppShell = () =>
|
|
969
|
-
var AppShell =
|
|
998
|
+
var useAppShell = () => React66__namespace.default.useContext(AppShellCtx);
|
|
999
|
+
var AppShell = React66__namespace.default.forwardRef(
|
|
970
1000
|
({ className, defaultCollapsed = false, children, ...props }, ref) => {
|
|
971
|
-
const [collapsed, setCollapsed] =
|
|
972
|
-
const [mobileOpen, setMobileOpen] =
|
|
973
|
-
|
|
1001
|
+
const [collapsed, setCollapsed] = React66__namespace.default.useState(defaultCollapsed);
|
|
1002
|
+
const [mobileOpen, setMobileOpen] = React66__namespace.default.useState(false);
|
|
1003
|
+
React66__namespace.default.useEffect(() => {
|
|
974
1004
|
const handleClick = (e) => {
|
|
975
1005
|
const target = e.target;
|
|
976
1006
|
if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
|
|
@@ -1001,7 +1031,7 @@ var AppShell = React26__default.default.forwardRef(
|
|
|
1001
1031
|
}
|
|
1002
1032
|
);
|
|
1003
1033
|
AppShell.displayName = "AppShell";
|
|
1004
|
-
var AppShellSidebar =
|
|
1034
|
+
var AppShellSidebar = React66__namespace.default.forwardRef(
|
|
1005
1035
|
({ className, ...props }, ref) => {
|
|
1006
1036
|
const { mobileOpen } = useAppShell();
|
|
1007
1037
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1022,11 +1052,11 @@ var AppShellSidebar = React26__default.default.forwardRef(
|
|
|
1022
1052
|
}
|
|
1023
1053
|
);
|
|
1024
1054
|
AppShellSidebar.displayName = "AppShellSidebar";
|
|
1025
|
-
var AppShellMain =
|
|
1055
|
+
var AppShellMain = React66__namespace.default.forwardRef(
|
|
1026
1056
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
|
|
1027
1057
|
);
|
|
1028
1058
|
AppShellMain.displayName = "AppShellMain";
|
|
1029
|
-
var MobileSidebarTrigger =
|
|
1059
|
+
var MobileSidebarTrigger = React66__namespace.default.forwardRef(
|
|
1030
1060
|
({ className, ...props }, ref) => {
|
|
1031
1061
|
const { mobileOpen, setMobileOpen } = useAppShell();
|
|
1032
1062
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1048,11 +1078,11 @@ var MobileSidebarTrigger = React26__default.default.forwardRef(
|
|
|
1048
1078
|
}
|
|
1049
1079
|
);
|
|
1050
1080
|
MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
|
|
1051
|
-
var SplitPage =
|
|
1081
|
+
var SplitPage = React66__namespace.default.forwardRef(
|
|
1052
1082
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
|
|
1053
1083
|
);
|
|
1054
1084
|
SplitPage.displayName = "SplitPage";
|
|
1055
|
-
var SplitPageList =
|
|
1085
|
+
var SplitPageList = React66__namespace.default.forwardRef(
|
|
1056
1086
|
({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1057
1087
|
"div",
|
|
1058
1088
|
{
|
|
@@ -1064,11 +1094,11 @@ var SplitPageList = React26__default.default.forwardRef(
|
|
|
1064
1094
|
)
|
|
1065
1095
|
);
|
|
1066
1096
|
SplitPageList.displayName = "SplitPageList";
|
|
1067
|
-
var SplitPageDetail =
|
|
1097
|
+
var SplitPageDetail = React66__namespace.default.forwardRef(
|
|
1068
1098
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
|
|
1069
1099
|
);
|
|
1070
1100
|
SplitPageDetail.displayName = "SplitPageDetail";
|
|
1071
|
-
var ResizeBox =
|
|
1101
|
+
var ResizeBox = React66__namespace.default.forwardRef(
|
|
1072
1102
|
({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1073
1103
|
"div",
|
|
1074
1104
|
{
|
|
@@ -1085,7 +1115,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "10", hei
|
|
|
1085
1115
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
1086
1116
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
1087
1117
|
] });
|
|
1088
|
-
var ResizeHandle =
|
|
1118
|
+
var ResizeHandle = React66__namespace.default.forwardRef(
|
|
1089
1119
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1090
1120
|
"div",
|
|
1091
1121
|
{
|
|
@@ -1109,7 +1139,7 @@ function Field({ label, description, error, required, children, className }) {
|
|
|
1109
1139
|
error && /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: error })
|
|
1110
1140
|
] });
|
|
1111
1141
|
}
|
|
1112
|
-
var FieldLabel =
|
|
1142
|
+
var FieldLabel = React66__namespace.default.forwardRef(
|
|
1113
1143
|
({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1114
1144
|
"label",
|
|
1115
1145
|
{
|
|
@@ -1124,7 +1154,7 @@ var FieldLabel = React26__default.default.forwardRef(
|
|
|
1124
1154
|
)
|
|
1125
1155
|
);
|
|
1126
1156
|
FieldLabel.displayName = "FieldLabel";
|
|
1127
|
-
var FieldDescription =
|
|
1157
|
+
var FieldDescription = React66__namespace.default.forwardRef(
|
|
1128
1158
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1129
1159
|
"p",
|
|
1130
1160
|
{
|
|
@@ -1135,7 +1165,7 @@ var FieldDescription = React26__default.default.forwardRef(
|
|
|
1135
1165
|
)
|
|
1136
1166
|
);
|
|
1137
1167
|
FieldDescription.displayName = "FieldDescription";
|
|
1138
|
-
var FieldError =
|
|
1168
|
+
var FieldError = React66__namespace.default.forwardRef(
|
|
1139
1169
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1140
1170
|
"p",
|
|
1141
1171
|
{
|
|
@@ -1155,9 +1185,9 @@ function getStrength(value) {
|
|
|
1155
1185
|
return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
|
|
1156
1186
|
return { level: "strong", width: "w-full", color: "bg-green-500" };
|
|
1157
1187
|
}
|
|
1158
|
-
var PasswordInput =
|
|
1188
|
+
var PasswordInput = React66__namespace.default.forwardRef(
|
|
1159
1189
|
({ className, strength, ...props }, ref) => {
|
|
1160
|
-
const [show, setShow] =
|
|
1190
|
+
const [show, setShow] = React66.useState(false);
|
|
1161
1191
|
const value = String(props.value ?? "");
|
|
1162
1192
|
const str = getStrength(value);
|
|
1163
1193
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
|
|
@@ -1190,9 +1220,9 @@ var PasswordInput = React26__default.default.forwardRef(
|
|
|
1190
1220
|
}
|
|
1191
1221
|
);
|
|
1192
1222
|
PasswordInput.displayName = "PasswordInput";
|
|
1193
|
-
var SearchInput =
|
|
1223
|
+
var SearchInput = React66__namespace.default.forwardRef(
|
|
1194
1224
|
({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
|
|
1195
|
-
const [internalValue, setInternalValue] =
|
|
1225
|
+
const [internalValue, setInternalValue] = React66.useState(defaultValue ?? "");
|
|
1196
1226
|
const isControlled = valueProp !== void 0;
|
|
1197
1227
|
const value = isControlled ? String(valueProp) : String(internalValue);
|
|
1198
1228
|
function handleChange(e) {
|
|
@@ -1248,8 +1278,8 @@ function filterBySize(files, maxSize) {
|
|
|
1248
1278
|
return maxSize ? files.filter((f) => f.size <= maxSize) : files;
|
|
1249
1279
|
}
|
|
1250
1280
|
function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled }) {
|
|
1251
|
-
const inputRef =
|
|
1252
|
-
const [dragging, setDragging] =
|
|
1281
|
+
const inputRef = React66.useRef(null);
|
|
1282
|
+
const [dragging, setDragging] = React66.useState(false);
|
|
1253
1283
|
function handleFiles(raw) {
|
|
1254
1284
|
if (!raw)
|
|
1255
1285
|
return;
|
|
@@ -1369,9 +1399,9 @@ function CalendarGrid({ year, month, selected, onSelect }) {
|
|
|
1369
1399
|
] });
|
|
1370
1400
|
}
|
|
1371
1401
|
function DatePicker({ value, onChange, placeholder = "Pick a date", disabled, className }) {
|
|
1372
|
-
const [open, setOpen] =
|
|
1402
|
+
const [open, setOpen] = React66.useState(false);
|
|
1373
1403
|
const now = value ?? /* @__PURE__ */ new Date();
|
|
1374
|
-
const [view, setView] =
|
|
1404
|
+
const [view, setView] = React66.useState({ year: now.getFullYear(), month: now.getMonth() });
|
|
1375
1405
|
function navigate(delta) {
|
|
1376
1406
|
setView((v) => {
|
|
1377
1407
|
const date = new Date(v.year, v.month + delta);
|
|
@@ -1415,7 +1445,7 @@ function FormField(props) {
|
|
|
1415
1445
|
function FormItem({ className, ...props }) {
|
|
1416
1446
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
|
|
1417
1447
|
}
|
|
1418
|
-
var FormLabel =
|
|
1448
|
+
var FormLabel = React66__namespace.default.forwardRef(
|
|
1419
1449
|
({ className, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1420
1450
|
"label",
|
|
1421
1451
|
{
|
|
@@ -1430,9 +1460,9 @@ var FormLabel = React26__default.default.forwardRef(
|
|
|
1430
1460
|
)
|
|
1431
1461
|
);
|
|
1432
1462
|
FormLabel.displayName = "FormLabel";
|
|
1433
|
-
var FormControl =
|
|
1463
|
+
var FormControl = React66__namespace.default.forwardRef(
|
|
1434
1464
|
({ ...props }, ref) => {
|
|
1435
|
-
const id =
|
|
1465
|
+
const id = React66.useId();
|
|
1436
1466
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id, ...props });
|
|
1437
1467
|
}
|
|
1438
1468
|
);
|
|
@@ -1448,15 +1478,15 @@ function FormMessage({ className, children, name }) {
|
|
|
1448
1478
|
return null;
|
|
1449
1479
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
|
|
1450
1480
|
}
|
|
1451
|
-
var StepFormContext =
|
|
1481
|
+
var StepFormContext = React66.createContext(null);
|
|
1452
1482
|
function useStepForm() {
|
|
1453
|
-
const ctx =
|
|
1483
|
+
const ctx = React66.useContext(StepFormContext);
|
|
1454
1484
|
if (!ctx)
|
|
1455
1485
|
throw new Error("useStepForm must be used within StepForm");
|
|
1456
1486
|
return ctx;
|
|
1457
1487
|
}
|
|
1458
1488
|
function StepForm({ steps, onSubmit, children, className }) {
|
|
1459
|
-
const [currentStep, setCurrentStep] =
|
|
1489
|
+
const [currentStep, setCurrentStep] = React66.useState(0);
|
|
1460
1490
|
const totalSteps = steps.length;
|
|
1461
1491
|
const ctx = {
|
|
1462
1492
|
currentStep,
|
|
@@ -1467,7 +1497,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1467
1497
|
isFirst: currentStep === 0,
|
|
1468
1498
|
isLast: currentStep === totalSteps - 1
|
|
1469
1499
|
};
|
|
1470
|
-
const childArray =
|
|
1500
|
+
const childArray = React66__namespace.default.Children.toArray(children);
|
|
1471
1501
|
const currentChild = childArray[currentStep];
|
|
1472
1502
|
return /* @__PURE__ */ jsxRuntime.jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
|
|
1473
1503
|
/* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { steps, currentStep }),
|
|
@@ -1476,7 +1506,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1476
1506
|
] }) });
|
|
1477
1507
|
}
|
|
1478
1508
|
function StepIndicator({ steps, currentStep }) {
|
|
1479
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1509
|
+
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
1510
|
i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
|
|
1481
1511
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
|
|
1482
1512
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
|
|
@@ -1557,7 +1587,7 @@ function ObjectField({
|
|
|
1557
1587
|
children,
|
|
1558
1588
|
className
|
|
1559
1589
|
}) {
|
|
1560
|
-
const [open, setOpen] =
|
|
1590
|
+
const [open, setOpen] = React66.useState(defaultOpen);
|
|
1561
1591
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: [
|
|
1562
1592
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1563
1593
|
"div",
|
|
@@ -1711,7 +1741,7 @@ function DataTableToolbar({ table, searchColumn }) {
|
|
|
1711
1741
|
) });
|
|
1712
1742
|
}
|
|
1713
1743
|
function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
|
|
1714
|
-
const [sorting, setSorting] =
|
|
1744
|
+
const [sorting, setSorting] = React66__namespace.default.useState([]);
|
|
1715
1745
|
const table = reactTable.useReactTable({
|
|
1716
1746
|
data,
|
|
1717
1747
|
columns,
|
|
@@ -1738,8 +1768,8 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
|
|
|
1738
1768
|
] });
|
|
1739
1769
|
}
|
|
1740
1770
|
function EditableCell({ value: initial, onSave }) {
|
|
1741
|
-
const [editing, setEditing] =
|
|
1742
|
-
const [val, setVal] =
|
|
1771
|
+
const [editing, setEditing] = React66__namespace.default.useState(false);
|
|
1772
|
+
const [val, setVal] = React66__namespace.default.useState(String(initial ?? ""));
|
|
1743
1773
|
const commit = () => {
|
|
1744
1774
|
onSave(val);
|
|
1745
1775
|
setEditing(false);
|
|
@@ -1772,10 +1802,10 @@ var selectionCol = () => ({
|
|
|
1772
1802
|
enableResizing: false
|
|
1773
1803
|
});
|
|
1774
1804
|
function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
|
|
1775
|
-
const [data, setData] =
|
|
1776
|
-
const [rowSelection, setRowSelection] =
|
|
1805
|
+
const [data, setData] = React66__namespace.default.useState(initialData);
|
|
1806
|
+
const [rowSelection, setRowSelection] = React66__namespace.default.useState({});
|
|
1777
1807
|
const columnResizeMode = "onChange";
|
|
1778
|
-
const editableColumns =
|
|
1808
|
+
const editableColumns = React66__namespace.default.useMemo(() => {
|
|
1779
1809
|
if (!editable)
|
|
1780
1810
|
return columns;
|
|
1781
1811
|
return columns.map((col) => ({
|
|
@@ -1795,7 +1825,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1795
1825
|
)
|
|
1796
1826
|
}));
|
|
1797
1827
|
}, [columns, data, editable, onDataChange]);
|
|
1798
|
-
const allColumns =
|
|
1828
|
+
const allColumns = React66__namespace.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
|
|
1799
1829
|
const table = reactTable.useReactTable({
|
|
1800
1830
|
data,
|
|
1801
1831
|
columns: allColumns,
|
|
@@ -1813,7 +1843,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1813
1843
|
/* @__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
1844
|
] }) });
|
|
1815
1845
|
}
|
|
1816
|
-
var EmptyStateIcon =
|
|
1846
|
+
var EmptyStateIcon = React66__namespace.default.forwardRef(
|
|
1817
1847
|
({ 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
1848
|
);
|
|
1819
1849
|
EmptyStateIcon.displayName = "EmptyStateIcon";
|
|
@@ -1827,7 +1857,7 @@ function EmptyState({ icon, title, description, action, className }) {
|
|
|
1827
1857
|
action && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
|
|
1828
1858
|
] });
|
|
1829
1859
|
}
|
|
1830
|
-
var PropertyList =
|
|
1860
|
+
var PropertyList = React66__namespace.default.forwardRef(
|
|
1831
1861
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
|
|
1832
1862
|
);
|
|
1833
1863
|
PropertyList.displayName = "PropertyList";
|
|
@@ -1843,7 +1873,7 @@ var dotColors = {
|
|
|
1843
1873
|
error: "bg-red-500",
|
|
1844
1874
|
warning: "bg-yellow-500"
|
|
1845
1875
|
};
|
|
1846
|
-
var TimelineContent =
|
|
1876
|
+
var TimelineContent = React66__namespace.default.forwardRef(
|
|
1847
1877
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("pb-1", className), ...props })
|
|
1848
1878
|
);
|
|
1849
1879
|
TimelineContent.displayName = "TimelineContent";
|
|
@@ -1866,9 +1896,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
|
|
|
1866
1896
|
] });
|
|
1867
1897
|
}
|
|
1868
1898
|
function Timeline({ children, className }) {
|
|
1869
|
-
const items =
|
|
1899
|
+
const items = React66__namespace.default.Children.toArray(children);
|
|
1870
1900
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), children: items.map(
|
|
1871
|
-
(child, i) =>
|
|
1901
|
+
(child, i) => React66__namespace.default.isValidElement(child) ? React66__namespace.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
|
|
1872
1902
|
) });
|
|
1873
1903
|
}
|
|
1874
1904
|
function Stat({ label, value, trend, trendLabel, icon, description, className }) {
|
|
@@ -1956,7 +1986,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
|
|
|
1956
1986
|
}
|
|
1957
1987
|
);
|
|
1958
1988
|
}
|
|
1959
|
-
var StructuredList =
|
|
1989
|
+
var StructuredList = React66__namespace.default.forwardRef(
|
|
1960
1990
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-4", className), ...props })
|
|
1961
1991
|
);
|
|
1962
1992
|
StructuredList.displayName = "StructuredList";
|
|
@@ -2077,8 +2107,8 @@ function Banner({
|
|
|
2077
2107
|
className,
|
|
2078
2108
|
children
|
|
2079
2109
|
}) {
|
|
2080
|
-
const [dismissed, setDismissed] =
|
|
2081
|
-
const [exiting, setExiting] =
|
|
2110
|
+
const [dismissed, setDismissed] = React66__namespace.default.useState(false);
|
|
2111
|
+
const [exiting, setExiting] = React66__namespace.default.useState(false);
|
|
2082
2112
|
const handleDismiss = () => {
|
|
2083
2113
|
setExiting(true);
|
|
2084
2114
|
setTimeout(() => {
|
|
@@ -2213,7 +2243,7 @@ function BreadcrumbSeparator({ className }) {
|
|
|
2213
2243
|
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
2244
|
}
|
|
2215
2245
|
function Breadcrumb({ children, className }) {
|
|
2216
|
-
const items =
|
|
2246
|
+
const items = React66__namespace.default.Children.toArray(children);
|
|
2217
2247
|
const withSeparators = [];
|
|
2218
2248
|
items.forEach((item, i) => {
|
|
2219
2249
|
withSeparators.push(item);
|
|
@@ -2234,10 +2264,10 @@ function Hotkeys({ keys, className }) {
|
|
|
2234
2264
|
var textOps = ["contains", "equals", "starts with"];
|
|
2235
2265
|
var numOps = ["=", ">", "<", ">=", "<="];
|
|
2236
2266
|
function AddFilterPopover({ filters, onAdd }) {
|
|
2237
|
-
const [open, setOpen] =
|
|
2238
|
-
const [key, setKey] =
|
|
2239
|
-
const [op, setOp] =
|
|
2240
|
-
const [val, setVal] =
|
|
2267
|
+
const [open, setOpen] = React66__namespace.default.useState(false);
|
|
2268
|
+
const [key, setKey] = React66__namespace.default.useState("");
|
|
2269
|
+
const [op, setOp] = React66__namespace.default.useState("");
|
|
2270
|
+
const [val, setVal] = React66__namespace.default.useState("");
|
|
2241
2271
|
const def = filters.find((f) => f.key === key);
|
|
2242
2272
|
const ops = def?.type === "number" ? numOps : textOps;
|
|
2243
2273
|
const handleAdd = () => {
|
|
@@ -2340,19 +2370,19 @@ function ToggleButtonGroup(props) {
|
|
|
2340
2370
|
props.onChange(val);
|
|
2341
2371
|
}
|
|
2342
2372
|
};
|
|
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 (!
|
|
2373
|
+
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) => {
|
|
2374
|
+
if (!React66__namespace.default.isValidElement(child))
|
|
2345
2375
|
return child;
|
|
2346
2376
|
const tb = child;
|
|
2347
|
-
return
|
|
2377
|
+
return React66__namespace.default.cloneElement(tb, {
|
|
2348
2378
|
pressed: isPressed(tb.props.value),
|
|
2349
2379
|
onClick: () => handleClick(tb.props.value)
|
|
2350
2380
|
});
|
|
2351
2381
|
}) });
|
|
2352
2382
|
}
|
|
2353
2383
|
function useCommandBar() {
|
|
2354
|
-
const [open, setOpen] =
|
|
2355
|
-
|
|
2384
|
+
const [open, setOpen] = React66__namespace.default.useState(false);
|
|
2385
|
+
React66__namespace.default.useEffect(() => {
|
|
2356
2386
|
const handler = (e) => {
|
|
2357
2387
|
if ((e.metaKey || e.ctrlKey) && e.key === "k") {
|
|
2358
2388
|
e.preventDefault();
|
|
@@ -2392,12 +2422,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
|
|
|
2392
2422
|
);
|
|
2393
2423
|
}
|
|
2394
2424
|
function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
|
|
2395
|
-
const [query, setQuery] =
|
|
2425
|
+
const [query, setQuery] = React66__namespace.default.useState("");
|
|
2396
2426
|
const handleSearch = (v) => {
|
|
2397
2427
|
setQuery(v);
|
|
2398
2428
|
onSearch?.(v);
|
|
2399
2429
|
};
|
|
2400
|
-
const items =
|
|
2430
|
+
const items = React66__namespace.default.useRef(null);
|
|
2401
2431
|
const handleKeyDown = (e) => {
|
|
2402
2432
|
if (e.key === "Escape") {
|
|
2403
2433
|
onOpenChange(false);
|
|
@@ -2467,9 +2497,9 @@ function KanbanColumn({ column, isOver }) {
|
|
|
2467
2497
|
] });
|
|
2468
2498
|
}
|
|
2469
2499
|
function Kanban({ columns: initialColumns, onMoveCard, className }) {
|
|
2470
|
-
const [cols, setCols] =
|
|
2471
|
-
const [activeCard, setActiveCard] =
|
|
2472
|
-
const [overColId, setOverColId] =
|
|
2500
|
+
const [cols, setCols] = React66__namespace.default.useState(initialColumns);
|
|
2501
|
+
const [activeCard, setActiveCard] = React66__namespace.default.useState(null);
|
|
2502
|
+
const [overColId, setOverColId] = React66__namespace.default.useState(null);
|
|
2473
2503
|
const sensors = core.useSensors(core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }));
|
|
2474
2504
|
const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
|
|
2475
2505
|
const onDragStart = ({ active }) => {
|
|
@@ -2529,12 +2559,12 @@ function AreaChart({
|
|
|
2529
2559
|
}) {
|
|
2530
2560
|
const keys = Array.isArray(dataKey) ? dataKey : [dataKey];
|
|
2531
2561
|
const curve = curved ? "monotone" : "linear";
|
|
2532
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-hidden", className), style: { minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2533
|
-
showGrid && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2534
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2535
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2562
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-hidden", className), style: { minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(RechartsPrimitive.AreaChart, { data, margin: { top: 4, right: 4, left: -20, bottom: 0 }, children: [
|
|
2563
|
+
showGrid && /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))" }),
|
|
2564
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.XAxis, { dataKey: xAxisKey, tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false }),
|
|
2565
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.YAxis, { tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false }),
|
|
2536
2566
|
showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2537
|
-
|
|
2567
|
+
RechartsPrimitive.Tooltip,
|
|
2538
2568
|
{
|
|
2539
2569
|
contentStyle: {
|
|
2540
2570
|
background: "hsl(var(--card))",
|
|
@@ -2544,9 +2574,9 @@ function AreaChart({
|
|
|
2544
2574
|
}
|
|
2545
2575
|
}
|
|
2546
2576
|
),
|
|
2547
|
-
showLegend && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2577
|
+
showLegend && /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.Legend, { wrapperStyle: { fontSize: 12 } }),
|
|
2548
2578
|
keys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2549
|
-
|
|
2579
|
+
RechartsPrimitive.Area,
|
|
2550
2580
|
{
|
|
2551
2581
|
type: curve,
|
|
2552
2582
|
dataKey: key,
|
|
@@ -2581,17 +2611,17 @@ function BarChart({
|
|
|
2581
2611
|
}) {
|
|
2582
2612
|
const keys = Array.isArray(dataKey) ? dataKey : [dataKey];
|
|
2583
2613
|
const isVertical = layout === "vertical";
|
|
2584
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-hidden", className), style: { minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2585
|
-
showGrid && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2614
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-hidden", className), style: { minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(RechartsPrimitive.BarChart, { data, layout, margin: { top: 4, right: 4, left: -20, bottom: 0 }, children: [
|
|
2615
|
+
showGrid && /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))" }),
|
|
2586
2616
|
isVertical ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2587
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2588
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2617
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.XAxis, { type: "number", tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false }),
|
|
2618
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.YAxis, { type: "category", dataKey: xAxisKey, tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false })
|
|
2589
2619
|
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2590
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2591
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2620
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.XAxis, { dataKey: xAxisKey, tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false }),
|
|
2621
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.YAxis, { tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false })
|
|
2592
2622
|
] }),
|
|
2593
2623
|
showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2594
|
-
|
|
2624
|
+
RechartsPrimitive.Tooltip,
|
|
2595
2625
|
{
|
|
2596
2626
|
contentStyle: {
|
|
2597
2627
|
background: "hsl(var(--card))",
|
|
@@ -2601,9 +2631,9 @@ function BarChart({
|
|
|
2601
2631
|
}
|
|
2602
2632
|
}
|
|
2603
2633
|
),
|
|
2604
|
-
showLegend && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2634
|
+
showLegend && /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.Legend, { wrapperStyle: { fontSize: 12 } }),
|
|
2605
2635
|
keys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2606
|
-
|
|
2636
|
+
RechartsPrimitive.Bar,
|
|
2607
2637
|
{
|
|
2608
2638
|
dataKey: key,
|
|
2609
2639
|
fill: colors[i % colors.length],
|
|
@@ -2638,12 +2668,12 @@ function LineChart({
|
|
|
2638
2668
|
const keys = Array.isArray(dataKey) ? dataKey : [dataKey];
|
|
2639
2669
|
const curve = curved ? "monotone" : "linear";
|
|
2640
2670
|
const dash = dotted ? "4 4" : void 0;
|
|
2641
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-hidden", className), style: { minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2642
|
-
showGrid && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2643
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2644
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2671
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-hidden", className), style: { minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(RechartsPrimitive.LineChart, { data, margin: { top: 4, right: 4, left: -20, bottom: 0 }, children: [
|
|
2672
|
+
showGrid && /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))" }),
|
|
2673
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.XAxis, { dataKey: xAxisKey, tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false }),
|
|
2674
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.YAxis, { tick: { fontSize: 12, fill: "hsl(var(--muted-foreground))" }, axisLine: false, tickLine: false }),
|
|
2645
2675
|
showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2646
|
-
|
|
2676
|
+
RechartsPrimitive.Tooltip,
|
|
2647
2677
|
{
|
|
2648
2678
|
contentStyle: {
|
|
2649
2679
|
background: "hsl(var(--card))",
|
|
@@ -2653,9 +2683,9 @@ function LineChart({
|
|
|
2653
2683
|
}
|
|
2654
2684
|
}
|
|
2655
2685
|
),
|
|
2656
|
-
showLegend && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2686
|
+
showLegend && /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.Legend, { wrapperStyle: { fontSize: 12 } }),
|
|
2657
2687
|
keys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2658
|
-
|
|
2688
|
+
RechartsPrimitive.Line,
|
|
2659
2689
|
{
|
|
2660
2690
|
type: curve,
|
|
2661
2691
|
dataKey: key,
|
|
@@ -2742,25 +2772,25 @@ function Beacon({ color = "primary", size = "md", children, className }) {
|
|
|
2742
2772
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex", children: /* @__PURE__ */ jsxRuntime.jsx(BeaconDot, { color, size }) })
|
|
2743
2773
|
] });
|
|
2744
2774
|
}
|
|
2745
|
-
var TourContext =
|
|
2775
|
+
var TourContext = React66.createContext(null);
|
|
2746
2776
|
function useTour() {
|
|
2747
|
-
const ctx =
|
|
2777
|
+
const ctx = React66.useContext(TourContext);
|
|
2748
2778
|
if (!ctx)
|
|
2749
2779
|
throw new Error("useTour must be used within <Tour>");
|
|
2750
2780
|
return ctx;
|
|
2751
2781
|
}
|
|
2752
2782
|
function Tour({ totalSteps, children }) {
|
|
2753
|
-
const [currentStep, setCurrentStep] =
|
|
2754
|
-
const [isActive, setIsActive] =
|
|
2755
|
-
const stop =
|
|
2756
|
-
const start =
|
|
2783
|
+
const [currentStep, setCurrentStep] = React66.useState(0);
|
|
2784
|
+
const [isActive, setIsActive] = React66.useState(false);
|
|
2785
|
+
const stop = React66.useCallback(() => setIsActive(false), []);
|
|
2786
|
+
const start = React66.useCallback(() => {
|
|
2757
2787
|
setCurrentStep(0);
|
|
2758
2788
|
setIsActive(true);
|
|
2759
2789
|
}, []);
|
|
2760
|
-
const next =
|
|
2761
|
-
const prev =
|
|
2762
|
-
const goTo =
|
|
2763
|
-
|
|
2790
|
+
const next = React66.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
|
|
2791
|
+
const prev = React66.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
|
|
2792
|
+
const goTo = React66.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
|
|
2793
|
+
React66.useEffect(() => {
|
|
2764
2794
|
if (!isActive)
|
|
2765
2795
|
return;
|
|
2766
2796
|
const onKey = (e) => {
|
|
@@ -2965,7 +2995,7 @@ function SidebarLayoutSearch({
|
|
|
2965
2995
|
children,
|
|
2966
2996
|
className
|
|
2967
2997
|
}) {
|
|
2968
|
-
const [query, setQuery] =
|
|
2998
|
+
const [query, setQuery] = React66.useState("");
|
|
2969
2999
|
const filtered = ALL_ITEMS.filter((i) => i.label.toLowerCase().includes(query.toLowerCase()));
|
|
2970
3000
|
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
3001
|
/* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex w-60 flex-col border-r border-[hsl(var(--border))] bg-[hsl(var(--card))]", children: [
|
|
@@ -3063,8 +3093,8 @@ function StackedLayoutTabs({
|
|
|
3063
3093
|
children,
|
|
3064
3094
|
className
|
|
3065
3095
|
}) {
|
|
3066
|
-
const [activeTab, setActiveTab] =
|
|
3067
|
-
const [activeNav, setActiveNav] =
|
|
3096
|
+
const [activeTab, setActiveTab] = React66.useState(0);
|
|
3097
|
+
const [activeNav, setActiveNav] = React66.useState(0);
|
|
3068
3098
|
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
3099
|
/* @__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
3100
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm shrink-0", children: brandName }),
|
|
@@ -3155,7 +3185,7 @@ function NotifRow({ label, description, checked, onChange }) {
|
|
|
3155
3185
|
] });
|
|
3156
3186
|
}
|
|
3157
3187
|
function NotificationSettings({ className }) {
|
|
3158
|
-
const [states, setStates] =
|
|
3188
|
+
const [states, setStates] = React66.useState(
|
|
3159
3189
|
Object.fromEntries(NOTIFICATIONS.map((n) => [n.id, n.default]))
|
|
3160
3190
|
);
|
|
3161
3191
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6", className), children: [
|
|
@@ -3184,8 +3214,8 @@ var MEMBERS = [
|
|
|
3184
3214
|
];
|
|
3185
3215
|
var roleVariant = (role) => role === "Owner" ? "default" : role === "Admin" ? "secondary" : "outline";
|
|
3186
3216
|
function WorkspaceMembers({ className }) {
|
|
3187
|
-
const [query, setQuery] =
|
|
3188
|
-
const [members, setMembers] =
|
|
3217
|
+
const [query, setQuery] = React66.useState("");
|
|
3218
|
+
const [members, setMembers] = React66.useState(MEMBERS);
|
|
3189
3219
|
const filtered = members.filter(
|
|
3190
3220
|
(m) => m.name.toLowerCase().includes(query.toLowerCase()) || m.email.toLowerCase().includes(query.toLowerCase())
|
|
3191
3221
|
);
|
|
@@ -3221,7 +3251,7 @@ function IntegrationCard({
|
|
|
3221
3251
|
connected = false,
|
|
3222
3252
|
className
|
|
3223
3253
|
}) {
|
|
3224
|
-
const [isConnected, setIsConnected] =
|
|
3254
|
+
const [isConnected, setIsConnected] = React66.useState(connected);
|
|
3225
3255
|
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
3256
|
/* @__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
3257
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
@@ -3252,9 +3282,9 @@ function IntegrationCard({
|
|
|
3252
3282
|
}
|
|
3253
3283
|
var REACTIONS = ["\u{1F60A}", "\u{1F610}", "\u{1F615}", "\u{1F621}", "\u{1F929}"];
|
|
3254
3284
|
function FeedbackModal({ onSubmit, className }) {
|
|
3255
|
-
const [reaction, setReaction] =
|
|
3256
|
-
const [text, setText] =
|
|
3257
|
-
const [submitted, setSubmitted] =
|
|
3285
|
+
const [reaction, setReaction] = React66.useState("");
|
|
3286
|
+
const [text, setText] = React66.useState("");
|
|
3287
|
+
const [submitted, setSubmitted] = React66.useState(false);
|
|
3258
3288
|
const handleSubmit = () => {
|
|
3259
3289
|
onSubmit?.({ reaction, text });
|
|
3260
3290
|
setSubmitted(true);
|
|
@@ -3304,9 +3334,9 @@ var PENDING = [
|
|
|
3304
3334
|
{ email: "sam@startup.io", role: "Viewer" }
|
|
3305
3335
|
];
|
|
3306
3336
|
function InviteModal({ className }) {
|
|
3307
|
-
const [email, setEmail] =
|
|
3308
|
-
const [role, setRole] =
|
|
3309
|
-
const [pending, setPending] =
|
|
3337
|
+
const [email, setEmail] = React66.useState("");
|
|
3338
|
+
const [role, setRole] = React66.useState("Member");
|
|
3339
|
+
const [pending, setPending] = React66.useState(PENDING);
|
|
3310
3340
|
const invite = () => {
|
|
3311
3341
|
if (!email.trim())
|
|
3312
3342
|
return;
|
|
@@ -3354,9 +3384,9 @@ var INITIAL_TAGS = [
|
|
|
3354
3384
|
{ id: "4", name: "Research", color: "bg-purple-500" }
|
|
3355
3385
|
];
|
|
3356
3386
|
function ManageTagsModal({ className }) {
|
|
3357
|
-
const [tags, setTags] =
|
|
3358
|
-
const [newTag, setNewTag] =
|
|
3359
|
-
const [colorIdx, setColorIdx] =
|
|
3387
|
+
const [tags, setTags] = React66.useState(INITIAL_TAGS);
|
|
3388
|
+
const [newTag, setNewTag] = React66.useState("");
|
|
3389
|
+
const [colorIdx, setColorIdx] = React66.useState(0);
|
|
3360
3390
|
const addTag = () => {
|
|
3361
3391
|
if (!newTag.trim())
|
|
3362
3392
|
return;
|
|
@@ -3415,8 +3445,8 @@ var USERS = [
|
|
|
3415
3445
|
{ id: "6", name: "Mike Liu", email: "mike@acme.com", initials: "ML" }
|
|
3416
3446
|
];
|
|
3417
3447
|
function SelectUsersModal({ onConfirm, className }) {
|
|
3418
|
-
const [query, setQuery] =
|
|
3419
|
-
const [selected, setSelected] =
|
|
3448
|
+
const [query, setQuery] = React66.useState("");
|
|
3449
|
+
const [selected, setSelected] = React66.useState(/* @__PURE__ */ new Set());
|
|
3420
3450
|
const filtered = USERS.filter(
|
|
3421
3451
|
(u) => u.name.toLowerCase().includes(query.toLowerCase()) || u.email.toLowerCase().includes(query.toLowerCase())
|
|
3422
3452
|
);
|
|
@@ -3535,7 +3565,7 @@ var ROLES = [
|
|
|
3535
3565
|
{ value: "viewer", label: "Viewer", description: "Read-only access" }
|
|
3536
3566
|
];
|
|
3537
3567
|
function RolesMenu({ value = "member", onChange, className }) {
|
|
3538
|
-
const [role, setRole] =
|
|
3568
|
+
const [role, setRole] = React66.useState(value);
|
|
3539
3569
|
const current = ROLES.find((r) => r.value === role) ?? ROLES[2];
|
|
3540
3570
|
const handleChange = (v) => {
|
|
3541
3571
|
setRole(v);
|
|
@@ -3619,8 +3649,8 @@ function ChatBubble({ msg }) {
|
|
|
3619
3649
|
] });
|
|
3620
3650
|
}
|
|
3621
3651
|
function ChatDetail({ className }) {
|
|
3622
|
-
const [messages, setMessages] =
|
|
3623
|
-
const [input, setInput] =
|
|
3652
|
+
const [messages, setMessages] = React66.useState(INITIAL_MESSAGES);
|
|
3653
|
+
const [input, setInput] = React66.useState("");
|
|
3624
3654
|
const send = () => {
|
|
3625
3655
|
if (!input.trim())
|
|
3626
3656
|
return;
|
|
@@ -3761,7 +3791,7 @@ function FileRow({ file, onDelete }) {
|
|
|
3761
3791
|
] });
|
|
3762
3792
|
}
|
|
3763
3793
|
function FilesList({ className }) {
|
|
3764
|
-
const [files, setFiles] =
|
|
3794
|
+
const [files, setFiles] = React66__namespace.default.useState(FILES2);
|
|
3765
3795
|
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
3796
|
/* @__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
3797
|
/* @__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 +3869,7 @@ function TaskRow({ task, onToggle }) {
|
|
|
3839
3869
|
] });
|
|
3840
3870
|
}
|
|
3841
3871
|
function SortableTaskList({ className }) {
|
|
3842
|
-
const [tasks, setTasks] =
|
|
3872
|
+
const [tasks, setTasks] = React66.useState(TASKS);
|
|
3843
3873
|
const toggle = (id) => setTasks((ts) => ts.map((t) => t.id === id ? { ...t, done: !t.done } : t));
|
|
3844
3874
|
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
3875
|
const items = tasks.filter((t) => t.status === section);
|
|
@@ -3856,6 +3886,1710 @@ function SortableTaskList({ className }) {
|
|
|
3856
3886
|
] }, section);
|
|
3857
3887
|
}) });
|
|
3858
3888
|
}
|
|
3889
|
+
var Accordion = AccordionPrimitive__namespace.Root;
|
|
3890
|
+
var AccordionItem = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3891
|
+
AccordionPrimitive__namespace.Item,
|
|
3892
|
+
{
|
|
3893
|
+
ref,
|
|
3894
|
+
className: cn("border-b", className),
|
|
3895
|
+
...props
|
|
3896
|
+
}
|
|
3897
|
+
));
|
|
3898
|
+
AccordionItem.displayName = "AccordionItem";
|
|
3899
|
+
var AccordionTrigger = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3900
|
+
AccordionPrimitive__namespace.Trigger,
|
|
3901
|
+
{
|
|
3902
|
+
ref,
|
|
3903
|
+
className: cn(
|
|
3904
|
+
"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",
|
|
3905
|
+
className
|
|
3906
|
+
),
|
|
3907
|
+
...props,
|
|
3908
|
+
children: [
|
|
3909
|
+
children,
|
|
3910
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
|
3911
|
+
]
|
|
3912
|
+
}
|
|
3913
|
+
) }));
|
|
3914
|
+
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
3915
|
+
var AccordionContent = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3916
|
+
AccordionPrimitive__namespace.Content,
|
|
3917
|
+
{
|
|
3918
|
+
ref,
|
|
3919
|
+
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
3920
|
+
...props,
|
|
3921
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
3922
|
+
}
|
|
3923
|
+
));
|
|
3924
|
+
AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
|
|
3925
|
+
var alertVariants = classVarianceAuthority.cva(
|
|
3926
|
+
"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",
|
|
3927
|
+
{
|
|
3928
|
+
variants: {
|
|
3929
|
+
variant: {
|
|
3930
|
+
default: "bg-background text-foreground",
|
|
3931
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
3932
|
+
}
|
|
3933
|
+
},
|
|
3934
|
+
defaultVariants: {
|
|
3935
|
+
variant: "default"
|
|
3936
|
+
}
|
|
3937
|
+
}
|
|
3938
|
+
);
|
|
3939
|
+
var Alert = React66__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3940
|
+
"div",
|
|
3941
|
+
{
|
|
3942
|
+
ref,
|
|
3943
|
+
role: "alert",
|
|
3944
|
+
className: cn(alertVariants({ variant }), className),
|
|
3945
|
+
...props
|
|
3946
|
+
}
|
|
3947
|
+
));
|
|
3948
|
+
Alert.displayName = "Alert";
|
|
3949
|
+
var AlertTitle = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3950
|
+
"h5",
|
|
3951
|
+
{
|
|
3952
|
+
ref,
|
|
3953
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
3954
|
+
...props
|
|
3955
|
+
}
|
|
3956
|
+
));
|
|
3957
|
+
AlertTitle.displayName = "AlertTitle";
|
|
3958
|
+
var AlertDescription = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3959
|
+
"div",
|
|
3960
|
+
{
|
|
3961
|
+
ref,
|
|
3962
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
3963
|
+
...props
|
|
3964
|
+
}
|
|
3965
|
+
));
|
|
3966
|
+
AlertDescription.displayName = "AlertDescription";
|
|
3967
|
+
var AlertDialog = AlertDialogPrimitive__namespace.Root;
|
|
3968
|
+
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
3969
|
+
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
3970
|
+
var AlertDialogOverlay = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3971
|
+
AlertDialogPrimitive__namespace.Overlay,
|
|
3972
|
+
{
|
|
3973
|
+
className: cn(
|
|
3974
|
+
"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",
|
|
3975
|
+
className
|
|
3976
|
+
),
|
|
3977
|
+
...props,
|
|
3978
|
+
ref
|
|
3979
|
+
}
|
|
3980
|
+
));
|
|
3981
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
|
|
3982
|
+
var AlertDialogContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
3983
|
+
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
3984
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3985
|
+
AlertDialogPrimitive__namespace.Content,
|
|
3986
|
+
{
|
|
3987
|
+
ref,
|
|
3988
|
+
className: cn(
|
|
3989
|
+
"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",
|
|
3990
|
+
className
|
|
3991
|
+
),
|
|
3992
|
+
...props
|
|
3993
|
+
}
|
|
3994
|
+
)
|
|
3995
|
+
] }));
|
|
3996
|
+
AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
|
|
3997
|
+
var AlertDialogHeader = ({
|
|
3998
|
+
className,
|
|
3999
|
+
...props
|
|
4000
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4001
|
+
"div",
|
|
4002
|
+
{
|
|
4003
|
+
className: cn(
|
|
4004
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
4005
|
+
className
|
|
4006
|
+
),
|
|
4007
|
+
...props
|
|
4008
|
+
}
|
|
4009
|
+
);
|
|
4010
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
4011
|
+
var AlertDialogFooter = ({
|
|
4012
|
+
className,
|
|
4013
|
+
...props
|
|
4014
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4015
|
+
"div",
|
|
4016
|
+
{
|
|
4017
|
+
className: cn(
|
|
4018
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
4019
|
+
className
|
|
4020
|
+
),
|
|
4021
|
+
...props
|
|
4022
|
+
}
|
|
4023
|
+
);
|
|
4024
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
4025
|
+
var AlertDialogTitle = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4026
|
+
AlertDialogPrimitive__namespace.Title,
|
|
4027
|
+
{
|
|
4028
|
+
ref,
|
|
4029
|
+
className: cn("text-lg font-semibold", className),
|
|
4030
|
+
...props
|
|
4031
|
+
}
|
|
4032
|
+
));
|
|
4033
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
|
|
4034
|
+
var AlertDialogDescription = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4035
|
+
AlertDialogPrimitive__namespace.Description,
|
|
4036
|
+
{
|
|
4037
|
+
ref,
|
|
4038
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
4039
|
+
...props
|
|
4040
|
+
}
|
|
4041
|
+
));
|
|
4042
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
4043
|
+
var AlertDialogAction = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4044
|
+
AlertDialogPrimitive__namespace.Action,
|
|
4045
|
+
{
|
|
4046
|
+
ref,
|
|
4047
|
+
className: cn(buttonVariants(), className),
|
|
4048
|
+
...props
|
|
4049
|
+
}
|
|
4050
|
+
));
|
|
4051
|
+
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
4052
|
+
var AlertDialogCancel = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4053
|
+
AlertDialogPrimitive__namespace.Cancel,
|
|
4054
|
+
{
|
|
4055
|
+
ref,
|
|
4056
|
+
className: cn(
|
|
4057
|
+
buttonVariants({ variant: "outline" }),
|
|
4058
|
+
"mt-2 sm:mt-0",
|
|
4059
|
+
className
|
|
4060
|
+
),
|
|
4061
|
+
...props
|
|
4062
|
+
}
|
|
4063
|
+
));
|
|
4064
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
|
|
4065
|
+
var AspectRatio = AspectRatioPrimitive__namespace.Root;
|
|
4066
|
+
var CarouselContext = React66__namespace.createContext(null);
|
|
4067
|
+
function useCarousel() {
|
|
4068
|
+
const context = React66__namespace.useContext(CarouselContext);
|
|
4069
|
+
if (!context) {
|
|
4070
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
4071
|
+
}
|
|
4072
|
+
return context;
|
|
4073
|
+
}
|
|
4074
|
+
var Carousel = React66__namespace.forwardRef(
|
|
4075
|
+
({
|
|
4076
|
+
orientation = "horizontal",
|
|
4077
|
+
opts,
|
|
4078
|
+
setApi,
|
|
4079
|
+
plugins,
|
|
4080
|
+
className,
|
|
4081
|
+
children,
|
|
4082
|
+
...props
|
|
4083
|
+
}, ref) => {
|
|
4084
|
+
const [carouselRef, api] = useEmblaCarousel__default.default(
|
|
4085
|
+
{
|
|
4086
|
+
...opts,
|
|
4087
|
+
axis: orientation === "horizontal" ? "x" : "y"
|
|
4088
|
+
},
|
|
4089
|
+
plugins
|
|
4090
|
+
);
|
|
4091
|
+
const [canScrollPrev, setCanScrollPrev] = React66__namespace.useState(false);
|
|
4092
|
+
const [canScrollNext, setCanScrollNext] = React66__namespace.useState(false);
|
|
4093
|
+
const onSelect = React66__namespace.useCallback((api2) => {
|
|
4094
|
+
if (!api2) {
|
|
4095
|
+
return;
|
|
4096
|
+
}
|
|
4097
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
4098
|
+
setCanScrollNext(api2.canScrollNext());
|
|
4099
|
+
}, []);
|
|
4100
|
+
const scrollPrev = React66__namespace.useCallback(() => {
|
|
4101
|
+
api?.scrollPrev();
|
|
4102
|
+
}, [api]);
|
|
4103
|
+
const scrollNext = React66__namespace.useCallback(() => {
|
|
4104
|
+
api?.scrollNext();
|
|
4105
|
+
}, [api]);
|
|
4106
|
+
const handleKeyDown = React66__namespace.useCallback(
|
|
4107
|
+
(event) => {
|
|
4108
|
+
if (event.key === "ArrowLeft") {
|
|
4109
|
+
event.preventDefault();
|
|
4110
|
+
scrollPrev();
|
|
4111
|
+
} else if (event.key === "ArrowRight") {
|
|
4112
|
+
event.preventDefault();
|
|
4113
|
+
scrollNext();
|
|
4114
|
+
}
|
|
4115
|
+
},
|
|
4116
|
+
[scrollPrev, scrollNext]
|
|
4117
|
+
);
|
|
4118
|
+
React66__namespace.useEffect(() => {
|
|
4119
|
+
if (!api || !setApi) {
|
|
4120
|
+
return;
|
|
4121
|
+
}
|
|
4122
|
+
setApi(api);
|
|
4123
|
+
}, [api, setApi]);
|
|
4124
|
+
React66__namespace.useEffect(() => {
|
|
4125
|
+
if (!api) {
|
|
4126
|
+
return;
|
|
4127
|
+
}
|
|
4128
|
+
onSelect(api);
|
|
4129
|
+
api.on("reInit", onSelect);
|
|
4130
|
+
api.on("select", onSelect);
|
|
4131
|
+
return () => {
|
|
4132
|
+
api?.off("select", onSelect);
|
|
4133
|
+
};
|
|
4134
|
+
}, [api, onSelect]);
|
|
4135
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4136
|
+
CarouselContext.Provider,
|
|
4137
|
+
{
|
|
4138
|
+
value: {
|
|
4139
|
+
carouselRef,
|
|
4140
|
+
api,
|
|
4141
|
+
opts,
|
|
4142
|
+
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
4143
|
+
scrollPrev,
|
|
4144
|
+
scrollNext,
|
|
4145
|
+
canScrollPrev,
|
|
4146
|
+
canScrollNext
|
|
4147
|
+
},
|
|
4148
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4149
|
+
"div",
|
|
4150
|
+
{
|
|
4151
|
+
ref,
|
|
4152
|
+
onKeyDownCapture: handleKeyDown,
|
|
4153
|
+
className: cn("relative", className),
|
|
4154
|
+
role: "region",
|
|
4155
|
+
"aria-roledescription": "carousel",
|
|
4156
|
+
...props,
|
|
4157
|
+
children
|
|
4158
|
+
}
|
|
4159
|
+
)
|
|
4160
|
+
}
|
|
4161
|
+
);
|
|
4162
|
+
}
|
|
4163
|
+
);
|
|
4164
|
+
Carousel.displayName = "Carousel";
|
|
4165
|
+
var CarouselContent = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4166
|
+
const { carouselRef, orientation } = useCarousel();
|
|
4167
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4168
|
+
"div",
|
|
4169
|
+
{
|
|
4170
|
+
ref,
|
|
4171
|
+
className: cn(
|
|
4172
|
+
"flex",
|
|
4173
|
+
orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
4174
|
+
className
|
|
4175
|
+
),
|
|
4176
|
+
...props
|
|
4177
|
+
}
|
|
4178
|
+
) });
|
|
4179
|
+
});
|
|
4180
|
+
CarouselContent.displayName = "CarouselContent";
|
|
4181
|
+
var CarouselItem = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4182
|
+
const { orientation } = useCarousel();
|
|
4183
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4184
|
+
"div",
|
|
4185
|
+
{
|
|
4186
|
+
ref,
|
|
4187
|
+
role: "group",
|
|
4188
|
+
"aria-roledescription": "slide",
|
|
4189
|
+
className: cn(
|
|
4190
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
4191
|
+
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
4192
|
+
className
|
|
4193
|
+
),
|
|
4194
|
+
...props
|
|
4195
|
+
}
|
|
4196
|
+
);
|
|
4197
|
+
});
|
|
4198
|
+
CarouselItem.displayName = "CarouselItem";
|
|
4199
|
+
var CarouselPrevious = React66__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4200
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
4201
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4202
|
+
Button,
|
|
4203
|
+
{
|
|
4204
|
+
ref,
|
|
4205
|
+
variant,
|
|
4206
|
+
size,
|
|
4207
|
+
className: cn(
|
|
4208
|
+
"absolute h-8 w-8 rounded-full",
|
|
4209
|
+
orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4210
|
+
className
|
|
4211
|
+
),
|
|
4212
|
+
disabled: !canScrollPrev,
|
|
4213
|
+
onClick: scrollPrev,
|
|
4214
|
+
...props,
|
|
4215
|
+
children: [
|
|
4216
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" }),
|
|
4217
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
|
|
4218
|
+
]
|
|
4219
|
+
}
|
|
4220
|
+
);
|
|
4221
|
+
});
|
|
4222
|
+
CarouselPrevious.displayName = "CarouselPrevious";
|
|
4223
|
+
var CarouselNext = React66__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4224
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
4225
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4226
|
+
Button,
|
|
4227
|
+
{
|
|
4228
|
+
ref,
|
|
4229
|
+
variant,
|
|
4230
|
+
size,
|
|
4231
|
+
className: cn(
|
|
4232
|
+
"absolute h-8 w-8 rounded-full",
|
|
4233
|
+
orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4234
|
+
className
|
|
4235
|
+
),
|
|
4236
|
+
disabled: !canScrollNext,
|
|
4237
|
+
onClick: scrollNext,
|
|
4238
|
+
...props,
|
|
4239
|
+
children: [
|
|
4240
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4" }),
|
|
4241
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
|
|
4242
|
+
]
|
|
4243
|
+
}
|
|
4244
|
+
);
|
|
4245
|
+
});
|
|
4246
|
+
CarouselNext.displayName = "CarouselNext";
|
|
4247
|
+
var Collapsible = CollapsiblePrimitive__namespace.Root;
|
|
4248
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
|
|
4249
|
+
var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
|
|
4250
|
+
var NODES = [
|
|
4251
|
+
"a",
|
|
4252
|
+
"button",
|
|
4253
|
+
"div",
|
|
4254
|
+
"form",
|
|
4255
|
+
"h2",
|
|
4256
|
+
"h3",
|
|
4257
|
+
"img",
|
|
4258
|
+
"input",
|
|
4259
|
+
"label",
|
|
4260
|
+
"li",
|
|
4261
|
+
"nav",
|
|
4262
|
+
"ol",
|
|
4263
|
+
"p",
|
|
4264
|
+
"select",
|
|
4265
|
+
"span",
|
|
4266
|
+
"svg",
|
|
4267
|
+
"ul"
|
|
4268
|
+
];
|
|
4269
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
4270
|
+
const Slot3 = reactSlot.createSlot(`Primitive.${node}`);
|
|
4271
|
+
const Node = React66__namespace.forwardRef((props, forwardedRef) => {
|
|
4272
|
+
const { asChild, ...primitiveProps } = props;
|
|
4273
|
+
const Comp = asChild ? Slot3 : node;
|
|
4274
|
+
if (typeof window !== "undefined") {
|
|
4275
|
+
window[Symbol.for("radix-ui")] = true;
|
|
4276
|
+
}
|
|
4277
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
4278
|
+
});
|
|
4279
|
+
Node.displayName = `Primitive.${node}`;
|
|
4280
|
+
return { ...primitive, [node]: Node };
|
|
4281
|
+
}, {});
|
|
4282
|
+
var NAME = "Label";
|
|
4283
|
+
var Label4 = React66__namespace.forwardRef((props, forwardedRef) => {
|
|
4284
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4285
|
+
Primitive.label,
|
|
4286
|
+
{
|
|
4287
|
+
...props,
|
|
4288
|
+
ref: forwardedRef,
|
|
4289
|
+
onMouseDown: (event) => {
|
|
4290
|
+
const target = event.target;
|
|
4291
|
+
if (target.closest("button, input, select, textarea"))
|
|
4292
|
+
return;
|
|
4293
|
+
props.onMouseDown?.(event);
|
|
4294
|
+
if (!event.defaultPrevented && event.detail > 1)
|
|
4295
|
+
event.preventDefault();
|
|
4296
|
+
}
|
|
4297
|
+
}
|
|
4298
|
+
);
|
|
4299
|
+
});
|
|
4300
|
+
Label4.displayName = NAME;
|
|
4301
|
+
var Root20 = Label4;
|
|
4302
|
+
var labelVariants = classVarianceAuthority.cva(
|
|
4303
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
4304
|
+
);
|
|
4305
|
+
var Label5 = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4306
|
+
Root20,
|
|
4307
|
+
{
|
|
4308
|
+
ref,
|
|
4309
|
+
className: cn(labelVariants(), className),
|
|
4310
|
+
...props
|
|
4311
|
+
}
|
|
4312
|
+
));
|
|
4313
|
+
Label5.displayName = Root20.displayName;
|
|
4314
|
+
var FormFieldContext = React66__namespace.createContext(null);
|
|
4315
|
+
var useFormField = () => {
|
|
4316
|
+
const fieldContext = React66__namespace.useContext(FormFieldContext);
|
|
4317
|
+
const itemContext = React66__namespace.useContext(FormItemContext);
|
|
4318
|
+
const { getFieldState, formState } = reactHookForm.useFormContext();
|
|
4319
|
+
if (!fieldContext) {
|
|
4320
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
4321
|
+
}
|
|
4322
|
+
if (!itemContext) {
|
|
4323
|
+
throw new Error("useFormField should be used within <FormItem>");
|
|
4324
|
+
}
|
|
4325
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
4326
|
+
const { id } = itemContext;
|
|
4327
|
+
return {
|
|
4328
|
+
id,
|
|
4329
|
+
name: fieldContext.name,
|
|
4330
|
+
formItemId: `${id}-form-item`,
|
|
4331
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
4332
|
+
formMessageId: `${id}-form-item-message`,
|
|
4333
|
+
...fieldState
|
|
4334
|
+
};
|
|
4335
|
+
};
|
|
4336
|
+
var FormItemContext = React66__namespace.createContext(null);
|
|
4337
|
+
var FormItem2 = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4338
|
+
const id = React66__namespace.useId();
|
|
4339
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
|
|
4340
|
+
});
|
|
4341
|
+
FormItem2.displayName = "FormItem";
|
|
4342
|
+
var FormLabel2 = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4343
|
+
const { error, formItemId } = useFormField();
|
|
4344
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4345
|
+
Label5,
|
|
4346
|
+
{
|
|
4347
|
+
ref,
|
|
4348
|
+
className: cn(error && "text-destructive", className),
|
|
4349
|
+
htmlFor: formItemId,
|
|
4350
|
+
...props
|
|
4351
|
+
}
|
|
4352
|
+
);
|
|
4353
|
+
});
|
|
4354
|
+
FormLabel2.displayName = "FormLabel";
|
|
4355
|
+
var FormControl2 = React66__namespace.forwardRef(({ ...props }, ref) => {
|
|
4356
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
4357
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4358
|
+
reactSlot.Slot,
|
|
4359
|
+
{
|
|
4360
|
+
ref,
|
|
4361
|
+
id: formItemId,
|
|
4362
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
4363
|
+
"aria-invalid": !!error,
|
|
4364
|
+
...props
|
|
4365
|
+
}
|
|
4366
|
+
);
|
|
4367
|
+
});
|
|
4368
|
+
FormControl2.displayName = "FormControl";
|
|
4369
|
+
var FormDescription2 = React66__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
4370
|
+
const { formDescriptionId } = useFormField();
|
|
4371
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4372
|
+
"p",
|
|
4373
|
+
{
|
|
4374
|
+
ref,
|
|
4375
|
+
id: formDescriptionId,
|
|
4376
|
+
className: cn("text-[0.8rem] text-muted-foreground", className),
|
|
4377
|
+
...props
|
|
4378
|
+
}
|
|
4379
|
+
);
|
|
4380
|
+
});
|
|
4381
|
+
FormDescription2.displayName = "FormDescription";
|
|
4382
|
+
var FormMessage2 = React66__namespace.forwardRef(({ className, children, ...props }, ref) => {
|
|
4383
|
+
const { error, formMessageId } = useFormField();
|
|
4384
|
+
const body = error ? String(error?.message ?? "") : children;
|
|
4385
|
+
if (!body) {
|
|
4386
|
+
return null;
|
|
4387
|
+
}
|
|
4388
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4389
|
+
"p",
|
|
4390
|
+
{
|
|
4391
|
+
ref,
|
|
4392
|
+
id: formMessageId,
|
|
4393
|
+
className: cn("text-[0.8rem] font-medium text-destructive", className),
|
|
4394
|
+
...props,
|
|
4395
|
+
children: body
|
|
4396
|
+
}
|
|
4397
|
+
);
|
|
4398
|
+
});
|
|
4399
|
+
FormMessage2.displayName = "FormMessage";
|
|
4400
|
+
var HoverCard = HoverCardPrimitive__namespace.Root;
|
|
4401
|
+
var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
|
|
4402
|
+
var HoverCardContent = React66__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4403
|
+
HoverCardPrimitive__namespace.Content,
|
|
4404
|
+
{
|
|
4405
|
+
ref,
|
|
4406
|
+
align,
|
|
4407
|
+
sideOffset,
|
|
4408
|
+
className: cn(
|
|
4409
|
+
"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]",
|
|
4410
|
+
className
|
|
4411
|
+
),
|
|
4412
|
+
...props
|
|
4413
|
+
}
|
|
4414
|
+
));
|
|
4415
|
+
HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
|
|
4416
|
+
var NavigationMenu = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4417
|
+
NavigationMenuPrimitive__namespace.Root,
|
|
4418
|
+
{
|
|
4419
|
+
ref,
|
|
4420
|
+
className: cn(
|
|
4421
|
+
"relative z-10 flex max-w-max flex-1 items-center justify-center",
|
|
4422
|
+
className
|
|
4423
|
+
),
|
|
4424
|
+
...props,
|
|
4425
|
+
children: [
|
|
4426
|
+
children,
|
|
4427
|
+
/* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
|
|
4428
|
+
]
|
|
4429
|
+
}
|
|
4430
|
+
));
|
|
4431
|
+
NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
|
|
4432
|
+
var NavigationMenuList = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4433
|
+
NavigationMenuPrimitive__namespace.List,
|
|
4434
|
+
{
|
|
4435
|
+
ref,
|
|
4436
|
+
className: cn(
|
|
4437
|
+
"group flex flex-1 list-none items-center justify-center space-x-1",
|
|
4438
|
+
className
|
|
4439
|
+
),
|
|
4440
|
+
...props
|
|
4441
|
+
}
|
|
4442
|
+
));
|
|
4443
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive__namespace.List.displayName;
|
|
4444
|
+
var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
|
|
4445
|
+
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
4446
|
+
"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"
|
|
4447
|
+
);
|
|
4448
|
+
var NavigationMenuTrigger = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4449
|
+
NavigationMenuPrimitive__namespace.Trigger,
|
|
4450
|
+
{
|
|
4451
|
+
ref,
|
|
4452
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
4453
|
+
...props,
|
|
4454
|
+
children: [
|
|
4455
|
+
children,
|
|
4456
|
+
" ",
|
|
4457
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4458
|
+
lucideReact.ChevronDown,
|
|
4459
|
+
{
|
|
4460
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
4461
|
+
"aria-hidden": "true"
|
|
4462
|
+
}
|
|
4463
|
+
)
|
|
4464
|
+
]
|
|
4465
|
+
}
|
|
4466
|
+
));
|
|
4467
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
|
|
4468
|
+
var NavigationMenuContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4469
|
+
NavigationMenuPrimitive__namespace.Content,
|
|
4470
|
+
{
|
|
4471
|
+
ref,
|
|
4472
|
+
className: cn(
|
|
4473
|
+
"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 ",
|
|
4474
|
+
className
|
|
4475
|
+
),
|
|
4476
|
+
...props
|
|
4477
|
+
}
|
|
4478
|
+
));
|
|
4479
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
|
|
4480
|
+
var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
|
|
4481
|
+
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(
|
|
4482
|
+
NavigationMenuPrimitive__namespace.Viewport,
|
|
4483
|
+
{
|
|
4484
|
+
className: cn(
|
|
4485
|
+
"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)]",
|
|
4486
|
+
className
|
|
4487
|
+
),
|
|
4488
|
+
ref,
|
|
4489
|
+
...props
|
|
4490
|
+
}
|
|
4491
|
+
) }));
|
|
4492
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
|
|
4493
|
+
var NavigationMenuIndicator = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4494
|
+
NavigationMenuPrimitive__namespace.Indicator,
|
|
4495
|
+
{
|
|
4496
|
+
ref,
|
|
4497
|
+
className: cn(
|
|
4498
|
+
"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",
|
|
4499
|
+
className
|
|
4500
|
+
),
|
|
4501
|
+
...props,
|
|
4502
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
4503
|
+
}
|
|
4504
|
+
));
|
|
4505
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicator.displayName;
|
|
4506
|
+
var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4507
|
+
"nav",
|
|
4508
|
+
{
|
|
4509
|
+
role: "navigation",
|
|
4510
|
+
"aria-label": "pagination",
|
|
4511
|
+
className: cn("mx-auto flex w-full justify-center", className),
|
|
4512
|
+
...props
|
|
4513
|
+
}
|
|
4514
|
+
);
|
|
4515
|
+
Pagination.displayName = "Pagination";
|
|
4516
|
+
var PaginationContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4517
|
+
"ul",
|
|
4518
|
+
{
|
|
4519
|
+
ref,
|
|
4520
|
+
className: cn("flex flex-row items-center gap-1", className),
|
|
4521
|
+
...props
|
|
4522
|
+
}
|
|
4523
|
+
));
|
|
4524
|
+
PaginationContent.displayName = "PaginationContent";
|
|
4525
|
+
var PaginationItem = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
|
|
4526
|
+
PaginationItem.displayName = "PaginationItem";
|
|
4527
|
+
var PaginationLink = ({
|
|
4528
|
+
className,
|
|
4529
|
+
isActive,
|
|
4530
|
+
size = "icon",
|
|
4531
|
+
...props
|
|
4532
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4533
|
+
"a",
|
|
4534
|
+
{
|
|
4535
|
+
"aria-current": isActive ? "page" : void 0,
|
|
4536
|
+
className: cn(
|
|
4537
|
+
buttonVariants({
|
|
4538
|
+
variant: isActive ? "outline" : "ghost",
|
|
4539
|
+
size
|
|
4540
|
+
}),
|
|
4541
|
+
className
|
|
4542
|
+
),
|
|
4543
|
+
...props
|
|
4544
|
+
}
|
|
4545
|
+
);
|
|
4546
|
+
PaginationLink.displayName = "PaginationLink";
|
|
4547
|
+
var PaginationPrevious = ({
|
|
4548
|
+
className,
|
|
4549
|
+
...props
|
|
4550
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4551
|
+
PaginationLink,
|
|
4552
|
+
{
|
|
4553
|
+
"aria-label": "Go to previous page",
|
|
4554
|
+
size: "default",
|
|
4555
|
+
className: cn("gap-1 pl-2.5", className),
|
|
4556
|
+
...props,
|
|
4557
|
+
children: [
|
|
4558
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
|
|
4559
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
|
|
4560
|
+
]
|
|
4561
|
+
}
|
|
4562
|
+
);
|
|
4563
|
+
PaginationPrevious.displayName = "PaginationPrevious";
|
|
4564
|
+
var PaginationNext = ({
|
|
4565
|
+
className,
|
|
4566
|
+
...props
|
|
4567
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4568
|
+
PaginationLink,
|
|
4569
|
+
{
|
|
4570
|
+
"aria-label": "Go to next page",
|
|
4571
|
+
size: "default",
|
|
4572
|
+
className: cn("gap-1 pr-2.5", className),
|
|
4573
|
+
...props,
|
|
4574
|
+
children: [
|
|
4575
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
|
|
4576
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
|
|
4577
|
+
]
|
|
4578
|
+
}
|
|
4579
|
+
);
|
|
4580
|
+
PaginationNext.displayName = "PaginationNext";
|
|
4581
|
+
var PaginationEllipsis = ({
|
|
4582
|
+
className,
|
|
4583
|
+
...props
|
|
4584
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4585
|
+
"span",
|
|
4586
|
+
{
|
|
4587
|
+
"aria-hidden": true,
|
|
4588
|
+
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
4589
|
+
...props,
|
|
4590
|
+
children: [
|
|
4591
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
|
|
4592
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
|
|
4593
|
+
]
|
|
4594
|
+
}
|
|
4595
|
+
);
|
|
4596
|
+
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
4597
|
+
var ScrollArea = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4598
|
+
ScrollAreaPrimitive__namespace.Root,
|
|
4599
|
+
{
|
|
4600
|
+
ref,
|
|
4601
|
+
className: cn("relative overflow-hidden", className),
|
|
4602
|
+
...props,
|
|
4603
|
+
children: [
|
|
4604
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
|
|
4605
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
|
|
4606
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
|
|
4607
|
+
]
|
|
4608
|
+
}
|
|
4609
|
+
));
|
|
4610
|
+
ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
|
|
4611
|
+
var ScrollBar = React66__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4612
|
+
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
4613
|
+
{
|
|
4614
|
+
ref,
|
|
4615
|
+
orientation,
|
|
4616
|
+
className: cn(
|
|
4617
|
+
"flex touch-none select-none transition-colors",
|
|
4618
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
|
|
4619
|
+
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
|
|
4620
|
+
className
|
|
4621
|
+
),
|
|
4622
|
+
...props,
|
|
4623
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
4624
|
+
}
|
|
4625
|
+
));
|
|
4626
|
+
ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
|
|
4627
|
+
var Table = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4628
|
+
"table",
|
|
4629
|
+
{
|
|
4630
|
+
ref,
|
|
4631
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
4632
|
+
...props
|
|
4633
|
+
}
|
|
4634
|
+
) }));
|
|
4635
|
+
Table.displayName = "Table";
|
|
4636
|
+
var TableHeader = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
4637
|
+
TableHeader.displayName = "TableHeader";
|
|
4638
|
+
var TableBody = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4639
|
+
"tbody",
|
|
4640
|
+
{
|
|
4641
|
+
ref,
|
|
4642
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
4643
|
+
...props
|
|
4644
|
+
}
|
|
4645
|
+
));
|
|
4646
|
+
TableBody.displayName = "TableBody";
|
|
4647
|
+
var TableFooter = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4648
|
+
"tfoot",
|
|
4649
|
+
{
|
|
4650
|
+
ref,
|
|
4651
|
+
className: cn(
|
|
4652
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
4653
|
+
className
|
|
4654
|
+
),
|
|
4655
|
+
...props
|
|
4656
|
+
}
|
|
4657
|
+
));
|
|
4658
|
+
TableFooter.displayName = "TableFooter";
|
|
4659
|
+
var TableRow = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4660
|
+
"tr",
|
|
4661
|
+
{
|
|
4662
|
+
ref,
|
|
4663
|
+
className: cn(
|
|
4664
|
+
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
4665
|
+
className
|
|
4666
|
+
),
|
|
4667
|
+
...props
|
|
4668
|
+
}
|
|
4669
|
+
));
|
|
4670
|
+
TableRow.displayName = "TableRow";
|
|
4671
|
+
var TableHead = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4672
|
+
"th",
|
|
4673
|
+
{
|
|
4674
|
+
ref,
|
|
4675
|
+
className: cn(
|
|
4676
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4677
|
+
className
|
|
4678
|
+
),
|
|
4679
|
+
...props
|
|
4680
|
+
}
|
|
4681
|
+
));
|
|
4682
|
+
TableHead.displayName = "TableHead";
|
|
4683
|
+
var TableCell = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4684
|
+
"td",
|
|
4685
|
+
{
|
|
4686
|
+
ref,
|
|
4687
|
+
className: cn(
|
|
4688
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4689
|
+
className
|
|
4690
|
+
),
|
|
4691
|
+
...props
|
|
4692
|
+
}
|
|
4693
|
+
));
|
|
4694
|
+
TableCell.displayName = "TableCell";
|
|
4695
|
+
var TableCaption = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4696
|
+
"caption",
|
|
4697
|
+
{
|
|
4698
|
+
ref,
|
|
4699
|
+
className: cn("mt-4 text-sm text-muted-foreground", className),
|
|
4700
|
+
...props
|
|
4701
|
+
}
|
|
4702
|
+
));
|
|
4703
|
+
TableCaption.displayName = "TableCaption";
|
|
4704
|
+
var toggleVariants = classVarianceAuthority.cva(
|
|
4705
|
+
"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",
|
|
4706
|
+
{
|
|
4707
|
+
variants: {
|
|
4708
|
+
variant: {
|
|
4709
|
+
default: "bg-transparent",
|
|
4710
|
+
outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
|
|
4711
|
+
},
|
|
4712
|
+
size: {
|
|
4713
|
+
default: "h-9 px-2 min-w-9",
|
|
4714
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
4715
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
4716
|
+
}
|
|
4717
|
+
},
|
|
4718
|
+
defaultVariants: {
|
|
4719
|
+
variant: "default",
|
|
4720
|
+
size: "default"
|
|
4721
|
+
}
|
|
4722
|
+
}
|
|
4723
|
+
);
|
|
4724
|
+
var Toggle = React66__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4725
|
+
TogglePrimitive__namespace.Root,
|
|
4726
|
+
{
|
|
4727
|
+
ref,
|
|
4728
|
+
className: cn(toggleVariants({ variant, size, className })),
|
|
4729
|
+
...props
|
|
4730
|
+
}
|
|
4731
|
+
));
|
|
4732
|
+
Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
|
|
4733
|
+
var ToggleGroupContext = React66__namespace.createContext({
|
|
4734
|
+
size: "default",
|
|
4735
|
+
variant: "default"
|
|
4736
|
+
});
|
|
4737
|
+
var ToggleGroup = React66__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4738
|
+
ToggleGroupPrimitive__namespace.Root,
|
|
4739
|
+
{
|
|
4740
|
+
ref,
|
|
4741
|
+
className: cn("flex items-center justify-center gap-1", className),
|
|
4742
|
+
...props,
|
|
4743
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
4744
|
+
}
|
|
4745
|
+
));
|
|
4746
|
+
ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
|
|
4747
|
+
var ToggleGroupItem = React66__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
4748
|
+
const context = React66__namespace.useContext(ToggleGroupContext);
|
|
4749
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4750
|
+
ToggleGroupPrimitive__namespace.Item,
|
|
4751
|
+
{
|
|
4752
|
+
ref,
|
|
4753
|
+
className: cn(
|
|
4754
|
+
toggleVariants({
|
|
4755
|
+
variant: context.variant || variant,
|
|
4756
|
+
size: context.size || size
|
|
4757
|
+
}),
|
|
4758
|
+
className
|
|
4759
|
+
),
|
|
4760
|
+
...props,
|
|
4761
|
+
children
|
|
4762
|
+
}
|
|
4763
|
+
);
|
|
4764
|
+
});
|
|
4765
|
+
ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
|
|
4766
|
+
function Calendar3({
|
|
4767
|
+
className,
|
|
4768
|
+
classNames,
|
|
4769
|
+
showOutsideDays = true,
|
|
4770
|
+
captionLayout = "label",
|
|
4771
|
+
buttonVariant = "ghost",
|
|
4772
|
+
formatters,
|
|
4773
|
+
components,
|
|
4774
|
+
...props
|
|
4775
|
+
}) {
|
|
4776
|
+
const defaultClassNames = reactDayPicker.getDefaultClassNames();
|
|
4777
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4778
|
+
reactDayPicker.DayPicker,
|
|
4779
|
+
{
|
|
4780
|
+
showOutsideDays,
|
|
4781
|
+
className: cn(
|
|
4782
|
+
"bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
4783
|
+
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
4784
|
+
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
4785
|
+
className
|
|
4786
|
+
),
|
|
4787
|
+
captionLayout,
|
|
4788
|
+
formatters: {
|
|
4789
|
+
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
4790
|
+
...formatters
|
|
4791
|
+
},
|
|
4792
|
+
classNames: {
|
|
4793
|
+
root: cn("w-fit", defaultClassNames.root),
|
|
4794
|
+
months: cn(
|
|
4795
|
+
"relative flex flex-col gap-4 md:flex-row",
|
|
4796
|
+
defaultClassNames.months
|
|
4797
|
+
),
|
|
4798
|
+
month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
|
|
4799
|
+
nav: cn(
|
|
4800
|
+
"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
|
|
4801
|
+
defaultClassNames.nav
|
|
4802
|
+
),
|
|
4803
|
+
button_previous: cn(
|
|
4804
|
+
buttonVariants({ variant: buttonVariant }),
|
|
4805
|
+
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
4806
|
+
defaultClassNames.button_previous
|
|
4807
|
+
),
|
|
4808
|
+
button_next: cn(
|
|
4809
|
+
buttonVariants({ variant: buttonVariant }),
|
|
4810
|
+
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
4811
|
+
defaultClassNames.button_next
|
|
4812
|
+
),
|
|
4813
|
+
month_caption: cn(
|
|
4814
|
+
"flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
|
|
4815
|
+
defaultClassNames.month_caption
|
|
4816
|
+
),
|
|
4817
|
+
dropdowns: cn(
|
|
4818
|
+
"flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
4819
|
+
defaultClassNames.dropdowns
|
|
4820
|
+
),
|
|
4821
|
+
dropdown_root: cn(
|
|
4822
|
+
"has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
|
|
4823
|
+
defaultClassNames.dropdown_root
|
|
4824
|
+
),
|
|
4825
|
+
dropdown: cn(
|
|
4826
|
+
"bg-popover absolute inset-0 opacity-0",
|
|
4827
|
+
defaultClassNames.dropdown
|
|
4828
|
+
),
|
|
4829
|
+
caption_label: cn(
|
|
4830
|
+
"select-none font-medium",
|
|
4831
|
+
captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
|
|
4832
|
+
defaultClassNames.caption_label
|
|
4833
|
+
),
|
|
4834
|
+
table: "w-full border-collapse",
|
|
4835
|
+
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
4836
|
+
weekday: cn(
|
|
4837
|
+
"text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
|
|
4838
|
+
defaultClassNames.weekday
|
|
4839
|
+
),
|
|
4840
|
+
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
4841
|
+
week_number_header: cn(
|
|
4842
|
+
"w-[--cell-size] select-none",
|
|
4843
|
+
defaultClassNames.week_number_header
|
|
4844
|
+
),
|
|
4845
|
+
week_number: cn(
|
|
4846
|
+
"text-muted-foreground select-none text-[0.8rem]",
|
|
4847
|
+
defaultClassNames.week_number
|
|
4848
|
+
),
|
|
4849
|
+
day: cn(
|
|
4850
|
+
"group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
|
|
4851
|
+
defaultClassNames.day
|
|
4852
|
+
),
|
|
4853
|
+
range_start: cn(
|
|
4854
|
+
"bg-accent rounded-l-md",
|
|
4855
|
+
defaultClassNames.range_start
|
|
4856
|
+
),
|
|
4857
|
+
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
4858
|
+
range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
|
|
4859
|
+
today: cn(
|
|
4860
|
+
"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
|
|
4861
|
+
defaultClassNames.today
|
|
4862
|
+
),
|
|
4863
|
+
outside: cn(
|
|
4864
|
+
"text-muted-foreground aria-selected:text-muted-foreground",
|
|
4865
|
+
defaultClassNames.outside
|
|
4866
|
+
),
|
|
4867
|
+
disabled: cn(
|
|
4868
|
+
"text-muted-foreground opacity-50",
|
|
4869
|
+
defaultClassNames.disabled
|
|
4870
|
+
),
|
|
4871
|
+
hidden: cn("invisible", defaultClassNames.hidden),
|
|
4872
|
+
...classNames
|
|
4873
|
+
},
|
|
4874
|
+
components: {
|
|
4875
|
+
Root: ({ className: className2, rootRef, ...props2 }) => {
|
|
4876
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4877
|
+
"div",
|
|
4878
|
+
{
|
|
4879
|
+
"data-slot": "calendar",
|
|
4880
|
+
ref: rootRef,
|
|
4881
|
+
className: cn(className2),
|
|
4882
|
+
...props2
|
|
4883
|
+
}
|
|
4884
|
+
);
|
|
4885
|
+
},
|
|
4886
|
+
Chevron: ({ className: className2, orientation, ...props2 }) => {
|
|
4887
|
+
if (orientation === "left") {
|
|
4888
|
+
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
|
|
4889
|
+
}
|
|
4890
|
+
if (orientation === "right") {
|
|
4891
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4892
|
+
lucideReact.ChevronRightIcon,
|
|
4893
|
+
{
|
|
4894
|
+
className: cn("size-4", className2),
|
|
4895
|
+
...props2
|
|
4896
|
+
}
|
|
4897
|
+
);
|
|
4898
|
+
}
|
|
4899
|
+
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
|
|
4900
|
+
},
|
|
4901
|
+
DayButton: CalendarDayButton,
|
|
4902
|
+
WeekNumber: ({ children, ...props2 }) => {
|
|
4903
|
+
return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
|
|
4904
|
+
},
|
|
4905
|
+
...components
|
|
4906
|
+
},
|
|
4907
|
+
...props
|
|
4908
|
+
}
|
|
4909
|
+
);
|
|
4910
|
+
}
|
|
4911
|
+
function CalendarDayButton({
|
|
4912
|
+
className,
|
|
4913
|
+
day,
|
|
4914
|
+
modifiers,
|
|
4915
|
+
...props
|
|
4916
|
+
}) {
|
|
4917
|
+
const defaultClassNames = reactDayPicker.getDefaultClassNames();
|
|
4918
|
+
const ref = React66__namespace.useRef(null);
|
|
4919
|
+
React66__namespace.useEffect(() => {
|
|
4920
|
+
if (modifiers.focused)
|
|
4921
|
+
ref.current?.focus();
|
|
4922
|
+
}, [modifiers.focused]);
|
|
4923
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4924
|
+
Button,
|
|
4925
|
+
{
|
|
4926
|
+
ref,
|
|
4927
|
+
variant: "ghost",
|
|
4928
|
+
size: "icon",
|
|
4929
|
+
"data-day": day.date.toLocaleDateString(),
|
|
4930
|
+
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
4931
|
+
"data-range-start": modifiers.range_start,
|
|
4932
|
+
"data-range-end": modifiers.range_end,
|
|
4933
|
+
"data-range-middle": modifiers.range_middle,
|
|
4934
|
+
className: cn(
|
|
4935
|
+
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
4936
|
+
defaultClassNames.day,
|
|
4937
|
+
className
|
|
4938
|
+
),
|
|
4939
|
+
...props
|
|
4940
|
+
}
|
|
4941
|
+
);
|
|
4942
|
+
}
|
|
4943
|
+
var THEMES = { light: "", dark: ".dark" };
|
|
4944
|
+
var ChartContext = React66__namespace.createContext(null);
|
|
4945
|
+
function useChart() {
|
|
4946
|
+
const context = React66__namespace.useContext(ChartContext);
|
|
4947
|
+
if (!context) {
|
|
4948
|
+
throw new Error("useChart must be used within a <ChartContainer />");
|
|
4949
|
+
}
|
|
4950
|
+
return context;
|
|
4951
|
+
}
|
|
4952
|
+
var ChartContainer = React66__namespace.forwardRef(({ id, className, children, config, ...props }, ref) => {
|
|
4953
|
+
const uniqueId = React66__namespace.useId();
|
|
4954
|
+
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
4955
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4956
|
+
"div",
|
|
4957
|
+
{
|
|
4958
|
+
"data-chart": chartId,
|
|
4959
|
+
ref,
|
|
4960
|
+
className: cn(
|
|
4961
|
+
"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
|
|
4962
|
+
className
|
|
4963
|
+
),
|
|
4964
|
+
...props,
|
|
4965
|
+
children: [
|
|
4966
|
+
/* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { id: chartId, config }),
|
|
4967
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive__namespace.ResponsiveContainer, { children })
|
|
4968
|
+
]
|
|
4969
|
+
}
|
|
4970
|
+
) });
|
|
4971
|
+
});
|
|
4972
|
+
ChartContainer.displayName = "Chart";
|
|
4973
|
+
var ChartStyle = ({ id, config }) => {
|
|
4974
|
+
const colorConfig = Object.entries(config).filter(
|
|
4975
|
+
([, config2]) => config2.theme || config2.color
|
|
4976
|
+
);
|
|
4977
|
+
if (!colorConfig.length) {
|
|
4978
|
+
return null;
|
|
4979
|
+
}
|
|
4980
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4981
|
+
"style",
|
|
4982
|
+
{
|
|
4983
|
+
dangerouslySetInnerHTML: {
|
|
4984
|
+
__html: Object.entries(THEMES).map(
|
|
4985
|
+
([theme, prefix]) => `
|
|
4986
|
+
${prefix} [data-chart=${id}] {
|
|
4987
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
4988
|
+
const color = itemConfig.theme?.[theme] || itemConfig.color;
|
|
4989
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
4990
|
+
}).join("\n")}
|
|
4991
|
+
}
|
|
4992
|
+
`
|
|
4993
|
+
).join("\n")
|
|
4994
|
+
}
|
|
4995
|
+
}
|
|
4996
|
+
);
|
|
4997
|
+
};
|
|
4998
|
+
var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
|
|
4999
|
+
var ChartTooltipContent = React66__namespace.forwardRef(
|
|
5000
|
+
({
|
|
5001
|
+
active,
|
|
5002
|
+
payload,
|
|
5003
|
+
className,
|
|
5004
|
+
indicator = "dot",
|
|
5005
|
+
hideLabel = false,
|
|
5006
|
+
hideIndicator = false,
|
|
5007
|
+
label,
|
|
5008
|
+
labelFormatter,
|
|
5009
|
+
labelClassName,
|
|
5010
|
+
formatter,
|
|
5011
|
+
color,
|
|
5012
|
+
nameKey,
|
|
5013
|
+
labelKey
|
|
5014
|
+
}, ref) => {
|
|
5015
|
+
const { config } = useChart();
|
|
5016
|
+
const tooltipLabel = React66__namespace.useMemo(() => {
|
|
5017
|
+
if (hideLabel || !payload?.length) {
|
|
5018
|
+
return null;
|
|
5019
|
+
}
|
|
5020
|
+
const [item] = payload;
|
|
5021
|
+
const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
|
|
5022
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5023
|
+
const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
|
|
5024
|
+
if (labelFormatter) {
|
|
5025
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
|
|
5026
|
+
}
|
|
5027
|
+
if (!value) {
|
|
5028
|
+
return null;
|
|
5029
|
+
}
|
|
5030
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("font-medium", labelClassName), children: value });
|
|
5031
|
+
}, [
|
|
5032
|
+
label,
|
|
5033
|
+
labelFormatter,
|
|
5034
|
+
payload,
|
|
5035
|
+
hideLabel,
|
|
5036
|
+
labelClassName,
|
|
5037
|
+
config,
|
|
5038
|
+
labelKey
|
|
5039
|
+
]);
|
|
5040
|
+
if (!active || !payload?.length) {
|
|
5041
|
+
return null;
|
|
5042
|
+
}
|
|
5043
|
+
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
5044
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5045
|
+
"div",
|
|
5046
|
+
{
|
|
5047
|
+
ref,
|
|
5048
|
+
className: cn(
|
|
5049
|
+
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
|
|
5050
|
+
className
|
|
5051
|
+
),
|
|
5052
|
+
children: [
|
|
5053
|
+
!nestLabel ? tooltipLabel : null,
|
|
5054
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
|
|
5055
|
+
const key = `${nameKey || item.name || item.dataKey || "value"}`;
|
|
5056
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5057
|
+
const indicatorColor = color || item.payload.fill || item.color;
|
|
5058
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5059
|
+
"div",
|
|
5060
|
+
{
|
|
5061
|
+
className: cn(
|
|
5062
|
+
"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
|
|
5063
|
+
indicator === "dot" && "items-center"
|
|
5064
|
+
),
|
|
5065
|
+
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
5066
|
+
itemConfig?.icon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5067
|
+
"div",
|
|
5068
|
+
{
|
|
5069
|
+
className: cn(
|
|
5070
|
+
"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
|
|
5071
|
+
{
|
|
5072
|
+
"h-2.5 w-2.5": indicator === "dot",
|
|
5073
|
+
"w-1": indicator === "line",
|
|
5074
|
+
"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
|
|
5075
|
+
"my-0.5": nestLabel && indicator === "dashed"
|
|
5076
|
+
}
|
|
5077
|
+
),
|
|
5078
|
+
style: {
|
|
5079
|
+
"--color-bg": indicatorColor,
|
|
5080
|
+
"--color-border": indicatorColor
|
|
5081
|
+
}
|
|
5082
|
+
}
|
|
5083
|
+
),
|
|
5084
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5085
|
+
"div",
|
|
5086
|
+
{
|
|
5087
|
+
className: cn(
|
|
5088
|
+
"flex flex-1 justify-between leading-none",
|
|
5089
|
+
nestLabel ? "items-end" : "items-center"
|
|
5090
|
+
),
|
|
5091
|
+
children: [
|
|
5092
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1.5", children: [
|
|
5093
|
+
nestLabel ? tooltipLabel : null,
|
|
5094
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
|
|
5095
|
+
] }),
|
|
5096
|
+
item.value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
|
|
5097
|
+
]
|
|
5098
|
+
}
|
|
5099
|
+
)
|
|
5100
|
+
] })
|
|
5101
|
+
},
|
|
5102
|
+
item.dataKey
|
|
5103
|
+
);
|
|
5104
|
+
}) })
|
|
5105
|
+
]
|
|
5106
|
+
}
|
|
5107
|
+
);
|
|
5108
|
+
}
|
|
5109
|
+
);
|
|
5110
|
+
ChartTooltipContent.displayName = "ChartTooltip";
|
|
5111
|
+
var ChartLegend = RechartsPrimitive__namespace.Legend;
|
|
5112
|
+
var ChartLegendContent = React66__namespace.forwardRef(
|
|
5113
|
+
({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
|
|
5114
|
+
const { config } = useChart();
|
|
5115
|
+
if (!payload?.length) {
|
|
5116
|
+
return null;
|
|
5117
|
+
}
|
|
5118
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5119
|
+
"div",
|
|
5120
|
+
{
|
|
5121
|
+
ref,
|
|
5122
|
+
className: cn(
|
|
5123
|
+
"flex items-center justify-center gap-4",
|
|
5124
|
+
verticalAlign === "top" ? "pb-3" : "pt-3",
|
|
5125
|
+
className
|
|
5126
|
+
),
|
|
5127
|
+
children: payload.filter((item) => item.type !== "none").map((item) => {
|
|
5128
|
+
const key = `${nameKey || item.dataKey || "value"}`;
|
|
5129
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5130
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5131
|
+
"div",
|
|
5132
|
+
{
|
|
5133
|
+
className: cn(
|
|
5134
|
+
"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
|
|
5135
|
+
),
|
|
5136
|
+
children: [
|
|
5137
|
+
itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
5138
|
+
"div",
|
|
5139
|
+
{
|
|
5140
|
+
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
5141
|
+
style: {
|
|
5142
|
+
backgroundColor: item.color
|
|
5143
|
+
}
|
|
5144
|
+
}
|
|
5145
|
+
),
|
|
5146
|
+
itemConfig?.label
|
|
5147
|
+
]
|
|
5148
|
+
},
|
|
5149
|
+
item.value
|
|
5150
|
+
);
|
|
5151
|
+
})
|
|
5152
|
+
}
|
|
5153
|
+
);
|
|
5154
|
+
}
|
|
5155
|
+
);
|
|
5156
|
+
ChartLegendContent.displayName = "ChartLegend";
|
|
5157
|
+
function getPayloadConfigFromPayload(config, payload, key) {
|
|
5158
|
+
if (typeof payload !== "object" || payload === null) {
|
|
5159
|
+
return void 0;
|
|
5160
|
+
}
|
|
5161
|
+
const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
|
|
5162
|
+
let configLabelKey = key;
|
|
5163
|
+
if (key in payload && typeof payload[key] === "string") {
|
|
5164
|
+
configLabelKey = payload[key];
|
|
5165
|
+
} else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
|
|
5166
|
+
configLabelKey = payloadPayload[key];
|
|
5167
|
+
}
|
|
5168
|
+
return configLabelKey in config ? config[configLabelKey] : config[key];
|
|
5169
|
+
}
|
|
5170
|
+
var Command = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5171
|
+
cmdk.Command,
|
|
5172
|
+
{
|
|
5173
|
+
ref,
|
|
5174
|
+
className: cn(
|
|
5175
|
+
"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
|
|
5176
|
+
className
|
|
5177
|
+
),
|
|
5178
|
+
...props
|
|
5179
|
+
}
|
|
5180
|
+
));
|
|
5181
|
+
Command.displayName = cmdk.Command.displayName;
|
|
5182
|
+
var CommandDialog = ({ children, ...props }) => {
|
|
5183
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
|
|
5184
|
+
};
|
|
5185
|
+
var CommandInput = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
5186
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
5187
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5188
|
+
cmdk.Command.Input,
|
|
5189
|
+
{
|
|
5190
|
+
ref,
|
|
5191
|
+
className: cn(
|
|
5192
|
+
"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
|
|
5193
|
+
className
|
|
5194
|
+
),
|
|
5195
|
+
...props
|
|
5196
|
+
}
|
|
5197
|
+
)
|
|
5198
|
+
] }));
|
|
5199
|
+
CommandInput.displayName = cmdk.Command.Input.displayName;
|
|
5200
|
+
var CommandList = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5201
|
+
cmdk.Command.List,
|
|
5202
|
+
{
|
|
5203
|
+
ref,
|
|
5204
|
+
className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
|
|
5205
|
+
...props
|
|
5206
|
+
}
|
|
5207
|
+
));
|
|
5208
|
+
CommandList.displayName = cmdk.Command.List.displayName;
|
|
5209
|
+
var CommandEmpty = React66__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5210
|
+
cmdk.Command.Empty,
|
|
5211
|
+
{
|
|
5212
|
+
ref,
|
|
5213
|
+
className: "py-6 text-center text-sm",
|
|
5214
|
+
...props
|
|
5215
|
+
}
|
|
5216
|
+
));
|
|
5217
|
+
CommandEmpty.displayName = cmdk.Command.Empty.displayName;
|
|
5218
|
+
var CommandGroup = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5219
|
+
cmdk.Command.Group,
|
|
5220
|
+
{
|
|
5221
|
+
ref,
|
|
5222
|
+
className: cn(
|
|
5223
|
+
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
|
5224
|
+
className
|
|
5225
|
+
),
|
|
5226
|
+
...props
|
|
5227
|
+
}
|
|
5228
|
+
));
|
|
5229
|
+
CommandGroup.displayName = cmdk.Command.Group.displayName;
|
|
5230
|
+
var CommandSeparator = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5231
|
+
cmdk.Command.Separator,
|
|
5232
|
+
{
|
|
5233
|
+
ref,
|
|
5234
|
+
className: cn("-mx-1 h-px bg-border", className),
|
|
5235
|
+
...props
|
|
5236
|
+
}
|
|
5237
|
+
));
|
|
5238
|
+
CommandSeparator.displayName = cmdk.Command.Separator.displayName;
|
|
5239
|
+
var CommandItem2 = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5240
|
+
cmdk.Command.Item,
|
|
5241
|
+
{
|
|
5242
|
+
ref,
|
|
5243
|
+
className: cn(
|
|
5244
|
+
"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
5245
|
+
className
|
|
5246
|
+
),
|
|
5247
|
+
...props
|
|
5248
|
+
}
|
|
5249
|
+
));
|
|
5250
|
+
CommandItem2.displayName = cmdk.Command.Item.displayName;
|
|
5251
|
+
var Drawer = ({
|
|
5252
|
+
shouldScaleBackground = true,
|
|
5253
|
+
...props
|
|
5254
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5255
|
+
vaul.Drawer.Root,
|
|
5256
|
+
{
|
|
5257
|
+
shouldScaleBackground,
|
|
5258
|
+
...props
|
|
5259
|
+
}
|
|
5260
|
+
);
|
|
5261
|
+
Drawer.displayName = "Drawer";
|
|
5262
|
+
var DrawerTrigger = vaul.Drawer.Trigger;
|
|
5263
|
+
var DrawerPortal = vaul.Drawer.Portal;
|
|
5264
|
+
var DrawerClose = vaul.Drawer.Close;
|
|
5265
|
+
var DrawerOverlay = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5266
|
+
vaul.Drawer.Overlay,
|
|
5267
|
+
{
|
|
5268
|
+
ref,
|
|
5269
|
+
className: cn("fixed inset-0 z-50 bg-black/80", className),
|
|
5270
|
+
...props
|
|
5271
|
+
}
|
|
5272
|
+
));
|
|
5273
|
+
DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
|
|
5274
|
+
var DrawerContent = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
|
|
5275
|
+
/* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
|
|
5276
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5277
|
+
vaul.Drawer.Content,
|
|
5278
|
+
{
|
|
5279
|
+
ref,
|
|
5280
|
+
className: cn(
|
|
5281
|
+
"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
|
|
5282
|
+
className
|
|
5283
|
+
),
|
|
5284
|
+
...props,
|
|
5285
|
+
children: [
|
|
5286
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
|
|
5287
|
+
children
|
|
5288
|
+
]
|
|
5289
|
+
}
|
|
5290
|
+
)
|
|
5291
|
+
] }));
|
|
5292
|
+
DrawerContent.displayName = "DrawerContent";
|
|
5293
|
+
var DrawerHeader = ({
|
|
5294
|
+
className,
|
|
5295
|
+
...props
|
|
5296
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5297
|
+
"div",
|
|
5298
|
+
{
|
|
5299
|
+
className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
|
|
5300
|
+
...props
|
|
5301
|
+
}
|
|
5302
|
+
);
|
|
5303
|
+
DrawerHeader.displayName = "DrawerHeader";
|
|
5304
|
+
var DrawerFooter = ({
|
|
5305
|
+
className,
|
|
5306
|
+
...props
|
|
5307
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5308
|
+
"div",
|
|
5309
|
+
{
|
|
5310
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
5311
|
+
...props
|
|
5312
|
+
}
|
|
5313
|
+
);
|
|
5314
|
+
DrawerFooter.displayName = "DrawerFooter";
|
|
5315
|
+
var DrawerTitle = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5316
|
+
vaul.Drawer.Title,
|
|
5317
|
+
{
|
|
5318
|
+
ref,
|
|
5319
|
+
className: cn(
|
|
5320
|
+
"text-lg font-semibold leading-none tracking-tight",
|
|
5321
|
+
className
|
|
5322
|
+
),
|
|
5323
|
+
...props
|
|
5324
|
+
}
|
|
5325
|
+
));
|
|
5326
|
+
DrawerTitle.displayName = vaul.Drawer.Title.displayName;
|
|
5327
|
+
var DrawerDescription = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5328
|
+
vaul.Drawer.Description,
|
|
5329
|
+
{
|
|
5330
|
+
ref,
|
|
5331
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
5332
|
+
...props
|
|
5333
|
+
}
|
|
5334
|
+
));
|
|
5335
|
+
DrawerDescription.displayName = vaul.Drawer.Description.displayName;
|
|
5336
|
+
var InputOTP = React66__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5337
|
+
inputOtp.OTPInput,
|
|
5338
|
+
{
|
|
5339
|
+
ref,
|
|
5340
|
+
containerClassName: cn(
|
|
5341
|
+
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
5342
|
+
containerClassName
|
|
5343
|
+
),
|
|
5344
|
+
className: cn("disabled:cursor-not-allowed", className),
|
|
5345
|
+
...props
|
|
5346
|
+
}
|
|
5347
|
+
));
|
|
5348
|
+
InputOTP.displayName = "InputOTP";
|
|
5349
|
+
var InputOTPGroup = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
5350
|
+
InputOTPGroup.displayName = "InputOTPGroup";
|
|
5351
|
+
var InputOTPSlot = React66__namespace.forwardRef(({ index, className, ...props }, ref) => {
|
|
5352
|
+
const inputOTPContext = React66__namespace.useContext(inputOtp.OTPInputContext);
|
|
5353
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
5354
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5355
|
+
"div",
|
|
5356
|
+
{
|
|
5357
|
+
ref,
|
|
5358
|
+
className: cn(
|
|
5359
|
+
"relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
|
|
5360
|
+
isActive && "z-10 ring-1 ring-ring",
|
|
5361
|
+
className
|
|
5362
|
+
),
|
|
5363
|
+
...props,
|
|
5364
|
+
children: [
|
|
5365
|
+
char,
|
|
5366
|
+
hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
|
|
5367
|
+
]
|
|
5368
|
+
}
|
|
5369
|
+
);
|
|
5370
|
+
});
|
|
5371
|
+
InputOTPSlot.displayName = "InputOTPSlot";
|
|
5372
|
+
var InputOTPSeparator = React66__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, {}) }));
|
|
5373
|
+
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
5374
|
+
function MenubarMenu({
|
|
5375
|
+
...props
|
|
5376
|
+
}) {
|
|
5377
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Menu, { ...props });
|
|
5378
|
+
}
|
|
5379
|
+
function MenubarGroup({
|
|
5380
|
+
...props
|
|
5381
|
+
}) {
|
|
5382
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Group, { ...props });
|
|
5383
|
+
}
|
|
5384
|
+
function MenubarPortal({
|
|
5385
|
+
...props
|
|
5386
|
+
}) {
|
|
5387
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { ...props });
|
|
5388
|
+
}
|
|
5389
|
+
function MenubarRadioGroup({
|
|
5390
|
+
...props
|
|
5391
|
+
}) {
|
|
5392
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.RadioGroup, { ...props });
|
|
5393
|
+
}
|
|
5394
|
+
function MenubarSub({
|
|
5395
|
+
...props
|
|
5396
|
+
}) {
|
|
5397
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Sub, { "data-slot": "menubar-sub", ...props });
|
|
5398
|
+
}
|
|
5399
|
+
var Menubar = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5400
|
+
MenubarPrimitive__namespace.Root,
|
|
5401
|
+
{
|
|
5402
|
+
ref,
|
|
5403
|
+
className: cn(
|
|
5404
|
+
"flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
|
|
5405
|
+
className
|
|
5406
|
+
),
|
|
5407
|
+
...props
|
|
5408
|
+
}
|
|
5409
|
+
));
|
|
5410
|
+
Menubar.displayName = MenubarPrimitive__namespace.Root.displayName;
|
|
5411
|
+
var MenubarTrigger = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5412
|
+
MenubarPrimitive__namespace.Trigger,
|
|
5413
|
+
{
|
|
5414
|
+
ref,
|
|
5415
|
+
className: cn(
|
|
5416
|
+
"flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
|
|
5417
|
+
className
|
|
5418
|
+
),
|
|
5419
|
+
...props
|
|
5420
|
+
}
|
|
5421
|
+
));
|
|
5422
|
+
MenubarTrigger.displayName = MenubarPrimitive__namespace.Trigger.displayName;
|
|
5423
|
+
var MenubarSubTrigger = React66__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5424
|
+
MenubarPrimitive__namespace.SubTrigger,
|
|
5425
|
+
{
|
|
5426
|
+
ref,
|
|
5427
|
+
className: cn(
|
|
5428
|
+
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
|
|
5429
|
+
inset && "pl-8",
|
|
5430
|
+
className
|
|
5431
|
+
),
|
|
5432
|
+
...props,
|
|
5433
|
+
children: [
|
|
5434
|
+
children,
|
|
5435
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
5436
|
+
]
|
|
5437
|
+
}
|
|
5438
|
+
));
|
|
5439
|
+
MenubarSubTrigger.displayName = MenubarPrimitive__namespace.SubTrigger.displayName;
|
|
5440
|
+
var MenubarSubContent = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5441
|
+
MenubarPrimitive__namespace.SubContent,
|
|
5442
|
+
{
|
|
5443
|
+
ref,
|
|
5444
|
+
className: cn(
|
|
5445
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
|
|
5446
|
+
className
|
|
5447
|
+
),
|
|
5448
|
+
...props
|
|
5449
|
+
}
|
|
5450
|
+
));
|
|
5451
|
+
MenubarSubContent.displayName = MenubarPrimitive__namespace.SubContent.displayName;
|
|
5452
|
+
var MenubarContent = React66__namespace.forwardRef(
|
|
5453
|
+
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5454
|
+
MenubarPrimitive__namespace.Content,
|
|
5455
|
+
{
|
|
5456
|
+
ref,
|
|
5457
|
+
align,
|
|
5458
|
+
alignOffset,
|
|
5459
|
+
sideOffset,
|
|
5460
|
+
className: cn(
|
|
5461
|
+
"z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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-menubar-content-transform-origin]",
|
|
5462
|
+
className
|
|
5463
|
+
),
|
|
5464
|
+
...props
|
|
5465
|
+
}
|
|
5466
|
+
) })
|
|
5467
|
+
);
|
|
5468
|
+
MenubarContent.displayName = MenubarPrimitive__namespace.Content.displayName;
|
|
5469
|
+
var MenubarItem = React66__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5470
|
+
MenubarPrimitive__namespace.Item,
|
|
5471
|
+
{
|
|
5472
|
+
ref,
|
|
5473
|
+
className: cn(
|
|
5474
|
+
"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
5475
|
+
inset && "pl-8",
|
|
5476
|
+
className
|
|
5477
|
+
),
|
|
5478
|
+
...props
|
|
5479
|
+
}
|
|
5480
|
+
));
|
|
5481
|
+
MenubarItem.displayName = MenubarPrimitive__namespace.Item.displayName;
|
|
5482
|
+
var MenubarCheckboxItem = React66__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5483
|
+
MenubarPrimitive__namespace.CheckboxItem,
|
|
5484
|
+
{
|
|
5485
|
+
ref,
|
|
5486
|
+
className: cn(
|
|
5487
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
5488
|
+
className
|
|
5489
|
+
),
|
|
5490
|
+
checked,
|
|
5491
|
+
...props,
|
|
5492
|
+
children: [
|
|
5493
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
|
|
5494
|
+
children
|
|
5495
|
+
]
|
|
5496
|
+
}
|
|
5497
|
+
));
|
|
5498
|
+
MenubarCheckboxItem.displayName = MenubarPrimitive__namespace.CheckboxItem.displayName;
|
|
5499
|
+
var MenubarRadioItem = React66__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5500
|
+
MenubarPrimitive__namespace.RadioItem,
|
|
5501
|
+
{
|
|
5502
|
+
ref,
|
|
5503
|
+
className: cn(
|
|
5504
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
5505
|
+
className
|
|
5506
|
+
),
|
|
5507
|
+
...props,
|
|
5508
|
+
children: [
|
|
5509
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4 fill-current" }) }) }),
|
|
5510
|
+
children
|
|
5511
|
+
]
|
|
5512
|
+
}
|
|
5513
|
+
));
|
|
5514
|
+
MenubarRadioItem.displayName = MenubarPrimitive__namespace.RadioItem.displayName;
|
|
5515
|
+
var MenubarLabel = React66__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5516
|
+
MenubarPrimitive__namespace.Label,
|
|
5517
|
+
{
|
|
5518
|
+
ref,
|
|
5519
|
+
className: cn(
|
|
5520
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
5521
|
+
inset && "pl-8",
|
|
5522
|
+
className
|
|
5523
|
+
),
|
|
5524
|
+
...props
|
|
5525
|
+
}
|
|
5526
|
+
));
|
|
5527
|
+
MenubarLabel.displayName = MenubarPrimitive__namespace.Label.displayName;
|
|
5528
|
+
var MenubarSeparator = React66__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5529
|
+
MenubarPrimitive__namespace.Separator,
|
|
5530
|
+
{
|
|
5531
|
+
ref,
|
|
5532
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className),
|
|
5533
|
+
...props
|
|
5534
|
+
}
|
|
5535
|
+
));
|
|
5536
|
+
MenubarSeparator.displayName = MenubarPrimitive__namespace.Separator.displayName;
|
|
5537
|
+
var MenubarShortcut = ({
|
|
5538
|
+
className,
|
|
5539
|
+
...props
|
|
5540
|
+
}) => {
|
|
5541
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5542
|
+
"span",
|
|
5543
|
+
{
|
|
5544
|
+
className: cn(
|
|
5545
|
+
"ml-auto text-xs tracking-widest text-muted-foreground",
|
|
5546
|
+
className
|
|
5547
|
+
),
|
|
5548
|
+
...props
|
|
5549
|
+
}
|
|
5550
|
+
);
|
|
5551
|
+
};
|
|
5552
|
+
MenubarShortcut.displayname = "MenubarShortcut";
|
|
5553
|
+
var ResizablePanelGroup = ({
|
|
5554
|
+
className,
|
|
5555
|
+
...props
|
|
5556
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5557
|
+
ResizablePrimitive__namespace.PanelGroup,
|
|
5558
|
+
{
|
|
5559
|
+
className: cn(
|
|
5560
|
+
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
5561
|
+
className
|
|
5562
|
+
),
|
|
5563
|
+
...props
|
|
5564
|
+
}
|
|
5565
|
+
);
|
|
5566
|
+
var ResizablePanel = ResizablePrimitive__namespace.Panel;
|
|
5567
|
+
var ResizableHandle = ({
|
|
5568
|
+
withHandle,
|
|
5569
|
+
className,
|
|
5570
|
+
...props
|
|
5571
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5572
|
+
ResizablePrimitive__namespace.PanelResizeHandle,
|
|
5573
|
+
{
|
|
5574
|
+
className: cn(
|
|
5575
|
+
"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
5576
|
+
className
|
|
5577
|
+
),
|
|
5578
|
+
...props,
|
|
5579
|
+
children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-2.5 w-2.5" }) })
|
|
5580
|
+
}
|
|
5581
|
+
);
|
|
5582
|
+
function Spinner({ className, ...props }) {
|
|
5583
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5584
|
+
lucideReact.Loader2Icon,
|
|
5585
|
+
{
|
|
5586
|
+
role: "status",
|
|
5587
|
+
"aria-label": "Loading",
|
|
5588
|
+
className: cn("size-4 animate-spin", className),
|
|
5589
|
+
...props
|
|
5590
|
+
}
|
|
5591
|
+
);
|
|
5592
|
+
}
|
|
3859
5593
|
|
|
3860
5594
|
Object.defineProperty(exports, "Form", {
|
|
3861
5595
|
enumerable: true,
|
|
@@ -3865,11 +5599,30 @@ Object.defineProperty(exports, "toast", {
|
|
|
3865
5599
|
enumerable: true,
|
|
3866
5600
|
get: function () { return sonner.toast; }
|
|
3867
5601
|
});
|
|
5602
|
+
exports.Accordion = Accordion;
|
|
5603
|
+
exports.AccordionContent = AccordionContent;
|
|
5604
|
+
exports.AccordionItem = AccordionItem;
|
|
5605
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
5606
|
+
exports.Alert = Alert;
|
|
5607
|
+
exports.AlertDescription = AlertDescription;
|
|
5608
|
+
exports.AlertDialog = AlertDialog;
|
|
5609
|
+
exports.AlertDialogAction = AlertDialogAction;
|
|
5610
|
+
exports.AlertDialogCancel = AlertDialogCancel;
|
|
5611
|
+
exports.AlertDialogContent = AlertDialogContent;
|
|
5612
|
+
exports.AlertDialogDescription = AlertDialogDescription;
|
|
5613
|
+
exports.AlertDialogFooter = AlertDialogFooter;
|
|
5614
|
+
exports.AlertDialogHeader = AlertDialogHeader;
|
|
5615
|
+
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
5616
|
+
exports.AlertDialogPortal = AlertDialogPortal;
|
|
5617
|
+
exports.AlertDialogTitle = AlertDialogTitle;
|
|
5618
|
+
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
5619
|
+
exports.AlertTitle = AlertTitle;
|
|
3868
5620
|
exports.AppShell = AppShell;
|
|
3869
5621
|
exports.AppShellMain = AppShellMain;
|
|
3870
5622
|
exports.AppShellSidebar = AppShellSidebar;
|
|
3871
5623
|
exports.AreaChart = AreaChart;
|
|
3872
5624
|
exports.ArrayField = ArrayField;
|
|
5625
|
+
exports.AspectRatio = AspectRatio;
|
|
3873
5626
|
exports.AutoForm = AutoForm;
|
|
3874
5627
|
exports.Avatar = Avatar;
|
|
3875
5628
|
exports.AvatarFallback = AvatarFallback;
|
|
@@ -3885,19 +5638,40 @@ exports.BreadcrumbPage = BreadcrumbPage;
|
|
|
3885
5638
|
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
3886
5639
|
exports.BulkActions = BulkActions;
|
|
3887
5640
|
exports.Button = Button;
|
|
5641
|
+
exports.Calendar = Calendar3;
|
|
3888
5642
|
exports.Card = Card;
|
|
3889
5643
|
exports.CardContent = CardContent;
|
|
3890
5644
|
exports.CardDescription = CardDescription;
|
|
3891
5645
|
exports.CardFooter = CardFooter;
|
|
3892
5646
|
exports.CardHeader = CardHeader;
|
|
3893
5647
|
exports.CardTitle = CardTitle;
|
|
5648
|
+
exports.Carousel = Carousel;
|
|
5649
|
+
exports.CarouselContent = CarouselContent;
|
|
5650
|
+
exports.CarouselItem = CarouselItem;
|
|
5651
|
+
exports.CarouselNext = CarouselNext;
|
|
5652
|
+
exports.CarouselPrevious = CarouselPrevious;
|
|
5653
|
+
exports.ChartContainer = ChartContainer;
|
|
5654
|
+
exports.ChartLegend = ChartLegend;
|
|
5655
|
+
exports.ChartLegendContent = ChartLegendContent;
|
|
5656
|
+
exports.ChartTooltip = ChartTooltip;
|
|
5657
|
+
exports.ChartTooltipContent = ChartTooltipContent;
|
|
3894
5658
|
exports.ChatDetail = ChatDetail;
|
|
3895
5659
|
exports.Checkbox = Checkbox;
|
|
5660
|
+
exports.Collapsible = Collapsible;
|
|
5661
|
+
exports.CollapsibleContent = CollapsibleContent2;
|
|
5662
|
+
exports.CollapsibleTrigger = CollapsibleTrigger2;
|
|
3896
5663
|
exports.CommandBar = CommandBar;
|
|
3897
5664
|
exports.CommandBarEmpty = CommandBarEmpty;
|
|
3898
5665
|
exports.CommandBarGroup = CommandBarGroup;
|
|
3899
5666
|
exports.CommandBarItem = CommandBarItem;
|
|
5667
|
+
exports.CommandDialog = CommandDialog;
|
|
5668
|
+
exports.CommandEmpty = CommandEmpty;
|
|
5669
|
+
exports.CommandGroup = CommandGroup;
|
|
5670
|
+
exports.CommandInput = CommandInput;
|
|
3900
5671
|
exports.CommandItem = CommandItem;
|
|
5672
|
+
exports.CommandList = CommandList;
|
|
5673
|
+
exports.CommandPrimitive = Command;
|
|
5674
|
+
exports.CommandSeparator = CommandSeparator;
|
|
3901
5675
|
exports.Container = Container;
|
|
3902
5676
|
exports.ContextMenu = ContextMenu;
|
|
3903
5677
|
exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
|
|
@@ -3930,6 +5704,16 @@ exports.DialogOverlay = DialogOverlay;
|
|
|
3930
5704
|
exports.DialogPortal = DialogPortal;
|
|
3931
5705
|
exports.DialogTitle = DialogTitle;
|
|
3932
5706
|
exports.DialogTrigger = DialogTrigger;
|
|
5707
|
+
exports.Drawer = Drawer;
|
|
5708
|
+
exports.DrawerClose = DrawerClose;
|
|
5709
|
+
exports.DrawerContent = DrawerContent;
|
|
5710
|
+
exports.DrawerDescription = DrawerDescription;
|
|
5711
|
+
exports.DrawerFooter = DrawerFooter;
|
|
5712
|
+
exports.DrawerHeader = DrawerHeader;
|
|
5713
|
+
exports.DrawerOverlay = DrawerOverlay;
|
|
5714
|
+
exports.DrawerPortal = DrawerPortal;
|
|
5715
|
+
exports.DrawerTitle = DrawerTitle;
|
|
5716
|
+
exports.DrawerTrigger = DrawerTrigger;
|
|
3933
5717
|
exports.DropdownMenu = DropdownMenu;
|
|
3934
5718
|
exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
|
|
3935
5719
|
exports.DropdownMenuContent = DropdownMenuContent;
|
|
@@ -3967,16 +5751,40 @@ exports.FormMessage = FormMessage;
|
|
|
3967
5751
|
exports.HStack = HStack;
|
|
3968
5752
|
exports.HotkeyBadge = HotkeyBadge;
|
|
3969
5753
|
exports.Hotkeys = Hotkeys;
|
|
5754
|
+
exports.HoverCard = HoverCard;
|
|
5755
|
+
exports.HoverCardContent = HoverCardContent;
|
|
5756
|
+
exports.HoverCardTrigger = HoverCardTrigger;
|
|
3970
5757
|
exports.IconBadge = IconBadge;
|
|
3971
5758
|
exports.Input = Input;
|
|
5759
|
+
exports.InputOTP = InputOTP;
|
|
5760
|
+
exports.InputOTPGroup = InputOTPGroup;
|
|
5761
|
+
exports.InputOTPSeparator = InputOTPSeparator;
|
|
5762
|
+
exports.InputOTPSlot = InputOTPSlot;
|
|
3972
5763
|
exports.IntegrationCard = IntegrationCard;
|
|
3973
5764
|
exports.InviteModal = InviteModal;
|
|
3974
5765
|
exports.Kanban = Kanban;
|
|
3975
5766
|
exports.KanbanCard = KanbanCard;
|
|
3976
5767
|
exports.KanbanColumn = KanbanColumn;
|
|
5768
|
+
exports.Label = Label5;
|
|
3977
5769
|
exports.LineChart = LineChart;
|
|
3978
5770
|
exports.LoadingOverlay = LoadingOverlay;
|
|
3979
5771
|
exports.ManageTagsModal = ManageTagsModal;
|
|
5772
|
+
exports.Menubar = Menubar;
|
|
5773
|
+
exports.MenubarCheckboxItem = MenubarCheckboxItem;
|
|
5774
|
+
exports.MenubarContent = MenubarContent;
|
|
5775
|
+
exports.MenubarGroup = MenubarGroup;
|
|
5776
|
+
exports.MenubarItem = MenubarItem;
|
|
5777
|
+
exports.MenubarLabel = MenubarLabel;
|
|
5778
|
+
exports.MenubarMenu = MenubarMenu;
|
|
5779
|
+
exports.MenubarPortal = MenubarPortal;
|
|
5780
|
+
exports.MenubarRadioGroup = MenubarRadioGroup;
|
|
5781
|
+
exports.MenubarRadioItem = MenubarRadioItem;
|
|
5782
|
+
exports.MenubarSeparator = MenubarSeparator;
|
|
5783
|
+
exports.MenubarShortcut = MenubarShortcut;
|
|
5784
|
+
exports.MenubarSub = MenubarSub;
|
|
5785
|
+
exports.MenubarSubContent = MenubarSubContent;
|
|
5786
|
+
exports.MenubarSubTrigger = MenubarSubTrigger;
|
|
5787
|
+
exports.MenubarTrigger = MenubarTrigger;
|
|
3980
5788
|
exports.MessagesCard = MessagesCard;
|
|
3981
5789
|
exports.MetricCard = MetricCard;
|
|
3982
5790
|
exports.MetricCardWithButton = MetricCardWithButton;
|
|
@@ -3986,6 +5794,14 @@ exports.Navbar = Navbar;
|
|
|
3986
5794
|
exports.NavbarBrand = NavbarBrand;
|
|
3987
5795
|
exports.NavbarContent = NavbarContent;
|
|
3988
5796
|
exports.NavbarItem = NavbarItem;
|
|
5797
|
+
exports.NavigationMenu = NavigationMenu;
|
|
5798
|
+
exports.NavigationMenuContent = NavigationMenuContent;
|
|
5799
|
+
exports.NavigationMenuIndicator = NavigationMenuIndicator;
|
|
5800
|
+
exports.NavigationMenuItem = NavigationMenuItem;
|
|
5801
|
+
exports.NavigationMenuLink = NavigationMenuLink;
|
|
5802
|
+
exports.NavigationMenuList = NavigationMenuList;
|
|
5803
|
+
exports.NavigationMenuTrigger = NavigationMenuTrigger;
|
|
5804
|
+
exports.NavigationMenuViewport = NavigationMenuViewport;
|
|
3989
5805
|
exports.NotificationSettings = NotificationSettings;
|
|
3990
5806
|
exports.ObjectField = ObjectField;
|
|
3991
5807
|
exports.OrgMenu = OrgMenu;
|
|
@@ -3995,6 +5811,13 @@ exports.PageBody = PageBody;
|
|
|
3995
5811
|
exports.PageDescription = PageDescription;
|
|
3996
5812
|
exports.PageHeader = PageHeader;
|
|
3997
5813
|
exports.PageTitle = PageTitle;
|
|
5814
|
+
exports.Pagination = Pagination;
|
|
5815
|
+
exports.PaginationContent = PaginationContent;
|
|
5816
|
+
exports.PaginationEllipsis = PaginationEllipsis;
|
|
5817
|
+
exports.PaginationItem = PaginationItem;
|
|
5818
|
+
exports.PaginationLink = PaginationLink;
|
|
5819
|
+
exports.PaginationNext = PaginationNext;
|
|
5820
|
+
exports.PaginationPrevious = PaginationPrevious;
|
|
3998
5821
|
exports.PasswordInput = PasswordInput;
|
|
3999
5822
|
exports.Persona = Persona;
|
|
4000
5823
|
exports.Popover = Popover;
|
|
@@ -4006,9 +5829,14 @@ exports.PropertyItem = PropertyItem;
|
|
|
4006
5829
|
exports.PropertyList = PropertyList;
|
|
4007
5830
|
exports.RadioGroup = RadioGroup;
|
|
4008
5831
|
exports.RadioGroupItem = RadioGroupItem;
|
|
5832
|
+
exports.ResizableHandle = ResizableHandle;
|
|
5833
|
+
exports.ResizablePanel = ResizablePanel;
|
|
5834
|
+
exports.ResizablePanelGroup = ResizablePanelGroup;
|
|
4009
5835
|
exports.ResizeBox = ResizeBox;
|
|
4010
5836
|
exports.ResizeHandle = ResizeHandle;
|
|
4011
5837
|
exports.RolesMenu = RolesMenu;
|
|
5838
|
+
exports.ScrollArea = ScrollArea;
|
|
5839
|
+
exports.ScrollBar = ScrollBar;
|
|
4012
5840
|
exports.SearchInput = SearchInput;
|
|
4013
5841
|
exports.Select = Select;
|
|
4014
5842
|
exports.SelectContent = SelectContent;
|
|
@@ -4049,6 +5877,7 @@ exports.Skeleton = Skeleton;
|
|
|
4049
5877
|
exports.Slider = Slider;
|
|
4050
5878
|
exports.SortableTaskList = SortableTaskList;
|
|
4051
5879
|
exports.Sparkline = Sparkline;
|
|
5880
|
+
exports.Spinner = Spinner;
|
|
4052
5881
|
exports.SplitPage = SplitPage;
|
|
4053
5882
|
exports.SplitPageDetail = SplitPageDetail;
|
|
4054
5883
|
exports.SplitPageList = SplitPageList;
|
|
@@ -4065,6 +5894,14 @@ exports.StructuredList = StructuredList;
|
|
|
4065
5894
|
exports.StructuredListItem = StructuredListItem;
|
|
4066
5895
|
exports.StructuredListSection = StructuredListSection;
|
|
4067
5896
|
exports.Switch = Switch;
|
|
5897
|
+
exports.Table = Table;
|
|
5898
|
+
exports.TableBody = TableBody;
|
|
5899
|
+
exports.TableCaption = TableCaption;
|
|
5900
|
+
exports.TableCell = TableCell;
|
|
5901
|
+
exports.TableFooter = TableFooter;
|
|
5902
|
+
exports.TableHead = TableHead;
|
|
5903
|
+
exports.TableHeader = TableHeader;
|
|
5904
|
+
exports.TableRow = TableRow;
|
|
4068
5905
|
exports.Tabs = Tabs;
|
|
4069
5906
|
exports.TabsContent = TabsContent;
|
|
4070
5907
|
exports.TabsList = TabsList;
|
|
@@ -4077,8 +5914,11 @@ exports.TimelineConnector = TimelineConnector;
|
|
|
4077
5914
|
exports.TimelineContent = TimelineContent;
|
|
4078
5915
|
exports.TimelineItem = TimelineItem;
|
|
4079
5916
|
exports.Toaster = Toaster;
|
|
5917
|
+
exports.Toggle = Toggle;
|
|
4080
5918
|
exports.ToggleButton = ToggleButton;
|
|
4081
5919
|
exports.ToggleButtonGroup = ToggleButtonGroup;
|
|
5920
|
+
exports.ToggleGroup = ToggleGroup;
|
|
5921
|
+
exports.ToggleGroupItem = ToggleGroupItem;
|
|
4082
5922
|
exports.Tooltip = Tooltip;
|
|
4083
5923
|
exports.TooltipContent = TooltipContent;
|
|
4084
5924
|
exports.TooltipProvider = TooltipProvider;
|
|
@@ -4091,9 +5931,12 @@ exports.WorkspaceMembers = WorkspaceMembers;
|
|
|
4091
5931
|
exports.badgeVariants = badgeVariants;
|
|
4092
5932
|
exports.buttonVariants = buttonVariants;
|
|
4093
5933
|
exports.cn = cn;
|
|
5934
|
+
exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
|
|
5935
|
+
exports.toggleVariants = toggleVariants;
|
|
4094
5936
|
exports.useAppShell = useAppShell;
|
|
4095
5937
|
exports.useBlinkUI = useBlinkUI;
|
|
4096
5938
|
exports.useCommandBar = useCommandBar;
|
|
5939
|
+
exports.useFormField = useFormField;
|
|
4097
5940
|
exports.useTour = useTour;
|
|
4098
5941
|
//# sourceMappingURL=out.js.map
|
|
4099
5942
|
//# sourceMappingURL=index.js.map
|