@lumencast/runtime 0.4.0 → 0.6.0

package/dist/tree-DBj9SJgs.js

@@ -0,0 +1,1230 @@
+import { jsx as p, jsxs as Ct, Fragment as lt } from "react/jsx-runtime";
+import { useSignals as ct } from "@preact/signals-react/runtime";
+import { motion as D, useMotionValue as _, useTransform as Bt, animate as gt } from "framer-motion";
+import { useContext as K, createContext as Nt, useRef as st, useEffect as Tt, useState as Xt, useMemo as Ot } from "react";
+import { e as S, r as Z, m as J, t as X, s as Ht, w as Rt, F as It, c as ht, a as jt } from "./index-Crkij3C4.js";
+import { effect as Vt } from "@preact/signals-react";
+function Yt({ resolved: t, children: e }) {
+  const n = t.direction ?? "vertical", r = mt(t.gap, 0), i = t.wrap === !0, s = mt(t.crossGap, 0), o = t.align ?? "stretch", l = t.justify ?? "flex-start", a = n === "horizontal", c = {
+    display: "flex",
+    flexDirection: a ? "row" : "column",
+    alignItems: o,
+    justifyContent: l
+  };
+  return i ? (c.flexWrap = "wrap", a ? (c.columnGap = r, c.rowGap = s) : (c.rowGap = r, c.columnGap = s)) : c.gap = r, /* @__PURE__ */ p("div", { style: c, children: e });
+}
+function mt(t, e) {
+  return typeof t == "number" && Number.isFinite(t) ? t : e;
+}
+function Ut({ resolved: t, children: e }) {
+  const n = t.cols ?? "1fr", r = t.rows ?? "auto", i = t.gap ?? 0;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: n,
+        gridTemplateRows: r,
+        gap: i
+      },
+      children: e
+    }
+  );
+}
+const Kt = 64, Zt = /^[#a-zA-Z0-9(),.% ]{1,64}$/, Jt = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, P = String.raw`\d{1,3}(?:\.\d{1,4})?`, Et = String.raw`(?:0|1|0?\.\d{1,4}|${P}%)`, k = String.raw`[ ]{0,4}`, Qt = new RegExp(
+  `^rgba?\\(${k}(${P})(%?)${k},${k}(${P})(%?)${k},${k}(${P})(%?)${k}(?:,${k}${Et}${k})?\\)$`
+), te = new RegExp(
+  `^hsla?\\(${k}(${P})(?:deg)?${k},${k}(${P})%${k},${k}(${P})%${k}(?:,${k}${Et}${k})?\\)$`
+), ee = 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 F(t) {
+  if (typeof t != "string") return null;
+  const e = t.trim();
+  if (e.length === 0 || e.length > Kt) return null;
+  const n = e.toLowerCase();
+  if (n.includes("url(") || e.includes(";") || e.includes("}") || !Zt.test(e)) return null;
+  if (e.startsWith("#")) return Jt.test(e) ? e : null;
+  if (n.startsWith("rgb")) {
+    const r = Qt.exec(n);
+    if (!r) return null;
+    const i = [r[2], r[4], r[6]];
+    if (!(i.every((o) => o === "%") || i.every((o) => o === ""))) return null;
+    const s = i[0] === "%" ? 100 : 255;
+    for (const o of [r[1], r[3], r[5]])
+      if (Number(o) > s) return null;
+    return n;
+  }
+  if (n.startsWith("hsl")) {
+    const r = te.exec(n);
+    return !r || Number(r[1]) > 360 || Number(r[2]) > 100 || Number(r[3]) > 100 ? null : n;
+  }
+  return ee.has(n) ? n : null;
+}
+function M(t, e) {
+  S(
+    e,
+    t,
+    "rejected unsafe colour : not a strict hex/rgb()/hsl()/named colour"
+  );
+}
+let et = 0;
+function ne() {
+  return et = (et + 1) % 1e6, `lumen-grad-${et.toString(36)}`;
+}
+function re(t) {
+  if (t.kind === "solid")
+    return { defs: [], ref: t.color };
+  const e = ne();
+  if (t.kind === "linear-gradient") {
+    const l = ((t.angle_deg ?? 0) - 90) * Math.PI / 180, a = 0.5 - 0.5 * Math.cos(l), c = 0.5 - 0.5 * Math.sin(l), f = 0.5 + 0.5 * Math.cos(l), h = 0.5 + 0.5 * Math.sin(l);
+    return { defs: [
+      /* @__PURE__ */ p(
+        "linearGradient",
+        {
+          id: e,
+          x1: `${a * 100}%`,
+          y1: `${c * 100}%`,
+          x2: `${f * 100}%`,
+          y2: `${h * 100}%`,
+          children: t.stops.map((m, b) => /* @__PURE__ */ p(
+            "stop",
+            {
+              offset: m.offset,
+              stopColor: m.color,
+              ...m.opacity !== void 0 ? { stopOpacity: m.opacity } : {}
+            },
+            b
+          ))
+        },
+        e
+      )
+    ], ref: `url(#${e})` };
+  }
+  const n = t.center?.x ?? 0.5, r = t.center?.y ?? 0.5, i = t.radius ?? 0.5;
+  return { defs: [
+    /* @__PURE__ */ p("radialGradient", { id: e, cx: `${n * 100}%`, cy: `${r * 100}%`, r: `${i * 100}%`, children: t.stops.map((o, l) => /* @__PURE__ */ p(
+      "stop",
+      {
+        offset: o.offset,
+        stopColor: o.color,
+        ...o.opacity !== void 0 ? { stopOpacity: o.opacity } : {}
+      },
+      l
+    )) }, e)
+  ], ref: `url(#${e})` };
+}
+function ie(t, e) {
+  const n = t.map((r) => oe(r, e)).filter(Boolean);
+  return n.length === 0 ? {} : { backgroundImage: n.join(", ") };
+}
+function oe(t, e) {
+  if (t.kind === "solid") {
+    const o = F(t.color);
+    return o === null ? (M("fill.color", e), null) : `linear-gradient(${o}, ${o})`;
+  }
+  const n = [];
+  for (const o of t.stops) {
+    const l = F(o.color);
+    if (l === null)
+      return M("fill.stops.color", e), null;
+    const a = o.opacity !== void 0 ? se(l, o.opacity) : l;
+    n.push(`${a} ${(o.offset * 100).toFixed(2)}%`);
+  }
+  const r = n.join(", ");
+  if (t.kind === "linear-gradient")
+    return `linear-gradient(${t.angle_deg ?? 0}deg, ${r})`;
+  const i = (t.center?.x ?? 0.5) * 100, s = (t.center?.y ?? 0.5) * 100;
+  return `radial-gradient(circle at ${i}% ${s}%, ${r})`;
+}
+function se(t, e) {
+  const n = t.match(/^#([0-9a-f]{6})$/i);
+  if (n) {
+    const r = Math.round(e * 255).toString(16).padStart(2, "0");
+    return `#${n[1]}${r}`;
+  }
+  return `color-mix(in srgb, ${t} ${e * 100}%, transparent)`;
+}
+function ae(t, e, n) {
+  const r = [];
+  for (const i of t) {
+    if (i.kind === "solid") {
+      const l = F(i.color);
+      if (l === null) {
+        M(`${e}.color`, n);
+        continue;
+      }
+      r.push({ ...i, color: l });
+      continue;
+    }
+    const s = [];
+    let o = !1;
+    for (const l of i.stops ?? []) {
+      const a = F(l.color);
+      if (a === null) {
+        M(`${e}.stops.color`, n), o = !0;
+        break;
+      }
+      s.push({ ...l, color: a });
+    }
+    o || r.push({ ...i, stops: s });
+  }
+  return r;
+}
+function Pt(t, e, n) {
+  if (!Array.isArray(t)) return [];
+  if (e !== void 0)
+    for (const r of t)
+      yt(r) || 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(yt);
+}
+function yt(t) {
+  if (typeof t != "object" || t === null) return !1;
+  const e = t.kind;
+  return e === "solid" || e === "linear-gradient" || e === "radial-gradient";
+}
+function le({
+  resolved: t,
+  nodeId: e,
+  transitionFor: n,
+  animateInitial: r,
+  children: i
+}) {
+  const s = G(t.x, 0), o = G(t.y, 0), l = bt(t.width), a = bt(t.height), c = G(t.opacity, 1), f = G(t.scale, 1), h = G(t.rotate, 0), d = t.background, m = d === void 0 ? void 0 : F(d);
+  d !== void 0 && m === null && M("frame.background", e);
+  const b = Pt(t.backgrounds, "frame.backgrounds", e), C = ce(t.clipsContent, e), z = Z(
+    n,
+    ["opacity", "scale", "rotate", "x", "y"],
+    r
+  ), N = {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: l,
+    height: a,
+    willChange: "transform, opacity",
+    // LSML 1.1 §4.3 `clipsContent` (default `true`) — children outside
+    // the frame's `size` are clipped. Static layout property : it never
+    // animates, so it stays off the 0-layout-event hot path (ADR 001
+    // §3.2.5). `false` => omit the declaration (CSS initial = visible).
+    ...C ? { overflow: "hidden" } : {}
+  };
+  b.length > 0 ? Object.assign(N, ie(b, e)) : m != null && (N.background = m);
+  const y = J({ opacity: c, x: s, y: o, scale: f, rotate: h }, r, e);
+  return /* @__PURE__ */ p(
+    D.div,
+    {
+      style: N,
+      initial: y.initial,
+      animate: y.animate,
+      transition: X(z),
+      children: i
+    }
+  );
+}
+function ce(t, e) {
+  return t === void 0 ? !0 : typeof t == "boolean" ? t : (S(e, "frame.clipsContent", "rejected value : not a boolean"), !0);
+}
+function G(t, e) {
+  return typeof t == "number" && Number.isFinite(t) ? t : e;
+}
+function bt(t) {
+  if (typeof t == "number" && Number.isFinite(t) || typeof t == "string" && t.length > 0) return t;
+}
+const ue = /* @__PURE__ */ new Set(["none", "uppercase", "lowercase", "capitalize"]), fe = /* @__PURE__ */ new Set(["none", "underline", "line-through"]), pe = /* @__PURE__ */ new Set(["normal", "italic", "oblique"]), de = 1e3, ge = 100, wt = 1e3, he = /^[a-zA-Z0-9 ,.'"_-]{1,256}$/;
+function me(t) {
+  if (typeof t != "string") return null;
+  const e = t.trim();
+  return e.length === 0 ? null : he.test(e) ? e : null;
+}
+function ye({ resolved: t, nodeId: e, transitionFor: n, animateInitial: r }) {
+  const i = t.value === void 0 ? "" : String(t.value), s = t.size ?? "1rem", o = t.weight ?? 400;
+  let l;
+  if (t.font !== void 0) {
+    const b = me(t.font);
+    b === null ? S(e, "text.font", "rejected fontFamily : outside the family-list grammar") : l = b;
+  }
+  let a = "currentColor";
+  if (t.colour !== void 0) {
+    const b = F(t.colour);
+    b === null ? M("text.colour", e) : a = b;
+  }
+  const c = t.align ?? "start", f = be(t.opacity, 1), h = we(t, e), d = Z(n, ["opacity", "value"], r), m = J({ opacity: f }, r, e);
+  return /* @__PURE__ */ p(
+    D.span,
+    {
+      style: {
+        display: "inline-block",
+        fontSize: s,
+        // `font` carries LSML text.style.fontFamily (spec'd in schema.json).
+        // Omitted => inherit the host/container font.
+        ...l !== void 0 ? { fontFamily: l } : {},
+        fontWeight: o,
+        color: a,
+        textAlign: c,
+        ...h,
+        willChange: "opacity, transform"
+      },
+      initial: m.initial,
+      animate: m.animate,
+      transition: X(d),
+      children: i
+    }
+  );
+}
+function be(t, e) {
+  return typeof t == "number" && Number.isFinite(t) ? t : e;
+}
+function we(t, e) {
+  const n = kt(
+    t.lineHeight,
+    0,
+    ge,
+    "text.lineHeight",
+    e
+  ), r = kt(
+    t.letterSpacing,
+    -wt,
+    wt,
+    "text.letterSpacing",
+    e
+  ), i = nt(
+    t.textTransform,
+    ue,
+    "text.textTransform",
+    e
+  ), s = nt(
+    t.textDecoration,
+    fe,
+    "text.textDecoration",
+    e
+  ), o = nt(t.fontStyle, pe, "text.fontStyle", e), l = ke(t.maxLines, de, "text.maxLines", e);
+  return {
+    ...n !== void 0 ? { lineHeight: n } : {},
+    // Built from a validated finite number — no string passthrough.
+    ...r !== void 0 ? { letterSpacing: `${r}px` } : {},
+    ...i !== void 0 ? { textTransform: i } : {},
+    ...s !== void 0 ? { textDecoration: s } : {},
+    ...o !== void 0 ? { fontStyle: o } : {},
+    ...l !== void 0 ? {
+      display: "-webkit-box",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: l,
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    } : {}
+  };
+}
+function nt(t, e, n, r) {
+  if (t !== void 0) {
+    if (typeof t == "string" && e.has(t)) return t;
+    ut(n, r);
+  }
+}
+function kt(t, e, n, r, i) {
+  if (t !== void 0) {
+    if (typeof t == "number" && Number.isFinite(t) && t >= e && t <= n) return t;
+    ut(r, i);
+  }
+}
+function ke(t, e, n, r) {
+  if (t !== void 0) {
+    if (typeof t == "number" && Number.isInteger(t) && t >= 1 && t <= e) return t;
+    ut(n, r);
+  }
+}
+function ut(t, e) {
+  S(
+    e,
+    t,
+    "rejected typography value : outside the field's spec'd grammar or caps"
+  );
+}
+function xe({ resolved: t, nodeId: e, transitionFor: n, animateInitial: r }) {
+  const i = t.src;
+  if (!i) return null;
+  const s = typeof t.alt == "string" ? t.alt : "", o = t.fit ?? "contain", l = t.position ?? "center", a = $e(t.opacity, 1), c = xt(t.width, "100%"), f = xt(t.height, "100%"), h = Z(n, ["opacity", "src"], r), d = J({ opacity: a }, r, e);
+  return /* @__PURE__ */ p(
+    D.img,
+    {
+      src: i,
+      alt: s,
+      style: {
+        objectFit: o,
+        objectPosition: l,
+        width: c,
+        height: f,
+        willChange: "opacity, transform"
+      },
+      initial: d.initial,
+      animate: d.animate,
+      transition: X(h),
+      draggable: !1
+    }
+  );
+}
+function $e(t, e) {
+  return typeof t == "number" && Number.isFinite(t) ? t : e;
+}
+function xt(t, e) {
+  return typeof t == "number" && Number.isFinite(t) ? `${t}px` : typeof t == "string" && t.length > 0 ? t : e;
+}
+const Se = 8192, Ae = 4e3, ve = 64, _e = new Set("MmLlHhVvCcSsQqTtAaZz");
+function rt(t) {
+  return t >= 48 && t <= 57;
+}
+function Fe(t) {
+  return t === 32 || t === 9 || t === 13 || t === 10 || t === 44;
+}
+function $t(t) {
+  if (typeof t != "string" || t.length === 0 || t.length > Se) 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 r = e.length;
+  let i = 0, s = 0, o = !1;
+  for (; i < r; ) {
+    const l = e.charCodeAt(i);
+    if (Fe(l)) {
+      i++;
+      continue;
+    }
+    const a = e[i];
+    if (_e.has(a)) {
+      if (!o && a !== "M" && a !== "m" || (o = !0, s++, s > Ae)) return null;
+      i++;
+      continue;
+    }
+    if (!o) return null;
+    (a === "+" || a === "-") && i++;
+    let c = 0;
+    for (; i < r && rt(e.charCodeAt(i)); )
+      i++, c++;
+    if (i < r && e[i] === ".") {
+      i++;
+      let f = 0;
+      for (; i < r && rt(e.charCodeAt(i)); )
+        i++, f++;
+      if (f === 0 && i < r && e[i] === ".") return null;
+      c += f;
+    }
+    if (c === 0) return null;
+    if (i < r && (e[i] === "e" || e[i] === "E")) {
+      i++, i < r && (e[i] === "+" || e[i] === "-") && i++;
+      let f = 0;
+      for (; i < r && rt(e.charCodeAt(i)); )
+        i++, f++;
+      if (f === 0) return null;
+    }
+  }
+  return s === 0 ? null : e;
+}
+function Me(t, e) {
+  const n = t.paths, r = t.pathData;
+  if (Array.isArray(n)) {
+    r !== void 0 && E(e, "shape.pathData", "mutually exclusive with paths[] ; paths[] wins");
+    const i = [];
+    for (let s = 0; s < n.length; s++) {
+      if (i.length >= ve) {
+        E(e, "shape.paths", "subpath cap exceeded ; remaining entries dropped");
+        break;
+      }
+      const o = n[s], l = $t(
+        typeof o == "object" && o !== null ? o.data : void 0
+      );
+      if (l === null) {
+        E(e, "shape.paths.data", "not a strict SVG path grammar (allowlist/caps)");
+        continue;
+      }
+      i.push({ d: l, fillRule: Ce(o?.windingRule, e) });
+    }
+    return i.length === 0 && n.length > 0 && E(e, "shape.paths", "no renderable subpath ; shape geometry omitted"), i;
+  }
+  if (r !== void 0) {
+    const i = $t(r);
+    return i === null ? (E(e, "shape.pathData", "not a strict SVG path grammar (allowlist/caps)"), []) : [{ d: i, fillRule: "nonzero" }];
+  }
+  return E(e, "shape.paths", "geometry is path but neither pathData nor paths[] is present"), [];
+}
+function Ce(t, e) {
+  return t === void 0 || t === "NONZERO" ? "nonzero" : t === "EVENODD" ? "evenodd" : (E(e, "shape.paths.windingRule", "unknown winding rule ; defaulting to nonzero"), "nonzero");
+}
+function E(t, e, n) {
+  S(t, e, n);
+}
+function Ne({ resolved: t, nodeId: e, transitionFor: n, animateInitial: r }) {
+  const i = t.geometry ?? t.kind ?? "rect", s = it(t.fill, "shape.fill", e) ?? "transparent", o = it(t.stroke, "shape.stroke", e) ?? "transparent", l = B(t.stroke_width, 0), a = B(t.width, 100), c = B(t.height, 100), f = B(t.radius, 0), h = B(t.opacity, 1), d = typeof t.ariaLabel == "string" ? t.ariaLabel : void 0, m = Z(n, ["opacity"], r), b = X(m), C = J({ opacity: h }, r, e), z = ae(
+    Pt(t.fills, "shape.fills", e),
+    "shape.fills",
+    e
+  ), N = Te(t.strokes), y = i === "path" ? Me(t, e) : [], w = z.map(re), T = w.flatMap((u) => u.defs), q = w.length > 0 ? w.map((u) => u.ref) : [s], H = N.length > 0 ? N.map((u) => ({
+    color: it(u.color, "shape.strokes.color", e) ?? "transparent",
+    width: u.width ?? 0
+  })) : [{ color: o, width: l }], I = [...q].reverse(), W = [...H].reverse(), V = i === "path" ? W.filter((u) => u.width > 0 && u.color !== "transparent") : W, Y = (u, g, $) => i === "path" ? /* @__PURE__ */ p("g", { children: y.map((v, O) => /* @__PURE__ */ p(
+    "path",
+    {
+      d: v.d,
+      fillRule: v.fillRule,
+      fill: u,
+      stroke: g.color,
+      strokeWidth: g.width
+    },
+    O
+  )) }, $) : i === "circle" ? /* @__PURE__ */ p(
+    "circle",
+    {
+      cx: a / 2,
+      cy: c / 2,
+      r: Math.min(a, c) / 2 - g.width / 2,
+      fill: u,
+      stroke: g.color,
+      strokeWidth: g.width
+    },
+    $
+  ) : i === "line" ? /* @__PURE__ */ p(
+    "line",
+    {
+      x1: "0",
+      y1: c / 2,
+      x2: a,
+      y2: c / 2,
+      stroke: g.color || u,
+      strokeWidth: g.width || 1
+    },
+    $
+  ) : /* @__PURE__ */ p(
+    "rect",
+    {
+      x: g.width / 2,
+      y: g.width / 2,
+      width: Math.max(0, a - g.width),
+      height: Math.max(0, c - g.width),
+      rx: f,
+      ry: f,
+      fill: u,
+      stroke: g.color,
+      strokeWidth: g.width
+    },
+    $
+  );
+  return /* @__PURE__ */ Ct(
+    D.svg,
+    {
+      width: a,
+      height: c,
+      viewBox: `0 0 ${a} ${c}`,
+      ...d !== void 0 ? { "aria-label": d, role: "img" } : {},
+      initial: C.initial,
+      animate: C.animate,
+      transition: b,
+      style: { willChange: "opacity, transform" },
+      children: [
+        T.length > 0 && /* @__PURE__ */ p("defs", { children: T }),
+        I.map(
+          (u, g) => Y(u, { color: "transparent", width: 0 }, `fill-${g}`)
+        ),
+        V.map((u, g) => Y("none", u, `stroke-${g}`))
+      ]
+    }
+  );
+}
+function it(t, e, n) {
+  if (typeof t != "string") return null;
+  const r = F(t);
+  return r === null && M(e, n), r;
+}
+function Te(t) {
+  return Array.isArray(t) ? t.filter(
+    (e) => typeof e == "object" && e !== null && ("color" in e || "width" in e)
+  ) : [];
+}
+function B(t, e) {
+  return typeof t == "number" && Number.isFinite(t) ? t : e;
+}
+function Oe({ resolved: t }) {
+  const e = t.src;
+  if (!e) return null;
+  const n = t.loop ?? !0, r = t.mute ?? !0, i = t.autoplay ?? !0, s = t.fit ?? "cover";
+  return /* @__PURE__ */ p(
+    "video",
+    {
+      src: e,
+      autoPlay: i,
+      loop: n,
+      muted: r,
+      playsInline: !0,
+      style: {
+        width: "100%",
+        height: "100%",
+        objectFit: s
+      }
+    }
+  );
+}
+const St = /* @__PURE__ */ new Set();
+function Re({ resolved: t, nodeId: e }) {
+  const n = t.scene_id, r = t.scene_version;
+  if (!n || !r)
+    return S(e, "instance.scene_id", "missing scene_id or scene_version ; not rendered"), null;
+  const i = `${n}:${r}`;
+  St.has(i) || (St.add(i), 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;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      "data-lumencast-instance": n,
+      "data-lumencast-version": r,
+      style: {
+        position: o ? "absolute" : "relative",
+        left: o?.x,
+        top: o?.y,
+        width: s?.w,
+        height: s?.h,
+        outline: "none",
+        boxSizing: "border-box"
+      }
+    }
+  );
+}
+const je = {
+  stack: Yt,
+  grid: Ut,
+  frame: le,
+  text: ye,
+  image: xe,
+  shape: Ne,
+  media: Oe,
+  instance: Re
+}, at = Nt("");
+function Ee({ prefix: t, children: e }) {
+  const n = K(at), r = n ? `${n}.${t}` : t;
+  return /* @__PURE__ */ p(at.Provider, { value: r, children: e });
+}
+function ft() {
+  return K(at);
+}
+function L(t, e) {
+  return !t || e.startsWith("__") ? e : `${t}.${e}`;
+}
+function At(t) {
+  switch (t) {
+    case "fixed":
+      return "0 0 auto";
+    case "hug":
+      return "0 1 auto";
+    case "fill":
+      return "1 1 auto";
+    default:
+      return;
+  }
+}
+function Pe({
+  visible: t,
+  opacity: e,
+  rotation: n,
+  sizing: r,
+  children: i
+}) {
+  if (t === !1)
+    return null;
+  const s = typeof e == "number" && e !== 1, o = typeof n == "number" && n !== 0, l = r?.x !== void 0 || r?.y !== void 0;
+  if (!s && !o && !l)
+    return /* @__PURE__ */ p(lt, { children: i });
+  const a = {};
+  if (s && (a.opacity = e), o && (a.transform = `rotate(${n}deg)`), l) {
+    const c = At(r?.x), f = At(r?.y);
+    c === f && c !== void 0 ? a.flex = c : a.flex = c ?? f;
+  }
+  return /* @__PURE__ */ p("div", { style: a, children: i });
+}
+const Le = {
+  linear: "linear",
+  "ease-in": "easeIn",
+  "ease-out": "easeOut",
+  "ease-in-out": "easeInOut"
+};
+function De(t, e) {
+  const n = t.steps;
+  if (!Array.isArray(n) || n.length < 2) return;
+  const r = n[0], i = n[n.length - 1];
+  if (r.at !== 0 || i.at !== 1) return;
+  const s = n.map((l) => l.at), o = {};
+  return vt(n, "opacity", o, e), vt(n, "filter", o, e), U(n, "scale", o), U(n, "translateX", o), U(n, "translateY", o), U(n, "rotate", o), {
+    animate: o,
+    transition: {
+      duration: t.duration_ms / 1e3,
+      ease: Le[t.easing ?? "linear"],
+      times: s
+    }
+  };
+}
+function vt(t, e, n, r) {
+  let i = !1;
+  const s = [];
+  let o;
+  for (const l of t) {
+    let a = l[e];
+    if (e === "filter" && a !== void 0) {
+      const c = Ht(a);
+      c === null ? (Rt("keyframes.steps[].filter", r), a = void 0) : a = c;
+    }
+    a !== void 0 ? (i = !0, o = a, s.push(a)) : s.push(o ?? (e === "opacity" ? 1 : It));
+  }
+  i && (n[e] = s);
+}
+function U(t, e, n) {
+  let r = !1;
+  const i = [];
+  let s;
+  for (const o of t) {
+    const l = o.transform?.[e];
+    typeof l == "number" ? (r = !0, s = l, i.push(l)) : i.push(s ?? ze(e));
+  }
+  r && (e === "rotate" ? n.rotate = i.map((o) => `${o}deg`) : n[e] = i);
+}
+function ze(t) {
+  return t === "scale" ? 1 : 0;
+}
+const pt = Nt(0), _t = 2e3;
+function qe(t, e) {
+  if (e <= 0) return 0;
+  const n = t * e;
+  return n > _t ? _t : n;
+}
+function We({
+  keyframes: t,
+  store: e,
+  nodeId: n,
+  children: r
+}) {
+  ct();
+  const i = ft(), s = K(pt), o = st(void 0), l = st(0);
+  if (t.key !== void 0) {
+    const f = e.signal(L(i, t.key)).value;
+    o.current !== f && (o.current = f, l.current += 1);
+  }
+  const a = De(t, n);
+  if (!a)
+    return /* @__PURE__ */ p(lt, { children: r });
+  const c = s > 0 ? { ...a.transition, delay: s / 1e3 } : a.transition;
+  return /* @__PURE__ */ Ct(
+    D.div,
+    {
+      style: { display: "contents" },
+      initial: Be(a.animate),
+      animate: a.animate,
+      transition: c,
+      children: [
+        /* @__PURE__ */ p(Ge, {}),
+        r
+      ]
+    },
+    l.current
+  );
+}
+function Ge() {
+  return Tt(() => {
+  }, []), null;
+}
+function Be(t) {
+  const e = {};
+  for (const [n, r] of Object.entries(t))
+    r.length > 0 && (e[n] = r[0]);
+  return e;
+}
+function Xe(t, e = (r) => requestAnimationFrame(r), n = (r) => cancelAnimationFrame(r)) {
+  const r = /* @__PURE__ */ new Map();
+  let i = null, s = !1;
+  const o = () => {
+    i = null;
+    const l = [...r.entries()];
+    r.clear();
+    for (const [a, c] of l)
+      t(a, c);
+  };
+  return {
+    push(l, a) {
+      s || (r.set(l, a), i === null && (i = e(o)));
+    },
+    dispose() {
+      s = !0, r.clear(), i !== null && (n(i), i = null);
+    }
+  };
+}
+const He = {
+  aliceblue: 15792383,
+  antiquewhite: 16444375,
+  aqua: 65535,
+  aquamarine: 8388564,
+  azure: 15794175,
+  beige: 16119260,
+  bisque: 16770244,
+  black: 0,
+  blanchedalmond: 16772045,
+  blue: 255,
+  blueviolet: 9055202,
+  brown: 10824234,
+  burlywood: 14596231,
+  cadetblue: 6266528,
+  chartreuse: 8388352,
+  chocolate: 13789470,
+  coral: 16744272,
+  cornflowerblue: 6591981,
+  cornsilk: 16775388,
+  crimson: 14423100,
+  cyan: 65535,
+  darkblue: 139,
+  darkcyan: 35723,
+  darkgoldenrod: 12092939,
+  darkgray: 11119017,
+  darkgreen: 25600,
+  darkgrey: 11119017,
+  darkkhaki: 12433259,
+  darkmagenta: 9109643,
+  darkolivegreen: 5597999,
+  darkorange: 16747520,
+  darkorchid: 10040012,
+  darkred: 9109504,
+  darksalmon: 15308410,
+  darkseagreen: 9419919,
+  darkslateblue: 4734347,
+  darkslategray: 3100495,
+  darkslategrey: 3100495,
+  darkturquoise: 52945,
+  darkviolet: 9699539,
+  deeppink: 16716947,
+  deepskyblue: 49151,
+  dimgray: 6908265,
+  dimgrey: 6908265,
+  dodgerblue: 2003199,
+  firebrick: 11674146,
+  floralwhite: 16775920,
+  forestgreen: 2263842,
+  fuchsia: 16711935,
+  gainsboro: 14474460,
+  ghostwhite: 16316671,
+  gold: 16766720,
+  goldenrod: 14329120,
+  gray: 8421504,
+  green: 32768,
+  greenyellow: 11403055,
+  grey: 8421504,
+  honeydew: 15794160,
+  hotpink: 16738740,
+  indianred: 13458524,
+  indigo: 4915330,
+  ivory: 16777200,
+  khaki: 15787660,
+  lavender: 15132410,
+  lavenderblush: 16773365,
+  lawngreen: 8190976,
+  lemonchiffon: 16775885,
+  lightblue: 11393254,
+  lightcoral: 15761536,
+  lightcyan: 14745599,
+  lightgoldenrodyellow: 16448210,
+  lightgray: 13882323,
+  lightgreen: 9498256,
+  lightgrey: 13882323,
+  lightpink: 16758465,
+  lightsalmon: 16752762,
+  lightseagreen: 2142890,
+  lightskyblue: 8900346,
+  lightslategray: 7833753,
+  lightslategrey: 7833753,
+  lightsteelblue: 11584734,
+  lightyellow: 16777184,
+  lime: 65280,
+  limegreen: 3329330,
+  linen: 16445670,
+  magenta: 16711935,
+  maroon: 8388608,
+  mediumaquamarine: 6737322,
+  mediumblue: 205,
+  mediumorchid: 12211667,
+  mediumpurple: 9662683,
+  mediumseagreen: 3978097,
+  mediumslateblue: 8087790,
+  mediumspringgreen: 64154,
+  mediumturquoise: 4772300,
+  mediumvioletred: 13047173,
+  midnightblue: 1644912,
+  mintcream: 16121850,
+  mistyrose: 16770273,
+  moccasin: 16770229,
+  navajowhite: 16768685,
+  navy: 128,
+  oldlace: 16643558,
+  olive: 8421376,
+  olivedrab: 7048739,
+  orange: 16753920,
+  orangered: 16729344,
+  orchid: 14315734,
+  palegoldenrod: 15657130,
+  palegreen: 10025880,
+  paleturquoise: 11529966,
+  palevioletred: 14381203,
+  papayawhip: 16773077,
+  peachpuff: 16767673,
+  peru: 13468991,
+  pink: 16761035,
+  plum: 14524637,
+  powderblue: 11591910,
+  purple: 8388736,
+  rebeccapurple: 6697881,
+  red: 16711680,
+  rosybrown: 12357519,
+  royalblue: 4286945,
+  saddlebrown: 9127187,
+  salmon: 16416882,
+  sandybrown: 16032864,
+  seagreen: 3050327,
+  seashell: 16774638,
+  sienna: 10506797,
+  silver: 12632256,
+  skyblue: 8900331,
+  slateblue: 6970061,
+  slategray: 7372944,
+  slategrey: 7372944,
+  snow: 16775930,
+  springgreen: 65407,
+  steelblue: 4620980,
+  tan: 13808780,
+  teal: 32896,
+  thistle: 14204888,
+  tomato: 16737095,
+  turquoise: 4251856,
+  violet: 15631086,
+  wheat: 16113331,
+  white: 16777215,
+  whitesmoke: 16119285,
+  yellow: 16776960,
+  yellowgreen: 10145074
+};
+function Ie(t) {
+  const e = F(t);
+  if (e === null) return null;
+  if (e.startsWith("#")) return Ve(e);
+  if (e.startsWith("rgb")) {
+    const i = e.slice(e.indexOf("(") + 1, -1).split(",").map((h) => h.trim());
+    if (i.length < 3) return null;
+    const o = i[0].endsWith("%") ? 100 : 255, l = ot(i[0], o), a = ot(i[1], o), c = ot(i[2], o), f = i.length > 3 ? Ft(i[3]) : 1;
+    return l === null || a === null || c === null || f === null ? null : [l, a, c, f];
+  }
+  if (e.startsWith("hsl")) {
+    const i = e.slice(e.indexOf("(") + 1, -1).split(",").map((d) => d.trim());
+    if (i.length < 3) return null;
+    const s = Number(i[0].replace("deg", "")), o = Number(i[1].replace("%", "")) / 100, l = Number(i[2].replace("%", "")) / 100, a = i.length > 3 ? Ft(i[3]) : 1;
+    if (![s, o, l].every(Number.isFinite) || a === null) return null;
+    const [c, f, h] = Ye(s, o, l);
+    return [c, f, h, a];
+  }
+  if (e === "transparent") return [0, 0, 0, 0];
+  if (e === "currentcolor") return null;
+  const n = He[e];
+  return n === void 0 ? null : [(n >> 16 & 255) / 255, (n >> 8 & 255) / 255, (n & 255) / 255, 1];
+}
+function Ve(t) {
+  const e = t.slice(1);
+  if (e.length === 3 || e.length === 4) {
+    const n = parseInt(e[0] + e[0], 16), r = parseInt(e[1] + e[1], 16), i = parseInt(e[2] + e[2], 16), s = e.length === 4 ? parseInt(e[3] + e[3], 16) : 255;
+    return [n / 255, r / 255, i / 255, s / 255];
+  }
+  if (e.length === 6 || e.length === 8) {
+    const n = parseInt(e.slice(0, 2), 16), r = parseInt(e.slice(2, 4), 16), i = parseInt(e.slice(4, 6), 16), s = e.length === 8 ? parseInt(e.slice(6, 8), 16) : 255;
+    return [n / 255, r / 255, i / 255, s / 255];
+  }
+  return null;
+}
+function ot(t, e) {
+  const n = Number(t.replace("%", ""));
+  return Number.isFinite(n) ? x(n / e) : null;
+}
+function Ft(t) {
+  const e = t.endsWith("%"), n = Number(t.replace("%", ""));
+  return Number.isFinite(n) ? x(e ? n / 100 : n) : null;
+}
+function Ye(t, e, n) {
+  const r = (t % 360 + 360) % 360, i = (1 - Math.abs(2 * n - 1)) * e, s = r / 60, o = i * (1 - Math.abs(s % 2 - 1));
+  let l = 0, a = 0, c = 0;
+  s < 1 ? [l, a, c] = [i, o, 0] : s < 2 ? [l, a, c] = [o, i, 0] : s < 3 ? [l, a, c] = [0, i, o] : s < 4 ? [l, a, c] = [0, o, i] : s < 5 ? [l, a, c] = [o, 0, i] : [l, a, c] = [i, 0, o];
+  const f = n - i / 2;
+  return [x(l + f), x(a + f), x(c + f)];
+}
+function Ue(t, e, n) {
+  return [
+    x(t[0] + n * (e[0] - t[0])),
+    x(t[1] + n * (e[1] - t[1])),
+    x(t[2] + n * (e[2] - t[2])),
+    x(t[3] + n * (e[3] - t[3]))
+  ];
+}
+function Mt(t) {
+  const e = Math.round(x(t[0]) * 255), n = Math.round(x(t[1]) * 255), r = Math.round(x(t[2]) * 255), i = Math.round(x(t[3]) * 1e4) / 1e4;
+  return `rgba(${e}, ${n}, ${r}, ${i})`;
+}
+function x(t) {
+  return t < 0 ? 0 : t > 1 ? 1 : t;
+}
+const Lt = {
+  "style.color": "colour",
+  fill: "fill",
+  background: "background"
+};
+function Ke(t, e) {
+  switch (t) {
+    case "opacity": {
+      const n = j(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 = j(e[0]), r = j(e[1]);
+      return n === null || r === null ? null : { x: n, y: r };
+    }
+    case "transform.scale": {
+      const n = j(e);
+      if (n !== null) return { scaleX: n, scaleY: n };
+      if (Array.isArray(e) && e.length === 2) {
+        const r = j(e[0]), i = j(e[1]);
+        return r === null || i === null ? null : { scaleX: r, scaleY: i };
+      }
+      return null;
+    }
+    case "transform.rotate": {
+      const n = j(e);
+      return n === null ? null : { rotate: n };
+    }
+    case "filter.blur": {
+      const n = ht("blur", e);
+      return n === null ? null : { blur: n };
+    }
+    case "filter.brightness": {
+      const n = ht("brightness", e);
+      return n === null ? null : { brightness: n };
+    }
+    default:
+      return null;
+  }
+}
+function j(t) {
+  return typeof t != "number" || !Number.isFinite(t) ? null : Object.is(t, -0) ? 0 : t;
+}
+const Ze = {
+  kind: "spring",
+  stiffness: 170,
+  damping: 26,
+  mass: 1
+};
+function Je(t) {
+  switch (t) {
+    case "opacity":
+      return "opacity";
+    case "transform.translate":
+      return "x";
+    case "transform.scale":
+      return "scale";
+    case "transform.rotate":
+      return "rotate";
+    case "filter.blur":
+    case "filter.brightness":
+      return "filter";
+    default:
+      return Lt[t] ?? t;
+  }
+}
+const Qe = {};
+function tn(t, e, n) {
+  const r = t.animateBindings, i = K(pt), s = _(1), o = _(0), l = _(0), a = _(1), c = _(1), f = _(0), h = _(0), d = _(1), m = Bt(
+    [h, d],
+    ([y, w]) => `blur(${y}px) brightness(${w})`
+  ), [b, C] = Xt(Qe), z = st({
+    opacity: s,
+    x: o,
+    y: l,
+    scaleX: a,
+    scaleY: c,
+    rotate: f,
+    blur: h,
+    brightness: d
+  });
+  return Tt(() => {
+    if (!r || Object.keys(r).length === 0) return;
+    const y = z.current, w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Set();
+    let H = !1;
+    const I = (u, g) => {
+      const v = e.transitionSignal(g).peek() ?? t.transitions?.[Je(u)], O = X(v ?? Ze);
+      return i > 0 && !q.has(u) ? { ...O, delay: i / 1e3 } : O;
+    }, W = (u, g, $) => {
+      const v = Lt[u], O = L(n, r[u]);
+      if (v !== void 0) {
+        const A = Ie(g);
+        if (A === null) {
+          M(`bindAnimate.${u}`, t.id);
+          return;
+        }
+        const R = T.get(u);
+        if ($ || R === void 0) {
+          T.set(u, { current: A }), C((tt) => ({ ...tt, [v]: Mt(A) }));
+          return;
+        }
+        const qt = R.current, Wt = I(u, O);
+        q.add(u), w.get(`color:${u}`)?.stop(), w.set(
+          `color:${u}`,
+          gt(0, 1, {
+            ...Wt,
+            onUpdate: (tt) => {
+              const dt = Ue(qt, A, tt);
+              R.current = dt, C((Gt) => ({ ...Gt, [v]: Mt(dt) }));
+            }
+          })
+        );
+        return;
+      }
+      const Q = Ke(u, g);
+      if (Q === null) {
+        u.startsWith("filter.") ? Rt(`bindAnimate.${u}`, t.id) : en(u, t.id);
+        return;
+      }
+      if ($) {
+        for (const [A, R] of Object.entries(Q))
+          y[A].jump(R);
+        return;
+      }
+      const zt = I(u, O);
+      q.add(u);
+      for (const [A, R] of Object.entries(Q))
+        w.set(A, gt(y[A], R, zt));
+    }, V = Xe((u, g) => W(u, g, !1)), Y = Object.entries(r).map(
+      ([u, g]) => Vt(() => {
+        const $ = e.signal(L(n, g)).value;
+        $ !== void 0 && (H ? V.push(u, $) : W(u, $, !0));
+      })
+    );
+    return H = !0, () => {
+      for (const u of Y) u();
+      V.dispose();
+      for (const u of w.values()) u.stop();
+    };
+  }, [t, r, e, n, i]), { motionStyle: Ot(() => {
+    if (!r) return null;
+    const y = {};
+    let w = !1;
+    for (const T of Object.keys(r))
+      switch (T) {
+        case "opacity":
+          y.opacity = s, w = !0;
+          break;
+        case "transform.translate":
+          y.x = o, y.y = l, w = !0;
+          break;
+        case "transform.scale":
+          y.scaleX = a, y.scaleY = c, w = !0;
+          break;
+        case "transform.rotate":
+          y.rotate = f, w = !0;
+          break;
+        case "filter.blur":
+        case "filter.brightness":
+          y.filter = m, w = !0;
+          break;
+      }
+    return w ? (y.willChange = "transform, opacity, filter", y) : null;
+  }, [r, s, o, l, a, c, f, m]), colorProps: b };
+}
+function en(t, e) {
+  S(
+    e,
+    `bindAnimate.${t}`,
+    "rejected bound value : JSON shape does not match the property type (LSML §6.3)"
+  );
+}
+function Dt({ node: t, store: e }) {
+  return t.kind === "repeat" ? /* @__PURE__ */ p(on, { node: t, store: e }) : /* @__PURE__ */ p(nn, { node: t, store: e });
+}
+function nn({ node: t, store: e }) {
+  ct();
+  const n = ft(), r = Ot(
+    () => sn(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, ...an(t, e, n)]
+  ), i = tn(t, e, n);
+  jt(t);
+  const s = je[t.kind];
+  if (!s)
+    return S(t.id, "kind", "unknown render kind ; node not rendered"), null;
+  const o = {};
+  if (t.bindings)
+    for (const [d, m] of Object.entries(t.bindings)) {
+      const b = e.transitionSignal(L(n, m)).value;
+      b !== void 0 && (o[d] = b);
+    }
+  const l = (d) => d in o ? o[d] : t.transitions?.[d], a = t.children?.map((d, m) => /* @__PURE__ */ p(Dt, { node: d, store: e }, d.id ?? m)), c = {
+    visible: typeof r.visible == "boolean" ? r.visible : void 0,
+    opacity: typeof r.universal_opacity == "number" ? r.universal_opacity : void 0,
+    rotation: typeof r.rotation == "number" ? r.rotation : void 0,
+    sizing: rn(r.sizing)
+  }, f = Object.keys(i.colorProps).length > 0 ? { ...r, ...i.colorProps } : r;
+  let h = /* @__PURE__ */ p(Pe, { ...c, children: /* @__PURE__ */ p(
+    s,
+    {
+      resolved: f,
+      nodeId: t.id,
+      transitionFor: l,
+      animateInitial: t.animate_initial,
+      children: a
+    }
+  ) });
+  return i.motionStyle && (h = /* @__PURE__ */ p(D.div, { "data-lumencast-bind-animate": t.id ?? "", style: i.motionStyle, children: h })), t.keyframes ? /* @__PURE__ */ p(We, { keyframes: t.keyframes, store: e, nodeId: t.id, children: h }) : h;
+}
+function rn(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 on({ node: t, store: e }) {
+  ct();
+  const n = ft();
+  jt(t);
+  const r = t.bindings?.items, i = r === void 0 ? [] : e.signal(L(n, r)).value ?? [];
+  if (!Array.isArray(i)) return null;
+  const s = t.children?.[0];
+  if (!s) return null;
+  const o = typeof t.stagger_ms == "number" ? t.stagger_ms : 0;
+  return /* @__PURE__ */ p(lt, { children: i.map((l, a) => {
+    const c = qe(a, o), f = /* @__PURE__ */ p(Ee, { prefix: `${r ?? ""}.${a}`, children: /* @__PURE__ */ p(Dt, { node: s, store: e }) }, a);
+    return c <= 0 ? f : /* @__PURE__ */ p(pt.Provider, { value: c, children: f }, a);
+  }) });
+}
+function sn(t, e, n) {
+  const r = { ...t.props ?? {} };
+  if (t.bindings)
+    for (const [i, s] of Object.entries(t.bindings)) {
+      const o = L(n, s);
+      r[i] = e.signal(o).value;
+    }
+  return r;
+}
+function an(t, e, n) {
+  if (!t.bindings) return [];
+  const r = [];
+  for (const i of Object.values(t.bindings))
+    r.push(e.signal(L(n, i)).value);
+  return r;
+}
+export {
+  Dt as T
+};
+//# sourceMappingURL=tree-DBj9SJgs.js.map