@handijit/ui 0.0.0-stage → 1.0.0

package/build/theme/UiProvider.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs as c, jsx as f } from "react/jsx-runtime";
+import { useMemo as t, useRef as l } from "react";
+import { toStyleHtml as d, buildThemeCss as y, THEME_STYLE_ID as p } from "../helpers/theme.helper.js";
+import x from "./context.js";
+const a = ({ children: m, theme: r, linkComponent: e, labels: o }) => {
+  const s = t(() => r ? JSON.stringify(r) : "", [r]), i = t(
+    () => r ? d(y(r)) : "",
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s]
+  ), n = l(r);
+  n.current = r;
+  const u = t(
+    () => ({ theme: n.current, linkComponent: e, labels: o }),
+    /*
+     * `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
+    [s, e, o]
+  );
+  return /* @__PURE__ */ c(x.Provider, { value: u, children: [
+    i !== "" && /* @__PURE__ */ f("style", { id: p, dangerouslySetInnerHTML: { __html: i } }),
+    m
+  ] });
+};
+export {
+  a as default
+};
+//# sourceMappingURL=UiProvider.js.map

package/build/theme/UiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiProvider.js","sources":["../../src/theme/UiProvider.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, type ReactNode, useMemo, useRef } from 'react';\n\nimport { buildThemeCss, THEME_STYLE_ID, toStyleHtml } from '../helpers/theme.helper';\nimport type { UiLinkComponent } from '../types/link.type';\nimport UiContext from './context';\nimport type { UiLabels, UiThemeConfig } from '@/types/theme.type';\n\ntype Props = {\n  children: ReactNode;\n  /** Tema ezmeleri. */\n  theme?: UiThemeConfig;\n  /**\n   * Tüketicinin bağlantı bileşeni.\n   * @example import NextLink from 'next/link'; <UiProvider linkComponent={NextLink}>…</Ha…\n   */\n  linkComponent?: UiLinkComponent;\n  /** Arayüz metinleri — bir kez, burada. */\n  labels?: UiLabels;\n};\n\n/**\n * Kütüphane sağlayıcısı. `<body>` içine konur: tema ezmesini çocuklarından önce bir `<style>`\n * olarak çizer.\n * @example <UiProvider linkComponent={NextLink} theme={{ light: { link: '#0a58ca' } }}> <App…\n */\nconst UiProvider: FC<Props> = ({ children, theme, linkComponent, labels }) => {\n  /*\n   * `JSON.stringify` bagimlilik anahtari olarak kullaniliyor: cagiran taraf neredeyse her zaman\n   * satir ici bir nesne literali veriyor ve referans her…\n   */\n  const themeKey = useMemo(() => (theme ? JSON.stringify(theme) : ''), [theme]);\n\n  /*\n   * Ezme AGACTA cizilir, efektte belgeye yazilmaz: sunucu ciktisinda da var ve ilk boyamada\n   * uygulanir. 5.6.2'ye kadar `useEffect` icindeki `applyThemeConfig` `<head>`e hidrasyondan SONRA\n   * yaziyordu; ilk karede varsayilan palet, bir kare sonra tema gorunuyordu. `<body>` icinde\n   * oldugu icin tuketicinin `<head>`deki stil sayfalarindan (katman sirasi bildirimi dahil) sonra\n   * gelir.\n   */\n  const themeHtml = useMemo(\n    () => (theme ? toStyleHtml(buildThemeCss(theme)) : ''),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [themeKey],\n  );\n\n  /* `theme` bir REFERANSTAN okunur, bagimliliktan degil. */\n  const themeRef = useRef(theme);\n  themeRef.current = theme;\n\n  const value = useMemo(\n    () => ({ theme: themeRef.current, linkComponent, labels }),\n    /*\n     * `themeKey` denetciye GEREKSIZ gorunuyor cunku memo'nun govdesinde gecmiyor — ama tam da isi\n     * bu: temanin ICERIGI degistiginde yeni bir nesne…\n     */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [themeKey, linkComponent, labels],\n  );\n\n  return (\n    <UiContext.Provider value={value}>\n      {themeHtml !== '' && (\n        <style id={THEME_STYLE_ID} dangerouslySetInnerHTML={{ __html: themeHtml }} />\n      )}\n      {children}\n    </UiContext.Provider>\n  );\n};\n\nexport default UiProvider;\n"],"names":["UiProvider","children","theme","linkComponent","labels","themeKey","useMemo","themeHtml","toStyleHtml","buildThemeCss","themeRef","useRef","value","jsxs","UiContext","THEME_STYLE_ID"],"mappings":";;;;;AA0BA,MAAMA,IAAwB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,eAAAC,GAAe,QAAAC,QAAa;AAK5E,QAAMC,IAAWC,EAAQ,MAAOJ,IAAQ,KAAK,UAAUA,CAAK,IAAI,IAAK,CAACA,CAAK,CAAC,GAStEK,IAAYD;AAAA,IAChB,MAAOJ,IAAQM,EAAYC,EAAcP,CAAK,CAAC,IAAI;AAAA;AAAA,IAEnD,CAACG,CAAQ;AAAA,EAAA,GAILK,IAAWC,EAAOT,CAAK;AAC7B,EAAAQ,EAAS,UAAUR;AAEnB,QAAMU,IAAQN;AAAA,IACZ,OAAO,EAAE,OAAOI,EAAS,SAAS,eAAAP,GAAe,QAAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMjD,CAACC,GAAUF,GAAeC,CAAM;AAAA,EAAA;AAGlC,SACE,gBAAAS,EAACC,EAAU,UAAV,EAAmB,OAAAF,GACjB,UAAA;AAAA,IAAAL,MAAc,wBACZ,SAAA,EAAM,IAAIQ,GAAgB,yBAAyB,EAAE,QAAQR,EAAA,EAAU,CAAG;AAAA,IAE5EN;AAAA,EAAA,GACH;AAEJ;"}

package/build/theme/UiThemeScript.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../helpers/theme.helper.cjs"),i=({storageKey:e})=>t.jsx("script",{dangerouslySetInnerHTML:{__html:r.themeBootScript({storageKey:e})}});exports.default=i;
+//# sourceMappingURL=UiThemeScript.cjs.map

package/build/theme/UiThemeScript.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiThemeScript.cjs","sources":["../../src/theme/UiThemeScript.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { themeBootScript } from '../helpers/theme.helper';\n\ntype Props = {\n  /** Kullanıcının seçiminin tutulduğu `localStorage` anahtarı. */\n  storageKey: string;\n};\n\n/**\n * İLK BOYAMADAN ÖNCE tema — `<head>` içine, sunucu düzeninde.\n *\n * Kayıtlı açık seçimi (`light` / `dark`) `<html data-ui-theme>`e yazar; kayıt yoksa sistem\n * tercihi izlenir. Sunucu çıktısındaki satır içi betik HTML ayrıştırılırken çalışır; React onu\n * istemcide YENİDEN çalıştırmaz.\n *\n * ⚠ BİR BİLEŞEN, fonksiyon değil: paket `'use client'` taşıdığı için dışa verilen düz bir\n * fonksiyon Next'in sunucu bileşeninde ÇAĞRILAMIYOR (\"Attempted to call … from the server\").\n * Bileşen ise sunucuda da çizilir. Bu yüzden 5.1 taslağındaki `themeBootScript()` dışa verilmedi.\n * @example <head><UiThemeScript storageKey=\"theme\" /></head>\n */\nconst UiThemeScript: FC<Props> = ({ storageKey }) => (\n  <script dangerouslySetInnerHTML={{ __html: themeBootScript({ storageKey }) }} />\n);\n\nexport default UiThemeScript;\n"],"names":["UiThemeScript","storageKey","jsx","themeBootScript"],"mappings":"uMAsBMA,EAA2B,CAAC,CAAE,WAAAC,KAClCC,EAAAA,IAAC,SAAA,CAAO,wBAAyB,CAAE,OAAQC,EAAAA,gBAAgB,CAAE,WAAAF,CAAA,CAAY,EAAE,CAAG"}

package/build/theme/UiThemeScript.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+type Props = {
+    /** Kullanıcının seçiminin tutulduğu `localStorage` anahtarı. */
+    storageKey: string;
+};
+/**
+ * İLK BOYAMADAN ÖNCE tema — `<head>` içine, sunucu düzeninde.
+ *
+ * Kayıtlı açık seçimi (`light` / `dark`) `<html data-ui-theme>`e yazar; kayıt yoksa sistem
+ * tercihi izlenir. Sunucu çıktısındaki satır içi betik HTML ayrıştırılırken çalışır; React onu
+ * istemcide YENİDEN çalıştırmaz.
+ *
+ * ⚠ BİR BİLEŞEN, fonksiyon değil: paket `'use client'` taşıdığı için dışa verilen düz bir
+ * fonksiyon Next'in sunucu bileşeninde ÇAĞRILAMIYOR ("Attempted to call … from the server").
+ * Bileşen ise sunucuda da çizilir. Bu yüzden 5.1 taslağındaki `themeBootScript()` dışa verilmedi.
+ * @example <head><UiThemeScript storageKey="theme" /></head>
+ */
+declare const UiThemeScript: FC<Props>;
+export default UiThemeScript;

