@moontra/moonui 6.7.0 → 6.9.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 'use strict';
 
-var React23 = require('react');
+var React12 = require('react');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
@@ -10,6 +10,7 @@ var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
+var reactSlot = require('@radix-ui/react-slot');
 var framerMotion = require('framer-motion');
 var dateFns = require('date-fns');
 var useEmblaCarousel = require('embla-carousel-react');
@@ -52,7 +53,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React23__namespace = /*#__PURE__*/_interopNamespace(React23);
+var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
@@ -83,14 +84,14 @@ function readableText(node) {
   if (Array.isArray(node)) {
     return node.map(readableText).filter(Boolean).join(" ").trim();
   }
-  if (React23__namespace.isValidElement(node)) {
+  if (React12__namespace.isValidElement(node)) {
     const props = node.props;
     return readableText(props.children);
   }
   return "";
 }
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -99,7 +100,7 @@ var AccordionItem = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -117,7 +118,7 @@ var AccordionTrigger = React23__namespace.forwardRef(({ className, children, ...
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -170,7 +171,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React23__namespace.forwardRef(
+var Alert = React12__namespace.forwardRef(
   ({
     className,
     variant = "default",
@@ -182,7 +183,7 @@ var Alert = React23__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const Icon2 = React23__namespace.useMemo(() => {
+    const Icon2 = React12__namespace.useMemo(() => {
       switch (variant) {
         case "success":
           return lucideReact.Check;
@@ -230,7 +231,7 @@ var Alert = React23__namespace.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -243,7 +244,7 @@ var AlertTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -285,7 +286,7 @@ var aspectRatioVariants = classVarianceAuthority.cva(
     }
   }
 );
-var AspectRatio = React23__namespace.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AspectRatio = React12__namespace.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -334,7 +335,7 @@ var avatarVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Avatar = React23__namespace.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React12__namespace.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -343,7 +344,7 @@ var Avatar = React23__namespace.forwardRef(({ className, size, radius, variant,
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -352,7 +353,7 @@ var AvatarImage = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -364,9 +365,9 @@ var AvatarFallback = React23__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var AvatarGroup = React23__namespace.forwardRef(
+var AvatarGroup = React12__namespace.forwardRef(
   ({ className, max, children, overlapOffset = -8, ...props }, ref) => {
-    const childrenArray = React23__namespace.Children.toArray(children);
+    const childrenArray = React12__namespace.Children.toArray(children);
     const visibleAvatars = max ? childrenArray.slice(0, max) : childrenArray;
     const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -497,7 +498,7 @@ var badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React23__namespace.forwardRef(({
+var Badge = React12__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -605,8 +606,11 @@ var breadcrumbVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Breadcrumb = React23__namespace.forwardRef(
-  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbSeparatorContext = React12__namespace.createContext(void 0);
+var Breadcrumb = React12__namespace.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__ */ jsxRuntime.jsx(BreadcrumbSeparatorContext.Provider, { value: separator, children: /* @__PURE__ */ jsxRuntime.jsx(
     "nav",
     {
       ref,
@@ -614,12 +618,12 @@ var Breadcrumb = React23__namespace.forwardRef(
       "aria-label": "breadcrumb",
       ...props
     }
-  )
+  ) })
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React23__namespace.forwardRef(
+var BreadcrumbList = React12__namespace.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    const childrenArray = React23__namespace.Children.toArray(props.children).filter(Boolean);
+    const childrenArray = React12__namespace.Children.toArray(props.children).filter(Boolean);
     const childCount = childrenArray.length;
     if (collapsed && childCount > collapsedWidth) {
       const firstItem = childrenArray[0];
@@ -655,26 +659,26 @@ var BreadcrumbList = React23__namespace.forwardRef(
   }
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React23__namespace.forwardRef(
-  ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React23__namespace.Fragment : href ? "a" : "span";
-    const itemProps = asChild ? {} : href ? { href } : {};
+var BreadcrumbItem = React12__namespace.forwardRef(
+  ({ className, isCurrent, href, asChild = false, children, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : href ? "a" : "span";
+    const itemProps = !asChild && href ? { href } : {};
     return /* @__PURE__ */ jsxRuntime.jsx(
       "li",
       {
         ref,
         className: cn("moonui-theme", "inline-flex items-center gap-1.5", className),
-        "aria-current": isCurrent ? "page" : void 0,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.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
           }
         )
       }
@@ -685,36 +689,53 @@ BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbSeparator = ({
   children,
   className,
+  icon,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("moonui-theme", "text-muted-foreground opacity-70", className),
-    ...props,
-    children: children || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" })
-  }
-);
+}) => {
+  const rootSeparator = React12__namespace.useContext(BreadcrumbSeparatorContext);
+  return (
+    // Ayraç tümüyle dekoratiftir → `aria-hidden` burada DOĞRU (ellipsis'in aksine içinde
+    // ekran-okuyucuya ait metin yok).
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("moonui-theme", "text-muted-foreground opacity-70", className),
+        ...props,
+        children: children || icon || rootSeparator || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" })
+      }
+    )
+  );
+};
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
+  icon,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex items-center", children: icon || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  )
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var BreadcrumbLink = React23__namespace.forwardRef(
+var BreadcrumbLink = React12__namespace.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
@@ -729,7 +750,7 @@ var BreadcrumbLink = React23__namespace.forwardRef(
   )
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React23__namespace.forwardRef(
+var BreadcrumbPage = React12__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -892,7 +913,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React23__namespace.forwardRef(
+var Button = React12__namespace.forwardRef(
   ({
     className,
     variant,
@@ -1107,7 +1128,7 @@ var cardVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Card = React23__namespace.forwardRef(
+var Card = React12__namespace.forwardRef(
   ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
@@ -1135,7 +1156,7 @@ var Card = React23__namespace.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1144,7 +1165,7 @@ var CardHeader = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -1153,7 +1174,7 @@ var CardTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "p",
   {
     ref,
@@ -1162,9 +1183,9 @@ var CardDescription = React23__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
+var CardContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1185,7 +1206,7 @@ function Calendar({
   defaultMonth,
   ...props
 }) {
-  const [currentMonth, setCurrentMonth] = React23__namespace.useState(
+  const [currentMonth, setCurrentMonth] = React12__namespace.useState(
     defaultMonth || selected && selected || /* @__PURE__ */ new Date()
   );
   const weekDays = [
@@ -1399,9 +1420,9 @@ var formatCardNumber = (value, cardType) => {
   }
   return formatted;
 };
-var CardNumberInput = React23__namespace.forwardRef(
+var CardNumberInput = React12__namespace.forwardRef(
   ({ className, value = "", onChange, showIcon = true, size, ...props }, ref) => {
-    const [cardType, setCardType] = React23__namespace.useState("unknown");
+    const [cardType, setCardType] = React12__namespace.useState("unknown");
     const handleChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
       const detectedType = getCardType(rawValue);
@@ -1432,7 +1453,7 @@ var CardNumberInput = React23__namespace.forwardRef(
   }
 );
 CardNumberInput.displayName = "CardNumberInput";
-var CardExpiryInput = React23__namespace.forwardRef(
+var CardExpiryInput = React12__namespace.forwardRef(
   ({ className, value = "", onChange, size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value.replace(/\D/g, "");
@@ -1470,7 +1491,7 @@ var CardExpiryInput = React23__namespace.forwardRef(
   }
 );
 CardExpiryInput.displayName = "CardExpiryInput";
-var CardCVCInput = React23__namespace.forwardRef(
+var CardCVCInput = React12__namespace.forwardRef(
   ({ className, value = "", onChange, cardType = "unknown", size, ...props }, ref) => {
     const maxLength = cardType === "amex" ? 4 : 3;
     const handleChange = (e) => {
@@ -1495,7 +1516,7 @@ var CardCVCInput = React23__namespace.forwardRef(
   }
 );
 CardCVCInput.displayName = "CardCVCInput";
-var CardZipInput = React23__namespace.forwardRef(
+var CardZipInput = React12__namespace.forwardRef(
   ({ className, value = "", onChange, format: format4 = "US", size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value;
@@ -1546,15 +1567,15 @@ var CardZipInput = React23__namespace.forwardRef(
   }
 );
 CardZipInput.displayName = "CardZipInput";
-var CarouselContext = React23__namespace.createContext(null);
+var CarouselContext = React12__namespace.createContext(null);
 function useCarousel() {
-  const context = React23__namespace.useContext(CarouselContext);
+  const context = React12__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React23__namespace.forwardRef(
+var Carousel = React12__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1572,21 +1593,28 @@ var Carousel = React23__namespace.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React23__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React23__namespace.useState(false);
-    const onSelect = React23__namespace.useCallback((emblaApi) => {
+    const [canScrollPrev, setCanScrollPrev] = React12__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React12__namespace.useState(false);
+    const [slideState, setSlideState] = React12__namespace.useState(
+      { current: 0, total: 0 }
+    );
+    const onSelect = React12__namespace.useCallback((emblaApi) => {
       if (!emblaApi)
         return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
+      setSlideState({
+        current: emblaApi.selectedScrollSnap() + 1,
+        total: emblaApi.scrollSnapList().length
+      });
     }, []);
-    const scrollPrev = React23__namespace.useCallback(() => {
+    const scrollPrev = React12__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React23__namespace.useCallback(() => {
+    const scrollNext = React12__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React23__namespace.useCallback(
+    const handleKeyDown = React12__namespace.useCallback(
       (event) => {
         const prevKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
         const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -1600,12 +1628,12 @@ var Carousel = React23__namespace.forwardRef(
       },
       [resolvedOrientation, scrollPrev, scrollNext]
     );
-    React23__namespace.useEffect(() => {
+    React12__namespace.useEffect(() => {
       if (!api || !setApi)
         return;
       setApi(api);
     }, [api, setApi]);
-    React23__namespace.useEffect(() => {
+    React12__namespace.useEffect(() => {
       if (!api)
         return;
       onSelect(api);
@@ -1629,7 +1657,7 @@ var Carousel = React23__namespace.forwardRef(
           canScrollNext,
           orientation: resolvedOrientation
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             ref,
@@ -1638,7 +1666,10 @@ var Carousel = React23__namespace.forwardRef(
             role: "region",
             "aria-roledescription": "carousel",
             ...props,
-            children
+            children: [
+              children,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: slideState.total > 0 ? `Slide ${slideState.current} of ${slideState.total}` : "" })
+            ]
           }
         )
       }
@@ -1657,7 +1688,7 @@ var carouselContentVariants = classVarianceAuthority.cva("flex", {
     orientation: "horizontal"
   }
 });
-var CarouselContent = React23__namespace.forwardRef(
+var CarouselContent = React12__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1682,7 +1713,7 @@ var carouselItemVariants = classVarianceAuthority.cva("min-w-0 shrink-0 grow-0 b
     orientation: "horizontal"
   }
 });
-var CarouselItem = React23__namespace.forwardRef(
+var CarouselItem = React12__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1698,7 +1729,7 @@ var CarouselItem = React23__namespace.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React23__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselPrevious = React12__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -1723,7 +1754,7 @@ var CarouselPrevious = React23__namespace.forwardRef(({ className, variant = "ou
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React23__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselNext = React12__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -1786,7 +1817,7 @@ var checkboxVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Checkbox = React23__namespace.forwardRef(({
+var Checkbox = React12__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -1819,7 +1850,7 @@ var Checkbox = React23__namespace.forwardRef(({
   );
 });
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var CheckboxGroup = React23__namespace.forwardRef(
+var CheckboxGroup = React12__namespace.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1839,7 +1870,7 @@ var CheckboxGroup = React23__namespace.forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxLabel = React23__namespace.forwardRef(
+var CheckboxLabel = React12__namespace.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "label",
@@ -1859,14 +1890,14 @@ var CheckboxLabel = React23__namespace.forwardRef(
   }
 );
 CheckboxLabel.displayName = "CheckboxLabel";
-var CheckboxWithLabel = React23__namespace.forwardRef(({
+var CheckboxWithLabel = React12__namespace.forwardRef(({
   id,
   label,
   labelPosition = "end",
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId = React23__namespace.useId();
+  const generatedId = React12__namespace.useId();
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1916,7 +1947,7 @@ var collapsibleTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var CollapsibleTrigger = React23__namespace.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
+var CollapsibleTrigger = React12__namespace.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       CollapsiblePrimitive__namespace.Trigger,
@@ -1965,7 +1996,7 @@ var collapsibleContentVariants = classVarianceAuthority.cva(
     }
   }
 );
-var CollapsibleContent = React23__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleContent = React12__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.Content,
   {
     ref,
@@ -2048,7 +2079,7 @@ var inputVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Input = React23__namespace.forwardRef(
+var Input = React12__namespace.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -2075,10 +2106,10 @@ var Input = React23__namespace.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const reactId = React23__namespace.useId();
+    const reactId = React12__namespace.useId();
     const fieldId = props.id || reactId;
-    const [isFocused, setIsFocused] = React23__namespace.useState(false);
-    const [internalValue, setInternalValue] = React23__namespace.useState(value || defaultValue || "");
+    const [isFocused, setIsFocused] = React12__namespace.useState(false);
+    const [internalValue, setInternalValue] = React12__namespace.useState(value || defaultValue || "");
     const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
     const isLabelActive = isFocused || hasValue;
     const handleFocus = (e) => {
@@ -2093,7 +2124,7 @@ var Input = React23__namespace.forwardRef(
       setInternalValue(e.target.value);
       onChange?.(e);
     };
-    React23__namespace.useEffect(() => {
+    React12__namespace.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -2177,7 +2208,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -2238,7 +2269,7 @@ var popoverContentVariants = classVarianceAuthority.cva(
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React23__namespace.forwardRef(({
+var PopoverContent = React12__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -2312,15 +2343,19 @@ var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 PopoverFooter.displayName = "PopoverFooter";
-var Tabs = React23__namespace.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn("moonui-theme", props.className),
-    orientation: vertical ? "vertical" : "horizontal",
-    ...props
-  }
-));
+var TabsOrientationContext = React12__namespace.createContext("horizontal");
+var Tabs = React12__namespace.forwardRef(({ vertical = false, orientation, className, ...props }, ref) => {
+  const resolvedOrientation = orientation ?? (vertical ? "vertical" : "horizontal");
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn("moonui-theme", className),
+      orientation: resolvedOrientation,
+      ...props
+    }
+  ) });
+});
 Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
 var tabsListVariants = classVarianceAuthority.cva(
   "flex items-center justify-start transition-all duration-200",
@@ -2353,12 +2388,14 @@ var tabsListVariants = classVarianceAuthority.cva(
     }
   }
 );
-var TabsList = React23__namespace.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+var TabsList = React12__namespace.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+  const contextOrientation = React12__namespace.useContext(TabsOrientationContext);
+  const resolvedOrientation = orientation ?? contextOrientation;
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
       ref,
-      className: cn("moonui-theme", tabsListVariants({ variant, orientation, fullWidth, scrollable, className })),
+      className: cn("moonui-theme", tabsListVariants({ variant, orientation: resolvedOrientation, fullWidth, scrollable, className })),
       ...props
     }
   );
@@ -2396,7 +2433,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var TabsTrigger = React23__namespace.forwardRef(({
+var TabsTrigger = React12__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -2408,27 +2445,31 @@ var TabsTrigger = React23__namespace.forwardRef(({
   fullWidth,
   children,
   ...props
-}, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  TabsPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: cn(
-      "moonui-theme",
-      tabsTriggerVariants({ variant, size, orientation, fullWidth }),
-      fadeTabs && "data-[state=inactive]:opacity-60",
-      className
-    ),
-    ...props,
-    children: [
-      icon && iconPosition === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: icon }),
-      children,
-      icon && iconPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: icon }),
-      badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: badge })
-    ]
-  }
-));
+}, ref) => {
+  const contextOrientation = React12__namespace.useContext(TabsOrientationContext);
+  const resolvedOrientation = orientation ?? contextOrientation;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TabsPrimitive__namespace.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__ */ jsxRuntime.jsx("span", { className: "mr-2", children: icon }),
+        children,
+        icon && iconPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: icon }),
+        badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: badge })
+      ]
+    }
+  );
+});
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React23__namespace.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React12__namespace.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -2522,7 +2563,7 @@ var sliderThumbVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Slider = React23__namespace.forwardRef(({
+var Slider = React12__namespace.forwardRef(({
   className,
   size,
   trackVariant,
@@ -2538,10 +2579,10 @@ var Slider = React23__namespace.forwardRef(({
   disabled,
   ...props
 }, ref) => {
-  const [sliderValue, setSliderValue] = React23__namespace.useState(
+  const [sliderValue, setSliderValue] = React12__namespace.useState(
     value || defaultValue || [0]
   );
-  React23__namespace.useEffect(() => {
+  React12__namespace.useEffect(() => {
     if (value !== void 0) {
       setSliderValue(value);
     }
@@ -2556,7 +2597,7 @@ var Slider = React23__namespace.forwardRef(({
   const calculateThumbPercent = (value2, min2, max2) => {
     return (value2 - min2) / (max2 - min2) * 100;
   };
-  const trackRef = React23__namespace.useRef(null);
+  const trackRef = React12__namespace.useRef(null);
   const min = props.min || 0;
   const max = props.max || 100;
   const step = props.step || 1;
@@ -2868,14 +2909,14 @@ function ColorPicker({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = React23__namespace.useState(false);
-  const [color, setColor] = React23__namespace.useState(value);
-  const [opacity, setOpacity] = React23__namespace.useState(100);
-  const [copied, setCopied] = React23__namespace.useState(false);
-  const [inputValue, setInputValue] = React23__namespace.useState(value);
-  const hsl = React23__namespace.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
-  const rgb = React23__namespace.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
-  React23__namespace.useEffect(() => {
+  const [open, setOpen] = React12__namespace.useState(false);
+  const [color, setColor] = React12__namespace.useState(value);
+  const [opacity, setOpacity] = React12__namespace.useState(100);
+  const [copied, setCopied] = React12__namespace.useState(false);
+  const [inputValue, setInputValue] = React12__namespace.useState(value);
+  const hsl = React12__namespace.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
+  const rgb = React12__namespace.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
+  React12__namespace.useEffect(() => {
     setColor(value);
     setInputValue(value);
   }, [value]);
@@ -3270,7 +3311,7 @@ function GradientPicker({
   onChange,
   className
 }) {
-  const [gradient, setGradient] = React23__namespace.useState(value);
+  const [gradient, setGradient] = React12__namespace.useState(value);
   const handleChange = (field, newValue) => {
     const newGradient = { ...gradient, [field]: newValue };
     setGradient(newGradient);
@@ -3356,7 +3397,7 @@ var overlayVariants = classVarianceAuthority.cva(
     }
   }
 );
-var DialogOverlay = React23__namespace.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React12__namespace.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -3415,7 +3456,7 @@ var dialogContentVariants = classVarianceAuthority.cva(
     }
   }
 );
-var DialogContent = React23__namespace.forwardRef(
+var DialogContent = React12__namespace.forwardRef(
   ({
     className,
     children,
@@ -3528,7 +3569,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -3540,7 +3581,7 @@ var DialogTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -3552,7 +3593,7 @@ var DialogDescription = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var DialogForm = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogForm = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "form",
   {
     ref,
@@ -3582,7 +3623,7 @@ var commandVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Command = React23__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React12__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -3604,7 +3645,7 @@ var CommandDialog = ({
     ), children })
   ] }) });
 };
-var CommandInput = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -3619,7 +3660,7 @@ var CommandInput = React23__namespace.forwardRef(({ className, ...props }, ref)
   )
 ] }));
 CommandInput.displayName = "CommandInput";
-var CommandList = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -3628,7 +3669,7 @@ var CommandList = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -3637,7 +3678,7 @@ var CommandEmpty = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -3649,16 +3690,17 @@ var CommandGroup = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
+    "aria-hidden": "true",
     className: cn("moonui-theme", "-mx-1 h-px bg-border", className),
     ...props
   }
 ));
 CommandSeparator.displayName = "CommandSeparator";
-var CommandItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -3686,7 +3728,7 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
-var TableSortContext = React23__namespace.createContext(null);
+var TableSortContext = React12__namespace.createContext(null);
 function nextSortDirection(current) {
   if (current === "asc")
     return "desc";
@@ -3717,7 +3759,7 @@ var tableVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Table = React23__namespace.forwardRef(({
+var Table = React12__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -3740,15 +3782,15 @@ var Table = React23__namespace.forwardRef(({
   ...props
 }, ref) => {
   const striped = variant === "striped";
-  const sortContextValue = React23__namespace.useMemo(
+  const sortContextValue = React12__namespace.useMemo(
     () => ({ sortColumn, sortDirection, onSortChange }),
     [sortColumn, sortDirection, onSortChange]
   );
-  const childrenWithProps = React23__namespace.Children.map(props.children, (child) => {
-    if (React23__namespace.isValidElement(child)) {
+  const childrenWithProps = React12__namespace.Children.map(props.children, (child) => {
+    if (React12__namespace.isValidElement(child)) {
       if (child.type === "tbody") {
         const tbodyProps = child.props;
-        return React23__namespace.cloneElement(child, {
+        return React12__namespace.cloneElement(child, {
           className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
         });
       }
@@ -3773,10 +3815,10 @@ var Table = React23__namespace.forwardRef(({
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
+var TableHeader = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23__namespace.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  const hasChildren = React23__namespace.Children.count(children) > 0;
+var TableBody = React12__namespace.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
+  const hasChildren = React12__namespace.Children.count(children) > 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
     {
@@ -3788,7 +3830,7 @@ var TableBody = React23__namespace.forwardRef(({ className, emptyContent, emptyM
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -3797,7 +3839,7 @@ var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -3809,12 +3851,12 @@ var TableRow = React23__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React23__namespace.forwardRef(
+var TableHead = React12__namespace.forwardRef(
   ({ className, sortable, sorted, onSort, columnId, align = "left", children, ...props }, ref) => {
-    const sortCtx = React23__namespace.useContext(TableSortContext);
+    const sortCtx = React12__namespace.useContext(TableSortContext);
     const ctxSorted = columnId && sortCtx && sortCtx.sortColumn === columnId ? sortCtx.sortDirection ?? null : null;
     const effectiveSorted = sorted !== void 0 ? sorted : ctxSorted;
-    const handleSort = React23__namespace.useCallback(() => {
+    const handleSort = React12__namespace.useCallback(() => {
       if (onSort) {
         onSort();
         return;
@@ -3925,7 +3967,7 @@ var TableHead = React23__namespace.forwardRef(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = React23__namespace.forwardRef(({ className, align = "left", ...props }, ref) => {
+var TableCell = React12__namespace.forwardRef(({ className, align = "left", ...props }, ref) => {
   const alignmentClass = {
     left: "text-left",
     center: "text-center",
@@ -3941,7 +3983,7 @@ var TableCell = React23__namespace.forwardRef(({ className, align = "left", ...p
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -3961,8 +4003,8 @@ function DataTableBasic({
   emptyMessage = "No results found.",
   className
 }) {
-  const [sorting, setSorting] = React23__namespace.useState([]);
-  const [globalFilter, setGlobalFilter] = React23__namespace.useState("");
+  const [sorting, setSorting] = React12__namespace.useState([]);
+  const [globalFilter, setGlobalFilter] = React12__namespace.useState("");
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -4125,7 +4167,7 @@ var datePickerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var DatePicker = React23__namespace.forwardRef(function DatePicker2({
+var DatePicker = React12__namespace.forwardRef(function DatePicker2({
   className,
   variant,
   size,
@@ -4148,9 +4190,9 @@ var DatePicker = React23__namespace.forwardRef(function DatePicker2({
   disabled,
   ...props
 }, ref) {
-  const [open, setOpen] = React23__namespace.useState(false);
-  const [internalDate, setInternalDate] = React23__namespace.useState(value);
-  React23__namespace.useEffect(() => {
+  const [open, setOpen] = React12__namespace.useState(false);
+  const [internalDate, setInternalDate] = React12__namespace.useState(value);
+  React12__namespace.useEffect(() => {
     setInternalDate(value);
   }, [value]);
   const handleSelect = (date) => {
@@ -4298,7 +4340,7 @@ var DatePicker = React23__namespace.forwardRef(function DatePicker2({
   ] }) });
 });
 DatePicker.displayName = "DatePicker";
-var DateRangePicker = React23__namespace.forwardRef(function DateRangePicker2({
+var DateRangePicker = React12__namespace.forwardRef(function DateRangePicker2({
   className,
   value,
   onChange,
@@ -4307,9 +4349,9 @@ var DateRangePicker = React23__namespace.forwardRef(function DateRangePicker2({
   separator = " - ",
   ...props
 }, ref) {
-  const [open, setOpen] = React23__namespace.useState(false);
-  const [internalRange, setInternalRange] = React23__namespace.useState(value);
-  React23__namespace.useEffect(() => {
+  const [open, setOpen] = React12__namespace.useState(false);
+  const [internalRange, setInternalRange] = React12__namespace.useState(value);
+  React12__namespace.useEffect(() => {
     setInternalRange(value);
   }, [value]);
   const handleSelect = (range) => {
@@ -4319,7 +4361,7 @@ var DateRangePicker = React23__namespace.forwardRef(function DateRangePicker2({
       setOpen(false);
     }
   };
-  const displayValue = React23__namespace.useMemo(() => {
+  const displayValue = React12__namespace.useMemo(() => {
     if (!internalRange?.from)
       return null;
     if (!internalRange?.to) {
@@ -4367,7 +4409,7 @@ var DateRangePicker = React23__namespace.forwardRef(function DateRangePicker2({
   ] });
 });
 DateRangePicker.displayName = "DateRangePicker";
-var DateTimePicker = React23__namespace.forwardRef(function DateTimePicker2({
+var DateTimePicker = React12__namespace.forwardRef(function DateTimePicker2({
   value,
   onChange,
   // Saat ayrı bir <select> ile gösterildiği için buton yalnızca TARİHİ yazar;
@@ -4379,8 +4421,8 @@ var DateTimePicker = React23__namespace.forwardRef(function DateTimePicker2({
   timeInterval = 15,
   ...props
 }, ref) {
-  const [date, setDate] = React23__namespace.useState(value);
-  const [time, setTime] = React23__namespace.useState(
+  const [date, setDate] = React12__namespace.useState(value);
+  const [time, setTime] = React12__namespace.useState(
     value ? dateFns.format(value, timeFormat === "24" ? "HH:mm" : "hh:mm a") : "00:00"
   );
   const handleDateChange = (newDate) => {
@@ -4405,7 +4447,7 @@ var DateTimePicker = React23__namespace.forwardRef(function DateTimePicker2({
       onChange?.(newDate);
     }
   };
-  const timeOptions = React23__namespace.useMemo(() => {
+  const timeOptions = React12__namespace.useMemo(() => {
     const options = [];
     for (let h = 0; h < 24; h++) {
       for (let m = 0; m < 60; m += timeInterval) {
@@ -4459,15 +4501,15 @@ var DateTimePicker = React23__namespace.forwardRef(function DateTimePicker2({
   ] });
 });
 DateTimePicker.displayName = "DateTimePicker";
-var MonthPicker = React23__namespace.forwardRef(function MonthPicker2({
+var MonthPicker = React12__namespace.forwardRef(function MonthPicker2({
   value,
   onChange,
   placeholder = "Pick a month",
   formatString = "MMMM yyyy",
   ...props
 }, ref) {
-  const [open, setOpen] = React23__namespace.useState(false);
-  const [viewDate, setViewDate] = React23__namespace.useState(value || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React12__namespace.useState(false);
+  const [viewDate, setViewDate] = React12__namespace.useState(value || /* @__PURE__ */ new Date());
   const months = [
     "January",
     "February",
@@ -4563,7 +4605,7 @@ function DraggableList({
   className,
   disabled = false
 }) {
-  const [draggedIndex, setDraggedIndex] = React23__namespace.useState(null);
+  const [draggedIndex, setDraggedIndex] = React12__namespace.useState(null);
   const handleDragStart = (e, index) => {
     if (disabled)
       return;
@@ -4615,7 +4657,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React23__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React12__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -4632,7 +4674,7 @@ var DropdownMenuSubTrigger = React23__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -4644,7 +4686,7 @@ var DropdownMenuSubContent = React23__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React23__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React12__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -4657,7 +4699,7 @@ var DropdownMenuContent = React23__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React23__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React12__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -4670,7 +4712,7 @@ var DropdownMenuItem = React23__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React23__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React12__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -4687,7 +4729,7 @@ var DropdownMenuCheckboxItem = React23__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -4703,7 +4745,7 @@ var DropdownMenuRadioItem = React23__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React23__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React12__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -4716,7 +4758,7 @@ var DropdownMenuLabel = React23__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -4805,7 +4847,7 @@ var progressIndicatorVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Progress = React23__namespace.forwardRef(({
+var Progress = React12__namespace.forwardRef(({
   className,
   value = 0,
   variant,
@@ -4935,7 +4977,7 @@ var FileItem = ({
     }
   );
 };
-var FileUpload = React23__namespace.default.forwardRef(
+var FileUpload = React12__namespace.default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -4949,9 +4991,9 @@ var FileUpload = React23__namespace.default.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [uploadedFiles, setUploadedFiles] = React23.useState([]);
-    const [isDragOver, setIsDragOver] = React23.useState(false);
-    const [error, setError] = React23.useState(null);
+    const [uploadedFiles, setUploadedFiles] = React12.useState([]);
+    const [isDragOver, setIsDragOver] = React12.useState(false);
+    const [error, setError] = React12.useState(null);
     const validateFile = (file) => {
       if (file.size > maxSize) {
         return `File size exceeds ${formatFileSize(maxSize)}`;
@@ -4967,7 +5009,7 @@ var FileUpload = React23__namespace.default.forwardRef(
       }
       return null;
     };
-    const processFiles = React23.useCallback(async (files) => {
+    const processFiles = React12.useCallback(async (files) => {
       const fileArray = Array.from(files);
       setError(null);
       if (uploadedFiles.length + fileArray.length > maxFiles) {
@@ -5030,7 +5072,7 @@ var FileUpload = React23__namespace.default.forwardRef(
         }
       }
     }, [uploadedFiles.length, maxFiles, maxSize, accept, onUpload]);
-    const handleDrop = React23.useCallback((e) => {
+    const handleDrop = React12.useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
       if (disabled)
@@ -5040,24 +5082,24 @@ var FileUpload = React23__namespace.default.forwardRef(
         processFiles(files);
       }
     }, [processFiles, disabled]);
-    const handleDragOver = React23.useCallback((e) => {
+    const handleDragOver = React12.useCallback((e) => {
       e.preventDefault();
       if (!disabled) {
         setIsDragOver(true);
       }
     }, [disabled]);
-    const handleDragLeave = React23.useCallback((e) => {
+    const handleDragLeave = React12.useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
     }, []);
-    const handleFileSelect = React23.useCallback((e) => {
+    const handleFileSelect = React12.useCallback((e) => {
       const files = e.target.files;
       if (files && files.length > 0) {
         processFiles(files);
       }
       e.target.value = "";
     }, [processFiles]);
-    const removeFile = React23.useCallback((fileId) => {
+    const removeFile = React12.useCallback((fileId) => {
       setUploadedFiles((prev) => {
         const fileToRemove = prev.find((f) => f.id === fileId);
         if (fileToRemove?.preview) {
@@ -5158,7 +5200,7 @@ var FileUpload = React23__namespace.default.forwardRef(
   }
 );
 FileUpload.displayName = "FileUpload";
-var GestureDrawer = React23__namespace.default.forwardRef(
+var GestureDrawer = React12__namespace.default.forwardRef(
   ({
     children,
     isOpen,
@@ -5280,9 +5322,9 @@ function GitHubStars({
   showWatchers = false,
   repoUrl = "https://github.com/moonui/moonui"
 }) {
-  const [stats, setStats] = React23.useState(null);
-  const [isLoading, setIsLoading] = React23.useState(true);
-  React23.useEffect(() => {
+  const [stats, setStats] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(true);
+  React12.useEffect(() => {
     const fetchStats = async () => {
       try {
         const response = await fetch("/api/github-stars");
@@ -5381,9 +5423,9 @@ function GitHubStarButton({
   size = "md",
   repoUrl = "https://github.com/moonui/moonui"
 }) {
-  const [stars, setStars] = React23.useState(null);
-  const [isLoading, setIsLoading] = React23.useState(true);
-  React23.useEffect(() => {
+  const [stars, setStars] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(true);
+  React12.useEffect(() => {
     const fetchStats = async () => {
       try {
         const response = await fetch("/api/github-stars");
@@ -5429,7 +5471,7 @@ function GitHubStarButton({
     }
   );
 }
-var InputOTP = React23__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputOTP = React12__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   inputOtp.OTPInput,
   {
     ref,
@@ -5444,7 +5486,7 @@ var InputOTP = React23__namespace.forwardRef(({ className, containerClassName, .
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var inputOTPSlotVariants = classVarianceAuthority.cva(
   [
@@ -5466,9 +5508,9 @@ var inputOTPSlotVariants = classVarianceAuthority.cva(
     }
   }
 );
-var InputOTPSlot = React23__namespace.forwardRef(
+var InputOTPSlot = React12__namespace.forwardRef(
   ({ index, className, ...props }, ref) => {
-    const inputOTPContext = React23__namespace.useContext(inputOtp.OTPInputContext);
+    const inputOTPContext = React12__namespace.useContext(inputOtp.OTPInputContext);
     const slot = inputOTPContext?.slots?.[index];
     const char = slot?.char;
     const hasFakeCaret = slot?.hasFakeCaret;
@@ -5490,7 +5532,7 @@ var InputOTPSlot = React23__namespace.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputOTPSeparator = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -5508,8 +5550,8 @@ function LockedComponent({
   showPreview = true,
   previewDuration = 2e3
 }) {
-  const [isPreviewActive, setIsPreviewActive] = React23.useState(false);
-  const [previewTimeout, setPreviewTimeout] = React23.useState(null);
+  const [isPreviewActive, setIsPreviewActive] = React12.useState(false);
+  const [previewTimeout, setPreviewTimeout] = React12.useState(null);
   const handleMouseEnter = () => {
     if (!showPreview)
       return;
@@ -5606,13 +5648,13 @@ function ProComponentWrapper({
   fallback,
   requireCLI = true
 }) {
-  const [authState, setAuthState] = React23.useState({
+  const [authState, setAuthState] = React12.useState({
     isAuthenticated: false,
     deviceValid: false,
     hasProAccess: false,
     loading: true
   });
-  React23.useEffect(() => {
+  React12.useEffect(() => {
     const isDevelopment2 = () => {
       const checks = {
         nodeEnv: process.env.NODE_ENV === "development",
@@ -5789,7 +5831,7 @@ function MoonLogo({
   showText = true,
   ...props
 }) {
-  const logoId = React23__namespace.useId();
+  const logoId = React12__namespace.useId();
   const gradientId = `moon-gradient-${logoId}`;
   const maskId = `moon-mask-${logoId}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2", className), children: [
@@ -5861,17 +5903,20 @@ function MoonLogoAnimated({
     }
   );
 }
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "pagination",
-    className: cn("moonui-theme", "mx-auto flex w-full justify-center", className),
-    ...props
-  }
+var Pagination = React12__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PaginationContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -5880,77 +5925,74 @@ var PaginationContent = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
+var PaginationItem = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "a",
-  {
-    "aria-current": isActive ? "page" : void 0,
-    className: cn(
-      buttonVariants({
-        variant: isActive ? "outline" : "ghost",
-        size
-      }),
-      className
-    ),
-    ...props
-  }
+var PaginationLink = React12__namespace.forwardRef(
+  ({ className, isActive, size = "icon", ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+var paginationLabelClass = "hidden sm:inline";
+var PaginationPrevious = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   PaginationLink,
   {
+    ref,
     "aria-label": "Go to previous page",
     size: "md",
     className: cn("moonui-theme", "gap-1 pl-2.5", className),
     ...props,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: paginationLabelClass, children: "Previous" })
     ]
   }
-);
+));
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
+var PaginationNext = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   PaginationLink,
   {
+    ref,
     "aria-label": "Go to next page",
     size: "md",
     className: cn("moonui-theme", "gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: paginationLabelClass, children: "Next" }),
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
     ]
   }
-);
+));
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "span",
-  {
-    "aria-hidden": true,
-    className: cn("moonui-theme", "flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
-    ]
-  }
-);
+var PaginationEllipsis = React12__namespace.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__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref,
+      className: cn("moonui-theme", "flex h-9 w-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  )
+));
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var Select = SelectPrimitive__namespace.Root;
 Select.displayName = "Select";
@@ -5988,7 +6030,7 @@ var selectTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SelectTrigger = React23__namespace.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React12__namespace.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -6019,7 +6061,7 @@ var SelectTrigger = React23__namespace.forwardRef(({ className, children, varian
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -6032,7 +6074,7 @@ var SelectScrollUpButton = React23__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -6045,7 +6087,7 @@ var SelectScrollDownButton = React23__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React23__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React12__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -6086,7 +6128,7 @@ var SelectContent = React23__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -6095,7 +6137,7 @@ var SelectLabel = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React23__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React12__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -6125,7 +6167,7 @@ var SelectItem = React23__namespace.forwardRef(({ className, children, variant =
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -6207,7 +6249,7 @@ var getMaxLength = (countryCode) => {
       return 15;
   }
 };
-var PhoneInput = React23__namespace.forwardRef(
+var PhoneInput = React12__namespace.forwardRef(
   ({
     className,
     value = "",
@@ -6219,8 +6261,8 @@ var PhoneInput = React23__namespace.forwardRef(
     size,
     ...props
   }, ref) => {
-    const [countryCode, setCountryCode] = React23__namespace.useState(defaultCountry);
-    const [phoneNumber, setPhoneNumber] = React23__namespace.useState(value);
+    const [countryCode, setCountryCode] = React12__namespace.useState(defaultCountry);
+    const [phoneNumber, setPhoneNumber] = React12__namespace.useState(value);
     const selectedCountry = countries.find((c) => c.code === countryCode) || countries[0];
     const handlePhoneChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
@@ -6291,15 +6333,15 @@ var radioGroupItemVariants = classVarianceAuthority.cva(
     }
   }
 );
-var RadioGroupContext = React23__namespace.createContext({});
-var RadioGroup2 = React23__namespace.forwardRef(
+var RadioGroupContext = React12__namespace.createContext({});
+var RadioGroup2 = React12__namespace.forwardRef(
   ({ className, value, defaultValue, onValueChange, disabled, name, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React23__namespace.useState(
+    const [internalValue, setInternalValue] = React12__namespace.useState(
       defaultValue
     );
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
-    const handleValueChange = React23__namespace.useCallback(
+    const handleValueChange = React12__namespace.useCallback(
       (next) => {
         if (!isControlled) {
           setInternalValue(next);
@@ -6331,9 +6373,9 @@ var RadioGroup2 = React23__namespace.forwardRef(
   }
 );
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React23__namespace.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  const radioGroup = React23__namespace.useContext(RadioGroupContext);
-  const generatedId = React23__namespace.useId();
+var RadioGroupItem = React12__namespace.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React12__namespace.useContext(RadioGroupContext);
+  const generatedId = React12__namespace.useId();
   const radioId = id || generatedId;
   const isChecked = radioGroup.value === value;
   const handleChange = (e) => {
@@ -6386,7 +6428,7 @@ var RadioGroupItem = React23__namespace.forwardRef(({ className, variant, size,
   ] });
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioLabel = React23__namespace.forwardRef(
+var RadioLabel = React12__namespace.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "label",
@@ -6405,13 +6447,13 @@ var RadioLabel = React23__namespace.forwardRef(
   }
 );
 RadioLabel.displayName = "RadioLabel";
-var RadioItemWithLabel = React23__namespace.forwardRef(({
+var RadioItemWithLabel = React12__namespace.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  const generatedId = React23__namespace.useId();
+  const generatedId = React12__namespace.useId();
   const radioId = id || generatedId;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
@@ -6488,21 +6530,28 @@ function RichTextEditor({
     )
   ] });
 }
-var ScrollArea = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React12__namespace.forwardRef(({ className, children, focusable = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive__namespace.Viewport,
+        {
+          tabIndex: focusable ? 0 : void 0,
+          className: "h-full w-full rounded-[inherit]",
+          children
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
       /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React23__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React12__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -6556,7 +6605,7 @@ var defaultTransition = {
   ease: [0.25, 0.46, 0.45, 0.94]
   // Custom cubic-bezier for smooth motion
 };
-var ScrollReveal = React23__namespace.forwardRef(
+var ScrollReveal = React12__namespace.forwardRef(
   ({
     children,
     direction = "up",
@@ -6577,17 +6626,17 @@ var ScrollReveal = React23__namespace.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const animationVariants = React23__namespace.useMemo(() => {
+    const animationVariants = React12__namespace.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React23__namespace.useMemo(() => ({
+    const transition = React12__namespace.useMemo(() => ({
       ...defaultTransition,
       duration,
       delay: delay + stagger
     }), [duration, delay, stagger]);
-    const viewportConfig = React23__namespace.useMemo(() => ({
+    const viewportConfig = React12__namespace.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6622,7 +6671,7 @@ var ScrollReveal = React23__namespace.forwardRef(
   }
 );
 ScrollReveal.displayName = "ScrollReveal";
-var ScrollRevealContainer = React23__namespace.forwardRef(
+var ScrollRevealContainer = React12__namespace.forwardRef(
   ({
     children,
     stagger = 0.1,
@@ -6635,7 +6684,7 @@ var ScrollRevealContainer = React23__namespace.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const viewportConfig = React23__namespace.useMemo(() => ({
+    const viewportConfig = React12__namespace.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6666,7 +6715,7 @@ var ScrollRevealContainer = React23__namespace.forwardRef(
   }
 );
 ScrollRevealContainer.displayName = "ScrollRevealContainer";
-var ScrollRevealItem = React23__namespace.forwardRef(
+var ScrollRevealItem = React12__namespace.forwardRef(
   ({
     children,
     direction = "up",
@@ -6677,12 +6726,12 @@ var ScrollRevealItem = React23__namespace.forwardRef(
     style,
     id
   }, ref) => {
-    const animationVariants = React23__namespace.useMemo(() => {
+    const animationVariants = React12__namespace.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React23__namespace.useMemo(() => ({
+    const transition = React12__namespace.useMemo(() => ({
       ...defaultTransition,
       duration
     }), [duration]);
@@ -6798,7 +6847,7 @@ var separatorVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Separator3 = React23__namespace.forwardRef(
+var Separator3 = React12__namespace.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -6841,7 +6890,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React23__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Toggle = React12__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -6877,7 +6926,7 @@ var tooltipVariants = classVarianceAuthority.cva(
 );
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipArrow = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipArrow = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Arrow,
   {
     ref,
@@ -6886,7 +6935,7 @@ var TooltipArrow = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TooltipArrow.displayName = TooltipPrimitive__namespace.Arrow.displayName;
-var TooltipContent = React23__namespace.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var TooltipContent = React12__namespace.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -6900,7 +6949,7 @@ var TooltipContent = React23__namespace.forwardRef(({ className, variant, size,
   }
 ));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var SimpleTooltip = React23__namespace.forwardRef(
+var SimpleTooltip = React12__namespace.forwardRef(
   ({
     children,
     content,
@@ -6988,7 +7037,7 @@ var ColorPicker2 = ({ onColorSelect }) => {
     color
   )) });
 };
-var SimpleEditor = React23__namespace.default.forwardRef(
+var SimpleEditor = React12__namespace.default.forwardRef(
   ({
     value = "",
     onChange,
@@ -7001,13 +7050,13 @@ var SimpleEditor = React23__namespace.default.forwardRef(
     showPreview = true,
     ...props
   }, ref) => {
-    const [content, setContent] = React23.useState(value);
-    const [isPreview, setIsPreview] = React23.useState(false);
-    const [sourceContent, setSourceContent] = React23.useState(value);
-    React23.useState(null);
-    const editorRef = React23__namespace.default.useRef(null);
-    const sourceRef = React23__namespace.default.useRef(null);
-    const [formatState, setFormatState] = React23.useState({
+    const [content, setContent] = React12.useState(value);
+    const [isPreview, setIsPreview] = React12.useState(false);
+    const [sourceContent, setSourceContent] = React12.useState(value);
+    React12.useState(null);
+    const editorRef = React12__namespace.default.useRef(null);
+    const sourceRef = React12__namespace.default.useRef(null);
+    const [formatState, setFormatState] = React12.useState({
       bold: false,
       italic: false,
       underline: false,
@@ -7021,18 +7070,18 @@ var SimpleEditor = React23__namespace.default.forwardRef(
       quote: false,
       code: false
     });
-    const updateContent = React23.useCallback((newContent) => {
+    const updateContent = React12.useCallback((newContent) => {
       setContent(newContent);
       onChange?.(newContent);
     }, [onChange]);
-    const saveSelection = React23.useCallback(() => {
+    const saveSelection = React12.useCallback(() => {
       const selection2 = window.getSelection();
       if (selection2 && selection2.rangeCount > 0) {
         return selection2.getRangeAt(0);
       }
       return null;
     }, []);
-    React23.useCallback((range) => {
+    React12.useCallback((range) => {
       if (!range)
         return;
       const selection2 = window.getSelection();
@@ -7041,7 +7090,7 @@ var SimpleEditor = React23__namespace.default.forwardRef(
         selection2.addRange(range);
       }
     }, []);
-    const executeCommand = React23.useCallback((command, value2) => {
+    const executeCommand = React12.useCallback((command, value2) => {
       if (disabled)
         return;
       if (editorRef.current) {
@@ -7074,11 +7123,11 @@ var SimpleEditor = React23__namespace.default.forwardRef(
         editorRef.current.focus();
       }
     }, [disabled, saveSelection, updateContent]);
-    const handleInput = React23.useCallback((e) => {
+    const handleInput = React12.useCallback((e) => {
       const newContent = e.currentTarget.innerHTML;
       updateContent(newContent);
     }, [updateContent]);
-    const handleKeyDown = React23.useCallback((e) => {
+    const handleKeyDown = React12.useCallback((e) => {
       if (e.ctrlKey || e.metaKey) {
         switch (e.key) {
           case "b":
@@ -7108,22 +7157,22 @@ var SimpleEditor = React23__namespace.default.forwardRef(
         executeCommand("insertHTML", "&nbsp;&nbsp;&nbsp;&nbsp;");
       }
     }, [executeCommand]);
-    const insertLink = React23.useCallback(() => {
+    const insertLink = React12.useCallback(() => {
       const url = prompt("Enter URL:");
       if (url) {
         executeCommand("createLink", url);
       }
     }, [executeCommand]);
-    const insertImage = React23.useCallback(() => {
+    const insertImage = React12.useCallback(() => {
       const url = prompt("Enter image URL:");
       if (url) {
         executeCommand("insertImage", url);
       }
     }, [executeCommand]);
-    const formatHeading = React23.useCallback((level) => {
+    const formatHeading = React12.useCallback((level) => {
       executeCommand("formatBlock", `<h${level}>`);
     }, [executeCommand]);
-    const setTextColor = React23.useCallback((color) => {
+    const setTextColor = React12.useCallback((color) => {
       const selection2 = window.getSelection();
       if (selection2 && selection2.rangeCount > 0) {
         const range = selection2.getRangeAt(0);
@@ -7140,12 +7189,12 @@ var SimpleEditor = React23__namespace.default.forwardRef(
         }
       }
     }, [executeCommand, updateContent]);
-    React23__namespace.default.useEffect(() => {
+    React12__namespace.default.useEffect(() => {
       if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
-    React23__namespace.default.useEffect(() => {
+    React12__namespace.default.useEffect(() => {
       if (value !== void 0 && value !== content) {
         setContent(value);
         setSourceContent(value);
@@ -7507,8 +7556,8 @@ var SimpleEditor = React23__namespace.default.forwardRef(
 );
 SimpleEditor.displayName = "SimpleEditor";
 var CharacterCount = ({ content }) => {
-  const [count, setCount] = React23.useState(0);
-  React23.useEffect(() => {
+  const [count, setCount] = React12.useState(0);
+  React12.useEffect(() => {
     const getPlainText = (html) => {
       const div = document.createElement("div");
       div.innerHTML = html;
@@ -7555,7 +7604,7 @@ var skeletonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Skeleton = React23__namespace.forwardRef(
+var Skeleton = React12__namespace.forwardRef(
   ({
     className,
     variant,
@@ -7621,6 +7670,7 @@ var Skeleton = React23__namespace.forwardRef(
       SkeletonElement,
       {
         ref,
+        "aria-hidden": "true",
         className: cn(
           "moonui-theme",
           skeletonVariants({ variant, size, shape, animation }),
@@ -7639,7 +7689,7 @@ var Skeleton = React23__namespace.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React23__namespace.forwardRef(
+var SkeletonText = React12__namespace.forwardRef(
   ({
     className,
     lines = 3,
@@ -7680,7 +7730,7 @@ var SkeletonText = React23__namespace.forwardRef(
   }
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = React23__namespace.forwardRef(
+var SkeletonAvatar = React12__namespace.forwardRef(
   ({
     className,
     size = "2.5rem",
@@ -7706,7 +7756,7 @@ var SkeletonAvatar = React23__namespace.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React23__namespace.forwardRef(
+var SkeletonCard = React12__namespace.forwardRef(
   ({
     className,
     showHeader = true,
@@ -7780,11 +7830,11 @@ var SkeletonCard = React23__namespace.forwardRef(
   }
 );
 SkeletonCard.displayName = "SkeletonCard";
-var SwipeableCard = React23__namespace.forwardRef(
+var SwipeableCard = React12__namespace.forwardRef(
   ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
-    const [startX, setStartX] = React23__namespace.useState(0);
-    const [currentX, setCurrentX] = React23__namespace.useState(0);
-    const [isSwiping, setIsSwiping] = React23__namespace.useState(false);
+    const [startX, setStartX] = React12__namespace.useState(0);
+    const [currentX, setCurrentX] = React12__namespace.useState(0);
+    const [isSwiping, setIsSwiping] = React12__namespace.useState(false);
     const handleTouchStart = (e) => {
       if (disabled)
         return;
@@ -7879,7 +7929,7 @@ var switchThumbVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Switch = React23__namespace.forwardRef(({
+var Switch = React12__namespace.forwardRef(({
   className,
   size,
   variant,
@@ -7890,7 +7940,7 @@ var Switch = React23__namespace.forwardRef(({
   "aria-describedby": ariaDescribedBy,
   ...props
 }, ref) => {
-  const reactId = React23__namespace.useId();
+  const reactId = React12__namespace.useId();
   const descriptionId = description ? `${reactId}-description` : void 0;
   const describedBy = [ariaDescribedBy, descriptionId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "moonui-theme inline-flex items-center gap-2", children: [
@@ -7918,7 +7968,7 @@ var Switch = React23__namespace.forwardRef(({
   ] });
 });
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
-var TagsInput = React23__namespace.forwardRef(
+var TagsInput = React12__namespace.forwardRef(
   ({
     value = [],
     onChange,
@@ -7931,12 +7981,12 @@ var TagsInput = React23__namespace.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const [inputValue, setInputValue] = React23__namespace.useState("");
-    const [error, setError] = React23__namespace.useState("");
-    const innerInputRef = React23__namespace.useRef(null);
-    React23__namespace.useImperativeHandle(ref, () => innerInputRef.current);
-    const tagButtonRefs = React23__namespace.useRef([]);
-    const errorId = React23__namespace.useId();
+    const [inputValue, setInputValue] = React12__namespace.useState("");
+    const [error, setError] = React12__namespace.useState("");
+    const innerInputRef = React12__namespace.useRef(null);
+    React12__namespace.useImperativeHandle(ref, () => innerInputRef.current);
+    const tagButtonRefs = React12__namespace.useRef([]);
+    const errorId = React12__namespace.useId();
     const focusTag = (index) => {
       if (value.length === 0)
         return;
@@ -8113,7 +8163,7 @@ var textareaVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Textarea = React23__namespace.forwardRef(
+var Textarea = React12__namespace.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -8133,12 +8183,12 @@ var Textarea = React23__namespace.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const reactId = React23__namespace.useId();
+    const reactId = React12__namespace.useId();
     const fieldId = props.id || reactId;
-    const textareaRef = React23__namespace.useRef(null);
-    const [internalValue, setInternalValue] = React23__namespace.useState(value || defaultValue || "");
-    React23__namespace.useImperativeHandle(ref, () => textareaRef.current);
-    const adjustHeight = React23__namespace.useCallback(() => {
+    const textareaRef = React12__namespace.useRef(null);
+    const [internalValue, setInternalValue] = React12__namespace.useState(value || defaultValue || "");
+    React12__namespace.useImperativeHandle(ref, () => textareaRef.current);
+    const adjustHeight = React12__namespace.useCallback(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoResize)
         return;
@@ -8152,10 +8202,10 @@ var Textarea = React23__namespace.forwardRef(
         textarea.style.overflowY = "hidden";
       }
     }, [autoResize, maxHeight]);
-    React23__namespace.useEffect(() => {
+    React12__namespace.useEffect(() => {
       adjustHeight();
     }, [internalValue, adjustHeight]);
-    React23__namespace.useEffect(() => {
+    React12__namespace.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -8221,7 +8271,7 @@ var Textarea = React23__namespace.forwardRef(
 );
 Textarea.displayName = "Textarea";
 var ToastProvider = ToastPrimitives__namespace.Provider;
-var ToastViewport = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastViewport = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Viewport,
   {
     ref,
@@ -8250,7 +8300,7 @@ var toastVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toast = React23__namespace.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React12__namespace.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToastPrimitives__namespace.Root,
     {
@@ -8261,7 +8311,7 @@ var Toast = React23__namespace.forwardRef(({ className, variant, ...props }, ref
   );
 });
 Toast.displayName = ToastPrimitives__namespace.Root.displayName;
-var ToastAction = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastAction = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Action,
   {
     ref,
@@ -8273,7 +8323,7 @@ var ToastAction = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 ToastAction.displayName = ToastPrimitives__namespace.Action.displayName;
-var ToastClose = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ToastClose = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ToastPrimitives__namespace.Close,
   {
     ref,
@@ -8290,7 +8340,7 @@ var ToastClose = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
-var ToastTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Title,
   {
     ref,
@@ -8299,7 +8349,7 @@ var ToastTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ToastTitle.displayName = ToastPrimitives__namespace.Title.displayName;
-var ToastDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Description,
   {
     ref,
@@ -8407,8 +8457,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React23__namespace.useState(memoryState);
-  React23__namespace.useEffect(() => {
+  const [state, setState] = React12__namespace.useState(memoryState);
+  React12__namespace.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -8461,7 +8511,7 @@ var kbdVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Kbd = React23__namespace.forwardRef(
+var Kbd = React12__namespace.forwardRef(
   ({ className, size, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "kbd",
@@ -8498,7 +8548,7 @@ var iconSizeMap = {
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React23__namespace.forwardRef(
+var Rating = React12__namespace.forwardRef(
   ({
     className,
     value,
@@ -8516,11 +8566,11 @@ var Rating = React23__namespace.forwardRef(
     const iconSizeClass = iconSizeMap[resolvedSize];
     const step = precision === "half" ? 0.5 : 1;
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React23__namespace.useState(defaultValue ?? 0);
+    const [internalValue, setInternalValue] = React12__namespace.useState(defaultValue ?? 0);
     const currentValue = isControlled ? value ?? 0 : internalValue;
-    const [hoverValue, setHoverValue] = React23__namespace.useState(null);
+    const [hoverValue, setHoverValue] = React12__namespace.useState(null);
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
-    const commit = React23__namespace.useCallback(
+    const commit = React12__namespace.useCallback(
       (next) => {
         if (readOnly)
           return;
@@ -8530,7 +8580,7 @@ var Rating = React23__namespace.forwardRef(
       },
       [readOnly, isControlled, onValueChange]
     );
-    const handleKeyDown = React23__namespace.useCallback(
+    const handleKeyDown = React12__namespace.useCallback(
       (event) => {
         if (readOnly)
           return;
@@ -8559,9 +8609,9 @@ var Rating = React23__namespace.forwardRef(
       [readOnly, max, currentValue, step, commit]
     );
     const renderIcon = (filled) => {
-      if (React23__namespace.isValidElement(icon)) {
+      if (React12__namespace.isValidElement(icon)) {
         const element = icon;
-        return React23__namespace.cloneElement(element, {
+        return React12__namespace.cloneElement(element, {
           className: cn(
             iconSizeClass,
             "shrink-0",
@@ -8695,7 +8745,7 @@ var dotSizeMap = {
   lg: "h-2 w-2",
   xl: "h-2.5 w-2.5"
 };
-var Spinner = React23__namespace.forwardRef(
+var Spinner = React12__namespace.forwardRef(
   ({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -8774,15 +8824,15 @@ var buttonGroupVariants = classVarianceAuthority.cva(
     }
   }
 );
-var ButtonGroup = React23__namespace.forwardRef(
+var ButtonGroup = React12__namespace.forwardRef(
   ({ className, orientation, attached, size, variant, children, ...props }, ref) => {
     const shouldPropagate = size !== void 0 || variant !== void 0;
-    const enhancedChildren = shouldPropagate ? React23__namespace.Children.map(children, (child) => {
-      if (!React23__namespace.isValidElement(child) || child.type !== Button) {
+    const enhancedChildren = shouldPropagate ? React12__namespace.Children.map(children, (child) => {
+      if (!React12__namespace.isValidElement(child) || child.type !== Button) {
         return child;
       }
       const childProps = child.props;
-      return React23__namespace.cloneElement(child, {
+      return React12__namespace.cloneElement(child, {
         size: childProps.size ?? size,
         variant: childProps.variant ?? variant
       });
@@ -8800,11 +8850,11 @@ var ButtonGroup = React23__namespace.forwardRef(
   }
 );
 ButtonGroup.displayName = "ButtonGroup";
-var ToggleGroupContext = React23__namespace.createContext({
+var ToggleGroupContext = React12__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React23__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToggleGroup = React12__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
@@ -8821,8 +8871,8 @@ var ToggleGroup = React23__namespace.forwardRef(({ className, variant, size, chi
   }
 ));
 ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React23__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React23__namespace.useContext(ToggleGroupContext);
+var ToggleGroupItem = React12__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React12__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -9230,6 +9280,7 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.aspectRatioVariants = aspectRatioVariants;
 exports.badgeVariants = badgeVariants;
+exports.breadcrumbVariants = breadcrumbVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.carouselContentVariants = carouselContentVariants;
@@ -9260,6 +9311,8 @@ exports.separatorVariants = separatorVariants;
 exports.skeletonVariants = skeletonVariants;
 exports.spinnerVariants = spinnerVariants;
 exports.switchVariants = switchVariants;
+exports.tabsListVariants = tabsListVariants;
+exports.tabsTriggerVariants = tabsTriggerVariants;
 exports.toast = toast;
 exports.toggleVariants = toggleVariants;
 exports.tooltipVariants = tooltipVariants;