@elucim/dsl 0.8.0 → 0.8.2

package/dist/index.js

@@ -1,7 +1,7 @@
-import { easeOutBounce as fe, easeOutElastic as ge, easeOutBack as oe, easeInBack as me, easeInOutExpo as ye, easeOutExpo as be, easeInExpo as xe, easeInOutSine as de, easeOutSine as ve, easeInSine as we, easeInOutQuart as ke, easeOutQuart as Ie, easeInQuart as Se, easeInOutCubic as $e, easeOutCubic as Oe, easeInCubic as Ce, easeInOutQuad as Ae, easeOutQuad as ze, easeInQuad as pe, linear as Ee, spring as Fe, cubicBezier as Re, Presentation as Pe, Scene as Me, Player as Te, Slide as Ne, Parallel as We, Stagger as De, Morph as _e, Transform as Ve, Write as Le, Draw as je, FadeOut as Be, FadeIn as qe, BarChart as Ue, LaTeX as Ge, Graph as He, Matrix as Ke, Text as j, VectorField as Qe, Vector as Xe, FunctionPlot as Je, Axes as Ye, Image as Ze, Polygon as et, Rect as tt, Arrow as at, Line as rt, Circle as it, BezierCurve as nt, Group as st, Sequence as ct } from "@elucim/core";
+import { easeOutBounce as ge, easeOutElastic as oe, easeOutBack as me, easeInBack as ye, easeInOutExpo as be, easeOutExpo as xe, easeInExpo as de, easeInOutSine as ve, easeOutSine as we, easeInSine as ke, easeInOutQuart as Ie, easeOutQuart as Se, easeInQuart as $e, easeInOutCubic as Oe, easeOutCubic as Ce, easeInCubic as Ae, easeInOutQuad as ze, easeOutQuad as pe, easeInQuad as Ee, linear as Fe, spring as Re, cubicBezier as Pe, Presentation as Me, Scene as Te, Player as Ne, Slide as We, Parallel as De, Stagger as _e, Morph as Ve, Transform as Le, Write as je, Draw as Be, FadeOut as qe, FadeIn as Ue, BarChart as Ge, LaTeX as He, Graph as Ke, Matrix as Qe, Text as j, VectorField as Xe, Vector as Je, FunctionPlot as Ye, Axes as Ze, Image as et, Polygon as tt, Rect as at, Arrow as rt, Line as it, Circle as nt, BezierCurve as st, Group as ct, Sequence as lt } from "@elucim/core";
 import { jsx as l, jsxs as R } from "react/jsx-runtime";
-import X, { forwardRef as lt, useRef as ut, useImperativeHandle as ht, useSyncExternalStore as ft } from "react";
-import { renderToStaticMarkup as gt } from "react-dom/server";
+import X, { forwardRef as ut, useRef as ht, useImperativeHandle as ft, useSyncExternalStore as gt } from "react";
+import { renderToStaticMarkup as ot } from "react-dom/server";
 const U = {
   sin: Math.sin,
   cos: Math.cos,
@@ -236,11 +236,11 @@ class A extends Error {
     super(a), this.name = "ExpressionError", this.position = t;
   }
 }
