@tachui/modifiers 0.8.32 → 0.10.0

package/dist/{modifiers-basic-7HZ7ereG.js → modifiers-basic-DSpueCBb.js}

@@ -1,38 +1,39 @@
-var ze = Object.defineProperty;
-var Fe = (o, s, e) => s in o ? ze(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
-var f = (o, s, e) => Fe(o, typeof s != "symbol" ? s + "" : s, e);
-import { globalModifierRegistry as Ne } from "@tachui/registry";
-import { isSignal as y, isComputed as m, createEffect as b, getThemeSignal as U } from "@tachui/core/reactive";
-import { bindReactiveStyle as Ie, collectStaticAnimationCSSRules as Pe } from "@tachui/core/modifiers/base";
+var We = Object.defineProperty;
+var je = (o, s, e) => s in o ? We(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
+var d = (o, s, e) => je(o, typeof s != "symbol" ? s + "" : s, e);
+import { globalModifierRegistry as Ue } from "@tachui/registry";
+import { isSignal as y, isComputed as m, createEffect as b, getThemeSignal as U, onCleanup as Ge } from "@tachui/core/reactive";
+import { bindReactiveStyle as $e, ensureAnimationKeyframes as Ve, collectStaticAnimationCSSRules as De } from "@tachui/core/modifiers/base";
 import { shouldExpandForInfinity as ue, dimensionToCSS as A, isInfinity as L } from "@tachui/core/constants/layout";
-import { AnimationModifier as oe, LifecycleModifier as We, LayoutModifier as pe, ResizableModifier as je, AppearanceModifier as H } from "@tachui/core/modifiers";
-import { gradientToCSS as Ue } from "@tachui/core/gradients/css-generator";
-const R = {
+import { AnimationModifier as fe, LifecycleModifier as Ke, LayoutModifier as pe, ResizableModifier as Ye, AppearanceModifier as H } from "@tachui/core/modifiers";
+import { renderComponent as Xe } from "@tachui/core/runtime";
+import { gradientToDeclarations as Ze } from "@tachui/core/gradients/css-generator";
+const D = {
   LAYOUT: 100,
   APPEARANCE: 200,
   INTERACTION: 300,
   ANIMATION: 400,
   CUSTOM: 500
-}, Te = /* @__PURE__ */ Symbol.for("tachui.modifier.instanceId"), Ge = "package";
-let Me = 0;
+}, Me = /* @__PURE__ */ Symbol.for("tachui.modifier.instanceId"), qe = "package";
+let ke = 0;
 function $(o) {
   return typeof HTMLElement < "u" && o instanceof HTMLElement;
 }
 function N(o) {
   return typeof o == "object" && o !== null && "style" in o && !!o.style;
 }
-function Q() {
+function oe() {
   return typeof document < "u";
 }
-function Ke() {
+function Je() {
   return typeof window < "u";
 }
-function Ye(o) {
-  const s = o[Te];
+function Qe(o) {
+  const s = o[Me];
   if (typeof s == "number") return s;
-  Me += 1;
-  const e = Me;
-  return Object.defineProperty(o, Te, {
+  ke += 1;
+  const e = ke;
+  return Object.defineProperty(o, Me, {
     value: e,
     enumerable: !1,
     configurable: !1,
@@ -41,7 +42,7 @@ function Ye(o) {
 }
 let v = class {
   constructor(s) {
-    f(this, "properties");
+    d(this, "properties");
     this.properties = s;
   }
   getStaticCSS(s) {
@@ -142,11 +143,11 @@ let v = class {
         if (a !== void 0) {
           const l = this.toCSSProperty(r);
           if (y(a) || m(a)) {
-            const c = a, d = Ye(this);
-            Ie({
+            const c = a, f = Qe(this);
+            $e({
               element: s,
               accessor: c,
-              updaterId: `${Ge}:${d}:${l}`,
+              updaterId: `${qe}:${f}:${l}`,
               updater: (u) => {
                 const p = this.toCSSValueForProperty(l, u);
                 n(l, p);
@@ -183,11 +184,11 @@ let v = class {
       cleanup: []
     };
   }
-}, Qo = class extends v {
+}, rr = class extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "layout");
-    f(this, "priority", R.LAYOUT);
+    d(this, "type", "layout");
+    d(this, "priority", D.LAYOUT);
   }
   apply(e, t) {
     if (!e.element || !t.element) return;
@@ -207,11 +208,11 @@ let v = class {
     const { x: i, y: n } = t;
     if (y(i) || m(i) || y(n) || m(n))
       b(() => {
-        const r = y(i) || m(i) ? i() : i ?? 0, a = y(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${d}` : d;
+        const r = y(i) || m(i) ? i() : i ?? 0, a = y(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), f = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${f}` : f;
         e.style.transform = h;
       });
     else {
-      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${d}` : d;
+      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), f = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${f}` : f;
       e.style.transform = h;
     }
   }
@@ -227,7 +228,7 @@ let v = class {
     const { x: i, y: n, anchor: r } = t, a = i ?? 1, l = n ?? a;
     if (y(a) || m(a) || y(l) || m(l))
       b(() => {
-        const c = y(a) || m(a) ? a() : a, d = y(l) || m(l) ? l() : l, u = `scale(${c}, ${d})`;
+        const c = y(a) || m(a) ? a() : a, f = y(l) || m(l) ? l() : l, u = `scale(${c}, ${f})`;
         e.style.transformOrigin = this.getTransformOrigin(
           r || "center"
         );
@@ -349,11 +350,11 @@ let v = class {
     }
     return i;
   }
-}, tr = class extends v {
+}, ar = class extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "appearance");
-    f(this, "priority", R.APPEARANCE);
+    d(this, "type", "appearance");
+    d(this, "priority", D.APPEARANCE);
   }
   apply(e, t) {
     if (!e.element || !t.element)
@@ -435,27 +436,27 @@ let v = 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;
   }
-}, nr = class extends v {
+}, cr = class extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "interaction");
-    f(this, "priority", R.INTERACTION);
+    d(this, "type", "interaction");
+    d(this, "priority", D.INTERACTION);
   }
   apply(e, t) {
     if (!t.element) return;
-    const i = this.properties, n = t.element, r = [], a = [], l = (d, u, p, h) => {
-      d.addEventListener(u, p, h), r.push({ target: d, type: u, handler: p, options: h });
+    const i = this.properties, n = t.element, r = [], a = [], l = (f, u, p, h) => {
+      f.addEventListener(u, p, h), r.push({ target: f, type: u, handler: p, options: h });
     };
     if (i.onTap && l(n, "click", i.onTap), i.onHover && (l(n, "mouseenter", () => i.onHover(!0)), l(n, "mouseleave", () => i.onHover(!1))), i.onMouseEnter && l(n, "mouseenter", i.onMouseEnter), i.onMouseLeave && l(n, "mouseleave", i.onMouseLeave), i.onMouseDown && l(n, "mousedown", i.onMouseDown), i.onMouseUp && l(n, "mouseup", i.onMouseUp), i.onDragStart && l(n, "dragstart", i.onDragStart), i.onDragOver && l(n, "dragover", i.onDragOver), i.onDragLeave && l(n, "dragleave", i.onDragLeave), i.onDrop && l(n, "drop", i.onDrop), i.onDoubleClick && l(n, "dblclick", i.onDoubleClick), i.onContextMenu && l(n, "contextmenu", i.onContextMenu), i.onFocus && (l(n, "focus", () => i.onFocus(!0)), l(n, "blur", () => i.onFocus(!1))), i.onBlur && l(n, "blur", () => i.onBlur(!1)), i.onKeyPress && l(n, "keypress", i.onKeyPress), i.onKeyDown && l(n, "keydown", i.onKeyDown), i.onKeyUp && l(n, "keyup", i.onKeyUp), i.onScroll && l(n, "scroll", i.onScroll, {
       passive: !0
     }), i.onWheel && l(n, "wheel", i.onWheel, {
       passive: !1
-    }), i.onInput && l(n, "input", i.onInput), i.onChange && l(n, "change", (d) => {
-      const u = d.target, p = u.value || u.textContent || "";
-      i.onChange(p, d);
+    }), i.onInput && l(n, "input", i.onInput), i.onChange && l(n, "change", (f) => {
+      const u = f.target, p = u.value || u.textContent || "";
+      i.onChange(p, f);
     }), i.onCopy && l(n, "copy", i.onCopy), i.onCut && l(n, "cut", i.onCut), i.onPaste && l(n, "paste", i.onPaste), i.onSelect && l(n, "select", i.onSelect), i.disabled !== void 0 && $(n)) {
-      const d = n, u = (p) => {
-        p ? (d.setAttribute("disabled", "true"), d.style.pointerEvents = "none", d.style.opacity = "0.6") : (d.removeAttribute("disabled"), d.style.pointerEvents = "", d.style.opacity = "");
+      const f = n, u = (p) => {
+        p ? (f.setAttribute("disabled", "true"), f.style.pointerEvents = "none", f.style.opacity = "0.6") : (f.removeAttribute("disabled"), f.style.pointerEvents = "", f.style.opacity = "");
       };
       y(i.disabled) || m(i.disabled) ? b(() => {
         const p = !!i.disabled();
@@ -465,21 +466,21 @@ let v = class {
     if (i.draggable !== void 0 && $(n) && (n.draggable = i.draggable), i.accessibilityLabel && n.setAttribute("aria-label", i.accessibilityLabel), i.accessibilityHint && n.setAttribute("aria-describedby", i.accessibilityHint), i.onLongPressGesture && a.push(
       this.setupLongPressGesture(n, i.onLongPressGesture)
     ), i.keyboardShortcut) {
-      const d = this.setupKeyboardShortcut(n, i.keyboardShortcut);
-      d && a.push(d);
+      const f = this.setupKeyboardShortcut(n, i.keyboardShortcut);
+      f && a.push(f);
     }
     if (i.focused !== void 0 && this.setupFocusManagement(n, i.focused), i.focusable) {
-      const d = this.setupFocusable(n, i.focusable);
-      d && a.push(d);
+      const f = this.setupFocusable(n, i.focusable);
+      f && a.push(f);
     }
     return i.onContinuousHover && a.push(
       this.setupContinuousHover(n, i.onContinuousHover)
     ), i.allowsHitTesting !== void 0 && this.setupHitTesting(n, i.allowsHitTesting), { node: e, cleanup: [() => {
-      for (const { target: d, type: u, handler: p, options: h } of r)
-        d.removeEventListener(u, p, h);
+      for (const { target: f, type: u, handler: p, options: h } of r)
+        f.removeEventListener(u, p, h);
       r.length = 0;
-      for (const d of a)
-        d();
+      for (const f of a)
+        f();
       a.length = 0;
     }] };
   }
@@ -492,14 +493,14 @@ let v = 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 = () => {
+    }, f = () => {
       c(), e.removeEventListener("pointerdown", u), e.removeEventListener("pointermove", p), e.removeEventListener("pointerup", h), e.removeEventListener(
         "pointercancel",
         g
       );
     }, u = (S) => {
       const E = S;
-      a = { x: E.clientX, y: E.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = (Ke() ? window.setTimeout : setTimeout)(() => {
+      a = { x: E.clientX, y: E.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = (Je() ? window.setTimeout : setTimeout)(() => {
         l && a && (t.perform(), c());
       }, i);
     }, p = (S) => {
@@ -516,7 +517,7 @@ let v = class {
     return e.addEventListener("pointerdown", u), e.addEventListener("pointermove", p), e.addEventListener("pointerup", h), e.addEventListener(
       "pointercancel",
       g
-    ), e._longPressCleanup = d, d;
+    ), e._longPressCleanup = f, f;
   }
   /**
    * Setup keyboard shortcut handling
@@ -534,12 +535,12 @@ let v = class {
         ctrl: a.ctrlKey,
         shift: a.shiftKey,
         alt: a.altKey
-      }, d = a.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(l).every(
+      }, f = a.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(l).every(
         ([p, h]) => h === c[p]
       );
-      d && u && (a.preventDefault(), t.action());
+      f && u && (a.preventDefault(), t.action());
     };
-    if (!Q()) return;
+    if (!oe()) return;
     document.addEventListener("keydown", n);
     const r = () => {
       document.removeEventListener("keydown", n);
@@ -580,13 +581,13 @@ let v = class {
   setupContinuousHover(e, t) {
     const i = t.coordinateSpace ?? "local", n = (l) => {
       const c = l;
-      let d, u;
+      let f, u;
       if (i === "local") {
         const p = e.getBoundingClientRect();
-        d = c.clientX - p.left, u = c.clientY - p.top;
+        f = c.clientX - p.left, u = c.clientY - p.top;
       } else
-        d = c.clientX, u = c.clientY;
-      t.perform({ x: d, y: u });
+        f = c.clientX, u = c.clientY;
+      t.perform({ x: f, y: u });
     }, r = () => {
       t.perform(null);
     };
@@ -605,11 +606,11 @@ let v = class {
   setupHitTesting(e, t) {
     $(e) && (e.style.pointerEvents = t ? "" : "none");
   }
-}, Xe = class extends v {
+}, et = class extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "animation");
-    f(this, "priority", R.ANIMATION);
+    d(this, "type", "animation");
+    d(this, "priority", D.ANIMATION);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -620,14 +621,9 @@ let v = class {
     }
     if (i.animation && N(t.element)) {
       const n = i.animation;
-      if (n.keyframes && Q()) {
-        const r = `tachui-animation-${t.componentId}-${Date.now()}`, a = this.createKeyframeRule(
-          r,
-          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}`;
+      if (n.keyframes && oe()) {
+        const r = Ve(n.keyframes), a = n.duration || 1e3, l = n.easing || "ease", c = n.iterations || 1, f = n.direction || "normal";
+        t.element.style.animation = `${r} ${a}ms ${l} ${c} ${f}`;
       }
     }
     if (i.transform && N(t.element) && (y(i.transform) || m(i.transform) ? b(() => {
@@ -663,23 +659,19 @@ let v = class {
     i.overlay && $(t.element) && this.applyOverlay(t.element, i.overlay, t);
   }
   getStaticCSS(e) {
-    return Pe(
-      e,
-      this.properties,
-      this.createKeyframeRule.bind(this)
-    );
+    return De(e, this.properties);
   }
   applyOverlay(e, t, i) {
     const { content: n, alignment: r = "center" } = t;
-    if ((e.style.position === "" || e.style.position === "static") && (e.style.position = "relative"), !Q()) return;
+    if ((e.style.position === "" || e.style.position === "static") && (e.style.position = "relative"), !oe()) return;
     const a = document.createElement("div");
     a.style.position = "absolute", a.style.pointerEvents = "none";
     const l = this.getOverlayAlignment(r);
     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 f = c.render();
+        f.element && a.appendChild(f.element);
       }
     } else if (n && typeof n.render == "function") {
       const c = n.render();
@@ -733,35 +725,12 @@ let v = class {
     };
     return t[e] || t.center;
   }
-  createKeyframeRule(e, t) {
-    let i = `@keyframes ${e} {
-`;
-    for (const [n, r] of Object.entries(t)) {
-      i += `  ${n} {
-`;
-      for (const [a, l] of Object.entries(r)) {
-        const c = this.toCSSProperty(a);
-        i += `    ${c}: ${l};
-`;
-      }
-      i += `  }
-`;
-    }
-    return i += "}", i;
-  }
-  addKeyframesToStylesheet(e) {
-    if (!Q()) return;
-    let t = document.querySelector(
-      "#tachui-animations"
-    );
-    t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
-  }
-}, sr = class extends v {
+}, ur = class extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "lifecycle");
-    f(this, "priority", R.CUSTOM);
-    f(this, "activeAbortController");
+    d(this, "type", "lifecycle");
+    d(this, "priority", D.CUSTOM);
+    d(this, "activeAbortController");
   }
   apply(e, t) {
     if (!t.element) return;
@@ -807,7 +776,7 @@ let v = class {
     if (!t) return;
     let i = !1, n = 0, r = 0;
     const a = 70;
-    if (!Q()) return;
+    if (!oe()) return;
     const l = document.createElement("div");
     if (l.style.cssText = `
       position: absolute;
@@ -834,7 +803,7 @@ let v = class {
     }
     const c = e.parentElement || e;
     $(c) && (c.style.position = "relative", c.appendChild(l));
-    const d = (h) => {
+    const f = (h) => {
       i || (r = h.touches[0].clientY);
     }, u = (h) => {
       if (i) return;
@@ -858,14 +827,14 @@ let v = class {
         i = !1, l.style.opacity = "0", l.style.top = "-50px", n = 0;
       }
     };
-    e.addEventListener("touchstart", d, {
+    e.addEventListener("touchstart", f, {
       passive: !1
     }), e.addEventListener("touchmove", u, {
       passive: !1
     }), e.addEventListener("touchend", p), this.addCleanup(() => {
       e.removeEventListener(
         "touchstart",
-        d
+        f
       ), e.removeEventListener("touchmove", u), e.removeEventListener("touchend", p), l.parentElement && l.parentElement.removeChild(l);
     });
   }
@@ -873,13 +842,13 @@ let v = class {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(e);
   }
 };
-const Ze = "@tachui/modifiers", qe = "0.8.32", lr = Ze, Je = qe;
+const tt = "@tachui/modifiers", it = "0.10.0", hr = tt, nt = it;
 class O extends v {
   // Optimized priority for internal spacing (before margin at 50)
   constructor(e) {
     super(e);
-    f(this, "type", "padding");
-    f(this, "priority", 45);
+    d(this, "type", "padding");
+    d(this, "priority", 45);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -907,31 +876,31 @@ class O extends v {
 function T(o) {
   return y(o) || m(o) ? new O({ all: o }) : typeof o == "number" || typeof o == "string" ? new O({ all: o }) : new O(o);
 }
-function Qe(o) {
+function ot(o) {
   return new O({ top: o });
 }
-function et(o) {
+function rt(o) {
   return new O({ bottom: o });
 }
-function tt(o) {
+function st(o) {
   return new O({ left: o });
 }
-function it(o) {
+function at(o) {
   return new O({ right: o });
 }
-function nt(o) {
+function lt(o) {
   return new O({ leading: o });
 }
-function ot(o) {
+function ct(o) {
   return new O({ trailing: o });
 }
-function rt(o) {
+function ft(o) {
   return new O({ horizontal: o });
 }
-function st(o) {
+function dt(o) {
   return new O({ vertical: o });
 }
-const cr = {
+const yr = {
   /**
    * Extra small padding (4px) - For tight spacing
    */
@@ -1014,8 +983,8 @@ class B extends v {
   // Optimized priority for external spacing (after padding at 45)
   constructor(e) {
     super(e);
-    f(this, "type", "margin");
-    f(this, "priority", 50);
+    d(this, "type", "margin");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -1043,31 +1012,31 @@ class B extends v {
 function M(o) {
   return typeof o == "number" || typeof o == "string" ? new B({ all: o }) : new B(o);
 }
-function at(o) {
+function ut(o) {
   return new B({ top: o });
 }
-function lt(o) {
+function pt(o) {
   return new B({ bottom: o });
 }
-function ct(o) {
+function ht(o) {
   return new B({ left: o });
 }
-function ft(o) {
+function yt(o) {
   return new B({ right: o });
 }
-function dt(o) {
+function mt(o) {
   return new B({ leading: o });
 }
-function ut(o) {
+function gt(o) {
   return new B({ trailing: o });
 }
-function pt(o) {
+function vt(o) {
   return new B({ horizontal: o });
 }
-function ht(o) {
+function bt(o) {
   return new B({ vertical: o });
 }
-const fr = {
+const mr = {
   /**
    * Extra small margin (4px) - For tight spacing
    */
@@ -1155,8 +1124,8 @@ class G extends v {
   // Priority 80 for layout
   constructor(e) {
     super(e);
-    f(this, "type", "size");
-    f(this, "priority", 80);
+    d(this, "type", "size");
+    d(this, "priority", 80);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -1192,46 +1161,46 @@ class G extends v {
     return t;
   }
 }
-function yt(o) {
+function St(o) {
   return new G(o);
 }
-function mt(o) {
+function wt(o) {
   return new G({ width: o });
 }
-function gt(o) {
+function Ct(o) {
   return new G({ height: o });
 }
-function vt(o) {
+function xt(o) {
   return new G({ maxWidth: o });
 }
-function bt(o) {
+function Et(o) {
   return new G({ minWidth: o });
 }
-function St(o) {
+function Tt(o) {
   return new G({ maxHeight: o });
 }
-function wt(o) {
+function Mt(o) {
   return new G({ minHeight: o });
 }
-class le extends Xe {
+class ae extends et {
   constructor() {
     super(...arguments);
     // Override type to be 'transition' instead of 'animation'
-    f(this, "type", "transition");
+    d(this, "type", "transition");
   }
 }
-function Ct(o, s, e, t) {
+function kt(o, s, e, t) {
   if (typeof o == "object")
-    return new le({ transition: o });
+    return new ae({ transition: o });
   const i = o;
-  return i === "none" ? new le({
+  return i === "none" ? new ae({
     transition: {
       property: "none",
       duration: 0,
       easing: "ease",
       delay: 0
     }
-  }) : new le({
+  }) : new ae({
     transition: {
       property: i,
       duration: s || 300,
@@ -1240,24 +1209,21 @@ function Ct(o, s, e, t) {
     }
   });
 }
-function xt(o) {
-  return new oe({ transform: o });
-}
-function Et(o) {
-  return o ? new oe({ animation: o }) : new oe({});
+function At(o) {
+  return new fe({ transform: o });
 }
-function Tt(o) {
-  return new oe({ transitions: o });
+function Lt(o) {
+  return o ? new fe({ animation: o }) : new fe({});
 }
-function Mt(o) {
-  return new We({ task: o });
+function It(o) {
+  return new Ke({ task: o });
 }
-class D extends v {
+class R extends v {
   // Optimized priority for layout modifiers
   constructor(e) {
     super(e);
-    f(this, "type", "flexbox");
-    f(this, "priority", 60);
+    d(this, "type", "flexbox");
+    d(this, "priority", 60);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -1280,45 +1246,45 @@ class D extends v {
   }
 }
 function P(o) {
-  return new D(o);
+  return new R(o);
 }
-function kt(o) {
-  return new D({ flexGrow: o });
+function Pt(o) {
+  return new R({ flexGrow: o });
 }
-function At(o) {
-  return new D({ flexShrink: o });
+function $t(o) {
+  return new R({ flexShrink: o });
 }
-function Lt(o) {
-  return new D({ flexBasis: o });
+function Vt(o) {
+  return new R({ flexBasis: o });
 }
-function dr(o) {
-  return new D({ flex: o });
+function gr(o) {
+  return new R({ flex: o });
 }
-function It(o) {
-  return new D({ justifyContent: o });
+function Dt(o) {
+  return new R({ justifyContent: o });
 }
-function Pt(o) {
-  return new D({ alignItems: o });
+function Rt(o) {
+  return new R({ alignItems: o });
 }
-function $t(o) {
-  return new D({ alignSelf: o });
+function Ot(o) {
+  return new R({ alignSelf: o });
 }
-function Vt(o) {
-  return new D({ gap: o });
+function Bt(o) {
+  return new R({ gap: o });
 }
-function ur(o) {
-  return new D({ rowGap: o });
+function vr(o) {
+  return new R({ rowGap: o });
 }
-function pr(o) {
-  return new D({ columnGap: o });
+function br(o) {
+  return new R({ columnGap: o });
 }
-function Rt(o) {
-  return new D({ flexDirection: o });
+function _t(o) {
+  return new R({ flexDirection: o });
 }
-function Dt(o) {
-  return new D({ flexWrap: o });
+function Ht(o) {
+  return new R({ flexWrap: o });
 }
-const hr = {
+const Sr = {
   /**
    * Standard flex container
    * Sets display: flex for basic flex container
@@ -1456,11 +1422,11 @@ const hr = {
     alignItems: "stretch"
   })
 };
-class Ot extends v {
+class zt extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "offset");
-    f(this, "priority", 35);
+    d(this, "type", "offset");
+    d(this, "priority", 35);
   }
   // High priority for transform operations
   apply(e, t) {
@@ -1472,8 +1438,8 @@ class Ot extends v {
     }) : 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(), f = c ? `${c} ${a}` : a;
+    e.style.transform = f;
   }
   /**
    * Development mode validation
@@ -1497,15 +1463,15 @@ class Ot extends v {
     }
   }
 }
-function Bt(o, s) {
-  const e = new Ot({ x: o, y: s ?? 0 });
+function Ft(o, s) {
+  const e = new zt({ x: o, y: s ?? 0 });
   return typeof process < "u" && process.env.NODE_ENV === "development" && e.validateOffset(o, s), e;
 }
-class _t extends v {
+class Nt extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "scaleEffect");
-    f(this, "priority", 35);
+    d(this, "type", "scaleEffect");
+    d(this, "priority", 35);
   }
   // High priority for transform operations
   apply(e, t) {
@@ -1579,14 +1545,14 @@ class _t extends v {
     }
   }
 }
-function Ht(o, s, e = "center") {
-  return new _t({ x: o, y: s, anchor: e });
+function Wt(o, s, e = "center") {
+  return new Nt({ x: o, y: s, anchor: e });
 }
-class $e extends v {
+class Re extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "aspectRatio");
-    f(this, "priority", 20);
+    d(this, "type", "aspectRatio");
+    d(this, "priority", 20);
   }
   // Medium priority for layout properties
   apply(e, t) {
@@ -1643,7 +1609,7 @@ class $e extends v {
 /**
  * Get common aspect ratios
  */
-f($e, "COMMON_RATIOS", {
+d(Re, "COMMON_RATIOS", {
   square: 1,
   portrait: 3 / 4,
   landscape: 4 / 3,
@@ -1652,17 +1618,17 @@ f($e, "COMMON_RATIOS", {
   golden: 1.618,
   photo: 3 / 2
 });
-function zt(o, s = "fit") {
-  return new $e({ ratio: o, contentMode: s });
+function jt(o, s = "fit") {
+  return new Re({ ratio: o, contentMode: s });
 }
-function Ft(o) {
+function Ut(o) {
   return typeof getComputedStyle != "function" ? null : getComputedStyle(o);
 }
-class Nt extends v {
+class Gt extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "fixedSize");
-    f(this, "priority", 25);
+    d(this, "type", "fixedSize");
+    d(this, "priority", 25);
   }
   // Medium priority for layout properties
   apply(e, t) {
@@ -1692,7 +1658,7 @@ class Nt extends v {
   isFlexItem(e) {
     const t = e.parentElement;
     if (!t) return !1;
-    const i = Ft(t);
+    const i = Ut(t);
     if (!i) return !1;
     const n = i.display;
     return n === "flex" || n === "inline-flex";
@@ -1716,16 +1682,16 @@ class Nt extends v {
     ));
   }
 }
-function Wt(o = !0, s = !0) {
-  return new Nt({ horizontal: o, vertical: s });
+function Kt(o = !0, s = !0) {
+  return new Gt({ horizontal: o, vertical: s });
 }
-function jt(o) {
+function Yt(o) {
   return new pe({ frame: o });
 }
-function Ut(o) {
+function Xt(o) {
   return new pe({ layoutPriority: o });
 }
-function Gt(o, s) {
+function Zt(o, s) {
   return new pe({
     position: {
       x: o,
@@ -1733,20 +1699,20 @@ function Gt(o, s) {
     }
   });
 }
-function Kt() {
-  return new je({});
+function qt() {
+  return new Ye({});
 }
-function Yt() {
+function Jt() {
   return typeof document < "u";
 }
-function ce(o) {
+function le(o) {
   return typeof getComputedStyle != "function" ? null : getComputedStyle(o);
 }
-class Xt extends v {
+class Qt extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "position");
-    f(this, "priority", 50);
+    d(this, "type", "position");
+    d(this, "priority", 50);
   }
   // Highest priority to override other positioning
   apply(e, t) {
@@ -1803,10 +1769,10 @@ class Xt extends v {
     (t === "absolute" || t === "fixed") && (e.style.zIndex || (e.style.zIndex = "0"), e.style.transform || (e.style.transform = "translateZ(0)"));
   }
   warnIfMissingPositionedParent(e) {
-    if (!Yt()) return;
+    if (!Jt()) return;
     let t = e.parentElement, i = !1;
     for (; t && t !== document.body; ) {
-      const n = ce(t);
+      const n = le(t);
       if (!n) return;
       if (n.position !== "static") {
         i = !0;
@@ -1819,14 +1785,14 @@ class Xt extends v {
     );
   }
   warnIfMissingStickyProperties(e) {
-    const t = ce(e);
+    const t = le(e);
     if (!t) return;
     t.top !== "auto" || t.right !== "auto" || t.bottom !== "auto" || t.left !== "auto" || console.warn(
       "PositionModifier: Sticky positioning requires at least one of top, right, bottom, or left to be set"
     );
   }
   warnIfHasPositioningProperties(e) {
-    const t = ce(e);
+    const t = le(e);
     if (!t) return;
     (t.top !== "auto" || t.right !== "auto" || t.bottom !== "auto" || t.left !== "auto") && console.warn(
       "PositionModifier: Static positioning ignores top, right, bottom, and left properties"
@@ -1862,20 +1828,20 @@ class Xt extends v {
     }
   }
 }
-function Zt(o) {
-  return new Xt({ position: o });
+function ei(o) {
+  return new Qt({ position: o });
 }
-function qt() {
+function ti() {
   return typeof getComputedStyle == "function";
 }
-function ne(o) {
-  return qt() ? getComputedStyle(o) : null;
+function ie(o) {
+  return ti() ? getComputedStyle(o) : null;
 }
-class Ve extends v {
+class Oe extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "zIndex");
-    f(this, "priority", 45);
+    d(this, "type", "zIndex");
+    d(this, "priority", 45);
   }
   // High priority for layering
   apply(e, t) {
@@ -1890,7 +1856,7 @@ class Ve extends v {
     e.style.zIndex = String(t), this.ensureStackingContext(e, t);
   }
   ensureStackingContext(e, t) {
-    const i = ne(e);
+    const i = ie(e);
     if (!i) return;
     const r = i.position !== "static", a = this.isFlexItem(e), l = this.isGridItem(e);
     !r && !a && !l && (e.style.position = "relative", typeof process < "u" && process.env.NODE_ENV === "development" && console.info(
@@ -1900,7 +1866,7 @@ class Ve extends v {
   isFlexItem(e) {
     const t = e.parentElement;
     if (!t) return !1;
-    const i = ne(t);
+    const i = ie(t);
     if (!i) return !1;
     const n = i.display;
     return n === "flex" || n === "inline-flex";
@@ -1908,7 +1874,7 @@ class Ve extends v {
   isGridItem(e) {
     const t = e.parentElement;
     if (!t) return !1;
-    const i = ne(t);
+    const i = ie(t);
     if (!i) return !1;
     const n = i.display;
     return n === "grid" || n === "inline-grid";
@@ -1921,7 +1887,7 @@ class Ve extends v {
     ), this.checkStackingContext(e);
   }
   checkStackingContext(e) {
-    const t = ne(e);
+    const t = ie(e);
     if (!t) return;
     const n = [
       { prop: "opacity", value: t.opacity, creates: t.opacity !== "1" },
@@ -1971,7 +1937,7 @@ class Ve extends v {
 /**
  * Common z-index values for semantic layering
  */
-f(Ve, "COMMON_LAYERS", {
+d(Oe, "COMMON_LAYERS", {
   background: -1,
   base: 0,
   content: 1,
@@ -1983,8 +1949,8 @@ f(Ve, "COMMON_LAYERS", {
   toast: 600,
   debug: 9999
 });
-function Jt(o) {
-  return new Ve({ zIndex: o });
+function ii(o) {
+  return new Oe({ zIndex: o });
 }
 function V(o) {
   return typeof HTMLElement < "u" && o instanceof HTMLElement;
@@ -1992,15 +1958,15 @@ function V(o) {
 function W(o) {
   return typeof o == "object" && o !== null && "style" in o && !!o.style;
 }
-function re() {
+function he() {
   return typeof document < "u";
 }
-function Qt() {
+function ni() {
   return typeof window < "u";
 }
 class w {
   constructor(s) {
-    f(this, "properties");
+    d(this, "properties");
     this.properties = s;
   }
   getStaticCSS(s) {
@@ -2094,8 +2060,8 @@ class w {
               );
               if (i.setProperty)
                 if (typeof c == "string" && c.includes("!important")) {
-                  const d = c.replace(/\s*!important\s*$/, "").trim();
-                  i.setProperty(a, d, "important");
+                  const f = c.replace(/\s*!important\s*$/, "").trim();
+                  i.setProperty(a, f, "important");
                 } else
                   i.setProperty(a, c);
               else
@@ -2140,11 +2106,11 @@ class w {
     };
   }
 }
-class yr extends w {
+class wr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "layout");
-    f(this, "priority", R.LAYOUT);
+    d(this, "type", "layout");
+    d(this, "priority", D.LAYOUT);
   }
   apply(e, t) {
     if (!e.element || !t.element) return;
@@ -2164,11 +2130,11 @@ class yr extends w {
     const { x: i, y: n } = t;
     if (y(i) || m(i) || y(n) || m(n))
       b(() => {
-        const r = y(i) || m(i) ? i() : i ?? 0, a = y(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${d}` : d;
+        const r = y(i) || m(i) ? i() : i ?? 0, a = y(n) || m(n) ? n() : n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), f = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${f}` : f;
         e.style.transform = h;
       });
     else {
-      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), d = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${d}` : d;
+      const r = i ?? 0, a = n ?? 0, l = this.toCSSValue(r), c = this.toCSSValue(a), f = `translate(${l}, ${c})`, p = (e.style.transform || "").split(" ").filter((g) => g && !g.startsWith("translate(")).join(" "), h = p ? `${p} ${f}` : f;
       e.style.transform = h;
     }
   }
@@ -2184,7 +2150,7 @@ class yr extends w {
     const { x: i, y: n, anchor: r } = t, a = i ?? 1, l = n ?? a;
     if (y(a) || m(a) || y(l) || m(l))
       b(() => {
-        const c = y(a) || m(a) ? a() : a, d = y(l) || m(l) ? l() : l, u = `scale(${c}, ${d})`;
+        const c = y(a) || m(a) ? a() : a, f = y(l) || m(l) ? l() : l, u = `scale(${c}, ${f})`;
         e.style.transformOrigin = this.getTransformOrigin(
           r || "center"
         );
@@ -2307,11 +2273,11 @@ class yr extends w {
     return i;
   }
 }
-class mr extends w {
+class Cr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "appearance");
-    f(this, "priority", R.APPEARANCE);
+    d(this, "type", "appearance");
+    d(this, "priority", D.APPEARANCE);
   }
   apply(e, t) {
     if (!e.element || !t.element)
@@ -2374,8 +2340,8 @@ class mr 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, f = n.color || "rgba(0,0,0,0.25)";
+      t.boxShadow = c !== 0 ? `${r}px ${a}px ${l}px ${c}px ${f}` : `${r}px ${a}px ${l}px ${f}`;
     }
     if (e.clipped && (t.overflow = "hidden"), e.clipShape) {
       const { shape: n, parameters: r } = e.clipShape;
@@ -2430,13 +2396,13 @@ class mr extends w {
 class C extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "interaction");
-    f(this, "priority", R.INTERACTION);
+    d(this, "type", "interaction");
+    d(this, "priority", D.INTERACTION);
   }
   apply(e, t) {
     if (!t.element) return;
-    const i = this.properties, n = t.element, r = [], a = [], l = (d, u, p, h) => {
-      d.addEventListener(u, p, h), r.push({ target: d, type: u, handler: p, options: h });
+    const i = this.properties, n = t.element, r = [], a = [], l = (f, u, p, h) => {
+      f.addEventListener(u, p, h), r.push({ target: f, type: u, handler: p, options: h });
     };
     if (i.onTap && l(n, "click", i.onTap), i.onHover && (l(n, "mouseenter", () => i.onHover(!0)), l(n, "mouseleave", () => i.onHover(!1))), i.onMouseEnter && l(n, "mouseenter", i.onMouseEnter), i.onMouseLeave && l(n, "mouseleave", i.onMouseLeave), i.onMouseDown && l(n, "mousedown", i.onMouseDown), i.onMouseUp && l(n, "mouseup", i.onMouseUp), i.onDragStart && l(n, "dragstart", i.onDragStart), i.onDragOver && l(n, "dragover", i.onDragOver), i.onDragLeave && l(n, "dragleave", i.onDragLeave), i.onDrop && l(n, "drop", i.onDrop), i.onDoubleClick && l(n, "dblclick", i.onDoubleClick), i.onContextMenu && l(n, "contextmenu", i.onContextMenu), i.onFocus && (l(n, "focus", () => i.onFocus(!0)), l(n, "blur", () => i.onFocus(!1))), i.onBlur && l(n, "blur", () => i.onBlur(!1)), i.onKeyPress && l(n, "keypress", i.onKeyPress), i.onKeyDown && l(n, "keydown", i.onKeyDown), i.onKeyUp && l(n, "keyup", i.onKeyUp), i.onTouchStart && l(n, "touchstart", i.onTouchStart, {
       passive: !0
@@ -2447,20 +2413,20 @@ class C extends w {
     }), i.onTouchCancel && l(n, "touchcancel", i.onTouchCancel, {
       passive: !0
     }), i.onSwipeLeft || i.onSwipeRight) {
-      let d = 0, u = 0;
+      let f = 0, u = 0;
       l(
         n,
         "touchstart",
         (p) => {
           const g = p.touches[0];
-          d = g.clientX, u = g.clientY;
+          f = g.clientX, u = g.clientY;
         },
         { passive: !0 }
       ), l(
         n,
         "touchend",
         (p) => {
-          const g = p.changedTouches[0], S = g.clientX - d, E = g.clientY - u;
+          const g = p.changedTouches[0], S = g.clientX - f, E = g.clientY - u;
           Math.abs(S) > Math.abs(E) && Math.abs(S) > 50 && (S < 0 && i.onSwipeLeft ? i.onSwipeLeft() : S > 0 && i.onSwipeRight && i.onSwipeRight());
         },
         { passive: !0 }
@@ -2470,12 +2436,12 @@ class C extends w {
       passive: !0
     }), i.onWheel && l(n, "wheel", i.onWheel, {
       passive: !1
-    }), i.onInput && l(n, "input", i.onInput), i.onChange && l(n, "change", (d) => {
-      const u = d.target, p = u.value || u.textContent || "";
-      i.onChange(p, d);
+    }), i.onInput && l(n, "input", i.onInput), i.onChange && l(n, "change", (f) => {
+      const u = f.target, p = u.value || u.textContent || "";
+      i.onChange(p, f);
     }), i.onCopy && l(n, "copy", i.onCopy), i.onCut && l(n, "cut", i.onCut), i.onPaste && l(n, "paste", i.onPaste), i.onSelect && l(n, "select", i.onSelect), i.disabled !== void 0 && V(n)) {
-      const d = n, u = (p) => {
-        p ? (d.setAttribute("disabled", "true"), d.style.pointerEvents = "none", d.style.opacity = "0.6") : (d.removeAttribute("disabled"), d.style.pointerEvents = "", d.style.opacity = "");
+      const f = n, u = (p) => {
+        p ? (f.setAttribute("disabled", "true"), f.style.pointerEvents = "none", f.style.opacity = "0.6") : (f.removeAttribute("disabled"), f.style.pointerEvents = "", f.style.opacity = "");
       };
       y(i.disabled) || m(i.disabled) ? b(() => {
         u(!!i.disabled());
@@ -2484,21 +2450,21 @@ class C extends w {
     if (i.draggable !== void 0 && V(n) && (n.draggable = i.draggable), i.accessibilityLabel && n.setAttribute("aria-label", i.accessibilityLabel), i.accessibilityHint && n.setAttribute("aria-describedby", i.accessibilityHint), i.onLongPressGesture && a.push(
       this.setupLongPressGesture(n, i.onLongPressGesture)
     ), i.keyboardShortcut) {
-      const d = this.setupKeyboardShortcut(n, i.keyboardShortcut);
-      d && a.push(d);
+      const f = this.setupKeyboardShortcut(n, i.keyboardShortcut);
+      f && a.push(f);
     }
     if (i.focused !== void 0 && this.setupFocusManagement(n, i.focused), i.focusable) {
-      const d = this.setupFocusable(n, i.focusable);
-      d && a.push(d);
+      const f = this.setupFocusable(n, i.focusable);
+      f && a.push(f);
     }
     return i.onContinuousHover && a.push(
       this.setupContinuousHover(n, i.onContinuousHover)
     ), i.allowsHitTesting !== void 0 && this.setupHitTesting(n, i.allowsHitTesting), { node: e, cleanup: [() => {
-      for (const { target: d, type: u, handler: p, options: h } of r)
-        d.removeEventListener(u, p, h);
+      for (const { target: f, type: u, handler: p, options: h } of r)
+        f.removeEventListener(u, p, h);
       r.length = 0;
-      for (const d of a)
-        d();
+      for (const f of a)
+        f();
       a.length = 0;
     }] };
   }
@@ -2511,14 +2477,14 @@ 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 = () => {
+    }, f = () => {
       c(), e.removeEventListener("pointerdown", u), e.removeEventListener("pointermove", p), e.removeEventListener("pointerup", h), e.removeEventListener(
         "pointercancel",
         g
       );
     }, u = (S) => {
       const E = S;
-      a = { x: E.clientX, y: E.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = (Qt() ? window.setTimeout : setTimeout)(() => {
+      a = { x: E.clientX, y: E.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = (ni() ? window.setTimeout : setTimeout)(() => {
         l && a && (t.perform(), c());
       }, i);
     }, p = (S) => {
@@ -2535,7 +2501,7 @@ class C extends w {
     return e.addEventListener("pointerdown", u), e.addEventListener("pointermove", p), e.addEventListener("pointerup", h), e.addEventListener(
       "pointercancel",
       g
-    ), e._longPressCleanup = d, d;
+    ), e._longPressCleanup = f, f;
   }
   /**
    * Setup keyboard shortcut handling
@@ -2553,12 +2519,12 @@ class C extends w {
         ctrl: a.ctrlKey,
         shift: a.shiftKey,
         alt: a.altKey
-      }, d = a.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(l).every(
+      }, f = a.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(l).every(
         ([p, h]) => h === c[p]
       );
-      d && u && (a.preventDefault(), t.action());
+      f && u && (a.preventDefault(), t.action());
     };
-    if (!re()) return;
+    if (!he()) return;
     document.addEventListener("keydown", n);
     const r = () => {
       document.removeEventListener("keydown", n);
@@ -2599,13 +2565,13 @@ class C extends w {
   setupContinuousHover(e, t) {
     const i = t.coordinateSpace ?? "local", n = (l) => {
       const c = l;
-      let d, u;
+      let f, u;
       if (i === "local") {
         const p = e.getBoundingClientRect();
-        d = c.clientX - p.left, u = c.clientY - p.top;
+        f = c.clientX - p.left, u = c.clientY - p.top;
       } else
-        d = c.clientX, u = c.clientY;
-      t.perform({ x: d, y: u });
+        f = c.clientX, u = c.clientY;
+      t.perform({ x: f, y: u });
     }, r = () => {
       t.perform(null);
     };
@@ -2625,11 +2591,11 @@ class C extends w {
     V(e) && (e.style.pointerEvents = t ? "" : "none");
   }
 }
-class gr extends w {
+class xr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "animation");
-    f(this, "priority", R.ANIMATION);
+    d(this, "type", "animation");
+    d(this, "priority", D.ANIMATION);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -2641,13 +2607,8 @@ class gr extends w {
     if (i.animation && W(t.element)) {
       const n = i.animation;
       if (n.keyframes && typeof document < "u") {
-        const r = `tachui-animation-${t.componentId}-${Date.now()}`, a = this.createKeyframeRule(
-          r,
-          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 r = Ve(n.keyframes), a = n.duration || 1e3, l = n.easing || "ease", c = n.iterations || 1, f = n.direction || "normal";
+        t.element.style.animation = `${r} ${a}ms ${l} ${c} ${f}`;
       }
     }
     if (i.transform && W(t.element) && (y(i.transform) || m(i.transform) ? b(() => {
@@ -2683,23 +2644,19 @@ class gr extends w {
     i.overlay && V(t.element) && this.applyOverlay(t.element, i.overlay, t);
   }
   getStaticCSS(e) {
-    return Pe(
-      e,
-      this.properties,
-      this.createKeyframeRule.bind(this)
-    );
+    return De(e, this.properties);
   }
   applyOverlay(e, t, i) {
     const { content: n, alignment: r = "center" } = t;
-    if ((e.style.position === "" || e.style.position === "static") && (e.style.position = "relative"), !re()) return;
+    if ((e.style.position === "" || e.style.position === "static") && (e.style.position = "relative"), !he()) return;
     const a = document.createElement("div");
     a.style.position = "absolute", a.style.pointerEvents = "none";
     const l = this.getOverlayAlignment(r);
     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 f = c.render();
+        f.element && a.appendChild(f.element);
       }
     } else if (n && typeof n.render == "function") {
       const c = n.render();
@@ -2753,38 +2710,15 @@ class gr extends w {
     };
     return t[e] || t.center;
   }
-  createKeyframeRule(e, t) {
-    let i = `@keyframes ${e} {
-`;
-    for (const [n, r] of Object.entries(t)) {
-      i += `  ${n} {
-`;
-      for (const [a, l] of Object.entries(r)) {
-        const c = this.toCSSProperty(a);
-        i += `    ${c}: ${l};
-`;
-      }
-      i += `  }
-`;
-    }
-    return i += "}", i;
-  }
-  addKeyframesToStylesheet(e) {
-    if (!re()) return;
-    let t = document.querySelector(
-      "#tachui-animations"
-    );
-    t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
-  }
 }
-class vr extends w {
+class Er extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "lifecycle");
-    f(this, "priority", R.CUSTOM);
-    f(this, "activeAbortController");
+    d(this, "type", "lifecycle");
+    d(this, "priority", D.CUSTOM);
+    d(this, "activeAbortController");
     // Cleanup helpers
-    f(this, "cleanupFunctions", []);
+    d(this, "cleanupFunctions", []);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -2830,7 +2764,7 @@ class vr extends w {
     if (!t) return;
     let i = !1, n = 0, r = 0;
     const a = 70;
-    if (!re()) return;
+    if (!he()) return;
     const l = document.createElement("div");
     if (l.style.cssText = `
       position: absolute;
@@ -2857,7 +2791,7 @@ class vr extends w {
     }
     const c = e.parentElement || e;
     V(c) && (c.style.position = "relative", c.appendChild(l));
-    const d = (h) => {
+    const f = (h) => {
       i || (r = h.touches[0].clientY);
     }, u = (h) => {
       if (i) return;
@@ -2881,7 +2815,7 @@ class vr extends w {
         } else
           l.style.opacity = "0", n = 0;
     };
-    e.addEventListener("touchstart", d, {
+    e.addEventListener("touchstart", f, {
       passive: !0
     }), e.addEventListener("touchmove", u, {
       passive: !1
@@ -2890,7 +2824,7 @@ class vr extends w {
     }), this.addCleanup(() => {
       e.removeEventListener(
         "touchstart",
-        d
+        f
       ), e.removeEventListener("touchmove", u), e.removeEventListener("touchend", p), l.parentElement && l.parentElement.removeChild(l);
     });
   }
@@ -2901,11 +2835,21 @@ class vr extends w {
     this.cleanupFunctions.forEach((e) => e()), this.cleanupFunctions = [];
   }
 }
-class ke extends w {
+function oi(o) {
+  if (!o || typeof o != "object") return !1;
+  const s = o;
+  return typeof s.render == "function" || typeof s.build == "function";
+}
+const ne = /* @__PURE__ */ new WeakMap();
+function Ae(o) {
+  for (const s of Array.from(o.mounts)) s();
+  o.mounts.clear();
+}
+class Le extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "overlay");
-    f(this, "priority", 10);
+    d(this, "type", "overlay");
+    d(this, "priority", 10);
   }
   // Apply late so positioning is relative to final layout
   apply(e, t) {
@@ -2913,12 +2857,32 @@ class ke extends w {
     const i = t.element;
     if (!i.style) return;
     const { content: n } = this.properties;
-    this.applyOverlay(i, n, t);
+    let r = ne.get(i);
+    const a = r === void 0;
+    r === void 0 ? (r = { pass: t, mounts: /* @__PURE__ */ new Set() }, ne.set(i, r)) : r.pass !== t && (Ae(r), r.pass = t);
+    const l = r, c = this.applyOverlay(i, n);
+    let f = !1;
+    const u = () => {
+      if (!f) {
+        f = !0, l.mounts.delete(u);
+        for (const h of c) h();
+      }
+    };
+    return l.mounts.add(u), Ge(u), a ? { node: e, cleanup: [() => {
+      const h = ne.get(i);
+      h && (ne.delete(i), Ae(h));
+    }] } : { node: e };
   }
-  applyOverlay(e, t, i) {
+  applyOverlay(e, t) {
     (e.style.position === "" || e.style.position === "static") && (e.style.position = "relative");
-    const n = document.createElement("div");
-    n.style.position = "absolute", n.style.pointerEvents = "none", this.applyOverlayPositioning(n), this.renderContent(n, t), e.appendChild(n);
+    const i = document.createElement("div");
+    i.style.position = "absolute", i.style.pointerEvents = "none";
+    const n = [], r = this.applyOverlayPositioning(i);
+    r && n.push(r), e.appendChild(i);
+    const a = this.renderContent(i, t);
+    return a && n.push(a), n.push(() => {
+      i.remove?.();
+    }), n;
   }
   applyOverlayPositioning(e) {
     const t = () => {
@@ -2927,14 +2891,14 @@ class ke 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);
+      const c = r ?? n, f = r !== void 0 ? c : n, u = this.getOverlayAlignment(f);
       Object.assign(e.style, u), 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)) {
-      b(() => {
+      const n = b(() => {
         t();
       });
-      return;
+      return () => n.dispose();
     }
     t();
   }
@@ -2991,17 +2955,37 @@ class ke extends w {
   resolveReactive(e, t) {
     return e === void 0 ? t : y(e) || m(e) ? e() : e;
   }
+  /**
+   * Mount overlay content into the container.
+   *
+   * Returns a disposer when the content owns reactive state or DOM that has to
+   * be torn down with the modifier, otherwise `undefined`.
+   */
   renderContent(e, t) {
-    if (typeof t == "function") {
-      const i = t();
-      if (i && typeof i.render == "function") {
-        const n = i.render();
-        n.element && e.appendChild(n.element);
-      }
-    } else if (t && typeof t.render == "function") {
-      const i = t.render();
-      i.element && e.appendChild(i.element);
-    } else t && (t instanceof HTMLElement || t.appendChild) && e.appendChild(t);
+    if (t == null) return;
+    if (y(t) || m(t)) {
+      const n = t, r = document.createTextNode("");
+      e.appendChild(r);
+      const a = b(() => {
+        r.data = String(n() ?? "");
+      });
+      return () => a.dispose();
+    }
+    if (typeof t == "function")
+      return this.renderContent(
+        e,
+        t()
+      );
+    if (typeof t == "string" || typeof t == "number") {
+      e.appendChild(document.createTextNode(String(t)));
+      return;
+    }
+    if (oi(t))
+      return Xe(t, e);
+    if (typeof t.appendChild == "function") {
+      e.appendChild(t);
+      return;
+    }
   }
   getOverlayAlignment(e) {
     const t = {
@@ -3050,20 +3034,20 @@ class ke extends w {
     return t[e] || t.center;
   }
 }
-function ei(o, s = "center") {
-  return typeof s == "object" && s !== null && !y(s) && !m(s) ? new ke({
+function ri(o, s = "center") {
+  return typeof s == "object" && s !== null && !y(s) && !m(s) ? new Le({
     content: o,
     ...s
-  }) : new ke({
+  }) : new Le({
     content: o,
     alignment: s
   });
 }
-class Re extends v {
+class Be extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "background");
-    f(this, "priority", 95);
+    d(this, "type", "background");
+    d(this, "priority", 95);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3080,17 +3064,21 @@ class Re extends v {
       );
       return;
     }
-    if (t.element instanceof HTMLElement && this.isStateGradientOption(i)) {
-      this.applyStatefulBackground(t.element, i, n);
+    if (this.isStateGradientOption(i)) {
+      if (typeof HTMLElement < "u" && t.element instanceof HTMLElement) {
+        this.applyStatefulBackground(t.element, i, n);
+        return;
+      }
+      const a = this.resolveBackgroundDeclarations(
+        i.default
+      );
+      a !== void 0 && this.applyDeclarations(t.element, n, a);
       return;
     }
-    const r = this.resolveBackgroundValue(
+    const r = this.resolveBackgroundDeclarations(
       i
     );
-    if (r !== void 0) {
-      const a = { [n]: r };
-      this.applyStyles(t.element, a);
-    }
+    r !== void 0 && this.applyDeclarations(t.element, n, r);
   }
   /**
    * Apply ColorAsset with theme reactivity
@@ -3100,40 +3088,59 @@ class Re extends v {
     const n = U();
     b(() => {
       n();
-      const r = i.resolve();
-      this.applyStyleChange(e, t, r);
+      const r = this.resolveBackgroundDeclarations(i) ?? [];
+      this.applyDeclarations(e, t, r);
     });
   }
   isGradientDefinition(e) {
     return e !== null && typeof e == "object" && typeof e.type == "string" && "options" in e;
   }
-  resolveBackgroundValue(e) {
+  hasResolveDeclarations(e) {
+    return this.isAssetValue(e) && typeof e.resolveDeclarations == "function";
+  }
+  /**
+   * Every declaration a background value needs, in cascade order. Gradient
+   * definitions and gradient assets yield the plain sRGB gradient followed by
+   * the interpolation-hinted one (#310); everything else yields one value.
+   */
+  resolveBackgroundDeclarations(e) {
     if (e != null) {
       if (this.isGradientDefinition(e))
-        return Ue(e);
+        return Ze(e);
+      if (this.hasResolveDeclarations(e))
+        return e.resolveDeclarations();
       if (this.isAssetValue(e)) {
         const t = e.resolve();
-        return typeof t == "string" ? t : String(t);
+        return [typeof t == "string" ? t : String(t)];
       }
-      return String(e);
+      return [String(e)];
     }
   }
+  /**
+   * Write the declarations in order. A browser that cannot parse a later one
+   * rejects only that write and keeps the earlier value; the SSR style shim
+   * appends rather than replaces for the same reason.
+   */
+  applyDeclarations(e, t, i) {
+    for (const n of i)
+      this.applyStyles(e, { [t]: n });
+  }
   isStateGradientOption(e) {
     return this.isAssetValue(e) ? !1 : e !== null && typeof e == "object" && "default" in e && !this.isGradientDefinition(e);
   }
   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,
-      focus: t.focus ? this.resolveBackgroundValue(t.focus) : void 0,
-      disabled: t.disabled ? this.resolveBackgroundValue(
+      default: this.resolveBackgroundDeclarations(t.default),
+      hover: t.hover ? this.resolveBackgroundDeclarations(t.hover) : void 0,
+      active: t.active ? this.resolveBackgroundDeclarations(t.active) : void 0,
+      focus: t.focus ? this.resolveBackgroundDeclarations(t.focus) : void 0,
+      disabled: t.disabled ? this.resolveBackgroundDeclarations(
         t.disabled
       ) : void 0
     }, r = (u) => {
       if (!u) return;
       const p = n[u];
-      p !== void 0 && this.applyStyleChange(e, i, p);
+      p !== void 0 && this.applyDeclarations(e, i, p);
     }, a = () => this.isElementDisabled(e) && n.disabled ? "disabled" : n.focus && this.matchesSelector(e, ":focus") ? "focus" : "default", l = () => {
       const u = t.animation;
       if (!u) return;
@@ -3148,7 +3155,7 @@ class Re extends v {
         return;
       }
       r(u);
-    }, d = () => {
+    }, f = () => {
       if (this.isElementDisabled(e) && n.disabled) {
         r("disabled");
         return;
@@ -3167,7 +3174,7 @@ class Re extends v {
       this.isElementDisabled(e) || r("hover");
     }), e.addEventListener("mouseleave", c)), n.active && (e.addEventListener("mousedown", () => {
       this.isElementDisabled(e) || r("active");
-    }), e.addEventListener("mouseup", d)), n.focus && (e.addEventListener("focus", () => {
+    }), e.addEventListener("mouseup", f)), n.focus && (e.addEventListener("focus", () => {
       this.isElementDisabled(e) || r("focus");
     }), e.addEventListener("blur", () => {
       c();
@@ -3191,16 +3198,16 @@ class Re extends v {
     return !!(e.hasAttribute && e.hasAttribute("disabled") || e.getAttribute && e.getAttribute("aria-disabled") === "true");
   }
 }
-const ti = {
+const si = {
   repeat: "no-repeat",
   size: "cover",
   position: "center"
 };
-class ii extends v {
+class ai extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "backgroundImage");
-    f(this, "priority", 94);
+    d(this, "type", "backgroundImage");
+    d(this, "priority", 94);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3230,11 +3237,11 @@ class ii extends v {
     });
   }
 }
-class De extends v {
+class _e extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "backgroundClip");
-    f(this, "priority", 40);
+    d(this, "type", "backgroundClip");
+    d(this, "priority", 40);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3246,36 +3253,36 @@ class De extends v {
     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 ni(o) {
-  return new Re({
+function li(o) {
+  return new Be({
     background: o,
     cssProperty: "backgroundColor"
   });
 }
-function oi(o) {
-  return new Re({
+function ci(o) {
+  return new Be({
     background: o,
     cssProperty: "background"
   });
 }
-function ri(o, s = {}) {
-  return new ii({
+function fi(o, s = {}) {
+  return new ai({
     source: o,
     options: {
-      ...ti,
+      ...si,
       ...s
     }
   });
 }
-function br(o, s = "text", e = "transparent") {
-  return new De({
+function Tr(o, s = "text", e = "transparent") {
+  return new _e({
     backgroundImage: o,
     backgroundClip: s,
     color: e
   });
 }
 function Z(o) {
-  return new De({
+  return new _e({
     backgroundImage: o,
     backgroundClip: "text",
     webkitBackgroundClip: "text",
@@ -3283,38 +3290,38 @@ function Z(o) {
     webkitTextFillColor: "transparent"
   });
 }
-function Sr() {
+function Mr() {
   return Z("linear-gradient(45deg, #007AFF, #5856D6)");
 }
-function wr() {
+function kr() {
   return Z(
     "linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)"
   );
 }
-function Cr() {
+function Ar() {
   return Z("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
 }
-function xr() {
+function Lr() {
   return Z("linear-gradient(45deg, #667eea, #764ba2)");
 }
-function Er() {
+function Ir() {
   return Z("linear-gradient(45deg, #f7971e, #ffd200)");
 }
-class si extends v {
+class di extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "blendMode");
-    f(this, "priority", 92);
+    d(this, "type", "blendMode");
+    d(this, "priority", 92);
   }
   apply(e, t) {
     t.element && this.applyStyleChange(t.element, "mixBlendMode", this.properties.mode);
   }
 }
-class ai extends v {
+class ui extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "backgroundBlendMode");
-    f(this, "priority", 93);
+    d(this, "type", "backgroundBlendMode");
+    d(this, "priority", 93);
   }
   apply(e, t) {
     t.element && this.applyStyleChange(
@@ -3324,30 +3331,30 @@ class ai extends v {
     );
   }
 }
-function li(o) {
-  return new si({ mode: o });
+function pi(o) {
+  return new di({ mode: o });
 }
-function ci(o) {
-  return new ai({ mode: o });
+function hi(o) {
+  return new ui({ mode: o });
 }
-class fi extends v {
+class yi extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "compositingGroup");
-    f(this, "priority", 91);
+    d(this, "type", "compositingGroup");
+    d(this, "priority", 91);
   }
   apply(e, t) {
     t.element && this.applyStyleChange(t.element, "isolation", "isolate");
   }
 }
-function di() {
-  return new fi({});
+function mi() {
+  return new yi({});
 }
 class _ extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "border");
-    f(this, "priority", 40);
+    d(this, "type", "border");
+    d(this, "priority", 40);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3391,11 +3398,11 @@ class _ extends v {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-class ui extends v {
+class gi extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "cornerRadius");
-    f(this, "priority", 35);
+    d(this, "type", "cornerRadius");
+    d(this, "priority", 35);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3436,45 +3443,45 @@ class ui extends v {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function pi(o, s, e) {
+function vi(o, s, e) {
   return typeof o == "number" || typeof o == "string" ? new _({
     width: o,
     color: s || "currentColor",
     style: e || "solid"
   }) : new _(o);
 }
-function hi(o, s, e) {
+function bi(o, s, e) {
   return new _({ top: { width: o, color: s, style: e } });
 }
-function yi(o, s, e) {
+function Si(o, s, e) {
   return new _({ right: { width: o, color: s, style: e } });
 }
-function mi(o, s, e) {
+function wi(o, s, e) {
   return new _({ bottom: { width: o, color: s, style: e } });
 }
-function gi(o, s, e) {
+function Ci(o, s, e) {
   return new _({ left: { width: o, color: s, style: e } });
 }
-function Tr(o, s, e) {
+function Pr(o, s, e) {
   return new _({ leading: { width: o, color: s, style: e } });
 }
-function Mr(o, s, e) {
+function $r(o, s, e) {
   return new _({ trailing: { width: o, color: s, style: e } });
 }
-function kr(o, s, e) {
+function Vr(o, s, e) {
   return new _({ horizontal: { width: o, color: s, style: e } });
 }
-function Ar(o, s, e) {
+function Dr(o, s, e) {
   return new _({ vertical: { width: o, color: s, style: e } });
 }
-function Lr(o) {
-  return new ui({ radius: o });
+function Rr(o) {
+  return new gi({ radius: o });
 }
-class Oe extends v {
+class He extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "foreground");
-    f(this, "priority", 90);
+    d(this, "type", "foreground");
+    d(this, "priority", 90);
   }
   apply(e, t) {
     if (t.element)
@@ -3506,17 +3513,17 @@ class Oe extends v {
     });
   }
 }
-function vi(o) {
-  return new Oe({ color: o });
+function xi(o) {
+  return new He({ color: o });
 }
-function Ir(o) {
-  return new Oe({ color: o });
+function Or(o) {
+  return new He({ color: o });
 }
-class bi extends v {
+class Ei extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "clip-shape");
-    f(this, "priority", 90);
+    d(this, "type", "clip-shape");
+    d(this, "priority", 90);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3544,14 +3551,14 @@ class bi extends v {
     }
   }
 }
-function Si(o, s) {
-  return new bi({ shape: o, parameters: s || {} });
+function Ti(o, s) {
+  return new Ei({ shape: o, parameters: s || {} });
 }
-class wi extends v {
+class Mi extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "clipped");
-    f(this, "priority", 89);
+    d(this, "type", "clipped");
+    d(this, "priority", 89);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3559,38 +3566,38 @@ class wi extends v {
     i.style && (this.properties.clipped ? i.style.overflow = "hidden" : i.style.overflow = "");
   }
 }
-function Ci(o = !0) {
-  return new wi({ clipped: o });
+function ki(o = !0) {
+  return new Mi({ clipped: o });
 }
-function xi(o) {
+function Ai(o) {
   return new H({ opacity: o });
 }
-function Ei(o) {
+function Li(o) {
   return new H({ cornerRadius: o });
 }
-function Ti(o) {
+function Ii(o) {
   return new H({ font: { family: o } });
 }
-function Mi(o) {
+function Pi(o) {
   return new H({ font: { size: o } });
 }
-function ki(o) {
+function $i(o) {
   return new H({ font: { weight: o } });
 }
-function Ai(o) {
+function Vi(o) {
   return new H({ font: { style: o } });
 }
-function Li(o) {
+function Di(o) {
   return new H({ font: o });
 }
-const Ii = "typography", Ae = /* @__PURE__ */ Symbol.for("tachui.typography.instanceId");
-let Le = 0;
-function Pi(o) {
-  const s = o[Ae];
+const Ri = "typography", Ie = /* @__PURE__ */ Symbol.for("tachui.typography.instanceId");
+let Pe = 0;
+function Oi(o) {
+  const s = o[Ie];
   if (typeof s == "number") return s;
-  Le += 1;
-  const e = Le;
-  return Object.defineProperty(o, Ae, {
+  Pe += 1;
+  const e = Pe;
+  return Object.defineProperty(o, Ie, {
     value: e,
     enumerable: !1,
     configurable: !1,
@@ -3600,8 +3607,8 @@ function Pi(o) {
 class I extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "typography");
-    f(this, "priority", 30);
+    d(this, "type", "typography");
+    d(this, "priority", 30);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3628,16 +3635,16 @@ class I extends v {
       }
       const c = t.replace(
         /-([a-z])/g,
-        (d, u) => u.toUpperCase()
+        (f, u) => u.toUpperCase()
       );
       n[c] = l;
     };
     if (y(i) || m(i)) {
-      const a = i, l = Pi(this);
-      Ie({
+      const a = i, l = Oi(this);
+      $e({
         element: e,
         accessor: a,
-        updaterId: `${Ii}:${l}:${t}`,
+        updaterId: `${Ri}:${l}:${t}`,
         updater: (c) => {
           r(c);
         }
@@ -3663,57 +3670,57 @@ class I extends v {
     return e === "leading" ? "start" : e === "trailing" ? "end" : e;
   }
 }
-function $i(o) {
+function Bi(o) {
   return new I(o);
 }
-function Vi(o) {
+function _i(o) {
   return new I({ align: o });
 }
-function Be(o) {
+function ze(o) {
   return new I({ transform: o });
 }
-function Ri(o) {
+function Hi(o) {
   return new I({ decoration: o });
 }
-function Pr(o) {
+function Br(o) {
   return new I({ size: o });
 }
-function $r(o) {
+function _r(o) {
   return new I({ weight: o });
 }
-function Di(o) {
+function zi(o) {
   return new I({ lineHeight: o });
 }
-function Oi(o) {
+function Fi(o) {
   return new I({ letterSpacing: o });
 }
-function Vr(o) {
+function Hr(o) {
   return new I({ wordSpacing: o });
 }
-function Bi(o) {
+function Ni(o) {
   return new I({ textOverflow: o });
 }
-function _i(o) {
+function Wi(o) {
   return new I({ whiteSpace: o });
 }
-function Hi(o) {
+function ji(o) {
   return new I({ overflow: o });
 }
-function zi(o) {
-  return Be(o);
+function Ui(o) {
+  return ze(o);
 }
-function Rr(o) {
+function zr(o) {
   return new I({ family: o });
 }
-function Fi(o) {
-  return typeof o == "string" ? Ni(o) : new I({
+function Gi(o) {
+  return typeof o == "string" ? Ki(o) : new I({
     family: o.family,
     size: o.size,
     weight: o.weight,
     style: o.style
   });
 }
-function Ni(o) {
+function Ki(o) {
   const s = {
     ".largeTitle": { size: 34, weight: 400 },
     ".title": { size: 28, weight: 400 },
@@ -3729,7 +3736,7 @@ function Ni(o) {
   }, e = s[o];
   return e ? new I(e) : new I(s[".body"]);
 }
-function Dr(o) {
+function Fr(o) {
   let s;
   switch (o.design) {
     case "serif":
@@ -3750,7 +3757,7 @@ function Dr(o) {
     weight: o.weight
   });
 }
-function Or(o, s) {
+function Nr(o, s) {
   return new I({
     family: o,
     size: s?.size,
@@ -3758,11 +3765,11 @@ function Or(o, s) {
     style: s?.style
   });
 }
-class Wi extends v {
+class Yi extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "lineClamp");
-    f(this, "priority", R.APPEARANCE + 15);
+    d(this, "type", "lineClamp");
+    d(this, "priority", D.APPEARANCE + 15);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3787,14 +3794,14 @@ class Wi extends v {
     );
   }
 }
-function ji(o) {
-  return new Wi({ lines: o });
+function Xi(o) {
+  return new Yi({ lines: o });
 }
-class Ui extends v {
+class Zi extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "wordBreak");
-    f(this, "priority", R.APPEARANCE + 8);
+    d(this, "type", "wordBreak");
+    d(this, "priority", D.APPEARANCE + 8);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3815,14 +3822,14 @@ class Ui extends v {
     );
   }
 }
-function Gi(o) {
-  return new Ui({ wordBreak: o });
+function qi(o) {
+  return new Zi({ wordBreak: o });
 }
-class Ki extends v {
+class Ji extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "overflowWrap");
-    f(this, "priority", R.APPEARANCE + 9);
+    d(this, "type", "overflowWrap");
+    d(this, "priority", D.APPEARANCE + 9);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3840,14 +3847,14 @@ class Ki extends v {
     );
   }
 }
-function Yi(o) {
-  return new Ki({ overflowWrap: o });
+function Qi(o) {
+  return new Ji({ overflowWrap: o });
 }
-class Xi extends v {
+class en extends v {
   constructor() {
     super(...arguments);
-    f(this, "type", "hyphens");
-    f(this, "priority", R.APPEARANCE + 10);
+    d(this, "type", "hyphens");
+    d(this, "priority", D.APPEARANCE + 10);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3868,8 +3875,8 @@ class Xi extends v {
     );
   }
 }
-function Zi(o) {
-  return new Xi({ hyphens: o });
+function tn(o) {
+  return new en({ hyphens: o });
 }
 class F extends v {
   constructor(e) {
@@ -3877,8 +3884,8 @@ class F extends v {
     for (const [i, n] of Object.entries(e))
       typeof n == "function" && "peek" in n ? t[i] = n.peek() : t[i] = n;
     super(t);
-    f(this, "type", "scroll");
-    f(this, "priority", 20);
+    d(this, "type", "scroll");
+    d(this, "priority", 20);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3913,39 +3920,39 @@ class F extends v {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function qi(o) {
+function nn(o) {
   return new F({ scroll: o });
 }
-function Ji(o) {
+function on(o) {
   return new F({ scrollBehavior: o });
 }
-function Qi(o) {
+function rn(o) {
   return new F({ overscrollBehavior: o });
 }
-function en(o) {
+function sn(o) {
   return new F({ overscrollBehaviorX: o });
 }
-function tn(o) {
+function an(o) {
   return new F({ overscrollBehaviorY: o });
 }
-function nn(o) {
+function ln(o) {
   return new F({ scroll: { margin: o } });
 }
-function on(o) {
+function cn(o) {
   return new F({ scroll: { padding: o } });
 }
-function rn(o, s, e) {
+function fn(o, s, e) {
   return new F({
     scroll: {
       snap: { type: o, align: s, stop: e }
     }
   });
 }
-class sn extends w {
+class dn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onHover");
-    f(this, "priority", 50);
+    d(this, "type", "onHover");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3965,14 +3972,14 @@ class sn extends w {
     return e._hoverCleanup = r, r;
   }
 }
-function an(o) {
-  return new sn({ onHover: o });
+function un(o) {
+  return new dn({ onHover: o });
 }
-class ln extends w {
+class pn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onMouseEnter");
-    f(this, "priority", 50);
+    d(this, "type", "onMouseEnter");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3984,11 +3991,11 @@ class ln extends w {
     };
   }
 }
-class cn extends w {
+class hn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onMouseLeave");
-    f(this, "priority", 50);
+    d(this, "type", "onMouseLeave");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4000,11 +4007,11 @@ class cn extends w {
     };
   }
 }
-class fn extends w {
+class yn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onMouseDown");
-    f(this, "priority", 50);
+    d(this, "type", "onMouseDown");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4016,11 +4023,11 @@ class fn extends w {
     };
   }
 }
-class dn extends w {
+class mn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onMouseUp");
-    f(this, "priority", 50);
+    d(this, "type", "onMouseUp");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4032,11 +4039,11 @@ class dn extends w {
     };
   }
 }
-class un extends w {
+class gn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onDoubleClick");
-    f(this, "priority", 50);
+    d(this, "type", "onDoubleClick");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4048,11 +4055,11 @@ class un extends w {
     };
   }
 }
-class pn extends w {
+class vn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onContextMenu");
-    f(this, "priority", 50);
+    d(this, "type", "onContextMenu");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4064,29 +4071,29 @@ class pn extends w {
     };
   }
 }
-function hn(o) {
-  return new ln({ onMouseEnter: o });
+function bn(o) {
+  return new pn({ onMouseEnter: o });
 }
-function yn(o) {
-  return new cn({ onMouseLeave: o });
+function Sn(o) {
+  return new hn({ onMouseLeave: o });
 }
-function mn(o) {
-  return new fn({ onMouseDown: o });
+function wn(o) {
+  return new yn({ onMouseDown: o });
 }
-function gn(o) {
-  return new dn({ onMouseUp: o });
+function Cn(o) {
+  return new mn({ onMouseUp: o });
 }
-function vn(o) {
-  return new un({ onDoubleClick: o });
+function xn(o) {
+  return new gn({ onDoubleClick: o });
 }
-function bn(o) {
-  return new pn({ onContextMenu: o });
+function En(o) {
+  return new vn({ onContextMenu: o });
 }
-class Sn extends w {
+class Tn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onKeyDown");
-    f(this, "priority", 50);
+    d(this, "type", "onKeyDown");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4098,11 +4105,11 @@ class Sn extends w {
     };
   }
 }
-class wn extends w {
+class Mn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onKeyUp");
-    f(this, "priority", 50);
+    d(this, "type", "onKeyUp");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4114,11 +4121,11 @@ class wn extends w {
     };
   }
 }
-class Cn extends w {
+class kn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onKeyPress");
-    f(this, "priority", 50);
+    d(this, "type", "onKeyPress");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4130,20 +4137,20 @@ class Cn extends w {
     };
   }
 }
-function xn(o) {
-  return new Sn({ onKeyDown: o });
+function An(o) {
+  return new Tn({ onKeyDown: o });
 }
-function En(o) {
-  return new wn({ onKeyUp: o });
+function Ln(o) {
+  return new Mn({ onKeyUp: o });
 }
-function Tn(o) {
-  return new Cn({ onKeyPress: o });
+function In(o) {
+  return new kn({ onKeyPress: o });
 }
-class Mn extends w {
+class Pn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onFocus");
-    f(this, "priority", 50);
+    d(this, "type", "onFocus");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4157,11 +4164,11 @@ class Mn extends w {
     };
   }
 }
-class kn extends w {
+class $n extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onBlur");
-    f(this, "priority", 50);
+    d(this, "type", "onBlur");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4175,17 +4182,17 @@ class kn extends w {
     };
   }
 }
-function An(o) {
-  return new Mn({ onFocus: o });
+function Vn(o) {
+  return new Pn({ onFocus: o });
 }
-function Ln(o) {
-  return new kn({ onBlur: o });
+function Dn(o) {
+  return new $n({ onBlur: o });
 }
-class In extends w {
+class Rn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onLongPressGesture");
-    f(this, "priority", 85);
+    d(this, "type", "onLongPressGesture");
+    d(this, "priority", 85);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4195,7 +4202,7 @@ class In 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 = (k, x) => {
+    const f = (k, x) => {
       l || (r = { x: k, y: x }, l = !0, c = !1, t.onPressingChanged?.(!0), a = window.setTimeout(() => {
         l && !c && (c = !0, t.perform());
       }, i));
@@ -4205,7 +4212,7 @@ class In extends w {
       a && (clearTimeout(a), a = null), l && (l = !1, t.onPressingChanged?.(!1)), r = null, c = !1;
     }, h = (k) => {
       const x = k;
-      k.preventDefault(), d(x.clientX, x.clientY);
+      k.preventDefault(), f(x.clientX, x.clientY);
     }, g = (k) => {
       if (!l) return;
       const x = k;
@@ -4218,9 +4225,9 @@ class In extends w {
       const x = k;
       if (x.touches.length === 1) {
         const Y = x.touches[0];
-        k.preventDefault(), d(Y.clientX, Y.clientY);
+        k.preventDefault(), f(Y.clientX, Y.clientY);
       }
-    }, ge = (k) => {
+    }, ve = (k) => {
       if (!l) return;
       const x = k;
       if (x.touches.length === 1) {
@@ -4228,21 +4235,21 @@ class In extends w {
         u(Y.clientX, Y.clientY) || p();
       } else
         p();
-    }, ve = () => {
-      p();
     }, be = () => {
       p();
-    }, Se = (k) => {
-      const x = k;
-      x.button === 0 && (k.preventDefault(), d(x.clientX, x.clientY));
+    }, Se = () => {
+      p();
     }, we = (k) => {
+      const x = k;
+      x.button === 0 && (k.preventDefault(), f(x.clientX, x.clientY));
+    }, Ce = (k) => {
       if (!l) return;
       const x = k;
       u(x.clientX, x.clientY) || p();
-    }, Ce = () => {
-      p();
     }, xe = () => {
       p();
+    }, Ee = () => {
+      p();
     };
     "onpointerdown" in e ? (e.addEventListener(
       "pointerdown",
@@ -4257,11 +4264,11 @@ class In extends w {
       "touchstart",
       z,
       { passive: !1 }
-    ), e.addEventListener("touchmove", ge), e.addEventListener("touchend", ve), e.addEventListener(
+    ), e.addEventListener("touchmove", ve), e.addEventListener("touchend", be), e.addEventListener(
       "touchcancel",
-      be
-    )) : (e.addEventListener("mousedown", Se), e.addEventListener("mousemove", we), e.addEventListener("mouseup", Ce), e.addEventListener("mouseleave", xe));
-    const Ee = () => {
+      Se
+    )) : (e.addEventListener("mousedown", we), e.addEventListener("mousemove", Ce), e.addEventListener("mouseup", xe), e.addEventListener("mouseleave", Ee));
+    const Te = () => {
       p(), "onpointerdown" in e ? (e.removeEventListener(
         "pointerdown",
         h
@@ -4279,36 +4286,36 @@ class In extends w {
         z
       ), e.removeEventListener(
         "touchmove",
-        ge
-      ), e.removeEventListener("touchend", ve), e.removeEventListener(
+        ve
+      ), e.removeEventListener("touchend", be), e.removeEventListener(
         "touchcancel",
-        be
+        Se
       )) : (e.removeEventListener(
         "mousedown",
-        Se
+        we
       ), e.removeEventListener(
         "mousemove",
-        we
-      ), e.removeEventListener("mouseup", Ce), e.removeEventListener(
+        Ce
+      ), e.removeEventListener("mouseup", xe), e.removeEventListener(
         "mouseleave",
-        xe
+        Ee
       ));
     };
-    return e._longPressCleanup = Ee, Ee;
+    return e._longPressCleanup = Te, Te;
   }
 }
-function Pn(o) {
-  return new In(o);
+function On(o) {
+  return new Rn(o);
 }
-class $n extends w {
+class Bn extends w {
   constructor(e) {
     const t = {
       ...e,
       modifiers: e.modifiers || []
     };
     super(t);
-    f(this, "type", "keyboardShortcut");
-    f(this, "priority", 80);
+    d(this, "type", "keyboardShortcut");
+    d(this, "priority", 80);
   }
   apply(e, t) {
     t.element && this.setupKeyboardShortcut(t.element, this.properties);
@@ -4318,12 +4325,12 @@ class $n extends w {
       const c = l;
       if (c.key.toLowerCase() !== t.key.toLowerCase())
         return;
-      const d = new Set(i), u = /* @__PURE__ */ new Set();
+      const f = 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 p = Array.from(d).every(
+      const p = Array.from(f).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");
+      ), h = /* @__PURE__ */ new Set([...f]);
+      f.has("cmd") && (h.add("meta"), h.add("ctrl")), f.has("meta") && h.add("cmd"), f.has("ctrl") && h.add("cmd");
       const g = Array.from(u).some(
         (S) => !h.has(
           S
@@ -4341,17 +4348,17 @@ class $n extends w {
     e._keyboardShortcutCleanup = a;
   }
 }
-function _e(o) {
-  return new $n(o);
+function Fe(o) {
+  return new Bn(o);
 }
-function Br(o, s, e) {
-  return _e({ key: o, modifiers: s, action: e });
+function Wr(o, s, e) {
+  return Fe({ key: o, modifiers: s, action: e });
 }
-class Vn extends w {
+class _n extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "focused");
-    f(this, "priority", 75);
+    d(this, "type", "focused");
+    d(this, "priority", 75);
   }
   apply(e, t) {
     t.element && this.setupFocusManagement(t.element, this.properties.focused);
@@ -4373,14 +4380,14 @@ class Vn extends w {
           r(c);
         });
       else if (process.env.NODE_ENV !== "test") {
-        let c = l(), d = !0;
+        let c = l(), f = !0;
         const u = () => {
-          if (!d) return;
+          if (!f) return;
           const p = l();
-          p !== c && (c = p, r(p)), d && requestAnimationFrame(u);
+          p !== c && (c = p, r(p)), f && requestAnimationFrame(u);
         };
         n = () => {
-          d = !1;
+          f = !1;
         }, requestAnimationFrame(u);
       } else
         n = () => {
@@ -4393,18 +4400,18 @@ class Vn extends w {
     e._focusedCleanup = a;
   }
 }
-function Rn(o) {
-  return new Vn({ focused: o });
+function Hn(o) {
+  return new _n({ focused: o });
 }
-class Dn extends w {
+class zn extends w {
   constructor(e = {}) {
     const t = {
       ...e,
       interactions: e.interactions || []
     };
     super(t);
-    f(this, "type", "focusable");
-    f(this, "priority", 75);
+    d(this, "type", "focusable");
+    d(this, "priority", 75);
   }
   apply(e, t) {
     t.element && this.setupFocusable(t.element, this.properties);
@@ -4422,8 +4429,8 @@ class Dn 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 = (f) => {
+          (f.key === " " || f.key === "Enter") && (f.preventDefault(), i.click());
         };
         i.addEventListener("keydown", l);
         const c = i._focusableCleanup || (() => {
@@ -4441,23 +4448,23 @@ class Dn extends w {
     }
   }
 }
-function he(o, s) {
-  return new Dn({
+function ye(o, s) {
+  return new zn({
     isFocusable: o ?? !0,
     interactions: s ?? []
   });
 }
-function On() {
-  return he(!0, ["activate"]);
+function Fn() {
+  return ye(!0, ["activate"]);
 }
-function Bn() {
-  return he(!0, ["edit"]);
+function Nn() {
+  return ye(!0, ["edit"]);
 }
-class _n extends w {
+class Wn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onContinuousHover");
-    f(this, "priority", 70);
+    d(this, "type", "onContinuousHover");
+    d(this, "priority", 70);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4492,7 +4499,7 @@ class _n extends w {
       n = !1, t.perform(null);
     };
     e.addEventListener("mouseenter", a), e.addEventListener("mousemove", l), e.addEventListener("mouseleave", c);
-    const d = () => {
+    const f = () => {
       n && (n = !1, t.perform(null)), e.removeEventListener(
         "mouseenter",
         a
@@ -4501,29 +4508,29 @@ class _n extends w {
         c
       );
     };
-    return e._continuousHoverCleanup = d, d;
+    return e._continuousHoverCleanup = f, f;
   }
 }
-function ye(o) {
-  return new _n(o);
+function me(o) {
+  return new Wn(o);
 }
-function _r(o) {
-  return ye({
+function jr(o) {
+  return me({
     coordinateSpace: "local",
     perform: o
   });
 }
-function Hr(o) {
-  return ye({
+function Ur(o) {
+  return me({
     coordinateSpace: "global",
     perform: o
   });
 }
-class Hn extends w {
+class jn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "allowsHitTesting");
-    f(this, "priority", 95);
+    d(this, "type", "allowsHitTesting");
+    d(this, "priority", 95);
   }
   apply(e, t) {
     t.element && this.setupHitTesting(t.element, this.properties.enabled);
@@ -4534,89 +4541,89 @@ class Hn extends w {
     t ? i.style.pointerEvents === "none" && (i.style.pointerEvents = "") : i.style.pointerEvents = "none", e._hitTestingEnabled = t;
   }
 }
-function me(o) {
-  return new Hn({ enabled: o });
+function ge(o) {
+  return new jn({ enabled: o });
 }
-function zr() {
-  return me(!0);
+function Gr() {
+  return ge(!0);
 }
-function Fr() {
-  return me(!1);
+function Kr() {
+  return ge(!1);
 }
-function zn(o, s) {
+function Un(o, s) {
   return new C({
     highPriorityGesture: { gesture: o, including: s }
   });
 }
-function Fn(o, s) {
+function Gn(o, s) {
   return new C({
     simultaneousGesture: { gesture: o, including: s }
   });
 }
-function Nn(o) {
+function Kn(o) {
   return new C({ onTap: o });
 }
-function Nr(o) {
+function Yr(o) {
   return new C({ onFocus: o });
 }
-function Wr(o) {
+function Xr(o) {
   return new C({ onBlur: o });
 }
-function Wn(o) {
+function Yn(o) {
   return new C({ onScroll: o });
 }
-function jr(o) {
+function Zr(o) {
   return new C({ onKeyDown: o });
 }
-function Ur(o) {
+function qr(o) {
   return new C({ onKeyPress: o });
 }
-function Gr(o) {
+function Jr(o) {
   return new C({ onKeyUp: o });
 }
-function Kr(o) {
+function Qr(o) {
   return new C({ onDoubleClick: o });
 }
-function Yr(o) {
+function es(o) {
   return new C({ onContextMenu: o });
 }
-function jn(o) {
+function Xn(o) {
   return new C({ onWheel: o });
 }
-function Un(o) {
+function Zn(o) {
   return new C({ onInput: o });
 }
-function Gn(o) {
+function qn(o) {
   return new C({ onChange: o });
 }
-function Kn(o) {
+function Jn(o) {
   return new C({ onCopy: o });
 }
-function Yn(o) {
+function Qn(o) {
   return new C({ onCut: o });
 }
-function Xn(o) {
+function eo(o) {
   return new C({ onPaste: o });
 }
-function Zn(o) {
+function to(o) {
   return new C({ onSelect: o });
 }
-function qn(o) {
+function io(o) {
   return new C({ onTouchStart: o });
 }
-function Jn(o) {
+function no(o) {
   return new C({ onTouchMove: o });
 }
-function Qn(o) {
+function oo(o) {
   return new C({ onTouchEnd: o });
 }
-function eo(o) {
+function ro(o) {
   return new C({ onSwipeLeft: o });
 }
-function to(o) {
+function so(o) {
   return new C({ onSwipeRight: o });
 }
-function io(o = !0) {
+function ao(o = !0) {
   return new C({ disabled: o });
 }
 class K extends v {
@@ -4626,8 +4633,8 @@ class K extends v {
     for (const [i, n] of Object.entries(e))
       typeof n == "function" && "peek" in n ? t[i] = n.peek() : t[i] = n;
     super(t);
-    f(this, "type", "utility");
-    f(this, "priority", 10);
+    d(this, "type", "utility");
+    d(this, "priority", 10);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4660,36 +4667,36 @@ class K extends v {
     );
   }
 }
-function no(o) {
+function lo(o) {
   return new K(o);
 }
-function oo(o) {
+function co(o) {
   return new K({ cursor: o });
 }
-function ro(o) {
+function fo(o) {
   return new K({ overflowY: o });
 }
-function so(o) {
+function uo(o) {
   return new K({ overflowX: o });
 }
-function ao(o) {
+function po(o) {
   return new K({ display: o });
 }
-function lo(o) {
+function ho(o) {
   return new K({ outline: o });
 }
-function co(o) {
+function yo(o) {
   return new K({ outlineOffset: o });
 }
-class ae extends v {
+class se extends v {
   // Very low priority so raw CSS doesn't override specific modifiers
   constructor(e) {
     const t = {};
     for (const [i, n] of Object.entries(e))
       typeof n == "function" && "peek" in n ? t[i] = n.peek() : t[i] = n;
     super(t);
-    f(this, "type", "css");
-    f(this, "priority", 5);
+    d(this, "type", "css");
+    d(this, "priority", 5);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4706,24 +4713,24 @@ class ae extends v {
     return t;
   }
 }
-function fo(o) {
-  return new ae(o);
+function mo(o) {
+  return new se(o);
 }
-function uo(o, s) {
-  return new ae({ [o]: s });
+function go(o, s) {
+  return new se({ [o]: s });
 }
-function po(o, s) {
+function vo(o, s) {
   const e = o.startsWith("--") ? o : `--${o}`;
-  return new ae({ [e]: s });
+  return new se({ [e]: s });
 }
-function Xr(o, s, e) {
+function ts(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 ae({
+  return new se({
     [i]: e,
     [n]: e
   });
 }
-class ee {
+class Q {
   /**
    * Apply basic sanitization to HTML content
    * Removes dangerous patterns and restricts to allowed elements/attributes
@@ -4798,7 +4805,7 @@ class ee {
     }
   }
 }
-f(ee, "DANGEROUS_PATTERNS", [
+d(Q, "DANGEROUS_PATTERNS", [
   // Script tags (including nested/malformed ones)
   /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
   /<[^>]*<script[^>]*>/gi,
@@ -4826,7 +4833,7 @@ f(ee, "DANGEROUS_PATTERNS", [
   // Any javascript: protocol
   /vbscript:/gi
   // VBScript protocol
-]), f(ee, "ALLOWED_TAGS", [
+]), d(Q, "ALLOWED_TAGS", [
   "p",
   "br",
   "strong",
@@ -4870,7 +4877,7 @@ f(ee, "DANGEROUS_PATTERNS", [
   "header",
   "footer",
   "hr"
-]), f(ee, "ALLOWED_ATTRIBUTES", {
+]), d(Q, "ALLOWED_ATTRIBUTES", {
   "*": ["class", "id", "title", "lang", "dir"],
   a: ["href", "target", "rel"],
   img: ["src", "alt", "width", "height"],
@@ -4878,10 +4885,10 @@ f(ee, "DANGEROUS_PATTERNS", [
   td: ["colspan", "rowspan"],
   th: ["colspan", "rowspan", "scope"]
 });
-function Zr(o, s) {
-  return ee.sanitize(o, s);
+function is(o, s) {
+  return Q.sanitize(o, s);
 }
-class He {
+class Ne {
   /**
    * Validate HTML content in development mode
    */
@@ -4911,7 +4918,7 @@ class He {
     ].some((t) => t.test(s));
   }
 }
-f(He, "SUSPICIOUS_PATTERNS", [
+d(Ne, "SUSPICIOUS_PATTERNS", [
   { pattern: /<script/i, message: "Script tags detected" },
   { pattern: /javascript:/i, message: "JavaScript URLs detected" },
   { pattern: /on\w+\s*=/i, message: "Event handlers detected" },
@@ -4923,12 +4930,12 @@ f(He, "SUSPICIOUS_PATTERNS", [
   { pattern: /@import/i, message: "CSS import statements detected" },
   { pattern: /expression\s*\(/i, message: "CSS expressions detected" }
 ]);
-class ho extends v {
+class bo extends v {
   // Early priority to apply before other modifiers
   constructor(e = {}) {
     super(e);
-    f(this, "type", "asHTML");
-    f(this, "priority", 10);
+    d(this, "type", "asHTML");
+    d(this, "priority", 10);
   }
   apply(e, t) {
     if (!t.element || !t.componentInstance) return;
@@ -4983,11 +4990,11 @@ class ho extends v {
     return typeof e == "string" ? e : "";
   }
   sanitizeHTML(e) {
-    return !e || typeof e != "string" ? "" : this.properties.skipSanitizer ? e : this.properties.customSanitizer ? this.properties.customSanitizer(e) : ee.sanitize(e, this.properties);
+    return !e || typeof e != "string" ? "" : this.properties.skipSanitizer ? e : this.properties.customSanitizer ? this.properties.customSanitizer(e) : Q.sanitize(e, this.properties);
   }
   validateContent(e) {
     if (this.properties.__suppressWarnings) return;
-    const t = He.validate(e, {
+    const t = Ne.validate(e, {
       suppressWarnings: this.properties.__suppressWarnings
     });
     !t.isValid && t.warnings.length > 0 && (console.group("🔒 AsHTML Security Warnings"), console.warn("Potentially dangerous content detected in asHTML:"), t.warnings.forEach((i) => {
@@ -4995,30 +5002,30 @@ class ho extends v {
     }), 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 yo(o = {}) {
-  return new ho(o);
+function So(o = {}) {
+  return new bo(o);
 }
-function mo(o) {
+function wo(o) {
   return new H({
     navigationTitle: o,
     role: "heading"
   });
 }
-function go(o = !0) {
+function Co(o = !0) {
   return new H({
     navigationBarHidden: o,
     "aria-hidden": o.toString()
   });
 }
-function vo(o) {
+function xo(o) {
   return new H({ navigationBarItems: o });
 }
-class bo extends v {
+class Eo extends v {
   // High priority for HTML attributes
   constructor(e) {
     super(e);
-    f(this, "type", "id");
-    f(this, "priority", 85);
+    d(this, "type", "id");
+    d(this, "priority", 85);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -5037,15 +5044,15 @@ class bo extends v {
     );
   }
 }
-function fe(o) {
-  return new bo({ id: o });
+function ce(o) {
+  return new Eo({ id: o });
 }
-class So extends v {
+class To extends v {
   // High priority for HTML attributes
   constructor(e) {
     super(e);
-    f(this, "type", "data");
-    f(this, "priority", 80);
+    d(this, "type", "data");
+    d(this, "priority", 80);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -5079,15 +5086,15 @@ class So extends v {
     });
   }
 }
-function wo(o) {
-  return new So({ data: o });
+function Mo(o) {
+  return new To({ data: o });
 }
-class Co extends v {
+class ko extends v {
   // High priority for accessibility
   constructor(e) {
     super(e);
-    f(this, "type", "tabIndex");
-    f(this, "priority", 75);
+    d(this, "type", "tabIndex");
+    d(this, "priority", 75);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -5106,14 +5113,14 @@ class Co extends v {
     );
   }
 }
-function xo(o) {
-  return new Co({ tabIndex: o });
+function Ao(o) {
+  return new ko({ tabIndex: o });
 }
-const se = class se extends v {
+const re = class re extends v {
   constructor(e) {
     super(e);
-    f(this, "type", "aria");
-    f(this, "priority", 90);
+    d(this, "type", "aria");
+    d(this, "priority", 90);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -5144,7 +5151,7 @@ const se = class se extends v {
         return;
       }
       const n = t.replace(/^aria-/, "");
-      !se.KNOWN_ATTRIBUTES.has(n) && !t.startsWith("aria-") && console.warn(
+      !re.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);
     });
@@ -5237,7 +5244,7 @@ const se = class se extends v {
   }
 };
 // Highest priority for accessibility
-f(se, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
+d(re, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
   "label",
   "labelledby",
   "describedby",
@@ -5272,41 +5279,41 @@ f(se, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
   "valuetext",
   "role"
 ]));
-let de = se;
+let de = re;
 function q(o) {
   return new de({ aria: o });
 }
-function Eo(o) {
+function Lo(o) {
   return q({ role: o });
 }
-function To(o) {
+function Io(o) {
   return q({ label: o });
 }
-function Mo(o) {
+function Po(o) {
   return q({ live: o });
 }
-function ko(o) {
+function $o(o) {
   return q({ describedby: o });
 }
-function Ao(o) {
+function Vo(o) {
   return q({ modal: o });
 }
-class te extends v {
+class ee extends v {
   // Early application for CSS variables
   constructor(e) {
     super(e);
-    f(this, "type", "customProperties");
-    f(this, "priority", 5);
+    d(this, "type", "customProperties");
+    d(this, "priority", 5);
   }
   apply(e, t) {
     if (!t.element) return;
     const i = this.computeCustomPropertyStyles(this.properties), n = t.element, r = (typeof HTMLElement < "u" && 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, f = `--${this.toCSSProperty(c)}`;
+        r.setProperty(f, l);
         try {
-          r[d] = l;
+          r[f] = l;
         } catch {
         }
       }
@@ -5325,25 +5332,25 @@ class te extends v {
     return typeof e == "number" ? e.toString() : String(e);
   }
 }
-function Lo(o) {
-  return new te({
+function Do(o) {
+  return new ee({
     properties: o.properties,
     scope: o.scope || "local"
   });
 }
-function Io(o, s, e) {
-  return new te({
+function Ro(o, s, e) {
+  return new ee({
     properties: { [o]: s },
     scope: e || "local"
   });
 }
-function Po(o) {
-  return new te({
+function Oo(o) {
+  return new ee({
     properties: o,
     scope: "local"
   });
 }
-function qr(o) {
+function ns(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     if (t !== void 0) {
@@ -5353,16 +5360,16 @@ function qr(o) {
       );
       s[`--theme-color-${i}`] = t;
     }
-  }), new te({
+  }), new ee({
     properties: s,
     scope: "local"
   });
 }
-function Jr(o) {
+function os(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     t !== void 0 && (s[`--token-${e}`] = t);
-  }), new te({
+  }), new ee({
     properties: s,
     scope: "local"
   });
@@ -5370,8 +5377,8 @@ function Jr(o) {
 const j = class j extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "pseudoElement");
-    f(this, "priority", 50);
+    d(this, "type", "pseudoElement");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -5390,8 +5397,8 @@ const j = class j 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), f = this.formatCSSValue(a, l);
+        r.push(`${c}: ${f}`);
       }
     }), `${n} { ${r.join("; ")} }`;
   }
@@ -5427,32 +5434,32 @@ const j = class j extends w {
   }
 };
 // High priority to ensure pseudo-elements are applied last
-f(j, "styleSheetId", "tachui-pseudo-elements"), f(j, "elementCount", 0);
+d(j, "styleSheetId", "tachui-pseudo-elements"), d(j, "elementCount", 0);
 let X = j;
 function J(o) {
   return new X({ before: o });
 }
-function ie(o) {
+function te(o) {
   return new X({ after: o });
 }
-function $o(o) {
+function Bo(o) {
   return new X(o);
 }
-function Vo(o, s = {}) {
+function _o(o, s = {}) {
   return J({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function Ro(o, s = {}) {
-  return ie({
+function Ho(o, s = {}) {
+  return te({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function Do(o = "#ddd", s = 1, e = 16) {
+function zo(o = "#ddd", s = 1, e = 16) {
   return J({
     content: "",
     display: "inline-block",
@@ -5463,8 +5470,8 @@ function Do(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function Oo(o = "#ddd", s = 1, e = 16) {
-  return ie({
+function Fo(o = "#ddd", s = 1, e = 16) {
+  return te({
     content: "",
     display: "inline-block",
     width: e,
@@ -5474,7 +5481,7 @@ function Oo(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function Bo(o = '"', s = '"') {
+function No(o = '"', s = '"') {
   return new X({
     before: {
       content: o,
@@ -5490,8 +5497,8 @@ function Bo(o = '"', s = '"') {
     }
   });
 }
-function _o(o = "currentColor", s = 1, e = 1) {
-  return ie({
+function Wo(o = "currentColor", s = 1, e = 1) {
+  return te({
     content: "",
     position: "absolute",
     bottom: 0,
@@ -5502,8 +5509,8 @@ function _o(o = "currentColor", s = 1, e = 1) {
     opacity: e
   });
 }
-function Ho(o = "#ff3b30", s = 6, e = "") {
-  return ie({
+function jo(o = "#ff3b30", s = 6, e = "") {
+  return te({
     content: e,
     position: "absolute",
     top: -2,
@@ -5523,7 +5530,7 @@ function Ho(o = "#ff3b30", s = 6, e = "") {
     justifyContent: "center"
   });
 }
-function zo(o, s = "top", e = "#333", t = "white") {
+function Uo(o, s = "top", e = "#333", t = "white") {
   return J({
     content: o,
     position: "absolute",
@@ -5565,7 +5572,7 @@ function zo(o, s = "top", e = "#333", t = "white") {
     }[s]
   });
 }
-function Fo(o, s = "#ff3b30", e = "white") {
+function Go(o, s = "#ff3b30", e = "white") {
   return J({
     content: o,
     position: "absolute",
@@ -5582,7 +5589,7 @@ function Fo(o, s = "#ff3b30", e = "white") {
     zIndex: 10
   });
 }
-function No(o = 20, s = "#007AFF", e = 2) {
+function Ko(o = 20, s = "#007AFF", e = 2) {
   if (!document.getElementById("tachui-spinner-animation")) {
     const t = document.createElement("style");
     t.id = "tachui-spinner-animation", t.textContent = `
@@ -5603,483 +5610,481 @@ function No(o = 20, s = "#007AFF", e = 2) {
     animation: "spin 1s linear infinite"
   });
 }
-const Wo = [
+const Yo = [
   // Padding
   ["padding", T],
-  ["paddingTop", Qe],
-  ["paddingBottom", et],
-  ["paddingLeft", tt],
-  ["paddingRight", it],
-  ["paddingLeading", nt],
-  ["paddingTrailing", ot],
-  ["paddingHorizontal", rt],
-  ["paddingVertical", st],
+  ["paddingTop", ot],
+  ["paddingBottom", rt],
+  ["paddingLeft", st],
+  ["paddingRight", at],
+  ["paddingLeading", lt],
+  ["paddingTrailing", ct],
+  ["paddingHorizontal", ft],
+  ["paddingVertical", dt],
   // Margin
   ["margin", M],
-  ["marginTop", at],
-  ["marginBottom", lt],
-  ["marginLeft", ct],
-  ["marginRight", ft],
-  ["marginLeading", dt],
-  ["marginTrailing", ut],
-  ["marginHorizontal", pt],
-  ["marginVertical", ht],
+  ["marginTop", ut],
+  ["marginBottom", pt],
+  ["marginLeft", ht],
+  ["marginRight", yt],
+  ["marginLeading", mt],
+  ["marginTrailing", gt],
+  ["marginHorizontal", vt],
+  ["marginVertical", bt],
   // Size helpers
-  ["size", yt],
-  ["width", mt],
-  ["height", gt],
-  ["maxWidth", vt],
-  ["maxHeight", St],
-  ["minWidth", bt],
-  ["minHeight", wt],
+  ["size", St],
+  ["width", wt],
+  ["height", Ct],
+  ["maxWidth", xt],
+  ["maxHeight", Tt],
+  ["minWidth", Et],
+  ["minHeight", Mt],
   // Layout + flexbox
-  ["aspectRatio", zt],
-  ["fixedSize", Wt],
-  ["frame", jt],
-  ["resizable", Kt],
-  ["layoutPriority", Ut],
-  ["offset", Bt],
-  ["overlay", ei],
-  ["position", Zt],
-  ["absolutePosition", Gt],
-  ["scaleEffect", Ht],
-  ["zIndex", Jt],
+  ["aspectRatio", jt],
+  ["fixedSize", Kt],
+  ["frame", Yt],
+  ["resizable", qt],
+  ["layoutPriority", Xt],
+  ["offset", Ft],
+  ["overlay", ri],
+  ["position", ei],
+  ["absolutePosition", Zt],
+  ["scaleEffect", Wt],
+  ["zIndex", ii],
   ["flexbox", P],
-  ["flexGrow", kt],
-  ["flexShrink", At],
-  ["flexBasis", Lt],
-  ["justifyContent", It],
-  ["alignItems", Pt],
-  ["alignSelf", $t],
-  ["gap", Vt],
-  ["flexDirection", Rt],
-  ["flexWrap", Dt],
+  ["flexGrow", Pt],
+  ["flexShrink", $t],
+  ["flexBasis", Vt],
+  ["justifyContent", Dt],
+  ["alignItems", Rt],
+  ["alignSelf", Ot],
+  ["gap", Bt],
+  ["flexDirection", _t],
+  ["flexWrap", Ht],
   // Appearance
-  ["backgroundColor", ni],
-  ["background", oi],
-  ["backgroundImage", ri],
-  ["blendMode", li],
-  ["backgroundBlendMode", ci],
-  ["compositingGroup", di],
-  ["border", pi],
-  ["borderTop", hi],
-  ["borderBottom", mi],
-  ["borderLeft", gi],
-  ["borderRight", yi],
-  ["clipShape", Si],
-  ["clipped", Ci],
-  ["cornerRadius", Ei],
-  ["foregroundColor", vi],
+  ["backgroundColor", li],
+  ["background", ci],
+  ["backgroundImage", fi],
+  ["blendMode", pi],
+  ["backgroundBlendMode", hi],
+  ["compositingGroup", mi],
+  ["border", vi],
+  ["borderTop", bi],
+  ["borderBottom", wi],
+  ["borderLeft", Ci],
+  ["borderRight", Si],
+  ["clipShape", Ti],
+  ["clipped", ki],
+  ["cornerRadius", Li],
+  ["foregroundColor", xi],
   ["gradientText", Z],
-  ["opacity", xi],
-  ["fontFamily", Ti],
-  ["fontSize", Mi],
-  ["fontWeight", ki],
-  ["fontStyle", Ai],
-  ["fontPreset", Li],
+  ["opacity", Ai],
+  ["fontFamily", Ii],
+  ["fontSize", Pi],
+  ["fontWeight", $i],
+  ["fontStyle", Vi],
+  ["fontPreset", Di],
   // Typography
-  ["typography", $i],
-  ["textAlign", Vi],
-  ["font", Fi],
-  ["lineClamp", ji],
-  ["wordBreak", Gi],
-  ["letterSpacing", Oi],
-  ["lineHeight", Di],
-  ["textDecoration", Ri],
-  ["textOverflow", Bi],
-  ["textTransform", Be],
-  ["textCase", zi],
-  ["whiteSpace", _i],
-  ["overflow", Hi],
-  ["hyphens", Zi],
-  ["overflowWrap", Yi],
+  ["typography", Bi],
+  ["textAlign", _i],
+  ["font", Gi],
+  ["lineClamp", Xi],
+  ["wordBreak", qi],
+  ["letterSpacing", Fi],
+  ["lineHeight", zi],
+  ["textDecoration", Hi],
+  ["textOverflow", Ni],
+  ["textTransform", ze],
+  ["textCase", Ui],
+  ["whiteSpace", Wi],
+  ["overflow", ji],
+  ["hyphens", tn],
+  ["overflowWrap", Qi],
   // Interaction
-  ["allowsHitTesting", me],
-  ["focusable", he],
-  ["activatable", On],
-  ["editable", Bn],
-  ["focused", Rn],
-  ["keyboardShortcut", _e],
-  ["onHover", an],
-  ["onMouseEnter", hn],
-  ["onMouseLeave", yn],
-  ["onMouseDown", mn],
-  ["onMouseUp", gn],
-  ["onDoubleClick", vn],
-  ["onContextMenu", bn],
-  ["onKeyDown", xn],
-  ["onKeyUp", En],
-  ["onKeyPress", Tn],
-  ["onFocus", An],
-  ["onBlur", Ln],
-  ["onContinuousHover", ye],
-  ["onLongPressGesture", Pn],
-  ["scroll", qi],
-  ["scrollBehavior", Ji],
-  ["overscrollBehavior", Qi],
-  ["overscrollBehaviorX", en],
-  ["overscrollBehaviorY", tn],
-  ["scrollMargin", nn],
-  ["scrollPadding", on],
-  ["scrollSnap", rn],
-  ["highPriorityGesture", zn],
-  ["simultaneousGesture", Fn],
-  ["onTap", Nn],
-  ["onScroll", Wn],
-  ["onWheel", jn],
-  ["onInput", Un],
-  ["onChange", Gn],
-  ["onCopy", Kn],
-  ["onCut", Yn],
-  ["onPaste", Xn],
-  ["onSelect", Zn],
-  ["onTouchStart", qn],
-  ["onTouchMove", Jn],
-  ["onTouchEnd", Qn],
-  ["onSwipeLeft", eo],
-  ["onSwipeRight", to],
-  ["disabled", io],
+  ["allowsHitTesting", ge],
+  ["focusable", ye],
+  ["activatable", Fn],
+  ["editable", Nn],
+  ["focused", Hn],
+  ["keyboardShortcut", Fe],
+  ["onHover", un],
+  ["onMouseEnter", bn],
+  ["onMouseLeave", Sn],
+  ["onMouseDown", wn],
+  ["onMouseUp", Cn],
+  ["onDoubleClick", xn],
+  ["onContextMenu", En],
+  ["onKeyDown", An],
+  ["onKeyUp", Ln],
+  ["onKeyPress", In],
+  ["onFocus", Vn],
+  ["onBlur", Dn],
+  ["onContinuousHover", me],
+  ["onLongPressGesture", On],
+  ["scroll", nn],
+  ["scrollBehavior", on],
+  ["overscrollBehavior", rn],
+  ["overscrollBehaviorX", sn],
+  ["overscrollBehaviorY", an],
+  ["scrollMargin", ln],
+  ["scrollPadding", cn],
+  ["scrollSnap", fn],
+  ["highPriorityGesture", Un],
+  ["simultaneousGesture", Gn],
+  ["onTap", Kn],
+  ["onScroll", Yn],
+  ["onWheel", Xn],
+  ["onInput", Zn],
+  ["onChange", qn],
+  ["onCopy", Jn],
+  ["onCut", Qn],
+  ["onPaste", eo],
+  ["onSelect", to],
+  ["onTouchStart", io],
+  ["onTouchMove", no],
+  ["onTouchEnd", oo],
+  ["onSwipeLeft", ro],
+  ["onSwipeRight", so],
+  ["disabled", ao],
   // Utility
-  ["css", fo],
-  ["cssProperty", uo],
-  ["cssVariable", po],
-  ["utility", no],
-  ["cursor", oo],
-  ["display", ao],
-  ["overflowX", so],
-  ["overflowY", ro],
-  ["outline", lo],
-  ["outlineOffset", co],
-  ["asHTML", yo],
-  ["navigationTitle", mo],
-  ["navigationBarHidden", go],
-  ["navigationBarItems", vo],
-  ["animation", Et],
-  ["transform", xt],
-  ["transitions", Tt],
-  ["transition", Ct],
+  ["css", mo],
+  ["cssProperty", go],
+  ["cssVariable", vo],
+  ["utility", lo],
+  ["cursor", co],
+  ["display", po],
+  ["overflowX", uo],
+  ["overflowY", fo],
+  ["outline", ho],
+  ["outlineOffset", yo],
+  ["asHTML", So],
+  ["navigationTitle", wo],
+  ["navigationBarHidden", Co],
+  ["navigationBarItems", xo],
+  ["animation", Lt],
+  ["transform", At],
+  ["transition", kt],
   // Attributes
   ["aria", q],
-  ["ariaLabel", To],
-  ["ariaLive", Mo],
-  ["ariaDescribedBy", ko],
-  ["ariaModal", Ao],
-  ["role", Eo],
-  ["customProperties", Lo],
-  ["customProperty", Io],
-  ["cssVariables", Po],
-  ["id", fe],
-  ["elementId", fe],
-  ["viewId", fe],
-  ["data", wo],
-  ["tabIndex", xo],
+  ["ariaLabel", Io],
+  ["ariaLive", Po],
+  ["ariaDescribedBy", $o],
+  ["ariaModal", Vo],
+  ["role", Lo],
+  ["customProperties", Do],
+  ["customProperty", Ro],
+  ["cssVariables", Oo],
+  ["id", ce],
+  ["elementId", ce],
+  ["viewId", ce],
+  ["data", Mo],
+  ["tabIndex", Ao],
   // Elements / pseudo elements
   ["before", J],
-  ["after", ie],
-  ["pseudoElements", $o],
-  ["iconBefore", Vo],
-  ["iconAfter", Ro],
-  ["lineBefore", Do],
-  ["lineAfter", Oo],
-  ["quotes", Bo],
-  ["underline", _o],
-  ["badge", Ho],
-  ["tooltip", zo],
-  ["cornerRibbon", Fo],
-  ["spinner", No],
+  ["after", te],
+  ["pseudoElements", Bo],
+  ["iconBefore", _o],
+  ["iconAfter", Ho],
+  ["lineBefore", zo],
+  ["lineAfter", Fo],
+  ["quotes", No],
+  ["underline", Wo],
+  ["badge", jo],
+  ["tooltip", Uo],
+  ["cornerRibbon", Go],
+  ["spinner", Ko],
   // Lifecycle
-  ["task", Mt]
+  ["task", It]
 ];
-function jo(o) {
-  const s = o?.registry ?? Ne;
+function Xo(o) {
+  const s = o?.registry ?? Ue;
   s.registerPlugin?.({
     name: "@tachui/modifiers",
-    version: Je,
+    version: nt,
     author: "tachUI Team",
     verified: !0
-  }), Wo.forEach(([e, t]) => {
+  }), Yo.forEach(([e, t]) => {
     s.has(e) || s.register(e, t);
   });
 }
-jo();
+Xo();
 export {
-  Xt as $,
-  Hn as A,
-  ai as B,
-  ae as C,
-  So as D,
-  pn as E,
-  Nt as F,
-  _n as G,
-  Xi as H,
-  bo as I,
-  un as J,
-  $n as K,
-  Qo as L,
-  R as M,
-  Mn as N,
-  Ot as O,
-  sn as P,
-  Sn as Q,
-  Cn as R,
-  wn as S,
-  In as T,
-  fn as U,
-  ln as V,
-  cn as W,
-  dn as X,
-  Ki as Y,
-  ke as Z,
+  Qt as $,
+  jn as A,
+  ui as B,
+  se as C,
+  To as D,
+  vn as E,
+  Gt as F,
+  Wn as G,
+  en as H,
+  Eo as I,
+  gn as J,
+  Bn as K,
+  rr as L,
+  D as M,
+  Pn as N,
+  zt as O,
+  dn as P,
+  Tn as Q,
+  kn as R,
+  Mn as S,
+  Rn as T,
+  yn as U,
+  pn as V,
+  hn as W,
+  mn as X,
+  Ji as Y,
+  Le as Z,
   O as _,
-  Xe as a,
-  Fr as a$,
+  et as a,
+  Kr as a$,
   X as a0,
-  _t as a1,
+  Nt as a1,
   F as a2,
   G as a3,
-  lr as a4,
-  Je as a5,
-  Co as a6,
-  le as a7,
+  hr as a4,
+  nt as a5,
+  ko as a6,
+  ae as a7,
   I as a8,
   K as a9,
-  Sr as aA,
-  pi as aB,
-  mi as aC,
-  kr as aD,
-  Tr as aE,
-  gi as aF,
-  yi as aG,
-  hi as aH,
-  Mr as aI,
-  Ar as aJ,
-  Si as aK,
-  Ci as aL,
-  pr as aM,
-  di as aN,
-  Lr as aO,
-  Fo as aP,
-  fo as aQ,
-  uo as aR,
-  po as aS,
-  Po as aT,
-  Xr as aU,
-  oo as aV,
-  Or as aW,
-  Lo as aX,
-  Io as aY,
-  wo as aZ,
-  Jr as a_,
-  Ui as aa,
-  Ve as ab,
-  Gt as ac,
-  On as ad,
-  ie as ae,
-  Pt as af,
-  $t as ag,
-  me as ah,
-  Et as ai,
+  Mr as aA,
+  vi as aB,
+  wi as aC,
+  Vr as aD,
+  Pr as aE,
+  Ci as aF,
+  Si as aG,
+  bi as aH,
+  $r as aI,
+  Dr as aJ,
+  Ti as aK,
+  ki as aL,
+  br as aM,
+  mi as aN,
+  Rr as aO,
+  Go as aP,
+  mo as aQ,
+  go as aR,
+  vo as aS,
+  Oo as aT,
+  ts as aU,
+  co as aV,
+  Nr as aW,
+  Do as aX,
+  Ro as aY,
+  Mo as aZ,
+  os as a_,
+  Zi as aa,
+  Oe as ab,
+  Zt as ac,
+  Fn as ad,
+  te as ae,
+  Rt as af,
+  Ot as ag,
+  ge as ah,
+  Lt as ai,
   q as aj,
-  ko as ak,
-  To as al,
-  Mo as am,
-  Ao as an,
-  yo as ao,
-  zt as ap,
-  oi as aq,
-  ci as ar,
-  br as as,
-  ni as at,
-  ri as au,
-  Ho as av,
-  Wo as aw,
-  Zr as ax,
+  $o as ak,
+  Io as al,
+  Po as am,
+  Vo as an,
+  So as ao,
+  jt as ap,
+  ci as aq,
+  hi as ar,
+  Tr as as,
+  li as at,
+  fi as au,
+  jo as av,
+  Yo as aw,
+  is as ax,
   J as ay,
-  li as az,
-  tr as b,
-  Yr as b$,
-  io as b0,
-  ao as b1,
-  Bn as b2,
-  zr as b3,
-  Wt as b4,
-  dr as b5,
-  Lt as b6,
-  Rt as b7,
-  kt as b8,
-  At as b9,
-  Oo as bA,
-  Do as bB,
-  ji as bC,
-  Di as bD,
+  pi as az,
+  ar as b,
+  es as b$,
+  ao as b0,
+  po as b1,
+  Nn as b2,
+  Gr as b3,
+  Kt as b4,
+  gr as b5,
+  Vt as b6,
+  _t as b7,
+  Pt as b8,
+  $t as b9,
+  Fo as bA,
+  zo as bB,
+  Xi as bC,
+  zi as bD,
   M as bE,
-  lt as bF,
-  pt as bG,
-  dt as bH,
-  ct as bI,
-  fr as bJ,
-  ft as bK,
-  at as bL,
-  ut as bM,
-  ht as bN,
-  St as bO,
-  vt as bP,
-  wt as bQ,
-  bt as bR,
-  go as bS,
-  vo as bT,
-  mo as bU,
-  xr as bV,
-  Bt as bW,
-  Ln as bX,
-  Wr as bY,
-  Gn as bZ,
-  bn as b_,
-  Dt as ba,
+  pt as bF,
+  vt as bG,
+  mt as bH,
+  ht as bI,
+  mr as bJ,
+  yt as bK,
+  ut as bL,
+  gt as bM,
+  bt as bN,
+  Tt as bO,
+  xt as bP,
+  Mt as bQ,
+  Et as bR,
+  Co as bS,
+  xo as bT,
+  wo as bU,
+  Lr as bV,
+  Ft as bW,
+  Dn as bX,
+  Xr as bY,
+  qn as bZ,
+  En as b_,
+  Ht as ba,
   P as bb,
-  hr as bc,
-  he as bd,
-  Rn as be,
-  Fi as bf,
-  Rr as bg,
-  Pr as bh,
-  $r as bi,
-  Ir as bj,
-  vi as bk,
-  jt as bl,
-  Vt as bm,
-  Er as bn,
+  Sr as bc,
+  ye as bd,
+  Hn as be,
+  Gi as bf,
+  zr as bg,
+  Br as bh,
+  _r as bi,
+  Or as bj,
+  xi as bk,
+  Yt as bl,
+  Bt as bm,
+  Ir as bn,
   Z as bo,
-  gt as bp,
-  zn as bq,
-  Zi as br,
-  Ro as bs,
-  Vo as bt,
-  fe as bu,
-  It as bv,
-  _e as bw,
-  Br as bx,
-  Ut as by,
-  Oi as bz,
+  Ct as bp,
+  Un as bq,
+  tn as br,
+  Ho as bs,
+  _o as bt,
+  ce as bu,
+  Dt as bv,
+  Fe as bw,
+  Wr as bx,
+  Xt as by,
+  Fi as bz,
   de as c,
-  nn as c$,
-  ye as c0,
-  Hr as c1,
-  _r as c2,
-  Kn as c3,
-  Yn as c4,
-  vn as c5,
-  Kr as c6,
-  An as c7,
-  Nr as c8,
-  an as c9,
-  so as cA,
-  ro as cB,
-  ei as cC,
-  Qi as cD,
-  en as cE,
-  tn as cF,
+  ln as c$,
+  me as c0,
+  Ur as c1,
+  jr as c2,
+  Jn as c3,
+  Qn as c4,
+  xn as c5,
+  Qr as c6,
+  Vn as c7,
+  Yr as c8,
+  un as c9,
+  uo as cA,
+  fo as cB,
+  ri as cC,
+  rn as cD,
+  sn as cE,
+  an as cF,
   T as cG,
-  et as cH,
-  rt as cI,
-  nt as cJ,
-  tt as cK,
-  cr as cL,
-  it as cM,
-  Qe as cN,
-  ot as cO,
-  st as cP,
-  Zt as cQ,
-  $o as cR,
-  Bo as cS,
-  wr as cT,
-  jo as cU,
-  Kt as cV,
-  Eo as cW,
-  ur as cX,
-  Ht as cY,
-  qi as cZ,
-  Ji as c_,
-  Un as ca,
-  xn as cb,
-  jr as cc,
-  Tn as cd,
-  Ur as ce,
-  En as cf,
-  Gr as cg,
-  Pn as ch,
-  mn as ci,
-  hn as cj,
-  yn as ck,
-  gn as cl,
-  Xn as cm,
-  Wn as cn,
-  Zn as co,
-  eo as cp,
-  to as cq,
-  Nn as cr,
-  Qn as cs,
-  Jn as ct,
-  qn as cu,
-  jn as cv,
-  lo as cw,
-  co as cx,
-  Hi as cy,
-  Yi as cz,
-  ho as d,
-  on as d0,
-  rn as d1,
-  Fn as d2,
-  yt as d3,
-  No as d4,
-  Cr as d5,
-  Dr as d6,
-  xo as d7,
-  Mt as d8,
-  Vi as d9,
-  zi as da,
-  Ri as db,
-  Bi as dc,
-  Be as dd,
-  qr as de,
-  zo as df,
-  xt as dg,
-  Ct as dh,
-  Tt as di,
-  $i as dj,
-  _o as dk,
-  no as dl,
-  _i as dm,
-  mt as dn,
-  Gi as dp,
-  Vr as dq,
-  Jt as dr,
-  gr as ds,
-  mr as dt,
-  w as du,
-  C as dv,
-  yr as dw,
-  vr as dx,
-  He as e,
-  $e as f,
-  De as g,
-  ii as h,
-  Re as i,
-  ee as j,
-  si as k,
+  rt as cH,
+  ft as cI,
+  lt as cJ,
+  st as cK,
+  yr as cL,
+  at as cM,
+  ot as cN,
+  ct as cO,
+  dt as cP,
+  ei as cQ,
+  Bo as cR,
+  No as cS,
+  kr as cT,
+  Xo as cU,
+  qt as cV,
+  Lo as cW,
+  vr as cX,
+  Wt as cY,
+  nn as cZ,
+  on as c_,
+  Zn as ca,
+  An as cb,
+  Zr as cc,
+  In as cd,
+  qr as ce,
+  Ln as cf,
+  Jr as cg,
+  On as ch,
+  wn as ci,
+  bn as cj,
+  Sn as ck,
+  Cn as cl,
+  eo as cm,
+  Yn as cn,
+  to as co,
+  ro as cp,
+  so as cq,
+  Kn as cr,
+  oo as cs,
+  no as ct,
+  io as cu,
+  Xn as cv,
+  ho as cw,
+  yo as cx,
+  ji as cy,
+  Qi as cz,
+  bo as d,
+  cn as d0,
+  fn as d1,
+  Gn as d2,
+  St as d3,
+  Ko as d4,
+  Ar as d5,
+  Fr as d6,
+  Ao as d7,
+  It as d8,
+  _i as d9,
+  Ui as da,
+  Hi as db,
+  Ni as dc,
+  ze as dd,
+  ns as de,
+  Uo as df,
+  At as dg,
+  kt as dh,
+  Bi as di,
+  Wo as dj,
+  lo as dk,
+  Wi as dl,
+  wt as dm,
+  qi as dn,
+  Hr as dp,
+  ii as dq,
+  xr as dr,
+  Cr as ds,
+  w as dt,
+  C as du,
+  wr as dv,
+  Er as dw,
+  Ne as e,
+  Re as f,
+  _e as g,
+  ai as h,
+  Be as i,
+  Q as j,
+  di as k,
   _ as l,
-  bi as m,
-  wi as n,
-  fi as o,
-  ui as p,
-  te as q,
-  D as r,
-  Dn as s,
-  Vn as t,
-  Oe as u,
-  nr as v,
-  sr as w,
-  Wi as x,
+  Ei as m,
+  Mi as n,
+  yi as o,
+  gi as p,
+  ee as q,
+  R as r,
+  zn as s,
+  _n as t,
+  He as u,
+  cr as v,
+  ur as w,
+  Yi as x,
   B as y,
-  kn as z
+  $n as z
 };