@styleframe/loader 2.3.0 → 2.4.1

package/dist/index.cjs

@@ -1,103 +1,103 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("node:fs/promises"), require("node:path"), require("@styleframe/license"), require("c12")) : typeof define === "function" && define.amd ? define(["exports", "node:fs/promises", "node:path", "@styleframe/license", "c12"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.loader = {}, global.promises, global.path, global.license, global.c12));
-})(this, (function(exports2, promises, path, license, c12) {
+  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) {
   "use strict";
-  const N = ["charset", "import", "namespace"], L$1 = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I$1 = ({
+  const F$1 = ["charset", "import", "namespace"], L$1 = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, x$1 = ({
     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) {
+  function I$1(e, t) {
     return `@${e}${t ? " " : ""}${t}`;
   }
-  const _$1 = /\d/, P$1 = ["-", "_", "/", "."];
+  const U$1 = /\d/, P$1 = ["-", "_", "/", "."];
   function M(e = "") {
-    if (!_$1.test(e))
+    if (!U$1.test(e))
       return e !== e.toLowerCase();
   }
-  function $$1(e, t) {
+  function N(e, t) {
     const r = P$1, n = [];
     if (!e || typeof e != "string")
       return n;
-    let o = "", s, i;
+    let o = "", s, u;
     for (const a of e) {
       const c = r.includes(a);
       if (c === true) {
         n.push(o), o = "", s = void 0;
         continue;
       }
-      const u = M(a);
-      if (i === false) {
-        if (s === false && u === true) {
-          n.push(o), o = a, s = u;
+      const i = M(a);
+      if (u === false) {
+        if (s === false && i === true) {
+          n.push(o), o = a, s = i;
           continue;
         }
-        if (s === true && u === false && o.length > 1) {
+        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 = u;
+          n.push(o.slice(0, Math.max(0, o.length - 1))), o = f + a, s = i;
           continue;
         }
       }
-      o += a, s = u, i = c;
+      o += a, s = i, u = c;
     }
     return n.push(o), n;
   }
-  function k(e) {
+  function k$1(e) {
     return e ? e[0].toUpperCase() + e.slice(1) : "";
   }
-  function x$1(e) {
+  function V(e) {
     return e ? e[0].toLowerCase() + e.slice(1) : "";
   }
-  function V$1(e, t) {
-    return e ? (Array.isArray(e) ? e : $$1(e)).map((r) => k(r)).join("") : "";
-  }
-  function K(e, t) {
-    return x$1(V$1(e || ""));
+  function K$1(e, t) {
+    return e ? (Array.isArray(e) ? e : N(e)).map((r) => k$1(r)).join("") : "";
   }
   function q$1(e, t) {
-    return e ? (Array.isArray(e) ? e : $$1(e)).map((r) => r.toLowerCase()).join("-") : "";
+    return V(K$1(e || ""));
   }
-  function z$1(e) {
-    return `	${e}`;
+  function z$1(e, t) {
+    return e ? (Array.isArray(e) ? e : N(e)).map((r) => r.toLowerCase()).join("-") : "";
   }
   function H(e) {
+    return `	${e}`;
+  }
+  function Q$1(e) {
     return e.split(`
-`).map((t) => z$1(t)).join(`
+`).map((t) => H(t)).join(`
 `);
   }
-  function Q$1(e) {
+  function J$1(e) {
     return e === e.toUpperCase();
   }
   function Z$1(e) {
-    return K(e);
-  }
-  function J$1(e) {
     return q$1(e);
   }
   function W$1(e) {
-    return J$1(e);
+    return z$1(e);
+  }
+  function G$1(e) {
+    return W$1(e);
   }
   function O(e, t) {
-    return `${e.startsWith("--") ? e : W$1(e)}: ${t};`;
+    return `${e.startsWith("--") ? e : G$1(e)}: ${t};`;
   }
-  function G$1(e) {
+  function Y$1(e) {
     return `{${e.length > 0 ? `
-` : ""}${e.map((t) => `${H(`${t}`)}
+` : ""}${e.map((t) => `${Q$1(`${t}`)}
 `).join("")}}`;
   }
   function B(e) {
     return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
   }
-  function Y$1(e, t) {
+  function X$1(e, t) {
     return O(B(e), t);
   }
-  function X$1(e, t) {
+  function ee$1(e, t) {
     return `var(${B(e)}${t ? `, ${t}` : ""})`;
   }
-  function v$1(e, t) {
-    return `${e} ${G$1(t)}`;
+  function R$1(e, t) {
+    return `${e} ${Y$1(t)}`;
   }
-  function ee$1(e) {
+  function te$1(e) {
     return function(r, n) {
       return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
     };
@@ -105,66 +105,66 @@
   function E$1(e) {
     return function(r, n) {
       const s = (n.variables?.name ?? w)({ name: r.name });
-      return Y$1(s, e(r.value, n));
+      return X$1(s, e(r.value, n));
     };
   }
-  function C$1(e) {
-    const t = E$1(e), r = ee$1(e);
-    return function(o, s, i) {
-      const { variables: a, declarations: c, children: u } = s, f = o === ":root", l = (a ?? []).map(
-        (A2) => t(A2, i)
-      ), m = r(
+  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(
         c ?? {},
-        i
-      ), y = (u ?? []).map(
-        (A2) => e(A2, i)
-      ), p2 = l.length > 0, b = m.length > 0, S2 = y.length > 0;
-      return f ? `${p2 || b ? v$1(o, [
+        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, [
         ...l,
-        ...p2 && b ? [""] : [],
-        ...m
-      ]) : ""}${S2 && (p2 || b) ? `
+        ...p && b ? [""] : [],
+        ...m2
+      ]) : ""}${C2 && (p || b) ? `
 
 ` : ""}${y.join(`
 
-`)}` : v$1(o, [
+`)}` : R$1(o, [
         ...l,
-        ...p2 && (S2 || b) ? [""] : [],
-        ...m,
-        ...b && S2 ? [""] : [],
+        ...p && (C2 || b) ? [""] : [],
+        ...m2,
+        ...b && C2 ? [""] : [],
         ...y.flatMap(
-          (A2, F2) => F2 === y.length - 1 ? [A2] : [A2, ""]
+          (A2, _) => _ === y.length - 1 ? [A2] : [A2, ""]
         )
       ]);
     };
   }
-  function te$1(e) {
-    const t = C$1(e);
+  function re$1(e) {
+    const t = S$1(e);
     return function(n, o) {
-      const s = N.includes(n.identifier), i = L$1.includes(
+      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, u = n.children.length > 0, f = U(n.identifier, n.rule);
-      return s || i && !(a || c || u) ? `${f};` : t(f, n, o);
+      ), 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);
     };
   }
-  function re$1(e) {
+  function ne$1(e) {
     return function(r, n) {
       return r.value.map((o) => e(o, n)).join("").trim();
     };
   }
-  function ne$1(e) {
+  function oe(e) {
     return typeof e == "object" && e !== null;
   }
   function h(e, t) {
-    return ne$1(e) && "type" in e && e.type === t;
+    return oe(e) && "type" in e && e.type === t;
   }
-  function oe(e) {
+  function ce$1(e) {
     return h(e, "variable");
   }
-  function ce$1(e) {
+  function ue$1(e) {
     return h(e, "reference");
   }
-  function ue$1(e) {
+  function v$1(e) {
     return h(e, "selector");
   }
   function ie(e) {
@@ -202,47 +202,47 @@
     if (e = e || {}, e.circular)
       return ye$1(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(n(Array.from(u), a))
     ), t.set(
       Set,
-      (i, a) => new Set(n(Array.from(i), a))
+      (u, a) => new Set(n(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 });
+    function n(u, a) {
+      const c = Object.keys(u), i = Array.from({ length: c.length });
       for (let f = 0; f < c.length; f++) {
-        const l = c[f], m = 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], 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);
       }
-      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 o(u) {
+      if (typeof u != "object" || u === null) return u;
+      if (Array.isArray(u)) return n(u, o);
+      if (u.constructor !== Object && (r = t.get(u.constructor)))
+        return r(u, o);
       const a = {};
-      for (const c in i) {
-        if (Object.hasOwnProperty.call(i, c) === false) 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) === 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);
       }
       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 n(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] = g(i) : a[c] = s(i);
       }
       return a;
     }
@@ -251,76 +251,76 @@
     const t = [], r = [], n = /* @__PURE__ */ new Map();
     if (n.set(Date, (c) => new Date(c)), n.set(
       Map,
-      (c, u) => new Map(s(Array.from(c), u))
+      (c, i) => new Map(s(Array.from(c), i))
     ), n.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) {
+    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], p2 = c[y];
-        if (typeof p2 != "object" || p2 === null)
-          l[y] = p2;
-        else if (p2.constructor !== Object && (o = n.get(p2.constructor)))
-          l[y] = o(p2, u);
-        else if (ArrayBuffer.isView(p2))
-          l[y] = g(p2);
+      for (let m2 = 0; m2 < f.length; m2++) {
+        const y = f[m2], 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 (ArrayBuffer.isView(p))
+          l[y] = g(p);
         else {
-          const b = t.indexOf(p2);
-          b !== -1 ? l[y] = r[b] : l[y] = u(p2);
+          const b = t.indexOf(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 (Array.isArray(c)) return s(c, u);
       if (c.constructor !== Object && (o = n.get(c.constructor)))
-        return o(c, i);
-      const u = {};
-      t.push(c), r.push(u);
+        return o(c, u);
+      const i = {};
+      t.push(c), r.push(i);
       for (const f in c) {
         if (Object.hasOwnProperty.call(c, f) === false) continue;
         const l = c[f];
         if (typeof l != "object" || l === null)
-          u[f] = l;
+          i[f] = l;
         else if (l.constructor !== Object && (o = n.get(l.constructor)))
-          u[f] = o(l, i);
+          i[f] = o(l, u);
         else if (ArrayBuffer.isView(l))
-          u[f] = g(l);
+          i[f] = g(l);
         else {
-          const m = t.indexOf(l);
-          m !== -1 ? u[f] = r[m] : u[f] = i(l);
+          const m2 = t.indexOf(l);
+          m2 !== -1 ? i[f] = r[m2] : 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);
+      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;
+          i[f] = l;
         else if (l.constructor !== Object && (o = n.get(l.constructor)))
-          u[f] = o(l, a);
+          i[f] = o(l, a);
         else if (ArrayBuffer.isView(l))
-          u[f] = g(l);
+          i[f] = g(l);
         else {
-          const m = t.indexOf(l);
-          m !== -1 ? u[f] = r[m] : u[f] = a(l);
+          const m2 = t.indexOf(l);
+          m2 !== -1 ? i[f] = r[m2] : i[f] = a(l);
         }
       }
-      return t.pop(), r.pop(), u;
+      return t.pop(), r.pop(), i;
     }
   }
   pe$1();
@@ -332,17 +332,17 @@
   function he(e) {
     return function(r, n) {
       const s = (n.variables?.name ?? w)({ name: r.name });
-      return X$1(
+      return ee$1(
         s,
         r.fallback ? e(r.fallback, n) : void 0
       );
     };
   }
   function be(e) {
-    const t = C$1(e);
+    const t = S$1(e);
     return function(n, o) {
       return n.themes.reduce(
-        (s, i) => (s.push(e(i, o)), s),
+        (s, u) => (s.push(e(u, o)), s),
         [t(":root", n, o)]
         // Default theme (root)
       ).join(`
@@ -350,23 +350,23 @@
 `);
     };
   }
-  function Ae(e) {
-    const t = C$1(e);
+  function Ae$1(e) {
+    const t = S$1(e);
     return function(n, o) {
       return t(n.query, n, o);
     };
   }
-  function ge(e) {
-    const t = C$1(e);
+  function ge$1(e) {
+    const t = S$1(e);
     return function(n, o) {
-      const i = (o.themes?.selector ?? D)({ name: n.name });
-      return t(i, n, o);
+      const u = (o.themes?.selector ?? D)({ name: n.name });
+      return t(u, n, o);
     };
   }
-  function Ce(e) {
-    const t = C$1(e);
+  function Se(e) {
+    const t = S$1(e);
     return function(n, o) {
-      const s = [], a = (o.utilities?.selector ?? I$1)({
+      const s = [], a = (o.utilities?.selector ?? x$1)({
         name: n.name,
         value: n.value,
         modifiers: n.modifiers
@@ -377,9 +377,9 @@
     };
   }
   function d(e, t) {
-    const r = be(d), n = Ae(d), o = Ce(d), s = te$1(d), i = ge(d), a = E$1(d), c = he(d), u = re$1(d), f = de$1();
+    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();
     switch (true) {
-      case ue$1(e):
+      case v$1(e):
         return n(e, t);
       case se(e):
         return o(e, t);
@@ -388,24 +388,24 @@
       case T$1(e):
         return r(e, t);
       case le$1(e):
-        return i(e, t);
-      case oe(e):
-        return a(e, t);
+        return u(e, t);
       case ce$1(e):
+        return a(e, t);
+      case ue$1(e):
         return c(e, t);
       case ae$1(e):
-        return u(e, t);
+        return i(e, t);
       default:
         return f(e, t);
     }
   }
-  function Se(e) {
+  function Ce(e) {
     return function(r, n) {
-      let o = Z$1(r.name);
-      r.name[0] && Q$1(r.name[0]) && (o = me$1(o));
-      const s = `${o}Recipe`, i = r._runtime ?? {};
+      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 ?? {};
       return `const ${s} = ${JSON.stringify(
-        i,
+        u,
         null,
         4
       )} as const satisfies RecipeRuntime;
@@ -415,28 +415,45 @@ export const ${o} = createRecipe("${r.name}", ${s});
     };
   }
   function je(e) {
+    return e.filter(
+      (t) => v$1(t) && !!t._exportName
+    );
+  }
+  function ve(e) {
     return function(r, n) {
-      return r.recipes.length > 0 ? `import { createRecipe } from '@styleframe/runtime';
+      const o = je(r.children), s = r.recipes.length > 0, u = o.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, n))), u && a.push(e(o, n)), a.join(`
+`);
+    };
+  }
+  function Re$1(e) {
+    return function(r, n) {
+      return r._exportName ? `export const ${r._exportName} = ${JSON.stringify(r.query)};
+` : "";
     };
   }
   function j$1(e, t) {
-    const r = je(j$1), n = Se();
+    const r = ve(j$1), n = Ce(), o = Re$1();
     switch (true) {
       case Array.isArray(e):
-        return e.map((o) => j$1(o, t)).join(`
+        return e.map((s) => j$1(s, t)).join(`
 `);
       case T$1(e):
         return r(e, t);
       case fe$1(e):
         return n(e, t);
+      case v$1(e):
+        return o(e, t);
       default:
         return "";
     }
   }
-  const ve = `-----BEGIN PUBLIC KEY-----
+  const $e = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
 qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
 BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
@@ -444,8 +461,8 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, Re$1 = "__licenseRequired", we = "__licenseValidated";
-  async function $e(e) {
+-----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));
     return await crypto.subtle.importKey(
       "spki",
@@ -458,14 +475,14 @@ GwIDAQAB
       ["verify"]
     );
   }
-  async function Oe({
+  async function Be({
     payload: e,
     signature: t
   }) {
     const r = new TextEncoder().encode(e), n = Uint8Array.from(
       atob(t),
       (s) => s.charCodeAt(0)
-    ), o = await $e(ve);
+    ), o = await Oe($e);
     if (!await crypto.subtle.verify(
       { name: "RSASSA-PKCS1-v1_5" },
       o,
@@ -477,13 +494,13 @@ GwIDAQAB
       );
     return JSON.parse(e);
   }
-  function Be(e) {
-    return Object.prototype.hasOwnProperty.call(e, Re$1);
+  function Ee(e) {
+    return Object.prototype.hasOwnProperty.call(e, we);
   }
-  async function Ee(e) {
+  async function Te(e) {
     const t = Object.getOwnPropertyDescriptor(
       e,
-      we
+      Ne
     );
     if (!t?.value)
       return {
@@ -501,7 +518,7 @@ GwIDAQAB
         valid: false
       };
     try {
-      return await Oe(
+      return await Be(
         r
       );
     } catch {
@@ -513,7 +530,7 @@ GwIDAQAB
       };
     }
   }
-  function Te(e) {
+  function _e(e) {
     const t = Math.floor(Math.random() * 100);
     e.root.children.push({
       type: "selector",
@@ -537,30 +554,30 @@ GwIDAQAB
       }
     });
   }
-  function R$1(e, t = "") {
+  function $(e, t = "") {
     return {
       name: e,
       content: t
     };
   }
-  async function Ne(e, {
+  async function Le(e, {
     type: t = "all",
     consumers: r = { css: d, ts: j$1 }
   } = {}) {
     const n = { files: [] }, o = e.options;
-    if (Be(e)) {
-      const s = await Ee(e);
-      (!s.valid || s.instanceId !== e.id) && Te(e);
+    if (Ee(e)) {
+      const s = await Te(e);
+      (!s.valid || s.instanceId !== e.id) && _e(e);
     }
     if (t === "all" || t === "css") {
-      const s = R$1(
+      const s = $(
         "index.css",
         r.css(e.root, o)
       );
       n.files.push(s);
     }
     if (t === "all" || t === "ts") {
-      const s = R$1(
+      const s = $(
         "index.ts",
         r.ts(e.root, o)
       );
@@ -582,7 +599,7 @@ GwIDAQAB
       environment: process.env.NODE_ENV || "development",
       isBuild: true
     });
-    const output = await Ne(instance, transpiler);
+    const output = await Le(instance, transpiler);
     const outputDirExists = await directoryExists(outputDir);
     if (clean && outputDirExists) {
       await promises.rm(outputDir, { recursive: true });
@@ -597,32 +614,38 @@ GwIDAQAB
       await promises.writeFile(filePath, file.content);
     }
   }
-  function S(e) {
+  function K(e) {
     return typeof e == "object" && e !== null;
   }
-  function p(e, r) {
-    return S(e) && "type" in e && e.type === r;
+  function m(e, r) {
+    return K(e) && "type" in e && e.type === r;
   }
   function L(e) {
-    return p(e, "variable");
+    return m(e, "variable");
   }
   function A(e) {
-    return p(e, "reference");
+    return m(e, "reference");
+  }
+  function ge(e) {
+    return m(e, "selector");
   }
   function q(e) {
-    return p(e, "modifier");
+    return m(e, "modifier");
   }
   function E(e) {
-    return p(e, "css");
+    return m(e, "css");
+  }
+  function Ae(e) {
+    return m(e, "recipe");
   }
   function G(e) {
     return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
   }
-  function $(e) {
-    return G(e) || A(e) || E(e) || Array.isArray(e) && e.every($);
+  function U(e) {
+    return G(e) || A(e) || E(e) || Array.isArray(e) && e.every(U);
   }
   function I(e) {
-    return S(e) && "children" in e && "declarations" in e && "variables" in e;
+    return K(e) && "children" in e && "declarations" in e && "variables" in e;
   }
   function z(e = (r) => r) {
     return (r) => {
@@ -647,7 +670,7 @@ GwIDAQAB
       };
     };
   }
-  function C(e, r) {
+  function S(e, r) {
     return function(t, i, c) {
       const o = {
         type: "at-rule",
@@ -657,17 +680,17 @@ GwIDAQAB
         variables: [],
         children: []
       }, u = v(o, r);
-      return typeof c == "function" ? o.declarations = c(u) ?? {} : c && (o.declarations = c), V(o.declarations, u), e.children.push(o), o;
+      return typeof c == "function" ? o.declarations = c(u) ?? {} : c && (o.declarations = c), k(o.declarations, u), e.children.push(o), o;
     };
   }
   function Y(e, r) {
-    const n = C(e, r);
+    const n = S(e, r);
     return function(i, c) {
       return n("media", i, c);
     };
   }
   function Z(e, r) {
-    const n = C(e, r);
+    const n = S(e, r);
     return function(i, c) {
       return n("keyframes", i, c);
     };
@@ -694,7 +717,7 @@ GwIDAQAB
         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, V(c.declarations, o), e.children.push(c), c;
+      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;
     };
   }
   function X(e, r) {
@@ -717,7 +740,7 @@ GwIDAQAB
     };
   }
   function v(e, r) {
-    const n = X(e), t = Q(e, r), i = C(e, r), c = Z(r, r), o = Y(e, r), u = J(), s = W();
+    const n = X(e), t = Q(e, r), i = S(e, r), c = Z(r, r), o = Y(e, r), u = J(), s = W();
     return {
       variable: n,
       selector: t,
@@ -728,11 +751,11 @@ GwIDAQAB
       css: s
     };
   }
-  function V(e, r) {
+  function k(e, r) {
     for (const n in e)
       if (n.startsWith("@")) {
         const t = e[n];
-        if (typeof t == "object" && t !== null && !$(t)) {
+        if (typeof t == "object" && t !== null && !U(t)) {
           const i = n.replace(/^@(\w+).*/, "$1"), c = n.replace(`@${i}`, "").trim();
           r.atRule(i, c, t), delete e[n];
         }
@@ -817,16 +840,16 @@ GwIDAQAB
     function c(s, f) {
       const l = Object.keys(s), a = Array.from({ length: l.length });
       for (let y = 0; y < l.length; y++) {
-        const m = l[y], d2 = s[m];
+        const p = l[y], d2 = s[p];
         if (typeof d2 != "object" || d2 === null)
-          a[m] = d2;
+          a[p] = d2;
         else if (d2.constructor !== Object && (i = t.get(d2.constructor)))
-          a[m] = i(d2, f);
+          a[p] = i(d2, f);
         else if (ArrayBuffer.isView(d2))
-          a[m] = j(d2);
+          a[p] = j(d2);
         else {
           const h2 = r.indexOf(d2);
-          h2 !== -1 ? a[m] = n[h2] : a[m] = f(d2);
+          h2 !== -1 ? a[p] = n[h2] : a[p] = f(d2);
         }
       }
       return a;
@@ -922,7 +945,7 @@ GwIDAQAB
         declarations: R(t.declarations),
         variables: R(t.variables),
         children: R(t.children)
-      }), V(t.declarations, i);
+      }), k(t.declarations, i);
     return t;
   }
   function ue(e, r) {
@@ -970,7 +993,7 @@ GwIDAQAB
           for (const [l, a] of Object.entries(f)) {
             const y = o.values.find(
               (h2) => h2.key === l && h2.modifiers.length === 0
-            ), m = {
+            ), p = {
               type: "utility",
               name: t,
               value: l,
@@ -979,32 +1002,32 @@ GwIDAQAB
               children: [],
               modifiers: []
             }, d2 = v(
-              m,
+              p,
               r
             );
-            if (m.declarations = i({
+            if (p.declarations = i({
               ...d2,
               value: a
-            }) ?? {}, V(m.declarations, d2), y || (o.values.push({
+            }) ?? {}, k(p.declarations, d2), y || (o.values.push({
               key: l,
               value: a,
               modifiers: []
-            }), e.children.push(m)), s && s.length > 0) {
-              const h2 = s.map((b) => b.key), H2 = ce(h2).filter((b) => !o.values.find(
-                (g2) => g2.key === l && g2.modifiers.length === b.length && g2.modifiers.every((w2) => b.includes(w2))
-              )).reduce((b, g2) => {
+            }), 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 K2 of g2) {
-                  const k2 = s.find(
-                    (N2) => N2.key.includes(K2)
+                for (const $2 of b) {
+                  const V2 = s.find(
+                    (N2) => N2.key.includes($2)
                   );
-                  k2 && q(k2) && w2.set(K2, k2);
+                  V2 && q(V2) && w2.set($2, V2);
                 }
                 return o.values.push({
                   key: l,
                   value: a,
-                  modifiers: g2
-                }), b.push(fe(m, r, w2)), b;
+                  modifiers: b
+                }), g2.push(fe(p, r, w2)), g2;
               }, []);
               e.children.push(...H2);
             }
@@ -1034,10 +1057,10 @@ GwIDAQAB
         type: "recipe",
         ...t
       };
-      return i._runtime = me(i, r), pe(i, r), r.recipes.push(i), i;
+      return i._runtime = pe(i, r), me(i, r), r.recipes.push(i), i;
     };
   }
-  function _(e, r) {
+  function C(e, r) {
     const n = e.autogenerate(r);
     return Object.keys(n)[0] ?? "default";
   }
@@ -1048,21 +1071,25 @@ GwIDAQAB
         const c = {};
         for (const [o, u] of Object.entries(i)) {
           const s = T(r, o);
-          s && (c[o] = _(
+          s ? c[o] = C(
             s,
             u
-          ));
+          ) : console.warn(
+            `[styleframe] Utility "${o}" 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, i));
+        c ? n[t] = C(c, i) : console.warn(
+          `[styleframe] Utility "${t}" not found in registry. Skipping runtime generation for this declaration.`
+        );
       }
     return n;
   }
-  function me(e, r) {
+  function pe(e, r) {
     const n = {};
     if (e.base && (n.base = F(e.base, r)), e.variants) {
       const t = {};
@@ -1107,7 +1134,7 @@ GwIDAQAB
     const t = r.replace(/[A-Z]/g, (i) => `-${i.toLowerCase()}`);
     return e.utilities.find((i) => i.name === t);
   }
-  function pe(e, r) {
+  function me(e, r) {
     const n = /* @__PURE__ */ new Map();
     if (e.base && x(e.base, n), e.variants)
       for (const i of Object.values(e.variants))
@@ -1150,7 +1177,7 @@ GwIDAQAB
     }
   }
   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: m, css: d2 } = v(n, n);
+    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);
     return {
       id: r,
       root: n,
@@ -1163,46 +1190,90 @@ GwIDAQAB
       atRule: l,
       keyframes: a,
       media: y,
-      ref: m,
+      ref: p,
       css: d2,
       options: t
     };
   }
+  const SUPPORTED_EXTENSIONS = [".ts", ".mts", ".cts", ".js", ".mjs", ".cjs"];
+  function hasKnownExtension(filePath) {
+    return SUPPORTED_EXTENSIONS.some((ext) => filePath.endsWith(ext));
+  }
+  function resolveConfigFile(cwd, entry) {
+    const basePath = path.isAbsolute(entry) ? entry : path.join(cwd, entry);
+    if (hasKnownExtension(basePath)) {
+      return node_fs.existsSync(basePath) ? basePath : void 0;
+    }
+    for (const ext of SUPPORTED_EXTENSIONS) {
+      const filePath = `${basePath}${ext}`;
+      if (node_fs.existsSync(filePath)) {
+        return filePath;
+      }
+    }
+    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(),
-    configFile = "styleframe.config"
+    entry = "styleframe.config"
   } = {}) {
-    const { config } = await c12.loadConfig({
-      cwd,
-      configFile,
-      defaults: Re()
+    const resolvedPath = resolveConfigFile(cwd, entry);
+    if (!resolvedPath) {
+      return Re();
+    }
+    const jiti$1 = jiti.createJiti(path.dirname(resolvedPath), {
+      fsCache: false,
+      moduleCache: false
     });
-    return config;
-  }
-  async function loadConfigurationFromPath(entry) {
-    const entryPath = path.resolve(entry);
-    const cwd = path.dirname(entryPath);
-    const configFile = path.basename(entryPath).replace(/(\.ts)?$/, "");
-    return await loadConfiguration({ cwd, configFile });
+    const module2 = await jiti$1.import(resolvedPath);
+    if (!module2.default) {
+      throw new Error(
+        `Missing default export in ${resolvedPath}. Expected a Styleframe instance.`
+      );
+    }
+    trackNamedExports(module2);
+    return module2.default;
   }
   async function watchConfiguration({
-    cwd = process.cwd()
+    cwd = process.cwd(),
+    entry = "styleframe.config",
+    onUpdate,
+    onError
   } = {}) {
-    return await c12.watchConfig({
-      cwd,
-      name: "styleframe",
-      acceptHMR({ getDiff }) {
-        const diff = getDiff();
-        if (diff.length === 0) {
-          return true;
-        }
+    const resolvedPath = resolveConfigFile(cwd, entry);
+    if (!resolvedPath) {
+      throw new Error(`Config file not found: ${entry}`);
+    }
+    const watcher = chokidar.watch(resolvedPath, { ignoreInitial: true });
+    watcher.on("change", async () => {
+      try {
+        const config = await loadConfiguration({ entry: resolvedPath });
+        onUpdate?.(config);
+      } catch (error) {
+        onError?.(error instanceof Error ? error : new Error(String(error)));
       }
     });
+    watcher.on("unlink", () => {
+      onError?.(new Error(`Config file was deleted: ${resolvedPath}`));
+    });
+    return {
+      config: await loadConfiguration({ entry: resolvedPath }),
+      configFile: resolvedPath,
+      unwatch: () => watcher.close()
+    };
   }
   exports2.build = build;
   exports2.directoryExists = directoryExists;
   exports2.loadConfiguration = loadConfiguration;
-  exports2.loadConfigurationFromPath = loadConfigurationFromPath;
   exports2.watchConfiguration = watchConfiguration;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 }));