@styleframe/transpiler 2.6.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @styleframe/transpiler
 
+## 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

@@ -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,190 @@
-const Fe = "	", F = ["charset", "import", "namespace"], L = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, x = ({
+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, "\\$&")}`, w = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
-function I(e, t) {
+}) => `._${[...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 U = /\d/, P = ["-", "_", "/", "."];
-function M(e = "") {
-  if (!U.test(e))
+const K = /\d/, q = ["-", "_", "/", "."];
+function z(e = "") {
+  if (!K.test(e))
     return e !== e.toLowerCase();
 }
-function N(e, t) {
-  const r = P, n = [];
+function _(e, t) {
+  const r = q, o = [];
   if (!e || typeof e != "string")
-    return n;
-  let o = "", s, u;
+    return o;
+  let n = "", s, u;
   for (const a of e) {
     const c = r.includes(a);
     if (c === !0) {
-      n.push(o), o = "", s = void 0;
+      o.push(n), n = "", s = void 0;
       continue;
     }
-    const i = M(a);
+    const i = z(a);
     if (u === !1) {
       if (s === !1 && i === !0) {
-        n.push(o), o = a, s = i;
+        o.push(n), n = 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;
+      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;
       }
     }
-    o += a, s = i, u = c;
+    n += a, s = i, u = c;
   }
-  return n.push(o), n;
+  return o.push(n), o;
 }
-function k(e) {
+function H(e) {
   return e ? e[0].toUpperCase() + e.slice(1) : "";
 }
-function V(e) {
+function Q(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 J(e, t) {
+  return e ? (Array.isArray(e) ? e : _(e)).map((r) => H(r)).join("") : "";
 }
-function K(e, t) {
-  return V(q(e || ""));
+function Z(e, t) {
+  return Q(J(e || ""));
 }
-function z(e, t) {
-  return e ? (Array.isArray(e) ? e : N(e)).map((r) => r.toLowerCase()).join("-") : "";
+function W(e, t) {
+  return e ? (Array.isArray(e) ? e : _(e)).map((r) => r.toLowerCase()).join("-") : "";
 }
-function H(e) {
+function G(e) {
   return `	${e}`;
 }
-function Q(e) {
+function Y(e) {
   return e.split(`
-`).map((t) => H(t)).join(`
+`).map((t) => G(t)).join(`
 `);
 }
-function J(e) {
+function x(e) {
   return e === e.toUpperCase();
 }
-function Z(e) {
-  return K(e);
-}
-function W(e) {
-  return z(e);
+function T(e) {
+  return Z(e);
 }
-function G(e) {
+function X(e) {
   return W(e);
 }
-function O(e, t) {
-  return `${e.startsWith("--") ? e : G(e)}: ${t};`;
+function ee(e) {
+  return X(e);
 }
-function Y(e) {
+function B(e, t) {
+  return `${e.startsWith("--") ? e : ee(e)}: ${t};`;
+}
+function te(e) {
   return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${Q(`${t}`)}
+` : ""}${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 X(e, t) {
-  return O(E(e), t);
+function re(e, t) {
+  return B(E(e), t);
 }
-function ee(e, t) {
+function ne(e, t) {
   return `var(${E(e)}${t ? `, ${t}` : ""})`;
 }
-function R(e, t) {
-  return `${e} ${Y(t)}`;
+function w(e, t) {
+  return `${e} ${te(t)}`;
 }
-function te(e) {
-  return function(r, n) {
-    return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
+function oe(e) {
+  return function(r, o) {
+    return Object.entries(r).map(([n, s]) => B(n, e(s, o)));
   };
 }
-function B(e) {
-  return function(r, n) {
-    const s = (n.variables?.name ?? w)({ name: r.name });
-    return X(s, e(r.value, n));
+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 = 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)
+  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(
-      (A) => e(A, u)
-    ), p = l.length > 0, b = m.length > 0, C = y.length > 0;
-    return f ? `${p || b ? R(o, [
+      (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
-    ]) : ""}${C && (p || b) ? `
+    ]) : ""}${j && (p || b) ? `
 
 ` : ""}${y.join(`
 
-`)}` : R(o, [
+`)}` : w(n, [
       ...l,
-      ...p && (C || b) ? [""] : [],
+      ...p && (j || b) ? [""] : [],
       ...m,
-      ...b && C ? [""] : [],
+      ...b && j ? [""] : [],
       ...y.flatMap(
-        (A, _) => _ === y.length - 1 ? [A] : [A, ""]
+        (g, I) => I === y.length - 1 ? [g] : [g, ""]
       )
     ]);
   };
 }
-function re(e) {
+function ce(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);
+  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 ne(e) {
-  return function(r, n) {
-    return r.value.map((o) => e(o, n)).join("").trim();
+function ue(e) {
+  return function(r, o) {
+    return r.value.map((n) => e(n, o)).join("").trim();
   };
 }
-function oe(e) {
+function se(e) {
   return typeof e == "object" && e !== null;
 }
 function h(e, t) {
-  return oe(e) && "type" in e && e.type === t;
+  return se(e) && "type" in e && e.type === t;
 }
-function ce(e) {
+function ie(e) {
   return h(e, "variable");
 }
-function ue(e) {
+function ae(e) {
   return h(e, "reference");
 }
-function v(e) {
+function C(e) {
   return h(e, "selector");
 }
-function ie(e) {
+function le(e) {
   return h(e, "at-rule");
 }
-function se(e) {
+function fe(e) {
   return h(e, "utility");
 }
-function ae(e) {
+function me(e) {
   return h(e, "css");
 }
-function le(e) {
+function pe(e) {
   return h(e, "theme");
 }
-function T(e) {
+function N(e) {
   return h(e, "root");
 }
-function fe(e) {
+function D(e) {
   return h(e, "recipe");
 }
-function me(e) {
+function L(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function g(e) {
+function A(e) {
   if (e instanceof Buffer)
     return Buffer.from(e);
   const t = e.constructor;
@@ -194,67 +194,67 @@ function g(e) {
     e.byteLength / e.BYTES_PER_ELEMENT || 1
   );
 }
-function pe(e) {
+function ye(e) {
   if (e = e || {}, e.circular)
-    return ye(e);
+    return de(e);
   const t = /* @__PURE__ */ new Map();
   if (t.set(Date, (u) => new Date(u)), t.set(
     Map,
-    (u, a) => new Map(n(Array.from(u), a))
+    (u, a) => new Map(o(Array.from(u), a))
   ), t.set(
     Set,
-    (u, a) => new Set(n(Array.from(u), a))
+    (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 ? s : o;
-  function n(u, a) {
+  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];
-      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);
+      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) {
+  function n(u) {
     if (typeof u != "object" || u === null) return u;
-    if (Array.isArray(u)) return n(u, o);
+    if (Array.isArray(u)) return o(u, n);
     if (u.constructor !== Object && (r = t.get(u.constructor)))
-      return r(u, o);
+      return r(u, n);
     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);
+      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);
     }
     return a;
   }
   function s(u) {
     if (typeof u != "object" || u === null) return u;
-    if (Array.isArray(u)) return n(u, s);
+    if (Array.isArray(u)) return o(u, s);
     if (u.constructor !== Object && (r = t.get(u.constructor)))
       return r(u, s);
     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);
+      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);
     }
     return a;
   }
 }
-function ye(e) {
-  const t = [], r = [], n = /* @__PURE__ */ new Map();
-  if (n.set(Date, (c) => new Date(c)), n.set(
+function de(e) {
+  const t = [], r = [], o = /* @__PURE__ */ new Map();
+  if (o.set(Date, (c) => new Date(c)), o.set(
     Map,
     (c, i) => new Map(s(Array.from(c), i))
-  ), n.set(
+  ), o.set(
     Set,
     (c, i) => new Set(s(Array.from(c), i))
   ), e.constructorHandlers)
     for (const c of e.constructorHandlers)
-      n.set(c[0], c[1]);
-  let o;
+      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 });
@@ -262,10 +262,10 @@ function ye(e) {
       const y = f[m], p = c[y];
       if (typeof p != "object" || p === null)
         l[y] = p;
-      else if (p.constructor !== Object && (o = n.get(p.constructor)))
-        l[y] = o(p, i);
+      else if (p.constructor !== Object && (n = o.get(p.constructor)))
+        l[y] = n(p, i);
       else if (ArrayBuffer.isView(p))
-        l[y] = g(p);
+        l[y] = A(p);
       else {
         const b = t.indexOf(p);
         b !== -1 ? l[y] = r[b] : l[y] = i(p);
@@ -276,8 +276,8 @@ function ye(e) {
   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);
+    if (c.constructor !== Object && (n = o.get(c.constructor)))
+      return n(c, u);
     const i = {};
     t.push(c), r.push(i);
     for (const f in c) {
@@ -285,10 +285,10 @@ function ye(e) {
       const l = c[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);
+      else if (l.constructor !== Object && (n = o.get(l.constructor)))
+        i[f] = n(l, u);
       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);
@@ -299,18 +299,18 @@ function ye(e) {
   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);
+    if (c.constructor !== Object && (n = o.get(c.constructor)))
+      return n(c, a);
     const i = {};
     t.push(c), r.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 = n.get(l.constructor)))
-        i[f] = o(l, a);
+      else if (l.constructor !== Object && (n = o.get(l.constructor)))
+        i[f] = n(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,27 +319,27 @@ function ye(e) {
     return t.pop(), r.pop(), i;
   }
 }
-pe();
-function de(e) {
-  return function(r, n) {
+ye();
+function he(e) {
+  return function(r, o) {
     return r != null ? `${r}` : "";
   };
 }
-function he(e) {
-  return function(r, n) {
-    const s = (n.variables?.name ?? w)({ name: r.name });
-    return ee(
+function be(e) {
+  return function(r, o) {
+    const s = (o.variables?.name ?? O)({ name: r.name });
+    return ne(
       s,
-      r.fallback ? e(r.fallback, n) : void 0
+      r.fallback ? e(r.fallback, o) : void 0
     );
   };
 }
-function be(e) {
+function ge(e) {
   const t = S(e);
-  return function(n, o) {
-    return n.themes.reduce(
-      (s, u) => (s.push(e(u, o)), s),
-      [t(":root", n, o)]
+  return function(o, n) {
+    return o.themes.reduce(
+      (s, u) => (s.push(e(u, n)), s),
+      [t(":root", o, n)]
       // Default theme (root)
     ).join(`
 
@@ -348,108 +348,108 @@ function be(e) {
 }
 function Ae(e) {
   const t = S(e);
-  return function(n, o) {
-    return t(n.query, n, o);
+  return function(o, n) {
+    return t(o.query, o, n);
   };
 }
-function ge(e) {
+function Se(e) {
   const t = S(e);
-  return function(n, o) {
-    const u = (o.themes?.selector ?? D)({ name: n.name });
-    return t(u, n, o);
+  return function(o, n) {
+    const u = (n.themes?.selector ?? k)({ name: o.name });
+    return t(u, o, n);
   };
 }
-function Se(e) {
+function Ce(e) {
   const t = S(e);
-  return function(n, o) {
-    const s = [], a = (o.utilities?.selector ?? x)({
-      name: n.name,
-      value: n.value,
-      modifiers: n.modifiers
+  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, n, o)), s.join(`
+    return s.push(t(a, o, n)), s.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();
+  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();
   switch (!0) {
-    case v(e):
-      return n(e, t);
-    case se(e):
+    case C(e):
       return o(e, t);
-    case ie(e):
+    case fe(e):
+      return n(e, t);
+    case le(e):
       return s(e, t);
-    case T(e):
+    case N(e):
       return r(e, t);
-    case le(e):
+    case pe(e):
       return u(e, t);
-    case ce(e):
+    case ie(e):
       return a(e, t);
-    case ue(e):
-      return c(e, t);
     case ae(e):
+      return c(e, t);
+    case me(e):
       return i(e, t);
     default:
       return f(e, t);
   }
 }
-function Ce(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 ?? {};
+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,
       null,
       4
     )} as const satisfies RecipeRuntime;
 
-export const ${o} = createRecipe("${r.name}", ${s});
+export const ${n} = createRecipe("${r.name}", ${s});
 `;
   };
 }
-function je(e) {
+function ve(e) {
   return e.filter(
-    (t) => v(t) && !!t._exportName
+    (t) => C(t) && !!t._exportName
   );
 }
-function ve(e) {
-  return function(r, n) {
-    const o = je(r.children), s = r.recipes.length > 0, u = o.length > 0;
+function Re(e) {
+  return function(r, o) {
+    const n = ve(r.children), s = r.recipes.length > 0, u = n.length > 0;
     if (!s && !u)
       return "";
     const a = [];
     return s && (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, o))), u && a.push(e(n, o)), a.join(`
 `);
   };
 }
-function Re(e) {
-  return function(r, n) {
+function $e(e) {
+  return function(r, o) {
     return r._exportName ? `export const ${r._exportName} = ${JSON.stringify(r.query)};
 ` : "";
   };
 }
-function j(e, t) {
-  const r = ve(j), n = Ce(), o = Re();
+function R(e, t) {
+  const r = Re(R), o = je(), n = $e();
   switch (!0) {
     case Array.isArray(e):
-      return e.map((s) => j(s, t)).join(`
+      return e.map((s) => R(s, t)).join(`
 `);
-    case T(e):
+    case N(e):
       return r(e, t);
-    case fe(e):
-      return n(e, t);
-    case v(e):
+    case D(e):
       return o(e, t);
+    case C(e):
+      return n(e, t);
     default:
       return "";
   }
 }
-const $e = `-----BEGIN PUBLIC KEY-----
+const Ne = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -457,9 +457,9 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, we = "__licenseRequired", Ne = "__licenseValidated";
-async function Oe(e) {
-  const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), r = Uint8Array.from(atob(t), (n) => n.charCodeAt(0));
+-----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));
   return await crypto.subtle.importKey(
     "spki",
     r,
@@ -471,18 +471,18 @@ async function Oe(e) {
     ["verify"]
   );
 }
-async function Ee({
+async function xe({
   payload: e,
   signature: t
 }) {
-  const r = new TextEncoder().encode(e), n = Uint8Array.from(
+  const r = new TextEncoder().encode(e), o = Uint8Array.from(
     atob(t),
     (s) => s.charCodeAt(0)
-  ), o = await Oe($e);
+  ), n = await _e(Ne);
   if (!await crypto.subtle.verify(
     { name: "RSASSA-PKCS1-v1_5" },
-    o,
     n,
+    o,
     r
   ))
     throw new Error(
@@ -490,13 +490,13 @@ async function Ee({
     );
   return JSON.parse(e);
 }
-function Be(e) {
+function Te(e) {
   return Object.prototype.hasOwnProperty.call(e, we);
 }
-async function Te(e) {
+async function Be(e) {
   const t = Object.getOwnPropertyDescriptor(
     e,
-    Ne
+    Oe
   );
   if (!t?.value)
     return {
@@ -514,7 +514,7 @@ async function Te(e) {
       valid: !1
     };
   try {
-    return await Ee(
+    return await xe(
       r
     );
   } catch {
@@ -526,7 +526,81 @@ async function Te(e) {
     };
   }
 }
-function _e(e) {
+function Ee(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}`);
+    }
+  }
+  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 De(e) {
+  return e.filter(
+    (t) => C(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 = [
+      "// 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 (s) {
+      a.push("");
+      const c = r.recipes.map((i) => e(i, o)).filter(Boolean);
+      a.push(...c);
+    }
+    if (u) {
+      a.push("");
+      const c = n.map((i) => e(i, 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 Ie(e) {
+  return function(r, o) {
+    return r._exportName ? `    export const ${r._exportName}: string;` : "";
+  };
+}
+function $(e, t) {
+  const r = Le($), o = Fe(), n = Ie();
+  switch (!0) {
+    case Array.isArray(e):
+      return e.map((s) => $(s, t)).join(`
+`);
+    case N(e):
+      return r(e, t);
+    case D(e):
+      return o(e, t);
+    case C(e):
+      return n(e, t);
+    default:
+      return "";
+  }
+}
+function Pe(e) {
   const t = Math.floor(Math.random() * 100);
   e.root.children.push({
     type: "selector",
@@ -550,51 +624,58 @@ function _e(e) {
     }
   });
 }
-function $(e, t = "") {
+function v(e, t = "") {
   return {
     name: e,
     content: t
   };
 }
-async function Le(e, {
+async function ke(e, {
   type: t = "all",
-  consumers: r = { css: d, ts: j }
+  consumers: r = { css: d, ts: R, dts: $ }
 } = {}) {
-  const n = { files: [] }, o = e.options;
-  if (Be(e)) {
-    const s = await Te(e);
-    (!s.valid || s.instanceId !== e.id) && _e(e);
+  const o = { files: [] }, n = e.options;
+  if (Te(e)) {
+    const s = await Be(e);
+    (!s.valid || s.instanceId !== e.id) && Pe(e);
   }
   if (t === "all" || t === "css") {
-    const s = $(
+    const s = v(
       "index.css",
-      r.css(e.root, o)
+      r.css(e.root, n)
     );
-    n.files.push(s);
+    o.files.push(s);
   }
   if (t === "all" || t === "ts") {
-    const s = $(
+    const s = v(
       "index.ts",
-      r.ts(e.root, o)
+      r.ts(e.root, n)
+    );
+    o.files.push(s);
+  }
+  if (t === "dts") {
+    const s = v(
+      "index.d.ts",
+      r.dts(e.root, n)
     );
-    n.files.push(s);
+    o.files.push(s);
   }
-  return n;
+  return o;
 }
 export {
-  Fe as DEFAULT_INDENT,
-  F as STATEMENT_AT_RULES,
-  L as STATEMENT_OR_BLOCK_AT_RULES,
-  H as addIndentToLine,
+  Ue as DEFAULT_INDENT,
+  P as STATEMENT_AT_RULES,
+  U as STATEMENT_OR_BLOCK_AT_RULES,
+  G 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
+  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
 };

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,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)?`
 
 `:""}${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(`
+`)}`: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(`
 
-`)}}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 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 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=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;
 
-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 ${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';
 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,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-----
 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-----`,_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"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/transpiler",
-  "version": "2.6.0",
+  "version": "3.0.0",
   "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.0.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.0.0",
+    "@styleframe/license": "^2.0.2",
     "@vitest/coverage-v8": "^3.2.4",
     "typescript": "^5.8.3",
     "vite": "^7.0.6",