@elucim/dsl 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { easeOutBounce as ie, easeOutElastic as ne, easeOutBack as se, easeInBack as ce, easeInOutExpo as le, easeOutExpo as ue, easeInExpo as he, easeInOutSine as fe, easeOutSine as ge, easeInSine as oe, easeInOutQuart as ye, easeOutQuart as me, easeInQuart as be, easeInOutCubic as xe, easeOutCubic as ve, easeInCubic as de, easeInOutQuad as ke, easeOutQuad as we, easeInQuad as Ie, linear as Se, spring as $e, cubicBezier as Oe, Presentation as Ae, Scene as Ce, Player as ze, Slide as pe, Parallel as Ee, Stagger as Fe, Morph as Pe, Transform as Re, Write as Ne, Draw as Te, FadeOut as Me, FadeIn as We, BarChart as _e, LaTeX as De, Graph as Ve, Matrix as Le, VectorField as je, Vector as qe, FunctionPlot as Be, Axes as Ue, Image as He, Text as Ge, Polygon as Ke, Rect as Qe, Arrow as Xe, Line as Je, Circle as Ye, BezierCurve as Ze, Group as et, Sequence as tt } from "@elucim/core";
-import { jsx as s, jsxs as F } from "react/jsx-runtime";
-import U, { forwardRef as at, useRef as rt, useImperativeHandle as it } from "react";
-import { renderToStaticMarkup as nt } from "react-dom/server";
-const V = {
+import { easeOutBounce as he, easeOutElastic as fe, easeOutBack as oe, easeInBack as ge, easeInOutExpo as me, easeOutExpo as ye, easeInExpo as be, easeInOutSine as xe, easeOutSine as ve, easeInSine as de, easeInOutQuart as we, easeOutQuart as ke, easeInQuart as Ie, easeInOutCubic as Se, easeOutCubic as $e, easeInCubic as Oe, easeInOutQuad as Ae, easeOutQuad as Ce, easeInQuad as ze, linear as pe, spring as Ee, cubicBezier as Re, Presentation as Fe, Scene as Pe, Player as Te, Slide as Me, Parallel as Ne, Stagger as _e, Morph as De, Transform as We, Write as Ve, Draw as Le, FadeOut as je, FadeIn as qe, BarChart as Be, LaTeX as Ue, Graph as He, Matrix as Ge, Text as L, VectorField as Ke, Vector as Qe, FunctionPlot as Xe, Axes as Je, Image as Ye, Polygon as Ze, Rect as et, Arrow as tt, Line as at, Circle as rt, BezierCurve as it, Group as nt, Sequence as st } from "@elucim/core";
+import { jsx as c, jsxs as R } from "react/jsx-runtime";
+import Q, { forwardRef as ct, useRef as lt, useImperativeHandle as ut, useSyncExternalStore as ht } from "react";
+import { renderToStaticMarkup as ft } from "react-dom/server";
+const B = {
   sin: Math.sin,
   cos: Math.cos,
   tan: Math.tan,
@@ -22,12 +22,12 @@ const V = {
   max: (...e) => Math.max(...e),
   sign: Math.sign,
   pow: Math.pow
-}, H = {
+}, X = {
   PI: Math.PI,
   E: Math.E,
   TAU: Math.PI * 2
 };
-function q(e) {
+function G(e) {
   const a = [];
   let t = 0;
   for (; t < e.length; ) {
@@ -38,18 +38,18 @@ function q(e) {
     }
     if (/[0-9]/.test(r) || r === "." && t + 1 < e.length && /[0-9]/.test(e[t + 1])) {
       let n = "";
-      const h = t;
+      const s = t;
       for (; t < e.length && /[0-9.]/.test(e[t]); )
         n += e[t++];
-      a.push({ type: "NUMBER", value: n, pos: h });
+      a.push({ type: "NUMBER", value: n, pos: s });
       continue;
     }
     if (/[a-zA-Z_]/.test(r)) {
       let n = "";
-      const h = t;
+      const s = t;
       for (; t < e.length && /[a-zA-Z0-9_]/.test(e[t]); )
         n += e[t++];
-      a.push({ type: "IDENT", value: n, pos: h });
+      a.push({ type: "IDENT", value: n, pos: s });
       continue;
     }
     const i = t;
@@ -85,12 +85,12 @@ function q(e) {
         a.push({ type: "COMMA", value: ",", pos: i });
         break;
       default:
-        throw new I(`Unexpected character '${r}'`, i);
+        throw new S(`Unexpected character '${r}'`, i);
     }
   }
   return a.push({ type: "EOF", value: "", pos: t }), a;
 }
-class B {
+class K {
   constructor(a) {
     this.pos = 0, this.tokens = a;
   }
@@ -104,7 +104,7 @@ class B {
   expect(a) {
     const t = this.peek();
     if (t.type !== a)
-      throw new I(
+      throw new S(
         `Expected ${a} but got ${t.type} ('${t.value}')`,
         t.pos
       );
@@ -115,7 +115,7 @@ class B {
     const a = this.parseExpression();
     if (this.peek().type !== "EOF") {
       const t = this.peek();
-      throw new I(
+      throw new S(
         `Unexpected token '${t.value}' after expression`,
         t.pos
       );
@@ -168,14 +168,14 @@ class B {
         if (this.peek().type !== "RPAREN")
           for (r.push(this.parseExpression()); this.peek().type === "COMMA"; )
             this.advance(), r.push(this.parseExpression());
-        if (this.expect("RPAREN"), !Object.prototype.hasOwnProperty.call(V, t))
-          throw new I(
-            `Unknown function '${t}'. Available: ${Object.keys(V).join(", ")}`,
+        if (this.expect("RPAREN"), !Object.prototype.hasOwnProperty.call(B, t))
+          throw new S(
+            `Unknown function '${t}'. Available: ${Object.keys(B).join(", ")}`,
             a.pos
           );
         return { kind: "call", name: t, args: r };
       }
-      return Object.prototype.hasOwnProperty.call(H, t) ? { kind: "number", value: H[t] } : { kind: "variable", name: t };
+      return Object.prototype.hasOwnProperty.call(X, t) ? { kind: "number", value: X[t] } : { kind: "variable", name: t };
     }
     if (a.type === "LPAREN") {
       this.advance();
@@ -190,7 +190,7 @@ class B {
           this.advance(), t.push(this.parseExpression());
       return this.expect("RBRACKET"), { kind: "array", elements: t };
     }
-    throw new I(
+    throw new S(
       `Unexpected token '${a.value}'`,
       a.pos
     );
@@ -202,7 +202,7 @@ function z(e, a) {
       return e.value;
     case "variable":
       if (Object.prototype.hasOwnProperty.call(a, e.name)) return a[e.name];
-      throw new I(`Unknown variable '${e.name}'`, 0);
+      throw new S(`Unknown variable '${e.name}'`, 0);
     case "unary":
       const t = z(e.operand, a);
       return e.op === "-" ? -t : t;
@@ -223,95 +223,95 @@ function z(e, a) {
       break;
     }
     case "call": {
-      const r = V[e.name], i = e.args.map((n) => z(n, a));
+      const r = B[e.name], i = e.args.map((n) => z(n, a));
       return r(...i);
     }
     case "array":
       return e.elements.map((r) => z(r, a));
   }
-  throw new I("Invalid AST node", 0);
+  throw new S("Invalid AST node", 0);
 }
-class I extends Error {
+class S extends Error {
   constructor(a, t) {
     super(a), this.name = "ExpressionError", this.position = t;
   }
 }
-function st(e) {
-  const a = q(e), t = new B(a).parse();
+function ot(e) {
+  const a = G(e), t = new K(a).parse();
   return (r) => z(t, r);
 }
-function ct(e) {
-  const a = q(e), t = new B(a).parse();
+function gt(e) {
+  const a = G(e), t = new K(a).parse();
   if (t.kind !== "array" || t.elements.length !== 2)
-    throw new I(
+    throw new S(
       'Vector expression must be an array of 2 elements, e.g. "[-y, x]"',
       0
     );
   return (r) => z(t, r);
 }
-function X(e) {
+function ee(e) {
   try {
-    const a = q(e);
-    return new B(a).parse(), null;
+    const a = G(e);
+    return new K(a).parse(), null;
   } catch (a) {
-    return a instanceof I ? `${a.message} (at position ${a.position})` : String(a);
-  }
-}
-const L = {
-  linear: Se,
-  easeInQuad: Ie,
-  easeOutQuad: we,
-  easeInOutQuad: ke,
-  easeInCubic: de,
-  easeOutCubic: ve,
-  easeInOutCubic: xe,
-  easeInQuart: be,
-  easeOutQuart: me,
-  easeInOutQuart: ye,
-  easeInSine: oe,
-  easeOutSine: ge,
-  easeInOutSine: fe,
-  easeInExpo: he,
-  easeOutExpo: ue,
-  easeInOutExpo: le,
-  easeInBack: ce,
-  easeOutBack: se,
-  easeOutElastic: ne,
-  easeOutBounce: ie
+    return a instanceof S ? `${a.message} (at position ${a.position})` : String(a);
+  }
+}
+const U = {
+  linear: pe,
+  easeInQuad: ze,
+  easeOutQuad: Ce,
+  easeInOutQuad: Ae,
+  easeInCubic: Oe,
+  easeOutCubic: $e,
+  easeInOutCubic: Se,
+  easeInQuart: Ie,
+  easeOutQuart: ke,
+  easeInOutQuart: we,
+  easeInSine: de,
+  easeOutSine: ve,
+  easeInOutSine: xe,
+  easeInExpo: be,
+  easeOutExpo: ye,
+  easeInOutExpo: me,
+  easeInBack: ge,
+  easeOutBack: oe,
+  easeOutElastic: fe,
+  easeOutBounce: he
 };
-function f(e) {
+function o(e) {
   if (e !== void 0) {
     if (typeof e == "string") {
-      const a = L[e];
+      const a = U[e];
       if (!a) {
-        const t = Object.keys(L), r = t.find((n) => n.toLowerCase() === e.toLowerCase()), i = r ? ` Did you mean '${r}'?` : "";
+        const t = Object.keys(U), r = t.find((n) => n.toLowerCase() === e.toLowerCase()), i = r ? ` Did you mean '${r}'?` : "";
         throw new Error(`Unknown easing '${e}'.${i} Available: ${t.join(", ")}`);
       }
       return a;
     }
     if (e.type === "spring")
-      return $e({
+      return Ee({
         stiffness: e.stiffness,
         damping: e.damping,
         mass: e.mass
       });
     if (e.type === "cubicBezier")
-      return Oe(e.x1, e.y1, e.x2, e.y2);
+      return Re(e.x1, e.y1, e.x2, e.y2);
     throw new Error(`Unknown easing type: ${e.type}`);
   }
 }
-const _ = Object.keys(L);
-function J(e) {
+const j = Object.keys(U);
+function te(e) {
   const a = [];
   if (!e || typeof e != "object")
     return a.push({ path: "", message: "Document must be an object", severity: "error" }), { valid: !1, errors: a };
   const t = e;
-  return t.version !== "1.0" && a.push({ path: "version", message: `Expected version "1.0", got "${t.version}"`, severity: "error" }), !t.root || typeof t.root != "object" ? (a.push({ path: "root", message: 'Missing or invalid "root" node', severity: "error" }), { valid: a.filter((r) => r.severity === "error").length === 0, errors: a }) : (lt(t.root, "root", a), {
+  return t.version !== "1.0" && a.push({ path: "version", message: `Expected version "1.0", got "${t.version}"`, severity: "error" }), !t.root || typeof t.root != "object" ? (a.push({ path: "root", message: 'Missing or invalid "root" node', severity: "error" }), { valid: a.filter((r) => r.severity === "error").length === 0, errors: a }) : (mt(t.root, "root", a), {
     valid: a.filter((r) => r.severity === "error").length === 0,
     errors: a
   });
 }
-const G = ["scene", "player", "presentation"], T = ["card", "slide", "square"], D = [
+const J = ["scene", "player", "presentation"], D = ["card", "slide", "square"], q = [
   "sequence",
   "group",
   "bezierCurve",
@@ -340,219 +340,219 @@ const G = ["scene", "player", "presentation"], T = ["card", "slide", "square"],
   "parallel",
   "player",
   "scene"
-], K = ["none", "fade", "slide-left", "slide-up", "zoom"];
-function lt(e, a, t) {
+], Y = ["none", "fade", "slide-left", "slide-up", "zoom"];
+function mt(e, a, t) {
   const r = e.type;
-  if (!G.includes(r)) {
-    t.push({ path: `${a}.type`, message: `Root type must be one of: ${G.join(", ")}. Got "${r}"`, severity: "error" });
+  if (!J.includes(r)) {
+    t.push({ path: `${a}.type`, message: `Root type must be one of: ${J.join(", ")}. Got "${r}"`, severity: "error" });
     return;
   }
-  r === "scene" || r === "player" ? Y(e, a, r, t) : r === "presentation" && ut(e, a, t);
+  r === "scene" || r === "player" ? ae(e, a, r, t) : r === "presentation" && yt(e, a, t);
 }
-function Y(e, a, t, r) {
-  Tt(e, "durationInFrames", a, r), y(e, "width", a, r), y(e, "height", a, r), y(e, "fps", a, r), $(e, "background", a, r), e.preset !== void 0 && (typeof e.preset != "string" || !T.includes(e.preset)) && r.push({ path: `${a}.preset`, message: `preset must be one of: ${T.join(", ")}. Got "${e.preset}"`, severity: "error" }), t === "player" && (N(e, "controls", a, r), N(e, "loop", a, r), N(e, "autoPlay", a, r)), O(e, a, r);
+function ae(e, a, t, r) {
+  Lt(e, "durationInFrames", a, r), g(e, "width", a, r), g(e, "height", a, r), g(e, "fps", a, r), A(e, "background", a, r), e.preset !== void 0 && (typeof e.preset != "string" || !D.includes(e.preset)) && r.push({ path: `${a}.preset`, message: `preset must be one of: ${D.join(", ")}. Got "${e.preset}"`, severity: "error" }), t === "player" && (N(e, "controls", a, r), N(e, "loop", a, r), N(e, "autoPlay", a, r)), C(e, a, r);
 }
-function ut(e, a, t) {
-  if (y(e, "width", a, t), y(e, "height", a, t), $(e, "background", a, t), y(e, "transitionDuration", a, t), N(e, "showHud", a, t), N(e, "showNotes", a, t), e.preset !== void 0 && (typeof e.preset != "string" || !T.includes(e.preset)) && t.push({ path: `${a}.preset`, message: `preset must be one of: ${T.join(", ")}. Got "${e.preset}"`, severity: "error" }), e.transition !== void 0 && (K.includes(e.transition) || t.push({
+function yt(e, a, t) {
+  if (g(e, "width", a, t), g(e, "height", a, t), A(e, "background", a, t), g(e, "transitionDuration", a, t), N(e, "showHud", a, t), N(e, "showNotes", a, t), e.preset !== void 0 && (typeof e.preset != "string" || !D.includes(e.preset)) && t.push({ path: `${a}.preset`, message: `preset must be one of: ${D.join(", ")}. Got "${e.preset}"`, severity: "error" }), e.transition !== void 0 && (Y.includes(e.transition) || t.push({
     path: `${a}.transition`,
-    message: `Invalid transition "${e.transition}". Must be one of: ${K.join(", ")}`,
+    message: `Invalid transition "${e.transition}". Must be one of: ${Y.join(", ")}`,
     severity: "error"
   })), !Array.isArray(e.slides)) {
     t.push({ path: `${a}.slides`, message: 'Presentation must have a "slides" array', severity: "error" });
     return;
   }
   e.slides.length === 0 && t.push({ path: `${a}.slides`, message: "Presentation must have at least one slide", severity: "warning" }), e.slides.forEach((r, i) => {
-    ht(r, `${a}.slides[${i}]`, t);
+    bt(r, `${a}.slides[${i}]`, t);
   });
 }
-function ht(e, a, t) {
+function bt(e, a, t) {
   if (!e || typeof e != "object") {
     t.push({ path: a, message: "Slide must be an object", severity: "error" });
     return;
   }
-  $(e, "title", a, t), $(e, "notes", a, t), $(e, "background", a, t), e.children !== void 0 && (Array.isArray(e.children) ? e.children.forEach((r, i) => {
-    Z(r, `${a}.children[${i}]`, t);
+  A(e, "title", a, t), A(e, "notes", a, t), A(e, "background", a, t), e.children !== void 0 && (Array.isArray(e.children) ? e.children.forEach((r, i) => {
+    re(r, `${a}.children[${i}]`, t);
   }) : t.push({ path: `${a}.children`, message: "Slide children must be an array", severity: "error" }));
 }
-function O(e, a, t) {
+function C(e, a, t) {
   if (!Array.isArray(e.children)) {
     t.push({ path: `${a}.children`, message: 'Expected "children" array', severity: "error" });
     return;
   }
   e.children.forEach((r, i) => {
-    Z(r, `${a}.children[${i}]`, t);
+    re(r, `${a}.children[${i}]`, t);
   });
 }
-function Z(e, a, t) {
+function re(e, a, t) {
   if (!e || typeof e != "object") {
     t.push({ path: a, message: "Element must be an object", severity: "error" });
     return;
   }
   const r = e.type;
-  if (!r || !D.includes(r)) {
-    const i = r ? ee(r, D) : "";
+  if (!r || !q.includes(r)) {
+    const i = r ? ie(r, q) : "";
     t.push({
       path: `${a}.type`,
-      message: `Unknown element type "${r}".${i} Valid types: ${D.join(", ")}`,
+      message: `Unknown element type "${r}".${i} Valid types: ${q.join(", ")}`,
       severity: "error"
     });
     return;
   }
   switch (r) {
     case "bezierCurve":
-      ft(e, a, t);
+      xt(e, a, t);
       break;
     case "circle":
-      gt(e, a, t);
+      vt(e, a, t);
       break;
     case "line":
-      ot(e, a, t);
+      dt(e, a, t);
       break;
     case "arrow":
-      yt(e, a, t);
+      wt(e, a, t);
       break;
     case "rect":
-      mt(e, a, t);
+      kt(e, a, t);
       break;
     case "polygon":
-      bt(e, a, t);
+      It(e, a, t);
       break;
     case "text":
-      xt(e, a, t);
+      St(e, a, t);
       break;
     case "image":
-      Pt(e, a, t);
+      Dt(e, a, t);
       break;
     case "axes":
-      vt(e, a, t);
+      $t(e, a, t);
       break;
     case "functionPlot":
-      dt(e, a, t);
+      Ot(e, a, t);
       break;
     case "vector":
-      kt(e, a, t);
+      At(e, a, t);
       break;
     case "vectorField":
-      wt(e, a, t);
+      Ct(e, a, t);
       break;
     case "matrix":
-      It(e, a, t);
+      zt(e, a, t);
       break;
     case "graph":
-      St(e, a, t);
+      pt(e, a, t);
       break;
     case "latex":
-      $t(e, a, t);
+      Et(e, a, t);
       break;
     case "barChart":
-      Nt(e, a, t);
+      Vt(e, a, t);
       break;
     case "sequence":
-      Ot(e, a, t);
+      Rt(e, a, t);
       break;
     case "group":
-      Rt(e, a, t);
+      Wt(e, a, t);
       break;
     case "parallel":
-      O(e, a, t);
+      C(e, a, t);
       break;
     case "fadeIn":
     case "fadeOut":
     case "draw":
     case "write":
-      At(e, a, t);
+      Ft(e, a, t);
       break;
     case "transform":
-      Ct(e, a, t);
+      Pt(e, a, t);
       break;
     case "morph":
-      zt(e, a, t);
+      Tt(e, a, t);
       break;
     case "stagger":
-      pt(e, a, t);
+      Mt(e, a, t);
       break;
     case "scene":
     case "player":
-      Y(e, a, r, t);
+      ae(e, a, r, t);
       break;
   }
 }
-function ft(e, a, t) {
-  u(e, "x1", a, t), u(e, "y1", a, t), u(e, "cx1", a, t), u(e, "cy1", a, t), u(e, "x2", a, t), u(e, "y2", a, t), e.cx2 !== void 0 && P(e, "cx2", a, t), e.cy2 !== void 0 && P(e, "cy2", a, t), v(e, a, t);
+function xt(e, a, t) {
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "cx1", a, t), h(e, "cy1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), e.cx2 !== void 0 && F(e, "cx2", a, t), e.cy2 !== void 0 && F(e, "cy2", a, t), v(e, a, t);
 }
-function gt(e, a, t) {
-  u(e, "cx", a, t), u(e, "cy", a, t), p(e, "r", a, t), v(e, a, t);
+function vt(e, a, t) {
+  h(e, "cx", a, t), h(e, "cy", a, t), p(e, "r", a, t), v(e, a, t);
 }
-function ot(e, a, t) {
-  u(e, "x1", a, t), u(e, "y1", a, t), u(e, "x2", a, t), u(e, "y2", a, t), v(e, a, t);
+function dt(e, a, t) {
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), v(e, a, t);
 }
-function yt(e, a, t) {
-  u(e, "x1", a, t), u(e, "y1", a, t), u(e, "x2", a, t), u(e, "y2", a, t), v(e, a, t);
+function wt(e, a, t) {
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), v(e, a, t);
 }
-function mt(e, a, t) {
-  u(e, "x", a, t), u(e, "y", a, t), p(e, "width", a, t), p(e, "height", a, t), v(e, a, t);
+function kt(e, a, t) {
+  h(e, "x", a, t), h(e, "y", a, t), p(e, "width", a, t), p(e, "height", a, t), v(e, a, t);
 }
-function bt(e, a, t) {
+function It(e, a, t) {
   Array.isArray(e.points) ? e.points.length < 3 ? t.push({ path: `${a}.points`, message: "Polygon requires at least 3 points", severity: "error" }) : e.points.forEach((r, i) => {
     (!Array.isArray(r) || r.length !== 2 || typeof r[0] != "number" || typeof r[1] != "number") && t.push({ path: `${a}.points[${i}]`, message: "Each point must be [number, number]", severity: "error" });
   }) : t.push({ path: `${a}.points`, message: 'Polygon requires a "points" array', severity: "error" }), v(e, a, t);
 }
-function xt(e, a, t) {
-  u(e, "x", a, t), u(e, "y", a, t), typeof e.content != "string" && t.push({ path: `${a}.content`, message: 'Text requires a "content" string', severity: "error" }), v(e, a, t);
+function St(e, a, t) {
+  h(e, "x", a, t), h(e, "y", a, t), typeof e.content != "string" && t.push({ path: `${a}.content`, message: 'Text requires a "content" string', severity: "error" }), v(e, a, t);
 }
-function vt(e, a, t) {
-  k(e, "domain", a, t), k(e, "range", a, t), k(e, "origin", a, t), M(e, a, t);
+function $t(e, a, t) {
+  k(e, "domain", a, t), k(e, "range", a, t), k(e, "origin", a, t), W(e, a, t);
 }
-function dt(e, a, t) {
+function Ot(e, a, t) {
   if (typeof e.fn != "string")
     t.push({ path: `${a}.fn`, message: 'FunctionPlot requires a "fn" expression string', severity: "error" });
   else {
-    const r = X(e.fn);
+    const r = ee(e.fn);
     r && t.push({ path: `${a}.fn`, message: `Invalid expression: ${r}`, severity: "error" });
   }
-  k(e, "domain", a, t), M(e, a, t);
+  k(e, "domain", a, t), W(e, a, t);
 }
-function kt(e, a, t) {
-  (!Array.isArray(e.to) || e.to.length !== 2) && t.push({ path: `${a}.to`, message: 'Vector requires a "to" array of [number, number]', severity: "error" }), k(e, "from", a, t), M(e, a, t);
+function At(e, a, t) {
+  (!Array.isArray(e.to) || e.to.length !== 2) && t.push({ path: `${a}.to`, message: 'Vector requires a "to" array of [number, number]', severity: "error" }), k(e, "from", a, t), W(e, a, t);
 }
-function wt(e, a, t) {
+function Ct(e, a, t) {
   if (typeof e.fn != "string")
     t.push({ path: `${a}.fn`, message: 'VectorField requires a "fn" expression string', severity: "error" });
   else {
-    const r = X(e.fn);
+    const r = ee(e.fn);
     r && t.push({ path: `${a}.fn`, message: `Invalid vector expression: ${r}`, severity: "error" });
   }
-  k(e, "domain", a, t), k(e, "range", a, t), M(e, a, t);
+  k(e, "domain", a, t), k(e, "range", a, t), W(e, a, t);
 }
-function It(e, a, t) {
+function zt(e, a, t) {
   Array.isArray(e.values) ? e.values.forEach((r, i) => {
     Array.isArray(r) || t.push({ path: `${a}.values[${i}]`, message: "Each matrix row must be an array", severity: "error" });
   }) : t.push({ path: `${a}.values`, message: 'Matrix requires a "values" 2D array', severity: "error" }), v(e, a, t);
 }
-function St(e, a, t) {
+function pt(e, a, t) {
   if (!Array.isArray(e.nodes))
     t.push({ path: `${a}.nodes`, message: 'Graph requires a "nodes" array', severity: "error" });
   else {
     const r = /* @__PURE__ */ new Set();
     e.nodes.forEach((i, n) => {
-      typeof i.id != "string" ? t.push({ path: `${a}.nodes[${n}].id`, message: 'Graph node requires a string "id"', severity: "error" }) : (r.has(i.id) && t.push({ path: `${a}.nodes[${n}].id`, message: `Duplicate node id "${i.id}"`, severity: "error" }), r.add(i.id)), u(i, "x", `${a}.nodes[${n}]`, t), u(i, "y", `${a}.nodes[${n}]`, t);
+      typeof i.id != "string" ? t.push({ path: `${a}.nodes[${n}].id`, message: 'Graph node requires a string "id"', severity: "error" }) : (r.has(i.id) && t.push({ path: `${a}.nodes[${n}].id`, message: `Duplicate node id "${i.id}"`, severity: "error" }), r.add(i.id)), h(i, "x", `${a}.nodes[${n}]`, t), h(i, "y", `${a}.nodes[${n}]`, t);
     }), Array.isArray(e.edges) && e.edges.forEach((i, n) => {
       (typeof i.from != "string" || !r.has(i.from)) && t.push({ path: `${a}.edges[${n}].from`, message: `Edge "from" references unknown node "${i.from}"`, severity: "error" }), (typeof i.to != "string" || !r.has(i.to)) && t.push({ path: `${a}.edges[${n}].to`, message: `Edge "to" references unknown node "${i.to}"`, severity: "error" });
     });
   }
   v(e, a, t);
 }
-function $t(e, a, t) {
-  typeof e.expression != "string" && t.push({ path: `${a}.expression`, message: 'LaTeX requires an "expression" string', severity: "error" }), u(e, "x", a, t), u(e, "y", a, t), v(e, a, t);
+function Et(e, a, t) {
+  typeof e.expression != "string" && t.push({ path: `${a}.expression`, message: 'LaTeX requires an "expression" string', severity: "error" }), h(e, "x", a, t), h(e, "y", a, t), v(e, a, t);
 }
-function Ot(e, a, t) {
-  u(e, "from", a, t), Mt(e, "durationInFrames", a, t), O(e, a, t);
+function Rt(e, a, t) {
+  h(e, "from", a, t), jt(e, "durationInFrames", a, t), C(e, a, t);
 }
-function At(e, a, t) {
-  y(e, "duration", a, t), R(e, a, t), O(e, a, t);
+function Ft(e, a, t) {
+  g(e, "duration", a, t), P(e, a, t), C(e, a, t);
 }
-function Ct(e, a, t) {
-  if (y(e, "duration", a, t), R(e, a, t), e.translate !== void 0) {
+function Pt(e, a, t) {
+  if (g(e, "duration", a, t), P(e, a, t), e.translate !== void 0) {
     const r = e.translate;
     (!r || typeof r != "object") && t.push({ path: `${a}.translate`, message: "translate must be { from: [x,y], to: [x,y] }", severity: "error" });
   }
@@ -568,51 +568,51 @@ function Ct(e, a, t) {
     const r = e.opacity;
     (!r || typeof r != "object" || typeof r.from != "number" || typeof r.to != "number") && t.push({ path: `${a}.opacity`, message: "opacity must be { from: number, to: number }", severity: "error" });
   }
-  O(e, a, t);
+  C(e, a, t);
 }
-function zt(e, a, t) {
-  y(e, "duration", a, t), R(e, a, t), $(e, "fromColor", a, t), $(e, "toColor", a, t), O(e, a, t);
+function Tt(e, a, t) {
+  g(e, "duration", a, t), P(e, a, t), A(e, "fromColor", a, t), A(e, "toColor", a, t), C(e, a, t);
 }
-function pt(e, a, t) {
-  y(e, "staggerDelay", a, t), R(e, a, t), O(e, a, t);
+function Mt(e, a, t) {
+  g(e, "staggerDelay", a, t), P(e, a, t), C(e, a, t);
 }
 function v(e, a, t) {
-  y(e, "fadeIn", a, t), y(e, "fadeOut", a, t), y(e, "draw", a, t), R(e, a, t), Et(e, a, t);
+  g(e, "fadeIn", a, t), g(e, "fadeOut", a, t), g(e, "draw", a, t), P(e, a, t), Nt(e, a, t);
 }
-function M(e, a, t) {
-  y(e, "fadeIn", a, t), y(e, "fadeOut", a, t), y(e, "draw", a, t), R(e, a, t), Ft(e, a, t);
+function W(e, a, t) {
+  g(e, "fadeIn", a, t), g(e, "fadeOut", a, t), g(e, "draw", a, t), P(e, a, t), _t(e, a, t);
 }
-const Q = ["none", "circle", "ellipse"];
-function Et(e, a, t) {
-  if (P(e, "rotation", a, t), k(e, "rotationOrigin", a, t), k(e, "translate", a, t), P(e, "zIndex", a, t), e.scale !== void 0) {
+const Z = ["none", "circle", "ellipse"];
+function Nt(e, a, t) {
+  if (F(e, "rotation", a, t), k(e, "rotationOrigin", a, t), k(e, "translate", a, t), F(e, "zIndex", a, t), e.scale !== void 0) {
     const r = e.scale;
     typeof r == "number" || Array.isArray(r) && r.length === 2 && typeof r[0] == "number" && typeof r[1] == "number" || t.push({ path: `${a}.scale`, message: '"scale" must be a number or [number, number]', severity: "error" });
   }
 }
-function Ft(e, a, t) {
-  P(e, "rotation", a, t), k(e, "rotationOrigin", a, t), k(e, "translate", a, t), P(e, "zIndex", a, t);
+function _t(e, a, t) {
+  F(e, "rotation", a, t), k(e, "rotationOrigin", a, t), k(e, "translate", a, t), F(e, "zIndex", a, t);
 }
-function Pt(e, a, t) {
-  typeof e.src != "string" && t.push({ path: `${a}.src`, message: 'Image requires a "src" string', severity: "error" }), u(e, "x", a, t), u(e, "y", a, t), p(e, "width", a, t), p(e, "height", a, t), $(e, "preserveAspectRatio", a, t), e.borderRadius !== void 0 && (typeof e.borderRadius != "number" || e.borderRadius < 0) && t.push({ path: `${a}.borderRadius`, message: '"borderRadius" must be a number >= 0', severity: "error" }), e.clipShape !== void 0 && (Q.includes(e.clipShape) || t.push({
+function Dt(e, a, t) {
+  typeof e.src != "string" && t.push({ path: `${a}.src`, message: 'Image requires a "src" string', severity: "error" }), h(e, "x", a, t), h(e, "y", a, t), p(e, "width", a, t), p(e, "height", a, t), A(e, "preserveAspectRatio", a, t), e.borderRadius !== void 0 && (typeof e.borderRadius != "number" || e.borderRadius < 0) && t.push({ path: `${a}.borderRadius`, message: '"borderRadius" must be a number >= 0', severity: "error" }), e.clipShape !== void 0 && (Z.includes(e.clipShape) || t.push({
     path: `${a}.clipShape`,
-    message: `Invalid clipShape "${e.clipShape}". Must be one of: ${Q.join(", ")}`,
+    message: `Invalid clipShape "${e.clipShape}". Must be one of: ${Z.join(", ")}`,
     severity: "error"
   })), v(e, a, t);
 }
-function Rt(e, a, t) {
-  O(e, a, t), v(e, a, t);
+function Wt(e, a, t) {
+  C(e, a, t), v(e, a, t);
 }
-function Nt(e, a, t) {
-  u(e, "x", a, t), u(e, "y", a, t), p(e, "width", a, t), p(e, "height", a, t), Array.isArray(e.bars) || t.push({ path: `${a}.bars`, message: 'BarChart requires a "bars" array', severity: "error" }), v(e, a, t);
+function Vt(e, a, t) {
+  h(e, "x", a, t), h(e, "y", a, t), p(e, "width", a, t), p(e, "height", a, t), Array.isArray(e.bars) || t.push({ path: `${a}.bars`, message: 'BarChart requires a "bars" array', severity: "error" }), v(e, a, t);
 }
-function R(e, a, t) {
+function P(e, a, t) {
   if (e.easing !== void 0) {
     if (typeof e.easing == "string") {
-      if (!_.includes(e.easing)) {
-        const r = ee(e.easing, _);
+      if (!j.includes(e.easing)) {
+        const r = ie(e.easing, j);
         t.push({
           path: `${a}.easing`,
-          message: `Unknown easing "${e.easing}".${r} Available: ${_.join(", ")}`,
+          message: `Unknown easing "${e.easing}".${r} Available: ${j.join(", ")}`,
           severity: "error"
         });
       }
@@ -632,27 +632,27 @@ function R(e, a, t) {
     t.push({ path: `${a}.easing`, message: 'Easing must be a string name or { type: "spring"|"cubicBezier", ... }', severity: "error" });
   }
 }
-function u(e, a, t, r) {
+function h(e, a, t, r) {
   typeof e[a] != "number" && r.push({ path: `${t}.${a}`, message: `Required numeric field "${a}" is missing or not a number`, severity: "error" });
 }
 function p(e, a, t, r) {
   (typeof e[a] != "number" || e[a] <= 0) && r.push({ path: `${t}.${a}`, message: `"${a}" must be a positive number`, severity: "error" });
 }
-function Tt(e, a, t, r) {
+function Lt(e, a, t, r) {
   const i = e[a];
   (typeof i != "number" || i <= 0 || !Number.isInteger(i)) && r.push({ path: `${t}.${a}`, message: `"${a}" must be a positive integer`, severity: "error" });
 }
-function y(e, a, t, r) {
+function g(e, a, t, r) {
   e[a] !== void 0 && (typeof e[a] != "number" || e[a] <= 0) && r.push({ path: `${t}.${a}`, message: `"${a}" must be a positive number`, severity: "error" });
 }
-function Mt(e, a, t, r) {
+function jt(e, a, t, r) {
   const i = e[a];
   i !== void 0 && (typeof i != "number" || i <= 0 || !Number.isInteger(i)) && r.push({ path: `${t}.${a}`, message: `"${a}" must be a positive integer`, severity: "error" });
 }
-function $(e, a, t, r) {
+function A(e, a, t, r) {
   e[a] !== void 0 && typeof e[a] != "string" && r.push({ path: `${t}.${a}`, message: `"${a}" must be a string`, severity: "error" });
 }
-function P(e, a, t, r) {
+function F(e, a, t, r) {
   e[a] !== void 0 && typeof e[a] != "number" && r.push({ path: `${t}.${a}`, message: `"${a}" must be a number`, severity: "error" });
 }
 function N(e, a, t, r) {
@@ -662,15 +662,17 @@ function k(e, a, t, r) {
   const i = e[a];
   i !== void 0 && (!Array.isArray(i) || i.length !== 2 || typeof i[0] != "number" || typeof i[1] != "number") && r.push({ path: `${t}.${a}`, message: `"${a}" must be [number, number]`, severity: "error" });
 }
-function ee(e, a) {
+function ie(e, a) {
   const t = e.toLowerCase(), r = a.find((n) => n.toLowerCase() === t);
   if (r) return ` Did you mean '${r}'?`;
   const i = a.find((n) => n.toLowerCase().startsWith(t.slice(0, 4)));
   return i ? ` Did you mean '${i}'?` : "";
 }
-const te = {
-  foreground: { cssVar: "--elucim-foreground", fallback: "#e0e0e0" },
-  background: { cssVar: "--elucim-background", fallback: "#0f172a" },
+const ne = {
+  foreground: { cssVar: "--elucim-foreground", fallback: "#c8d6e5" },
+  background: { cssVar: "--elucim-background", fallback: "#0a0a1e" },
+  title: { cssVar: "--elucim-title", fallback: "#e0e7ff" },
+  subtitle: { cssVar: "--elucim-subtitle", fallback: "#94a3b8" },
   accent: { cssVar: "--elucim-accent", fallback: "#4fc3f7" },
   muted: { cssVar: "--elucim-muted", fallback: "#64748b" },
   surface: { cssVar: "--elucim-surface", fallback: "#1e293b" },
@@ -681,31 +683,31 @@ const te = {
   success: { cssVar: "--elucim-success", fallback: "#34d399" },
   warning: { cssVar: "--elucim-warning", fallback: "#fbbf24" },
   error: { cssVar: "--elucim-error", fallback: "#f87171" }
-}, Qt = Object.keys(te);
-function l(e) {
+}, ca = Object.keys(ne);
+function u(e) {
   if (e === void 0) return;
   if (!e.startsWith("$")) return e;
-  const a = e.slice(1), t = te[a];
+  const a = e.slice(1), t = ne[a];
   return t ? `var(${t.cssVar}, ${t.fallback})` : `var(--elucim-${a})`;
 }
-const Wt = {
+const qt = {
   card: [640, 360],
   slide: [1280, 720],
   square: [600, 600]
 };
-function W(e, a, t) {
+function V(e, a, t) {
   if (!e) return { width: a, height: t };
-  const [r, i] = Wt[e];
+  const [r, i] = qt[e];
   return { width: a ?? r, height: t ?? i };
 }
-function ae(e, a) {
+function se(e, a) {
   switch (e.type) {
     case "scene":
-      return j(e, a);
+      return H(e, a);
     case "player":
       if ((a == null ? void 0 : a.frame) !== void 0) {
-        const { width: t, height: r } = W(e.preset, e.width, e.height);
-        return j(
+        const { width: t, height: r } = V(e.preset, e.width, e.height);
+        return H(
           {
             width: t,
             height: r,
@@ -717,37 +719,37 @@ function ae(e, a) {
           a
         );
       }
-      return re(e, a);
+      return ce(e, a);
     case "presentation":
-      return _t(e);
+      return Bt(e);
   }
 }
-function j(e, a) {
-  const t = (a == null ? void 0 : a.frame) !== void 0, { width: r, height: i } = W(e.preset, e.width, e.height);
-  return /* @__PURE__ */ s(
-    Ce,
+function H(e, a) {
+  const t = (a == null ? void 0 : a.frame) !== void 0, { width: r, height: i } = V(e.preset, e.width, e.height);
+  return /* @__PURE__ */ c(
+    Pe,
     {
       width: r,
       height: i,
       fps: e.fps,
       durationInFrames: e.durationInFrames,
-      background: l(e.background),
+      background: u(e.background),
       ...t ? { frame: a.frame, autoPlay: !1 } : {},
-      children: e.children.map((n, h) => x(n, h))
+      children: e.children.map((n, s) => x(n, s))
     }
   );
 }
-function re(e, a) {
-  const { width: t, height: r } = W(e.preset, e.width, e.height);
-  return /* @__PURE__ */ s(
-    ze,
+function ce(e, a) {
+  const { width: t, height: r } = V(e.preset, e.width, e.height);
+  return /* @__PURE__ */ c(
+    Te,
     {
       ref: a == null ? void 0 : a.playerRef,
       width: t,
       height: r,
       fps: e.fps,
       durationInFrames: e.durationInFrames,
-      background: l(e.background),
+      background: u(e.background),
       controls: e.controls,
       loop: e.loop,
       autoPlay: e.autoPlay,
@@ -755,49 +757,50 @@ function re(e, a) {
     }
   );
 }
-function _t(e) {
-  const { width: a, height: t } = W(e.preset, e.width, e.height);
-  return /* @__PURE__ */ s(
-    Ae,
+function Bt(e) {
+  const { width: a, height: t } = V(e.preset, e.width, e.height);
+  return /* @__PURE__ */ c(
+    Fe,
     {
       width: a,
       height: t,
-      background: l(e.background),
+      background: u(e.background),
       transition: e.transition,
       transitionDuration: e.transitionDuration,
       showHUD: e.showHud,
       showNotes: e.showNotes,
-      children: e.slides.map((r, i) => Dt(r, i))
+      children: e.slides.map((r, i) => Ut(r, i))
     }
   );
 }
-function Dt(e, a) {
+function Ut(e, a) {
   var t;
-  return /* @__PURE__ */ s(pe, { title: e.title, notes: e.notes, background: l(e.background), children: (t = e.children) == null ? void 0 : t.map((r, i) => x(r, i)) }, a);
+  return /* @__PURE__ */ c(Me, { title: e.title, notes: e.notes, background: u(e.background), children: (t = e.children) == null ? void 0 : t.map((r, i) => x(r, i)) }, a);
 }
 function x(e, a) {
+  var t, r, i, n;
   switch (e.type) {
     case "sequence":
-      return /* @__PURE__ */ s(tt, { from: e.from, durationInFrames: e.durationInFrames, name: e.name, children: e.children.map((t, r) => x(t, r)) }, a);
+      return /* @__PURE__ */ c(st, { from: e.from, durationInFrames: e.durationInFrames, name: e.name, children: e.children.map((s, l) => x(s, l)) }, a);
     case "group":
-      return /* @__PURE__ */ s(
-        et,
+      return /* @__PURE__ */ c(
+        nt,
         {
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
           translate: e.translate,
           zIndex: e.zIndex,
-          children: e.children.map((t, r) => x(t, r))
+          children: e.children.map((s, l) => x(s, l))
         },
         a
       );
     case "bezierCurve":
-      return /* @__PURE__ */ s(
-        Ze,
+      return /* @__PURE__ */ c(
+        it,
         {
           x1: e.x1,
           y1: e.y1,
@@ -807,15 +810,15 @@ function x(e, a) {
           cy2: e.cy2,
           x2: e.x2,
           y2: e.y2,
-          stroke: l(e.stroke),
+          stroke: u(e.stroke),
           strokeWidth: e.strokeWidth,
-          fill: l(e.fill),
+          fill: u(e.fill),
           strokeDasharray: e.strokeDasharray,
           opacity: e.opacity,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -825,20 +828,20 @@ function x(e, a) {
         a
       );
     case "circle":
-      return /* @__PURE__ */ s(
-        Ye,
+      return /* @__PURE__ */ c(
+        rt,
         {
           cx: e.cx,
           cy: e.cy,
           r: e.r,
-          fill: l(e.fill),
-          stroke: l(e.stroke),
+          fill: u(e.fill),
+          stroke: u(e.stroke),
           strokeWidth: e.strokeWidth,
           opacity: e.opacity,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -848,21 +851,21 @@ function x(e, a) {
         a
       );
     case "line":
-      return /* @__PURE__ */ s(
-        Je,
+      return /* @__PURE__ */ c(
+        at,
         {
           x1: e.x1,
           y1: e.y1,
           x2: e.x2,
           y2: e.y2,
-          stroke: l(e.stroke),
+          stroke: u(e.stroke),
           strokeWidth: e.strokeWidth,
           strokeDasharray: e.strokeDasharray,
           opacity: e.opacity,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -872,14 +875,14 @@ function x(e, a) {
         a
       );
     case "arrow":
-      return /* @__PURE__ */ s(
-        Xe,
+      return /* @__PURE__ */ c(
+        tt,
         {
           x1: e.x1,
           y1: e.y1,
           x2: e.x2,
           y2: e.y2,
-          stroke: l(e.stroke),
+          stroke: u(e.stroke),
           strokeWidth: e.strokeWidth,
           headSize: e.headSize,
           strokeDasharray: e.strokeDasharray,
@@ -887,7 +890,7 @@ function x(e, a) {
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -897,15 +900,15 @@ function x(e, a) {
         a
       );
     case "rect":
-      return /* @__PURE__ */ s(
-        Qe,
+      return /* @__PURE__ */ c(
+        et,
         {
           x: e.x,
           y: e.y,
           width: e.width,
           height: e.height,
-          fill: l(e.fill),
-          stroke: l(e.stroke),
+          fill: u(e.fill),
+          stroke: u(e.stroke),
           strokeWidth: e.strokeWidth,
           rx: e.rx,
           ry: e.ry,
@@ -914,7 +917,7 @@ function x(e, a) {
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -924,19 +927,19 @@ function x(e, a) {
         a
       );
     case "polygon":
-      return /* @__PURE__ */ s(
-        Ke,
+      return /* @__PURE__ */ c(
+        Ze,
         {
           points: e.points,
-          fill: l(e.fill),
-          stroke: l(e.stroke),
+          fill: u(e.fill),
+          stroke: u(e.stroke),
           strokeWidth: e.strokeWidth,
           closed: e.closed,
           opacity: e.opacity,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -946,12 +949,12 @@ function x(e, a) {
         a
       );
     case "text":
-      return /* @__PURE__ */ s(
-        Ge,
+      return /* @__PURE__ */ c(
+        L,
         {
           x: e.x,
           y: e.y,
-          fill: l(e.fill),
+          fill: u(e.fill),
           fontSize: e.fontSize,
           fontFamily: e.fontFamily,
           fontWeight: e.fontWeight,
@@ -960,7 +963,7 @@ function x(e, a) {
           opacity: e.opacity,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -971,8 +974,8 @@ function x(e, a) {
         a
       );
     case "image":
-      return /* @__PURE__ */ s(
-        He,
+      return /* @__PURE__ */ c(
+        Ye,
         {
           src: e.src,
           x: e.x,
@@ -985,7 +988,7 @@ function x(e, a) {
           opacity: e.opacity,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -995,8 +998,8 @@ function x(e, a) {
         a
       );
     case "axes":
-      return /* @__PURE__ */ s(
-        Ue,
+      return /* @__PURE__ */ c(
+        Je,
         {
           domain: e.domain,
           range: e.range,
@@ -1006,14 +1009,14 @@ function x(e, a) {
           showTicks: e.showTicks,
           showLabels: e.showLabels,
           tickStep: e.tickStep,
-          axisColor: l(e.axisColor),
-          gridColor: l(e.gridColor),
-          labelColor: l(e.labelColor),
+          axisColor: u(e.axisColor),
+          gridColor: u(e.gridColor),
+          labelColor: u(e.labelColor),
           labelFontSize: e.labelFontSize,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           translate: e.translate,
@@ -1022,20 +1025,36 @@ function x(e, a) {
         a
       );
     case "functionPlot": {
-      const t = st(e.fn);
-      return /* @__PURE__ */ s(
-        Be,
+      let s;
+      try {
+        s = ot(e.fn);
+      } catch {
+        return /* @__PURE__ */ c(
+          L,
+          {
+            x: ((t = e.origin) == null ? void 0 : t[0]) ?? 400,
+            y: (((r = e.origin) == null ? void 0 : r[1]) ?? 300) - 20,
+            fontSize: 14,
+            fill: "red",
+            opacity: 0.8,
+            children: `⚠ f(x) = ${e.fn}`
+          },
+          a
+        );
+      }
+      return /* @__PURE__ */ c(
+        Xe,
         {
-          fn: (r) => t({ x: r }),
+          fn: (l) => s({ x: l }),
           domain: e.domain,
           yClamp: e.yClamp,
           origin: e.origin,
           scale: e.scale,
-          color: l(e.color),
+          color: u(e.color),
           strokeWidth: e.strokeWidth,
           samples: e.samples,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           opacity: e.opacity,
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
@@ -1046,24 +1065,24 @@ function x(e, a) {
       );
     }
     case "vector":
-      return /* @__PURE__ */ s(
-        qe,
+      return /* @__PURE__ */ c(
+        Qe,
         {
           from: e.from,
           to: e.to,
           origin: e.origin,
           scale: e.scale,
-          color: l(e.color),
+          color: u(e.color),
           strokeWidth: e.strokeWidth,
           headSize: e.headSize,
           label: e.label,
           labelOffset: e.labelOffset,
-          labelColor: l(e.labelColor),
+          labelColor: u(e.labelColor),
           labelFontSize: e.labelFontSize,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
           draw: e.draw,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           translate: e.translate,
@@ -1072,25 +1091,41 @@ function x(e, a) {
         a
       );
     case "vectorField": {
-      const t = ct(e.fn);
-      return /* @__PURE__ */ s(
-        je,
+      let s;
+      try {
+        s = gt(e.fn);
+      } catch {
+        return /* @__PURE__ */ c(
+          L,
+          {
+            x: ((i = e.origin) == null ? void 0 : i[0]) ?? 400,
+            y: (((n = e.origin) == null ? void 0 : n[1]) ?? 300) - 20,
+            fontSize: 14,
+            fill: "red",
+            opacity: 0.8,
+            children: `⚠ field = ${e.fn}`
+          },
+          a
+        );
+      }
+      return /* @__PURE__ */ c(
+        Ke,
         {
-          fn: (r, i) => t({ x: r, y: i }),
+          fn: (l, $) => s({ x: l, y: $ }),
           domain: e.domain,
           range: e.range,
           step: e.step,
           origin: e.origin,
           scale: e.scale,
           arrowScale: e.arrowScale,
-          color: l(e.color),
+          color: u(e.color),
           strokeWidth: e.strokeWidth,
           headSize: e.headSize,
           normalize: e.normalize,
           maxLength: e.maxLength,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           translate: e.translate,
@@ -1100,19 +1135,19 @@ function x(e, a) {
       );
     }
     case "matrix":
-      return /* @__PURE__ */ s(
-        Le,
+      return /* @__PURE__ */ c(
+        Ge,
         {
           values: e.values,
           x: e.x,
           y: e.y,
           cellSize: e.cellSize,
-          color: l(e.color),
-          bracketColor: l(e.bracketColor),
+          color: u(e.color),
+          bracketColor: u(e.bracketColor),
           fontSize: e.fontSize,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -1122,20 +1157,20 @@ function x(e, a) {
         a
       );
     case "graph":
-      return /* @__PURE__ */ s(
-        Ve,
+      return /* @__PURE__ */ c(
+        He,
         {
           nodes: e.nodes,
           edges: e.edges,
-          nodeColor: l(e.nodeColor),
+          nodeColor: u(e.nodeColor),
           nodeRadius: e.nodeRadius,
-          edgeColor: l(e.edgeColor),
+          edgeColor: u(e.edgeColor),
           edgeWidth: e.edgeWidth,
-          labelColor: l(e.labelColor),
+          labelColor: u(e.labelColor),
           labelFontSize: e.labelFontSize,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -1145,18 +1180,18 @@ function x(e, a) {
         a
       );
     case "latex":
-      return /* @__PURE__ */ s(
-        De,
+      return /* @__PURE__ */ c(
+        Ue,
         {
           expression: e.expression,
           x: e.x,
           y: e.y,
-          color: l(e.color),
+          color: u(e.color),
           fontSize: e.fontSize,
           align: e.align,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -1166,16 +1201,16 @@ function x(e, a) {
         a
       );
     case "barChart":
-      return /* @__PURE__ */ s(
-        _e,
+      return /* @__PURE__ */ c(
+        Be,
         {
           bars: e.bars,
           x: e.x,
           y: e.y,
           width: e.width,
           height: e.height,
-          barColor: l(e.barColor),
-          labelColor: l(e.labelColor),
+          barColor: u(e.barColor),
+          labelColor: u(e.labelColor),
           labelFontSize: e.labelFontSize,
           showValues: e.showValues,
           maxValue: e.maxValue,
@@ -1183,7 +1218,7 @@ function x(e, a) {
           valueFormat: e.valueFormat,
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
-          easing: f(e.easing),
+          easing: o(e.easing),
           rotation: e.rotation,
           rotationOrigin: e.rotationOrigin,
           scale: e.scale,
@@ -1193,139 +1228,206 @@ function x(e, a) {
         a
       );
     case "fadeIn":
-      return /* @__PURE__ */ s(We, { duration: e.duration, easing: f(e.easing), children: e.children.map((t, r) => x(t, r)) }, a);
+      return /* @__PURE__ */ c(qe, { duration: e.duration, easing: o(e.easing), children: e.children.map((s, l) => x(s, l)) }, a);
     case "fadeOut":
-      return /* @__PURE__ */ s(Me, { duration: e.duration, totalFrames: e.totalFrames, easing: f(e.easing), children: e.children.map((t, r) => x(t, r)) }, a);
+      return /* @__PURE__ */ c(je, { duration: e.duration, totalFrames: e.totalFrames, easing: o(e.easing), children: e.children.map((s, l) => x(s, l)) }, a);
     case "draw":
-      return /* @__PURE__ */ s(Te, { duration: e.duration, pathLength: e.pathLength, easing: f(e.easing), children: x(e.children[0], 0) }, a);
+      return /* @__PURE__ */ c(Le, { duration: e.duration, pathLength: e.pathLength, easing: o(e.easing), children: x(e.children[0], 0) }, a);
     case "write":
-      return /* @__PURE__ */ s(Ne, { duration: e.duration, easing: f(e.easing), children: e.children.map((t, r) => x(t, r)) }, a);
+      return /* @__PURE__ */ c(Ve, { duration: e.duration, easing: o(e.easing), children: e.children.map((s, l) => x(s, l)) }, a);
     case "transform":
-      return /* @__PURE__ */ s(
-        Re,
+      return /* @__PURE__ */ c(
+        We,
         {
           duration: e.duration,
-          easing: f(e.easing),
+          easing: o(e.easing),
           translate: e.translate,
           scale: e.scale,
           rotate: e.rotate,
           opacity: e.opacity,
-          children: e.children.map((t, r) => x(t, r))
+          children: e.children.map((s, l) => x(s, l))
         },
         a
       );
     case "morph":
-      return /* @__PURE__ */ s(
-        Pe,
+      return /* @__PURE__ */ c(
+        De,
         {
           duration: e.duration,
-          easing: f(e.easing),
-          fromColor: l(e.fromColor),
-          toColor: l(e.toColor),
+          easing: o(e.easing),
+          fromColor: u(e.fromColor),
+          toColor: u(e.toColor),
           fromOpacity: e.fromOpacity,
           toOpacity: e.toOpacity,
           fromScale: e.fromScale,
           toScale: e.toScale,
-          children: e.children.map((t, r) => x(t, r))
+          children: e.children.map((s, l) => x(s, l))
         },
         a
       );
     case "stagger":
-      return /* @__PURE__ */ s(Fe, { staggerDelay: e.staggerDelay, easing: f(e.easing), children: e.children.map((t, r) => x(t, r)) }, a);
+      return /* @__PURE__ */ c(_e, { staggerDelay: e.staggerDelay, easing: o(e.easing), children: e.children.map((s, l) => x(s, l)) }, a);
     case "parallel":
-      return /* @__PURE__ */ s(Ee, { children: e.children.map((t, r) => x(t, r)) }, a);
+      return /* @__PURE__ */ c(Ne, { children: e.children.map((s, l) => x(s, l)) }, a);
     case "scene":
-      return /* @__PURE__ */ s(U.Fragment, { children: j(e) }, a);
+      return /* @__PURE__ */ c(Q.Fragment, { children: H(e) }, a);
     case "player":
-      return /* @__PURE__ */ s(U.Fragment, { children: re(e) }, a);
+      return /* @__PURE__ */ c(Q.Fragment, { children: ce(e) }, a);
     default:
       return null;
   }
 }
-function Vt(e) {
+const le = {
+  background: "#0a0a1e",
+  title: "#e0e7ff",
+  subtitle: "#94a3b8",
+  primary: "#4fc3f7",
+  secondary: "#a78bfa",
+  tertiary: "#f472b6",
+  muted: "#64748b",
+  text: "#c8d6e5",
+  boxFill: "rgba(79,195,247,0.12)",
+  boxStroke: "#4fc3f7",
+  success: "#34d399",
+  warning: "#fbbf24",
+  error: "#f87171",
+  palette: ["#4fc3f7", "#a78bfa", "#f472b6", "#34d399", "#fbbf24", "#fb923c", "#6366f1", "#22d3ee"]
+}, Ht = {
+  background: "#f8fafc",
+  title: "#1e293b",
+  subtitle: "#64748b",
+  primary: "#2563eb",
+  secondary: "#7c3aed",
+  tertiary: "#db2777",
+  muted: "#94a3b8",
+  text: "#334155",
+  boxFill: "rgba(37,99,235,0.08)",
+  boxStroke: "#2563eb",
+  success: "#16a34a",
+  warning: "#d97706",
+  error: "#dc2626",
+  palette: ["#2563eb", "#7c3aed", "#db2777", "#16a34a", "#d97706", "#ea580c", "#4f46e5", "#0891b2"]
+};
+function Gt(e) {
   if (!e) return {};
   const a = {};
   for (const [t, r] of Object.entries(e))
     r !== void 0 && (a[`--elucim-${t}`] = r);
   return a;
 }
-const Xt = at(function({ dsl: a, className: t, style: r, theme: i, poster: n, onError: h }, m) {
-  const d = rt(null);
-  it(m, () => ({
+function ue(e) {
+  return {
+    "--elucim-foreground": e.text,
+    "--elucim-background": e.background,
+    "--elucim-title": e.title,
+    "--elucim-subtitle": e.subtitle,
+    "--elucim-accent": e.primary,
+    "--elucim-muted": e.muted,
+    "--elucim-surface": e.background,
+    "--elucim-primary": e.primary,
+    "--elucim-secondary": e.secondary,
+    "--elucim-tertiary": e.tertiary,
+    "--elucim-success": e.success,
+    "--elucim-warning": e.warning,
+    "--elucim-error": e.error
+  };
+}
+const Kt = ue(le), Qt = ue(Ht);
+function Xt(e) {
+  if (typeof window > "u" || typeof window.matchMedia != "function") return () => {
+  };
+  const a = window.matchMedia("(prefers-color-scheme: dark)");
+  return a.addEventListener("change", e), () => a.removeEventListener("change", e);
+}
+function Jt() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? !0 : window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function Yt() {
+  return !0;
+}
+function Zt() {
+  return ht(Xt, Jt, Yt);
+}
+const la = ct(function({ dsl: a, className: t, style: r, theme: i, colorScheme: n, poster: s, onError: l }, $) {
+  const d = lt(null), E = Zt();
+  ut($, () => ({
     getSvgElement: () => {
-      var c;
-      return ((c = d.current) == null ? void 0 : c.getSvgElement()) ?? null;
+      var f;
+      return ((f = d.current) == null ? void 0 : f.getSvgElement()) ?? null;
     },
-    seekToFrame: (c) => {
-      var g;
-      return (g = d.current) == null ? void 0 : g.seekToFrame(c);
+    seekToFrame: (f) => {
+      var I;
+      return (I = d.current) == null ? void 0 : I.seekToFrame(f);
     },
     getTotalFrames: () => {
-      var c;
-      return ((c = d.current) == null ? void 0 : c.getTotalFrames()) ?? 0;
+      var f;
+      return ((f = d.current) == null ? void 0 : f.getTotalFrames()) ?? 0;
     },
     play: () => {
-      var c;
-      return (c = d.current) == null ? void 0 : c.play();
+      var f;
+      return (f = d.current) == null ? void 0 : f.play();
     },
     pause: () => {
-      var c;
-      return (c = d.current) == null ? void 0 : c.pause();
+      var f;
+      return (f = d.current) == null ? void 0 : f.pause();
     },
     isPlaying: () => {
-      var c;
-      return ((c = d.current) == null ? void 0 : c.isPlaying()) ?? !1;
+      var f;
+      return ((f = d.current) == null ? void 0 : f.isPlaying()) ?? !1;
     }
   }));
-  const A = J(a);
-  if (!A.valid) {
-    const c = A.errors.filter((o) => o.severity === "error").map((o) => ({ path: o.path, message: o.message }));
-    h == null || h(c);
-    const g = /* @__PURE__ */ new Map();
-    for (const o of c) {
-      const w = o.path.split("."), S = w.length > 1 ? w.slice(0, -1).join(".") : o.path, C = g.get(S) ?? [];
-      C.push(o), g.set(S, C);
+  const w = te(a);
+  if (!w.valid) {
+    const f = w.errors.filter((y) => y.severity === "error").map((y) => ({ path: y.path, message: y.message }));
+    l == null || l(f);
+    const I = /* @__PURE__ */ new Map();
+    for (const y of f) {
+      const T = y.path.split("."), M = T.length > 1 ? T.slice(0, -1).join(".") : y.path, _ = I.get(M) ?? [];
+      _.push(y), I.set(M, _);
     }
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ R(
       "div",
       {
         className: t,
         style: { color: "#ff6b6b", fontFamily: "monospace", padding: 16, fontSize: 13, ...r },
         "data-testid": "dsl-error",
         children: [
-          /* @__PURE__ */ F("strong", { children: [
+          /* @__PURE__ */ R("strong", { children: [
             "Elucim DSL Validation Errors (",
-            c.length,
+            f.length,
             "):"
           ] }),
-          [...g.entries()].map(([o, w]) => /* @__PURE__ */ F("details", { open: !0, style: { marginTop: 8 }, children: [
-            /* @__PURE__ */ F("summary", { style: { cursor: "pointer", fontWeight: "bold" }, children: [
-              o,
+          [...I.entries()].map(([y, T]) => /* @__PURE__ */ R("details", { open: !0, style: { marginTop: 8 }, children: [
+            /* @__PURE__ */ R("summary", { style: { cursor: "pointer", fontWeight: "bold" }, children: [
+              y,
               " (",
-              w.length,
+              T.length,
               ")"
             ] }),
-            /* @__PURE__ */ s("ul", { style: { margin: "4px 0", paddingLeft: 20 }, children: w.map((S, C) => /* @__PURE__ */ F("li", { children: [
-              /* @__PURE__ */ s("code", { style: { color: "#ffa07a" }, children: S.path }),
+            /* @__PURE__ */ c("ul", { style: { margin: "4px 0", paddingLeft: 20 }, children: T.map((M, _) => /* @__PURE__ */ R("li", { children: [
+              /* @__PURE__ */ c("code", { style: { color: "#ffa07a" }, children: M.path }),
               ": ",
-              S.message
-            ] }, C)) })
-          ] }, o)),
-          /* @__PURE__ */ F("details", { style: { marginTop: 12 }, children: [
-            /* @__PURE__ */ s("summary", { style: { cursor: "pointer", opacity: 0.7 }, children: "Raw JSON" }),
-            /* @__PURE__ */ s("pre", { style: { fontSize: 11, maxHeight: 300, overflow: "auto", marginTop: 4, padding: 8, background: "rgba(0,0,0,0.3)", borderRadius: 4 }, children: JSON.stringify(a, null, 2) })
+              M.message
+            ] }, _)) })
+          ] }, y)),
+          /* @__PURE__ */ R("details", { style: { marginTop: 12 }, children: [
+            /* @__PURE__ */ c("summary", { style: { cursor: "pointer", opacity: 0.7 }, children: "Raw JSON" }),
+            /* @__PURE__ */ c("pre", { style: { fontSize: 11, maxHeight: 300, overflow: "auto", marginTop: 4, padding: 8, background: "rgba(0,0,0,0.3)", borderRadius: 4 }, children: JSON.stringify(a, null, 2) })
           ] })
         ]
       }
     );
   }
-  const E = Vt(i), b = n !== void 0 ? Lt(n, a) : void 0;
-  return /* @__PURE__ */ s("div", { className: t, style: { ...E, ...r }, "data-testid": "dsl-root", children: ae(a.root, {
-    frame: b == null ? void 0 : b.frame,
+  const m = Gt(i);
+  let b = {};
+  n && (b = (n === "auto" ? E : n === "dark") ? Kt : Qt);
+  const O = s !== void 0 ? ea(s, a) : void 0;
+  return /* @__PURE__ */ c("div", { className: t, style: { ...b, ...m, ...r }, "data-testid": "dsl-root", children: se(a.root, {
+    frame: O == null ? void 0 : O.frame,
     playerRef: d
   }) });
 });
-function Lt(e, a) {
+function ea(e, a) {
   if (e === "first") return { frame: 0 };
   if (e === "last") {
     const r = a.root.durationInFrames ?? 1;
@@ -1333,22 +1435,22 @@ function Lt(e, a) {
   }
   return { frame: e };
 }
-function Jt(e, a, t) {
-  const r = J(e);
+function ua(e, a, t) {
+  const r = te(e);
   if (!r.valid) {
-    const h = r.errors.filter((m) => m.severity === "error");
+    const s = r.errors.filter((l) => l.severity === "error");
     throw new Error(
       `DSL validation failed:
-${h.map((m) => `  ${m.path}: ${m.message}`).join(`
+${s.map((l) => `  ${l.path}: ${l.message}`).join(`
 `)}`
     );
   }
   const i = { ...e.root };
   t != null && t.width && (i.width = t.width), t != null && t.height && (i.height = t.height);
-  const n = ae(i, { frame: a });
-  return nt(n);
+  const n = se(i, { frame: a });
+  return ft(n);
 }
-class jt {
+class ta {
   constructor(a, t = 30, r = 900, i = 640) {
     this.elements = [], this.cursor = 0, this.theme = a, this._fps = t, this._width = r, this._height = i;
   }
@@ -1451,7 +1553,7 @@ class jt {
   }
   /** Add an arrow */
   arrow(a, t, r, i, n) {
-    const h = (n == null ? void 0 : n.fadeIn) ?? 12, m = {
+    const s = (n == null ? void 0 : n.fadeIn) ?? 12, l = {
       type: "arrow",
       x1: a,
       y1: t,
@@ -1461,13 +1563,13 @@ class jt {
       strokeWidth: (n == null ? void 0 : n.strokeWidth) ?? 2,
       headSize: (n == null ? void 0 : n.headSize) ?? 8,
       strokeDasharray: n != null && n.dashed ? "6 3" : void 0,
-      fadeIn: h
+      fadeIn: s
     };
-    return this.addAtCursor(m, (n == null ? void 0 : n.advance) ?? 3);
+    return this.addAtCursor(l, (n == null ? void 0 : n.advance) ?? 3);
   }
   /** Add a line */
   line(a, t, r, i, n) {
-    const h = (n == null ? void 0 : n.fadeIn) ?? 12;
+    const s = (n == null ? void 0 : n.fadeIn) ?? 12;
     return this.addAtCursor({
       type: "line",
       x1: a,
@@ -1477,12 +1579,12 @@ class jt {
       stroke: (n == null ? void 0 : n.color) ?? this.theme.muted,
       strokeWidth: (n == null ? void 0 : n.strokeWidth) ?? 1,
       strokeDasharray: n != null && n.dashed ? "6 3" : void 0,
-      fadeIn: h
+      fadeIn: s
     }, (n == null ? void 0 : n.advance) ?? 3);
   }
   /** Add a rectangle */
   rect(a, t, r, i, n) {
-    const h = (n == null ? void 0 : n.fadeIn) ?? 12;
+    const s = (n == null ? void 0 : n.fadeIn) ?? 12;
     return this.addAtCursor({
       type: "rect",
       x: a,
@@ -1494,7 +1596,7 @@ class jt {
       strokeWidth: (n == null ? void 0 : n.strokeWidth) ?? 1.5,
       rx: (n == null ? void 0 : n.rx) ?? 6,
       strokeDasharray: n != null && n.dashed ? "6 3" : void 0,
-      fadeIn: h
+      fadeIn: s
     }, (n == null ? void 0 : n.advance) ?? 5);
   }
   /** Add a circle */
@@ -1567,33 +1669,33 @@ class jt {
    * Returns the box positions for follow-up arrows, etc.
    */
   boxRow(a, t) {
-    const r = (t == null ? void 0 : t.boxWidth) ?? 80, i = (t == null ? void 0 : t.boxHeight) ?? 40, n = (t == null ? void 0 : t.gap) ?? 12, h = (t == null ? void 0 : t.y) ?? 250, m = a.length * r + (a.length - 1) * n, d = (this._width - m) / 2;
+    const r = (t == null ? void 0 : t.boxWidth) ?? 80, i = (t == null ? void 0 : t.boxHeight) ?? 40, n = (t == null ? void 0 : t.gap) ?? 12, s = (t == null ? void 0 : t.y) ?? 250, l = a.length * r + (a.length - 1) * n, $ = (this._width - l) / 2;
     t == null || t.fadeIn;
-    const A = a.map((b, c) => {
-      const g = d + c * (r + n);
-      return { x: g, y: h, w: r, h: i, cx: g + r / 2, cy: h + i / 2 };
-    }), E = a.map((b, c) => {
-      var S, C;
-      const g = A[c], o = ((S = t == null ? void 0 : t.colors) == null ? void 0 : S[c]) ?? this.theme.boxFill, w = ((C = t == null ? void 0 : t.strokeColors) == null ? void 0 : C[c]) ?? this.theme.boxStroke;
+    const d = a.map((w, m) => {
+      const b = $ + m * (r + n);
+      return { x: b, y: s, w: r, h: i, cx: b + r / 2, cy: s + i / 2 };
+    }), E = a.map((w, m) => {
+      var I, y;
+      const b = d[m], O = ((I = t == null ? void 0 : t.colors) == null ? void 0 : I[m]) ?? this.theme.boxFill, f = ((y = t == null ? void 0 : t.strokeColors) == null ? void 0 : y[m]) ?? this.theme.boxStroke;
       return {
         type: "group",
         children: [
           {
             type: "rect",
-            x: g.x,
-            y: g.y,
+            x: b.x,
+            y: b.y,
             width: r,
             height: i,
-            fill: o,
-            stroke: w,
+            fill: O,
+            stroke: f,
             strokeWidth: 1.5,
             rx: 6
           },
           {
             type: "text",
-            x: g.cx,
-            y: g.cy + 5,
-            content: b,
+            x: b.cx,
+            y: b.cy + 5,
+            content: w,
             fontSize: (t == null ? void 0 : t.fontSize) ?? 13,
             fill: (t == null ? void 0 : t.textColor) ?? this.theme.text,
             textAnchor: "middle",
@@ -1606,38 +1708,38 @@ class jt {
       type: "stagger",
       staggerDelay: 3,
       children: E
-    }, 8 + a.length * 2), A;
+    }, 8 + a.length * 2), d;
   }
   /**
    * Render a vertical stack of labeled boxes.
    */
   boxColumn(a, t) {
-    const r = (t == null ? void 0 : t.boxWidth) ?? 160, i = (t == null ? void 0 : t.boxHeight) ?? 36, n = (t == null ? void 0 : t.gap) ?? 8, h = (t == null ? void 0 : t.y) ?? 150, m = (t == null ? void 0 : t.x) ?? this.cx;
+    const r = (t == null ? void 0 : t.boxWidth) ?? 160, i = (t == null ? void 0 : t.boxHeight) ?? 36, n = (t == null ? void 0 : t.gap) ?? 8, s = (t == null ? void 0 : t.y) ?? 150, l = (t == null ? void 0 : t.x) ?? this.cx;
     t == null || t.fadeIn;
-    const d = a.map((E, b) => {
-      const c = h + b * (i + n);
-      return { x: m - r / 2, y: c, w: r, h: i, cx: m, cy: c + i / 2 };
-    }), A = a.map((E, b) => {
-      var o, w;
-      const c = d[b], g = ((o = t == null ? void 0 : t.colors) == null ? void 0 : o[b]) ?? this.theme.boxFill;
+    const $ = a.map((E, w) => {
+      const m = s + w * (i + n);
+      return { x: l - r / 2, y: m, w: r, h: i, cx: l, cy: m + i / 2 };
+    }), d = a.map((E, w) => {
+      var O, f;
+      const m = $[w], b = ((O = t == null ? void 0 : t.colors) == null ? void 0 : O[w]) ?? this.theme.boxFill;
       return {
         type: "group",
         children: [
           {
             type: "rect",
-            x: c.x,
-            y: c.y,
+            x: m.x,
+            y: m.y,
             width: r,
             height: i,
-            fill: g,
-            stroke: (w = t == null ? void 0 : t.colors) != null && w[b] ? t.colors[b] : this.theme.boxStroke,
+            fill: b,
+            stroke: (f = t == null ? void 0 : t.colors) != null && f[w] ? t.colors[w] : this.theme.boxStroke,
             strokeWidth: 1.5,
             rx: 6
           },
           {
             type: "text",
-            x: c.cx,
-            y: c.cy + 5,
+            x: m.cx,
+            y: m.cy + 5,
             content: E,
             fontSize: (t == null ? void 0 : t.fontSize) ?? 13,
             fill: (t == null ? void 0 : t.textColor) ?? this.theme.text,
@@ -1649,8 +1751,8 @@ class jt {
     return this.addAtCursor({
       type: "stagger",
       staggerDelay: 3,
-      children: A
-    }, 8 + a.length * 2), d;
+      children: d
+    }, 8 + a.length * 2), $;
   }
   /**
    * Draw arrows connecting sequential positions (e.g., output of boxRow/boxColumn).
@@ -1658,13 +1760,13 @@ class jt {
   connectDown(a, t) {
     const r = [];
     for (let i = 0; i < a.length - 1; i++) {
-      const n = a[i], h = a[i + 1];
+      const n = a[i], s = a[i + 1];
       r.push({
         type: "arrow",
         x1: n.cx,
         y1: n.y + n.h + 2,
-        x2: h.cx,
-        y2: h.y - 2,
+        x2: s.cx,
+        y2: s.y - 2,
         stroke: (t == null ? void 0 : t.color) ?? this.theme.muted,
         strokeWidth: 1.5,
         headSize: (t == null ? void 0 : t.headSize) ?? 6
@@ -1733,40 +1835,9 @@ class jt {
     return { elements: this.elements, durationInFrames: a };
   }
 }
-const qt = {
-  background: "#0a0a1e",
-  title: "#e0e7ff",
-  subtitle: "#94a3b8",
-  primary: "#4fc3f7",
-  secondary: "#a78bfa",
-  tertiary: "#f472b6",
-  muted: "#64748b",
-  text: "#c8d6e5",
-  boxFill: "rgba(79,195,247,0.12)",
-  boxStroke: "#4fc3f7",
-  success: "#34d399",
-  warning: "#fbbf24",
-  error: "#f87171",
-  palette: ["#4fc3f7", "#a78bfa", "#f472b6", "#34d399", "#fbbf24", "#fb923c", "#6366f1", "#22d3ee"]
-}, Yt = {
-  background: "#f8fafc",
-  title: "#1e293b",
-  subtitle: "#64748b",
-  primary: "#2563eb",
-  secondary: "#7c3aed",
-  tertiary: "#db2777",
-  muted: "#94a3b8",
-  text: "#334155",
-  boxFill: "rgba(37,99,235,0.08)",
-  boxStroke: "#2563eb",
-  success: "#16a34a",
-  warning: "#d97706",
-  error: "#dc2626",
-  palette: ["#2563eb", "#7c3aed", "#db2777", "#16a34a", "#d97706", "#ea580c", "#4f46e5", "#0891b2"]
-};
-class Bt {
+class aa {
   constructor(a, t, r) {
-    this._slides = [], this._title = a, this._theme = t ?? qt, this._opts = {
+    this._slides = [], this._title = a, this._theme = t ?? le, this._opts = {
       width: 900,
       height: 640,
       fps: 30,
@@ -1784,14 +1855,14 @@ class Bt {
   /** Build the final ElucimDocument */
   build() {
     const a = this._slides.map((r) => {
-      const i = new jt(
+      const i = new ta(
         this._theme,
         this._opts.fps,
         this._opts.width,
         this._opts.height
       );
       r.build(i);
-      const { elements: n, durationInFrames: h } = i._build();
+      const { elements: n, durationInFrames: s } = i._build();
       return {
         type: "slide",
         title: r.title,
@@ -1802,7 +1873,7 @@ class Bt {
           width: this._opts.width,
           height: this._opts.height,
           fps: this._opts.fps,
-          durationInFrames: h,
+          durationInFrames: s,
           controls: !1,
           loop: !1,
           autoPlay: !0,
@@ -1830,29 +1901,29 @@ class Bt {
     return JSON.stringify(this.build(), null, a ? 2 : void 0);
   }
 }
-function Zt(e, a, t) {
-  return new Bt(e, a, t);
+function ha(e, a, t) {
+  return new aa(e, a, t);
 }
 export {
-  Xt as DslRenderer,
-  Bt as PresentationBuilder,
-  te as SEMANTIC_TOKENS,
-  jt as SlideBuilder,
-  Qt as TOKEN_NAMES,
-  st as compileExpression,
-  ct as compileVectorExpression,
-  qt as darkTheme,
-  Yt as lightTheme,
-  Zt as presentation,
+  la as DslRenderer,
+  aa as PresentationBuilder,
+  ne as SEMANTIC_TOKENS,
+  ta as SlideBuilder,
+  ca as TOKEN_NAMES,
+  ot as compileExpression,
+  gt as compileVectorExpression,
+  le as darkTheme,
+  Ht as lightTheme,
+  ha as presentation,
   x as renderElement,
-  re as renderPlayer,
-  _t as renderPresentation,
-  ae as renderRoot,
-  j as renderScene,
-  Dt as renderSlide,
-  Jt as renderToSvgString,
-  l as resolveColor,
-  f as resolveEasing,
-  J as validate,
-  X as validateExpression
+  ce as renderPlayer,
+  Bt as renderPresentation,
+  se as renderRoot,
+  H as renderScene,
+  Ut as renderSlide,
+  ua as renderToSvgString,
+  u as resolveColor,
+  o as resolveEasing,
+  te as validate,
+  ee as validateExpression
 };