uxml-preview 0.4.0 → 0.5.1

package/dist/index.js

@@ -1,5 +1,5 @@
-import { loadYoga as Re, PositionType as J, Direction as ce, Edge as P, BoxSizing as Me, FlexDirection as V, Wrap as q, Justify as W, Align as L, Display as Ue, Overflow as De } from "yoga-layout/load";
-const ve = {
+import { loadYoga as it, PositionType as re, Direction as Se, Edge as J, BoxSizing as at, FlexDirection as G, Wrap as K, Justify as B, Align as L, Display as lt, Overflow as ct } from "yoga-layout/load";
+const je = {
   // 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 +37,623 @@ const ve = {
       { name: "unity-content-container", style: { "flex-shrink": "0" } }
     ]
   }
-}, ue = { hasText: !1, classes: [], parts: [] }, Le = "UXML", ze = /* @__PURE__ */ new Set(["Style"]);
-function _e(e) {
-  return ze.has(e.name.local);
+}, ie = { hasText: !1, classes: [], parts: [] }, ut = "UXML", dt = /* @__PURE__ */ new Set(["Style", "Template", "AttributeOverrides", "Bindings", "Columns"]);
+function de(e) {
+  return dt.has(e.name.local);
+}
+function Y(e) {
+  var t;
+  if (((t = e.derived) == null ? void 0 : t.kind) === "template-container") return { spec: ie, fallback: !1 };
+  const n = je[e.name.local];
+  return n !== void 0 ? { spec: n, fallback: !1 } : ft(e) ? { spec: ie, fallback: !1 } : { spec: ie, fallback: !0 };
+}
+function ft(e) {
+  return e.name.local === ut;
+}
+function pt(e) {
+  return Y(e).spec.classes;
 }
