@lumencast/runtime 0.1.0

package/dist/render/fill.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+let gradientIdSeq = 0;
+function nextGradientId() {
+    gradientIdSeq = (gradientIdSeq + 1) % 1_000_000;
+    return `lumen-grad-${gradientIdSeq.toString(36)}`;
+}
+/** Compile a Fill into an SVG `<defs>` entry + a `fill="url(#…)"` ref.
+ * Solid fills produce no defs and return the colour directly. */
+export function renderFill(fill) {
+    if (fill.kind === "solid") {
+        // Solid fill — no defs needed, just hand the colour to fill.
+        // SVG fill-opacity composes with element opacity multiplicatively
+        // so we apply both consistently.
+        return { defs: [], ref: fill.color };
+    }
+    const id = nextGradientId();
+    if (fill.kind === "linear-gradient") {
+        // angle_deg : 0 = bottom-to-top per §4.12 (matches CSS `linear-gradient`)
+        const angle = fill.angle_deg ?? 0;
+        // Translate angle (degrees from up) to SVG x1/y1/x2/y2 in user space.
+        const rad = ((angle - 90) * Math.PI) / 180; // 0° → x1=0,y1=1 (bottom-up)
+        const x1 = 0.5 - 0.5 * Math.cos(rad);
+        const y1 = 0.5 - 0.5 * Math.sin(rad);
+        const x2 = 0.5 + 0.5 * Math.cos(rad);
+        const y2 = 0.5 + 0.5 * Math.sin(rad);
+        const defs = [
+            _jsx("linearGradient", { id: id, x1: `${x1 * 100}%`, y1: `${y1 * 100}%`, x2: `${x2 * 100}%`, y2: `${y2 * 100}%`, children: fill.stops.map((s, i) => (_jsx("stop", { offset: s.offset, stopColor: s.color, ...(s.opacity !== undefined ? { stopOpacity: s.opacity } : {}) }, i))) }, id),
+        ];
+        return { defs, ref: `url(#${id})` };
+    }
+    // radial-gradient
+    const cx = fill.center?.x ?? 0.5;
+    const cy = fill.center?.y ?? 0.5;
+    const r = fill.radius ?? 0.5;
+    const defs = [
+        _jsx("radialGradient", { id: id, cx: `${cx * 100}%`, cy: `${cy * 100}%`, r: `${r * 100}%`, children: fill.stops.map((s, i) => (_jsx("stop", { offset: s.offset, stopColor: s.color, ...(s.opacity !== undefined ? { stopOpacity: s.opacity } : {}) }, i))) }, id),
+    ];
+    return { defs, ref: `url(#${id})` };
+}
+/** Compile an array of Fill into a CSS `background-image` value usable
+ * on a `<div>` (frame backgrounds — non-SVG context). Returns the CSS
+ * string + opacity. Stops use percentages in CSS gradient syntax. */
+export function backgroundsToCss(fills) {
+    // Per §4.12, fills[0] renders on top — CSS background-image stacks
+    // first → top-most. Match by passing in the same order.
+    const layers = fills.map(fillToCss).filter(Boolean);
+    if (layers.length === 0)
+        return {};
+    return { backgroundImage: layers.join(", ") };
+}
+function fillToCss(fill) {
+    if (fill.kind === "solid") {
+        // Wrap solid in linear-gradient so it can stack with other layers.
+        return `linear-gradient(${fill.color}, ${fill.color})`;
+    }
+    const stops = fill.stops
+        .map((s) => {
+        const c = s.opacity !== undefined ? cssWithOpacity(s.color, s.opacity) : s.color;
+        return `${c} ${(s.offset * 100).toFixed(2)}%`;
+    })
+        .join(", ");
+    if (fill.kind === "linear-gradient") {
+        const angle = fill.angle_deg ?? 0;
+        return `linear-gradient(${angle}deg, ${stops})`;
+    }
+    // radial-gradient
+    const cx = (fill.center?.x ?? 0.5) * 100;
+    const cy = (fill.center?.y ?? 0.5) * 100;
+    return `radial-gradient(circle at ${cx}% ${cy}%, ${stops})`;
+}
+function cssWithOpacity(color, opacity) {
+    // Best-effort wrapper — for hex/rgb we can append alpha. For
+    // unrecognised forms, fall back to color-mix.
+    const hex = color.match(/^#([0-9a-f]{6})$/i);
+    if (hex) {
+        const a = Math.round(opacity * 255)
+            .toString(16)
+            .padStart(2, "0");
+        return `#${hex[1]}${a}`;
+    }
+    return `color-mix(in srgb, ${color} ${opacity * 100}%, transparent)`;
+}
+/** Coerce loose JSON into a Fill array. Returns [] for non-arrays. */
+export function parseFills(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value.filter(isFill);
+}
+function isFill(v) {
+    if (typeof v !== "object" || v === null)
+        return false;
+    const k = v.kind;
+    return k === "solid" || k === "linear-gradient" || k === "radial-gradient";
+}
+//# sourceMappingURL=fill.js.map

package/dist/render/fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../src/render/fill.tsx"],"names":[],"mappings":"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"}

package/dist/render/keyframe-player.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import type { Store } from "../state/store";
+import { type Keyframes } from "../animate/keyframes";
+export interface KeyframePlayerProps {
+    keyframes: Keyframes;
+    store: Store;
+    children: ReactNode;
+}
+export declare function KeyframePlayer({ keyframes, store, children }: KeyframePlayerProps): ReactNode;
+//# sourceMappingURL=keyframe-player.d.ts.map

package/dist/render/keyframe-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyframe-player.d.ts","sourceRoot":"","sources":["../../src/render/keyframe-player.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIxE,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAwC7F"}

package/dist/render/keyframe-player.js

@@ -0,0 +1,65 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// LSML 1.1 §6.6 — keyframe sequence playback wrapper.
+//
+// Wraps a primitive subtree in a framer-motion `motion.div` that plays
+// out the compiled keyframe arrays once on (re)mount, or whenever the
+// bound `key` LeafPath changes. We trigger replay via React's `key=`
+// reconciliation — bumping a counter when the keyframe key value flips
+// remounts the motion subtree, restarting the animation from `at: 0`.
+//
+// LSML 1.1 §6.7 — when this player runs inside a `repeat` iteration, a
+// `staggerDelay` (ms) is provided through `StaggerContext` and added to
+// framer's transition.delay so each iteration starts `index * stagger_ms`
+// after the previous one.
+import { motion } from "framer-motion";
+import { useContext, useEffect, useRef } from "react";
+import { useSignals } from "@preact/signals-react/runtime";
+import { compileForFramer } from "../animate/keyframes";
+import { StaggerContext } from "./stagger-context";
+import { scopedPath, usePathScope } from "./scope";
+export function KeyframePlayer({ keyframes, store, children }) {
+    useSignals();
+    const scope = usePathScope();
+    const staggerDelayMs = useContext(StaggerContext);
+    // Pull the latest `key` LeafPath value and remount whenever it
+    // changes. We track via a ref + counter so React's reconciliation
+    // gives us a fresh motion.div (and thus a fresh animation pass).
+    const lastKeyValue = useRef(undefined);
+    const replayTokenRef = useRef(0);
+    if (keyframes.key !== undefined) {
+        const v = store.signal(scopedPath(scope, keyframes.key)).value;
+        if (lastKeyValue.current !== v) {
+            lastKeyValue.current = v;
+            replayTokenRef.current += 1;
+        }
+    }
+    const compiled = compileForFramer(keyframes);
+    if (!compiled) {
+        return _jsx(_Fragment, { children: children });
+    }
+    const transition = staggerDelayMs > 0
+        ? { ...compiled.transition, delay: staggerDelayMs / 1000 }
+        : compiled.transition;
+    return (_jsxs(motion.div, { style: { display: "contents" }, initial: firstFrame(compiled.animate), animate: compiled.animate, transition: transition, children: [_jsx(ReplayOnMount, {}), children] }, replayTokenRef.current));
+}
+/** No-op effect placeholder — kept for symmetry / future hooks like
+ *  reporting playback completion to the renderer. */
+function ReplayOnMount() {
+    useEffect(() => {
+        // intentional no-op
+    }, []);
+    return null;
+}
+/** Pluck the `at: 0` waypoint values into a framer-motion `initial` prop
+ *  so the very first frame matches the start of the keyframe path. Without
+ *  this, framer interpolates from the element's current style which can
+ *  produce a visible jump on mount. */
+function firstFrame(animate) {
+    const out = {};
+    for (const [k, arr] of Object.entries(animate)) {
+        if (arr.length > 0)
+            out[k] = arr[0];
+    }
+    return out;
+}
+//# sourceMappingURL=keyframe-player.js.map

package/dist/render/keyframe-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyframe-player.js","sourceRoot":"","sources":["../../src/render/keyframe-player.tsx"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,EAAE;AACF,uEAAuE;AACvE,sEAAsE;AACtE,qEAAqE;AACrE,uEAAuE;AACvE,sEAAsE;AACtE,EAAE;AACF,uEAAuE;AACvE,wEAAwE;AACxE,0EAA0E;AAC1E,0BAA0B;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAkB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQnD,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAuB;IAChF,UAAU,EAAE,CAAC;IACb,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAElD,+DAA+D;IAC/D,kEAAkE;IAClE,iEAAiE;IACjE,MAAM,YAAY,GAAG,MAAM,CAAU,SAAS,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,IAAI,SAAS,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;QAChC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/D,IAAI,YAAY,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YAC/B,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;YACzB,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC7C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,MAAM,UAAU,GACd,cAAc,GAAG,CAAC;QAChB,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE;QAC1D,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;IAE1B,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IAET,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAC9B,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrC,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,UAAU,EAAE,UAAU,aAEtB,KAAC,aAAa,KAAG,EAChB,QAAQ,KAPJ,cAAc,CAAC,OAAO,CAQhB,CACd,CAAC;AACJ,CAAC;AAED;qDACqD;AACrD,SAAS,aAAa;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,oBAAoB;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;uCAGuC;AACvC,SAAS,UAAU,CAAC,OAA4C;IAC9D,MAAM,GAAG,GAAoC,EAAE,CAAC;IAChD,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC/C,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;YAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/render/primitives/frame.d.ts

@@ -0,0 +1,12 @@
+import type { PrimitiveProps } from "./index";
+/** Absolute-positioned container with size + transform + opacity.
+ *  Animatable on `transform` and `opacity` only — width/height/position
+ *  changes are intentionally *not* animatable to keep the broadcast
+ *  off the layout path.
+ *
+ *  LSML 1.1 §4.3 + §4.12 add `backgrounds[]` as an alternative to the
+ *  legacy `background` (single color). The array form supports stacked
+ *  fills with linear / radial gradients ; first entry renders on top.
+ */
+export declare function Frame({ resolved, transitionFor, children }: PrimitiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=frame.d.ts.map

package/dist/render/primitives/frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/frame.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAoD1E"}

package/dist/render/primitives/frame.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { toFramer } from "../../animate/transitions";
+import { backgroundsToCss, parseFills } from "../fill";
+/** Absolute-positioned container with size + transform + opacity.
+ *  Animatable on `transform` and `opacity` only — width/height/position
+ *  changes are intentionally *not* animatable to keep the broadcast
+ *  off the layout path.
+ *
+ *  LSML 1.1 §4.3 + §4.12 add `backgrounds[]` as an alternative to the
+ *  legacy `background` (single color). The array form supports stacked
+ *  fills with linear / radial gradients ; first entry renders on top.
+ */
+export function Frame({ resolved, transitionFor, children }) {
+    const x = numberOr(resolved.x, 0);
+    const y = numberOr(resolved.y, 0);
+    const width = sizeProp(resolved.width);
+    const height = sizeProp(resolved.height);
+    const opacity = numberOr(resolved.opacity, 1);
+    const scale = numberOr(resolved.scale, 1);
+    const rotate = numberOr(resolved.rotate, 0);
+    // 1.0 single-fill prop — used as fallback when 1.1 `backgrounds[]`
+    // is empty.
+    const legacyBackground = resolved.background ?? undefined;
+    const backgrounds = parseFills(resolved.backgrounds);
+    // Pick the most expressive declared transition among the animated
+    // bindings (transform / opacity). If none, no animation.
+    const tx = transitionFor("opacity") ??
+        transitionFor("scale") ??
+        transitionFor("rotate") ??
+        transitionFor("x") ??
+        transitionFor("y");
+    const style = {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width,
+        height,
+        willChange: "transform, opacity",
+    };
+    if (backgrounds.length > 0) {
+        Object.assign(style, backgroundsToCss(backgrounds));
+    }
+    else if (legacyBackground !== undefined) {
+        style.background = legacyBackground;
+    }
+    return (_jsx(motion.div, { style: style, animate: {
+            opacity,
+            x,
+            y,
+            scale,
+            rotate,
+        }, transition: toFramer(tx), children: children }));
+}
+function numberOr(v, fallback) {
+    return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+}
+function sizeProp(v) {
+    if (typeof v === "number" && Number.isFinite(v))
+        return v;
+    if (typeof v === "string" && v.length > 0)
+        return v;
+    return undefined;
+}
+//# sourceMappingURL=frame.js.map

package/dist/render/primitives/frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.js","sourceRoot":"","sources":["../../../src/render/primitives/frame.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAkB;IACzE,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAE5C,mEAAmE;IACnE,YAAY;IACZ,MAAM,gBAAgB,GAAI,QAAQ,CAAC,UAAiC,IAAI,SAAS,CAAC;IAClF,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAErD,kEAAkE;IAClE,yDAAyD;IACzD,MAAM,EAAE,GACN,aAAa,CAAC,SAAS,CAAC;QACxB,aAAa,CAAC,OAAO,CAAC;QACtB,aAAa,CAAC,QAAQ,CAAC;QACvB,aAAa,CAAC,GAAG,CAAC;QAClB,aAAa,CAAC,GAAG,CAAC,CAAC;IAErB,MAAM,KAAK,GAAkB;QAC3B,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK;QACL,MAAM;QACN,UAAU,EAAE,oBAAoB;KACjC,CAAC;IACF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;IACtD,CAAC;SAAM,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QAC1C,KAAK,CAAC,UAAU,GAAG,gBAAgB,CAAC;IACtC,CAAC;IAED,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;YACP,OAAO;YACP,CAAC;YACD,CAAC;YACD,KAAK;YACL,MAAM;SACP,EACD,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC,YAEvB,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,CAAU,EAAE,QAAgB;IAC5C,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpE,CAAC;AAED,SAAS,QAAQ,CAAC,CAAU;IAC1B,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAE,OAAO,CAAC,CAAC;IAC1D,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,CAAC,CAAC;IACpD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/render/primitives/grid.d.ts

@@ -0,0 +1,4 @@
+import type { PrimitiveProps } from "./index";
+/** CSS Grid container with declared rows / cols. */
+export declare function Grid({ resolved, children }: PrimitiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=grid.d.ts.map

package/dist/render/primitives/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,oDAAoD;AACpD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAgB1D"}

package/dist/render/primitives/grid.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** CSS Grid container with declared rows / cols. */
+export function Grid({ resolved, children }) {
+    const cols = resolved.cols ?? "1fr";
+    const rows = resolved.rows ?? "auto";
+    const gap = resolved.gap ?? 0;
+    return (_jsx("div", { style: {
+            display: "grid",
+            gridTemplateColumns: cols,
+            gridTemplateRows: rows,
+            gap,
+        }, children: children }));
+}
+//# sourceMappingURL=grid.js.map

package/dist/render/primitives/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/render/primitives/grid.tsx"],"names":[],"mappings":";AAEA,oDAAoD;AACpD,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAkB;IACzD,MAAM,IAAI,GAAI,QAAQ,CAAC,IAAe,IAAI,KAAK,CAAC;IAChD,MAAM,IAAI,GAAI,QAAQ,CAAC,IAAe,IAAI,MAAM,CAAC;IACjD,MAAM,GAAG,GAAI,QAAQ,CAAC,GAAmC,IAAI,CAAC,CAAC;IAC/D,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,IAAI;YACzB,gBAAgB,EAAE,IAAI;YACtB,GAAG;SACJ,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/render/primitives/image.d.ts

@@ -0,0 +1,5 @@
+import type { PrimitiveProps } from "./index";
+/** Image leaf. `src`, `fit` (cover/contain/fill), `position`,
+ *  `opacity`. Opacity is animated when a transition is declared. */
+export declare function Image({ resolved, transitionFor }: PrimitiveProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=image.d.ts.map

package/dist/render/primitives/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C;oEACoE;AACpE,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,cAAc,kDAwBhE"}

package/dist/render/primitives/image.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { toFramer } from "../../animate/transitions";
+/** Image leaf. `src`, `fit` (cover/contain/fill), `position`,
+ *  `opacity`. Opacity is animated when a transition is declared. */
+export function Image({ resolved, transitionFor }) {
+    const src = resolved.src;
+    if (!src)
+        return null;
+    const fit = resolved.fit ?? "contain";
+    const position = resolved.position ?? "center";
+    const opacity = numberOr(resolved.opacity, 1);
+    const tx = transitionFor("opacity") ?? transitionFor("src");
+    return (_jsx(motion.img, { src: src, style: {
+            objectFit: fit,
+            objectPosition: position,
+            width: "100%",
+            height: "100%",
+            willChange: "opacity",
+        }, animate: { opacity }, transition: toFramer(tx), draggable: false }));
+}
+function numberOr(v, fallback) {
+    return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+}
+//# sourceMappingURL=image.js.map

package/dist/render/primitives/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/render/primitives/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;oEACoE;AACpE,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAkB;IAC/D,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAyB,CAAC;IAC/C,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,GAAG,GAAI,QAAQ,CAAC,GAA0B,IAAI,SAAS,CAAC;IAC9D,MAAM,QAAQ,GAAI,QAAQ,CAAC,QAA+B,IAAI,QAAQ,CAAC;IACvE,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAE9C,MAAM,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,SAAS,EAAE,GAAuC;YAClD,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,SAAS;SACtB,EACD,OAAO,EAAE,EAAE,OAAO,EAAE,EACpB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC,EACxB,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,CAAU,EAAE,QAAgB;IAC5C,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpE,CAAC"}

package/dist/render/primitives/index.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentType, ReactNode } from "react";
+import type { RenderKind } from "../bundle";
+import type { Transition } from "../../animate/transitions";
+export interface PrimitiveProps {
+    resolved: Record<string, unknown>;
+    transitionFor: (key: string) => Transition | undefined;
+    children?: ReactNode;
+}
+export declare const PRIMITIVES: Partial<Record<RenderKind, ComponentType<PrimitiveProps>>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/render/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAa5D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,UAAU,GAAG,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CASjF,CAAC"}

package/dist/render/primitives/index.js

@@ -0,0 +1,22 @@
+// Primitive component registry. Tree dispatch uses this map to look
+// up the React component for each `kind` ; user components are inlined
+// at compile time so Lumencast's runtime never sees them.
+import { Stack } from "./stack";
+import { Grid } from "./grid";
+import { Frame } from "./frame";
+import { Text } from "./text";
+import { Image } from "./image";
+import { Shape } from "./shape";
+import { Media } from "./media";
+import { Instance } from "./instance";
+export const PRIMITIVES = {
+    stack: Stack,
+    grid: Grid,
+    frame: Frame,
+    text: Text,
+    image: Image,
+    shape: Shape,
+    media: Media,
+    instance: Instance,
+};
+//# sourceMappingURL=index.js.map

package/dist/render/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/render/primitives/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,uEAAuE;AACvE,0DAA0D;AAK1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,CAAC,MAAM,UAAU,GAA+D;IACpF,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;CACnB,CAAC"}

package/dist/render/primitives/instance.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { PrimitiveProps } from "./index";
+export declare function Instance({ resolved }: PrimitiveProps): ReactElement | null;
+//# sourceMappingURL=instance.d.ts.map

package/dist/render/primitives/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/instance.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,YAAY,GAAG,IAAI,CA0C1E"}

package/dist/render/primitives/instance.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const warned = new Set();
+export function Instance({ resolved }) {
+    const sceneId = resolved.scene_id;
+    const sceneVersion = resolved.scene_version;
+    if (!sceneId || !sceneVersion) {
+        if (import.meta.env.DEV) {
+            console.warn("[lumencast/instance] missing scene_id or scene_version", resolved);
+        }
+        return null;
+    }
+    // One-time DEV warning per (sceneId,version) so authors know the
+    // scaffold limitation.
+    if (import.meta.env.DEV) {
+        const key = `${sceneId}:${sceneVersion}`;
+        if (!warned.has(key)) {
+            warned.add(key);
+            console.warn(`[lumencast/instance] scaffold render — async bundle fetch + ` +
+                `__params.* injection are not yet wired (LSML 1.1 §4.9). ` +
+                `scene_id=${sceneId}`);
+        }
+    }
+    const size = resolved.size;
+    const position = resolved.position;
+    return (_jsx("div", { "data-lumencast-instance": sceneId, "data-lumencast-version": sceneVersion, style: {
+            position: position ? "absolute" : "relative",
+            left: position?.x,
+            top: position?.y,
+            width: size?.w,
+            height: size?.h,
+            outline: import.meta.env.DEV ? "1px dashed rgba(255,180,0,0.5)" : "none",
+            boxSizing: "border-box",
+        } }));
+}
+//# sourceMappingURL=instance.js.map

package/dist/render/primitives/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sourceRoot":"","sources":["../../../src/render/primitives/instance.tsx"],"names":[],"mappings":";AAyBA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAC;AAEjC,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAkB;IACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,QAA8B,CAAC;IACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAmC,CAAC;IAClE,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;QAC9B,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,wDAAwD,EAAE,QAAQ,CAAC,CAAC;QACnF,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iEAAiE;IACjE,uBAAuB;IACvB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,GAAG,GAAG,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAChB,OAAO,CAAC,IAAI,CACV,8DAA8D;gBAC5D,0DAA0D;gBAC1D,YAAY,OAAO,EAAE,CACxB,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,IAA8C,CAAC;IACrE,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAkD,CAAC;IAE7E,OAAO,CACL,yCAC2B,OAAO,4BACR,YAAY,EACpC,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;YAC5C,IAAI,EAAE,QAAQ,EAAE,CAAC;YACjB,GAAG,EAAE,QAAQ,EAAE,CAAC;YAChB,KAAK,EAAE,IAAI,EAAE,CAAC;YACd,MAAM,EAAE,IAAI,EAAE,CAAC;YACf,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,MAAM;YACxE,SAAS,EAAE,YAAY;SACxB,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/render/primitives/media.d.ts

@@ -0,0 +1,6 @@
+import type { PrimitiveProps } from "./index";
+/** Embedded video. `src`, `loop`, `mute`, `autoplay`. Audio is muted
+ *  by default — broadcast audio is Pulsar-side, not from the browser
+ *  source. */
+export declare function Media({ resolved }: PrimitiveProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=media.d.ts.map

package/dist/render/primitives/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/media.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;cAEc;AACd,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,kDAsBjD"}

package/dist/render/primitives/media.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Embedded video. `src`, `loop`, `mute`, `autoplay`. Audio is muted
+ *  by default — broadcast audio is Pulsar-side, not from the browser
+ *  source. */
+export function Media({ resolved }) {
+    const src = resolved.src;
+    if (!src)
+        return null;
+    const loop = resolved.loop ?? true;
+    const mute = resolved.mute ?? true;
+    const autoplay = resolved.autoplay ?? true;
+    const fit = resolved.fit ?? "cover";
+    return (_jsx("video", { src: src, autoPlay: autoplay, loop: loop, muted: mute, playsInline: true, style: {
+            width: "100%",
+            height: "100%",
+            objectFit: fit,
+        } }));
+}
+//# sourceMappingURL=media.js.map

package/dist/render/primitives/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/render/primitives/media.tsx"],"names":[],"mappings":";AAEA;;cAEc;AACd,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAkB;IAChD,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAyB,CAAC;IAC/C,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,IAAI,GAAI,QAAQ,CAAC,IAA4B,IAAI,IAAI,CAAC;IAC5D,MAAM,IAAI,GAAI,QAAQ,CAAC,IAA4B,IAAI,IAAI,CAAC;IAC5D,MAAM,QAAQ,GAAI,QAAQ,CAAC,QAAgC,IAAI,IAAI,CAAC;IACpE,MAAM,GAAG,GAAI,QAAQ,CAAC,GAA0B,IAAI,OAAO,CAAC;IAE5D,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EACX,WAAW,QACX,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,GAAuC;SACnD,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/render/primitives/shape.d.ts

@@ -0,0 +1,12 @@
+import type { PrimitiveProps } from "./index";
+/** Rectangle / circle / line. Renders as SVG so stroke + fill behave
+ *  predictably across hosts. Opacity animatable.
+ *
+ *  LSML 1.1 §4.6 + §4.12 add `fills[]` / `strokes[]` arrays as the
+ *  preferred way to declare multi-layer fills with linear/radial
+ *  gradients. The legacy single `fill` / `stroke` props remain
+ *  accepted for 1.0 bundles ; when both are present the array form
+ *  wins (the spec forbids mixing, but we tolerate to ease migration).
+ */
+export declare function Shape({ resolved, transitionFor }: PrimitiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shape.d.ts.map

package/dist/render/primitives/shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/shape.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAS9C;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,cAAc,2CAuGhE"}

package/dist/render/primitives/shape.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { toFramer } from "../../animate/transitions";
+import { parseFills, renderFill } from "../fill";
+/** Rectangle / circle / line. Renders as SVG so stroke + fill behave
+ *  predictably across hosts. Opacity animatable.
+ *
+ *  LSML 1.1 §4.6 + §4.12 add `fills[]` / `strokes[]` arrays as the
+ *  preferred way to declare multi-layer fills with linear/radial
+ *  gradients. The legacy single `fill` / `stroke` props remain
+ *  accepted for 1.0 bundles ; when both are present the array form
+ *  wins (the spec forbids mixing, but we tolerate to ease migration).
+ */
+export function Shape({ resolved, transitionFor }) {
+    const kind = resolved.kind ?? "rect";
+    const legacyFill = resolved.fill ?? "transparent";
+    const legacyStroke = resolved.stroke ?? "transparent";
+    const legacyStrokeWidth = numberOr(resolved.stroke_width, 0);
+    const width = numberOr(resolved.width, 100);
+    const height = numberOr(resolved.height, 100);
+    const radius = numberOr(resolved.radius, 0);
+    const opacity = numberOr(resolved.opacity, 1);
+    const tx = transitionFor("opacity");
+    const transition = toFramer(tx);
+    // LSML 1.1 §4.6 — `fills[]` is the preferred multi-fill form. Fall
+    // back to the singular `fill` for 1.0 bundles.
+    const fills = parseFills(resolved.fills);
+    const strokes = parseStrokes(resolved.strokes);
+    // Each fill compiles to a (defs, ref) pair. We render the shape
+    // outline once per fill, layered top-to-bottom (first entry → on
+    // top, per §4.12). The defs are aggregated for a single <defs>.
+    const fillRenders = fills.map(renderFill);
+    const allDefs = fillRenders.flatMap((r) => r.defs);
+    const fillRefs = fillRenders.length > 0 ? fillRenders.map((r) => r.ref) : [legacyFill];
+    // Strokes : same layered approach, but solid colours only (gradient
+    // strokes are out of scope for §4.6 1.1). Each stroke is rendered
+    // as an additional pass over the same shape outline.
+    const strokeLayers = strokes.length > 0
+        ? strokes.map((s) => ({ color: s.color ?? "transparent", width: s.width ?? 0 }))
+        : [{ color: legacyStroke, width: legacyStrokeWidth }];
+    // Stack order : fillRefs are emitted top-to-bottom per §4.12. SVG
+    // paints later siblings on top, so we reverse here so the first
+    // entry in fills[] ends up rendered last (visually on top).
+    const stackedFills = [...fillRefs].reverse();
+    const stackedStrokes = [...strokeLayers].reverse();
+    const renderShape = (fill, stroke, keyPrefix) => {
+        if (kind === "circle") {
+            return (_jsx("circle", { cx: width / 2, cy: height / 2, r: Math.min(width, height) / 2 - stroke.width / 2, fill: fill, stroke: stroke.color, strokeWidth: stroke.width }, keyPrefix));
+        }
+        if (kind === "line") {
+            return (_jsx("line", { x1: "0", y1: height / 2, x2: width, y2: height / 2, stroke: stroke.color || fill, strokeWidth: stroke.width || 1 }, keyPrefix));
+        }
+        // rect default
+        return (_jsx("rect", { x: stroke.width / 2, y: stroke.width / 2, width: Math.max(0, width - stroke.width), height: Math.max(0, height - stroke.width), rx: radius, ry: radius, fill: fill, stroke: stroke.color, strokeWidth: stroke.width }, keyPrefix));
+    };
+    return (_jsxs(motion.svg, { width: width, height: height, viewBox: `0 0 ${width} ${height}`, animate: { opacity }, transition: transition, style: { willChange: "opacity" }, children: [allDefs.length > 0 && _jsx("defs", { children: allDefs }), stackedFills.map((ref, i) => renderShape(ref, { color: "transparent", width: 0 }, `fill-${i}`)), stackedStrokes.map((s, i) => renderShape("none", s, `stroke-${i}`))] }));
+}
+function parseStrokes(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value.filter((v) => typeof v === "object" && v !== null && ("color" in v || "width" in v));
+}
+function numberOr(v, fallback) {
+    return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+}
+//# sourceMappingURL=shape.js.map

package/dist/render/primitives/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../../src/render/primitives/shape.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAOjD;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAkB;IAC/D,MAAM,IAAI,GAAI,QAAQ,CAAC,IAA2B,IAAI,MAAM,CAAC;IAC7D,MAAM,UAAU,GAAI,QAAQ,CAAC,IAA2B,IAAI,aAAa,CAAC;IAC1E,MAAM,YAAY,GAAI,QAAQ,CAAC,MAA6B,IAAI,aAAa,CAAC;IAC9E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAE9C,MAAM,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEhC,mEAAmE;IACnE,+CAA+C;IAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE/C,gEAAgE;IAChE,iEAAiE;IACjE,gEAAgE;IAChE,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAEvF,oEAAoE;IACpE,kEAAkE;IAClE,qDAAqD;IACrD,MAAM,YAAY,GAChB,OAAO,CAAC,MAAM,GAAG,CAAC;QAChB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAChF,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;IAE1D,kEAAkE;IAClE,gEAAgE;IAChE,4DAA4D;IAC5D,MAAM,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;IAC7C,MAAM,cAAc,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,OAAO,EAAE,CAAC;IAEnD,MAAM,WAAW,GAAG,CAClB,IAAY,EACZ,MAAwC,EACxC,SAAiB,EACH,EAAE;QAChB,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtB,OAAO,CACL,iBAEE,EAAE,EAAE,KAAK,GAAG,CAAC,EACb,EAAE,EAAE,MAAM,GAAG,CAAC,EACd,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EACjD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,CAAC,KAAK,EACpB,WAAW,EAAE,MAAM,CAAC,KAAK,IANpB,SAAS,CAOd,CACH,CAAC;QACJ,CAAC;QACD,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,CACL,eAEE,EAAE,EAAC,GAAG,EACN,EAAE,EAAE,MAAM,GAAG,CAAC,EACd,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,MAAM,GAAG,CAAC,EACd,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,IAAI,EAC5B,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,IANzB,SAAS,CAOd,CACH,CAAC;QACJ,CAAC;QACD,eAAe;QACf,OAAO,CACL,eAEE,CAAC,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EACnB,CAAC,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EACnB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,EAC1C,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,CAAC,KAAK,EACpB,WAAW,EAAE,MAAM,CAAC,KAAK,IATpB,SAAS,CAUd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,OAAO,EAAE,EAAE,OAAO,EAAE,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAE/B,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,yBAAO,OAAO,GAAQ,EAC5C,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAC3B,WAAW,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAClE,EACA,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,IACzD,CACd,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACrC,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,CAAC,EAAmB,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,CAC9F,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,CAAU,EAAE,QAAgB;IAC5C,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpE,CAAC"}

package/dist/render/primitives/stack.d.ts

@@ -0,0 +1,13 @@
+import type { PrimitiveProps } from "./index";
+/** Vertical or horizontal flex container. Layout-only — bindings
+ *  here are unusual but tolerated.
+ *
+ *  LSML 1.1 §4.1 adds `wrap` (boolean) and `crossGap` (number) :
+ *    - wrap: true sets `flex-wrap: wrap` so children flow onto the
+ *      next row / column when they overflow the main axis.
+ *    - crossGap is the spacing between rows / columns when wrapping.
+ *      Mapped to CSS `row-gap` (horizontal stack) or `column-gap`
+ *      (vertical stack). Ignored when `wrap` is false.
+ */
+export declare function Stack({ resolved, children }: PrimitiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stack.d.ts.map

package/dist/render/primitives/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/render/primitives/stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA8B3D"}