@styleframe/core 2.4.0 → 2.6.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @styleframe/core
 
+## 2.6.0
+
+### Minor Changes
+
+- [#96](https://github.com/styleframe-dev/styleframe/pull/96) [`8460f16`](https://github.com/styleframe-dev/styleframe/commit/8460f169cec1199810e9203b357dac9f2f128c56) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Rename `?recipe` imports to `?ts` and add named selector export support
+  - **Breaking:** Renamed import query parameter from `?recipe` to `?ts` for styleframe files
+  - Add support for exporting named selectors alongside recipes via `?ts` imports
+  - Add `_exportName` property to `Selector` and `Recipe` types for tracking named exports
+  - Replace `c12` with `chokidar` + `jiti` for simpler, more reliable config loading
+  - Add `onError` callback to `watchConfiguration` for error reporting during file watch
+  - Add file deletion detection with `unlink` handler in watch mode
+  - Simplify `loadConfiguration` API by merging `loadConfigurationFromPath`
+  - Add comprehensive unit tests for TypeScript selector consumer
+
+## 2.5.0
+
+### Minor Changes
+
+- [#72](https://github.com/styleframe-dev/styleframe/pull/72) [`d98b650`](https://github.com/styleframe-dev/styleframe/commit/d98b65030170582ceacfabde3ba9ff7d92105389) Thanks [@alexgrozav](https://github.com/alexgrozav)! - feat: add support for .styleframe file imports
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/styleframe.d.ts

@@ -390,6 +390,7 @@ export declare type Recipe<Name extends string = string, Variants extends Varian
         css: VariantDeclarationsBlock;
     }>;
     _runtime?: RecipeRuntime<Variants>;
+    _exportName?: string;
 };
 
 export declare type RecipeRuntime<Variants extends VariantsBase = VariantsBase> = {
@@ -447,6 +448,7 @@ export declare type Selector = {
     declarations: DeclarationsBlock;
     variables: Variable[];
     children: ContainerChild[];
+    _exportName?: string;
 };
 
 export declare interface Styleframe {

package/dist/styleframe.js

@@ -4,73 +4,73 @@ function S(e) {
 function p(e, r) {
   return S(e) && "type" in e && e.type === r;
 }
-function q(e) {
+function L(e) {
   return p(e, "variable");
 }
 function A(e) {
   return p(e, "reference");
 }
-function he(e) {
+function be(e) {
   return p(e, "selector");
 }
-function be(e) {
+function ge(e) {
   return p(e, "at-rule");
 }
-function ge(e) {
+function je(e) {
   return p(e, "utility");
 }
-function G(e) {
+function q(e) {
   return p(e, "modifier");
 }
 function E(e) {
   return p(e, "css");
 }
-function je(e) {
+function ve(e) {
   return p(e, "theme");
 }
 function O(e) {
   return p(e, "root");
 }
-function ve(e) {
+function Ae(e) {
   return p(e, "recipe");
 }
-function I(e) {
+function G(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
 }
-function D(e) {
-  return I(e) || A(e) || E(e) || Array.isArray(e) && e.every(D);
+function $(e) {
+  return G(e) || A(e) || E(e) || Array.isArray(e) && e.every($);
 }
-function L(e) {
+function I(e) {
   return S(e) && "children" in e && "declarations" in e && "variables" in e;
 }
 function z(e = (r) => r) {
   return (r) => {
-    let t = r, n;
-    if (typeof t == "string" && t[0] === "@") {
-      const i = t.slice(1);
-      n = e(i), t = {
+    let n = r, t;
+    if (typeof n == "string" && n[0] === "@") {
+      const i = n.slice(1);
+      t = e(i), n = {
         type: "reference",
         name: i
       };
-    } else A(t) ? n = e(t.name) : n = `[${r}]`;
+    } else A(n) ? t = e(n.name) : t = `[${r}]`;
     return {
-      [n]: t
+      [t]: n
     };
   };
 }
 function W(e, r) {
-  return function(n, ...i) {
+  return function(t, ...i) {
     return {
       type: "css",
-      value: n.reduce((o, u, s) => (o.push(u), s < i.length && o.push(i[s]), o), [])
+      value: t.reduce((o, u, s) => (o.push(u), s < i.length && o.push(i[s]), o), [])
     };
   };
 }
-function K(e, r) {
-  return function(n, i, c) {
+function C(e, r) {
+  return function(t, i, c) {
     const o = {
       type: "at-rule",
-      identifier: n,
+      identifier: t,
       rule: i,
       declarations: {},
       variables: [],
@@ -80,47 +80,47 @@ function K(e, r) {
   };
 }
 function Y(e, r) {
-  const t = K(e, r);
+  const n = C(e, r);
   return function(i, c) {
-    return t("media", i, c);
+    return n("media", i, c);
   };
 }
-function J(e, r) {
-  const t = K(e, r);
+function Z(e, r) {
+  const n = C(e, r);
   return function(i, c) {
-    return t("keyframes", i, c);
+    return n("keyframes", i, c);
   };
 }
-function Q(e, r) {
-  return function(n, i) {
-    return q(n) ? {
+function J(e, r) {
+  return function(t, i) {
+    return L(t) ? {
       type: "reference",
-      name: n.name,
+      name: t.name,
       fallback: i
     } : {
       type: "reference",
-      name: n,
+      name: t,
       fallback: i
     };
   };
 }
-function X(e, r) {
-  return function(n, i) {
+function Q(e, r) {
+  return function(t, i) {
     const c = {
       type: "selector",
-      query: n,
+      query: t,
       declarations: {},
       variables: [],
       children: []
     }, o = v(c, r);
-    return typeof i == "function" ? c.declarations = i(o) ?? {} : L(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, V(c.declarations, o), e.children.push(c), c;
   };
 }
-function Z(e, r) {
-  return function(n, i, c = {
+function X(e, r) {
+  return function(t, i, c = {
     default: !1
   }) {
-    const o = typeof n == "string" ? n : n.name, u = e.variables.find(
+    const o = typeof t == "string" ? t : t.name, u = e.variables.find(
       (f) => f.name === o
     );
     if (c.default && u)
@@ -136,10 +136,10 @@ function Z(e, r) {
   };
 }
 function v(e, r) {
-  const t = Z(e), n = X(e, r), i = K(e, r), c = J(r, r), o = Y(e, r), u = Q(), s = W();
+  const n = X(e), t = Q(e, r), i = C(e, r), c = Z(r, r), o = Y(e, r), u = J(), s = W();
   return {
-    variable: t,
-    selector: n,
+    variable: n,
+    selector: t,
     keyframes: c,
     atRule: i,
     media: o,
@@ -148,20 +148,20 @@ function v(e, r) {
   };
 }
 function V(e, r) {
-  for (const t in e)
-    if (t.startsWith("@")) {
-      const n = e[t];
-      if (typeof n == "object" && n !== null && !D(n)) {
-        const i = t.replace(/^@(\w+).*/, "$1"), c = t.replace(`@${i}`, "").trim();
-        r.atRule(i, c, n), delete e[t];
+  for (const n in e)
+    if (n.startsWith("@")) {
+      const t = e[n];
+      if (typeof t == "object" && t !== null && !$(t)) {
+        const i = n.replace(/^@(\w+).*/, "$1"), c = n.replace(`@${i}`, "").trim();
+        r.atRule(i, c, t), delete e[n];
       }
-    } else if (/^[.&:]/.test(t)) {
-      const n = e[t];
-      typeof n == "object" && (r.selector(t, n), delete e[t]);
+    } else if (/^[.&:]/.test(n)) {
+      const t = e[n];
+      typeof t == "object" && (r.selector(n, t), delete e[n]);
     }
   return e;
 }
-function Ae(e) {
+function we(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function j(e) {
@@ -180,60 +180,60 @@ function ee(e) {
   const r = /* @__PURE__ */ new Map();
   if (r.set(Date, (o) => new Date(o)), r.set(
     Map,
-    (o, u) => new Map(n(Array.from(o), u))
+    (o, u) => new Map(t(Array.from(o), u))
   ), r.set(
     Set,
-    (o, u) => new Set(n(Array.from(o), u))
+    (o, u) => new Set(t(Array.from(o), u))
   ), e.constructorHandlers)
     for (const o of e.constructorHandlers)
       r.set(o[0], o[1]);
-  let t;
+  let n;
   return e.proto ? c : i;
-  function n(o, u) {
+  function t(o, u) {
     const s = Object.keys(o), f = Array.from({ length: s.length });
     for (let l = 0; l < s.length; l++) {
       const a = s[l], y = o[a];
-      typeof y != "object" || y === null ? f[a] = y : y.constructor !== Object && (t = r.get(y.constructor)) ? f[a] = t(y, u) : ArrayBuffer.isView(y) ? f[a] = j(y) : f[a] = u(y);
+      typeof y != "object" || y === null ? f[a] = y : y.constructor !== Object && (n = r.get(y.constructor)) ? f[a] = n(y, u) : ArrayBuffer.isView(y) ? f[a] = j(y) : f[a] = u(y);
     }
     return f;
   }
   function i(o) {
     if (typeof o != "object" || o === null) return o;
-    if (Array.isArray(o)) return n(o, i);
-    if (o.constructor !== Object && (t = r.get(o.constructor)))
-      return t(o, i);
+    if (Array.isArray(o)) return t(o, i);
+    if (o.constructor !== Object && (n = r.get(o.constructor)))
+      return n(o, i);
     const u = {};
     for (const s in o) {
       if (Object.hasOwnProperty.call(o, s) === !1) continue;
       const f = o[s];
-      typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (t = r.get(f.constructor)) ? u[s] = t(f, i) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = i(f);
+      typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? u[s] = n(f, i) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = i(f);
     }
     return u;
   }
   function c(o) {
     if (typeof o != "object" || o === null) return o;
-    if (Array.isArray(o)) return n(o, c);
-    if (o.constructor !== Object && (t = r.get(o.constructor)))
-      return t(o, c);
+    if (Array.isArray(o)) return t(o, c);
+    if (o.constructor !== Object && (n = r.get(o.constructor)))
+      return n(o, c);
     const u = {};
     for (const s in o) {
       const f = o[s];
-      typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (t = r.get(f.constructor)) ? u[s] = t(f, c) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = c(f);
+      typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? u[s] = n(f, c) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = c(f);
     }
     return u;
   }
 }
 function te(e) {
-  const r = [], t = [], n = /* @__PURE__ */ new Map();
-  if (n.set(Date, (s) => new Date(s)), n.set(
+  const r = [], n = [], t = /* @__PURE__ */ new Map();
+  if (t.set(Date, (s) => new Date(s)), t.set(
     Map,
     (s, f) => new Map(c(Array.from(s), f))
-  ), n.set(
+  ), t.set(
     Set,
     (s, f) => new Set(c(Array.from(s), f))
   ), e.constructorHandlers)
     for (const s of e.constructorHandlers)
-      n.set(s[0], s[1]);
+      t.set(s[0], s[1]);
   let i;
   return e.proto ? u : o;
   function c(s, f) {
@@ -242,13 +242,13 @@ function te(e) {
       const m = l[y], d = s[m];
       if (typeof d != "object" || d === null)
         a[m] = d;
-      else if (d.constructor !== Object && (i = n.get(d.constructor)))
+      else if (d.constructor !== Object && (i = t.get(d.constructor)))
         a[m] = i(d, f);
       else if (ArrayBuffer.isView(d))
         a[m] = j(d);
       else {
         const h = r.indexOf(d);
-        h !== -1 ? a[m] = t[h] : a[m] = f(d);
+        h !== -1 ? a[m] = n[h] : a[m] = f(d);
       }
     }
     return a;
@@ -256,78 +256,78 @@ function te(e) {
   function o(s) {
     if (typeof s != "object" || s === null) return s;
     if (Array.isArray(s)) return c(s, o);
-    if (s.constructor !== Object && (i = n.get(s.constructor)))
+    if (s.constructor !== Object && (i = t.get(s.constructor)))
       return i(s, o);
     const f = {};
-    r.push(s), t.push(f);
+    r.push(s), n.push(f);
     for (const l in s) {
       if (Object.hasOwnProperty.call(s, l) === !1) continue;
       const a = s[l];
       if (typeof a != "object" || a === null)
         f[l] = a;
-      else if (a.constructor !== Object && (i = n.get(a.constructor)))
+      else if (a.constructor !== Object && (i = t.get(a.constructor)))
         f[l] = i(a, o);
       else if (ArrayBuffer.isView(a))
         f[l] = j(a);
       else {
         const y = r.indexOf(a);
-        y !== -1 ? f[l] = t[y] : f[l] = o(a);
+        y !== -1 ? f[l] = n[y] : f[l] = o(a);
       }
     }
-    return r.pop(), t.pop(), f;
+    return r.pop(), n.pop(), f;
   }
   function u(s) {
     if (typeof s != "object" || s === null) return s;
     if (Array.isArray(s)) return c(s, u);
-    if (s.constructor !== Object && (i = n.get(s.constructor)))
+    if (s.constructor !== Object && (i = t.get(s.constructor)))
       return i(s, u);
     const f = {};
-    r.push(s), t.push(f);
+    r.push(s), n.push(f);
     for (const l in s) {
       const a = s[l];
       if (typeof a != "object" || a === null)
         f[l] = a;
-      else if (a.constructor !== Object && (i = n.get(a.constructor)))
+      else if (a.constructor !== Object && (i = t.get(a.constructor)))
         f[l] = i(a, u);
       else if (ArrayBuffer.isView(a))
         f[l] = j(a);
       else {
         const y = r.indexOf(a);
-        y !== -1 ? f[l] = t[y] : f[l] = u(a);
+        y !== -1 ? f[l] = n[y] : f[l] = u(a);
       }
     }
-    return r.pop(), t.pop(), f;
+    return r.pop(), n.pop(), f;
   }
 }
 const R = ee();
 function ne(e, r = 8) {
-  const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let n = "";
+  const n = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let t = "";
   for (let i = 0; i < r; i++) {
-    const c = Math.floor(Math.random() * t.length);
-    n += t[c];
+    const c = Math.floor(Math.random() * n.length);
+    t += n[c];
   }
-  return e ? `${e}${n}` : n;
+  return e ? `${e}${t}` : t;
 }
-function we(e, r) {
-  const t = e.variables.find((n) => n.name === r);
-  if (!t)
+function Ve(e, r) {
+  const n = e.variables.find((t) => t.name === r);
+  if (!n)
     throw new Error(`Variable "${r}" not found`);
-  return t;
+  return n;
 }
-function Ve(e, r) {
-  const t = e.utilities.find((n) => n.name === r);
-  if (!t)
+function ke(e, r) {
+  const n = e.utilities.find((t) => t.name === r);
+  if (!n)
     throw new Error(`Utility "${r}" not found`);
-  return t;
+  return n;
 }
 function re(e, r) {
-  const t = e.modifiers.find(
-    (n) => n.key.includes(r)
+  const n = e.modifiers.find(
+    (t) => t.key.includes(r)
   );
-  if (!t)
+  if (!n)
     throw new Error(`Modifier "${r}" not found`);
-  return t;
+  return n;
 }
 function M(e, r) {
   if (e === r) return !0;
@@ -335,7 +335,7 @@ function M(e, r) {
   if (e === null || r === null) return e === r;
   if (typeof e != "object" || typeof r != "object") return !1;
   if (Array.isArray(e) && Array.isArray(r))
-    return e.length !== r.length ? !1 : e.every((t, n) => M(t, r[n]));
+    return e.length !== r.length ? !1 : e.every((n, t) => M(n, r[t]));
   if ("type" in e && "type" in r) {
     if (e.type !== r.type) return !1;
     if (A(e) && A(r))
@@ -345,9 +345,9 @@ function M(e, r) {
   }
   return !1;
 }
-const U = "__licenseRequired";
+const D = "__licenseRequired";
 function ie(e) {
-  B(e) || Object.defineProperty(e, U, {
+  B(e) || Object.defineProperty(e, D, {
     value: !0,
     writable: !1,
     configurable: !1,
@@ -355,86 +355,86 @@ function ie(e) {
   });
 }
 function B(e) {
-  return Object.prototype.hasOwnProperty.call(e, U);
+  return Object.prototype.hasOwnProperty.call(e, D);
 }
 function oe(e, r) {
-  const t = [...e];
-  for (const n of r) {
-    const i = t.find(
-      (c) => c.name === n.name
+  const n = [...e];
+  for (const t of r) {
+    const i = n.find(
+      (c) => c.name === t.name
     );
-    i ? i.value = n.value : t.push(n);
+    i ? i.value = t.value : n.push(t);
   }
-  return t;
+  return n;
 }
 function se(e, r) {
-  const t = [...e];
-  for (const n of r) {
-    const i = t.find(
-      (c) => c.name === n.name
+  const n = [...e];
+  for (const t of r) {
+    const i = n.find(
+      (c) => c.name === t.name
     );
     i ? Object.assign(
       i,
-      $(i, n)
-    ) : t.push(n);
+      U(i, t)
+    ) : n.push(t);
   }
-  return t;
+  return n;
 }
-function $(e, r) {
+function U(e, r) {
   return Object.keys(e).reduce(
-    (t, n) => (n === "variables" ? t.variables = oe(e.variables, r.variables) : n === "declarations" ? t.declarations = { ...e.declarations, ...r.declarations } : n === "themes" && O(t) && O(e) && O(r) ? t.themes = se(e.themes, r.themes) : Array.isArray(e[n]) && (t[n] = e[n].concat(
-      r[n]
-    )), t),
+    (n, t) => (t === "variables" ? n.variables = oe(e.variables, r.variables) : t === "declarations" ? n.declarations = { ...e.declarations, ...r.declarations } : t === "themes" && O(n) && O(e) && O(r) ? n.themes = se(e.themes, r.themes) : Array.isArray(e[t]) && (n[t] = e[t].concat(
+      r[t]
+    )), n),
     {
       ...e,
       ...r
     }
   );
 }
-function ke(e, ...r) {
-  return r.reduce((t, n) => {
+function Oe(e, ...r) {
+  return r.reduce((n, t) => {
     const i = {
-      ...t,
-      root: $(t.root, n.root)
+      ...n,
+      root: U(n.root, t.root)
     };
-    return (B(t) || B(n)) && ie(i), i;
+    return (B(n) || B(t)) && ie(i), i;
   }, e);
 }
 function ce(e) {
   const r = [];
-  function t(n, i) {
+  function n(t, i) {
     i.length > 0 && r.push([...i].sort());
-    for (let c = n; c < e.length; c++) {
+    for (let c = t; c < e.length; c++) {
       const o = e[c];
       if (o)
         if (o.length === 1 && o[0])
-          t(c + 1, [...i, o[0]]);
+          n(c + 1, [...i, o[0]]);
         else
           for (const u of o)
-            t(c + 1, [...i, u]);
+            n(c + 1, [...i, u]);
     }
   }
-  return t(0, []), r.sort((n, i) => n.length !== i.length ? n.length - i.length : n.join(",").localeCompare(i.join(",")));
+  return n(0, []), r.sort((t, i) => t.length !== i.length ? t.length - i.length : t.join(",").localeCompare(i.join(",")));
 }
-function fe(e, r, t) {
-  const n = {
+function fe(e, r, n) {
+  const t = {
     ...e,
-    modifiers: [...t.keys()]
-  }, i = v(n, r);
-  for (const c of t.values())
+    modifiers: [...n.keys()]
+  }, i = v(t, r);
+  for (const c of n.values())
     c.factory({
       ...i,
-      declarations: R(n.declarations),
-      variables: R(n.variables),
-      children: R(n.children)
-    }), V(n.declarations, i);
-  return n;
+      declarations: R(t.declarations),
+      variables: R(t.variables),
+      children: R(t.children)
+    }), V(t.declarations, i);
+  return t;
 }
 function ue(e, r) {
-  return function(n, i) {
+  return function(t, i) {
     const c = {
       type: "modifier",
-      key: Array.isArray(n) ? n : [n],
+      key: Array.isArray(t) ? t : [t],
       factory: i
     };
     return r.modifiers.push(c), c;
@@ -453,10 +453,10 @@ function ae() {
   };
 }
 function le(e, r) {
-  return function(n, i, c = {}) {
+  return function(t, i, c = {}) {
     const o = {
       type: "utility",
-      name: n,
+      name: t,
       factory: i,
       values: [],
       autogenerate: c.autogenerate ?? z(),
@@ -477,7 +477,7 @@ function le(e, r) {
             (h) => h.key === l && h.modifiers.length === 0
           ), m = {
             type: "utility",
-            name: n,
+            name: t,
             value: l,
             declarations: {},
             variables: [],
@@ -499,11 +499,11 @@ function le(e, r) {
               (g) => g.key === l && g.modifiers.length === b.length && g.modifiers.every((w) => b.includes(w))
             )).reduce((b, g) => {
               const w = /* @__PURE__ */ new Map();
-              for (const _ of g) {
+              for (const K of g) {
                 const k = s.find(
-                  (N) => N.key.includes(_)
+                  (N) => N.key.includes(K)
                 );
-                k && G(k) && w.set(_, k);
+                k && q(k) && w.set(K, k);
               }
               return o.values.push({
                 key: l,
@@ -520,10 +520,10 @@ function le(e, r) {
   };
 }
 function ye(e, r) {
-  return function(n, i) {
-    const c = r.themes.find((s) => s.name === n), o = c ?? {
+  return function(t, i) {
+    const c = r.themes.find((s) => s.name === t), o = c ?? {
       type: "theme",
-      name: n,
+      name: t,
       declarations: {},
       variables: [],
       children: []
@@ -534,43 +534,43 @@ function ye(e, r) {
   };
 }
 function de(e, r) {
-  return function(n) {
+  return function(t) {
     const i = {
       type: "recipe",
-      ...n
+      ...t
     };
-    return i._runtime = me(i, r), r.recipes.push(i), i;
+    return i._runtime = me(i, r), pe(i, r), r.recipes.push(i), i;
   };
 }
-function C(e, r) {
-  const t = e.autogenerate(r);
-  return Object.keys(t)[0] ?? "default";
+function _(e, r) {
+  const n = e.autogenerate(r);
+  return Object.keys(n)[0] ?? "default";
 }
 function F(e, r) {
-  const t = {};
-  for (const [n, i] of Object.entries(e))
+  const n = {};
+  for (const [t, i] of Object.entries(e))
     if (P(i)) {
       const c = {};
       for (const [o, u] of Object.entries(i)) {
         const s = T(r, o);
-        s && (c[o] = C(
+        s && (c[o] = _(
           s,
           u
         ));
       }
-      t[n] = c;
+      n[t] = c;
     } else if (typeof i == "boolean")
-      t[n] = i;
+      n[t] = i;
     else {
-      const c = T(r, n);
-      c && (t[n] = C(c, i));
+      const c = T(r, t);
+      c && (n[t] = _(c, i));
     }
-  return t;
+  return n;
 }
 function me(e, r) {
-  const t = {};
-  if (e.base && (t.base = F(e.base, r)), e.variants) {
-    const n = {};
+  const n = {};
+  if (e.base && (n.base = F(e.base, r)), e.variants) {
+    const t = {};
     for (const [i, c] of Object.entries(e.variants)) {
       const o = {};
       for (const [u, s] of Object.entries(
@@ -580,48 +580,52 @@ function me(e, r) {
           s,
           r
         );
-      n[i] = o;
+      t[i] = o;
     }
-    t.variants = n;
+    n.variants = t;
   }
-  return e.defaultVariants && (t.defaultVariants = { ...e.defaultVariants }), e.compoundVariants && (t.compoundVariants = e.compoundVariants.map((n) => ({
-    match: { ...n.match },
-    css: F(n.css, r)
-  }))), t;
+  return e.defaultVariants && (n.defaultVariants = { ...e.defaultVariants }), e.compoundVariants && (n.compoundVariants = e.compoundVariants.map((t) => ({
+    match: { ...t.match },
+    css: F(t.css, r)
+  }))), n;
 }
 function P(e) {
   return !A(e) && typeof e == "object" && e !== null;
 }
 function x(e, r) {
-  const t = (n, i, c) => {
-    let o = r.get(n);
-    o || (o = [], r.set(n, o)), o.push({ value: i, modifiers: c });
+  const n = (t, i, c) => {
+    let o = r.get(t);
+    o || (o = [], r.set(t, o)), o.push({ value: i, modifiers: c });
   };
-  for (const [n, i] of Object.entries(e))
+  for (const [t, i] of Object.entries(e))
     if (P(i)) {
-      const c = n.split(":");
+      const c = t.split(":");
       for (const [o, u] of Object.entries(i))
-        t(o, u, c);
+        n(o, u, c);
     } else
-      t(n, i, []);
+      n(t, i, []);
 }
 function T(e, r) {
-  return e.utilities.find((t) => t.name === r);
+  const n = e.utilities.find((i) => i.name === r);
+  if (n)
+    return n;
+  const t = r.replace(/[A-Z]/g, (i) => `-${i.toLowerCase()}`);
+  return e.utilities.find((i) => i.name === t);
 }
-function Oe(e, r) {
-  const t = /* @__PURE__ */ new Map();
-  if (e.base && x(e.base, t), e.variants)
+function pe(e, r) {
+  const n = /* @__PURE__ */ new Map();
+  if (e.base && x(e.base, n), e.variants)
     for (const i of Object.values(e.variants))
       for (const c of Object.values(i))
         x(
           c,
-          t
+          n
         );
   if (e.compoundVariants)
     for (const i of e.compoundVariants)
-      i.css && x(i.css, t);
-  const n = /* @__PURE__ */ new Map();
-  for (const [i, c] of t) {
+      i.css && x(i.css, n);
+  const t = /* @__PURE__ */ new Map();
+  for (const [i, c] of n) {
     const o = T(r, i);
     if (!o) {
       console.warn(
@@ -632,15 +636,15 @@ function Oe(e, r) {
     for (const u of c) {
       const s = [];
       for (const f of u.modifiers) {
-        if (!n.has(f))
+        if (!t.has(f))
           try {
-            n.set(f, re(r, f));
+            t.set(f, re(r, f));
           } catch {
             console.warn(
               `[styleframe] Modifier "${f}" not found in registry. Skipping modifier for utility "${i}".`
-            ), n.set(f, null);
+            ), t.set(f, null);
           }
-        const l = n.get(f);
+        const l = t.get(f);
         l && s.push(l);
       }
       o.create(
@@ -651,10 +655,10 @@ function Oe(e, r) {
   }
 }
 function Re(e) {
-  const r = ne("sf-"), t = ae(), n = { ...e }, i = le(t, t), c = ue(t, t), o = de(t, t), u = ye(t, t), { variable: s, selector: f, atRule: l, keyframes: a, media: y, ref: m, css: d } = v(t, t);
+  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: d } = v(n, n);
   return {
     id: r,
-    root: t,
+    root: n,
     variable: s,
     selector: f,
     utility: i,
@@ -666,54 +670,54 @@ function Re(e) {
     media: y,
     ref: m,
     css: d,
-    options: n
+    options: t
   };
 }
 export {
   fe as applyModifiers,
-  Ae as capitalizeFirst,
+  we as capitalizeFirst,
   ce as combineKeys,
-  K as createAtRuleFunction,
+  C as createAtRuleFunction,
   W as createCssFunction,
   v as createDeclarationsCallbackContext,
-  J as createKeyframesFunction,
+  Z as createKeyframesFunction,
   Y as createMediaFunction,
   ue as createModifierFunction,
   de as createRecipeFunction,
-  Q as createRefFunction,
+  J as createRefFunction,
   ae as createRoot,
-  X as createSelectorFunction,
+  Q as createSelectorFunction,
   ye as createThemeFunction,
   le as createUtilityFunction,
-  Z as createVariableFunction,
+  X as createVariableFunction,
   R as deepClone,
   ne as generateRandomId,
   me as generateRecipeRuntime,
   re as getModifier,
-  Ve as getUtility,
-  we as getVariable,
-  be as isAtRule,
+  ke as getUtility,
+  Ve as getVariable,
+  ge as isAtRule,
   E as isCSS,
-  L as isContainer,
-  G as isModifier,
+  I as isContainer,
+  q as isModifier,
   S as isObject,
-  I as isPrimitiveTokenValue,
-  ve as isRecipe,
+  G as isPrimitiveTokenValue,
+  Ae as isRecipe,
   A as isRef,
   O as isRoot,
-  he as isSelector,
-  je as isTheme,
+  be as isSelector,
+  ve as isTheme,
   p as isToken,
   M as isTokenEqual,
-  D as isTokenValue,
-  ge as isUtility,
-  q as isVariable,
-  ke as merge,
-  $ as mergeContainers,
+  $ as isTokenValue,
+  je as isUtility,
+  L as isVariable,
+  Oe as merge,
+  U as mergeContainers,
   se as mergeThemesArray,
   oe as mergeVariablesArray,
   V as parseDeclarationsBlock,
-  Oe as processRecipeUtilities,
+  pe as processRecipeUtilities,
   ee as rfdc,
   Re as styleframe,
   z as transformUtilityKey

package/dist/styleframe.umd.cjs

@@ -1 +1 @@
-(function(a,b){typeof exports=="object"&&typeof module<"u"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(a=typeof globalThis<"u"?globalThis:a||self,b(a.styleframe={}))})(this,(function(a){"use strict";function b(e){return typeof e=="object"&&e!==null}function p(e,r){return b(e)&&"type"in e&&e.type===r}function P(e){return p(e,"variable")}function A(e){return p(e,"reference")}function ye(e){return p(e,"selector")}function de(e){return p(e,"at-rule")}function me(e){return p(e,"utility")}function $(e){return p(e,"modifier")}function k(e){return p(e,"css")}function he(e){return p(e,"theme")}function F(e){return p(e,"root")}function pe(e){return p(e,"recipe")}function H(e){return typeof e=="string"||typeof e=="number"||typeof e=="boolean"||e===null}function S(e){return H(e)||A(e)||k(e)||Array.isArray(e)&&e.every(S)}function N(e){return b(e)&&"children"in e&&"declarations"in e&&"variables"in e}function q(e=r=>r){return r=>{let t=r,n;if(typeof t=="string"&&t[0]==="@"){const i=t.slice(1);n=e(i),t={type:"reference",name:i}}else A(t)?n=e(t.name):n=`[${r}]`;return{[n]:t}}}function I(e,r){return function(n,...i){return{type:"css",value:n.reduce((o,u,s)=>(o.push(u),s<i.length&&o.push(i[s]),o),[])}}}function O(e,r){return function(n,i,c){const o={type:"at-rule",identifier:n,rule:i,declarations:{},variables:[],children:[]},u=g(o,r);return typeof c=="function"?o.declarations=c(u)??{}:c&&(o.declarations=c),w(o.declarations,u),e.children.push(o),o}}function z(e,r){const t=O(e,r);return function(i,c){return t("media",i,c)}}function G(e,r){const t=O(e,r);return function(i,c){return t("keyframes",i,c)}}function L(e,r){return function(n,i){return P(n)?{type:"reference",name:n.name,fallback:i}:{type:"reference",name:n,fallback:i}}}function W(e,r){return function(n,i){const c={type:"selector",query:n,declarations:{},variables:[],children:[]},o=g(c,r);return typeof i=="function"?c.declarations=i(o)??{}:N(i)?(c.variables=i.variables,c.declarations=i.declarations,c.children=i.children):c.declarations=i,w(c.declarations,o),e.children.push(c),c}}function Y(e,r){return function(n,i,c={default:!1}){const o=typeof n=="string"?n:n.name,u=e.variables.find(f=>f.name===o);if(c.default&&u)return u;if(u)return u.value=i,u;const s={type:"variable",name:o,value:i};return e.variables.push(s),s}}function g(e,r){const t=Y(e),n=W(e,r),i=O(e,r),c=G(r,r),o=z(e,r),u=L(),s=I();return{variable:t,selector:n,keyframes:c,atRule:i,media:o,ref:u,css:s}}function w(e,r){for(const t in e)if(t.startsWith("@")){const n=e[t];if(typeof n=="object"&&n!==null&&!S(n)){const i=t.replace(/^@(\w+).*/,"$1"),c=t.replace(`@${i}`,"").trim();r.atRule(i,c,n),delete e[t]}}else if(/^[.&:]/.test(t)){const n=e[t];typeof n=="object"&&(r.selector(t,n),delete e[t])}return e}function be(e){return e.charAt(0).toUpperCase()+e.slice(1)}function R(e){if(e instanceof Buffer)return Buffer.from(e);const r=e.constructor;return new r(e.buffer.slice(0),e.byteOffset,e.byteLength/e.BYTES_PER_ELEMENT||1)}function J(e){if(e=e||{},e.circular)return ge(e);const r=new Map;if(r.set(Date,o=>new Date(o)),r.set(Map,(o,u)=>new Map(n(Array.from(o),u))),r.set(Set,(o,u)=>new Set(n(Array.from(o),u))),e.constructorHandlers)for(const o of e.constructorHandlers)r.set(o[0],o[1]);let t;return e.proto?c:i;function n(o,u){const s=Object.keys(o),f=Array.from({length:s.length});for(let y=0;y<s.length;y++){const l=s[y],d=o[l];typeof d!="object"||d===null?f[l]=d:d.constructor!==Object&&(t=r.get(d.constructor))?f[l]=t(d,u):ArrayBuffer.isView(d)?f[l]=R(d):f[l]=u(d)}return f}function i(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return n(o,i);if(o.constructor!==Object&&(t=r.get(o.constructor)))return t(o,i);const u={};for(const s in o){if(Object.hasOwnProperty.call(o,s)===!1)continue;const f=o[s];typeof f!="object"||f===null?u[s]=f:f.constructor!==Object&&(t=r.get(f.constructor))?u[s]=t(f,i):ArrayBuffer.isView(f)?u[s]=R(f):u[s]=i(f)}return u}function c(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return n(o,c);if(o.constructor!==Object&&(t=r.get(o.constructor)))return t(o,c);const u={};for(const s in o){const f=o[s];typeof f!="object"||f===null?u[s]=f:f.constructor!==Object&&(t=r.get(f.constructor))?u[s]=t(f,c):ArrayBuffer.isView(f)?u[s]=R(f):u[s]=c(f)}return u}}function ge(e){const r=[],t=[],n=new Map;if(n.set(Date,s=>new Date(s)),n.set(Map,(s,f)=>new Map(c(Array.from(s),f))),n.set(Set,(s,f)=>new Set(c(Array.from(s),f))),e.constructorHandlers)for(const s of e.constructorHandlers)n.set(s[0],s[1]);let i;return e.proto?u:o;function c(s,f){const y=Object.keys(s),l=Array.from({length:y.length});for(let d=0;d<y.length;d++){const h=y[d],m=s[h];if(typeof m!="object"||m===null)l[h]=m;else if(m.constructor!==Object&&(i=n.get(m.constructor)))l[h]=i(m,f);else if(ArrayBuffer.isView(m))l[h]=R(m);else{const j=r.indexOf(m);j!==-1?l[h]=t[j]:l[h]=f(m)}}return l}function o(s){if(typeof s!="object"||s===null)return s;if(Array.isArray(s))return c(s,o);if(s.constructor!==Object&&(i=n.get(s.constructor)))return i(s,o);const f={};r.push(s),t.push(f);for(const y in s){if(Object.hasOwnProperty.call(s,y)===!1)continue;const l=s[y];if(typeof l!="object"||l===null)f[y]=l;else if(l.constructor!==Object&&(i=n.get(l.constructor)))f[y]=i(l,o);else if(ArrayBuffer.isView(l))f[y]=R(l);else{const d=r.indexOf(l);d!==-1?f[y]=t[d]:f[y]=o(l)}}return r.pop(),t.pop(),f}function u(s){if(typeof s!="object"||s===null)return s;if(Array.isArray(s))return c(s,u);if(s.constructor!==Object&&(i=n.get(s.constructor)))return i(s,u);const f={};r.push(s),t.push(f);for(const y in s){const l=s[y];if(typeof l!="object"||l===null)f[y]=l;else if(l.constructor!==Object&&(i=n.get(l.constructor)))f[y]=i(l,u);else if(ArrayBuffer.isView(l))f[y]=R(l);else{const d=r.indexOf(l);d!==-1?f[y]=t[d]:f[y]=u(l)}}return r.pop(),t.pop(),f}}const M=J();function Q(e,r=8){const t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let i=0;i<r;i++){const c=Math.floor(Math.random()*t.length);n+=t[c]}return e?`${e}${n}`:n}function je(e,r){const t=e.variables.find(n=>n.name===r);if(!t)throw new Error(`Variable "${r}" not found`);return t}function ve(e,r){const t=e.utilities.find(n=>n.name===r);if(!t)throw new Error(`Utility "${r}" not found`);return t}function X(e,r){const t=e.modifiers.find(n=>n.key.includes(r));if(!t)throw new Error(`Modifier "${r}" not found`);return t}function T(e,r){if(e===r)return!0;if(typeof e!=typeof r)return!1;if(e===null||r===null)return e===r;if(typeof e!="object"||typeof r!="object")return!1;if(Array.isArray(e)&&Array.isArray(r))return e.length!==r.length?!1:e.every((t,n)=>T(t,r[n]));if("type"in e&&"type"in r){if(e.type!==r.type)return!1;if(A(e)&&A(r))return e.name===r.name&&T(e.fallback,r.fallback);if(k(e)&&k(r))return T(e.value,r.value)}return!1}const Z="__licenseRequired";function Ae(e){E(e)||Object.defineProperty(e,Z,{value:!0,writable:!1,configurable:!1,enumerable:!0})}function E(e){return Object.prototype.hasOwnProperty.call(e,Z)}function x(e,r){const t=[...e];for(const n of r){const i=t.find(c=>c.name===n.name);i?i.value=n.value:t.push(n)}return t}function ee(e,r){const t=[...e];for(const n of r){const i=t.find(c=>c.name===n.name);i?Object.assign(i,B(i,n)):t.push(n)}return t}function B(e,r){return Object.keys(e).reduce((t,n)=>(n==="variables"?t.variables=x(e.variables,r.variables):n==="declarations"?t.declarations={...e.declarations,...r.declarations}:n==="themes"&&F(t)&&F(e)&&F(r)?t.themes=ee(e.themes,r.themes):Array.isArray(e[n])&&(t[n]=e[n].concat(r[n])),t),{...e,...r})}function Re(e,...r){return r.reduce((t,n)=>{const i={...t,root:B(t.root,n.root)};return(E(t)||E(n))&&Ae(i),i},e)}function te(e){const r=[];function t(n,i){i.length>0&&r.push([...i].sort());for(let c=n;c<e.length;c++){const o=e[c];if(o)if(o.length===1&&o[0])t(c+1,[...i,o[0]]);else for(const u of o)t(c+1,[...i,u])}}return t(0,[]),r.sort((n,i)=>n.length!==i.length?n.length-i.length:n.join(",").localeCompare(i.join(",")))}function ne(e,r,t){const n={...e,modifiers:[...t.keys()]},i=g(n,r);for(const c of t.values())c.factory({...i,declarations:M(n.declarations),variables:M(n.variables),children:M(n.children)}),w(n.declarations,i);return n}function re(e,r){return function(n,i){const c={type:"modifier",key:Array.isArray(n)?n:[n],factory:i};return r.modifiers.push(c),c}}function ie(){return{type:"root",declarations:{},utilities:[],modifiers:[],recipes:[],variables:[],children:[],themes:[]}}function oe(e,r){return function(n,i,c={}){const o={type:"utility",name:n,factory:i,values:[],autogenerate:c.autogenerate??q(),create:(u,s=[])=>{let f=u;if(Array.isArray(u)){f={};for(const y of u){const l=o.autogenerate(y);f={...f,...l}}}for(const[y,l]of Object.entries(f)){const d=o.values.find(j=>j.key===y&&j.modifiers.length===0),h={type:"utility",name:n,value:y,declarations:{},variables:[],children:[],modifiers:[]},m=g(h,r);if(h.declarations=i({...m,value:l})??{},w(h.declarations,m),d||(o.values.push({key:y,value:l,modifiers:[]}),e.children.push(h)),s&&s.length>0){const j=s.map(v=>v.key),ke=te(j).filter(v=>!o.values.find(V=>V.key===y&&V.modifiers.length===v.length&&V.modifiers.every(C=>v.includes(C)))).reduce((v,V)=>{const C=new Map;for(const le of V){const _=s.find(Fe=>Fe.key.includes(le));_&&$(_)&&C.set(le,_)}return o.values.push({key:y,value:l,modifiers:V}),v.push(ne(h,r,C)),v},[]);e.children.push(...ke)}}}};return r.utilities.push(o),o.create}}function se(e,r){return function(n,i){const c=r.themes.find(s=>s.name===n),o=c??{type:"theme",name:n,declarations:{},variables:[],children:[]};c||r.themes.push(o);const u=g(o,r);return i&&i(u),o}}function ce(e,r){return function(n){const i={type:"recipe",...n};return i._runtime=ue(i,r),r.recipes.push(i),i}}function fe(e,r){const t=e.autogenerate(r);return Object.keys(t)[0]??"default"}function K(e,r){const t={};for(const[n,i]of Object.entries(e))if(ae(i)){const c={};for(const[o,u]of Object.entries(i)){const s=D(r,o);s&&(c[o]=fe(s,u))}t[n]=c}else if(typeof i=="boolean")t[n]=i;else{const c=D(r,n);c&&(t[n]=fe(c,i))}return t}function ue(e,r){const t={};if(e.base&&(t.base=K(e.base,r)),e.variants){const n={};for(const[i,c]of Object.entries(e.variants)){const o={};for(const[u,s]of Object.entries(c))s==null?o[u]=null:o[u]=K(s,r);n[i]=o}t.variants=n}return e.defaultVariants&&(t.defaultVariants={...e.defaultVariants}),e.compoundVariants&&(t.compoundVariants=e.compoundVariants.map(n=>({match:{...n.match},css:K(n.css,r)}))),t}function ae(e){return!A(e)&&typeof e=="object"&&e!==null}function U(e,r){const t=(n,i,c)=>{let o=r.get(n);o||(o=[],r.set(n,o)),o.push({value:i,modifiers:c})};for(const[n,i]of Object.entries(e))if(ae(i)){const c=n.split(":");for(const[o,u]of Object.entries(i))t(o,u,c)}else t(n,i,[])}function D(e,r){return e.utilities.find(t=>t.name===r)}function Ve(e,r){const t=new Map;if(e.base&&U(e.base,t),e.variants)for(const i of Object.values(e.variants))for(const c of Object.values(i))U(c,t);if(e.compoundVariants)for(const i of e.compoundVariants)i.css&&U(i.css,t);const n=new Map;for(const[i,c]of t){const o=D(r,i);if(!o){console.warn(`[styleframe] Utility "${i}" not found in registry. Skipping.`);continue}for(const u of c){const s=[];for(const f of u.modifiers){if(!n.has(f))try{n.set(f,X(r,f))}catch{console.warn(`[styleframe] Modifier "${f}" not found in registry. Skipping modifier for utility "${i}".`),n.set(f,null)}const y=n.get(f);y&&s.push(y)}o.create([u.value],s.length>0?s:void 0)}}}function we(e){const r=Q("sf-"),t=ie(),n={...e},i=oe(t,t),c=re(t,t),o=ce(t,t),u=se(t,t),{variable:s,selector:f,atRule:y,keyframes:l,media:d,ref:h,css:m}=g(t,t);return{id:r,root:t,variable:s,selector:f,utility:i,modifier:c,recipe:o,theme:u,atRule:y,keyframes:l,media:d,ref:h,css:m,options:n}}a.applyModifiers=ne,a.capitalizeFirst=be,a.combineKeys=te,a.createAtRuleFunction=O,a.createCssFunction=I,a.createDeclarationsCallbackContext=g,a.createKeyframesFunction=G,a.createMediaFunction=z,a.createModifierFunction=re,a.createRecipeFunction=ce,a.createRefFunction=L,a.createRoot=ie,a.createSelectorFunction=W,a.createThemeFunction=se,a.createUtilityFunction=oe,a.createVariableFunction=Y,a.deepClone=M,a.generateRandomId=Q,a.generateRecipeRuntime=ue,a.getModifier=X,a.getUtility=ve,a.getVariable=je,a.isAtRule=de,a.isCSS=k,a.isContainer=N,a.isModifier=$,a.isObject=b,a.isPrimitiveTokenValue=H,a.isRecipe=pe,a.isRef=A,a.isRoot=F,a.isSelector=ye,a.isTheme=he,a.isToken=p,a.isTokenEqual=T,a.isTokenValue=S,a.isUtility=me,a.isVariable=P,a.merge=Re,a.mergeContainers=B,a.mergeThemesArray=ee,a.mergeVariablesArray=x,a.parseDeclarationsBlock=w,a.processRecipeUtilities=Ve,a.rfdc=J,a.styleframe=we,a.transformUtilityKey=q,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+(function(a,b){typeof exports=="object"&&typeof module<"u"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(a=typeof globalThis<"u"?globalThis:a||self,b(a.styleframe={}))})(this,(function(a){"use strict";function b(e){return typeof e=="object"&&e!==null}function p(e,r){return b(e)&&"type"in e&&e.type===r}function $(e){return p(e,"variable")}function A(e){return p(e,"reference")}function de(e){return p(e,"selector")}function me(e){return p(e,"at-rule")}function he(e){return p(e,"utility")}function P(e){return p(e,"modifier")}function k(e){return p(e,"css")}function pe(e){return p(e,"theme")}function F(e){return p(e,"root")}function be(e){return p(e,"recipe")}function H(e){return typeof e=="string"||typeof e=="number"||typeof e=="boolean"||e===null}function S(e){return H(e)||A(e)||k(e)||Array.isArray(e)&&e.every(S)}function N(e){return b(e)&&"children"in e&&"declarations"in e&&"variables"in e}function q(e=r=>r){return r=>{let n=r,t;if(typeof n=="string"&&n[0]==="@"){const i=n.slice(1);t=e(i),n={type:"reference",name:i}}else A(n)?t=e(n.name):t=`[${r}]`;return{[t]:n}}}function I(e,r){return function(t,...i){return{type:"css",value:t.reduce((o,u,s)=>(o.push(u),s<i.length&&o.push(i[s]),o),[])}}}function O(e,r){return function(t,i,c){const o={type:"at-rule",identifier:t,rule:i,declarations:{},variables:[],children:[]},u=g(o,r);return typeof c=="function"?o.declarations=c(u)??{}:c&&(o.declarations=c),w(o.declarations,u),e.children.push(o),o}}function L(e,r){const n=O(e,r);return function(i,c){return n("media",i,c)}}function z(e,r){const n=O(e,r);return function(i,c){return n("keyframes",i,c)}}function G(e,r){return function(t,i){return $(t)?{type:"reference",name:t.name,fallback:i}:{type:"reference",name:t,fallback:i}}}function W(e,r){return function(t,i){const c={type:"selector",query:t,declarations:{},variables:[],children:[]},o=g(c,r);return typeof i=="function"?c.declarations=i(o)??{}:N(i)?(c.variables=i.variables,c.declarations=i.declarations,c.children=i.children):c.declarations=i,w(c.declarations,o),e.children.push(c),c}}function Y(e,r){return function(t,i,c={default:!1}){const o=typeof t=="string"?t:t.name,u=e.variables.find(f=>f.name===o);if(c.default&&u)return u;if(u)return u.value=i,u;const s={type:"variable",name:o,value:i};return e.variables.push(s),s}}function g(e,r){const n=Y(e),t=W(e,r),i=O(e,r),c=z(r,r),o=L(e,r),u=G(),s=I();return{variable:n,selector:t,keyframes:c,atRule:i,media:o,ref:u,css:s}}function w(e,r){for(const n in e)if(n.startsWith("@")){const t=e[n];if(typeof t=="object"&&t!==null&&!S(t)){const i=n.replace(/^@(\w+).*/,"$1"),c=n.replace(`@${i}`,"").trim();r.atRule(i,c,t),delete e[n]}}else if(/^[.&:]/.test(n)){const t=e[n];typeof t=="object"&&(r.selector(n,t),delete e[n])}return e}function ge(e){return e.charAt(0).toUpperCase()+e.slice(1)}function R(e){if(e instanceof Buffer)return Buffer.from(e);const r=e.constructor;return new r(e.buffer.slice(0),e.byteOffset,e.byteLength/e.BYTES_PER_ELEMENT||1)}function Z(e){if(e=e||{},e.circular)return je(e);const r=new Map;if(r.set(Date,o=>new Date(o)),r.set(Map,(o,u)=>new Map(t(Array.from(o),u))),r.set(Set,(o,u)=>new Set(t(Array.from(o),u))),e.constructorHandlers)for(const o of e.constructorHandlers)r.set(o[0],o[1]);let n;return e.proto?c:i;function t(o,u){const s=Object.keys(o),f=Array.from({length:s.length});for(let y=0;y<s.length;y++){const l=s[y],d=o[l];typeof d!="object"||d===null?f[l]=d:d.constructor!==Object&&(n=r.get(d.constructor))?f[l]=n(d,u):ArrayBuffer.isView(d)?f[l]=R(d):f[l]=u(d)}return f}function i(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return t(o,i);if(o.constructor!==Object&&(n=r.get(o.constructor)))return n(o,i);const u={};for(const s in o){if(Object.hasOwnProperty.call(o,s)===!1)continue;const f=o[s];typeof f!="object"||f===null?u[s]=f:f.constructor!==Object&&(n=r.get(f.constructor))?u[s]=n(f,i):ArrayBuffer.isView(f)?u[s]=R(f):u[s]=i(f)}return u}function c(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return t(o,c);if(o.constructor!==Object&&(n=r.get(o.constructor)))return n(o,c);const u={};for(const s in o){const f=o[s];typeof f!="object"||f===null?u[s]=f:f.constructor!==Object&&(n=r.get(f.constructor))?u[s]=n(f,c):ArrayBuffer.isView(f)?u[s]=R(f):u[s]=c(f)}return u}}function je(e){const r=[],n=[],t=new Map;if(t.set(Date,s=>new Date(s)),t.set(Map,(s,f)=>new Map(c(Array.from(s),f))),t.set(Set,(s,f)=>new Set(c(Array.from(s),f))),e.constructorHandlers)for(const s of e.constructorHandlers)t.set(s[0],s[1]);let i;return e.proto?u:o;function c(s,f){const y=Object.keys(s),l=Array.from({length:y.length});for(let d=0;d<y.length;d++){const h=y[d],m=s[h];if(typeof m!="object"||m===null)l[h]=m;else if(m.constructor!==Object&&(i=t.get(m.constructor)))l[h]=i(m,f);else if(ArrayBuffer.isView(m))l[h]=R(m);else{const j=r.indexOf(m);j!==-1?l[h]=n[j]:l[h]=f(m)}}return l}function o(s){if(typeof s!="object"||s===null)return s;if(Array.isArray(s))return c(s,o);if(s.constructor!==Object&&(i=t.get(s.constructor)))return i(s,o);const f={};r.push(s),n.push(f);for(const y in s){if(Object.hasOwnProperty.call(s,y)===!1)continue;const l=s[y];if(typeof l!="object"||l===null)f[y]=l;else if(l.constructor!==Object&&(i=t.get(l.constructor)))f[y]=i(l,o);else if(ArrayBuffer.isView(l))f[y]=R(l);else{const d=r.indexOf(l);d!==-1?f[y]=n[d]:f[y]=o(l)}}return r.pop(),n.pop(),f}function u(s){if(typeof s!="object"||s===null)return s;if(Array.isArray(s))return c(s,u);if(s.constructor!==Object&&(i=t.get(s.constructor)))return i(s,u);const f={};r.push(s),n.push(f);for(const y in s){const l=s[y];if(typeof l!="object"||l===null)f[y]=l;else if(l.constructor!==Object&&(i=t.get(l.constructor)))f[y]=i(l,u);else if(ArrayBuffer.isView(l))f[y]=R(l);else{const d=r.indexOf(l);d!==-1?f[y]=n[d]:f[y]=u(l)}}return r.pop(),n.pop(),f}}const M=Z();function J(e,r=8){const n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let t="";for(let i=0;i<r;i++){const c=Math.floor(Math.random()*n.length);t+=n[c]}return e?`${e}${t}`:t}function ve(e,r){const n=e.variables.find(t=>t.name===r);if(!n)throw new Error(`Variable "${r}" not found`);return n}function Ae(e,r){const n=e.utilities.find(t=>t.name===r);if(!n)throw new Error(`Utility "${r}" not found`);return n}function Q(e,r){const n=e.modifiers.find(t=>t.key.includes(r));if(!n)throw new Error(`Modifier "${r}" not found`);return n}function T(e,r){if(e===r)return!0;if(typeof e!=typeof r)return!1;if(e===null||r===null)return e===r;if(typeof e!="object"||typeof r!="object")return!1;if(Array.isArray(e)&&Array.isArray(r))return e.length!==r.length?!1:e.every((n,t)=>T(n,r[t]));if("type"in e&&"type"in r){if(e.type!==r.type)return!1;if(A(e)&&A(r))return e.name===r.name&&T(e.fallback,r.fallback);if(k(e)&&k(r))return T(e.value,r.value)}return!1}const X="__licenseRequired";function Re(e){E(e)||Object.defineProperty(e,X,{value:!0,writable:!1,configurable:!1,enumerable:!0})}function E(e){return Object.prototype.hasOwnProperty.call(e,X)}function x(e,r){const n=[...e];for(const t of r){const i=n.find(c=>c.name===t.name);i?i.value=t.value:n.push(t)}return n}function ee(e,r){const n=[...e];for(const t of r){const i=n.find(c=>c.name===t.name);i?Object.assign(i,B(i,t)):n.push(t)}return n}function B(e,r){return Object.keys(e).reduce((n,t)=>(t==="variables"?n.variables=x(e.variables,r.variables):t==="declarations"?n.declarations={...e.declarations,...r.declarations}:t==="themes"&&F(n)&&F(e)&&F(r)?n.themes=ee(e.themes,r.themes):Array.isArray(e[t])&&(n[t]=e[t].concat(r[t])),n),{...e,...r})}function Ve(e,...r){return r.reduce((n,t)=>{const i={...n,root:B(n.root,t.root)};return(E(n)||E(t))&&Re(i),i},e)}function te(e){const r=[];function n(t,i){i.length>0&&r.push([...i].sort());for(let c=t;c<e.length;c++){const o=e[c];if(o)if(o.length===1&&o[0])n(c+1,[...i,o[0]]);else for(const u of o)n(c+1,[...i,u])}}return n(0,[]),r.sort((t,i)=>t.length!==i.length?t.length-i.length:t.join(",").localeCompare(i.join(",")))}function ne(e,r,n){const t={...e,modifiers:[...n.keys()]},i=g(t,r);for(const c of n.values())c.factory({...i,declarations:M(t.declarations),variables:M(t.variables),children:M(t.children)}),w(t.declarations,i);return t}function re(e,r){return function(t,i){const c={type:"modifier",key:Array.isArray(t)?t:[t],factory:i};return r.modifiers.push(c),c}}function ie(){return{type:"root",declarations:{},utilities:[],modifiers:[],recipes:[],variables:[],children:[],themes:[]}}function oe(e,r){return function(t,i,c={}){const o={type:"utility",name:t,factory:i,values:[],autogenerate:c.autogenerate??q(),create:(u,s=[])=>{let f=u;if(Array.isArray(u)){f={};for(const y of u){const l=o.autogenerate(y);f={...f,...l}}}for(const[y,l]of Object.entries(f)){const d=o.values.find(j=>j.key===y&&j.modifiers.length===0),h={type:"utility",name:t,value:y,declarations:{},variables:[],children:[],modifiers:[]},m=g(h,r);if(h.declarations=i({...m,value:l})??{},w(h.declarations,m),d||(o.values.push({key:y,value:l,modifiers:[]}),e.children.push(h)),s&&s.length>0){const j=s.map(v=>v.key),ke=te(j).filter(v=>!o.values.find(V=>V.key===y&&V.modifiers.length===v.length&&V.modifiers.every(C=>v.includes(C)))).reduce((v,V)=>{const C=new Map;for(const ye of V){const _=s.find(Fe=>Fe.key.includes(ye));_&&P(_)&&C.set(ye,_)}return o.values.push({key:y,value:l,modifiers:V}),v.push(ne(h,r,C)),v},[]);e.children.push(...ke)}}}};return r.utilities.push(o),o.create}}function se(e,r){return function(t,i){const c=r.themes.find(s=>s.name===t),o=c??{type:"theme",name:t,declarations:{},variables:[],children:[]};c||r.themes.push(o);const u=g(o,r);return i&&i(u),o}}function ce(e,r){return function(t){const i={type:"recipe",...t};return i._runtime=ue(i,r),le(i,r),r.recipes.push(i),i}}function fe(e,r){const n=e.autogenerate(r);return Object.keys(n)[0]??"default"}function K(e,r){const n={};for(const[t,i]of Object.entries(e))if(ae(i)){const c={};for(const[o,u]of Object.entries(i)){const s=D(r,o);s&&(c[o]=fe(s,u))}n[t]=c}else if(typeof i=="boolean")n[t]=i;else{const c=D(r,t);c&&(n[t]=fe(c,i))}return n}function ue(e,r){const n={};if(e.base&&(n.base=K(e.base,r)),e.variants){const t={};for(const[i,c]of Object.entries(e.variants)){const o={};for(const[u,s]of Object.entries(c))s==null?o[u]=null:o[u]=K(s,r);t[i]=o}n.variants=t}return e.defaultVariants&&(n.defaultVariants={...e.defaultVariants}),e.compoundVariants&&(n.compoundVariants=e.compoundVariants.map(t=>({match:{...t.match},css:K(t.css,r)}))),n}function ae(e){return!A(e)&&typeof e=="object"&&e!==null}function U(e,r){const n=(t,i,c)=>{let o=r.get(t);o||(o=[],r.set(t,o)),o.push({value:i,modifiers:c})};for(const[t,i]of Object.entries(e))if(ae(i)){const c=t.split(":");for(const[o,u]of Object.entries(i))n(o,u,c)}else n(t,i,[])}function D(e,r){const n=e.utilities.find(i=>i.name===r);if(n)return n;const t=r.replace(/[A-Z]/g,i=>`-${i.toLowerCase()}`);return e.utilities.find(i=>i.name===t)}function le(e,r){const n=new Map;if(e.base&&U(e.base,n),e.variants)for(const i of Object.values(e.variants))for(const c of Object.values(i))U(c,n);if(e.compoundVariants)for(const i of e.compoundVariants)i.css&&U(i.css,n);const t=new Map;for(const[i,c]of n){const o=D(r,i);if(!o){console.warn(`[styleframe] Utility "${i}" not found in registry. Skipping.`);continue}for(const u of c){const s=[];for(const f of u.modifiers){if(!t.has(f))try{t.set(f,Q(r,f))}catch{console.warn(`[styleframe] Modifier "${f}" not found in registry. Skipping modifier for utility "${i}".`),t.set(f,null)}const y=t.get(f);y&&s.push(y)}o.create([u.value],s.length>0?s:void 0)}}}function we(e){const r=J("sf-"),n=ie(),t={...e},i=oe(n,n),c=re(n,n),o=ce(n,n),u=se(n,n),{variable:s,selector:f,atRule:y,keyframes:l,media:d,ref:h,css:m}=g(n,n);return{id:r,root:n,variable:s,selector:f,utility:i,modifier:c,recipe:o,theme:u,atRule:y,keyframes:l,media:d,ref:h,css:m,options:t}}a.applyModifiers=ne,a.capitalizeFirst=ge,a.combineKeys=te,a.createAtRuleFunction=O,a.createCssFunction=I,a.createDeclarationsCallbackContext=g,a.createKeyframesFunction=z,a.createMediaFunction=L,a.createModifierFunction=re,a.createRecipeFunction=ce,a.createRefFunction=G,a.createRoot=ie,a.createSelectorFunction=W,a.createThemeFunction=se,a.createUtilityFunction=oe,a.createVariableFunction=Y,a.deepClone=M,a.generateRandomId=J,a.generateRecipeRuntime=ue,a.getModifier=Q,a.getUtility=Ae,a.getVariable=ve,a.isAtRule=me,a.isCSS=k,a.isContainer=N,a.isModifier=P,a.isObject=b,a.isPrimitiveTokenValue=H,a.isRecipe=be,a.isRef=A,a.isRoot=F,a.isSelector=de,a.isTheme=pe,a.isToken=p,a.isTokenEqual=T,a.isTokenValue=S,a.isUtility=he,a.isVariable=$,a.merge=Ve,a.mergeContainers=B,a.mergeThemesArray=ee,a.mergeVariablesArray=x,a.parseDeclarationsBlock=w,a.processRecipeUtilities=le,a.rfdc=Z,a.styleframe=we,a.transformUtilityKey=q,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/core",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "type": "module",
   "types": "./dist/styleframe.d.ts",
   "module": "./dist/styleframe.js",