@styleframe/loader 2.4.1 → 3.0.0

package/dist/index.cjs

@@ -1,194 +1,194 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("node:fs/promises"), require("node:path"), require("@styleframe/license"), require("chokidar"), require("jiti"), require("node:fs")) : typeof define === "function" && define.amd ? define(["exports", "node:fs/promises", "node:path", "@styleframe/license", "chokidar", "jiti", "node:fs"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.loader = {}, global.promises, global.path, global.license, global.chokidar, global.jiti, global.node_fs));
-})(this, (function(exports2, promises, path, license, chokidar, jiti, node_fs) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("node:fs/promises"), require("node:path"), require("@styleframe/license"), require("chokidar"), require("node:fs"), require("jiti")) : typeof define === "function" && define.amd ? define(["exports", "node:fs/promises", "node:path", "@styleframe/license", "chokidar", "node:fs", "jiti"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.loader = {}, global.promises, global.path, global.license, global.chokidar, global.node_fs, global.jiti));
+})(this, (function(exports2, promises, path, license, chokidar, node_fs, jiti) {
   "use strict";
-  const F$1 = ["charset", "import", "namespace"], L$1 = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, x$1 = ({
+  const P$1 = ["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$1(e, t) {
+  }) => `._${[...r, e, ...t === "default" ? [] : [t]].filter(Boolean).join("\\:").replace(/[[\].#()%,]/g, "\\$&")}`, O = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
+  function V$1(e, t) {
     return `@${e}${t ? " " : ""}${t}`;
   }
-  const U$1 = /\d/, P$1 = ["-", "_", "/", "."];
-  function M(e = "") {
-    if (!U$1.test(e))
+  const K$1 = /\d/, q = ["-", "_", "/", "."];
+  function z$1(e = "") {
+    if (!K$1.test(e))
       return e !== e.toLowerCase();
   }
-  function N(e, t) {
-    const r = P$1, n = [];
+  function _$1(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 === true) {
-        n.push(o), o = "", s = void 0;
+        o.push(n), n = "", s = void 0;
         continue;
       }
-      const i = M(a);
+      const i = z$1(a);
       if (u === false) {
         if (s === false && i === true) {
-          n.push(o), o = a, s = i;
+          o.push(n), n = a, s = i;
           continue;
         }
-        if (s === true && i === false && 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 === true && i === false && 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$1(e) {
+  function H(e) {
     return e ? e[0].toUpperCase() + e.slice(1) : "";
   }
-  function V(e) {
+  function Q$1(e) {
     return e ? e[0].toLowerCase() + e.slice(1) : "";
   }
-  function K$1(e, t) {
-    return e ? (Array.isArray(e) ? e : N(e)).map((r) => k$1(r)).join("") : "";
+  function J$1(e, t) {
+    return e ? (Array.isArray(e) ? e : _$1(e)).map((r) => H(r)).join("") : "";
   }
-  function q$1(e, t) {
-    return V(K$1(e || ""));
+  function Z$1(e, t) {
+    return Q$1(J$1(e || ""));
   }
-  function z$1(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 : _$1(e)).map((r) => r.toLowerCase()).join("-") : "";
   }
-  function H(e) {
+  function G$1(e) {
     return `	${e}`;
   }
-  function Q$1(e) {
+  function Y$1(e) {
     return e.split(`
-`).map((t) => H(t)).join(`
+`).map((t) => G$1(t)).join(`
 `);
   }
-  function J$1(e) {
+  function x$1(e) {
     return e === e.toUpperCase();
   }
-  function Z$1(e) {
-    return q$1(e);
+  function T$1(e) {
+    return Z$1(e);
   }
-  function W$1(e) {
-    return z$1(e);
+  function X$1(e) {
+    return W(e);
   }
-  function G$1(e) {
-    return W$1(e);
+  function ee$1(e) {
+    return X$1(e);
   }
-  function O(e, t) {
-    return `${e.startsWith("--") ? e : G$1(e)}: ${t};`;
+  function B(e, t) {
+    return `${e.startsWith("--") ? e : ee$1(e)}: ${t};`;
   }
-  function Y$1(e) {
+  function te$1(e) {
     return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${Q$1(`${t}`)}
+` : ""}${e.map((t) => `${Y$1(`${t}`)}
 `).join("")}}`;
   }
-  function B(e) {
+  function E$1(e) {
     return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
   }
-  function X$1(e, t) {
-    return O(B(e), t);
+  function re$1(e, t) {
+    return B(E$1(e), t);
   }
-  function ee$1(e, t) {
-    return `var(${B(e)}${t ? `, ${t}` : ""})`;
+  function ne$1(e, t) {
+    return `var(${E$1(e)}${t ? `, ${t}` : ""})`;
   }
-  function R$1(e, t) {
-    return `${e} ${Y$1(t)}`;
+  function w(e, t) {
+    return `${e} ${te$1(t)}`;
   }
-  function te$1(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$1(e) {
-    return function(r, n) {
-      const s = (n.variables?.name ?? w)({ name: r.name });
-      return X$1(s, e(r.value, n));
+  function F$1(e) {
+    return function(r, o) {
+      const s = (o.variables?.name ?? O)({ name: r.name });
+      return re$1(s, e(r.value, o));
     };
   }
   function S$1(e) {
-    const t = E$1(e), r = te$1(e);
-    return function(o, s, u) {
-      const { variables: a, declarations: c, children: i } = s, f = o === ":root", l = (a ?? []).map(
-        (A2) => t(A2, u)
-      ), m2 = r(
+    const t = F$1(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(
-        (A2) => e(A2, u)
-      ), p = l.length > 0, b = m2.length > 0, C2 = y.length > 0;
-      return f ? `${p || b ? R$1(o, [
+        (g) => e(g, u)
+      ), p = l.length > 0, b = m.length > 0, j2 = y.length > 0;
+      return f ? `${p || b ? w(n, [
         ...l,
         ...p && b ? [""] : [],
-        ...m2
-      ]) : ""}${C2 && (p || b) ? `
+        ...m
+      ]) : ""}${j2 && (p || b) ? `
 
 ` : ""}${y.join(`
 
-`)}` : R$1(o, [
+`)}` : w(n, [
         ...l,
-        ...p && (C2 || b) ? [""] : [],
-        ...m2,
-        ...b && C2 ? [""] : [],
+        ...p && (j2 || b) ? [""] : [],
+        ...m,
+        ...b && j2 ? [""] : [],
         ...y.flatMap(
-          (A2, _) => _ === y.length - 1 ? [A2] : [A2, ""]
+          (g, I2) => I2 === y.length - 1 ? [g] : [g, ""]
         )
       ]);
     };
   }
-  function re$1(e) {
+  function ce(e) {
     const t = S$1(e);
-    return function(n, o) {
-      const s = F$1.includes(n.identifier), u = L$1.includes(
-        n.identifier
-      ), a = Object.keys(n.declarations).length > 0, c = n.variables.length > 0, i = n.children.length > 0, f = I$1(n.identifier, n.rule);
-      return s || u && !(a || c || i) ? `${f};` : t(f, n, o);
+    return function(o, n) {
+      const s = P$1.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$1(o.identifier, o.rule);
+      return s || u && !(a || c || i) ? `${f};` : t(f, o, n);
     };
   }
-  function ne$1(e) {
-    return function(r, n) {
-      return r.value.map((o) => e(o, n)).join("").trim();
+  function ue$1(e) {
+    return function(r, o) {
+      return r.value.map((n) => e(n, o)).join("").trim();
     };
   }
-  function oe(e) {
+  function se$1(e) {
     return typeof e == "object" && e !== null;
   }
-  function h(e, t) {
-    return oe(e) && "type" in e && e.type === t;
+  function h$1(e, t) {
+    return se$1(e) && "type" in e && e.type === t;
   }
-  function ce$1(e) {
-    return h(e, "variable");
+  function ie$1(e) {
+    return h$1(e, "variable");
   }
-  function ue$1(e) {
-    return h(e, "reference");
+  function ae$1(e) {
+    return h$1(e, "reference");
   }
-  function v$1(e) {
-    return h(e, "selector");
+  function C$1(e) {
+    return h$1(e, "selector");
   }
-  function ie(e) {
-    return h(e, "at-rule");
+  function le$1(e) {
+    return h$1(e, "at-rule");
   }
-  function se(e) {
-    return h(e, "utility");
+  function fe(e) {
+    return h$1(e, "utility");
   }
-  function ae$1(e) {
-    return h(e, "css");
+  function me$1(e) {
+    return h$1(e, "css");
   }
-  function le$1(e) {
-    return h(e, "theme");
+  function pe$1(e) {
+    return h$1(e, "theme");
   }
-  function T$1(e) {
-    return h(e, "root");
+  function N(e) {
+    return h$1(e, "root");
   }
-  function fe$1(e) {
-    return h(e, "recipe");
+  function D$1(e) {
+    return h$1(e, "recipe");
   }
-  function me$1(e) {
+  function L$1(e) {
     return e.charAt(0).toUpperCase() + e.slice(1);
   }
-  function g(e) {
+  function A$1(e) {
     if (e instanceof Buffer)
       return Buffer.from(e);
     const t = e.constructor;
@@ -198,78 +198,78 @@
       e.byteLength / e.BYTES_PER_ELEMENT || 1
     );
   }
-  function pe$1(e) {
+  function ye$1(e) {
     if (e = e || {}, e.circular)
-      return ye$1(e);
+      return de$1(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], m2 = u[l];
-        typeof m2 != "object" || m2 === null ? i[l] = m2 : m2.constructor !== Object && (r = t.get(m2.constructor)) ? i[l] = r(m2, a) : ArrayBuffer.isView(m2) ? i[l] = g(m2) : i[l] = a(m2);
+        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$1(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) === false) 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$1(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$1(i) : a[c] = s(i);
       }
       return a;
     }
   }
-  function ye$1(e) {
-    const t = [], r = [], n = /* @__PURE__ */ new Map();
-    if (n.set(Date, (c) => new Date(c)), n.set(
+  function de$1(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 });
-      for (let m2 = 0; m2 < f.length; m2++) {
-        const y = f[m2], p = c[y];
+      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, 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$1(p);
         else {
           const b = t.indexOf(p);
           b !== -1 ? l[y] = r[b] : l[y] = i(p);
@@ -280,8 +280,8 @@
     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) {
@@ -289,13 +289,13 @@
         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$1(l);
         else {
-          const m2 = t.indexOf(l);
-          m2 !== -1 ? i[f] = r[m2] : i[f] = u(l);
+          const m = t.indexOf(l);
+          m !== -1 ? i[f] = r[m] : i[f] = u(l);
         }
       }
       return t.pop(), r.pop(), i;
@@ -303,47 +303,47 @@
     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$1(l);
         else {
-          const m2 = t.indexOf(l);
-          m2 !== -1 ? i[f] = r[m2] : i[f] = a(l);
+          const m = t.indexOf(l);
+          m !== -1 ? i[f] = r[m] : i[f] = a(l);
         }
       }
       return t.pop(), r.pop(), i;
     }
   }
-  pe$1();
-  function de$1(e) {
-    return function(r, n) {
+  ye$1();
+  function he$1(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$1(
+  function be$1(e) {
+    return function(r, o) {
+      const s = (o.variables?.name ?? O)({ name: r.name });
+      return ne$1(
         s,
-        r.fallback ? e(r.fallback, n) : void 0
+        r.fallback ? e(r.fallback, o) : void 0
       );
     };
   }
-  function be(e) {
+  function ge$1(e) {
     const t = S$1(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(`
 
@@ -352,108 +352,108 @@
   }
   function Ae$1(e) {
     const t = S$1(e);
-    return function(n, o) {
-      return t(n.query, n, o);
+    return function(o, n) {
+      return t(o.query, o, n);
     };
   }
-  function ge$1(e) {
+  function Se(e) {
     const t = S$1(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$1(e);
-    return function(n, o) {
-      const s = [], a = (o.utilities?.selector ?? x$1)({
-        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$1(d), o = Se(d), s = re$1(d), u = ge$1(d), a = E$1(d), c = he(d), i = ne$1(d), f = de$1();
+    const r = ge$1(d), o = Ae$1(d), n = Ce(d), s = ce(d), u = Se(d), a = F$1(d), c = be$1(d), i = ue$1(d), f = he$1();
     switch (true) {
-      case v$1(e):
-        return n(e, t);
-      case se(e):
+      case C$1(e):
         return o(e, t);
-      case ie(e):
+      case fe(e):
+        return n(e, t);
+      case le$1(e):
         return s(e, t);
-      case T$1(e):
+      case N(e):
         return r(e, t);
-      case le$1(e):
+      case pe$1(e):
         return u(e, t);
-      case ce$1(e):
+      case ie$1(e):
         return a(e, t);
-      case ue$1(e):
-        return c(e, t);
       case ae$1(e):
+        return c(e, t);
+      case me$1(e):
         return i(e, t);
       default:
         return f(e, t);
     }
   }
-  function Ce(e) {
-    return function(r, n) {
-      let o = r._exportName;
-      o || (o = Z$1(r.name), r.name[0] && J$1(r.name[0]) && (o = me$1(o)));
-      const s = `${o}Recipe`, u = r._runtime ?? {};
+  function je(e) {
+    return function(r, o) {
+      let n = r._exportName;
+      n || (n = T$1(r.name), r.name[0] && x$1(r.name[0]) && (n = L$1(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$1(t) && !!t._exportName
+      (t) => C$1(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$1(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$1(e, t) {
-    const r = ve(j$1), n = Ce(), o = Re$1();
+  function R$1(e, t) {
+    const r = Re(R$1), o = je(), n = $e();
     switch (true) {
       case Array.isArray(e):
-        return e.map((s) => j$1(s, t)).join(`
+        return e.map((s) => R$1(s, t)).join(`
 `);
-      case T$1(e):
+      case N(e):
         return r(e, t);
-      case fe$1(e):
-        return n(e, t);
-      case v$1(e):
+      case D$1(e):
         return o(e, t);
+      case C$1(e):
+        return n(e, t);
       default:
         return "";
     }
   }
-  const $e = `-----BEGIN PUBLIC KEY-----
+  const Ne = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -461,9 +461,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,
@@ -475,18 +475,18 @@ GwIDAQAB
       ["verify"]
     );
   }
-  async function Be({
+  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(
@@ -494,13 +494,13 @@ GwIDAQAB
       );
     return JSON.parse(e);
   }
-  function Ee(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 {
@@ -518,7 +518,7 @@ GwIDAQAB
         valid: false
       };
     try {
-      return await Be(
+      return await xe(
         r
       );
     } catch {
@@ -530,7 +530,81 @@ GwIDAQAB
       };
     }
   }
-  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$1(e) {
+    return function(r, o) {
+      let n = r._exportName;
+      n || (n = T$1(r.name), r.name[0] && x$1(r.name[0]) && (n = L$1(n)));
+      const s = Ee(r._runtime);
+      return `    export const ${n}: (props?: ${s}) => string;`;
+    };
+  }
+  function De(e) {
+    return e.filter(
+      (t) => C$1(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$1(), n = Ie();
+    switch (true) {
+      case Array.isArray(e):
+        return e.map((s) => $(s, t)).join(`
+`);
+      case N(e):
+        return r(e, t);
+      case D$1(e):
+        return o(e, t);
+      case C$1(e):
+        return n(e, t);
+      default:
+        return "";
+    }
+  }
+  function Pe(e) {
     const t = Math.floor(Math.random() * 100);
     e.root.children.push({
       type: "selector",
@@ -554,36 +628,43 @@ GwIDAQAB
       }
     });
   }
-  function $(e, t = "") {
+  function v$1(e, t = "") {
     return {
       name: e,
       content: t
     };
   }
-  async function Le(e, {
+  async function ke$1(e, {
     type: t = "all",
-    consumers: r = { css: d, ts: j$1 }
+    consumers: r = { css: d, ts: R$1, dts: $ }
   } = {}) {
-    const n = { files: [] }, o = e.options;
-    if (Ee(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$1(
         "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$1(
         "index.ts",
-        r.ts(e.root, o)
+        r.ts(e.root, n)
       );
-      n.files.push(s);
+      o.files.push(s);
     }
-    return n;
+    if (t === "dts") {
+      const s = v$1(
+        "index.d.ts",
+        r.dts(e.root, n)
+      );
+      o.files.push(s);
+    }
+    return o;
   }
   async function directoryExists(path2) {
     try {
@@ -599,7 +680,7 @@ GwIDAQAB
       environment: process.env.NODE_ENV || "development",
       isBuild: true
     });
-    const output = await Le(instance, transpiler);
+    const output = await ke$1(instance, transpiler);
     const outputDirExists = await directoryExists(outputDir);
     if (clean && outputDirExists) {
       await promises.rm(outputDir, { recursive: true });
@@ -614,90 +695,109 @@ GwIDAQAB
       await promises.writeFile(filePath, file.content);
     }
   }
-  function K(e) {
+  function C(e) {
     return typeof e == "object" && e !== null;
   }
-  function m(e, r) {
-    return K(e) && "type" in e && e.type === r;
+  function h(e, r) {
+    return C(e) && "type" in e && e.type === r;
   }
-  function L(e) {
-    return m(e, "variable");
+  function G(e) {
+    return h(e, "variable");
   }
-  function A(e) {
-    return m(e, "reference");
+  function j(e) {
+    return h(e, "reference");
+  }
+  function Ae(e) {
+    return h(e, "selector");
   }
-  function ge(e) {
-    return m(e, "selector");
+  function I(e) {
+    return h(e, "modifier");
   }
-  function q(e) {
-    return m(e, "modifier");
+  function T(e) {
+    return h(e, "css");
   }
-  function E(e) {
-    return m(e, "css");
+  function V(e) {
+    return h(e, "root");
   }
-  function Ae(e) {
-    return m(e, "recipe");
+  function ke(e) {
+    return h(e, "recipe");
   }
-  function G(e) {
+  function z(e) {
     return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
   }
-  function U(e) {
-    return G(e) || A(e) || E(e) || Array.isArray(e) && e.every(U);
+  function D(e) {
+    return z(e) || j(e) || T(e) || Array.isArray(e) && e.every(D);
   }
-  function I(e) {
-    return K(e) && "children" in e && "declarations" in e && "variables" in e;
-  }
-  function z(e = (r) => r) {
-    return (r) => {
-      let n = r, t;
-      if (typeof n == "string" && n[0] === "@") {
-        const i = n.slice(1);
-        t = e(i), n = {
+  function Y(e) {
+    return C(e) && "children" in e && "declarations" in e && "variables" in e;
+  }
+  function Ve(e) {
+    return C(e) && "id" in e && "root" in e && "variable" in e && "selector" in e && "recipe" in e && typeof e.id == "string" && V(e.root);
+  }
+  function P(e) {
+    const r = typeof e == "function" ? { replacer: e } : e ?? {}, { replacer: n = (c) => c, namespace: t } = r, i = Array.isArray(t) ? t : t ? [t] : [];
+    return (c) => {
+      let s = c, a;
+      if (typeof s == "string" && s[0] === "@") {
+        const o = s.slice(1), f = i.find(
+          (y) => o === y || o.startsWith(`${y}.`)
+        );
+        let l, u;
+        f ? (l = o, u = o.startsWith(`${f}.`) ? o.slice(f.length + 1) : o) : i.length > 0 ? (l = `${i[0]}.${o}`, u = o) : (l = o, u = o), a = n(u), s = {
           type: "reference",
-          name: i
+          name: l
         };
-      } else A(n) ? t = e(n.name) : t = `[${r}]`;
+      } else if (j(s)) {
+        let o = s.name;
+        for (const f of i)
+          if (o.startsWith(`${f}.`)) {
+            o = o.slice(f.length + 1);
+            break;
+          }
+        a = n(o);
+      } else
+        a = `[${c}]`;
       return {
-        [t]: n
+        [a]: s
       };
     };
   }
-  function W(e, r) {
+  function Z(e, r) {
     return function(t, ...i) {
       return {
         type: "css",
-        value: t.reduce((o, u, s) => (o.push(u), s < i.length && o.push(i[s]), o), [])
+        value: t.reduce((s, a, o) => (s.push(a), o < i.length && s.push(i[o]), s), [])
       };
     };
   }
-  function S(e, r) {
+  function K(e, r) {
     return function(t, i, c) {
-      const o = {
+      const s = {
         type: "at-rule",
         identifier: t,
         rule: i,
         declarations: {},
         variables: [],
         children: []
-      }, u = v(o, r);
-      return typeof c == "function" ? o.declarations = c(u) ?? {} : c && (o.declarations = c), k(o.declarations, u), e.children.push(o), o;
+      }, a = v(s, r);
+      return typeof c == "function" ? s.declarations = c(a) ?? {} : c && (s.declarations = c), R(s.declarations, a), e.children.push(s), s;
     };
   }
-  function Y(e, r) {
-    const n = S(e, r);
+  function J(e, r) {
+    const n = K(e, r);
     return function(i, c) {
       return n("media", i, c);
     };
   }
-  function Z(e, r) {
-    const n = S(e, r);
+  function Q(e, r) {
+    const n = K(e, r);
     return function(i, c) {
       return n("keyframes", i, c);
     };
   }
-  function J(e, r) {
+  function X(e, r) {
     return function(t, i) {
-      return L(t) ? {
+      return G(t) ? {
         type: "reference",
         name: t.name,
         fallback: i
@@ -708,7 +808,7 @@ GwIDAQAB
       };
     };
   }
-  function Q(e, r) {
+  function ee(e, r) {
     return function(t, i) {
       const c = {
         type: "selector",
@@ -716,56 +816,60 @@ GwIDAQAB
         declarations: {},
         variables: [],
         children: []
-      }, o = v(c, r);
-      return typeof i == "function" ? c.declarations = i(o) ?? {} : I(i) ? (c.variables = i.variables, c.declarations = i.declarations, c.children = i.children) : c.declarations = i, k(c.declarations, o), e.children.push(c), c;
+      }, s = v(c, r);
+      return typeof i == "function" ? c.declarations = i(s) ?? {} : Y(i) ? (c.variables = i.variables, c.declarations = i.declarations, c.children = i.children) : c.declarations = i, R(c.declarations, s), e.children.push(c), c;
     };
   }
-  function X(e, r) {
+  function te(e, r) {
     return function(t, i, c = {
       default: false
     }) {
-      const o = typeof t == "string" ? t : t.name, u = e.variables.find(
-        (f) => f.name === o
+      const s = typeof t == "string" ? t : t.name, a = e.variables.find(
+        (f) => f.name === s
       );
-      if (c.default && u)
-        return u;
-      if (u)
-        return u.value = i, u;
-      const s = {
+      if (c.default && a)
+        return a;
+      if (a)
+        return a.value = i, a;
+      const o = {
         type: "variable",
-        name: o,
+        name: s,
         value: i
       };
-      return e.variables.push(s), s;
+      return e.variables.push(o), o;
     };
   }
   function v(e, r) {
-    const n = X(e), t = Q(e, r), i = S(e, r), c = Z(r, r), o = Y(e, r), u = J(), s = W();
+    const n = te(e), t = ee(e, r), i = K(e, r), c = Q(r, r), s = J(e, r), a = X(), o = Z();
     return {
       variable: n,
       selector: t,
       keyframes: c,
       atRule: i,
-      media: o,
-      ref: u,
-      css: s
+      media: s,
+      ref: a,
+      css: o
     };
   }
-  function k(e, r) {
+  function R(e, r) {
     for (const n in e)
       if (n.startsWith("@")) {
         const t = e[n];
-        if (typeof t == "object" && t !== null && !U(t)) {
+        if (typeof t == "object" && t !== null && !D(t)) {
           const i = n.replace(/^@(\w+).*/, "$1"), c = n.replace(`@${i}`, "").trim();
           r.atRule(i, c, t), delete e[n];
         }
-      } else if (/^[.&:]/.test(n)) {
+      } else if (/^[.&:]/.test(n) || /^\d+%$/.test(n) || n === "from" || n === "to") {
         const t = e[n];
         typeof t == "object" && (r.selector(n, t), delete e[n]);
       }
+    for (const n in e) {
+      const t = e[n];
+      typeof t == "string" && t[0] === "@" && (e[n] = r.ref(t.slice(1)));
+    }
     return e;
   }
-  function j(e) {
+  function A(e) {
     if (e instanceof Buffer)
       return Buffer.from(e);
     const r = e.constructor;
@@ -775,133 +879,133 @@ GwIDAQAB
       e.byteLength / e.BYTES_PER_ELEMENT || 1
     );
   }
-  function ee(e) {
+  function ne(e) {
     if (e = e || {}, e.circular)
-      return te(e);
+      return re(e);
     const r = /* @__PURE__ */ new Map();
-    if (r.set(Date, (o) => new Date(o)), r.set(
+    if (r.set(Date, (s) => new Date(s)), r.set(
       Map,
-      (o, u) => new Map(t(Array.from(o), u))
+      (s, a) => new Map(t(Array.from(s), a))
     ), r.set(
       Set,
-      (o, u) => new Set(t(Array.from(o), u))
+      (s, a) => new Set(t(Array.from(s), a))
     ), e.constructorHandlers)
-      for (const o of e.constructorHandlers)
-        r.set(o[0], o[1]);
+      for (const s of e.constructorHandlers)
+        r.set(s[0], s[1]);
     let n;
     return e.proto ? c : i;
-    function t(o, u) {
-      const s = Object.keys(o), f = Array.from({ length: s.length });
-      for (let l = 0; l < s.length; l++) {
-        const a = s[l], y = o[a];
-        typeof y != "object" || y === null ? f[a] = y : y.constructor !== Object && (n = r.get(y.constructor)) ? f[a] = n(y, u) : ArrayBuffer.isView(y) ? f[a] = j(y) : f[a] = u(y);
+    function t(s, a) {
+      const o = Object.keys(s), f = Array.from({ length: o.length });
+      for (let l = 0; l < o.length; l++) {
+        const u = o[l], y = s[u];
+        typeof y != "object" || y === null ? f[u] = y : y.constructor !== Object && (n = r.get(y.constructor)) ? f[u] = n(y, a) : ArrayBuffer.isView(y) ? f[u] = A(y) : f[u] = a(y);
       }
       return f;
     }
-    function i(o) {
-      if (typeof o != "object" || o === null) return o;
-      if (Array.isArray(o)) return t(o, i);
-      if (o.constructor !== Object && (n = r.get(o.constructor)))
-        return n(o, i);
-      const u = {};
-      for (const s in o) {
-        if (Object.hasOwnProperty.call(o, s) === false) continue;
-        const f = o[s];
-        typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? u[s] = n(f, i) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = i(f);
+    function i(s) {
+      if (typeof s != "object" || s === null) return s;
+      if (Array.isArray(s)) return t(s, i);
+      if (s.constructor !== Object && (n = r.get(s.constructor)))
+        return n(s, i);
+      const a = {};
+      for (const o in s) {
+        if (Object.hasOwnProperty.call(s, o) === false) continue;
+        const f = s[o];
+        typeof f != "object" || f === null ? a[o] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? a[o] = n(f, i) : ArrayBuffer.isView(f) ? a[o] = A(f) : a[o] = i(f);
       }
-      return u;
+      return a;
     }
-    function c(o) {
-      if (typeof o != "object" || o === null) return o;
-      if (Array.isArray(o)) return t(o, c);
-      if (o.constructor !== Object && (n = r.get(o.constructor)))
-        return n(o, c);
-      const u = {};
-      for (const s in o) {
-        const f = o[s];
-        typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? u[s] = n(f, c) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = c(f);
+    function c(s) {
+      if (typeof s != "object" || s === null) return s;
+      if (Array.isArray(s)) return t(s, c);
+      if (s.constructor !== Object && (n = r.get(s.constructor)))
+        return n(s, c);
+      const a = {};
+      for (const o in s) {
+        const f = s[o];
+        typeof f != "object" || f === null ? a[o] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? a[o] = n(f, c) : ArrayBuffer.isView(f) ? a[o] = A(f) : a[o] = c(f);
       }
-      return u;
+      return a;
     }
   }
-  function te(e) {
+  function re(e) {
     const r = [], n = [], t = /* @__PURE__ */ new Map();
-    if (t.set(Date, (s) => new Date(s)), t.set(
+    if (t.set(Date, (o) => new Date(o)), t.set(
       Map,
-      (s, f) => new Map(c(Array.from(s), f))
+      (o, f) => new Map(c(Array.from(o), f))
     ), t.set(
       Set,
-      (s, f) => new Set(c(Array.from(s), f))
+      (o, f) => new Set(c(Array.from(o), f))
     ), e.constructorHandlers)
-      for (const s of e.constructorHandlers)
-        t.set(s[0], s[1]);
+      for (const o of e.constructorHandlers)
+        t.set(o[0], o[1]);
     let i;
-    return e.proto ? u : o;
-    function c(s, f) {
-      const l = Object.keys(s), a = Array.from({ length: l.length });
+    return e.proto ? a : s;
+    function c(o, f) {
+      const l = Object.keys(o), u = Array.from({ length: l.length });
       for (let y = 0; y < l.length; y++) {
-        const p = l[y], d2 = s[p];
+        const p = l[y], d2 = o[p];
         if (typeof d2 != "object" || d2 === null)
-          a[p] = d2;
+          u[p] = d2;
         else if (d2.constructor !== Object && (i = t.get(d2.constructor)))
-          a[p] = i(d2, f);
+          u[p] = i(d2, f);
         else if (ArrayBuffer.isView(d2))
-          a[p] = j(d2);
+          u[p] = A(d2);
         else {
-          const h2 = r.indexOf(d2);
-          h2 !== -1 ? a[p] = n[h2] : a[p] = f(d2);
+          const w2 = r.indexOf(d2);
+          w2 !== -1 ? u[p] = n[w2] : u[p] = f(d2);
         }
       }
-      return a;
+      return u;
     }
-    function o(s) {
-      if (typeof s != "object" || s === null) return s;
-      if (Array.isArray(s)) return c(s, o);
-      if (s.constructor !== Object && (i = t.get(s.constructor)))
-        return i(s, o);
+    function s(o) {
+      if (typeof o != "object" || o === null) return o;
+      if (Array.isArray(o)) return c(o, s);
+      if (o.constructor !== Object && (i = t.get(o.constructor)))
+        return i(o, s);
       const f = {};
-      r.push(s), n.push(f);
-      for (const l in s) {
-        if (Object.hasOwnProperty.call(s, l) === false) continue;
-        const a = s[l];
-        if (typeof a != "object" || a === null)
-          f[l] = a;
-        else if (a.constructor !== Object && (i = t.get(a.constructor)))
-          f[l] = i(a, o);
-        else if (ArrayBuffer.isView(a))
-          f[l] = j(a);
+      r.push(o), n.push(f);
+      for (const l in o) {
+        if (Object.hasOwnProperty.call(o, l) === false) continue;
+        const u = o[l];
+        if (typeof u != "object" || u === null)
+          f[l] = u;
+        else if (u.constructor !== Object && (i = t.get(u.constructor)))
+          f[l] = i(u, s);
+        else if (ArrayBuffer.isView(u))
+          f[l] = A(u);
         else {
-          const y = r.indexOf(a);
-          y !== -1 ? f[l] = n[y] : f[l] = o(a);
+          const y = r.indexOf(u);
+          y !== -1 ? f[l] = n[y] : f[l] = s(u);
         }
       }
       return r.pop(), n.pop(), f;
     }
-    function u(s) {
-      if (typeof s != "object" || s === null) return s;
-      if (Array.isArray(s)) return c(s, u);
-      if (s.constructor !== Object && (i = t.get(s.constructor)))
-        return i(s, u);
+    function a(o) {
+      if (typeof o != "object" || o === null) return o;
+      if (Array.isArray(o)) return c(o, a);
+      if (o.constructor !== Object && (i = t.get(o.constructor)))
+        return i(o, a);
       const f = {};
-      r.push(s), n.push(f);
-      for (const l in s) {
-        const a = s[l];
-        if (typeof a != "object" || a === null)
-          f[l] = a;
-        else if (a.constructor !== Object && (i = t.get(a.constructor)))
-          f[l] = i(a, u);
-        else if (ArrayBuffer.isView(a))
-          f[l] = j(a);
+      r.push(o), n.push(f);
+      for (const l in o) {
+        const u = o[l];
+        if (typeof u != "object" || u === null)
+          f[l] = u;
+        else if (u.constructor !== Object && (i = t.get(u.constructor)))
+          f[l] = i(u, a);
+        else if (ArrayBuffer.isView(u))
+          f[l] = A(u);
         else {
-          const y = r.indexOf(a);
-          y !== -1 ? f[l] = n[y] : f[l] = u(a);
+          const y = r.indexOf(u);
+          y !== -1 ? f[l] = n[y] : f[l] = a(u);
         }
       }
       return r.pop(), n.pop(), f;
     }
   }
-  const R = ee();
-  function ne(e, r = 8) {
+  const F = ne();
+  function ie(e, r = 8) {
     const n = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
     let t = "";
     for (let i = 0; i < r; i++) {
@@ -910,7 +1014,7 @@ GwIDAQAB
     }
     return e ? `${e}${t}` : t;
   }
-  function re(e, r) {
+  function se(e, r) {
     const n = e.modifiers.find(
       (t) => t.key.includes(r)
     );
@@ -918,23 +1022,23 @@ GwIDAQAB
       throw new Error(`Modifier "${r}" not found`);
     return n;
   }
-  function ce(e) {
+  function ae(e) {
     const r = [];
     function n(t, i) {
       i.length > 0 && r.push([...i].sort());
       for (let c = t; c < e.length; c++) {
-        const o = e[c];
-        if (o)
-          if (o.length === 1 && o[0])
-            n(c + 1, [...i, o[0]]);
+        const s = e[c];
+        if (s)
+          if (s.length === 1 && s[0])
+            n(c + 1, [...i, s[0]]);
           else
-            for (const u of o)
-              n(c + 1, [...i, u]);
+            for (const a of s)
+              n(c + 1, [...i, a]);
       }
     }
     return n(0, []), r.sort((t, i) => t.length !== i.length ? t.length - i.length : t.join(",").localeCompare(i.join(",")));
   }
-  function fe(e, r, n) {
+  function ue(e, r, n) {
     const t = {
       ...e,
       modifiers: [...n.keys()]
@@ -942,13 +1046,13 @@ GwIDAQAB
     for (const c of n.values())
       c.factory({
         ...i,
-        declarations: R(t.declarations),
-        variables: R(t.variables),
-        children: R(t.children)
-      }), k(t.declarations, i);
+        declarations: F(t.declarations),
+        variables: F(t.variables),
+        children: F(t.children)
+      }), R(t.declarations, i);
     return t;
   }
-  function ue(e, r) {
+  function le(e, r) {
     return function(t, i) {
       const c = {
         type: "modifier",
@@ -958,7 +1062,7 @@ GwIDAQAB
       return r.modifiers.push(c), c;
     };
   }
-  function ae() {
+  function ye() {
     return {
       type: "root",
       declarations: {},
@@ -970,30 +1074,84 @@ GwIDAQAB
       themes: []
     };
   }
-  function le(e, r) {
+  function de(e, r) {
+    const n = P({ namespace: e });
+    return (t) => {
+      if (typeof t == "string" && t[0] === "@") {
+        const i = t.slice(1), c = e.find(
+          (s) => i === s || i.startsWith(`${s}.`)
+        );
+        if (c) {
+          const s = i.slice(c.length + 1) || i;
+          if (r.variables.some((a) => a.name === i))
+            return {
+              [s]: {
+                type: "reference",
+                name: i
+              }
+            };
+        } else
+          for (const s of e) {
+            const a = `${s}.${i}`;
+            if (r.variables.some((o) => o.name === a))
+              return {
+                [i]: {
+                  type: "reference",
+                  name: a
+                }
+              };
+          }
+        return n(t);
+      }
+      return n(t);
+    };
+  }
+  function me(e, r) {
     return function(t, i, c = {}) {
-      const o = {
+      const s = {
         type: "utility",
         name: t,
         factory: i,
         values: [],
-        autogenerate: c.autogenerate ?? z(),
-        create: (u, s = []) => {
-          let f = u;
-          if (Array.isArray(u)) {
+        autogenerate: c.autogenerate ?? (Array.isArray(c.namespace) ? de(c.namespace, r) : P(
+          c.namespace ? { namespace: c.namespace } : void 0
+        )),
+        namespace: c.namespace,
+        create: (a, o = []) => {
+          let f = a;
+          if (Array.isArray(a)) {
             f = {};
-            for (const l of u) {
-              const a = o.autogenerate(l);
+            for (const l of a) {
+              const u = s.autogenerate(l);
               f = {
                 ...f,
-                ...a
+                ...u
               };
             }
           }
-          for (const [l, a] of Object.entries(f)) {
-            const y = o.values.find(
-              (h2) => h2.key === l && h2.modifiers.length === 0
-            ), p = {
+          for (const [l, u] of Object.entries(f)) {
+            let y = u;
+            if (s.namespace && j(u))
+              if (r.variables.some((g) => g.name === u.name))
+                y = u;
+              else {
+                const g = Array.isArray(s.namespace) ? s.namespace : [s.namespace];
+                let $2 = false;
+                for (const O2 of g) {
+                  const m = `${O2}.${l}`;
+                  if (m !== u.name && r.variables.some((b) => b.name === m)) {
+                    y = {
+                      type: "reference",
+                      name: m
+                    }, $2 = true;
+                    break;
+                  }
+                }
+                $2 || (y = l);
+              }
+            const p = s.values.find(
+              (g) => g.key === l && g.modifiers.length === 0
+            ), d2 = {
               type: "utility",
               name: t,
               value: l,
@@ -1001,200 +1159,253 @@ GwIDAQAB
               variables: [],
               children: [],
               modifiers: []
-            }, d2 = v(
-              p,
+            }, w2 = v(
+              d2,
               r
             );
-            if (p.declarations = i({
-              ...d2,
-              value: a
-            }) ?? {}, k(p.declarations, d2), y || (o.values.push({
+            if (d2.declarations = i({
+              ...w2,
+              value: y
+            }) ?? {}, R(d2.declarations, w2), p || (s.values.push({
               key: l,
-              value: a,
+              value: y,
               modifiers: []
-            }), e.children.push(p)), s && s.length > 0) {
-              const h2 = s.map((g2) => g2.key), H2 = ce(h2).filter((g2) => !o.values.find(
-                (b) => b.key === l && b.modifiers.length === g2.length && b.modifiers.every((w2) => g2.includes(w2))
-              )).reduce((g2, b) => {
-                const w2 = /* @__PURE__ */ new Map();
-                for (const $2 of b) {
-                  const V2 = s.find(
-                    (N2) => N2.key.includes($2)
+            }), e.children.push(d2)), o && o.length > 0) {
+              const g = o.map((m) => m.key), O2 = ae(g).filter((m) => !s.values.find(
+                (b) => b.key === l && b.modifiers.length === m.length && b.modifiers.every((k2) => m.includes(k2))
+              )).reduce((m, b) => {
+                const k2 = /* @__PURE__ */ new Map();
+                for (const U2 of b) {
+                  const M2 = o.find(
+                    (q2) => q2.key.includes(U2)
                   );
-                  V2 && q(V2) && w2.set($2, V2);
+                  M2 && I(M2) && k2.set(U2, M2);
                 }
-                return o.values.push({
+                return s.values.push({
                   key: l,
-                  value: a,
+                  value: y,
                   modifiers: b
-                }), g2.push(fe(p, r, w2)), g2;
+                }), m.push(ue(d2, r, k2)), m;
               }, []);
-              e.children.push(...H2);
+              e.children.push(...O2);
             }
           }
         }
       };
-      return r.utilities.push(o), o.create;
+      return r.utilities.push(s), s.create;
     };
   }
-  function ye(e, r) {
+  function pe(e, r) {
     return function(t, i) {
-      const c = r.themes.find((s) => s.name === t), o = c ?? {
+      const c = r.themes.find((o) => o.name === t), s = c ?? {
         type: "theme",
         name: t,
         declarations: {},
         variables: [],
         children: []
       };
-      c || r.themes.push(o);
-      const u = v(o, r);
-      return i && i(u), o;
+      c || r.themes.push(s);
+      const a = v(s, r);
+      return i && i(a), s;
     };
   }
-  function de(e, r) {
+  function he(e, r) {
     return function(t) {
       const i = {
         type: "recipe",
         ...t
       };
-      return i._runtime = pe(i, r), me(i, r), r.recipes.push(i), i;
+      return i._runtime = ge(i, r), be(i, r), r.recipes.push(i), i;
     };
   }
-  function C(e, r) {
+  function _(e, r) {
     const n = e.autogenerate(r);
     return Object.keys(n)[0] ?? "default";
   }
-  function F(e, r) {
+  function x(e, r) {
     const n = {};
     for (const [t, i] of Object.entries(e))
-      if (P(i)) {
+      if (L(i)) {
         const c = {};
-        for (const [o, u] of Object.entries(i)) {
-          const s = T(r, o);
-          s ? c[o] = C(
-            s,
-            u
+        for (const [s, a] of Object.entries(i)) {
+          const o = S(r, s);
+          o ? c[s] = _(
+            o,
+            a
           ) : console.warn(
-            `[styleframe] Utility "${o}" not found in registry. Skipping runtime generation for this declaration.`
+            `[styleframe] Utility "${s}" not found in registry. Skipping runtime generation for this declaration.`
           );
         }
         n[t] = c;
       } else if (typeof i == "boolean")
         n[t] = i;
       else {
-        const c = T(r, t);
-        c ? n[t] = C(c, i) : console.warn(
+        const c = S(r, t);
+        c ? n[t] = _(c, i) : console.warn(
           `[styleframe] Utility "${t}" not found in registry. Skipping runtime generation for this declaration.`
         );
       }
     return n;
   }
-  function pe(e, r) {
+  function ge(e, r) {
     const n = {};
-    if (e.base && (n.base = F(e.base, r)), e.variants) {
+    if (e.base && (n.base = x(e.base, r)), e.variants) {
       const t = {};
       for (const [i, c] of Object.entries(e.variants)) {
-        const o = {};
-        for (const [u, s] of Object.entries(
+        const s = {};
+        for (const [a, o] of Object.entries(
           c
         ))
-          s == null ? o[u] = null : o[u] = F(
-            s,
+          o == null ? s[a] = null : s[a] = x(
+            o,
             r
           );
-        t[i] = o;
+        t[i] = s;
       }
       n.variants = t;
     }
     return e.defaultVariants && (n.defaultVariants = { ...e.defaultVariants }), e.compoundVariants && (n.compoundVariants = e.compoundVariants.map((t) => ({
       match: { ...t.match },
-      css: F(t.css, r)
+      css: x(t.css, r)
     }))), n;
   }
-  function P(e) {
-    return !A(e) && typeof e == "object" && e !== null;
+  function L(e) {
+    return !j(e) && typeof e == "object" && e !== null;
   }
-  function x(e, r) {
+  function E(e, r) {
     const n = (t, i, c) => {
-      let o = r.get(t);
-      o || (o = [], r.set(t, o)), o.push({ value: i, modifiers: c });
+      let s = r.get(t);
+      s || (s = [], r.set(t, s)), s.push({ value: i, modifiers: c });
     };
     for (const [t, i] of Object.entries(e))
-      if (P(i)) {
+      if (L(i)) {
         const c = t.split(":");
-        for (const [o, u] of Object.entries(i))
-          n(o, u, c);
+        for (const [s, a] of Object.entries(i))
+          n(s, a, c);
       } else
         n(t, i, []);
   }
-  function T(e, r) {
+  function S(e, r) {
     const n = e.utilities.find((i) => i.name === r);
     if (n)
       return n;
     const t = r.replace(/[A-Z]/g, (i) => `-${i.toLowerCase()}`);
     return e.utilities.find((i) => i.name === t);
   }
-  function me(e, r) {
+  function be(e, r) {
     const n = /* @__PURE__ */ new Map();
-    if (e.base && x(e.base, n), e.variants)
+    if (e.base && E(e.base, n), e.variants)
       for (const i of Object.values(e.variants))
         for (const c of Object.values(i))
-          x(
+          E(
             c,
             n
           );
     if (e.compoundVariants)
       for (const i of e.compoundVariants)
-        i.css && x(i.css, n);
+        i.css && E(i.css, n);
     const t = /* @__PURE__ */ new Map();
     for (const [i, c] of n) {
-      const o = T(r, i);
-      if (!o) {
+      const s = S(r, i);
+      if (!s) {
         console.warn(
           `[styleframe] Utility "${i}" not found in registry. Skipping.`
         );
         continue;
       }
-      for (const u of c) {
-        const s = [];
-        for (const f of u.modifiers) {
+      for (const a of c) {
+        const o = [];
+        for (const f of a.modifiers) {
           if (!t.has(f))
             try {
-              t.set(f, re(r, f));
+              t.set(f, se(r, f));
             } catch {
               console.warn(
                 `[styleframe] Modifier "${f}" not found in registry. Skipping modifier for utility "${i}".`
               ), t.set(f, null);
             }
           const l = t.get(f);
-          l && s.push(l);
+          l && o.push(l);
         }
-        o.create(
-          [u.value],
-          s.length > 0 ? s : void 0
+        s.create(
+          [a.value],
+          o.length > 0 ? o : void 0
         );
       }
     }
   }
-  function Re(e) {
-    const r = ne("sf-"), n = ae(), t = { ...e }, i = le(n, n), c = ue(n, n), o = de(n, n), u = ye(n, n), { variable: s, selector: f, atRule: l, keyframes: a, media: y, ref: p, css: d2 } = v(n, n);
+  function Fe(e) {
+    const r = ie("sf-"), n = ye(), t = { ...e }, i = me(n, n), c = le(n, n), s = he(n, n), a = pe(n, n), { variable: o, selector: f, atRule: l, keyframes: u, media: y, ref: p, css: d2 } = v(n, n);
     return {
       id: r,
       root: n,
-      variable: s,
+      variable: o,
       selector: f,
       utility: i,
       modifier: c,
-      recipe: o,
-      theme: u,
+      recipe: s,
+      theme: a,
       atRule: l,
-      keyframes: a,
+      keyframes: u,
       media: y,
       ref: p,
       css: d2,
       options: t
     };
   }
+  function createLoader(basePath, alias) {
+    return jiti.createJiti(basePath, {
+      fsCache: false,
+      moduleCache: false,
+      alias
+    });
+  }
+  function trackExports(module2) {
+    const exports3 = /* @__PURE__ */ new Map();
+    for (const [name, value] of Object.entries(module2)) {
+      if (name === "default") continue;
+      let type = null;
+      if (ke(value)) {
+        type = "recipe";
+        value._exportName = name;
+      } else if (Ae(value)) {
+        type = "selector";
+        value._exportName = name;
+      }
+      if (type) {
+        exports3.set(name, { name, type });
+      }
+    }
+    return exports3;
+  }
+  async function loadModule(filePath, options = {}) {
+    const { alias, validateInstance = true } = options;
+    const jiti2 = createLoader(path.dirname(filePath), alias);
+    const module2 = await jiti2.import(filePath);
+    if (!module2.default) {
+      throw new Error(
+        `Missing default export in ${filePath}. Expected a Styleframe instance.`
+      );
+    }
+    if (validateInstance && !Ve(module2.default)) {
+      throw new Error(
+        `Invalid default export in ${filePath}. Expected a Styleframe instance created with styleframe().`
+      );
+    }
+    const exports3 = trackExports(module2);
+    return {
+      module: module2,
+      instance: module2.default,
+      exports: exports3
+    };
+  }
+  async function loadExtensionModule(filePath, options = {}) {
+    const { alias } = options;
+    const jiti2 = createLoader(path.dirname(filePath), alias);
+    const module2 = await jiti2.import(filePath);
+    const exports3 = trackExports(module2);
+    return { module: module2, exports: exports3 };
+  }
   const SUPPORTED_EXTENSIONS = [".ts", ".mts", ".cts", ".js", ".mjs", ".cjs"];
   function hasKnownExtension(filePath) {
     return SUPPORTED_EXTENSIONS.some((ext) => filePath.endsWith(ext));
@@ -1212,36 +1423,16 @@ GwIDAQAB
     }
     return void 0;
   }
-  function trackNamedExports(module2) {
-    for (const [exportName, exportValue] of Object.entries(module2)) {
-      if (exportName === "default") continue;
-      if (Ae(exportValue)) {
-        exportValue._exportName = exportName;
-      } else if (ge(exportValue)) {
-        exportValue._exportName = exportName;
-      }
-    }
-  }
   async function loadConfiguration({
     cwd = process.cwd(),
     entry = "styleframe.config"
   } = {}) {
     const resolvedPath = resolveConfigFile(cwd, entry);
     if (!resolvedPath) {
-      return Re();
-    }
-    const jiti$1 = jiti.createJiti(path.dirname(resolvedPath), {
-      fsCache: false,
-      moduleCache: false
-    });
-    const module2 = await jiti$1.import(resolvedPath);
-    if (!module2.default) {
-      throw new Error(
-        `Missing default export in ${resolvedPath}. Expected a Styleframe instance.`
-      );
+      return Fe();
     }
-    trackNamedExports(module2);
-    return module2.default;
+    const { instance } = await loadModule(resolvedPath);
+    return instance;
   }
   async function watchConfiguration({
     cwd = process.cwd(),
@@ -1272,8 +1463,12 @@ GwIDAQAB
     };
   }
   exports2.build = build;
+  exports2.createLoader = createLoader;
   exports2.directoryExists = directoryExists;
   exports2.loadConfiguration = loadConfiguration;
+  exports2.loadExtensionModule = loadExtensionModule;
+  exports2.loadModule = loadModule;
+  exports2.trackExports = trackExports;
   exports2.watchConfiguration = watchConfiguration;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 }));