@dreamtree-org/landing-kit 0.5.0 → 0.6.0

package/dist/schema.cjs

@@ -0,0 +1,728 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/schema/index.js
+var index_exports = {};
+__export(index_exports, {
+  DEFAULT_THEME: () => DEFAULT_THEME,
+  FONT_PAIRS: () => FONT_PAIRS,
+  ICON_NAMES: () => ICON_NAMES,
+  MAX_SECTIONS: () => MAX_SECTIONS,
+  MODES: () => MODES,
+  PAGE_VERSION: () => PAGE_VERSION,
+  PALETTE_STEPS: () => PALETTE_STEPS,
+  RADII: () => RADII,
+  SECTION_TYPES: () => SECTION_TYPES,
+  SECTION_TYPE_KEYS: () => SECTION_TYPE_KEYS,
+  THEME_PRESETS: () => THEME_PRESETS,
+  brandPalette: () => brandPalette,
+  contrastRatio: () => contrastRatio,
+  defaultPage: () => defaultPage,
+  hexToOklch: () => hexToOklch,
+  isHex: () => isHex,
+  luminance: () => luminance,
+  newSection: () => newSection,
+  newSectionId: () => newSectionId,
+  oklchToHex: () => oklchToHex,
+  readableOn: () => readableOn,
+  safeHref: () => safeHref,
+  sanitizeRichText: () => sanitizeRichText,
+  sectionDefaults: () => sectionDefaults,
+  themeVars: () => themeVars,
+  validatePage: () => validatePage,
+  validateTheme: () => validateTheme
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/schema/sections.js
+var ICON_NAMES = [
+  "shield-check",
+  "badge-check",
+  "truck",
+  "wrench",
+  "refresh",
+  "battery",
+  "cpu",
+  "laptop",
+  "star",
+  "headset",
+  "rupee",
+  "award",
+  "clock",
+  "map-pin",
+  "phone",
+  "check",
+  "sparkles",
+  "tag",
+  "gift",
+  "heart"
+];
+var TONES = [
+  { value: "plain", label: "Plain" },
+  { value: "tinted", label: "Brand tint" },
+  { value: "muted", label: "Muted" },
+  { value: "dark", label: "Dark" }
+];
+var tone = (d = "plain") => ({ key: "tone", kind: "select", label: "Background", options: TONES, default: d });
+var title = (d = "", max = 90) => ({ key: "title", kind: "text", label: "Heading", max, default: d });
+var intro = { key: "intro", kind: "textarea", label: "Intro", max: 240, default: "" };
+var ctaLabel = { key: "cta_label", kind: "text", label: "Button text", max: 30, default: "" };
+var ctaHref = { key: "cta_href", kind: "url", label: "Button link", default: "" };
+var SECTION_TYPES = {
+  hero_slider: {
+    label: "Hero slider",
+    description: "Full-width slides with an image, heading, text and a button.",
+    fields: [
+      {
+        key: "slides",
+        kind: "list",
+        label: "Slides",
+        min: 1,
+        max: 6,
+        itemLabel: "heading",
+        of: [
+          { key: "image", kind: "image", label: "Image (wide, 16:7)", default: null },
+          { key: "mobile_image", kind: "image", label: "Phone image (4:5, optional)", default: null },
+          { key: "eyebrow", kind: "text", label: "Small label above", max: 60, default: "" },
+          { key: "heading", kind: "text", label: "Heading", max: 90, required: true, default: "Your headline" },
+          { key: "text", kind: "textarea", label: "Text", max: 220, default: "" },
+          ctaLabel,
+          ctaHref,
+          { key: "align", kind: "select", label: "Text position", options: [{ value: "start", label: "Left" }, { value: "center", label: "Centre" }], default: "start" },
+          { key: "overlay", kind: "select", label: "Darken image", options: [{ value: "none", label: "None" }, { value: "light", label: "Light" }, { value: "strong", label: "Strong" }], default: "light" }
+        ],
+        default: [{ heading: "Your headline" }]
+      },
+      { key: "height", kind: "select", label: "Height", options: [{ value: "compact", label: "Compact" }, { value: "standard", label: "Standard" }, { value: "tall", label: "Tall" }], default: "standard" },
+      { key: "autoplay", kind: "bool", label: "Move to the next slide automatically", default: true },
+      { key: "interval", kind: "select", label: "Seconds per slide", options: [{ value: "4", label: "4" }, { value: "6", label: "6" }, { value: "8", label: "8" }], default: "6" }
+    ]
+  },
+  featured: {
+    label: "Featured products",
+    description: "The store's newest products (filled in by the app).",
+    slot: true,
+    fields: [title("Featured"), intro, { key: "limit", kind: "select", label: "How many", options: [{ value: "4", label: "4" }, { value: "8", label: "8" }, { value: "12", label: "12" }], default: "8" }, tone()]
+  },
+  categories: {
+    label: "Shop by category",
+    description: "Category tiles (filled in by the app).",
+    slot: true,
+    fields: [title("Shop by category"), tone()]
+  },
+  promo_banner: {
+    label: "Promo banner",
+    description: "A highlighted offer with an optional image and button.",
+    fields: [
+      { key: "eyebrow", kind: "text", label: "Small label above", max: 60, default: "" },
+      { key: "heading", kind: "text", label: "Heading", max: 90, required: true, default: "Festive offer" },
+      { key: "text", kind: "textarea", label: "Text", max: 240, default: "" },
+      ctaLabel,
+      ctaHref,
+      { key: "image", kind: "image", label: "Image (optional)", default: null },
+      { key: "style", kind: "select", label: "Style", options: [{ value: "brand", label: "Brand colour" }, { value: "accent", label: "Accent colour" }, { value: "dark", label: "Dark" }], default: "brand" }
+    ]
+  },
+  trust_badges: {
+    label: "Trust badges",
+    description: "Why buy from you: icon, title and a line each.",
+    fields: [
+      title("Why buy from us"),
+      intro,
+      {
+        key: "items",
+        kind: "list",
+        label: "Badges",
+        min: 1,
+        max: 8,
+        itemLabel: "title",
+        of: [
+          { key: "icon", kind: "icon", label: "Icon", default: "shield-check" },
+          { key: "title", kind: "text", label: "Title", max: 50, required: true, default: "Inspected and graded" },
+          { key: "text", kind: "textarea", label: "Text", max: 140, default: "" }
+        ],
+        default: [{ title: "Inspected and graded" }]
+      },
+      tone()
+    ]
+  },
+  cta_cards: {
+    label: "Action cards",
+    description: "Two to four cards that each lead somewhere (repairs, sell your laptop\u2026).",
+    fields: [
+      title("", 90),
+      {
+        key: "items",
+        kind: "list",
+        label: "Cards",
+        min: 1,
+        max: 4,
+        itemLabel: "title",
+        of: [
+          { key: "icon", kind: "icon", label: "Icon", default: "wrench" },
+          { key: "title", kind: "text", label: "Title", max: 50, required: true, default: "Book a repair" },
+          { key: "text", kind: "textarea", label: "Text", max: 140, default: "" },
+          { key: "cta_label", kind: "text", label: "Link text", max: 30, default: "Learn more" },
+          { key: "cta_href", kind: "url", label: "Link", required: true, default: "/" }
+        ],
+        default: [{ title: "Book a repair", cta_href: "/" }]
+      },
+      tone()
+    ]
+  },
+  testimonials: {
+    label: "Testimonials",
+    description: "What customers say.",
+    fields: [
+      title("What customers say"),
+      {
+        key: "items",
+        kind: "list",
+        label: "Quotes",
+        min: 1,
+        max: 12,
+        itemLabel: "name",
+        of: [
+          { key: "quote", kind: "textarea", label: "Quote", max: 400, required: true, default: "Great service." },
+          { key: "name", kind: "text", label: "Name", max: 60, required: true, default: "A happy customer" },
+          { key: "detail", kind: "text", label: "Detail (city, purchase)", max: 80, default: "" },
+          { key: "rating", kind: "select", label: "Stars", options: ["5", "4", "3", "2", "1"].map((v) => ({ value: v, label: v })), default: "5" }
+        ],
+        default: [{ quote: "Great service.", name: "A happy customer" }]
+      },
+      tone("muted")
+    ]
+  },
+  faq: {
+    label: "FAQ",
+    description: "Questions and answers (also used for search snippets).",
+    fields: [
+      title("Frequently asked questions"),
+      intro,
+      {
+        key: "items",
+        kind: "list",
+        label: "Questions",
+        min: 1,
+        max: 20,
+        itemLabel: "q",
+        of: [
+          { key: "q", kind: "text", label: "Question", max: 160, required: true, default: "A question?" },
+          { key: "a", kind: "textarea", label: "Answer", max: 800, required: true, default: "The answer." }
+        ],
+        default: [{ q: "A question?", a: "The answer." }]
+      },
+      tone("muted")
+    ]
+  },
+  rich_text: {
+    label: "Text",
+    description: "Free text with headings, lists and links.",
+    fields: [title("", 90), { key: "html", kind: "richtext", label: "Text", max: 8e3, default: "<p>Write something about your store.</p>" }, { key: "width", kind: "select", label: "Width", options: [{ value: "narrow", label: "Narrow" }, { value: "wide", label: "Wide" }], default: "narrow" }, tone()]
+  },
+  usp_strip: {
+    label: "Highlights strip",
+    description: "A short row of selling points under the hero.",
+    fields: [
+      {
+        key: "items",
+        kind: "list",
+        label: "Highlights",
+        min: 2,
+        max: 6,
+        itemLabel: "title",
+        of: [
+          { key: "icon", kind: "icon", label: "Icon", default: "check" },
+          { key: "title", kind: "text", label: "Title", max: 40, required: true, default: "Free delivery" },
+          { key: "text", kind: "text", label: "Line", max: 80, default: "" }
+        ],
+        default: [{ title: "Free delivery" }, { title: "Warranty included" }]
+      },
+      tone("tinted")
+    ]
+  },
+  brand_strip: {
+    label: "Brands we sell",
+    description: "Brand names or logos.",
+    fields: [
+      title("Brands we sell"),
+      {
+        key: "items",
+        kind: "list",
+        label: "Brands",
+        min: 1,
+        max: 16,
+        itemLabel: "name",
+        of: [
+          { key: "name", kind: "text", label: "Brand", max: 40, required: true, default: "Brand" },
+          { key: "logo", kind: "image", label: "Logo (optional)", default: null }
+        ],
+        default: [{ name: "Brand" }]
+      },
+      tone()
+    ]
+  },
+  newsletter: {
+    label: "Newsletter sign-up",
+    description: "Email sign-up with consent; the app decides where it goes.",
+    fields: [
+      { key: "title", kind: "text", label: "Heading", max: 90, required: true, default: "Get new arrivals first" },
+      { key: "text", kind: "textarea", label: "Text", max: 200, default: "" },
+      { key: "button_label", kind: "text", label: "Button text", max: 30, required: true, default: "Subscribe" },
+      { key: "consent_text", kind: "text", label: "Consent line", max: 160, required: true, default: "I agree to receive emails from this store. I can unsubscribe any time." },
+      { key: "success_text", kind: "text", label: "Thank-you message", max: 120, default: "Thanks! You are on the list." },
+      tone("tinted")
+    ]
+  },
+  gallery: {
+    label: "Gallery",
+    description: "Photos of your store, workshop or products.",
+    fields: [
+      title("Inside our store"),
+      {
+        key: "items",
+        kind: "list",
+        label: "Photos",
+        min: 1,
+        max: 12,
+        itemLabel: "caption",
+        of: [
+          { key: "image", kind: "image", label: "Photo", required: true, default: null },
+          { key: "caption", kind: "text", label: "Caption", max: 100, default: "" }
+        ],
+        default: []
+      },
+      { key: "columns", kind: "select", label: "Columns", options: [{ value: "2", label: "2" }, { value: "3", label: "3" }, { value: "4", label: "4" }], default: "3" },
+      tone()
+    ]
+  }
+};
+var SECTION_TYPE_KEYS = Object.keys(SECTION_TYPES);
+var PAGE_VERSION = 1;
+var MAX_SECTIONS = 20;
+function sectionDefaults(type) {
+  const def = SECTION_TYPES[type];
+  if (!def) throw new Error(`Unknown section type "${type}"`);
+  const fill = (fields2) => Object.fromEntries(fields2.map((f) => [f.key, f.kind === "list" ? (f.default || []).map((item) => ({ ...fill(f.of), ...item })) : f.default]));
+  return fill(def.fields);
+}
+var seq = 0;
+function newSectionId(type) {
+  seq = (seq + 1) % 1e6;
+  return `${type.replace(/_/g, "-").slice(0, 12)}-${Date.now().toString(36).slice(-4)}${seq.toString(36)}`;
+}
+function newSection(type) {
+  return { id: newSectionId(type), type, enabled: true, props: sectionDefaults(type) };
+}
+
+// src/schema/richtext.js
+var ALLOWED = /* @__PURE__ */ new Set(["p", "br", "h2", "h3", "h4", "strong", "b", "em", "i", "u", "ul", "ol", "li", "a", "blockquote"]);
+var VOID = /* @__PURE__ */ new Set(["br"]);
+var DROP_WITH_CONTENT = /<(script|style|iframe|object|embed|template|noscript|svg|math|textarea|select|title|head)\b[\s\S]*?<\/\1\s*>/gi;
+var TAG = /<!--[\s\S]*?-->|<\/?([a-zA-Z][a-zA-Z0-9]*)\b([^>]*)>/g;
+var escapeText = (s) => s.replace(/&(?!(?:[a-z][a-z0-9]{1,31}|#\d{1,7}|#x[0-9a-f]{1,6});)/gi, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var escapeAttr = (s) => s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var decode = (s) => s.replace(/&(amp|quot|#39|lt|gt|#x[0-9a-f]+|#\d+);/gi, (m, e) => {
+  const k = e.toLowerCase();
+  if (k === "amp") return "&";
+  if (k === "quot") return '"';
+  if (k === "#39") return "'";
+  if (k === "lt") return "<";
+  if (k === "gt") return ">";
+  const code = k.startsWith("#x") ? parseInt(k.slice(2), 16) : parseInt(k.slice(1), 10);
+  return Number.isFinite(code) && code < 1114112 ? String.fromCodePoint(code) : "";
+});
+function safeHref(raw) {
+  const v = decode(String(raw || "")).replace(/[\u0000- \u007f-\u009f]/g, "");
+  if (!v) return null;
+  if (/^(https?:\/\/|mailto:|tel:)/i.test(v)) return v;
+  if (/^\/(?!\/)/.test(v) || v.startsWith("#")) return v;
+  return null;
+}
+function hrefOf(attrs) {
+  var _a, _b;
+  const m = /\bhref\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i.exec(attrs);
+  return m ? safeHref((_b = (_a = m[1]) != null ? _a : m[2]) != null ? _b : m[3]) : null;
+}
+function sanitizeRichText(html, { maxLength = 2e4 } = {}) {
+  const src = String(html == null ? "" : html).slice(0, maxLength * 4).replace(/<[a-zA-Z/!][^>]*$/, "").replace(DROP_WITH_CONTENT, "");
+  let out = "";
+  let last = 0;
+  for (const m of src.matchAll(TAG)) {
+    out += escapeText(src.slice(last, m.index));
+    last = m.index + m[0].length;
+    const name = (m[1] || "").toLowerCase();
+    if (!name || !ALLOWED.has(name)) continue;
+    const closing = m[0][1] === "/";
+    if (closing) {
+      if (!VOID.has(name)) out += `</${name}>`;
+    } else if (name === "a") {
+      const href = hrefOf(m[2] || "");
+      out += href ? `<a href="${escapeAttr(href)}" rel="nofollow noopener noreferrer">` : "<a>";
+    } else {
+      out += `<${name}>`;
+    }
+  }
+  out += escapeText(src.slice(last));
+  return out.length > maxLength ? out.slice(0, maxLength).replace(/<[^>]*$/, "") : out;
+}
+
+// src/schema/validate.js
+var ID_RE = /^[a-z0-9][a-z0-9-]{0,39}$/;
+var MEDIA_RE = /^[A-Za-z0-9_-]{1,64}$/;
+var CONTROL = /[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/g;
+function field(f, value, path, errors) {
+  var _a, _b, _c, _d;
+  const absent = value === void 0 || value === null;
+  const missing = absent || value === "";
+  switch (f.kind) {
+    case "text":
+    case "textarea": {
+      let v = absent ? (_a = f.default) != null ? _a : "" : value;
+      if (typeof v !== "string") {
+        errors.push({ path, message: "must be text" });
+        return (_b = f.default) != null ? _b : "";
+      }
+      v = v.replace(CONTROL, "");
+      v = f.kind === "text" ? v.replace(/\s+/g, " ").trim() : v.trim();
+      if (f.max && v.length > f.max) errors.push({ path, message: `must be at most ${f.max} characters` });
+      if (f.required && !v) errors.push({ path, message: "is required" });
+      return v.slice(0, f.max || v.length);
+    }
+    case "url": {
+      if (missing) {
+        if (f.required) errors.push({ path, message: "is required" });
+        return "";
+      }
+      const v = typeof value === "string" ? safeHref(value.trim()) : null;
+      if (!v || v.length > 500) {
+        errors.push({ path, message: "must be a page on this site (/\u2026), a full https:// address, mailto: or tel:" });
+        return "";
+      }
+      return v;
+    }
+    case "image": {
+      if (missing) {
+        if (f.required) errors.push({ path, message: "is required" });
+        return null;
+      }
+      if (typeof value !== "object" || !MEDIA_RE.test(String((_c = value.media_id) != null ? _c : ""))) {
+        errors.push({ path, message: "must be an uploaded image" });
+        return null;
+      }
+      return { media_id: typeof value.media_id === "number" ? value.media_id : String(value.media_id), alt: String((_d = value.alt) != null ? _d : "").replace(CONTROL, "").slice(0, 120) };
+    }
+    case "icon": {
+      const v = absent ? f.default : value;
+      if (!ICON_NAMES.includes(v)) {
+        errors.push({ path, message: `must be one of the icon names (${ICON_NAMES.slice(0, 4).join(", ")}\u2026)` });
+        return f.default;
+      }
+      return v;
+    }
+    case "select": {
+      const v = missing ? f.default : String(value);
+      if (!f.options.some((o) => o.value === v)) {
+        errors.push({ path, message: `must be one of ${f.options.map((o) => o.value).join(", ")}` });
+        return f.default;
+      }
+      return v;
+    }
+    case "bool":
+      if (missing) return f.default;
+      if (typeof value !== "boolean") {
+        errors.push({ path, message: "must be true or false" });
+        return f.default;
+      }
+      return value;
+    case "richtext": {
+      const raw = absent ? f.default : value;
+      if (typeof raw !== "string") {
+        errors.push({ path, message: "must be text" });
+        return f.default;
+      }
+      if (f.max && raw.length > f.max * 2) errors.push({ path, message: `must be at most ${f.max} characters` });
+      return sanitizeRichText(raw, { maxLength: f.max });
+    }
+    case "list": {
+      const arr = absent ? f.default || [] : value;
+      if (!Array.isArray(arr)) {
+        errors.push({ path, message: "must be a list" });
+        return [];
+      }
+      if (f.min && arr.length < f.min) errors.push({ path, message: `needs at least ${f.min}` });
+      if (f.max && arr.length > f.max) errors.push({ path, message: `can have at most ${f.max}` });
+      return arr.slice(0, f.max || arr.length).map((item, i) => fields(f.of, item, `${path}[${i}]`, errors));
+    }
+    default:
+      throw new Error(`Unknown field kind "${f.kind}" (${path})`);
+  }
+}
+function fields(defs, obj, path, errors) {
+  const src = obj && typeof obj === "object" && !Array.isArray(obj) ? obj : {};
+  if (obj != null && src !== obj) errors.push({ path, message: "must be an object" });
+  return Object.fromEntries(defs.map((f) => [f.key, field(f, Object.prototype.hasOwnProperty.call(src, f.key) ? src[f.key] : void 0, `${path}.${f.key}`, errors)]));
+}
+function validatePage(input) {
+  const errors = [];
+  const doc = input && typeof input === "object" && !Array.isArray(input) ? input : null;
+  if (!doc) return { ok: false, errors: [{ path: "page", message: "must be an object" }], page: { version: PAGE_VERSION, sections: [] } };
+  if (doc.version != null && doc.version !== PAGE_VERSION) errors.push({ path: "version", message: `must be ${PAGE_VERSION}` });
+  const list = Array.isArray(doc.sections) ? doc.sections : [];
+  if (!Array.isArray(doc.sections)) errors.push({ path: "sections", message: "must be a list" });
+  if (list.length > MAX_SECTIONS) errors.push({ path: "sections", message: `can have at most ${MAX_SECTIONS}` });
+  const seen = /* @__PURE__ */ new Set();
+  const sections = [];
+  list.slice(0, MAX_SECTIONS).forEach((s, i) => {
+    var _a, _b;
+    const path = `sections[${i}]`;
+    if (!s || typeof s !== "object") {
+      errors.push({ path, message: "must be an object" });
+      return;
+    }
+    const def = SECTION_TYPES[s.type];
+    if (!def) {
+      errors.push({ path: `${path}.type`, message: `unknown section type "${s.type}"` });
+      return;
+    }
+    const id = String((_a = s.id) != null ? _a : "");
+    if (!ID_RE.test(id)) errors.push({ path: `${path}.id`, message: "must be 1\u201340 lowercase letters, digits or dashes" });
+    else if (seen.has(id)) errors.push({ path: `${path}.id`, message: `duplicate id "${id}"` });
+    seen.add(id);
+    const enabled = s.enabled === void 0 ? true : s.enabled;
+    if (typeof enabled !== "boolean") errors.push({ path: `${path}.enabled`, message: "must be true or false" });
+    sections.push({ id, type: s.type, enabled: enabled !== false, props: fields(def.fields, (_b = s.props) != null ? _b : {}, `${path}.props`, errors) });
+  });
+  return { ok: errors.length === 0, errors, page: { version: PAGE_VERSION, sections } };
+}
+function defaultPage({ name = "Our store", tagline = "" } = {}) {
+  const hero = sectionDefaults("hero_slider");
+  hero.slides = [{ ...hero.slides[0], heading: String(name).slice(0, 90), text: String(tagline || "").slice(0, 220), cta_label: "Shop now", cta_href: "/" }];
+  return validatePage({
+    version: PAGE_VERSION,
+    sections: [
+      { id: "hero", type: "hero_slider", props: { ...hero, autoplay: false } },
+      { id: "featured", type: "featured", props: sectionDefaults("featured") },
+      { id: "categories", type: "categories", props: sectionDefaults("categories") }
+    ]
+  }).page;
+}
+
+// src/schema/color.js
+var HEX_RE = /^#([0-9a-f]{6})$/i;
+var isHex = (v) => typeof v === "string" && HEX_RE.test(v);
+function hexToRgb(hex) {
+  const m = HEX_RE.exec(String(hex || ""));
+  if (!m) throw new Error(`Not a #rrggbb colour: ${hex}`);
+  const n = parseInt(m[1], 16);
+  return [n >> 16 & 255, n >> 8 & 255, n & 255];
+}
+function rgbToHex([r, g, b]) {
+  const c = (x) => Math.round(Math.min(255, Math.max(0, x))).toString(16).padStart(2, "0");
+  return `#${c(r)}${c(g)}${c(b)}`;
+}
+var toLinear = (c) => {
+  const x = c / 255;
+  return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
+};
+var fromLinear = (x) => 255 * (x <= 31308e-7 ? 12.92 * x : 1.055 * x ** (1 / 2.4) - 0.055);
+function hexToOklch(hex) {
+  const [r, g, b] = hexToRgb(hex).map(toLinear);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  return { l: L, c: Math.hypot(A, B), h: Math.atan2(B, A) * 180 / Math.PI };
+}
+function oklchToLinear({ l, c, h }) {
+  const a = c * Math.cos(h * Math.PI / 180);
+  const b = c * Math.sin(h * Math.PI / 180);
+  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return [
+    4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,
+    -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,
+    -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_
+  ];
+}
+var inGamut = (rgb) => rgb.every((x) => x >= -1e-4 && x <= 1 + 1e-4);
+function oklchToHex({ l, c, h }) {
+  let lo = 0;
+  let hi = c;
+  let rgb = oklchToLinear({ l, c, h });
+  if (!inGamut(rgb)) {
+    for (let i = 0; i < 24; i += 1) {
+      const mid = (lo + hi) / 2;
+      if (inGamut(oklchToLinear({ l, c: mid, h }))) lo = mid;
+      else hi = mid;
+    }
+    rgb = oklchToLinear({ l, c: lo, h });
+  }
+  return rgbToHex(rgb.map((x) => fromLinear(Math.min(1, Math.max(0, x)))));
+}
+var PALETTE_STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var LIGHTNESS = { 50: 0.975, 100: 0.945, 200: 0.89, 300: 0.81, 400: 0.71, 500: 0.62, 700: 0.46, 800: 0.39, 900: 0.32, 950: 0.24 };
+var CHROMA = { 50: 0.18, 100: 0.32, 200: 0.55, 300: 0.78, 400: 0.92, 500: 1, 700: 0.92, 800: 0.82, 900: 0.7, 950: 0.58 };
+function brandPalette(hex) {
+  const base = hexToOklch(hex);
+  const out = { 600: rgbToHex(hexToRgb(hex)) };
+  for (const step of PALETTE_STEPS) {
+    if (step === 600) continue;
+    const l = step < 600 ? Math.max(LIGHTNESS[step], Math.min(0.985, base.l + (0.985 - base.l) * ((600 - step) / 600))) : Math.min(LIGHTNESS[step], Math.max(0.12, base.l - base.l * 0.6 * ((step - 600) / 350)));
+    out[step] = oklchToHex({ l, c: base.c * CHROMA[step], h: base.h });
+  }
+  return Object.fromEntries(PALETTE_STEPS.map((s) => [s, out[s]]));
+}
+function luminance(hex) {
+  const [r, g, b] = hexToRgb(hex).map(toLinear);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function contrastRatio(a, b) {
+  const [x, y] = [luminance(a), luminance(b)].sort((p, q) => q - p);
+  return (x + 0.05) / (y + 0.05);
+}
+function readableOn(hex) {
+  return contrastRatio(hex, "#ffffff") >= contrastRatio(hex, "#101828") ? "#ffffff" : "#101828";
+}
+
+// src/schema/theme.js
+var FONT_PAIRS = {
+  system: { label: "System (fastest)", heading: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", body: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", href: null },
+  inter: { label: "Inter", heading: "Inter, ui-sans-serif, system-ui, sans-serif", body: "Inter, ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" },
+  poppins: { label: "Poppins + Inter", heading: "Poppins, ui-sans-serif, system-ui, sans-serif", body: "Inter, ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" },
+  dmsans: { label: "DM Sans", heading: "'DM Sans', ui-sans-serif, system-ui, sans-serif", body: "'DM Sans', ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" },
+  nunito: { label: "Nunito (rounded)", heading: "Nunito, ui-rounded, ui-sans-serif, system-ui, sans-serif", body: "Nunito, ui-rounded, ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&display=swap" },
+  serif: { label: "Merriweather + Source Sans", heading: "Merriweather, Georgia, 'Times New Roman', serif", body: "'Source Sans 3', ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Source+Sans+3:wght@400;600&display=swap" }
+};
+var RADII = { none: ["0", "0"], sm: ["0.375rem", "0.5rem"], md: ["0.75rem", "1rem"], lg: ["1rem", "1.5rem"], full: ["1.5rem", "2rem"] };
+var MODES = ["light", "dark", "auto"];
+var THEME_PRESETS = {
+  classic: { label: "Classic blue", primary: "#2563eb", accent: "#f59e0b", font: "inter", radius: "md", mode: "light" },
+  forest: { label: "Forest", primary: "#15803d", accent: "#ca8a04", font: "dmsans", radius: "lg", mode: "light" },
+  sunset: { label: "Sunset", primary: "#c2410c", accent: "#0369a1", font: "poppins", radius: "md", mode: "light" },
+  midnight: { label: "Midnight", primary: "#4338ca", accent: "#0891b2", font: "inter", radius: "lg", mode: "dark" },
+  slate: { label: "Minimal slate", primary: "#334155", accent: "#0f766e", font: "system", radius: "sm", mode: "light" },
+  berry: { label: "Berry", primary: "#be185d", accent: "#6d28d9", font: "nunito", radius: "full", mode: "light" }
+};
+var { label: _classicLabel, ...classic } = THEME_PRESETS.classic;
+var DEFAULT_THEME = { preset: "classic", ...classic, logo: null, favicon: null };
+var mediaRef = (v, path, errors, { alt = false } = {}) => {
+  if (v == null || v === "") return null;
+  if (typeof v !== "object" || v.media_id == null || !/^[A-Za-z0-9_-]{1,64}$/.test(String(v.media_id))) {
+    errors.push({ path, message: "must be an uploaded image" });
+    return null;
+  }
+  const ref = { media_id: typeof v.media_id === "number" ? v.media_id : String(v.media_id) };
+  if (alt) ref.alt = String(v.alt == null ? "" : v.alt).slice(0, 120);
+  return ref;
+};
+function validateTheme(input) {
+  const errors = [];
+  const warnings = [];
+  const t = input && typeof input === "object" && !Array.isArray(input) ? input : {};
+  if (input != null && t !== input) errors.push({ path: "theme", message: "must be an object" });
+  const preset = t.preset == null || t.preset === "" ? null : String(t.preset);
+  if (preset && !THEME_PRESETS[preset] && preset !== "custom") errors.push({ path: "preset", message: `must be one of ${Object.keys(THEME_PRESETS).join(", ")} or custom` });
+  const base = preset && THEME_PRESETS[preset] || THEME_PRESETS.classic;
+  const color = (key) => {
+    const v = t[key] == null || t[key] === "" ? base[key] : String(t[key]).toLowerCase();
+    if (!isHex(v)) {
+      errors.push({ path: key, message: "must be a colour like #2563eb" });
+      return base[key];
+    }
+    return v;
+  };
+  const pick = (key, allowed, fallback) => {
+    const v = t[key] == null || t[key] === "" ? fallback : String(t[key]);
+    if (!allowed.includes(v)) {
+      errors.push({ path: key, message: `must be one of ${allowed.join(", ")}` });
+      return fallback;
+    }
+    return v;
+  };
+  const theme = {
+    preset: preset || "classic",
+    primary: color("primary"),
+    accent: color("accent"),
+    font: pick("font", Object.keys(FONT_PAIRS), base.font),
+    radius: pick("radius", Object.keys(RADII), base.radius),
+    mode: pick("mode", MODES, base.mode),
+    logo: mediaRef(t.logo, "logo", errors, { alt: true }),
+    favicon: mediaRef(t.favicon, "favicon", errors)
+  };
+  const onBrand = contrastRatio(theme.primary, readableOn(theme.primary));
+  if (onBrand < 4.5) warnings.push({ path: "primary", message: `Button text on this colour is hard to read (contrast ${onBrand.toFixed(1)}:1, needs 4.5:1).` });
+  const onPage = contrastRatio(theme.primary, "#ffffff");
+  if (onPage < 3) warnings.push({ path: "primary", message: `Links in this colour are hard to see on white (contrast ${onPage.toFixed(1)}:1, needs 3:1).` });
+  const accentText = contrastRatio(theme.accent, readableOn(theme.accent));
+  if (accentText < 4.5) warnings.push({ path: "accent", message: `Text on the accent colour is hard to read (contrast ${accentText.toFixed(1)}:1, needs 4.5:1).` });
+  return { ok: errors.length === 0, errors, warnings, theme };
+}
+function themeVars(input) {
+  const { theme } = validateTheme(input);
+  const font = FONT_PAIRS[theme.font];
+  const [radius, radiusLg] = RADII[theme.radius];
+  return {
+    theme,
+    font,
+    palette: { primary: brandPalette(theme.primary), accent: brandPalette(theme.accent) },
+    style: {
+      "--dt-brand": theme.primary,
+      "--dt-brand-accent": theme.accent,
+      "--dt-brand-contrast": readableOn(theme.primary),
+      "--dt-brand-accent-contrast": readableOn(theme.accent),
+      "--dt-lp-font": font.body,
+      "--dt-lp-font-heading": font.heading,
+      "--dt-lp-radius": radius,
+      "--dt-lp-radius-lg": radiusLg
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_THEME,
+  FONT_PAIRS,
+  ICON_NAMES,
+  MAX_SECTIONS,
+  MODES,
+  PAGE_VERSION,
+  PALETTE_STEPS,
+  RADII,
+  SECTION_TYPES,
+  SECTION_TYPE_KEYS,
+  THEME_PRESETS,
+  brandPalette,
+  contrastRatio,
+  defaultPage,
+  hexToOklch,
+  isHex,
+  luminance,
+  newSection,
+  newSectionId,
+  oklchToHex,
+  readableOn,
+  safeHref,
+  sanitizeRichText,
+  sectionDefaults,
+  themeVars,
+  validatePage,
+  validateTheme
+});