@handijit/ui 0.0.0-stage → 1.0.0

package/build/theme/tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.cjs","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":"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"}

package/build/theme/tokens.d.ts

@@ -0,0 +1,225 @@
+import { UiFonts } from '../types/theme.type';
+/** AÇIK TEMA — varsayılan. */
+export declare const LIGHT_THEME: {
+    readonly page: "#faf9f5";
+    readonly surface: "#fffefc";
+    readonly 'surface-2': "#efe9de";
+    readonly 'surface-3': "#e8e0d3";
+    /** Girinti sayfanın ALTINA iner (arama kutusu, kod bloğu, pasif girdi). */
+    readonly 'surface-inset': "#f5f0e8";
+    readonly border: "#ded8d0";
+    readonly 'border-strong': "#d0c8bd";
+    readonly text: "#141413";
+    readonly 'text-2': "#4d4b46";
+    readonly 'text-3': "#67655e";
+    readonly shell: "#181715";
+    readonly 'shell-2': "#1f1e1b";
+    readonly 'shell-3': "#2a2925";
+    readonly 'on-shell': "#faf9f5";
+    readonly 'on-shell-2': "#b4b1a9";
+    /** Mürekkep üzerinde hata metni (terminalin stderr'i). Açık temanın `bad-fg`i burada 2:1'in altında. */
+    readonly 'on-shell-danger': "#f2a099";
+    /** Koyu temada kabuk sayfadan 1,03:1 ayrışıyor; görünür kılan bu çizgi. */
+    readonly 'shell-line': "#33312d";
+    readonly action: "#00322a";
+    readonly 'action-hover': "#154c3d";
+    readonly 'action-active': "#225f4d";
+    readonly 'on-action': "#fffefc";
+    /** Dolgunun SINIRI; açık temada dolgunun kendisi (bkz. `ACTION_LINE`). */
+    readonly 'action-line': "#00322a";
+    /** Pasif dolgu; saydamlık DEĞİL kendi rengi (bkz. */
+    readonly 'action-soft': "#d0c8bd";
+    /** PASİF DOLGU ÜZERİNDEKİ METİN. */
+    readonly 'on-action-soft': "#3d3d3a";
+    readonly cart: "#1ba055";
+    readonly 'cart-hover': "#20b360";
+    readonly 'cart-active': "#19934e";
+    readonly 'cart-soft': "#84cb97";
+    readonly 'on-cart': "#021407";
+    readonly selected: "#141413";
+    readonly 'selected-hover': "#252523";
+    readonly 'selected-active': "#3d3d3a";
+    readonly 'on-selected': "#faf9f5";
+    /** Seçili satır / seçenek zemini — kenarlık ya da işaretle BİRLİKTE (seçim yalnız zeminle verilmez). */
+    readonly 'selected-tint': "#e8e0d3";
+    readonly 'selected-line': "#141413";
+    readonly link: "#17704e";
+    readonly 'link-hover': "#176446";
+    readonly 'ok-bg': "#c2f6cf";
+    readonly 'ok-fg': "#166e3a";
+    readonly 'ok-line': "#7eda99";
+    readonly 'warn-bg': "#f9dcb9";
+    readonly 'warn-fg': "#7c5212";
+    readonly 'warn-line': "#e8b97f";
+    readonly 'off-bg': "#dcdad6";
+    readonly 'off-fg': "#5b5851";
+    readonly 'off-line': "#c5c2bb";
+    readonly 'bad-bg': "#f9d8d5";
+    readonly 'bad-fg': "#a91922";
+    readonly 'bad-line': "#e9b3ae";
+    readonly 'oem-bg': "#a7f7c8";
+    readonly 'oem-fg': "#0c5d3a";
+    readonly 'oem-line': "#6ace97";
+    readonly 'alt-bg': "#e5dcf9";
+    readonly 'alt-fg': "#751dc8";
+    readonly 'alt-line': "#c9bae7";
+    readonly 'sale-bg': "#c2f6cf";
+    readonly 'sale-fg': "#166e3a";
+    readonly 'red-accent': "#de1b2c";
+    readonly 'green-accent': "#18904c";
+    readonly 'green-accent-hover': "#12783e";
+    readonly 'on-green': "#021407";
+    readonly star: "#846310";
+    readonly 'danger-solid': "#c21625";
+    readonly 'danger-solid-hover': "#a2111d";
+    readonly 'on-danger': "#fffefc";
+    readonly 'nav-bg': "#faf9f5";
+    readonly 'nav-bg-2': "#efe9de";
+    readonly 'nav-fg': "#141413";
+    readonly 'nav-fg-2': "#4d4b46";
+    readonly 'nav-fg-3': "#67655e";
+    readonly 'nav-line': "#e4dfd8";
+    readonly 'nav-line-strong': "#d0c8bd";
+    readonly 'nav-hover': "#efe9de";
+    readonly 'footer-bg': "#efe9de";
+    readonly 'band-bg': "#00322a";
+    readonly 'band-fg': "#e9f7ed";
+    readonly 'band-fg-2': "#8abaa1";
+    /**
+     * 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`)
+     */
+    readonly 'band-fg-3': "#79a790";
+    readonly 'band-accent': "#43ff9c";
+    readonly 'band-line': "#143f34";
+    readonly 'band-hover': string;
+    readonly 'shadow-xs': `0 1px 2px ${string}`;
+    readonly 'shadow-sm': `0 1px 2px ${string}, 0 1px 3px ${string}`;
+    readonly 'shadow-md': `0 2px 4px ${string}, 0 6px 16px ${string}`;
+    readonly 'shadow-lg': `0 4px 8px ${string}, 0 16px 32px ${string}`;
+    readonly 'shadow-xl': `0 8px 16px ${string}, 0 28px 56px ${string}`;
+    /** Yapışkan alt bar; gölge YUKARI düşer. */
+    readonly 'shadow-up': `0 -2px 4px ${string}, 0 -8px 24px ${string}`;
+    /** Odak halkası BAĞLANTI YEŞİLİ: odak bir gezinme olayıdır. Çam DEĞİL — birincil dolguyla aynı ton. */
+    readonly ring: `0 0 0 3px ${string}`;
+    readonly 'ring-color': "#1f7b56";
+    readonly 'ring-danger': `0 0 0 3px ${string}`;
+    readonly 'ring-ok': `0 0 0 4px ${string}`;
+    readonly scrim: string;
+    readonly 'scrim-soft': string;
+    readonly glass: string;
+    readonly 'glass-solid': "#fffefc";
+    readonly 'on-scrim': "#fffefc";
+    readonly 'skeleton-a': "#efe9de";
+    readonly 'skeleton-b': "#faf9f5";
+    readonly track: string;
+    /** Görsel yer tutucu (medya yoksa). */
+    readonly 'media-bg': "#efe9de";
+    readonly 'glow-1': string;
+    readonly 'glow-2': string;
+    readonly 'glow-cart': string;
+    readonly 'cat-1': "#2774cd";
+    readonly 'cat-2': "#b75225";
+    readonly 'cat-3': "#2c8761";
+    readonly 'cat-4': "#8b7126";
+    readonly 'cat-5': "#c02f8f";
+    readonly 'series-1': "#252523";
+    readonly 'series-2': "#8f3beb";
+};
+/** KOYU TEMA. */
+export declare const DARK_THEME: Record<keyof typeof LIGHT_THEME, string>;
+/**
+ * SÖZDİZİMİ TOKEN'LARI — `CodeBlock`ın vurgulayıcısı. Kategorik tonlar METİN aydınlığında: kod
+ * gövdesinde (`surface-inset`) ve üç yüzeyde ≥4,5:1. Yorum `text-3`, noktalama `text-2` — ayrı
+ * token değil. `syntax-name`: işlev çağrısı, özellik/anahtar, öznitelik, değişken.
+ * ⚠ Temaya bağlı ama ANA TABLODA DEĞİL. Yalnızca sohbet girişi kullanıyor; `LIGHT_THEME`e
+ * girdiklerinde çalışma zamanı tablosuyla HER bileşenin paketine biniyorlardı (ölçüldü: yalnızca
+ * `Button` alan uygulama 5,12 → 5,28 kB, `styles.css` +0,1 kB). Değişkenleri `chat.css` taşır
+ * (`_syntax.generated.scss`); ezme CSS'te (`--ui-syntax-*`), `UiProvider theme`inde değil.
+ */
+export declare const SYNTAX_LIGHT_THEME: {
+    readonly 'syntax-keyword': "#a4277a";
+    readonly 'syntax-string': "#9d451f";
+    readonly 'syntax-number': "#7b2dcd";
+    readonly 'syntax-name': "#2063b0";
+    readonly 'syntax-type': "#76611f";
+};
+export declare const SYNTAX_DARK_THEME: Record<keyof typeof SYNTAX_LIGHT_THEME, string>;
+/** ÖLÇÜ TOKEN'LARI — temadan bağımsız, çalışma zamanında EZİLEBİLİR. */
+export declare const METRIC_TOKENS: {
+    readonly 'radius-xs': "4px";
+    readonly 'radius-sm': "6px";
+    readonly 'radius-md': "8px";
+    readonly 'radius-lg': "12px";
+    readonly 'radius-xl': "16px";
+    readonly 'radius-pill': "999px";
+    /** YOĞUNLUK ÇARPANLARI — akışkan ölçeğin üzerine binen tek ayar. */
+    readonly 'type-scale': "1";
+    readonly 'space-scale': "1";
+    readonly 'space-0': "0";
+    readonly 'space-1': "4px";
+    readonly 'space-2': "8px";
+    readonly 'space-3': string;
+    readonly 'space-4': string;
+    readonly 'space-5': string;
+    readonly 'space-6': string;
+    readonly 'space-7': string;
+    readonly 'space-8': string;
+    readonly 'space-9': string;
+    readonly 'font-size-2xs': string;
+    readonly 'font-size-xs': string;
+    readonly 'font-size-sm': string;
+    readonly 'font-size-base': string;
+    readonly 'font-size-body': string;
+    readonly 'font-size-lg': string;
+    readonly 'font-size-xl': string;
+    readonly 'font-size-2xl': string;
+    readonly 'font-size-3xl': string;
+    readonly 'font-size-4xl': string;
+    /** FORM DENETİMİ PUNTOSU — ölçekten AYRI ve 16px'in altına inmez. */
+    readonly 'font-size-control': `max(16px, ${string})`;
+    readonly 'leading-none': "1";
+    readonly 'leading-tight': "1.16";
+    readonly 'leading-snug': "1.35";
+    readonly 'leading-normal': "1.62";
+    readonly 'leading-relaxed': "1.75";
+    readonly 'icon-xs': "14px";
+    readonly 'icon-sm': "16px";
+    readonly 'icon-md': "18px";
+    readonly 'icon-lg': "20px";
+    readonly 'icon-xl': "24px";
+    readonly 'duration-instant': "80ms";
+    readonly 'duration-fast': "140ms";
+    readonly 'duration-normal': "200ms";
+    readonly 'duration-slow': "320ms";
+    readonly 'ease-out': "cubic-bezier(0.22, 1, 0.36, 1)";
+    readonly 'ease-in-out': "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly 'ease-spring': "cubic-bezier(0.34, 1.4, 0.64, 1)";
+    readonly 'duration-spin': "700ms";
+    readonly 'duration-shimmer': "1400ms";
+    /** Durum noktasının nabzı — "çalışıyor / bağlanıyor"; 700 ms telaş, 2 sn ölü gibi okunuyordu. */
+    readonly 'duration-pulse': "1600ms";
+};
+/** YOĞUN (compact) KİP — `<html data-ui-density="compact">`. */
+export declare const COMPACT_DENSITY: {
+    readonly 'type-scale': "0.93";
+    readonly 'space-scale': "0.88";
+};
+/** DAR EKRAN KADEMELERİ — `@media (max-width: 640px)`. */
+export declare const NARROW_METRICS: {
+    readonly 'radius-lg': "10px";
+    readonly 'radius-xl': "13px";
+    readonly 'icon-xs': "13px";
+    readonly 'icon-sm': "15px";
+    readonly 'icon-md': "16px";
+    readonly 'icon-lg': "18px";
+    readonly 'icon-xl': "20px";
+    readonly 'leading-tight': "1.18";
+    readonly 'leading-snug': "1.38";
+    readonly 'leading-normal': "1.52";
+    readonly 'leading-relaxed': "1.62";
+};
+/** `NARROW_METRICS`in devreye girdiği genişlik — `$breakpoint-mobile` ile aynı. */
+export declare const NARROW_BREAKPOINT = "640px";
+/** Kütüphanenin varsayılan font yığınları — hepsi sistem fontlarına iner. */
+export declare const DEFAULT_FONTS: Required<UiFonts>;