@moontra/moonui 6.19.0 → 6.19.1

package/dist/index.mjs

@@ -2550,8 +2550,33 @@ var sliderRangeVariants = cva(
         secondary: "bg-[rgb(var(--secondary-500))]",
         accent: "bg-accent",
         success: "bg-success",
-        warning: "bg-warning",
-        error: "bg-error"
+        // #442 (#424/PR #440'ın slider ikizi): range `bg-warning`/`bg-error` idi —
+        // track (`bg-warning/20` · `bg-error/20`) AYNI token'ın alfalı hâli olduğundan
+        // LIGHT temada ayrım kayboluyordu: warning 1.835 · error 2.893 (eşik 3:1,
+        // WCAG 1.4.11 non-text). DARK tema zaten temizdi (warning 6.97 · error 4.46).
+        //
+        // KÖK NEDEN: `--warning` ve `--error` tokens.css'in `.dark` bloğunda
+        // EZİLMİYOR — iki temada aynı renk. Kardeşleri tema-uyarlanabilir olduğu
+        // için geçiyor (`--success` light %29 → dark %36; ölçüm: success A ekseni
+        // light 3.73 / dark 4.83). Bu iki aile o uyarlamadan yoksun.
+        //
+        // ÇÖZÜM: eksik tema-uyarlamasını component düzeyinde ver — light'ta skalanın
+        // -700 kademesine in, dark'ta semantik token'a DOKUNMA (dark render bit-bit
+        // aynı kalır, regresyon yüzeyi sıfır). Tema-KÖR bir -700 ataması dark'ı
+        // kırardı: gerçek docs kartı (#111827) üstünde warning 2.499 ✗ · error 2.232 ✗.
+        // Tam skala taraması (11 kademe × 2 aile × 3 zemin × 2 tema) track `/20` iken
+        // iki temayı birden geçen kademe kümesini BOŞ buluyor → `dark:` ayrımı ZORUNLU;
+        // #389'un tek-orta-ton (`--secondary-500`) çözümü burada uygulanamaz, çünkü
+        // orada `--secondary` temaya göre değişiyordu. Aynı `dark:` deseni badge.tsx:51-63
+        // ve progress.tsx:110-111'de zaten kullanılıyor.
+        // Ölçülen sonuç — warning: light 1.835 → 4.235 ✓ · error: light 2.893 → 4.950 ✓
+        // (dark değişmedi: 6.97 / 4.46; docs kartı 5.77 / 3.82).
+        // Skala token'ları RGB üçlüsüdür (semantiklerin HSL'inden farklı) →
+        // `rgb(var(--x-700))` kompozisyonu; `bg-warning-700` YAZILMADI, preset bu
+        // ailelere sayısal skala açmıyor (#307 ölü-sınıf tuzağı).
+        // Regresyon: __tests__/slider-warning-error-contrast.test.ts
+        warning: "bg-[rgb(var(--warning-700))] dark:bg-warning",
+        error: "bg-[rgb(var(--error-700))] dark:bg-error"
       }
     },
     defaultVariants: {
@@ -2580,8 +2605,25 @@ var sliderThumbVariants = cva(
         secondary: "border-[rgb(var(--secondary-500))] bg-background",
         accent: "border-accent bg-background",
         success: "border-success bg-background",
-        warning: "border-warning bg-background",
-        error: "border-error bg-background"
+        // #442 EKSEN B (range'den FARKLI eksen: bileşen↔sayfa-zemini) — #407'de
+        // `secondary` için açılan eksenin warning/error karşılığı. Tutamacın dolgusu
+        // `bg-background`, yani zeminin kendisi; ayırt edilebilirliği YALNIZ kenarlık
+        // taşır → non-text UI bileşeni, WCAG 1.4.11 ≥3:1.
+        // ÖLÇÜLEN (eski değerler): warning light **2.133 ✗** · error light 3.781 ✓;
+        // dark ikisi de rahat geçiyordu (9.45 / 5.33).
+        //
+        // `warning` KUSURLUYDU, düzeltildi. `error` bu eksende zaten geçiyordu ama
+        // yine de aynı ifadeye çekildi: range light'ta -700'e indiği için kenarlık
+        // `border-error`da bırakılsaydı LIGHT temada dolgu rgb(185,28,28), tutamaç
+        // rgb(239,67,67) olurdu — düzeltmenin KENDİSİ iki-tonlu bir görünüm üretirdi.
+        // #407'nin gerekçesi birebir geçerli: "tutamaç ve dolgu tek renkte okunur".
+        // Değişim kontrastı düşürmüyor, artırıyor: error light 3.781 → 6.470.
+        // Dark'ta `dark:border-*` semantik token'ı koruduğu için render bit-bit aynı.
+        // Ölçülen sonuç — warning: light 2.133 → 4.923 ✓ · error: light 3.781 → 6.470 ✓
+        // (dark değişmedi: 9.45 / 5.33; docs kartı 8.32 / 4.69).
+        // Regresyon: __tests__/slider-warning-error-contrast.test.ts
+        warning: "border-[rgb(var(--warning-700))] dark:border-warning bg-background",
+        error: "border-[rgb(var(--error-700))] dark:border-error bg-background"
       },
       size: {
         sm: "h-3 w-3",
@@ -3773,6 +3815,8 @@ var CommandShortcut = ({
 };
 CommandShortcut.displayName = "CommandShortcut";
 var TableSortContext = React12.createContext(null);
+var TableStripedContext = React12.createContext(false);
+var STRIPED_ROW_CLASSES = "odd:bg-muted/50 hover:bg-accent";
 function nextSortDirection(current) {
   if (current === "asc")
     return "desc";
@@ -3825,6 +3869,7 @@ var Table = React12.forwardRef(({
   onRowSelectionChange: _onRowSelectionChange,
   disableRowSelection: _disableRowSelection,
   getRowId: _getRowId,
+  children,
   ...props
 }, ref) => {
   const striped = variant === "striped";
@@ -3832,20 +3877,9 @@ var Table = React12.forwardRef(({
     () => ({ sortColumn, sortDirection, onSortChange }),
     [sortColumn, sortDirection, onSortChange]
   );
-  const childrenWithProps = React12.Children.map(props.children, (child) => {
-    if (React12.isValidElement(child)) {
-      if (child.type === "tbody") {
-        const tbodyProps = child.props;
-        return React12.cloneElement(child, {
-          className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
-        });
-      }
-    }
-    return child;
-  });
   return /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-auto", children: [
     loading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-background/60 flex items-center justify-center z-10", children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }),
-    /* @__PURE__ */ jsx(TableSortContext.Provider, { value: sortContextValue, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(TableSortContext.Provider, { value: sortContextValue, children: /* @__PURE__ */ jsx(TableStripedContext.Provider, { value: striped, children: /* @__PURE__ */ jsx(
       "table",
       {
         ref,
@@ -3855,13 +3889,13 @@ var Table = React12.forwardRef(({
           className
         ),
         ...props,
-        children: childrenWithProps
+        children
       }
-    ) })
+    ) }) })
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
+var TableHeader = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props, children: /* @__PURE__ */ jsx(TableStripedContext.Provider, { value: false, children }) }));
 TableHeader.displayName = "TableHeader";
 var TableBody = React12.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
   const hasChildren = React12.Children.count(children) > 0;
@@ -3876,26 +3910,31 @@ var TableBody = React12.forwardRef(({ className, emptyContent, emptyMessage = "N
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
     className: cn("moonui-theme", "bg-primary text-primary-foreground font-medium", className),
-    ...props
+    ...props,
+    children: /* @__PURE__ */ jsx(TableStripedContext.Provider, { value: false, children })
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
-    ),
-    ...props
-  }
-));
+var TableRow = React12.forwardRef(({ className, ...props }, ref) => {
+  const striped = React12.useContext(TableStripedContext);
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        striped && STRIPED_ROW_CLASSES,
+        className
+      ),
+      ...props
+    }
+  );
+});
 TableRow.displayName = "TableRow";
 var TableHead = React12.forwardRef(
   ({ className, sortable, sorted, onSort, columnId, align = "left", children, ...props }, ref) => {
@@ -4910,8 +4949,31 @@ var progressIndicatorVariants = cva(
         // Regresyon: __tests__/progress-secondary-contrast.test.ts
         secondary: "bg-[rgb(var(--secondary-500))]",
         success: "bg-success",
-        warning: "bg-warning",
-        error: "bg-error"
+        // #424 (#372'nin kardeşi): dolgu `bg-warning`/`bg-error` idi — track
+        // (`bg-warning/20` · `bg-error/20`) AYNI token'ın alfalı hâli olduğundan
+        // LIGHT temada ayrım kayboluyordu: warning 1.83 · error 2.89 (eşik 3:1,
+        // WCAG 1.4.11). DARK tema zaten temizdi (warning 6.97 · error 4.46).
+        //
+        // KÖK NEDEN: `--warning` ve `--error` tokens.css'te `.dark` bloğunda
+        // EZİLMİYOR — iki temada aynı renk. Kardeşleri `--success` (light 29% →
+        // dark 36%) ve `--primary` tema-uyarlanabilir olduğu için eşiği geçiyor;
+        // bu iki aile o uyarlamadan yoksun kaldığı için light'ta kalıyor.
+        //
+        // ÇÖZÜM: eksik tema-uyarlamasını component düzeyinde ver — light'ta
+        // skalanın -700 kademesine in, dark'ta semantik token'a DOKUNMA.
+        // Tema-KÖR bir -700 ataması dark'ı kırardı (docs kartında warning 2.50 ✗
+        // · error 2.23 ✗); `dark:` ayrımı tam olarak bunu önler ve dark render'ı
+        // bit-bit aynı bırakır. Aynı desen badge.tsx:51-63'te zaten kullanılıyor.
+        // Track alfaları BİLEREK `/20` kaldı: altı varyantın tamamı o konvansiyonu
+        // paylaşıyor ve alfayı düşürmek track↔zemin ayrımını zayıflatırdı
+        // (warning 1.162 → 1.081). Ölçülen sonuç — warning: light 4.24 ✓ /
+        // dark 6.97 ✓ (docs kartı #111827: 5.77) · error: light 4.95 ✓ /
+        // dark 4.46 ✓ (docs kartı 3.82). Skala token'ları RGB üçlüsüdür
+        // (semantiklerin HSL'inden farklı) → `rgb(var(--x-700))` kompozisyonu;
+        // `bg-warning-700` YAZILMADI, preset o sınıfı üretmez (#307 ölü-sınıf).
+        // Regresyon: __tests__/progress-warning-error-contrast.test.ts
+        warning: "bg-[rgb(var(--warning-700))] dark:bg-warning",
+        error: "bg-[rgb(var(--error-700))] dark:bg-error"
       },
       animation: {
         default: "transition-all duration-500",