@constela/server 17.0.1 → 18.0.0

package/dist/index.d.ts

@@ -1,23 +1,13 @@
 import { CompiledProgram } from '@constela/compiler';
-import { StreamingRenderOptions } from '@constela/core';
+import { StylePreset, StreamingRenderOptions } from '@constela/core';
 
 /**
  * SSR Renderer
  *
  * Renders CompiledProgram to HTML string for Server-Side Rendering.
+ * Uses the unified evaluate module from @constela/core.
  */
 
-/**
- * Style preset definition for SSR
- */
-interface StylePreset$1 {
-    base: string;
-    variants?: Record<string, Record<string, string>>;
-    defaultVariants?: Record<string, string>;
-    compoundVariants?: Array<Record<string, string> & {
-        class: string;
-    }>;
-}
 /**
  * Options for renderToString
  */
@@ -28,7 +18,7 @@ interface RenderOptions {
         path?: string;
     };
     imports?: Record<string, unknown>;
-    styles?: Record<string, StylePreset$1>;
+    styles?: Record<string, StylePreset>;
     stateOverrides?: Record<string, unknown>;
     cookies?: Record<string, string>;
 }
@@ -46,6 +36,7 @@ declare function renderToString(program: CompiledProgram, options?: RenderOption
  *
  * Renders CompiledProgram to a ReadableStream for Server-Side Rendering.
  * Uses Web Streams API for Edge Runtime compatibility.
+ * Uses the unified evaluate module from @constela/core.
  *
  * Features:
  * - Three flush strategies: immediate, batched, manual
@@ -54,17 +45,6 @@ declare function renderToString(program: CompiledProgram, options?: RenderOption
  * - Suspense boundary support for async content
  */
 
-/**
- * Style preset definition for SSR
- */
-interface StylePreset {
-    base: string;
-    variants?: Record<string, Record<string, string>>;
-    defaultVariants?: Record<string, string>;
-    compoundVariants?: Array<Record<string, string> & {
-        class: string;
-    }>;
-}
 /**
  * Extended options for streaming render
  */

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/renderer.ts
-import { isCookieInitialExpr, callGlobalFunction } from "@constela/core";
+import { isCookieInitialExpr, evaluate as coreEvaluate } from "@constela/core";
 
 // src/markdown.ts
 import { marked } from "marked";
@@ -108,7 +108,37 @@ async function parseMarkdownSSRAsync(content) {
   });
 }
 