package/build/theme/UiThemeScript.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { themeBootScript as r } from "../helpers/theme.helper.js";
+const m = ({ storageKey: t }) => /* @__PURE__ */ e("script", { dangerouslySetInnerHTML: { __html: r({ storageKey: t }) } });
+export {
+  m as default
+};
+//# sourceMappingURL=UiThemeScript.js.map

package/build/theme/UiThemeScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiThemeScript.js","sources":["../../src/theme/UiThemeScript.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { themeBootScript } from '../helpers/theme.helper';\n\ntype Props = {\n  /** Kullanıcının seçiminin tutulduğu `localStorage` anahtarı. */\n  storageKey: string;\n};\n\n/**\n * İLK BOYAMADAN ÖNCE tema — `<head>` içine, sunucu düzeninde.\n *\n * Kayıtlı açık seçimi (`light` / `dark`) `<html data-ui-theme>`e yazar; kayıt yoksa sistem\n * tercihi izlenir. Sunucu çıktısındaki satır içi betik HTML ayrıştırılırken çalışır; React onu\n * istemcide YENİDEN çalıştırmaz.\n *\n * ⚠ BİR BİLEŞEN, fonksiyon değil: paket `'use client'` taşıdığı için dışa verilen düz bir\n * fonksiyon Next'in sunucu bileşeninde ÇAĞRILAMIYOR (\"Attempted to call … from the server\").\n * Bileşen ise sunucuda da çizilir. Bu yüzden 5.1 taslağındaki `themeBootScript()` dışa verilmedi.\n * @example <head><UiThemeScript storageKey=\"theme\" /></head>\n */\nconst UiThemeScript: FC<Props> = ({ storageKey }) => (\n  <script dangerouslySetInnerHTML={{ __html: themeBootScript({ storageKey }) }} />\n);\n\nexport default UiThemeScript;\n"],"names":["UiThemeScript","storageKey","jsx","themeBootScript"],"mappings":";;;AAsBA,MAAMA,IAA2B,CAAC,EAAE,YAAAC,QAClC,gBAAAC,EAAC,UAAA,EAAO,yBAAyB,EAAE,QAAQC,EAAgB,EAAE,YAAAF,EAAA,CAAY,IAAE,CAAG;"}

package/build/theme/context.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({}),u=()=>e.useContext(t);exports.default=t;exports.useUi=u;
+//# sourceMappingURL=context.cjs.map

package/build/theme/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":["../../src/theme/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nimport type { UiContextValue } from '@/types/theme.type';\n\nconst UiContext = createContext<UiContextValue>({});\n\n/** Sağlayıcı ZORUNLU DEĞİL. */\nexport const useUi = (): UiContextValue => useContext(UiContext);\n\nexport default UiContext;\n"],"names":["UiContext","createContext","useUi","useContext"],"mappings":"kJAKMA,EAAYC,EAAAA,cAA8B,CAAA,CAAE,EAGrCC,EAAQ,IAAsBC,EAAAA,WAAWH,CAAS"}

package/build/theme/context.d.ts

@@ -0,0 +1,5 @@
+import { UiContextValue } from '../types/theme.type';
+declare const UiContext: import('react').Context<UiContextValue>;
+/** Sağlayıcı ZORUNLU DEĞİL. */
+export declare const useUi: () => UiContextValue;
+export default UiContext;

package/build/theme/context.js

@@ -0,0 +1,8 @@
+"use client";
+import { useContext as t, createContext as e } from "react";
+const o = e({}), s = () => t(o);
+export {
+  o as default,
+  s as useUi
+};
+//# sourceMappingURL=context.js.map

package/build/theme/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/theme/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nimport type { UiContextValue } from '@/types/theme.type';\n\nconst UiContext = createContext<UiContextValue>({});\n\n/** Sağlayıcı ZORUNLU DEĞİL. */\nexport const useUi = (): UiContextValue => useContext(UiContext);\n\nexport default UiContext;\n"],"names":["UiContext","createContext","useUi","useContext"],"mappings":";;AAKA,MAAMA,IAAYC,EAA8B,CAAA,CAAE,GAGrCC,IAAQ,MAAsBC,EAAWH,CAAS;"}

package/build/theme/initUi.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@handijit/utils"),t=require("../helpers/theme.helper.cjs"),i=(e={})=>{t.applyThemeConfig(e.theme),u.isClient()&&(e.colorScheme&&document.documentElement.setAttribute(t.THEME_ATTRIBUTE,e.colorScheme),e.density&&document.documentElement.setAttribute(t.DENSITY_ATTRIBUTE,e.density))};exports.default=i;exports.initUi=i;
+//# sourceMappingURL=initUi.cjs.map

package/build/theme/initUi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"initUi.cjs","sources":["../../src/theme/initUi.ts"],"sourcesContent":["import { isClient } from '@handijit/utils';\n\nimport { applyThemeConfig, DENSITY_ATTRIBUTE, THEME_ATTRIBUTE } from '../helpers/theme.helper';\nimport type { InitUiOptions } from '@/types/theme.type';\n\n/**\n * Kütüphaneyi React ağacının dışından yapılandırır.\n * @example // app/layout.tsx — <head> içine, boyamadan önce. <script…\n */\nexport const initUi = (options: InitUiOptions = {}): void => {\n  applyThemeConfig(options.theme);\n\n  if (!isClient()) return;\n\n  if (options.colorScheme)\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, options.colorScheme);\n\n  if (options.density) document.documentElement.setAttribute(DENSITY_ATTRIBUTE, options.density);\n};\n\nexport default initUi;\n"],"names":["initUi","options","applyThemeConfig","isClient","THEME_ATTRIBUTE","DENSITY_ATTRIBUTE"],"mappings":"wLASaA,EAAS,CAACC,EAAyB,KAAa,CAC3DC,EAAAA,iBAAiBD,EAAQ,KAAK,EAEzBE,EAAAA,aAEDF,EAAQ,aACV,SAAS,gBAAgB,aAAaG,EAAAA,gBAAiBH,EAAQ,WAAW,EAExEA,EAAQ,SAAS,SAAS,gBAAgB,aAAaI,EAAAA,kBAAmBJ,EAAQ,OAAO,EAC/F"}

package/build/theme/initUi.d.ts

@@ -0,0 +1,7 @@
+import { InitUiOptions } from '../types/theme.type';
+/**
+ * Kütüphaneyi React ağacının dışından yapılandırır.
+ * @example // app/layout.tsx — <head> içine, boyamadan önce. <script…
+ */
+export declare const initUi: (options?: InitUiOptions) => void;
+export default initUi;

package/build/theme/initUi.js

@@ -0,0 +1,10 @@
+import { isClient as t } from "@handijit/utils";
+import { applyThemeConfig as m, THEME_ATTRIBUTE as i, DENSITY_ATTRIBUTE as r } from "../helpers/theme.helper.js";
+const T = (e = {}) => {
+  m(e.theme), t() && (e.colorScheme && document.documentElement.setAttribute(i, e.colorScheme), e.density && document.documentElement.setAttribute(r, e.density));
+};
+export {
+  T as default,
+  T as initUi
+};
+//# sourceMappingURL=initUi.js.map

package/build/theme/initUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initUi.js","sources":["../../src/theme/initUi.ts"],"sourcesContent":["import { isClient } from '@handijit/utils';\n\nimport { applyThemeConfig, DENSITY_ATTRIBUTE, THEME_ATTRIBUTE } from '../helpers/theme.helper';\nimport type { InitUiOptions } from '@/types/theme.type';\n\n/**\n * Kütüphaneyi React ağacının dışından yapılandırır.\n * @example // app/layout.tsx — <head> içine, boyamadan önce. <script…\n */\nexport const initUi = (options: InitUiOptions = {}): void => {\n  applyThemeConfig(options.theme);\n\n  if (!isClient()) return;\n\n  if (options.colorScheme)\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, options.colorScheme);\n\n  if (options.density) document.documentElement.setAttribute(DENSITY_ATTRIBUTE, options.density);\n};\n\nexport default initUi;\n"],"names":["initUi","options","applyThemeConfig","isClient","THEME_ATTRIBUTE","DENSITY_ATTRIBUTE"],"mappings":";;AASO,MAAMA,IAAS,CAACC,IAAyB,OAAa;AAG3D,EAFAC,EAAiBD,EAAQ,KAAK,GAEzBE,QAEDF,EAAQ,eACV,SAAS,gBAAgB,aAAaG,GAAiBH,EAAQ,WAAW,GAExEA,EAAQ,WAAS,SAAS,gBAAgB,aAAaI,GAAmBJ,EAAQ,OAAO;AAC/F;"}

package/build/theme/palette.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={pine:"#00322a",mint:"#43ff9c"},e={paper:"#e9f7ed",mist:"#8abaa1"},r={n0:"#fffefc",n25:"#faf9f5",n50:"#f5f0e8",n100:"#efe9de",n150:"#e8e0d3",n200:"#e4dfd8",n250:"#ded8d0",n300:"#d0c8bd",n550:"#67655e",n600:"#4d4b46",n700:"#3d3d3a",n800:"#252523",n900:"#141413"},c={base:"#00322a",two:"#154c3d",three:"#225f4d",dark:"#00322a",darkLine:"#143f34",fgThree:"#79a790"},f={page:"#141413",surface:"#181715",surfaceTwo:"#1f1e1b",surfaceThree:"#2a2925",inset:"#0e0e0d",border:"#33312d",borderStrong:"#4a4843",text:"#faf9f5",textTwo:"#b4b1a9",textThree:"#8e8b82",actionSoft:"#4a4843"},d={light:"#00322a",dark:"#43ff9c"},n={base:"#1ba055",hover:"#20b360",active:"#19934e",soft:"#84cb97",dark:"#37c971",darkHover:"#4cdd82",darkActive:"#30b464",darkSoft:"#466e51",on:"#021407"},t={base:"#1f7b56",hover:"#176446",text:"#17704e",dark:"#60d4a1",darkHover:"#76eab5"},o={okBg:"#c2f6cf",okFg:"#166e3a",okLine:"#7eda99",okBgDark:"#132d1b",okFgDark:"#56d682",okLineDark:"#2c5137",warnBg:"#f9dcb9",warnFg:"#7c5212",warnLine:"#e8b97f",warnBgDark:"#322311",warnFgDark:"#eeaa4c",warnLineDark:"#594327",offBg:"#dcdad6",offFg:"#5b5851",offLine:"#c5c2bb",offBgDark:"#2f2e2a",offFgDark:"#bcb9b0",offLineDark:"#494743",badBg:"#f9d8d5",badFg:"#a91922",badLine:"#e9b3ae",badBgDark:"#431514",badFgDark:"#f2a099",badLineDark:"#732f2c",oemBg:"#a7f7c8",oemFg:"#0c5d3a",oemLine:"#6ace97",oemBgDark:"#0f291b",oemFgDark:"#43c485",oemLineDark:"#224b35",altBg:"#e5dcf9",altFg:"#751dc8",altLine:"#c9bae7",altBgDark:"#2e184c",altFgDark:"#c3aaf1",altLineDark:"#533281"},b={base:"#c21625",hover:"#a2111d",dark:"#f53039",darkHover:"#f26a64",onDark:"#1b0102"},k={red:"#de1b2c",redDark:"#f64f4e",green:"#18904c",greenDark:"#37c971",greenHover:"#12783e",greenHoverDark:"#4cdd82",onGreen:"#021407"},D={bg:"#c2f6cf",fg:"#166e3a",bgDark:"#132d1b",fgDark:"#56d682"},g={light:"#846310",dark:"#ebb737"},s={cat1:"#2774cd",cat1Dark:"#7eaeeb",cat2:"#b75225",cat2Dark:"#ec8f6b",cat3:"#2c8761",cat3Dark:"#58c393",cat4:"#8b7126",cat4Dark:"#c7a74f",cat5:"#c02f8f",cat5Dark:"#ed81c1",series2:"#8f3beb",series2Dark:"#b699eb"};exports.ACCENT=k;exports.ACTION_LINE=d;exports.BAND=c;exports.BRAND=a;exports.CART=n;exports.CATEGORY=s;exports.CORPORATE=e;exports.DANGER_SOLID=b;exports.LINK=t;exports.NEUTRAL=r;exports.SALE=D;exports.STAR=g;exports.STATUS=o;exports.SURFACE_DARK=f;
+//# sourceMappingURL=palette.cjs.map

package/build/theme/palette.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.cjs","sources":["../../src/theme/palette.ts"],"sourcesContent":["/**\n * HAM PALET — kütüphanenin TEK hex kaynağı; değerler OKLCH'te türetilir.\n * ⚠ ÜRETİLMİŞ DOSYA: `scripts/lib/palette-recipe.mjs` tarifini değiştir, `npm run tokens`.\n * ⚠ Dört ankor sabit: marka için `pine` / `mint`, nötr eksen için `ink` / `canvas`.\n *   Geri kalan her şey onlardan türer.\n */\n/**\n * MARKA — kılavuzun iki ankoru ve arayüzün mürekkebi.\n * ⚠ `mint` AÇIK ZEMİNDE METİN OLAMAZ (krem üzerinde 1,24:1).\n */\nexport const BRAND = {\n  pine: '#00322a',\n  mint: '#43ff9c',\n  ink: '#141413',\n} as const;\n\n/**\n * KURUMSAL YARDIMCI RENKLER — kâğıt / slate / sis, MARKA EKSENİNDE.\n * ⚠ Yalnızca marka şeridinde (`band-*`) yaşar; arayüz nötrleri sıcak mürekkep merdivenidir.\n */\nexport const CORPORATE = {\n  paper: '#e9f7ed',\n  slate: '#325a4d',\n  mist: '#8abaa1',\n} as const;\n\n/**\n * NÖTR EKSEN — SICAK MÜREKKEP: açık uç krem kâğıt (`n25` = canvas), koyu uç siyah (`n900` = ink).\n * ⚠ Marka ekseninde DEĞİL: 4.x'te öyleydi ve arayüzün her yüzeyi yeşil çiziliyordu.\n * ⚠ `n0` kartın zemini — sayfadan bir kademe açık, saf beyaz değil.\n */\nexport const NEUTRAL = {\n  n0: '#fffefc',\n  n25: '#faf9f5',\n  n50: '#f5f0e8',\n  n100: '#efe9de',\n  n150: '#e8e0d3',\n  n200: '#e4dfd8',\n  n250: '#ded8d0',\n  n300: '#d0c8bd',\n  n400: '#b4b1a9',\n  n500: '#8e8b82',\n  n550: '#67655e',\n  n600: '#4d4b46',\n  n700: '#3d3d3a',\n  n800: '#252523',\n  n900: '#141413',\n} as const;\n\n/** BANT — üst bant, alt bilgi, tablo başlıkları ve BİRİNCİL EYLEM; tabanı `pine`. */\nexport const BAND = {\n  base: '#00322a',\n  two: '#154c3d',\n  three: '#225f4d',\n  dark: '#00322a',\n  darkLine: '#143f34',\n  fgThree: '#79a790',\n} as const;\n\n/**\n * KOYU TEMA YÜZEYLERİ — sıcak siyah.\n * ⚠ Kademeler arası fark bilinçle küçük (1,03-1,14:1); derinliği kenarlık kurar.\n */\nexport const SURFACE_DARK = {\n  page: '#141413',\n  surface: '#181715',\n  surfaceTwo: '#1f1e1b',\n  surfaceThree: '#2a2925',\n  inset: '#0e0e0d',\n  border: '#33312d',\n  borderStrong: '#4a4843',\n  text: '#faf9f5',\n  textTwo: '#b4b1a9',\n  textThree: '#8e8b82',\n  actionSoft: '#4a4843',\n} as const;\n\n/**\n * BİRİNCİL EYLEMİN SINIRI — dolgunun kendisi değil, KENARI.\n * ⚠ Koyu temada çam dolgu kaybolur; mint saç çizgisi grafik eşiğini her zeminde geçer.\n */\nexport const ACTION_LINE = {\n  light: '#00322a',\n  dark: '#43ff9c',\n} as const;\n\n/**\n * DÖNÜŞÜM EYLEMİ (\"sepete ekle\") — ekrandaki tek PARLAK yeşil.\n * ⚠ Birincil eylemden ayrımı TON AÇISI DEĞİL AYDINLIK.\n * ⚠ Etkileşim yönü açık temada TERS: hover AÇILIR, active KOYULUR.\n */\nexport const CART = {\n  base: '#1ba055',\n  hover: '#20b360',\n  active: '#19934e',\n  soft: '#84cb97',\n  dark: '#37c971',\n  darkHover: '#4cdd82',\n  darkActive: '#30b464',\n  darkSoft: '#466e51',\n  on: '#021407',\n} as const;\n\n/**\n * BAĞLANTI VE ODAK — 4.x `role` ailesinin yeşil kalan yarısı.\n * ⚠ Seçim, ilerleme, onay kutusu ve anahtar bu aileyi KULLANMAZ; mürekkep merdivenindedir.\n * ⚠ TON AÇISI GÖZLE ÖLÇÜLDÜ: H 162 ilk kesin yeşil, yukarı çekilmez.\n */\nexport const LINK = {\n  base: '#1f7b56',\n  hover: '#176446',\n  text: '#17704e',\n  dark: '#60d4a1',\n  darkHover: '#76eab5',\n} as const;\n\n/** ANKORLAR — halka ve vurgu renklerinin türediği iki uç. */\nexport const ANCHOR = {\n  red: '#de1b2c',\n  green: '#18904c',\n} as const;\n\n/**\n * DURUM AİLELERİ — altı aile tek şablondan çıkar; değişen tek şey ton açısı.\n * ⚠ TINT ZEMİNLERİ AYDINLIKTA BİR KADEME DÜŞÜK: L .95'te chroma çok küçük.\n */\nexport const STATUS = {\n  okBg: '#c2f6cf',\n  okFg: '#166e3a',\n  okLine: '#7eda99',\n  okBgDark: '#132d1b',\n  okFgDark: '#56d682',\n  okLineDark: '#2c5137',\n  warnBg: '#f9dcb9',\n  warnFg: '#7c5212',\n  warnLine: '#e8b97f',\n  warnBgDark: '#322311',\n  warnFgDark: '#eeaa4c',\n  warnLineDark: '#594327',\n  offBg: '#dcdad6',\n  offFg: '#5b5851',\n  offLine: '#c5c2bb',\n  offBgDark: '#2f2e2a',\n  offFgDark: '#bcb9b0',\n  offLineDark: '#494743',\n  badBg: '#f9d8d5',\n  badFg: '#a91922',\n  badLine: '#e9b3ae',\n  badBgDark: '#431514',\n  badFgDark: '#f2a099',\n  badLineDark: '#732f2c',\n  oemBg: '#a7f7c8',\n  oemFg: '#0c5d3a',\n  oemLine: '#6ace97',\n  oemBgDark: '#0f291b',\n  oemFgDark: '#43c485',\n  oemLineDark: '#224b35',\n  altBg: '#e5dcf9',\n  altFg: '#751dc8',\n  altLine: '#c9bae7',\n  altBgDark: '#2e184c',\n  altFgDark: '#c3aaf1',\n  altLineDark: '#533281',\n} as const;\n\n/** YIKICI EYLEM DOLGUSU — üzerine açık metin gelir, aydınlığı bu yüzden sınırlı. */\nexport const DANGER_SOLID = {\n  base: '#c21625',\n  hover: '#a2111d',\n  dark: '#f53039',\n  darkHover: '#f26a64',\n  onDark: '#1b0102',\n} as const;\n\n/** İKON VURGUSU — WCAG 1.4.11, 3:1 grafik eşiği; metin katmanından bir kademe açık. */\nexport const ACCENT = {\n  red: '#de1b2c',\n  redDark: '#f64f4e',\n  green: '#18904c',\n  greenDark: '#37c971',\n  greenHover: '#12783e',\n  greenHoverDark: '#4cdd82',\n  onGreen: '#021407',\n} as const;\n\n/** İNDİRİM ETİKETİ — olumlu durum ailesiyle aynı; ayrı bir yeşil değil. */\nexport const SALE = {\n  bg: '#c2f6cf',\n  fg: '#166e3a',\n  bgDark: '#132d1b',\n  fgDark: '#56d682',\n} as const;\n\n/** YILDIZ ALTINI — puan sayısının yanında durduğu için metin eşiğini de geçer. */\nexport const STAR = {\n  light: '#846310',\n  dark: '#ebb737',\n} as const;\n\n/**\n * KATEGORİK PALET — grafik serileri ve kategori işaretleri.\n * ⚠ Marka yeşilleri seri rengi OLMAZ; `cat3` orta aydınlıkta bir kategori yeşili.\n */\nexport const CATEGORY = {\n  cat1: '#2774cd',\n  cat1Dark: '#7eaeeb',\n  cat2: '#b75225',\n  cat2Dark: '#ec8f6b',\n  cat3: '#2c8761',\n  cat3Dark: '#58c393',\n  cat4: '#8b7126',\n  cat4Dark: '#c7a74f',\n  cat5: '#c02f8f',\n  cat5Dark: '#ed81c1',\n  series2: '#8f3beb',\n  series2Dark: '#b699eb',\n} as const;\n\n/**\n * SÖZDİZİMİ — `CodeBlock`ın vurgulayıcısı; kategorik tonlar METİN aydınlığında (≥4,5:1).\n * ⚠ Yeşil yok: fark satırının yeşili bir durum (`ok-fg`), sözdizimi rengi değil.\n */\nexport const SYNTAX = {\n  keyword: '#a4277a',\n  keywordDark: '#f691cc',\n  string: '#9d451f',\n  stringDark: '#f59e7c',\n  number: '#7b2dcd',\n  numberDark: '#c2a7f5',\n  name: '#2063b0',\n  nameDark: '#8dbaf5',\n  type: '#76611f',\n  typeDark: '#d9b341',\n} as const;\n"],"names":["BRAND","CORPORATE","NEUTRAL","BAND","SURFACE_DARK","ACTION_LINE","CART","LINK","STATUS","DANGER_SOLID","ACCENT","SALE","STAR","CATEGORY"],"mappings":"gFAUO,MAAMA,EAAQ,CACnB,KAAM,UACN,KAAM,SAER,EAMaC,EAAY,CACvB,MAAO,UAEP,KAAM,SACR,EAOaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,KAAM,UACN,KAAM,UACN,KAAM,UACN,KAAM,UACN,KAAM,UAGN,KAAM,UACN,KAAM,UACN,KAAM,UACN,KAAM,UACN,KAAM,SACR,EAGaC,EAAO,CAClB,KAAM,UACN,IAAK,UACL,MAAO,UACP,KAAM,UACN,SAAU,UACV,QAAS,SACX,EAMaC,EAAe,CAC1B,KAAM,UACN,QAAS,UACT,WAAY,UACZ,aAAc,UACd,MAAO,UACP,OAAQ,UACR,aAAc,UACd,KAAM,UACN,QAAS,UACT,UAAW,UACX,WAAY,SACd,EAMaC,EAAc,CACzB,MAAO,UACP,KAAM,SACR,EAOaC,EAAO,CAClB,KAAM,UACN,MAAO,UACP,OAAQ,UACR,KAAM,UACN,KAAM,UACN,UAAW,UACX,WAAY,UACZ,SAAU,UACV,GAAI,SACN,EAOaC,EAAO,CAClB,KAAM,UACN,MAAO,UACP,KAAM,UACN,KAAM,UACN,UAAW,SACb,EAYaC,EAAS,CACpB,KAAM,UACN,KAAM,UACN,OAAQ,UACR,SAAU,UACV,SAAU,UACV,WAAY,UACZ,OAAQ,UACR,OAAQ,UACR,SAAU,UACV,WAAY,UACZ,WAAY,UACZ,aAAc,UACd,MAAO,UACP,MAAO,UACP,QAAS,UACT,UAAW,UACX,UAAW,UACX,YAAa,UACb,MAAO,UACP,MAAO,UACP,QAAS,UACT,UAAW,UACX,UAAW,UACX,YAAa,UACb,MAAO,UACP,MAAO,UACP,QAAS,UACT,UAAW,UACX,UAAW,UACX,YAAa,UACb,MAAO,UACP,MAAO,UACP,QAAS,UACT,UAAW,UACX,UAAW,UACX,YAAa,SACf,EAGaC,EAAe,CAC1B,KAAM,UACN,MAAO,UACP,KAAM,UACN,UAAW,UACX,OAAQ,SACV,EAGaC,EAAS,CACpB,IAAK,UACL,QAAS,UACT,MAAO,UACP,UAAW,UACX,WAAY,UACZ,eAAgB,UAChB,QAAS,SACX,EAGaC,EAAO,CAClB,GAAI,UACJ,GAAI,UACJ,OAAQ,UACR,OAAQ,SACV,EAGaC,EAAO,CAClB,MAAO,UACP,KAAM,SACR,EAMaC,EAAW,CACtB,KAAM,UACN,SAAU,UACV,KAAM,UACN,SAAU,UACV,KAAM,UACN,SAAU,UACV,KAAM,UACN,SAAU,UACV,KAAM,UACN,SAAU,UACV,QAAS,UACT,YAAa,SACf"}

package/build/theme/palette.d.ts

