@inf-monkeys-tech/monkeys-design 1.0.49 → 1.0.52

package/dist/components/primitives/index.mjs

@@ -1,5 +1,5 @@
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as React14 from 'react';
+import * as React15 from 'react';
 import { useImperativeHandle, forwardRef, useState, useCallback, useMemo, useRef, useEffect } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -34,7 +34,7 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 function cn(...parts) {
   return twMerge(parts.filter(Boolean).join(" "));
 }
-var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -43,9 +43,9 @@ var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -60,8 +60,8 @@ var useAutosizeTextArea = ({
   maxHeight = Number.MAX_SAFE_INTEGER,
   minHeight = 0
 }) => {
-  const [init, setInit] = React14.useState(true);
-  React14.useEffect(() => {
+  const [init, setInit] = React15.useState(true);
+  React15.useEffect(() => {
     const offsetBorder = 2;
     if (textAreaRef) {
       if (init) {
@@ -81,7 +81,7 @@ var useAutosizeTextArea = ({
     }
   }, [textAreaRef, triggerAutoSize]);
 };
-var AutosizeTextarea = React14.forwardRef(
+var AutosizeTextarea = React15.forwardRef(
   ({
     maxHeight = Number.MAX_SAFE_INTEGER,
     minHeight = 52,
@@ -94,10 +94,10 @@ var AutosizeTextarea = React14.forwardRef(
     onCompositionEnd: propsOnCompositionEnd,
     ...props
   }, ref) => {
-    const textAreaRef = React14.useRef(null);
-    const [triggerAutoSize, setTriggerAutoSize] = React14.useState("");
-    const [isComposing, setIsComposing] = React14.useState(false);
-    const [compositionValue, setCompositionValue] = React14.useState("");
+    const textAreaRef = React15.useRef(null);
+    const [triggerAutoSize, setTriggerAutoSize] = React15.useState("");
+    const [isComposing, setIsComposing] = React15.useState(false);
+    const [compositionValue, setCompositionValue] = React15.useState("");
     useAutosizeTextArea({
       textAreaRef: textAreaRef.current,
       triggerAutoSize,
@@ -110,10 +110,10 @@ var AutosizeTextarea = React14.forwardRef(
       maxHeight,
       minHeight
     }));
-    React14.useEffect(() => {
+    React15.useEffect(() => {
       setTriggerAutoSize(value);
     }, [props?.defaultValue, value]);
-    const handleKeyDown = React14.useCallback((e) => {
+    const handleKeyDown = React15.useCallback((e) => {
       if (e.key === "ArrowUp" && triggerAutoSize.length <= 0 && !(e.metaKey || e.altKey || e.ctrlKey)) {
         e.preventDefault();
         return;
@@ -179,13 +179,13 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React14.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React15.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React14.forwardRef(
+var AlertTitle = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React14.forwardRef(
+var AlertDescription = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
@@ -204,11 +204,11 @@ var badgeVariants = ({
   (!variant || variant === "default") && "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
   className
 );
-var Badge = React14.forwardRef(({ className, variant, shape, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: badgeVariants({ variant, shape, className }), ...props }));
+var Badge = React15.forwardRef(({ className, variant, shape, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: badgeVariants({ variant, shape, className }), ...props }));
 Badge.displayName = "Badge";
-var RoundedBadge = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx(Badge, { ref, shape: "rounded", ...props }));
+var RoundedBadge = React15.forwardRef((props, ref) => /* @__PURE__ */ jsx(Badge, { ref, shape: "rounded", ...props }));
 RoundedBadge.displayName = "RoundedBadge";
-var Separator = React14.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator = React15.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -326,7 +326,7 @@ function Calendar({ className, classNames, components, showOutsideDays = true, .
   );
 }
 Calendar.displayName = "Calendar";
-var Card = React14.forwardRef(({ className, appearance = "standard", ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React15.forwardRef(({ className, appearance = "standard", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -339,21 +339,21 @@ var Card = React14.forwardRef(({ className, appearance = "standard", ...props },
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props }));
+var CardHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("ml-auto flex items-center gap-2", className), ...props }));
+var CardAction = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("ml-auto flex items-center gap-2", className), ...props }));
 CardAction.displayName = "CardAction";
-var CardTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props }));
+var CardTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props }));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var CardDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 CardDescription.displayName = "CardDescription";
-var CardContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props }));
+var CardFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props }));
 CardFooter.displayName = "CardFooter";
 var PolymorphicSlot = Slot;
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React14.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React15.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -366,7 +366,7 @@ var AccordionItem = React14.forwardRef(({ className, style, ...props }, ref) =>
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -388,7 +388,7 @@ var AccordionTrigger = React14.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -398,7 +398,7 @@ var AccordionContent = React14.forwardRef(({ className, children, ...props }, re
   }
 ));
 AccordionContent.displayName = "AccordionContent";
-var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -433,7 +433,7 @@ var buttonVariants = cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React14.forwardRef(
+var Button = React15.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -450,7 +450,7 @@ Button.displayName = "Button";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -464,7 +464,7 @@ var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffs
   }
 ) }));
 PopoverContent.displayName = "PopoverContent";
-var ScrollArea = React14.forwardRef(
+var ScrollArea = React15.forwardRef(
   ({
     className,
     children,
@@ -508,7 +508,7 @@ var ScrollArea = React14.forwardRef(
   )
 );
 ScrollArea.displayName = "ScrollArea";
-var ScrollBar = React14.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React15.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -524,7 +524,7 @@ var ScrollBar = React14.forwardRef(({ className, orientation = "vertical", ...pr
   }
 ));
 ScrollBar.displayName = "ScrollBar";
-var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     ref,
@@ -537,9 +537,9 @@ var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Switch.displayName = "Switch";
-var Tabs = React14.forwardRef(({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, "data-variant": variant, ...props }));
+var Tabs = React15.forwardRef(({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, "data-variant": variant, ...props }));
 Tabs.displayName = "Tabs";
-var TabsList = React14.forwardRef(({ className, gap, style, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React15.forwardRef(({ className, gap, style, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -552,7 +552,7 @@ var TabsList = React14.forwardRef(({ className, gap, style, ...props }, ref) =>
   }
 ));
 TabsList.displayName = "TabsList";
-var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -564,7 +564,7 @@ var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -579,7 +579,7 @@ TabsContent.displayName = "TabsContent";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -592,13 +592,13 @@ var TooltipContent = React14.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ) }));
 TooltipContent.displayName = "TooltipContent";
-var CarouselContext = React14.createContext(null);
+var CarouselContext = React15.createContext(null);
 function useCarousel() {
-  const context = React14.useContext(CarouselContext);
+  const context = React15.useContext(CarouselContext);
   if (!context) throw new Error("useCarousel must be used within a <Carousel />");
   return context;
 }
-var Carousel = React14.forwardRef(
+var Carousel = React15.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -614,19 +614,19 @@ var Carousel = React14.forwardRef(
       { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React14.useState(false);
-    const [canScrollNext, setCanScrollNext] = React14.useState(false);
-    const onSelect = React14.useCallback((currentApi) => {
+    const [canScrollPrev, setCanScrollPrev] = React15.useState(false);
+    const [canScrollNext, setCanScrollNext] = React15.useState(false);
+    const onSelect = React15.useCallback((currentApi) => {
       if (!currentApi) return;
       setCanScrollPrev(currentApi.canScrollPrev());
       setCanScrollNext(currentApi.canScrollNext());
     }, []);
-    const scrollPrev = React14.useCallback(() => api?.scrollPrev(), [api]);
-    const scrollNext = React14.useCallback(() => api?.scrollNext(), [api]);
-    React14.useEffect(() => {
+    const scrollPrev = React15.useCallback(() => api?.scrollPrev(), [api]);
+    const scrollNext = React15.useCallback(() => api?.scrollNext(), [api]);
+    React15.useEffect(() => {
       if (api && setApi) setApi(api);
     }, [api, setApi]);
-    React14.useEffect(() => {
+    React15.useEffect(() => {
       if (!api) return;
       onSelect(api);
       api.on("reInit", onSelect);
@@ -678,7 +678,7 @@ var Carousel = React14.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React14.forwardRef(
+var CarouselContent = React15.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -692,7 +692,7 @@ var CarouselContent = React14.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React14.forwardRef(
+var CarouselItem = React15.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsx(
@@ -712,7 +712,7 @@ var CarouselItem = React14.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React14.forwardRef(
+var CarouselPrevious = React15.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev, previousLabel } = useCarousel();
     return /* @__PURE__ */ jsxs(
@@ -738,7 +738,7 @@ var CarouselPrevious = React14.forwardRef(
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React14.forwardRef(
+var CarouselNext = React15.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext, nextLabel } = useCarousel();
     return /* @__PURE__ */ jsxs(
@@ -767,7 +767,7 @@ CarouselNext.displayName = "CarouselNext";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
-var Input = React14.forwardRef(({ className, appearance = "standard", type, ...props }, ref) => /* @__PURE__ */ jsx(
+var Input = React15.forwardRef(({ className, appearance = "standard", type, ...props }, ref) => /* @__PURE__ */ jsx(
   "input",
   {
     ref,
@@ -782,7 +782,7 @@ var Input = React14.forwardRef(({ className, appearance = "standard", type, ...p
   }
 ));
 Input.displayName = "Input";
-var Textarea = React14.forwardRef(({ className, appearance = "standard", ...props }, ref) => /* @__PURE__ */ jsx(
+var Textarea = React15.forwardRef(({ className, appearance = "standard", ...props }, ref) => /* @__PURE__ */ jsx(
   "textarea",
   {
     ref,
@@ -796,7 +796,7 @@ var Textarea = React14.forwardRef(({ className, appearance = "standard", ...prop
   }
 ));
 Textarea.displayName = "Textarea";
-var FloatingPopoverContext = React14.createContext(null);
+var FloatingPopoverContext = React15.createContext(null);
 function FloatingPopover({
   open: controlledOpen,
   defaultOpen = false,
@@ -805,9 +805,9 @@ function FloatingPopover({
   offset: offset$1 = 8,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React14.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React15.useState(defaultOpen);
   const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React14.useCallback((next) => {
+  const setOpen = React15.useCallback((next) => {
     onOpenChange?.(next);
     if (controlledOpen === void 0) setUncontrolledOpen(next);
   }, [controlledOpen, onOpenChange]);
@@ -822,18 +822,18 @@ function FloatingPopover({
   const dismiss = useDismiss(context, { outsidePressEvent: "pointerdown" });
   const role = useRole(context, { role: "dialog" });
   const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);
-  const value = React14.useMemo(
+  const value = React15.useMemo(
     () => ({ open, floatingStyles, getReferenceProps, getFloatingProps, context, refs }),
     [context, floatingStyles, getFloatingProps, getReferenceProps, open, refs]
   );
   return /* @__PURE__ */ jsx(FloatingPopoverContext.Provider, { value, children });
 }
 function useFloatingPopoverContext() {
-  const context = React14.useContext(FloatingPopoverContext);
+  const context = React15.useContext(FloatingPopoverContext);
   if (!context) throw new Error("FloatingPopover components must be used within <FloatingPopover>");
   return context;
 }
-var FloatingPopoverTrigger = React14.forwardRef(
+var FloatingPopoverTrigger = React15.forwardRef(
   ({ asChild, ...props }, forwardedRef) => {
     const context = useFloatingPopoverContext();
     const Component = asChild ? Slot : "button";
@@ -854,7 +854,7 @@ var FloatingPopoverTrigger = React14.forwardRef(
   }
 );
 FloatingPopoverTrigger.displayName = "FloatingPopoverTrigger";
-var FloatingPopoverContent = React14.forwardRef(
+var FloatingPopoverContent = React15.forwardRef(
   ({ className, style, portal = true, ...props }, forwardedRef) => {
     const context = useFloatingPopoverContext();
     if (!context.open) return null;
@@ -947,7 +947,7 @@ Indicator2.displayName = "Indicator";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardPortal = HoverCardPrimitive.Portal;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -961,7 +961,7 @@ var HoverCardContent = React14.forwardRef(({ className, align = "center", sideOf
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
-var InputOTP = React14.forwardRef(
+var InputOTP = React15.forwardRef(
   ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
     OTPInput,
     {
@@ -973,12 +973,12 @@ var InputOTP = React14.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React14.forwardRef(
+var InputOTPGroup = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React14.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React14.useContext(OTPInputContext);
+var InputOTPSlot = React15.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React15.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs(
     "div",
@@ -998,7 +998,7 @@ var InputOTPSlot = React14.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React14.forwardRef(
+var InputOTPSeparator = React15.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
@@ -1107,32 +1107,32 @@ function InputGroupText({ className, ...props }) {
     }
   );
 }
-function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var InputGroupInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Input,
+  {
+    ref,
+    "data-slot": "input-group-control",
+    className: cn(
+      "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupInput.displayName = "InputGroupInput";
+var InputGroupTextarea = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Textarea,
+  {
+    ref,
+    "data-slot": "input-group-control",
+    className: cn(
+      "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupTextarea.displayName = "InputGroupTextarea";
 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";
 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";
 var DropdownMenu = DropdownMenuPrimitive.Root;
@@ -1141,42 +1141,42 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(menuItemClassName, "data-[state=open]:bg-accent", inset && "pl-8", className), ...props, children: [
+var DropdownMenuSubTrigger = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(menuItemClassName, "data-[state=open]:bg-accent", inset && "pl-8", className), ...props, children: [
   children,
   /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: "ml-auto" })
 ] }));
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent = React14.forwardRef(
+var DropdownMenuSubContent = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(menuContentClassName, className), ...props })
 );
 DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
-var DropdownMenuContent = React14.forwardRef(
+var DropdownMenuContent = React15.forwardRef(
   ({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(menuContentClassName, className), ...props }) })
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React14.forwardRef(
+var DropdownMenuItem = React15.forwardRef(
   ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(menuItemClassName, inset && "pl-8", className), ...props })
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React14.forwardRef(
+var DropdownMenuCheckboxItem = React15.forwardRef(
   ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(menuItemClassName, "pl-8", className), checked, ...props, children: [
     /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-4 w-4" }) }) }),
     children
   ] })
 );
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React14.forwardRef(
+var DropdownMenuRadioItem = React15.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(menuItemClassName, "pl-8", className), ...props, children: [
     /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { "aria-hidden": "true", className: "h-2 w-2 fill-current" }) }) }),
     children
   ] })
 );
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel = React14.forwardRef(
+var DropdownMenuLabel = React15.forwardRef(
   ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props })
 );
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React14.forwardRef(
+var DropdownMenuSeparator = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
@@ -1185,22 +1185,22 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React14.forwardRef(
-  ({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxs(SelectPrimitive.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: [
+var SelectTrigger = React15.forwardRef(
+  ({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxs(SelectPrimitive.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: [
     children,
     /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: cn("h-4 w-4 opacity-50", iconClassName) }) })
   ] })
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectScrollUpButton = React14.forwardRef(
+var SelectScrollUpButton = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx(ChevronUp, { "aria-hidden": "true", className: "h-4 w-4" }) })
 );
 SelectScrollUpButton.displayName = "SelectScrollUpButton";
-var SelectScrollDownButton = React14.forwardRef(
+var SelectScrollDownButton = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "h-4 w-4" }) })
 );
 SelectScrollDownButton.displayName = "SelectScrollDownButton";
-var SelectContent = React14.forwardRef(
+var SelectContent = React15.forwardRef(
   ({ className, children, position = "popper", viewportClassName, disableTriggerViewportSizing = false, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.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: [
     /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
     /* @__PURE__ */ jsx(SelectPrimitive.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 }),
@@ -1208,11 +1208,11 @@ var SelectContent = React14.forwardRef(
   ] }) })
 );
 SelectContent.displayName = "SelectContent";
-var SelectLabel = React14.forwardRef(
+var SelectLabel = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props })
 );
 SelectLabel.displayName = "SelectLabel";
-var SelectItem = React14.forwardRef(
+var SelectItem = React15.forwardRef(
   ({ className, children, indicatorClassName, itemText, hideIndicator = false, ...props }, ref) => /* @__PURE__ */ jsxs(SelectPrimitive.Item, { ref, className: cn(menuItemClassName, "w-full", hideIndicator ? "px-2" : "pl-8 pr-2", className), ...props, children: [
     !hideIndicator ? /* @__PURE__ */ jsx("span", { className: cn("absolute left-2 flex h-3.5 w-3.5 items-center justify-center", indicatorClassName), children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-4 w-4" }) }) }) : null,
     itemText ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1222,7 +1222,7 @@ var SelectItem = React14.forwardRef(
   ] })
 );
 SelectItem.displayName = "SelectItem";
-var SelectSeparator = React14.forwardRef(
+var SelectSeparator = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
 );
 SelectSeparator.displayName = "SelectSeparator";
@@ -1245,11 +1245,11 @@ var mediaPreviewFrameClassName = ({
   aspectRatio === "9:16" && "aspect-[9/16]",
   className
 );
-var MediaPreviewFrame = React14.forwardRef(
+var MediaPreviewFrame = React15.forwardRef(
   ({ aspectRatio = "square", maxSquareHeight = true, className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: mediaPreviewFrameClassName({ aspectRatio, maxSquareHeight, className }), ...props })
 );
 MediaPreviewFrame.displayName = "MediaPreviewFrame";
-var MediaPreviewImage = React14.forwardRef(
+var MediaPreviewImage = React15.forwardRef(
   ({ fit = "contain", className, ...props }, ref) => /* @__PURE__ */ jsx(
     "img",
     {
@@ -1264,7 +1264,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1274,7 +1274,7 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React14.forwardRef(
+var DialogContent = React15.forwardRef(
   ({ className, children, showCloseButton = true, closeLabel = "Close", overlayClassName, overlayStyle, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName, style: overlayStyle }),
     /* @__PURE__ */ jsxs(
@@ -1296,7 +1296,7 @@ var DialogContent = React14.forwardRef(
   ] })
 );
 DialogContent.displayName = "DialogContent";
-var DialogContentNoAnimation = React14.forwardRef(
+var DialogContentNoAnimation = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogContent, { ref, className: cn("duration-0 data-[state=open]:animate-none data-[state=closed]:animate-none", className), ...props })
 );
 DialogContentNoAnimation.displayName = "DialogContentNoAnimation";
@@ -1304,12 +1304,12 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { cla
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = "DialogDescription";
 var AlertDialog = ({ onOpenChange, open, ...props }) => {
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (open !== false || typeof document === "undefined") return void 0;
     const cleanup = () => {
       if (!document.querySelector('[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]')) {
@@ -1320,7 +1320,7 @@ var AlertDialog = ({ onOpenChange, open, ...props }) => {
     const timer = window.setTimeout(cleanup, 300);
     return () => window.clearTimeout(timer);
   }, [open]);
-  const handleOpenChange = React14.useCallback((next) => {
+  const handleOpenChange = React15.useCallback((next) => {
     onOpenChange?.(next);
     if (!next && typeof document !== "undefined") requestAnimationFrame(() => {
       if (!document.querySelector('[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]')) document.body.style.pointerEvents = "";
@@ -1330,20 +1330,20 @@ var AlertDialog = ({ onOpenChange, open, ...props }) => {
 };
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React14.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.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 }));
+var AlertDialogOverlay = React15.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.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 }));
 AlertDialogOverlay.displayName = "AlertDialogOverlay";
-var AlertDialogContent = React14.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React15.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(AlertDialogPrimitive.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 })
 ] }));
 AlertDialogContent.displayName = "AlertDialogContent";
 var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-var AlertDialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
-var AlertDialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-var AlertDialogAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
-var AlertDialogDangerAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants({ variant: "destructive" }), className), ...props }));
-var AlertDialogCancel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
+var AlertDialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogAction = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogDangerAction = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants({ variant: "destructive" }), className), ...props }));
+var AlertDialogCancel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
 AlertDialogHeader.displayName = "AlertDialogHeader";
 AlertDialogFooter.displayName = "AlertDialogFooter";
 AlertDialogTitle.displayName = "AlertDialogTitle";
@@ -1373,7 +1373,7 @@ var isValidPillValue = (value, type) => {
   }
   return true;
 };
-var PillInput = React14.forwardRef(
+var PillInput = React15.forwardRef(
   ({
     value = [],
     onChange,
@@ -1384,9 +1384,9 @@ var PillInput = React14.forwardRef(
     messages: messageOverrides
   }, forwardedRef) => {
     const messages = { ...defaultMessages, ...messageOverrides };
-    const [inputValue, setInputValue] = React14.useState("");
-    const localRef = React14.useRef(null);
-    const setInputRef = React14.useCallback(
+    const [inputValue, setInputValue] = React15.useState("");
+    const localRef = React15.useRef(null);
+    const setInputRef = React15.useCallback(
       (node) => {
         localRef.current = node;
         if (typeof forwardedRef === "function") forwardedRef(node);
@@ -1394,13 +1394,13 @@ var PillInput = React14.forwardRef(
       },
       [forwardedRef]
     );
-    const removePill = React14.useCallback(
+    const removePill = React15.useCallback(
       (index) => {
         if (!disabled) onChange(value.filter((_, currentIndex) => currentIndex !== index));
       },
       [disabled, onChange, value]
     );
-    const addPill = React14.useCallback(
+    const addPill = React15.useCallback(
       (candidate) => {
         const trimmed = candidate.trim();
         if (!isValidPillValue(trimmed, fieldType)) return;
@@ -1464,7 +1464,7 @@ var PillInput = React14.forwardRef(
   }
 );
 PillInput.displayName = "PillInput";
-var Progress = React14.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1503,39 +1503,39 @@ var ResizableHandle = ({
     children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
-var Sidebar = React14.forwardRef(
+var Sidebar = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn("flex h-full min-h-0 flex-col rounded-xl border bg-card text-card-foreground shadow", className), ...props })
 );
 Sidebar.displayName = "Sidebar";
-var SidebarHeader = React14.forwardRef(
+var SidebarHeader = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex shrink-0 flex-col gap-3 p-4", className), ...props })
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarContent = React14.forwardRef(
+var SidebarContent = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("min-h-0 flex-1 p-2 pt-0", className), ...props })
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarFooter = React14.forwardRef(
+var SidebarFooter = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("shrink-0 p-4 pt-2", className), ...props })
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarGroup = React14.forwardRef(
+var SidebarGroup = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-2", className), ...props })
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React14.forwardRef(
+var SidebarGroupLabel = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("px-2 text-xs font-medium text-muted-foreground", className), ...props })
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarMenu = React14.forwardRef(
+var SidebarMenu = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col gap-1", className), ...props })
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React14.forwardRef(
+var SidebarMenuItem = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("min-w-0", className), ...props })
 );
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var SidebarMenuButton = React14.forwardRef(
+var SidebarMenuButton = React15.forwardRef(
   ({ className, isActive, type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
     "button",
     {
@@ -1552,7 +1552,7 @@ var SidebarMenuButton = React14.forwardRef(
   )
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var Label3 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label3 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -1565,7 +1565,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1583,7 +1583,7 @@ var sideClassNames = {
   bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
   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"
 };
-var SheetContent = React14.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React15.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -1608,9 +1608,9 @@ var SheetContent = React14.forwardRef(({ side = "right", className, children, ..
 SheetContent.displayName = "SheetContent";
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-var SheetTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = "SheetDescription";
 var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
 var getStepPrecision = (step) => {
@@ -1638,7 +1638,7 @@ var normalizeSliderNumber = (value, options) => {
   return nextValue;
 };
 var formatSliderNumber = (value) => isFiniteNumber(value) ? `${value}` : "NaN";
-var Slider = React14.forwardRef(
+var Slider = React15.forwardRef(
   ({
     className,
     value,
@@ -1653,19 +1653,19 @@ var Slider = React14.forwardRef(
     onEditableValueCommit,
     ...props
   }, ref) => {
-    const inputRef = React14.useRef(null);
+    const inputRef = React15.useRef(null);
     const currentValue = value?.[0];
     const hasCurrentValue = isFiniteNumber(currentValue);
     const hasRange = isFiniteNumber(min) && isFiniteNumber(max);
     const useEnhancedLayout = Boolean(editableValue || showRangeLabels);
-    const [isEditingValue, setIsEditingValue] = React14.useState(false);
-    const [draftValue, setDraftValue] = React14.useState(hasCurrentValue ? String(currentValue) : "");
+    const [isEditingValue, setIsEditingValue] = React15.useState(false);
+    const [draftValue, setDraftValue] = React15.useState(hasCurrentValue ? String(currentValue) : "");
     const showEditingLayout = useEnhancedLayout && isEditingValue;
-    React14.useEffect(() => {
+    React15.useEffect(() => {
       if (isEditingValue) return;
       setDraftValue(hasCurrentValue ? String(currentValue) : "");
     }, [currentValue, hasCurrentValue, isEditingValue]);
-    React14.useEffect(() => {
+    React15.useEffect(() => {
       if (!isEditingValue) return;
       const rafId = window.requestAnimationFrame(() => {
         inputRef.current?.focus();
@@ -1673,11 +1673,11 @@ var Slider = React14.forwardRef(
       });
       return () => window.cancelAnimationFrame(rafId);
     }, [isEditingValue]);
-    const cancelEditingValue = React14.useCallback(() => {
+    const cancelEditingValue = React15.useCallback(() => {
       setDraftValue(hasCurrentValue ? String(currentValue) : "");
       setIsEditingValue(false);
     }, [currentValue, hasCurrentValue]);
-    const commitEditingValue = React14.useCallback(() => {
+    const commitEditingValue = React15.useCallback(() => {
       if (!editableValue || !onEditableValueCommit) {
         setIsEditingValue(false);
         return;
@@ -1787,7 +1787,7 @@ var Slider = React14.forwardRef(
   }
 );
 Slider.displayName = SliderPrimitive.Root.displayName;
-var StatusState = React14.forwardRef(
+var StatusState = React15.forwardRef(
   ({ title, description, presentation = "panel", className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2020,26 +2020,26 @@ function SkeletonTable({
     Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx("div", { className: cn("flex px-4 py-3", rowIndex !== rows - 1 && "border-b"), children: Array.from({ length: actualColumns }).map((_2, colIndex) => /* @__PURE__ */ jsx("div", { className: "px-2", style: { width: getColumnWidth(colIndex) }, children: showCheckbox && colIndex === 0 ? /* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded" }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 rounded", style: { width: `${60 + Math.random() * 30}%` } }) }, colIndex)) }, rowIndex))
   ] });
 }
-var Table = React14.forwardRef(({ className, container = true, containerClassName, containerProps, density = "compact", ...props }, ref) => {
+var Table = React15.forwardRef(({ className, container = true, containerClassName, containerProps, density = "compact", ...props }, ref) => {
   const table = /* @__PURE__ */ jsx("table", { ref, "data-density": density, className: cn("w-full caption-bottom text-sm", className), ...props });
   if (!container) return table;
   const { className: nestedClassName, ...rest } = containerProps ?? {};
   return /* @__PURE__ */ jsx("div", { className: cn("relative w-full overflow-auto", containerClassName, nestedClassName), ...rest, children: table });
 });
 Table.displayName = "Table";
-var TableHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", { ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props }));
+var TableRow = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", { ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props }));
 TableRow.displayName = "TableRow";
-var TableHead = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ 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 }));
+var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ 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 }));
 TableHead.displayName = "TableHead";
-var TableCell = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, className: cn("p-2 align-middle [[data-density=comfortable]_&]:p-4 [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, className: cn("p-2 align-middle [[data-density=comfortable]_&]:p-4 [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 var toggleClassName = (input = {}) => cn(
   "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",
@@ -2048,7 +2048,7 @@ var toggleClassName = (input = {}) => cn(
   input.className
 );
 var toggleVariants = toggleClassName;
-var Toggle = React14.forwardRef(({
+var Toggle = React15.forwardRef(({
   pressed,
   defaultPressed = false,
   onPressedChange,
@@ -2060,7 +2060,7 @@ var Toggle = React14.forwardRef(({
   type = "button",
   ...props
 }, ref) => {
-  const [uncontrolledPressed, setUncontrolledPressed] = React14.useState(defaultPressed);
+  const [uncontrolledPressed, setUncontrolledPressed] = React15.useState(defaultPressed);
   const resolvedPressed = pressed ?? uncontrolledPressed;
   return /* @__PURE__ */ jsx(
     "button",
@@ -2083,14 +2083,14 @@ var Toggle = React14.forwardRef(({
   );
 });
 Toggle.displayName = "Toggle";
-var ToggleGroupContext = React14.createContext({
+var ToggleGroupContext = React15.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React14.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React15.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React14.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React14.useContext(ToggleGroupContext);
+var ToggleGroupItem = React15.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React15.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {