uxml-preview 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,5 +1,584 @@
-import { loadYoga as Me, PositionType as Z, Direction as le, Edge as P, BoxSizing as Re, FlexDirection as V, Wrap as q, Justify as W, Align as L, Display as Ue, Overflow as De } from "yoga-layout/load";
-const xe = {
+import { loadYoga as tt, PositionType as ne, Direction as be, Edge as q, BoxSizing as nt, FlexDirection as G, Wrap as Y, Justify as P, Align as W, Display as st, Overflow as rt } from "yoga-layout/load";
+function J(e) {
+  const n = (t, s) => !Number.isInteger(t) || t < 0 || t > 1114111 || t >= 55296 && t <= 57343 ? s : String.fromCodePoint(t);
+  return e.replace(/&#x([0-9a-f]+);/gi, (t, s) => n(parseInt(s, 16), t)).replace(/&#(\d+);/g, (t, s) => n(Number(s), t)).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&amp;/g, "&");
+}
+function ye(e) {
+  return e !== void 0 && /[A-Za-z0-9_.:-]/.test(e);
+}
+function xe(e) {
+  return e !== void 0 && /[A-Za-z_]/.test(e);
+}
+function it(e) {
+  return e === " " || e === "	" || e === `
+` || e === "\r";
+}
+function Re(e) {
+  const n = [];
+  let t = 0, s = 0;
+  const i = () => s++;
+  function r(a, f, l) {
+    n.push({
+      kind: "malformed",
+      message: a,
+      at: { in: "uxml", span: { start: f, end: l } }
+    });
+  }
+  function u() {
+    for (; it(e[t]); ) t++;
+  }
+  function c() {
+    for (; ; ) {
+      const a = e.indexOf("<", t);
+      if (a < 0) {
+        t = e.length;
+        return;
+      }
+      const f = e[a + 1];
+      if (f === "!") {
+        if (e.startsWith("<!--", a)) {
+          const l = e.indexOf("-->", a + 4);
+          t = l < 0 ? e.length : l + 3;
+        } else if (e.startsWith("<![CDATA[", a)) {
+          const l = e.indexOf("]]>", a + 9);
+          t = l < 0 ? e.length : l + 3;
+        } else {
+          const l = e.indexOf(">", a);
+          t = l < 0 ? e.length : l + 1;
+        }
+        continue;
+      }
+      if (f === "?") {
+        const l = e.indexOf("?>", a + 2);
+        t = l < 0 ? e.length : l + 2;
+        continue;
+      }
+      t = a;
+      return;
+    }
+  }
+  function v() {
+    const a = t;
+    for (; ye(e[t]); ) t++;
+    const f = e.slice(a, t), l = f.indexOf(":");
+    return l < 0 ? { prefix: null, local: f } : { prefix: f.slice(0, l), local: f.slice(l + 1) };
+  }
+  function d() {
+    const a = t;
+    for (; ye(e[t]); ) t++;
+    if (t === a) return null;
+    const f = e.slice(a, t), l = t;
+    if (u(), e[t] !== "=")
+      return t = l, r(`attribute "${f}" has no value`, a, l), { name: f, value: "", span: { start: a, end: l } };
+    t++, u();
+    const h = e[t];
+    if (h !== '"' && h !== "'")
+      return r(`attribute "${f}" has an unquoted value`, a, t), { name: f, value: "", span: { start: a, end: t } };
+    t++;
+    const g = t, p = e.indexOf(h, t);
+    return p < 0 ? (r(`attribute "${f}" has an unterminated value`, a, e.length), t = e.length, { name: f, value: e.slice(g), span: { start: a, end: t } }) : (t = p + 1, { name: f, value: e.slice(g, p), span: { start: a, end: t } });
+  }
+  function o() {
+    const a = t;
+    t++;
+    const f = v(), l = [];
+    let h = !1;
+    for (; ; ) {
+      u();
+      const k = e[t];
+      if (k === void 0) {
+        r("unterminated open tag", a, e.length);
+        break;
+      }
+      if (k === ">") {
+        t++;
+        break;
+      }
+      if (k === "/" && e[t + 1] === ">") {
+        t += 2, h = !0;
+        break;
+      }
+      const x = d();
+      if (x === null) {
+        t++;
+        continue;
+      }
+      l.push(x);
+    }
+    const g = { start: a, end: t };
+    if (h)
+      return {
+        id: i(),
+        name: f,
+        attributes: l,
+        children: [],
+        spans: { openTag: g, inner: { start: t, end: t }, closeTag: null },
+        tagDirty: !1,
+        childrenDirty: !1
+      };
+    const p = t, b = [];
+    for (; ; ) {
+      if (c(), t >= e.length) {
+        r(`unterminated element <${Ce(f)}>`, a, e.length);
+        break;
+      }
+      const k = e[t + 1];
+      if (k === "/") break;
+      if (!xe(k)) {
+        t++;
+        continue;
+      }
+      b.push(o());
+    }
+    const m = t;
+    let y = null;
+    if (e.startsWith("</", t)) {
+      const k = e.indexOf(">", t), x = k < 0 ? e.length : k + 1;
+      k < 0 && r("unterminated end tag", t, x), y = { start: t, end: x }, t = x;
+    }
+    return {
+      id: i(),
+      name: f,
+      attributes: l,
+      children: b,
+      spans: { openTag: g, inner: { start: p, end: m }, closeTag: y },
+      tagDirty: !1,
+      childrenDirty: !1
+    };
+  }
+  return c(), t < e.length && xe(e[t + 1]) ? { root: o(), warnings: n } : (r("no root element", 0, 0), {
+    root: {
+      id: i(),
+      name: { prefix: null, local: "" },
+      attributes: [],
+      children: [],
+      spans: { openTag: { start: 0, end: 0 }, inner: { start: 0, end: 0 }, closeTag: null },
+      tagDirty: !1,
+      childrenDirty: !1
+    },
+    warnings: n
+  });
+}
+function Ce(e) {
+  return e.prefix === null ? e.local : `${e.prefix}:${e.local}`;
+}
+let Me;
+function ot(e) {
+  Me = e;
+}
+const Ue = /* @__PURE__ */ new WeakMap();
+function lt(e, n) {
+  Ue.set(e, n);
+}
+function bn(e) {
+  return Re(e).root.children.filter((t) => t.name.local === "Template").flatMap((t) => {
+    const s = Le(t, "src");
+    return s === void 0 || s.length === 0 ? [] : [J(s)];
+  });
+}
+const ke = 32;
+function Le(e, n) {
+  var t;
+  return (t = e.attributes.find((s) => s.name === n)) == null ? void 0 : t.value;
+}
+function U(e, n) {
+  const t = Le(e, n);
+  return t === void 0 ? void 0 : J(t);
+}
+function We(e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const t of e.root.children) {
+    if (t.name.local !== "Template") continue;
+    const s = U(t, "name"), i = U(t, "src");
+    s === void 0 || s.length === 0 || i === void 0 || i.length === 0 || n.set(s, { name: s, src: i, node: t });
+  }
+  return n;
+}
+function ze(e, n) {
+  return JSON.stringify([e, n]);
+}
+function at(e) {
+  return /(?:^|\/)Packages\//i.test(e) || /PackageCache/i.test(e);
+}
+function j(e, n, t, s, i) {
+  e.push({
+    kind: n,
+    message: t,
+    ...s === void 0 ? {} : { node: s.id },
+    ...i === void 0 ? {} : { sourceDocument: i }
+  });
+}
+function ee(e, n = 0, t = void 0) {
+  return {
+    ...e,
+    span: {
+      start: e.span.start + n,
+      end: e.span.end + n
+    },
+    ...t === void 0 ? {} : { sourceDocument: t }
+  };
+}
+function _e(e) {
+  return { prefix: e.prefix, local: e.local };
+}
+function Se() {
+  return { start: 0, end: 0 };
+}
+function se(e, n) {
+  return { start: e.start + n, end: e.end + n };
+}
+function ct(e, n, t, s, i) {
+  return {
+    id: e,
+    name: n,
+    attributes: t,
+    children: s,
+    spans: { openTag: Se(), inner: Se(), closeTag: null },
+    tagDirty: !1,
+    childrenDirty: !1,
+    ...i === void 0 ? {} : { derived: { kind: "template-container", instance: i } }
+  };
+}
+function ut(e, n, t) {
+  const s = e.items.map((i) => i.kind !== "import" || i.resolvedSheet === void 0 ? i.kind === "rule" ? {
+    ...i,
+    rule: {
+      ...i.rule,
+      selectors: i.rule.selectors.map((r) => ({
+        ...r,
+        parts: r.parts.map((u) => ({ ...u, simple: [...u.simple] }))
+      })),
+      declarations: i.rule.declarations.map((r) => ({ ...r }))
+    }
+  } : { ...i } : { ...i, resolvedSheet: i.resolvedSheet + n });
+  return { ...e, items: s, sourceDocumentFrom: t };
+}
+function dt(e, n) {
+  const t = n.sheetOffsets.get(e.document);
+  if (t !== void 0) return t;
+  const s = n.sheets.length, i = e.document.sheets.map((u, c) => s + c), r = e.document.sheets.map(() => e.url);
+  return e.document.sheets.forEach((u, c) => {
+    for (const v of u.items)
+      v.kind === "import" && v.resolvedSheet !== void 0 && (r[v.resolvedSheet] = u.origin ?? e.url);
+  }), n.sheetOffsets.set(e.document, i), e.document.sheets.forEach(
+    (u, c) => n.sheets.push(ut(u, s, r[c]))
+  ), i;
+}
+function je(e, n) {
+  const t = n.sourceOffsets.get(e);
+  if (t !== void 0) return t;
+  const s = n.sourceLength + 1;
+  return n.sourceOffsets.set(e, s), n.sources.push(`
+${e.source}`), n.sourceLength += e.source.length + 1, s;
+}
+function ft(e, n, t, s, i) {
+  for (const r of e.document.styleRoots ?? []) {
+    const u = n[r.sheet];
+    if (u === void 0) continue;
+    const c = t.nodes.get(r.scope) ?? s.id;
+    i.styleRoots.push({ sheet: u, scope: c });
+  }
+}
+function pt(e) {
+  return e.map((n) => {
+    const t = U(n, "name"), s = U(n, "slot");
+    return `<${n.name.local}${t === void 0 ? "" : ` name="${t}"`}${s === void 0 ? "" : ` slot="${s}"`}>`;
+  });
+}
+function Fe(e, n) {
+  const t = U(e, "slot-name");
+  t !== void 0 && t.length > 0 && n.add(t);
+  for (const s of e.children) Fe(s, n);
+}
+function V(e, n, t, s, i) {
+  const r = /* @__PURE__ */ new Set();
+  t !== null && Fe(t.document.root, r), !(r.size === 0 && n.length === 0) && j(
+    i.warnings,
+    "template-slot-unsupported",
+    `Template slots are unsupported; defined slot names: ${t === null ? "(unavailable)" : r.size === 0 ? "(none)" : [...r].join(", ")}; children not placed: ${n.length === 0 ? "(none)" : pt(n).join(", ")}`,
+    e,
+    s
+  );
+}
+function pe(e, n) {
+  if (e.name.local !== "Style" && e.name.local !== "Template" && e.name.local !== "AttributeOverrides") {
+    const t = U(e, "name");
+    t !== void 0 && t.length > 0 && n.set(t, (n.get(t) ?? 0) + 1);
+  }
+  for (const t of e.children) pe(t, n);
+}
+function Pe(e, n, t) {
+  U(e, "name") === n && t.push(e);
+  for (const s of e.children) Pe(s, n, t);
+}
+function ht(e, n, t, s, i) {
+  if (n.length === 0) return;
+  const r = /* @__PURE__ */ new Map();
+  pe(e, r);
+  for (const u of n) {
+    const c = U(u, "element-name"), v = U(u, "style");
+    if (v !== void 0 && j(
+      i.warnings,
+      "override-style-ignored",
+      `AttributeOverrides style for element-name "${c ?? "(missing)"}" was ignored with value "${v}"; Unity ignores style AttributeOverrides, so this matches Unity and is not a preview limitation.`,
+      u,
+      s ?? void 0
+    ), c === void 0 || c.length === 0) continue;
+    const d = [];
+    if (Pe(e, c, d), d.length === 0) {
+      const o = [...r.keys()];
+      j(
+        i.warnings,
+        "override-target-missing",
+        `AttributeOverrides target "${c}" matched no element; available names: ${o.length === 0 ? "(none)" : o.join(", ")}`,
+        u,
+        s ?? void 0
+      );
+      continue;
+    }
+    for (const o of d)
+      for (const a of u.attributes) {
+        if (a.name === "element-name" || a.name === "style") continue;
+        const f = o.attributes.find((l) => l.name === a.name);
+        f === void 0 ? o.attributes.push(ee(a, t, s)) : (f.value = a.value, f.sourceDocument = s);
+      }
+  }
+}
+function Be(e) {
+  return e.name.local === "Template" || e.name.local === "Instance" ? !0 : e.children.some(Be);
+}
+function mt(e, n) {
+  let t = 0;
+  const s = (i) => {
+    t = Math.max(t, Number(i.id) + 1);
+    for (const r of i.children) s(r);
+  };
+  return s(e.root), {
+    resolver: n,
+    warnings: [],
+    cache: /* @__PURE__ */ new Map(),
+    sheetOffsets: /* @__PURE__ */ new WeakMap(),
+    reportedWarnings: /* @__PURE__ */ new WeakSet(),
+    sourceOffsets: new WeakMap([[e, 0]]),
+    sources: [e.source],
+    sourceLength: e.source.length,
+    sheets: [...e.sheets],
+    styleRoots: [...e.styleRoots ?? []],
+    nextId: () => t++,
+    stack: []
+  };
+}
+function gt(e, n, t) {
+  var v;
+  const s = ze(e.src, n);
+  if (t.cache.has(s)) return t.cache.get(s) ?? null;
+  const i = ((v = t.resolver) == null ? void 0 : v.call(t, e.src, n)) ?? null;
+  if (i === null)
+    return t.cache.set(s, null), j(
+      t.warnings,
+      "template-src-unresolved",
+      `Template "${e.name}" src "${e.src}" could not be resolved from ${n === null ? "the entry UXML" : `"${n}"`}; attempted resolveImport("${e.src}", ${n === null ? "null" : `"${n}"`}); internal filesystem search paths: none`,
+      e.node,
+      n ?? void 0
+    ), at(e.src) && j(
+      t.warnings,
+      "package-path-not-searched",
+      `Template src "${e.src}" was unresolved; the resolver returned no source and the core does not independently search Unity Packages/Library/PackageCache paths`,
+      e.node,
+      n ?? void 0
+    ), null;
+  const r = Me;
+  if (r === void 0)
+    throw new Error("template parser is not registered; import parse from src/index before expansion");
+  const u = r(
+    i,
+    t.resolver === void 0 ? void 0 : (d, o) => t.resolver(d, o ?? e.src)
+  ), c = {
+    url: e.src,
+    from: n,
+    document: u,
+    declarations: We(u)
+  };
+  return t.cache.set(s, c), c;
+}
+function wt(e, n, t) {
+  var s, i;
+  if (!t.reportedWarnings.has(e.document)) {
+    t.reportedWarnings.add(e.document);
+    for (const r of e.document.warnings)
+      ((s = r.at) == null ? void 0 : s.in) === "uss" ? t.warnings.push({
+        ...r,
+        at: { ...r.at, sheet: n[r.at.sheet] ?? r.at.sheet },
+        sourceDocument: ((i = e.document.sheets[r.at.sheet]) == null ? void 0 : i.origin) ?? e.url
+      }) : t.warnings.push({ ...r, sourceDocument: e.url });
+  }
+}
+function te(e, n, t, s, i, r) {
+  const u = i ? e.id : n.nextId(), c = s === null ? 0 : n.sourceOffsets.get(s.document) ?? 0, v = c === 0 || s === null ? void 0 : s.url, d = {
+    id: u,
+    name: _e(e.name),
+    attributes: e.attributes.map((o) => ee(o, c, v)),
+    children: [],
+    spans: {
+      openTag: se(e.spans.openTag, c),
+      inner: se(e.spans.inner, c),
+      closeTag: e.spans.closeTag === null ? null : se(e.spans.closeTag, c)
+    },
+    tagDirty: e.tagDirty,
+    childrenDirty: e.childrenDirty,
+    ...c === 0 || s === null ? {} : {
+      sourceDocument: s.url,
+      sourceDocumentFrom: s.from,
+      sourceNode: e.id
+    }
+  };
+  t.nodes.set(e.id, d.id);
+  for (const o of e.children)
+    if (!(o.name.local === "Template" || o.name.local === "Style")) {
+      if (o.name.local === "Instance") {
+        d.children.push(he(o, n, s, t, r + 1));
+        continue;
+      }
+      o.name.local !== "AttributeOverrides" && U(o, "slot") === void 0 && d.children.push(te(o, n, t, s, i, r));
+    }
+  return d;
+}
+function vt(e, n, t, s) {
+  je(e.document, t);
+  const i = { nodes: /* @__PURE__ */ new Map([[e.document.root.id, n.id]]) };
+  for (const r of e.document.root.children)
+    if (!(r.name.local === "Template" || r.name.local === "Style")) {
+      if (r.name.local === "Instance") {
+        n.children.push(he(r, t, e, i, s + 1));
+        continue;
+      }
+      r.name.local !== "AttributeOverrides" && U(r, "slot") === void 0 && n.children.push(te(r, t, i, e, !1, s));
+    }
+  return i;
+}
+function he(e, n, t, s, i) {
+  const r = ct(
+    n.nextId(),
+    { prefix: e.name.prefix, local: "TemplateContainer" },
+    e.attributes.filter((b) => b.name !== "template").map(
+      (b) => ee(
+        b,
+        t === null ? 0 : n.sourceOffsets.get(t.document) ?? 0,
+        t === null || t.url.length === 0 ? null : t.url
+      )
+    ),
+    [],
+    e.id
+  );
+  t !== null && (r.sourceDocument = t.url.length > 0 ? t.url : null, r.sourceDocumentFrom = t.from), s.nodes.set(e.id, r.id);
+  const u = U(e, "template"), c = e.children.filter((b) => U(b, "slot") !== void 0), v = t === null || t.url.length === 0 ? void 0 : t.url, d = t == null ? void 0 : t.declarations.get(u ?? "");
+  if (d === void 0)
+    return V(e, c, null, v, n), j(
+      n.warnings,
+      "template-not-declared",
+      `Instance${u === void 0 ? "" : ` template "${u}"`} has no matching Template declaration`,
+      e,
+      v
+    ), r;
+  const o = t === null || t.url.length === 0 ? null : t.url, a = {
+    key: JSON.stringify([d.name, d.src, o]),
+    label: `${d.name}@${d.src}`
+  }, f = n.stack.findIndex((b) => b.key === a.key);
+  if (f >= 0) {
+    const b = n.cache.get(ze(d.src, o)) ?? null;
+    V(e, c, b, v, n);
+    const m = [...n.stack.slice(f), a].map((y) => y.label).join(" -> ");
+    return j(
+      n.warnings,
+      "template-cycle",
+      `Template cycle detected: ${m}`,
+      e,
+      v
+    ), r;
+  }
+  if (i >= ke)
+    return V(e, c, null, v, n), j(
+      n.warnings,
+      "template-depth-exceeded",
+      `Template expansion exceeded the depth limit ${ke}: ${[
+        ...n.stack,
+        a
+      ].map((b) => b.label).join(" -> ")}`,
+      e,
+      v
+    ), r;
+  const l = gt(d, o, n);
+  if (l === null)
+    return V(e, c, null, v, n), r;
+  je(l.document, n), n.stack.push(a);
+  const h = vt(l, r, n, i);
+  n.stack.pop();
+  const g = dt(l, n);
+  wt(l, g, n), ft(l, g, h, r, n);
+  const p = e.children.filter((b) => b.name.local === "AttributeOverrides");
+  V(e, c, l, v, n), ht(
+    r,
+    p,
+    t === null ? 0 : n.sourceOffsets.get(t.document) ?? 0,
+    t === null || t.url.length === 0 ? null : t.url,
+    n
+  );
+  for (const b of e.children)
+    b.name.local === "AttributeOverrides" || b.name.local === "Style" || U(b, "slot") !== void 0 || r.children.push(te(b, n, s, t, !1, i));
+  return r;
+}
+function bt(e) {
+  if (!Be(e.root)) return { document: e, warnings: [] };
+  const n = mt(e, Ue.get(e)), t = n.styleRoots.length, s = {
+    url: "",
+    from: null,
+    document: e,
+    declarations: We(e)
+  }, i = { nodes: /* @__PURE__ */ new Map([[e.root.id, e.root.id]]) }, r = {
+    id: e.root.id,
+    name: _e(e.root.name),
+    attributes: e.root.attributes.map((c) => ee(c)),
+    children: [],
+    spans: {
+      openTag: { ...e.root.spans.openTag },
+      inner: { ...e.root.spans.inner },
+      closeTag: e.root.spans.closeTag === null ? null : { ...e.root.spans.closeTag }
+    },
+    tagDirty: e.root.tagDirty,
+    childrenDirty: e.root.childrenDirty
+  };
+  for (const c of e.root.children)
+    if (!(c.name.local === "Template" || c.name.local === "Style")) {
+      if (c.name.local === "Instance") {
+        r.children.push(he(c, n, s, i, 0));
+        continue;
+      }
+      c.name.local !== "AttributeOverrides" && U(c, "slot") === void 0 && r.children.push(te(c, n, i, s, !0, 0));
+    }
+  for (let c = 0; c < t; c++) {
+    const v = n.styleRoots[c], d = i.nodes.get(v.scope);
+    d !== void 0 && (n.styleRoots[c] = { ...v, scope: d });
+  }
+  const u = /* @__PURE__ */ new Map();
+  pe(r, u);
+  for (const [c, v] of u)
+    v > 1 && j(
+      n.warnings,
+      "duplicate-name-in-tree",
+      `name "${c}" occurs ${v} times after template expansion`
+    );
+  return {
+    document: {
+      ...e,
+      root: r,
+      source: n.sources.join(""),
+      sheets: n.sheets,
+      styleRoots: n.styleRoots
+    },
+    warnings: n.warnings
+  };
+}
+const He = {
   // VisualElement is the base class and carries no class of its own.
   VisualElement: { hasText: !1, classes: [], parts: [] },
   Label: { hasText: !0, classes: ["unity-label"], parts: [] },
@@ -37,24 +616,26 @@ const xe = {
       { name: "unity-content-container", style: { "flex-shrink": "0" } }
     ]
   }
-}, ce = { hasText: !1, classes: [], parts: [] }, Le = "UXML", ze = /* @__PURE__ */ new Set(["Style"]);
-function _e(e) {
-  return ze.has(e.name.local);
+}, re = { hasText: !1, classes: [], parts: [] }, yt = "UXML", xt = /* @__PURE__ */ new Set(["Style"]);
+function kt(e) {
+  return xt.has(e.name.local);
 }