@@ -0,0 +1,219 @@
+/**
+ * HAM PALET — kütüphanenin TEK hex kaynağı; değerler OKLCH'te türetilir.
+ * ⚠ ÜRETİLMİŞ DOSYA: `scripts/lib/palette-recipe.mjs` tarifini değiştir, `npm run tokens`.
+ * ⚠ Dört ankor sabit: marka için `pine` / `mint`, nötr eksen için `ink` / `canvas`.
+ *   Geri kalan her şey onlardan türer.
+ */
+/**
+ * MARKA — kılavuzun iki ankoru ve arayüzün mürekkebi.
+ * ⚠ `mint` AÇIK ZEMİNDE METİN OLAMAZ (krem üzerinde 1,24:1).
+ */
+export declare const BRAND: {
+    readonly pine: "#00322a";
+    readonly mint: "#43ff9c";
+    readonly ink: "#141413";
+};
+/**
+ * KURUMSAL YARDIMCI RENKLER — kâğıt / slate / sis, MARKA EKSENİNDE.
+ * ⚠ Yalnızca marka şeridinde (`band-*`) yaşar; arayüz nötrleri sıcak mürekkep merdivenidir.
+ */
+export declare const CORPORATE: {
+    readonly paper: "#e9f7ed";
+    readonly slate: "#325a4d";
+    readonly mist: "#8abaa1";
+};
+/**
+ * NÖTR EKSEN — SICAK MÜREKKEP: açık uç krem kâğıt (`n25` = canvas), koyu uç siyah (`n900` = ink).
+ * ⚠ Marka ekseninde DEĞİL: 4.x'te öyleydi ve arayüzün her yüzeyi yeşil çiziliyordu.
+ * ⚠ `n0` kartın zemini — sayfadan bir kademe açık, saf beyaz değil.
+ */
+export declare const NEUTRAL: {
+    readonly n0: "#fffefc";
+    readonly n25: "#faf9f5";
+    readonly n50: "#f5f0e8";
+    readonly n100: "#efe9de";
+    readonly n150: "#e8e0d3";
+    readonly n200: "#e4dfd8";
+    readonly n250: "#ded8d0";
+    readonly n300: "#d0c8bd";
+    readonly n400: "#b4b1a9";
+    readonly n500: "#8e8b82";
+    readonly n550: "#67655e";
+    readonly n600: "#4d4b46";
+    readonly n700: "#3d3d3a";
+    readonly n800: "#252523";
+    readonly n900: "#141413";
+};
+/** BANT — üst bant, alt bilgi, tablo başlıkları ve BİRİNCİL EYLEM; tabanı `pine`. */
+export declare const BAND: {
+    readonly base: "#00322a";
+    readonly two: "#154c3d";
+    readonly three: "#225f4d";
+    readonly dark: "#00322a";
+    readonly darkLine: "#143f34";
+    readonly fgThree: "#79a790";
+};
+/**
+ * KOYU TEMA YÜZEYLERİ — sıcak siyah.
+ * ⚠ Kademeler arası fark bilinçle küçük (1,03-1,14:1); derinliği kenarlık kurar.
+ */
+export declare const SURFACE_DARK: {
+    readonly page: "#141413";
+    readonly surface: "#181715";
+    readonly surfaceTwo: "#1f1e1b";
+    readonly surfaceThree: "#2a2925";
+    readonly inset: "#0e0e0d";
+    readonly border: "#33312d";
+    readonly borderStrong: "#4a4843";
+    readonly text: "#faf9f5";
+    readonly textTwo: "#b4b1a9";
+    readonly textThree: "#8e8b82";
+    readonly actionSoft: "#4a4843";
+};
+/**
+ * BİRİNCİL EYLEMİN SINIRI — dolgunun kendisi değil, KENARI.
+ * ⚠ Koyu temada çam dolgu kaybolur; mint saç çizgisi grafik eşiğini her zeminde geçer.
+ */
+export declare const ACTION_LINE: {
+    readonly light: "#00322a";
+    readonly dark: "#43ff9c";
+};
+/**
+ * DÖNÜŞÜM EYLEMİ ("sepete ekle") — ekrandaki tek PARLAK yeşil.
+ * ⚠ Birincil eylemden ayrımı TON AÇISI DEĞİL AYDINLIK.
+ * ⚠ Etkileşim yönü açık temada TERS: hover AÇILIR, active KOYULUR.
+ */
+export declare const CART: {
+    readonly base: "#1ba055";
+    readonly hover: "#20b360";
+    readonly active: "#19934e";
+    readonly soft: "#84cb97";
+    readonly dark: "#37c971";
+    readonly darkHover: "#4cdd82";
+    readonly darkActive: "#30b464";
+    readonly darkSoft: "#466e51";
+    readonly on: "#021407";
+};
+/**
+ * BAĞLANTI VE ODAK — 4.x `role` ailesinin yeşil kalan yarısı.
+ * ⚠ Seçim, ilerleme, onay kutusu ve anahtar bu aileyi KULLANMAZ; mürekkep merdivenindedir.
+ * ⚠ TON AÇISI GÖZLE ÖLÇÜLDÜ: H 162 ilk kesin yeşil, yukarı çekilmez.
+ */
+export declare const LINK: {
+    readonly base: "#1f7b56";
+    readonly hover: "#176446";
+    readonly text: "#17704e";
+    readonly dark: "#60d4a1";
+    readonly darkHover: "#76eab5";
+};
+/** ANKORLAR — halka ve vurgu renklerinin türediği iki uç. */
+export declare const ANCHOR: {
+    readonly red: "#de1b2c";
+    readonly green: "#18904c";
+};
+/**
+ * DURUM AİLELERİ — altı aile tek şablondan çıkar; değişen tek şey ton açısı.
+ * ⚠ TINT ZEMİNLERİ AYDINLIKTA BİR KADEME DÜŞÜK: L .95'te chroma çok küçük.
+ */
+export declare const STATUS: {
+    readonly okBg: "#c2f6cf";
+    readonly okFg: "#166e3a";
+    readonly okLine: "#7eda99";
+    readonly okBgDark: "#132d1b";
+    readonly okFgDark: "#56d682";
+    readonly okLineDark: "#2c5137";
+    readonly warnBg: "#f9dcb9";
+    readonly warnFg: "#7c5212";
+    readonly warnLine: "#e8b97f";
+    readonly warnBgDark: "#322311";
+    readonly warnFgDark: "#eeaa4c";
+    readonly warnLineDark: "#594327";
+    readonly offBg: "#dcdad6";
+    readonly offFg: "#5b5851";
+    readonly offLine: "#c5c2bb";
+    readonly offBgDark: "#2f2e2a";
+    readonly offFgDark: "#bcb9b0";
+    readonly offLineDark: "#494743";
+    readonly badBg: "#f9d8d5";
+    readonly badFg: "#a91922";
+    readonly badLine: "#e9b3ae";
+    readonly badBgDark: "#431514";
+    readonly badFgDark: "#f2a099";
+    readonly badLineDark: "#732f2c";
+    readonly oemBg: "#a7f7c8";
+    readonly oemFg: "#0c5d3a";
+    readonly oemLine: "#6ace97";
+    readonly oemBgDark: "#0f291b";
+    readonly oemFgDark: "#43c485";
+    readonly oemLineDark: "#224b35";
+    readonly altBg: "#e5dcf9";
+    readonly altFg: "#751dc8";
+    readonly altLine: "#c9bae7";
+    readonly altBgDark: "#2e184c";
+    readonly altFgDark: "#c3aaf1";
+    readonly altLineDark: "#533281";
+};
+/** YIKICI EYLEM DOLGUSU — üzerine açık metin gelir, aydınlığı bu yüzden sınırlı. */
+export declare const DANGER_SOLID: {
+    readonly base: "#c21625";
+    readonly hover: "#a2111d";
+    readonly dark: "#f53039";
+    readonly darkHover: "#f26a64";
+    readonly onDark: "#1b0102";
+};
+/** İKON VURGUSU — WCAG 1.4.11, 3:1 grafik eşiği; metin katmanından bir kademe açık. */
+export declare const ACCENT: {
+    readonly red: "#de1b2c";
+    readonly redDark: "#f64f4e";
+    readonly green: "#18904c";
+    readonly greenDark: "#37c971";
+    readonly greenHover: "#12783e";
+    readonly greenHoverDark: "#4cdd82";
+    readonly onGreen: "#021407";
+};
+/** İNDİRİM ETİKETİ — olumlu durum ailesiyle aynı; ayrı bir yeşil değil. */
+export declare const SALE: {
+    readonly bg: "#c2f6cf";
+    readonly fg: "#166e3a";
+    readonly bgDark: "#132d1b";
+    readonly fgDark: "#56d682";
+};
+/** YILDIZ ALTINI — puan sayısının yanında durduğu için metin eşiğini de geçer. */
+export declare const STAR: {
+    readonly light: "#846310";
+    readonly dark: "#ebb737";
+};
+/**
+ * KATEGORİK PALET — grafik serileri ve kategori işaretleri.
+ * ⚠ Marka yeşilleri seri rengi OLMAZ; `cat3` orta aydınlıkta bir kategori yeşili.
+ */
+export declare const CATEGORY: {
+    readonly cat1: "#2774cd";
+    readonly cat1Dark: "#7eaeeb";
+    readonly cat2: "#b75225";
+    readonly cat2Dark: "#ec8f6b";
+    readonly cat3: "#2c8761";
+    readonly cat3Dark: "#58c393";
+    readonly cat4: "#8b7126";
+    readonly cat4Dark: "#c7a74f";
+    readonly cat5: "#c02f8f";
+    readonly cat5Dark: "#ed81c1";
+    readonly series2: "#8f3beb";
+    readonly series2Dark: "#b699eb";
+};
+/**
+ * SÖZDİZİMİ — `CodeBlock`ın vurgulayıcısı; kategorik tonlar METİN aydınlığında (≥4,5:1).
+ * ⚠ Yeşil yok: fark satırının yeşili bir durum (`ok-fg`), sözdizimi rengi değil.
+ */
+export declare const SYNTAX: {
+    readonly keyword: "#a4277a";
+    readonly keywordDark: "#f691cc";
+    readonly string: "#9d451f";
+    readonly stringDark: "#f59e7c";
+    readonly number: "#7b2dcd";
+    readonly numberDark: "#c2a7f5";
+    readonly name: "#2063b0";
+    readonly nameDark: "#8dbaf5";
+    readonly type: "#76611f";
+    readonly typeDark: "#d9b341";
+};

package/build/theme/palette.js

