@styleframe/loader 2.3.0 → 2.4.0

package/dist/index.js

@@ -1,170 +1,172 @@
 import { stat, rm, mkdir, writeFile } from "node:fs/promises";
 import path from "node:path";
 import { validateInstanceLicense, getLicenseKeyFromEnv } from "@styleframe/license";
-import { loadConfig, watchConfig } from "c12";
-const N = ["charset", "import", "namespace"], L$1 = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I$1 = ({
+import { watch } from "chokidar";
+import { createJiti } from "jiti";
+import { existsSync } from "node:fs";
+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 = /\d/, P$1 = ["-", "_", "/", "."];
 function M(e = "") {
-  if (!_$1.test(e))
+  if (!U.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) {
   return e ? e[0].toUpperCase() + e.slice(1) : "";
 }
-function x$1(e) {
+function V$1(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 q$1(e, t) {
+  return e ? (Array.isArray(e) ? e : N(e)).map((r) => k(r)).join("") : "";
 }
 function K(e, t) {
-  return x$1(V$1(e || ""));
+  return V$1(q$1(e || ""));
 }
-function q$1(e, t) {
-  return e ? (Array.isArray(e) ? e : $$1(e)).map((r) => r.toLowerCase()).join("-") : "";
+function z$1(e, t) {
+  return e ? (Array.isArray(e) ? e : N(e)).map((r) => r.toLowerCase()).join("-") : "";
 }
-function z$1(e) {
+function H(e) {
   return `	${e}`;
 }
-function H(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) {
+function E$1(e) {
   return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
 }
-function Y$1(e, t) {
-  return O(B(e), t);
-}
 function X$1(e, t) {
-  return `var(${B(e)}${t ? `, ${t}` : ""})`;
+  return O(E$1(e), t);
 }
-function v$1(e, t) {
-  return `${e} ${G$1(t)}`;
+function ee$1(e, t) {
+  return `var(${E$1(e)}${t ? `, ${t}` : ""})`;
 }
-function ee$1(e) {
+function R$1(e, t) {
+  return `${e} ${Y$1(t)}`;
+}
+function te$1(e) {
   return function(r, n) {
     return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
   };
 }
-function E$1(e) {
+function B(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)
+function S$1(e) {
+  const t = B(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)
     ), m = 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)
+    ), p2 = l.length > 0, b = m.length > 0, C2 = y.length > 0;
+    return f ? `${p2 || b ? R$1(o, [
       ...l,
       ...p2 && b ? [""] : [],
       ...m
-    ]) : ""}${S2 && (p2 || b) ? `
+    ]) : ""}${C2 && (p2 || b) ? `
 
 ` : ""}${y.join(`
 
-`)}` : v$1(o, [
+`)}` : R$1(o, [
       ...l,
-      ...p2 && (S2 || b) ? [""] : [],
+      ...p2 && (C2 || b) ? [""] : [],
       ...m,
-      ...b && S2 ? [""] : [],
+      ...b && C2 ? [""] : [],
       ...y.flatMap(
-        (A2, F2) => F2 === y.length - 1 ? [A2] : [A2, ""]
+        (A2, _2) => _2 === 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 +204,47 @@ function pe$1(e) {
   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], m = u[l];
+      typeof m != "object" || m === null ? i[l] = m : m.constructor !== Object && (r = t.get(m.constructor)) ? i[l] = r(m, a) : ArrayBuffer.isView(m) ? i[l] = g(m) : i[l] = a(m);
     }
-    return 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 +253,76 @@ function ye$1(e) {
   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);
+        l[y] = o(p2, i);
       else if (ArrayBuffer.isView(p2))
         l[y] = g(p2);
       else {
         const b = t.indexOf(p2);
-        b !== -1 ? l[y] = r[b] : l[y] = u(p2);
+        b !== -1 ? l[y] = r[b] : l[y] = i(p2);
       }
     }
     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);
+        m !== -1 ? i[f] = r[m] : i[f] = u(l);
       }
     }
-    return t.pop(), r.pop(), u;
+    return t.pop(), r.pop(), i;
   }
   function a(c) {
     if (typeof c != "object" || c === null) return c;
     if (Array.isArray(c)) return s(c, a);
     if (c.constructor !== Object && (o = n.get(c.constructor)))
       return o(c, a);
-    const u = {};
-    t.push(c), r.push(u);
+    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);
+        m !== -1 ? i[f] = r[m] : i[f] = a(l);
       }
     }
-    return t.pop(), r.pop(), u;
+    return t.pop(), r.pop(), i;
   }
 }
 pe$1();
@@ -332,17 +334,17 @@ function de$1(e) {
 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);
+function be$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 +352,23 @@ function be(e) {
 `);
   };
 }
-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);
+  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 +379,9 @@ function Ce(e) {
   };
 }
 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$1(d), n = Ae$1(d), o = Se(d), s = re$1(d), u = ge(d), a = B(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 +390,24 @@ function d(e, t) {
     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 +417,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 +463,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 +477,14 @@ async function $e(e) {
     ["verify"]
   );
 }
-async function Oe({
+async function Ee({
   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,
@@ -478,12 +497,12 @@ async function Oe({
   return JSON.parse(e);
 }
 function Be(e) {
-  return Object.prototype.hasOwnProperty.call(e, Re$1);
+  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 +520,7 @@ async function Ee(e) {
       valid: false
     };
   try {
-    return await Oe(
+    return await Ee(
       r
     );
   } catch {
@@ -513,7 +532,7 @@ async function Ee(e) {
     };
   }
 }
-function Te(e) {
+function _e(e) {
   const t = Math.floor(Math.random() * 100);
   e.root.children.push({
     type: "selector",
@@ -537,30 +556,30 @@ function Te(e) {
     }
   });
 }
-function R$1(e, t = "") {
+function $$1(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);
+    const s = await Te(e);
+    (!s.valid || s.instanceId !== e.id) && _e(e);
   }
   if (t === "all" || t === "css") {
-    const s = R$1(
+    const s = $$1(
       "index.css",
       r.css(e.root, o)
     );
     n.files.push(s);
   }
   if (t === "all" || t === "ts") {
-    const s = R$1(
+    const s = $$1(
       "index.ts",
       r.ts(e.root, o)
     );
@@ -582,7 +601,7 @@ async function build(instance, { clean = true, outputDir = "./styleframe", trans
     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 rm(outputDir, { recursive: true });
@@ -609,12 +628,18 @@ function L(e) {
 function A(e) {
   return p(e, "reference");
 }
+function be(e) {
+  return p(e, "selector");
+}
 function q(e) {
   return p(e, "modifier");
 }
 function E(e) {
   return p(e, "css");
 }
+function Ae(e) {
+  return p(e, "recipe");
+}
 function G(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
 }
@@ -1168,41 +1193,82 @@ function Re(e) {
     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 existsSync(basePath) ? basePath : void 0;
+  }
+  for (const ext of SUPPORTED_EXTENSIONS) {
+    const filePath = `${basePath}${ext}`;
+    if (existsSync(filePath)) {
+      return filePath;
+    }
+  }
+  return void 0;
+}
+function trackNamedExports(module) {
+  for (const [exportName, exportValue] of Object.entries(module)) {
+    if (exportName === "default") continue;
+    if (Ae(exportValue)) {
+      exportValue._exportName = exportName;
+    } else if (be(exportValue)) {
+      exportValue._exportName = exportName;
+    }
+  }
+}
 async function loadConfiguration({
   cwd = process.cwd(),
-  configFile = "styleframe.config"
+  entry = "styleframe.config"
 } = {}) {
-  const { config } = await loadConfig({
-    cwd,
-    configFile,
-    defaults: Re()
-  });
-  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 resolvedPath = resolveConfigFile(cwd, entry);
+  if (!resolvedPath) {
+    return Re();
+  }
+  const jiti = createJiti(path.dirname(resolvedPath), { cache: false });
+  const module = await jiti.import(resolvedPath);
+  if (!module.default) {
+    throw new Error(
+      `Missing default export in ${resolvedPath}. Expected a Styleframe instance.`
+    );
+  }
+  trackNamedExports(module);
+  return module.default;
 }
 async function watchConfiguration({
-  cwd = process.cwd()
+  cwd = process.cwd(),
+  entry = "styleframe.config",
+  onUpdate,
+  onError
 } = {}) {
-  return await 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 = 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()
+  };
 }
 export {
   build,
   directoryExists,
   loadConfiguration,
-  loadConfigurationFromPath,
   watchConfiguration
 };