@takazudo/zdtp 0.1.0-next.0

package/dist/tweak-state-DSJa5csL.js

@@ -0,0 +1,624 @@
+import { f as Z, g as d, r as T, j as K, h as X, k as q, l as Q, i as ee, b as te, d as ne, m as oe } from "./panel-config-DP2_P7dD.js";
+class h extends Error {
+  constructor(t) {
+    super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, h.prototype);
+  }
+}
+function P(e, t) {
+  return e.tiers.find((n) => n.id === t);
+}
+function b(e, t) {
+  return e.items.find((n) => n.id === t);
+}
+function re(e, t, n, o) {
+  const r = P(e, t);
+  if (!r)
+    throw new h(
+      `Tier "${t}" not found in tab "${e.id}". Available tiers: ${e.tiers.map((f) => f.id).join(", ")}.`
+    );
+  const i = b(r, n);
+  if (!i)
+    throw new h(
+      `Item "${n}" not found in tier "${t}" of tab "${e.id}".`
+    );
+  const a = o[t]?.[n];
+  if (r.referencesTier !== void 0) {
+    const f = r.referencesTier, c = P(e, f);
+    if (!c)
+      throw new h(
+        `Tier "${t}" declares referencesTier "${f}" but that tier does not exist in tab "${e.id}".`
+      );
+    const l = b(c, a ?? n);
+    if (!l) {
+      const m = b(c, i.default) ?? b(c, n) ?? c.items[0];
+      if (!m)
+        throw new h(
+          `Referenced tier "${f}" has no items; cannot resolve fallback for item "${n}" in tier "${t}" of tab "${e.id}".`
+        );
+      return { kind: "ref", targetCssVar: m.cssVar };
+    }
+    return { kind: "ref", targetCssVar: l.cssVar };
+  }
+  return a !== void 0 ? i.pill && a === i.pill.value ? { kind: "literal", value: i.pill.value } : { kind: "literal", value: a } : i.pill ? { kind: "literal", value: i.pill.customDefault } : { kind: "literal", value: i.default };
+}
+function ie(e) {
+  return e.kind === "literal" ? e.value : `var(${e.targetCssVar})`;
+}
+function L() {
+  return ee(d());
+}
+function J() {
+  return te(d());
+}
+function V() {
+  return ne(d());
+}
+function Ie() {
+  return Z(d());
+}
+function G() {
+  return X(d());
+}
+function W() {
+  return q(d());
+}
+function Y() {
+  return Q(d());
+}
+const se = { top: 60, left: 20 };
+function ae() {
+  if (typeof window > "u") return se;
+  const e = Math.min(1200, 0.8 * window.innerWidth), t = Math.min(800, 0.8 * window.innerHeight), n = Math.max(0, Math.round((window.innerHeight - t) / 2)), o = Math.max(0, Math.round((window.innerWidth - e) / 2));
+  return { top: n, left: o };
+}
+function we() {
+  try {
+    const e = localStorage.getItem(G());
+    if (e) {
+      const t = JSON.parse(e);
+      if (typeof t.top == "number" && typeof t.left == "number")
+        return t;
+    }
+  } catch {
+  }
+  return ae();
+}
+function Oe(e) {
+  try {
+    localStorage.setItem(G(), JSON.stringify(e));
+  } catch {
+  }
+}
+const M = 60, C = 320, D = 240, E = 1600, F = 1200, ce = { width: 1024 * 0.8, height: 768 * 0.8 };
+function fe() {
+  return typeof window > "u" ? ce : {
+    width: Math.min(1200, 0.8 * window.innerWidth),
+    height: Math.min(800, 0.8 * window.innerHeight)
+  };
+}
+const R = 32;
+function le(e, t) {
+  const n = typeof window < "u" ? window.innerWidth : E, o = typeof window < "u" ? window.innerHeight : F, r = Math.max(C, Math.min(E, n - R)), i = Math.max(D, Math.min(F, o - R));
+  return {
+    width: Math.max(C, Math.min(e, r)),
+    height: Math.max(D, Math.min(t, i))
+  };
+}
+function $e() {
+  try {
+    const e = localStorage.getItem(W());
+    if (e) {
+      const t = JSON.parse(e);
+      if (typeof t.width == "number" && typeof t.height == "number" && Number.isFinite(t.width) && Number.isFinite(t.height))
+        return le(t.width, t.height);
+    }
+  } catch {
+  }
+  return fe();
+}
+function Ae(e) {
+  try {
+    localStorage.setItem(W(), JSON.stringify(e));
+  } catch {
+  }
+}
+const ue = 1;
+function _e(e) {
+  return e === 0 ? "12rem" : e === 2 ? "100%" : "18rem";
+}
+function Ve() {
+  try {
+    const e = localStorage.getItem(Y());
+    if (e === "0" || e === "1" || e === "2")
+      return Number(e);
+  } catch {
+  }
+  return ue;
+}
+function Ne(e) {
+  try {
+    localStorage.setItem(Y(), String(e));
+  } catch {
+  }
+}
+function Pe(e, t, n, o) {
+  const r = -(n - M), i = window.innerWidth - M, s = -30, a = window.innerHeight - M, f = Math.max(a, s), c = Math.max(i, r);
+  return {
+    top: Math.max(s, Math.min(e, f)),
+    left: Math.max(r, Math.min(t, c))
+  };
+}
+async function Ce(e) {
+}
+function k() {
+  return {};
+}
+const de = {
+  id: "stub",
+  label: "STUB",
+  paletteSize: 0,
+  baseRoles: {},
+  paletteCssVarTemplate: "--zudo-stub-p{n}",
+  semanticDefaults: {},
+  semanticCssNames: {},
+  baseDefaults: {},
+  defaultShikiTheme: "dracula",
+  colorSchemes: {},
+  panelSettings: { colorScheme: "", colorMode: !1 }
+};
+function p(e = d()) {
+  return oe(e.tabs) ?? de;
+}
+function N(e) {
+  const t = Math.max(1, e.paletteSize);
+  return {
+    palette: Array.from({ length: t }, (o, r) => {
+      if (t === 1) return "#808080";
+      const s = Math.round(r / (t - 1) * 255).toString(16).padStart(2, "0");
+      return `#${s}${s}${s}`;
+    }),
+    background: e.baseDefaults.background ?? 0,
+    foreground: e.baseDefaults.foreground ?? 0,
+    cursor: e.baseDefaults.cursor ?? 0,
+    selectionBg: e.baseDefaults.selectionBg ?? 0,
+    selectionFg: e.baseDefaults.selectionFg ?? 0,
+    semanticMappings: { ...e.semanticDefaults },
+    shikiTheme: e.defaultShikiTheme
+  };
+}
+function De() {
+  const e = T();
+  return e ? N(e) : void 0;
+}
+function me() {
+  try {
+    const e = document.createElement("canvas").getContext("2d");
+    return e ? (e.fillStyle = "#ffffff", e.fillStyle === "#ffffff") : !1;
+  } catch {
+    return !1;
+  }
+}
+const ge = me();
+function pe(e) {
+  const t = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?/);
+  if (!t) return null;
+  const n = parseInt(t[1], 10), o = parseInt(t[2], 10), r = parseInt(t[3], 10), i = `#${(1 << 24 | n << 16 | o << 8 | r).toString(16).slice(1)}`;
+  if (t[4] !== void 0) {
+    const s = parseFloat(t[4]);
+    if (s < 1) {
+      const a = Math.round(s * 255).toString(16).padStart(2, "0");
+      return `${i}${a}`;
+    }
+  }
+  return i;
+}
+function ye(e, t, n, o) {
+  const r = (s) => s.toString(16).padStart(2, "0"), i = `#${r(e)}${r(t)}${r(n)}`;
+  return o < 255 ? `${i}${r(o)}` : i;
+}
+let g = null;
+function $(e) {
+  if (!e || e === "initial" || e === "inherit") return "#000000";
+  const t = e.trim();
+  if (/^#[0-9a-fA-F]{6}$/.test(t) || /^#[0-9a-fA-F]{8}$/.test(t)) return t;
+  if (/^#[0-9a-fA-F]{3}$/.test(t))
+    return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`;
+  if (/^#[0-9a-fA-F]{4}$/.test(t))
+    return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}${t[4]}${t[4]}`;
+  const n = pe(t);
+  if (n) return n;
+  if (!ge) return "#000000";
+  try {
+    if (g || (g = document.createElement("canvas").getContext("2d")), !g) return "#000000";
+    g.fillStyle = "#000000", g.fillStyle = t, g.clearRect(0, 0, 1, 1), g.fillRect(0, 0, 1, 1);
+    const [o, r, i, s] = g.getImageData(0, 0, 1, 1).data;
+    return ye(o, r, i, s);
+  } catch {
+    return "#000000";
+  }
+}
+function S(e, t) {
+  document.documentElement.style.setProperty(e, t);
+}
+function y(e, t, n) {
+  if (e === void 0) return n;
+  if (typeof e == "number") return e;
+  const o = $(e), r = t.map((u) => $(u)), i = t.indexOf(e);
+  if (i >= 0) return i;
+  const s = r.indexOf(o);
+  if (s >= 0) return s;
+  const a = j(o);
+  let f = n, c = 1 / 0;
+  for (let u = 0; u < r.length; u++) {
+    const l = j(r[u]), m = (a.r - l.r) ** 2 + (a.g - l.g) ** 2 + (a.b - l.b) ** 2;
+    m < c && (c = m, f = u);
+  }
+  return f;
+}
+function j(e) {
+  const t = e.replace("#", "");
+  return {
+    r: parseInt(t.substring(0, 2), 16) || 0,
+    g: parseInt(t.substring(2, 4), 16) || 0,
+    b: parseInt(t.substring(4, 6), 16) || 0,
+    aa: t.length >= 8 ? parseInt(t.substring(6, 8), 16) || 0 : 255
+  };
+}
+function he(e = p()) {
+  const t = e.panelSettings;
+  if (t.colorMode) {
+    const n = document.documentElement.getAttribute("data-theme");
+    if (n === "light") return t.colorMode.lightScheme;
+    if (n === "dark") return t.colorMode.darkScheme;
+  }
+  return t.colorScheme;
+}
+function be(e = p()) {
+  const t = e.colorSchemes;
+  if (Object.keys(t).length === 0)
+    return N(e);
+  const n = he(e), o = t[n] ?? Object.values(t)[0];
+  return Se(o, e);
+}
+function Se(e, t = p()) {
+  const n = e.palette.map((r) => $(r)), o = {};
+  for (const [r, i] of Object.entries(t.semanticDefaults)) {
+    const s = e.semantic?.[r];
+    s === void 0 ? o[r] = i : typeof s == "number" ? o[r] = s : o[r] = y(s, e.palette, i);
+  }
+  return {
+    palette: n,
+    background: y(
+      e.background,
+      e.palette,
+      t.baseDefaults.background ?? 0
+    ),
+    foreground: y(
+      e.foreground,
+      e.palette,
+      t.baseDefaults.foreground ?? 0
+    ),
+    cursor: y(e.cursor, e.palette, t.baseDefaults.cursor ?? 0),
+    selectionBg: y(
+      e.selectionBg,
+      e.palette,
+      t.baseDefaults.selectionBg ?? 0
+    ),
+    selectionFg: y(
+      e.selectionFg,
+      e.palette,
+      t.baseDefaults.selectionFg ?? 0
+    ),
+    semanticMappings: o,
+    shikiTheme: String(e.shikiTheme ?? t.defaultShikiTheme)
+  };
+}
+function ve(e, t, n, o) {
+  const r = t.length;
+  return e === "bg" ? t[v(n, r)] ?? "#000000" : e === "fg" ? t[v(o, r)] ?? "#ffffff" : t[v(e, r)] ?? "#000000";
+}
+function v(e, t) {
+  return e >= 0 && e < t ? e : 0;
+}
+function z(e, t = p()) {
+  const n = e.palette.length;
+  for (let o = 0; o < n; o++)
+    S(K(t, o), e.palette[o]);
+  for (const [o, r] of Object.entries(t.baseRoles)) {
+    if (typeof r != "string" || r.length === 0) continue;
+    const i = e[o];
+    typeof i == "number" && S(r, e.palette[v(i, n)]);
+  }
+  for (const [o, r] of Object.entries(t.semanticCssNames)) {
+    const i = e.semanticMappings[o] ?? t.semanticDefaults[o];
+    S(r, ve(i, e.palette, e.background, e.foreground));
+  }
+}
+function Ee(e) {
+  const t = d();
+  z(e.color, p(t)), I(t.tabs, "spacing", e.spacing), I(t.tabs, "font", e.typography), I(t.tabs, "size", e.size);
+  const n = T(t);
+  n && e.secondary && z(e.secondary, n);
+}
+function I(e, t, n) {
+  const o = e.find((s) => s.id === t);
+  if (!o) return;
+  const r = {};
+  for (const s of o.tiers) {
+    const a = {};
+    for (const f of s.items) {
+      const c = n[f.id];
+      typeof c == "string" && c.length > 0 && (a[f.id] = c);
+    }
+    r[s.id] = a;
+  }
+  const i = document.documentElement;
+  for (const s of o.tiers)
+    for (const a of s.items)
+      if (!a.readonly)
+        try {
+          const f = re(o, s.id, a.id, r), c = ie(f);
+          typeof n[a.id] == "string" && n[a.id].length > 0 || s.referencesTier !== void 0 ? S(a.cssVar, c) : i.style.removeProperty(a.cssVar);
+        } catch {
+          i.style.removeProperty(a.cssVar);
+        }
+}
+function Fe(e = (() => {
+  const t = d(), n = p(t), o = T(t);
+  return o ? [n, o] : [n];
+})()) {
+  const t = document.documentElement;
+  for (const n of e) {
+    for (let o = 0; o < n.paletteSize; o++)
+      t.style.removeProperty(K(n, o));
+    for (const o of Object.values(n.baseRoles))
+      t.style.removeProperty(o);
+    for (const o of Object.values(n.semanticCssNames))
+      t.style.removeProperty(o);
+  }
+  for (const n of d().tabs)
+    if (n.id !== "color")
+      for (const o of n.tiers)
+        for (const r of o.items)
+          r.readonly || t.style.removeProperty(r.cssVar);
+}
+function A(e, t) {
+  if (!e || typeof e != "object") return !1;
+  const n = e;
+  return Array.isArray(n.palette) && n.palette.length === t && typeof n.background == "number" && typeof n.foreground == "number" && typeof n.cursor == "number" && typeof n.selectionBg == "number" && typeof n.selectionFg == "number" && typeof n.semanticMappings == "object" && n.semanticMappings !== null;
+}
+function _(e, t) {
+  const n = Array.isArray(e.palette) ? e.palette : null;
+  let o;
+  return n && n.length === t.palette.length && n.every((r) => typeof r == "string") ? o = n : (n && n.some((r) => typeof r != "string") && console.error(
+    "[design-token-panel] Persisted palette contained non-string elements; falling back to defaults."
+  ), o = t.palette), {
+    palette: o,
+    background: typeof e.background == "number" ? e.background : t.background,
+    foreground: typeof e.foreground == "number" ? e.foreground : t.foreground,
+    cursor: typeof e.cursor == "number" ? e.cursor : t.cursor,
+    selectionBg: typeof e.selectionBg == "number" ? e.selectionBg : t.selectionBg,
+    selectionFg: typeof e.selectionFg == "number" ? e.selectionFg : t.selectionFg,
+    semanticMappings: e.semanticMappings && typeof e.semanticMappings == "object" ? { ...t.semanticMappings, ...e.semanticMappings } : t.semanticMappings,
+    shikiTheme: typeof e.shikiTheme == "string" && e.shikiTheme.length > 0 ? e.shikiTheme : t.shikiTheme
+  };
+}
+const Re = {
+  "text-caption": "text-xs",
+  "text-small": "text-sm",
+  "text-body": "text-base",
+  "text-subheading": "text-lg",
+  "text-heading": "text-3xl",
+  "text-display": "text-5xl",
+  // Dropped — no main-site equivalent. `null` signals "discard".
+  "text-micro": null
+};
+function H(e) {
+  if (!e || typeof e != "object") return {};
+  const t = {};
+  for (const [n, o] of Object.entries(e))
+    typeof o == "string" && (t[n] = o);
+  return t;
+}
+function Te(e, t = {}) {
+  if (!e || typeof e != "object") return {};
+  const n = {};
+  for (const [o, r] of Object.entries(e))
+    if (typeof r == "string")
+      if (Object.hasOwn(t, o)) {
+        const i = t[o];
+        if (i === null) continue;
+        Object.hasOwn(n, i) || (n[i] = r);
+      } else
+        n[o] = r;
+  return n;
+}
+function xe(e) {
+  if (!e || typeof e != "object") return;
+  const t = e;
+  if (typeof t.top == "number" && typeof t.left == "number" && Number.isFinite(t.top) && Number.isFinite(t.left))
+    return { top: t.top, left: t.left };
+}
+function Me(e) {
+  if (!e || typeof e != "object" || Array.isArray(e)) return {};
+  const t = {};
+  for (const [n, o] of Object.entries(e)) {
+    if (!o || typeof o != "object" || Array.isArray(o)) continue;
+    const r = {};
+    for (const [i, s] of Object.entries(o)) {
+      if (!s || typeof s != "object" || Array.isArray(s)) continue;
+      const a = {};
+      for (const [f, c] of Object.entries(s))
+        typeof c == "string" && (a[f] = c);
+      r[i] = a;
+    }
+    t[n] = r;
+  }
+  return t;
+}
+function B(e, t, n) {
+  if (!e.color || !A(e.color, t.paletteSize)) return null;
+  const o = n ?? U(t), r = e.typography !== void 0 ? e.typography : e.font, i = d().legacyIdRenameMap ?? {}, s = {
+    color: _(e.color, o),
+    // New sections added after v1 migration — tolerate their absence so
+    // older v2 payloads (Color-only) still load cleanly.
+    spacing: H(e.spacing),
+    // Typography slice: apply the host-configured rename map (if any)
+    // so payloads persisted under the host's "old" ids survive a
+    // host-driven id rename without losing the user's tweaks.
+    typography: Te(r, i),
+    size: H(e.size),
+    panelPosition: xe(e.panelPosition)
+  }, a = T();
+  a && e.secondary && A(e.secondary, a.paletteSize) && (s.secondary = _(
+    e.secondary,
+    N(a)
+  ));
+  const f = Me(e.tabs);
+  return Object.keys(f).length > 0 && (s.tabs = f), s;
+}
+function je(e = localStorage, t, n = p()) {
+  const o = L(), r = J(), i = V(), s = w(e, i);
+  if (s !== null) {
+    const c = O(s);
+    if (c && typeof c == "object") {
+      const u = c, l = B(u, n, t);
+      if (l !== null) {
+        const m = u.typography !== void 0 ? u.typography : u.font;
+        if (JSON.stringify(m ?? {}) !== JSON.stringify(l.typography) || u.typography === void 0)
+          try {
+            e.setItem(i, JSON.stringify(l));
+          } catch {
+          }
+        return l;
+      }
+    }
+    console.warn(`[tweak] Malformed ${i}, attempting v2 migration`);
+  }
+  const a = w(e, r);
+  if (a !== null) {
+    const c = O(a);
+    if (c && typeof c == "object") {
+      const l = B(c, n, t);
+      if (l !== null) {
+        try {
+          e.setItem(i, JSON.stringify(l)), e.removeItem(r);
+        } catch {
+        }
+        return l;
+      }
+    }
+    console.warn(`[tweak] Malformed ${r}, attempting v1 migration`);
+  }
+  const f = w(e, o);
+  if (f !== null) {
+    const c = O(f);
+    if (c && typeof c == "object" && A(c, n.paletteSize)) {
+      const u = t ?? U(n), l = c;
+      l.shikiTheme || (l.shikiTheme = u.shikiTheme);
+      const x = {
+        color: _(l, u),
+        spacing: k(),
+        typography: k(),
+        size: k()
+      };
+      try {
+        e.setItem(i, JSON.stringify(x)), e.removeItem(o);
+      } catch {
+      }
+      return x;
+    }
+    console.warn(`[tweak] Malformed ${o}; discarding and using fresh defaults`);
+    try {
+      e.removeItem(o);
+    } catch {
+    }
+  }
+  return null;
+}
+function ze(e, t = localStorage) {
+  try {
+    t.setItem(V(), JSON.stringify(e));
+  } catch {
+  }
+}
+function He(e = localStorage) {
+  try {
+    e.removeItem(V());
+  } catch {
+  }
+  try {
+    e.removeItem(J());
+  } catch {
+  }
+  try {
+    e.removeItem(L());
+  } catch {
+  }
+}
+function w(e, t) {
+  try {
+    return e.getItem(t);
+  } catch {
+    return null;
+  }
+}
+function O(e) {
+  try {
+    return JSON.parse(e);
+  } catch {
+    return null;
+  }
+}
+function U(e) {
+  try {
+    return be(e);
+  } catch {
+    return {
+      palette: Array.from(
+        { length: e.paletteSize },
+        (n, o) => o === 0 ? "#000000" : o === e.paletteSize - 1 ? "#ffffff" : "#808080"
+      ),
+      background: e.baseDefaults.background ?? 0,
+      foreground: e.baseDefaults.foreground ?? 0,
+      cursor: e.baseDefaults.cursor ?? 0,
+      selectionBg: e.baseDefaults.selectionBg ?? 0,
+      selectionFg: e.baseDefaults.selectionFg ?? 0,
+      semanticMappings: { ...e.semanticDefaults },
+      shikiTheme: e.defaultShikiTheme
+    };
+  }
+}
+export {
+  le as A,
+  k as B,
+  V as C,
+  se as D,
+  Re as Z,
+  J as a,
+  p as b,
+  Ce as c,
+  Ee as d,
+  ie as e,
+  ze as f,
+  L as g,
+  fe as h,
+  Se as i,
+  ue as j,
+  Ie as k,
+  je as l,
+  we as m,
+  $e as n,
+  Ve as o,
+  Ne as p,
+  He as q,
+  re as r,
+  v as s,
+  Fe as t,
+  De as u,
+  _e as v,
+  be as w,
+  Oe as x,
+  Ae as y,
+  Pe as z
+};

package/dist/utils/color-convert.d.ts

@@ -0,0 +1,7 @@
+export declare function hexToHsl(hex: string): {
+    h: number;
+    s: number;
+    l: number;
+};
+export declare function hslToHex(h: number, s: number, l: number): string;
+//# sourceMappingURL=color-convert.d.ts.map

package/dist/utils/color-convert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-convert.d.ts","sourceRoot":"","sources":["../../src/utils/color-convert.ts"],"names":[],"mappings":"AAkBA,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBzE;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAkChE"}

package/dist/utils/color-hsla.d.ts

@@ -0,0 +1,9 @@
+export interface Hsla {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}
+export declare function hexToHsla(hex: string): Hsla;
+export declare function hslaToHex(h: number, s: number, l: number, a: number): string;
+//# sourceMappingURL=color-hsla.d.ts.map

package/dist/utils/color-hsla.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-hsla.d.ts","sourceRoot":"","sources":["../../src/utils/color-hsla.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAkBD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CA4B3C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAgD5E"}

package/dist/utils/color-oklch.d.ts

@@ -0,0 +1,51 @@
+/**
+ * OKLCH ↔ sRGB ↔ HSL math primitives for the design-token panel.
+ *
+ * Alpha convention: all alpha values in this module are expressed on a
+ * 0–100 scale (0 = fully transparent, 100 = fully opaque). This matches
+ * the HSL convention used elsewhere in the panel and differs from culori's
+ * internal 0–1 range; conversion happens at the boundary.
+ *
+ * OKLCH CSS gradient browser baseline: Chromium 111+ / Safari 16+ / Firefox 113+.
+ * Consumers targeting older browsers should clamp to sRGB before emitting CSS.
+ */
+import type { Hsla } from './color-hsla';
+export type { Hsla } from './color-hsla';
+/** All four components use the panel's 0–100 scale for alpha. */
+export interface Oklcha {
+    l: number;
+    c: number;
+    h: number;
+    a: number;
+}
+/** Practical upper bound for chroma in the sRGB gamut. */
+export declare const MAX_OKLCH_CHROMA = 0.37;
+/**
+ * Emit an `oklch()` CSS string.  The alpha component is omitted when a===100.
+ */
+export declare function oklchaToCss(o: Oklcha): string;
+/**
+ * Parse a hex string (#RGB / #RGBA / #RRGGBB / #RRGGBBAA) to Oklcha.
+ * Returns `{l:0, c:0, h:0, a:100}` for invalid input — never throws.
+ */
+export declare function hexToOklcha(hex: string): Oklcha;
+/**
+ * Convert an Oklcha to a hex string.
+ * Emits 6-digit hex when a===100 (unless alwaysAlpha is set).
+ * Emits 8-digit hex when a<100 or alwaysAlpha is true.
+ */
+export declare function oklchaToHex(o: Oklcha, opts?: {
+    alwaysAlpha?: boolean;
+}): string;
+/** Convert Oklcha to Hsla.  Alpha is preserved on the 0–100 scale. */
+export declare function oklchaToHsla(o: Oklcha): Hsla;
+/** Convert Hsla to Oklcha.  Alpha is preserved on the 0–100 scale. */
+export declare function hslaToOklcha(h: Hsla): Oklcha;
+/**
+ * Clamp an Oklcha value into the sRGB gamut while preserving L and H.
+ * Uses culori's `clampChroma` which reduces chroma until the color fits.
+ */
+export declare function clampToSrgbGamut(o: Oklcha): Oklcha;
+/** Return true if the Oklcha value is within the sRGB gamut. */
+export declare function isInSrgbGamut(o: Oklcha): boolean;
+//# sourceMappingURL=color-oklch.d.ts.map

package/dist/utils/color-oklch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-oklch.d.ts","sourceRoot":"","sources":["../../src/utils/color-oklch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAiBH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AASzC,YAAY,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,iEAAiE;AACjE,MAAM,WAAW,MAAM;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,0DAA0D;AAC1D,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAkDrC;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAS7C;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAiB/C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,CAAC,EAAE,MAAM,EACT,IAAI,CAAC,EAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,GAC/B,MAAM,CAQR;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAU5C;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAW5C;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAclD;AAED,gEAAgE;AAChE,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAIhD"}