@moontra/moonui 6.7.0 → 6.9.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React23 from 'react';
-import React23__default, { useState, useCallback, useEffect } from 'react';
+import * as React12 from 'react';
+import React12__default, { useState, useCallback, useEffect } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, CreditCard, ArrowLeft, ArrowRight, Minus, Search, Calendar as Calendar$1, Clock, ChevronLeft, ChevronRight, Circle, Upload, Dot, ChevronUp, Phone, Bold, Italic, Underline, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code, Link, Image, Palette, Undo, Redo, Edit, Eye, Copy, ArrowDown, ArrowUp, ArrowUpDown, CheckCircle, Star, GitFork, ExternalLink, Crown, Lock, Zap, Video, Music, FileText, File } from 'lucide-react';
 export { Palette, Pipette } from 'lucide-react';
@@ -10,6 +10,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { Slot } from '@radix-ui/react-slot';
 import { motion, AnimatePresence, useMotionValue, useTransform, animate } from 'framer-motion';
 import { isValid, format, isSameMonth, isToday, subMonths, addMonths, isSameDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek } from 'date-fns';
 export { format } from 'date-fns';
@@ -45,14 +46,14 @@ function readableText(node) {
   if (Array.isArray(node)) {
     return node.map(readableText).filter(Boolean).join(" ").trim();
   }
-  if (React23.isValidElement(node)) {
+  if (React12.isValidElement(node)) {
     const props = node.props;
     return readableText(props.children);
   }
   return "";
 }
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -61,7 +62,7 @@ var AccordionItem = React23.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -79,7 +80,7 @@ var AccordionTrigger = React23.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -132,7 +133,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React23.forwardRef(
+var Alert = React12.forwardRef(
   ({
     className,
     variant = "default",
@@ -144,7 +145,7 @@ var Alert = React23.forwardRef(
     children,
     ...props
   }, ref) => {
-    const Icon2 = React23.useMemo(() => {
+    const Icon2 = React12.useMemo(() => {
       switch (variant) {
         case "success":
           return Check;
@@ -192,7 +193,7 @@ var Alert = React23.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -205,7 +206,7 @@ var AlertTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -247,7 +248,7 @@ var aspectRatioVariants = cva(
     }
   }
 );
-var AspectRatio = React23.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AspectRatio = React12.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -296,7 +297,7 @@ var avatarVariants = cva(
     }
   }
 );
-var Avatar = React23.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React12.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -305,7 +306,7 @@ var Avatar = React23.forwardRef(({ className, size, radius, variant, ...props },
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -314,7 +315,7 @@ var AvatarImage = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -326,9 +327,9 @@ var AvatarFallback = React23.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarGroup = React23.forwardRef(
+var AvatarGroup = React12.forwardRef(
   ({ className, max, children, overlapOffset = -8, ...props }, ref) => {
-    const childrenArray = React23.Children.toArray(children);
+    const childrenArray = React12.Children.toArray(children);
     const visibleAvatars = max ? childrenArray.slice(0, max) : childrenArray;
     const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;
     return /* @__PURE__ */ jsx(
@@ -459,7 +460,7 @@ var badgeVariants = cva(
     }
   }
 );
-var Badge = React23.forwardRef(({
+var Badge = React12.forwardRef(({
   className,
   variant,
   size,
@@ -567,8 +568,11 @@ var breadcrumbVariants = cva(
     }
   }
 );
-var Breadcrumb = React23.forwardRef(
-  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbSeparatorContext = React12.createContext(void 0);
+var Breadcrumb = React12.forwardRef(
+  // #309: `separator` ve `showHomeIcon` ESKİDEN destructure EDİLMİYORDU → `{...props}` ile
+  // `<nav>`'a öznitelik olarak basılıyor, React uyarı veriyordu. İkisi de artık ayrılıyor.
+  ({ className, variant, size, separator, showHomeIcon: _showHomeIcon, ...props }, ref) => /* @__PURE__ */ jsx(BreadcrumbSeparatorContext.Provider, { value: separator, children: /* @__PURE__ */ jsx(
     "nav",
     {
       ref,
@@ -576,12 +580,12 @@ var Breadcrumb = React23.forwardRef(
       "aria-label": "breadcrumb",
       ...props
     }
-  )
+  ) })
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React23.forwardRef(
+var BreadcrumbList = React12.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    const childrenArray = React23.Children.toArray(props.children).filter(Boolean);
+    const childrenArray = React12.Children.toArray(props.children).filter(Boolean);
     const childCount = childrenArray.length;
     if (collapsed && childCount > collapsedWidth) {
       const firstItem = childrenArray[0];
@@ -617,26 +621,26 @@ var BreadcrumbList = React23.forwardRef(
   }
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React23.forwardRef(
-  ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React23.Fragment : href ? "a" : "span";
-    const itemProps = asChild ? {} : href ? { href } : {};
+var BreadcrumbItem = React12.forwardRef(
+  ({ className, isCurrent, href, asChild = false, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : href ? "a" : "span";
+    const itemProps = !asChild && href ? { href } : {};
     return /* @__PURE__ */ jsx(
       "li",
       {
         ref,
         className: cn("moonui-theme", "inline-flex items-center gap-1.5", className),
-        "aria-current": isCurrent ? "page" : void 0,
         ...props,
         children: /* @__PURE__ */ jsx(
           Comp,
           {
+            "aria-current": isCurrent ? "page" : void 0,
             className: cn(
               "transition-colors duration-200 hover:text-foreground",
               isCurrent ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:underline hover:underline-offset-4 hover:decoration-muted-foreground/30"
             ),
             ...itemProps,
-            children: props.children
+            children
           }
         )
       }
@@ -647,36 +651,53 @@ BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbSeparator = ({
   children,
   className,
+  icon,
   ...props
-}) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("moonui-theme", "text-muted-foreground opacity-70", className),
-    ...props,
-    children: children || /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
-  }
-);
+}) => {
+  const rootSeparator = React12.useContext(BreadcrumbSeparatorContext);
+  return (
+    // Ayraç tümüyle dekoratiftir → `aria-hidden` burada DOĞRU (ellipsis'in aksine içinde
+    // ekran-okuyucuya ait metin yok).
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("moonui-theme", "text-muted-foreground opacity-70", className),
+        ...props,
+        children: children || icon || rootSeparator || /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
+      }
+    )
+  );
+};
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
+  icon,
   ...props
-}) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("moonui-theme", "flex items-center text-muted-foreground hover:text-foreground/80 transition-colors duration-200", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
-    ]
-  }
+}) => (
+  // #309: `aria-hidden="true"` ESKİDEN BU ELEMANDAYDI → alt ağacın tamamı, içindeki
+  // `sr-only` "More pages" metni DAHİL, erişilebilirlik ağacından düşüyordu; yani metin
+  // hiçbir zaman duyurulmuyordu (eleman kendi amacını geçersiz kılıyordu). Gizleme artık
+  // yalnız dekoratif ikonda.
+  //
+  // `role="presentation"` KASITLI olarak korundu: span'in zaten örtük rolü yok, dolayısıyla
+  // zararsız ve alt ağacı GİZLEMEZ (aria-hidden'ın aksine) — kusur yalnız aria-hidden'dı.
+  /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "presentation",
+      className: cn("moonui-theme", "flex items-center text-muted-foreground hover:text-foreground/80 transition-colors duration-200", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex items-center", children: icon || /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  )
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var BreadcrumbLink = React23.forwardRef(
+var BreadcrumbLink = React12.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
     {
@@ -691,7 +712,7 @@ var BreadcrumbLink = React23.forwardRef(
   )
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React23.forwardRef(
+var BreadcrumbPage = React12.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -854,7 +875,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React23.forwardRef(
+var Button = React12.forwardRef(
   ({
     className,
     variant,
@@ -1069,7 +1090,7 @@ var cardVariants = cva(
     }
   }
 );
-var Card = React23.forwardRef(
+var Card = React12.forwardRef(
   ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
@@ -1097,7 +1118,7 @@ var Card = React23.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1106,7 +1127,7 @@ var CardHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -1115,7 +1136,7 @@ var CardTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -1124,9 +1145,9 @@ var CardDescription = React23.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
+var CardContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1147,7 +1168,7 @@ function Calendar({
   defaultMonth,
   ...props
 }) {
-  const [currentMonth, setCurrentMonth] = React23.useState(
+  const [currentMonth, setCurrentMonth] = React12.useState(
     defaultMonth || selected && selected || /* @__PURE__ */ new Date()
   );
   const weekDays = [
@@ -1361,9 +1382,9 @@ var formatCardNumber = (value, cardType) => {
   }
   return formatted;
 };
-var CardNumberInput = React23.forwardRef(
+var CardNumberInput = React12.forwardRef(
   ({ className, value = "", onChange, showIcon = true, size, ...props }, ref) => {
-    const [cardType, setCardType] = React23.useState("unknown");
+    const [cardType, setCardType] = React12.useState("unknown");
     const handleChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
       const detectedType = getCardType(rawValue);
@@ -1394,7 +1415,7 @@ var CardNumberInput = React23.forwardRef(
   }
 );
 CardNumberInput.displayName = "CardNumberInput";
-var CardExpiryInput = React23.forwardRef(
+var CardExpiryInput = React12.forwardRef(
   ({ className, value = "", onChange, size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value.replace(/\D/g, "");
@@ -1432,7 +1453,7 @@ var CardExpiryInput = React23.forwardRef(
   }
 );
 CardExpiryInput.displayName = "CardExpiryInput";
-var CardCVCInput = React23.forwardRef(
+var CardCVCInput = React12.forwardRef(
   ({ className, value = "", onChange, cardType = "unknown", size, ...props }, ref) => {
     const maxLength = cardType === "amex" ? 4 : 3;
     const handleChange = (e) => {
@@ -1457,7 +1478,7 @@ var CardCVCInput = React23.forwardRef(
   }
 );
 CardCVCInput.displayName = "CardCVCInput";
-var CardZipInput = React23.forwardRef(
+var CardZipInput = React12.forwardRef(
   ({ className, value = "", onChange, format: format4 = "US", size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value;
@@ -1508,15 +1529,15 @@ var CardZipInput = React23.forwardRef(
   }
 );
 CardZipInput.displayName = "CardZipInput";
-var CarouselContext = React23.createContext(null);
+var CarouselContext = React12.createContext(null);
 function useCarousel() {
-  const context = React23.useContext(CarouselContext);
+  const context = React12.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React23.forwardRef(
+var Carousel = React12.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1534,21 +1555,28 @@ var Carousel = React23.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React23.useState(false);
-    const [canScrollNext, setCanScrollNext] = React23.useState(false);
-    const onSelect = React23.useCallback((emblaApi) => {
+    const [canScrollPrev, setCanScrollPrev] = React12.useState(false);
+    const [canScrollNext, setCanScrollNext] = React12.useState(false);
+    const [slideState, setSlideState] = React12.useState(
+      { current: 0, total: 0 }
+    );
+    const onSelect = React12.useCallback((emblaApi) => {
       if (!emblaApi)
         return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
+      setSlideState({
+        current: emblaApi.selectedScrollSnap() + 1,
+        total: emblaApi.scrollSnapList().length
+      });
     }, []);
-    const scrollPrev = React23.useCallback(() => {
+    const scrollPrev = React12.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React23.useCallback(() => {
+    const scrollNext = React12.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React23.useCallback(
+    const handleKeyDown = React12.useCallback(
       (event) => {
         const prevKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
         const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -1562,12 +1590,12 @@ var Carousel = React23.forwardRef(
       },
       [resolvedOrientation, scrollPrev, scrollNext]
     );
-    React23.useEffect(() => {
+    React12.useEffect(() => {
       if (!api || !setApi)
         return;
       setApi(api);
     }, [api, setApi]);
-    React23.useEffect(() => {
+    React12.useEffect(() => {
       if (!api)
         return;
       onSelect(api);
@@ -1591,7 +1619,7 @@ var Carousel = React23.forwardRef(
           canScrollNext,
           orientation: resolvedOrientation
         },
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs(
           "div",
           {
             ref,
@@ -1600,7 +1628,10 @@ var Carousel = React23.forwardRef(
             role: "region",
             "aria-roledescription": "carousel",
             ...props,
-            children
+            children: [
+              children,
+              /* @__PURE__ */ jsx("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: slideState.total > 0 ? `Slide ${slideState.current} of ${slideState.total}` : "" })
+            ]
           }
         )
       }
@@ -1619,7 +1650,7 @@ var carouselContentVariants = cva("flex", {
     orientation: "horizontal"
   }
 });
-var CarouselContent = React23.forwardRef(
+var CarouselContent = React12.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -1644,7 +1675,7 @@ var carouselItemVariants = cva("min-w-0 shrink-0 grow-0 basis-full", {
     orientation: "horizontal"
   }
 });
-var CarouselItem = React23.forwardRef(
+var CarouselItem = React12.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsx(
@@ -1660,7 +1691,7 @@ var CarouselItem = React23.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React23.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselPrevious = React12.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -1685,7 +1716,7 @@ var CarouselPrevious = React23.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React23.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselNext = React12.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -1748,7 +1779,7 @@ var checkboxVariants = cva(
     }
   }
 );
-var Checkbox = React23.forwardRef(({
+var Checkbox = React12.forwardRef(({
   className,
   variant,
   size,
@@ -1781,7 +1812,7 @@ var Checkbox = React23.forwardRef(({
   );
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxGroup = React23.forwardRef(
+var CheckboxGroup = React12.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1801,7 +1832,7 @@ var CheckboxGroup = React23.forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxLabel = React23.forwardRef(
+var CheckboxLabel = React12.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -1821,14 +1852,14 @@ var CheckboxLabel = React23.forwardRef(
   }
 );
 CheckboxLabel.displayName = "CheckboxLabel";
-var CheckboxWithLabel = React23.forwardRef(({
+var CheckboxWithLabel = React12.forwardRef(({
   id,
   label,
   labelPosition = "end",
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId = React23.useId();
+  const generatedId = React12.useId();
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsx(
@@ -1878,7 +1909,7 @@ var collapsibleTriggerVariants = cva(
     }
   }
 );
-var CollapsibleTrigger = React23.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
+var CollapsibleTrigger = React12.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx(
       CollapsiblePrimitive.Trigger,
@@ -1927,7 +1958,7 @@ var collapsibleContentVariants = cva(
     }
   }
 );
-var CollapsibleContent = React23.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var CollapsibleContent = React12.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   CollapsiblePrimitive.Content,
   {
     ref,
@@ -2010,7 +2041,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React23.forwardRef(
+var Input = React12.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -2037,10 +2068,10 @@ var Input = React23.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const reactId = React23.useId();
+    const reactId = React12.useId();
     const fieldId = props.id || reactId;
-    const [isFocused, setIsFocused] = React23.useState(false);
-    const [internalValue, setInternalValue] = React23.useState(value || defaultValue || "");
+    const [isFocused, setIsFocused] = React12.useState(false);
+    const [internalValue, setInternalValue] = React12.useState(value || defaultValue || "");
     const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
     const isLabelActive = isFocused || hasValue;
     const handleFocus = (e) => {
@@ -2055,7 +2086,7 @@ var Input = React23.forwardRef(
       setInternalValue(e.target.value);
       onChange?.(e);
     };
-    React23.useEffect(() => {
+    React12.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -2139,7 +2170,7 @@ Input.displayName = "Input";
 var labelVariants = cva(
   "text-sm font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
 );
-var Label = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -2200,7 +2231,7 @@ var popoverContentVariants = cva(
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React23.forwardRef(({
+var PopoverContent = React12.forwardRef(({
   className,
   variant,
   size,
@@ -2274,15 +2305,19 @@ var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 PopoverFooter.displayName = "PopoverFooter";
-var Tabs = React23.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Root,
-  {
-    ref,
-    className: cn("moonui-theme", props.className),
-    orientation: vertical ? "vertical" : "horizontal",
-    ...props
-  }
-));
+var TabsOrientationContext = React12.createContext("horizontal");
+var Tabs = React12.forwardRef(({ vertical = false, orientation, className, ...props }, ref) => {
+  const resolvedOrientation = orientation ?? (vertical ? "vertical" : "horizontal");
+  return /* @__PURE__ */ jsx(TabsOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      ref,
+      className: cn("moonui-theme", className),
+      orientation: resolvedOrientation,
+      ...props
+    }
+  ) });
+});
 Tabs.displayName = TabsPrimitive.Root.displayName;
 var tabsListVariants = cva(
   "flex items-center justify-start transition-all duration-200",
@@ -2315,12 +2350,14 @@ var tabsListVariants = cva(
     }
   }
 );
-var TabsList = React23.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+var TabsList = React12.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+  const contextOrientation = React12.useContext(TabsOrientationContext);
+  const resolvedOrientation = orientation ?? contextOrientation;
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
       ref,
-      className: cn("moonui-theme", tabsListVariants({ variant, orientation, fullWidth, scrollable, className })),
+      className: cn("moonui-theme", tabsListVariants({ variant, orientation: resolvedOrientation, fullWidth, scrollable, className })),
       ...props
     }
   );
@@ -2358,7 +2395,7 @@ var tabsTriggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React23.forwardRef(({
+var TabsTrigger = React12.forwardRef(({
   className,
   variant,
   size,
@@ -2370,27 +2407,31 @@ var TabsTrigger = React23.forwardRef(({
   fullWidth,
   children,
   ...props
-}, ref) => /* @__PURE__ */ jsxs(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "moonui-theme",
-      tabsTriggerVariants({ variant, size, orientation, fullWidth }),
-      fadeTabs && "data-[state=inactive]:opacity-60",
-      className
-    ),
-    ...props,
-    children: [
-      icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", { className: "mr-2", children: icon }),
-      children,
-      icon && iconPosition === "right" && /* @__PURE__ */ jsx("span", { className: "ml-2", children: icon }),
-      badge && /* @__PURE__ */ jsx("span", { className: "ml-2", children: badge })
-    ]
-  }
-));
+}, ref) => {
+  const contextOrientation = React12.useContext(TabsOrientationContext);
+  const resolvedOrientation = orientation ?? contextOrientation;
+  return /* @__PURE__ */ jsxs(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "moonui-theme",
+        tabsTriggerVariants({ variant, size, orientation: resolvedOrientation, fullWidth }),
+        fadeTabs && "data-[state=inactive]:opacity-60",
+        className
+      ),
+      ...props,
+      children: [
+        icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", { className: "mr-2", children: icon }),
+        children,
+        icon && iconPosition === "right" && /* @__PURE__ */ jsx("span", { className: "ml-2", children: icon }),
+        badge && /* @__PURE__ */ jsx("span", { className: "ml-2", children: badge })
+      ]
+    }
+  );
+});
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React23.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React12.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -2484,7 +2525,7 @@ var sliderThumbVariants = cva(
     }
   }
 );
-var Slider = React23.forwardRef(({
+var Slider = React12.forwardRef(({
   className,
   size,
   trackVariant,
@@ -2500,10 +2541,10 @@ var Slider = React23.forwardRef(({
   disabled,
   ...props
 }, ref) => {
-  const [sliderValue, setSliderValue] = React23.useState(
+  const [sliderValue, setSliderValue] = React12.useState(
     value || defaultValue || [0]
   );
-  React23.useEffect(() => {
+  React12.useEffect(() => {
     if (value !== void 0) {
       setSliderValue(value);
     }
@@ -2518,7 +2559,7 @@ var Slider = React23.forwardRef(({
   const calculateThumbPercent = (value2, min2, max2) => {
     return (value2 - min2) / (max2 - min2) * 100;
   };
-  const trackRef = React23.useRef(null);
+  const trackRef = React12.useRef(null);
   const min = props.min || 0;
   const max = props.max || 100;
   const step = props.step || 1;
@@ -2830,14 +2871,14 @@ function ColorPicker({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = React23.useState(false);
-  const [color, setColor] = React23.useState(value);
-  const [opacity, setOpacity] = React23.useState(100);
-  const [copied, setCopied] = React23.useState(false);
-  const [inputValue, setInputValue] = React23.useState(value);
-  const hsl = React23.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
-  const rgb = React23.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
-  React23.useEffect(() => {
+  const [open, setOpen] = React12.useState(false);
+  const [color, setColor] = React12.useState(value);
+  const [opacity, setOpacity] = React12.useState(100);
+  const [copied, setCopied] = React12.useState(false);
+  const [inputValue, setInputValue] = React12.useState(value);
+  const hsl = React12.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
+  const rgb = React12.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
+  React12.useEffect(() => {
     setColor(value);
     setInputValue(value);
   }, [value]);
@@ -3232,7 +3273,7 @@ function GradientPicker({
   onChange,
   className
 }) {
-  const [gradient, setGradient] = React23.useState(value);
+  const [gradient, setGradient] = React12.useState(value);
   const handleChange = (field, newValue) => {
     const newGradient = { ...gradient, [field]: newValue };
     setGradient(newGradient);
@@ -3318,7 +3359,7 @@ var overlayVariants = cva(
     }
   }
 );
-var DialogOverlay = React23.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React12.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3377,7 +3418,7 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React23.forwardRef(
+var DialogContent = React12.forwardRef(
   ({
     className,
     children,
@@ -3490,7 +3531,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -3502,7 +3543,7 @@ var DialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -3514,7 +3555,7 @@ var DialogDescription = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogForm = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogForm = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
     ref,
@@ -3544,7 +3585,7 @@ var commandVariants = cva(
     }
   }
 );
-var Command = React23.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React12.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -3566,7 +3607,7 @@ var CommandDialog = ({
     ), children })
   ] }) });
 };
-var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React12.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,
@@ -3581,7 +3622,7 @@ var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = "CommandInput";
-var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -3590,7 +3631,7 @@ var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -3599,7 +3640,7 @@ var CommandEmpty = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -3611,16 +3652,17 @@ var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
+    "aria-hidden": "true",
     className: cn("moonui-theme", "-mx-1 h-px bg-border", className),
     ...props
   }
 ));
 CommandSeparator.displayName = "CommandSeparator";
-var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -3648,7 +3690,7 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
-var TableSortContext = React23.createContext(null);
+var TableSortContext = React12.createContext(null);
 function nextSortDirection(current) {
   if (current === "asc")
     return "desc";
@@ -3679,7 +3721,7 @@ var tableVariants = cva(
     }
   }
 );
-var Table = React23.forwardRef(({
+var Table = React12.forwardRef(({
   className,
   variant,
   size,
@@ -3702,15 +3744,15 @@ var Table = React23.forwardRef(({
   ...props
 }, ref) => {
   const striped = variant === "striped";
-  const sortContextValue = React23.useMemo(
+  const sortContextValue = React12.useMemo(
     () => ({ sortColumn, sortDirection, onSortChange }),
     [sortColumn, sortDirection, onSortChange]
   );
-  const childrenWithProps = React23.Children.map(props.children, (child) => {
-    if (React23.isValidElement(child)) {
+  const childrenWithProps = React12.Children.map(props.children, (child) => {
+    if (React12.isValidElement(child)) {
       if (child.type === "tbody") {
         const tbodyProps = child.props;
-        return React23.cloneElement(child, {
+        return React12.cloneElement(child, {
           className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
         });
       }
@@ -3735,10 +3777,10 @@ var Table = React23.forwardRef(({
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
+var TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  const hasChildren = React23.Children.count(children) > 0;
+var TableBody = React12.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
+  const hasChildren = React12.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
     "tbody",
     {
@@ -3750,7 +3792,7 @@ var TableBody = React23.forwardRef(({ className, emptyContent, emptyMessage = "N
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -3759,7 +3801,7 @@ var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -3771,12 +3813,12 @@ var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React23.forwardRef(
+var TableHead = React12.forwardRef(
   ({ className, sortable, sorted, onSort, columnId, align = "left", children, ...props }, ref) => {
-    const sortCtx = React23.useContext(TableSortContext);
+    const sortCtx = React12.useContext(TableSortContext);
     const ctxSorted = columnId && sortCtx && sortCtx.sortColumn === columnId ? sortCtx.sortDirection ?? null : null;
     const effectiveSorted = sorted !== void 0 ? sorted : ctxSorted;
-    const handleSort = React23.useCallback(() => {
+    const handleSort = React12.useCallback(() => {
       if (onSort) {
         onSort();
         return;
@@ -3887,7 +3929,7 @@ var TableHead = React23.forwardRef(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = React23.forwardRef(({ className, align = "left", ...props }, ref) => {
+var TableCell = React12.forwardRef(({ className, align = "left", ...props }, ref) => {
   const alignmentClass = {
     left: "text-left",
     center: "text-center",
@@ -3903,7 +3945,7 @@ var TableCell = React23.forwardRef(({ className, align = "left", ...props }, ref
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -3923,8 +3965,8 @@ function DataTableBasic({
   emptyMessage = "No results found.",
   className
 }) {
-  const [sorting, setSorting] = React23.useState([]);
-  const [globalFilter, setGlobalFilter] = React23.useState("");
+  const [sorting, setSorting] = React12.useState([]);
+  const [globalFilter, setGlobalFilter] = React12.useState("");
   const table = useReactTable({
     data,
     columns,
@@ -4087,7 +4129,7 @@ var datePickerVariants = cva(
     }
   }
 );
-var DatePicker = React23.forwardRef(function DatePicker2({
+var DatePicker = React12.forwardRef(function DatePicker2({
   className,
   variant,
   size,
@@ -4110,9 +4152,9 @@ var DatePicker = React23.forwardRef(function DatePicker2({
   disabled,
   ...props
 }, ref) {
-  const [open, setOpen] = React23.useState(false);
-  const [internalDate, setInternalDate] = React23.useState(value);
-  React23.useEffect(() => {
+  const [open, setOpen] = React12.useState(false);
+  const [internalDate, setInternalDate] = React12.useState(value);
+  React12.useEffect(() => {
     setInternalDate(value);
   }, [value]);
   const handleSelect = (date) => {
@@ -4260,7 +4302,7 @@ var DatePicker = React23.forwardRef(function DatePicker2({
   ] }) });
 });
 DatePicker.displayName = "DatePicker";
-var DateRangePicker = React23.forwardRef(function DateRangePicker2({
+var DateRangePicker = React12.forwardRef(function DateRangePicker2({
   className,
   value,
   onChange,
@@ -4269,9 +4311,9 @@ var DateRangePicker = React23.forwardRef(function DateRangePicker2({
   separator = " - ",
   ...props
 }, ref) {
-  const [open, setOpen] = React23.useState(false);
-  const [internalRange, setInternalRange] = React23.useState(value);
-  React23.useEffect(() => {
+  const [open, setOpen] = React12.useState(false);
+  const [internalRange, setInternalRange] = React12.useState(value);
+  React12.useEffect(() => {
     setInternalRange(value);
   }, [value]);
   const handleSelect = (range) => {
@@ -4281,7 +4323,7 @@ var DateRangePicker = React23.forwardRef(function DateRangePicker2({
       setOpen(false);
     }
   };
-  const displayValue = React23.useMemo(() => {
+  const displayValue = React12.useMemo(() => {
     if (!internalRange?.from)
       return null;
     if (!internalRange?.to) {
@@ -4329,7 +4371,7 @@ var DateRangePicker = React23.forwardRef(function DateRangePicker2({
   ] });
 });
 DateRangePicker.displayName = "DateRangePicker";
-var DateTimePicker = React23.forwardRef(function DateTimePicker2({
+var DateTimePicker = React12.forwardRef(function DateTimePicker2({
   value,
   onChange,
   // Saat ayrı bir <select> ile gösterildiği için buton yalnızca TARİHİ yazar;
@@ -4341,8 +4383,8 @@ var DateTimePicker = React23.forwardRef(function DateTimePicker2({
   timeInterval = 15,
   ...props
 }, ref) {
-  const [date, setDate] = React23.useState(value);
-  const [time, setTime] = React23.useState(
+  const [date, setDate] = React12.useState(value);
+  const [time, setTime] = React12.useState(
     value ? format(value, timeFormat === "24" ? "HH:mm" : "hh:mm a") : "00:00"
   );
   const handleDateChange = (newDate) => {
@@ -4367,7 +4409,7 @@ var DateTimePicker = React23.forwardRef(function DateTimePicker2({
       onChange?.(newDate);
     }
   };
-  const timeOptions = React23.useMemo(() => {
+  const timeOptions = React12.useMemo(() => {
     const options = [];
     for (let h = 0; h < 24; h++) {
       for (let m = 0; m < 60; m += timeInterval) {
@@ -4421,15 +4463,15 @@ var DateTimePicker = React23.forwardRef(function DateTimePicker2({
   ] });
 });
 DateTimePicker.displayName = "DateTimePicker";
-var MonthPicker = React23.forwardRef(function MonthPicker2({
+var MonthPicker = React12.forwardRef(function MonthPicker2({
   value,
   onChange,
   placeholder = "Pick a month",
   formatString = "MMMM yyyy",
   ...props
 }, ref) {
-  const [open, setOpen] = React23.useState(false);
-  const [viewDate, setViewDate] = React23.useState(value || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React12.useState(false);
+  const [viewDate, setViewDate] = React12.useState(value || /* @__PURE__ */ new Date());
   const months = [
     "January",
     "February",
@@ -4525,7 +4567,7 @@ function DraggableList({
   className,
   disabled = false
 }) {
-  const [draggedIndex, setDraggedIndex] = React23.useState(null);
+  const [draggedIndex, setDraggedIndex] = React12.useState(null);
   const handleDragStart = (e, index) => {
     if (disabled)
       return;
@@ -4577,7 +4619,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4594,7 +4636,7 @@ var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -4606,7 +4648,7 @@ var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4619,7 +4661,7 @@ var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4632,7 +4674,7 @@ var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4649,7 +4691,7 @@ var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4665,7 +4707,7 @@ var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4678,7 +4720,7 @@ var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -4767,7 +4809,7 @@ var progressIndicatorVariants = cva(
     }
   }
 );
-var Progress = React23.forwardRef(({
+var Progress = React12.forwardRef(({
   className,
   value = 0,
   variant,
@@ -4897,7 +4939,7 @@ var FileItem = ({
     }
   );
 };
-var FileUpload = React23__default.forwardRef(
+var FileUpload = React12__default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -5120,7 +5162,7 @@ var FileUpload = React23__default.forwardRef(
   }
 );
 FileUpload.displayName = "FileUpload";
-var GestureDrawer = React23__default.forwardRef(
+var GestureDrawer = React12__default.forwardRef(
   ({
     children,
     isOpen,
@@ -5391,7 +5433,7 @@ function GitHubStarButton({
     }
   );
 }
-var InputOTP = React23.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTP = React12.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
   OTPInput,
   {
     ref,
@@ -5406,7 +5448,7 @@ var InputOTP = React23.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var inputOTPSlotVariants = cva(
   [
@@ -5428,9 +5470,9 @@ var inputOTPSlotVariants = cva(
     }
   }
 );
-var InputOTPSlot = React23.forwardRef(
+var InputOTPSlot = React12.forwardRef(
   ({ index, className, ...props }, ref) => {
-    const inputOTPContext = React23.useContext(OTPInputContext);
+    const inputOTPContext = React12.useContext(OTPInputContext);
     const slot = inputOTPContext?.slots?.[index];
     const char = slot?.char;
     const hasFakeCaret = slot?.hasFakeCaret;
@@ -5452,7 +5494,7 @@ var InputOTPSlot = React23.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTPSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -5751,7 +5793,7 @@ function MoonLogo({
   showText = true,
   ...props
 }) {
-  const logoId = React23.useId();
+  const logoId = React12.useId();
   const gradientId = `moon-gradient-${logoId}`;
   const maskId = `moon-mask-${logoId}`;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
@@ -5823,17 +5865,20 @@ function MoonLogoAnimated({
     }
   );
 }
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "pagination",
-    className: cn("moonui-theme", "mx-auto flex w-full justify-center", className),
-    ...props
-  }
+var Pagination = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref,
+      role: "navigation",
+      "aria-label": "pagination",
+      className: cn("moonui-theme", "mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  )
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -5842,77 +5887,74 @@ var PaginationContent = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
+var PaginationItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "a",
-  {
-    "aria-current": isActive ? "page" : void 0,
-    className: cn(
-      buttonVariants({
-        variant: isActive ? "outline" : "ghost",
-        size
-      }),
-      className
-    ),
-    ...props
-  }
+var PaginationLink = React12.forwardRef(
+  ({ className, isActive, size = "icon", ...props }, ref) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size
+        }),
+        className
+      ),
+      ...props
+    }
+  )
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var paginationLabelClass = "hidden sm:inline";
+var PaginationPrevious = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   PaginationLink,
   {
+    ref,
     "aria-label": "Go to previous page",
     size: "md",
     className: cn("moonui-theme", "gap-1 pl-2.5", className),
     ...props,
     children: [
       /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { children: "Previous" })
+      /* @__PURE__ */ jsx("span", { className: paginationLabelClass, children: "Previous" })
     ]
   }
-);
+));
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var PaginationNext = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   PaginationLink,
   {
+    ref,
     "aria-label": "Go to next page",
     size: "md",
     className: cn("moonui-theme", "gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsx("span", { className: paginationLabelClass, children: "Next" }),
       /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
     ]
   }
-);
+));
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    "aria-hidden": true,
-    className: cn("moonui-theme", "flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
-    ]
-  }
-);
+var PaginationEllipsis = React12.forwardRef(({ className, ...props }, ref) => (
+  // #315: `aria-hidden` ESKİDEN BU ELEMANDAYDI → içindeki `sr-only` "More pages" metni
+  // erişilebilirlik ağacından düşüyor, hiç duyurulmuyordu. Gizleme artık yalnız dekoratif
+  // ikonda. (breadcrumb.tsx'te birebir aynı çakışma vardı — aynı PR'da düzeltildi.)
+  /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      className: cn("moonui-theme", "flex h-9 w-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex items-center", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  )
+));
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var Select = SelectPrimitive.Root;
 Select.displayName = "Select";
@@ -5950,7 +5992,7 @@ var selectTriggerVariants = cva(
     }
   }
 );
-var SelectTrigger = React23.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React12.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -5981,7 +6023,7 @@ var SelectTrigger = React23.forwardRef(({ className, children, variant, size, er
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5994,7 +6036,7 @@ var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -6007,7 +6049,7 @@ var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React23.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React12.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -6048,7 +6090,7 @@ var SelectContent = React23.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -6057,7 +6099,7 @@ var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React23.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React12.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -6087,7 +6129,7 @@ var SelectItem = React23.forwardRef(({ className, children, variant = "default",
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6169,7 +6211,7 @@ var getMaxLength = (countryCode) => {
       return 15;
   }
 };
-var PhoneInput = React23.forwardRef(
+var PhoneInput = React12.forwardRef(
   ({
     className,
     value = "",
@@ -6181,8 +6223,8 @@ var PhoneInput = React23.forwardRef(
     size,
     ...props
   }, ref) => {
-    const [countryCode, setCountryCode] = React23.useState(defaultCountry);
-    const [phoneNumber, setPhoneNumber] = React23.useState(value);
+    const [countryCode, setCountryCode] = React12.useState(defaultCountry);
+    const [phoneNumber, setPhoneNumber] = React12.useState(value);
     const selectedCountry = countries.find((c) => c.code === countryCode) || countries[0];
     const handlePhoneChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
@@ -6253,15 +6295,15 @@ var radioGroupItemVariants = cva(
     }
   }
 );
-var RadioGroupContext = React23.createContext({});
-var RadioGroup2 = React23.forwardRef(
+var RadioGroupContext = React12.createContext({});
+var RadioGroup2 = React12.forwardRef(
   ({ className, value, defaultValue, onValueChange, disabled, name, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React23.useState(
+    const [internalValue, setInternalValue] = React12.useState(
       defaultValue
     );
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
-    const handleValueChange = React23.useCallback(
+    const handleValueChange = React12.useCallback(
       (next) => {
         if (!isControlled) {
           setInternalValue(next);
@@ -6293,9 +6335,9 @@ var RadioGroup2 = React23.forwardRef(
   }
 );
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React23.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  const radioGroup = React23.useContext(RadioGroupContext);
-  const generatedId = React23.useId();
+var RadioGroupItem = React12.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React12.useContext(RadioGroupContext);
+  const generatedId = React12.useId();
   const radioId = id || generatedId;
   const isChecked = radioGroup.value === value;
   const handleChange = (e) => {
@@ -6348,7 +6390,7 @@ var RadioGroupItem = React23.forwardRef(({ className, variant, size, indicator,
   ] });
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioLabel = React23.forwardRef(
+var RadioLabel = React12.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -6367,13 +6409,13 @@ var RadioLabel = React23.forwardRef(
   }
 );
 RadioLabel.displayName = "RadioLabel";
-var RadioItemWithLabel = React23.forwardRef(({
+var RadioItemWithLabel = React12.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  const generatedId = React23.useId();
+  const generatedId = React12.useId();
   const radioId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
@@ -6450,21 +6492,28 @@ function RichTextEditor({
     )
   ] });
 }
-var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React12.forwardRef(({ className, children, focusable = true, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.Viewport,
+        {
+          tabIndex: focusable ? 0 : void 0,
+          className: "h-full w-full rounded-[inherit]",
+          children
+        }
+      ),
       /* @__PURE__ */ jsx(ScrollBar, {}),
       /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React23.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6518,7 +6567,7 @@ var defaultTransition = {
   ease: [0.25, 0.46, 0.45, 0.94]
   // Custom cubic-bezier for smooth motion
 };
-var ScrollReveal = React23.forwardRef(
+var ScrollReveal = React12.forwardRef(
   ({
     children,
     direction = "up",
@@ -6539,17 +6588,17 @@ var ScrollReveal = React23.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const animationVariants = React23.useMemo(() => {
+    const animationVariants = React12.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React23.useMemo(() => ({
+    const transition = React12.useMemo(() => ({
       ...defaultTransition,
       duration,
       delay: delay + stagger
     }), [duration, delay, stagger]);
-    const viewportConfig = React23.useMemo(() => ({
+    const viewportConfig = React12.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6584,7 +6633,7 @@ var ScrollReveal = React23.forwardRef(
   }
 );
 ScrollReveal.displayName = "ScrollReveal";
-var ScrollRevealContainer = React23.forwardRef(
+var ScrollRevealContainer = React12.forwardRef(
   ({
     children,
     stagger = 0.1,
@@ -6597,7 +6646,7 @@ var ScrollRevealContainer = React23.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const viewportConfig = React23.useMemo(() => ({
+    const viewportConfig = React12.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6628,7 +6677,7 @@ var ScrollRevealContainer = React23.forwardRef(
   }
 );
 ScrollRevealContainer.displayName = "ScrollRevealContainer";
-var ScrollRevealItem = React23.forwardRef(
+var ScrollRevealItem = React12.forwardRef(
   ({
     children,
     direction = "up",
@@ -6639,12 +6688,12 @@ var ScrollRevealItem = React23.forwardRef(
     style,
     id
   }, ref) => {
-    const animationVariants = React23.useMemo(() => {
+    const animationVariants = React12.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React23.useMemo(() => ({
+    const transition = React12.useMemo(() => ({
       ...defaultTransition,
       duration
     }), [duration]);
@@ -6760,7 +6809,7 @@ var separatorVariants = cva(
     }
   }
 );
-var Separator3 = React23.forwardRef(
+var Separator3 = React12.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -6803,7 +6852,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React23.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React12.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -6839,7 +6888,7 @@ var tooltipVariants = cva(
 );
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipArrow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipArrow = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -6848,7 +6897,7 @@ var TooltipArrow = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var TooltipContent = React23.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
+var TooltipContent = React12.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
     ref,
@@ -6862,7 +6911,7 @@ var TooltipContent = React23.forwardRef(({ className, variant, size, showArrow =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var SimpleTooltip = React23.forwardRef(
+var SimpleTooltip = React12.forwardRef(
   ({
     children,
     content,
@@ -6950,7 +6999,7 @@ var ColorPicker2 = ({ onColorSelect }) => {
     color
   )) });
 };
-var SimpleEditor = React23__default.forwardRef(
+var SimpleEditor = React12__default.forwardRef(
   ({
     value = "",
     onChange,
@@ -6967,8 +7016,8 @@ var SimpleEditor = React23__default.forwardRef(
     const [isPreview, setIsPreview] = useState(false);
     const [sourceContent, setSourceContent] = useState(value);
     useState(null);
-    const editorRef = React23__default.useRef(null);
-    const sourceRef = React23__default.useRef(null);
+    const editorRef = React12__default.useRef(null);
+    const sourceRef = React12__default.useRef(null);
     const [formatState, setFormatState] = useState({
       bold: false,
       italic: false,
@@ -7102,12 +7151,12 @@ var SimpleEditor = React23__default.forwardRef(
         }
       }
     }, [executeCommand, updateContent]);
-    React23__default.useEffect(() => {
+    React12__default.useEffect(() => {
       if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
-    React23__default.useEffect(() => {
+    React12__default.useEffect(() => {
       if (value !== void 0 && value !== content) {
         setContent(value);
         setSourceContent(value);
@@ -7517,7 +7566,7 @@ var skeletonVariants = cva(
     }
   }
 );
-var Skeleton = React23.forwardRef(
+var Skeleton = React12.forwardRef(
   ({
     className,
     variant,
@@ -7583,6 +7632,7 @@ var Skeleton = React23.forwardRef(
       SkeletonElement,
       {
         ref,
+        "aria-hidden": "true",
         className: cn(
           "moonui-theme",
           skeletonVariants({ variant, size, shape, animation }),
@@ -7601,7 +7651,7 @@ var Skeleton = React23.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React23.forwardRef(
+var SkeletonText = React12.forwardRef(
   ({
     className,
     lines = 3,
@@ -7642,7 +7692,7 @@ var SkeletonText = React23.forwardRef(
   }
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = React23.forwardRef(
+var SkeletonAvatar = React12.forwardRef(
   ({
     className,
     size = "2.5rem",
@@ -7668,7 +7718,7 @@ var SkeletonAvatar = React23.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React23.forwardRef(
+var SkeletonCard = React12.forwardRef(
   ({
     className,
     showHeader = true,
@@ -7742,11 +7792,11 @@ var SkeletonCard = React23.forwardRef(
   }
 );
 SkeletonCard.displayName = "SkeletonCard";
-var SwipeableCard = React23.forwardRef(
+var SwipeableCard = React12.forwardRef(
   ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
-    const [startX, setStartX] = React23.useState(0);
-    const [currentX, setCurrentX] = React23.useState(0);
-    const [isSwiping, setIsSwiping] = React23.useState(false);
+    const [startX, setStartX] = React12.useState(0);
+    const [currentX, setCurrentX] = React12.useState(0);
+    const [isSwiping, setIsSwiping] = React12.useState(false);
     const handleTouchStart = (e) => {
       if (disabled)
         return;
@@ -7841,7 +7891,7 @@ var switchThumbVariants = cva(
     }
   }
 );
-var Switch = React23.forwardRef(({
+var Switch = React12.forwardRef(({
   className,
   size,
   variant,
@@ -7852,7 +7902,7 @@ var Switch = React23.forwardRef(({
   "aria-describedby": ariaDescribedBy,
   ...props
 }, ref) => {
-  const reactId = React23.useId();
+  const reactId = React12.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: [
@@ -7880,7 +7930,7 @@ var Switch = React23.forwardRef(({
   ] });
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var TagsInput = React23.forwardRef(
+var TagsInput = React12.forwardRef(
   ({
     value = [],
     onChange,
@@ -7893,12 +7943,12 @@ var TagsInput = React23.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const [inputValue, setInputValue] = React23.useState("");
-    const [error, setError] = React23.useState("");
-    const innerInputRef = React23.useRef(null);
-    React23.useImperativeHandle(ref, () => innerInputRef.current);
-    const tagButtonRefs = React23.useRef([]);
-    const errorId = React23.useId();
+    const [inputValue, setInputValue] = React12.useState("");
+    const [error, setError] = React12.useState("");
+    const innerInputRef = React12.useRef(null);
+    React12.useImperativeHandle(ref, () => innerInputRef.current);
+    const tagButtonRefs = React12.useRef([]);
+    const errorId = React12.useId();
     const focusTag = (index) => {
       if (value.length === 0)
         return;
@@ -8075,7 +8125,7 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React23.forwardRef(
+var Textarea = React12.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -8095,12 +8145,12 @@ var Textarea = React23.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const reactId = React23.useId();
+    const reactId = React12.useId();
     const fieldId = props.id || reactId;
-    const textareaRef = React23.useRef(null);
-    const [internalValue, setInternalValue] = React23.useState(value || defaultValue || "");
-    React23.useImperativeHandle(ref, () => textareaRef.current);
-    const adjustHeight = React23.useCallback(() => {
+    const textareaRef = React12.useRef(null);
+    const [internalValue, setInternalValue] = React12.useState(value || defaultValue || "");
+    React12.useImperativeHandle(ref, () => textareaRef.current);
+    const adjustHeight = React12.useCallback(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoResize)
         return;
@@ -8114,10 +8164,10 @@ var Textarea = React23.forwardRef(
         textarea.style.overflowY = "hidden";
       }
     }, [autoResize, maxHeight]);
-    React23.useEffect(() => {
+    React12.useEffect(() => {
       adjustHeight();
     }, [internalValue, adjustHeight]);
-    React23.useEffect(() => {
+    React12.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -8183,7 +8233,7 @@ var Textarea = React23.forwardRef(
 );
 Textarea.displayName = "Textarea";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -8212,7 +8262,7 @@ var toastVariants = cva(
     }
   }
 );
-var Toast = React23.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React12.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
@@ -8223,7 +8273,7 @@ var Toast = React23.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastAction = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -8235,7 +8285,7 @@ var ToastAction = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   ToastPrimitives.Close,
   {
     ref,
@@ -8252,7 +8302,7 @@ var ToastClose = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -8261,7 +8311,7 @@ var ToastTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToastDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -8369,8 +8419,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React23.useState(memoryState);
-  React23.useEffect(() => {
+  const [state, setState] = React12.useState(memoryState);
+  React12.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -8423,7 +8473,7 @@ var kbdVariants = cva(
     }
   }
 );
-var Kbd = React23.forwardRef(
+var Kbd = React12.forwardRef(
   ({ className, size, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "kbd",
@@ -8460,7 +8510,7 @@ var iconSizeMap = {
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React23.forwardRef(
+var Rating = React12.forwardRef(
   ({
     className,
     value,
@@ -8478,11 +8528,11 @@ var Rating = React23.forwardRef(
     const iconSizeClass = iconSizeMap[resolvedSize];
     const step = precision === "half" ? 0.5 : 1;
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React23.useState(defaultValue ?? 0);
+    const [internalValue, setInternalValue] = React12.useState(defaultValue ?? 0);
     const currentValue = isControlled ? value ?? 0 : internalValue;
-    const [hoverValue, setHoverValue] = React23.useState(null);
+    const [hoverValue, setHoverValue] = React12.useState(null);
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
-    const commit = React23.useCallback(
+    const commit = React12.useCallback(
       (next) => {
         if (readOnly)
           return;
@@ -8492,7 +8542,7 @@ var Rating = React23.forwardRef(
       },
       [readOnly, isControlled, onValueChange]
     );
-    const handleKeyDown = React23.useCallback(
+    const handleKeyDown = React12.useCallback(
       (event) => {
         if (readOnly)
           return;
@@ -8521,9 +8571,9 @@ var Rating = React23.forwardRef(
       [readOnly, max, currentValue, step, commit]
     );
     const renderIcon = (filled) => {
-      if (React23.isValidElement(icon)) {
+      if (React12.isValidElement(icon)) {
         const element = icon;
-        return React23.cloneElement(element, {
+        return React12.cloneElement(element, {
           className: cn(
             iconSizeClass,
             "shrink-0",
@@ -8657,7 +8707,7 @@ var dotSizeMap = {
   lg: "h-2 w-2",
   xl: "h-2.5 w-2.5"
 };
-var Spinner = React23.forwardRef(
+var Spinner = React12.forwardRef(
   ({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -8736,15 +8786,15 @@ var buttonGroupVariants = cva(
     }
   }
 );
-var ButtonGroup = React23.forwardRef(
+var ButtonGroup = React12.forwardRef(
   ({ className, orientation, attached, size, variant, children, ...props }, ref) => {
     const shouldPropagate = size !== void 0 || variant !== void 0;
-    const enhancedChildren = shouldPropagate ? React23.Children.map(children, (child) => {
-      if (!React23.isValidElement(child) || child.type !== Button) {
+    const enhancedChildren = shouldPropagate ? React12.Children.map(children, (child) => {
+      if (!React12.isValidElement(child) || child.type !== Button) {
         return child;
       }
       const childProps = child.props;
-      return React23.cloneElement(child, {
+      return React12.cloneElement(child, {
         size: childProps.size ?? size,
         variant: childProps.variant ?? variant
       });
@@ -8762,11 +8812,11 @@ var ButtonGroup = React23.forwardRef(
   }
 );
 ButtonGroup.displayName = "ButtonGroup";
-var ToggleGroupContext = React23.createContext({
+var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React23.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -8783,8 +8833,8 @@ var ToggleGroup = React23.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React23.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React23.useContext(ToggleGroupContext);
+var ToggleGroupItem = React12.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React12.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -8803,6 +8853,6 @@ var ToggleGroupItem = React23.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, DialogForm as MoonUIDialogForm, 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, PopoverAnchor as MoonUIPopoverAnchor, PopoverClose as MoonUIPopoverClose, PopoverContent as MoonUIPopoverContent, PopoverFooter as MoonUIPopoverFooter, PopoverHeader as MoonUIPopoverHeader, PopoverSeparator as MoonUIPopoverSeparator, 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, SimpleTooltip as MoonUISimpleTooltip, 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, TooltipArrow as MoonUITooltipArrow, 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, popoverContentVariants as moonUIPopoverContentVariants, ratingVariants as moonUIRatingVariants, skeletonVariants as moonUISkeletonVariants, spinnerVariants as moonUISpinnerVariants, toggleVariants as moonUIToggleVariants, tooltipVariants as moonUITooltipVariants, popoverContentVariants, progressVariants, ratingVariants, separatorVariants, skeletonVariants, spinnerVariants, switchVariants, 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, DialogForm as MoonUIDialogForm, 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, PopoverAnchor as MoonUIPopoverAnchor, PopoverClose as MoonUIPopoverClose, PopoverContent as MoonUIPopoverContent, PopoverFooter as MoonUIPopoverFooter, PopoverHeader as MoonUIPopoverHeader, PopoverSeparator as MoonUIPopoverSeparator, 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, SimpleTooltip as MoonUISimpleTooltip, 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, TooltipArrow as MoonUITooltipArrow, 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, breadcrumbVariants, 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, popoverContentVariants as moonUIPopoverContentVariants, ratingVariants as moonUIRatingVariants, skeletonVariants as moonUISkeletonVariants, spinnerVariants as moonUISpinnerVariants, toggleVariants as moonUIToggleVariants, tooltipVariants as moonUITooltipVariants, popoverContentVariants, progressVariants, ratingVariants, separatorVariants, skeletonVariants, spinnerVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toast, toggleVariants, tooltipVariants, useCarousel, useToast };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map