@styleframe/core 2.3.0 → 2.4.0

package/dist/styleframe.js

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