@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.mjs
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React66 from 'react';
|
|
2
|
+
import React66__default, { createContext, useState, useId, useContext, useEffect, useRef, useCallback } from 'react';
|
|
2
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
4
|
import { clsx } from 'clsx';
|
|
4
5
|
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
6
|
+
import { Slot, createSlot } from '@radix-ui/react-slot';
|
|
6
7
|
import { cva } from 'class-variance-authority';
|
|
7
8
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
8
|
-
import { ChevronDown, ChevronUp, Check, Circle, X, ChevronRight, ChevronLeft, Menu, EyeOff, Eye, Search, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown,
|
|
9
|
+
import { ChevronDown, ChevronUp, Check, Circle, X, ChevronRight, ChevronLeft, Menu, EyeOff, Eye, Search, ArrowLeft, ArrowRight, Minus, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown, Loader2, LayoutDashboard, FolderOpen, Users, Settings, BarChart2, CreditCard, HelpCircle, Bell, Pencil, User, LogOut, Send, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, GripVertical, Loader2Icon, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, Download, Trash2 } from 'lucide-react';
|
|
9
10
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
10
11
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
11
12
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
@@ -19,7 +20,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
|
19
20
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
20
21
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
21
22
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
22
|
-
import {
|
|
23
|
+
import { useFormContext, Controller, useForm } from 'react-hook-form';
|
|
23
24
|
export { FormProvider as Form } from 'react-hook-form';
|
|
24
25
|
import { zodResolver } from '@hookform/resolvers/zod';
|
|
25
26
|
import * as z from 'zod';
|
|
@@ -29,7 +30,25 @@ export { toast } from 'sonner';
|
|
|
29
30
|
import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay } from '@dnd-kit/core';
|
|
30
31
|
import { useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
|
|
31
32
|
import { CSS } from '@dnd-kit/utilities';
|
|
33
|
+
import * as RechartsPrimitive from 'recharts';
|
|
32
34
|
import { ResponsiveContainer, AreaChart as AreaChart$1, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Legend, Area, BarChart as BarChart$1, Bar, LineChart as LineChart$1, Line } from 'recharts';
|
|
35
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
36
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
37
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
38
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
39
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
40
|
+
import 'react-dom';
|
|
41
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
42
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
43
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
44
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
45
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
46
|
+
import { getDefaultClassNames, DayPicker } from 'react-day-picker';
|
|
47
|
+
import { Command as Command$1 } from 'cmdk';
|
|
48
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
49
|
+
import { OTPInput, OTPInputContext } from 'input-otp';
|
|
50
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
51
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
33
52
|
|
|
34
53
|
// src/provider/blink-ui-provider.tsx
|
|
35
54
|
var BlinkUIContext = createContext(null);
|
|
@@ -91,14 +110,14 @@ var buttonVariants = cva(
|
|
|
91
110
|
defaultVariants: { variant: "default", size: "default" }
|
|
92
111
|
}
|
|
93
112
|
);
|
|
94
|
-
var Button =
|
|
113
|
+
var Button = React66__default.forwardRef(
|
|
95
114
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
96
115
|
const Comp = asChild ? Slot : "button";
|
|
97
116
|
return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
|
|
98
117
|
}
|
|
99
118
|
);
|
|
100
119
|
Button.displayName = "Button";
|
|
101
|
-
var Input =
|
|
120
|
+
var Input = React66__default.forwardRef(
|
|
102
121
|
({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
103
122
|
"input",
|
|
104
123
|
{
|
|
@@ -117,7 +136,7 @@ var Input = React26.forwardRef(
|
|
|
117
136
|
)
|
|
118
137
|
);
|
|
119
138
|
Input.displayName = "Input";
|
|
120
|
-
var Textarea =
|
|
139
|
+
var Textarea = React66__default.forwardRef(
|
|
121
140
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
122
141
|
"textarea",
|
|
123
142
|
{
|
|
@@ -138,7 +157,7 @@ Textarea.displayName = "Textarea";
|
|
|
138
157
|
var Select = SelectPrimitive.Root;
|
|
139
158
|
var SelectGroup = SelectPrimitive.Group;
|
|
140
159
|
var SelectValue = SelectPrimitive.Value;
|
|
141
|
-
var SelectTrigger =
|
|
160
|
+
var SelectTrigger = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
142
161
|
SelectPrimitive.Trigger,
|
|
143
162
|
{
|
|
144
163
|
ref,
|
|
@@ -158,7 +177,7 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
|
|
|
158
177
|
}
|
|
159
178
|
));
|
|
160
179
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
161
|
-
var SelectScrollUpButton =
|
|
180
|
+
var SelectScrollUpButton = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
162
181
|
SelectPrimitive.ScrollUpButton,
|
|
163
182
|
{
|
|
164
183
|
ref,
|
|
@@ -168,7 +187,7 @@ var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) =>
|
|
|
168
187
|
}
|
|
169
188
|
));
|
|
170
189
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
171
|
-
var SelectScrollDownButton =
|
|
190
|
+
var SelectScrollDownButton = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
172
191
|
SelectPrimitive.ScrollDownButton,
|
|
173
192
|
{
|
|
174
193
|
ref,
|
|
@@ -178,7 +197,7 @@ var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) =
|
|
|
178
197
|
}
|
|
179
198
|
));
|
|
180
199
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
181
|
-
var SelectContent =
|
|
200
|
+
var SelectContent = React66__default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
|
|
182
201
|
SelectPrimitive.Content,
|
|
183
202
|
{
|
|
184
203
|
ref,
|
|
@@ -205,7 +224,7 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
|
|
|
205
224
|
}
|
|
206
225
|
) }));
|
|
207
226
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
208
|
-
var SelectLabel =
|
|
227
|
+
var SelectLabel = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
209
228
|
SelectPrimitive.Label,
|
|
210
229
|
{
|
|
211
230
|
ref,
|
|
@@ -214,7 +233,7 @@ var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
214
233
|
}
|
|
215
234
|
));
|
|
216
235
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
217
|
-
var SelectItem =
|
|
236
|
+
var SelectItem = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
218
237
|
SelectPrimitive.Item,
|
|
219
238
|
{
|
|
220
239
|
ref,
|
|
@@ -232,7 +251,7 @@ var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
232
251
|
}
|
|
233
252
|
));
|
|
234
253
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
235
|
-
var SelectSeparator =
|
|
254
|
+
var SelectSeparator = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
236
255
|
SelectPrimitive.Separator,
|
|
237
256
|
{
|
|
238
257
|
ref,
|
|
@@ -241,7 +260,7 @@ var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
241
260
|
}
|
|
242
261
|
));
|
|
243
262
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
244
|
-
var Checkbox =
|
|
263
|
+
var Checkbox = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
245
264
|
CheckboxPrimitive.Root,
|
|
246
265
|
{
|
|
247
266
|
ref,
|
|
@@ -257,9 +276,9 @@ var Checkbox = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
257
276
|
}
|
|
258
277
|
));
|
|
259
278
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
260
|
-
var RadioGroup =
|
|
279
|
+
var RadioGroup = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ref, ...props }));
|
|
261
280
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
262
|
-
var RadioGroupItem =
|
|
281
|
+
var RadioGroupItem = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
263
282
|
RadioGroupPrimitive.Item,
|
|
264
283
|
{
|
|
265
284
|
ref,
|
|
@@ -274,7 +293,7 @@ var RadioGroupItem = React26.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
274
293
|
}
|
|
275
294
|
));
|
|
276
295
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
277
|
-
var Switch =
|
|
296
|
+
var Switch = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
278
297
|
SwitchPrimitive.Root,
|
|
279
298
|
{
|
|
280
299
|
ref,
|
|
@@ -300,7 +319,7 @@ var Switch = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
300
319
|
}
|
|
301
320
|
));
|
|
302
321
|
Switch.displayName = SwitchPrimitive.Root.displayName;
|
|
303
|
-
var Slider =
|
|
322
|
+
var Slider = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
304
323
|
SliderPrimitive.Root,
|
|
305
324
|
{
|
|
306
325
|
ref,
|
|
@@ -317,7 +336,7 @@ var Dialog = DialogPrimitive.Root;
|
|
|
317
336
|
var DialogTrigger = DialogPrimitive.Trigger;
|
|
318
337
|
var DialogPortal = DialogPrimitive.Portal;
|
|
319
338
|
var DialogClose = DialogPrimitive.Close;
|
|
320
|
-
var DialogOverlay =
|
|
339
|
+
var DialogOverlay = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
321
340
|
DialogPrimitive.Overlay,
|
|
322
341
|
{
|
|
323
342
|
ref,
|
|
@@ -331,7 +350,7 @@ var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
331
350
|
}
|
|
332
351
|
));
|
|
333
352
|
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
334
|
-
var DialogContent =
|
|
353
|
+
var DialogContent = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
|
|
335
354
|
/* @__PURE__ */ jsx(DialogOverlay, {}),
|
|
336
355
|
/* @__PURE__ */ jsxs(
|
|
337
356
|
DialogPrimitive.Content,
|
|
@@ -361,7 +380,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { cla
|
|
|
361
380
|
DialogHeader.displayName = "DialogHeader";
|
|
362
381
|
var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
363
382
|
DialogFooter.displayName = "DialogFooter";
|
|
364
|
-
var DialogTitle =
|
|
383
|
+
var DialogTitle = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
365
384
|
DialogPrimitive.Title,
|
|
366
385
|
{
|
|
367
386
|
ref,
|
|
@@ -370,7 +389,7 @@ var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
370
389
|
}
|
|
371
390
|
));
|
|
372
391
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
373
|
-
var DialogDescription =
|
|
392
|
+
var DialogDescription = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
374
393
|
DialogPrimitive.Description,
|
|
375
394
|
{
|
|
376
395
|
ref,
|
|
@@ -383,7 +402,7 @@ var Sheet = DialogPrimitive.Root;
|
|
|
383
402
|
var SheetTrigger = DialogPrimitive.Trigger;
|
|
384
403
|
var SheetClose = DialogPrimitive.Close;
|
|
385
404
|
var SheetPortal = DialogPrimitive.Portal;
|
|
386
|
-
var SheetOverlay =
|
|
405
|
+
var SheetOverlay = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
387
406
|
DialogPrimitive.Overlay,
|
|
388
407
|
{
|
|
389
408
|
ref,
|
|
@@ -411,7 +430,7 @@ var sheetVariants = cva(
|
|
|
411
430
|
defaultVariants: { side: "right" }
|
|
412
431
|
}
|
|
413
432
|
);
|
|
414
|
-
var SheetContent =
|
|
433
|
+
var SheetContent = React66__default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
|
|
415
434
|
/* @__PURE__ */ jsx(SheetOverlay, {}),
|
|
416
435
|
/* @__PURE__ */ jsxs(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
|
|
417
436
|
/* @__PURE__ */ jsxs(DialogPrimitive.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: [
|
|
@@ -424,14 +443,14 @@ var SheetContent = React26.forwardRef(({ side = "right", className, children, ..
|
|
|
424
443
|
SheetContent.displayName = DialogPrimitive.Content.displayName;
|
|
425
444
|
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
426
445
|
var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
427
|
-
var SheetTitle =
|
|
446
|
+
var SheetTitle = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
|
|
428
447
|
SheetTitle.displayName = DialogPrimitive.Title.displayName;
|
|
429
|
-
var SheetDescription =
|
|
448
|
+
var SheetDescription = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
|
|
430
449
|
SheetDescription.displayName = DialogPrimitive.Description.displayName;
|
|
431
450
|
var Popover = PopoverPrimitive.Root;
|
|
432
451
|
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
433
452
|
var PopoverAnchor = PopoverPrimitive.Anchor;
|
|
434
|
-
var PopoverContent =
|
|
453
|
+
var PopoverContent = React66__default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
435
454
|
PopoverPrimitive.Content,
|
|
436
455
|
{
|
|
437
456
|
ref,
|
|
@@ -451,7 +470,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
|
451
470
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
452
471
|
var Tooltip = TooltipPrimitive.Root;
|
|
453
472
|
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
454
|
-
var TooltipContent =
|
|
473
|
+
var TooltipContent = React66__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
455
474
|
TooltipPrimitive.Content,
|
|
456
475
|
{
|
|
457
476
|
ref,
|
|
@@ -483,30 +502,30 @@ var itemStyle = cn(
|
|
|
483
502
|
"focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
|
|
484
503
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
|
|
485
504
|
);
|
|
486
|
-
var DropdownMenuContent =
|
|
505
|
+
var DropdownMenuContent = React66__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentStyle, className), ...props }) }));
|
|
487
506
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
488
|
-
var DropdownMenuItem =
|
|
507
|
+
var DropdownMenuItem = React66__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
|
|
489
508
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
490
|
-
var DropdownMenuCheckboxItem =
|
|
509
|
+
var DropdownMenuCheckboxItem = React66__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
|
|
491
510
|
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
|
|
492
511
|
children
|
|
493
512
|
] }));
|
|
494
513
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
495
|
-
var DropdownMenuRadioItem =
|
|
514
|
+
var DropdownMenuRadioItem = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
|
|
496
515
|
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
497
516
|
children
|
|
498
517
|
] }));
|
|
499
518
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
500
|
-
var DropdownMenuLabel =
|
|
519
|
+
var DropdownMenuLabel = React66__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
|
|
501
520
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
502
|
-
var DropdownMenuSeparator =
|
|
521
|
+
var DropdownMenuSeparator = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
|
|
503
522
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
504
|
-
var DropdownMenuSubTrigger =
|
|
523
|
+
var DropdownMenuSubTrigger = React66__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
|
|
505
524
|
children,
|
|
506
525
|
/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
507
526
|
] }));
|
|
508
527
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
509
|
-
var DropdownMenuSubContent =
|
|
528
|
+
var DropdownMenuSubContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentStyle, className), ...props }));
|
|
510
529
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
511
530
|
var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
512
531
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
@@ -518,33 +537,33 @@ var ContextMenuSub = ContextMenuPrimitive.Sub;
|
|
|
518
537
|
var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
|
|
519
538
|
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";
|
|
520
539
|
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";
|
|
521
|
-
var ContextMenuContent =
|
|
540
|
+
var ContextMenuContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
|
|
522
541
|
ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
|
|
523
|
-
var ContextMenuItem =
|
|
542
|
+
var ContextMenuItem = React66__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
|
|
524
543
|
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
|
|
525
|
-
var ContextMenuCheckboxItem =
|
|
544
|
+
var ContextMenuCheckboxItem = React66__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
|
|
526
545
|
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
|
|
527
546
|
children
|
|
528
547
|
] }));
|
|
529
548
|
ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
|
|
530
|
-
var ContextMenuRadioItem =
|
|
549
|
+
var ContextMenuRadioItem = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
|
|
531
550
|
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
532
551
|
children
|
|
533
552
|
] }));
|
|
534
553
|
ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
|
|
535
|
-
var ContextMenuLabel =
|
|
554
|
+
var ContextMenuLabel = React66__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
|
|
536
555
|
ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
|
|
537
|
-
var ContextMenuSeparator =
|
|
556
|
+
var ContextMenuSeparator = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
|
|
538
557
|
ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
|
|
539
|
-
var ContextMenuSubTrigger =
|
|
558
|
+
var ContextMenuSubTrigger = React66__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props, children: [
|
|
540
559
|
children,
|
|
541
560
|
/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
542
561
|
] }));
|
|
543
562
|
ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
|
|
544
|
-
var ContextMenuSubContent =
|
|
563
|
+
var ContextMenuSubContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
|
|
545
564
|
ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
|
|
546
565
|
var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
547
|
-
var Card =
|
|
566
|
+
var Card = React66__default.forwardRef(
|
|
548
567
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
549
568
|
"div",
|
|
550
569
|
{
|
|
@@ -555,23 +574,23 @@ var Card = React26.forwardRef(
|
|
|
555
574
|
)
|
|
556
575
|
);
|
|
557
576
|
Card.displayName = "Card";
|
|
558
|
-
var CardHeader =
|
|
577
|
+
var CardHeader = React66__default.forwardRef(
|
|
559
578
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
|
|
560
579
|
);
|
|
561
580
|
CardHeader.displayName = "CardHeader";
|
|
562
|
-
var CardTitle =
|
|
581
|
+
var CardTitle = React66__default.forwardRef(
|
|
563
582
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
|
|
564
583
|
);
|
|
565
584
|
CardTitle.displayName = "CardTitle";
|
|
566
|
-
var CardDescription =
|
|
585
|
+
var CardDescription = React66__default.forwardRef(
|
|
567
586
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
|
|
568
587
|
);
|
|
569
588
|
CardDescription.displayName = "CardDescription";
|
|
570
|
-
var CardContent =
|
|
589
|
+
var CardContent = React66__default.forwardRef(
|
|
571
590
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
|
|
572
591
|
);
|
|
573
592
|
CardContent.displayName = "CardContent";
|
|
574
|
-
var CardFooter =
|
|
593
|
+
var CardFooter = React66__default.forwardRef(
|
|
575
594
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
|
|
576
595
|
);
|
|
577
596
|
CardFooter.displayName = "CardFooter";
|
|
@@ -592,7 +611,7 @@ var badgeVariants = cva(
|
|
|
592
611
|
function Badge({ className, variant, ...props }) {
|
|
593
612
|
return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
594
613
|
}
|
|
595
|
-
var Avatar =
|
|
614
|
+
var Avatar = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
596
615
|
AvatarPrimitive.Root,
|
|
597
616
|
{
|
|
598
617
|
ref,
|
|
@@ -601,9 +620,9 @@ var Avatar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
601
620
|
}
|
|
602
621
|
));
|
|
603
622
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
604
|
-
var AvatarImage =
|
|
623
|
+
var AvatarImage = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
|
|
605
624
|
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
606
|
-
var AvatarFallback =
|
|
625
|
+
var AvatarFallback = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
607
626
|
AvatarPrimitive.Fallback,
|
|
608
627
|
{
|
|
609
628
|
ref,
|
|
@@ -612,7 +631,7 @@ var AvatarFallback = React26.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
612
631
|
}
|
|
613
632
|
));
|
|
614
633
|
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
615
|
-
var Separator4 =
|
|
634
|
+
var Separator4 = React66__default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
616
635
|
SeparatorPrimitive.Root,
|
|
617
636
|
{
|
|
618
637
|
ref,
|
|
@@ -636,7 +655,7 @@ function Skeleton({ className, ...props }) {
|
|
|
636
655
|
}
|
|
637
656
|
);
|
|
638
657
|
}
|
|
639
|
-
var Progress =
|
|
658
|
+
var Progress = React66__default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
640
659
|
ProgressPrimitive.Root,
|
|
641
660
|
{
|
|
642
661
|
ref,
|
|
@@ -653,7 +672,7 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
|
653
672
|
));
|
|
654
673
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
655
674
|
var Tabs = TabsPrimitive.Root;
|
|
656
|
-
var TabsList =
|
|
675
|
+
var TabsList = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
657
676
|
TabsPrimitive.List,
|
|
658
677
|
{
|
|
659
678
|
ref,
|
|
@@ -665,7 +684,7 @@ var TabsList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
665
684
|
}
|
|
666
685
|
));
|
|
667
686
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
668
|
-
var TabsTrigger =
|
|
687
|
+
var TabsTrigger = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
669
688
|
TabsPrimitive.Trigger,
|
|
670
689
|
{
|
|
671
690
|
ref,
|
|
@@ -680,7 +699,7 @@ var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
680
699
|
}
|
|
681
700
|
));
|
|
682
701
|
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
683
|
-
var TabsContent =
|
|
702
|
+
var TabsContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
684
703
|
TabsPrimitive.Content,
|
|
685
704
|
{
|
|
686
705
|
ref,
|
|
@@ -713,7 +732,7 @@ var justifyMap = {
|
|
|
713
732
|
around: "justify-around",
|
|
714
733
|
evenly: "justify-evenly"
|
|
715
734
|
};
|
|
716
|
-
var Stack =
|
|
735
|
+
var Stack = React66__default.forwardRef(
|
|
717
736
|
({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
718
737
|
"div",
|
|
719
738
|
{
|
|
@@ -732,11 +751,11 @@ var Stack = React26.forwardRef(
|
|
|
732
751
|
)
|
|
733
752
|
);
|
|
734
753
|
Stack.displayName = "Stack";
|
|
735
|
-
var HStack =
|
|
754
|
+
var HStack = React66__default.forwardRef(
|
|
736
755
|
(props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "row", ...props })
|
|
737
756
|
);
|
|
738
757
|
HStack.displayName = "HStack";
|
|
739
|
-
var VStack =
|
|
758
|
+
var VStack = React66__default.forwardRef(
|
|
740
759
|
(props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "col", ...props })
|
|
741
760
|
);
|
|
742
761
|
VStack.displayName = "VStack";
|
|
@@ -747,7 +766,7 @@ var sizeMap = {
|
|
|
747
766
|
xl: "max-w-screen-xl",
|
|
748
767
|
full: "max-w-full"
|
|
749
768
|
};
|
|
750
|
-
var Container =
|
|
769
|
+
var Container = React66__default.forwardRef(
|
|
751
770
|
({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
752
771
|
"div",
|
|
753
772
|
{
|
|
@@ -763,7 +782,7 @@ var Container = React26.forwardRef(
|
|
|
763
782
|
)
|
|
764
783
|
);
|
|
765
784
|
Container.displayName = "Container";
|
|
766
|
-
var Page =
|
|
785
|
+
var Page = React66__default.forwardRef(
|
|
767
786
|
({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
768
787
|
"div",
|
|
769
788
|
{
|
|
@@ -775,7 +794,7 @@ var Page = React26.forwardRef(
|
|
|
775
794
|
)
|
|
776
795
|
);
|
|
777
796
|
Page.displayName = "Page";
|
|
778
|
-
var PageHeader =
|
|
797
|
+
var PageHeader = React66__default.forwardRef(
|
|
779
798
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
780
799
|
"div",
|
|
781
800
|
{
|
|
@@ -786,7 +805,7 @@ var PageHeader = React26.forwardRef(
|
|
|
786
805
|
)
|
|
787
806
|
);
|
|
788
807
|
PageHeader.displayName = "PageHeader";
|
|
789
|
-
var PageTitle =
|
|
808
|
+
var PageTitle = React66__default.forwardRef(
|
|
790
809
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
791
810
|
"h1",
|
|
792
811
|
{
|
|
@@ -797,28 +816,28 @@ var PageTitle = React26.forwardRef(
|
|
|
797
816
|
)
|
|
798
817
|
);
|
|
799
818
|
PageTitle.displayName = "PageTitle";
|
|
800
|
-
var PageDescription =
|
|
819
|
+
var PageDescription = React66__default.forwardRef(
|
|
801
820
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
|
|
802
821
|
);
|
|
803
822
|
PageDescription.displayName = "PageDescription";
|
|
804
|
-
var PageActions =
|
|
823
|
+
var PageActions = React66__default.forwardRef(
|
|
805
824
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
|
|
806
825
|
);
|
|
807
826
|
PageActions.displayName = "PageActions";
|
|
808
|
-
var PageBody =
|
|
827
|
+
var PageBody = React66__default.forwardRef(
|
|
809
828
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
|
|
810
829
|
);
|
|
811
830
|
PageBody.displayName = "PageBody";
|
|
812
|
-
var SidebarCtx =
|
|
813
|
-
var useSidebarCtx = () =>
|
|
831
|
+
var SidebarCtx = React66__default.createContext({ collapsed: false });
|
|
832
|
+
var useSidebarCtx = () => React66__default.useContext(SidebarCtx);
|
|
814
833
|
var makeSlot = (name, cls) => {
|
|
815
|
-
const C =
|
|
834
|
+
const C = React66__default.forwardRef(
|
|
816
835
|
({ className, ...p }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cls, className), ...p })
|
|
817
836
|
);
|
|
818
837
|
C.displayName = name;
|
|
819
838
|
return C;
|
|
820
839
|
};
|
|
821
|
-
var Sidebar =
|
|
840
|
+
var Sidebar = React66__default.forwardRef(
|
|
822
841
|
({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsx(SidebarCtx.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxs(
|
|
823
842
|
"div",
|
|
824
843
|
{
|
|
@@ -846,7 +865,7 @@ var SidebarContent = makeSlot("SidebarContent", "flex-1 overflow-y-auto py-2");
|
|
|
846
865
|
var SidebarFooter = makeSlot("SidebarFooter", "px-3 py-3 border-t border-[hsl(var(--border))] shrink-0");
|
|
847
866
|
var SidebarGroup = makeSlot("SidebarGroup", "mb-2");
|
|
848
867
|
var SidebarSeparator = makeSlot("SidebarSeparator", "h-px bg-[hsl(var(--border))] mx-3 my-2");
|
|
849
|
-
var SidebarGroupLabel =
|
|
868
|
+
var SidebarGroupLabel = React66__default.forwardRef(
|
|
850
869
|
({ className, ...props }, ref) => {
|
|
851
870
|
const { collapsed } = useSidebarCtx();
|
|
852
871
|
return /* @__PURE__ */ jsx(
|
|
@@ -860,7 +879,7 @@ var SidebarGroupLabel = React26.forwardRef(
|
|
|
860
879
|
}
|
|
861
880
|
);
|
|
862
881
|
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
863
|
-
var SidebarItem =
|
|
882
|
+
var SidebarItem = React66__default.forwardRef(
|
|
864
883
|
({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
|
|
865
884
|
const { collapsed } = useSidebarCtx();
|
|
866
885
|
const cls = cn(
|
|
@@ -880,7 +899,7 @@ var SidebarItem = React26.forwardRef(
|
|
|
880
899
|
}
|
|
881
900
|
);
|
|
882
901
|
SidebarItem.displayName = "SidebarItem";
|
|
883
|
-
var Navbar =
|
|
902
|
+
var Navbar = React66__default.forwardRef(
|
|
884
903
|
({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
885
904
|
"nav",
|
|
886
905
|
{
|
|
@@ -896,7 +915,7 @@ var Navbar = React26.forwardRef(
|
|
|
896
915
|
)
|
|
897
916
|
);
|
|
898
917
|
Navbar.displayName = "Navbar";
|
|
899
|
-
var NavbarBrand =
|
|
918
|
+
var NavbarBrand = React66__default.forwardRef(
|
|
900
919
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
|
|
901
920
|
);
|
|
902
921
|
NavbarBrand.displayName = "NavbarBrand";
|
|
@@ -905,7 +924,7 @@ var alignMap2 = {
|
|
|
905
924
|
center: "justify-center flex-1",
|
|
906
925
|
end: "justify-end ml-auto"
|
|
907
926
|
};
|
|
908
|
-
var NavbarContent =
|
|
927
|
+
var NavbarContent = React66__default.forwardRef(
|
|
909
928
|
({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
910
929
|
"div",
|
|
911
930
|
{
|
|
@@ -916,11 +935,11 @@ var NavbarContent = React26.forwardRef(
|
|
|
916
935
|
)
|
|
917
936
|
);
|
|
918
937
|
NavbarContent.displayName = "NavbarContent";
|
|
919
|
-
var NavbarItem =
|
|
938
|
+
var NavbarItem = React66__default.forwardRef(
|
|
920
939
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
|
|
921
940
|
);
|
|
922
941
|
NavbarItem.displayName = "NavbarItem";
|
|
923
|
-
var AppShellCtx =
|
|
942
|
+
var AppShellCtx = React66__default.createContext({
|
|
924
943
|
collapsed: false,
|
|
925
944
|
setCollapsed: () => {
|
|
926
945
|
},
|
|
@@ -928,12 +947,12 @@ var AppShellCtx = React26.createContext({
|
|
|
928
947
|
setMobileOpen: () => {
|
|
929
948
|
}
|
|
930
949
|
});
|
|
931
|
-
var useAppShell = () =>
|
|
932
|
-
var AppShell =
|
|
950
|
+
var useAppShell = () => React66__default.useContext(AppShellCtx);
|
|
951
|
+
var AppShell = React66__default.forwardRef(
|
|
933
952
|
({ className, defaultCollapsed = false, children, ...props }, ref) => {
|
|
934
|
-
const [collapsed, setCollapsed] =
|
|
935
|
-
const [mobileOpen, setMobileOpen] =
|
|
936
|
-
|
|
953
|
+
const [collapsed, setCollapsed] = React66__default.useState(defaultCollapsed);
|
|
954
|
+
const [mobileOpen, setMobileOpen] = React66__default.useState(false);
|
|
955
|
+
React66__default.useEffect(() => {
|
|
937
956
|
const handleClick = (e) => {
|
|
938
957
|
const target = e.target;
|
|
939
958
|
if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
|
|
@@ -964,7 +983,7 @@ var AppShell = React26.forwardRef(
|
|
|
964
983
|
}
|
|
965
984
|
);
|
|
966
985
|
AppShell.displayName = "AppShell";
|
|
967
|
-
var AppShellSidebar =
|
|
986
|
+
var AppShellSidebar = React66__default.forwardRef(
|
|
968
987
|
({ className, ...props }, ref) => {
|
|
969
988
|
const { mobileOpen } = useAppShell();
|
|
970
989
|
return /* @__PURE__ */ jsx(
|
|
@@ -985,11 +1004,11 @@ var AppShellSidebar = React26.forwardRef(
|
|
|
985
1004
|
}
|
|
986
1005
|
);
|
|
987
1006
|
AppShellSidebar.displayName = "AppShellSidebar";
|
|
988
|
-
var AppShellMain =
|
|
1007
|
+
var AppShellMain = React66__default.forwardRef(
|
|
989
1008
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
|
|
990
1009
|
);
|
|
991
1010
|
AppShellMain.displayName = "AppShellMain";
|
|
992
|
-
var MobileSidebarTrigger =
|
|
1011
|
+
var MobileSidebarTrigger = React66__default.forwardRef(
|
|
993
1012
|
({ className, ...props }, ref) => {
|
|
994
1013
|
const { mobileOpen, setMobileOpen } = useAppShell();
|
|
995
1014
|
return /* @__PURE__ */ jsx(
|
|
@@ -1011,11 +1030,11 @@ var MobileSidebarTrigger = React26.forwardRef(
|
|
|
1011
1030
|
}
|
|
1012
1031
|
);
|
|
1013
1032
|
MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
|
|
1014
|
-
var SplitPage =
|
|
1033
|
+
var SplitPage = React66__default.forwardRef(
|
|
1015
1034
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
|
|
1016
1035
|
);
|
|
1017
1036
|
SplitPage.displayName = "SplitPage";
|
|
1018
|
-
var SplitPageList =
|
|
1037
|
+
var SplitPageList = React66__default.forwardRef(
|
|
1019
1038
|
({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1020
1039
|
"div",
|
|
1021
1040
|
{
|
|
@@ -1027,11 +1046,11 @@ var SplitPageList = React26.forwardRef(
|
|
|
1027
1046
|
)
|
|
1028
1047
|
);
|
|
1029
1048
|
SplitPageList.displayName = "SplitPageList";
|
|
1030
|
-
var SplitPageDetail =
|
|
1049
|
+
var SplitPageDetail = React66__default.forwardRef(
|
|
1031
1050
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
|
|
1032
1051
|
);
|
|
1033
1052
|
SplitPageDetail.displayName = "SplitPageDetail";
|
|
1034
|
-
var ResizeBox =
|
|
1053
|
+
var ResizeBox = React66__default.forwardRef(
|
|
1035
1054
|
({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1036
1055
|
"div",
|
|
1037
1056
|
{
|
|
@@ -1048,7 +1067,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "10", height: "10",
|
|
|
1048
1067
|
/* @__PURE__ */ jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
1049
1068
|
/* @__PURE__ */ jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
1050
1069
|
] });
|
|
1051
|
-
var ResizeHandle =
|
|
1070
|
+
var ResizeHandle = React66__default.forwardRef(
|
|
1052
1071
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1053
1072
|
"div",
|
|
1054
1073
|
{
|
|
@@ -1072,7 +1091,7 @@ function Field({ label, description, error, required, children, className }) {
|
|
|
1072
1091
|
error && /* @__PURE__ */ jsx(FieldError, { children: error })
|
|
1073
1092
|
] });
|
|
1074
1093
|
}
|
|
1075
|
-
var FieldLabel =
|
|
1094
|
+
var FieldLabel = React66__default.forwardRef(
|
|
1076
1095
|
({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
1077
1096
|
"label",
|
|
1078
1097
|
{
|
|
@@ -1087,7 +1106,7 @@ var FieldLabel = React26.forwardRef(
|
|
|
1087
1106
|
)
|
|
1088
1107
|
);
|
|
1089
1108
|
FieldLabel.displayName = "FieldLabel";
|
|
1090
|
-
var FieldDescription =
|
|
1109
|
+
var FieldDescription = React66__default.forwardRef(
|
|
1091
1110
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1092
1111
|
"p",
|
|
1093
1112
|
{
|
|
@@ -1098,7 +1117,7 @@ var FieldDescription = React26.forwardRef(
|
|
|
1098
1117
|
)
|
|
1099
1118
|
);
|
|
1100
1119
|
FieldDescription.displayName = "FieldDescription";
|
|
1101
|
-
var FieldError =
|
|
1120
|
+
var FieldError = React66__default.forwardRef(
|
|
1102
1121
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1103
1122
|
"p",
|
|
1104
1123
|
{
|
|
@@ -1118,7 +1137,7 @@ function getStrength(value) {
|
|
|
1118
1137
|
return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
|
|
1119
1138
|
return { level: "strong", width: "w-full", color: "bg-green-500" };
|
|
1120
1139
|
}
|
|
1121
|
-
var PasswordInput =
|
|
1140
|
+
var PasswordInput = React66__default.forwardRef(
|
|
1122
1141
|
({ className, strength, ...props }, ref) => {
|
|
1123
1142
|
const [show, setShow] = useState(false);
|
|
1124
1143
|
const value = String(props.value ?? "");
|
|
@@ -1153,7 +1172,7 @@ var PasswordInput = React26.forwardRef(
|
|
|
1153
1172
|
}
|
|
1154
1173
|
);
|
|
1155
1174
|
PasswordInput.displayName = "PasswordInput";
|
|
1156
|
-
var SearchInput =
|
|
1175
|
+
var SearchInput = React66__default.forwardRef(
|
|
1157
1176
|
({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
|
|
1158
1177
|
const [internalValue, setInternalValue] = useState(defaultValue ?? "");
|
|
1159
1178
|
const isControlled = valueProp !== void 0;
|
|
@@ -1378,7 +1397,7 @@ function FormField(props) {
|
|
|
1378
1397
|
function FormItem({ className, ...props }) {
|
|
1379
1398
|
return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
|
|
1380
1399
|
}
|
|
1381
|
-
var FormLabel =
|
|
1400
|
+
var FormLabel = React66__default.forwardRef(
|
|
1382
1401
|
({ className, error, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1383
1402
|
"label",
|
|
1384
1403
|
{
|
|
@@ -1393,7 +1412,7 @@ var FormLabel = React26.forwardRef(
|
|
|
1393
1412
|
)
|
|
1394
1413
|
);
|
|
1395
1414
|
FormLabel.displayName = "FormLabel";
|
|
1396
|
-
var FormControl =
|
|
1415
|
+
var FormControl = React66__default.forwardRef(
|
|
1397
1416
|
({ ...props }, ref) => {
|
|
1398
1417
|
const id = useId();
|
|
1399
1418
|
return /* @__PURE__ */ jsx("div", { ref, id, ...props });
|
|
@@ -1430,7 +1449,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1430
1449
|
isFirst: currentStep === 0,
|
|
1431
1450
|
isLast: currentStep === totalSteps - 1
|
|
1432
1451
|
};
|
|
1433
|
-
const childArray =
|
|
1452
|
+
const childArray = React66__default.Children.toArray(children);
|
|
1434
1453
|
const currentChild = childArray[currentStep];
|
|
1435
1454
|
return /* @__PURE__ */ jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
|
|
1436
1455
|
/* @__PURE__ */ jsx(StepIndicator, { steps, currentStep }),
|
|
@@ -1439,7 +1458,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1439
1458
|
] }) });
|
|
1440
1459
|
}
|
|
1441
1460
|
function StepIndicator({ steps, currentStep }) {
|
|
1442
|
-
return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(
|
|
1461
|
+
return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React66__default.Fragment, { children: [
|
|
1443
1462
|
i > 0 && /* @__PURE__ */ jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
|
|
1444
1463
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
|
|
1445
1464
|
/* @__PURE__ */ jsx("div", { className: cn(
|
|
@@ -1674,7 +1693,7 @@ function DataTableToolbar({ table, searchColumn }) {
|
|
|
1674
1693
|
) });
|
|
1675
1694
|
}
|
|
1676
1695
|
function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
|
|
1677
|
-
const [sorting, setSorting] =
|
|
1696
|
+
const [sorting, setSorting] = React66__default.useState([]);
|
|
1678
1697
|
const table = useReactTable({
|
|
1679
1698
|
data,
|
|
1680
1699
|
columns,
|
|
@@ -1701,8 +1720,8 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
|
|
|
1701
1720
|
] });
|
|
1702
1721
|
}
|
|
1703
1722
|
function EditableCell({ value: initial, onSave }) {
|
|
1704
|
-
const [editing, setEditing] =
|
|
1705
|
-
const [val, setVal] =
|
|
1723
|
+
const [editing, setEditing] = React66__default.useState(false);
|
|
1724
|
+
const [val, setVal] = React66__default.useState(String(initial ?? ""));
|
|
1706
1725
|
const commit = () => {
|
|
1707
1726
|
onSave(val);
|
|
1708
1727
|
setEditing(false);
|
|
@@ -1735,10 +1754,10 @@ var selectionCol = () => ({
|
|
|
1735
1754
|
enableResizing: false
|
|
1736
1755
|
});
|
|
1737
1756
|
function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
|
|
1738
|
-
const [data, setData] =
|
|
1739
|
-
const [rowSelection, setRowSelection] =
|
|
1757
|
+
const [data, setData] = React66__default.useState(initialData);
|
|
1758
|
+
const [rowSelection, setRowSelection] = React66__default.useState({});
|
|
1740
1759
|
const columnResizeMode = "onChange";
|
|
1741
|
-
const editableColumns =
|
|
1760
|
+
const editableColumns = React66__default.useMemo(() => {
|
|
1742
1761
|
if (!editable)
|
|
1743
1762
|
return columns;
|
|
1744
1763
|
return columns.map((col) => ({
|
|
@@ -1758,7 +1777,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1758
1777
|
)
|
|
1759
1778
|
}));
|
|
1760
1779
|
}, [columns, data, editable, onDataChange]);
|
|
1761
|
-
const allColumns =
|
|
1780
|
+
const allColumns = React66__default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
|
|
1762
1781
|
const table = useReactTable({
|
|
1763
1782
|
data,
|
|
1764
1783
|
columns: allColumns,
|
|
@@ -1776,7 +1795,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1776
1795
|
/* @__PURE__ */ jsx("tbody", { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ 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__ */ jsx("td", { style: { width: cell.column.getSize() }, className: "px-3 py-2 border-r border-[hsl(var(--border))] last:border-r-0", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
|
|
1777
1796
|
] }) });
|
|
1778
1797
|
}
|
|
1779
|
-
var EmptyStateIcon =
|
|
1798
|
+
var EmptyStateIcon = React66__default.forwardRef(
|
|
1780
1799
|
({ className, ...props }, ref) => /* @__PURE__ */ 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 })
|
|
1781
1800
|
);
|
|
1782
1801
|
EmptyStateIcon.displayName = "EmptyStateIcon";
|
|
@@ -1790,7 +1809,7 @@ function EmptyState({ icon, title, description, action, className }) {
|
|
|
1790
1809
|
action && /* @__PURE__ */ jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
|
|
1791
1810
|
] });
|
|
1792
1811
|
}
|
|
1793
|
-
var PropertyList =
|
|
1812
|
+
var PropertyList = React66__default.forwardRef(
|
|
1794
1813
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
|
|
1795
1814
|
);
|
|
1796
1815
|
PropertyList.displayName = "PropertyList";
|
|
@@ -1806,7 +1825,7 @@ var dotColors = {
|
|
|
1806
1825
|
error: "bg-red-500",
|
|
1807
1826
|
warning: "bg-yellow-500"
|
|
1808
1827
|
};
|
|
1809
|
-
var TimelineContent =
|
|
1828
|
+
var TimelineContent = React66__default.forwardRef(
|
|
1810
1829
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pb-1", className), ...props })
|
|
1811
1830
|
);
|
|
1812
1831
|
TimelineContent.displayName = "TimelineContent";
|
|
@@ -1829,9 +1848,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
|
|
|
1829
1848
|
] });
|
|
1830
1849
|
}
|
|
1831
1850
|
function Timeline({ children, className }) {
|
|
1832
|
-
const items =
|
|
1851
|
+
const items = React66__default.Children.toArray(children);
|
|
1833
1852
|
return /* @__PURE__ */ jsx("div", { className: cn("", className), children: items.map(
|
|
1834
|
-
(child, i) =>
|
|
1853
|
+
(child, i) => React66__default.isValidElement(child) ? React66__default.cloneElement(child, { isLast: i === items.length - 1 }) : child
|
|
1835
1854
|
) });
|
|
1836
1855
|
}
|
|
1837
1856
|
function Stat({ label, value, trend, trendLabel, icon, description, className }) {
|
|
@@ -1919,7 +1938,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
|
|
|
1919
1938
|
}
|
|
1920
1939
|
);
|
|
1921
1940
|
}
|
|
1922
|
-
var StructuredList =
|
|
1941
|
+
var StructuredList = React66__default.forwardRef(
|
|
1923
1942
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-4", className), ...props })
|
|
1924
1943
|
);
|
|
1925
1944
|
StructuredList.displayName = "StructuredList";
|
|
@@ -2040,8 +2059,8 @@ function Banner({
|
|
|
2040
2059
|
className,
|
|
2041
2060
|
children
|
|
2042
2061
|
}) {
|
|
2043
|
-
const [dismissed, setDismissed] =
|
|
2044
|
-
const [exiting, setExiting] =
|
|
2062
|
+
const [dismissed, setDismissed] = React66__default.useState(false);
|
|
2063
|
+
const [exiting, setExiting] = React66__default.useState(false);
|
|
2045
2064
|
const handleDismiss = () => {
|
|
2046
2065
|
setExiting(true);
|
|
2047
2066
|
setTimeout(() => {
|
|
@@ -2176,7 +2195,7 @@ function BreadcrumbSeparator({ className }) {
|
|
|
2176
2195
|
return /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("flex items-center text-[hsl(var(--muted-foreground))]", className), children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" }) });
|
|
2177
2196
|
}
|
|
2178
2197
|
function Breadcrumb({ children, className }) {
|
|
2179
|
-
const items =
|
|
2198
|
+
const items = React66__default.Children.toArray(children);
|
|
2180
2199
|
const withSeparators = [];
|
|
2181
2200
|
items.forEach((item, i) => {
|
|
2182
2201
|
withSeparators.push(item);
|
|
@@ -2197,10 +2216,10 @@ function Hotkeys({ keys, className }) {
|
|
|
2197
2216
|
var textOps = ["contains", "equals", "starts with"];
|
|
2198
2217
|
var numOps = ["=", ">", "<", ">=", "<="];
|
|
2199
2218
|
function AddFilterPopover({ filters, onAdd }) {
|
|
2200
|
-
const [open, setOpen] =
|
|
2201
|
-
const [key, setKey] =
|
|
2202
|
-
const [op, setOp] =
|
|
2203
|
-
const [val, setVal] =
|
|
2219
|
+
const [open, setOpen] = React66__default.useState(false);
|
|
2220
|
+
const [key, setKey] = React66__default.useState("");
|
|
2221
|
+
const [op, setOp] = React66__default.useState("");
|
|
2222
|
+
const [val, setVal] = React66__default.useState("");
|
|
2204
2223
|
const def = filters.find((f) => f.key === key);
|
|
2205
2224
|
const ops = def?.type === "number" ? numOps : textOps;
|
|
2206
2225
|
const handleAdd = () => {
|
|
@@ -2303,19 +2322,19 @@ function ToggleButtonGroup(props) {
|
|
|
2303
2322
|
props.onChange(val);
|
|
2304
2323
|
}
|
|
2305
2324
|
};
|
|
2306
|
-
return /* @__PURE__ */ 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:
|
|
2307
|
-
if (!
|
|
2325
|
+
return /* @__PURE__ */ 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__default.Children.map(children, (child) => {
|
|
2326
|
+
if (!React66__default.isValidElement(child))
|
|
2308
2327
|
return child;
|
|
2309
2328
|
const tb = child;
|
|
2310
|
-
return
|
|
2329
|
+
return React66__default.cloneElement(tb, {
|
|
2311
2330
|
pressed: isPressed(tb.props.value),
|
|
2312
2331
|
onClick: () => handleClick(tb.props.value)
|
|
2313
2332
|
});
|
|
2314
2333
|
}) });
|
|
2315
2334
|
}
|
|
2316
2335
|
function useCommandBar() {
|
|
2317
|
-
const [open, setOpen] =
|
|
2318
|
-
|
|
2336
|
+
const [open, setOpen] = React66__default.useState(false);
|
|
2337
|
+
React66__default.useEffect(() => {
|
|
2319
2338
|
const handler = (e) => {
|
|
2320
2339
|
if ((e.metaKey || e.ctrlKey) && e.key === "k") {
|
|
2321
2340
|
e.preventDefault();
|
|
@@ -2355,12 +2374,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
|
|
|
2355
2374
|
);
|
|
2356
2375
|
}
|
|
2357
2376
|
function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
|
|
2358
|
-
const [query, setQuery] =
|
|
2377
|
+
const [query, setQuery] = React66__default.useState("");
|
|
2359
2378
|
const handleSearch = (v) => {
|
|
2360
2379
|
setQuery(v);
|
|
2361
2380
|
onSearch?.(v);
|
|
2362
2381
|
};
|
|
2363
|
-
const items =
|
|
2382
|
+
const items = React66__default.useRef(null);
|
|
2364
2383
|
const handleKeyDown = (e) => {
|
|
2365
2384
|
if (e.key === "Escape") {
|
|
2366
2385
|
onOpenChange(false);
|
|
@@ -2430,9 +2449,9 @@ function KanbanColumn({ column, isOver }) {
|
|
|
2430
2449
|
] });
|
|
2431
2450
|
}
|
|
2432
2451
|
function Kanban({ columns: initialColumns, onMoveCard, className }) {
|
|
2433
|
-
const [cols, setCols] =
|
|
2434
|
-
const [activeCard, setActiveCard] =
|
|
2435
|
-
const [overColId, setOverColId] =
|
|
2452
|
+
const [cols, setCols] = React66__default.useState(initialColumns);
|
|
2453
|
+
const [activeCard, setActiveCard] = React66__default.useState(null);
|
|
2454
|
+
const [overColId, setOverColId] = React66__default.useState(null);
|
|
2436
2455
|
const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }));
|
|
2437
2456
|
const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
|
|
2438
2457
|
const onDragStart = ({ active }) => {
|
|
@@ -3724,7 +3743,7 @@ function FileRow({ file, onDelete }) {
|
|
|
3724
3743
|
] });
|
|
3725
3744
|
}
|
|
3726
3745
|
function FilesList({ className }) {
|
|
3727
|
-
const [files, setFiles] =
|
|
3746
|
+
const [files, setFiles] = React66__default.useState(FILES2);
|
|
3728
3747
|
return /* @__PURE__ */ jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
|
|
3729
3748
|
/* @__PURE__ */ jsx("thead", { className: "bg-[hsl(var(--muted)/0.5)]", children: /* @__PURE__ */ jsx("tr", { children: ["Name", "Type", "Size", "Modified", ""].map((h) => /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-[hsl(var(--muted-foreground))]", children: h }, h)) }) }),
|
|
3730
3749
|
/* @__PURE__ */ jsx("tbody", { children: files.map((f) => /* @__PURE__ */ jsx(FileRow, { file: f, onDelete: () => setFiles((fs) => fs.filter((x) => x.id !== f.id)) }, f.id)) })
|
|
@@ -3819,7 +3838,1711 @@ function SortableTaskList({ className }) {
|
|
|
3819
3838
|
] }, section);
|
|
3820
3839
|
}) });
|
|
3821
3840
|
}
|
|
3841
|
+
var Accordion = AccordionPrimitive.Root;
|
|
3842
|
+
var AccordionItem = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3843
|
+
AccordionPrimitive.Item,
|
|
3844
|
+
{
|
|
3845
|
+
ref,
|
|
3846
|
+
className: cn("border-b", className),
|
|
3847
|
+
...props
|
|
3848
|
+
}
|
|
3849
|
+
));
|
|
3850
|
+
AccordionItem.displayName = "AccordionItem";
|
|
3851
|
+
var AccordionTrigger = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
|
|
3852
|
+
AccordionPrimitive.Trigger,
|
|
3853
|
+
{
|
|
3854
|
+
ref,
|
|
3855
|
+
className: cn(
|
|
3856
|
+
"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",
|
|
3857
|
+
className
|
|
3858
|
+
),
|
|
3859
|
+
...props,
|
|
3860
|
+
children: [
|
|
3861
|
+
children,
|
|
3862
|
+
/* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
|
3863
|
+
]
|
|
3864
|
+
}
|
|
3865
|
+
) }));
|
|
3866
|
+
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
3867
|
+
var AccordionContent = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3868
|
+
AccordionPrimitive.Content,
|
|
3869
|
+
{
|
|
3870
|
+
ref,
|
|
3871
|
+
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
3872
|
+
...props,
|
|
3873
|
+
children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
3874
|
+
}
|
|
3875
|
+
));
|
|
3876
|
+
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
3877
|
+
var alertVariants = cva(
|
|
3878
|
+
"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",
|
|
3879
|
+
{
|
|
3880
|
+
variants: {
|
|
3881
|
+
variant: {
|
|
3882
|
+
default: "bg-background text-foreground",
|
|
3883
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
3884
|
+
}
|
|
3885
|
+
},
|
|
3886
|
+
defaultVariants: {
|
|
3887
|
+
variant: "default"
|
|
3888
|
+
}
|
|
3889
|
+
}
|
|
3890
|
+
);
|
|
3891
|
+
var Alert = React66.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3892
|
+
"div",
|
|
3893
|
+
{
|
|
3894
|
+
ref,
|
|
3895
|
+
role: "alert",
|
|
3896
|
+
className: cn(alertVariants({ variant }), className),
|
|
3897
|
+
...props
|
|
3898
|
+
}
|
|
3899
|
+
));
|
|
3900
|
+
Alert.displayName = "Alert";
|
|
3901
|
+
var AlertTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3902
|
+
"h5",
|
|
3903
|
+
{
|
|
3904
|
+
ref,
|
|
3905
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
3906
|
+
...props
|
|
3907
|
+
}
|
|
3908
|
+
));
|
|
3909
|
+
AlertTitle.displayName = "AlertTitle";
|
|
3910
|
+
var AlertDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3911
|
+
"div",
|
|
3912
|
+
{
|
|
3913
|
+
ref,
|
|
3914
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
3915
|
+
...props
|
|
3916
|
+
}
|
|
3917
|
+
));
|
|
3918
|
+
AlertDescription.displayName = "AlertDescription";
|
|
3919
|
+
var AlertDialog = AlertDialogPrimitive.Root;
|
|
3920
|
+
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
3921
|
+
var AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
3922
|
+
var AlertDialogOverlay = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3923
|
+
AlertDialogPrimitive.Overlay,
|
|
3924
|
+
{
|
|
3925
|
+
className: cn(
|
|
3926
|
+
"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",
|
|
3927
|
+
className
|
|
3928
|
+
),
|
|
3929
|
+
...props,
|
|
3930
|
+
ref
|
|
3931
|
+
}
|
|
3932
|
+
));
|
|
3933
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
3934
|
+
var AlertDialogContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
|
|
3935
|
+
/* @__PURE__ */ jsx(AlertDialogOverlay, {}),
|
|
3936
|
+
/* @__PURE__ */ jsx(
|
|
3937
|
+
AlertDialogPrimitive.Content,
|
|
3938
|
+
{
|
|
3939
|
+
ref,
|
|
3940
|
+
className: cn(
|
|
3941
|
+
"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",
|
|
3942
|
+
className
|
|
3943
|
+
),
|
|
3944
|
+
...props
|
|
3945
|
+
}
|
|
3946
|
+
)
|
|
3947
|
+
] }));
|
|
3948
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
3949
|
+
var AlertDialogHeader = ({
|
|
3950
|
+
className,
|
|
3951
|
+
...props
|
|
3952
|
+
}) => /* @__PURE__ */ jsx(
|
|
3953
|
+
"div",
|
|
3954
|
+
{
|
|
3955
|
+
className: cn(
|
|
3956
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
3957
|
+
className
|
|
3958
|
+
),
|
|
3959
|
+
...props
|
|
3960
|
+
}
|
|
3961
|
+
);
|
|
3962
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
3963
|
+
var AlertDialogFooter = ({
|
|
3964
|
+
className,
|
|
3965
|
+
...props
|
|
3966
|
+
}) => /* @__PURE__ */ jsx(
|
|
3967
|
+
"div",
|
|
3968
|
+
{
|
|
3969
|
+
className: cn(
|
|
3970
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
3971
|
+
className
|
|
3972
|
+
),
|
|
3973
|
+
...props
|
|
3974
|
+
}
|
|
3975
|
+
);
|
|
3976
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
3977
|
+
var AlertDialogTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3978
|
+
AlertDialogPrimitive.Title,
|
|
3979
|
+
{
|
|
3980
|
+
ref,
|
|
3981
|
+
className: cn("text-lg font-semibold", className),
|
|
3982
|
+
...props
|
|
3983
|
+
}
|
|
3984
|
+
));
|
|
3985
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
3986
|
+
var AlertDialogDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3987
|
+
AlertDialogPrimitive.Description,
|
|
3988
|
+
{
|
|
3989
|
+
ref,
|
|
3990
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
3991
|
+
...props
|
|
3992
|
+
}
|
|
3993
|
+
));
|
|
3994
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
3995
|
+
var AlertDialogAction = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3996
|
+
AlertDialogPrimitive.Action,
|
|
3997
|
+
{
|
|
3998
|
+
ref,
|
|
3999
|
+
className: cn(buttonVariants(), className),
|
|
4000
|
+
...props
|
|
4001
|
+
}
|
|
4002
|
+
));
|
|
4003
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
4004
|
+
var AlertDialogCancel = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4005
|
+
AlertDialogPrimitive.Cancel,
|
|
4006
|
+
{
|
|
4007
|
+
ref,
|
|
4008
|
+
className: cn(
|
|
4009
|
+
buttonVariants({ variant: "outline" }),
|
|
4010
|
+
"mt-2 sm:mt-0",
|
|
4011
|
+
className
|
|
4012
|
+
),
|
|
4013
|
+
...props
|
|
4014
|
+
}
|
|
4015
|
+
));
|
|
4016
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
4017
|
+
var AspectRatio = AspectRatioPrimitive.Root;
|
|
4018
|
+
var CarouselContext = React66.createContext(null);
|
|
4019
|
+
function useCarousel() {
|
|
4020
|
+
const context = React66.useContext(CarouselContext);
|
|
4021
|
+
if (!context) {
|
|
4022
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
4023
|
+
}
|
|
4024
|
+
return context;
|
|
4025
|
+
}
|
|
4026
|
+
var Carousel = React66.forwardRef(
|
|
4027
|
+
({
|
|
4028
|
+
orientation = "horizontal",
|
|
4029
|
+
opts,
|
|
4030
|
+
setApi,
|
|
4031
|
+
plugins,
|
|
4032
|
+
className,
|
|
4033
|
+
children,
|
|
4034
|
+
...props
|
|
4035
|
+
}, ref) => {
|
|
4036
|
+
const [carouselRef, api] = useEmblaCarousel(
|
|
4037
|
+
{
|
|
4038
|
+
...opts,
|
|
4039
|
+
axis: orientation === "horizontal" ? "x" : "y"
|
|
4040
|
+
},
|
|
4041
|
+
plugins
|
|
4042
|
+
);
|
|
4043
|
+
const [canScrollPrev, setCanScrollPrev] = React66.useState(false);
|
|
4044
|
+
const [canScrollNext, setCanScrollNext] = React66.useState(false);
|
|
4045
|
+
const onSelect = React66.useCallback((api2) => {
|
|
4046
|
+
if (!api2) {
|
|
4047
|
+
return;
|
|
4048
|
+
}
|
|
4049
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
4050
|
+
setCanScrollNext(api2.canScrollNext());
|
|
4051
|
+
}, []);
|
|
4052
|
+
const scrollPrev = React66.useCallback(() => {
|
|
4053
|
+
api?.scrollPrev();
|
|
4054
|
+
}, [api]);
|
|
4055
|
+
const scrollNext = React66.useCallback(() => {
|
|
4056
|
+
api?.scrollNext();
|
|
4057
|
+
}, [api]);
|
|
4058
|
+
const handleKeyDown = React66.useCallback(
|
|
4059
|
+
(event) => {
|
|
4060
|
+
if (event.key === "ArrowLeft") {
|
|
4061
|
+
event.preventDefault();
|
|
4062
|
+
scrollPrev();
|
|
4063
|
+
} else if (event.key === "ArrowRight") {
|
|
4064
|
+
event.preventDefault();
|
|
4065
|
+
scrollNext();
|
|
4066
|
+
}
|
|
4067
|
+
},
|
|
4068
|
+
[scrollPrev, scrollNext]
|
|
4069
|
+
);
|
|
4070
|
+
React66.useEffect(() => {
|
|
4071
|
+
if (!api || !setApi) {
|
|
4072
|
+
return;
|
|
4073
|
+
}
|
|
4074
|
+
setApi(api);
|
|
4075
|
+
}, [api, setApi]);
|
|
4076
|
+
React66.useEffect(() => {
|
|
4077
|
+
if (!api) {
|
|
4078
|
+
return;
|
|
4079
|
+
}
|
|
4080
|
+
onSelect(api);
|
|
4081
|
+
api.on("reInit", onSelect);
|
|
4082
|
+
api.on("select", onSelect);
|
|
4083
|
+
return () => {
|
|
4084
|
+
api?.off("select", onSelect);
|
|
4085
|
+
};
|
|
4086
|
+
}, [api, onSelect]);
|
|
4087
|
+
return /* @__PURE__ */ jsx(
|
|
4088
|
+
CarouselContext.Provider,
|
|
4089
|
+
{
|
|
4090
|
+
value: {
|
|
4091
|
+
carouselRef,
|
|
4092
|
+
api,
|
|
4093
|
+
opts,
|
|
4094
|
+
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
4095
|
+
scrollPrev,
|
|
4096
|
+
scrollNext,
|
|
4097
|
+
canScrollPrev,
|
|
4098
|
+
canScrollNext
|
|
4099
|
+
},
|
|
4100
|
+
children: /* @__PURE__ */ jsx(
|
|
4101
|
+
"div",
|
|
4102
|
+
{
|
|
4103
|
+
ref,
|
|
4104
|
+
onKeyDownCapture: handleKeyDown,
|
|
4105
|
+
className: cn("relative", className),
|
|
4106
|
+
role: "region",
|
|
4107
|
+
"aria-roledescription": "carousel",
|
|
4108
|
+
...props,
|
|
4109
|
+
children
|
|
4110
|
+
}
|
|
4111
|
+
)
|
|
4112
|
+
}
|
|
4113
|
+
);
|
|
4114
|
+
}
|
|
4115
|
+
);
|
|
4116
|
+
Carousel.displayName = "Carousel";
|
|
4117
|
+
var CarouselContent = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4118
|
+
const { carouselRef, orientation } = useCarousel();
|
|
4119
|
+
return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
|
|
4120
|
+
"div",
|
|
4121
|
+
{
|
|
4122
|
+
ref,
|
|
4123
|
+
className: cn(
|
|
4124
|
+
"flex",
|
|
4125
|
+
orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
4126
|
+
className
|
|
4127
|
+
),
|
|
4128
|
+
...props
|
|
4129
|
+
}
|
|
4130
|
+
) });
|
|
4131
|
+
});
|
|
4132
|
+
CarouselContent.displayName = "CarouselContent";
|
|
4133
|
+
var CarouselItem = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4134
|
+
const { orientation } = useCarousel();
|
|
4135
|
+
return /* @__PURE__ */ jsx(
|
|
4136
|
+
"div",
|
|
4137
|
+
{
|
|
4138
|
+
ref,
|
|
4139
|
+
role: "group",
|
|
4140
|
+
"aria-roledescription": "slide",
|
|
4141
|
+
className: cn(
|
|
4142
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
4143
|
+
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
4144
|
+
className
|
|
4145
|
+
),
|
|
4146
|
+
...props
|
|
4147
|
+
}
|
|
4148
|
+
);
|
|
4149
|
+
});
|
|
4150
|
+
CarouselItem.displayName = "CarouselItem";
|
|
4151
|
+
var CarouselPrevious = React66.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4152
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
4153
|
+
return /* @__PURE__ */ jsxs(
|
|
4154
|
+
Button,
|
|
4155
|
+
{
|
|
4156
|
+
ref,
|
|
4157
|
+
variant,
|
|
4158
|
+
size,
|
|
4159
|
+
className: cn(
|
|
4160
|
+
"absolute h-8 w-8 rounded-full",
|
|
4161
|
+
orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4162
|
+
className
|
|
4163
|
+
),
|
|
4164
|
+
disabled: !canScrollPrev,
|
|
4165
|
+
onClick: scrollPrev,
|
|
4166
|
+
...props,
|
|
4167
|
+
children: [
|
|
4168
|
+
/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
|
|
4169
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
|
|
4170
|
+
]
|
|
4171
|
+
}
|
|
4172
|
+
);
|
|
4173
|
+
});
|
|
4174
|
+
CarouselPrevious.displayName = "CarouselPrevious";
|
|
4175
|
+
var CarouselNext = React66.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4176
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
4177
|
+
return /* @__PURE__ */ jsxs(
|
|
4178
|
+
Button,
|
|
4179
|
+
{
|
|
4180
|
+
ref,
|
|
4181
|
+
variant,
|
|
4182
|
+
size,
|
|
4183
|
+
className: cn(
|
|
4184
|
+
"absolute h-8 w-8 rounded-full",
|
|
4185
|
+
orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4186
|
+
className
|
|
4187
|
+
),
|
|
4188
|
+
disabled: !canScrollNext,
|
|
4189
|
+
onClick: scrollNext,
|
|
4190
|
+
...props,
|
|
4191
|
+
children: [
|
|
4192
|
+
/* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
|
|
4193
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
|
|
4194
|
+
]
|
|
4195
|
+
}
|
|
4196
|
+
);
|
|
4197
|
+
});
|
|
4198
|
+
CarouselNext.displayName = "CarouselNext";
|
|
4199
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
4200
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
4201
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
4202
|
+
var NODES = [
|
|
4203
|
+
"a",
|
|
4204
|
+
"button",
|
|
4205
|
+
"div",
|
|
4206
|
+
"form",
|
|
4207
|
+
"h2",
|
|
4208
|
+
"h3",
|
|
4209
|
+
"img",
|
|
4210
|
+
"input",
|
|
4211
|
+
"label",
|
|
4212
|
+
"li",
|
|
4213
|
+
"nav",
|
|
4214
|
+
"ol",
|
|
4215
|
+
"p",
|
|
4216
|
+
"select",
|
|
4217
|
+
"span",
|
|
4218
|
+
"svg",
|
|
4219
|
+
"ul"
|
|
4220
|
+
];
|
|
4221
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
4222
|
+
const Slot3 = createSlot(`Primitive.${node}`);
|
|
4223
|
+
const Node = React66.forwardRef((props, forwardedRef) => {
|
|
4224
|
+
const { asChild, ...primitiveProps } = props;
|
|
4225
|
+
const Comp = asChild ? Slot3 : node;
|
|
4226
|
+
if (typeof window !== "undefined") {
|
|
4227
|
+
window[Symbol.for("radix-ui")] = true;
|
|
4228
|
+
}
|
|
4229
|
+
return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
4230
|
+
});
|
|
4231
|
+
Node.displayName = `Primitive.${node}`;
|
|
4232
|
+
return { ...primitive, [node]: Node };
|
|
4233
|
+
}, {});
|
|
4234
|
+
var NAME = "Label";
|
|
4235
|
+
var Label4 = React66.forwardRef((props, forwardedRef) => {
|
|
4236
|
+
return /* @__PURE__ */ jsx(
|
|
4237
|
+
Primitive.label,
|
|
4238
|
+
{
|
|
4239
|
+
...props,
|
|
4240
|
+
ref: forwardedRef,
|
|
4241
|
+
onMouseDown: (event) => {
|
|
4242
|
+
const target = event.target;
|
|
4243
|
+
if (target.closest("button, input, select, textarea"))
|
|
4244
|
+
return;
|
|
4245
|
+
props.onMouseDown?.(event);
|
|
4246
|
+
if (!event.defaultPrevented && event.detail > 1)
|
|
4247
|
+
event.preventDefault();
|
|
4248
|
+
}
|
|
4249
|
+
}
|
|
4250
|
+
);
|
|
4251
|
+
});
|
|
4252
|
+
Label4.displayName = NAME;
|
|
4253
|
+
var Root20 = Label4;
|
|
4254
|
+
var labelVariants = cva(
|
|
4255
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
4256
|
+
);
|
|
4257
|
+
var Label5 = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4258
|
+
Root20,
|
|
4259
|
+
{
|
|
4260
|
+
ref,
|
|
4261
|
+
className: cn(labelVariants(), className),
|
|
4262
|
+
...props
|
|
4263
|
+
}
|
|
4264
|
+
));
|
|
4265
|
+
Label5.displayName = Root20.displayName;
|
|
4266
|
+
var FormFieldContext = React66.createContext(null);
|
|
4267
|
+
var useFormField = () => {
|
|
4268
|
+
const fieldContext = React66.useContext(FormFieldContext);
|
|
4269
|
+
const itemContext = React66.useContext(FormItemContext);
|
|
4270
|
+
const { getFieldState, formState } = useFormContext();
|
|
4271
|
+
if (!fieldContext) {
|
|
4272
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
4273
|
+
}
|
|
4274
|
+
if (!itemContext) {
|
|
4275
|
+
throw new Error("useFormField should be used within <FormItem>");
|
|
4276
|
+
}
|
|
4277
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
4278
|
+
const { id } = itemContext;
|
|
4279
|
+
return {
|
|
4280
|
+
id,
|
|
4281
|
+
name: fieldContext.name,
|
|
4282
|
+
formItemId: `${id}-form-item`,
|
|
4283
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
4284
|
+
formMessageId: `${id}-form-item-message`,
|
|
4285
|
+
...fieldState
|
|
4286
|
+
};
|
|
4287
|
+
};
|
|
4288
|
+
var FormItemContext = React66.createContext(null);
|
|
4289
|
+
var FormItem2 = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4290
|
+
const id = React66.useId();
|
|
4291
|
+
return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
|
|
4292
|
+
});
|
|
4293
|
+
FormItem2.displayName = "FormItem";
|
|
4294
|
+
var FormLabel2 = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4295
|
+
const { error, formItemId } = useFormField();
|
|
4296
|
+
return /* @__PURE__ */ jsx(
|
|
4297
|
+
Label5,
|
|
4298
|
+
{
|
|
4299
|
+
ref,
|
|
4300
|
+
className: cn(error && "text-destructive", className),
|
|
4301
|
+
htmlFor: formItemId,
|
|
4302
|
+
...props
|
|
4303
|
+
}
|
|
4304
|
+
);
|
|
4305
|
+
});
|
|
4306
|
+
FormLabel2.displayName = "FormLabel";
|
|
4307
|
+
var FormControl2 = React66.forwardRef(({ ...props }, ref) => {
|
|
4308
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
4309
|
+
return /* @__PURE__ */ jsx(
|
|
4310
|
+
Slot,
|
|
4311
|
+
{
|
|
4312
|
+
ref,
|
|
4313
|
+
id: formItemId,
|
|
4314
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
4315
|
+
"aria-invalid": !!error,
|
|
4316
|
+
...props
|
|
4317
|
+
}
|
|
4318
|
+
);
|
|
4319
|
+
});
|
|
4320
|
+
FormControl2.displayName = "FormControl";
|
|
4321
|
+
var FormDescription2 = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4322
|
+
const { formDescriptionId } = useFormField();
|
|
4323
|
+
return /* @__PURE__ */ jsx(
|
|
4324
|
+
"p",
|
|
4325
|
+
{
|
|
4326
|
+
ref,
|
|
4327
|
+
id: formDescriptionId,
|
|
4328
|
+
className: cn("text-[0.8rem] text-muted-foreground", className),
|
|
4329
|
+
...props
|
|
4330
|
+
}
|
|
4331
|
+
);
|
|
4332
|
+
});
|
|
4333
|
+
FormDescription2.displayName = "FormDescription";
|
|
4334
|
+
var FormMessage2 = React66.forwardRef(({ className, children, ...props }, ref) => {
|
|
4335
|
+
const { error, formMessageId } = useFormField();
|
|
4336
|
+
const body = error ? String(error?.message ?? "") : children;
|
|
4337
|
+
if (!body) {
|
|
4338
|
+
return null;
|
|
4339
|
+
}
|
|
4340
|
+
return /* @__PURE__ */ jsx(
|
|
4341
|
+
"p",
|
|
4342
|
+
{
|
|
4343
|
+
ref,
|
|
4344
|
+
id: formMessageId,
|
|
4345
|
+
className: cn("text-[0.8rem] font-medium text-destructive", className),
|
|
4346
|
+
...props,
|
|
4347
|
+
children: body
|
|
4348
|
+
}
|
|
4349
|
+
);
|
|
4350
|
+
});
|
|
4351
|
+
FormMessage2.displayName = "FormMessage";
|
|
4352
|
+
var HoverCard = HoverCardPrimitive.Root;
|
|
4353
|
+
var HoverCardTrigger = HoverCardPrimitive.Trigger;
|
|
4354
|
+
var HoverCardContent = React66.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4355
|
+
HoverCardPrimitive.Content,
|
|
4356
|
+
{
|
|
4357
|
+
ref,
|
|
4358
|
+
align,
|
|
4359
|
+
sideOffset,
|
|
4360
|
+
className: cn(
|
|
4361
|
+
"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]",
|
|
4362
|
+
className
|
|
4363
|
+
),
|
|
4364
|
+
...props
|
|
4365
|
+
}
|
|
4366
|
+
));
|
|
4367
|
+
HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
|
|
4368
|
+
var NavigationMenu = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
4369
|
+
NavigationMenuPrimitive.Root,
|
|
4370
|
+
{
|
|
4371
|
+
ref,
|
|
4372
|
+
className: cn(
|
|
4373
|
+
"relative z-10 flex max-w-max flex-1 items-center justify-center",
|
|
4374
|
+
className
|
|
4375
|
+
),
|
|
4376
|
+
...props,
|
|
4377
|
+
children: [
|
|
4378
|
+
children,
|
|
4379
|
+
/* @__PURE__ */ jsx(NavigationMenuViewport, {})
|
|
4380
|
+
]
|
|
4381
|
+
}
|
|
4382
|
+
));
|
|
4383
|
+
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
4384
|
+
var NavigationMenuList = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4385
|
+
NavigationMenuPrimitive.List,
|
|
4386
|
+
{
|
|
4387
|
+
ref,
|
|
4388
|
+
className: cn(
|
|
4389
|
+
"group flex flex-1 list-none items-center justify-center space-x-1",
|
|
4390
|
+
className
|
|
4391
|
+
),
|
|
4392
|
+
...props
|
|
4393
|
+
}
|
|
4394
|
+
));
|
|
4395
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
4396
|
+
var NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
4397
|
+
var navigationMenuTriggerStyle = cva(
|
|
4398
|
+
"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"
|
|
4399
|
+
);
|
|
4400
|
+
var NavigationMenuTrigger = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
4401
|
+
NavigationMenuPrimitive.Trigger,
|
|
4402
|
+
{
|
|
4403
|
+
ref,
|
|
4404
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
4405
|
+
...props,
|
|
4406
|
+
children: [
|
|
4407
|
+
children,
|
|
4408
|
+
" ",
|
|
4409
|
+
/* @__PURE__ */ jsx(
|
|
4410
|
+
ChevronDown,
|
|
4411
|
+
{
|
|
4412
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
4413
|
+
"aria-hidden": "true"
|
|
4414
|
+
}
|
|
4415
|
+
)
|
|
4416
|
+
]
|
|
4417
|
+
}
|
|
4418
|
+
));
|
|
4419
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
4420
|
+
var NavigationMenuContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4421
|
+
NavigationMenuPrimitive.Content,
|
|
4422
|
+
{
|
|
4423
|
+
ref,
|
|
4424
|
+
className: cn(
|
|
4425
|
+
"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 ",
|
|
4426
|
+
className
|
|
4427
|
+
),
|
|
4428
|
+
...props
|
|
4429
|
+
}
|
|
4430
|
+
));
|
|
4431
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
4432
|
+
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
4433
|
+
var NavigationMenuViewport = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
|
|
4434
|
+
NavigationMenuPrimitive.Viewport,
|
|
4435
|
+
{
|
|
4436
|
+
className: cn(
|
|
4437
|
+
"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)]",
|
|
4438
|
+
className
|
|
4439
|
+
),
|
|
4440
|
+
ref,
|
|
4441
|
+
...props
|
|
4442
|
+
}
|
|
4443
|
+
) }));
|
|
4444
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
4445
|
+
var NavigationMenuIndicator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4446
|
+
NavigationMenuPrimitive.Indicator,
|
|
4447
|
+
{
|
|
4448
|
+
ref,
|
|
4449
|
+
className: cn(
|
|
4450
|
+
"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",
|
|
4451
|
+
className
|
|
4452
|
+
),
|
|
4453
|
+
...props,
|
|
4454
|
+
children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
4455
|
+
}
|
|
4456
|
+
));
|
|
4457
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
4458
|
+
var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
4459
|
+
"nav",
|
|
4460
|
+
{
|
|
4461
|
+
role: "navigation",
|
|
4462
|
+
"aria-label": "pagination",
|
|
4463
|
+
className: cn("mx-auto flex w-full justify-center", className),
|
|
4464
|
+
...props
|
|
4465
|
+
}
|
|
4466
|
+
);
|
|
4467
|
+
Pagination.displayName = "Pagination";
|
|
4468
|
+
var PaginationContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4469
|
+
"ul",
|
|
4470
|
+
{
|
|
4471
|
+
ref,
|
|
4472
|
+
className: cn("flex flex-row items-center gap-1", className),
|
|
4473
|
+
...props
|
|
4474
|
+
}
|
|
4475
|
+
));
|
|
4476
|
+
PaginationContent.displayName = "PaginationContent";
|
|
4477
|
+
var PaginationItem = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
|
|
4478
|
+
PaginationItem.displayName = "PaginationItem";
|
|
4479
|
+
var PaginationLink = ({
|
|
4480
|
+
className,
|
|
4481
|
+
isActive,
|
|
4482
|
+
size = "icon",
|
|
4483
|
+
...props
|
|
4484
|
+
}) => /* @__PURE__ */ jsx(
|
|
4485
|
+
"a",
|
|
4486
|
+
{
|
|
4487
|
+
"aria-current": isActive ? "page" : void 0,
|
|
4488
|
+
className: cn(
|
|
4489
|
+
buttonVariants({
|
|
4490
|
+
variant: isActive ? "outline" : "ghost",
|
|
4491
|
+
size
|
|
4492
|
+
}),
|
|
4493
|
+
className
|
|
4494
|
+
),
|
|
4495
|
+
...props
|
|
4496
|
+
}
|
|
4497
|
+
);
|
|
4498
|
+
PaginationLink.displayName = "PaginationLink";
|
|
4499
|
+
var PaginationPrevious = ({
|
|
4500
|
+
className,
|
|
4501
|
+
...props
|
|
4502
|
+
}) => /* @__PURE__ */ jsxs(
|
|
4503
|
+
PaginationLink,
|
|
4504
|
+
{
|
|
4505
|
+
"aria-label": "Go to previous page",
|
|
4506
|
+
size: "default",
|
|
4507
|
+
className: cn("gap-1 pl-2.5", className),
|
|
4508
|
+
...props,
|
|
4509
|
+
children: [
|
|
4510
|
+
/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
|
|
4511
|
+
/* @__PURE__ */ jsx("span", { children: "Previous" })
|
|
4512
|
+
]
|
|
4513
|
+
}
|
|
4514
|
+
);
|
|
4515
|
+
PaginationPrevious.displayName = "PaginationPrevious";
|
|
4516
|
+
var PaginationNext = ({
|
|
4517
|
+
className,
|
|
4518
|
+
...props
|
|
4519
|
+
}) => /* @__PURE__ */ jsxs(
|
|
4520
|
+
PaginationLink,
|
|
4521
|
+
{
|
|
4522
|
+
"aria-label": "Go to next page",
|
|
4523
|
+
size: "default",
|
|
4524
|
+
className: cn("gap-1 pr-2.5", className),
|
|
4525
|
+
...props,
|
|
4526
|
+
children: [
|
|
4527
|
+
/* @__PURE__ */ jsx("span", { children: "Next" }),
|
|
4528
|
+
/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
|
|
4529
|
+
]
|
|
4530
|
+
}
|
|
4531
|
+
);
|
|
4532
|
+
PaginationNext.displayName = "PaginationNext";
|
|
4533
|
+
var PaginationEllipsis = ({
|
|
4534
|
+
className,
|
|
4535
|
+
...props
|
|
4536
|
+
}) => /* @__PURE__ */ jsxs(
|
|
4537
|
+
"span",
|
|
4538
|
+
{
|
|
4539
|
+
"aria-hidden": true,
|
|
4540
|
+
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
4541
|
+
...props,
|
|
4542
|
+
children: [
|
|
4543
|
+
/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
|
|
4544
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
|
|
4545
|
+
]
|
|
4546
|
+
}
|
|
4547
|
+
);
|
|
4548
|
+
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
4549
|
+
var ScrollArea = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
4550
|
+
ScrollAreaPrimitive.Root,
|
|
4551
|
+
{
|
|
4552
|
+
ref,
|
|
4553
|
+
className: cn("relative overflow-hidden", className),
|
|
4554
|
+
...props,
|
|
4555
|
+
children: [
|
|
4556
|
+
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
|
|
4557
|
+
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
4558
|
+
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
|
|
4559
|
+
]
|
|
4560
|
+
}
|
|
4561
|
+
));
|
|
4562
|
+
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
4563
|
+
var ScrollBar = React66.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4564
|
+
ScrollAreaPrimitive.ScrollAreaScrollbar,
|
|
4565
|
+
{
|
|
4566
|
+
ref,
|
|
4567
|
+
orientation,
|
|
4568
|
+
className: cn(
|
|
4569
|
+
"flex touch-none select-none transition-colors",
|
|
4570
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
|
|
4571
|
+
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
|
|
4572
|
+
className
|
|
4573
|
+
),
|
|
4574
|
+
...props,
|
|
4575
|
+
children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
4576
|
+
}
|
|
4577
|
+
));
|
|
4578
|
+
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
4579
|
+
var Table = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
4580
|
+
"table",
|
|
4581
|
+
{
|
|
4582
|
+
ref,
|
|
4583
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
4584
|
+
...props
|
|
4585
|
+
}
|
|
4586
|
+
) }));
|
|
4587
|
+
Table.displayName = "Table";
|
|
4588
|
+
var TableHeader = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
4589
|
+
TableHeader.displayName = "TableHeader";
|
|
4590
|
+
var TableBody = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4591
|
+
"tbody",
|
|
4592
|
+
{
|
|
4593
|
+
ref,
|
|
4594
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
4595
|
+
...props
|
|
4596
|
+
}
|
|
4597
|
+
));
|
|
4598
|
+
TableBody.displayName = "TableBody";
|
|
4599
|
+
var TableFooter = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4600
|
+
"tfoot",
|
|
4601
|
+
{
|
|
4602
|
+
ref,
|
|
4603
|
+
className: cn(
|
|
4604
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
4605
|
+
className
|
|
4606
|
+
),
|
|
4607
|
+
...props
|
|
4608
|
+
}
|
|
4609
|
+
));
|
|
4610
|
+
TableFooter.displayName = "TableFooter";
|
|
4611
|
+
var TableRow = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4612
|
+
"tr",
|
|
4613
|
+
{
|
|
4614
|
+
ref,
|
|
4615
|
+
className: cn(
|
|
4616
|
+
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
4617
|
+
className
|
|
4618
|
+
),
|
|
4619
|
+
...props
|
|
4620
|
+
}
|
|
4621
|
+
));
|
|
4622
|
+
TableRow.displayName = "TableRow";
|
|
4623
|
+
var TableHead = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4624
|
+
"th",
|
|
4625
|
+
{
|
|
4626
|
+
ref,
|
|
4627
|
+
className: cn(
|
|
4628
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4629
|
+
className
|
|
4630
|
+
),
|
|
4631
|
+
...props
|
|
4632
|
+
}
|
|
4633
|
+
));
|
|
4634
|
+
TableHead.displayName = "TableHead";
|
|
4635
|
+
var TableCell = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4636
|
+
"td",
|
|
4637
|
+
{
|
|
4638
|
+
ref,
|
|
4639
|
+
className: cn(
|
|
4640
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4641
|
+
className
|
|
4642
|
+
),
|
|
4643
|
+
...props
|
|
4644
|
+
}
|
|
4645
|
+
));
|
|
4646
|
+
TableCell.displayName = "TableCell";
|
|
4647
|
+
var TableCaption = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4648
|
+
"caption",
|
|
4649
|
+
{
|
|
4650
|
+
ref,
|
|
4651
|
+
className: cn("mt-4 text-sm text-muted-foreground", className),
|
|
4652
|
+
...props
|
|
4653
|
+
}
|
|
4654
|
+
));
|
|
4655
|
+
TableCaption.displayName = "TableCaption";
|
|
4656
|
+
var toggleVariants = cva(
|
|
4657
|
+
"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",
|
|
4658
|
+
{
|
|
4659
|
+
variants: {
|
|
4660
|
+
variant: {
|
|
4661
|
+
default: "bg-transparent",
|
|
4662
|
+
outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
|
|
4663
|
+
},
|
|
4664
|
+
size: {
|
|
4665
|
+
default: "h-9 px-2 min-w-9",
|
|
4666
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
4667
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
4668
|
+
}
|
|
4669
|
+
},
|
|
4670
|
+
defaultVariants: {
|
|
4671
|
+
variant: "default",
|
|
4672
|
+
size: "default"
|
|
4673
|
+
}
|
|
4674
|
+
}
|
|
4675
|
+
);
|
|
4676
|
+
var Toggle = React66.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4677
|
+
TogglePrimitive.Root,
|
|
4678
|
+
{
|
|
4679
|
+
ref,
|
|
4680
|
+
className: cn(toggleVariants({ variant, size, className })),
|
|
4681
|
+
...props
|
|
4682
|
+
}
|
|
4683
|
+
));
|
|
4684
|
+
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
4685
|
+
var ToggleGroupContext = React66.createContext({
|
|
4686
|
+
size: "default",
|
|
4687
|
+
variant: "default"
|
|
4688
|
+
});
|
|
4689
|
+
var ToggleGroup = React66.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4690
|
+
ToggleGroupPrimitive.Root,
|
|
4691
|
+
{
|
|
4692
|
+
ref,
|
|
4693
|
+
className: cn("flex items-center justify-center gap-1", className),
|
|
4694
|
+
...props,
|
|
4695
|
+
children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
4696
|
+
}
|
|
4697
|
+
));
|
|
4698
|
+
ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
|
|
4699
|
+
var ToggleGroupItem = React66.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
4700
|
+
const context = React66.useContext(ToggleGroupContext);
|
|
4701
|
+
return /* @__PURE__ */ jsx(
|
|
4702
|
+
ToggleGroupPrimitive.Item,
|
|
4703
|
+
{
|
|
4704
|
+
ref,
|
|
4705
|
+
className: cn(
|
|
4706
|
+
toggleVariants({
|
|
4707
|
+
variant: context.variant || variant,
|
|
4708
|
+
size: context.size || size
|
|
4709
|
+
}),
|
|
4710
|
+
className
|
|
4711
|
+
),
|
|
4712
|
+
...props,
|
|
4713
|
+
children
|
|
4714
|
+
}
|
|
4715
|
+
);
|
|
4716
|
+
});
|
|
4717
|
+
ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
4718
|
+
function Calendar3({
|
|
4719
|
+
className,
|
|
4720
|
+
classNames,
|
|
4721
|
+
showOutsideDays = true,
|
|
4722
|
+
captionLayout = "label",
|
|
4723
|
+
buttonVariant = "ghost",
|
|
4724
|
+
formatters,
|
|
4725
|
+
components,
|
|
4726
|
+
...props
|
|
4727
|
+
}) {
|
|
4728
|
+
const defaultClassNames = getDefaultClassNames();
|
|
4729
|
+
return /* @__PURE__ */ jsx(
|
|
4730
|
+
DayPicker,
|
|
4731
|
+
{
|
|
4732
|
+
showOutsideDays,
|
|
4733
|
+
className: cn(
|
|
4734
|
+
"bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
4735
|
+
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
4736
|
+
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
4737
|
+
className
|
|
4738
|
+
),
|
|
4739
|
+
captionLayout,
|
|
4740
|
+
formatters: {
|
|
4741
|
+
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
4742
|
+
...formatters
|
|
4743
|
+
},
|
|
4744
|
+
classNames: {
|
|
4745
|
+
root: cn("w-fit", defaultClassNames.root),
|
|
4746
|
+
months: cn(
|
|
4747
|
+
"relative flex flex-col gap-4 md:flex-row",
|
|
4748
|
+
defaultClassNames.months
|
|
4749
|
+
),
|
|
4750
|
+
month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
|
|
4751
|
+
nav: cn(
|
|
4752
|
+
"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
|
|
4753
|
+
defaultClassNames.nav
|
|
4754
|
+
),
|
|
4755
|
+
button_previous: cn(
|
|
4756
|
+
buttonVariants({ variant: buttonVariant }),
|
|
4757
|
+
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
4758
|
+
defaultClassNames.button_previous
|
|
4759
|
+
),
|
|
4760
|
+
button_next: cn(
|
|
4761
|
+
buttonVariants({ variant: buttonVariant }),
|
|
4762
|
+
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
4763
|
+
defaultClassNames.button_next
|
|
4764
|
+
),
|
|
4765
|
+
month_caption: cn(
|
|
4766
|
+
"flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
|
|
4767
|
+
defaultClassNames.month_caption
|
|
4768
|
+
),
|
|
4769
|
+
dropdowns: cn(
|
|
4770
|
+
"flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
4771
|
+
defaultClassNames.dropdowns
|
|
4772
|
+
),
|
|
4773
|
+
dropdown_root: cn(
|
|
4774
|
+
"has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
|
|
4775
|
+
defaultClassNames.dropdown_root
|
|
4776
|
+
),
|
|
4777
|
+
dropdown: cn(
|
|
4778
|
+
"bg-popover absolute inset-0 opacity-0",
|
|
4779
|
+
defaultClassNames.dropdown
|
|
4780
|
+
),
|
|
4781
|
+
caption_label: cn(
|
|
4782
|
+
"select-none font-medium",
|
|
4783
|
+
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",
|
|
4784
|
+
defaultClassNames.caption_label
|
|
4785
|
+
),
|
|
4786
|
+
table: "w-full border-collapse",
|
|
4787
|
+
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
4788
|
+
weekday: cn(
|
|
4789
|
+
"text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
|
|
4790
|
+
defaultClassNames.weekday
|
|
4791
|
+
),
|
|
4792
|
+
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
4793
|
+
week_number_header: cn(
|
|
4794
|
+
"w-[--cell-size] select-none",
|
|
4795
|
+
defaultClassNames.week_number_header
|
|
4796
|
+
),
|
|
4797
|
+
week_number: cn(
|
|
4798
|
+
"text-muted-foreground select-none text-[0.8rem]",
|
|
4799
|
+
defaultClassNames.week_number
|
|
4800
|
+
),
|
|
4801
|
+
day: cn(
|
|
4802
|
+
"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",
|
|
4803
|
+
defaultClassNames.day
|
|
4804
|
+
),
|
|
4805
|
+
range_start: cn(
|
|
4806
|
+
"bg-accent rounded-l-md",
|
|
4807
|
+
defaultClassNames.range_start
|
|
4808
|
+
),
|
|
4809
|
+
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
4810
|
+
range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
|
|
4811
|
+
today: cn(
|
|
4812
|
+
"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
|
|
4813
|
+
defaultClassNames.today
|
|
4814
|
+
),
|
|
4815
|
+
outside: cn(
|
|
4816
|
+
"text-muted-foreground aria-selected:text-muted-foreground",
|
|
4817
|
+
defaultClassNames.outside
|
|
4818
|
+
),
|
|
4819
|
+
disabled: cn(
|
|
4820
|
+
"text-muted-foreground opacity-50",
|
|
4821
|
+
defaultClassNames.disabled
|
|
4822
|
+
),
|
|
4823
|
+
hidden: cn("invisible", defaultClassNames.hidden),
|
|
4824
|
+
...classNames
|
|
4825
|
+
},
|
|
4826
|
+
components: {
|
|
4827
|
+
Root: ({ className: className2, rootRef, ...props2 }) => {
|
|
4828
|
+
return /* @__PURE__ */ jsx(
|
|
4829
|
+
"div",
|
|
4830
|
+
{
|
|
4831
|
+
"data-slot": "calendar",
|
|
4832
|
+
ref: rootRef,
|
|
4833
|
+
className: cn(className2),
|
|
4834
|
+
...props2
|
|
4835
|
+
}
|
|
4836
|
+
);
|
|
4837
|
+
},
|
|
4838
|
+
Chevron: ({ className: className2, orientation, ...props2 }) => {
|
|
4839
|
+
if (orientation === "left") {
|
|
4840
|
+
return /* @__PURE__ */ jsx(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
|
|
4841
|
+
}
|
|
4842
|
+
if (orientation === "right") {
|
|
4843
|
+
return /* @__PURE__ */ jsx(
|
|
4844
|
+
ChevronRightIcon,
|
|
4845
|
+
{
|
|
4846
|
+
className: cn("size-4", className2),
|
|
4847
|
+
...props2
|
|
4848
|
+
}
|
|
4849
|
+
);
|
|
4850
|
+
}
|
|
4851
|
+
return /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
|
|
4852
|
+
},
|
|
4853
|
+
DayButton: CalendarDayButton,
|
|
4854
|
+
WeekNumber: ({ children, ...props2 }) => {
|
|
4855
|
+
return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
|
|
4856
|
+
},
|
|
4857
|
+
...components
|
|
4858
|
+
},
|
|
4859
|
+
...props
|
|
4860
|
+
}
|
|
4861
|
+
);
|
|
4862
|
+
}
|
|
4863
|
+
function CalendarDayButton({
|
|
4864
|
+
className,
|
|
4865
|
+
day,
|
|
4866
|
+
modifiers,
|
|
4867
|
+
...props
|
|
4868
|
+
}) {
|
|
4869
|
+
const defaultClassNames = getDefaultClassNames();
|
|
4870
|
+
const ref = React66.useRef(null);
|
|
4871
|
+
React66.useEffect(() => {
|
|
4872
|
+
if (modifiers.focused)
|
|
4873
|
+
ref.current?.focus();
|
|
4874
|
+
}, [modifiers.focused]);
|
|
4875
|
+
return /* @__PURE__ */ jsx(
|
|
4876
|
+
Button,
|
|
4877
|
+
{
|
|
4878
|
+
ref,
|
|
4879
|
+
variant: "ghost",
|
|
4880
|
+
size: "icon",
|
|
4881
|
+
"data-day": day.date.toLocaleDateString(),
|
|
4882
|
+
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
4883
|
+
"data-range-start": modifiers.range_start,
|
|
4884
|
+
"data-range-end": modifiers.range_end,
|
|
4885
|
+
"data-range-middle": modifiers.range_middle,
|
|
4886
|
+
className: cn(
|
|
4887
|
+
"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",
|
|
4888
|
+
defaultClassNames.day,
|
|
4889
|
+
className
|
|
4890
|
+
),
|
|
4891
|
+
...props
|
|
4892
|
+
}
|
|
4893
|
+
);
|
|
4894
|
+
}
|
|
4895
|
+
var THEMES = { light: "", dark: ".dark" };
|
|
4896
|
+
var ChartContext = React66.createContext(null);
|
|
4897
|
+
function useChart() {
|
|
4898
|
+
const context = React66.useContext(ChartContext);
|
|
4899
|
+
if (!context) {
|
|
4900
|
+
throw new Error("useChart must be used within a <ChartContainer />");
|
|
4901
|
+
}
|
|
4902
|
+
return context;
|
|
4903
|
+
}
|
|
4904
|
+
var ChartContainer = React66.forwardRef(({ id, className, children, config, ...props }, ref) => {
|
|
4905
|
+
const uniqueId = React66.useId();
|
|
4906
|
+
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
4907
|
+
return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
|
|
4908
|
+
"div",
|
|
4909
|
+
{
|
|
4910
|
+
"data-chart": chartId,
|
|
4911
|
+
ref,
|
|
4912
|
+
className: cn(
|
|
4913
|
+
"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",
|
|
4914
|
+
className
|
|
4915
|
+
),
|
|
4916
|
+
...props,
|
|
4917
|
+
children: [
|
|
4918
|
+
/* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
|
|
4919
|
+
/* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
|
|
4920
|
+
]
|
|
4921
|
+
}
|
|
4922
|
+
) });
|
|
4923
|
+
});
|
|
4924
|
+
ChartContainer.displayName = "Chart";
|
|
4925
|
+
var ChartStyle = ({ id, config }) => {
|
|
4926
|
+
const colorConfig = Object.entries(config).filter(
|
|
4927
|
+
([, config2]) => config2.theme || config2.color
|
|
4928
|
+
);
|
|
4929
|
+
if (!colorConfig.length) {
|
|
4930
|
+
return null;
|
|
4931
|
+
}
|
|
4932
|
+
return /* @__PURE__ */ jsx(
|
|
4933
|
+
"style",
|
|
4934
|
+
{
|
|
4935
|
+
dangerouslySetInnerHTML: {
|
|
4936
|
+
__html: Object.entries(THEMES).map(
|
|
4937
|
+
([theme, prefix]) => `
|
|
4938
|
+
${prefix} [data-chart=${id}] {
|
|
4939
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
4940
|
+
const color = itemConfig.theme?.[theme] || itemConfig.color;
|
|
4941
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
4942
|
+
}).join("\n")}
|
|
4943
|
+
}
|
|
4944
|
+
`
|
|
4945
|
+
).join("\n")
|
|
4946
|
+
}
|
|
4947
|
+
}
|
|
4948
|
+
);
|
|
4949
|
+
};
|
|
4950
|
+
var ChartTooltip = RechartsPrimitive.Tooltip;
|
|
4951
|
+
var ChartTooltipContent = React66.forwardRef(
|
|
4952
|
+
({
|
|
4953
|
+
active,
|
|
4954
|
+
payload,
|
|
4955
|
+
className,
|
|
4956
|
+
indicator = "dot",
|
|
4957
|
+
hideLabel = false,
|
|
4958
|
+
hideIndicator = false,
|
|
4959
|
+
label,
|
|
4960
|
+
labelFormatter,
|
|
4961
|
+
labelClassName,
|
|
4962
|
+
formatter,
|
|
4963
|
+
color,
|
|
4964
|
+
nameKey,
|
|
4965
|
+
labelKey
|
|
4966
|
+
}, ref) => {
|
|
4967
|
+
const { config } = useChart();
|
|
4968
|
+
const tooltipLabel = React66.useMemo(() => {
|
|
4969
|
+
if (hideLabel || !payload?.length) {
|
|
4970
|
+
return null;
|
|
4971
|
+
}
|
|
4972
|
+
const [item] = payload;
|
|
4973
|
+
const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
|
|
4974
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
4975
|
+
const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
|
|
4976
|
+
if (labelFormatter) {
|
|
4977
|
+
return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
|
|
4978
|
+
}
|
|
4979
|
+
if (!value) {
|
|
4980
|
+
return null;
|
|
4981
|
+
}
|
|
4982
|
+
return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
|
|
4983
|
+
}, [
|
|
4984
|
+
label,
|
|
4985
|
+
labelFormatter,
|
|
4986
|
+
payload,
|
|
4987
|
+
hideLabel,
|
|
4988
|
+
labelClassName,
|
|
4989
|
+
config,
|
|
4990
|
+
labelKey
|
|
4991
|
+
]);
|
|
4992
|
+
if (!active || !payload?.length) {
|
|
4993
|
+
return null;
|
|
4994
|
+
}
|
|
4995
|
+
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
4996
|
+
return /* @__PURE__ */ jsxs(
|
|
4997
|
+
"div",
|
|
4998
|
+
{
|
|
4999
|
+
ref,
|
|
5000
|
+
className: cn(
|
|
5001
|
+
"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",
|
|
5002
|
+
className
|
|
5003
|
+
),
|
|
5004
|
+
children: [
|
|
5005
|
+
!nestLabel ? tooltipLabel : null,
|
|
5006
|
+
/* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
|
|
5007
|
+
const key = `${nameKey || item.name || item.dataKey || "value"}`;
|
|
5008
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5009
|
+
const indicatorColor = color || item.payload.fill || item.color;
|
|
5010
|
+
return /* @__PURE__ */ jsx(
|
|
5011
|
+
"div",
|
|
5012
|
+
{
|
|
5013
|
+
className: cn(
|
|
5014
|
+
"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
|
|
5015
|
+
indicator === "dot" && "items-center"
|
|
5016
|
+
),
|
|
5017
|
+
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5018
|
+
itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
|
|
5019
|
+
"div",
|
|
5020
|
+
{
|
|
5021
|
+
className: cn(
|
|
5022
|
+
"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
|
|
5023
|
+
{
|
|
5024
|
+
"h-2.5 w-2.5": indicator === "dot",
|
|
5025
|
+
"w-1": indicator === "line",
|
|
5026
|
+
"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
|
|
5027
|
+
"my-0.5": nestLabel && indicator === "dashed"
|
|
5028
|
+
}
|
|
5029
|
+
),
|
|
5030
|
+
style: {
|
|
5031
|
+
"--color-bg": indicatorColor,
|
|
5032
|
+
"--color-border": indicatorColor
|
|
5033
|
+
}
|
|
5034
|
+
}
|
|
5035
|
+
),
|
|
5036
|
+
/* @__PURE__ */ jsxs(
|
|
5037
|
+
"div",
|
|
5038
|
+
{
|
|
5039
|
+
className: cn(
|
|
5040
|
+
"flex flex-1 justify-between leading-none",
|
|
5041
|
+
nestLabel ? "items-end" : "items-center"
|
|
5042
|
+
),
|
|
5043
|
+
children: [
|
|
5044
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
|
|
5045
|
+
nestLabel ? tooltipLabel : null,
|
|
5046
|
+
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
|
|
5047
|
+
] }),
|
|
5048
|
+
item.value && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
|
|
5049
|
+
]
|
|
5050
|
+
}
|
|
5051
|
+
)
|
|
5052
|
+
] })
|
|
5053
|
+
},
|
|
5054
|
+
item.dataKey
|
|
5055
|
+
);
|
|
5056
|
+
}) })
|
|
5057
|
+
]
|
|
5058
|
+
}
|
|
5059
|
+
);
|
|
5060
|
+
}
|
|
5061
|
+
);
|
|
5062
|
+
ChartTooltipContent.displayName = "ChartTooltip";
|
|
5063
|
+
var ChartLegend = RechartsPrimitive.Legend;
|
|
5064
|
+
var ChartLegendContent = React66.forwardRef(
|
|
5065
|
+
({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
|
|
5066
|
+
const { config } = useChart();
|
|
5067
|
+
if (!payload?.length) {
|
|
5068
|
+
return null;
|
|
5069
|
+
}
|
|
5070
|
+
return /* @__PURE__ */ jsx(
|
|
5071
|
+
"div",
|
|
5072
|
+
{
|
|
5073
|
+
ref,
|
|
5074
|
+
className: cn(
|
|
5075
|
+
"flex items-center justify-center gap-4",
|
|
5076
|
+
verticalAlign === "top" ? "pb-3" : "pt-3",
|
|
5077
|
+
className
|
|
5078
|
+
),
|
|
5079
|
+
children: payload.filter((item) => item.type !== "none").map((item) => {
|
|
5080
|
+
const key = `${nameKey || item.dataKey || "value"}`;
|
|
5081
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5082
|
+
return /* @__PURE__ */ jsxs(
|
|
5083
|
+
"div",
|
|
5084
|
+
{
|
|
5085
|
+
className: cn(
|
|
5086
|
+
"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
|
|
5087
|
+
),
|
|
5088
|
+
children: [
|
|
5089
|
+
itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
|
|
5090
|
+
"div",
|
|
5091
|
+
{
|
|
5092
|
+
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
5093
|
+
style: {
|
|
5094
|
+
backgroundColor: item.color
|
|
5095
|
+
}
|
|
5096
|
+
}
|
|
5097
|
+
),
|
|
5098
|
+
itemConfig?.label
|
|
5099
|
+
]
|
|
5100
|
+
},
|
|
5101
|
+
item.value
|
|
5102
|
+
);
|
|
5103
|
+
})
|
|
5104
|
+
}
|
|
5105
|
+
);
|
|
5106
|
+
}
|
|
5107
|
+
);
|
|
5108
|
+
ChartLegendContent.displayName = "ChartLegend";
|
|
5109
|
+
function getPayloadConfigFromPayload(config, payload, key) {
|
|
5110
|
+
if (typeof payload !== "object" || payload === null) {
|
|
5111
|
+
return void 0;
|
|
5112
|
+
}
|
|
5113
|
+
const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
|
|
5114
|
+
let configLabelKey = key;
|
|
5115
|
+
if (key in payload && typeof payload[key] === "string") {
|
|
5116
|
+
configLabelKey = payload[key];
|
|
5117
|
+
} else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
|
|
5118
|
+
configLabelKey = payloadPayload[key];
|
|
5119
|
+
}
|
|
5120
|
+
return configLabelKey in config ? config[configLabelKey] : config[key];
|
|
5121
|
+
}
|
|
5122
|
+
var Command = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5123
|
+
Command$1,
|
|
5124
|
+
{
|
|
5125
|
+
ref,
|
|
5126
|
+
className: cn(
|
|
5127
|
+
"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
|
|
5128
|
+
className
|
|
5129
|
+
),
|
|
5130
|
+
...props
|
|
5131
|
+
}
|
|
5132
|
+
));
|
|
5133
|
+
Command.displayName = Command$1.displayName;
|
|
5134
|
+
var CommandDialog = ({ children, ...props }) => {
|
|
5135
|
+
return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ 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 }) }) });
|
|
5136
|
+
};
|
|
5137
|
+
var CommandInput = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
5138
|
+
/* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
5139
|
+
/* @__PURE__ */ jsx(
|
|
5140
|
+
Command$1.Input,
|
|
5141
|
+
{
|
|
5142
|
+
ref,
|
|
5143
|
+
className: cn(
|
|
5144
|
+
"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",
|
|
5145
|
+
className
|
|
5146
|
+
),
|
|
5147
|
+
...props
|
|
5148
|
+
}
|
|
5149
|
+
)
|
|
5150
|
+
] }));
|
|
5151
|
+
CommandInput.displayName = Command$1.Input.displayName;
|
|
5152
|
+
var CommandList = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5153
|
+
Command$1.List,
|
|
5154
|
+
{
|
|
5155
|
+
ref,
|
|
5156
|
+
className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
|
|
5157
|
+
...props
|
|
5158
|
+
}
|
|
5159
|
+
));
|
|
5160
|
+
CommandList.displayName = Command$1.List.displayName;
|
|
5161
|
+
var CommandEmpty = React66.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
5162
|
+
Command$1.Empty,
|
|
5163
|
+
{
|
|
5164
|
+
ref,
|
|
5165
|
+
className: "py-6 text-center text-sm",
|
|
5166
|
+
...props
|
|
5167
|
+
}
|
|
5168
|
+
));
|
|
5169
|
+
CommandEmpty.displayName = Command$1.Empty.displayName;
|
|
5170
|
+
var CommandGroup = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5171
|
+
Command$1.Group,
|
|
5172
|
+
{
|
|
5173
|
+
ref,
|
|
5174
|
+
className: cn(
|
|
5175
|
+
"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",
|
|
5176
|
+
className
|
|
5177
|
+
),
|
|
5178
|
+
...props
|
|
5179
|
+
}
|
|
5180
|
+
));
|
|
5181
|
+
CommandGroup.displayName = Command$1.Group.displayName;
|
|
5182
|
+
var CommandSeparator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5183
|
+
Command$1.Separator,
|
|
5184
|
+
{
|
|
5185
|
+
ref,
|
|
5186
|
+
className: cn("-mx-1 h-px bg-border", className),
|
|
5187
|
+
...props
|
|
5188
|
+
}
|
|
5189
|
+
));
|
|
5190
|
+
CommandSeparator.displayName = Command$1.Separator.displayName;
|
|
5191
|
+
var CommandItem2 = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5192
|
+
Command$1.Item,
|
|
5193
|
+
{
|
|
5194
|
+
ref,
|
|
5195
|
+
className: cn(
|
|
5196
|
+
"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",
|
|
5197
|
+
className
|
|
5198
|
+
),
|
|
5199
|
+
...props
|
|
5200
|
+
}
|
|
5201
|
+
));
|
|
5202
|
+
CommandItem2.displayName = Command$1.Item.displayName;
|
|
5203
|
+
var Drawer = ({
|
|
5204
|
+
shouldScaleBackground = true,
|
|
5205
|
+
...props
|
|
5206
|
+
}) => /* @__PURE__ */ jsx(
|
|
5207
|
+
Drawer$1.Root,
|
|
5208
|
+
{
|
|
5209
|
+
shouldScaleBackground,
|
|
5210
|
+
...props
|
|
5211
|
+
}
|
|
5212
|
+
);
|
|
5213
|
+
Drawer.displayName = "Drawer";
|
|
5214
|
+
var DrawerTrigger = Drawer$1.Trigger;
|
|
5215
|
+
var DrawerPortal = Drawer$1.Portal;
|
|
5216
|
+
var DrawerClose = Drawer$1.Close;
|
|
5217
|
+
var DrawerOverlay = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5218
|
+
Drawer$1.Overlay,
|
|
5219
|
+
{
|
|
5220
|
+
ref,
|
|
5221
|
+
className: cn("fixed inset-0 z-50 bg-black/80", className),
|
|
5222
|
+
...props
|
|
5223
|
+
}
|
|
5224
|
+
));
|
|
5225
|
+
DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
|
|
5226
|
+
var DrawerContent = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
|
|
5227
|
+
/* @__PURE__ */ jsx(DrawerOverlay, {}),
|
|
5228
|
+
/* @__PURE__ */ jsxs(
|
|
5229
|
+
Drawer$1.Content,
|
|
5230
|
+
{
|
|
5231
|
+
ref,
|
|
5232
|
+
className: cn(
|
|
5233
|
+
"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
|
|
5234
|
+
className
|
|
5235
|
+
),
|
|
5236
|
+
...props,
|
|
5237
|
+
children: [
|
|
5238
|
+
/* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
|
|
5239
|
+
children
|
|
5240
|
+
]
|
|
5241
|
+
}
|
|
5242
|
+
)
|
|
5243
|
+
] }));
|
|
5244
|
+
DrawerContent.displayName = "DrawerContent";
|
|
5245
|
+
var DrawerHeader = ({
|
|
5246
|
+
className,
|
|
5247
|
+
...props
|
|
5248
|
+
}) => /* @__PURE__ */ jsx(
|
|
5249
|
+
"div",
|
|
5250
|
+
{
|
|
5251
|
+
className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
|
|
5252
|
+
...props
|
|
5253
|
+
}
|
|
5254
|
+
);
|
|
5255
|
+
DrawerHeader.displayName = "DrawerHeader";
|
|
5256
|
+
var DrawerFooter = ({
|
|
5257
|
+
className,
|
|
5258
|
+
...props
|
|
5259
|
+
}) => /* @__PURE__ */ jsx(
|
|
5260
|
+
"div",
|
|
5261
|
+
{
|
|
5262
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
5263
|
+
...props
|
|
5264
|
+
}
|
|
5265
|
+
);
|
|
5266
|
+
DrawerFooter.displayName = "DrawerFooter";
|
|
5267
|
+
var DrawerTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5268
|
+
Drawer$1.Title,
|
|
5269
|
+
{
|
|
5270
|
+
ref,
|
|
5271
|
+
className: cn(
|
|
5272
|
+
"text-lg font-semibold leading-none tracking-tight",
|
|
5273
|
+
className
|
|
5274
|
+
),
|
|
5275
|
+
...props
|
|
5276
|
+
}
|
|
5277
|
+
));
|
|
5278
|
+
DrawerTitle.displayName = Drawer$1.Title.displayName;
|
|
5279
|
+
var DrawerDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5280
|
+
Drawer$1.Description,
|
|
5281
|
+
{
|
|
5282
|
+
ref,
|
|
5283
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
5284
|
+
...props
|
|
5285
|
+
}
|
|
5286
|
+
));
|
|
5287
|
+
DrawerDescription.displayName = Drawer$1.Description.displayName;
|
|
5288
|
+
var InputOTP = React66.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5289
|
+
OTPInput,
|
|
5290
|
+
{
|
|
5291
|
+
ref,
|
|
5292
|
+
containerClassName: cn(
|
|
5293
|
+
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
5294
|
+
containerClassName
|
|
5295
|
+
),
|
|
5296
|
+
className: cn("disabled:cursor-not-allowed", className),
|
|
5297
|
+
...props
|
|
5298
|
+
}
|
|
5299
|
+
));
|
|
5300
|
+
InputOTP.displayName = "InputOTP";
|
|
5301
|
+
var InputOTPGroup = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
5302
|
+
InputOTPGroup.displayName = "InputOTPGroup";
|
|
5303
|
+
var InputOTPSlot = React66.forwardRef(({ index, className, ...props }, ref) => {
|
|
5304
|
+
const inputOTPContext = React66.useContext(OTPInputContext);
|
|
5305
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
5306
|
+
return /* @__PURE__ */ jsxs(
|
|
5307
|
+
"div",
|
|
5308
|
+
{
|
|
5309
|
+
ref,
|
|
5310
|
+
className: cn(
|
|
5311
|
+
"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",
|
|
5312
|
+
isActive && "z-10 ring-1 ring-ring",
|
|
5313
|
+
className
|
|
5314
|
+
),
|
|
5315
|
+
...props,
|
|
5316
|
+
children: [
|
|
5317
|
+
char,
|
|
5318
|
+
hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
|
|
5319
|
+
]
|
|
5320
|
+
}
|
|
5321
|
+
);
|
|
5322
|
+
});
|
|
5323
|
+
InputOTPSlot.displayName = "InputOTPSlot";
|
|
5324
|
+
var InputOTPSeparator = React66.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, {}) }));
|
|
5325
|
+
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
5326
|
+
function MenubarMenu({
|
|
5327
|
+
...props
|
|
5328
|
+
}) {
|
|
5329
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { ...props });
|
|
5330
|
+
}
|
|
5331
|
+
function MenubarGroup({
|
|
5332
|
+
...props
|
|
5333
|
+
}) {
|
|
5334
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { ...props });
|
|
5335
|
+
}
|
|
5336
|
+
function MenubarPortal({
|
|
5337
|
+
...props
|
|
5338
|
+
}) {
|
|
5339
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { ...props });
|
|
5340
|
+
}
|
|
5341
|
+
function MenubarRadioGroup({
|
|
5342
|
+
...props
|
|
5343
|
+
}) {
|
|
5344
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { ...props });
|
|
5345
|
+
}
|
|
5346
|
+
function MenubarSub({
|
|
5347
|
+
...props
|
|
5348
|
+
}) {
|
|
5349
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
|
|
5350
|
+
}
|
|
5351
|
+
var Menubar = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5352
|
+
MenubarPrimitive.Root,
|
|
5353
|
+
{
|
|
5354
|
+
ref,
|
|
5355
|
+
className: cn(
|
|
5356
|
+
"flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
|
|
5357
|
+
className
|
|
5358
|
+
),
|
|
5359
|
+
...props
|
|
5360
|
+
}
|
|
5361
|
+
));
|
|
5362
|
+
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
5363
|
+
var MenubarTrigger = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5364
|
+
MenubarPrimitive.Trigger,
|
|
5365
|
+
{
|
|
5366
|
+
ref,
|
|
5367
|
+
className: cn(
|
|
5368
|
+
"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",
|
|
5369
|
+
className
|
|
5370
|
+
),
|
|
5371
|
+
...props
|
|
5372
|
+
}
|
|
5373
|
+
));
|
|
5374
|
+
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
5375
|
+
var MenubarSubTrigger = React66.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5376
|
+
MenubarPrimitive.SubTrigger,
|
|
5377
|
+
{
|
|
5378
|
+
ref,
|
|
5379
|
+
className: cn(
|
|
5380
|
+
"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",
|
|
5381
|
+
inset && "pl-8",
|
|
5382
|
+
className
|
|
5383
|
+
),
|
|
5384
|
+
...props,
|
|
5385
|
+
children: [
|
|
5386
|
+
children,
|
|
5387
|
+
/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
5388
|
+
]
|
|
5389
|
+
}
|
|
5390
|
+
));
|
|
5391
|
+
MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
|
|
5392
|
+
var MenubarSubContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5393
|
+
MenubarPrimitive.SubContent,
|
|
5394
|
+
{
|
|
5395
|
+
ref,
|
|
5396
|
+
className: cn(
|
|
5397
|
+
"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]",
|
|
5398
|
+
className
|
|
5399
|
+
),
|
|
5400
|
+
...props
|
|
5401
|
+
}
|
|
5402
|
+
));
|
|
5403
|
+
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
5404
|
+
var MenubarContent = React66.forwardRef(
|
|
5405
|
+
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
5406
|
+
MenubarPrimitive.Content,
|
|
5407
|
+
{
|
|
5408
|
+
ref,
|
|
5409
|
+
align,
|
|
5410
|
+
alignOffset,
|
|
5411
|
+
sideOffset,
|
|
5412
|
+
className: cn(
|
|
5413
|
+
"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]",
|
|
5414
|
+
className
|
|
5415
|
+
),
|
|
5416
|
+
...props
|
|
5417
|
+
}
|
|
5418
|
+
) })
|
|
5419
|
+
);
|
|
5420
|
+
MenubarContent.displayName = MenubarPrimitive.Content.displayName;
|
|
5421
|
+
var MenubarItem = React66.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5422
|
+
MenubarPrimitive.Item,
|
|
5423
|
+
{
|
|
5424
|
+
ref,
|
|
5425
|
+
className: cn(
|
|
5426
|
+
"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",
|
|
5427
|
+
inset && "pl-8",
|
|
5428
|
+
className
|
|
5429
|
+
),
|
|
5430
|
+
...props
|
|
5431
|
+
}
|
|
5432
|
+
));
|
|
5433
|
+
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
5434
|
+
var MenubarCheckboxItem = React66.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5435
|
+
MenubarPrimitive.CheckboxItem,
|
|
5436
|
+
{
|
|
5437
|
+
ref,
|
|
5438
|
+
className: cn(
|
|
5439
|
+
"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",
|
|
5440
|
+
className
|
|
5441
|
+
),
|
|
5442
|
+
checked,
|
|
5443
|
+
...props,
|
|
5444
|
+
children: [
|
|
5445
|
+
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
|
|
5446
|
+
children
|
|
5447
|
+
]
|
|
5448
|
+
}
|
|
5449
|
+
));
|
|
5450
|
+
MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
|
|
5451
|
+
var MenubarRadioItem = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5452
|
+
MenubarPrimitive.RadioItem,
|
|
5453
|
+
{
|
|
5454
|
+
ref,
|
|
5455
|
+
className: cn(
|
|
5456
|
+
"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",
|
|
5457
|
+
className
|
|
5458
|
+
),
|
|
5459
|
+
...props,
|
|
5460
|
+
children: [
|
|
5461
|
+
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4 fill-current" }) }) }),
|
|
5462
|
+
children
|
|
5463
|
+
]
|
|
5464
|
+
}
|
|
5465
|
+
));
|
|
5466
|
+
MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
|
|
5467
|
+
var MenubarLabel = React66.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5468
|
+
MenubarPrimitive.Label,
|
|
5469
|
+
{
|
|
5470
|
+
ref,
|
|
5471
|
+
className: cn(
|
|
5472
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
5473
|
+
inset && "pl-8",
|
|
5474
|
+
className
|
|
5475
|
+
),
|
|
5476
|
+
...props
|
|
5477
|
+
}
|
|
5478
|
+
));
|
|
5479
|
+
MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
|
|
5480
|
+
var MenubarSeparator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5481
|
+
MenubarPrimitive.Separator,
|
|
5482
|
+
{
|
|
5483
|
+
ref,
|
|
5484
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className),
|
|
5485
|
+
...props
|
|
5486
|
+
}
|
|
5487
|
+
));
|
|
5488
|
+
MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
|
|
5489
|
+
var MenubarShortcut = ({
|
|
5490
|
+
className,
|
|
5491
|
+
...props
|
|
5492
|
+
}) => {
|
|
5493
|
+
return /* @__PURE__ */ jsx(
|
|
5494
|
+
"span",
|
|
5495
|
+
{
|
|
5496
|
+
className: cn(
|
|
5497
|
+
"ml-auto text-xs tracking-widest text-muted-foreground",
|
|
5498
|
+
className
|
|
5499
|
+
),
|
|
5500
|
+
...props
|
|
5501
|
+
}
|
|
5502
|
+
);
|
|
5503
|
+
};
|
|
5504
|
+
MenubarShortcut.displayname = "MenubarShortcut";
|
|
5505
|
+
var ResizablePanelGroup = ({
|
|
5506
|
+
className,
|
|
5507
|
+
...props
|
|
5508
|
+
}) => /* @__PURE__ */ jsx(
|
|
5509
|
+
ResizablePrimitive.PanelGroup,
|
|
5510
|
+
{
|
|
5511
|
+
className: cn(
|
|
5512
|
+
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
5513
|
+
className
|
|
5514
|
+
),
|
|
5515
|
+
...props
|
|
5516
|
+
}
|
|
5517
|
+
);
|
|
5518
|
+
var ResizablePanel = ResizablePrimitive.Panel;
|
|
5519
|
+
var ResizableHandle = ({
|
|
5520
|
+
withHandle,
|
|
5521
|
+
className,
|
|
5522
|
+
...props
|
|
5523
|
+
}) => /* @__PURE__ */ jsx(
|
|
5524
|
+
ResizablePrimitive.PanelResizeHandle,
|
|
5525
|
+
{
|
|
5526
|
+
className: cn(
|
|
5527
|
+
"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",
|
|
5528
|
+
className
|
|
5529
|
+
),
|
|
5530
|
+
...props,
|
|
5531
|
+
children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
|
|
5532
|
+
}
|
|
5533
|
+
);
|
|
5534
|
+
function Spinner({ className, ...props }) {
|
|
5535
|
+
return /* @__PURE__ */ jsx(
|
|
5536
|
+
Loader2Icon,
|
|
5537
|
+
{
|
|
5538
|
+
role: "status",
|
|
5539
|
+
"aria-label": "Loading",
|
|
5540
|
+
className: cn("size-4 animate-spin", className),
|
|
5541
|
+
...props
|
|
5542
|
+
}
|
|
5543
|
+
);
|
|
5544
|
+
}
|
|
3822
5545
|
|
|
3823
|
-
export { AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatDetail, Checkbox, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandItem, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, IconBadge, Input, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, LineChart, LoadingOverlay, ManageTagsModal, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Navbar, NavbarBrand, NavbarContent, NavbarItem, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizeBox, ResizeHandle, RolesMenu, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, useAppShell, useBlinkUI, useCommandBar, useTour };
|
|
5546
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AspectRatio, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Calendar3 as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, ChatDetail, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Command as CommandPrimitive, CommandSeparator, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, Label5 as Label, LineChart, LoadingOverlay, ManageTagsModal, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Navbar, NavbarBrand, NavbarContent, NavbarItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeBox, ResizeHandle, RolesMenu, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, Spinner, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useAppShell, useBlinkUI, useCommandBar, useFormField, useTour };
|
|
3824
5547
|
//# sourceMappingURL=out.js.map
|
|
3825
5548
|
//# sourceMappingURL=index.mjs.map
|