@webto-id/variant-check 0.1.0

package/dist/index.js

@@ -0,0 +1,2374 @@
+#!/usr/bin/env node
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// ../variant-compiler/src/ir.ts
+var COMPONENT_NAMES = ["Container", "Button", "EditUrlPill", "ViewMoreLink"];
+
+// ../variant-compiler/src/parse/parser.ts
+var ParseError = class extends Error {
+  constructor(message, line, code = "parse") {
+    super(message);
+    this.line = line;
+    this.code = code;
+  }
+  static {
+    __name(this, "ParseError");
+  }
+};
+var RAW_TEXT_TAGS = /* @__PURE__ */ new Set(["style", "script"]);
+var VOID_TAGS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "source", "track", "wbr"]);
+var BIN_PREC = {
+  "??": 1,
+  "||": 2,
+  "&&": 3,
+  "===": 6,
+  "!==": 6,
+  "==": 6,
+  "!=": 6,
+  "<": 7,
+  ">": 7,
+  "<=": 7,
+  ">=": 7,
+  "+": 8,
+  "-": 8,
+  "*": 9,
+  "/": 9,
+  "%": 9
+};
+var MULTI_OPS = ["?.", "??", "||", "&&", "===", "!==", "==", "!=", "<=", ">=", "=>"];
+var Parser = class {
+  constructor(src, lineOffset = 0) {
+    this.src = src;
+    this.lineOffset = lineOffset;
+  }
+  static {
+    __name(this, "Parser");
+  }
+  pos = 0;
+  styles = [];
+  scripts = [];
+  // ---------------------------------------------------------------- utils
+  lineAt(pos = this.pos) {
+    let line = 1;
+    for (let i = 0; i < pos && i < this.src.length; i++) if (this.src.charCodeAt(i) === 10) line++;
+    return line + this.lineOffset;
+  }
+  fail(msg, code = "parse") {
+    throw new ParseError(msg, this.lineAt(), code);
+  }
+  peek(n = 0) {
+    return this.src[this.pos + n] ?? "";
+  }
+  startsWith(s) {
+    return this.src.startsWith(s, this.pos);
+  }
+  eof() {
+    return this.pos >= this.src.length;
+  }
+  skipWs() {
+    for (; ; ) {
+      const c = this.peek();
+      if (c === " " || c === "\n" || c === "	" || c === "\r") {
+        this.pos++;
+      } else if (this.startsWith("//")) {
+        while (!this.eof() && this.peek() !== "\n") this.pos++;
+      } else if (this.startsWith("/*")) {
+        const end = this.src.indexOf("*/", this.pos + 2);
+        if (end < 0) this.fail("unterminated comment");
+        this.pos = end + 2;
+      } else return;
+    }
+  }
+  // ----------------------------------------------------------- template
+  /** Parse a whole template (children until EOF). */
+  parseTemplate() {
+    const root = this.parseChildren(null);
+    if (!this.eof()) this.fail(`unexpected '${this.peek()}'`);
+    return { root, styles: this.styles, scripts: this.scripts };
+  }
+  parseChildren(closeTag) {
+    const out = [];
+    let text = "";
+    const flush = /* @__PURE__ */ __name(() => {
+      if (text) {
+        out.push({ t: "txt", v: text });
+        text = "";
+      }
+    }, "flush");
+    while (!this.eof()) {
+      const c = this.peek();
+      if (c === "<") {
+        if (this.startsWith("<!--")) {
+          const end = this.src.indexOf("-->", this.pos);
+          if (end < 0) this.fail("unterminated HTML comment");
+          this.pos = end + 3;
+          continue;
+        }
+        if (this.startsWith("</")) {
+          flush();
+          const m = /^<\/\s*([A-Za-z][\w:.-]*)?\s*>/.exec(this.src.slice(this.pos));
+          if (!m) this.fail("malformed closing tag");
+          const name = m[1] ?? "";
+          if (closeTag === null) this.fail(`unexpected closing tag </${name}>`);
+          if (name !== closeTag) this.fail(`expected </${closeTag}> but found </${name}>`);
+          this.pos += m[0].length;
+          return out;
+        }
+        if (/[A-Za-z>]/.test(this.peek(1))) {
+          flush();
+          const nodes = this.parseElement();
+          out.push(...nodes);
+          continue;
+        }
+        text += c;
+        this.pos++;
+        continue;
+      }
+      if (c === "{") {
+        flush();
+        this.pos++;
+        this.skipWs();
+        if (this.peek() === "}") {
+          this.pos++;
+          continue;
+        }
+        const e = this.parseExpr();
+        this.skipWs();
+        if (this.peek() !== "}") this.fail("expected '}' after expression");
+        this.pos++;
+        out.push({ t: "ex", e });
+        continue;
+      }
+      if (c === "}") this.fail("unexpected '}' in template");
+      text += c;
+      this.pos++;
+    }
+    flush();
+    if (closeTag !== null) this.fail(`missing closing tag </${closeTag}>`);
+    return out;
+  }
+  /** Parses `<tag ...>…</tag>` at pos. Returns nodes (fragments flatten). */
+  parseElement() {
+    const startLine = this.lineAt();
+    if (!this.startsWith("<")) this.fail("expected '<'");
+    this.pos++;
+    if (this.peek() === ">") {
+      this.pos++;
+      return this.parseChildren("");
+    }
+    const m = /^[A-Za-z][\w:.-]*/.exec(this.src.slice(this.pos));
+    if (!m) this.fail("expected tag name");
+    const tag = m[0];
+    this.pos += tag.length;
+    const attrs = this.parseAttrs();
+    let selfClose = false;
+    this.skipWs();
+    if (this.startsWith("/>")) {
+      selfClose = true;
+      this.pos += 2;
+    } else if (this.peek() === ">") {
+      this.pos++;
+    } else this.fail(`malformed tag <${tag}>`);
+    const lower = tag.toLowerCase();
+    if (RAW_TEXT_TAGS.has(lower)) {
+      if (selfClose) this.fail(`<${tag}> cannot be self-closing`);
+      const close = new RegExp(`</${lower}\\s*>`, "i");
+      const rest = this.src.slice(this.pos);
+      const mm = close.exec(rest);
+      if (!mm) this.fail(`missing </${lower}>`);
+      const text = rest.slice(0, mm.index);
+      this.pos += mm.index + mm[0].length;
+      const raw = {};
+      for (const [k, v] of Object.entries(attrs)) raw[k] = typeof v === "string" || v === true ? v : "{expr}";
+      const block = { tag: lower, attrs: raw, text, line: startLine };
+      (lower === "style" ? this.styles : this.scripts).push(block);
+      return [];
+    }
+    const children = selfClose || VOID_TAGS.has(lower) ? [] : this.parseChildren(tag);
+    if (tag === "Fragment") return children;
+    if (/^[A-Z]/.test(tag)) {
+      if (!COMPONENT_NAMES.includes(tag)) {
+        throw new ParseError(`unknown component <${tag}>; allowed: ${COMPONENT_NAMES.join(", ")}`, startLine, "component");
+      }
+      return [{ t: "comp", name: tag, props: attrs, ch: children }];
+    }
+    return [{ t: "el", tag: lower, attrs, ch: children }];
+  }
+  parseAttrs() {
+    const attrs = {};
+    for (; ; ) {
+      this.skipWs();
+      const c = this.peek();
+      if (c === ">" || this.startsWith("/>") || this.eof()) return attrs;
+      if (c === "{") {
+        this.pos++;
+        this.skipWs();
+        if (this.startsWith("...")) this.fail("spread attributes are not allowed", "spread");
+        const m2 = /^[A-Za-z_$][\w$]*/.exec(this.src.slice(this.pos));
+        if (!m2) this.fail("bad shorthand attribute");
+        this.pos += m2[0].length;
+        this.skipWs();
+        if (this.peek() !== "}") this.fail("expected '}' after shorthand attribute");
+        this.pos++;
+        attrs[m2[0]] = { e: { k: "id", n: m2[0] } };
+        continue;
+      }
+      const m = /^[^\s"'<>\/=`{}]+/.exec(this.src.slice(this.pos));
+      if (!m) this.fail(`bad attribute near '${this.src.slice(this.pos, this.pos + 12)}'`);
+      const name = m[0];
+      this.pos += name.length;
+      this.skipWs();
+      if (this.peek() !== "=") {
+        attrs[name] = true;
+        continue;
+      }
+      this.pos++;
+      this.skipWs();
+      const q = this.peek();
+      if (q === '"' || q === "'") {
+        const end = this.src.indexOf(q, this.pos + 1);
+        if (end < 0) this.fail("unterminated attribute value");
+        attrs[name] = this.src.slice(this.pos + 1, end);
+        this.pos = end + 1;
+      } else if (q === "{") {
+        this.pos++;
+        this.skipWs();
+        const e = this.parseExpr();
+        this.skipWs();
+        if (this.peek() !== "}") this.fail(`expected '}' after attribute ${name}`);
+        this.pos++;
+        attrs[name] = name === "class:list" ? { list: e } : { e };
+      } else if (q === "`") {
+        const e = this.parseExpr();
+        attrs[name] = { e };
+      } else {
+        const v = /^[^\s>]+/.exec(this.src.slice(this.pos));
+        if (!v) this.fail("bad attribute value");
+        attrs[name] = v[0];
+        this.pos += v[0].length;
+      }
+    }
+  }
+  // ---------------------------------------------------------- expressions
+  parseExpr() {
+    return this.parseTernary();
+  }
+  peekOp() {
+    for (const op of MULTI_OPS) if (this.startsWith(op)) return op;
+    const c = this.peek();
+    if ("()[]{},.:?!-+*/%<>".includes(c) && c !== "") return c;
+    return null;
+  }
+  parseTernary() {
+    const t = this.parseBinary(1);
+    this.skipWs();
+    if (this.peek() === "?" && !this.startsWith("?.") && !this.startsWith("??")) {
+      this.pos++;
+      this.skipWs();
+      const a = this.parseTernary();
+      this.skipWs();
+      if (this.peek() !== ":") this.fail("expected ':' in conditional expression");
+      this.pos++;
+      this.skipWs();
+      const b = this.parseTernary();
+      return { k: "cond", t, a, b };
+    }
+    return t;
+  }
+  parseBinary(min) {
+    let l = this.parseUnary();
+    for (; ; ) {
+      this.skipWs();
+      const op = this.peekOp();
+      if (!op) return l;
+      const prec = BIN_PREC[op];
+      if (prec === void 0 || prec < min) return l;
+      this.pos += op.length;
+      this.skipWs();
+      const r = this.parseBinary(prec + 1);
+      l = { k: "bin", op, l, r };
+    }
+  }
+  parseUnary() {
+    this.skipWs();
+    const c = this.peek();
+    if (c === "!" && this.peek(1) !== "=") {
+      this.pos++;
+      return { k: "un", op: "!", a: this.parseUnary() };
+    }
+    if ((c === "-" || c === "+") && !/[0-9.]/.test(this.peek(1))) {
+      this.pos++;
+      return { k: "un", op: c, a: this.parseUnary() };
+    }
+    if (this.startsWith("typeof ") || this.startsWith("typeof(")) {
+      this.pos += 6;
+      return { k: "un", op: "typeof", a: this.parseUnary() };
+    }
+    return this.parsePostfix();
+  }
+  parsePostfix() {
+    let e = this.parsePrimary();
+    for (; ; ) {
+      const save = this.pos;
+      this.skipWs();
+      if (this.startsWith("?.")) {
+        this.pos += 2;
+        if (this.peek() === "(") {
+          this.pos++;
+          e = { k: "call", c: e, a: this.parseArgs(), opt: true };
+        } else if (this.peek() === "[") {
+          this.pos++;
+          const i = this.parseExpr();
+          this.expectChar("]");
+          e = { k: "idx", o: e, i, opt: true };
+        } else {
+          e = { k: "mem", o: e, p: this.parseIdent(), opt: true };
+        }
+        continue;
+      }
+      if (this.peek() === "." && !this.startsWith("...")) {
+        this.pos++;
+        this.skipWs();
+        e = { k: "mem", o: e, p: this.parseIdent() };
+        continue;
+      }
+      if (this.peek() === "[") {
+        this.pos++;
+        this.skipWs();
+        const i = this.parseExpr();
+        this.skipWs();
+        this.expectChar("]");
+        e = { k: "idx", o: e, i };
+        continue;
+      }
+      if (this.peek() === "(") {
+        this.pos++;
+        e = { k: "call", c: e, a: this.parseArgs() };
+        continue;
+      }
+      this.pos = save;
+      return e;
+    }
+  }
+  expectChar(c) {
+    this.skipWs();
+    if (this.peek() !== c) this.fail(`expected '${c}'`);
+    this.pos++;
+  }
+  parseIdent() {
+    const m = /^[A-Za-z_$][\w$]*/.exec(this.src.slice(this.pos));
+    if (!m) this.fail("expected identifier");
+    this.pos += m[0].length;
+    return m[0];
+  }
+  parseArgs() {
+    const a = [];
+    for (; ; ) {
+      this.skipWs();
+      if (this.peek() === ")") {
+        this.pos++;
+        return a;
+      }
+      a.push(this.parseExpr());
+      this.skipWs();
+      if (this.peek() === ",") this.pos++;
+      else if (this.peek() !== ")") this.fail("expected ',' or ')' in arguments");
+    }
+  }
+  tryArrowParams() {
+    const save = this.pos;
+    this.pos++;
+    const params = [];
+    for (; ; ) {
+      this.skipWs();
+      if (this.peek() === ")") {
+        this.pos++;
+        break;
+      }
+      const m = /^[A-Za-z_$][\w$]*/.exec(this.src.slice(this.pos));
+      if (!m) {
+        this.pos = save;
+        return null;
+      }
+      params.push(m[0]);
+      this.pos += m[0].length;
+      this.skipWs();
+      if (this.peek() === ",") this.pos++;
+      else if (this.peek() !== ")") {
+        this.pos = save;
+        return null;
+      }
+    }
+    this.skipWs();
+    if (this.startsWith("=>")) {
+      this.pos += 2;
+      return params;
+    }
+    this.pos = save;
+    return null;
+  }
+  parseArrowBody() {
+    this.skipWs();
+    if (this.peek() === "{") this.fail("arrow functions must be expression-bodied (no `{ }` block)", "arrow-block");
+    return this.parseExpr();
+  }
+  parsePrimary() {
+    this.skipWs();
+    const c = this.peek();
+    if (c === "") this.fail("unexpected end of expression");
+    if (c === "<" && /[A-Za-z>]/.test(this.peek(1))) {
+      return { k: "jsx", n: this.parseElement() };
+    }
+    if (c === "(") {
+      const params = this.tryArrowParams();
+      if (params) return { k: "fn", params, body: this.parseArrowBody() };
+      this.pos++;
+      this.skipWs();
+      const e = this.parseExpr();
+      this.skipWs();
+      if (this.peek() !== ")") this.fail("expected ')'");
+      this.pos++;
+      return e;
+    }
+    if (c === "[") {
+      this.pos++;
+      const items = [];
+      for (; ; ) {
+        this.skipWs();
+        if (this.peek() === "]") {
+          this.pos++;
+          return { k: "arr", items };
+        }
+        if (this.startsWith("...")) this.fail("spread is not allowed", "spread");
+        items.push(this.parseExpr());
+        this.skipWs();
+        if (this.peek() === ",") this.pos++;
+        else if (this.peek() !== "]") this.fail("expected ',' or ']' in array");
+      }
+    }
+    if (c === "{") {
+      this.pos++;
+      const props = [];
+      for (; ; ) {
+        this.skipWs();
+        if (this.peek() === "}") {
+          this.pos++;
+          return { k: "obj", props };
+        }
+        if (this.startsWith("...")) this.fail("spread is not allowed", "spread");
+        let key;
+        const q = this.peek();
+        if (q === '"' || q === "'") {
+          key = this.parseString();
+        } else if (q === "[") {
+          this.fail("computed object keys are not allowed");
+        } else {
+          key = this.parseIdent();
+        }
+        this.skipWs();
+        if (this.peek() === ":") {
+          this.pos++;
+          props.push({ key, v: this.parseExpr() });
+        } else {
+          props.push({ key, v: { k: "id", n: key } });
+        }
+        this.skipWs();
+        if (this.peek() === ",") this.pos++;
+        else if (this.peek() !== "}") this.fail("expected ',' or '}' in object");
+      }
+    }
+    if (c === '"' || c === "'") return { k: "lit", v: this.parseString() };
+    if (c === "`") return this.parseTemplateLiteral();
+    if (/[0-9]/.test(c) || c === "." && /[0-9]/.test(this.peek(1))) {
+      const m = /^(?:0[xX][0-9a-fA-F]+|\d*\.?\d+(?:[eE][+-]?\d+)?|\d+)/.exec(this.src.slice(this.pos));
+      if (!m) this.fail("bad number");
+      this.pos += m[0].length;
+      return { k: "lit", v: Number(m[0]) };
+    }
+    if (/[A-Za-z_$]/.test(c)) {
+      const id = this.parseIdent();
+      switch (id) {
+        case "true":
+          return { k: "lit", v: true };
+        case "false":
+          return { k: "lit", v: false };
+        case "null":
+          return { k: "lit", v: null };
+        case "undefined":
+          return { k: "lit", v: void 0 };
+        case "new":
+        case "class":
+        case "function":
+        case "await":
+        case "yield":
+        case "import":
+        case "this":
+        case "super":
+        case "delete":
+        case "void":
+        case "in":
+        case "instanceof":
+          this.fail(`'${id}' is not allowed in variant expressions`, "forbidden");
+      }
+      this.skipWs();
+      if (this.startsWith("=>")) {
+        this.pos += 2;
+        return { k: "fn", params: [id], body: this.parseArrowBody() };
+      }
+      return { k: "id", n: id };
+    }
+    this.fail(`unexpected '${c}' in expression`);
+  }
+  parseString() {
+    const q = this.peek();
+    let i = this.pos + 1;
+    let s = "";
+    while (i < this.src.length && this.src[i] !== q) {
+      let ch = this.src[i];
+      if (ch === "\\") {
+        i++;
+        const n = this.src[i];
+        ch = n === "n" ? "\n" : n === "t" ? "	" : n;
+      }
+      if (ch === "\n") this.fail("unterminated string");
+      s += ch;
+      i++;
+    }
+    if (i >= this.src.length) this.fail("unterminated string");
+    this.pos = i + 1;
+    return s;
+  }
+  parseTemplateLiteral() {
+    this.pos++;
+    const parts = [];
+    let s = "";
+    while (!this.eof() && this.peek() !== "`") {
+      if (this.startsWith("${")) {
+        if (s) parts.push(s);
+        s = "";
+        this.pos += 2;
+        parts.push(this.parseExpr());
+        this.skipWs();
+        if (this.peek() !== "}") this.fail("expected '}' in template literal");
+        this.pos++;
+        continue;
+      }
+      let ch = this.peek();
+      if (ch === "\\") {
+        this.pos++;
+        const n = this.peek();
+        ch = n === "n" ? "\n" : n;
+      }
+      s += ch;
+      this.pos++;
+    }
+    if (this.eof()) this.fail("unterminated template literal");
+    this.pos++;
+    if (s) parts.push(s);
+    return { k: "tpl", parts };
+  }
+};
+function parseExpression(src, lineOffset = 0) {
+  const p = new Parser(src, lineOffset);
+  const e = p.parseExpr();
+  p.skipWs();
+  if (!p.eof()) p.fail(`unexpected '${p.peek()}' after expression`);
+  return e;
+}
+__name(parseExpression, "parseExpression");
+function parseTemplate(src, lineOffset = 0) {
+  return new Parser(src, lineOffset).parseTemplate();
+}
+__name(parseTemplate, "parseTemplate");
+
+// ../variant-compiler/src/parse/frontmatter.ts
+var HELPER_BY_IMPORT = {
+  sanitizeUrl: "url",
+  withUnsplashWidth: "img",
+  sectionT: "sectionT",
+  t: "t",
+  img: "img",
+  url: "url",
+  Container: "Container",
+  Button: "Button",
+  EditUrlPill: "EditUrlPill",
+  ViewMoreLink: "ViewMoreLink"
+};
+var ALLOWED_SOURCE = /^(webto\/variant|(\.{1,2}\/)+(lib\/(sanitize|image|section-i18n)|(components\/)?(v2\/)?(ui\/)?(Container|Button|ViewMoreLink)\.astro|(components\/)?EditUrlPill\.astro|ui\/(Container|Button)\.astro|ViewMoreLink\.astro))$/;
+function stripComments(src) {
+  return src.replace(/\/\*[\s\S]*?\*\//g, (m) => m.replace(/[^\n]/g, " ")).replace(/(^|[^:\\])\/\/[^\n]*/g, (m, pre) => pre + " ".repeat(m.length - pre.length));
+}
+__name(stripComments, "stripComments");
+function lineOf(src, idx) {
+  let l = 1;
+  for (let i = 0; i < idx; i++) if (src.charCodeAt(i) === 10) l++;
+  return l;
+}
+__name(lineOf, "lineOf");
+function matchBrace(src, open, o = "{", c = "}") {
+  let depth = 0;
+  let inStr = null;
+  for (let i = open; i < src.length; i++) {
+    const ch = src[i];
+    if (inStr) {
+      if (ch === "\\") i++;
+      else if (ch === inStr) inStr = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'" || ch === "`") inStr = ch;
+    else if (ch === o) depth++;
+    else if (ch === c && --depth === 0) return i;
+  }
+  return -1;
+}
+__name(matchBrace, "matchBrace");
+function parseType(t, line) {
+  t = t.trim().replace(/;$/, "").trim();
+  const parts = splitTop(t, "|").map((s) => s.trim()).filter((s) => s !== "undefined" && s !== "null");
+  if (parts.length > 1) {
+    if (parts.every((p) => /^["'][^"']*["']$/.test(p))) return { type: "string", enum: parts.map((p) => p.slice(1, -1)) };
+    throw new ParseError(`unsupported union type '${t}' \u2014 only string-literal unions are allowed`, line, "props-type");
+  }
+  const one = parts[0] ?? t;
+  if (/^["'][^"']*["']$/.test(one)) return { type: "string", enum: [one.slice(1, -1)] };
+  if (one === "string") return { type: "string" };
+  if (one === "number") return { type: "number" };
+  if (one === "boolean") return { type: "boolean" };
+  if (/^\(.*\)\[\]$/.test(one)) return { type: "array", items: parseType(one.slice(1, -3), line) };
+  if (/\[\]$/.test(one)) return { type: "array", items: parseType(one.slice(0, -2), line) };
+  const arr = /^(?:Array|ReadonlyArray)<([\s\S]*)>$/.exec(one);
+  if (arr) return { type: "array", items: parseType(arr[1], line) };
+  if (one.startsWith("{")) {
+    const end = matchBrace(one, 0);
+    if (end < 0) throw new ParseError("unbalanced object type", line, "props-type");
+    const body = one.slice(1, end);
+    const props = {};
+    const required = [];
+    for (const f of parseFields(body, line)) {
+      props[f.key] = f.schema;
+      if (!f.optional) required.push(f.key);
+    }
+    const o = { type: "object", properties: props };
+    if (required.length) o.required = required;
+    return o;
+  }
+  throw new ParseError(`unsupported prop type '${one}' \u2014 use string | number | boolean | string-literal union | Array<\u2026> | { \u2026 }`, line, "props-type");
+}
+__name(parseType, "parseType");
+function splitTop(s, sep) {
+  const out = [];
+  let depth = 0;
+  let cur = "";
+  let inStr = null;
+  for (let i = 0; i < s.length; i++) {
+    const ch = s[i];
+    if (inStr) {
+      cur += ch;
+      if (ch === inStr) inStr = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'") inStr = ch;
+    if ("{[(<".includes(ch)) depth++;
+    if ("}])>".includes(ch)) depth--;
+    if (ch === sep && depth === 0) {
+      out.push(cur);
+      cur = "";
+      continue;
+    }
+    cur += ch;
+  }
+  if (cur.trim()) out.push(cur);
+  return out;
+}
+__name(splitTop, "splitTop");
+function parseFields(body, baseLine) {
+  const fields = [];
+  let depth = 0;
+  let cur = "";
+  let doc;
+  const flush = /* @__PURE__ */ __name(() => {
+    const s = cur.trim();
+    cur = "";
+    if (!s) return;
+    const m = /^(?:readonly\s+)?([A-Za-z_$][\w$]*)\s*(\?)?\s*:\s*([\s\S]+)$/.exec(s);
+    if (!m) throw new ParseError(`cannot parse prop '${s.slice(0, 40)}'`, baseLine, "props");
+    fields.push({ key: m[1], optional: !!m[2], schema: parseType(m[3], baseLine), description: doc });
+    doc = void 0;
+  }, "flush");
+  const clean = body.replace(/\/\*\*([\s\S]*?)\*\//g, (_m, d) => `
${d.replace(/^\s*\*\s?/gm, "").trim().replace(/\n/g, " ")}`);
+  for (let i = 0; i < clean.length; i++) {
+    const ch = clean[i];
+    if (ch === "
") {
+      const end = clean.indexOf("", i);
+      doc = clean.slice(i + 1, end);
+      i = end;
+      continue;
+    }
+    if ("{[(<".includes(ch)) depth++;
+    if ("}])>".includes(ch)) depth--;
+    if ((ch === ";" || ch === "\n" || ch === ",") && depth === 0) {
+      flush();
+      continue;
+    }
+    cur += ch;
+  }
+  flush();
+  return fields;
+}
+__name(parseFields, "parseFields");
+function parseFrontmatter(raw, lineOffset = 0) {
+  const src = stripComments(raw);
+  const out = { props: [], fields: [], consts: [], aliases: {} };
+  let i = 0;
+  const L = /* @__PURE__ */ __name((idx) => lineOf(src, idx) + lineOffset, "L");
+  let sawProps = false;
+  while (i < src.length) {
+    const ws = /^[\s;]+/.exec(src.slice(i));
+    if (ws) i += ws[0].length;
+    if (i >= src.length) break;
+    const rest = src.slice(i);
+    const line = L(i);
+    let m = /^import\s+(type\s+)?(?:([A-Za-z_$][\w$]*)|\{([^}]*)\}|\*\s+as\s+\w+)\s+from\s+["']([^"']+)["']\s*;?/.exec(rest);
+    if (m) {
+      const [, isType, def, named, source] = m;
+      i += m[0].length;
+      if (isType) continue;
+      if (!ALLOWED_SOURCE.test(source)) throw new ParseError(`import from '${source}' is not allowed \u2014 only "webto/variant" helpers (t, img, url, Container, Button, EditUrlPill, ViewMoreLink)`, line, "import");
+      const names = [];
+      if (def) names.push({ local: def, imported: def });
+      if (named) {
+        for (const part of named.split(",")) {
+          const p = part.trim();
+          if (!p || p.startsWith("type ")) continue;
+          const as = /^([A-Za-z_$][\w$]*)\s+as\s+([A-Za-z_$][\w$]*)$/.exec(p);
+          if (as) names.push({ local: as[2], imported: as[1] });
+          else names.push({ local: p, imported: p });
+        }
+      }
+      for (const n of names) {
+        const canon = HELPER_BY_IMPORT[n.imported];
+        if (!canon) throw new ParseError(`'${n.imported}' is not an available helper`, line, "import");
+        out.aliases[n.local] = canon;
+      }
+      continue;
+    }
+    if (/^import\s/.test(rest)) throw new ParseError("unsupported import form", line, "import");
+    m = /^(?:export\s+)?interface\s+Props\s*(?:extends[^{]*)?\{/.exec(rest);
+    if (m) {
+      if (/extends/.test(m[0])) throw new ParseError("`interface Props extends \u2026` is not supported", line, "props");
+      const open = i + m[0].length - 1;
+      const close = matchBrace(src, open);
+      if (close < 0) throw new ParseError("unbalanced interface Props", line, "props");
+      out.fields = parseFields(src.slice(open + 1, close), line);
+      sawProps = true;
+      i = close + 1;
+      continue;
+    }
+    m = /^(?:export\s+)?type\s+Props\s*=\s*\{/.exec(rest);
+    if (m) {
+      const open = i + m[0].length - 1;
+      const close = matchBrace(src, open);
+      if (close < 0) throw new ParseError("unbalanced type Props", line, "props");
+      out.fields = parseFields(src.slice(open + 1, close), line);
+      sawProps = true;
+      i = close + 1;
+      continue;
+    }
+    if (/^(?:export\s+)?(interface|type)\s/.test(rest)) {
+      const braceRel = rest.indexOf("{");
+      const semiRel = rest.indexOf(";");
+      if (braceRel >= 0 && (semiRel < 0 || braceRel < semiRel)) {
+        const close = matchBrace(src, i + braceRel);
+        if (close < 0) throw new ParseError("unbalanced type declaration", line, "types");
+        i = close + 1;
+      } else {
+        i += semiRel < 0 ? rest.length : semiRel + 1;
+      }
+      continue;
+    }
+    m = /^const\s*\{/.exec(rest);
+    if (m) {
+      const open = i + m[0].length - 1;
+      const close = matchBrace(src, open);
+      if (close < 0) throw new ParseError("unbalanced destructuring", line, "props");
+      const after = /^\s*=\s*Astro\.props(?:\s+as\s+[\w<>\[\]{}|\s,:;"']+?)?\s*;?/.exec(src.slice(close + 1));
+      if (!after) throw new ParseError("destructuring is only allowed from `Astro.props`", line, "props");
+      const body = src.slice(open + 1, close);
+      for (const entry of splitTop(body, ",")) {
+        const s = entry.trim();
+        if (!s) continue;
+        if (s.startsWith("...")) throw new ParseError("rest element in props destructuring is not allowed", line, "props");
+        const mm = /^([A-Za-z_$][\w$]*)\s*(?::\s*([A-Za-z_$][\w$]*))?\s*(?:=\s*([\s\S]+))?$/.exec(s);
+        if (!mm) throw new ParseError(`cannot parse destructured prop '${s.slice(0, 40)}'`, line, "props");
+        const key = mm[1];
+        const name = mm[2] ?? key;
+        const decl = { name, key };
+        if (mm[3] !== void 0) decl.def = parseExpression(mm[3], line - 1);
+        out.props.push(decl);
+      }
+      i = close + 1 + after[0].length;
+      continue;
+    }
+    m = /^const\s+([A-Za-z_$][\w$]*)\s*(?::\s*[^=]+?)?\s*=\s*/.exec(rest);
+    if (m) {
+      const name = m[1];
+      let j = i + m[0].length;
+      let depth = 0;
+      let inStr = null;
+      let k = j;
+      for (; k < src.length; k++) {
+        const ch = src[k];
+        if (inStr) {
+          if (ch === "\\") k++;
+          else if (ch === inStr) inStr = null;
+          continue;
+        }
+        if (ch === '"' || ch === "'" || ch === "`") inStr = ch;
+        else if ("{[(".includes(ch)) depth++;
+        else if ("}])".includes(ch)) depth--;
+        else if (ch === ";" && depth === 0) break;
+        else if (ch === "\n" && depth === 0) {
+          const next = src.slice(k + 1).replace(/^\s+/, "");
+          if (/^(const|let|var|import|interface|type|export|function|class)\b/.test(next) || next === "") break;
+        }
+      }
+      const exprSrc = src.slice(j, k).trim();
+      i = k + 1;
+      if (/^sectionT\s*\(\s*Astro\.locals\s*\)$/.test(exprSrc) || /^t\s*\(\s*Astro\.locals\s*\)$/.test(exprSrc)) {
+        out.aliases[name] = "t";
+        continue;
+      }
+      if (/Astro\.locals[\s\S]*editChrome\s*===\s*true$/.test(exprSrc)) {
+        out.aliases[name] = "editChrome";
+        continue;
+      }
+      if (/\bAstro\./.test(exprSrc)) throw new ParseError("`Astro.*` is not available in variants (only `Astro.props` destructuring and `sectionT(Astro.locals)`)", line, "astro");
+      if (/\bas\s+(const|[A-Z][\w<>]*)\b/.test(exprSrc)) throw new ParseError("TypeScript `as` casts are not supported \u2014 remove the cast", line, "ts-cast");
+      out.consts.push({ name, e: parseExpression(exprSrc, line - 1) });
+      continue;
+    }
+    if (/^(let|var)\s/.test(rest)) throw new ParseError("only `const` declarations are allowed", line, "statement");
+    if (/^export\s/.test(rest)) throw new ParseError("`export` is not allowed in variants", line, "statement");
+    if (/^(function|class|if|for|while|switch|try|return|await)\b/.test(rest)) throw new ParseError("statements are not allowed in variants \u2014 use expressions in `const`", line, "statement");
+    throw new ParseError(`unexpected frontmatter code near '${rest.slice(0, 40).replace(/\n/g, " ")}'`, line, "statement");
+  }
+  if (!sawProps) throw new ParseError("`interface Props { \u2026 }` is required", 1 + lineOffset, "props");
+  return out;
+}
+__name(parseFrontmatter, "parseFrontmatter");
+
+// ../variant-compiler/src/runtime/helpers.ts
+function sanitizeUrl(url) {
+  if (!url) return "#";
+  const trimmed = url.trim();
+  if (!trimmed) return "#";
+  if (trimmed.startsWith("/") || trimmed.startsWith("#") || trimmed.startsWith("http://") || trimmed.startsWith("https://") || trimmed.startsWith("mailto:") || trimmed.startsWith("tel:")) {
+    return trimmed;
+  }
+  const lower = trimmed.toLowerCase().replace(/[\s-]/g, "");
+  if (lower.startsWith("javascript:") || lower.startsWith("data:") || lower.startsWith("vbscript:")) {
+    return "#";
+  }
+  return trimmed;
+}
+__name(sanitizeUrl, "sanitizeUrl");
+function withUnsplashWidth(url, width) {
+  if (!url) return void 0;
+  if (url.startsWith("https://images.unsplash.com/")) {
+    if (/[?&]w=\d+/.test(url)) return url.replace(/([?&])w=\d+/, `$1w=${width}`);
+    const sep = url.includes("?") ? "&" : "?";
+    return `${url}${sep}w=${width}&auto=format`;
+  }
+  if (url.startsWith("https://images.pexels.com/")) {
+    let next = url;
+    const hadW = /[?&]w=\d+/.test(next);
+    const hadH = /[?&]h=\d+/.test(next);
+    const hadDpr = /[?&]dpr=\d+/.test(next);
+    if (hadW) next = next.replace(/([?&])w=\d+/, `$1w=${width}`);
+    if (hadH) next = next.replace(/([?&])h=\d+/, `$1h=${width}`);
+    if (hadDpr) next = next.replace(/([?&])dpr=\d+/, "$1dpr=1");
+    if (!hadW) {
+      const sep = next.includes("?") ? "&" : "?";
+      next = `${next}${sep}w=${width}`;
+    }
+    return next;
+  }
+  return url;
+}
+__name(withUnsplashWidth, "withUnsplashWidth");
+function escText(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+__name(escText, "escText");
+function escAttr(s) {
+  return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+__name(escAttr, "escAttr");
+
+// ../variant-compiler/src/lint/html.ts
+var ALLOWED_TAGS = /* @__PURE__ */ new Set([
+  "a",
+  "abbr",
+  "address",
+  "article",
+  "aside",
+  "b",
+  "bdi",
+  "bdo",
+  "blockquote",
+  "br",
+  "button",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "figcaption",
+  "figure",
+  "footer",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "hr",
+  "i",
+  "img",
+  "ins",
+  "kbd",
+  "label",
+  "li",
+  "main",
+  "mark",
+  "nav",
+  "ol",
+  "p",
+  "picture",
+  "pre",
+  "q",
+  "s",
+  "samp",
+  "section",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "tr",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "audio",
+  "wbr",
+  "track",
+  // svg
+  "svg",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "g",
+  "defs",
+  "lineargradient",
+  "radialgradient",
+  "stop",
+  "clippath",
+  "mask",
+  "text",
+  "tspan",
+  "ellipse",
+  "symbol",
+  "pattern",
+  "filter",
+  "fegaussianblur",
+  "feoffset",
+  "feblend",
+  "fecolormatrix",
+  "femerge",
+  "femergenode",
+  "title",
+  "desc"
+]);
+var ALLOWED_ATTR = /^(class|class:list|id|style|title|lang|dir|role|tabindex|hidden|href|target|rel|download|src|srcset|sizes|alt|width|height|loading|decoding|fetchpriority|type|open|datetime|cite|start|reversed|value|colspan|rowspan|scope|headers|for|controls|autoplay|muted|loop|playsinline|poster|preload|kind|srclang|label|default|media|translate|draggable|inputmode|itemprop|itemscope|itemtype|viewbox|xmlns|fill|stroke|stroke-width|stroke-linecap|stroke-linejoin|stroke-dasharray|stroke-dashoffset|d|cx|cy|r|rx|ry|x|y|x1|y1|x2|y2|points|transform|opacity|fill-opacity|stroke-opacity|fill-rule|clip-rule|clip-path|gradientunits|offset|stop-color|stop-opacity|patternunits|filter|stddeviation|in|in2|result|dx|dy|mode|values|text-anchor|font-size|font-weight|dominant-baseline|preserveaspectratio|vector-effect|shape-rendering|mask|font-family|letter-spacing)$/i;
+function push(ctx, level, code, message) {
+  ctx.lint.push({ level, code, message });
+}
+__name(push, "push");
+function staticValue(v) {
+  return typeof v === "string" ? v : null;
+}
+__name(staticValue, "staticValue");
+function hasEditableDescendant(nodes) {
+  for (const n of nodes) {
+    if (n.t === "el") {
+      if ("data-edit-field" in n.attrs || "data-edit-url" in n.attrs) return true;
+      if (hasEditableDescendant(n.ch)) return true;
+    } else if (n.t === "comp") {
+      if (n.name === "EditUrlPill") return true;
+      if (hasEditableDescendant(n.ch)) return true;
+    } else if (n.t === "ex") {
+      if (exprHasJsx(n.e, hasEditableDescendant)) return true;
+    }
+  }
+  return false;
+}
+__name(hasEditableDescendant, "hasEditableDescendant");
+function exprHasJsx(e, pred) {
+  switch (e.k) {
+    case "jsx":
+      return pred(e.n);
+    case "mem":
+      return exprHasJsx(e.o, pred);
+    case "idx":
+      return exprHasJsx(e.o, pred) || exprHasJsx(e.i, pred);
+    case "call":
+      return exprHasJsx(e.c, pred) || e.a.some((a) => exprHasJsx(a, pred));
+    case "un":
+      return exprHasJsx(e.a, pred);
+    case "bin":
+      return exprHasJsx(e.l, pred) || exprHasJsx(e.r, pred);
+    case "cond":
+      return exprHasJsx(e.t, pred) || exprHasJsx(e.a, pred) || exprHasJsx(e.b, pred);
+    case "tpl":
+      return e.parts.some((p) => typeof p !== "string" && exprHasJsx(p, pred));
+    case "arr":
+      return e.items.some((a) => exprHasJsx(a, pred));
+    case "obj":
+      return e.props.some((p) => exprHasJsx(p.v, pred));
+    case "fn":
+      return exprHasJsx(e.body, pred);
+    default:
+      return false;
+  }
+}
+__name(exprHasJsx, "exprHasJsx");
+function walkExpr(e, visit) {
+  switch (e.k) {
+    case "jsx":
+      visit(e.n);
+      break;
+    case "mem":
+      walkExpr(e.o, visit);
+      break;
+    case "idx":
+      walkExpr(e.o, visit);
+      walkExpr(e.i, visit);
+      break;
+    case "call":
+      walkExpr(e.c, visit);
+      e.a.forEach((a) => walkExpr(a, visit));
+      break;
+    case "un":
+      walkExpr(e.a, visit);
+      break;
+    case "bin":
+      walkExpr(e.l, visit);
+      walkExpr(e.r, visit);
+      break;
+    case "cond":
+      walkExpr(e.t, visit);
+      walkExpr(e.a, visit);
+      walkExpr(e.b, visit);
+      break;
+    case "tpl":
+      e.parts.forEach((p) => typeof p !== "string" && walkExpr(p, visit));
+      break;
+    case "arr":
+      e.items.forEach((a) => walkExpr(a, visit));
+      break;
+    case "obj":
+      e.props.forEach((p) => walkExpr(p.v, visit));
+      break;
+    case "fn":
+      walkExpr(e.body, visit);
+      break;
+    default:
+      break;
+  }
+}
+__name(walkExpr, "walkExpr");
+function lintNodes(nodes, ctx, ariaHidden = false) {
+  for (const n of nodes) {
+    if (n.t === "txt") {
+      const s = n.v.replace(/\s+/g, " ").trim();
+      if (s && /[A-Za-z]{2,}/.test(s) && !ariaHidden && ctx.inSvg === 0) {
+        push(ctx, "warning", "dead-text", `literal text "${s.slice(0, 40)}" is not editable \u2014 use a content field with data-edit-field or a t() label`);
+      }
+      continue;
+    }
+    if (n.t === "ex") {
+      walkExpr(n.e, (inner) => lintNodes(inner, ctx, ariaHidden));
+      continue;
+    }
+    if (n.t === "comp") {
+      for (const [k, v] of Object.entries(n.props)) {
+        const lower = k.toLowerCase();
+        if (/^on[a-z]/.test(lower) || lower.startsWith("set:") || lower === "srcdoc") push(ctx, "error", "attr", `prop '${k}' on <${n.name}> is not allowed`);
+        if (lower === "href" || lower === "url") checkUrl(k, v, n.name, ctx);
+      }
+      if (n.name === "Button") ctx.inButton++;
+      lintNodes(n.ch, ctx, ariaHidden);
+      if (n.name === "Button") ctx.inButton--;
+      continue;
+    }
+    const tag = n.tag;
+    if (!ALLOWED_TAGS.has(tag)) {
+      push(ctx, "error", "tag", `<${tag}> is not allowed`);
+      continue;
+    }
+    const hidden = ariaHidden || staticValue(n.attrs["aria-hidden"]) === "true";
+    for (const [k, v] of Object.entries(n.attrs)) lintAttr(k, v, tag, ctx);
+    if (tag === "img" && !("alt" in n.attrs)) push(ctx, "warning", "img-alt", "<img> without alt");
+    if (tag === "a") {
+      const target = staticValue(n.attrs.target);
+      if (target === "_blank" && !("rel" in n.attrs)) n.attrs.rel = "noopener";
+      if (ctx.inButton === 0 && "href" in n.attrs && !("data-track" in n.attrs) && hasEditableDescendant(n.ch)) {
+        n.attrs["data-track"] = "cta";
+      }
+    }
+    if ("id" in n.attrs) push(ctx, "warning", "id-attr", `<${tag} id> \u2014 the editor's click walker stops at ids; prefer a data-* attribute`);
+    if (tag === "svg") ctx.inSvg++;
+    lintNodes(n.ch, ctx, hidden);
+    if (tag === "svg") ctx.inSvg--;
+  }
+}
+__name(lintNodes, "lintNodes");
+function lintAttr(name, v, tag, ctx) {
+  const lower = name.toLowerCase();
+  if (/^on[a-z]/.test(lower)) {
+    push(ctx, "error", "attr-handler", `inline event handler '${name}' on <${tag}> is not allowed \u2014 use a <script is:inline> block`);
+    return;
+  }
+  if (lower === "srcdoc" || lower.startsWith("set:") || lower === "is:raw" || lower === "define:vars" || lower === "formaction") {
+    push(ctx, "error", "attr", `attribute '${name}' is not allowed`);
+    return;
+  }
+  if (lower.startsWith("data-") || lower.startsWith("aria-") || lower.startsWith("xlink:") || lower === "class:list") {
+    if (lower === "xlink:href" || lower === "data-lightbox-src") checkUrl(name, v, tag, ctx);
+    return;
+  }
+  if (!ALLOWED_ATTR.test(lower)) {
+    push(ctx, "error", "attr", `attribute '${name}' on <${tag}> is not allowed`);
+    return;
+  }
+  if (lower === "href" || lower === "src" || lower === "poster") checkUrl(name, v, tag, ctx);
+  if (lower === "style") {
+    const s = staticValue(v);
+    if (s !== null) {
+      if (/url\s*\(|expression\s*\(|@import|behavior\s*:/i.test(s)) push(ctx, "error", "style-url", `inline style on <${tag}> must not use url()/expression()`);
+      if (/position\s*:\s*fixed/i.test(s) && ctx.sectionType !== "navbar" && ctx.sectionType !== "banner") push(ctx, "error", "fixed", `position: fixed is only allowed in navbar/banner variants`);
+      if (/#[0-9a-f]{3,8}\b/i.test(s) || /\b(rgb|hsl)a?\(/i.test(s)) push(ctx, "warning", "hardcoded-color", `inline style on <${tag}> hardcodes a color \u2014 use var(--color-*)`);
+      if (/border-radius\s*:\s*\d/i.test(s)) push(ctx, "warning", "hardcoded-radius", `inline style on <${tag}> hardcodes border-radius \u2014 use var(--radius)`);
+      if (/font-family\s*:(?![^;]*var\(--font-)/i.test(s)) push(ctx, "warning", "hardcoded-font", `inline style on <${tag}> hardcodes font-family \u2014 use var(--font-heading|--font-body)`);
+    }
+  }
+  if (lower === "target" && staticValue(v) === "_top") push(ctx, "error", "attr", "target=_top is not allowed");
+  if (lower === "rel" && /import|preload|prefetch/i.test(staticValue(v) ?? "")) push(ctx, "error", "attr", "rel=preload/import is not allowed");
+}
+__name(lintAttr, "lintAttr");
+function checkUrl(name, v, tag, ctx) {
+  const s = staticValue(v);
+  if (s === null) return;
+  if (sanitizeUrl(s) === "#" && s.trim() !== "#" && s.trim() !== "") push(ctx, "error", "url", `unsafe ${name} on <${tag}>: '${s.slice(0, 40)}'`);
+  if (/^https?:\/\//i.test(s) && (name === "src" || name === "poster")) push(ctx, "warning", "hardcoded-image", `<${tag} ${name}> hardcodes an external URL \u2014 images should come from a content field`);
+}
+__name(checkUrl, "checkUrl");
+function lintHtml(root, sectionType) {
+  const ctx = { lint: [], sectionType, inButton: 0, inSvg: 0 };
+  lintNodes(root, ctx);
+  return ctx.lint;
+}
+__name(lintHtml, "lintHtml");
+
+// ../variant-compiler/src/lint/css.ts
+var ALLOWED_URL_HOSTS = ["images.unsplash.com", "images.pexels.com"];
+function lintCss(css, sectionType, attrs = {}) {
+  const out = [];
+  const err = /* @__PURE__ */ __name((code, message) => out.push({ level: "error", code, message }), "err");
+  const warn = /* @__PURE__ */ __name((code, message) => out.push({ level: "warning", code, message }), "warn");
+  if ("is:global" in attrs) err("style-global", "<style is:global> is not allowed \u2014 variant CSS is always scoped");
+  if ("define:vars" in attrs) err("style-define-vars", "<style define:vars> is not supported \u2014 use var(--color-*) / var(--radius) tokens");
+  if (css.length > 64 * 1024) err("style-size", "style block exceeds 64 KB");
+  const stripped = css.replace(/\/\*[\s\S]*?\*\//g, " ");
+  if (/@import\b/i.test(stripped)) err("css-import", "@import is not allowed");
+  if (/@font-face\b/i.test(stripped)) err("css-font-face", "@font-face is not allowed \u2014 fonts come from the site theme (var(--font-heading|--font-body))");
+  if (/expression\s*\(/i.test(stripped)) err("css-expression", "expression() is not allowed");
+  if (/behavior\s*:|-moz-binding\s*:/i.test(stripped)) err("css-behavior", "behavior/-moz-binding are not allowed");
+  if (/\bposition\s*:\s*fixed\b/i.test(stripped) && sectionType !== "navbar" && sectionType !== "banner") err("fixed", "position: fixed is only allowed in navbar/banner variants");
+  for (const m of stripped.matchAll(/url\s*\(\s*(['"]?)([^'")]+)\1\s*\)/gi)) {
+    const u = m[2].trim();
+    if (/^data:image\/svg\+xml/i.test(u)) continue;
+    if (u.startsWith("#")) continue;
+    if (/^https?:\/\//i.test(u)) {
+      try {
+        const host = new URL(u).host;
+        if (ALLOWED_URL_HOSTS.includes(host)) {
+          warn("css-url", `url(${host}) \u2014 prefer passing images through content fields`);
+          continue;
+        }
+      } catch {
+      }
+    }
+    err("css-url", `url(${u.slice(0, 40)}) is not allowed (data exfiltration risk) \u2014 only data:image/svg+xml or images.unsplash.com/images.pexels.com`);
+  }
+  const noVar = stripped.replace(/var\([^)]*\)/g, "");
+  if (/#[0-9a-f]{3,8}\b/i.test(noVar) || /\b(rgb|hsl)a?\(/i.test(noVar)) warn("hardcoded-color", "CSS hardcodes colors \u2014 use var(--color-primary|--color-foreground|\u2026)");
+  if (/border-radius\s*:\s*\d/i.test(noVar)) warn("hardcoded-radius", "CSS hardcodes border-radius \u2014 use var(--radius)");
+  if (/font-family\s*:(?![^;]*var\(--font-)/i.test(stripped)) warn("hardcoded-font", "CSS hardcodes font-family \u2014 use var(--font-heading) / var(--font-body)");
+  if (/:root\b|\bhtml\b|\bbody\b/i.test(noVar)) warn("css-root", ":root/html/body selectors are rewritten to the variant root");
+  return out;
+}
+__name(lintCss, "lintCss");
+
+// ../variant-compiler/src/lint/js.ts
+import * as acorn from "acorn";
+var JS_MAX_BYTES = 8 * 1024;
+var FORBIDDEN_IDENTS = /* @__PURE__ */ new Set([
+  "fetch",
+  "XMLHttpRequest",
+  "WebSocket",
+  "EventSource",
+  "eval",
+  "Function",
+  "importScripts",
+  "localStorage",
+  "sessionStorage",
+  "indexedDB",
+  "postMessage",
+  "open",
+  "navigator",
+  "cookieStore",
+  "globalThis",
+  "self",
+  "top",
+  "parent",
+  "opener",
+  "frames",
+  "caches",
+  "ServiceWorker",
+  "Worker",
+  "SharedWorker",
+  "Reflect",
+  "Proxy",
+  "Symbol",
+  "WeakRef",
+  "FinalizationRegistry",
+  "crypto",
+  "Notification",
+  "Atomics",
+  "SharedArrayBuffer"
+]);
+var FORBIDDEN_MEMBERS = /* @__PURE__ */ new Set([
+  "cookie",
+  "write",
+  "writeln",
+  "top",
+  "parent",
+  "opener",
+  "frames",
+  "postMessage",
+  "sendBeacon",
+  "__proto__",
+  "constructor",
+  "prototype",
+  "location",
+  "history",
+  "execCommand",
+  "requestSubmit",
+  "submit",
+  "importNode",
+  "adoptNode",
+  "contentWindow",
+  "contentDocument",
+  "srcdoc",
+  "outerHTML",
+  "insertAdjacentHTML",
+  "createContextualFragment",
+  "referrer",
+  "domain",
+  "defineProperty",
+  "getOwnPropertyDescriptor",
+  "setPrototypeOf",
+  "getPrototypeOf"
+]);
+var DYNAMIC_HTML = /* @__PURE__ */ new Set(["innerHTML", "outerHTML"]);
+var FORBIDDEN_CALLS = /* @__PURE__ */ new Set(["atob", "btoa", "unescape", "decodeURIComponent", "setTimeout", "setInterval"]);
+var CREATE_ELEMENT_BLOCK = /^(script|iframe|object|embed|link|meta|base|form|frame|style)$/i;
+var SET_ATTRIBUTE_BLOCK = /^(on[a-z]+|src|href|srcdoc|action|formaction|style|xlink:href)$/i;
+function lintScript(src, attrs = {}) {
+  const out = [];
+  const err = /* @__PURE__ */ __name((code, message, line) => out.push({ level: "error", code, message, line }), "err");
+  if (!("is:inline" in attrs)) err("script-inline", "<script> must be `<script is:inline>`");
+  if ("src" in attrs) err("script-src", "<script src> is not allowed");
+  if ("define:vars" in attrs) err("script-define-vars", "<script define:vars> is not supported \u2014 read values from data-* attributes on your root");
+  if ("type" in attrs && attrs.type !== "text/javascript" && attrs.type !== "module" && attrs.type !== true) err("script-type", `unsupported script type '${String(attrs.type)}'`);
+  if (new TextEncoder().encode(src).length > JS_MAX_BYTES) err("script-size", `script exceeds ${JS_MAX_BYTES / 1024} KB`);
+  if (/\\x[0-9a-f]{2}|\\u[0-9a-f]{4}|\\u\{/i.test(src)) err("script-obfuscation", "hex/unicode escape sequences are not allowed");
+  if (/String\s*\.\s*fromCharCode|fromCodePoint/.test(src)) err("script-obfuscation", "String.fromCharCode is not allowed");
+  if (/\bwith\s*\(/.test(src)) err("script-with", "`with` is not allowed");
+  if (/\bimport\s*\(/.test(src) || /\bimport\s+[\w{*]/.test(src) || /\bexport\s+/.test(src)) err("script-import", "import/export are not allowed in inline scripts");
+  if (/\bdebugger\b/.test(src)) err("script-debugger", "`debugger` is not allowed");
+  let ast;
+  try {
+    ast = acorn.parse(src, { ecmaVersion: 2022, sourceType: "script", allowReturnOutsideFunction: true, locations: true });
+  } catch (e) {
+    err("script-syntax", `script syntax error: ${e.message}`);
+    return out;
+  }
+  const lineOf2 = /* @__PURE__ */ __name((n) => n.loc?.start?.line, "lineOf");
+  const isStrLit = /* @__PURE__ */ __name((n, re) => !!n && n.type === "Literal" && typeof n.value === "string" && re.test(n.value), "isStrLit");
+  const propName = /* @__PURE__ */ __name((n) => {
+    const prop = n.property;
+    if (!n.computed && prop.type === "Identifier") return prop.name;
+    if (prop.type === "Literal" && typeof prop.value === "string") return prop.value;
+    return null;
+  }, "propName");
+  const visit = /* @__PURE__ */ __name((n, parent) => {
+    if (!n || typeof n.type !== "string") return;
+    switch (n.type) {
+      case "Identifier": {
+        const name = n.name;
+        const isPropKey = parent && (parent.type === "MemberExpression" && parent.property === n && !parent.computed) || parent?.type === "Property" && parent.key === n && !parent.computed;
+        if (!isPropKey && FORBIDDEN_IDENTS.has(name)) err("script-forbidden", `'${name}' is not allowed`, lineOf2(n));
+        if (name === "window" && parent?.type === "MemberExpression" && parent.computed) err("script-forbidden", "computed access on window is not allowed", lineOf2(n));
+        break;
+      }
+      case "MemberExpression": {
+        const p = propName(n);
+        if (n.computed && n.property.type !== "Literal") {
+          const obj = n.object;
+          if (obj.type === "Identifier" && /^(window|document|globalThis|self|Object|Array)$/.test(obj.name)) err("script-forbidden", `computed member access on ${obj.name} is not allowed`, lineOf2(n));
+        }
+        if (p && FORBIDDEN_MEMBERS.has(p)) err("script-forbidden", `'.${p}' is not allowed`, lineOf2(n));
+        break;
+      }
+      case "AssignmentExpression": {
+        const left = n.left;
+        if (left.type === "MemberExpression") {
+          const p = propName(left);
+          if (p && DYNAMIC_HTML.has(p) && n.right.type !== "Literal") err("script-html", `assigning a non-literal to .${p} is not allowed`, lineOf2(n));
+          if (p === "src" || p === "href" || p === "action") err("script-forbidden", `assigning .${p} is not allowed`, lineOf2(n));
+          if (p && /^on[a-z]+$/.test(p)) err("script-forbidden", `assigning .${p} handlers is not allowed \u2014 use addEventListener`, lineOf2(n));
+        }
+        break;
+      }
+      case "CallExpression":
+      case "NewExpression": {
+        const callee = n.callee;
+        const args = n.arguments;
+        if (callee.type === "Identifier" && FORBIDDEN_CALLS.has(callee.name)) {
+          if (callee.name === "setTimeout" || callee.name === "setInterval") {
+            if (args[0]?.type === "Literal" || args[0]?.type === "TemplateLiteral") err("script-forbidden", `${callee.name} with a string argument is not allowed`, lineOf2(n));
+          } else err("script-forbidden", `${callee.name}() is not allowed`, lineOf2(n));
+        }
+        if (callee.type === "MemberExpression") {
+          const p = propName(callee);
+          if (p === "createElement" && (args[0]?.type !== "Literal" || isStrLit(args[0], CREATE_ELEMENT_BLOCK))) err("script-forbidden", "createElement of script/iframe/link/form (or a non-literal tag) is not allowed", lineOf2(n));
+          if (p === "createElementNS" && args[1] && (args[1].type !== "Literal" || isStrLit(args[1], CREATE_ELEMENT_BLOCK))) err("script-forbidden", "createElementNS of a non-literal or blocked tag is not allowed", lineOf2(n));
+          if ((p === "setAttribute" || p === "setAttributeNS") && (args[0]?.type !== "Literal" || isStrLit(args[0], SET_ATTRIBUTE_BLOCK))) err("script-forbidden", "setAttribute of on*/src/href/style (or a non-literal name) is not allowed", lineOf2(n));
+          if (p === "insertAdjacentHTML" && args[1]?.type !== "Literal") err("script-html", "insertAdjacentHTML with a non-literal is not allowed", lineOf2(n));
+          if (p === "assign" || p === "replace") {
+            const obj = callee.object;
+            if (obj.type === "MemberExpression" && propName(obj) === "location") err("script-forbidden", "location.assign/replace is not allowed", lineOf2(n));
+          }
+          if (p === "requestFullscreen" || p === "showModal") err("script-forbidden", `${p}() is not allowed`, lineOf2(n));
+        }
+        if (n.type === "NewExpression" && callee.type === "Identifier" && /^(Function|Worker|SharedWorker|WebSocket|XMLHttpRequest|EventSource|Proxy|BroadcastChannel|MessageChannel)$/.test(callee.name)) err("script-forbidden", `new ${callee.name} is not allowed`, lineOf2(n));
+        break;
+      }
+      case "WhileStatement":
+      case "DoWhileStatement":
+      case "ForStatement": {
+        const test = n.test;
+        const infinite = !test || test.type === "Literal" && !!test.value;
+        if (infinite && !hasBreak(n.body)) err("script-loop", "unbounded loop without break", lineOf2(n));
+        break;
+      }
+      case "MetaProperty":
+        err("script-import", "import.meta is not allowed", lineOf2(n));
+        break;
+      case "ImportExpression":
+        err("script-import", "dynamic import() is not allowed", lineOf2(n));
+        break;
+      case "TaggedTemplateExpression":
+        err("script-forbidden", "tagged templates are not allowed", lineOf2(n));
+        break;
+      case "ThisExpression":
+        break;
+      default:
+        break;
+    }
+    for (const key of Object.keys(n)) {
+      if (key === "loc" || key === "type" || key === "start" || key === "end") continue;
+      const v = n[key];
+      if (Array.isArray(v)) v.forEach((c) => c && typeof c === "object" && visit(c, n));
+      else if (v && typeof v === "object" && "type" in v) visit(v, n);
+    }
+  }, "visit");
+  visit(ast);
+  return out;
+}
+__name(lintScript, "lintScript");
+function hasBreak(n) {
+  if (!n || typeof n !== "object") return false;
+  if (n.type === "BreakStatement" || n.type === "ReturnStatement" || n.type === "ThrowStatement") return true;
+  if (n.type === "FunctionExpression" || n.type === "ArrowFunctionExpression" || n.type === "FunctionDeclaration") return false;
+  for (const key of Object.keys(n)) {
+    if (key === "loc") continue;
+    const v = n[key];
+    if (Array.isArray(v)) {
+      if (v.some((c) => hasBreak(c))) return true;
+    } else if (v && typeof v === "object" && "type" in v && hasBreak(v)) return true;
+  }
+  return false;
+}
+__name(hasBreak, "hasBreak");
+
+// ../variant-compiler/src/css/scope.ts
+var ROOT_PLACEHOLDER = "__WV_ROOT__";
+var RECURSE_AT = /^@(media|supports|container|layer|scope|document)\b/i;
+var VERBATIM_AT = /^@(keyframes|-webkit-keyframes|property|font-face|page|counter-style|font-feature-values|namespace|charset)\b/i;
+function scopeCss(css, root = ROOT_PLACEHOLDER) {
+  return scopeBlock(stripComments2(css), root);
+}
+__name(scopeCss, "scopeCss");
+function stripComments2(s) {
+  return s.replace(/\/\*[\s\S]*?\*\//g, "");
+}
+__name(stripComments2, "stripComments");
+function scopeBlock(src, root) {
+  let out = "";
+  let i = 0;
+  while (i < src.length) {
+    let j = i;
+    let inStr = null;
+    for (; j < src.length; j++) {
+      const ch = src[j];
+      if (inStr) {
+        if (ch === "\\") j++;
+        else if (ch === inStr) inStr = null;
+        continue;
+      }
+      if (ch === '"' || ch === "'") inStr = ch;
+      else if (ch === "{" || ch === ";" || ch === "}") break;
+    }
+    const prelude = src.slice(i, j).trim();
+    if (j >= src.length) {
+      if (prelude) out += prelude;
+      break;
+    }
+    if (src[j] === "}") {
+      i = j + 1;
+      continue;
+    }
+    if (src[j] === ";") {
+      if (prelude) out += `${prelude};`;
+      i = j + 1;
+      continue;
+    }
+    const close = matchBrace2(src, j);
+    const body = src.slice(j + 1, close < 0 ? src.length : close);
+    i = close < 0 ? src.length : close + 1;
+    if (!prelude) continue;
+    if (prelude.startsWith("@")) {
+      if (VERBATIM_AT.test(prelude)) out += `${prelude}{${body}}`;
+      else if (RECURSE_AT.test(prelude)) out += `${prelude}{${scopeBlock(body, root)}}`;
+      else out += `${prelude}{${scopeBlock(body, root)}}`;
+      continue;
+    }
+    const selectors = splitSelectors(prelude).map((s) => scopeSelector(s.trim(), root)).filter(Boolean);
+    if (!selectors.length) continue;
+    if (body.includes("{")) {
+      out += `${selectors.join(",")}{${scopeBlock(body, root)}}`;
+    } else {
+      out += `${selectors.join(",")}{${body.trim()}}`;
+    }
+  }
+  return out;
+}
+__name(scopeBlock, "scopeBlock");
+function matchBrace2(src, open) {
+  let depth = 0;
+  let inStr = null;
+  for (let i = open; i < src.length; i++) {
+    const ch = src[i];
+    if (inStr) {
+      if (ch === "\\") i++;
+      else if (ch === inStr) inStr = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'") inStr = ch;
+    else if (ch === "{") depth++;
+    else if (ch === "}" && --depth === 0) return i;
+  }
+  return -1;
+}
+__name(matchBrace2, "matchBrace");
+function splitSelectors(s) {
+  const out = [];
+  let depth = 0;
+  let cur = "";
+  let inStr = null;
+  for (const ch of s) {
+    if (inStr) {
+      cur += ch;
+      if (ch === inStr) inStr = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'") inStr = ch;
+    if (ch === "(" || ch === "[") depth++;
+    if (ch === ")" || ch === "]") depth--;
+    if (ch === "," && depth === 0) {
+      out.push(cur);
+      cur = "";
+      continue;
+    }
+    cur += ch;
+  }
+  if (cur.trim()) out.push(cur);
+  return out;
+}
+__name(splitSelectors, "splitSelectors");
+function scopeSelector(sel, root) {
+  if (!sel) return "";
+  if (sel.startsWith("&")) return `${root} ${sel.slice(1).trim()}`.trim();
+  if (sel.includes(ROOT_PLACEHOLDER)) return sel;
+  const m = /^(:root|html|body)(?![\w-])/i.exec(sel);
+  if (m) {
+    const rest = sel.slice(m[0].length).replace(/^\s*(body)(?![\w-])/i, "");
+    return `${root}${rest.startsWith(":") || rest.startsWith("[") || rest.startsWith(".") ? rest : rest ? ` ${rest.trim()}` : ""}`;
+  }
+  return `${root} ${sel}`;
+}
+__name(scopeSelector, "scopeSelector");
+
+// ../variant-compiler/src/tailwind.ts
+import { compile } from "tailwindcss";
+
+// ../variant-compiler/src/generated/tailwind-css.ts
+var TAILWIND_THEME_CSS = "@theme default {\n  --font-sans:\n    ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n    'Noto Color Emoji';\n  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n  --font-mono:\n    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n    monospace;\n\n  --color-red-50: oklch(97.1% 0.013 17.38);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-200: oklch(88.5% 0.062 18.334);\n  --color-red-300: oklch(80.8% 0.114 19.571);\n  --color-red-400: oklch(70.4% 0.191 22.216);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-red-600: oklch(57.7% 0.245 27.325);\n  --color-red-700: oklch(50.5% 0.213 27.518);\n  --color-red-800: oklch(44.4% 0.177 26.899);\n  --color-red-900: oklch(39.6% 0.141 25.723);\n  --color-red-950: oklch(25.8% 0.092 26.042);\n\n  --color-orange-50: oklch(98% 0.016 73.684);\n  --color-orange-100: oklch(95.4% 0.038 75.164);\n  --color-orange-200: oklch(90.1% 0.076 70.697);\n  --color-orange-300: oklch(83.7% 0.128 66.29);\n  --color-orange-400: oklch(75% 0.183 55.934);\n  --color-orange-500: oklch(70.5% 0.213 47.604);\n  --color-orange-600: oklch(64.6% 0.222 41.116);\n  --color-orange-700: oklch(55.3% 0.195 38.402);\n  --color-orange-800: oklch(47% 0.157 37.304);\n  --color-orange-900: oklch(40.8% 0.123 38.172);\n  --color-orange-950: oklch(26.6% 0.079 36.259);\n\n  --color-amber-50: oklch(98.7% 0.022 95.277);\n  --color-amber-100: oklch(96.2% 0.059 95.617);\n  --color-amber-200: oklch(92.4% 0.12 95.746);\n  --color-amber-300: oklch(87.9% 0.169 91.605);\n  --color-amber-400: oklch(82.8% 0.189 84.429);\n  --color-amber-500: oklch(76.9% 0.188 70.08);\n  --color-amber-600: oklch(66.6% 0.179 58.318);\n  --color-amber-700: oklch(55.5% 0.163 48.998);\n  --color-amber-800: oklch(47.3% 0.137 46.201);\n  --color-amber-900: oklch(41.4% 0.112 45.904);\n  --color-amber-950: oklch(27.9% 0.077 45.635);\n\n  --color-yellow-50: oklch(98.7% 0.026 102.212);\n  --color-yellow-100: oklch(97.3% 0.071 103.193);\n  --color-yellow-200: oklch(94.5% 0.129 101.54);\n  --color-yellow-300: oklch(90.5% 0.182 98.111);\n  --color-yellow-400: oklch(85.2% 0.199 91.936);\n  --color-yellow-500: oklch(79.5% 0.184 86.047);\n  --color-yellow-600: oklch(68.1% 0.162 75.834);\n  --color-yellow-700: oklch(55.4% 0.135 66.442);\n  --color-yellow-800: oklch(47.6% 0.114 61.907);\n  --color-yellow-900: oklch(42.1% 0.095 57.708);\n  --color-yellow-950: oklch(28.6% 0.066 53.813);\n\n  --color-lime-50: oklch(98.6% 0.031 120.757);\n  --color-lime-100: oklch(96.7% 0.067 122.328);\n  --color-lime-200: oklch(93.8% 0.127 124.321);\n  --color-lime-300: oklch(89.7% 0.196 126.665);\n  --color-lime-400: oklch(84.1% 0.238 128.85);\n  --color-lime-500: oklch(76.8% 0.233 130.85);\n  --color-lime-600: oklch(64.8% 0.2 131.684);\n  --color-lime-700: oklch(53.2% 0.157 131.589);\n  --color-lime-800: oklch(45.3% 0.124 130.933);\n  --color-lime-900: oklch(40.5% 0.101 131.063);\n  --color-lime-950: oklch(27.4% 0.072 132.109);\n\n  --color-green-50: oklch(98.2% 0.018 155.826);\n  --color-green-100: oklch(96.2% 0.044 156.743);\n  --color-green-200: oklch(92.5% 0.084 155.995);\n  --color-green-300: oklch(87.1% 0.15 154.449);\n  --color-green-400: oklch(79.2% 0.209 151.711);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-green-600: oklch(62.7% 0.194 149.214);\n  --color-green-700: oklch(52.7% 0.154 150.069);\n  --color-green-800: oklch(44.8% 0.119 151.328);\n  --color-green-900: oklch(39.3% 0.095 152.535);\n  --color-green-950: oklch(26.6% 0.065 152.934);\n\n  --color-emerald-50: oklch(97.9% 0.021 166.113);\n  --color-emerald-100: oklch(95% 0.052 163.051);\n  --color-emerald-200: oklch(90.5% 0.093 164.15);\n  --color-emerald-300: oklch(84.5% 0.143 164.978);\n  --color-emerald-400: oklch(76.5% 0.177 163.223);\n  --color-emerald-500: oklch(69.6% 0.17 162.48);\n  --color-emerald-600: oklch(59.6% 0.145 163.225);\n  --color-emerald-700: oklch(50.8% 0.118 165.612);\n  --color-emerald-800: oklch(43.2% 0.095 166.913);\n  --color-emerald-900: oklch(37.8% 0.077 168.94);\n  --color-emerald-950: oklch(26.2% 0.051 172.552);\n\n  --color-teal-50: oklch(98.4% 0.014 180.72);\n  --color-teal-100: oklch(95.3% 0.051 180.801);\n  --color-teal-200: oklch(91% 0.096 180.426);\n  --color-teal-300: oklch(85.5% 0.138 181.071);\n  --color-teal-400: oklch(77.7% 0.152 181.912);\n  --color-teal-500: oklch(70.4% 0.14 182.503);\n  --color-teal-600: oklch(60% 0.118 184.704);\n  --color-teal-700: oklch(51.1% 0.096 186.391);\n  --color-teal-800: oklch(43.7% 0.078 188.216);\n  --color-teal-900: oklch(38.6% 0.063 188.416);\n  --color-teal-950: oklch(27.7% 0.046 192.524);\n\n  --color-cyan-50: oklch(98.4% 0.019 200.873);\n  --color-cyan-100: oklch(95.6% 0.045 203.388);\n  --color-cyan-200: oklch(91.7% 0.08 205.041);\n  --color-cyan-300: oklch(86.5% 0.127 207.078);\n  --color-cyan-400: oklch(78.9% 0.154 211.53);\n  --color-cyan-500: oklch(71.5% 0.143 215.221);\n  --color-cyan-600: oklch(60.9% 0.126 221.723);\n  --color-cyan-700: oklch(52% 0.105 223.128);\n  --color-cyan-800: oklch(45% 0.085 224.283);\n  --color-cyan-900: oklch(39.8% 0.07 227.392);\n  --color-cyan-950: oklch(30.2% 0.056 229.695);\n\n  --color-sky-50: oklch(97.7% 0.013 236.62);\n  --color-sky-100: oklch(95.1% 0.026 236.824);\n  --color-sky-200: oklch(90.1% 0.058 230.902);\n  --color-sky-300: oklch(82.8% 0.111 230.318);\n  --color-sky-400: oklch(74.6% 0.16 232.661);\n  --color-sky-500: oklch(68.5% 0.169 237.323);\n  --color-sky-600: oklch(58.8% 0.158 241.966);\n  --color-sky-700: oklch(50% 0.134 242.749);\n  --color-sky-800: oklch(44.3% 0.11 240.79);\n  --color-sky-900: oklch(39.1% 0.09 240.876);\n  --color-sky-950: oklch(29.3% 0.066 243.157);\n\n  --color-blue-50: oklch(97% 0.014 254.604);\n  --color-blue-100: oklch(93.2% 0.032 255.585);\n  --color-blue-200: oklch(88.2% 0.059 254.128);\n  --color-blue-300: oklch(80.9% 0.105 251.813);\n  --color-blue-400: oklch(70.7% 0.165 254.624);\n  --color-blue-500: oklch(62.3% 0.214 259.815);\n  --color-blue-600: oklch(54.6% 0.245 262.881);\n  --color-blue-700: oklch(48.8% 0.243 264.376);\n  --color-blue-800: oklch(42.4% 0.199 265.638);\n  --color-blue-900: oklch(37.9% 0.146 265.522);\n  --color-blue-950: oklch(28.2% 0.091 267.935);\n\n  --color-indigo-50: oklch(96.2% 0.018 272.314);\n  --color-indigo-100: oklch(93% 0.034 272.788);\n  --color-indigo-200: oklch(87% 0.065 274.039);\n  --color-indigo-300: oklch(78.5% 0.115 274.713);\n  --color-indigo-400: oklch(67.3% 0.182 276.935);\n  --color-indigo-500: oklch(58.5% 0.233 277.117);\n  --color-indigo-600: oklch(51.1% 0.262 276.966);\n  --color-indigo-700: oklch(45.7% 0.24 277.023);\n  --color-indigo-800: oklch(39.8% 0.195 277.366);\n  --color-indigo-900: oklch(35.9% 0.144 278.697);\n  --color-indigo-950: oklch(25.7% 0.09 281.288);\n\n  --color-violet-50: oklch(96.9% 0.016 293.756);\n  --color-violet-100: oklch(94.3% 0.029 294.588);\n  --color-violet-200: oklch(89.4% 0.057 293.283);\n  --color-violet-300: oklch(81.1% 0.111 293.571);\n  --color-violet-400: oklch(70.2% 0.183 293.541);\n  --color-violet-500: oklch(60.6% 0.25 292.717);\n  --color-violet-600: oklch(54.1% 0.281 293.009);\n  --color-violet-700: oklch(49.1% 0.27 292.581);\n  --color-violet-800: oklch(43.2% 0.232 292.759);\n  --color-violet-900: oklch(38% 0.189 293.745);\n  --color-violet-950: oklch(28.3% 0.141 291.089);\n\n  --color-purple-50: oklch(97.7% 0.014 308.299);\n  --color-purple-100: oklch(94.6% 0.033 307.174);\n  --color-purple-200: oklch(90.2% 0.063 306.703);\n  --color-purple-300: oklch(82.7% 0.119 306.383);\n  --color-purple-400: oklch(71.4% 0.203 305.504);\n  --color-purple-500: oklch(62.7% 0.265 303.9);\n  --color-purple-600: oklch(55.8% 0.288 302.321);\n  --color-purple-700: oklch(49.6% 0.265 301.924);\n  --color-purple-800: oklch(43.8% 0.218 303.724);\n  --color-purple-900: oklch(38.1% 0.176 304.987);\n  --color-purple-950: oklch(29.1% 0.149 302.717);\n\n  --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n  --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n  --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n  --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n  --color-fuchsia-400: oklch(74% 0.238 322.16);\n  --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n  --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n  --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n  --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n  --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n  --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n\n  --color-pink-50: oklch(97.1% 0.014 343.198);\n  --color-pink-100: oklch(94.8% 0.028 342.258);\n  --color-pink-200: oklch(89.9% 0.061 343.231);\n  --color-pink-300: oklch(82.3% 0.12 346.018);\n  --color-pink-400: oklch(71.8% 0.202 349.761);\n  --color-pink-500: oklch(65.6% 0.241 354.308);\n  --color-pink-600: oklch(59.2% 0.249 0.584);\n  --color-pink-700: oklch(52.5% 0.223 3.958);\n  --color-pink-800: oklch(45.9% 0.187 3.815);\n  --color-pink-900: oklch(40.8% 0.153 2.432);\n  --color-pink-950: oklch(28.4% 0.109 3.907);\n\n  --color-rose-50: oklch(96.9% 0.015 12.422);\n  --color-rose-100: oklch(94.1% 0.03 12.58);\n  --color-rose-200: oklch(89.2% 0.058 10.001);\n  --color-rose-300: oklch(81% 0.117 11.638);\n  --color-rose-400: oklch(71.2% 0.194 13.428);\n  --color-rose-500: oklch(64.5% 0.246 16.439);\n  --color-rose-600: oklch(58.6% 0.253 17.585);\n  --color-rose-700: oklch(51.4% 0.222 16.935);\n  --color-rose-800: oklch(45.5% 0.188 13.697);\n  --color-rose-900: oklch(41% 0.159 10.272);\n  --color-rose-950: oklch(27.1% 0.105 12.094);\n\n  --color-slate-50: oklch(98.4% 0.003 247.858);\n  --color-slate-100: oklch(96.8% 0.007 247.896);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-300: oklch(86.9% 0.022 252.894);\n  --color-slate-400: oklch(70.4% 0.04 256.788);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-slate-600: oklch(44.6% 0.043 257.281);\n  --color-slate-700: oklch(37.2% 0.044 257.287);\n  --color-slate-800: oklch(27.9% 0.041 260.031);\n  --color-slate-900: oklch(20.8% 0.042 265.755);\n  --color-slate-950: oklch(12.9% 0.042 264.695);\n\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: oklch(96.7% 0.003 264.542);\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-300: oklch(87.2% 0.01 258.338);\n  --color-gray-400: oklch(70.7% 0.022 261.325);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-600: oklch(44.6% 0.03 256.802);\n  --color-gray-700: oklch(37.3% 0.034 259.733);\n  --color-gray-800: oklch(27.8% 0.033 256.848);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-gray-950: oklch(13% 0.028 261.692);\n\n  --color-zinc-50: oklch(98.5% 0 0);\n  --color-zinc-100: oklch(96.7% 0.001 286.375);\n  --color-zinc-200: oklch(92% 0.004 286.32);\n  --color-zinc-300: oklch(87.1% 0.006 286.286);\n  --color-zinc-400: oklch(70.5% 0.015 286.067);\n  --color-zinc-500: oklch(55.2% 0.016 285.938);\n  --color-zinc-600: oklch(44.2% 0.017 285.786);\n  --color-zinc-700: oklch(37% 0.013 285.805);\n  --color-zinc-800: oklch(27.4% 0.006 286.033);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-zinc-950: oklch(14.1% 0.005 285.823);\n\n  --color-neutral-50: oklch(98.5% 0 0);\n  --color-neutral-100: oklch(97% 0 0);\n  --color-neutral-200: oklch(92.2% 0 0);\n  --color-neutral-300: oklch(87% 0 0);\n  --color-neutral-400: oklch(70.8% 0 0);\n  --color-neutral-500: oklch(55.6% 0 0);\n  --color-neutral-600: oklch(43.9% 0 0);\n  --color-neutral-700: oklch(37.1% 0 0);\n  --color-neutral-800: oklch(26.9% 0 0);\n  --color-neutral-900: oklch(20.5% 0 0);\n  --color-neutral-950: oklch(14.5% 0 0);\n\n  --color-stone-50: oklch(98.5% 0.001 106.423);\n  --color-stone-100: oklch(97% 0.001 106.424);\n  --color-stone-200: oklch(92.3% 0.003 48.717);\n  --color-stone-300: oklch(86.9% 0.005 56.366);\n  --color-stone-400: oklch(70.9% 0.01 56.259);\n  --color-stone-500: oklch(55.3% 0.013 58.071);\n  --color-stone-600: oklch(44.4% 0.011 73.639);\n  --color-stone-700: oklch(37.4% 0.01 67.558);\n  --color-stone-800: oklch(26.8% 0.007 34.298);\n  --color-stone-900: oklch(21.6% 0.006 56.043);\n  --color-stone-950: oklch(14.7% 0.004 49.25);\n\n  --color-mauve-50: oklch(98.5% 0 0);\n  --color-mauve-100: oklch(96% 0.003 325.6);\n  --color-mauve-200: oklch(92.2% 0.005 325.62);\n  --color-mauve-300: oklch(86.5% 0.012 325.68);\n  --color-mauve-400: oklch(71.1% 0.019 323.02);\n  --color-mauve-500: oklch(54.2% 0.034 322.5);\n  --color-mauve-600: oklch(43.5% 0.029 321.78);\n  --color-mauve-700: oklch(36.4% 0.029 323.89);\n  --color-mauve-800: oklch(26.3% 0.024 320.12);\n  --color-mauve-900: oklch(21.2% 0.019 322.12);\n  --color-mauve-950: oklch(14.5% 0.008 326);\n\n  --color-olive-50: oklch(98.8% 0.003 106.5);\n  --color-olive-100: oklch(96.6% 0.005 106.5);\n  --color-olive-200: oklch(93% 0.007 106.5);\n  --color-olive-300: oklch(88% 0.011 106.6);\n  --color-olive-400: oklch(73.7% 0.021 106.9);\n  --color-olive-500: oklch(58% 0.031 107.3);\n  --color-olive-600: oklch(46.6% 0.025 107.3);\n  --color-olive-700: oklch(39.4% 0.023 107.4);\n  --color-olive-800: oklch(28.6% 0.016 107.4);\n  --color-olive-900: oklch(22.8% 0.013 107.4);\n  --color-olive-950: oklch(15.3% 0.006 107.1);\n\n  --color-mist-50: oklch(98.7% 0.002 197.1);\n  --color-mist-100: oklch(96.3% 0.002 197.1);\n  --color-mist-200: oklch(92.5% 0.005 214.3);\n  --color-mist-300: oklch(87.2% 0.007 219.6);\n  --color-mist-400: oklch(72.3% 0.014 214.4);\n  --color-mist-500: oklch(56% 0.021 213.5);\n  --color-mist-600: oklch(45% 0.017 213.2);\n  --color-mist-700: oklch(37.8% 0.015 216);\n  --color-mist-800: oklch(27.5% 0.011 216.9);\n  --color-mist-900: oklch(21.8% 0.008 223.9);\n  --color-mist-950: oklch(14.8% 0.004 228.8);\n\n  --color-taupe-50: oklch(98.6% 0.002 67.8);\n  --color-taupe-100: oklch(96% 0.002 17.2);\n  --color-taupe-200: oklch(92.2% 0.005 34.3);\n  --color-taupe-300: oklch(86.8% 0.007 39.5);\n  --color-taupe-400: oklch(71.4% 0.014 41.2);\n  --color-taupe-500: oklch(54.7% 0.021 43.1);\n  --color-taupe-600: oklch(43.8% 0.017 39.3);\n  --color-taupe-700: oklch(36.7% 0.016 35.7);\n  --color-taupe-800: oklch(26.8% 0.011 36.5);\n  --color-taupe-900: oklch(21.4% 0.009 43.1);\n  --color-taupe-950: oklch(14.7% 0.004 49.3);\n\n  --color-black: #000;\n  --color-white: #fff;\n\n  --spacing: 0.25rem;\n\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  --container-3xs: 16rem;\n  --container-2xs: 18rem;\n  --container-xs: 20rem;\n  --container-sm: 24rem;\n  --container-md: 28rem;\n  --container-lg: 32rem;\n  --container-xl: 36rem;\n  --container-2xl: 42rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n  --container-5xl: 64rem;\n  --container-6xl: 72rem;\n  --container-7xl: 80rem;\n\n  --text-xs: 0.75rem;\n  --text-xs--line-height: calc(1 / 0.75);\n  --text-sm: 0.875rem;\n  --text-sm--line-height: calc(1.25 / 0.875);\n  --text-base: 1rem;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 1.125rem;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 1.25rem;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 6rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 8rem;\n  --text-9xl--line-height: 1;\n\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n\n  --tracking-tighter: -0.05em;\n  --tracking-tight: -0.025em;\n  --tracking-normal: 0em;\n  --tracking-wide: 0.025em;\n  --tracking-wider: 0.05em;\n  --tracking-widest: 0.1em;\n\n  --leading-tight: 1.25;\n  --leading-snug: 1.375;\n  --leading-normal: 1.5;\n  --leading-relaxed: 1.625;\n  --leading-loose: 2;\n\n  --radius-xs: 0.125rem;\n  --radius-sm: 0.25rem;\n  --radius-md: 0.375rem;\n  --radius-lg: 0.5rem;\n  --radius-xl: 0.75rem;\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  --radius-4xl: 2rem;\n\n  --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n  --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n  --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n\n  --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n  --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n  --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n  --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n  --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);\n  --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);\n  --text-shadow-sm:\n    0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);\n  --text-shadow-md:\n    0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);\n  --text-shadow-lg:\n    0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);\n\n  --ease-in: cubic-bezier(0.4, 0, 1, 1);\n  --ease-out: cubic-bezier(0, 0, 0.2, 1);\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n  --animate-spin: spin 1s linear infinite;\n  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --animate-bounce: bounce 1s infinite;\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes ping {\n    75%,\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n\n  @keyframes pulse {\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  @keyframes bounce {\n    0%,\n    100% {\n      transform: translateY(-25%);\n      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n    }\n\n    50% {\n      transform: none;\n      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    }\n  }\n\n  --blur-xs: 4px;\n  --blur-sm: 8px;\n  --blur-md: 12px;\n  --blur-lg: 16px;\n  --blur-xl: 24px;\n  --blur-2xl: 40px;\n  --blur-3xl: 64px;\n\n  --perspective-dramatic: 100px;\n  --perspective-near: 300px;\n  --perspective-normal: 500px;\n  --perspective-midrange: 800px;\n  --perspective-distant: 1200px;\n\n  --aspect-video: 16 / 9;\n\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: --theme(--font-sans, initial);\n  --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial);\n  --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial);\n  --default-mono-font-family: --theme(--font-mono, initial);\n  --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial);\n  --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);\n}\n\n/* Deprecated */\n@theme default inline reference {\n  --blur: 8px;\n  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);\n  --radius: 0.25rem;\n  --max-width-prose: 65ch;\n}\n";
+var TAILWIND_UTILITIES_CSS = "@tailwind utilities;\n";
+
+// ../variant-compiler/src/tailwind.ts
+var THEME_INPUT = `
+@import "tailwindcss/theme.css" theme(reference);
+@import "tailwindcss/utilities.css";
+@custom-variant dark (&:is([data-theme="dark"] *));
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+`;
+var FILES = {
+  "tailwindcss/theme.css": TAILWIND_THEME_CSS,
+  "tailwindcss/utilities.css": TAILWIND_UTILITIES_CSS
+};
+var compilerPromise = null;
+function getCompiler() {
+  if (!compilerPromise) {
+    compilerPromise = compile(THEME_INPUT, {
+      base: "/",
+      loadStylesheet: /* @__PURE__ */ __name(async (id) => ({ path: "/" + id, base: "/", content: FILES[id] ?? "" }), "loadStylesheet"),
+      loadModule: /* @__PURE__ */ __name(async () => {
+        throw new Error("WVF: JS modules are not available to Tailwind");
+      }, "loadModule")
+    });
+  }
+  return compilerPromise;
+}
+__name(getCompiler, "getCompiler");
+var CANDIDATE_RE = /^[!@]?[A-Za-z0-9_][\w:/\[\].%#(),-]*$/;
+var MACRO_CLASSES = [
+  "mx-auto w-full px-6",
+  "inline-flex items-center justify-center font-medium transition-all duration-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "bg-primary text-primary-foreground hover:opacity-90 shadow-sm",
+  "border border-border text-foreground hover:bg-muted",
+  "text-foreground hover:bg-muted",
+  "px-4 py-2 text-sm px-6 py-3 text-base px-8 py-4 text-lg",
+  "gap-1.5 px-2.5 py-1 rounded-md border-dashed text-xs whitespace-nowrap font-mono break-all w-3.5 h-3.5 shrink-0",
+  "mt-10 flex justify-start justify-center justify-end hover:border-primary/30 text-primary hover:underline w-4 h-4 relative"
+];
+function pickCandidates(tokens) {
+  const set = /* @__PURE__ */ new Set();
+  for (const raw of [...MACRO_CLASSES, ...tokens]) {
+    for (const t of raw.split(/\s+/)) {
+      if (!t || t.length > 96 || !CANDIDATE_RE.test(t)) continue;
+      if (/url\(/i.test(t)) continue;
+      set.add(t);
+    }
+  }
+  return [...set].sort();
+}
+__name(pickCandidates, "pickCandidates");
+async function compileTailwind(candidates) {
+  if (!candidates.length) return "";
+  const c = await getCompiler();
+  const css = c.build(candidates);
+  return css.replace(/^\/\*![\s\S]*?\*\/\s*/, "");
+}
+__name(compileTailwind, "compileTailwind");
+
+// ../variant-compiler/src/schema.ts
+function typeOf(s) {
+  if (!s) return "unknown";
+  const t = s.type;
+  if (typeof t === "string") return t;
+  if (Array.isArray(t)) return t.filter((x) => x !== "null")[0] ?? "unknown";
+  if (s.anyOf || s.oneOf) {
+    const alts = (s.anyOf ?? s.oneOf).map(typeOf).filter((x) => x !== "null");
+    return alts[0] ?? "unknown";
+  }
+  return "unknown";
+}
+__name(typeOf, "typeOf");
+function deriveSchema(fields, props, base) {
+  const lint = [];
+  const readKeys = new Set(props.map((p) => p.key));
+  const declared = new Map(fields.map((f) => [f.key, f]));
+  const extProps = {};
+  const usedFields = [];
+  for (const f of fields) {
+    if (!f.optional) lint.push({ level: "warning", code: "props-optional", message: `prop '${f.key}' should be optional (\`${f.key}?:\`) \u2014 content may omit it` });
+    const baseField = base?.properties[f.key];
+    if (baseField) {
+      usedFields.push(f.key);
+      const bt = typeOf(baseField);
+      const ft = typeOf(f.schema);
+      if (bt !== "unknown" && ft !== bt) lint.push({ level: "warning", code: "props-type-mismatch", message: `prop '${f.key}' is '${ft}' but the base schema has '${bt}' \u2014 the editor uses the base type` });
+      continue;
+    }
+    extProps[f.key] = { ...f.schema, ...f.description ? { description: f.description } : {} };
+  }
+  for (const k of readKeys) {
+    if (!declared.has(k)) lint.push({ level: "warning", code: "props-undeclared", message: `'${k}' is read from Astro.props but not declared in interface Props` });
+    else if (!base?.properties[k] && !(k in extProps)) extProps[k] = { type: "string" };
+    if (base?.properties[k] && !usedFields.includes(k)) usedFields.push(k);
+  }
+  const hiddenFields = base ? Object.keys(base.properties).filter((k) => !usedFields.includes(k)) : [];
+  const extension = { type: "object", properties: extProps, additionalProperties: true };
+  return { extension, hiddenFields, usedFields, lint };
+}
+__name(deriveSchema, "deriveSchema");
+
+// ../variant-compiler/src/index.ts
+var COMPILER_VERSION = "0.1.0";
+var IR_MAX_BYTES = 256 * 1024;
+var CSS_MAX_BYTES = 64 * 1024;
+var STRICT_CODES = /* @__PURE__ */ new Set(["dead-text", "hardcoded-color", "hardcoded-radius", "hardcoded-font", "hardcoded-image", "img-alt", "props-optional"]);
+var BUILTIN_IDS = /* @__PURE__ */ new Set(["t", "img", "url", "editChrome", "Math", "String", "Number", "Boolean", "Array", "undefined"]);
+async function compile2(source, opts) {
+  const lint = [];
+  const fail = /* @__PURE__ */ __name((partial = {}) => ({
+    ok: false,
+    ir: null,
+    schema: { type: "object", properties: {} },
+    hiddenFields: [],
+    usedFields: [],
+    hasScript: false,
+    lint,
+    classCandidates: [],
+    compilerVersion: COMPILER_VERSION,
+    ...partial
+  }), "fail");
+  const pe = /* @__PURE__ */ __name((e) => e instanceof ParseError ? { level: "error", code: e.code, message: e.message, line: e.line } : { level: "error", code: "internal", message: String(e?.message ?? e) }, "pe");
+  const norm = source.replace(/\r\n?/g, "\n");
+  const fm = /^\s*---[ \t]*\n([\s\S]*?)\n---[ \t]*\n?([\s\S]*)$/.exec(norm);
+  if (!fm) {
+    lint.push({ level: "error", code: "frontmatter", message: "file must start with a `---` frontmatter block containing `interface Props`", line: 1 });
+    return fail();
+  }
+  const fmSrc = fm[1];
+  const tplSrc = fm[2];
+  const fmLineOffset = (norm.slice(0, fm.index + norm.slice(fm.index).indexOf("---")).match(/\n/g) ?? []).length + 1;
+  const tplLineOffset = fmLineOffset + (fmSrc.match(/\n/g) ?? []).length + 2;
+  let front;
+  try {
+    front = parseFrontmatter(fmSrc, fmLineOffset);
+  } catch (e) {
+    lint.push(pe(e));
+    return fail();
+  }
+  let tpl;
+  try {
+    tpl = parseTemplate(tplSrc, tplLineOffset - 1);
+  } catch (e) {
+    lint.push(pe(e));
+    return fail();
+  }
+  if (!tpl.root.some((n) => n.t !== "txt" || n.v.trim())) lint.push({ level: "error", code: "empty", message: "template has no markup" });
+  const aliases = front.aliases;
+  const declared = /* @__PURE__ */ new Set([...BUILTIN_IDS, ...front.props.map((p) => p.name), ...front.consts.map((c) => c.name), ...Object.keys(aliases)]);
+  const renameId = /* @__PURE__ */ __name((n) => aliases[n] ?? n, "renameId");
+  const checkIds = /* @__PURE__ */ __name((e, local) => walkIds(e, local, (name, scope) => {
+    if (!declared.has(name) && !scope.has(name)) lint.push({ level: "error", code: "unknown-id", message: `'${name}' is not defined (props, const, or helpers t/img/url only)` });
+  }), "checkIds");
+  for (const p of front.props) if (p.def) {
+    rewriteIds(p.def, renameId);
+    checkIds(p.def, /* @__PURE__ */ new Set());
+  }
+  for (const c of front.consts) {
+    rewriteIds(c.e, renameId);
+    checkIds(c.e, /* @__PURE__ */ new Set());
+  }
+  walkNodes(tpl.root, (e) => {
+    rewriteIds(e, renameId);
+    checkIds(e, /* @__PURE__ */ new Set());
+  });
+  let userCss = "";
+  for (const s of tpl.styles) {
+    lint.push(...lintCss(s.text, opts.sectionType, s.attrs).map((m) => ({ ...m, line: m.line ?? s.line })));
+    userCss += s.text + "\n";
+  }
+  if (tpl.scripts.length > 1) lint.push({ level: "error", code: "script-count", message: "only one <script is:inline> block is allowed" });
+  const script = tpl.scripts[0]?.text.trim() ?? "";
+  if (tpl.scripts[0]) lint.push(...lintScript(script, tpl.scripts[0].attrs).map((m) => ({ ...m, line: m.line != null ? m.line + tpl.scripts[0].line : tpl.scripts[0].line })));
+  lint.push(...lintHtml(tpl.root, opts.sectionType));
+  const strings = [];
+  walkNodes(tpl.root, (e) => collectStrings(e, strings), (attrs) => {
+    for (const v of Object.values(attrs)) if (typeof v === "string") strings.push(v);
+  });
+  for (const c of front.consts) collectStrings(c.e, strings);
+  for (const p of front.props) if (p.def) collectStrings(p.def, strings);
+  const classCandidates = pickCandidates(strings);
+  let twCss = "";
+  if (!opts.skipTailwind) {
+    try {
+      twCss = await compileTailwind(classCandidates);
+    } catch (e) {
+      lint.push({ level: "error", code: "tailwind", message: `Tailwind compile failed: ${e.message}` });
+    }
+  }
+  let css = "";
+  try {
+    css = scopeCss(twCss, ROOT_PLACEHOLDER) + (userCss.trim() ? "\n" + scopeCss(userCss, ROOT_PLACEHOLDER) : "");
+  } catch (e) {
+    lint.push({ level: "error", code: "css-parse", message: `could not scope CSS: ${e.message}` });
+  }
+  if (css.length > CSS_MAX_BYTES) lint.push({ level: "error", code: "css-size", message: `compiled CSS exceeds ${CSS_MAX_BYTES / 1024} KB` });
+  const sch = deriveSchema(front.fields, front.props, opts.base ?? null);
+  lint.push(...sch.lint);
+  if (opts.strict) {
+    for (const m of lint) if (m.level === "warning" && STRICT_CODES.has(m.code)) m.level = "error";
+  }
+  const ir = { v: 1, sectionType: opts.sectionType, props: front.props, consts: front.consts, root: tpl.root, css, script };
+  const irBytes = JSON.stringify(ir).length;
+  if (irBytes > IR_MAX_BYTES) lint.push({ level: "error", code: "ir-size", message: `compiled variant exceeds ${IR_MAX_BYTES / 1024} KB` });
+  const ok = !lint.some((m) => m.level === "error");
+  return {
+    ok,
+    ir: ok ? ir : null,
+    schema: sch.extension,
+    hiddenFields: sch.hiddenFields,
+    usedFields: sch.usedFields,
+    hasScript: script.length > 0,
+    lint,
+    classCandidates,
+    compilerVersion: COMPILER_VERSION
+  };
+}
+__name(compile2, "compile");
+function walkNodes(nodes, onExpr, onAttrs) {
+  for (const n of nodes) {
+    if (n.t === "ex") onExpr(n.e);
+    else if (n.t === "el" || n.t === "comp") {
+      const attrs = n.t === "el" ? n.attrs : n.props;
+      onAttrs?.(attrs);
+      for (const v of Object.values(attrs)) {
+        if (typeof v === "object" && v !== null) {
+          const e = "list" in v ? v.list : v.e;
+          onExpr(e);
+        }
+      }
+      walkNodes(n.ch, onExpr, onAttrs);
+    }
+  }
+}
+__name(walkNodes, "walkNodes");
+function rewriteIds(e, rename) {
+  switch (e.k) {
+    case "id":
+      e.n = rename(e.n);
+      break;
+    case "mem":
+      rewriteIds(e.o, rename);
+      break;
+    case "idx":
+      rewriteIds(e.o, rename);
+      rewriteIds(e.i, rename);
+      break;
+    case "call":
+      rewriteIds(e.c, rename);
+      e.a.forEach((a) => rewriteIds(a, rename));
+      break;
+    case "un":
+      rewriteIds(e.a, rename);
+      break;
+    case "bin":
+      rewriteIds(e.l, rename);
+      rewriteIds(e.r, rename);
+      break;
+    case "cond":
+      rewriteIds(e.t, rename);
+      rewriteIds(e.a, rename);
+      rewriteIds(e.b, rename);
+      break;
+    case "tpl":
+      e.parts.forEach((p) => typeof p !== "string" && rewriteIds(p, rename));
+      break;
+    case "arr":
+      e.items.forEach((a) => rewriteIds(a, rename));
+      break;
+    case "obj":
+      e.props.forEach((p) => rewriteIds(p.v, rename));
+      break;
+    case "fn":
+      rewriteIds(e.body, rename);
+      break;
+    case "jsx": {
+      const visit = /* @__PURE__ */ __name((nodes) => {
+        for (const n of nodes) {
+          if (n.t === "ex") rewriteIds(n.e, rename);
+          else if (n.t === "el" || n.t === "comp") {
+            for (const v of Object.values(n.t === "el" ? n.attrs : n.props)) if (typeof v === "object" && v !== null) rewriteIds("list" in v ? v.list : v.e, rename);
+            visit(n.ch);
+          }
+        }
+      }, "visit");
+      visit(e.n);
+      break;
+    }
+    default:
+      break;
+  }
+}
+__name(rewriteIds, "rewriteIds");
+function walkIds(e, local, onId) {
+  switch (e.k) {
+    case "id":
+      onId(e.n, local);
+      break;
+    case "mem":
+      walkIds(e.o, local, onId);
+      break;
+    case "idx":
+      walkIds(e.o, local, onId);
+      walkIds(e.i, local, onId);
+      break;
+    case "call":
+      walkIds(e.c, local, onId);
+      e.a.forEach((a) => walkIds(a, local, onId));
+      break;
+    case "un":
+      walkIds(e.a, local, onId);
+      break;
+    case "bin":
+      walkIds(e.l, local, onId);
+      walkIds(e.r, local, onId);
+      break;
+    case "cond":
+      walkIds(e.t, local, onId);
+      walkIds(e.a, local, onId);
+      walkIds(e.b, local, onId);
+      break;
+    case "tpl":
+      e.parts.forEach((p) => typeof p !== "string" && walkIds(p, local, onId));
+      break;
+    case "arr":
+      e.items.forEach((a) => walkIds(a, local, onId));
+      break;
+    case "obj":
+      e.props.forEach((p) => walkIds(p.v, local, onId));
+      break;
+    case "fn": {
+      const inner = /* @__PURE__ */ new Set([...local, ...e.params]);
+      walkIds(e.body, inner, onId);
+      break;
+    }
+    case "jsx": {
+      const visit = /* @__PURE__ */ __name((nodes) => {
+        for (const n of nodes) {
+          if (n.t === "ex") walkIds(n.e, local, onId);
+          else if (n.t === "el" || n.t === "comp") {
+            for (const v of Object.values(n.t === "el" ? n.attrs : n.props)) if (typeof v === "object" && v !== null) walkIds("list" in v ? v.list : v.e, local, onId);
+            visit(n.ch);
+          }
+        }
+      }, "visit");
+      visit(e.n);
+      break;
+    }
+    default:
+      break;
+  }
+}
+__name(walkIds, "walkIds");
+function collectStrings(e, out) {
+  switch (e.k) {
+    case "lit":
+      if (typeof e.v === "string") out.push(e.v);
+      break;
+    case "tpl":
+      e.parts.forEach((p) => typeof p === "string" ? out.push(p) : collectStrings(p, out));
+      break;
+    case "mem":
+      collectStrings(e.o, out);
+      break;
+    case "idx":
+      collectStrings(e.o, out);
+      collectStrings(e.i, out);
+      break;
+    case "call":
+      collectStrings(e.c, out);
+      e.a.forEach((a) => collectStrings(a, out));
+      break;
+    case "un":
+      collectStrings(e.a, out);
+      break;
+    case "bin":
+      collectStrings(e.l, out);
+      collectStrings(e.r, out);
+      break;
+    case "cond":
+      collectStrings(e.t, out);
+      collectStrings(e.a, out);
+      collectStrings(e.b, out);
+      break;
+    case "arr":
+      e.items.forEach((a) => collectStrings(a, out));
+      break;
+    case "obj":
+      e.props.forEach((p) => {
+        out.push(p.key);
+        collectStrings(p.v, out);
+      });
+      break;
+    case "fn":
+      collectStrings(e.body, out);
+      break;
+    case "jsx": {
+      const visit = /* @__PURE__ */ __name((nodes) => {
+        for (const n of nodes) {
+          if (n.t === "ex") collectStrings(n.e, out);
+          else if (n.t === "el" || n.t === "comp") {
+            for (const v of Object.values(n.t === "el" ? n.attrs : n.props)) {
+              if (typeof v === "string") out.push(v);
+              else if (typeof v === "object" && v !== null) collectStrings("list" in v ? v.list : v.e, out);
+            }
+            visit(n.ch);
+          }
+        }
+      }, "visit");
+      visit(e.n);
+      break;
+    }
+    default:
+      break;
+  }
+}
+__name(collectStrings, "collectStrings");
+
+// ../variant-compiler/src/runtime/eval.ts
+function isJsxValue(v) {
+  return typeof v === "object" && v !== null && v.__wvJsx === true;
+}
+__name(isJsxValue, "isJsxValue");
+var FORBIDDEN_PROPS = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
+var ARRAY_METHODS = /* @__PURE__ */ new Set(["map", "filter", "slice", "join", "includes", "indexOf", "some", "every", "find", "findIndex", "flat", "concat", "at"]);
+var STRING_METHODS = /* @__PURE__ */ new Set(["slice", "substring", "includes", "startsWith", "endsWith", "trim", "toUpperCase", "toLowerCase", "split", "replace", "replaceAll", "indexOf", "padStart", "padEnd", "charAt", "at", "repeat"]);
+var NUMBER_METHODS = /* @__PURE__ */ new Set(["toFixed", "toLocaleString", "toString"]);
+var MATH_FNS = /* @__PURE__ */ new Set(["min", "max", "floor", "ceil", "round", "abs", "trunc", "sign", "sqrt", "pow"]);
+var MATH_PROXY = Object.freeze({ __wvMath: true });
+var STEP_LIMIT = 2e5;
+var EvalBudget = class {
+  static {
+    __name(this, "EvalBudget");
+  }
+  steps = 0;
+  tick() {
+    if (++this.steps > STEP_LIMIT) throw new Error("WVF: expression step limit exceeded");
+  }
+};
+function makeScope(parent) {
+  return Object.create(parent ?? null);
+}
+__name(makeScope, "makeScope");
+function readProp(o, p) {
+  if (o == null || FORBIDDEN_PROPS.has(p)) return void 0;
+  if (Array.isArray(o) || typeof o === "string") return p === "length" ? o.length : void 0;
+  if (typeof o === "object") return Object.prototype.hasOwnProperty.call(o, p) ? o[p] : void 0;
+  return void 0;
+}
+__name(readProp, "readProp");
+function evalExpr(e, scope, budget) {
+  budget.tick();
+  switch (e.k) {
+    case "lit":
+      return e.v;
+    case "id": {
+      if (e.n in scope) return scope[e.n];
+      if (e.n === "Math") return MATH_PROXY;
+      if (e.n === "String") return String;
+      if (e.n === "Number") return Number;
+      if (e.n === "Boolean") return Boolean;
+      if (e.n === "Array") return { __wvArray: true };
+      return void 0;
+    }
+    case "mem":
+      return readProp(evalExpr(e.o, scope, budget), e.p);
+    case "idx": {
+      const o = evalExpr(e.o, scope, budget);
+      const i = evalExpr(e.i, scope, budget);
+      if (o == null) return void 0;
+      if (typeof i === "number" && (Array.isArray(o) || typeof o === "string")) return o[i];
+      if (typeof i === "string") return readProp(o, i);
+      return void 0;
+    }
+    case "call": {
+      const a = e.a.map((x) => evalExpr(x, scope, budget));
+      if (e.c.k === "mem") {
+        const recv = evalExpr(e.c.o, scope, budget);
+        const m = e.c.p;
+        if (recv == null) return void 0;
+        if (recv === MATH_PROXY) return MATH_FNS.has(m) ? Math[m](...a) : void 0;
+        if (recv.__wvArray) return m === "isArray" ? Array.isArray(a[0]) : m === "from" ? Array.from(a[0] ?? []) : void 0;
+        if (Array.isArray(recv) && ARRAY_METHODS.has(m)) {
+          if (recv.length > 5e3) throw new Error("WVF: array too large");
+          return recv[m](...a);
+        }
+        if (typeof recv === "string" && STRING_METHODS.has(m)) {
+          if (m === "repeat" && typeof a[0] === "number" && a[0] > 1e3) return void 0;
+          return recv[m](...a);
+        }
+        if (typeof recv === "number" && NUMBER_METHODS.has(m)) return recv[m](...a);
+        return void 0;
+      }
+      const fn = evalExpr(e.c, scope, budget);
+      return typeof fn === "function" ? fn(...a) : void 0;
+    }
+    case "un": {
+      const v = evalExpr(e.a, scope, budget);
+      if (e.op === "!") return !v;
+      if (e.op === "-") return -v;
+      if (e.op === "+") return +v;
+      return typeof v;
+    }
+    case "bin": {
+      const l = evalExpr(e.l, scope, budget);
+      if (e.op === "&&") return l && evalExpr(e.r, scope, budget);
+      if (e.op === "||") return l || evalExpr(e.r, scope, budget);
+      if (e.op === "??") return l ?? evalExpr(e.r, scope, budget);
+      const r = evalExpr(e.r, scope, budget);
+      switch (e.op) {
+        case "===":
+          return l === r;
+        case "!==":
+          return l !== r;
+        case "==":
+          return l == r;
+        case "!=":
+          return l != r;
+        case "<":
+          return l < r;
+        case ">":
+          return l > r;
+        case "<=":
+          return l <= r;
+        case ">=":
+          return l >= r;
+        case "+":
+          return l + r;
+        case "-":
+          return l - r;
+        case "*":
+          return l * r;
+        case "/":
+          return l / r;
+        case "%":
+          return l % r;
+      }
+      return void 0;
+    }
+    case "cond":
+      return evalExpr(e.t, scope, budget) ? evalExpr(e.a, scope, budget) : evalExpr(e.b, scope, budget);
+    case "tpl":
+      return e.parts.map((x) => typeof x === "string" ? x : stringify(evalExpr(x, scope, budget))).join("");
+    case "arr":
+      return e.items.map((x) => evalExpr(x, scope, budget));
+    case "obj": {
+      const o = {};
+      for (const pr of e.props) o[pr.key] = evalExpr(pr.v, scope, budget);
+      return o;
+    }
+    case "fn":
+      return (...args) => {
+        const s = makeScope(scope);
+        e.params.forEach((n, i) => {
+          s[n] = args[i];
+        });
+        return evalExpr(e.body, s, budget);
+      };
+    case "jsx":
+      return { __wvJsx: true, nodes: e.n, scope };
+  }
+}
+__name(evalExpr, "evalExpr");
+function stringify(v) {
+  if (v == null || v === false || v === true) return "";
+  if (typeof v === "string") return v;
+  if (typeof v === "number") return Number.isFinite(v) ? String(v) : "";
+  if (Array.isArray(v)) return v.map(stringify).join("");
+  return "";
+}
+__name(stringify, "stringify");
+
+// ../variant-compiler/src/runtime/serialize.ts
+var VOID = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "source", "track", "wbr"]);
+var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "poster", "data-lightbox-src", "xlink:href"]);
+var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "form", "input", "textarea", "select", "link", "meta", "base", "style", "template", "frame", "frameset", "applet", "noscript", "html", "head", "body"]);
+function flattenClassList(v) {
+  if (v == null || v === false || v === true) return "";
+  if (typeof v === "string") return v;
+  if (Array.isArray(v)) return v.map(flattenClassList).filter(Boolean).join(" ");
+  if (typeof v === "object") {
+    return Object.entries(v).filter(([, on]) => !!on).map(([k]) => k).join(" ");
+  }
+  return String(v);
+}
+__name(flattenClassList, "flattenClassList");
+function attrValue(val, scope, budget) {
+  if (val === true) return true;
+  if (typeof val === "string") return val;
+  if ("list" in val) return flattenClassList(evalExpr(val.list, scope, budget));
+  return evalExpr(val.e, scope, budget);
+}
+__name(attrValue, "attrValue");
+function attrsToString(attrs, scope, budget) {
+  let out = "";
+  const classes = [];
+  for (const [rawName, val] of Object.entries(attrs)) {
+    const name = rawName.toLowerCase();
+    if (/^on/.test(name) || name === "srcdoc" || name.startsWith("set:") || name === "is:raw" || name === "define:vars") continue;
+    if (name === "class:list") {
+      classes.push(flattenClassList(attrValue(val, scope, budget)));
+      continue;
+    }
+    const v = attrValue(val, scope, budget);
+    if (name === "class") {
+      classes.push(flattenClassList(v));
+      continue;
+    }
+    if (v === false || v == null) continue;
+    if (v === true) {
+      out += ` ${name}`;
+      continue;
+    }
+    let s = stringify(v);
+    if (URL_ATTRS.has(name)) s = sanitizeUrl(s);
+    if (name === "style" && /url\s*\(|expression\s*\(|@import|behavior\s*:/i.test(s)) continue;
+    out += ` ${name}="${escAttr(s)}"`;
+  }
+  const cls = classes.filter(Boolean).join(" ");
+  if (cls) out += ` class="${escAttr(cls)}"`;
+  return out;
+}
+__name(attrsToString, "attrsToString");
+var BUTTON_BASE = "inline-flex items-center justify-center font-medium transition-all duration-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2";
+var BUTTON_VARIANTS = {
+  default: "bg-primary text-primary-foreground hover:opacity-90 shadow-sm",
+  outline: "border border-border text-foreground hover:bg-muted",
+  ghost: "text-foreground hover:bg-muted"
+};
+var BUTTON_SIZES = { sm: "px-4 py-2 text-sm", default: "px-6 py-3 text-base", lg: "px-8 py-4 text-lg" };
+var VIEWMORE_STYLES = {
+  outline: "px-6 py-3 text-sm font-medium border border-border text-foreground hover:bg-muted hover:border-primary/30",
+  link: "text-sm font-medium text-primary hover:underline",
+  solid: "px-6 py-3 text-sm font-medium bg-primary text-primary-foreground hover:opacity-90 shadow-sm"
+};
+function editUrlPillHtml(field, value, anchor = "below", extraClass = "") {
+  const pos = anchor === "above" ? "bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;" : anchor === "right" ? "top:50%;left:100%;transform:translateY(-50%);margin-left:6px;" : anchor === "left" ? "top:50%;right:100%;transform:translateY(-50%);margin-right:6px;" : "top:100%;left:50%;transform:translateX(-50%);margin-top:4px;";
+  return `<div data-edit-reveal data-anchor="${escAttr(anchor)}" class="edit-url-pill${extraClass ? " " + escAttr(extraClass) : ""}" style="display:none;position:absolute;z-index:10;pointer-events:auto;${pos}"><div class="edit-url-pill__inner inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md border border-dashed text-xs whitespace-nowrap shadow-sm" style="color:var(--color-background,#fff);border-color:color-mix(in srgb,var(--color-foreground,#000) 40%,transparent);background-color:var(--color-foreground,#000);text-transform:none;letter-spacing:normal;"><svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg><span data-edit-field="${escAttr(field)}" class="font-mono break-all">${escText(value)}</span></div></div>`;
+}
+__name(editUrlPillHtml, "editUrlPillHtml");
+function renderComponent(n, scope, ctx, budget) {
+  const p = {};
+  for (const [k, v] of Object.entries(n.props)) p[k] = attrValue(v, scope, budget);
+  const inner = /* @__PURE__ */ __name(() => renderNodes(n.ch, scope, ctx, budget), "inner");
+  switch (n.name) {
+    case "Container":
+      return `<div class="${escAttr(["mx-auto w-full px-6", flattenClassList(p.class)].filter(Boolean).join(" "))}" style="max-width: var(--site-max-width, 72rem);">${inner()}</div>`;
+    case "Button": {
+      const cls = [BUTTON_BASE, BUTTON_VARIANTS[String(p.variant ?? "default")] ?? BUTTON_VARIANTS.default, BUTTON_SIZES[String(p.size ?? "default")] ?? BUTTON_SIZES.default, flattenClassList(p.class)].filter(Boolean).join(" ");
+      if (p.href != null) return `<a href="${escAttr(sanitizeUrl(stringify(p.href)))}" class="${escAttr(cls)}" data-track="cta">${inner()}</a>`;
+      return `<button type="button" class="${escAttr(cls)}">${inner()}</button>`;
+    }
+    case "EditUrlPill":
+      return editUrlPillHtml(stringify(p.field), stringify(p.value), stringify(p.anchor) || "below", flattenClassList(p.class));
+    case "ViewMoreLink": {
+      const url = stringify(p.url);
+      if (!url) return "";
+      const style = String(p.style ?? "outline");
+      const align = String(p.align ?? "center");
+      const justify = align === "left" ? "justify-start" : align === "right" ? "justify-end" : "justify-center";
+      const cls = `relative inline-flex items-center gap-1.5 transition-all duration-200 ${VIEWMORE_STYLES[style] ?? VIEWMORE_STYLES.outline}`;
+      const text = stringify(p.text) || "Lihat Selengkapnya";
+      return `<div class="mt-10 flex ${justify}"><a href="${escAttr(sanitizeUrl(url))}" class="${escAttr(cls)}"${style === "link" ? "" : ' style="border-radius: var(--radius);"'} data-track="cta"><span data-edit-field="viewMoreText">${escText(text)}</span><svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /></svg>${editUrlPillHtml("viewMoreUrl", url)}</a></div>`;
+    }
+  }
+}
+__name(renderComponent, "renderComponent");
+function renderValue(v, ctx, budget) {
+  if (v == null || v === false || v === true) return "";
+  if (isJsxValue(v)) return renderNodes(v.nodes, v.scope, ctx, budget);
+  if (Array.isArray(v)) return v.map((x) => renderValue(x, ctx, budget)).join("");
+  return escText(stringify(v));
+}
+__name(renderValue, "renderValue");
+function renderNodes(nodes, scope, ctx, budget) {
+  let out = "";
+  for (const n of nodes) out += renderNode(n, scope, ctx, budget);
+  return out;
+}
+__name(renderNodes, "renderNodes");
+function renderNode(n, scope, ctx, budget) {
+  budget.tick();
+  switch (n.t) {
+    case "txt":
+      return escText(n.v);
+    case "ex":
+      return renderValue(evalExpr(n.e, scope, budget), ctx, budget);
+    case "comp":
+      return renderComponent(n, scope, ctx, budget);
+    case "el": {
+      const tag = n.tag.toLowerCase();
+      if (BLOCKED_TAGS.has(tag) || !/^[a-z][a-z0-9-]*$/.test(tag)) return "";
+      const editUrl = n.attrs["data-edit-url"];
+      let attrs = n.attrs;
+      let pill = "";
+      if (editUrl !== void 0) {
+        const { ["data-edit-url"]: _drop, ...rest } = n.attrs;
+        attrs = rest;
+        const field = stringify(attrValue(editUrl, scope, budget));
+        const hrefVal = n.attrs.href !== void 0 ? stringify(attrValue(n.attrs.href, scope, budget)) : "";
+        if (field) pill = editUrlPillHtml(field, hrefVal);
+      }
+      const open = `<${tag}${attrsToString(attrs, scope, budget)}>`;
+      if (VOID.has(tag)) return open;
+      return `${open}${renderNodes(n.ch, scope, ctx, budget)}${pill}</${tag}>`;
+    }
+  }
+}
+__name(renderNode, "renderNode");
+
+// ../variant-compiler/src/runtime/index.ts
+var SHADOWED_GLOBALS = [
+  "fetch",
+  "XMLHttpRequest",
+  "WebSocket",
+  "EventSource",
+  "eval",
+  "Function",
+  "localStorage",
+  "sessionStorage",
+  "indexedDB",
+  "postMessage",
+  "open",
+  "importScripts",
+  "navigator",
+  "cookieStore",
+  "caches"
+];
+function renderVariant(ir, content, ctx, opts = {}) {
+  const uid = opts.uid ?? `wv-${Math.random().toString(36).slice(2, 8)}`;
+  const budget = new EvalBudget();
+  const scope = makeScope();
+  scope.t = (key) => typeof key === "string" ? ctx.t(key) : "";
+  scope.img = (url, w) => withUnsplashWidth(typeof url === "string" ? sanitizeUrl(url) : void 0, typeof w === "number" ? w : 960);
+  scope.url = (u) => sanitizeUrl(typeof u === "string" ? u : "");
+  scope.editChrome = ctx.editChrome;
+  for (const p of ir.props) {
+    const v = Object.prototype.hasOwnProperty.call(content, p.key) ? content[p.key] : void 0;
+    scope[p.name] = v === void 0 && p.def ? evalExpr(p.def, scope, budget) : v;
+  }
+  for (const c of ir.consts) scope[c.name] = evalExpr(c.e, scope, budget);
+  const html = renderNodes(ir.root, scope, ctx, budget);
+  const css = ir.css ? ir.css.replace(/__WV_ROOT__/g, `[data-wv-inst="${uid}"]`) : "";
+  const script = ir.script ? wrapScript(ir.script, uid) : "";
+  return { html, css, script, uid };
+}
+__name(renderVariant, "renderVariant");
+function wrapScript(body, uid) {
+  return `(function(${SHADOWED_GLOBALS.join(",")}){"use strict";var root=document.querySelector('[data-wv-inst="${uid}"]');if(!root)return;
+${body}
+})();`;
+}
+__name(wrapScript, "wrapScript");
+
+// ../variant-compiler/src/preview.ts
+var PREVIEW_THEMES = {
+  light: { background: "#ffffff", foreground: "#0f172a", card: "#f8fafc", muted: "#f1f5f9", mutedFg: "#64748b", border: "#e2e8f0", primary: "#3b82f6", primaryFg: "#ffffff", secondary: "#6366f1", accent: "#f59e0b", heading: "Inter, sans-serif", body: "Inter, sans-serif", radius: "8px" },
+  dark: { background: "#0b1220", foreground: "#e5e7eb", card: "#111a2e", muted: "#16213a", mutedFg: "#9aa4b8", border: "#243049", primary: "#60a5fa", primaryFg: "#0b1220", secondary: "#a78bfa", accent: "#fbbf24", heading: "Inter, sans-serif", body: "Inter, sans-serif", radius: "12px" },
+  warm: { background: "#fbf6ef", foreground: "#2b1d12", card: "#f4ebdf", muted: "#efe3d2", mutedFg: "#7a6652", border: "#e2d3bf", primary: "#b5562d", primaryFg: "#ffffff", secondary: "#7c4a2d", accent: "#d99a3f", heading: "Georgia, serif", body: "Inter, sans-serif", radius: "2px" }
+};
+function isPreviewThemeKey(v) {
+  return typeof v === "string" && v in PREVIEW_THEMES;
+}
+__name(isPreviewThemeKey, "isPreviewThemeKey");
+function buildPreviewDoc(ir, content, themeKey, opts = {}) {
+  const th = PREVIEW_THEMES[themeKey];
+  const out = renderVariant(ir, content, { t: /* @__PURE__ */ __name((k) => k, "t"), editChrome: opts.editChrome ?? false }, { uid: "wv-preview" });
+  const vars = `--background:${th.background};--foreground:${th.foreground};--card:${th.card};--card-foreground:${th.foreground};--primary:${th.primary};--primary-foreground:${th.primaryFg};--secondary:${th.secondary};--secondary-foreground:#fff;--muted:${th.muted};--muted-foreground:${th.mutedFg};--accent:${th.accent};--accent-foreground:#000;--border:${th.border};--input:${th.border};--ring:${th.primary};--radius:${th.radius};--font-heading:${th.heading};--font-body:${th.body};--gradient-from:${th.primary};--gradient-to:${th.secondary};--spacing:.25rem;--site-max-width:72rem;`;
+  const tokens = `--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);`;
+  return `<!doctype html><html data-theme="${themeKey === "dark" ? "dark" : "light"}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="robots" content="noindex">
+<style>*,::before,::after{box-sizing:border-box;border:0 solid var(--color-border)}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--foreground);background:var(--background);line-height:1.5}h1,h2,h3,h4,p{margin:0}h1{font-size:48px}h2{font-size:36px}h3{font-size:28px}img,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:inherit}button{font:inherit;color:inherit;background:none}ul,ol{margin:0;padding:0;list-style:none}:root{${vars}${tokens}}.edit-url-pill{display:none!important}</style>
+<style>${out.css}</style></head><body><div data-wv-root data-wv-inst="${out.uid}">${out.html}</div>${out.script ? `<script>${out.script}</script>` : ""}</body></html>`;
+}
+__name(buildPreviewDoc, "buildPreviewDoc");
+export {
+  COMPILER_VERSION,
+  PREVIEW_THEMES,
+  buildPreviewDoc,
+  compile2 as compile,
+  isPreviewThemeKey,
+  renderVariant
+};