@inf-monkeys-tech/monkeys-design 1.0.49 → 1.0.52
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/components/agent-workbench/index.js +492 -192
- package/dist/components/agent-workbench/index.js.map +1 -1
- package/dist/components/agent-workbench/index.mjs +452 -152
- package/dist/components/agent-workbench/index.mjs.map +1 -1
- package/dist/components/primitives/index.d.mts +2 -2
- package/dist/components/primitives/index.d.ts +2 -2
- package/dist/components/primitives/index.js +183 -183
- package/dist/components/primitives/index.js.map +1 -1
- package/dist/components/primitives/index.mjs +171 -171
- package/dist/components/primitives/index.mjs.map +1 -1
- package/dist/index.js +714 -538
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +292 -116
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var AvatarPrimitive = require('@radix-ui/react-avatar');
|
|
4
|
-
var
|
|
4
|
+
var React15 = require('react');
|
|
5
5
|
var tailwindMerge = require('tailwind-merge');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var classVarianceAuthority = require('class-variance-authority');
|
|
@@ -52,7 +52,7 @@ function _interopNamespace(e) {
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
55
|
-
var
|
|
55
|
+
var React15__namespace = /*#__PURE__*/_interopNamespace(React15);
|
|
56
56
|
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
57
57
|
var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
|
|
58
58
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
@@ -78,7 +78,7 @@ var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup
|
|
|
78
78
|
function cn(...parts) {
|
|
79
79
|
return tailwindMerge.twMerge(parts.filter(Boolean).join(" "));
|
|
80
80
|
}
|
|
81
|
-
var Avatar =
|
|
81
|
+
var Avatar = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
82
82
|
AvatarPrimitive__namespace.Root,
|
|
83
83
|
{
|
|
84
84
|
ref,
|
|
@@ -87,9 +87,9 @@ var Avatar = React14__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
87
87
|
}
|
|
88
88
|
));
|
|
89
89
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
90
|
-
var AvatarImage =
|
|
90
|
+
var AvatarImage = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
|
|
91
91
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
92
|
-
var AvatarFallback =
|
|
92
|
+
var AvatarFallback = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
93
93
|
AvatarPrimitive__namespace.Fallback,
|
|
94
94
|
{
|
|
95
95
|
ref,
|
|
@@ -104,8 +104,8 @@ var useAutosizeTextArea = ({
|
|
|
104
104
|
maxHeight = Number.MAX_SAFE_INTEGER,
|
|
105
105
|
minHeight = 0
|
|
106
106
|
}) => {
|
|
107
|
-
const [init, setInit] =
|
|
108
|
-
|
|
107
|
+
const [init, setInit] = React15__namespace.useState(true);
|
|
108
|
+
React15__namespace.useEffect(() => {
|
|
109
109
|
const offsetBorder = 2;
|
|
110
110
|
if (textAreaRef) {
|
|
111
111
|
if (init) {
|
|
@@ -125,7 +125,7 @@ var useAutosizeTextArea = ({
|
|
|
125
125
|
}
|
|
126
126
|
}, [textAreaRef, triggerAutoSize]);
|
|
127
127
|
};
|
|
128
|
-
var AutosizeTextarea =
|
|
128
|
+
var AutosizeTextarea = React15__namespace.forwardRef(
|
|
129
129
|
({
|
|
130
130
|
maxHeight = Number.MAX_SAFE_INTEGER,
|
|
131
131
|
minHeight = 52,
|
|
@@ -138,26 +138,26 @@ var AutosizeTextarea = React14__namespace.forwardRef(
|
|
|
138
138
|
onCompositionEnd: propsOnCompositionEnd,
|
|
139
139
|
...props
|
|
140
140
|
}, ref) => {
|
|
141
|
-
const textAreaRef =
|
|
142
|
-
const [triggerAutoSize, setTriggerAutoSize] =
|
|
143
|
-
const [isComposing, setIsComposing] =
|
|
144
|
-
const [compositionValue, setCompositionValue] =
|
|
141
|
+
const textAreaRef = React15__namespace.useRef(null);
|
|
142
|
+
const [triggerAutoSize, setTriggerAutoSize] = React15__namespace.useState("");
|
|
143
|
+
const [isComposing, setIsComposing] = React15__namespace.useState(false);
|
|
144
|
+
const [compositionValue, setCompositionValue] = React15__namespace.useState("");
|
|
145
145
|
useAutosizeTextArea({
|
|
146
146
|
textAreaRef: textAreaRef.current,
|
|
147
147
|
triggerAutoSize,
|
|
148
148
|
maxHeight,
|
|
149
149
|
minHeight
|
|
150
150
|
});
|
|
151
|
-
|
|
151
|
+
React15.useImperativeHandle(ref, () => ({
|
|
152
152
|
textArea: textAreaRef.current,
|
|
153
153
|
focus: () => textAreaRef.current?.focus(),
|
|
154
154
|
maxHeight,
|
|
155
155
|
minHeight
|
|
156
156
|
}));
|
|
157
|
-
|
|
157
|
+
React15__namespace.useEffect(() => {
|
|
158
158
|
setTriggerAutoSize(value);
|
|
159
159
|
}, [props?.defaultValue, value]);
|
|
160
|
-
const handleKeyDown =
|
|
160
|
+
const handleKeyDown = React15__namespace.useCallback((e) => {
|
|
161
161
|
if (e.key === "ArrowUp" && triggerAutoSize.length <= 0 && !(e.metaKey || e.altKey || e.ctrlKey)) {
|
|
162
162
|
e.preventDefault();
|
|
163
163
|
return;
|
|
@@ -223,13 +223,13 @@ var alertVariants = classVarianceAuthority.cva(
|
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
225
|
);
|
|
226
|
-
var Alert =
|
|
226
|
+
var Alert = React15__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
|
|
227
227
|
Alert.displayName = "Alert";
|
|
228
|
-
var AlertTitle =
|
|
228
|
+
var AlertTitle = React15__namespace.forwardRef(
|
|
229
229
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
|
|
230
230
|
);
|
|
231
231
|
AlertTitle.displayName = "AlertTitle";
|
|
232
|
-
var AlertDescription =
|
|
232
|
+
var AlertDescription = React15__namespace.forwardRef(
|
|
233
233
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
|
|
234
234
|
);
|
|
235
235
|
AlertDescription.displayName = "AlertDescription";
|
|
@@ -248,11 +248,11 @@ var badgeVariants = ({
|
|
|
248
248
|
(!variant || variant === "default") && "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
249
249
|
className
|
|
250
250
|
);
|
|
251
|
-
var Badge =
|
|
251
|
+
var Badge = React15__namespace.forwardRef(({ className, variant, shape, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: badgeVariants({ variant, shape, className }), ...props }));
|
|
252
252
|
Badge.displayName = "Badge";
|
|
253
|
-
var RoundedBadge =
|
|
253
|
+
var RoundedBadge = React15__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { ref, shape: "rounded", ...props }));
|
|
254
254
|
RoundedBadge.displayName = "RoundedBadge";
|
|
255
|
-
var Separator =
|
|
255
|
+
var Separator = React15__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
256
256
|
SeparatorPrimitive__namespace.Root,
|
|
257
257
|
{
|
|
258
258
|
ref,
|
|
@@ -370,7 +370,7 @@ function Calendar({ className, classNames, components, showOutsideDays = true, .
|
|
|
370
370
|
);
|
|
371
371
|
}
|
|
372
372
|
Calendar.displayName = "Calendar";
|
|
373
|
-
var Card =
|
|
373
|
+
var Card = React15__namespace.forwardRef(({ className, appearance = "standard", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
374
374
|
"div",
|
|
375
375
|
{
|
|
376
376
|
ref,
|
|
@@ -383,21 +383,21 @@ var Card = React14__namespace.forwardRef(({ className, appearance = "standard",
|
|
|
383
383
|
}
|
|
384
384
|
));
|
|
385
385
|
Card.displayName = "Card";
|
|
386
|
-
var CardHeader =
|
|
386
|
+
var CardHeader = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props }));
|
|
387
387
|
CardHeader.displayName = "CardHeader";
|
|
388
|
-
var CardAction =
|
|
388
|
+
var CardAction = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("ml-auto flex items-center gap-2", className), ...props }));
|
|
389
389
|
CardAction.displayName = "CardAction";
|
|
390
|
-
var CardTitle =
|
|
390
|
+
var CardTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props }));
|
|
391
391
|
CardTitle.displayName = "CardTitle";
|
|
392
|
-
var CardDescription =
|
|
392
|
+
var CardDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
393
393
|
CardDescription.displayName = "CardDescription";
|
|
394
|
-
var CardContent =
|
|
394
|
+
var CardContent = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
395
395
|
CardContent.displayName = "CardContent";
|
|
396
|
-
var CardFooter =
|
|
396
|
+
var CardFooter = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props }));
|
|
397
397
|
CardFooter.displayName = "CardFooter";
|
|
398
398
|
var PolymorphicSlot = reactSlot.Slot;
|
|
399
399
|
var Accordion = AccordionPrimitive__namespace.Root;
|
|
400
|
-
var AccordionItem =
|
|
400
|
+
var AccordionItem = React15__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
401
401
|
AccordionPrimitive__namespace.Item,
|
|
402
402
|
{
|
|
403
403
|
ref,
|
|
@@ -410,7 +410,7 @@ var AccordionItem = React14__namespace.forwardRef(({ className, style, ...props
|
|
|
410
410
|
}
|
|
411
411
|
));
|
|
412
412
|
AccordionItem.displayName = "AccordionItem";
|
|
413
|
-
var AccordionTrigger =
|
|
413
|
+
var AccordionTrigger = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
414
414
|
AccordionPrimitive__namespace.Trigger,
|
|
415
415
|
{
|
|
416
416
|
ref,
|
|
@@ -432,7 +432,7 @@ var AccordionTrigger = React14__namespace.forwardRef(({ className, children, ...
|
|
|
432
432
|
}
|
|
433
433
|
) }));
|
|
434
434
|
AccordionTrigger.displayName = "AccordionTrigger";
|
|
435
|
-
var AccordionContent =
|
|
435
|
+
var AccordionContent = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
436
436
|
AccordionPrimitive__namespace.Content,
|
|
437
437
|
{
|
|
438
438
|
ref,
|
|
@@ -442,7 +442,7 @@ var AccordionContent = React14__namespace.forwardRef(({ className, children, ...
|
|
|
442
442
|
}
|
|
443
443
|
));
|
|
444
444
|
AccordionContent.displayName = "AccordionContent";
|
|
445
|
-
var Checkbox =
|
|
445
|
+
var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
446
446
|
CheckboxPrimitive__namespace.Root,
|
|
447
447
|
{
|
|
448
448
|
ref,
|
|
@@ -477,7 +477,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
477
477
|
defaultVariants: { variant: "default", size: "default" }
|
|
478
478
|
}
|
|
479
479
|
);
|
|
480
|
-
var Button =
|
|
480
|
+
var Button = React15__namespace.forwardRef(
|
|
481
481
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
482
482
|
const Component = asChild ? reactSlot.Slot : "button";
|
|
483
483
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -494,7 +494,7 @@ Button.displayName = "Button";
|
|
|
494
494
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
495
495
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
496
496
|
var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
|
|
497
|
-
var PopoverContent =
|
|
497
|
+
var PopoverContent = React15__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
498
498
|
PopoverPrimitive__namespace.Content,
|
|
499
499
|
{
|
|
500
500
|
ref,
|
|
@@ -508,7 +508,7 @@ var PopoverContent = React14__namespace.forwardRef(({ className, align = "center
|
|
|
508
508
|
}
|
|
509
509
|
) }));
|
|
510
510
|
PopoverContent.displayName = "PopoverContent";
|
|
511
|
-
var ScrollArea =
|
|
511
|
+
var ScrollArea = React15__namespace.forwardRef(
|
|
512
512
|
({
|
|
513
513
|
className,
|
|
514
514
|
children,
|
|
@@ -552,7 +552,7 @@ var ScrollArea = React14__namespace.forwardRef(
|
|
|
552
552
|
)
|
|
553
553
|
);
|
|
554
554
|
ScrollArea.displayName = "ScrollArea";
|
|
555
|
-
var ScrollBar =
|
|
555
|
+
var ScrollBar = React15__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
556
556
|
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
557
557
|
{
|
|
558
558
|
ref,
|
|
@@ -568,7 +568,7 @@ var ScrollBar = React14__namespace.forwardRef(({ className, orientation = "verti
|
|
|
568
568
|
}
|
|
569
569
|
));
|
|
570
570
|
ScrollBar.displayName = "ScrollBar";
|
|
571
|
-
var Switch =
|
|
571
|
+
var Switch = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
572
572
|
SwitchPrimitive__namespace.Root,
|
|
573
573
|
{
|
|
574
574
|
ref,
|
|
@@ -581,9 +581,9 @@ var Switch = React14__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
581
581
|
}
|
|
582
582
|
));
|
|
583
583
|
Switch.displayName = "Switch";
|
|
584
|
-
var Tabs =
|
|
584
|
+
var Tabs = React15__namespace.forwardRef(({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, "data-variant": variant, ...props }));
|
|
585
585
|
Tabs.displayName = "Tabs";
|
|
586
|
-
var TabsList =
|
|
586
|
+
var TabsList = React15__namespace.forwardRef(({ className, gap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
587
587
|
TabsPrimitive__namespace.List,
|
|
588
588
|
{
|
|
589
589
|
ref,
|
|
@@ -596,7 +596,7 @@ var TabsList = React14__namespace.forwardRef(({ className, gap, style, ...props
|
|
|
596
596
|
}
|
|
597
597
|
));
|
|
598
598
|
TabsList.displayName = "TabsList";
|
|
599
|
-
var TabsTrigger =
|
|
599
|
+
var TabsTrigger = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
600
600
|
TabsPrimitive__namespace.Trigger,
|
|
601
601
|
{
|
|
602
602
|
ref,
|
|
@@ -608,7 +608,7 @@ var TabsTrigger = React14__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
608
608
|
}
|
|
609
609
|
));
|
|
610
610
|
TabsTrigger.displayName = "TabsTrigger";
|
|
611
|
-
var TabsContent =
|
|
611
|
+
var TabsContent = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
612
612
|
TabsPrimitive__namespace.Content,
|
|
613
613
|
{
|
|
614
614
|
ref,
|
|
@@ -623,7 +623,7 @@ TabsContent.displayName = "TabsContent";
|
|
|
623
623
|
var TooltipProvider = TooltipPrimitive__namespace.Provider;
|
|
624
624
|
var Tooltip = TooltipPrimitive__namespace.Root;
|
|
625
625
|
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
626
|
-
var TooltipContent =
|
|
626
|
+
var TooltipContent = React15__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
627
627
|
TooltipPrimitive__namespace.Content,
|
|
628
628
|
{
|
|
629
629
|
ref,
|
|
@@ -636,13 +636,13 @@ var TooltipContent = React14__namespace.forwardRef(({ className, sideOffset = 4,
|
|
|
636
636
|
}
|
|
637
637
|
) }));
|
|
638
638
|
TooltipContent.displayName = "TooltipContent";
|
|
639
|
-
var CarouselContext =
|
|
639
|
+
var CarouselContext = React15__namespace.createContext(null);
|
|
640
640
|
function useCarousel() {
|
|
641
|
-
const context =
|
|
641
|
+
const context = React15__namespace.useContext(CarouselContext);
|
|
642
642
|
if (!context) throw new Error("useCarousel must be used within a <Carousel />");
|
|
643
643
|
return context;
|
|
644
644
|
}
|
|
645
|
-
var Carousel =
|
|
645
|
+
var Carousel = React15__namespace.forwardRef(
|
|
646
646
|
({
|
|
647
647
|
orientation = "horizontal",
|
|
648
648
|
opts,
|
|
@@ -658,19 +658,19 @@ var Carousel = React14__namespace.forwardRef(
|
|
|
658
658
|
{ ...opts, axis: orientation === "horizontal" ? "x" : "y" },
|
|
659
659
|
plugins
|
|
660
660
|
);
|
|
661
|
-
const [canScrollPrev, setCanScrollPrev] =
|
|
662
|
-
const [canScrollNext, setCanScrollNext] =
|
|
663
|
-
const onSelect =
|
|
661
|
+
const [canScrollPrev, setCanScrollPrev] = React15__namespace.useState(false);
|
|
662
|
+
const [canScrollNext, setCanScrollNext] = React15__namespace.useState(false);
|
|
663
|
+
const onSelect = React15__namespace.useCallback((currentApi) => {
|
|
664
664
|
if (!currentApi) return;
|
|
665
665
|
setCanScrollPrev(currentApi.canScrollPrev());
|
|
666
666
|
setCanScrollNext(currentApi.canScrollNext());
|
|
667
667
|
}, []);
|
|
668
|
-
const scrollPrev =
|
|
669
|
-
const scrollNext =
|
|
670
|
-
|
|
668
|
+
const scrollPrev = React15__namespace.useCallback(() => api?.scrollPrev(), [api]);
|
|
669
|
+
const scrollNext = React15__namespace.useCallback(() => api?.scrollNext(), [api]);
|
|
670
|
+
React15__namespace.useEffect(() => {
|
|
671
671
|
if (api && setApi) setApi(api);
|
|
672
672
|
}, [api, setApi]);
|
|
673
|
-
|
|
673
|
+
React15__namespace.useEffect(() => {
|
|
674
674
|
if (!api) return;
|
|
675
675
|
onSelect(api);
|
|
676
676
|
api.on("reInit", onSelect);
|
|
@@ -722,7 +722,7 @@ var Carousel = React14__namespace.forwardRef(
|
|
|
722
722
|
}
|
|
723
723
|
);
|
|
724
724
|
Carousel.displayName = "Carousel";
|
|
725
|
-
var CarouselContent =
|
|
725
|
+
var CarouselContent = React15__namespace.forwardRef(
|
|
726
726
|
({ className, ...props }, ref) => {
|
|
727
727
|
const { carouselRef, orientation } = useCarousel();
|
|
728
728
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -736,7 +736,7 @@ var CarouselContent = React14__namespace.forwardRef(
|
|
|
736
736
|
}
|
|
737
737
|
);
|
|
738
738
|
CarouselContent.displayName = "CarouselContent";
|
|
739
|
-
var CarouselItem =
|
|
739
|
+
var CarouselItem = React15__namespace.forwardRef(
|
|
740
740
|
({ className, ...props }, ref) => {
|
|
741
741
|
const { orientation } = useCarousel();
|
|
742
742
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -756,7 +756,7 @@ var CarouselItem = React14__namespace.forwardRef(
|
|
|
756
756
|
}
|
|
757
757
|
);
|
|
758
758
|
CarouselItem.displayName = "CarouselItem";
|
|
759
|
-
var CarouselPrevious =
|
|
759
|
+
var CarouselPrevious = React15__namespace.forwardRef(
|
|
760
760
|
({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
761
761
|
const { orientation, scrollPrev, canScrollPrev, previousLabel } = useCarousel();
|
|
762
762
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -782,7 +782,7 @@ var CarouselPrevious = React14__namespace.forwardRef(
|
|
|
782
782
|
}
|
|
783
783
|
);
|
|
784
784
|
CarouselPrevious.displayName = "CarouselPrevious";
|
|
785
|
-
var CarouselNext =
|
|
785
|
+
var CarouselNext = React15__namespace.forwardRef(
|
|
786
786
|
({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
787
787
|
const { orientation, scrollNext, canScrollNext, nextLabel } = useCarousel();
|
|
788
788
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -811,7 +811,7 @@ CarouselNext.displayName = "CarouselNext";
|
|
|
811
811
|
var Collapsible = CollapsiblePrimitive__namespace.Root;
|
|
812
812
|
var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
|
|
813
813
|
var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
|
|
814
|
-
var Input =
|
|
814
|
+
var Input = React15__namespace.forwardRef(({ className, appearance = "standard", type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
815
815
|
"input",
|
|
816
816
|
{
|
|
817
817
|
ref,
|
|
@@ -826,7 +826,7 @@ var Input = React14__namespace.forwardRef(({ className, appearance = "standard",
|
|
|
826
826
|
}
|
|
827
827
|
));
|
|
828
828
|
Input.displayName = "Input";
|
|
829
|
-
var Textarea =
|
|
829
|
+
var Textarea = React15__namespace.forwardRef(({ className, appearance = "standard", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
830
830
|
"textarea",
|
|
831
831
|
{
|
|
832
832
|
ref,
|
|
@@ -840,7 +840,7 @@ var Textarea = React14__namespace.forwardRef(({ className, appearance = "standar
|
|
|
840
840
|
}
|
|
841
841
|
));
|
|
842
842
|
Textarea.displayName = "Textarea";
|
|
843
|
-
var FloatingPopoverContext =
|
|
843
|
+
var FloatingPopoverContext = React15__namespace.createContext(null);
|
|
844
844
|
function FloatingPopover({
|
|
845
845
|
open: controlledOpen,
|
|
846
846
|
defaultOpen = false,
|
|
@@ -849,9 +849,9 @@ function FloatingPopover({
|
|
|
849
849
|
offset = 8,
|
|
850
850
|
children
|
|
851
851
|
}) {
|
|
852
|
-
const [uncontrolledOpen, setUncontrolledOpen] =
|
|
852
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React15__namespace.useState(defaultOpen);
|
|
853
853
|
const open = controlledOpen ?? uncontrolledOpen;
|
|
854
|
-
const setOpen =
|
|
854
|
+
const setOpen = React15__namespace.useCallback((next) => {
|
|
855
855
|
onOpenChange?.(next);
|
|
856
856
|
if (controlledOpen === void 0) setUncontrolledOpen(next);
|
|
857
857
|
}, [controlledOpen, onOpenChange]);
|
|
@@ -866,18 +866,18 @@ function FloatingPopover({
|
|
|
866
866
|
const dismiss = react.useDismiss(context, { outsidePressEvent: "pointerdown" });
|
|
867
867
|
const role = react.useRole(context, { role: "dialog" });
|
|
868
868
|
const { getReferenceProps, getFloatingProps } = react.useInteractions([click, dismiss, role]);
|
|
869
|
-
const value =
|
|
869
|
+
const value = React15__namespace.useMemo(
|
|
870
870
|
() => ({ open, floatingStyles, getReferenceProps, getFloatingProps, context, refs }),
|
|
871
871
|
[context, floatingStyles, getFloatingProps, getReferenceProps, open, refs]
|
|
872
872
|
);
|
|
873
873
|
return /* @__PURE__ */ jsxRuntime.jsx(FloatingPopoverContext.Provider, { value, children });
|
|
874
874
|
}
|
|
875
875
|
function useFloatingPopoverContext() {
|
|
876
|
-
const context =
|
|
876
|
+
const context = React15__namespace.useContext(FloatingPopoverContext);
|
|
877
877
|
if (!context) throw new Error("FloatingPopover components must be used within <FloatingPopover>");
|
|
878
878
|
return context;
|
|
879
879
|
}
|
|
880
|
-
var FloatingPopoverTrigger =
|
|
880
|
+
var FloatingPopoverTrigger = React15__namespace.forwardRef(
|
|
881
881
|
({ asChild, ...props }, forwardedRef) => {
|
|
882
882
|
const context = useFloatingPopoverContext();
|
|
883
883
|
const Component = asChild ? reactSlot.Slot : "button";
|
|
@@ -898,7 +898,7 @@ var FloatingPopoverTrigger = React14__namespace.forwardRef(
|
|
|
898
898
|
}
|
|
899
899
|
);
|
|
900
900
|
FloatingPopoverTrigger.displayName = "FloatingPopoverTrigger";
|
|
901
|
-
var FloatingPopoverContent =
|
|
901
|
+
var FloatingPopoverContent = React15__namespace.forwardRef(
|
|
902
902
|
({ className, style, portal = true, ...props }, forwardedRef) => {
|
|
903
903
|
const context = useFloatingPopoverContext();
|
|
904
904
|
if (!context.open) return null;
|
|
@@ -935,8 +935,8 @@ function InfiniteScroll({
|
|
|
935
935
|
reverse = false,
|
|
936
936
|
children
|
|
937
937
|
}) {
|
|
938
|
-
const observerRef =
|
|
939
|
-
const observerCallback =
|
|
938
|
+
const observerRef = React15.useRef(null);
|
|
939
|
+
const observerCallback = React15.useCallback(
|
|
940
940
|
(node) => {
|
|
941
941
|
if (isLoading) return;
|
|
942
942
|
if (observerRef.current) {
|
|
@@ -956,7 +956,7 @@ function InfiniteScroll({
|
|
|
956
956
|
},
|
|
957
957
|
[hasMore, isLoading, next, threshold, root, rootMargin]
|
|
958
958
|
);
|
|
959
|
-
|
|
959
|
+
React15.useEffect(() => {
|
|
960
960
|
if (threshold < 0 || threshold > 1) {
|
|
961
961
|
console.warn("InfiniteScroll: threshold should be between 0 and 1");
|
|
962
962
|
}
|
|
@@ -976,7 +976,7 @@ function InfiniteScroll({
|
|
|
976
976
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { children: child }, index);
|
|
977
977
|
}) });
|
|
978
978
|
}
|
|
979
|
-
var Indicator2 =
|
|
979
|
+
var Indicator2 = React15.forwardRef(
|
|
980
980
|
({ children, className, dot = true, ...props }, ref) => {
|
|
981
981
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("relative inline-flex", className), ...props, children: [
|
|
982
982
|
children,
|
|
@@ -991,7 +991,7 @@ Indicator2.displayName = "Indicator";
|
|
|
991
991
|
var HoverCard = HoverCardPrimitive__namespace.Root;
|
|
992
992
|
var HoverCardPortal = HoverCardPrimitive__namespace.Portal;
|
|
993
993
|
var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
|
|
994
|
-
var HoverCardContent =
|
|
994
|
+
var HoverCardContent = React15__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
995
995
|
HoverCardPrimitive__namespace.Content,
|
|
996
996
|
{
|
|
997
997
|
ref,
|
|
@@ -1005,7 +1005,7 @@ var HoverCardContent = React14__namespace.forwardRef(({ className, align = "cent
|
|
|
1005
1005
|
}
|
|
1006
1006
|
));
|
|
1007
1007
|
HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
|
|
1008
|
-
var InputOTP =
|
|
1008
|
+
var InputOTP = React15__namespace.forwardRef(
|
|
1009
1009
|
({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1010
1010
|
inputOtp.OTPInput,
|
|
1011
1011
|
{
|
|
@@ -1017,12 +1017,12 @@ var InputOTP = React14__namespace.forwardRef(
|
|
|
1017
1017
|
)
|
|
1018
1018
|
);
|
|
1019
1019
|
InputOTP.displayName = "InputOTP";
|
|
1020
|
-
var InputOTPGroup =
|
|
1020
|
+
var InputOTPGroup = React15__namespace.forwardRef(
|
|
1021
1021
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props })
|
|
1022
1022
|
);
|
|
1023
1023
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
1024
|
-
var InputOTPSlot =
|
|
1025
|
-
const inputOTPContext =
|
|
1024
|
+
var InputOTPSlot = React15__namespace.forwardRef(({ index, className, ...props }, ref) => {
|
|
1025
|
+
const inputOTPContext = React15__namespace.useContext(inputOtp.OTPInputContext);
|
|
1026
1026
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
1027
1027
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1028
1028
|
"div",
|
|
@@ -1042,7 +1042,7 @@ var InputOTPSlot = React14__namespace.forwardRef(({ index, className, ...props }
|
|
|
1042
1042
|
);
|
|
1043
1043
|
});
|
|
1044
1044
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
1045
|
-
var InputOTPSeparator =
|
|
1045
|
+
var InputOTPSeparator = React15__namespace.forwardRef(
|
|
1046
1046
|
({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) })
|
|
1047
1047
|
);
|
|
1048
1048
|
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
@@ -1151,32 +1151,32 @@ function InputGroupText({ className, ...props }) {
|
|
|
1151
1151
|
}
|
|
1152
1152
|
);
|
|
1153
1153
|
}
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1154
|
+
var InputGroupInput = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1155
|
+
Input,
|
|
1156
|
+
{
|
|
1157
|
+
ref,
|
|
1158
|
+
"data-slot": "input-group-control",
|
|
1159
|
+
className: cn(
|
|
1160
|
+
"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
|
|
1161
|
+
className
|
|
1162
|
+
),
|
|
1163
|
+
...props
|
|
1164
|
+
}
|
|
1165
|
+
));
|
|
1166
|
+
InputGroupInput.displayName = "InputGroupInput";
|
|
1167
|
+
var InputGroupTextarea = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1168
|
+
Textarea,
|
|
1169
|
+
{
|
|
1170
|
+
ref,
|
|
1171
|
+
"data-slot": "input-group-control",
|
|
1172
|
+
className: cn(
|
|
1173
|
+
"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
|
|
1174
|
+
className
|
|
1175
|
+
),
|
|
1176
|
+
...props
|
|
1177
|
+
}
|
|
1178
|
+
));
|
|
1179
|
+
InputGroupTextarea.displayName = "InputGroupTextarea";
|
|
1180
1180
|
var menuItemClassName = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
1181
1181
|
var menuContentClassName = "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-menu-surface p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
|
|
1182
1182
|
var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
|
|
@@ -1185,42 +1185,42 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
1185
1185
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
1186
1186
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
1187
1187
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
1188
|
-
var DropdownMenuSubTrigger =
|
|
1188
|
+
var DropdownMenuSubTrigger = React15__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref, className: cn(menuItemClassName, "data-[state=open]:bg-accent", inset && "pl-8", className), ...props, children: [
|
|
1189
1189
|
children,
|
|
1190
1190
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "ml-auto" })
|
|
1191
1191
|
] }));
|
|
1192
1192
|
DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
|
|
1193
|
-
var DropdownMenuSubContent =
|
|
1193
|
+
var DropdownMenuSubContent = React15__namespace.forwardRef(
|
|
1194
1194
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(menuContentClassName, className), ...props })
|
|
1195
1195
|
);
|
|
1196
1196
|
DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
|
|
1197
|
-
var DropdownMenuContent =
|
|
1197
|
+
var DropdownMenuContent = React15__namespace.forwardRef(
|
|
1198
1198
|
({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref, sideOffset, className: cn(menuContentClassName, className), ...props }) })
|
|
1199
1199
|
);
|
|
1200
1200
|
DropdownMenuContent.displayName = "DropdownMenuContent";
|
|
1201
|
-
var DropdownMenuItem =
|
|
1201
|
+
var DropdownMenuItem = React15__namespace.forwardRef(
|
|
1202
1202
|
({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref, className: cn(menuItemClassName, inset && "pl-8", className), ...props })
|
|
1203
1203
|
);
|
|
1204
1204
|
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
1205
|
-
var DropdownMenuCheckboxItem =
|
|
1205
|
+
var DropdownMenuCheckboxItem = React15__namespace.forwardRef(
|
|
1206
1206
|
({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(menuItemClassName, "pl-8", className), checked, ...props, children: [
|
|
1207
1207
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" }) }) }),
|
|
1208
1208
|
children
|
|
1209
1209
|
] })
|
|
1210
1210
|
);
|
|
1211
1211
|
DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
|
|
1212
|
-
var DropdownMenuRadioItem =
|
|
1212
|
+
var DropdownMenuRadioItem = React15__namespace.forwardRef(
|
|
1213
1213
|
({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { ref, className: cn(menuItemClassName, "pl-8", className), ...props, children: [
|
|
1214
1214
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { "aria-hidden": "true", className: "h-2 w-2 fill-current" }) }) }),
|
|
1215
1215
|
children
|
|
1216
1216
|
] })
|
|
1217
1217
|
);
|
|
1218
1218
|
DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
|
|
1219
|
-
var DropdownMenuLabel =
|
|
1219
|
+
var DropdownMenuLabel = React15__namespace.forwardRef(
|
|
1220
1220
|
({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props })
|
|
1221
1221
|
);
|
|
1222
1222
|
DropdownMenuLabel.displayName = "DropdownMenuLabel";
|
|
1223
|
-
var DropdownMenuSeparator =
|
|
1223
|
+
var DropdownMenuSeparator = React15__namespace.forwardRef(
|
|
1224
1224
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
|
|
1225
1225
|
);
|
|
1226
1226
|
DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
|
|
@@ -1229,22 +1229,22 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
|
1229
1229
|
var Select = SelectPrimitive__namespace.Root;
|
|
1230
1230
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
1231
1231
|
var SelectValue = SelectPrimitive__namespace.Value;
|
|
1232
|
-
var SelectTrigger =
|
|
1233
|
-
({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, { ref, className: cn("flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-control-surface px-3 py-2 text-left text-sm shadow-sm ring-offset-control-surface data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left", size === "sm" && "h-8 px-2 py-1 text-xs", className), ...props, children: [
|
|
1232
|
+
var SelectTrigger = React15__namespace.forwardRef(
|
|
1233
|
+
({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, { ref, className: cn("flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-control-surface px-3 py-2 text-left text-sm text-foreground shadow-sm ring-offset-control-surface data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left", size === "sm" && "h-8 px-2 py-1 text-xs", className), ...props, children: [
|
|
1234
1234
|
children,
|
|
1235
1235
|
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: cn("h-4 w-4 opacity-50", iconClassName) }) })
|
|
1236
1236
|
] })
|
|
1237
1237
|
);
|
|
1238
1238
|
SelectTrigger.displayName = "SelectTrigger";
|
|
1239
|
-
var SelectScrollUpButton =
|
|
1239
|
+
var SelectScrollUpButton = React15__namespace.forwardRef(
|
|
1240
1240
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { "aria-hidden": "true", className: "h-4 w-4" }) })
|
|
1241
1241
|
);
|
|
1242
1242
|
SelectScrollUpButton.displayName = "SelectScrollUpButton";
|
|
1243
|
-
var SelectScrollDownButton =
|
|
1243
|
+
var SelectScrollDownButton = React15__namespace.forwardRef(
|
|
1244
1244
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollDownButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: "h-4 w-4" }) })
|
|
1245
1245
|
);
|
|
1246
1246
|
SelectScrollDownButton.displayName = "SelectScrollDownButton";
|
|
1247
|
-
var SelectContent =
|
|
1247
|
+
var SelectContent = React15__namespace.forwardRef(
|
|
1248
1248
|
({ className, children, position = "popper", viewportClassName, disableTriggerViewportSizing = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Content, { ref, position, className: cn(menuContentClassName, "relative max-h-[var(--radix-select-content-available-height)] overflow-y-auto overflow-x-hidden", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), ...props, children: [
|
|
1249
1249
|
/* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
|
|
1250
1250
|
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Viewport, { className: cn("p-1", position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]", position === "popper" && !disableTriggerViewportSizing && "h-[var(--radix-select-trigger-height)]", viewportClassName), children }),
|
|
@@ -1252,11 +1252,11 @@ var SelectContent = React14__namespace.forwardRef(
|
|
|
1252
1252
|
] }) })
|
|
1253
1253
|
);
|
|
1254
1254
|
SelectContent.displayName = "SelectContent";
|
|
1255
|
-
var SelectLabel =
|
|
1255
|
+
var SelectLabel = React15__namespace.forwardRef(
|
|
1256
1256
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props })
|
|
1257
1257
|
);
|
|
1258
1258
|
SelectLabel.displayName = "SelectLabel";
|
|
1259
|
-
var SelectItem =
|
|
1259
|
+
var SelectItem = React15__namespace.forwardRef(
|
|
1260
1260
|
({ className, children, indicatorClassName, itemText, hideIndicator = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, { ref, className: cn(menuItemClassName, "w-full", hideIndicator ? "px-2" : "pl-8 pr-2", className), ...props, children: [
|
|
1261
1261
|
!hideIndicator ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("absolute left-2 flex h-3.5 w-3.5 items-center justify-center", indicatorClassName), children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" }) }) }) : null,
|
|
1262
1262
|
itemText ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -1266,7 +1266,7 @@ var SelectItem = React14__namespace.forwardRef(
|
|
|
1266
1266
|
] })
|
|
1267
1267
|
);
|
|
1268
1268
|
SelectItem.displayName = "SelectItem";
|
|
1269
|
-
var SelectSeparator =
|
|
1269
|
+
var SelectSeparator = React15__namespace.forwardRef(
|
|
1270
1270
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
|
|
1271
1271
|
);
|
|
1272
1272
|
SelectSeparator.displayName = "SelectSeparator";
|
|
@@ -1289,11 +1289,11 @@ var mediaPreviewFrameClassName = ({
|
|
|
1289
1289
|
aspectRatio === "9:16" && "aspect-[9/16]",
|
|
1290
1290
|
className
|
|
1291
1291
|
);
|
|
1292
|
-
var MediaPreviewFrame =
|
|
1292
|
+
var MediaPreviewFrame = React15__namespace.forwardRef(
|
|
1293
1293
|
({ aspectRatio = "square", maxSquareHeight = true, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: mediaPreviewFrameClassName({ aspectRatio, maxSquareHeight, className }), ...props })
|
|
1294
1294
|
);
|
|
1295
1295
|
MediaPreviewFrame.displayName = "MediaPreviewFrame";
|
|
1296
|
-
var MediaPreviewImage =
|
|
1296
|
+
var MediaPreviewImage = React15__namespace.forwardRef(
|
|
1297
1297
|
({ fit = "contain", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1298
1298
|
"img",
|
|
1299
1299
|
{
|
|
@@ -1308,7 +1308,7 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
1308
1308
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
1309
1309
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
1310
1310
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
1311
|
-
var DialogOverlay =
|
|
1311
|
+
var DialogOverlay = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1312
1312
|
DialogPrimitive__namespace.Overlay,
|
|
1313
1313
|
{
|
|
1314
1314
|
ref,
|
|
@@ -1318,7 +1318,7 @@ var DialogOverlay = React14__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1318
1318
|
}
|
|
1319
1319
|
));
|
|
1320
1320
|
DialogOverlay.displayName = "DialogOverlay";
|
|
1321
|
-
var DialogContent =
|
|
1321
|
+
var DialogContent = React15__namespace.forwardRef(
|
|
1322
1322
|
({ className, children, showCloseButton = true, closeLabel = "Close", overlayClassName, overlayStyle, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
1323
1323
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName, style: overlayStyle }),
|
|
1324
1324
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -1340,7 +1340,7 @@ var DialogContent = React14__namespace.forwardRef(
|
|
|
1340
1340
|
] })
|
|
1341
1341
|
);
|
|
1342
1342
|
DialogContent.displayName = "DialogContent";
|
|
1343
|
-
var DialogContentNoAnimation =
|
|
1343
|
+
var DialogContentNoAnimation = React15__namespace.forwardRef(
|
|
1344
1344
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { ref, className: cn("duration-0 data-[state=open]:animate-none data-[state=closed]:animate-none", className), ...props })
|
|
1345
1345
|
);
|
|
1346
1346
|
DialogContentNoAnimation.displayName = "DialogContentNoAnimation";
|
|
@@ -1348,12 +1348,12 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("
|
|
|
1348
1348
|
DialogHeader.displayName = "DialogHeader";
|
|
1349
1349
|
var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
1350
1350
|
DialogFooter.displayName = "DialogFooter";
|
|
1351
|
-
var DialogTitle =
|
|
1351
|
+
var DialogTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
|
|
1352
1352
|
DialogTitle.displayName = "DialogTitle";
|
|
1353
|
-
var DialogDescription =
|
|
1353
|
+
var DialogDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
1354
1354
|
DialogDescription.displayName = "DialogDescription";
|
|
1355
1355
|
var AlertDialog = ({ onOpenChange, open, ...props }) => {
|
|
1356
|
-
|
|
1356
|
+
React15__namespace.useEffect(() => {
|
|
1357
1357
|
if (open !== false || typeof document === "undefined") return void 0;
|
|
1358
1358
|
const cleanup = () => {
|
|
1359
1359
|
if (!document.querySelector('[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]')) {
|
|
@@ -1364,7 +1364,7 @@ var AlertDialog = ({ onOpenChange, open, ...props }) => {
|
|
|
1364
1364
|
const timer = window.setTimeout(cleanup, 300);
|
|
1365
1365
|
return () => window.clearTimeout(timer);
|
|
1366
1366
|
}, [open]);
|
|
1367
|
-
const handleOpenChange =
|
|
1367
|
+
const handleOpenChange = React15__namespace.useCallback((next) => {
|
|
1368
1368
|
onOpenChange?.(next);
|
|
1369
1369
|
if (!next && typeof document !== "undefined") requestAnimationFrame(() => {
|
|
1370
1370
|
if (!document.querySelector('[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]')) document.body.style.pointerEvents = "";
|
|
@@ -1374,20 +1374,20 @@ var AlertDialog = ({ onOpenChange, open, ...props }) => {
|
|
|
1374
1374
|
};
|
|
1375
1375
|
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
1376
1376
|
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
1377
|
-
var AlertDialogOverlay =
|
|
1377
|
+
var AlertDialogOverlay = React15__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), "data-monkeys-overlay": true, style: { pointerEvents: "auto", ...style }, ...props }));
|
|
1378
1378
|
AlertDialogOverlay.displayName = "AlertDialogOverlay";
|
|
1379
|
-
var AlertDialogContent =
|
|
1379
|
+
var AlertDialogContent = React15__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
1380
1380
|
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
1381
1381
|
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Content, { ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border bg-dialog-surface p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), "data-monkeys-dialog-content": true, style: { pointerEvents: "auto", ...style }, ...props })
|
|
1382
1382
|
] }));
|
|
1383
1383
|
AlertDialogContent.displayName = "AlertDialogContent";
|
|
1384
1384
|
var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
1385
1385
|
var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
1386
|
-
var AlertDialogTitle =
|
|
1387
|
-
var AlertDialogDescription =
|
|
1388
|
-
var AlertDialogAction =
|
|
1389
|
-
var AlertDialogDangerAction =
|
|
1390
|
-
var AlertDialogCancel =
|
|
1386
|
+
var AlertDialogTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
|
|
1387
|
+
var AlertDialogDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
1388
|
+
var AlertDialogAction = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, className: cn(buttonVariants(), className), ...props }));
|
|
1389
|
+
var AlertDialogDangerAction = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, className: cn(buttonVariants({ variant: "destructive" }), className), ...props }));
|
|
1390
|
+
var AlertDialogCancel = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
|
|
1391
1391
|
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
1392
1392
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
1393
1393
|
AlertDialogTitle.displayName = "AlertDialogTitle";
|
|
@@ -1417,7 +1417,7 @@ var isValidPillValue = (value, type) => {
|
|
|
1417
1417
|
}
|
|
1418
1418
|
return true;
|
|
1419
1419
|
};
|
|
1420
|
-
var PillInput =
|
|
1420
|
+
var PillInput = React15__namespace.forwardRef(
|
|
1421
1421
|
({
|
|
1422
1422
|
value = [],
|
|
1423
1423
|
onChange,
|
|
@@ -1428,9 +1428,9 @@ var PillInput = React14__namespace.forwardRef(
|
|
|
1428
1428
|
messages: messageOverrides
|
|
1429
1429
|
}, forwardedRef) => {
|
|
1430
1430
|
const messages = { ...defaultMessages, ...messageOverrides };
|
|
1431
|
-
const [inputValue, setInputValue] =
|
|
1432
|
-
const localRef =
|
|
1433
|
-
const setInputRef =
|
|
1431
|
+
const [inputValue, setInputValue] = React15__namespace.useState("");
|
|
1432
|
+
const localRef = React15__namespace.useRef(null);
|
|
1433
|
+
const setInputRef = React15__namespace.useCallback(
|
|
1434
1434
|
(node) => {
|
|
1435
1435
|
localRef.current = node;
|
|
1436
1436
|
if (typeof forwardedRef === "function") forwardedRef(node);
|
|
@@ -1438,13 +1438,13 @@ var PillInput = React14__namespace.forwardRef(
|
|
|
1438
1438
|
},
|
|
1439
1439
|
[forwardedRef]
|
|
1440
1440
|
);
|
|
1441
|
-
const removePill =
|
|
1441
|
+
const removePill = React15__namespace.useCallback(
|
|
1442
1442
|
(index) => {
|
|
1443
1443
|
if (!disabled) onChange(value.filter((_, currentIndex) => currentIndex !== index));
|
|
1444
1444
|
},
|
|
1445
1445
|
[disabled, onChange, value]
|
|
1446
1446
|
);
|
|
1447
|
-
const addPill =
|
|
1447
|
+
const addPill = React15__namespace.useCallback(
|
|
1448
1448
|
(candidate) => {
|
|
1449
1449
|
const trimmed = candidate.trim();
|
|
1450
1450
|
if (!isValidPillValue(trimmed, fieldType)) return;
|
|
@@ -1508,7 +1508,7 @@ var PillInput = React14__namespace.forwardRef(
|
|
|
1508
1508
|
}
|
|
1509
1509
|
);
|
|
1510
1510
|
PillInput.displayName = "PillInput";
|
|
1511
|
-
var Progress =
|
|
1511
|
+
var Progress = React15__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1512
1512
|
ProgressPrimitive__namespace.Root,
|
|
1513
1513
|
{
|
|
1514
1514
|
ref,
|
|
@@ -1547,39 +1547,39 @@ var ResizableHandle = ({
|
|
|
1547
1547
|
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" }) })
|
|
1548
1548
|
}
|
|
1549
1549
|
);
|
|
1550
|
-
var Sidebar =
|
|
1550
|
+
var Sidebar = React15__namespace.forwardRef(
|
|
1551
1551
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("aside", { ref, className: cn("flex h-full min-h-0 flex-col rounded-xl border bg-card text-card-foreground shadow", className), ...props })
|
|
1552
1552
|
);
|
|
1553
1553
|
Sidebar.displayName = "Sidebar";
|
|
1554
|
-
var SidebarHeader =
|
|
1554
|
+
var SidebarHeader = React15__namespace.forwardRef(
|
|
1555
1555
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex shrink-0 flex-col gap-3 p-4", className), ...props })
|
|
1556
1556
|
);
|
|
1557
1557
|
SidebarHeader.displayName = "SidebarHeader";
|
|
1558
|
-
var SidebarContent =
|
|
1558
|
+
var SidebarContent = React15__namespace.forwardRef(
|
|
1559
1559
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("min-h-0 flex-1 p-2 pt-0", className), ...props })
|
|
1560
1560
|
);
|
|
1561
1561
|
SidebarContent.displayName = "SidebarContent";
|
|
1562
|
-
var SidebarFooter =
|
|
1562
|
+
var SidebarFooter = React15__namespace.forwardRef(
|
|
1563
1563
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("shrink-0 p-4 pt-2", className), ...props })
|
|
1564
1564
|
);
|
|
1565
1565
|
SidebarFooter.displayName = "SidebarFooter";
|
|
1566
|
-
var SidebarGroup =
|
|
1566
|
+
var SidebarGroup = React15__namespace.forwardRef(
|
|
1567
1567
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-2", className), ...props })
|
|
1568
1568
|
);
|
|
1569
1569
|
SidebarGroup.displayName = "SidebarGroup";
|
|
1570
|
-
var SidebarGroupLabel =
|
|
1570
|
+
var SidebarGroupLabel = React15__namespace.forwardRef(
|
|
1571
1571
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("px-2 text-xs font-medium text-muted-foreground", className), ...props })
|
|
1572
1572
|
);
|
|
1573
1573
|
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
1574
|
-
var SidebarMenu =
|
|
1574
|
+
var SidebarMenu = React15__namespace.forwardRef(
|
|
1575
1575
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-col gap-1", className), ...props })
|
|
1576
1576
|
);
|
|
1577
1577
|
SidebarMenu.displayName = "SidebarMenu";
|
|
1578
|
-
var SidebarMenuItem =
|
|
1578
|
+
var SidebarMenuItem = React15__namespace.forwardRef(
|
|
1579
1579
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("min-w-0", className), ...props })
|
|
1580
1580
|
);
|
|
1581
1581
|
SidebarMenuItem.displayName = "SidebarMenuItem";
|
|
1582
|
-
var SidebarMenuButton =
|
|
1582
|
+
var SidebarMenuButton = React15__namespace.forwardRef(
|
|
1583
1583
|
({ className, isActive, type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1584
1584
|
"button",
|
|
1585
1585
|
{
|
|
@@ -1596,7 +1596,7 @@ var SidebarMenuButton = React14__namespace.forwardRef(
|
|
|
1596
1596
|
)
|
|
1597
1597
|
);
|
|
1598
1598
|
SidebarMenuButton.displayName = "SidebarMenuButton";
|
|
1599
|
-
var Label3 =
|
|
1599
|
+
var Label3 = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1600
1600
|
LabelPrimitive__namespace.Root,
|
|
1601
1601
|
{
|
|
1602
1602
|
ref,
|
|
@@ -1609,7 +1609,7 @@ var Sheet = DialogPrimitive__namespace.Root;
|
|
|
1609
1609
|
var SheetTrigger = DialogPrimitive__namespace.Trigger;
|
|
1610
1610
|
var SheetClose = DialogPrimitive__namespace.Close;
|
|
1611
1611
|
var SheetPortal = DialogPrimitive__namespace.Portal;
|
|
1612
|
-
var SheetOverlay =
|
|
1612
|
+
var SheetOverlay = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1613
1613
|
DialogPrimitive__namespace.Overlay,
|
|
1614
1614
|
{
|
|
1615
1615
|
ref,
|
|
@@ -1627,7 +1627,7 @@ var sideClassNames = {
|
|
|
1627
1627
|
bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
|
|
1628
1628
|
left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm"
|
|
1629
1629
|
};
|
|
1630
|
-
var SheetContent =
|
|
1630
|
+
var SheetContent = React15__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
1631
1631
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
1632
1632
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1633
1633
|
DialogPrimitive__namespace.Content,
|
|
@@ -1652,9 +1652,9 @@ var SheetContent = React14__namespace.forwardRef(({ side = "right", className, c
|
|
|
1652
1652
|
SheetContent.displayName = "SheetContent";
|
|
1653
1653
|
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
1654
1654
|
var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
1655
|
-
var SheetTitle =
|
|
1655
|
+
var SheetTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
|
|
1656
1656
|
SheetTitle.displayName = "SheetTitle";
|
|
1657
|
-
var SheetDescription =
|
|
1657
|
+
var SheetDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
1658
1658
|
SheetDescription.displayName = "SheetDescription";
|
|
1659
1659
|
var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
|
|
1660
1660
|
var getStepPrecision = (step) => {
|
|
@@ -1682,7 +1682,7 @@ var normalizeSliderNumber = (value, options) => {
|
|
|
1682
1682
|
return nextValue;
|
|
1683
1683
|
};
|
|
1684
1684
|
var formatSliderNumber = (value) => isFiniteNumber(value) ? `${value}` : "NaN";
|
|
1685
|
-
var Slider =
|
|
1685
|
+
var Slider = React15__namespace.forwardRef(
|
|
1686
1686
|
({
|
|
1687
1687
|
className,
|
|
1688
1688
|
value,
|
|
@@ -1697,19 +1697,19 @@ var Slider = React14__namespace.forwardRef(
|
|
|
1697
1697
|
onEditableValueCommit,
|
|
1698
1698
|
...props
|
|
1699
1699
|
}, ref) => {
|
|
1700
|
-
const inputRef =
|
|
1700
|
+
const inputRef = React15__namespace.useRef(null);
|
|
1701
1701
|
const currentValue = value?.[0];
|
|
1702
1702
|
const hasCurrentValue = isFiniteNumber(currentValue);
|
|
1703
1703
|
const hasRange = isFiniteNumber(min) && isFiniteNumber(max);
|
|
1704
1704
|
const useEnhancedLayout = Boolean(editableValue || showRangeLabels);
|
|
1705
|
-
const [isEditingValue, setIsEditingValue] =
|
|
1706
|
-
const [draftValue, setDraftValue] =
|
|
1705
|
+
const [isEditingValue, setIsEditingValue] = React15__namespace.useState(false);
|
|
1706
|
+
const [draftValue, setDraftValue] = React15__namespace.useState(hasCurrentValue ? String(currentValue) : "");
|
|
1707
1707
|
const showEditingLayout = useEnhancedLayout && isEditingValue;
|
|
1708
|
-
|
|
1708
|
+
React15__namespace.useEffect(() => {
|
|
1709
1709
|
if (isEditingValue) return;
|
|
1710
1710
|
setDraftValue(hasCurrentValue ? String(currentValue) : "");
|
|
1711
1711
|
}, [currentValue, hasCurrentValue, isEditingValue]);
|
|
1712
|
-
|
|
1712
|
+
React15__namespace.useEffect(() => {
|
|
1713
1713
|
if (!isEditingValue) return;
|
|
1714
1714
|
const rafId = window.requestAnimationFrame(() => {
|
|
1715
1715
|
inputRef.current?.focus();
|
|
@@ -1717,11 +1717,11 @@ var Slider = React14__namespace.forwardRef(
|
|
|
1717
1717
|
});
|
|
1718
1718
|
return () => window.cancelAnimationFrame(rafId);
|
|
1719
1719
|
}, [isEditingValue]);
|
|
1720
|
-
const cancelEditingValue =
|
|
1720
|
+
const cancelEditingValue = React15__namespace.useCallback(() => {
|
|
1721
1721
|
setDraftValue(hasCurrentValue ? String(currentValue) : "");
|
|
1722
1722
|
setIsEditingValue(false);
|
|
1723
1723
|
}, [currentValue, hasCurrentValue]);
|
|
1724
|
-
const commitEditingValue =
|
|
1724
|
+
const commitEditingValue = React15__namespace.useCallback(() => {
|
|
1725
1725
|
if (!editableValue || !onEditableValueCommit) {
|
|
1726
1726
|
setIsEditingValue(false);
|
|
1727
1727
|
return;
|
|
@@ -1831,7 +1831,7 @@ var Slider = React14__namespace.forwardRef(
|
|
|
1831
1831
|
}
|
|
1832
1832
|
);
|
|
1833
1833
|
Slider.displayName = SliderPrimitive__namespace.Root.displayName;
|
|
1834
|
-
var StatusState =
|
|
1834
|
+
var StatusState = React15__namespace.forwardRef(
|
|
1835
1835
|
({ title, description, presentation = "panel", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1836
1836
|
"div",
|
|
1837
1837
|
{
|
|
@@ -2064,26 +2064,26 @@ function SkeletonTable({
|
|
|
2064
2064
|
Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex px-4 py-3", rowIndex !== rows - 1 && "border-b"), children: Array.from({ length: actualColumns }).map((_2, colIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2", style: { width: getColumnWidth(colIndex) }, children: showCheckbox && colIndex === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "size-4 rounded" }) : /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 rounded", style: { width: `${60 + Math.random() * 30}%` } }) }, colIndex)) }, rowIndex))
|
|
2065
2065
|
] });
|
|
2066
2066
|
}
|
|
2067
|
-
var Table =
|
|
2067
|
+
var Table = React15__namespace.forwardRef(({ className, container = true, containerClassName, containerProps, density = "compact", ...props }, ref) => {
|
|
2068
2068
|
const table = /* @__PURE__ */ jsxRuntime.jsx("table", { ref, "data-density": density, className: cn("w-full caption-bottom text-sm", className), ...props });
|
|
2069
2069
|
if (!container) return table;
|
|
2070
2070
|
const { className: nestedClassName, ...rest } = containerProps ?? {};
|
|
2071
2071
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative w-full overflow-auto", containerClassName, nestedClassName), ...rest, children: table });
|
|
2072
2072
|
});
|
|
2073
2073
|
Table.displayName = "Table";
|
|
2074
|
-
var TableHeader =
|
|
2074
|
+
var TableHeader = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
2075
2075
|
TableHeader.displayName = "TableHeader";
|
|
2076
|
-
var TableBody =
|
|
2076
|
+
var TableBody = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
|
|
2077
2077
|
TableBody.displayName = "TableBody";
|
|
2078
|
-
var TableFooter =
|
|
2078
|
+
var TableFooter = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
|
|
2079
2079
|
TableFooter.displayName = "TableFooter";
|
|
2080
|
-
var TableRow =
|
|
2080
|
+
var TableRow = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props }));
|
|
2081
2081
|
TableRow.displayName = "TableRow";
|
|
2082
|
-
var TableHead =
|
|
2082
|
+
var TableHead = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("th", { ref, className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [[data-density=comfortable]_&]:h-12 [[data-density=comfortable]_&]:px-4 [&:has([role=checkbox])]:pr-0", className), ...props }));
|
|
2083
2083
|
TableHead.displayName = "TableHead";
|
|
2084
|
-
var TableCell =
|
|
2084
|
+
var TableCell = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: cn("p-2 align-middle [[data-density=comfortable]_&]:p-4 [&:has([role=checkbox])]:pr-0", className), ...props }));
|
|
2085
2085
|
TableCell.displayName = "TableCell";
|
|
2086
|
-
var TableCaption =
|
|
2086
|
+
var TableCaption = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
|
|
2087
2087
|
TableCaption.displayName = "TableCaption";
|
|
2088
2088
|
var toggleClassName = (input = {}) => cn(
|
|
2089
2089
|
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
@@ -2092,7 +2092,7 @@ var toggleClassName = (input = {}) => cn(
|
|
|
2092
2092
|
input.className
|
|
2093
2093
|
);
|
|
2094
2094
|
var toggleVariants = toggleClassName;
|
|
2095
|
-
var Toggle =
|
|
2095
|
+
var Toggle = React15__namespace.forwardRef(({
|
|
2096
2096
|
pressed,
|
|
2097
2097
|
defaultPressed = false,
|
|
2098
2098
|
onPressedChange,
|
|
@@ -2104,7 +2104,7 @@ var Toggle = React14__namespace.forwardRef(({
|
|
|
2104
2104
|
type = "button",
|
|
2105
2105
|
...props
|
|
2106
2106
|
}, ref) => {
|
|
2107
|
-
const [uncontrolledPressed, setUncontrolledPressed] =
|
|
2107
|
+
const [uncontrolledPressed, setUncontrolledPressed] = React15__namespace.useState(defaultPressed);
|
|
2108
2108
|
const resolvedPressed = pressed ?? uncontrolledPressed;
|
|
2109
2109
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2110
2110
|
"button",
|
|
@@ -2127,14 +2127,14 @@ var Toggle = React14__namespace.forwardRef(({
|
|
|
2127
2127
|
);
|
|
2128
2128
|
});
|
|
2129
2129
|
Toggle.displayName = "Toggle";
|
|
2130
|
-
var ToggleGroupContext =
|
|
2130
|
+
var ToggleGroupContext = React15__namespace.createContext({
|
|
2131
2131
|
size: "default",
|
|
2132
2132
|
variant: "default"
|
|
2133
2133
|
});
|
|
2134
|
-
var ToggleGroup =
|
|
2134
|
+
var ToggleGroup = React15__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupPrimitive__namespace.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
|
|
2135
2135
|
ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
|
|
2136
|
-
var ToggleGroupItem =
|
|
2137
|
-
const context =
|
|
2136
|
+
var ToggleGroupItem = React15__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
2137
|
+
const context = React15__namespace.useContext(ToggleGroupContext);
|
|
2138
2138
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2139
2139
|
ToggleGroupPrimitive__namespace.Item,
|
|
2140
2140
|
{
|
|
@@ -2152,17 +2152,17 @@ var ToggleGroupItem = React14__namespace.forwardRef(({ className, children, vari
|
|
|
2152
2152
|
);
|
|
2153
2153
|
});
|
|
2154
2154
|
ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
|
|
2155
|
-
var Tree =
|
|
2155
|
+
var Tree = React15.forwardRef(
|
|
2156
2156
|
({ data, initialSelectedItemId, onSelectChange, expandAll, folderIcon, itemIcon, className, ...props }, ref) => {
|
|
2157
|
-
const [selectedItemId, setSelectedItemId] =
|
|
2158
|
-
const handleSelectChange =
|
|
2157
|
+
const [selectedItemId, setSelectedItemId] = React15.useState(initialSelectedItemId);
|
|
2158
|
+
const handleSelectChange = React15.useCallback(
|
|
2159
2159
|
(item) => {
|
|
2160
2160
|
setSelectedItemId(item?.id);
|
|
2161
2161
|
onSelectChange?.(item?.value ?? item);
|
|
2162
2162
|
},
|
|
2163
2163
|
[onSelectChange]
|
|
2164
2164
|
);
|
|
2165
|
-
const expandedItemIds =
|
|
2165
|
+
const expandedItemIds = React15.useMemo(() => {
|
|
2166
2166
|
const ids = [];
|
|
2167
2167
|
function walkTreeItems(items, targetId) {
|
|
2168
2168
|
if (items instanceof Array) {
|
|
@@ -2198,7 +2198,7 @@ var Tree = React14.forwardRef(
|
|
|
2198
2198
|
}
|
|
2199
2199
|
);
|
|
2200
2200
|
Tree.displayName = "Tree";
|
|
2201
|
-
var TreeItem =
|
|
2201
|
+
var TreeItem = React15.forwardRef(
|
|
2202
2202
|
({
|
|
2203
2203
|
className,
|
|
2204
2204
|
data,
|
|
@@ -2264,7 +2264,7 @@ var TreeItem = React14.forwardRef(
|
|
|
2264
2264
|
}
|
|
2265
2265
|
);
|
|
2266
2266
|
TreeItem.displayName = "TreeItem";
|
|
2267
|
-
var Leaf =
|
|
2267
|
+
var Leaf = React15.forwardRef(({ className, item, isSelected, Icon: Icon2, children, ...props }, ref) => {
|
|
2268
2268
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2269
2269
|
"div",
|
|
2270
2270
|
{
|