@styleframe/loader 2.4.0 → 2.4.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @styleframe/loader
 
+## 2.4.1
+
+### Patch Changes
+
+- [#113](https://github.com/styleframe-dev/styleframe/pull/113) [`b73095f`](https://github.com/styleframe-dev/styleframe/commit/b73095f114ef41158ab552e2784500215393b294) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Improve color previews and HMR handling
+  - Fix caching configuration in loader to use fsCache and moduleCache options
+  - Add HMR refetch handling for .styleframe.css virtual imports
+  - Update SwatchCard styling with proper footer alignment and better contrast
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -10,9 +10,9 @@
   function I$1(e, t) {
     return `@${e}${t ? " " : ""}${t}`;
   }
-  const U = /\d/, P$1 = ["-", "_", "/", "."];
+  const U$1 = /\d/, P$1 = ["-", "_", "/", "."];
   function M(e = "") {
-    if (!U.test(e))
+    if (!U$1.test(e))
       return e !== e.toLowerCase();
   }
   function N(e, t) {
@@ -42,17 +42,17 @@
     }
     return n.push(o), n;
   }
-  function k(e) {
+  function k$1(e) {
     return e ? e[0].toUpperCase() + e.slice(1) : "";
   }
-  function V$1(e) {
+  function V(e) {
     return e ? e[0].toLowerCase() + e.slice(1) : "";
   }
-  function q$1(e, t) {
-    return e ? (Array.isArray(e) ? e : N(e)).map((r) => k(r)).join("") : "";
+  function K$1(e, t) {
+    return e ? (Array.isArray(e) ? e : N(e)).map((r) => k$1(r)).join("") : "";
   }
-  function K(e, t) {
-    return V$1(q$1(e || ""));
+  function q$1(e, t) {
+    return V(K$1(e || ""));
   }
   function z$1(e, t) {
     return e ? (Array.isArray(e) ? e : N(e)).map((r) => r.toLowerCase()).join("-") : "";
@@ -69,7 +69,7 @@
     return e === e.toUpperCase();
   }
   function Z$1(e) {
-    return K(e);
+    return q$1(e);
   }
   function W$1(e) {
     return z$1(e);
@@ -85,14 +85,14 @@
 ` : ""}${e.map((t) => `${Q$1(`${t}`)}
 `).join("")}}`;
   }
-  function E$1(e) {
+  function B(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(E$1(e), t);
+    return O(B(e), t);
   }
   function ee$1(e, t) {
-    return `var(${E$1(e)}${t ? `, ${t}` : ""})`;
+    return `var(${B(e)}${t ? `, ${t}` : ""})`;
   }
   function R$1(e, t) {
     return `${e} ${Y$1(t)}`;
@@ -102,38 +102,38 @@
       return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
     };
   }
-  function B(e) {
+  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 S$1(e) {
-    const t = B(e), r = te$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)
-      ), m = r(
+      ), m2 = r(
         c ?? {},
         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, [
+      ), p = l.length > 0, b = m2.length > 0, C2 = y.length > 0;
+      return f ? `${p || b ? R$1(o, [
         ...l,
-        ...p2 && b ? [""] : [],
-        ...m
-      ]) : ""}${C2 && (p2 || b) ? `
+        ...p && b ? [""] : [],
+        ...m2
+      ]) : ""}${C2 && (p || b) ? `
 
 ` : ""}${y.join(`
 
 `)}` : R$1(o, [
         ...l,
-        ...p2 && (C2 || b) ? [""] : [],
-        ...m,
+        ...p && (C2 || b) ? [""] : [],
+        ...m2,
         ...b && C2 ? [""] : [],
         ...y.flatMap(
-          (A2, _2) => _2 === y.length - 1 ? [A2] : [A2, ""]
+          (A2, _) => _ === y.length - 1 ? [A2] : [A2, ""]
         )
       ]);
     };
@@ -216,8 +216,8 @@
     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 = 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);
+        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 i;
     }
@@ -262,17 +262,17 @@
     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, i);
-        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] = i(p2);
+          const b = t.indexOf(p);
+          b !== -1 ? l[y] = r[b] : l[y] = i(p);
         }
       }
       return l;
@@ -294,8 +294,8 @@
         else if (ArrayBuffer.isView(l))
           i[f] = g(l);
         else {
-          const m = t.indexOf(l);
-          m !== -1 ? i[f] = r[m] : i[f] = u(l);
+          const m2 = t.indexOf(l);
+          m2 !== -1 ? i[f] = r[m2] : i[f] = u(l);
         }
       }
       return t.pop(), r.pop(), i;
@@ -316,8 +316,8 @@
         else if (ArrayBuffer.isView(l))
           i[f] = g(l);
         else {
-          const m = t.indexOf(l);
-          m !== -1 ? i[f] = r[m] : i[f] = a(l);
+          const m2 = t.indexOf(l);
+          m2 !== -1 ? i[f] = r[m2] : i[f] = a(l);
         }
       }
       return t.pop(), r.pop(), i;
@@ -338,7 +338,7 @@
       );
     };
   }
-  function be$1(e) {
+  function be(e) {
     const t = S$1(e);
     return function(n, o) {
       return n.themes.reduce(
@@ -356,7 +356,7 @@
       return t(n.query, n, o);
     };
   }
-  function ge(e) {
+  function ge$1(e) {
     const t = S$1(e);
     return function(n, o) {
       const u = (o.themes?.selector ?? D)({ name: n.name });
@@ -377,7 +377,7 @@
     };
   }
   function d(e, t) {
-    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();
+    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 v$1(e):
         return n(e, t);
@@ -475,7 +475,7 @@ GwIDAQAB
       ["verify"]
     );
   }
-  async function Ee({
+  async function Be({
     payload: e,
     signature: t
   }) {
@@ -494,7 +494,7 @@ GwIDAQAB
       );
     return JSON.parse(e);
   }
-  function Be(e) {
+  function Ee(e) {
     return Object.prototype.hasOwnProperty.call(e, we);
   }
   async function Te(e) {
@@ -518,7 +518,7 @@ GwIDAQAB
         valid: false
       };
     try {
-      return await Ee(
+      return await Be(
         r
       );
     } catch {
@@ -554,7 +554,7 @@ GwIDAQAB
       }
     });
   }
-  function $$1(e, t = "") {
+  function $(e, t = "") {
     return {
       name: e,
       content: t
@@ -565,19 +565,19 @@ GwIDAQAB
     consumers: r = { css: d, ts: j$1 }
   } = {}) {
     const n = { files: [] }, o = e.options;
-    if (Be(e)) {
+    if (Ee(e)) {
       const s = await Te(e);
       (!s.valid || s.instanceId !== e.id) && _e(e);
     }
     if (t === "all" || t === "css") {
-      const s = $$1(
+      const s = $(
         "index.css",
         r.css(e.root, o)
       );
       n.files.push(s);
     }
     if (t === "all" || t === "ts") {
-      const s = $$1(
+      const s = $(
         "index.ts",
         r.ts(e.root, o)
       );
@@ -614,38 +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 be(e) {
-    return p(e, "selector");
+  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 p(e, "recipe");
+    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) => {
@@ -670,7 +670,7 @@ GwIDAQAB
       };
     };
   }
-  function C(e, r) {
+  function S(e, r) {
     return function(t, i, c) {
       const o = {
         type: "at-rule",
@@ -680,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);
     };
@@ -717,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) {
@@ -740,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,
@@ -751,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];
         }
@@ -840,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;
@@ -945,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) {
@@ -993,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,
@@ -1002,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);
             }
@@ -1057,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";
   }
@@ -1071,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 = {};
@@ -1130,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))
@@ -1173,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,
@@ -1186,7 +1190,7 @@ GwIDAQAB
       atRule: l,
       keyframes: a,
       media: y,
-      ref: m,
+      ref: p,
       css: d2,
       options: t
     };
@@ -1213,7 +1217,7 @@ GwIDAQAB
       if (exportName === "default") continue;
       if (Ae(exportValue)) {
         exportValue._exportName = exportName;
-      } else if (be(exportValue)) {
+      } else if (ge(exportValue)) {
         exportValue._exportName = exportName;
       }
     }
@@ -1226,7 +1230,10 @@ GwIDAQAB
     if (!resolvedPath) {
       return Re();
     }
-    const jiti$1 = jiti.createJiti(path.dirname(resolvedPath), { cache: false });
+    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(

package/dist/index.js

@@ -12,9 +12,9 @@ const F$1 = ["charset", "import", "namespace"], L$1 = ["layer"], D = ({ name: e
 function I$1(e, t) {
   return `@${e}${t ? " " : ""}${t}`;
 }
-const U = /\d/, P$1 = ["-", "_", "/", "."];
+const U$1 = /\d/, P$1 = ["-", "_", "/", "."];
 function M(e = "") {
-  if (!U.test(e))
+  if (!U$1.test(e))
     return e !== e.toLowerCase();
 }
 function N(e, t) {
@@ -44,17 +44,17 @@ function N(e, t) {
   }
   return n.push(o), n;
 }
-function k(e) {
+function k$1(e) {
   return e ? e[0].toUpperCase() + e.slice(1) : "";
 }
-function V$1(e) {
+function V(e) {
   return e ? e[0].toLowerCase() + e.slice(1) : "";
 }
-function q$1(e, t) {
-  return e ? (Array.isArray(e) ? e : N(e)).map((r) => k(r)).join("") : "";
+function K$1(e, t) {
+  return e ? (Array.isArray(e) ? e : N(e)).map((r) => k$1(r)).join("") : "";
 }
-function K(e, t) {
-  return V$1(q$1(e || ""));
+function q$1(e, t) {
+  return V(K$1(e || ""));
 }
 function z$1(e, t) {
   return e ? (Array.isArray(e) ? e : N(e)).map((r) => r.toLowerCase()).join("-") : "";
@@ -71,7 +71,7 @@ function J$1(e) {
   return e === e.toUpperCase();
 }
 function Z$1(e) {
-  return K(e);
+  return q$1(e);
 }
 function W$1(e) {
   return z$1(e);
@@ -87,14 +87,14 @@ function Y$1(e) {
 ` : ""}${e.map((t) => `${Q$1(`${t}`)}
 `).join("")}}`;
 }
-function E$1(e) {
+function B(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(E$1(e), t);
+  return O(B(e), t);
 }
 function ee$1(e, t) {
-  return `var(${E$1(e)}${t ? `, ${t}` : ""})`;
+  return `var(${B(e)}${t ? `, ${t}` : ""})`;
 }
 function R$1(e, t) {
   return `${e} ${Y$1(t)}`;
@@ -104,38 +104,38 @@ function te$1(e) {
     return Object.entries(r).map(([o, s]) => O(o, e(s, n)));
   };
 }
-function B(e) {
+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 S$1(e) {
-  const t = B(e), r = te$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)
-    ), m = r(
+    ), m2 = r(
       c ?? {},
       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, [
+    ), p = l.length > 0, b = m2.length > 0, C2 = y.length > 0;
+    return f ? `${p || b ? R$1(o, [
       ...l,
-      ...p2 && b ? [""] : [],
-      ...m
-    ]) : ""}${C2 && (p2 || b) ? `
+      ...p && b ? [""] : [],
+      ...m2
+    ]) : ""}${C2 && (p || b) ? `
 
 ` : ""}${y.join(`
 
 `)}` : R$1(o, [
       ...l,
-      ...p2 && (C2 || b) ? [""] : [],
-      ...m,
+      ...p && (C2 || b) ? [""] : [],
+      ...m2,
       ...b && C2 ? [""] : [],
       ...y.flatMap(
-        (A2, _2) => _2 === y.length - 1 ? [A2] : [A2, ""]
+        (A2, _) => _ === y.length - 1 ? [A2] : [A2, ""]
       )
     ]);
   };
