@bendyline/squisq 1.2.2 → 1.4.0

package/dist/chunk-B4EEON3N.js

@@ -0,0 +1,1317 @@
+// src/schemas/Theme.ts
+var THEME_SCHEMA_VERSION = "1";
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key of Object.keys(source)) {
+    const srcVal = source[key];
+    const tgtVal = target[key];
+    if (srcVal !== null && srcVal !== void 0 && typeof srcVal === "object" && !Array.isArray(srcVal) && tgtVal !== null && tgtVal !== void 0 && typeof tgtVal === "object" && !Array.isArray(tgtVal)) {
+      result[key] = deepMerge(
+        tgtVal,
+        srcVal
+      );
+    } else if (srcVal !== void 0) {
+      result[key] = srcVal;
+    }
+  }
+  return result;
+}
+function createTheme(base, overrides) {
+  const merged = deepMerge(
+    base,
+    overrides
+  );
+  if (!overrides.id && merged.id === base.id) {
+    merged.id = `${base.id}-custom`;
+  }
+  if (!merged.schemaVersion) merged.schemaVersion = THEME_SCHEMA_VERSION;
+  return merged;
+}
+var LIGHT_SURFACE = {
+  id: "light",
+  background: "#ffffff",
+  backgroundLight: "#f5f5f5",
+  text: "#1a1a1a",
+  textMuted: "#666666"
+};
+var DARK_SURFACE = {
+  id: "dark",
+  background: "#1a202c",
+  backgroundLight: "#2d3748",
+  text: "#f0f0f0",
+  textMuted: "#a0aec0"
+};
+function applySurface(theme, surface) {
+  return {
+    ...theme,
+    colors: {
+      ...theme.colors,
+      background: surface.background,
+      backgroundLight: surface.backgroundLight,
+      text: surface.text,
+      textMuted: surface.textMuted
+    }
+  };
+}
+var CUSTOM_THEME_REGISTRY = /* @__PURE__ */ new Map();
+function registerTheme(theme) {
+  CUSTOM_THEME_REGISTRY.set(theme.id, theme);
+}
+function unregisterTheme(id) {
+  CUSTOM_THEME_REGISTRY.delete(id);
+}
+function getRegisteredThemes() {
+  return Array.from(CUSTOM_THEME_REGISTRY.values());
+}
+function lookupRegisteredTheme(id) {
+  if (!id) return void 0;
+  return CUSTOM_THEME_REGISTRY.get(id);
+}
+
+// src/schemas/colorUtils.ts
+var HEX_RE = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function isHex(value) {
+  return HEX_RE.test(value);
+}
+function parseHex(hex) {
+  if (!HEX_RE.test(hex)) return null;
+  let body = hex.slice(1);
+  if (body.length === 3)
+    body = body.split("").map((c) => c + c).join("");
+  return [
+    parseInt(body.slice(0, 2), 16) / 255,
+    parseInt(body.slice(2, 4), 16) / 255,
+    parseInt(body.slice(4, 6), 16) / 255
+  ];
+}
+function toHex(rgb) {
+  const ch = (v) => {
+    const c = Math.max(0, Math.min(255, Math.round(v * 255)));
+    return c.toString(16).padStart(2, "0");
+  };
+  return "#" + ch(rgb[0]) + ch(rgb[1]) + ch(rgb[2]);
+}
+function srgbToLinear(c) {
+  return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function linearToSrgb(c) {
+  return c <= 31308e-7 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
+}
+function rgbToOklch(rgb) {
+  const [sr, sg, sb] = rgb;
+  const r = srgbToLinear(sr);
+  const g = srgbToLinear(sg);
+  const b = srgbToLinear(sb);
+  const l = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
+  const m = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
+  const s = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
+  const l_ = Math.cbrt(l);
+  const m_ = Math.cbrt(m);
+  const s_ = Math.cbrt(s);
+  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
+  const bb = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
+  const C = Math.sqrt(a * a + bb * bb);
+  let h = Math.atan2(bb, a) * 180 / Math.PI;
+  if (h < 0) h += 360;
+  return { L, C, h };
+}
+function oklchToRgb({ L, C, h }) {
+  const hr = h * Math.PI / 180;
+  const a = C * Math.cos(hr);
+  const bb = C * Math.sin(hr);
+  const l_ = L + 0.3963377774 * a + 0.2158037573 * bb;
+  const m_ = L - 0.1055613458 * a - 0.0638541728 * bb;
+  const s_ = L - 0.0894841775 * a - 1.291485548 * bb;
+  const l = l_ * l_ * l_;
+  const m = m_ * m_ * m_;
+  const s = s_ * s_ * s_;
+  const r = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
+  const g = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
+  const b = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
+  return [
+    Math.max(0, Math.min(1, linearToSrgb(r))),
+    Math.max(0, Math.min(1, linearToSrgb(g))),
+    Math.max(0, Math.min(1, linearToSrgb(b)))
+  ];
+}
+function oklchLighten(hex, amount) {
+  const rgb = parseHex(hex);
+  if (!rgb) return hex;
+  const lch = rgbToOklch(rgb);
+  lch.L = Math.max(0, Math.min(1, lch.L + amount));
+  return toHex(oklchToRgb(lch));
+}
+function oklchDarken(hex, amount) {
+  return oklchLighten(hex, -amount);
+}
+function oklchSetChroma(hex, multiplier) {
+  const rgb = parseHex(hex);
+  if (!rgb) return hex;
+  const lch = rgbToOklch(rgb);
+  lch.C = Math.max(0, lch.C * multiplier);
+  return toHex(oklchToRgb(lch));
+}
+function relativeLuminance(hex) {
+  const rgb = parseHex(hex);
+  if (!rgb) return 0;
+  const [r, g, b] = rgb.map(srgbToLinear);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function contrastRatio(a, b) {
+  const la = relativeLuminance(a);
+  const lb = relativeLuminance(b);
+  const lighter = Math.max(la, lb);
+  const darker = Math.min(la, lb);
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function pickContrastingText(bg, light = "#f7fafc", dark = "#1a202c") {
+  return contrastRatio(bg, dark) >= contrastRatio(bg, light) ? dark : light;
+}
+function deriveScale(seedHex, spread = 0.15) {
+  return {
+    lighter2: oklchLighten(seedHex, spread),
+    lighter1: oklchLighten(seedHex, spread / 2),
+    base: seedHex,
+    darker1: oklchDarken(seedHex, spread / 2),
+    darker2: oklchDarken(seedHex, spread)
+  };
+}
+
+// src/schemas/themeValidator.ts
+var VALID_FALLBACK = /* @__PURE__ */ new Set(["serif", "sans-serif", "monospace", "system-ui"]);
+var VALID_TITLE_WEIGHT = /* @__PURE__ */ new Set(["normal", "bold"]);
+var VALID_TRANSITION_TYPES = /* @__PURE__ */ new Set([
+  "cut",
+  "fade",
+  "dissolve",
+  "slideLeft",
+  "slideRight",
+  "slideUp",
+  "slideDown",
+  "zoom"
+]);
+var VALID_GRADIENT_PRESETS = /* @__PURE__ */ new Set([
+  "dark-vignette",
+  "radial-dark",
+  "warm-sunset",
+  "cool-blue",
+  "earth-tones"
+]);
+var V = class {
+  constructor() {
+    this.errors = [];
+  }
+  err(path, message) {
+    this.errors.push({ path, message });
+  }
+  isObject(v) {
+    return typeof v === "object" && v !== null && !Array.isArray(v);
+  }
+  isString(v) {
+    return typeof v === "string";
+  }
+  isNumber(v) {
+    return typeof v === "number" && Number.isFinite(v);
+  }
+  isBoolean(v) {
+    return typeof v === "boolean";
+  }
+  hex(path, v) {
+    if (!this.isString(v)) {
+      this.err(path, `expected hex color string, got ${typeof v}`);
+    } else if (!isHex(v)) {
+      this.err(path, `expected #rgb or #rrggbb hex color, got "${v}"`);
+    }
+  }
+  palette(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    const required = [
+      "primary",
+      "secondary",
+      "background",
+      "backgroundLight",
+      "text",
+      "textMuted",
+      "highlight",
+      "warning"
+    ];
+    for (const k of required) this.hex(`${path}.${k}`, v[k]);
+  }
+  colorScheme(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    this.hex(`${path}.bg`, v.bg);
+    this.hex(`${path}.text`, v.text);
+    this.hex(`${path}.accent`, v.accent);
+  }
+  colorSchemes(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object map");
+      return;
+    }
+    for (const key of Object.keys(v)) {
+      this.colorScheme(`${path}.${key}`, v[key]);
+    }
+  }
+  fontFamily(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected FontFamily object ({ stackId } or { custom })");
+      return;
+    }
+    if ("stackId" in v) {
+      if (!this.isString(v.stackId) || v.stackId.length === 0) {
+        this.err(`${path}.stackId`, "expected non-empty string");
+      }
+      return;
+    }
+    if ("custom" in v) {
+      const c = v.custom;
+      if (!this.isObject(c)) {
+        this.err(`${path}.custom`, "expected { name, fallback } object");
+        return;
+      }
+      if (!this.isString(c.name) || c.name.length === 0) {
+        this.err(`${path}.custom.name`, "expected non-empty string");
+      }
+      if (!this.isString(c.fallback) || !VALID_FALLBACK.has(c.fallback)) {
+        this.err(
+          `${path}.custom.fallback`,
+          `expected one of: serif, sans-serif, monospace, system-ui`
+        );
+      }
+      return;
+    }
+    this.err(path, "expected { stackId } or { custom: { name, fallback } }");
+  }
+  typography(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    this.fontFamily(`${path}.bodyFont`, v.bodyFont);
+    this.fontFamily(`${path}.titleFont`, v.titleFont);
+    if (v.monoFont !== void 0) this.fontFamily(`${path}.monoFont`, v.monoFont);
+    for (const k of ["titleScale", "bodyScale", "lineHeight", "titleLineHeight"]) {
+      if (v[k] !== void 0 && !this.isNumber(v[k])) {
+        this.err(`${path}.${k}`, `expected number, got ${typeof v[k]}`);
+      }
+    }
+    if (v.titleWeight !== void 0) {
+      if (!this.isString(v.titleWeight) || !VALID_TITLE_WEIGHT.has(v.titleWeight)) {
+        this.err(`${path}.titleWeight`, 'expected "normal" or "bold"');
+      }
+    }
+  }
+  style(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    if (v.borderRadius !== void 0 && !this.isNumber(v.borderRadius)) {
+      this.err(`${path}.borderRadius`, "expected number");
+    }
+    if (v.textShadow !== void 0 && !this.isBoolean(v.textShadow)) {
+      this.err(`${path}.textShadow`, "expected boolean");
+    }
+    for (const k of ["overlayOpacity", "animationSpeed"]) {
+      if (v[k] !== void 0 && !this.isNumber(v[k])) {
+        this.err(`${path}.${k}`, "expected number");
+      }
+    }
+    if (v.blockPadding !== void 0 && !this.isString(v.blockPadding)) {
+      this.err(`${path}.blockPadding`, 'expected string (percentage e.g. "5%")');
+    }
+  }
+  renderStyle(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    if (!this.isString(v.name) || v.name.length === 0) {
+      this.err(`${path}.name`, "expected non-empty string");
+    }
+    if (v.ambientMotion !== void 0 && !this.isBoolean(v.ambientMotion)) {
+      this.err(`${path}.ambientMotion`, "expected boolean");
+    }
+    for (const k of ["defaultTextAnimation", "defaultImageAnimation"]) {
+      if (v[k] !== void 0 && !this.isString(v[k])) {
+        this.err(`${path}.${k}`, "expected animation type string");
+      }
+    }
+    if (v.defaultTransition !== void 0) {
+      const t = v.defaultTransition;
+      if (!this.isObject(t)) {
+        this.err(`${path}.defaultTransition`, "expected object");
+      } else {
+        if (!this.isString(t.type) || !VALID_TRANSITION_TYPES.has(t.type)) {
+          this.err(`${path}.defaultTransition.type`, "expected valid transition type");
+        }
+        if (t.duration !== void 0 && !this.isNumber(t.duration)) {
+          this.err(`${path}.defaultTransition.duration`, "expected number");
+        }
+      }
+    }
+    if (v.layoutOverrides !== void 0 && !this.isObject(v.layoutOverrides)) {
+      this.err(`${path}.layoutOverrides`, "expected object");
+    }
+    if (v.templateHints !== void 0) {
+      if (!this.isObject(v.templateHints)) {
+        this.err(`${path}.templateHints`, "expected object map");
+      } else {
+        for (const tplName of Object.keys(v.templateHints)) {
+          const hints = v.templateHints[tplName];
+          if (!this.isObject(hints)) {
+            this.err(`${path}.templateHints.${tplName}`, "expected object");
+            continue;
+          }
+          for (const key of Object.keys(hints)) {
+            const val = hints[key];
+            const t = typeof val;
+            if (t !== "string" && t !== "number" && t !== "boolean") {
+              this.err(
+                `${path}.templateHints.${tplName}.${key}`,
+                `expected string|number|boolean, got ${t}`
+              );
+            }
+          }
+        }
+      }
+    }
+  }
+  seedColors(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    if (v.primary === void 0) {
+      this.err(`${path}.primary`, "required when seedColors is present");
+    } else {
+      this.hex(`${path}.primary`, v.primary);
+    }
+    for (const k of ["secondary", "accent", "background", "text"]) {
+      if (v[k] !== void 0) this.hex(`${path}.${k}`, v[k]);
+    }
+  }
+  persistentLayer(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    if ("template" in v) {
+      if (!this.isString(v.template)) {
+        this.err(`${path}.template`, "expected string");
+        return;
+      }
+      const cfg = v.config;
+      if (!this.isObject(cfg)) {
+        this.err(`${path}.config`, "expected object");
+        return;
+      }
+      if (cfg.type !== v.template) {
+        this.err(`${path}.config.type`, `expected "${v.template}", got "${String(cfg.type)}"`);
+      }
+      if (v.template === "gradientBackground" && cfg.preset !== void 0) {
+        if (!this.isString(cfg.preset) || !VALID_GRADIENT_PRESETS.has(cfg.preset)) {
+          this.err(
+            `${path}.config.preset`,
+            `expected one of: ${Array.from(VALID_GRADIENT_PRESETS).join(", ")}`
+          );
+        }
+      }
+      if (v.template === "gradientBackground" && "gradient" in cfg) {
+        this.err(
+          `${path}.config.gradient`,
+          "raw CSS gradient strings are not allowed in Theme JSON; use a `preset`"
+        );
+      }
+    }
+  }
+  persistentLayers(path, v) {
+    if (!this.isObject(v)) {
+      this.err(path, "expected object");
+      return;
+    }
+    for (const side of ["bottomLayers", "topLayers"]) {
+      const arr = v[side];
+      if (arr === void 0) continue;
+      if (!Array.isArray(arr)) {
+        this.err(`${path}.${side}`, "expected array");
+        continue;
+      }
+      arr.forEach((entry, i) => this.persistentLayer(`${path}.${side}[${i}]`, entry));
+    }
+  }
+};
+function validateTheme(input) {
+  const v = new V();
+  if (!v.isObject(input)) {
+    return { valid: false, errors: [{ path: "", message: "expected object" }] };
+  }
+  if (input.schemaVersion !== THEME_SCHEMA_VERSION) {
+    v.err(
+      "schemaVersion",
+      `expected "${THEME_SCHEMA_VERSION}", got "${String(input.schemaVersion)}"`
+    );
+  }
+  if (!v.isString(input.id) || input.id.length === 0) {
+    v.err("id", "expected non-empty string");
+  }
+  if (!v.isString(input.name) || input.name.length === 0) {
+    v.err("name", "expected non-empty string");
+  }
+  if (input.description !== void 0 && !v.isString(input.description)) {
+    v.err("description", "expected string");
+  }
+  if (input.seedColors !== void 0) v.seedColors("seedColors", input.seedColors);
+  if (input.colors === void 0) {
+    v.err("colors", "required");
+  } else {
+    v.palette("colors", input.colors);
+  }
+  if (input.typography === void 0) {
+    v.err("typography", "required");
+  } else {
+    v.typography("typography", input.typography);
+  }
+  if (input.style === void 0) {
+    v.err("style", "required");
+  } else {
+    v.style("style", input.style);
+  }
+  if (input.renderStyle === void 0) {
+    v.err("renderStyle", "required");
+  } else {
+    v.renderStyle("renderStyle", input.renderStyle);
+  }
+  if (input.colorSchemes === void 0) {
+    v.err("colorSchemes", "required");
+  } else {
+    v.colorSchemes("colorSchemes", input.colorSchemes);
+  }
+  if (input.persistentLayers !== void 0) {
+    v.persistentLayers("persistentLayers", input.persistentLayers);
+  }
+  if (v.errors.length === 0) {
+    return { valid: true, errors: [], theme: input };
+  }
+  return { valid: false, errors: v.errors };
+}
+function assertTheme(input, source = "theme") {
+  const result = validateTheme(input);
+  if (!result.valid || !result.theme) {
+    const summary = result.errors.slice(0, 5).map((e) => `  ${e.path || "<root>"}: ${e.message}`).join("\n");
+    const more = result.errors.length > 5 ? `
+  ... and ${result.errors.length - 5} more` : "";
+    throw new Error(`Invalid ${source}:
+${summary}${more}`);
+  }
+  return result.theme;
+}
+
+// src/schemas/themes/standard.json
+var standard_default = {
+  schemaVersion: "1",
+  id: "standard",
+  name: "Standard Light",
+  description: "Clean and safe \u2014 black-on-white, system fonts only, no external font dependencies. Default theme.",
+  colors: {
+    primary: "#2563eb",
+    secondary: "#475569",
+    background: "#ffffff",
+    backgroundLight: "#f1f5f9",
+    text: "#0f172a",
+    textMuted: "#475569",
+    highlight: "#1d4ed8",
+    warning: "#dc2626"
+  },
+  typography: {
+    bodyFont: { stackId: "system-sans" },
+    titleFont: { stackId: "system-serif" },
+    monoFont: { stackId: "system-mono" },
+    titleWeight: "bold"
+  },
+  style: {
+    textShadow: false,
+    overlayOpacity: 0.35,
+    animationSpeed: 1
+  },
+  renderStyle: {
+    name: "standard",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "fade", duration: 0.7 }
+  },
+  colorSchemes: {
+    blue: { bg: "#dbeafe", text: "#1d4ed8", accent: "#2563eb" },
+    green: { bg: "#dcfce7", text: "#166534", accent: "#16a34a" },
+    purple: { bg: "#ede9fe", text: "#5b21b6", accent: "#7c3aed" },
+    red: { bg: "#fee2e2", text: "#991b1b", accent: "#dc2626" },
+    orange: { bg: "#ffedd5", text: "#9a3412", accent: "#ea580c" },
+    teal: { bg: "#ccfbf1", text: "#115e59", accent: "#0d9488" }
+  }
+};
+
+// src/schemas/themes/standard-dark.json
+var standard_dark_default = {
+  schemaVersion: "1",
+  id: "standard-dark",
+  name: "Standard Dark",
+  description: "Standard, dark variant. System fonts, dark navy background, light text.",
+  colors: {
+    primary: "#3182ce",
+    secondary: "#4a5568",
+    background: "#1a202c",
+    backgroundLight: "#2d3748",
+    text: "#f7fafc",
+    textMuted: "#a0aec0",
+    highlight: "#4299e1",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFont: { stackId: "system-sans" },
+    titleFont: { stackId: "system-serif" },
+    monoFont: { stackId: "system-mono" },
+    titleWeight: "bold"
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.45,
+    animationSpeed: 1
+  },
+  renderStyle: {
+    name: "standard",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "fade", duration: 0.7 }
+  },
+  colorSchemes: {
+    blue: { bg: "#1a365d", text: "#63b3ed", accent: "#90cdf4" },
+    green: { bg: "#22543d", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#44337a", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#742a2a", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#744210", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#234e52", text: "#81e6d9", accent: "#4fd1c5" }
+  },
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "dark-vignette" }
+      }
+    ]
+  }
+};
+
+// src/schemas/themes/documentary.json
+var documentary_default = {
+  schemaVersion: "1",
+  id: "documentary",
+  name: "Documentary",
+  description: "Classic dark cinematic look with elegant serif typography.",
+  colors: {
+    primary: "#3d5a80",
+    secondary: "#63b3ed",
+    background: "#1a202c",
+    backgroundLight: "#2d3748",
+    text: "#ffffff",
+    textMuted: "#a0aec0",
+    highlight: "#63b3ed",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFont: { stackId: "source-serif" },
+    titleFont: { stackId: "playfair" },
+    titleWeight: "bold"
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.5,
+    animationSpeed: 1
+  },
+  renderStyle: {
+    name: "documentary",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "fade", duration: 0.8 }
+  },
+  colorSchemes: {
+    blue: { bg: "#1a365d", text: "#63b3ed", accent: "#90cdf4" },
+    green: { bg: "#22543d", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#44337a", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#742a2a", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#744210", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#234e52", text: "#81e6d9", accent: "#4fd1c5" }
+  },
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "dark-vignette" }
+      }
+    ]
+  }
+};
+
+// src/schemas/themes/minimalist.json
+var minimalist_default = {
+  schemaVersion: "1",
+  id: "minimalist",
+  name: "Minimalist",
+  description: "Clean near-white background with sans-serif type and minimal animation.",
+  colors: {
+    primary: "#2d3748",
+    secondary: "#4a5568",
+    background: "#f7fafc",
+    backgroundLight: "#edf2f7",
+    text: "#1a202c",
+    textMuted: "#718096",
+    highlight: "#3182ce",
+    warning: "#e53e3e"
+  },
+  typography: {
+    bodyFont: { stackId: "inter" },
+    titleFont: { stackId: "inter" },
+    titleWeight: "bold",
+    lineHeight: 1.6
+  },
+  style: {
+    textShadow: false,
+    overlayOpacity: 0.3,
+    animationSpeed: 1.2,
+    borderRadius: 8
+  },
+  renderStyle: {
+    name: "minimalist",
+    defaultTextAnimation: "fadeIn",
+    ambientMotion: false,
+    defaultTransition: { type: "fade", duration: 0.6 },
+    templateHints: {
+      title: { showAccentLine: false }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#ebf8ff", text: "#2b6cb0", accent: "#3182ce" },
+    green: { bg: "#f0fff4", text: "#276749", accent: "#38a169" },
+    purple: { bg: "#faf5ff", text: "#553c9a", accent: "#805ad5" },
+    red: { bg: "#fff5f5", text: "#c53030", accent: "#e53e3e" },
+    orange: { bg: "#fffaf0", text: "#c05621", accent: "#dd6b20" },
+    teal: { bg: "#e6fffa", text: "#285e61", accent: "#319795" }
+  }
+};
+
+// src/schemas/themes/bold.json
+var bold_default = {
+  schemaVersion: "1",
+  id: "bold",
+  name: "Bold",
+  description: "High-contrast black with vivid accents and dramatic animations.",
+  colors: {
+    primary: "#e53e3e",
+    secondary: "#ed8936",
+    background: "#000000",
+    backgroundLight: "#1a1a1a",
+    text: "#ffffff",
+    textMuted: "#cbd5e0",
+    highlight: "#f6e05e",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFont: { stackId: "roboto" },
+    titleFont: { stackId: "oswald" },
+    titleWeight: "bold",
+    titleScale: 1.15,
+    bodyScale: 1,
+    titleLineHeight: 1.1
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.6,
+    animationSpeed: 0.8
+  },
+  renderStyle: {
+    name: "bold",
+    defaultTextAnimation: "zoomIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "dissolve", duration: 0.5 },
+    templateHints: {
+      statHighlight: { entrance: "dramatic" },
+      fullBleedQuote: { entrance: "dramatic" }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#1a202c", text: "#63b3ed", accent: "#90cdf4" },
+    green: { bg: "#1a202c", text: "#48bb78", accent: "#68d391" },
+    purple: { bg: "#1a202c", text: "#b794f4", accent: "#d6bcfa" },
+    red: { bg: "#1a202c", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#1a202c", text: "#f6ad55", accent: "#fbd38d" },
+    teal: { bg: "#1a202c", text: "#4fd1c5", accent: "#81e6d9" }
+  }
+};
+
+// src/schemas/themes/morning-light.json
+var morning_light_default = {
+  schemaVersion: "1",
+  id: "morning-light",
+  name: "Morning Light",
+  description: "Warm light background with dark text and gentle serif typography.",
+  colors: {
+    primary: "#744210",
+    secondary: "#975a16",
+    background: "#faf8f5",
+    backgroundLight: "#f5f0eb",
+    text: "#2d3748",
+    textMuted: "#718096",
+    highlight: "#dd6b20",
+    warning: "#c53030"
+  },
+  typography: {
+    bodyFont: { stackId: "lora" },
+    titleFont: { stackId: "merriweather" },
+    titleWeight: "bold",
+    lineHeight: 1.7
+  },
+  style: {
+    textShadow: false,
+    overlayOpacity: 0.35,
+    animationSpeed: 1.1,
+    borderRadius: 4
+  },
+  renderStyle: {
+    name: "morning-light",
+    defaultTextAnimation: "fadeIn",
+    ambientMotion: false,
+    defaultTransition: { type: "fade", duration: 1 }
+  },
+  colorSchemes: {
+    blue: { bg: "#ebf8ff", text: "#2c5282", accent: "#4299e1" },
+    green: { bg: "#f0fff4", text: "#22543d", accent: "#48bb78" },
+    purple: { bg: "#faf5ff", text: "#44337a", accent: "#9f7aea" },
+    red: { bg: "#fff5f5", text: "#9b2c2c", accent: "#fc8181" },
+    orange: { bg: "#fffaf0", text: "#744210", accent: "#ed8936" },
+    teal: { bg: "#e6fffa", text: "#234e52", accent: "#38b2ac" }
+  }
+};
+
+// src/schemas/themes/tech-dark.json
+var tech_dark_default = {
+  schemaVersion: "1",
+  id: "tech-dark",
+  name: "Tech Dark",
+  description: "True black with neon cyan/green accents and monospace titles.",
+  colors: {
+    primary: "#00e5ff",
+    secondary: "#00e676",
+    background: "#0a0a0a",
+    backgroundLight: "#1a1a2e",
+    text: "#e0e0e0",
+    textMuted: "#9e9e9e",
+    highlight: "#00e5ff",
+    warning: "#ff5252"
+  },
+  typography: {
+    bodyFont: { stackId: "ibm-plex-sans" },
+    titleFont: { stackId: "jetbrains-mono" },
+    monoFont: { stackId: "jetbrains-mono" },
+    titleWeight: "bold",
+    titleScale: 0.9,
+    lineHeight: 1.5
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.55,
+    animationSpeed: 0.9,
+    borderRadius: 2
+  },
+  renderStyle: {
+    name: "tech-dark",
+    defaultTextAnimation: "typewriter",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "dissolve", duration: 0.4 },
+    templateHints: {
+      statHighlight: { entrance: "dramatic" }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#0d1b2a", text: "#00b0ff", accent: "#40c4ff" },
+    green: { bg: "#0d1b0d", text: "#00e676", accent: "#69f0ae" },
+    purple: { bg: "#1a0d2e", text: "#d500f9", accent: "#ea80fc" },
+    red: { bg: "#2e0d0d", text: "#ff5252", accent: "#ff8a80" },
+    orange: { bg: "#2e1a0d", text: "#ff9100", accent: "#ffab40" },
+    teal: { bg: "#0d2e2e", text: "#1de9b6", accent: "#64ffda" }
+  }
+};
+
+// src/schemas/themes/magazine.json
+var magazine_default = {
+  schemaVersion: "1",
+  id: "magazine",
+  name: "Magazine",
+  description: "Rich editorial palette with mixed serif/sans typography and slide transitions.",
+  colors: {
+    primary: "#c53030",
+    secondary: "#2b6cb0",
+    background: "#1a202c",
+    backgroundLight: "#2d3748",
+    text: "#f7fafc",
+    textMuted: "#cbd5e0",
+    highlight: "#ed8936",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFont: { stackId: "dm-sans" },
+    titleFont: { stackId: "dm-serif" },
+    titleWeight: "bold",
+    titleScale: 1.05,
+    lineHeight: 1.5
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.45,
+    animationSpeed: 1,
+    borderRadius: 6
+  },
+  renderStyle: {
+    name: "magazine",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "slideLeft", duration: 0.7 }
+  },
+  colorSchemes: {
+    blue: { bg: "#1a365d", text: "#90cdf4", accent: "#63b3ed" },
+    green: { bg: "#1c4532", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#322659", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#63171b", text: "#feb2b2", accent: "#fc8181" },
+    orange: { bg: "#652b19", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#1d4044", text: "#81e6d9", accent: "#4fd1c5" }
+  }
+};
+
+// src/schemas/themes/cinematic.json
+var cinematic_default = {
+  schemaVersion: "1",
+  id: "cinematic",
+  name: "Cinematic",
+  description: "Ultra-dark with moody gradients, gold accents, and slow dissolve transitions.",
+  colors: {
+    primary: "#d69e2e",
+    secondary: "#b7791f",
+    background: "#0a0f1a",
+    backgroundLight: "#1a202c",
+    text: "#f7fafc",
+    textMuted: "#a0aec0",
+    highlight: "#ecc94b",
+    warning: "#fc8181"
+  },
+  typography: {
+    bodyFont: { stackId: "crimson" },
+    titleFont: { stackId: "cormorant" },
+    titleWeight: "bold",
+    lineHeight: 1.5,
+    titleLineHeight: 1.2
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.55,
+    animationSpeed: 1.2
+  },
+  renderStyle: {
+    name: "cinematic",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: true,
+    defaultTransition: { type: "dissolve", duration: 1.2 },
+    templateHints: {
+      title: { showAccentLine: true }
+    }
+  },
+  colorSchemes: {
+    blue: { bg: "#0d1b2a", text: "#90cdf4", accent: "#63b3ed" },
+    green: { bg: "#0d1b14", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#1a0d2e", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#2a0d0d", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#2a1a0d", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#0d2a2a", text: "#81e6d9", accent: "#4fd1c5" }
+  },
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "radial-dark" }
+      }
+    ]
+  }
+};
+
+// src/schemas/themes/warm-earth.json
+var warm_earth_default = {
+  schemaVersion: "1",
+  id: "warm-earth",
+  name: "Warm Earth",
+  description: "Natural warm tones with earthy browns and terracotta accents.",
+  colors: {
+    primary: "#9c4221",
+    secondary: "#c05621",
+    background: "#1c1410",
+    backgroundLight: "#2d241e",
+    text: "#faf5f0",
+    textMuted: "#c4a882",
+    highlight: "#dd6b20",
+    warning: "#e53e3e"
+  },
+  typography: {
+    bodyFont: { stackId: "pt-serif" },
+    titleFont: { stackId: "pt-serif" },
+    titleWeight: "bold",
+    lineHeight: 1.6
+  },
+  style: {
+    textShadow: true,
+    overlayOpacity: 0.5,
+    animationSpeed: 1.1
+  },
+  renderStyle: {
+    name: "warm-earth",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "panLeft",
+    ambientMotion: true,
+    defaultTransition: { type: "fade", duration: 0.9 }
+  },
+  colorSchemes: {
+    blue: { bg: "#2a1f14", text: "#90cdf4", accent: "#63b3ed" },
+    green: { bg: "#1e2a14", text: "#9ae6b4", accent: "#68d391" },
+    purple: { bg: "#2a142a", text: "#d6bcfa", accent: "#b794f4" },
+    red: { bg: "#2a1414", text: "#fc8181", accent: "#feb2b2" },
+    orange: { bg: "#2a1e0a", text: "#fbd38d", accent: "#f6ad55" },
+    teal: { bg: "#142a28", text: "#81e6d9", accent: "#4fd1c5" }
+  },
+  persistentLayers: {
+    bottomLayers: [
+      {
+        template: "gradientBackground",
+        config: { type: "gradientBackground", preset: "earth-tones" }
+      }
+    ]
+  }
+};
+
+// src/schemas/themes/gezellig.json
+var gezellig_default = {
+  schemaVersion: "1",
+  id: "gezellig",
+  name: "Gezellig",
+  description: "Warm sage + terracotta palette inspired by the Gezel desktop app. Subtle orange-tinted dark background, cream text, sage and terracotta accents.",
+  colors: {
+    primary: "#b0724c",
+    secondary: "#667f62",
+    background: "#1f1a17",
+    backgroundLight: "#2b2420",
+    text: "#f3ede0",
+    textMuted: "#a89b85",
+    highlight: "#c0875d",
+    warning: "#e07a6b"
+  },
+  typography: {
+    bodyFont: { stackId: "system-sans-emoji" },
+    titleFont: { stackId: "system-serif-emoji" },
+    monoFont: { stackId: "system-mono" },
+    titleWeight: "bold",
+    lineHeight: 1.55
+  },
+  style: {
+    textShadow: false,
+    overlayOpacity: 0.4,
+    animationSpeed: 1,
+    borderRadius: 6
+  },
+  renderStyle: {
+    name: "gezellig",
+    defaultTextAnimation: "fadeIn",
+    defaultImageAnimation: "slowZoom",
+    ambientMotion: false,
+    defaultTransition: { type: "fade", duration: 0.6 }
+  },
+  colorSchemes: {
+    terracotta: { bg: "#3d2620", text: "#f3ede0", accent: "#c0875d" },
+    sage: { bg: "#28332a", text: "#e3ead9", accent: "#8aa589" },
+    amber: { bg: "#3d2e17", text: "#fbe3a8", accent: "#d4a149" },
+    plum: { bg: "#2e1f2a", text: "#e8d4e0", accent: "#b088a5" },
+    ink: { bg: "#1a1f26", text: "#d5dde8", accent: "#7b8fa8" },
+    cream: { bg: "#f3ede0", text: "#2b2420", accent: "#b0724c" }
+  }
+};
+
+// src/schemas/themes/index.ts
+var standard = assertTheme(standard_default, "standard.json");
+var standardDark = assertTheme(standard_dark_default, "standard-dark.json");
+var documentary = assertTheme(documentary_default, "documentary.json");
+var minimalist = assertTheme(minimalist_default, "minimalist.json");
+var bold = assertTheme(bold_default, "bold.json");
+var morningLight = assertTheme(morning_light_default, "morning-light.json");
+var techDark = assertTheme(tech_dark_default, "tech-dark.json");
+var magazine = assertTheme(magazine_default, "magazine.json");
+var cinematic = assertTheme(cinematic_default, "cinematic.json");
+var warmEarth = assertTheme(warm_earth_default, "warm-earth.json");
+var gezellig = assertTheme(gezellig_default, "gezellig.json");
+var BUILTIN_THEMES = {
+  standard,
+  "standard-dark": standardDark,
+  documentary,
+  minimalist,
+  bold,
+  "morning-light": morningLight,
+  "tech-dark": techDark,
+  magazine,
+  cinematic,
+  "warm-earth": warmEarth,
+  gezellig
+};
+
+// src/schemas/themeLibrary.ts
+var THEMES = BUILTIN_THEMES;
+var DEFAULT_THEME_ID = "standard";
+var DEFAULT_THEME = THEMES[DEFAULT_THEME_ID];
+function resolveTheme(id) {
+  const registered = lookupRegisteredTheme(id);
+  if (registered) return registered;
+  if (id && id in THEMES) return THEMES[id];
+  return DEFAULT_THEME;
+}
+function getAvailableThemes() {
+  return Object.keys(THEMES);
+}
+function getThemeSummaries() {
+  return Object.values(THEMES).map((t) => ({
+    id: t.id,
+    name: t.name,
+    description: t.description
+  }));
+}
+
+// src/schemas/fontStacks.ts
+var AVAILABLE_FONT_STACKS = [
+  // System defaults
+  {
+    id: "system-sans",
+    label: "System Sans",
+    family: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
+    kind: "sans"
+  },
+  {
+    id: "system-serif",
+    label: "System Serif",
+    family: 'Georgia, "Times New Roman", serif',
+    kind: "serif"
+  },
+  {
+    id: "system-mono",
+    label: "System Mono",
+    family: 'Consolas, "Courier New", monospace',
+    kind: "mono"
+  },
+  // Curated Google Fonts. `googleFontFamily` is the canonical family
+  // name Google serves the face under (used by exports that emit a
+  // `<link rel="stylesheet" href="https://fonts.googleapis.com/...">`
+  // so the face renders even when the host doesn't preload it).
+  {
+    id: "inter",
+    label: "Inter",
+    family: '"Inter", "Segoe UI", Roboto, sans-serif',
+    kind: "sans",
+    googleFontFamily: "Inter"
+  },
+  {
+    id: "ibm-plex-sans",
+    label: "IBM Plex Sans",
+    family: '"IBM Plex Sans", "Segoe UI", Roboto, sans-serif',
+    kind: "sans",
+    googleFontFamily: "IBM Plex Sans"
+  },
+  {
+    id: "roboto",
+    label: "Roboto",
+    family: '"Roboto", "Segoe UI", Arial, sans-serif',
+    kind: "sans",
+    googleFontFamily: "Roboto"
+  },
+  {
+    id: "dm-sans",
+    label: "DM Sans",
+    family: '"DM Sans", "Segoe UI", Roboto, sans-serif',
+    kind: "sans",
+    googleFontFamily: "DM Sans"
+  },
+  {
+    id: "oswald",
+    label: "Oswald",
+    family: '"Oswald", Impact, "Arial Black", sans-serif',
+    kind: "display",
+    googleFontFamily: "Oswald"
+  },
+  {
+    id: "playfair",
+    label: "Playfair Display",
+    family: '"Playfair Display", Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "Playfair Display"
+  },
+  {
+    id: "source-serif",
+    label: "Source Serif",
+    family: '"Source Serif 4", "PT Serif", Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "Source Serif 4"
+  },
+  {
+    id: "merriweather",
+    label: "Merriweather",
+    family: '"Merriweather", Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "Merriweather"
+  },
+  {
+    id: "lora",
+    label: "Lora",
+    family: '"Lora", "Merriweather", Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "Lora"
+  },
+  {
+    id: "pt-serif",
+    label: "PT Serif",
+    family: '"PT Serif", Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "PT Serif"
+  },
+  {
+    id: "crimson",
+    label: "Crimson Text",
+    family: '"Crimson Text", Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "Crimson Text"
+  },
+  {
+    id: "cormorant",
+    label: "Cormorant Garamond",
+    family: '"Cormorant Garamond", Garamond, Georgia, serif',
+    kind: "serif",
+    googleFontFamily: "Cormorant Garamond"
+  },
+  {
+    id: "dm-serif",
+    label: "DM Serif Display",
+    family: '"DM Serif Display", Georgia, serif',
+    kind: "display",
+    googleFontFamily: "DM Serif Display"
+  },
+  {
+    id: "jetbrains-mono",
+    label: "JetBrains Mono",
+    family: '"JetBrains Mono", "Fira Code", Consolas, monospace',
+    kind: "mono",
+    googleFontFamily: "JetBrains Mono"
+  },
+  // Themed system stacks with emoji fallbacks (used by gezellig)
+  {
+    id: "system-sans-emoji",
+    label: "System Sans + Emoji",
+    family: 'system-ui, -apple-system, "Segoe UI", Roboto, "OpenMoji Color", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif',
+    kind: "sans"
+  },
+  {
+    id: "system-serif-emoji",
+    label: "System Serif + Emoji",
+    family: 'Georgia, "Times New Roman", "OpenMoji Color", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif',
+    kind: "serif"
+  }
+];
+var STACKS_BY_ID = Object.fromEntries(
+  AVAILABLE_FONT_STACKS.map((s) => [s.id, s])
+);
+function getFontStack(id) {
+  return STACKS_BY_ID[id];
+}
+var FALLBACK_BY_KIND = {
+  sans: "system-ui, sans-serif",
+  serif: "Georgia, serif",
+  mono: "Consolas, monospace",
+  display: "Impact, Arial, sans-serif"
+};
+function resolveFontFamily(family, roleFallback) {
+  if (!family) return roleFallback;
+  if (typeof family === "string") return family;
+  if ("stackId" in family) {
+    const stack = STACKS_BY_ID[family.stackId];
+    return stack ? stack.family : roleFallback;
+  }
+  if ("custom" in family) {
+    const { name, fallback } = family.custom;
+    const fb = fallback === "system-ui" ? "system-ui, sans-serif" : fallback === "serif" ? "Georgia, serif" : fallback === "monospace" ? "Consolas, monospace" : "system-ui, sans-serif";
+    const safeName = name.includes(" ") || name.includes(",") ? `"${name}"` : name;
+    return `${safeName}, ${fb}`;
+  }
+  return roleFallback;
+}
+function fontStack(id) {
+  return { stackId: id };
+}
+function buildGoogleFontsUrl(families) {
+  const names = /* @__PURE__ */ new Set();
+  for (const f of families) {
+    if (!f || typeof f === "string") continue;
+    if ("stackId" in f) {
+      const stack = STACKS_BY_ID[f.stackId];
+      if (stack?.googleFontFamily) names.add(stack.googleFontFamily);
+    }
+  }
+  if (names.size === 0) return null;
+  const params = Array.from(names).sort().map((name) => `family=${encodeURIComponent(name).replace(/%20/g, "+")}:wght@400;700`).join("&");
+  return `https://fonts.googleapis.com/css2?${params}&display=swap`;
+}
+var FONT_FALLBACKS = FALLBACK_BY_KIND;
+
+export {
+  THEME_SCHEMA_VERSION,
+  createTheme,
+  LIGHT_SURFACE,
+  DARK_SURFACE,
+  applySurface,
+  registerTheme,
+  unregisterTheme,
+  getRegisteredThemes,
+  lookupRegisteredTheme,
+  isHex,
+  oklchLighten,
+  oklchDarken,
+  oklchSetChroma,
+  relativeLuminance,
+  contrastRatio,
+  pickContrastingText,
+  deriveScale,
+  validateTheme,
+  assertTheme,
+  THEMES,
+  DEFAULT_THEME_ID,
+  DEFAULT_THEME,
+  resolveTheme,
+  getAvailableThemes,
+  getThemeSummaries,
+  AVAILABLE_FONT_STACKS,
+  getFontStack,
+  resolveFontFamily,
+  fontStack,
+  buildGoogleFontsUrl,
+  FONT_FALLBACKS
+};
+//# sourceMappingURL=chunk-B4EEON3N.js.map