@@ -0,0 +1,148 @@
+const a = {
+  pine: "#00322a",
+  mint: "#43ff9c"
+}, e = {
+  paper: "#e9f7ed",
+  mist: "#8abaa1"
+}, r = {
+  n0: "#fffefc",
+  n25: "#faf9f5",
+  n50: "#f5f0e8",
+  n100: "#efe9de",
+  n150: "#e8e0d3",
+  n200: "#e4dfd8",
+  n250: "#ded8d0",
+  n300: "#d0c8bd",
+  n550: "#67655e",
+  n600: "#4d4b46",
+  n700: "#3d3d3a",
+  n800: "#252523",
+  n900: "#141413"
+}, c = {
+  base: "#00322a",
+  two: "#154c3d",
+  three: "#225f4d",
+  dark: "#00322a",
+  darkLine: "#143f34",
+  fgThree: "#79a790"
+}, f = {
+  page: "#141413",
+  surface: "#181715",
+  surfaceTwo: "#1f1e1b",
+  surfaceThree: "#2a2925",
+  inset: "#0e0e0d",
+  border: "#33312d",
+  borderStrong: "#4a4843",
+  text: "#faf9f5",
+  textTwo: "#b4b1a9",
+  textThree: "#8e8b82",
+  actionSoft: "#4a4843"
+}, d = {
+  light: "#00322a",
+  dark: "#43ff9c"
+}, n = {
+  base: "#1ba055",
+  hover: "#20b360",
+  active: "#19934e",
+  soft: "#84cb97",
+  dark: "#37c971",
+  darkHover: "#4cdd82",
+  darkActive: "#30b464",
+  darkSoft: "#466e51",
+  on: "#021407"
+}, o = {
+  base: "#1f7b56",
+  hover: "#176446",
+  text: "#17704e",
+  dark: "#60d4a1",
+  darkHover: "#76eab5"
+}, b = {
+  okBg: "#c2f6cf",
+  okFg: "#166e3a",
+  okLine: "#7eda99",
+  okBgDark: "#132d1b",
+  okFgDark: "#56d682",
+  okLineDark: "#2c5137",
+  warnBg: "#f9dcb9",
+  warnFg: "#7c5212",
+  warnLine: "#e8b97f",
+  warnBgDark: "#322311",
+  warnFgDark: "#eeaa4c",
+  warnLineDark: "#594327",
+  offBg: "#dcdad6",
+  offFg: "#5b5851",
+  offLine: "#c5c2bb",
+  offBgDark: "#2f2e2a",
+  offFgDark: "#bcb9b0",
+  offLineDark: "#494743",
+  badBg: "#f9d8d5",
+  badFg: "#a91922",
+  badLine: "#e9b3ae",
+  badBgDark: "#431514",
+  badFgDark: "#f2a099",
+  badLineDark: "#732f2c",
+  oemBg: "#a7f7c8",
+  oemFg: "#0c5d3a",
+  oemLine: "#6ace97",
+  oemBgDark: "#0f291b",
+  oemFgDark: "#43c485",
+  oemLineDark: "#224b35",
+  altBg: "#e5dcf9",
+  altFg: "#751dc8",
+  altLine: "#c9bae7",
+  altBgDark: "#2e184c",
+  altFgDark: "#c3aaf1",
+  altLineDark: "#533281"
+}, t = {
+  base: "#c21625",
+  hover: "#a2111d",
+  dark: "#f53039",
+  darkHover: "#f26a64",
+  onDark: "#1b0102"
+}, k = {
+  red: "#de1b2c",
+  redDark: "#f64f4e",
+  green: "#18904c",
+  greenDark: "#37c971",
+  greenHover: "#12783e",
+  greenHoverDark: "#4cdd82",
+  onGreen: "#021407"
+}, g = {
+  bg: "#c2f6cf",
+  fg: "#166e3a",
+  bgDark: "#132d1b",
+  fgDark: "#56d682"
+}, D = {
+  light: "#846310",
+  dark: "#ebb737"
+}, s = {
+  cat1: "#2774cd",
+  cat1Dark: "#7eaeeb",
+  cat2: "#b75225",
+  cat2Dark: "#ec8f6b",
+  cat3: "#2c8761",
+  cat3Dark: "#58c393",
+  cat4: "#8b7126",
+  cat4Dark: "#c7a74f",
+  cat5: "#c02f8f",
+  cat5Dark: "#ed81c1",
+  series2: "#8f3beb",
+  series2Dark: "#b699eb"
+};
+export {
+  k as ACCENT,
+  d as ACTION_LINE,
+  c as BAND,
+  a as BRAND,
+  n as CART,
+  s as CATEGORY,
+  e as CORPORATE,
+  t as DANGER_SOLID,
+  o as LINK,
+  r as NEUTRAL,
+  g as SALE,
+  D as STAR,
+  b as STATUS,
+  f as SURFACE_DARK
+};
+//# sourceMappingURL=palette.js.map

package/build/theme/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sources":["../../src/theme/palette.ts"],"sourcesContent":["/**\n * HAM PALET — kütüphanenin TEK hex kaynağı; değerler OKLCH'te türetilir.\n * ⚠ ÜRETİLMİŞ DOSYA: `scripts/lib/palette-recipe.mjs` tarifini değiştir, `npm run tokens`.\n * ⚠ Dört ankor sabit: marka için `pine` / `mint`, nötr eksen için `ink` / `canvas`.\n *   Geri kalan her şey onlardan türer.\n */\n/**\n * MARKA — kılavuzun iki ankoru ve arayüzün mürekkebi.\n * ⚠ `mint` AÇIK ZEMİNDE METİN OLAMAZ (krem üzerinde 1,24:1).\n */\nexport const BRAND = {\n  pine: '#00322a',\n  mint: '#43ff9c',\n  ink: '#141413',\n} as const;\n\n/**\n * KURUMSAL YARDIMCI RENKLER — kâğıt / slate / sis, MARKA EKSENİNDE.\n * ⚠ Yalnızca marka şeridinde (`band-*`) yaşar; arayüz nötrleri sıcak mürekkep merdivenidir.\n */\nexport const CORPORATE = {\n  paper: '#e9f7ed',\n  slate: '#325a4d',\n  mist: '#8abaa1',\n} as const;\n\n/**\n * NÖTR EKSEN — SICAK MÜREKKEP: açık uç krem kâğıt (`n25` = canvas), koyu uç siyah (`n900` = ink).\n * ⚠ Marka ekseninde DEĞİL: 4.x'te öyleydi ve arayüzün her yüzeyi yeşil çiziliyordu.\n * ⚠ `n0` kartın zemini — sayfadan bir kademe açık, saf beyaz değil.\n */\nexport const NEUTRAL = {\n  n0: '#fffefc',\n  n25: '#faf9f5',\n  n50: '#f5f0e8',\n  n100: '#efe9de',\n  n150: '#e8e0d3',\n  n200: '#e4dfd8',\n  n250: '#ded8d0',\n  n300: '#d0c8bd',\n  n400: '#b4b1a9',\n  n500: '#8e8b82',\n  n550: '#67655e',\n  n600: '#4d4b46',\n  n700: '#3d3d3a',\n  n800: '#252523',\n  n900: '#141413',\n} as const;\n\n/** BANT — üst bant, alt bilgi, tablo başlıkları ve BİRİNCİL EYLEM; tabanı `pine`. */\nexport const BAND = {\n  base: '#00322a',\n  two: '#154c3d',\n  three: '#225f4d',\n  dark: '#00322a',\n  darkLine: '#143f34',\n  fgThree: '#79a790',\n} as const;\n\n/**\n * KOYU TEMA YÜZEYLERİ — sıcak siyah.\n * ⚠ Kademeler arası fark bilinçle küçük (1,03-1,14:1); derinliği kenarlık kurar.\n */\nexport const SURFACE_DARK = {\n  page: '#141413',\n  surface: '#181715',\n  surfaceTwo: '#1f1e1b',\n  surfaceThree: '#2a2925',\n  inset: '#0e0e0d',\n  border: '#33312d',\n  borderStrong: '#4a4843',\n  text: '#faf9f5',\n  textTwo: '#b4b1a9',\n  textThree: '#8e8b82',\n  actionSoft: '#4a4843',\n} as const;\n\n/**\n * BİRİNCİL EYLEMİN SINIRI — dolgunun kendisi değil, KENARI.\n * ⚠ Koyu temada çam dolgu kaybolur; mint saç çizgisi grafik eşiğini her zeminde geçer.\n */\nexport const ACTION_LINE = {\n  light: '#00322a',\n  dark: '#43ff9c',\n} as const;\n\n/**\n * DÖNÜŞÜM EYLEMİ (\"sepete ekle\") — ekrandaki tek PARLAK yeşil.\n * ⚠ Birincil eylemden ayrımı TON AÇISI DEĞİL AYDINLIK.\n * ⚠ Etkileşim yönü açık temada TERS: hover AÇILIR, active KOYULUR.\n */\nexport const CART = {\n  base: '#1ba055',\n  hover: '#20b360',\n  active: '#19934e',\n  soft: '#84cb97',\n  dark: '#37c971',\n  darkHover: '#4cdd82',\n  darkActive: '#30b464',\n  darkSoft: '#466e51',\n  on: '#021407',\n} as const;\n\n/**\n * BAĞLANTI VE ODAK — 4.x `role` ailesinin yeşil kalan yarısı.\n * ⚠ Seçim, ilerleme, onay kutusu ve anahtar bu aileyi KULLANMAZ; mürekkep merdivenindedir.\n * ⚠ TON AÇISI GÖZLE ÖLÇÜLDÜ: H 162 ilk kesin yeşil, yukarı çekilmez.\n */\nexport const LINK = {\n  base: '#1f7b56',\n  hover: '#176446',\n  text: '#17704e',\n  dark: '#60d4a1',\n  darkHover: '#76eab5',\n} as const;\n\n/** ANKORLAR — halka ve vurgu renklerinin türediği iki uç. */\nexport const ANCHOR = {\n  red: '#de1b2c',\n  green: '#18904c',\n} as const;\n\n/**\n * DURUM AİLELERİ — altı aile tek şablondan çıkar; değişen tek şey ton açısı.\n * ⚠ TINT ZEMİNLERİ AYDINLIKTA BİR KADEME DÜŞÜK: L .95'te chroma çok küçük.\n */\nexport const STATUS = {\n  okBg: '#c2f6cf',\n  okFg: '#166e3a',\n  okLine: '#7eda99',\n  okBgDark: '#132d1b',\n  okFgDark: '#56d682',\n  okLineDark: '#2c5137',\n  warnBg: '#f9dcb9',\n  warnFg: '#7c5212',\n  warnLine: '#e8b97f',\n  warnBgDark: '#322311',\n  warnFgDark: '#eeaa4c',\n  warnLineDark: '#594327',\n  offBg: '#dcdad6',\n  offFg: '#5b5851',\n  offLine: '#c5c2bb',\n  offBgDark: '#2f2e2a',\n  offFgDark: '#bcb9b0',\n  offLineDark: '#494743',\n  badBg: '#f9d8d5',\n  badFg: '#a91922',\n  badLine: '#e9b3ae',\n  badBgDark: '#431514',\n  badFgDark: '#f2a099',\n  badLineDark: '#732f2c',\n  oemBg: '#a7f7c8',\n  oemFg: '#0c5d3a',\n  oemLine: '#6ace97',\n  oemBgDark: '#0f291b',\n  oemFgDark: '#43c485',\n  oemLineDark: '#224b35',\n  altBg: '#e5dcf9',\n  altFg: '#751dc8',\n  altLine: '#c9bae7',\n  altBgDark: '#2e184c',\n  altFgDark: '#c3aaf1',\n  altLineDark: '#533281',\n} as const;\n\n/** YIKICI EYLEM DOLGUSU — üzerine açık metin gelir, aydınlığı bu yüzden sınırlı. */\nexport const DANGER_SOLID = {\n  base: '#c21625',\n  hover: '#a2111d',\n  dark: '#f53039',\n  darkHover: '#f26a64',\n  onDark: '#1b0102',\n} as const;\n\n/** İKON VURGUSU — WCAG 1.4.11, 3:1 grafik eşiği; metin katmanından bir kademe açık. */\nexport const ACCENT = {\n  red: '#de1b2c',\n  redDark: '#f64f4e',\n  green: '#18904c',\n  greenDark: '#37c971',\n  greenHover: '#12783e',\n  greenHoverDark: '#4cdd82',\n  onGreen: '#021407',\n} as const;\n\n/** İNDİRİM ETİKETİ — olumlu durum ailesiyle aynı; ayrı bir yeşil değil. */\nexport const SALE = {\n  bg: '#c2f6cf',\n  fg: '#166e3a',\n  bgDark: '#132d1b',\n  fgDark: '#56d682',\n} as const;\n\n/** YILDIZ ALTINI — puan sayısının yanında durduğu için metin eşiğini de geçer. */\nexport const STAR = {\n  light: '#846310',\n  dark: '#ebb737',\n} as const;\n\n/**\n * KATEGORİK PALET — grafik serileri ve kategori işaretleri.\n * ⚠ Marka yeşilleri seri rengi OLMAZ; `cat3` orta aydınlıkta bir kategori yeşili.\n */\nexport const CATEGORY = {\n  cat1: '#2774cd',\n  cat1Dark: '#7eaeeb',\n  cat2: '#b75225',\n  cat2Dark: '#ec8f6b',\n  cat3: '#2c8761',\n  cat3Dark: '#58c393',\n  cat4: '#8b7126',\n  cat4Dark: '#c7a74f',\n  cat5: '#c02f8f',\n  cat5Dark: '#ed81c1',\n  series2: '#8f3beb',\n  series2Dark: '#b699eb',\n} as const;\n\n/**\n * SÖZDİZİMİ — `CodeBlock`ın vurgulayıcısı; kategorik tonlar METİN aydınlığında (≥4,5:1).\n * ⚠ Yeşil yok: fark satırının yeşili bir durum (`ok-fg`), sözdizimi rengi değil.\n */\nexport const SYNTAX = {\n  keyword: '#a4277a',\n  keywordDark: '#f691cc',\n  string: '#9d451f',\n  stringDark: '#f59e7c',\n  number: '#7b2dcd',\n  numberDark: '#c2a7f5',\n  name: '#2063b0',\n  nameDark: '#8dbaf5',\n  type: '#76611f',\n  typeDark: '#d9b341',\n} as const;\n"],"names":["BRAND","CORPORATE","NEUTRAL","BAND","SURFACE_DARK","ACTION_LINE","CART","LINK","STATUS","DANGER_SOLID","ACCENT","SALE","STAR","CATEGORY"],"mappings":"AAUO,MAAMA,IAAQ;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAER,GAMaC,IAAY;AAAA,EACvB,OAAO;AAAA,EAEP,MAAM;AACR,GAOaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EAGN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR,GAGaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX,GAMaC,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAMaC,IAAc;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AACR,GAOaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,IAAI;AACN,GAOaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AACb,GAYaC,IAAS;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AACf,GAGaC,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AACV,GAGaC,IAAS;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAAS;AACX,GAGaC,IAAO;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,QAAQ;AACV,GAGaC,IAAO;AAAA,EAClB,OAAO;AAAA,EACP,MAAM;AACR,GAMaC,IAAW;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACf;"}

