@moontra/moonui 6.6.0 → 6.8.0

package/dist/index.js

@@ -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');
@@ -105,7 +106,7 @@ var AccordionTrigger = React23__namespace.forwardRef(({ className, children, ...
     ref,
     className: cn(
       "flex flex-1 items-center justify-between py-4 font-medium transition-all dark:text-gray-100",
-      "hover:underline hover:text-primary dark:hover:text-primary-400",
+      "hover:underline hover:text-primary",
       "[&[data-state=open]>svg]:rotate-180",
       className
     ),
@@ -605,8 +606,11 @@ var breadcrumbVariants = classVarianceAuthority.cva(
     }
   }
 );
+var BreadcrumbSeparatorContext = React23__namespace.createContext(void 0);
 var Breadcrumb = React23__namespace.forwardRef(
-  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  // #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,7 +618,7 @@ var Breadcrumb = React23__namespace.forwardRef(
       "aria-label": "breadcrumb",
       ...props
     }
-  )
+  ) })
 );
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React23__namespace.forwardRef(
@@ -656,25 +660,25 @@ 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 } : {};
+  ({ 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,33 +689,50 @@ 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 = React23__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(
@@ -1078,7 +1099,7 @@ var cardVariants = classVarianceAuthority.cva(
         default: "",
         outline: "border border-border shadow-none bg-transparent dark:border-gray-700 dark:bg-transparent dark:text-gray-200",
         filled: "border-none bg-secondary dark:bg-gray-800 dark:text-gray-100 dark:shadow-inner dark:shadow-gray-950/10",
-        elevated: "border-none shadow-md dark:shadow-lg dark:shadow-gray-900/30 dark:bg-gray-850 dark:text-gray-100",
+        elevated: "border-none shadow-md dark:shadow-lg dark:shadow-gray-900/30 dark:bg-card dark:text-gray-100",
         gradient: "border-none bg-gradient-to-br from-primary/5 to-primary/10 dark:from-primary/10 dark:to-primary/20",
         glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10"
       },
@@ -2252,11 +2273,17 @@ var PopoverContent = React23__namespace.forwardRef(({
   sideOffset = 4,
   ...props
 }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  overlayBackdrop && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-40 bg-overlay opacity-30" }),
+  overlayBackdrop && /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-40 bg-black/50"
+    }
+  ),
   /* @__PURE__ */ jsxRuntime.jsx(
     PopoverPrimitive__namespace.Content,
     {
       ref,
+      side,
       sideOffset,
       collisionPadding: 8,
       onInteractOutside: (e) => {
@@ -2306,15 +2333,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 = React23__namespace.createContext("horizontal");
+var Tabs = React23__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",
@@ -2348,11 +2379,13 @@ var tabsListVariants = classVarianceAuthority.cva(
   }
 );
 var TabsList = React23__namespace.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+  const contextOrientation = React23__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
     }
   );
@@ -2402,25 +2435,29 @@ 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 = React23__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(
   TabsPrimitive__namespace.Content,
@@ -4842,7 +4879,7 @@ var Progress = React23__namespace.forwardRef(({
           "div",
           {
             className: cn(
-              progressIndicatorVariants({ variant: indicatorVariant || "primary", animation }),
+              progressIndicatorVariants({ variant: indicatorVariant ?? variant ?? "primary", animation }),
               indeterminate && "animate-indeterminate-progress"
             ),
             style: indeterminate ? {} : { transform: `translateX(-${100 - percentage}%)` }
@@ -5855,14 +5892,17 @@ 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 = React23__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(
@@ -5876,75 +5916,72 @@ 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 }));
 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 = React23__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 = React23__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 = React23__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 = React23__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";
@@ -9224,6 +9261,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;
@@ -9254,6 +9292,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;