@styleframe/transpiler 2.5.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @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
+
+- [#96](https://github.com/styleframe-dev/styleframe/pull/96) [`8460f16`](https://github.com/styleframe-dev/styleframe/commit/8460f169cec1199810e9203b357dac9f2f128c56) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Rename `?recipe` imports to `?ts` and add named selector export support
+  - **Breaking:** Renamed import query parameter from `?recipe` to `?ts` for styleframe files
+  - Add support for exporting named selectors alongside recipes via `?ts` imports
+  - Add `_exportName` property to `Selector` and `Recipe` types for tracking named exports
+  - Replace `c12` with `chokidar` + `jiti` for simpler, more reliable config loading
+  - Add `onError` callback to `watchConfiguration` for error reporting during file watch
+  - Add file deletion detection with `unlink` handler in watch mode
+  - Simplify `loadConfiguration` API by merging `loadConfigurationFromPath`
+  - Add comprehensive unit tests for TypeScript selector consumer
+
+### Patch Changes
+
+- Updated dependencies [[`8460f16`](https://github.com/styleframe-dev/styleframe/commit/8460f169cec1199810e9203b357dac9f2f128c56)]:
+  - @styleframe/core@2.6.0
+
 ## 2.5.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 = "	", N = ["charset", "import", "namespace"], L = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I = ({
+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 U(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 _ = /\d/, P = ["-", "_", "/", "."];
-function M(e = "") {
-  if (!_.test(e))
+const K = /\d/, q = ["-", "_", "/", "."];
+function z(e = "") {
+  if (!K.test(e))
     return e !== e.toLowerCase();
 }
-function $(e, t) {
-  const r = P, n = [];
+function _(e, t) {
+  const r = q, o = [];
   if (!e || typeof e != "string")
-    return n;
-  let o = "", s, i;
+    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 u = M(a);
-    if (i === !1) {
-      if (s === !1 && u === !0) {
-        n.push(o), o = a, s = u;
+    const i = z(a);
+    if (u === !1) {
+      if (s === !1 && i === !0) {
+        o.push(n), n = a, s = i;
         continue;
       }
-      if (s === !0 && u === !1 && o.length > 1) {
-        const f = o.at(-1);
-        n.push(o.slice(0, Math.max(0, o.length - 1))), o = f + a, s = u;
+      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 = u, i = 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 x(e) {
+function Q(e) {
   return e ? e[0].toLowerCase() + e.slice(1) : "";
 }
-function V(e, t) {
-  return e ? (Array.isArray(e) ? e : $(e)).map((r) => k(r)).join("") : "";
+function J(e, t) {
+  return e ? (Array.isArray(e) ? e : _(e)).map((r) => H(r)).join("") : "";
 }
-function K(e, t) {
-  return x(V(e || ""));
+function Z(e, t) {
+  return Q(J(e || ""));
 }
-function q(e, t) {
-  return e ? (Array.isArray(e) ? e : $(e)).map((r) => r.toLowerCase()).join("-") : "";
+function W(e, t) {
+  return e ? (Array.isArray(e) ? e : _(e)).map((r) => r.toLowerCase()).join("-") : "";
 }
-function z(e) {
+function G(e) {
   return `	${e}`;
 }
-function H(e) {
+function Y(e) {
   return e.split(`
-`).map((t) => z(t)).join(`
+`).map((t) => G(t)).join(`
 `);
 }
-function Q(e) {
+function x(e) {
   return e === e.toUpperCase();
 }
-function Z(e) {
-  return K(e);
+function T(e) {
+  return Z(e);
 }
-function J(e) {
-  return q(e);
+function X(e) {
+  return W(e);
 }
-function W(e) {
-  return J(e);
+function ee(e) {
+  return X(e);
 }
-function O(e, t) {
-  return `${e.startsWith("--") ? e : W(e)}: ${t};`;
+function B(e, t) {
+  return `${e.startsWith("--") ? e : ee(e)}: ${t};`;
 }
-function G(e) {
+function te(e) {
   return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${H(`${t}`)}
+` : ""}${e.map((t) => `${Y(`${t}`)}
 `).join("")}}`;
 }
-function B(e) {
+function E(e) {
   return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
 }
-function Y(e, t) {
-  return O(B(e), t);
+function re(e, t) {
+  return B(E(e), t);
 }
-function X(e, t) {
-  return `var(${B(e)}${t ? `, ${t}` : ""})`;
+function ne(e, t) {
+  return `var(${E(e)}${t ? `, ${t}` : ""})`;
 }
-function v(e, t) {
-  return `${e} ${G(t)}`;
+function w(e, t) {
+  return `${e} ${te(t)}`;
 }
-function ee(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 E(e) {
-  return function(r, n) {
-    const s = (n.variables?.name ?? w)({ name: r.name });
-    return Y(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 C(e) {
-  const t = E(e), r = ee(e);
-  return function(o, s, i) {
-    const { variables: a, declarations: c, children: u } = s, f = o === ":root", l = (a ?? []).map(
-      (A) => t(A, i)
+function S(e) {
+  const t = F(e), r = oe(e);
+  return function(n, s, u) {
+    const { variables: a, declarations: c, children: i } = s, f = n === ":root", l = (a ?? []).map(
+      (g) => t(g, u)
     ), m = r(
       c ?? {},
-      i
-    ), y = (u ?? []).map(
-      (A) => e(A, i)
-    ), p = l.length > 0, b = m.length > 0, S = y.length > 0;
-    return f ? `${p || b ? v(o, [
+      u
+    ), y = (i ?? []).map(
+      (g) => e(g, u)
+    ), p = l.length > 0, b = m.length > 0, j = y.length > 0;
+    return f ? `${p || b ? w(n, [
       ...l,
       ...p && b ? [""] : [],
       ...m
-    ]) : ""}${S && (p || b) ? `
+    ]) : ""}${j && (p || b) ? `
 
 ` : ""}${y.join(`
 
-`)}` : v(o, [
+`)}` : w(n, [
       ...l,
-      ...p && (S || b) ? [""] : [],
+      ...p && (j || b) ? [""] : [],
       ...m,
-      ...b && S ? [""] : [],
+      ...b && j ? [""] : [],
       ...y.flatMap(
-        (A, F) => F === y.length - 1 ? [A] : [A, ""]
+        (g, I) => I === y.length - 1 ? [g] : [g, ""]
       )
     ]);
   };
 }
-function te(e) {
-  const t = C(e);
-  return function(n, o) {
-    const s = N.includes(n.identifier), i = L.includes(
-      n.identifier
-    ), a = Object.keys(n.declarations).length > 0, c = n.variables.length > 0, u = n.children.length > 0, f = U(n.identifier, n.rule);
-    return s || i && !(a || c || u) ? `${f};` : t(f, n, o);
+function ce(e) {
+  const t = S(e);
+  return function(o, n) {
+    const s = P.includes(o.identifier), u = U.includes(
+      o.identifier
+    ), a = Object.keys(o.declarations).length > 0, c = o.variables.length > 0, i = o.children.length > 0, f = V(o.identifier, o.rule);
+    return s || u && !(a || c || i) ? `${f};` : t(f, o, n);
   };
 }
-function re(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 ne(e) {
+function se(e) {
   return typeof e == "object" && e !== null;
 }
 function h(e, t) {
-  return ne(e) && "type" in e && e.type === t;
+  return se(e) && "type" in e && e.type === t;
 }
-function oe(e) {
+function ie(e) {
   return h(e, "variable");
 }
-function ce(e) {
+function ae(e) {
   return h(e, "reference");
 }
-function ue(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,152 +194,152 @@ 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, (i) => new Date(i)), t.set(
+  if (t.set(Date, (u) => new Date(u)), t.set(
     Map,
-    (i, a) => new Map(n(Array.from(i), a))
+    (u, a) => new Map(o(Array.from(u), a))
   ), t.set(
     Set,
-    (i, a) => new Set(n(Array.from(i), a))
+    (u, a) => new Set(o(Array.from(u), a))
   ), e.constructorHandlers)
-    for (const i of e.constructorHandlers)
-      t.set(i[0], i[1]);
+    for (const u of e.constructorHandlers)
+      t.set(u[0], u[1]);
   let r;
-  return e.proto ? s : o;
-  function n(i, a) {
-    const c = Object.keys(i), u = Array.from({ length: c.length });
+  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 = i[l];
-      typeof m != "object" || m === null ? u[l] = m : m.constructor !== Object && (r = t.get(m.constructor)) ? u[l] = r(m, a) : ArrayBuffer.isView(m) ? u[l] = g(m) : u[l] = a(m);
+      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] = A(m) : i[l] = a(m);
     }
-    return u;
+    return i;
   }
-  function o(i) {
-    if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return n(i, o);
-    if (i.constructor !== Object && (r = t.get(i.constructor)))
-      return r(i, o);
+  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 i) {
-      if (Object.hasOwnProperty.call(i, c) === !1) continue;
-      const u = i[c];
-      typeof u != "object" || u === null ? a[c] = u : u.constructor !== Object && (r = t.get(u.constructor)) ? a[c] = r(u, o) : ArrayBuffer.isView(u) ? a[c] = g(u) : a[c] = o(u);
+    for (const c in u) {
+      if (Object.hasOwnProperty.call(u, c) === !1) continue;
+      const i = u[c];
+      typeof i != "object" || i === null ? a[c] = i : i.constructor !== Object && (r = t.get(i.constructor)) ? a[c] = r(i, n) : ArrayBuffer.isView(i) ? a[c] = A(i) : a[c] = n(i);
     }
     return a;
   }
-  function s(i) {
-    if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return n(i, s);
-    if (i.constructor !== Object && (r = t.get(i.constructor)))
-      return r(i, s);
+  function s(u) {
+    if (typeof u != "object" || u === null) return u;
+    if (Array.isArray(u)) return o(u, s);
+    if (u.constructor !== Object && (r = t.get(u.constructor)))
+      return r(u, s);
     const a = {};
-    for (const c in i) {
-      const u = i[c];
-      typeof u != "object" || u === null ? a[c] = u : u.constructor !== Object && (r = t.get(u.constructor)) ? a[c] = r(u, s) : ArrayBuffer.isView(u) ? a[c] = g(u) : a[c] = s(u);
+    for (const c in u) {
+      const i = u[c];
+      typeof i != "object" || i === null ? a[c] = i : i.constructor !== Object && (r = t.get(i.constructor)) ? a[c] = r(i, s) : ArrayBuffer.isView(i) ? a[c] = A(i) : a[c] = s(i);
     }
     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, u) => new Map(s(Array.from(c), u))
-  ), n.set(
+    (c, i) => new Map(s(Array.from(c), i))
+  ), o.set(
     Set,
-    (c, u) => new Set(s(Array.from(c), u))
+    (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;
-  return e.proto ? a : i;
-  function s(c, u) {
+      o.set(c[0], c[1]);
+  let n;
+  return e.proto ? a : u;
+  function s(c, i) {
     const f = Object.keys(c), l = Array.from({ length: f.length });
     for (let m = 0; m < f.length; m++) {
       const y = f[m], p = c[y];
       if (typeof p != "object" || p === null)
         l[y] = p;
-      else if (p.constructor !== Object && (o = n.get(p.constructor)))
-        l[y] = o(p, u);
+      else if (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] = u(p);
+        b !== -1 ? l[y] = r[b] : l[y] = i(p);
       }
     }
     return l;
   }
-  function i(c) {
+  function u(c) {
     if (typeof c != "object" || c === null) return c;
-    if (Array.isArray(c)) return s(c, i);
-    if (c.constructor !== Object && (o = n.get(c.constructor)))
-      return o(c, i);
-    const u = {};
-    t.push(c), r.push(u);
+    if (Array.isArray(c)) return s(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) {
       if (Object.hasOwnProperty.call(c, f) === !1) continue;
       const l = c[f];
       if (typeof l != "object" || l === null)
-        u[f] = l;
-      else if (l.constructor !== Object && (o = n.get(l.constructor)))
-        u[f] = o(l, i);
+        i[f] = l;
+      else if (l.constructor !== Object && (n = o.get(l.constructor)))
+        i[f] = n(l, u);
       else if (ArrayBuffer.isView(l))
-        u[f] = g(l);
+        i[f] = A(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? u[f] = r[m] : u[f] = i(l);
+        m !== -1 ? i[f] = r[m] : i[f] = u(l);
       }
     }
-    return t.pop(), r.pop(), u;
+    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);
-    const u = {};
-    t.push(c), r.push(u);
+    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)
-        u[f] = l;
-      else if (l.constructor !== Object && (o = n.get(l.constructor)))
-        u[f] = o(l, a);
+        i[f] = l;
+      else if (l.constructor !== Object && (n = o.get(l.constructor)))
+        i[f] = n(l, a);
       else if (ArrayBuffer.isView(l))
-        u[f] = g(l);
+        i[f] = A(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? u[f] = r[m] : u[f] = a(l);
+        m !== -1 ? i[f] = r[m] : i[f] = a(l);
       }
     }
-    return t.pop(), r.pop(), u;
+    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 X(
+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) {
-  const t = C(e);
-  return function(n, o) {
-    return n.themes.reduce(
-      (s, i) => (s.push(e(i, o)), s),
-      [t(":root", n, o)]
+function ge(e) {
+  const t = S(e);
+  return function(o, n) {
+    return o.themes.reduce(
+      (s, u) => (s.push(e(u, n)), s),
+      [t(":root", o, n)]
       // Default theme (root)
     ).join(`
 
@@ -347,92 +347,109 @@ function be(e) {
   };
 }
 function Ae(e) {
-  const t = C(e);
-  return function(n, o) {
-    return t(n.query, n, o);
+  const t = S(e);
+  return function(o, n) {
+    return t(o.query, o, n);
   };
 }
-function ge(e) {
-  const t = C(e);
-  return function(n, o) {
-    const i = (o.themes?.selector ?? D)({ name: n.name });
-    return t(i, n, o);
+function Se(e) {
+  const t = S(e);
+  return function(o, n) {
+    const u = (n.themes?.selector ?? k)({ name: o.name });
+    return t(u, o, n);
   };
 }
 function Ce(e) {
-  const t = C(e);
-  return function(n, o) {
-    const s = [], a = (o.utilities?.selector ?? I)({
-      name: n.name,
-      value: n.value,
-      modifiers: n.modifiers
+  const t = S(e);
+  return function(o, n) {
+    const s = [], a = (n.utilities?.selector ?? M)({
+      name: o.name,
+      value: o.value,
+      modifiers: o.modifiers
     });
-    return s.push(t(a, 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 = Ce(d), s = te(d), i = ge(d), a = E(d), c = he(d), u = re(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 ue(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):
-      return i(e, t);
-    case oe(e):
+    case pe(e):
+      return u(e, t);
+    case ie(e):
       return a(e, t);
-    case ce(e):
-      return c(e, t);
     case ae(e):
-      return u(e, t);
+      return c(e, t);
+    case me(e):
+      return i(e, t);
     default:
       return f(e, t);
   }
 }
-function Se(e) {
-  return function(r, n) {
-    let o = Z(r.name);
-    r.name[0] && Q(r.name[0]) && (o = me(o));
-    const s = `${o}Recipe`, i = r._runtime ?? {};
+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(
-      i,
+      u,
       null,
       4
     )} as const satisfies RecipeRuntime;
 
-export const ${o} = createRecipe("${r.name}", ${s});
+export const ${n} = createRecipe("${r.name}", ${s});
 `;
   };
 }
-function je(e) {
-  return function(r, n) {
-    return r.recipes.length > 0 ? `import { createRecipe } from '@styleframe/runtime';
+function ve(e) {
+  return e.filter(
+    (t) => C(t) && !!t._exportName
+  );
+}
+function Re(e) {
+  return function(r, o) {
+    const n = ve(r.children), s = r.recipes.length > 0, u = n.length > 0;
+    if (!s && !u)
+      return "";
+    const a = [];
+    return s && (a.push(`import { createRecipe } from '@styleframe/runtime';
 import type { RecipeRuntime } from '@styleframe/runtime';
-
-${e(r.recipes, n)}` : "";
+`), 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 j(e, t) {
-  const r = je(j), n = Se();
+function R(e, t) {
+  const r = Re(R), o = je(), n = $e();
   switch (!0) {
     case Array.isArray(e):
-      return e.map((o) => j(o, t)).join(`
+      return e.map((s) => R(s, t)).join(`
 `);
-    case T(e):
+    case N(e):
       return r(e, t);
-    case fe(e):
+    case D(e):
+      return o(e, t);
+    case C(e):
       return n(e, t);
     default:
       return "";
   }
 }
-const ve = `-----BEGIN PUBLIC KEY-----
+const Ne = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -440,9 +457,9 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, Re = "__licenseRequired", we = "__licenseValidated";
-async function $e(e) {
-  const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), r = Uint8Array.from(atob(t), (n) => n.charCodeAt(0));
+-----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,
@@ -454,18 +471,18 @@ async function $e(e) {
     ["verify"]
   );
 }
-async function Oe({
+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 $e(ve);
+  ), n = await _e(Ne);
   if (!await crypto.subtle.verify(
     { name: "RSASSA-PKCS1-v1_5" },
-    o,
     n,
+    o,
     r
   ))
     throw new Error(
@@ -473,13 +490,13 @@ async function Oe({
     );
   return JSON.parse(e);
 }
-function Be(e) {
-  return Object.prototype.hasOwnProperty.call(e, Re);
+function Te(e) {
+  return Object.prototype.hasOwnProperty.call(e, we);
 }
-async function Ee(e) {
+async function Be(e) {
   const t = Object.getOwnPropertyDescriptor(
     e,
-    we
+    Oe
   );
   if (!t?.value)
     return {
@@ -497,7 +514,7 @@ async function Ee(e) {
       valid: !1
     };
   try {
-    return await Oe(
+    return await xe(
       r
     );
   } catch {
@@ -509,7 +526,81 @@ async function Ee(e) {
     };
   }
 }
-function Te(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",
@@ -533,51 +624,58 @@ function Te(e) {
     }
   });
 }
-function R(e, t = "") {
+function v(e, t = "") {
   return {
     name: e,
     content: t
   };
 }
-async function Ne(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 Ee(e);
-    (!s.valid || s.instanceId !== e.id) && Te(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 = R(
+    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 = R(
+    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,
-  N as STATEMENT_AT_RULES,
-  L as STATEMENT_OR_BLOCK_AT_RULES,
-  z 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,
-  R as createFile,
-  D as defaultThemeSelectorFn,
-  I as defaultUtilitySelectorFn,
-  w as defaultVariableNameFn,
-  H as indentLines,
-  Q as isUppercase,
-  Z as toCamelCase,
-  J as toKebabCase,
-  Ne 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,23 +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 w=["charset","import","namespace"],N=["layer"],O=({name:e})=>`[data-theme="${e}"]`,$=({name:e,value:t,modifiers:n})=>`._${[...n,e,...t==="default"?[]:[t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g,"\\$&")}`,v=({name:e})=>e.replace(/^\.+|\.+$/g,"").replace(/\.+/g,"--");function K(e,t){return`@${e}${t?" ":""}${t}`}const q=/\d/,z=["-","_","/","."];function H(e=""){if(!q.test(e))return e!==e.toLowerCase()}function F(e,t){const n=z,r=[];if(!e||typeof e!="string")return r;let o="",a,i;for(const s of e){const c=n.includes(s);if(c===!0){r.push(o),o="",a=void 0;continue}const u=H(s);if(i===!1){if(a===!1&&u===!0){r.push(o),o=s,a=u;continue}if(a===!0&&u===!1&&o.length>1){const f=o.at(-1);r.push(o.slice(0,Math.max(0,o.length-1))),o=f+s,a=u;continue}}o+=s,a=u,i=c}return r.push(o),r}function Q(e){return e?e[0].toUpperCase()+e.slice(1):""}function Z(e){return e?e[0].toLowerCase()+e.slice(1):""}function x(e,t){return e?(Array.isArray(e)?e:F(e)).map(n=>Q(n)).join(""):""}function J(e,t){return Z(x(e||""))}function W(e,t){return e?(Array.isArray(e)?e:F(e)).map(n=>n.toLowerCase()).join("-"):""}function L(e){return`	${e}`}function B(e){return e.split(`
-`).map(t=>L(t)).join(`
-`)}function _(e){return e===e.toUpperCase()}function U(e){return J(e)}function D(e){return W(e)}function G(e){return D(e)}function I(e,t){return`${e.startsWith("--")?e:G(e)}: ${t};`}function Y(e){return`{${e.length>0?`
-`:""}${e.map(t=>`${B(`${t}`)}
-`).join("")}}`}function M(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function X(e,t){return I(M(e),t)}function ee(e,t){return`var(${M(e)}${t?`, ${t}`:""})`}function P(e,t){return`${e} ${Y(t)}`}function te(e){return function(n,r){return Object.entries(n).map(([o,a])=>I(o,e(a,r)))}}function k(e){return function(n,r){const a=(r.variables?.name??v)({name:n.name});return X(a,e(n.value,r))}}function C(e){const t=k(e),n=te(e);return function(o,a,i){const{variables:s,declarations:c,children:u}=a,f=o===":root",l=(s??[]).map(S=>t(S,i)),m=n(c??{},i),y=(u??[]).map(S=>e(S,i)),d=l.length>0,A=m.length>0,E=y.length>0;return f?`${d||A?P(o,[...l,...d&&A?[""]:[],...m]):""}${E&&(d||A)?`
+(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(`
 
-`)}`:P(o,[...l,...d&&(E||A)?[""]:[],...m,...A&&E?[""]:[],...y.flatMap((S,Be)=>Be===y.length-1?[S]:[S,""])])}}function ne(e){const t=C(e);return function(r,o){const a=w.includes(r.identifier),i=N.includes(r.identifier),s=Object.keys(r.declarations).length>0,c=r.variables.length>0,u=r.children.length>0,f=K(r.identifier,r.rule);return a||i&&!(s||c||u)?`${f};`:t(f,r,o)}}function re(e){return function(n,r){return n.value.map(o=>e(o,r)).join("").trim()}}function oe(e){return typeof e=="object"&&e!==null}function h(e,t){return oe(e)&&"type"in e&&e.type===t}function ce(e){return h(e,"variable")}function ue(e){return h(e,"reference")}function ie(e){return h(e,"selector")}function ae(e){return h(e,"at-rule")}function se(e){return h(e,"utility")}function le(e){return h(e,"css")}function fe(e){return h(e,"theme")}function V(e){return h(e,"root")}function me(e){return h(e,"recipe")}function pe(e){return e.charAt(0).toUpperCase()+e.slice(1)}function g(e){if(e instanceof Buffer)return Buffer.from(e);const t=e.constructor;return new t(e.buffer.slice(0),e.byteOffset,e.byteLength/e.BYTES_PER_ELEMENT||1)}function de(e){if(e=e||{},e.circular)return ye(e);const t=new Map;if(t.set(Date,i=>new Date(i)),t.set(Map,(i,s)=>new Map(r(Array.from(i),s))),t.set(Set,(i,s)=>new Set(r(Array.from(i),s))),e.constructorHandlers)for(const i of e.constructorHandlers)t.set(i[0],i[1]);let n;return e.proto?a:o;function r(i,s){const c=Object.keys(i),u=Array.from({length:c.length});for(let f=0;f<c.length;f++){const l=c[f],m=i[l];typeof m!="object"||m===null?u[l]=m:m.constructor!==Object&&(n=t.get(m.constructor))?u[l]=n(m,s):ArrayBuffer.isView(m)?u[l]=g(m):u[l]=s(m)}return u}function o(i){if(typeof i!="object"||i===null)return i;if(Array.isArray(i))return r(i,o);if(i.constructor!==Object&&(n=t.get(i.constructor)))return n(i,o);const s={};for(const c in i){if(Object.hasOwnProperty.call(i,c)===!1)continue;const u=i[c];typeof u!="object"||u===null?s[c]=u:u.constructor!==Object&&(n=t.get(u.constructor))?s[c]=n(u,o):ArrayBuffer.isView(u)?s[c]=g(u):s[c]=o(u)}return s}function a(i){if(typeof i!="object"||i===null)return i;if(Array.isArray(i))return r(i,a);if(i.constructor!==Object&&(n=t.get(i.constructor)))return n(i,a);const s={};for(const c in i){const u=i[c];typeof u!="object"||u===null?s[c]=u:u.constructor!==Object&&(n=t.get(u.constructor))?s[c]=n(u,a):ArrayBuffer.isView(u)?s[c]=g(u):s[c]=a(u)}return s}}function ye(e){const t=[],n=[],r=new Map;if(r.set(Date,c=>new Date(c)),r.set(Map,(c,u)=>new Map(a(Array.from(c),u))),r.set(Set,(c,u)=>new Set(a(Array.from(c),u))),e.constructorHandlers)for(const c of e.constructorHandlers)r.set(c[0],c[1]);let o;return e.proto?s:i;function a(c,u){const f=Object.keys(c),l=Array.from({length:f.length});for(let m=0;m<f.length;m++){const y=f[m],d=c[y];if(typeof d!="object"||d===null)l[y]=d;else if(d.constructor!==Object&&(o=r.get(d.constructor)))l[y]=o(d,u);else if(ArrayBuffer.isView(d))l[y]=g(d);else{const A=t.indexOf(d);A!==-1?l[y]=n[A]:l[y]=u(d)}}return l}function i(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return a(c,i);if(c.constructor!==Object&&(o=r.get(c.constructor)))return o(c,i);const u={};t.push(c),n.push(u);for(const f in c){if(Object.hasOwnProperty.call(c,f)===!1)continue;const l=c[f];if(typeof l!="object"||l===null)u[f]=l;else if(l.constructor!==Object&&(o=r.get(l.constructor)))u[f]=o(l,i);else if(ArrayBuffer.isView(l))u[f]=g(l);else{const m=t.indexOf(l);m!==-1?u[f]=n[m]:u[f]=i(l)}}return t.pop(),n.pop(),u}function s(c){if(typeof c!="object"||c===null)return c;if(Array.isArray(c))return a(c,s);if(c.constructor!==Object&&(o=r.get(c.constructor)))return o(c,s);const u={};t.push(c),n.push(u);for(const f in c){const l=c[f];if(typeof l!="object"||l===null)u[f]=l;else if(l.constructor!==Object&&(o=r.get(l.constructor)))u[f]=o(l,s);else if(ArrayBuffer.isView(l))u[f]=g(l);else{const m=t.indexOf(l);m!==-1?u[f]=n[m]:u[f]=s(l)}}return t.pop(),n.pop(),u}}de();function be(e){return function(n,r){return n!=null?`${n}`:""}}function he(e){return function(n,r){const a=(r.variables?.name??v)({name:n.name});return ee(a,n.fallback?e(n.fallback,r):void 0)}}function Ae(e){const t=C(e);return function(r,o){return r.themes.reduce((a,i)=>(a.push(e(i,o)),a),[t(":root",r,o)]).join(`
+`)}`: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 ge(e){const t=C(e);return function(r,o){return t(r.query,r,o)}}function Se(e){const t=C(e);return function(r,o){const i=(o.themes?.selector??O)({name:r.name});return t(i,r,o)}}function Ce(e){const t=C(e);return function(r,o){const a=[],s=(o.utilities?.selector??$)({name:r.name,value:r.value,modifiers:r.modifiers});return a.push(t(s,r,o)),a.join(`
+`)}}function 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 b(e,t){const n=Ae(b),r=ge(b),o=Ce(b),a=ne(b),i=Se(b),s=k(b),c=he(b),u=re(b),f=be();switch(!0){case ie(e):return r(e,t);case se(e):return o(e,t);case ae(e):return a(e,t);case V(e):return n(e,t);case fe(e):return i(e,t);case ce(e):return s(e,t);case ue(e):return c(e,t);case le(e):return u(e,t);default:return f(e,t)}}function je(e){return function(n,r){let o=U(n.name);n.name[0]&&_(n.name[0])&&(o=pe(o));const a=`${o}Recipe`,i=n._runtime??{};return`const ${a} = ${JSON.stringify(i,null,4)} as const satisfies RecipeRuntime;
+`)}}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 function(n,r){return n.recipes.length>0?`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';
-
-${e(n.recipes,r)}`:""}}function T(e,t){const n=Te(T),r=je();switch(!0){case Array.isArray(e):return e.map(o=>T(o,t)).join(`
-`);case V(e):return n(e,t);case me(e):return r(e,t);default:return""}}const ve=`-----BEGIN PUBLIC KEY-----
+`),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
@@ -25,4 +26,6 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`,Re="__licenseRequired",Ee="__licenseValidated";async function we(e){const t=e.replace(/-----BEGIN PUBLIC KEY-----/,"").replace(/-----END PUBLIC KEY-----/,"").replace(/\s/g,""),n=Uint8Array.from(atob(t),r=>r.charCodeAt(0));return await crypto.subtle.importKey("spki",n,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},!0,["verify"])}async function Ne({payload:e,signature:t}){const n=new TextEncoder().encode(e),r=Uint8Array.from(atob(t),a=>a.charCodeAt(0)),o=await we(ve);if(!await crypto.subtle.verify({name:"RSASSA-PKCS1-v1_5"},o,r,n))throw new Error("License validation failed: Invalid signature detected. The license may have been modified or corrupted.");return JSON.parse(e)}function Oe(e){return Object.prototype.hasOwnProperty.call(e,Re)}async function $e(e){const t=Object.getOwnPropertyDescriptor(e,Ee);if(!t?.value)return{key:"",instanceId:"",environment:"",valid:!1};const n=t.value;if(typeof n!="object"||n===null||!("payload"in n)||!("signature"in n)||typeof n.payload!="string"||typeof n.signature!="string")return{key:"",instanceId:"",environment:"",valid:!1};try{return await Ne(n)}catch{return{key:"",instanceId:"",environment:"",valid:!1}}}function Fe(e){const t=Math.floor(Math.random()*100);e.root.children.push({type:"selector",query:`html:nth-of-type(${t}n+1)::after`,variables:[],children:[],declarations:{content:'"Styleframe Pro: Development Mode – License required for production use"',zIndex:99999,position:"fixed",display:"block !important",opacity:"1 !important",bottom:0,left:0,background:"rgba(0, 0, 0, 0.5)",color:"white",fontSize:"12px",lineHeight:"1",padding:"0.5rem",fontFamily:"sans-serif"}})}function R(e,t=""){return{name:e,content:t}}async function Le(e,{type:t="all",consumers:n={css:b,ts:T}}={}){const r={files:[]},o=e.options;if(Oe(e)){const a=await $e(e);(!a.valid||a.instanceId!==e.id)&&Fe(e)}if(t==="all"||t==="css"){const a=R("index.css",n.css(e.root,o));r.files.push(a)}if(t==="all"||t==="ts"){const a=R("index.ts",n.ts(e.root,o));r.files.push(a)}return r}p.DEFAULT_INDENT="	",p.STATEMENT_AT_RULES=w,p.STATEMENT_OR_BLOCK_AT_RULES=N,p.addIndentToLine=L,p.consumeCSS=b,p.consumeTS=T,p.createFile=R,p.defaultThemeSelectorFn=O,p.defaultUtilitySelectorFn=$,p.defaultVariableNameFn=v,p.indentLines=B,p.isUppercase=_,p.toCamelCase=U,p.toKebabCase=D,p.transpile=Le,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
+-----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.5.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.5.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.5.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",