uxml-preview 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { loadYoga as Mt, PositionType as Z, Direction as lt, Edge as P, BoxSizing as Rt, FlexDirection as H, Wrap as q, Justify as W, Align as L, Display as Ut, Overflow as Dt } from "yoga-layout/load";
-const xt = {
+import { loadYoga as Me, PositionType as Z, Direction as le, Edge as P, BoxSizing as Re, FlexDirection as V, Wrap as q, Justify as W, Align as L, Display as Ue, Overflow as De } from "yoga-layout/load";
+const xe = {
   // 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,24 @@ const xt = {
       { name: "unity-content-container", style: { "flex-shrink": "0" } }
     ]
   }
-}, ct = { hasText: !1, classes: [], parts: [] }, Lt = "UXML", _t = /* @__PURE__ */ new Set(["Style"]);
-function zt(t) {
-  return _t.has(t.name.local);
+}, ce = { hasText: !1, classes: [], parts: [] }, Le = "UXML", ze = /* @__PURE__ */ new Set(["Style"]);
+function _e(e) {
+  return ze.has(e.name.local);
 }
-function F(t) {
-  const n = xt[t.name.local];
-  return n !== void 0 ? { spec: n, fallback: !1 } : jt(t) ? { spec: ct, fallback: !1 } : { spec: ct, fallback: !0 };
+function F(e) {
+  const n = xe[e.name.local];
+  return n !== void 0 ? { spec: n, fallback: !1 } : je(e) ? { spec: ce, fallback: !1 } : { spec: ce, fallback: !0 };
 }
-function jt(t) {
-  return t.name.local === Lt;
+function je(e) {
+  return e.name.local === Le;
 }
-function Wt(t) {
-  return F(t).spec.classes;
+function We(e) {
+  return F(e).spec.classes;
 }
-function Bt() {
-  return Object.keys(xt);
+function Be() {
+  return Object.keys(xe);
 }
-const X = "6000.0.40f1", vt = `:disabled {
+const Y = "6000.0.40f1", ve = `:disabled {
   opacity: 0.5;
 }
 
@@ -62,11 +62,11 @@ const X = "6000.0.40f1", vt = `:disabled {
   margin: 1px 3px;
   -unity-text-align: middle-center;
 }
-`, Ft = 13;
-function Pt(t) {
-  return t ? Ft : 0;
+`, Fe = 13;
+function Pe(e) {
+  return e ? Fe : 0;
 }
-const Ht = /* @__PURE__ */ new Set([
+const Ve = /* @__PURE__ */ new Set([
   "color",
   "font-size",
   "letter-spacing",
@@ -81,23 +81,23 @@ const Ht = /* @__PURE__ */ new Set([
   "-unity-text-outline-color",
   "-unity-text-outline-width"
 ]);
-function Vt(t) {
-  return t.startsWith("--") || Ht.has(t);
+function He(e) {
+  return e.startsWith("--") || Ve.has(e);
 }
-function ut(t) {
+function ue(e) {
   const n = [];
-  let e = 0, i = -1;
-  for (let l = 0; l < t.length; l++) {
-    const s = t[l];
-    s === "(" ? e++ : s === ")" && (e = Math.max(0, e - 1)), e === 0 && /\s/.test(s) ? i >= 0 && (n.push(t.slice(i, l)), i = -1) : i < 0 && (i = l);
+  let t = 0, i = -1;
+  for (let l = 0; l < e.length; l++) {
+    const s = e[l];
+    s === "(" ? t++ : s === ")" && (t = Math.max(0, t - 1)), t === 0 && /\s/.test(s) ? i >= 0 && (n.push(e.slice(i, l)), i = -1) : i < 0 && (i = l);
   }
-  return i >= 0 && n.push(t.slice(i)), n;
+  return i >= 0 && n.push(e.slice(i)), n;
 }
-function qt(t) {
-  const [n, e, i, l] = t;
-  return n === void 0 ? null : e === void 0 ? [n, n, n, n] : i === void 0 ? [n, e, n, e] : l === void 0 ? [n, e, i, e] : [n, e, i, l];
+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];
 }
-const Gt = {
+const Ge = {
   margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
   padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
   "border-width": [
@@ -120,21 +120,21 @@ const Gt = {
     "border-bottom-left-radius"
   ]
 };
-function dt(t) {
-  return /^-?(\d+\.?\d*|\.\d+)$/.test(t);
+function de(e) {
+  return /^-?(\d+\.?\d*|\.\d+)$/.test(e);
 }
-function Xt(t) {
-  const [n, e, i] = t;
-  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"]] : e === void 0 ? dt(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : i === void 0 ? dt(e) ? [["flex-grow", n], ["flex-shrink", e], ["flex-basis", "0"]] : [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", e]] : [["flex-grow", n], ["flex-shrink", e], ["flex-basis", i]];
+function Ye(e) {
+  const [n, t, i] = e;
+  return n === void 0 ? [] : n === "none" ? [["flex-grow", "0"], ["flex-shrink", "0"], ["flex-basis", "auto"]] : n === "auto" ? [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", "auto"]] : t === void 0 ? de(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : i === void 0 ? de(t) ? [["flex-grow", n], ["flex-shrink", t], ["flex-basis", "0"]] : [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", t]] : [["flex-grow", n], ["flex-shrink", t], ["flex-basis", i]];
 }
-function J(t, n) {
-  if (t === "flex") return Xt(ut(n));
-  const e = Gt[t];
-  if (e === void 0) return [[t, n]];
-  const i = qt(ut(n));
-  return i === null ? [[t, n]] : e.map((l, s) => [l, i[s]]);
+function J(e, n) {
+  if (e === "flex") return Ye(ue(n));
+  const t = Ge[e];
+  if (t === void 0) return [[e, n]];
+  const i = qe(ue(n));
+  return i === null ? [[e, n]] : t.map((l, s) => [l, i[s]]);
 }
-const tt = {
+const ee = {
   "align-content": "flex-start",
   "align-items": "stretch",
   "align-self": "auto",
@@ -170,33 +170,33 @@ const tt = {
   "padding-right": "0",
   "padding-top": "0",
   "font-size": "12px"
-}, Yt = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
-function Y(t) {
-  const n = t.trim();
+}, Xe = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
+function X(e) {
+  const n = e.trim();
   if (n === "") return { length: null, problem: "empty 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" };
-  const e = /^(-?(?:\d+\.?\d*|\.\d+))([a-z%]*)$/i.exec(n);
-  if (e === null) return { length: null, problem: `cannot read "${n}" as a length` };
-  const i = Number(e[1]), l = e[2].toLowerCase();
-  return l === "" || l === "px" ? { length: { kind: "px", value: i } } : l === "%" ? { length: { kind: "percent", value: i } } : Yt.includes(l) ? { length: null, problem: `"${l}" is not a USS unit` } : { length: null, problem: `unknown unit "${l}"` };
+  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}"` };
 }
-function ft(t) {
-  const n = t.trim();
+function fe(e) {
+  const n = e.trim();
   return /^-?(\d+\.?\d*|\.\d+)$/.test(n) ? Number(n) : null;
 }
-let st = null;
-async function Ue() {
-  st ?? (st = await Mt());
+let se = null;
+async function Ut() {
+  se ?? (se = await Me());
 }
-function De() {
-  return st !== null;
+function Dt() {
+  return se !== null;
 }
 let G = 0;
-function Le() {
+function Lt() {
   return G;
 }
 const K = {
@@ -209,37 +209,37 @@ const K = {
   "space-between": L.SpaceBetween,
   "space-around": L.SpaceAround,
   "space-evenly": L.SpaceEvenly
-}, Zt = {
+}, Ze = {
   "flex-start": W.FlexStart,
   center: W.Center,
   "flex-end": W.FlexEnd,
   "space-between": W.SpaceBetween,
   "space-around": W.SpaceAround,
   "space-evenly": W.SpaceEvenly
-}, Jt = {
-  column: H.Column,
-  "column-reverse": H.ColumnReverse,
-  row: H.Row,
-  "row-reverse": H.RowReverse
-}, Kt = {
+}, Je = {
+  column: V.Column,
+  "column-reverse": V.ColumnReverse,
+  row: V.Row,
+  "row-reverse": V.RowReverse
+}, Ke = {
   nowrap: q.NoWrap,
   wrap: q.Wrap,
   "wrap-reverse": q.WrapReverse
-}, Qt = [
+}, Qe = [
   ["left", P.Left],
   ["top", P.Top],
   ["right", P.Right],
   ["bottom", P.Bottom]
 ];
-function te(t, n, e, i) {
-  const l = st;
+function et(e, n, t, i) {
+  const l = se;
   if (l === null)
     throw new Error("loadLayoutEngine() must be awaited before rendering");
   const s = [], m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), v = [], u = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   let a = 0, d = !1, o = !1;
   const f = (p, k) => {
     var T;
-    return ((T = p.get(k)) == null ? void 0 : T.value) ?? tt[k] ?? "";
+    return ((T = p.get(k)) == null ? void 0 : T.value) ?? ee[k] ?? "";
   };
   function w(p, k) {
     s.push({ kind: "unsupported-property", message: p, node: k.id });
@@ -247,8 +247,8 @@ function te(t, n, e, i) {
   function c(p, k, T) {
     const N = f(p, k);
     if (N === "") return null;
-    const { length: C, problem: I } = Y(N);
-    return I !== void 0 && w(`${k}: ${I}`, T), C;
+    const { length: C, problem: A } = X(N);
+    return A !== void 0 && w(`${k}: ${A}`, T), C;
   }
   function S(p) {
     if (p !== null)
@@ -269,36 +269,36 @@ function te(t, n, e, i) {
       if (p.kind === "percent") return `${p.value}%`;
     }
   }
-  function b(p, k, T) {
-    p.setBoxSizing(Rt.BorderBox), p.setFlexDirection(Jt[f(k, "flex-direction")] ?? H.Column), p.setFlexWrap(Kt[f(k, "flex-wrap")] ?? q.NoWrap), p.setJustifyContent(Zt[f(k, "justify-content")] ?? W.FlexStart), p.setAlignItems(K[f(k, "align-items")] ?? L.Stretch), p.setAlignSelf(K[f(k, "align-self")] ?? L.Auto), p.setAlignContent(K[f(k, "align-content")] ?? L.FlexStart), p.setFlexGrow(ft(f(k, "flex-grow")) ?? 0), p.setFlexShrink(ft(f(k, "flex-shrink")) ?? 1), p.setFlexBasis(S(c(k, "flex-basis", T)));
+  function x(p, k, T) {
+    p.setBoxSizing(Re.BorderBox), p.setFlexDirection(Je[f(k, "flex-direction")] ?? V.Column), p.setFlexWrap(Ke[f(k, "flex-wrap")] ?? q.NoWrap), p.setJustifyContent(Ze[f(k, "justify-content")] ?? W.FlexStart), p.setAlignItems(K[f(k, "align-items")] ?? L.Stretch), p.setAlignSelf(K[f(k, "align-self")] ?? L.Auto), p.setAlignContent(K[f(k, "align-content")] ?? L.FlexStart), p.setFlexGrow(fe(f(k, "flex-grow")) ?? 0), p.setFlexShrink(fe(f(k, "flex-shrink")) ?? 1), p.setFlexBasis(S(c(k, "flex-basis", T)));
     const N = f(k, "position");
     (N === "fixed" || N === "sticky") && w(`position: ${N} is not supported in USS; treated as relative`, T), p.setPositionType(
       N === "absolute" ? Z.Absolute : Z.Relative
-    ), f(k, "display") === "none" && p.setDisplay(Ut.None);
+    ), f(k, "display") === "none" && p.setDisplay(Ue.None);
     const C = f(k, "overflow");
-    C === "hidden" ? p.setOverflow(Dt.Hidden) : (C === "auto" || C === "scroll") && w(`overflow: ${C} needs a ScrollView element in USS`, T), p.setWidth(S(c(k, "width", T))), p.setHeight(S(c(k, "height", T))), p.setMinWidth(h(c(k, "min-width", T))), p.setMinHeight(h(c(k, "min-height", T))), p.setMaxWidth(h(c(k, "max-width", T))), p.setMaxHeight(h(c(k, "max-height", T)));
-    for (const [I, A] of Qt) {
-      p.setMargin(A, h(c(k, `margin-${I}`, T))), p.setPadding(A, h(c(k, `padding-${I}`, T)));
-      const z = h(c(k, `border-${I}-width`, T));
-      p.setBorder(A, typeof z == "number" ? z : void 0), p.setPosition(A, h(c(k, I, T)));
+    C === "hidden" ? p.setOverflow(De.Hidden) : (C === "auto" || C === "scroll") && w(`overflow: ${C} needs a ScrollView element in USS`, T), p.setWidth(S(c(k, "width", T))), p.setHeight(S(c(k, "height", T))), p.setMinWidth(h(c(k, "min-width", T))), p.setMinHeight(h(c(k, "min-height", T))), p.setMaxWidth(h(c(k, "max-width", T))), p.setMaxHeight(h(c(k, "max-height", T)));
+    for (const [A, I] of Qe) {
+      p.setMargin(I, h(c(k, `margin-${A}`, T))), p.setPadding(I, h(c(k, `padding-${A}`, T)));
+      const _ = h(c(k, `border-${A}-width`, T));
+      p.setBorder(I, typeof _ == "number" ? _ : void 0), p.setPosition(I, h(c(k, A, T)));
     }
   }
   function y(p) {
     var k;
     return (k = p.attributes.find((T) => T.name === "text")) == null ? void 0 : k.value;
   }
-  const x = ["text", "label"];
+  const b = ["text", "label"];
   function $(p) {
-    return x.filter(
+    return b.filter(
       (k) => p.attributes.some((T) => T.name === k && T.value.length > 0)
     );
   }
   function O(p, k) {
-    if (zt(p)) return;
+    if (_e(p)) return;
     const T = n.get(p.id) ?? /* @__PURE__ */ new Map(), N = l.Node.create();
-    a++, G++, u.set(p, N), v.push(p), b(N, T, p), k !== null && k.insertChild(N, k.getChildCount());
-    const { spec: C, fallback: I } = F(p), A = y(p), z = C.hasText && A !== void 0 && A.length > 0;
-    if (I) {
+    a++, G++, u.set(p, N), v.push(p), x(N, T, p), k !== null && k.insertChild(N, k.getChildCount());
+    const { spec: C, fallback: A } = F(p), I = y(p), _ = C.hasText && I !== void 0 && I.length > 0;
+    if (A) {
       const M = $(p);
       s.push({
         kind: "unsupported-control",
@@ -306,20 +306,20 @@ function te(t, n, e, i) {
         node: p.id
       });
     }
-    if (z) {
+    if (_) {
       p.children.length > 0 && w(
         `<${p.name.local}> has both a text attribute and children; children are not drawn`,
         p
       );
-      const M = c(T, "font-size", p), _ = {
+      const M = c(T, "font-size", p), z = {
         fontSize: M !== null && M.kind === "px" ? M.value : 12,
         fontStyle: f(T, "-unity-font-style") || "normal",
         whiteSpace: f(T, "white-space") || "normal"
       };
       N.setMeasureFunc(
         (U) => i.measureText(
-          A,
-          _,
+          I,
+          z,
           Number.isFinite(U) ? U : 0
         )
       );
@@ -329,54 +329,54 @@ function te(t, n, e, i) {
     if (C.parts.length > 0) {
       o || (o = !0, s.push({
         kind: "version-dependent",
-        message: `<${p.name.local}> is drawn with the implicit child elements Unity builds for it, and their geometry was measured on Unity ${X}. Other versions may differ; see src/controls/theme.ts.`,
+        message: `<${p.name.local}> is drawn with the implicit child elements Unity builds for it, and their geometry was measured on Unity ${Y}. Other versions may differ; see src/controls/theme.ts.`,
         node: p.id
       }));
-      const M = [], _ = [], U = e.get(p.id);
-      for (const ot of C.parts) {
-        const at = (U == null ? void 0 : U.get(ot.name)) ?? /* @__PURE__ */ new Map(), V = l.Node.create();
-        a++, G++, b(V, at, p), j.insertChild(V, j.getChildCount()), j = V, _.push(V), M.push({
-          name: ot.name,
+      const M = [], z = [], U = t.get(p.id);
+      for (const oe of C.parts) {
+        const ae = (U == null ? void 0 : U.get(oe.name)) ?? /* @__PURE__ */ new Map(), H = l.Node.create();
+        a++, G++, x(H, ae, p), j.insertChild(H, j.getChildCount()), j = H, z.push(H), M.push({
+          name: oe.name,
           owner: p.id,
           box: { left: 0, top: 0, width: 0, height: 0 },
-          style: at
+          style: ae
         });
       }
-      g.set(p.id, M), r.set(p.id, _);
+      g.set(p.id, M), r.set(p.id, z);
     }
     for (const M of p.children) O(M, j);
   }
-  O(t, null);
-  const E = u.get(t);
-  E.setWidth(i.size.width), E.setHeight(i.size.height), E.setPositionType(Z.Relative), E.calculateLayout(i.size.width, i.size.height, lt.LTR);
+  O(e, null);
+  const E = u.get(e);
+  E.setWidth(i.size.width), E.setHeight(i.size.height), E.setPositionType(Z.Relative), E.calculateLayout(i.size.width, i.size.height, le.LTR);
   const R = /* @__PURE__ */ new Map();
   for (let p = 0; p < 3; p++) {
     let k = !1;
     for (const [T, N] of g) {
       const C = r.get(T);
       if (C === void 0) continue;
-      const I = N.findIndex((U) => U.name === "unity-content-viewport"), A = N.findIndex((U) => U.name === "unity-content-container");
-      if (I === -1 || A === -1) continue;
-      const z = C[I].getComputedLayout(), M = C[A].getComputedLayout().height > z.height + 0.01, _ = Pt(M);
-      (R.get(T) ?? 0) !== _ && (R.set(T, _), C[I].setMargin(P.Right, _), k = !0);
+      const A = N.findIndex((U) => U.name === "unity-content-viewport"), I = N.findIndex((U) => U.name === "unity-content-container");
+      if (A === -1 || I === -1) continue;
+      const _ = C[A].getComputedLayout(), M = C[I].getComputedLayout().height > _.height + 0.01, z = Pe(M);
+      (R.get(T) ?? 0) !== z && (R.set(T, z), C[A].setMargin(P.Right, z), k = !0);
     }
     if (!k) break;
-    E.calculateLayout(i.size.width, i.size.height, lt.LTR);
+    E.calculateLayout(i.size.width, i.size.height, le.LTR);
   }
   function D(p, k, T) {
     const N = u.get(p);
     if (N === void 0) return;
     const C = N.getComputedLayout();
-    let I = k + C.left, A = T + C.top;
-    m.set(p.id, { left: I, top: A, width: C.width, height: C.height });
-    const z = g.get(p.id), j = r.get(p.id);
-    z !== void 0 && j !== void 0 && z.forEach((M, _) => {
-      const U = j[_].getComputedLayout();
-      I += U.left, A += U.top, M.box = { left: I, top: A, width: U.width, height: U.height };
+    let A = k + C.left, I = T + C.top;
+    m.set(p.id, { left: A, top: I, width: C.width, height: C.height });
+    const _ = g.get(p.id), j = r.get(p.id);
+    _ !== void 0 && j !== void 0 && _.forEach((M, z) => {
+      const U = j[z].getComputedLayout();
+      A += U.left, I += U.top, M.box = { left: A, top: I, width: U.width, height: U.height };
     });
-    for (const M of p.children) D(M, I, A);
+    for (const M of p.children) D(M, A, I);
   }
-  return D(t, 0, 0), {
+  return D(e, 0, 0), {
     boxes: m,
     parts: g,
     painted: v,
@@ -386,16 +386,16 @@ function te(t, n, e, i) {
     }
   };
 }
-const ee = 1.2;
-function ne(t) {
-  var e;
+const tt = 1.2;
+function nt(e) {
+  var t;
   let n = null;
-  if (t !== void 0) {
-    const i = t.createElement("canvas");
-    n = ((e = i.getContext) == null ? void 0 : e.call(i, "2d")) ?? null;
+  if (e !== void 0) {
+    const i = e.createElement("canvas");
+    n = ((t = i.getContext) == null ? void 0 : t.call(i, "2d")) ?? null;
   }
   return (i, l, s) => {
-    const m = l.fontSize * ee, g = (o) => {
+    const m = l.fontSize * tt, g = (o) => {
       if (n === null)
         return o.length * l.fontSize * 0.5;
       const f = l.fontStyle.includes("bold") ? "bold" : "normal", w = l.fontStyle.includes("italic") ? "italic" : "normal";
@@ -415,11 +415,11 @@ function ne(t) {
     return d = Math.max(d, a), { width: d, height: r * m };
   };
 }
-function yt(t) {
-  const n = (e, i) => !Number.isInteger(e) || e < 0 || e > 1114111 || e >= 55296 && e <= 57343 ? i : String.fromCodePoint(e);
-  return t.replace(/&#x([0-9a-f]+);/gi, (e, i) => n(parseInt(i, 16), e)).replace(/&#(\d+);/g, (e, i) => n(Number(i), e)).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&amp;/g, "&");
+function ye(e) {
+  const n = (t, i) => !Number.isInteger(t) || t < 0 || t > 1114111 || t >= 55296 && t <= 57343 ? i : String.fromCodePoint(t);
+  return e.replace(/&#x([0-9a-f]+);/gi, (t, i) => n(parseInt(i, 16), t)).replace(/&#(\d+);/g, (t, i) => n(Number(i), t)).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&amp;/g, "&");
 }
-const ie = /* @__PURE__ */ new Set([
+const it = /* @__PURE__ */ new Set([
   "box-shadow",
   "filter",
   "backdrop-filter",
@@ -435,7 +435,7 @@ const ie = /* @__PURE__ */ new Set([
   "float",
   "clear",
   "border-style"
-]), se = /* @__PURE__ */ new Set([
+]), st = /* @__PURE__ */ new Set([
   "gap",
   "row-gap",
   "column-gap",
@@ -445,16 +445,16 @@ const ie = /* @__PURE__ */ new Set([
   "background-repeat",
   "overflow-wrap",
   "word-break"
-]), pt = ["top", "right", "bottom", "left"], re = {
+]), pe = ["top", "right", "bottom", "left"], rt = {
   normal: { weight: "normal", style: "normal" },
   bold: { weight: "bold", style: "normal" },
   italic: { weight: "normal", style: "italic" },
   "bold-and-italic": { weight: "bold", style: "italic" }
-}, oe = {
+}, ot = {
   upper: "flex-start",
   middle: "center",
   lower: "flex-end"
-}, ae = {
+}, at = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
@@ -462,22 +462,22 @@ const ie = /* @__PURE__ */ new Set([
   "stretch-to-fill": "100% 100%",
   "scale-and-crop": "cover",
   "scale-to-fit": "contain"
-}, ht = "stretch-to-fill";
-function le(t) {
-  const n = /^(?:url|resource)\(\s*(["']?)(.*?)\1\s*\)$/.exec(t.trim());
-  return n === null ? null : n[2];
+}, he = "stretch-to-fill";
+function lt(e) {
+  const n = /^(url|resource)\(\s*(["']?)(.*?)\2\s*\)$/.exec(e.trim());
+  return n === null ? null : { form: n[1], path: n[3] };
 }
-function mt(t, n, e = {}) {
+function me(e, n, t = {}) {
   var w;
   const i = {}, l = [], s = (c) => {
     var S;
-    return (S = t.get(c)) == null ? void 0 : S.value;
+    return (S = e.get(c)) == null ? void 0 : S.value;
   }, m = (c, S) => {
     l.push({ kind: c, message: S, node: n });
   };
   i["box-sizing"] = "border-box";
-  for (const [c] of t)
-    ie.has(c) ? m("unsupported-property", `${c} does not exist in USS and is ignored`) : se.has(c) && m(
+  for (const [c] of e)
+    it.has(c) ? m("unsupported-property", `${c} does not exist in USS and is ignored`) : st.has(c) && m(
       "version-dependent",
       `${c} depends on the Unity version; verify it in your project`
     );
@@ -499,19 +499,19 @@ function mt(t, n, e = {}) {
     S !== void 0 && (i[c] = S);
   }
   s("display") === "none" && (i.display = "none"), s("overflow") === "hidden" && (i.overflow = "hidden");
-  for (const c of pt) {
+  for (const c of pe) {
     const S = s(`border-${c}-width`);
     if (S !== void 0 && S !== "0") {
-      const { length: y, problem: x } = Y(S);
+      const { length: y, problem: b } = X(S);
       y === null || y.kind !== "px" ? m(
         "unsupported-property",
-        `border-${c}-width: ${x ?? `"${S}" is not a pixel length`}; ignored`
+        `border-${c}-width: ${b ?? `"${S}" is not a pixel length`}; ignored`
       ) : (i[`border-${c}-width`] = `${y.value}px`, i[`border-${c}-style`] = "solid");
     }
     const h = s(`border-${c}-color`);
     h !== void 0 && (i[`border-${c}-color`] = h);
-    const b = s(`padding-${c}`);
-    b !== void 0 && b !== "0" && (i[`padding-${c}`] = b);
+    const x = s(`padding-${c}`);
+    x !== void 0 && x !== "0" && (i[`padding-${c}`] = x);
   }
   for (const c of [
     "top-left",
@@ -524,13 +524,13 @@ function mt(t, n, e = {}) {
   }
   const v = s("-unity-font-style");
   if (v !== void 0) {
-    const c = re[v];
+    const c = rt[v];
     c === void 0 ? m("unsupported-property", `-unity-font-style: ${v} is not a USS value`) : (i["font-weight"] = c.weight, i["font-style"] = c.style);
   }
   const u = s("-unity-text-align");
   if (u !== void 0) {
-    const [c, S] = u.split("-"), h = oe[c ?? ""], b = ae[S ?? ""];
-    h === void 0 || b === void 0 ? m("unsupported-property", `-unity-text-align: ${u} is not a USS value`) : (i["align-items"] = h, i["justify-content"] = b);
+    const [c, S] = u.split("-"), h = ot[c ?? ""], x = at[S ?? ""];
+    h === void 0 || x === void 0 ? m("unsupported-property", `-unity-text-align: ${u} is not a USS value`) : (i["align-items"] = h, i["justify-content"] = x);
   }
   const r = [], a = s("translate");
   a !== void 0 && r.push(`translate(${a.replace(/\s+/, ", ")})`);
@@ -540,38 +540,38 @@ function mt(t, n, e = {}) {
   o !== void 0 && r.push(`scale(${o.replace(/\s+/, ", ")})`), r.length > 0 && (i.transform = r.join(" "));
   const f = s("background-image");
   if (f !== void 0 && f !== "none") {
-    const c = le(f);
+    const c = lt(f);
     if (c === null)
       m("asset-unresolved", `background-image: cannot read "${f}" as an asset path`);
     else {
-      const S = ((w = e.resolveAsset) == null ? void 0 : w.call(e, c)) ?? null;
-      if (S === null)
-        i["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", m("asset-unresolved", `background-image: "${c}" was not resolved`);
+      const { form: S, path: h } = c, x = ((w = t.resolveAsset) == null ? void 0 : w.call(t, h, S)) ?? null;
+      if (x === null)
+        i["background-image"] = "repeating-linear-gradient(45deg, rgba(255,0,255,0.35) 0 6px, rgba(0,0,0,0) 6px 12px)", m("asset-unresolved", `background-image: "${h}" was not resolved`);
       else {
-        i["background-image"] = `url("${S}")`, i["background-repeat"] = s("background-repeat") ?? "no-repeat", i["background-position"] = s("background-position") ?? "center";
-        const h = s("background-size"), b = s("-unity-background-scale-mode") ?? ht, y = Q[b];
-        y === void 0 && m(
+        i["background-image"] = `url("${x}")`, i["background-repeat"] = s("background-repeat") ?? "no-repeat", i["background-position"] = s("background-position") ?? "center";
+        const y = s("background-size"), b = s("-unity-background-scale-mode") ?? he, $ = Q[b];
+        $ === void 0 && m(
           "unsupported-property",
           `-unity-background-scale-mode: ${b} is not a USS value; expected one of ${Object.keys(Q).join(", ")}`
-        ), i["background-size"] = h ?? y ?? Q[ht];
+        ), i["background-size"] = y ?? $ ?? Q[he];
       }
     }
   }
   return s("-unity-background-image-tint-color") !== void 0 && m(
     "unsupported-property",
     "-unity-background-image-tint-color has no CSS equivalent and is not drawn"
-  ), pt.some((c) => s(`-unity-slice-${c}`) !== void 0) && m("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), s("-unity-font-definition") !== void 0 && m(
+  ), pe.some((c) => s(`-unity-slice-${c}`) !== void 0) && m("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), s("-unity-font-definition") !== void 0 && m(
     "unsupported-property",
     "-unity-font-definition names a Unity font asset; the browser default is used"
   ), { declarations: i, warnings: l };
 }
-const ce = "data-uxml-node", ue = "data-uxml-part", de = "data-uxml-part-owner";
-function fe(t, n, e, i, l, s) {
+const ct = "data-uxml-node", ut = "data-uxml-part", dt = "data-uxml-part-owner";
+function ft(e, n, t, i, l, s) {
   const m = [], g = /* @__PURE__ */ new Map();
   function v(d) {
     const o = i.get(d.id), f = (w) => {
       var h;
-      const c = ((h = o == null ? void 0 : o.get(w)) == null ? void 0 : h.value) ?? tt[w] ?? "0", { length: S } = Y(c);
+      const c = ((h = o == null ? void 0 : o.get(w)) == null ? void 0 : h.value) ?? ee[w] ?? "0", { length: S } = X(c);
       return S !== null && S.kind === "px" ? S.value : 0;
     };
     return { left: f("border-left-width"), top: f("border-top-width") };
@@ -579,7 +579,7 @@ function fe(t, n, e, i, l, s) {
   function u(d) {
     const o = (f) => {
       var S;
-      const w = ((S = d.style.get(f)) == null ? void 0 : S.value) ?? tt[f] ?? "0", { length: c } = Y(w);
+      const w = ((S = d.style.get(f)) == null ? void 0 : S.value) ?? ee[f] ?? "0", { length: c } = X(w);
       return c !== null && c.kind === "px" ? c.value : 0;
     };
     return { left: o("border-left-width"), top: o("border-top-width") };
@@ -589,29 +589,29 @@ function fe(t, n, e, i, l, s) {
     const w = n.get(d.id);
     if (w === void 0) return null;
     const c = s.document.createElement("div");
-    c.setAttribute(ce, String(d.id));
-    const S = i.get(d.id) ?? /* @__PURE__ */ new Map(), h = mt(S, d.id, s);
+    c.setAttribute(ct, String(d.id));
+    const S = i.get(d.id) ?? /* @__PURE__ */ new Map(), h = me(S, d.id, s);
     m.push(...h.warnings);
-    const b = o === null ? 0 : w.left - o.left - f.left, y = o === null ? 0 : w.top - o.top - f.top, x = {
+    const x = o === null ? 0 : w.left - o.left - f.left, y = o === null ? 0 : w.top - o.top - f.top, b = {
       position: "absolute",
-      left: `${b}px`,
+      left: `${x}px`,
       top: `${y}px`,
       width: `${w.width}px`,
       height: `${w.height}px`,
       margin: "0",
       ...h.declarations
     };
-    for (const [R, D] of Object.entries(x))
+    for (const [R, D] of Object.entries(b))
       c.style.setProperty(R, D);
     const { spec: $ } = F(d), O = (E = d.attributes.find((R) => R.name === "text")) == null ? void 0 : E.value;
     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 = yt(O);
+      c.style.setProperty("display", h.declarations.display ?? "flex"), h.declarations["align-items"] === void 0 && c.style.setProperty("align-items", "flex-start"), h.declarations["justify-content"] === void 0 && c.style.setProperty("justify-content", "flex-start"), c.textContent = ye(O);
     else {
       let R = c, D = w, p = v(d);
-      for (const k of e.get(d.id) ?? []) {
+      for (const k of t.get(d.id) ?? []) {
         const T = s.document.createElement("div");
-        T.setAttribute(ue, k.name), T.setAttribute(de, String(d.id));
-        const N = mt(k.style, d.id, s);
+        T.setAttribute(ut, k.name), T.setAttribute(dt, String(d.id));
+        const N = me(k.style, d.id, s);
         m.push(...N.warnings);
         const C = {
           position: "absolute",
@@ -622,8 +622,8 @@ function fe(t, n, e, i, l, s) {
           margin: "0",
           ...N.declarations
         };
-        for (const [I, A] of Object.entries(C))
-          T.style.setProperty(I, A);
+        for (const [A, I] of Object.entries(C))
+          T.style.setProperty(A, I);
         R.appendChild(T), R = T, D = k.box, p = u(k);
       }
       for (const k of d.children) {
@@ -634,183 +634,183 @@ function fe(t, n, e, i, l, s) {
     return g.set(d.id, c), c;
   }
   l.replaceChildren();
-  const a = r(t, null, { left: 0, top: 0 });
+  const a = r(e, null, { left: 0, top: 0 });
   return a !== null && (a.style.setProperty("position", "relative"), l.appendChild(a)), { warnings: m, elements: g };
 }
-const gt = /[A-Za-z0-9_-]/;
-function B(t) {
-  return t === " " || t === "	" || t === `
-` || t === "\r" || t === "\f";
+const ge = /[A-Za-z0-9_-]/;
+function B(e) {
+  return e === " " || e === "	" || e === `
+` || e === "\r" || e === "\f";
 }
-function et(t, n, e) {
+function te(e, n, t) {
   let i = n, l = 0;
-  for (; i < t.length; ) {
-    const s = t[i];
+  for (; i < e.length; ) {
+    const s = e[i];
     if (s === '"' || s === "'") {
-      const m = t.indexOf(s, i + 1);
-      i = m < 0 ? t.length : m + 1;
+      const m = e.indexOf(s, i + 1);
+      i = m < 0 ? e.length : m + 1;
       continue;
     }
-    if (s === "/" && t[i + 1] === "*") {
-      const m = t.indexOf("*/", i + 2);
-      i = m < 0 ? t.length : m + 2;
+    if (s === "/" && e[i + 1] === "*") {
+      const m = e.indexOf("*/", i + 2);
+      i = m < 0 ? e.length : m + 2;
       continue;
     }
     if (s === "(" || s === "[")
       l++;
     else if (s === ")" || s === "]")
       l > 0 && l--;
-    else if (l === 0 && e.includes(s))
+    else if (l === 0 && t.includes(s))
       return i;
     i++;
   }
-  return t.length;
+  return e.length;
 }
-function kt(t, n, e) {
-  let i = n, l = e;
-  for (; i < l && B(t[i]); ) i++;
-  for (; l > i && B(t[l - 1]); ) l--;
+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 St(t, n, e, i) {
+function Se(e, n, t, i) {
   const l = [];
   let s = n;
-  for (; s < e; ) {
-    for (; s < e && (B(t[s]) || t.startsWith("/*", s)); )
-      if (t.startsWith("/*", s)) {
-        const r = t.indexOf("*/", s + 2);
-        s = r < 0 ? e : r + 2;
+  for (; s < t; ) {
+    for (; s < t && (B(e[s]) || e.startsWith("/*", s)); )
+      if (e.startsWith("/*", s)) {
+        const r = e.indexOf("*/", s + 2);
+        s = r < 0 ? t : r + 2;
       } else
         s++;
-    if (s >= e) break;
-    if (t[s] === ";") {
+    if (s >= t) break;
+    if (e[s] === ";") {
       s++;
       continue;
     }
-    const m = s, g = et(t, m, ":;}");
-    if (g >= e || t[g] !== ":") {
-      const r = Math.min(g, e);
+    const m = s, g = te(e, m, ":;}");
+    if (g >= t || e[g] !== ":") {
+      const r = Math.min(g, t);
       i == null || i("declaration without a value", m, r), s = r + 1;
       continue;
     }
-    const v = Math.min(et(t, g + 1, ";}"), e), u = kt(t, g + 1, v);
+    const v = Math.min(te(e, g + 1, ";}"), t), u = ke(e, g + 1, v);
     l.push({
-      property: t.slice(m, g).trim(),
-      value: t.slice(u.start, u.end),
+      property: e.slice(m, g).trim(),
+      value: e.slice(u.start, u.end),
       span: { start: m, end: u.end },
       dirty: !1
     }), s = v + 1;
   }
   return l;
 }
-function pe(t) {
-  const n = t.span.end - 1 - t.value.length;
-  return n < t.span.start ? null : n;
+function pt(e) {
+  const n = e.span.end - 1 - e.value.length;
+  return n < e.span.start ? null : n;
 }
-function rt(t, n = null, e = 0) {
+function re(e, n = null, t = 0) {
   const i = [], l = [];
   let s = 0;
-  function m(h, b, y) {
+  function m(h, x, y) {
     i.push({
       kind: "malformed",
       message: h,
-      at: { in: "uss", sheet: e, span: { start: b, end: y } }
+      at: { in: "uss", sheet: t, span: { start: x, end: y } }
     });
   }
   function g() {
     for (; ; ) {
-      for (; B(t[s]); ) s++;
-      if (t.startsWith("/*", s)) {
-        const h = t.indexOf("*/", s + 2);
-        s = h < 0 ? t.length : h + 2;
+      for (; B(e[s]); ) s++;
+      if (e.startsWith("/*", s)) {
+        const h = e.indexOf("*/", s + 2);
+        s = h < 0 ? e.length : h + 2;
         continue;
       }
       return;
     }
   }
-  const v = (h, b) => et(t, h, b), u = (h, b) => kt(t, h, b);
+  const v = (h, x) => te(e, h, x), u = (h, x) => ke(e, h, x);
   function r(h) {
-    let b = h + 1, y = 1;
-    for (; b < t.length; ) {
-      const x = t[b];
-      if (x === '"' || x === "'") {
-        const $ = t.indexOf(x, b + 1);
-        b = $ < 0 ? t.length : $ + 1;
+    let x = h + 1, y = 1;
+    for (; x < e.length; ) {
+      const b = e[x];
+      if (b === '"' || b === "'") {
+        const $ = e.indexOf(b, x + 1);
+        x = $ < 0 ? e.length : $ + 1;
         continue;
       }
-      if (x === "/" && t[b + 1] === "*") {
-        const $ = t.indexOf("*/", b + 2);
-        b = $ < 0 ? t.length : $ + 2;
+      if (b === "/" && e[x + 1] === "*") {
+        const $ = e.indexOf("*/", x + 2);
+        x = $ < 0 ? e.length : $ + 2;
         continue;
       }
-      if (x === "{") y++;
-      else if (x === "}" && --y === 0) return b + 1;
-      b++;
+      if (b === "{") y++;
+      else if (b === "}" && --y === 0) return x + 1;
+      x++;
     }
-    return t.length;
+    return e.length;
   }
   function a(h) {
-    let b = h;
-    for (; b < t.length && gt.test(t[b]); ) b++;
-    return b;
+    let x = h;
+    for (; x < e.length && ge.test(e[x]); ) x++;
+    return x;
   }
   function d(h) {
-    const b = t[h], y = b === "(" ? ")" : "]";
-    let x = h + 1, $ = 1;
-    for (; x < t.length; ) {
-      const O = t[x];
+    const x = e[h], y = x === "(" ? ")" : "]";
+    let b = h + 1, $ = 1;
+    for (; b < e.length; ) {
+      const O = e[b];
       if (O === '"' || O === "'") {
-        const E = t.indexOf(O, x + 1);
-        x = E < 0 ? t.length : E + 1;
+        const E = e.indexOf(O, b + 1);
+        b = E < 0 ? e.length : E + 1;
         continue;
       }
-      if (O === b) $++;
-      else if (O === y && --$ === 0) return x + 1;
-      x++;
+      if (O === x) $++;
+      else if (O === y && --$ === 0) return b + 1;
+      b++;
     }
-    return t.length;
+    return e.length;
   }
-  function o(h, b) {
+  function o(h, x) {
     const y = [];
-    let x = h;
-    for (; x < b; ) {
-      const $ = t[x];
+    let b = h;
+    for (; b < x; ) {
+      const $ = e[b];
       if (B($) || $ === ">" || $ === "+" || $ === "~" || $ === ",") break;
       if ($ === "*")
-        y.push({ kind: "universal" }), x++;
+        y.push({ kind: "universal" }), b++;
       else if ($ === "." || $ === "#") {
-        const O = a(x + 1);
+        const O = a(b + 1);
         y.push(
-          $ === "." ? { kind: "class", name: t.slice(x + 1, O) } : { kind: "name", name: t.slice(x + 1, O) }
-        ), x = O;
+          $ === "." ? { kind: "class", name: e.slice(b + 1, O) } : { kind: "name", name: e.slice(b + 1, O) }
+        ), b = O;
       } else if ($ === "[") {
-        const O = Math.min(d(x), b);
-        y.push({ kind: "unknown", text: t.slice(x, O) }), x = O;
+        const O = Math.min(d(b), x);
+        y.push({ kind: "unknown", text: e.slice(b, O) }), b = O;
       } else if ($ === ":")
-        if (t[x + 1] === ":") {
-          const O = a(x + 2);
-          y.push({ kind: "unknown", text: t.slice(x, O) }), x = O;
+        if (e[b + 1] === ":") {
+          const O = a(b + 2);
+          y.push({ kind: "unknown", text: e.slice(b, O) }), b = O;
         } else {
-          const O = a(x + 1);
-          if (t[O] === "(") {
-            const E = Math.min(d(O), b);
-            y.push({ kind: "unknown", text: t.slice(x, E) }), x = E;
+          const O = a(b + 1);
+          if (e[O] === "(") {
+            const E = Math.min(d(O), x);
+            y.push({ kind: "unknown", text: e.slice(b, E) }), b = E;
           } else
-            y.push({ kind: "pseudo", name: t.slice(x + 1, O) }), x = O;
+            y.push({ kind: "pseudo", name: e.slice(b + 1, O) }), b = O;
         }
-      else if (gt.test($)) {
-        const O = a(x);
-        y.push({ kind: "type", name: t.slice(x, O) }), x = O;
+      else if (ge.test($)) {
+        const O = a(b);
+        y.push({ kind: "type", name: e.slice(b, O) }), b = O;
       } else
-        y.push({ kind: "unknown", text: $ }), x++;
+        y.push({ kind: "unknown", text: $ }), b++;
     }
-    return { simple: y, next: x };
+    return { simple: y, next: b };
   }
-  function f(h, b) {
-    const y = u(h, b), x = [];
+  function f(h, x) {
+    const y = u(h, x), b = [];
     let $ = "descendant", O = null, E = y.start;
     for (; E < y.end; ) {
-      const R = t[E];
+      const R = e[E];
       if (B(R)) {
         E++;
         continue;
@@ -828,96 +828,96 @@ function rt(t, n = null, e = 0) {
         E++;
         continue;
       }
-      O !== null && (D.unshift({ kind: "unknown", text: O }), O = null), x.push({ combinator: $, simple: D }), $ = "descendant", E = p;
+      O !== null && (D.unshift({ kind: "unknown", text: O }), O = null), b.push({ combinator: $, simple: D }), $ = "descendant", E = p;
     }
-    return { parts: x, span: y };
+    return { parts: b, span: y };
   }
-  function w(h, b) {
+  function w(h, x) {
     const y = [];
-    let x = h;
+    let b = h;
     for (; ; ) {
-      const $ = Math.min(v(x, ","), b);
-      if (y.push(f(x, $)), $ >= b) break;
-      x = $ + 1;
+      const $ = Math.min(v(b, ","), x);
+      if (y.push(f(b, $)), $ >= x) break;
+      b = $ + 1;
     }
     return y;
   }
   function c() {
-    const h = s, b = a(s + 1), y = t.slice(s + 1, b), x = v(b, "{;");
-    if (x < t.length && t[x] === "{") {
-      const O = r(x);
+    const h = s, x = a(s + 1), y = e.slice(s + 1, x), b = v(x, "{;");
+    if (b < e.length && e[b] === "{") {
+      const O = r(b);
       return s = O, { kind: "unknown", span: { start: h, end: O } };
     }
-    const $ = x < t.length ? x + 1 : t.length;
+    const $ = b < e.length ? b + 1 : e.length;
     if (s = $, y === "import") {
-      const O = t.slice(b, $), E = /["']([^"']*)["']/.exec(O);
+      const O = e.slice(x, $), E = /["']([^"']*)["']/.exec(O);
       return E === null ? (m("@import without a quoted path", h, $), { kind: "unknown", span: { start: h, end: $ } }) : { kind: "import", url: E[1], span: { start: h, end: $ } };
     }
     return { kind: "unknown", span: { start: h, end: $ } };
   }
   function S() {
-    const h = s, b = v(h, "{");
-    if (b >= t.length)
-      return m("rule without a block", h, t.length), s = t.length, { kind: "unknown", span: { start: h, end: t.length } };
-    const y = u(h, b), x = r(b);
-    (x > t.length || t[x - 1] !== "}") && m("unterminated rule block", h, x);
+    const h = s, x = v(h, "{");
+    if (x >= e.length)
+      return m("rule without a block", h, e.length), s = e.length, { kind: "unknown", span: { start: h, end: e.length } };
+    const y = u(h, x), b = r(x);
+    (b > e.length || e[b - 1] !== "}") && m("unterminated rule block", h, b);
     const $ = {
       selectors: w(y.start, y.end),
-      declarations: St(t, b + 1, x - 1, m),
-      span: { start: y.start, end: x },
+      declarations: Se(e, x + 1, b - 1, m),
+      span: { start: y.start, end: b },
       selectorSpan: y,
       selectorDirty: !1,
       declarationsDirty: !1
     };
-    return s = x, { kind: "rule", rule: $ };
+    return s = b, { kind: "rule", rule: $ };
   }
-  for (; g(), !(s >= t.length); )
-    l.push(t[s] === "@" ? c() : S());
-  return { sheet: { source: t, origin: n, items: l }, warnings: i };
+  for (; g(), !(s >= e.length); )
+    l.push(e[s] === "@" ? c() : S());
+  return { sheet: { source: e, origin: n, items: l }, warnings: i };
 }
-function he(t, n, e) {
-  switch (t.kind) {
+function ht(e, n, t) {
+  switch (e.kind) {
     case "universal":
       return !0;
     case "type":
-      return e.typeNameOf(n) === t.name;
+      return t.typeNameOf(n) === e.name;
     case "class":
-      return e.classesOf(n).includes(t.name);
+      return t.classesOf(n).includes(e.name);
     case "name":
-      return e.idOf(n) === t.name;
+      return t.idOf(n) === e.name;
     case "pseudo":
-      return t.name === "root" ? e.isRoot(n) : e.statesOf(n).has(t.name);
+      return e.name === "root" ? t.isRoot(n) : t.statesOf(n).has(e.name);
     case "unknown":
       return !1;
   }
 }
-function me(t, n, e) {
-  return t.simple.every((i) => he(i, n, e));
+function mt(e, n, t) {
+  return e.simple.every((i) => ht(i, n, t));
 }
-function nt(t, n, e, i) {
-  if (!me(t[n], e, i)) return !1;
+function ne(e, n, t, i) {
+  if (!mt(e[n], t, i)) return !1;
   if (n === 0) return !0;
-  const l = i.parentOf(e);
-  if (t[n].combinator === "child")
-    return l !== null && nt(t, n - 1, l, i);
+  const l = i.parentOf(t);
+  if (e[n].combinator === "child")
+    return l !== null && ne(e, n - 1, l, i);
   for (let s = l; s !== null; s = i.parentOf(s))
-    if (nt(t, n - 1, s, i)) return !0;
+    if (ne(e, n - 1, s, i)) return !0;
   return !1;
 }
-function $t(t, n, e) {
-  return t.parts.length === 0 ? !1 : nt(t.parts, t.parts.length - 1, n, e);
+function $e(e, n, t) {
+  return e.parts.length === 0 ? !1 : ne(e.parts, e.parts.length - 1, n, t);
 }
-function ge(t) {
+function gt(e) {
   const n = [];
-  for (const e of t.parts)
-    for (const i of e.simple)
+  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);
   return n;
 }
-function we(t) {
+function wt(e) {
   const n = [];
-  for (const e of t)
-    for (const i of e.parts)
+  for (const t of e)
+    for (const i of t.parts)
       for (const l of i.simple) {
         if (l.kind !== "name" && l.kind !== "class" || !l.name.startsWith("unity-")) continue;
         const s = l.kind === "name" ? `#${l.name}` : `.${l.name}`;
@@ -925,25 +925,25 @@ function we(t) {
       }
   return n;
 }
-function Tt(t) {
-  for (const n of t)
-    for (const e of n.parts)
-      for (const i of e.simple)
+function Te(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;
   return null;
 }
-function be(t) {
-  const n = /* @__PURE__ */ new Map([[t, null]]), e = [t];
-  for (; e.length > 0; ) {
-    const i = e.pop();
+function bt(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), e.push(l);
+      n.set(l, i), t.push(l);
   }
   return n;
 }
-function xe(t) {
-  let n = 0, e = 0, i = 0;
-  for (const l of t.parts)
+function xt(e) {
+  let n = 0, t = 0, i = 0;
+  for (const l of e.parts)
     for (const s of l.simple)
       switch (s.kind) {
         case "name":
@@ -951,27 +951,27 @@ function xe(t) {
           break;
         case "class":
         case "pseudo":
-          e++;
+          t++;
           break;
         case "type":
           i++;
           break;
       }
-  return [n, e, i];
+  return [n, t, i];
 }
-function Ot(t, n) {
-  return t[0] - n[0] || t[1] - n[1] || t[2] - n[2];
+function Oe(e, n) {
+  return e[0] - n[0] || e[1] - n[1] || e[2] - n[2];
 }
-const ve = [Number.MAX_SAFE_INTEGER, 0, 0], ye = rt(vt, null, -1).sheet.items.flatMap(
-  (t, n) => t.kind === "rule" ? [{ rule: t.rule, sheet: -1, item: n, builtin: !0 }] : []
+const vt = [Number.MAX_SAFE_INTEGER, 0, 0], yt = re(ve, null, -1).sheet.items.flatMap(
+  (e, n) => e.kind === "rule" ? [{ rule: e.rule, sheet: -1, item: n, builtin: !0 }] : []
 );
-function ke(t) {
-  return vt.slice(t.selectorSpan.start, t.selectorSpan.end).trim();
+function kt(e) {
+  return ve.slice(e.selectorSpan.start, e.selectorSpan.end).trim();
 }
-function Se(t, n, e, i) {
-  const l = (e == null ? void 0 : e.activeStates) ?? /* @__PURE__ */ new Set(), s = Object.entries((e == null ? void 0 : e.states) ?? {}), m = [];
+function St(e, n, t, i) {
+  const l = (t == null ? void 0 : t.activeStates) ?? /* @__PURE__ */ new Set(), s = Object.entries((t == null ? void 0 : t.states) ?? {}), m = [];
   for (const [r, a] of s) {
-    const d = rt(`${r} {}`, null, -1).sheet.items.find((f) => f.kind === "rule"), o = d === void 0 ? r : Tt(d.rule.selectors);
+    const d = re(`${r} {}`, null, -1).sheet.items.find((f) => f.kind === "rule"), o = d === void 0 ? r : Te(d.rule.selectors);
     if (d === void 0 || o !== null) {
       i.push({
         kind: "unsupported-selector",
@@ -985,40 +985,40 @@ function Se(t, n, e, i) {
     const d = a || v(r), o = new Set(l);
     d && o.add("disabled");
     for (const f of m)
-      if (f.selectors.some((w) => $t(w, { kind: "element", node: r }, n)))
+      if (f.selectors.some((w) => $e(w, { kind: "element", node: r }, n)))
         for (const w of f.states) o.add(w);
     g.set(r, o);
     for (const f of r.children) u(f, d);
   };
-  return u(t.root, !1), g;
+  return u(e.root, !1), g;
 }
-function $e(t) {
-  const n = [], e = /* @__PURE__ */ new Map();
-  t.sheets.forEach((s, m) => {
-    s.origin !== null && !e.has(s.origin) && e.set(s.origin, m);
-  }), n.push(...ye);
+function $t(e) {
+  const n = [], t = /* @__PURE__ */ new Map();
+  e.sheets.forEach((s, m) => {
+    s.origin !== null && !t.has(s.origin) && t.set(s.origin, m);
+  }), n.push(...yt);
   const i = /* @__PURE__ */ new Set(), l = (s) => {
     if (i.has(s)) return;
     i.add(s);
-    const m = t.sheets[s];
+    const m = e.sheets[s];
     m !== void 0 && m.items.forEach((g, v) => {
       if (g.kind === "rule")
         n.push({ rule: g.rule, sheet: s, item: v });
       else if (g.kind === "import") {
-        const u = e.get(g.url);
+        const u = t.get(g.url);
         u !== void 0 && l(u);
       }
     });
   };
   return l(0), n;
 }
-function Te(t) {
-  return t.selectors.some(
-    (n) => n.parts.some((e) => e.simple.some((i) => i.kind === "pseudo" && i.name === "root"))
+function Tt(e) {
+  return e.selectors.some(
+    (n) => n.parts.some((t) => t.simple.some((i) => i.kind === "pseudo" && i.name === "root"))
   );
 }
-function Et(t, n) {
-  const e = be(t.root), i = [], l = /* @__PURE__ */ new Set(), s = (o) => {
+function Ee(e, n) {
+  const t = bt(e.root), i = [], l = /* @__PURE__ */ new Set(), s = (o) => {
     var w;
     const f = (w = o.attributes.find((c) => c.name === "class")) == null ? void 0 : w.value;
     return f === void 0 ? [] : f.split(/\s+/).filter((c) => c.length > 0);
@@ -1038,14 +1038,14 @@ function Et(t, n) {
      */
     parentOf: (o) => {
       if (o.kind === "element") {
-        const c = e.get(o.node) ?? null;
+        const c = t.get(o.node) ?? null;
         return c === null ? null : { kind: "element", node: c };
       }
       if (o.depth === 0) return { kind: "element", node: o.owner };
       const w = F(o.owner).spec.parts[o.depth - 1];
       return { kind: "part", owner: o.owner, name: w.name, depth: o.depth - 1 };
     },
-    isRoot: (o) => o.kind === "element" && o.node === t.root,
+    isRoot: (o) => o.kind === "element" && o.node === e.root,
     // Unity's parts are VisualElements, so a `VisualElement` rule reaches them.
     // Not measured — `part-type-selector` is the case that will settle it.
     typeNameOf: (o) => o.kind === "element" ? o.node.name.local : "VisualElement",
@@ -1054,20 +1054,20 @@ function Et(t, n) {
     // element genuinely carries them, which is why `.unity-button` in author USS
     // hits a plain `<ui:Button />`. Parts carry classes too in Unity, but which
     // ones is unmeasured, so none are claimed here.
-    classesOf: (o) => o.kind === "element" ? [...s(o.node), ...Wt(o.node)] : []
-  }, v = { ...g, statesOf: () => l }, u = Se(t, v, n, i), r = {
+    classesOf: (o) => o.kind === "element" ? [...s(o.node), ...We(o.node)] : []
+  }, v = { ...g, statesOf: () => l }, u = St(e, v, n, i), r = {
     ...g,
     // A part inherits its owner's states: `SetEnabled(false)` disables the whole
     // subtree, and a part is inside it.
     statesOf: (o) => u.get(o.kind === "element" ? o.node : o.owner) ?? l
   }, a = [];
   let d = !1;
-  for (const o of $e(t)) {
+  for (const o of $t(e)) {
     if (o.builtin === !0) {
       a.push(o);
       continue;
     }
-    const f = Tt(o.rule.selectors);
+    const f = Te(o.rule.selectors);
     if (f !== null) {
       i.push({
         kind: "unsupported-selector",
@@ -1076,7 +1076,7 @@ function Et(t, n) {
       });
       continue;
     }
-    !d && Te(o.rule) && (d = !0, i.push({
+    !d && Tt(o.rule) && (d = !0, i.push({
       kind: "version-dependent",
       message: ":root in USS names the element the stylesheet was applied to, not the document root as in CSS. This preview matches it against the <ui:UXML> element; verify against your Unity version.",
       at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan }
@@ -1084,13 +1084,13 @@ function Et(t, n) {
   }
   return { ctx: r, usable: a, warnings: i };
 }
-function Oe(t, n) {
-  const e = n.attributes.find((l) => l.name === "style");
-  if (e === void 0) return [];
-  const i = pe(e);
-  return i === null ? [] : St(t.source, i, i + e.value.length);
+function Ot(e, n) {
+  const t = n.attributes.find((l) => l.name === "style");
+  if (t === void 0) return [];
+  const i = pt(t);
+  return i === null ? [] : Se(e.source, i, i + t.value.length);
 }
-function Nt(t, n, e, i) {
+function Ne(e, n, t, i) {
   const l = [];
   let s = 0;
   const m = (g, v, u, r, a) => {
@@ -1107,26 +1107,26 @@ function Nt(t, n, e, i) {
             kind: "builtin-theme",
             selector: `#${n.name}`,
             property: r,
-            unityVersion: X
+            unityVersion: Y
           },
           0,
           [0, 0, 0]
         );
   }
-  for (const g of e.usable) {
+  for (const g of t.usable) {
     let v = null, u = [];
     for (const r of g.rule.selectors) {
-      if (!$t(r, n, e.ctx)) continue;
-      const a = xe(r);
-      (v === null || Ot(a, v) > 0) && (v = a, u = ge(r));
+      if (!$e(r, n, t.ctx)) continue;
+      const a = xt(r);
+      (v === null || Oe(a, v) > 0) && (v = a, u = gt(r));
     }
     v !== null && (i == null || i.add(g), g.rule.declarations.forEach((r, a) => {
       for (const [d, o] of J(r.property, r.value)) {
         const f = g.builtin === !0 ? {
           kind: "builtin-theme",
-          selector: ke(g.rule),
+          selector: kt(g.rule),
           property: d,
-          unityVersion: X
+          unityVersion: Y
         } : {
           kind: "rule",
           sheet: g.sheet,
@@ -1142,61 +1142,61 @@ function Nt(t, n, e, i) {
   }
   if (n.kind === "element") {
     const g = n.node;
-    Oe(t, g).forEach((v, u) => {
+    Ot(e, g).forEach((v, u) => {
       for (const [r, a] of J(v.property, v.value))
-        m(r, a, { kind: "inline", node: g.id, declIndex: u }, 1, ve);
+        m(r, a, { kind: "inline", node: g.id, declIndex: u }, 1, vt);
     });
   }
   return l;
 }
-function Ct(t) {
+function Ce(e) {
   const n = /* @__PURE__ */ new Map();
-  for (const e of t) {
-    const i = n.get(e.property);
+  for (const t of e) {
+    const i = n.get(t.property);
     if (i === void 0) {
-      n.set(e.property, e);
+      n.set(t.property, t);
       continue;
     }
-    if (e.rank !== i.rank) {
-      e.rank > i.rank && n.set(e.property, e);
+    if (t.rank !== i.rank) {
+      t.rank > i.rank && n.set(t.property, t);
       continue;
     }
-    const l = Ot(e.specificity, i.specificity);
-    (l > 0 || l === 0 && e.order > i.order) && n.set(e.property, e);
+    const l = Oe(t.specificity, i.specificity);
+    (l > 0 || l === 0 && t.order > i.order) && n.set(t.property, t);
   }
-  for (const e of n.values()) e.winner = !0;
+  for (const t of n.values()) t.winner = !0;
   return n;
 }
-const Ee = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
-function it(t, n, e = /* @__PURE__ */ new Set()) {
+const Et = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
+function ie(e, n, t = /* @__PURE__ */ new Set()) {
   var l;
-  let i = t;
+  let i = e;
   for (let s = 0; s < 32; s++) {
-    const m = Ee.exec(i);
+    const m = Et.exec(i);
     if (m === null) return i;
     const g = m[1], v = (l = m[2]) == null ? void 0 : l.trim();
-    if (e.has(g)) return null;
-    const u = /* @__PURE__ */ new Set([...e, g]), r = n.get(g), a = r !== void 0 ? it(r, n, u) : v !== void 0 && v.length > 0 ? it(v, n, u) : null;
+    if (t.has(g)) return null;
+    const u = /* @__PURE__ */ new Set([...t, g]), r = n.get(g), a = r !== void 0 ? ie(r, n, u) : v !== void 0 && v.length > 0 ? ie(v, n, u) : null;
     if (a === null) return null;
     i = i.slice(0, m.index) + a + i.slice(m.index + m[0].length);
   }
   return null;
 }
-function Ne(t, n) {
-  const e = Et(t, n), i = [...e.warnings], l = /* @__PURE__ */ new Map();
+function Nt(e, n) {
+  const t = Ee(e, n), i = [...t.warnings], l = /* @__PURE__ */ new Map();
   let s = !1;
   const m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set(), v = (r, a, d) => {
-    const o = Nt(t, r, e, g);
+    const o = Ne(e, r, t, g);
     !s && o.some((h) => h.origin.kind === "builtin-theme") && (s = !0);
-    const f = Ct(o), w = /* @__PURE__ */ new Map();
-    for (const [h, b] of a)
-      h.startsWith("--") && w.set(h, b.value);
-    for (const [h, b] of f)
-      h.startsWith("--") && w.set(h, b.value);
+    const f = Ce(o), w = /* @__PURE__ */ new Map();
+    for (const [h, x] of a)
+      h.startsWith("--") && w.set(h, x.value);
+    for (const [h, x] of f)
+      h.startsWith("--") && w.set(h, x.value);
     const c = /* @__PURE__ */ new Map();
-    for (const [h, b] of a) c.set(h, b);
-    for (const [h, b] of f) {
-      const y = it(b.value, w);
+    for (const [h, x] of a) c.set(h, x);
+    for (const [h, x] of f) {
+      const y = ie(x.value, w);
       if (y === null) {
         i.push({
           kind: "unsupported-property",
@@ -1205,13 +1205,13 @@ function Ne(t, n) {
         });
         continue;
       }
-      c.set(h, { value: y, origin: b.origin });
+      c.set(h, { value: y, origin: x.origin });
     }
     const S = /* @__PURE__ */ new Map();
-    for (const [h, b] of c)
-      Vt(h) && S.set(h, {
-        value: b.value,
-        origin: { kind: "inherited", from: d, origin: b.origin }
+    for (const [h, x] of c)
+      He(h) && S.set(h, {
+        value: x.value,
+        origin: { kind: "inherited", from: d, origin: x.origin }
       });
     return { computed: c, forChildren: S };
   }, u = (r, a) => {
@@ -1232,40 +1232,60 @@ function Ne(t, n) {
     }
     for (const w of r.children) u(w, o);
   };
-  u(t.root, /* @__PURE__ */ new Map()), s && i.push({
+  u(e.root, /* @__PURE__ */ new Map()), s && i.push({
     kind: "version-dependent",
-    message: `Unity's control defaults were applied, as measured on ${X} (Unity ships these as a theme stylesheet). Other versions may use different values; see src/controls/theme.ts.`
+    message: `Unity's control defaults were applied, as measured on ${Y} (Unity ships these as a theme stylesheet). Other versions may use different values; see src/controls/theme.ts.`
   });
-  for (const r of e.usable) {
+  for (const r of t.usable) {
     if (r.builtin === !0 || g.has(r)) continue;
-    const a = we(r.rule.selectors);
+    const a = wt(r.rule.selectors);
     a.length !== 0 && i.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 — ${Bt().join(", ")}. Anything else is drawn as a plain box and has no parts to style.`,
+      message: `${a.join(", ")} matched nothing. Those names belong to the elements a control builds for itself, and only controls with a renderer of their own have them — ${Be().join(", ")}. Anything else is drawn as a plain box and has no parts to style.`,
       at: { in: "uss", sheet: r.sheet, span: r.rule.selectorSpan }
     });
   }
   return { styles: l, partStyles: m, warnings: i };
 }
-function _e(t, n, e, i) {
-  const l = Et(t, i), s = Nt(t, { kind: "element", node: n }, l).filter(
-    (m) => m.property === e
+function zt(e, n, t, i) {
+  const l = Ee(e, i), s = Ne(e, { kind: "element", node: n }, l).filter(
+    (m) => m.property === t
   );
-  return Ct(s), s;
+  return Ce(s), s;
 }
-function wt(t) {
-  return t !== void 0 && /[A-Za-z0-9_.:-]/.test(t);
+const _t = [
+  {
+    id: "text-metrics",
+    kind: "unreproducible",
+    summary: "Text-dependent layout can be a few pixels off Unity.",
+    detail: "A browser measures text with its own font stack; Unity measures with its font asset. Both engines apply the same layout rule, so this is not a layout defect — it is measured in docs/accuracy.md at 10 of 16 known divergent values, all traced to this one cause."
+  },
+  {
+    id: "wrap-container-height",
+    kind: "unspecified",
+    summary: "A wrapping container's height can differ from Unity.",
+    detail: "Unity's own rule for sizing a container whose children wrap is not yet identified, so there is no confirmed target to match. Tracked in docs/accuracy.md as the one unresolved divergence."
+  },
+  {
+    id: "yoga-percent-without-parent-size",
+    kind: "upstream",
+    summary: "A main-axis percentage against an unsized parent can resolve differently.",
+    detail: "The yoga-layout version this package depends on resolves a main-axis percentage against an indefinite parent differently from the Yoga vendored inside Unity 6000.0.40f1. Not configurable: no available setting reproduces Unity's answer without breaking cases that currently match. Fully deterministic and pinned to a case in docs/accuracy.md — this always reproduces the same way, it just cannot be fixed from inside this repository."
+  }
+];
+function we(e) {
+  return e !== void 0 && /[A-Za-z0-9_.:-]/.test(e);
 }
-function bt(t) {
-  return t !== void 0 && /[A-Za-z_]/.test(t);
+function be(e) {
+  return e !== void 0 && /[A-Za-z_]/.test(e);
 }
-function Ce(t) {
-  return t === " " || t === "	" || t === `
-` || t === "\r";
+function Ct(e) {
+  return e === " " || e === "	" || e === `
+` || e === "\r";
 }
-function Ie(t) {
+function At(e) {
   const n = [];
-  let e = 0, i = 0;
+  let t = 0, i = 0;
   const l = () => i++;
   function s(a, d, o) {
     n.push({
@@ -1275,128 +1295,128 @@ function Ie(t) {
     });
   }
   function m() {
-    for (; Ce(t[e]); ) e++;
+    for (; Ct(e[t]); ) t++;
   }
   function g() {
     for (; ; ) {
-      const a = t.indexOf("<", e);
+      const a = e.indexOf("<", t);
       if (a < 0) {
-        e = t.length;
+        t = e.length;
         return;
       }
-      const d = t[a + 1];
+      const d = e[a + 1];
       if (d === "!") {
-        if (t.startsWith("<!--", a)) {
-          const o = t.indexOf("-->", a + 4);
-          e = o < 0 ? t.length : o + 3;
-        } else if (t.startsWith("<![CDATA[", a)) {
-          const o = t.indexOf("]]>", a + 9);
-          e = o < 0 ? t.length : o + 3;
+        if (e.startsWith("<!--", a)) {
+          const o = e.indexOf("-->", a + 4);
+          t = o < 0 ? e.length : o + 3;
+        } else if (e.startsWith("<![CDATA[", a)) {
+          const o = e.indexOf("]]>", a + 9);
+          t = o < 0 ? e.length : o + 3;
         } else {
-          const o = t.indexOf(">", a);
-          e = o < 0 ? t.length : o + 1;
+          const o = e.indexOf(">", a);
+          t = o < 0 ? e.length : o + 1;
         }
         continue;
       }
       if (d === "?") {
-        const o = t.indexOf("?>", a + 2);
-        e = o < 0 ? t.length : o + 2;
+        const o = e.indexOf("?>", a + 2);
+        t = o < 0 ? e.length : o + 2;
         continue;
       }
-      e = a;
+      t = a;
       return;
     }
   }
   function v() {
-    const a = e;
-    for (; wt(t[e]); ) e++;
-    const d = t.slice(a, e), o = d.indexOf(":");
+    const a = t;
+    for (; we(e[t]); ) t++;
+    const d = e.slice(a, t), o = d.indexOf(":");
     return o < 0 ? { prefix: null, local: d } : { prefix: d.slice(0, o), local: d.slice(o + 1) };
   }
   function u() {
-    const a = e;
-    for (; wt(t[e]); ) e++;
-    if (e === a) return null;
-    const d = t.slice(a, e), o = e;
-    if (m(), t[e] !== "=")
-      return e = o, s(`attribute "${d}" has no value`, a, o), { name: d, value: "", span: { start: a, end: o } };
-    e++, m();
-    const f = t[e];
+    const a = t;
+    for (; we(e[t]); ) t++;
+    if (t === a) return null;
+    const d = e.slice(a, t), o = t;
+    if (m(), e[t] !== "=")
+      return t = o, s(`attribute "${d}" has no value`, a, o), { name: d, value: "", span: { start: a, end: o } };
+    t++, m();
+    const f = e[t];
     if (f !== '"' && f !== "'")
-      return s(`attribute "${d}" has an unquoted value`, a, e), { name: d, value: "", span: { start: a, end: e } };
-    e++;
-    const w = e, c = t.indexOf(f, e);
-    return c < 0 ? (s(`attribute "${d}" has an unterminated value`, a, t.length), e = t.length, { name: d, value: t.slice(w), span: { start: a, end: e } }) : (e = c + 1, { name: d, value: t.slice(w, c), span: { start: a, end: e } });
+      return s(`attribute "${d}" has an unquoted value`, a, t), { name: d, value: "", span: { start: a, end: t } };
+    t++;
+    const w = t, c = e.indexOf(f, t);
+    return c < 0 ? (s(`attribute "${d}" has an unterminated value`, a, e.length), t = e.length, { name: d, value: e.slice(w), span: { start: a, end: t } }) : (t = c + 1, { name: d, value: e.slice(w, c), span: { start: a, end: t } });
   }
   function r() {
-    const a = e;
-    e++;
+    const a = t;
+    t++;
     const d = v(), o = [];
     let f = !1;
     for (; ; ) {
       m();
-      const y = t[e];
+      const y = e[t];
       if (y === void 0) {
-        s("unterminated open tag", a, t.length);
+        s("unterminated open tag", a, e.length);
         break;
       }
       if (y === ">") {
-        e++;
+        t++;
         break;
       }
-      if (y === "/" && t[e + 1] === ">") {
-        e += 2, f = !0;
+      if (y === "/" && e[t + 1] === ">") {
+        t += 2, f = !0;
         break;
       }
-      const x = u();
-      if (x === null) {
-        e++;
+      const b = u();
+      if (b === null) {
+        t++;
         continue;
       }
-      o.push(x);
+      o.push(b);
     }
-    const w = { start: a, end: e };
+    const w = { start: a, end: t };
     if (f)
       return {
         id: l(),
         name: d,
         attributes: o,
         children: [],
-        spans: { openTag: w, inner: { start: e, end: e }, closeTag: null },
+        spans: { openTag: w, inner: { start: t, end: t }, closeTag: null },
         tagDirty: !1,
         childrenDirty: !1
       };
-    const c = e, S = [];
+    const c = t, S = [];
     for (; ; ) {
-      if (g(), e >= t.length) {
-        s(`unterminated element <${It(d)}>`, a, t.length);
+      if (g(), t >= e.length) {
+        s(`unterminated element <${Ae(d)}>`, a, e.length);
         break;
       }
-      const y = t[e + 1];
+      const y = e[t + 1];
       if (y === "/") break;
-      if (!bt(y)) {
-        e++;
+      if (!be(y)) {
+        t++;
         continue;
       }
       S.push(r());
     }
-    const h = e;
-    let b = null;
-    if (t.startsWith("</", e)) {
-      const y = t.indexOf(">", e), x = y < 0 ? t.length : y + 1;
-      y < 0 && s("unterminated end tag", e, x), b = { start: e, end: x }, e = x;
+    const h = t;
+    let x = null;
+    if (e.startsWith("</", t)) {
+      const y = e.indexOf(">", t), b = y < 0 ? e.length : y + 1;
+      y < 0 && s("unterminated end tag", t, b), x = { start: t, end: b }, t = b;
     }
     return {
       id: l(),
       name: d,
       attributes: o,
       children: S,
-      spans: { openTag: w, inner: { start: c, end: h }, closeTag: b },
+      spans: { openTag: w, inner: { start: c, end: h }, closeTag: x },
       tagDirty: !1,
       childrenDirty: !1
     };
   }
-  return g(), e < t.length && bt(t[e + 1]) ? { root: r(), warnings: n } : (s("no root element", 0, 0), {
+  return g(), t < e.length && be(e[t + 1]) ? { root: r(), warnings: n } : (s("no root element", 0, 0), {
     root: {
       id: l(),
       name: { prefix: null, local: "" },
@@ -1409,11 +1429,11 @@ function Ie(t) {
     warnings: n
   });
 }
-function It(t) {
-  return t.prefix === null ? t.local : `${t.prefix}:${t.local}`;
+function Ae(e) {
+  return e.prefix === null ? e.local : `${e.prefix}:${e.local}`;
 }
-function Ae(t, n) {
-  const e = (u) => t.slice(u.start, u.end);
+function It(e, n) {
+  const t = (u) => e.slice(u.start, u.end);
   function i(u) {
     return u.spans.closeTag !== null ? u.spans.closeTag.end : Math.max(u.spans.openTag.end, u.spans.inner.end);
   }
@@ -1421,34 +1441,34 @@ function Ae(t, n) {
     return u.includes('"') ? u.includes("'") ? `"${u.replace(/"/g, "&quot;")}"` : `'${u}'` : `"${u}"`;
   }
   function s(u) {
-    const r = u.attributes.map((d) => ` ${d.name}=${l(d.value)}`).join(""), a = It(u.name);
+    const r = u.attributes.map((d) => ` ${d.name}=${l(d.value)}`).join(""), a = Ae(u.name);
     return u.spans.closeTag === null ? `<${a}${r} />` : `<${a}${r}>`;
   }
   function m(u) {
     var o, f;
-    const r = e(u.spans.inner), a = ((o = /^[ \t]*\r?\n[ \t]*/.exec(r)) == null ? void 0 : o[0]) ?? "", d = ((f = /\r?\n[ \t]*$/.exec(r)) == null ? void 0 : f[0]) ?? "";
+    const r = t(u.spans.inner), a = ((o = /^[ \t]*\r?\n[ \t]*/.exec(r)) == null ? void 0 : o[0]) ?? "", d = ((f = /\r?\n[ \t]*$/.exec(r)) == null ? void 0 : f[0]) ?? "";
     return { between: a, before: a, after: d };
   }
   function g(u) {
     const { inner: r } = u.spans;
-    if (u.children.length === 0) return e(r);
+    if (u.children.length === 0) return t(r);
     if (u.childrenDirty) {
       const { between: o, before: f, after: w } = m(u);
       return f + u.children.map(v).join(o) + w;
     }
     let a = "", d = r.start;
     for (const o of u.children)
-      a += t.slice(d, o.spans.openTag.start), a += v(o), d = i(o);
-    return a + t.slice(d, r.end);
+      a += e.slice(d, o.spans.openTag.start), a += v(o), d = i(o);
+    return a + e.slice(d, r.end);
   }
   function v(u) {
-    const r = u.tagDirty ? s(u) : e(u.spans.openTag), a = u.spans.closeTag === null ? "" : e(u.spans.closeTag);
+    const r = u.tagDirty ? s(u) : t(u.spans.openTag), a = u.spans.closeTag === null ? "" : t(u.spans.closeTag);
     return r + g(u) + a;
   }
-  return t.slice(0, n.spans.openTag.start) + v(n) + t.slice(i(n));
+  return e.slice(0, n.spans.openTag.start) + v(n) + e.slice(i(n));
 }
-function Me(t) {
-  const n = t.source, e = (r) => n.slice(r.start, r.end);
+function Mt(e) {
+  const n = e.source, t = (r) => n.slice(r.start, r.end);
   function i(r) {
     return r.parts.map((a, d) => {
       const o = d === 0 ? "" : a.combinator === "child" ? " > " : " ", f = a.simple.map((w) => {
@@ -1479,13 +1499,13 @@ function Me(t) {
     return { between: `;${o}`, before: o, after: `;${w}` };
   }
   function s(r) {
-    const a = r.selectorDirty ? r.selectors.map(i).join(", ") : e(r.selectorSpan);
+    const a = r.selectorDirty ? r.selectors.map(i).join(", ") : t(r.selectorSpan);
     if (r.declarations.length === 0)
       return a + n.slice(r.selectorSpan.end, r.span.end);
     const d = n.slice(r.selectorSpan.end, r.declarations[0].span.start);
     if (r.declarationsDirty) {
-      const { between: w, before: c, after: S } = l(r), h = d.slice(0, d.indexOf("{") + 1), b = r.declarations.map(m).join(w);
-      return `${a}${h}${c}${b}${S}}`;
+      const { between: w, before: c, after: S } = l(r), h = d.slice(0, d.indexOf("{") + 1), x = r.declarations.map(m).join(w);
+      return `${a}${h}${c}${x}${S}}`;
     }
     let o = a, f = r.selectorSpan.end;
     for (const w of r.declarations)
@@ -1493,36 +1513,36 @@ function Me(t) {
     return o + n.slice(f, r.span.end);
   }
   function m(r) {
-    return r.dirty ? `${r.property}: ${r.value}` : e(r.span);
+    return r.dirty ? `${r.property}: ${r.value}` : t(r.span);
   }
   function g(r) {
-    return r.kind === "rule" ? s(r.rule) : e(r.span);
+    return r.kind === "rule" ? s(r.rule) : t(r.span);
   }
   let v = "", u = 0;
-  for (const r of t.items) {
+  for (const r of e.items) {
     const a = r.kind === "rule" ? r.rule.span : r.span;
     v += n.slice(u, a.start), v += g(r), u = a.end;
   }
   return v + n.slice(u);
 }
-function At(t, n = []) {
-  var e;
-  if (t.name.local === "Style") {
-    const i = (e = t.attributes.find((l) => l.name === "src")) == null ? void 0 : e.value;
-    i !== void 0 && i.length > 0 && n.push(yt(i));
+function Ie(e, n = []) {
+  var t;
+  if (e.name.local === "Style") {
+    const i = (t = e.attributes.find((l) => l.name === "src")) == null ? void 0 : t.value;
+    i !== void 0 && i.length > 0 && n.push(ye(i));
   }
-  for (const i of t.children) At(i, n);
+  for (const i of e.children) Ie(i, n);
   return n;
 }
-function ze(t, n, e) {
+function jt(e, n, t) {
   var g, v;
-  const i = Ie(t), l = [...i.warnings], s = [], m = [];
-  for (const u of At(i.root)) {
-    const r = ((g = e == null ? void 0 : e.resolveImport) == null ? void 0 : g.call(e, u)) ?? null;
+  const i = At(e), l = [...i.warnings], s = [], m = [];
+  for (const u of Ie(i.root)) {
+    const r = ((g = t == null ? void 0 : t.resolveImport) == null ? void 0 : g.call(t, u)) ?? null;
     if (r === null) {
       l.push({
         kind: "import-unresolved",
-        message: (e == null ? void 0 : e.resolveImport) === void 0 ? `<Style src="${u}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${u}"> could not be resolved`,
+        message: (t == null ? void 0 : t.resolveImport) === void 0 ? `<Style src="${u}"> was not loaded: pass resolveImport to read it, or pass the stylesheet text directly. Until then this document renders unstyled.` : `<Style src="${u}"> could not be resolved`,
         node: i.root.id
       });
       continue;
@@ -1535,16 +1555,16 @@ function ze(t, n, e) {
       ...n === void 0 ? [] : [{ text: n, origin: null }]
     ];
     for (; r.length > 0; ) {
-      const a = r.shift(), d = s.length, o = rt(a.text, a.origin, d);
+      const a = r.shift(), d = s.length, o = re(a.text, a.origin, d);
       s.push(o.sheet), l.push(...o.warnings);
       for (const f of o.sheet.items) {
         if (f.kind !== "import" || u.has(f.url)) continue;
         u.add(f.url);
-        const w = ((v = e == null ? void 0 : e.resolveImport) == null ? void 0 : v.call(e, f.url)) ?? null;
+        const w = ((v = t == null ? void 0 : t.resolveImport) == null ? void 0 : v.call(t, f.url)) ?? null;
         if (w === null) {
           l.push({
             kind: "import-unresolved",
-            message: (e == null ? void 0 : e.resolveImport) === void 0 ? `@import "${f.url}" was not loaded: pass resolveImport to read it` : `@import "${f.url}" could not be resolved`,
+            message: (t == null ? void 0 : t.resolveImport) === void 0 ? `@import "${f.url}" was not loaded: pass resolveImport to read it` : `@import "${f.url}" could not be resolved`,
             at: { in: "uss", sheet: d, span: f.span }
           });
           continue;
@@ -1553,30 +1573,30 @@ function ze(t, n, e) {
       }
     }
   }
-  return { source: t, root: i.root, sheets: s, warnings: l };
+  return { source: e, root: i.root, sheets: s, warnings: l };
 }
-function je(t) {
-  const n = t.sheets[0];
+function Wt(e) {
+  const n = e.sheets[0];
   return {
-    uxml: Ae(t.source, t.root),
+    uxml: It(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 ? "" : Me(n)
+    uss: n === void 0 ? "" : Mt(n)
   };
 }
-function We(t, n, e) {
-  const i = n.ownerDocument, l = (e == null ? void 0 : e.size) ?? {
+function Bt(e, n, t) {
+  const i = n.ownerDocument, l = (t == null ? void 0 : t.size) ?? {
     width: n.clientWidth,
     height: n.clientHeight
-  }, s = Ne(t, {
-    ...(e == null ? void 0 : e.activeStates) === void 0 ? {} : { activeStates: e.activeStates },
-    ...(e == null ? void 0 : e.states) === void 0 ? {} : { states: e.states }
-  }), m = (e == null ? void 0 : e.measureText) ?? ne(i), g = te(t.root, s.styles, s.partStyles, { size: l, measureText: m });
+  }, s = Nt(e, {
+    ...(t == null ? void 0 : t.activeStates) === void 0 ? {} : { activeStates: t.activeStates },
+    ...(t == null ? void 0 : t.states) === void 0 ? {} : { states: t.states }
+  }), m = (t == null ? void 0 : t.measureText) ?? nt(i), g = et(e.root, s.styles, s.partStyles, { size: l, measureText: m });
   let v;
   try {
-    v = fe(t.root, g.boxes, g.parts, s.styles, n, {
+    v = ft(e.root, g.boxes, g.parts, s.styles, n, {
       document: i,
-      resolveAsset: e == null ? void 0 : e.resolveAsset
+      resolveAsset: t == null ? void 0 : t.resolveAsset
     });
   } catch (r) {
     throw g.dispose(), r;
@@ -1592,18 +1612,19 @@ function We(t, n, e) {
   };
 }
 export {
-  ce as NODE_ATTRIBUTE,
-  ue as PART_ATTRIBUTE,
-  de as PART_OWNER_ATTRIBUTE,
-  ne as createDefaultMeasureText,
-  _e as explainProperty,
-  Vt as isInherited,
-  De as isLayoutEngineReady,
-  Le as liveNodeCount,
-  Ue as loadLayoutEngine,
-  ze as parse,
-  We as render,
-  Ne as resolveStyles,
-  je as serialize,
-  Bt as supportedControlNames
+  _t as KNOWN_DIVERGENCES,
+  ct as NODE_ATTRIBUTE,
+  ut as PART_ATTRIBUTE,
+  dt as PART_OWNER_ATTRIBUTE,
+  nt as createDefaultMeasureText,
+  zt as explainProperty,
+  He as isInherited,
+  Dt as isLayoutEngineReady,
+  Lt as liveNodeCount,
+  Ut as loadLayoutEngine,
+  jt as parse,
+  Bt as render,
+  Nt as resolveStyles,
+  Wt as serialize,
+  Be as supportedControlNames
 };