@moontra/moonui 6.24.0 → 6.25.0

package/dist/index.js

@@ -95,7 +95,7 @@ var AccordionItem = React12__namespace.forwardRef(({ className, ...props }, ref)
   AccordionPrimitive__namespace.Item,
   {
     ref,
-    className: cn("moonui-theme", "border-b border-gray-200 dark:border-gray-800", className),
+    className: cn("moonui-theme", "border-b border-border", className),
     ...props
   }
 ));
@@ -105,7 +105,9 @@ var AccordionTrigger = React12__namespace.forwardRef(({ className, children, ...
   {
     ref,
     className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all dark:text-gray-100",
+      // #661-17: `dark:text-gray-100` KALDIRILDI — tetikleyici artık iki temada
+      // da `--foreground`u miras alır (koyu temada 213 31% 91% ≈ gray-100).
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all",
       "hover:underline hover:text-primary",
       "[&[data-state=open]>svg]:rotate-180",
       className
@@ -123,7 +125,13 @@ var AccordionContent = React12__namespace.forwardRef(({ className, children, ...
   {
     ref,
     className: cn(
-      "overflow-hidden text-sm text-gray-700 dark:text-gray-300 transition-all",
+      // #661-17: ham `text-gray-700 dark:text-gray-300` → `text-foreground/80`.
+      // Ölçüldü (iki tema, kart zemini): açık 10.30 → 11.48, koyu 12.19 → 9.44.
+      // İkisi de AA'nın (4.5) çok üstünde, yani eşik geçilmiyor — `#545 ihlal
+      // takası` sınıfı bir gerileme YOK. `text-muted-foreground` bilerek
+      // SEÇİLMEDİ: açık temada 4.76'ya inip gövde metnini görünür biçimde
+      // soldururdu (§9 estetik değişiklik olurdu).
+      "overflow-hidden text-sm text-foreground/80 transition-all",
       "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       className
     ),
@@ -140,7 +148,7 @@ var alertVariants = classVarianceAuthority.cva(
         default: "bg-background text-foreground border-border",
         primary: "bg-primary/10 text-primary border-primary/30",
         success: "bg-success/10 text-success border-success/30",
-        warning: "bg-warning/10 text-warning border-warning/30",
+        warning: "bg-warning/10 text-warning-subtle-foreground border-warning/30",
         error: "bg-destructive/10 text-destructive border-destructive/30",
         // `--info` token'ı (tokens.css) blue-500 ile birebir aynı değeri
         // taşır → görsel değişiklik yok, ancak varyant artık temaya ve
@@ -428,11 +436,22 @@ var badgeVariants = classVarianceAuthority.cva(
         // aynı varyant pro pakette token'lıydı → free ve pro `primary` için
         // farklı renk üretiyordu. Artık token'a bağlı (tema/karanlık moda duyarlı).
         // `primary` VARSAYILAN varyant olduğu için görünür bir renk değişimidir.
+        // #646: `dark:bg-primary/90` KALDIRILDI. `primary` VARSAYILAN varyant olduğu
+        // için varyant verilmeyen HER `<Badge>` bu sınıfı alıyordu; `tailwind-merge`
+        // `dark:` önekli arka planı tüketicinin ÖNEKSİZ `bg-*` sınıfıyla aynı grupta
+        // görmediğinden ikisi birden hayatta kalıyor ve koyu temada `dark:` özgüllükle
+        // kazanıyordu. Sonuç: `<Badge className="bg-green-500/20 text-green-300">`
+        // koyu temada near-white zemin + açık yeşil metin = 1.10:1 (ölçüldü,
+        // magnetic-button "Pending"; swipe-actions'ta 6 rozet 1.10–1.48 aralığında).
+        // ÖNEKSİZ `bg-primary` bırakıldı: tüketici sınıfıyla AYNI grupta çakışır ve
+        // doğru şekilde ezilir. Rozetin kendi görünümü BOZULMAZ — koyu temada
+        // `bg-primary` + `text-primary-foreground` 16.16 → 19.80'e çıkar
+        // (yarı saydamlık kalktığı için); açık temada değişiklik yok.
         primary: [
           "border-transparent bg-primary text-primary-foreground",
           "hover:bg-primary/90",
           "focus-visible:ring-primary/30 dark:focus-visible:ring-primary/40",
-          "dark:bg-primary/90 dark:shadow-inner dark:shadow-primary/10"
+          "dark:shadow-inner dark:shadow-primary/10"
         ],
         secondary: [
           "border-transparent bg-secondary text-secondary-foreground",
@@ -880,9 +899,11 @@ var buttonVariants = classVarianceAuthority.cva(
         ],
         glow: [
           "bg-blue-500 text-white",
-          "shadow-[0_0_30px_rgba(59,130,246,0.5)]",
-          "hover:shadow-[0_0_40px_rgba(59,130,246,0.7)]",
-          "active:shadow-[0_0_20px_rgba(59,130,246,0.4)]",
+          // #664 S3: rgba(59,130,246,…) → --glow-blue-rgb (tokens.css). Değer AYNI
+          // (Tailwind blue-500), yalnız merkezi token'a taşındı — görsel değişiklik yok.
+          "shadow-[0_0_30px_rgba(var(--glow-blue-rgb),0.5)]",
+          "hover:shadow-[0_0_40px_rgba(var(--glow-blue-rgb),0.7)]",
+          "active:shadow-[0_0_20px_rgba(var(--glow-blue-rgb),0.4)]",
           "hover:bg-blue-600",
           "focus-visible:ring-blue-500/50",
           "transition-all duration-300"
@@ -911,8 +932,9 @@ var buttonVariants = classVarianceAuthority.cva(
           "bg-transparent text-green-400",
           "border-2 border-green-400",
           "hover:bg-green-400 hover:text-gray-900",
-          "hover:shadow-[0_0_30px_rgba(74,222,128,0.6)]",
-          "active:shadow-[0_0_15px_rgba(74,222,128,0.4)]",
+          // #664 S3: rgba(74,222,128,…) → --glow-green-rgb (tokens.css), piksel-özdeş.
+          "hover:shadow-[0_0_30px_rgba(var(--glow-green-rgb),0.6)]",
+          "active:shadow-[0_0_15px_rgba(var(--glow-green-rgb),0.4)]",
           "focus-visible:ring-green-400/50",
           "transition-all duration-300"
         ]
@@ -959,22 +981,40 @@ var Button = React12__namespace.forwardRef(
     rightIcon,
     children,
     disabled,
+    onClick,
     ...props
   }, ref) => {
-    const Comp = asChild ? "button" : "button";
+    const renderAsSlot = asChild && React12__namespace.isValidElement(children);
+    const Comp = renderAsSlot ? reactSlot.Slot : "button";
+    const isDisabled = disabled || loading;
+    const disabledProps = renderAsSlot ? {
+      "aria-disabled": isDisabled || void 0,
+      "data-disabled": isDisabled ? "" : void 0
+    } : { disabled: isDisabled };
+    const handleClick = renderAsSlot && isDisabled ? (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    } : onClick;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
-        className: cn("moonui-theme", buttonVariants({ variant, size, rounded, fullWidth, className })),
+        className: cn(
+          "moonui-theme",
+          buttonVariants({ variant, size, rounded, fullWidth, className }),
+          // `:disabled` eşleşmediği için görsel/etkileşimsel devre dışılık Slot
+          // dalında açık sınıflarla verilir.
+          renderAsSlot && isDisabled && "opacity-50 cursor-not-allowed pointer-events-none"
+        ),
         ref,
-        disabled: disabled || loading,
+        ...disabledProps,
         "aria-busy": loading || void 0,
         "data-loading": loading ? "" : void 0,
         ...props,
+        onClick: handleClick,
         children: [
           loading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-4 h-4 animate-spin", "aria-hidden": "true" }),
           !loading && leftIcon,
-          children,
+          renderAsSlot ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }) : children,
           !loading && rightIcon
         ]
       }
@@ -1125,16 +1165,16 @@ var skeletonAnimation = {
   }
 };
 var cardVariants = classVarianceAuthority.cva(
-  "rounded-lg border bg-card text-card-foreground shadow-sm dark:shadow-gray-900/20 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-100 transition-all duration-200",
+  "rounded-lg border border-border bg-card text-card-foreground shadow-sm dark:shadow-black/20 transition-all duration-200",
   {
     variants: {
       variant: {
         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-card dark:text-gray-100",
+        outline: "border border-border shadow-none bg-transparent dark:bg-transparent",
+        filled: "border-none bg-secondary dark:bg-muted dark:shadow-inner dark:shadow-black/10",
+        elevated: "border-none shadow-md dark:shadow-lg dark:shadow-black/30 dark:bg-card",
         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"
+        glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-white/10 dark:bg-black/10"
       },
       size: {
         md: "",
@@ -2336,7 +2376,76 @@ var popoverContentVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Popover = PopoverPrimitive__namespace.Root;
+var PopoverModalContext = React12__namespace.createContext(false);
+var POPOVER_TAB_STOP_SELECTOR = "a[href],button,input,select,textarea,[tabindex],audio[controls],video[controls],[contenteditable]";
+function isPopoverElementHidden(node) {
+  const view = node.ownerDocument.defaultView;
+  if (!view)
+    return false;
+  if (view.getComputedStyle(node).visibility === "hidden")
+    return true;
+  let current = node;
+  while (current) {
+    if (view.getComputedStyle(current).display === "none")
+      return true;
+    current = current.parentElement;
+  }
+  return false;
+}
+function isPopoverTabStop(node) {
+  if (node.hasAttribute("data-radix-focus-guard"))
+    return false;
+  if (node.tabIndex < 0)
+    return false;
+  if (node.disabled)
+    return false;
+  if (node.hidden)
+    return false;
+  if (node.getAttribute("aria-hidden") === "true")
+    return false;
+  if (node.closest("[inert]"))
+    return false;
+  return !isPopoverElementHidden(node);
+}
+function getPopoverTabStopsWithin(container) {
+  return Array.from(
+    container.querySelectorAll(POPOVER_TAB_STOP_SELECTOR)
+  ).filter(isPopoverTabStop);
+}
+function getPopoverTrigger(content) {
+  if (!content.id)
+    return null;
+  const id = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(content.id) : content.id;
+  return content.ownerDocument.querySelector(
+    `[aria-controls="${id}"]`
+  );
+}
+function getPopoverTabStopOutside(reference, content, direction) {
+  const candidates = Array.from(
+    content.ownerDocument.querySelectorAll(
+      POPOVER_TAB_STOP_SELECTOR
+    )
+  ).filter((node) => !content.contains(node) && isPopoverTabStop(node));
+  if (direction === "next") {
+    return candidates.find(
+      (node) => Boolean(
+        reference.compareDocumentPosition(node) & Node.DOCUMENT_POSITION_FOLLOWING
+      )
+    ) ?? null;
+  }
+  let previous = null;
+  for (const node of candidates) {
+    const relation = reference.compareDocumentPosition(node);
+    if (node === reference || relation & Node.DOCUMENT_POSITION_PRECEDING) {
+      previous = node;
+    } else {
+      break;
+    }
+  }
+  return previous;
+}
+var Popover = ({ modal = false, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(PopoverModalContext.Provider, { value: modal, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { ...props, modal, children }) });
+Popover.displayName = "Popover";
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
 var PopoverContent = React12__namespace.forwardRef(({
@@ -2351,42 +2460,79 @@ var PopoverContent = React12__namespace.forwardRef(({
   closeOnInteractOutside = true,
   overlayBackdrop = false,
   sideOffset = 4,
+  onKeyDown,
   ...props
-}, ref) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  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) => {
-        if (!closeOnInteractOutside) {
-          e.preventDefault();
-        }
-      },
-      className: cn(
-        popoverContentVariants({
-          variant,
-          size,
-          side,
-          position,
-          radius,
-          shadow
-        }),
-        backdrop && "backdrop-blur-md bg-opacity-80",
-        className
-      ),
-      ...props
+}, ref) => {
+  const isModal = React12__namespace.useContext(PopoverModalContext);
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented)
+      return;
+    if (isModal)
+      return;
+    if (event.key !== "Tab")
+      return;
+    if (event.altKey || event.ctrlKey || event.metaKey)
+      return;
+    const content = event.currentTarget;
+    const active = content.ownerDocument.activeElement;
+    if (!active || active !== content && !content.contains(active))
+      return;
+    const tabStops = getPopoverTabStopsWithin(content);
+    const forward = !event.shiftKey;
+    const atEdge = tabStops.length === 0 ? active === content : active === (forward ? tabStops[tabStops.length - 1] : tabStops[0]);
+    if (!atEdge)
+      return;
+    const reference = getPopoverTrigger(content) ?? content;
+    const target = getPopoverTabStopOutside(
+      reference,
+      content,
+      forward ? "next" : "previous"
+    );
+    event.preventDefault();
+    if (target) {
+      target.focus();
+    } else {
+      active.blur();
     }
-  )
-] }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    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) => {
+          if (!closeOnInteractOutside) {
+            e.preventDefault();
+          }
+        },
+        onKeyDown: handleKeyDown,
+        className: cn(
+          popoverContentVariants({
+            variant,
+            size,
+            side,
+            position,
+            radius,
+            shadow
+          }),
+          backdrop && "backdrop-blur-md bg-opacity-80",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
 var PopoverClose = PopoverPrimitive__namespace.Close;
 var PopoverSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2478,7 +2624,22 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
       variant: {
         default: "rounded-md data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:data-[state=active]:bg-gray-900 dark:data-[state=active]:text-gray-100 dark:data-[state=active]:shadow-gray-950/10",
         underline: "rounded-none border-b-2 border-transparent pb-2 data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground dark:data-[state=active]:border-primary/80 dark:data-[state=active]:text-gray-100",
-        pills: "rounded-lg bg-gray-100 hover:bg-gray-200/80 border border-gray-300 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:border-primary dark:bg-gray-800 dark:hover:bg-gray-700 dark:border-gray-700 dark:data-[state=active]:bg-primary/90 dark:data-[state=active]:text-white dark:data-[state=active]:border-primary",
+        // #646: `dark:data-[state=active]:text-white` KALDIRILDI. `--primary` koyu
+        // temada BİLİNÇLİ near-white'tır (tokens.css:500, #368 kararı — DEĞİŞMEZ),
+        // dolayısıyla aktif pill'e açıkça beyaz metin yazmak beyaz-üstüne-beyaz
+        // demekti: ölçülen 1.28:1 (gerçek tarayıcı, /docs/components/tabs, koyu tema).
+        // Sınıf kalkınca öneksiz `data-[state=active]:text-primary-foreground`
+        // (koyu temada near-black) devreye girer → 15.91:1. Açık temada hiçbir
+        // değişiklik yok (`dark:` sınıfı orada zaten uygulanmıyordu; ölçülen 4.70:1).
+        //
+        // ⚠️ `dark:data-[state=active]:bg-primary/90` BİLEREK KORUNDU: onu da
+        // kaldırmak #545'in "ihlal takası" tuzağına düşürüyor. Aynı varyanttaki
+        // `dark:bg-gray-800` (inaktif zemin) ile `data-[state=active]:bg-primary`
+        // ÖZGÜLLÜKÇE EŞİT (0,2,0); kaynak sırası nedeniyle `dark:bg-gray-800`
+        // kazanıyor ve aktif pill koyu temada inaktif görünüyordu — near-black metin
+        // gray-800 üstünde 1.41:1 ile YENİ bir ihlal (ölçüldü). Koyu temada aktif
+        // durumun zemini bu yüzden `dark:` özgüllüğünde kalmak ZORUNDA.
+        pills: "rounded-lg bg-gray-100 hover:bg-gray-200/80 border border-gray-300 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:border-primary dark:bg-gray-800 dark:hover:bg-gray-700 dark:border-gray-700 dark:data-[state=active]:bg-primary/90 dark:data-[state=active]:border-primary",
         cards: "rounded-md bg-muted/50 hover:bg-muted data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-md dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:data-[state=active]:bg-gray-900 dark:data-[state=active]:text-gray-100 dark:data-[state=active]:shadow-gray-950/20",
         minimal: "rounded-sm bg-transparent hover:bg-muted/30 data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:underline data-[state=active]:underline-offset-4 dark:hover:bg-gray-800/30 dark:data-[state=active]:text-gray-200"
       },
@@ -4861,7 +5022,61 @@ function DraggableList({
     keyExtractor(item)
   )) });
 }
-var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuCloseContext = React12__namespace.createContext(null);
+var DropdownMenu = ({
+  open,
+  defaultOpen,
+  onOpenChange,
+  children,
+  ...props
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = React12__namespace.useState(
+    defaultOpen ?? false
+  );
+  const isControlled = open !== void 0;
+  const currentOpen = isControlled ? open : uncontrolledOpen;
+  const handleOpenChange = React12__namespace.useCallback(
+    (nextOpen) => {
+      if (!isControlled)
+        setUncontrolledOpen(nextOpen);
+      onOpenChange?.(nextOpen);
+    },
+    [isControlled, onOpenChange]
+  );
+  const close = React12__namespace.useCallback(() => handleOpenChange(false), [
+    handleOpenChange
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Root,
+    {
+      ...props,
+      open: currentOpen,
+      onOpenChange: handleOpenChange,
+      children
+    }
+  ) });
+};
+DropdownMenu.displayName = "DropdownMenu";
+function useDropdownMenuTabDismiss(onKeyDown) {
+  const close = React12__namespace.useContext(DropdownMenuCloseContext);
+  return (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented)
+      return;
+    if (event.key !== "Tab")
+      return;
+    if (event.altKey || event.ctrlKey || event.metaKey)
+      return;
+    if (!close)
+      return;
+    const target = event.target;
+    if (target?.closest("[data-radix-menu-content]") !== event.currentTarget) {
+      return;
+    }
+    event.preventDefault();
+    close();
+  };
+}
 var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
@@ -4884,30 +5099,38 @@ var DropdownMenuSubTrigger = React12__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
+var DropdownMenuSubContent = React12__namespace.forwardRef(({ className, onKeyDown, ...props }, ref) => {
+  const handleKeyDown = useDropdownMenuTabDismiss(onKeyDown);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.SubContent,
+    {
+      ref,
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React12__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
+var DropdownMenuContent = React12__namespace.forwardRef(({ className, sideOffset = 4, onKeyDown, ...props }, ref) => {
+  const handleKeyDown = useDropdownMenuTabDismiss(onKeyDown);
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      ref,
+      sideOffset,
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
 var DropdownMenuItem = React12__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
@@ -5391,6 +5614,10 @@ var FileUpload = React12__namespace.default.forwardRef(
         {
           className: cn(
             "relative border-2 border-dashed rounded-lg p-8 text-center transition-colors",
+            // #661-2: dosya girdisi `opacity-0` ile tum alani kapliyor; klavyeyle
+            // Tab'landiginda HICBIR gorsel iz yoktu (WCAG 2.4.7). Odak halkasi
+            // sarmalayiciya `focus-within` ile bagli — kutunun kendisi odaklanamaz.
+            "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
             isDragOver && "border-primary bg-primary/5",
             disabled && "opacity-50 cursor-not-allowed",
             !disabled && "hover:border-primary/50 cursor-pointer"
@@ -6306,7 +6533,7 @@ var selectTriggerVariants = classVarianceAuthority.cva(
 );
 var SelectTrigger = React12__namespace.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => {
   const icerikId = React12__namespace.useId();
-  const adVerilmis = props["aria-label"] != null || props["aria-labelledby"] != null;
+  const isNamed = props["aria-label"] != null || props["aria-labelledby"] != null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Trigger,
     {
@@ -6325,7 +6552,7 @@ var SelectTrigger = React12__namespace.forwardRef(({ className, children, varian
       "data-error": error ? true : void 0,
       "data-success": success ? true : void 0,
       "data-loading": loading ? true : void 0,
-      "aria-labelledby": adVerilmis ? props["aria-labelledby"] : icerikId,
+      "aria-labelledby": isNamed ? props["aria-labelledby"] : icerikId,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { id: icerikId, className: "flex items-center flex-1 gap-2", children: [
           leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center text-muted-foreground", children: leftIcon }),
@@ -6433,8 +6660,8 @@ var SelectItem = React12__namespace.forwardRef(({ className, children, variant =
       variant === "default" && "focus:bg-accent focus:text-accent-foreground dark:focus:bg-gray-700 dark:focus:text-gray-100",
       variant === "subtle" && "focus:bg-gray-100 dark:focus:bg-gray-800 focus:text-foreground dark:focus:text-gray-200",
       variant === "destructive" && "text-error dark:text-red-400 focus:bg-error/10 dark:focus:bg-red-900/20 focus:text-error dark:focus:text-red-300",
-      variant === "success" && "text-success dark:text-green-400 focus:bg-success/10 dark:focus:bg-green-900/20 focus:text-success dark:focus:text-green-300",
-      variant === "warning" && "text-warning dark:text-yellow-400 focus:bg-warning/10 dark:focus:bg-yellow-900/20 focus:text-warning dark:focus:text-yellow-300",
+      variant === "success" && "text-success focus:bg-success/10 focus:text-success",
+      variant === "warning" && "text-warning-700 dark:text-warning-500 focus:bg-warning/10 focus:text-warning-700 dark:focus:text-warning-500",
       className
     ),
     ...props,
@@ -7207,8 +7434,100 @@ var tooltipVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Tooltip = TooltipPrimitive__namespace.Root;
-var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+var TooltipFocusHoldContext = React12__namespace.createContext(null);
+function isKeyboardFocus(element) {
+  if (!element)
+    return false;
+  try {
+    return element.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+var Tooltip = ({
+  open,
+  defaultOpen,
+  onOpenChange,
+  children,
+  ...props
+}) => {
+  const isControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = React12__namespace.useState(defaultOpen ?? false);
+  const resolvedOpen = isControlled ? open : uncontrolledOpen;
+  const isFocusHeldRef = React12__namespace.useRef(false);
+  const hold = React12__namespace.useCallback(() => {
+    isFocusHeldRef.current = true;
+  }, []);
+  const release = React12__namespace.useCallback(() => {
+    isFocusHeldRef.current = false;
+  }, []);
+  const setOpen = React12__namespace.useCallback(
+    (next) => {
+      if (!isControlled)
+        setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const handleOpenChange = React12__namespace.useCallback(
+    (next) => {
+      if (!next && isFocusHeldRef.current)
+        return;
+      setOpen(next);
+    },
+    [setOpen]
+  );
+  React12__namespace.useEffect(() => {
+    if (!resolvedOpen)
+      return;
+    const handleEscape = (event) => {
+      if (event.key !== "Escape")
+        return;
+      isFocusHeldRef.current = false;
+      setOpen(false);
+    };
+    document.addEventListener("keydown", handleEscape, true);
+    return () => document.removeEventListener("keydown", handleEscape, true);
+  }, [resolvedOpen, setOpen]);
+  const focusHold = React12__namespace.useMemo(
+    () => ({ hold, release }),
+    [hold, release]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipFocusHoldContext.Provider, { value: focusHold, children: /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Root,
+    {
+      ...props,
+      open: resolvedOpen,
+      onOpenChange: handleOpenChange,
+      children
+    }
+  ) });
+};
+Tooltip.displayName = "Tooltip";
+var TooltipTrigger = React12__namespace.forwardRef(({ onFocus, onBlur, onPointerDown, ...props }, ref) => {
+  const focusHold = React12__namespace.useContext(TooltipFocusHoldContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Trigger,
+    {
+      ref,
+      ...props,
+      onFocus: (event) => {
+        if (isKeyboardFocus(event.currentTarget))
+          focusHold?.hold();
+        onFocus?.(event);
+      },
+      onBlur: (event) => {
+        focusHold?.release();
+        onBlur?.(event);
+      },
+      onPointerDown: (event) => {
+        focusHold?.release();
+        onPointerDown?.(event);
+      }
+    }
+  );
+});
+TooltipTrigger.displayName = TooltipPrimitive__namespace.Trigger.displayName;
 var TooltipArrow = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Arrow,
   {
@@ -8587,7 +8906,7 @@ var Textarea = React12__namespace.forwardRef(
             children: errorMessage || successMessage
           }
         ),
-        showCharCount && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground dark:text-gray-500 ml-auto", children: [
+        showCharCount && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground ml-auto", children: [
           currentLength,
           maxLength !== void 0 && ` / ${maxLength}`
         ] })
@@ -8934,6 +9253,12 @@ var Rating = React12__namespace.forwardRef(
       },
       [readOnly, max, currentValue, step, commit]
     );
+    const reactId = React12__namespace.useId();
+    const optionId = React12__namespace.useCallback(
+      (optionValue) => `${reactId}-option-${String(optionValue).replace(".", "-")}`,
+      [reactId]
+    );
+    const activeValue = currentValue >= step && currentValue <= max ? currentValue : step;
     const renderIcon = (filled) => {
       if (React12__namespace.isValidElement(icon)) {
         const element = icon;
@@ -8963,6 +9288,7 @@ var Rating = React12__namespace.forwardRef(
         "aria-label": ariaLabel,
         "aria-orientation": "horizontal",
         "aria-readonly": readOnly || void 0,
+        "aria-activedescendant": readOnly ? void 0 : optionId(activeValue),
         tabIndex: readOnly ? void 0 : 0,
         onKeyDown: handleKeyDown,
         onMouseLeave: () => setHoverValue(null),
@@ -8985,7 +9311,7 @@ var Rating = React12__namespace.forwardRef(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: "pointer-events-none absolute left-0 top-0 h-full overflow-hidden text-amber-400",
+                    className: "pointer-events-none absolute left-0 top-0 h-full overflow-hidden text-[rgb(var(--rating-star-rgb))]",
                     style: { width: `${fraction * 100}%` },
                     children: renderIcon(true)
                   }
@@ -8996,6 +9322,7 @@ var Rating = React12__namespace.forwardRef(
                     {
                       type: "button",
                       role: "radio",
+                      id: optionId(halfValue),
                       "aria-checked": currentValue === halfValue,
                       "aria-label": `${halfValue} stars`,
                       tabIndex: -1,
@@ -9009,6 +9336,7 @@ var Rating = React12__namespace.forwardRef(
                     {
                       type: "button",
                       role: "radio",
+                      id: optionId(starValue),
                       "aria-checked": currentValue === starValue,
                       "aria-label": `${starValue} stars`,
                       tabIndex: -1,
@@ -9023,6 +9351,7 @@ var Rating = React12__namespace.forwardRef(
                   {
                     type: "button",
                     role: "radio",
+                    id: optionId(starValue),
                     "aria-checked": currentValue === starValue,
                     "aria-label": `${starValue} ${starValue === 1 ? "star" : "stars"}`,
                     tabIndex: -1,
@@ -9630,6 +9959,7 @@ exports.moonUIInputOTPSlotVariants = inputOTPSlotVariants;
 exports.moonUIKbdVariants = kbdVariants;
 exports.moonUIPopoverContentVariants = popoverContentVariants;
 exports.moonUIRatingVariants = ratingVariants;
+exports.moonUISeparatorVariants = separatorVariants;
 exports.moonUISkeletonVariants = skeletonVariants;
 exports.moonUISpinnerVariants = spinnerVariants;
 exports.moonUIToggleVariants = toggleVariants;