@lumencast/runtime 0.9.0 → 0.11.0

package/dist/{tree-BLIxJbD3.js → tree-CgU_sUwI.js}

@@ -1,28 +1,28 @@
-import { jsx as f, jsxs as G, Fragment as J } from "react/jsx-runtime";
-import { useSignals as vt } from "@preact/signals-react/runtime";
-import { motion as I, useMotionValue as B, useTransform as ye, animate as _t } from "framer-motion";
-import { createContext as st, useContext as U, useRef as it, useState as Ut, useEffect as ot, useMemo as Kt } from "react";
-import { e as S, r as at, m as lt, t as Q, a as be, s as ke, w as Vt, F as we, c as jt, b as Zt } from "./index-DrXsLYhe.js";
-import { checkHostAllowed as Jt } from "@lumencast/protocol";
+import { jsx as f, jsxs as I, Fragment as Q } from "react/jsx-runtime";
+import { useSignals as xt } from "@preact/signals-react/runtime";
+import { motion as U, useMotionValue as L, useTransform as be, animate as _t } from "framer-motion";
+import { createContext as st, useContext as K, useRef as tt, useState as vt, useEffect as Y, useMemo as Kt } from "react";
+import { e as S, r as at, m as lt, t as et, a as Vt, s as ke, w as Zt, F as we, c as Tt, b as Jt } from "./index-Dz27r92m.js";
+import { checkHostAllowed as Qt } from "@lumencast/protocol";
 import { effect as xe } from "@preact/signals-react";
 function ve({ resolved: t, children: e, establishesContainingBlock: n }) {
-  const i = t.direction ?? "vertical", r = Tt(t.gap, 0), s = t.wrap === !0, o = Tt(t.crossGap, 0), a = t.align ?? "stretch", l = t.justify ?? "flex-start", c = i === "horizontal", u = {
+  const i = t.direction ?? "vertical", r = Ct(t.gap, 0), a = t.wrap === !0, o = Ct(t.crossGap, 0), s = t.align ?? "stretch", l = t.justify ?? "flex-start", c = i === "horizontal", u = {
     display: "flex",
     flexDirection: c ? "row" : "column",
-    alignItems: a,
+    alignItems: s,
     justifyContent: l,
     // ADR 002 §3.1 (D1) — establish a containing block when a child is
     // absolutely placed, so its `left/top` resolve against this stack.
     // Untouched for pure auto-layout stacks (RC#2).
     ...n ? { position: "relative" } : {}
   };
-  return s ? (u.flexWrap = "wrap", c ? (u.columnGap = r, u.rowGap = o) : (u.rowGap = r, u.columnGap = o)) : u.gap = r, /* @__PURE__ */ f("div", { style: u, children: e });
+  return a ? (u.flexWrap = "wrap", c ? (u.columnGap = r, u.rowGap = o) : (u.rowGap = r, u.columnGap = o)) : u.gap = r, /* @__PURE__ */ f("div", { style: u, children: e });
 }
-function Tt(t, e) {
+function Ct(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? t : e;
 }
 function $e({ resolved: t, children: e, establishesContainingBlock: n }) {
-  const i = t.cols ?? "1fr", r = t.rows ?? "auto", s = t.gap ?? 0;
+  const i = t.cols ?? "1fr", r = t.rows ?? "auto", a = t.gap ?? 0;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -30,7 +30,7 @@ function $e({ resolved: t, children: e, establishesContainingBlock: n }) {
         display: "grid",
         gridTemplateColumns: i,
         gridTemplateRows: r,
-        gap: s,
+        gap: a,
         // ADR 002 §3.1 (D1) — establish a containing block for absolutely
         // placed children ; untouched for pure auto-layout grids (RC#2).
         ...n ? { position: "relative" } : {}
@@ -39,14 +39,14 @@ function $e({ resolved: t, children: e, establishesContainingBlock: n }) {
     }
   );
 }
-const Se = 64, Me = /^[#a-zA-Z0-9(),.% ]{1,64}$/, Ae = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, W = String.raw`\d{1,3}(?:\.\d{1,4})?`, Qt = String.raw`(?:0|1|0?\.\d{1,4}|${W}%)`, _ = String.raw`[ ]{0,4}`, Fe = new RegExp(
-  `^rgba?\\(${_}(${W})(%?)${_},${_}(${W})(%?)${_},${_}(${W})(%?)${_}(?:,${_}${Qt}${_})?\\)$`
+const Se = 64, Me = /^[#a-zA-Z0-9(),.% ]{1,64}$/, Ae = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, q = String.raw`\d{1,3}(?:\.\d{1,4})?`, te = String.raw`(?:0|1|0?\.\d{1,4}|${q}%)`, j = String.raw`[ ]{0,4}`, Fe = new RegExp(
+  `^rgba?\\(${j}(${q})(%?)${j},${j}(${q})(%?)${j},${j}(${q})(%?)${j}(?:,${j}${te}${j})?\\)$`
 ), Re = new RegExp(
-  `^hsla?\\(${_}(${W})(?:deg)?${_},${_}(${W})%${_},${_}(${W})%${_}(?:,${_}${Qt}${_})?\\)$`
-), _e = new Set(
+  `^hsla?\\(${j}(${q})(?:deg)?${j},${j}(${q})%${j},${j}(${q})%${j}(?:,${j}${te}${j})?\\)$`
+), je = new Set(
   "aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen transparent currentcolor".split(" ")
 );
-function E(t) {
+function D(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
   if (e.length === 0 || e.length > Se) return null;
@@ -58,35 +58,35 @@ function E(t) {
     if (!i) return null;
     const r = [i[2], i[4], i[6]];
     if (!(r.every((o) => o === "%") || r.every((o) => o === ""))) return null;
-    const s = r[0] === "%" ? 100 : 255;
+    const a = r[0] === "%" ? 100 : 255;
     for (const o of [i[1], i[3], i[5]])
-      if (Number(o) > s) return null;
+      if (Number(o) > a) return null;
     return n;
   }
   if (n.startsWith("hsl")) {
     const i = Re.exec(n);
     return !i || Number(i[1]) > 360 || Number(i[2]) > 100 || Number(i[3]) > 100 ? null : n;
   }
-  return _e.has(n) ? n : null;
+  return je.has(n) ? n : null;
 }
-function D(t, e) {
+function B(t, e) {
   S(
     e,
     t,
     "rejected unsafe colour : not a strict hex/rgb()/hsl()/named colour"
   );
 }
-const te = st(void 0);
-function ur({
+const ee = st(void 0);
+function hr({
   hosts: t,
   children: e
 }) {
-  return /* @__PURE__ */ f(te.Provider, { value: t, children: e });
+  return /* @__PURE__ */ f(ee.Provider, { value: t, children: e });
 }
-function tt() {
-  return U(te);
+function nt() {
+  return K(ee);
 }
-function fr(t) {
+function gr(t) {
   const n = t.assets?.allowedHosts;
   if (!Array.isArray(n)) return;
   const i = n.filter((r) => typeof r == "string");
@@ -94,11 +94,11 @@ function fr(t) {
 }
 function $t(t, e, n, i) {
   if (typeof t != "string" || t.length === 0) return;
-  const r = Jt(t, e);
+  const r = Qt(t, e);
   if (r.allowed) return t;
   S(i, n, r.reason ?? "asset host/scheme rejected");
 }
-const je = /* @__PURE__ */ new Set([
+const _e = /* @__PURE__ */ new Set([
   "normal",
   "multiply",
   "screen",
@@ -118,46 +118,46 @@ const je = /* @__PURE__ */ new Set([
   // Figma LINEAR_DODGE (add) — exact additive blend, gentler than color-dodge.
   "plus-lighter"
 ]);
-function Y(t) {
-  return typeof t == "string" && je.has(t) ? t : void 0;
+function X(t) {
+  return typeof t == "string" && _e.has(t) ? t : void 0;
 }
 const Te = /* @__PURE__ */ new Set(["cover", "contain", "fill", "none", "scale-down"]);
 function Ce(t) {
   return typeof t == "string" && Te.has(t) ? t : void 0;
 }
 let ft = 0;
-function Ct() {
+function Ot() {
   return ft = (ft + 1) % 1e6, `lumen-grad-${ft.toString(36)}`;
 }
 function Oe(t) {
-  const e = Y(t.blendMode);
+  const e = X(t.blendMode);
   if (t.kind === "solid") {
-    const a = t.opacity !== void 0 ? kt(t.color, t.opacity) : t.color;
-    return { defs: [], ref: a, mixBlendMode: e };
+    const s = t.opacity !== void 0 ? bt(t.color, t.opacity) : t.color;
+    return { defs: [], ref: s, mixBlendMode: e };
   }
   if (t.kind === "image") {
-    const a = Ct(), l = Pe(t.objectFit);
+    const s = Ot(), l = Ne(t.objectFit);
     return { defs: [
-      /* @__PURE__ */ f("pattern", { id: a, patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ f("image", { href: t.src, width: "1", height: "1", preserveAspectRatio: l }) }, a)
-    ], ref: `url(#${a})`, mixBlendMode: e };
+      /* @__PURE__ */ f("pattern", { id: s, patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ f("image", { href: t.src, width: "1", height: "1", preserveAspectRatio: l }) }, s)
+    ], ref: `url(#${s})`, mixBlendMode: e };
   }
-  const n = Ct();
+  const n = Ot();
   if (t.kind === "linear-gradient") {
-    let a, l, c, u;
+    let s, l, c, u;
     const d = t.transform;
     if (Array.isArray(d) && d.length === 6 && Number.isFinite(d[0]) && Number.isFinite(d[1])) {
       const g = Math.hypot(d[0], d[1]) || 1, m = d[0] / g, A = d[1] / g;
-      a = 0.5 - 0.5 * m, l = 0.5 - 0.5 * A, c = 0.5 + 0.5 * m, u = 0.5 + 0.5 * A;
+      s = 0.5 - 0.5 * m, l = 0.5 - 0.5 * A, c = 0.5 + 0.5 * m, u = 0.5 + 0.5 * A;
     } else {
       const m = ((t.angle_deg ?? 0) - 90) * Math.PI / 180;
-      a = 0.5 - 0.5 * Math.cos(m), l = 0.5 - 0.5 * Math.sin(m), c = 0.5 + 0.5 * Math.cos(m), u = 0.5 + 0.5 * Math.sin(m);
+      s = 0.5 - 0.5 * Math.cos(m), l = 0.5 - 0.5 * Math.sin(m), c = 0.5 + 0.5 * Math.cos(m), u = 0.5 + 0.5 * Math.sin(m);
     }
     return { defs: [
       /* @__PURE__ */ f(
         "linearGradient",
         {
           id: n,
-          x1: `${a * 100}%`,
+          x1: `${s * 100}%`,
           y1: `${l * 100}%`,
           x2: `${c * 100}%`,
           y2: `${u * 100}%`,
@@ -175,20 +175,20 @@ function Oe(t) {
       )
     ], ref: `url(#${n})`, mixBlendMode: e };
   }
-  const i = t.center?.x ?? 0.5, r = t.center?.y ?? 0.5, s = t.radius ?? 0.5;
+  const i = t.center?.x ?? 0.5, r = t.center?.y ?? 0.5, a = t.radius ?? 0.5;
   return { defs: [
-    /* @__PURE__ */ f("radialGradient", { id: n, cx: `${i * 100}%`, cy: `${r * 100}%`, r: `${s * 100}%`, children: t.stops.map((a, l) => /* @__PURE__ */ f(
+    /* @__PURE__ */ f("radialGradient", { id: n, cx: `${i * 100}%`, cy: `${r * 100}%`, r: `${a * 100}%`, children: t.stops.map((s, l) => /* @__PURE__ */ f(
       "stop",
       {
-        offset: a.offset,
-        stopColor: a.color,
-        ...a.opacity !== void 0 ? { stopOpacity: a.opacity } : {}
+        offset: s.offset,
+        stopColor: s.color,
+        ...s.opacity !== void 0 ? { stopOpacity: s.opacity } : {}
       },
       l
     )) }, n)
   ], ref: `url(#${n})`, mixBlendMode: e };
 }
-function Ne(t) {
+function Pe(t) {
   switch (t) {
     case "contain":
     case "scale-down":
@@ -202,7 +202,7 @@ function Ne(t) {
       return "cover";
   }
 }
-function Pe(t) {
+function Ne(t) {
   switch (t) {
     case "contain":
     case "scale-down":
@@ -218,15 +218,15 @@ function Pe(t) {
 }
 function Ee(t, e) {
   const n = [], i = [];
-  for (const a of t) {
-    const l = Be(a, e);
-    l && (i.push(l), n.push(a));
+  for (const s of t) {
+    const l = Be(s, e);
+    l && (i.push(l), n.push(s));
   }
   if (i.length === 0) return {};
-  const r = { backgroundImage: i.join(", ") }, s = n.map((a) => Y(a.blendMode) ?? "normal");
-  s.some((a) => a !== "normal") && (r.backgroundBlendMode = s.join(", "));
-  const o = t.find((a) => a.kind === "image");
-  return o && (r.backgroundSize = Ne(o.objectFit), r.backgroundPosition = "center", r.backgroundRepeat = "no-repeat"), r;
+  const r = { backgroundImage: i.join(", ") }, a = n.map((s) => X(s.blendMode) ?? "normal");
+  a.some((s) => s !== "normal") && (r.backgroundBlendMode = a.join(", "));
+  const o = t.find((s) => s.kind === "image");
+  return o && (r.backgroundSize = Pe(o.objectFit), r.backgroundPosition = "center", r.backgroundRepeat = "no-repeat"), r;
 }
 function De(t) {
   return `url("${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}")`;
@@ -235,30 +235,30 @@ function Be(t, e) {
   if (t.kind === "image")
     return De(t.src);
   if (t.kind === "solid") {
-    const o = E(t.color);
+    const o = D(t.color);
     if (o === null)
-      return D("fill.color", e), null;
-    const a = t.opacity !== void 0 ? kt(o, t.opacity) : o;
-    return `linear-gradient(${a}, ${a})`;
+      return B("fill.color", e), null;
+    const s = t.opacity !== void 0 ? bt(o, t.opacity) : o;
+    return `linear-gradient(${s}, ${s})`;
   }
   const n = [];
   for (const o of t.stops) {
-    const a = E(o.color);
-    if (a === null)
-      return D("fill.stops.color", e), null;
-    const l = o.opacity !== void 0 ? kt(a, o.opacity) : a;
+    const s = D(o.color);
+    if (s === null)
+      return B("fill.stops.color", e), null;
+    const l = o.opacity !== void 0 ? bt(s, o.opacity) : s;
     n.push(`${l} ${(o.offset * 100).toFixed(2)}%`);
   }
   const i = n.join(", ");
   if (t.kind === "linear-gradient") {
     let o = t.angle_deg ?? 0;
-    const a = t.transform;
-    return Array.isArray(a) && a.length === 6 && Number.isFinite(a[0]) && Number.isFinite(a[1]) && (o = (Math.atan2(a[0], -a[1]) * 180 / Math.PI + 360) % 360), `linear-gradient(${o}deg, ${i})`;
+    const s = t.transform;
+    return Array.isArray(s) && s.length === 6 && Number.isFinite(s[0]) && Number.isFinite(s[1]) && (o = (Math.atan2(s[0], -s[1]) * 180 / Math.PI + 360) % 360), `linear-gradient(${o}deg, ${i})`;
   }
-  const r = (t.center?.x ?? 0.5) * 100, s = (t.center?.y ?? 0.5) * 100;
-  return `radial-gradient(circle at ${r}% ${s}%, ${i})`;
+  const r = (t.center?.x ?? 0.5) * 100, a = (t.center?.y ?? 0.5) * 100;
+  return `radial-gradient(circle at ${r}% ${a}%, ${i})`;
 }
-function kt(t, e) {
+function bt(t, e) {
   const n = t.match(/^#([0-9a-f]{6})$/i);
   if (n) {
     const i = Math.round(e * 255).toString(16).padStart(2, "0");
@@ -274,68 +274,68 @@ function Le(t, e, n) {
       continue;
     }
     if (r.kind === "solid") {
-      const a = E(r.color);
-      if (a === null) {
-        D(`${e}.color`, n);
+      const s = D(r.color);
+      if (s === null) {
+        B(`${e}.color`, n);
         continue;
       }
-      i.push({ ...r, color: a });
+      i.push({ ...r, color: s });
       continue;
     }
-    const s = [];
+    const a = [];
     let o = !1;
-    for (const a of r.stops ?? []) {
-      const l = E(a.color);
+    for (const s of r.stops ?? []) {
+      const l = D(s.color);
       if (l === null) {
-        D(`${e}.stops.color`, n), o = !0;
+        B(`${e}.stops.color`, n), o = !0;
         break;
       }
-      s.push({ ...a, color: l });
+      a.push({ ...s, color: l });
     }
-    o || i.push({ ...r, stops: s });
+    o || i.push({ ...r, stops: a });
   }
   return i;
 }
-function ee(t, e, n) {
+function ne(t, e, n) {
   if (!Array.isArray(t)) return [];
   if (e !== void 0)
     for (const i of t)
-      Ot(i) || S(
+      Pt(i) || S(
         n,
         `${e}.kind`,
         "fill kind is not renderable by this runtime ; layer dropped (angular/diamond gradients land with LSML 1.2)"
       );
-  return t.filter(Ot).map((i) => {
+  return t.filter(Pt).map((i) => {
     let r = i;
-    if (r.blendMode !== void 0 && Y(r.blendMode) === void 0) {
+    if (r.blendMode !== void 0 && X(r.blendMode) === void 0) {
       S(
         n,
         e !== void 0 ? `${e}.blendMode` : "fill.blendMode",
         "is not a recognised mix-blend-mode ; falling back to normal (ADR 002 §3.2)"
       );
-      const { blendMode: o, ...a } = r;
-      r = a;
+      const { blendMode: o, ...s } = r;
+      r = s;
     }
     if (r.kind !== "image" || r.objectFit === void 0) return r;
-    const s = Ce(r.objectFit);
-    if (s === void 0) {
+    const a = Ce(r.objectFit);
+    if (a === void 0) {
       S(
         n,
         e !== void 0 ? `${e}.objectFit` : "fill.objectFit",
         "is not a recognised object-fit ; falling back to default (ADR 002 §3.2)"
       );
-      const { objectFit: o, ...a } = r;
-      return a;
+      const { objectFit: o, ...s } = r;
+      return s;
     }
-    return { ...r, objectFit: s };
+    return { ...r, objectFit: a };
   });
 }
-function Ot(t) {
+function Pt(t) {
   if (typeof t != "object" || t === null) return !1;
   const e = t.kind;
   return e === "solid" || e === "linear-gradient" || e === "radial-gradient" ? !0 : e === "image" && typeof t.src == "string";
 }
-function ne(t, e, n, i) {
+function re(t, e, n, i) {
   return t.filter((r) => r.kind !== "image" ? !0 : $t(r.src, e, `${n}.src`, i) !== void 0);
 }
 function ze({
@@ -345,10 +345,10 @@ function ze({
   animateInitial: i,
   children: r
 }) {
-  const s = C(t.x, 0), o = C(t.y, 0), a = Nt(t.width), l = Nt(t.height), c = C(t.opacity, 1), u = C(t.scale, 1), d = C(t.rotate, C(t.rotation, 0)), h = t.flipY === !0, g = C(t.radius, 0), m = t.background, A = m === void 0 ? void 0 : E(m);
-  m !== void 0 && A === null && D("frame.background", e);
-  const x = tt(), F = ne(
-    ee(t.backgrounds, "frame.backgrounds", e),
+  const a = O(t.x, 0), o = O(t.y, 0), s = Nt(t.width), l = Nt(t.height), c = O(t.opacity, 1), u = O(t.scale, 1), d = O(t.rotate, O(t.rotation, 0)), h = t.flipY === !0, g = O(t.radius, 0), m = t.background, A = m === void 0 ? void 0 : D(m);
+  m !== void 0 && A === null && B("frame.background", e);
+  const x = nt(), F = re(
+    ne(t.backgrounds, "frame.backgrounds", e),
     x,
     "frame.backgrounds",
     e
@@ -360,7 +360,7 @@ function ze({
     position: "absolute",
     left: 0,
     top: 0,
-    width: a,
+    width: s,
     height: l,
     // NB: NO permanent `will-change`. `will-change: opacity` makes the frame an
     // isolated group (the browser pre-promotes it as if opacity < 1), which
@@ -379,17 +379,17 @@ function ze({
   const { filter: w, boxShadow: v } = We(t.shadow, e);
   v !== void 0 && (p.boxShadow = v), w !== void 0 && (p.filter = w);
   const $ = lt(
-    { opacity: c, x: s, y: o, scale: u, rotate: d, ...h ? { scaleY: -1 } : {} },
+    { opacity: c, x: a, y: o, scale: u, rotate: d, ...h ? { scaleY: -1 } : {} },
     i,
     e
   );
   return /* @__PURE__ */ f(
-    I.div,
+    U.div,
     {
       style: p,
       initial: $.initial,
       animate: $.animate,
-      transition: Q(y),
+      transition: et(y),
       children: r
     }
   );
@@ -397,25 +397,25 @@ function ze({
 function He(t, e) {
   return t === void 0 ? !0 : typeof t == "boolean" ? t : (S(e, "frame.clipsContent", "rejected value : not a boolean"), !0);
 }
-function C(t, e) {
+function O(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? t : e;
 }
 function We(t, e) {
   if (!Array.isArray(t) || t.length === 0) return {};
   const n = [], i = [];
-  for (const s of t) {
-    if (typeof s != "object" || s === null) continue;
-    const o = s, a = typeof o.color == "string" ? E(o.color) : null;
-    if (a === null) {
-      D("frame.shadow.color", e);
+  for (const a of t) {
+    if (typeof a != "object" || a === null) continue;
+    const o = a, s = typeof o.color == "string" ? D(o.color) : null;
+    if (s === null) {
+      B("frame.shadow.color", e);
       continue;
     }
-    const l = C(o.x, 0), c = C(o.y, 0), u = C(o.blur, 0), d = C(o.spread, 0), h = o.inset === !0;
+    const l = O(o.x, 0), c = O(o.y, 0), u = O(o.blur, 0), d = O(o.spread, 0), h = o.inset === !0;
     if (!h && d === 0)
-      n.push(`drop-shadow(${l}px ${c}px ${u / 2}px ${a})`);
+      n.push(`drop-shadow(${l}px ${c}px ${u / 2}px ${s})`);
     else {
       const g = h ? "inset " : "";
-      i.push(`${g}${l}px ${c}px ${u}px ${d}px ${a}`);
+      i.push(`${g}${l}px ${c}px ${u}px ${d}px ${s}`);
     }
   }
   const r = {};
@@ -424,34 +424,34 @@ function We(t, e) {
 function Nt(t) {
   if (typeof t == "number" && Number.isFinite(t) || typeof t == "string" && t.length > 0) return t;
 }
-const qe = /* @__PURE__ */ new Set(["none", "uppercase", "lowercase", "capitalize"]), Ge = /* @__PURE__ */ new Set(["none", "underline", "line-through"]), Ye = /* @__PURE__ */ new Set(["normal", "italic", "oblique"]), Xe = 1e3, Ie = 100, Pt = 1e3, Ue = /^[a-zA-Z0-9 ,.'"_-]{1,256}$/;
+const qe = /* @__PURE__ */ new Set(["none", "uppercase", "lowercase", "capitalize"]), Ge = /* @__PURE__ */ new Set(["none", "underline", "line-through"]), Ie = /* @__PURE__ */ new Set(["normal", "italic", "oblique"]), Ye = 1e3, Xe = 100, Et = 1e3, Ue = /^[a-zA-Z0-9 ,.'"_-]{1,256}$/;
 function Ke(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
   return e.length === 0 ? null : Ue.test(e) ? e : null;
 }
 function Ve({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
-  const r = t.value === void 0 ? "" : String(t.value), s = t.size ?? "1rem", o = t.weight ?? 400;
-  let a;
+  const r = t.value === void 0 ? "" : String(t.value), a = t.size ?? "1rem", o = t.weight ?? 400;
+  let s;
   if (t.font !== void 0) {
     const m = Ke(t.font);
-    m === null ? S(e, "text.font", "rejected fontFamily : outside the family-list grammar") : a = m;
+    m === null ? S(e, "text.font", "rejected fontFamily : outside the family-list grammar") : s = m;
   }
   let l = "currentColor";
   if (t.colour !== void 0) {
-    const m = E(t.colour);
-    m === null ? D("text.colour", e) : l = m;
+    const m = D(t.colour);
+    m === null ? B("text.colour", e) : l = m;
   }
   const c = t.align ?? "start", u = Ze(t.opacity, 1), d = Je(t, e), h = at(n, ["opacity", "value"], i), g = lt({ opacity: u }, i, e);
   return /* @__PURE__ */ f(
-    I.span,
+    U.span,
     {
       style: {
         display: "inline-block",
-        fontSize: s,
+        fontSize: a,
         // `font` carries LSML text.style.fontFamily (spec'd in schema.json).
         // Omitted => inherit the host/container font.
-        ...a !== void 0 ? { fontFamily: a } : {},
+        ...s !== void 0 ? { fontFamily: s } : {},
         fontWeight: o,
         color: l,
         textAlign: c,
@@ -459,7 +459,7 @@ function Ve({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
       },
       initial: g.initial,
       animate: g.animate,
-      transition: Q(h),
+      transition: et(h),
       children: r
     }
   );
@@ -468,16 +468,16 @@ function Ze(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? t : e;
 }
 function Je(t, e) {
-  const n = Et(
+  const n = Dt(
     t.lineHeight,
     0,
-    Ie,
+    Xe,
     "text.lineHeight",
     e
-  ), i = Et(
+  ), i = Dt(
     t.letterSpacing,
-    -Pt,
-    Pt,
+    -Et,
+    Et,
     "text.letterSpacing",
     e
   ), r = dt(
@@ -485,23 +485,23 @@ function Je(t, e) {
     qe,
     "text.textTransform",
     e
-  ), s = dt(
+  ), a = dt(
     t.textDecoration,
     Ge,
     "text.textDecoration",
     e
-  ), o = dt(t.fontStyle, Ye, "text.fontStyle", e), a = Qe(t.maxLines, Xe, "text.maxLines", e);
+  ), o = dt(t.fontStyle, Ie, "text.fontStyle", e), s = Qe(t.maxLines, Ye, "text.maxLines", e);
   return {
     ...n !== void 0 ? { lineHeight: n } : {},
     // Built from a validated finite number — no string passthrough.
     ...i !== void 0 ? { letterSpacing: `${i}px` } : {},
     ...r !== void 0 ? { textTransform: r } : {},
-    ...s !== void 0 ? { textDecoration: s } : {},
+    ...a !== void 0 ? { textDecoration: a } : {},
     ...o !== void 0 ? { fontStyle: o } : {},
-    ...a !== void 0 ? {
+    ...s !== void 0 ? {
       display: "-webkit-box",
       WebkitBoxOrient: "vertical",
-      WebkitLineClamp: a,
+      WebkitLineClamp: s,
       overflow: "hidden",
       textOverflow: "ellipsis"
     } : {}
@@ -513,7 +513,7 @@ function dt(t, e, n, i) {
     St(n, i);
   }
 }
-function Et(t, e, n, i, r) {
+function Dt(t, e, n, i, r) {
   if (t !== void 0) {
     if (typeof t == "number" && Number.isFinite(t) && t >= e && t <= n) return t;
     St(i, r);
@@ -533,16 +533,16 @@ function St(t, e) {
   );
 }
 function tn({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
-  const r = tt(), s = $t(t.src, r, "image.src", e);
-  if (!s) return null;
-  const o = typeof t.alt == "string" ? t.alt : "", a = t.fit ?? "contain", l = t.position ?? "center", c = en(t.opacity, 1), u = Dt(t.width, "100%"), d = Dt(t.height, "100%"), h = at(n, ["opacity", "src"], i), g = lt({ opacity: c }, i, e);
+  const r = nt(), a = $t(t.src, r, "image.src", e);
+  if (!a) return null;
+  const o = typeof t.alt == "string" ? t.alt : "", s = t.fit ?? "contain", l = t.position ?? "center", c = en(t.opacity, 1), u = Bt(t.width, "100%"), d = Bt(t.height, "100%"), h = at(n, ["opacity", "src"], i), g = lt({ opacity: c }, i, e);
   return /* @__PURE__ */ f(
-    I.img,
+    U.img,
     {
-      src: s,
+      src: a,
       alt: o,
       style: {
-        objectFit: a,
+        objectFit: s,
         objectPosition: l,
         width: u,
         height: d
@@ -555,7 +555,7 @@ function tn({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
       },
       initial: g.initial,
       animate: g.animate,
-      transition: Q(h),
+      transition: et(h),
       draggable: !1
     }
   );
@@ -563,7 +563,7 @@ function tn({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
 function en(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? t : e;
 }
-function Dt(t, e) {
+function Bt(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? `${t}px` : typeof t == "string" && t.length > 0 ? t : e;
 }
 const nn = 8192, rn = 4e3, on = 64, sn = new Set("MmLlHhVvCcSsQqTtAaZz");
@@ -573,23 +573,23 @@ function pt(t) {
 function an(t) {
   return t === 32 || t === 9 || t === 13 || t === 10 || t === 44;
 }
-function Bt(t) {
+function Lt(t) {
   if (typeof t != "string" || t.length === 0 || t.length > nn) return null;
   const e = t.trim();
   if (e.length === 0) return null;
   const n = e.toLowerCase();
   if (n.includes("url(") || n.includes("data:") || e.includes("<") || e.includes("&")) return null;
   const i = e.length;
-  let r = 0, s = 0, o = !1;
+  let r = 0, a = 0, o = !1;
   for (; r < i; ) {
-    const a = e.charCodeAt(r);
-    if (an(a)) {
+    const s = e.charCodeAt(r);
+    if (an(s)) {
       r++;
       continue;
     }
     const l = e[r];
     if (sn.has(l)) {
-      if (!o && l !== "M" && l !== "m" || (o = !0, s++, s > rn)) return null;
+      if (!o && l !== "M" && l !== "m" || (o = !0, a++, a > rn)) return null;
       r++;
       continue;
     }
@@ -615,39 +615,39 @@ function Bt(t) {
       if (u === 0) return null;
     }
   }
-  return s === 0 ? null : e;
+  return a === 0 ? null : e;
 }
 function ln(t, e) {
   const n = t.paths, i = t.pathData;
   if (Array.isArray(n)) {
-    i !== void 0 && H(e, "shape.pathData", "mutually exclusive with paths[] ; paths[] wins");
+    i !== void 0 && W(e, "shape.pathData", "mutually exclusive with paths[] ; paths[] wins");
     const r = [];
-    for (let s = 0; s < n.length; s++) {
+    for (let a = 0; a < n.length; a++) {
       if (r.length >= on) {
-        H(e, "shape.paths", "subpath cap exceeded ; remaining entries dropped");
+        W(e, "shape.paths", "subpath cap exceeded ; remaining entries dropped");
         break;
       }
-      const o = n[s], a = Bt(
+      const o = n[a], s = Lt(
         typeof o == "object" && o !== null ? o.data : void 0
       );
-      if (a === null) {
-        H(e, "shape.paths.data", "not a strict SVG path grammar (allowlist/caps)");
+      if (s === null) {
+        W(e, "shape.paths.data", "not a strict SVG path grammar (allowlist/caps)");
         continue;
       }
-      r.push({ d: a, fillRule: cn(o?.windingRule, e) });
+      r.push({ d: s, fillRule: cn(o?.windingRule, e) });
     }
-    return r.length === 0 && n.length > 0 && H(e, "shape.paths", "no renderable subpath ; shape geometry omitted"), r;
+    return r.length === 0 && n.length > 0 && W(e, "shape.paths", "no renderable subpath ; shape geometry omitted"), r;
   }
   if (i !== void 0) {
-    const r = Bt(i);
-    return r === null ? (H(e, "shape.pathData", "not a strict SVG path grammar (allowlist/caps)"), []) : [{ d: r, fillRule: "nonzero" }];
+    const r = Lt(i);
+    return r === null ? (W(e, "shape.pathData", "not a strict SVG path grammar (allowlist/caps)"), []) : [{ d: r, fillRule: "nonzero" }];
   }
-  return H(e, "shape.paths", "geometry is path but neither pathData nor paths[] is present"), [];
+  return W(e, "shape.paths", "geometry is path but neither pathData nor paths[] is present"), [];
 }
 function cn(t, e) {
-  return t === void 0 || t === "NONZERO" ? "nonzero" : t === "EVENODD" ? "evenodd" : (H(e, "shape.paths.windingRule", "unknown winding rule ; defaulting to nonzero"), "nonzero");
+  return t === void 0 || t === "NONZERO" ? "nonzero" : t === "EVENODD" ? "evenodd" : (W(e, "shape.paths.windingRule", "unknown winding rule ; defaulting to nonzero"), "nonzero");
 }
-function H(t, e, n) {
+function W(t, e, n) {
   S(t, e, n);
 }
 function un(t) {
@@ -657,7 +657,7 @@ function ht(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? t : e;
 }
 function Mt(t, e, n, i = "geom") {
-  const r = un(t), s = ht(t.width, 100), o = ht(t.height, 100), a = ht(t.radius, 0), l = e.stroke ?? "none", c = e.strokeWidth ?? 0, u = e.mixBlendMode !== void 0 ? { mixBlendMode: e.mixBlendMode } : void 0;
+  const r = un(t), a = ht(t.width, 100), o = ht(t.height, 100), s = ht(t.radius, 0), l = e.stroke ?? "none", c = e.strokeWidth ?? 0, u = e.mixBlendMode !== void 0 ? { mixBlendMode: e.mixBlendMode } : void 0;
   if (r === "path") {
     const d = ln(t, n);
     return /* @__PURE__ */ f("g", { style: u, children: d.map((h, g) => /* @__PURE__ */ f(
@@ -676,9 +676,9 @@ function Mt(t, e, n, i = "geom") {
     "ellipse",
     {
       style: u,
-      cx: s / 2,
+      cx: a / 2,
       cy: o / 2,
-      rx: Math.max(0, s / 2 - c / 2),
+      rx: Math.max(0, a / 2 - c / 2),
       ry: Math.max(0, o / 2 - c / 2),
       fill: e.fill,
       stroke: l,
@@ -691,7 +691,7 @@ function Mt(t, e, n, i = "geom") {
       style: u,
       x1: "0",
       y1: o / 2,
-      x2: s,
+      x2: a,
       y2: o / 2,
       stroke: l !== "none" ? l : e.fill,
       strokeWidth: c || 1
@@ -703,10 +703,10 @@ function Mt(t, e, n, i = "geom") {
       style: u,
       x: c / 2,
       y: c / 2,
-      width: Math.max(0, s - c),
+      width: Math.max(0, a - c),
       height: Math.max(0, o - c),
-      rx: a,
-      ry: a,
+      rx: s,
+      ry: s,
       fill: e.fill,
       stroke: l,
       strokeWidth: c
@@ -719,33 +719,33 @@ function fn(t, e) {
   const n = t.props ?? {};
   return Mt(n, { fill: "white" }, e, "mask-cover");
 }
-const dn = 64, re = 1;
-function ie(t) {
+const dn = 64, ie = 1;
+function oe(t) {
   return t.props?.visible === !1;
 }
-function rt(t, e) {
+function ot(t, e) {
   const n = t?.[e];
   return typeof n == "number" && Number.isFinite(n) ? n : 0;
 }
-function pn(t, e, n = re, i = dn) {
+function pn(t, e, n = ie, i = dn) {
   if (t.kind !== "frame") return null;
-  const r = se(t, e, n, i, "grp");
+  const r = ae(t, e, n, i, "grp");
   return r.length === 0 ? null : /* @__PURE__ */ f("g", { children: r }, "mask-group-cover");
 }
-function oe(t, e = re) {
+function se(t, e = ie) {
   if (t.kind !== "frame") return !1;
   for (const n of t.children ?? [])
-    if (!ie(n) && (rt(n.props, "blur") > 0 || n.kind === "frame" && e > 0 && oe(n, e - 1)))
+    if (!oe(n) && (ot(n.props, "blur") > 0 || n.kind === "frame" && e > 0 && se(n, e - 1)))
       return !0;
   return !1;
 }
-function se(t, e, n, i, r) {
-  const s = t.children ?? [], o = [];
-  let a = 0;
-  for (let l = 0; l < s.length; l++) {
-    const c = s[l];
-    if (ie(c)) continue;
-    if (a >= i) {
+function ae(t, e, n, i, r) {
+  const a = t.children ?? [], o = [];
+  let s = 0;
+  for (let l = 0; l < a.length; l++) {
+    const c = a[l];
+    if (oe(c)) continue;
+    if (s >= i) {
       S(
         e,
         "mask.source.ref",
@@ -757,42 +757,42 @@ function se(t, e, n, i, r) {
     if (c.kind === "shape")
       u = Mt(c.props ?? {}, { fill: "white" }, c.id, `${r}-${l}`);
     else if (c.kind === "frame" && n > 0) {
-      const m = se(c, e, n - 1, i, `${r}-${l}`);
+      const m = ae(c, e, n - 1, i, `${r}-${l}`);
       m.length > 0 && (u = /* @__PURE__ */ f("g", { children: m }, `${r}-${l}`));
     }
     if (u === null) continue;
-    const d = rt(c.props, "blur");
+    const d = ot(c.props, "blur");
     if (d > 0) {
       const m = `lumen-mcov-blur-${e ?? "x"}-${r}-${l}`;
-      u = /* @__PURE__ */ G("g", { children: [
+      u = /* @__PURE__ */ I("g", { children: [
         /* @__PURE__ */ f("filter", { id: m, x: "-120%", y: "-120%", width: "340%", height: "340%", children: /* @__PURE__ */ f("feGaussianBlur", { stdDeviation: d / 2 }) }),
         /* @__PURE__ */ f("g", { filter: `url(#${m})`, children: u })
       ] }, `${r}-b-${l}`);
     }
-    const h = rt(c.props, "x"), g = rt(c.props, "y");
+    const h = ot(c.props, "x"), g = ot(c.props, "y");
     o.push(
       h !== 0 || g !== 0 ? /* @__PURE__ */ f("g", { transform: `translate(${h} ${g})`, children: u }, `${r}-t-${l}`) : u
-    ), a++;
+    ), s++;
   }
   return o;
 }
 function hn({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
-  const r = t.geometry ?? t.kind ?? "rect", s = gt(t.fill, "shape.fill", e) ?? "transparent", o = gt(t.stroke, "shape.stroke", e) ?? "transparent", a = et(t.stroke_width, 0), l = et(t.width, 100), c = et(t.height, 100), u = et(t.opacity, 1), d = typeof t.ariaLabel == "string" ? t.ariaLabel : void 0, h = at(n, ["opacity"], i), g = Q(h), m = lt({ opacity: u }, i, e), A = tt(), x = ne(
-    Le(ee(t.fills, "shape.fills", e), "shape.fills", e),
+  const r = t.geometry ?? t.kind ?? "rect", a = gt(t.fill, "shape.fill", e) ?? "transparent", o = gt(t.stroke, "shape.stroke", e) ?? "transparent", s = rt(t.stroke_width, 0), l = rt(t.width, 100), c = rt(t.height, 100), u = rt(t.opacity, 1), d = typeof t.ariaLabel == "string" ? t.ariaLabel : void 0, h = at(n, ["opacity"], i), g = et(h), m = lt({ opacity: u }, i, e), A = nt(), x = re(
+    Le(ne(t.fills, "shape.fills", e), "shape.fills", e),
     A,
     "shape.fills",
     e
-  ), F = gn(t.strokes), k = x.map(Oe), y = k.flatMap((R) => R.defs), p = k.length > 0 ? k.map((R) => ({ ref: R.ref, mixBlendMode: R.mixBlendMode })) : [{ ref: s }], w = F.length > 0 ? F.map((R) => ({
+  ), F = gn(t.strokes), k = x.map(Oe), y = k.flatMap((R) => R.defs), p = k.length > 0 ? k.map((R) => ({ ref: R.ref, mixBlendMode: R.mixBlendMode })) : [{ ref: a }], w = F.length > 0 ? F.map((R) => ({
     color: gt(R.color, "shape.strokes.color", e) ?? "transparent",
     width: R.width ?? 0
-  })) : [{ color: o, width: a }], v = [...p].reverse(), $ = [...w].reverse(), j = r === "path" ? $.filter((R) => R.width > 0 && R.color !== "transparent") : $, K = (R, b, O, N) => Mt(
+  })) : [{ color: o, width: s }], v = [...p].reverse(), $ = [...w].reverse(), _ = r === "path" ? $.filter((R) => R.width > 0 && R.color !== "transparent") : $, V = (R, b, P, N) => Mt(
     t,
     { fill: R, stroke: b.color, strokeWidth: b.width, mixBlendMode: N },
     e,
-    O
+    P
   );
-  return /* @__PURE__ */ G(
-    I.svg,
+  return /* @__PURE__ */ I(
+    U.svg,
     {
       width: l,
       height: c,
@@ -804,58 +804,133 @@ function hn({ resolved: t, nodeId: e, transitionFor: n, animateInitial: i }) {
       children: [
         y.length > 0 && /* @__PURE__ */ f("defs", { children: y }),
         v.map(
-          (R, b) => K(R.ref, { color: "transparent", width: 0 }, `fill-${b}`, R.mixBlendMode)
+          (R, b) => V(R.ref, { color: "transparent", width: 0 }, `fill-${b}`, R.mixBlendMode)
         ),
-        j.map((R, b) => K("none", R, `stroke-${b}`))
+        _.map((R, b) => V("none", R, `stroke-${b}`))
       ]
     }
   );
 }
 function gt(t, e, n) {
   if (typeof t != "string") return null;
-  const i = E(t);
-  return i === null && D(e, n), i;
+  const i = D(t);
+  return i === null && B(e, n), i;
 }
 function gn(t) {
   return Array.isArray(t) ? t.filter(
     (e) => typeof e == "object" && e !== null && ("color" in e || "width" in e)
   ) : [];
 }
-function et(t, e) {
+function rt(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? t : e;
 }
-function mn({ resolved: t, nodeId: e }) {
-  const n = tt(), i = $t(t.src, n, "media.src", e);
-  if (!i) return null;
-  const r = t.loop ?? !0, s = t.mute ?? !0, o = t.autoplay ?? !0, a = t.fit ?? "cover";
-  return /* @__PURE__ */ f(
+function At({
+  peerLabel: t,
+  objectFit: e,
+  muted: n = !0
+}) {
+  const i = Vt(), r = i?.resolvePeerStream, a = i?.subscribePeerStream, o = tt(null), [s, l] = vt(null);
+  return Y(() => {
+    if (a !== void 0)
+      return a(t, l);
+    if (r !== void 0) {
+      l(r(t));
+      return;
+    }
+    l(null);
+  }, [t, r, a]), Y(() => {
+    const c = o.current;
+    if (c !== null)
+      return c.srcObject = s, () => {
+        c !== null && (c.srcObject = null);
+      };
+  }, [s]), s === null ? /* @__PURE__ */ f(
+    "div",
+    {
+      "aria-hidden": !0,
+      "data-lumencast-media-live": !0,
+      style: { width: "100%", height: "100%", opacity: 0, pointerEvents: "none" }
+    }
+  ) : /* @__PURE__ */ f(
     "video",
     {
-      src: i,
-      autoPlay: o,
-      loop: r,
-      muted: s,
+      ref: o,
+      "data-lumencast-media-live": !0,
+      autoPlay: !0,
+      muted: n,
       playsInline: !0,
       style: {
         width: "100%",
         height: "100%",
-        objectFit: a
+        objectFit: e,
+        pointerEvents: "none"
       }
     }
   );
 }
-const Lt = /* @__PURE__ */ new Set();
-function yn({ resolved: t, nodeId: e }) {
+function mn({ resolved: t, nodeId: e }) {
+  const n = nt(), i = t.fit ?? "cover", r = typeof t.peerLabel == "string" && t.peerLabel.length > 0 ? t.peerLabel : "";
+  if (r !== "")
+    return /* @__PURE__ */ f(At, { peerLabel: r, objectFit: i });
+  const a = $t(t.src, n, "media.src", e);
+  if (!a) return null;
+  const o = t.loop ?? !0, s = t.mute ?? !0, l = t.autoplay ?? !0;
+  return /* @__PURE__ */ f(
+    "video",
+    {
+      src: a,
+      autoPlay: l,
+      loop: o,
+      muted: s,
+      playsInline: !0,
+      style: yn(i)
+    }
+  );
+}
+function yn(t) {
+  return {
+    width: "100%",
+    height: "100%",
+    objectFit: t
+  };
+}
+function bn({ resolved: t }) {
+  const e = typeof t.peer_label == "string" && t.peer_label.length > 0 ? t.peer_label : "";
+  if (e === "")
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        "aria-hidden": !0,
+        "data-lumencast-meet-peer": !0,
+        style: { width: "100%", height: "100%", opacity: 0, pointerEvents: "none" }
+      }
+    );
+  const n = typeof t.object_fit == "string" && t.object_fit.length > 0 ? t.object_fit : "cover", i = t.muted === void 0 ? !0 : t.muted !== !1;
+  return /* @__PURE__ */ f(At, { peerLabel: e, objectFit: n, muted: i });
+}
+function kn({ resolved: t }) {
+  const e = typeof t["x-zab.slotRef"] == "string" && t["x-zab.slotRef"].length > 0 ? t["x-zab.slotRef"] : "";
+  return e === "" ? /* @__PURE__ */ f(
+    "div",
+    {
+      "aria-hidden": !0,
+      "data-lumencast-meet-peer-slot": !0,
+      style: { width: "100%", height: "100%", opacity: 0, pointerEvents: "none" }
+    }
+  ) : /* @__PURE__ */ f(At, { peerLabel: e, objectFit: "cover", muted: !0 });
+}
+const zt = /* @__PURE__ */ new Set();
+function wn({ resolved: t, nodeId: e }) {
   const n = t.scene_id, i = t.scene_version;
   if (!n || !i)
     return S(e, "instance.scene_id", "missing scene_id or scene_version ; not rendered"), null;
   const r = `${n}:${i}`;
-  Lt.has(r) || (Lt.add(r), S(
+  zt.has(r) || (zt.add(r), S(
     e,
     "instance",
     "scaffold render — async bundle fetch + __params.* injection are not yet wired (LSML 1.1 §4.9)"
   ));
-  const s = t.size, o = t.position;
+  const a = t.size, o = t.position;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -865,43 +940,43 @@ function yn({ resolved: t, nodeId: e }) {
         position: o ? "absolute" : "relative",
         left: o?.x,
         top: o?.y,
-        width: s?.w,
-        height: s?.h,
+        width: a?.w,
+        height: a?.h,
         outline: "none",
         boxSizing: "border-box"
       }
     }
   );
 }
-function bn({ resolved: t }) {
-  const e = Ht(t.width, "100%"), n = Ht(t.height, "100%"), i = typeof t["x-zab.sourceKind"] == "string" ? t["x-zab.sourceKind"] : "", r = typeof t["x-zab.deviceRef"] == "string" ? t["x-zab.deviceRef"] : "", o = be()?.resolveCaptureDevice, a = it(null), [l, c] = Ut(null);
-  return ot(() => {
-    if (!kn()) return;
+function xn({ resolved: t }) {
+  const e = Wt(t.width, "100%"), n = Wt(t.height, "100%"), i = typeof t["x-zab.sourceKind"] == "string" ? t["x-zab.sourceKind"] : "", r = typeof t["x-zab.deviceRef"] == "string" ? t["x-zab.deviceRef"] : "", o = Vt()?.resolveCaptureDevice, s = tt(null), [l, c] = vt(null);
+  return Y(() => {
+    if (!vn()) return;
     let u = !1, d = null;
     return (async () => {
       try {
-        const h = await xn(i, r, o);
+        const h = await Sn(i, r, o);
         if (h === null) return;
         if (u) {
-          zt(h);
+          Ht(h);
           return;
         }
         d = h, c(h);
       } catch {
       }
     })(), () => {
-      u = !0, d !== null && zt(d);
+      u = !0, d !== null && Ht(d);
     };
-  }, [i, r, o]), ot(() => {
-    const u = a.current;
+  }, [i, r, o]), Y(() => {
+    const u = s.current;
     if (u !== null)
       return u.srcObject = l, () => {
         u !== null && (u.srcObject = null);
       };
-  }, [l]), l !== null && wn(i) ? /* @__PURE__ */ f(
+  }, [l]), l !== null && $n(i) ? /* @__PURE__ */ f(
     "video",
     {
-      ref: a,
+      ref: s,
       "data-lumencast-capture": !0,
       autoPlay: !0,
       muted: !0,
@@ -917,38 +992,49 @@ function bn({ resolved: t }) {
     }
   );
 }
-function kn() {
+function vn() {
   return typeof navigator < "u" && typeof navigator.mediaDevices?.getUserMedia == "function";
 }
-function wn(t) {
+function $n(t) {
   return t === "media.webcam" || t === "media.screen" || t === "media.window";
 }
-async function xn(t, e, n) {
-  const i = navigator.mediaDevices, s = (n?.(e, t) ?? null)?.deviceId;
+async function Sn(t, e, n) {
+  const i = navigator.mediaDevices, r = await n?.(e, t) ?? null, a = r?.deviceId, o = e.length > 0;
   switch (t) {
     case "media.webcam":
-      return i.getUserMedia({ video: mt(s) });
     case "media.mic":
-      return i.getUserMedia({ audio: mt(s) });
-    case "media.app_audio":
-      return i.getUserMedia({ audio: mt(s) });
+    case "media.app_audio": {
+      if (o && (typeof a != "string" || a.length === 0))
+        return null;
+      const s = t === "media.webcam" ? "video" : "audio";
+      return i.getUserMedia({ [s]: Mn(a) });
+    }
     case "media.screen":
-    case "media.window":
-      return i.getDisplayMedia({ video: !0 });
+    case "media.window": {
+      const s = r?.captureSourceId;
+      return typeof s == "string" && s.length > 0 ? i.getUserMedia({
+        video: {
+          mandatory: {
+            chromeMediaSource: "desktop",
+            chromeMediaSourceId: s
+          }
+        }
+      }) : o ? null : i.getDisplayMedia({ video: !0 });
+    }
     default:
       return null;
   }
 }
-function mt(t) {
-  return typeof t == "string" && t.length > 0 ? { deviceId: t } : !0;
+function Mn(t) {
+  return typeof t == "string" && t.length > 0 ? { deviceId: { exact: t } } : !0;
 }
-function zt(t) {
+function Ht(t) {
   for (const e of t.getTracks()) e.stop();
 }
-function Ht(t, e) {
+function Wt(t, e) {
   return typeof t == "number" && Number.isFinite(t) ? `${t}px` : typeof t == "string" && t.length > 0 ? t : e;
 }
-const vn = {
+const An = {
   stack: ve,
   grid: $e,
   frame: ze,
@@ -956,21 +1042,29 @@ const vn = {
   image: tn,
   shape: hn,
   media: mn,
-  instance: yn,
+  // ADR 006 §3.3/§3.5 — the unified source kind : every exported source is a
+  // `meet.peer` node rendered in `<video srcObject>` from the WebRTC viewer.
+  "meet.peer": bn,
+  instance: wn,
   // RFC-0001 / ADR 004 — Zab vendor capture placeholder (transparent, inert).
-  "x-zab.capture": bn
-}, wt = st("");
-function $n({ prefix: t, children: e }) {
-  const n = U(wt), i = n ? `${n}.${t}` : t;
-  return /* @__PURE__ */ f(wt.Provider, { value: i, children: e });
-}
-function At() {
-  return U(wt);
-}
-function q(t, e) {
+  "x-zab.capture": xn,
+  // ADR Blue 009 §3.1 (Amendment 2) — Zab vendor meet-peer SLOT placeholder.
+  // Carries only a logical `x-zab.slotRef` ; the host's slot-aware peer-stream
+  // registry resolves `slotRef → peer_label → MediaStream` (transparent when
+  // unbound). Closes the kind→primitive gap that left it an unknown-kind drop.
+  "x-zab.meet-peer": kn
+}, kt = st("");
+function Fn({ prefix: t, children: e }) {
+  const n = K(kt), i = n ? `${n}.${t}` : t;
+  return /* @__PURE__ */ f(kt.Provider, { value: i, children: e });
+}
+function Ft() {
+  return K(kt);
+}
+function G(t, e) {
   return !t || e.startsWith("__") ? e : `${t}.${e}`;
 }
-function Wt(t) {
+function qt(t) {
   switch (t) {
     case "fixed":
       return "0 0 auto";
@@ -982,84 +1076,84 @@ function Wt(t) {
       return;
   }
 }
-function Sn(t) {
-  const e = Wt(t?.x), n = Wt(t?.y);
+function Rn(t) {
+  const e = qt(t?.x), n = qt(t?.y);
   return e === n && e !== void 0 ? e : e ?? n;
 }
-function Mn({
+function jn({
   visible: t,
   opacity: e,
   rotation: n,
   flipY: i,
   blur: r,
-  sizing: s,
+  sizing: a,
   position: o,
-  size: a,
+  size: s,
   blendMode: l,
   children: c
 }) {
   if (t === !1)
     return null;
-  const u = Y(l), d = typeof e == "number" && e !== 1, h = typeof n == "number" && n !== 0, g = i === !0, m = typeof r == "number" && r > 0, A = s?.x !== void 0 || s?.y !== void 0, x = o !== void 0, F = u !== void 0;
+  const u = X(l), d = typeof e == "number" && e !== 1, h = typeof n == "number" && n !== 0, g = i === !0, m = typeof r == "number" && r > 0, A = a?.x !== void 0 || a?.y !== void 0, x = o !== void 0, F = u !== void 0;
   if (!d && !h && !g && !m && !A && !x && !F)
-    return /* @__PURE__ */ f(J, { children: c });
+    return /* @__PURE__ */ f(Q, { children: c });
   let k;
   if (h || g) {
     const v = [];
     h && v.push(`rotate(${n}deg)`), g && v.push("scaleY(-1)"), k = v.join(" ");
   }
-  const y = m ? `blur(${r / 2}px)` : void 0, p = A ? Sn(s) : void 0;
+  const y = m ? `blur(${r / 2}px)` : void 0, p = A ? Rn(a) : void 0;
   if (F && (d || k !== void 0 || y !== void 0)) {
     const v = { mixBlendMode: u };
     x && (v.position = "absolute", v.left = o.x, v.top = o.y), p !== void 0 && (v.flex = p);
     const $ = {};
-    return typeof a?.w == "number" && ($.width = a.w), typeof a?.h == "number" && ($.height = a.h), d && ($.opacity = e), k !== void 0 && ($.transform = k), y !== void 0 && ($.filter = y), /* @__PURE__ */ f("div", { style: v, children: /* @__PURE__ */ f("div", { style: $, children: c }) });
+    return typeof s?.w == "number" && ($.width = s.w), typeof s?.h == "number" && ($.height = s.h), d && ($.opacity = e), k !== void 0 && ($.transform = k), y !== void 0 && ($.filter = y), /* @__PURE__ */ f("div", { style: v, children: /* @__PURE__ */ f("div", { style: $, children: c }) });
   }
   const w = {};
-  return d && (w.opacity = e), k !== void 0 && (w.transform = k), y !== void 0 && (w.filter = y), F && (w.mixBlendMode = u), x && (w.position = "absolute", w.left = o.x, w.top = o.y, typeof a?.w == "number" && (w.width = a.w), typeof a?.h == "number" && (w.height = a.h)), p !== void 0 && (w.flex = p), /* @__PURE__ */ f("div", { style: w, children: c });
+  return d && (w.opacity = e), k !== void 0 && (w.transform = k), y !== void 0 && (w.filter = y), F && (w.mixBlendMode = u), x && (w.position = "absolute", w.left = o.x, w.top = o.y, typeof s?.w == "number" && (w.width = s.w), typeof s?.h == "number" && (w.height = s.h)), p !== void 0 && (w.flex = p), /* @__PURE__ */ f("div", { style: w, children: c });
 }
-const An = {
+const _n = {
   linear: "linear",
   "ease-in": "easeIn",
   "ease-out": "easeOut",
   "ease-in-out": "easeInOut"
 };
-function Fn(t, e) {
+function Tn(t, e) {
   const n = t.steps;
   if (!Array.isArray(n) || n.length < 2) return;
   const i = n[0], r = n[n.length - 1];
   if (i.at !== 0 || r.at !== 1) return;
-  const s = n.map((a) => a.at), o = {};
-  return qt(n, "opacity", o, e), qt(n, "filter", o, e), nt(n, "scale", o), nt(n, "translateX", o), nt(n, "translateY", o), nt(n, "rotate", o), {
+  const a = n.map((s) => s.at), o = {};
+  return Gt(n, "opacity", o, e), Gt(n, "filter", o, e), it(n, "scale", o), it(n, "translateX", o), it(n, "translateY", o), it(n, "rotate", o), {
     animate: o,
     transition: {
       duration: t.duration_ms / 1e3,
-      ease: An[t.easing ?? "linear"],
-      times: s
+      ease: _n[t.easing ?? "linear"],
+      times: a
     }
   };
 }
-function qt(t, e, n, i) {
+function Gt(t, e, n, i) {
   let r = !1;
-  const s = [];
+  const a = [];
   let o;
-  for (const a of t) {
-    let l = a[e];
+  for (const s of t) {
+    let l = s[e];
     if (e === "filter" && l !== void 0) {
       const c = ke(l);
-      c === null ? (Vt("keyframes.steps[].filter", i), l = void 0) : l = c;
+      c === null ? (Zt("keyframes.steps[].filter", i), l = void 0) : l = c;
     }
-    l !== void 0 ? (r = !0, o = l, s.push(l)) : s.push(o ?? (e === "opacity" ? 1 : we));
+    l !== void 0 ? (r = !0, o = l, a.push(l)) : a.push(o ?? (e === "opacity" ? 1 : we));
   }
-  r && (n[e] = s);
+  r && (n[e] = a);
 }
-function nt(t, e, n) {
+function it(t, e, n) {
   let i = !1;
   const r = [];
-  let s;
+  let a;
   for (const o of t) {
-    const a = o.transform?.[e];
-    typeof a == "number" ? (i = !0, s = a, r.push(a)) : r.push(s ?? Rn(e));
+    const s = o.transform?.[e];
+    typeof s == "number" ? (i = !0, a = s, r.push(s)) : r.push(a ?? Cn(e));
   }
   if (i)
     if (e === "rotate")
@@ -1069,76 +1163,76 @@ function nt(t, e, n) {
       n[o] = r;
     }
 }
-function Rn(t) {
+function Cn(t) {
   return t === "scale" ? 1 : 0;
 }
-const Ft = st(0), Gt = 2e3;
-function _n(t, e) {
+const Rt = st(0), It = 2e3;
+function On(t, e) {
   if (e <= 0) return 0;
   const n = t * e;
-  return n > Gt ? Gt : n;
+  return n > It ? It : n;
 }
-function jn({
+function Pn({
   keyframes: t,
   store: e,
   nodeId: n,
   children: i
 }) {
-  vt();
-  const r = At(), s = U(Ft), o = it(void 0), a = it(0);
+  xt();
+  const r = Ft(), a = K(Rt), o = tt(void 0), s = tt(0);
   if (t.key !== void 0) {
-    const u = e.signal(q(r, t.key)).value;
-    o.current !== u && (o.current = u, a.current += 1);
+    const u = e.signal(G(r, t.key)).value;
+    o.current !== u && (o.current = u, s.current += 1);
   }
-  const l = Fn(t, n);
+  const l = Tn(t, n);
   if (!l)
-    return /* @__PURE__ */ f(J, { children: i });
-  const c = s > 0 ? { ...l.transition, delay: s / 1e3 } : l.transition;
-  return /* @__PURE__ */ G(
-    I.div,
+    return /* @__PURE__ */ f(Q, { children: i });
+  const c = a > 0 ? { ...l.transition, delay: a / 1e3 } : l.transition;
+  return /* @__PURE__ */ I(
+    U.div,
     {
       style: { position: "absolute", inset: 0 },
-      initial: Cn(l.animate),
+      initial: En(l.animate),
       animate: l.animate,
       transition: c,
       children: [
-        /* @__PURE__ */ f(Tn, {}),
+        /* @__PURE__ */ f(Nn, {}),
         i
       ]
     },
-    a.current
+    s.current
   );
 }
-function Tn() {
-  return ot(() => {
+function Nn() {
+  return Y(() => {
   }, []), null;
 }
-function Cn(t) {
+function En(t) {
   const e = {};
   for (const [n, i] of Object.entries(t))
     i.length > 0 && (e[n] = i[0]);
   return e;
 }
-function On(t, e = (i) => requestAnimationFrame(i), n = (i) => cancelAnimationFrame(i)) {
+function Dn(t, e = (i) => requestAnimationFrame(i), n = (i) => cancelAnimationFrame(i)) {
   const i = /* @__PURE__ */ new Map();
-  let r = null, s = !1;
+  let r = null, a = !1;
   const o = () => {
     r = null;
-    const a = [...i.entries()];
+    const s = [...i.entries()];
     i.clear();
-    for (const [l, c] of a)
+    for (const [l, c] of s)
       t(l, c);
   };
   return {
-    push(a, l) {
-      s || (i.set(a, l), r === null && (r = e(o)));
+    push(s, l) {
+      a || (i.set(s, l), r === null && (r = e(o)));
     },
     dispose() {
-      s = !0, i.clear(), r !== null && (n(r), r = null);
+      a = !0, i.clear(), r !== null && (n(r), r = null);
     }
   };
 }
-const Nn = {
+const Bn = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -1288,42 +1382,42 @@ const Nn = {
   yellow: 16776960,
   yellowgreen: 10145074
 };
-function Pn(t) {
-  const e = E(t);
+function Ln(t) {
+  const e = D(t);
   if (e === null) return null;
-  if (e.startsWith("#")) return En(e);
+  if (e.startsWith("#")) return zn(e);
   if (e.startsWith("rgb")) {
     const r = e.slice(e.indexOf("(") + 1, -1).split(",").map((d) => d.trim());
     if (r.length < 3) return null;
-    const o = r[0].endsWith("%") ? 100 : 255, a = yt(r[0], o), l = yt(r[1], o), c = yt(r[2], o), u = r.length > 3 ? Yt(r[3]) : 1;
-    return a === null || l === null || c === null || u === null ? null : [a, l, c, u];
+    const o = r[0].endsWith("%") ? 100 : 255, s = mt(r[0], o), l = mt(r[1], o), c = mt(r[2], o), u = r.length > 3 ? Yt(r[3]) : 1;
+    return s === null || l === null || c === null || u === null ? null : [s, l, c, u];
   }
   if (e.startsWith("hsl")) {
     const r = e.slice(e.indexOf("(") + 1, -1).split(",").map((h) => h.trim());
     if (r.length < 3) return null;
-    const s = Number(r[0].replace("deg", "")), o = Number(r[1].replace("%", "")) / 100, a = Number(r[2].replace("%", "")) / 100, l = r.length > 3 ? Yt(r[3]) : 1;
-    if (![s, o, a].every(Number.isFinite) || l === null) return null;
-    const [c, u, d] = Dn(s, o, a);
+    const a = Number(r[0].replace("deg", "")), o = Number(r[1].replace("%", "")) / 100, s = Number(r[2].replace("%", "")) / 100, l = r.length > 3 ? Yt(r[3]) : 1;
+    if (![a, o, s].every(Number.isFinite) || l === null) return null;
+    const [c, u, d] = Hn(a, o, s);
     return [c, u, d, l];
   }
   if (e === "transparent") return [0, 0, 0, 0];
   if (e === "currentcolor") return null;
-  const n = Nn[e];
+  const n = Bn[e];
   return n === void 0 ? null : [(n >> 16 & 255) / 255, (n >> 8 & 255) / 255, (n & 255) / 255, 1];
 }
-function En(t) {
+function zn(t) {
   const e = t.slice(1);
   if (e.length === 3 || e.length === 4) {
-    const n = parseInt(e[0] + e[0], 16), i = parseInt(e[1] + e[1], 16), r = parseInt(e[2] + e[2], 16), s = e.length === 4 ? parseInt(e[3] + e[3], 16) : 255;
-    return [n / 255, i / 255, r / 255, s / 255];
+    const n = parseInt(e[0] + e[0], 16), i = parseInt(e[1] + e[1], 16), r = parseInt(e[2] + e[2], 16), a = e.length === 4 ? parseInt(e[3] + e[3], 16) : 255;
+    return [n / 255, i / 255, r / 255, a / 255];
   }
   if (e.length === 6 || e.length === 8) {
-    const n = parseInt(e.slice(0, 2), 16), i = parseInt(e.slice(2, 4), 16), r = parseInt(e.slice(4, 6), 16), s = e.length === 8 ? parseInt(e.slice(6, 8), 16) : 255;
-    return [n / 255, i / 255, r / 255, s / 255];
+    const n = parseInt(e.slice(0, 2), 16), i = parseInt(e.slice(2, 4), 16), r = parseInt(e.slice(4, 6), 16), a = e.length === 8 ? parseInt(e.slice(6, 8), 16) : 255;
+    return [n / 255, i / 255, r / 255, a / 255];
   }
   return null;
 }
-function yt(t, e) {
+function mt(t, e) {
   const n = Number(t.replace("%", ""));
   return Number.isFinite(n) ? T(n / e) : null;
 }
@@ -1331,14 +1425,14 @@ function Yt(t) {
   const e = t.endsWith("%"), n = Number(t.replace("%", ""));
   return Number.isFinite(n) ? T(e ? n / 100 : n) : null;
 }
-function Dn(t, e, n) {
-  const i = (t % 360 + 360) % 360, r = (1 - Math.abs(2 * n - 1)) * e, s = i / 60, o = r * (1 - Math.abs(s % 2 - 1));
-  let a = 0, l = 0, c = 0;
-  s < 1 ? [a, l, c] = [r, o, 0] : s < 2 ? [a, l, c] = [o, r, 0] : s < 3 ? [a, l, c] = [0, r, o] : s < 4 ? [a, l, c] = [0, o, r] : s < 5 ? [a, l, c] = [o, 0, r] : [a, l, c] = [r, 0, o];
+function Hn(t, e, n) {
+  const i = (t % 360 + 360) % 360, r = (1 - Math.abs(2 * n - 1)) * e, a = i / 60, o = r * (1 - Math.abs(a % 2 - 1));
+  let s = 0, l = 0, c = 0;
+  a < 1 ? [s, l, c] = [r, o, 0] : a < 2 ? [s, l, c] = [o, r, 0] : a < 3 ? [s, l, c] = [0, r, o] : a < 4 ? [s, l, c] = [0, o, r] : a < 5 ? [s, l, c] = [o, 0, r] : [s, l, c] = [r, 0, o];
   const u = n - r / 2;
-  return [T(a + u), T(l + u), T(c + u)];
+  return [T(s + u), T(l + u), T(c + u)];
 }
-function Bn(t, e, n) {
+function Wn(t, e, n) {
   return [
     T(t[0] + n * (e[0] - t[0])),
     T(t[1] + n * (e[1] - t[1])),
@@ -1353,57 +1447,57 @@ function Xt(t) {
 function T(t) {
   return t < 0 ? 0 : t > 1 ? 1 : t;
 }
-const ae = {
+const le = {
   "style.color": "colour",
   fill: "fill",
   background: "background"
 };
-function Ln(t, e) {
+function qn(t, e) {
   switch (t) {
     case "opacity": {
-      const n = z(e);
+      const n = H(e);
       return n === null ? null : { opacity: n < 0 ? 0 : n > 1 ? 1 : n };
     }
     case "transform.translate": {
       if (!Array.isArray(e) || e.length !== 2) return null;
-      const n = z(e[0]), i = z(e[1]);
+      const n = H(e[0]), i = H(e[1]);
       return n === null || i === null ? null : { x: n, y: i };
     }
     case "transform.scale": {
-      const n = z(e);
+      const n = H(e);
       if (n !== null) return { scaleX: n, scaleY: n };
       if (Array.isArray(e) && e.length === 2) {
-        const i = z(e[0]), r = z(e[1]);
+        const i = H(e[0]), r = H(e[1]);
         return i === null || r === null ? null : { scaleX: i, scaleY: r };
       }
       return null;
     }
     case "transform.rotate": {
-      const n = z(e);
+      const n = H(e);
       return n === null ? null : { rotate: n };
     }
     case "filter.blur": {
-      const n = jt("blur", e);
+      const n = Tt("blur", e);
       return n === null ? null : { blur: n };
     }
     case "filter.brightness": {
-      const n = jt("brightness", e);
+      const n = Tt("brightness", e);
       return n === null ? null : { brightness: n };
     }
     default:
       return null;
   }
 }
-function z(t) {
+function H(t) {
   return typeof t != "number" || !Number.isFinite(t) ? null : Object.is(t, -0) ? 0 : t;
 }
-const zn = {
+const Gn = {
   kind: "spring",
   stiffness: 170,
   damping: 26,
   mass: 1
 };
-function Hn(t) {
+function In(t) {
   switch (t) {
     case "opacity":
       return "opacity";
@@ -1417,80 +1511,80 @@ function Hn(t) {
     case "filter.brightness":
       return "filter";
     default:
-      return ae[t] ?? t;
+      return le[t] ?? t;
   }
 }
-const Wn = {};
-function qn(t, e, n) {
-  const i = t.animateBindings, r = U(Ft), s = B(1), o = B(0), a = B(0), l = B(1), c = B(1), u = B(0), d = B(0), h = B(1), g = ye(
+const Yn = {};
+function Xn(t, e, n) {
+  const i = t.animateBindings, r = K(Rt), a = L(1), o = L(0), s = L(0), l = L(1), c = L(1), u = L(0), d = L(0), h = L(1), g = be(
     [d, h],
     ([k, y]) => `blur(${k}px) brightness(${y})`
-  ), [m, A] = Ut(Wn), x = it({
-    opacity: s,
+  ), [m, A] = vt(Yn), x = tt({
+    opacity: a,
     x: o,
-    y: a,
+    y: s,
     scaleX: l,
     scaleY: c,
     rotate: u,
     blur: d,
     brightness: h
   });
-  return ot(() => {
+  return Y(() => {
     if (!i || Object.keys(i).length === 0) return;
     const k = x.current, y = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Set();
     let v = !1;
-    const $ = (b, O) => {
-      const V = e.transitionSignal(O).peek() ?? t.transitions?.[Hn(b)], Z = Q(V ?? zn);
-      return r > 0 && !w.has(b) ? { ...Z, delay: r / 1e3 } : Z;
-    }, j = (b, O, N) => {
-      const V = ae[b], Z = q(n, i[b]);
-      if (V !== void 0) {
-        const P = Pn(O);
-        if (P === null) {
-          D(`bindAnimate.${b}`, t.id);
+    const $ = (b, P) => {
+      const Z = e.transitionSignal(P).peek() ?? t.transitions?.[In(b)], J = et(Z ?? Gn);
+      return r > 0 && !w.has(b) ? { ...J, delay: r / 1e3 } : J;
+    }, _ = (b, P, N) => {
+      const Z = le[b], J = G(n, i[b]);
+      if (Z !== void 0) {
+        const E = Ln(P);
+        if (E === null) {
+          B(`bindAnimate.${b}`, t.id);
           return;
         }
-        const L = p.get(b);
-        if (N || L === void 0) {
-          p.set(b, { current: P }), A((ut) => ({ ...ut, [V]: Xt(P) }));
+        const z = p.get(b);
+        if (N || z === void 0) {
+          p.set(b, { current: E }), A((ut) => ({ ...ut, [Z]: Xt(E) }));
           return;
         }
-        const he = L.current, ge = $(b, Z);
+        const ge = z.current, me = $(b, J);
         w.add(b), y.get(`color:${b}`)?.stop(), y.set(
           `color:${b}`,
           _t(0, 1, {
-            ...ge,
+            ...me,
             onUpdate: (ut) => {
-              const Rt = Bn(he, P, ut);
-              L.current = Rt, A((me) => ({ ...me, [V]: Xt(Rt) }));
+              const jt = Wn(ge, E, ut);
+              z.current = jt, A((ye) => ({ ...ye, [Z]: Xt(jt) }));
             }
           })
         );
         return;
       }
-      const ct = Ln(b, O);
+      const ct = qn(b, P);
       if (ct === null) {
-        b.startsWith("filter.") ? Vt(`bindAnimate.${b}`, t.id) : Gn(b, t.id);
+        b.startsWith("filter.") ? Zt(`bindAnimate.${b}`, t.id) : Un(b, t.id);
         return;
       }
       if (N) {
-        for (const [P, L] of Object.entries(ct))
-          k[P].jump(L);
+        for (const [E, z] of Object.entries(ct))
+          k[E].jump(z);
         return;
       }
-      const pe = $(b, Z);
+      const he = $(b, J);
       w.add(b);
-      for (const [P, L] of Object.entries(ct))
-        y.set(P, _t(k[P], L, pe));
-    }, K = On((b, O) => j(b, O, !1)), R = Object.entries(i).map(
-      ([b, O]) => xe(() => {
-        const N = e.signal(q(n, O)).value;
-        N !== void 0 && (v ? K.push(b, N) : j(b, N, !0));
+      for (const [E, z] of Object.entries(ct))
+        y.set(E, _t(k[E], z, he));
+    }, V = Dn((b, P) => _(b, P, !1)), R = Object.entries(i).map(
+      ([b, P]) => xe(() => {
+        const N = e.signal(G(n, P)).value;
+        N !== void 0 && (v ? V.push(b, N) : _(b, N, !0));
       })
     );
     return v = !0, () => {
       for (const b of R) b();
-      K.dispose();
+      V.dispose();
       for (const b of y.values()) b.stop();
     };
   }, [t, i, e, n, r]), { motionStyle: Kt(() => {
@@ -1500,10 +1594,10 @@ function qn(t, e, n) {
     for (const p of Object.keys(i))
       switch (p) {
         case "opacity":
-          k.opacity = s, y = !0;
+          k.opacity = a, y = !0;
           break;
         case "transform.translate":
-          k.x = o, k.y = a, y = !0;
+          k.x = o, k.y = s, y = !0;
           break;
         case "transform.scale":
           k.scaleX = l, k.scaleY = c, y = !0;
@@ -1517,32 +1611,32 @@ function qn(t, e, n) {
           break;
       }
     return y ? (k.willChange = "transform, opacity, filter", k) : null;
-  }, [i, s, o, a, l, c, u, g]), colorProps: m };
+  }, [i, a, o, s, l, c, u, g]), colorProps: m };
 }
-function Gn(t, e) {
+function Un(t, e) {
   S(
     e,
     `bindAnimate.${t}`,
     "rejected bound value : JSON shape does not match the property type (LSML §6.3)"
   );
 }
-const le = /* @__PURE__ */ new Set(["alpha", "luminance"]), xt = 180, ce = /* @__PURE__ */ new Set(["intersect", "subtract", "union"]);
-let bt = 0;
-function Yn() {
-  return bt = (bt + 1) % 1e6, `lumen-mask-${bt.toString(36)}`;
+const ce = /* @__PURE__ */ new Set(["alpha", "luminance"]), wt = 180, ue = /* @__PURE__ */ new Set(["intersect", "subtract", "union"]);
+let yt = 0;
+function Kn() {
+  return yt = (yt + 1) % 1e6, `lumen-mask-${yt.toString(36)}`;
 }
-function Xn(t) {
+function Vn(t) {
   return /^[A-Za-z0-9_:-]+$/.test(t) ? t : null;
 }
 function M(t) {
   return typeof t == "number" && Number.isFinite(t);
 }
-function In(t, e) {
+function Zn(t, e) {
   if (typeof t != "object" || t === null) return null;
   const n = t;
-  if (typeof n.type != "string" || !le.has(n.type))
+  if (typeof n.type != "string" || !ce.has(n.type))
     return S(e, "mask.type", "is not alpha|luminance ; mask omitted (ADR 002 §3.2, T4)"), null;
-  if (typeof n.op != "string" || !ce.has(n.op))
+  if (typeof n.op != "string" || !ue.has(n.op))
     return S(
       e,
       "mask.op",
@@ -1552,37 +1646,37 @@ function In(t, e) {
   if (typeof i != "object" || i === null)
     return S(e, "mask.source", "is not a typed shape|image source ; mask omitted (T3)"), null;
   const r = i;
-  let s;
+  let a;
   if (r.kind === "shape" && typeof r.ref == "string")
-    s = { kind: "shape", ref: r.ref };
+    a = { kind: "shape", ref: r.ref };
   else if (r.kind === "image" && typeof r.src == "string") {
     const c = r.srcRect;
-    s = c && M(c.x) && M(c.y) && M(c.w) && M(c.h) ? { kind: "image", src: r.src, srcRect: { x: c.x, y: c.y, w: c.w, h: c.h } } : { kind: "image", src: r.src };
+    a = c && M(c.x) && M(c.y) && M(c.w) && M(c.h) ? { kind: "image", src: r.src, srcRect: { x: c.x, y: c.y, w: c.w, h: c.h } } : { kind: "image", src: r.src };
   } else if (r.kind === "group" && typeof r.ref == "string")
-    s = { kind: "group", ref: r.ref };
+    a = { kind: "group", ref: r.ref };
   else
     return S(
       e,
       "mask.source",
       "is not a typed shape|image|group source ; mask omitted (T3)"
     ), null;
-  const o = { source: s, type: n.type, op: n.op }, a = n.position;
-  a && M(a.x) && M(a.y) && (o.position = { x: a.x, y: a.y });
+  const o = { source: a, type: n.type, op: n.op }, s = n.position;
+  s && M(s.x) && M(s.y) && (o.position = { x: s.x, y: s.y });
   const l = n.size;
   return l && M(l.w) && M(l.h) && (o.size = { w: l.w, h: l.h }), o;
 }
-function Un(t, e, n, i, r, s = !1) {
-  if (!le.has(t.type) || !ce.has(t.op))
+function Jn(t, e, n, i, r, a = !1) {
+  if (!ce.has(t.type) || !ue.has(t.op))
     return S(n, "mask", "type/op outside the closed enum ; mask omitted (T4)"), null;
-  const o = Yn(), a = t.position?.x, l = t.position?.y, c = t.size?.w, u = t.size?.h, d = {
-    ...M(a) ? { x: a } : {},
+  const o = Kn(), s = t.position?.x, l = t.position?.y, c = t.size?.w, u = t.size?.h, d = {
+    ...M(s) ? { x: s } : {},
     ...M(l) ? { y: l } : {},
     ...M(c) ? { width: c } : {},
     ...M(u) ? { height: u } : {}
   };
   let h;
   if (t.source.kind === "image") {
-    const x = Jt(t.source.src, e);
+    const x = Qt(t.source.src, e);
     if (!x.allowed)
       return S(
         n,
@@ -1611,7 +1705,7 @@ function Un(t, e, n, i, r, s = !1) {
     const F = Object.keys(d).length > 0 ? d : M(r?.w) && M(r?.h) ? { x: 0, y: 0, width: r.w, height: r.h } : { width: "100%", height: "100%" };
     h = /* @__PURE__ */ f("image", { href: t.source.src, preserveAspectRatio: "none", ...F });
   } else {
-    const x = Xn(t.source.ref);
+    const x = Vn(t.source.ref);
     if (x === null)
       return S(
         n,
@@ -1633,12 +1727,12 @@ function Un(t, e, n, i, r, s = !1) {
       }
     ) : F;
   }
-  s && (h = /* @__PURE__ */ f("g", { transform: `translate(${xt} ${xt})`, children: h }, "feather-pad"));
+  a && (h = /* @__PURE__ */ f("g", { transform: `translate(${wt} ${wt})`, children: h }, "feather-pad"));
   let g;
-  t.op === "intersect" ? g = h : t.op === "union" ? g = /* @__PURE__ */ G(J, { children: [
+  t.op === "intersect" ? g = h : t.op === "union" ? g = /* @__PURE__ */ I(Q, { children: [
     /* @__PURE__ */ f("rect", { x: 0, y: 0, width: "100%", height: "100%", fill: "white" }),
     h
-  ] }) : g = /* @__PURE__ */ G(J, { children: [
+  ] }) : g = /* @__PURE__ */ I(Q, { children: [
     /* @__PURE__ */ f("rect", { x: 0, y: 0, width: "100%", height: "100%", fill: "white" }),
     /* @__PURE__ */ f("g", { style: { filter: "invert(1)" }, children: h })
   ] });
@@ -1656,11 +1750,11 @@ function Un(t, e, n, i, r, s = !1) {
     },
     o
   ), A = `url(#${o})`;
-  return { def: m, style: { mask: A, WebkitMask: A }, id: o, feather: s };
+  return { def: m, style: { mask: A, WebkitMask: A }, id: o, feather: a };
 }
-const ue = /* @__PURE__ */ new Map(), fe = st(ue);
-function dr(t) {
-  if (!t) return ue;
+const fe = /* @__PURE__ */ new Map(), de = st(fe);
+function mr(t) {
+  if (!t) return fe;
   const e = /* @__PURE__ */ new Map(), n = [t];
   for (; n.length > 0; ) {
     const i = n.pop();
@@ -1669,59 +1763,59 @@ function dr(t) {
       "id",
       "duplicate shape id ; first occurrence kept, later ones ignored (ADR 002 A2.1 #K)"
     ) : e.set(i.id, i));
-    const s = i.children;
-    if (s)
-      for (let o = s.length - 1; o >= 0; o--) n.push(s[o]);
+    const a = i.children;
+    if (a)
+      for (let o = a.length - 1; o >= 0; o--) n.push(a[o]);
   }
   return e;
 }
-function pr({
+function yr({
   index: t,
   children: e
 }) {
-  return /* @__PURE__ */ f(fe.Provider, { value: t, children: e });
+  return /* @__PURE__ */ f(de.Provider, { value: t, children: e });
 }
-function Kn() {
-  return U(fe);
+function Qn() {
+  return K(de);
 }
-function de({ node: t, store: e }) {
-  return t.kind === "repeat" ? /* @__PURE__ */ f(tr, { node: t, store: e }) : /* @__PURE__ */ f(Vn, { node: t, store: e });
+function pe({ node: t, store: e }) {
+  return t.kind === "repeat" ? /* @__PURE__ */ f(ir, { node: t, store: e }) : /* @__PURE__ */ f(tr, { node: t, store: e });
 }
-function Vn({ node: t, store: e }) {
-  vt();
-  const n = At(), i = tt(), r = Kn(), s = Kt(
-    () => er(t, e, n),
+function tr({ node: t, store: e }) {
+  xt();
+  const n = Ft(), i = nt(), r = Qn(), a = Kt(
+    () => or(t, e, n),
     // We re-build per render — signals re-render cheaply, and the
     // resolution itself is O(bindings) which is small. The memo is a
     // micro-optimisation to keep object identity stable across renders
     // when the inputs haven't changed.
-    [t, e, n, ...nr(t, e, n)]
-  ), o = qn(t, e, n);
-  Zt(t);
-  const a = vn[t.kind];
-  if (!a)
+    [t, e, n, ...sr(t, e, n)]
+  ), o = Xn(t, e, n);
+  Jt(t);
+  const s = An[t.kind];
+  if (!s)
     return S(t.id, "kind", "unknown render kind ; node not rendered"), null;
   const l = {};
   if (t.bindings)
     for (const [p, w] of Object.entries(t.bindings)) {
-      const v = e.transitionSignal(q(n, w)).value;
+      const v = e.transitionSignal(G(n, w)).value;
       v !== void 0 && (l[p] = v);
     }
-  const c = (p) => p in l ? l[p] : t.transitions?.[p], u = t.children?.map((p, w) => /* @__PURE__ */ f(de, { node: p, store: e }, p.id ?? w)), d = s.mask !== void 0 && typeof s.blendMode == "string" && Y(s.blendMode) !== void 0, h = {
-    visible: typeof s.visible == "boolean" ? s.visible : void 0,
-    opacity: typeof s.universal_opacity == "number" ? s.universal_opacity : void 0,
+  const c = (p) => p in l ? l[p] : t.transitions?.[p], u = t.children?.map((p, w) => /* @__PURE__ */ f(pe, { node: p, store: e }, p.id ?? w)), d = a.mask !== void 0 && typeof a.blendMode == "string" && X(a.blendMode) !== void 0, h = {
+    visible: typeof a.visible == "boolean" ? a.visible : void 0,
+    opacity: typeof a.universal_opacity == "number" ? a.universal_opacity : void 0,
     // A frame applies its own static rotation (frame.tsx) so it pivots around
     // its centre ; the wrapper has no box for a self-positioning frame and would
     // pivot around a collapsed (0-height) box. Non-frames keep it on the wrapper
     // (they DO carry position/size there).
-    rotation: t.kind === "frame" ? void 0 : typeof s.rotation == "number" ? s.rotation : void 0,
+    rotation: t.kind === "frame" ? void 0 : typeof a.rotation == "number" ? a.rotation : void 0,
     // Mirror (Figma scaleY(-1)) — like rotation, a frame mirrors itself
     // (frame.tsx) ; non-frames carry it on the wrapper, composed with rotation.
-    flipY: t.kind === "frame" ? void 0 : s.flipY === !0,
-    blur: typeof s.blur == "number" ? s.blur : void 0,
-    sizing: Zn(s.sizing),
-    position: t.kind === "frame" ? void 0 : Jn(s),
-    size: t.kind === "frame" ? void 0 : It(s),
+    flipY: t.kind === "frame" ? void 0 : a.flipY === !0,
+    blur: typeof a.blur == "number" ? a.blur : void 0,
+    sizing: er(a.sizing),
+    position: t.kind === "frame" ? void 0 : nr(a),
+    size: t.kind === "frame" ? void 0 : Ut(a),
     // ADR 002 §3.2 (D2 / #D) — `blendMode` is a universal prop on every
     // primitive ; the wrapper re-validates it against the closed enum
     // before applying `mix-blend-mode` (T4 runtime gate). Pass the raw
@@ -1731,9 +1825,9 @@ function Vn({ node: t, store: e }) {
     // (inner) wrapper would fold over a transparent backdrop (the caramel
     // hard-light showed the raw blue wave instead of compositing over the warm
     // gradient). Drop it here when it will be hoisted.
-    blendMode: typeof s.blendMode == "string" && !d ? s.blendMode : void 0
-  }, g = t.children?.some(Qn) ?? !1, m = Object.keys(o.colorProps).length > 0 ? { ...s, ...o.colorProps } : s, A = /* @__PURE__ */ f(
-    a,
+    blendMode: typeof a.blendMode == "string" && !d ? a.blendMode : void 0
+  }, g = t.children?.some(rr) ?? !1, m = Object.keys(o.colorProps).length > 0 ? { ...a, ...o.colorProps } : a, A = /* @__PURE__ */ f(
+    s,
     {
       resolved: m,
       nodeId: t.id,
@@ -1744,28 +1838,28 @@ function Vn({ node: t, store: e }) {
     }
   );
   let x = null;
-  if (s.mask !== void 0) {
-    const p = In(s.mask, t.id), w = ($) => {
-      const j = r.get($);
-      return j ? j.kind === "frame" ? pn(j, j.id) : fn(j, j.id) : null;
+  if (a.mask !== void 0) {
+    const p = Zn(a.mask, t.id), w = ($) => {
+      const _ = r.get($);
+      return _ ? _.kind === "frame" ? pn(_, _.id) : fn(_, _.id) : null;
     };
     let v = !1;
     if (p) {
       const $ = p.source;
       if (($.kind === "group" || $.kind === "shape") && typeof $.ref == "string") {
-        const j = r.get($.ref);
-        v = j ? oe(j) : !1;
+        const _ = r.get($.ref);
+        v = _ ? se(_) : !1;
       }
     }
-    x = p ? Un(p, i, t.id, w, It(s), v) : null;
+    x = p ? Jn(p, i, t.id, w, Ut(a), v) : null;
   }
   const F = x !== null && x.style != null && "maskImage" in x.style;
   let k = A;
   x && F && (k = /* @__PURE__ */ f("div", { style: { width: "100%", height: "100%", ...x.style }, children: k }));
-  let y = /* @__PURE__ */ f(Mn, { ...h, children: k });
+  let y = /* @__PURE__ */ f(jn, { ...h, children: k });
   if (x && !F) {
-    const p = x.feather ? xt : 0;
-    y = /* @__PURE__ */ G(
+    const p = x.feather ? wt : 0;
+    y = /* @__PURE__ */ I(
       "div",
       {
         style: {
@@ -1782,7 +1876,7 @@ function Vn({ node: t, store: e }) {
     );
   }
   if (x && d) {
-    const p = Y(s.blendMode);
+    const p = X(a.blendMode);
     y = /* @__PURE__ */ f(
       "div",
       {
@@ -1795,66 +1889,74 @@ function Vn({ node: t, store: e }) {
       }
     );
   }
-  return o.motionStyle && (y = /* @__PURE__ */ f(I.div, { "data-lumencast-bind-animate": t.id ?? "", style: o.motionStyle, children: y })), t.keyframes ? /* @__PURE__ */ f(jn, { keyframes: t.keyframes, store: e, nodeId: t.id, children: y }) : y;
+  return o.motionStyle && (y = /* @__PURE__ */ f(U.div, { "data-lumencast-bind-animate": t.id ?? "", style: o.motionStyle, children: y })), t.keyframes ? /* @__PURE__ */ f(Pn, { keyframes: t.keyframes, store: e, nodeId: t.id, children: y }) : y;
 }
-function Zn(t) {
+function er(t) {
   if (typeof t != "object" || t === null) return;
   const e = t, n = {};
   return (e.x === "fixed" || e.x === "hug" || e.x === "fill") && (n.x = e.x), (e.y === "fixed" || e.y === "hug" || e.y === "fill") && (n.y = e.y), n.x !== void 0 || n.y !== void 0 ? n : void 0;
 }
-function X(t) {
+function C(t) {
   return typeof t == "number" && Number.isFinite(t) ? t : void 0;
 }
-function Jn(t) {
-  const e = X(t.x), n = X(t.y);
+function nr(t) {
+  let e = C(t.x), n = C(t.y);
+  if (e === void 0 && n === void 0) {
+    const i = t.position;
+    i && typeof i == "object" && (e = C(i.x), n = C(i.y));
+  }
   if (!(e === void 0 || n === void 0))
     return { x: e, y: n };
 }
-function It(t) {
-  const e = X(t.width), n = X(t.height);
+function Ut(t) {
+  let e = C(t.width), n = C(t.height);
+  if (e === void 0 && n === void 0) {
+    const i = t.size;
+    i && typeof i == "object" && (e = C(i.w), n = C(i.h));
+  }
   if (!(e === void 0 && n === void 0))
     return { w: e, h: n };
 }
-function Qn(t) {
+function rr(t) {
   if (t.kind === "frame") return !1;
-  const e = t.props ?? {}, n = t.bindings ?? {}, i = X(e.x) !== void 0 || "x" in n, r = X(e.y) !== void 0 || "y" in n;
-  return i && r;
-}
-function tr({ node: t, store: e }) {
-  vt();
-  const n = At();
-  Zt(t);
-  const i = t.bindings?.items, r = i === void 0 ? [] : e.signal(q(n, i)).value ?? [];
+  const e = t.props ?? {}, n = t.bindings ?? {}, i = e.position, r = C(e.x) !== void 0 || "x" in n || (i ? C(i.x) !== void 0 : !1), a = C(e.y) !== void 0 || "y" in n || (i ? C(i.y) !== void 0 : !1);
+  return r && a;
+}
+function ir({ node: t, store: e }) {
+  xt();
+  const n = Ft();
+  Jt(t);
+  const i = t.bindings?.items, r = i === void 0 ? [] : e.signal(G(n, i)).value ?? [];
   if (!Array.isArray(r)) return null;
-  const s = t.children?.[0];
-  if (!s) return null;
+  const a = t.children?.[0];
+  if (!a) return null;
   const o = typeof t.stagger_ms == "number" ? t.stagger_ms : 0;
-  return /* @__PURE__ */ f(J, { children: r.map((a, l) => {
-    const c = _n(l, o), u = /* @__PURE__ */ f($n, { prefix: `${i ?? ""}.${l}`, children: /* @__PURE__ */ f(de, { node: s, store: e }) }, l);
-    return c <= 0 ? u : /* @__PURE__ */ f(Ft.Provider, { value: c, children: u }, l);
+  return /* @__PURE__ */ f(Q, { children: r.map((s, l) => {
+    const c = On(l, o), u = /* @__PURE__ */ f(Fn, { prefix: `${i ?? ""}.${l}`, children: /* @__PURE__ */ f(pe, { node: a, store: e }) }, l);
+    return c <= 0 ? u : /* @__PURE__ */ f(Rt.Provider, { value: c, children: u }, l);
   }) });
 }
-function er(t, e, n) {
+function or(t, e, n) {
   const i = { ...t.props ?? {} };
   if (t.bindings)
-    for (const [r, s] of Object.entries(t.bindings)) {
-      const o = q(n, s);
+    for (const [r, a] of Object.entries(t.bindings)) {
+      const o = G(n, a);
       i[r] = e.signal(o).value;
     }
   return i;
 }
-function nr(t, e, n) {
+function sr(t, e, n) {
   if (!t.bindings) return [];
   const i = [];
   for (const r of Object.values(t.bindings))
-    i.push(e.signal(q(n, r)).value);
+    i.push(e.signal(G(n, r)).value);
   return i;
 }
 export {
-  ur as A,
-  pr as S,
-  de as T,
-  dr as b,
-  fr as r
+  hr as A,
+  yr as S,
+  pe as T,
+  mr as b,
+  gr as r
 };
-//# sourceMappingURL=tree-BLIxJbD3.js.map
+//# sourceMappingURL=tree-CgU_sUwI.js.map