@styleframe/core 2.6.0 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @styleframe/core
 
+## 3.0.1
+
+### Patch Changes
+
+- [#120](https://github.com/styleframe-dev/styleframe/pull/120) [`fa48802`](https://github.com/styleframe-dev/styleframe/commit/fa488027d32956e20fa26dc92ee1a3b3583671ad) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Add hash-based utility class names for arbitrary CSS values containing whitespace. Values like `transition: 'all 0.3s ease'` now produce valid CSS class names using a deterministic hash (e.g., `_transition:2f7a3b1`) instead of invalid bracket notation with spaces.
+
+## 3.0.0
+
+### Major Changes
+
+- [#117](https://github.com/styleframe-dev/styleframe/pull/117) [`ffe6764`](https://github.com/styleframe-dev/styleframe/commit/ffe6764a2e6c84d5b3cfdf431bf11f17a3f3f118) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Introduce global Styleframe single-instance architecture. Extension files (`*.styleframe.ts`) now share the same instance created in `styleframe.config.ts` instead of creating independent instances. This is a breaking change that affects how styles are imported and composed across files.
+
+### Minor Changes
+
+- [#81](https://github.com/styleframe-dev/styleframe/pull/81) [`266f961`](https://github.com/styleframe-dev/styleframe/commit/266f96143e9ffb47e0e6326d0e5e7cc9d974ab83) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Add @-prefixed string reference shorthand and fix keyframes object API
+  - Add `@`-prefixed string reference shorthand for inline token references in declarations (e.g., `"@color.primary"`)
+  - Fix keyframes object API outputting `[object Object]` by parsing percentage, `from`, and `to` keys as nested selectors
+  - Prevent namespace double-prepending for `@`-prefixed values in utilities and defaults
+
 ## 2.6.0
 
 ### Minor Changes

package/dist/styleframe.d.ts

@@ -222,6 +222,7 @@ export declare function createThemeFunction(_parent: Container, root: Root): (na
 
 export declare function createUtilityFunction(parent: Container, root: Root): <Name extends string>(name: Name, factory: UtilityCallbackFn, options?: {
     autogenerate?: UtilityAutogenerateFn;
+    namespace?: string | string[];
 }) => UtilityCreatorFn;
 
 export declare function createVariableFunction(parent: Container, _root: Root): <Name extends string>(nameOrInstance: Name | Variable<Name>, value: TokenValue, options?: {
@@ -281,6 +282,15 @@ export declare function getUtility(root: Root, name: string): UtilityFactory;
 
 export declare function getVariable(root: Container, name: string): Variable;
 
+/**
+ * Generates a deterministic, CSS-safe hash string from an arbitrary value.
+ * Uses DJB2 algorithm for fast, low-collision hashing.
+ *
+ * @param value - The string value to hash
+ * @returns A lowercase hex string of 7 characters (e.g., "a1b2c3d")
+ */
+export declare function hashValue(value: string): string;
+
 export declare function isAtRule(value: unknown): value is AtRule;
 
 export declare function isContainer(value: unknown): value is Container;
@@ -301,6 +311,8 @@ export declare function isRoot(value: unknown): value is Root;
 
 export declare function isSelector(value: unknown): value is Selector;
 
+export declare function isStyleframe(value: unknown): value is Styleframe;
+
 export declare function isTheme(value: unknown): value is Theme;
 
 /**
@@ -499,7 +511,14 @@ export declare type TokenType = Variable["type"] | Reference["type"] | Selector[
 
 export declare type TokenValue = PrimitiveTokenValue | Reference | CSS_2 | Array<PrimitiveTokenValue | Reference | CSS_2>;
 
-export declare function transformUtilityKey(replacer?: (key: string) => string): (value: TokenValue) => Record<string, TokenValue>;
+export declare function transformUtilityKey(replacerOrOptions?: ((key: string) => string) | TransformUtilityKeyOptions): (value: TokenValue) => Record<string, TokenValue>;
+
+export declare interface TransformUtilityKeyOptions {
+    /** Transforms the key used in the utility class name */
+    replacer?: (key: string) => string;
+    /** Namespace prepended to the reference name (e.g., "spacing" makes "@sm" resolve to ref("spacing.sm")) */
+    namespace?: string | string[];
+}
 
 export declare type Utility<Name extends string = string> = {
     type: "utility";
@@ -529,6 +548,7 @@ export declare type UtilityFactory<Name extends string = string> = {
         modifiers: string[];
     }>;
     autogenerate: UtilityAutogenerateFn;
+    namespace?: string | string[];
     create: UtilityCreatorFn;
 };
 

package/dist/styleframe.js

@@ -1,99 +1,123 @@
-function S(e) {
+function C(e) {
   return typeof e == "object" && e !== null;
 }
-function p(e, r) {
-  return S(e) && "type" in e && e.type === r;
+function h(e, r) {
+  return C(e) && "type" in e && e.type === r;
 }
-function L(e) {
-  return p(e, "variable");
+function G(e) {
+  return h(e, "variable");
 }
-function A(e) {
-  return p(e, "reference");
+function j(e) {
+  return h(e, "reference");
 }
-function be(e) {
-  return p(e, "selector");
+function je(e) {
+  return h(e, "selector");
 }
-function ge(e) {
-  return p(e, "at-rule");
+function ve(e) {
+  return h(e, "at-rule");
 }
-function je(e) {
-  return p(e, "utility");
+function we(e) {
+  return h(e, "utility");
 }
-function q(e) {
-  return p(e, "modifier");
+function I(e) {
+  return h(e, "modifier");
 }
 function E(e) {
-  return p(e, "css");
+  return h(e, "css");
 }
-function ve(e) {
-  return p(e, "theme");
+function ke(e) {
+  return h(e, "theme");
 }
-function O(e) {
-  return p(e, "root");
+function V(e) {
+  return h(e, "root");
 }
-function Ae(e) {
-  return p(e, "recipe");
+function Ve(e) {
+  return h(e, "recipe");
 }
-function G(e) {
+function z(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
 }
-function $(e) {
-  return G(e) || A(e) || E(e) || Array.isArray(e) && e.every($);
+function D(e) {
+  return z(e) || j(e) || E(e) || Array.isArray(e) && e.every(D);
 }
-function I(e) {
-  return S(e) && "children" in e && "declarations" in e && "variables" in e;
-}
-function z(e = (r) => r) {
-  return (r) => {
-    let n = r, t;
-    if (typeof n == "string" && n[0] === "@") {
-      const i = n.slice(1);
-      t = e(i), n = {
+function Y(e) {
+  return C(e) && "children" in e && "declarations" in e && "variables" in e;
+}
+function Re(e) {
+  return C(e) && "id" in e && "root" in e && "variable" in e && "selector" in e && "recipe" in e && typeof e.id == "string" && V(e.root);
+}
+function Z(e) {
+  let r = 5381;
+  for (let n = 0; n < e.length; n++)
+    r = (r << 5) + r + e.charCodeAt(n) & 4294967295;
+  return (r >>> 0).toString(16).padStart(7, "0").slice(0, 7);
+}
+function P(e) {
+  const r = typeof e == "function" ? { replacer: e } : e ?? {}, { replacer: n = (c) => c, namespace: t } = r, i = Array.isArray(t) ? t : t ? [t] : [];
+  return (c) => {
+    let s = c, a;
+    if (typeof s == "string" && s[0] === "@") {
+      const o = s.slice(1), f = i.find(
+        (y) => o === y || o.startsWith(`${y}.`)
+      );
+      let l, u;
+      f ? (l = o, u = o.startsWith(`${f}.`) ? o.slice(f.length + 1) : o) : i.length > 0 ? (l = `${i[0]}.${o}`, u = o) : (l = o, u = o), a = n(u), s = {
         type: "reference",
-        name: i
+        name: l
       };
-    } else A(n) ? t = e(n.name) : t = `[${r}]`;
+    } else if (j(s)) {
+      let o = s.name;
+      for (const f of i)
+        if (o.startsWith(`${f}.`)) {
+          o = o.slice(f.length + 1);
+          break;
+        }
+      a = n(o);
+    } else {
+      const o = String(c).trim();
+      /\s/.test(o) ? a = Z(o) : a = `[${o}]`;
+    }
     return {
-      [t]: n
+      [a]: s
     };
   };
 }
-function W(e, r) {
+function J(e, r) {
   return function(t, ...i) {
     return {
       type: "css",
-      value: t.reduce((o, u, s) => (o.push(u), s < i.length && o.push(i[s]), o), [])
+      value: t.reduce((s, a, o) => (s.push(a), o < i.length && s.push(i[o]), s), [])
     };
   };
 }
-function C(e, r) {
+function K(e, r) {
   return function(t, i, c) {
-    const o = {
+    const s = {
       type: "at-rule",
       identifier: t,
       rule: i,
       declarations: {},
       variables: [],
       children: []
-    }, u = v(o, r);
-    return typeof c == "function" ? o.declarations = c(u) ?? {} : c && (o.declarations = c), V(o.declarations, u), e.children.push(o), o;
+    }, a = v(s, r);
+    return typeof c == "function" ? s.declarations = c(a) ?? {} : c && (s.declarations = c), R(s.declarations, a), e.children.push(s), s;
   };
 }
-function Y(e, r) {
-  const n = C(e, r);
+function Q(e, r) {
+  const n = K(e, r);
   return function(i, c) {
     return n("media", i, c);
   };
 }
-function Z(e, r) {
-  const n = C(e, r);
+function X(e, r) {
+  const n = K(e, r);
   return function(i, c) {
     return n("keyframes", i, c);
   };
 }
-function J(e, r) {
+function ee(e, r) {
   return function(t, i) {
-    return L(t) ? {
+    return G(t) ? {
       type: "reference",
       name: t.name,
       fallback: i
@@ -104,7 +128,7 @@ function J(e, r) {
     };
   };
 }
-function Q(e, r) {
+function te(e, r) {
   return function(t, i) {
     const c = {
       type: "selector",
@@ -112,59 +136,63 @@ function Q(e, r) {
       declarations: {},
       variables: [],
       children: []
-    }, o = v(c, r);
-    return typeof i == "function" ? c.declarations = i(o) ?? {} : I(i) ? (c.variables = i.variables, c.declarations = i.declarations, c.children = i.children) : c.declarations = i, V(c.declarations, o), e.children.push(c), c;
+    }, s = v(c, r);
+    return typeof i == "function" ? c.declarations = i(s) ?? {} : Y(i) ? (c.variables = i.variables, c.declarations = i.declarations, c.children = i.children) : c.declarations = i, R(c.declarations, s), e.children.push(c), c;
   };
 }
-function X(e, r) {
+function ne(e, r) {
   return function(t, i, c = {
     default: !1
   }) {
-    const o = typeof t == "string" ? t : t.name, u = e.variables.find(
-      (f) => f.name === o
+    const s = typeof t == "string" ? t : t.name, a = e.variables.find(
+      (f) => f.name === s
     );
-    if (c.default && u)
-      return u;
-    if (u)
-      return u.value = i, u;
-    const s = {
+    if (c.default && a)
+      return a;
+    if (a)
+      return a.value = i, a;
+    const o = {
       type: "variable",
-      name: o,
+      name: s,
       value: i
     };
-    return e.variables.push(s), s;
+    return e.variables.push(o), o;
   };
 }
 function v(e, r) {
-  const n = X(e), t = Q(e, r), i = C(e, r), c = Z(r, r), o = Y(e, r), u = J(), s = W();
+  const n = ne(e), t = te(e, r), i = K(e, r), c = X(r, r), s = Q(e, r), a = ee(), o = J();
   return {
     variable: n,
     selector: t,
     keyframes: c,
     atRule: i,
-    media: o,
-    ref: u,
-    css: s
+    media: s,
+    ref: a,
+    css: o
   };
 }
-function V(e, r) {
+function R(e, r) {
   for (const n in e)
     if (n.startsWith("@")) {
       const t = e[n];
-      if (typeof t == "object" && t !== null && !$(t)) {
+      if (typeof t == "object" && t !== null && !D(t)) {
         const i = n.replace(/^@(\w+).*/, "$1"), c = n.replace(`@${i}`, "").trim();
         r.atRule(i, c, t), delete e[n];
       }
-    } else if (/^[.&:]/.test(n)) {
+    } else if (/^[.&:]/.test(n) || /^\d+%$/.test(n) || n === "from" || n === "to") {
       const t = e[n];
       typeof t == "object" && (r.selector(n, t), delete e[n]);
     }
+  for (const n in e) {
+    const t = e[n];
+    typeof t == "string" && t[0] === "@" && (e[n] = r.ref(t.slice(1)));
+  }
   return e;
 }
-function we(e) {
+function $e(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function j(e) {
+function A(e) {
   if (e instanceof Buffer)
     return Buffer.from(e);
   const r = e.constructor;
@@ -174,133 +202,133 @@ function j(e) {
     e.byteLength / e.BYTES_PER_ELEMENT || 1
   );
 }
-function ee(e) {
+function re(e) {
   if (e = e || {}, e.circular)
-    return te(e);
+    return ie(e);
   const r = /* @__PURE__ */ new Map();
-  if (r.set(Date, (o) => new Date(o)), r.set(
+  if (r.set(Date, (s) => new Date(s)), r.set(
     Map,
-    (o, u) => new Map(t(Array.from(o), u))
+    (s, a) => new Map(t(Array.from(s), a))
   ), r.set(
     Set,
-    (o, u) => new Set(t(Array.from(o), u))
+    (s, a) => new Set(t(Array.from(s), a))
   ), e.constructorHandlers)
-    for (const o of e.constructorHandlers)
-      r.set(o[0], o[1]);
+    for (const s of e.constructorHandlers)
+      r.set(s[0], s[1]);
   let n;
   return e.proto ? c : i;
-  function t(o, u) {
-    const s = Object.keys(o), f = Array.from({ length: s.length });
-    for (let l = 0; l < s.length; l++) {
-      const a = s[l], y = o[a];
-      typeof y != "object" || y === null ? f[a] = y : y.constructor !== Object && (n = r.get(y.constructor)) ? f[a] = n(y, u) : ArrayBuffer.isView(y) ? f[a] = j(y) : f[a] = u(y);
+  function t(s, a) {
+    const o = Object.keys(s), f = Array.from({ length: o.length });
+    for (let l = 0; l < o.length; l++) {
+      const u = o[l], y = s[u];
+      typeof y != "object" || y === null ? f[u] = y : y.constructor !== Object && (n = r.get(y.constructor)) ? f[u] = n(y, a) : ArrayBuffer.isView(y) ? f[u] = A(y) : f[u] = a(y);
     }
     return f;
   }
-  function i(o) {
-    if (typeof o != "object" || o === null) return o;
-    if (Array.isArray(o)) return t(o, i);
-    if (o.constructor !== Object && (n = r.get(o.constructor)))
-      return n(o, i);
-    const u = {};
-    for (const s in o) {
-      if (Object.hasOwnProperty.call(o, s) === !1) continue;
-      const f = o[s];
-      typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? u[s] = n(f, i) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = i(f);
+  function i(s) {
+    if (typeof s != "object" || s === null) return s;
+    if (Array.isArray(s)) return t(s, i);
+    if (s.constructor !== Object && (n = r.get(s.constructor)))
+      return n(s, i);
+    const a = {};
+    for (const o in s) {
+      if (Object.hasOwnProperty.call(s, o) === !1) continue;
+      const f = s[o];
+      typeof f != "object" || f === null ? a[o] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? a[o] = n(f, i) : ArrayBuffer.isView(f) ? a[o] = A(f) : a[o] = i(f);
     }
-    return u;
+    return a;
   }
-  function c(o) {
-    if (typeof o != "object" || o === null) return o;
-    if (Array.isArray(o)) return t(o, c);
-    if (o.constructor !== Object && (n = r.get(o.constructor)))
-      return n(o, c);
-    const u = {};
-    for (const s in o) {
-      const f = o[s];
-      typeof f != "object" || f === null ? u[s] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? u[s] = n(f, c) : ArrayBuffer.isView(f) ? u[s] = j(f) : u[s] = c(f);
+  function c(s) {
+    if (typeof s != "object" || s === null) return s;
+    if (Array.isArray(s)) return t(s, c);
+    if (s.constructor !== Object && (n = r.get(s.constructor)))
+      return n(s, c);
+    const a = {};
+    for (const o in s) {
+      const f = s[o];
+      typeof f != "object" || f === null ? a[o] = f : f.constructor !== Object && (n = r.get(f.constructor)) ? a[o] = n(f, c) : ArrayBuffer.isView(f) ? a[o] = A(f) : a[o] = c(f);
     }
-    return u;
+    return a;
   }
 }
-function te(e) {
+function ie(e) {
   const r = [], n = [], t = /* @__PURE__ */ new Map();
-  if (t.set(Date, (s) => new Date(s)), t.set(
+  if (t.set(Date, (o) => new Date(o)), t.set(
     Map,
-    (s, f) => new Map(c(Array.from(s), f))
+    (o, f) => new Map(c(Array.from(o), f))
   ), t.set(
     Set,
-    (s, f) => new Set(c(Array.from(s), f))
+    (o, f) => new Set(c(Array.from(o), f))
   ), e.constructorHandlers)
-    for (const s of e.constructorHandlers)
-      t.set(s[0], s[1]);
+    for (const o of e.constructorHandlers)
+      t.set(o[0], o[1]);
   let i;
-  return e.proto ? u : o;
-  function c(s, f) {
-    const l = Object.keys(s), a = Array.from({ length: l.length });
+  return e.proto ? a : s;
+  function c(o, f) {
+    const l = Object.keys(o), u = Array.from({ length: l.length });
     for (let y = 0; y < l.length; y++) {
-      const m = l[y], d = s[m];
+      const p = l[y], d = o[p];
       if (typeof d != "object" || d === null)
-        a[m] = d;
+        u[p] = d;
       else if (d.constructor !== Object && (i = t.get(d.constructor)))
-        a[m] = i(d, f);
+        u[p] = i(d, f);
       else if (ArrayBuffer.isView(d))
-        a[m] = j(d);
+        u[p] = A(d);
       else {
-        const h = r.indexOf(d);
-        h !== -1 ? a[m] = n[h] : a[m] = f(d);
+        const w = r.indexOf(d);
+        w !== -1 ? u[p] = n[w] : u[p] = f(d);
       }
     }
-    return a;
+    return u;
   }
-  function o(s) {
-    if (typeof s != "object" || s === null) return s;
-    if (Array.isArray(s)) return c(s, o);
-    if (s.constructor !== Object && (i = t.get(s.constructor)))
-      return i(s, o);
+  function s(o) {
+    if (typeof o != "object" || o === null) return o;
+    if (Array.isArray(o)) return c(o, s);
+    if (o.constructor !== Object && (i = t.get(o.constructor)))
+      return i(o, s);
     const f = {};
-    r.push(s), n.push(f);
-    for (const l in s) {
-      if (Object.hasOwnProperty.call(s, l) === !1) continue;
-      const a = s[l];
-      if (typeof a != "object" || a === null)
-        f[l] = a;
-      else if (a.constructor !== Object && (i = t.get(a.constructor)))
-        f[l] = i(a, o);
-      else if (ArrayBuffer.isView(a))
-        f[l] = j(a);
+    r.push(o), n.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 && (i = t.get(u.constructor)))
+        f[l] = i(u, s);
+      else if (ArrayBuffer.isView(u))
+        f[l] = A(u);
       else {
-        const y = r.indexOf(a);
-        y !== -1 ? f[l] = n[y] : f[l] = o(a);
+        const y = r.indexOf(u);
+        y !== -1 ? f[l] = n[y] : f[l] = s(u);
       }
     }
     return r.pop(), n.pop(), f;
   }
-  function u(s) {
-    if (typeof s != "object" || s === null) return s;
-    if (Array.isArray(s)) return c(s, u);
-    if (s.constructor !== Object && (i = t.get(s.constructor)))
-      return i(s, u);
+  function a(o) {
+    if (typeof o != "object" || o === null) return o;
+    if (Array.isArray(o)) return c(o, a);
+    if (o.constructor !== Object && (i = t.get(o.constructor)))
+      return i(o, a);
     const f = {};
-    r.push(s), n.push(f);
-    for (const l in s) {
-      const a = s[l];
-      if (typeof a != "object" || a === null)
-        f[l] = a;
-      else if (a.constructor !== Object && (i = t.get(a.constructor)))
-        f[l] = i(a, u);
-      else if (ArrayBuffer.isView(a))
-        f[l] = j(a);
+    r.push(o), n.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 && (i = t.get(u.constructor)))
+        f[l] = i(u, a);
+      else if (ArrayBuffer.isView(u))
+        f[l] = A(u);
       else {
-        const y = r.indexOf(a);
-        y !== -1 ? f[l] = n[y] : f[l] = u(a);
+        const y = r.indexOf(u);
+        y !== -1 ? f[l] = n[y] : f[l] = a(u);
       }
     }
     return r.pop(), n.pop(), f;
   }
 }
-const R = ee();
-function ne(e, r = 8) {
+const F = re();
+function se(e, r = 8) {
   const n = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let t = "";
   for (let i = 0; i < r; i++) {
@@ -309,19 +337,19 @@ function ne(e, r = 8) {
   }
   return e ? `${e}${t}` : t;
 }
-function Ve(e, r) {
+function Oe(e, r) {
   const n = e.variables.find((t) => t.name === r);
   if (!n)
     throw new Error(`Variable "${r}" not found`);
   return n;
 }
-function ke(e, r) {
+function Me(e, r) {
   const n = e.utilities.find((t) => t.name === r);
   if (!n)
     throw new Error(`Utility "${r}" not found`);
   return n;
 }
-function re(e, r) {
+function oe(e, r) {
   const n = e.modifiers.find(
     (t) => t.key.includes(r)
   );
@@ -329,35 +357,35 @@ function re(e, r) {
     throw new Error(`Modifier "${r}" not found`);
   return n;
 }
-function M(e, r) {
+function S(e, r) {
   if (e === r) return !0;
   if (typeof e != typeof r) return !1;
   if (e === null || r === null) return e === r;
   if (typeof e != "object" || typeof r != "object") return !1;
   if (Array.isArray(e) && Array.isArray(r))
-    return e.length !== r.length ? !1 : e.every((n, t) => M(n, r[t]));
+    return e.length !== r.length ? !1 : e.every((n, t) => S(n, r[t]));
   if ("type" in e && "type" in r) {
     if (e.type !== r.type) return !1;
-    if (A(e) && A(r))
-      return e.name === r.name && M(e.fallback, r.fallback);
+    if (j(e) && j(r))
+      return e.name === r.name && S(e.fallback, r.fallback);
     if (E(e) && E(r))
-      return M(e.value, r.value);
+      return S(e.value, r.value);
   }
   return !1;
 }
-const D = "__licenseRequired";
-function ie(e) {
-  B(e) || Object.defineProperty(e, D, {
+const H = "__licenseRequired";
+function ce(e) {
+  T(e) || Object.defineProperty(e, H, {
     value: !0,
     writable: !1,
     configurable: !1,
     enumerable: !0
   });
 }
-function B(e) {
-  return Object.prototype.hasOwnProperty.call(e, D);
+function T(e) {
+  return Object.prototype.hasOwnProperty.call(e, H);
 }
-function oe(e, r) {
+function fe(e, r) {
   const n = [...e];
   for (const t of r) {
     const i = n.find(
@@ -367,7 +395,7 @@ function oe(e, r) {
   }
   return n;
 }
-function se(e, r) {
+function ae(e, r) {
   const n = [...e];
   for (const t of r) {
     const i = n.find(
@@ -375,14 +403,14 @@ function se(e, r) {
     );
     i ? Object.assign(
       i,
-      U(i, t)
+      W(i, t)
     ) : n.push(t);
   }
   return n;
 }
-function U(e, r) {
+function W(e, r) {
   return Object.keys(e).reduce(
-    (n, t) => (t === "variables" ? n.variables = oe(e.variables, r.variables) : t === "declarations" ? n.declarations = { ...e.declarations, ...r.declarations } : t === "themes" && O(n) && O(e) && O(r) ? n.themes = se(e.themes, r.themes) : Array.isArray(e[t]) && (n[t] = e[t].concat(
+    (n, t) => (t === "variables" ? n.variables = fe(e.variables, r.variables) : t === "declarations" ? n.declarations = { ...e.declarations, ...r.declarations } : t === "themes" && V(n) && V(e) && V(r) ? n.themes = ae(e.themes, r.themes) : Array.isArray(e[t]) && (n[t] = e[t].concat(
       r[t]
     )), n),
     {
@@ -391,32 +419,32 @@ function U(e, r) {
     }
   );
 }
-function Oe(e, ...r) {
+function Fe(e, ...r) {
   return r.reduce((n, t) => {
     const i = {
       ...n,
-      root: U(n.root, t.root)
+      root: W(n.root, t.root)
     };
-    return (B(n) || B(t)) && ie(i), i;
+    return (T(n) || T(t)) && ce(i), i;
   }, e);
 }
-function ce(e) {
+function ue(e) {
   const r = [];
   function n(t, i) {
     i.length > 0 && r.push([...i].sort());
     for (let c = t; c < e.length; c++) {
-      const o = e[c];
-      if (o)
-        if (o.length === 1 && o[0])
-          n(c + 1, [...i, o[0]]);
+      const s = e[c];
+      if (s)
+        if (s.length === 1 && s[0])
+          n(c + 1, [...i, s[0]]);
         else
-          for (const u of o)
-            n(c + 1, [...i, u]);
+          for (const a of s)
+            n(c + 1, [...i, a]);
     }
   }
   return n(0, []), r.sort((t, i) => t.length !== i.length ? t.length - i.length : t.join(",").localeCompare(i.join(",")));
 }
-function fe(e, r, n) {
+function le(e, r, n) {
   const t = {
     ...e,
     modifiers: [...n.keys()]
@@ -424,13 +452,13 @@ function fe(e, r, n) {
   for (const c of n.values())
     c.factory({
       ...i,
-      declarations: R(t.declarations),
-      variables: R(t.variables),
-      children: R(t.children)
-    }), V(t.declarations, i);
+      declarations: F(t.declarations),
+      variables: F(t.variables),
+      children: F(t.children)
+    }), R(t.declarations, i);
   return t;
 }
-function ue(e, r) {
+function ye(e, r) {
   return function(t, i) {
     const c = {
       type: "modifier",
@@ -440,7 +468,7 @@ function ue(e, r) {
     return r.modifiers.push(c), c;
   };
 }
-function ae() {
+function de() {
   return {
     type: "root",
     declarations: {},
@@ -452,30 +480,84 @@ function ae() {
     themes: []
   };
 }
-function le(e, r) {
+function me(e, r) {
+  const n = P({ namespace: e });
+  return (t) => {
+    if (typeof t == "string" && t[0] === "@") {
+      const i = t.slice(1), c = e.find(
+        (s) => i === s || i.startsWith(`${s}.`)
+      );
+      if (c) {
+        const s = i.slice(c.length + 1) || i;
+        if (r.variables.some((a) => a.name === i))
+          return {
+            [s]: {
+              type: "reference",
+              name: i
+            }
+          };
+      } else
+        for (const s of e) {
+          const a = `${s}.${i}`;
+          if (r.variables.some((o) => o.name === a))
+            return {
+              [i]: {
+                type: "reference",
+                name: a
+              }
+            };
+        }
+      return n(t);
+    }
+    return n(t);
+  };
+}
+function pe(e, r) {
   return function(t, i, c = {}) {
-    const o = {
+    const s = {
       type: "utility",
       name: t,
       factory: i,
       values: [],
-      autogenerate: c.autogenerate ?? z(),
-      create: (u, s = []) => {
-        let f = u;
-        if (Array.isArray(u)) {
+      autogenerate: c.autogenerate ?? (Array.isArray(c.namespace) ? me(c.namespace, r) : P(
+        c.namespace ? { namespace: c.namespace } : void 0
+      )),
+      namespace: c.namespace,
+      create: (a, o = []) => {
+        let f = a;
+        if (Array.isArray(a)) {
           f = {};
-          for (const l of u) {
-            const a = o.autogenerate(l);
+          for (const l of a) {
+            const u = s.autogenerate(l);
             f = {
               ...f,
-              ...a
+              ...u
             };
           }
         }
-        for (const [l, a] of Object.entries(f)) {
-          const y = o.values.find(
-            (h) => h.key === l && h.modifiers.length === 0
-          ), m = {
+        for (const [l, u] of Object.entries(f)) {
+          let y = u;
+          if (s.namespace && j(u))
+            if (r.variables.some((g) => g.name === u.name))
+              y = u;
+            else {
+              const g = Array.isArray(s.namespace) ? s.namespace : [s.namespace];
+              let $ = !1;
+              for (const O of g) {
+                const m = `${O}.${l}`;
+                if (m !== u.name && r.variables.some((b) => b.name === m)) {
+                  y = {
+                    type: "reference",
+                    name: m
+                  }, $ = !0;
+                  break;
+                }
+              }
+              $ || (y = l);
+            }
+          const p = s.values.find(
+            (g) => g.key === l && g.modifiers.length === 0
+          ), d = {
             type: "utility",
             name: t,
             value: l,
@@ -483,136 +565,140 @@ function le(e, r) {
             variables: [],
             children: [],
             modifiers: []
-          }, d = v(
-            m,
+          }, w = v(
+            d,
             r
           );
-          if (m.declarations = i({
-            ...d,
-            value: a
-          }) ?? {}, V(m.declarations, d), y || (o.values.push({
+          if (d.declarations = i({
+            ...w,
+            value: y
+          }) ?? {}, R(d.declarations, w), p || (s.values.push({
             key: l,
-            value: a,
+            value: y,
             modifiers: []
-          }), e.children.push(m)), s && s.length > 0) {
-            const h = s.map((b) => b.key), H = ce(h).filter((b) => !o.values.find(
-              (g) => g.key === l && g.modifiers.length === b.length && g.modifiers.every((w) => b.includes(w))
-            )).reduce((b, g) => {
-              const w = /* @__PURE__ */ new Map();
-              for (const K of g) {
-                const k = s.find(
-                  (N) => N.key.includes(K)
+          }), e.children.push(d)), o && o.length > 0) {
+            const g = o.map((m) => m.key), O = ue(g).filter((m) => !s.values.find(
+              (b) => b.key === l && b.modifiers.length === m.length && b.modifiers.every((k) => m.includes(k))
+            )).reduce((m, b) => {
+              const k = /* @__PURE__ */ new Map();
+              for (const U of b) {
+                const M = o.find(
+                  (q) => q.key.includes(U)
                 );
-                k && q(k) && w.set(K, k);
+                M && I(M) && k.set(U, M);
               }
-              return o.values.push({
+              return s.values.push({
                 key: l,
-                value: a,
-                modifiers: g
-              }), b.push(fe(m, r, w)), b;
+                value: y,
+                modifiers: b
+              }), m.push(le(d, r, k)), m;
             }, []);
-            e.children.push(...H);
+            e.children.push(...O);
           }
         }
       }
     };
-    return r.utilities.push(o), o.create;
+    return r.utilities.push(s), s.create;
   };
 }
-function ye(e, r) {
+function he(e, r) {
   return function(t, i) {
-    const c = r.themes.find((s) => s.name === t), o = c ?? {
+    const c = r.themes.find((o) => o.name === t), s = c ?? {
       type: "theme",
       name: t,
       declarations: {},
       variables: [],
       children: []
     };
-    c || r.themes.push(o);
-    const u = v(o, r);
-    return i && i(u), o;
+    c || r.themes.push(s);
+    const a = v(s, r);
+    return i && i(a), s;
   };
 }
-function de(e, r) {
+function ge(e, r) {
   return function(t) {
     const i = {
       type: "recipe",
       ...t
     };
-    return i._runtime = me(i, r), pe(i, r), r.recipes.push(i), i;
+    return i._runtime = be(i, r), Ae(i, r), r.recipes.push(i), i;
   };
 }
 function _(e, r) {
   const n = e.autogenerate(r);
   return Object.keys(n)[0] ?? "default";
 }
-function F(e, r) {
+function N(e, r) {
   const n = {};
   for (const [t, i] of Object.entries(e))
-    if (P(i)) {
+    if (L(i)) {
       const c = {};
-      for (const [o, u] of Object.entries(i)) {
-        const s = T(r, o);
-        s && (c[o] = _(
-          s,
-          u
-        ));
+      for (const [s, a] of Object.entries(i)) {
+        const o = B(r, s);
+        o ? c[s] = _(
+          o,
+          a
+        ) : console.warn(
+          `[styleframe] Utility "${s}" not found in registry. Skipping runtime generation for this declaration.`
+        );
       }
       n[t] = c;
     } else if (typeof i == "boolean")
       n[t] = i;
     else {
-      const c = T(r, t);
-      c && (n[t] = _(c, i));
+      const c = B(r, t);
+      c ? n[t] = _(c, i) : console.warn(
+        `[styleframe] Utility "${t}" not found in registry. Skipping runtime generation for this declaration.`
+      );
     }
   return n;
 }
-function me(e, r) {
+function be(e, r) {
   const n = {};
-  if (e.base && (n.base = F(e.base, r)), e.variants) {
+  if (e.base && (n.base = N(e.base, r)), e.variants) {
     const t = {};
     for (const [i, c] of Object.entries(e.variants)) {
-      const o = {};
-      for (const [u, s] of Object.entries(
+      const s = {};
+      for (const [a, o] of Object.entries(
         c
       ))
-        s == null ? o[u] = null : o[u] = F(
-          s,
+        o == null ? s[a] = null : s[a] = N(
+          o,
           r
         );
-      t[i] = o;
+      t[i] = s;
     }
     n.variants = t;
   }
   return e.defaultVariants && (n.defaultVariants = { ...e.defaultVariants }), e.compoundVariants && (n.compoundVariants = e.compoundVariants.map((t) => ({
     match: { ...t.match },
-    css: F(t.css, r)
+    css: N(t.css, r)
   }))), n;
 }
-function P(e) {
-  return !A(e) && typeof e == "object" && e !== null;
+function L(e) {
+  return !j(e) && typeof e == "object" && e !== null;
 }
 function x(e, r) {
   const n = (t, i, c) => {
-    let o = r.get(t);
-    o || (o = [], r.set(t, o)), o.push({ value: i, modifiers: c });
+    let s = r.get(t);
+    s || (s = [], r.set(t, s)), s.push({ value: i, modifiers: c });
   };
   for (const [t, i] of Object.entries(e))
-    if (P(i)) {
+    if (L(i)) {
       const c = t.split(":");
-      for (const [o, u] of Object.entries(i))
-        n(o, u, c);
+      for (const [s, a] of Object.entries(i))
+        n(s, a, c);
     } else
       n(t, i, []);
 }
-function T(e, r) {
+function B(e, r) {
   const n = e.utilities.find((i) => i.name === r);
   if (n)
     return n;
   const t = r.replace(/[A-Z]/g, (i) => `-${i.toLowerCase()}`);
   return e.utilities.find((i) => i.name === t);
 }
-function pe(e, r) {
+function Ae(e, r) {
   const n = /* @__PURE__ */ new Map();
   if (e.base && x(e.base, n), e.variants)
     for (const i of Object.values(e.variants))
@@ -626,99 +712,101 @@ function pe(e, r) {
       i.css && x(i.css, n);
   const t = /* @__PURE__ */ new Map();
   for (const [i, c] of n) {
-    const o = T(r, i);
-    if (!o) {
+    const s = B(r, i);
+    if (!s) {
       console.warn(
         `[styleframe] Utility "${i}" not found in registry. Skipping.`
       );
       continue;
     }
-    for (const u of c) {
-      const s = [];
-      for (const f of u.modifiers) {
+    for (const a of c) {
+      const o = [];
+      for (const f of a.modifiers) {
         if (!t.has(f))
           try {
-            t.set(f, re(r, f));
+            t.set(f, oe(r, f));
           } catch {
             console.warn(
               `[styleframe] Modifier "${f}" not found in registry. Skipping modifier for utility "${i}".`
             ), t.set(f, null);
           }
         const l = t.get(f);
-        l && s.push(l);
+        l && o.push(l);
       }
-      o.create(
-        [u.value],
-        s.length > 0 ? s : void 0
+      s.create(
+        [a.value],
+        o.length > 0 ? o : void 0
       );
     }
   }
 }
-function Re(e) {
-  const r = ne("sf-"), n = ae(), t = { ...e }, i = le(n, n), c = ue(n, n), o = de(n, n), u = ye(n, n), { variable: s, selector: f, atRule: l, keyframes: a, media: y, ref: m, css: d } = v(n, n);
+function Se(e) {
+  const r = se("sf-"), n = de(), t = { ...e }, i = pe(n, n), c = ye(n, n), s = ge(n, n), a = he(n, n), { variable: o, selector: f, atRule: l, keyframes: u, media: y, ref: p, css: d } = v(n, n);
   return {
     id: r,
     root: n,
-    variable: s,
+    variable: o,
     selector: f,
     utility: i,
     modifier: c,
-    recipe: o,
-    theme: u,
+    recipe: s,
+    theme: a,
     atRule: l,
-    keyframes: a,
+    keyframes: u,
     media: y,
-    ref: m,
+    ref: p,
     css: d,
     options: t
   };
 }
 export {
-  fe as applyModifiers,
-  we as capitalizeFirst,
-  ce as combineKeys,
-  C as createAtRuleFunction,
-  W as createCssFunction,
+  le as applyModifiers,
+  $e as capitalizeFirst,
+  ue as combineKeys,
+  K as createAtRuleFunction,
+  J as createCssFunction,
   v as createDeclarationsCallbackContext,
-  Z as createKeyframesFunction,
-  Y as createMediaFunction,
-  ue as createModifierFunction,
-  de as createRecipeFunction,
-  J as createRefFunction,
-  ae as createRoot,
-  Q as createSelectorFunction,
-  ye as createThemeFunction,
-  le as createUtilityFunction,
-  X as createVariableFunction,
-  R as deepClone,
-  ne as generateRandomId,
-  me as generateRecipeRuntime,
-  re as getModifier,
-  ke as getUtility,
-  Ve as getVariable,
-  ge as isAtRule,
+  X as createKeyframesFunction,
+  Q as createMediaFunction,
+  ye as createModifierFunction,
+  ge as createRecipeFunction,
+  ee as createRefFunction,
+  de as createRoot,
+  te as createSelectorFunction,
+  he as createThemeFunction,
+  pe as createUtilityFunction,
+  ne as createVariableFunction,
+  F as deepClone,
+  se as generateRandomId,
+  be as generateRecipeRuntime,
+  oe as getModifier,
+  Me as getUtility,
+  Oe as getVariable,
+  Z as hashValue,
+  ve as isAtRule,
   E as isCSS,
-  I as isContainer,
-  q as isModifier,
-  S as isObject,
-  G as isPrimitiveTokenValue,
-  Ae as isRecipe,
-  A as isRef,
-  O as isRoot,
-  be as isSelector,
-  ve as isTheme,
-  p as isToken,
-  M as isTokenEqual,
-  $ as isTokenValue,
-  je as isUtility,
-  L as isVariable,
-  Oe as merge,
-  U as mergeContainers,
-  se as mergeThemesArray,
-  oe as mergeVariablesArray,
-  V as parseDeclarationsBlock,
-  pe as processRecipeUtilities,
-  ee as rfdc,
-  Re as styleframe,
-  z as transformUtilityKey
+  Y as isContainer,
+  I as isModifier,
+  C as isObject,
+  z as isPrimitiveTokenValue,
+  Ve as isRecipe,
+  j as isRef,
+  V as isRoot,
+  je as isSelector,
+  Re as isStyleframe,
+  ke as isTheme,
+  h as isToken,
+  S as isTokenEqual,
+  D as isTokenValue,
+  we as isUtility,
+  G as isVariable,
+  Fe as merge,
+  W as mergeContainers,
+  ae as mergeThemesArray,
+  fe as mergeVariablesArray,
+  R as parseDeclarationsBlock,
+  Ae as processRecipeUtilities,
+  re as rfdc,
+  Se as styleframe,
+  P as transformUtilityKey
 };

package/dist/styleframe.umd.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/core",
-  "version": "2.6.0",
+  "version": "3.0.1",
   "type": "module",
   "types": "./dist/styleframe.d.ts",
   "module": "./dist/styleframe.js",
@@ -22,12 +22,12 @@
     "csstype": "^3.1.3"
   },
   "peerDependencies": {
-    "@styleframe/license": "^2.0.0"
+    "@styleframe/license": "^2.0.2"
   },
   "devDependencies": {
-    "@styleframe/config-typescript": "^2",
-    "@styleframe/config-vite": "^2",
-    "@styleframe/license": "^2.0.0",
+    "@styleframe/config-typescript": "^3.0.0",
+    "@styleframe/config-vite": "^3.0.0",
+    "@styleframe/license": "^2.0.2",
     "@vitest/coverage-v8": "^3.2.4",
     "typescript": "^5.8.3",
     "vite": "^7.0.6",