@@ -218,8 +218,8 @@ function pe$1(e) {
   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 = 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);
+      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 i;
   }
@@ -264,17 +264,17 @@ function ye$1(e) {
   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, i);
-      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] = i(p2);
+        const b = t.indexOf(p);
+        b !== -1 ? l[y] = r[b] : l[y] = i(p);
       }
     }
     return l;
@@ -296,8 +296,8 @@ function ye$1(e) {
       else if (ArrayBuffer.isView(l))
         i[f] = g(l);
       else {
-        const m = t.indexOf(l);
-        m !== -1 ? i[f] = r[m] : i[f] = u(l);
+        const m2 = t.indexOf(l);
+        m2 !== -1 ? i[f] = r[m2] : i[f] = u(l);
       }
     }
     return t.pop(), r.pop(), i;
@@ -318,8 +318,8 @@ function ye$1(e) {
       else if (ArrayBuffer.isView(l))
         i[f] = g(l);
       else {
-        const m = t.indexOf(l);
-        m !== -1 ? i[f] = r[m] : i[f] = a(l);
+        const m2 = t.indexOf(l);
+        m2 !== -1 ? i[f] = r[m2] : i[f] = a(l);
       }
     }
     return t.pop(), r.pop(), i;
@@ -340,7 +340,7 @@ function he(e) {
     );
   };
 }
