uxml-preview 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,16 +1,140 @@
-import { loadYoga as lt, PositionType as z, Direction as ct, BoxSizing as ut, FlexDirection as D, Wrap as A, Justify as I, Align as E, Display as ft, Overflow as dt, Edge as M } from "yoga-layout/load";
-const K = {
-  VisualElement: { hasText: !1 },
-  Label: { hasText: !0 },
-  Button: { hasText: !0 }
+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 = {
+  // VisualElement is the base class and carries no class of its own.
+  VisualElement: { hasText: !1, classes: [], parts: [] },
+  Label: { hasText: !0, classes: ["unity-label"], parts: [] },
+  Button: { hasText: !0, classes: ["unity-button"], parts: [] },
+  // Image draws a texture, not text. Its picture reaches this renderer through
+  // `background-image` in USS, which `resolveAsset` can turn into something a
+  // browser will load; a texture assigned from C# has no path to follow here.
+  Image: { hasText: !1, classes: ["unity-image"], parts: [] },
+  /**
+   * Four elements from one tag. The names below are observed in
+   * `tests/golden/unity/scrollview-*.json`, not taken from documentation — the
+   * middle one, `unity-content-and-vertical-scroll-container`, is not in
+   * Unity's manual diagram at all and was found by dumping.
+   *
+   * The styles are inference, unlike the names: they are how this renderer
+   * reproduces the measured geometry, and the three `scrollview-*` golden cases
+   * are what decides whether the inference is right.
+   */
+  ScrollView: {
+    hasText: !1,
+    classes: ["unity-scroll-view"],
+    parts: [
+      // Fills the ScrollView's content box, and lays the viewport out beside
+      // the vertical scrollbar — hence row.
+      {
+        name: "unity-content-and-vertical-scroll-container",
+        style: { "flex-grow": "1", "flex-direction": "row" }
+      },
+      // What actually clips. Takes whatever width the scrollbar leaves.
+      { name: "unity-content-viewport", style: { "flex-grow": "1", overflow: "hidden" } },
+      // `flex-shrink: 0` is the whole reason a ScrollView is not one box:
+      // this grows to the content's height instead of being squeezed into the
+      // viewport's, so children keep their sizes and the viewport crops them.
+      // Without it three 60px children in a 100px view come out 33/34/33.
+      { 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);
+}
+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 jt(t) {
+  return t.name.local === Lt;
+}
+function Wt(t) {
+  return F(t).spec.classes;
+}
+function Bt() {
+  return Object.keys(xt);
+}
+const X = "6000.0.40f1", vt = `:disabled {
+  opacity: 0.5;
+}
+
+.unity-button {
+  margin: 1px 3px;
+  -unity-text-align: middle-center;
+}
+`, Ft = 13;
+function Pt(t) {
+  return t ? Ft : 0;
+}
+const Ht = /* @__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 Vt(t) {
+  return t.startsWith("--") || Ht.has(t);
+}
+function ut(t) {
+  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);
+  }
+  return i >= 0 && n.push(t.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];
+}
+const Gt = {
+  margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
+  padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
+  "border-width": [
+    "border-top-width",
+    "border-right-width",
+    "border-bottom-width",
+    "border-left-width"
+  ],
+  "border-color": [
+    "border-top-color",
+    "border-right-color",
+    "border-bottom-color",
+    "border-left-color"
+  ],
+  // Radii run clockwise from the top-left corner, not top/right/bottom/left.
+  "border-radius": [
+    "border-top-left-radius",
+    "border-top-right-radius",
+    "border-bottom-right-radius",
+    "border-bottom-left-radius"
+  ]
 };
-function U(t) {
-  return K[t.name.local] ?? null;
+function dt(t) {
+  return /^-?(\d+\.?\d*|\.\d+)$/.test(t);
+}
+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 ie() {
-  return Object.keys(K);
+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]]);
 }
-const Q = {
+const tt = {
   "align-content": "flex-start",
   "align-items": "stretch",
   "align-self": "auto",
@@ -46,8 +170,8 @@ const Q = {
   "padding-right": "0",
   "padding-top": "0",
   "font-size": "12px"
-}, pt = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
-function P(t) {
+}, Yt = ["em", "rem", "vh", "vw", "vmin", "vmax", "pt", "cm", "in"];
+function Y(t) {
   const n = t.trim();
   if (n === "") return { length: null, problem: "empty value" };
   if (n === "auto") return { length: { kind: "auto" } };
@@ -58,195 +182,244 @@ function P(t) {
   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 } } : pt.includes(l) ? { length: null, problem: `"${l}" is not a USS unit` } : { length: null, problem: `unknown unit "${l}"` };
+  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}"` };
 }
-function B(t) {
+function ft(t) {
   const n = t.trim();
   return /^-?(\d+\.?\d*|\.\d+)$/.test(n) ? Number(n) : null;
 }
-let _ = null;
-async function re() {
-  _ ?? (_ = await lt());
+let st = null;
+async function Ue() {
+  st ?? (st = await Mt());
 }
-function se() {
-  return _ !== null;
+function De() {
+  return st !== null;
 }
-let W = 0;
-function oe() {
-  return W;
+let G = 0;
+function Le() {
+  return G;
 }
-const R = {
-  auto: E.Auto,
-  "flex-start": E.FlexStart,
-  center: E.Center,
-  "flex-end": E.FlexEnd,
-  stretch: E.Stretch,
-  baseline: E.Baseline,
-  "space-between": E.SpaceBetween,
-  "space-around": E.SpaceAround,
-  "space-evenly": E.SpaceEvenly
-}, ht = {
-  "flex-start": I.FlexStart,
-  center: I.Center,
-  "flex-end": I.FlexEnd,
-  "space-between": I.SpaceBetween,
-  "space-around": I.SpaceAround,
-  "space-evenly": I.SpaceEvenly
-}, gt = {
-  column: D.Column,
-  "column-reverse": D.ColumnReverse,
-  row: D.Row,
-  "row-reverse": D.RowReverse
-}, mt = {
-  nowrap: A.NoWrap,
-  wrap: A.Wrap,
-  "wrap-reverse": A.WrapReverse
-}, wt = [
-  ["left", M.Left],
-  ["top", M.Top],
-  ["right", M.Right],
-  ["bottom", M.Bottom]
+const K = {
+  auto: L.Auto,
+  "flex-start": L.FlexStart,
+  center: L.Center,
+  "flex-end": L.FlexEnd,
+  stretch: L.Stretch,
+  baseline: L.Baseline,
+  "space-between": L.SpaceBetween,
+  "space-around": L.SpaceAround,
+  "space-evenly": L.SpaceEvenly
+}, Zt = {
+  "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 = {
+  nowrap: q.NoWrap,
+  wrap: q.Wrap,
+  "wrap-reverse": q.WrapReverse
+}, Qt = [
+  ["left", P.Left],
+  ["top", P.Top],
+  ["right", P.Right],
+  ["bottom", P.Bottom]
 ];
-function bt(t, n, e) {
-  const i = _;
-  if (i === null)
+function te(t, n, e, i) {
+  const l = st;
+  if (l === null)
     throw new Error("loadLayoutEngine() must be awaited before rendering");
-  const l = [], r = /* @__PURE__ */ new Map(), p = [], g = /* @__PURE__ */ new Map();
-  let b = 0, d = !1;
-  const s = (a, o) => {
-    var h;
-    return ((h = a.get(o)) == null ? void 0 : h.value) ?? Q[o] ?? "";
+  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] ?? "";
   };
-  function c(a, o) {
-    l.push({ kind: "unsupported-property", message: a, node: o.id });
-  }
-  function u(a, o, h) {
-    const v = s(a, o);
-    if (v === "") return null;
-    const { length: y, problem: T } = P(v);
-    return T !== void 0 && c(`${o}: ${T}`, h), y;
-  }
-  function f(a) {
-    if (a !== null)
-      switch (a.kind) {
+  function w(p, k) {
+    s.push({ kind: "unsupported-property", message: p, node: k.id });
+  }
+  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;
+  }
+  function S(p) {
+    if (p !== null)
+      switch (p.kind) {
         case "px":
-          return a.value;
+          return p.value;
         case "percent":
-          return `${a.value}%`;
+          return `${p.value}%`;
         case "auto":
           return "auto";
         case "none":
           return;
       }
   }
-  function x(a) {
-    if (a !== null) {
-      if (a.kind === "px") return a.value;
-      if (a.kind === "percent") return `${a.value}%`;
+  function h(p) {
+    if (p !== null) {
+      if (p.kind === "px") return p.value;
+      if (p.kind === "percent") return `${p.value}%`;
     }
   }
-  function S(a, o, h) {
-    a.setBoxSizing(ut.BorderBox), a.setFlexDirection(gt[s(o, "flex-direction")] ?? D.Column), a.setFlexWrap(mt[s(o, "flex-wrap")] ?? A.NoWrap), a.setJustifyContent(ht[s(o, "justify-content")] ?? I.FlexStart), a.setAlignItems(R[s(o, "align-items")] ?? E.Stretch), a.setAlignSelf(R[s(o, "align-self")] ?? E.Auto), a.setAlignContent(R[s(o, "align-content")] ?? E.FlexStart), a.setFlexGrow(B(s(o, "flex-grow")) ?? 0), a.setFlexShrink(B(s(o, "flex-shrink")) ?? 1), a.setFlexBasis(f(u(o, "flex-basis", h)));
-    const v = s(o, "position");
-    (v === "fixed" || v === "sticky") && c(`position: ${v} is not supported in USS; treated as relative`, h), a.setPositionType(
-      v === "absolute" ? z.Absolute : z.Relative
-    ), s(o, "display") === "none" && a.setDisplay(ft.None);
-    const y = s(o, "overflow");
-    y === "hidden" ? a.setOverflow(dt.Hidden) : (y === "auto" || y === "scroll") && c(`overflow: ${y} needs a ScrollView element in USS`, h), a.setWidth(f(u(o, "width", h))), a.setHeight(f(u(o, "height", h))), a.setMinWidth(x(u(o, "min-width", h))), a.setMinHeight(x(u(o, "min-height", h))), a.setMaxWidth(x(u(o, "max-width", h))), a.setMaxHeight(x(u(o, "max-height", h)));
-    for (const [T, N] of wt) {
-      a.setMargin(N, x(u(o, `margin-${T}`, h))), a.setPadding(N, x(u(o, `padding-${T}`, h)));
-      const O = x(u(o, `border-${T}-width`, h));
-      a.setBorder(N, typeof O == "number" ? O : void 0), a.setPosition(N, x(u(o, T, h)));
+  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)));
+    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);
+    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)));
     }
   }
