@styleframe/transpiler 2.3.0 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @styleframe/transpiler
 
+## 2.5.0
+
+### Minor Changes
+
+- [#72](https://github.com/styleframe-dev/styleframe/pull/72) [`d98b650`](https://github.com/styleframe-dev/styleframe/commit/d98b65030170582ceacfabde3ba9ff7d92105389) Thanks [@alexgrozav](https://github.com/alexgrozav)! - feat: add support for .styleframe file imports
+
+### Patch Changes
+
+- [#80](https://github.com/styleframe-dev/styleframe/pull/80) [`ff1a689`](https://github.com/styleframe-dev/styleframe/commit/ff1a689f36dc4294b2a7353949c6efd220451e9d) Thanks [@alexgrozav](https://github.com/alexgrozav)! - fix: Expand CSS selector escaping for arbitrary values
+
+  Consolidate escape logic into a single regex and extend escaping to cover additional special characters (#, (, ), %, ,) needed for arbitrary CSS value syntax like `[#1E3A8A]`, `[rgb(255,0,0)]`, and `[calc(100%-20px)]`.
+
+- Updated dependencies [[`d98b650`](https://github.com/styleframe-dev/styleframe/commit/d98b65030170582ceacfabde3ba9ff7d92105389)]:
+  - @styleframe/core@2.5.0
+
+## 2.4.0
+
+### Minor Changes
+
+- [#63](https://github.com/styleframe-dev/styleframe/pull/63) [`ec430e1`](https://github.com/styleframe-dev/styleframe/commit/ec430e11502b3dba69c20ee10b24f0302008883c) Thanks [@alexgrozav](https://github.com/alexgrozav)! - feat: add styleframe runtime for recipes
+
+### Patch Changes
+
+- Updated dependencies [[`ec430e1`](https://github.com/styleframe-dev/styleframe/commit/ec430e11502b3dba69c20ee10b24f0302008883c)]:
+  - @styleframe/core@2.4.0
+
 ## 2.3.0
 
 ### Minor Changes

package/dist/transpiler.d.ts

@@ -1,18 +1,9 @@
-import { AtRule } from '@styleframe/core';
-import { ContainerChild } from '@styleframe/core';
-import { CSS as CSS_2 } from '@styleframe/core';
-import { DeclarationsBlock } from '@styleframe/core';
+import { CamelCase } from 'scule';
 import { KebabCase } from 'scule';
-import { Reference } from '@styleframe/core';
-import { Root } from '@styleframe/core';
-import { Selector } from '@styleframe/core';
 import { Styleframe } from '@styleframe/core';
 import { StyleframeOptions } from '@styleframe/core';
-import { Theme } from '@styleframe/core';
 import { ThemeSelectorFn } from '@styleframe/core';
-import { Utility } from '@styleframe/core';
 import { UtilitySelectorFn } from '@styleframe/core';
-import { Variable } from '@styleframe/core';
 import { VariableNameFn } from '@styleframe/core';
 
 export declare function addIndentToLine(line: string): string;
@@ -29,59 +20,8 @@ export declare type ConsumeFunction = (instance: unknown, options: StyleframeOpt
  */
 export declare function consumeTS(instance: unknown, options: StyleframeOptions): string;
 
-/**
- * Consumes a generic at-rule instance, equivalent to setting a CSS at-rule
- * such as @media, @supports, @keyframes, etc.
- */
-export declare function createAtRuleConsumer(consume: ConsumeFunction): (instance: AtRule, options: StyleframeOptions) => string;
-
-/**
- * Base function for consuming container-like structures (Selector, AtRule)
- */
-export declare function createContainerConsumer(consume: ConsumeFunction): (query: string, instance: {
-    variables?: Variable[];
-    declarations?: DeclarationsBlock;
-    children?: ContainerChild[];
-}, options: StyleframeOptions) => string;
-
-/**
- * Consumes a CSS value, equivalent to the string body of a selector
- */
-export declare function createCSSTemplateLiteralConsumer(consume: ConsumeFunction): (instance: CSS_2, options: StyleframeOptions) => string;
-
-/**
- * Consumes a declarations block, equivalent to setting CSS properties
- */
-export declare function createDeclarationsConsumer(consume: ConsumeFunction): (instance: DeclarationsBlock, options: StyleframeOptions) => string[];
-
 export declare function createFile(name: string, content?: string): OutputFile;
 
-/**
- * Consumes a primitive instance, equivalent to setting a CSS value
- */
-export declare function createPrimitiveConsumer(_consume: ConsumeFunction): (instance: unknown, _options: StyleframeOptions) => string;
-
-/**
- * Consumes a ref instance, equivalent to referencing a CSS variable with optional fallback
- */
-export declare function createRefConsumer(consume: ConsumeFunction): (instance: Reference, options: StyleframeOptions) => string;
-
-export declare function createRootConsumer(consume: ConsumeFunction): (instance: Root, options: StyleframeOptions) => string;
-
-/**
- * Consumes a selector instance, equivalent to setting a CSS selector
- */
-export declare function createSelectorConsumer(consume: ConsumeFunction): (instance: Selector, options: StyleframeOptions) => string;
-
-export declare function createThemeConsumer(consume: ConsumeFunction): (instance: Theme, options: StyleframeOptions) => string;
-
-/**
- * Consumes a utility instance, equivalent to setting a utility CSS selector
- */
-export declare function createUtilityConsumer(consume: ConsumeFunction): (instance: Utility, options: StyleframeOptions) => string;
-
-export declare function createVariableConsumer(consume: ConsumeFunction): (instance: Variable, options: StyleframeOptions) => string;
-
 export declare const DEFAULT_INDENT = "\t";
 
 export declare const defaultThemeSelectorFn: ThemeSelectorFn;
@@ -92,6 +32,8 @@ export declare const defaultVariableNameFn: VariableNameFn;
 
 export declare function indentLines(lines: string): string;
 
+export declare function isUppercase(char: string): boolean;
+
 export declare type Output = {
     files: OutputFile[];
 };
@@ -105,6 +47,8 @@ export declare const STATEMENT_AT_RULES: string[];
 
 export declare const STATEMENT_OR_BLOCK_AT_RULES: string[];
 
+export declare function toCamelCase<S extends string>(str: S): CamelCase<S>;
+
 export declare function toKebabCase<S extends string>(str: S): KebabCase<S>;
 
 export declare function transpile(instance: Styleframe, { type, consumers, }?: TranspileOptions): Promise<Output>;

package/dist/transpiler.js

@@ -1,159 +1,188 @@
-const Ce = "	", N = ["charset", "import", "namespace"], R = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I = ({
+const Fe = "	", N = ["charset", "import", "namespace"], L = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I = ({
   name: e,
   value: t,
-  modifiers: n
-}) => `._${[...n, e, ...t === "default" ? [] : [t]].filter(Boolean).join("\\:")}`, w = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
-function L(e, t) {
+  modifiers: r
+}) => `._${[...r, e, ...t === "default" ? [] : [t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g, "\\$&")}`, w = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
+function U(e, t) {
   return `@${e}${t ? " " : ""}${t}`;
 }
-const P = /\d/, $ = ["-", "_", "/", "."];
+const _ = /\d/, P = ["-", "_", "/", "."];
 function M(e = "") {
-  if (!P.test(e))
+  if (!_.test(e))
     return e !== e.toLowerCase();
 }
-function U(e, t) {
-  const n = $, r = [];
+function $(e, t) {
+  const r = P, n = [];
   if (!e || typeof e != "string")
-    return r;
-  let u = "", a, i;
-  for (const s of e) {
-    const o = n.includes(s);
-    if (o === !0) {
-      r.push(u), u = "", a = void 0;
+    return n;
+  let o = "", s, i;
+  for (const a of e) {
+    const c = r.includes(a);
+    if (c === !0) {
+      n.push(o), o = "", s = void 0;
       continue;
     }
-    const c = M(s);
+    const u = M(a);
     if (i === !1) {
-      if (a === !1 && c === !0) {
-        r.push(u), u = s, a = c;
+      if (s === !1 && u === !0) {
+        n.push(o), o = a, s = u;
         continue;
       }
-      if (a === !0 && c === !1 && u.length > 1) {
-        const f = u.at(-1);
-        r.push(u.slice(0, Math.max(0, u.length - 1))), u = f + s, a = c;
+      if (s === !0 && u === !1 && o.length > 1) {
+        const f = o.at(-1);
+        n.push(o.slice(0, Math.max(0, o.length - 1))), o = f + a, s = u;
         continue;
       }
     }
-    u += s, a = c, i = o;
+    o += a, s = u, i = c;
   }
-  return r.push(u), r;
-}
-function _(e, t) {
-  return e ? (Array.isArray(e) ? e : U(e)).map((n) => n.toLowerCase()).join("-") : "";
+  return n.push(o), n;
 }
 function k(e) {
+  return e ? e[0].toUpperCase() + e.slice(1) : "";
+}
+function x(e) {
+  return e ? e[0].toLowerCase() + e.slice(1) : "";
+}
+function V(e, t) {
+  return e ? (Array.isArray(e) ? e : $(e)).map((r) => k(r)).join("") : "";
+}
+function K(e, t) {
+  return x(V(e || ""));
+}
+function q(e, t) {
+  return e ? (Array.isArray(e) ? e : $(e)).map((r) => r.toLowerCase()).join("-") : "";
+}
+function z(e) {
   return `	${e}`;
 }
-function V(e) {
+function H(e) {
   return e.split(`
-`).map((t) => k(t)).join(`
+`).map((t) => z(t)).join(`
 `);
 }
-function x(e) {
-  return _(e);
+function Q(e) {
+  return e === e.toUpperCase();
 }
-function K(e) {
-  return x(e);
+function Z(e) {
+  return K(e);
+}
+function J(e) {
+  return q(e);
+}
+function W(e) {
+  return J(e);
 }
-function B(e, t) {
-  return `${e.startsWith("--") ? e : K(e)}: ${t};`;
+function O(e, t) {
+  return `${e.startsWith("--") ? e : W(e)}: ${t};`;
 }
-function q(e) {
+function G(e) {
   return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${V(`${t}`)}
+` : ""}${e.map((t) => `${H(`${t}`)}
 `).join("")}}`;
 }
-function O(e) {
+function B(e) {
   return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
 }
-function z(e, t) {
-  return B(O(e), t);
+function Y(e, t) {
+  return O(B(e), t);
 }
-function H(e, t) {
-  return `var(${O(e)}${t ? `, ${t}` : ""})`;
+function X(e, t) {
+  return `var(${B(e)}${t ? `, ${t}` : ""})`;
 }
 function v(e, t) {
-  return `${e} ${q(t)}`;
+  return `${e} ${G(t)}`;
 }
-function Q(e) {
-  return function(n, r) {
-    return Object.entries(n).map(([u, a]) => B(u, e(a, r)));
+function ee(e) {
+  return function(r, n) {
+    return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
   };
 }
 function E(e) {
-  return function(n, r) {
-    const a = (r.variables?.name ?? w)({ name: n.name });
-    return z(a, e(n.value, r));
+  return function(r, n) {
+    const s = (n.variables?.name ?? w)({ name: r.name });
+    return Y(s, e(r.value, n));
   };
 }
-function S(e) {
-  const t = E(e), n = Q(e);
-  return function(u, a, i) {
-    const { variables: s, declarations: o, children: c } = a, f = u === ":root", l = (s ?? []).map(
+function C(e) {
+  const t = E(e), r = ee(e);
+  return function(o, s, i) {
+    const { variables: a, declarations: c, children: u } = s, f = o === ":root", l = (a ?? []).map(
       (A) => t(A, i)
-    ), m = n(
-      o ?? {},
+    ), m = r(
+      c ?? {},
       i
-    ), p = (c ?? []).map(
+    ), y = (u ?? []).map(
       (A) => e(A, i)
-    ), d = l.length > 0, h = m.length > 0, C = p.length > 0;
-    return f ? `${d || h ? v(u, [
+    ), p = l.length > 0, b = m.length > 0, S = y.length > 0;
+    return f ? `${p || b ? v(o, [
       ...l,
-      ...d && h ? [""] : [],
+      ...p && b ? [""] : [],
       ...m
-    ]) : ""}${C && (d || h) ? `
+    ]) : ""}${S && (p || b) ? `
 
-` : ""}${p.join(`
+` : ""}${y.join(`
 
-`)}` : v(u, [
+`)}` : v(o, [
       ...l,
-      ...d && (C || h) ? [""] : [],
+      ...p && (S || b) ? [""] : [],
       ...m,
-      ...h && C ? [""] : [],
-      ...p.flatMap(
-        (A, F) => F === p.length - 1 ? [A] : [A, ""]
+      ...b && S ? [""] : [],
+      ...y.flatMap(
+        (A, F) => F === y.length - 1 ? [A] : [A, ""]
       )
     ]);
   };
 }
-function Z(e) {
-  const t = S(e);
-  return function(r, u) {
-    const a = N.includes(r.identifier), i = R.includes(
-      r.identifier
-    ), s = Object.keys(r.declarations).length > 0, o = r.variables.length > 0, c = r.children.length > 0, f = L(r.identifier, r.rule);
-    return a || i && !(s || o || c) ? `${f};` : t(f, r, u);
+function te(e) {
+  const t = C(e);
+  return function(n, o) {
+    const s = N.includes(n.identifier), i = L.includes(
+      n.identifier
+    ), a = Object.keys(n.declarations).length > 0, c = n.variables.length > 0, u = n.children.length > 0, f = U(n.identifier, n.rule);
+    return s || i && !(a || c || u) ? `${f};` : t(f, n, o);
   };
 }
-function W(e) {
+function re(e) {
+  return function(r, n) {
+    return r.value.map((o) => e(o, n)).join("").trim();
+  };
+}
+function ne(e) {
   return typeof e == "object" && e !== null;
 }
-function b(e, t) {
-  return W(e) && "type" in e && e.type === t;
+function h(e, t) {
+  return ne(e) && "type" in e && e.type === t;
 }
-function J(e) {
-  return b(e, "variable");
+function oe(e) {
+  return h(e, "variable");
 }
-function G(e) {
-  return b(e, "reference");
+function ce(e) {
+  return h(e, "reference");
+}
+function ue(e) {
+  return h(e, "selector");
 }
-function Y(e) {
-  return b(e, "selector");
+function ie(e) {
+  return h(e, "at-rule");
 }
-function X(e) {
-  return b(e, "at-rule");
+function se(e) {
+  return h(e, "utility");
 }
-function ee(e) {
-  return b(e, "utility");
+function ae(e) {
+  return h(e, "css");
 }
-function te(e) {
-  return b(e, "css");
+function le(e) {
+  return h(e, "theme");
 }
-function ne(e) {
-  return b(e, "theme");
+function T(e) {
+  return h(e, "root");
 }
-function re(e) {
-  return b(e, "root");
+function fe(e) {
+  return h(e, "recipe");
+}
+function me(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function g(e) {
   if (e instanceof Buffer)
@@ -165,225 +194,245 @@ function g(e) {
     e.byteLength / e.BYTES_PER_ELEMENT || 1
   );
 }
-function oe(e) {
+function pe(e) {
   if (e = e || {}, e.circular)
-    return ce(e);
+    return ye(e);
   const t = /* @__PURE__ */ new Map();
   if (t.set(Date, (i) => new Date(i)), t.set(
     Map,
-    (i, s) => new Map(r(Array.from(i), s))
+    (i, a) => new Map(n(Array.from(i), a))
   ), t.set(
     Set,
-    (i, s) => new Set(r(Array.from(i), s))
+    (i, a) => new Set(n(Array.from(i), a))
   ), e.constructorHandlers)
     for (const i of e.constructorHandlers)
       t.set(i[0], i[1]);
-  let n;
-  return e.proto ? a : u;
-  function r(i, s) {
-    const o = Object.keys(i), c = Array.from({ length: o.length });
-    for (let f = 0; f < o.length; f++) {
-      const l = o[f], m = i[l];
-      typeof m != "object" || m === null ? c[l] = m : m.constructor !== Object && (n = t.get(m.constructor)) ? c[l] = n(m, s) : ArrayBuffer.isView(m) ? c[l] = g(m) : c[l] = s(m);
+  let r;
+  return e.proto ? s : o;
+  function n(i, a) {
+    const c = Object.keys(i), u = Array.from({ length: c.length });
+    for (let f = 0; f < c.length; f++) {
+      const l = c[f], m = i[l];
+      typeof m != "object" || m === null ? u[l] = m : m.constructor !== Object && (r = t.get(m.constructor)) ? u[l] = r(m, a) : ArrayBuffer.isView(m) ? u[l] = g(m) : u[l] = a(m);
     }
-    return c;
+    return u;
   }
-  function u(i) {
+  function o(i) {
     if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return r(i, u);
-    if (i.constructor !== Object && (n = t.get(i.constructor)))
-      return n(i, u);
-    const s = {};
-    for (const o in i) {
-      if (Object.hasOwnProperty.call(i, o) === !1) continue;
-      const c = i[o];
-      typeof c != "object" || c === null ? s[o] = c : c.constructor !== Object && (n = t.get(c.constructor)) ? s[o] = n(c, u) : ArrayBuffer.isView(c) ? s[o] = g(c) : s[o] = u(c);
+    if (Array.isArray(i)) return n(i, o);
+    if (i.constructor !== Object && (r = t.get(i.constructor)))
+      return r(i, o);
+    const a = {};
+    for (const c in i) {
+      if (Object.hasOwnProperty.call(i, c) === !1) continue;
+      const u = i[c];
+      typeof u != "object" || u === null ? a[c] = u : u.constructor !== Object && (r = t.get(u.constructor)) ? a[c] = r(u, o) : ArrayBuffer.isView(u) ? a[c] = g(u) : a[c] = o(u);
     }
-    return s;
+    return a;
   }
-  function a(i) {
+  function s(i) {
     if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return r(i, a);
-    if (i.constructor !== Object && (n = t.get(i.constructor)))
-      return n(i, a);
-    const s = {};
-    for (const o in i) {
-      const c = i[o];
-      typeof c != "object" || c === null ? s[o] = c : c.constructor !== Object && (n = t.get(c.constructor)) ? s[o] = n(c, a) : ArrayBuffer.isView(c) ? s[o] = g(c) : s[o] = a(c);
+    if (Array.isArray(i)) return n(i, s);
+    if (i.constructor !== Object && (r = t.get(i.constructor)))
+      return r(i, s);
+    const a = {};
+    for (const c in i) {
+      const u = i[c];
+      typeof u != "object" || u === null ? a[c] = u : u.constructor !== Object && (r = t.get(u.constructor)) ? a[c] = r(u, s) : ArrayBuffer.isView(u) ? a[c] = g(u) : a[c] = s(u);
     }
-    return s;
+    return a;
   }
 }
-function ce(e) {
-  const t = [], n = [], r = /* @__PURE__ */ new Map();
-  if (r.set(Date, (o) => new Date(o)), r.set(
+function ye(e) {
+  const t = [], r = [], n = /* @__PURE__ */ new Map();
+  if (n.set(Date, (c) => new Date(c)), n.set(
     Map,
-    (o, c) => new Map(a(Array.from(o), c))
-  ), r.set(
+    (c, u) => new Map(s(Array.from(c), u))
+  ), n.set(
     Set,
-    (o, c) => new Set(a(Array.from(o), c))
+    (c, u) => new Set(s(Array.from(c), u))
   ), e.constructorHandlers)
-    for (const o of e.constructorHandlers)
-      r.set(o[0], o[1]);
-  let u;
-  return e.proto ? s : i;
-  function a(o, c) {
-    const f = Object.keys(o), l = Array.from({ length: f.length });
+    for (const c of e.constructorHandlers)
+      n.set(c[0], c[1]);
+  let o;
+  return e.proto ? a : i;
+  function s(c, u) {
+    const f = Object.keys(c), l = Array.from({ length: f.length });
     for (let m = 0; m < f.length; m++) {
-      const p = f[m], d = o[p];
-      if (typeof d != "object" || d === null)
-        l[p] = d;
-      else if (d.constructor !== Object && (u = r.get(d.constructor)))
-        l[p] = u(d, c);
-      else if (ArrayBuffer.isView(d))
-        l[p] = g(d);
+      const y = f[m], p = c[y];
+      if (typeof p != "object" || p === null)
+        l[y] = p;
+      else if (p.constructor !== Object && (o = n.get(p.constructor)))
+        l[y] = o(p, u);
+      else if (ArrayBuffer.isView(p))
+        l[y] = g(p);
       else {
-        const h = t.indexOf(d);
-        h !== -1 ? l[p] = n[h] : l[p] = c(d);
+        const b = t.indexOf(p);
+        b !== -1 ? l[y] = r[b] : l[y] = u(p);
       }
     }
     return l;
   }
-  function i(o) {
-    if (typeof o != "object" || o === null) return o;
-    if (Array.isArray(o)) return a(o, i);
-    if (o.constructor !== Object && (u = r.get(o.constructor)))
-      return u(o, i);
-    const c = {};
-    t.push(o), n.push(c);
-    for (const f in o) {
-      if (Object.hasOwnProperty.call(o, f) === !1) continue;
-      const l = o[f];
+  function i(c) {
+    if (typeof c != "object" || c === null) return c;
+    if (Array.isArray(c)) return s(c, i);
+    if (c.constructor !== Object && (o = n.get(c.constructor)))
+      return o(c, i);
+    const u = {};
+    t.push(c), r.push(u);
+    for (const f in c) {
+      if (Object.hasOwnProperty.call(c, f) === !1) continue;
+      const l = c[f];
       if (typeof l != "object" || l === null)
-        c[f] = l;
-      else if (l.constructor !== Object && (u = r.get(l.constructor)))
-        c[f] = u(l, i);
+        u[f] = l;
+      else if (l.constructor !== Object && (o = n.get(l.constructor)))
+        u[f] = o(l, i);
       else if (ArrayBuffer.isView(l))
-        c[f] = g(l);
+        u[f] = g(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? c[f] = n[m] : c[f] = i(l);
+        m !== -1 ? u[f] = r[m] : u[f] = i(l);
       }
     }
-    return t.pop(), n.pop(), c;
+    return t.pop(), r.pop(), u;
   }
-  function s(o) {
-    if (typeof o != "object" || o === null) return o;
-    if (Array.isArray(o)) return a(o, s);
-    if (o.constructor !== Object && (u = r.get(o.constructor)))
-      return u(o, s);
-    const c = {};
-    t.push(o), n.push(c);
-    for (const f in o) {
-      const l = o[f];
+  function a(c) {
+    if (typeof c != "object" || c === null) return c;
+    if (Array.isArray(c)) return s(c, a);
+    if (c.constructor !== Object && (o = n.get(c.constructor)))
+      return o(c, a);
+    const u = {};
+    t.push(c), r.push(u);
+    for (const f in c) {
+      const l = c[f];
       if (typeof l != "object" || l === null)
-        c[f] = l;
-      else if (l.constructor !== Object && (u = r.get(l.constructor)))
-        c[f] = u(l, s);
+        u[f] = l;
+      else if (l.constructor !== Object && (o = n.get(l.constructor)))
+        u[f] = o(l, a);
       else if (ArrayBuffer.isView(l))
-        c[f] = g(l);
+        u[f] = g(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? c[f] = n[m] : c[f] = s(l);
+        m !== -1 ? u[f] = r[m] : u[f] = a(l);
       }
     }
-    return t.pop(), n.pop(), c;
+    return t.pop(), r.pop(), u;
   }
 }
-oe();
-function ue(e) {
-  return function(n, r) {
-    return n.value.map((u) => e(u, r)).join("").trim();
+pe();
+function de(e) {
+  return function(r, n) {
+    return r != null ? `${r}` : "";
   };
 }
-function ie(e) {
-  return function(n, r) {
-    return n != null ? `${n}` : "";
-  };
-}
-function se(e) {
-  return function(n, r) {
-    const a = (r.variables?.name ?? w)({ name: n.name });
-    return H(
-      a,
-      n.fallback ? e(n.fallback, r) : void 0
+function he(e) {
+  return function(r, n) {
+    const s = (n.variables?.name ?? w)({ name: r.name });
+    return X(
+      s,
+      r.fallback ? e(r.fallback, n) : void 0
     );
   };
 }
-function ae(e) {
-  const t = S(e);
-  return function(r, u) {
-    return r.themes.reduce(
-      (a, i) => (a.push(e(i, u)), a),
-      [t(":root", r, u)]
+function be(e) {
+  const t = C(e);
+  return function(n, o) {
+    return n.themes.reduce(
+      (s, i) => (s.push(e(i, o)), s),
+      [t(":root", n, o)]
       // Default theme (root)
     ).join(`
 
 `);
   };
 }
-function le(e) {
-  const t = S(e);
-  return function(r, u) {
-    return t(r.query, r, u);
+function Ae(e) {
+  const t = C(e);
+  return function(n, o) {
+    return t(n.query, n, o);
   };
 }
-function fe(e) {
-  const t = S(e);
-  return function(r, u) {
-    const i = (u.theme?.selector ?? D)({ name: r.name });
-    return t(i, r, u);
+function ge(e) {
+  const t = C(e);
+  return function(n, o) {
+    const i = (o.themes?.selector ?? D)({ name: n.name });
+    return t(i, n, o);
   };
 }
-function me(e) {
-  const t = S(e);
-  return function(r, u) {
-    const a = [], s = (u.utilities?.selector ?? I)({
-      name: r.name,
-      value: r.value,
-      modifiers: r.modifiers
+function Ce(e) {
+  const t = C(e);
+  return function(n, o) {
+    const s = [], a = (o.utilities?.selector ?? I)({
+      name: n.name,
+      value: n.value,
+      modifiers: n.modifiers
     });
-    return a.push(t(s, r, u)), a.join(`
+    return s.push(t(a, n, o)), s.join(`
 
 `);
   };
 }
-function y(e, t) {
-  const n = ae(y), r = le(y), u = me(y), a = Z(y), i = fe(y), s = E(y), o = se(y), c = ue(y), f = ie();
+function d(e, t) {
+  const r = be(d), n = Ae(d), o = Ce(d), s = te(d), i = ge(d), a = E(d), c = he(d), u = re(d), f = de();
   switch (!0) {
-    case Y(e):
-      return r(e, t);
-    case ee(e):
-      return u(e, t);
-    case X(e):
-      return a(e, t);
-    case re(e):
+    case ue(e):
       return n(e, t);
-    case ne(e):
-      return i(e, t);
-    case J(e):
-      return s(e, t);
-    case G(e):
+    case se(e):
       return o(e, t);
-    case te(e):
+    case ie(e):
+      return s(e, t);
+    case T(e):
+      return r(e, t);
+    case le(e):
+      return i(e, t);
+    case oe(e):
+      return a(e, t);
+    case ce(e):
       return c(e, t);
+    case ae(e):
+      return u(e, t);
     default:
       return f(e, t);
   }
 }
-function T(e, t) {
+function Se(e) {
+  return function(r, n) {
+    let o = Z(r.name);
+    r.name[0] && Q(r.name[0]) && (o = me(o));
+    const s = `${o}Recipe`, i = r._runtime ?? {};
+    return `const ${s} = ${JSON.stringify(
+      i,
+      null,
+      4
+    )} as const satisfies RecipeRuntime;
+
+export const ${o} = createRecipe("${r.name}", ${s});
+`;
+  };
+}
+function je(e) {
+  return function(r, n) {
+    return r.recipes.length > 0 ? `import { createRecipe } from '@styleframe/runtime';
+import type { RecipeRuntime } from '@styleframe/runtime';
+
+${e(r.recipes, n)}` : "";
+  };
+}
+function j(e, t) {
+  const r = je(j), n = Se();
   switch (!0) {
     case Array.isArray(e):
-      return e.map((n) => T(n)).join(`
+      return e.map((o) => j(o, t)).join(`
 `);
-    // case isRecipe(instance):
-    // 	return consumeRecipe(instance, options);
-    // 	break;
+    case T(e):
+      return r(e, t);
+    case fe(e):
+      return n(e, t);
     default:
       return "";
   }
 }
-const de = `-----BEGIN PUBLIC KEY-----
+const ve = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -391,12 +440,12 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, pe = "__licenseRequired", ye = "__licenseValidated";
-async function he(e) {
-  const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), n = Uint8Array.from(atob(t), (r) => r.charCodeAt(0));
+-----END PUBLIC KEY-----`, Re = "__licenseRequired", we = "__licenseValidated";
+async function $e(e) {
+  const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), r = Uint8Array.from(atob(t), (n) => n.charCodeAt(0));
   return await crypto.subtle.importKey(
     "spki",
-    n,
+    r,
     {
       name: "RSASSA-PKCS1-v1_5",
       hash: "SHA-256"
@@ -405,32 +454,32 @@ async function he(e) {
     ["verify"]
   );
 }
-async function be({
+async function Oe({
   payload: e,
   signature: t
 }) {
-  const n = new TextEncoder().encode(e), r = Uint8Array.from(
+  const r = new TextEncoder().encode(e), n = Uint8Array.from(
     atob(t),
-    (a) => a.charCodeAt(0)
-  ), u = await he(de);
+    (s) => s.charCodeAt(0)
+  ), o = await $e(ve);
   if (!await crypto.subtle.verify(
     { name: "RSASSA-PKCS1-v1_5" },
-    u,
-    r,
-    n
+    o,
+    n,
+    r
   ))
     throw new Error(
       "License validation failed: Invalid signature detected. The license may have been modified or corrupted."
     );
   return JSON.parse(e);
 }
-function Ae(e) {
-  return Object.prototype.hasOwnProperty.call(e, pe);
+function Be(e) {
+  return Object.prototype.hasOwnProperty.call(e, Re);
 }
-async function ge(e) {
+async function Ee(e) {
   const t = Object.getOwnPropertyDescriptor(
     e,
-    ye
+    we
   );
   if (!t?.value)
     return {
@@ -439,8 +488,8 @@ async function ge(e) {
       environment: "",
       valid: !1
     };
-  const n = t.value;
-  if (typeof n != "object" || n === null || !("payload" in n) || !("signature" in n) || typeof n.payload != "string" || typeof n.signature != "string")
+  const r = t.value;
+  if (typeof r != "object" || r === null || !("payload" in r) || !("signature" in r) || typeof r.payload != "string" || typeof r.signature != "string")
     return {
       key: "",
       instanceId: "",
@@ -448,8 +497,8 @@ async function ge(e) {
       valid: !1
     };
   try {
-    return await be(
-      n
+    return await Oe(
+      r
     );
   } catch {
     return {
@@ -460,7 +509,7 @@ async function ge(e) {
     };
   }
 }
-function Se(e) {
+function Te(e) {
   const t = Math.floor(Math.random() * 100);
   e.root.children.push({
     type: "selector",
@@ -484,55 +533,51 @@ function Se(e) {
     }
   });
 }
-function j(e, t = "") {
+function R(e, t = "") {
   return {
     name: e,
     content: t
   };
 }
-async function ve(e, {
+async function Ne(e, {
   type: t = "all",
-  consumers: n = { css: y, ts: T }
+  consumers: r = { css: d, ts: j }
 } = {}) {
-  const r = { files: [] }, u = e.options;
-  if (Ae(e)) {
-    const s = await ge(e);
-    (!s.valid || s.instanceId !== e.id) && Se(e);
+  const n = { files: [] }, o = e.options;
+  if (Be(e)) {
+    const s = await Ee(e);
+    (!s.valid || s.instanceId !== e.id) && Te(e);
   }
-  const { recipes: a, ...i } = e.root;
   if (t === "all" || t === "css") {
-    const s = j("index.css", n.css(i, u));
-    r.files.push(s);
+    const s = R(
+      "index.css",
+      r.css(e.root, o)
+    );
+    n.files.push(s);
   }
   if (t === "all" || t === "ts") {
-    const s = j("index.ts", n.ts([], u));
-    r.files.push(s);
+    const s = R(
+      "index.ts",
+      r.ts(e.root, o)
+    );
+    n.files.push(s);
   }
-  return r;
+  return n;
 }
 export {
-  Ce as DEFAULT_INDENT,
+  Fe as DEFAULT_INDENT,
   N as STATEMENT_AT_RULES,
-  R as STATEMENT_OR_BLOCK_AT_RULES,
-  k as addIndentToLine,
-  y as consumeCSS,
-  T as consumeTS,
-  Z as createAtRuleConsumer,
-  ue as createCSSTemplateLiteralConsumer,
-  S as createContainerConsumer,
-  Q as createDeclarationsConsumer,
-  j as createFile,
-  ie as createPrimitiveConsumer,
-  se as createRefConsumer,
-  ae as createRootConsumer,
-  le as createSelectorConsumer,
-  fe as createThemeConsumer,
-  me as createUtilityConsumer,
-  E as createVariableConsumer,
+  L as STATEMENT_OR_BLOCK_AT_RULES,
+  z as addIndentToLine,
+  d as consumeCSS,
+  j as consumeTS,
+  R as createFile,
   D as defaultThemeSelectorFn,
   I as defaultUtilitySelectorFn,
   w as defaultVariableNameFn,
-  V as indentLines,
-  x as toKebabCase,
-  ve as transpile
+  H as indentLines,
+  Q as isUppercase,
+  Z as toCamelCase,
+  J as toKebabCase,
+  Ne as transpile
 };

package/dist/transpiler.umd.cjs

@@ -1,17 +1,23 @@
-(function(m,T){typeof exports=="object"&&typeof module<"u"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(m=typeof globalThis<"u"?globalThis:m||self,T(m.transpiler={}))})(this,(function(m){"use strict";const F=["charset","import","namespace"],O=["layer"],B=({name:e})=>`[data-theme="${e}"]`,R=({name:e,value:t,modifiers:n})=>`._${[...n,e,...t==="default"?[]:[t]].filter(Boolean).join("\\:")}`,v=({name:e})=>e.replace(/^\.+|\.+$/g,"").replace(/\.+/g,"--");function Z(e,t){return`@${e}${t?" ":""}${t}`}const W=/\d/,J=["-","_","/","."];function G(e=""){if(!W.test(e))return e!==e.toLowerCase()}function Y(e,t){const n=J,r=[];if(!e||typeof e!="string")return r;let c="",s,i;for(const a of e){const o=n.includes(a);if(o===!0){r.push(c),c="",s=void 0;continue}const u=G(a);if(i===!1){if(s===!1&&u===!0){r.push(c),c=a,s=u;continue}if(s===!0&&u===!1&&c.length>1){const f=c.at(-1);r.push(c.slice(0,Math.max(0,c.length-1))),c=f+a,s=u;continue}}c+=a,s=u,i=o}return r.push(c),r}function X(e,t){return e?(Array.isArray(e)?e:Y(e)).map(n=>n.toLowerCase()).join("-"):""}function L(e){return`	${e}`}function D(e){return e.split(`
+(function(p,j){typeof exports=="object"&&typeof module<"u"?j(exports):typeof define=="function"&&define.amd?define(["exports"],j):(p=typeof globalThis<"u"?globalThis:p||self,j(p.transpiler={}))})(this,(function(p){"use strict";const w=["charset","import","namespace"],N=["layer"],O=({name:e})=>`[data-theme="${e}"]`,$=({name:e,value:t,modifiers:n})=>`._${[...n,e,...t==="default"?[]:[t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g,"\\$&")}`,v=({name:e})=>e.replace(/^\.+|\.+$/g,"").replace(/\.+/g,"--");function K(e,t){return`@${e}${t?" ":""}${t}`}const q=/\d/,z=["-","_","/","."];function H(e=""){if(!q.test(e))return e!==e.toLowerCase()}function F(e,t){const n=z,r=[];if(!e||typeof e!="string")return r;let o="",a,i;for(const s of e){const c=n.includes(s);if(c===!0){r.push(o),o="",a=void 0;continue}const u=H(s);if(i===!1){if(a===!1&&u===!0){r.push(o),o=s,a=u;continue}if(a===!0&&u===!1&&o.length>1){const f=o.at(-1);r.push(o.slice(0,Math.max(0,o.length-1))),o=f+s,a=u;continue}}o+=s,a=u,i=c}return r.push(o),r}function Q(e){return e?e[0].toUpperCase()+e.slice(1):""}function Z(e){return e?e[0].toLowerCase()+e.slice(1):""}function x(e,t){return e?(Array.isArray(e)?e:F(e)).map(n=>Q(n)).join(""):""}function J(e,t){return Z(x(e||""))}function W(e,t){return e?(Array.isArray(e)?e:F(e)).map(n=>n.toLowerCase()).join("-"):""}function L(e){return`	${e}`}function B(e){return e.split(`
 `).map(t=>L(t)).join(`
-`)}function _(e){return X(e)}function x(e){return _(e)}function I(e,t){return`${e.startsWith("--")?e:x(e)}: ${t};`}function ee(e){return`{${e.length>0?`
-`:""}${e.map(t=>`${D(`${t}`)}
-`).join("")}}`}function U(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function te(e,t){return I(U(e),t)}function ne(e,t){return`var(${U(e)}${t?`, ${t}`:""})`}function M(e,t){return`${e} ${ee(t)}`}function P(e){return function(n,r){return Object.entries(n).map(([c,s])=>I(c,e(s,r)))}}function j(e){return function(n,r){const s=(r.variables?.name??v)({name:n.name});return te(s,e(n.value,r))}}function S(e){const t=j(e),n=P(e);return function(c,s,i){const{variables:a,declarations:o,children:u}=s,f=c===":root",l=(a??[]).map(g=>t(g,i)),d=n(o??{},i),b=(u??[]).map(g=>e(g,i)),y=l.length>0,A=d.length>0,w=b.length>0;return f?`${y||A?M(c,[...l,...y&&A?[""]:[],...d]):""}${w&&(y||A)?`
+`)}function _(e){return e===e.toUpperCase()}function U(e){return J(e)}function D(e){return W(e)}function G(e){return D(e)}function I(e,t){return`${e.startsWith("--")?e:G(e)}: ${t};`}function Y(e){return`{${e.length>0?`
+`:""}${e.map(t=>`${B(`${t}`)}
+`).join("")}}`}function M(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function X(e,t){return I(M(e),t)}function ee(e,t){return`var(${M(e)}${t?`, ${t}`:""})`}function P(e,t){return`${e} ${Y(t)}`}function te(e){return function(n,r){return Object.entries(n).map(([o,a])=>I(o,e(a,r)))}}function k(e){return function(n,r){const a=(r.variables?.name??v)({name:n.name});return X(a,e(n.value,r))}}function C(e){const t=k(e),n=te(e);return function(o,a,i){const{variables:s,declarations:c,children:u}=a,f=o===":root",l=(s??[]).map(S=>t(S,i)),m=n(c??{},i),y=(u??[]).map(S=>e(S,i)),d=l.length>0,A=m.length>0,E=y.length>0;return f?`${d||A?P(o,[...l,...d&&A?[""]:[],...m]):""}${E&&(d||A)?`
 
-`:""}${b.join(`
+`:""}${y.join(`
 
-`)}`:M(c,[...l,...y&&(w||A)?[""]:[],...d,...A&&w?[""]:[],...b.flatMap((g,ve)=>ve===b.length-1?[g]:[g,""])])}}function $(e){const t=S(e);return function(r,c){const s=F.includes(r.identifier),i=O.includes(r.identifier),a=Object.keys(r.declarations).length>0,o=r.variables.length>0,u=r.children.length>0,f=Z(r.identifier,r.rule);return s||i&&!(a||o||u)?`${f};`:t(f,r,c)}}function re(e){return typeof e=="object"&&e!==null}function p(e,t){return re(e)&&"type"in e&&e.type===t}function oe(e){return p(e,"variable")}function ue(e){return p(e,"reference")}function ce(e){return p(e,"selector")}function ie(e){return p(e,"at-rule")}function ae(e){return p(e,"utility")}function se(e){return p(e,"css")}function le(e){return p(e,"theme")}function fe(e){return p(e,"root")}function C(e){if(e instanceof Buffer)return Buffer.from(e);const t=e.constructor;return new t(e.buffer.slice(0),e.byteOffset,e.byteLength/e.BYTES_PER_ELEMENT||1)}function me(e){if(e=e||{},e.circular)return de(e);const t=new Map;if(t.set(Date,i=>new Date(i)),t.set(Map,(i,a)=>new Map(r(Array.from(i),a))),t.set(Set,(i,a)=>new Set(r(Array.from(i),a))),e.constructorHandlers)for(const i of e.constructorHandlers)t.set(i[0],i[1]);let n;return e.proto?s:c;function r(i,a){const o=Object.keys(i),u=Array.from({length:o.length});for(let f=0;f<o.length;f++){const l=o[f],d=i[l];typeof d!="object"||d===null?u[l]=d:d.constructor!==Object&&(n=t.get(d.constructor))?u[l]=n(d,a):ArrayBuffer.isView(d)?u[l]=C(d):u[l]=a(d)}return u}function c(i){if(typeof i!="object"||i===null)return i;if(Array.isArray(i))return r(i,c);if(i.constructor!==Object&&(n=t.get(i.constructor)))return n(i,c);const a={};for(const o in i){if(Object.hasOwnProperty.call(i,o)===!1)continue;const u=i[o];typeof u!="object"||u===null?a[o]=u:u.constructor!==Object&&(n=t.get(u.constructor))?a[o]=n(u,c):ArrayBuffer.isView(u)?a[o]=C(u):a[o]=c(u)}return a}function s(i){if(typeof i!="object"||i===null)return i;if(Array.isArray(i))return r(i,s);if(i.constructor!==Object&&(n=t.get(i.constructor)))return n(i,s);const a={};for(const o in i){const u=i[o];typeof u!="object"||u===null?a[o]=u:u.constructor!==Object&&(n=t.get(u.constructor))?a[o]=n(u,s):ArrayBuffer.isView(u)?a[o]=C(u):a[o]=s(u)}return a}}function de(e){const t=[],n=[],r=new Map;if(r.set(Date,o=>new Date(o)),r.set(Map,(o,u)=>new Map(s(Array.from(o),u))),r.set(Set,(o,u)=>new Set(s(Array.from(o),u))),e.constructorHandlers)for(const o of e.constructorHandlers)r.set(o[0],o[1]);let c;return e.proto?a:i;function s(o,u){const f=Object.keys(o),l=Array.from({length:f.length});for(let d=0;d<f.length;d++){const b=f[d],y=o[b];if(typeof y!="object"||y===null)l[b]=y;else if(y.constructor!==Object&&(c=r.get(y.constructor)))l[b]=c(y,u);else if(ArrayBuffer.isView(y))l[b]=C(y);else{const A=t.indexOf(y);A!==-1?l[b]=n[A]:l[b]=u(y)}}return l}function i(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return s(o,i);if(o.constructor!==Object&&(c=r.get(o.constructor)))return c(o,i);const u={};t.push(o),n.push(u);for(const f in o){if(Object.hasOwnProperty.call(o,f)===!1)continue;const l=o[f];if(typeof l!="object"||l===null)u[f]=l;else if(l.constructor!==Object&&(c=r.get(l.constructor)))u[f]=c(l,i);else if(ArrayBuffer.isView(l))u[f]=C(l);else{const d=t.indexOf(l);d!==-1?u[f]=n[d]:u[f]=i(l)}}return t.pop(),n.pop(),u}function a(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return s(o,a);if(o.constructor!==Object&&(c=r.get(o.constructor)))return c(o,a);const u={};t.push(o),n.push(u);for(const f in o){const l=o[f];if(typeof l!="object"||l===null)u[f]=l;else if(l.constructor!==Object&&(c=r.get(l.constructor)))u[f]=c(l,a);else if(ArrayBuffer.isView(l))u[f]=C(l);else{const d=t.indexOf(l);d!==-1?u[f]=n[d]:u[f]=a(l)}}return t.pop(),n.pop(),u}}me();function k(e){return function(n,r){return n.value.map(c=>e(c,r)).join("").trim()}}function V(e){return function(n,r){return n!=null?`${n}`:""}}function K(e){return function(n,r){const s=(r.variables?.name??v)({name:n.name});return ne(s,n.fallback?e(n.fallback,r):void 0)}}function q(e){const t=S(e);return function(r,c){return r.themes.reduce((s,i)=>(s.push(e(i,c)),s),[t(":root",r,c)]).join(`
+`)}`:P(o,[...l,...d&&(E||A)?[""]:[],...m,...A&&E?[""]:[],...y.flatMap((S,Be)=>Be===y.length-1?[S]:[S,""])])}}function ne(e){const t=C(e);return function(r,o){const a=w.includes(r.identifier),i=N.includes(r.identifier),s=Object.keys(r.declarations).length>0,c=r.variables.length>0,u=r.children.length>0,f=K(r.identifier,r.rule);return a||i&&!(s||c||u)?`${f};`:t(f,r,o)}}function re(e){return function(n,r){return n.value.map(o=>e(o,r)).join("").trim()}}function oe(e){return typeof e=="object"&&e!==null}function h(e,t){return oe(e)&&"type"in e&&e.type===t}function ce(e){return h(e,"variable")}function ue(e){return h(e,"reference")}function ie(e){return h(e,"selector")}function ae(e){return h(e,"at-rule")}function se(e){return h(e,"utility")}function le(e){return h(e,"css")}function fe(e){return h(e,"theme")}function V(e){return h(e,"root")}function me(e){return h(e,"recipe")}function pe(e){return e.charAt(0).toUpperCase()+e.slice(1)}function g(e){if(e instanceof Buffer)return Buffer.from(e);const t=e.constructor;return new t(e.buffer.slice(0),e.byteOffset,e.byteLength/e.BYTES_PER_ELEMENT||1)}function de(e){if(e=e||{},e.circular)return ye(e);const t=new Map;if(t.set(Date,i=>new Date(i)),t.set(Map,(i,s)=>new Map(r(Array.from(i),s))),t.set(Set,(i,s)=>new Set(r(Array.from(i),s))),e.constructorHandlers)for(const i of e.constructorHandlers)t.set(i[0],i[1]);let n;return e.proto?a:o;function r(i,s){const c=Object.keys(i),u=Array.from({length:c.length});for(let f=0;f<c.length;f++){const l=c[f],m=i[l];typeof m!="object"||m===null?u[l]=m:m.constructor!==Object&&(n=t.get(m.constructor))?u[l]=n(m,s):ArrayBuffer.isView(m)?u[l]=g(m):u[l]=s(m)}return u}function o(i){if(typeof i!="object"||i===null)return i;if(Array.isArray(i))return r(i,o);if(i.constructor!==Object&&(n=t.get(i.constructor)))return n(i,o);const s={};for(const c in i){if(Object.hasOwnProperty.call(i,c)===!1)continue;const u=i[c];typeof u!="object"||u===null?s[c]=u:u.constructor!==Object&&(n=t.get(u.constructor))?s[c]=n(u,o):ArrayBuffer.isView(u)?s[c]=g(u):s[c]=o(u)}return s}function a(i){if(typeof i!="object"||i===null)return i;if(Array.isArray(i))return r(i,a);if(i.constructor!==Object&&(n=t.get(i.constructor)))return n(i,a);const s={};for(const c in i){const u=i[c];typeof u!="object"||u===null?s[c]=u:u.constructor!==Object&&(n=t.get(u.constructor))?s[c]=n(u,a):ArrayBuffer.isView(u)?s[c]=g(u):s[c]=a(u)}return s}}function ye(e){const t=[],n=[],r=new Map;if(r.set(Date,c=>new Date(c)),r.set(Map,(c,u)=>new Map(a(Array.from(c),u))),r.set(Set,(c,u)=>new Set(a(Array.from(c),u))),e.constructorHandlers)for(const c of e.constructorHandlers)r.set(c[0],c[1]);let o;return e.proto?s:i;function a(c,u){const f=Object.keys(c),l=Array.from({length:f.length});for(let m=0;m<f.length;m++){const y=f[m],d=c[y];if(typeof d!="object"||d===null)l[y]=d;else if(d.constructor!==Object&&(o=r.get(d.constructor)))l[y]=o(d,u);else if(ArrayBuffer.isView(d))l[y]=g(d);else{const A=t.indexOf(d);A!==-1?l[y]=n[A]:l[y]=u(d)}}return l}function i(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return a(c,i);if(c.constructor!==Object&&(o=r.get(c.constructor)))return o(c,i);const u={};t.push(c),n.push(u);for(const f in c){if(Object.hasOwnProperty.call(c,f)===!1)continue;const l=c[f];if(typeof l!="object"||l===null)u[f]=l;else if(l.constructor!==Object&&(o=r.get(l.constructor)))u[f]=o(l,i);else if(ArrayBuffer.isView(l))u[f]=g(l);else{const m=t.indexOf(l);m!==-1?u[f]=n[m]:u[f]=i(l)}}return t.pop(),n.pop(),u}function s(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return a(c,s);if(c.constructor!==Object&&(o=r.get(c.constructor)))return o(c,s);const u={};t.push(c),n.push(u);for(const f in c){const l=c[f];if(typeof l!="object"||l===null)u[f]=l;else if(l.constructor!==Object&&(o=r.get(l.constructor)))u[f]=o(l,s);else if(ArrayBuffer.isView(l))u[f]=g(l);else{const m=t.indexOf(l);m!==-1?u[f]=n[m]:u[f]=s(l)}}return t.pop(),n.pop(),u}}de();function be(e){return function(n,r){return n!=null?`${n}`:""}}function he(e){return function(n,r){const a=(r.variables?.name??v)({name:n.name});return ee(a,n.fallback?e(n.fallback,r):void 0)}}function Ae(e){const t=C(e);return function(r,o){return r.themes.reduce((a,i)=>(a.push(e(i,o)),a),[t(":root",r,o)]).join(`
 
-`)}}function z(e){const t=S(e);return function(r,c){return t(r.query,r,c)}}function H(e){const t=S(e);return function(r,c){const i=(c.theme?.selector??B)({name:r.name});return t(i,r,c)}}function Q(e){const t=S(e);return function(r,c){const s=[],a=(c.utilities?.selector??R)({name:r.name,value:r.value,modifiers:r.modifiers});return s.push(t(a,r,c)),s.join(`
+`)}}function ge(e){const t=C(e);return function(r,o){return t(r.query,r,o)}}function Se(e){const t=C(e);return function(r,o){const i=(o.themes?.selector??O)({name:r.name});return t(i,r,o)}}function Ce(e){const t=C(e);return function(r,o){const a=[],s=(o.utilities?.selector??$)({name:r.name,value:r.value,modifiers:r.modifiers});return a.push(t(s,r,o)),a.join(`
 
-`)}}function h(e,t){const n=q(h),r=z(h),c=Q(h),s=$(h),i=H(h),a=j(h),o=K(h),u=k(h),f=V();switch(!0){case ce(e):return r(e,t);case ae(e):return c(e,t);case ie(e):return s(e,t);case fe(e):return n(e,t);case le(e):return i(e,t);case oe(e):return a(e,t);case ue(e):return o(e,t);case se(e):return u(e,t);default:return f(e,t)}}function E(e,t){switch(!0){case Array.isArray(e):return e.map(n=>E(n)).join(`
-`);default:return""}}const ye=`-----BEGIN PUBLIC KEY-----
+`)}}function b(e,t){const n=Ae(b),r=ge(b),o=Ce(b),a=ne(b),i=Se(b),s=k(b),c=he(b),u=re(b),f=be();switch(!0){case ie(e):return r(e,t);case se(e):return o(e,t);case ae(e):return a(e,t);case V(e):return n(e,t);case fe(e):return i(e,t);case ce(e):return s(e,t);case ue(e):return c(e,t);case le(e):return u(e,t);default:return f(e,t)}}function je(e){return function(n,r){let o=U(n.name);n.name[0]&&_(n.name[0])&&(o=pe(o));const a=`${o}Recipe`,i=n._runtime??{};return`const ${a} = ${JSON.stringify(i,null,4)} as const satisfies RecipeRuntime;
+
+export const ${o} = createRecipe("${n.name}", ${a});
+`}}function Te(e){return function(n,r){return n.recipes.length>0?`import { createRecipe } from '@styleframe/runtime';
+import type { RecipeRuntime } from '@styleframe/runtime';
+
+${e(n.recipes,r)}`:""}}function T(e,t){const n=Te(T),r=je();switch(!0){case Array.isArray(e):return e.map(o=>T(o,t)).join(`
+`);case V(e):return n(e,t);case me(e):return r(e,t);default:return""}}const ve=`-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -19,4 +25,4 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`,be="__licenseRequired",he="__licenseValidated";async function pe(e){const t=e.replace(/-----BEGIN PUBLIC KEY-----/,"").replace(/-----END PUBLIC KEY-----/,"").replace(/\s/g,""),n=Uint8Array.from(atob(t),r=>r.charCodeAt(0));return await crypto.subtle.importKey("spki",n,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},!0,["verify"])}async function Ae({payload:e,signature:t}){const n=new TextEncoder().encode(e),r=Uint8Array.from(atob(t),s=>s.charCodeAt(0)),c=await pe(ye);if(!await crypto.subtle.verify({name:"RSASSA-PKCS1-v1_5"},c,r,n))throw new Error("License validation failed: Invalid signature detected. The license may have been modified or corrupted.");return JSON.parse(e)}function Se(e){return Object.prototype.hasOwnProperty.call(e,be)}async function Ce(e){const t=Object.getOwnPropertyDescriptor(e,he);if(!t?.value)return{key:"",instanceId:"",environment:"",valid:!1};const n=t.value;if(typeof n!="object"||n===null||!("payload"in n)||!("signature"in n)||typeof n.payload!="string"||typeof n.signature!="string")return{key:"",instanceId:"",environment:"",valid:!1};try{return await Ae(n)}catch{return{key:"",instanceId:"",environment:"",valid:!1}}}function ge(e){const t=Math.floor(Math.random()*100);e.root.children.push({type:"selector",query:`html:nth-of-type(${t}n+1)::after`,variables:[],children:[],declarations:{content:'"Styleframe Pro: Development Mode – License required for production use"',zIndex:99999,position:"fixed",display:"block !important",opacity:"1 !important",bottom:0,left:0,background:"rgba(0, 0, 0, 0.5)",color:"white",fontSize:"12px",lineHeight:"1",padding:"0.5rem",fontFamily:"sans-serif"}})}function N(e,t=""){return{name:e,content:t}}async function Te(e,{type:t="all",consumers:n={css:h,ts:E}}={}){const r={files:[]},c=e.options;if(Se(e)){const a=await Ce(e);(!a.valid||a.instanceId!==e.id)&&ge(e)}const{recipes:s,...i}=e.root;if(t==="all"||t==="css"){const a=N("index.css",n.css(i,c));r.files.push(a)}if(t==="all"||t==="ts"){const a=N("index.ts",n.ts([],c));r.files.push(a)}return r}m.DEFAULT_INDENT="	",m.STATEMENT_AT_RULES=F,m.STATEMENT_OR_BLOCK_AT_RULES=O,m.addIndentToLine=L,m.consumeCSS=h,m.consumeTS=E,m.createAtRuleConsumer=$,m.createCSSTemplateLiteralConsumer=k,m.createContainerConsumer=S,m.createDeclarationsConsumer=P,m.createFile=N,m.createPrimitiveConsumer=V,m.createRefConsumer=K,m.createRootConsumer=q,m.createSelectorConsumer=z,m.createThemeConsumer=H,m.createUtilityConsumer=Q,m.createVariableConsumer=j,m.defaultThemeSelectorFn=B,m.defaultUtilitySelectorFn=R,m.defaultVariableNameFn=v,m.indentLines=D,m.toKebabCase=_,m.transpile=Te,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+-----END PUBLIC KEY-----`,Re="__licenseRequired",Ee="__licenseValidated";async function we(e){const t=e.replace(/-----BEGIN PUBLIC KEY-----/,"").replace(/-----END PUBLIC KEY-----/,"").replace(/\s/g,""),n=Uint8Array.from(atob(t),r=>r.charCodeAt(0));return await crypto.subtle.importKey("spki",n,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},!0,["verify"])}async function Ne({payload:e,signature:t}){const n=new TextEncoder().encode(e),r=Uint8Array.from(atob(t),a=>a.charCodeAt(0)),o=await we(ve);if(!await crypto.subtle.verify({name:"RSASSA-PKCS1-v1_5"},o,r,n))throw new Error("License validation failed: Invalid signature detected. The license may have been modified or corrupted.");return JSON.parse(e)}function Oe(e){return Object.prototype.hasOwnProperty.call(e,Re)}async function $e(e){const t=Object.getOwnPropertyDescriptor(e,Ee);if(!t?.value)return{key:"",instanceId:"",environment:"",valid:!1};const n=t.value;if(typeof n!="object"||n===null||!("payload"in n)||!("signature"in n)||typeof n.payload!="string"||typeof n.signature!="string")return{key:"",instanceId:"",environment:"",valid:!1};try{return await Ne(n)}catch{return{key:"",instanceId:"",environment:"",valid:!1}}}function Fe(e){const t=Math.floor(Math.random()*100);e.root.children.push({type:"selector",query:`html:nth-of-type(${t}n+1)::after`,variables:[],children:[],declarations:{content:'"Styleframe Pro: Development Mode – License required for production use"',zIndex:99999,position:"fixed",display:"block !important",opacity:"1 !important",bottom:0,left:0,background:"rgba(0, 0, 0, 0.5)",color:"white",fontSize:"12px",lineHeight:"1",padding:"0.5rem",fontFamily:"sans-serif"}})}function R(e,t=""){return{name:e,content:t}}async function Le(e,{type:t="all",consumers:n={css:b,ts:T}}={}){const r={files:[]},o=e.options;if(Oe(e)){const a=await $e(e);(!a.valid||a.instanceId!==e.id)&&Fe(e)}if(t==="all"||t==="css"){const a=R("index.css",n.css(e.root,o));r.files.push(a)}if(t==="all"||t==="ts"){const a=R("index.ts",n.ts(e.root,o));r.files.push(a)}return r}p.DEFAULT_INDENT="	",p.STATEMENT_AT_RULES=w,p.STATEMENT_OR_BLOCK_AT_RULES=N,p.addIndentToLine=L,p.consumeCSS=b,p.consumeTS=T,p.createFile=R,p.defaultThemeSelectorFn=O,p.defaultUtilitySelectorFn=$,p.defaultVariableNameFn=v,p.indentLines=B,p.isUppercase=_,p.toCamelCase=U,p.toKebabCase=D,p.transpile=Le,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/transpiler",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "type": "module",
   "types": "./dist/transpiler.d.ts",
   "module": "./dist/transpiler.js",
@@ -22,13 +22,13 @@
     "scule": "^1.3.0"
   },
   "peerDependencies": {
-    "@styleframe/core": "^2.3.0",
+    "@styleframe/core": "^2.5.0",
     "@styleframe/license": "^2.0.0"
   },
   "devDependencies": {
     "@styleframe/config-typescript": "^2",
     "@styleframe/config-vite": "^2",
-    "@styleframe/core": "^2.3.0",
+    "@styleframe/core": "^2.5.0",
     "@styleframe/license": "^2.0.0",
     "@vitest/coverage-v8": "^3.2.4",
     "typescript": "^5.8.3",