-// src/renderer.ts
+// src/shared.ts
+import { GLOBAL_FUNCTIONS } from "@constela/core";
+var ssrAdapter = {
+  resolveRef: () => null,
+  resolveValidity: () => false,
+  resolveGlobal(name) {
+    const safeGlobals = {
+      JSON,
+      Math,
+      Date,
+      Object,
+      Array,
+      String,
+      Number,
+      Boolean,
+      console,
+      ...GLOBAL_FUNCTIONS
+    };
+    return safeGlobals[name];
+  }
+};
+function toCoreContext(ctx) {
+  return {
+    state: ctx.state,
+    locals: ctx.locals,
+    route: ctx.route,
+    imports: ctx.imports,
+    styles: ctx.styles,
+    env: ssrAdapter
+  };
+}
 var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -125,557 +155,6 @@ var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-var SAFE_ARRAY_METHODS = /* @__PURE__ */ new Set([
-  "length",
-  "at",
-  "includes",
-  "slice",
-  "indexOf",
-  "join",
-  "filter",
-  "map",
-  "find",
-  "findIndex",
-  "some",
-  "every"
-]);
-var SAFE_STRING_METHODS = /* @__PURE__ */ new Set([
-  "length",
-  "charAt",
-  "substring",
-  "slice",
-  "split",
-  "trim",
-  "toUpperCase",
-  "toLowerCase",
-  "replace",
-  "includes",
-  "startsWith",
-  "endsWith",
-  "indexOf"
-]);
-var SAFE_MATH_METHODS = /* @__PURE__ */ new Set([
-  "min",
-  "max",
-  "round",
-  "floor",
-  "ceil",
-  "abs",
-  "sqrt",
-  "pow",
-  "random",
-  "sin",
-  "cos",
-  "tan"
-]);
-var SAFE_DATE_STATIC_METHODS = /* @__PURE__ */ new Set(["now", "parse"]);
-var SAFE_DATE_INSTANCE_METHODS = /* @__PURE__ */ new Set([
-  "toISOString",
-  "toDateString",
-  "toTimeString",
-  "getTime",
-  "getFullYear",
-  "getMonth",
-  "getDate",
-  "getHours",
-  "getMinutes",
-  "getSeconds",
-  "getMilliseconds"
-]);
-function isEventHandler(value) {
-  return typeof value === "object" && value !== null && "event" in value && "action" in value;
-}
-function createLambdaFunction(lambda, ctx) {
-  return (item, index) => {
-    const lambdaLocals = {
-      ...ctx.locals,
-      [lambda.param]: item
-    };
-    if (lambda.index !== void 0) {
-      lambdaLocals[lambda.index] = index;
-    }
-    return evaluate(lambda.body, { ...ctx, locals: lambdaLocals });
-  };
-}
-function callArrayMethod(target, method, args, ctx, rawArgs) {
-  if (!SAFE_ARRAY_METHODS.has(method)) return void 0;
-  switch (method) {
-    case "length":
-      return target.length;
-    case "at": {
-      const index = typeof args[0] === "number" ? args[0] : 0;
-      return target.at(index);
-    }
-    case "includes": {
-      const searchElement = args[0];
-      const fromIndex = typeof args[1] === "number" ? args[1] : void 0;
-      return target.includes(searchElement, fromIndex);
-    }
-    case "slice": {
-      const start = typeof args[0] === "number" ? args[0] : void 0;
-      const end = typeof args[1] === "number" ? args[1] : void 0;
-      return target.slice(start, end);
-    }
-    case "indexOf": {
-      const searchElement = args[0];
-      const fromIndex = typeof args[1] === "number" ? args[1] : void 0;
-      return target.indexOf(searchElement, fromIndex);
-    }
-    case "join": {
-      const separator = typeof args[0] === "string" ? args[0] : ",";
-      return target.join(separator);
-    }
-    case "filter": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction(lambdaExpr, ctx);
-      return target.filter((item, index) => !!fn(item, index));
-    }
-    case "map": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction(lambdaExpr, ctx);
-      return target.map((item, index) => fn(item, index));
-    }
-    case "find": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction(lambdaExpr, ctx);
-      return target.find((item, index) => !!fn(item, index));
-    }
-    case "findIndex": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction(lambdaExpr, ctx);
-      return target.findIndex((item, index) => !!fn(item, index));
-    }
-    case "some": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction(lambdaExpr, ctx);
-      return target.some((item, index) => !!fn(item, index));
-    }
-    case "every": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction(lambdaExpr, ctx);
-      return target.every((item, index) => !!fn(item, index));
-    }
-    default:
-      return void 0;
-  }
-}
-function callStringMethod(target, method, args) {
-  if (!SAFE_STRING_METHODS.has(method)) return void 0;
-  switch (method) {
-    case "length":
-      return target.length;
-    case "charAt": {
-      const index = typeof args[0] === "number" ? args[0] : 0;
-      return target.charAt(index);
-    }
-    case "substring": {
-      const start = typeof args[0] === "number" ? args[0] : 0;
-      const end = typeof args[1] === "number" ? args[1] : void 0;
-      return target.substring(start, end);
-    }
-    case "slice": {
-      const start = typeof args[0] === "number" ? args[0] : void 0;
-      const end = typeof args[1] === "number" ? args[1] : void 0;
-      return target.slice(start, end);
-    }
-    case "split": {
-      const separator = typeof args[0] === "string" ? args[0] : "";
-      return target.split(separator);
-    }
-    case "trim":
-      return target.trim();
-    case "toUpperCase":
-      return target.toUpperCase();
-    case "toLowerCase":
-      return target.toLowerCase();
-    case "replace": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const replace = typeof args[1] === "string" ? args[1] : "";
-      return target.replace(search, replace);
-    }
-    case "includes": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const position = typeof args[1] === "number" ? args[1] : void 0;
-      return target.includes(search, position);
-    }
-    case "startsWith": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const position = typeof args[1] === "number" ? args[1] : void 0;
-      return target.startsWith(search, position);
-    }
-    case "endsWith": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const length = typeof args[1] === "number" ? args[1] : void 0;
-      return target.endsWith(search, length);
-    }
-    case "indexOf": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const position = typeof args[1] === "number" ? args[1] : void 0;
-      return target.indexOf(search, position);
-    }
-    default:
-      return void 0;
-  }
-}
-function callMathMethod(method, args) {
-  if (!SAFE_MATH_METHODS.has(method)) return void 0;
-  const numbers = args.filter((a) => typeof a === "number");
-  switch (method) {
-    case "min":
-      return numbers.length > 0 ? Math.min(...numbers) : void 0;
-    case "max":
-      return numbers.length > 0 ? Math.max(...numbers) : void 0;
-    case "round":
-      return numbers[0] !== void 0 ? Math.round(numbers[0]) : void 0;
-    case "floor":
-      return numbers[0] !== void 0 ? Math.floor(numbers[0]) : void 0;
-    case "ceil":
-      return numbers[0] !== void 0 ? Math.ceil(numbers[0]) : void 0;
-    case "abs":
-      return numbers[0] !== void 0 ? Math.abs(numbers[0]) : void 0;
-    case "sqrt":
-      return numbers[0] !== void 0 ? Math.sqrt(numbers[0]) : void 0;
-    case "pow":
-      return numbers[0] !== void 0 && numbers[1] !== void 0 ? Math.pow(numbers[0], numbers[1]) : void 0;
-    case "random":
-      return Math.random();
-    case "sin":
-      return numbers[0] !== void 0 ? Math.sin(numbers[0]) : void 0;
-    case "cos":
-      return numbers[0] !== void 0 ? Math.cos(numbers[0]) : void 0;
-    case "tan":
-      return numbers[0] !== void 0 ? Math.tan(numbers[0]) : void 0;
-    default:
-      return void 0;
-  }
-}
-function callDateStaticMethod(method, args) {
-  if (!SAFE_DATE_STATIC_METHODS.has(method)) return void 0;
-  switch (method) {
-    case "now":
-      return Date.now();
-    case "parse": {
-      const dateString = args[0];
-      return typeof dateString === "string" ? Date.parse(dateString) : void 0;
-    }
-    default:
-      return void 0;
-  }
-}
-function callDateInstanceMethod(target, method) {
-  if (!SAFE_DATE_INSTANCE_METHODS.has(method)) return void 0;
-  switch (method) {
-    case "toISOString":
-      return target.toISOString();
-    case "toDateString":
-      return target.toDateString();
-    case "toTimeString":
-      return target.toTimeString();
-    case "getTime":
-      return target.getTime();
-    case "getFullYear":
-      return target.getFullYear();
-    case "getMonth":
-      return target.getMonth();
-    case "getDate":
-      return target.getDate();
-    case "getHours":
-      return target.getHours();
-    case "getMinutes":
-      return target.getMinutes();
-    case "getSeconds":
-      return target.getSeconds();
-    case "getMilliseconds":
-      return target.getMilliseconds();
-    default:
-      return void 0;
-  }
-}
-function evaluate(expr, ctx) {
-  switch (expr.expr) {
-    case "lit":
-      return expr.value;
-    case "state":
-      return ctx.state.get(expr.name);
-    case "local":
-      return ctx.locals[expr.name];
-    case "var": {
-      let varName = expr.name;
-      let pathParts = [];
-      if (varName.includes(".")) {
-        const parts = varName.split(".");
-        varName = parts[0];
-        pathParts = parts.slice(1);
-      }
-      if (expr.path) {
-        pathParts = pathParts.concat(expr.path.split("."));
-      }
-      const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-      for (const part of pathParts) {
-        if (forbiddenKeys.has(part)) {
-          return void 0;
-        }
-      }
-      let value = ctx.locals[varName];
-      for (const part of pathParts) {
-        if (value == null) break;
-        value = value[part];
-      }
-      return value;
-    }
-    case "bin":
-      return evaluateBinary(expr.op, expr.left, expr.right, ctx);
-    case "not":
-      return !evaluate(expr.operand, ctx);
-    case "cond":
-      return evaluate(expr.if, ctx) ? evaluate(expr.then, ctx) : evaluate(expr.else, ctx);
-    case "get": {
-      const baseValue = evaluate(expr.base, ctx);
-      if (baseValue == null) return void 0;
-      const pathParts = expr.path.split(".");
-      const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-      let value = baseValue;
-      for (const part of pathParts) {
-        if (forbiddenKeys.has(part)) return void 0;
-        if (value == null) return void 0;
-        value = value[part];
-      }
-      return value;
-    }
-    case "route": {
-      const source = expr.source ?? "param";
-      const routeCtx = ctx.route;
-      if (!routeCtx) return "";
-      switch (source) {
-        case "param":
-          return routeCtx.params[expr.name] ?? "";
-        case "query":
-          return routeCtx.query[expr.name] ?? "";
-        case "path":
-          return routeCtx.path;
-      }
-    }
-    case "import": {
-      const importData = ctx.imports?.[expr.name];
-      if (importData === void 0) return void 0;
-      if (expr.path) {
-        return getNestedValue(importData, expr.path);
-      }
-      return importData;
-    }
-    case "data": {
-      const dataValue = ctx.imports?.[expr.name];
-      if (dataValue === void 0) return void 0;
-      if (expr.path) {
-        return getNestedValue(dataValue, expr.path);
-      }
-      return dataValue;
-    }
-    case "ref":
-      return null;
-    case "index": {
-      const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-      const base = evaluate(expr.base, ctx);
-      const key = evaluate(expr.key, ctx);
-      if (base == null || key == null) return void 0;
-      if (typeof key === "string" && forbiddenKeys.has(key)) return void 0;
-      return base[key];
-    }
-    case "param": {
-      return void 0;
-    }
-    case "style": {
-      return evaluateStyle(expr, ctx);
-    }
-    case "concat": {
-      return expr.items.map((item) => {
-        const val = evaluate(item, ctx);
-        return val == null ? "" : String(val);
-      }).join("");
-    }
-    case "validity": {
-      return false;
-    }
-    case "call": {
-      const callExpr = expr;
-      if (callExpr.target === null) {
-        const globalArgs = callExpr.args?.map((arg) => {
-          if (arg.expr === "lambda") return arg;
-          return evaluate(arg, ctx);
-        }) ?? [];
-        return callGlobalFunction(callExpr.method, globalArgs);
-      }
-      const target = evaluate(callExpr.target, ctx);
-      if (target == null) return void 0;
-      const args = callExpr.args?.map((arg) => {
-        if (arg.expr === "lambda") return arg;
-        return evaluate(arg, ctx);
-      }) ?? [];
-      if (Array.isArray(target)) {
-        return callArrayMethod(target, callExpr.method, args, ctx, callExpr.args);
-      }
-      if (typeof target === "string") {
-        return callStringMethod(target, callExpr.method, args);
-      }
-      if (target === Math) {
-        return callMathMethod(callExpr.method, args);
-      }
-      if (target === Date) {
-        return callDateStaticMethod(callExpr.method, args);
-      }
-      if (target instanceof Date) {
-        return callDateInstanceMethod(target, callExpr.method);
-      }
-      return void 0;
-    }
-    case "lambda": {
-      return void 0;
-    }
-    case "array": {
-      const arrayExpr = expr;
-      return arrayExpr.elements.map((elem) => evaluate(elem, ctx));
-    }
-    case "obj": {
-      const objExpr = expr;
-      const result = {};
-      for (const [key, value] of Object.entries(objExpr.props)) {
-        result[key] = evaluate(value, ctx);
-      }
-      return result;
-    }
-    default: {
-      const _exhaustiveCheck = expr;
-      throw new Error(`Unknown expression type: ${JSON.stringify(_exhaustiveCheck)}`);
-    }
-  }
-}
-function getNestedValue(obj, path) {
-  const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-  const parts = path.split(".");
-  let value = obj;
-  for (const part of parts) {
-    if (forbiddenKeys.has(part)) {
-      return void 0;
-    }
-    if (value == null) {
-      return void 0;
-    }
-    if (Array.isArray(value)) {
-      const index = Number(part);
-      if (Number.isInteger(index) && index >= 0) {
-        value = value[index];
-      } else {
-        value = value[part];
-      }
-    } else if (typeof value === "object") {
-      value = value[part];
-    } else {
-      return void 0;
-    }
-  }
-  return value;
-}
-function evaluateBinary(op, left, right, ctx) {
-  if (op === "&&") {
-    const leftVal2 = evaluate(left, ctx);
-    if (!leftVal2) return leftVal2;
-    return evaluate(right, ctx);
-  }
-  if (op === "||") {
-    const leftVal2 = evaluate(left, ctx);
-    if (leftVal2) return leftVal2;
-    return evaluate(right, ctx);
-  }
-  const leftVal = evaluate(left, ctx);
-  const rightVal = evaluate(right, ctx);
-  switch (op) {
-    case "+":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal + rightVal;
-      }
-      return String(leftVal) + String(rightVal);
-    case "-":
-      return (typeof leftVal === "number" ? leftVal : 0) - (typeof rightVal === "number" ? rightVal : 0);
-    case "*":
-      return (typeof leftVal === "number" ? leftVal : 0) * (typeof rightVal === "number" ? rightVal : 0);
-    case "/": {
-      const dividend = typeof leftVal === "number" ? leftVal : 0;
-      const divisor = typeof rightVal === "number" ? rightVal : 0;
-      if (divisor === 0) {
-        return dividend === 0 ? NaN : dividend > 0 ? Infinity : -Infinity;
-      }
-      return dividend / divisor;
-    }
-    case "%": {
-      const dividend = typeof leftVal === "number" ? leftVal : 0;
-      const divisor = typeof rightVal === "number" ? rightVal : 0;
-      if (divisor === 0) return NaN;
-      return dividend % divisor;
-    }
-    case "==":
-      return leftVal === rightVal;
-    case "!=":
-      return leftVal !== rightVal;
-    case "<":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal < rightVal;
-      }
-      return String(leftVal) < String(rightVal);
-    case "<=":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal <= rightVal;
-      }
-      return String(leftVal) <= String(rightVal);
-    case ">":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal > rightVal;
-      }
-      return String(leftVal) > String(rightVal);
-    case ">=":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal >= rightVal;
-      }
-      return String(leftVal) >= String(rightVal);
-    default:
-      throw new Error("Unknown binary operator: " + op);
-  }
-}
-function evaluateStyle(expr, ctx) {
-  const preset = ctx.styles?.[expr.name];
-  if (!preset) return "";
-  let classes = preset.base;
-  if (preset.variants) {
-    for (const variantKey of Object.keys(preset.variants)) {
-      let variantValueStr = null;
-      if (expr.variants?.[variantKey]) {
-        let variantValue;
-        try {
-          variantValue = evaluate(expr.variants[variantKey], ctx);
-        } catch {
-          continue;
-        }
-        if (variantValue != null) {
-          variantValueStr = String(variantValue);
-        }
-      } else if (preset.defaultVariants?.[variantKey] !== void 0) {
-        variantValueStr = preset.defaultVariants[variantKey];
-      }
-      if (variantValueStr !== null) {
-        const variantClasses = preset.variants[variantKey]?.[variantValueStr];
-        if (variantClasses) {
-          classes += " " + variantClasses;
-        }
-      }
-    }
-  }
-  return classes.trim();
-}
 function formatValue(value) {
   if (value === null || value === void 0) {
     return "";
@@ -685,6 +164,11 @@ function formatValue(value) {
   }
   return String(value);
 }
+
+// src/renderer.ts
+function isEventHandler(value) {
+  return typeof value === "object" && value !== null && "event" in value && "action" in value;
+}
 async function renderNode(node, ctx) {
   switch (node.kind) {
     case "element":
@@ -726,7 +210,7 @@ async function renderElement(node, ctx) {
       if (isEventHandler(propValue)) {
         continue;
       }
-      const value = evaluate(propValue, ctx);
+      const value = coreEvaluate(propValue, toCoreContext(ctx));
       if (value === false) {
         continue;
       }
@@ -752,11 +236,11 @@ async function renderElement(node, ctx) {
   return `<${tag}${attrs}>${childrenHtml}</${tag}>`;
 }
 function renderText(node, ctx) {
-  const value = evaluate(node.value, ctx);
+  const value = coreEvaluate(node.value, toCoreContext(ctx));
   return escapeHtml(formatValue(value));
 }
 async function renderIf(node, ctx) {
-  const condition = evaluate(node.condition, ctx);
+  const condition = coreEvaluate(node.condition, toCoreContext(ctx));
   if (condition) {
     const content = await renderNode(node.then, ctx);
     return `<!--if:then-->${content}`;
@@ -768,7 +252,7 @@ async function renderIf(node, ctx) {
   return "<!--if:none-->";
 }
 async function renderEach(node, ctx) {
-  const items = evaluate(node.items, ctx);
+  const items = coreEvaluate(node.items, toCoreContext(ctx));
   if (!Array.isArray(items)) {
     return "";
   }
@@ -791,13 +275,14 @@ async function renderEach(node, ctx) {
   return result;
 }
 async function renderMarkdown(node, ctx) {
-  const content = evaluate(node.content, ctx);
+  const content = coreEvaluate(node.content, toCoreContext(ctx));
   const html = await parseMarkdownSSRAsync(formatValue(content));
   return `<div class="constela-markdown">${html}</div>`;
 }
 async function renderCode(node, ctx) {
-  const language = formatValue(evaluate(node.language, ctx));
-  const content = formatValue(evaluate(node.content, ctx));
+  const coreCtx = toCoreContext(ctx);
+  const language = formatValue(coreEvaluate(node.language, coreCtx));
+  const content = formatValue(coreEvaluate(node.content, coreCtx));
   const highlightedCode = await renderCodeSSR(content, language);
   const languageBadge = language ? `<div class="absolute right-12 top-3 z-10 rounded bg-muted-foreground/20 px-2 py-0.5 text-xs font-medium text-muted-foreground">${escapeHtml(language)}</div>` : "";
   const copyButton = `<button class="constela-copy-btn absolute right-3 top-3 z-10 flex h-8 w-8 items-center justify-center rounded-md border border-border bg-background/80 opacity-0 transition-opacity hover:bg-muted group-hover:opacity-100" data-copy-target="code" aria-label="Copy code"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button>`;
@@ -816,7 +301,7 @@ async function renderLocalState(node, ctx) {
     const initial = field.initial;
     if (initial && typeof initial === "object" && "expr" in initial) {
       const evalCtx = { ...ctx, locals: progressiveLocals };
-      localStateValues[name] = evaluate(initial, evalCtx);
+      localStateValues[name] = coreEvaluate(initial, toCoreContext(evalCtx));
     } else {
       localStateValues[name] = initial;
     }
@@ -887,581 +372,11 @@ async function renderToString(program, options) {
 }
 
 // src/streaming.ts
-import { isCookieInitialExpr as isCookieInitialExpr2 } from "@constela/core";
-var VOID_ELEMENTS2 = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-var SAFE_ARRAY_METHODS2 = /* @__PURE__ */ new Set([
-  "length",
-  "at",
-  "includes",
-  "slice",
-  "indexOf",
-  "join",
-  "filter",
-  "map",
-  "find",
-  "findIndex",
-  "some",
-  "every"
-]);
-var SAFE_STRING_METHODS2 = /* @__PURE__ */ new Set([
-  "length",
-  "charAt",
-  "substring",
-  "slice",
-  "split",
-  "trim",
-  "toUpperCase",
-  "toLowerCase",
-  "replace",
-  "includes",
-  "startsWith",
-  "endsWith",
-  "indexOf"
-]);
-var SAFE_MATH_METHODS2 = /* @__PURE__ */ new Set([
-  "min",
-  "max",
-  "round",
-  "floor",
-  "ceil",
-  "abs",
-  "sqrt",
-  "pow",
-  "random",
-  "sin",
-  "cos",
-  "tan"
-]);
-var SAFE_DATE_STATIC_METHODS2 = /* @__PURE__ */ new Set(["now", "parse"]);
-var SAFE_DATE_INSTANCE_METHODS2 = /* @__PURE__ */ new Set([
-  "toISOString",
-  "toDateString",
-  "toTimeString",
-  "getTime",
-  "getFullYear",
-  "getMonth",
-  "getDate",
-  "getHours",
-  "getMinutes",
-  "getSeconds",
-  "getMilliseconds"
-]);
+import { isCookieInitialExpr as isCookieInitialExpr2, evaluate as coreEvaluate2 } from "@constela/core";
 var CHUNK_SIZE_THRESHOLD = 1024;
 function isEventHandler2(value) {
   return typeof value === "object" && value !== null && "event" in value && "action" in value;
 }
-function createLambdaFunction2(lambda, ctx) {
-  return (item, index) => {
-    const lambdaLocals = {
-      ...ctx.locals,
-      [lambda.param]: item
-    };
-    if (lambda.index !== void 0) {
-      lambdaLocals[lambda.index] = index;
-    }
-    return evaluate2(lambda.body, { ...ctx, locals: lambdaLocals });
-  };
-}
-function callArrayMethod2(target, method, args, ctx, rawArgs) {
-  if (!SAFE_ARRAY_METHODS2.has(method)) return void 0;
-  switch (method) {
-    case "length":
-      return target.length;
-    case "at": {
-      const index = typeof args[0] === "number" ? args[0] : 0;
-      return target.at(index);
-    }
-    case "includes": {
-      const searchElement = args[0];
-      const fromIndex = typeof args[1] === "number" ? args[1] : void 0;
-      return target.includes(searchElement, fromIndex);
-    }
-    case "slice": {
-      const start = typeof args[0] === "number" ? args[0] : void 0;
-      const end = typeof args[1] === "number" ? args[1] : void 0;
-      return target.slice(start, end);
-    }
-    case "indexOf": {
-      const searchElement = args[0];
-      const fromIndex = typeof args[1] === "number" ? args[1] : void 0;
-      return target.indexOf(searchElement, fromIndex);
-    }
-    case "join": {
-      const separator = typeof args[0] === "string" ? args[0] : ",";
-      return target.join(separator);
-    }
-    case "filter": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction2(lambdaExpr, ctx);
-      return target.filter((item, index) => !!fn(item, index));
-    }
-    case "map": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction2(lambdaExpr, ctx);
-      return target.map((item, index) => fn(item, index));
-    }
-    case "find": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction2(lambdaExpr, ctx);
-      return target.find((item, index) => !!fn(item, index));
-    }
-    case "findIndex": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction2(lambdaExpr, ctx);
-      return target.findIndex((item, index) => !!fn(item, index));
-    }
-    case "some": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction2(lambdaExpr, ctx);
-      return target.some((item, index) => !!fn(item, index));
-    }
-    case "every": {
-      const lambdaExpr = rawArgs?.[0];
-      if (!lambdaExpr || lambdaExpr.expr !== "lambda") return void 0;
-      const fn = createLambdaFunction2(lambdaExpr, ctx);
-      return target.every((item, index) => !!fn(item, index));
-    }
-    default:
-      return void 0;
-  }
-}
-function callStringMethod2(target, method, args) {
-  if (!SAFE_STRING_METHODS2.has(method)) return void 0;
-  switch (method) {
-    case "length":
-      return target.length;
-    case "charAt": {
-      const index = typeof args[0] === "number" ? args[0] : 0;
-      return target.charAt(index);
-    }
-    case "substring": {
-      const start = typeof args[0] === "number" ? args[0] : 0;
-      const end = typeof args[1] === "number" ? args[1] : void 0;
-      return target.substring(start, end);
-    }
-    case "slice": {
-      const start = typeof args[0] === "number" ? args[0] : void 0;
-      const end = typeof args[1] === "number" ? args[1] : void 0;
-      return target.slice(start, end);
-    }
-    case "split": {
-      const separator = typeof args[0] === "string" ? args[0] : "";
-      return target.split(separator);
-    }
-    case "trim":
-      return target.trim();
-    case "toUpperCase":
-      return target.toUpperCase();
-    case "toLowerCase":
-      return target.toLowerCase();
-    case "replace": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const replace = typeof args[1] === "string" ? args[1] : "";
-      return target.replace(search, replace);
-    }
-    case "includes": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const position = typeof args[1] === "number" ? args[1] : void 0;
-      return target.includes(search, position);
-    }
-    case "startsWith": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const position = typeof args[1] === "number" ? args[1] : void 0;
-      return target.startsWith(search, position);
-    }
-    case "endsWith": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const length = typeof args[1] === "number" ? args[1] : void 0;
-      return target.endsWith(search, length);
-    }
-    case "indexOf": {
-      const search = typeof args[0] === "string" ? args[0] : "";
-      const position = typeof args[1] === "number" ? args[1] : void 0;
-      return target.indexOf(search, position);
-    }
-    default:
-      return void 0;
-  }
-}
-function callMathMethod2(method, args) {
-  if (!SAFE_MATH_METHODS2.has(method)) return void 0;
-  const numbers = args.filter((a) => typeof a === "number");
-  switch (method) {
-    case "min":
-      return numbers.length > 0 ? Math.min(...numbers) : void 0;
-    case "max":
-      return numbers.length > 0 ? Math.max(...numbers) : void 0;
-    case "round":
-      return numbers[0] !== void 0 ? Math.round(numbers[0]) : void 0;
-    case "floor":
-      return numbers[0] !== void 0 ? Math.floor(numbers[0]) : void 0;
-    case "ceil":
-      return numbers[0] !== void 0 ? Math.ceil(numbers[0]) : void 0;
-    case "abs":
-      return numbers[0] !== void 0 ? Math.abs(numbers[0]) : void 0;
-    case "sqrt":
-      return numbers[0] !== void 0 ? Math.sqrt(numbers[0]) : void 0;
-    case "pow":
-      return numbers[0] !== void 0 && numbers[1] !== void 0 ? Math.pow(numbers[0], numbers[1]) : void 0;
-    case "random":
-      return Math.random();
-    case "sin":
-      return numbers[0] !== void 0 ? Math.sin(numbers[0]) : void 0;
-    case "cos":
-      return numbers[0] !== void 0 ? Math.cos(numbers[0]) : void 0;
-    case "tan":
-      return numbers[0] !== void 0 ? Math.tan(numbers[0]) : void 0;
-    default:
-      return void 0;
-  }
-}
-function callDateStaticMethod2(method, args) {
-  if (!SAFE_DATE_STATIC_METHODS2.has(method)) return void 0;
-  switch (method) {
-    case "now":
-      return Date.now();
-    case "parse": {
-      const dateString = args[0];
-      return typeof dateString === "string" ? Date.parse(dateString) : void 0;
-    }
-    default:
-      return void 0;
-  }
-}
-function callDateInstanceMethod2(target, method) {
-  if (!SAFE_DATE_INSTANCE_METHODS2.has(method)) return void 0;
-  switch (method) {
-    case "toISOString":
-      return target.toISOString();
-    case "toDateString":
-      return target.toDateString();
-    case "toTimeString":
-      return target.toTimeString();
-    case "getTime":
-      return target.getTime();
-    case "getFullYear":
-      return target.getFullYear();
-    case "getMonth":
-      return target.getMonth();
-    case "getDate":
-      return target.getDate();
-    case "getHours":
-      return target.getHours();
-    case "getMinutes":
-      return target.getMinutes();
-    case "getSeconds":
-      return target.getSeconds();
-    case "getMilliseconds":
-      return target.getMilliseconds();
-    default:
-      return void 0;
-  }
-}
-function evaluate2(expr, ctx) {
-  switch (expr.expr) {
-    case "lit":
-      return expr.value;
-    case "state":
-      return ctx.state.get(expr.name);
-    case "local":
-      return ctx.locals[expr.name];
-    case "var": {
-      let varName = expr.name;
-      let pathParts = [];
-      if (varName.includes(".")) {
-        const parts = varName.split(".");
-        varName = parts[0];
-        pathParts = parts.slice(1);
-      }
-      if (expr.path) {
-        pathParts = pathParts.concat(expr.path.split("."));
-      }
-      const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-      for (const part of pathParts) {
-        if (forbiddenKeys.has(part)) {
-          return void 0;
-        }
-      }
-      let value = ctx.locals[varName];
-      for (const part of pathParts) {
-        if (value == null) break;
-        value = value[part];
-      }
-      return value;
-    }
-    case "bin":
-      return evaluateBinary2(expr.op, expr.left, expr.right, ctx);
-    case "not":
-      return !evaluate2(expr.operand, ctx);
-    case "cond":
-      return evaluate2(expr.if, ctx) ? evaluate2(expr.then, ctx) : evaluate2(expr.else, ctx);
-    case "get": {
-      const baseValue = evaluate2(expr.base, ctx);
-      if (baseValue == null) return void 0;
-      const pathParts = expr.path.split(".");
-      const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-      let value = baseValue;
-      for (const part of pathParts) {
-        if (forbiddenKeys.has(part)) return void 0;
-        if (value == null) return void 0;
-        value = value[part];
-      }
-      return value;
-    }
-    case "route": {
-      const source = expr.source ?? "param";
-      const routeCtx = ctx.route;
-      if (!routeCtx) return "";
-      switch (source) {
-        case "param":
-          return routeCtx.params[expr.name] ?? "";
-        case "query":
-          return routeCtx.query[expr.name] ?? "";
-        case "path":
-          return routeCtx.path;
-        default:
-          return "";
-      }
-    }
-    case "import": {
-      const importData = ctx.imports?.[expr.name];
-      if (importData === void 0) return void 0;
-      if (expr.path) {
-        return getNestedValue2(importData, expr.path);
-      }
-      return importData;
-    }
-    case "data": {
-      const dataValue = ctx.imports?.[expr.name];
-      if (dataValue === void 0) return void 0;
-      if (expr.path) {
-        return getNestedValue2(dataValue, expr.path);
-      }
-      return dataValue;
-    }
-    case "ref":
-      return null;
-    case "index": {
-      const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-      const base = evaluate2(expr.base, ctx);
-      const key = evaluate2(expr.key, ctx);
-      if (base == null || key == null) return void 0;
-      if (typeof key === "string" && forbiddenKeys.has(key)) return void 0;
-      return base[key];
-    }
-    case "param": {
-      return void 0;
-    }
-    case "style": {
-      return evaluateStyle2(expr, ctx);
-    }
-    case "concat": {
-      return expr.items.map((item) => {
-        const val = evaluate2(item, ctx);
-        return val == null ? "" : String(val);
-      }).join("");
-    }
-    case "validity": {
-      return false;
-    }
-    case "call": {
-      const callExpr = expr;
-      if (callExpr.target === null) {
-        return void 0;
-      }
-      const target = evaluate2(callExpr.target, ctx);
-      if (target == null) return void 0;
-      const args = callExpr.args?.map((arg) => {
-        if (arg.expr === "lambda") return arg;
-        return evaluate2(arg, ctx);
-      }) ?? [];
-      if (Array.isArray(target)) {
-        return callArrayMethod2(target, callExpr.method, args, ctx, callExpr.args);
-      }
-      if (typeof target === "string") {
-        return callStringMethod2(target, callExpr.method, args);
-      }
-      if (target === Math) {
-        return callMathMethod2(callExpr.method, args);
-      }
-      if (target === Date) {
-        return callDateStaticMethod2(callExpr.method, args);
-      }
-      if (target instanceof Date) {
-        return callDateInstanceMethod2(target, callExpr.method);
-      }
-      return void 0;
-    }
-    case "lambda": {
-      return void 0;
-    }
-    case "array": {
-      const arrayExpr = expr;
-      return arrayExpr.elements.map((elem) => evaluate2(elem, ctx));
-    }
-    case "obj": {
-      const objExpr = expr;
-      const result = {};
-      for (const [key, value] of Object.entries(objExpr.props)) {
-        result[key] = evaluate2(value, ctx);
-      }
-      return result;
-    }
-    default: {
-      return void 0;
-    }
-  }
-}
-function getNestedValue2(obj, path) {
-  const forbiddenKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-  const parts = path.split(".");
-  let value = obj;
-  for (const part of parts) {
-    if (forbiddenKeys.has(part)) {
-      return void 0;
-    }
-    if (value == null) {
-      return void 0;
-    }
-    if (Array.isArray(value)) {
-      const index = Number(part);
-      if (Number.isInteger(index) && index >= 0) {
-        value = value[index];
-      } else {
-        value = value[part];
-      }
-    } else if (typeof value === "object") {
-      value = value[part];
-    } else {
-      return void 0;
-    }
-  }
-  return value;
-}
-function evaluateBinary2(op, left, right, ctx) {
-  if (op === "&&") {
-    const leftVal2 = evaluate2(left, ctx);
-    if (!leftVal2) return leftVal2;
-    return evaluate2(right, ctx);
-  }
-  if (op === "||") {
-    const leftVal2 = evaluate2(left, ctx);
-    if (leftVal2) return leftVal2;
-    return evaluate2(right, ctx);
-  }
-  const leftVal = evaluate2(left, ctx);
-  const rightVal = evaluate2(right, ctx);
-  switch (op) {
-    case "+":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal + rightVal;
-      }
-      return String(leftVal) + String(rightVal);
-    case "-":
-      return (typeof leftVal === "number" ? leftVal : 0) - (typeof rightVal === "number" ? rightVal : 0);
-    case "*":
-      return (typeof leftVal === "number" ? leftVal : 0) * (typeof rightVal === "number" ? rightVal : 0);
-    case "/": {
-      const dividend = typeof leftVal === "number" ? leftVal : 0;
-      const divisor = typeof rightVal === "number" ? rightVal : 0;
-      if (divisor === 0) {
-        return dividend === 0 ? NaN : dividend > 0 ? Infinity : -Infinity;
-      }
-      return dividend / divisor;
-    }
-    case "%": {
-      const dividend = typeof leftVal === "number" ? leftVal : 0;
-      const divisor = typeof rightVal === "number" ? rightVal : 0;
-      if (divisor === 0) return NaN;
-      return dividend % divisor;
-    }
-    case "==":
-      return leftVal === rightVal;
-    case "!=":
-      return leftVal !== rightVal;
-    case "<":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal < rightVal;
-      }
-      return String(leftVal) < String(rightVal);
-    case "<=":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal <= rightVal;
-      }
-      return String(leftVal) <= String(rightVal);
-    case ">":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal > rightVal;
-      }
-      return String(leftVal) > String(rightVal);
-    case ">=":
-      if (typeof leftVal === "number" && typeof rightVal === "number") {
-        return leftVal >= rightVal;
-      }
-      return String(leftVal) >= String(rightVal);
-    default:
-      throw new Error("Unknown binary operator: " + op);
-  }
-}
-function evaluateStyle2(expr, ctx) {
-  const preset = ctx.styles?.[expr.name];
-  if (!preset) return "";
-  let classes = preset.base;
-  if (preset.variants) {
-    for (const variantKey of Object.keys(preset.variants)) {
-      let variantValueStr = null;
-      if (expr.variants?.[variantKey]) {
-        let variantValue;
-        try {
-          variantValue = evaluate2(expr.variants[variantKey], ctx);
-        } catch {
-          continue;
-        }
-        if (variantValue != null) {
-          variantValueStr = String(variantValue);
-        }
-      } else if (preset.defaultVariants?.[variantKey] !== void 0) {
-        variantValueStr = preset.defaultVariants[variantKey];
-      }
-      if (variantValueStr !== null) {
-        const variantClasses = preset.variants[variantKey]?.[variantValueStr];
-        if (variantClasses) {
-          classes += " " + variantClasses;
-        }
-      }
-    }
-  }
-  return classes.trim();
-}
-function formatValue2(value) {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  if (typeof value === "object") {
-    return JSON.stringify(value);
-  }
-  return String(value);
-}
 function flush(ctx, force = false) {
   if (ctx.aborted) return;
   const { buffer, options, controller } = ctx;
@@ -1547,14 +462,14 @@ async function renderSuspenseToStream(node, ctx) {
 async function renderElementToStream(node, ctx) {
   if (checkAbort(ctx)) return;
   const tag = node.tag;
-  const isVoid = VOID_ELEMENTS2.has(tag);
+  const isVoid = VOID_ELEMENTS.has(tag);
   let attrs = "";
   if (node.props) {
     for (const [propName, propValue] of Object.entries(node.props)) {
       if (isEventHandler2(propValue)) {
         continue;
       }
-      const value = evaluate2(propValue, ctx);
+      const value = coreEvaluate2(propValue, toCoreContext(ctx));
       if (value === false) {
         continue;
       }
@@ -1581,12 +496,12 @@ async function renderElementToStream(node, ctx) {
   write(ctx, "</" + tag + ">");
 }
 function renderTextToStream(node, ctx) {
-  const value = evaluate2(node.value, ctx);
-  write(ctx, escapeHtml(formatValue2(value)));
+  const value = coreEvaluate2(node.value, toCoreContext(ctx));
+  write(ctx, escapeHtml(formatValue(value)));
 }
 async function renderIfToStream(node, ctx) {
   if (checkAbort(ctx)) return;
-  const condition = evaluate2(node.condition, ctx);
+  const condition = coreEvaluate2(node.condition, toCoreContext(ctx));
   if (condition) {
     write(ctx, "<!--if:then-->");
     await renderNodeToStream(node.then, ctx);
@@ -1599,7 +514,7 @@ async function renderIfToStream(node, ctx) {
 }
 async function renderEachToStream(node, ctx) {
   if (checkAbort(ctx)) return;
-  const items = evaluate2(node.items, ctx);
+  const items = coreEvaluate2(node.items, toCoreContext(ctx));
   if (!Array.isArray(items)) {
     return;
   }
@@ -1624,12 +539,13 @@ async function renderEachToStream(node, ctx) {
   }
 }
 async function renderMarkdownToStream(node, ctx) {
-  const content = evaluate2(node.content, ctx);
-  write(ctx, '<div class="constela-markdown">' + escapeHtml(formatValue2(content)) + "</div>");
+  const content = coreEvaluate2(node.content, toCoreContext(ctx));
+  write(ctx, '<div class="constela-markdown">' + escapeHtml(formatValue(content)) + "</div>");
 }
 async function renderCodeToStream(node, ctx) {
-  const language = formatValue2(evaluate2(node.language, ctx));
-  const content = formatValue2(evaluate2(node.content, ctx));
+  const coreCtx = toCoreContext(ctx);
+  const language = formatValue(coreEvaluate2(node.language, coreCtx));
+  const content = formatValue(coreEvaluate2(node.content, coreCtx));
   const languageBadge = language ? '<div class="absolute right-12 top-3 z-10 rounded bg-muted-foreground/20 px-2 py-0.5 text-xs font-medium text-muted-foreground">' + escapeHtml(language) + "</div>" : "";
   const copyButton = '<button class="constela-copy-btn absolute right-3 top-3 z-10 flex h-8 w-8 items-center justify-center rounded-md border border-border bg-background/80 opacity-0 transition-opacity hover:bg-muted group-hover:opacity-100" data-copy-target="code" aria-label="Copy code"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button>';
   write(ctx, '<div class="constela-code" data-code-content="' + escapeHtml(content) + '"><div class="group relative">' + languageBadge + copyButton + "<pre><code>" + escapeHtml(content) + "</code></pre></div></div>");
@@ -1648,7 +564,7 @@ async function renderLocalStateToStream(node, ctx) {
     const initial = field.initial;
     if (initial && typeof initial === "object" && "expr" in initial) {
       const evalCtx = { ...ctx, locals: progressiveLocals };
-      localStateValues[name] = evaluate2(initial, evalCtx);
+      localStateValues[name] = coreEvaluate2(initial, toCoreContext(evalCtx));
     } else {
       localStateValues[name] = initial;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/server",
-  "version": "17.0.1",
+  "version": "18.0.0",
   "description": "Server-side rendering for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,8 +15,8 @@
     "dist"
   ],
   "peerDependencies": {
-    "@constela/compiler": "^0.15.16",
-    "@constela/core": "^0.21.0"
+    "@constela/compiler": "^0.15.21",
+    "@constela/core": "^0.22.0"
   },
   "dependencies": {
     "isomorphic-dompurify": "^2.35.0",
@@ -29,8 +29,8 @@
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vitest": "^2.0.0",
-    "@constela/compiler": "0.15.16",
-    "@constela/core": "0.21.0"
+    "@constela/compiler": "0.15.21",
+    "@constela/core": "0.22.0"
   },
   "engines": {
     "node": ">=20.0.0"