package/build/theme/tokens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./palette.cjs"),n=(a,r)=>{const t=a.replace("#",""),T=t.length===3?t.split("").map(i=>i+i).join(""):t,g=parseInt(T.slice(0,2),16),S=parseInt(T.slice(2,4),16),U=parseInt(T.slice(4,6),16);return`rgba(${g}, ${S}, ${U}, ${r})`},l=360,d=1280,p=16,R=a=>String(Number(a.toFixed(4))),c=(a,r)=>{const t=(r-a)/(d-l),T=(a-t*l)/p;return`clamp(${R(a)}px, ${R(T)}rem + ${R(t*100)}vw, ${R(r)}px)`},E=(a,r)=>`calc(${a} * var(--ui-${r}))`,A=(a,r)=>E(c(a,r),"type-scale"),s=(a,r)=>E(c(a,r),"space-scale"),o=e.SURFACE_DARK.inset,N={page:e.NEUTRAL.n25,surface:e.NEUTRAL.n0,"surface-2":e.NEUTRAL.n100,"surface-3":e.NEUTRAL.n150,"surface-inset":e.NEUTRAL.n50,border:e.NEUTRAL.n250,"border-strong":e.NEUTRAL.n300,text:e.NEUTRAL.n900,"text-2":e.NEUTRAL.n600,"text-3":e.NEUTRAL.n550,shell:e.SURFACE_DARK.surface,"shell-2":e.SURFACE_DARK.surfaceTwo,"shell-3":e.SURFACE_DARK.surfaceThree,"on-shell":e.SURFACE_DARK.text,"on-shell-2":e.SURFACE_DARK.textTwo,"on-shell-danger":e.STATUS.badFgDark,"shell-line":e.SURFACE_DARK.border,action:e.BAND.base,"action-hover":e.BAND.two,"action-active":e.BAND.three,"on-action":e.NEUTRAL.n0,"action-line":e.ACTION_LINE.light,"action-soft":e.NEUTRAL.n300,"on-action-soft":e.NEUTRAL.n700,cart:e.CART.base,"cart-hover":e.CART.hover,"cart-active":e.CART.active,"cart-soft":e.CART.soft,"on-cart":e.CART.on,selected:e.NEUTRAL.n900,"selected-hover":e.NEUTRAL.n800,"selected-active":e.NEUTRAL.n700,"on-selected":e.NEUTRAL.n25,"selected-tint":e.NEUTRAL.n150,"selected-line":e.NEUTRAL.n900,link:e.LINK.text,"link-hover":e.LINK.hover,"ok-bg":e.STATUS.okBg,"ok-fg":e.STATUS.okFg,"ok-line":e.STATUS.okLine,"warn-bg":e.STATUS.warnBg,"warn-fg":e.STATUS.warnFg,"warn-line":e.STATUS.warnLine,"off-bg":e.STATUS.offBg,"off-fg":e.STATUS.offFg,"off-line":e.STATUS.offLine,"bad-bg":e.STATUS.badBg,"bad-fg":e.STATUS.badFg,"bad-line":e.STATUS.badLine,"oem-bg":e.STATUS.oemBg,"oem-fg":e.STATUS.oemFg,"oem-line":e.STATUS.oemLine,"alt-bg":e.STATUS.altBg,"alt-fg":e.STATUS.altFg,"alt-line":e.STATUS.altLine,"sale-bg":e.SALE.bg,"sale-fg":e.SALE.fg,"red-accent":e.ACCENT.red,"green-accent":e.ACCENT.green,"green-accent-hover":e.ACCENT.greenHover,"on-green":e.ACCENT.onGreen,star:e.STAR.light,"danger-solid":e.DANGER_SOLID.base,"danger-solid-hover":e.DANGER_SOLID.hover,"on-danger":e.NEUTRAL.n0,"nav-bg":e.NEUTRAL.n25,"nav-bg-2":e.NEUTRAL.n100,"nav-fg":e.NEUTRAL.n900,"nav-fg-2":e.NEUTRAL.n600,"nav-fg-3":e.NEUTRAL.n550,"nav-line":e.NEUTRAL.n200,"nav-line-strong":e.NEUTRAL.n300,"nav-hover":e.NEUTRAL.n100,"footer-bg":e.NEUTRAL.n100,"band-bg":e.BAND.dark,"band-fg":e.CORPORATE.paper,"band-fg-2":e.CORPORATE.mist,"band-fg-3":e.BAND.fgThree,"band-accent":e.BRAND.mint,"band-line":e.BAND.darkLine,"band-hover":n(e.NEUTRAL.n0,.07),"shadow-xs":`0 1px 2px ${n(e.NEUTRAL.n900,.05)}`,"shadow-sm":`0 1px 2px ${n(e.NEUTRAL.n900,.05)}, 0 1px 3px ${n(e.NEUTRAL.n900,.04)}`,"shadow-md":`0 2px 4px ${n(e.NEUTRAL.n900,.04)}, 0 6px 16px ${n(e.NEUTRAL.n900,.07)}`,"shadow-lg":`0 4px 8px ${n(e.NEUTRAL.n900,.05)}, 0 16px 32px ${n(e.NEUTRAL.n900,.1)}`,"shadow-xl":`0 8px 16px ${n(e.NEUTRAL.n900,.06)}, 0 28px 56px ${n(e.NEUTRAL.n900,.13)}`,"shadow-up":`0 -2px 4px ${n(e.NEUTRAL.n900,.03)}, 0 -8px 24px ${n(e.NEUTRAL.n900,.08)}`,ring:`0 0 0 3px ${n(e.LINK.base,.28)}`,"ring-color":e.LINK.base,"ring-danger":`0 0 0 3px ${n(e.DANGER_SOLID.base,.24)}`,"ring-ok":`0 0 0 4px ${n(e.STATUS.okFg,.16)}`,scrim:n(e.NEUTRAL.n900,.6),"scrim-soft":n(e.NEUTRAL.n900,.32),glass:n(e.NEUTRAL.n0,.92),"glass-solid":e.NEUTRAL.n0,"on-scrim":e.NEUTRAL.n0,"skeleton-a":e.NEUTRAL.n100,"skeleton-b":e.NEUTRAL.n25,track:n(e.NEUTRAL.n900,.12),"media-bg":e.NEUTRAL.n100,"glow-1":n(e.BRAND.mint,.1),"glow-2":n(e.BRAND.pine,.06),"glow-cart":n(e.CART.base,.09),"cat-1":e.CATEGORY.cat1,"cat-2":e.CATEGORY.cat2,"cat-3":e.CATEGORY.cat3,"cat-4":e.CATEGORY.cat4,"cat-5":e.CATEGORY.cat5,"series-1":e.NEUTRAL.n800,"series-2":e.CATEGORY.series2},D={page:e.SURFACE_DARK.page,surface:e.SURFACE_DARK.surface,"surface-2":e.SURFACE_DARK.surfaceTwo,"surface-3":e.SURFACE_DARK.surfaceThree,"surface-inset":e.SURFACE_DARK.inset,border:e.SURFACE_DARK.border,"border-strong":e.SURFACE_DARK.borderStrong,text:e.SURFACE_DARK.text,"text-2":e.SURFACE_DARK.textTwo,"text-3":e.SURFACE_DARK.textThree,shell:e.SURFACE_DARK.surface,"shell-2":e.SURFACE_DARK.surfaceTwo,"shell-3":e.SURFACE_DARK.surfaceThree,"on-shell":e.SURFACE_DARK.text,"on-shell-2":e.SURFACE_DARK.textTwo,"on-shell-danger":e.STATUS.badFgDark,"shell-line":e.SURFACE_DARK.border,action:e.BRAND.pine,"action-hover":e.BAND.two,"action-active":e.BAND.three,"on-action":e.NEUTRAL.n0,"action-line":e.ACTION_LINE.dark,"action-soft":e.SURFACE_DARK.actionSoft,"on-action-soft":e.NEUTRAL.n300,cart:e.CART.dark,"cart-hover":e.CART.darkHover,"cart-active":e.CART.darkActive,"cart-soft":e.CART.darkSoft,"on-cart":e.CART.on,selected:e.SURFACE_DARK.text,"selected-hover":e.NEUTRAL.n100,"selected-active":e.NEUTRAL.n150,"on-selected":e.NEUTRAL.n900,"selected-tint":e.SURFACE_DARK.surfaceThree,"selected-line":e.SURFACE_DARK.text,link:e.LINK.dark,"link-hover":e.LINK.darkHover,"ok-bg":e.STATUS.okBgDark,"ok-fg":e.STATUS.okFgDark,"ok-line":e.STATUS.okLineDark,"warn-bg":e.STATUS.warnBgDark,"warn-fg":e.STATUS.warnFgDark,"warn-line":e.STATUS.warnLineDark,"off-bg":e.STATUS.offBgDark,"off-fg":e.STATUS.offFgDark,"off-line":e.STATUS.offLineDark,"bad-bg":e.STATUS.badBgDark,"bad-fg":e.STATUS.badFgDark,"bad-line":e.STATUS.badLineDark,"oem-bg":e.STATUS.oemBgDark,"oem-fg":e.STATUS.oemFgDark,"oem-line":e.STATUS.oemLineDark,"alt-bg":e.STATUS.altBgDark,"alt-fg":e.STATUS.altFgDark,"alt-line":e.STATUS.altLineDark,"sale-bg":e.SALE.bgDark,"sale-fg":e.SALE.fgDark,"red-accent":e.ACCENT.redDark,"green-accent":e.ACCENT.greenDark,"green-accent-hover":e.ACCENT.greenHoverDark,"on-green":e.ACCENT.onGreen,star:e.STAR.dark,"danger-solid":e.DANGER_SOLID.dark,"danger-solid-hover":e.DANGER_SOLID.darkHover,"on-danger":e.DANGER_SOLID.onDark,"nav-bg":e.SURFACE_DARK.page,"nav-bg-2":e.SURFACE_DARK.surfaceTwo,"nav-fg":e.SURFACE_DARK.text,"nav-fg-2":e.SURFACE_DARK.textTwo,"nav-fg-3":e.SURFACE_DARK.textThree,"nav-line":e.SURFACE_DARK.border,"nav-line-strong":e.SURFACE_DARK.borderStrong,"nav-hover":n(e.NEUTRAL.n0,.07),"footer-bg":e.SURFACE_DARK.surface,"band-bg":e.BAND.dark,"band-fg":e.CORPORATE.paper,"band-fg-2":e.CORPORATE.mist,"band-fg-3":e.BAND.fgThree,"band-accent":e.BRAND.mint,"band-line":e.BAND.darkLine,"band-hover":n(e.NEUTRAL.n0,.07),"shadow-xs":`0 1px 2px ${n(o,.4)}`,"shadow-sm":`0 1px 2px ${n(o,.4)}, 0 1px 3px ${n(o,.3)}`,"shadow-md":`0 2px 4px ${n(o,.35)}, 0 6px 16px ${n(o,.45)}`,"shadow-lg":`0 4px 8px ${n(o,.4)}, 0 16px 32px ${n(o,.55)}`,"shadow-xl":`0 8px 16px ${n(o,.45)}, 0 28px 56px ${n(o,.6)}`,"shadow-up":`0 -2px 4px ${n(o,.3)}, 0 -8px 24px ${n(o,.45)}`,ring:`0 0 0 3px ${n(e.LINK.dark,.36)}`,"ring-color":e.LINK.dark,"ring-danger":`0 0 0 3px ${n(e.DANGER_SOLID.dark,.32)}`,"ring-ok":`0 0 0 4px ${n(e.STATUS.okFgDark,.2)}`,scrim:n(o,.68),"scrim-soft":n(o,.45),glass:n(e.SURFACE_DARK.surfaceTwo,.92),"glass-solid":e.SURFACE_DARK.surfaceTwo,"on-scrim":e.NEUTRAL.n0,"skeleton-a":e.SURFACE_DARK.surfaceTwo,"skeleton-b":e.SURFACE_DARK.surfaceThree,track:n(e.NEUTRAL.n0,.14),"media-bg":e.SURFACE_DARK.surfaceTwo,"glow-1":n(e.BRAND.mint,.2),"glow-2":n(e.BRAND.pine,.12),"glow-cart":n(e.CART.dark,.12),"cat-1":e.CATEGORY.cat1Dark,"cat-2":e.CATEGORY.cat2Dark,"cat-3":e.CATEGORY.cat3Dark,"cat-4":e.CATEGORY.cat4Dark,"cat-5":e.CATEGORY.cat5Dark,"series-1":e.NEUTRAL.n150,"series-2":e.CATEGORY.series2Dark},f={"radius-xs":"4px","radius-sm":"6px","radius-md":"8px","radius-lg":"12px","radius-xl":"16px","radius-pill":"999px","type-scale":"1","space-scale":"1","space-0":"0","space-1":"4px","space-2":"8px","space-3":s(10,12),"space-4":s(13,16),"space-5":s(17,24),"space-6":s(22,32),"space-7":s(30,48),"space-8":s(40,64),"space-9":s(52,96),"font-size-2xs":A(11,12),"font-size-xs":A(12,13),"font-size-sm":A(13.5,15),"font-size-base":A(15,16),"font-size-body":A(16,17),"font-size-lg":A(17,19),"font-size-xl":A(19.5,23),"font-size-2xl":A(23,29),"font-size-3xl":A(26,37),"font-size-4xl":A(30,47),"font-size-control":`max(16px, ${c(15,16)})`,"leading-none":"1","leading-tight":"1.16","leading-snug":"1.35","leading-normal":"1.62","leading-relaxed":"1.75","icon-xs":"14px","icon-sm":"16px","icon-md":"18px","icon-lg":"20px","icon-xl":"24px","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)","duration-spin":"700ms","duration-shimmer":"1400ms","duration-pulse":"1600ms"},L={"type-scale":"0.93","space-scale":"0.88"},x={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"};exports.COMPACT_DENSITY=L;exports.DARK_THEME=D;exports.DEFAULT_FONTS=x;exports.LIGHT_THEME=N;exports.METRIC_TOKENS=f;
+//# sourceMappingURL=tokens.cjs.map