@moontra/moonui 6.1.0 → 6.3.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 '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, CheckCircle, Star, Video, Music, FileText, File, Copy, ArrowDown, ArrowUp, ArrowUpDown, GitFork, ExternalLink, Crown, Lock, Zap } from 'lucide-react';
+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';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -11,7 +11,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { motion, AnimatePresence, useMotionValue, useTransform, animate } from 'framer-motion';
-import { isValid, format, isSameMonth, isToday, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, subMonths, addMonths, isSameDay } from 'date-fns';
+import { isValid, format, isSameMonth, isToday, subMonths, addMonths, isSameDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek } from 'date-fns';
 export { format } from 'date-fns';
 import useEmblaCarousel from 'embla-carousel-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -21,7 +21,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { Command as Command$1 } from 'cmdk';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { useReactTable, getFilteredRowModel, getSortedRowModel, getPaginationRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { OTPInput, OTPInputContext } from 'input-otp';
 export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
@@ -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",
     {
@@ -716,7 +731,7 @@ var buttonVariants = cva(
           "dark:bg-gray-800 dark:text-gray-100",
           "hover:bg-gray-200 dark:hover:bg-gray-700",
           "active:bg-gray-300 dark:active:bg-gray-600",
-          "border border-gray-200 dark:border-gray-700",
+          "border border-input",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "shadow-sm hover:shadow-md"
         ],
@@ -839,7 +854,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React24.forwardRef(
+var Button = React25.forwardRef(
   ({
     className,
     variant,
@@ -958,7 +973,26 @@ var springAnimations = {
     type: "spring",
     stiffness: 260,
     damping: 20
-  }};
+  },
+  // Bouncy spring for playful interactions
+  bouncy: {
+    type: "spring",
+    stiffness: 300,
+    damping: 15
+  },
+  // Stiff spring for quick responses
+  stiff: {
+    type: "spring",
+    stiffness: 400,
+    damping: 25
+  },
+  // Gentle spring for subtle movements
+  gentle: {
+    type: "spring",
+    stiffness: 150,
+    damping: 15
+  }
+};
 var hoverAnimations = {
   lift: {
     y: -2,
@@ -971,12 +1005,22 @@ var hoverAnimations = {
   glow: {
     boxShadow: "0 0 20px rgba(var(--primary), 0.3)",
     transition: springAnimations.smooth
-  }};
+  },
+  rotate: {
+    rotate: 2,
+    transition: springAnimations.bouncy
+  }
+};
 var tapAnimations = {
   scale: {
     scale: 0.95,
     transition: { duration: 0.1 }
-  }};
+  },
+  depress: {
+    y: 1,
+    transition: { duration: 0.1 }
+  }
+};
 var skeletonAnimation = {
   initial: { opacity: 0.5 },
   animate: {
@@ -1025,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 = {
@@ -1053,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,
@@ -1062,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,
@@ -1071,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,
@@ -1080,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,
@@ -1103,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 = [
@@ -1122,7 +1166,8 @@ function Calendar({
     setCurrentMonth(addMonths(currentMonth, 1));
   };
   const handleDateClick = (date) => {
-    if (disabled?.(date)) return;
+    if (disabled?.(date))
+      return;
     if (mode === "single") {
       onSelect?.(date);
     } else if (mode === "range") {
@@ -1139,7 +1184,8 @@ function Calendar({
     }
   };
   const isDateSelected = (date) => {
-    if (!selected) return false;
+    if (!selected)
+      return false;
     if (mode === "single") {
       return isSameDay(date, selected);
     } else if (mode === "range") {
@@ -1152,19 +1198,23 @@ function Calendar({
     return false;
   };
   const isRangeStart = (date) => {
-    if (mode !== "range" || !selected) return false;
+    if (mode !== "range" || !selected)
+      return false;
     const range = selected;
     return range.from ? isSameDay(date, range.from) : false;
   };
   const isRangeEnd = (date) => {
-    if (mode !== "range" || !selected) return false;
+    if (mode !== "range" || !selected)
+      return false;
     const range = selected;
     return range.to ? isSameDay(date, range.to) : false;
   };
   const isRangeMiddle = (date) => {
-    if (mode !== "range" || !selected) return false;
+    if (mode !== "range" || !selected)
+      return false;
     const range = selected;
-    if (!range.from || !range.to) return false;
+    if (!range.from || !range.to)
+      return false;
     return date > range.from && date < range.to;
   };
   const getDaysInMonth = () => {
@@ -1291,7 +1341,8 @@ var getCardType = (number) => {
     jcb: /^35/
   };
   for (const [type, pattern] of Object.entries(patterns)) {
-    if (pattern.test(number)) return type;
+    if (pattern.test(number))
+      return type;
   }
   return "unknown";
 };
@@ -1301,16 +1352,18 @@ var formatCardNumber = (value, cardType) => {
   let formatted = "";
   let position = 0;
   for (const group of groups) {
-    if (position >= cleaned.length) break;
-    if (formatted) formatted += " ";
+    if (position >= cleaned.length)
+      break;
+    if (formatted)
+      formatted += " ";
     formatted += cleaned.slice(position, position + group);
     position += group;
   }
   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);
@@ -1341,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, "");
@@ -1379,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) => {
@@ -1404,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;
@@ -1455,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,
@@ -1481,20 +1534,21 @@ var Carousel = React24.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
-    const [canScrollNext, setCanScrollNext] = React24.useState(false);
-    const onSelect = React24.useCallback((emblaApi) => {
-      if (!emblaApi) return;
+    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";
@@ -1508,12 +1562,14 @@ var Carousel = React24.forwardRef(
       },
       [resolvedOrientation, scrollPrev, scrollNext]
     );
-    React24.useEffect(() => {
-      if (!api || !setApi) return;
+    React25.useEffect(() => {
+      if (!api || !setApi)
+        return;
       setApi(api);
     }, [api, setApi]);
-    React24.useEffect(() => {
-      if (!api) return;
+    React25.useEffect(() => {
+      if (!api)
+        return;
       onSelect(api);
       api.on("reInit", onSelect);
       api.on("select", onSelect);
@@ -1563,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(
@@ -1588,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(
@@ -1604,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,
@@ -1629,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,
@@ -1692,7 +1748,7 @@ var checkboxVariants = cva(
     }
   }
 );
-var Checkbox = React24.forwardRef(({
+var Checkbox = React25.forwardRef(({
   className,
   variant,
   size,
@@ -1725,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",
@@ -1745,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",
@@ -1765,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(
@@ -1822,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,
@@ -1871,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,
@@ -1899,7 +1955,7 @@ var inputWrapperVariants = cva(
 var inputVariants = cva(
   [
     "w-full bg-background transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
+    "text-foreground placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "file:border-0 file:bg-transparent file:font-medium",
     "focus-visible:outline-none dark:text-gray-200"
@@ -1907,10 +1963,10 @@ var inputVariants = cva(
   {
     variants: {
       variant: {
-        standard: "border border-gray-300 dark:border-gray-700 rounded-md px-3 py-2 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10",
+        standard: "border border-input rounded-md px-3 py-2 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10",
         filled: "border border-transparent bg-gray-100 dark:bg-gray-800 rounded-md px-3 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 dark:shadow-inner dark:shadow-gray-950/10",
-        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 dark:placeholder:text-gray-500 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 py-2 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:text-gray-300 dark:bg-transparent"
+        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
+        underline: "border-t-0 border-l-0 border-r-0 border-b border-input rounded-none px-0 py-2 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:text-gray-300 dark:bg-transparent"
       },
       size: {
         sm: "h-8 text-xs",
@@ -1954,7 +2010,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React24.forwardRef(
+var Input = React25.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -1981,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) => {
@@ -1999,7 +2055,7 @@ var Input = React24.forwardRef(
       setInternalValue(e.target.value);
       onChange?.(e);
     };
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -2083,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,
@@ -2144,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,
@@ -2212,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,
@@ -2253,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,
     {
@@ -2296,7 +2352,7 @@ var tabsTriggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React24.forwardRef(({
+var TabsTrigger = React25.forwardRef(({
   className,
   variant,
   size,
@@ -2328,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,
@@ -2422,7 +2478,7 @@ var sliderThumbVariants = cva(
     }
   }
 );
-var Slider = React24.forwardRef(({
+var Slider = React25.forwardRef(({
   className,
   size,
   trackVariant,
@@ -2438,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);
     }
@@ -2456,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;
@@ -2474,9 +2530,11 @@ var Slider = React24.forwardRef(({
     }
   };
   const handleTrackClick = (event) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     const track = trackRef.current;
-    if (!track) return;
+    if (!track)
+      return;
     const rect = track.getBoundingClientRect();
     const percent = (event.clientX - rect.left) / rect.width;
     const rawValue = min + percent * (max - min);
@@ -2487,11 +2545,13 @@ var Slider = React24.forwardRef(({
     handleValueChange(newValues);
   };
   const handleThumbMouseDown = (index) => (event) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     event.preventDefault();
     const handleMouseMove = (moveEvent) => {
       const track = trackRef.current;
-      if (!track) return;
+      if (!track)
+        return;
       const rect = track.getBoundingClientRect();
       const percent = (moveEvent.clientX - rect.left) / rect.width;
       const rawValue = min + percent * (max - min);
@@ -2509,7 +2569,8 @@ var Slider = React24.forwardRef(({
     document.addEventListener("mouseup", handleMouseUp);
   };
   const handleThumbKeyDown = (index) => (event) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     const largeStep = step * 10;
     const current = sliderValue[index];
     let next;
@@ -2646,7 +2707,8 @@ function rgbToHex(r, g, b) {
 }
 function hexToHsl(hex) {
   const rgb = hexToRgb(hex);
-  if (!rgb) return null;
+  if (!rgb)
+    return null;
   const r = rgb.r / 255;
   const g = rgb.g / 255;
   const b = rgb.b / 255;
@@ -2685,11 +2747,16 @@ function hslToHex(h, s, l) {
     r = g = b = l;
   } else {
     const hue2rgb = (p2, q2, t) => {
-      if (t < 0) t += 1;
-      if (t > 1) t -= 1;
-      if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;
-      if (t < 1 / 2) return q2;
-      if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;
+      if (t < 0)
+        t += 1;
+      if (t > 1)
+        t -= 1;
+      if (t < 1 / 6)
+        return p2 + (q2 - p2) * 6 * t;
+      if (t < 1 / 2)
+        return q2;
+      if (t < 2 / 3)
+        return p2 + (q2 - p2) * (2 / 3 - t) * 6;
       return p2;
     };
     const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
@@ -2757,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]);
@@ -2806,8 +2873,10 @@ function ColorPicker({
     }
   };
   const formatDisplay = () => {
-    if (format4 === "rgb") return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
-    if (format4 === "hsl") return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
+    if (format4 === "rgb")
+      return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+    if (format4 === "hsl")
+      return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
     return color;
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
@@ -3157,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);
@@ -3243,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,
@@ -3302,7 +3371,7 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React24.forwardRef(
+var DialogContent = React25.forwardRef(
   ({
     className,
     children,
@@ -3415,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,
@@ -3427,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,
@@ -3439,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,
@@ -3469,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,
@@ -3491,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,
@@ -3506,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,
@@ -3515,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,
@@ -3524,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,
@@ -3536,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,
@@ -3545,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,
@@ -3596,7 +3665,7 @@ var tableVariants = cva(
     }
   }
 );
-var Table = React24.forwardRef(({
+var Table = React25.forwardRef(({
   className,
   variant,
   size,
@@ -3613,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")
         });
       }
@@ -3642,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",
     {
@@ -3657,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,
@@ -3666,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,
@@ -3678,10 +3747,11 @@ 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) return null;
+      if (!sortable)
+        return null;
       if (sorted === "asc") {
         return /* @__PURE__ */ jsx(
           "svg",
@@ -3765,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",
@@ -3781,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,
@@ -3801,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,
@@ -3965,7 +4035,7 @@ var datePickerVariants = cva(
     }
   }
 );
-var DatePicker = React24.forwardRef(function DatePicker2({
+var DatePicker = React25.forwardRef(function DatePicker2({
   className,
   variant,
   size,
@@ -3988,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) => {
@@ -4010,10 +4080,14 @@ var DatePicker = React24.forwardRef(function DatePicker2({
     handleSelect(today);
   };
   const isDateDisabled = (date) => {
-    if (minDate && date < minDate) return true;
-    if (maxDate && date > maxDate) return true;
-    if (disabledDates?.some((d) => d.toDateString() === date.toDateString())) return true;
-    if (disabledDaysOfWeek?.includes(date.getDay())) return true;
+    if (minDate && date < minDate)
+      return true;
+    if (maxDate && date > maxDate)
+      return true;
+    if (disabledDates?.some((d) => d.toDateString() === date.toDateString()))
+      return true;
+    if (disabledDaysOfWeek?.includes(date.getDay()))
+      return true;
     return false;
   };
   const displayValue = internalDate && isValid(internalDate) ? format(internalDate, formatString) : null;
@@ -4134,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,
@@ -4143,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) => {
@@ -4155,8 +4229,9 @@ var DateRangePicker = React24.forwardRef(function DateRangePicker2({
       setOpen(false);
     }
   };
-  const displayValue = React24.useMemo(() => {
-    if (!internalRange?.from) return null;
+  const displayValue = React25.useMemo(() => {
+    if (!internalRange?.from)
+      return null;
     if (!internalRange?.to) {
       return format(internalRange.from, formatString);
     }
@@ -4202,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;
@@ -4214,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) => {
@@ -4240,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) {
@@ -4294,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",
@@ -4398,9 +4473,10 @@ function DraggableList({
   className,
   disabled = false
 }) {
-  const [draggedIndex, setDraggedIndex] = React24.useState(null);
+  const [draggedIndex, setDraggedIndex] = React25.useState(null);
   const handleDragStart = (e, index) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     setDraggedIndex(index);
     e.dataTransfer.effectAllowed = "move";
   };
@@ -4449,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,
@@ -4466,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,
@@ -4478,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,
@@ -4491,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,
@@ -4504,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,
@@ -4521,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,
@@ -4537,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,
@@ -4550,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,
@@ -4639,7 +4715,7 @@ var progressIndicatorVariants = cva(
     }
   }
 );
-var Progress = React24.forwardRef(({
+var Progress = React25.forwardRef(({
   className,
   value = 0,
   variant,
@@ -4694,14 +4770,19 @@ var Progress = React24.forwardRef(({
 });
 Progress.displayName = "Progress";
 var getFileIcon = (type) => {
-  if (type.startsWith("image/")) return /* @__PURE__ */ jsx(Image, { className: "h-4 w-4" });
-  if (type.startsWith("video/")) return /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
-  if (type.startsWith("audio/")) return /* @__PURE__ */ jsx(Music, { className: "h-4 w-4" });
-  if (type.includes("text") || type.includes("document")) return /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" });
+  if (type.startsWith("image/"))
+    return /* @__PURE__ */ jsx(Image, { className: "h-4 w-4" });
+  if (type.startsWith("video/"))
+    return /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
+  if (type.startsWith("audio/"))
+    return /* @__PURE__ */ jsx(Music, { className: "h-4 w-4" });
+  if (type.includes("text") || type.includes("document"))
+    return /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" });
   return /* @__PURE__ */ jsx(File, { className: "h-4 w-4" });
 };
 var formatFileSize = (bytes) => {
-  if (bytes === 0) return "0 Bytes";
+  if (bytes === 0)
+    return "0 Bytes";
   const k = 1024;
   const sizes = ["Bytes", "KB", "MB", "GB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
@@ -4764,7 +4845,7 @@ var FileItem = ({
     }
   );
 };
-var FileUpload = React24__default.forwardRef(
+var FileUpload = React25__default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -4862,7 +4943,8 @@ var FileUpload = React24__default.forwardRef(
     const handleDrop = useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
-      if (disabled) return;
+      if (disabled)
+        return;
       const files = e.dataTransfer.files;
       if (files.length > 0) {
         processFiles(files);
@@ -4986,7 +5068,7 @@ var FileUpload = React24__default.forwardRef(
   }
 );
 FileUpload.displayName = "FileUpload";
-var GestureDrawer = React24__default.forwardRef(
+var GestureDrawer = React25__default.forwardRef(
   ({
     children,
     isOpen,
@@ -5004,7 +5086,8 @@ var GestureDrawer = React24__default.forwardRef(
     const motionValue = isVertical ? y : x;
     const opacity = useTransform(motionValue, [0, threshold], [1, 0.5]);
     const handleDragEnd = (event, info) => {
-      if (!enableSwipeToClose) return;
+      if (!enableSwipeToClose)
+        return;
       const offset = isVertical ? info.offset.y : info.offset.x;
       const velocity = isVertical ? info.velocity.y : info.velocity.x;
       let shouldClose = false;
@@ -5045,7 +5128,8 @@ var GestureDrawer = React24__default.forwardRef(
     const getAnimatePosition = () => {
       return isVertical ? { y: 0 } : { x: 0 };
     };
-    if (!isOpen) return null;
+    if (!isOpen)
+      return null;
     return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
       /* @__PURE__ */ jsx(
         motion.div,
@@ -5255,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,
@@ -5270,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(
   [
@@ -5292,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;
@@ -5316,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,
@@ -5337,7 +5421,8 @@ function LockedComponent({
   const [isPreviewActive, setIsPreviewActive] = useState(false);
   const [previewTimeout, setPreviewTimeout] = useState(null);
   const handleMouseEnter = () => {
-    if (!showPreview) return;
+    if (!showPreview)
+      return;
     setIsPreviewActive(true);
     if (previewTimeout) {
       clearTimeout(previewTimeout);
@@ -5443,6 +5528,7 @@ function ProComponentWrapper({
         nodeEnv: process.env.NODE_ENV === "development",
         nextPublicEnv: process.env.NEXT_PUBLIC_VERCEL_ENV === "development",
         localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local")),
+        port: typeof window !== "undefined" && (window.location.port === "3000" || window.location.port === "3001" || window.location.port === "8080"),
         vercelEnv: !process.env.VERCEL,
         ciEnv: !process.env.CI,
         deploymentEnv: !process.env.DEPLOYMENT_ENV
@@ -5523,7 +5609,9 @@ function ProComponentWrapper({
   const isDevelopment = () => {
     const checks = {
       nodeEnv: process.env.NODE_ENV === "development",
-      localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local"))};
+      localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local")),
+      port: typeof window !== "undefined" && (window.location.port === "3000" || window.location.port === "3001" || window.location.port === "8080")
+    };
     if (process.env.VERCEL || process.env.NETLIFY || process.env.RENDER || process.env.RAILWAY_ENVIRONMENT || process.env.FLY_APP_NAME) {
       return false;
     }
@@ -5611,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: [
@@ -5693,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,
@@ -5702,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,
@@ -5810,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,
@@ -5841,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,
@@ -5854,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,
@@ -5867,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,
@@ -5878,7 +5966,7 @@ var SelectContent = React24.forwardRef(({ className, children, position = "poppe
     className: cn(
       [
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
-        "rounded-md border border-gray-200 dark:border-gray-700",
+        "rounded-md border border-input",
         "bg-background dark:bg-gray-800/80 backdrop-blur-sm text-foreground dark:text-gray-200",
         "shadow-lg dark:shadow-gray-900/20",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -5908,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,
@@ -5917,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,
@@ -5947,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,
@@ -5988,22 +6076,30 @@ var formatPhoneNumber = (value, countryCode) => {
   const cleaned = value.replace(/\D/g, "");
   switch (countryCode) {
     case "+1":
-      if (cleaned.length <= 3) return cleaned;
-      if (cleaned.length <= 6) return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
+      if (cleaned.length <= 3)
+        return cleaned;
+      if (cleaned.length <= 6)
+        return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
       return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)}-${cleaned.slice(6, 10)}`;
     case "+44":
-      if (cleaned.length <= 4) return cleaned;
-      if (cleaned.length <= 7) return `${cleaned.slice(0, 4)} ${cleaned.slice(4)}`;
+      if (cleaned.length <= 4)
+        return cleaned;
+      if (cleaned.length <= 7)
+        return `${cleaned.slice(0, 4)} ${cleaned.slice(4)}`;
       return `${cleaned.slice(0, 4)} ${cleaned.slice(4, 7)} ${cleaned.slice(7, 11)}`;
     case "+90":
-      if (cleaned.length <= 3) return cleaned;
-      if (cleaned.length <= 6) return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
-      if (cleaned.length <= 9) return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6)}`;
+      if (cleaned.length <= 3)
+        return cleaned;
+      if (cleaned.length <= 6)
+        return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
+      if (cleaned.length <= 9)
+        return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6)}`;
       return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8, 10)}`;
     default:
       let formatted = "";
       for (let i = 0; i < cleaned.length; i++) {
-        if (i > 0 && i % 3 === 0) formatted += " ";
+        if (i > 0 && i % 3 === 0)
+          formatted += " ";
         formatted += cleaned[i];
       }
       return formatted;
@@ -6013,18 +6109,15 @@ var getMaxLength = (countryCode) => {
   switch (countryCode) {
     case "+1":
       return 10;
-    // US/Canada
     case "+44":
       return 11;
-    // UK
     case "+90":
       return 10;
-    // Turkey
     default:
       return 15;
   }
 };
-var PhoneInput = React24.forwardRef(
+var PhoneInput = React25.forwardRef(
   ({
     className,
     value = "",
@@ -6036,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, "");
@@ -6108,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);
@@ -6148,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) => {
@@ -6203,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",
@@ -6222,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 }),
@@ -6305,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,
@@ -6319,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,
@@ -6373,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",
@@ -6394,16 +6487,17 @@ var ScrollReveal = React24.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const animationVariants = React24.useMemo(() => {
-      if (variants) return variants;
+    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
@@ -6438,7 +6532,7 @@ var ScrollReveal = React24.forwardRef(
   }
 );
 ScrollReveal.displayName = "ScrollReveal";
-var ScrollRevealContainer = React24.forwardRef(
+var ScrollRevealContainer = React25.forwardRef(
   ({
     children,
     stagger = 0.1,
@@ -6451,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
@@ -6482,7 +6576,7 @@ var ScrollRevealContainer = React24.forwardRef(
   }
 );
 ScrollRevealContainer.displayName = "ScrollRevealContainer";
-var ScrollRevealItem = React24.forwardRef(
+var ScrollRevealItem = React25.forwardRef(
   ({
     children,
     direction = "up",
@@ -6493,11 +6587,12 @@ var ScrollRevealItem = React24.forwardRef(
     style,
     id
   }, ref) => {
-    const animationVariants = React24.useMemo(() => {
-      if (variants) return variants;
+    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]);
@@ -6613,7 +6708,7 @@ var separatorVariants = cva(
     }
   }
 );
-var Separator3 = React24.forwardRef(
+var Separator3 = React25.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -6656,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,
@@ -6692,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,
@@ -6701,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,
@@ -6715,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,
@@ -6803,7 +6898,7 @@ var ColorPicker2 = ({ onColorSelect }) => {
     color
   )) });
 };
-var SimpleEditor = React24__default.forwardRef(
+var SimpleEditor = React25__default.forwardRef(
   ({
     value = "",
     onChange,
@@ -6819,9 +6914,9 @@ var SimpleEditor = React24__default.forwardRef(
     const [content, setContent] = useState(value);
     const [isPreview, setIsPreview] = useState(false);
     const [sourceContent, setSourceContent] = useState(value);
-    const [selection, setSelection] = useState(null);
-    const editorRef = React24__default.useRef(null);
-    const sourceRef = React24__default.useRef(null);
+    useState(null);
+    const editorRef = React25__default.useRef(null);
+    const sourceRef = React25__default.useRef(null);
     const [formatState, setFormatState] = useState({
       bold: false,
       italic: false,
@@ -6848,7 +6943,8 @@ var SimpleEditor = React24__default.forwardRef(
       return null;
     }, []);
     useCallback((range) => {
-      if (!range) return;
+      if (!range)
+        return;
       const selection2 = window.getSelection();
       if (selection2) {
         selection2.removeAllRanges();
@@ -6856,7 +6952,8 @@ var SimpleEditor = React24__default.forwardRef(
       }
     }, []);
     const executeCommand = useCallback((command, value2) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       if (editorRef.current) {
         editorRef.current.focus();
       }
@@ -6953,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);
@@ -7368,7 +7465,7 @@ var skeletonVariants = cva(
     }
   }
 );
-var Skeleton = React24.forwardRef(
+var Skeleton = React25.forwardRef(
   ({
     className,
     variant,
@@ -7452,7 +7549,7 @@ var Skeleton = React24.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React24.forwardRef(
+var SkeletonText = React25.forwardRef(
   ({
     className,
     lines = 3,
@@ -7493,7 +7590,7 @@ var SkeletonText = React24.forwardRef(
   }
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = React24.forwardRef(
+var SkeletonAvatar = React25.forwardRef(
   ({
     className,
     size = "2.5rem",
@@ -7519,7 +7616,7 @@ var SkeletonAvatar = React24.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React24.forwardRef(
+var SkeletonCard = React25.forwardRef(
   ({
     className,
     showHeader = true,
@@ -7593,22 +7690,25 @@ 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;
+      if (disabled)
+        return;
       setStartX(e.touches[0].clientX);
       setIsSwiping(true);
     };
     const handleTouchMove = (e) => {
-      if (disabled || !isSwiping) return;
+      if (disabled || !isSwiping)
+        return;
       setCurrentX(e.touches[0].clientX);
     };
     const handleTouchEnd = () => {
-      if (disabled || !isSwiping) return;
+      if (disabled || !isSwiping)
+        return;
       const deltaX = currentX - startX;
       if (Math.abs(deltaX) > threshold) {
         if (deltaX > 0 && onSwipeRight) {
@@ -7689,7 +7789,7 @@ var switchThumbVariants = cva(
     }
   }
 );
-var Switch = React24.forwardRef(({
+var Switch = React25.forwardRef(({
   className,
   size,
   variant,
@@ -7700,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: [
@@ -7728,7 +7828,7 @@ var Switch = React24.forwardRef(({
   ] });
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var TagsInput = React24.forwardRef(
+var TagsInput = React25.forwardRef(
   ({
     value = [],
     onChange,
@@ -7741,14 +7841,15 @@ 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;
+      if (value.length === 0)
+        return;
       const clamped = Math.max(0, Math.min(value.length - 1, index));
       tagButtonRefs.current[clamped]?.focus();
     };
@@ -7771,8 +7872,10 @@ var TagsInput = React24.forwardRef(
           break;
         case "ArrowRight":
           e.preventDefault();
-          if (index >= value.length - 1) innerInputRef.current?.focus();
-          else focusTag(index + 1);
+          if (index >= value.length - 1)
+            innerInputRef.current?.focus();
+          else
+            focusTag(index + 1);
           break;
         case "Home":
           e.preventDefault();
@@ -7788,8 +7891,10 @@ var TagsInput = React24.forwardRef(
           const remaining = value.length - 1;
           removeTag(index);
           requestAnimationFrame(() => {
-            if (remaining > 0) focusTag(Math.min(index, remaining - 1));
-            else innerInputRef.current?.focus();
+            if (remaining > 0)
+              focusTag(Math.min(index, remaining - 1));
+            else
+              innerInputRef.current?.focus();
           });
           break;
         }
@@ -7797,7 +7902,8 @@ var TagsInput = React24.forwardRef(
     };
     const addTag = () => {
       const tag = inputValue.trim();
-      if (!tag) return;
+      if (!tag)
+        return;
       if (!allowDuplicates && value.includes(tag)) {
         setError("This tag already exists");
         setTimeout(() => setError(""), 2e3);
@@ -7813,7 +7919,8 @@ var TagsInput = React24.forwardRef(
       setError("");
     };
     const removeTag = (index) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       onChange(value.filter((_, i) => i !== index));
     };
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -7880,7 +7987,7 @@ TagsInput.displayName = "TagsInput";
 var textareaVariants = cva(
   [
     "flex w-full rounded-md px-3 py-2 text-sm transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
+    "text-foreground placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "focus-visible:outline-none dark:text-gray-200",
     "resize-none"
@@ -7889,10 +7996,10 @@ var textareaVariants = cva(
   {
     variants: {
       variant: {
-        default: "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-800/80 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:shadow-inner dark:shadow-gray-950/10",
-        outline: "border-2 border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:border-primary dark:focus-visible:border-primary/80",
+        default: "border border-input bg-background dark:bg-gray-800/80 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:shadow-inner dark:shadow-gray-950/10",
+        outline: "border-2 border-input bg-transparent focus-visible:border-primary dark:focus-visible:border-primary/80",
         ghost: "border-none bg-transparent hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b-2 border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-primary dark:focus-visible:border-primary/80 bg-transparent dark:bg-transparent"
+        underline: "border-t-0 border-l-0 border-r-0 border-b-2 border-input rounded-none px-0 focus-visible:ring-0 focus-visible:border-primary dark:focus-visible:border-primary/80 bg-transparent dark:bg-transparent"
       },
       size: {
         sm: "min-h-[60px] text-xs",
@@ -7916,7 +8023,7 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React24.forwardRef(
+var Textarea = React25.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -7936,14 +8043,15 @@ 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;
+      if (!textarea || !autoResize)
+        return;
       textarea.style.height = "auto";
       const newHeight = textarea.scrollHeight;
       if (maxHeight && newHeight > maxHeight) {
@@ -7954,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);
       }
@@ -8023,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,
@@ -8052,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,
     {
@@ -8063,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,
@@ -8075,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,
@@ -8092,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,
@@ -8101,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,
@@ -8197,7 +8305,8 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open) dismiss();
+        if (!open)
+          dismiss();
       }
     }
   });
@@ -8208,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);
@@ -8262,7 +8371,7 @@ var kbdVariants = cva(
     }
   }
 );
-var Kbd = React24.forwardRef(
+var Kbd = React25.forwardRef(
   ({ className, size, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "kbd",
@@ -8299,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,
@@ -8317,21 +8426,24 @@ 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;
-        if (!isControlled) setInternalValue(next);
+        if (readOnly)
+          return;
+        if (!isControlled)
+          setInternalValue(next);
         onValueChange?.(next);
       },
       [readOnly, isControlled, onValueChange]
     );
-    const handleKeyDown = React24.useCallback(
+    const handleKeyDown = React25.useCallback(
       (event) => {
-        if (readOnly) return;
+        if (readOnly)
+          return;
         let next = null;
         switch (event.key) {
           case "ArrowRight":
@@ -8357,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",
@@ -8493,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",
@@ -8572,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
       });
@@ -8598,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,
@@ -8619,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,
     {
@@ -8640,5 +8752,5 @@ var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = "ToggleGroupItem";
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, Card, CardCVCInput, CardContent, CardDescription, CardExpiryInput, CardFooter, CardHeader, CardNumberInput, CardTitle, CardZipInput, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FreeBadge, GestureDrawer, GitHubStarButton, GitHubStars, GradientPicker, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, LockedComponent, MonthPicker, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, ButtonGroup as MoonUIButtonGroup, Calendar as MoonUICalendar, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Carousel as MoonUICarousel, CarouselContent as MoonUICarouselContent, CarouselItem as MoonUICarouselItem, CarouselNext as MoonUICarouselNext, CarouselPrevious as MoonUICarouselPrevious, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible as MoonUICollapsible, CollapsibleContent as MoonUICollapsibleContent, CollapsibleTrigger as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, InputOTP as MoonUIInputOTP, InputOTPGroup as MoonUIInputOTPGroup, InputOTPSeparator as MoonUIInputOTPSeparator, InputOTPSlot as MoonUIInputOTPSlot, Kbd as MoonUIKbd, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup2 as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, Rating as MoonUIRating, RichTextEditor as MoonUIRichTextEditor, ScrollArea as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, ScrollReveal as MoonUIScrollReveal, ScrollRevealContainer as MoonUIScrollRevealContainer, ScrollRevealItem as MoonUIScrollRevealItem, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator3 as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, Spinner as MoonUISpinner, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle as MoonUIToggle, ToggleGroup as MoonUIToggleGroup, ToggleGroupItem as MoonUIToggleGroupItem, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, RadioItemWithLabel, RadioLabel, Rating, RichTextEditor, ScrollArea, ScrollBar, ScrollReveal, ScrollRevealContainer, ScrollRevealItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, SimpleColorPicker, SimpleEditor, SimpleTooltip, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, Spinner, SwipeableCard, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonGroupVariants, buttonVariants, carouselContentVariants, carouselItemVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, inputOTPSlotVariants, kbdVariants, badgeVariants as moonUIBadgeVariants, buttonGroupVariants as moonUIButtonGroupVariants, buttonVariants as moonUIButtonVariants, carouselContentVariants as moonUICarouselContentVariants, carouselItemVariants as moonUICarouselItemVariants, createSortableHeader as moonUICreateSortableHeader, inputOTPSlotVariants as moonUIInputOTPSlotVariants, kbdVariants as moonUIKbdVariants, ratingVariants as moonUIRatingVariants, skeletonVariants as moonUISkeletonVariants, spinnerVariants as moonUISpinnerVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, ratingVariants, separatorVariants, skeletonVariants, spinnerVariants, switchVariants, toast, toggleVariants, tooltipVariants, useCarousel, useToast };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map