@blips/ui 0.0.1 → 1.0.1
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.cjs +1347 -146
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +185 -6
- package/dist/index.d.ts +185 -6
- package/dist/index.js +1295 -148
- package/dist/index.js.map +1 -1
- package/package.json +25 -13
- package/src/components/accordion.tsx +12 -12
- package/src/components/alert-dialog.tsx +25 -24
- package/src/components/alert.tsx +11 -11
- package/src/components/aspect-ratio.tsx +3 -3
- package/src/components/avatar.tsx +11 -11
- package/src/components/badge.tsx +6 -6
- package/src/components/breadcrumb.tsx +23 -23
- package/src/components/button-group.tsx +83 -0
- package/src/components/button.tsx +11 -11
- package/src/components/calendar.tsx +21 -24
- package/src/components/card.tsx +15 -22
- package/src/components/carousel.tsx +72 -71
- package/src/components/chart.tsx +368 -0
- package/src/components/checkbox.tsx +7 -7
- package/src/components/collapsible.tsx +6 -6
- package/src/components/command.tsx +27 -26
- package/src/components/context-menu.tsx +33 -33
- package/src/components/dialog.tsx +22 -22
- package/src/components/drawer.tsx +21 -21
- package/src/components/dropdown-menu.tsx +34 -34
- package/src/components/form.tsx +178 -0
- package/src/components/hover-card.tsx +8 -8
- package/src/components/input-group.tsx +175 -0
- package/src/components/input-otp.tsx +16 -16
- package/src/components/input.tsx +6 -6
- package/src/components/kbd.tsx +28 -0
- package/src/components/label.tsx +9 -9
- package/src/components/menubar.tsx +36 -36
- package/src/components/navigation-menu.tsx +21 -21
- package/src/components/pagination.tsx +22 -21
- package/src/components/popover.tsx +8 -8
- package/src/components/progress.tsx +7 -7
- package/src/components/radio-group.tsx +11 -11
- package/src/components/resizable.tsx +14 -14
- package/src/components/scroll-area.tsx +8 -8
- package/src/components/select.tsx +23 -23
- package/src/components/separator.tsx +6 -6
- package/src/components/sheet.tsx +24 -24
- package/src/components/sidebar.tsx +774 -0
- package/src/components/skeleton.tsx +3 -3
- package/src/components/slider.tsx +6 -6
- package/src/components/sonner.tsx +9 -9
- package/src/components/spinner.tsx +16 -0
- package/src/components/switch.tsx +6 -6
- package/src/components/table.tsx +19 -19
- package/src/components/tabs.tsx +11 -11
- package/src/components/textarea.tsx +6 -6
- package/src/components/toggle-group.tsx +15 -14
- package/src/components/toggle.tsx +8 -8
- package/src/components/tooltip.tsx +10 -10
- package/src/globals.css +45 -0
- package/src/hooks/use-mobile.tsx +19 -0
- package/src/index.ts +78 -0
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var React41 = require('react');
|
|
3
4
|
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
4
5
|
var lucideReact = require('lucide-react');
|
|
5
|
-
var React9 = require('react');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var tailwindMerge = require('tailwind-merge');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -28,7 +28,7 @@ var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
|
|
|
28
28
|
var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
29
29
|
var ProgressPrimitive = require('@radix-ui/react-progress');
|
|
30
30
|
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
31
|
-
var
|
|
31
|
+
var ResizablePrimitive = require('react-resizable-panels');
|
|
32
32
|
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
33
33
|
var SelectPrimitive = require('@radix-ui/react-select');
|
|
34
34
|
var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
@@ -40,6 +40,8 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
|
40
40
|
var TogglePrimitive = require('@radix-ui/react-toggle');
|
|
41
41
|
var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
|
|
42
42
|
var TooltipPrimitive = require('@radix-ui/react-tooltip');
|
|
43
|
+
var RechartsPrimitive = require('recharts');
|
|
44
|
+
var reactHookForm = require('react-hook-form');
|
|
43
45
|
|
|
44
46
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
45
47
|
|
|
@@ -61,8 +63,8 @@ function _interopNamespace(e) {
|
|
|
61
63
|
return Object.freeze(n);
|
|
62
64
|
}
|
|
63
65
|
|
|
66
|
+
var React41__namespace = /*#__PURE__*/_interopNamespace(React41);
|
|
64
67
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
65
|
-
var React9__namespace = /*#__PURE__*/_interopNamespace(React9);
|
|
66
68
|
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
67
69
|
var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
|
|
68
70
|
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
@@ -79,6 +81,7 @@ var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(Navigati
|
|
|
79
81
|
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
80
82
|
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
81
83
|
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
84
|
+
var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
|
|
82
85
|
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
83
86
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
84
87
|
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
@@ -88,13 +91,14 @@ var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
|
88
91
|
var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
|
|
89
92
|
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
90
93
|
var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
|
|
94
|
+
var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
|
|
91
95
|
|
|
92
96
|
// src/components/accordion.tsx
|
|
93
97
|
function cn(...inputs) {
|
|
94
98
|
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
95
99
|
}
|
|
96
100
|
var Accordion = AccordionPrimitive__namespace.Root;
|
|
97
|
-
var AccordionItem =
|
|
101
|
+
var AccordionItem = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
98
102
|
AccordionPrimitive__namespace.Item,
|
|
99
103
|
{
|
|
100
104
|
ref,
|
|
@@ -103,7 +107,7 @@ var AccordionItem = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
103
107
|
}
|
|
104
108
|
));
|
|
105
109
|
AccordionItem.displayName = "AccordionItem";
|
|
106
|
-
var AccordionTrigger =
|
|
110
|
+
var AccordionTrigger = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
107
111
|
AccordionPrimitive__namespace.Trigger,
|
|
108
112
|
{
|
|
109
113
|
ref,
|
|
@@ -119,7 +123,7 @@ var AccordionTrigger = React9__namespace.forwardRef(({ className, children, ...p
|
|
|
119
123
|
}
|
|
120
124
|
) }));
|
|
121
125
|
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
122
|
-
var AccordionContent =
|
|
126
|
+
var AccordionContent = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
123
127
|
AccordionPrimitive__namespace.Content,
|
|
124
128
|
{
|
|
125
129
|
ref,
|
|
@@ -143,7 +147,7 @@ var alertVariants = classVarianceAuthority.cva(
|
|
|
143
147
|
}
|
|
144
148
|
}
|
|
145
149
|
);
|
|
146
|
-
var Alert =
|
|
150
|
+
var Alert = React41__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
147
151
|
"div",
|
|
148
152
|
{
|
|
149
153
|
ref,
|
|
@@ -153,7 +157,7 @@ var Alert = React9__namespace.forwardRef(({ className, variant, ...props }, ref)
|
|
|
153
157
|
}
|
|
154
158
|
));
|
|
155
159
|
Alert.displayName = "Alert";
|
|
156
|
-
var AlertTitle =
|
|
160
|
+
var AlertTitle = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
157
161
|
"h5",
|
|
158
162
|
{
|
|
159
163
|
ref,
|
|
@@ -162,7 +166,7 @@ var AlertTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
162
166
|
}
|
|
163
167
|
));
|
|
164
168
|
AlertTitle.displayName = "AlertTitle";
|
|
165
|
-
var AlertDescription =
|
|
169
|
+
var AlertDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
166
170
|
"div",
|
|
167
171
|
{
|
|
168
172
|
ref,
|
|
@@ -196,7 +200,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
196
200
|
}
|
|
197
201
|
}
|
|
198
202
|
);
|
|
199
|
-
var Button =
|
|
203
|
+
var Button = React41__namespace.forwardRef(
|
|
200
204
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
201
205
|
const Comp = asChild ? reactSlot.Slot : "button";
|
|
202
206
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -213,7 +217,7 @@ Button.displayName = "Button";
|
|
|
213
217
|
var AlertDialog = AlertDialogPrimitive__namespace.Root;
|
|
214
218
|
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
215
219
|
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
216
|
-
var AlertDialogOverlay =
|
|
220
|
+
var AlertDialogOverlay = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
217
221
|
AlertDialogPrimitive__namespace.Overlay,
|
|
218
222
|
{
|
|
219
223
|
className: cn(
|
|
@@ -225,7 +229,7 @@ var AlertDialogOverlay = React9__namespace.forwardRef(({ className, ...props },
|
|
|
225
229
|
}
|
|
226
230
|
));
|
|
227
231
|
AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
|
|
228
|
-
var AlertDialogContent =
|
|
232
|
+
var AlertDialogContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
229
233
|
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
230
234
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
231
235
|
AlertDialogPrimitive__namespace.Content,
|
|
@@ -268,7 +272,7 @@ var AlertDialogFooter = ({
|
|
|
268
272
|
}
|
|
269
273
|
);
|
|
270
274
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
271
|
-
var AlertDialogTitle =
|
|
275
|
+
var AlertDialogTitle = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
272
276
|
AlertDialogPrimitive__namespace.Title,
|
|
273
277
|
{
|
|
274
278
|
ref,
|
|
@@ -277,7 +281,7 @@ var AlertDialogTitle = React9__namespace.forwardRef(({ className, ...props }, re
|
|
|
277
281
|
}
|
|
278
282
|
));
|
|
279
283
|
AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
|
|
280
|
-
var AlertDialogDescription =
|
|
284
|
+
var AlertDialogDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
281
285
|
AlertDialogPrimitive__namespace.Description,
|
|
282
286
|
{
|
|
283
287
|
ref,
|
|
@@ -286,7 +290,7 @@ var AlertDialogDescription = React9__namespace.forwardRef(({ className, ...props
|
|
|
286
290
|
}
|
|
287
291
|
));
|
|
288
292
|
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
289
|
-
var AlertDialogAction =
|
|
293
|
+
var AlertDialogAction = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
290
294
|
AlertDialogPrimitive__namespace.Action,
|
|
291
295
|
{
|
|
292
296
|
ref,
|
|
@@ -295,7 +299,7 @@ var AlertDialogAction = React9__namespace.forwardRef(({ className, ...props }, r
|
|
|
295
299
|
}
|
|
296
300
|
));
|
|
297
301
|
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
298
|
-
var AlertDialogCancel =
|
|
302
|
+
var AlertDialogCancel = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
299
303
|
AlertDialogPrimitive__namespace.Cancel,
|
|
300
304
|
{
|
|
301
305
|
ref,
|
|
@@ -309,7 +313,7 @@ var AlertDialogCancel = React9__namespace.forwardRef(({ className, ...props }, r
|
|
|
309
313
|
));
|
|
310
314
|
AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
|
|
311
315
|
var AspectRatio = AspectRatioPrimitive__namespace.Root;
|
|
312
|
-
var Avatar =
|
|
316
|
+
var Avatar = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
313
317
|
AvatarPrimitive__namespace.Root,
|
|
314
318
|
{
|
|
315
319
|
ref,
|
|
@@ -321,7 +325,7 @@ var Avatar = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
321
325
|
}
|
|
322
326
|
));
|
|
323
327
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
324
|
-
var AvatarImage =
|
|
328
|
+
var AvatarImage = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
325
329
|
AvatarPrimitive__namespace.Image,
|
|
326
330
|
{
|
|
327
331
|
ref,
|
|
@@ -330,7 +334,7 @@ var AvatarImage = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
330
334
|
}
|
|
331
335
|
));
|
|
332
336
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
333
|
-
var AvatarFallback =
|
|
337
|
+
var AvatarFallback = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
334
338
|
AvatarPrimitive__namespace.Fallback,
|
|
335
339
|
{
|
|
336
340
|
ref,
|
|
@@ -361,9 +365,9 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
361
365
|
function Badge({ className, variant, ...props }) {
|
|
362
366
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
363
367
|
}
|
|
364
|
-
var Breadcrumb =
|
|
368
|
+
var Breadcrumb = React41__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
|
|
365
369
|
Breadcrumb.displayName = "Breadcrumb";
|
|
366
|
-
var BreadcrumbList =
|
|
370
|
+
var BreadcrumbList = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
367
371
|
"ol",
|
|
368
372
|
{
|
|
369
373
|
ref,
|
|
@@ -375,7 +379,7 @@ var BreadcrumbList = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
375
379
|
}
|
|
376
380
|
));
|
|
377
381
|
BreadcrumbList.displayName = "BreadcrumbList";
|
|
378
|
-
var BreadcrumbItem =
|
|
382
|
+
var BreadcrumbItem = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
379
383
|
"li",
|
|
380
384
|
{
|
|
381
385
|
ref,
|
|
@@ -384,7 +388,7 @@ var BreadcrumbItem = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
384
388
|
}
|
|
385
389
|
));
|
|
386
390
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
387
|
-
var BreadcrumbLink =
|
|
391
|
+
var BreadcrumbLink = React41__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
|
|
388
392
|
const Comp = asChild ? reactSlot.Slot : "a";
|
|
389
393
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
390
394
|
Comp,
|
|
@@ -396,7 +400,7 @@ var BreadcrumbLink = React9__namespace.forwardRef(({ asChild, className, ...prop
|
|
|
396
400
|
);
|
|
397
401
|
});
|
|
398
402
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
399
|
-
var BreadcrumbPage =
|
|
403
|
+
var BreadcrumbPage = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
400
404
|
"span",
|
|
401
405
|
{
|
|
402
406
|
ref,
|
|
@@ -592,8 +596,8 @@ function CalendarDayButton({
|
|
|
592
596
|
...props
|
|
593
597
|
}) {
|
|
594
598
|
const defaultClassNames = reactDayPicker.getDefaultClassNames();
|
|
595
|
-
const ref =
|
|
596
|
-
|
|
599
|
+
const ref = React41__namespace.useRef(null);
|
|
600
|
+
React41__namespace.useEffect(() => {
|
|
597
601
|
if (modifiers.focused) ref.current?.focus();
|
|
598
602
|
}, [modifiers.focused]);
|
|
599
603
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -616,7 +620,7 @@ function CalendarDayButton({
|
|
|
616
620
|
}
|
|
617
621
|
);
|
|
618
622
|
}
|
|
619
|
-
var Card =
|
|
623
|
+
var Card = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
620
624
|
"div",
|
|
621
625
|
{
|
|
622
626
|
ref,
|
|
@@ -628,7 +632,7 @@ var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
628
632
|
}
|
|
629
633
|
));
|
|
630
634
|
Card.displayName = "Card";
|
|
631
|
-
var CardHeader =
|
|
635
|
+
var CardHeader = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
632
636
|
"div",
|
|
633
637
|
{
|
|
634
638
|
ref,
|
|
@@ -637,7 +641,7 @@ var CardHeader = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
637
641
|
}
|
|
638
642
|
));
|
|
639
643
|
CardHeader.displayName = "CardHeader";
|
|
640
|
-
var CardTitle =
|
|
644
|
+
var CardTitle = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
641
645
|
"div",
|
|
642
646
|
{
|
|
643
647
|
ref,
|
|
@@ -649,7 +653,7 @@ var CardTitle = React9__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
649
653
|
}
|
|
650
654
|
));
|
|
651
655
|
CardTitle.displayName = "CardTitle";
|
|
652
|
-
var CardDescription =
|
|
656
|
+
var CardDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
653
657
|
"div",
|
|
654
658
|
{
|
|
655
659
|
ref,
|
|
@@ -658,9 +662,9 @@ var CardDescription = React9__namespace.forwardRef(({ className, ...props }, ref
|
|
|
658
662
|
}
|
|
659
663
|
));
|
|
660
664
|
CardDescription.displayName = "CardDescription";
|
|
661
|
-
var CardContent =
|
|
665
|
+
var CardContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
662
666
|
CardContent.displayName = "CardContent";
|
|
663
|
-
var CardFooter =
|
|
667
|
+
var CardFooter = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
664
668
|
"div",
|
|
665
669
|
{
|
|
666
670
|
ref,
|
|
@@ -669,15 +673,15 @@ var CardFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
669
673
|
}
|
|
670
674
|
));
|
|
671
675
|
CardFooter.displayName = "CardFooter";
|
|
672
|
-
var CarouselContext =
|
|
676
|
+
var CarouselContext = React41__namespace.createContext(null);
|
|
673
677
|
function useCarousel() {
|
|
674
|
-
const context =
|
|
678
|
+
const context = React41__namespace.useContext(CarouselContext);
|
|
675
679
|
if (!context) {
|
|
676
680
|
throw new Error("useCarousel must be used within a <Carousel />");
|
|
677
681
|
}
|
|
678
682
|
return context;
|
|
679
683
|
}
|
|
680
|
-
var Carousel =
|
|
684
|
+
var Carousel = React41__namespace.forwardRef(
|
|
681
685
|
({
|
|
682
686
|
orientation = "horizontal",
|
|
683
687
|
opts,
|
|
@@ -694,22 +698,22 @@ var Carousel = React9__namespace.forwardRef(
|
|
|
694
698
|
},
|
|
695
699
|
plugins
|
|
696
700
|
);
|
|
697
|
-
const [canScrollPrev, setCanScrollPrev] =
|
|
698
|
-
const [canScrollNext, setCanScrollNext] =
|
|
699
|
-
const onSelect =
|
|
701
|
+
const [canScrollPrev, setCanScrollPrev] = React41__namespace.useState(false);
|
|
702
|
+
const [canScrollNext, setCanScrollNext] = React41__namespace.useState(false);
|
|
703
|
+
const onSelect = React41__namespace.useCallback((api2) => {
|
|
700
704
|
if (!api2) {
|
|
701
705
|
return;
|
|
702
706
|
}
|
|
703
707
|
setCanScrollPrev(api2.canScrollPrev());
|
|
704
708
|
setCanScrollNext(api2.canScrollNext());
|
|
705
709
|
}, []);
|
|
706
|
-
const scrollPrev =
|
|
710
|
+
const scrollPrev = React41__namespace.useCallback(() => {
|
|
707
711
|
api?.scrollPrev();
|
|
708
712
|
}, [api]);
|
|
709
|
-
const scrollNext =
|
|
713
|
+
const scrollNext = React41__namespace.useCallback(() => {
|
|
710
714
|
api?.scrollNext();
|
|
711
715
|
}, [api]);
|
|
712
|
-
const handleKeyDown =
|
|
716
|
+
const handleKeyDown = React41__namespace.useCallback(
|
|
713
717
|
(event) => {
|
|
714
718
|
if (event.key === "ArrowLeft") {
|
|
715
719
|
event.preventDefault();
|
|
@@ -721,13 +725,13 @@ var Carousel = React9__namespace.forwardRef(
|
|
|
721
725
|
},
|
|
722
726
|
[scrollPrev, scrollNext]
|
|
723
727
|
);
|
|
724
|
-
|
|
728
|
+
React41__namespace.useEffect(() => {
|
|
725
729
|
if (!api || !setApi) {
|
|
726
730
|
return;
|
|
727
731
|
}
|
|
728
732
|
setApi(api);
|
|
729
733
|
}, [api, setApi]);
|
|
730
|
-
|
|
734
|
+
React41__namespace.useEffect(() => {
|
|
731
735
|
if (!api) {
|
|
732
736
|
return;
|
|
733
737
|
}
|
|
@@ -768,7 +772,7 @@ var Carousel = React9__namespace.forwardRef(
|
|
|
768
772
|
}
|
|
769
773
|
);
|
|
770
774
|
Carousel.displayName = "Carousel";
|
|
771
|
-
var CarouselContent =
|
|
775
|
+
var CarouselContent = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
772
776
|
const { carouselRef, orientation } = useCarousel();
|
|
773
777
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
774
778
|
"div",
|
|
@@ -784,7 +788,7 @@ var CarouselContent = React9__namespace.forwardRef(({ className, ...props }, ref
|
|
|
784
788
|
) });
|
|
785
789
|
});
|
|
786
790
|
CarouselContent.displayName = "CarouselContent";
|
|
787
|
-
var CarouselItem =
|
|
791
|
+
var CarouselItem = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
788
792
|
const { orientation } = useCarousel();
|
|
789
793
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
790
794
|
"div",
|
|
@@ -802,7 +806,7 @@ var CarouselItem = React9__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
802
806
|
);
|
|
803
807
|
});
|
|
804
808
|
CarouselItem.displayName = "CarouselItem";
|
|
805
|
-
var CarouselPrevious =
|
|
809
|
+
var CarouselPrevious = React41__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
806
810
|
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
807
811
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
808
812
|
Button,
|
|
@@ -826,7 +830,7 @@ var CarouselPrevious = React9__namespace.forwardRef(({ className, variant = "out
|
|
|
826
830
|
);
|
|
827
831
|
});
|
|
828
832
|
CarouselPrevious.displayName = "CarouselPrevious";
|
|
829
|
-
var CarouselNext =
|
|
833
|
+
var CarouselNext = React41__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
830
834
|
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
831
835
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
832
836
|
Button,
|
|
@@ -850,7 +854,7 @@ var CarouselNext = React9__namespace.forwardRef(({ className, variant = "outline
|
|
|
850
854
|
);
|
|
851
855
|
});
|
|
852
856
|
CarouselNext.displayName = "CarouselNext";
|
|
853
|
-
var Checkbox =
|
|
857
|
+
var Checkbox = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
854
858
|
CheckboxPrimitive__namespace.Root,
|
|
855
859
|
{
|
|
856
860
|
ref,
|
|
@@ -876,7 +880,7 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
876
880
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
877
881
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
878
882
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
879
|
-
var DialogOverlay =
|
|
883
|
+
var DialogOverlay = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
880
884
|
DialogPrimitive__namespace.Overlay,
|
|
881
885
|
{
|
|
882
886
|
ref,
|
|
@@ -888,7 +892,7 @@ var DialogOverlay = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
888
892
|
}
|
|
889
893
|
));
|
|
890
894
|
DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
|
|
891
|
-
var DialogContent =
|
|
895
|
+
var DialogContent = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
892
896
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
893
897
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
894
898
|
DialogPrimitive__namespace.Content,
|
|
@@ -938,7 +942,7 @@ var DialogFooter = ({
|
|
|
938
942
|
}
|
|
939
943
|
);
|
|
940
944
|
DialogFooter.displayName = "DialogFooter";
|
|
941
|
-
var DialogTitle =
|
|
945
|
+
var DialogTitle = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
942
946
|
DialogPrimitive__namespace.Title,
|
|
943
947
|
{
|
|
944
948
|
ref,
|
|
@@ -950,7 +954,7 @@ var DialogTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
950
954
|
}
|
|
951
955
|
));
|
|
952
956
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
953
|
-
var DialogDescription =
|
|
957
|
+
var DialogDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
954
958
|
DialogPrimitive__namespace.Description,
|
|
955
959
|
{
|
|
956
960
|
ref,
|
|
@@ -959,7 +963,7 @@ var DialogDescription = React9__namespace.forwardRef(({ className, ...props }, r
|
|
|
959
963
|
}
|
|
960
964
|
));
|
|
961
965
|
DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
|
|
962
|
-
var Command =
|
|
966
|
+
var Command = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
963
967
|
cmdk.Command,
|
|
964
968
|
{
|
|
965
969
|
ref,
|
|
@@ -974,7 +978,7 @@ Command.displayName = cmdk.Command.displayName;
|
|
|
974
978
|
var CommandDialog = ({ children, ...props }) => {
|
|
975
979
|
return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
|
|
976
980
|
};
|
|
977
|
-
var CommandInput =
|
|
981
|
+
var CommandInput = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
978
982
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
979
983
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
980
984
|
cmdk.Command.Input,
|
|
@@ -989,7 +993,7 @@ var CommandInput = React9__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
989
993
|
)
|
|
990
994
|
] }));
|
|
991
995
|
CommandInput.displayName = cmdk.Command.Input.displayName;
|
|
992
|
-
var CommandList =
|
|
996
|
+
var CommandList = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
993
997
|
cmdk.Command.List,
|
|
994
998
|
{
|
|
995
999
|
ref,
|
|
@@ -998,7 +1002,7 @@ var CommandList = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
998
1002
|
}
|
|
999
1003
|
));
|
|
1000
1004
|
CommandList.displayName = cmdk.Command.List.displayName;
|
|
1001
|
-
var CommandEmpty =
|
|
1005
|
+
var CommandEmpty = React41__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1002
1006
|
cmdk.Command.Empty,
|
|
1003
1007
|
{
|
|
1004
1008
|
ref,
|
|
@@ -1007,7 +1011,7 @@ var CommandEmpty = React9__namespace.forwardRef((props, ref) => /* @__PURE__ */
|
|
|
1007
1011
|
}
|
|
1008
1012
|
));
|
|
1009
1013
|
CommandEmpty.displayName = cmdk.Command.Empty.displayName;
|
|
1010
|
-
var CommandGroup =
|
|
1014
|
+
var CommandGroup = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1011
1015
|
cmdk.Command.Group,
|
|
1012
1016
|
{
|
|
1013
1017
|
ref,
|
|
@@ -1019,7 +1023,7 @@ var CommandGroup = React9__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1019
1023
|
}
|
|
1020
1024
|
));
|
|
1021
1025
|
CommandGroup.displayName = cmdk.Command.Group.displayName;
|
|
1022
|
-
var CommandSeparator =
|
|
1026
|
+
var CommandSeparator = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1023
1027
|
cmdk.Command.Separator,
|
|
1024
1028
|
{
|
|
1025
1029
|
ref,
|
|
@@ -1028,7 +1032,7 @@ var CommandSeparator = React9__namespace.forwardRef(({ className, ...props }, re
|
|
|
1028
1032
|
}
|
|
1029
1033
|
));
|
|
1030
1034
|
CommandSeparator.displayName = cmdk.Command.Separator.displayName;
|
|
1031
|
-
var CommandItem =
|
|
1035
|
+
var CommandItem = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1032
1036
|
cmdk.Command.Item,
|
|
1033
1037
|
{
|
|
1034
1038
|
ref,
|
|
@@ -1062,7 +1066,7 @@ var ContextMenuGroup = ContextMenuPrimitive__namespace.Group;
|
|
|
1062
1066
|
var ContextMenuPortal = ContextMenuPrimitive__namespace.Portal;
|
|
1063
1067
|
var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
|
|
1064
1068
|
var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.RadioGroup;
|
|
1065
|
-
var ContextMenuSubTrigger =
|
|
1069
|
+
var ContextMenuSubTrigger = React41__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1066
1070
|
ContextMenuPrimitive__namespace.SubTrigger,
|
|
1067
1071
|
{
|
|
1068
1072
|
ref,
|
|
@@ -1079,7 +1083,7 @@ var ContextMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, ch
|
|
|
1079
1083
|
}
|
|
1080
1084
|
));
|
|
1081
1085
|
ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
|
|
1082
|
-
var ContextMenuSubContent =
|
|
1086
|
+
var ContextMenuSubContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1083
1087
|
ContextMenuPrimitive__namespace.SubContent,
|
|
1084
1088
|
{
|
|
1085
1089
|
ref,
|
|
@@ -1091,7 +1095,7 @@ var ContextMenuSubContent = React9__namespace.forwardRef(({ className, ...props
|
|
|
1091
1095
|
}
|
|
1092
1096
|
));
|
|
1093
1097
|
ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
|
|
1094
|
-
var ContextMenuContent =
|
|
1098
|
+
var ContextMenuContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1095
1099
|
ContextMenuPrimitive__namespace.Content,
|
|
1096
1100
|
{
|
|
1097
1101
|
ref,
|
|
@@ -1103,7 +1107,7 @@ var ContextMenuContent = React9__namespace.forwardRef(({ className, ...props },
|
|
|
1103
1107
|
}
|
|
1104
1108
|
) }));
|
|
1105
1109
|
ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
|
|
1106
|
-
var ContextMenuItem =
|
|
1110
|
+
var ContextMenuItem = React41__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1107
1111
|
ContextMenuPrimitive__namespace.Item,
|
|
1108
1112
|
{
|
|
1109
1113
|
ref,
|
|
@@ -1116,7 +1120,7 @@ var ContextMenuItem = React9__namespace.forwardRef(({ className, inset, ...props
|
|
|
1116
1120
|
}
|
|
1117
1121
|
));
|
|
1118
1122
|
ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
|
|
1119
|
-
var ContextMenuCheckboxItem =
|
|
1123
|
+
var ContextMenuCheckboxItem = React41__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1120
1124
|
ContextMenuPrimitive__namespace.CheckboxItem,
|
|
1121
1125
|
{
|
|
1122
1126
|
ref,
|
|
@@ -1133,7 +1137,7 @@ var ContextMenuCheckboxItem = React9__namespace.forwardRef(({ className, childre
|
|
|
1133
1137
|
}
|
|
1134
1138
|
));
|
|
1135
1139
|
ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
1136
|
-
var ContextMenuRadioItem =
|
|
1140
|
+
var ContextMenuRadioItem = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1137
1141
|
ContextMenuPrimitive__namespace.RadioItem,
|
|
1138
1142
|
{
|
|
1139
1143
|
ref,
|
|
@@ -1149,7 +1153,7 @@ var ContextMenuRadioItem = React9__namespace.forwardRef(({ className, children,
|
|
|
1149
1153
|
}
|
|
1150
1154
|
));
|
|
1151
1155
|
ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
|
|
1152
|
-
var ContextMenuLabel =
|
|
1156
|
+
var ContextMenuLabel = React41__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1153
1157
|
ContextMenuPrimitive__namespace.Label,
|
|
1154
1158
|
{
|
|
1155
1159
|
ref,
|
|
@@ -1162,7 +1166,7 @@ var ContextMenuLabel = React9__namespace.forwardRef(({ className, inset, ...prop
|
|
|
1162
1166
|
}
|
|
1163
1167
|
));
|
|
1164
1168
|
ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
|
|
1165
|
-
var ContextMenuSeparator =
|
|
1169
|
+
var ContextMenuSeparator = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1166
1170
|
ContextMenuPrimitive__namespace.Separator,
|
|
1167
1171
|
{
|
|
1168
1172
|
ref,
|
|
@@ -1201,7 +1205,7 @@ Drawer.displayName = "Drawer";
|
|
|
1201
1205
|
var DrawerTrigger = vaul.Drawer.Trigger;
|
|
1202
1206
|
var DrawerPortal = vaul.Drawer.Portal;
|
|
1203
1207
|
var DrawerClose = vaul.Drawer.Close;
|
|
1204
|
-
var DrawerOverlay =
|
|
1208
|
+
var DrawerOverlay = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1205
1209
|
vaul.Drawer.Overlay,
|
|
1206
1210
|
{
|
|
1207
1211
|
ref,
|
|
@@ -1210,7 +1214,7 @@ var DrawerOverlay = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1210
1214
|
}
|
|
1211
1215
|
));
|
|
1212
1216
|
DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
|
|
1213
|
-
var DrawerContent =
|
|
1217
|
+
var DrawerContent = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
|
|
1214
1218
|
/* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
|
|
1215
1219
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1216
1220
|
vaul.Drawer.Content,
|
|
@@ -1251,7 +1255,7 @@ var DrawerFooter = ({
|
|
|
1251
1255
|
}
|
|
1252
1256
|
);
|
|
1253
1257
|
DrawerFooter.displayName = "DrawerFooter";
|
|
1254
|
-
var DrawerTitle =
|
|
1258
|
+
var DrawerTitle = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1255
1259
|
vaul.Drawer.Title,
|
|
1256
1260
|
{
|
|
1257
1261
|
ref,
|
|
@@ -1263,7 +1267,7 @@ var DrawerTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1263
1267
|
}
|
|
1264
1268
|
));
|
|
1265
1269
|
DrawerTitle.displayName = vaul.Drawer.Title.displayName;
|
|
1266
|
-
var DrawerDescription =
|
|
1270
|
+
var DrawerDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1267
1271
|
vaul.Drawer.Description,
|
|
1268
1272
|
{
|
|
1269
1273
|
ref,
|
|
@@ -1278,7 +1282,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
1278
1282
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
1279
1283
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
1280
1284
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
1281
|
-
var DropdownMenuSubTrigger =
|
|
1285
|
+
var DropdownMenuSubTrigger = React41__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1282
1286
|
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
1283
1287
|
{
|
|
1284
1288
|
ref,
|
|
@@ -1295,7 +1299,7 @@ var DropdownMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, c
|
|
|
1295
1299
|
}
|
|
1296
1300
|
));
|
|
1297
1301
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
1298
|
-
var DropdownMenuSubContent =
|
|
1302
|
+
var DropdownMenuSubContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1299
1303
|
DropdownMenuPrimitive__namespace.SubContent,
|
|
1300
1304
|
{
|
|
1301
1305
|
ref,
|
|
@@ -1307,7 +1311,7 @@ var DropdownMenuSubContent = React9__namespace.forwardRef(({ className, ...props
|
|
|
1307
1311
|
}
|
|
1308
1312
|
));
|
|
1309
1313
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
1310
|
-
var DropdownMenuContent =
|
|
1314
|
+
var DropdownMenuContent = React41__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1311
1315
|
DropdownMenuPrimitive__namespace.Content,
|
|
1312
1316
|
{
|
|
1313
1317
|
ref,
|
|
@@ -1320,7 +1324,7 @@ var DropdownMenuContent = React9__namespace.forwardRef(({ className, sideOffset
|
|
|
1320
1324
|
}
|
|
1321
1325
|
) }));
|
|
1322
1326
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
1323
|
-
var DropdownMenuItem =
|
|
1327
|
+
var DropdownMenuItem = React41__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1324
1328
|
DropdownMenuPrimitive__namespace.Item,
|
|
1325
1329
|
{
|
|
1326
1330
|
ref,
|
|
@@ -1333,7 +1337,7 @@ var DropdownMenuItem = React9__namespace.forwardRef(({ className, inset, ...prop
|
|
|
1333
1337
|
}
|
|
1334
1338
|
));
|
|
1335
1339
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
1336
|
-
var DropdownMenuCheckboxItem =
|
|
1340
|
+
var DropdownMenuCheckboxItem = React41__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1337
1341
|
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
1338
1342
|
{
|
|
1339
1343
|
ref,
|
|
@@ -1350,7 +1354,7 @@ var DropdownMenuCheckboxItem = React9__namespace.forwardRef(({ className, childr
|
|
|
1350
1354
|
}
|
|
1351
1355
|
));
|
|
1352
1356
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
1353
|
-
var DropdownMenuRadioItem =
|
|
1357
|
+
var DropdownMenuRadioItem = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1354
1358
|
DropdownMenuPrimitive__namespace.RadioItem,
|
|
1355
1359
|
{
|
|
1356
1360
|
ref,
|
|
@@ -1366,7 +1370,7 @@ var DropdownMenuRadioItem = React9__namespace.forwardRef(({ className, children,
|
|
|
1366
1370
|
}
|
|
1367
1371
|
));
|
|
1368
1372
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
1369
|
-
var DropdownMenuLabel =
|
|
1373
|
+
var DropdownMenuLabel = React41__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1370
1374
|
DropdownMenuPrimitive__namespace.Label,
|
|
1371
1375
|
{
|
|
1372
1376
|
ref,
|
|
@@ -1379,7 +1383,7 @@ var DropdownMenuLabel = React9__namespace.forwardRef(({ className, inset, ...pro
|
|
|
1379
1383
|
}
|
|
1380
1384
|
));
|
|
1381
1385
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
1382
|
-
var DropdownMenuSeparator =
|
|
1386
|
+
var DropdownMenuSeparator = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1383
1387
|
DropdownMenuPrimitive__namespace.Separator,
|
|
1384
1388
|
{
|
|
1385
1389
|
ref,
|
|
@@ -1403,7 +1407,7 @@ var DropdownMenuShortcut = ({
|
|
|
1403
1407
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
1404
1408
|
var HoverCard = HoverCardPrimitive__namespace.Root;
|
|
1405
1409
|
var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
|
|
1406
|
-
var HoverCardContent =
|
|
1410
|
+
var HoverCardContent = React41__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1407
1411
|
HoverCardPrimitive__namespace.Content,
|
|
1408
1412
|
{
|
|
1409
1413
|
ref,
|
|
@@ -1417,7 +1421,7 @@ var HoverCardContent = React9__namespace.forwardRef(({ className, align = "cente
|
|
|
1417
1421
|
}
|
|
1418
1422
|
));
|
|
1419
1423
|
HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
|
|
1420
|
-
var Input =
|
|
1424
|
+
var Input = React41__namespace.forwardRef(
|
|
1421
1425
|
({ className, type, ...props }, ref) => {
|
|
1422
1426
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1423
1427
|
"input",
|
|
@@ -1434,7 +1438,7 @@ var Input = React9__namespace.forwardRef(
|
|
|
1434
1438
|
}
|
|
1435
1439
|
);
|
|
1436
1440
|
Input.displayName = "Input";
|
|
1437
|
-
var InputOTP =
|
|
1441
|
+
var InputOTP = React41__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1438
1442
|
inputOtp.OTPInput,
|
|
1439
1443
|
{
|
|
1440
1444
|
ref,
|
|
@@ -1447,10 +1451,10 @@ var InputOTP = React9__namespace.forwardRef(({ className, containerClassName, ..
|
|
|
1447
1451
|
}
|
|
1448
1452
|
));
|
|
1449
1453
|
InputOTP.displayName = "InputOTP";
|
|
1450
|
-
var InputOTPGroup =
|
|
1454
|
+
var InputOTPGroup = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
1451
1455
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
1452
|
-
var InputOTPSlot =
|
|
1453
|
-
const inputOTPContext =
|
|
1456
|
+
var InputOTPSlot = React41__namespace.forwardRef(({ index, className, ...props }, ref) => {
|
|
1457
|
+
const inputOTPContext = React41__namespace.useContext(inputOtp.OTPInputContext);
|
|
1454
1458
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
1455
1459
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1456
1460
|
"div",
|
|
@@ -1470,12 +1474,12 @@ var InputOTPSlot = React9__namespace.forwardRef(({ index, className, ...props },
|
|
|
1470
1474
|
);
|
|
1471
1475
|
});
|
|
1472
1476
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
1473
|
-
var InputOTPSeparator =
|
|
1477
|
+
var InputOTPSeparator = React41__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) }));
|
|
1474
1478
|
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
1475
1479
|
var labelVariants = classVarianceAuthority.cva(
|
|
1476
1480
|
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
1477
1481
|
);
|
|
1478
|
-
var Label3 =
|
|
1482
|
+
var Label3 = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1479
1483
|
LabelPrimitive__namespace.Root,
|
|
1480
1484
|
{
|
|
1481
1485
|
ref,
|
|
@@ -1509,7 +1513,7 @@ function MenubarSub({
|
|
|
1509
1513
|
}) {
|
|
1510
1514
|
return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Sub, { "data-slot": "menubar-sub", ...props });
|
|
1511
1515
|
}
|
|
1512
|
-
var Menubar =
|
|
1516
|
+
var Menubar = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1513
1517
|
MenubarPrimitive__namespace.Root,
|
|
1514
1518
|
{
|
|
1515
1519
|
ref,
|
|
@@ -1521,7 +1525,7 @@ var Menubar = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
1521
1525
|
}
|
|
1522
1526
|
));
|
|
1523
1527
|
Menubar.displayName = MenubarPrimitive__namespace.Root.displayName;
|
|
1524
|
-
var MenubarTrigger =
|
|
1528
|
+
var MenubarTrigger = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1525
1529
|
MenubarPrimitive__namespace.Trigger,
|
|
1526
1530
|
{
|
|
1527
1531
|
ref,
|
|
@@ -1533,7 +1537,7 @@ var MenubarTrigger = React9__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1533
1537
|
}
|
|
1534
1538
|
));
|
|
1535
1539
|
MenubarTrigger.displayName = MenubarPrimitive__namespace.Trigger.displayName;
|
|
1536
|
-
var MenubarSubTrigger =
|
|
1540
|
+
var MenubarSubTrigger = React41__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1537
1541
|
MenubarPrimitive__namespace.SubTrigger,
|
|
1538
1542
|
{
|
|
1539
1543
|
ref,
|
|
@@ -1550,7 +1554,7 @@ var MenubarSubTrigger = React9__namespace.forwardRef(({ className, inset, childr
|
|
|
1550
1554
|
}
|
|
1551
1555
|
));
|
|
1552
1556
|
MenubarSubTrigger.displayName = MenubarPrimitive__namespace.SubTrigger.displayName;
|
|
1553
|
-
var MenubarSubContent =
|
|
1557
|
+
var MenubarSubContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1554
1558
|
MenubarPrimitive__namespace.SubContent,
|
|
1555
1559
|
{
|
|
1556
1560
|
ref,
|
|
@@ -1562,7 +1566,7 @@ var MenubarSubContent = React9__namespace.forwardRef(({ className, ...props }, r
|
|
|
1562
1566
|
}
|
|
1563
1567
|
));
|
|
1564
1568
|
MenubarSubContent.displayName = MenubarPrimitive__namespace.SubContent.displayName;
|
|
1565
|
-
var MenubarContent =
|
|
1569
|
+
var MenubarContent = React41__namespace.forwardRef(
|
|
1566
1570
|
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1567
1571
|
MenubarPrimitive__namespace.Content,
|
|
1568
1572
|
{
|
|
@@ -1579,7 +1583,7 @@ var MenubarContent = React9__namespace.forwardRef(
|
|
|
1579
1583
|
) })
|
|
1580
1584
|
);
|
|
1581
1585
|
MenubarContent.displayName = MenubarPrimitive__namespace.Content.displayName;
|
|
1582
|
-
var MenubarItem =
|
|
1586
|
+
var MenubarItem = React41__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1583
1587
|
MenubarPrimitive__namespace.Item,
|
|
1584
1588
|
{
|
|
1585
1589
|
ref,
|
|
@@ -1592,7 +1596,7 @@ var MenubarItem = React9__namespace.forwardRef(({ className, inset, ...props },
|
|
|
1592
1596
|
}
|
|
1593
1597
|
));
|
|
1594
1598
|
MenubarItem.displayName = MenubarPrimitive__namespace.Item.displayName;
|
|
1595
|
-
var MenubarCheckboxItem =
|
|
1599
|
+
var MenubarCheckboxItem = React41__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1596
1600
|
MenubarPrimitive__namespace.CheckboxItem,
|
|
1597
1601
|
{
|
|
1598
1602
|
ref,
|
|
@@ -1609,7 +1613,7 @@ var MenubarCheckboxItem = React9__namespace.forwardRef(({ className, children, c
|
|
|
1609
1613
|
}
|
|
1610
1614
|
));
|
|
1611
1615
|
MenubarCheckboxItem.displayName = MenubarPrimitive__namespace.CheckboxItem.displayName;
|
|
1612
|
-
var MenubarRadioItem =
|
|
1616
|
+
var MenubarRadioItem = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1613
1617
|
MenubarPrimitive__namespace.RadioItem,
|
|
1614
1618
|
{
|
|
1615
1619
|
ref,
|
|
@@ -1625,7 +1629,7 @@ var MenubarRadioItem = React9__namespace.forwardRef(({ className, children, ...p
|
|
|
1625
1629
|
}
|
|
1626
1630
|
));
|
|
1627
1631
|
MenubarRadioItem.displayName = MenubarPrimitive__namespace.RadioItem.displayName;
|
|
1628
|
-
var MenubarLabel =
|
|
1632
|
+
var MenubarLabel = React41__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1629
1633
|
MenubarPrimitive__namespace.Label,
|
|
1630
1634
|
{
|
|
1631
1635
|
ref,
|
|
@@ -1638,7 +1642,7 @@ var MenubarLabel = React9__namespace.forwardRef(({ className, inset, ...props },
|
|
|
1638
1642
|
}
|
|
1639
1643
|
));
|
|
1640
1644
|
MenubarLabel.displayName = MenubarPrimitive__namespace.Label.displayName;
|
|
1641
|
-
var MenubarSeparator =
|
|
1645
|
+
var MenubarSeparator = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1642
1646
|
MenubarPrimitive__namespace.Separator,
|
|
1643
1647
|
{
|
|
1644
1648
|
ref,
|
|
@@ -1663,7 +1667,7 @@ var MenubarShortcut = ({
|
|
|
1663
1667
|
);
|
|
1664
1668
|
};
|
|
1665
1669
|
MenubarShortcut.displayname = "MenubarShortcut";
|
|
1666
|
-
var NavigationMenu =
|
|
1670
|
+
var NavigationMenu = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1667
1671
|
NavigationMenuPrimitive__namespace.Root,
|
|
1668
1672
|
{
|
|
1669
1673
|
ref,
|
|
@@ -1679,7 +1683,7 @@ var NavigationMenu = React9__namespace.forwardRef(({ className, children, ...pro
|
|
|
1679
1683
|
}
|
|
1680
1684
|
));
|
|
1681
1685
|
NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
|
|
1682
|
-
var NavigationMenuList =
|
|
1686
|
+
var NavigationMenuList = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1683
1687
|
NavigationMenuPrimitive__namespace.List,
|
|
1684
1688
|
{
|
|
1685
1689
|
ref,
|
|
@@ -1695,7 +1699,7 @@ var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
|
|
|
1695
1699
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
1696
1700
|
"group inline-flex h-10 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"
|
|
1697
1701
|
);
|
|
1698
|
-
var NavigationMenuTrigger =
|
|
1702
|
+
var NavigationMenuTrigger = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1699
1703
|
NavigationMenuPrimitive__namespace.Trigger,
|
|
1700
1704
|
{
|
|
1701
1705
|
ref,
|
|
@@ -1715,7 +1719,7 @@ var NavigationMenuTrigger = React9__namespace.forwardRef(({ className, children,
|
|
|
1715
1719
|
}
|
|
1716
1720
|
));
|
|
1717
1721
|
NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
|
|
1718
|
-
var NavigationMenuContent =
|
|
1722
|
+
var NavigationMenuContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1719
1723
|
NavigationMenuPrimitive__namespace.Content,
|
|
1720
1724
|
{
|
|
1721
1725
|
ref,
|
|
@@ -1728,7 +1732,7 @@ var NavigationMenuContent = React9__namespace.forwardRef(({ className, ...props
|
|
|
1728
1732
|
));
|
|
1729
1733
|
NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
|
|
1730
1734
|
var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
|
|
1731
|
-
var NavigationMenuViewport =
|
|
1735
|
+
var NavigationMenuViewport = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1732
1736
|
NavigationMenuPrimitive__namespace.Viewport,
|
|
1733
1737
|
{
|
|
1734
1738
|
className: cn(
|
|
@@ -1740,7 +1744,7 @@ var NavigationMenuViewport = React9__namespace.forwardRef(({ className, ...props
|
|
|
1740
1744
|
}
|
|
1741
1745
|
) }));
|
|
1742
1746
|
NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
|
|
1743
|
-
var NavigationMenuIndicator =
|
|
1747
|
+
var NavigationMenuIndicator = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1744
1748
|
NavigationMenuPrimitive__namespace.Indicator,
|
|
1745
1749
|
{
|
|
1746
1750
|
ref,
|
|
@@ -1763,7 +1767,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
1763
1767
|
}
|
|
1764
1768
|
);
|
|
1765
1769
|
Pagination.displayName = "Pagination";
|
|
1766
|
-
var PaginationContent =
|
|
1770
|
+
var PaginationContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1767
1771
|
"ul",
|
|
1768
1772
|
{
|
|
1769
1773
|
ref,
|
|
@@ -1772,7 +1776,7 @@ var PaginationContent = React9__namespace.forwardRef(({ className, ...props }, r
|
|
|
1772
1776
|
}
|
|
1773
1777
|
));
|
|
1774
1778
|
PaginationContent.displayName = "PaginationContent";
|
|
1775
|
-
var PaginationItem =
|
|
1779
|
+
var PaginationItem = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
|
|
1776
1780
|
PaginationItem.displayName = "PaginationItem";
|
|
1777
1781
|
var PaginationLink = ({
|
|
1778
1782
|
className,
|
|
@@ -1846,7 +1850,7 @@ var PaginationEllipsis = ({
|
|
|
1846
1850
|
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
1847
1851
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
1848
1852
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
1849
|
-
var PopoverContent =
|
|
1853
|
+
var PopoverContent = React41__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1850
1854
|
PopoverPrimitive__namespace.Content,
|
|
1851
1855
|
{
|
|
1852
1856
|
ref,
|
|
@@ -1860,7 +1864,7 @@ var PopoverContent = React9__namespace.forwardRef(({ className, align = "center"
|
|
|
1860
1864
|
}
|
|
1861
1865
|
) }));
|
|
1862
1866
|
PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
1863
|
-
var Progress =
|
|
1867
|
+
var Progress = React41__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1864
1868
|
ProgressPrimitive__namespace.Root,
|
|
1865
1869
|
{
|
|
1866
1870
|
ref,
|
|
@@ -1879,7 +1883,7 @@ var Progress = React9__namespace.forwardRef(({ className, value, ...props }, ref
|
|
|
1879
1883
|
}
|
|
1880
1884
|
));
|
|
1881
1885
|
Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
|
|
1882
|
-
var RadioGroup4 =
|
|
1886
|
+
var RadioGroup4 = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1883
1887
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1884
1888
|
RadioGroupPrimitive__namespace.Root,
|
|
1885
1889
|
{
|
|
@@ -1890,7 +1894,7 @@ var RadioGroup4 = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1890
1894
|
);
|
|
1891
1895
|
});
|
|
1892
1896
|
RadioGroup4.displayName = RadioGroupPrimitive__namespace.Root.displayName;
|
|
1893
|
-
var RadioGroupItem =
|
|
1897
|
+
var RadioGroupItem = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1894
1898
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1895
1899
|
RadioGroupPrimitive__namespace.Item,
|
|
1896
1900
|
{
|
|
@@ -1909,7 +1913,7 @@ var ResizablePanelGroup = ({
|
|
|
1909
1913
|
className,
|
|
1910
1914
|
...props
|
|
1911
1915
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1912
|
-
|
|
1916
|
+
ResizablePrimitive__namespace.Group,
|
|
1913
1917
|
{
|
|
1914
1918
|
className: cn(
|
|
1915
1919
|
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
@@ -1918,13 +1922,13 @@ var ResizablePanelGroup = ({
|
|
|
1918
1922
|
...props
|
|
1919
1923
|
}
|
|
1920
1924
|
);
|
|
1921
|
-
var ResizablePanel =
|
|
1925
|
+
var ResizablePanel = ResizablePrimitive__namespace.Panel;
|
|
1922
1926
|
var ResizableHandle = ({
|
|
1923
1927
|
withHandle,
|
|
1924
1928
|
className,
|
|
1925
1929
|
...props
|
|
1926
1930
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1927
|
-
|
|
1931
|
+
ResizablePrimitive__namespace.Separator,
|
|
1928
1932
|
{
|
|
1929
1933
|
className: cn(
|
|
1930
1934
|
"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
@@ -1934,7 +1938,7 @@ var ResizableHandle = ({
|
|
|
1934
1938
|
children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-2.5 w-2.5" }) })
|
|
1935
1939
|
}
|
|
1936
1940
|
);
|
|
1937
|
-
var ScrollArea =
|
|
1941
|
+
var ScrollArea = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1938
1942
|
ScrollAreaPrimitive__namespace.Root,
|
|
1939
1943
|
{
|
|
1940
1944
|
ref,
|
|
@@ -1948,7 +1952,7 @@ var ScrollArea = React9__namespace.forwardRef(({ className, children, ...props }
|
|
|
1948
1952
|
}
|
|
1949
1953
|
));
|
|
1950
1954
|
ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
|
|
1951
|
-
var ScrollBar =
|
|
1955
|
+
var ScrollBar = React41__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1952
1956
|
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
1953
1957
|
{
|
|
1954
1958
|
ref,
|
|
@@ -1967,7 +1971,7 @@ ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displ
|
|
|
1967
1971
|
var Select = SelectPrimitive__namespace.Root;
|
|
1968
1972
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
1969
1973
|
var SelectValue = SelectPrimitive__namespace.Value;
|
|
1970
|
-
var SelectTrigger =
|
|
1974
|
+
var SelectTrigger = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1971
1975
|
SelectPrimitive__namespace.Trigger,
|
|
1972
1976
|
{
|
|
1973
1977
|
ref,
|
|
@@ -1983,7 +1987,7 @@ var SelectTrigger = React9__namespace.forwardRef(({ className, children, ...prop
|
|
|
1983
1987
|
}
|
|
1984
1988
|
));
|
|
1985
1989
|
SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
|
|
1986
|
-
var SelectScrollUpButton =
|
|
1990
|
+
var SelectScrollUpButton = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1987
1991
|
SelectPrimitive__namespace.ScrollUpButton,
|
|
1988
1992
|
{
|
|
1989
1993
|
ref,
|
|
@@ -1996,7 +2000,7 @@ var SelectScrollUpButton = React9__namespace.forwardRef(({ className, ...props }
|
|
|
1996
2000
|
}
|
|
1997
2001
|
));
|
|
1998
2002
|
SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
|
|
1999
|
-
var SelectScrollDownButton =
|
|
2003
|
+
var SelectScrollDownButton = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2000
2004
|
SelectPrimitive__namespace.ScrollDownButton,
|
|
2001
2005
|
{
|
|
2002
2006
|
ref,
|
|
@@ -2009,7 +2013,7 @@ var SelectScrollDownButton = React9__namespace.forwardRef(({ className, ...props
|
|
|
2009
2013
|
}
|
|
2010
2014
|
));
|
|
2011
2015
|
SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
|
|
2012
|
-
var SelectContent =
|
|
2016
|
+
var SelectContent = React41__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2013
2017
|
SelectPrimitive__namespace.Content,
|
|
2014
2018
|
{
|
|
2015
2019
|
ref,
|
|
@@ -2037,7 +2041,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
|
|
|
2037
2041
|
}
|
|
2038
2042
|
) }));
|
|
2039
2043
|
SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
|
|
2040
|
-
var SelectLabel =
|
|
2044
|
+
var SelectLabel = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2041
2045
|
SelectPrimitive__namespace.Label,
|
|
2042
2046
|
{
|
|
2043
2047
|
ref,
|
|
@@ -2046,7 +2050,7 @@ var SelectLabel = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2046
2050
|
}
|
|
2047
2051
|
));
|
|
2048
2052
|
SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
|
|
2049
|
-
var SelectItem =
|
|
2053
|
+
var SelectItem = React41__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2050
2054
|
SelectPrimitive__namespace.Item,
|
|
2051
2055
|
{
|
|
2052
2056
|
ref,
|
|
@@ -2062,7 +2066,7 @@ var SelectItem = React9__namespace.forwardRef(({ className, children, ...props }
|
|
|
2062
2066
|
}
|
|
2063
2067
|
));
|
|
2064
2068
|
SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
|
|
2065
|
-
var SelectSeparator =
|
|
2069
|
+
var SelectSeparator = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2066
2070
|
SelectPrimitive__namespace.Separator,
|
|
2067
2071
|
{
|
|
2068
2072
|
ref,
|
|
@@ -2071,7 +2075,7 @@ var SelectSeparator = React9__namespace.forwardRef(({ className, ...props }, ref
|
|
|
2071
2075
|
}
|
|
2072
2076
|
));
|
|
2073
2077
|
SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
|
|
2074
|
-
var Separator6 =
|
|
2078
|
+
var Separator6 = React41__namespace.forwardRef(
|
|
2075
2079
|
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2076
2080
|
SeparatorPrimitive__namespace.Root,
|
|
2077
2081
|
{
|
|
@@ -2092,7 +2096,7 @@ var Sheet = DialogPrimitive__namespace.Root;
|
|
|
2092
2096
|
var SheetTrigger = DialogPrimitive__namespace.Trigger;
|
|
2093
2097
|
var SheetClose = DialogPrimitive__namespace.Close;
|
|
2094
2098
|
var SheetPortal = DialogPrimitive__namespace.Portal;
|
|
2095
|
-
var SheetOverlay =
|
|
2099
|
+
var SheetOverlay = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2096
2100
|
DialogPrimitive__namespace.Overlay,
|
|
2097
2101
|
{
|
|
2098
2102
|
className: cn(
|
|
@@ -2120,7 +2124,7 @@ var sheetVariants = classVarianceAuthority.cva(
|
|
|
2120
2124
|
}
|
|
2121
2125
|
}
|
|
2122
2126
|
);
|
|
2123
|
-
var SheetContent =
|
|
2127
|
+
var SheetContent = React41__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
2124
2128
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
2125
2129
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2126
2130
|
DialogPrimitive__namespace.Content,
|
|
@@ -2167,7 +2171,7 @@ var SheetFooter = ({
|
|
|
2167
2171
|
}
|
|
2168
2172
|
);
|
|
2169
2173
|
SheetFooter.displayName = "SheetFooter";
|
|
2170
|
-
var SheetTitle =
|
|
2174
|
+
var SheetTitle = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2171
2175
|
DialogPrimitive__namespace.Title,
|
|
2172
2176
|
{
|
|
2173
2177
|
ref,
|
|
@@ -2176,7 +2180,7 @@ var SheetTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2176
2180
|
}
|
|
2177
2181
|
));
|
|
2178
2182
|
SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
2179
|
-
var SheetDescription =
|
|
2183
|
+
var SheetDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2180
2184
|
DialogPrimitive__namespace.Description,
|
|
2181
2185
|
{
|
|
2182
2186
|
ref,
|
|
@@ -2197,7 +2201,7 @@ function Skeleton({
|
|
|
2197
2201
|
}
|
|
2198
2202
|
);
|
|
2199
2203
|
}
|
|
2200
|
-
var Slider =
|
|
2204
|
+
var Slider = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2201
2205
|
SliderPrimitive__namespace.Root,
|
|
2202
2206
|
{
|
|
2203
2207
|
ref,
|
|
@@ -2239,7 +2243,7 @@ var Toaster = ({ ...props }) => {
|
|
|
2239
2243
|
}
|
|
2240
2244
|
);
|
|
2241
2245
|
};
|
|
2242
|
-
var Switch =
|
|
2246
|
+
var Switch = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2243
2247
|
SwitchPrimitives__namespace.Root,
|
|
2244
2248
|
{
|
|
2245
2249
|
className: cn(
|
|
@@ -2259,7 +2263,7 @@ var Switch = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
2259
2263
|
}
|
|
2260
2264
|
));
|
|
2261
2265
|
Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
|
|
2262
|
-
var Table =
|
|
2266
|
+
var Table = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2263
2267
|
"table",
|
|
2264
2268
|
{
|
|
2265
2269
|
ref,
|
|
@@ -2268,9 +2272,9 @@ var Table = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
2268
2272
|
}
|
|
2269
2273
|
) }));
|
|
2270
2274
|
Table.displayName = "Table";
|
|
2271
|
-
var TableHeader =
|
|
2275
|
+
var TableHeader = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
2272
2276
|
TableHeader.displayName = "TableHeader";
|
|
2273
|
-
var TableBody =
|
|
2277
|
+
var TableBody = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2274
2278
|
"tbody",
|
|
2275
2279
|
{
|
|
2276
2280
|
ref,
|
|
@@ -2279,7 +2283,7 @@ var TableBody = React9__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
2279
2283
|
}
|
|
2280
2284
|
));
|
|
2281
2285
|
TableBody.displayName = "TableBody";
|
|
2282
|
-
var TableFooter =
|
|
2286
|
+
var TableFooter = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2283
2287
|
"tfoot",
|
|
2284
2288
|
{
|
|
2285
2289
|
ref,
|
|
@@ -2291,7 +2295,7 @@ var TableFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2291
2295
|
}
|
|
2292
2296
|
));
|
|
2293
2297
|
TableFooter.displayName = "TableFooter";
|
|
2294
|
-
var TableRow =
|
|
2298
|
+
var TableRow = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2295
2299
|
"tr",
|
|
2296
2300
|
{
|
|
2297
2301
|
ref,
|
|
@@ -2303,7 +2307,7 @@ var TableRow = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
2303
2307
|
}
|
|
2304
2308
|
));
|
|
2305
2309
|
TableRow.displayName = "TableRow";
|
|
2306
|
-
var TableHead =
|
|
2310
|
+
var TableHead = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2307
2311
|
"th",
|
|
2308
2312
|
{
|
|
2309
2313
|
ref,
|
|
@@ -2315,7 +2319,7 @@ var TableHead = React9__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
2315
2319
|
}
|
|
2316
2320
|
));
|
|
2317
2321
|
TableHead.displayName = "TableHead";
|
|
2318
|
-
var TableCell =
|
|
2322
|
+
var TableCell = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2319
2323
|
"td",
|
|
2320
2324
|
{
|
|
2321
2325
|
ref,
|
|
@@ -2324,7 +2328,7 @@ var TableCell = React9__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
2324
2328
|
}
|
|
2325
2329
|
));
|
|
2326
2330
|
TableCell.displayName = "TableCell";
|
|
2327
|
-
var TableCaption =
|
|
2331
|
+
var TableCaption = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2328
2332
|
"caption",
|
|
2329
2333
|
{
|
|
2330
2334
|
ref,
|
|
@@ -2334,7 +2338,7 @@ var TableCaption = React9__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
2334
2338
|
));
|
|
2335
2339
|
TableCaption.displayName = "TableCaption";
|
|
2336
2340
|
var Tabs = TabsPrimitive__namespace.Root;
|
|
2337
|
-
var TabsList =
|
|
2341
|
+
var TabsList = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2338
2342
|
TabsPrimitive__namespace.List,
|
|
2339
2343
|
{
|
|
2340
2344
|
ref,
|
|
@@ -2346,7 +2350,7 @@ var TabsList = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
2346
2350
|
}
|
|
2347
2351
|
));
|
|
2348
2352
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
2349
|
-
var TabsTrigger =
|
|
2353
|
+
var TabsTrigger = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2350
2354
|
TabsPrimitive__namespace.Trigger,
|
|
2351
2355
|
{
|
|
2352
2356
|
ref,
|
|
@@ -2358,7 +2362,7 @@ var TabsTrigger = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2358
2362
|
}
|
|
2359
2363
|
));
|
|
2360
2364
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
2361
|
-
var TabsContent =
|
|
2365
|
+
var TabsContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2362
2366
|
TabsPrimitive__namespace.Content,
|
|
2363
2367
|
{
|
|
2364
2368
|
ref,
|
|
@@ -2370,7 +2374,7 @@ var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2370
2374
|
}
|
|
2371
2375
|
));
|
|
2372
2376
|
TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
|
|
2373
|
-
var Textarea =
|
|
2377
|
+
var Textarea = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
2374
2378
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2375
2379
|
"textarea",
|
|
2376
2380
|
{
|
|
@@ -2404,7 +2408,7 @@ var toggleVariants = classVarianceAuthority.cva(
|
|
|
2404
2408
|
}
|
|
2405
2409
|
}
|
|
2406
2410
|
);
|
|
2407
|
-
var Toggle =
|
|
2411
|
+
var Toggle = React41__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2408
2412
|
TogglePrimitive__namespace.Root,
|
|
2409
2413
|
{
|
|
2410
2414
|
ref,
|
|
@@ -2413,11 +2417,11 @@ var Toggle = React9__namespace.forwardRef(({ className, variant, size, ...props
|
|
|
2413
2417
|
}
|
|
2414
2418
|
));
|
|
2415
2419
|
Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
|
|
2416
|
-
var ToggleGroupContext =
|
|
2420
|
+
var ToggleGroupContext = React41__namespace.createContext({
|
|
2417
2421
|
size: "default",
|
|
2418
2422
|
variant: "default"
|
|
2419
2423
|
});
|
|
2420
|
-
var ToggleGroup =
|
|
2424
|
+
var ToggleGroup = React41__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2421
2425
|
ToggleGroupPrimitive__namespace.Root,
|
|
2422
2426
|
{
|
|
2423
2427
|
ref,
|
|
@@ -2427,8 +2431,8 @@ var ToggleGroup = React9__namespace.forwardRef(({ className, variant, size, chil
|
|
|
2427
2431
|
}
|
|
2428
2432
|
));
|
|
2429
2433
|
ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
|
|
2430
|
-
var ToggleGroupItem =
|
|
2431
|
-
const context =
|
|
2434
|
+
var ToggleGroupItem = React41__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
2435
|
+
const context = React41__namespace.useContext(ToggleGroupContext);
|
|
2432
2436
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2433
2437
|
ToggleGroupPrimitive__namespace.Item,
|
|
2434
2438
|
{
|
|
@@ -2449,7 +2453,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
|
|
|
2449
2453
|
var TooltipProvider = TooltipPrimitive__namespace.Provider;
|
|
2450
2454
|
var Tooltip = TooltipPrimitive__namespace.Root;
|
|
2451
2455
|
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
2452
|
-
var TooltipContent =
|
|
2456
|
+
var TooltipContent = React41__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2453
2457
|
TooltipPrimitive__namespace.Content,
|
|
2454
2458
|
{
|
|
2455
2459
|
ref,
|
|
@@ -2462,6 +2466,1151 @@ var TooltipContent = React9__namespace.forwardRef(({ className, sideOffset = 4,
|
|
|
2462
2466
|
}
|
|
2463
2467
|
));
|
|
2464
2468
|
TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
|
|
2469
|
+
var buttonGroupVariants = classVarianceAuthority.cva(
|
|
2470
|
+
"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
|
|
2471
|
+
{
|
|
2472
|
+
variants: {
|
|
2473
|
+
orientation: {
|
|
2474
|
+
horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
2475
|
+
vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
|
|
2476
|
+
}
|
|
2477
|
+
},
|
|
2478
|
+
defaultVariants: {
|
|
2479
|
+
orientation: "horizontal"
|
|
2480
|
+
}
|
|
2481
|
+
}
|
|
2482
|
+
);
|
|
2483
|
+
function ButtonGroup({
|
|
2484
|
+
className,
|
|
2485
|
+
orientation,
|
|
2486
|
+
...props
|
|
2487
|
+
}) {
|
|
2488
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2489
|
+
"div",
|
|
2490
|
+
{
|
|
2491
|
+
role: "group",
|
|
2492
|
+
"data-slot": "button-group",
|
|
2493
|
+
"data-orientation": orientation,
|
|
2494
|
+
className: cn(buttonGroupVariants({ orientation }), className),
|
|
2495
|
+
...props
|
|
2496
|
+
}
|
|
2497
|
+
);
|
|
2498
|
+
}
|
|
2499
|
+
function ButtonGroupText({
|
|
2500
|
+
className,
|
|
2501
|
+
asChild = false,
|
|
2502
|
+
...props
|
|
2503
|
+
}) {
|
|
2504
|
+
const Comp = asChild ? reactSlot.Slot : "div";
|
|
2505
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2506
|
+
Comp,
|
|
2507
|
+
{
|
|
2508
|
+
className: cn(
|
|
2509
|
+
"bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
|
|
2510
|
+
className
|
|
2511
|
+
),
|
|
2512
|
+
...props
|
|
2513
|
+
}
|
|
2514
|
+
);
|
|
2515
|
+
}
|
|
2516
|
+
function ButtonGroupSeparator({
|
|
2517
|
+
className,
|
|
2518
|
+
orientation = "vertical",
|
|
2519
|
+
...props
|
|
2520
|
+
}) {
|
|
2521
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2522
|
+
Separator6,
|
|
2523
|
+
{
|
|
2524
|
+
"data-slot": "button-group-separator",
|
|
2525
|
+
orientation,
|
|
2526
|
+
className: cn(
|
|
2527
|
+
"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
|
|
2528
|
+
className
|
|
2529
|
+
),
|
|
2530
|
+
...props
|
|
2531
|
+
}
|
|
2532
|
+
);
|
|
2533
|
+
}
|
|
2534
|
+
var THEMES = { light: "", dark: ".dark" };
|
|
2535
|
+
var ChartContext = React41__namespace.createContext(null);
|
|
2536
|
+
function useChart() {
|
|
2537
|
+
const context = React41__namespace.useContext(ChartContext);
|
|
2538
|
+
if (!context) {
|
|
2539
|
+
throw new Error("useChart must be used within a <ChartContainer />");
|
|
2540
|
+
}
|
|
2541
|
+
return context;
|
|
2542
|
+
}
|
|
2543
|
+
var ChartContainer = React41__namespace.forwardRef(({ id, className, children, config, ...props }, ref) => {
|
|
2544
|
+
const uniqueId = React41__namespace.useId();
|
|
2545
|
+
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
2546
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2547
|
+
"div",
|
|
2548
|
+
{
|
|
2549
|
+
"data-chart": chartId,
|
|
2550
|
+
ref,
|
|
2551
|
+
className: cn(
|
|
2552
|
+
"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
|
|
2553
|
+
className
|
|
2554
|
+
),
|
|
2555
|
+
...props,
|
|
2556
|
+
children: [
|
|
2557
|
+
/* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { id: chartId, config }),
|
|
2558
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive__namespace.ResponsiveContainer, { children })
|
|
2559
|
+
]
|
|
2560
|
+
}
|
|
2561
|
+
) });
|
|
2562
|
+
});
|
|
2563
|
+
ChartContainer.displayName = "Chart";
|
|
2564
|
+
var ChartStyle = ({ id, config }) => {
|
|
2565
|
+
const colorConfig = Object.entries(config).filter(
|
|
2566
|
+
([, config2]) => config2.theme || config2.color
|
|
2567
|
+
);
|
|
2568
|
+
if (!colorConfig.length) {
|
|
2569
|
+
return null;
|
|
2570
|
+
}
|
|
2571
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2572
|
+
"style",
|
|
2573
|
+
{
|
|
2574
|
+
dangerouslySetInnerHTML: {
|
|
2575
|
+
__html: Object.entries(THEMES).map(
|
|
2576
|
+
([theme, prefix]) => `
|
|
2577
|
+
${prefix} [data-chart=${id}] {
|
|
2578
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
2579
|
+
const color = itemConfig.theme?.[theme] || itemConfig.color;
|
|
2580
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
2581
|
+
}).join("\n")}
|
|
2582
|
+
}
|
|
2583
|
+
`
|
|
2584
|
+
).join("\n")
|
|
2585
|
+
}
|
|
2586
|
+
}
|
|
2587
|
+
);
|
|
2588
|
+
};
|
|
2589
|
+
var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
|
|
2590
|
+
var ChartTooltipContent = React41__namespace.forwardRef(
|
|
2591
|
+
({
|
|
2592
|
+
active,
|
|
2593
|
+
payload,
|
|
2594
|
+
className,
|
|
2595
|
+
indicator = "dot",
|
|
2596
|
+
hideLabel = false,
|
|
2597
|
+
hideIndicator = false,
|
|
2598
|
+
label,
|
|
2599
|
+
labelFormatter,
|
|
2600
|
+
labelClassName,
|
|
2601
|
+
formatter,
|
|
2602
|
+
color,
|
|
2603
|
+
nameKey,
|
|
2604
|
+
labelKey
|
|
2605
|
+
}, ref) => {
|
|
2606
|
+
const { config } = useChart();
|
|
2607
|
+
const tooltipLabel = React41__namespace.useMemo(() => {
|
|
2608
|
+
if (hideLabel || !payload?.length) {
|
|
2609
|
+
return null;
|
|
2610
|
+
}
|
|
2611
|
+
const [item] = payload;
|
|
2612
|
+
const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
|
|
2613
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
2614
|
+
const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
|
|
2615
|
+
if (labelFormatter) {
|
|
2616
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
|
|
2617
|
+
}
|
|
2618
|
+
if (!value) {
|
|
2619
|
+
return null;
|
|
2620
|
+
}
|
|
2621
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("font-medium", labelClassName), children: value });
|
|
2622
|
+
}, [
|
|
2623
|
+
label,
|
|
2624
|
+
labelFormatter,
|
|
2625
|
+
payload,
|
|
2626
|
+
hideLabel,
|
|
2627
|
+
labelClassName,
|
|
2628
|
+
config,
|
|
2629
|
+
labelKey
|
|
2630
|
+
]);
|
|
2631
|
+
if (!active || !payload?.length) {
|
|
2632
|
+
return null;
|
|
2633
|
+
}
|
|
2634
|
+
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
2635
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2636
|
+
"div",
|
|
2637
|
+
{
|
|
2638
|
+
ref,
|
|
2639
|
+
className: cn(
|
|
2640
|
+
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
|
|
2641
|
+
className
|
|
2642
|
+
),
|
|
2643
|
+
children: [
|
|
2644
|
+
!nestLabel ? tooltipLabel : null,
|
|
2645
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
|
|
2646
|
+
const key = `${nameKey || item.name || item.dataKey || "value"}`;
|
|
2647
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
2648
|
+
const indicatorColor = color || item.payload.fill || item.color;
|
|
2649
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2650
|
+
"div",
|
|
2651
|
+
{
|
|
2652
|
+
className: cn(
|
|
2653
|
+
"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
|
|
2654
|
+
indicator === "dot" && "items-center"
|
|
2655
|
+
),
|
|
2656
|
+
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2657
|
+
itemConfig?.icon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2658
|
+
"div",
|
|
2659
|
+
{
|
|
2660
|
+
className: cn(
|
|
2661
|
+
"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
|
|
2662
|
+
{
|
|
2663
|
+
"h-2.5 w-2.5": indicator === "dot",
|
|
2664
|
+
"w-1": indicator === "line",
|
|
2665
|
+
"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
|
|
2666
|
+
"my-0.5": nestLabel && indicator === "dashed"
|
|
2667
|
+
}
|
|
2668
|
+
),
|
|
2669
|
+
style: {
|
|
2670
|
+
"--color-bg": indicatorColor,
|
|
2671
|
+
"--color-border": indicatorColor
|
|
2672
|
+
}
|
|
2673
|
+
}
|
|
2674
|
+
),
|
|
2675
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2676
|
+
"div",
|
|
2677
|
+
{
|
|
2678
|
+
className: cn(
|
|
2679
|
+
"flex flex-1 justify-between leading-none",
|
|
2680
|
+
nestLabel ? "items-end" : "items-center"
|
|
2681
|
+
),
|
|
2682
|
+
children: [
|
|
2683
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1.5", children: [
|
|
2684
|
+
nestLabel ? tooltipLabel : null,
|
|
2685
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
|
|
2686
|
+
] }),
|
|
2687
|
+
item.value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
|
|
2688
|
+
]
|
|
2689
|
+
}
|
|
2690
|
+
)
|
|
2691
|
+
] })
|
|
2692
|
+
},
|
|
2693
|
+
item.dataKey
|
|
2694
|
+
);
|
|
2695
|
+
}) })
|
|
2696
|
+
]
|
|
2697
|
+
}
|
|
2698
|
+
);
|
|
2699
|
+
}
|
|
2700
|
+
);
|
|
2701
|
+
ChartTooltipContent.displayName = "ChartTooltip";
|
|
2702
|
+
var ChartLegend = RechartsPrimitive__namespace.Legend;
|
|
2703
|
+
var ChartLegendContent = React41__namespace.forwardRef(
|
|
2704
|
+
({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
|
|
2705
|
+
const { config } = useChart();
|
|
2706
|
+
if (!payload?.length) {
|
|
2707
|
+
return null;
|
|
2708
|
+
}
|
|
2709
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2710
|
+
"div",
|
|
2711
|
+
{
|
|
2712
|
+
ref,
|
|
2713
|
+
className: cn(
|
|
2714
|
+
"flex items-center justify-center gap-4",
|
|
2715
|
+
verticalAlign === "top" ? "pb-3" : "pt-3",
|
|
2716
|
+
className
|
|
2717
|
+
),
|
|
2718
|
+
children: payload.filter((item) => item.type !== "none").map((item) => {
|
|
2719
|
+
const key = `${nameKey || item.dataKey || "value"}`;
|
|
2720
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
2721
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2722
|
+
"div",
|
|
2723
|
+
{
|
|
2724
|
+
className: cn(
|
|
2725
|
+
"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
|
|
2726
|
+
),
|
|
2727
|
+
children: [
|
|
2728
|
+
itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2729
|
+
"div",
|
|
2730
|
+
{
|
|
2731
|
+
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
2732
|
+
style: {
|
|
2733
|
+
backgroundColor: item.color
|
|
2734
|
+
}
|
|
2735
|
+
}
|
|
2736
|
+
),
|
|
2737
|
+
itemConfig?.label
|
|
2738
|
+
]
|
|
2739
|
+
},
|
|
2740
|
+
item.value
|
|
2741
|
+
);
|
|
2742
|
+
})
|
|
2743
|
+
}
|
|
2744
|
+
);
|
|
2745
|
+
}
|
|
2746
|
+
);
|
|
2747
|
+
ChartLegendContent.displayName = "ChartLegend";
|
|
2748
|
+
function getPayloadConfigFromPayload(config, payload, key) {
|
|
2749
|
+
if (typeof payload !== "object" || payload === null) {
|
|
2750
|
+
return void 0;
|
|
2751
|
+
}
|
|
2752
|
+
const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
|
|
2753
|
+
let configLabelKey = key;
|
|
2754
|
+
if (key in payload && typeof payload[key] === "string") {
|
|
2755
|
+
configLabelKey = payload[key];
|
|
2756
|
+
} else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
|
|
2757
|
+
configLabelKey = payloadPayload[key];
|
|
2758
|
+
}
|
|
2759
|
+
return configLabelKey in config ? config[configLabelKey] : config[key];
|
|
2760
|
+
}
|
|
2761
|
+
var Form = reactHookForm.FormProvider;
|
|
2762
|
+
var FormFieldContext = React41__namespace.createContext(null);
|
|
2763
|
+
var FormField = ({
|
|
2764
|
+
...props
|
|
2765
|
+
}) => {
|
|
2766
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
|
|
2767
|
+
};
|
|
2768
|
+
var useFormField = () => {
|
|
2769
|
+
const fieldContext = React41__namespace.useContext(FormFieldContext);
|
|
2770
|
+
const itemContext = React41__namespace.useContext(FormItemContext);
|
|
2771
|
+
const { getFieldState, formState } = reactHookForm.useFormContext();
|
|
2772
|
+
if (!fieldContext) {
|
|
2773
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
2774
|
+
}
|
|
2775
|
+
if (!itemContext) {
|
|
2776
|
+
throw new Error("useFormField should be used within <FormItem>");
|
|
2777
|
+
}
|
|
2778
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
2779
|
+
const { id } = itemContext;
|
|
2780
|
+
return {
|
|
2781
|
+
id,
|
|
2782
|
+
name: fieldContext.name,
|
|
2783
|
+
formItemId: `${id}-form-item`,
|
|
2784
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
2785
|
+
formMessageId: `${id}-form-item-message`,
|
|
2786
|
+
...fieldState
|
|
2787
|
+
};
|
|
2788
|
+
};
|
|
2789
|
+
var FormItemContext = React41__namespace.createContext(null);
|
|
2790
|
+
var FormItem = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
2791
|
+
const id = React41__namespace.useId();
|
|
2792
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
|
|
2793
|
+
});
|
|
2794
|
+
FormItem.displayName = "FormItem";
|
|
2795
|
+
var FormLabel = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
2796
|
+
const { error, formItemId } = useFormField();
|
|
2797
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2798
|
+
Label3,
|
|
2799
|
+
{
|
|
2800
|
+
ref,
|
|
2801
|
+
className: cn(error && "text-destructive", className),
|
|
2802
|
+
htmlFor: formItemId,
|
|
2803
|
+
...props
|
|
2804
|
+
}
|
|
2805
|
+
);
|
|
2806
|
+
});
|
|
2807
|
+
FormLabel.displayName = "FormLabel";
|
|
2808
|
+
var FormControl = React41__namespace.forwardRef(({ ...props }, ref) => {
|
|
2809
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
2810
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2811
|
+
reactSlot.Slot,
|
|
2812
|
+
{
|
|
2813
|
+
ref,
|
|
2814
|
+
id: formItemId,
|
|
2815
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
2816
|
+
"aria-invalid": !!error,
|
|
2817
|
+
...props
|
|
2818
|
+
}
|
|
2819
|
+
);
|
|
2820
|
+
});
|
|
2821
|
+
FormControl.displayName = "FormControl";
|
|
2822
|
+
var FormDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
2823
|
+
const { formDescriptionId } = useFormField();
|
|
2824
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2825
|
+
"p",
|
|
2826
|
+
{
|
|
2827
|
+
ref,
|
|
2828
|
+
id: formDescriptionId,
|
|
2829
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
2830
|
+
...props
|
|
2831
|
+
}
|
|
2832
|
+
);
|
|
2833
|
+
});
|
|
2834
|
+
FormDescription.displayName = "FormDescription";
|
|
2835
|
+
var FormMessage = React41__namespace.forwardRef(({ className, children, ...props }, ref) => {
|
|
2836
|
+
const { error, formMessageId } = useFormField();
|
|
2837
|
+
const body = error ? String(error?.message ?? "") : children;
|
|
2838
|
+
if (!body) {
|
|
2839
|
+
return null;
|
|
2840
|
+
}
|
|
2841
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2842
|
+
"p",
|
|
2843
|
+
{
|
|
2844
|
+
ref,
|
|
2845
|
+
id: formMessageId,
|
|
2846
|
+
className: cn("text-sm font-medium text-destructive", className),
|
|
2847
|
+
...props,
|
|
2848
|
+
children: body
|
|
2849
|
+
}
|
|
2850
|
+
);
|
|
2851
|
+
});
|
|
2852
|
+
FormMessage.displayName = "FormMessage";
|
|
2853
|
+
function InputGroup({ className, ...props }) {
|
|
2854
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2855
|
+
"div",
|
|
2856
|
+
{
|
|
2857
|
+
"data-slot": "input-group",
|
|
2858
|
+
role: "group",
|
|
2859
|
+
className: cn(
|
|
2860
|
+
"group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
|
|
2861
|
+
"h-9 has-[>textarea]:h-auto",
|
|
2862
|
+
// Variants based on alignment.
|
|
2863
|
+
"has-[>[data-align=inline-start]]:[&>input]:pl-2",
|
|
2864
|
+
"has-[>[data-align=inline-end]]:[&>input]:pr-2",
|
|
2865
|
+
"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
|
|
2866
|
+
"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
|
|
2867
|
+
// Focus state.
|
|
2868
|
+
"has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
|
|
2869
|
+
// Error state.
|
|
2870
|
+
"has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
|
|
2871
|
+
className
|
|
2872
|
+
),
|
|
2873
|
+
...props
|
|
2874
|
+
}
|
|
2875
|
+
);
|
|
2876
|
+
}
|
|
2877
|
+
var inputGroupAddonVariants = classVarianceAuthority.cva(
|
|
2878
|
+
"text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
|
|
2879
|
+
{
|
|
2880
|
+
variants: {
|
|
2881
|
+
align: {
|
|
2882
|
+
"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
|
|
2883
|
+
"inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
|
|
2884
|
+
"block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
|
|
2885
|
+
"block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"
|
|
2886
|
+
}
|
|
2887
|
+
},
|
|
2888
|
+
defaultVariants: {
|
|
2889
|
+
align: "inline-start"
|
|
2890
|
+
}
|
|
2891
|
+
}
|
|
2892
|
+
);
|
|
2893
|
+
function InputGroupAddon({
|
|
2894
|
+
className,
|
|
2895
|
+
align = "inline-start",
|
|
2896
|
+
...props
|
|
2897
|
+
}) {
|
|
2898
|
+
const focusInput = (e) => {
|
|
2899
|
+
if (e.target.closest("button")) {
|
|
2900
|
+
return;
|
|
2901
|
+
}
|
|
2902
|
+
e.currentTarget.parentElement?.querySelector("input")?.focus();
|
|
2903
|
+
};
|
|
2904
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2905
|
+
"div",
|
|
2906
|
+
{
|
|
2907
|
+
role: "group",
|
|
2908
|
+
"data-slot": "input-group-addon",
|
|
2909
|
+
"data-align": align,
|
|
2910
|
+
className: cn(inputGroupAddonVariants({ align }), className),
|
|
2911
|
+
onClick: focusInput,
|
|
2912
|
+
onKeyDown: (e) => {
|
|
2913
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
2914
|
+
focusInput(e);
|
|
2915
|
+
}
|
|
2916
|
+
},
|
|
2917
|
+
...props
|
|
2918
|
+
}
|
|
2919
|
+
);
|
|
2920
|
+
}
|
|
2921
|
+
var inputGroupButtonVariants = classVarianceAuthority.cva(
|
|
2922
|
+
"flex items-center gap-2 text-sm shadow-none",
|
|
2923
|
+
{
|
|
2924
|
+
variants: {
|
|
2925
|
+
size: {
|
|
2926
|
+
xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
|
|
2927
|
+
sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
|
|
2928
|
+
"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
|
|
2929
|
+
"icon-sm": "size-8 p-0 has-[>svg]:p-0"
|
|
2930
|
+
}
|
|
2931
|
+
},
|
|
2932
|
+
defaultVariants: {
|
|
2933
|
+
size: "xs"
|
|
2934
|
+
}
|
|
2935
|
+
}
|
|
2936
|
+
);
|
|
2937
|
+
function InputGroupButton({
|
|
2938
|
+
className,
|
|
2939
|
+
type = "button",
|
|
2940
|
+
variant = "ghost",
|
|
2941
|
+
size = "xs",
|
|
2942
|
+
...props
|
|
2943
|
+
}) {
|
|
2944
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2945
|
+
Button,
|
|
2946
|
+
{
|
|
2947
|
+
type,
|
|
2948
|
+
"data-size": size,
|
|
2949
|
+
variant,
|
|
2950
|
+
className: cn(inputGroupButtonVariants({ size }), className),
|
|
2951
|
+
...props
|
|
2952
|
+
}
|
|
2953
|
+
);
|
|
2954
|
+
}
|
|
2955
|
+
function InputGroupText({ className, ...props }) {
|
|
2956
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2957
|
+
"span",
|
|
2958
|
+
{
|
|
2959
|
+
className: cn(
|
|
2960
|
+
"text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
|
|
2961
|
+
className
|
|
2962
|
+
),
|
|
2963
|
+
...props
|
|
2964
|
+
}
|
|
2965
|
+
);
|
|
2966
|
+
}
|
|
2967
|
+
function InputGroupInput({
|
|
2968
|
+
className,
|
|
2969
|
+
...props
|
|
2970
|
+
}) {
|
|
2971
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2972
|
+
Input,
|
|
2973
|
+
{
|
|
2974
|
+
"data-slot": "input-group-control",
|
|
2975
|
+
className: cn(
|
|
2976
|
+
"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
|
|
2977
|
+
className
|
|
2978
|
+
),
|
|
2979
|
+
...props
|
|
2980
|
+
}
|
|
2981
|
+
);
|
|
2982
|
+
}
|
|
2983
|
+
function InputGroupTextarea({
|
|
2984
|
+
className,
|
|
2985
|
+
...props
|
|
2986
|
+
}) {
|
|
2987
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2988
|
+
Textarea,
|
|
2989
|
+
{
|
|
2990
|
+
"data-slot": "input-group-control",
|
|
2991
|
+
className: cn(
|
|
2992
|
+
"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
|
|
2993
|
+
className
|
|
2994
|
+
),
|
|
2995
|
+
...props
|
|
2996
|
+
}
|
|
2997
|
+
);
|
|
2998
|
+
}
|
|
2999
|
+
function Kbd({ className, ...props }) {
|
|
3000
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3001
|
+
"kbd",
|
|
3002
|
+
{
|
|
3003
|
+
"data-slot": "kbd",
|
|
3004
|
+
className: cn(
|
|
3005
|
+
"bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
|
|
3006
|
+
"[&_svg:not([class*='size-'])]:size-3",
|
|
3007
|
+
"[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
|
|
3008
|
+
className
|
|
3009
|
+
),
|
|
3010
|
+
...props
|
|
3011
|
+
}
|
|
3012
|
+
);
|
|
3013
|
+
}
|
|
3014
|
+
function KbdGroup({ className, ...props }) {
|
|
3015
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3016
|
+
"kbd",
|
|
3017
|
+
{
|
|
3018
|
+
"data-slot": "kbd-group",
|
|
3019
|
+
className: cn("inline-flex items-center gap-1", className),
|
|
3020
|
+
...props
|
|
3021
|
+
}
|
|
3022
|
+
);
|
|
3023
|
+
}
|
|
3024
|
+
var MOBILE_BREAKPOINT = 768;
|
|
3025
|
+
function useIsMobile() {
|
|
3026
|
+
const [isMobile, setIsMobile] = React41__namespace.useState(void 0);
|
|
3027
|
+
React41__namespace.useEffect(() => {
|
|
3028
|
+
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
3029
|
+
const onChange = () => {
|
|
3030
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
3031
|
+
};
|
|
3032
|
+
mql.addEventListener("change", onChange);
|
|
3033
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
3034
|
+
return () => mql.removeEventListener("change", onChange);
|
|
3035
|
+
}, []);
|
|
3036
|
+
return !!isMobile;
|
|
3037
|
+
}
|
|
3038
|
+
var SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
3039
|
+
var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
3040
|
+
var SIDEBAR_WIDTH = "16rem";
|
|
3041
|
+
var SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
3042
|
+
var SIDEBAR_WIDTH_ICON = "3rem";
|
|
3043
|
+
var SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
3044
|
+
var SidebarContext = React41__namespace.createContext(null);
|
|
3045
|
+
function useSidebar() {
|
|
3046
|
+
const context = React41__namespace.useContext(SidebarContext);
|
|
3047
|
+
if (!context) {
|
|
3048
|
+
throw new Error("useSidebar must be used within a SidebarProvider.");
|
|
3049
|
+
}
|
|
3050
|
+
return context;
|
|
3051
|
+
}
|
|
3052
|
+
var SidebarProvider = React41__namespace.forwardRef(
|
|
3053
|
+
({
|
|
3054
|
+
defaultOpen = true,
|
|
3055
|
+
open: openProp,
|
|
3056
|
+
onOpenChange: setOpenProp,
|
|
3057
|
+
className,
|
|
3058
|
+
style,
|
|
3059
|
+
children,
|
|
3060
|
+
...props
|
|
3061
|
+
}, ref) => {
|
|
3062
|
+
const isMobile = useIsMobile();
|
|
3063
|
+
const [openMobile, setOpenMobile] = React41__namespace.useState(false);
|
|
3064
|
+
const [_open, _setOpen] = React41__namespace.useState(defaultOpen);
|
|
3065
|
+
const open = openProp ?? _open;
|
|
3066
|
+
const setOpen = React41__namespace.useCallback(
|
|
3067
|
+
(value) => {
|
|
3068
|
+
const openState = typeof value === "function" ? value(open) : value;
|
|
3069
|
+
if (setOpenProp) {
|
|
3070
|
+
setOpenProp(openState);
|
|
3071
|
+
} else {
|
|
3072
|
+
_setOpen(openState);
|
|
3073
|
+
}
|
|
3074
|
+
document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
|
|
3075
|
+
},
|
|
3076
|
+
[setOpenProp, open]
|
|
3077
|
+
);
|
|
3078
|
+
const toggleSidebar = React41__namespace.useCallback(() => {
|
|
3079
|
+
return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
|
|
3080
|
+
}, [isMobile, setOpen]);
|
|
3081
|
+
React41__namespace.useEffect(() => {
|
|
3082
|
+
const handleKeyDown = (event) => {
|
|
3083
|
+
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
3084
|
+
event.preventDefault();
|
|
3085
|
+
toggleSidebar();
|
|
3086
|
+
}
|
|
3087
|
+
};
|
|
3088
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
3089
|
+
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
3090
|
+
}, [toggleSidebar]);
|
|
3091
|
+
const state = open ? "expanded" : "collapsed";
|
|
3092
|
+
const contextValue = React41__namespace.useMemo(
|
|
3093
|
+
() => ({
|
|
3094
|
+
state,
|
|
3095
|
+
open,
|
|
3096
|
+
setOpen,
|
|
3097
|
+
isMobile,
|
|
3098
|
+
openMobile,
|
|
3099
|
+
setOpenMobile,
|
|
3100
|
+
toggleSidebar
|
|
3101
|
+
}),
|
|
3102
|
+
[state, open, setOpen, isMobile, openMobile, toggleSidebar]
|
|
3103
|
+
);
|
|
3104
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3105
|
+
"div",
|
|
3106
|
+
{
|
|
3107
|
+
style: {
|
|
3108
|
+
"--sidebar-width": SIDEBAR_WIDTH,
|
|
3109
|
+
"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
|
|
3110
|
+
...style
|
|
3111
|
+
},
|
|
3112
|
+
className: cn(
|
|
3113
|
+
"group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
|
|
3114
|
+
className
|
|
3115
|
+
),
|
|
3116
|
+
ref,
|
|
3117
|
+
...props,
|
|
3118
|
+
children
|
|
3119
|
+
}
|
|
3120
|
+
) }) });
|
|
3121
|
+
}
|
|
3122
|
+
);
|
|
3123
|
+
SidebarProvider.displayName = "SidebarProvider";
|
|
3124
|
+
var Sidebar = React41__namespace.forwardRef(
|
|
3125
|
+
({
|
|
3126
|
+
side = "left",
|
|
3127
|
+
variant = "sidebar",
|
|
3128
|
+
collapsible = "offcanvas",
|
|
3129
|
+
className,
|
|
3130
|
+
children,
|
|
3131
|
+
...props
|
|
3132
|
+
}, ref) => {
|
|
3133
|
+
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
3134
|
+
if (collapsible === "none") {
|
|
3135
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3136
|
+
"div",
|
|
3137
|
+
{
|
|
3138
|
+
className: cn(
|
|
3139
|
+
"flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
|
|
3140
|
+
className
|
|
3141
|
+
),
|
|
3142
|
+
ref,
|
|
3143
|
+
...props,
|
|
3144
|
+
children
|
|
3145
|
+
}
|
|
3146
|
+
);
|
|
3147
|
+
}
|
|
3148
|
+
if (isMobile) {
|
|
3149
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3150
|
+
SheetContent,
|
|
3151
|
+
{
|
|
3152
|
+
"data-sidebar": "sidebar",
|
|
3153
|
+
"data-mobile": "true",
|
|
3154
|
+
className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
|
|
3155
|
+
style: {
|
|
3156
|
+
"--sidebar-width": SIDEBAR_WIDTH_MOBILE
|
|
3157
|
+
},
|
|
3158
|
+
side,
|
|
3159
|
+
children: [
|
|
3160
|
+
/* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: "sr-only", children: [
|
|
3161
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Sidebar" }),
|
|
3162
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { children: "Displays the mobile sidebar." })
|
|
3163
|
+
] }),
|
|
3164
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full flex-col", children })
|
|
3165
|
+
]
|
|
3166
|
+
}
|
|
3167
|
+
) });
|
|
3168
|
+
}
|
|
3169
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3170
|
+
"div",
|
|
3171
|
+
{
|
|
3172
|
+
ref,
|
|
3173
|
+
className: "group peer hidden text-sidebar-foreground md:block",
|
|
3174
|
+
"data-state": state,
|
|
3175
|
+
"data-collapsible": state === "collapsed" ? collapsible : "",
|
|
3176
|
+
"data-variant": variant,
|
|
3177
|
+
"data-side": side,
|
|
3178
|
+
children: [
|
|
3179
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3180
|
+
"div",
|
|
3181
|
+
{
|
|
3182
|
+
className: cn(
|
|
3183
|
+
"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
|
|
3184
|
+
"group-data-[collapsible=offcanvas]:w-0",
|
|
3185
|
+
"group-data-[side=right]:rotate-180",
|
|
3186
|
+
variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
|
|
3187
|
+
)
|
|
3188
|
+
}
|
|
3189
|
+
),
|
|
3190
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3191
|
+
"div",
|
|
3192
|
+
{
|
|
3193
|
+
className: cn(
|
|
3194
|
+
"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
|
|
3195
|
+
side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
|
|
3196
|
+
// Adjust the padding for floating and inset variants.
|
|
3197
|
+
variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
|
|
3198
|
+
className
|
|
3199
|
+
),
|
|
3200
|
+
...props,
|
|
3201
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3202
|
+
"div",
|
|
3203
|
+
{
|
|
3204
|
+
"data-sidebar": "sidebar",
|
|
3205
|
+
className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
|
|
3206
|
+
children
|
|
3207
|
+
}
|
|
3208
|
+
)
|
|
3209
|
+
}
|
|
3210
|
+
)
|
|
3211
|
+
]
|
|
3212
|
+
}
|
|
3213
|
+
);
|
|
3214
|
+
}
|
|
3215
|
+
);
|
|
3216
|
+
Sidebar.displayName = "Sidebar";
|
|
3217
|
+
var SidebarTrigger = React41__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
|
|
3218
|
+
const { toggleSidebar } = useSidebar();
|
|
3219
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3220
|
+
Button,
|
|
3221
|
+
{
|
|
3222
|
+
ref,
|
|
3223
|
+
"data-sidebar": "trigger",
|
|
3224
|
+
variant: "ghost",
|
|
3225
|
+
size: "icon",
|
|
3226
|
+
className: cn("h-7 w-7", className),
|
|
3227
|
+
onClick: (event) => {
|
|
3228
|
+
onClick?.(event);
|
|
3229
|
+
toggleSidebar();
|
|
3230
|
+
},
|
|
3231
|
+
...props,
|
|
3232
|
+
children: [
|
|
3233
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, {}),
|
|
3234
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
|
|
3235
|
+
]
|
|
3236
|
+
}
|
|
3237
|
+
);
|
|
3238
|
+
});
|
|
3239
|
+
SidebarTrigger.displayName = "SidebarTrigger";
|
|
3240
|
+
var SidebarRail = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3241
|
+
const { toggleSidebar } = useSidebar();
|
|
3242
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3243
|
+
"button",
|
|
3244
|
+
{
|
|
3245
|
+
ref,
|
|
3246
|
+
"data-sidebar": "rail",
|
|
3247
|
+
"aria-label": "Toggle Sidebar",
|
|
3248
|
+
tabIndex: -1,
|
|
3249
|
+
onClick: toggleSidebar,
|
|
3250
|
+
title: "Toggle Sidebar",
|
|
3251
|
+
className: cn(
|
|
3252
|
+
"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
|
|
3253
|
+
"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
|
|
3254
|
+
"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
|
|
3255
|
+
"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
|
|
3256
|
+
"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
|
|
3257
|
+
"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
|
|
3258
|
+
className
|
|
3259
|
+
),
|
|
3260
|
+
...props
|
|
3261
|
+
}
|
|
3262
|
+
);
|
|
3263
|
+
});
|
|
3264
|
+
SidebarRail.displayName = "SidebarRail";
|
|
3265
|
+
var SidebarInset = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3266
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3267
|
+
"main",
|
|
3268
|
+
{
|
|
3269
|
+
ref,
|
|
3270
|
+
className: cn(
|
|
3271
|
+
"relative flex w-full flex-1 flex-col bg-background",
|
|
3272
|
+
"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
|
|
3273
|
+
className
|
|
3274
|
+
),
|
|
3275
|
+
...props
|
|
3276
|
+
}
|
|
3277
|
+
);
|
|
3278
|
+
});
|
|
3279
|
+
SidebarInset.displayName = "SidebarInset";
|
|
3280
|
+
var SidebarInput = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3281
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3282
|
+
Input,
|
|
3283
|
+
{
|
|
3284
|
+
ref,
|
|
3285
|
+
"data-sidebar": "input",
|
|
3286
|
+
className: cn(
|
|
3287
|
+
"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
|
|
3288
|
+
className
|
|
3289
|
+
),
|
|
3290
|
+
...props
|
|
3291
|
+
}
|
|
3292
|
+
);
|
|
3293
|
+
});
|
|
3294
|
+
SidebarInput.displayName = "SidebarInput";
|
|
3295
|
+
var SidebarHeader = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3296
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3297
|
+
"div",
|
|
3298
|
+
{
|
|
3299
|
+
ref,
|
|
3300
|
+
"data-sidebar": "header",
|
|
3301
|
+
className: cn("flex flex-col gap-2 p-2", className),
|
|
3302
|
+
...props
|
|
3303
|
+
}
|
|
3304
|
+
);
|
|
3305
|
+
});
|
|
3306
|
+
SidebarHeader.displayName = "SidebarHeader";
|
|
3307
|
+
var SidebarFooter = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3308
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3309
|
+
"div",
|
|
3310
|
+
{
|
|
3311
|
+
ref,
|
|
3312
|
+
"data-sidebar": "footer",
|
|
3313
|
+
className: cn("flex flex-col gap-2 p-2", className),
|
|
3314
|
+
...props
|
|
3315
|
+
}
|
|
3316
|
+
);
|
|
3317
|
+
});
|
|
3318
|
+
SidebarFooter.displayName = "SidebarFooter";
|
|
3319
|
+
var SidebarSeparator = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3320
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3321
|
+
Separator6,
|
|
3322
|
+
{
|
|
3323
|
+
ref,
|
|
3324
|
+
"data-sidebar": "separator",
|
|
3325
|
+
className: cn("mx-2 w-auto bg-sidebar-border", className),
|
|
3326
|
+
...props
|
|
3327
|
+
}
|
|
3328
|
+
);
|
|
3329
|
+
});
|
|
3330
|
+
SidebarSeparator.displayName = "SidebarSeparator";
|
|
3331
|
+
var SidebarContent = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3332
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3333
|
+
"div",
|
|
3334
|
+
{
|
|
3335
|
+
ref,
|
|
3336
|
+
"data-sidebar": "content",
|
|
3337
|
+
className: cn(
|
|
3338
|
+
"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
|
|
3339
|
+
className
|
|
3340
|
+
),
|
|
3341
|
+
...props
|
|
3342
|
+
}
|
|
3343
|
+
);
|
|
3344
|
+
});
|
|
3345
|
+
SidebarContent.displayName = "SidebarContent";
|
|
3346
|
+
var SidebarGroup = React41__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3347
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3348
|
+
"div",
|
|
3349
|
+
{
|
|
3350
|
+
ref,
|
|
3351
|
+
"data-sidebar": "group",
|
|
3352
|
+
className: cn("relative flex w-full min-w-0 flex-col p-2", className),
|
|
3353
|
+
...props
|
|
3354
|
+
}
|
|
3355
|
+
);
|
|
3356
|
+
});
|
|
3357
|
+
SidebarGroup.displayName = "SidebarGroup";
|
|
3358
|
+
var SidebarGroupLabel = React41__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
3359
|
+
const Comp = asChild ? reactSlot.Slot : "div";
|
|
3360
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3361
|
+
Comp,
|
|
3362
|
+
{
|
|
3363
|
+
ref,
|
|
3364
|
+
"data-sidebar": "group-label",
|
|
3365
|
+
className: cn(
|
|
3366
|
+
"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
3367
|
+
"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
|
|
3368
|
+
className
|
|
3369
|
+
),
|
|
3370
|
+
...props
|
|
3371
|
+
}
|
|
3372
|
+
);
|
|
3373
|
+
});
|
|
3374
|
+
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
3375
|
+
var SidebarGroupAction = React41__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
3376
|
+
const Comp = asChild ? reactSlot.Slot : "button";
|
|
3377
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3378
|
+
Comp,
|
|
3379
|
+
{
|
|
3380
|
+
ref,
|
|
3381
|
+
"data-sidebar": "group-action",
|
|
3382
|
+
className: cn(
|
|
3383
|
+
"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
3384
|
+
// Increases the hit area of the button on mobile.
|
|
3385
|
+
"after:absolute after:-inset-2 after:md:hidden",
|
|
3386
|
+
"group-data-[collapsible=icon]:hidden",
|
|
3387
|
+
className
|
|
3388
|
+
),
|
|
3389
|
+
...props
|
|
3390
|
+
}
|
|
3391
|
+
);
|
|
3392
|
+
});
|
|
3393
|
+
SidebarGroupAction.displayName = "SidebarGroupAction";
|
|
3394
|
+
var SidebarGroupContent = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3395
|
+
"div",
|
|
3396
|
+
{
|
|
3397
|
+
ref,
|
|
3398
|
+
"data-sidebar": "group-content",
|
|
3399
|
+
className: cn("w-full text-sm", className),
|
|
3400
|
+
...props
|
|
3401
|
+
}
|
|
3402
|
+
));
|
|
3403
|
+
SidebarGroupContent.displayName = "SidebarGroupContent";
|
|
3404
|
+
var SidebarMenu = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3405
|
+
"ul",
|
|
3406
|
+
{
|
|
3407
|
+
ref,
|
|
3408
|
+
"data-sidebar": "menu",
|
|
3409
|
+
className: cn("flex w-full min-w-0 flex-col gap-1", className),
|
|
3410
|
+
...props
|
|
3411
|
+
}
|
|
3412
|
+
));
|
|
3413
|
+
SidebarMenu.displayName = "SidebarMenu";
|
|
3414
|
+
var SidebarMenuItem = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3415
|
+
"li",
|
|
3416
|
+
{
|
|
3417
|
+
ref,
|
|
3418
|
+
"data-sidebar": "menu-item",
|
|
3419
|
+
className: cn("group/menu-item relative", className),
|
|
3420
|
+
...props
|
|
3421
|
+
}
|
|
3422
|
+
));
|
|
3423
|
+
SidebarMenuItem.displayName = "SidebarMenuItem";
|
|
3424
|
+
var sidebarMenuButtonVariants = classVarianceAuthority.cva(
|
|
3425
|
+
"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
|
|
3426
|
+
{
|
|
3427
|
+
variants: {
|
|
3428
|
+
variant: {
|
|
3429
|
+
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
3430
|
+
outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
|
|
3431
|
+
},
|
|
3432
|
+
size: {
|
|
3433
|
+
default: "h-8 text-sm",
|
|
3434
|
+
sm: "h-7 text-xs",
|
|
3435
|
+
lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
|
|
3436
|
+
}
|
|
3437
|
+
},
|
|
3438
|
+
defaultVariants: {
|
|
3439
|
+
variant: "default",
|
|
3440
|
+
size: "default"
|
|
3441
|
+
}
|
|
3442
|
+
}
|
|
3443
|
+
);
|
|
3444
|
+
var SidebarMenuButton = React41__namespace.forwardRef(
|
|
3445
|
+
({
|
|
3446
|
+
asChild = false,
|
|
3447
|
+
isActive = false,
|
|
3448
|
+
variant = "default",
|
|
3449
|
+
size = "default",
|
|
3450
|
+
tooltip,
|
|
3451
|
+
className,
|
|
3452
|
+
...props
|
|
3453
|
+
}, ref) => {
|
|
3454
|
+
const Comp = asChild ? reactSlot.Slot : "button";
|
|
3455
|
+
const { isMobile, state } = useSidebar();
|
|
3456
|
+
const button = /* @__PURE__ */ jsxRuntime.jsx(
|
|
3457
|
+
Comp,
|
|
3458
|
+
{
|
|
3459
|
+
ref,
|
|
3460
|
+
"data-sidebar": "menu-button",
|
|
3461
|
+
"data-size": size,
|
|
3462
|
+
"data-active": isActive,
|
|
3463
|
+
className: cn(sidebarMenuButtonVariants({ variant, size }), className),
|
|
3464
|
+
...props
|
|
3465
|
+
}
|
|
3466
|
+
);
|
|
3467
|
+
if (!tooltip) {
|
|
3468
|
+
return button;
|
|
3469
|
+
}
|
|
3470
|
+
if (typeof tooltip === "string") {
|
|
3471
|
+
tooltip = {
|
|
3472
|
+
children: tooltip
|
|
3473
|
+
};
|
|
3474
|
+
}
|
|
3475
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
|
|
3476
|
+
/* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: button }),
|
|
3477
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3478
|
+
TooltipContent,
|
|
3479
|
+
{
|
|
3480
|
+
side: "right",
|
|
3481
|
+
align: "center",
|
|
3482
|
+
hidden: state !== "collapsed" || isMobile,
|
|
3483
|
+
...tooltip
|
|
3484
|
+
}
|
|
3485
|
+
)
|
|
3486
|
+
] });
|
|
3487
|
+
}
|
|
3488
|
+
);
|
|
3489
|
+
SidebarMenuButton.displayName = "SidebarMenuButton";
|
|
3490
|
+
var SidebarMenuAction = React41__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
|
|
3491
|
+
const Comp = asChild ? reactSlot.Slot : "button";
|
|
3492
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3493
|
+
Comp,
|
|
3494
|
+
{
|
|
3495
|
+
ref,
|
|
3496
|
+
"data-sidebar": "menu-action",
|
|
3497
|
+
className: cn(
|
|
3498
|
+
"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
|
|
3499
|
+
// Increases the hit area of the button on mobile.
|
|
3500
|
+
"after:absolute after:-inset-2 after:md:hidden",
|
|
3501
|
+
"peer-data-[size=sm]/menu-button:top-1",
|
|
3502
|
+
"peer-data-[size=default]/menu-button:top-1.5",
|
|
3503
|
+
"peer-data-[size=lg]/menu-button:top-2.5",
|
|
3504
|
+
"group-data-[collapsible=icon]:hidden",
|
|
3505
|
+
showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
|
|
3506
|
+
className
|
|
3507
|
+
),
|
|
3508
|
+
...props
|
|
3509
|
+
}
|
|
3510
|
+
);
|
|
3511
|
+
});
|
|
3512
|
+
SidebarMenuAction.displayName = "SidebarMenuAction";
|
|
3513
|
+
var SidebarMenuBadge = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3514
|
+
"div",
|
|
3515
|
+
{
|
|
3516
|
+
ref,
|
|
3517
|
+
"data-sidebar": "menu-badge",
|
|
3518
|
+
className: cn(
|
|
3519
|
+
"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
|
|
3520
|
+
"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
|
|
3521
|
+
"peer-data-[size=sm]/menu-button:top-1",
|
|
3522
|
+
"peer-data-[size=default]/menu-button:top-1.5",
|
|
3523
|
+
"peer-data-[size=lg]/menu-button:top-2.5",
|
|
3524
|
+
"group-data-[collapsible=icon]:hidden",
|
|
3525
|
+
className
|
|
3526
|
+
),
|
|
3527
|
+
...props
|
|
3528
|
+
}
|
|
3529
|
+
));
|
|
3530
|
+
SidebarMenuBadge.displayName = "SidebarMenuBadge";
|
|
3531
|
+
var SidebarMenuSkeleton = React41__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
|
|
3532
|
+
const width = React41__namespace.useMemo(() => {
|
|
3533
|
+
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
3534
|
+
}, []);
|
|
3535
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3536
|
+
"div",
|
|
3537
|
+
{
|
|
3538
|
+
ref,
|
|
3539
|
+
"data-sidebar": "menu-skeleton",
|
|
3540
|
+
className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
3541
|
+
...props,
|
|
3542
|
+
children: [
|
|
3543
|
+
showIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3544
|
+
Skeleton,
|
|
3545
|
+
{
|
|
3546
|
+
className: "size-4 rounded-md",
|
|
3547
|
+
"data-sidebar": "menu-skeleton-icon"
|
|
3548
|
+
}
|
|
3549
|
+
),
|
|
3550
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3551
|
+
Skeleton,
|
|
3552
|
+
{
|
|
3553
|
+
className: "h-4 max-w-[--skeleton-width] flex-1",
|
|
3554
|
+
"data-sidebar": "menu-skeleton-text",
|
|
3555
|
+
style: {
|
|
3556
|
+
"--skeleton-width": width
|
|
3557
|
+
}
|
|
3558
|
+
}
|
|
3559
|
+
)
|
|
3560
|
+
]
|
|
3561
|
+
}
|
|
3562
|
+
);
|
|
3563
|
+
});
|
|
3564
|
+
SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
|
|
3565
|
+
var SidebarMenuSub = React41__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3566
|
+
"ul",
|
|
3567
|
+
{
|
|
3568
|
+
ref,
|
|
3569
|
+
"data-sidebar": "menu-sub",
|
|
3570
|
+
className: cn(
|
|
3571
|
+
"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
|
|
3572
|
+
"group-data-[collapsible=icon]:hidden",
|
|
3573
|
+
className
|
|
3574
|
+
),
|
|
3575
|
+
...props
|
|
3576
|
+
}
|
|
3577
|
+
));
|
|
3578
|
+
SidebarMenuSub.displayName = "SidebarMenuSub";
|
|
3579
|
+
var SidebarMenuSubItem = React41__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
|
|
3580
|
+
SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
|
|
3581
|
+
var SidebarMenuSubButton = React41__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
|
|
3582
|
+
const Comp = asChild ? reactSlot.Slot : "a";
|
|
3583
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3584
|
+
Comp,
|
|
3585
|
+
{
|
|
3586
|
+
ref,
|
|
3587
|
+
"data-sidebar": "menu-sub-button",
|
|
3588
|
+
"data-size": size,
|
|
3589
|
+
"data-active": isActive,
|
|
3590
|
+
className: cn(
|
|
3591
|
+
"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
|
|
3592
|
+
"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
|
|
3593
|
+
size === "sm" && "text-xs",
|
|
3594
|
+
size === "md" && "text-sm",
|
|
3595
|
+
"group-data-[collapsible=icon]:hidden",
|
|
3596
|
+
className
|
|
3597
|
+
),
|
|
3598
|
+
...props
|
|
3599
|
+
}
|
|
3600
|
+
);
|
|
3601
|
+
});
|
|
3602
|
+
SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
|
|
3603
|
+
function Spinner({ className, ...props }) {
|
|
3604
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3605
|
+
lucideReact.Loader2Icon,
|
|
3606
|
+
{
|
|
3607
|
+
role: "status",
|
|
3608
|
+
"aria-label": "Loading",
|
|
3609
|
+
className: cn("size-4 animate-spin", className),
|
|
3610
|
+
...props
|
|
3611
|
+
}
|
|
3612
|
+
);
|
|
3613
|
+
}
|
|
2465
3614
|
|
|
2466
3615
|
exports.Accordion = Accordion;
|
|
2467
3616
|
exports.AccordionContent = AccordionContent;
|
|
@@ -2494,6 +3643,9 @@ exports.BreadcrumbList = BreadcrumbList;
|
|
|
2494
3643
|
exports.BreadcrumbPage = BreadcrumbPage;
|
|
2495
3644
|
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
2496
3645
|
exports.Button = Button;
|
|
3646
|
+
exports.ButtonGroup = ButtonGroup;
|
|
3647
|
+
exports.ButtonGroupSeparator = ButtonGroupSeparator;
|
|
3648
|
+
exports.ButtonGroupText = ButtonGroupText;
|
|
2497
3649
|
exports.Calendar = Calendar;
|
|
2498
3650
|
exports.CalendarDayButton = CalendarDayButton;
|
|
2499
3651
|
exports.Card = Card;
|
|
@@ -2507,6 +3659,12 @@ exports.CarouselContent = CarouselContent;
|
|
|
2507
3659
|
exports.CarouselItem = CarouselItem;
|
|
2508
3660
|
exports.CarouselNext = CarouselNext;
|
|
2509
3661
|
exports.CarouselPrevious = CarouselPrevious;
|
|
3662
|
+
exports.ChartContainer = ChartContainer;
|
|
3663
|
+
exports.ChartLegend = ChartLegend;
|
|
3664
|
+
exports.ChartLegendContent = ChartLegendContent;
|
|
3665
|
+
exports.ChartStyle = ChartStyle;
|
|
3666
|
+
exports.ChartTooltip = ChartTooltip;
|
|
3667
|
+
exports.ChartTooltipContent = ChartTooltipContent;
|
|
2510
3668
|
exports.Checkbox = Checkbox;
|
|
2511
3669
|
exports.Collapsible = Collapsible;
|
|
2512
3670
|
exports.CollapsibleContent = CollapsibleContent2;
|
|
@@ -2570,14 +3728,29 @@ exports.DropdownMenuSub = DropdownMenuSub;
|
|
|
2570
3728
|
exports.DropdownMenuSubContent = DropdownMenuSubContent;
|
|
2571
3729
|
exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
|
|
2572
3730
|
exports.DropdownMenuTrigger = DropdownMenuTrigger;
|
|
3731
|
+
exports.Form = Form;
|
|
3732
|
+
exports.FormControl = FormControl;
|
|
3733
|
+
exports.FormDescription = FormDescription;
|
|
3734
|
+
exports.FormField = FormField;
|
|
3735
|
+
exports.FormItem = FormItem;
|
|
3736
|
+
exports.FormLabel = FormLabel;
|
|
3737
|
+
exports.FormMessage = FormMessage;
|
|
2573
3738
|
exports.HoverCard = HoverCard;
|
|
2574
3739
|
exports.HoverCardContent = HoverCardContent;
|
|
2575
3740
|
exports.HoverCardTrigger = HoverCardTrigger;
|
|
2576
3741
|
exports.Input = Input;
|
|
3742
|
+
exports.InputGroup = InputGroup;
|
|
3743
|
+
exports.InputGroupAddon = InputGroupAddon;
|
|
3744
|
+
exports.InputGroupButton = InputGroupButton;
|
|
3745
|
+
exports.InputGroupInput = InputGroupInput;
|
|
3746
|
+
exports.InputGroupText = InputGroupText;
|
|
3747
|
+
exports.InputGroupTextarea = InputGroupTextarea;
|
|
2577
3748
|
exports.InputOTP = InputOTP;
|
|
2578
3749
|
exports.InputOTPGroup = InputOTPGroup;
|
|
2579
3750
|
exports.InputOTPSeparator = InputOTPSeparator;
|
|
2580
3751
|
exports.InputOTPSlot = InputOTPSlot;
|
|
3752
|
+
exports.Kbd = Kbd;
|
|
3753
|
+
exports.KbdGroup = KbdGroup;
|
|
2581
3754
|
exports.Label = Label3;
|
|
2582
3755
|
exports.Menubar = Menubar;
|
|
2583
3756
|
exports.MenubarCheckboxItem = MenubarCheckboxItem;
|
|
@@ -2642,8 +3815,32 @@ exports.SheetOverlay = SheetOverlay;
|
|
|
2642
3815
|
exports.SheetPortal = SheetPortal;
|
|
2643
3816
|
exports.SheetTitle = SheetTitle;
|
|
2644
3817
|
exports.SheetTrigger = SheetTrigger;
|
|
3818
|
+
exports.Sidebar = Sidebar;
|
|
3819
|
+
exports.SidebarContent = SidebarContent;
|
|
3820
|
+
exports.SidebarFooter = SidebarFooter;
|
|
3821
|
+
exports.SidebarGroup = SidebarGroup;
|
|
3822
|
+
exports.SidebarGroupAction = SidebarGroupAction;
|
|
3823
|
+
exports.SidebarGroupContent = SidebarGroupContent;
|
|
3824
|
+
exports.SidebarGroupLabel = SidebarGroupLabel;
|
|
3825
|
+
exports.SidebarHeader = SidebarHeader;
|
|
3826
|
+
exports.SidebarInput = SidebarInput;
|
|
3827
|
+
exports.SidebarInset = SidebarInset;
|
|
3828
|
+
exports.SidebarMenu = SidebarMenu;
|
|
3829
|
+
exports.SidebarMenuAction = SidebarMenuAction;
|
|
3830
|
+
exports.SidebarMenuBadge = SidebarMenuBadge;
|
|
3831
|
+
exports.SidebarMenuButton = SidebarMenuButton;
|
|
3832
|
+
exports.SidebarMenuItem = SidebarMenuItem;
|
|
3833
|
+
exports.SidebarMenuSkeleton = SidebarMenuSkeleton;
|
|
3834
|
+
exports.SidebarMenuSub = SidebarMenuSub;
|
|
3835
|
+
exports.SidebarMenuSubButton = SidebarMenuSubButton;
|
|
3836
|
+
exports.SidebarMenuSubItem = SidebarMenuSubItem;
|
|
3837
|
+
exports.SidebarProvider = SidebarProvider;
|
|
3838
|
+
exports.SidebarRail = SidebarRail;
|
|
3839
|
+
exports.SidebarSeparator = SidebarSeparator;
|
|
3840
|
+
exports.SidebarTrigger = SidebarTrigger;
|
|
2645
3841
|
exports.Skeleton = Skeleton;
|
|
2646
3842
|
exports.Slider = Slider;
|
|
3843
|
+
exports.Spinner = Spinner;
|
|
2647
3844
|
exports.Switch = Switch;
|
|
2648
3845
|
exports.Table = Table;
|
|
2649
3846
|
exports.TableBody = TableBody;
|
|
@@ -2667,9 +3864,13 @@ exports.TooltipContent = TooltipContent;
|
|
|
2667
3864
|
exports.TooltipProvider = TooltipProvider;
|
|
2668
3865
|
exports.TooltipTrigger = TooltipTrigger;
|
|
2669
3866
|
exports.badgeVariants = badgeVariants;
|
|
3867
|
+
exports.buttonGroupVariants = buttonGroupVariants;
|
|
2670
3868
|
exports.buttonVariants = buttonVariants;
|
|
2671
3869
|
exports.cn = cn;
|
|
2672
3870
|
exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
|
|
2673
3871
|
exports.toggleVariants = toggleVariants;
|
|
3872
|
+
exports.useFormField = useFormField;
|
|
3873
|
+
exports.useIsMobile = useIsMobile;
|
|
3874
|
+
exports.useSidebar = useSidebar;
|
|
2674
3875
|
//# sourceMappingURL=index.cjs.map
|
|
2675
3876
|
//# sourceMappingURL=index.cjs.map
|