-  function m(a) {
-    var o;
-    return (o = a.attributes.find((h) => h.name === "text")) == null ? void 0 : o.value;
-  }
-  function $(a, o) {
-    const h = n.get(a.id) ?? /* @__PURE__ */ new Map(), v = i.Node.create();
-    b++, W++, g.set(a, v), p.push(a), S(v, h, a), o !== null && o.insertChild(v, o.getChildCount());
-    const y = U(a), T = m(a);
-    if ((y == null ? void 0 : y.hasText) === !0 && T !== void 0 && T.length > 0) {
-      a.children.length > 0 && c(
-        `<${a.name.local}> has both a text attribute and children; children are not drawn`,
-        a
+  function y(p) {
+    var k;
+    return (k = p.attributes.find((T) => T.name === "text")) == null ? void 0 : k.value;
+  }
+  const x = ["text", "label"];
+  function $(p) {
+    return x.filter(
+      (k) => p.attributes.some((T) => T.name === k && T.value.length > 0)
+    );
+  }
+  function O(p, k) {
+    if (zt(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) {
+      const M = $(p);
+      s.push({
+        kind: "unsupported-control",
+        message: `<${p.name.local}> has no renderer in this version and is drawn as a plain VisualElement` + (M.length === 0 ? "" : `; its ${M.join(" and ")} attribute${M.length > 1 ? "s are" : " is"} not drawn, because Unity draws that through a child element`),
+        node: p.id
+      });
+    }
+    if (z) {
+      p.children.length > 0 && w(
+        `<${p.name.local}> has both a text attribute and children; children are not drawn`,
+        p
       );
-      const O = u(h, "font-size", a), at = {
-        fontSize: O !== null && O.kind === "px" ? O.value : 12,
-        fontStyle: s(h, "-unity-font-style") || "normal",
-        whiteSpace: s(h, "white-space") || "normal"
+      const M = c(T, "font-size", p), _ = {
+        fontSize: M !== null && M.kind === "px" ? M.value : 12,
+        fontStyle: f(T, "-unity-font-style") || "normal",
+        whiteSpace: f(T, "white-space") || "normal"
       };
-      v.setMeasureFunc(
-        (H) => e.measureText(
-          T,
-          at,
-          Number.isFinite(H) ? H : 0
+      N.setMeasureFunc(
+        (U) => i.measureText(
+          A,
+          _,
+          Number.isFinite(U) ? U : 0
         )
       );
       return;
     }
-    for (const O of a.children) {
-      if (U(O) === null) {
-        l.push({
-          kind: "unsupported-control",
-          message: `<${O.name.local}> is not supported in v0.1 and is not drawn`,
-          node: O.id
+    let j = N;
+    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.`,
+        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,
+          owner: p.id,
+          box: { left: 0, top: 0, width: 0, height: 0 },
+          style: at
         });
-        continue;
       }
-      $(O, v);
+      g.set(p.id, M), r.set(p.id, _);
+    }
+    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);
+  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);
     }
+    if (!k) break;
+    E.calculateLayout(i.size.width, i.size.height, lt.LTR);
   }
-  $(t, null);
-  const k = g.get(t);
-  k.setWidth(e.size.width), k.setHeight(e.size.height), k.setPositionType(z.Relative), k.calculateLayout(e.size.width, e.size.height, ct.LTR);
-  function w(a, o, h) {
-    const v = g.get(a);
-    if (v === void 0) return;
-    const y = v.getComputedLayout(), T = o + y.left, N = h + y.top;
-    r.set(a.id, { left: T, top: N, width: y.width, height: y.height });
-    for (const O of a.children) w(O, T, N);
-  }
-  return w(t, 0, 0), {
-    boxes: r,
-    painted: p,
-    warnings: l,
+  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 };
+    });
+    for (const M of p.children) D(M, I, A);
+  }
+  return D(t, 0, 0), {
+    boxes: m,
+    parts: g,
+    painted: v,
+    warnings: s,
     dispose() {
-      d || (d = !0, k.freeRecursive(), W -= b, g.clear());
+      d || (d = !0, E.freeRecursive(), G -= a, u.clear(), r.clear());
     }
   };
 }
-const xt = 1.2;
-function vt(t) {
+const ee = 1.2;
+function ne(t) {
   var e;
   let n = null;
   if (t !== void 0) {
     const i = t.createElement("canvas");
     n = ((e = i.getContext) == null ? void 0 : e.call(i, "2d")) ?? null;
   }
-  return (i, l, r) => {
-    const p = l.fontSize * xt, g = (f) => {
+  return (i, l, s) => {
+    const m = l.fontSize * ee, g = (o) => {
       if (n === null)
-        return f.length * l.fontSize * 0.5;
-      const x = l.fontStyle.includes("bold") ? "bold" : "normal", S = l.fontStyle.includes("italic") ? "italic" : "normal";
-      return n.font = `${S} ${x} ${l.fontSize}px sans-serif`, n.measureText(f).width;
+        return o.length * l.fontSize * 0.5;
+      const f = l.fontStyle.includes("bold") ? "bold" : "normal", w = l.fontStyle.includes("italic") ? "italic" : "normal";
+      return n.font = `${w} ${f} ${l.fontSize}px sans-serif`, n.measureText(o).width;
     };
-    if (!(l.whiteSpace !== "nowrap" && l.whiteSpace !== "pre") || r <= 0) {
-      const f = i.split(`
+    if (!(l.whiteSpace !== "nowrap" && l.whiteSpace !== "pre") || s <= 0) {
+      const o = i.split(`
 `);
-      return { width: f.reduce((S, m) => Math.max(S, g(m)), 0), height: f.length * p };
+      return { width: o.reduce((w, c) => Math.max(w, g(c)), 0), height: o.length * m };
     }
-    const d = i.split(/\s+/).filter((f) => f.length > 0);
-    let s = 1, c = 0, u = 0;
-    for (const f of d) {
-      const x = g(f), S = c === 0 ? 0 : g(" ");
-      c > 0 && c + S + x > r ? (u = Math.max(u, c), s++, c = x) : c += S + x;
+    const u = i.split(/\s+/).filter((o) => o.length > 0);
+    let r = 1, a = 0, d = 0;
+    for (const o of u) {
+      const f = g(o), w = a === 0 ? 0 : g(" ");
+      a > 0 && a + w + f > s ? (d = Math.max(d, a), r++, a = f) : a += w + f;
     }
-    return u = Math.max(u, c), { width: u, height: s * p };
+    return d = Math.max(d, a), { width: d, height: r * m };
   };
 }
-const kt = /* @__PURE__ */ new Set([
+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, "&");
+}
+const ie = /* @__PURE__ */ new Set([
   "box-shadow",
   "filter",
   "backdrop-filter",
@@ -262,7 +435,7 @@ const kt = /* @__PURE__ */ new Set([
   "float",
   "clear",
   "border-style"
-]), St = /* @__PURE__ */ new Set([
+]), se = /* @__PURE__ */ new Set([
   "gap",
   "row-gap",
   "column-gap",
@@ -272,37 +445,41 @@ const kt = /* @__PURE__ */ new Set([
   "background-repeat",
   "overflow-wrap",
   "word-break"
-]), q = ["top", "right", "bottom", "left"], yt = {
+]), pt = ["top", "right", "bottom", "left"], re = {
   normal: { weight: "normal", style: "normal" },
   bold: { weight: "bold", style: "normal" },
   italic: { weight: "normal", style: "italic" },
   "bold-and-italic": { weight: "bold", style: "italic" }
-}, $t = {
+}, oe = {
   upper: "flex-start",
   middle: "center",
   lower: "flex-end"
-}, Tt = {
+}, ae = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-};
-function Ot(t) {
+}, Q = {
+  "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];
 }
-function Et(t, n, e = {}) {
-  var S;
-  const i = {}, l = [], r = (m) => {
-    var $;
-    return ($ = t.get(m)) == null ? void 0 : $.value;
-  }, p = (m, $) => {
-    l.push({ kind: m, message: $, node: n });
+function mt(t, n, e = {}) {
+  var w;
+  const i = {}, l = [], s = (c) => {
+    var S;
+    return (S = t.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 [m] of t)
-    kt.has(m) ? p("unsupported-property", `${m} does not exist in USS and is ignored`) : St.has(m) && p(
+  for (const [c] of t)
+    ie.has(c) ? m("unsupported-property", `${c} does not exist in USS and is ignored`) : se.has(c) && m(
       "version-dependent",
-      `${m} depends on the Unity version; verify it in your project`
+      `${c} depends on the Unity version; verify it in your project`
     );
   const g = [
     "background-color",
@@ -317,473 +494,445 @@ function Et(t, n, e = {}) {
     "font-size",
     "transform-origin"
   ];
-  for (const m of g) {
-    const $ = r(m);
-    $ !== void 0 && (i[m] = $);
-  }
-  r("display") === "none" && (i.display = "none"), r("overflow") === "hidden" && (i.overflow = "hidden");
-  for (const m of q) {
-    const $ = r(`border-${m}-width`);
-    if ($ !== void 0 && $ !== "0") {
-      const { length: a, problem: o } = P($);
-      a === null || a.kind !== "px" ? p(
+  for (const c of g) {
+    const S = s(c);
+    S !== void 0 && (i[c] = S);
+  }
+  s("display") === "none" && (i.display = "none"), s("overflow") === "hidden" && (i.overflow = "hidden");
+  for (const c of pt) {
+    const S = s(`border-${c}-width`);
+    if (S !== void 0 && S !== "0") {
+      const { length: y, problem: x } = Y(S);
+      y === null || y.kind !== "px" ? m(
         "unsupported-property",
-        `border-${m}-width: ${o ?? `"${$}" is not a pixel length`}; ignored`
-      ) : (i[`border-${m}-width`] = `${a.value}px`, i[`border-${m}-style`] = "solid");
+        `border-${c}-width: ${x ?? `"${S}" is not a pixel length`}; ignored`
+      ) : (i[`border-${c}-width`] = `${y.value}px`, i[`border-${c}-style`] = "solid");
     }
-    const k = r(`border-${m}-color`);
-    k !== void 0 && (i[`border-${m}-color`] = k);
-    const w = r(`padding-${m}`);
-    w !== void 0 && w !== "0" && (i[`padding-${m}`] = w);
+    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);
   }
-  for (const m of [
+  for (const c of [
     "top-left",
     "top-right",
     "bottom-right",
     "bottom-left"
   ]) {
-    const $ = r(`border-${m}-radius`);
-    $ !== void 0 && (i[`border-${m}-radius`] = $);
-  }
-  const b = r("-unity-font-style");
-  if (b !== void 0) {
-    const m = yt[b];
-    m === void 0 ? p("unsupported-property", `-unity-font-style: ${b} is not a USS value`) : (i["font-weight"] = m.weight, i["font-style"] = m.style);
-  }
-  const d = r("-unity-text-align");
-  if (d !== void 0) {
-    const [m, $] = d.split("-"), k = $t[m ?? ""], w = Tt[$ ?? ""];
-    k === void 0 || w === void 0 ? p("unsupported-property", `-unity-text-align: ${d} is not a USS value`) : (i["align-items"] = k, i["justify-content"] = w);
-  }
-  const s = [], c = r("translate");
-  c !== void 0 && s.push(`translate(${c.replace(/\s+/, ", ")})`);
-  const u = r("rotate");
-  u !== void 0 && s.push(`rotate(${u})`);
-  const f = r("scale");
-  f !== void 0 && s.push(`scale(${f.replace(/\s+/, ", ")})`), s.length > 0 && (i.transform = s.join(" "));
-  const x = r("background-image");
-  if (x !== void 0 && x !== "none") {
-    const m = Ot(x);
-    if (m === null)
-      p("asset-unresolved", `background-image: cannot read "${x}" as an asset path`);
+    const S = s(`border-${c}-radius`);
+    S !== void 0 && (i[`border-${c}-radius`] = S);
+  }
+  const v = s("-unity-font-style");
+  if (v !== void 0) {
+    const c = re[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 r = [], a = s("translate");
+  a !== void 0 && r.push(`translate(${a.replace(/\s+/, ", ")})`);
+  const d = s("rotate");
+  d !== void 0 && r.push(`rotate(${d})`);
+  const o = s("scale");
+  o !== void 0 && r.push(`scale(${o.replace(/\s+/, ", ")})`), r.length > 0 && (i.transform = r.join(" "));
+  const f = s("background-image");
+  if (f !== void 0 && f !== "none") {
+    const c = le(f);
+    if (c === null)
+      m("asset-unresolved", `background-image: cannot read "${f}" as an asset path`);
     else {
-      const $ = ((S = e.resolveAsset) == null ? void 0 : S.call(e, m)) ?? null;
-      $ === 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: "${m}" was not resolved`)) : (i["background-image"] = `url("${$}")`, i["background-size"] = r("background-size") ?? "contain", i["background-repeat"] = r("background-repeat") ?? "no-repeat", i["background-position"] = r("background-position") ?? "center");
+      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`);
+      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(
+          "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];
+      }
     }
   }
-  return r("-unity-background-image-tint-color") !== void 0 && p(
+  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"
-  ), q.some((m) => r(`-unity-slice-${m}`) !== void 0) && p("unsupported-property", "-unity-slice-* (9-slice) is not drawn in this preview"), r("-unity-font-definition") !== void 0 && p(
+  ), 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(
     "unsupported-property",
     "-unity-font-definition names a Unity font asset; the browser default is used"
   ), { declarations: i, warnings: l };
 }
-const Nt = "data-uxml-node";
-function It(t, n, e, i, l) {
-  const r = [], p = /* @__PURE__ */ new Map();
-  function g(s) {
-    const c = e.get(s.id), u = (f) => {
-      var m;
-      const x = ((m = c == null ? void 0 : c.get(f)) == null ? void 0 : m.value) ?? Q[f] ?? "0", { length: S } = P(x);
+const ce = "data-uxml-node", ue = "data-uxml-part", de = "data-uxml-part-owner";
+function fe(t, n, e, 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);
       return S !== null && S.kind === "px" ? S.value : 0;
     };
-    return { left: u("border-left-width"), top: u("border-top-width") };
-  }
-  function b(s, c, u) {
-    var h;
-    const f = n.get(s.id);
-    if (f === void 0) return null;
-    const x = l.document.createElement("div");
-    x.setAttribute(Nt, String(s.id));
-    const S = e.get(s.id) ?? /* @__PURE__ */ new Map(), m = Et(S, s.id, l);
-    r.push(...m.warnings);
-    const $ = c === null ? 0 : f.left - c.left - u.left, k = c === null ? 0 : f.top - c.top - u.top, w = {
+    return { left: f("border-left-width"), top: f("border-top-width") };
+  }
+  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);
+      return c !== null && c.kind === "px" ? c.value : 0;
+    };
+    return { left: o("border-left-width"), top: o("border-top-width") };
+  }
+  function r(d, o, f) {
+    var E;
+    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);
+    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 = {
       position: "absolute",
-      left: `${$}px`,
-      top: `${k}px`,
-      width: `${f.width}px`,
-      height: `${f.height}px`,
+      left: `${b}px`,
+      top: `${y}px`,
+      width: `${w.width}px`,
+      height: `${w.height}px`,
       margin: "0",
-      ...m.declarations
+      ...h.declarations
     };
-    for (const [v, y] of Object.entries(w))
-      x.style.setProperty(v, y);
-    const a = U(s), o = (h = s.attributes.find((v) => v.name === "text")) == null ? void 0 : h.value;
-    if ((a == null ? void 0 : a.hasText) === !0 && o !== void 0 && o.length > 0)
-      x.style.setProperty("display", m.declarations.display ?? "flex"), m.declarations["align-items"] === void 0 && x.style.setProperty("align-items", "flex-start"), m.declarations["justify-content"] === void 0 && x.style.setProperty("justify-content", "flex-start"), x.textContent = Ct(o);
+    for (const [R, D] of Object.entries(x))
+      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);
     else {
-      const v = g(s);
-      for (const y of s.children) {
-        const T = b(y, f, v);
-        T !== null && x.appendChild(T);
+      let R = c, D = w, p = v(d);
+      for (const k of e.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);
+        m.push(...N.warnings);
+        const C = {
+          position: "absolute",
+          left: `${k.box.left - D.left - p.left}px`,
+          top: `${k.box.top - D.top - p.top}px`,
+          width: `${k.box.width}px`,
+          height: `${k.box.height}px`,
+          margin: "0",
+          ...N.declarations
+        };
+        for (const [I, A] of Object.entries(C))
+          T.style.setProperty(I, A);
+        R.appendChild(T), R = T, D = k.box, p = u(k);
+      }
+      for (const k of d.children) {
+        const T = r(k, D, p);
+        T !== null && R.appendChild(T);
       }
     }
-    return p.set(s.id, x), x;
+    return g.set(d.id, c), c;
   }
-  i.replaceChildren();
-  const d = b(t, null, { left: 0, top: 0 });
-  return d !== null && (d.style.setProperty("position", "relative"), i.appendChild(d)), { warnings: r, elements: p };
-}
-function Ct(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, "&");
+  l.replaceChildren();
+  const a = r(t, null, { left: 0, top: 0 });
+  return a !== null && (a.style.setProperty("position", "relative"), l.appendChild(a)), { warnings: m, elements: g };
 }
-const V = /[A-Za-z0-9_-]/;
-function C(t) {
+const gt = /[A-Za-z0-9_-]/;
+function B(t) {
   return t === " " || t === "	" || t === `
 ` || t === "\r" || t === "\f";
 }
-function F(t, n, e) {
+function et(t, n, e) {
   let i = n, l = 0;
   for (; i < t.length; ) {
-    const r = t[i];
-    if (r === '"' || r === "'") {
-      const p = t.indexOf(r, i + 1);
-      i = p < 0 ? t.length : p + 1;
+    const s = t[i];
+    if (s === '"' || s === "'") {
+      const m = t.indexOf(s, i + 1);
+      i = m < 0 ? t.length : m + 1;
       continue;
     }
-    if (r === "/" && t[i + 1] === "*") {
-      const p = t.indexOf("*/", i + 2);
-      i = p < 0 ? t.length : p + 2;
+    if (s === "/" && t[i + 1] === "*") {
+      const m = t.indexOf("*/", i + 2);
+      i = m < 0 ? t.length : m + 2;
       continue;
     }
-    if (r === "(" || r === "[")
+    if (s === "(" || s === "[")
       l++;
-    else if (r === ")" || r === "]")
+    else if (s === ")" || s === "]")
       l > 0 && l--;
-    else if (l === 0 && e.includes(r))
+    else if (l === 0 && e.includes(s))
       return i;
     i++;
   }
   return t.length;
 }
-function tt(t, n, e) {
+function kt(t, n, e) {
   let i = n, l = e;
-  for (; i < l && C(t[i]); ) i++;
-  for (; l > i && C(t[l - 1]); ) l--;
+  for (; i < l && B(t[i]); ) i++;
+  for (; l > i && B(t[l - 1]); ) l--;
   return { start: i, end: l };
 }
-function et(t, n, e, i) {
+function St(t, n, e, i) {
   const l = [];
-  let r = n;
-  for (; r < e; ) {
-    for (; r < e && (C(t[r]) || t.startsWith("/*", r)); )
-      if (t.startsWith("/*", r)) {
-        const s = t.indexOf("*/", r + 2);
-        r = s < 0 ? e : s + 2;
+  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;
       } else
-        r++;
-    if (r >= e) break;
-    if (t[r] === ";") {
-      r++;
+        s++;
+    if (s >= e) break;
+    if (t[s] === ";") {
+      s++;
       continue;
     }
-    const p = r, g = F(t, p, ":;}");
+    const m = s, g = et(t, m, ":;}");
     if (g >= e || t[g] !== ":") {
-      const s = Math.min(g, e);
-      i == null || i("declaration without a value", p, s), r = s + 1;
+      const r = Math.min(g, e);
+      i == null || i("declaration without a value", m, r), s = r + 1;
       continue;
     }
-    const b = Math.min(F(t, g + 1, ";}"), e), d = tt(t, g + 1, b);
+    const v = Math.min(et(t, g + 1, ";}"), e), u = kt(t, g + 1, v);
     l.push({
-      property: t.slice(p, g).trim(),
-      value: t.slice(d.start, d.end),
-      span: { start: p, end: d.end },
+      property: t.slice(m, g).trim(),
+      value: t.slice(u.start, u.end),
+      span: { start: m, end: u.end },
       dirty: !1
-    }), r = b + 1;
+    }), s = v + 1;
   }
   return l;
 }
-function Dt(t) {
+function pe(t) {
   const n = t.span.end - 1 - t.value.length;
   return n < t.span.start ? null : n;
 }
-function Mt(t, n = null, e = 0) {
+function rt(t, n = null, e = 0) {
   const i = [], l = [];
-  let r = 0;
-  function p(k, w, a) {
+  let s = 0;
+  function m(h, b, y) {
     i.push({
       kind: "malformed",
-      message: k,
-      at: { in: "uss", sheet: e, span: { start: w, end: a } }
+      message: h,
+      at: { in: "uss", sheet: e, span: { start: b, end: y } }
     });
   }
   function g() {
     for (; ; ) {
-      for (; C(t[r]); ) r++;
-      if (t.startsWith("/*", r)) {
-        const k = t.indexOf("*/", r + 2);
-        r = k < 0 ? t.length : k + 2;
+      for (; B(t[s]); ) s++;
+      if (t.startsWith("/*", s)) {
+        const h = t.indexOf("*/", s + 2);
+        s = h < 0 ? t.length : h + 2;
         continue;
       }
       return;
     }
   }
-  const b = (k, w) => F(t, k, w), d = (k, w) => tt(t, k, w);
-  function s(k) {
-    let w = k + 1, a = 1;
-    for (; w < t.length; ) {
-      const o = t[w];
-      if (o === '"' || o === "'") {
-        const h = t.indexOf(o, w + 1);
-        w = h < 0 ? t.length : h + 1;
+  const v = (h, b) => et(t, h, b), u = (h, b) => kt(t, h, b);
+  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;
         continue;
       }
-      if (o === "/" && t[w + 1] === "*") {
-        const h = t.indexOf("*/", w + 2);
-        w = h < 0 ? t.length : h + 2;
+      if (x === "/" && t[b + 1] === "*") {
+        const $ = t.indexOf("*/", b + 2);
+        b = $ < 0 ? t.length : $ + 2;
         continue;
       }
-      if (o === "{") a++;
-      else if (o === "}" && --a === 0) return w + 1;
-      w++;
+      if (x === "{") y++;
+      else if (x === "}" && --y === 0) return b + 1;
+      b++;
     }
     return t.length;
   }
-  function c(k) {
-    let w = k;
-    for (; w < t.length && V.test(t[w]); ) w++;
-    return w;
-  }
-  function u(k) {
-    const w = t[k], a = w === "(" ? ")" : "]";
-    let o = k + 1, h = 1;
-    for (; o < t.length; ) {
-      const v = t[o];
-      if (v === '"' || v === "'") {
-        const y = t.indexOf(v, o + 1);
-        o = y < 0 ? t.length : y + 1;
+  function a(h) {
+    let b = h;
+    for (; b < t.length && gt.test(t[b]); ) b++;
+    return b;
+  }
+  function d(h) {
+    const b = t[h], y = b === "(" ? ")" : "]";
+    let x = h + 1, $ = 1;
+    for (; x < t.length; ) {
+      const O = t[x];
+      if (O === '"' || O === "'") {
+        const E = t.indexOf(O, x + 1);
+        x = E < 0 ? t.length : E + 1;
         continue;
       }
-      if (v === w) h++;
-      else if (v === a && --h === 0) return o + 1;
-      o++;
+      if (O === b) $++;
+      else if (O === y && --$ === 0) return x + 1;
+      x++;
     }
     return t.length;
   }
-  function f(k, w) {
-    const a = [];
-    let o = k;
-    for (; o < w; ) {
-      const h = t[o];
-      if (C(h) || h === ">" || h === "+" || h === "~" || h === ",") break;
-      if (h === "*")
-        a.push({ kind: "universal" }), o++;
-      else if (h === "." || h === "#") {
-        const v = c(o + 1);
-        a.push(
-          h === "." ? { kind: "class", name: t.slice(o + 1, v) } : { kind: "name", name: t.slice(o + 1, v) }
-        ), o = v;
-      } else if (h === "[") {
-        const v = Math.min(u(o), w);
-        a.push({ kind: "unknown", text: t.slice(o, v) }), o = v;
-      } else if (h === ":")
-        if (t[o + 1] === ":") {
-          const v = c(o + 2);
-          a.push({ kind: "unknown", text: t.slice(o, v) }), o = v;
+  function o(h, b) {
+    const y = [];
+    let x = h;
+    for (; x < b; ) {
+      const $ = t[x];
+      if (B($) || $ === ">" || $ === "+" || $ === "~" || $ === ",") break;
+      if ($ === "*")
+        y.push({ kind: "universal" }), x++;
+      else if ($ === "." || $ === "#") {
+        const O = a(x + 1);
+        y.push(
+          $ === "." ? { kind: "class", name: t.slice(x + 1, O) } : { kind: "name", name: t.slice(x + 1, O) }
+        ), x = O;
+      } else if ($ === "[") {
+        const O = Math.min(d(x), b);
+        y.push({ kind: "unknown", text: t.slice(x, O) }), x = O;
+      } else if ($ === ":")
+        if (t[x + 1] === ":") {
+          const O = a(x + 2);
+          y.push({ kind: "unknown", text: t.slice(x, O) }), x = O;
         } else {
-          const v = c(o + 1);
-          if (t[v] === "(") {
-            const y = Math.min(u(v), w);
-            a.push({ kind: "unknown", text: t.slice(o, y) }), o = y;
+          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;
           } else
-            a.push({ kind: "pseudo", name: t.slice(o + 1, v) }), o = v;
+            y.push({ kind: "pseudo", name: t.slice(x + 1, O) }), x = O;
         }
-      else if (V.test(h)) {
-        const v = c(o);
-        a.push({ kind: "type", name: t.slice(o, v) }), o = v;
+      else if (gt.test($)) {
+        const O = a(x);
+        y.push({ kind: "type", name: t.slice(x, O) }), x = O;
       } else
-        a.push({ kind: "unknown", text: h }), o++;
+        y.push({ kind: "unknown", text: $ }), x++;
     }
-    return { simple: a, next: o };
-  }
-  function x(k, w) {
-    const a = d(k, w), o = [];
-    let h = "descendant", v = null, y = a.start;
-    for (; y < a.end; ) {
-      const T = t[y];
-      if (C(T)) {
-        y++;
+    return { simple: y, next: x };
+  }
+  function f(h, b) {
+    const y = u(h, b), x = [];
+    let $ = "descendant", O = null, E = y.start;
+    for (; E < y.end; ) {
+      const R = t[E];
+      if (B(R)) {
+        E++;
         continue;
       }
-      if (T === ">") {
-        h = "child", y++;
+      if (R === ">") {
+        $ = "child", E++;
         continue;
       }
-      if (T === "+" || T === "~") {
-        v = T, y++;
+      if (R === "+" || R === "~") {
+        O = R, E++;
         continue;
       }
-      const { simple: N, next: O } = f(y, a.end);
-      if (O === y) {
-        y++;
+      const { simple: D, next: p } = o(E, y.end);
+      if (p === E) {
+        E++;
         continue;
       }
-      v !== null && (N.unshift({ kind: "unknown", text: v }), v = null), o.push({ combinator: h, simple: N }), h = "descendant", y = O;
+      O !== null && (D.unshift({ kind: "unknown", text: O }), O = null), x.push({ combinator: $, simple: D }), $ = "descendant", E = p;
     }
-    return { parts: o, span: a };
+    return { parts: x, span: y };
   }
-  function S(k, w) {
-    const a = [];
-    let o = k;
+  function w(h, b) {
+    const y = [];
+    let x = h;
     for (; ; ) {
-      const h = Math.min(b(o, ","), w);
-      if (a.push(x(o, h)), h >= w) break;
-      o = h + 1;
+      const $ = Math.min(v(x, ","), b);
+      if (y.push(f(x, $)), $ >= b) break;
+      x = $ + 1;
     }
-    return a;
+    return y;
   }
-  function m() {
-    const k = r, w = c(r + 1), a = t.slice(r + 1, w), o = b(w, "{;");
-    if (o < t.length && t[o] === "{") {
-      const v = s(o);
-      return r = v, { kind: "unknown", span: { start: k, end: v } };
+  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);
+      return s = O, { kind: "unknown", span: { start: h, end: O } };
     }
-    const h = o < t.length ? o + 1 : t.length;
-    if (r = h, a === "import") {
-      const v = t.slice(w, h), y = /["']([^"']*)["']/.exec(v);
-      return y === null ? (p("@import without a quoted path", k, h), { kind: "unknown", span: { start: k, end: h } }) : { kind: "import", url: y[1], span: { start: k, end: h } };
+    const $ = x < t.length ? x + 1 : t.length;
+    if (s = $, y === "import") {
+      const O = t.slice(b, $), 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: k, end: h } };
-  }
-  function $() {
-    const k = r, w = b(k, "{");
-    if (w >= t.length)
-      return p("rule without a block", k, t.length), r = t.length, { kind: "unknown", span: { start: k, end: t.length } };
-    const a = d(k, w), o = s(w);
-    (o > t.length || t[o - 1] !== "}") && p("unterminated rule block", k, o);
-    const h = {
-      selectors: S(a.start, a.end),
-      declarations: et(t, w + 1, o - 1, p),
-      span: { start: a.start, end: o },
-      selectorSpan: a,
+    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 $ = {
+      selectors: w(y.start, y.end),
+      declarations: St(t, b + 1, x - 1, m),
+      span: { start: y.start, end: x },
+      selectorSpan: y,
       selectorDirty: !1,
       declarationsDirty: !1
     };
-    return r = o, { kind: "rule", rule: h };
+    return s = x, { kind: "rule", rule: $ };
   }
-  for (; g(), !(r >= t.length); )
-    l.push(t[r] === "@" ? m() : $());
+  for (; g(), !(s >= t.length); )
+    l.push(t[s] === "@" ? c() : S());
   return { sheet: { source: t, origin: n, items: l }, warnings: i };
 }
-const At = /* @__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 zt(t) {
-  return t.startsWith("--") || At.has(t);
-}
-function G(t) {
-  const n = [];
-  let e = 0, i = -1;
-  for (let l = 0; l < t.length; l++) {
-    const r = t[l];
-    r === "(" ? e++ : r === ")" && (e = Math.max(0, e - 1)), e === 0 && /\s/.test(r) ? i >= 0 && (n.push(t.slice(i, l)), i = -1) : i < 0 && (i = l);
-  }
-  return i >= 0 && n.push(t.slice(i)), n;
-}
-function Rt(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];
-}
-const Ut = {
-  margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
-  padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
-  "border-width": [
-    "border-top-width",
-    "border-right-width",
-    "border-bottom-width",
-    "border-left-width"
-  ],
-  "border-color": [
-    "border-top-color",
-    "border-right-color",
-    "border-bottom-color",
-    "border-left-color"
-  ],
-  // Radii run clockwise from the top-left corner, not top/right/bottom/left.
-  "border-radius": [
-    "border-top-left-radius",
-    "border-top-right-radius",
-    "border-bottom-right-radius",
-    "border-bottom-left-radius"
-  ]
-};
-function Y(t) {
-  return /^-?(\d+\.?\d*|\.\d+)$/.test(t);
-}
-function Wt(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 ? Y(n) ? [["flex-grow", n], ["flex-shrink", "1"], ["flex-basis", "0"]] : [["flex-grow", "1"], ["flex-shrink", "1"], ["flex-basis", n]] : i === void 0 ? Y(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 Z(t, n) {
-  if (t === "flex") return Wt(G(n));
-  const e = Ut[t];
-  if (e === void 0) return [[t, n]];
-  const i = Rt(G(n));
-  return i === null ? [[t, n]] : e.map((l, r) => [l, i[r]]);
-}
-function Ft(t) {
-  var e;
-  const n = (e = t.attributes.find((i) => i.name === "class")) == null ? void 0 : e.value;
-  return n === void 0 ? [] : n.split(/\s+/).filter((i) => i.length > 0);
-}
-function Lt(t) {
-  var n;
-  return (n = t.attributes.find((e) => e.name === "name")) == null ? void 0 : n.value;
-}
-function jt(t, n, e) {
+function he(t, n, e) {
   switch (t.kind) {
     case "universal":
       return !0;
     case "type":
-      return n.name.local === t.name;
+      return e.typeNameOf(n) === t.name;
     case "class":
-      return Ft(n).includes(t.name);
+      return e.classesOf(n).includes(t.name);
     case "name":
-      return Lt(n) === t.name;
+      return e.idOf(n) === t.name;
     case "pseudo":
-      return t.name === "root" ? n === e.root : e.activeStates.has(t.name);
+      return t.name === "root" ? e.isRoot(n) : e.statesOf(n).has(t.name);
     case "unknown":
       return !1;
   }
 }
-function Pt(t, n, e) {
-  return t.simple.every((i) => jt(i, n, e));
+function me(t, n, e) {
+  return t.simple.every((i) => he(i, n, e));
 }
-function L(t, n, e, i) {
-  if (!Pt(t[n], e, i)) return !1;
+function nt(t, n, e, i) {
+  if (!me(t[n], e, i)) return !1;
   if (n === 0) return !0;
   const l = i.parentOf(e);
   if (t[n].combinator === "child")
-    return l !== null && L(t, n - 1, l, i);
-  for (let r = l; r !== null; r = i.parentOf(r))
-    if (L(t, n - 1, r, i)) return !0;
+    return l !== null && nt(t, n - 1, l, i);
+  for (let s = l; s !== null; s = i.parentOf(s))
+    if (nt(t, n - 1, s, i)) return !0;
   return !1;
 }
-function _t(t, n, e) {
-  return t.parts.length === 0 ? !1 : L(t.parts, t.parts.length - 1, n, e);
+function $t(t, n, e) {
+  return t.parts.length === 0 ? !1 : nt(t.parts, t.parts.length - 1, n, e);
+}
+function ge(t) {
+  const n = [];
+  for (const e of t.parts)
+    for (const i of e.simple)
+      i.kind === "pseudo" && i.name !== "root" && !n.includes(i.name) && n.push(i.name);
+  return n;
+}
+function we(t) {
+  const n = [];
+  for (const e of t)
+    for (const i of e.parts)
+      for (const l of i.simple) {
+        if (l.kind !== "name" && l.kind !== "class" || !l.name.startsWith("unity-")) continue;
+        const s = l.kind === "name" ? `#${l.name}` : `.${l.name}`;
+        n.includes(s) || n.push(s);
+      }
+  return n;
 }
-function Ht(t) {
+function Tt(t) {
   for (const n of t)
     for (const e of n.parts)
       for (const i of e.simple)
         if (i.kind === "unknown") return i.text;
   return null;
 }
-function Bt(t) {
+function be(t) {
   const n = /* @__PURE__ */ new Map([[t, null]]), e = [t];
   for (; e.length > 0; ) {
     const i = e.pop();
@@ -792,11 +941,11 @@ function Bt(t) {
   }
   return n;
 }
-function qt(t) {
+function xe(t) {
   let n = 0, e = 0, i = 0;
   for (const l of t.parts)
-    for (const r of l.simple)
-      switch (r.kind) {
+    for (const s of l.simple)
+      switch (s.kind) {
         case "name":
           n++;
           break;
@@ -810,90 +959,197 @@ function qt(t) {
       }
   return [n, e, i];
 }
-function nt(t, n) {
+function Ot(t, n) {
   return t[0] - n[0] || t[1] - n[1] || t[2] - n[2];
 }
-const Vt = [Number.MAX_SAFE_INTEGER, 0, 0];
-function Gt(t) {
+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 }] : []
+);
+function ke(t) {
+  return vt.slice(t.selectorSpan.start, t.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 = [];
+  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);
+    if (d === void 0 || o !== null) {
+      i.push({
+        kind: "unsupported-selector",
+        message: `states key "${r}" is not a usable USS selector; it is ignored`
+      });
+      continue;
+    }
+    m.push({ selectors: d.rule.selectors, states: a });
+  }
+  const g = /* @__PURE__ */ new Map(), v = (r) => r.attributes.some((a) => a.name === "enabled" && a.value === "false"), u = (r, a) => {
+    const d = a || v(r), o = new Set(l);
+    d && o.add("disabled");
+    for (const f of m)
+      if (f.selectors.some((w) => $t(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;
+}
+function $e(t) {
   const n = [], e = /* @__PURE__ */ new Map();
-  t.sheets.forEach((r, p) => {
-    r.origin !== null && !e.has(r.origin) && e.set(r.origin, p);
-  });
-  const i = /* @__PURE__ */ new Set(), l = (r) => {
-    if (i.has(r)) return;
-    i.add(r);
-    const p = t.sheets[r];
-    p !== void 0 && p.items.forEach((g, b) => {
+  t.sheets.forEach((s, m) => {
+    s.origin !== null && !e.has(s.origin) && e.set(s.origin, m);
+  }), n.push(...ye);
+  const i = /* @__PURE__ */ new Set(), l = (s) => {
+    if (i.has(s)) return;
+    i.add(s);
+    const m = t.sheets[s];
+    m !== void 0 && m.items.forEach((g, v) => {
       if (g.kind === "rule")
-        n.push({ rule: g.rule, sheet: r, item: b });
+        n.push({ rule: g.rule, sheet: s, item: v });
       else if (g.kind === "import") {
-        const d = e.get(g.url);
-        d !== void 0 && l(d);
+        const u = e.get(g.url);
+        u !== void 0 && l(u);
       }
     });
   };
   return l(0), n;
 }
-function Yt(t) {
+function Te(t) {
   return t.selectors.some(
     (n) => n.parts.some((e) => e.simple.some((i) => i.kind === "pseudo" && i.name === "root"))
   );
 }
-function it(t, n) {
-  const e = Bt(t.root), i = {
-    parentOf: (g) => e.get(g) ?? null,
-    root: t.root,
-    activeStates: (n == null ? void 0 : n.activeStates) ?? /* @__PURE__ */ new Set()
-  }, l = [], r = [];
-  let p = !1;
-  for (const g of Gt(t)) {
-    const b = Ht(g.rule.selectors);
-    if (b !== null) {
-      l.push({
+function Et(t, n) {
+  const e = be(t.root), i = [], l = /* @__PURE__ */ new Set(), s = (o) => {
+    var w;
+    const f = (w = o.attributes.find((c) => c.name === "class")) == null ? void 0 : w.value;
+    return f === void 0 ? [] : f.split(/\s+/).filter((c) => c.length > 0);
+  }, m = (o, f) => {
+    var w;
+    return (w = o.attributes.find((c) => c.name === f)) == null ? void 0 : w.value;
+  }, g = {
+    /**
+     * The rule the measurement forced.
+     *
+     * An element from the file gets its *file* parent, even when its layout
+     * parent is a part — `#Grid > .slot` reaches a slot inside a ScrollView in
+     * Unity, so parts are transparent here. Parts themselves follow the real
+     * chain: each sits inside the one before it, and the outermost inside its
+     * owner. That is the hierarchy the dumps show, so descendant selectors like
+     * `.panel #unity-content-viewport` behave as they do in Unity.
+     */
+    parentOf: (o) => {
+      if (o.kind === "element") {
+        const c = e.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,
+    // Unity's parts are VisualElements, so a `VisualElement` rule reaches them.
+    // Not measured — `part-type-selector` is the case that will settle it.
+    typeNameOf: (o) => o.kind === "element" ? o.node.name.local : "VisualElement",
+    idOf: (o) => o.kind === "element" ? m(o.node, "name") : o.name,
+    // Implicit classes are as real as written ones for matching: in Unity the
+    // element genuinely carries them, which is why `.unity-button` in author USS
+    // hits a plain `<ui:Button />`. Parts carry classes too in Unity, but which
+    // ones is unmeasured, so none are claimed here.
+    classesOf: (o) => o.kind === "element" ? [...s(o.node), ...Wt(o.node)] : []
+  }, v = { ...g, statesOf: () => l }, u = Se(t, 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)) {
+    if (o.builtin === !0) {
+      a.push(o);
+      continue;
+    }
+    const f = Tt(o.rule.selectors);
+    if (f !== null) {
+      i.push({
         kind: "unsupported-selector",
-        message: `"${b}" is not supported in USS; the whole rule is ignored`,
-        at: { in: "uss", sheet: g.sheet, span: g.rule.selectorSpan }
+        message: `"${f}" is not supported in USS; the whole rule is ignored`,
+        at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan }
       });
       continue;
     }
-    !p && Yt(g.rule) && (p = !0, l.push({
+    !d && Te(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: g.sheet, span: g.rule.selectorSpan }
-    })), r.push(g);
+      at: { in: "uss", sheet: o.sheet, span: o.rule.selectorSpan }
+    })), a.push(o);
   }
-  return { ctx: i, usable: r, warnings: l };
+  return { ctx: r, usable: a, warnings: i };
 }
-function Zt(t, n) {
+function Oe(t, n) {
   const e = n.attributes.find((l) => l.name === "style");
   if (e === void 0) return [];
-  const i = Dt(e);
-  return i === null ? [] : et(t.source, i, i + e.value.length);
+  const i = pe(e);
+  return i === null ? [] : St(t.source, i, i + e.value.length);
 }
-function rt(t, n, e) {
-  const i = [];
-  let l = 0;
-  const r = (p, g, b, d) => {
-    i.push({ property: p, value: g, origin: b, specificity: d, order: l++, winner: !1 });
+function Nt(t, n, e, i) {
+  const l = [];
+  let s = 0;
+  const m = (g, v, u, r, a) => {
+    l.push({ property: g, value: v, origin: u, rank: r, specificity: a, order: s++, winner: !1 });
   };
-  for (const p of e.usable) {
-    let g = null;
-    for (const b of p.rule.selectors) {
-      if (!_t(b, n, e.ctx)) continue;
-      const d = qt(b);
-      (g === null || nt(d, g) > 0) && (g = d);
+  if (n.kind === "part") {
+    const g = F(n.owner).spec.parts[n.depth];
+    for (const [v, u] of Object.entries((g == null ? void 0 : g.style) ?? {}))
+      for (const [r, a] of J(v, u))
+        m(
+          r,
+          a,
+          {
+            kind: "builtin-theme",
+            selector: `#${n.name}`,
+            property: r,
+            unityVersion: X
+          },
+          0,
+          [0, 0, 0]
+        );
+  }
+  for (const g of e.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));
     }
-    g !== null && p.rule.declarations.forEach((b, d) => {
-      for (const [s, c] of Z(b.property, b.value))
-        r(s, c, { kind: "rule", sheet: p.sheet, item: p.item, declIndex: d }, g);
+    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),
+          property: d,
+          unityVersion: X
+        } : {
+          kind: "rule",
+          sheet: g.sheet,
+          item: g.item,
+          declIndex: a,
+          // Omitted rather than set to [] when unconditional, so the
+          // common case stays the shape it has always been.
+          ...u.length > 0 ? { states: u } : {}
+        };
+        m(d, o, f, g.builtin === !0 ? 0 : 1, v);
+      }
+    }));
+  }
+  if (n.kind === "element") {
+    const g = n.node;
+    Oe(t, 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);
     });
   }
-  return Zt(t, n).forEach((p, g) => {
-    for (const [b, d] of Z(p.property, p.value))
-      r(b, d, { kind: "inline", node: n.id, declIndex: g }, Vt);
-  }), i;
+  return l;
 }
-function st(t) {
+function Ct(t) {
   const n = /* @__PURE__ */ new Map();
   for (const e of t) {
     const i = n.get(e.property);
@@ -901,209 +1157,246 @@ function st(t) {
       n.set(e.property, e);
       continue;
     }
-    const l = nt(e.specificity, i.specificity);
+    if (e.rank !== i.rank) {
+      e.rank > i.rank && n.set(e.property, e);
+      continue;
+    }
+    const l = Ot(e.specificity, i.specificity);
     (l > 0 || l === 0 && e.order > i.order) && n.set(e.property, e);
   }
   for (const e of n.values()) e.winner = !0;
   return n;
 }
-const Jt = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
-function j(t, n, e = /* @__PURE__ */ new Set()) {
+const Ee = /var\(\s*(--[^,)\s]+)\s*(?:,([^)]*))?\)/;
+function it(t, n, e = /* @__PURE__ */ new Set()) {
   var l;
   let i = t;
-  for (let r = 0; r < 32; r++) {
-    const p = Jt.exec(i);
-    if (p === null) return i;
-    const g = p[1], b = (l = p[2]) == null ? void 0 : l.trim();
+  for (let s = 0; s < 32; s++) {
+    const m = Ee.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 d = /* @__PURE__ */ new Set([...e, g]), s = n.get(g), c = s !== void 0 ? j(s, n, d) : b !== void 0 && b.length > 0 ? j(b, n, d) : null;
-    if (c === null) return null;
-    i = i.slice(0, p.index) + c + i.slice(p.index + p[0].length);
+    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 (a === null) return null;
+    i = i.slice(0, m.index) + a + i.slice(m.index + m[0].length);
   }
   return null;
 }
-function Xt(t, n) {
-  const e = it(t, n), i = [...e.warnings], l = /* @__PURE__ */ new Map(), r = (p, g) => {
-    const b = st(rt(t, p, e)), d = /* @__PURE__ */ new Map();
-    for (const [u, f] of g)
-      u.startsWith("--") && d.set(u, f.value);
-    for (const [u, f] of b)
-      u.startsWith("--") && d.set(u, f.value);
-    const s = /* @__PURE__ */ new Map();
-    for (const [u, f] of g) s.set(u, f);
-    for (const [u, f] of b) {
-      const x = j(f.value, d);
-      if (x === null) {
+function Ne(t, n) {
+  const e = Et(t, n), i = [...e.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);
+    !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 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);
+      if (y === null) {
         i.push({
           kind: "unsupported-property",
-          message: `${u}: var() reference could not be resolved; declaration dropped`,
-          node: p.id
+          message: `${h}: var() reference could not be resolved; declaration dropped`,
+          node: d
         });
         continue;
       }
-      s.set(u, { value: x, origin: f.origin });
+      c.set(h, { value: y, origin: b.origin });
     }
-    l.set(p.id, s);
-    const c = /* @__PURE__ */ new Map();
-    for (const [u, f] of s)
-      zt(u) && c.set(u, {
-        value: f.value,
-        origin: { kind: "inherited", from: p.id, origin: f.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 u of p.children) r(u, c);
+    return { computed: c, forChildren: S };
+  }, u = (r, a) => {
+    const d = v({ kind: "element", node: r }, a, r.id);
+    l.set(r.id, d.computed);
+    let o = d.forChildren;
+    const f = F(r).spec.parts;
+    if (f.length > 0) {
+      const w = /* @__PURE__ */ new Map();
+      f.forEach((c, S) => {
+        const h = v(
+          { kind: "part", owner: r, name: c.name, depth: S },
+          o,
+          r.id
+        );
+        w.set(c.name, h.computed), o = h.forChildren;
+      }), m.set(r.id, w);
+    }
+    for (const w of r.children) u(w, o);
   };
-  return r(t.root, /* @__PURE__ */ new Map()), { styles: l, warnings: i };
+  u(t.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.`
+  });
+  for (const r of e.usable) {
+    if (r.builtin === !0 || g.has(r)) continue;
+    const a = we(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.`,
+      at: { in: "uss", sheet: r.sheet, span: r.rule.selectorSpan }
+    });
+  }
+  return { styles: l, partStyles: m, warnings: i };
 }
-function ae(t, n, e, i) {
-  const l = it(t, i), r = rt(t, n, l).filter(
-    (p) => p.property === e
+function _e(t, n, e, i) {
+  const l = Et(t, i), s = Nt(t, { kind: "element", node: n }, l).filter(
+    (m) => m.property === e
   );
-  return st(r), r;
+  return Ct(s), s;
 }
-function J(t) {
+function wt(t) {
   return t !== void 0 && /[A-Za-z0-9_.:-]/.test(t);
 }
-function X(t) {
+function bt(t) {
   return t !== void 0 && /[A-Za-z_]/.test(t);
 }
-function Kt(t) {
+function Ce(t) {
   return t === " " || t === "	" || t === `
 ` || t === "\r";
 }
-function Qt(t) {
+function Ie(t) {
   const n = [];
   let e = 0, i = 0;
   const l = () => i++;
-  function r(c, u, f) {
+  function s(a, d, o) {
     n.push({
       kind: "malformed",
-      message: c,
-      at: { in: "uxml", span: { start: u, end: f } }
+      message: a,
+      at: { in: "uxml", span: { start: d, end: o } }
     });
   }
-  function p() {
-    for (; Kt(t[e]); ) e++;
+  function m() {
+    for (; Ce(t[e]); ) e++;
   }
   function g() {
     for (; ; ) {
-      const c = t.indexOf("<", e);
-      if (c < 0) {
+      const a = t.indexOf("<", e);
+      if (a < 0) {
         e = t.length;
         return;
       }
-      const u = t[c + 1];
-      if (u === "!") {
-        if (t.startsWith("<!--", c)) {
-          const f = t.indexOf("-->", c + 4);
-          e = f < 0 ? t.length : f + 3;
-        } else if (t.startsWith("<![CDATA[", c)) {
-          const f = t.indexOf("]]>", c + 9);
-          e = f < 0 ? t.length : f + 3;
+      const d = t[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;
         } else {
-          const f = t.indexOf(">", c);
-          e = f < 0 ? t.length : f + 1;
+          const o = t.indexOf(">", a);
+          e = o < 0 ? t.length : o + 1;
         }
         continue;
       }
-      if (u === "?") {
-        const f = t.indexOf("?>", c + 2);
-        e = f < 0 ? t.length : f + 2;
+      if (d === "?") {
+        const o = t.indexOf("?>", a + 2);
+        e = o < 0 ? t.length : o + 2;
         continue;
       }
-      e = c;
+      e = a;
       return;
     }
   }
-  function b() {
-    const c = e;
-    for (; J(t[e]); ) e++;
-    const u = t.slice(c, e), f = u.indexOf(":");
-    return f < 0 ? { prefix: null, local: u } : { prefix: u.slice(0, f), local: u.slice(f + 1) };
-  }
-  function d() {
-    const c = e;
-    for (; J(t[e]); ) e++;
-    if (e === c) return null;
-    const u = t.slice(c, e), f = e;
-    if (p(), t[e] !== "=")
-      return e = f, r(`attribute "${u}" has no value`, c, f), { name: u, value: "", span: { start: c, end: f } };
-    e++, p();
-    const x = t[e];
-    if (x !== '"' && x !== "'")
-      return r(`attribute "${u}" has an unquoted value`, c, e), { name: u, value: "", span: { start: c, end: e } };
+  function v() {
+    const a = e;
+    for (; wt(t[e]); ) e++;
+    const d = t.slice(a, e), 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];
+    if (f !== '"' && f !== "'")
+      return s(`attribute "${d}" has an unquoted value`, a, e), { name: d, value: "", span: { start: a, end: e } };
     e++;
-    const S = e, m = t.indexOf(x, e);
-    return m < 0 ? (r(`attribute "${u}" has an unterminated value`, c, t.length), e = t.length, { name: u, value: t.slice(S), span: { start: c, end: e } }) : (e = m + 1, { name: u, value: t.slice(S, m), span: { start: c, end: 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 } });
   }
-  function s() {
-    const c = e;
+  function r() {
+    const a = e;
     e++;
-    const u = b(), f = [];
-    let x = !1;
+    const d = v(), o = [];
+    let f = !1;
     for (; ; ) {
-      p();
-      const a = t[e];
-      if (a === void 0) {
-        r("unterminated open tag", c, t.length);
+      m();
+      const y = t[e];
+      if (y === void 0) {
+        s("unterminated open tag", a, t.length);
         break;
       }
-      if (a === ">") {
+      if (y === ">") {
         e++;
         break;
       }
-      if (a === "/" && t[e + 1] === ">") {
-        e += 2, x = !0;
+      if (y === "/" && t[e + 1] === ">") {
+        e += 2, f = !0;
         break;
       }
-      const o = d();
-      if (o === null) {
+      const x = u();
+      if (x === null) {
         e++;
         continue;
       }
-      f.push(o);
+      o.push(x);
     }
-    const S = { start: c, end: e };
-    if (x)
+    const w = { start: a, end: e };
+    if (f)
       return {
         id: l(),
-        name: u,
-        attributes: f,
+        name: d,
+        attributes: o,
         children: [],
-        spans: { openTag: S, inner: { start: e, end: e }, closeTag: null },
+        spans: { openTag: w, inner: { start: e, end: e }, closeTag: null },
         tagDirty: !1,
         childrenDirty: !1
       };
-    const m = e, $ = [];
+    const c = e, S = [];
     for (; ; ) {
       if (g(), e >= t.length) {
-        r(`unterminated element <${ot(u)}>`, c, t.length);
+        s(`unterminated element <${It(d)}>`, a, t.length);
         break;
       }
-      const a = t[e + 1];
-      if (a === "/") break;
-      if (!X(a)) {
+      const y = t[e + 1];
+      if (y === "/") break;
+      if (!bt(y)) {
         e++;
         continue;
       }
-      $.push(s());
+      S.push(r());
     }
-    const k = e;
-    let w = null;
+    const h = e;
+    let b = null;
     if (t.startsWith("</", e)) {
-      const a = t.indexOf(">", e), o = a < 0 ? t.length : a + 1;
-      a < 0 && r("unterminated end tag", e, o), w = { start: e, end: o }, e = o;
+      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;
     }
     return {
       id: l(),
-      name: u,
-      attributes: f,
-      children: $,
-      spans: { openTag: S, inner: { start: m, end: k }, closeTag: w },
+      name: d,
+      attributes: o,
+      children: S,
+      spans: { openTag: w, inner: { start: c, end: h }, closeTag: b },
       tagDirty: !1,
       childrenDirty: !1
     };
   }
-  return g(), e < t.length && X(t[e + 1]) ? { root: s(), warnings: n } : (r("no root element", 0, 0), {
+  return g(), e < t.length && bt(t[e + 1]) ? { root: r(), warnings: n } : (s("no root element", 0, 0), {
     root: {
       id: l(),
       name: { prefix: null, local: "" },
@@ -1116,177 +1409,201 @@ function Qt(t) {
     warnings: n
   });
 }
-function ot(t) {
+function It(t) {
   return t.prefix === null ? t.local : `${t.prefix}:${t.local}`;
 }
-function te(t, n) {
-  const e = (d) => t.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 r(d) {
-    const s = d.attributes.map((u) => ` ${u.name}=${l(u.value)}`).join(""), c = ot(d.name);
-    return d.spans.closeTag === null ? `<${c}${s} />` : `<${c}${s}>`;
-  }
-  function p(d) {
-    var f, x;
-    const s = e(d.spans.inner), c = ((f = /^[ \t]*\r?\n[ \t]*/.exec(s)) == null ? void 0 : f[0]) ?? "", u = ((x = /\r?\n[ \t]*$/.exec(s)) == null ? void 0 : x[0]) ?? "";
-    return { between: c, before: c, after: u };
-  }
-  function g(d) {
-    const { inner: s } = d.spans;
-    if (d.children.length === 0) return e(s);
-    if (d.childrenDirty) {
-      const { between: f, before: x, after: S } = p(d);
-      return x + d.children.map(b).join(f) + S;
+function Ae(t, n) {
+  const e = (u) => t.slice(u.start, u.end);
+  function i(u) {
+    return u.spans.closeTag !== null ? u.spans.closeTag.end : Math.max(u.spans.openTag.end, u.spans.inner.end);
+  }
+  function l(u) {
+    return u.includes('"') ? u.includes("'") ? `"${u.replace(/"/g, "&quot;")}"` : `'${u}'` : `"${u}"`;
+  }
+  function s(u) {
+    const r = u.attributes.map((d) => ` ${d.name}=${l(d.value)}`).join(""), a = It(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]) ?? "";
+    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.childrenDirty) {
+      const { between: o, before: f, after: w } = m(u);
+      return f + u.children.map(v).join(o) + w;
     }
-    let c = "", u = s.start;
-    for (const f of d.children)
-      c += t.slice(u, f.spans.openTag.start), c += b(f), u = i(f);
-    return c + t.slice(u, s.end);
+    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);
   }
-  function b(d) {
-    const s = d.tagDirty ? r(d) : e(d.spans.openTag), c = d.spans.closeTag === null ? "" : e(d.spans.closeTag);
-    return s + g(d) + c;
+  function v(u) {
+    const r = u.tagDirty ? s(u) : e(u.spans.openTag), a = u.spans.closeTag === null ? "" : e(u.spans.closeTag);
+    return r + g(u) + a;
   }
-  return t.slice(0, n.spans.openTag.start) + b(n) + t.slice(i(n));
+  return t.slice(0, n.spans.openTag.start) + v(n) + t.slice(i(n));
 }
-function ee(t) {
-  const n = t.source, e = (s) => n.slice(s.start, s.end);
-  function i(s) {
-    return s.parts.map((c, u) => {
-      const f = u === 0 ? "" : c.combinator === "child" ? " > " : " ", x = c.simple.map((S) => {
-        switch (S.kind) {
+function Me(t) {
+  const n = t.source, e = (r) => n.slice(r.start, r.end);
+  function i(r) {
+    return r.parts.map((a, d) => {
+      const o = d === 0 ? "" : a.combinator === "child" ? " > " : " ", f = a.simple.map((w) => {
+        switch (w.kind) {
           case "universal":
             return "*";
           case "type":
-            return S.name;
+            return w.name;
           case "class":
-            return `.${S.name}`;
+            return `.${w.name}`;
           case "name":
-            return `#${S.name}`;
+            return `#${w.name}`;
           case "pseudo":
-            return `:${S.name}`;
+            return `:${w.name}`;
           case "unknown":
-            return S.text;
+            return w.text;
         }
       }).join("");
-      return f + x;
+      return o + f;
     }).join("");
   }
-  function l(s) {
-    var m, $;
-    const c = s.declarations[0];
-    if (c === void 0) return { between: "", before: "", after: "" };
-    const u = n.lastIndexOf(`
-`, c.span.start), f = u < 0 ? "" : n.slice(u, c.span.start), x = n.slice(s.selectorSpan.end, s.span.end), S = (($ = (m = /\r?\n[ \t]*\}$/.exec(x)) == null ? void 0 : m[0]) == null ? void 0 : $.replace(/\}$/, "")) ?? "";
-    return { between: `;${f}`, before: f, after: `;${S}` };
-  }
-  function r(s) {
-    const c = s.selectorDirty ? s.selectors.map(i).join(", ") : e(s.selectorSpan);
-    if (s.declarations.length === 0)
-      return c + 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: S, before: m, after: $ } = l(s), k = u.slice(0, u.indexOf("{") + 1), w = s.declarations.map(p).join(S);
-      return `${c}${k}${m}${w}${$}}`;
+  function l(r) {
+    var c, S;
+    const a = r.declarations[0];
+    if (a === void 0) return { between: "", before: "", after: "" };
+    const d = n.lastIndexOf(`
+`, a.span.start), o = d < 0 ? "" : n.slice(d, a.span.start), f = n.slice(r.selectorSpan.end, r.span.end), w = ((S = (c = /\r?\n[ \t]*\}$/.exec(f)) == null ? void 0 : c[0]) == null ? void 0 : S.replace(/\}$/, "")) ?? "";
+    return { between: `;${o}`, before: o, after: `;${w}` };
+  }
+  function s(r) {
+    const a = r.selectorDirty ? r.selectors.map(i).join(", ") : e(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}}`;
     }
-    let f = c, x = s.selectorSpan.end;
-    for (const S of s.declarations)
-      f += n.slice(x, S.span.start), f += p(S), x = S.span.end;
-    return f + n.slice(x, s.span.end);
+    let o = a, f = r.selectorSpan.end;
+    for (const w of r.declarations)
+      o += n.slice(f, w.span.start), o += m(w), f = w.span.end;
+    return o + n.slice(f, r.span.end);
   }
-  function p(s) {
-    return s.dirty ? `${s.property}: ${s.value}` : e(s.span);
+  function m(r) {
+    return r.dirty ? `${r.property}: ${r.value}` : e(r.span);
   }
-  function g(s) {
-    return s.kind === "rule" ? r(s.rule) : e(s.span);
+  function g(r) {
+    return r.kind === "rule" ? s(r.rule) : e(r.span);
   }
-  let b = "", d = 0;
-  for (const s of t.items) {
-    const c = s.kind === "rule" ? s.rule.span : s.span;
-    b += n.slice(d, c.start), b += g(s), d = c.end;
+  let v = "", u = 0;
+  for (const r of t.items) {
+    const a = r.kind === "rule" ? r.rule.span : r.span;
+    v += n.slice(u, a.start), v += g(r), u = a.end;
   }
-  return b + n.slice(d);
+  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));
+  }
+  for (const i of t.children) At(i, n);
+  return n;
 }
-function le(t, n, e) {
-  var p;
-  const i = Qt(t), l = [...i.warnings], r = [];
-  if (n !== void 0) {
-    const g = /* @__PURE__ */ new Set(), b = [
-      { text: n, origin: null }
+function ze(t, n, e) {
+  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;
+    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`,
+        node: i.root.id
+      });
+      continue;
+    }
+    m.push({ text: r, origin: u });
+  }
+  if (n !== void 0 || m.length > 0) {
+    const u = /* @__PURE__ */ new Set(), r = [
+      ...m,
+      ...n === void 0 ? [] : [{ text: n, origin: null }]
     ];
-    for (; b.length > 0; ) {
-      const d = b.shift(), s = r.length, c = Mt(d.text, d.origin, s);
-      r.push(c.sheet), l.push(...c.warnings);
-      for (const u of c.sheet.items) {
-        if (u.kind !== "import" || g.has(u.url)) continue;
-        g.add(u.url);
-        const f = ((p = e == null ? void 0 : e.resolveImport) == null ? void 0 : p.call(e, u.url)) ?? null;
-        if (f === null) {
+    for (; r.length > 0; ) {
+      const a = r.shift(), d = s.length, o = rt(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;
+        if (w === null) {
           l.push({
             kind: "import-unresolved",
-            message: (e == null ? void 0 : e.resolveImport) === void 0 ? `@import "${u.url}" was not loaded: pass resolveImport to read it` : `@import "${u.url}" could not be resolved`,
-            at: { in: "uss", sheet: s, span: u.span }
+            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`,
+            at: { in: "uss", sheet: d, span: f.span }
           });
           continue;
         }
-        b.push({ text: f, origin: u.url });
+        r.push({ text: w, origin: f.url });
       }
     }
   }
-  return { source: t, root: i.root, sheets: r, warnings: l };
+  return { source: t, root: i.root, sheets: s, warnings: l };
 }
-function ce(t) {
+function je(t) {
   const n = t.sheets[0];
   return {
-    uxml: te(t.source, t.root),
+    uxml: Ae(t.source, t.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 ? "" : ee(n)
+    uss: n === void 0 ? "" : Me(n)
   };
 }
-function ue(t, n, e) {
+function We(t, n, e) {
   const i = n.ownerDocument, l = (e == null ? void 0 : e.size) ?? {
     width: n.clientWidth,
     height: n.clientHeight
-  }, r = Xt(
-    t,
-    (e == null ? void 0 : e.activeStates) === void 0 ? void 0 : { activeStates: e.activeStates }
-  ), p = (e == null ? void 0 : e.measureText) ?? vt(i), g = bt(t.root, r.styles, { size: l, measureText: p });
-  let b;
+  }, 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 });
+  let v;
   try {
-    b = It(t.root, g.boxes, r.styles, n, {
+    v = fe(t.root, g.boxes, g.parts, s.styles, n, {
       document: i,
       resolveAsset: e == null ? void 0 : e.resolveAsset
     });
-  } catch (s) {
-    throw g.dispose(), s;
+  } catch (r) {
+    throw g.dispose(), r;
   }
-  let d = !1;
+  let u = !1;
   return {
-    warnings: [...r.warnings, ...g.warnings, ...b.warnings],
-    elements: b.elements,
+    warnings: [...s.warnings, ...g.warnings, ...v.warnings],
+    elements: v.elements,
     boxes: g.boxes,
     dispose() {
-      d || (d = !0, g.dispose(), n.replaceChildren());
+      u || (u = !0, g.dispose(), n.replaceChildren());
     }
   };
 }
 export {
-  Nt as NODE_ATTRIBUTE,
-  vt as createDefaultMeasureText,
-  ae as explainProperty,
-  zt as isInherited,
-  se as isLayoutEngineReady,
-  oe as liveNodeCount,
-  re as loadLayoutEngine,
-  le as parse,
-  ue as render,
-  Xt as resolveStyles,
-  ce as serialize,
-  ie as supportedControlNames
+  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
 };