@symbo.ls/brender 3.14.0 → 3.14.2

package/dist/cjs/render.js

@@ -1,1602 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var render_exports = {};
-__export(render_exports, {
-  getAccumulatedEmotionCSS: () => getAccumulatedEmotionCSS,
-  render: () => render,
-  renderElement: () => renderElement,
-  renderPage: () => renderPage,
-  renderRoute: () => renderRoute,
-  replaceEmotionCSS: () => replaceEmotionCSS,
-  resetGlobalCSSCache: () => resetGlobalCSSCache
-});
-module.exports = __toCommonJS(render_exports);
-var import_path = require("path");
-var import_fs = require("fs");
-var import_os = require("os");
-var import_crypto = require("crypto");
-var import_module = require("module");
-var import_env = require("./env.js");
-var import_keys = require("./keys.js");
-var import_metadata = require("./metadata.js");
-var import_hydrate = require("./hydrate.js");
-var import_prefetch = require("./prefetch.js");
-var import_linkedom = require("linkedom");
-var import_css = require("@symbo.ls/css");
-const import_meta = {};
-let _funcqlPlugin = null;
-const getFuncqlPlugin = async () => {
-  if (_funcqlPlugin) return _funcqlPlugin;
-  try {
-    const mod = await import("@symbo.ls/funcql");
-    _funcqlPlugin = mod.funcqlPlugin;
-    return _funcqlPlugin;
-  } catch {
-    return null;
-  }
-};
-const ssrResolve = (map, key) => {
-  if (!map || !key) return void 0;
-  if (map[key] !== void 0) return map[key];
-  const parts = key.split(".");
-  let v = map;
-  for (const p of parts) {
-    if (v == null || typeof v !== "object") return void 0;
-    v = v[p];
-  }
-  return v;
-};
-const ssrTranslate = function(key, lang) {
-  if (!key) return "";
-  const ctx = this?.context;
-  const poly = ctx?.polyglot;
-  const activeLang = lang || poly?.defaultLang || "ka";
-  if (poly?.translations) {
-    const langMap = poly.translations[activeLang];
-    if (langMap) {
-      const val = ssrResolve(langMap, key);
-      if (val !== void 0) return val;
-    }
-  }
-  const root = this?.state?.root || ctx?.state?.root;
-  if (root?.translations) {
-    const langMap = root.translations[activeLang];
-    if (langMap) {
-      const val = ssrResolve(langMap, key);
-      if (val !== void 0) return val;
-    }
-  }
-  const defaultLang = poly?.defaultLang || "en";
-  if (defaultLang !== activeLang && poly?.translations) {
-    const fallback = poly.translations[defaultLang];
-    if (fallback) {
-      const val = ssrResolve(fallback, key);
-      if (val !== void 0) return val;
-    }
-  }
-  return key;
-};
-const ssrGetActiveLang = function() {
-  const ctx = this?.context;
-  return this?.state?.root?.lang || ctx?.polyglot?.defaultLang || "ka";
-};
-const structuredCloneDeep = (obj, seen = /* @__PURE__ */ new WeakMap()) => {
-  if (obj === null || typeof obj !== "object") return obj;
-  if (seen.has(obj)) return seen.get(obj);
-  if (Array.isArray(obj)) {
-    const arr = [];
-    seen.set(obj, arr);
-    for (const v of obj) arr.push(typeof v === "object" && v !== null ? structuredCloneDeep(v, seen) : v);
-    return arr;
-  }
-  const clone = {};
-  seen.set(obj, clone);
-  for (const k of Object.keys(obj)) {
-    const v = obj[k];
-    clone[k] = typeof v === "object" && v !== null ? structuredCloneDeep(v, seen) : v;
-  }
-  return clone;
-};
-const safeJsonReplacer = () => {
-  const seen = /* @__PURE__ */ new WeakSet();
-  return (key, value) => {
-    if (typeof value === "function") return void 0;
-    if (typeof value === "object" && value !== null) {
-      if (seen.has(value)) return void 0;
-      seen.add(value);
-    }
-    return value;
-  };
-};
-let _brenderRequire = null;
-try {
-  if (import_meta.url) {
-    _brenderRequire = (0, import_module.createRequire)(import_meta.url);
-  }
-} catch {
-}
-const detectWorkspace = () => {
-  if (!import_meta.url || !_brenderRequire) {
-    return { isMonorepo: false, monorepoRoot: null, resolvePackage: (pkg) => pkg };
-  }
-  const brenderDir = (0, import_fs.realpathSync)(new URL(".", import_meta.url).pathname);
-  const monorepoRoot = (0, import_path.resolve)(brenderDir, "../..");
-  const isMonorepo = (0, import_fs.existsSync)((0, import_path.resolve)(monorepoRoot, "packages", "smbls", "src", "createDomql.js"));
-  if (isMonorepo) {
-    return { isMonorepo: true, monorepoRoot };
-  }
-  let smblsRoot;
-  try {
-    const smblsPkg = _brenderRequire.resolve("smbls/package.json");
-    smblsRoot = (0, import_path.dirname)(smblsPkg);
-  } catch {
-    let dir2 = brenderDir;
-    while (dir2 !== (0, import_path.dirname)(dir2)) {
-      const candidate = (0, import_path.resolve)(dir2, "node_modules", "smbls");
-      if ((0, import_fs.existsSync)((0, import_path.resolve)(candidate, "package.json"))) {
-        smblsRoot = candidate;
-        break;
-      }
-      dir2 = (0, import_path.dirname)(dir2);
-    }
-  }
-  let _smblsRequire = _brenderRequire;
-  if (smblsRoot) {
-    try {
-      _smblsRequire = (0, import_module.createRequire)((0, import_path.resolve)(smblsRoot, "package.json"));
-    } catch {
-    }
-  }
-  let projectRoot;
-  let dir = process.cwd();
-  while (dir !== (0, import_path.dirname)(dir)) {
-    if ((0, import_fs.existsSync)((0, import_path.resolve)(dir, "package.json"))) {
-      projectRoot = dir;
-      break;
-    }
-    dir = (0, import_path.dirname)(dir);
-  }
-  let _projectRequire = _smblsRequire;
-  if (projectRoot) {
-    try {
-      _projectRequire = (0, import_module.createRequire)((0, import_path.resolve)(projectRoot, "package.json"));
-    } catch {
-    }
-  }
-  return { isMonorepo: false, smblsRoot, brenderDir, projectRoot, _smblsRequire, _projectRequire };
-};
-const tryRequireResolve = (ws, specifier) => {
-  const requireFns = ws.isMonorepo ? [_brenderRequire] : [ws._smblsRequire, ws._projectRequire, _brenderRequire].filter(Boolean);
-  for (const req of requireFns) {
-    try {
-      return req.resolve(specifier);
-    } catch {
-    }
-  }
-  return null;
-};
-const resolvePackagePath = (ws, pkgName, ...subpath) => {
-  if (ws.isMonorepo) {
-    return (0, import_path.resolve)(ws.monorepoRoot, "packages", pkgName, ...subpath);
-  }
-  const pkgJson = tryRequireResolve(ws, `${pkgName}/package.json`);
-  if (pkgJson) return (0, import_path.resolve)((0, import_path.dirname)(pkgJson), ...subpath);
-  return null;
-};
-const resolvePluginPath = (ws, pluginName, ...subpath) => {
-  if (ws.isMonorepo) {
-    return (0, import_path.resolve)(ws.monorepoRoot, "plugins", pluginName, ...subpath);
-  }
-  const pkgJson = tryRequireResolve(ws, `@symbo.ls/${pluginName}/package.json`);
-  if (pkgJson) return (0, import_path.resolve)((0, import_path.dirname)(pkgJson), ...subpath);
-  return null;
-};
-const resolveSymbolsPackage = (ws, pkg, ...subpath) => {
-  if (ws.isMonorepo) {
-    for (const dir of ["packages", "plugins"]) {
-      const src = (0, import_path.resolve)(ws.monorepoRoot, dir, pkg, ...subpath);
-      if ((0, import_fs.existsSync)(src)) return src;
-    }
-    return null;
-  }
-  const pkgJson = tryRequireResolve(ws, `@symbo.ls/${pkg}/package.json`);
-  if (pkgJson) return (0, import_path.resolve)((0, import_path.dirname)(pkgJson), ...subpath);
-  return null;
-};
-const resolveDomqlPackage = (ws, pkg, ...subpath) => {
-  if (ws.isMonorepo) {
-    return (0, import_path.resolve)(ws.monorepoRoot, "packages", "domql", "packages", pkg, ...subpath);
-  }
-  const pkgJson = tryRequireResolve(ws, `@symbo.ls/${pkg}/package.json`);
-  if (pkgJson) return (0, import_path.resolve)((0, import_path.dirname)(pkgJson), ...subpath);
-  return null;
-};
-let _cachedCreateDomql = null;
-const bundleCreateDomql = async () => {
-  if (_cachedCreateDomql) return _cachedCreateDomql;
-  const ws = detectWorkspace();
-  if (!_brenderRequire) {
-    try {
-      const mod2 = await import("./dist/createDomql.bundled.mjs");
-      _cachedCreateDomql = mod2;
-      return mod2;
-    } catch (err) {
-      throw new Error(`brender: pre-bundled createDomql not available in bundled runtime: ${err.message}`);
-    }
-  }
-  let entry;
-  if (ws.isMonorepo) {
-    entry = (0, import_path.resolve)(ws.monorepoRoot, "packages", "smbls", "src", "createDomql.js");
-  } else if (ws.smblsRoot) {
-    const srcEntry = (0, import_path.resolve)(ws.smblsRoot, "src", "createDomql.js");
-    const distEntry = (0, import_path.resolve)(ws.smblsRoot, "dist", "esm", "src", "createDomql.js");
-    entry = (0, import_fs.existsSync)(srcEntry) ? srcEntry : distEntry;
-  }
-  if (!entry || !(0, import_fs.existsSync)(entry)) {
-    throw new Error(`brender: cannot find createDomql.js (isMonorepo=${ws.isMonorepo}, entry=${entry})`);
-  }
-  const esbuild = await import("esbuild");
-  const outFile = (0, import_path.join)((0, import_os.tmpdir)(), `br_createDomql_${(0, import_crypto.randomBytes)(6).toString("hex")}.mjs`);
-  const tryResolve = (base) => {
-    if (!base) return null;
-    const src = (0, import_path.resolve)(base, "src", "index.js");
-    if ((0, import_fs.existsSync)(src)) return src;
-    const idx = (0, import_path.resolve)(base, "index.js");
-    if ((0, import_fs.existsSync)(idx)) return idx;
-    return null;
-  };
-  const workspacePlugin = {
-    name: "workspace-resolve",
-    setup(build) {
-      build.onResolve({ filter: /^smbls/ }, (args) => {
-        const subpath = args.path.replace(/^smbls\/?/, "");
-        const smblsBase = ws.isMonorepo ? (0, import_path.resolve)(ws.monorepoRoot, "packages", "smbls") : ws.smblsRoot;
-        if (!smblsBase) return;
-        if (!subpath) {
-          const r = tryResolve(smblsBase);
-          if (r) return { path: r };
-          return;
-        }
-        const full = (0, import_path.resolve)(smblsBase, subpath);
-        if ((0, import_fs.existsSync)(full)) return { path: full };
-        if ((0, import_fs.existsSync)(full + ".js")) return { path: full + ".js" };
-        const idx = (0, import_path.resolve)(full, "index.js");
-        if ((0, import_fs.existsSync)(idx)) return { path: idx };
-      });
-      build.onResolve({ filter: /^domql$/ }, (args) => {
-        if (ws.isMonorepo) {
-          const src = (0, import_path.resolve)(ws.monorepoRoot, "packages", "domql", "src", "index.js");
-          if ((0, import_fs.existsSync)(src)) return { path: src };
-          const dist = (0, import_path.resolve)(ws.monorepoRoot, "packages", "domql", "index.js");
-          if ((0, import_fs.existsSync)(dist)) return { path: dist };
-        } else {
-          try {
-            const pkgJson = _require.resolve("domql/package.json");
-            const r = tryResolve((0, import_path.dirname)(pkgJson));
-            if (r) return { path: r };
-          } catch {
-          }
-        }
-      });
-      build.onResolve({ filter: /^@symbo\.ls\// }, (args) => {
-        const pkg = args.path.replace("@symbo.ls/", "");
-        if (pkg === "sync") return { path: "sync-stub", namespace: "brender-stub" };
-        if (ws.isMonorepo) {
-          for (const dir of ["packages", "plugins"]) {
-            const src = (0, import_path.resolve)(ws.monorepoRoot, dir, pkg, "src", "index.js");
-            if ((0, import_fs.existsSync)(src)) return { path: src };
-            const dist = (0, import_path.resolve)(ws.monorepoRoot, dir, pkg, "index.js");
-            if ((0, import_fs.existsSync)(dist)) return { path: dist };
-          }
-          const blank = (0, import_path.resolve)(ws.monorepoRoot, "packages", "default-config", "blank", "index.js");
-          if (pkg === "default-config" && (0, import_fs.existsSync)(blank)) return { path: blank };
-        } else {
-          const resolved = resolveSymbolsPackage(ws, pkg, "src", "index.js");
-          if (resolved && (0, import_fs.existsSync)(resolved)) return { path: resolved };
-          const resolvedIdx = resolveSymbolsPackage(ws, pkg, "index.js");
-          if (resolvedIdx && (0, import_fs.existsSync)(resolvedIdx)) return { path: resolvedIdx };
-          if (pkg === "default-config") {
-            const blank = resolveSymbolsPackage(ws, "default-config", "blank", "index.js");
-            if (blank && (0, import_fs.existsSync)(blank)) return { path: blank };
-          }
-        }
-      });
-      build.onResolve({ filter: /^@domql\// }, (args) => {
-        const pkg = args.path.replace("@symbo.ls/", "");
-        if (ws.isMonorepo) {
-          const src = (0, import_path.resolve)(ws.monorepoRoot, "packages", "domql", "packages", pkg, "src", "index.js");
-          if ((0, import_fs.existsSync)(src)) return { path: src };
-          const dist = (0, import_path.resolve)(ws.monorepoRoot, "packages", "domql", "packages", pkg, "index.js");
-          if ((0, import_fs.existsSync)(dist)) return { path: dist };
-        } else {
-          const resolved = resolveDomqlPackage(ws, pkg, "src", "index.js");
-          if (resolved && (0, import_fs.existsSync)(resolved)) return { path: resolved };
-          const resolvedIdx = resolveDomqlPackage(ws, pkg, "index.js");
-          if (resolvedIdx && (0, import_fs.existsSync)(resolvedIdx)) return { path: resolvedIdx };
-        }
-      });
-      build.onResolve({ filter: /^css-in-props/ }, (args) => {
-        let base;
-        if (ws.isMonorepo) {
-          base = (0, import_path.resolve)(ws.monorepoRoot, "packages", "css-in-props");
-        } else {
-          const pkgJson = tryRequireResolve(ws, "css-in-props/package.json");
-          if (pkgJson) base = (0, import_path.dirname)(pkgJson);
-        }
-        if (!base) return;
-        const subpath = args.path.replace(/^css-in-props\/?/, "");
-        if (subpath) {
-          const full = (0, import_path.resolve)(base, subpath);
-          const idx = (0, import_path.resolve)(full, "index.js");
-          if ((0, import_fs.existsSync)(idx)) return { path: idx };
-          if ((0, import_fs.existsSync)(full + ".js")) return { path: full + ".js" };
-          if ((0, import_fs.existsSync)(full)) return { path: full };
-        }
-        const r = tryResolve(base);
-        if (r) return { path: r };
-      });
-      build.onResolve({ filter: /^@emotion\// }, (args) => {
-        let nm;
-        if (ws.isMonorepo) {
-          nm = (0, import_path.resolve)(ws.monorepoRoot, "node_modules", args.path);
-        } else {
-          const pkgJson = tryRequireResolve(ws, `${args.path}/package.json`);
-          if (!pkgJson) return;
-          nm = (0, import_path.dirname)(pkgJson);
-        }
-        if ((0, import_fs.existsSync)(nm)) {
-          const pkg = (0, import_path.resolve)(nm, "package.json");
-          if ((0, import_fs.existsSync)(pkg)) {
-            try {
-              const p = JSON.parse((0, import_fs.readFileSync)(pkg, "utf8"));
-              const main = p.module || p.main || "dist/emotion-css.esm.js";
-              return { path: (0, import_path.resolve)(nm, main) };
-            } catch {
-            }
-          }
-          return { path: nm };
-        }
-      });
-      build.onResolve({ filter: /\.json$/ }, (args) => {
-        if (args.resolveDir) {
-          const full = (0, import_path.resolve)(args.resolveDir, args.path);
-          if ((0, import_fs.existsSync)(full)) return { path: full };
-        }
-      });
-      build.onLoad({ filter: /smbls\/.*options\.js$/ }, async (args) => {
-        if (!args.path.includes("smbls/") || !args.path.endsWith("options.js")) return;
-        let contents = (0, import_fs.readFileSync)(args.path, "utf8");
-        contents = contents.replace(
-          /import\s*\{[^}]*version[^}]*\}\s*from\s*['"][^'"]*package\.json['"][^;\n]*/,
-          "const version = '0.0.0'"
-        );
-        contents = contents.replace(
-          /import\s*\{[^}]*createRequire[^}]*\}\s*from\s*['"]module['"][^;\n]*/g,
-          "// createRequire removed for brender build"
-        );
-        return { contents, loader: "js" };
-      });
-      build.onLoad({ filter: /smbls\/.*init\.js$/ }, async (args) => {
-        if (!args.path.includes("smbls/") || !args.path.endsWith("init.js")) return;
-        let contents = (0, import_fs.readFileSync)(args.path, "utf8");
-        contents = contents.replace(
-          /import\s*\{[^}]*createRequire[^}]*\}\s*from\s*['"]module['"][^;\n]*/g,
-          "// createRequire removed for brender build"
-        );
-        return { contents, loader: "js" };
-      });
-      build.onLoad({ filter: /fetch\/adapters\/supabase\.js$/ }, () => {
-        return {
-          contents: `export const setup = async () => null;
-export const supabaseAdapter = () => ({name:'supabase'});
-`,
-          loader: "js"
-        };
-      });
-      build.onLoad({ filter: /.*/, namespace: "brender-stub" }, () => {
-        return { contents: "export const SyncComponent = {}; export const Inspect = {}; export const Notifications = {}; export default {}", loader: "js" };
-      });
-      build.onLoad({ filter: /smbls\/src\/router\.js$/ }, async (args) => {
-        let contents = (0, import_fs.readFileSync)(args.path, "utf8");
-        contents = contents.replace(
-          /import\s*\{\s*Link\s*\}\s*from\s*['"]smbls['"]/,
-          `const Link = { tag: 'a', attr: { href: (el) => el.href } }`
-        );
-        return { contents, loader: "js" };
-      });
-      build.onLoad({ filter: /fetchOnCreate\.js$/ }, async (args) => {
-        if (!args.path.includes("smbls/")) return;
-        let contents = (0, import_fs.readFileSync)(args.path, "utf8");
-        contents = contents.replace(
-          /window\s*&&\s*window\.location\s*\?\s*window\.location\.host\.includes/g,
-          "window && window.location && window.location.host ? window.location.host.includes"
-        );
-        return { contents, loader: "js" };
-      });
-    }
-  };
-  await esbuild.build({
-    entryPoints: [entry],
-    bundle: true,
-    format: "esm",
-    platform: "node",
-    outfile: outFile,
-    write: true,
-    logLevel: "warning",
-    plugins: [workspacePlugin],
-    nodePaths: ws.isMonorepo ? [(0, import_path.resolve)(ws.monorepoRoot, "node_modules")] : [
-      ...ws.smblsRoot ? [(0, import_path.resolve)(ws.smblsRoot, "node_modules")] : [],
-      ...ws.projectRoot ? [(0, import_path.resolve)(ws.projectRoot, "node_modules")] : [],
-      ...ws.smblsRoot ? [(0, import_path.resolve)(ws.smblsRoot, "..", "..", "node_modules")] : []
-    ].filter((p) => (0, import_fs.existsSync)(p)),
-    supported: { "import-attributes": false },
-    external: [
-      "fs",
-      "path",
-      "os",
-      "crypto",
-      "url",
-      "http",
-      "https",
-      "stream",
-      "util",
-      "events",
-      "buffer",
-      "child_process",
-      "worker_threads",
-      "net",
-      "tls",
-      "dns",
-      "dgram",
-      "zlib",
-      "assert",
-      "querystring",
-      "string_decoder",
-      "readline",
-      "perf_hooks",
-      "async_hooks",
-      "v8",
-      "vm",
-      "cluster",
-      "inspector",
-      "module",
-      "process",
-      "tty",
-      "color-contrast-checker",
-      "linkedom"
-    ]
-  });
-  const mod = await import(`file://${outFile}`);
-  if (!process.env.BRENDER_DEBUG) {
-    try {
-      (0, import_fs.unlinkSync)(outFile);
-    } catch {
-    }
-  } else {
-    console.log("[brender] Bundle saved:", outFile);
-  }
-  _cachedCreateDomql = mod;
-  return mod;
-};
-const UIKIT_STUBS = {
-  Box: {},
-  Focusable: {},
-  Block: { display: "block" },
-  Inline: { display: "inline" },
-  Flex: { display: "flex" },
-  InlineFlex: { display: "inline-flex" },
-  Grid: { display: "grid" },
-  InlineGrid: { display: "inline-grid" },
-  Link: {
-    tag: "a",
-    attr: {
-      href: (el) => el.href,
-      target: (el) => el.target,
-      rel: (el) => el.rel
-    }
-  },
-  A: { extends: "Link" },
-  RouteLink: { extends: "Link" },
-  Img: {
-    tag: "img",
-    attr: {
-      src: (el) => {
-        let src = el.src;
-        if (typeof src === "string" && src.includes("{{")) {
-          src = el.call("replaceLiteralsWithObjectFields", src, el.state);
-        }
-        return src;
-      },
-      alt: (el) => el.alt,
-      loading: (el) => el.loading
-    }
-  },
-  Image: { extends: "Img" },
-  Button: { tag: "button" },
-  FocusableComponent: { tag: "button" },
-  Form: { tag: "form" },
-  Input: { tag: "input" },
-  TextArea: { tag: "textarea" },
-  Textarea: { tag: "textarea" },
-  Select: { tag: "select" },
-  Label: { tag: "label" },
-  Iframe: { tag: "iframe" },
-  Video: { tag: "video" },
-  Audio: { tag: "audio" },
-  Canvas: { tag: "canvas" },
-  Span: { tag: "span" },
-  P: { tag: "p" },
-  H1: { tag: "h1" },
-  H2: { tag: "h2" },
-  H3: { tag: "h3" },
-  H4: { tag: "h4" },
-  H5: { tag: "h5" },
-  H6: { tag: "h6" },
-  Svg: {
-    tag: "svg",
-    attr: {
-      xmlns: "http://www.w3.org/2000/svg",
-      "xmlns:xlink": "http://www.w3.org/1999/xlink"
-    }
-  },
-  Text: { tag: "span" }
-};
-const buildPathRegistry = (element, path = "") => {
-  if (!element || !element.__ref) return {};
-  const registry = {};
-  const brKey = element.__ref.__brKey;
-  if (brKey) registry[path === "" ? "__root" : path] = brKey;
-  if (element.__ref.__children) {
-    for (const childKey of element.__ref.__children) {
-      const child = element[childKey];
-      if (child && child.__ref) {
-        const childPath = path === "" ? childKey : `${path}.${childKey}`;
-        Object.assign(registry, buildPathRegistry(child, childPath));
-      }
-    }
-  }
-  return registry;
-};
-const render = async (data, options = {}) => {
-  const { route = "/", pathname, state: stateOverrides, context: contextOverrides, prefetch = false } = options;
-  const locationPath = pathname || route;
-  const _prevLocPrefetch = globalThis.location;
-  const _prevWinPrefetch = globalThis.window;
-  if (!globalThis.location || globalThis.location.pathname !== locationPath) {
-    globalThis.location = { pathname: locationPath, href: locationPath, search: "", hash: "", origin: "" };
-  }
-  if (!globalThis.window) {
-    globalThis.window = { location: globalThis.location };
-  }
-  let prefetchedPages;
-  if (prefetch) {
-    try {
-      const pages = data.pages || {};
-      prefetchedPages = { ...pages };
-      const stateUpdates = await (0, import_prefetch.prefetchPageData)(data, route);
-      if (stateUpdates.size) {
-        const pageDef = JSON.parse(JSON.stringify(pages[route], (key, value) => {
-          if (typeof value === "function") return void 0;
-          return value;
-        }));
-        const copyFunctions = (src, dst) => {
-          if (!src || !dst) return;
-          for (const k in src) {
-            if (typeof src[k] === "function") {
-              dst[k] = src[k];
-            } else if (typeof src[k] === "object" && src[k] !== null && !Array.isArray(src[k]) && typeof dst[k] === "object" && dst[k] !== null) {
-              copyFunctions(src[k], dst[k]);
-            }
-          }
-        };
-        copyFunctions(pages[route], pageDef);
-        (0, import_prefetch.injectPrefetchedState)(pageDef, stateUpdates);
-        prefetchedPages[route] = pageDef;
-      }
-    } catch (prefetchErr) {
-      console.error("[brender] Prefetch error:", prefetchErr);
-      prefetchedPages = data.pages;
-    }
-  }
-  let ssrTranslations;
-  if (prefetch) {
-    try {
-      ssrTranslations = await (0, import_prefetch.fetchSSRTranslations)(data);
-    } catch (e) {
-      console.warn("[brender] SSR translation fetch failed:", e.message);
-    }
-  }
-  if (_prevLocPrefetch !== void 0) globalThis.location = _prevLocPrefetch;
-  else delete globalThis.location;
-  if (_prevWinPrefetch !== void 0) globalThis.window = _prevWinPrefetch;
-  else delete globalThis.window;
-  const { window, document } = (0, import_env.createEnv)();
-  const body = document.body;
-  window.location.pathname = locationPath;
-  const _prevDoc = globalThis.document;
-  const _prevLoc = globalThis.location;
-  globalThis.document = document;
-  globalThis.location = window.location;
-  const { createDomqlElement } = await bundleCreateDomql();
-  const app = structuredCloneDeep(data.app || {});
-  const config = { ...data.config || {} };
-  if (data.polyglot && !config.polyglot) config.polyglot = data.polyglot;
-  if (data.fetch && !config.fetch) config.fetch = data.fetch;
-  if (data.router && !config.router) config.router = data.router;
-  for (const k of ["useReset", "useVariable", "useFontImport", "useIconSprite", "useSvgSprite", "useDefaultConfig", "useDocumentTheme"]) {
-    if (data[k] != null && config[k] == null) config[k] = data[k];
-  }
-  const polyglotConfig = config.polyglot ? { ...config.polyglot } : void 0;
-  if (ssrTranslations && polyglotConfig) {
-    polyglotConfig.translations = {
-      ...polyglotConfig.translations || {},
-      ...ssrTranslations
-    };
-  }
-  const baseState = structuredCloneDeep(data.state || {});
-  if (ssrTranslations || polyglotConfig) {
-    if (!baseState.root) baseState.root = {};
-    if (polyglotConfig) {
-      baseState.root.lang = baseState.root.lang || polyglotConfig.defaultLang || "en";
-    }
-    if (ssrTranslations) {
-      baseState.root.translations = {
-        ...baseState.root.translations || {},
-        ...ssrTranslations
-      };
-    }
-  }
-  (0, import_css.reset)();
-  const ctx = {
-    state: baseState,
-    ...stateOverrides ? { state: { ...baseState, ...stateOverrides } } : {},
-    dependencies: structuredCloneDeep(data.dependencies || {}),
-    components: structuredCloneDeep(data.components || {}),
-    snippets: structuredCloneDeep(data.snippets || {}),
-    pages: structuredCloneDeep(prefetchedPages || data.pages || {}),
-    functions: {
-      ...data.functions || {},
-      // SSR polyglot functions — enable {{ key | polyglot }} resolution during render
-      polyglot: ssrTranslate,
-      getActiveLang: ssrGetActiveLang,
-      getLang: ssrGetActiveLang
-    },
-    methods: data.methods || {},
-    designSystem: structuredCloneDeep(data.designSystem || {}),
-    files: data.files || {},
-    sharedLibraries: data.sharedLibraries || [],
-    ...config,
-    // Override polyglot with SSR-enriched version
-    ...polyglotConfig ? { polyglot: polyglotConfig } : {},
-    // Virtual DOM environment
-    document,
-    window,
-    parent: { node: body },
-    initOptions: {},
-    // Disable sourcemap tracking in SSR — it causes stack overflows
-    // when state contains large data arrays (articles, events, etc.)
-    domqlOptions: { sourcemap: false },
-    // Caller overrides
-    ...contextOverrides || {}
-  };
-  const funcql = await getFuncqlPlugin();
-  if (funcql) {
-    ctx.plugins = ctx.plugins || [];
-    if (!ctx.plugins.some((p) => p.name === "funcql")) {
-      ctx.plugins.push(funcql);
-    }
-  }
-  (0, import_keys.resetKeys)();
-  const element = await createDomqlElement(app, ctx);
-  const flushDelay = prefetch ? 2e3 : 50;
-  await new Promise((r) => setTimeout(r, flushDelay));
-  (0, import_keys.assignKeys)(body);
-  const registry = (0, import_keys.mapKeysToElements)(element);
-  const brRegistry = buildPathRegistry(element);
-  const metadata = (0, import_metadata.extractMetadata)(data, route, element, element?.state);
-  const emotionCSS = [];
-  const head = document.head || document.querySelector("head");
-  if (head) {
-    for (const style of head.querySelectorAll("style")) {
-      if (style.sheet && style.sheet.cssRules) {
-        for (const rule of style.sheet.cssRules) {
-          if (rule.cssText) emotionCSS.push(rule.cssText);
-        }
-      }
-      if (!emotionCSS.length) {
-        const content = style.textContent || "";
-        if (content) emotionCSS.push(content);
-      }
-    }
-  }
-  let html = fixSvgContent(body.innerHTML);
-  if (ssrTranslations) {
-    const defaultLang = polyglotConfig?.defaultLang || "en";
-    const langMap = ssrTranslations[defaultLang] || Object.values(ssrTranslations)[0] || {};
-    html = html.replace(/\{\{\s*([^|{}]+?)\s*\|\s*polyglot\s*\}\}/g, (match, key) => {
-      const trimmed = key.trim();
-      return langMap[trimmed] ?? match;
-    });
-  }
-  if (_prevDoc !== void 0) globalThis.document = _prevDoc;
-  else delete globalThis.document;
-  if (_prevLoc !== void 0) globalThis.location = _prevLoc;
-  else delete globalThis.location;
-  return { html, metadata, registry, brRegistry, element, emotionCSS, document, window, ssrTranslations, prefetchedPages };
-};
-const renderElement = async (elementDef, options = {}) => {
-  const { context = {} } = options;
-  const { window, document } = (0, import_env.createEnv)();
-  const body = document.body;
-  const { create } = await import("@symbo.ls/element");
-  const domqlUtils = await import("@symbo.ls/utils");
-  const components = { ...UIKIT_STUBS, ...context.components || {} };
-  const utils = {
-    ...domqlUtils,
-    ...context.utils || {},
-    ...context.functions || {}
-  };
-  (0, import_keys.resetKeys)();
-  let element;
-  try {
-    element = create(elementDef, { node: body }, "root", {
-      context: { document, window, ...context, components, utils }
-    });
-  } catch (err) {
-  }
-  (0, import_keys.assignKeys)(body);
-  const registry = element ? (0, import_keys.mapKeysToElements)(element) : {};
-  const html = fixSvgContent(body.innerHTML);
-  return { html, registry, element };
-};
-const fixSvgContent = (html) => {
-  return html.replace(
-    /(<svg\b[^>]*>)([\s\S]*?)(<\/svg>)/gi,
-    (match, open, content, close) => {
-      if (content.includes("&lt;")) {
-        const unescaped = content.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#39;/g, "'");
-        return open + unescaped + close;
-      }
-      return match;
-    }
-  );
-};
-let _cachedGlobalCSS = null;
-const SCRATCH_CONFIG_FLAGS = [
-  "globalTheme",
-  "themeStorageKey",
-  "themeRoot",
-  "useReset",
-  "useVariable",
-  "useFontImport",
-  "useIconSprite",
-  "useSvgSprite",
-  "useDocumentTheme",
-  "useDefaultConfig",
-  "useDefaultIcons",
-  "useThemeSuffixedVars",
-  "verbose",
-  "semanticIcons"
-];
-const pickProjectConfig = (data) => {
-  if (!data || typeof data !== "object") return null;
-  if (data.config && typeof data.config === "object") return data.config;
-  const out = {};
-  let any = false;
-  for (const flag of SCRATCH_CONFIG_FLAGS) {
-    if (Object.prototype.hasOwnProperty.call(data, flag)) {
-      out[flag] = data[flag];
-      any = true;
-    }
-  }
-  if (any) return out;
-  return data.settings || null;
-};
-const generateGlobalCSS = async (ds, config) => {
-  if (_cachedGlobalCSS) return _cachedGlobalCSS;
-  try {
-    const { existsSync: existsSync2, writeFileSync: writeFileSync2, unlinkSync: unlinkSync2 } = await import("fs");
-    const { tmpdir: tmpdir2 } = await import("os");
-    const { randomBytes: randomBytes2 } = await import("crypto");
-    try {
-      tmpdir2();
-    } catch {
-      return {};
-    }
-    const esbuild = await import("esbuild");
-    const dsJson = JSON.stringify(ds || {}, safeJsonReplacer());
-    const cfgJson = JSON.stringify(config || {}, safeJsonReplacer());
-    const tmpEntry = (0, import_path.join)(tmpdir2(), `br_global_${randomBytes2(6).toString("hex")}.mjs`);
-    const tmpOut = (0, import_path.join)(tmpdir2(), `br_global_${randomBytes2(6).toString("hex")}_out.mjs`);
-    writeFileSync2(tmpEntry, `
-      import { set, getActiveConfig, getFontFaceString } from '@symbo.ls/scratch'
-      import { DEFAULT_CONFIG } from '@symbo.ls/default-config'
-
-      const ds = ${dsJson}
-      const cfg = ${cfgJson}
-
-      // Merge with defaults (same as initEmotion)
-      const merged = {}
-      for (const k in DEFAULT_CONFIG) merged[k] = DEFAULT_CONFIG[k]
-      for (const k in ds) {
-        if (typeof ds[k] === 'object' && !Array.isArray(ds[k]) && typeof merged[k] === 'object' && !Array.isArray(merged[k])) {
-          merged[k] = { ...merged[k], ...ds[k] }
-        } else {
-          merged[k] = ds[k]
-        }
-      }
-
-      const conf = set({
-        useReset: true,
-        useVariable: true,
-        useFontImport: true,
-        useDocumentTheme: true,
-        useDefaultConfig: true,
-        globalTheme: 'auto',
-        ...merged,
-        ...cfg
-      }, { newConfig: {} })
-
-      const result = {
-        CSS_VARS: conf.CSS_VARS || {},
-        CSS_MEDIA_VARS: conf.CSS_MEDIA_VARS || {},
-        reset: conf.reset || {},
-        animation: conf.animation || {}
-      }
-      // Export as globalThis so we can read it
-      globalThis.__BR_GLOBAL_CSS__ = result
-      export default result
-    `);
-    const ws = detectWorkspace();
-    const workspacePlugin = {
-      name: "workspace-resolve",
-      setup(build) {
-        build.onResolve({ filter: /^@symbo\.ls\// }, (args) => {
-          const pkg = args.path.replace("@symbo.ls/", "");
-          if (ws.isMonorepo) {
-            for (const dir of ["packages", "plugins"]) {
-              const src = (0, import_path.resolve)(ws.monorepoRoot, dir, pkg, "src", "index.js");
-              if (existsSync2(src)) return { path: src };
-              const dist = (0, import_path.resolve)(ws.monorepoRoot, dir, pkg, "index.js");
-              if (existsSync2(dist)) return { path: dist };
-            }
-            const blank = (0, import_path.resolve)(ws.monorepoRoot, "packages", "default-config", "blank", "index.js");
-            if (pkg === "default-config" && existsSync2(blank)) return { path: blank };
-          } else {
-            const resolved = resolveSymbolsPackage(ws, pkg, "src", "index.js");
-            if (resolved && existsSync2(resolved)) return { path: resolved };
-            const resolvedIdx = resolveSymbolsPackage(ws, pkg, "index.js");
-            if (resolvedIdx && existsSync2(resolvedIdx)) return { path: resolvedIdx };
-            if (pkg === "default-config") {
-              const blank = resolveSymbolsPackage(ws, "default-config", "blank", "index.js");
-              if (blank && existsSync2(blank)) return { path: blank };
-            }
-          }
-        });
-        build.onResolve({ filter: /^@domql\// }, (args) => {
-          const pkg = args.path.replace("@symbo.ls/", "");
-          if (ws.isMonorepo) {
-            const src = (0, import_path.resolve)(ws.monorepoRoot, "packages", "domql", "packages", pkg, "src", "index.js");
-            if (existsSync2(src)) return { path: src };
-          } else {
-            const resolved = resolveDomqlPackage(ws, pkg, "src", "index.js");
-            if (resolved && existsSync2(resolved)) return { path: resolved };
-            const resolvedIdx = resolveDomqlPackage(ws, pkg, "index.js");
-            if (resolvedIdx && existsSync2(resolvedIdx)) return { path: resolvedIdx };
-          }
-        });
-      }
-    };
-    await esbuild.build({
-      entryPoints: [tmpEntry],
-      bundle: true,
-      format: "esm",
-      platform: "node",
-      outfile: tmpOut,
-      write: true,
-      logLevel: "silent",
-      plugins: [workspacePlugin],
-      nodePaths: ws.isMonorepo ? [(0, import_path.resolve)(ws.monorepoRoot, "node_modules")] : [
-        ...ws.smblsRoot ? [(0, import_path.resolve)(ws.smblsRoot, "node_modules")] : [],
-        ...ws.projectRoot ? [(0, import_path.resolve)(ws.projectRoot, "node_modules")] : [],
-        ...ws.smblsRoot ? [(0, import_path.resolve)(ws.smblsRoot, "..", "..", "node_modules")] : []
-      ].filter((p) => existsSync2(p)),
-      external: ["fs", "path", "os", "crypto", "url", "http", "https", "stream", "util", "events", "buffer", "child_process", "worker_threads", "net", "tls", "dns", "dgram", "zlib", "assert", "querystring", "string_decoder", "readline", "perf_hooks", "async_hooks", "v8", "vm", "cluster", "inspector", "module", "process", "tty", "color-contrast-checker"]
-    });
-    const mod = await import(`file://${tmpOut}`);
-    const data = mod.default || {};
-    try {
-      unlinkSync2(tmpEntry);
-    } catch {
-    }
-    try {
-      unlinkSync2(tmpOut);
-    } catch {
-    }
-    const cssVars = data.CSS_VARS || {};
-    const cssMediaVars = data.CSS_MEDIA_VARS || {};
-    const reset = data.RESET || {};
-    const animations = data.ANIMATION || {};
-    const varDecls = Object.entries(cssVars).map(([k, v]) => `  ${k}: ${v}`).join(";\n");
-    let rootRule = varDecls ? `:root {
-${varDecls};
-}` : "";
-    const themeVarRules = Object.entries(cssMediaVars).map(([key, vars]) => {
-      const decls = Object.entries(vars).map(([k, v]) => `    ${k}: ${v}`).join(";\n");
-      if (!decls) return "";
-      if (key.startsWith("@media")) {
-        return `${key} {
-  :root:not([data-theme]) {
-${decls};
-  }
-}`;
-      }
-      return `${key} {
-${decls};
-}`;
-    }).filter(Boolean).join("\n\n");
-    if (themeVarRules) rootRule += "\n\n" + themeVarRules;
-    const resetRules = generateResetCSS(reset);
-    const keyframeRules = [];
-    for (const name in animations) {
-      const frames = animations[name];
-      if (!frames || typeof frames !== "object") continue;
-      const frameRules = Object.entries(frames).map(([step, p]) => {
-        if (typeof p !== "object") return "";
-        const decls = Object.entries(p).map(([k, v]) => `${camelToKebab(k)}: ${v}`).join("; ");
-        return `  ${step} { ${decls}; }`;
-      }).join("\n");
-      keyframeRules.push(`@keyframes ${name} {
-${frameRules}
-}`);
-    }
-    _cachedGlobalCSS = {
-      rootRule,
-      resetRules,
-      fontFaceCSS: "",
-      keyframeRules: keyframeRules.join("\n")
-    };
-    return _cachedGlobalCSS;
-  } catch (err) {
-    console.warn("generateGlobalCSS failed:", err.message, err.stack);
-    _cachedGlobalCSS = { rootRule: "", resetRules: "", fontFaceCSS: "", keyframeRules: "" };
-    return _cachedGlobalCSS;
-  }
-};
-let _accumulatedEmotionCSS = /* @__PURE__ */ new Set();
-const resetGlobalCSSCache = () => {
-  _cachedGlobalCSS = null;
-  _accumulatedEmotionCSS = /* @__PURE__ */ new Set();
-};
-const getAccumulatedEmotionCSS = () => Array.from(_accumulatedEmotionCSS).join("\n");
-const replaceEmotionCSS = (html, newCSS) => {
-  return html.replace(
-    /<style data-emotion="smbls">[\s\S]*?<\/style>/,
-    newCSS ? `<style data-emotion="smbls">
-${newCSS}
-</style>` : ""
-  );
-};
-const renderRoute = async (data, options = {}) => {
-  const { route = "/", pathname } = options;
-  const result = await render(data, { route, pathname, prefetch: true });
-  if (!result) return null;
-  const ds = data.designSystem || {};
-  const globalCSS = await generateGlobalCSS(ds, pickProjectConfig(data));
-  let prefetchedState = null;
-  let activeLang = null;
-  try {
-    const el = result.element;
-    const polyglot = el?.context?.polyglot || data.polyglot || data.config?.polyglot;
-    activeLang = el?.state?.root?.lang || polyglot?.defaultLang || "en";
-    if (result.prefetchedPages && result.prefetchedPages[route]) {
-      const pageDef = result.prefetchedPages[route];
-      const collectStates = (def, result2 = {}) => {
-        if (!def || typeof def !== "object") return result2;
-        if (def.state && typeof def.state === "object") {
-          for (const [k, v] of Object.entries(def.state)) {
-            if (v !== void 0 && v !== null && typeof v !== "function") {
-              result2[k] = v;
-            }
-          }
-        }
-        for (const [key, child] of Object.entries(def)) {
-          if (key === "state" || key === "props" || key === "attr" || key === "on" || key === "define" || key === "__ref" || key.startsWith("__")) continue;
-          if (child && typeof child === "object" && !Array.isArray(child)) {
-            collectStates(child, result2);
-          }
-        }
-        return result2;
-      };
-      prefetchedState = collectStates(pageDef);
-    }
-  } catch (e) {
-  }
-  return {
-    html: result.html,
-    css: result.emotionCSS ? result.emotionCSS.join("\n") : "",
-    globalCSS,
-    resetCss: globalCSS.resetRules || generateResetCSS(ds.reset),
-    fontLinks: generateFontLinks(ds),
-    metadata: result.metadata || (0, import_metadata.extractMetadata)(data, route),
-    brKeyCount: result.registry ? Object.keys(result.registry).length : 0,
-    brRegistry: result.brRegistry || {},
-    ssrTranslations: result.ssrTranslations,
-    prefetchedState,
-    activeLang
-  };
-};
-const renderPage = async (data, route = "/", options = {}) => {
-  const { lang, themeColor, isr, hydrate: hydrate2 = true, prefetch = true } = options;
-  const htmlLang = lang || data.state?.lang || data.app?.metadata?.lang || "en";
-  const result = await render(data, { route, prefetch });
-  if (!result) return null;
-  const metadata = { ...result.metadata };
-  if (themeColor) metadata["theme-color"] = themeColor;
-  const headTags = (0, import_metadata.generateHeadHtml)(metadata);
-  if (result.emotionCSS && result.emotionCSS.length) {
-    for (const rule of result.emotionCSS) {
-      if (rule) _accumulatedEmotionCSS.add(rule);
-    }
-  }
-  const emotionCSS = Array.from(_accumulatedEmotionCSS).join("\n");
-  const ds = data.designSystem || {};
-  const globalCSS = await generateGlobalCSS(ds, pickProjectConfig(data));
-  const fontLinks = generateFontLinks(ds);
-  const brKeyCount = Object.keys(result.registry).length;
-  let isrBody = "";
-  if (isr && isr.clientScript) {
-    const depth = route === "/" ? 0 : route.replace(/^\/|\/$/g, "").split("/").length;
-    const prefix = depth > 0 ? "../".repeat(depth) : "./";
-    if (hydrate2) {
-      let translationSeed = "";
-      if (result.ssrTranslations) {
-        const polyglotCfg2 = data.polyglot || data.config?.polyglot;
-        const storagePrefix = polyglotCfg2?.storagePrefix || "";
-        const storageLangKey = polyglotCfg2?.storageLangKey || "";
-        const seedEntries = [];
-        for (const lang2 in result.ssrTranslations) {
-          const map = result.ssrTranslations[lang2];
-          if (map && typeof map === "object") {
-            seedEntries.push(`localStorage.setItem(${JSON.stringify(storagePrefix + lang2)},${JSON.stringify(JSON.stringify(map))})`);
-          }
-        }
-        if (storageLangKey) {
-          const defaultLang = polyglotCfg2?.defaultLang || "en";
-          seedEntries.push(`if(!localStorage.getItem(${JSON.stringify(storageLangKey)}))localStorage.setItem(${JSON.stringify(storageLangKey)},${JSON.stringify(defaultLang)})`);
-        }
-        if (seedEntries.length) {
-          translationSeed = `<script>try{${seedEntries.join(";")}}catch(e){}<\/script>
-`;
-        }
-      }
-      const brRegistryJson = result.brRegistry && Object.keys(result.brRegistry).length ? JSON.stringify(result.brRegistry) : null;
-      const brRegistryScript = brRegistryJson ? `<script>window.__BR_REGISTRY__=${brRegistryJson}<\/script>
-` : "";
-      isrBody = `${translationSeed}${brRegistryScript}<script>window.__BRENDER__=true<\/script>
-<script type="module" src="${prefix}${isr.clientScript}"><\/script>`;
-    } else {
-      isrBody = `<script type="module">
-{
-  const brEls = document.querySelectorAll('body > :not(script):not(style)')
-  const observer = new MutationObserver((mutations) => {
-    for (const m of mutations) {
-      for (const node of m.addedNodes) {
-        if (node.nodeType === 1 && node.tagName !== 'SCRIPT' && node.tagName !== 'STYLE' && !node.hasAttribute('data-br')) {
-          brEls.forEach(el => { if (el.hasAttribute('data-br') || el.querySelector('[data-br]')) el.remove() })
-          observer.disconnect()
-          return
-        }
-      }
-    }
-  })
-  observer.observe(document.body, { childList: true })
-}
-<\/script>
-<script type="module" src="${prefix}${isr.clientScript}"><\/script>`;
-    }
-  }
-  const headConfig = { ...data.config || {} };
-  if (data.polyglot && !headConfig.polyglot) headConfig.polyglot = data.polyglot;
-  const polyglotCfg = headConfig.polyglot;
-  let resolvedHeadTags = headTags;
-  if (polyglotCfg) {
-    const defaultLang = polyglotCfg.defaultLang || "en";
-    const translations = {
-      ...polyglotCfg.translations || {},
-      ...result.ssrTranslations || {}
-    };
-    const langMap = translations[defaultLang] || {};
-    resolvedHeadTags = headTags.replace(/\{\{\s*([^|{}]+?)\s*\|\s*polyglot\s*\}\}/g, (match, key) => {
-      const trimmed = key.trim();
-      return langMap[trimmed] ?? match;
-    });
-  }
-  const html = `<!DOCTYPE html>
-<html lang="${htmlLang}">
-<head>
-${resolvedHeadTags}
-${fontLinks}
-${globalCSS.fontFaceCSS ? `<style>${globalCSS.fontFaceCSS}</style>` : ""}
-<style>
-${globalCSS.rootRule || ""}
-${globalCSS.resetRules || ""}
-${globalCSS.keyframeRules || ""}
-</style>
-${emotionCSS ? `<style data-emotion="smbls">
-${emotionCSS}
-</style>` : ""}
-</head>
-<body>
-${result.html}
-${isrBody}
-</body>
-</html>`;
-  return { html, route, brKeyCount };
-};
-const LETTER_TO_INDEX = {
-  U: -6,
-  V: -5,
-  W: -4,
-  X: -3,
-  Y: -2,
-  Z: -1,
-  A: 0,
-  B: 1,
-  C: 2,
-  D: 3,
-  E: 4,
-  F: 5,
-  G: 6,
-  H: 7,
-  I: 8,
-  J: 9,
-  K: 10,
-  L: 11,
-  M: 12,
-  N: 13,
-  O: 14,
-  P: 15
-};
-const SPACING_PROPS = /* @__PURE__ */ new Set([
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingBlock",
-  "paddingInline",
-  "paddingBlockStart",
-  "paddingBlockEnd",
-  "paddingInlineStart",
-  "paddingInlineEnd",
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "marginBlock",
-  "marginInline",
-  "marginBlockStart",
-  "marginBlockEnd",
-  "marginInlineStart",
-  "marginInlineEnd",
-  "gap",
-  "rowGap",
-  "columnGap",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "width",
-  "height",
-  "minWidth",
-  "maxWidth",
-  "minHeight",
-  "maxHeight",
-  "flexBasis",
-  "fontSize",
-  "lineHeight",
-  "letterSpacing",
-  "borderWidth",
-  "borderRadius",
-  "outlineWidth",
-  "outlineOffset",
-  "inset",
-  "insetBlock",
-  "insetInline",
-  "boxSize",
-  "round"
-]);
-const resolveSpacingToken = (token, spacingConfig) => {
-  if (!token || typeof token !== "string") return null;
-  if (!spacingConfig) return null;
-  const base = spacingConfig.base || 16;
-  const ratio = spacingConfig.ratio || 1.618;
-  const unit = spacingConfig.unit || "px";
-  const hasSubSequence = spacingConfig.subSequence !== false;
-  if (token.includes(" ")) {
-    const parts = token.split(" ").map((part) => {
-      if (part === "-" || part === "") return part;
-      return resolveSpacingToken(part, spacingConfig) || part;
-    });
-    return parts.join(" ");
-  }
-  if (/^(none|auto|inherit|initial|unset|0)$/i.test(token)) return null;
-  if (/\d+(px|em|rem|%|vh|vw|vmin|vmax|ch|ex|cm|mm|in|pt|pc|fr|s|ms)$/i.test(token)) return null;
-  if (/^(#|rgb|hsl|var\()/i.test(token)) return null;
-  const isNegative = token.startsWith("-");
-  const abs = isNegative ? token.slice(1) : token;
-  const m = abs.match(/^([A-Z])(\d)?$/i);
-  if (!m) return null;
-  const letter = m[1].toUpperCase();
-  const subStep = m[2] ? parseInt(m[2]) : 0;
-  const idx = LETTER_TO_INDEX[letter];
-  if (idx === void 0) return null;
-  let value = base * Math.pow(ratio, idx);
-  if (subStep > 0 && hasSubSequence) {
-    const next = base * Math.pow(ratio, idx + 1);
-    const diff = next - value;
-    const subRatio = diff / ratio;
-    const first = next - subRatio;
-    const second = value + subRatio;
-    const middle = (first + second) / 2;
-    const subs = ~~next - ~~value > 16 ? [first, middle, second] : [first, second];
-    if (subStep <= subs.length) {
-      value = subs[subStep - 1];
-    }
-  }
-  const rounded = Math.round(value * 100) / 100;
-  const sign = isNegative ? "-" : "";
-  return `${sign}${rounded}${unit}`;
-};
-const SPACING_PROPS_KEBAB = new Set(
-  [...SPACING_PROPS].map((k) => k.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase()))
-);
-const resolveDSValue = (key, val, ds) => {
-  if (typeof val !== "string") return val;
-  if (CSS_COLOR_PROPS.has(key)) {
-    const colorMap = ds?.color || {};
-    if (colorMap[val]) return colorMap[val];
-  }
-  if (SPACING_PROPS.has(key) || SPACING_PROPS_KEBAB.has(key)) {
-    const spacing = ds?.spacing || {};
-    const resolved = resolveSpacingToken(val, spacing);
-    if (resolved) return resolved;
-  }
-  return val;
-};
-const CSS_COLOR_PROPS = /* @__PURE__ */ new Set([
-  "color",
-  "background",
-  "backgroundColor",
-  "borderColor",
-  "borderTopColor",
-  "borderRightColor",
-  "borderBottomColor",
-  "borderLeftColor",
-  "outlineColor",
-  "fill",
-  "stroke"
-]);
-const NON_CSS_PROPS = /* @__PURE__ */ new Set([
-  "href",
-  "src",
-  "alt",
-  "title",
-  "id",
-  "name",
-  "type",
-  "value",
-  "placeholder",
-  "target",
-  "rel",
-  "loading",
-  "srcset",
-  "sizes",
-  "media",
-  "role",
-  "tabindex",
-  "for",
-  "action",
-  "method",
-  "enctype",
-  "autocomplete",
-  "autofocus",
-  "theme",
-  "__element",
-  "update",
-  "childrenAs",
-  "childExtends",
-  "childProps",
-  "children"
-]);
-const camelToKebab = (str) => str.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
-const resolveShorthand = (key, val) => {
-  if (typeof val === "undefined" || val === null) return null;
-  if (key === "flow" && typeof val === "string") {
-    let [direction, wrap] = (val || "row").split(" ");
-    if (val.startsWith("x") || val === "row") direction = "row";
-    if (val.startsWith("y") || val === "column") direction = "column";
-    return { display: "flex", "flex-flow": (direction || "") + " " + (wrap || "") };
-  }
-  if (key === "wrap") {
-    return { display: "flex", "flex-wrap": val };
-  }
-  if ((key === "align" || key === "flexAlign") && typeof val === "string") {
-    const [alignItems, justifyContent] = val.split(" ");
-    const result = { display: "flex", "align-items": alignItems };
-    if (justifyContent) result["justify-content"] = justifyContent;
-    return result;
-  }
-  if (key === "gridAlign" && typeof val === "string") {
-    const [alignItems, justifyContent] = val.split(" ");
-    const result = { display: "grid", "align-items": alignItems };
-    if (justifyContent) result["justify-content"] = justifyContent;
-    return result;
-  }
-  if (key === "flexFlow" && typeof val === "string") {
-    let [direction, wrap] = (val || "row").split(" ");
-    if (val.startsWith("x") || val === "row") direction = "row";
-    if (val.startsWith("y") || val === "column") direction = "column";
-    return { display: "flex", "flex-flow": (direction || "") + " " + (wrap || "") };
-  }
-  if (key === "flexWrap") {
-    return { display: "flex", "flex-wrap": val };
-  }
-  if (key === "backgroundImage" && typeof val === "string" && !val.startsWith("url(") && !val.startsWith("linear-gradient") && !val.startsWith("radial-gradient") && !val.startsWith("none")) {
-    return { "background-image": `url(${val})` };
-  }
-  if (key === "round" || key === "borderRadius" && val) {
-    return { "border-radius": typeof val === "number" ? val + "px" : val };
-  }
-  if (key === "boxSize" && typeof val === "string") {
-    const [height, width] = val.split(" ");
-    return { height, width: width || height };
-  }
-  if (key === "widthRange" && typeof val === "string") {
-    const [minWidth, maxWidth] = val.split(" ");
-    return { "min-width": minWidth, "max-width": maxWidth || minWidth };
-  }
-  if (key === "heightRange" && typeof val === "string") {
-    const [minHeight, maxHeight] = val.split(" ");
-    return { "min-height": minHeight, "max-height": maxHeight || minHeight };
-  }
-  if (key === "column") return { "grid-column": val };
-  if (key === "columns") return { "grid-template-columns": val };
-  if (key === "templateColumns") return { "grid-template-columns": val };
-  if (key === "row") return { "grid-row": val };
-  if (key === "rows") return { "grid-template-rows": val };
-  if (key === "templateRows") return { "grid-template-rows": val };
-  if (key === "area") return { "grid-area": val };
-  if (key === "template") return { "grid-template": val };
-  if (key === "templateAreas") return { "grid-template-areas": val };
-  if (key === "autoColumns") return { "grid-auto-columns": val };
-  if (key === "autoRows") return { "grid-auto-rows": val };
-  if (key === "autoFlow") return { "grid-auto-flow": val };
-  if (key === "columnStart") return { "grid-column-start": val };
-  if (key === "rowStart") return { "grid-row-start": val };
-  return null;
-};
-const resolveInnerProps = (obj, ds) => {
-  const result = {};
-  for (const k in obj) {
-    const v = obj[k];
-    const expanded = resolveShorthand(k, v);
-    if (expanded) {
-      for (const ek in expanded) {
-        result[ek] = resolveDSValue(ek, expanded[ek], ds);
-      }
-      continue;
-    }
-    if (typeof v !== "string" && typeof v !== "number") continue;
-    result[camelToKebab(k)] = resolveDSValue(k, v, ds);
-  }
-  return result;
-};
-const buildCSSFromProps = (props, ds, mediaMap) => {
-  const base = {};
-  const mediaRules = {};
-  const pseudoRules = {};
-  for (const key in props) {
-    const val = props[key];
-    if (key.charCodeAt(0) === 64 && typeof val === "object") {
-      const bp = mediaMap?.[key.slice(1)];
-      if (bp) {
-        const inner = resolveInnerProps(val, ds);
-        if (Object.keys(inner).length) mediaRules[bp] = inner;
-      }
-      continue;
-    }
-    if (key.charCodeAt(0) === 58 && typeof val === "object") {
-      const inner = resolveInnerProps(val, ds);
-      if (Object.keys(inner).length) pseudoRules[key] = inner;
-      continue;
-    }
-    if (typeof val !== "string" && typeof val !== "number") continue;
-    if (key.charCodeAt(0) >= 65 && key.charCodeAt(0) <= 90) continue;
-    if (NON_CSS_PROPS.has(key)) continue;
-    const expanded = resolveShorthand(key, val);
-    if (expanded) {
-      for (const ek in expanded) {
-        base[ek] = resolveDSValue(ek, expanded[ek], ds);
-      }
-      continue;
-    }
-    base[camelToKebab(key)] = resolveDSValue(key, val, ds);
-  }
-  return { base, mediaRules, pseudoRules };
-};
-const renderCSSRule = (selector, { base, mediaRules, pseudoRules }) => {
-  const lines = [];
-  const baseDecls = Object.entries(base).map(([k, v]) => `${k}: ${v}`).join("; ");
-  if (baseDecls) lines.push(`${selector} { ${baseDecls}; }`);
-  for (const [pseudo, p] of Object.entries(pseudoRules)) {
-    const decls = Object.entries(p).map(([k, v]) => `${k}: ${v}`).join("; ");
-    if (decls) lines.push(`${selector}${pseudo} { ${decls}; }`);
-  }
-  for (const [query, p] of Object.entries(mediaRules)) {
-    const decls = Object.entries(p).map(([k, v]) => `${k}: ${v}`).join("; ");
-    const mq = query.startsWith("@") ? query : `@media ${query}`;
-    if (decls) lines.push(`${mq} { ${selector} { ${decls}; } }`);
-  }
-  return lines.join("\n");
-};
-const EXTENDS_CSS = {
-  Flex: { display: "flex" },
-  InlineFlex: { display: "inline-flex" },
-  Grid: { display: "grid" },
-  InlineGrid: { display: "inline-grid" },
-  Block: { display: "block" },
-  Inline: { display: "inline" }
-};
-const getExtendsCSS = (el) => {
-  const exts = el.__ref?.__extends;
-  if (!exts || !Array.isArray(exts)) return null;
-  for (const ext of exts) {
-    if (EXTENDS_CSS[ext]) return EXTENDS_CSS[ext];
-  }
-  return null;
-};
-const resolveElementProps = (el) => {
-  let resolved;
-  for (const key in el) {
-    if (typeof el[key] !== "function") continue;
-    if (NON_CSS_PROPS.has(key)) continue;
-    if (key.charCodeAt(0) >= 65 && key.charCodeAt(0) <= 90) continue;
-    if (key.startsWith("on")) continue;
-    if (key.startsWith("__")) continue;
-    if (!resolved) resolved = {};
-    let result;
-    try {
-      result = el[key](el, el.state || {});
-    } catch {
-      try {
-        const mockState = { root: {}, ...el.state || {} };
-        result = el[key](el, mockState);
-      } catch {
-      }
-    }
-    if (result !== void 0 && result !== null && result !== false) {
-      resolved[key] = result;
-    }
-  }
-  return resolved || el;
-};
-const extractCSS = (element, ds) => {
-  const mediaMap = ds?.media || {};
-  const animations = ds?.animation || {};
-  const rules = [];
-  const seen = /* @__PURE__ */ new Set();
-  const usedAnimations = /* @__PURE__ */ new Set();
-  const walk = (el) => {
-    if (!el || !el.__ref) return;
-    const props = resolveElementProps(el);
-    if (props && el.node) {
-      const cls = el.node.getAttribute?.("class");
-      if (cls && !seen.has(cls)) {
-        seen.add(cls);
-        const cssResult = buildCSSFromProps(props, ds, mediaMap);
-        const extsCss = getExtendsCSS(el);
-        if (extsCss) {
-          for (const [k, v] of Object.entries(extsCss)) {
-            const kebab = camelToKebab(k);
-            if (!cssResult.base[kebab]) cssResult.base[kebab] = v;
-          }
-        }
-        const has = Object.keys(cssResult.base).length || Object.keys(cssResult.mediaRules).length || Object.keys(cssResult.pseudoRules).length;
-        if (has) rules.push(renderCSSRule("." + cls.split(" ")[0], cssResult));
-        const anim = props.animation || props.animationName;
-        if (typeof anim === "string") {
-          const name = anim.split(" ")[0];
-          if (animations[name]) usedAnimations.add(name);
-        }
-      }
-    }
-    if (el.__ref?.__children) {
-      for (const ck of el.__ref.__children) {
-        if (el[ck]?.__ref) walk(el[ck]);
-      }
-    }
-  };
-  walk(element);
-  const keyframes = [];
-  for (const name of usedAnimations) {
-    const frames = animations[name];
-    const frameRules = Object.entries(frames).map(([step, p]) => {
-      const decls = Object.entries(p).map(([k, v]) => `${camelToKebab(k)}: ${v}`).join("; ");
-      return `  ${step} { ${decls}; }`;
-    }).join("\n");
-    keyframes.push(`@keyframes ${name} {
-${frameRules}
-}`);
-  }
-  return [...keyframes, ...rules].join("\n");
-};
-const generateResetCSS = (reset) => {
-  if (!reset) return "";
-  const rules = [];
-  for (const [selector, props] of Object.entries(reset)) {
-    if (!props || typeof props !== "object") continue;
-    const baseDecls = [];
-    const mediaRules = [];
-    for (const [k, v] of Object.entries(props)) {
-      if (typeof v === "object" && v !== null) {
-        if (k.startsWith("@media") || k.startsWith("@")) {
-          const inner = Object.entries(v).filter(([, iv]) => typeof iv !== "object").map(([ik, iv]) => `${camelToKebab(ik)}: ${iv}`).join("; ");
-          if (inner) mediaRules.push(`${k} { ${selector} { ${inner}; } }`);
-        }
-        continue;
-      }
-      baseDecls.push(`${camelToKebab(k)}: ${v}`);
-    }
-    if (baseDecls.length) rules.push(`${selector} { ${baseDecls.join("; ")}; }`);
-    rules.push(...mediaRules);
-  }
-  return rules.join("\n");
-};
-const generateFontLinks = (ds) => {
-  if (!ds) return "";
-  const families = ds.font_family || ds.fontFamily || {};
-  const fontNames = /* @__PURE__ */ new Set();
-  for (const val of Object.values(families)) {
-    if (typeof val !== "string") continue;
-    const match = val.match(/'([^']+)'/);
-    if (match) fontNames.add(match[1]);
-  }
-  if (!fontNames.size) return "";
-  const params = [...fontNames].map((name) => {
-    const slug = name.replace(/\s+/g, "+");
-    return `family=${slug}:wght@300;400;500;600;700`;
-  }).join("&");
-  return [
-    '<link rel="preconnect" href="https://fonts.googleapis.com">',
-    '<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>',
-    `<link href="https://fonts.googleapis.com/css2?${params}&display=swap" rel="stylesheet">`
-  ].join("\n");
-};