@cueframe/kernel 0.2.1 → 0.2.3

package/dist/animate.js

@@ -1,1038 +1,369 @@
-import "./chunk-2ESYSVXG.js";
-
-// ../execution/animate/src/easing/smooth.ts
-var sigmoid = (x) => 1 / (1 + Math.exp(-x));
-function smooth(t, inflection = 10) {
-  const error = sigmoid(-inflection / 2);
-  return (sigmoid(inflection * (t - 0.5)) - error) / (1 - 2 * error);
-}
-
-// ../execution/animate/src/easing/smootherstep.ts
-function smootherstep(t) {
-  return 6 * t ** 5 - 15 * t ** 4 + 10 * t ** 3;
-}
-
-// ../execution/animate/src/easing/rush.ts
-function rushInto(t, inflection = 10) {
-  return 2 * smooth(t / 2, inflection);
-}
-function rushFrom(t, inflection = 10) {
-  return 2 * smooth(t / 2 + 0.5, inflection) - 1;
-}
-
-// ../execution/animate/src/animations/Create.tsx
-import React from "react";
-import { useCurrentFrame, interpolate } from "remotion";
-import { evolvePath } from "@remotion/paths";
-var Create = ({
-  path,
-  stroke = "currentColor",
-  strokeWidth = 2,
-  fill = "none",
-  fillAfter = false,
-  width = "100%",
-  height = "100%",
-  viewBox = "0 0 1920 1080",
-  durationInFrames = 30,
-  delay = 0,
-  easing = smooth,
-  style
-}) => {
-  const frame = useCurrentFrame();
-  const t = Math.min(1, Math.max(0, frame - delay) / Math.max(1, durationInFrames));
-  const progress = easing(t);
-  const evolved = evolvePath(progress, path);
-  const fillOpacity = fillAfter && fill !== "none" ? interpolate(progress, [0.8, 1], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" }) : fill !== "none" ? 1 : 0;
-  return /* @__PURE__ */ React.createElement("svg", { width, height, viewBox, style }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      d: path,
-      stroke,
-      strokeWidth,
-      fill,
-      fillOpacity,
-      strokeDasharray: evolved.strokeDasharray,
-      strokeDashoffset: evolved.strokeDashoffset,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// ../execution/animate/src/animations/GrowFromCenter.tsx
-import React2 from "react";
-import { useCurrentFrame as useCurrentFrame2, useVideoConfig, spring } from "remotion";
-var GrowFromCenter = ({
-  children,
-  delay = 0,
-  springConfig = { damping: 12, stiffness: 200, mass: 0.8 },
-  style
-}) => {
-  const frame = useCurrentFrame2();
-  const { fps } = useVideoConfig();
-  const adjustedFrame = Math.max(0, frame - delay);
-  const scale = spring({
-    frame: adjustedFrame,
-    fps,
-    config: springConfig
-  });
-  return /* @__PURE__ */ React2.createElement(
-    "div",
-    {
-      style: {
-        transform: `scale(${scale})`,
-        transformOrigin: "center center",
-        ...style
-      }
-    },
-    children
-  );
-};
-
-// ../execution/animate/src/animations/FadeIn.tsx
-import React3 from "react";
-import { useCurrentFrame as useCurrentFrame3, useVideoConfig as useVideoConfig2, spring as spring2 } from "remotion";
-var DIRECTION_TRANSFORM = {
-  up: (o) => `translateY(${o}px)`,
-  down: (o) => `translateY(${-o}px)`,
-  left: (o) => `translateX(${o}px)`,
-  right: (o) => `translateX(${-o}px)`,
-  none: () => ""
-};
-var FadeIn = ({
-  children,
-  direction = "up",
-  distance = 30,
-  durationInFrames = 20,
-  delay = 0,
-  easing = smooth,
-  useSpring: useSpringPhysics = false,
-  springConfig = { damping: 15, stiffness: 200, mass: 0.5 },
-  style
-}) => {
-  const frame = useCurrentFrame3();
-  const { fps } = useVideoConfig2();
-  const adjustedFrame = Math.max(0, frame - delay);
-  let progress;
-  if (useSpringPhysics) {
-    progress = spring2({ frame: adjustedFrame, fps, config: springConfig });
-  } else {
-    const t = Math.min(1, adjustedFrame / Math.max(1, durationInFrames));
-    progress = easing(t);
-  }
-  const offset = (1 - progress) * distance;
-  return /* @__PURE__ */ React3.createElement(
-    "div",
-    {
-      style: {
-        opacity: Math.min(1, progress),
-        transform: DIRECTION_TRANSFORM[direction](offset),
-        ...style
-      }
-    },
-    children
-  );
-};
-
-// ../execution/animate/src/animations/Write.tsx
-import React4 from "react";
-import { useCurrentFrame as useCurrentFrame4 } from "remotion";
-var Write = ({
-  text,
-  durationInFrames = 60,
-  delay = 0,
-  easing = smooth,
-  color = "currentColor",
-  fontFamily,
-  fontSize,
-  fontWeight,
-  letterSpacing,
-  style
-}) => {
-  const frame = useCurrentFrame4();
-  const chars = text.split("");
-  const count = chars.length;
-  if (count === 0) return null;
-  const charAnimDuration = Math.max(4, durationInFrames * 0.4);
-  const stagger = count > 1 ? (durationInFrames - charAnimDuration) / (count - 1) : 0;
-  return /* @__PURE__ */ React4.createElement(
-    "span",
-    {
-      style: {
-        display: "inline-block",
-        color,
-        fontFamily,
-        fontSize,
-        fontWeight,
-        letterSpacing,
-        whiteSpace: "pre-wrap",
-        ...style
-      }
-    },
-    chars.map((char, i) => {
-      const charStart = delay + i * stagger;
-      const localFrame = frame - charStart;
-      const t = Math.min(1, Math.max(0, localFrame / charAnimDuration));
-      const progress = easing(t);
-      const yOffset = (1 - progress) * 8;
-      return /* @__PURE__ */ React4.createElement(
-        "span",
-        {
-          key: i,
-          style: {
-            display: "inline-block",
-            opacity: progress,
-            transform: `translateY(${yOffset}px)`,
-            minWidth: char === " " ? "0.25em" : void 0
-          }
-        },
-        char
-      );
-    })
-  );
-};
-
-// ../execution/animate/src/animations/Indicate.tsx
-import React5 from "react";
-import { useCurrentFrame as useCurrentFrame5 } from "remotion";
-var Indicate = ({
-  children,
-  color = "#FBBF24",
-  scaleFactor = 1.15,
-  durationInFrames = 30,
-  delay = 0,
-  pulses = 1,
-  style
-}) => {
-  const frame = useCurrentFrame5();
-  const localFrame = Math.max(0, frame - delay);
-  const pulseDuration = durationInFrames / pulses;
-  const pulseFrame = localFrame % pulseDuration;
-  const t = Math.min(1, pulseFrame / Math.max(1, pulseDuration));
-  const isActive = localFrame < durationInFrames;
-  const bellT = isActive ? Math.sin(t * Math.PI) : 0;
-  const easedBell = smooth(bellT);
-  const scale = 1 + (scaleFactor - 1) * easedBell;
-  const glowOpacity = easedBell * 0.6;
-  return /* @__PURE__ */ React5.createElement(
-    "div",
-    {
-      style: {
-        display: "inline-block",
-        transform: `scale(${scale})`,
-        transformOrigin: "center center",
-        filter: glowOpacity > 0.01 ? `drop-shadow(0 0 ${8 * glowOpacity}px ${color})` : void 0,
-        ...style
-      }
-    },
-    children
-  );
-};
-
-// ../execution/animate/src/animations/Wiggle.tsx
-import React6 from "react";
-import { useCurrentFrame as useCurrentFrame6 } from "remotion";
-var Wiggle = ({
-  children,
-  angle = 8,
-  xAmplitude = 4,
-  yAmplitude = 2,
-  durationInFrames = 30,
-  delay = 0,
-  cycles = 3,
-  style
-}) => {
-  const frame = useCurrentFrame6();
-  const localFrame = Math.max(0, frame - delay);
-  const t = Math.min(1, localFrame / Math.max(1, durationInFrames));
-  const decay = Math.exp(-4 * t);
-  const phase = t * cycles * Math.PI * 2;
-  const oscillation = Math.sin(phase);
-  const rotation = angle * oscillation * decay;
-  const dx = xAmplitude * oscillation * decay;
-  const dy = yAmplitude * Math.cos(phase * 1.3) * decay;
-  const isActive = localFrame < durationInFrames;
-  return /* @__PURE__ */ React6.createElement(
-    "div",
-    {
-      style: {
-        display: "inline-block",
-        transform: isActive ? `translate(${dx.toFixed(2)}px, ${dy.toFixed(2)}px) rotate(${rotation.toFixed(2)}deg)` : void 0,
-        transformOrigin: "center center",
-        ...style
-      }
-    },
-    children
-  );
-};
-
-// ../execution/animate/src/composition/LaggedStart.tsx
-import React7 from "react";
-import { useCurrentFrame as useCurrentFrame7 } from "remotion";
-var LaggedStart = ({
-  children,
-  lagRatio = 0.3,
-  durationInFrames = 60,
-  delay = 0,
-  easing = smooth,
-  style
-}) => {
-  const frame = useCurrentFrame7();
-  const childArray = React7.Children.toArray(children);
-  const count = childArray.length;
-  if (count === 0) return null;
-  const staggerDelay = count > 1 ? lagRatio * durationInFrames / (count - 1) : 0;
-  const childDuration = durationInFrames - staggerDelay * Math.max(0, count - 1);
-  const effectiveChildDuration = Math.max(1, childDuration);
-  return /* @__PURE__ */ React7.createElement("div", { style }, childArray.map((child, index) => {
-    const childStart = delay + index * staggerDelay;
-    const localFrame = frame - childStart;
-    const t = Math.min(1, Math.max(0, localFrame / effectiveChildDuration));
-    const progress = easing(t);
-    return /* @__PURE__ */ React7.createElement(
-      "div",
-      {
-        key: index,
-        style: {
-          opacity: progress,
-          transform: `scale(${0.8 + 0.2 * progress})`,
-          transformOrigin: "center center"
-        }
-      },
-      child
-    );
-  }));
-};
-
-// ../execution/animate/src/composition/AnimationGroup.tsx
-import React8 from "react";
-import { useCurrentFrame as useCurrentFrame8 } from "remotion";
-var AnimationGroup = ({
-  children,
-  stagger = 0,
-  delay = 0,
-  durationInFrames = 30,
-  easing = smooth,
-  style
-}) => {
-  const frame = useCurrentFrame8();
-  const childArray = React8.Children.toArray(children);
-  if (childArray.length === 0) return null;
-  return /* @__PURE__ */ React8.createElement("div", { style }, childArray.map((child, index) => {
-    const childStart = delay + index * stagger;
-    const localFrame = frame - childStart;
-    const t = Math.min(1, Math.max(0, localFrame / Math.max(1, durationInFrames)));
-    const progress = easing(t);
-    return /* @__PURE__ */ React8.createElement(
-      "div",
-      {
-        key: index,
-        style: {
-          opacity: progress
-        }
-      },
-      child
-    );
-  }));
-};
-
-// ../execution/animate/src/composition/Succession.tsx
-import React9 from "react";
-import { useCurrentFrame as useCurrentFrame9 } from "remotion";
-var Succession = ({
-  children,
-  durationPerChild = 30,
-  delay = 0,
-  easing = smooth,
-  style
-}) => {
-  const frame = useCurrentFrame9();
-  const childArray = React9.Children.toArray(children);
-  if (childArray.length === 0) return null;
-  return /* @__PURE__ */ React9.createElement("div", { style }, childArray.map((child, index) => {
-    const childStart = delay + index * durationPerChild;
-    const localFrame = frame - childStart;
-    const t = Math.min(1, Math.max(0, localFrame / Math.max(1, durationPerChild)));
-    const progress = easing(t);
-    return /* @__PURE__ */ React9.createElement(
-      "div",
-      {
-        key: index,
-        style: {
-          opacity: progress
-        }
-      },
-      child
-    );
-  }));
-};
-
-// ../execution/animate/src/animations/Transform.tsx
-import React10 from "react";
-import { useCurrentFrame as useCurrentFrame10, interpolate as interpolate2 } from "remotion";
-import { interpolatePath } from "@remotion/paths";
-var Transform = ({
-  fromPath,
-  toPath,
-  stroke = "currentColor",
-  strokeWidth = 2,
-  fill = "none",
-  width = "100%",
-  height = "100%",
-  viewBox = "0 0 1920 1080",
-  durationInFrames = 30,
-  delay = 0,
-  easing = smooth,
-  fadeEdges = false,
-  style
-}) => {
-  const frame = useCurrentFrame10();
-  const t = Math.min(1, Math.max(0, (frame - delay) / Math.max(1, durationInFrames)));
-  const progress = easing(t);
-  const currentPath = interpolatePath(progress, fromPath, toPath);
-  const opacity = fadeEdges ? interpolate2(t, [0, 0.1, 0.9, 1], [0, 1, 1, 0], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp"
-  }) : progress;
-  return /* @__PURE__ */ React10.createElement("svg", { width, height, viewBox, style: { ...style, opacity } }, /* @__PURE__ */ React10.createElement(
-    "path",
-    {
-      d: currentPath,
-      stroke,
-      strokeWidth,
-      fill,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// ../execution/animate/src/animations/MoveAlongPath.tsx
-import React11 from "react";
-import { useCurrentFrame as useCurrentFrame11 } from "remotion";
-import { getLength, getPointAtLength, getTangentAtLength } from "@remotion/paths";
-var MoveAlongPath = ({
-  children,
-  path,
-  durationInFrames = 60,
-  delay = 0,
-  easing = smooth,
-  rotate = false,
-  style
-}) => {
-  const frame = useCurrentFrame11();
-  const t = Math.min(1, Math.max(0, (frame - delay) / Math.max(1, durationInFrames)));
-  const progress = easing(t);
-  const pathLength = getLength(path);
-  const distance = progress * pathLength;
-  const point = getPointAtLength(path, distance);
-  let rotation = 0;
-  if (rotate) {
-    const tangent = getTangentAtLength(path, distance);
-    rotation = Math.atan2(tangent.y - point.y, tangent.x - point.x) * (180 / Math.PI);
-  }
-  return /* @__PURE__ */ React11.createElement(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        left: 0,
-        top: 0,
-        transform: `translate(${point.x}px, ${point.y}px) translate(-50%, -50%)${rotate ? ` rotate(${rotation}deg)` : ""}`,
-        ...style
-      }
-    },
-    children
-  );
-};
-
-// ../execution/animate/src/animations/GrowArrow.tsx
-import React12 from "react";
-import { useCurrentFrame as useCurrentFrame12 } from "remotion";
-import { evolvePath as evolvePath2 } from "@remotion/paths";
-var GrowArrow = ({
-  from,
-  to,
-  color = "currentColor",
-  strokeWidth = 2,
-  tipSize = 12,
-  width = "100%",
-  height = "100%",
-  viewBox = "0 0 1920 1080",
-  durationInFrames = 30,
-  delay = 0,
-  easing = smooth,
-  style
-}) => {
-  const frame = useCurrentFrame12();
-  const t = Math.min(1, Math.max(0, (frame - delay) / Math.max(1, durationInFrames)));
-  const progress = easing(t);
-  const markerId = React12.useId();
-  const endId = `grow-arrow-${markerId}`;
-  const markerW = tipSize;
-  const markerH = tipSize * 0.7;
-  const path = `M ${from[0]},${from[1]} L ${to[0]},${to[1]}`;
-  const evolved = evolvePath2(progress, path);
-  const tipOpacity = Math.min(1, Math.max(0, (progress - 0.8) / 0.2));
-  return /* @__PURE__ */ React12.createElement("svg", { width, height, viewBox, style }, /* @__PURE__ */ React12.createElement("defs", null, /* @__PURE__ */ React12.createElement(
-    "marker",
-    {
-      id: endId,
-      markerWidth: markerW,
-      markerHeight: markerH,
-      refX: markerW,
-      refY: markerH / 2,
-      orient: "auto",
-      markerUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React12.createElement(
-      "polygon",
-      {
-        points: `0,0 ${markerW},${markerH / 2} 0,${markerH}`,
-        fill: color,
-        opacity: tipOpacity
-      }
-    )
-  )), /* @__PURE__ */ React12.createElement(
-    "path",
-    {
-      d: path,
-      stroke: color,
-      strokeWidth,
-      fill: "none",
-      strokeLinecap: "round",
-      strokeDasharray: evolved.strokeDasharray,
-      strokeDashoffset: evolved.strokeDashoffset,
-      markerEnd: `url(#${endId})`
-    }
-  ));
-};
-
-// ../execution/animate/src/mobjects/Arrow.tsx
-import React13 from "react";
-var Arrow = ({
-  from,
-  to,
-  color = "currentColor",
-  strokeWidth = 2,
-  tipSize = 12,
-  width = "100%",
-  height = "100%",
-  viewBox = "0 0 1920 1080",
-  doubleEnded = false,
-  style
-}) => {
-  const markerId = React13.useId();
-  const endId = `arrow-end-${markerId}`;
-  const startId = `arrow-start-${markerId}`;
-  const markerW = tipSize;
-  const markerH = tipSize * 0.7;
-  return /* @__PURE__ */ React13.createElement("svg", { width, height, viewBox, style }, /* @__PURE__ */ React13.createElement("defs", null, /* @__PURE__ */ React13.createElement(
-    "marker",
-    {
-      id: endId,
-      markerWidth: markerW,
-      markerHeight: markerH,
-      refX: markerW,
-      refY: markerH / 2,
-      orient: "auto",
-      markerUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React13.createElement(
-      "polygon",
-      {
-        points: `0,0 ${markerW},${markerH / 2} 0,${markerH}`,
-        fill: color
-      }
-    )
-  ), doubleEnded && /* @__PURE__ */ React13.createElement(
-    "marker",
-    {
-      id: startId,
-      markerWidth: markerW,
-      markerHeight: markerH,
-      refX: 0,
-      refY: markerH / 2,
-      orient: "auto-start-reverse",
-      markerUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React13.createElement(
-      "polygon",
-      {
-        points: `0,0 ${markerW},${markerH / 2} 0,${markerH}`,
-        fill: color
-      }
-    )
-  )), /* @__PURE__ */ React13.createElement(
-    "line",
-    {
-      x1: from[0],
-      y1: from[1],
-      x2: to[0],
-      y2: to[1],
-      stroke: color,
-      strokeWidth,
-      strokeLinecap: "round",
-      markerEnd: `url(#${endId})`,
-      markerStart: doubleEnded ? `url(#${startId})` : void 0
-    }
-  ));
-};
-function makeArrowPath(from, to) {
-  return `M ${from[0]},${from[1]} L ${to[0]},${to[1]}`;
-}
-
-// ../execution/animate/src/mobjects/BrandBox.tsx
-import React14 from "react";
-var BrandBox = ({
-  label,
-  color = "#1a1a2e",
-  width = 160,
-  height = 80,
-  borderRadius = 12,
-  fontFamily,
-  fontSize = 18,
-  fontWeight = 600,
-  textColor = "#fff",
-  border,
-  shadow,
-  children,
-  style
-}) => {
-  return /* @__PURE__ */ React14.createElement(
-    "div",
-    {
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width,
-        height,
-        borderRadius,
-        background: color,
-        border,
-        boxShadow: shadow,
-        ...style
-      }
-    },
-    children ?? /* @__PURE__ */ React14.createElement(
-      "span",
-      {
-        style: {
-          fontFamily,
-          fontSize,
-          fontWeight,
-          color: textColor,
-          letterSpacing: "0.02em",
-          userSelect: "none"
-        }
-      },
-      label
-    )
-  );
-};
-
-// ../execution/animate/src/mobjects/Graph.tsx
-import React15, { useMemo } from "react";
-import { useCurrentFrame as useCurrentFrame13 } from "remotion";
 import {
-  forceSimulation,
-  forceLink,
-  forceManyBody,
-  forceCenter,
-  forceCollide
-} from "d3-force";
-var Graph = ({
-  nodes,
-  edges,
-  directed = false,
-  width = 800,
-  height = 500,
-  nodeRadius = 24,
-  nodeColor = "#3b82f6",
-  edgeColor = "#666",
-  edgeWidth = 2,
-  fontFamily,
-  fontSize = 14,
-  textColor = "#fff",
-  chargeStrength = -300,
-  durationInFrames = 60,
-  delay = 0,
-  easing = smooth,
-  style
-}) => {
-  const frame = useCurrentFrame13();
-  const nodesKey = JSON.stringify(nodes);
-  const edgesKey = JSON.stringify(edges);
-  const nodeMap = useMemo(() => {
-    const parsedNodes = JSON.parse(nodesKey);
-    const parsedEdges = JSON.parse(edgesKey);
-    const simNodes = parsedNodes.map((n) => ({
-      id: n.id,
-      x: n.position ? n.position[0] : void 0,
-      y: n.position ? n.position[1] : void 0,
-      fx: n.position ? n.position[0] : void 0,
-      fy: n.position ? n.position[1] : void 0
-    }));
-    const simLinks = parsedEdges.map((e) => ({
-      source: e.source,
-      target: e.target
-    }));
-    const sim = forceSimulation(simNodes).force("link", forceLink(simLinks).id((d) => d.id).distance(120)).force("charge", forceManyBody().strength(chargeStrength)).force("center", forceCenter(width / 2, height / 2)).force("collide", forceCollide(nodeRadius * 2)).stop();
-    for (let i = 0; i < 300; i++) sim.tick();
-    const map = /* @__PURE__ */ new Map();
-    for (const n of simNodes) {
-      map.set(n.id, { x: n.x ?? 0, y: n.y ?? 0 });
-    }
-    return map;
-  }, [nodesKey, edgesKey, width, height, nodeRadius, chargeStrength]);
-  const nodeCount = nodes.length;
-  const edgeCount = edges.length;
-  const totalItems = edgeCount + nodeCount;
-  const markerId = React15.useId();
-  const uniqueEdgeColors = useMemo(() => {
-    if (!directed) return [];
-    const colors = /* @__PURE__ */ new Set();
-    colors.add(edgeColor);
-    for (const e of edges) {
-      if (e.color) colors.add(e.color);
-    }
-    return Array.from(colors);
-  }, [directed, edgeColor, edgesKey]);
-  const markerIdFor = (color) => `graph-arrow-${markerId}-${color.replace(/[^a-zA-Z0-9]/g, "")}`;
-  return /* @__PURE__ */ React15.createElement("svg", { width, height, style }, directed && /* @__PURE__ */ React15.createElement("defs", null, uniqueEdgeColors.map((c) => /* @__PURE__ */ React15.createElement(
-    "marker",
-    {
-      key: c,
-      id: markerIdFor(c),
-      markerWidth: 10,
-      markerHeight: 7,
-      refX: nodeRadius + 10,
-      refY: 3.5,
-      orient: "auto",
-      markerUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React15.createElement("polygon", { points: "0,0 10,3.5 0,7", fill: c })
-  ))), edges.map((edge, i) => {
-    const s = nodeMap.get(edge.source);
-    const t = nodeMap.get(edge.target);
-    if (!s || !t) return null;
-    const stagger = totalItems > 1 ? durationInFrames * 0.6 / totalItems : 0;
-    const edgeStart = delay + i * stagger;
-    const localFrame = frame - edgeStart;
-    const edgeDur = Math.max(4, durationInFrames * 0.3);
-    const tVal = Math.min(1, Math.max(0, localFrame / edgeDur));
-    const progress = easing(tVal);
-    const eColor = edge.color ?? edgeColor;
-    return /* @__PURE__ */ React15.createElement("g", { key: `e-${i}` }, /* @__PURE__ */ React15.createElement(
-      "line",
-      {
-        x1: s.x,
-        y1: s.y,
-        x2: s.x + (t.x - s.x) * progress,
-        y2: s.y + (t.y - s.y) * progress,
-        stroke: eColor,
-        strokeWidth: edgeWidth,
-        strokeLinecap: "round",
-        markerEnd: directed && progress > 0.9 ? `url(#${markerIdFor(eColor)})` : void 0
-      }
-    ), edge.label && progress > 0.5 && /* @__PURE__ */ React15.createElement(
-      "text",
-      {
-        x: (s.x + t.x) / 2,
-        y: (s.y + t.y) / 2 - 8,
-        textAnchor: "middle",
-        fill: eColor,
-        fontSize: fontSize * 0.85,
-        fontFamily,
-        opacity: Math.min(1, (progress - 0.5) * 2)
-      },
-      edge.label
-    ));
-  }), nodes.map((node, i) => {
-    const pos = nodeMap.get(node.id);
-    if (!pos) return null;
-    const itemIndex = edgeCount + i;
-    const stagger = totalItems > 1 ? durationInFrames * 0.6 / totalItems : 0;
-    const nodeStart = delay + itemIndex * stagger;
-    const localFrame = frame - nodeStart;
-    const nodeDur = Math.max(4, durationInFrames * 0.3);
-    const tVal = Math.min(1, Math.max(0, localFrame / nodeDur));
-    const progress = easing(tVal);
-    const nColor = node.color ?? nodeColor;
-    return /* @__PURE__ */ React15.createElement(
-      "g",
-      {
-        key: `n-${node.id}`,
-        transform: `translate(${pos.x}, ${pos.y}) scale(${progress})`
-      },
-      /* @__PURE__ */ React15.createElement(
-        "circle",
-        {
-          r: nodeRadius,
-          fill: nColor,
-          opacity: progress
-        }
-      ),
-      node.label && /* @__PURE__ */ React15.createElement(
-        "text",
-        {
-          textAnchor: "middle",
-          dominantBaseline: "central",
-          fill: textColor,
-          fontSize,
-          fontFamily,
-          fontWeight: 600
-        },
-        node.label
-      )
-    );
-  }));
-};
-
-// ../execution/animate/src/mobjects/DiGraph.tsx
-import React16 from "react";
-var DiGraph = (props) => {
-  return /* @__PURE__ */ React16.createElement(Graph, { ...props, directed: true });
-};
-
-// ../execution/animate/src/three/ThreeCanvas.tsx
-import React17, { useMemo as useMemo2 } from "react";
-import { ThreeCanvas as RemotionThreeCanvas } from "@remotion/three";
-var ThreeCanvas = ({
-  children,
-  width = 1920,
-  height = 1080,
-  fov = 75,
-  near = 0.1,
-  far = 1e3,
-  cameraPosition = [0, 0, 5],
-  style
-}) => {
-  const camera = useMemo2(
-    () => ({ fov, near, far, position: cameraPosition }),
-    [fov, near, far, cameraPosition[0], cameraPosition[1], cameraPosition[2]]
-  );
-  return /* @__PURE__ */ React17.createElement(
-    RemotionThreeCanvas,
-    {
-      width,
-      height,
-      camera,
-      style: {
-        width: "100%",
-        height: "100%",
-        ...style
-      }
-    },
-    children
-  );
-};
-
-// ../execution/animate/src/three/drei.ts
-import {
-  Box,
-  Sphere,
-  Cylinder,
-  Cone,
-  Torus,
-  TorusKnot,
-  Plane,
-  Circle,
-  Ring,
-  Dodecahedron,
-  Icosahedron,
-  Octahedron,
-  Tetrahedron,
-  Capsule,
-  Extrude,
-  Lathe,
-  Tube
-} from "@react-three/drei";
-import { Text, Text3D } from "@react-three/drei";
-import {
-  Center,
-  Float,
-  Environment,
-  ContactShadows,
-  AccumulativeShadows,
-  RandomizedLight,
-  Lightformer,
-  Stage,
-  Sky,
-  Stars,
-  Sparkles,
-  Cloud
-} from "@react-three/drei";
-import {
-  Line,
-  QuadraticBezierLine,
-  CubicBezierLine,
-  CatmullRomLine
-} from "@react-three/drei";
-import {
-  MeshDistortMaterial,
-  MeshWobbleMaterial,
-  MeshReflectorMaterial,
-  MeshTransmissionMaterial,
-  Edges,
-  Outlines,
-  GradientTexture,
-  RoundedBox
-} from "@react-three/drei";
-import {
-  Billboard,
-  Html,
-  PivotControls,
-  Grid,
-  Backdrop
-} from "@react-three/drei";
-
-// ../execution/animate/src/index.ts
-var sandboxScope = {
-  smooth,
-  smootherstep,
-  rushInto,
-  rushFrom,
+  AnimationGroup,
+  Arrow,
+  BrandBox,
+  CAMERA_PRESETS,
+  ContactShadow,
   Create,
-  GrowFromCenter,
+  DEFAULT_CAMERA,
+  DiGraph,
   FadeIn,
-  Write,
+  FlexLayout,
+  Graph,
+  GrowArrow,
+  GrowFromCenter,
+  ImageTileScene,
   Indicate,
-  Wiggle,
   LaggedStart,
-  AnimationGroup,
+  LaptopObject,
+  MEDIA_TILE_SCENE_LIMITS,
+  MediaTileScene,
+  MoveAlongPath,
+  PageObject,
+  PerspectiveStage,
+  PosedObject,
+  PreparedSceneShotError,
+  PreparedSceneShotV1,
+  SCENE_DEFAULT_FOV,
+  SCENE_FOV_MAX,
+  SCENE_FOV_MIN,
+  SLAB_CONTENT_OFFSET,
+  SceneShotError,
+  SceneShotV2,
+  SceneVideoBindingV1,
+  SceneVideoTextureCommitV1,
+  SlabObject,
+  StageCameraRig,
+  StageLayer,
   Succession,
+  ThreeCanvas,
   Transform,
-  MoveAlongPath,
-  GrowArrow,
-  Arrow,
+  Wiggle,
+  WorldTextObject,
+  Write,
+  assertMediaTileScene,
+  assertSceneSurfaceResolution,
+  backdropStyleV2,
+  buildTree,
+  cameraOps,
+  cameraOpsMatrix,
+  cameraToThree,
+  conjugateF,
+  defaultSceneCamera,
+  defaultScreenLayout,
+  depthJourneyRecipe,
+  dofBlur,
+  dollyIn,
+  dollyOut,
+  drift,
+  driftWallRecipe,
+  fitBox,
+  flexBoxToThree,
+  flexReady,
+  gridToHeroRecipe,
+  infiniteCanvasRecipe,
+  infiniteSpiralRecipe,
+  isFlexReady,
+  leafIds,
   makeArrowPath,
-  BrandBox,
-  Graph,
-  DiGraph,
-  ThreeCanvas,
-  Box,
-  Sphere,
-  Cylinder,
-  Cone,
-  Torus,
-  TorusKnot,
-  Plane,
-  Ring,
-  Dodecahedron,
-  Icosahedron,
-  Octahedron,
-  Tetrahedron,
-  Capsule,
-  Extrude,
-  Lathe,
-  Tube,
-  Text,
-  Text3D,
-  Float,
-  Environment,
-  ContactShadows,
-  AccumulativeShadows,
-  RandomizedLight,
-  Lightformer,
-  Stage,
-  Sky,
-  Stars,
-  Sparkles,
-  Cloud,
-  QuadraticBezierLine,
-  CubicBezierLine,
-  CatmullRomLine,
-  MeshDistortMaterial,
-  MeshWobbleMaterial,
-  MeshReflectorMaterial,
-  MeshTransmissionMaterial,
-  Edges,
-  Outlines,
-  GradientTexture,
-  RoundedBox,
-  Billboard,
-  Html,
-  PivotControls,
-  Grid,
-  Backdrop
-};
-sandboxScope["Circle3D"] = Circle;
-sandboxScope["Center3D"] = Center;
-sandboxScope["Line3D"] = Line;
-var sandboxScopeNames = Object.keys(sandboxScope);
+  makeDefaultScreenTexture,
+  mediaTileCropUvs,
+  mediaTileFogDistances,
+  mediaTileFramesReady,
+  orbit,
+  perspectiveFor,
+  preparedSurfaceDeviceProps,
+  referenceScale,
+  resolveCamera,
+  resolveSceneAssetsV2,
+  rushFrom,
+  rushInto,
+  sandboxScope,
+  sandboxScopeNames,
+  scaleSceneTransform,
+  sceneBoundSurfaces,
+  sceneCameraPlanes,
+  sceneCameraPose,
+  sceneCameraPoseFromV1,
+  sceneCssMatrix,
+  sceneEyeDistance,
+  sceneLayerPose,
+  sceneShadowBoundsV2,
+  sceneSlotsFor,
+  sceneWorldMatrix,
+  smooth,
+  smootherstep,
+  solveFlex,
+  tiltReveal,
+  unionTracks,
+  useFlexReady,
+  useImageTexture,
+  useStage,
+  weightsAt,
+  worldTransform
+} from "./chunk-5DJ3IEJR.js";
+import {
+  DEFAULT_LIGHTING_PROFILE,
+  DEVICE_GLASS_OPACITY_ENCODED,
+  DEVICE_GLASS_OPACITY_LINEAR,
+  DEVICE_LIT_MATERIALS,
+  DEVICE_PLANE_OFFSETS,
+  DeviceMesh,
+  LIGHTING_PROFILES,
+  PhotographicStudioEnvironmentError,
+  PhotographicStudioRig,
+  SCENE_ENVIRONMENT_VERSION,
+  SCENE_MAX_LAYERS,
+  SCENE_MAX_TRIANGLES,
+  SCENE_OBJECT_LIGHT_FIELDS,
+  SELF_TONE_MAPPED,
+  SLAB_DEFAULTS,
+  SLAB_FINISHES,
+  SLAB_FINISH_SPEC,
+  SLAB_TESSELLATION,
+  SLAB_TESSELLATION_VERSION,
+  SLAB_TRIANGLES,
+  STUDIO_EDGE_INTENSITY,
+  STUDIO_EDGE_LIGHTS,
+  SceneLightingRefusal,
+  StudioRig,
+  UNLIT_COLOUR_MANAGED,
+  acquireSceneRuntimeAllocationV1,
+  admitLightingProfile,
+  admitSceneRigKind,
+  admitSceneRigV2,
+  anodisedGrainNormal,
+  assertNoObjectLightField,
+  brushedNormal,
+  deviceDimensions,
+  generatedStudioPreparationFactsV1,
+  laptopLayout,
+  lidRotationX,
+  lightingProfileDeclaredBytes,
+  registerActualSceneResourcesV1,
+  resetSceneRuntimeAllocationCountersV1,
+  satinRoughnessMap,
+  satinRoughnessScalar,
+  sceneGrainPreparationAllocationV1,
+  sceneGrainPreparationCpuAllocationV1,
+  sceneLightCount,
+  scenePresetBuilderDescriptorV1,
+  sceneRigIdentityV2,
+  sceneRuntimeAllocationSnapshotV1,
+  sceneSlabPreparationFactsV1,
+  slabBodyGeometry,
+  slabFinishDeclaredBytes,
+  slabFinishMaterial,
+  slabTriangleCount,
+  slabTrianglesFor,
+  studioEdgeLightCount,
+  studioShadowFrustum,
+  verifyPhotographicStudioHdr,
+  withNormalisedFaceUv
+} from "./chunk-VKATKWWR.js";
+import "./chunk-TARKDVP6.js";
+import {
+  ALLOWED_BAKE_SCALES,
+  DEFAULT_BAKE_SCALE,
+  PHOTOGRAPHIC_STUDIO_EDGE_INTENSITY,
+  PHOTOGRAPHIC_STUDIO_EDGE_LIGHTS,
+  PHOTOGRAPHIC_STUDIO_GPU_BYTES,
+  PHOTOGRAPHIC_STUDIO_HDRI_BYTES,
+  PHOTOGRAPHIC_STUDIO_HDRI_PATH,
+  PHOTOGRAPHIC_STUDIO_HDRI_SHA256,
+  PHOTOGRAPHIC_STUDIO_LIGHTING_VERSION,
+  PHOTOGRAPHIC_STUDIO_PMREM_VERSION,
+  PHOTOGRAPHIC_STUDIO_RIG_FACTS,
+  PHOTOGRAPHIC_STUDIO_RIG_ID,
+  RESOLUTION_BOUND,
+  SceneResolutionRefusal,
+  checkSurfaceResolution,
+  photographicStudioPreparationFactsV1,
+  projectToOutputPixels,
+  projectedSlotEdges,
+  sceneFocusPreparationAllocationsV1,
+  selectSceneBakeScale
+} from "./chunk-MH3UPKWR.js";
+import "./chunk-2L7PYYJK.js";
+import "./chunk-2ESYSVXG.js";
 export {
-  AccumulativeShadows,
+  ALLOWED_BAKE_SCALES,
   AnimationGroup,
   Arrow,
-  Backdrop,
-  Billboard,
-  Box,
   BrandBox,
-  Capsule,
-  CatmullRomLine,
-  Center,
-  Circle,
-  Cloud,
-  Cone,
-  ContactShadows,
+  CAMERA_PRESETS,
+  ContactShadow,
   Create,
-  CubicBezierLine,
-  Cylinder,
+  DEFAULT_BAKE_SCALE,
+  DEFAULT_CAMERA,
+  DEFAULT_LIGHTING_PROFILE,
+  DEVICE_GLASS_OPACITY_ENCODED,
+  DEVICE_GLASS_OPACITY_LINEAR,
+  DEVICE_LIT_MATERIALS,
+  DEVICE_PLANE_OFFSETS,
+  DeviceMesh,
   DiGraph,
-  Dodecahedron,
-  Edges,
-  Environment,
-  Extrude,
   FadeIn,
-  Float,
-  GradientTexture,
+  FlexLayout,
   Graph,
-  Grid,
   GrowArrow,
   GrowFromCenter,
-  Html,
-  Icosahedron,
+  ImageTileScene,
   Indicate,
+  LIGHTING_PROFILES,
   LaggedStart,
-  Lathe,
-  Lightformer,
-  Line,
-  MeshDistortMaterial,
-  MeshReflectorMaterial,
-  MeshTransmissionMaterial,
-  MeshWobbleMaterial,
+  LaptopObject,
+  MEDIA_TILE_SCENE_LIMITS,
+  MediaTileScene,
   MoveAlongPath,
-  Octahedron,
-  Outlines,
-  PivotControls,
-  Plane,
-  QuadraticBezierLine,
-  RandomizedLight,
-  Ring,
-  RoundedBox,
-  Sky,
-  Sparkles,
-  Sphere,
-  Stage,
-  Stars,
+  PHOTOGRAPHIC_STUDIO_EDGE_INTENSITY,
+  PHOTOGRAPHIC_STUDIO_EDGE_LIGHTS,
+  PHOTOGRAPHIC_STUDIO_GPU_BYTES,
+  PHOTOGRAPHIC_STUDIO_HDRI_BYTES,
+  PHOTOGRAPHIC_STUDIO_HDRI_PATH,
+  PHOTOGRAPHIC_STUDIO_HDRI_SHA256,
+  PHOTOGRAPHIC_STUDIO_LIGHTING_VERSION,
+  PHOTOGRAPHIC_STUDIO_PMREM_VERSION,
+  PHOTOGRAPHIC_STUDIO_RIG_FACTS,
+  PHOTOGRAPHIC_STUDIO_RIG_ID,
+  PageObject,
+  PerspectiveStage,
+  PhotographicStudioEnvironmentError,
+  PhotographicStudioRig,
+  PosedObject,
+  PreparedSceneShotError,
+  PreparedSceneShotV1,
+  RESOLUTION_BOUND,
+  SCENE_DEFAULT_FOV,
+  SCENE_ENVIRONMENT_VERSION,
+  SCENE_FOV_MAX,
+  SCENE_FOV_MIN,
+  SCENE_MAX_LAYERS,
+  SCENE_MAX_TRIANGLES,
+  SCENE_OBJECT_LIGHT_FIELDS,
+  SELF_TONE_MAPPED,
+  SLAB_CONTENT_OFFSET,
+  SLAB_DEFAULTS,
+  SLAB_FINISHES,
+  SLAB_FINISH_SPEC,
+  SLAB_TESSELLATION,
+  SLAB_TESSELLATION_VERSION,
+  SLAB_TRIANGLES,
+  STUDIO_EDGE_INTENSITY,
+  STUDIO_EDGE_LIGHTS,
+  SceneLightingRefusal,
+  SceneResolutionRefusal,
+  SceneShotError,
+  SceneShotV2,
+  SceneVideoBindingV1,
+  SceneVideoTextureCommitV1,
+  SlabObject,
+  StageCameraRig,
+  StageLayer,
+  StudioRig,
   Succession,
-  Tetrahedron,
-  Text,
-  Text3D,
   ThreeCanvas,
-  Torus,
-  TorusKnot,
   Transform,
-  Tube,
+  UNLIT_COLOUR_MANAGED,
   Wiggle,
+  WorldTextObject,
   Write,
+  acquireSceneRuntimeAllocationV1,
+  admitLightingProfile,
+  admitSceneRigKind,
+  admitSceneRigV2,
+  anodisedGrainNormal,
+  assertMediaTileScene,
+  assertNoObjectLightField,
+  assertSceneSurfaceResolution,
+  backdropStyleV2,
+  brushedNormal,
+  buildTree,
+  cameraOps,
+  cameraOpsMatrix,
+  cameraToThree,
+  checkSurfaceResolution,
+  conjugateF,
+  defaultSceneCamera,
+  defaultScreenLayout,
+  depthJourneyRecipe,
+  deviceDimensions,
+  dofBlur,
+  dollyIn,
+  dollyOut,
+  drift,
+  driftWallRecipe,
+  fitBox,
+  flexBoxToThree,
+  flexReady,
+  generatedStudioPreparationFactsV1,
+  gridToHeroRecipe,
+  infiniteCanvasRecipe,
+  infiniteSpiralRecipe,
+  isFlexReady,
+  laptopLayout,
+  leafIds,
+  lidRotationX,
+  lightingProfileDeclaredBytes,
   makeArrowPath,
+  makeDefaultScreenTexture,
+  mediaTileCropUvs,
+  mediaTileFogDistances,
+  mediaTileFramesReady,
+  orbit,
+  perspectiveFor,
+  photographicStudioPreparationFactsV1,
+  preparedSurfaceDeviceProps,
+  projectToOutputPixels,
+  projectedSlotEdges,
+  referenceScale,
+  registerActualSceneResourcesV1,
+  resetSceneRuntimeAllocationCountersV1,
+  resolveCamera,
+  resolveSceneAssetsV2,
   rushFrom,
   rushInto,
   sandboxScope,
   sandboxScopeNames,
+  satinRoughnessMap,
+  satinRoughnessScalar,
+  scaleSceneTransform,
+  sceneBoundSurfaces,
+  sceneCameraPlanes,
+  sceneCameraPose,
+  sceneCameraPoseFromV1,
+  sceneCssMatrix,
+  sceneEyeDistance,
+  sceneFocusPreparationAllocationsV1,
+  sceneGrainPreparationAllocationV1,
+  sceneGrainPreparationCpuAllocationV1,
+  sceneLayerPose,
+  sceneLightCount,
+  scenePresetBuilderDescriptorV1,
+  sceneRigIdentityV2,
+  sceneRuntimeAllocationSnapshotV1,
+  sceneShadowBoundsV2,
+  sceneSlabPreparationFactsV1,
+  sceneSlotsFor,
+  sceneWorldMatrix,
+  selectSceneBakeScale,
+  slabBodyGeometry,
+  slabFinishDeclaredBytes,
+  slabFinishMaterial,
+  slabTriangleCount,
+  slabTrianglesFor,
   smooth,
-  smootherstep
+  smootherstep,
+  solveFlex,
+  studioEdgeLightCount,
+  studioShadowFrustum,
+  tiltReveal,
+  unionTracks,
+  useFlexReady,
+  useImageTexture,
+  useStage,
+  verifyPhotographicStudioHdr,
+  weightsAt,
+  withNormalisedFaceUv,
+  worldTransform
 };