@moontra/moonui 6.2.0 → 6.3.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React24 from 'react';
-import React24__default, { useState, useCallback, useEffect } from 'react';
+import * as React25 from 'react';
+import React25__default, { useState, useCallback, useEffect } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, CreditCard, ArrowLeft, ArrowRight, Minus, Search, Calendar as Calendar$1, Clock, ChevronLeft, ChevronRight, Circle, Upload, Dot, ChevronUp, Phone, Bold, Italic, Underline, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code, Link, Image, Palette, Undo, Redo, Edit, Eye, Copy, ArrowDown, ArrowUp, ArrowUpDown, CheckCircle, Star, GitFork, ExternalLink, Crown, Lock, Zap, Video, Music, FileText, File } from 'lucide-react';
 export { Palette, Pipette } from 'lucide-react';
@@ -37,8 +37,22 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function readableText(node) {
+  if (node === null || node === void 0 || typeof node === "boolean")
+    return "";
+  if (typeof node === "string" || typeof node === "number")
+    return String(node);
+  if (Array.isArray(node)) {
+    return node.map(readableText).filter(Boolean).join(" ").trim();
+  }
+  if (React25.isValidElement(node)) {
+    const props = node.props;
+    return readableText(props.children);
+  }
+  return "";
+}
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -47,7 +61,7 @@ var AccordionItem = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -65,7 +79,7 @@ var AccordionTrigger = React24.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -118,7 +132,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React24.forwardRef(
+var Alert = React25.forwardRef(
   ({
     className,
     variant = "default",
@@ -130,7 +144,7 @@ var Alert = React24.forwardRef(
     children,
     ...props
   }, ref) => {
-    const Icon2 = React24.useMemo(() => {
+    const Icon2 = React25.useMemo(() => {
       switch (variant) {
         case "success":
           return Check;
@@ -178,7 +192,7 @@ var Alert = React24.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -191,7 +205,7 @@ var AlertTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -233,7 +247,7 @@ var aspectRatioVariants = cva(
     }
   }
 );
-var AspectRatio = React24.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AspectRatio = React25.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -282,7 +296,7 @@ var avatarVariants = cva(
     }
   }
 );
-var Avatar = React24.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React25.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -291,7 +305,7 @@ var Avatar = React24.forwardRef(({ className, size, radius, variant, ...props },
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -300,7 +314,7 @@ var AvatarImage = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -312,9 +326,9 @@ var AvatarFallback = React24.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarGroup = React24.forwardRef(
+var AvatarGroup = React25.forwardRef(
   ({ className, max, children, overlapOffset = -8, ...props }, ref) => {
-    const childrenArray = React24.Children.toArray(children);
+    const childrenArray = React25.Children.toArray(children);
     const visibleAvatars = max ? childrenArray.slice(0, max) : childrenArray;
     const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;
     return /* @__PURE__ */ jsx(
@@ -445,7 +459,7 @@ var badgeVariants = cva(
     }
   }
 );
-var Badge = React24.forwardRef(({
+var Badge = React25.forwardRef(({
   className,
   variant,
   size,
@@ -454,6 +468,7 @@ var Badge = React24.forwardRef(({
   dotColor,
   removable,
   onRemove,
+  removeLabel,
   leftIcon,
   rightIcon,
   noAutoSpacing,
@@ -510,7 +525,7 @@ var Badge = React24.forwardRef(({
               e.stopPropagation();
               onRemove();
             },
-            "aria-label": "Remove badge",
+            "aria-label": removeLabel || (readableText(autoChildren) ? `Remove ${readableText(autoChildren)}` : "Remove badge"),
             children: /* @__PURE__ */ jsx(
               "svg",
               {
@@ -552,7 +567,7 @@ var breadcrumbVariants = cva(
     }
   }
 );
-var Breadcrumb = React24.forwardRef(
+var Breadcrumb = React25.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
     "nav",
     {
@@ -564,9 +579,9 @@ var Breadcrumb = React24.forwardRef(
   )
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React24.forwardRef(
+var BreadcrumbList = React25.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    const childrenArray = React24.Children.toArray(props.children).filter(Boolean);
+    const childrenArray = React25.Children.toArray(props.children).filter(Boolean);
     const childCount = childrenArray.length;
     if (collapsed && childCount > collapsedWidth) {
       const firstItem = childrenArray[0];
@@ -602,9 +617,9 @@ var BreadcrumbList = React24.forwardRef(
   }
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React24.forwardRef(
+var BreadcrumbItem = React25.forwardRef(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React24.Fragment : href ? "a" : "span";
+    const Comp = asChild ? React25.Fragment : href ? "a" : "span";
     const itemProps = asChild ? {} : href ? { href } : {};
     return /* @__PURE__ */ jsx(
       "li",
@@ -661,7 +676,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var BreadcrumbLink = React24.forwardRef(
+var BreadcrumbLink = React25.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
     {
@@ -676,7 +691,7 @@ var BreadcrumbLink = React24.forwardRef(
   )
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React24.forwardRef(
+var BreadcrumbPage = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -839,7 +854,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React24.forwardRef(
+var Button = React25.forwardRef(
   ({
     className,
     variant,
@@ -1054,7 +1069,7 @@ var cardVariants = cva(
     }
   }
 );
-var Card = React24.forwardRef(
+var Card = React25.forwardRef(
   ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
@@ -1082,7 +1097,7 @@ var Card = React24.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1091,7 +1106,7 @@ var CardHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -1100,7 +1115,7 @@ var CardTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -1109,9 +1124,9 @@ var CardDescription = React24.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
+var CardContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1132,7 +1147,7 @@ function Calendar({
   defaultMonth,
   ...props
 }) {
-  const [currentMonth, setCurrentMonth] = React24.useState(
+  const [currentMonth, setCurrentMonth] = React25.useState(
     defaultMonth || selected && selected || /* @__PURE__ */ new Date()
   );
   const weekDays = [
@@ -1346,9 +1361,9 @@ var formatCardNumber = (value, cardType) => {
   }
   return formatted;
 };
-var CardNumberInput = React24.forwardRef(
+var CardNumberInput = React25.forwardRef(
   ({ className, value = "", onChange, showIcon = true, size, ...props }, ref) => {
-    const [cardType, setCardType] = React24.useState("unknown");
+    const [cardType, setCardType] = React25.useState("unknown");
     const handleChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
       const detectedType = getCardType(rawValue);
@@ -1379,7 +1394,7 @@ var CardNumberInput = React24.forwardRef(
   }
 );
 CardNumberInput.displayName = "CardNumberInput";
-var CardExpiryInput = React24.forwardRef(
+var CardExpiryInput = React25.forwardRef(
   ({ className, value = "", onChange, size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value.replace(/\D/g, "");
@@ -1417,7 +1432,7 @@ var CardExpiryInput = React24.forwardRef(
   }
 );
 CardExpiryInput.displayName = "CardExpiryInput";
-var CardCVCInput = React24.forwardRef(
+var CardCVCInput = React25.forwardRef(
   ({ className, value = "", onChange, cardType = "unknown", size, ...props }, ref) => {
     const maxLength = cardType === "amex" ? 4 : 3;
     const handleChange = (e) => {
@@ -1442,7 +1457,7 @@ var CardCVCInput = React24.forwardRef(
   }
 );
 CardCVCInput.displayName = "CardCVCInput";
-var CardZipInput = React24.forwardRef(
+var CardZipInput = React25.forwardRef(
   ({ className, value = "", onChange, format: format4 = "US", size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value;
@@ -1493,15 +1508,15 @@ var CardZipInput = React24.forwardRef(
   }
 );
 CardZipInput.displayName = "CardZipInput";
-var CarouselContext = React24.createContext(null);
+var CarouselContext = React25.createContext(null);
 function useCarousel() {
-  const context = React24.useContext(CarouselContext);
+  const context = React25.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React24.forwardRef(
+var Carousel = React25.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1519,21 +1534,21 @@ var Carousel = React24.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
-    const [canScrollNext, setCanScrollNext] = React24.useState(false);
-    const onSelect = React24.useCallback((emblaApi) => {
+    const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
+    const [canScrollNext, setCanScrollNext] = React25.useState(false);
+    const onSelect = React25.useCallback((emblaApi) => {
       if (!emblaApi)
         return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
     }, []);
-    const scrollPrev = React24.useCallback(() => {
+    const scrollPrev = React25.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React24.useCallback(() => {
+    const scrollNext = React25.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React24.useCallback(
+    const handleKeyDown = React25.useCallback(
       (event) => {
         const prevKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
         const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -1547,12 +1562,12 @@ var Carousel = React24.forwardRef(
       },
       [resolvedOrientation, scrollPrev, scrollNext]
     );
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (!api || !setApi)
         return;
       setApi(api);
     }, [api, setApi]);
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (!api)
         return;
       onSelect(api);
@@ -1604,7 +1619,7 @@ var carouselContentVariants = cva("flex", {
     orientation: "horizontal"
   }
 });
-var CarouselContent = React24.forwardRef(
+var CarouselContent = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -1629,7 +1644,7 @@ var carouselItemVariants = cva("min-w-0 shrink-0 grow-0 basis-full", {
     orientation: "horizontal"
   }
 });
-var CarouselItem = React24.forwardRef(
+var CarouselItem = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsx(
@@ -1645,7 +1660,7 @@ var CarouselItem = React24.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React24.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -1670,7 +1685,7 @@ var CarouselPrevious = React24.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React24.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselNext = React25.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -1733,7 +1748,7 @@ var checkboxVariants = cva(
     }
   }
 );
-var Checkbox = React24.forwardRef(({
+var Checkbox = React25.forwardRef(({
   className,
   variant,
   size,
@@ -1766,7 +1781,7 @@ var Checkbox = React24.forwardRef(({
   );
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxGroup = React24.forwardRef(
+var CheckboxGroup = React25.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1786,7 +1801,7 @@ var CheckboxGroup = React24.forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxLabel = React24.forwardRef(
+var CheckboxLabel = React25.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -1806,14 +1821,14 @@ var CheckboxLabel = React24.forwardRef(
   }
 );
 CheckboxLabel.displayName = "CheckboxLabel";
-var CheckboxWithLabel = React24.forwardRef(({
+var CheckboxWithLabel = React25.forwardRef(({
   id,
   label,
   labelPosition = "end",
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId = React24.useId();
+  const generatedId = React25.useId();
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsx(
@@ -1863,7 +1878,7 @@ var collapsibleTriggerVariants = cva(
     }
   }
 );
-var CollapsibleTrigger = React24.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
+var CollapsibleTrigger = React25.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx(
       CollapsiblePrimitive.Trigger,
@@ -1912,7 +1927,7 @@ var collapsibleContentVariants = cva(
     }
   }
 );
-var CollapsibleContent = React24.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var CollapsibleContent = React25.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   CollapsiblePrimitive.Content,
   {
     ref,
@@ -1995,7 +2010,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React24.forwardRef(
+var Input = React25.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -2022,10 +2037,10 @@ var Input = React24.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const reactId = React24.useId();
+    const reactId = React25.useId();
     const fieldId = props.id || reactId;
-    const [isFocused, setIsFocused] = React24.useState(false);
-    const [internalValue, setInternalValue] = React24.useState(value || defaultValue || "");
+    const [isFocused, setIsFocused] = React25.useState(false);
+    const [internalValue, setInternalValue] = React25.useState(value || defaultValue || "");
     const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
     const isLabelActive = isFocused || hasValue;
     const handleFocus = (e) => {
@@ -2040,7 +2055,7 @@ var Input = React24.forwardRef(
       setInternalValue(e.target.value);
       onChange?.(e);
     };
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -2124,7 +2139,7 @@ Input.displayName = "Input";
 var labelVariants = cva(
   "text-sm font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
 );
-var Label = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -2185,7 +2200,7 @@ var popoverContentVariants = cva(
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React24.forwardRef(({
+var PopoverContent = React25.forwardRef(({
   className,
   variant,
   size,
@@ -2253,7 +2268,7 @@ var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 PopoverFooter.displayName = "PopoverFooter";
-var Tabs = React24.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
+var Tabs = React25.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Root,
   {
     ref,
@@ -2294,7 +2309,7 @@ var tabsListVariants = cva(
     }
   }
 );
-var TabsList = React24.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+var TabsList = React25.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -2337,7 +2352,7 @@ var tabsTriggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React24.forwardRef(({
+var TabsTrigger = React25.forwardRef(({
   className,
   variant,
   size,
@@ -2369,7 +2384,7 @@ var TabsTrigger = React24.forwardRef(({
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React24.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React25.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -2463,7 +2478,7 @@ var sliderThumbVariants = cva(
     }
   }
 );
-var Slider = React24.forwardRef(({
+var Slider = React25.forwardRef(({
   className,
   size,
   trackVariant,
@@ -2479,10 +2494,10 @@ var Slider = React24.forwardRef(({
   disabled,
   ...props
 }, ref) => {
-  const [sliderValue, setSliderValue] = React24.useState(
+  const [sliderValue, setSliderValue] = React25.useState(
     value || defaultValue || [0]
   );
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (value !== void 0) {
       setSliderValue(value);
     }
@@ -2497,7 +2512,7 @@ var Slider = React24.forwardRef(({
   const calculateThumbPercent = (value2, min2, max2) => {
     return (value2 - min2) / (max2 - min2) * 100;
   };
-  const trackRef = React24.useRef(null);
+  const trackRef = React25.useRef(null);
   const min = props.min || 0;
   const max = props.max || 100;
   const step = props.step || 1;
@@ -2809,14 +2824,14 @@ function ColorPicker({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = React24.useState(false);
-  const [color, setColor] = React24.useState(value);
-  const [opacity, setOpacity] = React24.useState(100);
-  const [copied, setCopied] = React24.useState(false);
-  const [inputValue, setInputValue] = React24.useState(value);
-  const hsl = React24.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
-  const rgb = React24.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
-  React24.useEffect(() => {
+  const [open, setOpen] = React25.useState(false);
+  const [color, setColor] = React25.useState(value);
+  const [opacity, setOpacity] = React25.useState(100);
+  const [copied, setCopied] = React25.useState(false);
+  const [inputValue, setInputValue] = React25.useState(value);
+  const hsl = React25.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
+  const rgb = React25.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
+  React25.useEffect(() => {
     setColor(value);
     setInputValue(value);
   }, [value]);
@@ -3211,7 +3226,7 @@ function GradientPicker({
   onChange,
   className
 }) {
-  const [gradient, setGradient] = React24.useState(value);
+  const [gradient, setGradient] = React25.useState(value);
   const handleChange = (field, newValue) => {
     const newGradient = { ...gradient, [field]: newValue };
     setGradient(newGradient);
@@ -3297,7 +3312,7 @@ var overlayVariants = cva(
     }
   }
 );
-var DialogOverlay = React24.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React25.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3356,7 +3371,7 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React24.forwardRef(
+var DialogContent = React25.forwardRef(
   ({
     className,
     children,
@@ -3469,7 +3484,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -3481,7 +3496,7 @@ var DialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -3493,7 +3508,7 @@ var DialogDescription = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogForm = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogForm = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
     ref,
@@ -3523,7 +3538,7 @@ var commandVariants = cva(
     }
   }
 );
-var Command = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React25.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -3545,7 +3560,7 @@ var CommandDialog = ({
     ), children })
   ] }) });
 };
-var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     Command$1.Input,
@@ -3560,7 +3575,7 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = "CommandInput";
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -3569,7 +3584,7 @@ var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -3578,7 +3593,7 @@ var CommandEmpty = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -3590,7 +3605,7 @@ var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -3599,7 +3614,7 @@ var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = "CommandSeparator";
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -3650,7 +3665,7 @@ var tableVariants = cva(
     }
   }
 );
-var Table = React24.forwardRef(({
+var Table = React25.forwardRef(({
   className,
   variant,
   size,
@@ -3667,11 +3682,11 @@ var Table = React24.forwardRef(({
   ...props
 }, ref) => {
   const striped = variant === "striped";
-  const childrenWithProps = React24.Children.map(props.children, (child) => {
-    if (React24.isValidElement(child)) {
+  const childrenWithProps = React25.Children.map(props.children, (child) => {
+    if (React25.isValidElement(child)) {
       if (child.type === "tbody") {
         const tbodyProps = child.props;
-        return React24.cloneElement(child, {
+        return React25.cloneElement(child, {
           className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
         });
       }
@@ -3696,10 +3711,10 @@ var Table = React24.forwardRef(({
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
+var TableHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React24.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  const hasChildren = React24.Children.count(children) > 0;
+var TableBody = React25.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
+  const hasChildren = React25.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
     "tbody",
     {
@@ -3711,7 +3726,7 @@ var TableBody = React24.forwardRef(({ className, emptyContent, emptyMessage = "N
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -3720,7 +3735,7 @@ var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -3732,7 +3747,7 @@ var TableRow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React24.forwardRef(
+var TableHead = React25.forwardRef(
   ({ className, sortable, sorted, onSort, align = "left", children, ...props }, ref) => {
     const renderSortIcon = () => {
       if (!sortable)
@@ -3820,7 +3835,7 @@ var TableHead = React24.forwardRef(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = React24.forwardRef(({ className, align = "left", ...props }, ref) => {
+var TableCell = React25.forwardRef(({ className, align = "left", ...props }, ref) => {
   const alignmentClass = {
     left: "text-left",
     center: "text-center",
@@ -3836,7 +3851,7 @@ var TableCell = React24.forwardRef(({ className, align = "left", ...props }, ref
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -3856,8 +3871,8 @@ function DataTableBasic({
   emptyMessage = "No results found.",
   className
 }) {
-  const [sorting, setSorting] = React24.useState([]);
-  const [globalFilter, setGlobalFilter] = React24.useState("");
+  const [sorting, setSorting] = React25.useState([]);
+  const [globalFilter, setGlobalFilter] = React25.useState("");
   const table = useReactTable({
     data,
     columns,
@@ -4020,7 +4035,7 @@ var datePickerVariants = cva(
     }
   }
 );
-var DatePicker = React24.forwardRef(function DatePicker2({
+var DatePicker = React25.forwardRef(function DatePicker2({
   className,
   variant,
   size,
@@ -4043,9 +4058,9 @@ var DatePicker = React24.forwardRef(function DatePicker2({
   disabled,
   ...props
 }, ref) {
-  const [open, setOpen] = React24.useState(false);
-  const [internalDate, setInternalDate] = React24.useState(value);
-  React24.useEffect(() => {
+  const [open, setOpen] = React25.useState(false);
+  const [internalDate, setInternalDate] = React25.useState(value);
+  React25.useEffect(() => {
     setInternalDate(value);
   }, [value]);
   const handleSelect = (date) => {
@@ -4193,7 +4208,7 @@ var DatePicker = React24.forwardRef(function DatePicker2({
   ] }) });
 });
 DatePicker.displayName = "DatePicker";
-var DateRangePicker = React24.forwardRef(function DateRangePicker2({
+var DateRangePicker = React25.forwardRef(function DateRangePicker2({
   className,
   value,
   onChange,
@@ -4202,9 +4217,9 @@ var DateRangePicker = React24.forwardRef(function DateRangePicker2({
   separator = " - ",
   ...props
 }, ref) {
-  const [open, setOpen] = React24.useState(false);
-  const [internalRange, setInternalRange] = React24.useState(value);
-  React24.useEffect(() => {
+  const [open, setOpen] = React25.useState(false);
+  const [internalRange, setInternalRange] = React25.useState(value);
+  React25.useEffect(() => {
     setInternalRange(value);
   }, [value]);
   const handleSelect = (range) => {
@@ -4214,7 +4229,7 @@ var DateRangePicker = React24.forwardRef(function DateRangePicker2({
       setOpen(false);
     }
   };
-  const displayValue = React24.useMemo(() => {
+  const displayValue = React25.useMemo(() => {
     if (!internalRange?.from)
       return null;
     if (!internalRange?.to) {
@@ -4262,7 +4277,7 @@ var DateRangePicker = React24.forwardRef(function DateRangePicker2({
   ] });
 });
 DateRangePicker.displayName = "DateRangePicker";
-var DateTimePicker = React24.forwardRef(function DateTimePicker2({
+var DateTimePicker = React25.forwardRef(function DateTimePicker2({
   value,
   onChange,
   // Saat ayrı bir <select> ile gösterildiği için buton yalnızca TARİHİ yazar;
@@ -4274,8 +4289,8 @@ var DateTimePicker = React24.forwardRef(function DateTimePicker2({
   timeInterval = 15,
   ...props
 }, ref) {
-  const [date, setDate] = React24.useState(value);
-  const [time, setTime] = React24.useState(
+  const [date, setDate] = React25.useState(value);
+  const [time, setTime] = React25.useState(
     value ? format(value, timeFormat === "24" ? "HH:mm" : "hh:mm a") : "00:00"
   );
   const handleDateChange = (newDate) => {
@@ -4300,7 +4315,7 @@ var DateTimePicker = React24.forwardRef(function DateTimePicker2({
       onChange?.(newDate);
     }
   };
-  const timeOptions = React24.useMemo(() => {
+  const timeOptions = React25.useMemo(() => {
     const options = [];
     for (let h = 0; h < 24; h++) {
       for (let m = 0; m < 60; m += timeInterval) {
@@ -4354,15 +4369,15 @@ var DateTimePicker = React24.forwardRef(function DateTimePicker2({
   ] });
 });
 DateTimePicker.displayName = "DateTimePicker";
-var MonthPicker = React24.forwardRef(function MonthPicker2({
+var MonthPicker = React25.forwardRef(function MonthPicker2({
   value,
   onChange,
   placeholder = "Pick a month",
   formatString = "MMMM yyyy",
   ...props
 }, ref) {
-  const [open, setOpen] = React24.useState(false);
-  const [viewDate, setViewDate] = React24.useState(value || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React25.useState(false);
+  const [viewDate, setViewDate] = React25.useState(value || /* @__PURE__ */ new Date());
   const months = [
     "January",
     "February",
@@ -4458,7 +4473,7 @@ function DraggableList({
   className,
   disabled = false
 }) {
-  const [draggedIndex, setDraggedIndex] = React24.useState(null);
+  const [draggedIndex, setDraggedIndex] = React25.useState(null);
   const handleDragStart = (e, index) => {
     if (disabled)
       return;
@@ -4510,7 +4525,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4527,7 +4542,7 @@ var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -4539,7 +4554,7 @@ var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4552,7 +4567,7 @@ var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4565,7 +4580,7 @@ var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4582,7 +4597,7 @@ var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4598,7 +4613,7 @@ var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4611,7 +4626,7 @@ var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -4700,7 +4715,7 @@ var progressIndicatorVariants = cva(
     }
   }
 );
-var Progress = React24.forwardRef(({
+var Progress = React25.forwardRef(({
   className,
   value = 0,
   variant,
@@ -4830,7 +4845,7 @@ var FileItem = ({
     }
   );
 };
-var FileUpload = React24__default.forwardRef(
+var FileUpload = React25__default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -5053,7 +5068,7 @@ var FileUpload = React24__default.forwardRef(
   }
 );
 FileUpload.displayName = "FileUpload";
-var GestureDrawer = React24__default.forwardRef(
+var GestureDrawer = React25__default.forwardRef(
   ({
     children,
     isOpen,
@@ -5324,7 +5339,7 @@ function GitHubStarButton({
     }
   );
 }
-var InputOTP = React24.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
   OTPInput,
   {
     ref,
@@ -5339,7 +5354,7 @@ var InputOTP = React24.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var inputOTPSlotVariants = cva(
   [
@@ -5361,9 +5376,9 @@ var inputOTPSlotVariants = cva(
     }
   }
 );
-var InputOTPSlot = React24.forwardRef(
+var InputOTPSlot = React25.forwardRef(
   ({ index, className, ...props }, ref) => {
-    const inputOTPContext = React24.useContext(OTPInputContext);
+    const inputOTPContext = React25.useContext(OTPInputContext);
     const slot = inputOTPContext?.slots?.[index];
     const char = slot?.char;
     const hasFakeCaret = slot?.hasFakeCaret;
@@ -5385,7 +5400,7 @@ var InputOTPSlot = React24.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTPSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -5684,7 +5699,7 @@ function MoonLogo({
   showText = true,
   ...props
 }) {
-  const logoId = React24.useId();
+  const logoId = React25.useId();
   const gradientId = `moon-gradient-${logoId}`;
   const maskId = `moon-mask-${logoId}`;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
@@ -5766,7 +5781,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -5775,7 +5790,7 @@ var PaginationContent = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
+var PaginationItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -5883,7 +5898,7 @@ var selectTriggerVariants = cva(
     }
   }
 );
-var SelectTrigger = React24.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React25.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -5914,7 +5929,7 @@ var SelectTrigger = React24.forwardRef(({ className, children, variant, size, er
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5927,7 +5942,7 @@ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -5940,7 +5955,7 @@ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React24.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React25.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -5981,7 +5996,7 @@ var SelectContent = React24.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -5990,7 +6005,7 @@ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React24.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React25.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -6020,7 +6035,7 @@ var SelectItem = React24.forwardRef(({ className, children, variant = "default",
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6102,7 +6117,7 @@ var getMaxLength = (countryCode) => {
       return 15;
   }
 };
-var PhoneInput = React24.forwardRef(
+var PhoneInput = React25.forwardRef(
   ({
     className,
     value = "",
@@ -6114,8 +6129,8 @@ var PhoneInput = React24.forwardRef(
     size,
     ...props
   }, ref) => {
-    const [countryCode, setCountryCode] = React24.useState(defaultCountry);
-    const [phoneNumber, setPhoneNumber] = React24.useState(value);
+    const [countryCode, setCountryCode] = React25.useState(defaultCountry);
+    const [phoneNumber, setPhoneNumber] = React25.useState(value);
     const selectedCountry = countries.find((c) => c.code === countryCode) || countries[0];
     const handlePhoneChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
@@ -6186,15 +6201,15 @@ var radioGroupItemVariants = cva(
     }
   }
 );
-var RadioGroupContext = React24.createContext({});
-var RadioGroup2 = React24.forwardRef(
+var RadioGroupContext = React25.createContext({});
+var RadioGroup2 = React25.forwardRef(
   ({ className, value, defaultValue, onValueChange, disabled, name, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React24.useState(
+    const [internalValue, setInternalValue] = React25.useState(
       defaultValue
     );
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
-    const handleValueChange = React24.useCallback(
+    const handleValueChange = React25.useCallback(
       (next) => {
         if (!isControlled) {
           setInternalValue(next);
@@ -6226,9 +6241,9 @@ var RadioGroup2 = React24.forwardRef(
   }
 );
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React24.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  const radioGroup = React24.useContext(RadioGroupContext);
-  const generatedId = React24.useId();
+var RadioGroupItem = React25.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React25.useContext(RadioGroupContext);
+  const generatedId = React25.useId();
   const radioId = id || generatedId;
   const isChecked = radioGroup.value === value;
   const handleChange = (e) => {
@@ -6281,7 +6296,7 @@ var RadioGroupItem = React24.forwardRef(({ className, variant, size, indicator,
   ] });
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioLabel = React24.forwardRef(
+var RadioLabel = React25.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -6300,13 +6315,13 @@ var RadioLabel = React24.forwardRef(
   }
 );
 RadioLabel.displayName = "RadioLabel";
-var RadioItemWithLabel = React24.forwardRef(({
+var RadioItemWithLabel = React25.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  const generatedId = React24.useId();
+  const generatedId = React25.useId();
   const radioId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
@@ -6383,7 +6398,7 @@ function RichTextEditor({
     )
   ] });
 }
-var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -6397,7 +6412,7 @@ var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React25.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6451,7 +6466,7 @@ var defaultTransition = {
   ease: [0.25, 0.46, 0.45, 0.94]
   // Custom cubic-bezier for smooth motion
 };
-var ScrollReveal = React24.forwardRef(
+var ScrollReveal = React25.forwardRef(
   ({
     children,
     direction = "up",
@@ -6472,17 +6487,17 @@ var ScrollReveal = React24.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const animationVariants = React24.useMemo(() => {
+    const animationVariants = React25.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React24.useMemo(() => ({
+    const transition = React25.useMemo(() => ({
       ...defaultTransition,
       duration,
       delay: delay + stagger
     }), [duration, delay, stagger]);
-    const viewportConfig = React24.useMemo(() => ({
+    const viewportConfig = React25.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6517,7 +6532,7 @@ var ScrollReveal = React24.forwardRef(
   }
 );
 ScrollReveal.displayName = "ScrollReveal";
-var ScrollRevealContainer = React24.forwardRef(
+var ScrollRevealContainer = React25.forwardRef(
   ({
     children,
     stagger = 0.1,
@@ -6530,7 +6545,7 @@ var ScrollRevealContainer = React24.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const viewportConfig = React24.useMemo(() => ({
+    const viewportConfig = React25.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6561,7 +6576,7 @@ var ScrollRevealContainer = React24.forwardRef(
   }
 );
 ScrollRevealContainer.displayName = "ScrollRevealContainer";
-var ScrollRevealItem = React24.forwardRef(
+var ScrollRevealItem = React25.forwardRef(
   ({
     children,
     direction = "up",
@@ -6572,12 +6587,12 @@ var ScrollRevealItem = React24.forwardRef(
     style,
     id
   }, ref) => {
-    const animationVariants = React24.useMemo(() => {
+    const animationVariants = React25.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React24.useMemo(() => ({
+    const transition = React25.useMemo(() => ({
       ...defaultTransition,
       duration
     }), [duration]);
@@ -6693,7 +6708,7 @@ var separatorVariants = cva(
     }
   }
 );
-var Separator3 = React24.forwardRef(
+var Separator3 = React25.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -6736,7 +6751,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React25.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -6772,7 +6787,7 @@ var tooltipVariants = cva(
 );
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipArrow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipArrow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -6781,7 +6796,7 @@ var TooltipArrow = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var TooltipContent = React24.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
+var TooltipContent = React25.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
     ref,
@@ -6795,7 +6810,7 @@ var TooltipContent = React24.forwardRef(({ className, variant, size, showArrow =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var SimpleTooltip = React24.forwardRef(
+var SimpleTooltip = React25.forwardRef(
   ({
     children,
     content,
@@ -6883,7 +6898,7 @@ var ColorPicker2 = ({ onColorSelect }) => {
     color
   )) });
 };
-var SimpleEditor = React24__default.forwardRef(
+var SimpleEditor = React25__default.forwardRef(
   ({
     value = "",
     onChange,
@@ -6900,8 +6915,8 @@ var SimpleEditor = React24__default.forwardRef(
     const [isPreview, setIsPreview] = useState(false);
     const [sourceContent, setSourceContent] = useState(value);
     useState(null);
-    const editorRef = React24__default.useRef(null);
-    const sourceRef = React24__default.useRef(null);
+    const editorRef = React25__default.useRef(null);
+    const sourceRef = React25__default.useRef(null);
     const [formatState, setFormatState] = useState({
       bold: false,
       italic: false,
@@ -7035,12 +7050,12 @@ var SimpleEditor = React24__default.forwardRef(
         }
       }
     }, [executeCommand, updateContent]);
-    React24__default.useEffect(() => {
+    React25__default.useEffect(() => {
       if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
-    React24__default.useEffect(() => {
+    React25__default.useEffect(() => {
       if (value !== void 0 && value !== content) {
         setContent(value);
         setSourceContent(value);
@@ -7450,7 +7465,7 @@ var skeletonVariants = cva(
     }
   }
 );
-var Skeleton = React24.forwardRef(
+var Skeleton = React25.forwardRef(
   ({
     className,
     variant,
@@ -7534,7 +7549,7 @@ var Skeleton = React24.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React24.forwardRef(
+var SkeletonText = React25.forwardRef(
   ({
     className,
     lines = 3,
@@ -7575,7 +7590,7 @@ var SkeletonText = React24.forwardRef(
   }
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = React24.forwardRef(
+var SkeletonAvatar = React25.forwardRef(
   ({
     className,
     size = "2.5rem",
@@ -7601,7 +7616,7 @@ var SkeletonAvatar = React24.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React24.forwardRef(
+var SkeletonCard = React25.forwardRef(
   ({
     className,
     showHeader = true,
@@ -7675,11 +7690,11 @@ var SkeletonCard = React24.forwardRef(
   }
 );
 SkeletonCard.displayName = "SkeletonCard";
-var SwipeableCard = React24.forwardRef(
+var SwipeableCard = React25.forwardRef(
   ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
-    const [startX, setStartX] = React24.useState(0);
-    const [currentX, setCurrentX] = React24.useState(0);
-    const [isSwiping, setIsSwiping] = React24.useState(false);
+    const [startX, setStartX] = React25.useState(0);
+    const [currentX, setCurrentX] = React25.useState(0);
+    const [isSwiping, setIsSwiping] = React25.useState(false);
     const handleTouchStart = (e) => {
       if (disabled)
         return;
@@ -7774,7 +7789,7 @@ var switchThumbVariants = cva(
     }
   }
 );
-var Switch = React24.forwardRef(({
+var Switch = React25.forwardRef(({
   className,
   size,
   variant,
@@ -7785,7 +7800,7 @@ var Switch = React24.forwardRef(({
   "aria-describedby": ariaDescribedBy,
   ...props
 }, ref) => {
-  const reactId = React24.useId();
+  const reactId = React25.useId();
   const descriptionId = description ? `${reactId}-description` : void 0;
   const describedBy = [ariaDescribedBy, descriptionId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ jsxs("div", { className: "moonui-theme inline-flex items-center gap-2", children: [
@@ -7813,7 +7828,7 @@ var Switch = React24.forwardRef(({
   ] });
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var TagsInput = React24.forwardRef(
+var TagsInput = React25.forwardRef(
   ({
     value = [],
     onChange,
@@ -7826,12 +7841,12 @@ var TagsInput = React24.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const [inputValue, setInputValue] = React24.useState("");
-    const [error, setError] = React24.useState("");
-    const innerInputRef = React24.useRef(null);
-    React24.useImperativeHandle(ref, () => innerInputRef.current);
-    const tagButtonRefs = React24.useRef([]);
-    const errorId = React24.useId();
+    const [inputValue, setInputValue] = React25.useState("");
+    const [error, setError] = React25.useState("");
+    const innerInputRef = React25.useRef(null);
+    React25.useImperativeHandle(ref, () => innerInputRef.current);
+    const tagButtonRefs = React25.useRef([]);
+    const errorId = React25.useId();
     const focusTag = (index) => {
       if (value.length === 0)
         return;
@@ -8008,7 +8023,7 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React24.forwardRef(
+var Textarea = React25.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -8028,12 +8043,12 @@ var Textarea = React24.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const reactId = React24.useId();
+    const reactId = React25.useId();
     const fieldId = props.id || reactId;
-    const textareaRef = React24.useRef(null);
-    const [internalValue, setInternalValue] = React24.useState(value || defaultValue || "");
-    React24.useImperativeHandle(ref, () => textareaRef.current);
-    const adjustHeight = React24.useCallback(() => {
+    const textareaRef = React25.useRef(null);
+    const [internalValue, setInternalValue] = React25.useState(value || defaultValue || "");
+    React25.useImperativeHandle(ref, () => textareaRef.current);
+    const adjustHeight = React25.useCallback(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoResize)
         return;
@@ -8047,10 +8062,10 @@ var Textarea = React24.forwardRef(
         textarea.style.overflowY = "hidden";
       }
     }, [autoResize, maxHeight]);
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       adjustHeight();
     }, [internalValue, adjustHeight]);
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -8116,7 +8131,7 @@ var Textarea = React24.forwardRef(
 );
 Textarea.displayName = "Textarea";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastViewport = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -8145,7 +8160,7 @@ var toastVariants = cva(
     }
   }
 );
-var Toast = React24.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React25.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
@@ -8156,7 +8171,7 @@ var Toast = React24.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastAction = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -8168,7 +8183,7 @@ var ToastAction = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ToastClose = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   ToastPrimitives.Close,
   {
     ref,
@@ -8185,7 +8200,7 @@ var ToastClose = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -8194,7 +8209,7 @@ var ToastTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -8302,8 +8317,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React24.useState(memoryState);
-  React24.useEffect(() => {
+  const [state, setState] = React25.useState(memoryState);
+  React25.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -8356,7 +8371,7 @@ var kbdVariants = cva(
     }
   }
 );
-var Kbd = React24.forwardRef(
+var Kbd = React25.forwardRef(
   ({ className, size, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "kbd",
@@ -8393,7 +8408,7 @@ var iconSizeMap = {
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React24.forwardRef(
+var Rating = React25.forwardRef(
   ({
     className,
     value,
@@ -8411,11 +8426,11 @@ var Rating = React24.forwardRef(
     const iconSizeClass = iconSizeMap[resolvedSize];
     const step = precision === "half" ? 0.5 : 1;
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React24.useState(defaultValue ?? 0);
+    const [internalValue, setInternalValue] = React25.useState(defaultValue ?? 0);
     const currentValue = isControlled ? value ?? 0 : internalValue;
-    const [hoverValue, setHoverValue] = React24.useState(null);
+    const [hoverValue, setHoverValue] = React25.useState(null);
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
-    const commit = React24.useCallback(
+    const commit = React25.useCallback(
       (next) => {
         if (readOnly)
           return;
@@ -8425,7 +8440,7 @@ var Rating = React24.forwardRef(
       },
       [readOnly, isControlled, onValueChange]
     );
-    const handleKeyDown = React24.useCallback(
+    const handleKeyDown = React25.useCallback(
       (event) => {
         if (readOnly)
           return;
@@ -8454,9 +8469,9 @@ var Rating = React24.forwardRef(
       [readOnly, max, currentValue, step, commit]
     );
     const renderIcon = (filled) => {
-      if (React24.isValidElement(icon)) {
+      if (React25.isValidElement(icon)) {
         const element = icon;
-        return React24.cloneElement(element, {
+        return React25.cloneElement(element, {
           className: cn(
             iconSizeClass,
             "shrink-0",
@@ -8590,7 +8605,7 @@ var dotSizeMap = {
   lg: "h-2 w-2",
   xl: "h-2.5 w-2.5"
 };
-var Spinner = React24.forwardRef(
+var Spinner = React25.forwardRef(
   ({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -8669,15 +8684,15 @@ var buttonGroupVariants = cva(
     }
   }
 );
-var ButtonGroup = React24.forwardRef(
+var ButtonGroup = React25.forwardRef(
   ({ className, orientation, attached, size, variant, children, ...props }, ref) => {
     const shouldPropagate = size !== void 0 || variant !== void 0;
-    const enhancedChildren = shouldPropagate ? React24.Children.map(children, (child) => {
-      if (!React24.isValidElement(child) || child.type !== Button) {
+    const enhancedChildren = shouldPropagate ? React25.Children.map(children, (child) => {
+      if (!React25.isValidElement(child) || child.type !== Button) {
         return child;
       }
       const childProps = child.props;
-      return React24.cloneElement(child, {
+      return React25.cloneElement(child, {
         size: childProps.size ?? size,
         variant: childProps.variant ?? variant
       });
@@ -8695,11 +8710,11 @@ var ButtonGroup = React24.forwardRef(
   }
 );
 ButtonGroup.displayName = "ButtonGroup";
-var ToggleGroupContext = React24.createContext({
+var ToggleGroupContext = React25.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React24.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React25.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -8716,8 +8731,8 @@ var ToggleGroup = React24.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React24.useContext(ToggleGroupContext);
+var ToggleGroupItem = React25.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React25.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {