@tachui/modifiers 0.8.21 → 0.8.22

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

@@ -167,7 +167,7 @@ let g = class {
       cleanup: []
     };
   }
-}, Ho = class extends g {
+}, Bo = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "layout");
@@ -333,7 +333,7 @@ let g = class {
     }
     return i;
   }
-}, Bo = class extends g {
+}, zo = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "appearance");
@@ -419,7 +419,7 @@ let g = 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;
   }
-}, zo = class extends g {
+}, Wo = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "interaction");
@@ -693,7 +693,7 @@ let g = class {
     );
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
   }
-}, jo = class extends g {
+}, Go = class extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "lifecycle");
@@ -808,7 +808,7 @@ let g = class {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(e);
   }
 };
-const Ne = "@tachui/modifiers", ze = "0.8.21", Go = Ne, Fe = ze;
+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) {
@@ -866,7 +866,7 @@ function Xe(o) {
 function Ze(o) {
   return new V({ vertical: o });
 }
-const Ko = {
+const Xo = {
   /**
    * Extra small padding (4px) - For tight spacing
    */
@@ -1002,7 +1002,7 @@ function nt(o) {
 function ot(o) {
   return new R({ vertical: o });
 }
-const Yo = {
+const Zo = {
   /**
    * Extra small margin (4px) - For tight spacing
    */
@@ -1226,7 +1226,7 @@ function vt(o) {
 function bt(o) {
   return new $({ flexBasis: o });
 }
-function Xo(o) {
+function qo(o) {
   return new $({ flex: o });
 }
 function St(o) {
@@ -1241,10 +1241,10 @@ function Ct(o) {
 function Et(o) {
   return new $({ gap: o });
 }
-function Zo(o) {
+function Jo(o) {
   return new $({ rowGap: o });
 }
-function qo(o) {
+function Qo(o) {
   return new $({ columnGap: o });
 }
 function Mt(o) {
@@ -1253,7 +1253,7 @@ function Mt(o) {
 function xt(o) {
   return new $({ flexWrap: o });
 }
-const Jo = {
+const er = {
   /**
    * Standard flex container
    * Sets display: flex for basic flex container
@@ -2041,7 +2041,7 @@ class w {
     };
   }
 }
-class Qo extends w {
+class tr extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "layout");
@@ -2208,7 +2208,7 @@ class Qo extends w {
     return i;
   }
 }
-class er extends w {
+class ir extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "appearance");
@@ -2488,7 +2488,7 @@ class C extends w {
     e instanceof HTMLElement && (e.style.pointerEvents = t ? "" : "none");
   }
 }
-class tr extends w {
+class nr extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "animation");
@@ -2632,7 +2632,7 @@ class tr extends w {
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
   }
 }
-class ir extends w {
+class or extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "lifecycle");
@@ -3120,7 +3120,7 @@ function Ut(o, s = {}) {
     }
   });
 }
-function nr(o, s = "text", e = "transparent") {
+function rr(o, s = "text", e = "transparent") {
   return new xe({
     backgroundImage: o,
     backgroundClip: s,
@@ -3136,21 +3136,21 @@ function G(o) {
     webkitTextFillColor: "transparent"
   });
 }
-function or() {
+function sr() {
   return G("linear-gradient(45deg, #007AFF, #5856D6)");
 }
-function rr() {
+function ar() {
   return G(
     "linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)"
   );
 }
-function sr() {
+function lr() {
   return G("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
 }
-function ar() {
+function cr() {
   return G("linear-gradient(45deg, #667eea, #764ba2)");
 }
-function lr() {
+function fr() {
   return G("linear-gradient(45deg, #f7971e, #ffd200)");
 }
 class Gt extends g {
@@ -3183,6 +3183,19 @@ function Yt(o) {
 function Xt(o) {
   return new Kt({ mode: o });
 }
+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 qt() {
+  return new Zt({});
+}
 class D extends g {
   constructor() {
     super(...arguments);
@@ -3231,7 +3244,7 @@ class D extends g {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-class Zt extends g {
+class Jt extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "cornerRadius");
@@ -3276,39 +3289,39 @@ class Zt extends g {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function qt(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 Jt(o, s, e) {
+function ei(o, s, e) {
   return new D({ top: { width: o, color: s, style: e } });
 }
-function Qt(o, s, e) {
+function ti(o, s, e) {
   return new D({ right: { width: o, color: s, style: e } });
 }
-function ei(o, s, e) {
+function ii(o, s, e) {
   return new D({ bottom: { width: o, color: s, style: e } });
 }
-function ti(o, s, e) {
+function ni(o, s, e) {
   return new D({ left: { width: o, color: s, style: e } });
 }
-function cr(o, s, e) {
+function dr(o, s, e) {
   return new D({ leading: { width: o, color: s, style: e } });
 }
-function fr(o, s, e) {
+function ur(o, s, e) {
   return new D({ trailing: { width: o, color: s, style: e } });
 }
-function dr(o, s, e) {
+function pr(o, s, e) {
   return new D({ horizontal: { width: o, color: s, style: e } });
 }
-function ur(o, s, e) {
+function mr(o, s, e) {
   return new D({ vertical: { width: o, color: s, style: e } });
 }
-function pr(o) {
-  return new Zt({ radius: o });
+function hr(o) {
+  return new Jt({ radius: o });
 }
 class Te extends g {
   constructor() {
@@ -3346,13 +3359,13 @@ class Te extends g {
     });
   }
 }
-function ii(o) {
+function oi(o) {
   return new Te({ color: o });
 }
-function mr(o) {
+function yr(o) {
   return new Te({ color: o });
 }
-class ni extends g {
+class ri extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "clip-shape");
@@ -3384,10 +3397,10 @@ class ni extends g {
     }
   }
 }
-function oi(o, s) {
-  return new ni({ shape: o, parameters: s || {} });
+function si(o, s) {
+  return new ri({ shape: o, parameters: s || {} });
 }
-class ri extends g {
+class ai extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "clipped");
@@ -3399,33 +3412,33 @@ class ri extends g {
     i.style && (this.properties.clipped ? i.style.overflow = "hidden" : i.style.overflow = "");
   }
 }
-function si(o = !0) {
-  return new ri({ clipped: o });
+function li(o = !0) {
+  return new ai({ clipped: o });
 }
-function ai(o) {
+function ci(o) {
   return new O({ opacity: o });
 }
-function li(o) {
+function fi(o) {
   return new O({ cornerRadius: o });
 }
-function ci(o) {
+function di(o) {
   return new O({ font: { family: o } });
 }
-function fi(o) {
+function ui(o) {
   return new O({ font: { size: o } });
 }
-function di(o) {
+function pi(o) {
   return new O({ font: { weight: o } });
 }
-function ui(o) {
+function mi(o) {
   return new O({ font: { style: o } });
 }
-function pi(o) {
+function hi(o) {
   return new O({ font: o });
 }
-const mi = "typography", be = Symbol.for("tachui.typography.instanceId");
+const yi = "typography", be = Symbol.for("tachui.typography.instanceId");
 let Se = 0;
-function hi(o) {
+function gi(o) {
   const s = o[be];
   if (typeof s == "number") return s;
   Se += 1;
@@ -3473,11 +3486,11 @@ class k extends g {
       n[c] = l;
     };
     if (p(i) || m(i)) {
-      const a = i, l = hi(this);
+      const a = i, l = gi(this);
       we({
         element: e,
         accessor: a,
-        updaterId: `${mi}:${l}:${t}`,
+        updaterId: `${yi}:${l}:${t}`,
         updater: (c) => {
           r(c);
         }
@@ -3503,57 +3516,57 @@ class k extends g {
     return e === "leading" ? "start" : e === "trailing" ? "end" : e;
   }
 }
-function yi(o) {
+function vi(o) {
   return new k(o);
 }
-function gi(o) {
+function bi(o) {
   return new k({ align: o });
 }
 function Le(o) {
   return new k({ transform: o });
 }
-function vi(o) {
+function Si(o) {
   return new k({ decoration: o });
 }
-function hr(o) {
+function gr(o) {
   return new k({ size: o });
 }
-function yr(o) {
+function vr(o) {
   return new k({ weight: o });
 }
-function bi(o) {
+function wi(o) {
   return new k({ lineHeight: o });
 }
-function Si(o) {
+function Ci(o) {
   return new k({ letterSpacing: o });
 }
-function gr(o) {
+function br(o) {
   return new k({ wordSpacing: o });
 }
-function wi(o) {
+function Ei(o) {
   return new k({ textOverflow: o });
 }
-function Ci(o) {
+function Mi(o) {
   return new k({ whiteSpace: o });
 }
-function Ei(o) {
+function xi(o) {
   return new k({ overflow: o });
 }
-function Mi(o) {
+function Ti(o) {
   return Le(o);
 }
-function vr(o) {
+function Sr(o) {
   return new k({ family: o });
 }
-function xi(o) {
-  return typeof o == "string" ? Ti(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 Ti(o) {
+function Ai(o) {
   const s = {
     ".largeTitle": { size: 34, weight: 400 },
     ".title": { size: 28, weight: 400 },
@@ -3569,7 +3582,7 @@ function Ti(o) {
   }, e = s[o];
   return e ? new k(e) : new k(s[".body"]);
 }
-function br(o) {
+function wr(o) {
   let s;
   switch (o.design) {
     case "serif":
@@ -3590,7 +3603,7 @@ function br(o) {
     weight: o.weight
   });
 }
-function Sr(o, s) {
+function Cr(o, s) {
   return new k({
     family: o,
     size: s?.size,
@@ -3598,7 +3611,7 @@ function Sr(o, s) {
     style: s?.style
   });
 }
-class Li extends g {
+class ki extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "lineClamp");
@@ -3627,10 +3640,10 @@ class Li extends g {
     );
   }
 }
-function Ai(o) {
-  return new Li({ lines: o });
+function Pi(o) {
+  return new ki({ lines: o });
 }
-class ki extends g {
+class Ii extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "wordBreak");
@@ -3655,10 +3668,10 @@ class ki extends g {
     );
   }
 }
-function Pi(o) {
-  return new ki({ wordBreak: o });
+function $i(o) {
+  return new Ii({ wordBreak: o });
 }
-class Ii extends g {
+class Vi extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "overflowWrap");
@@ -3680,10 +3693,10 @@ class Ii extends g {
     );
   }
 }
-function $i(o) {
-  return new Ii({ overflowWrap: o });
+function Ri(o) {
+  return new Vi({ overflowWrap: o });
 }
-class Vi extends g {
+class Di extends g {
   constructor() {
     super(...arguments);
     f(this, "type", "hyphens");
@@ -3708,8 +3721,8 @@ class Vi extends g {
     );
   }
 }
-function Ri(o) {
-  return new Vi({ hyphens: o });
+function Oi(o) {
+  return new Di({ hyphens: o });
 }
 class H extends g {
   constructor(e) {
@@ -3753,35 +3766,35 @@ class H extends g {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function Di(o) {
+function Hi(o) {
   return new H({ scroll: o });
 }
-function Oi(o) {
+function _i(o) {
   return new H({ scrollBehavior: o });
 }
-function Hi(o) {
+function Bi(o) {
   return new H({ overscrollBehavior: o });
 }
-function _i(o) {
+function Ni(o) {
   return new H({ overscrollBehaviorX: o });
 }
-function Bi(o) {
+function zi(o) {
   return new H({ overscrollBehaviorY: o });
 }
-function Ni(o) {
+function Fi(o) {
   return new H({ scroll: { margin: o } });
 }
-function zi(o) {
+function Wi(o) {
   return new H({ scroll: { padding: o } });
 }
-function Fi(o, s, e) {
+function ji(o, s, e) {
   return new H({
     scroll: {
       snap: { type: o, align: s, stop: e }
     }
   });
 }
-class Wi extends w {
+class Ui extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onHover");
@@ -3803,10 +3816,10 @@ class Wi extends w {
     e._hoverCleanup = r;
   }
 }
-function ji(o) {
-  return new Wi({ onHover: o });
+function Gi(o) {
+  return new Ui({ onHover: o });
 }
-class Ui extends w {
+class Ki extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseEnter");
@@ -3822,7 +3835,7 @@ class Ui extends w {
     };
   }
 }
-class Gi extends w {
+class Yi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseLeave");
@@ -3838,7 +3851,7 @@ class Gi extends w {
     };
   }
 }
-class Ki extends w {
+class Xi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseDown");
@@ -3854,7 +3867,7 @@ class Ki extends w {
     };
   }
 }
-class Yi extends w {
+class Zi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onMouseUp");
@@ -3870,7 +3883,7 @@ class Yi extends w {
     };
   }
 }
-class Xi extends w {
+class qi extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onDoubleClick");
@@ -3886,7 +3899,7 @@ class Xi extends w {
     };
   }
 }
-class Zi extends w {
+class Ji extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onContextMenu");
@@ -3902,25 +3915,25 @@ class Zi extends w {
     };
   }
 }
-function qi(o) {
-  return new Ui({ onMouseEnter: o });
-}
-function Ji(o) {
-  return new Gi({ onMouseLeave: o });
-}
 function Qi(o) {
-  return new Ki({ onMouseDown: o });
+  return new Ki({ onMouseEnter: o });
 }
 function en(o) {
-  return new Yi({ onMouseUp: o });
+  return new Yi({ onMouseLeave: o });
 }
 function tn(o) {
-  return new Xi({ onDoubleClick: o });
+  return new Xi({ onMouseDown: o });
 }
 function nn(o) {
-  return new Zi({ onContextMenu: o });
+  return new Zi({ onMouseUp: o });
+}
+function on(o) {
+  return new qi({ onDoubleClick: o });
 }
-class on extends w {
+function rn(o) {
+  return new Ji({ onContextMenu: o });
+}
+class sn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onKeyDown");
@@ -3936,7 +3949,7 @@ class on extends w {
     };
   }
 }
-class rn extends w {
+class an extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onKeyUp");
@@ -3952,7 +3965,7 @@ class rn extends w {
     };
   }
 }
-class sn extends w {
+class ln extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onKeyPress");
@@ -3968,16 +3981,16 @@ class sn extends w {
     };
   }
 }
-function an(o) {
-  return new on({ onKeyDown: o });
+function cn(o) {
+  return new sn({ onKeyDown: o });
 }
-function ln(o) {
-  return new rn({ onKeyUp: o });
+function fn(o) {
+  return new an({ onKeyUp: o });
 }
-function cn(o) {
-  return new sn({ onKeyPress: o });
+function dn(o) {
+  return new ln({ onKeyPress: o });
 }
-class fn extends w {
+class un extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onFocus");
@@ -3995,7 +4008,7 @@ class fn extends w {
     };
   }
 }
-class dn extends w {
+class pn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onBlur");
@@ -4013,13 +4026,13 @@ class dn extends w {
     };
   }
 }
-function un(o) {
-  return new fn({ onFocus: o });
+function mn(o) {
+  return new un({ onFocus: o });
 }
-function pn(o) {
-  return new dn({ onBlur: o });
+function hn(o) {
+  return new pn({ onBlur: o });
 }
-class mn extends w {
+class yn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onLongPressGesture");
@@ -4133,10 +4146,10 @@ class mn extends w {
     e._longPressCleanup = Pe;
   }
 }
-function hn(o) {
-  return new mn(o);
+function gn(o) {
+  return new yn(o);
 }
-class yn extends w {
+class vn extends w {
   constructor(e) {
     const t = {
       ...e,
@@ -4178,12 +4191,12 @@ class yn extends w {
   }
 }
 function Ae(o) {
-  return new yn(o);
+  return new vn(o);
 }
-function wr(o, s, e) {
+function Er(o, s, e) {
   return Ae({ key: o, modifiers: s, action: e });
 }
-class gn extends w {
+class bn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "focused");
@@ -4229,10 +4242,10 @@ class gn extends w {
     e._focusedCleanup = a;
   }
 }
-function vn(o) {
-  return new gn({ focused: o });
+function Sn(o) {
+  return new bn({ focused: o });
 }
-class bn extends w {
+class wn extends w {
   constructor(e = {}) {
     const t = {
       ...e,
@@ -4278,18 +4291,18 @@ class bn extends w {
   }
 }
 function se(o, s) {
-  return new bn({
+  return new wn({
     isFocusable: o ?? !0,
     interactions: s ?? []
   });
 }
-function Sn() {
+function Cn() {
   return se(!0, ["activate"]);
 }
-function wn() {
+function En() {
   return se(!0, ["edit"]);
 }
-class Cn extends w {
+class Mn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "onContinuousHover");
@@ -4339,21 +4352,21 @@ class Cn extends w {
   }
 }
 function ae(o) {
-  return new Cn(o);
+  return new Mn(o);
 }
-function Cr(o) {
+function Mr(o) {
   return ae({
     coordinateSpace: "local",
     perform: o
   });
 }
-function Er(o) {
+function xr(o) {
   return ae({
     coordinateSpace: "global",
     perform: o
   });
 }
-class En extends w {
+class xn extends w {
   constructor() {
     super(...arguments);
     f(this, "type", "allowsHitTesting");
@@ -4369,88 +4382,88 @@ class En extends w {
   }
 }
 function le(o) {
-  return new En({ enabled: o });
+  return new xn({ enabled: o });
 }
-function Mr() {
+function Tr() {
   return le(!0);
 }
-function xr() {
+function Lr() {
   return le(!1);
 }
-function Mn(o, s) {
+function Tn(o, s) {
   return new C({
     highPriorityGesture: { gesture: o, including: s }
   });
 }
-function xn(o, s) {
+function Ln(o, s) {
   return new C({
     simultaneousGesture: { gesture: o, including: s }
   });
 }
-function Tn(o) {
+function An(o) {
   return new C({ onTap: o });
 }
-function Tr(o) {
+function Ar(o) {
   return new C({ onFocus: o });
 }
-function Lr(o) {
+function kr(o) {
   return new C({ onBlur: o });
 }
-function Ln(o) {
+function kn(o) {
   return new C({ onScroll: o });
 }
-function Ar(o) {
+function Pr(o) {
   return new C({ onKeyDown: o });
 }
-function kr(o) {
+function Ir(o) {
   return new C({ onKeyPress: o });
 }
-function Pr(o) {
+function $r(o) {
   return new C({ onKeyUp: o });
 }
-function Ir(o) {
+function Vr(o) {
   return new C({ onDoubleClick: o });
 }
-function $r(o) {
+function Rr(o) {
   return new C({ onContextMenu: o });
 }
-function An(o) {
+function Pn(o) {
   return new C({ onWheel: o });
 }
-function kn(o) {
+function In(o) {
   return new C({ onInput: o });
 }
-function Pn(o) {
+function $n(o) {
   return new C({ onChange: o });
 }
-function In(o) {
+function Vn(o) {
   return new C({ onCopy: o });
 }
-function $n(o) {
+function Rn(o) {
   return new C({ onCut: o });
 }
-function Vn(o) {
+function Dn(o) {
   return new C({ onPaste: o });
 }
-function Rn(o) {
+function On(o) {
   return new C({ onSelect: o });
 }
-function Dn(o) {
+function Hn(o) {
   return new C({ onTouchStart: o });
 }
-function On(o) {
+function _n(o) {
   return new C({ onTouchMove: o });
 }
-function Hn(o) {
+function Bn(o) {
   return new C({ onTouchEnd: o });
 }
-function _n(o) {
+function Nn(o) {
   return new C({ onSwipeLeft: o });
 }
-function Bn(o) {
+function zn(o) {
   return new C({ onSwipeRight: o });
 }
-function Nn(o = !0) {
+function Fn(o = !0) {
   return new C({ disabled: o });
 }
 class F extends g {
@@ -4494,25 +4507,25 @@ class F extends g {
     );
   }
 }
-function zn(o) {
+function Wn(o) {
   return new F(o);
 }
-function Fn(o) {
+function jn(o) {
   return new F({ cursor: o });
 }
-function Wn(o) {
+function Un(o) {
   return new F({ overflowY: o });
 }
-function jn(o) {
+function Gn(o) {
   return new F({ overflowX: o });
 }
-function Un(o) {
+function Kn(o) {
   return new F({ display: o });
 }
-function Gn(o) {
+function Yn(o) {
   return new F({ outline: o });
 }
-function Kn(o) {
+function Xn(o) {
   return new F({ outlineOffset: o });
 }
 class ee extends g {
@@ -4540,17 +4553,17 @@ class ee extends g {
     return t;
   }
 }
-function Yn(o) {
+function Zn(o) {
   return new ee(o);
 }
-function Xn(o, s) {
+function qn(o, s) {
   return new ee({ [o]: s });
 }
-function Zn(o, s) {
+function Jn(o, s) {
   const e = o.startsWith("--") ? o : `--${o}`;
   return new ee({ [e]: s });
 }
-function Vr(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 ee({
     [i]: e,
@@ -4712,7 +4725,7 @@ f(X, "DANGEROUS_PATTERNS", [
   td: ["colspan", "rowspan"],
   th: ["colspan", "rowspan", "scope"]
 });
-function Rr(o, s) {
+function Or(o, s) {
   return X.sanitize(o, s);
 }
 class ke {
@@ -4757,7 +4770,7 @@ f(ke, "SUSPICIOUS_PATTERNS", [
   { pattern: /@import/i, message: "CSS import statements detected" },
   { pattern: /expression\s*\(/i, message: "CSS expressions detected" }
 ]);
-class qn extends g {
+class Qn extends g {
   // Early priority to apply before other modifiers
   constructor(e = {}) {
     super(e);
@@ -4829,25 +4842,25 @@ class qn extends g {
     }), 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 Jn(o = {}) {
-  return new qn(o);
+function eo(o = {}) {
+  return new Qn(o);
 }
-function Qn(o) {
+function to(o) {
   return new O({
     navigationTitle: o,
     role: "heading"
   });
 }
-function eo(o = !0) {
+function io(o = !0) {
   return new O({
     navigationBarHidden: o,
     "aria-hidden": o.toString()
   });
 }
-function to(o) {
+function no(o) {
   return new O({ navigationBarItems: o });
 }
-class io extends g {
+class oo extends g {
   // High priority for HTML attributes
   constructor(e) {
     super(e);
@@ -4872,9 +4885,9 @@ class io extends g {
   }
 }
 function ie(o) {
-  return new io({ id: o });
+  return new oo({ id: o });
 }
-class no extends g {
+class ro extends g {
   // High priority for HTML attributes
   constructor(e) {
     super(e);
@@ -4913,10 +4926,10 @@ class no extends g {
     });
   }
 }
-function oo(o) {
-  return new no({ data: o });
+function so(o) {
+  return new ro({ data: o });
 }
-class ro extends g {
+class ao extends g {
   // High priority for accessibility
   constructor(e) {
     super(e);
@@ -4940,8 +4953,8 @@ class ro extends g {
     );
   }
 }
-function so(o) {
-  return new ro({ tabIndex: o });
+function lo(o) {
+  return new ao({ tabIndex: o });
 }
 const Q = class Q extends g {
   constructor(e) {
@@ -5110,19 +5123,19 @@ let ne = Q;
 function K(o) {
   return new ne({ aria: o });
 }
-function ao(o) {
+function co(o) {
   return K({ role: o });
 }
-function lo(o) {
+function fo(o) {
   return K({ label: o });
 }
-function co(o) {
+function uo(o) {
   return K({ live: o });
 }
-function fo(o) {
+function po(o) {
   return K({ describedby: o });
 }
-function uo(o) {
+function mo(o) {
   return K({ modal: o });
 }
 class Z extends g {
@@ -5159,25 +5172,25 @@ class Z extends g {
     return typeof e == "number" ? e.toString() : String(e);
   }
 }
-function po(o) {
+function ho(o) {
   return new Z({
     properties: o.properties,
     scope: o.scope || "local"
   });
 }
-function mo(o, s, e) {
+function yo(o, s, e) {
   return new Z({
     properties: { [o]: s },
     scope: e || "local"
   });
 }
-function ho(o) {
+function go(o) {
   return new Z({
     properties: o,
     scope: "local"
   });
 }
-function Dr(o) {
+function Hr(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     if (t !== void 0) {
@@ -5192,7 +5205,7 @@ function Dr(o) {
     scope: "local"
   });
 }
-function Or(o) {
+function _r(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     t !== void 0 && (s[`--token-${e}`] = t);
@@ -5269,24 +5282,24 @@ function Y(o) {
 function q(o) {
   return new U({ after: o });
 }
-function yo(o) {
+function vo(o) {
   return new U(o);
 }
-function go(o, s = {}) {
+function bo(o, s = {}) {
   return Y({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function vo(o, s = {}) {
+function So(o, s = {}) {
   return q({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function bo(o = "#ddd", s = 1, e = 16) {
+function wo(o = "#ddd", s = 1, e = 16) {
   return Y({
     content: "",
     display: "inline-block",
@@ -5297,7 +5310,7 @@ function bo(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function So(o = "#ddd", s = 1, e = 16) {
+function Co(o = "#ddd", s = 1, e = 16) {
   return q({
     content: "",
     display: "inline-block",
@@ -5308,7 +5321,7 @@ function So(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function wo(o = '"', s = '"') {
+function Eo(o = '"', s = '"') {
   return new U({
     before: {
       content: o,
@@ -5324,7 +5337,7 @@ function wo(o = '"', s = '"') {
     }
   });
 }
-function Co(o = "currentColor", s = 1, e = 1) {
+function Mo(o = "currentColor", s = 1, e = 1) {
   return q({
     content: "",
     position: "absolute",
@@ -5336,7 +5349,7 @@ function Co(o = "currentColor", s = 1, e = 1) {
     opacity: e
   });
 }
-function Eo(o = "#ff3b30", s = 6, e = "") {
+function xo(o = "#ff3b30", s = 6, e = "") {
   return q({
     content: e,
     position: "absolute",
@@ -5357,7 +5370,7 @@ function Eo(o = "#ff3b30", s = 6, e = "") {
     justifyContent: "center"
   });
 }
-function Mo(o, s = "top", e = "#333", t = "white") {
+function To(o, s = "top", e = "#333", t = "white") {
   return Y({
     content: o,
     position: "absolute",
@@ -5399,7 +5412,7 @@ function Mo(o, s = "top", e = "#333", t = "white") {
     }[s]
   });
 }
-function xo(o, s = "#ff3b30", e = "white") {
+function Lo(o, s = "#ff3b30", e = "white") {
   return Y({
     content: o,
     position: "absolute",
@@ -5416,7 +5429,7 @@ function xo(o, s = "#ff3b30", e = "white") {
     zIndex: 10
   });
 }
-function To(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 = `
@@ -5437,7 +5450,7 @@ function To(o = 20, s = "#007AFF", e = 2) {
     animation: "spin 1s linear infinite"
   });
 }
-const Lo = [
+const ko = [
   // Padding
   ["padding", M],
   ["paddingTop", We],
@@ -5494,199 +5507,200 @@ const Lo = [
   ["backgroundImage", Ut],
   ["blendMode", Yt],
   ["backgroundBlendMode", Xt],
-  ["border", qt],
-  ["borderTop", Jt],
-  ["borderBottom", ei],
-  ["borderLeft", ti],
-  ["borderRight", Qt],
-  ["clipShape", oi],
-  ["clipped", si],
-  ["cornerRadius", li],
-  ["foregroundColor", ii],
+  ["compositingGroup", qt],
+  ["border", Qt],
+  ["borderTop", ei],
+  ["borderBottom", ii],
+  ["borderLeft", ni],
+  ["borderRight", ti],
+  ["clipShape", si],
+  ["clipped", li],
+  ["cornerRadius", fi],
+  ["foregroundColor", oi],
   ["gradientText", G],
-  ["opacity", ai],
-  ["fontFamily", ci],
-  ["fontSize", fi],
-  ["fontWeight", di],
-  ["fontStyle", ui],
-  ["fontPreset", pi],
+  ["opacity", ci],
+  ["fontFamily", di],
+  ["fontSize", ui],
+  ["fontWeight", pi],
+  ["fontStyle", mi],
+  ["fontPreset", hi],
   // Typography
-  ["typography", yi],
-  ["textAlign", gi],
-  ["font", xi],
-  ["lineClamp", Ai],
-  ["wordBreak", Pi],
-  ["letterSpacing", Si],
-  ["lineHeight", bi],
-  ["textDecoration", vi],
-  ["textOverflow", wi],
+  ["typography", vi],
+  ["textAlign", bi],
+  ["font", Li],
+  ["lineClamp", Pi],
+  ["wordBreak", $i],
+  ["letterSpacing", Ci],
+  ["lineHeight", wi],
+  ["textDecoration", Si],
+  ["textOverflow", Ei],
   ["textTransform", Le],
-  ["textCase", Mi],
-  ["whiteSpace", Ci],
-  ["overflow", Ei],
-  ["hyphens", Ri],
-  ["overflowWrap", $i],
+  ["textCase", Ti],
+  ["whiteSpace", Mi],
+  ["overflow", xi],
+  ["hyphens", Oi],
+  ["overflowWrap", Ri],
   // Interaction
   ["allowsHitTesting", le],
   ["focusable", se],
-  ["activatable", Sn],
-  ["editable", wn],
-  ["focused", vn],
+  ["activatable", Cn],
+  ["editable", En],
+  ["focused", Sn],
   ["keyboardShortcut", Ae],
-  ["onHover", ji],
-  ["onMouseEnter", qi],
-  ["onMouseLeave", Ji],
-  ["onMouseDown", Qi],
-  ["onMouseUp", en],
-  ["onDoubleClick", tn],
-  ["onContextMenu", nn],
-  ["onKeyDown", an],
-  ["onKeyUp", ln],
-  ["onKeyPress", cn],
-  ["onFocus", un],
-  ["onBlur", pn],
+  ["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", hn],
-  ["scroll", Di],
-  ["scrollBehavior", Oi],
-  ["overscrollBehavior", Hi],
-  ["overscrollBehaviorX", _i],
-  ["overscrollBehaviorY", Bi],
-  ["scrollMargin", Ni],
-  ["scrollPadding", zi],
-  ["scrollSnap", Fi],
-  ["highPriorityGesture", Mn],
-  ["simultaneousGesture", xn],
-  ["onTap", Tn],
-  ["onScroll", Ln],
-  ["onWheel", An],
-  ["onInput", kn],
-  ["onChange", Pn],
-  ["onCopy", In],
-  ["onCut", $n],
-  ["onPaste", Vn],
-  ["onSelect", Rn],
-  ["onTouchStart", Dn],
-  ["onTouchMove", On],
-  ["onTouchEnd", Hn],
-  ["onSwipeLeft", _n],
-  ["onSwipeRight", Bn],
-  ["disabled", Nn],
+  ["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", Yn],
-  ["cssProperty", Xn],
-  ["cssVariable", Zn],
-  ["utility", zn],
-  ["cursor", Fn],
-  ["display", Un],
-  ["overflowX", jn],
-  ["overflowY", Wn],
-  ["outline", Gn],
-  ["outlineOffset", Kn],
-  ["asHTML", Jn],
-  ["navigationTitle", Qn],
-  ["navigationBarHidden", eo],
-  ["navigationBarItems", to],
+  ["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", K],
-  ["ariaLabel", lo],
-  ["ariaLive", co],
-  ["ariaDescribedBy", fo],
-  ["ariaModal", uo],
-  ["role", ao],
-  ["customProperties", po],
-  ["customProperty", mo],
-  ["cssVariables", ho],
+  ["ariaLabel", fo],
+  ["ariaLive", uo],
+  ["ariaDescribedBy", po],
+  ["ariaModal", mo],
+  ["role", co],
+  ["customProperties", ho],
+  ["customProperty", yo],
+  ["cssVariables", go],
   ["id", ie],
   ["elementId", ie],
   ["viewId", ie],
-  ["data", oo],
-  ["tabIndex", so],
+  ["data", so],
+  ["tabIndex", lo],
   // Elements / pseudo elements
   ["before", Y],
   ["after", q],
-  ["pseudoElements", yo],
-  ["iconBefore", go],
-  ["iconAfter", vo],
-  ["lineBefore", bo],
-  ["lineAfter", So],
-  ["quotes", wo],
-  ["underline", Co],
-  ["badge", Eo],
-  ["tooltip", Mo],
-  ["cornerRibbon", xo],
-  ["spinner", To],
+  ["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 Ao(o) {
+function Po(o) {
   const s = o?.registry ?? Ve;
   s.registerPlugin?.({
     name: "@tachui/modifiers",
     version: Fe,
     author: "tachUI Team",
     verified: !0
-  }), Lo.forEach(([e, t]) => {
+  }), ko.forEach(([e, t]) => {
     s.has(e) || s.register(e, t);
   });
 }
-Ao();
+Po();
 export {
-  Sr as $,
+  Cr as $,
   Ce as A,
   Bt as B,
   ve as C,
   Nt as D,
-  xi as E,
+  Li as E,
   $ as F,
-  yi as G,
-  gi as H,
+  vi as G,
+  bi as H,
   Le as I,
-  vi as J,
-  hr as K,
-  yr as L,
+  Si as J,
+  gr as K,
+  vr as L,
   I as M,
-  bi as N,
+  wi as N,
   Tt as O,
   Ht as P,
-  Si as Q,
-  gr as R,
+  Ci as Q,
+  br as R,
   At as S,
   k as T,
-  wi as U,
-  Ci as V,
-  Ei as W,
-  Mi as X,
-  vr as Y,
+  Ei as U,
+  Mi as V,
+  xi as W,
+  Ti as X,
+  Sr as Y,
   Ee as Z,
-  br as _,
+  wr as _,
   gt as a,
   Qi as a$,
-  Li as a0,
-  Ai as a1,
-  ki as a2,
-  Pi as a3,
-  Ii as a4,
-  $i as a5,
-  Vi as a6,
-  Ri as a7,
+  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,
-  Te as aB,
-  ii as aC,
-  mr as aD,
-  ni as aE,
-  oi as aF,
+  mr as aB,
+  hr as aC,
+  Te as aD,
+  oi as aE,
+  yr as aF,
   ri as aG,
   si as aH,
-  H as aI,
-  Di as aJ,
-  Oi as aK,
+  ai as aI,
+  li as aJ,
+  H as aK,
   Hi as aL,
   _i as aM,
   Bi as aN,
@@ -5707,29 +5721,29 @@ export {
   Wt as ab,
   jt as ac,
   Ut as ad,
-  nr as ae,
+  rr as ae,
   G as af,
-  or as ag,
-  rr as ah,
-  sr as ai,
-  ar as aj,
-  lr as ak,
+  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,
-  D as ap,
-  Zt as aq,
-  qt as ar,
+  Zt as ap,
+  qt as aq,
+  D as ar,
   Jt as as,
   Qt as at,
   ei as au,
   ti as av,
-  cr as aw,
-  fr as ax,
+  ii as aw,
+  ni as ax,
   dr as ay,
   ur as az,
-  Lo as b,
+  ko as b,
   Kn as b$,
   en as b0,
   tn as b1,
@@ -5741,15 +5755,15 @@ export {
   ln as b7,
   cn as b8,
   fn as b9,
-  Lr as bA,
-  Ln as bB,
-  Ar as bC,
-  kr as bD,
+  An as bA,
+  Ar as bB,
+  kr as bC,
+  kn as bD,
   Pr as bE,
   Ir as bF,
   $r as bG,
-  An as bH,
-  kn as bI,
+  Vr as bH,
+  Rr as bI,
   Pn as bJ,
   In as bK,
   $n as bL,
@@ -5761,9 +5775,9 @@ export {
   _n as bR,
   Bn as bS,
   Nn as bT,
-  F as bU,
-  zn as bV,
-  Fn as bW,
+  zn as bU,
+  Fn as bV,
+  F as bW,
   Wn as bX,
   jn as bY,
   Un as bZ,
@@ -5774,70 +5788,70 @@ export {
   mn as bd,
   hn as be,
   yn as bf,
-  Ae as bg,
-  wr as bh,
-  gn as bi,
-  vn as bj,
+  gn as bg,
+  vn as bh,
+  Ae as bi,
+  Er as bj,
   bn as bk,
-  se as bl,
-  Sn as bm,
-  wn as bn,
+  Sn as bl,
+  wn as bm,
+  se as bn,
   Cn as bo,
-  ae as bp,
-  Cr as bq,
-  Er as br,
-  En as bs,
-  le as bt,
-  Mr as bu,
-  xr as bv,
-  Mn as bw,
-  xn as bx,
+  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,
-  Tr as bz,
+  Ln as bz,
   vt as c,
-  ot as c$,
-  ee as c0,
-  Yn as c1,
-  Xn as c2,
+  it as c$,
+  Yn as c0,
+  Xn as c1,
+  ee as c2,
   Zn as c3,
-  Vr as c4,
-  X as c5,
-  Rr as c6,
-  qn as c7,
-  Jn as c8,
-  ke as c9,
+  qn as c4,
+  Jn as c5,
+  Dr as c6,
+  X as c7,
+  Or as c8,
+  Qn as c9,
   uo as cA,
-  Z as cB,
-  po as cC,
-  mo as cD,
+  po as cB,
+  mo as cC,
+  Z as cD,
   ho as cE,
-  Dr as cF,
-  Or as cG,
-  V as cH,
-  M as cI,
-  We as cJ,
-  je as cK,
-  Ue as cL,
-  Ge as cM,
-  Ke as cN,
-  Ye as cO,
-  Xe as cP,
-  Ze as cQ,
-  Ko as cR,
-  R as cS,
-  x as cT,
-  qe as cU,
-  Je as cV,
-  Qe as cW,
-  et as cX,
-  tt as cY,
-  it as cZ,
-  nt as c_,
-  U as ca,
-  Y as cb,
-  q as cc,
-  yo as cd,
-  go 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,
@@ -5847,64 +5861,66 @@ export {
   Mo as cl,
   xo as cm,
   To as cn,
-  io as co,
-  ie as cp,
-  no as cq,
-  oo as cr,
+  Lo as co,
+  Ao as cp,
+  oo as cq,
+  ie as cr,
   ro as cs,
   so as ct,
-  ne as cu,
-  K as cv,
-  ao as cw,
-  lo as cx,
+  ao as cu,
+  lo as cv,
+  ne as cw,
+  K as cx,
   co as cy,
   fo as cz,
   bt as d,
-  Yo as d0,
-  z as d1,
-  rt as d2,
-  st as d3,
-  at as d4,
-  lt as d5,
-  ct as d6,
-  ft as d7,
-  dt as d8,
-  te as d9,
-  ut as da,
-  Go as db,
-  Fe as dc,
-  Ho as dd,
-  Bo as de,
-  zo as df,
-  Be as dg,
-  jo as dh,
-  Qn as di,
-  eo as dj,
+  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,
-  pt as dl,
-  mt as dm,
-  ht as dn,
-  yt as dp,
-  w as dq,
-  Qo as dr,
-  er as ds,
-  C as dt,
-  tr as du,
-  ir as dv,
-  Xo as e,
+  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,
-  Zo as k,
-  qo as l,
+  Jo as k,
+  Qo as l,
   Mt as m,
   xt as n,
-  Jo as o,
+  er as o,
   Lt as p,
   Pt as q,
-  Ao as r,
+  Po as r,
   kt as s,
   It as t,
   $t as u,