@styleframe/core 3.4.0 → 3.6.0

package/dist/styleframe.js

@@ -1,988 +1,843 @@
+//#region src/typeGuards.ts
+function e(e) {
+	return typeof e == "object" && !!e;
+}
+function t(t, n) {
+	return e(t) && "type" in t && t.type === n;
+}
+function n(e) {
+	return t(e, "variable");
+}
+function r(e) {
+	return t(e, "reference");
+}
+function i(e) {
+	return t(e, "selector");
+}
+function a(e) {
+	return t(e, "at-rule");
+}
+function o(e) {
+	return t(e, "utility");
+}
+function s(e) {
+	return t(e, "modifier");
+}
+function c(e) {
+	return t(e, "css");
+}
+function l(e) {
+	return t(e, "theme");
+}
+function u(e) {
+	return t(e, "root");
+}
+function d(e) {
+	return t(e, "recipe");
+}
+function f(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
+}
+function p(e) {
+	return f(e) || r(e) || c(e) || Array.isArray(e) && e.every(p);
+}
+function m(t) {
+	return e(t) && "id" in t && "children" in t && "declarations" in t && "variables" in t;
+}
+function h(t) {
+	return e(t) && "children" in t && "declarations" in t && "variables" in t;
+}
+function g(e) {
+	return typeof e == "string" && e.startsWith("@");
+}
+function ee(t) {
+	return e(t) && "id" in t && "root" in t && "variable" in t && "selector" in t && "recipe" in t && typeof t.id == "string" && u(t.root);
+}
+//#endregion
+//#region src/utils/hash.ts
+function _(e) {
+	let t = 5381;
+	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n) & 4294967295;
+	return (t >>> 0).toString(16).padStart(7, "0").slice(0, 7);
+}
+//#endregion
+//#region src/defaults.ts
+function v(e) {
+	let { replacer: t = (e) => e, namespace: n } = typeof e == "function" ? { replacer: e } : e ?? {}, i = Array.isArray(n) ? n : n ? [n] : [];
+	return (e) => {
+		let n = e, a;
+		if (typeof n == "string" && n[0] === "@") {
+			let e = n.slice(1), r = i.find((t) => e === t || e.startsWith(`${t}.`)), o, s;
+			r ? (o = e, s = e.startsWith(`${r}.`) ? e.slice(r.length + 1) : e) : i.length > 0 ? (o = `${i[0]}.${e}`, s = e) : (o = e, s = e), a = t(s), n = {
+				type: "reference",
+				name: o
+			};
+		} else if (r(n)) {
+			let e = n.name;
+			for (let t of i) if (e.startsWith(`${t}.`)) {
+				e = e.slice(t.length + 1);
+				break;
+			}
+			a = t(e);
+		} else {
+			let t = String(e).trim();
+			a = /\s/.test(t) ? _(t) : `[${t}]`;
+		}
+		return { [a]: n };
+	};
+}
+var te = ({ name: e, value: t, modifiers: n }) => `_${[
+	...n,
+	e,
+	...t === "default" ? [] : [t]
+].filter(Boolean).join(":")}`;
+//#endregion
+//#region src/tokens/resolve.ts
+function y(e, t) {
+	if (r(t)) {
+		e._usage.variables.add(t.name);
+		return;
+	}
+	if (c(t)) for (let n of t.value) r(n) && e._usage.variables.add(n.name);
+}
+var b = /@([\w.-]+)/g;
 function x(e) {
-  return typeof e == "object" && e !== null;
-}
-function g(e, t) {
-  return x(e) && "type" in e && e.type === t;
-}
-function L(e) {
-  return g(e, "variable");
-}
-function b(e) {
-  return g(e, "reference");
-}
-function Fe(e) {
-  return g(e, "selector");
-}
-function te(e) {
-  return g(e, "at-rule");
-}
-function Ne(e) {
-  return g(e, "utility");
-}
-function ne(e) {
-  return g(e, "modifier");
-}
-function T(e) {
-  return g(e, "css");
-}
-function Se(e) {
-  return g(e, "theme");
-}
-function $(e) {
-  return g(e, "root");
-}
-function Oe(e) {
-  return g(e, "recipe");
-}
+	let t = [], n = 0, r;
+	for (b.lastIndex = 0; (r = b.exec(e)) !== null;) {
+		let i = e.slice(n, r.index);
+		i !== "" && t.push(i), t.push({
+			type: "reference",
+			name: r[1]
+		}), n = b.lastIndex;
+	}
+	let i = e.slice(n);
+	return i !== "" && t.push(i), t;
+}
+function S(e, t, n) {
+	let r = t;
+	for (; r;) {
+		if (r.variables.some((t) => t.name === e)) return !0;
+		if (r.parentId) r = n._registry.get(r.parentId);
+		else break;
+	}
+	return !1;
+}
+function C(e, t, n) {
+	if (!S(e, t, n)) throw Error(`[styleframe] Variable "${e}" is not defined. Check that the variable exists before referencing it with "@${e}".`);
+}
+function w(e, t) {
+	return function(n) {
+		if (typeof n != "string" || !n.includes("@")) return n;
+		if (g(n) && /^@[\w.-]+$/.test(n)) {
+			let r = n.slice(1);
+			return C(r, e, t), t._usage.variables.add(r), {
+				type: "reference",
+				name: r
+			};
+		}
+		let i = x(n);
+		if (i.some((e) => r(e))) {
+			for (let e of i) r(e) && t._usage.variables.add(e.name);
+			return {
+				type: "css",
+				value: i
+			};
+		}
+		return n;
+	};
+}
+//#endregion
+//#region src/tokens/ref.ts
+function T(e, t) {
+	return function(r, i) {
+		let a = w(e, t), o = i == null ? i : a(i);
+		if (n(r)) return t._usage.variables.add(r.name), {
+			type: "reference",
+			name: r.name,
+			fallback: o
+		};
+		if (r == null) throw Error(`[styleframe] ref() received ${String(r)}. This usually means you're referencing a variable that doesn't exist.`);
+		return t._usage.variables.add(r), {
+			type: "reference",
+			name: r,
+			fallback: o
+		};
+	};
+}
+//#endregion
+//#region src/tokens/css.ts
+function ne(e, t) {
+	let i = T(e, t), o = (e) => {
+		let n = x(e);
+		for (let e of n) r(e) && t._usage.variables.add(e.name);
+		return n;
+	};
+	return function(e, ...t) {
+		return {
+			type: "css",
+			value: e.reduce((e, r, s) => {
+				if (e.push(...o(r)), s < t.length) {
+					let r = t[s];
+					n(r) ? e.push(i(r)) : a(r) ? e.push(r.rule) : typeof r == "string" && r.includes("@") ? e.push(...o(r)) : e.push(r);
+				}
+				return e;
+			}, [])
+		};
+	};
+}
+//#endregion
+//#region src/utils/capitalizeFirst.ts
 function re(e) {
-  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
-}
-function B(e) {
-  return re(e) || b(e) || T(e) || Array.isArray(e) && e.every(B);
-}
-function Te(e) {
-  return x(e) && "id" in e && "children" in e && "declarations" in e && "variables" in e;
-}
-function G(e) {
-  return x(e) && "children" in e && "declarations" in e && "variables" in e;
+	return e.charAt(0).toUpperCase() + e.slice(1);
 }
