@lumencast/runtime 0.1.0 → 0.2.0

package/dist/{tree-CnhX02kd.js → tree-B_wLlJ36.js}

@@ -1,21 +1,21 @@
-import { jsx as a, jsxs as N, Fragment as C } from "react/jsx-runtime";
-import { useSignals as O } from "@preact/signals-react/runtime";
-import { useContext as _, createContext as E, useRef as G, useEffect as U, useMemo as X } from "react";
+import { jsx as a, jsxs as B, Fragment as O } from "react/jsx-runtime";
+import { useSignals as C } from "@preact/signals-react/runtime";
+import { useContext as _, createContext as D, useRef as G, useEffect as X, useMemo as Y } from "react";
 import { motion as w } from "framer-motion";
-import { t as S } from "./index-DUhPPRvw.js";
-function Y({ resolved: t, children: n }) {
-  const i = t.direction ?? "vertical", e = R(t.gap, 0), r = t.wrap === !0, o = R(t.crossGap, 0), s = t.align ?? "stretch", c = t.justify ?? "flex-start", l = i === "horizontal", u = {
+import { t as S } from "./index-X6EOQGho.js";
+function J({ resolved: t, children: n }) {
+  const i = t.direction ?? "vertical", e = R(t.gap, 0), r = t.wrap === !0, o = R(t.crossGap, 0), c = t.align ?? "stretch", s = t.justify ?? "flex-start", l = i === "horizontal", u = {
     display: "flex",
     flexDirection: l ? "row" : "column",
-    alignItems: s,
-    justifyContent: c
+    alignItems: c,
+    justifyContent: s
   };
   return r ? (u.flexWrap = "wrap", l ? (u.columnGap = e, u.rowGap = o) : (u.rowGap = e, u.columnGap = o)) : u.gap = e, /* @__PURE__ */ a("div", { style: u, children: n });
 }
 function R(t, n) {
   return typeof t == "number" && Number.isFinite(t) ? t : n;
 }
-function J({ resolved: t, children: n }) {
+function Q({ resolved: t, children: n }) {
   const i = t.cols ?? "1fr", e = t.rows ?? "auto", r = t.gap ?? 0;
   return /* @__PURE__ */ a(
     "div",
@@ -30,16 +30,16 @@ function J({ resolved: t, children: n }) {
     }
   );
 }
-let j = 0;
-function Q() {
-  return j = (j + 1) % 1e6, `lumen-grad-${j.toString(36)}`;
+let M = 0;
+function Z() {
+  return M = (M + 1) % 1e6, `lumen-grad-${M.toString(36)}`;
 }
-function Z(t) {
+function tt(t) {
   if (t.kind === "solid")
     return { defs: [], ref: t.color };
-  const n = Q();
+  const n = Z();
   if (t.kind === "linear-gradient") {
-    const c = ((t.angle_deg ?? 0) - 90) * Math.PI / 180, l = 0.5 - 0.5 * Math.cos(c), u = 0.5 - 0.5 * Math.sin(c), f = 0.5 + 0.5 * Math.cos(c), g = 0.5 + 0.5 * Math.sin(c);
+    const s = ((t.angle_deg ?? 0) - 90) * Math.PI / 180, l = 0.5 - 0.5 * Math.cos(s), u = 0.5 - 0.5 * Math.sin(s), f = 0.5 + 0.5 * Math.cos(s), g = 0.5 + 0.5 * Math.sin(s);
     return { defs: [
       /* @__PURE__ */ a(
         "linearGradient",
@@ -49,12 +49,12 @@ function Z(t) {
           y1: `${u * 100}%`,
           x2: `${f * 100}%`,
           y2: `${g * 100}%`,
-          children: t.stops.map((y, m) => /* @__PURE__ */ a(
+          children: t.stops.map((d, m) => /* @__PURE__ */ a(
             "stop",
             {
-              offset: y.offset,
-              stopColor: y.color,
-              ...y.opacity !== void 0 ? { stopOpacity: y.opacity } : {}
+              offset: d.offset,
+              stopColor: d.color,
+              ...d.opacity !== void 0 ? { stopOpacity: d.opacity } : {}
             },
             m
           ))
@@ -65,31 +65,31 @@ function Z(t) {
   }
   const i = t.center?.x ?? 0.5, e = t.center?.y ?? 0.5, r = t.radius ?? 0.5;
   return { defs: [
-    /* @__PURE__ */ a("radialGradient", { id: n, cx: `${i * 100}%`, cy: `${e * 100}%`, r: `${r * 100}%`, children: t.stops.map((s, c) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("radialGradient", { id: n, cx: `${i * 100}%`, cy: `${e * 100}%`, r: `${r * 100}%`, children: t.stops.map((c, s) => /* @__PURE__ */ a(
       "stop",
       {
-        offset: s.offset,
-        stopColor: s.color,
-        ...s.opacity !== void 0 ? { stopOpacity: s.opacity } : {}
+        offset: c.offset,
+        stopColor: c.color,
+        ...c.opacity !== void 0 ? { stopOpacity: c.opacity } : {}
       },
-      c
+      s
     )) }, n)
   ], ref: `url(#${n})` };
 }
-function tt(t) {
-  const n = t.map(nt).filter(Boolean);
+function nt(t) {
+  const n = t.map(it).filter(Boolean);
   return n.length === 0 ? {} : { backgroundImage: n.join(", ") };
 }
-function nt(t) {
+function it(t) {
   if (t.kind === "solid")
     return `linear-gradient(${t.color}, ${t.color})`;
-  const n = t.stops.map((r) => `${r.opacity !== void 0 ? it(r.color, r.opacity) : r.color} ${(r.offset * 100).toFixed(2)}%`).join(", ");
+  const n = t.stops.map((r) => `${r.opacity !== void 0 ? et(r.color, r.opacity) : r.color} ${(r.offset * 100).toFixed(2)}%`).join(", ");
   if (t.kind === "linear-gradient")
     return `linear-gradient(${t.angle_deg ?? 0}deg, ${n})`;
   const i = (t.center?.x ?? 0.5) * 100, e = (t.center?.y ?? 0.5) * 100;
   return `radial-gradient(circle at ${i}% ${e}%, ${n})`;
 }
-function it(t, n) {
+function et(t, n) {
   const i = t.match(/^#([0-9a-f]{6})$/i);
   if (i) {
     const e = Math.round(n * 255).toString(16).padStart(2, "0");
@@ -97,29 +97,29 @@ function it(t, n) {
   }
   return `color-mix(in srgb, ${t} ${n * 100}%, transparent)`;
 }
-function B(t) {
-  return Array.isArray(t) ? t.filter(et) : [];
+function V(t) {
+  return Array.isArray(t) ? t.filter(rt) : [];
 }
-function et(t) {
+function rt(t) {
   if (typeof t != "object" || t === null) return !1;
   const n = t.kind;
   return n === "solid" || n === "linear-gradient" || n === "radial-gradient";
 }
-function rt({ resolved: t, transitionFor: n, children: i }) {
-  const e = b(t.x, 0), r = b(t.y, 0), o = T(t.width), s = T(t.height), c = b(t.opacity, 1), l = b(t.scale, 1), u = b(t.rotate, 0), f = t.background ?? void 0, g = B(t.backgrounds), h = n("opacity") ?? n("scale") ?? n("rotate") ?? n("x") ?? n("y"), y = {
+function ot({ resolved: t, transitionFor: n, children: i }) {
+  const e = b(t.x, 0), r = b(t.y, 0), o = T(t.width), c = T(t.height), s = b(t.opacity, 1), l = b(t.scale, 1), u = b(t.rotate, 0), f = t.background ?? void 0, g = V(t.backgrounds), h = n("opacity") ?? n("scale") ?? n("rotate") ?? n("x") ?? n("y"), d = {
     position: "absolute",
     left: 0,
     top: 0,
     width: o,
-    height: s,
+    height: c,
     willChange: "transform, opacity"
   };
-  return g.length > 0 ? Object.assign(y, tt(g)) : f !== void 0 && (y.background = f), /* @__PURE__ */ a(
+  return g.length > 0 ? Object.assign(d, nt(g)) : f !== void 0 && (d.background = f), /* @__PURE__ */ a(
     w.div,
     {
-      style: y,
+      style: d,
       animate: {
-        opacity: c,
+        opacity: s,
         x: e,
         y: r,
         scale: l,
@@ -136,32 +136,35 @@ function b(t, n) {
 function T(t) {
   if (typeof t == "number" && Number.isFinite(t) || typeof t == "string" && t.length > 0) return t;
 }
-function ot({ resolved: t, transitionFor: n }) {
-  const i = t.value === void 0 ? "" : String(t.value), e = t.size ?? "1rem", r = t.weight ?? 400, o = t.colour ?? "currentColor", s = t.align ?? "start", c = st(t.opacity, 1), l = n("opacity") ?? n("value");
+function st({ resolved: t, transitionFor: n }) {
+  const i = t.value === void 0 ? "" : String(t.value), e = t.size ?? "1rem", r = t.font, o = t.weight ?? 400, c = t.colour ?? "currentColor", s = t.align ?? "start", l = ct(t.opacity, 1), u = n("opacity") ?? n("value");
   return /* @__PURE__ */ a(
     w.span,
     {
       style: {
         display: "inline-block",
         fontSize: e,
-        fontWeight: r,
-        color: o,
+        // `font` carries LSML text.style.fontFamily (spec'd in schema.json).
+        // Omitted => inherit the host/container font.
+        ...r !== void 0 ? { fontFamily: r } : {},
+        fontWeight: o,
+        color: c,
         textAlign: s,
         willChange: "opacity"
       },
-      animate: { opacity: c },
-      transition: S(l),
+      animate: { opacity: l },
+      transition: S(u),
       children: i
     }
   );
 }
-function st(t, n) {
+function ct(t, n) {
   return typeof t == "number" && Number.isFinite(t) ? t : n;
 }
-function ct({ resolved: t, transitionFor: n }) {
+function at({ resolved: t, transitionFor: n }) {
   const i = t.src;
   if (!i) return null;
-  const e = t.fit ?? "contain", r = t.position ?? "center", o = at(t.opacity, 1), s = n("opacity") ?? n("src");
+  const e = t.fit ?? "contain", r = t.position ?? "center", o = ut(t.opacity, 1), c = z(t.width, "100%"), s = z(t.height, "100%"), l = n("opacity") ?? n("src");
   return /* @__PURE__ */ a(
     w.img,
     {
@@ -169,77 +172,80 @@ function ct({ resolved: t, transitionFor: n }) {
       style: {
         objectFit: e,
         objectPosition: r,
-        width: "100%",
-        height: "100%",
+        width: c,
+        height: s,
         willChange: "opacity"
       },
       animate: { opacity: o },
-      transition: S(s),
+      transition: S(l),
       draggable: !1
     }
   );
 }
-function at(t, n) {
+function ut(t, n) {
   return typeof t == "number" && Number.isFinite(t) ? t : n;
 }
-function ut({ resolved: t, transitionFor: n }) {
-  const i = t.kind ?? "rect", e = t.fill ?? "transparent", r = t.stroke ?? "transparent", o = x(t.stroke_width, 0), s = x(t.width, 100), c = x(t.height, 100), l = x(t.radius, 0), u = x(t.opacity, 1), f = n("opacity"), g = S(f), h = B(t.fills), y = lt(t.strokes), m = h.map(Z), A = m.flatMap((d) => d.defs), K = m.length > 0 ? m.map((d) => d.ref) : [e], q = y.length > 0 ? y.map((d) => ({ color: d.color ?? "transparent", width: d.width ?? 0 })) : [{ color: r, width: o }], H = [...K].reverse(), L = [...q].reverse(), I = (d, p, M) => i === "circle" ? /* @__PURE__ */ a(
+function z(t, n) {
+  return typeof t == "number" && Number.isFinite(t) ? `${t}px` : typeof t == "string" && t.length > 0 ? t : n;
+}
+function lt({ resolved: t, transitionFor: n }) {
+  const i = t.kind ?? "rect", e = t.fill ?? "transparent", r = t.stroke ?? "transparent", o = x(t.stroke_width, 0), c = x(t.width, 100), s = x(t.height, 100), l = x(t.radius, 0), u = x(t.opacity, 1), f = n("opacity"), g = S(f), h = V(t.fills), d = ft(t.strokes), m = h.map(tt), A = m.flatMap((y) => y.defs), q = m.length > 0 ? m.map((y) => y.ref) : [e], H = d.length > 0 ? d.map((y) => ({ color: y.color ?? "transparent", width: y.width ?? 0 })) : [{ color: r, width: o }], L = [...q].reverse(), U = [...H].reverse(), I = (y, p, F) => i === "circle" ? /* @__PURE__ */ a(
     "circle",
     {
-      cx: s / 2,
-      cy: c / 2,
-      r: Math.min(s, c) / 2 - p.width / 2,
-      fill: d,
+      cx: c / 2,
+      cy: s / 2,
+      r: Math.min(c, s) / 2 - p.width / 2,
+      fill: y,
       stroke: p.color,
       strokeWidth: p.width
     },
-    M
+    F
   ) : i === "line" ? /* @__PURE__ */ a(
     "line",
     {
       x1: "0",
-      y1: c / 2,
-      x2: s,
-      y2: c / 2,
-      stroke: p.color || d,
+      y1: s / 2,
+      x2: c,
+      y2: s / 2,
+      stroke: p.color || y,
       strokeWidth: p.width || 1
     },
-    M
+    F
   ) : /* @__PURE__ */ a(
     "rect",
     {
       x: p.width / 2,
       y: p.width / 2,
-      width: Math.max(0, s - p.width),
-      height: Math.max(0, c - p.width),
+      width: Math.max(0, c - p.width),
+      height: Math.max(0, s - p.width),
       rx: l,
       ry: l,
-      fill: d,
+      fill: y,
       stroke: p.color,
       strokeWidth: p.width
     },
-    M
+    F
   );
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ B(
     w.svg,
     {
-      width: s,
-      height: c,
-      viewBox: `0 0 ${s} ${c}`,
+      width: c,
+      height: s,
+      viewBox: `0 0 ${c} ${s}`,
       animate: { opacity: u },
       transition: g,
       style: { willChange: "opacity" },
       children: [
         A.length > 0 && /* @__PURE__ */ a("defs", { children: A }),
-        H.map(
-          (d, p) => I(d, { color: "transparent", width: 0 }, `fill-${p}`)
+        L.map(
+          (y, p) => I(y, { color: "transparent", width: 0 }, `fill-${p}`)
         ),
-        L.map((d, p) => I("none", d, `stroke-${p}`))
+        U.map((y, p) => I("none", y, `stroke-${p}`))
       ]
     }
   );
 }
-function lt(t) {
+function ft(t) {
   return Array.isArray(t) ? t.filter(
     (n) => typeof n == "object" && n !== null && ("color" in n || "width" in n)
   ) : [];
@@ -247,7 +253,7 @@ function lt(t) {
 function x(t, n) {
   return typeof t == "number" && Number.isFinite(t) ? t : n;
 }
-function ft({ resolved: t }) {
+function pt({ resolved: t }) {
   const n = t.src;
   if (!n) return null;
   const i = t.loop ?? !0, e = t.mute ?? !0, r = t.autoplay ?? !0, o = t.fit ?? "cover";
@@ -267,7 +273,7 @@ function ft({ resolved: t }) {
     }
   );
 }
-function pt({ resolved: t }) {
+function yt({ resolved: t }) {
   const n = t.scene_id, i = t.scene_version;
   if (!n || !i)
     return null;
@@ -290,26 +296,26 @@ function pt({ resolved: t }) {
   );
 }
 const dt = {
-  stack: Y,
-  grid: J,
-  frame: rt,
-  text: ot,
-  image: ct,
-  shape: ut,
-  media: ft,
-  instance: pt
-}, F = E("");
-function yt({ prefix: t, children: n }) {
-  const i = _(F), e = i ? `${i}.${t}` : t;
-  return /* @__PURE__ */ a(F.Provider, { value: e, children: n });
+  stack: J,
+  grid: Q,
+  frame: ot,
+  text: st,
+  image: at,
+  shape: lt,
+  media: pt,
+  instance: yt
+}, j = D("");
+function gt({ prefix: t, children: n }) {
+  const i = _(j), e = i ? `${i}.${t}` : t;
+  return /* @__PURE__ */ a(j.Provider, { value: e, children: n });
 }
 function P() {
-  return _(F);
+  return _(j);
 }
 function $(t, n) {
   return !t || n.startsWith("__") ? n : `${t}.${n}`;
 }
-function z(t) {
+function W(t) {
   switch (t) {
     case "fixed":
       return "0 0 auto";
@@ -321,7 +327,7 @@ function z(t) {
       return;
   }
 }
-function gt({
+function ht({
   visible: t,
   opacity: n,
   rotation: i,
@@ -330,44 +336,44 @@ function gt({
 }) {
   if (t === !1)
     return null;
-  const o = typeof n == "number" && n !== 1, s = typeof i == "number" && i !== 0, c = e?.x !== void 0 || e?.y !== void 0;
-  if (!o && !s && !c)
-    return /* @__PURE__ */ a(C, { children: r });
+  const o = typeof n == "number" && n !== 1, c = typeof i == "number" && i !== 0, s = e?.x !== void 0 || e?.y !== void 0;
+  if (!o && !c && !s)
+    return /* @__PURE__ */ a(O, { children: r });
   const l = {};
-  if (o && (l.opacity = n), s && (l.transform = `rotate(${i}deg)`), c) {
-    const u = z(e?.x), f = z(e?.y);
+  if (o && (l.opacity = n), c && (l.transform = `rotate(${i}deg)`), s) {
+    const u = W(e?.x), f = W(e?.y);
     u === f && u !== void 0 ? l.flex = u : l.flex = u ?? f;
   }
   return /* @__PURE__ */ a("div", { style: l, children: r });
 }
-const ht = {
+const mt = {
   linear: "linear",
   "ease-in": "easeIn",
   "ease-out": "easeOut",
   "ease-in-out": "easeInOut"
 };
-function mt(t) {
+function bt(t) {
   const n = t.steps;
   if (!Array.isArray(n) || n.length < 2) return;
   const i = n[0], e = n[n.length - 1];
   if (i.at !== 0 || e.at !== 1) return;
-  const r = n.map((s) => s.at), o = {};
-  return v(n, "opacity", o), v(n, "filter", o), k(n, "scale", o), k(n, "translateX", o), k(n, "translateY", o), k(n, "rotate", o), {
+  const r = n.map((c) => c.at), o = {};
+  return N(n, "opacity", o), N(n, "filter", o), k(n, "scale", o), k(n, "translateX", o), k(n, "translateY", o), k(n, "rotate", o), {
     animate: o,
     transition: {
       duration: t.duration_ms / 1e3,
-      ease: ht[t.easing ?? "linear"],
+      ease: mt[t.easing ?? "linear"],
       times: r
     }
   };
 }
-function v(t, n, i) {
+function N(t, n, i) {
   let e = !1;
   const r = [];
   let o;
-  for (const s of t) {
-    const c = s[n];
-    c !== void 0 ? (e = !0, o = c, r.push(c)) : r.push(o ?? (n === "opacity" ? 1 : "none"));
+  for (const c of t) {
+    const s = c[n];
+    s !== void 0 ? (e = !0, o = s, r.push(s)) : r.push(o ?? (n === "opacity" ? 1 : "none"));
   }
   e && (i[n] = r);
 }
@@ -375,64 +381,64 @@ function k(t, n, i) {
   let e = !1;
   const r = [];
   let o;
-  for (const s of t) {
-    const c = s.transform?.[n];
-    typeof c == "number" ? (e = !0, o = c, r.push(c)) : r.push(o ?? bt(n));
+  for (const c of t) {
+    const s = c.transform?.[n];
+    typeof s == "number" ? (e = !0, o = s, r.push(s)) : r.push(o ?? xt(n));
   }
-  e && (n === "rotate" ? i.rotate = r.map((s) => `${s}deg`) : i[n] = r);
+  e && (n === "rotate" ? i.rotate = r.map((c) => `${c}deg`) : i[n] = r);
 }
-function bt(t) {
+function xt(t) {
   return t === "scale" ? 1 : 0;
 }
-const D = E(0), W = 2e3;
-function xt(t, n) {
+const K = D(0), E = 2e3;
+function wt(t, n) {
   if (n <= 0) return 0;
   const i = t * n;
-  return i > W ? W : i;
+  return i > E ? E : i;
 }
-function wt({ keyframes: t, store: n, children: i }) {
-  O();
-  const e = P(), r = _(D), o = G(void 0), s = G(0);
+function $t({ keyframes: t, store: n, children: i }) {
+  C();
+  const e = P(), r = _(K), o = G(void 0), c = G(0);
   if (t.key !== void 0) {
     const u = n.signal($(e, t.key)).value;
-    o.current !== u && (o.current = u, s.current += 1);
+    o.current !== u && (o.current = u, c.current += 1);
   }
-  const c = mt(t);
-  if (!c)
-    return /* @__PURE__ */ a(C, { children: i });
-  const l = r > 0 ? { ...c.transition, delay: r / 1e3 } : c.transition;
-  return /* @__PURE__ */ N(
+  const s = bt(t);
+  if (!s)
+    return /* @__PURE__ */ a(O, { children: i });
+  const l = r > 0 ? { ...s.transition, delay: r / 1e3 } : s.transition;
+  return /* @__PURE__ */ B(
     w.div,
     {
       style: { display: "contents" },
-      initial: kt(c.animate),
-      animate: c.animate,
+      initial: St(s.animate),
+      animate: s.animate,
       transition: l,
       children: [
-        /* @__PURE__ */ a($t, {}),
+        /* @__PURE__ */ a(kt, {}),
         i
       ]
     },
-    s.current
+    c.current
   );
 }
-function $t() {
-  return U(() => {
+function kt() {
+  return X(() => {
   }, []), null;
 }
-function kt(t) {
+function St(t) {
   const n = {};
   for (const [i, e] of Object.entries(t))
     e.length > 0 && (n[i] = e[0]);
   return n;
 }
-function V({ node: t, store: n }) {
-  return t.kind === "repeat" ? /* @__PURE__ */ a(jt, { node: t, store: n }) : /* @__PURE__ */ a(St, { node: t, store: n });
+function v({ node: t, store: n }) {
+  return t.kind === "repeat" ? /* @__PURE__ */ a(jt, { node: t, store: n }) : /* @__PURE__ */ a(Ft, { node: t, store: n });
 }
-function St({ node: t, store: n }) {
-  O();
-  const i = P(), e = X(
-    () => Ft(t, n, i),
+function Ft({ node: t, store: n }) {
+  C();
+  const i = P(), e = Y(
+    () => Ot(t, n, i),
     // 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
@@ -447,13 +453,13 @@ function St({ node: t, store: n }) {
       const h = n.transitionSignal($(i, g)).value;
       h !== void 0 && (o[f] = h);
     }
-  const s = (f) => f in o ? o[f] : t.transitions?.[f], c = t.children?.map((f, g) => /* @__PURE__ */ a(V, { node: f, store: n }, f.id ?? g)), l = {
+  const c = (f) => f in o ? o[f] : t.transitions?.[f], s = t.children?.map((f, g) => /* @__PURE__ */ a(v, { node: f, store: n }, f.id ?? g)), l = {
     visible: typeof e.visible == "boolean" ? e.visible : void 0,
     opacity: typeof e.universal_opacity == "number" ? e.universal_opacity : void 0,
     rotation: typeof e.rotation == "number" ? e.rotation : void 0,
     sizing: Mt(e.sizing)
-  }, u = /* @__PURE__ */ a(gt, { ...l, children: /* @__PURE__ */ a(r, { resolved: e, transitionFor: s, children: c }) });
-  return t.keyframes ? /* @__PURE__ */ a(wt, { keyframes: t.keyframes, store: n, children: u }) : u;
+  }, u = /* @__PURE__ */ a(ht, { ...l, children: /* @__PURE__ */ a(r, { resolved: e, transitionFor: c, children: s }) });
+  return t.keyframes ? /* @__PURE__ */ a($t, { keyframes: t.keyframes, store: n, children: u }) : u;
 }
 function Mt(t) {
   if (typeof t != "object" || t === null) return;
@@ -461,23 +467,23 @@ function Mt(t) {
   return (n.x === "fixed" || n.x === "hug" || n.x === "fill") && (i.x = n.x), (n.y === "fixed" || n.y === "hug" || n.y === "fill") && (i.y = n.y), i.x !== void 0 || i.y !== void 0 ? i : void 0;
 }
 function jt({ node: t, store: n }) {
-  O();
+  C();
   const i = P(), e = t.bindings?.items, r = e === void 0 ? [] : n.signal($(i, e)).value ?? [];
   if (!Array.isArray(r)) return null;
   const o = t.children?.[0];
   if (!o) return null;
-  const s = typeof t.stagger_ms == "number" ? t.stagger_ms : 0;
-  return /* @__PURE__ */ a(C, { children: r.map((c, l) => {
-    const u = xt(l, s), f = /* @__PURE__ */ a(yt, { prefix: `${e ?? ""}.${l}`, children: /* @__PURE__ */ a(V, { node: o, store: n }) }, l);
-    return u <= 0 ? f : /* @__PURE__ */ a(D.Provider, { value: u, children: f }, l);
+  const c = typeof t.stagger_ms == "number" ? t.stagger_ms : 0;
+  return /* @__PURE__ */ a(O, { children: r.map((s, l) => {
+    const u = wt(l, c), f = /* @__PURE__ */ a(gt, { prefix: `${e ?? ""}.${l}`, children: /* @__PURE__ */ a(v, { node: o, store: n }) }, l);
+    return u <= 0 ? f : /* @__PURE__ */ a(K.Provider, { value: u, children: f }, l);
   }) });
 }
-function Ft(t, n, i) {
+function Ot(t, n, i) {
   const e = { ...t.props ?? {} };
   if (t.bindings)
     for (const [r, o] of Object.entries(t.bindings)) {
-      const s = $(i, o);
-      e[r] = n.signal(s).value;
+      const c = $(i, o);
+      e[r] = n.signal(c).value;
     }
   return e;
 }
@@ -489,6 +495,6 @@ function Ct(t, n, i) {
   return e;
 }
 export {
-  V as T
+  v as T
 };
-//# sourceMappingURL=tree-CnhX02kd.js.map
+//# sourceMappingURL=tree-B_wLlJ36.js.map