@ahmetilhn/hanui 4.0.0 → 4.1.0

package/build/index.js

@@ -133,17 +133,9 @@ const lt = {
 }, hn = (e, t) => `calc(${e} * var(--hanui-${t}))`, $e = (e, t) => hn(ka(e, t), "type-scale"), Ze = (e, t) => hn(ka(e, t), "space-scale"), se = q.inset, Qn = {
   // --- Yüzey ---
   /*
+   * Önceki merdivende `page` ve `surface` İKİSİ DE saf beyazdı ve kart sayfadan dolguyla hiç
+   * ayrışmıyordu
    * ⚠ SAYFA KARTTAN BİR KADEME KOYU — düzeltilen ölçülmüş bir düzlük.
-   *
-   * <p>Önceki merdivende `page` ve `surface` İKİSİ DE saf beyazdı ve kart
-   * sayfadan dolguyla hiç ayrışmıyordu; ayrımın tamamını `card` mixin'inin
-   * kenarlığı ile `shadow-sm` taşıyordu. Bedeli iki katmanlıydı: kenarlığı
-   * kaldıran her yeni bileşen sayfanın içinde kayboluyordu, ve arayüzün
-   * tamamı tek bir düzlemde okunuyordu.
-   *
-   * <p>Bugün kart merdivenin EN AÇIK basamağı, sayfa onun altında. Kartın
-   * yükselmesi artık dolgudan geliyor; kenarlık ve gölge onu güçlendiriyor,
-   * tek başına taşımıyor.
    */
   page: A.n25,
   surface: A.n0,
@@ -158,13 +150,7 @@ const lt = {
   text: A.n900,
   "text-2": A.n600,
   "text-3": A.n550,
-  /*
-   * UYGULAMA KABUĞU — üst bant, alt bilgi, tablo başlığı, teknik blok.
-   *
-   * <p>⚠ Token adı 4.0.0'da `graphite*`ten `shell*`a TAŞINDI. Değer grafit
-   * değil kurumsal koyu yeşil; yeni ad rengi değil ROLÜ anlatıyor — açık
-   * temada çam merdiveni, koyu temada yüzey merdiveni.
-   */
+  /* UYGULAMA KABUĞU — üst bant, alt bilgi, tablo başlığı, teknik blok. */
   shell: he.base,
   "shell-2": he.two,
   "shell-3": he.three,
@@ -175,28 +161,17 @@ const lt = {
   "on-action": A.n0,
   /** Dolgunun SINIRI; açık temada dolgunun kendisi (bkz. `ACTION_LINE`). */
   "action-line": _n.light,
-  /** Pasif dolgu; saydamlık DEĞİL kendi rengi (bkz. Button `:disabled`). */
+  /** Pasif dolgu; saydamlık DEĞİL kendi rengi (bkz. */
   "action-soft": A.n300,
   /** PASİF DOLGU ÜZERİNDEKİ METİN. */
   "on-action-soft": A.n700,
-  /*
-   * DÖNÜŞÜM EYLEMİ ("sepete ekle") — ailenin en parlak yeşili.
-   *
-   * <p>⚠ Token adı 4.0.0'da `amber*`ten `cart*`a TAŞINDI. Değer bir sürüm
-   * boyunca yeşildi ama ad turuncu diyordu; adına bakıp rengini tahmin eden
-   * her tur yanlış "düzeltmeyi" yapmaya aday oluyordu.
-   */
+  /* DÖNÜŞÜM EYLEMİ ("sepete ekle") — ailenin en parlak yeşili. */
   cart: pe.base,
   "cart-hover": pe.hover,
   "cart-active": pe.active,
   "cart-soft": pe.soft,
   "on-cart": pe.on,
-  /*
-   * GEZİNME VE KEŞİF ROLÜ — bağlantı, etkin filtre, seçili satır, ilerleme.
-   *
-   * <p>⚠ Token adı 4.0.0'da `blue*`tan `role*`a TAŞINDI. Değer H 162'de bir
-   * yeşil; "mavi" adı iki sürüm boyunca yalan söylüyordu.
-   */
+  /* GEZİNME VE KEŞİF ROLÜ — bağlantı, etkin filtre, seçili satır, ilerleme. */
   role: ae.base,
   "role-hover": ae.hover,
   "role-active": ae.active,
@@ -204,13 +179,8 @@ const lt = {
   "role-tint": ae.tint,
   "role-line": ae.line,
   /*
-   * ROL DOLGUSU ÜZERİNDEKİ METİN — etkin sayfa numarası, etkin karo madalyonu,
-   * geçerli adım, dolu bağlantı rozeti. Bir zamanlar `on-action`ı kullanıyordu
-   * ve o kestirme birincil eylemin dolgusu iki temada da koyu yeşile
-   * sabitlendiğinde KIRILDI: `on-action` beyaza döndü, rol rengi ise koyu
-   * temada açılıyor (`#51d6bb`) ve beyaz metin orada 2,1:1'e düşüyor. İki
-   * dolgunun aydınlığı ters yönlere gidiyor, tek metin token'ı ikisini birden
-   * taşıyamaz.
+   * ROL DOLGUSU ÜZERİNDEKİ METİN — etkin sayfa numarası, etkin karo madalyonu, geçerli adım, dolu
+   * bağlantı rozeti.
    */
   "on-role": A.n0,
   // --- Durum: tint zemin + koyu metin + eşleşen hairline ---
@@ -234,7 +204,7 @@ const lt = {
   "alt-line": K.altLine,
   "sale-bg": aa.bg,
   "sale-fg": aa.fg,
-  // --- İkon vurguları: METİN DEĞİL (WCAG grafik eşiği 3:1) ---
+  // --- İkon vurguları:
   "red-accent": Ge.red,
   "green-accent": Ge.green,
   "green-accent-hover": Ge.greenHover,
@@ -250,38 +220,21 @@ const lt = {
   "nav-fg": A.n900,
   "nav-fg-2": A.n600,
   /*
-   * `n500` DEĞİL. Ölçüldü: `n500` üst bandın beyaz zemininde 3,06:1, alt
-   * bilginin `n100` zemininde 2,68:1 veriyordu — yani bandın en soluk metni
-   * (telif satırı, yardımcı bağlantılar) hiçbir yerde gövde metni eşiğini
-   * geçmiyordu. Sayfa tarafındaki karşılığıyla (`text-3`) aynı tona bağlandı:
-   * ikisi aynı işi yapıyor ve ayrı tutulmalarının tek sebebi bandın kendi
-   * yüzey merdiveniydi, kendi okunurluk kuralı değil.
+   * `n500` DEĞİL. Ölçüldü: `n500` üst bandın beyaz zemininde 3,06:1, alt bilginin `n100` zemininde
+   * 2,68:1 veriyordu
    */
   "nav-fg-3": A.n550,
   "nav-line": A.n200,
   "nav-line-strong": A.n300,
   "nav-hover": A.n100,
   "footer-bg": A.n100,
-  /*
-   * MARKA ŞERİDİ — `nav-*`ın TEMADAN BAĞIMSIZ kardeşi. Değerleri iki temada da
-   * birebir aynı ve bu tanımın kendisi: şerit kurumsal koyu yeşil zemini
-   * taşıyan bir yüzeydir, temanın açık/koyu merdiveninde bir kademe değil.
-   *
-   * <p>`nav-*` bunu yapamaz çünkü açık temada beyaza dönüyor; `graphite`
-   * ailesi ise yalnızca ZEMİN — üzerine ne yazılacağını söyleyen bir metin
-   * kademesi yok ve açık temada `text`/`nav-fg` siyah, yani çamın üzerinde
-   * okunmuyor. Metin katmanları doğrudan kılavuzdan: gövde kâğıt (12,68:1),
-   * ikincil sis (6,15:1).
-   */
+  /* MARKA ŞERİDİ — `nav-*`ın TEMADAN BAĞIMSIZ kardeşi. */
   "band-bg": he.dark,
   "band-fg": ta.paper,
   "band-fg-2": ta.mist,
   /**
-   * Bandın ÜÇÜNCÜ metin kademesi ve imza vurgusu.
-   *
-   * <p>Panelin kenar çubuğu rayı bu ikisini bir dönem SABİT HEX olarak
-   * taşıyordu (`#799a8f`, `#43ff9c`) — uygulamada kalan son renk
-   * literalleriydi ve paletten bağımsız hareket ediyorlardı.
+   * Bandın ÜÇÜNCÜ metin kademesi ve imza vurgusu. Panelin kenar çubuğu rayı bu ikisini bir dönem
+   * SABİT HEX olarak taşıyordu (`#799a8f`, `#43ff9c`)
    */
   "band-fg-3": q.textThree,
   "band-accent": lt.mint,
@@ -302,10 +255,8 @@ const lt = {
   "ring-ok": `0 0 0 4px ${O(K.okFg, 0.16)}`,
   // --- Örtü ve cam: görsel üzerine binen yüzeyler ---
   /*
-   * %55 DEĞİL. Örtü yalnızca kip pencerenin arkasını karartmıyor; `on-scrim`
-   * onun üzerine yazılan metnin rengi ve o metin AÇIK temada bir sayfanın
-   * üstüne düşüyor. Ölçüldü: %55 örtü `page` üzerine düzlendiğinde beyaz metin
-   * 4,27:1 — gövde metni eşiğinin altında. %60'ta 5,01:1.
+   * %55 DEĞİL. Örtü yalnızca kip pencerenin arkasını karartmıyor; `on-scrim` onun üzerine yazılan
+   * metnin rengi ve o metin AÇIK temada bir sayfanın üstüne…
    */
   scrim: O(A.n900, 0.6),
   "scrim-soft": O(A.n900, 0.32),
@@ -318,11 +269,7 @@ const lt = {
   track: O(A.n900, 0.12),
   /** Görsel yer tutucu (medya yoksa). */
   "media-bg": A.n100,
-  /*
-   * Vurgu bloğundaki ışık lekeleri. Açık temada ZEMİN DE AÇIK olduğu için
-   * lekeler çok daha hafif: koyu bant için ayarlanmış %22 opaklık açık
-   * zeminde lekeyi kirli bir dasa çeviriyordu.
-   */
+  /* Vurgu bloğundaki ışık lekeleri. */
   "glow-1": O(lt.mint, 0.1),
   "glow-2": O(lt.pine, 0.06),
   "glow-cart": O(pe.base, 0.09)
@@ -337,24 +284,17 @@ const lt = {
   text: q.text,
   "text-2": q.textTwo,
   "text-3": q.textThree,
-  /* KOYU TEMADA BANT MARKA ÇAMINA ÇIKMAZ, yüzey merdivenine oturur: sayfa
-     kurumsal siyah ve bandın da zemin olması gerekiyor (bkz. `SURFACE_DARK`).
-     Marka yeşili koyu temada yalnızca şeritte (`band-*`) ve birincil eylemin
-     dolgusunda kalır. */
+  /*
+   * KOYU TEMADA BANT MARKA ÇAMINA ÇIKMAZ, yüzey merdivenine oturur: sayfa kurumsal siyah ve bandın
+   * da zemin olması gerekiyor (bkz. `SURFACE_DARK`).
+   */
   shell: q.surface,
   "shell-2": q.surfaceTwo,
   "shell-3": q.surfaceThree,
   /*
-   * ⚠ BİRİNCİL EYLEM İKİ TEMADA DA KURUMSAL KOYU YEŞİL — koyu temada mint
-   * dolguya DÖNMEZ. Önceki sürüm dönüyordu (mint + siyah metin, 14,65:1) ve
-   * ölçüm olarak kusursuzdu; düşen şey markaydı: açık yeşil kılavuzda logonun
-   * ve imza işaretinin rengi, bir düğmenin zemini değil. Aynı ekranda mint
-   * dolgulu düğme ile mint logo yan yana geldiğinde imza rengi bir vurgu
-   * olmaktan çıkıp arayüzün genel dolgusuna dönüşüyordu.
-   *
-   * <p>Bedeli ölçüldü ve `action-line` ile ödendi: çam koyu sayfada 1,36:1,
-   * koyu kartta (`surface-2`) 1,04:1 — dolgunun kendisi görünmüyor, düğmeyi
-   * mint saç çizgisi (14,65:1) ve beyaz metin (14,09:1) görünür kılıyor.
+   * Bedeli ölçüldü ve `action-line` ile ödendi: çam koyu sayfada 1,36:1, koyu kartta (`surface-2`)
+   * 1,04:1
+   * ⚠ BİRİNCİL EYLEM İKİ TEMADA DA KURUMSAL KOYU YEŞİL — koyu temada mint dolguya DÖNMEZ.
    */
   action: lt.pine,
   "action-hover": he.two,
@@ -362,7 +302,7 @@ const lt = {
   "on-action": A.n0,
   "action-line": _n.dark,
   "action-soft": q.actionSoft,
-  /* Koyu temada pasif dolgu ortada bir gri: metin AÇIK olmali (bkz. LIGHT). */
+  /* Koyu temada pasif dolgu ortada bir gri: metin AÇIK olmali (bkz. */
   "on-action-soft": A.n300,
   cart: pe.dark,
   "cart-hover": pe.darkHover,
@@ -405,12 +345,7 @@ const lt = {
   "danger-solid": dt.dark,
   "danger-solid-hover": dt.darkHover,
   "on-danger": dt.onDark,
-  /*
-   * ÜST BANT SAYFANIN KENDİSİ: koyu temada en koyu renk kılavuzun siyahı ve
-   * bant onu ÖRTMEZ. Açık temadaki kardeşi de aynı şeyi yapıyor (`nav-bg`
-   * beyaz, sayfa `n50`) — bant sayfanın devamıdır, ayrı bir yüzey değil;
-   * sınırı `nav-line` çizer. Alt bilgi bir kademe yukarıda, ışığa doğru.
-   */
+  /* ÜST BANT SAYFANIN KENDİSİ: koyu temada en koyu renk kılavuzun siyahı ve bant onu ÖRTMEZ. */
   "nav-bg": q.page,
   "nav-bg-2": q.surfaceTwo,
   "nav-fg": q.text,
@@ -421,26 +356,19 @@ const lt = {
   "nav-line-strong": q.borderStrong,
   "nav-hover": O(A.n0, 0.07),
   "footer-bg": q.surface,
-  /* AÇIK TEMADAKİYLE BİREBİR AYNI — şerit temaya göre dönmez (bkz. LIGHT). */
+  /* AÇIK TEMADAKİYLE BİREBİR AYNI — şerit temaya göre dönmez (bkz. */
   "band-bg": he.dark,
   "band-fg": ta.paper,
   "band-fg-2": ta.mist,
   /**
-   * Bandın ÜÇÜNCÜ metin kademesi ve imza vurgusu.
-   *
-   * <p>Panelin kenar çubuğu rayı bu ikisini bir dönem SABİT HEX olarak
-   * taşıyordu (`#799a8f`, `#43ff9c`) — uygulamada kalan son renk
-   * literalleriydi ve paletten bağımsız hareket ediyorlardı.
+   * Bandın ÜÇÜNCÜ metin kademesi ve imza vurgusu. Panelin kenar çubuğu rayı bu ikisini bir dönem
+   * SABİT HEX olarak taşıyordu (`#799a8f`, `#43ff9c`)
    */
   "band-fg-3": q.textThree,
   "band-accent": lt.mint,
   "band-line": he.darkLine,
   "band-hover": O(A.n0, 0.07),
-  /*
-   * Koyu zeminde gölge okunmaz; derinlik daha çok kenarlıkla kurulur.
-   * Gölgeler yine de KORUNUR ama daha derin: modal ve açılır liste yüzeyin
-   * üzerinde durmalı.
-   */
+  /* Koyu zeminde gölge okunmaz; derinlik daha çok kenarlıkla kurulur. */
   "shadow-xs": `0 1px 2px ${O(se, 0.4)}`,
   "shadow-sm": `0 1px 2px ${O(se, 0.4)}, 0 1px 3px ${O(se, 0.3)}`,
   "shadow-md": `0 2px 4px ${O(se, 0.35)}, 0 6px 16px ${O(se, 0.45)}`,
@@ -464,9 +392,8 @@ const lt = {
   "glow-2": O(lt.pine, 0.12),
   "glow-cart": O(pe.dark, 0.12)
 }, rh = {
-  // --- Yarıçap ---
-  // Küçük öğeler ile büyük yüzeyler aynı yarıçapı PAYLAŞMAZ: küçük bir öğede
-  // 12px onu şişman gösterir, büyük bir kartta 6px keskin ve ucuz görünür.
+  // --- Yarıçap --- Küçük öğeler ile büyük yüzeyler aynı yarıçapı PAYLAŞMAZ: küçük bir öğede 12px
+  // onu şişman gösterir, büyük bir kartta 6px keskin ve…
   "radius-xs": "4px",
   "radius-sm": "6px",
   "radius-md": "8px",
@@ -474,25 +401,10 @@ const lt = {
   "radius-xl": "16px",
   "radius-pill": "999px",
   // --- Boşluk ---
-  /**
-   * YOĞUNLUK ÇARPANLARI — akışkan ölçeğin üzerine binen tek ayar.
-   *
-   * <p>Varsayılan `1`, yani hiçbir şeyi değiştirmez; `data-hanui-density`
-   * ya da tüketicinin kendi metrik ezmesi bunları düşürür.
-   */
+  /** YOĞUNLUK ÇARPANLARI — akışkan ölçeğin üzerine binen tek ayar. */
   "type-scale": "1",
   "space-scale": "1",
-  /*
-   * BOŞLUK ÖLÇEĞİ — üçüncü kademeden itibaren akışkan.
-   *
-   * <p>⚠ `space-1` (4px) ve `space-2` (8px) SABİT KALIR ve bu bir eksiklik
-   * değil: ikisi 4px ızgarasının birimi ve alt birimi. Akışkanlaştırılsalardı
-   * 390px'te 3,4px'e inerlerdi — gözle ayırt edilemeyen bir kazanç karşılığında
-   * her kılcal kenarlık yarım piksele oturur ve kaydırmada titrerdi.
-   *
-   * <p>Üst kademeler mobilde %16-44 iniyor; bir sayfanın dikey dolgusunun
-   * yaklaşık üçte biri. "Kutular çok büyük" şikâyetinin sayısal karşılığı.
-   */
+  /* BOŞLUK ÖLÇEĞİ — üçüncü kademeden itibaren akışkan. */
   "space-0": "0",
   "space-1": "4px",
   "space-2": "8px",
@@ -504,18 +416,8 @@ const lt = {
   "space-8": Ze(40, 64),
   "space-9": Ze(52, 96),
   /*
-   * TİPOGRAFİ ÖLÇEĞİ — AKIŞKAN.
-   *
-   * <p>⚠ Ölçüldü: vitrinde 446 `font-size` bildirimi vardı ve yalnızca 6'sı
-   * viewport'a tepki veriyordu. Gövde 17px, başlık 47px'e kadar çıkıyor ve
-   * 320px ekranda da aynı kalıyordu — taşmanın ve "her şey çok büyük"
-   * şikâyetinin kaynağı buydu.
-   *
-   * <p>Küçülme kademeli: küçük arayüz metni %6-10 iner, gösterim tipografisi
-   * %29-35. Şikâyetin şekli tam olarak bu — 13px'lik bir etiket dar ekranda
-   * sorun değil, 47px'lik bir başlık sorun.
-   *
-   * <p>⚠ Üst uç bugünkü masaüstü değeri; **masaüstünde hiçbir şey değişmez.**
+   * TİPOGRAFİ ÖLÇEĞİ — AKIŞKAN. ⚠ Ölçüldü: vitrinde 446 `font-size` bildirimi vardı ve yalnızca
+   * 6'sı viewport'a tepki veriyordu.
    */
   "font-size-2xs": $e(11, 12),
   "font-size-xs": $e(12, 13),
@@ -527,20 +429,10 @@ const lt = {
   "font-size-2xl": $e(23, 29),
   "font-size-3xl": $e(26, 37),
   "font-size-4xl": $e(30, 47),
-  /**
-   * FORM DENETİMİ PUNTOSU — ölçekten AYRI ve 16px'in altına inmez.
-   *
-   * <p>⚠ iOS Safari, hesaplanan puntosu 16px'in ALTINDA olan bir `input`a
-   * odaklanıldığında sayfayı zorla yakınlaştırır ve geri çıkmaz. `font-size-base`
-   * akışkan olunca dar ekranda 15px'e iniyor, yani bu düzeltme olmadan
-   * **telefonda her form alanı sayfayı zıplatırdı.**
-   *
-   * <p>`max()` kullanılıyor çünkü ölçek büyüdüğünde denetim de büyümeli;
-   * sabit `16px` yazmak üst uçta alanı ölçeğin gerisinde bırakırdı.
-   */
+  /** FORM DENETİMİ PUNTOSU — ölçekten AYRI ve 16px'in altına inmez. */
   "font-size-control": `max(16px, ${ka(15, 16)})`,
-  // Satır yüksekliği: başlıkta sıkı, metinde rahat. `leading-normal` 1.55'ten
-  // 1.62'ye çıktı — 16 px gövde metninde en belirgin okunurluk kazanımı burada.
+  // Satır yüksekliği: başlıkta sıkı, metinde rahat. `leading-normal` 1.55'ten 1.62'ye çıktı — 16 px
+  // gövde metninde en belirgin okunurluk kazanımı burada.
   "leading-none": "1",
   "leading-tight": "1.16",
   "leading-snug": "1.35",
@@ -552,8 +444,7 @@ const lt = {
   "icon-md": "18px",
   "icon-lg": "20px",
   "icon-xl": "24px",
-  // --- Hareket ---
-  // 200 ms üzerindeki geçişler tıklama ile sonuç arasında görünür bir gecikme
+  // --- Hareket --- 200 ms üzerindeki geçişler tıklama ile sonuç arasında görünür bir gecikme
   // yaratır ve arayüz yavaş hissedilir.
   "duration-instant": "80ms",
   "duration-fast": "140ms",
@@ -637,10 +528,10 @@ ${n(
   s.current = t;
   const i = Tt(
     () => ({ theme: s.current, linkComponent: n, labels: r }),
-    /* `themeKey` denetciye GEREKSIZ gorunuyor cunku memo'nun govdesinde
-       gecmiyor — ama tam da isi bu: temanin ICERIGI degistiginde yeni bir
-       nesne uretilmesini saglayan tetik o. Cikarilirsa tema ezmesi degisse
-       de tuketiciler eski degeri gorurdu. */
+    /*
+     * `themeKey` denetciye GEREKSIZ gorunuyor cunku memo'nun govdesinde gecmiyor — ama tam da isi
+     * bu: temanin ICERIGI degistiginde yeni bir nesne…
+     */
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o, n, r]
   );
@@ -1254,8 +1145,7 @@ const sr = 640, _h = 768, cr = 1024, uh = `(min-width: ${cr + 1}px)`, Ta = `(min
           style: {
             ...$.style,
             ...k.style,
-            /* Olculmeden cizilen balon bir kare boyunca sol ust kosede
-               parliyordu. */
+            /* Olculmeden cizilen balon bir kare boyunca sol ust kosede parliyordu. */
             visibility: $.isPositioned ? "visible" : "hidden"
           },
           children: e
@@ -1925,16 +1815,7 @@ const ro = 240, wn = () => {
           ke.map((ge, Wt) => {
             const Ue = Ve.start + Wt, Rn = Ue === Ke, la = ge.value === t;
             return (
-              /*
-               * ⚠ `role="option"` `<li>`NIN KENDISINDE. Bir donem araya bir
-               * `<div role="option">` giriyordu, yani agac
-               * `listbox > li > option` seklindeydi ve `<li>` sahipsiz bir ara
-               * dugumdu: `aria-required-children` sozlesmesi kirilir, ekran
-               * okuyucu seceneklerin sayisini ve sirasini guvenilir bicimde
-               * bildiremez. Kardes `Select` bunu bastan dogru yapiyordu
-               * (`Select/index.tsx` — `<li role="option">`), yani desen zaten
-               * depodaydi.
-               */
+              /* ⚠ `role="option"` ` `NIN KENDISINDE. */
               /* @__PURE__ */ v(
                 "li",
                 {
@@ -2028,8 +1909,10 @@ const ro = 240, wn = () => {
           style: {
             ...Ct.style,
             ...Je.style,
-            /* Panel tetikleyiciyle AYNI genislikte: sabit konum + portal onu
-               kapsayicidan kopardigi icin genislik artik miras alinmiyor. */
+            /*
+             * Panel tetikleyiciyle AYNI genislikte: sabit konum + portal onu kapsayicidan
+             * kopardigi icin genislik artik miras alinmiyor.
+             */
             width: Ct.anchorWidth || void 0,
             /* Ilk karede olcu yok; yanlis yerde bir kare parlamasin. */
             visibility: Ct.isPositioned ? void 0 : "hidden"
@@ -2751,8 +2634,10 @@ const ro = 240, wn = () => {
         ref: i,
         className: y(
           tt.input,
-          /* `Boolean(...)`: `prefix` bir `ReactNode` ve `0` da gecerli bir
-             deger — `prefix &&` ifadesi o durumda dize degil sayi donuyordu. */
+          /*
+           * `Boolean(...)`: `prefix` bir `ReactNode` ve `0` da gecerli bir deger — `prefix &&`
+           * ifadesi o durumda dize degil sayi donuyordu.
+           */
           !!e && tt["input--hasPrefix"],
           !!t && tt["input--hasSuffix"],
           n && tt["input--technical"]
@@ -2959,8 +2844,7 @@ const ro = 240, wn = () => {
           ...c
         }
       ),
-      o && s !== void 0 && /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye
-      ugrardi. Sinir zaten `maxLength` ile taniniyor. */
+      o && s !== void 0 && /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye ugrardi. */
       /* @__PURE__ */ v("span", { className: y(At.counter, g && At["counter--near"]), "aria-hidden": !0, children: [
         N,
         " / ",
@@ -3142,8 +3026,10 @@ const ro = 240, wn = () => {
         )
       }
     ),
-    o && !l && /* Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in
-    degerinde ve iki kez duyurulmasi gurultu. */
+    o && !l && /*
+    * Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in degerinde ve iki kez
+    * duyurulmasi gurultu.
+    */
     /* @__PURE__ */ a("span", { className: oe.progress__value, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
   ] });
 }, Fs = /* @__PURE__ */ I(/* @__PURE__ */ B(Bs, "Progress")), Os = ({
@@ -3420,8 +3306,7 @@ const ro = 240, wn = () => {
       className: y(
         Qt.avatar,
         Qt[`avatar--${r}`],
-        /* Ton yalnizca BAS HARF madalyonunda: gorselin uzerine renk basmak
-           fotografi bozuyordu. */
+        /* Ton yalnizca BAS HARF madalyonunda: gorselin uzerine renk basmak fotografi bozuyordu. */
         !t && Qt[`avatar--tone-${_c(e, uc)}`],
         o
       ),
@@ -3524,10 +3409,8 @@ const ro = 240, wn = () => {
       }
     );
     return /* @__PURE__ */ a("div", { className: y(De.media, i), children: n ? (
-      // `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı
-      // zaten sekme sırasında. Görseli ikinci bir durak yapmak klavye
-      // gezinmesini iki katına çıkarıyor, ekran okuyucuda da aynı kayıt
-      // arka arkaya iki kez duyuruluyordu.
+      // `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı zaten sekme
+      // sırasında.
       /* @__PURE__ */ a(
         me,
         {
@@ -3758,13 +3641,9 @@ const ro = 240, wn = () => {
   divider__label: Jc
 }, Vc = ({ label: e, className: t }) => e ? (
   /*
-   * ⚠ `role="separator"` ZORUNLU. Etiketsiz dal `<hr>` kullanıyor ve onun
-   * örtük rolü zaten `separator`; etiketli dal ise düz bir `<div>`di, yani
-   * ayırıcı ANLAMI tam da anlam taşıdığı yerde kayboluyordu. `aria-label`
-   * etiketi role bağlar ("Ödeme bilgileri" ayırıcısı).
-   *
-   * ⚠ `aria-orientation` YAZILMAZ: `separator`ın varsayılanı zaten
-   * `horizontal` ve bileşen dikey bir varyant sunmuyor.
+   * ⚠ `role="separator"` ZORUNLU.
+   * ⚠ `aria-orientation` YAZILMAZ: `separator`ın varsayılanı zaten `horizontal` ve bileşen dikey
+   * bir varyant sunmuyor.
    */
   /* @__PURE__ */ a(
     "div",
@@ -4185,11 +4064,7 @@ const ro = 240, wn = () => {
   var b;
   const { labels: d } = Y(), m = o === "flat" ? void 0 : o === "up" === s;
   return (
-    /*
-     * `card` icin ayri bir sinif YOK: taban sinifin kendisi kart. Arama
-     * `undefined` doner ve `cx` onu atar — varsayilan gorunum tek yerde kalir,
-     * iki sinif arasinda bolunmez.
-     */
+    /* `card` icin ayri bir sinif YOK: taban sinifin kendisi kart. */
     /* @__PURE__ */ v(
       "div",
       {
@@ -4359,17 +4234,8 @@ const Ea = () => ya.forEach((e) => e(pt)), wa = (e) => {
   const [u, l] = H(!1);
   return R(() => l(!0), []), u ? mt(
     /*
+     * Bildirimin üzerindeki `role="status"`/`role="alert"` öğe DOM'a girdiği ANDA yaratılıyordu
      * ⚠ CANLI BÖLGE YIĞININ KENDİSİNDE, tek tek bildirimlerde DEĞİL.
-     *
-     * Bildirimin üzerindeki `role="status"`/`role="alert"` öğe DOM'a
-     * girdiği ANDA yaratılıyordu; canlı bölge semantiği ise bölgenin içerik
-     * değişmeden ÖNCE var olmasını şart koşar. Sonuç ölçülemez değil ama
-     * güvenilmezdi: NVDA/JAWS/VoiceOver bazı sürümlerde yeni eklenen bir
-     * canlı bölgeyi hiç duyurmuyordu.
-     *
-     * Yığın her zaman DOM'da; `aria-live="polite"` burada duruyor ve
-     * içine giren her bildirim onun bir MUTASYONU olarak duyuruluyor.
-     * `aria-relevant="additions"`: kapanan bir bildirim yeniden okunmasın.
      */
     /* @__PURE__ */ a(
       "div",
@@ -4696,9 +4562,10 @@ const Ea = () => ya.forEach((e) => e(pt)), wa = (e) => {
                 (_ = o == null ? void 0 : o.timeline) == null ? void 0 : _[ga[i]]
               ) })
             ] }),
-            s.time && /* `<time>` DEGIL `<span>`: `datetime` icin makine okunur bir
-            deger gerekiyor ve elimizde yalnizca bicimlendirilmis dize
-            var. Yanlis bir `datetime`, hicbir `datetime`den kotu. */
+            s.time && /*
+            * `<time>` DEGIL ` `: `datetime` icin makine okunur bir deger gerekiyor ve elimizde
+            * yalnizca bicimlendirilmis dize var.
+            */
             /* @__PURE__ */ a("span", { className: Ae.timeline__time, children: s.time }),
             s.description && /* @__PURE__ */ a("span", { className: Ae.timeline__description, children: s.description })
           ] })
@@ -4923,21 +4790,12 @@ const Ea = () => ya.forEach((e) => e(pt)), wa = (e) => {
             var E;
             const S = f.group !== void 0 && f.group !== ((E = g[T - 1]) == null ? void 0 : E.group);
             return (
-              /*
-               * ⚠ `role="presentation"` ZORUNLU. Agac `listbox > li > option`
-               * seklinde ve aradaki `<li>` SAHIPSIZ bir dugum: `listbox` yalnizca
-               * `option`/`group` cocugu kabul eder, yani `aria-required-children`
-               * kiriliyor ve ekran okuyucu konum sayimini ("3 / 12") yanlis
-               * kapsayicidan okuyup ya bozuk bildiriyor ya hic bildirmiyordu.
-               * `Combobox` ayni arizayi `role="option"`u `<li>`ye tasiyarak
-               * cozdu; burada o yol grup basligini da secenegin ICINE alir ve
-               * basliga yapilan tiklama komutu calistirirdi. `presentation` ara
-               * dugumu SEFFAF yapar: sahiplik dogrudan listbox'a doner, tiklama
-               * hedefi degismez.
-               */
+              /* ⚠ `role="presentation"` ZORUNLU. */
               /* @__PURE__ */ v("li", { role: "presentation", children: [
-                S && /* `aria-hidden`: baslik bir SECENEK degil; listbox'in cocugu
-                olarak okunsaydi ekran okuyucu sayimi bozuluyordu. */
+                S && /*
+                * `aria-hidden`: baslik bir SECENEK degil; listbox'in cocugu olarak okunsaydi ekran
+                * okuyucu sayimi bozuluyordu.
+                */
                 /* @__PURE__ */ a("span", { className: ne.palette__group, "aria-hidden": !0, children: f.group }),
                 /* @__PURE__ */ v(
                   "div",
@@ -5338,12 +5196,7 @@ const Ea = () => ya.forEach((e) => e(pt)), wa = (e) => {
                 "aria-sort": g.ariaSort,
                 className: y(g.className, g.isSticky && re.sticky),
                 children: $ ? (
-                  /*
-                   * Siralama bir DUGME, `<th>`ye yazilan `onClick` degil.
-                   * Baslik hucresi odaklanabilir degil ve klavye kullanicisi
-                   * siralamaya HIC ulasamiyordu; ustelik ekran okuyucu
-                   * tiklanabilir oldugunu da soylemiyordu.
-                   */
+                  /* Siralama bir DUGME, ` `ye yazilan `onClick` degil. */
                   /* @__PURE__ */ v(
                     "button",
                     {