@moontra/moonui 6.19.1 → 6.19.2

package/dist/index.mjs

@@ -2548,7 +2548,42 @@ var sliderRangeVariants = cva(
         // tüketici --secondary-500'ü ezerek özelleştirebilir.
         // Regresyon: __tests__/slider-secondary-contrast.test.ts
         secondary: "bg-[rgb(var(--secondary-500))]",
-        accent: "bg-accent",
+        // #448 (#389/#407'nin `accent` kardeşi — ama ÇÖZÜM SINIFI farklı): range
+        // `bg-accent`, track `bg-accent/20` idi — aynı yüzey token'ının iki alfası.
+        // `--accent` HER İKİ temada da kusurluydu (warning/error'dan ağır: onlar
+        // yalnız light'ta kusurluydu): A ekseni light 1.123 · dark 1.303 · gerçek
+        // docs kartı (#111827) 1.162. Eşik 3:1 (WCAG 1.4.11 non-text).
+        //
+        // KÖK NEDEN: `--accent` bir YÜZEY token'ı — `hover:bg-accent` tinti olarak
+        // tasarlanmış ve iki temada da kendi zeminine BİTİŞİK duruyor (light
+        // rgb(235,239,245) beyaz üstünde, dark rgb(29,40,58) rgb(3,7,17) üstünde).
+        // Dolgu/kenarlık rolüne yapısal olarak uygun değil; bu yüzden track'i
+        // değiştirerek onarmak da MÜMKÜN DEĞİL (light'ta accent'ten 3:1 uzakta
+        // duran daha açık bir yüzey yok).
+        //
+        // #389'un tek-orta-ton kademe araması AYNEN uygulanamadı: tokens.css'te
+        // `--accent-50 … --accent-950` skalası YOK (skalası olan aileler:
+        // primary/secondary/success/warning/error/brand/brand-accent).
+        // `bg-accent-foreground` de elendi — `--accent-foreground` iki temada da
+        // `--primary` ile BİREBİR aynı değer (varyant primary klonuna dönerdi) ve
+        // 7 tema preset'inin 2'sinde beyaz (Creative/Nature), yani tek başına
+        // dolgu olamaz.
+        //
+        // ÇÖZÜM: sistemin TEK nötr skalası olan slate (`--secondary-*`) — `--accent`
+        // ile aynı hue ailesi (216° ↔ 215°), üstelik light temada `--accent` ile
+        // `--secondary` BİREBİR aynı token değerini taşıyor. Tema-kör tek kademe
+        // SEÇİLEMEDİ: bu ailede iki temayı birden geçen tek kademe 500'dür, o da
+        // `secondary` varyantının kendi rengi (ΔE*ab = 0.0 — iki varyant klon olurdu).
+        // Bu yüzden #442'nin `dark:` ayrımı deseni kullanıldı, tema başına ayrı kademe.
+        // Tam tarama (11 kademe × 2 tema × 3 zemin × 2 eksen): DARK'ta eşiği geçen VE
+        // kardeş varyantlardan ayırt edilebilen (ΔE*ab ≥ 10) TEK kademe 400
+        // (500 = secondary klonu · ≤300 `default`/`primary` ile çakışıyor · ≥600 eşiğin
+        // altında). LIGHT'ta {600,700,800} uygun; 700 kardeş ayrımını maksimize eder
+        // (ΔE 21.2 · 600→12.7 · 800→14.9).
+        // Ölçülen — A: light 1.123 → 10.081 ✓ · dark 1.303 → 7.533 ✓ · docs kartı
+        // 1.162 → 6.717 ✓. Track `bg-accent/20` DEĞİŞMEDİ (yedi varyantın ortak deseni).
+        // Regresyon: __tests__/slider-accent-contrast.test.ts
+        accent: "bg-[rgb(var(--secondary-700))] dark:bg-[rgb(var(--secondary-400))]",
         success: "bg-success",
         // #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
@@ -2603,7 +2638,16 @@ var sliderThumbVariants = cva(
         // aynı kademe: tutamaç ve dolgu tek renkte okunur.
         // Regresyon: __tests__/slider-secondary-contrast.test.ts
         secondary: "border-[rgb(var(--secondary-500))] bg-background",
-        accent: "border-accent bg-background",
+        // #448 EKSEN B (range'den FARKLI eksen: bileşen↔sayfa-zemini) — tutamacın
+        // dolgusu `bg-background`, yani zeminin kendisi; ayırt edilebilirliğini
+        // YALNIZ kenarlık taşır → non-text UI bileşeni, WCAG 1.4.11 ≥3:1.
+        // `border-accent` iki temada da kayboluyordu: light 1.154 · dark 1.359 ·
+        // gerçek docs kartı 1.197. Range ile AYNI kademeler seçildi — #407'nin
+        // gerekçesi burada da geçerli: "tutamaç ve dolgu tek renkte okunur".
+        // Ölçülen — light 1.154 → 10.355 ✓ · dark 1.359 → 7.857 ✓ · docs kartı
+        // 1.197 → 6.919 ✓.
+        // Regresyon: __tests__/slider-accent-contrast.test.ts
+        accent: "border-[rgb(var(--secondary-700))] dark:border-[rgb(var(--secondary-400))] bg-background",
         success: "border-success 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
@@ -8078,12 +8122,53 @@ var switchVariants = cva(
         md: "h-6 w-11",
         lg: "h-7 w-14"
       },
+      // #454 — checked track'in İKİ ekseni de ölçüldü (eşik 3:1, WCAG 1.4.11
+      // non-text UI). Switch'te bu iki eksen AYNI sayıyı verir, çünkü thumb
+      // `bg-background` taşır (switchThumbVariants tabanı):
+      //   A) checked track ↔ sayfa/kart zemini  → kontrol "açık" okunuyor mu?
+      //   B) thumb ↔ checked track              → tutamacın KONUMU görülüyor mu?
+      // Ölçüm zeminleri: `--background` · `--card` · docs kabuğunun gerçek koyu
+      // kartı (#111827). Regresyon: __tests__/switch-variant-contrast.test.tsx
       variant: {
         primary: "data-[state=checked]:bg-primary",
+        // light 4.920 · dark 19.256 ✓
         success: "data-[state=checked]:bg-success",
-        warning: "data-[state=checked]:bg-warning",
+        // light 4.904 · dark  6.043 ✓
+        // #454 kardeş kusuru (#424/PR #440 progress · #442/PR #446 slider ile AYNI
+        // sınıf, üçüncü component): `--warning` tokens.css'in `.dark` bloğunda
+        // EZİLMİYOR, yani iki temada da aynı turuncu. Dark'ta zemin koyu olduğu
+        // için geçiyor (9.446), LIGHT'ta beyaz üstünde 2.133 ✗ — açık temada
+        // checked warning switch'in tutamacı da kayboluyordu (B ekseni 2.133).
+        // ÇÖZÜM (emsalle birebir aynı şekil): 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).
+        // Light'ta eşiği geçen kademe kümesi {700,800,900,950}; en açık olanı
+        // seçildi (turuncu kimliğini en çok koruyan). Ölçülen: 2.133 → 4.923 ✓.
+        warning: "data-[state=checked]:bg-[rgb(var(--warning-700))] dark:data-[state=checked]:bg-warning",
         destructive: "data-[state=checked]:bg-error",
-        secondary: "data-[state=checked]:bg-accent"
+        // light 3.781 · dark 5.328 ✓ (dokunulmadı)
+        // #454 asıl kusuru: `secondary` varyantı `bg-accent` kullanıyordu — ADI
+        // `secondary`, TOKEN'ı `accent`. `--accent` bir YÜZEY token'ı (`hover:bg-accent`
+        // tinti) ve iki temada da kendi zeminine bitişik: light rgb(235,239,245)
+        // beyaz üstünde 1.154 · dark rgb(29,40,58) 1.359 · docs kartı 1.197.
+        // Yani checked switch hem sayfadan hem de kendi tutamacından ayrışmıyordu:
+        // "açık" durum GÖRÜNMÜYORDU (switch'in tek işi durumu göstermek).
+        //
+        // AD ↔ TOKEN KARARI: varyant kendi ailesine, `--secondary-*` slate skalasına
+        // bağlandı. `bg-secondary` (semantik) BİLEREK seçilmedi — light'ta `--accent`
+        // ile BİREBİR aynı değer (1.154), dark'ta daha da kötü (1.007). Skala
+        // taraması (11 kademe × 2 tema × 3 zemin × 2 eksen + kardeş ΔE*ab ≥ 10 klon
+        // filtresi): light {500,600,700,800,900,950} · dark {300,400,500} → iki
+        // temayı birden geçen TEK kademe **500**, yani `dark:` ayrımına gerek yok.
+        // #448'in slider'daki 700/400 ayrımı burada GEREKMEZ ve İSTENMEZ: orada 500
+        // elenmişti çünkü slider'ın `secondary` varyantı zaten o rengi kullanıyordu
+        // (ΔE = 0.0 → klon). Switch'in `accent` adlı bir varyantı YOK, dolayısıyla
+        // 500 serbest ve kardeşlerden ayrık (ΔE: primary 69.5/51.6 · success
+        // 63.6/74.8 · warning 96.0 · destructive 85.0 — hepsi ≥ 10).
+        // Yan fayda: slider'ın `secondary` varyantı da #389/PR #406'da aynı kademeye
+        // sabitlenmişti → aynı varyant adı artık iki component'te aynı rengi veriyor.
+        // Ölçülen: A/B light 1.154 → 4.759 ✓ · dark 1.359 → 4.234 ✓ · kart 1.197 → 3.728 ✓.
+        secondary: "data-[state=checked]:bg-[rgb(var(--secondary-500))]"
       }
     },
     defaultVariants: {