+//#endregion
+//#region src/utils/cssSelector.ts
 function ie(e) {
-  return typeof e == "string" && e.startsWith("@");
-}
-function Be(e) {
-  return x(e) && "id" in e && "root" in e && "variable" in e && "selector" in e && "recipe" in e && typeof e.id == "string" && $(e.root);
-}
-function se(e) {
-  let t = 5381;
-  for (let r = 0; r < e.length; r++)
-    t = (t << 5) + t + e.charCodeAt(r) & 4294967295;
-  return (t >>> 0).toString(16).padStart(7, "0").slice(0, 7);
-}
-function z(e) {
-  const t = typeof e == "function" ? { replacer: e } : e ?? {}, { replacer: r = (o) => o, namespace: n } = t, s = Array.isArray(n) ? n : n ? [n] : [];
-  return (o) => {
-    let i = o, f;
-    if (typeof i == "string" && i[0] === "@") {
-      const c = i.slice(1), a = s.find(
-        (d) => c === d || c.startsWith(`${d}.`)
-      );
-      let l, u;
-      a ? (l = c, u = c.startsWith(`${a}.`) ? c.slice(a.length + 1) : c) : s.length > 0 ? (l = `${s[0]}.${c}`, u = c) : (l = c, u = c), f = r(u), i = {
-        type: "reference",
-        name: l
-      };
-    } else if (b(i)) {
-      let c = i.name;
-      for (const a of s)
-        if (c.startsWith(`${a}.`)) {
-          c = c.slice(a.length + 1);
-          break;
-        }
-      f = r(c);
-    } else {
-      const c = String(o).trim();
-      /\s/.test(c) ? f = se(c) : f = `[${c}]`;
-    }
-    return {
-      [f]: i
-    };
-  };
-}
-const Pe = ({
-  name: e,
-  value: t,
-  modifiers: r
-}) => `_${[
-  ...r,
-  e,
-  ...t === "default" ? [] : [t]
-].filter(Boolean).join(":")}`, F = /@([\w.-]+)/g;
-function P(e) {
-  const t = [];
-  let r = 0, n;
-  for (F.lastIndex = 0; (n = F.exec(e)) !== null; ) {
-    const o = e.slice(r, n.index);
-    o !== "" && t.push(o), t.push({ type: "reference", name: n[1] }), r = F.lastIndex;
-  }
-  const s = e.slice(r);
-  return s !== "" && t.push(s), t;
-}
-function oe(e, t, r) {
-  let n = t;
-  for (; n; ) {
-    if (n.variables.some((s) => s.name === e))
-      return !0;
-    if (n.parentId)
-      n = r._registry.get(n.parentId);
-    else
-      break;
-  }
-  return !1;
-}
-function ce(e, t, r) {
-  if (!oe(e, t, r))
-    throw new Error(
-      `[styleframe] Variable "${e}" is not defined. Check that the variable exists before referencing it with "@${e}".`
-    );
-}
-function I(e, t) {
-  return function(n) {
-    if (typeof n != "string" || !n.includes("@"))
-      return n;
-    if (ie(n) && /^@[\w.-]+$/.test(n)) {
-      const i = n.slice(1);
-      return ce(i, e, t), t._usage.variables.add(i), { type: "reference", name: i };
-    }
-    const s = P(n);
-    if (s.some((i) => b(i))) {
-      for (const i of s)
-        b(i) && t._usage.variables.add(i.name);
-      return { type: "css", value: s };
-    }
-    return n;
-  };
-}
-function q(e, t) {
-  return function(n, s) {
-    const o = I(e, t), i = s != null ? o(s) : s;
-    if (L(n))
-      return t._usage.variables.add(n.name), {
-        type: "reference",
-        name: n.name,
-        fallback: i
-      };
-    if (n == null)
-      throw new Error(
-        `[styleframe] ref() received ${String(n)}. This usually means you're referencing a variable that doesn't exist.`
-      );
-    return t._usage.variables.add(n), {
-      type: "reference",
-      name: n,
-      fallback: i
-    };
-  };
+	return `.${e.replace(/[[\].#()%,:/]/g, "\\$&")}`;
 }
