@tachui/modifiers 0.8.20 → 0.8.22

package/dist/{modifiers-basic-CsxLd0CR.js → modifiers-basic-Cs3mAr8i.js}

@@ -2,10 +2,10 @@ var Ie = Object.defineProperty;
 var $e = (o, s, e) => s in o ? Ie(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
 var f = (o, s, e) => $e(o, typeof s != "symbol" ? s + "" : s, e);
 import { globalModifierRegistry as Ve } from "@tachui/registry";
-import { isSignal as p, isComputed as m, createEffect as v, getThemeSignal as W } from "@tachui/core/reactive";
+import { isSignal as p, isComputed as m, createEffect as b, getThemeSignal as N } from "@tachui/core/reactive";
 import { bindReactiveStyle as we } from "@tachui/core/modifiers/base";
-import { shouldExpandForInfinity as ne, dimensionToCSS as L, isInfinity as A } from "@tachui/core/constants/layout";
-import { AnimationModifier as q, LifecycleModifier as Re, LayoutModifier as oe, ResizableModifier as De, AppearanceModifier as O } from "@tachui/core/modifiers";
+import { shouldExpandForInfinity as oe, dimensionToCSS as L, isInfinity as A } from "@tachui/core/constants/layout";
+import { AnimationModifier as J, LifecycleModifier as Re, LayoutModifier as re, ResizableModifier as De, AppearanceModifier as O } from "@tachui/core/modifiers";
 import { gradientToCSS as Oe } from "@tachui/core/gradients/css-generator";
 const I = {
   LAYOUT: 100,
@@ -27,7 +27,7 @@ function _e(o) {
     writable: !1
   }), e;
 }
