@styleframe/transpiler 3.0.0 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @styleframe/transpiler
 
+## 3.0.1
+
+### Patch Changes
+
+- [#133](https://github.com/styleframe-dev/styleframe/pull/133) [`ce62d31`](https://github.com/styleframe-dev/styleframe/commit/ce62d318275deed277d828fdd8d2500c1a9d767f) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Add unique id and parent-child traversal to token types, validate @ references, and resolve utility sibling keys
+  - Add unique `id` field to Root, Selector, AtRule, Theme, Utility, Modifier, and Variable token types for stable identity tracking
+  - Add `parentId` to track parent-child relationships across the token tree
+  - Add `root._registry` for efficient id-based lookups and tree traversal
+  - Validate `@`-prefixed string references against root-level variables in `parseDeclarationsBlock`, throwing descriptive errors for undefined variables
+  - Add null/undefined guard to `ref()` with clear error messages
+  - Support `@`-prefixed values in utility entries that resolve to sibling keys (e.g., `{ default: "@solid", solid: "solid" }`)
+
+- Updated dependencies [[`295f04e`](https://github.com/styleframe-dev/styleframe/commit/295f04e6fdd011df6437986cc179e17efd8cd1be), [`71009c2`](https://github.com/styleframe-dev/styleframe/commit/71009c2c0a07a0bfd240e70e61020c8b7e923edb), [`2610041`](https://github.com/styleframe-dev/styleframe/commit/2610041beb03a8afc8de17af8857b9931f3359b0), [`7a61df0`](https://github.com/styleframe-dev/styleframe/commit/7a61df083bc534caa9271a1ef4535f7be979d7c2), [`ce62d31`](https://github.com/styleframe-dev/styleframe/commit/ce62d318275deed277d828fdd8d2500c1a9d767f)]:
+  - @styleframe/core@3.1.0
+
 ## 3.0.0
 
 ### Major Changes

package/dist/transpiler.d.ts

@@ -1,9 +1,9 @@
 import { CamelCase } from 'scule';
+import { defaultUtilitySelectorFn } from '@styleframe/core';
 import { KebabCase } from 'scule';
 import { Styleframe } from '@styleframe/core';
 import { StyleframeOptions } from '@styleframe/core';
 import { ThemeSelectorFn } from '@styleframe/core';
-import { UtilitySelectorFn } from '@styleframe/core';
 import { VariableNameFn } from '@styleframe/core';
 
 export declare function addIndentToLine(line: string): string;
@@ -26,7 +26,7 @@ export declare const DEFAULT_INDENT = "\t";
 
 export declare const defaultThemeSelectorFn: ThemeSelectorFn;
 
-export declare const defaultUtilitySelectorFn: UtilitySelectorFn;
+export { defaultUtilitySelectorFn }
 
 export declare const defaultVariableNameFn: VariableNameFn;
 

package/dist/transpiler.js

@@ -1,189 +1,52 @@
-const Ue = "	", P = ["charset", "import", "namespace"], U = ["layer"], k = ({ name: e }) => `[data-theme="${e}"]`, M = ({
-  name: e,
-  value: t,
-  modifiers: r
-}) => `._${[...r, e, ...t === "default" ? [] : [t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g, "\\$&")}`, O = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
-function V(e, t) {
-  return `@${e}${t ? " " : ""}${t}`;
-}
-const K = /\d/, q = ["-", "_", "/", "."];
-function z(e = "") {
-  if (!K.test(e))
-    return e !== e.toLowerCase();
-}
-function _(e, t) {
-  const r = q, o = [];
-  if (!e || typeof e != "string")
-    return o;
-  let n = "", s, u;
-  for (const a of e) {
-    const c = r.includes(a);
-    if (c === !0) {
-      o.push(n), n = "", s = void 0;
-      continue;
-    }
-    const i = z(a);
-    if (u === !1) {
-      if (s === !1 && i === !0) {
-        o.push(n), n = a, s = i;
-        continue;
-      }
-      if (s === !0 && i === !1 && n.length > 1) {
-        const f = n.at(-1);
-        o.push(n.slice(0, Math.max(0, n.length - 1))), n = f + a, s = i;
-        continue;
-      }
-    }
-    n += a, s = i, u = c;
-  }
-  return o.push(n), o;
-}
-function H(e) {
-  return e ? e[0].toUpperCase() + e.slice(1) : "";
-}
-function Q(e) {
-  return e ? e[0].toLowerCase() + e.slice(1) : "";
-}
-function J(e, t) {
-  return e ? (Array.isArray(e) ? e : _(e)).map((r) => H(r)).join("") : "";
-}
-function Z(e, t) {
-  return Q(J(e || ""));
-}
-function W(e, t) {
-  return e ? (Array.isArray(e) ? e : _(e)).map((r) => r.toLowerCase()).join("-") : "";
-}
-function G(e) {
-  return `	${e}`;
-}
-function Y(e) {
-  return e.split(`
-`).map((t) => G(t)).join(`
-`);
-}
-function x(e) {
-  return e === e.toUpperCase();
-}
-function T(e) {
-  return Z(e);
-}
-function X(e) {
-  return W(e);
-}
-function ee(e) {
-  return X(e);
-}
-function B(e, t) {
-  return `${e.startsWith("--") ? e : ee(e)}: ${t};`;
-}
-function te(e) {
-  return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${Y(`${t}`)}
-`).join("")}}`;
-}
-function E(e) {
-  return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
-}
-function re(e, t) {
-  return B(E(e), t);
-}
-function ne(e, t) {
-  return `var(${E(e)}${t ? `, ${t}` : ""})`;
-}
-function w(e, t) {
-  return `${e} ${te(t)}`;
-}
-function oe(e) {
-  return function(r, o) {
-    return Object.entries(r).map(([n, s]) => B(n, e(s, o)));
-  };
-}
-function F(e) {
-  return function(r, o) {
-    const s = (o.variables?.name ?? O)({ name: r.name });
-    return re(s, e(r.value, o));
-  };
-}
-function S(e) {
-  const t = F(e), r = oe(e);
-  return function(n, s, u) {
-    const { variables: a, declarations: c, children: i } = s, f = n === ":root", l = (a ?? []).map(
-      (g) => t(g, u)
-    ), m = r(
-      c ?? {},
-      u
-    ), y = (i ?? []).map(
-      (g) => e(g, u)
-    ), p = l.length > 0, b = m.length > 0, j = y.length > 0;
-    return f ? `${p || b ? w(n, [
-      ...l,
-      ...p && b ? [""] : [],
-      ...m
-    ]) : ""}${j && (p || b) ? `
-
-` : ""}${y.join(`
-
-`)}` : w(n, [
-      ...l,
-      ...p && (j || b) ? [""] : [],
-      ...m,
-      ...b && j ? [""] : [],
-      ...y.flatMap(
-        (g, I) => I === y.length - 1 ? [g] : [g, ""]
-      )
-    ]);
-  };
-}
-function ce(e) {
-  const t = S(e);
-  return function(o, n) {
-    const s = P.includes(o.identifier), u = U.includes(
-      o.identifier
-    ), a = Object.keys(o.declarations).length > 0, c = o.variables.length > 0, i = o.children.length > 0, f = V(o.identifier, o.rule);
-    return s || u && !(a || c || i) ? `${f};` : t(f, o, n);
-  };
-}
-function ue(e) {
-  return function(r, o) {
-    return r.value.map((n) => e(n, o)).join("").trim();
-  };
-}
-function se(e) {
+const ke = "	", I = ["charset", "import", "namespace"], U = ["layer"];
+function M(e) {
   return typeof e == "object" && e !== null;
 }
 function h(e, t) {
-  return se(e) && "type" in e && e.type === t;
+  return M(e) && "type" in e && e.type === t;
 }
-function ie(e) {
+function k(e) {
   return h(e, "variable");
 }
-function ae(e) {
+function V(e) {
   return h(e, "reference");
 }
-function C(e) {
+function S(e) {
   return h(e, "selector");
 }
-function le(e) {
+function K(e) {
   return h(e, "at-rule");
 }
-function fe(e) {
+function q(e) {
   return h(e, "utility");
 }
-function me(e) {
+function z(e) {
   return h(e, "css");
 }
-function pe(e) {
+function H(e) {
   return h(e, "theme");
 }
 function N(e) {
   return h(e, "root");
 }
-function D(e) {
+function _(e) {
   return h(e, "recipe");
 }
-function L(e) {
+const Q = ({
+  name: e,
+  value: t,
+  modifiers: r
+}) => `_${[
+  ...r,
+  e,
+  ...t === "default" ? [] : [t]
+].filter(Boolean).join(":")}`;
+function w(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
+function J(e) {
+  return `.${e.replace(/[[\].#()%,:/]/g, "\\$&")}`;
+}
 function A(e) {
   if (e instanceof Buffer)
     return Buffer.from(e);
@@ -194,121 +57,121 @@ function A(e) {
     e.byteLength / e.BYTES_PER_ELEMENT || 1
   );
 }
-function ye(e) {
+function Z(e) {
   if (e = e || {}, e.circular)
-    return de(e);
+    return W(e);
   const t = /* @__PURE__ */ new Map();
-  if (t.set(Date, (u) => new Date(u)), t.set(
+  if (t.set(Date, (s) => new Date(s)), t.set(
     Map,
-    (u, a) => new Map(o(Array.from(u), a))
+    (s, a) => new Map(n(Array.from(s), a))
   ), t.set(
     Set,
-    (u, a) => new Set(o(Array.from(u), a))
+    (s, a) => new Set(n(Array.from(s), a))
   ), e.constructorHandlers)
-    for (const u of e.constructorHandlers)
-      t.set(u[0], u[1]);
+    for (const s of e.constructorHandlers)
+      t.set(s[0], s[1]);
   let r;
-  return e.proto ? s : n;
-  function o(u, a) {
-    const c = Object.keys(u), i = Array.from({ length: c.length });
-    for (let f = 0; f < c.length; f++) {
-      const l = c[f], m = u[l];
+  return e.proto ? c : o;
+  function n(s, a) {
+    const u = Object.keys(s), i = Array.from({ length: u.length });
+    for (let f = 0; f < u.length; f++) {
+      const l = u[f], m = s[l];
       typeof m != "object" || m === null ? i[l] = m : m.constructor !== Object && (r = t.get(m.constructor)) ? i[l] = r(m, a) : ArrayBuffer.isView(m) ? i[l] = A(m) : i[l] = a(m);
     }
     return i;
   }
-  function n(u) {
-    if (typeof u != "object" || u === null) return u;
-    if (Array.isArray(u)) return o(u, n);
-    if (u.constructor !== Object && (r = t.get(u.constructor)))
-      return r(u, n);
+  function o(s) {
+    if (typeof s != "object" || s === null) return s;
+    if (Array.isArray(s)) return n(s, o);
+    if (s.constructor !== Object && (r = t.get(s.constructor)))
+      return r(s, o);
     const a = {};
-    for (const c in u) {
-      if (Object.hasOwnProperty.call(u, c) === !1) continue;
-      const i = u[c];
-      typeof i != "object" || i === null ? a[c] = i : i.constructor !== Object && (r = t.get(i.constructor)) ? a[c] = r(i, n) : ArrayBuffer.isView(i) ? a[c] = A(i) : a[c] = n(i);
+    for (const u in s) {
+      if (Object.hasOwnProperty.call(s, u) === !1) continue;
+      const i = s[u];
+      typeof i != "object" || i === null ? a[u] = i : i.constructor !== Object && (r = t.get(i.constructor)) ? a[u] = r(i, o) : ArrayBuffer.isView(i) ? a[u] = A(i) : a[u] = o(i);
     }
     return a;
   }
-  function s(u) {
-    if (typeof u != "object" || u === null) return u;
-    if (Array.isArray(u)) return o(u, s);
-    if (u.constructor !== Object && (r = t.get(u.constructor)))
-      return r(u, s);
+  function c(s) {
+    if (typeof s != "object" || s === null) return s;
+    if (Array.isArray(s)) return n(s, c);
+    if (s.constructor !== Object && (r = t.get(s.constructor)))
+      return r(s, c);
     const a = {};
-    for (const c in u) {
-      const i = u[c];
-      typeof i != "object" || i === null ? a[c] = i : i.constructor !== Object && (r = t.get(i.constructor)) ? a[c] = r(i, s) : ArrayBuffer.isView(i) ? a[c] = A(i) : a[c] = s(i);
+    for (const u in s) {
+      const i = s[u];
+      typeof i != "object" || i === null ? a[u] = i : i.constructor !== Object && (r = t.get(i.constructor)) ? a[u] = r(i, c) : ArrayBuffer.isView(i) ? a[u] = A(i) : a[u] = c(i);
     }
     return a;
   }
 }
-function de(e) {
-  const t = [], r = [], o = /* @__PURE__ */ new Map();
-  if (o.set(Date, (c) => new Date(c)), o.set(
+function W(e) {
+  const t = [], r = [], n = /* @__PURE__ */ new Map();
+  if (n.set(Date, (u) => new Date(u)), n.set(
     Map,
-    (c, i) => new Map(s(Array.from(c), i))
-  ), o.set(
+    (u, i) => new Map(c(Array.from(u), i))
+  ), n.set(
     Set,
-    (c, i) => new Set(s(Array.from(c), i))
+    (u, i) => new Set(c(Array.from(u), i))
   ), e.constructorHandlers)
-    for (const c of e.constructorHandlers)
-      o.set(c[0], c[1]);
-  let n;
-  return e.proto ? a : u;
-  function s(c, i) {
-    const f = Object.keys(c), l = Array.from({ length: f.length });
+    for (const u of e.constructorHandlers)
+      n.set(u[0], u[1]);
+  let o;
+  return e.proto ? a : s;
+  function c(u, i) {
+    const f = Object.keys(u), l = Array.from({ length: f.length });
     for (let m = 0; m < f.length; m++) {
-      const y = f[m], p = c[y];
+      const d = f[m], p = u[d];
       if (typeof p != "object" || p === null)
-        l[y] = p;
-      else if (p.constructor !== Object && (n = o.get(p.constructor)))
-        l[y] = n(p, i);
+        l[d] = p;
+      else if (p.constructor !== Object && (o = n.get(p.constructor)))
+        l[d] = o(p, i);
       else if (ArrayBuffer.isView(p))
-        l[y] = A(p);
+        l[d] = A(p);
       else {
         const b = t.indexOf(p);
-        b !== -1 ? l[y] = r[b] : l[y] = i(p);
+        b !== -1 ? l[d] = r[b] : l[d] = i(p);
       }
     }
     return l;
   }
-  function u(c) {
-    if (typeof c != "object" || c === null) return c;
-    if (Array.isArray(c)) return s(c, u);
-    if (c.constructor !== Object && (n = o.get(c.constructor)))
-      return n(c, u);
+  function s(u) {
+    if (typeof u != "object" || u === null) return u;
+    if (Array.isArray(u)) return c(u, s);
+    if (u.constructor !== Object && (o = n.get(u.constructor)))
+      return o(u, s);
     const i = {};
-    t.push(c), r.push(i);
-    for (const f in c) {
-      if (Object.hasOwnProperty.call(c, f) === !1) continue;
-      const l = c[f];
+    t.push(u), r.push(i);
+    for (const f in u) {
+      if (Object.hasOwnProperty.call(u, f) === !1) continue;
+      const l = u[f];
       if (typeof l != "object" || l === null)
         i[f] = l;
-      else if (l.constructor !== Object && (n = o.get(l.constructor)))
-        i[f] = n(l, u);
+      else if (l.constructor !== Object && (o = n.get(l.constructor)))
+        i[f] = o(l, s);
       else if (ArrayBuffer.isView(l))
         i[f] = A(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? i[f] = r[m] : i[f] = u(l);
+        m !== -1 ? i[f] = r[m] : i[f] = s(l);
       }
     }
     return t.pop(), r.pop(), i;
   }
-  function a(c) {
-    if (typeof c != "object" || c === null) return c;
-    if (Array.isArray(c)) return s(c, a);
-    if (c.constructor !== Object && (n = o.get(c.constructor)))
-      return n(c, a);
+  function a(u) {
+    if (typeof u != "object" || u === null) return u;
+    if (Array.isArray(u)) return c(u, a);
+    if (u.constructor !== Object && (o = n.get(u.constructor)))
+      return o(u, a);
     const i = {};
-    t.push(c), r.push(i);
-    for (const f in c) {
-      const l = c[f];
+    t.push(u), r.push(i);
+    for (const f in u) {
+      const l = u[f];
       if (typeof l != "object" || l === null)
         i[f] = l;
-      else if (l.constructor !== Object && (n = o.get(l.constructor)))
-        i[f] = n(l, a);
+      else if (l.constructor !== Object && (o = n.get(l.constructor)))
+        i[f] = o(l, a);
       else if (ArrayBuffer.isView(l))
         i[f] = A(l);
       else {
@@ -319,137 +182,292 @@ function de(e) {
     return t.pop(), r.pop(), i;
   }
 }
-ye();
+Z();
+function G(e, t = 8) {
+  const r = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let n = "";
+  for (let o = 0; o < t; o++) {
+    const c = Math.floor(Math.random() * r.length);
+    n += r[c];
+  }
+  return e ? `${e}${n}` : n;
+}
+const Y = ({ name: e }) => `[data-theme="${e}"]`, x = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
+function X(e, t) {
+  return `@${e}${t ? " " : ""}${t}`;
+}
+const ee = /\d/, te = ["-", "_", "/", "."];
+function re(e = "") {
+  if (!ee.test(e))
+    return e !== e.toLowerCase();
+}
+function T(e, t) {
+  const r = te, n = [];
+  if (!e || typeof e != "string")
+    return n;
+  let o = "", c, s;
+  for (const a of e) {
+    const u = r.includes(a);
+    if (u === !0) {
+      n.push(o), o = "", c = void 0;
+      continue;
+    }
+    const i = re(a);
+    if (s === !1) {
+      if (c === !1 && i === !0) {
+        n.push(o), o = a, c = i;
+        continue;
+      }
+      if (c === !0 && i === !1 && o.length > 1) {
+        const f = o.at(-1);
+        n.push(o.slice(0, Math.max(0, o.length - 1))), o = f + a, c = i;
+        continue;
+      }
+    }
+    o += a, c = i, s = u;
+  }
+  return n.push(o), n;
+}
+function ne(e) {
+  return e ? e[0].toUpperCase() + e.slice(1) : "";
+}
+function oe(e) {
+  return e ? e[0].toLowerCase() + e.slice(1) : "";
+}
+function ue(e, t) {
+  return e ? (Array.isArray(e) ? e : T(e)).map((r) => ne(r)).join("") : "";
+}
+function ce(e, t) {
+  return oe(ue(e || ""));
+}
+function se(e, t) {
+  return e ? (Array.isArray(e) ? e : T(e)).map((r) => r.toLowerCase()).join("-") : "";
+}
+function ie(e) {
+  return `	${e}`;
+}
+function ae(e) {
+  return e.split(`
+`).map((t) => ie(t)).join(`
+`);
+}
+function B(e) {
+  return e === e.toUpperCase();
+}
+function E(e) {
+  return ce(e);
+}
+function le(e) {
+  return se(e);
+}
+function fe(e) {
+  return le(e);
+}
+function F(e, t) {
+  return `${e.startsWith("--") ? e : fe(e)}: ${t};`;
+}
+function me(e) {
+  return `{${e.length > 0 ? `
+` : ""}${e.map((t) => `${ae(`${t}`)}
+`).join("")}}`;
+}
+function D(e) {
+  return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
+}
+function pe(e, t) {
+  return F(D(e), t);
+}
+function de(e, t) {
+  return `var(${D(e)}${t ? `, ${t}` : ""})`;
+}
+function O(e, t) {
+  return `${e} ${me(t)}`;
+}
+function ye(e) {
+  return function(r, n) {
+    return Object.entries(r).map(([o, c]) => F(o, e(c, n)));
+  };
+}
+function L(e) {
+  return function(r, n) {
+    const c = (n.variables?.name ?? x)({ name: r.name });
+    return pe(c, e(r.value, n));
+  };
+}
+function C(e) {
+  const t = L(e), r = ye(e);
+  return function(o, c, s) {
+    const { variables: a, declarations: u, children: i } = c, f = o === ":root", l = (a ?? []).map(
+      (g) => t(g, s)
+    ), m = r(
+      u ?? {},
+      s
+    ), d = (i ?? []).map(
+      (g) => e(g, s)
+    ), p = l.length > 0, b = m.length > 0, v = d.length > 0;
+    return f ? `${p || b ? O(o, [
+      ...l,
+      ...p && b ? [""] : [],
+      ...m
+    ]) : ""}${v && (p || b) ? `
+
+` : ""}${d.join(`
+
+`)}` : O(o, [
+      ...l,
+      ...p && (v || b) ? [""] : [],
+      ...m,
+      ...b && v ? [""] : [],
+      ...d.flatMap(
+        (g, P) => P === d.length - 1 ? [g] : [g, ""]
+      )
+    ]);
+  };
+}
 function he(e) {
-  return function(r, o) {
-    return r != null ? `${r}` : "";
+  const t = C(e);
+  return function(n, o) {
+    const c = I.includes(n.identifier), s = U.includes(
+      n.identifier
+    ), a = Object.keys(n.declarations).length > 0, u = n.variables.length > 0, i = n.children.length > 0, f = X(n.identifier, n.rule);
+    return c || s && !(a || u || i) ? `${f};` : t(f, n, o);
   };
 }
 function be(e) {
-  return function(r, o) {
-    const s = (o.variables?.name ?? O)({ name: r.name });
-    return ne(
-      s,
-      r.fallback ? e(r.fallback, o) : void 0
-    );
+  return function(r, n) {
+    return r.value.map((o) => e(o, n)).join("").trim();
   };
 }
 function ge(e) {
-  const t = S(e);
-  return function(o, n) {
-    return o.themes.reduce(
-      (s, u) => (s.push(e(u, n)), s),
-      [t(":root", o, n)]
+  return function(r, n) {
+    return r != null ? `${r}` : "";
+  };
+}
+function Ae(e) {
+  return function(r, n) {
+    const c = (n.variables?.name ?? x)({ name: r.name });
+    return de(
+      c,
+      r.fallback ? e(r.fallback, n) : void 0
+    );
+  };
+}
+function Se(e) {
+  const t = C(e);
+  return function(n, o) {
+    return n.themes.reduce(
+      (c, s) => (c.push(e(s, o)), c),
+      [t(":root", n, o)]
       // Default theme (root)
     ).join(`
 
 `);
   };
 }
-function Ae(e) {
-  const t = S(e);
-  return function(o, n) {
-    return t(o.query, o, n);
+function Ce(e) {
+  const t = C(e);
+  return function(n, o) {
+    return t(n.query, n, o);
   };
 }
-function Se(e) {
-  const t = S(e);
-  return function(o, n) {
-    const u = (n.themes?.selector ?? k)({ name: o.name });
-    return t(u, o, n);
+function ve(e) {
+  const t = C(e);
+  return function(n, o) {
+    const s = (o.themes?.selector ?? Y)({ name: n.name });
+    return t(s, n, o);
   };
 }
-function Ce(e) {
-  const t = S(e);
-  return function(o, n) {
-    const s = [], a = (n.utilities?.selector ?? M)({
-      name: o.name,
-      value: o.value,
-      modifiers: o.modifiers
-    });
-    return s.push(t(a, o, n)), s.join(`
+function je(e) {
+  const t = C(e);
+  return function(n, o) {
+    const c = [], a = (o.utilities?.selector ?? Q)({
+      name: n.name,
+      value: n.value,
+      modifiers: n.modifiers
+    }), u = J(a);
+    return c.push(t(u, n, o)), c.join(`
 
 `);
   };
 }
-function d(e, t) {
-  const r = ge(d), o = Ae(d), n = Ce(d), s = ce(d), u = Se(d), a = F(d), c = be(d), i = ue(d), f = he();
+function y(e, t) {
+  const r = Se(y), n = Ce(y), o = je(y), c = he(y), s = ve(y), a = L(y), u = Ae(y), i = be(y), f = ge();
   switch (!0) {
-    case C(e):
-      return o(e, t);
-    case fe(e):
+    case S(e):
       return n(e, t);
-    case le(e):
-      return s(e, t);
+    case q(e):
+      return o(e, t);
+    case K(e):
+      return c(e, t);
     case N(e):
       return r(e, t);
-    case pe(e):
-      return u(e, t);
-    case ie(e):
+    case H(e):
+      return s(e, t);
+    case k(e):
       return a(e, t);
-    case ae(e):
-      return c(e, t);
-    case me(e):
+    case V(e):
+      return u(e, t);
+    case z(e):
       return i(e, t);
     default:
       return f(e, t);
   }
 }
-function je(e) {
-  return function(r, o) {
-    let n = r._exportName;
-    n || (n = T(r.name), r.name[0] && x(r.name[0]) && (n = L(n)));
-    const s = `${n}Recipe`, u = r._runtime ?? {};
-    return `const ${s} = ${JSON.stringify(
-      u,
+function $e(e) {
+  return function(r, n) {
+    let o = r._exportName;
+    o || (o = E(r.name), r.name[0] && B(r.name[0]) && (o = w(o)));
+    const c = `${o}Recipe`, s = r._runtime ?? {};
+    return `const ${c} = ${JSON.stringify(
+      s,
       null,
       4
     )} as const satisfies RecipeRuntime;
 
-export const ${n} = createRecipe("${r.name}", ${s});
+export const ${o} = createRecipe("${r.name}", ${c});
 `;
   };
 }
-function ve(e) {
+function Re(e) {
   return e.filter(
-    (t) => C(t) && !!t._exportName
+    (t) => S(t) && !!t._exportName
   );
 }
-function Re(e) {
-  return function(r, o) {
-    const n = ve(r.children), s = r.recipes.length > 0, u = n.length > 0;
-    if (!s && !u)
+function Ne(e) {
+  return function(r, n) {
+    const o = Re(r.children), c = r.recipes.length > 0, s = o.length > 0;
+    if (!c && !s)
       return "";
     const a = [];
-    return s && (a.push(`import { createRecipe } from '@styleframe/runtime';
+    return c && (a.push(`import { createRecipe } from '@styleframe/runtime';
 import type { RecipeRuntime } from '@styleframe/runtime';
-`), a.push(e(r.recipes, o))), u && a.push(e(n, o)), a.join(`
+`), a.push(e(r.recipes, n))), s && a.push(e(o, n)), a.join(`
 `);
   };
 }
-function $e(e) {
-  return function(r, o) {
+function Oe(e) {
+  return function(r, n) {
     return r._exportName ? `export const ${r._exportName} = ${JSON.stringify(r.query)};
 ` : "";
   };
 }
-function R(e, t) {
-  const r = Re(R), o = je(), n = $e();
+function $(e, t) {
+  const r = Ne($), n = $e(), o = Oe();
   switch (!0) {
     case Array.isArray(e):
-      return e.map((s) => R(s, t)).join(`
+      return e.map((c) => $(c, t)).join(`
 `);
     case N(e):
       return r(e, t);
-    case D(e):
-      return o(e, t);
-    case C(e):
+    case _(e):
       return n(e, t);
+    case S(e):
+      return o(e, t);
     default:
       return "";
   }
 }
-const Ne = `-----BEGIN PUBLIC KEY-----
+const _e = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -457,9 +475,9 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, we = "__licenseRequired", Oe = "__licenseValidated";
-async function _e(e) {
-  const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), r = Uint8Array.from(atob(t), (o) => o.charCodeAt(0));
+-----END PUBLIC KEY-----`, we = "__licenseRequired", xe = "__licenseValidated";
+async function Te(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",
     r,
@@ -471,18 +489,18 @@ async function _e(e) {
     ["verify"]
   );
 }
-async function xe({
+async function Be({
   payload: e,
   signature: t
 }) {
-  const r = new TextEncoder().encode(e), o = Uint8Array.from(
+  const r = new TextEncoder().encode(e), n = Uint8Array.from(
     atob(t),
-    (s) => s.charCodeAt(0)
-  ), n = await _e(Ne);
+    (c) => c.charCodeAt(0)
+  ), o = await Te(_e);
   if (!await crypto.subtle.verify(
     { name: "RSASSA-PKCS1-v1_5" },
-    n,
     o,
+    n,
     r
   ))
     throw new Error(
@@ -490,13 +508,13 @@ async function xe({
     );
   return JSON.parse(e);
 }
-function Te(e) {
+function Ee(e) {
   return Object.prototype.hasOwnProperty.call(e, we);
 }
-async function Be(e) {
+async function Fe(e) {
   const t = Object.getOwnPropertyDescriptor(
     e,
-    Oe
+    xe
   );
   if (!t?.value)
     return {
@@ -514,7 +532,7 @@ async function Be(e) {
       valid: !1
     };
   try {
-    return await xe(
+    return await Be(
       r
     );
   } catch {
@@ -526,37 +544,37 @@ async function Be(e) {
     };
   }
 }
-function Ee(e) {
+function De(e) {
   const t = e?.variants;
   if (!t || Object.keys(t).length === 0)
     return "Record<string, never>";
   const r = [];
-  for (const [o, n] of Object.entries(t)) {
-    if (!n) continue;
-    const s = Object.keys(n);
-    if (s.length > 0) {
-      const u = s.map((a) => `"${a}"`).join(" | ");
-      r.push(`${o}?: ${u}`);
+  for (const [n, o] of Object.entries(t)) {
+    if (!o) continue;
+    const c = Object.keys(o);
+    if (c.length > 0) {
+      const s = c.map((a) => `"${a}"`).join(" | ");
+      r.push(`${n}?: ${s}`);
     }
   }
   return r.length === 0 ? "Record<string, never>" : `{ ${r.join("; ")} }`;
 }
-function Fe(e) {
-  return function(r, o) {
-    let n = r._exportName;
-    n || (n = T(r.name), r.name[0] && x(r.name[0]) && (n = L(n)));
-    const s = Ee(r._runtime);
-    return `    export const ${n}: (props?: ${s}) => string;`;
+function Le(e) {
+  return function(r, n) {
+    let o = r._exportName;
+    o || (o = E(r.name), r.name[0] && B(r.name[0]) && (o = w(o)));
+    const c = De(r._runtime);
+    return `    export const ${o}: (props?: ${c}) => string;`;
   };
 }
-function De(e) {
+function Pe(e) {
   return e.filter(
-    (t) => C(t) && !!t._exportName
+    (t) => S(t) && !!t._exportName
   );
 }
-function Le(e) {
-  return function(r, o) {
-    const n = De(r.children), s = r.recipes.length > 0, u = n.length > 0, a = [
+function Ie(e) {
+  return function(r, n) {
+    const o = Pe(r.children), c = r.recipes.length > 0, s = o.length > 0, a = [
       "// Auto-generated by @styleframe/plugin - DO NOT EDIT",
       "",
       'declare module "virtual:styleframe" {',
@@ -565,45 +583,46 @@ function Le(e) {
       "    /** Returns the global styleframe instance from styleframe.config.ts */",
       "    export function styleframe(): Styleframe;"
     ];
-    if (s) {
+    if (c) {
       a.push("");
-      const c = r.recipes.map((i) => e(i, o)).filter(Boolean);
-      a.push(...c);
+      const u = r.recipes.map((i) => e(i, n)).filter(Boolean);
+      a.push(...u);
     }
-    if (u) {
+    if (s) {
       a.push("");
-      const c = n.map((i) => e(i, o)).filter(Boolean);
-      a.push(...c);
+      const u = o.map((i) => e(i, n)).filter(Boolean);
+      a.push(...u);
     }
     return a.push("}"), a.push(""), a.push('declare module "virtual:styleframe.css" {'), a.push("    const css: string;"), a.push("    export default css;"), a.push("}"), a.push(""), a.join(`
 `);
   };
 }
-function Ie(e) {
-  return function(r, o) {
+function Ue(e) {
+  return function(r, n) {
     return r._exportName ? `    export const ${r._exportName}: string;` : "";
   };
 }
-function $(e, t) {
-  const r = Le($), o = Fe(), n = Ie();
+function R(e, t) {
+  const r = Ie(R), n = Le(), o = Ue();
   switch (!0) {
     case Array.isArray(e):
-      return e.map((s) => $(s, t)).join(`
+      return e.map((c) => R(c, t)).join(`
 `);
     case N(e):
       return r(e, t);
-    case D(e):
-      return o(e, t);
-    case C(e):
+    case _(e):
       return n(e, t);
+    case S(e):
+      return o(e, t);
     default:
       return "";
   }
 }
-function Pe(e) {
+function Me(e) {
   const t = Math.floor(Math.random() * 100);
   e.root.children.push({
     type: "selector",
+    id: G("sel-"),
     query: `html:nth-of-type(${t}n+1)::after`,
     variables: [],
     children: [],
@@ -624,58 +643,58 @@ function Pe(e) {
     }
   });
 }
-function v(e, t = "") {
+function j(e, t = "") {
   return {
     name: e,
     content: t
   };
 }
-async function ke(e, {
+async function Ve(e, {
   type: t = "all",
-  consumers: r = { css: d, ts: R, dts: $ }
+  consumers: r = { css: y, ts: $, dts: R }
 } = {}) {
-  const o = { files: [] }, n = e.options;
-  if (Te(e)) {
-    const s = await Be(e);
-    (!s.valid || s.instanceId !== e.id) && Pe(e);
+  const n = { files: [] }, o = e.options;
+  if (Ee(e)) {
+    const c = await Fe(e);
+    (!c.valid || c.instanceId !== e.id) && Me(e);
   }
   if (t === "all" || t === "css") {
-    const s = v(
+    const c = j(
       "index.css",
-      r.css(e.root, n)
+      r.css(e.root, o)
     );
-    o.files.push(s);
+    n.files.push(c);
   }
   if (t === "all" || t === "ts") {
-    const s = v(
+    const c = j(
       "index.ts",
-      r.ts(e.root, n)
+      r.ts(e.root, o)
     );
-    o.files.push(s);
+    n.files.push(c);
   }
   if (t === "dts") {
-    const s = v(
+    const c = j(
       "index.d.ts",
-      r.dts(e.root, n)
+      r.dts(e.root, o)
     );
-    o.files.push(s);
+    n.files.push(c);
   }
-  return o;
+  return n;
 }
 export {
-  Ue as DEFAULT_INDENT,
-  P as STATEMENT_AT_RULES,
+  ke as DEFAULT_INDENT,
+  I as STATEMENT_AT_RULES,
   U as STATEMENT_OR_BLOCK_AT_RULES,
-  G as addIndentToLine,
-  d as consumeCSS,
-  R as consumeTS,
-  v as createFile,
-  k as defaultThemeSelectorFn,
-  M as defaultUtilitySelectorFn,
-  O as defaultVariableNameFn,
-  Y as indentLines,
-  x as isUppercase,
-  T as toCamelCase,
-  X as toKebabCase,
-  ke as transpile
+  ie as addIndentToLine,
+  y as consumeCSS,
+  $ as consumeTS,
+  j as createFile,
+  Y as defaultThemeSelectorFn,
+  Q as defaultUtilitySelectorFn,
+  x as defaultVariableNameFn,
+  ae as indentLines,
+  B as isUppercase,
+  E as toCamelCase,
+  le as toKebabCase,
+  Ve as transpile
 };

package/dist/transpiler.umd.cjs

@@ -1,24 +1,24 @@
-(function(p,v){typeof exports=="object"&&typeof module<"u"?v(exports):typeof define=="function"&&define.amd?define(["exports"],v):(p=typeof globalThis<"u"?globalThis:p||self,v(p.transpiler={}))})(this,(function(p){"use strict";const F=["charset","import","namespace"],B=["layer"],D=({name:e})=>`[data-theme="${e}"]`,L=({name:e,value:t,modifiers:r})=>`._${[...r,e,...t==="default"?[]:[t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g,"\\$&")}`,$=({name:e})=>e.replace(/^\.+|\.+$/g,"").replace(/\.+/g,"--");function H(e,t){return`@${e}${t?" ":""}${t}`}const Q=/\d/,J=["-","_","/","."];function Z(e=""){if(!Q.test(e))return e!==e.toLowerCase()}function U(e,t){const r=J,o=[];if(!e||typeof e!="string")return o;let n="",i,u;for(const a of e){const c=r.includes(a);if(c===!0){o.push(n),n="",i=void 0;continue}const s=Z(a);if(u===!1){if(i===!1&&s===!0){o.push(n),n=a,i=s;continue}if(i===!0&&s===!1&&n.length>1){const f=n.at(-1);o.push(n.slice(0,Math.max(0,n.length-1))),n=f+a,i=s;continue}}n+=a,i=s,u=c}return o.push(n),o}function W(e){return e?e[0].toUpperCase()+e.slice(1):""}function G(e){return e?e[0].toLowerCase()+e.slice(1):""}function Y(e,t){return e?(Array.isArray(e)?e:U(e)).map(r=>W(r)).join(""):""}function X(e,t){return G(Y(e||""))}function ee(e,t){return e?(Array.isArray(e)?e:U(e)).map(r=>r.toLowerCase()).join("-"):""}function I(e){return`	${e}`}function P(e){return e.split(`
-`).map(t=>I(t)).join(`
-`)}function N(e){return e===e.toUpperCase()}function _(e){return X(e)}function x(e){return ee(e)}function te(e){return x(e)}function M(e,t){return`${e.startsWith("--")?e:te(e)}: ${t};`}function re(e){return`{${e.length>0?`
-`:""}${e.map(t=>`${P(`${t}`)}
-`).join("")}}`}function k(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function ne(e,t){return M(k(e),t)}function oe(e,t){return`var(${k(e)}${t?`, ${t}`:""})`}function V(e,t){return`${e} ${re(t)}`}function ce(e){return function(r,o){return Object.entries(r).map(([n,i])=>M(n,e(i,o)))}}function K(e){return function(r,o){const i=(o.variables?.name??$)({name:r.name});return ne(i,e(r.value,o))}}function C(e){const t=K(e),r=ce(e);return function(n,i,u){const{variables:a,declarations:c,children:s}=i,f=n===":root",l=(a??[]).map(S=>t(S,u)),m=r(c??{},u),y=(s??[]).map(S=>e(S,u)),d=l.length>0,g=m.length>0,w=y.length>0;return f?`${d||g?V(n,[...l,...d&&g?[""]:[],...m]):""}${w&&(d||g)?`
+(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 F=["charset","import","namespace"],B=["layer"];function H(e){return typeof e=="object"&&e!==null}function b(e,t){return H(e)&&"type"in e&&e.type===t}function Q(e){return b(e,"variable")}function J(e){return b(e,"reference")}function C(e){return b(e,"selector")}function Z(e){return b(e,"at-rule")}function W(e){return b(e,"utility")}function G(e){return b(e,"css")}function Y(e){return b(e,"theme")}function $(e){return b(e,"root")}function D(e){return b(e,"recipe")}const L=({name:e,value:t,modifiers:r})=>`_${[...r,e,...t==="default"?[]:[t]].filter(Boolean).join(":")}`;function U(e){return e.charAt(0).toUpperCase()+e.slice(1)}function X(e){return`.${e.replace(/[[\].#()%,:/]/g,"\\$&")}`}function S(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 ee(e){if(e=e||{},e.circular)return te(e);const t=new Map;if(t.set(Date,s=>new Date(s)),t.set(Map,(s,a)=>new Map(n(Array.from(s),a))),t.set(Set,(s,a)=>new Set(n(Array.from(s),a))),e.constructorHandlers)for(const s of e.constructorHandlers)t.set(s[0],s[1]);let r;return e.proto?c:o;function n(s,a){const u=Object.keys(s),i=Array.from({length:u.length});for(let f=0;f<u.length;f++){const l=u[f],m=s[l];typeof m!="object"||m===null?i[l]=m:m.constructor!==Object&&(r=t.get(m.constructor))?i[l]=r(m,a):ArrayBuffer.isView(m)?i[l]=S(m):i[l]=a(m)}return i}function o(s){if(typeof s!="object"||s===null)return s;if(Array.isArray(s))return n(s,o);if(s.constructor!==Object&&(r=t.get(s.constructor)))return r(s,o);const a={};for(const u in s){if(Object.hasOwnProperty.call(s,u)===!1)continue;const i=s[u];typeof i!="object"||i===null?a[u]=i:i.constructor!==Object&&(r=t.get(i.constructor))?a[u]=r(i,o):ArrayBuffer.isView(i)?a[u]=S(i):a[u]=o(i)}return a}function c(s){if(typeof s!="object"||s===null)return s;if(Array.isArray(s))return n(s,c);if(s.constructor!==Object&&(r=t.get(s.constructor)))return r(s,c);const a={};for(const u in s){const i=s[u];typeof i!="object"||i===null?a[u]=i:i.constructor!==Object&&(r=t.get(i.constructor))?a[u]=r(i,c):ArrayBuffer.isView(i)?a[u]=S(i):a[u]=c(i)}return a}}function te(e){const t=[],r=[],n=new Map;if(n.set(Date,u=>new Date(u)),n.set(Map,(u,i)=>new Map(c(Array.from(u),i))),n.set(Set,(u,i)=>new Set(c(Array.from(u),i))),e.constructorHandlers)for(const u of e.constructorHandlers)n.set(u[0],u[1]);let o;return e.proto?a:s;function c(u,i){const f=Object.keys(u),l=Array.from({length:f.length});for(let m=0;m<f.length;m++){const y=f[m],d=u[y];if(typeof d!="object"||d===null)l[y]=d;else if(d.constructor!==Object&&(o=n.get(d.constructor)))l[y]=o(d,i);else if(ArrayBuffer.isView(d))l[y]=S(d);else{const g=t.indexOf(d);g!==-1?l[y]=r[g]:l[y]=i(d)}}return l}function s(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return c(u,s);if(u.constructor!==Object&&(o=n.get(u.constructor)))return o(u,s);const i={};t.push(u),r.push(i);for(const f in u){if(Object.hasOwnProperty.call(u,f)===!1)continue;const l=u[f];if(typeof l!="object"||l===null)i[f]=l;else if(l.constructor!==Object&&(o=n.get(l.constructor)))i[f]=o(l,s);else if(ArrayBuffer.isView(l))i[f]=S(l);else{const m=t.indexOf(l);m!==-1?i[f]=r[m]:i[f]=s(l)}}return t.pop(),r.pop(),i}function a(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return c(u,a);if(u.constructor!==Object&&(o=n.get(u.constructor)))return o(u,a);const i={};t.push(u),r.push(i);for(const f in u){const l=u[f];if(typeof l!="object"||l===null)i[f]=l;else if(l.constructor!==Object&&(o=n.get(l.constructor)))i[f]=o(l,a);else if(ArrayBuffer.isView(l))i[f]=S(l);else{const m=t.indexOf(l);m!==-1?i[f]=r[m]:i[f]=a(l)}}return t.pop(),r.pop(),i}}ee();function re(e,t=8){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let o=0;o<t;o++){const c=Math.floor(Math.random()*r.length);n+=r[c]}return e?`${e}${n}`:n}const I=({name:e})=>`[data-theme="${e}"]`,N=({name:e})=>e.replace(/^\.+|\.+$/g,"").replace(/\.+/g,"--");function ne(e,t){return`@${e}${t?" ":""}${t}`}const oe=/\d/,ue=["-","_","/","."];function ce(e=""){if(!oe.test(e))return e!==e.toLowerCase()}function M(e,t){const r=ue,n=[];if(!e||typeof e!="string")return n;let o="",c,s;for(const a of e){const u=r.includes(a);if(u===!0){n.push(o),o="",c=void 0;continue}const i=ce(a);if(s===!1){if(c===!1&&i===!0){n.push(o),o=a,c=i;continue}if(c===!0&&i===!1&&o.length>1){const f=o.at(-1);n.push(o.slice(0,Math.max(0,o.length-1))),o=f+a,c=i;continue}}o+=a,c=i,s=u}return n.push(o),n}function se(e){return e?e[0].toUpperCase()+e.slice(1):""}function ie(e){return e?e[0].toLowerCase()+e.slice(1):""}function ae(e,t){return e?(Array.isArray(e)?e:M(e)).map(r=>se(r)).join(""):""}function le(e,t){return ie(ae(e||""))}function fe(e,t){return e?(Array.isArray(e)?e:M(e)).map(r=>r.toLowerCase()).join("-"):""}function P(e){return`	${e}`}function x(e){return e.split(`
+`).map(t=>P(t)).join(`
+`)}function _(e){return e===e.toUpperCase()}function E(e){return le(e)}function k(e){return fe(e)}function me(e){return k(e)}function V(e,t){return`${e.startsWith("--")?e:me(e)}: ${t};`}function pe(e){return`{${e.length>0?`
+`:""}${e.map(t=>`${x(`${t}`)}
+`).join("")}}`}function K(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function de(e,t){return V(K(e),t)}function ye(e,t){return`var(${K(e)}${t?`, ${t}`:""})`}function q(e,t){return`${e} ${pe(t)}`}function he(e){return function(r,n){return Object.entries(r).map(([o,c])=>V(o,e(c,n)))}}function z(e){return function(r,n){const c=(n.variables?.name??N)({name:r.name});return de(c,e(r.value,n))}}function v(e){const t=z(e),r=he(e);return function(o,c,s){const{variables:a,declarations:u,children:i}=c,f=o===":root",l=(a??[]).map(A=>t(A,s)),m=r(u??{},s),y=(i??[]).map(A=>e(A,s)),d=l.length>0,g=m.length>0,w=y.length>0;return f?`${d||g?q(o,[...l,...d&&g?[""]:[],...m]):""}${w&&(d||g)?`
 
 `:""}${y.join(`
 
-`)}`:V(n,[...l,...d&&(w||g)?[""]:[],...m,...g&&w?[""]:[],...y.flatMap((S,ke)=>ke===y.length-1?[S]:[S,""])])}}function ue(e){const t=C(e);return function(o,n){const i=F.includes(o.identifier),u=B.includes(o.identifier),a=Object.keys(o.declarations).length>0,c=o.variables.length>0,s=o.children.length>0,f=H(o.identifier,o.rule);return i||u&&!(a||c||s)?`${f};`:t(f,o,n)}}function ie(e){return function(r,o){return r.value.map(n=>e(n,o)).join("").trim()}}function se(e){return typeof e=="object"&&e!==null}function b(e,t){return se(e)&&"type"in e&&e.type===t}function ae(e){return b(e,"variable")}function le(e){return b(e,"reference")}function j(e){return b(e,"selector")}function fe(e){return b(e,"at-rule")}function me(e){return b(e,"utility")}function pe(e){return b(e,"css")}function de(e){return b(e,"theme")}function E(e){return b(e,"root")}function q(e){return b(e,"recipe")}function z(e){return e.charAt(0).toUpperCase()+e.slice(1)}function A(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 ye(e){if(e=e||{},e.circular)return he(e);const t=new Map;if(t.set(Date,u=>new Date(u)),t.set(Map,(u,a)=>new Map(o(Array.from(u),a))),t.set(Set,(u,a)=>new Set(o(Array.from(u),a))),e.constructorHandlers)for(const u of e.constructorHandlers)t.set(u[0],u[1]);let r;return e.proto?i:n;function o(u,a){const c=Object.keys(u),s=Array.from({length:c.length});for(let f=0;f<c.length;f++){const l=c[f],m=u[l];typeof m!="object"||m===null?s[l]=m:m.constructor!==Object&&(r=t.get(m.constructor))?s[l]=r(m,a):ArrayBuffer.isView(m)?s[l]=A(m):s[l]=a(m)}return s}function n(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return o(u,n);if(u.constructor!==Object&&(r=t.get(u.constructor)))return r(u,n);const a={};for(const c in u){if(Object.hasOwnProperty.call(u,c)===!1)continue;const s=u[c];typeof s!="object"||s===null?a[c]=s:s.constructor!==Object&&(r=t.get(s.constructor))?a[c]=r(s,n):ArrayBuffer.isView(s)?a[c]=A(s):a[c]=n(s)}return a}function i(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return o(u,i);if(u.constructor!==Object&&(r=t.get(u.constructor)))return r(u,i);const a={};for(const c in u){const s=u[c];typeof s!="object"||s===null?a[c]=s:s.constructor!==Object&&(r=t.get(s.constructor))?a[c]=r(s,i):ArrayBuffer.isView(s)?a[c]=A(s):a[c]=i(s)}return a}}function he(e){const t=[],r=[],o=new Map;if(o.set(Date,c=>new Date(c)),o.set(Map,(c,s)=>new Map(i(Array.from(c),s))),o.set(Set,(c,s)=>new Set(i(Array.from(c),s))),e.constructorHandlers)for(const c of e.constructorHandlers)o.set(c[0],c[1]);let n;return e.proto?a:u;function i(c,s){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&&(n=o.get(d.constructor)))l[y]=n(d,s);else if(ArrayBuffer.isView(d))l[y]=A(d);else{const g=t.indexOf(d);g!==-1?l[y]=r[g]:l[y]=s(d)}}return l}function u(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return i(c,u);if(c.constructor!==Object&&(n=o.get(c.constructor)))return n(c,u);const s={};t.push(c),r.push(s);for(const f in c){if(Object.hasOwnProperty.call(c,f)===!1)continue;const l=c[f];if(typeof l!="object"||l===null)s[f]=l;else if(l.constructor!==Object&&(n=o.get(l.constructor)))s[f]=n(l,u);else if(ArrayBuffer.isView(l))s[f]=A(l);else{const m=t.indexOf(l);m!==-1?s[f]=r[m]:s[f]=u(l)}}return t.pop(),r.pop(),s}function a(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return i(c,a);if(c.constructor!==Object&&(n=o.get(c.constructor)))return n(c,a);const s={};t.push(c),r.push(s);for(const f in c){const l=c[f];if(typeof l!="object"||l===null)s[f]=l;else if(l.constructor!==Object&&(n=o.get(l.constructor)))s[f]=n(l,a);else if(ArrayBuffer.isView(l))s[f]=A(l);else{const m=t.indexOf(l);m!==-1?s[f]=r[m]:s[f]=a(l)}}return t.pop(),r.pop(),s}}ye();function be(e){return function(r,o){return r!=null?`${r}`:""}}function ge(e){return function(r,o){const i=(o.variables?.name??$)({name:r.name});return oe(i,r.fallback?e(r.fallback,o):void 0)}}function Ae(e){const t=C(e);return function(o,n){return o.themes.reduce((i,u)=>(i.push(e(u,n)),i),[t(":root",o,n)]).join(`
+`)}`:q(o,[...l,...d&&(w||g)?[""]:[],...m,...g&&w?[""]:[],...y.flatMap((A,Ke)=>Ke===y.length-1?[A]:[A,""])])}}function be(e){const t=v(e);return function(n,o){const c=F.includes(n.identifier),s=B.includes(n.identifier),a=Object.keys(n.declarations).length>0,u=n.variables.length>0,i=n.children.length>0,f=ne(n.identifier,n.rule);return c||s&&!(a||u||i)?`${f};`:t(f,n,o)}}function ge(e){return function(r,n){return r.value.map(o=>e(o,n)).join("").trim()}}function Se(e){return function(r,n){return r!=null?`${r}`:""}}function Ae(e){return function(r,n){const c=(n.variables?.name??N)({name:r.name});return ye(c,r.fallback?e(r.fallback,n):void 0)}}function Ce(e){const t=v(e);return function(n,o){return n.themes.reduce((c,s)=>(c.push(e(s,o)),c),[t(":root",n,o)]).join(`
 
-`)}}function Se(e){const t=C(e);return function(o,n){return t(o.query,o,n)}}function Ce(e){const t=C(e);return function(o,n){const u=(n.themes?.selector??D)({name:o.name});return t(u,o,n)}}function je(e){const t=C(e);return function(o,n){const i=[],a=(n.utilities?.selector??L)({name:o.name,value:o.value,modifiers:o.modifiers});return i.push(t(a,o,n)),i.join(`
+`)}}function ve(e){const t=v(e);return function(n,o){return t(n.query,n,o)}}function je(e){const t=v(e);return function(n,o){const s=(o.themes?.selector??I)({name:n.name});return t(s,n,o)}}function Re(e){const t=v(e);return function(n,o){const c=[],a=(o.utilities?.selector??L)({name:n.name,value:n.value,modifiers:n.modifiers}),u=X(a);return c.push(t(u,n,o)),c.join(`
 
-`)}}function h(e,t){const r=Ae(h),o=Se(h),n=je(h),i=ue(h),u=Ce(h),a=K(h),c=ge(h),s=ie(h),f=be();switch(!0){case j(e):return o(e,t);case me(e):return n(e,t);case fe(e):return i(e,t);case E(e):return r(e,t);case de(e):return u(e,t);case ae(e):return a(e,t);case le(e):return c(e,t);case pe(e):return s(e,t);default:return f(e,t)}}function ve(e){return function(r,o){let n=r._exportName;n||(n=_(r.name),r.name[0]&&N(r.name[0])&&(n=z(n)));const i=`${n}Recipe`,u=r._runtime??{};return`const ${i} = ${JSON.stringify(u,null,4)} as const satisfies RecipeRuntime;
+`)}}function h(e,t){const r=Ce(h),n=ve(h),o=Re(h),c=be(h),s=je(h),a=z(h),u=Ae(h),i=ge(h),f=Se();switch(!0){case C(e):return n(e,t);case W(e):return o(e,t);case Z(e):return c(e,t);case $(e):return r(e,t);case Y(e):return s(e,t);case Q(e):return a(e,t);case J(e):return u(e,t);case G(e):return i(e,t);default:return f(e,t)}}function Te(e){return function(r,n){let o=r._exportName;o||(o=E(r.name),r.name[0]&&_(r.name[0])&&(o=U(o)));const c=`${o}Recipe`,s=r._runtime??{};return`const ${c} = ${JSON.stringify(s,null,4)} as const satisfies RecipeRuntime;
 
-export const ${n} = createRecipe("${r.name}", ${i});
-`}}function Re(e){return e.filter(t=>j(t)&&!!t._exportName)}function Te(e){return function(r,o){const n=Re(r.children),i=r.recipes.length>0,u=n.length>0;if(!i&&!u)return"";const a=[];return i&&(a.push(`import { createRecipe } from '@styleframe/runtime';
+export const ${o} = createRecipe("${r.name}", ${c});
+`}}function $e(e){return e.filter(t=>C(t)&&!!t._exportName)}function Ne(e){return function(r,n){const o=$e(r.children),c=r.recipes.length>0,s=o.length>0;if(!c&&!s)return"";const a=[];return c&&(a.push(`import { createRecipe } from '@styleframe/runtime';
 import type { RecipeRuntime } from '@styleframe/runtime';
-`),a.push(e(r.recipes,o))),u&&a.push(e(n,o)),a.join(`
-`)}}function $e(e){return function(r,o){return r._exportName?`export const ${r._exportName} = ${JSON.stringify(r.query)};
-`:""}}function R(e,t){const r=Te(R),o=ve(),n=$e();switch(!0){case Array.isArray(e):return e.map(i=>R(i,t)).join(`
-`);case E(e):return r(e,t);case q(e):return o(e,t);case j(e):return n(e,t);default:return""}}const Ne=`-----BEGIN PUBLIC KEY-----
+`),a.push(e(r.recipes,n))),s&&a.push(e(o,n)),a.join(`
+`)}}function _e(e){return function(r,n){return r._exportName?`export const ${r._exportName} = ${JSON.stringify(r.query)};
+`:""}}function R(e,t){const r=Ne(R),n=Te(),o=_e();switch(!0){case Array.isArray(e):return e.map(c=>R(c,t)).join(`
+`);case $(e):return r(e,t);case D(e):return n(e,t);case C(e):return o(e,t);default:return""}}const Ee=`-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -26,6 +26,6 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`,_e="__licenseRequired",Ee="__licenseValidated";async function Oe(e){const t=e.replace(/-----BEGIN PUBLIC KEY-----/,"").replace(/-----END PUBLIC KEY-----/,"").replace(/\s/g,""),r=Uint8Array.from(atob(t),o=>o.charCodeAt(0));return await crypto.subtle.importKey("spki",r,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},!0,["verify"])}async function we({payload:e,signature:t}){const r=new TextEncoder().encode(e),o=Uint8Array.from(atob(t),i=>i.charCodeAt(0)),n=await Oe(Ne);if(!await crypto.subtle.verify({name:"RSASSA-PKCS1-v1_5"},n,o,r))throw new Error("License validation failed: Invalid signature detected. The license may have been modified or corrupted.");return JSON.parse(e)}function Fe(e){return Object.prototype.hasOwnProperty.call(e,_e)}async function Be(e){const t=Object.getOwnPropertyDescriptor(e,Ee);if(!t?.value)return{key:"",instanceId:"",environment:"",valid:!1};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:"",environment:"",valid:!1};try{return await we(r)}catch{return{key:"",instanceId:"",environment:"",valid:!1}}}function De(e){const t=e?.variants;if(!t||Object.keys(t).length===0)return"Record<string, never>";const r=[];for(const[o,n]of Object.entries(t)){if(!n)continue;const i=Object.keys(n);if(i.length>0){const u=i.map(a=>`"${a}"`).join(" | ");r.push(`${o}?: ${u}`)}}return r.length===0?"Record<string, never>":`{ ${r.join("; ")} }`}function Le(e){return function(r,o){let n=r._exportName;n||(n=_(r.name),r.name[0]&&N(r.name[0])&&(n=z(n)));const i=De(r._runtime);return`    export const ${n}: (props?: ${i}) => string;`}}function Ue(e){return e.filter(t=>j(t)&&!!t._exportName)}function Ie(e){return function(r,o){const n=Ue(r.children),i=r.recipes.length>0,u=n.length>0,a=["// Auto-generated by @styleframe/plugin - DO NOT EDIT","",'declare module "virtual:styleframe" {','    import type { Styleframe } from "@styleframe/core";',"","    /** Returns the global styleframe instance from styleframe.config.ts */","    export function styleframe(): Styleframe;"];if(i){a.push("");const c=r.recipes.map(s=>e(s,o)).filter(Boolean);a.push(...c)}if(u){a.push("");const c=n.map(s=>e(s,o)).filter(Boolean);a.push(...c)}return a.push("}"),a.push(""),a.push('declare module "virtual:styleframe.css" {'),a.push("    const css: string;"),a.push("    export default css;"),a.push("}"),a.push(""),a.join(`
-`)}}function Pe(e){return function(r,o){return r._exportName?`    export const ${r._exportName}: string;`:""}}function O(e,t){const r=Ie(O),o=Le(),n=Pe();switch(!0){case Array.isArray(e):return e.map(i=>O(i,t)).join(`
-`);case E(e):return r(e,t);case q(e):return o(e,t);case j(e):return n(e,t);default:return""}}function xe(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 T(e,t=""){return{name:e,content:t}}async function Me(e,{type:t="all",consumers:r={css:h,ts:R,dts:O}}={}){const o={files:[]},n=e.options;if(Fe(e)){const i=await Be(e);(!i.valid||i.instanceId!==e.id)&&xe(e)}if(t==="all"||t==="css"){const i=T("index.css",r.css(e.root,n));o.files.push(i)}if(t==="all"||t==="ts"){const i=T("index.ts",r.ts(e.root,n));o.files.push(i)}if(t==="dts"){const i=T("index.d.ts",r.dts(e.root,n));o.files.push(i)}return o}p.DEFAULT_INDENT="	",p.STATEMENT_AT_RULES=F,p.STATEMENT_OR_BLOCK_AT_RULES=B,p.addIndentToLine=I,p.consumeCSS=h,p.consumeTS=R,p.createFile=T,p.defaultThemeSelectorFn=D,p.defaultUtilitySelectorFn=L,p.defaultVariableNameFn=$,p.indentLines=P,p.isUppercase=N,p.toCamelCase=_,p.toKebabCase=x,p.transpile=Me,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
+-----END PUBLIC KEY-----`,Oe="__licenseRequired",we="__licenseValidated";async function Fe(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",r,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},!0,["verify"])}async function Be({payload:e,signature:t}){const r=new TextEncoder().encode(e),n=Uint8Array.from(atob(t),c=>c.charCodeAt(0)),o=await Fe(Ee);if(!await crypto.subtle.verify({name:"RSASSA-PKCS1-v1_5"},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 De(e){return Object.prototype.hasOwnProperty.call(e,Oe)}async function Le(e){const t=Object.getOwnPropertyDescriptor(e,we);if(!t?.value)return{key:"",instanceId:"",environment:"",valid:!1};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:"",environment:"",valid:!1};try{return await Be(r)}catch{return{key:"",instanceId:"",environment:"",valid:!1}}}function Ue(e){const t=e?.variants;if(!t||Object.keys(t).length===0)return"Record<string, never>";const r=[];for(const[n,o]of Object.entries(t)){if(!o)continue;const c=Object.keys(o);if(c.length>0){const s=c.map(a=>`"${a}"`).join(" | ");r.push(`${n}?: ${s}`)}}return r.length===0?"Record<string, never>":`{ ${r.join("; ")} }`}function Ie(e){return function(r,n){let o=r._exportName;o||(o=E(r.name),r.name[0]&&_(r.name[0])&&(o=U(o)));const c=Ue(r._runtime);return`    export const ${o}: (props?: ${c}) => string;`}}function Me(e){return e.filter(t=>C(t)&&!!t._exportName)}function Pe(e){return function(r,n){const o=Me(r.children),c=r.recipes.length>0,s=o.length>0,a=["// Auto-generated by @styleframe/plugin - DO NOT EDIT","",'declare module "virtual:styleframe" {','    import type { Styleframe } from "@styleframe/core";',"","    /** Returns the global styleframe instance from styleframe.config.ts */","    export function styleframe(): Styleframe;"];if(c){a.push("");const u=r.recipes.map(i=>e(i,n)).filter(Boolean);a.push(...u)}if(s){a.push("");const u=o.map(i=>e(i,n)).filter(Boolean);a.push(...u)}return a.push("}"),a.push(""),a.push('declare module "virtual:styleframe.css" {'),a.push("    const css: string;"),a.push("    export default css;"),a.push("}"),a.push(""),a.join(`
+`)}}function xe(e){return function(r,n){return r._exportName?`    export const ${r._exportName}: string;`:""}}function O(e,t){const r=Pe(O),n=Ie(),o=xe();switch(!0){case Array.isArray(e):return e.map(c=>O(c,t)).join(`
+`);case $(e):return r(e,t);case D(e):return n(e,t);case C(e):return o(e,t);default:return""}}function ke(e){const t=Math.floor(Math.random()*100);e.root.children.push({type:"selector",id:re("sel-"),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 T(e,t=""){return{name:e,content:t}}async function Ve(e,{type:t="all",consumers:r={css:h,ts:R,dts:O}}={}){const n={files:[]},o=e.options;if(De(e)){const c=await Le(e);(!c.valid||c.instanceId!==e.id)&&ke(e)}if(t==="all"||t==="css"){const c=T("index.css",r.css(e.root,o));n.files.push(c)}if(t==="all"||t==="ts"){const c=T("index.ts",r.ts(e.root,o));n.files.push(c)}if(t==="dts"){const c=T("index.d.ts",r.dts(e.root,o));n.files.push(c)}return n}p.DEFAULT_INDENT="	",p.STATEMENT_AT_RULES=F,p.STATEMENT_OR_BLOCK_AT_RULES=B,p.addIndentToLine=P,p.consumeCSS=h,p.consumeTS=R,p.createFile=T,p.defaultThemeSelectorFn=I,p.defaultUtilitySelectorFn=L,p.defaultVariableNameFn=N,p.indentLines=x,p.isUppercase=_,p.toCamelCase=E,p.toKebabCase=k,p.transpile=Ve,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/package.json

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