-function fe(e, t) {
-  const r = q(e, t);
-  return function(s, ...o) {
-    return {
-      type: "css",
-      value: s.reduce((f, c, a) => {
-        if (f.push(...P(c)), a < o.length) {
-          const l = o[a];
-          L(l) ? f.push(r(l)) : te(l) ? f.push(l.rule) : typeof l == "string" && l.includes("@") ? f.push(...P(l)) : f.push(l);
-        }
-        return f;
-      }, [])
-    };
-  };
-}
-function Ue(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-function De(e) {
-  return `.${e.replace(/[[\].#()%,:/]/g, "\\$&")}`;
-}
-function j(e) {
-  if (e instanceof Buffer)
-    return Buffer.from(e);
-  const t = e.constructor;
-  return new t(
-    e.buffer.slice(0),
-    e.byteOffset,
-    e.byteLength / e.BYTES_PER_ELEMENT || 1
-  );
+//#endregion
+//#region src/utils/deepClone.ts
+function E(e) {
+	if (e instanceof Buffer) return Buffer.from(e);
+	let t = e.constructor;
+	return new t(e.buffer.slice(0), e.byteOffset, e.byteLength / e.BYTES_PER_ELEMENT || 1);
 }
 function ae(e) {
-  if (e = e || {}, e.circular)
-    return ue(e);
-  const t = /* @__PURE__ */ new Map();
-  if (t.set(Date, (i) => new Date(i)), t.set(
-    Map,
-    (i, f) => new Map(n(Array.from(i), f))
-  ), t.set(
-    Set,
-    (i, f) => new Set(n(Array.from(i), f))
-  ), e.constructorHandlers)
-    for (const i of e.constructorHandlers)
-      t.set(i[0], i[1]);
-  let r;
-  return e.proto ? o : s;
-  function n(i, f) {
-    const c = Object.keys(i), a = Array.from({ length: c.length });
-    for (let l = 0; l < c.length; l++) {
-      const u = c[l], d = i[u];
-      typeof d != "object" || d === null ? a[u] = d : d.constructor !== Object && (r = t.get(d.constructor)) ? a[u] = r(d, f) : ArrayBuffer.isView(d) ? a[u] = j(d) : a[u] = f(d);
-    }
-    return a;
-  }
-  function s(i) {
-    if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return n(i, s);
-    if (i.constructor !== Object && (r = t.get(i.constructor)))
-      return r(i, s);
-    const f = {};
-    for (const c in i) {
-      if (Object.hasOwnProperty.call(i, c) === !1) continue;
-      const a = i[c];
-      typeof a != "object" || a === null ? f[c] = a : a.constructor !== Object && (r = t.get(a.constructor)) ? f[c] = r(a, s) : ArrayBuffer.isView(a) ? f[c] = j(a) : f[c] = s(a);
-    }
-    return f;
-  }
-  function o(i) {
-    if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return n(i, o);
-    if (i.constructor !== Object && (r = t.get(i.constructor)))
-      return r(i, o);
-    const f = {};
-    for (const c in i) {
-      const a = i[c];
-      typeof a != "object" || a === null ? f[c] = a : a.constructor !== Object && (r = t.get(a.constructor)) ? f[c] = r(a, o) : ArrayBuffer.isView(a) ? f[c] = j(a) : f[c] = o(a);
-    }
-    return f;
-  }
-}
+	if (e ||= {}, e.circular) return oe(e);
+	let t = /* @__PURE__ */ new Map();
+	if (t.set(Date, (e) => new Date(e)), t.set(Map, (e, t) => new Map(r(Array.from(e), t))), t.set(Set, (e, t) => new Set(r(Array.from(e), t))), e.constructorHandlers) for (let n of e.constructorHandlers) t.set(n[0], n[1]);
+	let n;
+	return e.proto ? a : i;
+	function r(e, r) {
+		let i = Object.keys(e), a = Array.from({ length: i.length });
+		for (let o = 0; o < i.length; o++) {
+			let s = i[o], c = e[s];
+			typeof c != "object" || !c ? a[s] = c : c.constructor !== Object && (n = t.get(c.constructor)) ? a[s] = n(c, r) : ArrayBuffer.isView(c) ? a[s] = E(c) : a[s] = r(c);
+		}
+		return a;
+	}
+	function i(e) {
+		if (typeof e != "object" || !e) return e;
+		if (Array.isArray(e)) return r(e, i);
+		if (e.constructor !== Object && (n = t.get(e.constructor))) return n(e, i);
+		let a = {};
+		for (let r in e) {
+			if (Object.hasOwnProperty.call(e, r) === !1) continue;
+			let o = e[r];
+			typeof o != "object" || !o ? a[r] = o : o.constructor !== Object && (n = t.get(o.constructor)) ? a[r] = n(o, i) : ArrayBuffer.isView(o) ? a[r] = E(o) : a[r] = i(o);
+		}
+		return a;
+	}
+	function a(e) {
+		if (typeof e != "object" || !e) return e;
+		if (Array.isArray(e)) return r(e, a);
+		if (e.constructor !== Object && (n = t.get(e.constructor))) return n(e, a);
+		let i = {};
+		for (let r in e) {
+			let o = e[r];
+			typeof o != "object" || !o ? i[r] = o : o.constructor !== Object && (n = t.get(o.constructor)) ? i[r] = n(o, a) : ArrayBuffer.isView(o) ? i[r] = E(o) : i[r] = a(o);
+		}
+		return i;
+	}
+}
+function oe(e) {
+	let t = [], n = [], r = /* @__PURE__ */ new Map();
+	if (r.set(Date, (e) => new Date(e)), r.set(Map, (e, t) => new Map(a(Array.from(e), t))), r.set(Set, (e, t) => new Set(a(Array.from(e), t))), e.constructorHandlers) for (let t of e.constructorHandlers) r.set(t[0], t[1]);
+	let i;
+	return e.proto ? s : o;
+	function a(e, a) {
+		let o = Object.keys(e), s = Array.from({ length: o.length });
+		for (let c = 0; c < o.length; c++) {
+			let l = o[c], u = e[l];
+			if (typeof u != "object" || !u) s[l] = u;
+			else if (u.constructor !== Object && (i = r.get(u.constructor))) s[l] = i(u, a);
+			else if (ArrayBuffer.isView(u)) s[l] = E(u);
+			else {
+				let e = t.indexOf(u);
+				e === -1 ? s[l] = a(u) : s[l] = n[e];
+			}
+		}
+		return s;
+	}
+	function o(e) {
+		if (typeof e != "object" || !e) return e;
+		if (Array.isArray(e)) return a(e, o);
+		if (e.constructor !== Object && (i = r.get(e.constructor))) return i(e, o);
+		let s = {};
+		t.push(e), n.push(s);
+		for (let a in e) {
+			if (Object.hasOwnProperty.call(e, a) === !1) continue;
+			let c = e[a];
+			if (typeof c != "object" || !c) s[a] = c;
+			else if (c.constructor !== Object && (i = r.get(c.constructor))) s[a] = i(c, o);
+			else if (ArrayBuffer.isView(c)) s[a] = E(c);
+			else {
+				let e = t.indexOf(c);
+				e === -1 ? s[a] = o(c) : s[a] = n[e];
+			}
+		}
+		return t.pop(), n.pop(), s;
+	}
+	function s(e) {
+		if (typeof e != "object" || !e) return e;
+		if (Array.isArray(e)) return a(e, s);
+		if (e.constructor !== Object && (i = r.get(e.constructor))) return i(e, s);
+		let o = {};
+		t.push(e), n.push(o);
+		for (let a in e) {
+			let c = e[a];
+			if (typeof c != "object" || !c) o[a] = c;
+			else if (c.constructor !== Object && (i = r.get(c.constructor))) o[a] = i(c, s);
+			else if (ArrayBuffer.isView(c)) o[a] = E(c);
+			else {
+				let e = t.indexOf(c);
+				e === -1 ? o[a] = s(c) : o[a] = n[e];
+			}
+		}
+		return t.pop(), n.pop(), o;
+	}
+}
+var D = ae();
+//#endregion
+//#region src/utils/generateRandomId.ts
+function O(e, t = 8) {
+	let n = "";
+	for (let e = 0; e < t; e++) {
+		let e = Math.floor(Math.random() * 62);
+		n += "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"[e];
+	}
+	return e ? `${e}${n}` : n;
+}
+//#endregion
+//#region src/utils/getters.ts
+function se(e, t) {
+	let n = e.variables.find((e) => e.name === t);
+	if (!n) throw Error(`Variable "${t}" not found`);
+	return n;
+}
+function ce(e, t) {
+	let n = e.utilities.find((e) => e.name === t);
+	if (!n) throw Error(`Utility "${t}" not found`);
+	return n;
+}
+function k(e, t) {
+	let n = e.modifiers.find((e) => e.key.includes(t));
+	if (!n) throw Error(`Modifier "${t}" not found`);
+	return n;
+}
+//#endregion
+//#region src/utils/isTokenEqual.ts
+function A(e, t) {
+	if (e === t) return !0;
+	if (typeof e != typeof t) return !1;
+	if (e === null || t === null) return e === t;
+	if (typeof e != "object" || typeof t != "object") return !1;
+	if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length ? e.every((e, n) => A(e, t[n])) : !1;
+	if ("type" in e && "type" in t) {
+		if (e.type !== t.type) return !1;
+		if (r(e) && r(t)) return e.name === t.name && A(e.fallback, t.fallback);
+		if (c(e) && c(t)) return A(e.value, t.value);
+	}
+	return !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@styleframe+license@2.0.2/node_modules/@styleframe/license/dist/license.js
+var le = "__licenseRequired";
 function ue(e) {
-  const t = [], r = [], n = /* @__PURE__ */ new Map();
-  if (n.set(Date, (c) => new Date(c)), n.set(
-    Map,
-    (c, a) => new Map(o(Array.from(c), a))
-  ), n.set(
-    Set,
-    (c, a) => new Set(o(Array.from(c), a))
-  ), e.constructorHandlers)
-    for (const c of e.constructorHandlers)
-      n.set(c[0], c[1]);
-  let s;
-  return e.proto ? f : i;
-  function o(c, a) {
-    const l = Object.keys(c), u = Array.from({ length: l.length });
-    for (let d = 0; d < l.length; d++) {
-      const y = l[d], p = c[y];
-      if (typeof p != "object" || p === null)
-        u[y] = p;
-      else if (p.constructor !== Object && (s = n.get(p.constructor)))
-        u[y] = s(p, a);
-      else if (ArrayBuffer.isView(p))
-        u[y] = j(p);
-      else {
-        const h = t.indexOf(p);
-        h !== -1 ? u[y] = r[h] : u[y] = a(p);
-      }
-    }
-    return u;
-  }
-  function i(c) {
-    if (typeof c != "object" || c === null) return c;
-    if (Array.isArray(c)) return o(c, i);
-    if (c.constructor !== Object && (s = n.get(c.constructor)))
-      return s(c, i);
-    const a = {};
-    t.push(c), r.push(a);
-    for (const l in c) {
-      if (Object.hasOwnProperty.call(c, l) === !1) continue;
-      const u = c[l];
-      if (typeof u != "object" || u === null)
-        a[l] = u;
-      else if (u.constructor !== Object && (s = n.get(u.constructor)))
-        a[l] = s(u, i);
-      else if (ArrayBuffer.isView(u))
-        a[l] = j(u);
-      else {
-        const d = t.indexOf(u);
-        d !== -1 ? a[l] = r[d] : a[l] = i(u);
-      }
-    }
-    return t.pop(), r.pop(), a;
-  }
-  function f(c) {
-    if (typeof c != "object" || c === null) return c;
-    if (Array.isArray(c)) return o(c, f);
-    if (c.constructor !== Object && (s = n.get(c.constructor)))
-      return s(c, f);
-    const a = {};
-    t.push(c), r.push(a);
-    for (const l in c) {
-      const u = c[l];
-      if (typeof u != "object" || u === null)
-        a[l] = u;
-      else if (u.constructor !== Object && (s = n.get(u.constructor)))
-        a[l] = s(u, f);
-      else if (ArrayBuffer.isView(u))
-        a[l] = j(u);
-      else {
-        const d = t.indexOf(u);
-        d !== -1 ? a[l] = r[d] : a[l] = f(u);
-      }
-    }
-    return t.pop(), r.pop(), a;
-  }
-}
-const M = ae();
-function A(e, t = 8) {
-  const r = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let n = "";
-  for (let s = 0; s < t; s++) {
-    const o = Math.floor(Math.random() * r.length);
-    n += r[o];
-  }
-  return e ? `${e}${n}` : n;
-}
-function Ce(e, t) {
-  const r = e.variables.find((n) => n.name === t);
-  if (!r)
-    throw new Error(`Variable "${t}" not found`);
-  return r;
-}
-function Ie(e, t) {
-  const r = e.utilities.find((n) => n.name === t);
-  if (!r)
-    throw new Error(`Utility "${t}" not found`);
-  return r;
-}
-function le(e, t) {
-  const r = e.modifiers.find(
-    (n) => n.key.includes(t)
-  );
-  if (!r)
-    throw new Error(`Modifier "${t}" not found`);
-  return r;
+	j(e) || Object.defineProperty(e, "__licenseRequired", {
+		value: !0,
+		writable: !1,
+		configurable: !1,
+		enumerable: !0
+	});
+}
+function j(e) {
+	return Object.prototype.hasOwnProperty.call(e, le);
+}
+//#endregion
+//#region src/utils/merge.ts
+function M(e, t) {
+	let n = [...e];
+	for (let e of t) {
+		let t = n.find((t) => t.name === e.name);
+		t ? t.value = e.value : n.push(e);
+	}
+	return n;
 }
 function N(e, t) {
-  if (e === t) return !0;
-  if (typeof e != typeof t) return !1;
-  if (e === null || t === null) return e === t;
-  if (typeof e != "object" || typeof t != "object") return !1;
-  if (Array.isArray(e) && Array.isArray(t))
-    return e.length !== t.length ? !1 : e.every((r, n) => N(r, t[n]));
-  if ("type" in e && "type" in t) {
-    if (e.type !== t.type) return !1;
-    if (b(e) && b(t))
-      return e.name === t.name && N(e.fallback, t.fallback);
-    if (T(e) && T(t))
-      return N(e.value, t.value);
-  }
-  return !1;
-}
-const X = "__licenseRequired";
-function de(e) {
-  U(e) || Object.defineProperty(e, X, {
-    value: !0,
-    writable: !1,
-    configurable: !1,
-    enumerable: !0
-  });
-}
-function U(e) {
-  return Object.prototype.hasOwnProperty.call(e, X);
-}
-function ye(e, t) {
-  const r = [...e];
-  for (const n of t) {
-    const s = r.find(
-      (o) => o.name === n.name
-    );
-    s ? s.value = n.value : r.push(n);
-  }
-  return r;
-}
-function pe(e, t) {
-  const r = [...e];
-  for (const n of t) {
-    const s = r.find(
-      (o) => o.name === n.name
-    );
-    s ? Object.assign(
-      s,
-      Y(s, n)
-    ) : r.push(n);
-  }
-  return r;
+	let n = [...e];
+	for (let e of t) {
+		let t = n.find((t) => t.name === e.name);
+		t ? Object.assign(t, P(t, e)) : n.push(e);
+	}
+	return n;
+}
+function P(e, t) {
+	return Object.keys(e).reduce((n, r) => (r === "variables" ? n.variables = M(e.variables, t.variables) : r === "declarations" ? n.declarations = {
+		...e.declarations,
+		...t.declarations
+	} : r === "themes" && u(n) && u(e) && u(t) ? n.themes = N(e.themes, t.themes) : Array.isArray(e[r]) && (n[r] = e[r].concat(t[r])), n), {
+		...e,
+		...t
+	});
+}
+function F(e, t) {
+	for (let n of e) "id" in n && typeof n.id == "string" && (t._registry.set(n.id, n), "children" in n && F(n.children, t));
+}
+function I(e) {
+	e._registry = /* @__PURE__ */ new Map(), e._registry.set(e.id, e), F(e.children, e);
+	for (let t of e.themes) e._registry.set(t.id, t), F(t.children, e);
+}
+function de(e, ...t) {
+	return t.reduce((e, t) => {
+		let n = {
+			...e,
+			root: P(e.root, t.root)
+		};
+		return I(n.root), (j(e) || j(t)) && ue(n), n;
+	}, e);
+}
+//#endregion
+//#region src/tokens/atRule.ts
+function L(e, t) {
+	return function(n, r, i) {
+		let a = {
+			type: "at-rule",
+			id: O("ar-"),
+			parentId: e.id,
+			identifier: n,
+			rule: r,
+			declarations: {},
+			variables: [],
+			children: []
+		};
+		t._registry.set(a.id, a);
+		let o = H(a, t);
+		return typeof i == "function" ? a.declarations = i(o) ?? {} : h(i) ? (a.variables = i.variables, a.declarations = i.declarations, a.children = i.children) : i && (a.declarations = i), U(a.declarations, o, a, t), e.children.push(a), a;
+	};
+}
+function R(e, t) {
+	let n = L(e, t);
+	return function(e, t) {
+		return n("media", e, t);
+	};
+}
+function z(e, t) {
+	let n = L(e, t);
+	return function(e, t) {
+		return n("keyframes", e, t);
+	};
+}
+//#endregion
+//#region src/tokens/selector.ts
+function B(e, t) {
+	return function(n, r) {
+		let i = {
+			type: "selector",
+			id: O("sel-"),
+			parentId: e.id,
+			query: n,
+			declarations: {},
+			variables: [],
+			children: []
+		};
+		t._registry.set(i.id, i);
+		let a = H(i, t);
+		return typeof r == "function" ? i.declarations = r(a) ?? {} : h(r) ? (i.variables = r.variables, i.declarations = r.declarations, i.children = r.children) : i.declarations = r, U(i.declarations, a, i, t), e.children.push(i), i;
+	};
+}
+//#endregion
+//#region src/tokens/variable.ts
+function V(e, t) {
+	return function(n, r, i = { default: !1 }) {
+		let a = typeof n == "string" ? n : n.name, o = w(e, t)(r), s = e.variables.find((e) => e.name === a);
+		if (i.default && s) return s;
+		if (s) return s.value = o, s;
+		let c = {
+			type: "variable",
+			id: O("var-"),
+			parentId: e.id,
+			name: a,
+			value: o
+		};
+		return e.variables.push(c), c;
+	};
+}
+//#endregion
+//#region src/tokens/declarations.ts
+function H(e, t) {
+	let n = V(e, t), r = B(e, t), i = L(e, t);
+	return {
+		variable: n,
+		selector: r,
+		keyframes: z(t, t),
+		atRule: i,
+		media: R(e, t),
+		ref: T(t, t),
+		css: ne(t, t)
+	};
+}
+function U(e, t, n, r) {
+	for (let n in e) if (n.startsWith("@")) {
+		let r = e[n];
+		if (typeof r == "object" && r && !p(r)) {
+			let i = n.replace(/^@(\w+).*/, "$1"), a = n.replace(`@${i}`, "").trim();
+			t.atRule(i, a, r), delete e[n];
+		}
+	} else if (/^[.&:]/.test(n) || /^(\d+%|from|to)(\s*,\s*(\d+%|from|to))*$/.test(n)) {
+		let r = e[n];
+		typeof r == "object" && (t.selector(n, r), delete e[n]);
+	}
+	let i = w(n, r);
+	for (let t in e) {
+		let n = e[t];
+		if (p(n)) {
+			let r = i(n);
+			r !== n && (e[t] = r);
+		}
+	}
+	return e;
+}
+//#endregion
+//#region src/tokens/modifier.ts
+function W(e, t, n) {
+	let r = {
+		...e,
+		id: O("ut-"),
+		parentId: e.parentId,
+		declarations: { ...e.declarations },
+		variables: [...e.variables],
+		children: [...e.children],
+		modifiers: [...n.keys()]
+	};
+	if (t._registry.set(r.id, r), n.size > 0) {
+		let i = [...n.values()], a = D(e.declarations);
+		r.declarations = {}, r.variables = [], r.children = [];
+		for (let n = i.length - 1; n >= 0; n--) {
+			let o = H(r, t), s = i[n]?.factory({
+				...o,
+				declarations: D(a),
+				variables: D(e.variables),
+				children: D(e.children)
+			});
+			s && (a = s);
+		}
+		r.declarations = a;
+		let o = H(r, t);
+		U(r.declarations, o, r, t);
+	}
+	return r;
+}
+function G(e, t) {
+	return function(e, n) {
+		let r = {
+			type: "modifier",
+			key: Array.isArray(e) ? e : [e],
+			factory: n
+		};
+		return t.modifiers.push(r), r;
+	};
+}
+//#endregion
+//#region src/tokens/root.ts
+function K() {
+	let e = {
+		type: "root",
+		id: O("rt-"),
+		declarations: {},
+		utilities: [],
+		modifiers: [],
+		recipes: [],
+		variables: [],
+		children: [],
+		themes: [],
+		_registry: /* @__PURE__ */ new Map(),
+		_usage: {
+			variables: /* @__PURE__ */ new Set(),
+			utilities: /* @__PURE__ */ new Set(),
+			recipes: /* @__PURE__ */ new Set(),
+			recipeUtilities: /* @__PURE__ */ new Map()
+		}
+	};
+	return e._registry.set(e.id, e), e;
+}
+//#endregion
+//#region src/tokens/utility.ts
+function fe(e, t) {
+	let n = v({ namespace: e });
+	return (r) => {
+		if (typeof r == "string" && r[0] === "@") {
+			let i = r.slice(1), a = e.find((e) => i === e || i.startsWith(`${e}.`));
+			if (a) {
+				let e = i.slice(a.length + 1) || i;
+				if (t.variables.some((e) => e.name === i)) return t._usage.variables.add(i), { [e]: {
+					type: "reference",
+					name: i
+				} };
+			} else {
+				for (let n of e) {
+					let e = `${n}.${i}`;
+					if (t.variables.some((t) => t.name === e)) return t._usage.variables.add(e), { [i]: {
+						type: "reference",
+						name: e
+					} };
+				}
+				if (t.variables.some((e) => e.name === i)) return t._usage.variables.add(i), { [i]: {
+					type: "reference",
+					name: i
+				} };
+			}
+			return n(r);
+		}
+		return n(r);
+	};
+}
+function pe(e) {
+	let t = [/* @__PURE__ */ new Map()];
+	for (let n of e) {
+		if (!s(n)) continue;
+		let e = [];
+		for (let r of n.key) for (let i of t) {
+			let t = new Map(i);
+			t.set(r, n), e.push(t);
+		}
+		t = e;
+	}
+	return t.filter((e) => e.size > 0);
 }
+function q(e, t) {
+	return function(n, i, a = {}) {
+		let o = t.utilities.find((e) => e.name === n);
+		if (o) return o.create;
+		let s = {
+			type: "utility",
+			name: n,
+			factory: i,
+			values: [],
+			autogenerate: a.autogenerate ?? (Array.isArray(a.namespace) ? fe(a.namespace, t) : v(a.namespace ? { namespace: a.namespace } : void 0)),
+			namespace: a.namespace,
+			create: (a, o = []) => {
+				let c = a;
+				if (Array.isArray(a)) {
+					c = {};
+					for (let e of a) {
+						let n = s.autogenerate(e);
+						for (let e of Object.values(n)) y(t, e);
+						c = {
+							...c,
+							...n
+						};
+					}
+				}
+				for (let [a, l] of Object.entries(c)) {
+					let u = l;
+					if (typeof l == "string" && l[0] === "@") {
+						let e = l.slice(1);
+						!Array.isArray(c) && e in c && (u = c[e]);
+					}
+					if (s.namespace && r(l)) if (t.variables.some((e) => e.name === l.name)) u = l, t._usage.variables.add(l.name);
+					else {
+						let e = Array.isArray(s.namespace) ? s.namespace : [s.namespace], n = !1;
+						for (let r of e) {
+							let e = `${r}.${a}`;
+							if (e !== l.name && t.variables.some((t) => t.name === e)) {
+								u = {
+									type: "reference",
+									name: e
+								}, t._usage.variables.add(e), n = !0;
+								break;
+							}
+						}
+						n || (t.variables.some((e) => e.name === a) ? (u = {
+							type: "reference",
+							name: a
+						}, t._usage.variables.add(a)) : u = a);
+					}
+					let d = s.values.find((e) => e.key === a && e.modifiers.length === 0), f = {
+						type: "utility",
+						id: O("ut-"),
+						parentId: e.id,
+						name: n,
+						value: a,
+						declarations: {},
+						variables: [],
+						children: [],
+						modifiers: []
+					};
+					t._registry.set(f.id, f);
+					let p = H(f, t);
+					if (f.declarations = i({
+						...p,
+						value: u
+					}) ?? {}, U(f.declarations, p, f, t), d || (s.values.push({
+						key: a,
+						value: u,
+						modifiers: []
+					}), e.children.push(f)), o && o.length > 0) for (let n of o) {
+						let r = pe(Array.isArray(n) ? n : [n]);
+						for (let n of r) {
+							let r = [...n.keys()];
+							s.values.find((e) => e.key === a && e.modifiers.length === r.length && e.modifiers.every((e, t) => e === r[t])) || (s.values.push({
+								key: a,
+								value: u,
+								modifiers: r
+							}), e.children.push(W(f, t, n)));
+						}
+					}
+				}
+			}
+		};
+		return t.utilities.push(s), s.create;
+	};
+}
+//#endregion
+//#region src/tokens/theme.ts
+function J(e, t) {
+	return function(e, n) {
+		let r = t.themes.find((t) => t.name === e), i = r ?? {
+			type: "theme",
+			id: O("th-"),
+			parentId: t.id,
+			name: e,
+			declarations: {},
+			variables: [],
+			children: []
+		};
+		r || (t._registry.set(i.id, i), t.themes.push(i));
+		let a = H(i, t);
+		return n && n(a), i;
+	};
+}
+//#endregion
+//#region src/tokens/recipe.ts
 function Y(e, t) {
-  return Object.keys(e).reduce(
-    (r, n) => (n === "variables" ? r.variables = ye(e.variables, t.variables) : n === "declarations" ? r.declarations = { ...e.declarations, ...t.declarations } : n === "themes" && $(r) && $(e) && $(t) ? r.themes = pe(e.themes, t.themes) : Array.isArray(e[n]) && (r[n] = e[n].concat(
-      t[n]
-    )), r),
-    {
-      ...e,
-      ...t
-    }
-  );
-}
-function D(e, t) {
-  for (const r of e)
-    "id" in r && typeof r.id == "string" && (t._registry.set(r.id, r), "children" in r && D(r.children, t));
-}
-function me(e) {
-  e._registry = /* @__PURE__ */ new Map(), e._registry.set(e.id, e), D(e.children, e);
-  for (const t of e.themes)
-    e._registry.set(t.id, t), D(t.children, e);
-}
-function Ke(e, ...t) {
-  return t.reduce((r, n) => {
-    const s = {
-      ...r,
-      root: Y(r.root, n.root)
-    };
-    return me(s.root), (U(r) || U(n)) && de(s), s;
-  }, e);
-}
-function K(e, t) {
-  return function(n, s, o) {
-    const i = {
-      type: "at-rule",
-      id: A("ar-"),
-      parentId: e.id,
-      identifier: n,
-      rule: s,
-      declarations: {},
-      variables: [],
-      children: []
-    };
-    t._registry.set(i.id, i);
-    const f = v(i, t);
-    return typeof o == "function" ? i.declarations = o(f) ?? {} : G(o) ? (i.variables = o.variables, i.declarations = o.declarations, i.children = o.children) : o && (i.declarations = o), _(
-      i.declarations,
-      f,
-      i,
-      t
-    ), e.children.push(i), i;
-  };
+	return function(e) {
+		let n = {
+			type: "recipe",
+			...e
+		};
+		return n._runtime = he(n, t), _e(n, t), t.recipes.push(n), n;
+	};
+}
+function me(e, t) {
+	let n = e.autogenerate(t);
+	return Object.keys(n)[0] ?? "default";
+}
+function X(e, t) {
+	let n = {};
+	for (let [r, i] of Object.entries(e)) if (Z(i)) {
+		let e = {};
+		for (let [n, r] of Object.entries(i)) {
+			let i = $(t, n);
+			if (!i) throw Error(`[styleframe] Utility "${n}" not found in registry. Make sure the utility is registered before using it in a recipe.`);
+			e[n] = me(i, r);
+		}
+		n[ge(r)] = e;
+	} else if (typeof i == "boolean") n[r] = i;
+	else {
+		let e = $(t, r);
+		if (!e) throw Error(`[styleframe] Utility "${r}" not found in registry. Make sure the utility is registered before using it in a recipe.`);
+		n[r] = me(e, i);
+	}
+	return n;
 }
 function he(e, t) {
-  const r = K(e, t);
-  return function(s, o) {
-    return r("media", s, o);
-  };
-}
-function ge(e, t) {
-  const r = K(e, t);
-  return function(s, o) {
-    return r("keyframes", s, o);
-  };
-}
-function be(e, t) {
-  return function(n, s) {
-    const o = {
-      type: "selector",
-      id: A("sel-"),
-      parentId: e.id,
-      query: n,
-      declarations: {},
-      variables: [],
-      children: []
-    };
-    t._registry.set(o.id, o);
-    const i = v(o, t);
-    return typeof s == "function" ? o.declarations = s(i) ?? {} : G(s) ? (o.variables = s.variables, o.declarations = s.declarations, o.children = s.children) : o.declarations = s, _(
-      o.declarations,
-      i,
-      o,
-      t
-    ), e.children.push(o), o;
-  };
-}
-function Ae(e, t) {
-  return function(n, s, o = {
-    default: !1
-  }) {
-    const i = typeof n == "string" ? n : n.name, c = I(e, t)(s), a = e.variables.find(
-      (u) => u.name === i
-    );
-    if (o.default && a)
-      return a;
-    if (a)
-      return a.value = c, a;
-    const l = {
-      type: "variable",
-      id: A("var-"),
-      parentId: e.id,
-      name: i,
-      value: c
-    };
-    return e.variables.push(l), l;
-  };
-}
-function v(e, t) {
-  const r = Ae(e, t), n = be(e, t), s = K(e, t), o = ge(t, t), i = he(e, t), f = q(t, t), c = fe(t, t);
-  return {
-    variable: r,
-    selector: n,
-    keyframes: o,
-    atRule: s,
-    media: i,
-    ref: f,
-    css: c
-  };
-}
-function _(e, t, r, n) {
-  for (const o in e)
-    if (o.startsWith("@")) {
-      const i = e[o];
-      if (typeof i == "object" && i !== null && !B(i)) {
-        const f = o.replace(/^@(\w+).*/, "$1"), c = o.replace(`@${f}`, "").trim();
-        t.atRule(f, c, i), delete e[o];
-      }
-    } else if (/^[.&:]/.test(o) || /^(\d+%|from|to)(\s*,\s*(\d+%|from|to))*$/.test(o)) {
-      const i = e[o];
-      typeof i == "object" && (t.selector(o, i), delete e[o]);
-    }
-  const s = I(r, n);
-  for (const o in e) {
-    const i = e[o];
-    if (B(i)) {
-      const f = s(i);
-      f !== i && (e[o] = f);
-    }
-  }
-  return e;
-}
-function ve(e, t, r) {
-  const n = {
-    ...e,
-    id: A("ut-"),
-    parentId: e.parentId,
-    declarations: { ...e.declarations },
-    variables: [...e.variables],
-    children: [...e.children],
-    modifiers: [...r.keys()]
-  };
-  if (t._registry.set(n.id, n), r.size > 0) {
-    const s = [...r.values()];
-    let o = M(e.declarations);
-    n.declarations = {}, n.variables = [], n.children = [];
-    for (let f = s.length - 1; f >= 0; f--) {
-      const c = v(n, t), a = s[f]?.factory({
-        ...c,
-        declarations: M(o),
-        variables: M(e.variables),
-        children: M(e.children)
-      });
-      a && (o = a);
-    }
-    n.declarations = o;
-    const i = v(n, t);
-    _(
-      n.declarations,
-      i,
-      n,
-      t
-    );
-  }
-  return n;
-}
-function we(e, t) {
-  return function(n, s) {
-    const o = {
-      type: "modifier",
-      key: Array.isArray(n) ? n : [n],
-      factory: s
-    };
-    return t.modifiers.push(o), o;
-  };
-}
-function je() {
-  const e = {
-    type: "root",
-    id: A("rt-"),
-    declarations: {},
-    utilities: [],
-    modifiers: [],
-    recipes: [],
-    variables: [],
-    children: [],
-    themes: [],
-    _registry: /* @__PURE__ */ new Map(),
-    _usage: {
-      variables: /* @__PURE__ */ new Set()
-    }
-  };
-  return e._registry.set(e.id, e), e;
-}
-function Ve(e, t) {
-  const r = z({ namespace: e });
-  return (n) => {
-    if (typeof n == "string" && n[0] === "@") {
-      const s = n.slice(1), o = e.find(
-        (i) => s === i || s.startsWith(`${i}.`)
-      );
-      if (o) {
-        const i = s.slice(o.length + 1) || s;
-        if (t.variables.some((f) => f.name === s))
-          return {
-            [i]: {
-              type: "reference",
-              name: s
-            }
-          };
-      } else {
-        for (const i of e) {
-          const f = `${i}.${s}`;
-          if (t.variables.some((c) => c.name === f))
-            return {
-              [s]: {
-                type: "reference",
-                name: f
-              }
-            };
-        }
-        if (t.variables.some((i) => i.name === s))
-          return {
-            [s]: {
-              type: "reference",
-              name: s
-            }
-          };
-      }
-      return r(n);
-    }
-    return r(n);
-  };
-}
-function Re(e) {
-  let t = [/* @__PURE__ */ new Map()];
-  for (const r of e) {
-    if (!ne(r)) continue;
-    const n = [];
-    for (const s of r.key)
-      for (const o of t) {
-        const i = new Map(o);
-        i.set(s, r), n.push(i);
-      }
-    t = n;
-  }
-  return t.filter((r) => r.size > 0);
-}
-function ke(e, t) {
-  return function(n, s, o = {}) {
-    const i = t.utilities.find((c) => c.name === n);
-    if (i)
-      return i.create;
-    const f = {
-      type: "utility",
-      name: n,
-      factory: s,
-      values: [],
-      autogenerate: o.autogenerate ?? (Array.isArray(o.namespace) ? Ve(o.namespace, t) : z(
-        o.namespace ? { namespace: o.namespace } : void 0
-      )),
-      namespace: o.namespace,
-      create: (c, a = []) => {
-        let l = c;
-        if (Array.isArray(c)) {
-          l = {};
-          for (const u of c) {
-            const d = f.autogenerate(u);
-            l = {
-              ...l,
-              ...d
-            };
-          }
-        }
-        for (const [u, d] of Object.entries(l)) {
-          let y = d;
-          if (typeof d == "string" && d[0] === "@") {
-            const m = d.slice(1);
-            !Array.isArray(l) && m in l && (y = l[m]);
-          }
-          if (f.namespace && b(d))
-            if (t.variables.some((m) => m.name === d.name))
-              y = d;
-            else {
-              const m = Array.isArray(f.namespace) ? f.namespace : [f.namespace];
-              let k = !1;
-              for (const V of m) {
-                const w = `${V}.${u}`;
-                if (w !== d.name && t.variables.some((R) => R.name === w)) {
-                  y = {
-                    type: "reference",
-                    name: w
-                  }, k = !0;
-                  break;
-                }
-              }
-              k || (t.variables.some((V) => V.name === u) ? y = {
-                type: "reference",
-                name: u
-              } : y = u);
-            }
-          const p = f.values.find(
-            (m) => m.key === u && m.modifiers.length === 0
-          ), h = {
-            type: "utility",
-            id: A("ut-"),
-            parentId: e.id,
-            name: n,
-            value: u,
-            declarations: {},
-            variables: [],
-            children: [],
-            modifiers: []
-          };
-          t._registry.set(h.id, h);
-          const W = v(
-            h,
-            t
-          );
-          if (h.declarations = s({
-            ...W,
-            value: y
-          }) ?? {}, _(
-            h.declarations,
-            W,
-            h,
-            t
-          ), p || (f.values.push({
-            key: u,
-            value: y,
-            modifiers: []
-          }), e.children.push(h)), a && a.length > 0)
-            for (const m of a) {
-              const k = Array.isArray(m) ? m : [m], V = Re(k);
-              for (const w of V) {
-                const R = [...w.keys()];
-                f.values.find(
-                  (E) => E.key === u && E.modifiers.length === R.length && E.modifiers.every(
-                    (Q, ee) => Q === R[ee]
-                  )
-                ) || (f.values.push({
-                  key: u,
-                  value: y,
-                  modifiers: R
-                }), e.children.push(
-                  ve(h, t, w)
-                ));
-              }
-            }
-        }
-      }
-    };
-    return t.utilities.push(f), f.create;
-  };
-}
-function Me(e, t) {
-  return function(n, s) {
-    const o = t.themes.find((c) => c.name === n), i = o ?? {
-      type: "theme",
-      id: A("th-"),
-      parentId: t.id,
-      name: n,
-      declarations: {},
-      variables: [],
-      children: []
-    };
-    o || (t._registry.set(i.id, i), t.themes.push(i));
-    const f = v(i, t);
-    return s && s(f), i;
-  };
-}
-function $e(e, t) {
-  return function(n) {
-    const s = {
-      type: "recipe",
-      ...n
-    };
-    return s._runtime = xe(s, t), _e(s, t), t.recipes.push(s), s;
-  };
-}
-function H(e, t) {
-  const r = e.autogenerate(t);
-  return Object.keys(r)[0] ?? "default";
-}
-function S(e, t) {
-  const r = {};
-  for (const [n, s] of Object.entries(e))
-    if (Z(s)) {
-      const o = {};
-      for (const [i, f] of Object.entries(s)) {
-        const c = C(t, i);
-        if (!c)
-          throw new Error(
-            `[styleframe] Utility "${i}" not found in registry. Make sure the utility is registered before using it in a recipe.`
-          );
-        o[i] = H(
-          c,
-          f
-        );
-      }
-      r[J(n)] = o;
-    } else if (typeof s == "boolean")
-      r[n] = s;
-    else {
-      const o = C(t, n);
-      if (!o)
-        throw new Error(
-          `[styleframe] Utility "${n}" not found in registry. Make sure the utility is registered before using it in a recipe.`
-        );
-      r[n] = H(o, s);
-    }
-  return r;
-}
-function xe(e, t) {
-  const r = {};
-  if (e.base && (r.base = S(e.base, t)), e.variants) {
-    const n = {};
-    for (const [s, o] of Object.entries(e.variants)) {
-      const i = {};
-      for (const [f, c] of Object.entries(
-        o
-      ))
-        c == null ? i[f] = null : i[f] = S(
-          c,
-          t
-        );
-      n[s] = i;
-    }
-    r.variants = n;
-  }
-  return e.defaultVariants && (r.defaultVariants = { ...e.defaultVariants }), e.compoundVariants && (r.compoundVariants = e.compoundVariants.map((n) => ({
-    match: { ...n.match },
-    ...n.css ? { css: S(n.css, t) } : {},
-    ...n.className ? { className: n.className } : {}
-  }))), r;
+	let n = {};
+	if (e.base && (n.base = X(e.base, t)), e.variants) {
+		let r = {};
+		for (let [n, i] of Object.entries(e.variants)) {
+			let e = {};
+			for (let [n, r] of Object.entries(i)) r == null ? e[n] = null : e[n] = X(r, t);
+			r[n] = e;
+		}
+		n.variants = r;
+	}
+	return e.defaultVariants && (n.defaultVariants = { ...e.defaultVariants }), e.compoundVariants && (n.compoundVariants = e.compoundVariants.map((e) => ({
+		match: { ...e.match },
+		...e.css ? { css: X(e.css, t) } : {},
+		...e.className ? { className: e.className } : {}
+	}))), n;
 }
 function Z(e) {
-  return !b(e) && typeof e == "object" && e !== null;
-}
-function J(e) {
-  return e.startsWith("&::") ? e.slice(3) : e.startsWith("&:") ? e.slice(2) : e;
-}
-function O(e, t) {
-  const r = (n, s, o) => {
-    let i = t.get(n);
-    i || (i = [], t.set(n, i)), i.push({ value: s, modifiers: o });
-  };
-  for (const [n, s] of Object.entries(e))
-    if (Z(s)) {
-      const o = J(n).split(":");
-      for (const [i, f] of Object.entries(s))
-        r(i, f, o);
-    } else
-      r(n, s, []);
-}
-function C(e, t) {
-  const r = e.utilities.find((s) => s.name === t);
-  if (r)
-    return r;
-  const n = t.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
-  return e.utilities.find((s) => s.name === n);
+	return !r(e) && typeof e == "object" && !!e;
+}
+function ge(e) {
+	return e.startsWith("&::") ? e.slice(3) : e.startsWith("&:") ? e.slice(2) : e;
+}
+function Q(e, t) {
+	let n = (e, n, r) => {
+		let i = t.get(e);
+		i || (i = [], t.set(e, i)), i.push({
+			value: n,
+			modifiers: r
+		});
+	};
+	for (let [t, r] of Object.entries(e)) if (Z(r)) {
+		let e = ge(t).split(":");
+		for (let [t, i] of Object.entries(r)) n(t, i, e);
+	} else n(t, r, []);
+}
+function $(e, t) {
+	let n = e.utilities.find((e) => e.name === t);
+	if (n) return n;
+	let r = t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+	return e.utilities.find((e) => e.name === r);
 }
 function _e(e, t) {
-  const r = /* @__PURE__ */ new Map();
-  if (e.base && O(e.base, r), e.variants)
-    for (const s of Object.values(e.variants))
-      for (const o of Object.values(s))
-        O(
-          o,
-          r
-        );
-  if (e.compoundVariants)
-    for (const s of e.compoundVariants)
-      s.css && O(s.css, r);
-  const n = /* @__PURE__ */ new Map();
-  for (const [s, o] of r) {
-    const i = C(t, s);
-    if (!i)
-      throw new Error(
-        `[styleframe] Utility "${s}" not found in registry. Make sure the utility is registered before using it in a recipe.`
-      );
-    for (const f of o) {
-      const c = [];
-      for (const a of f.modifiers) {
-        if (!n.has(a))
-          try {
-            n.set(a, le(t, a));
-          } catch {
-            throw new Error(
-              `[styleframe] Modifier "${a}" not found in registry. Make sure the modifier is registered before using it in a recipe.`
-            );
-          }
-        const l = n.get(a);
-        l && c.push(l);
-      }
-      i.create(
-        [f.value],
-        c.length > 0 ? c.length > 1 ? [c] : c : void 0
-      );
-    }
-  }
-}
-function We(e) {
-  const t = A("sf-"), r = je(), n = { ...e }, s = ke(r, r), o = we(r, r), i = $e(r, r), f = Me(r, r), { variable: c, selector: a, atRule: l, keyframes: u, media: d, ref: y, css: p } = v(r, r);
-  return {
-    id: t,
-    root: r,
-    variable: c,
-    selector: a,
-    utility: s,
-    modifier: o,
-    recipe: i,
-    theme: f,
-    atRule: l,
-    keyframes: u,
-    media: d,
-    ref: y,
-    css: p,
-    options: n
-  };
-}
-export {
-  ve as applyModifiers,
-  Ue as capitalizeFirst,
-  De as classNameToCssSelector,
-  K as createAtRuleFunction,
-  fe as createCssFunction,
-  v as createDeclarationsCallbackContext,
-  ge as createKeyframesFunction,
-  he as createMediaFunction,
-  we as createModifierFunction,
-  I as createPropertyValueResolver,
-  $e as createRecipeFunction,
-  q as createRefFunction,
-  je as createRoot,
-  be as createSelectorFunction,
-  Me as createThemeFunction,
-  ke as createUtilityFunction,
-  Ae as createVariableFunction,
-  M as deepClone,
-  Pe as defaultUtilitySelectorFn,
-  oe as findVariableInScope,
-  A as generateRandomId,
-  xe as generateRecipeRuntime,
-  le as getModifier,
-  Ie as getUtility,
-  Ce as getVariable,
-  se as hashValue,
-  te as isAtRule,
-  T as isCSS,
-  Te as isContainer,
-  G as isContainerInput,
-  ie as isKeyReferenceValue,
-  ne as isModifier,
-  x as isObject,
-  re as isPrimitiveTokenValue,
-  Oe as isRecipe,
-  b as isRef,
-  $ as isRoot,
-  Fe as isSelector,
-  Be as isStyleframe,
-  Se as isTheme,
-  g as isToken,
-  N as isTokenEqual,
-  B as isTokenValue,
-  Ne as isUtility,
-  L as isVariable,
-  Ke as merge,
-  Y as mergeContainers,
-  pe as mergeThemesArray,
-  ye as mergeVariablesArray,
-  P as parseAtReferences,
-  _ as parseDeclarationsBlock,
-  _e as processRecipeUtilities,
-  me as rebuildRegistry,
-  ae as rfdc,
-  We as styleframe,
-  z as transformUtilityKey,
-  ce as validateReference
-};
+	let n = /* @__PURE__ */ new Map();
+	if (e.base && Q(e.base, n), e.variants) for (let t of Object.values(e.variants)) for (let e of Object.values(t)) Q(e, n);
+	if (e.compoundVariants) for (let t of e.compoundVariants) t.css && Q(t.css, n);
+	let r = /* @__PURE__ */ new Map();
+	for (let [i, a] of n) {
+		let n = $(t, i);
+		if (!n) throw Error(`[styleframe] Utility "${i}" not found in registry. Make sure the utility is registered before using it in a recipe.`);
+		for (let i of a) {
+			let a = [];
+			for (let e of i.modifiers) {
+				if (!r.has(e)) try {
+					r.set(e, k(t, e));
+				} catch {
+					throw Error(`[styleframe] Modifier "${e}" not found in registry. Make sure the modifier is registered before using it in a recipe.`);
+				}
+				let n = r.get(e);
+				n && a.push(n);
+			}
+			let o = n.autogenerate(i.value);
+			for (let r of Object.keys(o)) {
+				let a = te({
+					name: n.name,
+					value: r,
+					modifiers: i.modifiers
+				}), o = t._usage.recipeUtilities.get(e.name);
+				o || (o = /* @__PURE__ */ new Set(), t._usage.recipeUtilities.set(e.name, o)), o.add(a);
+			}
+			n.create([i.value], a.length > 0 ? a.length > 1 ? [a] : a : void 0);
+		}
+	}
+}
+function ve(e, t) {
+	for (let [n, r] of e._usage.recipeUtilities) if (!t || t.has(n)) for (let t of r) e._usage.utilities.add(t);
+}
+//#endregion
+//#region src/styleframe.ts
+function ye(e) {
+	let t = O("sf-"), n = K(), r = { ...e }, i = q(n, n), a = G(n, n), o = Y(n, n), s = J(n, n), { variable: c, selector: l, atRule: u, keyframes: d, media: f, ref: p, css: m } = H(n, n);
+	return {
+		id: t,
+		root: n,
+		variable: c,
+		selector: l,
+		utility: i,
+		modifier: a,
+		recipe: o,
+		theme: s,
+		atRule: u,
+		keyframes: d,
+		media: f,
+		ref: p,
+		css: m,
+		options: r
+	};
+}
+//#endregion
+export { W as applyModifiers, re as capitalizeFirst, ie as classNameToCssSelector, L as createAtRuleFunction, ne as createCssFunction, H as createDeclarationsCallbackContext, z as createKeyframesFunction, R as createMediaFunction, G as createModifierFunction, w as createPropertyValueResolver, Y as createRecipeFunction, T as createRefFunction, K as createRoot, B as createSelectorFunction, J as createThemeFunction, q as createUtilityFunction, V as createVariableFunction, D as deepClone, te as defaultUtilitySelectorFn, S as findVariableInScope, O as generateRandomId, he as generateRecipeRuntime, k as getModifier, ce as getUtility, se as getVariable, _ as hashValue, a as isAtRule, c as isCSS, m as isContainer, h as isContainerInput, g as isKeyReferenceValue, s as isModifier, e as isObject, f as isPrimitiveTokenValue, d as isRecipe, r as isRef, u as isRoot, i as isSelector, ee as isStyleframe, l as isTheme, t as isToken, A as isTokenEqual, p as isTokenValue, o as isUtility, n as isVariable, de as merge, P as mergeContainers, N as mergeThemesArray, M as mergeVariablesArray, x as parseAtReferences, U as parseDeclarationsBlock, _e as processRecipeUtilities, I as rebuildRegistry, ve as registerRecipeUtilities, ae as rfdc, ye as styleframe, y as trackReferenceUsage, v as transformUtilityKey, C as validateReference };