@handijit/ui 0.0.0-stage → 1.0.0

package/build/theme/tokens.js

@@ -0,0 +1,384 @@
+import { CATEGORY as t, NEUTRAL as e, SURFACE_DARK as a, LINK as d, BAND as i, BRAND as x, CORPORATE as u, DANGER_SOLID as b, STAR as $, ACCENT as p, SALE as v, STATUS as o, CART as c, ACTION_LINE as F } from "./palette.js";
+const n = (r, l) => {
+  const k = r.replace("#", ""), h = k.length === 3 ? k.split("").map((D) => D + D).join("") : k, E = parseInt(h.slice(0, 2), 16), A = parseInt(h.slice(2, 4), 16), I = parseInt(h.slice(4, 6), 16);
+  return `rgba(${E}, ${A}, ${I}, ${l})`;
+}, T = 360, S = 1280, R = 16, m = (r) => String(Number(r.toFixed(4))), w = (r, l) => {
+  const k = (l - r) / (S - T), h = (r - k * T) / R;
+  return `clamp(${m(r)}px, ${m(h)}rem + ${m(k * 100)}vw, ${m(l)}px)`;
+}, L = (r, l) => `calc(${r} * var(--ui-${l}))`, g = (r, l) => L(w(r, l), "type-scale"), f = (r, l) => L(w(r, l), "space-scale"), s = a.inset, N = {
+  // --- Yüzey ---
+  /*
+   * SAYFA KREM (`#faf9f5`), KART BEYAZA YAKIN — kart sayfadan bir kademe AÇIK. Ayrımın asıl
+   * taşıyıcısı kenarlık (1,05:1 dolgu farkı tek başına görünmez).
+   * ⚠ 4.x'te sayfa yeşil tonlu kâğıttı (`#f7fcf8`); 5.0'da arayüz nötrleri sıcak mürekkep ekseninde.
+   */
+  page: e.n25,
+  surface: e.n0,
+  "surface-2": e.n100,
+  "surface-3": e.n150,
+  /** Girinti sayfanın ALTINA iner (arama kutusu, kod bloğu, pasif girdi). */
+  "surface-inset": e.n50,
+  // --- Kenarlık ---
+  border: e.n250,
+  "border-strong": e.n300,
+  // --- Metin ---
+  text: e.n900,
+  "text-2": e.n600,
+  "text-3": e.n550,
+  /*
+   * MÜREKKEP YÜZEY — terminal, teknik blok, koyu kod penceresi. TEMAYA GÖRE DÖNMEZ: açık temada da
+   * sıcak siyah.
+   * ⚠ 4.x'te bu aile çamdı (`#00322a`); yeşil teknik bir yüzeyin zemini değil, eylemin rengi.
+   */
+  shell: a.surface,
+  "shell-2": a.surfaceTwo,
+  "shell-3": a.surfaceThree,
+  "on-shell": a.text,
+  "on-shell-2": a.textTwo,
+  /** Mürekkep üzerinde hata metni (terminalin stderr'i). Açık temanın `bad-fg`i burada 2:1'in altında. */
+  "on-shell-danger": o.badFgDark,
+  /** Koyu temada kabuk sayfadan 1,03:1 ayrışıyor; görünür kılan bu çizgi. */
+  "shell-line": a.border,
+  /* BİRİNCİL EYLEM (dolgulu, kurumsal koyu yeşil). */
+  action: i.base,
+  "action-hover": i.two,
+  "action-active": i.three,
+  "on-action": e.n0,
+  /** Dolgunun SINIRI; açık temada dolgunun kendisi (bkz. `ACTION_LINE`). */
+  "action-line": F.light,
+  /** Pasif dolgu; saydamlık DEĞİL kendi rengi (bkz. */
+  "action-soft": e.n300,
+  /** PASİF DOLGU ÜZERİNDEKİ METİN. */
+  "on-action-soft": e.n700,
+  /* DÖNÜŞÜM EYLEMİ ("sepete ekle") — ailenin en parlak yeşili. */
+  cart: c.base,
+  "cart-hover": c.hover,
+  "cart-active": c.active,
+  "cart-soft": c.soft,
+  "on-cart": c.on,
+  /*
+   * SEÇİM — etkin sayfa, seçili çip/seçenek, sekme çizgisi, ilerleme, onay kutusu, anahtar, adım.
+   * MÜREKKEP, yeşil değil: 4.x'te bunların hepsi rol yeşilini taşıyordu ve yeşil ekranın her
+   * köşesinde duruyordu (28 bileşende 87 bildirim).
+   */
+  selected: e.n900,
+  "selected-hover": e.n800,
+  "selected-active": e.n700,
+  "on-selected": e.n25,
+  /** Seçili satır / seçenek zemini — kenarlık ya da işaretle BİRLİKTE (seçim yalnız zeminle verilmez). */
+  "selected-tint": e.n150,
+  "selected-line": e.n900,
+  /* BAĞLANTI — yeşil kalan üç yerden biri (eylem, bağlantı, odak). Alt çizgi ZORUNLU: gövde metnine 3,04:1. */
+  link: d.text,
+  "link-hover": d.hover,
+  // --- Durum: tint zemin + koyu metin + eşleşen hairline ---
+  "ok-bg": o.okBg,
+  "ok-fg": o.okFg,
+  "ok-line": o.okLine,
+  "warn-bg": o.warnBg,
+  "warn-fg": o.warnFg,
+  "warn-line": o.warnLine,
+  "off-bg": o.offBg,
+  "off-fg": o.offFg,
+  "off-line": o.offLine,
+  "bad-bg": o.badBg,
+  "bad-fg": o.badFg,
+  "bad-line": o.badLine,
+  "oem-bg": o.oemBg,
+  "oem-fg": o.oemFg,
+  "oem-line": o.oemLine,
+  "alt-bg": o.altBg,
+  "alt-fg": o.altFg,
+  "alt-line": o.altLine,
+  "sale-bg": v.bg,
+  "sale-fg": v.fg,
+  // --- İkon vurguları:
+  "red-accent": p.red,
+  "green-accent": p.green,
+  "green-accent-hover": p.greenHover,
+  "on-green": p.onGreen,
+  star: $.light,
+  // --- Yıkıcı eylem: durum tinti DEĞİL, gerçek bir dolgu ---
+  "danger-solid": b.base,
+  "danger-solid-hover": b.hover,
+  "on-danger": e.n0,
+  /* ÜST BANT / ALT BİLGİ / KAHRAMAN BÖLÜMÜ. Bant sayfayı ÖRTMEZ, sayfanın devamıdır (iki temada). */
+  "nav-bg": e.n25,
+  "nav-bg-2": e.n100,
+  "nav-fg": e.n900,
+  "nav-fg-2": e.n600,
+  /*
+   * `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": e.n550,
+  "nav-line": e.n200,
+  "nav-line-strong": e.n300,
+  "nav-hover": e.n100,
+  "footer-bg": e.n100,
+  /* MARKA ŞERİDİ — `nav-*`ın TEMADAN BAĞIMSIZ kardeşi. */
+  "band-bg": i.dark,
+  "band-fg": u.paper,
+  "band-fg-2": u.mist,
+  /**
+   * 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": i.fgThree,
+  "band-accent": x.mint,
+  "band-line": i.darkLine,
+  "band-hover": n(e.n0, 0.07),
+  // --- Gölge: sıcak mürekkep alfası. ⚠ Kart ve panel gölge TAŞIMAZ (renk bloğu önce, gölge nadir). ---
+  "shadow-xs": `0 1px 2px ${n(e.n900, 0.05)}`,
+  "shadow-sm": `0 1px 2px ${n(e.n900, 0.05)}, 0 1px 3px ${n(e.n900, 0.04)}`,
+  "shadow-md": `0 2px 4px ${n(e.n900, 0.04)}, 0 6px 16px ${n(e.n900, 0.07)}`,
+  "shadow-lg": `0 4px 8px ${n(e.n900, 0.05)}, 0 16px 32px ${n(e.n900, 0.1)}`,
+  "shadow-xl": `0 8px 16px ${n(e.n900, 0.06)}, 0 28px 56px ${n(e.n900, 0.13)}`,
+  /** Yapışkan alt bar; gölge YUKARI düşer. */
+  "shadow-up": `0 -2px 4px ${n(e.n900, 0.03)}, 0 -8px 24px ${n(e.n900, 0.08)}`,
+  /** Odak halkası BAĞLANTI YEŞİLİ: odak bir gezinme olayıdır. Çam DEĞİL — birincil dolguyla aynı ton. */
+  ring: `0 0 0 3px ${n(d.base, 0.28)}`,
+  "ring-color": d.base,
+  "ring-danger": `0 0 0 3px ${n(b.base, 0.24)}`,
+  "ring-ok": `0 0 0 4px ${n(o.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…
+   */
+  scrim: n(e.n900, 0.6),
+  "scrim-soft": n(e.n900, 0.32),
+  glass: n(e.n0, 0.92),
+  "glass-solid": e.n0,
+  "on-scrim": e.n0,
+  // --- İskelet ve dönen gösterge ---
+  "skeleton-a": e.n100,
+  "skeleton-b": e.n25,
+  track: n(e.n900, 0.12),
+  /** Görsel yer tutucu (medya yoksa). */
+  "media-bg": e.n100,
+  /* Vurgu bloğundaki ışık lekeleri. */
+  "glow-1": n(x.mint, 0.1),
+  "glow-2": n(x.pine, 0.06),
+  "glow-cart": n(c.base, 0.09),
+  /*
+   * KATEGORİK PALET — grafik serileri, kategori noktaları, lejant kareleri. İki temanın üç yüzeyinde
+   * ≥3:1 (grafik). `series-1` mürekkebin kendisi: birincil seri rengi değil KONTRAST taşır.
+   */
+  "cat-1": t.cat1,
+  "cat-2": t.cat2,
+  "cat-3": t.cat3,
+  "cat-4": t.cat4,
+  "cat-5": t.cat5,
+  "series-1": e.n800,
+  "series-2": t.series2
+}, _ = {
+  page: a.page,
+  surface: a.surface,
+  "surface-2": a.surfaceTwo,
+  "surface-3": a.surfaceThree,
+  "surface-inset": a.inset,
+  border: a.border,
+  "border-strong": a.borderStrong,
+  text: a.text,
+  "text-2": a.textTwo,
+  "text-3": a.textThree,
+  /* Mürekkep yüzey temaya göre dönmez (bkz. açık tema). */
+  shell: a.surface,
+  "shell-2": a.surfaceTwo,
+  "shell-3": a.surfaceThree,
+  "on-shell": a.text,
+  "on-shell-2": a.textTwo,
+  "on-shell-danger": o.badFgDark,
+  "shell-line": a.border,
+  /*
+   * 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: x.pine,
+  "action-hover": i.two,
+  "action-active": i.three,
+  "on-action": e.n0,
+  "action-line": F.dark,
+  "action-soft": a.actionSoft,
+  /* Koyu temada pasif dolgu ortada bir gri: metin AÇIK olmali (bkz. */
+  "on-action-soft": e.n300,
+  cart: c.dark,
+  "cart-hover": c.darkHover,
+  "cart-active": c.darkActive,
+  "cart-soft": c.darkSoft,
+  "on-cart": c.on,
+  /* Koyu temada seçim TERS döner: krem dolgu, üzerine siyah metin. */
+  selected: a.text,
+  "selected-hover": e.n100,
+  "selected-active": e.n150,
+  "on-selected": e.n900,
+  "selected-tint": a.surfaceThree,
+  "selected-line": a.text,
+  link: d.dark,
+  "link-hover": d.darkHover,
+  "ok-bg": o.okBgDark,
+  "ok-fg": o.okFgDark,
+  "ok-line": o.okLineDark,
+  "warn-bg": o.warnBgDark,
+  "warn-fg": o.warnFgDark,
+  "warn-line": o.warnLineDark,
+  "off-bg": o.offBgDark,
+  "off-fg": o.offFgDark,
+  "off-line": o.offLineDark,
+  "bad-bg": o.badBgDark,
+  "bad-fg": o.badFgDark,
+  "bad-line": o.badLineDark,
+  "oem-bg": o.oemBgDark,
+  "oem-fg": o.oemFgDark,
+  "oem-line": o.oemLineDark,
+  "alt-bg": o.altBgDark,
+  "alt-fg": o.altFgDark,
+  "alt-line": o.altLineDark,
+  "sale-bg": v.bgDark,
+  "sale-fg": v.fgDark,
+  "red-accent": p.redDark,
+  "green-accent": p.greenDark,
+  "green-accent-hover": p.greenHoverDark,
+  "on-green": p.onGreen,
+  star: $.dark,
+  "danger-solid": b.dark,
+  "danger-solid-hover": b.darkHover,
+  "on-danger": b.onDark,
+  /* ÜST BANT SAYFANIN KENDİSİ: koyu temada en koyu renk kılavuzun siyahı ve bant onu ÖRTMEZ. */
+  "nav-bg": a.page,
+  "nav-bg-2": a.surfaceTwo,
+  "nav-fg": a.text,
+  "nav-fg-2": a.textTwo,
+  /* Açık temadaki kardeşiyle aynı gerekçe: bandın en soluk metni de metindir. */
+  "nav-fg-3": a.textThree,
+  "nav-line": a.border,
+  "nav-line-strong": a.borderStrong,
+  "nav-hover": n(e.n0, 0.07),
+  "footer-bg": a.surface,
+  /* AÇIK TEMADAKİYLE BİREBİR AYNI — şerit temaya göre dönmez (bkz. */
+  "band-bg": i.dark,
+  "band-fg": u.paper,
+  "band-fg-2": u.mist,
+  /**
+   * 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": i.fgThree,
+  "band-accent": x.mint,
+  "band-line": i.darkLine,
+  "band-hover": n(e.n0, 0.07),
+  /* Koyu zeminde gölge okunmaz; derinlik daha çok kenarlıkla kurulur. */
+  "shadow-xs": `0 1px 2px ${n(s, 0.4)}`,
+  "shadow-sm": `0 1px 2px ${n(s, 0.4)}, 0 1px 3px ${n(s, 0.3)}`,
+  "shadow-md": `0 2px 4px ${n(s, 0.35)}, 0 6px 16px ${n(s, 0.45)}`,
+  "shadow-lg": `0 4px 8px ${n(s, 0.4)}, 0 16px 32px ${n(s, 0.55)}`,
+  "shadow-xl": `0 8px 16px ${n(s, 0.45)}, 0 28px 56px ${n(s, 0.6)}`,
+  "shadow-up": `0 -2px 4px ${n(s, 0.3)}, 0 -8px 24px ${n(s, 0.45)}`,
+  ring: `0 0 0 3px ${n(d.dark, 0.36)}`,
+  "ring-color": d.dark,
+  "ring-danger": `0 0 0 3px ${n(b.dark, 0.32)}`,
+  "ring-ok": `0 0 0 4px ${n(o.okFgDark, 0.2)}`,
+  scrim: n(s, 0.68),
+  "scrim-soft": n(s, 0.45),
+  glass: n(a.surfaceTwo, 0.92),
+  "glass-solid": a.surfaceTwo,
+  "on-scrim": e.n0,
+  "skeleton-a": a.surfaceTwo,
+  "skeleton-b": a.surfaceThree,
+  track: n(e.n0, 0.14),
+  "media-bg": a.surfaceTwo,
+  "glow-1": n(x.mint, 0.2),
+  "glow-2": n(x.pine, 0.12),
+  "glow-cart": n(c.dark, 0.12),
+  "cat-1": t.cat1Dark,
+  "cat-2": t.cat2Dark,
+  "cat-3": t.cat3Dark,
+  "cat-4": t.cat4Dark,
+  "cat-5": t.cat5Dark,
+  "series-1": e.n150,
+  "series-2": t.series2Dark
+}, B = {
+  // --- 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",
+  "radius-lg": "12px",
+  "radius-xl": "16px",
+  "radius-pill": "999px",
+  // --- Boşluk ---
+  /** 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. */
+  "space-0": "0",
+  "space-1": "4px",
+  "space-2": "8px",
+  "space-3": f(10, 12),
+  "space-4": f(13, 16),
+  "space-5": f(17, 24),
+  "space-6": f(22, 32),
+  "space-7": f(30, 48),
+  "space-8": f(40, 64),
+  "space-9": f(52, 96),
+  /*
+   * 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": g(11, 12),
+  "font-size-xs": g(12, 13),
+  "font-size-sm": g(13.5, 15),
+  "font-size-base": g(15, 16),
+  "font-size-body": g(16, 17),
+  "font-size-lg": g(17, 19),
+  "font-size-xl": g(19.5, 23),
+  "font-size-2xl": g(23, 29),
+  "font-size-3xl": g(26, 37),
+  "font-size-4xl": g(30, 47),
+  /** FORM DENETİMİ PUNTOSU — ölçekten AYRI ve 16px'in altına inmez. */
+  "font-size-control": `max(16px, ${w(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.
+  "leading-none": "1",
+  "leading-tight": "1.16",
+  "leading-snug": "1.35",
+  "leading-normal": "1.62",
+  "leading-relaxed": "1.75",
+  /* İkon ölçüsü */
+  "icon-xs": "14px",
+  "icon-sm": "16px",
+  "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
+  // yaratır ve arayüz yavaş hissedilir.
+  "duration-instant": "80ms",
+  "duration-fast": "140ms",
+  "duration-normal": "200ms",
+  "duration-slow": "320ms",
+  "ease-out": "cubic-bezier(0.22, 1, 0.36, 1)",
+  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "ease-spring": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+  /* DÖNGÜ SÜRELERİ — geçiş ölçeğinden AYRI. */
+  "duration-spin": "700ms",
+  "duration-shimmer": "1400ms",
+  /** Durum noktasının nabzı — "çalışıyor / bağlanıyor"; 700 ms telaş, 2 sn ölü gibi okunuyordu. */
+  "duration-pulse": "1600ms"
+}, O = {
+  "type-scale": "0.93",
+  "space-scale": "0.88"
+}, C = {
+  heading: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+  body: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+  mono: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace"
+};
+export {
+  O as COMPACT_DENSITY,
+  _ as DARK_THEME,
+  C as DEFAULT_FONTS,
+  N as LIGHT_THEME,
+  B as METRIC_TOKENS
+};
+//# sourceMappingURL=tokens.js.map

package/build/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../src/theme/tokens.ts"],"sourcesContent":["import {\n  ACCENT,\n  ACTION_LINE,\n  BAND,\n  BRAND,\n  CART,\n  CATEGORY,\n  CORPORATE,\n  DANGER_SOLID,\n  LINK,\n  NEUTRAL,\n  SALE,\n  STAR,\n  STATUS,\n  SURFACE_DARK,\n  SYNTAX,\n} from './palette';\nimport { UiFonts } from '@/types/theme.type';\n\n/** TEMA TOKEN'LARI. */\n\n/** Hex rengi `rgba(...)` dizesine çevirir. */\nconst alpha = (hex: string, value: number): string => {\n  const normalized = hex.replace('#', '');\n  const full =\n    normalized.length === 3\n      ? normalized\n          .split('')\n          .map(character => character + character)\n          .join('')\n      : normalized;\n\n  const red = parseInt(full.slice(0, 2), 16);\n  const green = parseInt(full.slice(2, 4), 16);\n  const blue = parseInt(full.slice(4, 6), 16);\n\n  return `rgba(${red}, ${green}, ${blue}, ${value})`;\n};\n\n/** Akışkan ölçeğin bağlandığı iki genişlik: alt uçta taban, üst uçta tavan tutar. */\nconst FLUID_MIN_VIEWPORT = 360;\nconst FLUID_MAX_VIEWPORT = 1280;\n\n/** Kök punto varsayımı — `rem` tabanını `px` girdiye çevirmek için. */\nconst ROOT_FONT_SIZE = 16;\n\nconst trim = (value: number): string => String(Number(value.toFixed(4)));\n\n/**\n * İki uç arasında viewport ile SÜREKLİ değişen bir ölçü üretir.\n * @param min 360px viewport'ta geçerli olacak punto/ölçü (px)\n * @param max 1280px ve üstünde geçerli olacak punto/ölçü (px)\n */\nconst fluid = (min: number, max: number): string => {\n  const slope = (max - min) / (FLUID_MAX_VIEWPORT - FLUID_MIN_VIEWPORT);\n  const intercept = (min - slope * FLUID_MIN_VIEWPORT) / ROOT_FONT_SIZE;\n\n  return `clamp(${trim(min)}px, ${trim(intercept)}rem + ${trim(slope * 100)}vw, ${trim(max)}px)`;\n};\n\n/**\n * Akışkan ölçüyü YOĞUNLUK ÇARPANIYLA sarar. ⚠ Yoğun kip (`data-ui-density=\"compact\"`) eskiden 17\n * sabit değeri ezerek çalışıyordu ve o değerler…\n */\nconst scaled = (value: string, variable: 'type-scale' | 'space-scale'): string =>\n  `calc(${value} * var(--ui-${variable}))`;\n\nconst fluidType = (min: number, max: number): string => scaled(fluid(min, max), 'type-scale');\n\nconst fluidSpace = (min: number, max: number): string => scaled(fluid(min, max), 'space-scale');\n\n/**\n * Koyu temanın gölge ve örtü mürekkebi. ⚠ SAF SİYAH DEĞİL. Palette saf siyah da saf beyaz da yok:\n * ikisi de markanın ekseni dışında duruyor ve gölge saf…\n */\nconst INK_DEEP = SURFACE_DARK.inset;\n\n/** AÇIK TEMA — varsayılan. */\nexport const LIGHT_THEME = {\n  // --- Yüzey ---\n  /*\n   * SAYFA KREM (`#faf9f5`), KART BEYAZA YAKIN — kart sayfadan bir kademe AÇIK. Ayrımın asıl\n   * taşıyıcısı kenarlık (1,05:1 dolgu farkı tek başına görünmez).\n   * ⚠ 4.x'te sayfa yeşil tonlu kâğıttı (`#f7fcf8`); 5.0'da arayüz nötrleri sıcak mürekkep ekseninde.\n   */\n  page: NEUTRAL.n25,\n  surface: NEUTRAL.n0,\n  'surface-2': NEUTRAL.n100,\n  'surface-3': NEUTRAL.n150,\n  /** Girinti sayfanın ALTINA iner (arama kutusu, kod bloğu, pasif girdi). */\n  'surface-inset': NEUTRAL.n50,\n\n  // --- Kenarlık ---\n  border: NEUTRAL.n250,\n  'border-strong': NEUTRAL.n300,\n\n  // --- Metin ---\n  text: NEUTRAL.n900,\n  'text-2': NEUTRAL.n600,\n  'text-3': NEUTRAL.n550,\n\n  /*\n   * MÜREKKEP YÜZEY — terminal, teknik blok, koyu kod penceresi. TEMAYA GÖRE DÖNMEZ: açık temada da\n   * sıcak siyah.\n   * ⚠ 4.x'te bu aile çamdı (`#00322a`); yeşil teknik bir yüzeyin zemini değil, eylemin rengi.\n   */\n  shell: SURFACE_DARK.surface,\n  'shell-2': SURFACE_DARK.surfaceTwo,\n  'shell-3': SURFACE_DARK.surfaceThree,\n  'on-shell': SURFACE_DARK.text,\n  'on-shell-2': SURFACE_DARK.textTwo,\n  /** Mürekkep üzerinde hata metni (terminalin stderr'i). Açık temanın `bad-fg`i burada 2:1'in altında. */\n  'on-shell-danger': STATUS.badFgDark,\n  /** Koyu temada kabuk sayfadan 1,03:1 ayrışıyor; görünür kılan bu çizgi. */\n  'shell-line': SURFACE_DARK.border,\n\n  /* BİRİNCİL EYLEM (dolgulu, kurumsal koyu yeşil). */\n  action: BAND.base,\n  'action-hover': BAND.two,\n  'action-active': BAND.three,\n  'on-action': NEUTRAL.n0,\n  /** Dolgunun SINIRI; açık temada dolgunun kendisi (bkz. `ACTION_LINE`). */\n  'action-line': ACTION_LINE.light,\n  /** Pasif dolgu; saydamlık DEĞİL kendi rengi (bkz. */\n  'action-soft': NEUTRAL.n300,\n  /** PASİF DOLGU ÜZERİNDEKİ METİN. */\n  'on-action-soft': NEUTRAL.n700,\n\n  /* DÖNÜŞÜM EYLEMİ (\"sepete ekle\") — ailenin en parlak yeşili. */\n  cart: CART.base,\n  'cart-hover': CART.hover,\n  'cart-active': CART.active,\n  'cart-soft': CART.soft,\n  'on-cart': CART.on,\n\n  /*\n   * SEÇİM — etkin sayfa, seçili çip/seçenek, sekme çizgisi, ilerleme, onay kutusu, anahtar, adım.\n   * MÜREKKEP, yeşil değil: 4.x'te bunların hepsi rol yeşilini taşıyordu ve yeşil ekranın her\n   * köşesinde duruyordu (28 bileşende 87 bildirim).\n   */\n  selected: NEUTRAL.n900,\n  'selected-hover': NEUTRAL.n800,\n  'selected-active': NEUTRAL.n700,\n  'on-selected': NEUTRAL.n25,\n  /** Seçili satır / seçenek zemini — kenarlık ya da işaretle BİRLİKTE (seçim yalnız zeminle verilmez). */\n  'selected-tint': NEUTRAL.n150,\n  'selected-line': NEUTRAL.n900,\n\n  /* BAĞLANTI — yeşil kalan üç yerden biri (eylem, bağlantı, odak). Alt çizgi ZORUNLU: gövde metnine 3,04:1. */\n  link: LINK.text,\n  'link-hover': LINK.hover,\n\n  // --- Durum: tint zemin + koyu metin + eşleşen hairline ---\n  'ok-bg': STATUS.okBg,\n  'ok-fg': STATUS.okFg,\n  'ok-line': STATUS.okLine,\n\n  'warn-bg': STATUS.warnBg,\n  'warn-fg': STATUS.warnFg,\n  'warn-line': STATUS.warnLine,\n\n  'off-bg': STATUS.offBg,\n  'off-fg': STATUS.offFg,\n  'off-line': STATUS.offLine,\n\n  'bad-bg': STATUS.badBg,\n  'bad-fg': STATUS.badFg,\n  'bad-line': STATUS.badLine,\n\n  'oem-bg': STATUS.oemBg,\n  'oem-fg': STATUS.oemFg,\n  'oem-line': STATUS.oemLine,\n\n  'alt-bg': STATUS.altBg,\n  'alt-fg': STATUS.altFg,\n  'alt-line': STATUS.altLine,\n\n  'sale-bg': SALE.bg,\n  'sale-fg': SALE.fg,\n\n  // --- İkon vurguları:\n  'red-accent': ACCENT.red,\n  'green-accent': ACCENT.green,\n  'green-accent-hover': ACCENT.greenHover,\n  'on-green': ACCENT.onGreen,\n  star: STAR.light,\n\n  // --- Yıkıcı eylem: durum tinti DEĞİL, gerçek bir dolgu ---\n  'danger-solid': DANGER_SOLID.base,\n  'danger-solid-hover': DANGER_SOLID.hover,\n  'on-danger': NEUTRAL.n0,\n\n  /* ÜST BANT / ALT BİLGİ / KAHRAMAN BÖLÜMÜ. Bant sayfayı ÖRTMEZ, sayfanın devamıdır (iki temada). */\n  'nav-bg': NEUTRAL.n25,\n  'nav-bg-2': NEUTRAL.n100,\n  'nav-fg': NEUTRAL.n900,\n  'nav-fg-2': NEUTRAL.n600,\n  /*\n   * `n500` DEĞİL. Ölçüldü: `n500` üst bandın beyaz zemininde 3,06:1, alt bilginin `n100` zemininde\n   * 2,68:1 veriyordu\n   */\n  'nav-fg-3': NEUTRAL.n550,\n  'nav-line': NEUTRAL.n200,\n  'nav-line-strong': NEUTRAL.n300,\n  'nav-hover': NEUTRAL.n100,\n  'footer-bg': NEUTRAL.n100,\n\n  /* MARKA ŞERİDİ — `nav-*`ın TEMADAN BAĞIMSIZ kardeşi. */\n  'band-bg': BAND.dark,\n  'band-fg': CORPORATE.paper,\n  'band-fg-2': CORPORATE.mist,\n  /**\n   * Bandın ÜÇÜNCÜ metin kademesi ve imza vurgusu. Panelin kenar çubuğu rayı bu ikisini bir dönem\n   * SABİT HEX olarak taşıyordu (`#799a8f`, `#43ff9c`)\n   */\n  'band-fg-3': BAND.fgThree,\n  'band-accent': BRAND.mint,\n  'band-line': BAND.darkLine,\n  'band-hover': alpha(NEUTRAL.n0, 0.07),\n\n  // --- Gölge: sıcak mürekkep alfası. ⚠ Kart ve panel gölge TAŞIMAZ (renk bloğu önce, gölge nadir). ---\n  'shadow-xs': `0 1px 2px ${alpha(NEUTRAL.n900, 0.05)}`,\n  'shadow-sm': `0 1px 2px ${alpha(NEUTRAL.n900, 0.05)}, 0 1px 3px ${alpha(NEUTRAL.n900, 0.04)}`,\n  'shadow-md': `0 2px 4px ${alpha(NEUTRAL.n900, 0.04)}, 0 6px 16px ${alpha(NEUTRAL.n900, 0.07)}`,\n  'shadow-lg': `0 4px 8px ${alpha(NEUTRAL.n900, 0.05)}, 0 16px 32px ${alpha(NEUTRAL.n900, 0.1)}`,\n  'shadow-xl': `0 8px 16px ${alpha(NEUTRAL.n900, 0.06)}, 0 28px 56px ${alpha(NEUTRAL.n900, 0.13)}`,\n  /** Yapışkan alt bar; gölge YUKARI düşer. */\n  'shadow-up': `0 -2px 4px ${alpha(NEUTRAL.n900, 0.03)}, 0 -8px 24px ${alpha(NEUTRAL.n900, 0.08)}`,\n\n  /** Odak halkası BAĞLANTI YEŞİLİ: odak bir gezinme olayıdır. Çam DEĞİL — birincil dolguyla aynı ton. */\n  ring: `0 0 0 3px ${alpha(LINK.base, 0.28)}`,\n  'ring-color': LINK.base,\n  'ring-danger': `0 0 0 3px ${alpha(DANGER_SOLID.base, 0.24)}`,\n  'ring-ok': `0 0 0 4px ${alpha(STATUS.okFg, 0.16)}`,\n\n  // --- Örtü ve cam: görsel üzerine binen yüzeyler ---\n  /*\n   * %55 DEĞİL. Örtü yalnızca kip pencerenin arkasını karartmıyor; `on-scrim` onun üzerine yazılan\n   * metnin rengi ve o metin AÇIK temada bir sayfanın üstüne…\n   */\n  scrim: alpha(NEUTRAL.n900, 0.6),\n  'scrim-soft': alpha(NEUTRAL.n900, 0.32),\n  glass: alpha(NEUTRAL.n0, 0.92),\n  'glass-solid': NEUTRAL.n0,\n  'on-scrim': NEUTRAL.n0,\n\n  // --- İskelet ve dönen gösterge ---\n  'skeleton-a': NEUTRAL.n100,\n  'skeleton-b': NEUTRAL.n25,\n  track: alpha(NEUTRAL.n900, 0.12),\n\n  /** Görsel yer tutucu (medya yoksa). */\n  'media-bg': NEUTRAL.n100,\n\n  /* Vurgu bloğundaki ışık lekeleri. */\n  'glow-1': alpha(BRAND.mint, 0.1),\n  'glow-2': alpha(BRAND.pine, 0.06),\n  'glow-cart': alpha(CART.base, 0.09),\n\n  /*\n   * KATEGORİK PALET — grafik serileri, kategori noktaları, lejant kareleri. İki temanın üç yüzeyinde\n   * ≥3:1 (grafik). `series-1` mürekkebin kendisi: birincil seri rengi değil KONTRAST taşır.\n   */\n  'cat-1': CATEGORY.cat1,\n  'cat-2': CATEGORY.cat2,\n  'cat-3': CATEGORY.cat3,\n  'cat-4': CATEGORY.cat4,\n  'cat-5': CATEGORY.cat5,\n  'series-1': NEUTRAL.n800,\n  'series-2': CATEGORY.series2,\n} as const;\n\n/** KOYU TEMA. */\nexport const DARK_THEME: Record<keyof typeof LIGHT_THEME, string> = {\n  page: SURFACE_DARK.page,\n  surface: SURFACE_DARK.surface,\n  'surface-2': SURFACE_DARK.surfaceTwo,\n  'surface-3': SURFACE_DARK.surfaceThree,\n  'surface-inset': SURFACE_DARK.inset,\n\n  border: SURFACE_DARK.border,\n  'border-strong': SURFACE_DARK.borderStrong,\n\n  text: SURFACE_DARK.text,\n  'text-2': SURFACE_DARK.textTwo,\n  'text-3': SURFACE_DARK.textThree,\n\n  /* Mürekkep yüzey temaya göre dönmez (bkz. açık tema). */\n  shell: SURFACE_DARK.surface,\n  'shell-2': SURFACE_DARK.surfaceTwo,\n  'shell-3': SURFACE_DARK.surfaceThree,\n  'on-shell': SURFACE_DARK.text,\n  'on-shell-2': SURFACE_DARK.textTwo,\n  'on-shell-danger': STATUS.badFgDark,\n  'shell-line': SURFACE_DARK.border,\n\n  /*\n   * Bedeli ölçüldü ve `action-line` ile ödendi: çam koyu sayfada 1,36:1, koyu kartta (`surface-2`)\n   * 1,04:1\n   * ⚠ BİRİNCİL EYLEM İKİ TEMADA DA KURUMSAL KOYU YEŞİL — koyu temada mint dolguya DÖNMEZ.\n   */\n  action: BRAND.pine,\n  'action-hover': BAND.two,\n  'action-active': BAND.three,\n  'on-action': NEUTRAL.n0,\n  'action-line': ACTION_LINE.dark,\n  'action-soft': SURFACE_DARK.actionSoft,\n  /* Koyu temada pasif dolgu ortada bir gri: metin AÇIK olmali (bkz. */\n  'on-action-soft': NEUTRAL.n300,\n\n  cart: CART.dark,\n  'cart-hover': CART.darkHover,\n  'cart-active': CART.darkActive,\n  'cart-soft': CART.darkSoft,\n  'on-cart': CART.on,\n\n  /* Koyu temada seçim TERS döner: krem dolgu, üzerine siyah metin. */\n  selected: SURFACE_DARK.text,\n  'selected-hover': NEUTRAL.n100,\n  'selected-active': NEUTRAL.n150,\n  'on-selected': NEUTRAL.n900,\n  'selected-tint': SURFACE_DARK.surfaceThree,\n  'selected-line': SURFACE_DARK.text,\n\n  link: LINK.dark,\n  'link-hover': LINK.darkHover,\n\n  'ok-bg': STATUS.okBgDark,\n  'ok-fg': STATUS.okFgDark,\n  'ok-line': STATUS.okLineDark,\n\n  'warn-bg': STATUS.warnBgDark,\n  'warn-fg': STATUS.warnFgDark,\n  'warn-line': STATUS.warnLineDark,\n\n  'off-bg': STATUS.offBgDark,\n  'off-fg': STATUS.offFgDark,\n  'off-line': STATUS.offLineDark,\n\n  'bad-bg': STATUS.badBgDark,\n  'bad-fg': STATUS.badFgDark,\n  'bad-line': STATUS.badLineDark,\n\n  'oem-bg': STATUS.oemBgDark,\n  'oem-fg': STATUS.oemFgDark,\n  'oem-line': STATUS.oemLineDark,\n\n  'alt-bg': STATUS.altBgDark,\n  'alt-fg': STATUS.altFgDark,\n  'alt-line': STATUS.altLineDark,\n\n  'sale-bg': SALE.bgDark,\n  'sale-fg': SALE.fgDark,\n\n  'red-accent': ACCENT.redDark,\n  'green-accent': ACCENT.greenDark,\n  'green-accent-hover': ACCENT.greenHoverDark,\n  'on-green': ACCENT.onGreen,\n  star: STAR.dark,\n\n  'danger-solid': DANGER_SOLID.dark,\n  'danger-solid-hover': DANGER_SOLID.darkHover,\n  'on-danger': DANGER_SOLID.onDark,\n\n  /* ÜST BANT SAYFANIN KENDİSİ: koyu temada en koyu renk kılavuzun siyahı ve bant onu ÖRTMEZ. */\n  'nav-bg': SURFACE_DARK.page,\n  'nav-bg-2': SURFACE_DARK.surfaceTwo,\n  'nav-fg': SURFACE_DARK.text,\n  'nav-fg-2': SURFACE_DARK.textTwo,\n  /* Açık temadaki kardeşiyle aynı gerekçe: bandın en soluk metni de metindir. */\n  'nav-fg-3': SURFACE_DARK.textThree,\n  'nav-line': SURFACE_DARK.border,\n  'nav-line-strong': SURFACE_DARK.borderStrong,\n  'nav-hover': alpha(NEUTRAL.n0, 0.07),\n  'footer-bg': SURFACE_DARK.surface,\n\n  /* AÇIK TEMADAKİYLE BİREBİR AYNI — şerit temaya göre dönmez (bkz. */\n  'band-bg': BAND.dark,\n  'band-fg': CORPORATE.paper,\n  'band-fg-2': CORPORATE.mist,\n  /**\n   * Bandın ÜÇÜNCÜ metin kademesi ve imza vurgusu. Panelin kenar çubuğu rayı bu ikisini bir dönem\n   * SABİT HEX olarak taşıyordu (`#799a8f`, `#43ff9c`)\n   */\n  'band-fg-3': BAND.fgThree,\n  'band-accent': BRAND.mint,\n  'band-line': BAND.darkLine,\n  'band-hover': alpha(NEUTRAL.n0, 0.07),\n\n  /* Koyu zeminde gölge okunmaz; derinlik daha çok kenarlıkla kurulur. */\n  'shadow-xs': `0 1px 2px ${alpha(INK_DEEP, 0.4)}`,\n  'shadow-sm': `0 1px 2px ${alpha(INK_DEEP, 0.4)}, 0 1px 3px ${alpha(INK_DEEP, 0.3)}`,\n  'shadow-md': `0 2px 4px ${alpha(INK_DEEP, 0.35)}, 0 6px 16px ${alpha(INK_DEEP, 0.45)}`,\n  'shadow-lg': `0 4px 8px ${alpha(INK_DEEP, 0.4)}, 0 16px 32px ${alpha(INK_DEEP, 0.55)}`,\n  'shadow-xl': `0 8px 16px ${alpha(INK_DEEP, 0.45)}, 0 28px 56px ${alpha(INK_DEEP, 0.6)}`,\n  'shadow-up': `0 -2px 4px ${alpha(INK_DEEP, 0.3)}, 0 -8px 24px ${alpha(INK_DEEP, 0.45)}`,\n\n  ring: `0 0 0 3px ${alpha(LINK.dark, 0.36)}`,\n  'ring-color': LINK.dark,\n  'ring-danger': `0 0 0 3px ${alpha(DANGER_SOLID.dark, 0.32)}`,\n  'ring-ok': `0 0 0 4px ${alpha(STATUS.okFgDark, 0.2)}`,\n\n  scrim: alpha(INK_DEEP, 0.68),\n  'scrim-soft': alpha(INK_DEEP, 0.45),\n  glass: alpha(SURFACE_DARK.surfaceTwo, 0.92),\n  'glass-solid': SURFACE_DARK.surfaceTwo,\n  'on-scrim': NEUTRAL.n0,\n\n  'skeleton-a': SURFACE_DARK.surfaceTwo,\n  'skeleton-b': SURFACE_DARK.surfaceThree,\n  track: alpha(NEUTRAL.n0, 0.14),\n\n  'media-bg': SURFACE_DARK.surfaceTwo,\n\n  'glow-1': alpha(BRAND.mint, 0.2),\n  'glow-2': alpha(BRAND.pine, 0.12),\n  'glow-cart': alpha(CART.dark, 0.12),\n\n  'cat-1': CATEGORY.cat1Dark,\n  'cat-2': CATEGORY.cat2Dark,\n  'cat-3': CATEGORY.cat3Dark,\n  'cat-4': CATEGORY.cat4Dark,\n  'cat-5': CATEGORY.cat5Dark,\n  'series-1': NEUTRAL.n150,\n  'series-2': CATEGORY.series2Dark,\n};\n\n/**\n * SÖZDİZİMİ TOKEN'LARI — `CodeBlock`ın vurgulayıcısı. Kategorik tonlar METİN aydınlığında: kod\n * gövdesinde (`surface-inset`) ve üç yüzeyde ≥4,5:1. Yorum `text-3`, noktalama `text-2` — ayrı\n * token değil. `syntax-name`: işlev çağrısı, özellik/anahtar, öznitelik, değişken.\n * ⚠ Temaya bağlı ama ANA TABLODA DEĞİL. Yalnızca sohbet girişi kullanıyor; `LIGHT_THEME`e\n * girdiklerinde çalışma zamanı tablosuyla HER bileşenin paketine biniyorlardı (ölçüldü: yalnızca\n * `Button` alan uygulama 5,12 → 5,28 kB, `styles.css` +0,1 kB). Değişkenleri `chat.css` taşır\n * (`_syntax.generated.scss`); ezme CSS'te (`--ui-syntax-*`), `UiProvider theme`inde değil.\n */\nexport const SYNTAX_LIGHT_THEME = {\n  'syntax-keyword': SYNTAX.keyword,\n  'syntax-string': SYNTAX.string,\n  'syntax-number': SYNTAX.number,\n  'syntax-name': SYNTAX.name,\n  'syntax-type': SYNTAX.type,\n} as const;\n\nexport const SYNTAX_DARK_THEME: Record<keyof typeof SYNTAX_LIGHT_THEME, string> = {\n  'syntax-keyword': SYNTAX.keywordDark,\n  'syntax-string': SYNTAX.stringDark,\n  'syntax-number': SYNTAX.numberDark,\n  'syntax-name': SYNTAX.nameDark,\n  'syntax-type': SYNTAX.typeDark,\n};\n\n/** ÖLÇÜ TOKEN'LARI — temadan bağımsız, çalışma zamanında EZİLEBİLİR. */\nexport const METRIC_TOKENS = {\n  // --- Yarıçap --- Küçük öğeler ile büyük yüzeyler aynı yarıçapı PAYLAŞMAZ: küçük bir öğede 12px\n  // onu şişman gösterir, büyük bir kartta 6px keskin ve…\n  'radius-xs': '4px',\n  'radius-sm': '6px',\n  'radius-md': '8px',\n  'radius-lg': '12px',\n  'radius-xl': '16px',\n  'radius-pill': '999px',\n\n  // --- Boşluk ---\n  /** YOĞUNLUK ÇARPANLARI — akışkan ölçeğin üzerine binen tek ayar. */\n  'type-scale': '1',\n  'space-scale': '1',\n\n  /* BOŞLUK ÖLÇEĞİ — üçüncü kademeden itibaren akışkan. */\n  'space-0': '0',\n  'space-1': '4px',\n  'space-2': '8px',\n  'space-3': fluidSpace(10, 12),\n  'space-4': fluidSpace(13, 16),\n  'space-5': fluidSpace(17, 24),\n  'space-6': fluidSpace(22, 32),\n  'space-7': fluidSpace(30, 48),\n  'space-8': fluidSpace(40, 64),\n  'space-9': fluidSpace(52, 96),\n\n  /*\n   * TİPOGRAFİ ÖLÇEĞİ — AKIŞKAN. ⚠ Ölçüldü: vitrinde 446 `font-size` bildirimi vardı ve yalnızca\n   * 6'sı viewport'a tepki veriyordu.\n   */\n  'font-size-2xs': fluidType(11, 12),\n  'font-size-xs': fluidType(12, 13),\n  'font-size-sm': fluidType(13.5, 15),\n  'font-size-base': fluidType(15, 16),\n  'font-size-body': fluidType(16, 17),\n  'font-size-lg': fluidType(17, 19),\n  'font-size-xl': fluidType(19.5, 23),\n  'font-size-2xl': fluidType(23, 29),\n  'font-size-3xl': fluidType(26, 37),\n  'font-size-4xl': fluidType(30, 47),\n\n  /** FORM DENETİMİ PUNTOSU — ölçekten AYRI ve 16px'in altına inmez. */\n  'font-size-control': `max(16px, ${fluid(15, 16)})`,\n\n  // Satır yüksekliği: başlıkta sıkı, metinde rahat. `leading-normal` 1.55'ten 1.62'ye çıktı — 16 px\n  // gövde metninde en belirgin okunurluk kazanımı burada.\n  'leading-none': '1',\n  'leading-tight': '1.16',\n  'leading-snug': '1.35',\n  'leading-normal': '1.62',\n  'leading-relaxed': '1.75',\n\n  /* İkon ölçüsü */\n  'icon-xs': '14px',\n  'icon-sm': '16px',\n  'icon-md': '18px',\n  'icon-lg': '20px',\n  'icon-xl': '24px',\n\n  // --- Hareket --- 200 ms üzerindeki geçişler tıklama ile sonuç arasında görünür bir gecikme\n  // yaratır ve arayüz yavaş hissedilir.\n  'duration-instant': '80ms',\n  'duration-fast': '140ms',\n  'duration-normal': '200ms',\n  'duration-slow': '320ms',\n\n  'ease-out': 'cubic-bezier(0.22, 1, 0.36, 1)',\n  'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n  'ease-spring': 'cubic-bezier(0.34, 1.4, 0.64, 1)',\n\n  /* DÖNGÜ SÜRELERİ — geçiş ölçeğinden AYRI. */\n  'duration-spin': '700ms',\n  'duration-shimmer': '1400ms',\n  /** Durum noktasının nabzı — \"çalışıyor / bağlanıyor\"; 700 ms telaş, 2 sn ölü gibi okunuyordu. */\n  'duration-pulse': '1600ms',\n} as const;\n\n/** YOĞUN (compact) KİP — `<html data-ui-density=\"compact\">`. */\nexport const COMPACT_DENSITY = {\n  'type-scale': '0.93',\n  'space-scale': '0.88',\n} as const satisfies Partial<Record<keyof typeof METRIC_TOKENS, string>>;\n\n/** DAR EKRAN KADEMELERİ — `@media (max-width: 640px)`. */\nexport const NARROW_METRICS = {\n  'radius-lg': '10px',\n  'radius-xl': '13px',\n\n  'icon-xs': '13px',\n  'icon-sm': '15px',\n  'icon-md': '16px',\n  'icon-lg': '18px',\n  'icon-xl': '20px',\n\n  'leading-tight': '1.18',\n  'leading-snug': '1.38',\n  'leading-normal': '1.52',\n  'leading-relaxed': '1.62',\n} as const satisfies Partial<Record<keyof typeof METRIC_TOKENS, string>>;\n\n/** `NARROW_METRICS`in devreye girdiği genişlik — `$breakpoint-mobile` ile aynı. */\nexport const NARROW_BREAKPOINT = '640px';\n\n/** Kütüphanenin varsayılan font yığınları — hepsi sistem fontlarına iner. */\nexport const DEFAULT_FONTS: Required<UiFonts> = {\n  heading: \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n  body: \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n  mono: \"ui-monospace, 'SF Mono', Menlo, Consolas, monospace\",\n};\n"],"names":["alpha","hex","value","normalized","full","character","red","green","blue","FLUID_MIN_VIEWPORT","FLUID_MAX_VIEWPORT","ROOT_FONT_SIZE","trim","fluid","min","max","slope","intercept","scaled","variable","fluidType","fluidSpace","INK_DEEP","SURFACE_DARK","LIGHT_THEME","NEUTRAL","STATUS","BAND","ACTION_LINE","CART","LINK","SALE","ACCENT","STAR","DANGER_SOLID","CORPORATE","BRAND","CATEGORY","DARK_THEME","METRIC_TOKENS","COMPACT_DENSITY","DEFAULT_FONTS"],"mappings":";AAsBA,MAAMA,IAAQ,CAACC,GAAaC,MAA0B;AACpD,QAAMC,IAAaF,EAAI,QAAQ,KAAK,EAAE,GAChCG,IACJD,EAAW,WAAW,IAClBA,EACG,MAAM,EAAE,EACR,IAAI,OAAaE,IAAYA,CAAS,EACtC,KAAK,EAAE,IACVF,GAEAG,IAAM,SAASF,EAAK,MAAM,GAAG,CAAC,GAAG,EAAE,GACnCG,IAAQ,SAASH,EAAK,MAAM,GAAG,CAAC,GAAG,EAAE,GACrCI,IAAO,SAASJ,EAAK,MAAM,GAAG,CAAC,GAAG,EAAE;AAE1C,SAAO,QAAQE,CAAG,KAAKC,CAAK,KAAKC,CAAI,KAAKN,CAAK;AACjD,GAGMO,IAAqB,KACrBC,IAAqB,MAGrBC,IAAiB,IAEjBC,IAAO,CAACV,MAA0B,OAAO,OAAOA,EAAM,QAAQ,CAAC,CAAC,CAAC,GAOjEW,IAAQ,CAACC,GAAaC,MAAwB;AAClD,QAAMC,KAASD,IAAMD,MAAQJ,IAAqBD,IAC5CQ,KAAaH,IAAME,IAAQP,KAAsBE;AAEvD,SAAO,SAASC,EAAKE,CAAG,CAAC,OAAOF,EAAKK,CAAS,CAAC,SAASL,EAAKI,IAAQ,GAAG,CAAC,OAAOJ,EAAKG,CAAG,CAAC;AAC3F,GAMMG,IAAS,CAAChB,GAAeiB,MAC7B,QAAQjB,CAAK,eAAeiB,CAAQ,MAEhCC,IAAY,CAACN,GAAaC,MAAwBG,EAAOL,EAAMC,GAAKC,CAAG,GAAG,YAAY,GAEtFM,IAAa,CAACP,GAAaC,MAAwBG,EAAOL,EAAMC,GAAKC,CAAG,GAAG,aAAa,GAMxFO,IAAWC,EAAa,OAGjBC,IAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzB,MAAMC,EAAQ;AAAA,EACd,SAASA,EAAQ;AAAA,EACjB,aAAaA,EAAQ;AAAA,EACrB,aAAaA,EAAQ;AAAA;AAAA,EAErB,iBAAiBA,EAAQ;AAAA;AAAA,EAGzB,QAAQA,EAAQ;AAAA,EAChB,iBAAiBA,EAAQ;AAAA;AAAA,EAGzB,MAAMA,EAAQ;AAAA,EACd,UAAUA,EAAQ;AAAA,EAClB,UAAUA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOlB,OAAOF,EAAa;AAAA,EACpB,WAAWA,EAAa;AAAA,EACxB,WAAWA,EAAa;AAAA,EACxB,YAAYA,EAAa;AAAA,EACzB,cAAcA,EAAa;AAAA;AAAA,EAE3B,mBAAmBG,EAAO;AAAA;AAAA,EAE1B,cAAcH,EAAa;AAAA;AAAA,EAG3B,QAAQI,EAAK;AAAA,EACb,gBAAgBA,EAAK;AAAA,EACrB,iBAAiBA,EAAK;AAAA,EACtB,aAAaF,EAAQ;AAAA;AAAA,EAErB,eAAeG,EAAY;AAAA;AAAA,EAE3B,eAAeH,EAAQ;AAAA;AAAA,EAEvB,kBAAkBA,EAAQ;AAAA;AAAA,EAG1B,MAAMI,EAAK;AAAA,EACX,cAAcA,EAAK;AAAA,EACnB,eAAeA,EAAK;AAAA,EACpB,aAAaA,EAAK;AAAA,EAClB,WAAWA,EAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,UAAUJ,EAAQ;AAAA,EAClB,kBAAkBA,EAAQ;AAAA,EAC1B,mBAAmBA,EAAQ;AAAA,EAC3B,eAAeA,EAAQ;AAAA;AAAA,EAEvB,iBAAiBA,EAAQ;AAAA,EACzB,iBAAiBA,EAAQ;AAAA;AAAA,EAGzB,MAAMK,EAAK;AAAA,EACX,cAAcA,EAAK;AAAA;AAAA,EAGnB,SAASJ,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAElB,WAAWA,EAAO;AAAA,EAClB,WAAWA,EAAO;AAAA,EAClB,aAAaA,EAAO;AAAA,EAEpB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,WAAWK,EAAK;AAAA,EAChB,WAAWA,EAAK;AAAA;AAAA,EAGhB,cAAcC,EAAO;AAAA,EACrB,gBAAgBA,EAAO;AAAA,EACvB,sBAAsBA,EAAO;AAAA,EAC7B,YAAYA,EAAO;AAAA,EACnB,MAAMC,EAAK;AAAA;AAAA,EAGX,gBAAgBC,EAAa;AAAA,EAC7B,sBAAsBA,EAAa;AAAA,EACnC,aAAaT,EAAQ;AAAA;AAAA,EAGrB,UAAUA,EAAQ;AAAA,EAClB,YAAYA,EAAQ;AAAA,EACpB,UAAUA,EAAQ;AAAA,EAClB,YAAYA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,YAAYA,EAAQ;AAAA,EACpB,YAAYA,EAAQ;AAAA,EACpB,mBAAmBA,EAAQ;AAAA,EAC3B,aAAaA,EAAQ;AAAA,EACrB,aAAaA,EAAQ;AAAA;AAAA,EAGrB,WAAWE,EAAK;AAAA,EAChB,WAAWQ,EAAU;AAAA,EACrB,aAAaA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvB,aAAaR,EAAK;AAAA,EAClB,eAAeS,EAAM;AAAA,EACrB,aAAaT,EAAK;AAAA,EAClB,cAAc3B,EAAMyB,EAAQ,IAAI,IAAI;AAAA;AAAA,EAGpC,aAAa,aAAazB,EAAMyB,EAAQ,MAAM,IAAI,CAAC;AAAA,EACnD,aAAa,aAAazB,EAAMyB,EAAQ,MAAM,IAAI,CAAC,eAAezB,EAAMyB,EAAQ,MAAM,IAAI,CAAC;AAAA,EAC3F,aAAa,aAAazB,EAAMyB,EAAQ,MAAM,IAAI,CAAC,gBAAgBzB,EAAMyB,EAAQ,MAAM,IAAI,CAAC;AAAA,EAC5F,aAAa,aAAazB,EAAMyB,EAAQ,MAAM,IAAI,CAAC,iBAAiBzB,EAAMyB,EAAQ,MAAM,GAAG,CAAC;AAAA,EAC5F,aAAa,cAAczB,EAAMyB,EAAQ,MAAM,IAAI,CAAC,iBAAiBzB,EAAMyB,EAAQ,MAAM,IAAI,CAAC;AAAA;AAAA,EAE9F,aAAa,cAAczB,EAAMyB,EAAQ,MAAM,IAAI,CAAC,iBAAiBzB,EAAMyB,EAAQ,MAAM,IAAI,CAAC;AAAA;AAAA,EAG9F,MAAM,aAAazB,EAAM8B,EAAK,MAAM,IAAI,CAAC;AAAA,EACzC,cAAcA,EAAK;AAAA,EACnB,eAAe,aAAa9B,EAAMkC,EAAa,MAAM,IAAI,CAAC;AAAA,EAC1D,WAAW,aAAalC,EAAM0B,EAAO,MAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhD,OAAO1B,EAAMyB,EAAQ,MAAM,GAAG;AAAA,EAC9B,cAAczB,EAAMyB,EAAQ,MAAM,IAAI;AAAA,EACtC,OAAOzB,EAAMyB,EAAQ,IAAI,IAAI;AAAA,EAC7B,eAAeA,EAAQ;AAAA,EACvB,YAAYA,EAAQ;AAAA;AAAA,EAGpB,cAAcA,EAAQ;AAAA,EACtB,cAAcA,EAAQ;AAAA,EACtB,OAAOzB,EAAMyB,EAAQ,MAAM,IAAI;AAAA;AAAA,EAG/B,YAAYA,EAAQ;AAAA;AAAA,EAGpB,UAAUzB,EAAMoC,EAAM,MAAM,GAAG;AAAA,EAC/B,UAAUpC,EAAMoC,EAAM,MAAM,IAAI;AAAA,EAChC,aAAapC,EAAM6B,EAAK,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,SAASQ,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,YAAYZ,EAAQ;AAAA,EACpB,YAAYY,EAAS;AACvB,GAGaC,IAAuD;AAAA,EAClE,MAAMf,EAAa;AAAA,EACnB,SAASA,EAAa;AAAA,EACtB,aAAaA,EAAa;AAAA,EAC1B,aAAaA,EAAa;AAAA,EAC1B,iBAAiBA,EAAa;AAAA,EAE9B,QAAQA,EAAa;AAAA,EACrB,iBAAiBA,EAAa;AAAA,EAE9B,MAAMA,EAAa;AAAA,EACnB,UAAUA,EAAa;AAAA,EACvB,UAAUA,EAAa;AAAA;AAAA,EAGvB,OAAOA,EAAa;AAAA,EACpB,WAAWA,EAAa;AAAA,EACxB,WAAWA,EAAa;AAAA,EACxB,YAAYA,EAAa;AAAA,EACzB,cAAcA,EAAa;AAAA,EAC3B,mBAAmBG,EAAO;AAAA,EAC1B,cAAcH,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3B,QAAQa,EAAM;AAAA,EACd,gBAAgBT,EAAK;AAAA,EACrB,iBAAiBA,EAAK;AAAA,EACtB,aAAaF,EAAQ;AAAA,EACrB,eAAeG,EAAY;AAAA,EAC3B,eAAeL,EAAa;AAAA;AAAA,EAE5B,kBAAkBE,EAAQ;AAAA,EAE1B,MAAMI,EAAK;AAAA,EACX,cAAcA,EAAK;AAAA,EACnB,eAAeA,EAAK;AAAA,EACpB,aAAaA,EAAK;AAAA,EAClB,WAAWA,EAAK;AAAA;AAAA,EAGhB,UAAUN,EAAa;AAAA,EACvB,kBAAkBE,EAAQ;AAAA,EAC1B,mBAAmBA,EAAQ;AAAA,EAC3B,eAAeA,EAAQ;AAAA,EACvB,iBAAiBF,EAAa;AAAA,EAC9B,iBAAiBA,EAAa;AAAA,EAE9B,MAAMO,EAAK;AAAA,EACX,cAAcA,EAAK;AAAA,EAEnB,SAASJ,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAElB,WAAWA,EAAO;AAAA,EAClB,WAAWA,EAAO;AAAA,EAClB,aAAaA,EAAO;AAAA,EAEpB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AAAA,EAEnB,WAAWK,EAAK;AAAA,EAChB,WAAWA,EAAK;AAAA,EAEhB,cAAcC,EAAO;AAAA,EACrB,gBAAgBA,EAAO;AAAA,EACvB,sBAAsBA,EAAO;AAAA,EAC7B,YAAYA,EAAO;AAAA,EACnB,MAAMC,EAAK;AAAA,EAEX,gBAAgBC,EAAa;AAAA,EAC7B,sBAAsBA,EAAa;AAAA,EACnC,aAAaA,EAAa;AAAA;AAAA,EAG1B,UAAUX,EAAa;AAAA,EACvB,YAAYA,EAAa;AAAA,EACzB,UAAUA,EAAa;AAAA,EACvB,YAAYA,EAAa;AAAA;AAAA,EAEzB,YAAYA,EAAa;AAAA,EACzB,YAAYA,EAAa;AAAA,EACzB,mBAAmBA,EAAa;AAAA,EAChC,aAAavB,EAAMyB,EAAQ,IAAI,IAAI;AAAA,EACnC,aAAaF,EAAa;AAAA;AAAA,EAG1B,WAAWI,EAAK;AAAA,EAChB,WAAWQ,EAAU;AAAA,EACrB,aAAaA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvB,aAAaR,EAAK;AAAA,EAClB,eAAeS,EAAM;AAAA,EACrB,aAAaT,EAAK;AAAA,EAClB,cAAc3B,EAAMyB,EAAQ,IAAI,IAAI;AAAA;AAAA,EAGpC,aAAa,aAAazB,EAAMsB,GAAU,GAAG,CAAC;AAAA,EAC9C,aAAa,aAAatB,EAAMsB,GAAU,GAAG,CAAC,eAAetB,EAAMsB,GAAU,GAAG,CAAC;AAAA,EACjF,aAAa,aAAatB,EAAMsB,GAAU,IAAI,CAAC,gBAAgBtB,EAAMsB,GAAU,IAAI,CAAC;AAAA,EACpF,aAAa,aAAatB,EAAMsB,GAAU,GAAG,CAAC,iBAAiBtB,EAAMsB,GAAU,IAAI,CAAC;AAAA,EACpF,aAAa,cAActB,EAAMsB,GAAU,IAAI,CAAC,iBAAiBtB,EAAMsB,GAAU,GAAG,CAAC;AAAA,EACrF,aAAa,cAActB,EAAMsB,GAAU,GAAG,CAAC,iBAAiBtB,EAAMsB,GAAU,IAAI,CAAC;AAAA,EAErF,MAAM,aAAatB,EAAM8B,EAAK,MAAM,IAAI,CAAC;AAAA,EACzC,cAAcA,EAAK;AAAA,EACnB,eAAe,aAAa9B,EAAMkC,EAAa,MAAM,IAAI,CAAC;AAAA,EAC1D,WAAW,aAAalC,EAAM0B,EAAO,UAAU,GAAG,CAAC;AAAA,EAEnD,OAAO1B,EAAMsB,GAAU,IAAI;AAAA,EAC3B,cAActB,EAAMsB,GAAU,IAAI;AAAA,EAClC,OAAOtB,EAAMuB,EAAa,YAAY,IAAI;AAAA,EAC1C,eAAeA,EAAa;AAAA,EAC5B,YAAYE,EAAQ;AAAA,EAEpB,cAAcF,EAAa;AAAA,EAC3B,cAAcA,EAAa;AAAA,EAC3B,OAAOvB,EAAMyB,EAAQ,IAAI,IAAI;AAAA,EAE7B,YAAYF,EAAa;AAAA,EAEzB,UAAUvB,EAAMoC,EAAM,MAAM,GAAG;AAAA,EAC/B,UAAUpC,EAAMoC,EAAM,MAAM,IAAI;AAAA,EAChC,aAAapC,EAAM6B,EAAK,MAAM,IAAI;AAAA,EAElC,SAASQ,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,SAASA,EAAS;AAAA,EAClB,YAAYZ,EAAQ;AAAA,EACpB,YAAYY,EAAS;AACvB,GA4BaE,IAAgB;AAAA;AAAA;AAAA,EAG3B,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA;AAAA;AAAA,EAIf,cAAc;AAAA,EACd,eAAe;AAAA;AAAA,EAGf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAWlB,EAAW,IAAI,EAAE;AAAA,EAC5B,WAAWA,EAAW,IAAI,EAAE;AAAA,EAC5B,WAAWA,EAAW,IAAI,EAAE;AAAA,EAC5B,WAAWA,EAAW,IAAI,EAAE;AAAA,EAC5B,WAAWA,EAAW,IAAI,EAAE;AAAA,EAC5B,WAAWA,EAAW,IAAI,EAAE;AAAA,EAC5B,WAAWA,EAAW,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAM5B,iBAAiBD,EAAU,IAAI,EAAE;AAAA,EACjC,gBAAgBA,EAAU,IAAI,EAAE;AAAA,EAChC,gBAAgBA,EAAU,MAAM,EAAE;AAAA,EAClC,kBAAkBA,EAAU,IAAI,EAAE;AAAA,EAClC,kBAAkBA,EAAU,IAAI,EAAE;AAAA,EAClC,gBAAgBA,EAAU,IAAI,EAAE;AAAA,EAChC,gBAAgBA,EAAU,MAAM,EAAE;AAAA,EAClC,iBAAiBA,EAAU,IAAI,EAAE;AAAA,EACjC,iBAAiBA,EAAU,IAAI,EAAE;AAAA,EACjC,iBAAiBA,EAAU,IAAI,EAAE;AAAA;AAAA,EAGjC,qBAAqB,aAAaP,EAAM,IAAI,EAAE,CAAC;AAAA;AAAA;AAAA,EAI/C,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA;AAAA,EAGnB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA;AAAA,EAIX,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EAEjB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA;AAAA,EAGf,iBAAiB;AAAA,EACjB,oBAAoB;AAAA;AAAA,EAEpB,kBAAkB;AACpB,GAGa2B,IAAkB;AAAA,EAC7B,cAAc;AAAA,EACd,eAAe;AACjB,GAuBaC,IAAmC;AAAA,EAC9C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR;"}

package/build/types/charts/AreaChart/index.d.ts

@@ -0,0 +1,14 @@
+import { type CartesianChartProps } from '../core/CartesianChart';
+import type { ChartSeries } from '../core/series';
+type Props = Omit<CartesianChartProps, 'series' | 'orientation'> & {
+    series: readonly ChartSeries[];
+};
+/**
+ * Alan grafiği — çizginin altı dolu; `isStacked` ile seriler üst üste (bütünün parçaları).
+ * Taban SIFIR: alanın yüksekliği değerin kendisi, kırpılmış bir eksen alanı yanlış oranda gösterir.
+ *
+ * Klavye: `←`/`→` önceki/sonraki x · `Home`/`End` · `Escape`.
+ */
+declare const AreaChart: ({ series, ...rest }: Props) => import("react").JSX.Element;
+declare const _default: typeof AreaChart;
+export default _default;

package/build/types/charts/BarChart/index.d.ts

@@ -0,0 +1,16 @@
+import { type CartesianChartProps } from '../core/CartesianChart';
+import type { ChartSeries } from '../core/series';
+type Props = Omit<CartesianChartProps, 'series' | 'curve' | 'hasPoints'> & {
+    series: readonly ChartSeries[];
+};
+/**
+ * Çubuk / sütun grafiği — kategoriler arası karşılaştırma. Birden çok seri yan yana (gruplu) ya da
+ * `isStacked` ile üst üste; `orientation="horizontal"` uzun kategori adları için (etiket kesilmez,
+ * sığmazsa "…" ile kısalır, tam adı ipucu ve tabloda).
+ * Eksi değer sıfırın ALTINA iner; yığında artı ve eksi ayrı birikir.
+ *
+ * Klavye: `←`/`→` (ya da `↑`/`↓`) önceki/sonraki kategori · `Home`/`End` · `Escape`.
+ */
+declare const BarChart: ({ series, ...rest }: Props) => import("react").JSX.Element;
+declare const _default: typeof BarChart;
+export default _default;

package/build/types/charts/BoxPlot/index.d.ts

@@ -0,0 +1,43 @@
+import { type ValueFormat } from '../core/format';
+import { type ChartTone } from '../core/palette';
+export type BoxPlotGroup = {
+    id: string;
+    label: string;
+    /** Ham gözlemler — beş sayı özeti ve aykırılar bileşende hesaplanır (Tukey, 1,5 × IQR). */
+    values: readonly number[];
+    tone?: ChartTone;
+};
+/** Özetin okunan adları — metin kütüphaneden gelmez. */
+export type BoxPlotLabels = {
+    min: string;
+    q1: string;
+    median: string;
+    q3: string;
+    max: string;
+    outliers: string;
+    count: string;
+};
+type Props = {
+    label: string;
+    description?: string;
+    groups: readonly BoxPlotGroup[];
+    /** Grup ekseninin ve tablonun ilk sütun başlığı. */
+    groupLabel: string;
+    labels: BoxPlotLabels;
+    height?: number;
+    width?: number;
+    formatValue?: ValueFormat;
+    className?: string;
+    testId?: string;
+};
+/**
+ * Kutu grafiği — grupların dağılımını karşılaştırır: kutu Q1–Q3, çizgi medyan, bıyıklar 1,5 × IQR
+ * içindeki en uç gözlem, dışarıdakiler nokta (aykırı).
+ * ⚠ Bıyık ucu bir HESAP değil bir GÖZLEM: Q3 + 1,5 × IQR'ye kadar çizmek, verinin hiç ulaşmadığı
+ * bir değeri gösterirdi.
+ *
+ * Klavye: `←`/`→` önceki/sonraki grup · `Home`/`End` · `Escape`.
+ */
+declare const BoxPlot: ({ label, description, groups, groupLabel, labels: summaryLabels, height, width: fixedWidth, formatValue, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof BoxPlot;
+export default _default;

package/build/types/charts/ComposedChart/index.d.ts

@@ -0,0 +1,16 @@
+import { type CartesianChartProps } from '../core/CartesianChart';
+import type { ComposedSeries } from '../core/series';
+type Props = Omit<CartesianChartProps, 'series' | 'orientation'> & {
+    /** Seri başına tür (`line` / `area` / `bar`) ve eksen (`left` / `right`). */
+    series: readonly ComposedSeries[];
+};
+/**
+ * Bileşik grafik — çubuk, çizgi ve alan aynı x ekseninde; farklı birimdeki seri SAĞ eksene
+ * (`axis: 'right'`). Çizim sırası: alan → çubuk → çizgi (çizgi her zaman görünür kalır).
+ * ⚠ İki eksen okuyucuyu yanıltabilir: sağ eksendeki seri `format` ile kendi birimini söylemeli.
+ *
+ * Klavye: `←`/`→` önceki/sonraki x · `Home`/`End` · `Escape`.
+ */
+declare const ComposedChart: (props: Props) => import("react").JSX.Element;
+declare const _default: typeof ComposedChart;
+export default _default;

package/build/types/charts/Heatmap/index.d.ts

@@ -0,0 +1,30 @@
+import { type ValueFormat } from '../core/format';
+import { type ChartTone } from '../core/palette';
+type Props = {
+    label: string;
+    description?: string;
+    /** Sütun adları (x). */
+    columns: readonly string[];
+    /** Satır adları (y). */
+    rows: readonly string[];
+    /** `values[satır][sütun]`; `null` boş hücre (veri yok — sıfır değil). */
+    values: readonly (readonly (number | null)[])[];
+    /** Hücre değerinin adı ("Sipariş"). */
+    valueLabel: string;
+    tone?: ChartTone;
+    height?: number;
+    width?: number;
+    formatValue?: ValueFormat;
+    className?: string;
+    testId?: string;
+};
+/**
+ * Isı haritası — iki kategorik boyutta bir değerin yoğunluğu. Renk TEK TONUN yoğunluğu
+ * (sıralı ölçek): çok renkli bir ölçek düşük-yüksek sırasını okutmuyordu.
+ * Değer renk tek başına okunmaz: ipucu, duyuru ve veri tablosu sayıyı söyler.
+ *
+ * Klavye: `←`/`→` sütun · `↑`/`↓` satır · `Home`/`End` ilk/son hücre · `Escape`.
+ */
+declare const Heatmap: ({ label, description, columns, rows, values, valueLabel, tone, height, width: fixedWidth, formatValue, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof Heatmap;
+export default _default;

package/build/types/charts/Histogram/index.d.ts

@@ -0,0 +1,29 @@
+import { type ValueFormat } from '../core/format';
+import { type ChartTone } from '../core/palette';
+type Props = {
+    label: string;
+    description?: string;
+    /** Ham gözlemler; bölmeleri bileşen hesaplar. Sonlu olmayan değerler atılır. */
+    values: readonly number[];
+    /** Hedef bölme sayısı; verilmezse Sturges. Sınırlar "güzel" adıma oturur, sayı yaklaşık. */
+    bins?: number;
+    /** Değişkenin adı (x ekseni, tablo). */
+    valueLabel: string;
+    /** Sıklığın adı ("Sipariş sayısı"). */
+    countLabel: string;
+    tone?: ChartTone;
+    height?: number;
+    width?: number;
+    formatValue?: ValueFormat;
+    className?: string;
+    testId?: string;
+};
+/**
+ * Histogram — tek değişkenin dağılımı. x ekseni SÜREKLİ (bölme sınırları), sütunlar bitişik.
+ * Bölme: `[alt, üst)`, son bölme üst ucu DAHİL eder (en büyük değer dışarıda kalmaz).
+ *
+ * Klavye: `←`/`→` önceki/sonraki bölme · `Home`/`End` · `Escape`.
+ */
+declare const Histogram: ({ label, description, values, bins: binCount, valueLabel, countLabel, tone, height, width: fixedWidth, formatValue, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof Histogram;
+export default _default;

package/build/types/charts/LineChart/index.d.ts

@@ -0,0 +1,14 @@
+import { type CartesianChartProps } from '../core/CartesianChart';
+import type { ChartSeries } from '../core/series';
+type Props = Omit<CartesianChartProps, 'series' | 'isStacked' | 'orientation'> & {
+    series: readonly ChartSeries[];
+};
+/**
+ * Çizgi grafiği — bir ya da daha çok serinin x boyunca değişimi. Sayısal x sürekli eksen, metin x
+ * kategorik eksen. `null` değer çizgiyi KESER (eksik veri sıfır değildir).
+ *
+ * Klavye: grafiğe sekmeyle gelinir · `←`/`→` önceki/sonraki x · `Home`/`End` · `Escape`.
+ */
+declare const LineChart: ({ series, ...rest }: Props) => import("react").JSX.Element;
+declare const _default: typeof LineChart;
+export default _default;