@styleframe/transpiler 2.6.0 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @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
+
+- [#117](https://github.com/styleframe-dev/styleframe/pull/117) [`ffe6764`](https://github.com/styleframe-dev/styleframe/commit/ffe6764a2e6c84d5b3cfdf431bf11f17a3f3f118) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Introduce global Styleframe single-instance architecture. Extension files (`*.styleframe.ts`) now share the same instance created in `styleframe.config.ts` instead of creating independent instances. This is a breaking change that affects how styles are imported and composed across files.
+
+### Patch Changes
+
+- Updated dependencies [[`266f961`](https://github.com/styleframe-dev/styleframe/commit/266f96143e9ffb47e0e6326d0e5e7cc9d974ab83), [`ffe6764`](https://github.com/styleframe-dev/styleframe/commit/ffe6764a2e6c84d5b3cfdf431bf11f17a3f3f118)]:
+  - @styleframe/core@3.0.0
+
 ## 2.6.0
 
 ### Minor 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;
 
@@ -54,10 +54,11 @@ export declare function toKebabCase<S extends string>(str: S): KebabCase<S>;
 export declare function transpile(instance: Styleframe, { type, consumers, }?: TranspileOptions): Promise<Output>;
 
 export declare type TranspileOptions = {
-    type?: "css" | "ts" | "all";
+    type?: "css" | "ts" | "dts" | "all";
     consumers?: {
         css: ConsumeFunction;
         ts: ConsumeFunction;
+        dts: ConsumeFunction;
     };
 };
 

package/dist/transpiler.js

@@ -1,190 +1,53 @@
-const Fe = "	", F = ["charset", "import", "namespace"], L = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, x = ({
-  name: e,
-  value: t,
-  modifiers: r
-}) => `._${[...r, e, ...t === "default" ? [] : [t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g, "\\$&")}`, w = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
-function I(e, t) {
-  return `@${e}${t ? " " : ""}${t}`;
-}
-const U = /\d/, P = ["-", "_", "/", "."];
-function M(e = "") {
-  if (!U.test(e))
-    return e !== e.toLowerCase();
-}
-function N(e, t) {
-  const r = P, n = [];
-  if (!e || typeof e != "string")
-    return n;
-  let o = "", s, u;
-  for (const a of e) {
-    const c = r.includes(a);
-    if (c === !0) {
-      n.push(o), o = "", s = void 0;
-      continue;
-    }
-    const i = M(a);
-    if (u === !1) {
-      if (s === !1 && i === !0) {
-        n.push(o), o = a, s = i;
-        continue;
-      }
-      if (s === !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, s = i;
-        continue;
-      }
-    }
-    o += a, s = i, u = c;
-  }
-  return n.push(o), n;
-}
-function k(e) {
-  return e ? e[0].toUpperCase() + e.slice(1) : "";
-}
-function V(e) {
-  return e ? e[0].toLowerCase() + e.slice(1) : "";
-}
-function q(e, t) {
-  return e ? (Array.isArray(e) ? e : N(e)).map((r) => k(r)).join("") : "";
-}
-function K(e, t) {
-  return V(q(e || ""));
-}
-function z(e, t) {
-  return e ? (Array.isArray(e) ? e : N(e)).map((r) => r.toLowerCase()).join("-") : "";
-}
-function H(e) {
-  return `	${e}`;
-}
-function Q(e) {
-  return e.split(`
-`).map((t) => H(t)).join(`
-`);
-}
-function J(e) {
-  return e === e.toUpperCase();
-}
-function Z(e) {
-  return K(e);
-}
-function W(e) {
-  return z(e);
-}
-function G(e) {
-  return W(e);
-}
-function O(e, t) {
-  return `${e.startsWith("--") ? e : G(e)}: ${t};`;
-}
-function Y(e) {
-  return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${Q(`${t}`)}
-`).join("")}}`;
-}
-function E(e) {
-  return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
-}
-function X(e, t) {
-  return O(E(e), t);
-}
-function ee(e, t) {
-  return `var(${E(e)}${t ? `, ${t}` : ""})`;
-}
-function R(e, t) {
-  return `${e} ${Y(t)}`;
-}
-function te(e) {
-  return function(r, n) {
-    return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
-  };
-}
-function B(e) {
-  return function(r, n) {
-    const s = (n.variables?.name ?? w)({ name: r.name });
-    return X(s, e(r.value, n));
-  };
-}
-function S(e) {
-  const t = B(e), r = te(e);
-  return function(o, s, u) {
-    const { variables: a, declarations: c, children: i } = s, f = o === ":root", l = (a ?? []).map(
-      (A) => t(A, u)
-    ), m = r(
-      c ?? {},
-      u
-    ), y = (i ?? []).map(
-      (A) => e(A, u)
-    ), p = l.length > 0, b = m.length > 0, C = y.length > 0;
-    return f ? `${p || b ? R(o, [
-      ...l,
-      ...p && b ? [""] : [],
-      ...m
-    ]) : ""}${C && (p || b) ? `
-
-` : ""}${y.join(`
-
-`)}` : R(o, [
-      ...l,
-      ...p && (C || b) ? [""] : [],
-      ...m,
-      ...b && C ? [""] : [],
-      ...y.flatMap(
-        (A, _) => _ === y.length - 1 ? [A] : [A, ""]
-      )
-    ]);
-  };
-}
-function re(e) {
-  const t = S(e);
-  return function(n, o) {
-    const s = F.includes(n.identifier), u = L.includes(
-      n.identifier
-    ), a = Object.keys(n.declarations).length > 0, c = n.variables.length > 0, i = n.children.length > 0, f = I(n.identifier, n.rule);
-    return s || u && !(a || c || i) ? `${f};` : t(f, n, o);
-  };
-}
-function ne(e) {
-  return function(r, n) {
-    return r.value.map((o) => e(o, n)).join("").trim();
-  };
-}
-function oe(e) {
+const ke = "	", I = ["charset", "import", "namespace"], U = ["layer"];
+function M(e) {
   return typeof e == "object" && e !== null;
 }
 function h(e, t) {
-  return oe(e) && "type" in e && e.type === t;
+  return M(e) && "type" in e && e.type === t;
 }
-function ce(e) {
+function k(e) {
   return h(e, "variable");
 }
-function ue(e) {
+function V(e) {
   return h(e, "reference");
 }
-function v(e) {
+function S(e) {
   return h(e, "selector");
 }
-function ie(e) {
+function K(e) {
   return h(e, "at-rule");
 }
-function se(e) {
+function q(e) {
   return h(e, "utility");
 }
-function ae(e) {
+function z(e) {
   return h(e, "css");
 }
-function le(e) {
+function H(e) {
   return h(e, "theme");
 }
-function T(e) {
+function N(e) {
   return h(e, "root");
 }
-function fe(e) {
+function _(e) {
   return h(e, "recipe");
 }
-function me(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 g(e) {
+function J(e) {
+  return `.${e.replace(/[[\].#()%,:/]/g, "\\$&")}`;
+}
+function A(e) {
   if (e instanceof Buffer)
     return Buffer.from(e);
   const t = e.constructor;
@@ -194,123 +57,123 @@ function g(e) {
     e.byteLength / e.BYTES_PER_ELEMENT || 1
   );
 }
-function pe(e) {
+function Z(e) {
   if (e = e || {}, e.circular)
-    return ye(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(n(Array.from(u), a))
+    (s, a) => new Map(n(Array.from(s), a))
   ), t.set(
     Set,
-    (u, a) => new Set(n(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 : o;
-  function n(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];
-      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] = g(m) : i[l] = a(m);
+  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 o(u) {
-    if (typeof u != "object" || u === null) return u;
-    if (Array.isArray(u)) return n(u, o);
-    if (u.constructor !== Object && (r = t.get(u.constructor)))
-      return r(u, o);
+  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, o) : ArrayBuffer.isView(i) ? a[c] = g(i) : a[c] = o(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 n(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] = g(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 ye(e) {
+function W(e) {
   const t = [], r = [], n = /* @__PURE__ */ new Map();
-  if (n.set(Date, (c) => new Date(c)), n.set(
+  if (n.set(Date, (u) => new Date(u)), n.set(
     Map,
-    (c, i) => new Map(s(Array.from(c), i))
+    (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)
-      n.set(c[0], c[1]);
+    for (const u of e.constructorHandlers)
+      n.set(u[0], u[1]);
   let o;
-  return e.proto ? a : u;
-  function s(c, i) {
-    const f = Object.keys(c), l = Array.from({ length: f.length });
+  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;
+        l[d] = p;
       else if (p.constructor !== Object && (o = n.get(p.constructor)))
-        l[y] = o(p, i);
+        l[d] = o(p, i);
       else if (ArrayBuffer.isView(p))
-        l[y] = g(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 && (o = n.get(c.constructor)))
-      return o(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 && (o = n.get(l.constructor)))
-        i[f] = o(l, u);
+        i[f] = o(l, s);
       else if (ArrayBuffer.isView(l))
-        i[f] = g(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 && (o = n.get(c.constructor)))
-      return o(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 && (o = n.get(l.constructor)))
         i[f] = o(l, a);
       else if (ArrayBuffer.isView(l))
-        i[f] = g(l);
+        i[f] = A(l);
       else {
         const m = t.indexOf(l);
         m !== -1 ? i[f] = r[m] : i[f] = a(l);
@@ -319,26 +182,181 @@ function ye(e) {
     return t.pop(), r.pop(), i;
   }
 }
-pe();
-function de(e) {
+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 r != null ? `${r}` : "";
+    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) {
+  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, n) {
-    const s = (n.variables?.name ?? w)({ name: r.name });
-    return ee(
-      s,
+    return r.value.map((o) => e(o, n)).join("").trim();
+  };
+}
+function ge(e) {
+  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 be(e) {
-  const t = S(e);
+function Se(e) {
+  const t = C(e);
   return function(n, o) {
     return n.themes.reduce(
-      (s, u) => (s.push(e(u, o)), s),
+      (c, s) => (c.push(e(s, o)), c),
       [t(":root", n, o)]
       // Default theme (root)
     ).join(`
@@ -346,110 +364,110 @@ function be(e) {
 `);
   };
 }
-function Ae(e) {
-  const t = S(e);
+function Ce(e) {
+  const t = C(e);
   return function(n, o) {
     return t(n.query, n, o);
   };
 }
-function ge(e) {
-  const t = S(e);
+function ve(e) {
+  const t = C(e);
   return function(n, o) {
-    const u = (o.themes?.selector ?? D)({ name: n.name });
-    return t(u, n, o);
+    const s = (o.themes?.selector ?? Y)({ name: n.name });
+    return t(s, n, o);
   };
 }
-function Se(e) {
-  const t = S(e);
+function je(e) {
+  const t = C(e);
   return function(n, o) {
-    const s = [], a = (o.utilities?.selector ?? x)({
+    const c = [], a = (o.utilities?.selector ?? Q)({
       name: n.name,
       value: n.value,
       modifiers: n.modifiers
-    });
-    return s.push(t(a, n, o)), s.join(`
+    }), u = J(a);
+    return c.push(t(u, n, o)), c.join(`
 
 `);
   };
 }
-function d(e, t) {
-  const r = be(d), n = Ae(d), o = Se(d), s = re(d), u = ge(d), a = B(d), c = he(d), i = ne(d), f = de();
+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 v(e):
+    case S(e):
       return n(e, t);
-    case se(e):
+    case q(e):
       return o(e, t);
-    case ie(e):
-      return s(e, t);
-    case T(e):
+    case K(e):
+      return c(e, t);
+    case N(e):
       return r(e, t);
-    case le(e):
-      return u(e, t);
-    case ce(e):
+    case H(e):
+      return s(e, t);
+    case k(e):
       return a(e, t);
-    case ue(e):
-      return c(e, t);
-    case ae(e):
+    case V(e):
+      return u(e, t);
+    case z(e):
       return i(e, t);
     default:
       return f(e, t);
   }
 }
-function Ce(e) {
+function $e(e) {
   return function(r, n) {
     let o = r._exportName;
-    o || (o = Z(r.name), r.name[0] && J(r.name[0]) && (o = me(o)));
-    const s = `${o}Recipe`, u = r._runtime ?? {};
-    return `const ${s} = ${JSON.stringify(
-      u,
+    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 ${o} = createRecipe("${r.name}", ${s});
+export const ${o} = createRecipe("${r.name}", ${c});
 `;
   };
 }
-function je(e) {
+function Re(e) {
   return e.filter(
-    (t) => v(t) && !!t._exportName
+    (t) => S(t) && !!t._exportName
   );
 }
-function ve(e) {
+function Ne(e) {
   return function(r, n) {
-    const o = je(r.children), s = r.recipes.length > 0, u = o.length > 0;
-    if (!s && !u)
+    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, n))), u && a.push(e(o, n)), a.join(`
+`), a.push(e(r.recipes, n))), s && a.push(e(o, n)), a.join(`
 `);
   };
 }
-function Re(e) {
+function Oe(e) {
   return function(r, n) {
     return r._exportName ? `export const ${r._exportName} = ${JSON.stringify(r.query)};
 ` : "";
   };
 }
-function j(e, t) {
-  const r = ve(j), n = Ce(), o = Re();
+function $(e, t) {
+  const r = Ne($), n = $e(), o = Oe();
   switch (!0) {
     case Array.isArray(e):
-      return e.map((s) => j(s, t)).join(`
+      return e.map((c) => $(c, t)).join(`
 `);
-    case T(e):
+    case N(e):
       return r(e, t);
-    case fe(e):
+    case _(e):
       return n(e, t);
-    case v(e):
+    case S(e):
       return o(e, t);
     default:
       return "";
   }
 }
-const $e = `-----BEGIN PUBLIC KEY-----
+const _e = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -457,8 +475,8 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, we = "__licenseRequired", Ne = "__licenseValidated";
-async function Oe(e) {
+-----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",
@@ -471,14 +489,14 @@ async function Oe(e) {
     ["verify"]
   );
 }
-async function Ee({
+async function Be({
   payload: e,
   signature: t
 }) {
   const r = new TextEncoder().encode(e), n = Uint8Array.from(
     atob(t),
-    (s) => s.charCodeAt(0)
-  ), o = await Oe($e);
+    (c) => c.charCodeAt(0)
+  ), o = await Te(_e);
   if (!await crypto.subtle.verify(
     { name: "RSASSA-PKCS1-v1_5" },
     o,
@@ -490,13 +508,13 @@ async function Ee({
     );
   return JSON.parse(e);
 }
-function Be(e) {
+function Ee(e) {
   return Object.prototype.hasOwnProperty.call(e, we);
 }
-async function Te(e) {
+async function Fe(e) {
   const t = Object.getOwnPropertyDescriptor(
     e,
-    Ne
+    xe
   );
   if (!t?.value)
     return {
@@ -514,7 +532,7 @@ async function Te(e) {
       valid: !1
     };
   try {
-    return await Ee(
+    return await Be(
       r
     );
   } catch {
@@ -526,10 +544,85 @@ async function Te(e) {
     };
   }
 }
-function _e(e) {
+function De(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 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 Pe(e) {
+  return e.filter(
+    (t) => S(t) && !!t._exportName
+  );
+}
+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" {',
+      '    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 Ue(e) {
+  return function(r, n) {
+    return r._exportName ? `    export const ${r._exportName}: string;` : "";
+  };
+}
+function R(e, t) {
+  const r = Ie(R), n = Le(), o = Ue();
+  switch (!0) {
+    case Array.isArray(e):
+      return e.map((c) => R(c, t)).join(`
+`);
+    case N(e):
+      return r(e, t);
+    case _(e):
+      return n(e, t);
+    case S(e):
+      return o(e, t);
+    default:
+      return "";
+  }
+}
+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: [],
@@ -550,51 +643,58 @@ function _e(e) {
     }
   });
 }
-function $(e, t = "") {
+function j(e, t = "") {
   return {
     name: e,
     content: t
   };
 }
-async function Le(e, {
+async function Ve(e, {
   type: t = "all",
-  consumers: r = { css: d, ts: j }
+  consumers: r = { css: y, ts: $, dts: R }
 } = {}) {
   const n = { files: [] }, o = e.options;
-  if (Be(e)) {
-    const s = await Te(e);
-    (!s.valid || s.instanceId !== e.id) && _e(e);
+  if (Ee(e)) {
+    const c = await Fe(e);
+    (!c.valid || c.instanceId !== e.id) && Me(e);
   }
   if (t === "all" || t === "css") {
-    const s = $(
+    const c = j(
       "index.css",
       r.css(e.root, o)
     );
-    n.files.push(s);
+    n.files.push(c);
   }
   if (t === "all" || t === "ts") {
-    const s = $(
+    const c = j(
       "index.ts",
       r.ts(e.root, o)
     );
-    n.files.push(s);
+    n.files.push(c);
+  }
+  if (t === "dts") {
+    const c = j(
+      "index.d.ts",
+      r.dts(e.root, o)
+    );
+    n.files.push(c);
   }
   return n;
 }
 export {
-  Fe as DEFAULT_INDENT,
-  F as STATEMENT_AT_RULES,
-  L as STATEMENT_OR_BLOCK_AT_RULES,
-  H as addIndentToLine,
-  d as consumeCSS,
-  j as consumeTS,
-  $ as createFile,
-  D as defaultThemeSelectorFn,
-  x as defaultUtilitySelectorFn,
-  w as defaultVariableNameFn,
-  Q as indentLines,
-  J as isUppercase,
-  Z as toCamelCase,
-  W as toKebabCase,
-  Le as transpile
+  ke as DEFAULT_INDENT,
+  I as STATEMENT_AT_RULES,
+  U as STATEMENT_OR_BLOCK_AT_RULES,
+  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,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 _=["charset","import","namespace"],$=["layer"],w=({name:e})=>`[data-theme="${e}"]`,O=({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 q(e,t){return`@${e}${t?" ":""}${t}`}const x=/\d/,z=["-","_","/","."];function H(e=""){if(!x.test(e))return e!==e.toLowerCase()}function F(e,t){const n=z,r=[];if(!e||typeof e!="string")return r;let o="",a,u;for(const s of e){const c=n.includes(s);if(c===!0){r.push(o),o="",a=void 0;continue}const i=H(s);if(u===!1){if(a===!1&&i===!0){r.push(o),o=s,a=i;continue}if(a===!0&&i===!1&&o.length>1){const f=o.at(-1);r.push(o.slice(0,Math.max(0,o.length-1))),o=f+s,a=i;continue}}o+=s,a=i,u=c}return r.push(o),r}function Q(e){return e?e[0].toUpperCase()+e.slice(1):""}function J(e){return e?e[0].toLowerCase()+e.slice(1):""}function Z(e,t){return e?(Array.isArray(e)?e:F(e)).map(n=>Q(n)).join(""):""}function W(e,t){return J(Z(e||""))}function G(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 U(e){return e===e.toUpperCase()}function D(e){return W(e)}function I(e){return G(e)}function Y(e){return I(e)}function M(e,t){return`${e.startsWith("--")?e:Y(e)}: ${t};`}function X(e){return`{${e.length>0?`
-`:""}${e.map(t=>`${B(`${t}`)}
-`).join("")}}`}function P(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function ee(e,t){return M(P(e),t)}function te(e,t){return`var(${P(e)}${t?`, ${t}`:""})`}function k(e,t){return`${e} ${X(t)}`}function ne(e){return function(n,r){return Object.entries(n).map(([o,a])=>M(o,e(a,r)))}}function V(e){return function(n,r){const a=(r.variables?.name??v)({name:n.name});return ee(a,e(n.value,r))}}function C(e){const t=V(e),n=ne(e);return function(o,a,u){const{variables:s,declarations:c,children:i}=a,f=o===":root",l=(s??[]).map(g=>t(g,u)),m=n(c??{},u),y=(i??[]).map(g=>e(g,u)),d=l.length>0,A=m.length>0,N=y.length>0;return f?`${d||A?k(o,[...l,...d&&A?[""]:[],...m]):""}${N&&(d||A)?`
+(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(`
 
-`)}`:k(o,[...l,...d&&(N||A)?[""]:[],...m,...A&&N?[""]:[],...y.flatMap((g,Ue)=>Ue===y.length-1?[g]:[g,""])])}}function re(e){const t=C(e);return function(r,o){const a=_.includes(r.identifier),u=$.includes(r.identifier),s=Object.keys(r.declarations).length>0,c=r.variables.length>0,i=r.children.length>0,f=q(r.identifier,r.rule);return a||u&&!(s||c||i)?`${f};`:t(f,r,o)}}function oe(e){return function(n,r){return n.value.map(o=>e(o,r)).join("").trim()}}function ce(e){return typeof e=="object"&&e!==null}function b(e,t){return ce(e)&&"type"in e&&e.type===t}function ue(e){return b(e,"variable")}function ie(e){return b(e,"reference")}function R(e){return b(e,"selector")}function ae(e){return b(e,"at-rule")}function se(e){return b(e,"utility")}function le(e){return b(e,"css")}function fe(e){return b(e,"theme")}function K(e){return b(e,"root")}function me(e){return b(e,"recipe")}function pe(e){return e.charAt(0).toUpperCase()+e.slice(1)}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 de(e){if(e=e||{},e.circular)return ye(e);const t=new Map;if(t.set(Date,u=>new Date(u)),t.set(Map,(u,s)=>new Map(r(Array.from(u),s))),t.set(Set,(u,s)=>new Set(r(Array.from(u),s))),e.constructorHandlers)for(const u of e.constructorHandlers)t.set(u[0],u[1]);let n;return e.proto?a:o;function r(u,s){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];typeof m!="object"||m===null?i[l]=m:m.constructor!==Object&&(n=t.get(m.constructor))?i[l]=n(m,s):ArrayBuffer.isView(m)?i[l]=S(m):i[l]=s(m)}return i}function o(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return r(u,o);if(u.constructor!==Object&&(n=t.get(u.constructor)))return n(u,o);const s={};for(const c in u){if(Object.hasOwnProperty.call(u,c)===!1)continue;const i=u[c];typeof i!="object"||i===null?s[c]=i:i.constructor!==Object&&(n=t.get(i.constructor))?s[c]=n(i,o):ArrayBuffer.isView(i)?s[c]=S(i):s[c]=o(i)}return s}function a(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return r(u,a);if(u.constructor!==Object&&(n=t.get(u.constructor)))return n(u,a);const s={};for(const c in u){const i=u[c];typeof i!="object"||i===null?s[c]=i:i.constructor!==Object&&(n=t.get(i.constructor))?s[c]=n(i,a):ArrayBuffer.isView(i)?s[c]=S(i):s[c]=a(i)}return s}}function ye(e){const t=[],n=[],r=new Map;if(r.set(Date,c=>new Date(c)),r.set(Map,(c,i)=>new Map(a(Array.from(c),i))),r.set(Set,(c,i)=>new Set(a(Array.from(c),i))),e.constructorHandlers)for(const c of e.constructorHandlers)r.set(c[0],c[1]);let o;return e.proto?s:u;function a(c,i){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,i);else if(ArrayBuffer.isView(d))l[y]=S(d);else{const A=t.indexOf(d);A!==-1?l[y]=n[A]:l[y]=i(d)}}return l}function u(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return a(c,u);if(c.constructor!==Object&&(o=r.get(c.constructor)))return o(c,u);const i={};t.push(c),n.push(i);for(const f in c){if(Object.hasOwnProperty.call(c,f)===!1)continue;const l=c[f];if(typeof l!="object"||l===null)i[f]=l;else if(l.constructor!==Object&&(o=r.get(l.constructor)))i[f]=o(l,u);else if(ArrayBuffer.isView(l))i[f]=S(l);else{const m=t.indexOf(l);m!==-1?i[f]=n[m]:i[f]=u(l)}}return t.pop(),n.pop(),i}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 i={};t.push(c),n.push(i);for(const f in c){const l=c[f];if(typeof l!="object"||l===null)i[f]=l;else if(l.constructor!==Object&&(o=r.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]=n[m]:i[f]=s(l)}}return t.pop(),n.pop(),i}}de();function he(e){return function(n,r){return n!=null?`${n}`:""}}function be(e){return function(n,r){const a=(r.variables?.name??v)({name:n.name});return te(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,u)=>(a.push(e(u,o)),a),[t(":root",r,o)]).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(r,o){return t(r.query,r,o)}}function ge(e){const t=C(e);return function(r,o){const u=(o.themes?.selector??w)({name:r.name});return t(u,r,o)}}function Ce(e){const t=C(e);return function(r,o){const a=[],s=(o.utilities?.selector??O)({name:r.name,value:r.value,modifiers:r.modifiers});return a.push(t(s,r,o)),a.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 n=Ae(h),r=Se(h),o=Ce(h),a=re(h),u=ge(h),s=V(h),c=be(h),i=oe(h),f=he();switch(!0){case R(e):return r(e,t);case se(e):return o(e,t);case ae(e):return a(e,t);case K(e):return n(e,t);case fe(e):return u(e,t);case ue(e):return s(e,t);case ie(e):return c(e,t);case le(e):return i(e,t);default:return f(e,t)}}function je(e){return function(n,r){let o=n._exportName;o||(o=D(n.name),n.name[0]&&U(n.name[0])&&(o=pe(o)));const a=`${o}Recipe`,u=n._runtime??{};return`const ${a} = ${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 ${o} = createRecipe("${n.name}", ${a});
-`}}function Te(e){return e.filter(t=>R(t)&&!!t._exportName)}function ve(e){return function(n,r){const o=Te(n.children),a=n.recipes.length>0,u=o.length>0;if(!a&&!u)return"";const s=[];return a&&(s.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';
-`),s.push(e(n.recipes,r))),u&&s.push(e(o,r)),s.join(`
-`)}}function Re(e){return function(n,r){return n._exportName?`export const ${n._exportName} = ${JSON.stringify(n.query)};
-`:""}}function T(e,t){const n=ve(T),r=je(),o=Re();switch(!0){case Array.isArray(e):return e.map(a=>T(a,t)).join(`
-`);case K(e):return n(e,t);case me(e):return r(e,t);case R(e):return o(e,t);default:return""}}const Ee=`-----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,4 +26,6 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`,Ne="__licenseRequired",_e="__licenseValidated";async function $e(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 we({payload:e,signature:t}){const n=new TextEncoder().encode(e),r=Uint8Array.from(atob(t),a=>a.charCodeAt(0)),o=await $e(Ee);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,Ne)}async function Fe(e){const t=Object.getOwnPropertyDescriptor(e,_e);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 we(n)}catch{return{key:"",instanceId:"",environment:"",valid:!1}}}function Le(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 E(e,t=""){return{name:e,content:t}}async function Be(e,{type:t="all",consumers:n={css:h,ts:T}}={}){const r={files:[]},o=e.options;if(Oe(e)){const a=await Fe(e);(!a.valid||a.instanceId!==e.id)&&Le(e)}if(t==="all"||t==="css"){const a=E("index.css",n.css(e.root,o));r.files.push(a)}if(t==="all"||t==="ts"){const a=E("index.ts",n.ts(e.root,o));r.files.push(a)}return r}p.DEFAULT_INDENT="	",p.STATEMENT_AT_RULES=_,p.STATEMENT_OR_BLOCK_AT_RULES=$,p.addIndentToLine=L,p.consumeCSS=h,p.consumeTS=T,p.createFile=E,p.defaultThemeSelectorFn=w,p.defaultUtilitySelectorFn=O,p.defaultVariableNameFn=v,p.indentLines=B,p.isUppercase=U,p.toCamelCase=D,p.toKebabCase=I,p.transpile=Be,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": "2.6.0",
+  "version": "3.0.1",
   "type": "module",
   "types": "./dist/transpiler.d.ts",
   "module": "./dist/transpiler.js",
@@ -22,14 +22,14 @@
     "scule": "^1.3.0"
   },
   "peerDependencies": {
-    "@styleframe/core": "^2.6.0",
-    "@styleframe/license": "^2.0.0"
+    "@styleframe/core": "^3.1.0",
+    "@styleframe/license": "^2.0.2"
   },
   "devDependencies": {
-    "@styleframe/config-typescript": "^2",
-    "@styleframe/config-vite": "^2",
-    "@styleframe/core": "^2.6.0",
-    "@styleframe/license": "^2.0.0",
+    "@styleframe/config-typescript": "^3.0.0",
+    "@styleframe/config-vite": "^3.0.0",
+    "@styleframe/core": "^3.1.0",
+    "@styleframe/license": "^2.0.2",
     "@vitest/coverage-v8": "^3.2.4",
     "typescript": "^5.8.3",
     "vite": "^7.0.6",