-let b = class {
+let g = class {
   constructor(s) {
     this.properties = s;
   }
@@ -47,7 +47,7 @@ let b = class {
     if (s instanceof HTMLElement) {
       const i = this.toCSSProperty(e);
       if (p(t) || m(t))
-        v(() => {
+        b(() => {
           const n = t(), r = String(n);
           if (r.includes("!important")) {
             const a = r.replace(/\s*!important\s*$/, "").trim();
@@ -131,9 +131,9 @@ let b = class {
               element: s,
               accessor: l,
               updaterId: `${He}:${c}:${a}`,
-              updater: (d) => {
-                const u = this.toCSSValueForProperty(a, d);
-                i(a, u);
+              updater: (u) => {
+                const d = this.toCSSValueForProperty(a, u);
+                i(a, d);
               }
             });
           } else {
@@ -167,7 +167,7 @@ let b = class {
       cleanup: []
     };
   }
-}, Po = class extends b {
+}, Bo = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "layout");
@@ -190,18 +190,18 @@ let b = class {
   applyOffsetTransform(e, t) {
     const { x: i, y: n } = t;
     if (p(i) || m(i) || p(n) || m(n))
-      v(() => {
-        const r = p(i) || m(i) ? i() : i ?? 0, a = p(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, y = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = y ? `${y} ${d}` : d;
-        e.style.transform = h;
+      b(() => {
+        const r = p(i) || m(i) ? i() : i ?? 0, a = p(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), u = `translate(${l}, ${c})`, h = (e.style.transform || "").split(" ").filter((v) => v && !v.startsWith("translate(")).join(" "), y = h ? `${h} ${u}` : u;
+        e.style.transform = y;
       });
     else {
-      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, y = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = y ? `${y} ${d}` : d;
-      e.style.transform = h;
+      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), u = `translate(${l}, ${c})`, h = (e.style.transform || "").split(" ").filter((v) => v && !v.startsWith("translate(")).join(" "), y = h ? `${h} ${u}` : u;
+      e.style.transform = y;
     }
   }
   applyAspectRatio(e, t) {
     const { ratio: i, contentMode: n } = t;
-    i !== void 0 && (p(i) || m(i) ? v(() => {
+    i !== void 0 && (p(i) || m(i) ? b(() => {
       const r = typeof i == "function" ? i() : i;
       e.style.aspectRatio = String(r);
     }) : e.style.aspectRatio = String(i), n === "fill" ? e.style.objectFit = "cover" : e.style.objectFit = "contain");
@@ -210,27 +210,27 @@ let b = class {
   applyScaleTransform(e, t) {
     const { x: i, y: n, anchor: r } = t, a = i ?? 1, l = n ?? a;
     if (p(a) || m(a) || p(l) || m(l))
-      v(() => {
-        const c = p(a) || m(a) ? a() : a, d = p(l) || m(l) ? l() : l, u = `scale(${c}, ${d})`;
+      b(() => {
+        const c = p(a) || m(a) ? a() : a, u = p(l) || m(l) ? l() : l, d = `scale(${c}, ${u})`;
         e.style.transformOrigin = this.getTransformOrigin(
           r || "center"
         );
-        const h = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), g = h ? `${h} ${u}` : u;
-        e.style.transform = g;
+        const y = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), v = y ? `${y} ${d}` : d;
+        e.style.transform = v;
       });
     else {
       const c = `scale(${a}, ${l})`;
       e.style.transformOrigin = this.getTransformOrigin(
         r || "center"
       );
-      const u = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), y = u ? `${u} ${c}` : c;
-      e.style.transform = y;
+      const d = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), h = d ? `${d} ${c}` : c;
+      e.style.transform = h;
     }
   }
   applyAbsolutePosition(e, t) {
     const { x: i, y: n } = t;
     if (e.style.position = "absolute", p(i) || m(i) || p(n) || m(n))
-      v(() => {
+      b(() => {
         const r = p(i) || m(i) ? i() : i ?? 0, a = p(n) || m(n) ? n() : n ?? 0;
         e.style.left = this.toCSSValue(r), e.style.top = this.toCSSValue(a);
       });
@@ -240,7 +240,7 @@ let b = class {
     }
   }
   applyZIndex(e, t) {
-    p(t) || m(t) ? v(() => {
+    p(t) || m(t) ? b(() => {
       const i = t();
       e.style.zIndex = String(i);
     }) : e.style.zIndex = String(t);
@@ -261,7 +261,7 @@ let b = class {
   computeLayoutStyles(e, t) {
     const i = {};
     if (e.frame) {
-      const n = e.frame, r = ne(n);
+      const n = e.frame, r = oe(n);
       if (Object.assign(i, r.cssProps), n.width !== void 0) {
         const a = L(n.width);
         a !== void 0 && !A(n.width) && !r.expandWidth && (i.width = a);
@@ -333,7 +333,7 @@ let b = class {
     }
     return i;
   }
-}, $o = class extends b {
+}, zo = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "appearance");
@@ -358,16 +358,16 @@ let b = class {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(e, t) {
-    const i = W();
-    t.foregroundColor && this.isAsset(t.foregroundColor) && v(() => {
+    const i = N();
+    t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       i();
       const n = t.foregroundColor.resolve();
       this.applyStyleChange(e, "color", n);
-    }), t.backgroundColor && this.isAsset(t.backgroundColor) && v(() => {
+    }), t.backgroundColor && this.isAsset(t.backgroundColor) && b(() => {
       i();
       const n = t.backgroundColor.resolve();
       this.applyStyleChange(e, "backgroundColor", n);
-    }), t.border?.color && this.isAsset(t.border.color) && v(() => {
+    }), t.border?.color && this.isAsset(t.border.color) && b(() => {
       i();
       const n = t.border.color.resolve();
       this.applyStyleChange(e, "borderColor", n);
@@ -419,7 +419,7 @@ let b = class {
     const i = [];
     return e.blur !== void 0 && i.push(`blur(${e.blur}px)`), e.brightness !== void 0 && i.push(`brightness(${e.brightness})`), e.contrast !== void 0 && i.push(`contrast(${e.contrast})`), e.saturation !== void 0 && i.push(`saturate(${e.saturation})`), e.hueRotation !== void 0 && i.push(`hue-rotate(${e.hueRotation}deg)`), e.grayscale !== void 0 && i.push(`grayscale(${e.grayscale})`), e.colorInvert !== void 0 && i.push(`invert(${e.colorInvert})`), i.length > 0 && (t.filter = i.join(" ")), t;
   }
-}, Ro = class extends b {
+}, Wo = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "interaction");
@@ -439,7 +439,7 @@ let b = class {
       const n = t.element, r = (a) => {
         a ? (n.setAttribute("disabled", "true"), n.style.pointerEvents = "none", n.style.opacity = "0.6") : (n.removeAttribute("disabled"), n.style.pointerEvents = "", n.style.opacity = "");
       };
-      p(i.disabled) || m(i.disabled) ? v(() => {
+      p(i.disabled) || m(i.disabled) ? b(() => {
         const a = !!i.disabled();
         r(a);
       }) : r(!!i.disabled);
@@ -455,25 +455,25 @@ let b = class {
     let r, a = null, l = !1;
     const c = () => {
       r && (clearTimeout(r), r = void 0), l && t.onPressingChanged && t.onPressingChanged(!1), l = !1, a = null;
-    }, d = (g) => {
-      const S = g;
+    }, u = (v) => {
+      const S = v;
       a = { x: S.clientX, y: S.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = window.setTimeout(() => {
         l && a && (t.perform(), c());
       }, i);
-    }, u = (g) => {
-      const S = g;
+    }, d = (v) => {
+      const S = v;
       if (!a || !l) return;
       Math.sqrt(
         Math.pow(S.clientX - a.x, 2) + Math.pow(S.clientY - a.y, 2)
       ) > n && c();
-    }, y = () => {
-      c();
     }, h = () => {
       c();
+    }, y = () => {
+      c();
     };
-    e.addEventListener("pointerdown", d), e.addEventListener("pointermove", u), e.addEventListener("pointerup", y), e.addEventListener(
+    e.addEventListener("pointerdown", u), e.addEventListener("pointermove", d), e.addEventListener("pointerup", h), e.addEventListener(
       "pointercancel",
-      h
+      y
     ), e._longPressCleanup = c;
   }
   /**
@@ -492,10 +492,10 @@ let b = class {
         ctrl: r.ctrlKey,
         shift: r.shiftKey,
         alt: r.altKey
-      }, c = r.key.toLowerCase() === t.key.toLowerCase(), d = Object.entries(a).every(
-        ([u, y]) => y === l[u]
+      }, c = r.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(a).every(
+        ([d, h]) => h === l[d]
       );
-      c && d && (r.preventDefault(), t.action());
+      c && u && (r.preventDefault(), t.action());
     };
     document.addEventListener("keydown", n), e._keyboardShortcutCleanup = () => {
       document.removeEventListener("keydown", n);
@@ -507,7 +507,7 @@ let b = class {
   setupFocusManagement(e, t) {
     if (!(e instanceof HTMLElement)) return;
     const i = e;
-    i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), p(t) || m(t) ? v(() => {
+    i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), p(t) || m(t) ? b(() => {
       t() ? i.focus() : i.blur();
     }) : t && i.focus();
   }
@@ -527,13 +527,13 @@ let b = class {
   setupContinuousHover(e, t) {
     const i = t.coordinateSpace ?? "local", n = (a) => {
       const l = a;
-      let c, d;
+      let c, u;
       if (i === "local") {
-        const u = e.getBoundingClientRect();
-        c = l.clientX - u.left, d = l.clientY - u.top;
+        const d = e.getBoundingClientRect();
+        c = l.clientX - d.left, u = l.clientY - d.top;
       } else
-        c = l.clientX, d = l.clientY;
-      t.perform({ x: c, y: d });
+        c = l.clientX, u = l.clientY;
+      t.perform({ x: c, y: u });
     }, r = () => {
       t.perform(null);
     };
@@ -550,7 +550,7 @@ let b = class {
   setupHitTesting(e, t) {
     e instanceof HTMLElement && (e.style.pointerEvents = t ? "" : "none");
   }
-}, Be = class extends b {
+}, Be = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "animation");
@@ -571,11 +571,11 @@ let b = class {
           n.keyframes
         );
         this.addKeyframesToStylesheet(a);
-        const l = n.duration || 1e3, c = n.easing || "ease", d = n.iterations || 1, u = n.direction || "normal";
-        t.element.style.animation = `${r} ${l}ms ${c} ${d} ${u}`;
+        const l = n.duration || 1e3, c = n.easing || "ease", u = n.iterations || 1, d = n.direction || "normal";
+        t.element.style.animation = `${r} ${l}ms ${c} ${u} ${d}`;
       }
     }
-    if (i.transform && t.element instanceof HTMLElement && (p(i.transform) || m(i.transform) ? v(() => {
+    if (i.transform && t.element instanceof HTMLElement && (p(i.transform) || m(i.transform) ? b(() => {
       const n = i.transform();
       t.element instanceof HTMLElement && (t.element.style.transform = n);
     }) : t.element.style.transform = i.transform), i.rotationEffect && t.element instanceof HTMLElement) {
@@ -591,18 +591,18 @@ let b = class {
         trailing: "100% 50%"
       }[r || "center"] || "50% 50%", c = `rotate(${n}deg)`;
       if (p(n) || m(n))
-        v(() => {
-          const u = `rotate(${typeof n == "function" ? n() : n}deg)`;
+        b(() => {
+          const d = `rotate(${typeof n == "function" ? n() : n}deg)`;
           if (t.element instanceof HTMLElement) {
             t.element.style.transformOrigin = l;
-            const h = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), g = h ? `${h} ${u}` : u;
-            t.element.style.transform = g;
+            const y = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), v = y ? `${y} ${d}` : d;
+            t.element.style.transform = v;
           }
         });
       else if (t.element instanceof HTMLElement) {
         t.element.style.transformOrigin = l;
-        const u = (t.element.style.transform || "").split(" ").filter((h) => h && !h.startsWith("rotate(")).join(" "), y = u ? `${u} ${c}` : c;
-        t.element.style.transform = y;
+        const d = (t.element.style.transform || "").split(" ").filter((y) => y && !y.startsWith("rotate(")).join(" "), h = d ? `${d} ${c}` : c;
+        t.element.style.transform = h;
       }
     }
     i.overlay && t.element instanceof HTMLElement && this.applyOverlay(t.element, i.overlay, t);
@@ -616,8 +616,8 @@ let b = class {
     if (Object.assign(a.style, l), typeof n == "function") {
       const c = n();
       if (c && typeof c.render == "function") {
-        const d = c.render();
-        d.element && a.appendChild(d.element);
+        const u = c.render();
+        u.element && a.appendChild(u.element);
       }
     } else if (n && typeof n.render == "function") {
       const c = n.render();
@@ -693,7 +693,7 @@ let b = class {
     );
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
   }
-}, Ho = class extends b {
+}, Go = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "lifecycle");
@@ -759,27 +759,27 @@ let b = class {
       transition: opacity 0.3s ease;
       z-index: 1000;
     `, !document.querySelector("#tachui-refresh-styles")) {
-      const h = document.createElement("style");
-      h.id = "tachui-refresh-styles", h.textContent = `
+      const y = document.createElement("style");
+      y.id = "tachui-refresh-styles", y.textContent = `
         @keyframes tachui-spin {
           0% { transform: translateX(-50%) rotate(0deg); }
           100% { transform: translateX(-50%) rotate(360deg); }
         }
-      `, document.head.appendChild(h);
+      `, document.head.appendChild(y);
     }
     const c = e.parentElement || e;
     c instanceof HTMLElement && (c.style.position = "relative", c.appendChild(l));
-    const d = (h) => {
-      i || (r = h.touches[0].clientY);
-    }, u = (h) => {
+    const u = (y) => {
+      i || (r = y.touches[0].clientY);
+    }, d = (y) => {
       if (i) return;
-      const g = h.touches[0].clientY;
-      if (n = Math.max(0, g - r), n > 20) {
-        h.preventDefault();
+      const v = y.touches[0].clientY;
+      if (n = Math.max(0, v - r), n > 20) {
+        y.preventDefault();
         const S = Math.min(n / a, 1);
         l.style.opacity = String(S * 0.8), l.style.top = `${-50 + S * 20}px`;
       }
-    }, y = async () => {
+    }, h = async () => {
       if (i || n < a) {
         l.style.opacity = "0", l.style.top = "-50px", n = 0;
         return;
@@ -787,29 +787,29 @@ let b = class {
       i = !0, l.style.opacity = "1", l.style.top = "10px";
       try {
         await t.onRefresh();
-      } catch (h) {
-        console.error("TachUI Refresh Error:", h);
+      } catch (y) {
+        console.error("TachUI Refresh Error:", y);
       } finally {
         i = !1, l.style.opacity = "0", l.style.top = "-50px", n = 0;
       }
     };
-    e.addEventListener("touchstart", d, {
+    e.addEventListener("touchstart", u, {
       passive: !1
-    }), e.addEventListener("touchmove", u, {
+    }), e.addEventListener("touchmove", d, {
       passive: !1
-    }), e.addEventListener("touchend", y), this.addCleanup(() => {
+    }), e.addEventListener("touchend", h), this.addCleanup(() => {
       e.removeEventListener(
         "touchstart",
-        d
-      ), e.removeEventListener("touchmove", u), e.removeEventListener("touchend", y), l.parentElement && l.parentElement.removeChild(l);
+        u
+      ), e.removeEventListener("touchmove", d), e.removeEventListener("touchend", h), l.parentElement && l.parentElement.removeChild(l);
     });
   }
   addCleanup(e) {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(e);
   }
 };
-const Ne = "@tachui/modifiers", ze = "0.8.20", Bo = Ne, Fe = ze;
-class V extends b {
+const Ne = "@tachui/modifiers", ze = "0.8.22", Yo = Ne, Fe = ze;
+class V extends g {
   // Optimized priority for internal spacing (before margin at 50)
   constructor(e) {
     super(e);
@@ -839,7 +839,7 @@ class V extends b {
     return t;
   }
 }
-function x(o) {
+function M(o) {
   return p(o) || m(o) ? new V({ all: o }) : typeof o == "number" || typeof o == "string" ? new V({ all: o }) : new V(o);
 }
 function We(o) {
@@ -866,86 +866,86 @@ function Xe(o) {
 function Ze(o) {
   return new V({ vertical: o });
 }
-const No = {
+const Xo = {
   /**
    * Extra small padding (4px) - For tight spacing
    */
-  xs: () => x(4),
+  xs: () => M(4),
   /**
    * Small padding (8px) - For compact components
    */
-  sm: () => x(8),
+  sm: () => M(8),
   /**
    * Medium padding (12px) - Default comfortable spacing
    */
-  md: () => x(12),
+  md: () => M(12),
   /**
    * Large padding (16px) - For prominent components
    */
-  lg: () => x(16),
+  lg: () => M(16),
   /**
    * Extra large padding (24px) - For emphasis
    */
-  xl: () => x(24),
+  xl: () => M(24),
   /**
    * Extra extra large padding (32px) - For major sections
    */
-  xxl: () => x(32),
+  xxl: () => M(32),
   /**
    * Huge padding (48px) - For hero sections
    */
-  xxxl: () => x(48),
+  xxxl: () => M(48),
   // Semantic presets for common UI patterns
   /**
    * Button padding preset (horizontal: 16, vertical: 8)
    * Optimized for interactive elements
    */
-  button: () => x({ horizontal: 16, vertical: 8 }),
+  button: () => M({ horizontal: 16, vertical: 8 }),
   /**
    * Small button padding (horizontal: 12, vertical: 6)
    */
-  buttonSm: () => x({ horizontal: 12, vertical: 6 }),
+  buttonSm: () => M({ horizontal: 12, vertical: 6 }),
   /**
    * Large button padding (horizontal: 24, vertical: 12)
    */
-  buttonLg: () => x({ horizontal: 24, vertical: 12 }),
+  buttonLg: () => M({ horizontal: 24, vertical: 12 }),
   /**
    * Card padding preset (all: 16)
    * Standard for card-like containers
    */
-  card: () => x(16),
+  card: () => M(16),
   /**
    * Compact card padding (all: 12)
    */
-  cardSm: () => x(12),
+  cardSm: () => M(12),
   /**
    * Spacious card padding (all: 24)
    */
-  cardLg: () => x(24),
+  cardLg: () => M(24),
   /**
    * Section padding preset (horizontal: 20, vertical: 12)
    * For content sections and layout blocks
    */
-  section: () => x({ horizontal: 20, vertical: 12 }),
+  section: () => M({ horizontal: 20, vertical: 12 }),
   /**
    * Page padding preset (horizontal: 24, vertical: 16)
    * For top-level page containers
    */
-  page: () => x({ horizontal: 24, vertical: 16 }),
+  page: () => M({ horizontal: 24, vertical: 16 }),
   /**
    * Form field padding (horizontal: 12, vertical: 8)
    */
-  field: () => x({ horizontal: 12, vertical: 8 }),
+  field: () => M({ horizontal: 12, vertical: 8 }),
   /**
    * Navigation item padding (horizontal: 16, vertical: 8)
    */
-  nav: () => x({ horizontal: 16, vertical: 8 }),
+  nav: () => M({ horizontal: 16, vertical: 8 }),
   /**
    * List item padding (horizontal: 16, vertical: 12)
    */
-  listItem: () => x({ horizontal: 16, vertical: 12 })
+  listItem: () => M({ horizontal: 16, vertical: 12 })
 };
-class R extends b {
+class R extends g {
   // Optimized priority for external spacing (after padding at 45)
   constructor(e) {
     super(e);
@@ -975,7 +975,7 @@ class R extends b {
     return t;
   }
 }
-function M(o) {
+function x(o) {
   return typeof o == "number" || typeof o == "string" ? new R({ all: o }) : new R(o);
 }
 function qe(o) {
@@ -1002,91 +1002,91 @@ function nt(o) {
 function ot(o) {
   return new R({ vertical: o });
 }
-const zo = {
+const Zo = {
   /**
    * Extra small margin (4px) - For tight spacing
    */
-  xs: () => M(4),
+  xs: () => x(4),
   /**
    * Small margin (8px) - For compact components
    */
-  sm: () => M(8),
+  sm: () => x(8),
   /**
    * Medium margin (12px) - Default comfortable spacing
    */
-  md: () => M(12),
+  md: () => x(12),
   /**
    * Large margin (16px) - For prominent separation
    */
-  lg: () => M(16),
+  lg: () => x(16),
   /**
    * Extra large margin (24px) - For emphasis
    */
-  xl: () => M(24),
+  xl: () => x(24),
   /**
    * Extra extra large margin (32px) - For major sections
    */
-  xxl: () => M(32),
+  xxl: () => x(32),
   /**
    * Huge margin (48px) - For hero sections
    */
-  xxxl: () => M(48),
+  xxxl: () => x(48),
   // Semantic presets for common UI patterns
   /**
    * Component separation (vertical: 16, horizontal: 0)
    * For spacing between stacked components
    */
-  component: () => M({ vertical: 16, horizontal: 0 }),
+  component: () => x({ vertical: 16, horizontal: 0 }),
   /**
    * Section separation (vertical: 24, horizontal: 0)
    * For major content sections
    */
-  section: () => M({ vertical: 24, horizontal: 0 }),
+  section: () => x({ vertical: 24, horizontal: 0 }),
   /**
    * Page margin (horizontal: auto)
    * For centering page content
    */
-  page: () => M({ horizontal: "auto" }),
+  page: () => x({ horizontal: "auto" }),
   /**
    * Card margin (all: 16)
    * Standard margin around card components
    */
-  card: () => M(16),
+  card: () => x(16),
   /**
    * Compact card margin (all: 8)
    */
-  cardSm: () => M(8),
+  cardSm: () => x(8),
   /**
    * Spacious card margin (all: 24)
    */
-  cardLg: () => M(24),
+  cardLg: () => x(24),
   /**
    * Button margin (horizontal: 8, vertical: 4)
    * For spacing between inline buttons
    */
-  button: () => M({ horizontal: 8, vertical: 4 }),
+  button: () => x({ horizontal: 8, vertical: 4 }),
   /**
    * List item margin (vertical: 8, horizontal: 0)
    * For spacing between list items
    */
-  listItem: () => M({ vertical: 8, horizontal: 0 }),
+  listItem: () => x({ vertical: 8, horizontal: 0 }),
   /**
    * Form field margin (vertical: 12, horizontal: 0)
    * For spacing between form fields
    */
-  field: () => M({ vertical: 12, horizontal: 0 }),
+  field: () => x({ vertical: 12, horizontal: 0 }),
   /**
    * Zero margin utility
    * For removing default margins
    */
-  none: () => M(0),
+  none: () => x(0),
   /**
    * Auto margin utility
    * For centering elements
    */
-  auto: () => M("auto")
+  auto: () => x("auto")
 };
-class B extends b {
+class z extends g {
   // Priority 80 for layout
   constructor(e) {
     super(e);
@@ -1099,7 +1099,7 @@ class B extends b {
     this.applyStyles(t.element, i);
   }
   computeSizeStyles(e) {
-    const t = {}, i = ne(e);
+    const t = {}, i = oe(e);
     if (Object.assign(t, i.cssProps), e.width !== void 0) {
       const n = L(e.width);
       n !== void 0 && !A(e.width) && (t.width = n);
@@ -1128,27 +1128,27 @@ class B extends b {
   }
 }
 function rt(o) {
-  return new B(o);
+  return new z(o);
 }
 function st(o) {
-  return new B({ width: o });
+  return new z({ width: o });
 }
 function at(o) {
-  return new B({ height: o });
+  return new z({ height: o });
 }
 function lt(o) {
-  return new B({ maxWidth: o });
+  return new z({ maxWidth: o });
 }
 function ct(o) {
-  return new B({ minWidth: o });
+  return new z({ minWidth: o });
 }
 function ft(o) {
-  return new B({ maxHeight: o });
+  return new z({ maxHeight: o });
 }
 function dt(o) {
-  return new B({ minHeight: o });
+  return new z({ minHeight: o });
 }
-class ee extends Be {
+class te extends Be {
   constructor() {
     super(...arguments);
     // Override type to be 'transition' instead of 'animation'
@@ -1157,16 +1157,16 @@ class ee extends Be {
 }
 function ut(o, s, e, t) {
   if (typeof o == "object")
-    return new ee({ transition: o });
+    return new te({ transition: o });
   const i = o;
-  return i === "none" ? new ee({
+  return i === "none" ? new te({
     transition: {
       property: "none",
       duration: 0,
       easing: "ease",
       delay: 0
     }
-  }) : new ee({
+  }) : new te({
     transition: {
       property: i,
       duration: s || 300,
@@ -1176,18 +1176,18 @@ function ut(o, s, e, t) {
   });
 }
 function pt(o) {
-  return new q({ transform: o });
+  return new J({ transform: o });
 }
 function mt(o) {
-  return o ? new q({ animation: o }) : new q({});
+  return o ? new J({ animation: o }) : new J({});
 }
 function ht(o) {
-  return new q({ transitions: o });
+  return new J({ transitions: o });
 }
 function yt(o) {
   return new Re({ task: o });
 }
-class $ extends b {
+class $ extends g {
   // Optimized priority for layout modifiers
   constructor(e) {
     super(e);
@@ -1226,7 +1226,7 @@ function vt(o) {
 function bt(o) {
   return new $({ flexBasis: o });
 }
-function Fo(o) {
+function qo(o) {
   return new $({ flex: o });
 }
 function St(o) {
@@ -1241,19 +1241,19 @@ function Ct(o) {
 function Et(o) {
   return new $({ gap: o });
 }
-function Wo(o) {
+function Jo(o) {
   return new $({ rowGap: o });
 }
-function jo(o) {
+function Qo(o) {
   return new $({ columnGap: o });
 }
-function xt(o) {
+function Mt(o) {
   return new $({ flexDirection: o });
 }
-function Mt(o) {
+function xt(o) {
   return new $({ flexWrap: o });
 }
-const Uo = {
+const er = {
   /**
    * Standard flex container
    * Sets display: flex for basic flex container
@@ -1391,7 +1391,7 @@ const Uo = {
     alignItems: "stretch"
   })
 };
-class Tt extends b {
+class Tt extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "offset");
@@ -1401,14 +1401,14 @@ class Tt extends b {
   apply(e, t) {
     if (!t.element) return;
     const { x: i, y: n = 0 } = this.properties;
-    p(i) || m(i) || p(n) || m(n) ? v(() => {
+    p(i) || m(i) || p(n) || m(n) ? b(() => {
       const r = p(i) || m(i) ? i() : i, a = p(n) || m(n) ? n() : n;
       this.applyOffset(t.element, r, a);
     }) : this.applyOffset(t.element, i, n);
   }
   applyOffset(e, t, i) {
-    const n = this.toCSSValue(t), r = this.toCSSValue(i), a = `translate(${n}, ${r})`, c = (e.style.transform || "").replace(/\s*translate(?!Z\(0\))[XYZ3d]*\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), d = c ? `${c} ${a}` : a;
-    e.style.transform = d;
+    const n = this.toCSSValue(t), r = this.toCSSValue(i), a = `translate(${n}, ${r})`, c = (e.style.transform || "").replace(/\s*translate(?!Z\(0\))[XYZ3d]*\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), u = c ? `${c} ${a}` : a;
+    e.style.transform = u;
   }
   /**
    * Development mode validation
@@ -1436,7 +1436,7 @@ function Lt(o, s) {
   const e = new Tt({ x: o, y: s ?? 0 });
   return typeof process < "u" && process.env.NODE_ENV === "development" && e.validateOffset(o, s), e;
 }
-class At extends b {
+class At extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "scaleEffect");
@@ -1446,7 +1446,7 @@ class At extends b {
   apply(e, t) {
     if (!t.element) return;
     const { x: i, y: n, anchor: r = "center" } = this.properties, a = n ?? i;
-    typeof process < "u" && process.env.NODE_ENV === "development" && this.validateScale(i, a, r), p(i) || m(i) || p(a) || m(a) ? v(() => {
+    typeof process < "u" && process.env.NODE_ENV === "development" && this.validateScale(i, a, r), p(i) || m(i) || p(a) || m(a) ? b(() => {
       const l = p(i) || m(i) ? i() : i, c = p(a) || m(a) ? a() : a;
       this.applyScale(
         t.element,
@@ -1517,7 +1517,7 @@ class At extends b {
 function kt(o, s, e = "center") {
   return new At({ x: o, y: s, anchor: e });
 }
-class Ce extends b {
+class Ce extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "aspectRatio");
@@ -1527,7 +1527,7 @@ class Ce extends b {
   apply(e, t) {
     if (!t.element) return;
     const { ratio: i, contentMode: n } = this.properties;
-    typeof process < "u" && process.env.NODE_ENV === "development" && this.validateAspectRatio(i, n), i !== void 0 ? p(i) || m(i) ? v(() => {
+    typeof process < "u" && process.env.NODE_ENV === "development" && this.validateAspectRatio(i, n), i !== void 0 ? p(i) || m(i) ? b(() => {
       const r = i();
       this.applyAspectRatio(
         t.element,
@@ -1590,7 +1590,7 @@ f(Ce, "COMMON_RATIOS", {
 function Pt(o, s = "fit") {
   return new Ce({ ratio: o, contentMode: s });
 }
-class It extends b {
+class It extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "fixedSize");
@@ -1650,13 +1650,13 @@ function $t(o = !0, s = !0) {
   return new It({ horizontal: o, vertical: s });
 }
 function Vt(o) {
-  return new oe({ frame: o });
+  return new re({ frame: o });
 }
 function Rt(o) {
-  return new oe({ layoutPriority: o });
+  return new re({ layoutPriority: o });
 }
 function Dt(o, s) {
-  return new oe({
+  return new re({
     position: {
       x: o,
       y: s
@@ -1666,7 +1666,7 @@ function Dt(o, s) {
 function Ot() {
   return new De({});
 }
-class Ht extends b {
+class Ht extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "position");
@@ -1680,7 +1680,7 @@ class Ht extends b {
       this.applyCoordinatePosition(t.element, i);
       return;
     }
-    p(i) || m(i) ? v(() => {
+    p(i) || m(i) ? b(() => {
       const n = i();
       this.applyPosition(t.element, n);
     }) : this.applyPosition(t.element, i);
@@ -1693,7 +1693,7 @@ class Ht extends b {
       e.style.position = "absolute", e.style.left = `${n}px`, e.style.top = `${r}px`, this.applyPositionOptimizations(e, "absolute");
     };
     if (p(t.x) || m(t.x) || p(t.y) || m(t.y)) {
-      v(() => {
+      b(() => {
         const n = p(t.x) || m(t.x) ? t.x() : t.x, r = p(t.y) || m(t.y) ? t.y() : t.y;
         i(n, r);
       });
@@ -1784,7 +1784,7 @@ class Ht extends b {
 function _t(o) {
   return new Ht({ position: o });
 }
-class Ee extends b {
+class Ee extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "zIndex");
@@ -1794,7 +1794,7 @@ class Ee extends b {
   apply(e, t) {
     if (!t.element) return;
     const { zIndex: i } = this.properties;
-    typeof process < "u" && process.env.NODE_ENV === "development" && this.validateZIndex(i), p(i) || m(i) ? v(() => {
+    typeof process < "u" && process.env.NODE_ENV === "development" && this.validateZIndex(i), p(i) || m(i) ? b(() => {
       const n = i();
       this.applyZIndex(t.element, n);
     }) : this.applyZIndex(t.element, i);
@@ -1911,7 +1911,7 @@ class w {
     if (s instanceof HTMLElement) {
       const i = this.toCSSProperty(e);
       if (p(t) || m(t))
-        v(() => {
+        b(() => {
           const n = t(), r = String(n);
           if (r.includes("!important")) {
             const a = r.replace(/\s*!important\s*$/, "").trim();
@@ -1981,8 +1981,8 @@ class w {
               r,
               "value type:",
               typeof n
-            ), v(() => {
-              const a = this.isAssetValue(n) ? (W()(), n.resolve()) : n();
+            ), b(() => {
+              const a = this.isAssetValue(n) ? (N()(), n.resolve()) : n();
               console.log(
                 "BaseModifier reactive effect fired - property:",
                 r,
@@ -2041,7 +2041,7 @@ class w {
     };
   }
 }
-class Go extends w {
+class tr extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "layout");
@@ -2064,18 +2064,18 @@ class Go extends w {
   applyOffsetTransform(e, t) {
     const { x: i, y: n } = t;
     if (p(i) || m(i) || p(n) || m(n))
-      v(() => {
-        const r = p(i) || m(i) ? i() : i ?? 0, a = p(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, y = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = y ? `${y} ${d}` : d;
-        e.style.transform = h;
+      b(() => {
+        const r = p(i) || m(i) ? i() : i ?? 0, a = p(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), u = `translate(${l}, ${c})`, h = (e.style.transform || "").split(" ").filter((v) => v && !v.startsWith("translate(")).join(" "), y = h ? `${h} ${u}` : u;
+        e.style.transform = y;
       });
     else {
-      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, y = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = y ? `${y} ${d}` : d;
-      e.style.transform = h;
+      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), u = `translate(${l}, ${c})`, h = (e.style.transform || "").split(" ").filter((v) => v && !v.startsWith("translate(")).join(" "), y = h ? `${h} ${u}` : u;
+      e.style.transform = y;
     }
   }
   applyAspectRatio(e, t) {
     const { ratio: i, contentMode: n } = t;
-    i !== void 0 && (p(i) || m(i) ? v(() => {
+    i !== void 0 && (p(i) || m(i) ? b(() => {
       const r = typeof i == "function" ? i() : i;
       e.style.aspectRatio = String(r);
     }) : e.style.aspectRatio = String(i), n === "fill" ? e.style.objectFit = "cover" : e.style.objectFit = "contain");
@@ -2084,27 +2084,27 @@ class Go extends w {
   applyScaleTransform(e, t) {
     const { x: i, y: n, anchor: r } = t, a = i ?? 1, l = n ?? a;
     if (p(a) || m(a) || p(l) || m(l))
-      v(() => {
-        const c = p(a) || m(a) ? a() : a, d = p(l) || m(l) ? l() : l, u = `scale(${c}, ${d})`;
+      b(() => {
+        const c = p(a) || m(a) ? a() : a, u = p(l) || m(l) ? l() : l, d = `scale(${c}, ${u})`;
         e.style.transformOrigin = this.getTransformOrigin(
           r || "center"
         );
-        const h = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), g = h ? `${h} ${u}` : u;
-        e.style.transform = g;
+        const y = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), v = y ? `${y} ${d}` : d;
+        e.style.transform = v;
       });
     else {
       const c = `scale(${a}, ${l})`;
       e.style.transformOrigin = this.getTransformOrigin(
         r || "center"
       );
-      const u = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), y = u ? `${u} ${c}` : c;
-      e.style.transform = y;
+      const d = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), h = d ? `${d} ${c}` : c;
+      e.style.transform = h;
     }
   }
   applyAbsolutePosition(e, t) {
     const { x: i, y: n } = t;
     if (e.style.position = "absolute", p(i) || m(i) || p(n) || m(n))
-      v(() => {
+      b(() => {
         const r = p(i) || m(i) ? i() : i ?? 0, a = p(n) || m(n) ? n() : n ?? 0;
         e.style.left = this.toCSSValue(r), e.style.top = this.toCSSValue(a);
       });
@@ -2114,7 +2114,7 @@ class Go extends w {
     }
   }
   applyZIndex(e, t) {
-    p(t) || m(t) ? v(() => {
+    p(t) || m(t) ? b(() => {
       const i = t();
       e.style.zIndex = String(i);
     }) : e.style.zIndex = String(t);
@@ -2135,7 +2135,7 @@ class Go extends w {
   computeLayoutStyles(e, t) {
     const i = {};
     if (e.frame) {
-      const n = e.frame, r = ne(n);
+      const n = e.frame, r = oe(n);
       if (Object.assign(i, r.cssProps), n.width !== void 0) {
         const a = L(n.width);
         a !== void 0 && !A(n.width) && !r.expandWidth && (i.width = a);
@@ -2208,7 +2208,7 @@ class Go extends w {
     return i;
   }
 }
-class Ko extends w {
+class ir extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "appearance");
@@ -2239,16 +2239,16 @@ class Ko extends w {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(e, t) {
-    const i = W();
-    t.foregroundColor && this.isAsset(t.foregroundColor) && v(() => {
+    const i = N();
+    t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       i();
       const n = t.foregroundColor.resolve();
       this.applyStyleChange(e, "color", n);
-    }), t.backgroundColor && this.isAsset(t.backgroundColor) && v(() => {
+    }), t.backgroundColor && this.isAsset(t.backgroundColor) && b(() => {
       i();
       const n = t.backgroundColor.resolve();
       this.applyStyleChange(e, "backgroundColor", n);
-    }), t.border?.color && this.isAsset(t.border.color) && v(() => {
+    }), t.border?.color && this.isAsset(t.border.color) && b(() => {
       i();
       const n = t.border.color.resolve();
       this.applyStyleChange(e, "borderColor", n);
@@ -2278,8 +2278,8 @@ class Ko extends w {
       n.width !== void 0 && (t.borderWidth = this.toCSSValue(n.width)), n.color && !this.isAsset(n.color) && (t.borderColor = n.color), n.style && (t.borderStyle = n.style);
     }
     if (e.shadow) {
-      const n = e.shadow, r = n.x || 0, a = n.y || 0, l = n.blur !== void 0 ? n.blur : n.radius || 0, c = n.spread || 0, d = n.color || "rgba(0,0,0,0.25)";
-      t.boxShadow = c !== 0 ? `${r}px ${a}px ${l}px ${c}px ${d}` : `${r}px ${a}px ${l}px ${d}`;
+      const n = e.shadow, r = n.x || 0, a = n.y || 0, l = n.blur !== void 0 ? n.blur : n.radius || 0, c = n.spread || 0, u = n.color || "rgba(0,0,0,0.25)";
+      t.boxShadow = c !== 0 ? `${r}px ${a}px ${l}px ${c}px ${u}` : `${r}px ${a}px ${l}px ${u}`;
     }
     if (e.clipped && (t.overflow = "hidden"), e.clipShape) {
       const { shape: n, parameters: r } = e.clipShape;
@@ -2360,8 +2360,8 @@ class C extends w {
       ), t.element.addEventListener(
         "touchend",
         (a) => {
-          const c = a.changedTouches[0], d = c.clientX - n, u = c.clientY - r;
-          Math.abs(d) > Math.abs(u) && Math.abs(d) > 50 && (d < 0 && i.onSwipeLeft ? i.onSwipeLeft() : d > 0 && i.onSwipeRight && i.onSwipeRight());
+          const c = a.changedTouches[0], u = c.clientX - n, d = c.clientY - r;
+          Math.abs(u) > Math.abs(d) && Math.abs(u) > 50 && (u < 0 && i.onSwipeLeft ? i.onSwipeLeft() : u > 0 && i.onSwipeRight && i.onSwipeRight());
         },
         { passive: !0 }
       );
@@ -2377,7 +2377,7 @@ class C extends w {
       const n = t.element, r = (a) => {
         a ? (n.setAttribute("disabled", "true"), n.style.pointerEvents = "none", n.style.opacity = "0.6") : (n.removeAttribute("disabled"), n.style.pointerEvents = "", n.style.opacity = "");
       };
-      p(i.disabled) || m(i.disabled) ? v(() => {
+      p(i.disabled) || m(i.disabled) ? b(() => {
         r(!!i.disabled());
       }) : r(!!i.disabled);
     }
@@ -2392,25 +2392,25 @@ class C extends w {
     let r, a = null, l = !1;
     const c = () => {
       r && (clearTimeout(r), r = void 0), l && t.onPressingChanged && t.onPressingChanged(!1), l = !1, a = null;
-    }, d = (g) => {
-      const S = g;
+    }, u = (v) => {
+      const S = v;
       a = { x: S.clientX, y: S.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = window.setTimeout(() => {
         l && a && (t.perform(), c());
       }, i);
-    }, u = (g) => {
-      const S = g;
+    }, d = (v) => {
+      const S = v;
       if (!a || !l) return;
       Math.sqrt(
         Math.pow(S.clientX - a.x, 2) + Math.pow(S.clientY - a.y, 2)
       ) > n && c();
-    }, y = () => {
-      c();
     }, h = () => {
       c();
+    }, y = () => {
+      c();
     };
-    e.addEventListener("pointerdown", d), e.addEventListener("pointermove", u), e.addEventListener("pointerup", y), e.addEventListener(
+    e.addEventListener("pointerdown", u), e.addEventListener("pointermove", d), e.addEventListener("pointerup", h), e.addEventListener(
       "pointercancel",
-      h
+      y
     ), e._longPressCleanup = c;
   }
   /**
@@ -2429,10 +2429,10 @@ class C extends w {
         ctrl: r.ctrlKey,
         shift: r.shiftKey,
         alt: r.altKey
-      }, c = r.key.toLowerCase() === t.key.toLowerCase(), d = Object.entries(a).every(
-        ([u, y]) => y === l[u]
+      }, c = r.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(a).every(
+        ([d, h]) => h === l[d]
       );
-      c && d && (r.preventDefault(), t.action());
+      c && u && (r.preventDefault(), t.action());
     };
     document.addEventListener("keydown", n), e._keyboardShortcutCleanup = () => {
       document.removeEventListener("keydown", n);
@@ -2444,7 +2444,7 @@ class C extends w {
   setupFocusManagement(e, t) {
     if (!(e instanceof HTMLElement)) return;
     const i = e;
-    i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), p(t) || m(t) ? v(() => {
+    i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), p(t) || m(t) ? b(() => {
       t() ? i.focus() : i.blur();
     }) : t && i.focus();
   }
@@ -2464,13 +2464,13 @@ class C extends w {
   setupContinuousHover(e, t) {
     const i = t.coordinateSpace ?? "local", n = (a) => {
       const l = a;
-      let c, d;
+      let c, u;
       if (i === "local") {
-        const u = e.getBoundingClientRect();
-        c = l.clientX - u.left, d = l.clientY - u.top;
+        const d = e.getBoundingClientRect();
+        c = l.clientX - d.left, u = l.clientY - d.top;
       } else
-        c = l.clientX, d = l.clientY;
-      t.perform({ x: c, y: d });
+        c = l.clientX, u = l.clientY;
+      t.perform({ x: c, y: u });
     }, r = () => {
       t.perform(null);
     };
@@ -2488,7 +2488,7 @@ class C extends w {
     e instanceof HTMLElement && (e.style.pointerEvents = t ? "" : "none");
   }
 }
-class Yo extends w {
+class nr extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "animation");
@@ -2509,11 +2509,11 @@ class Yo extends w {
           n.keyframes
         );
         this.addKeyframesToStylesheet(a);
-        const l = n.duration || 1e3, c = n.easing || "ease", d = n.iterations || 1, u = n.direction || "normal";
-        t.element.style.animation = `${r} ${l}ms ${c} ${d} ${u}`;
+        const l = n.duration || 1e3, c = n.easing || "ease", u = n.iterations || 1, d = n.direction || "normal";
+        t.element.style.animation = `${r} ${l}ms ${c} ${u} ${d}`;
       }
     }
-    if (i.transform && t.element instanceof HTMLElement && (p(i.transform) || m(i.transform) ? v(() => {
+    if (i.transform && t.element instanceof HTMLElement && (p(i.transform) || m(i.transform) ? b(() => {
       const n = i.transform();
       t.element instanceof HTMLElement && (t.element.style.transform = n);
     }) : t.element.style.transform = i.transform), i.rotationEffect && t.element instanceof HTMLElement) {
@@ -2529,18 +2529,18 @@ class Yo extends w {
         trailing: "100% 50%"
       }[r || "center"] || "50% 50%", c = `rotate(${n}deg)`;
       if (p(n) || m(n))
-        v(() => {
-          const u = `rotate(${typeof n == "function" ? n() : n}deg)`;
+        b(() => {
+          const d = `rotate(${typeof n == "function" ? n() : n}deg)`;
           if (t.element instanceof HTMLElement) {
             t.element.style.transformOrigin = l;
-            const h = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), g = h ? `${h} ${u}` : u;
-            t.element.style.transform = g;
+            const y = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), v = y ? `${y} ${d}` : d;
+            t.element.style.transform = v;
           }
         });
       else if (t.element instanceof HTMLElement) {
         t.element.style.transformOrigin = l;
-        const u = (t.element.style.transform || "").split(" ").filter((h) => h && !h.startsWith("rotate(")).join(" "), y = u ? `${u} ${c}` : c;
-        t.element.style.transform = y;
+        const d = (t.element.style.transform || "").split(" ").filter((y) => y && !y.startsWith("rotate(")).join(" "), h = d ? `${d} ${c}` : c;
+        t.element.style.transform = h;
       }
     }
     i.overlay && t.element instanceof HTMLElement && this.applyOverlay(t.element, i.overlay, t);
@@ -2554,8 +2554,8 @@ class Yo extends w {
     if (Object.assign(a.style, l), typeof n == "function") {
       const c = n();
       if (c && typeof c.render == "function") {
-        const d = c.render();
-        d.element && a.appendChild(d.element);
+        const u = c.render();
+        u.element && a.appendChild(u.element);
       }
     } else if (n && typeof n.render == "function") {
       const c = n.render();
@@ -2632,7 +2632,7 @@ class Yo extends w {
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
   }
 }
-class Xo extends w {
+class or extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "lifecycle");
@@ -2700,51 +2700,51 @@ class Xo extends w {
       transition: opacity 0.3s ease;
       z-index: 1000;
     `, !document.querySelector("#tachui-refresh-styles")) {
-      const h = document.createElement("style");
-      h.id = "tachui-refresh-styles", h.textContent = `
+      const y = document.createElement("style");
+      y.id = "tachui-refresh-styles", y.textContent = `
         @keyframes tachui-spin {
           0% { transform: translateX(-50%) rotate(0deg); }
           100% { transform: translateX(-50%) rotate(360deg); }
         }
-      `, document.head.appendChild(h);
+      `, document.head.appendChild(y);
     }
     const c = e.parentElement || e;
     c instanceof HTMLElement && (c.style.position = "relative", c.appendChild(l));
-    const d = (h) => {
-      i || (r = h.touches[0].clientY);
-    }, u = (h) => {
+    const u = (y) => {
+      i || (r = y.touches[0].clientY);
+    }, d = (y) => {
       if (i) return;
-      const g = h.touches[0].clientY;
-      if (n = Math.max(0, g - r), n > 20) {
+      const v = y.touches[0].clientY;
+      if (n = Math.max(0, v - r), n > 20) {
         const S = Math.min(1, n / a);
         l.style.opacity = String(S);
       }
-      n > 0 && e.scrollTop === 0 && h.preventDefault();
-    }, y = async () => {
+      n > 0 && e.scrollTop === 0 && y.preventDefault();
+    }, h = async () => {
       if (!i)
         if (n > a) {
           i = !0, l.style.opacity = "1";
           try {
             await t.onRefresh();
-          } catch (h) {
-            console.error("Refresh error:", h);
+          } catch (y) {
+            console.error("Refresh error:", y);
           } finally {
             i = !1, l.style.opacity = "0", n = 0;
           }
         } else
           l.style.opacity = "0", n = 0;
     };
-    e.addEventListener("touchstart", d, {
+    e.addEventListener("touchstart", u, {
       passive: !0
-    }), e.addEventListener("touchmove", u, {
+    }), e.addEventListener("touchmove", d, {
       passive: !1
-    }), e.addEventListener("touchend", y, {
+    }), e.addEventListener("touchend", h, {
       passive: !0
     }), this.addCleanup(() => {
       e.removeEventListener(
         "touchstart",
-        d
-      ), e.removeEventListener("touchmove", u), e.removeEventListener("touchend", y), l.parentElement && l.parentElement.removeChild(l);
+        u
+      ), e.removeEventListener("touchmove", d), e.removeEventListener("touchend", h), l.parentElement && l.parentElement.removeChild(l);
     });
   }
   addCleanup(e) {
@@ -2780,11 +2780,11 @@ class ve extends w {
         "center"
       ), r = this.resolveReactive(this.properties.side, void 0), a = this.resolveReactive(this.properties.offset, void 0), l = this.resolveReactive(this.properties.enabled, !0);
       this.clearPositionStyles(e);
-      const c = r ?? n, d = r !== void 0 ? c : n, u = this.getOverlayAlignment(d);
-      Object.assign(e.style, u), this.applyOffset(e, c, a), e.style.display = l ? "" : "none";
+      const c = r ?? n, u = r !== void 0 ? c : n, d = this.getOverlayAlignment(u);
+      Object.assign(e.style, d), this.applyOffset(e, c, a), e.style.display = l ? "" : "none";
     };
     if (this.isReactive(this.properties.alignment) || this.isReactive(this.properties.side) || this.isReactive(this.properties.offset) || this.isReactive(this.properties.enabled)) {
-      v(() => {
+      b(() => {
         t();
       });
       return;
@@ -2912,7 +2912,7 @@ function Nt(o, s = "center") {
     alignment: s
   });
 }
-class xe extends b {
+class Me extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "background");
@@ -2920,29 +2920,29 @@ class xe extends b {
   }
   apply(e, t) {
     if (!t.element) return;
-    const i = this.properties.background;
+    const i = this.properties.background, n = this.properties.cssProperty ?? "background";
     if (p(i) || m(i)) {
-      this.applyStyles(t.element, { background: i });
+      this.applyStyles(t.element, { [n]: i });
       return;
     }
     if (this.isAssetValue(i)) {
       this.applyColorAssetWithThemeReactivity(
         t.element,
-        "background",
+        n,
         i
       );
       return;
     }
     if (t.element instanceof HTMLElement && this.isStateGradientOption(i)) {
-      this.applyStatefulBackground(t.element, i);
+      this.applyStatefulBackground(t.element, i, n);
       return;
     }
-    const n = this.resolveBackgroundValue(
+    const r = this.resolveBackgroundValue(
       i
     );
-    if (n !== void 0) {
-      const r = { background: n };
-      this.applyStyles(t.element, r);
+    if (r !== void 0) {
+      const a = { [n]: r };
+      this.applyStyles(t.element, a);
     }
   }
   /**
@@ -2950,8 +2950,8 @@ class xe extends b {
    * This mirrors the core AppearanceModifier pattern
    */
   applyColorAssetWithThemeReactivity(e, t, i) {
-    const n = W();
-    v(() => {
+    const n = N();
+    b(() => {
       n();
       const r = i.resolve();
       this.applyStyleChange(e, t, r);
@@ -2974,8 +2974,8 @@ class xe extends b {
   isStateGradientOption(e) {
     return this.isAssetValue(e) ? !1 : e !== null && typeof e == "object" && "default" in e && !this.isGradientDefinition(e);
   }
-  applyStatefulBackground(e, t) {
-    const i = {
+  applyStatefulBackground(e, t, i) {
+    const n = {
       default: this.resolveBackgroundValue(t.default),
       hover: t.hover ? this.resolveBackgroundValue(t.hover) : void 0,
       active: t.active ? this.resolveBackgroundValue(t.active) : void 0,
@@ -2983,49 +2983,49 @@ class xe extends b {
       disabled: t.disabled ? this.resolveBackgroundValue(
         t.disabled
       ) : void 0
-    }, n = (d) => {
+    }, r = (d) => {
       if (!d) return;
-      const u = i[d];
-      u !== void 0 && this.applyStyleChange(e, "background", u);
-    }, r = () => this.isElementDisabled(e) && i.disabled ? "disabled" : i.focus && this.matchesSelector(e, ":focus") ? "focus" : "default", a = () => {
+      const h = n[d];
+      h !== void 0 && this.applyStyleChange(e, i, h);
+    }, a = () => this.isElementDisabled(e) && n.disabled ? "disabled" : n.focus && this.matchesSelector(e, ":focus") ? "focus" : "default", l = () => {
       const d = t.animation;
       if (!d) return;
-      const u = d.duration ?? 200, y = d.easing ?? "ease", h = d.delay ?? 0, g = `background ${u}ms ${y} ${h}ms`;
-      e.style.transition = g;
-      const S = e.style.cssText || "";
-      S.includes("transition") || (e.style.cssText = `${S}${S ? ";" : ""}transition: ${g};`);
-    }, l = () => {
-      const d = r();
-      if (d === "focus" && this.matchesSelector(e, ":hover") && i.hover) {
-        n("hover");
+      const h = d.duration ?? 200, y = d.easing ?? "ease", v = d.delay ?? 0, _ = `${i === "backgroundColor" ? "background-color" : "background"} ${h}ms ${y} ${v}ms`;
+      e.style.transition = _;
+      const W = e.style.cssText || "";
+      W.includes("transition") || (e.style.cssText = `${W}${W ? ";" : ""}transition: ${_};`);
+    }, c = () => {
+      const d = a();
+      if (d === "focus" && this.matchesSelector(e, ":hover") && n.hover) {
+        r("hover");
         return;
       }
-      n(d);
-    }, c = () => {
-      if (this.isElementDisabled(e) && i.disabled) {
-        n("disabled");
+      r(d);
+    }, u = () => {
+      if (this.isElementDisabled(e) && n.disabled) {
+        r("disabled");
         return;
       }
-      if (i.hover && this.matchesSelector(e, ":hover")) {
-        n("hover");
+      if (n.hover && this.matchesSelector(e, ":hover")) {
+        r("hover");
         return;
       }
-      if (i.focus && this.matchesSelector(e, ":focus")) {
-        n("focus");
+      if (n.focus && this.matchesSelector(e, ":focus")) {
+        r("focus");
         return;
       }
-      n("default");
+      r("default");
     };
-    this.isElementDisabled(e) && i.disabled ? n("disabled") : n("default"), a(), i.hover && (e.addEventListener("mouseenter", () => {
-      this.isElementDisabled(e) || n("hover");
-    }), e.addEventListener("mouseleave", l)), i.active && (e.addEventListener("mousedown", () => {
-      this.isElementDisabled(e) || n("active");
-    }), e.addEventListener("mouseup", c)), i.focus && (e.addEventListener("focus", () => {
-      this.isElementDisabled(e) || n("focus");
+    this.isElementDisabled(e) && n.disabled ? r("disabled") : r("default"), l(), n.hover && (e.addEventListener("mouseenter", () => {
+      this.isElementDisabled(e) || r("hover");
+    }), e.addEventListener("mouseleave", c)), n.active && (e.addEventListener("mousedown", () => {
+      this.isElementDisabled(e) || r("active");
+    }), e.addEventListener("mouseup", u)), n.focus && (e.addEventListener("focus", () => {
+      this.isElementDisabled(e) || r("focus");
     }), e.addEventListener("blur", () => {
-      l();
-    })), i.disabled && new MutationObserver(() => {
-      this.isElementDisabled(e) ? n("disabled") : i.hover && this.matchesSelector(e, ":hover") ? n("hover") : i.focus && this.matchesSelector(e, ":focus") ? n("focus") : n("default");
+      c();
+    })), n.disabled && new MutationObserver(() => {
+      this.isElementDisabled(e) ? r("disabled") : n.hover && this.matchesSelector(e, ":hover") ? r("hover") : n.focus && this.matchesSelector(e, ":focus") ? r("focus") : r("default");
     }).observe(e, {
       attributes: !0,
       attributeFilter: ["disabled", "aria-disabled"]
@@ -3044,7 +3044,46 @@ class xe extends b {
     return !!(e.hasAttribute && e.hasAttribute("disabled") || e.getAttribute && e.getAttribute("aria-disabled") === "true");
   }
 }
-class Me extends b {
+const zt = {
+  repeat: "no-repeat",
+  size: "cover",
+  position: "center"
+};
+class Ft extends g {
+  constructor() {
+    super(...arguments);
+    f(this, "type", "backgroundImage");
+    f(this, "priority", 94);
+  }
+  apply(e, t) {
+    if (!t.element) return;
+    const {
+      source: i,
+      options: { repeat: n, size: r, position: a }
+    } = this.properties;
+    if (this.applyStyles(t.element, {
+      backgroundRepeat: this.mapRepeatValue(n),
+      backgroundSize: r,
+      backgroundPosition: a
+    }), this.isAssetValue(i)) {
+      this.applyImageAssetWithThemeReactivity(t.element, i);
+      return;
+    }
+    this.applyStyleChange(t.element, "backgroundImage", i);
+  }
+  mapRepeatValue(e) {
+    return e === "tile" ? "repeat" : e;
+  }
+  applyImageAssetWithThemeReactivity(e, t) {
+    const i = N();
+    b(() => {
+      i();
+      const r = t.resolve().replace(/["\\]/g, "\\$&");
+      this.applyStyleChange(e, "backgroundImage", `url("${r}")`);
+    });
+  }
+}
+class xe extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "backgroundClip");
@@ -3060,21 +3099,36 @@ class Me extends b {
     return e.backgroundImage && (t.backgroundImage = e.backgroundImage), e.backgroundClip && (t.backgroundClip = e.backgroundClip, t.webkitBackgroundClip = e.backgroundClip), e.color && (t.color = e.color, e.backgroundClip === "text" && (t.webkitTextFillColor = e.color)), t;
   }
 }
-function zt(o) {
-  return new xe({ background: o });
-}
-function Ft(o) {
-  return new xe({ background: o });
+function Wt(o) {
+  return new Me({
+    background: o,
+    cssProperty: "backgroundColor"
+  });
 }
-function Zo(o, s = "text", e = "transparent") {
+function jt(o) {
   return new Me({
+    background: o,
+    cssProperty: "background"
+  });
+}
+function Ut(o, s = {}) {
+  return new Ft({
+    source: o,
+    options: {
+      ...zt,
+      ...s
+    }
+  });
+}
+function rr(o, s = "text", e = "transparent") {
+  return new xe({
     backgroundImage: o,
     backgroundClip: s,
     color: e
   });
 }
-function j(o) {
-  return new Me({
+function G(o) {
+  return new xe({
     backgroundImage: o,
     backgroundClip: "text",
     webkitBackgroundClip: "text",
@@ -3082,24 +3136,67 @@ function j(o) {
     webkitTextFillColor: "transparent"
   });
 }
-function qo() {
-  return j("linear-gradient(45deg, #007AFF, #5856D6)");
+function sr() {
+  return G("linear-gradient(45deg, #007AFF, #5856D6)");
 }
-function Jo() {
-  return j(
+function ar() {
+  return G(
     "linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)"
   );
 }
-function Qo() {
-  return j("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
+function lr() {
+  return G("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
+}
+function cr() {
+  return G("linear-gradient(45deg, #667eea, #764ba2)");
+}
+function fr() {
+  return G("linear-gradient(45deg, #f7971e, #ffd200)");
+}
+class Gt extends g {
+  constructor() {
+    super(...arguments);
+    f(this, "type", "blendMode");
+    f(this, "priority", 92);
+  }
+  apply(e, t) {
+    t.element && this.applyStyleChange(t.element, "mixBlendMode", this.properties.mode);
+  }
+}
+class Kt extends g {
+  constructor() {
+    super(...arguments);
+    f(this, "type", "backgroundBlendMode");
+    f(this, "priority", 93);
+  }
+  apply(e, t) {
+    t.element && this.applyStyleChange(
+      t.element,
+      "backgroundBlendMode",
+      this.properties.mode
+    );
+  }
+}
+function Yt(o) {
+  return new Gt({ mode: o });
+}
+function Xt(o) {
+  return new Kt({ mode: o });
 }
-function er() {
-  return j("linear-gradient(45deg, #667eea, #764ba2)");
+class Zt extends g {
+  constructor() {
+    super(...arguments);
+    f(this, "type", "compositingGroup");
+    f(this, "priority", 91);
+  }
+  apply(e, t) {
+    t.element && this.applyStyleChange(t.element, "isolation", "isolate");
+  }
 }
-function tr() {
-  return j("linear-gradient(45deg, #f7971e, #ffd200)");
+function qt() {
+  return new Zt({});
 }
-class D extends b {
+class D extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "border");
@@ -3114,8 +3211,8 @@ class D extends b {
     const i = this.computeAssetColorStyles(t);
     if (Object.keys(i).length === 0)
       return;
-    const n = W();
-    v(() => {
+    const n = N();
+    b(() => {
       n(), Object.entries(i).forEach(([r, a]) => {
         this.applyStyleChange(e, r, a.resolve());
       });
@@ -3147,7 +3244,7 @@ class D extends b {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-class Wt extends b {
+class Jt extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "cornerRadius");
@@ -3192,41 +3289,41 @@ class Wt extends b {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function jt(o, s, e) {
+function Qt(o, s, e) {
   return typeof o == "number" || typeof o == "string" ? new D({
     width: o,
     color: s || "currentColor",
     style: e || "solid"
   }) : new D(o);
 }
-function Ut(o, s, e) {
+function ei(o, s, e) {
   return new D({ top: { width: o, color: s, style: e } });
 }
-function Gt(o, s, e) {
+function ti(o, s, e) {
   return new D({ right: { width: o, color: s, style: e } });
 }
-function Kt(o, s, e) {
+function ii(o, s, e) {
   return new D({ bottom: { width: o, color: s, style: e } });
 }
-function Yt(o, s, e) {
+function ni(o, s, e) {
   return new D({ left: { width: o, color: s, style: e } });
 }
-function ir(o, s, e) {
+function dr(o, s, e) {
   return new D({ leading: { width: o, color: s, style: e } });
 }
-function nr(o, s, e) {
+function ur(o, s, e) {
   return new D({ trailing: { width: o, color: s, style: e } });
 }
-function or(o, s, e) {
+function pr(o, s, e) {
   return new D({ horizontal: { width: o, color: s, style: e } });
 }
-function rr(o, s, e) {
+function mr(o, s, e) {
   return new D({ vertical: { width: o, color: s, style: e } });
 }
-function sr(o) {
-  return new Wt({ radius: o });
+function hr(o) {
+  return new Jt({ radius: o });
 }
-class Te extends b {
+class Te extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "foreground");
@@ -3254,21 +3351,21 @@ class Te extends b {
    * This mirrors the core AppearanceModifier pattern
    */
   applyColorAssetWithThemeReactivity(e, t, i) {
-    const n = W();
-    v(() => {
+    const n = N();
+    b(() => {
       n();
       const r = i.resolve();
       this.applyStyleChange(e, t, r);
     });
   }
 }
-function Xt(o) {
+function oi(o) {
   return new Te({ color: o });
 }
-function ar(o) {
+function yr(o) {
   return new Te({ color: o });
 }
-class Zt extends b {
+class ri extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "clip-shape");
@@ -3300,10 +3397,10 @@ class Zt extends b {
     }
   }
 }
-function qt(o, s) {
-  return new Zt({ shape: o, parameters: s || {} });
+function si(o, s) {
+  return new ri({ shape: o, parameters: s || {} });
 }
-class Jt extends b {
+class ai extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "clipped");
@@ -3315,33 +3412,33 @@ class Jt extends b {
     i.style && (this.properties.clipped ? i.style.overflow = "hidden" : i.style.overflow = "");
   }
 }
-function Qt(o = !0) {
-  return new Jt({ clipped: o });
+function li(o = !0) {
+  return new ai({ clipped: o });
 }
-function ei(o) {
+function ci(o) {
   return new O({ opacity: o });
 }
-function ti(o) {
+function fi(o) {
   return new O({ cornerRadius: o });
 }
-function ii(o) {
+function di(o) {
   return new O({ font: { family: o } });
 }
-function ni(o) {
+function ui(o) {
   return new O({ font: { size: o } });
 }
-function oi(o) {
+function pi(o) {
   return new O({ font: { weight: o } });
 }
-function ri(o) {
+function mi(o) {
   return new O({ font: { style: o } });
 }
-function si(o) {
+function hi(o) {
   return new O({ font: o });
 }
-const ai = "typography", be = Symbol.for("tachui.typography.instanceId");
+const yi = "typography", be = Symbol.for("tachui.typography.instanceId");
 let Se = 0;
-function li(o) {
+function gi(o) {
   const s = o[be];
   if (typeof s == "number") return s;
   Se += 1;
@@ -3353,7 +3450,7 @@ function li(o) {
     writable: !1
   }), e;
 }
-class k extends b {
+class k extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "typography");
@@ -3384,16 +3481,16 @@ class k extends b {
       }
       const c = t.replace(
         /-([a-z])/g,
-        (d, u) => u.toUpperCase()
+        (u, d) => d.toUpperCase()
       );
       n[c] = l;
     };
     if (p(i) || m(i)) {
-      const a = i, l = li(this);
+      const a = i, l = gi(this);
       we({
         element: e,
         accessor: a,
-        updaterId: `${ai}:${l}:${t}`,
+        updaterId: `${yi}:${l}:${t}`,
         updater: (c) => {
           r(c);
         }
@@ -3419,57 +3516,57 @@ class k extends b {
     return e === "leading" ? "start" : e === "trailing" ? "end" : e;
   }
 }
-function ci(o) {
+function vi(o) {
   return new k(o);
 }
-function fi(o) {
+function bi(o) {
   return new k({ align: o });
 }
 function Le(o) {
   return new k({ transform: o });
 }
-function di(o) {
+function Si(o) {
   return new k({ decoration: o });
 }
-function lr(o) {
+function gr(o) {
   return new k({ size: o });
 }
-function cr(o) {
+function vr(o) {
   return new k({ weight: o });
 }
-function ui(o) {
+function wi(o) {
   return new k({ lineHeight: o });
 }
-function pi(o) {
+function Ci(o) {
   return new k({ letterSpacing: o });
 }
-function fr(o) {
+function br(o) {
   return new k({ wordSpacing: o });
 }
-function mi(o) {
+function Ei(o) {
   return new k({ textOverflow: o });
 }
-function hi(o) {
+function Mi(o) {
   return new k({ whiteSpace: o });
 }
-function yi(o) {
+function xi(o) {
   return new k({ overflow: o });
 }
-function gi(o) {
+function Ti(o) {
   return Le(o);
 }
-function dr(o) {
+function Sr(o) {
   return new k({ family: o });
 }
-function vi(o) {
-  return typeof o == "string" ? bi(o) : new k({
+function Li(o) {
+  return typeof o == "string" ? Ai(o) : new k({
     family: o.family,
     size: o.size,
     weight: o.weight,
     style: o.style
   });
 }
-function bi(o) {
+function Ai(o) {
   const s = {
     ".largeTitle": { size: 34, weight: 400 },
     ".title": { size: 28, weight: 400 },
@@ -3485,7 +3582,7 @@ function bi(o) {
   }, e = s[o];
   return e ? new k(e) : new k(s[".body"]);
 }
-function ur(o) {
+function wr(o) {
   let s;
   switch (o.design) {
     case "serif":
@@ -3506,7 +3603,7 @@ function ur(o) {
     weight: o.weight
   });
 }
-function pr(o, s) {
+function Cr(o, s) {
   return new k({
     family: o,
     size: s?.size,
@@ -3514,7 +3611,7 @@ function pr(o, s) {
     style: s?.style
   });
 }
-class Si extends b {
+class ki extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "lineClamp");
@@ -3543,10 +3640,10 @@ class Si extends b {
     );
   }
 }
-function wi(o) {
-  return new Si({ lines: o });
+function Pi(o) {
+  return new ki({ lines: o });
 }
-class Ci extends b {
+class Ii extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "wordBreak");
@@ -3571,10 +3668,10 @@ class Ci extends b {
     );
   }
 }
-function Ei(o) {
-  return new Ci({ wordBreak: o });
+function $i(o) {
+  return new Ii({ wordBreak: o });
 }
-class xi extends b {
+class Vi extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "overflowWrap");
@@ -3596,10 +3693,10 @@ class xi extends b {
     );
   }
 }
-function Mi(o) {
-  return new xi({ overflowWrap: o });
+function Ri(o) {
+  return new Vi({ overflowWrap: o });
 }
-class Ti extends b {
+class Di extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "hyphens");
@@ -3624,10 +3721,10 @@ class Ti extends b {
     );
   }
 }
-function Li(o) {
-  return new Ti({ hyphens: o });
+function Oi(o) {
+  return new Di({ hyphens: o });
 }
-class H extends b {
+class H extends g {
   constructor(e) {
     const t = {};
     for (const [i, n] of Object.entries(e))
@@ -3669,35 +3766,35 @@ class H extends b {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function Ai(o) {
+function Hi(o) {
   return new H({ scroll: o });
 }
-function ki(o) {
+function _i(o) {
   return new H({ scrollBehavior: o });
 }
-function Pi(o) {
+function Bi(o) {
   return new H({ overscrollBehavior: o });
 }
-function Ii(o) {
+function Ni(o) {
   return new H({ overscrollBehaviorX: o });
 }
-function $i(o) {
+function zi(o) {
   return new H({ overscrollBehaviorY: o });
 }
-function Vi(o) {
+function Fi(o) {
   return new H({ scroll: { margin: o } });
 }
-function Ri(o) {
+function Wi(o) {
   return new H({ scroll: { padding: o } });
 }
-function Di(o, s, e) {
+function ji(o, s, e) {
   return new H({
     scroll: {
       snap: { type: o, align: s, stop: e }
     }
   });
 }
-class Oi extends w {
+class Ui extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onHover");
@@ -3719,10 +3816,10 @@ class Oi extends w {
     e._hoverCleanup = r;
   }
 }
-function Hi(o) {
-  return new Oi({ onHover: o });
+function Gi(o) {
+  return new Ui({ onHover: o });
 }
-class _i extends w {
+class Ki extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseEnter");
@@ -3738,7 +3835,7 @@ class _i extends w {
     };
   }
 }
-class Bi extends w {
+class Yi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseLeave");
@@ -3754,7 +3851,7 @@ class Bi extends w {
     };
   }
 }
-class Ni extends w {
+class Xi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseDown");
@@ -3770,7 +3867,7 @@ class Ni extends w {
     };
   }
 }
-class zi extends w {
+class Zi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseUp");
@@ -3786,7 +3883,7 @@ class zi extends w {
     };
   }
 }
-class Fi extends w {
+class qi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onDoubleClick");
@@ -3802,7 +3899,7 @@ class Fi extends w {
     };
   }
 }
-class Wi extends w {
+class Ji extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onContextMenu");
@@ -3818,25 +3915,25 @@ class Wi extends w {
     };
   }
 }
-function ji(o) {
-  return new _i({ onMouseEnter: o });
+function Qi(o) {
+  return new Ki({ onMouseEnter: o });
 }
-function Ui(o) {
-  return new Bi({ onMouseLeave: o });
+function en(o) {
+  return new Yi({ onMouseLeave: o });
 }
-function Gi(o) {
-  return new Ni({ onMouseDown: o });
+function tn(o) {
+  return new Xi({ onMouseDown: o });
 }
-function Ki(o) {
-  return new zi({ onMouseUp: o });
+function nn(o) {
+  return new Zi({ onMouseUp: o });
 }
-function Yi(o) {
-  return new Fi({ onDoubleClick: o });
+function on(o) {
+  return new qi({ onDoubleClick: o });
 }
-function Xi(o) {
-  return new Wi({ onContextMenu: o });
+function rn(o) {
+  return new Ji({ onContextMenu: o });
 }
-class Zi extends w {
+class sn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onKeyDown");
@@ -3852,7 +3949,7 @@ class Zi extends w {
     };
   }
 }
-class qi extends w {
+class an extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onKeyUp");
@@ -3868,7 +3965,7 @@ class qi extends w {
     };
   }
 }
-class Ji extends w {
+class ln extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onKeyPress");
@@ -3884,16 +3981,16 @@ class Ji extends w {
     };
   }
 }
-function Qi(o) {
-  return new Zi({ onKeyDown: o });
+function cn(o) {
+  return new sn({ onKeyDown: o });
 }
-function en(o) {
-  return new qi({ onKeyUp: o });
+function fn(o) {
+  return new an({ onKeyUp: o });
 }
-function tn(o) {
-  return new Ji({ onKeyPress: o });
+function dn(o) {
+  return new ln({ onKeyPress: o });
 }
-class nn extends w {
+class un extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onFocus");
@@ -3911,7 +4008,7 @@ class nn extends w {
     };
   }
 }
-class on extends w {
+class pn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onBlur");
@@ -3929,13 +4026,13 @@ class on extends w {
     };
   }
 }
-function rn(o) {
-  return new nn({ onFocus: o });
+function mn(o) {
+  return new un({ onFocus: o });
 }
-function sn(o) {
-  return new on({ onBlur: o });
+function hn(o) {
+  return new pn({ onBlur: o });
 }
-class an extends w {
+class yn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onLongPressGesture");
@@ -3947,88 +4044,88 @@ class an extends w {
   setupLongPressGesture(e, t) {
     const i = t.minimumDuration ?? 500, n = t.maximumDistance ?? 10;
     let r = null, a = null, l = !1, c = !1;
-    const d = (T, E) => {
+    const u = (T, E) => {
       l || (r = { x: T, y: E }, l = !0, c = !1, t.onPressingChanged?.(!0), a = window.setTimeout(() => {
         l && !c && (c = !0, t.perform());
       }, i));
-    }, u = (T, E) => r ? Math.sqrt(
+    }, d = (T, E) => r ? Math.sqrt(
       Math.pow(T - r.x, 2) + Math.pow(E - r.y, 2)
-    ) <= n : !1, y = () => {
+    ) <= n : !1, h = () => {
       a && (clearTimeout(a), a = null), l && (l = !1, t.onPressingChanged?.(!1)), r = null, c = !1;
-    }, h = (T) => {
+    }, y = (T) => {
       const E = T;
-      T.preventDefault(), d(E.clientX, E.clientY);
-    }, g = (T) => {
+      T.preventDefault(), u(E.clientX, E.clientY);
+    }, v = (T) => {
       if (!l) return;
       const E = T;
-      u(E.clientX, E.clientY) || y();
+      d(E.clientX, E.clientY) || h();
     }, S = () => {
-      y();
-    }, Z = () => {
-      y();
-    }, le = (T) => {
+      h();
+    }, _ = () => {
+      h();
+    }, W = (T) => {
       const E = T;
       if (E.touches.length === 1) {
-        const z = E.touches[0];
-        T.preventDefault(), d(z.clientX, z.clientY);
+        const j = E.touches[0];
+        T.preventDefault(), u(j.clientX, j.clientY);
       }
     }, ce = (T) => {
       if (!l) return;
       const E = T;
       if (E.touches.length === 1) {
-        const z = E.touches[0];
-        u(z.clientX, z.clientY) || y();
+        const j = E.touches[0];
+        d(j.clientX, j.clientY) || h();
       } else
-        y();
+        h();
     }, fe = () => {
-      y();
+      h();
     }, de = () => {
-      y();
+      h();
     }, ue = (T) => {
       const E = T;
-      E.button === 0 && (T.preventDefault(), d(E.clientX, E.clientY));
+      E.button === 0 && (T.preventDefault(), u(E.clientX, E.clientY));
     }, pe = (T) => {
       if (!l) return;
       const E = T;
-      u(E.clientX, E.clientY) || y();
+      d(E.clientX, E.clientY) || h();
     }, me = () => {
-      y();
+      h();
     }, he = () => {
-      y();
+      h();
     };
     "onpointerdown" in e ? (e.addEventListener(
       "pointerdown",
-      h
+      y
     ), e.addEventListener(
       "pointermove",
-      g
+      v
     ), e.addEventListener("pointerup", S), e.addEventListener(
       "pointercancel",
-      Z
+      _
     )) : "ontouchstart" in e ? (e.addEventListener(
       "touchstart",
-      le,
+      W,
       { passive: !1 }
     ), e.addEventListener("touchmove", ce), e.addEventListener("touchend", fe), e.addEventListener(
       "touchcancel",
       de
     )) : (e.addEventListener("mousedown", ue), e.addEventListener("mousemove", pe), e.addEventListener("mouseup", me), e.addEventListener("mouseleave", he));
     const Pe = () => {
-      y(), "onpointerdown" in e ? (e.removeEventListener(
+      h(), "onpointerdown" in e ? (e.removeEventListener(
         "pointerdown",
-        h
+        y
       ), e.removeEventListener(
         "pointermove",
-        g
+        v
       ), e.removeEventListener(
         "pointerup",
         S
       ), e.removeEventListener(
         "pointercancel",
-        Z
+        _
       )) : "ontouchstart" in e ? (e.removeEventListener(
         "touchstart",
-        le
+        W
       ), e.removeEventListener(
         "touchmove",
         ce
@@ -4049,10 +4146,10 @@ class an extends w {
     e._longPressCleanup = Pe;
   }
 }
-function ln(o) {
-  return new an(o);
+function gn(o) {
+  return new yn(o);
 }
-class cn extends w {
+class vn extends w {
   constructor(e) {
     const t = {
       ...e,
@@ -4070,18 +4167,18 @@ class cn extends w {
       const c = l;
       if (c.key.toLowerCase() !== t.key.toLowerCase())
         return;
-      const d = new Set(i), u = /* @__PURE__ */ new Set();
-      (c.ctrlKey || c.metaKey) && (navigator.platform.includes("Mac") ? (c.metaKey && (u.add("cmd"), u.add("meta")), c.ctrlKey && u.add("ctrl")) : (c.ctrlKey && (u.add("ctrl"), u.add("cmd")), c.metaKey && u.add("meta"))), c.shiftKey && u.add("shift"), c.altKey && u.add("alt");
-      const y = Array.from(d).every(
-        (S) => u.has(S)
-      ), h = /* @__PURE__ */ new Set([...d]);
-      d.has("cmd") && (h.add("meta"), h.add("ctrl")), d.has("meta") && h.add("cmd"), d.has("ctrl") && h.add("cmd");
-      const g = Array.from(u).some(
-        (S) => !h.has(
+      const u = new Set(i), d = /* @__PURE__ */ new Set();
+      (c.ctrlKey || c.metaKey) && (navigator.platform.includes("Mac") ? (c.metaKey && (d.add("cmd"), d.add("meta")), c.ctrlKey && d.add("ctrl")) : (c.ctrlKey && (d.add("ctrl"), d.add("cmd")), c.metaKey && d.add("meta"))), c.shiftKey && d.add("shift"), c.altKey && d.add("alt");
+      const h = Array.from(u).every(
+        (S) => d.has(S)
+      ), y = /* @__PURE__ */ new Set([...u]);
+      u.has("cmd") && (y.add("meta"), y.add("ctrl")), u.has("meta") && y.add("cmd"), u.has("ctrl") && y.add("cmd");
+      const v = Array.from(d).some(
+        (S) => !y.has(
           S
         )
       );
-      y && !g && (l.preventDefault(), l.stopPropagation(), t.action());
+      h && !v && (l.preventDefault(), l.stopPropagation(), t.action());
     }, r = e instanceof HTMLElement && e.tabIndex >= 0 ? e : document;
     r.addEventListener("keydown", n);
     const a = () => {
@@ -4094,12 +4191,12 @@ class cn extends w {
   }
 }
 function Ae(o) {
-  return new cn(o);
+  return new vn(o);
 }
-function mr(o, s, e) {
+function Er(o, s, e) {
   return Ae({ key: o, modifiers: s, action: e });
 }
-class fn extends w {
+class bn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "focused");
@@ -4125,15 +4222,15 @@ class fn extends w {
           r(c);
         });
       else if (process.env.NODE_ENV !== "test") {
-        let c = l(), d = !0;
-        const u = () => {
-          if (!d) return;
-          const y = l();
-          y !== c && (c = y, r(y)), d && requestAnimationFrame(u);
+        let c = l(), u = !0;
+        const d = () => {
+          if (!u) return;
+          const h = l();
+          h !== c && (c = h, r(h)), u && requestAnimationFrame(d);
         };
         n = () => {
-          d = !1;
-        }, requestAnimationFrame(u);
+          u = !1;
+        }, requestAnimationFrame(d);
       } else
         n = () => {
         };
@@ -4145,10 +4242,10 @@ class fn extends w {
     e._focusedCleanup = a;
   }
 }
-function dn(o) {
-  return new fn({ focused: o });
+function Sn(o) {
+  return new bn({ focused: o });
 }
-class un extends w {
+class wn extends w {
   constructor(e = {}) {
     const t = {
       ...e,
@@ -4174,8 +4271,8 @@ class un extends w {
         "aria-label",
         i.getAttribute("aria-label") || "Activatable element"
       )), r.includes("activate")) {
-        const l = (d) => {
-          (d.key === " " || d.key === "Enter") && (d.preventDefault(), i.click());
+        const l = (u) => {
+          (u.key === " " || u.key === "Enter") && (u.preventDefault(), i.click());
         };
         i.addEventListener("keydown", l);
         const c = i._focusableCleanup || (() => {
@@ -4193,19 +4290,19 @@ class un extends w {
     }
   }
 }
-function re(o, s) {
-  return new un({
+function se(o, s) {
+  return new wn({
     isFocusable: o ?? !0,
     interactions: s ?? []
   });
 }
-function pn() {
-  return re(!0, ["activate"]);
+function Cn() {
+  return se(!0, ["activate"]);
 }
-function mn() {
-  return re(!0, ["edit"]);
+function En() {
+  return se(!0, ["edit"]);
 }
-class hn extends w {
+class Mn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onContinuousHover");
@@ -4217,32 +4314,32 @@ class hn extends w {
   setupContinuousHover(e, t) {
     const i = t.coordinateSpace ?? "local";
     let n = !1;
-    const r = (u) => {
+    const r = (d) => {
       if (i === "global")
         return {
-          x: u.clientX,
-          y: u.clientY
+          x: d.clientX,
+          y: d.clientY
         };
       {
-        const y = e.getBoundingClientRect();
+        const h = e.getBoundingClientRect();
         return {
-          x: u.clientX - y.left,
-          y: u.clientY - y.top
+          x: d.clientX - h.left,
+          y: d.clientY - h.top
         };
       }
-    }, a = (u) => {
+    }, a = (d) => {
       n = !0;
-      const h = r(u);
-      t.perform(h);
-    }, l = (u) => {
+      const y = r(d);
+      t.perform(y);
+    }, l = (d) => {
       if (!n) return;
-      const h = r(u);
-      t.perform(h);
+      const y = r(d);
+      t.perform(y);
     }, c = () => {
       n = !1, t.perform(null);
     };
     e.addEventListener("mouseenter", a), e.addEventListener("mousemove", l), e.addEventListener("mouseleave", c);
-    const d = () => {
+    const u = () => {
       n && (n = !1, t.perform(null)), e.removeEventListener(
         "mouseenter",
         a
@@ -4251,25 +4348,25 @@ class hn extends w {
         c
       );
     };
-    e._continuousHoverCleanup = d;
+    e._continuousHoverCleanup = u;
   }
 }
-function se(o) {
-  return new hn(o);
+function ae(o) {
+  return new Mn(o);
 }
-function hr(o) {
-  return se({
+function Mr(o) {
+  return ae({
     coordinateSpace: "local",
     perform: o
   });
 }
-function yr(o) {
-  return se({
+function xr(o) {
+  return ae({
     coordinateSpace: "global",
     perform: o
   });
 }
-class yn extends w {
+class xn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "allowsHitTesting");
@@ -4284,92 +4381,92 @@ class yn extends w {
     t ? i.style.pointerEvents === "none" && (i.style.pointerEvents = "") : i.style.pointerEvents = "none", e._hitTestingEnabled = t;
   }
 }
-function ae(o) {
-  return new yn({ enabled: o });
+function le(o) {
+  return new xn({ enabled: o });
 }
-function gr() {
-  return ae(!0);
+function Tr() {
+  return le(!0);
 }
-function vr() {
-  return ae(!1);
+function Lr() {
+  return le(!1);
 }
-function gn(o, s) {
+function Tn(o, s) {
   return new C({
     highPriorityGesture: { gesture: o, including: s }
   });
 }
-function vn(o, s) {
+function Ln(o, s) {
   return new C({
     simultaneousGesture: { gesture: o, including: s }
   });
 }
-function bn(o) {
+function An(o) {
   return new C({ onTap: o });
 }
-function br(o) {
+function Ar(o) {
   return new C({ onFocus: o });
 }
-function Sr(o) {
+function kr(o) {
   return new C({ onBlur: o });
 }
-function Sn(o) {
+function kn(o) {
   return new C({ onScroll: o });
 }
-function wr(o) {
+function Pr(o) {
   return new C({ onKeyDown: o });
 }
-function Cr(o) {
+function Ir(o) {
   return new C({ onKeyPress: o });
 }
-function Er(o) {
+function $r(o) {
   return new C({ onKeyUp: o });
 }
-function xr(o) {
+function Vr(o) {
   return new C({ onDoubleClick: o });
 }
-function Mr(o) {
+function Rr(o) {
   return new C({ onContextMenu: o });
 }
-function wn(o) {
+function Pn(o) {
   return new C({ onWheel: o });
 }
-function Cn(o) {
+function In(o) {
   return new C({ onInput: o });
 }
-function En(o) {
+function $n(o) {
   return new C({ onChange: o });
 }
-function xn(o) {
+function Vn(o) {
   return new C({ onCopy: o });
 }
-function Mn(o) {
+function Rn(o) {
   return new C({ onCut: o });
 }
-function Tn(o) {
+function Dn(o) {
   return new C({ onPaste: o });
 }
-function Ln(o) {
+function On(o) {
   return new C({ onSelect: o });
 }
-function An(o) {
+function Hn(o) {
   return new C({ onTouchStart: o });
 }
-function kn(o) {
+function _n(o) {
   return new C({ onTouchMove: o });
 }
-function Pn(o) {
+function Bn(o) {
   return new C({ onTouchEnd: o });
 }
-function In(o) {
+function Nn(o) {
   return new C({ onSwipeLeft: o });
 }
-function $n(o) {
+function zn(o) {
   return new C({ onSwipeRight: o });
 }
-function Vn(o = !0) {
+function Fn(o = !0) {
   return new C({ disabled: o });
 }
-class N extends b {
+class F extends g {
   // Lower priority for utility properties
   constructor(e) {
     const t = {};
@@ -4410,28 +4507,28 @@ class N extends b {
     );
   }
 }
-function Rn(o) {
-  return new N(o);
+function Wn(o) {
+  return new F(o);
 }
-function Dn(o) {
-  return new N({ cursor: o });
+function jn(o) {
+  return new F({ cursor: o });
 }
-function On(o) {
-  return new N({ overflowY: o });
+function Un(o) {
+  return new F({ overflowY: o });
 }
-function Hn(o) {
-  return new N({ overflowX: o });
+function Gn(o) {
+  return new F({ overflowX: o });
 }
-function _n(o) {
-  return new N({ display: o });
+function Kn(o) {
+  return new F({ display: o });
 }
-function Bn(o) {
-  return new N({ outline: o });
+function Yn(o) {
+  return new F({ outline: o });
 }
-function Nn(o) {
-  return new N({ outlineOffset: o });
+function Xn(o) {
+  return new F({ outlineOffset: o });
 }
-class Q extends b {
+class ee extends g {
   // Very low priority so raw CSS doesn't override specific modifiers
   constructor(e) {
     const t = {};
@@ -4456,24 +4553,24 @@ class Q extends b {
     return t;
   }
 }
-function zn(o) {
-  return new Q(o);
+function Zn(o) {
+  return new ee(o);
 }
-function Fn(o, s) {
-  return new Q({ [o]: s });
+function qn(o, s) {
+  return new ee({ [o]: s });
 }
-function Wn(o, s) {
+function Jn(o, s) {
   const e = o.startsWith("--") ? o : `--${o}`;
-  return new Q({ [e]: s });
+  return new ee({ [e]: s });
 }
-function Tr(o, s, e) {
+function Dr(o, s, e) {
   const t = o.charAt(0).toUpperCase() + o.slice(1), i = `-${o.toLowerCase()}-${s}`, n = t + s.charAt(0).toUpperCase() + s.slice(1);
-  return new Q({
+  return new ee({
     [i]: e,
     [n]: e
   });
 }
-class K {
+class X {
   /**
    * Apply basic sanitization to HTML content
    * Removes dangerous patterns and restricts to allowed elements/attributes
@@ -4548,7 +4645,7 @@ class K {
     }
   }
 }
-f(K, "DANGEROUS_PATTERNS", [
+f(X, "DANGEROUS_PATTERNS", [
   // Script tags (including nested/malformed ones)
   /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
   /<[^>]*<script[^>]*>/gi,
@@ -4576,7 +4673,7 @@ f(K, "DANGEROUS_PATTERNS", [
   // Any javascript: protocol
   /vbscript:/gi
   // VBScript protocol
-]), f(K, "ALLOWED_TAGS", [
+]), f(X, "ALLOWED_TAGS", [
   "p",
   "br",
   "strong",
@@ -4620,7 +4717,7 @@ f(K, "DANGEROUS_PATTERNS", [
   "header",
   "footer",
   "hr"
-]), f(K, "ALLOWED_ATTRIBUTES", {
+]), f(X, "ALLOWED_ATTRIBUTES", {
   "*": ["class", "id", "title", "lang", "dir"],
   a: ["href", "target", "rel"],
   img: ["src", "alt", "width", "height"],
@@ -4628,8 +4725,8 @@ f(K, "DANGEROUS_PATTERNS", [
   td: ["colspan", "rowspan"],
   th: ["colspan", "rowspan", "scope"]
 });
-function Lr(o, s) {
-  return K.sanitize(o, s);
+function Or(o, s) {
+  return X.sanitize(o, s);
 }
 class ke {
   /**
@@ -4673,7 +4770,7 @@ f(ke, "SUSPICIOUS_PATTERNS", [
   { pattern: /@import/i, message: "CSS import statements detected" },
   { pattern: /expression\s*\(/i, message: "CSS expressions detected" }
 ]);
-class jn extends b {
+class Qn extends g {
   // Early priority to apply before other modifiers
   constructor(e = {}) {
     super(e);
@@ -4733,7 +4830,7 @@ class jn extends b {
     return typeof e == "string" ? e : "";
   }
   sanitizeHTML(e) {
-    return !e || typeof e != "string" ? "" : this.properties.skipSanitizer ? e : this.properties.customSanitizer ? this.properties.customSanitizer(e) : K.sanitize(e, this.properties);
+    return !e || typeof e != "string" ? "" : this.properties.skipSanitizer ? e : this.properties.customSanitizer ? this.properties.customSanitizer(e) : X.sanitize(e, this.properties);
   }
   validateContent(e) {
     if (this.properties.__suppressWarnings) return;
@@ -4745,25 +4842,25 @@ class jn extends b {
     }), console.warn("Consider using a more comprehensive sanitization solution like DOMPurify"), console.warn("To suppress these warnings, use { __suppressWarnings: true }"), console.groupEnd()), this.properties.skipSanitizer && console.warn("🚨 AsHTML: Sanitization is DISABLED. Ensure content is safe!");
   }
 }
-function Un(o = {}) {
-  return new jn(o);
+function eo(o = {}) {
+  return new Qn(o);
 }
-function Gn(o) {
+function to(o) {
   return new O({
     navigationTitle: o,
     role: "heading"
   });
 }
-function Kn(o = !0) {
+function io(o = !0) {
   return new O({
     navigationBarHidden: o,
     "aria-hidden": o.toString()
   });
 }
-function Yn(o) {
+function no(o) {
   return new O({ navigationBarItems: o });
 }
-class Xn extends b {
+class oo extends g {
   // High priority for HTML attributes
   constructor(e) {
     super(e);
@@ -4787,10 +4884,10 @@ class Xn extends b {
     );
   }
 }
-function te(o) {
-  return new Xn({ id: o });
+function ie(o) {
+  return new oo({ id: o });
 }
-class Zn extends b {
+class ro extends g {
   // High priority for HTML attributes
   constructor(e) {
     super(e);
@@ -4829,10 +4926,10 @@ class Zn extends b {
     });
   }
 }
-function qn(o) {
-  return new Zn({ data: o });
+function so(o) {
+  return new ro({ data: o });
 }
-class Jn extends b {
+class ao extends g {
   // High priority for accessibility
   constructor(e) {
     super(e);
@@ -4856,10 +4953,10 @@ class Jn extends b {
     );
   }
 }
-function Qn(o) {
-  return new Jn({ tabIndex: o });
+function lo(o) {
+  return new ao({ tabIndex: o });
 }
-const J = class J extends b {
+const Q = class Q extends g {
   constructor(e) {
     super(e);
     f(this, "type", "aria");
@@ -4894,7 +4991,7 @@ const J = class J extends b {
         return;
       }
       const n = t.replace(/^aria-/, "");
-      !J.KNOWN_ATTRIBUTES.has(n) && !t.startsWith("aria-") && console.warn(
+      !Q.KNOWN_ATTRIBUTES.has(n) && !t.startsWith("aria-") && console.warn(
         `TachUI ARIA Modifier: Unknown ARIA attribute "${t}". This may not be a valid ARIA attribute. Did you mean "${this.suggestCorrection(n)}"?`
       ), this.validateSpecificAriaAttribute(t, i);
     });
@@ -4987,7 +5084,7 @@ const J = class J extends b {
   }
 };
 // Highest priority for accessibility
-f(J, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
+f(Q, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
   "label",
   "labelledby",
   "describedby",
@@ -5022,26 +5119,26 @@ f(J, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
   "valuetext",
   "role"
 ]));
-let ie = J;
-function U(o) {
-  return new ie({ aria: o });
+let ne = Q;
+function K(o) {
+  return new ne({ aria: o });
 }
-function eo(o) {
-  return U({ role: o });
+function co(o) {
+  return K({ role: o });
 }
-function to(o) {
-  return U({ label: o });
+function fo(o) {
+  return K({ label: o });
 }
-function io(o) {
-  return U({ live: o });
+function uo(o) {
+  return K({ live: o });
 }
-function no(o) {
-  return U({ describedby: o });
+function po(o) {
+  return K({ describedby: o });
 }
-function oo(o) {
-  return U({ modal: o });
+function mo(o) {
+  return K({ modal: o });
 }
-class Y extends b {
+class Z extends g {
   // Early application for CSS variables
   constructor(e) {
     super(e);
@@ -5053,10 +5150,10 @@ class Y extends b {
     const i = this.computeCustomPropertyStyles(this.properties), n = t.element, r = (n instanceof HTMLElement, n.style);
     if (r && typeof r.setProperty == "function") {
       for (const [a, l] of Object.entries(i)) {
-        const c = a.startsWith("--") ? a.slice(2) : a, d = `--${this.toCSSProperty(c)}`;
-        r.setProperty(d, l);
+        const c = a.startsWith("--") ? a.slice(2) : a, u = `--${this.toCSSProperty(c)}`;
+        r.setProperty(u, l);
         try {
-          r[d] = l;
+          r[u] = l;
         } catch {
         }
       }
@@ -5075,25 +5172,25 @@ class Y extends b {
     return typeof e == "number" ? e.toString() : String(e);
   }
 }
-function ro(o) {
-  return new Y({
+function ho(o) {
+  return new Z({
     properties: o.properties,
     scope: o.scope || "local"
   });
 }
-function so(o, s, e) {
-  return new Y({
+function yo(o, s, e) {
+  return new Z({
     properties: { [o]: s },
     scope: e || "local"
   });
 }
-function ao(o) {
-  return new Y({
+function go(o) {
+  return new Z({
     properties: o,
     scope: "local"
   });
 }
-function Ar(o) {
+function Hr(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     if (t !== void 0) {
@@ -5103,21 +5200,21 @@ function Ar(o) {
       );
       s[`--theme-color-${i}`] = t;
     }
-  }), new Y({
+  }), new Z({
     properties: s,
     scope: "local"
   });
 }
-function kr(o) {
+function _r(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     t !== void 0 && (s[`--token-${e}`] = t);
-  }), new Y({
+  }), new Z({
     properties: s,
     scope: "local"
   });
 }
-const _ = class _ extends w {
+const B = class B extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "pseudoElement");
@@ -5125,7 +5222,7 @@ const _ = class _ extends w {
   }
   apply(e, t) {
     if (!t.element) return;
-    const i = `tachui-pseudo-${++_.elementCount}`;
+    const i = `tachui-pseudo-${++B.elementCount}`;
     t.element.classList.add(i), this.properties.before && this.addPseudoElementRule(i, "before", this.properties.before), this.properties.after && this.addPseudoElementRule(i, "after", this.properties.after);
   }
   addPseudoElementRule(e, t, i) {
@@ -5140,8 +5237,8 @@ const _ = class _ extends w {
     const n = `.${e}::${t}`, r = [];
     return i.content || (i.content = '""'), Object.entries(i).forEach(([a, l]) => {
       if (l !== void 0) {
-        const c = this.toCSSProperty(a), d = this.formatCSSValue(a, l);
-        r.push(`${c}: ${d}`);
+        const c = this.toCSSProperty(a), u = this.formatCSSValue(a, l);
+        r.push(`${c}: ${u}`);
       }
     }), `${n} { ${r.join("; ")} }`;
   }
@@ -5159,12 +5256,12 @@ const _ = class _ extends w {
   }
   getOrCreateStyleSheet() {
     const e = document.getElementById(
-      _.styleSheetId
+      B.styleSheetId
     );
     if (e && e instanceof HTMLStyleElement)
       return e.sheet;
     const t = document.createElement("style");
-    t.id = _.styleSheetId;
+    t.id = B.styleSheetId;
     try {
       document.head.appendChild(t);
     } catch (i) {
@@ -5177,33 +5274,33 @@ const _ = class _ extends w {
   }
 };
 // High priority to ensure pseudo-elements are applied last
-f(_, "styleSheetId", "tachui-pseudo-elements"), f(_, "elementCount", 0);
-let F = _;
-function G(o) {
-  return new F({ before: o });
+f(B, "styleSheetId", "tachui-pseudo-elements"), f(B, "elementCount", 0);
+let U = B;
+function Y(o) {
+  return new U({ before: o });
 }
-function X(o) {
-  return new F({ after: o });
+function q(o) {
+  return new U({ after: o });
 }
-function lo(o) {
-  return new F(o);
+function vo(o) {
+  return new U(o);
 }
-function co(o, s = {}) {
-  return G({
+function bo(o, s = {}) {
+  return Y({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function fo(o, s = {}) {
-  return X({
+function So(o, s = {}) {
+  return q({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function uo(o = "#ddd", s = 1, e = 16) {
-  return G({
+function wo(o = "#ddd", s = 1, e = 16) {
+  return Y({
     content: "",
     display: "inline-block",
     width: e,
@@ -5213,8 +5310,8 @@ function uo(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function po(o = "#ddd", s = 1, e = 16) {
-  return X({
+function Co(o = "#ddd", s = 1, e = 16) {
+  return q({
     content: "",
     display: "inline-block",
     width: e,
@@ -5224,8 +5321,8 @@ function po(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function mo(o = '"', s = '"') {
-  return new F({
+function Eo(o = '"', s = '"') {
+  return new U({
     before: {
       content: o,
       fontSize: "1.2em",
@@ -5240,8 +5337,8 @@ function mo(o = '"', s = '"') {
     }
   });
 }
-function ho(o = "currentColor", s = 1, e = 1) {
-  return X({
+function Mo(o = "currentColor", s = 1, e = 1) {
+  return q({
     content: "",
     position: "absolute",
     bottom: 0,
@@ -5252,8 +5349,8 @@ function ho(o = "currentColor", s = 1, e = 1) {
     opacity: e
   });
 }
-function yo(o = "#ff3b30", s = 6, e = "") {
-  return X({
+function xo(o = "#ff3b30", s = 6, e = "") {
+  return q({
     content: e,
     position: "absolute",
     top: -2,
@@ -5273,8 +5370,8 @@ function yo(o = "#ff3b30", s = 6, e = "") {
     justifyContent: "center"
   });
 }
-function go(o, s = "top", e = "#333", t = "white") {
-  return G({
+function To(o, s = "top", e = "#333", t = "white") {
+  return Y({
     content: o,
     position: "absolute",
     backgroundColor: e,
@@ -5315,8 +5412,8 @@ function go(o, s = "top", e = "#333", t = "white") {
     }[s]
   });
 }
-function vo(o, s = "#ff3b30", e = "white") {
-  return G({
+function Lo(o, s = "#ff3b30", e = "white") {
+  return Y({
     content: o,
     position: "absolute",
     top: 8,
@@ -5332,7 +5429,7 @@ function vo(o, s = "#ff3b30", e = "white") {
     zIndex: 10
   });
 }
-function bo(o = 20, s = "#007AFF", e = 2) {
+function Ao(o = 20, s = "#007AFF", e = 2) {
   if (!document.getElementById("tachui-spinner-animation")) {
     const t = document.createElement("style");
     t.id = "tachui-spinner-animation", t.textContent = `
@@ -5342,7 +5439,7 @@ function bo(o = 20, s = "#007AFF", e = 2) {
       }
     `, document.head.appendChild(t);
   }
-  return G({
+  return Y({
     content: "",
     display: "inline-block",
     width: o,
@@ -5353,9 +5450,9 @@ function bo(o = 20, s = "#007AFF", e = 2) {
     animation: "spin 1s linear infinite"
   });
 }
-const So = [
+const ko = [
   // Padding
-  ["padding", x],
+  ["padding", M],
   ["paddingTop", We],
   ["paddingBottom", je],
   ["paddingLeft", Ue],
@@ -5365,7 +5462,7 @@ const So = [
   ["paddingHorizontal", Xe],
   ["paddingVertical", Ze],
   // Margin
-  ["margin", M],
+  ["margin", x],
   ["marginTop", qe],
   ["marginBottom", Je],
   ["marginLeft", Qe],
@@ -5402,416 +5499,428 @@ const So = [
   ["alignItems", wt],
   ["alignSelf", Ct],
   ["gap", Et],
-  ["flexDirection", xt],
-  ["flexWrap", Mt],
+  ["flexDirection", Mt],
+  ["flexWrap", xt],
   // Appearance
-  ["backgroundColor", zt],
-  ["background", Ft],
-  ["border", jt],
-  ["borderTop", Ut],
-  ["borderBottom", Kt],
-  ["borderLeft", Yt],
-  ["borderRight", Gt],
-  ["clipShape", qt],
-  ["clipped", Qt],
-  ["cornerRadius", ti],
-  ["foregroundColor", Xt],
-  ["gradientText", j],
-  ["opacity", ei],
-  ["fontFamily", ii],
-  ["fontSize", ni],
-  ["fontWeight", oi],
-  ["fontStyle", ri],
-  ["fontPreset", si],
+  ["backgroundColor", Wt],
+  ["background", jt],
+  ["backgroundImage", Ut],
+  ["blendMode", Yt],
+  ["backgroundBlendMode", Xt],
+  ["compositingGroup", qt],
+  ["border", Qt],
+  ["borderTop", ei],
+  ["borderBottom", ii],
+  ["borderLeft", ni],
+  ["borderRight", ti],
+  ["clipShape", si],
+  ["clipped", li],
+  ["cornerRadius", fi],
+  ["foregroundColor", oi],
+  ["gradientText", G],
+  ["opacity", ci],
+  ["fontFamily", di],
+  ["fontSize", ui],
+  ["fontWeight", pi],
+  ["fontStyle", mi],
+  ["fontPreset", hi],
   // Typography
-  ["typography", ci],
-  ["textAlign", fi],
-  ["font", vi],
-  ["lineClamp", wi],
-  ["wordBreak", Ei],
-  ["letterSpacing", pi],
-  ["lineHeight", ui],
-  ["textDecoration", di],
-  ["textOverflow", mi],
+  ["typography", vi],
+  ["textAlign", bi],
+  ["font", Li],
+  ["lineClamp", Pi],
+  ["wordBreak", $i],
+  ["letterSpacing", Ci],
+  ["lineHeight", wi],
+  ["textDecoration", Si],
+  ["textOverflow", Ei],
   ["textTransform", Le],
-  ["textCase", gi],
-  ["whiteSpace", hi],
-  ["overflow", yi],
-  ["hyphens", Li],
-  ["overflowWrap", Mi],
+  ["textCase", Ti],
+  ["whiteSpace", Mi],
+  ["overflow", xi],
+  ["hyphens", Oi],
+  ["overflowWrap", Ri],
   // Interaction
-  ["allowsHitTesting", ae],
-  ["focusable", re],
-  ["activatable", pn],
-  ["editable", mn],
-  ["focused", dn],
+  ["allowsHitTesting", le],
+  ["focusable", se],
+  ["activatable", Cn],
+  ["editable", En],
+  ["focused", Sn],
   ["keyboardShortcut", Ae],
-  ["onHover", Hi],
-  ["onMouseEnter", ji],
-  ["onMouseLeave", Ui],
-  ["onMouseDown", Gi],
-  ["onMouseUp", Ki],
-  ["onDoubleClick", Yi],
-  ["onContextMenu", Xi],
-  ["onKeyDown", Qi],
-  ["onKeyUp", en],
-  ["onKeyPress", tn],
-  ["onFocus", rn],
-  ["onBlur", sn],
-  ["onContinuousHover", se],
-  ["onLongPressGesture", ln],
-  ["scroll", Ai],
-  ["scrollBehavior", ki],
-  ["overscrollBehavior", Pi],
-  ["overscrollBehaviorX", Ii],
-  ["overscrollBehaviorY", $i],
-  ["scrollMargin", Vi],
-  ["scrollPadding", Ri],
-  ["scrollSnap", Di],
-  ["highPriorityGesture", gn],
-  ["simultaneousGesture", vn],
-  ["onTap", bn],
-  ["onScroll", Sn],
-  ["onWheel", wn],
-  ["onInput", Cn],
-  ["onChange", En],
-  ["onCopy", xn],
-  ["onCut", Mn],
-  ["onPaste", Tn],
-  ["onSelect", Ln],
-  ["onTouchStart", An],
-  ["onTouchMove", kn],
-  ["onTouchEnd", Pn],
-  ["onSwipeLeft", In],
-  ["onSwipeRight", $n],
-  ["disabled", Vn],
+  ["onHover", Gi],
+  ["onMouseEnter", Qi],
+  ["onMouseLeave", en],
+  ["onMouseDown", tn],
+  ["onMouseUp", nn],
+  ["onDoubleClick", on],
+  ["onContextMenu", rn],
+  ["onKeyDown", cn],
+  ["onKeyUp", fn],
+  ["onKeyPress", dn],
+  ["onFocus", mn],
+  ["onBlur", hn],
+  ["onContinuousHover", ae],
+  ["onLongPressGesture", gn],
+  ["scroll", Hi],
+  ["scrollBehavior", _i],
+  ["overscrollBehavior", Bi],
+  ["overscrollBehaviorX", Ni],
+  ["overscrollBehaviorY", zi],
+  ["scrollMargin", Fi],
+  ["scrollPadding", Wi],
+  ["scrollSnap", ji],
+  ["highPriorityGesture", Tn],
+  ["simultaneousGesture", Ln],
+  ["onTap", An],
+  ["onScroll", kn],
+  ["onWheel", Pn],
+  ["onInput", In],
+  ["onChange", $n],
+  ["onCopy", Vn],
+  ["onCut", Rn],
+  ["onPaste", Dn],
+  ["onSelect", On],
+  ["onTouchStart", Hn],
+  ["onTouchMove", _n],
+  ["onTouchEnd", Bn],
+  ["onSwipeLeft", Nn],
+  ["onSwipeRight", zn],
+  ["disabled", Fn],
   // Utility
-  ["css", zn],
-  ["cssProperty", Fn],
-  ["cssVariable", Wn],
-  ["utility", Rn],
-  ["cursor", Dn],
-  ["display", _n],
-  ["overflowX", Hn],
-  ["overflowY", On],
-  ["outline", Bn],
-  ["outlineOffset", Nn],
-  ["asHTML", Un],
-  ["navigationTitle", Gn],
-  ["navigationBarHidden", Kn],
-  ["navigationBarItems", Yn],
+  ["css", Zn],
+  ["cssProperty", qn],
+  ["cssVariable", Jn],
+  ["utility", Wn],
+  ["cursor", jn],
+  ["display", Kn],
+  ["overflowX", Gn],
+  ["overflowY", Un],
+  ["outline", Yn],
+  ["outlineOffset", Xn],
+  ["asHTML", eo],
+  ["navigationTitle", to],
+  ["navigationBarHidden", io],
+  ["navigationBarItems", no],
   ["animation", mt],
   ["transform", pt],
   ["transitions", ht],
   ["transition", ut],
   // Attributes
-  ["aria", U],
-  ["ariaLabel", to],
-  ["ariaLive", io],
-  ["ariaDescribedBy", no],
-  ["ariaModal", oo],
-  ["role", eo],
-  ["customProperties", ro],
-  ["customProperty", so],
-  ["cssVariables", ao],
-  ["id", te],
-  ["elementId", te],
-  ["viewId", te],
-  ["data", qn],
-  ["tabIndex", Qn],
+  ["aria", K],
+  ["ariaLabel", fo],
+  ["ariaLive", uo],
+  ["ariaDescribedBy", po],
+  ["ariaModal", mo],
+  ["role", co],
+  ["customProperties", ho],
+  ["customProperty", yo],
+  ["cssVariables", go],
+  ["id", ie],
+  ["elementId", ie],
+  ["viewId", ie],
+  ["data", so],
+  ["tabIndex", lo],
   // Elements / pseudo elements
-  ["before", G],
-  ["after", X],
-  ["pseudoElements", lo],
-  ["iconBefore", co],
-  ["iconAfter", fo],
-  ["lineBefore", uo],
-  ["lineAfter", po],
-  ["quotes", mo],
-  ["underline", ho],
-  ["badge", yo],
-  ["tooltip", go],
-  ["cornerRibbon", vo],
-  ["spinner", bo],
+  ["before", Y],
+  ["after", q],
+  ["pseudoElements", vo],
+  ["iconBefore", bo],
+  ["iconAfter", So],
+  ["lineBefore", wo],
+  ["lineAfter", Co],
+  ["quotes", Eo],
+  ["underline", Mo],
+  ["badge", xo],
+  ["tooltip", To],
+  ["cornerRibbon", Lo],
+  ["spinner", Ao],
   // Lifecycle
   ["task", yt]
 ];
-function wo(o) {
+function Po(o) {
   const s = o?.registry ?? Ve;
   s.registerPlugin?.({
     name: "@tachui/modifiers",
     version: Fe,
     author: "tachUI Team",
     verified: !0
-  }), So.forEach(([e, t]) => {
+  }), ko.forEach(([e, t]) => {
     s.has(e) || s.register(e, t);
   });
 }
-wo();
+Po();
 export {
-  pr as $,
+  Cr as $,
   Ce as A,
   Bt as B,
   ve as C,
   Nt as D,
-  vi as E,
+  Li as E,
   $ as F,
-  ci as G,
-  fi as H,
+  vi as G,
+  bi as H,
   Le as I,
-  di as J,
-  lr as K,
-  cr as L,
+  Si as J,
+  gr as K,
+  vr as L,
   I as M,
-  ui as N,
+  wi as N,
   Tt as O,
   Ht as P,
-  pi as Q,
-  fr as R,
+  Ci as Q,
+  br as R,
   At as S,
   k as T,
-  mi as U,
-  hi as V,
-  yi as W,
-  gi as X,
-  dr as Y,
+  Ei as U,
+  Mi as V,
+  xi as W,
+  Ti as X,
+  Sr as Y,
   Ee as Z,
-  ur as _,
+  wr as _,
   gt as a,
-  Ji as a$,
-  Si as a0,
-  wi as a1,
-  Ci as a2,
-  Ei as a3,
-  xi as a4,
-  Mi as a5,
-  Ti as a6,
-  Li as a7,
-  xe as a8,
-  Me as a9,
-  Jt as aA,
-  Qt as aB,
-  H as aC,
-  Ai as aD,
-  ki as aE,
-  Pi as aF,
-  Ii as aG,
-  $i as aH,
-  Vi as aI,
-  Ri as aJ,
-  Di as aK,
-  Oi as aL,
-  Hi as aM,
-  _i as aN,
-  Bi as aO,
-  Ni as aP,
-  zi as aQ,
-  Fi as aR,
-  Wi as aS,
-  ji as aT,
-  Ui as aU,
-  Gi as aV,
-  Ki as aW,
-  Yi as aX,
-  Xi as aY,
-  Zi as aZ,
-  qi as a_,
-  zt as aa,
-  Ft as ab,
-  Zo as ac,
-  j as ad,
-  qo as ae,
-  Jo as af,
-  Qo as ag,
-  er as ah,
-  tr as ai,
-  D as aj,
-  Wt as ak,
-  jt as al,
-  Ut as am,
-  Gt as an,
-  Kt as ao,
-  Yt as ap,
-  ir as aq,
-  nr as ar,
-  or as as,
-  rr as at,
-  sr as au,
-  Te as av,
-  Xt as aw,
-  ar as ax,
-  Zt as ay,
-  qt as az,
-  So as b,
-  K as b$,
-  Qi as b0,
-  en as b1,
-  tn as b2,
-  nn as b3,
-  on as b4,
-  rn as b5,
-  sn as b6,
-  an as b7,
-  ln as b8,
-  cn as b9,
-  Mr as bA,
-  wn as bB,
-  Cn as bC,
-  En as bD,
-  xn as bE,
-  Mn as bF,
-  Tn as bG,
-  Ln as bH,
-  An as bI,
-  kn as bJ,
-  Pn as bK,
-  In as bL,
-  $n as bM,
-  Vn as bN,
-  N as bO,
-  Rn as bP,
-  Dn as bQ,
-  On as bR,
-  Hn as bS,
-  _n as bT,
-  Bn as bU,
-  Nn as bV,
-  Q as bW,
-  zn as bX,
-  Fn as bY,
-  Wn as bZ,
-  Tr as b_,
-  Ae as ba,
-  mr as bb,
-  fn as bc,
-  dn as bd,
-  un as be,
-  re as bf,
-  pn as bg,
-  mn as bh,
-  hn as bi,
-  se as bj,
-  hr as bk,
-  yr as bl,
-  yn as bm,
-  ae as bn,
-  gr as bo,
-  vr as bp,
-  gn as bq,
-  vn as br,
-  bn as bs,
-  br as bt,
-  Sr as bu,
-  Sn as bv,
-  wr as bw,
-  Cr as bx,
-  Er as by,
-  xr as bz,
+  Qi as a$,
+  ki as a0,
+  Pi as a1,
+  Ii as a2,
+  $i as a3,
+  Vi as a4,
+  Ri as a5,
+  Di as a6,
+  Oi as a7,
+  Me as a8,
+  Ft as a9,
+  pr as aA,
+  mr as aB,
+  hr as aC,
+  Te as aD,
+  oi as aE,
+  yr as aF,
+  ri as aG,
+  si as aH,
+  ai as aI,
+  li as aJ,
+  H as aK,
+  Hi as aL,
+  _i as aM,
+  Bi as aN,
+  Ni as aO,
+  zi as aP,
+  Fi as aQ,
+  Wi as aR,
+  ji as aS,
+  Ui as aT,
+  Gi as aU,
+  Ki as aV,
+  Yi as aW,
+  Xi as aX,
+  Zi as aY,
+  qi as aZ,
+  Ji as a_,
+  xe as aa,
+  Wt as ab,
+  jt as ac,
+  Ut as ad,
+  rr as ae,
+  G as af,
+  sr as ag,
+  ar as ah,
+  lr as ai,
+  cr as aj,
+  fr as ak,
+  Gt as al,
+  Kt as am,
+  Yt as an,
+  Xt as ao,
+  Zt as ap,
+  qt as aq,
+  D as ar,
+  Jt as as,
+  Qt as at,
+  ei as au,
+  ti as av,
+  ii as aw,
+  ni as ax,
+  dr as ay,
+  ur as az,
+  ko as b,
+  Kn as b$,
+  en as b0,
+  tn as b1,
+  nn as b2,
+  on as b3,
+  rn as b4,
+  sn as b5,
+  an as b6,
+  ln as b7,
+  cn as b8,
+  fn as b9,
+  An as bA,
+  Ar as bB,
+  kr as bC,
+  kn as bD,
+  Pr as bE,
+  Ir as bF,
+  $r as bG,
+  Vr as bH,
+  Rr as bI,
+  Pn as bJ,
+  In as bK,
+  $n as bL,
+  Vn as bM,
+  Rn as bN,
+  Dn as bO,
+  On as bP,
+  Hn as bQ,
+  _n as bR,
+  Bn as bS,
+  Nn as bT,
+  zn as bU,
+  Fn as bV,
+  F as bW,
+  Wn as bX,
+  jn as bY,
+  Un as bZ,
+  Gn as b_,
+  dn as ba,
+  un as bb,
+  pn as bc,
+  mn as bd,
+  hn as be,
+  yn as bf,
+  gn as bg,
+  vn as bh,
+  Ae as bi,
+  Er as bj,
+  bn as bk,
+  Sn as bl,
+  wn as bm,
+  se as bn,
+  Cn as bo,
+  En as bp,
+  Mn as bq,
+  ae as br,
+  Mr as bs,
+  xr as bt,
+  xn as bu,
+  le as bv,
+  Tr as bw,
+  Lr as bx,
+  Tn as by,
+  Ln as bz,
   vt as c,
-  lt as c$,
-  Lr as c0,
-  jn as c1,
-  Un as c2,
-  ke as c3,
-  F as c4,
-  G as c5,
-  X as c6,
-  lo as c7,
-  co as c8,
-  fo as c9,
-  kr as cA,
-  V as cB,
-  x as cC,
-  We as cD,
-  je as cE,
-  Ue as cF,
-  Ge as cG,
-  Ke as cH,
-  Ye as cI,
-  Xe as cJ,
-  Ze as cK,
-  No as cL,
-  R as cM,
-  M as cN,
-  qe as cO,
-  Je as cP,
-  Qe as cQ,
-  et as cR,
-  tt as cS,
-  it as cT,
-  nt as cU,
-  ot as cV,
-  zo as cW,
-  B as cX,
-  rt as cY,
-  st as cZ,
-  at as c_,
-  uo as ca,
-  po as cb,
-  mo as cc,
-  ho as cd,
-  yo as ce,
-  go as cf,
-  vo as cg,
-  bo as ch,
-  Xn as ci,
-  te as cj,
-  Zn as ck,
-  qn as cl,
-  Jn as cm,
-  Qn as cn,
-  ie as co,
-  U as cp,
-  eo as cq,
-  to as cr,
-  io as cs,
-  no as ct,
-  oo as cu,
-  Y as cv,
-  ro as cw,
-  so as cx,
-  ao as cy,
-  Ar as cz,
+  it as c$,
+  Yn as c0,
+  Xn as c1,
+  ee as c2,
+  Zn as c3,
+  qn as c4,
+  Jn as c5,
+  Dr as c6,
+  X as c7,
+  Or as c8,
+  Qn as c9,
+  uo as cA,
+  po as cB,
+  mo as cC,
+  Z as cD,
+  ho as cE,
+  yo as cF,
+  go as cG,
+  Hr as cH,
+  _r as cI,
+  V as cJ,
+  M as cK,
+  We as cL,
+  je as cM,
+  Ue as cN,
+  Ge as cO,
+  Ke as cP,
+  Ye as cQ,
+  Xe as cR,
+  Ze as cS,
+  Xo as cT,
+  R as cU,
+  x as cV,
+  qe as cW,
+  Je as cX,
+  Qe as cY,
+  et as cZ,
+  tt as c_,
+  eo as ca,
+  ke as cb,
+  U as cc,
+  Y as cd,
+  q as ce,
+  vo as cf,
+  bo as cg,
+  So as ch,
+  wo as ci,
+  Co as cj,
+  Eo as ck,
+  Mo as cl,
+  xo as cm,
+  To as cn,
+  Lo as co,
+  Ao as cp,
+  oo as cq,
+  ie as cr,
+  ro as cs,
+  so as ct,
+  ao as cu,
+  lo as cv,
+  ne as cw,
+  K as cx,
+  co as cy,
+  fo as cz,
   bt as d,
-  ct as d0,
-  ft as d1,
-  dt as d2,
-  ee as d3,
-  ut as d4,
-  Bo as d5,
-  Fe as d6,
-  Po as d7,
-  $o as d8,
-  Ro as d9,
-  Be as da,
-  Ho as db,
-  Gn as dc,
-  Kn as dd,
-  Yn as de,
-  pt as df,
-  mt as dg,
-  ht as dh,
-  yt as di,
-  w as dj,
-  Go as dk,
-  Ko as dl,
-  C as dm,
-  Yo as dn,
-  Xo as dp,
-  Fo as e,
+  nt as d0,
+  ot as d1,
+  Zo as d2,
+  z as d3,
+  rt as d4,
+  st as d5,
+  at as d6,
+  lt as d7,
+  ct as d8,
+  ft as d9,
+  dt as da,
+  te as db,
+  ut as dc,
+  Yo as dd,
+  Fe as de,
+  Bo as df,
+  zo as dg,
+  Wo as dh,
+  Be as di,
+  Go as dj,
+  to as dk,
+  io as dl,
+  no as dm,
+  pt as dn,
+  mt as dp,
+  ht as dq,
+  yt as dr,
+  w as ds,
+  tr as dt,
+  ir as du,
+  C as dv,
+  nr as dw,
+  or as dx,
+  qo as e,
   P as f,
   wt as g,
   Ct as h,
   Et as i,
   St as j,
-  Wo as k,
-  jo as l,
-  xt as m,
-  Mt as n,
-  Uo as o,
+  Jo as k,
+  Qo as l,
+  Mt as m,
+  xt as n,
+  er as o,
   Lt as p,
   Pt as q,
-  wo as r,
+  Po as r,
   kt as s,
   It as t,
   $t as u,