-function F(e) {
-  const n = xe[e.name.local];
-  return n !== void 0 ? { spec: n, fallback: !1 } : je(e) ? { spec: ce, fallback: !1 } : { spec: ce, fallback: !0 };
+function H(e) {
+  var t;
+  if (((t = e.derived) == null ? void 0 : t.kind) === "template-container") return { spec: re, fallback: !1 };
+  const n = He[e.name.local];
+  return n !== void 0 ? { spec: n, fallback: !1 } : St(e) ? { spec: re, fallback: !1 } : { spec: re, fallback: !0 };
 }
-function je(e) {
-  return e.name.local === Le;
+function St(e) {
+  return e.name.local === yt;
 }
-function We(e) {
-  return F(e).spec.classes;
+function $t(e) {
+  return H(e).spec.classes;
 }
-function Be() {
-  return Object.keys(xe);
+function Tt() {
+  return Object.keys(He);
 }
-const Y = "6000.0.40f1", ve = `:disabled {
+const Z = "6000.0.40f1", Ve = `:disabled {
   opacity: 0.5;
 }
 
@@ -62,11 +643,11 @@ const Y = "6000.0.40f1", ve = `:disabled {
   margin: 1px 3px;
   -unity-text-align: middle-center;
 }
-`, Fe = 13;
-function Pe(e) {
-  return e ? Fe : 0;
+`, Ot = 13;
+function Et(e) {
+  return e ? Ot : 0;
 }
-const Ve = /* @__PURE__ */ new Set([
+const Nt = /* @__PURE__ */ new Set([
   "color",
   "font-size",
   "letter-spacing",
@@ -81,23 +662,23 @@ const Ve = /* @__PURE__ */ new Set([
   "-unity-text-outline-color",
   "-unity-text-outline-width"
 ]);
-function He(e) {
-  return e.startsWith("--") || Ve.has(e);
+function Dt(e) {
+  return e.startsWith("--") || Nt.has(e);
 }
-function ue(e) {
+function $e(e) {
   const n = [];
-  let t = 0, i = -1;
-  for (let l = 0; l < e.length; l++) {
-    const s = e[l];
-    s === "(" ? t++ : s === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(s) ? i >= 0 && (n.push(e.slice(i, l)), i = -1) : i < 0 && (i = l);
+  let t = 0, s = -1;
+  for (let i = 0; i < e.length; i++) {
+    const r = e[i];
+    r === "(" ? t++ : r === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(r) ? s >= 0 && (n.push(e.slice(s, i)), s = -1) : s < 0 && (s = i);
   }
-  return i >= 0 && n.push(e.slice(i)), n;
+  return s >= 0 && n.push(e.slice(s)), n;
 }
-function qe(e) {
-  const [n, t, i, l] = e;
-  return n === void 0 ? null : t === void 0 ? [n, n, n, n] : i === void 0 ? [n, t, n, t] : l === void 0 ? [n, t, i, t] : [n, t, i, l];
+function At(e) {
+  const [n, t, s, i] = e;
+  return n === void 0 ? null : t === void 0 ? [n, n, n, n] : s === void 0 ? [n, t, n, t] : i === void 0 ? [n, t, s, t] : [n, t, s, i];
 }
-const Ge = {
+const It = {
   margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
   padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
   "border-width": [
@@ -120,21 +701,21 @@ const Ge = {
     "border-bottom-left-radius"
   ]
 };
-function de(e) {
+function Te(e) {
   return /^-?(\d+\.?\d*|\.\d+)$/.test(e);
 }
-function Ye(e) {
-  const [n, t, i] = e;
-  return n === void 0 ? [] : n === "none" ? [["flex-grow", "0"], ["flex-shrink", "0"], ["flex-basis", "auto"]] : n === "auto" ? [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", "auto"]] : t === void 0 ? de(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : i === void 0 ? de(t) ? [["flex-grow", n], ["flex-shrink", t], ["flex-basis", "0"]] : [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", t]] : [["flex-grow", n], ["flex-shrink", t], ["flex-basis", i]];
+function Rt(e) {
+  const [n, t, s] = e;
+  return n === void 0 ? [] : n === "none" ? [["flex-grow", "0"], ["flex-shrink", "0"], ["flex-basis", "auto"]] : n === "auto" ? [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", "auto"]] : t === void 0 ? Te(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : s === void 0 ? Te(t) ? [["flex-grow", n], ["flex-shrink", t], ["flex-basis", "0"]] : [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", t]] : [["flex-grow", n], ["flex-shrink", t], ["flex-basis", s]];
 }
-function J(e, n) {
-  if (e === "flex") return Ye(ue(n));
-  const t = Ge[e];
+function ie(e, n) {
+  if (e === "flex") return Rt($e(n));
+  const t = It[e];
   if (t === void 0) return [[e, n]];
-  const i = qe(ue(n));
-  return i === null ? [[e, n]] : t.map((l, s) => [l, i[s]]);
+  const s = At($e(n));
+  return s === null ? [[e, n]] : t.map((i, r) => [i, s[r]]);
 }
-const ee = {
+const ae = {
   "align-content": "flex-start",
   "align-items": "stretch",
   "align-self": "auto",
@@ -170,8 +751,8 @@ const ee = {
   "padding-right": "0",
   "padding-top": "0",
   "font-size": "12px"
-}, Xe = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
-function X(e) {
+}, Ct = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
+function Q(e) {
   const n = e.trim();
   if (n === "") return { length: null, problem: "empty value" };
   if (n === "auto") return { length: { kind: "auto" } };
@@ -181,245 +762,241 @@ function X(e) {
     return { length: null, problem: "calc() is not supported in USS" };
   const t = /^(-?(?:\d+\.?\d*|\.\d+))([a-z%]*)$/i.exec(n);
   if (t === null) return { length: null, problem: `cannot read "${n}" as a length` };
-  const i = Number(t[1]), l = t[2].toLowerCase();
-  return l === "" || l === "px" ? { length: { kind: "px", value: i } } : l === "%" ? { length: { kind: "percent", value: i } } : Xe.includes(l) ? { length: null, problem: `"${l}" is not a USS unit` } : { length: null, problem: `unknown unit "${l}"` };
+  const s = Number(t[1]), i = t[2].toLowerCase();
+  return i === "" || i === "px" ? { length: { kind: "px", value: s } } : i === "%" ? { length: { kind: "percent", value: s } } : Ct.includes(i) ? { length: null, problem: `"${i}" is not a USS unit` } : { length: null, problem: `unknown unit "${i}"` };
 }
-function fe(e) {
+function Oe(e) {
   const n = e.trim();
   return /^-?(\d+\.?\d*|\.\d+)$/.test(n) ? Number(n) : null;
 }
-let se = null;
-async function Ut() {
-  se ?? (se = await Me());
-}
-function Dt() {
-  return se !== null;
-}
-let G = 0;
-function Lt() {
-  return G;
-}
-const K = {
-  auto: L.Auto,
-  "flex-start": L.FlexStart,
-  center: L.Center,
-  "flex-end": L.FlexEnd,
-  stretch: L.Stretch,
-  baseline: L.Baseline,
-  "space-between": L.SpaceBetween,
-  "space-around": L.SpaceAround,
-  "space-evenly": L.SpaceEvenly
-}, Ze = {
+let me = null;
+async function yn() {
+  me ?? (me = await tt());
+}
+function xn() {
+  return me !== null;
+}
+let K = 0;
+function kn() {
+  return K;
+}
+const oe = {
+  auto: W.Auto,
   "flex-start": W.FlexStart,
   center: W.Center,
   "flex-end": W.FlexEnd,
+  stretch: W.Stretch,
+  baseline: W.Baseline,
   "space-between": W.SpaceBetween,
   "space-around": W.SpaceAround,
   "space-evenly": W.SpaceEvenly
-}, Je = {
-  column: V.Column,
-  "column-reverse": V.ColumnReverse,
-  row: V.Row,
-  "row-reverse": V.RowReverse
-}, Ke = {
-  nowrap: q.NoWrap,
-  wrap: q.Wrap,
-  "wrap-reverse": q.WrapReverse
-}, Qe = [
-  ["left", P.Left],
-  ["top", P.Top],
-  ["right", P.Right],
-  ["bottom", P.Bottom]
+}, Mt = {
+  "flex-start": P.FlexStart,
+  center: P.Center,
+  "flex-end": P.FlexEnd,
+  "space-between": P.SpaceBetween,
+  "space-around": P.SpaceAround,
+  "space-evenly": P.SpaceEvenly
+}, Ut = {
+  column: G.Column,
+  "column-reverse": G.ColumnReverse,
+  row: G.Row,
+  "row-reverse": G.RowReverse
+}, Lt = {
+  nowrap: Y.NoWrap,
+  wrap: Y.Wrap,
+  "wrap-reverse": Y.WrapReverse
+}, Wt = [
+  ["left", q.Left],
+  ["top", q.Top],
+  ["right", q.Right],
+  ["bottom", q.Bottom]
 ];
-function et(e, n, t, i) {
-  const l = se;
-  if (l === null)
+function zt(e, n, t, s) {
+  const i = me;
+  if (i === null)
     throw new Error("loadLayoutEngine() must be awaited before rendering");
-  const s = [], m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), v = [], u = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  let a = 0, d = !1, o = !1;
-  const f = (p, k) => {
+  const r = [], u = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), v = [], d = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  let a = 0, f = !1, l = !1;
+  const h = (w, S) => {
     var T;
-    return ((T = p.get(k)) == null ? void 0 : T.value) ?? ee[k] ?? "";
+    return ((T = w.get(S)) == null ? void 0 : T.value) ?? ae[S] ?? "";
   };
-  function w(p, k) {
-    s.push({ kind: "unsupported-property", message: p, node: k.id });
+  function g(w, S) {
+    r.push({ kind: "unsupported-property", message: w, node: S.id });
   }
-  function c(p, k, T) {
-    const N = f(p, k);
+  function p(w, S, T) {
+    const N = h(w, S);
     if (N === "") return null;
-    const { length: C, problem: A } = X(N);
-    return A !== void 0 && w(`${k}: ${A}`, T), C;
+    const { length: D, problem: A } = Q(N);
+    return A !== void 0 && g(`${S}: ${A}`, T), D;
   }
-  function S(p) {
-    if (p !== null)
-      switch (p.kind) {
+  function b(w) {
+    if (w !== null)
+      switch (w.kind) {
         case "px":
-          return p.value;
+          return w.value;
         case "percent":
-          return `${p.value}%`;
+          return `${w.value}%`;
         case "auto":
           return "auto";
         case "none":
           return;
       }
   }
-  function h(p) {
-    if (p !== null) {
-      if (p.kind === "px") return p.value;
-      if (p.kind === "percent") return `${p.value}%`;
+  function m(w) {
+    if (w !== null) {
+      if (w.kind === "px") return w.value;
+      if (w.kind === "percent") return `${w.value}%`;
     }
   }
-  function x(p, k, T) {
-    p.setBoxSizing(Re.BorderBox), p.setFlexDirection(Je[f(k, "flex-direction")] ?? V.Column), p.setFlexWrap(Ke[f(k, "flex-wrap")] ?? q.NoWrap), p.setJustifyContent(Ze[f(k, "justify-content")] ?? W.FlexStart), p.setAlignItems(K[f(k, "align-items")] ?? L.Stretch), p.setAlignSelf(K[f(k, "align-self")] ?? L.Auto), p.setAlignContent(K[f(k, "align-content")] ?? L.FlexStart), p.setFlexGrow(fe(f(k, "flex-grow")) ?? 0), p.setFlexShrink(fe(f(k, "flex-shrink")) ?? 1), p.setFlexBasis(S(c(k, "flex-basis", T)));
-    const N = f(k, "position");
-    (N === "fixed" || N === "sticky") && w(`position: ${N} is not supported in USS; treated as relative`, T), p.setPositionType(
-      N === "absolute" ? Z.Absolute : Z.Relative
-    ), f(k, "display") === "none" && p.setDisplay(Ue.None);
-    const C = f(k, "overflow");
-    C === "hidden" ? p.setOverflow(De.Hidden) : (C === "auto" || C === "scroll") && w(`overflow: ${C} needs a ScrollView element in USS`, T), p.setWidth(S(c(k, "width", T))), p.setHeight(S(c(k, "height", T))), p.setMinWidth(h(c(k, "min-width", T))), p.setMinHeight(h(c(k, "min-height", T))), p.setMaxWidth(h(c(k, "max-width", T))), p.setMaxHeight(h(c(k, "max-height", T)));
-    for (const [A, I] of Qe) {
-      p.setMargin(I, h(c(k, `margin-${A}`, T))), p.setPadding(I, h(c(k, `padding-${A}`, T)));
-      const _ = h(c(k, `border-${A}-width`, T));
-      p.setBorder(I, typeof _ == "number" ? _ : void 0), p.setPosition(I, h(c(k, A, T)));
+  function y(w, S, T) {
+    w.setBoxSizing(nt.BorderBox), w.setFlexDirection(Ut[h(S, "flex-direction")] ?? G.Column), w.setFlexWrap(Lt[h(S, "flex-wrap")] ?? Y.NoWrap), w.setJustifyContent(Mt[h(S, "justify-content")] ?? P.FlexStart), w.setAlignItems(oe[h(S, "align-items")] ?? W.Stretch), w.setAlignSelf(oe[h(S, "align-self")] ?? W.Auto), w.setAlignContent(oe[h(S, "align-content")] ?? W.FlexStart), w.setFlexGrow(Oe(h(S, "flex-grow")) ?? 0), w.setFlexShrink(Oe(h(S, "flex-shrink")) ?? 1), w.setFlexBasis(b(p(S, "flex-basis", T)));
+    const N = h(S, "position");
+    (N === "fixed" || N === "sticky") && g(`position: ${N} is not supported in USS; treated as relative`, T), w.setPositionType(
+      N === "absolute" ? ne.Absolute : ne.Relative
+    ), h(S, "display") === "none" && w.setDisplay(st.None);
+    const D = h(S, "overflow");
+    D === "hidden" ? w.setOverflow(rt.Hidden) : (D === "auto" || D === "scroll") && g(`overflow: ${D} needs a ScrollView element in USS`, T), w.setWidth(b(p(S, "width", T))), w.setHeight(b(p(S, "height", T))), w.setMinWidth(m(p(S, "min-width", T))), w.setMinHeight(m(p(S, "min-height", T))), w.setMaxWidth(m(p(S, "max-width", T))), w.setMaxHeight(m(p(S, "max-height", T)));
+    for (const [A, I] of Wt) {
+      w.setMargin(I, m(p(S, `margin-${A}`, T))), w.setPadding(I, m(p(S, `padding-${A}`, T)));
+      const _ = m(p(S, `border-${A}-width`, T));
+      w.setBorder(I, typeof _ == "number" ? _ : void 0), w.setPosition(I, m(p(S, A, T)));
     }
   }
-  function y(p) {
-    var k;
-    return (k = p.attributes.find((T) => T.name === "text")) == null ? void 0 : k.value;
+  function k(w) {
+    var S;
+    return (S = w.attributes.find((T) => T.name === "text")) == null ? void 0 : S.value;
   }
-  const b = ["text", "label"];
-  function $(p) {
-    return b.filter(
-      (k) => p.attributes.some((T) => T.name === k && T.value.length > 0)
+  const x = ["text", "label"];
+  function $(w) {
+    return x.filter(
+      (S) => w.attributes.some((T) => T.name === S && T.value.length > 0)
     );
   }
-  function O(p, k) {
-    if (_e(p)) return;
-    const T = n.get(p.id) ?? /* @__PURE__ */ new Map(), N = l.Node.create();
-    a++, G++, u.set(p, N), v.push(p), x(N, T, p), k !== null && k.insertChild(N, k.getChildCount());
-    const { spec: C, fallback: A } = F(p), I = y(p), _ = C.hasText && I !== void 0 && I.length > 0;
+  function O(w, S) {
+    if (kt(w)) return;
+    const T = n.get(w.id) ?? /* @__PURE__ */ new Map(), N = i.Node.create();
+    a++, K++, d.set(w, N), v.push(w), y(N, T, w), S !== null && S.insertChild(N, S.getChildCount());
+    const { spec: D, fallback: A } = H(w), I = k(w), _ = D.hasText && I !== void 0 && I.length > 0;
     if (A) {
-      const M = $(p);
-      s.push({
+      const R = $(w);
+      r.push({
         kind: "unsupported-control",
-        message: `<${p.name.local}> has no renderer in this version and is drawn as a plain VisualElement` + (M.length === 0 ? "" : `; its ${M.join(" and ")} attribute${M.length > 1 ? "s are" : " is"} not drawn, because Unity draws that through a child element`),
-        node: p.id
+        message: `<${w.name.local}> has no renderer in this version and is drawn as a plain VisualElement` + (R.length === 0 ? "" : `; its ${R.join(" and ")} attribute${R.length > 1 ? "s are" : " is"} not drawn, because Unity draws that through a child element`),
+        node: w.id
       });
     }
     if (_) {
-      p.children.length > 0 && w(
-        `<${p.name.local}> has both a text attribute and children; children are not drawn`,
-        p
+      w.children.length > 0 && g(
+        `<${w.name.local}> has both a text attribute and children; children are not drawn`,
+        w
       );
-      const M = c(T, "font-size", p), z = {
-        fontSize: M !== null && M.kind === "px" ? M.value : 12,
-        fontStyle: f(T, "-unity-font-style") || "normal",
-        whiteSpace: f(T, "white-space") || "normal"
+      const R = p(T, "font-size", w), z = {
+        fontSize: R !== null && R.kind === "px" ? R.value : 12,
+        fontStyle: h(T, "-unity-font-style") || "normal",
+        whiteSpace: h(T, "white-space") || "normal"
       };
       N.setMeasureFunc(
-        (U) => i.measureText(
+        (M) => s.measureText(
           I,
           z,
-          Number.isFinite(U) ? U : 0
+          Number.isFinite(M) ? M : 0
         )
       );
       return;
     }
-    let j = N;
-    if (C.parts.length > 0) {
-      o || (o = !0, s.push({
+    let F = N;
+    if (D.parts.length > 0) {
+      l || (l = !0, r.push({
         kind: "version-dependent",
-        message: `<${p.name.local}> is drawn with the implicit child elements Unity builds for it, and their geometry was measured on Unity ${Y}. Other versions may differ; see src/controls/theme.ts.`,
-        node: p.id
+        message: `<${w.name.local}> is drawn with the implicit child elements Unity builds for it, and their geometry was measured on Unity ${Z}. Other versions may differ; see src/controls/theme.ts.`,
+        node: w.id
       }));
-      const M = [], z = [], U = t.get(p.id);
-      for (const oe of C.parts) {
-        const ae = (U == null ? void 0 : U.get(oe.name)) ?? /* @__PURE__ */ new Map(), H = l.Node.create();
-        a++, G++, x(H, ae, p), j.insertChild(H, j.getChildCount()), j = H, z.push(H), M.push({
-          name: oe.name,
-          owner: p.id,
+      const R = [], z = [], M = t.get(w.id);
+      for (const we of D.parts) {
+        const ve = (M == null ? void 0 : M.get(we.name)) ?? /* @__PURE__ */ new Map(), X = i.Node.create();
+        a++, K++, y(X, ve, w), F.insertChild(X, F.getChildCount()), F = X, z.push(X), R.push({
+          name: we.name,
+          owner: w.id,
           box: { left: 0, top: 0, width: 0, height: 0 },
-          style: ae
+          style: ve
         });
       }
-      g.set(p.id, M), r.set(p.id, z);
+      c.set(w.id, R), o.set(w.id, z);
     }
-    for (const M of p.children) O(M, j);
+    for (const R of w.children) O(R, F);
   }
   O(e, null);
-  const E = u.get(e);
-  E.setWidth(i.size.width), E.setHeight(i.size.height), E.setPositionType(Z.Relative), E.calculateLayout(i.size.width, i.size.height, le.LTR);
-  const R = /* @__PURE__ */ new Map();
-  for (let p = 0; p < 3; p++) {
-    let k = !1;
-    for (const [T, N] of g) {
-      const C = r.get(T);
-      if (C === void 0) continue;
-      const A = N.findIndex((U) => U.name === "unity-content-viewport"), I = N.findIndex((U) => U.name === "unity-content-container");
+  const E = d.get(e);
+  E.setWidth(s.size.width), E.setHeight(s.size.height), E.setPositionType(ne.Relative), E.calculateLayout(s.size.width, s.size.height, be.LTR);
+  const C = /* @__PURE__ */ new Map();
+  for (let w = 0; w < 3; w++) {
+    let S = !1;
+    for (const [T, N] of c) {
+      const D = o.get(T);
+      if (D === void 0) continue;
+      const A = N.findIndex((M) => M.name === "unity-content-viewport"), I = N.findIndex((M) => M.name === "unity-content-container");
       if (A === -1 || I === -1) continue;
-      const _ = C[A].getComputedLayout(), M = C[I].getComputedLayout().height > _.height + 0.01, z = Pe(M);
-      (R.get(T) ?? 0) !== z && (R.set(T, z), C[A].setMargin(P.Right, z), k = !0);
+      const _ = D[A].getComputedLayout(), R = D[I].getComputedLayout().height > _.height + 0.01, z = Et(R);
+      (C.get(T) ?? 0) !== z && (C.set(T, z), D[A].setMargin(q.Right, z), S = !0);
     }
-    if (!k) break;
-    E.calculateLayout(i.size.width, i.size.height, le.LTR);
+    if (!S) break;
+    E.calculateLayout(s.size.width, s.size.height, be.LTR);
   }
-  function D(p, k, T) {
-    const N = u.get(p);
+  function L(w, S, T) {
+    const N = d.get(w);
     if (N === void 0) return;
-    const C = N.getComputedLayout();
-    let A = k + C.left, I = T + C.top;
-    m.set(p.id, { left: A, top: I, width: C.width, height: C.height });
-    const _ = g.get(p.id), j = r.get(p.id);
-    _ !== void 0 && j !== void 0 && _.forEach((M, z) => {
-      const U = j[z].getComputedLayout();
-      A += U.left, I += U.top, M.box = { left: A, top: I, width: U.width, height: U.height };
+    const D = N.getComputedLayout();
+    let A = S + D.left, I = T + D.top;
+    u.set(w.id, { left: A, top: I, width: D.width, height: D.height });
+    const _ = c.get(w.id), F = o.get(w.id);
+    _ !== void 0 && F !== void 0 && _.forEach((R, z) => {
+      const M = F[z].getComputedLayout();
+      A += M.left, I += M.top, R.box = { left: A, top: I, width: M.width, height: M.height };
     });
-    for (const M of p.children) D(M, A, I);
+    for (const R of w.children) L(R, A, I);
   }
-  return D(e, 0, 0), {
-    boxes: m,
-    parts: g,
+  return L(e, 0, 0), {
+    boxes: u,
+    parts: c,
     painted: v,
-    warnings: s,
+    warnings: r,
     dispose() {
-      d || (d = !0, E.freeRecursive(), G -= a, u.clear(), r.clear());
+      f || (f = !0, E.freeRecursive(), K -= a, d.clear(), o.clear());
     }
   };
 }
-const tt = 1.2;
-function nt(e) {
+const _t = 1.2;
+function jt(e) {
   var t;
   let n = null;
   if (e !== void 0) {
-    const i = e.createElement("canvas");
-    n = ((t = i.getContext) == null ? void 0 : t.call(i, "2d")) ?? null;
+    const s = e.createElement("canvas");
+    n = ((t = s.getContext) == null ? void 0 : t.call(s, "2d")) ?? null;
   }
-  return (i, l, s) => {
-    const m = l.fontSize * tt, g = (o) => {
+  return (s, i, r) => {
+    const u = i.fontSize * _t, c = (l) => {
       if (n === null)
-        return o.length * l.fontSize * 0.5;
-      const f = l.fontStyle.includes("bold") ? "bold" : "normal", w = l.fontStyle.includes("italic") ? "italic" : "normal";
-      return n.font = `${w} ${f} ${l.fontSize}px sans-serif`, n.measureText(o).width;
+        return l.length * i.fontSize * 0.5;
+      const h = i.fontStyle.includes("bold") ? "bold" : "normal", g = i.fontStyle.includes("italic") ? "italic" : "normal";
+      return n.font = `${g} ${h} ${i.fontSize}px sans-serif`, n.measureText(l).width;
     };
-    if (!(l.whiteSpace !== "nowrap" && l.whiteSpace !== "pre") || s <= 0) {
-      const o = i.split(`
+    if (!(i.whiteSpace !== "nowrap" && i.whiteSpace !== "pre") || r <= 0) {
+      const l = s.split(`
 `);
-      return { width: o.reduce((w, c) => Math.max(w, g(c)), 0), height: o.length * m };
+      return { width: l.reduce((g, p) => Math.max(g, c(p)), 0), height: l.length * u };
     }
-    const u = i.split(/\s+/).filter((o) => o.length > 0);
-    let r = 1, a = 0, d = 0;
-    for (const o of u) {
-      const f = g(o), w = a === 0 ? 0 : g(" ");
-      a > 0 && a + w + f > s ? (d = Math.max(d, a), r++, a = f) : a += w + f;
+    const d = s.split(/\s+/).filter((l) => l.length > 0);
+    let o = 1, a = 0, f = 0;
+    for (const l of d) {
+      const h = c(l), g = a === 0 ? 0 : c(" ");
+      a > 0 && a + g + h > r ? (f = Math.max(f, a), o++, a = h) : a += g + h;
     }
-    return d = Math.max(d, a), { width: d, height: r * m };
+    return f = Math.max(f, a), { width: f, height: o * u };
   };
 }
-function ye(e) {
-  const n = (t, i) => !Number.isInteger(t) || t < 0 || t > 1114111 || t >= 55296 && t <= 57343 ? i : String.fromCodePoint(t);
-  return e.replace(/&#x([0-9a-f]+);/gi, (t, i) => n(parseInt(i, 16), t)).replace(/&#(\d+);/g, (t, i) => n(Number(i), t)).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&amp;/g, "&");
-}
-const it = /* @__PURE__ */ new Set([
+const Ft = /* @__PURE__ */ new Set([
   "box-shadow",
   "filter",
   "backdrop-filter",
@@ -435,7 +1012,7 @@ const it = /* @__PURE__ */ new Set([
   "float",
   "clear",
   "border-style"
-]), st = /* @__PURE__ */ new Set([
+]), Pt = /* @__PURE__ */ new Set([
   "gap",
   "row-gap",
   "column-gap",
@@ -445,43 +1022,43 @@ const it = /* @__PURE__ */ new Set([
   "background-repeat",
   "overflow-wrap",
   "word-break"
-]), pe = ["top", "right", "bottom", "left"], rt = {
+]), Ee = ["top", "right", "bottom", "left"], Bt = {
   normal: { weight: "normal", style: "normal" },
   bold: { weight: "bold", style: "normal" },
   italic: { weight: "normal", style: "italic" },
   "bold-and-italic": { weight: "bold", style: "italic" }
-}, ot = {
+}, Ht = {
   upper: "flex-start",
   middle: "center",
   lower: "flex-end"
-}, at = {
+}, Vt = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-}, Q = {
+}, le = {
   "stretch-to-fill": "100% 100%",
   "scale-and-crop": "cover",
   "scale-to-fit": "contain"
-}, he = "stretch-to-fill";
-function lt(e) {
-  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(e.trim());
+}, Ne = "stretch-to-fill";
+function qt(e) {
+  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(J(e).trim());
   return n === null ? null : { form: n[1], path: n[3] };
 }
-function me(e, n, t = {}) {
-  var w;
-  const i = {}, l = [], s = (c) => {
-    var S;
-    return (S = e.get(c)) == null ? void 0 : S.value;
-  }, m = (c, S) => {
-    l.push({ kind: c, message: S, node: n });
+function De(e, n, t = {}) {
+  var g;
+  const s = {}, i = [], r = (p) => {
+    var b;
+    return (b = e.get(p)) == null ? void 0 : b.value;
+  }, u = (p, b) => {
+    i.push({ kind: p, message: b, node: n });
   };
-  i["box-sizing"] = "border-box";
-  for (const [c] of e)
-    it.has(c) ? m("unsupported-property", `${c} does not exist in USS and is ignored`) : st.has(c) && m(
+  s["box-sizing"] = "border-box";
+  for (const [p] of e)
+    Ft.has(p) ? u("unsupported-property", `${p} does not exist in USS and is ignored`) : Pt.has(p) && u(
       "version-dependent",
-      `${c} depends on the Unity version; verify it in your project`
+      `${p} depends on the Unity version; verify it in your project`
     );
-  const g = [
+  const c = [
     "background-color",
     "color",
     "opacity",
@@ -494,388 +1071,388 @@ function me(e, n, t = {}) {
     "font-size",
     "transform-origin"
   ];
-  for (const c of g) {
-    const S = s(c);
-    S !== void 0 && (i[c] = S);
-  }
-  s("display") === "none" && (i.display = "none"), s("overflow") === "hidden" && (i.overflow = "hidden");
-  for (const c of pe) {
-    const S = s(`border-${c}-width`);
-    if (S !== void 0 && S !== "0") {
-      const { length: y, problem: b } = X(S);
-      y === null || y.kind !== "px" ? m(
+  for (const p of c) {
+    const b = r(p);
+    b !== void 0 && (s[p] = b);
+  }
+  r("display") === "none" && (s.display = "none"), r("overflow") === "hidden" && (s.overflow = "hidden");
+  for (const p of Ee) {
+    const b = r(`border-${p}-width`);
+    if (b !== void 0 && b !== "0") {
+      const { length: k, problem: x } = Q(b);
+      k === null || k.kind !== "px" ? u(
         "unsupported-property",
-        `border-${c}-width: ${b ?? `"${S}" is not a pixel length`}; ignored`
-      ) : (i[`border-${c}-width`] = `${y.value}px`, i[`border-${c}-style`] = "solid");
+        `border-${p}-width: ${x ?? `"${b}" is not a pixel length`}; ignored`
+      ) : (s[`border-${p}-width`] = `${k.value}px`, s[`border-${p}-style`] = "solid");
     }
-    const h = s(`border-${c}-color`);
-    h !== void 0 && (i[`border-${c}-color`] = h);
-    const x = s(`padding-${c}`);
-    x !== void 0 && x !== "0" && (i[`padding-${c}`] = x);
+    const m = r(`border-${p}-color`);
+    m !== void 0 && (s[`border-${p}-color`] = m);
+    const y = r(`padding-${p}`);
+    y !== void 0 && y !== "0" && (s[`padding-${p}`] = y);
   }
-  for (const c of [
+  for (const p of [
     "top-left",
     "top-right",
     "bottom-right",
     "bottom-left"
   ]) {
-    const S = s(`border-${c}-radius`);
-    S !== void 0 && (i[`border-${c}-radius`] = S);
+    const b = r(`border-${p}-radius`);
+    b !== void 0 && (s[`border-${p}-radius`] = b);
   }
-  const v = s("-unity-font-style");
+  const v = r("-unity-font-style");
   if (v !== void 0) {
-    const c = rt[v];
-    c === void 0 ? m("unsupported-property", `-unity-font-style: ${v} is not a USS value`) : (i["font-weight"] = c.weight, i["font-style"] = c.style);
-  }
-  const u = s("-unity-text-align");
-  if (u !== void 0) {
-    const [c, S] = u.split("-"), h = ot[c ?? ""], x = at[S ?? ""];
-    h === void 0 || x === void 0 ? m("unsupported-property", `-unity-text-align: ${u} is not a USS value`) : (i["align-items"] = h, i["justify-content"] = x);
-  }
-  const r = [], a = s("translate");
-  a !== void 0 && r.push(`translate(${a.replace(/\s+/, ", ")})`);
-  const d = s("rotate");
-  d !== void 0 && r.push(`rotate(${d})`);
-  const o = s("scale");
-  o !== void 0 && r.push(`scale(${o.replace(/\s+/, ", ")})`), r.length > 0 && (i.transform = r.join(" "));
-  const f = s("background-image");
-  if (f !== void 0 && f !== "none") {
-    const c = lt(f);
-    if (c === null)
-      m("asset-unresolved", `background-image: cannot read "${f}" as an asset path`);
+    const p = Bt[v];
+    p === void 0 ? u("unsupported-property", `-unity-font-style: ${v} is not a USS value`) : (s["font-weight"] = p.weight, s["font-style"] = p.style);
+  }
+  const d = r("-unity-text-align");
+  if (d !== void 0) {
+    const [p, b] = d.split("-"), m = Ht[p ?? ""], y = Vt[b ?? ""];
+    m === void 0 || y === void 0 ? u("unsupported-property", `-unity-text-align: ${d} is not a USS value`) : (s["align-items"] = m, s["justify-content"] = y);
+  }
+  const o = [], a = r("translate");
+  a !== void 0 && o.push(`translate(${a.replace(/\s+/, ", ")})`);
+  const f = r("rotate");
+  f !== void 0 && o.push(`rotate(${f})`);
+  const l = r("scale");
+  l !== void 0 && o.push(`scale(${l.replace(/\s+/, ", ")})`), o.length > 0 && (s.transform = o.join(" "));
+  const h = r("background-image");
+  if (h !== void 0 && h !== "none") {
+    const p = qt(h);
+    if (p === null)
+      u("asset-unresolved", `background-image: cannot read "${h}" as an asset path`);
     else {
-      const { form: S, path: h } = c, x = ((w = t.resolveAsset) == null ? void 0 : w.call(t, h, S)) ?? null;
-      if (x === null)
-        i["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", m("asset-unresolved", `background-image: "${h}" was not resolved`);
+      const { form: b, path: m } = p, y = ((g = t.resolveAsset) == null ? void 0 : g.call(t, m, b)) ?? null;
+      if (y === null)
+        s["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", u("asset-unresolved", `background-image: "${m}" was not resolved`);
       else {
-        i["background-image"] = `url("${x}")`, i["background-repeat"] = s("background-repeat") ?? "no-repeat", i["background-position"] = s("background-position") ?? "center";
-        const y = s("background-size"), b = s("-unity-background-scale-mode") ?? he, $ = Q[b];
-        $ === void 0 && m(
+        s["background-image"] = `url("${y}")`, s["background-repeat"] = r("background-repeat") ?? "no-repeat", s["background-position"] = r("background-position") ?? "center";
+        const k = r("background-size"), x = r("-unity-background-scale-mode") ?? Ne, $ = le[x];
+        $ === void 0 && u(
           "unsupported-property",
-          `-unity-background-scale-mode: ${b} is not a USS value; expected one of ${Object.keys(Q).join(", ")}`
-        ), i["background-size"] = y ?? $ ?? Q[he];
+          `-unity-background-scale-mode: ${x} is not a USS value; expected one of ${Object.keys(le).join(", ")}`
+        ), s["background-size"] = k ?? $ ?? le[Ne];
       }
     }
   }
-  return s("-unity-background-image-tint-color") !== void 0 && m(
+  return r("-unity-background-image-tint-color") !== void 0 && u(
     "unsupported-property",
     "-unity-background-image-tint-color has no CSS equivalent and is not drawn"
-  ), pe.some((c) => s(`-unity-slice-${c}`) !== void 0) && m("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), s("-unity-font-definition") !== void 0 && m(
+  ), Ee.some((p) => r(`-unity-slice-${p}`) !== void 0) && u("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), r("-unity-font-definition") !== void 0 && u(
     "unsupported-property",
     "-unity-font-definition names a Unity font asset; the browser default is used"
-  ), { declarations: i, warnings: l };
+  ), { declarations: s, warnings: i };
 }
-const ct = "data-uxml-node", ut = "data-uxml-part", dt = "data-uxml-part-owner";
-function ft(e, n, t, i, l, s) {
-  const m = [], g = /* @__PURE__ */ new Map();
-  function v(d) {
-    const o = i.get(d.id), f = (w) => {
-      var h;
-      const c = ((h = o == null ? void 0 : o.get(w)) == null ? void 0 : h.value) ?? ee[w] ?? "0", { length: S } = X(c);
-      return S !== null && S.kind === "px" ? S.value : 0;
+const Gt = "data-uxml-node", Jt = "data-uxml-part", Xt = "data-uxml-part-owner";
+function Yt(e, n, t, s, i, r) {
+  const u = [], c = /* @__PURE__ */ new Map();
+  function v(f) {
+    const l = s.get(f.id), h = (g) => {
+      var m;
+      const p = ((m = l == null ? void 0 : l.get(g)) == null ? void 0 : m.value) ?? ae[g] ?? "0", { length: b } = Q(p);
+      return b !== null && b.kind === "px" ? b.value : 0;
     };
-    return { left: f("border-left-width"), top: f("border-top-width") };
+    return { left: h("border-left-width"), top: h("border-top-width") };
   }
-  function u(d) {
-    const o = (f) => {
-      var S;
-      const w = ((S = d.style.get(f)) == null ? void 0 : S.value) ?? ee[f] ?? "0", { length: c } = X(w);
-      return c !== null && c.kind === "px" ? c.value : 0;
+  function d(f) {
+    const l = (h) => {
+      var b;
+      const g = ((b = f.style.get(h)) == null ? void 0 : b.value) ?? ae[h] ?? "0", { length: p } = Q(g);
+      return p !== null && p.kind === "px" ? p.value : 0;
     };
-    return { left: o("border-left-width"), top: o("border-top-width") };
+    return { left: l("border-left-width"), top: l("border-top-width") };
   }
-  function r(d, o, f) {
+  function o(f, l, h) {
     var E;
-    const w = n.get(d.id);
-    if (w === void 0) return null;
-    const c = s.document.createElement("div");
-    c.setAttribute(ct, String(d.id));
-    const S = i.get(d.id) ?? /* @__PURE__ */ new Map(), h = me(S, d.id, s);
-    m.push(...h.warnings);
-    const x = o === null ? 0 : w.left - o.left - f.left, y = o === null ? 0 : w.top - o.top - f.top, b = {
+    const g = n.get(f.id);
+    if (g === void 0) return null;
+    const p = r.document.createElement("div");
+    p.setAttribute(Gt, String(f.id));
+    const b = s.get(f.id) ?? /* @__PURE__ */ new Map(), m = De(b, f.id, r);
+    u.push(...m.warnings);
+    const y = l === null ? 0 : g.left - l.left - h.left, k = l === null ? 0 : g.top - l.top - h.top, x = {
       position: "absolute",
-      left: `${x}px`,
-      top: `${y}px`,
-      width: `${w.width}px`,
-      height: `${w.height}px`,
+      left: `${y}px`,
+      top: `${k}px`,
+      width: `${g.width}px`,
+      height: `${g.height}px`,
       margin: "0",
-      ...h.declarations
+      ...m.declarations
     };
-    for (const [R, D] of Object.entries(b))
-      c.style.setProperty(R, D);
-    const { spec: $ } = F(d), O = (E = d.attributes.find((R) => R.name === "text")) == null ? void 0 : E.value;
+    for (const [C, L] of Object.entries(x))
+      p.style.setProperty(C, L);
+    const { spec: $ } = H(f), O = (E = f.attributes.find((C) => C.name === "text")) == null ? void 0 : E.value;
     if ($.hasText && O !== void 0 && O.length > 0)
-      c.style.setProperty("display", h.declarations.display ?? "flex"), h.declarations["align-items"] === void 0 && c.style.setProperty("align-items", "flex-start"), h.declarations["justify-content"] === void 0 && c.style.setProperty("justify-content", "flex-start"), c.textContent = ye(O);
+      p.style.setProperty("display", m.declarations.display ?? "flex"), m.declarations["align-items"] === void 0 && p.style.setProperty("align-items", "flex-start"), m.declarations["justify-content"] === void 0 && p.style.setProperty("justify-content", "flex-start"), p.textContent = J(O);
     else {
-      let R = c, D = w, p = v(d);
-      for (const k of t.get(d.id) ?? []) {
-        const T = s.document.createElement("div");
-        T.setAttribute(ut, k.name), T.setAttribute(dt, String(d.id));
-        const N = me(k.style, d.id, s);
-        m.push(...N.warnings);
-        const C = {
+      let C = p, L = g, w = v(f);
+      for (const S of t.get(f.id) ?? []) {
+        const T = r.document.createElement("div");
+        T.setAttribute(Jt, S.name), T.setAttribute(Xt, String(f.id));
+        const N = De(S.style, f.id, r);
+        u.push(...N.warnings);
+        const D = {
           position: "absolute",
-          left: `${k.box.left - D.left - p.left}px`,
-          top: `${k.box.top - D.top - p.top}px`,
-          width: `${k.box.width}px`,
-          height: `${k.box.height}px`,
+          left: `${S.box.left - L.left - w.left}px`,
+          top: `${S.box.top - L.top - w.top}px`,
+          width: `${S.box.width}px`,
+          height: `${S.box.height}px`,
           margin: "0",
           ...N.declarations
         };
-        for (const [A, I] of Object.entries(C))
+        for (const [A, I] of Object.entries(D))
           T.style.setProperty(A, I);
-        R.appendChild(T), R = T, D = k.box, p = u(k);
+        C.appendChild(T), C = T, L = S.box, w = d(S);
       }
-      for (const k of d.children) {
-        const T = r(k, D, p);
-        T !== null && R.appendChild(T);
+      for (const S of f.children) {
+        const T = o(S, L, w);
+        T !== null && C.appendChild(T);
       }
     }
-    return g.set(d.id, c), c;
+    return c.set(f.id, p), p;
   }
-  l.replaceChildren();
-  const a = r(e, null, { left: 0, top: 0 });
-  return a !== null && (a.style.setProperty("position", "relative"), l.appendChild(a)), { warnings: m, elements: g };
+  i.replaceChildren();
+  const a = o(e, null, { left: 0, top: 0 });
+  return a !== null && (a.style.setProperty("position", "relative"), i.appendChild(a)), { warnings: u, elements: c };
 }
-const ge = /[A-Za-z0-9_-]/;
+const Ae = /[A-Za-z0-9_-]/;
 function B(e) {
   return e === " " || e === "	" || e === `
 ` || e === "\r" || e === "\f";
 }
-function te(e, n, t) {
-  let i = n, l = 0;
-  for (; i < e.length; ) {
-    const s = e[i];
-    if (s === '"' || s === "'") {
-      const m = e.indexOf(s, i + 1);
-      i = m < 0 ? e.length : m + 1;
+function ce(e, n, t) {
+  let s = n, i = 0;
+  for (; s < e.length; ) {
+    const r = e[s];
+    if (r === '"' || r === "'") {
+      const u = e.indexOf(r, s + 1);
+      s = u < 0 ? e.length : u + 1;
       continue;
     }
-    if (s === "/" && e[i + 1] === "*") {
-      const m = e.indexOf("*/", i + 2);
-      i = m < 0 ? e.length : m + 2;
+    if (r === "/" && e[s + 1] === "*") {
+      const u = e.indexOf("*/", s + 2);
+      s = u < 0 ? e.length : u + 2;
       continue;
     }
-    if (s === "(" || s === "[")
-      l++;
-    else if (s === ")" || s === "]")
-      l > 0 && l--;
-    else if (l === 0 && t.includes(s))
-      return i;
-    i++;
+    if (r === "(" || r === "[")
+      i++;
+    else if (r === ")" || r === "]")
+      i > 0 && i--;
+    else if (i === 0 && t.includes(r))
+      return s;
+    s++;
   }
   return e.length;
 }
-function ke(e, n, t) {
-  let i = n, l = t;
-  for (; i < l && B(e[i]); ) i++;
-  for (; l > i && B(e[l - 1]); ) l--;
-  return { start: i, end: l };
-}
-function Se(e, n, t, i) {
-  const l = [];
-  let s = n;
-  for (; s < t; ) {
-    for (; s < t && (B(e[s]) || e.startsWith("/*", s)); )
-      if (e.startsWith("/*", s)) {
-        const r = e.indexOf("*/", s + 2);
-        s = r < 0 ? t : r + 2;
+function qe(e, n, t) {
+  let s = n, i = t;
+  for (; s < i && B(e[s]); ) s++;
+  for (; i > s && B(e[i - 1]); ) i--;
+  return { start: s, end: i };
+}
+function Ge(e, n, t, s) {
+  const i = [];
+  let r = n;
+  for (; r < t; ) {
+    for (; r < t && (B(e[r]) || e.startsWith("/*", r)); )
+      if (e.startsWith("/*", r)) {
+        const o = e.indexOf("*/", r + 2);
+        r = o < 0 ? t : o + 2;
       } else
-        s++;
-    if (s >= t) break;
-    if (e[s] === ";") {
-      s++;
+        r++;
+    if (r >= t) break;
+    if (e[r] === ";") {
+      r++;
       continue;
     }
-    const m = s, g = te(e, m, ":;}");
-    if (g >= t || e[g] !== ":") {
-      const r = Math.min(g, t);
-      i == null || i("declaration without a value", m, r), s = r + 1;
+    const u = r, c = ce(e, u, ":;}");
+    if (c >= t || e[c] !== ":") {
+      const o = Math.min(c, t);
+      s == null || s("declaration without a value", u, o), r = o + 1;
       continue;
     }
-    const v = Math.min(te(e, g + 1, ";}"), t), u = ke(e, g + 1, v);
-    l.push({
-      property: e.slice(m, g).trim(),
-      value: e.slice(u.start, u.end),
-      span: { start: m, end: u.end },
+    const v = Math.min(ce(e, c + 1, ";}"), t), d = qe(e, c + 1, v);
+    i.push({
+      property: e.slice(u, c).trim(),
+      value: e.slice(d.start, d.end),
+      span: { start: u, end: d.end },
       dirty: !1
-    }), s = v + 1;
+    }), r = v + 1;
   }
-  return l;
+  return i;
 }
-function pt(e) {
+function Kt(e) {
   const n = e.span.end - 1 - e.value.length;
   return n < e.span.start ? null : n;
 }
-function re(e, n = null, t = 0) {
-  const i = [], l = [];
-  let s = 0;
-  function m(h, x, y) {
-    i.push({
+function ge(e, n = null, t = 0) {
+  const s = [], i = [];
+  let r = 0;
+  function u(m, y, k) {
+    s.push({
       kind: "malformed",
-      message: h,
-      at: { in: "uss", sheet: t, span: { start: x, end: y } }
+      message: m,
+      at: { in: "uss", sheet: t, span: { start: y, end: k } }
     });
   }
-  function g() {
+  function c() {
     for (; ; ) {
-      for (; B(e[s]); ) s++;
-      if (e.startsWith("/*", s)) {
-        const h = e.indexOf("*/", s + 2);
-        s = h < 0 ? e.length : h + 2;
+      for (; B(e[r]); ) r++;
+      if (e.startsWith("/*", r)) {
+        const m = e.indexOf("*/", r + 2);
+        r = m < 0 ? e.length : m + 2;
         continue;
       }
       return;
     }
   }
-  const v = (h, x) => te(e, h, x), u = (h, x) => ke(e, h, x);
-  function r(h) {
-    let x = h + 1, y = 1;
-    for (; x < e.length; ) {
-      const b = e[x];
-      if (b === '"' || b === "'") {
-        const $ = e.indexOf(b, x + 1);
-        x = $ < 0 ? e.length : $ + 1;
+  const v = (m, y) => ce(e, m, y), d = (m, y) => qe(e, m, y);
+  function o(m) {
+    let y = m + 1, k = 1;
+    for (; y < e.length; ) {
+      const x = e[y];
+      if (x === '"' || x === "'") {
+        const $ = e.indexOf(x, y + 1);
+        y = $ < 0 ? e.length : $ + 1;
         continue;
       }
-      if (b === "/" && e[x + 1] === "*") {
-        const $ = e.indexOf("*/", x + 2);
-        x = $ < 0 ? e.length : $ + 2;
+      if (x === "/" && e[y + 1] === "*") {
+        const $ = e.indexOf("*/", y + 2);
+        y = $ < 0 ? e.length : $ + 2;
         continue;
       }
-      if (b === "{") y++;
-      else if (b === "}" && --y === 0) return x + 1;
-      x++;
+      if (x === "{") k++;
+      else if (x === "}" && --k === 0) return y + 1;
+      y++;
     }
     return e.length;
   }
-  function a(h) {
-    let x = h;
-    for (; x < e.length && ge.test(e[x]); ) x++;
-    return x;
+  function a(m) {
+    let y = m;
+    for (; y < e.length && Ae.test(e[y]); ) y++;
+    return y;
   }
-  function d(h) {
-    const x = e[h], y = x === "(" ? ")" : "]";
-    let b = h + 1, $ = 1;
-    for (; b < e.length; ) {
-      const O = e[b];
+  function f(m) {
+    const y = e[m], k = y === "(" ? ")" : "]";
+    let x = m + 1, $ = 1;
+    for (; x < e.length; ) {
+      const O = e[x];
       if (O === '"' || O === "'") {
-        const E = e.indexOf(O, b + 1);
-        b = E < 0 ? e.length : E + 1;
+        const E = e.indexOf(O, x + 1);
+        x = E < 0 ? e.length : E + 1;
         continue;
       }
-      if (O === x) $++;
-      else if (O === y && --$ === 0) return b + 1;
-      b++;
+      if (O === y) $++;
+      else if (O === k && --$ === 0) return x + 1;
+      x++;
     }
     return e.length;
   }
-  function o(h, x) {
-    const y = [];
-    let b = h;
-    for (; b < x; ) {
-      const $ = e[b];
+  function l(m, y) {
+    const k = [];
+    let x = m;
+    for (; x < y; ) {
+      const $ = e[x];
       if (B($) || $ === ">" || $ === "+" || $ === "~" || $ === ",") break;
       if ($ === "*")
-        y.push({ kind: "universal" }), b++;
+        k.push({ kind: "universal" }), x++;
       else if ($ === "." || $ === "#") {
-        const O = a(b + 1);
-        y.push(
-          $ === "." ? { kind: "class", name: e.slice(b + 1, O) } : { kind: "name", name: e.slice(b + 1, O) }
-        ), b = O;
+        const O = a(x + 1);
+        k.push(
+          $ === "." ? { kind: "class", name: e.slice(x + 1, O) } : { kind: "name", name: e.slice(x + 1, O) }
+        ), x = O;
       } else if ($ === "[") {
-        const O = Math.min(d(b), x);
-        y.push({ kind: "unknown", text: e.slice(b, O) }), b = O;
+        const O = Math.min(f(x), y);
+        k.push({ kind: "unknown", text: e.slice(x, O) }), x = O;
       } else if ($ === ":")
-        if (e[b + 1] === ":") {
-          const O = a(b + 2);
-          y.push({ kind: "unknown", text: e.slice(b, O) }), b = O;
+        if (e[x + 1] === ":") {
+          const O = a(x + 2);
+          k.push({ kind: "unknown", text: e.slice(x, O) }), x = O;
         } else {
-          const O = a(b + 1);
+          const O = a(x + 1);
           if (e[O] === "(") {
-            const E = Math.min(d(O), x);
-            y.push({ kind: "unknown", text: e.slice(b, E) }), b = E;
+            const E = Math.min(f(O), y);
+            k.push({ kind: "unknown", text: e.slice(x, E) }), x = E;
           } else
-            y.push({ kind: "pseudo", name: e.slice(b + 1, O) }), b = O;
+            k.push({ kind: "pseudo", name: e.slice(x + 1, O) }), x = O;
         }
-      else if (ge.test($)) {
-        const O = a(b);
-        y.push({ kind: "type", name: e.slice(b, O) }), b = O;
+      else if (Ae.test($)) {
+        const O = a(x);
+        k.push({ kind: "type", name: e.slice(x, O) }), x = O;
       } else
-        y.push({ kind: "unknown", text: $ }), b++;
+        k.push({ kind: "unknown", text: $ }), x++;
     }
-    return { simple: y, next: b };
-  }
-  function f(h, x) {
-    const y = u(h, x), b = [];
-    let $ = "descendant", O = null, E = y.start;
-    for (; E < y.end; ) {
-      const R = e[E];
-      if (B(R)) {
+    return { simple: k, next: x };
+  }
+  function h(m, y) {
+    const k = d(m, y), x = [];
+    let $ = "descendant", O = null, E = k.start;
+    for (; E < k.end; ) {
+      const C = e[E];
+      if (B(C)) {
         E++;
         continue;
       }
-      if (R === ">") {
+      if (C === ">") {
         $ = "child", E++;
         continue;
       }
-      if (R === "+" || R === "~") {
-        O = R, E++;
+      if (C === "+" || C === "~") {
+        O = C, E++;
         continue;
       }
-      const { simple: D, next: p } = o(E, y.end);
-      if (p === E) {
+      const { simple: L, next: w } = l(E, k.end);
+      if (w === E) {
         E++;
         continue;
       }
-      O !== null && (D.unshift({ kind: "unknown", text: O }), O = null), b.push({ combinator: $, simple: D }), $ = "descendant", E = p;
+      O !== null && (L.unshift({ kind: "unknown", text: O }), O = null), x.push({ combinator: $, simple: L }), $ = "descendant", E = w;
     }
-    return { parts: b, span: y };
+    return { parts: x, span: k };
   }
-  function w(h, x) {
-    const y = [];
-    let b = h;
+  function g(m, y) {
+    const k = [];
+    let x = m;
     for (; ; ) {
-      const $ = Math.min(v(b, ","), x);
-      if (y.push(f(b, $)), $ >= x) break;
-      b = $ + 1;
+      const $ = Math.min(v(x, ","), y);
+      if (k.push(h(x, $)), $ >= y) break;
+      x = $ + 1;
     }
-    return y;
+    return k;
   }
-  function c() {
-    const h = s, x = a(s + 1), y = e.slice(s + 1, x), b = v(x, "{;");
-    if (b < e.length && e[b] === "{") {
-      const O = r(b);
-      return s = O, { kind: "unknown", span: { start: h, end: O } };
+  function p() {
+    const m = r, y = a(r + 1), k = e.slice(r + 1, y), x = v(y, "{;");
+    if (x < e.length && e[x] === "{") {
+      const O = o(x);
+      return r = O, { kind: "unknown", span: { start: m, end: O } };
     }
-    const $ = b < e.length ? b + 1 : e.length;
-    if (s = $, y === "import") {
-      const O = e.slice(x, $), E = /["']([^"']*)["']/.exec(O);
-      return E === null ? (m("@import without a quoted path", h, $), { kind: "unknown", span: { start: h, end: $ } }) : { kind: "import", url: E[1], span: { start: h, end: $ } };
+    const $ = x < e.length ? x + 1 : e.length;
+    if (r = $, k === "import") {
+      const O = e.slice(y, $), E = /["']([^"']*)["']/.exec(O);
+      return E === null ? (u("@import without a quoted path", m, $), { kind: "unknown", span: { start: m, end: $ } }) : { kind: "import", url: E[1], span: { start: m, end: $ } };
     }
-    return { kind: "unknown", span: { start: h, end: $ } };
-  }
-  function S() {
-    const h = s, x = v(h, "{");
-    if (x >= e.length)
-      return m("rule without a block", h, e.length), s = e.length, { kind: "unknown", span: { start: h, end: e.length } };
-    const y = u(h, x), b = r(x);
-    (b > e.length || e[b - 1] !== "}") && m("unterminated rule block", h, b);
+    return { kind: "unknown", span: { start: m, end: $ } };
+  }
+  function b() {
+    const m = r, y = v(m, "{");
+    if (y >= e.length)
+      return u("rule without a block", m, e.length), r = e.length, { kind: "unknown", span: { start: m, end: e.length } };
+    const k = d(m, y), x = o(y);
+    (x > e.length || e[x - 1] !== "}") && u("unterminated rule block", m, x);
     const $ = {
-      selectors: w(y.start, y.end),
-      declarations: Se(e, x + 1, b - 1, m),
-      span: { start: y.start, end: b },
-      selectorSpan: y,
+      selectors: g(k.start, k.end),
+      declarations: Ge(e, y + 1, x - 1, u),
+      span: { start: k.start, end: x },
+      selectorSpan: k,
       selectorDirty: !1,
       declarationsDirty: !1
     };
-    return s = b, { kind: "rule", rule: $ };
+    return r = x, { kind: "rule", rule: $ };
   }
-  for (; g(), !(s >= e.length); )
-    l.push(e[s] === "@" ? c() : S());
-  return { sheet: { source: e, origin: n, items: l }, warnings: i };
+  for (; c(), !(r >= e.length); )
+    i.push(e[r] === "@" ? p() : b());
+  return { sheet: { source: e, origin: n, items: i }, warnings: s };
 }
-function ht(e, n, t) {
+function Zt(e, n, t) {
   switch (e.kind) {
     case "universal":
       return !0;
@@ -891,61 +1468,61 @@ function ht(e, n, t) {
       return !1;
   }
 }
-function mt(e, n, t) {
-  return e.simple.every((i) => ht(i, n, t));
+function Qt(e, n, t) {
+  return e.simple.every((s) => Zt(s, n, t));
 }
-function ne(e, n, t, i) {
-  if (!mt(e[n], t, i)) return !1;
+function ue(e, n, t, s) {
+  if (!Qt(e[n], t, s)) return !1;
   if (n === 0) return !0;
-  const l = i.parentOf(t);
+  const i = s.parentOf(t);
   if (e[n].combinator === "child")
-    return l !== null && ne(e, n - 1, l, i);
-  for (let s = l; s !== null; s = i.parentOf(s))
-    if (ne(e, n - 1, s, i)) return !0;
+    return i !== null && ue(e, n - 1, i, s);
+  for (let r = i; r !== null; r = s.parentOf(r))
+    if (ue(e, n - 1, r, s)) return !0;
   return !1;
 }
-function $e(e, n, t) {
-  return e.parts.length === 0 ? !1 : ne(e.parts, e.parts.length - 1, n, t);
+function Je(e, n, t) {
+  return e.parts.length === 0 ? !1 : ue(e.parts, e.parts.length - 1, n, t);
 }
-function gt(e) {
+function en(e) {
   const n = [];
   for (const t of e.parts)
-    for (const i of t.simple)
-      i.kind === "pseudo" && i.name !== "root" && !n.includes(i.name) && n.push(i.name);
+    for (const s of t.simple)
+      s.kind === "pseudo" && s.name !== "root" && !n.includes(s.name) && n.push(s.name);
   return n;
 }
-function wt(e) {
+function tn(e) {
   const n = [];
   for (const t of e)
-    for (const i of t.parts)
-      for (const l of i.simple) {
-        if (l.kind !== "name" && l.kind !== "class" || !l.name.startsWith("unity-")) continue;
-        const s = l.kind === "name" ? `#${l.name}` : `.${l.name}`;
-        n.includes(s) || n.push(s);
+    for (const s of t.parts)
+      for (const i of s.simple) {
+        if (i.kind !== "name" && i.kind !== "class" || !i.name.startsWith("unity-")) continue;
+        const r = i.kind === "name" ? `#${i.name}` : `.${i.name}`;
+        n.includes(r) || n.push(r);
       }
   return n;
 }
-function Te(e) {
+function Xe(e) {
   for (const n of e)
     for (const t of n.parts)
-      for (const i of t.simple)
-        if (i.kind === "unknown") return i.text;
+      for (const s of t.simple)
+        if (s.kind === "unknown") return s.text;
   return null;
 }
-function bt(e) {
+function nn(e) {
   const n = /* @__PURE__ */ new Map([[e, null]]), t = [e];
   for (; t.length > 0; ) {
-    const i = t.pop();
-    for (const l of i.children)
-      n.set(l, i), t.push(l);
+    const s = t.pop();
+    for (const i of s.children)
+      n.set(i, s), t.push(i);
   }
   return n;
 }
-function xt(e) {
-  let n = 0, t = 0, i = 0;
-  for (const l of e.parts)
-    for (const s of l.simple)
-      switch (s.kind) {
+function sn(e) {
+  let n = 0, t = 0, s = 0;
+  for (const i of e.parts)
+    for (const r of i.simple)
+      switch (r.kind) {
         case "name":
           n++;
           break;
@@ -954,78 +1531,93 @@ function xt(e) {
           t++;
           break;
         case "type":
-          i++;
+          s++;
           break;
       }
-  return [n, t, i];
+  return [n, t, s];
 }
-function Oe(e, n) {
+function Ye(e, n) {
   return e[0] - n[0] || e[1] - n[1] || e[2] - n[2];
 }
-const vt = [Number.MAX_SAFE_INTEGER, 0, 0], yt = re(ve, null, -1).sheet.items.flatMap(
+const rn = [Number.MAX_SAFE_INTEGER, 0, 0], on = ge(Ve, null, -1).sheet.items.flatMap(
   (e, n) => e.kind === "rule" ? [{ rule: e.rule, sheet: -1, item: n, builtin: !0 }] : []
 );
-function kt(e) {
-  return ve.slice(e.selectorSpan.start, e.selectorSpan.end).trim();
+function ln(e) {
+  return Ve.slice(e.selectorSpan.start, e.selectorSpan.end).trim();
 }
-function St(e, n, t, i) {
-  const l = (t == null ? void 0 : t.activeStates) ?? /* @__PURE__ */ new Set(), s = Object.entries((t == null ? void 0 : t.states) ?? {}), m = [];
-  for (const [r, a] of s) {
-    const d = re(`${r} {}`, null, -1).sheet.items.find((f) => f.kind === "rule"), o = d === void 0 ? r : Te(d.rule.selectors);
-    if (d === void 0 || o !== null) {
-      i.push({
+function an(e, n, t, s) {
+  const i = (t == null ? void 0 : t.activeStates) ?? /* @__PURE__ */ new Set(), r = Object.entries((t == null ? void 0 : t.states) ?? {}), u = [];
+  for (const [o, a] of r) {
+    const f = ge(`${o} {}`, null, -1).sheet.items.find((h) => h.kind === "rule"), l = f === void 0 ? o : Xe(f.rule.selectors);
+    if (f === void 0 || l !== null) {
+      s.push({
         kind: "unsupported-selector",
-        message: `states key "${r}" is not a usable USS selector; it is ignored`
+        message: `states key "${o}" is not a usable USS selector; it is ignored`
       });
       continue;
     }
-    m.push({ selectors: d.rule.selectors, states: a });
-  }
-  const g = /* @__PURE__ */ new Map(), v = (r) => r.attributes.some((a) => a.name === "enabled" && a.value === "false"), u = (r, a) => {
-    const d = a || v(r), o = new Set(l);
-    d && o.add("disabled");
-    for (const f of m)
-      if (f.selectors.some((w) => $e(w, { kind: "element", node: r }, n)))
-        for (const w of f.states) o.add(w);
-    g.set(r, o);
-    for (const f of r.children) u(f, d);
+    u.push({ selectors: f.rule.selectors, states: a });
+  }
+  const c = /* @__PURE__ */ new Map(), v = (o) => o.attributes.some((a) => a.name === "enabled" && a.value === "false"), d = (o, a) => {
+    const f = a || v(o), l = new Set(i);
+    f && l.add("disabled");
+    for (const h of u)
+      if (h.selectors.some((g) => Je(g, { kind: "element", node: o }, n)))
+        for (const g of h.states) l.add(g);
+    c.set(o, l);
+    for (const h of o.children) d(h, f);
   };
-  return u(e.root, !1), g;
+  return d(e.root, !1), c;
 }
-function $t(e) {
+function cn(e) {
   const n = [], t = /* @__PURE__ */ new Map();
-  e.sheets.forEach((s, m) => {
-    s.origin !== null && !t.has(s.origin) && t.set(s.origin, m);
-  }), n.push(...yt);
-  const i = /* @__PURE__ */ new Set(), l = (s) => {
-    if (i.has(s)) return;
-    i.add(s);
-    const m = e.sheets[s];
-    m !== void 0 && m.items.forEach((g, v) => {
-      if (g.kind === "rule")
-        n.push({ rule: g.rule, sheet: s, item: v });
-      else if (g.kind === "import") {
-        const u = t.get(g.url);
-        u !== void 0 && l(u);
+  e.sheets.forEach((u, c) => {
+    u.origin !== null && !t.has(u.origin) && t.set(u.origin, c);
+  }), n.push(...on);
+  const s = /* @__PURE__ */ new Map(), i = (u, c) => {
+    const v = s.get(c) ?? /* @__PURE__ */ new Set();
+    if (v.has(u)) return;
+    v.add(u), s.set(c, v);
+    const d = e.sheets[u];
+    d !== void 0 && d.items.forEach((o, a) => {
+      if (o.kind === "rule")
+        n.push({ rule: o.rule, sheet: u, item: a, scope: c });
+      else if (o.kind === "import") {
+        const f = o.resolvedSheet ?? t.get(o.url);
+        f !== void 0 && i(f, c);
       }
     });
-  };
-  return l(0), n;
+  }, r = e.styleRoots ?? (e.sheets.length === 0 ? [] : [{ sheet: 0, scope: e.root.id }]);
+  for (const u of r) i(u.sheet, u.scope);
+  return n;
 }
-function Tt(e) {
+function un(e, n, t) {
+  let s = e;
+  for (; s !== null; ) {
+    if (s.kind === "element" && s.node.id === n) return !0;
+    s = t.parentOf(s);
+  }
+  return !1;
+}
+function dn(e) {
   return e.selectors.some(
-    (n) => n.parts.some((t) => t.simple.some((i) => i.kind === "pseudo" && i.name === "root"))
+    (n) => n.parts.some((t) => t.simple.some((s) => s.kind === "pseudo" && s.name === "root"))
   );
 }
-function Ee(e, n) {
-  const t = bt(e.root), i = [], l = /* @__PURE__ */ new Set(), s = (o) => {
-    var w;
-    const f = (w = o.attributes.find((c) => c.name === "class")) == null ? void 0 : w.value;
-    return f === void 0 ? [] : f.split(/\s+/).filter((c) => c.length > 0);
-  }, m = (o, f) => {
-    var w;
-    return (w = o.attributes.find((c) => c.name === f)) == null ? void 0 : w.value;
-  }, g = {
+function de(e, n) {
+  var s;
+  const t = (s = e.sheets[n]) == null ? void 0 : s.origin;
+  return typeof t == "string" ? { sourceDocument: t } : {};
+}
+function Ke(e, n) {
+  const t = nn(e.root), s = [], i = /* @__PURE__ */ new Set(), r = (l) => {
+    var g;
+    const h = (g = l.attributes.find((p) => p.name === "class")) == null ? void 0 : g.value;
+    return h === void 0 ? [] : h.split(/\s+/).filter((p) => p.length > 0);
+  }, u = (l, h) => {
+    var g;
+    return (g = l.attributes.find((p) => p.name === h)) == null ? void 0 : g.value;
+  }, c = {
     /**
      * The rule the measurement forced.
      *
@@ -1036,224 +1628,251 @@ function Ee(e, n) {
      * owner. That is the hierarchy the dumps show, so descendant selectors like
      * `.panel #unity-content-viewport` behave as they do in Unity.
      */
-    parentOf: (o) => {
-      if (o.kind === "element") {
-        const c = t.get(o.node) ?? null;
-        return c === null ? null : { kind: "element", node: c };
+    parentOf: (l) => {
+      if (l.kind === "element") {
+        const p = t.get(l.node) ?? null;
+        return p === null ? null : { kind: "element", node: p };
       }
-      if (o.depth === 0) return { kind: "element", node: o.owner };
-      const w = F(o.owner).spec.parts[o.depth - 1];
-      return { kind: "part", owner: o.owner, name: w.name, depth: o.depth - 1 };
+      if (l.depth === 0) return { kind: "element", node: l.owner };
+      const g = H(l.owner).spec.parts[l.depth - 1];
+      return { kind: "part", owner: l.owner, name: g.name, depth: l.depth - 1 };
     },
-    isRoot: (o) => o.kind === "element" && o.node === e.root,
+    isRoot: (l) => l.kind === "element" && l.node === e.root,
     // Unity's parts are VisualElements, so a `VisualElement` rule reaches them.
     // Not measured — `part-type-selector` is the case that will settle it.
-    typeNameOf: (o) => o.kind === "element" ? o.node.name.local : "VisualElement",
-    idOf: (o) => o.kind === "element" ? m(o.node, "name") : o.name,
+    typeNameOf: (l) => l.kind === "element" ? l.node.name.local : "VisualElement",
+    idOf: (l) => l.kind === "element" ? u(l.node, "name") : l.name,
     // Implicit classes are as real as written ones for matching: in Unity the
     // element genuinely carries them, which is why `.unity-button` in author USS
     // hits a plain `<ui:Button />`. Parts carry classes too in Unity, but which
     // ones is unmeasured, so none are claimed here.
-    classesOf: (o) => o.kind === "element" ? [...s(o.node), ...We(o.node)] : []
-  }, v = { ...g, statesOf: () => l }, u = St(e, v, n, i), r = {
-    ...g,
+    classesOf: (l) => l.kind === "element" ? [...r(l.node), ...$t(l.node)] : []
+  }, v = { ...c, statesOf: () => i }, d = an(e, v, n, s), o = {
+    ...c,
     // A part inherits its owner's states: `SetEnabled(false)` disables the whole
     // subtree, and a part is inside it.
-    statesOf: (o) => u.get(o.kind === "element" ? o.node : o.owner) ?? l
+    statesOf: (l) => d.get(l.kind === "element" ? l.node : l.owner) ?? i
   }, a = [];
-  let d = !1;
-  for (const o of $t(e)) {
-    if (o.builtin === !0) {
-      a.push(o);
+  let f = !1;
+  for (const l of cn(e)) {
+    if (l.builtin === !0) {
+      a.push(l);
       continue;
     }
-    const f = Te(o.rule.selectors);
-    if (f !== null) {
-      i.push({
+    const h = Xe(l.rule.selectors);
+    if (h !== null) {
+      s.push({
         kind: "unsupported-selector",
-        message: `"${f}" is not supported in USS; the whole rule is ignored`,
-        at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan }
+        message: `"${h}" is not supported in USS; the whole rule is ignored`,
+        at: { in: "uss", sheet: l.sheet, span: l.rule.selectorSpan },
+        ...de(e, l.sheet)
       });
       continue;
     }
-    !d && Tt(o.rule) && (d = !0, i.push({
+    !f && dn(l.rule) && (f = !0, s.push({
       kind: "version-dependent",
-      message: ":root in USS names the element the stylesheet was applied to, not the document root as in CSS. This preview matches it against the <ui:UXML> element; verify against your Unity version.",
-      at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan }
-    })), a.push(o);
+      message: ":root in USS names the element the stylesheet was applied to, not the document root as in CSS. Template stylesheets therefore match their generated TemplateContainer.",
+      at: { in: "uss", sheet: l.sheet, span: l.rule.selectorSpan },
+      ...de(e, l.sheet)
+    })), a.push(l);
   }
-  return { ctx: r, usable: a, warnings: i };
+  return { ctx: o, usable: a, warnings: s };
 }
-function Ot(e, n) {
-  const t = n.attributes.find((l) => l.name === "style");
+function fn(e, n) {
+  const t = n.attributes.find((i) => i.name === "style");
   if (t === void 0) return [];
-  const i = pt(t);
-  return i === null ? [] : Se(e.source, i, i + t.value.length);
-}
-function Ne(e, n, t, i) {
-  const l = [];
-  let s = 0;
-  const m = (g, v, u, r, a) => {
-    l.push({ property: g, value: v, origin: u, rank: r, specificity: a, order: s++, winner: !1 });
+  const s = Kt(t);
+  return s === null ? [] : Ge(e.source, s, s + t.value.length);
+}
+function Ze(e, n, t, s) {
+  const i = [];
+  let r = 0;
+  const u = (c, v, d, o, a) => {
+    i.push({ property: c, value: v, origin: d, rank: o, specificity: a, order: r++, winner: !1 });
   };
   if (n.kind === "part") {
-    const g = F(n.owner).spec.parts[n.depth];
-    for (const [v, u] of Object.entries((g == null ? void 0 : g.style) ?? {}))
-      for (const [r, a] of J(v, u))
-        m(
-          r,
+    const c = H(n.owner).spec.parts[n.depth];
+    for (const [v, d] of Object.entries((c == null ? void 0 : c.style) ?? {}))
+      for (const [o, a] of ie(v, d))
+        u(
+          o,
           a,
           {
             kind: "builtin-theme",
             selector: `#${n.name}`,
-            property: r,
-            unityVersion: Y
+            property: o,
+            unityVersion: Z
           },
           0,
           [0, 0, 0]
         );
   }
-  for (const g of t.usable) {
-    let v = null, u = [];
-    for (const r of g.rule.selectors) {
-      if (!$e(r, n, t.ctx)) continue;
-      const a = xt(r);
-      (v === null || Oe(a, v) > 0) && (v = a, u = gt(r));
+  for (const c of t.usable) {
+    if (c.scope !== void 0 && !un(n, c.scope, t.ctx)) continue;
+    const v = c.scope === void 0 ? t.ctx : {
+      ...t.ctx,
+      // Unity USS :root names the element this particular stylesheet is
+      // attached to. Template sheets are attached to each generated
+      // TemplateContainer, not to the entry document root.
+      isRoot: (a) => a.kind === "element" && a.node.id === c.scope
+    };
+    let d = null, o = [];
+    for (const a of c.rule.selectors) {
+      if (!Je(a, n, v)) continue;
+      const f = sn(a);
+      (d === null || Ye(f, d) > 0) && (d = f, o = en(a));
     }
-    v !== null && (i == null || i.add(g), g.rule.declarations.forEach((r, a) => {
-      for (const [d, o] of J(r.property, r.value)) {
-        const f = g.builtin === !0 ? {
+    d !== null && (s == null || s.add(c), c.rule.declarations.forEach((a, f) => {
+      var l, h, g;
+      for (const [p, b] of ie(a.property, a.value)) {
+        const m = c.builtin === !0 ? {
           kind: "builtin-theme",
-          selector: kt(g.rule),
-          property: d,
-          unityVersion: Y
+          selector: ln(c.rule),
+          property: p,
+          unityVersion: Z
         } : {
           kind: "rule",
-          sheet: g.sheet,
-          item: g.item,
-          declIndex: a,
+          sheet: c.sheet,
+          item: c.item,
+          declIndex: f,
+          ...((l = e.sheets[c.sheet]) == null ? void 0 : l.origin) === null || ((h = e.sheets[c.sheet]) == null ? void 0 : h.origin) === void 0 ? {} : { sourceDocument: e.sheets[c.sheet].origin },
+          ...((g = e.sheets[c.sheet]) == null ? void 0 : g.sourceDocumentFrom) === void 0 ? {} : { sourceDocumentFrom: e.sheets[c.sheet].sourceDocumentFrom },
           // Omitted rather than set to [] when unconditional, so the
           // common case stays the shape it has always been.
-          ...u.length > 0 ? { states: u } : {}
+          ...o.length > 0 ? { states: o } : {}
         };
-        m(d, o, f, g.builtin === !0 ? 0 : 1, v);
+        u(p, b, m, c.builtin === !0 ? 0 : 1, d);
       }
     }));
   }
   if (n.kind === "element") {
-    const g = n.node;
-    Ot(e, g).forEach((v, u) => {
-      for (const [r, a] of J(v.property, v.value))
-        m(r, a, { kind: "inline", node: g.id, declIndex: u }, 1, vt);
+    const c = n.node;
+    fn(e, c).forEach((v, d) => {
+      var o;
+      for (const [a, f] of ie(v.property, v.value))
+        u(
+          a,
+          f,
+          {
+            kind: "inline",
+            node: ((o = c.derived) == null ? void 0 : o.instance) ?? c.sourceNode ?? c.id,
+            declIndex: d,
+            ...typeof c.sourceDocument == "string" ? { sourceDocument: c.sourceDocument } : {},
+            ...c.sourceDocumentFrom === void 0 ? {} : { sourceDocumentFrom: c.sourceDocumentFrom }
+          },
+          1,
+          rn
+        );
     });
   }
-  return l;
+  return i;
 }
-function Ce(e) {
+function Qe(e) {
   const n = /* @__PURE__ */ new Map();
   for (const t of e) {
-    const i = n.get(t.property);
-    if (i === void 0) {
+    const s = n.get(t.property);
+    if (s === void 0) {
       n.set(t.property, t);
       continue;
     }
-    if (t.rank !== i.rank) {
-      t.rank > i.rank && n.set(t.property, t);
+    if (t.rank !== s.rank) {
+      t.rank > s.rank && n.set(t.property, t);
       continue;
     }
-    const l = Oe(t.specificity, i.specificity);
-    (l > 0 || l === 0 && t.order > i.order) && n.set(t.property, t);
+    const i = Ye(t.specificity, s.specificity);
+    (i > 0 || i === 0 && t.order > s.order) && n.set(t.property, t);
   }
   for (const t of n.values()) t.winner = !0;
   return n;
 }
-const Et = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
-function ie(e, n, t = /* @__PURE__ */ new Set()) {
-  var l;
-  let i = e;
-  for (let s = 0; s < 32; s++) {
-    const m = Et.exec(i);
-    if (m === null) return i;
-    const g = m[1], v = (l = m[2]) == null ? void 0 : l.trim();
-    if (t.has(g)) return null;
-    const u = /* @__PURE__ */ new Set([...t, g]), r = n.get(g), a = r !== void 0 ? ie(r, n, u) : v !== void 0 && v.length > 0 ? ie(v, n, u) : null;
+const pn = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
+function fe(e, n, t = /* @__PURE__ */ new Set()) {
+  var i;
+  let s = e;
+  for (let r = 0; r < 32; r++) {
+    const u = pn.exec(s);
+    if (u === null) return s;
+    const c = u[1], v = (i = u[2]) == null ? void 0 : i.trim();
+    if (t.has(c)) return null;
+    const d = /* @__PURE__ */ new Set([...t, c]), o = n.get(c), a = o !== void 0 ? fe(o, n, d) : v !== void 0 && v.length > 0 ? fe(v, n, d) : null;
     if (a === null) return null;
-    i = i.slice(0, m.index) + a + i.slice(m.index + m[0].length);
+    s = s.slice(0, u.index) + a + s.slice(u.index + u[0].length);
   }
   return null;
 }
-function Nt(e, n) {
-  const t = Ee(e, n), i = [...t.warnings], l = /* @__PURE__ */ new Map();
-  let s = !1;
-  const m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set(), v = (r, a, d) => {
-    const o = Ne(e, r, t, g);
-    !s && o.some((h) => h.origin.kind === "builtin-theme") && (s = !0);
-    const f = Ce(o), w = /* @__PURE__ */ new Map();
-    for (const [h, x] of a)
-      h.startsWith("--") && w.set(h, x.value);
-    for (const [h, x] of f)
-      h.startsWith("--") && w.set(h, x.value);
-    const c = /* @__PURE__ */ new Map();
-    for (const [h, x] of a) c.set(h, x);
-    for (const [h, x] of f) {
-      const y = ie(x.value, w);
-      if (y === null) {
-        i.push({
+function hn(e, n) {
+  const t = Ke(e, n), s = [...t.warnings], i = /* @__PURE__ */ new Map();
+  let r = !1;
+  const u = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), v = (o, a, f) => {
+    const l = Ze(e, o, t, c);
+    !r && l.some((m) => m.origin.kind === "builtin-theme") && (r = !0);
+    const h = Qe(l), g = /* @__PURE__ */ new Map();
+    for (const [m, y] of a)
+      m.startsWith("--") && g.set(m, y.value);
+    for (const [m, y] of h)
+      m.startsWith("--") && g.set(m, y.value);
+    const p = /* @__PURE__ */ new Map();
+    for (const [m, y] of a) p.set(m, y);
+    for (const [m, y] of h) {
+      const k = fe(y.value, g);
+      if (k === null) {
+        s.push({
           kind: "unsupported-property",
-          message: `${h}: var() reference could not be resolved; declaration dropped`,
-          node: d
+          message: `${m}: var() reference could not be resolved; declaration dropped`,
+          node: f
         });
         continue;
       }
-      c.set(h, { value: y, origin: x.origin });
+      p.set(m, { value: k, origin: y.origin });
     }
-    const S = /* @__PURE__ */ new Map();
-    for (const [h, x] of c)
-      He(h) && S.set(h, {
-        value: x.value,
-        origin: { kind: "inherited", from: d, origin: x.origin }
+    const b = /* @__PURE__ */ new Map();
+    for (const [m, y] of p)
+      Dt(m) && b.set(m, {
+        value: y.value,
+        origin: { kind: "inherited", from: f, origin: y.origin }
       });
-    return { computed: c, forChildren: S };
-  }, u = (r, a) => {
-    const d = v({ kind: "element", node: r }, a, r.id);
-    l.set(r.id, d.computed);
-    let o = d.forChildren;
-    const f = F(r).spec.parts;
-    if (f.length > 0) {
-      const w = /* @__PURE__ */ new Map();
-      f.forEach((c, S) => {
-        const h = v(
-          { kind: "part", owner: r, name: c.name, depth: S },
-          o,
-          r.id
+    return { computed: p, forChildren: b };
+  }, d = (o, a) => {
+    const f = v({ kind: "element", node: o }, a, o.id);
+    i.set(o.id, f.computed);
+    let l = f.forChildren;
+    const h = H(o).spec.parts;
+    if (h.length > 0) {
+      const g = /* @__PURE__ */ new Map();
+      h.forEach((p, b) => {
+        const m = v(
+          { kind: "part", owner: o, name: p.name, depth: b },
+          l,
+          o.id
         );
-        w.set(c.name, h.computed), o = h.forChildren;
-      }), m.set(r.id, w);
+        g.set(p.name, m.computed), l = m.forChildren;
+      }), u.set(o.id, g);
     }
-    for (const w of r.children) u(w, o);
+    for (const g of o.children) d(g, l);
   };
-  u(e.root, /* @__PURE__ */ new Map()), s && i.push({
+  d(e.root, /* @__PURE__ */ new Map()), r && s.push({
     kind: "version-dependent",
-    message: `Unity's control defaults were applied, as measured on ${Y} (Unity ships these as a theme stylesheet). Other versions may use different values; see src/controls/theme.ts.`
+    message: `Unity's control defaults were applied, as measured on ${Z} (Unity ships these as a theme stylesheet). Other versions may use different values; see src/controls/theme.ts.`
   });
-  for (const r of t.usable) {
-    if (r.builtin === !0 || g.has(r)) continue;
-    const a = wt(r.rule.selectors);
-    a.length !== 0 && i.push({
+  for (const o of t.usable) {
+    if (o.builtin === !0 || c.has(o)) continue;
+    const a = tn(o.rule.selectors);
+    a.length !== 0 && s.push({
       kind: "unsupported-selector",
-      message: `${a.join(", ")} matched nothing. Those names belong to the elements a control builds for itself, and only controls with a renderer of their own have them — ${Be().join(", ")}. Anything else is drawn as a plain box and has no parts to style.`,
-      at: { in: "uss", sheet: r.sheet, span: r.rule.selectorSpan }
+      message: `${a.join(", ")} matched nothing. Those names belong to the elements a control builds for itself, and only controls with a renderer of their own have them — ${Tt().join(", ")}. Anything else is drawn as a plain box and has no parts to style.`,
+      at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan },
+      ...de(e, o.sheet)
     });
   }
-  return { styles: l, partStyles: m, warnings: i };
+  return { styles: i, partStyles: u, warnings: s };
 }
-function zt(e, n, t, i) {
-  const l = Ee(e, i), s = Ne(e, { kind: "element", node: n }, l).filter(
-    (m) => m.property === t
+function Sn(e, n, t, s) {
+  const i = Ke(e, s), r = Ze(e, { kind: "element", node: n }, i).filter(
+    (u) => u.property === t
   );
-  return Ce(s), s;
+  return Qe(r), r;
 }
-const _t = [
+const $n = [
   {
     id: "text-metrics",
     kind: "unreproducible",
@@ -1273,358 +1892,226 @@ const _t = [
     detail: "The yoga-layout version this package depends on resolves a main-axis percentage against an indefinite parent differently from the Yoga vendored inside Unity 6000.0.40f1. Not configurable: no available setting reproduces Unity's answer without breaking cases that currently match. Fully deterministic and pinned to a case in docs/accuracy.md — this always reproduces the same way, it just cannot be fixed from inside this repository."
   }
 ];
-function we(e) {
-  return e !== void 0 && /[A-Za-z0-9_.:-]/.test(e);
-}
-function be(e) {
-  return e !== void 0 && /[A-Za-z_]/.test(e);
-}
-function Ct(e) {
-  return e === " " || e === "	" || e === `
-` || e === "\r";
-}
-function At(e) {
-  const n = [];
-  let t = 0, i = 0;
-  const l = () => i++;
-  function s(a, d, o) {
-    n.push({
-      kind: "malformed",
-      message: a,
-      at: { in: "uxml", span: { start: d, end: o } }
-    });
+function mn(e, n) {
+  const t = (d) => e.slice(d.start, d.end);
+  function s(d) {
+    return d.spans.closeTag !== null ? d.spans.closeTag.end : Math.max(d.spans.openTag.end, d.spans.inner.end);
   }
-  function m() {
-    for (; Ct(e[t]); ) t++;
+  function i(d) {
+    return d.includes('"') ? d.includes("'") ? `"${d.replace(/"/g, "&quot;")}"` : `'${d}'` : `"${d}"`;
   }
-  function g() {
-    for (; ; ) {
-      const a = e.indexOf("<", t);
-      if (a < 0) {
-        t = e.length;
-        return;
-      }
-      const d = e[a + 1];
-      if (d === "!") {
-        if (e.startsWith("<!--", a)) {
-          const o = e.indexOf("-->", a + 4);
-          t = o < 0 ? e.length : o + 3;
-        } else if (e.startsWith("<![CDATA[", a)) {
-          const o = e.indexOf("]]>", a + 9);
-          t = o < 0 ? e.length : o + 3;
-        } else {
-          const o = e.indexOf(">", a);
-          t = o < 0 ? e.length : o + 1;
-        }
-        continue;
-      }
-      if (d === "?") {
-        const o = e.indexOf("?>", a + 2);
-        t = o < 0 ? e.length : o + 2;
-        continue;
-      }
-      t = a;
-      return;
-    }
-  }
-  function v() {
-    const a = t;
-    for (; we(e[t]); ) t++;
-    const d = e.slice(a, t), o = d.indexOf(":");
-    return o < 0 ? { prefix: null, local: d } : { prefix: d.slice(0, o), local: d.slice(o + 1) };
-  }
-  function u() {
-    const a = t;
-    for (; we(e[t]); ) t++;
-    if (t === a) return null;
-    const d = e.slice(a, t), o = t;
-    if (m(), e[t] !== "=")
-      return t = o, s(`attribute "${d}" has no value`, a, o), { name: d, value: "", span: { start: a, end: o } };
-    t++, m();
-    const f = e[t];
-    if (f !== '"' && f !== "'")
-      return s(`attribute "${d}" has an unquoted value`, a, t), { name: d, value: "", span: { start: a, end: t } };
-    t++;
-    const w = t, c = e.indexOf(f, t);
-    return c < 0 ? (s(`attribute "${d}" has an unterminated value`, a, e.length), t = e.length, { name: d, value: e.slice(w), span: { start: a, end: t } }) : (t = c + 1, { name: d, value: e.slice(w, c), span: { start: a, end: t } });
+  function r(d) {
+    const o = d.attributes.map((f) => ` ${f.name}=${i(f.value)}`).join(""), a = Ce(d.name);
+    return d.spans.closeTag === null ? `<${a}${o} />` : `<${a}${o}>`;
   }
-  function r() {
-    const a = t;
-    t++;
-    const d = v(), o = [];
-    let f = !1;
-    for (; ; ) {
-      m();
-      const y = e[t];
-      if (y === void 0) {
-        s("unterminated open tag", a, e.length);
-        break;
-      }
-      if (y === ">") {
-        t++;
-        break;
-      }
-      if (y === "/" && e[t + 1] === ">") {
-        t += 2, f = !0;
-        break;
-      }
-      const b = u();
-      if (b === null) {
-        t++;
-        continue;
-      }
-      o.push(b);
-    }
-    const w = { start: a, end: t };
-    if (f)
-      return {
-        id: l(),
-        name: d,
-        attributes: o,
-        children: [],
-        spans: { openTag: w, inner: { start: t, end: t }, closeTag: null },
-        tagDirty: !1,
-        childrenDirty: !1
-      };
-    const c = t, S = [];
-    for (; ; ) {
-      if (g(), t >= e.length) {
-        s(`unterminated element <${Ae(d)}>`, a, e.length);
-        break;
-      }
-      const y = e[t + 1];
-      if (y === "/") break;
-      if (!be(y)) {
-        t++;
-        continue;
-      }
-      S.push(r());
-    }
-    const h = t;
-    let x = null;
-    if (e.startsWith("</", t)) {
-      const y = e.indexOf(">", t), b = y < 0 ? e.length : y + 1;
-      y < 0 && s("unterminated end tag", t, b), x = { start: t, end: b }, t = b;
+  function u(d) {
+    var l, h;
+    const o = t(d.spans.inner), a = ((l = /^[ \t]*\r?\n[ \t]*/.exec(o)) == null ? void 0 : l[0]) ?? "", f = ((h = /\r?\n[ \t]*$/.exec(o)) == null ? void 0 : h[0]) ?? "";
+    return { between: a, before: a, after: f };
+  }
+  function c(d) {
+    const { inner: o } = d.spans;
+    if (d.children.length === 0) return t(o);
+    if (d.childrenDirty) {
+      const { between: l, before: h, after: g } = u(d);
+      return h + d.children.map(v).join(l) + g;
     }
-    return {
-      id: l(),
-      name: d,
-      attributes: o,
-      children: S,
-      spans: { openTag: w, inner: { start: c, end: h }, closeTag: x },
-      tagDirty: !1,
-      childrenDirty: !1
-    };
+    let a = "", f = o.start;
+    for (const l of d.children)
+      a += e.slice(f, l.spans.openTag.start), a += v(l), f = s(l);
+    return a + e.slice(f, o.end);
   }
-  return g(), t < e.length && be(e[t + 1]) ? { root: r(), warnings: n } : (s("no root element", 0, 0), {
-    root: {
-      id: l(),
-      name: { prefix: null, local: "" },
-      attributes: [],
-      children: [],
-      spans: { openTag: { start: 0, end: 0 }, inner: { start: 0, end: 0 }, closeTag: null },
-      tagDirty: !1,
-      childrenDirty: !1
-    },
-    warnings: n
-  });
-}
-function Ae(e) {
-  return e.prefix === null ? e.local : `${e.prefix}:${e.local}`;
+  function v(d) {
+    const o = d.tagDirty ? r(d) : t(d.spans.openTag), a = d.spans.closeTag === null ? "" : t(d.spans.closeTag);
+    return o + c(d) + a;
+  }
+  return e.slice(0, n.spans.openTag.start) + v(n) + e.slice(s(n));
 }
-function It(e, n) {
-  const t = (u) => e.slice(u.start, u.end);
-  function i(u) {
-    return u.spans.closeTag !== null ? u.spans.closeTag.end : Math.max(u.spans.openTag.end, u.spans.inner.end);
-  }
-  function l(u) {
-    return u.includes('"') ? u.includes("'") ? `"${u.replace(/"/g, "&quot;")}"` : `'${u}'` : `"${u}"`;
-  }
-  function s(u) {
-    const r = u.attributes.map((d) => ` ${d.name}=${l(d.value)}`).join(""), a = Ae(u.name);
-    return u.spans.closeTag === null ? `<${a}${r} />` : `<${a}${r}>`;
-  }
-  function m(u) {
-    var o, f;
-    const r = t(u.spans.inner), a = ((o = /^[ \t]*\r?\n[ \t]*/.exec(r)) == null ? void 0 : o[0]) ?? "", d = ((f = /\r?\n[ \t]*$/.exec(r)) == null ? void 0 : f[0]) ?? "";
-    return { between: a, before: a, after: d };
-  }
-  function g(u) {
-    const { inner: r } = u.spans;
-    if (u.children.length === 0) return t(r);
-    if (u.childrenDirty) {
-      const { between: o, before: f, after: w } = m(u);
-      return f + u.children.map(v).join(o) + w;
-    }
-    let a = "", d = r.start;
-    for (const o of u.children)
-      a += e.slice(d, o.spans.openTag.start), a += v(o), d = i(o);
-    return a + e.slice(d, r.end);
-  }
-  function v(u) {
-    const r = u.tagDirty ? s(u) : t(u.spans.openTag), a = u.spans.closeTag === null ? "" : t(u.spans.closeTag);
-    return r + g(u) + a;
-  }
-  return e.slice(0, n.spans.openTag.start) + v(n) + e.slice(i(n));
-}
-function Mt(e) {
-  const n = e.source, t = (r) => n.slice(r.start, r.end);
-  function i(r) {
-    return r.parts.map((a, d) => {
-      const o = d === 0 ? "" : a.combinator === "child" ? " > " : " ", f = a.simple.map((w) => {
-        switch (w.kind) {
+function gn(e) {
+  const n = e.source, t = (o) => n.slice(o.start, o.end);
+  function s(o) {
+    return o.parts.map((a, f) => {
+      const l = f === 0 ? "" : a.combinator === "child" ? " > " : " ", h = a.simple.map((g) => {
+        switch (g.kind) {
           case "universal":
             return "*";
           case "type":
-            return w.name;
+            return g.name;
           case "class":
-            return `.${w.name}`;
+            return `.${g.name}`;
           case "name":
-            return `#${w.name}`;
+            return `#${g.name}`;
           case "pseudo":
-            return `:${w.name}`;
+            return `:${g.name}`;
           case "unknown":
-            return w.text;
+            return g.text;
         }
       }).join("");
-      return o + f;
+      return l + h;
     }).join("");
   }
-  function l(r) {
-    var c, S;
-    const a = r.declarations[0];
+  function i(o) {
+    var p, b;
+    const a = o.declarations[0];
     if (a === void 0) return { between: "", before: "", after: "" };
-    const d = n.lastIndexOf(`
-`, a.span.start), o = d < 0 ? "" : n.slice(d, a.span.start), f = n.slice(r.selectorSpan.end, r.span.end), w = ((S = (c = /\r?\n[ \t]*\}$/.exec(f)) == null ? void 0 : c[0]) == null ? void 0 : S.replace(/\}$/, "")) ?? "";
-    return { between: `;${o}`, before: o, after: `;${w}` };
-  }
-  function s(r) {
-    const a = r.selectorDirty ? r.selectors.map(i).join(", ") : t(r.selectorSpan);
-    if (r.declarations.length === 0)
-      return a + n.slice(r.selectorSpan.end, r.span.end);
-    const d = n.slice(r.selectorSpan.end, r.declarations[0].span.start);
-    if (r.declarationsDirty) {
-      const { between: w, before: c, after: S } = l(r), h = d.slice(0, d.indexOf("{") + 1), x = r.declarations.map(m).join(w);
-      return `${a}${h}${c}${x}${S}}`;
+    const f = n.lastIndexOf(`
+`, a.span.start), l = f < 0 ? "" : n.slice(f, a.span.start), h = n.slice(o.selectorSpan.end, o.span.end), g = ((b = (p = /\r?\n[ \t]*\}$/.exec(h)) == null ? void 0 : p[0]) == null ? void 0 : b.replace(/\}$/, "")) ?? "";
+    return { between: `;${l}`, before: l, after: `;${g}` };
+  }
+  function r(o) {
+    const a = o.selectorDirty ? o.selectors.map(s).join(", ") : t(o.selectorSpan);
+    if (o.declarations.length === 0)
+      return a + n.slice(o.selectorSpan.end, o.span.end);
+    const f = n.slice(o.selectorSpan.end, o.declarations[0].span.start);
+    if (o.declarationsDirty) {
+      const { between: g, before: p, after: b } = i(o), m = f.slice(0, f.indexOf("{") + 1), y = o.declarations.map(u).join(g);
+      return `${a}${m}${p}${y}${b}}`;
     }
-    let o = a, f = r.selectorSpan.end;
-    for (const w of r.declarations)
-      o += n.slice(f, w.span.start), o += m(w), f = w.span.end;
-    return o + n.slice(f, r.span.end);
+    let l = a, h = o.selectorSpan.end;
+    for (const g of o.declarations)
+      l += n.slice(h, g.span.start), l += u(g), h = g.span.end;
+    return l + n.slice(h, o.span.end);
   }
-  function m(r) {
-    return r.dirty ? `${r.property}: ${r.value}` : t(r.span);
+  function u(o) {
+    return o.dirty ? `${o.property}: ${o.value}` : t(o.span);
   }
-  function g(r) {
-    return r.kind === "rule" ? s(r.rule) : t(r.span);
+  function c(o) {
+    return o.kind === "rule" ? r(o.rule) : t(o.span);
   }
-  let v = "", u = 0;
-  for (const r of e.items) {
-    const a = r.kind === "rule" ? r.rule.span : r.span;
-    v += n.slice(u, a.start), v += g(r), u = a.end;
+  let v = "", d = 0;
+  for (const o of e.items) {
+    const a = o.kind === "rule" ? o.rule.span : o.span;
+    v += n.slice(d, a.start), v += c(o), d = a.end;
   }
-  return v + n.slice(u);
+  return v + n.slice(d);
 }
-function Ie(e, n = []) {
+ot(
+  (e, n) => n === void 0 ? Ie(e) : Ie(e, void 0, { resolveImport: n })
+);
+function et(e, n = []) {
   var t;
-  if (e.name.local === "Style") {
-    const i = (t = e.attributes.find((l) => l.name === "src")) == null ? void 0 : t.value;
-    i !== void 0 && i.length > 0 && n.push(ye(i));
+  for (const s of e.children) {
+    if (s.name.local === "Style") {
+      const i = (t = s.attributes.find((r) => r.name === "src")) == null ? void 0 : t.value;
+      i !== void 0 && i.length > 0 && n.push({ url: J(i), scope: e.id });
+    }
+    et(s, n);
   }
-  for (const i of e.children) Ie(i, n);
   return n;
 }
-function jt(e, n, t) {
-  var g, v;
-  const i = At(e), l = [...i.warnings], s = [], m = [];
-  for (const u of Ie(i.root)) {
-    const r = ((g = t == null ? void 0 : t.resolveImport) == null ? void 0 : g.call(t, u)) ?? null;
-    if (r === null) {
-      l.push({
+function wn(e) {
+  return e.startsWith("project://") || e.startsWith("/");
+}
+function Ie(e, n, t) {
+  var d, o;
+  const s = Re(e), i = [...s.warnings], r = [], u = [], c = [];
+  for (const { url: a, scope: f } of et(s.root)) {
+    const l = ((d = t == null ? void 0 : t.resolveImport) == null ? void 0 : d.call(t, a, null)) ?? null;
+    if (l === null) {
+      i.push({
         kind: "import-unresolved",
-        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${u}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${u}"> could not be resolved`,
-        node: i.root.id
+        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${a}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${a}"> could not be resolved`,
+        node: s.root.id
       });
       continue;
     }
-    m.push({ text: r, origin: u });
-  }
-  if (n !== void 0 || m.length > 0) {
-    const u = /* @__PURE__ */ new Set(), r = [
-      ...m,
-      ...n === void 0 ? [] : [{ text: n, origin: null }]
-    ];
-    for (; r.length > 0; ) {
-      const a = r.shift(), d = s.length, o = re(a.text, a.origin, d);
-      s.push(o.sheet), l.push(...o.warnings);
-      for (const f of o.sheet.items) {
-        if (f.kind !== "import" || u.has(f.url)) continue;
-        u.add(f.url);
-        const w = ((v = t == null ? void 0 : t.resolveImport) == null ? void 0 : v.call(t, f.url)) ?? null;
-        if (w === null) {
-          l.push({
+    c.push({ text: l, origin: a, scope: f });
+  }
+  if (n !== void 0 || c.length > 0) {
+    const a = /* @__PURE__ */ new Map(), f = [];
+    let l = 0;
+    for (const h of c) {
+      const g = l++;
+      f.push({ text: h.text, origin: h.origin, sheet: g }), u.push({ sheet: g, scope: h.scope });
+    }
+    if (n !== void 0) {
+      const h = l++;
+      f.push({ text: n, origin: null, sheet: h }), u.push({ sheet: h, scope: s.root.id });
+    }
+    for (; f.length > 0; ) {
+      const h = f.shift(), g = h.sheet, p = ge(h.text, h.origin, g);
+      r.push(p.sheet), i.push(...p.warnings);
+      for (const b of p.sheet.items) {
+        if (b.kind !== "import") continue;
+        const m = wn(b.url) ? b.url : JSON.stringify([b.url, h.origin]);
+        if (a.has(m)) {
+          const x = a.get(m);
+          x != null && (b.resolvedSheet = x);
+          continue;
+        }
+        a.set(m, null);
+        const y = ((o = t == null ? void 0 : t.resolveImport) == null ? void 0 : o.call(t, b.url, h.origin)) ?? null;
+        if (y === null) {
+          i.push({
             kind: "import-unresolved",
-            message: (t == null ? void 0 : t.resolveImport) === void 0 ? `@import "${f.url}" was not loaded: pass resolveImport to read it` : `@import "${f.url}" could not be resolved`,
-            at: { in: "uss", sheet: d, span: f.span }
+            message: (t == null ? void 0 : t.resolveImport) === void 0 ? `@import "${b.url}" was not loaded: pass resolveImport to read it` : `@import "${b.url}" could not be resolved`,
+            at: { in: "uss", sheet: g, span: b.span }
           });
           continue;
         }
-        r.push({ text: w, origin: f.url });
+        const k = l++;
+        a.set(m, k), b.resolvedSheet = k, f.push({ text: y, origin: b.url, sheet: k });
       }
     }
   }
-  return { source: e, root: i.root, sheets: s, warnings: l };
+  const v = { source: e, root: s.root, sheets: r, styleRoots: u, warnings: i };
+  return lt(v, t == null ? void 0 : t.resolveImport), v;
 }
-function Wt(e) {
+function Tn(e) {
   const n = e.sheets[0];
   return {
-    uxml: It(e.source, e.root),
+    uxml: mn(e.source, e.root),
     // Only the sheet passed to `parse` round-trips. `@import`ed sheets (Phase 3)
     // are separate files and are not this function's to write.
-    uss: n === void 0 ? "" : Mt(n)
+    uss: n === void 0 ? "" : gn(n)
   };
 }
-function Bt(e, n, t) {
-  const i = n.ownerDocument, l = (t == null ? void 0 : t.size) ?? {
+function On(e, n, t) {
+  const s = n.ownerDocument, i = (t == null ? void 0 : t.size) ?? {
     width: n.clientWidth,
     height: n.clientHeight
-  }, s = Nt(e, {
+  }, r = bt(e), u = r.document, c = hn(u, {
     ...(t == null ? void 0 : t.activeStates) === void 0 ? {} : { activeStates: t.activeStates },
     ...(t == null ? void 0 : t.states) === void 0 ? {} : { states: t.states }
-  }), m = (t == null ? void 0 : t.measureText) ?? nt(i), g = et(e.root, s.styles, s.partStyles, { size: l, measureText: m });
-  let v;
+  }), v = (t == null ? void 0 : t.measureText) ?? jt(s), d = zt(u.root, c.styles, c.partStyles, {
+    size: i,
+    measureText: v
+  });
+  let o;
   try {
-    v = ft(e.root, g.boxes, g.parts, s.styles, n, {
-      document: i,
+    o = Yt(u.root, d.boxes, d.parts, c.styles, n, {
+      document: s,
       resolveAsset: t == null ? void 0 : t.resolveAsset
     });
-  } catch (r) {
-    throw g.dispose(), r;
+  } catch (f) {
+    throw d.dispose(), f;
   }
-  let u = !1;
+  let a = !1;
   return {
-    warnings: [...s.warnings, ...g.warnings, ...v.warnings],
-    elements: v.elements,
-    boxes: g.boxes,
+    warnings: [...r.warnings, ...c.warnings, ...d.warnings, ...o.warnings],
+    elements: o.elements,
+    boxes: d.boxes,
     dispose() {
-      u || (u = !0, g.dispose(), n.replaceChildren());
+      a || (a = !0, d.dispose(), n.replaceChildren());
     }
   };
 }
 export {
-  _t as KNOWN_DIVERGENCES,
-  ct as NODE_ATTRIBUTE,
-  ut as PART_ATTRIBUTE,
-  dt as PART_OWNER_ATTRIBUTE,
-  nt as createDefaultMeasureText,
-  zt as explainProperty,
-  He as isInherited,
-  Dt as isLayoutEngineReady,
-  Lt as liveNodeCount,
-  Ut as loadLayoutEngine,
-  jt as parse,
-  Bt as render,
-  Nt as resolveStyles,
-  Wt as serialize,
-  Be as supportedControlNames
+  $n as KNOWN_DIVERGENCES,
+  Gt as NODE_ATTRIBUTE,
+  Jt as PART_ATTRIBUTE,
+  Xt as PART_OWNER_ATTRIBUTE,
+  bn as collectDependencies,
+  jt as createDefaultMeasureText,
+  bt as expandTemplates,
+  Sn as explainProperty,
+  Dt as isInherited,
+  xn as isLayoutEngineReady,
+  kn as liveNodeCount,
+  yn as loadLayoutEngine,
+  Ie as parse,
+  On as render,
+  hn as resolveStyles,
+  Tn as serialize,
+  Tt as supportedControlNames
 };