@blinkdotnew/ui 0.2.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +357 -208
- package/dist/index.d.ts +357 -208
- package/dist/index.js +1141 -181
- package/dist/index.mjs +1023 -134
- package/package.json +16 -1
package/dist/index.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, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown, Loader2, LayoutDashboard, FolderOpen, Users, Settings, BarChart2, CreditCard, HelpCircle, Bell, Pencil, User, LogOut, Send, MoreHorizontal, 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';
|
|
@@ -30,6 +31,17 @@ import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay } from '@
|
|
|
30
31
|
import { useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
|
|
31
32
|
import { CSS } from '@dnd-kit/utilities';
|
|
32
33
|
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';
|
|
34
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
35
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
36
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
37
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
38
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
39
|
+
import 'react-dom';
|
|
40
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
41
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
42
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
43
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
44
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
33
45
|
|
|
34
46
|
// src/provider/blink-ui-provider.tsx
|
|
35
47
|
var BlinkUIContext = createContext(null);
|
|
@@ -91,14 +103,14 @@ var buttonVariants = cva(
|
|
|
91
103
|
defaultVariants: { variant: "default", size: "default" }
|
|
92
104
|
}
|
|
93
105
|
);
|
|
94
|
-
var Button =
|
|
106
|
+
var Button = React66__default.forwardRef(
|
|
95
107
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
96
108
|
const Comp = asChild ? Slot : "button";
|
|
97
109
|
return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
|
|
98
110
|
}
|
|
99
111
|
);
|
|
100
112
|
Button.displayName = "Button";
|
|
101
|
-
var Input =
|
|
113
|
+
var Input = React66__default.forwardRef(
|
|
102
114
|
({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
103
115
|
"input",
|
|
104
116
|
{
|
|
@@ -117,7 +129,7 @@ var Input = React26.forwardRef(
|
|
|
117
129
|
)
|
|
118
130
|
);
|
|
119
131
|
Input.displayName = "Input";
|
|
120
|
-
var Textarea =
|
|
132
|
+
var Textarea = React66__default.forwardRef(
|
|
121
133
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
122
134
|
"textarea",
|
|
123
135
|
{
|
|
@@ -138,7 +150,7 @@ Textarea.displayName = "Textarea";
|
|
|
138
150
|
var Select = SelectPrimitive.Root;
|
|
139
151
|
var SelectGroup = SelectPrimitive.Group;
|
|
140
152
|
var SelectValue = SelectPrimitive.Value;
|
|
141
|
-
var SelectTrigger =
|
|
153
|
+
var SelectTrigger = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
142
154
|
SelectPrimitive.Trigger,
|
|
143
155
|
{
|
|
144
156
|
ref,
|
|
@@ -158,7 +170,7 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
|
|
|
158
170
|
}
|
|
159
171
|
));
|
|
160
172
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
161
|
-
var SelectScrollUpButton =
|
|
173
|
+
var SelectScrollUpButton = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
162
174
|
SelectPrimitive.ScrollUpButton,
|
|
163
175
|
{
|
|
164
176
|
ref,
|
|
@@ -168,7 +180,7 @@ var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) =>
|
|
|
168
180
|
}
|
|
169
181
|
));
|
|
170
182
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
171
|
-
var SelectScrollDownButton =
|
|
183
|
+
var SelectScrollDownButton = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
172
184
|
SelectPrimitive.ScrollDownButton,
|
|
173
185
|
{
|
|
174
186
|
ref,
|
|
@@ -178,7 +190,7 @@ var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) =
|
|
|
178
190
|
}
|
|
179
191
|
));
|
|
180
192
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
181
|
-
var SelectContent =
|
|
193
|
+
var SelectContent = React66__default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
|
|
182
194
|
SelectPrimitive.Content,
|
|
183
195
|
{
|
|
184
196
|
ref,
|
|
@@ -205,7 +217,7 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
|
|
|
205
217
|
}
|
|
206
218
|
) }));
|
|
207
219
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
208
|
-
var SelectLabel =
|
|
220
|
+
var SelectLabel = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
209
221
|
SelectPrimitive.Label,
|
|
210
222
|
{
|
|
211
223
|
ref,
|
|
@@ -214,7 +226,7 @@ var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
214
226
|
}
|
|
215
227
|
));
|
|
216
228
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
217
|
-
var SelectItem =
|
|
229
|
+
var SelectItem = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
218
230
|
SelectPrimitive.Item,
|
|
219
231
|
{
|
|
220
232
|
ref,
|
|
@@ -232,7 +244,7 @@ var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
232
244
|
}
|
|
233
245
|
));
|
|
234
246
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
235
|
-
var SelectSeparator =
|
|
247
|
+
var SelectSeparator = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
236
248
|
SelectPrimitive.Separator,
|
|
237
249
|
{
|
|
238
250
|
ref,
|
|
@@ -241,7 +253,7 @@ var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
241
253
|
}
|
|
242
254
|
));
|
|
243
255
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
244
|
-
var Checkbox =
|
|
256
|
+
var Checkbox = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
245
257
|
CheckboxPrimitive.Root,
|
|
246
258
|
{
|
|
247
259
|
ref,
|
|
@@ -257,9 +269,9 @@ var Checkbox = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
257
269
|
}
|
|
258
270
|
));
|
|
259
271
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
260
|
-
var RadioGroup =
|
|
272
|
+
var RadioGroup = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ref, ...props }));
|
|
261
273
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
262
|
-
var RadioGroupItem =
|
|
274
|
+
var RadioGroupItem = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
263
275
|
RadioGroupPrimitive.Item,
|
|
264
276
|
{
|
|
265
277
|
ref,
|
|
@@ -274,7 +286,7 @@ var RadioGroupItem = React26.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
274
286
|
}
|
|
275
287
|
));
|
|
276
288
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
277
|
-
var Switch =
|
|
289
|
+
var Switch = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
278
290
|
SwitchPrimitive.Root,
|
|
279
291
|
{
|
|
280
292
|
ref,
|
|
@@ -300,7 +312,7 @@ var Switch = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
300
312
|
}
|
|
301
313
|
));
|
|
302
314
|
Switch.displayName = SwitchPrimitive.Root.displayName;
|
|
303
|
-
var Slider =
|
|
315
|
+
var Slider = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
304
316
|
SliderPrimitive.Root,
|
|
305
317
|
{
|
|
306
318
|
ref,
|
|
@@ -317,7 +329,7 @@ var Dialog = DialogPrimitive.Root;
|
|
|
317
329
|
var DialogTrigger = DialogPrimitive.Trigger;
|
|
318
330
|
var DialogPortal = DialogPrimitive.Portal;
|
|
319
331
|
var DialogClose = DialogPrimitive.Close;
|
|
320
|
-
var DialogOverlay =
|
|
332
|
+
var DialogOverlay = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
321
333
|
DialogPrimitive.Overlay,
|
|
322
334
|
{
|
|
323
335
|
ref,
|
|
@@ -331,7 +343,7 @@ var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
331
343
|
}
|
|
332
344
|
));
|
|
333
345
|
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
334
|
-
var DialogContent =
|
|
346
|
+
var DialogContent = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
|
|
335
347
|
/* @__PURE__ */ jsx(DialogOverlay, {}),
|
|
336
348
|
/* @__PURE__ */ jsxs(
|
|
337
349
|
DialogPrimitive.Content,
|
|
@@ -361,7 +373,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { cla
|
|
|
361
373
|
DialogHeader.displayName = "DialogHeader";
|
|
362
374
|
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
375
|
DialogFooter.displayName = "DialogFooter";
|
|
364
|
-
var DialogTitle =
|
|
376
|
+
var DialogTitle = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
365
377
|
DialogPrimitive.Title,
|
|
366
378
|
{
|
|
367
379
|
ref,
|
|
@@ -370,7 +382,7 @@ var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
370
382
|
}
|
|
371
383
|
));
|
|
372
384
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
373
|
-
var DialogDescription =
|
|
385
|
+
var DialogDescription = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
374
386
|
DialogPrimitive.Description,
|
|
375
387
|
{
|
|
376
388
|
ref,
|
|
@@ -383,7 +395,7 @@ var Sheet = DialogPrimitive.Root;
|
|
|
383
395
|
var SheetTrigger = DialogPrimitive.Trigger;
|
|
384
396
|
var SheetClose = DialogPrimitive.Close;
|
|
385
397
|
var SheetPortal = DialogPrimitive.Portal;
|
|
386
|
-
var SheetOverlay =
|
|
398
|
+
var SheetOverlay = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
387
399
|
DialogPrimitive.Overlay,
|
|
388
400
|
{
|
|
389
401
|
ref,
|
|
@@ -411,7 +423,7 @@ var sheetVariants = cva(
|
|
|
411
423
|
defaultVariants: { side: "right" }
|
|
412
424
|
}
|
|
413
425
|
);
|
|
414
|
-
var SheetContent =
|
|
426
|
+
var SheetContent = React66__default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
|
|
415
427
|
/* @__PURE__ */ jsx(SheetOverlay, {}),
|
|
416
428
|
/* @__PURE__ */ jsxs(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
|
|
417
429
|
/* @__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 +436,14 @@ var SheetContent = React26.forwardRef(({ side = "right", className, children, ..
|
|
|
424
436
|
SheetContent.displayName = DialogPrimitive.Content.displayName;
|
|
425
437
|
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
426
438
|
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 =
|
|
439
|
+
var SheetTitle = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
|
|
428
440
|
SheetTitle.displayName = DialogPrimitive.Title.displayName;
|
|
429
|
-
var SheetDescription =
|
|
441
|
+
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
442
|
SheetDescription.displayName = DialogPrimitive.Description.displayName;
|
|
431
443
|
var Popover = PopoverPrimitive.Root;
|
|
432
444
|
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
433
445
|
var PopoverAnchor = PopoverPrimitive.Anchor;
|
|
434
|
-
var PopoverContent =
|
|
446
|
+
var PopoverContent = React66__default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
435
447
|
PopoverPrimitive.Content,
|
|
436
448
|
{
|
|
437
449
|
ref,
|
|
@@ -451,7 +463,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
|
451
463
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
452
464
|
var Tooltip = TooltipPrimitive.Root;
|
|
453
465
|
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
454
|
-
var TooltipContent =
|
|
466
|
+
var TooltipContent = React66__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
455
467
|
TooltipPrimitive.Content,
|
|
456
468
|
{
|
|
457
469
|
ref,
|
|
@@ -483,30 +495,30 @@ var itemStyle = cn(
|
|
|
483
495
|
"focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
|
|
484
496
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
|
|
485
497
|
);
|
|
486
|
-
var DropdownMenuContent =
|
|
498
|
+
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
499
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
488
|
-
var DropdownMenuItem =
|
|
500
|
+
var DropdownMenuItem = React66__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
|
|
489
501
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
490
|
-
var DropdownMenuCheckboxItem =
|
|
502
|
+
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
503
|
/* @__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
504
|
children
|
|
493
505
|
] }));
|
|
494
506
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
495
|
-
var DropdownMenuRadioItem =
|
|
507
|
+
var DropdownMenuRadioItem = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
|
|
496
508
|
/* @__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
509
|
children
|
|
498
510
|
] }));
|
|
499
511
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
500
|
-
var DropdownMenuLabel =
|
|
512
|
+
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
513
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
502
|
-
var DropdownMenuSeparator =
|
|
514
|
+
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
515
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
504
|
-
var DropdownMenuSubTrigger =
|
|
516
|
+
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
517
|
children,
|
|
506
518
|
/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
507
519
|
] }));
|
|
508
520
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
509
|
-
var DropdownMenuSubContent =
|
|
521
|
+
var DropdownMenuSubContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentStyle, className), ...props }));
|
|
510
522
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
511
523
|
var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
512
524
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
@@ -518,33 +530,33 @@ var ContextMenuSub = ContextMenuPrimitive.Sub;
|
|
|
518
530
|
var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
|
|
519
531
|
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
532
|
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 =
|
|
533
|
+
var ContextMenuContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
|
|
522
534
|
ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
|
|
523
|
-
var ContextMenuItem =
|
|
535
|
+
var ContextMenuItem = React66__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
|
|
524
536
|
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
|
|
525
|
-
var ContextMenuCheckboxItem =
|
|
537
|
+
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
538
|
/* @__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
539
|
children
|
|
528
540
|
] }));
|
|
529
541
|
ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
|
|
530
|
-
var ContextMenuRadioItem =
|
|
542
|
+
var ContextMenuRadioItem = React66__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
|
|
531
543
|
/* @__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
544
|
children
|
|
533
545
|
] }));
|
|
534
546
|
ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
|
|
535
|
-
var ContextMenuLabel =
|
|
547
|
+
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
548
|
ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
|
|
537
|
-
var ContextMenuSeparator =
|
|
549
|
+
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
550
|
ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
|
|
539
|
-
var ContextMenuSubTrigger =
|
|
551
|
+
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
552
|
children,
|
|
541
553
|
/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
542
554
|
] }));
|
|
543
555
|
ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
|
|
544
|
-
var ContextMenuSubContent =
|
|
556
|
+
var ContextMenuSubContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
|
|
545
557
|
ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
|
|
546
558
|
var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
547
|
-
var Card =
|
|
559
|
+
var Card = React66__default.forwardRef(
|
|
548
560
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
549
561
|
"div",
|
|
550
562
|
{
|
|
@@ -555,23 +567,23 @@ var Card = React26.forwardRef(
|
|
|
555
567
|
)
|
|
556
568
|
);
|
|
557
569
|
Card.displayName = "Card";
|
|
558
|
-
var CardHeader =
|
|
570
|
+
var CardHeader = React66__default.forwardRef(
|
|
559
571
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
|
|
560
572
|
);
|
|
561
573
|
CardHeader.displayName = "CardHeader";
|
|
562
|
-
var CardTitle =
|
|
574
|
+
var CardTitle = React66__default.forwardRef(
|
|
563
575
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
|
|
564
576
|
);
|
|
565
577
|
CardTitle.displayName = "CardTitle";
|
|
566
|
-
var CardDescription =
|
|
578
|
+
var CardDescription = React66__default.forwardRef(
|
|
567
579
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
|
|
568
580
|
);
|
|
569
581
|
CardDescription.displayName = "CardDescription";
|
|
570
|
-
var CardContent =
|
|
582
|
+
var CardContent = React66__default.forwardRef(
|
|
571
583
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
|
|
572
584
|
);
|
|
573
585
|
CardContent.displayName = "CardContent";
|
|
574
|
-
var CardFooter =
|
|
586
|
+
var CardFooter = React66__default.forwardRef(
|
|
575
587
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
|
|
576
588
|
);
|
|
577
589
|
CardFooter.displayName = "CardFooter";
|
|
@@ -592,7 +604,7 @@ var badgeVariants = cva(
|
|
|
592
604
|
function Badge({ className, variant, ...props }) {
|
|
593
605
|
return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
594
606
|
}
|
|
595
|
-
var Avatar =
|
|
607
|
+
var Avatar = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
596
608
|
AvatarPrimitive.Root,
|
|
597
609
|
{
|
|
598
610
|
ref,
|
|
@@ -601,9 +613,9 @@ var Avatar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
601
613
|
}
|
|
602
614
|
));
|
|
603
615
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
604
|
-
var AvatarImage =
|
|
616
|
+
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
617
|
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
606
|
-
var AvatarFallback =
|
|
618
|
+
var AvatarFallback = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
607
619
|
AvatarPrimitive.Fallback,
|
|
608
620
|
{
|
|
609
621
|
ref,
|
|
@@ -612,7 +624,7 @@ var AvatarFallback = React26.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
612
624
|
}
|
|
613
625
|
));
|
|
614
626
|
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
615
|
-
var Separator4 =
|
|
627
|
+
var Separator4 = React66__default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
616
628
|
SeparatorPrimitive.Root,
|
|
617
629
|
{
|
|
618
630
|
ref,
|
|
@@ -636,7 +648,7 @@ function Skeleton({ className, ...props }) {
|
|
|
636
648
|
}
|
|
637
649
|
);
|
|
638
650
|
}
|
|
639
|
-
var Progress =
|
|
651
|
+
var Progress = React66__default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
640
652
|
ProgressPrimitive.Root,
|
|
641
653
|
{
|
|
642
654
|
ref,
|
|
@@ -653,7 +665,7 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
|
653
665
|
));
|
|
654
666
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
655
667
|
var Tabs = TabsPrimitive.Root;
|
|
656
|
-
var TabsList =
|
|
668
|
+
var TabsList = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
657
669
|
TabsPrimitive.List,
|
|
658
670
|
{
|
|
659
671
|
ref,
|
|
@@ -665,7 +677,7 @@ var TabsList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
665
677
|
}
|
|
666
678
|
));
|
|
667
679
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
668
|
-
var TabsTrigger =
|
|
680
|
+
var TabsTrigger = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
669
681
|
TabsPrimitive.Trigger,
|
|
670
682
|
{
|
|
671
683
|
ref,
|
|
@@ -680,7 +692,7 @@ var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
680
692
|
}
|
|
681
693
|
));
|
|
682
694
|
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
683
|
-
var TabsContent =
|
|
695
|
+
var TabsContent = React66__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
684
696
|
TabsPrimitive.Content,
|
|
685
697
|
{
|
|
686
698
|
ref,
|
|
@@ -713,7 +725,7 @@ var justifyMap = {
|
|
|
713
725
|
around: "justify-around",
|
|
714
726
|
evenly: "justify-evenly"
|
|
715
727
|
};
|
|
716
|
-
var Stack =
|
|
728
|
+
var Stack = React66__default.forwardRef(
|
|
717
729
|
({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
718
730
|
"div",
|
|
719
731
|
{
|
|
@@ -732,11 +744,11 @@ var Stack = React26.forwardRef(
|
|
|
732
744
|
)
|
|
733
745
|
);
|
|
734
746
|
Stack.displayName = "Stack";
|
|
735
|
-
var HStack =
|
|
747
|
+
var HStack = React66__default.forwardRef(
|
|
736
748
|
(props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "row", ...props })
|
|
737
749
|
);
|
|
738
750
|
HStack.displayName = "HStack";
|
|
739
|
-
var VStack =
|
|
751
|
+
var VStack = React66__default.forwardRef(
|
|
740
752
|
(props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "col", ...props })
|
|
741
753
|
);
|
|
742
754
|
VStack.displayName = "VStack";
|
|
@@ -747,7 +759,7 @@ var sizeMap = {
|
|
|
747
759
|
xl: "max-w-screen-xl",
|
|
748
760
|
full: "max-w-full"
|
|
749
761
|
};
|
|
750
|
-
var Container =
|
|
762
|
+
var Container = React66__default.forwardRef(
|
|
751
763
|
({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
752
764
|
"div",
|
|
753
765
|
{
|
|
@@ -763,7 +775,7 @@ var Container = React26.forwardRef(
|
|
|
763
775
|
)
|
|
764
776
|
);
|
|
765
777
|
Container.displayName = "Container";
|
|
766
|
-
var Page =
|
|
778
|
+
var Page = React66__default.forwardRef(
|
|
767
779
|
({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
768
780
|
"div",
|
|
769
781
|
{
|
|
@@ -775,7 +787,7 @@ var Page = React26.forwardRef(
|
|
|
775
787
|
)
|
|
776
788
|
);
|
|
777
789
|
Page.displayName = "Page";
|
|
778
|
-
var PageHeader =
|
|
790
|
+
var PageHeader = React66__default.forwardRef(
|
|
779
791
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
780
792
|
"div",
|
|
781
793
|
{
|
|
@@ -786,7 +798,7 @@ var PageHeader = React26.forwardRef(
|
|
|
786
798
|
)
|
|
787
799
|
);
|
|
788
800
|
PageHeader.displayName = "PageHeader";
|
|
789
|
-
var PageTitle =
|
|
801
|
+
var PageTitle = React66__default.forwardRef(
|
|
790
802
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
791
803
|
"h1",
|
|
792
804
|
{
|
|
@@ -797,28 +809,28 @@ var PageTitle = React26.forwardRef(
|
|
|
797
809
|
)
|
|
798
810
|
);
|
|
799
811
|
PageTitle.displayName = "PageTitle";
|
|
800
|
-
var PageDescription =
|
|
812
|
+
var PageDescription = React66__default.forwardRef(
|
|
801
813
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
|
|
802
814
|
);
|
|
803
815
|
PageDescription.displayName = "PageDescription";
|
|
804
|
-
var PageActions =
|
|
816
|
+
var PageActions = React66__default.forwardRef(
|
|
805
817
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
|
|
806
818
|
);
|
|
807
819
|
PageActions.displayName = "PageActions";
|
|
808
|
-
var PageBody =
|
|
820
|
+
var PageBody = React66__default.forwardRef(
|
|
809
821
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
|
|
810
822
|
);
|
|
811
823
|
PageBody.displayName = "PageBody";
|
|
812
|
-
var SidebarCtx =
|
|
813
|
-
var useSidebarCtx = () =>
|
|
824
|
+
var SidebarCtx = React66__default.createContext({ collapsed: false });
|
|
825
|
+
var useSidebarCtx = () => React66__default.useContext(SidebarCtx);
|
|
814
826
|
var makeSlot = (name, cls) => {
|
|
815
|
-
const C =
|
|
827
|
+
const C = React66__default.forwardRef(
|
|
816
828
|
({ className, ...p }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cls, className), ...p })
|
|
817
829
|
);
|
|
818
830
|
C.displayName = name;
|
|
819
831
|
return C;
|
|
820
832
|
};
|
|
821
|
-
var Sidebar =
|
|
833
|
+
var Sidebar = React66__default.forwardRef(
|
|
822
834
|
({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsx(SidebarCtx.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxs(
|
|
823
835
|
"div",
|
|
824
836
|
{
|
|
@@ -846,7 +858,7 @@ var SidebarContent = makeSlot("SidebarContent", "flex-1 overflow-y-auto py-2");
|
|
|
846
858
|
var SidebarFooter = makeSlot("SidebarFooter", "px-3 py-3 border-t border-[hsl(var(--border))] shrink-0");
|
|
847
859
|
var SidebarGroup = makeSlot("SidebarGroup", "mb-2");
|
|
848
860
|
var SidebarSeparator = makeSlot("SidebarSeparator", "h-px bg-[hsl(var(--border))] mx-3 my-2");
|
|
849
|
-
var SidebarGroupLabel =
|
|
861
|
+
var SidebarGroupLabel = React66__default.forwardRef(
|
|
850
862
|
({ className, ...props }, ref) => {
|
|
851
863
|
const { collapsed } = useSidebarCtx();
|
|
852
864
|
return /* @__PURE__ */ jsx(
|
|
@@ -860,7 +872,7 @@ var SidebarGroupLabel = React26.forwardRef(
|
|
|
860
872
|
}
|
|
861
873
|
);
|
|
862
874
|
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
863
|
-
var SidebarItem =
|
|
875
|
+
var SidebarItem = React66__default.forwardRef(
|
|
864
876
|
({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
|
|
865
877
|
const { collapsed } = useSidebarCtx();
|
|
866
878
|
const cls = cn(
|
|
@@ -880,7 +892,7 @@ var SidebarItem = React26.forwardRef(
|
|
|
880
892
|
}
|
|
881
893
|
);
|
|
882
894
|
SidebarItem.displayName = "SidebarItem";
|
|
883
|
-
var Navbar =
|
|
895
|
+
var Navbar = React66__default.forwardRef(
|
|
884
896
|
({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
885
897
|
"nav",
|
|
886
898
|
{
|
|
@@ -896,7 +908,7 @@ var Navbar = React26.forwardRef(
|
|
|
896
908
|
)
|
|
897
909
|
);
|
|
898
910
|
Navbar.displayName = "Navbar";
|
|
899
|
-
var NavbarBrand =
|
|
911
|
+
var NavbarBrand = React66__default.forwardRef(
|
|
900
912
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
|
|
901
913
|
);
|
|
902
914
|
NavbarBrand.displayName = "NavbarBrand";
|
|
@@ -905,7 +917,7 @@ var alignMap2 = {
|
|
|
905
917
|
center: "justify-center flex-1",
|
|
906
918
|
end: "justify-end ml-auto"
|
|
907
919
|
};
|
|
908
|
-
var NavbarContent =
|
|
920
|
+
var NavbarContent = React66__default.forwardRef(
|
|
909
921
|
({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
910
922
|
"div",
|
|
911
923
|
{
|
|
@@ -916,11 +928,11 @@ var NavbarContent = React26.forwardRef(
|
|
|
916
928
|
)
|
|
917
929
|
);
|
|
918
930
|
NavbarContent.displayName = "NavbarContent";
|
|
919
|
-
var NavbarItem =
|
|
931
|
+
var NavbarItem = React66__default.forwardRef(
|
|
920
932
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
|
|
921
933
|
);
|
|
922
934
|
NavbarItem.displayName = "NavbarItem";
|
|
923
|
-
var AppShellCtx =
|
|
935
|
+
var AppShellCtx = React66__default.createContext({
|
|
924
936
|
collapsed: false,
|
|
925
937
|
setCollapsed: () => {
|
|
926
938
|
},
|
|
@@ -928,12 +940,12 @@ var AppShellCtx = React26.createContext({
|
|
|
928
940
|
setMobileOpen: () => {
|
|
929
941
|
}
|
|
930
942
|
});
|
|
931
|
-
var useAppShell = () =>
|
|
932
|
-
var AppShell =
|
|
943
|
+
var useAppShell = () => React66__default.useContext(AppShellCtx);
|
|
944
|
+
var AppShell = React66__default.forwardRef(
|
|
933
945
|
({ className, defaultCollapsed = false, children, ...props }, ref) => {
|
|
934
|
-
const [collapsed, setCollapsed] =
|
|
935
|
-
const [mobileOpen, setMobileOpen] =
|
|
936
|
-
|
|
946
|
+
const [collapsed, setCollapsed] = React66__default.useState(defaultCollapsed);
|
|
947
|
+
const [mobileOpen, setMobileOpen] = React66__default.useState(false);
|
|
948
|
+
React66__default.useEffect(() => {
|
|
937
949
|
const handleClick = (e) => {
|
|
938
950
|
const target = e.target;
|
|
939
951
|
if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
|
|
@@ -964,7 +976,7 @@ var AppShell = React26.forwardRef(
|
|
|
964
976
|
}
|
|
965
977
|
);
|
|
966
978
|
AppShell.displayName = "AppShell";
|
|
967
|
-
var AppShellSidebar =
|
|
979
|
+
var AppShellSidebar = React66__default.forwardRef(
|
|
968
980
|
({ className, ...props }, ref) => {
|
|
969
981
|
const { mobileOpen } = useAppShell();
|
|
970
982
|
return /* @__PURE__ */ jsx(
|
|
@@ -985,11 +997,11 @@ var AppShellSidebar = React26.forwardRef(
|
|
|
985
997
|
}
|
|
986
998
|
);
|
|
987
999
|
AppShellSidebar.displayName = "AppShellSidebar";
|
|
988
|
-
var AppShellMain =
|
|
1000
|
+
var AppShellMain = React66__default.forwardRef(
|
|
989
1001
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
|
|
990
1002
|
);
|
|
991
1003
|
AppShellMain.displayName = "AppShellMain";
|
|
992
|
-
var MobileSidebarTrigger =
|
|
1004
|
+
var MobileSidebarTrigger = React66__default.forwardRef(
|
|
993
1005
|
({ className, ...props }, ref) => {
|
|
994
1006
|
const { mobileOpen, setMobileOpen } = useAppShell();
|
|
995
1007
|
return /* @__PURE__ */ jsx(
|
|
@@ -1011,11 +1023,11 @@ var MobileSidebarTrigger = React26.forwardRef(
|
|
|
1011
1023
|
}
|
|
1012
1024
|
);
|
|
1013
1025
|
MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
|
|
1014
|
-
var SplitPage =
|
|
1026
|
+
var SplitPage = React66__default.forwardRef(
|
|
1015
1027
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
|
|
1016
1028
|
);
|
|
1017
1029
|
SplitPage.displayName = "SplitPage";
|
|
1018
|
-
var SplitPageList =
|
|
1030
|
+
var SplitPageList = React66__default.forwardRef(
|
|
1019
1031
|
({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1020
1032
|
"div",
|
|
1021
1033
|
{
|
|
@@ -1027,11 +1039,11 @@ var SplitPageList = React26.forwardRef(
|
|
|
1027
1039
|
)
|
|
1028
1040
|
);
|
|
1029
1041
|
SplitPageList.displayName = "SplitPageList";
|
|
1030
|
-
var SplitPageDetail =
|
|
1042
|
+
var SplitPageDetail = React66__default.forwardRef(
|
|
1031
1043
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
|
|
1032
1044
|
);
|
|
1033
1045
|
SplitPageDetail.displayName = "SplitPageDetail";
|
|
1034
|
-
var ResizeBox =
|
|
1046
|
+
var ResizeBox = React66__default.forwardRef(
|
|
1035
1047
|
({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1036
1048
|
"div",
|
|
1037
1049
|
{
|
|
@@ -1048,7 +1060,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "10", height: "10",
|
|
|
1048
1060
|
/* @__PURE__ */ jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
1049
1061
|
/* @__PURE__ */ jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
1050
1062
|
] });
|
|
1051
|
-
var ResizeHandle =
|
|
1063
|
+
var ResizeHandle = React66__default.forwardRef(
|
|
1052
1064
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1053
1065
|
"div",
|
|
1054
1066
|
{
|
|
@@ -1072,7 +1084,7 @@ function Field({ label, description, error, required, children, className }) {
|
|
|
1072
1084
|
error && /* @__PURE__ */ jsx(FieldError, { children: error })
|
|
1073
1085
|
] });
|
|
1074
1086
|
}
|
|
1075
|
-
var FieldLabel =
|
|
1087
|
+
var FieldLabel = React66__default.forwardRef(
|
|
1076
1088
|
({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
1077
1089
|
"label",
|
|
1078
1090
|
{
|
|
@@ -1087,7 +1099,7 @@ var FieldLabel = React26.forwardRef(
|
|
|
1087
1099
|
)
|
|
1088
1100
|
);
|
|
1089
1101
|
FieldLabel.displayName = "FieldLabel";
|
|
1090
|
-
var FieldDescription =
|
|
1102
|
+
var FieldDescription = React66__default.forwardRef(
|
|
1091
1103
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1092
1104
|
"p",
|
|
1093
1105
|
{
|
|
@@ -1098,7 +1110,7 @@ var FieldDescription = React26.forwardRef(
|
|
|
1098
1110
|
)
|
|
1099
1111
|
);
|
|
1100
1112
|
FieldDescription.displayName = "FieldDescription";
|
|
1101
|
-
var FieldError =
|
|
1113
|
+
var FieldError = React66__default.forwardRef(
|
|
1102
1114
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1103
1115
|
"p",
|
|
1104
1116
|
{
|
|
@@ -1118,7 +1130,7 @@ function getStrength(value) {
|
|
|
1118
1130
|
return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
|
|
1119
1131
|
return { level: "strong", width: "w-full", color: "bg-green-500" };
|
|
1120
1132
|
}
|
|
1121
|
-
var PasswordInput =
|
|
1133
|
+
var PasswordInput = React66__default.forwardRef(
|
|
1122
1134
|
({ className, strength, ...props }, ref) => {
|
|
1123
1135
|
const [show, setShow] = useState(false);
|
|
1124
1136
|
const value = String(props.value ?? "");
|
|
@@ -1153,7 +1165,7 @@ var PasswordInput = React26.forwardRef(
|
|
|
1153
1165
|
}
|
|
1154
1166
|
);
|
|
1155
1167
|
PasswordInput.displayName = "PasswordInput";
|
|
1156
|
-
var SearchInput =
|
|
1168
|
+
var SearchInput = React66__default.forwardRef(
|
|
1157
1169
|
({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
|
|
1158
1170
|
const [internalValue, setInternalValue] = useState(defaultValue ?? "");
|
|
1159
1171
|
const isControlled = valueProp !== void 0;
|
|
@@ -1378,7 +1390,7 @@ function FormField(props) {
|
|
|
1378
1390
|
function FormItem({ className, ...props }) {
|
|
1379
1391
|
return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
|
|
1380
1392
|
}
|
|
1381
|
-
var FormLabel =
|
|
1393
|
+
var FormLabel = React66__default.forwardRef(
|
|
1382
1394
|
({ className, error, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1383
1395
|
"label",
|
|
1384
1396
|
{
|
|
@@ -1393,7 +1405,7 @@ var FormLabel = React26.forwardRef(
|
|
|
1393
1405
|
)
|
|
1394
1406
|
);
|
|
1395
1407
|
FormLabel.displayName = "FormLabel";
|
|
1396
|
-
var FormControl =
|
|
1408
|
+
var FormControl = React66__default.forwardRef(
|
|
1397
1409
|
({ ...props }, ref) => {
|
|
1398
1410
|
const id = useId();
|
|
1399
1411
|
return /* @__PURE__ */ jsx("div", { ref, id, ...props });
|
|
@@ -1430,7 +1442,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1430
1442
|
isFirst: currentStep === 0,
|
|
1431
1443
|
isLast: currentStep === totalSteps - 1
|
|
1432
1444
|
};
|
|
1433
|
-
const childArray =
|
|
1445
|
+
const childArray = React66__default.Children.toArray(children);
|
|
1434
1446
|
const currentChild = childArray[currentStep];
|
|
1435
1447
|
return /* @__PURE__ */ jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
|
|
1436
1448
|
/* @__PURE__ */ jsx(StepIndicator, { steps, currentStep }),
|
|
@@ -1439,7 +1451,7 @@ function StepForm({ steps, onSubmit, children, className }) {
|
|
|
1439
1451
|
] }) });
|
|
1440
1452
|
}
|
|
1441
1453
|
function StepIndicator({ steps, currentStep }) {
|
|
1442
|
-
return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(
|
|
1454
|
+
return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React66__default.Fragment, { children: [
|
|
1443
1455
|
i > 0 && /* @__PURE__ */ jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
|
|
1444
1456
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
|
|
1445
1457
|
/* @__PURE__ */ jsx("div", { className: cn(
|
|
@@ -1674,7 +1686,7 @@ function DataTableToolbar({ table, searchColumn }) {
|
|
|
1674
1686
|
) });
|
|
1675
1687
|
}
|
|
1676
1688
|
function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
|
|
1677
|
-
const [sorting, setSorting] =
|
|
1689
|
+
const [sorting, setSorting] = React66__default.useState([]);
|
|
1678
1690
|
const table = useReactTable({
|
|
1679
1691
|
data,
|
|
1680
1692
|
columns,
|
|
@@ -1701,8 +1713,8 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
|
|
|
1701
1713
|
] });
|
|
1702
1714
|
}
|
|
1703
1715
|
function EditableCell({ value: initial, onSave }) {
|
|
1704
|
-
const [editing, setEditing] =
|
|
1705
|
-
const [val, setVal] =
|
|
1716
|
+
const [editing, setEditing] = React66__default.useState(false);
|
|
1717
|
+
const [val, setVal] = React66__default.useState(String(initial ?? ""));
|
|
1706
1718
|
const commit = () => {
|
|
1707
1719
|
onSave(val);
|
|
1708
1720
|
setEditing(false);
|
|
@@ -1735,10 +1747,10 @@ var selectionCol = () => ({
|
|
|
1735
1747
|
enableResizing: false
|
|
1736
1748
|
});
|
|
1737
1749
|
function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
|
|
1738
|
-
const [data, setData] =
|
|
1739
|
-
const [rowSelection, setRowSelection] =
|
|
1750
|
+
const [data, setData] = React66__default.useState(initialData);
|
|
1751
|
+
const [rowSelection, setRowSelection] = React66__default.useState({});
|
|
1740
1752
|
const columnResizeMode = "onChange";
|
|
1741
|
-
const editableColumns =
|
|
1753
|
+
const editableColumns = React66__default.useMemo(() => {
|
|
1742
1754
|
if (!editable)
|
|
1743
1755
|
return columns;
|
|
1744
1756
|
return columns.map((col) => ({
|
|
@@ -1758,7 +1770,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1758
1770
|
)
|
|
1759
1771
|
}));
|
|
1760
1772
|
}, [columns, data, editable, onDataChange]);
|
|
1761
|
-
const allColumns =
|
|
1773
|
+
const allColumns = React66__default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
|
|
1762
1774
|
const table = useReactTable({
|
|
1763
1775
|
data,
|
|
1764
1776
|
columns: allColumns,
|
|
@@ -1776,7 +1788,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
|
|
|
1776
1788
|
/* @__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
1789
|
] }) });
|
|
1778
1790
|
}
|
|
1779
|
-
var EmptyStateIcon =
|
|
1791
|
+
var EmptyStateIcon = React66__default.forwardRef(
|
|
1780
1792
|
({ 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
1793
|
);
|
|
1782
1794
|
EmptyStateIcon.displayName = "EmptyStateIcon";
|
|
@@ -1790,7 +1802,7 @@ function EmptyState({ icon, title, description, action, className }) {
|
|
|
1790
1802
|
action && /* @__PURE__ */ jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
|
|
1791
1803
|
] });
|
|
1792
1804
|
}
|
|
1793
|
-
var PropertyList =
|
|
1805
|
+
var PropertyList = React66__default.forwardRef(
|
|
1794
1806
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
|
|
1795
1807
|
);
|
|
1796
1808
|
PropertyList.displayName = "PropertyList";
|
|
@@ -1806,7 +1818,7 @@ var dotColors = {
|
|
|
1806
1818
|
error: "bg-red-500",
|
|
1807
1819
|
warning: "bg-yellow-500"
|
|
1808
1820
|
};
|
|
1809
|
-
var TimelineContent =
|
|
1821
|
+
var TimelineContent = React66__default.forwardRef(
|
|
1810
1822
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pb-1", className), ...props })
|
|
1811
1823
|
);
|
|
1812
1824
|
TimelineContent.displayName = "TimelineContent";
|
|
@@ -1829,9 +1841,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
|
|
|
1829
1841
|
] });
|
|
1830
1842
|
}
|
|
1831
1843
|
function Timeline({ children, className }) {
|
|
1832
|
-
const items =
|
|
1844
|
+
const items = React66__default.Children.toArray(children);
|
|
1833
1845
|
return /* @__PURE__ */ jsx("div", { className: cn("", className), children: items.map(
|
|
1834
|
-
(child, i) =>
|
|
1846
|
+
(child, i) => React66__default.isValidElement(child) ? React66__default.cloneElement(child, { isLast: i === items.length - 1 }) : child
|
|
1835
1847
|
) });
|
|
1836
1848
|
}
|
|
1837
1849
|
function Stat({ label, value, trend, trendLabel, icon, description, className }) {
|
|
@@ -1919,7 +1931,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
|
|
|
1919
1931
|
}
|
|
1920
1932
|
);
|
|
1921
1933
|
}
|
|
1922
|
-
var StructuredList =
|
|
1934
|
+
var StructuredList = React66__default.forwardRef(
|
|
1923
1935
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-4", className), ...props })
|
|
1924
1936
|
);
|
|
1925
1937
|
StructuredList.displayName = "StructuredList";
|
|
@@ -2040,8 +2052,8 @@ function Banner({
|
|
|
2040
2052
|
className,
|
|
2041
2053
|
children
|
|
2042
2054
|
}) {
|
|
2043
|
-
const [dismissed, setDismissed] =
|
|
2044
|
-
const [exiting, setExiting] =
|
|
2055
|
+
const [dismissed, setDismissed] = React66__default.useState(false);
|
|
2056
|
+
const [exiting, setExiting] = React66__default.useState(false);
|
|
2045
2057
|
const handleDismiss = () => {
|
|
2046
2058
|
setExiting(true);
|
|
2047
2059
|
setTimeout(() => {
|
|
@@ -2176,7 +2188,7 @@ function BreadcrumbSeparator({ className }) {
|
|
|
2176
2188
|
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
2189
|
}
|
|
2178
2190
|
function Breadcrumb({ children, className }) {
|
|
2179
|
-
const items =
|
|
2191
|
+
const items = React66__default.Children.toArray(children);
|
|
2180
2192
|
const withSeparators = [];
|
|
2181
2193
|
items.forEach((item, i) => {
|
|
2182
2194
|
withSeparators.push(item);
|
|
@@ -2197,10 +2209,10 @@ function Hotkeys({ keys, className }) {
|
|
|
2197
2209
|
var textOps = ["contains", "equals", "starts with"];
|
|
2198
2210
|
var numOps = ["=", ">", "<", ">=", "<="];
|
|
2199
2211
|
function AddFilterPopover({ filters, onAdd }) {
|
|
2200
|
-
const [open, setOpen] =
|
|
2201
|
-
const [key, setKey] =
|
|
2202
|
-
const [op, setOp] =
|
|
2203
|
-
const [val, setVal] =
|
|
2212
|
+
const [open, setOpen] = React66__default.useState(false);
|
|
2213
|
+
const [key, setKey] = React66__default.useState("");
|
|
2214
|
+
const [op, setOp] = React66__default.useState("");
|
|
2215
|
+
const [val, setVal] = React66__default.useState("");
|
|
2204
2216
|
const def = filters.find((f) => f.key === key);
|
|
2205
2217
|
const ops = def?.type === "number" ? numOps : textOps;
|
|
2206
2218
|
const handleAdd = () => {
|
|
@@ -2303,19 +2315,19 @@ function ToggleButtonGroup(props) {
|
|
|
2303
2315
|
props.onChange(val);
|
|
2304
2316
|
}
|
|
2305
2317
|
};
|
|
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 (!
|
|
2318
|
+
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) => {
|
|
2319
|
+
if (!React66__default.isValidElement(child))
|
|
2308
2320
|
return child;
|
|
2309
2321
|
const tb = child;
|
|
2310
|
-
return
|
|
2322
|
+
return React66__default.cloneElement(tb, {
|
|
2311
2323
|
pressed: isPressed(tb.props.value),
|
|
2312
2324
|
onClick: () => handleClick(tb.props.value)
|
|
2313
2325
|
});
|
|
2314
2326
|
}) });
|
|
2315
2327
|
}
|
|
2316
2328
|
function useCommandBar() {
|
|
2317
|
-
const [open, setOpen] =
|
|
2318
|
-
|
|
2329
|
+
const [open, setOpen] = React66__default.useState(false);
|
|
2330
|
+
React66__default.useEffect(() => {
|
|
2319
2331
|
const handler = (e) => {
|
|
2320
2332
|
if ((e.metaKey || e.ctrlKey) && e.key === "k") {
|
|
2321
2333
|
e.preventDefault();
|
|
@@ -2355,12 +2367,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
|
|
|
2355
2367
|
);
|
|
2356
2368
|
}
|
|
2357
2369
|
function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
|
|
2358
|
-
const [query, setQuery] =
|
|
2370
|
+
const [query, setQuery] = React66__default.useState("");
|
|
2359
2371
|
const handleSearch = (v) => {
|
|
2360
2372
|
setQuery(v);
|
|
2361
2373
|
onSearch?.(v);
|
|
2362
2374
|
};
|
|
2363
|
-
const items =
|
|
2375
|
+
const items = React66__default.useRef(null);
|
|
2364
2376
|
const handleKeyDown = (e) => {
|
|
2365
2377
|
if (e.key === "Escape") {
|
|
2366
2378
|
onOpenChange(false);
|
|
@@ -2430,9 +2442,9 @@ function KanbanColumn({ column, isOver }) {
|
|
|
2430
2442
|
] });
|
|
2431
2443
|
}
|
|
2432
2444
|
function Kanban({ columns: initialColumns, onMoveCard, className }) {
|
|
2433
|
-
const [cols, setCols] =
|
|
2434
|
-
const [activeCard, setActiveCard] =
|
|
2435
|
-
const [overColId, setOverColId] =
|
|
2445
|
+
const [cols, setCols] = React66__default.useState(initialColumns);
|
|
2446
|
+
const [activeCard, setActiveCard] = React66__default.useState(null);
|
|
2447
|
+
const [overColId, setOverColId] = React66__default.useState(null);
|
|
2436
2448
|
const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }));
|
|
2437
2449
|
const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
|
|
2438
2450
|
const onDragStart = ({ active }) => {
|
|
@@ -3724,7 +3736,7 @@ function FileRow({ file, onDelete }) {
|
|
|
3724
3736
|
] });
|
|
3725
3737
|
}
|
|
3726
3738
|
function FilesList({ className }) {
|
|
3727
|
-
const [files, setFiles] =
|
|
3739
|
+
const [files, setFiles] = React66__default.useState(FILES2);
|
|
3728
3740
|
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
3741
|
/* @__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
3742
|
/* @__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 +3831,884 @@ function SortableTaskList({ className }) {
|
|
|
3819
3831
|
] }, section);
|
|
3820
3832
|
}) });
|
|
3821
3833
|
}
|
|
3834
|
+
var Accordion = AccordionPrimitive.Root;
|
|
3835
|
+
var AccordionItem = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3836
|
+
AccordionPrimitive.Item,
|
|
3837
|
+
{
|
|
3838
|
+
ref,
|
|
3839
|
+
className: cn("border-b", className),
|
|
3840
|
+
...props
|
|
3841
|
+
}
|
|
3842
|
+
));
|
|
3843
|
+
AccordionItem.displayName = "AccordionItem";
|
|
3844
|
+
var AccordionTrigger = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
|
|
3845
|
+
AccordionPrimitive.Trigger,
|
|
3846
|
+
{
|
|
3847
|
+
ref,
|
|
3848
|
+
className: cn(
|
|
3849
|
+
"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",
|
|
3850
|
+
className
|
|
3851
|
+
),
|
|
3852
|
+
...props,
|
|
3853
|
+
children: [
|
|
3854
|
+
children,
|
|
3855
|
+
/* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
|
3856
|
+
]
|
|
3857
|
+
}
|
|
3858
|
+
) }));
|
|
3859
|
+
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
3860
|
+
var AccordionContent = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3861
|
+
AccordionPrimitive.Content,
|
|
3862
|
+
{
|
|
3863
|
+
ref,
|
|
3864
|
+
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
3865
|
+
...props,
|
|
3866
|
+
children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
3867
|
+
}
|
|
3868
|
+
));
|
|
3869
|
+
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
3870
|
+
var alertVariants = cva(
|
|
3871
|
+
"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",
|
|
3872
|
+
{
|
|
3873
|
+
variants: {
|
|
3874
|
+
variant: {
|
|
3875
|
+
default: "bg-background text-foreground",
|
|
3876
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
3877
|
+
}
|
|
3878
|
+
},
|
|
3879
|
+
defaultVariants: {
|
|
3880
|
+
variant: "default"
|
|
3881
|
+
}
|
|
3882
|
+
}
|
|
3883
|
+
);
|
|
3884
|
+
var Alert = React66.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3885
|
+
"div",
|
|
3886
|
+
{
|
|
3887
|
+
ref,
|
|
3888
|
+
role: "alert",
|
|
3889
|
+
className: cn(alertVariants({ variant }), className),
|
|
3890
|
+
...props
|
|
3891
|
+
}
|
|
3892
|
+
));
|
|
3893
|
+
Alert.displayName = "Alert";
|
|
3894
|
+
var AlertTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3895
|
+
"h5",
|
|
3896
|
+
{
|
|
3897
|
+
ref,
|
|
3898
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
3899
|
+
...props
|
|
3900
|
+
}
|
|
3901
|
+
));
|
|
3902
|
+
AlertTitle.displayName = "AlertTitle";
|
|
3903
|
+
var AlertDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3904
|
+
"div",
|
|
3905
|
+
{
|
|
3906
|
+
ref,
|
|
3907
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
3908
|
+
...props
|
|
3909
|
+
}
|
|
3910
|
+
));
|
|
3911
|
+
AlertDescription.displayName = "AlertDescription";
|
|
3912
|
+
var AlertDialog = AlertDialogPrimitive.Root;
|
|
3913
|
+
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
3914
|
+
var AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
3915
|
+
var AlertDialogOverlay = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3916
|
+
AlertDialogPrimitive.Overlay,
|
|
3917
|
+
{
|
|
3918
|
+
className: cn(
|
|
3919
|
+
"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",
|
|
3920
|
+
className
|
|
3921
|
+
),
|
|
3922
|
+
...props,
|
|
3923
|
+
ref
|
|
3924
|
+
}
|
|
3925
|
+
));
|
|
3926
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
3927
|
+
var AlertDialogContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
|
|
3928
|
+
/* @__PURE__ */ jsx(AlertDialogOverlay, {}),
|
|
3929
|
+
/* @__PURE__ */ jsx(
|
|
3930
|
+
AlertDialogPrimitive.Content,
|
|
3931
|
+
{
|
|
3932
|
+
ref,
|
|
3933
|
+
className: cn(
|
|
3934
|
+
"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",
|
|
3935
|
+
className
|
|
3936
|
+
),
|
|
3937
|
+
...props
|
|
3938
|
+
}
|
|
3939
|
+
)
|
|
3940
|
+
] }));
|
|
3941
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
3942
|
+
var AlertDialogHeader = ({
|
|
3943
|
+
className,
|
|
3944
|
+
...props
|
|
3945
|
+
}) => /* @__PURE__ */ jsx(
|
|
3946
|
+
"div",
|
|
3947
|
+
{
|
|
3948
|
+
className: cn(
|
|
3949
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
3950
|
+
className
|
|
3951
|
+
),
|
|
3952
|
+
...props
|
|
3953
|
+
}
|
|
3954
|
+
);
|
|
3955
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
3956
|
+
var AlertDialogFooter = ({
|
|
3957
|
+
className,
|
|
3958
|
+
...props
|
|
3959
|
+
}) => /* @__PURE__ */ jsx(
|
|
3960
|
+
"div",
|
|
3961
|
+
{
|
|
3962
|
+
className: cn(
|
|
3963
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
3964
|
+
className
|
|
3965
|
+
),
|
|
3966
|
+
...props
|
|
3967
|
+
}
|
|
3968
|
+
);
|
|
3969
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
3970
|
+
var AlertDialogTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3971
|
+
AlertDialogPrimitive.Title,
|
|
3972
|
+
{
|
|
3973
|
+
ref,
|
|
3974
|
+
className: cn("text-lg font-semibold", className),
|
|
3975
|
+
...props
|
|
3976
|
+
}
|
|
3977
|
+
));
|
|
3978
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
3979
|
+
var AlertDialogDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3980
|
+
AlertDialogPrimitive.Description,
|
|
3981
|
+
{
|
|
3982
|
+
ref,
|
|
3983
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
3984
|
+
...props
|
|
3985
|
+
}
|
|
3986
|
+
));
|
|
3987
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
3988
|
+
var AlertDialogAction = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3989
|
+
AlertDialogPrimitive.Action,
|
|
3990
|
+
{
|
|
3991
|
+
ref,
|
|
3992
|
+
className: cn(buttonVariants(), className),
|
|
3993
|
+
...props
|
|
3994
|
+
}
|
|
3995
|
+
));
|
|
3996
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
3997
|
+
var AlertDialogCancel = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3998
|
+
AlertDialogPrimitive.Cancel,
|
|
3999
|
+
{
|
|
4000
|
+
ref,
|
|
4001
|
+
className: cn(
|
|
4002
|
+
buttonVariants({ variant: "outline" }),
|
|
4003
|
+
"mt-2 sm:mt-0",
|
|
4004
|
+
className
|
|
4005
|
+
),
|
|
4006
|
+
...props
|
|
4007
|
+
}
|
|
4008
|
+
));
|
|
4009
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
4010
|
+
var AspectRatio = AspectRatioPrimitive.Root;
|
|
4011
|
+
var CarouselContext = React66.createContext(null);
|
|
4012
|
+
function useCarousel() {
|
|
4013
|
+
const context = React66.useContext(CarouselContext);
|
|
4014
|
+
if (!context) {
|
|
4015
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
4016
|
+
}
|
|
4017
|
+
return context;
|
|
4018
|
+
}
|
|
4019
|
+
var Carousel = React66.forwardRef(
|
|
4020
|
+
({
|
|
4021
|
+
orientation = "horizontal",
|
|
4022
|
+
opts,
|
|
4023
|
+
setApi,
|
|
4024
|
+
plugins,
|
|
4025
|
+
className,
|
|
4026
|
+
children,
|
|
4027
|
+
...props
|
|
4028
|
+
}, ref) => {
|
|
4029
|
+
const [carouselRef, api] = useEmblaCarousel(
|
|
4030
|
+
{
|
|
4031
|
+
...opts,
|
|
4032
|
+
axis: orientation === "horizontal" ? "x" : "y"
|
|
4033
|
+
},
|
|
4034
|
+
plugins
|
|
4035
|
+
);
|
|
4036
|
+
const [canScrollPrev, setCanScrollPrev] = React66.useState(false);
|
|
4037
|
+
const [canScrollNext, setCanScrollNext] = React66.useState(false);
|
|
4038
|
+
const onSelect = React66.useCallback((api2) => {
|
|
4039
|
+
if (!api2) {
|
|
4040
|
+
return;
|
|
4041
|
+
}
|
|
4042
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
4043
|
+
setCanScrollNext(api2.canScrollNext());
|
|
4044
|
+
}, []);
|
|
4045
|
+
const scrollPrev = React66.useCallback(() => {
|
|
4046
|
+
api?.scrollPrev();
|
|
4047
|
+
}, [api]);
|
|
4048
|
+
const scrollNext = React66.useCallback(() => {
|
|
4049
|
+
api?.scrollNext();
|
|
4050
|
+
}, [api]);
|
|
4051
|
+
const handleKeyDown = React66.useCallback(
|
|
4052
|
+
(event) => {
|
|
4053
|
+
if (event.key === "ArrowLeft") {
|
|
4054
|
+
event.preventDefault();
|
|
4055
|
+
scrollPrev();
|
|
4056
|
+
} else if (event.key === "ArrowRight") {
|
|
4057
|
+
event.preventDefault();
|
|
4058
|
+
scrollNext();
|
|
4059
|
+
}
|
|
4060
|
+
},
|
|
4061
|
+
[scrollPrev, scrollNext]
|
|
4062
|
+
);
|
|
4063
|
+
React66.useEffect(() => {
|
|
4064
|
+
if (!api || !setApi) {
|
|
4065
|
+
return;
|
|
4066
|
+
}
|
|
4067
|
+
setApi(api);
|
|
4068
|
+
}, [api, setApi]);
|
|
4069
|
+
React66.useEffect(() => {
|
|
4070
|
+
if (!api) {
|
|
4071
|
+
return;
|
|
4072
|
+
}
|
|
4073
|
+
onSelect(api);
|
|
4074
|
+
api.on("reInit", onSelect);
|
|
4075
|
+
api.on("select", onSelect);
|
|
4076
|
+
return () => {
|
|
4077
|
+
api?.off("select", onSelect);
|
|
4078
|
+
};
|
|
4079
|
+
}, [api, onSelect]);
|
|
4080
|
+
return /* @__PURE__ */ jsx(
|
|
4081
|
+
CarouselContext.Provider,
|
|
4082
|
+
{
|
|
4083
|
+
value: {
|
|
4084
|
+
carouselRef,
|
|
4085
|
+
api,
|
|
4086
|
+
opts,
|
|
4087
|
+
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
4088
|
+
scrollPrev,
|
|
4089
|
+
scrollNext,
|
|
4090
|
+
canScrollPrev,
|
|
4091
|
+
canScrollNext
|
|
4092
|
+
},
|
|
4093
|
+
children: /* @__PURE__ */ jsx(
|
|
4094
|
+
"div",
|
|
4095
|
+
{
|
|
4096
|
+
ref,
|
|
4097
|
+
onKeyDownCapture: handleKeyDown,
|
|
4098
|
+
className: cn("relative", className),
|
|
4099
|
+
role: "region",
|
|
4100
|
+
"aria-roledescription": "carousel",
|
|
4101
|
+
...props,
|
|
4102
|
+
children
|
|
4103
|
+
}
|
|
4104
|
+
)
|
|
4105
|
+
}
|
|
4106
|
+
);
|
|
4107
|
+
}
|
|
4108
|
+
);
|
|
4109
|
+
Carousel.displayName = "Carousel";
|
|
4110
|
+
var CarouselContent = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4111
|
+
const { carouselRef, orientation } = useCarousel();
|
|
4112
|
+
return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
|
|
4113
|
+
"div",
|
|
4114
|
+
{
|
|
4115
|
+
ref,
|
|
4116
|
+
className: cn(
|
|
4117
|
+
"flex",
|
|
4118
|
+
orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
4119
|
+
className
|
|
4120
|
+
),
|
|
4121
|
+
...props
|
|
4122
|
+
}
|
|
4123
|
+
) });
|
|
4124
|
+
});
|
|
4125
|
+
CarouselContent.displayName = "CarouselContent";
|
|
4126
|
+
var CarouselItem = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4127
|
+
const { orientation } = useCarousel();
|
|
4128
|
+
return /* @__PURE__ */ jsx(
|
|
4129
|
+
"div",
|
|
4130
|
+
{
|
|
4131
|
+
ref,
|
|
4132
|
+
role: "group",
|
|
4133
|
+
"aria-roledescription": "slide",
|
|
4134
|
+
className: cn(
|
|
4135
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
4136
|
+
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
4137
|
+
className
|
|
4138
|
+
),
|
|
4139
|
+
...props
|
|
4140
|
+
}
|
|
4141
|
+
);
|
|
4142
|
+
});
|
|
4143
|
+
CarouselItem.displayName = "CarouselItem";
|
|
4144
|
+
var CarouselPrevious = React66.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4145
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
4146
|
+
return /* @__PURE__ */ jsxs(
|
|
4147
|
+
Button,
|
|
4148
|
+
{
|
|
4149
|
+
ref,
|
|
4150
|
+
variant,
|
|
4151
|
+
size,
|
|
4152
|
+
className: cn(
|
|
4153
|
+
"absolute h-8 w-8 rounded-full",
|
|
4154
|
+
orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4155
|
+
className
|
|
4156
|
+
),
|
|
4157
|
+
disabled: !canScrollPrev,
|
|
4158
|
+
onClick: scrollPrev,
|
|
4159
|
+
...props,
|
|
4160
|
+
children: [
|
|
4161
|
+
/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
|
|
4162
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
|
|
4163
|
+
]
|
|
4164
|
+
}
|
|
4165
|
+
);
|
|
4166
|
+
});
|
|
4167
|
+
CarouselPrevious.displayName = "CarouselPrevious";
|
|
4168
|
+
var CarouselNext = React66.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
4169
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
4170
|
+
return /* @__PURE__ */ jsxs(
|
|
4171
|
+
Button,
|
|
4172
|
+
{
|
|
4173
|
+
ref,
|
|
4174
|
+
variant,
|
|
4175
|
+
size,
|
|
4176
|
+
className: cn(
|
|
4177
|
+
"absolute h-8 w-8 rounded-full",
|
|
4178
|
+
orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
4179
|
+
className
|
|
4180
|
+
),
|
|
4181
|
+
disabled: !canScrollNext,
|
|
4182
|
+
onClick: scrollNext,
|
|
4183
|
+
...props,
|
|
4184
|
+
children: [
|
|
4185
|
+
/* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
|
|
4186
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
|
|
4187
|
+
]
|
|
4188
|
+
}
|
|
4189
|
+
);
|
|
4190
|
+
});
|
|
4191
|
+
CarouselNext.displayName = "CarouselNext";
|
|
4192
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
4193
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
4194
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
4195
|
+
var NODES = [
|
|
4196
|
+
"a",
|
|
4197
|
+
"button",
|
|
4198
|
+
"div",
|
|
4199
|
+
"form",
|
|
4200
|
+
"h2",
|
|
4201
|
+
"h3",
|
|
4202
|
+
"img",
|
|
4203
|
+
"input",
|
|
4204
|
+
"label",
|
|
4205
|
+
"li",
|
|
4206
|
+
"nav",
|
|
4207
|
+
"ol",
|
|
4208
|
+
"p",
|
|
4209
|
+
"select",
|
|
4210
|
+
"span",
|
|
4211
|
+
"svg",
|
|
4212
|
+
"ul"
|
|
4213
|
+
];
|
|
4214
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
4215
|
+
const Slot3 = createSlot(`Primitive.${node}`);
|
|
4216
|
+
const Node = React66.forwardRef((props, forwardedRef) => {
|
|
4217
|
+
const { asChild, ...primitiveProps } = props;
|
|
4218
|
+
const Comp = asChild ? Slot3 : node;
|
|
4219
|
+
if (typeof window !== "undefined") {
|
|
4220
|
+
window[Symbol.for("radix-ui")] = true;
|
|
4221
|
+
}
|
|
4222
|
+
return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
4223
|
+
});
|
|
4224
|
+
Node.displayName = `Primitive.${node}`;
|
|
4225
|
+
return { ...primitive, [node]: Node };
|
|
4226
|
+
}, {});
|
|
4227
|
+
var NAME = "Label";
|
|
4228
|
+
var Label4 = React66.forwardRef((props, forwardedRef) => {
|
|
4229
|
+
return /* @__PURE__ */ jsx(
|
|
4230
|
+
Primitive.label,
|
|
4231
|
+
{
|
|
4232
|
+
...props,
|
|
4233
|
+
ref: forwardedRef,
|
|
4234
|
+
onMouseDown: (event) => {
|
|
4235
|
+
const target = event.target;
|
|
4236
|
+
if (target.closest("button, input, select, textarea"))
|
|
4237
|
+
return;
|
|
4238
|
+
props.onMouseDown?.(event);
|
|
4239
|
+
if (!event.defaultPrevented && event.detail > 1)
|
|
4240
|
+
event.preventDefault();
|
|
4241
|
+
}
|
|
4242
|
+
}
|
|
4243
|
+
);
|
|
4244
|
+
});
|
|
4245
|
+
Label4.displayName = NAME;
|
|
4246
|
+
var Root20 = Label4;
|
|
4247
|
+
var labelVariants = cva(
|
|
4248
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
4249
|
+
);
|
|
4250
|
+
var Label5 = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4251
|
+
Root20,
|
|
4252
|
+
{
|
|
4253
|
+
ref,
|
|
4254
|
+
className: cn(labelVariants(), className),
|
|
4255
|
+
...props
|
|
4256
|
+
}
|
|
4257
|
+
));
|
|
4258
|
+
Label5.displayName = Root20.displayName;
|
|
4259
|
+
var FormFieldContext = React66.createContext(null);
|
|
4260
|
+
var useFormField = () => {
|
|
4261
|
+
const fieldContext = React66.useContext(FormFieldContext);
|
|
4262
|
+
const itemContext = React66.useContext(FormItemContext);
|
|
4263
|
+
const { getFieldState, formState } = useFormContext();
|
|
4264
|
+
if (!fieldContext) {
|
|
4265
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
4266
|
+
}
|
|
4267
|
+
if (!itemContext) {
|
|
4268
|
+
throw new Error("useFormField should be used within <FormItem>");
|
|
4269
|
+
}
|
|
4270
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
4271
|
+
const { id } = itemContext;
|
|
4272
|
+
return {
|
|
4273
|
+
id,
|
|
4274
|
+
name: fieldContext.name,
|
|
4275
|
+
formItemId: `${id}-form-item`,
|
|
4276
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
4277
|
+
formMessageId: `${id}-form-item-message`,
|
|
4278
|
+
...fieldState
|
|
4279
|
+
};
|
|
4280
|
+
};
|
|
4281
|
+
var FormItemContext = React66.createContext(null);
|
|
4282
|
+
var FormItem2 = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4283
|
+
const id = React66.useId();
|
|
4284
|
+
return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
|
|
4285
|
+
});
|
|
4286
|
+
FormItem2.displayName = "FormItem";
|
|
4287
|
+
var FormLabel2 = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4288
|
+
const { error, formItemId } = useFormField();
|
|
4289
|
+
return /* @__PURE__ */ jsx(
|
|
4290
|
+
Label5,
|
|
4291
|
+
{
|
|
4292
|
+
ref,
|
|
4293
|
+
className: cn(error && "text-destructive", className),
|
|
4294
|
+
htmlFor: formItemId,
|
|
4295
|
+
...props
|
|
4296
|
+
}
|
|
4297
|
+
);
|
|
4298
|
+
});
|
|
4299
|
+
FormLabel2.displayName = "FormLabel";
|
|
4300
|
+
var FormControl2 = React66.forwardRef(({ ...props }, ref) => {
|
|
4301
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
4302
|
+
return /* @__PURE__ */ jsx(
|
|
4303
|
+
Slot,
|
|
4304
|
+
{
|
|
4305
|
+
ref,
|
|
4306
|
+
id: formItemId,
|
|
4307
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
4308
|
+
"aria-invalid": !!error,
|
|
4309
|
+
...props
|
|
4310
|
+
}
|
|
4311
|
+
);
|
|
4312
|
+
});
|
|
4313
|
+
FormControl2.displayName = "FormControl";
|
|
4314
|
+
var FormDescription2 = React66.forwardRef(({ className, ...props }, ref) => {
|
|
4315
|
+
const { formDescriptionId } = useFormField();
|
|
4316
|
+
return /* @__PURE__ */ jsx(
|
|
4317
|
+
"p",
|
|
4318
|
+
{
|
|
4319
|
+
ref,
|
|
4320
|
+
id: formDescriptionId,
|
|
4321
|
+
className: cn("text-[0.8rem] text-muted-foreground", className),
|
|
4322
|
+
...props
|
|
4323
|
+
}
|
|
4324
|
+
);
|
|
4325
|
+
});
|
|
4326
|
+
FormDescription2.displayName = "FormDescription";
|
|
4327
|
+
var FormMessage2 = React66.forwardRef(({ className, children, ...props }, ref) => {
|
|
4328
|
+
const { error, formMessageId } = useFormField();
|
|
4329
|
+
const body = error ? String(error?.message ?? "") : children;
|
|
4330
|
+
if (!body) {
|
|
4331
|
+
return null;
|
|
4332
|
+
}
|
|
4333
|
+
return /* @__PURE__ */ jsx(
|
|
4334
|
+
"p",
|
|
4335
|
+
{
|
|
4336
|
+
ref,
|
|
4337
|
+
id: formMessageId,
|
|
4338
|
+
className: cn("text-[0.8rem] font-medium text-destructive", className),
|
|
4339
|
+
...props,
|
|
4340
|
+
children: body
|
|
4341
|
+
}
|
|
4342
|
+
);
|
|
4343
|
+
});
|
|
4344
|
+
FormMessage2.displayName = "FormMessage";
|
|
4345
|
+
var HoverCard = HoverCardPrimitive.Root;
|
|
4346
|
+
var HoverCardTrigger = HoverCardPrimitive.Trigger;
|
|
4347
|
+
var HoverCardContent = React66.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4348
|
+
HoverCardPrimitive.Content,
|
|
4349
|
+
{
|
|
4350
|
+
ref,
|
|
4351
|
+
align,
|
|
4352
|
+
sideOffset,
|
|
4353
|
+
className: cn(
|
|
4354
|
+
"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]",
|
|
4355
|
+
className
|
|
4356
|
+
),
|
|
4357
|
+
...props
|
|
4358
|
+
}
|
|
4359
|
+
));
|
|
4360
|
+
HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
|
|
4361
|
+
var NavigationMenu = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
4362
|
+
NavigationMenuPrimitive.Root,
|
|
4363
|
+
{
|
|
4364
|
+
ref,
|
|
4365
|
+
className: cn(
|
|
4366
|
+
"relative z-10 flex max-w-max flex-1 items-center justify-center",
|
|
4367
|
+
className
|
|
4368
|
+
),
|
|
4369
|
+
...props,
|
|
4370
|
+
children: [
|
|
4371
|
+
children,
|
|
4372
|
+
/* @__PURE__ */ jsx(NavigationMenuViewport, {})
|
|
4373
|
+
]
|
|
4374
|
+
}
|
|
4375
|
+
));
|
|
4376
|
+
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
4377
|
+
var NavigationMenuList = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4378
|
+
NavigationMenuPrimitive.List,
|
|
4379
|
+
{
|
|
4380
|
+
ref,
|
|
4381
|
+
className: cn(
|
|
4382
|
+
"group flex flex-1 list-none items-center justify-center space-x-1",
|
|
4383
|
+
className
|
|
4384
|
+
),
|
|
4385
|
+
...props
|
|
4386
|
+
}
|
|
4387
|
+
));
|
|
4388
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
4389
|
+
var NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
4390
|
+
var navigationMenuTriggerStyle = cva(
|
|
4391
|
+
"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"
|
|
4392
|
+
);
|
|
4393
|
+
var NavigationMenuTrigger = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
4394
|
+
NavigationMenuPrimitive.Trigger,
|
|
4395
|
+
{
|
|
4396
|
+
ref,
|
|
4397
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
4398
|
+
...props,
|
|
4399
|
+
children: [
|
|
4400
|
+
children,
|
|
4401
|
+
" ",
|
|
4402
|
+
/* @__PURE__ */ jsx(
|
|
4403
|
+
ChevronDown,
|
|
4404
|
+
{
|
|
4405
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
4406
|
+
"aria-hidden": "true"
|
|
4407
|
+
}
|
|
4408
|
+
)
|
|
4409
|
+
]
|
|
4410
|
+
}
|
|
4411
|
+
));
|
|
4412
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
4413
|
+
var NavigationMenuContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4414
|
+
NavigationMenuPrimitive.Content,
|
|
4415
|
+
{
|
|
4416
|
+
ref,
|
|
4417
|
+
className: cn(
|
|
4418
|
+
"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 ",
|
|
4419
|
+
className
|
|
4420
|
+
),
|
|
4421
|
+
...props
|
|
4422
|
+
}
|
|
4423
|
+
));
|
|
4424
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
4425
|
+
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
4426
|
+
var NavigationMenuViewport = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
|
|
4427
|
+
NavigationMenuPrimitive.Viewport,
|
|
4428
|
+
{
|
|
4429
|
+
className: cn(
|
|
4430
|
+
"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)]",
|
|
4431
|
+
className
|
|
4432
|
+
),
|
|
4433
|
+
ref,
|
|
4434
|
+
...props
|
|
4435
|
+
}
|
|
4436
|
+
) }));
|
|
4437
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
4438
|
+
var NavigationMenuIndicator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4439
|
+
NavigationMenuPrimitive.Indicator,
|
|
4440
|
+
{
|
|
4441
|
+
ref,
|
|
4442
|
+
className: cn(
|
|
4443
|
+
"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",
|
|
4444
|
+
className
|
|
4445
|
+
),
|
|
4446
|
+
...props,
|
|
4447
|
+
children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
4448
|
+
}
|
|
4449
|
+
));
|
|
4450
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
4451
|
+
var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
4452
|
+
"nav",
|
|
4453
|
+
{
|
|
4454
|
+
role: "navigation",
|
|
4455
|
+
"aria-label": "pagination",
|
|
4456
|
+
className: cn("mx-auto flex w-full justify-center", className),
|
|
4457
|
+
...props
|
|
4458
|
+
}
|
|
4459
|
+
);
|
|
4460
|
+
Pagination.displayName = "Pagination";
|
|
4461
|
+
var PaginationContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4462
|
+
"ul",
|
|
4463
|
+
{
|
|
4464
|
+
ref,
|
|
4465
|
+
className: cn("flex flex-row items-center gap-1", className),
|
|
4466
|
+
...props
|
|
4467
|
+
}
|
|
4468
|
+
));
|
|
4469
|
+
PaginationContent.displayName = "PaginationContent";
|
|
4470
|
+
var PaginationItem = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
|
|
4471
|
+
PaginationItem.displayName = "PaginationItem";
|
|
4472
|
+
var PaginationLink = ({
|
|
4473
|
+
className,
|
|
4474
|
+
isActive,
|
|
4475
|
+
size = "icon",
|
|
4476
|
+
...props
|
|
4477
|
+
}) => /* @__PURE__ */ jsx(
|
|
4478
|
+
"a",
|
|
4479
|
+
{
|
|
4480
|
+
"aria-current": isActive ? "page" : void 0,
|
|
4481
|
+
className: cn(
|
|
4482
|
+
buttonVariants({
|
|
4483
|
+
variant: isActive ? "outline" : "ghost",
|
|
4484
|
+
size
|
|
4485
|
+
}),
|
|
4486
|
+
className
|
|
4487
|
+
),
|
|
4488
|
+
...props
|
|
4489
|
+
}
|
|
4490
|
+
);
|
|
4491
|
+
PaginationLink.displayName = "PaginationLink";
|
|
4492
|
+
var PaginationPrevious = ({
|
|
4493
|
+
className,
|
|
4494
|
+
...props
|
|
4495
|
+
}) => /* @__PURE__ */ jsxs(
|
|
4496
|
+
PaginationLink,
|
|
4497
|
+
{
|
|
4498
|
+
"aria-label": "Go to previous page",
|
|
4499
|
+
size: "default",
|
|
4500
|
+
className: cn("gap-1 pl-2.5", className),
|
|
4501
|
+
...props,
|
|
4502
|
+
children: [
|
|
4503
|
+
/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
|
|
4504
|
+
/* @__PURE__ */ jsx("span", { children: "Previous" })
|
|
4505
|
+
]
|
|
4506
|
+
}
|
|
4507
|
+
);
|
|
4508
|
+
PaginationPrevious.displayName = "PaginationPrevious";
|
|
4509
|
+
var PaginationNext = ({
|
|
4510
|
+
className,
|
|
4511
|
+
...props
|
|
4512
|
+
}) => /* @__PURE__ */ jsxs(
|
|
4513
|
+
PaginationLink,
|
|
4514
|
+
{
|
|
4515
|
+
"aria-label": "Go to next page",
|
|
4516
|
+
size: "default",
|
|
4517
|
+
className: cn("gap-1 pr-2.5", className),
|
|
4518
|
+
...props,
|
|
4519
|
+
children: [
|
|
4520
|
+
/* @__PURE__ */ jsx("span", { children: "Next" }),
|
|
4521
|
+
/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
|
|
4522
|
+
]
|
|
4523
|
+
}
|
|
4524
|
+
);
|
|
4525
|
+
PaginationNext.displayName = "PaginationNext";
|
|
4526
|
+
var PaginationEllipsis = ({
|
|
4527
|
+
className,
|
|
4528
|
+
...props
|
|
4529
|
+
}) => /* @__PURE__ */ jsxs(
|
|
4530
|
+
"span",
|
|
4531
|
+
{
|
|
4532
|
+
"aria-hidden": true,
|
|
4533
|
+
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
4534
|
+
...props,
|
|
4535
|
+
children: [
|
|
4536
|
+
/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
|
|
4537
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
|
|
4538
|
+
]
|
|
4539
|
+
}
|
|
4540
|
+
);
|
|
4541
|
+
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
4542
|
+
var ScrollArea = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
4543
|
+
ScrollAreaPrimitive.Root,
|
|
4544
|
+
{
|
|
4545
|
+
ref,
|
|
4546
|
+
className: cn("relative overflow-hidden", className),
|
|
4547
|
+
...props,
|
|
4548
|
+
children: [
|
|
4549
|
+
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
|
|
4550
|
+
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
4551
|
+
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
|
|
4552
|
+
]
|
|
4553
|
+
}
|
|
4554
|
+
));
|
|
4555
|
+
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
4556
|
+
var ScrollBar = React66.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4557
|
+
ScrollAreaPrimitive.ScrollAreaScrollbar,
|
|
4558
|
+
{
|
|
4559
|
+
ref,
|
|
4560
|
+
orientation,
|
|
4561
|
+
className: cn(
|
|
4562
|
+
"flex touch-none select-none transition-colors",
|
|
4563
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
|
|
4564
|
+
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
|
|
4565
|
+
className
|
|
4566
|
+
),
|
|
4567
|
+
...props,
|
|
4568
|
+
children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
4569
|
+
}
|
|
4570
|
+
));
|
|
4571
|
+
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
4572
|
+
var Table = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
4573
|
+
"table",
|
|
4574
|
+
{
|
|
4575
|
+
ref,
|
|
4576
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
4577
|
+
...props
|
|
4578
|
+
}
|
|
4579
|
+
) }));
|
|
4580
|
+
Table.displayName = "Table";
|
|
4581
|
+
var TableHeader = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
4582
|
+
TableHeader.displayName = "TableHeader";
|
|
4583
|
+
var TableBody = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4584
|
+
"tbody",
|
|
4585
|
+
{
|
|
4586
|
+
ref,
|
|
4587
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
4588
|
+
...props
|
|
4589
|
+
}
|
|
4590
|
+
));
|
|
4591
|
+
TableBody.displayName = "TableBody";
|
|
4592
|
+
var TableFooter = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4593
|
+
"tfoot",
|
|
4594
|
+
{
|
|
4595
|
+
ref,
|
|
4596
|
+
className: cn(
|
|
4597
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
4598
|
+
className
|
|
4599
|
+
),
|
|
4600
|
+
...props
|
|
4601
|
+
}
|
|
4602
|
+
));
|
|
4603
|
+
TableFooter.displayName = "TableFooter";
|
|
4604
|
+
var TableRow = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4605
|
+
"tr",
|
|
4606
|
+
{
|
|
4607
|
+
ref,
|
|
4608
|
+
className: cn(
|
|
4609
|
+
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
4610
|
+
className
|
|
4611
|
+
),
|
|
4612
|
+
...props
|
|
4613
|
+
}
|
|
4614
|
+
));
|
|
4615
|
+
TableRow.displayName = "TableRow";
|
|
4616
|
+
var TableHead = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4617
|
+
"th",
|
|
4618
|
+
{
|
|
4619
|
+
ref,
|
|
4620
|
+
className: cn(
|
|
4621
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4622
|
+
className
|
|
4623
|
+
),
|
|
4624
|
+
...props
|
|
4625
|
+
}
|
|
4626
|
+
));
|
|
4627
|
+
TableHead.displayName = "TableHead";
|
|
4628
|
+
var TableCell = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4629
|
+
"td",
|
|
4630
|
+
{
|
|
4631
|
+
ref,
|
|
4632
|
+
className: cn(
|
|
4633
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
4634
|
+
className
|
|
4635
|
+
),
|
|
4636
|
+
...props
|
|
4637
|
+
}
|
|
4638
|
+
));
|
|
4639
|
+
TableCell.displayName = "TableCell";
|
|
4640
|
+
var TableCaption = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4641
|
+
"caption",
|
|
4642
|
+
{
|
|
4643
|
+
ref,
|
|
4644
|
+
className: cn("mt-4 text-sm text-muted-foreground", className),
|
|
4645
|
+
...props
|
|
4646
|
+
}
|
|
4647
|
+
));
|
|
4648
|
+
TableCaption.displayName = "TableCaption";
|
|
4649
|
+
var toggleVariants = cva(
|
|
4650
|
+
"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",
|
|
4651
|
+
{
|
|
4652
|
+
variants: {
|
|
4653
|
+
variant: {
|
|
4654
|
+
default: "bg-transparent",
|
|
4655
|
+
outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
|
|
4656
|
+
},
|
|
4657
|
+
size: {
|
|
4658
|
+
default: "h-9 px-2 min-w-9",
|
|
4659
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
4660
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
4661
|
+
}
|
|
4662
|
+
},
|
|
4663
|
+
defaultVariants: {
|
|
4664
|
+
variant: "default",
|
|
4665
|
+
size: "default"
|
|
4666
|
+
}
|
|
4667
|
+
}
|
|
4668
|
+
);
|
|
4669
|
+
var Toggle = React66.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4670
|
+
TogglePrimitive.Root,
|
|
4671
|
+
{
|
|
4672
|
+
ref,
|
|
4673
|
+
className: cn(toggleVariants({ variant, size, className })),
|
|
4674
|
+
...props
|
|
4675
|
+
}
|
|
4676
|
+
));
|
|
4677
|
+
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
4678
|
+
var ToggleGroupContext = React66.createContext({
|
|
4679
|
+
size: "default",
|
|
4680
|
+
variant: "default"
|
|
4681
|
+
});
|
|
4682
|
+
var ToggleGroup = React66.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4683
|
+
ToggleGroupPrimitive.Root,
|
|
4684
|
+
{
|
|
4685
|
+
ref,
|
|
4686
|
+
className: cn("flex items-center justify-center gap-1", className),
|
|
4687
|
+
...props,
|
|
4688
|
+
children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
4689
|
+
}
|
|
4690
|
+
));
|
|
4691
|
+
ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
|
|
4692
|
+
var ToggleGroupItem = React66.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
4693
|
+
const context = React66.useContext(ToggleGroupContext);
|
|
4694
|
+
return /* @__PURE__ */ jsx(
|
|
4695
|
+
ToggleGroupPrimitive.Item,
|
|
4696
|
+
{
|
|
4697
|
+
ref,
|
|
4698
|
+
className: cn(
|
|
4699
|
+
toggleVariants({
|
|
4700
|
+
variant: context.variant || variant,
|
|
4701
|
+
size: context.size || size
|
|
4702
|
+
}),
|
|
4703
|
+
className
|
|
4704
|
+
),
|
|
4705
|
+
...props,
|
|
4706
|
+
children
|
|
4707
|
+
}
|
|
4708
|
+
);
|
|
4709
|
+
});
|
|
4710
|
+
ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
3822
4711
|
|
|
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 };
|
|
4712
|
+
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, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatDetail, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, 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, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, Input, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, Label5 as Label, LineChart, LoadingOverlay, ManageTagsModal, 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, 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, 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
4713
|
//# sourceMappingURL=out.js.map
|
|
3825
4714
|
//# sourceMappingURL=index.mjs.map
|