-function be$1(e) {
+function be(e) {
   const t = S$1(e);
   return function(n, o) {
     return n.themes.reduce(
@@ -358,7 +358,7 @@ function Ae$1(e) {
     return t(n.query, n, o);
   };
 }
-function ge(e) {
+function ge$1(e) {
   const t = S$1(e);
   return function(n, o) {
     const u = (o.themes?.selector ?? D)({ name: n.name });
@@ -379,7 +379,7 @@ function Se(e) {
   };
 }
 function d(e, t) {
-  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();
+  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 v$1(e):
       return n(e, t);
@@ -477,7 +477,7 @@ async function Oe(e) {
     ["verify"]
   );
 }
-async function Ee({
+async function Be({
   payload: e,
   signature: t
 }) {
@@ -496,7 +496,7 @@ async function Ee({
     );
   return JSON.parse(e);
 }
-function Be(e) {
+function Ee(e) {
   return Object.prototype.hasOwnProperty.call(e, we);
 }
 async function Te(e) {
@@ -520,7 +520,7 @@ async function Te(e) {
       valid: false
     };
   try {
-    return await Ee(
+    return await Be(
       r
     );
   } catch {
@@ -556,7 +556,7 @@ function _e(e) {
     }
   });
 }
-function $$1(e, t = "") {
+function $(e, t = "") {
   return {
     name: e,
     content: t
@@ -567,19 +567,19 @@ async function Le(e, {
   consumers: r = { css: d, ts: j$1 }
 } = {}) {
   const n = { files: [] }, o = e.options;
-  if (Be(e)) {
+  if (Ee(e)) {
     const s = await Te(e);
     (!s.valid || s.instanceId !== e.id) && _e(e);
   }
   if (t === "all" || t === "css") {
-    const s = $$1(
+    const s = $(
       "index.css",
       r.css(e.root, o)
     );
     n.files.push(s);
   }
   if (t === "all" || t === "ts") {
-    const s = $$1(
+    const s = $(
       "index.ts",
       r.ts(e.root, o)
     );
@@ -616,38 +616,38 @@ async function build(instance, { clean = true, outputDir = "./styleframe", trans
     await 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 be(e) {
-  return p(e, "selector");
+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 p(e, "recipe");
+  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) => {
@@ -672,7 +672,7 @@ function W(e, r) {
     };
   };
 }
-function C(e, r) {
+function S(e, r) {
   return function(t, i, c) {
     const o = {
       type: "at-rule",
@@ -682,17 +682,17 @@ function C(e, r) {
       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);
   };
@@ -719,7 +719,7 @@ function Q(e, r) {
       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) {
@@ -742,7 +742,7 @@ function X(e, r) {
   };
 }
 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,
@@ -753,11 +753,11 @@ function v(e, r) {
     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];
       }
@@ -842,16 +842,16 @@ function te(e) {
   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;
@@ -947,7 +947,7 @@ function fe(e, r, n) {
       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) {
@@ -995,7 +995,7 @@ function le(e, r) {
         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,
@@ -1004,32 +1004,32 @@ function le(e, r) {
             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);
           }
@@ -1059,10 +1059,10 @@ function de(e, r) {
       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";
 }
@@ -1073,21 +1073,25 @@ function F(e, r) {
       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 = {};
@@ -1132,7 +1136,7 @@ function T(e, r) {
   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))
@@ -1175,7 +1179,7 @@ function pe(e, r) {
   }
 }
 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,
@@ -1188,7 +1192,7 @@ function Re(e) {
     atRule: l,
     keyframes: a,
     media: y,
-    ref: m,
+    ref: p,
     css: d2,
     options: t
   };
@@ -1215,7 +1219,7 @@ function trackNamedExports(module) {
     if (exportName === "default") continue;
     if (Ae(exportValue)) {
       exportValue._exportName = exportName;
-    } else if (be(exportValue)) {
+    } else if (ge(exportValue)) {
       exportValue._exportName = exportName;
     }
   }
@@ -1228,7 +1232,10 @@ async function loadConfiguration({
   if (!resolvedPath) {
     return Re();
   }
-  const jiti = createJiti(path.dirname(resolvedPath), { cache: false });
+  const jiti = createJiti(path.dirname(resolvedPath), {
+    fsCache: false,
+    moduleCache: false
+  });
   const module = await jiti.import(resolvedPath);
   if (!module.default) {
     throw new Error(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/loader",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "type": "module",
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",
@@ -24,14 +24,14 @@
   },
   "peerDependencies": {
     "@styleframe/core": "^2.6.0",
-    "@styleframe/license": "^2.0.0",
+    "@styleframe/license": "^2.0.2",
     "@styleframe/transpiler": "^2.6.0"
   },
   "devDependencies": {
     "@styleframe/config-typescript": "^2",
     "@styleframe/config-vite": "^2",
     "@styleframe/core": "^2.6.0",
-    "@styleframe/license": "^2.0.0",
+    "@styleframe/license": "^2.0.2",
     "@styleframe/transpiler": "^2.6.0",
     "@vitest/coverage-v8": "^3.2.4",
     "tsx": "^4.20.6",