@styleframe/core 3.5.0 → 3.6.1

package/dist/styleframe.js

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