@takazudo/zdtp 0.2.2 → 0.3.0

package/dist/utils/design-token-serde.d.ts

@@ -65,18 +65,25 @@
  * Read-only manifest tokens are skipped in both directions.
  */
 import type { ColorTweakState, TweakState } from '../state/tweak-state';
+import { type PanelConfig } from '../config/panel-config';
 /** The canonical v2 schema identifier emitted by serialize(). */
 export declare const SCHEMA_V2 = "zudo-design-tokens/v2";
 /** The legacy v1 schema identifier accepted by deserialize() for back-compat. */
 export declare const SCHEMA_V1 = "zudo-design-tokens/v1";
 /**
- * Read the active design-token schema id at call time.
+ * Read the design-token schema id at call time.
  *
- * Returns the host-configured schema id from `panelConfig.schemaId`. Used as
- * the `$schema` value in legacy v1 exports (for hosts that have not upgraded
- * their config to v2). The canonical v2 serialize path always emits `SCHEMA_V2`.
+ * Returns the host-configured schema id from `cfg.schemaId`. Used as the
+ * `$schema` value in legacy v1 exports (for hosts that have not upgraded their
+ * config to v2) and as the expected-schema label the Import modal surfaces. The
+ * canonical v2 serialize path always emits `SCHEMA_V2`.
+ *
+ * `cfg` defaults to the active (most-recently-configured) instance so the
+ * single-default path stays byte-identical. The Import modal threads its OWN
+ * mounted instance config (multi-instance, #361) so a non-default panel
+ * validates against ITS schema id, not the default's.
  */
-export declare function getDesignTokenSchema(): string;
+export declare function getDesignTokenSchema(cfg?: PanelConfig): string;
 /** External JSON value for a base-color / semantic-color entry (v1). */
 type ColorSlotValue = number | 'bg' | 'fg';
 export interface DesignTokenJsonColorBase {
@@ -169,8 +176,14 @@ export declare class DesignTokenSchemaError extends Error {
  * defaults; set `opts.includeDefaults = true` to dump everything.
  *
  * The output `$schema` is always `SCHEMA_V2` ("zudo-design-tokens/v2").
+ *
+ * `cfg` defaults to the active (most-recently-configured) instance so the
+ * single-default path stays byte-identical. The Export / Apply modals thread
+ * their OWN mounted instance config (multi-instance, #361) so a non-default
+ * panel's export JSON / revert blob is built from ITS tab manifest + color
+ * cluster, not the default instance's.
  */
-export declare function serialize(state: TweakState, opts?: SerializeOptions): DesignTokenJsonV2;
+export declare function serialize(state: TweakState, opts?: SerializeOptions, cfg?: PanelConfig): DesignTokenJsonV2;
 /**
  * Parse a design-token JSON document and lift it back into a tweak state.
  *
@@ -187,7 +200,13 @@ export declare function serialize(state: TweakState, opts?: SerializeOptions): D
  *
  * Missing fields fall back to `opts.colorDefaults` (or, absent that, a
  * minimal neutral default) so the result is always a valid `TweakState`.
+ *
+ * `cfg` defaults to the active (most-recently-configured) instance so the
+ * single-default path stays byte-identical. The Import modal threads its OWN
+ * mounted instance config (multi-instance, #361) so a non-default panel's
+ * schema-check + cssVar→id mapping use ITS tab manifest + color cluster, not
+ * the default instance's.
  */
-export declare function deserialize(input: unknown, opts?: DeserializeOptions): DeserializeResult;
+export declare function deserialize(input: unknown, opts?: DeserializeOptions, cfg?: PanelConfig): DeserializeResult;
 export {};
 //# sourceMappingURL=design-token-serde.d.ts.map

package/dist/utils/design-token-serde.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-token-serde.d.ts","sourceRoot":"","sources":["../../src/utils/design-token-serde.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"design-token-serde.d.ts","sourceRoot":"","sources":["../../src/utils/design-token-serde.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takazudo/zdtp",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Dynamic design-token tweak panel — host-config-driven, framework-agnostic Preact UI.",
   "private": false,
   "license": "MIT",

package/dist/tweak-state-DSJa5csL.js

@@ -1,624 +0,0 @@
-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
-};