-function ot(e) {
+function mt(e) {
   const a = K(e), t = new Q(a).parse();
   return (r) => E(t, r);
 }
-function mt(e) {
+function yt(e) {
   const a = K(e), t = new Q(a).parse();
   if (t.kind !== "array" || t.elements.length !== 2)
     throw new A(
@@ -249,7 +249,7 @@ function mt(e) {
     );
   return (r) => E(t, r);
 }
-function te(e) {
+function ae(e) {
   try {
     const a = K(e);
     return new Q(a).parse(), null;
@@ -258,26 +258,26 @@ function te(e) {
   }
 }
 const G = {
-  linear: Ee,
-  easeInQuad: pe,
-  easeOutQuad: ze,
-  easeInOutQuad: Ae,
-  easeInCubic: Ce,
-  easeOutCubic: Oe,
-  easeInOutCubic: $e,
-  easeInQuart: Se,
-  easeOutQuart: Ie,
-  easeInOutQuart: ke,
-  easeInSine: we,
-  easeOutSine: ve,
-  easeInOutSine: de,
-  easeInExpo: xe,
-  easeOutExpo: be,
-  easeInOutExpo: ye,
-  easeInBack: me,
-  easeOutBack: oe,
-  easeOutElastic: ge,
-  easeOutBounce: fe
+  linear: Fe,
+  easeInQuad: Ee,
+  easeOutQuad: pe,
+  easeInOutQuad: ze,
+  easeInCubic: Ae,
+  easeOutCubic: Ce,
+  easeInOutCubic: Oe,
+  easeInQuart: $e,
+  easeOutQuart: Se,
+  easeInOutQuart: Ie,
+  easeInSine: ke,
+  easeOutSine: we,
+  easeInOutSine: ve,
+  easeInExpo: de,
+  easeOutExpo: xe,
+  easeInOutExpo: be,
+  easeInBack: ye,
+  easeOutBack: me,
+  easeOutElastic: oe,
+  easeOutBounce: ge
 };
 function g(e) {
   if (e !== void 0) {
@@ -290,23 +290,23 @@ function g(e) {
       return a;
     }
     if (e.type === "spring")
-      return Fe({
+      return Re({
         stiffness: e.stiffness,
         damping: e.damping,
         mass: e.mass
       });
     if (e.type === "cubicBezier")
-      return Re(e.x1, e.y1, e.x2, e.y2);
+      return Pe(e.x1, e.y1, e.x2, e.y2);
     throw new Error(`Unknown easing type: ${e.type}`);
   }
 }
 const B = Object.keys(G);
-function ae(e) {
+function re(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 }) : (yt(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 }) : (bt(t.root, "root", a), {
     valid: a.filter((r) => r.severity === "error").length === 0,
     errors: a
   });
@@ -341,18 +341,18 @@ const Y = ["scene", "player", "presentation"], _ = ["card", "slide", "square"],
   "player",
   "scene"
 ], Z = ["none", "fade", "slide-left", "slide-up", "zoom"];
-function yt(e, a, t) {
+function bt(e, a, t) {
   const r = e.type;
   if (!Y.includes(r)) {
     t.push({ path: `${a}.type`, message: `Root type must be one of: ${Y.join(", ")}. Got "${r}"`, severity: "error" });
     return;
   }
-  r === "scene" || r === "player" ? re(e, a, r, t) : r === "presentation" && bt(e, a, t);
+  r === "scene" || r === "player" ? ie(e, a, r, t) : r === "presentation" && xt(e, a, t);
 }
-function re(e, a, t, r) {
-  jt(e, "durationInFrames", a, r), b(e, "width", a, r), b(e, "height", a, r), b(e, "fps", a, r), z(e, "background", a, r), e.preset !== void 0 && (typeof e.preset != "string" || !_.includes(e.preset)) && r.push({ path: `${a}.preset`, message: `preset must be one of: ${_.join(", ")}. Got "${e.preset}"`, severity: "error" }), t === "player" && (W(e, "controls", a, r), W(e, "loop", a, r), W(e, "autoPlay", a, r)), p(e, a, r);
+function ie(e, a, t, r) {
+  Bt(e, "durationInFrames", a, r), b(e, "width", a, r), b(e, "height", a, r), b(e, "fps", a, r), z(e, "background", a, r), e.preset !== void 0 && (typeof e.preset != "string" || !_.includes(e.preset)) && r.push({ path: `${a}.preset`, message: `preset must be one of: ${_.join(", ")}. Got "${e.preset}"`, severity: "error" }), t === "player" && (W(e, "controls", a, r), W(e, "loop", a, r), W(e, "autoPlay", a, r)), p(e, a, r);
 }
-function bt(e, a, t) {
+function xt(e, a, t) {
   if (b(e, "width", a, t), b(e, "height", a, t), z(e, "background", a, t), b(e, "transitionDuration", a, t), W(e, "showHud", a, t), W(e, "showNotes", a, t), e.preset !== void 0 && (typeof e.preset != "string" || !_.includes(e.preset)) && t.push({ path: `${a}.preset`, message: `preset must be one of: ${_.join(", ")}. Got "${e.preset}"`, severity: "error" }), e.transition !== void 0 && (Z.includes(e.transition) || t.push({
     path: `${a}.transition`,
     message: `Invalid transition "${e.transition}". Must be one of: ${Z.join(", ")}`,
@@ -362,16 +362,16 @@ function bt(e, a, t) {
     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) => {
-    xt(r, `${a}.slides[${i}]`, t);
+    dt(r, `${a}.slides[${i}]`, t);
   });
 }
-function xt(e, a, t) {
+function dt(e, a, t) {
   if (!e || typeof e != "object") {
     t.push({ path: a, message: "Slide must be an object", severity: "error" });
     return;
   }
   z(e, "title", a, t), z(e, "notes", a, t), z(e, "background", a, t), e.children !== void 0 && (Array.isArray(e.children) ? e.children.forEach((r, i) => {
-    ie(r, `${a}.children[${i}]`, t);
+    ne(r, `${a}.children[${i}]`, t);
   }) : t.push({ path: `${a}.children`, message: "Slide children must be an array", severity: "error" }));
 }
 function p(e, a, t) {
@@ -380,17 +380,17 @@ function p(e, a, t) {
     return;
   }
   e.children.forEach((r, i) => {
-    ie(r, `${a}.children[${i}]`, t);
+    ne(r, `${a}.children[${i}]`, t);
   });
 }
-function ie(e, a, t) {
+function ne(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 || !q.includes(r)) {
-    const i = r ? ne(r, q) : "";
+    const i = r ? se(r, q) : "";
     t.push({
       path: `${a}.type`,
       message: `Unknown element type "${r}".${i} Valid types: ${q.join(", ")}`,
@@ -400,58 +400,58 @@ function ie(e, a, t) {
   }
   switch (r) {
     case "bezierCurve":
-      dt(e, a, t);
+      vt(e, a, t);
       break;
     case "circle":
-      vt(e, a, t);
+      wt(e, a, t);
       break;
     case "line":
-      wt(e, a, t);
+      kt(e, a, t);
       break;
     case "arrow":
-      kt(e, a, t);
+      It(e, a, t);
       break;
     case "rect":
-      It(e, a, t);
+      St(e, a, t);
       break;
     case "polygon":
-      St(e, a, t);
+      $t(e, a, t);
       break;
     case "text":
-      $t(e, a, t);
+      Ot(e, a, t);
       break;
     case "image":
-      _t(e, a, t);
+      Vt(e, a, t);
       break;
     case "axes":
-      Ot(e, a, t);
+      Ct(e, a, t);
       break;
     case "functionPlot":
-      Ct(e, a, t);
+      At(e, a, t);
       break;
     case "vector":
-      At(e, a, t);
+      zt(e, a, t);
       break;
     case "vectorField":
-      zt(e, a, t);
+      pt(e, a, t);
       break;
     case "matrix":
-      pt(e, a, t);
+      Et(e, a, t);
       break;
     case "graph":
-      Et(e, a, t);
+      Ft(e, a, t);
       break;
     case "latex":
-      Ft(e, a, t);
+      Rt(e, a, t);
       break;
     case "barChart":
-      Lt(e, a, t);
+      jt(e, a, t);
       break;
     case "sequence":
-      Rt(e, a, t);
+      Pt(e, a, t);
       break;
     case "group":
-      Vt(e, a, t);
+      Lt(e, a, t);
       break;
     case "parallel":
       p(e, a, t);
@@ -460,76 +460,76 @@ function ie(e, a, t) {
     case "fadeOut":
     case "draw":
     case "write":
-      Pt(e, a, t);
+      Mt(e, a, t);
       break;
     case "transform":
-      Mt(e, a, t);
+      Tt(e, a, t);
       break;
     case "morph":
-      Tt(e, a, t);
+      Nt(e, a, t);
       break;
     case "stagger":
-      Nt(e, a, t);
+      Wt(e, a, t);
       break;
     case "scene":
     case "player":
-      re(e, a, r, t);
+      ie(e, a, r, t);
       break;
   }
 }
-function dt(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 && P(e, "cx2", a, t), e.cy2 !== void 0 && P(e, "cy2", a, t), w(e, a, t);
-}
 function vt(e, a, t) {
-  h(e, "cx", a, t), h(e, "cy", a, t), F(e, "r", a, t), w(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 && P(e, "cx2", a, t), e.cy2 !== void 0 && P(e, "cy2", a, t), w(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), w(e, a, t);
+  h(e, "cx", a, t), h(e, "cy", a, t), F(e, "r", a, t), w(e, a, t);
 }
 function kt(e, a, t) {
   h(e, "x1", a, t), h(e, "y1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), w(e, a, t);
 }
 function It(e, a, t) {
-  h(e, "x", a, t), h(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), w(e, a, t);
+  h(e, "x1", a, t), h(e, "y1", a, t), h(e, "x2", a, t), h(e, "y2", a, t), w(e, a, t);
 }
 function St(e, a, t) {
+  h(e, "x", a, t), h(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), w(e, a, t);
+}
+function $t(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" }), w(e, a, t);
 }
-function $t(e, a, t) {
+function Ot(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" }), w(e, a, t);
 }
-function Ot(e, a, t) {
+function Ct(e, a, t) {
   S(e, "domain", a, t), S(e, "range", a, t), S(e, "origin", a, t), V(e, a, t);
 }
-function Ct(e, a, t) {
+function At(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 = te(e.fn);
+    const r = ae(e.fn);
     r && t.push({ path: `${a}.fn`, message: `Invalid expression: ${r}`, severity: "error" });
   }
   S(e, "domain", a, t), V(e, a, t);
 }
-function At(e, a, t) {
+function zt(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" }), S(e, "from", a, t), V(e, a, t);
 }
-function zt(e, a, t) {
+function pt(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 = te(e.fn);
+    const r = ae(e.fn);
     r && t.push({ path: `${a}.fn`, message: `Invalid vector expression: ${r}`, severity: "error" });
   }
   S(e, "domain", a, t), S(e, "range", a, t), V(e, a, t);
 }
-function pt(e, a, t) {
+function Et(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" }), w(e, a, t);
 }
-function Et(e, a, t) {
+function Ft(e, a, t) {
   if (!Array.isArray(e.nodes))
     t.push({ path: `${a}.nodes`, message: 'Graph requires a "nodes" array', severity: "error" });
   else {
@@ -542,16 +542,16 @@ function Et(e, a, t) {
   }
   w(e, a, t);
 }
-function Ft(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), w(e, a, t);
-}
 function Rt(e, a, t) {
-  h(e, "from", a, t), Bt(e, "durationInFrames", a, t), p(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), w(e, a, t);
 }
 function Pt(e, a, t) {
-  b(e, "duration", a, t), M(e, a, t), p(e, a, t);
+  h(e, "from", a, t), qt(e, "durationInFrames", a, t), p(e, a, t);
 }
 function Mt(e, a, t) {
+  b(e, "duration", a, t), M(e, a, t), p(e, a, t);
+}
+function Tt(e, a, t) {
   if (b(e, "duration", a, t), M(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" });
@@ -570,46 +570,46 @@ function Mt(e, a, t) {
   }
   p(e, a, t);
 }
-function Tt(e, a, t) {
+function Nt(e, a, t) {
   b(e, "duration", a, t), M(e, a, t), z(e, "fromColor", a, t), z(e, "toColor", a, t), p(e, a, t);
 }
-function Nt(e, a, t) {
+function Wt(e, a, t) {
   b(e, "staggerDelay", a, t), M(e, a, t), p(e, a, t);
 }
 function w(e, a, t) {
-  b(e, "fadeIn", a, t), b(e, "fadeOut", a, t), b(e, "draw", a, t), M(e, a, t), Wt(e, a, t);
+  b(e, "fadeIn", a, t), b(e, "fadeOut", a, t), b(e, "draw", a, t), M(e, a, t), Dt(e, a, t);
 }
 function V(e, a, t) {
-  b(e, "fadeIn", a, t), b(e, "fadeOut", a, t), b(e, "draw", a, t), M(e, a, t), Dt(e, a, t);
+  b(e, "fadeIn", a, t), b(e, "fadeOut", a, t), b(e, "draw", a, t), M(e, a, t), _t(e, a, t);
 }
 const ee = ["none", "circle", "ellipse"];
-function Wt(e, a, t) {
+function Dt(e, a, t) {
   if (P(e, "rotation", a, t), S(e, "rotationOrigin", a, t), S(e, "translate", a, t), P(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 Dt(e, a, t) {
+function _t(e, a, t) {
   P(e, "rotation", a, t), S(e, "rotationOrigin", a, t), S(e, "translate", a, t), P(e, "zIndex", a, t);
 }
-function _t(e, a, t) {
+function Vt(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), F(e, "width", a, t), F(e, "height", a, t), z(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 && (ee.includes(e.clipShape) || t.push({
     path: `${a}.clipShape`,
     message: `Invalid clipShape "${e.clipShape}". Must be one of: ${ee.join(", ")}`,
     severity: "error"
   })), w(e, a, t);
 }
-function Vt(e, a, t) {
+function Lt(e, a, t) {
   p(e, a, t), w(e, a, t);
 }
-function Lt(e, a, t) {
+function jt(e, a, t) {
   h(e, "x", a, t), h(e, "y", a, t), F(e, "width", a, t), F(e, "height", a, t), Array.isArray(e.bars) || t.push({ path: `${a}.bars`, message: 'BarChart requires a "bars" array', severity: "error" }), w(e, a, t);
 }
 function M(e, a, t) {
   if (e.easing !== void 0) {
     if (typeof e.easing == "string") {
       if (!B.includes(e.easing)) {
-        const r = ne(e.easing, B);
+        const r = se(e.easing, B);
         t.push({
           path: `${a}.easing`,
           message: `Unknown easing "${e.easing}".${r} Available: ${B.join(", ")}`,
@@ -638,14 +638,14 @@ function h(e, a, t, r) {
 function F(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 jt(e, a, t, r) {
+function Bt(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 b(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 Bt(e, a, t, r) {
+function qt(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" });
 }
@@ -662,13 +662,13 @@ function S(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 ne(e, a) {
+function se(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 se = {
+const ce = {
   foreground: { cssVar: "--elucim-foreground", fallback: "#c8d6e5" },
   background: { cssVar: "--elucim-background", fallback: "#0a0a1e" },
   title: { cssVar: "--elucim-title", fallback: "#e0e7ff" },
@@ -683,24 +683,24 @@ const se = {
   success: { cssVar: "--elucim-success", fallback: "#34d399" },
   warning: { cssVar: "--elucim-warning", fallback: "#fbbf24" },
   error: { cssVar: "--elucim-error", fallback: "#f87171" }
-}, fa = Object.keys(se);
+}, ga = Object.keys(ce);
 function u(e) {
   if (e === void 0) return;
   if (!e.startsWith("$")) return e;
-  const a = e.slice(1), t = se[a];
+  const a = e.slice(1), t = ce[a];
   return t ? `var(${t.cssVar}, ${t.fallback})` : `var(--elucim-${a})`;
 }
-const qt = {
+const Ut = {
   card: [640, 360],
   slide: [1280, 720],
   square: [600, 600]
 };
 function L(e, a, t) {
   if (!e) return { width: a, height: t };
-  const [r, i] = qt[e];
+  const [r, i] = Ut[e];
   return { width: a ?? r, height: t ?? i };
 }
-function ce(e, a) {
+function le(e, a) {
   switch (e.type) {
     case "scene":
       return H(e, a);
@@ -719,15 +719,15 @@ function ce(e, a) {
           a
         );
       }
-      return le(e, a);
+      return ue(e, a);
     case "presentation":
-      return Ut(e);
+      return Gt(e);
   }
 }
 function H(e, a) {
   const t = (a == null ? void 0 : a.frame) !== void 0, { width: r, height: i } = L(e.preset, e.width, e.height);
   return /* @__PURE__ */ l(
-    Me,
+    Te,
     {
       width: r,
       height: i,
@@ -740,10 +740,10 @@ function H(e, a) {
     }
   );
 }
-function le(e, a) {
+function ue(e, a) {
   const { width: t, height: r } = L(e.preset, e.width, e.height);
   return /* @__PURE__ */ l(
-    Te,
+    Ne,
     {
       ref: a == null ? void 0 : a.playerRef,
       width: t,
@@ -759,10 +759,10 @@ function le(e, a) {
     }
   );
 }
-function Ut(e) {
+function Gt(e) {
   const { width: a, height: t } = L(e.preset, e.width, e.height);
   return /* @__PURE__ */ l(
-    Pe,
+    Me,
     {
       width: a,
       height: t,
@@ -771,22 +771,22 @@ function Ut(e) {
       transitionDuration: e.transitionDuration,
       showHUD: e.showHud,
       showNotes: e.showNotes,
-      children: e.slides.map((r, i) => Gt(r, i))
+      children: e.slides.map((r, i) => Ht(r, i))
     }
   );
 }
-function Gt(e, a) {
+function Ht(e, a) {
   var t;
-  return /* @__PURE__ */ l(Ne, { title: e.title, notes: e.notes, background: u(e.background), children: (t = e.children) == null ? void 0 : t.map((r, i) => v(r, i)) }, a);
+  return /* @__PURE__ */ l(We, { title: e.title, notes: e.notes, background: u(e.background), children: (t = e.children) == null ? void 0 : t.map((r, i) => v(r, i)) }, a);
 }
 function v(e, a) {
   var t, r, i, n;
   switch (e.type) {
     case "sequence":
-      return /* @__PURE__ */ l(ct, { from: e.from, durationInFrames: e.durationInFrames, name: e.name, children: e.children.map((s, c) => v(s, c)) }, a);
+      return /* @__PURE__ */ l(lt, { from: e.from, durationInFrames: e.durationInFrames, name: e.name, children: e.children.map((s, c) => v(s, c)) }, a);
     case "group":
       return /* @__PURE__ */ l(
-        st,
+        ct,
         {
           fadeIn: e.fadeIn,
           fadeOut: e.fadeOut,
@@ -802,7 +802,7 @@ function v(e, a) {
       );
     case "bezierCurve":
       return /* @__PURE__ */ l(
-        nt,
+        st,
         {
           x1: e.x1,
           y1: e.y1,
@@ -831,7 +831,7 @@ function v(e, a) {
       );
     case "circle":
       return /* @__PURE__ */ l(
-        it,
+        nt,
         {
           cx: e.cx,
           cy: e.cy,
@@ -854,7 +854,7 @@ function v(e, a) {
       );
     case "line":
       return /* @__PURE__ */ l(
-        rt,
+        it,
         {
           x1: e.x1,
           y1: e.y1,
@@ -878,7 +878,7 @@ function v(e, a) {
       );
     case "arrow":
       return /* @__PURE__ */ l(
-        at,
+        rt,
         {
           x1: e.x1,
           y1: e.y1,
@@ -903,7 +903,7 @@ function v(e, a) {
       );
     case "rect":
       return /* @__PURE__ */ l(
-        tt,
+        at,
         {
           x: e.x,
           y: e.y,
@@ -930,7 +930,7 @@ function v(e, a) {
       );
     case "polygon":
       return /* @__PURE__ */ l(
-        et,
+        tt,
         {
           points: e.points,
           fill: u(e.fill),
@@ -977,7 +977,7 @@ function v(e, a) {
       );
     case "image":
       return /* @__PURE__ */ l(
-        Ze,
+        et,
         {
           src: e.src,
           x: e.x,
@@ -1001,7 +1001,7 @@ function v(e, a) {
       );
     case "axes":
       return /* @__PURE__ */ l(
-        Ye,
+        Ze,
         {
           domain: e.domain,
           range: e.range,
@@ -1029,7 +1029,7 @@ function v(e, a) {
     case "functionPlot": {
       let s;
       try {
-        s = ot(e.fn);
+        s = mt(e.fn);
       } catch {
         return /* @__PURE__ */ l(
           j,
@@ -1045,7 +1045,7 @@ function v(e, a) {
         );
       }
       return /* @__PURE__ */ l(
-        Je,
+        Ye,
         {
           fn: (c) => s({ x: c }),
           domain: e.domain,
@@ -1068,7 +1068,7 @@ function v(e, a) {
     }
     case "vector":
       return /* @__PURE__ */ l(
-        Xe,
+        Je,
         {
           from: e.from,
           to: e.to,
@@ -1095,7 +1095,7 @@ function v(e, a) {
     case "vectorField": {
       let s;
       try {
-        s = mt(e.fn);
+        s = yt(e.fn);
       } catch {
         return /* @__PURE__ */ l(
           j,
@@ -1111,7 +1111,7 @@ function v(e, a) {
         );
       }
       return /* @__PURE__ */ l(
-        Qe,
+        Xe,
         {
           fn: (c, x) => s({ x: c, y: x }),
           domain: e.domain,
@@ -1138,7 +1138,7 @@ function v(e, a) {
     }
     case "matrix":
       return /* @__PURE__ */ l(
-        Ke,
+        Qe,
         {
           values: e.values,
           x: e.x,
@@ -1160,7 +1160,7 @@ function v(e, a) {
       );
     case "graph":
       return /* @__PURE__ */ l(
-        He,
+        Ke,
         {
           nodes: e.nodes,
           edges: e.edges,
@@ -1183,7 +1183,7 @@ function v(e, a) {
       );
     case "latex":
       return /* @__PURE__ */ l(
-        Ge,
+        He,
         {
           expression: e.expression,
           x: e.x,
@@ -1204,7 +1204,7 @@ function v(e, a) {
       );
     case "barChart":
       return /* @__PURE__ */ l(
-        Ue,
+        Ge,
         {
           bars: e.bars,
           x: e.x,
@@ -1230,16 +1230,16 @@ function v(e, a) {
         a
       );
     case "fadeIn":
-      return /* @__PURE__ */ l(qe, { duration: e.duration, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
+      return /* @__PURE__ */ l(Ue, { duration: e.duration, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
     case "fadeOut":
-      return /* @__PURE__ */ l(Be, { duration: e.duration, totalFrames: e.totalFrames, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
+      return /* @__PURE__ */ l(qe, { duration: e.duration, totalFrames: e.totalFrames, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
     case "draw":
-      return /* @__PURE__ */ l(je, { duration: e.duration, pathLength: e.pathLength, easing: g(e.easing), children: v(e.children[0], 0) }, a);
+      return /* @__PURE__ */ l(Be, { duration: e.duration, pathLength: e.pathLength, easing: g(e.easing), children: v(e.children[0], 0) }, a);
     case "write":
-      return /* @__PURE__ */ l(Le, { duration: e.duration, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
+      return /* @__PURE__ */ l(je, { duration: e.duration, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
     case "transform":
       return /* @__PURE__ */ l(
-        Ve,
+        Le,
         {
           duration: e.duration,
           easing: g(e.easing),
@@ -1253,7 +1253,7 @@ function v(e, a) {
       );
     case "morph":
       return /* @__PURE__ */ l(
-        _e,
+        Ve,
         {
           duration: e.duration,
           easing: g(e.easing),
@@ -1268,18 +1268,18 @@ function v(e, a) {
         a
       );
     case "stagger":
-      return /* @__PURE__ */ l(De, { staggerDelay: e.staggerDelay, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
+      return /* @__PURE__ */ l(_e, { staggerDelay: e.staggerDelay, easing: g(e.easing), children: e.children.map((s, c) => v(s, c)) }, a);
     case "parallel":
-      return /* @__PURE__ */ l(We, { children: e.children.map((s, c) => v(s, c)) }, a);
+      return /* @__PURE__ */ l(De, { children: e.children.map((s, c) => v(s, c)) }, a);
     case "scene":
       return /* @__PURE__ */ l(X.Fragment, { children: H(e) }, a);
     case "player":
-      return /* @__PURE__ */ l(X.Fragment, { children: le(e) }, a);
+      return /* @__PURE__ */ l(X.Fragment, { children: ue(e) }, a);
     default:
       return null;
   }
 }
-const ue = {
+const he = {
   background: "#0a0a1e",
   title: "#e0e7ff",
   subtitle: "#94a3b8",
@@ -1294,7 +1294,7 @@ const ue = {
   warning: "#fbbf24",
   error: "#f87171",
   palette: ["#4fc3f7", "#a78bfa", "#f472b6", "#34d399", "#fbbf24", "#fb923c", "#6366f1", "#22d3ee"]
-}, Ht = {
+}, Kt = {
   background: "#f8fafc",
   title: "#1e293b",
   subtitle: "#64748b",
@@ -1310,14 +1310,14 @@ const ue = {
   error: "#dc2626",
   palette: ["#2563eb", "#7c3aed", "#db2777", "#16a34a", "#d97706", "#ea580c", "#4f46e5", "#0891b2"]
 };
-function Kt(e) {
+function Qt(e) {
   if (!e) return {};
   const a = {};
   for (const [t, r] of Object.entries(e))
     r !== void 0 && (a[`--elucim-${t}`] = r);
   return a;
 }
-function he(e) {
+function fe(e) {
   return {
     "--elucim-foreground": e.text,
     "--elucim-background": e.background,
@@ -1334,51 +1334,51 @@ function he(e) {
     "--elucim-error": e.error
   };
 }
-const Qt = he(ue), Xt = he(Ht);
-function Jt(e) {
+const Xt = fe(he), Jt = fe(Kt);
+function Yt(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 Yt() {
+function Zt() {
   return typeof window > "u" || typeof window.matchMedia != "function" ? !0 : window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Zt() {
+function ea() {
   return !0;
 }
-function ea() {
-  return ft(Jt, Yt, Zt);
+function ta() {
+  return gt(Yt, Zt, ea);
 }
-const ga = lt(function({ dsl: a, className: t, style: r, theme: i, colorScheme: n, poster: s, onError: c }, x) {
-  const o = ut(null), k = ea();
-  ht(x, () => ({
+const oa = ut(function({ dsl: a, className: t, style: r, theme: i, colorScheme: n, poster: s, onError: c }, x) {
+  const m = ht(null), k = ta();
+  ft(x, () => ({
     getSvgElement: () => {
       var f;
-      return ((f = o.current) == null ? void 0 : f.getSvgElement()) ?? null;
+      return ((f = m.current) == null ? void 0 : f.getSvgElement()) ?? null;
     },
     seekToFrame: (f) => {
       var C;
-      return (C = o.current) == null ? void 0 : C.seekToFrame(f);
+      return (C = m.current) == null ? void 0 : C.seekToFrame(f);
     },
     getTotalFrames: () => {
       var f;
-      return ((f = o.current) == null ? void 0 : f.getTotalFrames()) ?? 0;
+      return ((f = m.current) == null ? void 0 : f.getTotalFrames()) ?? 0;
     },
     play: () => {
       var f;
-      return (f = o.current) == null ? void 0 : f.play();
+      return (f = m.current) == null ? void 0 : f.play();
     },
     pause: () => {
       var f;
-      return (f = o.current) == null ? void 0 : f.pause();
+      return (f = m.current) == null ? void 0 : f.pause();
     },
     isPlaying: () => {
       var f;
-      return ((f = o.current) == null ? void 0 : f.isPlaying()) ?? !1;
+      return ((f = m.current) == null ? void 0 : f.isPlaying()) ?? !1;
     }
   }));
-  const y = ae(a);
+  const y = re(a);
   if (!y.valid) {
     const f = y.errors.filter((I) => I.severity === "error").map((I) => ({ path: I.path, message: I.message }));
     c == null || c(f);
@@ -1420,17 +1420,17 @@ const ga = lt(function({ dsl: a, className: t, style: r, theme: i, colorScheme:
       }
     );
   }
-  const m = Kt(i);
+  const o = Qt(i);
   let d = {};
-  n && (d = (n === "auto" ? k : n === "dark") ? Qt : Xt);
-  const $ = s !== void 0 ? ta(s, a) : void 0, O = n ? n === "auto" ? k ? "dark" : "light" : n : void 0;
-  return /* @__PURE__ */ l("div", { className: t, style: { ...d, ...m, ...r }, "data-testid": "dsl-root", children: ce(a.root, {
+  n && (d = (n === "auto" ? k : n === "dark") ? Xt : Jt);
+  const $ = s !== void 0 ? aa(s, a) : void 0, O = n ? n === "auto" ? k ? "dark" : "light" : n : void 0;
+  return /* @__PURE__ */ l("div", { className: t, style: { ...d, ...o, ...r }, "data-testid": "dsl-root", children: le(a.root, {
     frame: $ == null ? void 0 : $.frame,
-    playerRef: o,
+    playerRef: m,
     colorScheme: O
   }) });
 });
-function ta(e, a) {
+function aa(e, a) {
   if (e === "first") return { frame: 0 };
   if (e === "last") {
     const r = a.root.durationInFrames ?? 1;
@@ -1438,8 +1438,8 @@ function ta(e, a) {
   }
   return { frame: e };
 }
-function aa(e, a, t) {
-  const r = ae(e);
+function ra(e, a, t) {
+  const r = re(e);
   if (!r.valid) {
     const s = r.errors.filter((c) => c.severity === "error");
     throw new Error(
@@ -1450,31 +1450,40 @@ ${s.map((c) => `  ${c.path}: ${c.message}`).join(`
   }
   const i = { ...e.root };
   t != null && t.width && (i.width = t.width), t != null && t.height && (i.height = t.height);
-  const n = ce(i, { frame: a });
-  return gt(n);
+  const n = le(i, { frame: a });
+  return ot(n);
 }
-async function oa(e, a, t) {
-  const r = (t == null ? void 0 : t.scale) ?? 2, n = aa(e, a, {
+function te(e) {
+  let a;
+  do
+    a = e, e = e.replace(/var\(--[a-z][\w-]*,\s*([^)]+)\)/gi, "$1");
+  while (e !== a);
+  return e = e.replace(/var\(--[a-z][\w-]*\)/gi, "none"), e = e.replace(/light-dark\([^,]+,\s*([^)]+)\)/gi, "$1"), e;
+}
+async function ma(e, a, t) {
+  const r = (t == null ? void 0 : t.scale) ?? 2, n = ra(e, a, {
     width: t == null ? void 0 : t.width,
     height: t == null ? void 0 : t.height
   }).match(/<svg[\s\S]*<\/svg>/);
   if (!n)
     throw new Error("renderToSvgString did not produce an SVG element");
   let s = n[0];
-  const c = s.match(/viewBox="0 0 (\d+(?:\.\d+)?) (\d+(?:\.\d+)?)"/), x = (t == null ? void 0 : t.width) ?? (c ? parseFloat(c[1]) : 800), o = (t == null ? void 0 : t.height) ?? (c ? parseFloat(c[2]) : 600), k = Math.round(x * r), y = Math.round(o * r);
+  const c = s.match(/viewBox="0 0 (\d+(?:\.\d+)?) (\d+(?:\.\d+)?)"/), x = (t == null ? void 0 : t.width) ?? (c ? parseFloat(c[1]) : 800), m = (t == null ? void 0 : t.height) ?? (c ? parseFloat(c[2]) : 600), k = Math.round(x * r), y = Math.round(m * r);
   s = s.replace(/width="100%"/, `width="${k}"`).replace(/height="100%"/, `height="${y}"`), s.includes("xmlns=") || (s = s.replace("<svg", '<svg xmlns="http://www.w3.org/2000/svg"')), s = s.replace(/style="[^"]*position:\s*absolute[^"]*"/, "");
-  const m = e.root.background ?? "#ffffff", d = `<rect width="${x}" height="${o}" fill="${m}"/>`;
-  s = s.replace(/>/, `>${d}`);
+  let o = e.root.background ?? "#ffffff";
+  o.startsWith("$") && (o = u(o) ?? "#ffffff"), o = te(o);
+  const d = `<rect width="${x}" height="${m}" fill="${o}"/>`;
+  s = s.replace(/>/, `>${d}`), s = te(s);
   const O = `data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(s)))}`;
-  return typeof OffscreenCanvas < "u" ? ra(O, k, y) : ia(O, k, y);
+  return typeof OffscreenCanvas < "u" ? ia(O, k, y) : na(O, k, y);
 }
-async function ra(e, a, t) {
+async function ia(e, a, t) {
   const i = await (await fetch(e)).blob(), n = await createImageBitmap(i, { resizeWidth: a, resizeHeight: t }), s = new OffscreenCanvas(a, t);
   s.getContext("2d").drawImage(n, 0, 0, a, t), n.close();
-  const o = await (await s.convertToBlob({ type: "image/png" })).arrayBuffer();
-  return new Uint8Array(o);
+  const m = await (await s.convertToBlob({ type: "image/png" })).arrayBuffer();
+  return new Uint8Array(m);
 }
-function ia(e, a, t) {
+function na(e, a, t) {
   return new Promise((r, i) => {
     const n = new Image();
     n.onload = () => {
@@ -1482,14 +1491,14 @@ function ia(e, a, t) {
       s.width = a, s.height = t, s.getContext("2d").drawImage(n, 0, 0, a, t), s.toBlob(
         (x) => {
           if (!x) return i(new Error("Failed to render PNG from SVG"));
-          x.arrayBuffer().then((o) => r(new Uint8Array(o)));
+          x.arrayBuffer().then((m) => r(new Uint8Array(m)));
         },
         "image/png"
       );
     }, n.onerror = () => i(new Error("Failed to load SVG data URI for PNG render")), n.src = e;
   });
 }
-class na {
+class sa {
   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;
   }
@@ -1710,12 +1719,12 @@ class na {
   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, s = (t == null ? void 0 : t.y) ?? 250, c = a.length * r + (a.length - 1) * n, x = (this._width - c) / 2;
     t == null || t.fadeIn;
-    const o = a.map((y, m) => {
-      const d = x + m * (r + n);
+    const m = a.map((y, o) => {
+      const d = x + o * (r + n);
       return { x: d, y: s, w: r, h: i, cx: d + r / 2, cy: s + i / 2 };
-    }), k = a.map((y, m) => {
+    }), k = a.map((y, o) => {
       var f, C;
-      const d = o[m], $ = ((f = t == null ? void 0 : t.colors) == null ? void 0 : f[m]) ?? this.theme.boxFill, O = ((C = t == null ? void 0 : t.strokeColors) == null ? void 0 : C[m]) ?? this.theme.boxStroke;
+      const d = m[o], $ = ((f = t == null ? void 0 : t.colors) == null ? void 0 : f[o]) ?? this.theme.boxFill, O = ((C = t == null ? void 0 : t.strokeColors) == null ? void 0 : C[o]) ?? this.theme.boxStroke;
       return {
         type: "group",
         children: [
@@ -1747,7 +1756,7 @@ class na {
       type: "stagger",
       staggerDelay: 3,
       children: k
-    }, 8 + a.length * 2), o;
+    }, 8 + a.length * 2), m;
   }
   /**
    * Render a vertical stack of labeled boxes.
@@ -1756,18 +1765,18 @@ class na {
     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, c = (t == null ? void 0 : t.x) ?? this.cx;
     t == null || t.fadeIn;
     const x = a.map((k, y) => {
-      const m = s + y * (i + n);
-      return { x: c - r / 2, y: m, w: r, h: i, cx: c, cy: m + i / 2 };
-    }), o = a.map((k, y) => {
+      const o = s + y * (i + n);
+      return { x: c - r / 2, y: o, w: r, h: i, cx: c, cy: o + i / 2 };
+    }), m = a.map((k, y) => {
       var $, O;
-      const m = x[y], d = (($ = t == null ? void 0 : t.colors) == null ? void 0 : $[y]) ?? this.theme.boxFill;
+      const o = x[y], d = (($ = t == null ? void 0 : t.colors) == null ? void 0 : $[y]) ?? this.theme.boxFill;
       return {
         type: "group",
         children: [
           {
             type: "rect",
-            x: m.x,
-            y: m.y,
+            x: o.x,
+            y: o.y,
             width: r,
             height: i,
             fill: d,
@@ -1777,8 +1786,8 @@ class na {
           },
           {
             type: "text",
-            x: m.cx,
-            y: m.cy + 5,
+            x: o.cx,
+            y: o.cy + 5,
             content: k,
             fontSize: (t == null ? void 0 : t.fontSize) ?? 13,
             fill: (t == null ? void 0 : t.textColor) ?? this.theme.text,
@@ -1790,7 +1799,7 @@ class na {
     return this.addAtCursor({
       type: "stagger",
       staggerDelay: 3,
-      children: o
+      children: m
     }, 8 + a.length * 2), x;
   }
   /**
@@ -1874,9 +1883,9 @@ class na {
     return { elements: this.elements, durationInFrames: a };
   }
 }
-class sa {
+class ca {
   constructor(a, t, r) {
-    this._slides = [], this._title = a, this._theme = t ?? ue, this._opts = {
+    this._slides = [], this._title = a, this._theme = t ?? he, this._opts = {
       width: 900,
       height: 640,
       fps: 30,
@@ -1894,7 +1903,7 @@ class sa {
   /** Build the final ElucimDocument */
   build() {
     const a = this._slides.map((r) => {
-      const i = new na(
+      const i = new sa(
         this._theme,
         this._opts.fps,
         this._opts.width,
@@ -1940,30 +1949,30 @@ class sa {
     return JSON.stringify(this.build(), null, a ? 2 : void 0);
   }
 }
-function ma(e, a, t) {
-  return new sa(e, a, t);
+function ya(e, a, t) {
+  return new ca(e, a, t);
 }
 export {
-  ga as DslRenderer,
-  sa as PresentationBuilder,
-  se as SEMANTIC_TOKENS,
-  na as SlideBuilder,
-  fa as TOKEN_NAMES,
-  ot as compileExpression,
-  mt as compileVectorExpression,
-  ue as darkTheme,
-  Ht as lightTheme,
-  ma as presentation,
+  oa as DslRenderer,
+  ca as PresentationBuilder,
+  ce as SEMANTIC_TOKENS,
+  sa as SlideBuilder,
+  ga as TOKEN_NAMES,
+  mt as compileExpression,
+  yt as compileVectorExpression,
+  he as darkTheme,
+  Kt as lightTheme,
+  ya as presentation,
   v as renderElement,
-  le as renderPlayer,
-  Ut as renderPresentation,
-  ce as renderRoot,
+  ue as renderPlayer,
+  Gt as renderPresentation,
+  le as renderRoot,
   H as renderScene,
-  Gt as renderSlide,
-  oa as renderToPng,
-  aa as renderToSvgString,
+  Ht as renderSlide,
+  ma as renderToPng,
+  ra as renderToSvgString,
   u as resolveColor,
   g as resolveEasing,
-  ae as validate,
-  te as validateExpression
+  re as validate,
+  ae as validateExpression
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elucim/dsl",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "JSON/YAML DSL for declarative Elucim animations — define visualizations without writing React code",
   "type": "module",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@elucim/core": "0.8.0"
+    "@elucim/core": "0.8.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",