-function F(e) {
-  const n = ve[e.name.local];
-  return n !== void 0 ? { spec: n, fallback: !1 } : je(e) ? { spec: ue, fallback: !1 } : { spec: ue, fallback: !0 };
+function ht() {
+  return Object.keys(je);
 }
-function je(e) {
-  return e.name.local === Le;
+function X(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 We(e) {
-  return F(e).spec.classes;
+function $e(e) {
+  return e !== void 0 && /[A-Za-z0-9_.:-]/.test(e);
 }
-function Be() {
-  return Object.keys(ve);
+function Te(e) {
+  return e !== void 0 && /[A-Za-z_]/.test(e);
 }
-const Y = "6000.0.40f1", ye = `:disabled {
+function mt(e) {
+  return e === " " || e === "	" || e === `
+` || e === "\r";
+}
+function ze(e) {
+  const n = [];
+  let t = 0, s = 0;
+  const r = () => s++;
+  function o(c, u, p) {
+    n.push({
+      kind: "malformed",
+      message: c,
+      at: { in: "uxml", span: { start: u, end: p } }
+    });
+  }
+  function d() {
+    for (; mt(e[t]); ) t++;
+  }
+  function a() {
+    for (; ; ) {
+      const c = e.indexOf("<", t);
+      if (c < 0) {
+        t = e.length;
+        return;
+      }
+      const u = e[c + 1];
+      if (u === "!") {
+        if (e.startsWith("<!--", c)) {
+          const p = e.indexOf("-->", c + 4);
+          t = p < 0 ? e.length : p + 3;
+        } else if (e.startsWith("<![CDATA[", c)) {
+          const p = e.indexOf("]]>", c + 9);
+          t = p < 0 ? e.length : p + 3;
+        } else {
+          const p = e.indexOf(">", c);
+          t = p < 0 ? e.length : p + 1;
+        }
+        continue;
+      }
+      if (u === "?") {
+        const p = e.indexOf("?>", c + 2);
+        t = p < 0 ? e.length : p + 2;
+        continue;
+      }
+      t = c;
+      return;
+    }
+  }
+  function x() {
+    const c = t;
+    for (; $e(e[t]); ) t++;
+    const u = e.slice(c, t), p = u.indexOf(":");
+    return p < 0 ? { prefix: null, local: u } : { prefix: u.slice(0, p), local: u.slice(p + 1) };
+  }
+  function h() {
+    const c = t;
+    for (; $e(e[t]); ) t++;
+    if (t === c) return null;
+    const u = e.slice(c, t), p = t;
+    if (d(), e[t] !== "=")
+      return t = p, o(`attribute "${u}" has no value`, c, p), { name: u, value: "", span: { start: c, end: p } };
+    t++, d();
+    const i = e[t];
+    if (i !== '"' && i !== "'")
+      return o(`attribute "${u}" has an unquoted value`, c, t), { name: u, value: "", span: { start: c, end: t } };
+    t++;
+    const y = t, k = e.indexOf(i, t);
+    return k < 0 ? (o(`attribute "${u}" has an unterminated value`, c, e.length), t = e.length, { name: u, value: e.slice(y), span: { start: c, end: t } }) : (t = k + 1, { name: u, value: e.slice(y, k), span: { start: c, end: t } });
+  }
+  function l() {
+    const c = t;
+    t++;
+    const u = x(), p = [];
+    let i = !1;
+    for (; ; ) {
+      d();
+      const w = e[t];
+      if (w === void 0) {
+        o("unterminated open tag", c, e.length);
+        break;
+      }
+      if (w === ">") {
+        t++;
+        break;
+      }
+      if (w === "/" && e[t + 1] === ">") {
+        t += 2, i = !0;
+        break;
+      }
+      const g = h();
+      if (g === null) {
+        t++;
+        continue;
+      }
+      p.push(g);
+    }
+    const y = { start: c, end: t };
+    if (i)
+      return {
+        id: r(),
+        name: u,
+        attributes: p,
+        children: [],
+        spans: { openTag: y, inner: { start: t, end: t }, closeTag: null },
+        tagDirty: !1,
+        childrenDirty: !1
+      };
+    const k = t, f = [];
+    for (; ; ) {
+      if (a(), t >= e.length) {
+        o(`unterminated element <${Le(u)}>`, c, e.length);
+        break;
+      }
+      const w = e[t + 1];
+      if (w === "/") break;
+      if (!Te(w)) {
+        t++;
+        continue;
+      }
+      f.push(l());
+    }
+    const m = t;
+    let v = null;
+    if (e.startsWith("</", t)) {
+      const w = e.indexOf(">", t), g = w < 0 ? e.length : w + 1;
+      w < 0 && o("unterminated end tag", t, g), v = { start: t, end: g }, t = g;
+    }
+    return {
+      id: r(),
+      name: u,
+      attributes: p,
+      children: f,
+      spans: { openTag: y, inner: { start: k, end: m }, closeTag: v },
+      tagDirty: !1,
+      childrenDirty: !1
+    };
+  }
+  return a(), t < e.length && Te(e[t + 1]) ? { root: l(), warnings: n } : (o("no root element", 0, 0), {
+    root: {
+      id: r(),
+      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 Le(e) {
+  return e.prefix === null ? e.local : `${e.prefix}:${e.local}`;
+}
+let Ue;
+function gt(e) {
+  Ue = e;
+}
+const _e = /* @__PURE__ */ new WeakMap();
+function yt(e, n) {
+  _e.set(e, n);
+}
+function Cn(e) {
+  return ze(e).root.children.filter((t) => t.name.local === "Template").flatMap((t) => {
+    const s = We(t, "src");
+    return s === void 0 || s.length === 0 ? [] : [X(s)];
+  });
+}
+const Ie = 32;
+function We(e, n) {
+  var t;
+  return (t = e.attributes.find((s) => s.name === n)) == null ? void 0 : t.value;
+}
+function j(e, n) {
+  const t = We(e, n);
+  return t === void 0 ? void 0 : X(t);
+}
+function Pe(e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const t of e.root.children) {
+    if (t.name.local !== "Template") continue;
+    const s = j(t, "name"), r = j(t, "src");
+    s === void 0 || s.length === 0 || r === void 0 || r.length === 0 || n.set(s, { name: s, src: r, node: t });
+  }
+  return n;
+}
+function Fe(e, n) {
+  return JSON.stringify([e, n]);
+}
+function bt(e) {
+  return /(?:^|\/)Packages\//i.test(e) || /PackageCache/i.test(e);
+}
+function F(e, n, t, s, r, o = {}) {
+  e.push({
+    kind: n,
+    message: t,
+    ...s === void 0 ? {} : { node: s.id },
+    ...r === void 0 ? {} : { sourceDocument: r },
+    ...o
+  });
+}
+function se(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 Be(e) {
+  return { prefix: e.prefix, local: e.local };
+}
+function Ee() {
+  return { start: 0, end: 0 };
+}
+function ae(e, n) {
+  return { start: e.start + n, end: e.end + n };
+}
+function vt(e, n, t, s, r) {
+  return {
+    id: e,
+    name: n,
+    attributes: t,
+    children: s,
+    spans: { openTag: Ee(), inner: Ee(), closeTag: null },
+    tagDirty: !1,
+    childrenDirty: !1,
+    ...r === void 0 ? {} : { derived: { kind: "template-container", instance: r } }
+  };
+}
+function wt(e, n, t) {
+  const s = e.items.map((r) => r.kind !== "import" || r.resolvedSheet === void 0 ? r.kind === "rule" ? {
+    ...r,
+    rule: {
+      ...r.rule,
+      selectors: r.rule.selectors.map((o) => ({
+        ...o,
+        parts: o.parts.map((d) => ({ ...d, simple: [...d.simple] }))
+      })),
+      declarations: r.rule.declarations.map((o) => ({ ...o }))
+    }
+  } : { ...r } : { ...r, resolvedSheet: r.resolvedSheet + n });
+  return { ...e, items: s, sourceDocumentFrom: t };
+}
+function xt(e, n) {
+  const t = n.sheetOffsets.get(e.document);
+  if (t !== void 0) return t;
+  const s = n.sheets.length, r = e.document.sheets.map((d, a) => s + a), o = e.document.sheets.map(() => e.url);
+  return e.document.sheets.forEach((d, a) => {
+    for (const x of d.items)
+      x.kind === "import" && x.resolvedSheet !== void 0 && (o[x.resolvedSheet] = d.origin ?? e.url);
+  }), n.sheetOffsets.set(e.document, r), e.document.sheets.forEach(
+    (d, a) => n.sheets.push(wt(d, s, o[a]))
+  ), r;
+}
+function He(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 kt(e, n, t, s, r) {
+  for (const o of e.document.styleRoots ?? []) {
+    const d = n[o.sheet];
+    if (d === void 0) continue;
+    const a = t.nodes.get(o.scope) ?? s.id;
+    r.styleRoots.push({ sheet: d, scope: a });
+  }
+}
+function St(e) {
+  return e.map((n) => {
+    const t = j(n, "name"), s = j(n, "slot");
+    return `<${n.name.local}${t === void 0 ? "" : ` name="${t}"`}${s === void 0 ? "" : ` slot="${s}"`}>`;
+  });
+}
+function Ve(e, n) {
+  const t = j(e, "slot-name");
+  t !== void 0 && t.length > 0 && n.add(t);
+  for (const s of e.children) Ve(s, n);
+}
+function q(e, n, t, s, r) {
+  const o = /* @__PURE__ */ new Set();
+  t !== null && Ve(t.document.root, o), !(o.size === 0 && n.length === 0) && F(
+    r.warnings,
+    "template-slot-unsupported",
+    `Template slots are unsupported; defined slot names: ${t === null ? "(unavailable)" : o.size === 0 ? "(none)" : [...o].join(", ")}; children not placed: ${n.length === 0 ? "(none)" : St(n).join(", ")}`,
+    e,
+    s,
+    { reason: "not-rendered" }
+  );
+}
+function ge(e, n) {
+  if (!de(e)) {
+    const t = j(e, "name");
+    t !== void 0 && t.length > 0 && n.set(t, (n.get(t) ?? 0) + 1);
+  }
+  for (const t of e.children) ge(t, n);
+}
+function Ye(e, n, t) {
+  j(e, "name") === n && t.push(e);
+  for (const s of e.children) Ye(s, n, t);
+}
+function $t(e, n, t, s, r) {
+  if (n.length === 0) return;
+  const o = /* @__PURE__ */ new Map();
+  ge(e, o);
+  for (const d of n) {
+    const a = j(d, "element-name"), x = j(d, "style");
+    if (x !== void 0 && F(
+      r.warnings,
+      "override-style-ignored",
+      `AttributeOverrides style for element-name "${a ?? "(missing)"}" was ignored with value "${x}"`,
+      d,
+      s ?? void 0,
+      {
+        reason: "matches-unity",
+        ...a === void 0 ? {} : { subject: { kind: "name", name: a } }
+      }
+    ), a === void 0 || a.length === 0) continue;
+    const h = [];
+    if (Ye(e, a, h), h.length === 0) {
+      const l = [...o.keys()];
+      F(
+        r.warnings,
+        "override-target-missing",
+        `AttributeOverrides target "${a}" matched no element; available names: ${l.length === 0 ? "(none)" : l.join(", ")}`,
+        d,
+        s ?? void 0,
+        { reason: "invalid-value", subject: { kind: "name", name: a } }
+      );
+      continue;
+    }
+    for (const l of h)
+      for (const c of d.attributes) {
+        if (c.name === "element-name" || c.name === "style") continue;
+        const u = l.attributes.find((p) => p.name === c.name);
+        u === void 0 ? l.attributes.push(se(c, t, s)) : (u.value = c.value, u.sourceDocument = s);
+      }
+  }
+}
+function qe(e) {
+  return e.name.local === "Template" || e.name.local === "Instance" ? !0 : e.children.some(qe);
+}
+function Tt(e, n) {
+  let t = 0;
+  const s = (r) => {
+    t = Math.max(t, Number(r.id) + 1);
+    for (const o of r.children) s(o);
+  };
+  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 It(e, n, t) {
+  var x;
+  const s = Fe(e.src, n);
+  if (t.cache.has(s)) return t.cache.get(s) ?? null;
+  const r = ((x = t.resolver) == null ? void 0 : x.call(t, e.src, n)) ?? null;
+  if (r === null)
+    return t.cache.set(s, null), F(
+      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,
+      { subject: { kind: "import", url: e.src, from: n } }
+    ), bt(e.src) && F(
+      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,
+      { reason: "not-rendered", subject: { kind: "import", url: e.src, from: n } }
+    ), null;
+  const o = Ue;
+  if (o === void 0)
+    throw new Error("template parser is not registered; import parse from src/index before expansion");
+  const d = o(
+    r,
+    t.resolver === void 0 ? void 0 : (h, l) => t.resolver(h, l ?? e.src)
+  ), a = {
+    url: e.src,
+    from: n,
+    document: d,
+    declarations: Pe(d)
+  };
+  return t.cache.set(s, a), a;
+}
+function Et(e, n, t) {
+  var s, r;
+  if (!t.reportedWarnings.has(e.document)) {
+    t.reportedWarnings.add(e.document);
+    for (const o of e.document.warnings)
+      ((s = o.at) == null ? void 0 : s.in) === "uss" ? t.warnings.push({
+        ...o,
+        at: { ...o.at, sheet: n[o.at.sheet] ?? o.at.sheet },
+        sourceDocument: ((r = e.document.sheets[o.at.sheet]) == null ? void 0 : r.origin) ?? e.url
+      }) : t.warnings.push({ ...o, sourceDocument: e.url });
+  }
+}
+function oe(e, n, t, s, r, o) {
+  const d = r ? e.id : n.nextId(), a = s === null ? 0 : n.sourceOffsets.get(s.document) ?? 0, x = a === 0 || s === null ? void 0 : s.url, h = {
+    id: d,
+    name: Be(e.name),
+    attributes: e.attributes.map((l) => se(l, a, x)),
+    children: [],
+    spans: {
+      openTag: ae(e.spans.openTag, a),
+      inner: ae(e.spans.inner, a),
+      closeTag: e.spans.closeTag === null ? null : ae(e.spans.closeTag, a)
+    },
+    tagDirty: e.tagDirty,
+    childrenDirty: e.childrenDirty,
+    ...a === 0 || s === null ? {} : {
+      sourceDocument: s.url,
+      sourceDocumentFrom: s.from,
+      sourceNode: e.id
+    }
+  };
+  t.nodes.set(e.id, h.id);
+  for (const l of e.children)
+    if (!(l.name.local === "Template" || l.name.local === "Style")) {
+      if (l.name.local === "Instance") {
+        h.children.push(ye(l, n, s, t, o + 1));
+        continue;
+      }
+      l.name.local !== "AttributeOverrides" && j(l, "slot") === void 0 && h.children.push(oe(l, n, t, s, r, o));
+    }
+  return h;
+}
+function Ot(e, n, t, s) {
+  He(e.document, t);
+  const r = { nodes: /* @__PURE__ */ new Map([[e.document.root.id, n.id]]) };
+  for (const o of e.document.root.children)
+    if (!(o.name.local === "Template" || o.name.local === "Style")) {
+      if (o.name.local === "Instance") {
+        n.children.push(ye(o, t, e, r, s + 1));
+        continue;
+      }
+      o.name.local !== "AttributeOverrides" && j(o, "slot") === void 0 && n.children.push(oe(o, t, r, e, !1, s));
+    }
+  return r;
+}
+function ye(e, n, t, s, r) {
+  const o = vt(
+    n.nextId(),
+    { prefix: e.name.prefix, local: "TemplateContainer" },
+    e.attributes.filter((f) => f.name !== "template").map(
+      (f) => se(
+        f,
+        t === null ? 0 : n.sourceOffsets.get(t.document) ?? 0,
+        t === null || t.url.length === 0 ? null : t.url
+      )
+    ),
+    [],
+    e.id
+  );
+  t !== null && (o.sourceDocument = t.url.length > 0 ? t.url : null, o.sourceDocumentFrom = t.from), s.nodes.set(e.id, o.id);
+  const d = j(e, "template"), a = e.children.filter((f) => j(f, "slot") !== void 0), x = t === null || t.url.length === 0 ? void 0 : t.url, h = t == null ? void 0 : t.declarations.get(d ?? "");
+  if (h === void 0)
+    return q(e, a, null, x, n), F(
+      n.warnings,
+      "template-not-declared",
+      `Instance${d === void 0 ? "" : ` template "${d}"`} has no matching Template declaration`,
+      e,
+      x,
+      {
+        reason: "invalid-value",
+        ...d === void 0 ? {} : { subject: { kind: "name", name: d } }
+      }
+    ), o;
+  const l = t === null || t.url.length === 0 ? null : t.url, c = {
+    key: JSON.stringify([h.name, h.src, l]),
+    label: `${h.name}@${h.src}`
+  }, u = n.stack.findIndex((f) => f.key === c.key);
+  if (u >= 0) {
+    const f = n.cache.get(Fe(h.src, l)) ?? null;
+    q(e, a, f, x, n);
+    const m = [...n.stack.slice(u), c].map((v) => v.label).join(" -> ");
+    return F(
+      n.warnings,
+      "template-cycle",
+      `Template cycle detected: ${m}`,
+      e,
+      x,
+      { reason: "invalid-value" }
+    ), o;
+  }
+  if (r >= Ie)
+    return q(e, a, null, x, n), F(
+      n.warnings,
+      "template-depth-exceeded",
+      `Template expansion exceeded the depth limit ${Ie}: ${[
+        ...n.stack,
+        c
+      ].map((f) => f.label).join(" -> ")}`,
+      e,
+      x,
+      { reason: "not-rendered" }
+    ), o;
+  const p = It(h, l, n);
+  if (p === null)
+    return q(e, a, null, x, n), o;
+  He(p.document, n), n.stack.push(c);
+  const i = Ot(p, o, n, r);
+  n.stack.pop();
+  const y = xt(p, n);
+  Et(p, y, n), kt(p, y, i, o, n);
+  const k = e.children.filter((f) => f.name.local === "AttributeOverrides");
+  q(e, a, p, x, n), $t(
+    o,
+    k,
+    t === null ? 0 : n.sourceOffsets.get(t.document) ?? 0,
+    t === null || t.url.length === 0 ? null : t.url,
+    n
+  );
+  for (const f of e.children)
+    f.name.local === "AttributeOverrides" || f.name.local === "Style" || j(f, "slot") !== void 0 || o.children.push(oe(f, n, s, t, !1, r));
+  return o;
+}
+function Dt(e) {
+  if (!qe(e.root)) return { document: e, warnings: [] };
+  const n = Tt(e, _e.get(e)), t = n.styleRoots.length, s = {
+    url: "",
+    from: null,
+    document: e,
+    declarations: Pe(e)
+  }, r = { nodes: /* @__PURE__ */ new Map([[e.root.id, e.root.id]]) }, o = {
+    id: e.root.id,
+    name: Be(e.root.name),
+    attributes: e.root.attributes.map((a) => se(a)),
+    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 a of e.root.children)
+    if (!(a.name.local === "Template" || a.name.local === "Style")) {
+      if (a.name.local === "Instance") {
+        o.children.push(ye(a, n, s, r, 0));
+        continue;
+      }
+      a.name.local !== "AttributeOverrides" && j(a, "slot") === void 0 && o.children.push(oe(a, n, r, s, !0, 0));
+    }
+  for (let a = 0; a < t; a++) {
+    const x = n.styleRoots[a], h = r.nodes.get(x.scope);
+    h !== void 0 && (n.styleRoots[a] = { ...x, scope: h });
+  }
+  const d = /* @__PURE__ */ new Map();
+  ge(o, d);
+  for (const [a, x] of d)
+    x > 1 && F(
+      n.warnings,
+      "duplicate-name-in-tree",
+      `name "${a}" occurs ${x} times after template expansion`,
+      void 0,
+      void 0,
+      { reason: "matches-unity", subject: { kind: "name", name: a } }
+    );
+  return {
+    document: {
+      ...e,
+      root: o,
+      source: n.sources.join(""),
+      sheets: n.sheets,
+      styleRoots: n.styleRoots
+    },
+    warnings: n.warnings
+  };
+}
+const te = "6000.0.40f1", Je = `:disabled {
   opacity: 0.5;
 }
 
@@ -62,42 +661,220 @@ const Y = "6000.0.40f1", ye = `:disabled {
   margin: 1px 3px;
   -unity-text-align: middle-center;
 }
-`, Fe = 13;
-function Pe(e) {
-  return e ? Fe : 0;
-}
-const Ve = /* @__PURE__ */ new Set([
-  "color",
-  "font-size",
-  "letter-spacing",
-  "word-spacing",
-  "visibility",
-  "white-space",
-  "-unity-font",
-  "-unity-font-definition",
-  "-unity-font-style",
-  "-unity-paragraph-spacing",
-  "-unity-text-align",
-  "-unity-text-outline-color",
-  "-unity-text-outline-width"
-]);
-function He(e) {
-  return e.startsWith("--") || Ve.has(e);
+`, Mt = 13;
+function Rt(e) {
+  return e ? Mt : 0;
+}
+const At = {
+  yoga: "A flexbox style input of Yoga, which UI Toolkit lays out with (CLAUDE.md rule 1); many are compared in the golden set",
+  box: "Margin, padding and border widths are part of the box Yoga sizes and places",
+  aspectRatio: "Yoga sizes a box from aspect-ratio, which Unity passes through from 6.3",
+  all: "Resets every property at once, layout properties included",
+  textSize: "Font size sets the measured size of an auto-sized text element",
+  textMeasureInferred: "Changes glyph metrics or spacing, which feed the text measurement that sizes an auto-sized text element",
+  autoSizeInferred: "Fits the text to the element box rather than the box to the text",
+  renderingModeInferred: "Chooses how glyphs are rasterised in the Editor, not how they are measured",
+  ellipsisInferred: "Truncates text inside a box that is already sized",
+  textAlign: "Places text inside its box; the box does not move (the Step 6 eye check saw it only by looking)",
+  textEffectInferred: "Draws around glyphs that are already placed",
+  colour: "Colour and corner rounding of a box that is already placed",
+  visibility: "Hidden elements keep their space; only display: none removes it",
+  transform: "Transforms apply after layout and do not move siblings (Unity Manual, USS transform)",
+  background: "Draws inside the box; a VisualElement is not sized by its background",
+  overflowInferred: "Clips descendants; with this Yoga version hidden never moved a box (property sheet), and Unity runs Yoga too",
+  clipBoxInferred: "Chooses the clipping rectangle, not any box",
+  effectInferred: "Post-processes pixels that are already drawn",
+  cursor: "Pointer appearance only; nothing is drawn or laid out",
+  timeInferred: "Changes values over time; a settled frame, which is what this preview draws, is unaffected"
+}, Ct = {
+  /** Row count of each table on the date above. A test holds the data to these. */
+  counts: { "6000.0": 95, "6000.3": 99, "6000.6": 102 }
+}, Nt = [
+  ["align-content", "6000.0", !1, "layout", "layout", "yoga"],
+  ["align-items", "6000.0", !1, "layout", "layout", "yoga"],
+  ["align-self", "6000.0", !1, "layout", "layout", "yoga"],
+  ["all", "6000.0", !1, "none", "layout", "all"],
+  ["animation-play-state", "6000.6", !1, "none", "none", "timeInferred"],
+  ["aspect-ratio", "6000.3", !1, "none", "layout", "aspectRatio"],
+  ["backdrop-filter", "6000.6", !1, "none", "paint", "effectInferred"],
+  ["background-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["background-image", "6000.0", !1, "paint", "paint", "background"],
+  ["background-position", "6000.0", !1, "paint", "paint", "background"],
+  ["background-position-x", "6000.0", !1, "none", "paint", "background"],
+  ["background-position-y", "6000.0", !1, "none", "paint", "background"],
+  ["background-repeat", "6000.0", !1, "paint", "paint", "background"],
+  ["background-size", "6000.0", !1, "paint", "paint", "background"],
+  ["border-bottom-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-bottom-left-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-bottom-right-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-bottom-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-left-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-left-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-right-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-right-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-top-color", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-top-left-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-top-right-radius", "6000.0", !1, "paint", "paint", "colour"],
+  ["border-top-width", "6000.0", !1, "layout", "layout", "box"],
+  ["border-width", "6000.0", !1, "layout", "layout", "box"],
+  ["bottom", "6000.0", !1, "layout", "layout", "yoga"],
+  ["color", "6000.0", !0, "paint", "paint", "colour"],
+  ["cursor", "6000.0", !1, "paint", "none", "cursor"],
+  ["display", "6000.0", !1, "layout", "layout", "yoga"],
+  ["filter", "6000.3", !1, "none", "paint", "effectInferred"],
+  ["flex", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-basis", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-direction", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-grow", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-shrink", "6000.0", !1, "layout", "layout", "yoga"],
+  ["flex-wrap", "6000.0", !1, "layout", "layout", "yoga"],
+  ["font-size", "6000.0", !0, "layout", "layout", "textSize"],
+  ["height", "6000.0", !1, "layout", "layout", "yoga"],
+  ["justify-content", "6000.0", !1, "layout", "layout", "yoga"],
+  ["left", "6000.0", !1, "layout", "layout", "yoga"],
+  ["letter-spacing", "6000.0", !0, "paint", "layout", "textMeasureInferred"],
+  ["margin", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-bottom", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-left", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-right", "6000.0", !1, "layout", "layout", "box"],
+  ["margin-top", "6000.0", !1, "layout", "layout", "box"],
+  ["max-height", "6000.0", !1, "layout", "layout", "yoga"],
+  ["max-width", "6000.0", !1, "layout", "layout", "yoga"],
+  ["min-height", "6000.0", !1, "layout", "layout", "yoga"],
+  ["min-width", "6000.0", !1, "layout", "layout", "yoga"],
+  ["opacity", "6000.0", !1, "paint", "paint", "colour"],
+  // Yoga is told about `hidden`, but at this Yoga version it never moves a box;
+  // what shows is the clipping, which is the CSS mapping's.
+  ["overflow", "6000.0", !1, "paint", "paint", "overflowInferred"],
+  ["padding", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-bottom", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-left", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-right", "6000.0", !1, "layout", "layout", "box"],
+  ["padding-top", "6000.0", !1, "layout", "layout", "box"],
+  ["position", "6000.0", !1, "layout", "layout", "yoga"],
+  ["right", "6000.0", !1, "layout", "layout", "yoga"],
+  ["rotate", "6000.0", !1, "paint", "paint", "transform"],
+  ["scale", "6000.0", !1, "paint", "paint", "transform"],
+  ["text-overflow", "6000.0", !1, "paint", "paint", "ellipsisInferred"],
+  ["text-shadow", "6000.0", !0, "none", "paint", "textEffectInferred"],
+  ["top", "6000.0", !1, "layout", "layout", "yoga"],
+  ["transform-origin", "6000.0", !1, "paint", "paint", "transform"],
+  ["transition", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-delay", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-duration", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-property", "6000.0", !1, "none", "none", "timeInferred"],
+  ["transition-timing-function", "6000.0", !1, "none", "none", "timeInferred"],
+  ["translate", "6000.0", !1, "paint", "paint", "transform"],
+  ["-unity-animation-clip", "6000.6", !1, "none", "none", "timeInferred"],
+  ["-unity-background-image-tint-color", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-background-scale-mode", "6000.0", !1, "paint", "paint", "background"],
+  ["-unity-editor-text-rendering-mode", "6000.0", !0, "none", "paint", "renderingModeInferred"],
+  ["-unity-font", "6000.0", !0, "none", "layout", "textMeasureInferred"],
+  ["-unity-font-definition", "6000.0", !0, "none", "layout", "textMeasureInferred"],
+  ["-unity-font-style", "6000.0", !0, "layout", "layout", "textMeasureInferred"],
+  ["-unity-material", "6000.3", !0, "none", "paint", "effectInferred"],
+  ["-unity-overflow-clip-box", "6000.0", !1, "none", "paint", "clipBoxInferred"],
+  ["-unity-paragraph-spacing", "6000.0", !0, "none", "layout", "textMeasureInferred"],
+  ["-unity-slice-bottom", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-left", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-right", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-scale", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-top", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-slice-type", "6000.0", !1, "none", "paint", "background"],
+  ["-unity-text-align", "6000.0", !0, "paint", "paint", "textAlign"],
+  ["-unity-text-auto-size", "6000.3", !0, "none", "paint", "autoSizeInferred"],
+  ["-unity-text-generator", "6000.0", !0, "none", "layout", "textMeasureInferred"],
+  ["-unity-text-outline", "6000.0", !1, "none", "paint", "textEffectInferred"],
+  ["-unity-text-outline-color", "6000.0", !0, "none", "paint", "textEffectInferred"],
+  ["-unity-text-outline-width", "6000.0", !0, "none", "paint", "textEffectInferred"],
+  ["-unity-text-overflow-position", "6000.0", !1, "none", "paint", "ellipsisInferred"],
+  ["visibility", "6000.0", !0, "paint", "paint", "visibility"],
+  ["white-space", "6000.0", !0, "layout", "layout", "textMeasureInferred"],
+  ["width", "6000.0", !1, "layout", "layout", "yoga"],
+  ["word-spacing", "6000.0", !0, "paint", "layout", "textMeasureInferred"]
+], Ge = Nt.map(
+  ([e, n, t, s, r, o]) => ({
+    name: e,
+    since: n,
+    inherited: t,
+    handling: s,
+    unity: r,
+    basis: At[o],
+    inferred: o.endsWith("Inferred")
+  })
+), jt = new Map(Ge.map((e) => [e.name, e]));
+function zt(e) {
+  return jt.get(e);
+}
+const Lt = {
+  "font-family": ["-unity-font-definition"],
+  "font-weight": ["-unity-font-style"],
+  "font-style": ["-unity-font-style"],
+  "text-align": ["-unity-text-align"],
+  transform: ["translate", "rotate", "scale"],
+  "border-image": ["-unity-slice-left", "-unity-slice-top", "-unity-slice-right", "-unity-slice-bottom"],
+  "vertical-align": ["-unity-text-align"],
+  font: ["font-size", "-unity-font-definition", "-unity-font-style"],
+  inset: ["top", "right", "bottom", "left"],
+  "overflow-x": ["overflow"],
+  "overflow-y": ["overflow"]
+}, Ut = {
+  "aspect-ratio": "not applied to layout by this preview",
+  "-unity-font": "font not loaded by this preview; the browser default is used",
+  "-unity-font-definition": "font not loaded by this preview; the browser default is used",
+  transition: "not animated by this preview",
+  "transition-delay": "not animated by this preview",
+  "transition-duration": "not animated by this preview",
+  "transition-property": "not animated by this preview",
+  "transition-timing-function": "not animated by this preview",
+  "animation-play-state": "not animated by this preview",
+  "-unity-animation-clip": "not animated by this preview"
+}, _t = `6.${Object.keys(Ct.counts).sort().at(-1).slice(5)}`;
+function Wt(e) {
+  return `Unity 6.${e.slice(5)}+`;
+}
+function Xe(e, n) {
+  if (e.startsWith("--")) return null;
+  const t = zt(e);
+  if (t === void 0) {
+    const o = Lt[e];
+    return {
+      message: `${e}: not in the USS property reference up to Unity ${_t}; ignored` + (o === void 0 ? "" : `; USS uses ${o.join(", ")}`),
+      reason: "not-uss",
+      subject: { kind: "property", property: e, value: n, ...o === void 0 ? {} : { replacements: o } }
+    };
+  }
+  const s = t.unity === "layout", r = t.since === "6000.0" ? "" : ` (${Wt(t.since)})`;
+  return t.handling === "paint" && s ? {
+    message: `${e}${r}: drawn, but left out of text measurement by this preview`,
+    reason: "not-rendered",
+    subject: { kind: "property", property: e, value: n, since: t.since, affectsLayout: s, applied: "paint" }
+  } : t.handling !== "none" ? null : {
+    message: `${e}${r}: ${Ut[e] ?? "not drawn by this preview"}`,
+    reason: "not-rendered",
+    subject: { kind: "property", property: e, value: n, since: t.since, affectsLayout: s }
+  };
 }
-function de(e) {
+const Pt = ["hover", "active", "inactive", "focus", "disabled", "enabled", "checked"], Ft = new Set(Ge.filter((e) => e.inherited).map((e) => e.name));
+function Bt(e) {
+  return e.startsWith("--") || Ft.has(e);
+}
+function Oe(e) {
   const n = [];
-  let t = 0, i = -1;
-  for (let l = 0; l < e.length; l++) {
-    const o = e[l];
-    o === "(" ? t++ : o === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(o) ? i >= 0 && (n.push(e.slice(i, l)), i = -1) : i < 0 && (i = l);
+  let t = 0, s = -1;
+  for (let r = 0; r < e.length; r++) {
+    const o = e[r];
+    o === "(" ? t++ : o === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(o) ? s >= 0 && (n.push(e.slice(s, r)), s = -1) : s < 0 && (s = r);
   }
-  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 Ht(e) {
+  const [n, t, s, r] = e;
+  return n === void 0 ? null : t === void 0 ? [n, n, n, n] : s === void 0 ? [n, t, n, t] : r === void 0 ? [n, t, s, t] : [n, t, s, r];
 }
-const Ge = {
+const Vt = {
   margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
   padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
   "border-width": [
@@ -120,21 +897,21 @@ const Ge = {
     "border-bottom-left-radius"
   ]
 };
-function fe(e) {
+function De(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 ? fe(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : i === void 0 ? fe(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 Yt(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 ? De(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : s === 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", s]];
 }
-function Z(e, n) {
-  if (e === "flex") return Ye(de(n));
-  const t = Ge[e];
+function le(e, n) {
+  if (e === "flex") return Yt(Oe(n));
+  const t = Vt[e];
   if (t === void 0) return [[e, n]];
-  const i = qe(de(n));
-  return i === null ? [[e, n]] : t.map((l, o) => [l, i[o]]);
+  const s = Ht(Oe(n));
+  return s === null ? [[e, n]] : t.map((r, o) => [r, s[o]]);
 }
-const ee = {
+const fe = {
   "align-content": "flex-start",
   "align-items": "stretch",
   "align-self": "auto",
@@ -170,36 +947,37 @@ const ee = {
   "padding-right": "0",
   "padding-top": "0",
   "font-size": "12px"
-}, Xe = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
-function X(e) {
+}, qt = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
+function ne(e) {
   const n = e.trim();
-  if (n === "") return { length: null, problem: "empty value" };
+  if (n === "") return { length: null, problem: "empty value", reason: "invalid-value" };
   if (n === "auto") return { length: { kind: "auto" } };
   if (n === "none") return { length: { kind: "none" } };
   if (n === "initial") return { length: { kind: "auto" } };
   if (n.startsWith("calc("))
-    return { length: null, problem: "calc() is not supported in USS" };
+    return { length: null, problem: "calc() is not evaluated", reason: "not-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}"` };
+  if (t === null)
+    return { length: null, problem: `cannot read "${n}" as a length`, reason: "invalid-value" };
+  const s = Number(t[1]), r = t[2].toLowerCase();
+  return r === "" || r === "px" ? { length: { kind: "px", value: s } } : r === "%" ? { length: { kind: "percent", value: s } } : qt.includes(r) ? { length: null, problem: `unit "${r}" not recognised`, reason: "not-uss" } : { length: null, problem: `unknown unit "${r}"`, reason: "invalid-value" };
 }
-function pe(e) {
+function Me(e) {
   const n = e.trim();
   return /^-?(\d+\.?\d*|\.\d+)$/.test(n) ? Number(n) : null;
 }
-let se = null;
-async function Lt() {
-  se ?? (se = await Re());
+let be = null;
+async function Nn() {
+  be ?? (be = await it());
 }
-function zt() {
-  return se !== null;
+function jn() {
+  return be !== null;
 }
-let G = 0;
-function _t() {
-  return G;
+let Q = 0;
+function zn() {
+  return Q;
 }
-const K = {
+const ce = {
   auto: L.Auto,
   "flex-start": L.FlexStart,
   center: L.Center,
@@ -209,279 +987,295 @@ const K = {
   "space-between": L.SpaceBetween,
   "space-around": L.SpaceAround,
   "space-evenly": L.SpaceEvenly
-}, Je = {
-  "flex-start": W.FlexStart,
-  center: W.Center,
-  "flex-end": W.FlexEnd,
-  "space-between": W.SpaceBetween,
-  "space-around": W.SpaceAround,
-  "space-evenly": W.SpaceEvenly
-}, Ze = {
-  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]
+}, Jt = {
+  "flex-start": B.FlexStart,
+  center: B.Center,
+  "flex-end": B.FlexEnd,
+  "space-between": B.SpaceBetween,
+  "space-around": B.SpaceAround,
+  "space-evenly": B.SpaceEvenly
+}, Gt = {
+  column: G.Column,
+  "column-reverse": G.ColumnReverse,
+  row: G.Row,
+  "row-reverse": G.RowReverse
+}, Xt = {
+  nowrap: K.NoWrap,
+  wrap: K.Wrap,
+  "wrap-reverse": K.WrapReverse
+}, Zt = [
+  ["left", J.Left],
+  ["top", J.Top],
+  ["right", J.Right],
+  ["bottom", J.Bottom]
 ];
-function et(e, n, t, i) {
-  const l = se;
-  if (l === null)
+function Kt(e, n, t, s) {
+  const r = be;
+  if (r === null)
     throw new Error("loadLayoutEngine() must be awaited before rendering");
-  const o = [], p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), v = [], d = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-  let a = 0, u = !1, r = !1;
-  const f = (m, k) => {
-    var T;
-    return ((T = m.get(k)) == null ? void 0 : T.value) ?? ee[k] ?? "";
+  const o = [], d = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), x = [], h = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  let c = 0, u = !1, p = !1;
+  const i = (b, S) => {
+    var I;
+    return ((I = b.get(S)) == null ? void 0 : I.value) ?? fe[S] ?? "";
   };
-  function b(m, k) {
-    o.push({ kind: "unsupported-property", message: m, node: k.id });
-  }
-  function c(m, k, T) {
-    const N = f(m, k);
-    if (N === "") return null;
-    const { length: I, problem: C } = X(N);
-    return C !== void 0 && b(`${k}: ${C}`, T), I;
-  }
-  function S(m) {
-    if (m !== null)
-      switch (m.kind) {
+  function y(b, S, I, E) {
+    var D;
+    (E == null ? void 0 : E.origin.kind) !== "inherited" && o.push({
+      kind: "unsupported-property",
+      message: b,
+      node: S.id,
+      ...I,
+      ...E === void 0 ? {} : ((D = s.locate) == null ? void 0 : D.call(s, E.origin)) ?? {}
+    });
+  }
+  function k(b, S, I) {
+    const E = i(b, S);
+    if (E === "") return null;
+    const { length: D, problem: M, reason: A } = ne(E);
+    return M !== void 0 && y(
+      `${S}: ${M}`,
+      I,
+      {
+        ...A === void 0 ? {} : { reason: A },
+        subject: { kind: "property", property: S, value: E }
+      },
+      b.get(S)
+    ), D;
+  }
+  function f(b) {
+    if (b !== null)
+      switch (b.kind) {
         case "px":
-          return m.value;
+          return b.value;
         case "percent":
-          return `${m.value}%`;
+          return `${b.value}%`;
         case "auto":
           return "auto";
         case "none":
           return;
       }
   }
-  function h(m) {
-    if (m !== null) {
-      if (m.kind === "px") return m.value;
-      if (m.kind === "percent") return `${m.value}%`;
+  function m(b) {
+    if (b !== null) {
+      if (b.kind === "px") return b.value;
+      if (b.kind === "percent") return `${b.value}%`;
     }
   }
-  function w(m, k, T) {
-    m.setBoxSizing(Me.BorderBox), m.setFlexDirection(Ze[f(k, "flex-direction")] ?? V.Column), m.setFlexWrap(Ke[f(k, "flex-wrap")] ?? q.NoWrap), m.setJustifyContent(Je[f(k, "justify-content")] ?? W.FlexStart), m.setAlignItems(K[f(k, "align-items")] ?? L.Stretch), m.setAlignSelf(K[f(k, "align-self")] ?? L.Auto), m.setAlignContent(K[f(k, "align-content")] ?? L.FlexStart), m.setFlexGrow(pe(f(k, "flex-grow")) ?? 0), m.setFlexShrink(pe(f(k, "flex-shrink")) ?? 1), m.setFlexBasis(S(c(k, "flex-basis", T)));
-    const N = f(k, "position");
-    (N === "fixed" || N === "sticky") && b(`position: ${N} is not supported in USS; treated as relative`, T), m.setPositionType(
-      N === "absolute" ? J.Absolute : J.Relative
-    ), f(k, "display") === "none" && m.setDisplay(Ue.None);
-    const I = f(k, "overflow");
-    I === "hidden" ? m.setOverflow(De.Hidden) : (I === "auto" || I === "scroll") && b(`overflow: ${I} needs a ScrollView element in USS`, T), m.setWidth(S(c(k, "width", T))), m.setHeight(S(c(k, "height", T))), m.setMinWidth(h(c(k, "min-width", T))), m.setMinHeight(h(c(k, "min-height", T))), m.setMaxWidth(h(c(k, "max-width", T))), m.setMaxHeight(h(c(k, "max-height", T)));
-    for (const [C, A] of Qe) {
-      m.setMargin(A, h(c(k, `margin-${C}`, T))), m.setPadding(A, h(c(k, `padding-${C}`, T)));
-      const _ = h(c(k, `border-${C}-width`, T));
-      m.setBorder(A, typeof _ == "number" ? _ : void 0), m.setPosition(A, h(c(k, C, T)));
+  function v(b, S, I) {
+    b.setBoxSizing(at.BorderBox), b.setFlexDirection(Gt[i(S, "flex-direction")] ?? G.Column), b.setFlexWrap(Xt[i(S, "flex-wrap")] ?? K.NoWrap), b.setJustifyContent(Jt[i(S, "justify-content")] ?? B.FlexStart), b.setAlignItems(ce[i(S, "align-items")] ?? L.Stretch), b.setAlignSelf(ce[i(S, "align-self")] ?? L.Auto), b.setAlignContent(ce[i(S, "align-content")] ?? L.FlexStart), b.setFlexGrow(Me(i(S, "flex-grow")) ?? 0), b.setFlexShrink(Me(i(S, "flex-shrink")) ?? 1), b.setFlexBasis(f(k(S, "flex-basis", I)));
+    const E = i(S, "position");
+    (E === "fixed" || E === "sticky") && y(`position: ${E} treated as relative`, I, {
+      reason: "not-uss",
+      subject: { kind: "property", property: "position", value: E }
+    }, S.get("position")), b.setPositionType(
+      E === "absolute" ? re.Absolute : re.Relative
+    );
+    const D = i(S, "display");
+    D === "none" ? b.setDisplay(lt.None) : D !== "flex" && D !== "initial" && y(`display: ${D} laid out as flex`, I, {
+      reason: "invalid-value",
+      subject: { kind: "property", property: "display", value: D }
+    }, S.get("display"));
+    const M = i(S, "overflow");
+    M === "hidden" ? b.setOverflow(ct.Hidden) : (M === "auto" || M === "scroll") && y(`overflow: ${M} ignored; nothing scrolls`, I, {
+      reason: "not-uss",
+      subject: { kind: "property", property: "overflow", value: M }
+    }, S.get("overflow")), b.setWidth(f(k(S, "width", I))), b.setHeight(f(k(S, "height", I))), b.setMinWidth(m(k(S, "min-width", I))), b.setMinHeight(m(k(S, "min-height", I))), b.setMaxWidth(m(k(S, "max-width", I))), b.setMaxHeight(m(k(S, "max-height", I)));
+    for (const [A, U] of Zt) {
+      b.setMargin(U, m(k(S, `margin-${A}`, I))), b.setPadding(U, m(k(S, `padding-${A}`, I)));
+      const _ = m(k(S, `border-${A}-width`, I));
+      b.setBorder(U, typeof _ == "number" ? _ : void 0), b.setPosition(U, m(k(S, A, I)));
     }
   }
-  function y(m) {
-    var k;
-    return (k = m.attributes.find((T) => T.name === "text")) == null ? void 0 : k.value;
+  function w(b) {
+    var S;
+    return (S = b.attributes.find((I) => I.name === "text")) == null ? void 0 : S.value;
   }
-  const x = ["text", "label"];
-  function $(m) {
-    return x.filter(
-      (k) => m.attributes.some((T) => T.name === k && T.value.length > 0)
+  const g = ["text", "label"];
+  function $(b) {
+    return g.filter(
+      (S) => b.attributes.some((I) => I.name === S && I.value.length > 0)
     );
   }
-  function O(m, k) {
-    if (_e(m)) return;
-    const T = n.get(m.id) ?? /* @__PURE__ */ new Map(), N = l.Node.create();
-    a++, G++, d.set(m, N), v.push(m), w(N, T, m), k !== null && k.insertChild(N, k.getChildCount());
-    const { spec: I, fallback: C } = F(m), A = y(m), _ = I.hasText && A !== void 0 && A.length > 0;
-    if (C) {
-      const R = $(m);
+  let T = !1;
+  function O(b, S) {
+    if (de(b)) {
+      b.name.local === "Bindings" && !T && (T = !0, o.push({
+        kind: "unsupported-control",
+        message: "Data bindings are not evaluated in this preview; bound values show as written",
+        node: b.id,
+        reason: "not-rendered",
+        subject: { kind: "control", type: "Bindings" }
+      }));
+      return;
+    }
+    const I = n.get(b.id) ?? /* @__PURE__ */ new Map(), E = r.Node.create();
+    c++, Q++, h.set(b, E), x.push(b), v(E, I, b), S !== null && S.insertChild(E, S.getChildCount());
+    const { spec: D, fallback: M } = Y(b), A = w(b), U = D.hasText && A !== void 0 && A.length > 0;
+    if (M) {
+      const C = $(b);
       o.push({
         kind: "unsupported-control",
-        message: `<${m.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: m.id
+        message: `<${b.name.local}> has no renderer in this version and is drawn as a plain VisualElement` + (C.length === 0 ? "" : `; its ${C.join(" and ")} attribute${C.length > 1 ? "s are" : " is"} not drawn`),
+        node: b.id,
+        reason: "not-rendered",
+        subject: { kind: "control", type: b.name.local }
       });
     }
-    if (_) {
-      m.children.length > 0 && b(
-        `<${m.name.local}> has both a text attribute and children; children are not drawn`,
-        m
+    if (U) {
+      b.children.some((N) => !de(N)) && y(
+        `<${b.name.local}> has both a text attribute and children; children are not drawn`,
+        b,
+        { reason: "not-rendered", subject: { kind: "control", type: b.name.local } }
       );
-      const R = c(T, "font-size", m), z = {
-        fontSize: R !== null && R.kind === "px" ? R.value : 12,
-        fontStyle: f(T, "-unity-font-style") || "normal",
-        whiteSpace: f(T, "white-space") || "normal"
+      const C = k(I, "font-size", b), P = {
+        fontSize: C !== null && C.kind === "px" ? C.value : 12,
+        fontStyle: i(I, "-unity-font-style") || "normal",
+        whiteSpace: i(I, "white-space") || "normal"
       };
-      N.setMeasureFunc(
-        (U) => i.measureText(
+      E.setMeasureFunc(
+        (N) => s.measureText(
           A,
-          z,
-          Number.isFinite(U) ? U : 0
+          P,
+          Number.isFinite(N) ? N : 0
         )
       );
       return;
     }
-    let j = N;
-    if (I.parts.length > 0) {
-      r || (r = !0, o.push({
+    let _ = E;
+    if (D.parts.length > 0) {
+      p || (p = !0, o.push({
         kind: "version-dependent",
-        message: `<${m.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: m.id
+        message: `<${b.name.local}> drawn with built-in child elements measured on Unity ${te}`,
+        node: b.id,
+        reason: "version-dependent",
+        subject: { kind: "control", type: b.name.local }
       }));
-      const R = [], z = [], U = t.get(m.id);
-      for (const ae of I.parts) {
-        const le = (U == null ? void 0 : U.get(ae.name)) ?? /* @__PURE__ */ new Map(), H = l.Node.create();
-        a++, G++, w(H, le, m), j.insertChild(H, j.getChildCount()), j = H, z.push(H), R.push({
-          name: ae.name,
-          owner: m.id,
+      const C = [], P = [], N = t.get(b.id);
+      for (const xe of D.parts) {
+        const ke = (N == null ? void 0 : N.get(xe.name)) ?? /* @__PURE__ */ new Map(), Z = r.Node.create();
+        c++, Q++, v(Z, ke, b), _.insertChild(Z, _.getChildCount()), _ = Z, P.push(Z), C.push({
+          name: xe.name,
+          owner: b.id,
           box: { left: 0, top: 0, width: 0, height: 0 },
-          style: le
+          style: ke
         });
       }
-      g.set(m.id, R), s.set(m.id, z);
+      a.set(b.id, C), l.set(b.id, P);
     }
-    for (const R of m.children) O(R, j);
+    for (const C of b.children) O(C, _);
   }
   O(e, null);
-  const E = d.get(e);
-  E.setWidth(i.size.width), E.setHeight(i.size.height), E.setPositionType(J.Relative), E.calculateLayout(i.size.width, i.size.height, ce.LTR);
-  const M = /* @__PURE__ */ new Map();
-  for (let m = 0; m < 3; m++) {
-    let k = !1;
-    for (const [T, N] of g) {
-      const I = s.get(T);
-      if (I === void 0) continue;
-      const C = N.findIndex((U) => U.name === "unity-content-viewport"), A = N.findIndex((U) => U.name === "unity-content-container");
-      if (C === -1 || A === -1) continue;
-      const _ = I[C].getComputedLayout(), R = I[A].getComputedLayout().height > _.height + 0.01, z = Pe(R);
-      (M.get(T) ?? 0) !== z && (M.set(T, z), I[C].setMargin(P.Right, z), k = !0);
+  const R = h.get(e);
+  R.setWidth(s.size.width), R.setHeight(s.size.height), R.setPositionType(re.Relative), R.calculateLayout(s.size.width, s.size.height, Se.LTR);
+  const z = /* @__PURE__ */ new Map();
+  for (let b = 0; b < 3; b++) {
+    let S = !1;
+    for (const [I, E] of a) {
+      const D = l.get(I);
+      if (D === void 0) continue;
+      const M = E.findIndex((N) => N.name === "unity-content-viewport"), A = E.findIndex((N) => N.name === "unity-content-container");
+      if (M === -1 || A === -1) continue;
+      const U = D[M].getComputedLayout(), C = D[A].getComputedLayout().height > U.height + 0.01, P = Rt(C);
+      (z.get(I) ?? 0) !== P && (z.set(I, P), D[M].setMargin(J.Right, P), S = !0);
     }
-    if (!k) break;
-    E.calculateLayout(i.size.width, i.size.height, ce.LTR);
-  }
-  function D(m, k, T) {
-    const N = d.get(m);
-    if (N === void 0) return;
-    const I = N.getComputedLayout();
-    let C = k + I.left, A = T + I.top;
-    p.set(m.id, { left: C, top: A, width: I.width, height: I.height });
-    const _ = g.get(m.id), j = s.get(m.id);
-    _ !== void 0 && j !== void 0 && _.forEach((R, z) => {
-      const U = j[z].getComputedLayout();
-      C += U.left, A += U.top, R.box = { left: C, top: A, width: U.width, height: U.height };
+    if (!S) break;
+    R.calculateLayout(s.size.width, s.size.height, Se.LTR);
+  }
+  function W(b, S, I) {
+    const E = h.get(b);
+    if (E === void 0) return;
+    const D = E.getComputedLayout();
+    let M = S + D.left, A = I + D.top;
+    d.set(b.id, { left: M, top: A, width: D.width, height: D.height });
+    const U = a.get(b.id), _ = l.get(b.id);
+    U !== void 0 && _ !== void 0 && U.forEach((C, P) => {
+      const N = _[P].getComputedLayout();
+      M += N.left, A += N.top, C.box = { left: M, top: A, width: N.width, height: N.height };
     });
-    for (const R of m.children) D(R, C, A);
+    for (const C of b.children) W(C, M, A);
   }
-  return D(e, 0, 0), {
-    boxes: p,
-    parts: g,
-    painted: v,
+  return W(e, 0, 0), {
+    boxes: d,
+    parts: a,
+    painted: x,
     warnings: o,
     dispose() {
-      u || (u = !0, E.freeRecursive(), G -= a, d.clear(), s.clear());
+      u || (u = !0, R.freeRecursive(), Q -= c, h.clear(), l.clear());
     }
   };
 }
-const tt = 1.2;
-function nt(e) {
+const Qt = 1.2;
+function en(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, o) => {
-    const p = l.fontSize * tt, g = (r) => {
+  return (s, r, o) => {
+    const d = r.fontSize * Qt, a = (p) => {
       if (n === null)
-        return r.length * l.fontSize * 0.5;
-      const f = l.fontStyle.includes("bold") ? "bold" : "normal", b = l.fontStyle.includes("italic") ? "italic" : "normal";
-      return n.font = `${b} ${f} ${l.fontSize}px sans-serif`, n.measureText(r).width;
+        return p.length * r.fontSize * 0.5;
+      const i = r.fontStyle.includes("bold") ? "bold" : "normal", y = r.fontStyle.includes("italic") ? "italic" : "normal";
+      return n.font = `${y} ${i} ${r.fontSize}px sans-serif`, n.measureText(p).width;
     };
-    if (!(l.whiteSpace !== "nowrap" && l.whiteSpace !== "pre") || o <= 0) {
-      const r = i.split(`
+    if (!(r.whiteSpace !== "nowrap" && r.whiteSpace !== "pre") || o <= 0) {
+      const p = s.split(`
 `);
-      return { width: r.reduce((b, c) => Math.max(b, g(c)), 0), height: r.length * p };
+      return { width: p.reduce((y, k) => Math.max(y, a(k)), 0), height: p.length * d };
     }
-    const d = i.split(/\s+/).filter((r) => r.length > 0);
-    let s = 1, a = 0, u = 0;
-    for (const r of d) {
-      const f = g(r), b = a === 0 ? 0 : g(" ");
-      a > 0 && a + b + f > o ? (u = Math.max(u, a), s++, a = f) : a += b + f;
+    const h = s.split(/\s+/).filter((p) => p.length > 0);
+    let l = 1, c = 0, u = 0;
+    for (const p of h) {
+      const i = a(p), y = c === 0 ? 0 : a(" ");
+      c > 0 && c + y + i > o ? (u = Math.max(u, c), l++, c = i) : c += y + i;
     }
-    return u = Math.max(u, a), { width: u, height: s * p };
+    return u = Math.max(u, c), { width: u, height: l * d };
   };
 }
-function re(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([
-  "box-shadow",
-  "filter",
-  "backdrop-filter",
-  "mix-blend-mode",
-  "background-blend-mode",
-  "clip-path",
-  "mask",
-  "outline",
-  "line-height",
-  "text-transform",
-  "text-decoration",
-  "z-index",
-  "float",
-  "clear",
-  "border-style"
-]), st = /* @__PURE__ */ new Set([
-  "gap",
-  "row-gap",
-  "column-gap",
-  "aspect-ratio",
-  "background-size",
-  "background-position",
-  "background-repeat",
-  "overflow-wrap",
-  "word-break"
-]), he = ["top", "right", "bottom", "left"], rt = {
+const tn = ["top", "right", "bottom", "left"], nn = {
   normal: { weight: "normal", style: "normal" },
   bold: { weight: "bold", style: "normal" },
   italic: { weight: "normal", style: "italic" },
   "bold-and-italic": { weight: "bold", style: "italic" }
-}, ot = {
+}, sn = {
   upper: "flex-start",
   middle: "center",
   lower: "flex-end"
-}, at = {
+}, on = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-}, Q = {
+}, ue = {
   "stretch-to-fill": "100% 100%",
   "scale-and-crop": "cover",
   "scale-to-fit": "contain"
-}, me = "stretch-to-fill";
-function lt(e) {
-  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(re(e).trim());
+}, Re = "stretch-to-fill";
+function rn(e) {
+  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(X(e).trim());
   return n === null ? null : { form: n[1], path: n[3] };
 }
-function ge(e, n, t = {}) {
-  var b;
-  const i = {}, l = [], o = (c) => {
-    var S;
-    return (S = e.get(c)) == null ? void 0 : S.value;
-  }, p = (c, S) => {
-    l.push({ kind: c, message: S, node: n });
-  };
-  i["box-sizing"] = "border-box";
-  for (const [c] of e)
-    it.has(c) ? p("unsupported-property", `${c} does not exist in USS and is ignored`) : st.has(c) && p(
-      "version-dependent",
-      `${c} depends on the Unity version; verify it in your project`
-    );
-  const g = [
+function Ae(e, n, t = {}) {
+  var k;
+  const s = {}, r = [], o = (f) => {
+    var m;
+    return (m = e.get(f)) == null ? void 0 : m.value;
+  }, d = (f, m, v = {}) => {
+    var $, T, O;
+    const w = (($ = v.subject) == null ? void 0 : $.kind) === "property" ? v.subject.property : ((T = v.subject) == null ? void 0 : T.kind) === "asset" ? "background-image" : void 0, g = w === void 0 ? void 0 : e.get(w);
+    (g == null ? void 0 : g.origin.kind) !== "inherited" && r.push({
+      kind: f,
+      message: m,
+      node: n,
+      ...v,
+      ...g === void 0 ? {} : ((O = t.locate) == null ? void 0 : O.call(t, g.origin)) ?? {}
+    });
+  }, a = (f, m = o(f)) => ({
+    subject: { kind: "property", property: f, ...m === void 0 ? {} : { value: m } }
+  });
+  s["box-sizing"] = "border-box";
+  const x = [
     "background-color",
     "color",
     "opacity",
@@ -494,192 +1288,199 @@ function ge(e, n, t = {}) {
     "font-size",
     "transform-origin"
   ];
-  for (const c of g) {
-    const S = o(c);
-    S !== void 0 && (i[c] = S);
-  }
-  o("display") === "none" && (i.display = "none"), o("overflow") === "hidden" && (i.overflow = "hidden");
-  for (const c of he) {
-    const S = o(`border-${c}-width`);
-    if (S !== void 0 && S !== "0") {
-      const { length: y, problem: x } = X(S);
-      y === null || y.kind !== "px" ? p(
+  for (const f of x) {
+    const m = o(f);
+    m !== void 0 && (s[f] = m);
+  }
+  o("display") === "none" && (s.display = "none"), o("overflow") === "hidden" && (s.overflow = "hidden");
+  for (const f of tn) {
+    const m = o(`border-${f}-width`);
+    if (m !== void 0 && m !== "0") {
+      const { length: g, problem: $ } = ne(m);
+      g === null || g.kind !== "px" ? d(
         "unsupported-property",
-        `border-${c}-width: ${x ?? `"${S}" is not a pixel length`}; ignored`
-      ) : (i[`border-${c}-width`] = `${y.value}px`, i[`border-${c}-style`] = "solid");
+        `border-${f}-width: ${$ ?? `"${m}" is not a pixel length`}; ignored`,
+        { reason: "invalid-value", ...a(`border-${f}-width`) }
+      ) : (s[`border-${f}-width`] = `${g.value}px`, s[`border-${f}-style`] = "solid");
     }
-    const h = o(`border-${c}-color`);
-    h !== void 0 && (i[`border-${c}-color`] = h);
-    const w = o(`padding-${c}`);
-    w !== void 0 && w !== "0" && (i[`padding-${c}`] = w);
+    const v = o(`border-${f}-color`);
+    v !== void 0 && (s[`border-${f}-color`] = v);
+    const w = o(`padding-${f}`);
+    w !== void 0 && w !== "0" && (s[`padding-${f}`] = w);
   }
-  for (const c of [
+  for (const f of [
     "top-left",
     "top-right",
     "bottom-right",
     "bottom-left"
   ]) {
-    const S = o(`border-${c}-radius`);
-    S !== void 0 && (i[`border-${c}-radius`] = S);
-  }
-  const v = o("-unity-font-style");
-  if (v !== void 0) {
-    const c = rt[v];
-    c === void 0 ? p("unsupported-property", `-unity-font-style: ${v} is not a USS value`) : (i["font-weight"] = c.weight, i["font-style"] = c.style);
-  }
-  const d = o("-unity-text-align");
-  if (d !== void 0) {
-    const [c, S] = d.split("-"), h = ot[c ?? ""], w = at[S ?? ""];
-    h === void 0 || w === void 0 ? p("unsupported-property", `-unity-text-align: ${d} is not a USS value`) : (i["align-items"] = h, i["justify-content"] = w);
-  }
-  const s = [], a = o("translate");
-  a !== void 0 && s.push(`translate(${a.replace(/\s+/, ", ")})`);
-  const u = o("rotate");
-  u !== void 0 && s.push(`rotate(${u})`);
-  const r = o("scale");
-  r !== void 0 && s.push(`scale(${r.replace(/\s+/, ", ")})`), s.length > 0 && (i.transform = s.join(" "));
-  const f = o("background-image");
-  if (f !== void 0 && f !== "none") {
-    const c = lt(f);
-    if (c === null)
-      p("asset-unresolved", `background-image: cannot read "${f}" as an asset path`);
+    const m = o(`border-${f}-radius`);
+    m !== void 0 && (s[`border-${f}-radius`] = m);
+  }
+  const h = o("-unity-font-style");
+  if (h !== void 0) {
+    const f = nn[h];
+    f === void 0 ? d("unsupported-property", `-unity-font-style: "${h}" ignored`, {
+      reason: "invalid-value",
+      ...a("-unity-font-style")
+    }) : (s["font-weight"] = f.weight, s["font-style"] = f.style);
+  }
+  const l = o("-unity-text-align");
+  if (l !== void 0) {
+    const [f, m] = l.split("-"), v = sn[f ?? ""], w = on[m ?? ""];
+    v === void 0 || w === void 0 ? d("unsupported-property", `-unity-text-align: "${l}" ignored`, {
+      reason: "invalid-value",
+      ...a("-unity-text-align")
+    }) : (s["align-items"] = v, s["justify-content"] = w);
+  }
+  const c = [], u = o("translate");
+  u !== void 0 && c.push(`translate(${u.replace(/\s+/, ", ")})`);
+  const p = o("rotate");
+  p !== void 0 && c.push(`rotate(${p})`);
+  const i = o("scale");
+  i !== void 0 && c.push(`scale(${i.replace(/\s+/, ", ")})`), c.length > 0 && (s.transform = c.join(" "));
+  const y = o("background-image");
+  if (y !== void 0 && y !== "none") {
+    const f = rn(y);
+    if (f === null)
+      d("unsupported-property", `background-image: "${y}" is not an asset reference; ignored`, {
+        reason: "not-uss",
+        ...a("background-image")
+      });
     else {
-      const { form: S, path: h } = c, w = ((b = t.resolveAsset) == null ? void 0 : b.call(t, h, S)) ?? null;
+      const { form: m, path: v } = f, w = ((k = t.resolveAsset) == null ? void 0 : k.call(t, v, m)) ?? null;
       if (w === null)
-        i["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", p("asset-unresolved", `background-image: "${h}" was not resolved`);
+        s["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", d("asset-unresolved", `background-image: "${v}" was not resolved`, {
+          subject: { kind: "asset", path: v, form: m }
+        });
       else {
-        i["background-image"] = `url("${w}")`, i["background-repeat"] = o("background-repeat") ?? "no-repeat", i["background-position"] = o("background-position") ?? "center";
-        const y = o("background-size"), x = o("-unity-background-scale-mode") ?? me, $ = Q[x];
-        $ === void 0 && p(
+        s["background-image"] = `url("${w}")`, s["background-repeat"] = o("background-repeat") ?? "no-repeat", s["background-position"] = o("background-position") ?? "center";
+        const g = o("background-size"), $ = o("-unity-background-scale-mode") ?? Re, T = ue[$];
+        T === void 0 && d(
           "unsupported-property",
-          `-unity-background-scale-mode: ${x} is not a USS value; expected one of ${Object.keys(Q).join(", ")}`
-        ), i["background-size"] = y ?? $ ?? Q[me];
+          `-unity-background-scale-mode: "${$}" ignored; expected one of ${Object.keys(ue).join(", ")}`,
+          { reason: "invalid-value", ...a("-unity-background-scale-mode", $) }
+        ), s["background-size"] = g ?? T ?? ue[Re];
       }
     }
   }
-  return o("-unity-background-image-tint-color") !== void 0 && p(
-    "unsupported-property",
-    "-unity-background-image-tint-color has no CSS equivalent and is not drawn"
-  ), he.some((c) => o(`-unity-slice-${c}`) !== void 0) && p("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), o("-unity-font-definition") !== void 0 && p(
-    "unsupported-property",
-    "-unity-font-definition names a Unity font asset; the browser default is used"
-  ), { declarations: i, warnings: l };
-}
-const ct = "data-uxml-node", ut = "data-uxml-part", dt = "data-uxml-part-owner";
-function ft(e, n, t, i, l, o) {
-  const p = [], g = /* @__PURE__ */ new Map();
-  function v(u) {
-    const r = i.get(u.id), f = (b) => {
-      var h;
-      const c = ((h = r == null ? void 0 : r.get(b)) == null ? void 0 : h.value) ?? ee[b] ?? "0", { length: S } = X(c);
-      return S !== null && S.kind === "px" ? S.value : 0;
+  return { declarations: s, warnings: r };
+}
+const an = "data-uxml-node", ln = "data-uxml-part", cn = "data-uxml-part-owner";
+function un(e, n, t, s, r, o) {
+  const d = [], a = /* @__PURE__ */ new Map();
+  function x(u) {
+    const p = s.get(u.id), i = (y) => {
+      var m;
+      const k = ((m = p == null ? void 0 : p.get(y)) == null ? void 0 : m.value) ?? fe[y] ?? "0", { length: f } = ne(k);
+      return f !== null && f.kind === "px" ? f.value : 0;
     };
-    return { left: f("border-left-width"), top: f("border-top-width") };
+    return { left: i("border-left-width"), top: i("border-top-width") };
   }
-  function d(u) {
-    const r = (f) => {
-      var S;
-      const b = ((S = u.style.get(f)) == null ? void 0 : S.value) ?? ee[f] ?? "0", { length: c } = X(b);
-      return c !== null && c.kind === "px" ? c.value : 0;
+  function h(u) {
+    const p = (i) => {
+      var f;
+      const y = ((f = u.style.get(i)) == null ? void 0 : f.value) ?? fe[i] ?? "0", { length: k } = ne(y);
+      return k !== null && k.kind === "px" ? k.value : 0;
     };
-    return { left: r("border-left-width"), top: r("border-top-width") };
-  }
-  function s(u, r, f) {
-    var E;
-    const b = n.get(u.id);
-    if (b === void 0) return null;
-    const c = o.document.createElement("div");
-    c.setAttribute(ct, String(u.id));
-    const S = i.get(u.id) ?? /* @__PURE__ */ new Map(), h = ge(S, u.id, o);
-    p.push(...h.warnings);
-    const w = r === null ? 0 : b.left - r.left - f.left, y = r === null ? 0 : b.top - r.top - f.top, x = {
+    return { left: p("border-left-width"), top: p("border-top-width") };
+  }
+  function l(u, p, i) {
+    var O;
+    const y = n.get(u.id);
+    if (y === void 0) return null;
+    const k = o.document.createElement("div");
+    k.setAttribute(an, String(u.id));
+    const f = s.get(u.id) ?? /* @__PURE__ */ new Map(), m = Ae(f, u.id, o);
+    d.push(...m.warnings);
+    const v = p === null ? 0 : y.left - p.left - i.left, w = p === null ? 0 : y.top - p.top - i.top, g = {
       position: "absolute",
-      left: `${w}px`,
-      top: `${y}px`,
-      width: `${b.width}px`,
-      height: `${b.height}px`,
+      left: `${v}px`,
+      top: `${w}px`,
+      width: `${y.width}px`,
+      height: `${y.height}px`,
       margin: "0",
-      ...h.declarations
+      ...m.declarations
     };
-    for (const [M, D] of Object.entries(x))
-      c.style.setProperty(M, D);
-    const { spec: $ } = F(u), O = (E = u.attributes.find((M) => M.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 = re(O);
+    for (const [R, z] of Object.entries(g))
+      k.style.setProperty(R, z);
+    const { spec: $ } = Y(u), T = (O = u.attributes.find((R) => R.name === "text")) == null ? void 0 : O.value;
+    if ($.hasText && T !== void 0 && T.length > 0)
+      k.style.setProperty("display", m.declarations.display ?? "flex"), m.declarations["align-items"] === void 0 && k.style.setProperty("align-items", "flex-start"), m.declarations["justify-content"] === void 0 && k.style.setProperty("justify-content", "flex-start"), k.textContent = X(T);
     else {
-      let M = c, D = b, m = v(u);
-      for (const k of t.get(u.id) ?? []) {
-        const T = o.document.createElement("div");
-        T.setAttribute(ut, k.name), T.setAttribute(dt, String(u.id));
-        const N = ge(k.style, u.id, o);
-        p.push(...N.warnings);
-        const I = {
+      let R = k, z = y, W = x(u);
+      for (const b of t.get(u.id) ?? []) {
+        const S = o.document.createElement("div");
+        S.setAttribute(ln, b.name), S.setAttribute(cn, String(u.id));
+        const I = Ae(b.style, u.id, o);
+        d.push(...I.warnings);
+        const E = {
           position: "absolute",
-          left: `${k.box.left - D.left - m.left}px`,
-          top: `${k.box.top - D.top - m.top}px`,
-          width: `${k.box.width}px`,
-          height: `${k.box.height}px`,
+          left: `${b.box.left - z.left - W.left}px`,
+          top: `${b.box.top - z.top - W.top}px`,
+          width: `${b.box.width}px`,
+          height: `${b.box.height}px`,
           margin: "0",
-          ...N.declarations
+          ...I.declarations
         };
-        for (const [C, A] of Object.entries(I))
-          T.style.setProperty(C, A);
-        M.appendChild(T), M = T, D = k.box, m = d(k);
+        for (const [D, M] of Object.entries(E))
+          S.style.setProperty(D, M);
+        R.appendChild(S), R = S, z = b.box, W = h(b);
       }
-      for (const k of u.children) {
-        const T = s(k, D, m);
-        T !== null && M.appendChild(T);
+      for (const b of u.children) {
+        const S = l(b, z, W);
+        S !== null && R.appendChild(S);
       }
     }
-    return g.set(u.id, c), c;
+    return a.set(u.id, k), k;
   }
-  l.replaceChildren();
-  const a = s(e, null, { left: 0, top: 0 });
-  return a !== null && (a.style.setProperty("position", "relative"), l.appendChild(a)), { warnings: p, elements: g };
+  r.replaceChildren();
+  const c = l(e, null, { left: 0, top: 0 });
+  return c !== null && (c.style.setProperty("position", "relative"), r.appendChild(c)), { warnings: d, elements: a };
 }
-const we = /[A-Za-z0-9_-]/;
-function B(e) {
+const Ce = /[A-Za-z0-9_-]/;
+function V(e) {
   return e === " " || e === "	" || e === `
 ` || e === "\r" || e === "\f";
 }
-function te(e, n, t) {
-  let i = n, l = 0;
-  for (; i < e.length; ) {
-    const o = e[i];
+function pe(e, n, t) {
+  let s = n, r = 0;
+  for (; s < e.length; ) {
+    const o = e[s];
     if (o === '"' || o === "'") {
-      const p = e.indexOf(o, i + 1);
-      i = p < 0 ? e.length : p + 1;
+      const d = e.indexOf(o, s + 1);
+      s = d < 0 ? e.length : d + 1;
       continue;
     }
-    if (o === "/" && e[i + 1] === "*") {
-      const p = e.indexOf("*/", i + 2);
-      i = p < 0 ? e.length : p + 2;
+    if (o === "/" && e[s + 1] === "*") {
+      const d = e.indexOf("*/", s + 2);
+      s = d < 0 ? e.length : d + 2;
       continue;
     }
     if (o === "(" || o === "[")
-      l++;
+      r++;
     else if (o === ")" || o === "]")
-      l > 0 && l--;
-    else if (l === 0 && t.includes(o))
-      return i;
-    i++;
+      r > 0 && r--;
+    else if (r === 0 && t.includes(o))
+      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 Ze(e, n, t) {
+  let s = n, r = t;
+  for (; s < r && V(e[s]); ) s++;
+  for (; r > s && V(e[r - 1]); ) r--;
+  return { start: s, end: r };
 }
-function Se(e, n, t, i) {
-  const l = [];
+function Ke(e, n, t, s) {
+  const r = [];
   let o = n;
   for (; o < t; ) {
-    for (; o < t && (B(e[o]) || e.startsWith("/*", o)); )
+    for (; o < t && (V(e[o]) || e.startsWith("/*", o)); )
       if (e.startsWith("/*", o)) {
-        const s = e.indexOf("*/", o + 2);
-        o = s < 0 ? t : s + 2;
+        const l = e.indexOf("*/", o + 2);
+        o = l < 0 ? t : l + 2;
       } else
         o++;
     if (o >= t) break;
@@ -687,195 +1488,195 @@ function Se(e, n, t, i) {
       o++;
       continue;
     }
-    const p = o, g = te(e, p, ":;}");
-    if (g >= t || e[g] !== ":") {
-      const s = Math.min(g, t);
-      i == null || i("declaration without a value", p, s), o = s + 1;
+    const d = o, a = pe(e, d, ":;}");
+    if (a >= t || e[a] !== ":") {
+      const l = Math.min(a, t);
+      s == null || s("declaration without a value", d, l), o = l + 1;
       continue;
     }
-    const v = Math.min(te(e, g + 1, ";}"), t), d = ke(e, g + 1, v);
-    l.push({
-      property: e.slice(p, g).trim(),
-      value: e.slice(d.start, d.end),
-      span: { start: p, end: d.end },
+    const x = Math.min(pe(e, a + 1, ";}"), t), h = Ze(e, a + 1, x);
+    r.push({
+      property: e.slice(d, a).trim(),
+      value: e.slice(h.start, h.end),
+      span: { start: d, end: h.end },
       dirty: !1
-    }), o = v + 1;
+    }), o = x + 1;
   }
-  return l;
+  return r;
 }
-function pt(e) {
+function dn(e) {
   const n = e.span.end - 1 - e.value.length;
   return n < e.span.start ? null : n;
 }
-function oe(e, n = null, t = 0) {
-  const i = [], l = [];
+function ve(e, n = null, t = 0) {
+  const s = [], r = [];
   let o = 0;
-  function p(h, w, y) {
-    i.push({
+  function d(m, v, w) {
+    s.push({
       kind: "malformed",
-      message: h,
-      at: { in: "uss", sheet: t, span: { start: w, end: y } }
+      message: m,
+      at: { in: "uss", sheet: t, span: { start: v, end: w } }
     });
   }
-  function g() {
+  function a() {
     for (; ; ) {
-      for (; B(e[o]); ) o++;
+      for (; V(e[o]); ) o++;
       if (e.startsWith("/*", o)) {
-        const h = e.indexOf("*/", o + 2);
-        o = h < 0 ? e.length : h + 2;
+        const m = e.indexOf("*/", o + 2);
+        o = m < 0 ? e.length : m + 2;
         continue;
       }
       return;
     }
   }
-  const v = (h, w) => te(e, h, w), d = (h, w) => ke(e, h, w);
-  function s(h) {
-    let w = h + 1, y = 1;
-    for (; w < e.length; ) {
-      const x = e[w];
-      if (x === '"' || x === "'") {
-        const $ = e.indexOf(x, w + 1);
-        w = $ < 0 ? e.length : $ + 1;
+  const x = (m, v) => pe(e, m, v), h = (m, v) => Ze(e, m, v);
+  function l(m) {
+    let v = m + 1, w = 1;
+    for (; v < e.length; ) {
+      const g = e[v];
+      if (g === '"' || g === "'") {
+        const $ = e.indexOf(g, v + 1);
+        v = $ < 0 ? e.length : $ + 1;
         continue;
       }
-      if (x === "/" && e[w + 1] === "*") {
-        const $ = e.indexOf("*/", w + 2);
-        w = $ < 0 ? e.length : $ + 2;
+      if (g === "/" && e[v + 1] === "*") {
+        const $ = e.indexOf("*/", v + 2);
+        v = $ < 0 ? e.length : $ + 2;
         continue;
       }
-      if (x === "{") y++;
-      else if (x === "}" && --y === 0) return w + 1;
-      w++;
+      if (g === "{") w++;
+      else if (g === "}" && --w === 0) return v + 1;
+      v++;
     }
     return e.length;
   }
-  function a(h) {
-    let w = h;
-    for (; w < e.length && we.test(e[w]); ) w++;
-    return w;
-  }
-  function u(h) {
-    const w = e[h], y = w === "(" ? ")" : "]";
-    let x = h + 1, $ = 1;
-    for (; x < e.length; ) {
-      const O = e[x];
-      if (O === '"' || O === "'") {
-        const E = e.indexOf(O, x + 1);
-        x = E < 0 ? e.length : E + 1;
+  function c(m) {
+    let v = m;
+    for (; v < e.length && Ce.test(e[v]); ) v++;
+    return v;
+  }
+  function u(m) {
+    const v = e[m], w = v === "(" ? ")" : "]";
+    let g = m + 1, $ = 1;
+    for (; g < e.length; ) {
+      const T = e[g];
+      if (T === '"' || T === "'") {
+        const O = e.indexOf(T, g + 1);
+        g = O < 0 ? e.length : O + 1;
         continue;
       }
-      if (O === w) $++;
-      else if (O === y && --$ === 0) return x + 1;
-      x++;
+      if (T === v) $++;
+      else if (T === w && --$ === 0) return g + 1;
+      g++;
     }
     return e.length;
   }
-  function r(h, w) {
-    const y = [];
-    let x = h;
-    for (; x < w; ) {
-      const $ = e[x];
-      if (B($) || $ === ">" || $ === "+" || $ === "~" || $ === ",") break;
+  function p(m, v) {
+    const w = [];
+    let g = m;
+    for (; g < v; ) {
+      const $ = e[g];
+      if (V($) || $ === ">" || $ === "+" || $ === "~" || $ === ",") break;
       if ($ === "*")
-        y.push({ kind: "universal" }), x++;
+        w.push({ kind: "universal" }), g++;
       else if ($ === "." || $ === "#") {
-        const O = a(x + 1);
-        y.push(
-          $ === "." ? { kind: "class", name: e.slice(x + 1, O) } : { kind: "name", name: e.slice(x + 1, O) }
-        ), x = O;
+        const T = c(g + 1);
+        w.push(
+          $ === "." ? { kind: "class", name: e.slice(g + 1, T) } : { kind: "name", name: e.slice(g + 1, T) }
+        ), g = T;
       } else if ($ === "[") {
-        const O = Math.min(u(x), w);
-        y.push({ kind: "unknown", text: e.slice(x, O) }), x = O;
+        const T = Math.min(u(g), v);
+        w.push({ kind: "unknown", text: e.slice(g, T) }), g = T;
       } else if ($ === ":")
-        if (e[x + 1] === ":") {
-          const O = a(x + 2);
-          y.push({ kind: "unknown", text: e.slice(x, O) }), x = O;
+        if (e[g + 1] === ":") {
+          const T = c(g + 2);
+          w.push({ kind: "unknown", text: e.slice(g, T) }), g = T;
         } else {
-          const O = a(x + 1);
-          if (e[O] === "(") {
-            const E = Math.min(u(O), w);
-            y.push({ kind: "unknown", text: e.slice(x, E) }), x = E;
+          const T = c(g + 1);
+          if (e[T] === "(") {
+            const O = Math.min(u(T), v);
+            w.push({ kind: "unknown", text: e.slice(g, O) }), g = O;
           } else
-            y.push({ kind: "pseudo", name: e.slice(x + 1, O) }), x = O;
+            w.push({ kind: "pseudo", name: e.slice(g + 1, T) }), g = T;
         }
-      else if (we.test($)) {
-        const O = a(x);
-        y.push({ kind: "type", name: e.slice(x, O) }), x = O;
+      else if (Ce.test($)) {
+        const T = c(g);
+        w.push({ kind: "type", name: e.slice(g, T) }), g = T;
       } else
-        y.push({ kind: "unknown", text: $ }), x++;
+        w.push({ kind: "unknown", text: $ }), g++;
     }
-    return { simple: y, next: x };
-  }
-  function f(h, w) {
-    const y = d(h, w), x = [];
-    let $ = "descendant", O = null, E = y.start;
-    for (; E < y.end; ) {
-      const M = e[E];
-      if (B(M)) {
-        E++;
+    return { simple: w, next: g };
+  }
+  function i(m, v) {
+    const w = h(m, v), g = [];
+    let $ = "descendant", T = null, O = w.start;
+    for (; O < w.end; ) {
+      const R = e[O];
+      if (V(R)) {
+        O++;
         continue;
       }
-      if (M === ">") {
-        $ = "child", E++;
+      if (R === ">") {
+        $ = "child", O++;
         continue;
       }
-      if (M === "+" || M === "~") {
-        O = M, E++;
+      if (R === "+" || R === "~") {
+        T = R, O++;
         continue;
       }
-      const { simple: D, next: m } = r(E, y.end);
-      if (m === E) {
-        E++;
+      const { simple: z, next: W } = p(O, w.end);
+      if (W === O) {
+        O++;
         continue;
       }
-      O !== null && (D.unshift({ kind: "unknown", text: O }), O = null), x.push({ combinator: $, simple: D }), $ = "descendant", E = m;
+      T !== null && (z.unshift({ kind: "unknown", text: T }), T = null), g.push({ combinator: $, simple: z }), $ = "descendant", O = W;
     }
-    return { parts: x, span: y };
+    return { parts: g, span: w };
   }
-  function b(h, w) {
-    const y = [];
-    let x = h;
+  function y(m, v) {
+    const w = [];
+    let g = m;
     for (; ; ) {
-      const $ = Math.min(v(x, ","), w);
-      if (y.push(f(x, $)), $ >= w) break;
-      x = $ + 1;
+      const $ = Math.min(x(g, ","), v);
+      if (w.push(i(g, $)), $ >= v) break;
+      g = $ + 1;
     }
-    return y;
+    return w;
   }
-  function c() {
-    const h = o, w = a(o + 1), y = e.slice(o + 1, w), x = v(w, "{;");
-    if (x < e.length && e[x] === "{") {
-      const O = s(x);
-      return o = O, { kind: "unknown", span: { start: h, end: O } };
+  function k() {
+    const m = o, v = c(o + 1), w = e.slice(o + 1, v), g = x(v, "{;");
+    if (g < e.length && e[g] === "{") {
+      const T = l(g);
+      return o = T, { kind: "unknown", span: { start: m, end: T } };
     }
-    const $ = x < e.length ? x + 1 : e.length;
-    if (o = $, y === "import") {
-      const O = e.slice(w, $), E = /["']([^"']*)["']/.exec(O);
-      return E === null ? (p("@import without a quoted path", h, $), { kind: "unknown", span: { start: h, end: $ } }) : { kind: "import", url: E[1], span: { start: h, end: $ } };
+    const $ = g < e.length ? g + 1 : e.length;
+    if (o = $, w === "import") {
+      const T = e.slice(v, $), O = /["']([^"']*)["']/.exec(T);
+      return O === null ? (d("@import without a quoted path", m, $), { kind: "unknown", span: { start: m, end: $ } }) : { kind: "import", url: O[1], span: { start: m, end: $ } };
     }
-    return { kind: "unknown", span: { start: h, end: $ } };
-  }
-  function S() {
-    const h = o, w = v(h, "{");
-    if (w >= e.length)
-      return p("rule without a block", h, e.length), o = e.length, { kind: "unknown", span: { start: h, end: e.length } };
-    const y = d(h, w), x = s(w);
-    (x > e.length || e[x - 1] !== "}") && p("unterminated rule block", h, x);
+    return { kind: "unknown", span: { start: m, end: $ } };
+  }
+  function f() {
+    const m = o, v = x(m, "{");
+    if (v >= e.length)
+      return d("rule without a block", m, e.length), o = e.length, { kind: "unknown", span: { start: m, end: e.length } };
+    const w = h(m, v), g = l(v);
+    (g > e.length || e[g - 1] !== "}") && d("unterminated rule block", m, g);
     const $ = {
-      selectors: b(y.start, y.end),
-      declarations: Se(e, w + 1, x - 1, p),
-      span: { start: y.start, end: x },
-      selectorSpan: y,
+      selectors: y(w.start, w.end),
+      declarations: Ke(e, v + 1, g - 1, d),
+      span: { start: w.start, end: g },
+      selectorSpan: w,
       selectorDirty: !1,
       declarationsDirty: !1
     };
-    return o = x, { kind: "rule", rule: $ };
+    return o = g, { kind: "rule", rule: $ };
   }
-  for (; g(), !(o >= e.length); )
-    l.push(e[o] === "@" ? c() : S());
-  return { sheet: { source: e, origin: n, items: l }, warnings: i };
+  for (; a(), !(o >= e.length); )
+    r.push(e[o] === "@" ? k() : f());
+  return { sheet: { source: e, origin: n, items: r }, warnings: s };
 }
-function ht(e, n, t) {
+function fn(e, n, t) {
   switch (e.kind) {
     case "universal":
       return !0;
@@ -891,60 +1692,60 @@ function ht(e, n, t) {
       return !1;
   }
 }
-function mt(e, n, t) {
-  return e.simple.every((i) => ht(i, n, t));
+function pn(e, n, t) {
+  return e.simple.every((s) => fn(s, n, t));
 }
-function ne(e, n, t, i) {
-  if (!mt(e[n], t, i)) return !1;
+function he(e, n, t, s) {
+  if (!pn(e[n], t, s)) return !1;
   if (n === 0) return !0;
-  const l = i.parentOf(t);
+  const r = s.parentOf(t);
   if (e[n].combinator === "child")
-    return l !== null && ne(e, n - 1, l, i);
-  for (let o = l; o !== null; o = i.parentOf(o))
-    if (ne(e, n - 1, o, i)) return !0;
+    return r !== null && he(e, n - 1, r, s);
+  for (let o = r; o !== null; o = s.parentOf(o))
+    if (he(e, n - 1, o, 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 Qe(e, n, t) {
+  return e.parts.length === 0 ? !1 : he(e.parts, e.parts.length - 1, n, t);
 }
-function gt(e) {
+function hn(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 mn(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 o = l.kind === "name" ? `#${l.name}` : `.${l.name}`;
+    for (const s of t.parts)
+      for (const r of s.simple) {
+        if (r.kind !== "name" && r.kind !== "class" || !r.name.startsWith("unity-")) continue;
+        const o = r.kind === "name" ? `#${r.name}` : `.${r.name}`;
         n.includes(o) || n.push(o);
       }
   return n;
 }
-function Te(e) {
+function et(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 gn(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 r of s.children)
+      n.set(r, s), t.push(r);
   }
   return n;
 }
-function xt(e) {
-  let n = 0, t = 0, i = 0;
-  for (const l of e.parts)
-    for (const o of l.simple)
+function yn(e) {
+  let n = 0, t = 0, s = 0;
+  for (const r of e.parts)
+    for (const o of r.simple)
       switch (o.kind) {
         case "name":
           n++;
@@ -954,88 +1755,100 @@ function xt(e) {
           t++;
           break;
         case "type":
-          i++;
+          s++;
           break;
       }
-  return [n, t, i];
+  return [n, t, s];
 }
-function Oe(e, n) {
+function tt(e, n) {
   return e[0] - n[0] || e[1] - n[1] || e[2] - n[2];
 }
-const vt = [Number.MAX_SAFE_INTEGER, 0, 0], yt = oe(ye, null, -1).sheet.items.flatMap(
+const bn = [Number.MAX_SAFE_INTEGER, 0, 0], vn = ve(Je, null, -1).sheet.items.flatMap(
   (e, n) => e.kind === "rule" ? [{ rule: e.rule, sheet: -1, item: n, builtin: !0 }] : []
 );
-function kt(e) {
-  return ye.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(), o = Object.entries((t == null ? void 0 : t.states) ?? {}), p = [];
-  for (const [s, a] of o) {
-    const u = oe(`${s} {}`, null, -1).sheet.items.find((f) => f.kind === "rule"), r = u === void 0 ? s : Te(u.rule.selectors);
-    if (u === void 0 || r !== null) {
-      i.push({
+function wn(e) {
+  return Je.slice(e.selectorSpan.start, e.selectorSpan.end).trim();
+}
+function xn(e, n, t, s) {
+  const r = (t == null ? void 0 : t.activeStates) ?? /* @__PURE__ */ new Set(), o = Object.entries((t == null ? void 0 : t.states) ?? {}), d = [];
+  for (const [l, c] of o) {
+    const u = ve(`${l} {}`, null, -1).sheet.items.find((i) => i.kind === "rule"), p = u === void 0 ? l : et(u.rule.selectors);
+    if (u === void 0 || p !== null) {
+      s.push({
         kind: "unsupported-selector",
-        message: `states key "${s}" is not a usable USS selector; it is ignored`
+        message: `states key "${l}" is not a usable USS selector; it is ignored`,
+        reason: "not-uss",
+        subject: { kind: "states-key", key: l }
       });
       continue;
     }
-    p.push({ selectors: u.rule.selectors, states: a });
-  }
-  const g = /* @__PURE__ */ new Map(), v = (s) => s.attributes.some((a) => a.name === "enabled" && a.value === "false"), d = (s, a) => {
-    const u = a || v(s), r = new Set(l);
-    u && r.add("disabled");
-    for (const f of p)
-      if (f.selectors.some((b) => $e(b, { kind: "element", node: s }, n)))
-        for (const b of f.states) r.add(b);
-    g.set(s, r);
-    for (const f of s.children) d(f, u);
+    d.push({ selectors: u.rule.selectors, states: c });
+  }
+  const a = /* @__PURE__ */ new Map(), x = (l) => l.attributes.some((c) => c.name === "enabled" && c.value === "false"), h = (l, c) => {
+    const u = c || x(l), p = new Set(r);
+    u && p.add("disabled");
+    for (const i of d)
+      if (i.selectors.some((y) => Qe(y, { kind: "element", node: l }, n)))
+        for (const y of i.states) p.add(y);
+    a.set(l, p);
+    for (const i of l.children) h(i, u);
   };
-  return d(e.root, !1), g;
+  return h(e.root, !1), a;
 }
-function $t(e) {
+function kn(e) {
   const n = [], t = /* @__PURE__ */ new Map();
-  e.sheets.forEach((p, g) => {
-    p.origin !== null && !t.has(p.origin) && t.set(p.origin, g);
-  }), n.push(...yt);
-  const i = /* @__PURE__ */ new Map(), l = (p, g) => {
-    const v = i.get(g) ?? /* @__PURE__ */ new Set();
-    if (v.has(p)) return;
-    v.add(p), i.set(g, v);
-    const d = e.sheets[p];
-    d !== void 0 && d.items.forEach((s, a) => {
-      if (s.kind === "rule")
-        n.push({ rule: s.rule, sheet: p, item: a, scope: g });
-      else if (s.kind === "import") {
-        const u = s.resolvedSheet ?? t.get(s.url);
-        u !== void 0 && l(u, g);
+  e.sheets.forEach((d, a) => {
+    d.origin !== null && !t.has(d.origin) && t.set(d.origin, a);
+  }), n.push(...vn);
+  const s = /* @__PURE__ */ new Map(), r = (d, a) => {
+    const x = s.get(a) ?? /* @__PURE__ */ new Set();
+    if (x.has(d)) return;
+    x.add(d), s.set(a, x);
+    const h = e.sheets[d];
+    h !== void 0 && h.items.forEach((l, c) => {
+      if (l.kind === "rule")
+        n.push({ rule: l.rule, sheet: d, item: c, scope: a });
+      else if (l.kind === "import") {
+        const u = l.resolvedSheet ?? t.get(l.url);
+        u !== void 0 && r(u, a);
       }
     });
   }, o = e.styleRoots ?? (e.sheets.length === 0 ? [] : [{ sheet: 0, scope: e.root.id }]);
-  for (const p of o) l(p.sheet, p.scope);
+  for (const d of o) r(d.sheet, d.scope);
   return n;
 }
-function Tt(e, n, t) {
-  let i = e;
-  for (; i !== null; ) {
-    if (i.kind === "element" && i.node.id === n) return !0;
-    i = t.parentOf(i);
+function Sn(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 Ot(e) {
+function $n(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(), o = (r) => {
-    var b;
-    const f = (b = r.attributes.find((c) => c.name === "class")) == null ? void 0 : b.value;
-    return f === void 0 ? [] : f.split(/\s+/).filter((c) => c.length > 0);
-  }, p = (r, f) => {
-    var b;
-    return (b = r.attributes.find((c) => c.name === f)) == null ? void 0 : b.value;
-  }, g = {
+function ee(e, n) {
+  var s;
+  const t = n.rule.selectorSpan;
+  return ((s = e.sheets[n.sheet]) == null ? void 0 : s.source.slice(t.start, t.end)) ?? "";
+}
+function H(e, n) {
+  var s;
+  const t = (s = e.sheets[n]) == null ? void 0 : s.origin;
+  return typeof t == "string" ? { sourceDocument: t } : {};
+}
+function nt(e, n) {
+  const t = gn(e.root), s = [], r = /* @__PURE__ */ new Set(), o = (i) => {
+    var k;
+    const y = (k = i.attributes.find((f) => f.name === "class")) == null ? void 0 : k.value;
+    return y === void 0 ? [] : y.split(/\s+/).filter((f) => f.length > 0);
+  }, d = (i, y) => {
+    var k;
+    return (k = i.attributes.find((f) => f.name === y)) == null ? void 0 : k.value;
+  }, a = {
     /**
      * The rule the measurement forced.
      *
@@ -1046,225 +1859,347 @@ 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: (r) => {
-      if (r.kind === "element") {
-        const c = t.get(r.node) ?? null;
-        return c === null ? null : { kind: "element", node: c };
+    parentOf: (i) => {
+      if (i.kind === "element") {
+        const f = t.get(i.node) ?? null;
+        return f === null ? null : { kind: "element", node: f };
       }
-      if (r.depth === 0) return { kind: "element", node: r.owner };
-      const b = F(r.owner).spec.parts[r.depth - 1];
-      return { kind: "part", owner: r.owner, name: b.name, depth: r.depth - 1 };
+      if (i.depth === 0) return { kind: "element", node: i.owner };
+      const k = Y(i.owner).spec.parts[i.depth - 1];
+      return { kind: "part", owner: i.owner, name: k.name, depth: i.depth - 1 };
     },
-    isRoot: (r) => r.kind === "element" && r.node === e.root,
+    isRoot: (i) => i.kind === "element" && i.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: (r) => r.kind === "element" ? r.node.name.local : "VisualElement",
-    idOf: (r) => r.kind === "element" ? p(r.node, "name") : r.name,
+    typeNameOf: (i) => i.kind === "element" ? i.node.name.local : "VisualElement",
+    idOf: (i) => i.kind === "element" ? d(i.node, "name") : i.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: (r) => r.kind === "element" ? [...o(r.node), ...We(r.node)] : []
-  }, v = { ...g, statesOf: () => l }, d = St(e, v, n, i), s = {
-    ...g,
+    classesOf: (i) => i.kind === "element" ? [...o(i.node), ...pt(i.node)] : []
+  }, x = { ...a, statesOf: () => r }, h = xn(e, x, n, s), l = {
+    ...a,
     // A part inherits its owner's states: `SetEnabled(false)` disables the whole
     // subtree, and a part is inside it.
-    statesOf: (r) => d.get(r.kind === "element" ? r.node : r.owner) ?? l
-  }, a = [];
+    statesOf: (i) => h.get(i.kind === "element" ? i.node : i.owner) ?? r
+  }, c = [];
   let u = !1;
-  for (const r of $t(e)) {
-    if (r.builtin === !0) {
-      a.push(r);
+  for (const i of kn(e)) {
+    if (i.builtin === !0) {
+      c.push(i);
       continue;
     }
-    const f = Te(r.rule.selectors);
-    if (f !== null) {
-      i.push({
+    const y = et(i.rule.selectors);
+    if (y !== null) {
+      s.push({
         kind: "unsupported-selector",
-        message: `"${f}" is not supported in USS; the whole rule is ignored`,
-        at: { in: "uss", sheet: r.sheet, span: r.rule.selectorSpan }
+        message: `"${y}": the whole rule is ignored`,
+        at: { in: "uss", sheet: i.sheet, span: i.rule.selectorSpan },
+        reason: "not-uss",
+        subject: { kind: "selector", selector: ee(e, i), fragment: y },
+        ...H(e, i.sheet)
       });
       continue;
     }
-    !u && Ot(r.rule) && (u = !0, i.push({
+    !u && $n(i.rule) && (u = !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: r.sheet, span: r.rule.selectorSpan }
-    })), a.push(r);
+      // Not a version difference: USS :root means something else than CSS
+      // :root, and this preview does what Unity does. Kept as a warning so
+      // an author porting CSS is told; the kind stays for compatibility.
+      message: ":root matched the element this stylesheet is attached to — the document root, or the TemplateContainer of a template",
+      at: { in: "uss", sheet: i.sheet, span: i.rule.selectorSpan },
+      reason: "matches-unity",
+      subject: { kind: "selector", selector: ee(e, i), fragment: ":root" },
+      ...H(e, i.sheet)
+    })), c.push(i);
+  }
+  const p = /* @__PURE__ */ new Set();
+  for (const i of c) {
+    if (i.builtin === !0) continue;
+    const y = `${i.sheet}:${i.item}`;
+    if (p.has(y)) continue;
+    p.add(y);
+    const k = /* @__PURE__ */ new Set();
+    for (const f of i.rule.selectors)
+      for (const m of f.parts)
+        for (const v of m.simple)
+          v.kind !== "pseudo" || v.name === "root" || Pt.includes(v.name) || k.add(v.name);
+    for (const f of k)
+      s.push({
+        kind: "unsupported-selector",
+        message: `":${f}": never matches; Unity sets no such state`,
+        at: { in: "uss", sheet: i.sheet, span: i.rule.selectorSpan },
+        ...H(e, i.sheet),
+        reason: "not-uss",
+        subject: { kind: "selector", selector: ee(e, i), fragment: `:${f}` }
+      });
+    for (const f of i.rule.declarations) {
+      const m = Xe(f.property, f.value);
+      m !== null && s.push({
+        kind: "unsupported-property",
+        ...m,
+        at: { in: "uss", sheet: i.sheet, span: f.span },
+        ...H(e, i.sheet)
+      });
+    }
   }
-  return { ctx: s, usable: a, warnings: i };
+  return e.sheets.forEach((i, y) => {
+    var k;
+    for (const f of i.items) {
+      if (f.kind !== "unknown") continue;
+      const m = (k = /^@([A-Za-z][\w-]*)/.exec(i.source.slice(f.span.start, f.span.end))) == null ? void 0 : k[1];
+      m === void 0 || m === "import" || s.push({
+        kind: "unsupported-selector",
+        message: `@${m}: block ignored`,
+        at: { in: "uss", sheet: y, span: f.span },
+        ...H(e, y),
+        reason: "not-uss",
+        subject: { kind: "at-rule", name: m }
+      });
+    }
+  }), { ctx: l, usable: c, warnings: s };
 }
-function Et(e, n) {
-  const t = n.attributes.find((l) => l.name === "style");
+function we(e, n) {
+  const t = n.attributes.find((r) => r.name === "style");
   if (t === void 0) return [];
-  const i = pt(t);
-  return i === null ? [] : Se(e.source, i, i + t.value.length);
+  const s = dn(t);
+  return s === null ? [] : Ke(e.source, s, s + t.value.length);
 }
-function Ne(e, n, t, i) {
-  const l = [];
+function Tn(e) {
+  let n = null;
+  const t = (s, r) => {
+    var o;
+    typeof s.sourceDocument != "string" && r.set(((o = s.derived) == null ? void 0 : o.instance) ?? s.id, s);
+    for (const d of s.children) t(d, r);
+    return r;
+  };
+  return (s) => {
+    var r;
+    if (s.kind === "rule") {
+      const o = (r = e.sheets[s.sheet]) == null ? void 0 : r.items[s.item], d = (o == null ? void 0 : o.kind) === "rule" ? o.rule.declarations[s.declIndex] : void 0;
+      return d === void 0 ? {} : { at: { in: "uss", sheet: s.sheet, span: d.span }, ...H(e, s.sheet) };
+    }
+    if (s.kind === "inline") {
+      if (typeof s.sourceDocument == "string") return { sourceDocument: s.sourceDocument };
+      n ?? (n = t(e.root, /* @__PURE__ */ new Map()));
+      const o = n.get(s.node), d = o === void 0 ? void 0 : we(e, o)[s.declIndex];
+      return d === void 0 ? {} : { at: { in: "uxml", span: d.span } };
+    }
+    return {};
+  };
+}
+function st(e, n, t, s) {
+  const r = [];
   let o = 0;
-  const p = (g, v, d, s, a) => {
-    l.push({ property: g, value: v, origin: d, rank: s, specificity: a, order: o++, winner: !1 });
+  const d = (a, x, h, l, c) => {
+    r.push({ property: a, value: x, origin: h, rank: l, specificity: c, order: o++, winner: !1 });
   };
   if (n.kind === "part") {
-    const g = F(n.owner).spec.parts[n.depth];
-    for (const [v, d] of Object.entries((g == null ? void 0 : g.style) ?? {}))
-      for (const [s, a] of Z(v, d))
-        p(
-          s,
-          a,
+    const a = Y(n.owner).spec.parts[n.depth];
+    for (const [x, h] of Object.entries((a == null ? void 0 : a.style) ?? {}))
+      for (const [l, c] of le(x, h))
+        d(
+          l,
+          c,
           {
             kind: "builtin-theme",
             selector: `#${n.name}`,
-            property: s,
-            unityVersion: Y
+            property: l,
+            unityVersion: te
           },
           0,
           [0, 0, 0]
         );
   }
-  for (const g of t.usable) {
-    if (g.scope !== void 0 && !Tt(n, g.scope, t.ctx)) continue;
-    let v = null, d = [];
-    for (const s of g.rule.selectors) {
-      if (!$e(s, n, t.ctx)) continue;
-      const a = xt(s);
-      (v === null || Oe(a, v) > 0) && (v = a, d = gt(s));
+  for (const a of t.usable) {
+    if (a.scope !== void 0 && !Sn(n, a.scope, t.ctx)) continue;
+    const x = a.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: (c) => c.kind === "element" && c.node.id === a.scope
+    };
+    let h = null, l = [];
+    for (const c of a.rule.selectors) {
+      if (!Qe(c, n, x)) continue;
+      const u = yn(c);
+      (h === null || tt(u, h) > 0) && (h = u, l = hn(c));
     }
-    v !== null && (i == null || i.add(g), g.rule.declarations.forEach((s, a) => {
-      for (const [u, r] of Z(s.property, s.value)) {
-        const f = g.builtin === !0 ? {
+    h !== null && (s == null || s.add(a), a.rule.declarations.forEach((c, u) => {
+      var p, i, y;
+      for (const [k, f] of le(c.property, c.value)) {
+        const m = a.builtin === !0 ? {
           kind: "builtin-theme",
-          selector: kt(g.rule),
-          property: u,
-          unityVersion: Y
+          selector: wn(a.rule),
+          property: k,
+          unityVersion: te
         } : {
           kind: "rule",
-          sheet: g.sheet,
-          item: g.item,
-          declIndex: a,
+          sheet: a.sheet,
+          item: a.item,
+          declIndex: u,
+          ...((p = e.sheets[a.sheet]) == null ? void 0 : p.origin) === null || ((i = e.sheets[a.sheet]) == null ? void 0 : i.origin) === void 0 ? {} : { sourceDocument: e.sheets[a.sheet].origin },
+          ...((y = e.sheets[a.sheet]) == null ? void 0 : y.sourceDocumentFrom) === void 0 ? {} : { sourceDocumentFrom: e.sheets[a.sheet].sourceDocumentFrom },
           // Omitted rather than set to [] when unconditional, so the
           // common case stays the shape it has always been.
-          ...d.length > 0 ? { states: d } : {}
+          ...l.length > 0 ? { states: l } : {}
         };
-        p(u, r, f, g.builtin === !0 ? 0 : 1, v);
+        d(k, f, m, a.builtin === !0 ? 0 : 1, h);
       }
     }));
   }
   if (n.kind === "element") {
-    const g = n.node;
-    Et(e, g).forEach((v, d) => {
-      for (const [s, a] of Z(v.property, v.value))
-        p(s, a, { kind: "inline", node: g.id, declIndex: d }, 1, vt);
+    const a = n.node;
+    we(e, a).forEach((x, h) => {
+      var l;
+      for (const [c, u] of le(x.property, x.value))
+        d(
+          c,
+          u,
+          {
+            kind: "inline",
+            node: ((l = a.derived) == null ? void 0 : l.instance) ?? a.sourceNode ?? a.id,
+            declIndex: h,
+            ...typeof a.sourceDocument == "string" ? { sourceDocument: a.sourceDocument } : {},
+            ...a.sourceDocumentFrom === void 0 ? {} : { sourceDocumentFrom: a.sourceDocumentFrom }
+          },
+          1,
+          bn
+        );
     });
   }
-  return l;
+  return r;
 }
-function Ie(e) {
+function ot(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 r = tt(t.specificity, s.specificity);
+    (r > 0 || r === 0 && t.order > s.order) && n.set(t.property, t);
   }
   for (const t of n.values()) t.winner = !0;
   return n;
 }
-const Nt = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
-function ie(e, n, t = /* @__PURE__ */ new Set()) {
-  var l;
-  let i = e;
+const In = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
+function me(e, n, t = /* @__PURE__ */ new Set()) {
+  var r;
+  let s = e;
   for (let o = 0; o < 32; o++) {
-    const p = Nt.exec(i);
-    if (p === null) return i;
-    const g = p[1], v = (l = p[2]) == null ? void 0 : l.trim();
-    if (t.has(g)) return null;
-    const d = /* @__PURE__ */ new Set([...t, g]), s = n.get(g), a = s !== void 0 ? ie(s, n, d) : v !== void 0 && v.length > 0 ? ie(v, n, d) : null;
-    if (a === null) return null;
-    i = i.slice(0, p.index) + a + i.slice(p.index + p[0].length);
+    const d = In.exec(s);
+    if (d === null) return s;
+    const a = d[1], x = (r = d[2]) == null ? void 0 : r.trim();
+    if (t.has(a)) return null;
+    const h = /* @__PURE__ */ new Set([...t, a]), l = n.get(a), c = l !== void 0 ? me(l, n, h) : x !== void 0 && x.length > 0 ? me(x, n, h) : null;
+    if (c === null) return null;
+    s = s.slice(0, d.index) + c + s.slice(d.index + d[0].length);
   }
   return null;
 }
-function It(e, n) {
-  const t = Ee(e, n), i = [...t.warnings], l = /* @__PURE__ */ new Map();
+function En(e, n) {
+  const t = nt(e, n), s = [...t.warnings], r = /* @__PURE__ */ new Map();
   let o = !1;
-  const p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set(), v = (s, a, u) => {
-    const r = Ne(e, s, t, g);
-    !o && r.some((h) => h.origin.kind === "builtin-theme") && (o = !0);
-    const f = Ie(r), b = /* @__PURE__ */ new Map();
-    for (const [h, w] of a)
-      h.startsWith("--") && b.set(h, w.value);
-    for (const [h, w] of f)
-      h.startsWith("--") && b.set(h, w.value);
-    const c = /* @__PURE__ */ new Map();
-    for (const [h, w] of a) c.set(h, w);
-    for (const [h, w] of f) {
-      const y = ie(w.value, b);
-      if (y === null) {
-        i.push({
+  const d = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), x = (u, p, i) => {
+    const y = st(e, u, t, a);
+    !o && y.some((w) => w.origin.kind === "builtin-theme") && (o = !0);
+    const k = ot(y), f = /* @__PURE__ */ new Map();
+    for (const [w, g] of p)
+      w.startsWith("--") && f.set(w, g.value);
+    for (const [w, g] of k)
+      w.startsWith("--") && f.set(w, g.value);
+    const m = /* @__PURE__ */ new Map();
+    for (const [w, g] of p) m.set(w, g);
+    for (const [w, g] of k) {
+      const $ = me(g.value, f);
+      if ($ === null) {
+        s.push({
           kind: "unsupported-property",
-          message: `${h}: var() reference could not be resolved; declaration dropped`,
-          node: u
+          message: `${w}: var() reference could not be resolved; declaration dropped`,
+          node: i,
+          reason: "invalid-value",
+          subject: { kind: "property", property: w, value: g.value }
         });
         continue;
       }
-      c.set(h, { value: y, origin: w.origin });
+      m.set(w, { value: $, origin: g.origin });
     }
-    const S = /* @__PURE__ */ new Map();
-    for (const [h, w] of c)
-      He(h) && S.set(h, {
-        value: w.value,
-        origin: { kind: "inherited", from: u, origin: w.origin }
+    const v = /* @__PURE__ */ new Map();
+    for (const [w, g] of m)
+      Bt(w) && v.set(w, {
+        value: g.value,
+        origin: { kind: "inherited", from: i, origin: g.origin }
       });
-    return { computed: c, forChildren: S };
-  }, d = (s, a) => {
-    const u = v({ kind: "element", node: s }, a, s.id);
-    l.set(s.id, u.computed);
-    let r = u.forChildren;
-    const f = F(s).spec.parts;
-    if (f.length > 0) {
-      const b = /* @__PURE__ */ new Map();
-      f.forEach((c, S) => {
-        const h = v(
-          { kind: "part", owner: s, name: c.name, depth: S },
-          r,
-          s.id
+    return { computed: m, forChildren: v };
+  }, h = /* @__PURE__ */ new Set(), l = (u) => {
+    var y;
+    const p = ((y = u.derived) == null ? void 0 : y.instance) ?? u.sourceNode ?? u.id, i = typeof u.sourceDocument == "string" ? u.sourceDocument : null;
+    we(e, u).forEach((k, f) => {
+      const m = Xe(k.property, k.value);
+      if (m === null) return;
+      const v = `${u.sourceDocument ?? ""}#${p}#${f}`;
+      h.has(v) || (h.add(v), s.push({
+        kind: "unsupported-property",
+        ...m,
+        node: u.id,
+        // A span is only meaningful in the entry document's own text; a
+        // template's declaration names its file instead.
+        ...i !== null ? { sourceDocument: i } : { at: { in: "uxml", span: k.span } }
+      }));
+    });
+  }, c = (u, p) => {
+    l(u);
+    const i = x({ kind: "element", node: u }, p, u.id);
+    r.set(u.id, i.computed);
+    let y = i.forChildren;
+    const k = Y(u).spec.parts;
+    if (k.length > 0) {
+      const f = /* @__PURE__ */ new Map();
+      k.forEach((m, v) => {
+        const w = x(
+          { kind: "part", owner: u, name: m.name, depth: v },
+          y,
+          u.id
         );
-        b.set(c.name, h.computed), r = h.forChildren;
-      }), p.set(s.id, b);
+        f.set(m.name, w.computed), y = w.forChildren;
+      }), d.set(u.id, f);
     }
-    for (const b of s.children) d(b, r);
+    for (const f of u.children) c(f, y);
   };
-  d(e.root, /* @__PURE__ */ new Map()), o && i.push({
+  c(e.root, /* @__PURE__ */ new Map()), o && 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: `Built-in control defaults applied, as measured on Unity ${te}`,
+    reason: "version-dependent"
   });
-  for (const s of t.usable) {
-    if (s.builtin === !0 || g.has(s)) continue;
-    const a = wt(s.rule.selectors);
-    a.length !== 0 && i.push({
+  for (const u of t.usable) {
+    if (u.builtin === !0 || a.has(u)) continue;
+    const p = mn(u.rule.selectors);
+    p.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: s.sheet, span: s.rule.selectorSpan }
+      message: `${p.join(", ")} matched nothing; only ${ht().join(", ")} are drawn with the parts these names refer to`,
+      at: { in: "uss", sheet: u.sheet, span: u.rule.selectorSpan },
+      reason: "not-rendered",
+      subject: { kind: "selector", selector: ee(e, u), fragment: p.join(", ") },
+      ...H(e, u.sheet)
     });
   }
-  return { styles: l, partStyles: p, warnings: i };
+  return { styles: r, partStyles: d, warnings: s };
 }
-function jt(e, n, t, i) {
-  const l = Ee(e, i), o = Ne(e, { kind: "element", node: n }, l).filter(
-    (p) => p.property === t
+function Ln(e, n, t, s) {
+  const r = nt(e, s), o = st(e, { kind: "element", node: n }, r).filter(
+    (d) => d.property === t
   );
-  return Ie(o), o;
+  return ot(o), o;
 }
-const Wt = [
+const Un = [
   {
     id: "text-metrics",
     kind: "unreproducible",
@@ -1284,376 +2219,245 @@ const Wt = [
     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 be(e) {
-  return e !== void 0 && /[A-Za-z0-9_.:-]/.test(e);
-}
-function xe(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 o(a, u, r) {
-    n.push({
-      kind: "malformed",
-      message: a,
-      at: { in: "uxml", span: { start: u, end: r } }
-    });
-  }
-  function p() {
-    for (; Ct(e[t]); ) t++;
-  }
-  function g() {
-    for (; ; ) {
-      const a = e.indexOf("<", t);
-      if (a < 0) {
-        t = e.length;
-        return;
-      }
-      const u = e[a + 1];
-      if (u === "!") {
-        if (e.startsWith("<!--", a)) {
-          const r = e.indexOf("-->", a + 4);
-          t = r < 0 ? e.length : r + 3;
-        } else if (e.startsWith("<![CDATA[", a)) {
-          const r = e.indexOf("]]>", a + 9);
-          t = r < 0 ? e.length : r + 3;
-        } else {
-          const r = e.indexOf(">", a);
-          t = r < 0 ? e.length : r + 1;
-        }
-        continue;
-      }
-      if (u === "?") {
-        const r = e.indexOf("?>", a + 2);
-        t = r < 0 ? e.length : r + 2;
-        continue;
-      }
-      t = a;
-      return;
-    }
+function On(e, n) {
+  const t = (h) => e.slice(h.start, h.end);
+  function s(h) {
+    return h.spans.closeTag !== null ? h.spans.closeTag.end : Math.max(h.spans.openTag.end, h.spans.inner.end);
   }
-  function v() {
-    const a = t;
-    for (; be(e[t]); ) t++;
-    const u = e.slice(a, t), r = u.indexOf(":");
-    return r < 0 ? { prefix: null, local: u } : { prefix: u.slice(0, r), local: u.slice(r + 1) };
+  function r(h) {
+    return h.includes('"') ? h.includes("'") ? `"${h.replace(/"/g, "&quot;")}"` : `'${h}'` : `"${h}"`;
   }
-  function d() {
-    const a = t;
-    for (; be(e[t]); ) t++;
-    if (t === a) return null;
-    const u = e.slice(a, t), r = t;
-    if (p(), e[t] !== "=")
-      return t = r, o(`attribute "${u}" has no value`, a, r), { name: u, value: "", span: { start: a, end: r } };
-    t++, p();
-    const f = e[t];
-    if (f !== '"' && f !== "'")
-      return o(`attribute "${u}" has an unquoted value`, a, t), { name: u, value: "", span: { start: a, end: t } };
-    t++;
-    const b = t, c = e.indexOf(f, t);
-    return c < 0 ? (o(`attribute "${u}" has an unterminated value`, a, e.length), t = e.length, { name: u, value: e.slice(b), span: { start: a, end: t } }) : (t = c + 1, { name: u, value: e.slice(b, c), span: { start: a, end: t } });
+  function o(h) {
+    const l = h.attributes.map((u) => ` ${u.name}=${r(u.value)}`).join(""), c = Le(h.name);
+    return h.spans.closeTag === null ? `<${c}${l} />` : `<${c}${l}>`;
   }
-  function s() {
-    const a = t;
-    t++;
-    const u = v(), r = [];
-    let f = !1;
-    for (; ; ) {
-      p();
-      const y = e[t];
-      if (y === void 0) {
-        o("unterminated open tag", a, e.length);
-        break;
-      }
-      if (y === ">") {
-        t++;
-        break;
-      }
-      if (y === "/" && e[t + 1] === ">") {
-        t += 2, f = !0;
-        break;
-      }
-      const x = d();
-      if (x === null) {
-        t++;
-        continue;
-      }
-      r.push(x);
-    }
-    const b = { start: a, end: t };
-    if (f)
-      return {
-        id: l(),
-        name: u,
-        attributes: r,
-        children: [],
-        spans: { openTag: b, inner: { start: t, end: t }, closeTag: null },
-        tagDirty: !1,
-        childrenDirty: !1
-      };
-    const c = t, S = [];
-    for (; ; ) {
-      if (g(), t >= e.length) {
-        o(`unterminated element <${Ce(u)}>`, a, e.length);
-        break;
-      }
-      const y = e[t + 1];
-      if (y === "/") break;
-      if (!xe(y)) {
-        t++;
-        continue;
-      }
-      S.push(s());
-    }
-    const h = t;
-    let w = null;
-    if (e.startsWith("</", t)) {
-      const y = e.indexOf(">", t), x = y < 0 ? e.length : y + 1;
-      y < 0 && o("unterminated end tag", t, x), w = { start: t, end: x }, t = x;
-    }
-    return {
-      id: l(),
-      name: u,
-      attributes: r,
-      children: S,
-      spans: { openTag: b, inner: { start: c, end: h }, closeTag: w },
-      tagDirty: !1,
-      childrenDirty: !1
-    };
+  function d(h) {
+    var p, i;
+    const l = t(h.spans.inner), c = ((p = /^[ \t]*\r?\n[ \t]*/.exec(l)) == null ? void 0 : p[0]) ?? "", u = ((i = /\r?\n[ \t]*$/.exec(l)) == null ? void 0 : i[0]) ?? "";
+    return { between: c, before: c, after: u };
   }
-  return g(), t < e.length && xe(e[t + 1]) ? { root: s(), warnings: n } : (o("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 Ce(e) {
-  return e.prefix === null ? e.local : `${e.prefix}:${e.local}`;
-}
-function Rt(e, n) {
-  const t = (d) => e.slice(d.start, d.end);
-  function i(d) {
-    return d.spans.closeTag !== null ? d.spans.closeTag.end : Math.max(d.spans.openTag.end, d.spans.inner.end);
-  }
-  function l(d) {
-    return d.includes('"') ? d.includes("'") ? `"${d.replace(/"/g, "&quot;")}"` : `'${d}'` : `"${d}"`;
-  }
-  function o(d) {
-    const s = d.attributes.map((u) => ` ${u.name}=${l(u.value)}`).join(""), a = Ce(d.name);
-    return d.spans.closeTag === null ? `<${a}${s} />` : `<${a}${s}>`;
-  }
-  function p(d) {
-    var r, f;
-    const s = t(d.spans.inner), a = ((r = /^[ \t]*\r?\n[ \t]*/.exec(s)) == null ? void 0 : r[0]) ?? "", u = ((f = /\r?\n[ \t]*$/.exec(s)) == null ? void 0 : f[0]) ?? "";
-    return { between: a, before: a, after: u };
-  }
-  function g(d) {
-    const { inner: s } = d.spans;
-    if (d.children.length === 0) return t(s);
-    if (d.childrenDirty) {
-      const { between: r, before: f, after: b } = p(d);
-      return f + d.children.map(v).join(r) + b;
+  function a(h) {
+    const { inner: l } = h.spans;
+    if (h.children.length === 0) return t(l);
+    if (h.childrenDirty) {
+      const { between: p, before: i, after: y } = d(h);
+      return i + h.children.map(x).join(p) + y;
     }
-    let a = "", u = s.start;
-    for (const r of d.children)
-      a += e.slice(u, r.spans.openTag.start), a += v(r), u = i(r);
-    return a + e.slice(u, s.end);
-  }
-  function v(d) {
-    const s = d.tagDirty ? o(d) : t(d.spans.openTag), a = d.spans.closeTag === null ? "" : t(d.spans.closeTag);
-    return s + g(d) + a;
-  }
-  return e.slice(0, n.spans.openTag.start) + v(n) + e.slice(i(n));
-}
-function Mt(e) {
-  const n = e.source, t = (s) => n.slice(s.start, s.end);
-  function i(s) {
-    return s.parts.map((a, u) => {
-      const r = u === 0 ? "" : a.combinator === "child" ? " > " : " ", f = a.simple.map((b) => {
-        switch (b.kind) {
+    let c = "", u = l.start;
+    for (const p of h.children)
+      c += e.slice(u, p.spans.openTag.start), c += x(p), u = s(p);
+    return c + e.slice(u, l.end);
+  }
+  function x(h) {
+    const l = h.tagDirty ? o(h) : t(h.spans.openTag), c = h.spans.closeTag === null ? "" : t(h.spans.closeTag);
+    return l + a(h) + c;
+  }
+  return e.slice(0, n.spans.openTag.start) + x(n) + e.slice(s(n));
+}
+function Dn(e) {
+  const n = e.source, t = (l) => n.slice(l.start, l.end);
+  function s(l) {
+    return l.parts.map((c, u) => {
+      const p = u === 0 ? "" : c.combinator === "child" ? " > " : " ", i = c.simple.map((y) => {
+        switch (y.kind) {
           case "universal":
             return "*";
           case "type":
-            return b.name;
+            return y.name;
           case "class":
-            return `.${b.name}`;
+            return `.${y.name}`;
           case "name":
-            return `#${b.name}`;
+            return `#${y.name}`;
           case "pseudo":
-            return `:${b.name}`;
+            return `:${y.name}`;
           case "unknown":
-            return b.text;
+            return y.text;
         }
       }).join("");
-      return r + f;
+      return p + i;
     }).join("");
   }
-  function l(s) {
-    var c, S;
-    const a = s.declarations[0];
-    if (a === void 0) return { between: "", before: "", after: "" };
+  function r(l) {
+    var k, f;
+    const c = l.declarations[0];
+    if (c === void 0) return { between: "", before: "", after: "" };
     const u = n.lastIndexOf(`
-`, a.span.start), r = u < 0 ? "" : n.slice(u, a.span.start), f = n.slice(s.selectorSpan.end, s.span.end), b = ((S = (c = /\r?\n[ \t]*\}$/.exec(f)) == null ? void 0 : c[0]) == null ? void 0 : S.replace(/\}$/, "")) ?? "";
-    return { between: `;${r}`, before: r, after: `;${b}` };
-  }
-  function o(s) {
-    const a = s.selectorDirty ? s.selectors.map(i).join(", ") : t(s.selectorSpan);
-    if (s.declarations.length === 0)
-      return a + n.slice(s.selectorSpan.end, s.span.end);
-    const u = n.slice(s.selectorSpan.end, s.declarations[0].span.start);
-    if (s.declarationsDirty) {
-      const { between: b, before: c, after: S } = l(s), h = u.slice(0, u.indexOf("{") + 1), w = s.declarations.map(p).join(b);
-      return `${a}${h}${c}${w}${S}}`;
+`, c.span.start), p = u < 0 ? "" : n.slice(u, c.span.start), i = n.slice(l.selectorSpan.end, l.span.end), y = ((f = (k = /\r?\n[ \t]*\}$/.exec(i)) == null ? void 0 : k[0]) == null ? void 0 : f.replace(/\}$/, "")) ?? "";
+    return { between: `;${p}`, before: p, after: `;${y}` };
+  }
+  function o(l) {
+    const c = l.selectorDirty ? l.selectors.map(s).join(", ") : t(l.selectorSpan);
+    if (l.declarations.length === 0)
+      return c + n.slice(l.selectorSpan.end, l.span.end);
+    const u = n.slice(l.selectorSpan.end, l.declarations[0].span.start);
+    if (l.declarationsDirty) {
+      const { between: y, before: k, after: f } = r(l), m = u.slice(0, u.indexOf("{") + 1), v = l.declarations.map(d).join(y);
+      return `${c}${m}${k}${v}${f}}`;
     }
-    let r = a, f = s.selectorSpan.end;
-    for (const b of s.declarations)
-      r += n.slice(f, b.span.start), r += p(b), f = b.span.end;
-    return r + n.slice(f, s.span.end);
+    let p = c, i = l.selectorSpan.end;
+    for (const y of l.declarations)
+      p += n.slice(i, y.span.start), p += d(y), i = y.span.end;
+    return p + n.slice(i, l.span.end);
   }
-  function p(s) {
-    return s.dirty ? `${s.property}: ${s.value}` : t(s.span);
+  function d(l) {
+    return l.dirty ? `${l.property}: ${l.value}` : t(l.span);
   }
-  function g(s) {
-    return s.kind === "rule" ? o(s.rule) : t(s.span);
+  function a(l) {
+    return l.kind === "rule" ? o(l.rule) : t(l.span);
   }
-  let v = "", d = 0;
-  for (const s of e.items) {
-    const a = s.kind === "rule" ? s.rule.span : s.span;
-    v += n.slice(d, a.start), v += g(s), d = a.end;
+  let x = "", h = 0;
+  for (const l of e.items) {
+    const c = l.kind === "rule" ? l.rule.span : l.span;
+    x += n.slice(h, c.start), x += a(l), h = c.end;
   }
-  return v + n.slice(d);
+  return x + n.slice(h);
 }
-function Ae(e, n = []) {
+gt(
+  (e, n) => n === void 0 ? Ne(e) : Ne(e, void 0, { resolveImport: n })
+);
+function rt(e, n = []) {
   var t;
-  for (const i of e.children) {
-    if (i.name.local === "Style") {
-      const l = (t = i.attributes.find((o) => o.name === "src")) == null ? void 0 : t.value;
-      l !== void 0 && l.length > 0 && n.push({ url: re(l), scope: e.id });
+  for (const s of e.children) {
+    if (s.name.local === "Style") {
+      const r = (t = s.attributes.find((o) => o.name === "src")) == null ? void 0 : t.value;
+      r !== void 0 && r.length > 0 && n.push({ url: X(r), scope: e.id });
     }
-    Ae(i, n);
+    rt(s, n);
   }
   return n;
 }
-function Ut(e) {
+function Mn(e) {
   return e.startsWith("project://") || e.startsWith("/");
 }
-function Bt(e, n, t) {
-  var v, d;
-  const i = At(e), l = [...i.warnings], o = [], p = [], g = [];
-  for (const { url: s, scope: a } of Ae(i.root)) {
-    const u = ((v = t == null ? void 0 : t.resolveImport) == null ? void 0 : v.call(t, s, null)) ?? null;
-    if (u === null) {
-      l.push({
+function Ne(e, n, t) {
+  var h, l;
+  const s = ze(e), r = [...s.warnings], o = [], d = [], a = [];
+  for (const { url: c, scope: u } of rt(s.root)) {
+    const p = ((h = t == null ? void 0 : t.resolveImport) == null ? void 0 : h.call(t, c, null)) ?? null;
+    if (p === null) {
+      r.push({
         kind: "import-unresolved",
-        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${s}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${s}"> could not be resolved`,
-        node: i.root.id
+        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${c}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${c}"> could not be resolved`,
+        node: s.root.id,
+        subject: { kind: "import", url: c, from: null }
       });
       continue;
     }
-    g.push({ text: u, origin: s, scope: a });
-  }
-  if (n !== void 0 || g.length > 0) {
-    const s = /* @__PURE__ */ new Map(), a = [];
-    let u = 0;
-    for (const r of g) {
-      const f = u++;
-      a.push({ text: r.text, origin: r.origin, sheet: f }), p.push({ sheet: f, scope: r.scope });
+    a.push({ text: p, origin: c, scope: u });
+  }
+  if (n !== void 0 || a.length > 0) {
+    const c = /* @__PURE__ */ new Map(), u = [];
+    let p = 0;
+    for (const i of a) {
+      const y = p++;
+      u.push({ text: i.text, origin: i.origin, sheet: y }), d.push({ sheet: y, scope: i.scope });
     }
     if (n !== void 0) {
-      const r = u++;
-      a.push({ text: n, origin: null, sheet: r }), p.push({ sheet: r, scope: i.root.id });
+      const i = p++;
+      u.push({ text: n, origin: null, sheet: i }), d.push({ sheet: i, scope: s.root.id });
     }
-    for (; a.length > 0; ) {
-      const r = a.shift(), f = r.sheet, b = oe(r.text, r.origin, f);
-      o.push(b.sheet), l.push(...b.warnings);
-      for (const c of b.sheet.items) {
-        if (c.kind !== "import") continue;
-        const S = Ut(c.url) ? c.url : JSON.stringify([c.url, r.origin]);
-        if (s.has(S)) {
-          const y = s.get(S);
-          y != null && (c.resolvedSheet = y);
+    for (; u.length > 0; ) {
+      const i = u.shift(), y = i.sheet, k = ve(i.text, i.origin, y);
+      o.push(k.sheet), r.push(...k.warnings);
+      for (const f of k.sheet.items) {
+        if (f.kind !== "import") continue;
+        const m = Mn(f.url) ? f.url : JSON.stringify([f.url, i.origin]);
+        if (c.has(m)) {
+          const g = c.get(m);
+          g != null && (f.resolvedSheet = g);
           continue;
         }
-        s.set(S, null);
-        const h = ((d = t == null ? void 0 : t.resolveImport) == null ? void 0 : d.call(t, c.url, r.origin)) ?? null;
-        if (h === null) {
-          l.push({
+        c.set(m, null);
+        const v = ((l = t == null ? void 0 : t.resolveImport) == null ? void 0 : l.call(t, f.url, i.origin)) ?? null;
+        if (v === null) {
+          r.push({
             kind: "import-unresolved",
-            message: (t == null ? void 0 : t.resolveImport) === void 0 ? `@import "${c.url}" was not loaded: pass resolveImport to read it` : `@import "${c.url}" could not be resolved`,
-            at: { in: "uss", sheet: f, span: c.span }
+            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: y, span: f.span },
+            subject: { kind: "import", url: f.url, from: i.origin }
           });
           continue;
         }
-        const w = u++;
-        s.set(S, w), c.resolvedSheet = w, a.push({ text: h, origin: c.url, sheet: w });
+        const w = p++;
+        c.set(m, w), f.resolvedSheet = w, u.push({ text: v, origin: f.url, sheet: w });
       }
     }
   }
-  return { source: e, root: i.root, sheets: o, styleRoots: p, warnings: l };
+  const x = { source: e, root: s.root, sheets: o, styleRoots: d, warnings: r };
+  return yt(x, t == null ? void 0 : t.resolveImport), x;
 }
-function Ft(e) {
+function _n(e) {
   const n = e.sheets[0];
   return {
-    uxml: Rt(e.source, e.root),
+    uxml: On(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 ? "" : Dn(n)
   };
 }
-function Pt(e, n, t) {
-  const i = n.ownerDocument, l = (t == null ? void 0 : t.size) ?? {
+function Rn(e) {
+  const n = /* @__PURE__ */ new Set();
+  return e.filter((t) => {
+    if (t.at === void 0) return !0;
+    const s = JSON.stringify([t.kind, t.message, t.sourceDocument ?? null, t.at]);
+    return n.has(s) ? !1 : (n.add(s), !0);
+  });
+}
+function Wn(e, n, t) {
+  const s = n.ownerDocument, r = (t == null ? void 0 : t.size) ?? {
     width: n.clientWidth,
     height: n.clientHeight
-  }, o = It(e, {
+  }, o = Dt(e), d = o.document, a = En(d, {
     ...(t == null ? void 0 : t.activeStates) === void 0 ? {} : { activeStates: t.activeStates },
     ...(t == null ? void 0 : t.states) === void 0 ? {} : { states: t.states }
-  }), p = (t == null ? void 0 : t.measureText) ?? nt(i), g = et(e.root, o.styles, o.partStyles, { size: l, measureText: p });
-  let v;
+  }), x = (t == null ? void 0 : t.measureText) ?? en(s), h = Tn(d), l = Kt(d.root, a.styles, a.partStyles, {
+    size: r,
+    measureText: x,
+    locate: h
+  });
+  let c;
   try {
-    v = ft(e.root, g.boxes, g.parts, o.styles, n, {
-      document: i,
-      resolveAsset: t == null ? void 0 : t.resolveAsset
+    c = un(d.root, l.boxes, l.parts, a.styles, n, {
+      document: s,
+      resolveAsset: t == null ? void 0 : t.resolveAsset,
+      locate: h
     });
-  } catch (s) {
-    throw g.dispose(), s;
+  } catch (p) {
+    throw l.dispose(), p;
   }
-  let d = !1;
+  let u = !1;
   return {
-    warnings: [...o.warnings, ...g.warnings, ...v.warnings],
-    elements: v.elements,
-    boxes: g.boxes,
+    warnings: Rn([
+      ...o.warnings,
+      ...a.warnings,
+      ...l.warnings,
+      ...c.warnings
+    ]),
+    elements: c.elements,
+    boxes: l.boxes,
     dispose() {
-      d || (d = !0, g.dispose(), n.replaceChildren());
+      u || (u = !0, l.dispose(), n.replaceChildren());
     }
   };
 }
 export {
-  Wt as KNOWN_DIVERGENCES,
-  ct as NODE_ATTRIBUTE,
-  ut as PART_ATTRIBUTE,
-  dt as PART_OWNER_ATTRIBUTE,
-  nt as createDefaultMeasureText,
-  jt as explainProperty,
-  He as isInherited,
-  zt as isLayoutEngineReady,
-  _t as liveNodeCount,
-  Lt as loadLayoutEngine,
-  Bt as parse,
-  Pt as render,
-  It as resolveStyles,
-  Ft as serialize,
-  Be as supportedControlNames
+  Un as KNOWN_DIVERGENCES,
+  an as NODE_ATTRIBUTE,
+  ln as PART_ATTRIBUTE,
+  cn as PART_OWNER_ATTRIBUTE,
+  Ie as TEMPLATE_DEPTH_LIMIT,
+  Pt as USS_STATES,
+  Cn as collectDependencies,
+  en as createDefaultMeasureText,
+  Dt as expandTemplates,
+  Ln as explainProperty,
+  Bt as isInherited,
+  jn as isLayoutEngineReady,
+  zn as liveNodeCount,
+  Nn as loadLayoutEngine,
+  Ne as parse,
+  Wn as render,
+  En as resolveStyles,
+  _n as serialize,
+  ht as supportedControlNames
 };