@moontra/moonui 3.4.0 → 4.1.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 'use client';
 
-import * as React10 from 'react';
-import React10__default, { useState, useCallback, useEffect } from 'react';
+import * as React24 from 'react';
+import React24__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, 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, ChevronLeft, Copy, ArrowDown, ArrowUp, ArrowUpDown, Calendar as Calendar$1, Clock, CheckCircle, Star, GitFork, ExternalLink, Crown, Lock, Zap, Video, Music, FileText, File } 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 { format, isSameMonth, isToday, isValid, subMonths, addMonths, isSameDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek } 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';
@@ -38,7 +38,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -47,7 +47,7 @@ var AccordionItem = React10.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -65,7 +65,7 @@ var AccordionTrigger = React10.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -89,7 +89,10 @@ var alertVariants = cva(
         success: "bg-success/10 text-success border-success/30",
         warning: "bg-warning/10 text-warning border-warning/30",
         error: "bg-destructive/10 text-destructive border-destructive/30",
-        info: "bg-blue-500/10 text-blue-500 border-blue-500/30"
+        // `--info` token'ı (tokens.css) blue-500 ile birebir aynı değeri
+        // taşır → görsel değişiklik yok, ancak varyant artık temaya ve
+        // karanlık moda duyarlı. Kardeş varyantlarla simetrik.
+        info: "bg-info/10 text-info border-info/30"
       },
       size: {
         sm: "py-2 text-xs",
@@ -115,7 +118,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React10.forwardRef(
+var Alert = React24.forwardRef(
   ({
     className,
     variant = "default",
@@ -127,7 +130,7 @@ var Alert = React10.forwardRef(
     children,
     ...props
   }, ref) => {
-    const Icon2 = React10.useMemo(() => {
+    const Icon2 = React24.useMemo(() => {
       switch (variant) {
         case "success":
           return Check;
@@ -165,7 +168,7 @@ var Alert = React10.forwardRef(
             {
               onClick: onClose,
               className: "absolute right-3 top-3 inline-flex h-6 w-6 items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100",
-              "aria-label": "Kapat",
+              "aria-label": "Close alert",
               children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
             }
           )
@@ -175,7 +178,7 @@ var Alert = React10.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -188,7 +191,7 @@ var AlertTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -205,11 +208,15 @@ var aspectRatioVariants = cva(
   "relative overflow-hidden",
   {
     variants: {
+      // `variant` yalnız yüzey/kenarlık eksenini yönetir. Önceden her varyant
+      // ayrıca `rounded-md` taşıyordu ve `radius` ekseniyle çakışıyordu
+      // (aynı anda iki `rounded-*` sınıfı üretiliyordu). Köşe yuvarlaması artık
+      // TEK kaynaktan: `radius`.
       variant: {
-        default: "rounded-md bg-muted/10",
+        default: "bg-muted/10",
         ghost: "bg-transparent",
-        outline: "rounded-md border border-border",
-        card: "rounded-md bg-card shadow-sm"
+        outline: "border border-border",
+        card: "bg-card shadow-sm"
       },
       radius: {
         none: "rounded-none",
@@ -220,11 +227,13 @@ var aspectRatioVariants = cva(
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      // Önceki davranış korunur: her varyant `rounded-md` taşıyordu.
+      radius: "md"
     }
   }
 );
-var AspectRatio = React10.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AspectRatio = React24.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -273,7 +282,7 @@ var avatarVariants = cva(
     }
   }
 );
-var Avatar = React10.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React24.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -282,7 +291,7 @@ var Avatar = React10.forwardRef(({ className, size, radius, variant, ...props },
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -291,7 +300,7 @@ var AvatarImage = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -303,10 +312,11 @@ var AvatarFallback = React10.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarGroup = React10.forwardRef(
-  ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
-    const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
-    const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
+var AvatarGroup = React24.forwardRef(
+  ({ className, max, children, overlapOffset = -8, ...props }, ref) => {
+    const childrenArray = React24.Children.toArray(children);
+    const visibleAvatars = max ? childrenArray.slice(0, max) : childrenArray;
+    const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -355,11 +365,15 @@ var badgeVariants = cva(
   {
     variants: {
       variant: {
+        // KIRICI (issue #261): önceden ham `gray-900`/`white` kullanılıyordu;
+        // aynı varyant pro pakette token'lıydı → free ve pro `primary` için
+        // farklı renk üretiyordu. Artık token'a bağlı (tema/karanlık moda duyarlı).
+        // `primary` VARSAYILAN varyant olduğu için görünür bir renk değişimidir.
         primary: [
-          "border-transparent bg-gray-900 text-white",
-          "hover:bg-gray-800 dark:hover:bg-gray-700",
-          "focus-visible:ring-gray-500/30 dark:focus-visible:ring-gray-400/40",
-          "dark:bg-gray-700 dark:text-gray-50 dark:shadow-inner dark:shadow-gray-950/10"
+          "border-transparent bg-primary text-primary-foreground",
+          "hover:bg-primary/90",
+          "focus-visible:ring-primary/30 dark:focus-visible:ring-primary/40",
+          "dark:bg-primary/90 dark:shadow-inner dark:shadow-primary/10"
         ],
         secondary: [
           "border-transparent bg-secondary text-secondary-foreground",
@@ -431,7 +445,7 @@ var badgeVariants = cva(
     }
   }
 );
-function Badge({
+var Badge = React24.forwardRef(({
   className,
   variant,
   size,
@@ -445,7 +459,7 @@ function Badge({
   noAutoSpacing,
   children,
   ...props
-}) {
+}, ref) => {
   let autoLeftIcon = leftIcon;
   let autoChildren = children;
   if (variant === "pro") {
@@ -463,6 +477,7 @@ function Badge({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref,
       className: cn(
         "moonui-theme",
         badgeVariants({ variant, size, radius }),
@@ -514,7 +529,8 @@ function Badge({
       ]
     }
   );
-}
+});
+Badge.displayName = "Badge";
 var breadcrumbVariants = cva(
   "flex items-center gap-1.5 text-sm",
   {
@@ -536,7 +552,7 @@ var breadcrumbVariants = cva(
     }
   }
 );
-var Breadcrumb = React10.forwardRef(
+var Breadcrumb = React24.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
     "nav",
     {
@@ -548,9 +564,9 @@ var Breadcrumb = React10.forwardRef(
   )
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React10.forwardRef(
+var BreadcrumbList = React24.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    const childrenArray = React10.Children.toArray(props.children).filter(Boolean);
+    const childrenArray = React24.Children.toArray(props.children).filter(Boolean);
     const childCount = childrenArray.length;
     if (collapsed && childCount > collapsedWidth) {
       const firstItem = childrenArray[0];
@@ -586,9 +602,9 @@ var BreadcrumbList = React10.forwardRef(
   }
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React10.forwardRef(
+var BreadcrumbItem = React24.forwardRef(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React10.Fragment : href ? "a" : "span";
+    const Comp = asChild ? React24.Fragment : href ? "a" : "span";
     const itemProps = asChild ? {} : href ? { href } : {};
     return /* @__PURE__ */ jsx(
       "li",
@@ -645,7 +661,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var BreadcrumbLink = React10.forwardRef(
+var BreadcrumbLink = React24.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
     {
@@ -660,7 +676,7 @@ var BreadcrumbLink = React10.forwardRef(
   )
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React10.forwardRef(
+var BreadcrumbPage = React24.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -823,7 +839,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React10.forwardRef(
+var Button = React24.forwardRef(
   ({
     className,
     variant,
@@ -845,6 +861,7 @@ var Button = React10.forwardRef(
         className: cn("moonui-theme", buttonVariants({ variant, size, rounded, fullWidth, className })),
         ref,
         disabled: disabled || loading,
+        "aria-busy": loading || void 0,
         "data-loading": loading ? "" : void 0,
         ...props,
         children: [
@@ -1037,7 +1054,7 @@ var cardVariants = cva(
     }
   }
 );
-var Card = React10.forwardRef(
+var Card = React24.forwardRef(
   ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
@@ -1065,7 +1082,7 @@ var Card = React10.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1074,7 +1091,7 @@ var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -1083,7 +1100,7 @@ var CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -1092,9 +1109,9 @@ var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
+var CardContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1115,7 +1132,7 @@ function Calendar({
   defaultMonth,
   ...props
 }) {
-  const [currentMonth, setCurrentMonth] = React10.useState(
+  const [currentMonth, setCurrentMonth] = React24.useState(
     defaultMonth || selected && selected || /* @__PURE__ */ new Date()
   );
   const weekDays = [
@@ -1329,9 +1346,9 @@ var formatCardNumber = (value, cardType) => {
   }
   return formatted;
 };
-var CardNumberInput = React10.forwardRef(
+var CardNumberInput = React24.forwardRef(
   ({ className, value = "", onChange, showIcon = true, size, ...props }, ref) => {
-    const [cardType, setCardType] = React10.useState("unknown");
+    const [cardType, setCardType] = React24.useState("unknown");
     const handleChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
       const detectedType = getCardType(rawValue);
@@ -1362,7 +1379,7 @@ var CardNumberInput = React10.forwardRef(
   }
 );
 CardNumberInput.displayName = "CardNumberInput";
-var CardExpiryInput = React10.forwardRef(
+var CardExpiryInput = React24.forwardRef(
   ({ className, value = "", onChange, size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value.replace(/\D/g, "");
@@ -1400,7 +1417,7 @@ var CardExpiryInput = React10.forwardRef(
   }
 );
 CardExpiryInput.displayName = "CardExpiryInput";
-var CardCVCInput = React10.forwardRef(
+var CardCVCInput = React24.forwardRef(
   ({ className, value = "", onChange, cardType = "unknown", size, ...props }, ref) => {
     const maxLength = cardType === "amex" ? 4 : 3;
     const handleChange = (e) => {
@@ -1425,7 +1442,7 @@ var CardCVCInput = React10.forwardRef(
   }
 );
 CardCVCInput.displayName = "CardCVCInput";
-var CardZipInput = React10.forwardRef(
+var CardZipInput = React24.forwardRef(
   ({ className, value = "", onChange, format: format4 = "US", size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value;
@@ -1476,15 +1493,15 @@ var CardZipInput = React10.forwardRef(
   }
 );
 CardZipInput.displayName = "CardZipInput";
-var CarouselContext = React10.createContext(null);
+var CarouselContext = React24.createContext(null);
 function useCarousel() {
-  const context = React10.useContext(CarouselContext);
+  const context = React24.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React10.forwardRef(
+var Carousel = React24.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1502,21 +1519,21 @@ var Carousel = React10.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React10.useState(false);
-    const [canScrollNext, setCanScrollNext] = React10.useState(false);
-    const onSelect = React10.useCallback((emblaApi) => {
+    const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
+    const [canScrollNext, setCanScrollNext] = React24.useState(false);
+    const onSelect = React24.useCallback((emblaApi) => {
       if (!emblaApi)
         return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
     }, []);
-    const scrollPrev = React10.useCallback(() => {
+    const scrollPrev = React24.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React10.useCallback(() => {
+    const scrollNext = React24.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React10.useCallback(
+    const handleKeyDown = React24.useCallback(
       (event) => {
         const prevKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
         const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -1530,12 +1547,12 @@ var Carousel = React10.forwardRef(
       },
       [resolvedOrientation, scrollPrev, scrollNext]
     );
-    React10.useEffect(() => {
+    React24.useEffect(() => {
       if (!api || !setApi)
         return;
       setApi(api);
     }, [api, setApi]);
-    React10.useEffect(() => {
+    React24.useEffect(() => {
       if (!api)
         return;
       onSelect(api);
@@ -1587,7 +1604,7 @@ var carouselContentVariants = cva("flex", {
     orientation: "horizontal"
   }
 });
-var CarouselContent = React10.forwardRef(
+var CarouselContent = React24.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -1612,7 +1629,7 @@ var carouselItemVariants = cva("min-w-0 shrink-0 grow-0 basis-full", {
     orientation: "horizontal"
   }
 });
-var CarouselItem = React10.forwardRef(
+var CarouselItem = React24.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsx(
@@ -1628,7 +1645,7 @@ var CarouselItem = React10.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React10.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselPrevious = React24.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -1653,7 +1670,7 @@ var CarouselPrevious = React10.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React10.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselNext = React24.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -1716,7 +1733,7 @@ var checkboxVariants = cva(
     }
   }
 );
-var Checkbox = React10.forwardRef(({
+var Checkbox = React24.forwardRef(({
   className,
   variant,
   size,
@@ -1749,7 +1766,7 @@ var Checkbox = React10.forwardRef(({
   );
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxGroup = React10.forwardRef(
+var CheckboxGroup = React24.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1769,7 +1786,7 @@ var CheckboxGroup = React10.forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxLabel = React10.forwardRef(
+var CheckboxLabel = React24.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -1789,14 +1806,14 @@ var CheckboxLabel = React10.forwardRef(
   }
 );
 CheckboxLabel.displayName = "CheckboxLabel";
-var CheckboxWithLabel = React10.forwardRef(({
+var CheckboxWithLabel = React24.forwardRef(({
   id,
   label,
   labelPosition = "end",
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId = React10.useId();
+  const generatedId = React24.useId();
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsx(
@@ -1846,7 +1863,7 @@ var collapsibleTriggerVariants = cva(
     }
   }
 );
-var CollapsibleTrigger = React10.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
+var CollapsibleTrigger = React24.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx(
       CollapsiblePrimitive.Trigger,
@@ -1895,7 +1912,7 @@ var collapsibleContentVariants = cva(
     }
   }
 );
-var CollapsibleContent = React10.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var CollapsibleContent = React24.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   CollapsiblePrimitive.Content,
   {
     ref,
@@ -1978,7 +1995,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React10.forwardRef(
+var Input = React24.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -2005,8 +2022,10 @@ var Input = React10.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const [isFocused, setIsFocused] = React10.useState(false);
-    const [internalValue, setInternalValue] = React10.useState(value || defaultValue || "");
+    const reactId = React24.useId();
+    const fieldId = props.id || reactId;
+    const [isFocused, setIsFocused] = React24.useState(false);
+    const [internalValue, setInternalValue] = React24.useState(value || defaultValue || "");
     const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
     const isLabelActive = isFocused || hasValue;
     const handleFocus = (e) => {
@@ -2021,7 +2040,7 @@ var Input = React10.forwardRef(
       setInternalValue(e.target.value);
       onChange?.(e);
     };
-    React10.useEffect(() => {
+    React24.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -2070,7 +2089,7 @@ var Input = React10.forwardRef(
             "data-error": !!error ? "" : void 0,
             "data-success": !!success ? "" : void 0,
             "aria-invalid": !!error || !!isError || void 0,
-            "aria-describedby": error ? `${props.id || ""}-error` : success ? `${props.id || ""}-success` : void 0,
+            "aria-describedby": error ? `${fieldId}-error` : success ? `${fieldId}-success` : void 0,
             value,
             defaultValue,
             onChange: handleChange,
@@ -2094,7 +2113,7 @@ var Input = React10.forwardRef(
             messageType === "normal" && "text-muted-foreground",
             messageClassName
           ),
-          id: error ? `${props.id || ""}-error` : success ? `${props.id || ""}-success` : void 0,
+          id: error ? `${fieldId}-error` : success ? `${fieldId}-success` : void 0,
           children: error || success || ""
         }
       )
@@ -2103,9 +2122,9 @@ var Input = React10.forwardRef(
 );
 Input.displayName = "Input";
 var labelVariants = cva(
-  "text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
+  "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 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -2166,7 +2185,7 @@ var popoverContentVariants = cva(
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React10.forwardRef(({
+var PopoverContent = React24.forwardRef(({
   className,
   variant,
   size,
@@ -2234,7 +2253,7 @@ var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 PopoverFooter.displayName = "PopoverFooter";
-var Tabs = React10.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
+var Tabs = React24.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Root,
   {
     ref,
@@ -2275,7 +2294,7 @@ var tabsListVariants = cva(
     }
   }
 );
-var TabsList = React10.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+var TabsList = React24.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -2318,7 +2337,7 @@ var tabsTriggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React10.forwardRef(({
+var TabsTrigger = React24.forwardRef(({
   className,
   variant,
   size,
@@ -2350,7 +2369,7 @@ var TabsTrigger = React10.forwardRef(({
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React10.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React24.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -2444,7 +2463,7 @@ var sliderThumbVariants = cva(
     }
   }
 );
-var Slider = React10.forwardRef(({
+var Slider = React24.forwardRef(({
   className,
   size,
   trackVariant,
@@ -2460,10 +2479,10 @@ var Slider = React10.forwardRef(({
   disabled,
   ...props
 }, ref) => {
-  const [sliderValue, setSliderValue] = React10.useState(
+  const [sliderValue, setSliderValue] = React24.useState(
     value || defaultValue || [0]
   );
-  React10.useEffect(() => {
+  React24.useEffect(() => {
     if (value !== void 0) {
       setSliderValue(value);
     }
@@ -2478,7 +2497,7 @@ var Slider = React10.forwardRef(({
   const calculateThumbPercent = (value2, min2, max2) => {
     return (value2 - min2) / (max2 - min2) * 100;
   };
-  const trackRef = React10.useRef(null);
+  const trackRef = React24.useRef(null);
   const min = props.min || 0;
   const max = props.max || 100;
   const step = props.step || 1;
@@ -2790,14 +2809,14 @@ function ColorPicker({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = React10.useState(false);
-  const [color, setColor] = React10.useState(value);
-  const [opacity, setOpacity] = React10.useState(100);
-  const [copied, setCopied] = React10.useState(false);
-  const [inputValue, setInputValue] = React10.useState(value);
-  const hsl = React10.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
-  const rgb = React10.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
-  React10.useEffect(() => {
+  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(() => {
     setColor(value);
     setInputValue(value);
   }, [value]);
@@ -3192,7 +3211,7 @@ function GradientPicker({
   onChange,
   className
 }) {
-  const [gradient, setGradient] = React10.useState(value);
+  const [gradient, setGradient] = React24.useState(value);
   const handleChange = (field, newValue) => {
     const newGradient = { ...gradient, [field]: newValue };
     setGradient(newGradient);
@@ -3278,7 +3297,7 @@ var overlayVariants = cva(
     }
   }
 );
-var DialogOverlay = React10.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React24.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3337,7 +3356,7 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React10.forwardRef(
+var DialogContent = React24.forwardRef(
   ({
     className,
     children,
@@ -3450,7 +3469,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -3462,7 +3481,7 @@ var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -3474,7 +3493,7 @@ var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogForm = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogForm = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
     ref,
@@ -3504,7 +3523,7 @@ var commandVariants = cva(
     }
   }
 );
-var Command = React10.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -3526,7 +3545,7 @@ var CommandDialog = ({
     ), children })
   ] }) });
 };
-var CommandInput = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React24.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,
@@ -3541,7 +3560,7 @@ var CommandInput = React10.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -3550,7 +3569,7 @@ var CommandList = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -3559,7 +3578,7 @@ var CommandEmpty = React10.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -3571,7 +3590,7 @@ var CommandGroup = React10.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -3580,7 +3599,7 @@ var CommandSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -3631,7 +3650,7 @@ var tableVariants = cva(
     }
   }
 );
-var Table = React10.forwardRef(({
+var Table = React24.forwardRef(({
   className,
   variant,
   size,
@@ -3648,11 +3667,11 @@ var Table = React10.forwardRef(({
   ...props
 }, ref) => {
   const striped = variant === "striped";
-  const childrenWithProps = React10.Children.map(props.children, (child) => {
-    if (React10.isValidElement(child)) {
+  const childrenWithProps = React24.Children.map(props.children, (child) => {
+    if (React24.isValidElement(child)) {
       if (child.type === "tbody") {
         const tbodyProps = child.props;
-        return React10.cloneElement(child, {
+        return React24.cloneElement(child, {
           className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
         });
       }
@@ -3677,10 +3696,10 @@ var Table = React10.forwardRef(({
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
+var TableHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React10.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  const hasChildren = React10.Children.count(children) > 0;
+var TableBody = React24.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
+  const hasChildren = React24.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
     "tbody",
     {
@@ -3692,7 +3711,7 @@ var TableBody = React10.forwardRef(({ className, emptyContent, emptyMessage = "N
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -3701,7 +3720,7 @@ var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -3713,7 +3732,7 @@ var TableRow = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React10.forwardRef(
+var TableHead = React24.forwardRef(
   ({ className, sortable, sorted, onSort, align = "left", children, ...props }, ref) => {
     const renderSortIcon = () => {
       if (!sortable)
@@ -3801,7 +3820,7 @@ var TableHead = React10.forwardRef(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = React10.forwardRef(({ className, align = "left", ...props }, ref) => {
+var TableCell = React24.forwardRef(({ className, align = "left", ...props }, ref) => {
   const alignmentClass = {
     left: "text-left",
     center: "text-center",
@@ -3817,7 +3836,7 @@ var TableCell = React10.forwardRef(({ className, align = "left", ...props }, ref
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -3837,8 +3856,8 @@ function DataTableBasic({
   emptyMessage = "No results found.",
   className
 }) {
-  const [sorting, setSorting] = React10.useState([]);
-  const [globalFilter, setGlobalFilter] = React10.useState("");
+  const [sorting, setSorting] = React24.useState([]);
+  const [globalFilter, setGlobalFilter] = React24.useState("");
   const table = useReactTable({
     data,
     columns,
@@ -4001,7 +4020,7 @@ var datePickerVariants = cva(
     }
   }
 );
-function DatePicker({
+var DatePicker = React24.forwardRef(function DatePicker2({
   className,
   variant,
   size,
@@ -4023,10 +4042,10 @@ function DatePicker({
   calendarProps,
   disabled,
   ...props
-}) {
-  const [open, setOpen] = React10.useState(false);
-  const [internalDate, setInternalDate] = React10.useState(value);
-  React10.useEffect(() => {
+}, ref) {
+  const [open, setOpen] = React24.useState(false);
+  const [internalDate, setInternalDate] = React24.useState(value);
+  React24.useEffect(() => {
     setInternalDate(value);
   }, [value]);
   const handleSelect = (date) => {
@@ -4058,7 +4077,7 @@ function DatePicker({
   };
   const displayValue = internalDate && isValid(internalDate) ? format(internalDate, formatString) : null;
   const iconElement = icon || /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" });
-  return /* @__PURE__ */ jsx("div", { className: "moonui-theme", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsx("div", { ref, className: "moonui-theme", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
       {
@@ -4135,7 +4154,7 @@ function DatePicker({
     /* @__PURE__ */ jsx(
       PopoverContent,
       {
-        className: "w-[360px] p-0 shadow-2xl rounded-2xl border border-gray-200 dark:border-gray-700 bg-background/95 backdrop-blur-sm !z-[9999]",
+        className: "w-[360px] p-0 shadow-2xl rounded-2xl border border-border bg-background/95 backdrop-blur-sm !z-[9999]",
         align: "start",
         sideOffset: 12,
         children: /* @__PURE__ */ jsxs(
@@ -4172,8 +4191,9 @@ function DatePicker({
       }
     )
   ] }) });
-}
-function DateRangePicker({
+});
+DatePicker.displayName = "DatePicker";
+var DateRangePicker = React24.forwardRef(function DateRangePicker2({
   className,
   value,
   onChange,
@@ -4181,10 +4201,10 @@ function DateRangePicker({
   formatString = "LLL dd, y",
   separator = " - ",
   ...props
-}) {
-  const [open, setOpen] = React10.useState(false);
-  const [internalRange, setInternalRange] = React10.useState(value);
-  React10.useEffect(() => {
+}, ref) {
+  const [open, setOpen] = React24.useState(false);
+  const [internalRange, setInternalRange] = React24.useState(value);
+  React24.useEffect(() => {
     setInternalRange(value);
   }, [value]);
   const handleSelect = (range) => {
@@ -4194,7 +4214,7 @@ function DateRangePicker({
       setOpen(false);
     }
   };
-  const displayValue = React10.useMemo(() => {
+  const displayValue = React24.useMemo(() => {
     if (!internalRange?.from)
       return null;
     if (!internalRange?.to) {
@@ -4209,6 +4229,7 @@ function DateRangePicker({
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
       {
+        ref,
         variant: props.variant === "ghost" ? "ghost" : "outline",
         className: cn(
           datePickerVariants({
@@ -4226,7 +4247,7 @@ function DateRangePicker({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0 shadow-2xl rounded-2xl border border-gray-200 dark:border-gray-700 bg-background/95 backdrop-blur-sm !z-[9999]", align: "start", sideOffset: 12, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0 shadow-2xl rounded-2xl border border-border bg-background/95 backdrop-blur-sm !z-[9999]", align: "start", sideOffset: 12, children: /* @__PURE__ */ jsx(
       Calendar,
       {
         mode: "range",
@@ -4239,8 +4260,9 @@ function DateRangePicker({
       }
     ) })
   ] });
-}
-function DateTimePicker({
+});
+DateRangePicker.displayName = "DateRangePicker";
+var DateTimePicker = React24.forwardRef(function DateTimePicker2({
   value,
   onChange,
   formatString = "PPP p",
@@ -4248,9 +4270,9 @@ function DateTimePicker({
   timeFormat = "24",
   timeInterval = 15,
   ...props
-}) {
-  const [date, setDate] = React10.useState(value);
-  const [time, setTime] = React10.useState(
+}, ref) {
+  const [date, setDate] = React24.useState(value);
+  const [time, setTime] = React24.useState(
     value ? format(value, timeFormat === "24" ? "HH:mm" : "hh:mm a") : "00:00"
   );
   const handleDateChange = (newDate) => {
@@ -4275,7 +4297,7 @@ function DateTimePicker({
       onChange?.(newDate);
     }
   };
-  const timeOptions = React10.useMemo(() => {
+  const timeOptions = React24.useMemo(() => {
     const options = [];
     for (let h = 0; h < 24; h++) {
       for (let m = 0; m < 60; m += timeInterval) {
@@ -4294,7 +4316,7 @@ function DateTimePicker({
     }
     return options;
   }, [timeFormat, timeInterval]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsx(
       DatePicker,
       {
@@ -4327,16 +4349,17 @@ function DateTimePicker({
       }
     )
   ] });
-}
-function MonthPicker({
+});
+DateTimePicker.displayName = "DateTimePicker";
+var MonthPicker = React24.forwardRef(function MonthPicker2({
   value,
   onChange,
   placeholder = "Pick a month",
   formatString = "MMMM yyyy",
   ...props
-}) {
-  const [open, setOpen] = React10.useState(false);
-  const [viewDate, setViewDate] = React10.useState(value || /* @__PURE__ */ new Date());
+}, ref) {
+  const [open, setOpen] = React24.useState(false);
+  const [viewDate, setViewDate] = React24.useState(value || /* @__PURE__ */ new Date());
   const months = [
     "January",
     "February",
@@ -4367,6 +4390,7 @@ function MonthPicker({
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
       {
+        ref,
         variant: props.variant === "default" ? "outline" : props.variant || "outline",
         className: cn(
           datePickerVariants({
@@ -4384,13 +4408,14 @@ function MonthPicker({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 p-0 shadow-2xl border border-gray-200 dark:border-gray-700 bg-background !z-[9999]", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 p-0 shadow-2xl border border-border bg-background !z-[9999]", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ jsx(
           Button,
           {
             variant: "outline",
             size: "icon",
+            "aria-label": `Previous year, ${viewDate.getFullYear() - 1}`,
             onClick: () => handleYearChange(-1),
             children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
           }
@@ -4401,6 +4426,7 @@ function MonthPicker({
           {
             variant: "outline",
             size: "icon",
+            "aria-label": `Next year, ${viewDate.getFullYear() + 1}`,
             onClick: () => handleYearChange(1),
             children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
           }
@@ -4419,7 +4445,8 @@ function MonthPicker({
       )) })
     ] }) })
   ] });
-}
+});
+MonthPicker.displayName = "MonthPicker";
 function DraggableList({
   items,
   onReorder,
@@ -4428,7 +4455,7 @@ function DraggableList({
   className,
   disabled = false
 }) {
-  const [draggedIndex, setDraggedIndex] = React10.useState(null);
+  const [draggedIndex, setDraggedIndex] = React24.useState(null);
   const handleDragStart = (e, index) => {
     if (disabled)
       return;
@@ -4480,7 +4507,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4497,7 +4524,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -4509,7 +4536,7 @@ var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4522,7 +4549,7 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4535,7 +4562,7 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4552,7 +4579,7 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4568,7 +4595,7 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4581,7 +4608,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -4670,7 +4697,7 @@ var progressIndicatorVariants = cva(
     }
   }
 );
-var Progress = React10.forwardRef(({
+var Progress = React24.forwardRef(({
   className,
   value = 0,
   variant,
@@ -4799,7 +4826,7 @@ var FileItem = ({
     }
   );
 };
-var FileUpload = React10__default.forwardRef(
+var FileUpload = React24__default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -4959,6 +4986,7 @@ var FileUpload = React10__default.forwardRef(
                 multiple,
                 disabled,
                 onChange: handleFileSelect,
+                "aria-label": multiple ? "Choose files to upload" : "Choose a file to upload",
                 className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer"
               }
             ),
@@ -5021,7 +5049,7 @@ var FileUpload = React10__default.forwardRef(
   }
 );
 FileUpload.displayName = "FileUpload";
-var GestureDrawer = React10__default.forwardRef(
+var GestureDrawer = React24__default.forwardRef(
   ({
     children,
     isOpen,
@@ -5292,10 +5320,11 @@ function GitHubStarButton({
     }
   );
 }
-var InputOTP = React10.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTP = React24.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
   OTPInput,
   {
     ref,
+    "aria-label": "One-time password",
     containerClassName: cn(
       "moonui-theme",
       "flex items-center gap-2 has-[:disabled]:opacity-50",
@@ -5306,7 +5335,7 @@ var InputOTP = React10.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var inputOTPSlotVariants = cva(
   [
@@ -5328,9 +5357,9 @@ var inputOTPSlotVariants = cva(
     }
   }
 );
-var InputOTPSlot = React10.forwardRef(
+var InputOTPSlot = React24.forwardRef(
   ({ index, className, ...props }, ref) => {
-    const inputOTPContext = React10.useContext(OTPInputContext);
+    const inputOTPContext = React24.useContext(OTPInputContext);
     const slot = inputOTPContext?.slots?.[index];
     const char = slot?.char;
     const hasFakeCaret = slot?.hasFakeCaret;
@@ -5352,7 +5381,7 @@ var InputOTPSlot = React10.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTPSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -5651,7 +5680,7 @@ function MoonLogo({
   showText = true,
   ...props
 }) {
-  const logoId = React10.useId();
+  const logoId = React24.useId();
   const gradientId = `moon-gradient-${logoId}`;
   const maskId = `moon-mask-${logoId}`;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
@@ -5733,7 +5762,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -5742,7 +5771,7 @@ var PaginationContent = React10.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
+var PaginationItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -5818,41 +5847,62 @@ var Select = SelectPrimitive.Root;
 Select.displayName = "Select";
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React10.forwardRef(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
+var selectTriggerVariants = cva(
+  [
+    "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
+    "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+    "focus-visible:outline-none text-foreground"
+  ],
+  {
+    variants: {
+      variant: {
+        standard: "border border-input bg-background hover:border-ring focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
+        outline: "border border-input bg-transparent hover:border-ring focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
+        ghost: "border-none bg-muted hover:bg-muted/80 focus-visible:ring-2 focus-visible:ring-primary/30",
+        underline: "border-t-0 border-l-0 border-r-0 border-b border-input rounded-none px-0 bg-transparent hover:border-ring focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary"
+      },
+      size: {
+        sm: "h-8 text-xs px-2",
+        md: "h-10 text-sm px-3",
+        lg: "h-12 text-base px-4"
+      },
+      state: {
+        none: "",
+        error: "border-error focus-visible:ring-error/30 focus-visible:border-error",
+        success: "border-success focus-visible:ring-success/30 focus-visible:border-success"
+      }
+    },
+    defaultVariants: {
+      variant: "standard",
+      size: "md",
+      state: "none"
+    }
+  }
+);
+var SelectTrigger = React24.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
     className: cn(
-      /* Base styles */
-      "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
-      "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      "focus-visible:outline-none",
-      /* Error state */
-      error && "border-error focus-visible:ring-error/30 focus-visible:border-error",
-      /* Success state */
-      success && "border-success focus-visible:ring-success/30 focus-visible:border-success",
-      /* Size variants */
-      size === "sm" && "h-8 text-xs px-2",
-      size === "md" && "h-10 text-sm px-3",
-      size === "lg" && "h-12 text-base px-4",
-      /* Visual variants */
-      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10 dark:text-gray-200 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",
-      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent dark:text-gray-200 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",
-      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 dark:shadow-inner dark:shadow-gray-950/10 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20",
-      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 dark:text-gray-200 dark:bg-transparent 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",
+      selectTriggerVariants({
+        variant,
+        size,
+        state: error ? "error" : success ? "success" : "none"
+      }),
       className
     ),
     ...props,
     disabled: props.disabled || loading,
+    "aria-invalid": error ? true : void 0,
     "data-error": error ? true : void 0,
     "data-success": success ? true : void 0,
     "data-loading": loading ? true : void 0,
     children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-1 gap-2", children: [
-        leftIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center text-gray-500 dark:text-gray-400", children: leftIcon }),
+        leftIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center text-muted-foreground", children: leftIcon }),
         loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground dark:text-gray-400" }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground dark:text-gray-400", children: "Loading..." })
+          /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Loading..." })
         ] }) : children
       ] }),
       !loading && /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: rightIcon ? /* @__PURE__ */ jsx("span", { className: "opacity-60", children: rightIcon }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-60 transition-transform duration-200 ease-out group-data-[state=open]:rotate-180" }) })
@@ -5860,7 +5910,7 @@ var SelectTrigger = React10.forwardRef(({ className, children, variant = "standa
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5873,7 +5923,7 @@ var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -5886,7 +5936,7 @@ var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React10.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React24.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -5927,7 +5977,7 @@ var SelectContent = React10.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -5936,7 +5986,7 @@ var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React10.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React24.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -5966,7 +6016,7 @@ var SelectItem = React10.forwardRef(({ className, children, variant = "default",
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6048,7 +6098,7 @@ var getMaxLength = (countryCode) => {
       return 15;
   }
 };
-var PhoneInput = React10.forwardRef(
+var PhoneInput = React24.forwardRef(
   ({
     className,
     value = "",
@@ -6060,8 +6110,8 @@ var PhoneInput = React10.forwardRef(
     size,
     ...props
   }, ref) => {
-    const [countryCode, setCountryCode] = React10.useState(defaultCountry);
-    const [phoneNumber, setPhoneNumber] = React10.useState(value);
+    const [countryCode, setCountryCode] = React24.useState(defaultCountry);
+    const [phoneNumber, setPhoneNumber] = React24.useState(value);
     const selectedCountry = countries.find((c) => c.code === countryCode) || countries[0];
     const handlePhoneChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
@@ -6132,15 +6182,15 @@ var radioGroupItemVariants = cva(
     }
   }
 );
-var RadioGroupContext = React10.createContext({});
-var RadioGroup2 = React10.forwardRef(
+var RadioGroupContext = React24.createContext({});
+var RadioGroup2 = React24.forwardRef(
   ({ className, value, defaultValue, onValueChange, disabled, name, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React10.useState(
+    const [internalValue, setInternalValue] = React24.useState(
       defaultValue
     );
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
-    const handleValueChange = React10.useCallback(
+    const handleValueChange = React24.useCallback(
       (next) => {
         if (!isControlled) {
           setInternalValue(next);
@@ -6172,9 +6222,9 @@ var RadioGroup2 = React10.forwardRef(
   }
 );
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React10.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  const radioGroup = React10.useContext(RadioGroupContext);
-  const generatedId = React10.useId();
+var RadioGroupItem = React24.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React24.useContext(RadioGroupContext);
+  const generatedId = React24.useId();
   const radioId = id || generatedId;
   const isChecked = radioGroup.value === value;
   const handleChange = (e) => {
@@ -6227,7 +6277,7 @@ var RadioGroupItem = React10.forwardRef(({ className, variant, size, indicator,
   ] });
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioLabel = React10.forwardRef(
+var RadioLabel = React24.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -6246,13 +6296,13 @@ var RadioLabel = React10.forwardRef(
   }
 );
 RadioLabel.displayName = "RadioLabel";
-var RadioItemWithLabel = React10.forwardRef(({
+var RadioItemWithLabel = React24.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  const generatedId = React10.useId();
+  const generatedId = React24.useId();
   const radioId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
@@ -6329,7 +6379,7 @@ function RichTextEditor({
     )
   ] });
 }
-var ScrollArea = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -6343,7 +6393,7 @@ var ScrollArea = React10.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React10.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6397,7 +6447,7 @@ var defaultTransition = {
   ease: [0.25, 0.46, 0.45, 0.94]
   // Custom cubic-bezier for smooth motion
 };
-var ScrollReveal = React10.forwardRef(
+var ScrollReveal = React24.forwardRef(
   ({
     children,
     direction = "up",
@@ -6418,17 +6468,17 @@ var ScrollReveal = React10.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const animationVariants = React10.useMemo(() => {
+    const animationVariants = React24.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React10.useMemo(() => ({
+    const transition = React24.useMemo(() => ({
       ...defaultTransition,
       duration,
       delay: delay + stagger
     }), [duration, delay, stagger]);
-    const viewportConfig = React10.useMemo(() => ({
+    const viewportConfig = React24.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6463,7 +6513,7 @@ var ScrollReveal = React10.forwardRef(
   }
 );
 ScrollReveal.displayName = "ScrollReveal";
-var ScrollRevealContainer = React10.forwardRef(
+var ScrollRevealContainer = React24.forwardRef(
   ({
     children,
     stagger = 0.1,
@@ -6476,7 +6526,7 @@ var ScrollRevealContainer = React10.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const viewportConfig = React10.useMemo(() => ({
+    const viewportConfig = React24.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6507,7 +6557,7 @@ var ScrollRevealContainer = React10.forwardRef(
   }
 );
 ScrollRevealContainer.displayName = "ScrollRevealContainer";
-var ScrollRevealItem = React10.forwardRef(
+var ScrollRevealItem = React24.forwardRef(
   ({
     children,
     direction = "up",
@@ -6518,12 +6568,12 @@ var ScrollRevealItem = React10.forwardRef(
     style,
     id
   }, ref) => {
-    const animationVariants = React10.useMemo(() => {
+    const animationVariants = React24.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React10.useMemo(() => ({
+    const transition = React24.useMemo(() => ({
       ...defaultTransition,
       duration
     }), [duration]);
@@ -6639,7 +6689,7 @@ var separatorVariants = cva(
     }
   }
 );
-var Separator3 = React10.forwardRef(
+var Separator3 = React24.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -6682,7 +6732,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React10.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -6718,7 +6768,7 @@ var tooltipVariants = cva(
 );
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipArrow = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipArrow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -6727,7 +6777,7 @@ var TooltipArrow = React10.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var TooltipContent = React10.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
+var TooltipContent = React24.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
     ref,
@@ -6741,7 +6791,7 @@ var TooltipContent = React10.forwardRef(({ className, variant, size, showArrow =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var SimpleTooltip = React10.forwardRef(
+var SimpleTooltip = React24.forwardRef(
   ({
     children,
     content,
@@ -6795,6 +6845,7 @@ var ToolbarButton = ({ icon, tooltip, active, onClick, disabled }) => /* @__PURE
       pressed: active,
       onPressedChange: () => onClick(),
       disabled,
+      "aria-label": tooltip,
       className: "h-8 w-8 p-0",
       children: icon
     }
@@ -6819,14 +6870,16 @@ var ColorPicker2 = ({ onColorSelect }) => {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-1 p-2", children: colors.map((color) => /* @__PURE__ */ jsx(
     "button",
     {
-      className: "w-6 h-6 rounded border-2 border-gray-200 hover:border-gray-400",
+      type: "button",
+      "aria-label": `Select color ${color}`,
+      className: "w-6 h-6 rounded border-2 border-border hover:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       style: { backgroundColor: color },
       onClick: () => onColorSelect(color)
     },
     color
   )) });
 };
-var SimpleEditor = React10__default.forwardRef(
+var SimpleEditor = React24__default.forwardRef(
   ({
     value = "",
     onChange,
@@ -6843,8 +6896,8 @@ var SimpleEditor = React10__default.forwardRef(
     const [isPreview, setIsPreview] = useState(false);
     const [sourceContent, setSourceContent] = useState(value);
     useState(null);
-    const editorRef = React10__default.useRef(null);
-    const sourceRef = React10__default.useRef(null);
+    const editorRef = React24__default.useRef(null);
+    const sourceRef = React24__default.useRef(null);
     const [formatState, setFormatState] = useState({
       bold: false,
       italic: false,
@@ -6978,12 +7031,12 @@ var SimpleEditor = React10__default.forwardRef(
         }
       }
     }, [executeCommand, updateContent]);
-    React10__default.useEffect(() => {
+    React24__default.useEffect(() => {
       if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
-    React10__default.useEffect(() => {
+    React24__default.useEffect(() => {
       if (value !== void 0 && value !== content) {
         setContent(value);
         setSourceContent(value);
@@ -7298,10 +7351,15 @@ var SimpleEditor = React10__default.forwardRef(
                 ref: editorRef,
                 contentEditable: !disabled,
                 suppressContentEditableWarning: true,
+                role: "textbox",
+                "aria-multiline": "true",
+                "aria-label": placeholder,
+                "aria-disabled": disabled || void 0,
                 className: cn(
                   "p-4 outline-none prose prose-sm dark:prose-invert max-w-none overflow-y-auto",
-                  "bg-slate-50 dark:bg-zinc-900/95",
-                  "text-gray-900 dark:text-gray-100",
+                  // Token'a bağlandı (önce `bg-slate-50 dark:bg-zinc-900/95` ve
+                  // `text-gray-900 dark:text-gray-100` hardcode'luydu).
+                  "bg-background text-foreground",
                   "focus:ring-0",
                   "[&_h1]:text-3xl [&_h1]:font-bold [&_h1]:mb-4",
                   "[&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mb-3",
@@ -7388,7 +7446,7 @@ var skeletonVariants = cva(
     }
   }
 );
-var Skeleton = React10.forwardRef(
+var Skeleton = React24.forwardRef(
   ({
     className,
     variant,
@@ -7472,7 +7530,7 @@ var Skeleton = React10.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React10.forwardRef(
+var SkeletonText = React24.forwardRef(
   ({
     className,
     lines = 3,
@@ -7513,7 +7571,7 @@ var SkeletonText = React10.forwardRef(
   }
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = React10.forwardRef(
+var SkeletonAvatar = React24.forwardRef(
   ({
     className,
     size = "2.5rem",
@@ -7539,7 +7597,7 @@ var SkeletonAvatar = React10.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React10.forwardRef(
+var SkeletonCard = React24.forwardRef(
   ({
     className,
     showHeader = true,
@@ -7613,11 +7671,11 @@ var SkeletonCard = React10.forwardRef(
   }
 );
 SkeletonCard.displayName = "SkeletonCard";
-var SwipeableCard = React10.forwardRef(
+var SwipeableCard = React24.forwardRef(
   ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
-    const [startX, setStartX] = React10.useState(0);
-    const [currentX, setCurrentX] = React10.useState(0);
-    const [isSwiping, setIsSwiping] = React10.useState(false);
+    const [startX, setStartX] = React24.useState(0);
+    const [currentX, setCurrentX] = React24.useState(0);
+    const [isSwiping, setIsSwiping] = React24.useState(false);
     const handleTouchStart = (e) => {
       if (disabled)
         return;
@@ -7663,54 +7721,95 @@ var SwipeableCard = React10.forwardRef(
   }
 );
 SwipeableCard.displayName = "SwipeableCard";
-var Switch = React10.forwardRef(({ className, size = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "moonui-theme inline-flex items-center gap-2", children: [
-  leftIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: leftIcon }),
-  /* @__PURE__ */ jsxs(
-    SwitchPrimitives.Root,
-    {
-      className: cn(
-        "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 dark:data-[state=unchecked]:bg-gray-700/70 dark:focus-visible:ring-primary/40 dark:focus-visible:ring-offset-gray-950",
-        // Boyutlar
-        size === "sm" && "h-4 w-8",
-        size === "md" && "h-6 w-11",
-        size === "lg" && "h-7 w-14",
-        // Varyantlar (checked durumunda)
-        variant === "primary" && "data-[state=checked]:bg-primary",
-        variant === "success" && "data-[state=checked]:bg-success",
-        variant === "warning" && "data-[state=checked]:bg-warning",
-        variant === "danger" && "data-[state=checked]:bg-error",
-        variant === "secondary" && "data-[state=checked]:bg-accent",
-        // Unchecked durumu
-        "data-[state=unchecked]:bg-input",
-        // Loading durumu
-        loading && "opacity-80 cursor-wait",
-        className
-      ),
-      disabled: loading || props.disabled,
-      ...props,
-      ref,
-      children: [
-        loading ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-gray-300 border-t-primary" }) }) : null,
-        /* @__PURE__ */ jsx(
-          SwitchPrimitives.Thumb,
-          {
-            className: cn(
-              "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
-              // Boyuta göre thumb boyutları
-              size === "sm" && "h-3 w-3 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
-              size === "md" && "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
-              size === "lg" && "h-6 w-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0"
-            )
-          }
-        )
-      ]
+var switchVariants = cva(
+  [
+    "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full",
+    "border-2 border-transparent transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Kapalı durum token'a bağlı; `--input` karanlık modda kendi değerini taşır.
+    // (Önceden ayrıca `dark:data-[state=unchecked]:bg-gray-700/70` hardcode'u
+    // vardı ve token'ı eziyordu — kaldırıldı.)
+    "data-[state=unchecked]:bg-input",
+    "dark:focus-visible:ring-primary/40"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-8",
+        md: "h-6 w-11",
+        lg: "h-7 w-14"
+      },
+      variant: {
+        primary: "data-[state=checked]:bg-primary",
+        success: "data-[state=checked]:bg-success",
+        warning: "data-[state=checked]:bg-warning",
+        destructive: "data-[state=checked]:bg-error",
+        secondary: "data-[state=checked]:bg-accent"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "primary"
     }
-  ),
-  rightIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: rightIcon }),
-  description && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description })
-] }));
+  }
+);
+var switchThumbVariants = cva(
+  "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "h-3 w-3 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+        md: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Switch = React24.forwardRef(({
+  className,
+  size,
+  variant,
+  loading,
+  leftIcon,
+  rightIcon,
+  description,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}, ref) => {
+  const reactId = React24.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: [
+    leftIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: leftIcon }),
+    /* @__PURE__ */ jsxs(
+      SwitchPrimitives.Root,
+      {
+        className: cn(
+          switchVariants({ size, variant }),
+          loading && "opacity-80 cursor-wait",
+          className
+        ),
+        disabled: loading || props.disabled,
+        "aria-describedby": describedBy,
+        ...props,
+        ref,
+        children: [
+          loading ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-muted border-t-primary" }) }) : null,
+          /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+        ]
+      }
+    ),
+    rightIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: rightIcon }),
+    description && /* @__PURE__ */ jsx("span", { id: descriptionId, className: "text-sm text-muted-foreground", children: description })
+  ] });
+});
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var TagsInput = React10.forwardRef(
+var TagsInput = React24.forwardRef(
   ({
     value = [],
     onChange,
@@ -7723,14 +7822,63 @@ var TagsInput = React10.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const [inputValue, setInputValue] = React10.useState("");
-    const [error, setError] = React10.useState("");
+    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 focusTag = (index) => {
+      if (value.length === 0)
+        return;
+      const clamped = Math.max(0, Math.min(value.length - 1, index));
+      tagButtonRefs.current[clamped]?.focus();
+    };
     const handleKeyDown = (e) => {
       if (e.key === "Enter" || e.key === delimiter) {
         e.preventDefault();
         addTag();
       } else if (e.key === "Backspace" && inputValue === "" && value.length > 0) {
         removeTag(value.length - 1);
+      } else if (e.key === "ArrowLeft" && inputValue === "" && value.length > 0) {
+        e.preventDefault();
+        focusTag(value.length - 1);
+      }
+    };
+    const handleTagKeyDown = (index) => (e) => {
+      switch (e.key) {
+        case "ArrowLeft":
+          e.preventDefault();
+          focusTag(index - 1);
+          break;
+        case "ArrowRight":
+          e.preventDefault();
+          if (index >= value.length - 1)
+            innerInputRef.current?.focus();
+          else
+            focusTag(index + 1);
+          break;
+        case "Home":
+          e.preventDefault();
+          focusTag(0);
+          break;
+        case "End":
+          e.preventDefault();
+          focusTag(value.length - 1);
+          break;
+        case "Delete":
+        case "Backspace": {
+          e.preventDefault();
+          const remaining = value.length - 1;
+          removeTag(index);
+          requestAnimationFrame(() => {
+            if (remaining > 0)
+              focusTag(Math.min(index, remaining - 1));
+            else
+              innerInputRef.current?.focus();
+          });
+          break;
+        }
       }
     };
     const addTag = () => {
@@ -7762,36 +7910,35 @@ var TagsInput = React10.forwardRef(
         {
           className: cn(
             "flex items-center min-h-[2.5rem] w-full flex-wrap gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
-            "dark:bg-zinc-950/50 dark:border-zinc-800",
+            // NOT: burada `dark:bg-zinc-950/50 dark:border-zinc-800` hardcode'u
+            // vardı ve aynı satırdaki `bg-background`/`border-input` token'larını
+            // karanlık modda eziyordu. Token'lar zaten dark-mode duyarlı.
             "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
             disabled && "cursor-not-allowed opacity-50",
             className
           ),
           children: [
-            value.map((tag, index) => /* @__PURE__ */ jsxs(
-              Badge,
-              {
-                variant,
-                className: "gap-1 pr-1.5",
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-xs", children: tag }),
-                  !disabled && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => removeTag(index),
-                      className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                      children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 text-muted-foreground hover:text-foreground transition-colors" })
-                    }
-                  )
-                ]
-              },
-              index
-            )),
+            value.map((tag, index) => /* @__PURE__ */ jsxs(Badge, { variant, className: "gap-1 pr-1.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs", children: tag }),
+              !disabled && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  ref: (el) => {
+                    tagButtonRefs.current[index] = el;
+                  },
+                  type: "button",
+                  "aria-label": `Remove ${tag}`,
+                  onClick: () => removeTag(index),
+                  onKeyDown: handleTagKeyDown(index),
+                  className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                  children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 text-muted-foreground hover:text-foreground transition-colors" })
+                }
+              )
+            ] }, index)),
             /* @__PURE__ */ jsx(
               "input",
               {
-                ref,
+                ref: innerInputRef,
                 type: "text",
                 value: inputValue,
                 onChange: (e) => setInputValue(e.target.value),
@@ -7799,9 +7946,11 @@ var TagsInput = React10.forwardRef(
                 onBlur: addTag,
                 disabled,
                 placeholder: value.length === 0 ? placeholder : "",
+                "aria-label": "Add tag",
+                "aria-describedby": error ? errorId : void 0,
+                "aria-invalid": error ? true : void 0,
                 className: cn(
                   "flex-1 bg-transparent outline-none placeholder:text-muted-foreground",
-                  "dark:placeholder:text-zinc-500",
                   "min-w-[120px]",
                   disabled && "cursor-not-allowed"
                 ),
@@ -7811,7 +7960,7 @@ var TagsInput = React10.forwardRef(
           ]
         }
       ),
-      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: error })
+      error && /* @__PURE__ */ jsx("p", { id: errorId, role: "status", className: "mt-1 text-xs text-destructive", children: error })
     ] });
   }
 );
@@ -7855,7 +8004,7 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React10.forwardRef(
+var Textarea = React24.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -7875,10 +8024,12 @@ var Textarea = React10.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const textareaRef = React10.useRef(null);
-    const [internalValue, setInternalValue] = React10.useState(value || defaultValue || "");
-    React10.useImperativeHandle(ref, () => textareaRef.current);
-    const adjustHeight = React10.useCallback(() => {
+    const reactId = React24.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 textarea = textareaRef.current;
       if (!textarea || !autoResize)
         return;
@@ -7892,10 +8043,10 @@ var Textarea = React10.forwardRef(
         textarea.style.overflowY = "hidden";
       }
     }, [autoResize, maxHeight]);
-    React10.useEffect(() => {
+    React24.useEffect(() => {
       adjustHeight();
     }, [internalValue, adjustHeight]);
-    React10.useEffect(() => {
+    React24.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -7931,7 +8082,7 @@ var Textarea = React10.forwardRef(
             onChange: handleChange,
             maxLength,
             "aria-invalid": !!error || void 0,
-            "aria-describedby": errorMessage ? `${props.id || ""}-error` : successMessage ? `${props.id || ""}-success` : void 0,
+            "aria-describedby": errorMessage ? `${fieldId}-error` : successMessage ? `${fieldId}-success` : void 0,
             ...props
           }
         ),
@@ -7947,7 +8098,7 @@ var Textarea = React10.forwardRef(
               successMessage && "text-success",
               messageClassName
             ),
-            id: errorMessage ? `${props.id || ""}-error` : successMessage ? `${props.id || ""}-success` : void 0,
+            id: errorMessage ? `${fieldId}-error` : successMessage ? `${fieldId}-success` : void 0,
             children: errorMessage || successMessage
           }
         ),
@@ -7961,7 +8112,7 @@ var Textarea = React10.forwardRef(
 );
 Textarea.displayName = "Textarea";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastViewport = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7990,7 +8141,7 @@ var toastVariants = cva(
     }
   }
 );
-var Toast = React10.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React24.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
@@ -8001,7 +8152,7 @@ var Toast = React10.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastAction = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -8013,7 +8164,7 @@ var ToastAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastClose = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -8027,7 +8178,7 @@ var ToastClose = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -8036,7 +8187,7 @@ var ToastTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -8144,8 +8295,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React10.useState(memoryState);
-  React10.useEffect(() => {
+  const [state, setState] = React24.useState(memoryState);
+  React24.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -8198,7 +8349,7 @@ var kbdVariants = cva(
     }
   }
 );
-var Kbd = React10.forwardRef(
+var Kbd = React24.forwardRef(
   ({ className, size, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "kbd",
@@ -8235,7 +8386,7 @@ var iconSizeMap = {
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React10.forwardRef(
+var Rating = React24.forwardRef(
   ({
     className,
     value,
@@ -8253,11 +8404,11 @@ var Rating = React10.forwardRef(
     const iconSizeClass = iconSizeMap[resolvedSize];
     const step = precision === "half" ? 0.5 : 1;
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React10.useState(defaultValue ?? 0);
+    const [internalValue, setInternalValue] = React24.useState(defaultValue ?? 0);
     const currentValue = isControlled ? value ?? 0 : internalValue;
-    const [hoverValue, setHoverValue] = React10.useState(null);
+    const [hoverValue, setHoverValue] = React24.useState(null);
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
-    const commit = React10.useCallback(
+    const commit = React24.useCallback(
       (next) => {
         if (readOnly)
           return;
@@ -8267,7 +8418,7 @@ var Rating = React10.forwardRef(
       },
       [readOnly, isControlled, onValueChange]
     );
-    const handleKeyDown = React10.useCallback(
+    const handleKeyDown = React24.useCallback(
       (event) => {
         if (readOnly)
           return;
@@ -8296,9 +8447,9 @@ var Rating = React10.forwardRef(
       [readOnly, max, currentValue, step, commit]
     );
     const renderIcon = (filled) => {
-      if (React10.isValidElement(icon)) {
+      if (React24.isValidElement(icon)) {
         const element = icon;
-        return React10.cloneElement(element, {
+        return React24.cloneElement(element, {
           className: cn(
             iconSizeClass,
             "shrink-0",
@@ -8432,7 +8583,7 @@ var dotSizeMap = {
   lg: "h-2 w-2",
   xl: "h-2.5 w-2.5"
 };
-var Spinner = React10.forwardRef(
+var Spinner = React24.forwardRef(
   ({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -8511,15 +8662,15 @@ var buttonGroupVariants = cva(
     }
   }
 );
-var ButtonGroup = React10.forwardRef(
+var ButtonGroup = React24.forwardRef(
   ({ className, orientation, attached, size, variant, children, ...props }, ref) => {
     const shouldPropagate = size !== void 0 || variant !== void 0;
-    const enhancedChildren = shouldPropagate ? React10.Children.map(children, (child) => {
-      if (!React10.isValidElement(child) || child.type !== Button) {
+    const enhancedChildren = shouldPropagate ? React24.Children.map(children, (child) => {
+      if (!React24.isValidElement(child) || child.type !== Button) {
         return child;
       }
       const childProps = child.props;
-      return React10.cloneElement(child, {
+      return React24.cloneElement(child, {
         size: childProps.size ?? size,
         variant: childProps.variant ?? variant
       });
@@ -8537,11 +8688,11 @@ var ButtonGroup = React10.forwardRef(
   }
 );
 ButtonGroup.displayName = "ButtonGroup";
-var ToggleGroupContext = React10.createContext({
+var ToggleGroupContext = React24.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React10.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React24.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -8558,8 +8709,8 @@ var ToggleGroup = React10.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React10.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React10.useContext(ToggleGroupContext);
+var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React24.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -8578,6 +8729,6 @@ var ToggleGroupItem = React10.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, toast, toggleVariants, tooltipVariants, useCarousel, useToast };
+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=out.js.map
 //# sourceMappingURL=index.mjs.map