@tachui/modifiers 0.8.24 → 0.8.26

package/dist/{modifiers-basic-BEmXc_DS.js → modifiers-basic-CYNrEDIN.js}

@@ -1,26 +1,38 @@
-var Pe = Object.defineProperty;
-var $e = (o, s, e) => s in o ? Pe(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
-var f = (o, s, e) => $e(o, typeof s != "symbol" ? s + "" : s, e);
-import { globalModifierRegistry as Ve } from "@tachui/registry";
-import { isSignal as p, isComputed as m, createEffect as b, getThemeSignal as N } from "@tachui/core/reactive";
-import { bindReactiveStyle as we } from "@tachui/core/modifiers/base";
-import { shouldExpandForInfinity as oe, dimensionToCSS as L, isInfinity as A } from "@tachui/core/constants/layout";
-import { AnimationModifier as J, LifecycleModifier as Re, LayoutModifier as re, ResizableModifier as De, AppearanceModifier as H } from "@tachui/core/modifiers";
-import { gradientToCSS as He } from "@tachui/core/gradients/css-generator";
-const P = {
+var He = Object.defineProperty;
+var Ne = (o, s, e) => s in o ? He(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
+var d = (o, s, e) => Ne(o, typeof s != "symbol" ? s + "" : s, e);
+import { globalModifierRegistry as ze } from "@tachui/registry";
+import { isSignal as p, isComputed as m, createEffect as b, getThemeSignal as j } from "@tachui/core/reactive";
+import { bindReactiveStyle as ke } from "@tachui/core/modifiers/base";
+import { shouldExpandForInfinity as ue, dimensionToCSS as L, isInfinity as A } from "@tachui/core/constants/layout";
+import { AnimationModifier as oe, LifecycleModifier as Fe, LayoutModifier as pe, ResizableModifier as We, AppearanceModifier as B } from "@tachui/core/modifiers";
+import { gradientToCSS as je } from "@tachui/core/gradients/css-generator";
+const V = {
   LAYOUT: 100,
   APPEARANCE: 200,
   INTERACTION: 300,
   ANIMATION: 400,
   CUSTOM: 500
-}, ye = Symbol.for("tachui.modifier.instanceId"), Oe = "package";
-let ge = 0;
-function _e(o) {
-  const s = o[ye];
+}, xe = Symbol.for("tachui.modifier.instanceId"), Ue = "package";
+let Me = 0;
+function P(o) {
+  return typeof HTMLElement < "u" && o instanceof HTMLElement;
+}
+function z(o) {
+  return typeof o == "object" && o !== null && "style" in o && !!o.style;
+}
+function Q() {
+  return typeof document < "u";
+}
+function Ge() {
+  return typeof window < "u";
+}
+function Ke(o) {
+  const s = o[xe];
   if (typeof s == "number") return s;
-  ge += 1;
-  const e = ge;
-  return Object.defineProperty(o, ye, {
+  Me += 1;
+  const e = Me;
+  return Object.defineProperty(o, xe, {
     value: e,
     enumerable: !1,
     configurable: !1,
@@ -126,13 +138,13 @@ let g = class {
         if (a !== void 0) {
           const l = this.toCSSProperty(r);
           if (p(a) || m(a)) {
-            const c = a, u = _e(this);
-            we({
+            const c = a, u = Ke(this);
+            ke({
               element: s,
               accessor: c,
-              updaterId: `${Oe}:${u}:${l}`,
-              updater: (d) => {
-                const h = this.toCSSValueForProperty(l, d);
+              updaterId: `${Ue}:${u}:${l}`,
+              updater: (f) => {
+                const h = this.toCSSValueForProperty(l, f);
                 n(l, h);
               }
             });
@@ -147,13 +159,13 @@ let g = class {
    * Add CSS classes to an element
    */
   addClasses(s, e) {
-    s instanceof HTMLElement && s.classList.add(...e);
+    P(s) && s.classList.add(...e);
   }
   /**
    * Remove CSS classes from an element
    */
   removeClasses(s, e) {
-    s instanceof HTMLElement && s.classList.remove(...e);
+    P(s) && s.classList.remove(...e);
   }
   /**
    * Create a style computation context
@@ -167,11 +179,11 @@ let g = class {
       cleanup: []
     };
   }
-}, Bo = class extends g {
+}, Jo = class extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "layout");
-    f(this, "priority", P.LAYOUT);
+    d(this, "type", "layout");
+    d(this, "priority", V.LAYOUT);
   }
   apply(e, t) {
     if (!e.element || !t.element) return;
@@ -185,7 +197,7 @@ let g = class {
     );
     this.applyStyles(t.element, n);
     const r = this.properties;
-    r.offset && t.element instanceof HTMLElement && this.applyOffsetTransform(t.element, r.offset), r.aspectRatio && t.element instanceof HTMLElement && this.applyAspectRatio(t.element, r.aspectRatio), r.scaleEffect && t.element instanceof HTMLElement && this.applyScaleTransform(t.element, r.scaleEffect), r.position && t.element instanceof HTMLElement && this.applyAbsolutePosition(t.element, r.position), r.zIndex !== void 0 && t.element instanceof HTMLElement && this.applyZIndex(t.element, r.zIndex);
+    r.offset && P(t.element) && this.applyOffsetTransform(t.element, r.offset), r.aspectRatio && P(t.element) && this.applyAspectRatio(t.element, r.aspectRatio), r.scaleEffect && P(t.element) && this.applyScaleTransform(t.element, r.scaleEffect), r.position && P(t.element) && this.applyAbsolutePosition(t.element, r.position), r.zIndex !== void 0 && P(t.element) && this.applyZIndex(t.element, r.zIndex);
   }
   applyOffsetTransform(e, t) {
     const { x: i, y: n } = t;
@@ -211,11 +223,11 @@ let g = class {
     const { x: i, y: n, anchor: r } = t, a = i ?? 1, l = n ?? a;
     if (p(a) || m(a) || p(l) || m(l))
       b(() => {
-        const c = p(a) || m(a) ? a() : a, u = p(l) || m(l) ? l() : l, d = `scale(${c}, ${u})`;
+        const c = p(a) || m(a) ? a() : a, u = p(l) || m(l) ? l() : l, f = `scale(${c}, ${u})`;
         e.style.transformOrigin = this.getTransformOrigin(
           r || "center"
         );
-        const y = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), v = y ? `${y} ${d}` : d;
+        const y = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), v = y ? `${y} ${f}` : f;
         e.style.transform = v;
       });
     else {
@@ -223,7 +235,7 @@ let g = class {
       e.style.transformOrigin = this.getTransformOrigin(
         r || "center"
       );
-      const d = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), h = d ? `${d} ${c}` : c;
+      const f = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), h = f ? `${f} ${c}` : c;
       e.style.transform = h;
     }
   }
@@ -261,7 +273,7 @@ let g = class {
   computeLayoutStyles(e, t) {
     const i = {};
     if (e.frame) {
-      const n = e.frame, r = oe(n);
+      const n = e.frame, r = ue(n);
       if (Object.assign(i, r.cssProps), n.width !== void 0) {
         const a = L(n.width);
         a !== void 0 && !A(n.width) && !r.expandWidth && (i.width = a);
@@ -333,11 +345,11 @@ let g = class {
     }
     return i;
   }
-}, zo = class extends g {
+}, er = class extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "appearance");
-    f(this, "priority", P.APPEARANCE);
+    d(this, "type", "appearance");
+    d(this, "priority", V.APPEARANCE);
   }
   apply(e, t) {
     if (!e.element || !t.element)
@@ -358,7 +370,7 @@ let g = class {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(e, t) {
-    const i = N();
+    const i = j();
     t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       i();
       const n = t.foregroundColor.resolve();
@@ -419,11 +431,11 @@ let g = class {
     const i = [];
     return e.blur !== void 0 && i.push(`blur(${e.blur}px)`), e.brightness !== void 0 && i.push(`brightness(${e.brightness})`), e.contrast !== void 0 && i.push(`contrast(${e.contrast})`), e.saturation !== void 0 && i.push(`saturate(${e.saturation})`), e.hueRotation !== void 0 && i.push(`hue-rotate(${e.hueRotation}deg)`), e.grayscale !== void 0 && i.push(`grayscale(${e.grayscale})`), e.colorInvert !== void 0 && i.push(`invert(${e.colorInvert})`), i.length > 0 && (t.filter = i.join(" ")), t;
   }
-}, Wo = class extends g {
+}, ir = class extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "interaction");
-    f(this, "priority", P.INTERACTION);
+    d(this, "type", "interaction");
+    d(this, "priority", V.INTERACTION);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -435,7 +447,7 @@ let g = class {
     }), i.onInput && t.element.addEventListener("input", i.onInput), i.onChange && t.element.addEventListener("change", (n) => {
       const r = n.target, a = r.value || r.textContent || "";
       i.onChange(a, n);
-    }), i.onCopy && t.element.addEventListener("copy", i.onCopy), i.onCut && t.element.addEventListener("cut", i.onCut), i.onPaste && t.element.addEventListener("paste", i.onPaste), i.onSelect && t.element.addEventListener("select", i.onSelect), i.disabled !== void 0 && t.element instanceof HTMLElement) {
+    }), i.onCopy && t.element.addEventListener("copy", i.onCopy), i.onCut && t.element.addEventListener("cut", i.onCut), i.onPaste && t.element.addEventListener("paste", i.onPaste), i.onSelect && t.element.addEventListener("select", i.onSelect), i.disabled !== void 0 && P(t.element)) {
       const n = t.element, r = (a) => {
         a ? (n.setAttribute("disabled", "true"), n.style.pointerEvents = "none", n.style.opacity = "0.6") : (n.removeAttribute("disabled"), n.style.pointerEvents = "", n.style.opacity = "");
       };
@@ -444,7 +456,7 @@ let g = class {
         r(a);
       }) : r(!!i.disabled);
     }
-    i.draggable !== void 0 && t.element instanceof HTMLElement && (t.element.draggable = i.draggable), i.accessibilityLabel && t.element.setAttribute("aria-label", i.accessibilityLabel), i.accessibilityHint && t.element.setAttribute("aria-describedby", i.accessibilityHint), i.onLongPressGesture && this.setupLongPressGesture(t.element, i.onLongPressGesture), i.keyboardShortcut && this.setupKeyboardShortcut(t.element, i.keyboardShortcut), i.focused !== void 0 && this.setupFocusManagement(t.element, i.focused), i.focusable && this.setupFocusable(t.element, i.focusable), i.onContinuousHover && this.setupContinuousHover(t.element, i.onContinuousHover), i.allowsHitTesting !== void 0 && this.setupHitTesting(t.element, i.allowsHitTesting);
+    i.draggable !== void 0 && P(t.element) && (t.element.draggable = i.draggable), i.accessibilityLabel && t.element.setAttribute("aria-label", i.accessibilityLabel), i.accessibilityHint && t.element.setAttribute("aria-describedby", i.accessibilityHint), i.onLongPressGesture && this.setupLongPressGesture(t.element, i.onLongPressGesture), i.keyboardShortcut && this.setupKeyboardShortcut(t.element, i.keyboardShortcut), i.focused !== void 0 && this.setupFocusManagement(t.element, i.focused), i.focusable && this.setupFocusable(t.element, i.focusable), i.onContinuousHover && this.setupContinuousHover(t.element, i.onContinuousHover), i.allowsHitTesting !== void 0 && this.setupHitTesting(t.element, i.allowsHitTesting);
   }
   // Phase 4 Advanced Gesture Methods
   /**
@@ -457,10 +469,10 @@ let g = class {
       r && (clearTimeout(r), r = void 0), l && t.onPressingChanged && t.onPressingChanged(!1), l = !1, a = null;
     }, u = (v) => {
       const S = v;
-      a = { x: S.clientX, y: S.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = window.setTimeout(() => {
+      a = { x: S.clientX, y: S.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = (Ge() ? window.setTimeout : setTimeout)(() => {
         l && a && (t.perform(), c());
       }, i);
-    }, d = (v) => {
+    }, f = (v) => {
       const S = v;
       if (!a || !l) return;
       Math.sqrt(
@@ -471,7 +483,7 @@ let g = class {
     }, y = () => {
       c();
     };
-    e.addEventListener("pointerdown", u), e.addEventListener("pointermove", d), e.addEventListener("pointerup", h), e.addEventListener(
+    e.addEventListener("pointerdown", u), e.addEventListener("pointermove", f), e.addEventListener("pointerup", h), e.addEventListener(
       "pointercancel",
       y
     ), e._longPressCleanup = c;
@@ -493,19 +505,19 @@ let g = class {
         shift: r.shiftKey,
         alt: r.altKey
       }, c = r.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(a).every(
-        ([d, h]) => h === l[d]
+        ([f, h]) => h === l[f]
       );
       c && u && (r.preventDefault(), t.action());
     };
-    document.addEventListener("keydown", n), e._keyboardShortcutCleanup = () => {
+    Q() && (document.addEventListener("keydown", n), e._keyboardShortcutCleanup = () => {
       document.removeEventListener("keydown", n);
-    };
+    });
   }
   /**
    * Setup focus management with reactive binding
    */
   setupFocusManagement(e, t) {
-    if (!(e instanceof HTMLElement)) return;
+    if (!P(e)) return;
     const i = e;
     i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), p(t) || m(t) ? b(() => {
       t() ? i.focus() : i.blur();
@@ -515,7 +527,7 @@ let g = class {
    * Setup focusable behavior
    */
   setupFocusable(e, t) {
-    if (!(e instanceof HTMLElement)) return;
+    if (!P(e)) return;
     const i = e;
     t.isFocusable === !1 ? i.setAttribute("tabindex", "-1") : i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), t.interactions?.includes("activate") && i.addEventListener("keydown", (n) => {
       (n.key === "Enter" || n.key === " ") && (n.preventDefault(), i.click());
@@ -529,8 +541,8 @@ let g = class {
       const l = a;
       let c, u;
       if (i === "local") {
-        const d = e.getBoundingClientRect();
-        c = l.clientX - d.left, u = l.clientY - d.top;
+        const f = e.getBoundingClientRect();
+        c = l.clientX - f.left, u = l.clientY - f.top;
       } else
         c = l.clientX, u = l.clientY;
       t.perform({ x: c, y: u });
@@ -548,37 +560,37 @@ let g = class {
    * Setup hit testing control
    */
   setupHitTesting(e, t) {
-    e instanceof HTMLElement && (e.style.pointerEvents = t ? "" : "none");
+    P(e) && (e.style.pointerEvents = t ? "" : "none");
   }
-}, Be = class extends g {
+}, Ye = class extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "animation");
-    f(this, "priority", P.ANIMATION);
+    d(this, "type", "animation");
+    d(this, "priority", V.ANIMATION);
   }
   apply(e, t) {
     if (!t.element) return;
     const i = this.properties;
     if (i.transition) {
       const n = i.transition, r = n.property || "all", a = n.duration || 300, l = n.easing || "ease", c = n.delay || 0;
-      t.element instanceof HTMLElement && (r === "none" ? t.element.style.transition = "none" : t.element.style.transition = `${r} ${a}ms ${l} ${c}ms`);
+      z(t.element) && (r === "none" ? t.element.style.transition = "none" : t.element.style.transition = `${r} ${a}ms ${l} ${c}ms`);
     }
-    if (i.animation && t.element instanceof HTMLElement) {
+    if (i.animation && z(t.element)) {
       const n = i.animation;
-      if (n.keyframes) {
+      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", u = n.iterations || 1, d = n.direction || "normal";
-        t.element.style.animation = `${r} ${l}ms ${c} ${u} ${d}`;
+        const l = n.duration || 1e3, c = n.easing || "ease", u = n.iterations || 1, f = n.direction || "normal";
+        t.element.style.animation = `${r} ${l}ms ${c} ${u} ${f}`;
       }
     }
-    if (i.transform && t.element instanceof HTMLElement && (p(i.transform) || m(i.transform) ? b(() => {
+    if (i.transform && z(t.element) && (p(i.transform) || m(i.transform) ? b(() => {
       const n = i.transform();
-      t.element instanceof HTMLElement && (t.element.style.transform = n);
-    }) : t.element.style.transform = i.transform), i.rotationEffect && t.element instanceof HTMLElement) {
+      z(t.element) && (t.element.style.transform = n);
+    }) : t.element.style.transform = i.transform), i.rotationEffect && z(t.element)) {
       const { angle: n, anchor: r } = i.rotationEffect, l = {
         center: "50% 50%",
         top: "50% 0%",
@@ -592,24 +604,24 @@ let g = class {
       }[r || "center"] || "50% 50%", c = `rotate(${n}deg)`;
       if (p(n) || m(n))
         b(() => {
-          const d = `rotate(${typeof n == "function" ? n() : n}deg)`;
-          if (t.element instanceof HTMLElement) {
+          const f = `rotate(${typeof n == "function" ? n() : n}deg)`;
+          if (z(t.element)) {
             t.element.style.transformOrigin = l;
-            const y = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), v = y ? `${y} ${d}` : d;
+            const y = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), v = y ? `${y} ${f}` : f;
             t.element.style.transform = v;
           }
         });
-      else if (t.element instanceof HTMLElement) {
+      else if (z(t.element)) {
         t.element.style.transformOrigin = l;
-        const d = (t.element.style.transform || "").split(" ").filter((y) => y && !y.startsWith("rotate(")).join(" "), h = d ? `${d} ${c}` : c;
+        const f = (t.element.style.transform || "").split(" ").filter((y) => y && !y.startsWith("rotate(")).join(" "), h = f ? `${f} ${c}` : c;
         t.element.style.transform = h;
       }
     }
-    i.overlay && t.element instanceof HTMLElement && this.applyOverlay(t.element, i.overlay, t);
+    i.overlay && P(t.element) && this.applyOverlay(t.element, i.overlay, t);
   }
   applyOverlay(e, t, i) {
     const { content: n, alignment: r = "center" } = t;
-    (e.style.position === "" || e.style.position === "static") && (e.style.position = "relative");
+    if ((e.style.position === "" || e.style.position === "static") && (e.style.position = "relative"), !Q()) return;
     const a = document.createElement("div");
     a.style.position = "absolute", a.style.pointerEvents = "none";
     const l = this.getOverlayAlignment(r);
@@ -622,7 +634,7 @@ let g = class {
     } else if (n && typeof n.render == "function") {
       const c = n.render();
       c.element && a.appendChild(c.element);
-    } else n instanceof HTMLElement && a.appendChild(n);
+    } else P(n) && a.appendChild(n);
     e.appendChild(a);
   }
   getOverlayAlignment(e) {
@@ -688,17 +700,18 @@ let g = class {
     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));
   }
-}, Go = class extends g {
+}, rr = class extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "lifecycle");
-    f(this, "priority", P.CUSTOM);
-    f(this, "activeAbortController");
+    d(this, "type", "lifecycle");
+    d(this, "priority", V.CUSTOM);
+    d(this, "activeAbortController");
   }
   apply(e, t) {
     if (!t.element) return;
@@ -743,7 +756,9 @@ let g = class {
   setupRefreshable(e, t) {
     if (!t) return;
     let i = !1, n = 0, r = 0;
-    const a = 70, l = document.createElement("div");
+    const a = 70;
+    if (!Q()) return;
+    const l = document.createElement("div");
     if (l.style.cssText = `
       position: absolute;
       top: -50px;
@@ -768,10 +783,10 @@ let g = class {
       `, document.head.appendChild(y);
     }
     const c = e.parentElement || e;
-    c instanceof HTMLElement && (c.style.position = "relative", c.appendChild(l));
+    P(c) && (c.style.position = "relative", c.appendChild(l));
     const u = (y) => {
       i || (r = y.touches[0].clientY);
-    }, d = (y) => {
+    }, f = (y) => {
       if (i) return;
       const v = y.touches[0].clientY;
       if (n = Math.max(0, v - r), n > 20) {
@@ -795,26 +810,26 @@ let g = class {
     };
     e.addEventListener("touchstart", u, {
       passive: !1
-    }), e.addEventListener("touchmove", d, {
+    }), e.addEventListener("touchmove", f, {
       passive: !1
     }), e.addEventListener("touchend", h), this.addCleanup(() => {
       e.removeEventListener(
         "touchstart",
         u
-      ), e.removeEventListener("touchmove", d), e.removeEventListener("touchend", h), l.parentElement && l.parentElement.removeChild(l);
+      ), e.removeEventListener("touchmove", f), e.removeEventListener("touchend", h), l.parentElement && l.parentElement.removeChild(l);
     });
   }
   addCleanup(e) {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(e);
   }
 };
-const Ne = "@tachui/modifiers", ze = "0.8.24", Yo = Ne, Fe = ze;
-class V extends g {
+const Xe = "@tachui/modifiers", Ze = "0.8.26", ar = Xe, qe = Ze;
+class D extends g {
   // 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;
@@ -839,118 +854,118 @@ class V extends g {
     return t;
   }
 }
-function M(o) {
-  return p(o) || m(o) ? new V({ all: o }) : typeof o == "number" || typeof o == "string" ? new V({ all: o }) : new V(o);
+function x(o) {
+  return p(o) || m(o) ? new D({ all: o }) : typeof o == "number" || typeof o == "string" ? new D({ all: o }) : new D(o);
 }
-function We(o) {
-  return new V({ top: o });
+function Je(o) {
+  return new D({ top: o });
 }
-function je(o) {
-  return new V({ bottom: o });
+function Qe(o) {
+  return new D({ bottom: o });
 }
-function Ue(o) {
-  return new V({ left: o });
+function et(o) {
+  return new D({ left: o });
 }
-function Ge(o) {
-  return new V({ right: o });
+function tt(o) {
+  return new D({ right: o });
 }
-function Ke(o) {
-  return new V({ leading: o });
+function it(o) {
+  return new D({ leading: o });
 }
-function Ye(o) {
-  return new V({ trailing: o });
+function nt(o) {
+  return new D({ trailing: o });
 }
-function Xe(o) {
-  return new V({ horizontal: o });
+function ot(o) {
+  return new D({ horizontal: o });
 }
-function Ze(o) {
-  return new V({ vertical: o });
+function rt(o) {
+  return new D({ vertical: o });
 }
-const Xo = {
+const lr = {
   /**
    * Extra small padding (4px) - For tight spacing
    */
-  xs: () => M(4),
+  xs: () => x(4),
   /**
    * Small padding (8px) - For compact components
    */
-  sm: () => M(8),
+  sm: () => x(8),
   /**
    * Medium padding (12px) - Default comfortable spacing
    */
-  md: () => M(12),
+  md: () => x(12),
   /**
    * Large padding (16px) - For prominent components
    */
-  lg: () => M(16),
+  lg: () => x(16),
   /**
    * Extra large padding (24px) - For emphasis
    */
-  xl: () => M(24),
+  xl: () => x(24),
   /**
    * Extra extra large padding (32px) - For major sections
    */
-  xxl: () => M(32),
+  xxl: () => x(32),
   /**
    * Huge padding (48px) - For hero sections
    */
-  xxxl: () => M(48),
+  xxxl: () => x(48),
   // Semantic presets for common UI patterns
   /**
    * Button padding preset (horizontal: 16, vertical: 8)
    * Optimized for interactive elements
    */
-  button: () => M({ horizontal: 16, vertical: 8 }),
+  button: () => x({ horizontal: 16, vertical: 8 }),
   /**
    * Small button padding (horizontal: 12, vertical: 6)
    */
-  buttonSm: () => M({ horizontal: 12, vertical: 6 }),
+  buttonSm: () => x({ horizontal: 12, vertical: 6 }),
   /**
    * Large button padding (horizontal: 24, vertical: 12)
    */
-  buttonLg: () => M({ horizontal: 24, vertical: 12 }),
+  buttonLg: () => x({ horizontal: 24, vertical: 12 }),
   /**
    * Card padding preset (all: 16)
    * Standard for card-like containers
    */
-  card: () => M(16),
+  card: () => x(16),
   /**
    * Compact card padding (all: 12)
    */
-  cardSm: () => M(12),
+  cardSm: () => x(12),
   /**
    * Spacious card padding (all: 24)
    */
-  cardLg: () => M(24),
+  cardLg: () => x(24),
   /**
    * Section padding preset (horizontal: 20, vertical: 12)
    * For content sections and layout blocks
    */
-  section: () => M({ horizontal: 20, vertical: 12 }),
+  section: () => x({ horizontal: 20, vertical: 12 }),
   /**
    * Page padding preset (horizontal: 24, vertical: 16)
    * For top-level page containers
    */
-  page: () => M({ horizontal: 24, vertical: 16 }),
+  page: () => x({ horizontal: 24, vertical: 16 }),
   /**
    * Form field padding (horizontal: 12, vertical: 8)
    */
-  field: () => M({ horizontal: 12, vertical: 8 }),
+  field: () => x({ horizontal: 12, vertical: 8 }),
   /**
    * Navigation item padding (horizontal: 16, vertical: 8)
    */
-  nav: () => M({ horizontal: 16, vertical: 8 }),
+  nav: () => x({ horizontal: 16, vertical: 8 }),
   /**
    * List item padding (horizontal: 16, vertical: 12)
    */
-  listItem: () => M({ horizontal: 16, vertical: 12 })
+  listItem: () => x({ horizontal: 16, vertical: 12 })
 };
-class R extends g {
+class O extends g {
   // 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;
@@ -975,123 +990,123 @@ class R extends g {
     return t;
   }
 }
-function x(o) {
-  return typeof o == "number" || typeof o == "string" ? new R({ all: o }) : new R(o);
+function M(o) {
+  return typeof o == "number" || typeof o == "string" ? new O({ all: o }) : new O(o);
 }
-function qe(o) {
-  return new R({ top: o });
+function st(o) {
+  return new O({ top: o });
 }
-function Je(o) {
-  return new R({ bottom: o });
+function at(o) {
+  return new O({ bottom: o });
 }
-function Qe(o) {
-  return new R({ left: o });
+function lt(o) {
+  return new O({ left: o });
 }
-function et(o) {
-  return new R({ right: o });
+function ct(o) {
+  return new O({ right: o });
 }
-function tt(o) {
-  return new R({ leading: o });
+function dt(o) {
+  return new O({ leading: o });
 }
-function it(o) {
-  return new R({ trailing: o });
+function ft(o) {
+  return new O({ trailing: o });
 }
-function nt(o) {
-  return new R({ horizontal: o });
+function ut(o) {
+  return new O({ horizontal: o });
 }
-function ot(o) {
-  return new R({ vertical: o });
+function pt(o) {
+  return new O({ vertical: o });
 }
-const Zo = {
+const cr = {
   /**
    * Extra small margin (4px) - For tight spacing
    */
-  xs: () => x(4),
+  xs: () => M(4),
   /**
    * Small margin (8px) - For compact components
    */
-  sm: () => x(8),
+  sm: () => M(8),
   /**
    * Medium margin (12px) - Default comfortable spacing
    */
-  md: () => x(12),
+  md: () => M(12),
   /**
    * Large margin (16px) - For prominent separation
    */
-  lg: () => x(16),
+  lg: () => M(16),
   /**
    * Extra large margin (24px) - For emphasis
    */
-  xl: () => x(24),
+  xl: () => M(24),
   /**
    * Extra extra large margin (32px) - For major sections
    */
-  xxl: () => x(32),
+  xxl: () => M(32),
   /**
    * Huge margin (48px) - For hero sections
    */
-  xxxl: () => x(48),
+  xxxl: () => M(48),
   // Semantic presets for common UI patterns
   /**
    * Component separation (vertical: 16, horizontal: 0)
    * For spacing between stacked components
    */
-  component: () => x({ vertical: 16, horizontal: 0 }),
+  component: () => M({ vertical: 16, horizontal: 0 }),
   /**
    * Section separation (vertical: 24, horizontal: 0)
    * For major content sections
    */
-  section: () => x({ vertical: 24, horizontal: 0 }),
+  section: () => M({ vertical: 24, horizontal: 0 }),
   /**
    * Page margin (horizontal: auto)
    * For centering page content
    */
-  page: () => x({ horizontal: "auto" }),
+  page: () => M({ horizontal: "auto" }),
   /**
    * Card margin (all: 16)
    * Standard margin around card components
    */
-  card: () => x(16),
+  card: () => M(16),
   /**
    * Compact card margin (all: 8)
    */
-  cardSm: () => x(8),
+  cardSm: () => M(8),
   /**
    * Spacious card margin (all: 24)
    */
-  cardLg: () => x(24),
+  cardLg: () => M(24),
   /**
    * Button margin (horizontal: 8, vertical: 4)
    * For spacing between inline buttons
    */
-  button: () => x({ horizontal: 8, vertical: 4 }),
+  button: () => M({ horizontal: 8, vertical: 4 }),
   /**
    * List item margin (vertical: 8, horizontal: 0)
    * For spacing between list items
    */
-  listItem: () => x({ vertical: 8, horizontal: 0 }),
+  listItem: () => M({ vertical: 8, horizontal: 0 }),
   /**
    * Form field margin (vertical: 12, horizontal: 0)
    * For spacing between form fields
    */
-  field: () => x({ vertical: 12, horizontal: 0 }),
+  field: () => M({ vertical: 12, horizontal: 0 }),
   /**
    * Zero margin utility
    * For removing default margins
    */
-  none: () => x(0),
+  none: () => M(0),
   /**
    * Auto margin utility
    * For centering elements
    */
-  auto: () => x("auto")
+  auto: () => M("auto")
 };
-class z extends g {
+class U extends g {
   // 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;
@@ -1099,7 +1114,7 @@ class z extends g {
     this.applyStyles(t.element, i);
   }
   computeSizeStyles(e) {
-    const t = {}, i = oe(e);
+    const t = {}, i = ue(e);
     if (Object.assign(t, i.cssProps), e.width !== void 0) {
       const n = L(e.width);
       n !== void 0 && !A(e.width) && (t.width = n);
@@ -1127,46 +1142,46 @@ class z extends g {
     return t;
   }
 }
-function rt(o) {
-  return new z(o);
+function mt(o) {
+  return new U(o);
 }
-function st(o) {
-  return new z({ width: o });
+function ht(o) {
+  return new U({ width: o });
 }
-function at(o) {
-  return new z({ height: o });
+function yt(o) {
+  return new U({ height: o });
 }
-function lt(o) {
-  return new z({ maxWidth: o });
+function gt(o) {
+  return new U({ maxWidth: o });
 }
-function ct(o) {
-  return new z({ minWidth: o });
+function vt(o) {
+  return new U({ minWidth: o });
 }
-function ft(o) {
-  return new z({ maxHeight: o });
+function bt(o) {
+  return new U({ maxHeight: o });
 }
-function dt(o) {
-  return new z({ minHeight: o });
+function St(o) {
+  return new U({ minHeight: o });
 }
-class te extends Be {
+class le extends Ye {
   constructor() {
     super(...arguments);
     // Override type to be 'transition' instead of 'animation'
-    f(this, "type", "transition");
+    d(this, "type", "transition");
   }
 }
-function ut(o, s, e, t) {
+function wt(o, s, e, t) {
   if (typeof o == "object")
-    return new te({ transition: o });
+    return new le({ transition: o });
   const i = o;
-  return i === "none" ? new te({
+  return i === "none" ? new le({
     transition: {
       property: "none",
       duration: 0,
       easing: "ease",
       delay: 0
     }
-  }) : new te({
+  }) : new le({
     transition: {
       property: i,
       duration: s || 300,
@@ -1175,24 +1190,24 @@ function ut(o, s, e, t) {
     }
   });
 }
-function pt(o) {
-  return new J({ transform: o });
+function Ct(o) {
+  return new oe({ transform: o });
 }
-function mt(o) {
-  return o ? new J({ animation: o }) : new J({});
+function Et(o) {
+  return o ? new oe({ animation: o }) : new oe({});
 }
-function ht(o) {
-  return new J({ transitions: o });
+function xt(o) {
+  return new oe({ transitions: o });
 }
-function yt(o) {
-  return new Re({ task: o });
+function Mt(o) {
+  return new Fe({ task: o });
 }
-class $ extends g {
+class R extends g {
   // 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;
@@ -1215,45 +1230,45 @@ class $ extends g {
   }
 }
 function I(o) {
-  return new $(o);
+  return new R(o);
 }
-function gt(o) {
-  return new $({ flexGrow: o });
+function Tt(o) {
+  return new R({ flexGrow: o });
 }
-function vt(o) {
-  return new $({ flexShrink: o });
+function Lt(o) {
+  return new R({ flexShrink: o });
 }
-function bt(o) {
-  return new $({ flexBasis: o });
+function At(o) {
+  return new R({ flexBasis: o });
 }
-function qo(o) {
-  return new $({ flex: o });
+function dr(o) {
+  return new R({ flex: o });
 }
-function St(o) {
-  return new $({ justifyContent: o });
+function kt(o) {
+  return new R({ justifyContent: o });
 }
-function wt(o) {
-  return new $({ alignItems: o });
+function It(o) {
+  return new R({ alignItems: o });
 }
-function Ct(o) {
-  return new $({ alignSelf: o });
+function Pt(o) {
+  return new R({ alignSelf: o });
 }
-function Et(o) {
-  return new $({ gap: o });
+function $t(o) {
+  return new R({ gap: o });
 }
-function Jo(o) {
-  return new $({ rowGap: o });
+function fr(o) {
+  return new R({ rowGap: o });
 }
-function Qo(o) {
-  return new $({ columnGap: o });
+function ur(o) {
+  return new R({ columnGap: o });
 }
-function Mt(o) {
-  return new $({ flexDirection: o });
+function Vt(o) {
+  return new R({ flexDirection: o });
 }
-function xt(o) {
-  return new $({ flexWrap: o });
+function Rt(o) {
+  return new R({ flexWrap: o });
 }
-const er = {
+const pr = {
   /**
    * Standard flex container
    * Sets display: flex for basic flex container
@@ -1391,11 +1406,11 @@ const er = {
     alignItems: "stretch"
   })
 };
-class Tt extends g {
+class Dt extends g {
   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) {
@@ -1432,15 +1447,15 @@ class Tt extends g {
     }
   }
 }
-function Lt(o, s) {
-  const e = new Tt({ x: o, y: s ?? 0 });
+function Ot(o, s) {
+  const e = new Dt({ x: o, y: s ?? 0 });
   return typeof process < "u" && process.env.NODE_ENV === "development" && e.validateOffset(o, s), e;
 }
-class At extends g {
+class _t extends g {
   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) {
@@ -1514,14 +1529,14 @@ class At extends g {
     }
   }
 }
-function kt(o, s, e = "center") {
-  return new At({ x: o, y: s, anchor: e });
+function Bt(o, s, e = "center") {
+  return new _t({ x: o, y: s, anchor: e });
 }
-class Ce extends g {
+class Ie extends g {
   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) {
@@ -1578,7 +1593,7 @@ class Ce extends g {
 /**
  * Get common aspect ratios
  */
-f(Ce, "COMMON_RATIOS", {
+d(Ie, "COMMON_RATIOS", {
   square: 1,
   portrait: 3 / 4,
   landscape: 4 / 3,
@@ -1587,14 +1602,17 @@ f(Ce, "COMMON_RATIOS", {
   golden: 1.618,
   photo: 3 / 2
 });
-function It(o, s = "fit") {
-  return new Ce({ ratio: o, contentMode: s });
+function Ht(o, s = "fit") {
+  return new Ie({ ratio: o, contentMode: s });
 }
-class Pt extends g {
+function Nt(o) {
+  return typeof getComputedStyle != "function" ? null : getComputedStyle(o);
+}
+class zt extends g {
   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) {
@@ -1624,8 +1642,10 @@ class Pt extends g {
   isFlexItem(e) {
     const t = e.parentElement;
     if (!t) return !1;
-    const i = getComputedStyle(t).display;
-    return i === "flex" || i === "inline-flex";
+    const i = Nt(t);
+    if (!i) return !1;
+    const n = i.display;
+    return n === "flex" || n === "inline-flex";
   }
   /**
    * Development mode validation
@@ -1646,31 +1666,37 @@ class Pt extends g {
     ));
   }
 }
-function $t(o = !0, s = !0) {
-  return new Pt({ horizontal: o, vertical: s });
+function Ft(o = !0, s = !0) {
+  return new zt({ horizontal: o, vertical: s });
 }
-function Vt(o) {
-  return new re({ frame: o });
+function Wt(o) {
+  return new pe({ frame: o });
 }
-function Rt(o) {
-  return new re({ layoutPriority: o });
+function jt(o) {
+  return new pe({ layoutPriority: o });
 }
-function Dt(o, s) {
-  return new re({
+function Ut(o, s) {
+  return new pe({
     position: {
       x: o,
       y: s
     }
   });
 }
-function Ht() {
-  return new De({});
+function Gt() {
+  return new We({});
+}
+function Kt() {
+  return typeof document < "u";
 }
-class Ot extends g {
+function ce(o) {
+  return typeof getComputedStyle != "function" ? null : getComputedStyle(o);
+}
+class Yt extends g {
   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) {
@@ -1727,9 +1753,12 @@ class Ot extends g {
     (t === "absolute" || t === "fixed") && (e.style.zIndex || (e.style.zIndex = "0"), e.style.transform || (e.style.transform = "translateZ(0)"));
   }
   warnIfMissingPositionedParent(e) {
+    if (!Kt()) return;
     let t = e.parentElement, i = !1;
     for (; t && t !== document.body; ) {
-      if (getComputedStyle(t).position !== "static") {
+      const n = ce(t);
+      if (!n) return;
+      if (n.position !== "static") {
         i = !0;
         break;
       }
@@ -1740,13 +1769,15 @@ class Ot extends g {
     );
   }
   warnIfMissingStickyProperties(e) {
-    const t = getComputedStyle(e);
+    const t = ce(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 = getComputedStyle(e);
+    const t = ce(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"
     );
@@ -1781,14 +1812,20 @@ class Ot extends g {
     }
   }
 }
-function _t(o) {
-  return new Ot({ position: o });
+function Xt(o) {
+  return new Yt({ position: o });
+}
+function Zt() {
+  return typeof getComputedStyle == "function";
 }
-class Ee extends g {
+function ne(o) {
+  return Zt() ? getComputedStyle(o) : null;
+}
+class Pe extends g {
   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) {
@@ -1803,7 +1840,9 @@ class Ee extends g {
     e.style.zIndex = String(t), this.ensureStackingContext(e, t);
   }
   ensureStackingContext(e, t) {
-    const r = getComputedStyle(e).position !== "static", a = this.isFlexItem(e), l = this.isGridItem(e);
+    const i = ne(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(
       "ZIndexModifier: Set position: relative on element to enable z-index stacking"
     )), typeof process < "u" && process.env.NODE_ENV === "development" && this.provideStackingInsights(e, t);
@@ -1811,14 +1850,18 @@ class Ee extends g {
   isFlexItem(e) {
     const t = e.parentElement;
     if (!t) return !1;
-    const i = getComputedStyle(t).display;
-    return i === "flex" || i === "inline-flex";
+    const i = ne(t);
+    if (!i) return !1;
+    const n = i.display;
+    return n === "flex" || n === "inline-flex";
   }
   isGridItem(e) {
     const t = e.parentElement;
     if (!t) return !1;
-    const i = getComputedStyle(t).display;
-    return i === "grid" || i === "inline-grid";
+    const i = ne(t);
+    if (!i) return !1;
+    const n = i.display;
+    return n === "grid" || n === "inline-grid";
   }
   provideStackingInsights(e, t) {
     t < 0 ? console.info(
@@ -1828,7 +1871,9 @@ class Ee extends g {
     ), this.checkStackingContext(e);
   }
   checkStackingContext(e) {
-    const t = getComputedStyle(e), n = [
+    const t = ne(e);
+    if (!t) return;
+    const n = [
       { prop: "opacity", value: t.opacity, creates: t.opacity !== "1" },
       {
         prop: "transform",
@@ -1876,7 +1921,7 @@ class Ee extends g {
 /**
  * Common z-index values for semantic layering
  */
-f(Ee, "COMMON_LAYERS", {
+d(Pe, "COMMON_LAYERS", {
   background: -1,
   base: 0,
   content: 1,
@@ -1888,8 +1933,20 @@ f(Ee, "COMMON_LAYERS", {
   toast: 600,
   debug: 9999
 });
-function Bt(o) {
-  return new Ee({ zIndex: o });
+function qt(o) {
+  return new Pe({ zIndex: o });
+}
+function $(o) {
+  return typeof HTMLElement < "u" && o instanceof HTMLElement;
+}
+function F(o) {
+  return typeof o == "object" && o !== null && "style" in o && !!o.style;
+}
+function re() {
+  return typeof document < "u";
+}
+function Jt() {
+  return typeof window < "u";
 }
 class w {
   constructor(s) {
@@ -1982,7 +2039,7 @@ class w {
               "value type:",
               typeof r
             ), b(() => {
-              const l = this.isAssetValue(r) ? (N()(), r.resolve()) : r();
+              const l = this.isAssetValue(r) ? (j()(), r.resolve()) : r();
               console.log(
                 "BaseModifier reactive effect fired - property:",
                 a,
@@ -2004,7 +2061,7 @@ class w {
             });
           else {
             const l = this.toCSSValueForProperty(a, r);
-            if (process.env.NODE_ENV === "development" && a === "font-family" && (console.log("[AppearanceModifier.applyStyles] Setting font-family property:", a, "value:", l), console.log("[AppearanceModifier.applyStyles] Element:", s), console.log("[AppearanceModifier.applyStyles] Current computed font-family:", getComputedStyle(s).fontFamily)), i.setProperty)
+            if (process.env.NODE_ENV === "development" && a === "font-family" && (console.log("[AppearanceModifier.applyStyles] Setting font-family property:", a, "value:", l), console.log("[AppearanceModifier.applyStyles] Element:", s), typeof getComputedStyle == "function" && console.log("[AppearanceModifier.applyStyles] Current computed font-family:", getComputedStyle(s).fontFamily)), i.setProperty)
               if (typeof l == "string" && l.includes("!important")) {
                 const c = l.replace(/\s*!important\s*$/, "").trim();
                 i.setProperty(a, c, "important");
@@ -2020,13 +2077,13 @@ class w {
    * Add CSS classes to an element
    */
   addClasses(s, e) {
-    s instanceof HTMLElement && s.classList.add(...e);
+    $(s) && s.classList.add(...e);
   }
   /**
    * Remove CSS classes from an element
    */
   removeClasses(s, e) {
-    s instanceof HTMLElement && s.classList.remove(...e);
+    $(s) && s.classList.remove(...e);
   }
   /**
    * Create a style computation context
@@ -2041,11 +2098,11 @@ class w {
     };
   }
 }
-class tr extends w {
+class mr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "layout");
-    f(this, "priority", P.LAYOUT);
+    d(this, "type", "layout");
+    d(this, "priority", V.LAYOUT);
   }
   apply(e, t) {
     if (!e.element || !t.element) return;
@@ -2059,7 +2116,7 @@ class tr extends w {
     );
     this.applyStyles(t.element, n);
     const r = this.properties;
-    r.offset && t.element instanceof HTMLElement && this.applyOffsetTransform(t.element, r.offset), r.aspectRatio && t.element instanceof HTMLElement && this.applyAspectRatio(t.element, r.aspectRatio), r.scaleEffect && t.element instanceof HTMLElement && this.applyScaleTransform(t.element, r.scaleEffect), r.position && t.element instanceof HTMLElement && this.applyAbsolutePosition(t.element, r.position), r.zIndex !== void 0 && t.element instanceof HTMLElement && this.applyZIndex(t.element, r.zIndex);
+    r.offset && $(t.element) && this.applyOffsetTransform(t.element, r.offset), r.aspectRatio && $(t.element) && this.applyAspectRatio(t.element, r.aspectRatio), r.scaleEffect && $(t.element) && this.applyScaleTransform(t.element, r.scaleEffect), r.position && $(t.element) && this.applyAbsolutePosition(t.element, r.position), r.zIndex !== void 0 && $(t.element) && this.applyZIndex(t.element, r.zIndex);
   }
   applyOffsetTransform(e, t) {
     const { x: i, y: n } = t;
@@ -2085,11 +2142,11 @@ class tr extends w {
     const { x: i, y: n, anchor: r } = t, a = i ?? 1, l = n ?? a;
     if (p(a) || m(a) || p(l) || m(l))
       b(() => {
-        const c = p(a) || m(a) ? a() : a, u = p(l) || m(l) ? l() : l, d = `scale(${c}, ${u})`;
+        const c = p(a) || m(a) ? a() : a, u = p(l) || m(l) ? l() : l, f = `scale(${c}, ${u})`;
         e.style.transformOrigin = this.getTransformOrigin(
           r || "center"
         );
-        const y = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), v = y ? `${y} ${d}` : d;
+        const y = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), v = y ? `${y} ${f}` : f;
         e.style.transform = v;
       });
     else {
@@ -2097,7 +2154,7 @@ class tr extends w {
       e.style.transformOrigin = this.getTransformOrigin(
         r || "center"
       );
-      const d = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), h = d ? `${d} ${c}` : c;
+      const f = (e.style.transform || "").replace(/\s*scale\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), h = f ? `${f} ${c}` : c;
       e.style.transform = h;
     }
   }
@@ -2135,7 +2192,7 @@ class tr extends w {
   computeLayoutStyles(e, t) {
     const i = {};
     if (e.frame) {
-      const n = e.frame, r = oe(n);
+      const n = e.frame, r = ue(n);
       if (Object.assign(i, r.cssProps), n.width !== void 0) {
         const a = L(n.width);
         a !== void 0 && !A(n.width) && !r.expandWidth && (i.width = a);
@@ -2208,11 +2265,11 @@ class tr extends w {
     return i;
   }
 }
-class ir extends w {
+class hr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "appearance");
-    f(this, "priority", P.APPEARANCE);
+    d(this, "type", "appearance");
+    d(this, "priority", V.APPEARANCE);
   }
   apply(e, t) {
     if (process.env.NODE_ENV === "development" && console.log("[AppearanceModifier.apply] Called with properties:", Object.keys(this.properties)), !e.element || !t.element) {
@@ -2239,7 +2296,7 @@ class ir extends w {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(e, t) {
-    const i = N();
+    const i = j();
     t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       i();
       const n = t.foregroundColor.resolve();
@@ -2334,8 +2391,8 @@ class ir extends w {
 class C extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "interaction");
-    f(this, "priority", P.INTERACTION);
+    d(this, "type", "interaction");
+    d(this, "priority", V.INTERACTION);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -2360,8 +2417,8 @@ class C extends w {
       ), t.element.addEventListener(
         "touchend",
         (a) => {
-          const c = a.changedTouches[0], u = c.clientX - n, d = c.clientY - r;
-          Math.abs(u) > Math.abs(d) && Math.abs(u) > 50 && (u < 0 && i.onSwipeLeft ? i.onSwipeLeft() : u > 0 && i.onSwipeRight && i.onSwipeRight());
+          const c = a.changedTouches[0], u = c.clientX - n, f = c.clientY - r;
+          Math.abs(u) > Math.abs(f) && Math.abs(u) > 50 && (u < 0 && i.onSwipeLeft ? i.onSwipeLeft() : u > 0 && i.onSwipeRight && i.onSwipeRight());
         },
         { passive: !0 }
       );
@@ -2373,7 +2430,7 @@ class C extends w {
     }), i.onInput && t.element.addEventListener("input", i.onInput), i.onChange && t.element.addEventListener("change", (n) => {
       const r = n.target, a = r.value || r.textContent || "";
       i.onChange(a, n);
-    }), i.onCopy && t.element.addEventListener("copy", i.onCopy), i.onCut && t.element.addEventListener("cut", i.onCut), i.onPaste && t.element.addEventListener("paste", i.onPaste), i.onSelect && t.element.addEventListener("select", i.onSelect), i.disabled !== void 0 && t.element instanceof HTMLElement) {
+    }), i.onCopy && t.element.addEventListener("copy", i.onCopy), i.onCut && t.element.addEventListener("cut", i.onCut), i.onPaste && t.element.addEventListener("paste", i.onPaste), i.onSelect && t.element.addEventListener("select", i.onSelect), i.disabled !== void 0 && $(t.element)) {
       const n = t.element, r = (a) => {
         a ? (n.setAttribute("disabled", "true"), n.style.pointerEvents = "none", n.style.opacity = "0.6") : (n.removeAttribute("disabled"), n.style.pointerEvents = "", n.style.opacity = "");
       };
@@ -2381,7 +2438,7 @@ class C extends w {
         r(!!i.disabled());
       }) : r(!!i.disabled);
     }
-    i.draggable !== void 0 && t.element instanceof HTMLElement && (t.element.draggable = i.draggable), i.accessibilityLabel && t.element.setAttribute("aria-label", i.accessibilityLabel), i.accessibilityHint && t.element.setAttribute("aria-describedby", i.accessibilityHint), i.onLongPressGesture && this.setupLongPressGesture(t.element, i.onLongPressGesture), i.keyboardShortcut && this.setupKeyboardShortcut(t.element, i.keyboardShortcut), i.focused !== void 0 && this.setupFocusManagement(t.element, i.focused), i.focusable && this.setupFocusable(t.element, i.focusable), i.onContinuousHover && this.setupContinuousHover(t.element, i.onContinuousHover), i.allowsHitTesting !== void 0 && this.setupHitTesting(t.element, i.allowsHitTesting);
+    i.draggable !== void 0 && $(t.element) && (t.element.draggable = i.draggable), i.accessibilityLabel && t.element.setAttribute("aria-label", i.accessibilityLabel), i.accessibilityHint && t.element.setAttribute("aria-describedby", i.accessibilityHint), i.onLongPressGesture && this.setupLongPressGesture(t.element, i.onLongPressGesture), i.keyboardShortcut && this.setupKeyboardShortcut(t.element, i.keyboardShortcut), i.focused !== void 0 && this.setupFocusManagement(t.element, i.focused), i.focusable && this.setupFocusable(t.element, i.focusable), i.onContinuousHover && this.setupContinuousHover(t.element, i.onContinuousHover), i.allowsHitTesting !== void 0 && this.setupHitTesting(t.element, i.allowsHitTesting);
   }
   // Phase 4 Advanced Gesture Methods
   /**
@@ -2394,10 +2451,10 @@ class C extends w {
       r && (clearTimeout(r), r = void 0), l && t.onPressingChanged && t.onPressingChanged(!1), l = !1, a = null;
     }, u = (v) => {
       const S = v;
-      a = { x: S.clientX, y: S.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = window.setTimeout(() => {
+      a = { x: S.clientX, y: S.clientY }, l = !0, t.onPressingChanged && t.onPressingChanged(!0), r = (Jt() ? window.setTimeout : setTimeout)(() => {
         l && a && (t.perform(), c());
       }, i);
-    }, d = (v) => {
+    }, f = (v) => {
       const S = v;
       if (!a || !l) return;
       Math.sqrt(
@@ -2408,7 +2465,7 @@ class C extends w {
     }, y = () => {
       c();
     };
-    e.addEventListener("pointerdown", u), e.addEventListener("pointermove", d), e.addEventListener("pointerup", h), e.addEventListener(
+    e.addEventListener("pointerdown", u), e.addEventListener("pointermove", f), e.addEventListener("pointerup", h), e.addEventListener(
       "pointercancel",
       y
     ), e._longPressCleanup = c;
@@ -2430,19 +2487,19 @@ class C extends w {
         shift: r.shiftKey,
         alt: r.altKey
       }, c = r.key.toLowerCase() === t.key.toLowerCase(), u = Object.entries(a).every(
-        ([d, h]) => h === l[d]
+        ([f, h]) => h === l[f]
       );
       c && u && (r.preventDefault(), t.action());
     };
-    document.addEventListener("keydown", n), e._keyboardShortcutCleanup = () => {
+    re() && (document.addEventListener("keydown", n), e._keyboardShortcutCleanup = () => {
       document.removeEventListener("keydown", n);
-    };
+    });
   }
   /**
    * Setup focus management with reactive binding
    */
   setupFocusManagement(e, t) {
-    if (!(e instanceof HTMLElement)) return;
+    if (!$(e)) return;
     const i = e;
     i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), p(t) || m(t) ? b(() => {
       t() ? i.focus() : i.blur();
@@ -2452,7 +2509,7 @@ class C extends w {
    * Setup focusable behavior
    */
   setupFocusable(e, t) {
-    if (!(e instanceof HTMLElement)) return;
+    if (!$(e)) return;
     const i = e;
     t.isFocusable === !1 ? i.setAttribute("tabindex", "-1") : i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0"), t.interactions?.includes("activate") && i.addEventListener("keydown", (n) => {
       (n.key === "Enter" || n.key === " ") && (n.preventDefault(), i.click());
@@ -2466,8 +2523,8 @@ class C extends w {
       const l = a;
       let c, u;
       if (i === "local") {
-        const d = e.getBoundingClientRect();
-        c = l.clientX - d.left, u = l.clientY - d.top;
+        const f = e.getBoundingClientRect();
+        c = l.clientX - f.left, u = l.clientY - f.top;
       } else
         c = l.clientX, u = l.clientY;
       t.perform({ x: c, y: u });
@@ -2485,38 +2542,38 @@ class C extends w {
    * Setup hit testing control
    */
   setupHitTesting(e, t) {
-    e instanceof HTMLElement && (e.style.pointerEvents = t ? "" : "none");
+    $(e) && (e.style.pointerEvents = t ? "" : "none");
   }
 }
-class nr extends w {
+class yr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "animation");
-    f(this, "priority", P.ANIMATION);
+    d(this, "type", "animation");
+    d(this, "priority", V.ANIMATION);
   }
   apply(e, t) {
     if (!t.element) return;
     const i = this.properties;
     if (i.transition) {
       const n = i.transition, r = n.property || "all", a = n.duration || 300, l = n.easing || "ease", c = n.delay || 0;
-      t.element instanceof HTMLElement && (t.element.style.transition = `${r} ${a}ms ${l} ${c}ms`);
+      F(t.element) && (t.element.style.transition = `${r} ${a}ms ${l} ${c}ms`);
     }
-    if (i.animation && t.element instanceof HTMLElement) {
+    if (i.animation && F(t.element)) {
       const n = i.animation;
-      if (n.keyframes) {
+      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", u = n.iterations || 1, d = n.direction || "normal";
-        t.element.style.animation = `${r} ${l}ms ${c} ${u} ${d}`;
+        const l = n.duration || 1e3, c = n.easing || "ease", u = n.iterations || 1, f = n.direction || "normal";
+        t.element.style.animation = `${r} ${l}ms ${c} ${u} ${f}`;
       }
     }
-    if (i.transform && t.element instanceof HTMLElement && (p(i.transform) || m(i.transform) ? b(() => {
+    if (i.transform && F(t.element) && (p(i.transform) || m(i.transform) ? b(() => {
       const n = i.transform();
-      t.element instanceof HTMLElement && (t.element.style.transform = n);
-    }) : t.element.style.transform = i.transform), i.rotationEffect && t.element instanceof HTMLElement) {
+      F(t.element) && (t.element.style.transform = n);
+    }) : t.element.style.transform = i.transform), i.rotationEffect && F(t.element)) {
       const { angle: n, anchor: r } = i.rotationEffect, l = {
         center: "50% 50%",
         top: "50% 0%",
@@ -2530,24 +2587,24 @@ class nr extends w {
       }[r || "center"] || "50% 50%", c = `rotate(${n}deg)`;
       if (p(n) || m(n))
         b(() => {
-          const d = `rotate(${typeof n == "function" ? n() : n}deg)`;
-          if (t.element instanceof HTMLElement) {
+          const f = `rotate(${typeof n == "function" ? n() : n}deg)`;
+          if (F(t.element)) {
             t.element.style.transformOrigin = l;
-            const y = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), v = y ? `${y} ${d}` : d;
+            const y = (t.element.style.transform || "").split(" ").filter((S) => S && !S.startsWith("rotate(")).join(" "), v = y ? `${y} ${f}` : f;
             t.element.style.transform = v;
           }
         });
-      else if (t.element instanceof HTMLElement) {
+      else if (F(t.element)) {
         t.element.style.transformOrigin = l;
-        const d = (t.element.style.transform || "").split(" ").filter((y) => y && !y.startsWith("rotate(")).join(" "), h = d ? `${d} ${c}` : c;
+        const f = (t.element.style.transform || "").split(" ").filter((y) => y && !y.startsWith("rotate(")).join(" "), h = f ? `${f} ${c}` : c;
         t.element.style.transform = h;
       }
     }
-    i.overlay && t.element instanceof HTMLElement && this.applyOverlay(t.element, i.overlay, t);
+    i.overlay && $(t.element) && this.applyOverlay(t.element, i.overlay, t);
   }
   applyOverlay(e, t, i) {
     const { content: n, alignment: r = "center" } = t;
-    (e.style.position === "" || e.style.position === "static") && (e.style.position = "relative");
+    if ((e.style.position === "" || e.style.position === "static") && (e.style.position = "relative"), !re()) return;
     const a = document.createElement("div");
     a.style.position = "absolute", a.style.pointerEvents = "none";
     const l = this.getOverlayAlignment(r);
@@ -2560,7 +2617,7 @@ class nr extends w {
     } else if (n && typeof n.render == "function") {
       const c = n.render();
       c.element && a.appendChild(c.element);
-    } else n instanceof HTMLElement && a.appendChild(n);
+    } else $(n) && a.appendChild(n);
     e.appendChild(a);
   }
   getOverlayAlignment(e) {
@@ -2626,20 +2683,21 @@ class nr extends w {
     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 or extends w {
+class gr extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "lifecycle");
-    f(this, "priority", P.CUSTOM);
-    f(this, "activeAbortController");
+    d(this, "type", "lifecycle");
+    d(this, "priority", V.CUSTOM);
+    d(this, "activeAbortController");
     // Cleanup helpers
-    f(this, "cleanupFunctions", []);
+    d(this, "cleanupFunctions", []);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -2684,7 +2742,9 @@ class or extends w {
   setupRefreshable(e, t) {
     if (!t) return;
     let i = !1, n = 0, r = 0;
-    const a = 70, l = document.createElement("div");
+    const a = 70;
+    if (!re()) return;
+    const l = document.createElement("div");
     if (l.style.cssText = `
       position: absolute;
       top: -50px;
@@ -2709,10 +2769,10 @@ class or extends w {
       `, document.head.appendChild(y);
     }
     const c = e.parentElement || e;
-    c instanceof HTMLElement && (c.style.position = "relative", c.appendChild(l));
+    $(c) && (c.style.position = "relative", c.appendChild(l));
     const u = (y) => {
       i || (r = y.touches[0].clientY);
-    }, d = (y) => {
+    }, f = (y) => {
       if (i) return;
       const v = y.touches[0].clientY;
       if (n = Math.max(0, v - r), n > 20) {
@@ -2736,7 +2796,7 @@ class or extends w {
     };
     e.addEventListener("touchstart", u, {
       passive: !0
-    }), e.addEventListener("touchmove", d, {
+    }), e.addEventListener("touchmove", f, {
       passive: !1
     }), e.addEventListener("touchend", h, {
       passive: !0
@@ -2744,7 +2804,7 @@ class or extends w {
       e.removeEventListener(
         "touchstart",
         u
-      ), e.removeEventListener("touchmove", d), e.removeEventListener("touchend", h), l.parentElement && l.parentElement.removeChild(l);
+      ), e.removeEventListener("touchmove", f), e.removeEventListener("touchend", h), l.parentElement && l.parentElement.removeChild(l);
     });
   }
   addCleanup(e) {
@@ -2754,11 +2814,11 @@ class or extends w {
     this.cleanupFunctions.forEach((e) => e()), this.cleanupFunctions = [];
   }
 }
-class ve extends w {
+class Te 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) {
@@ -2780,8 +2840,8 @@ class ve extends w {
         "center"
       ), r = this.resolveReactive(this.properties.side, void 0), a = this.resolveReactive(this.properties.offset, void 0), l = this.resolveReactive(this.properties.enabled, !0);
       this.clearPositionStyles(e);
-      const c = r ?? n, u = r !== void 0 ? c : n, d = this.getOverlayAlignment(u);
-      Object.assign(e.style, d), this.applyOffset(e, c, a), e.style.display = l ? "" : "none";
+      const c = r ?? n, u = r !== void 0 ? c : n, f = this.getOverlayAlignment(u);
+      Object.assign(e.style, f), 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(() => {
@@ -2903,20 +2963,20 @@ class ve extends w {
     return t[e] || t.center;
   }
 }
-function Nt(o, s = "center") {
-  return typeof s == "object" && s !== null && !p(s) && !m(s) ? new ve({
+function Qt(o, s = "center") {
+  return typeof s == "object" && s !== null && !p(s) && !m(s) ? new Te({
     content: o,
     ...s
-  }) : new ve({
+  }) : new Te({
     content: o,
     alignment: s
   });
 }
-class Me extends g {
+class $e extends g {
   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;
@@ -2950,7 +3010,7 @@ class Me extends g {
    * This mirrors the core AppearanceModifier pattern
    */
   applyColorAssetWithThemeReactivity(e, t, i) {
-    const n = N();
+    const n = j();
     b(() => {
       n();
       const r = i.resolve();
@@ -2963,7 +3023,7 @@ class Me extends g {
   resolveBackgroundValue(e) {
     if (e != null) {
       if (this.isGradientDefinition(e))
-        return He(e);
+        return je(e);
       if (this.isAssetValue(e)) {
         const t = e.resolve();
         return typeof t == "string" ? t : String(t);
@@ -2983,24 +3043,24 @@ class Me extends g {
       disabled: t.disabled ? this.resolveBackgroundValue(
         t.disabled
       ) : void 0
-    }, r = (d) => {
-      if (!d) return;
-      const h = n[d];
+    }, r = (f) => {
+      if (!f) return;
+      const h = n[f];
       h !== void 0 && this.applyStyleChange(e, i, h);
     }, a = () => this.isElementDisabled(e) && n.disabled ? "disabled" : n.focus && this.matchesSelector(e, ":focus") ? "focus" : "default", l = () => {
-      const d = t.animation;
-      if (!d) return;
-      const h = d.duration ?? 200, y = d.easing ?? "ease", v = d.delay ?? 0, _ = `${i === "backgroundColor" ? "background-color" : "background"} ${h}ms ${y} ${v}ms`;
-      e.style.transition = _;
-      const W = e.style.cssText || "";
-      W.includes("transition") || (e.style.cssText = `${W}${W ? ";" : ""}transition: ${_};`);
+      const f = t.animation;
+      if (!f) return;
+      const h = f.duration ?? 200, y = f.easing ?? "ease", v = f.delay ?? 0, N = `${i === "backgroundColor" ? "background-color" : "background"} ${h}ms ${y} ${v}ms`;
+      e.style.transition = N;
+      const K = e.style.cssText || "";
+      K.includes("transition") || (e.style.cssText = `${K}${K ? ";" : ""}transition: ${N};`);
     }, c = () => {
-      const d = a();
-      if (d === "focus" && this.matchesSelector(e, ":hover") && n.hover) {
+      const f = a();
+      if (f === "focus" && this.matchesSelector(e, ":hover") && n.hover) {
         r("hover");
         return;
       }
-      r(d);
+      r(f);
     }, u = () => {
       if (this.isElementDisabled(e) && n.disabled) {
         r("disabled");
@@ -3044,16 +3104,16 @@ class Me extends g {
     return !!(e.hasAttribute && e.hasAttribute("disabled") || e.getAttribute && e.getAttribute("aria-disabled") === "true");
   }
 }
-const zt = {
+const ei = {
   repeat: "no-repeat",
   size: "cover",
   position: "center"
 };
-class Ft extends g {
+class ti extends g {
   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;
@@ -3075,7 +3135,7 @@ class Ft extends g {
     return e === "tile" ? "repeat" : e;
   }
   applyImageAssetWithThemeReactivity(e, t) {
-    const i = N();
+    const i = j();
     b(() => {
       i();
       const r = t.resolve().replace(/["\\]/g, "\\$&");
@@ -3083,11 +3143,11 @@ class Ft extends g {
     });
   }
 }
-class xe extends g {
+class Ve extends g {
   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;
@@ -3099,36 +3159,36 @@ class xe extends g {
     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 Wt(o) {
-  return new Me({
+function ii(o) {
+  return new $e({
     background: o,
     cssProperty: "backgroundColor"
   });
 }
-function jt(o) {
-  return new Me({
+function ni(o) {
+  return new $e({
     background: o,
     cssProperty: "background"
   });
 }
-function Ut(o, s = {}) {
-  return new Ft({
+function oi(o, s = {}) {
+  return new ti({
     source: o,
     options: {
-      ...zt,
+      ...ei,
       ...s
     }
   });
 }
-function rr(o, s = "text", e = "transparent") {
-  return new xe({
+function vr(o, s = "text", e = "transparent") {
+  return new Ve({
     backgroundImage: o,
     backgroundClip: s,
     color: e
   });
 }
-function G(o) {
-  return new xe({
+function Z(o) {
+  return new Ve({
     backgroundImage: o,
     backgroundClip: "text",
     webkitBackgroundClip: "text",
@@ -3136,38 +3196,38 @@ function G(o) {
     webkitTextFillColor: "transparent"
   });
 }
-function sr() {
-  return G("linear-gradient(45deg, #007AFF, #5856D6)");
+function br() {
+  return Z("linear-gradient(45deg, #007AFF, #5856D6)");
 }
-function ar() {
-  return G(
+function Sr() {
+  return Z(
     "linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)"
   );
 }
-function lr() {
-  return G("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
+function wr() {
+  return Z("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
 }
-function cr() {
-  return G("linear-gradient(45deg, #667eea, #764ba2)");
+function Cr() {
+  return Z("linear-gradient(45deg, #667eea, #764ba2)");
 }
-function fr() {
-  return G("linear-gradient(45deg, #f7971e, #ffd200)");
+function Er() {
+  return Z("linear-gradient(45deg, #f7971e, #ffd200)");
 }
-class Gt extends g {
+class ri extends g {
   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 Kt extends g {
+class si extends g {
   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(
@@ -3177,30 +3237,30 @@ class Kt extends g {
     );
   }
 }
-function Yt(o) {
-  return new Gt({ mode: o });
+function ai(o) {
+  return new ri({ mode: o });
 }
-function Xt(o) {
-  return new Kt({ mode: o });
+function li(o) {
+  return new si({ mode: o });
 }
-class Zt extends g {
+class ci extends g {
   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 qt() {
-  return new Zt({});
+function di() {
+  return new ci({});
 }
-class D extends g {
+class _ extends g {
   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;
@@ -3211,7 +3271,7 @@ class D extends g {
     const i = this.computeAssetColorStyles(t);
     if (Object.keys(i).length === 0)
       return;
-    const n = N();
+    const n = j();
     b(() => {
       n(), Object.entries(i).forEach(([r, a]) => {
         this.applyStyleChange(e, r, a.resolve());
@@ -3244,11 +3304,11 @@ class D extends g {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-class Jt extends g {
+class fi extends g {
   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;
@@ -3289,45 +3349,45 @@ class Jt extends g {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function Qt(o, s, e) {
-  return typeof o == "number" || typeof o == "string" ? new D({
+function ui(o, s, e) {
+  return typeof o == "number" || typeof o == "string" ? new _({
     width: o,
     color: s || "currentColor",
     style: e || "solid"
-  }) : new D(o);
+  }) : new _(o);
 }
-function ei(o, s, e) {
-  return new D({ top: { width: o, color: s, style: e } });
+function pi(o, s, e) {
+  return new _({ top: { width: o, color: s, style: e } });
 }
-function ti(o, s, e) {
-  return new D({ right: { width: o, color: s, style: e } });
+function mi(o, s, e) {
+  return new _({ right: { width: o, color: s, style: e } });
 }
-function ii(o, s, e) {
-  return new D({ bottom: { width: o, color: s, style: e } });
+function hi(o, s, e) {
+  return new _({ bottom: { width: o, color: s, style: e } });
 }
-function ni(o, s, e) {
-  return new D({ left: { width: o, color: s, style: e } });
+function yi(o, s, e) {
+  return new _({ left: { width: o, color: s, style: e } });
 }
-function dr(o, s, e) {
-  return new D({ leading: { width: o, color: s, style: e } });
+function xr(o, s, e) {
+  return new _({ leading: { width: o, color: s, style: e } });
 }
-function ur(o, s, e) {
-  return new D({ trailing: { width: o, color: s, style: e } });
+function Mr(o, s, e) {
+  return new _({ trailing: { width: o, color: s, style: e } });
 }
-function pr(o, s, e) {
-  return new D({ horizontal: { width: o, color: s, style: e } });
+function Tr(o, s, e) {
+  return new _({ horizontal: { width: o, color: s, style: e } });
 }
-function mr(o, s, e) {
-  return new D({ vertical: { width: o, color: s, style: e } });
+function Lr(o, s, e) {
+  return new _({ vertical: { width: o, color: s, style: e } });
 }
-function hr(o) {
-  return new Jt({ radius: o });
+function Ar(o) {
+  return new fi({ radius: o });
 }
-class Te extends g {
+class Re extends g {
   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)
@@ -3351,7 +3411,7 @@ class Te extends g {
    * This mirrors the core AppearanceModifier pattern
    */
   applyColorAssetWithThemeReactivity(e, t, i) {
-    const n = N();
+    const n = j();
     b(() => {
       n();
       const r = i.resolve();
@@ -3359,17 +3419,17 @@ class Te extends g {
     });
   }
 }
-function oi(o) {
-  return new Te({ color: o });
+function gi(o) {
+  return new Re({ color: o });
 }
-function yr(o) {
-  return new Te({ color: o });
+function kr(o) {
+  return new Re({ color: o });
 }
-class ri extends g {
+class vi extends g {
   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;
@@ -3397,14 +3457,14 @@ class ri extends g {
     }
   }
 }
-function si(o, s) {
-  return new ri({ shape: o, parameters: s || {} });
+function bi(o, s) {
+  return new vi({ shape: o, parameters: s || {} });
 }
-class ai extends g {
+class Si extends g {
   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;
@@ -3412,38 +3472,38 @@ class ai extends g {
     i.style && (this.properties.clipped ? i.style.overflow = "hidden" : i.style.overflow = "");
   }
 }
-function li(o = !0) {
-  return new ai({ clipped: o });
+function wi(o = !0) {
+  return new Si({ clipped: o });
 }
-function ci(o) {
-  return new H({ opacity: o });
+function Ci(o) {
+  return new B({ opacity: o });
 }
-function fi(o) {
-  return new H({ cornerRadius: o });
+function Ei(o) {
+  return new B({ cornerRadius: o });
 }
-function di(o) {
-  return new H({ font: { family: o } });
+function xi(o) {
+  return new B({ font: { family: o } });
 }
-function ui(o) {
-  return new H({ font: { size: o } });
+function Mi(o) {
+  return new B({ font: { size: o } });
 }
-function pi(o) {
-  return new H({ font: { weight: o } });
+function Ti(o) {
+  return new B({ font: { weight: o } });
 }
-function mi(o) {
-  return new H({ font: { style: o } });
+function Li(o) {
+  return new B({ font: { style: o } });
 }
-function hi(o) {
-  return new H({ font: o });
+function Ai(o) {
+  return new B({ font: o });
 }
-const yi = "typography", be = Symbol.for("tachui.typography.instanceId");
-let Se = 0;
-function gi(o) {
-  const s = o[be];
+const ki = "typography", Le = Symbol.for("tachui.typography.instanceId");
+let Ae = 0;
+function Ii(o) {
+  const s = o[Le];
   if (typeof s == "number") return s;
-  Se += 1;
-  const e = Se;
-  return Object.defineProperty(o, be, {
+  Ae += 1;
+  const e = Ae;
+  return Object.defineProperty(o, Le, {
     value: e,
     enumerable: !1,
     configurable: !1,
@@ -3453,8 +3513,8 @@ function gi(o) {
 class k extends g {
   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;
@@ -3481,16 +3541,16 @@ class k extends g {
       }
       const c = t.replace(
         /-([a-z])/g,
-        (u, d) => d.toUpperCase()
+        (u, f) => f.toUpperCase()
       );
       n[c] = l;
     };
     if (p(i) || m(i)) {
-      const a = i, l = gi(this);
-      we({
+      const a = i, l = Ii(this);
+      ke({
         element: e,
         accessor: a,
-        updaterId: `${yi}:${l}:${t}`,
+        updaterId: `${ki}:${l}:${t}`,
         updater: (c) => {
           r(c);
         }
@@ -3516,57 +3576,57 @@ class k extends g {
     return e === "leading" ? "start" : e === "trailing" ? "end" : e;
   }
 }
-function vi(o) {
+function Pi(o) {
   return new k(o);
 }
-function bi(o) {
+function $i(o) {
   return new k({ align: o });
 }
-function Le(o) {
+function De(o) {
   return new k({ transform: o });
 }
-function Si(o) {
+function Vi(o) {
   return new k({ decoration: o });
 }
-function gr(o) {
+function Ir(o) {
   return new k({ size: o });
 }
-function vr(o) {
+function Pr(o) {
   return new k({ weight: o });
 }
-function wi(o) {
+function Ri(o) {
   return new k({ lineHeight: o });
 }
-function Ci(o) {
+function Di(o) {
   return new k({ letterSpacing: o });
 }
-function br(o) {
+function $r(o) {
   return new k({ wordSpacing: o });
 }
-function Ei(o) {
+function Oi(o) {
   return new k({ textOverflow: o });
 }
-function Mi(o) {
+function _i(o) {
   return new k({ whiteSpace: o });
 }
-function xi(o) {
+function Bi(o) {
   return new k({ overflow: o });
 }
-function Ti(o) {
-  return Le(o);
+function Hi(o) {
+  return De(o);
 }
-function Sr(o) {
+function Vr(o) {
   return new k({ family: o });
 }
-function Li(o) {
-  return typeof o == "string" ? Ai(o) : new k({
+function Ni(o) {
+  return typeof o == "string" ? zi(o) : new k({
     family: o.family,
     size: o.size,
     weight: o.weight,
     style: o.style
   });
 }
-function Ai(o) {
+function zi(o) {
   const s = {
     ".largeTitle": { size: 34, weight: 400 },
     ".title": { size: 28, weight: 400 },
@@ -3582,7 +3642,7 @@ function Ai(o) {
   }, e = s[o];
   return e ? new k(e) : new k(s[".body"]);
 }
-function wr(o) {
+function Rr(o) {
   let s;
   switch (o.design) {
     case "serif":
@@ -3603,7 +3663,7 @@ function wr(o) {
     weight: o.weight
   });
 }
-function Cr(o, s) {
+function Dr(o, s) {
   return new k({
     family: o,
     size: s?.size,
@@ -3611,11 +3671,11 @@ function Cr(o, s) {
     style: s?.style
   });
 }
-class ki extends g {
+class Fi extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "lineClamp");
-    f(this, "priority", P.APPEARANCE + 15);
+    d(this, "type", "lineClamp");
+    d(this, "priority", V.APPEARANCE + 15);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3640,14 +3700,14 @@ class ki extends g {
     );
   }
 }
-function Ii(o) {
-  return new ki({ lines: o });
+function Wi(o) {
+  return new Fi({ lines: o });
 }
-class Pi extends g {
+class ji extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "wordBreak");
-    f(this, "priority", P.APPEARANCE + 8);
+    d(this, "type", "wordBreak");
+    d(this, "priority", V.APPEARANCE + 8);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3668,14 +3728,14 @@ class Pi extends g {
     );
   }
 }
-function $i(o) {
-  return new Pi({ wordBreak: o });
+function Ui(o) {
+  return new ji({ wordBreak: o });
 }
-class Vi extends g {
+class Gi extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "overflowWrap");
-    f(this, "priority", P.APPEARANCE + 9);
+    d(this, "type", "overflowWrap");
+    d(this, "priority", V.APPEARANCE + 9);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3693,14 +3753,14 @@ class Vi extends g {
     );
   }
 }
-function Ri(o) {
-  return new Vi({ overflowWrap: o });
+function Ki(o) {
+  return new Gi({ overflowWrap: o });
 }
-class Di extends g {
+class Yi extends g {
   constructor() {
     super(...arguments);
-    f(this, "type", "hyphens");
-    f(this, "priority", P.APPEARANCE + 10);
+    d(this, "type", "hyphens");
+    d(this, "priority", V.APPEARANCE + 10);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3721,17 +3781,17 @@ class Di extends g {
     );
   }
 }
-function Hi(o) {
-  return new Di({ hyphens: o });
+function Xi(o) {
+  return new Yi({ hyphens: o });
 }
-class O extends g {
+class H extends g {
   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", "scroll");
-    f(this, "priority", 20);
+    d(this, "type", "scroll");
+    d(this, "priority", 20);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -3766,39 +3826,39 @@ class O extends g {
     return typeof e == "number" ? `${e}px` : e;
   }
 }
-function Oi(o) {
-  return new O({ scroll: o });
+function Zi(o) {
+  return new H({ scroll: o });
 }
-function _i(o) {
-  return new O({ scrollBehavior: o });
+function qi(o) {
+  return new H({ scrollBehavior: o });
 }
-function Bi(o) {
-  return new O({ overscrollBehavior: o });
+function Ji(o) {
+  return new H({ overscrollBehavior: o });
 }
-function Ni(o) {
-  return new O({ overscrollBehaviorX: o });
+function Qi(o) {
+  return new H({ overscrollBehaviorX: o });
 }
-function zi(o) {
-  return new O({ overscrollBehaviorY: o });
+function en(o) {
+  return new H({ overscrollBehaviorY: o });
 }
-function Fi(o) {
-  return new O({ scroll: { margin: o } });
+function tn(o) {
+  return new H({ scroll: { margin: o } });
 }
-function Wi(o) {
-  return new O({ scroll: { padding: o } });
+function nn(o) {
+  return new H({ scroll: { padding: o } });
 }
-function ji(o, s, e) {
-  return new O({
+function on(o, s, e) {
+  return new H({
     scroll: {
       snap: { type: o, align: s, stop: e }
     }
   });
 }
-class Ui extends w {
+class rn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onHover");
-    f(this, "priority", 50);
+    d(this, "type", "onHover");
+    d(this, "priority", 50);
   }
   apply(e, t) {
     t.element && this.setupHoverTracking(t.element, this.properties);
@@ -3816,14 +3876,14 @@ class Ui extends w {
     e._hoverCleanup = r;
   }
 }
-function Gi(o) {
-  return new Ui({ onHover: o });
+function sn(o) {
+  return new rn({ onHover: o });
 }
-class Ki extends w {
+class an 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;
@@ -3835,11 +3895,11 @@ class Ki extends w {
     };
   }
 }
-class Yi extends w {
+class ln 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;
@@ -3851,11 +3911,11 @@ class Yi extends w {
     };
   }
 }
-class Xi extends w {
+class cn 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;
@@ -3867,11 +3927,11 @@ class Xi extends w {
     };
   }
 }
-class Zi extends w {
+class dn 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;
@@ -3883,11 +3943,11 @@ class Zi extends w {
     };
   }
 }
-class qi extends w {
+class fn 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;
@@ -3899,11 +3959,11 @@ class qi extends w {
     };
   }
 }
-class Ji extends w {
+class un 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;
@@ -3915,29 +3975,29 @@ class Ji extends w {
     };
   }
 }
-function Qi(o) {
-  return new Ki({ onMouseEnter: o });
+function pn(o) {
+  return new an({ onMouseEnter: o });
 }
-function en(o) {
-  return new Yi({ onMouseLeave: o });
+function mn(o) {
+  return new ln({ onMouseLeave: o });
 }
-function tn(o) {
-  return new Xi({ onMouseDown: o });
+function hn(o) {
+  return new cn({ onMouseDown: o });
 }
-function nn(o) {
-  return new Zi({ onMouseUp: o });
+function yn(o) {
+  return new dn({ onMouseUp: o });
 }
-function on(o) {
-  return new qi({ onDoubleClick: o });
+function gn(o) {
+  return new fn({ onDoubleClick: o });
 }
-function rn(o) {
-  return new Ji({ onContextMenu: o });
+function vn(o) {
+  return new un({ onContextMenu: o });
 }
-class sn extends w {
+class bn 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;
@@ -3949,11 +4009,11 @@ class sn extends w {
     };
   }
 }
-class an extends w {
+class Sn 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;
@@ -3965,11 +4025,11 @@ class an extends w {
     };
   }
 }
-class ln extends w {
+class wn 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;
@@ -3981,20 +4041,20 @@ class ln extends w {
     };
   }
 }
-function cn(o) {
-  return new sn({ onKeyDown: o });
+function Cn(o) {
+  return new bn({ onKeyDown: o });
 }
-function fn(o) {
-  return new an({ onKeyUp: o });
+function En(o) {
+  return new Sn({ onKeyUp: o });
 }
-function dn(o) {
-  return new ln({ onKeyPress: o });
+function xn(o) {
+  return new wn({ onKeyPress: o });
 }
-class un extends w {
+class Mn 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;
@@ -4008,11 +4068,11 @@ class un extends w {
     };
   }
 }
-class pn extends w {
+class Tn 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;
@@ -4026,17 +4086,17 @@ class pn extends w {
     };
   }
 }
-function mn(o) {
-  return new un({ onFocus: o });
+function Ln(o) {
+  return new Mn({ onFocus: o });
 }
-function hn(o) {
-  return new pn({ onBlur: o });
+function An(o) {
+  return new Tn({ onBlur: o });
 }
-class yn extends w {
+class kn extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onLongPressGesture");
-    f(this, "priority", 85);
+    d(this, "type", "onLongPressGesture");
+    d(this, "priority", 85);
   }
   apply(e, t) {
     t.element && this.setupLongPressGesture(t.element, this.properties);
@@ -4048,7 +4108,7 @@ class yn extends w {
       l || (r = { x: T, y: E }, l = !0, c = !1, t.onPressingChanged?.(!0), a = window.setTimeout(() => {
         l && !c && (c = !0, t.perform());
       }, i));
-    }, d = (T, E) => r ? Math.sqrt(
+    }, f = (T, E) => r ? Math.sqrt(
       Math.pow(T - r.x, 2) + Math.pow(E - r.y, 2)
     ) <= n : !1, h = () => {
       a && (clearTimeout(a), a = null), l && (l = !1, t.onPressingChanged?.(!1)), r = null, c = !1;
@@ -4058,39 +4118,39 @@ class yn extends w {
     }, v = (T) => {
       if (!l) return;
       const E = T;
-      d(E.clientX, E.clientY) || h();
+      f(E.clientX, E.clientY) || h();
     }, S = () => {
       h();
-    }, _ = () => {
+    }, N = () => {
       h();
-    }, W = (T) => {
+    }, K = (T) => {
       const E = T;
       if (E.touches.length === 1) {
-        const j = E.touches[0];
-        T.preventDefault(), u(j.clientX, j.clientY);
+        const Y = E.touches[0];
+        T.preventDefault(), u(Y.clientX, Y.clientY);
       }
-    }, ce = (T) => {
+    }, ge = (T) => {
       if (!l) return;
       const E = T;
       if (E.touches.length === 1) {
-        const j = E.touches[0];
-        d(j.clientX, j.clientY) || h();
+        const Y = E.touches[0];
+        f(Y.clientX, Y.clientY) || h();
       } else
         h();
-    }, fe = () => {
+    }, ve = () => {
       h();
-    }, de = () => {
+    }, be = () => {
       h();
-    }, ue = (T) => {
+    }, Se = (T) => {
       const E = T;
       E.button === 0 && (T.preventDefault(), u(E.clientX, E.clientY));
-    }, pe = (T) => {
+    }, we = (T) => {
       if (!l) return;
       const E = T;
-      d(E.clientX, E.clientY) || h();
-    }, me = () => {
+      f(E.clientX, E.clientY) || h();
+    }, Ce = () => {
       h();
-    }, he = () => {
+    }, Ee = () => {
       h();
     };
     "onpointerdown" in e ? (e.addEventListener(
@@ -4101,16 +4161,16 @@ class yn extends w {
       v
     ), e.addEventListener("pointerup", S), e.addEventListener(
       "pointercancel",
-      _
+      N
     )) : "ontouchstart" in e ? (e.addEventListener(
       "touchstart",
-      W,
+      K,
       { passive: !1 }
-    ), e.addEventListener("touchmove", ce), e.addEventListener("touchend", fe), e.addEventListener(
+    ), e.addEventListener("touchmove", ge), e.addEventListener("touchend", ve), e.addEventListener(
       "touchcancel",
-      de
-    )) : (e.addEventListener("mousedown", ue), e.addEventListener("mousemove", pe), e.addEventListener("mouseup", me), e.addEventListener("mouseleave", he));
-    const Ie = () => {
+      be
+    )) : (e.addEventListener("mousedown", Se), e.addEventListener("mousemove", we), e.addEventListener("mouseup", Ce), e.addEventListener("mouseleave", Ee));
+    const Be = () => {
       h(), "onpointerdown" in e ? (e.removeEventListener(
         "pointerdown",
         y
@@ -4122,42 +4182,42 @@ class yn extends w {
         S
       ), e.removeEventListener(
         "pointercancel",
-        _
+        N
       )) : "ontouchstart" in e ? (e.removeEventListener(
         "touchstart",
-        W
+        K
       ), e.removeEventListener(
         "touchmove",
-        ce
-      ), e.removeEventListener("touchend", fe), e.removeEventListener(
+        ge
+      ), e.removeEventListener("touchend", ve), e.removeEventListener(
         "touchcancel",
-        de
+        be
       )) : (e.removeEventListener(
         "mousedown",
-        ue
+        Se
       ), e.removeEventListener(
         "mousemove",
-        pe
-      ), e.removeEventListener("mouseup", me), e.removeEventListener(
+        we
+      ), e.removeEventListener("mouseup", Ce), e.removeEventListener(
         "mouseleave",
-        he
+        Ee
       ));
     };
-    e._longPressCleanup = Ie;
+    e._longPressCleanup = Be;
   }
 }
-function gn(o) {
-  return new yn(o);
+function In(o) {
+  return new kn(o);
 }
-class vn extends w {
+class Pn 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);
@@ -4167,13 +4227,13 @@ class vn extends w {
       const c = l;
       if (c.key.toLowerCase() !== t.key.toLowerCase())
         return;
-      const u = new Set(i), d = /* @__PURE__ */ new Set();
-      (c.ctrlKey || c.metaKey) && (navigator.platform.includes("Mac") ? (c.metaKey && (d.add("cmd"), d.add("meta")), c.ctrlKey && d.add("ctrl")) : (c.ctrlKey && (d.add("ctrl"), d.add("cmd")), c.metaKey && d.add("meta"))), c.shiftKey && d.add("shift"), c.altKey && d.add("alt");
+      const u = new Set(i), f = /* @__PURE__ */ new Set();
+      (c.ctrlKey || c.metaKey) && (navigator.platform.includes("Mac") ? (c.metaKey && (f.add("cmd"), f.add("meta")), c.ctrlKey && f.add("ctrl")) : (c.ctrlKey && (f.add("ctrl"), f.add("cmd")), c.metaKey && f.add("meta"))), c.shiftKey && f.add("shift"), c.altKey && f.add("alt");
       const h = Array.from(u).every(
-        (S) => d.has(S)
+        (S) => f.has(S)
       ), y = /* @__PURE__ */ new Set([...u]);
       u.has("cmd") && (y.add("meta"), y.add("ctrl")), u.has("meta") && y.add("cmd"), u.has("ctrl") && y.add("cmd");
-      const v = Array.from(d).some(
+      const v = Array.from(f).some(
         (S) => !y.has(
           S
         )
@@ -4190,17 +4250,17 @@ class vn extends w {
     e._keyboardShortcutCleanup = a;
   }
 }
-function Ae(o) {
-  return new vn(o);
+function Oe(o) {
+  return new Pn(o);
 }
-function Er(o, s, e) {
-  return Ae({ key: o, modifiers: s, action: e });
+function Or(o, s, e) {
+  return Oe({ key: o, modifiers: s, action: e });
 }
-class bn 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);
@@ -4223,14 +4283,14 @@ class bn extends w {
         });
       else if (process.env.NODE_ENV !== "test") {
         let c = l(), u = !0;
-        const d = () => {
+        const f = () => {
           if (!u) return;
           const h = l();
-          h !== c && (c = h, r(h)), u && requestAnimationFrame(d);
+          h !== c && (c = h, r(h)), u && requestAnimationFrame(f);
         };
         n = () => {
           u = !1;
-        }, requestAnimationFrame(d);
+        }, requestAnimationFrame(f);
       } else
         n = () => {
         };
@@ -4242,18 +4302,18 @@ class bn extends w {
     e._focusedCleanup = a;
   }
 }
-function Sn(o) {
-  return new bn({ focused: o });
+function Vn(o) {
+  return new $n({ focused: o });
 }
-class wn extends w {
+class Rn 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);
@@ -4290,23 +4350,23 @@ class wn extends w {
     }
   }
 }
-function se(o, s) {
-  return new wn({
+function me(o, s) {
+  return new Rn({
     isFocusable: o ?? !0,
     interactions: s ?? []
   });
 }
-function Cn() {
-  return se(!0, ["activate"]);
+function Dn() {
+  return me(!0, ["activate"]);
 }
-function En() {
-  return se(!0, ["edit"]);
+function On() {
+  return me(!0, ["edit"]);
 }
-class Mn extends w {
+class _n extends w {
   constructor() {
     super(...arguments);
-    f(this, "type", "onContinuousHover");
-    f(this, "priority", 70);
+    d(this, "type", "onContinuousHover");
+    d(this, "priority", 70);
   }
   apply(e, t) {
     t.element && this.setupContinuousHover(t.element, this.properties);
@@ -4314,26 +4374,26 @@ class Mn extends w {
   setupContinuousHover(e, t) {
     const i = t.coordinateSpace ?? "local";
     let n = !1;
-    const r = (d) => {
+    const r = (f) => {
       if (i === "global")
         return {
-          x: d.clientX,
-          y: d.clientY
+          x: f.clientX,
+          y: f.clientY
         };
       {
         const h = e.getBoundingClientRect();
         return {
-          x: d.clientX - h.left,
-          y: d.clientY - h.top
+          x: f.clientX - h.left,
+          y: f.clientY - h.top
         };
       }
-    }, a = (d) => {
+    }, a = (f) => {
       n = !0;
-      const y = r(d);
+      const y = r(f);
       t.perform(y);
-    }, l = (d) => {
+    }, l = (f) => {
       if (!n) return;
-      const y = r(d);
+      const y = r(f);
       t.perform(y);
     }, c = () => {
       n = !1, t.perform(null);
@@ -4351,26 +4411,26 @@ class Mn extends w {
     e._continuousHoverCleanup = u;
   }
 }
-function ae(o) {
-  return new Mn(o);
+function he(o) {
+  return new _n(o);
 }
-function Mr(o) {
-  return ae({
+function _r(o) {
+  return he({
     coordinateSpace: "local",
     perform: o
   });
 }
-function xr(o) {
-  return ae({
+function Br(o) {
+  return he({
     coordinateSpace: "global",
     perform: o
   });
 }
-class xn extends w {
+class Bn 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);
@@ -4381,100 +4441,100 @@ class xn extends w {
     t ? i.style.pointerEvents === "none" && (i.style.pointerEvents = "") : i.style.pointerEvents = "none", e._hitTestingEnabled = t;
   }
 }
-function le(o) {
-  return new xn({ enabled: o });
+function ye(o) {
+  return new Bn({ enabled: o });
 }
-function Tr() {
-  return le(!0);
+function Hr() {
+  return ye(!0);
 }
-function Lr() {
-  return le(!1);
+function Nr() {
+  return ye(!1);
 }
-function Tn(o, s) {
+function Hn(o, s) {
   return new C({
     highPriorityGesture: { gesture: o, including: s }
   });
 }
-function Ln(o, s) {
+function Nn(o, s) {
   return new C({
     simultaneousGesture: { gesture: o, including: s }
   });
 }
-function An(o) {
+function zn(o) {
   return new C({ onTap: o });
 }
-function Ar(o) {
+function zr(o) {
   return new C({ onFocus: o });
 }
-function kr(o) {
+function Fr(o) {
   return new C({ onBlur: o });
 }
-function kn(o) {
+function Fn(o) {
   return new C({ onScroll: o });
 }
-function Ir(o) {
+function Wr(o) {
   return new C({ onKeyDown: o });
 }
-function Pr(o) {
+function jr(o) {
   return new C({ onKeyPress: o });
 }
-function $r(o) {
+function Ur(o) {
   return new C({ onKeyUp: o });
 }
-function Vr(o) {
+function Gr(o) {
   return new C({ onDoubleClick: o });
 }
-function Rr(o) {
+function Kr(o) {
   return new C({ onContextMenu: o });
 }
-function In(o) {
+function Wn(o) {
   return new C({ onWheel: o });
 }
-function Pn(o) {
+function jn(o) {
   return new C({ onInput: o });
 }
-function $n(o) {
+function Un(o) {
   return new C({ onChange: o });
 }
-function Vn(o) {
+function Gn(o) {
   return new C({ onCopy: o });
 }
-function Rn(o) {
+function Kn(o) {
   return new C({ onCut: o });
 }
-function Dn(o) {
+function Yn(o) {
   return new C({ onPaste: o });
 }
-function Hn(o) {
+function Xn(o) {
   return new C({ onSelect: o });
 }
-function On(o) {
+function Zn(o) {
   return new C({ onTouchStart: o });
 }
-function _n(o) {
+function qn(o) {
   return new C({ onTouchMove: o });
 }
-function Bn(o) {
+function Jn(o) {
   return new C({ onTouchEnd: o });
 }
-function Nn(o) {
+function Qn(o) {
   return new C({ onSwipeLeft: o });
 }
-function zn(o) {
+function eo(o) {
   return new C({ onSwipeRight: o });
 }
-function Fn(o = !0) {
+function to(o = !0) {
   return new C({ disabled: o });
 }
-class F extends g {
+class G extends g {
   // Lower priority for utility properties
   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", "utility");
-    f(this, "priority", 10);
+    d(this, "type", "utility");
+    d(this, "priority", 10);
   }
   apply(e, t) {
     if (!t.element) return;
@@ -4507,36 +4567,36 @@ class F extends g {
     );
   }
 }
-function Wn(o) {
-  return new F(o);
+function io(o) {
+  return new G(o);
 }
-function jn(o) {
-  return new F({ cursor: o });
+function no(o) {
+  return new G({ cursor: o });
 }
-function Un(o) {
-  return new F({ overflowY: o });
+function oo(o) {
+  return new G({ overflowY: o });
 }
-function Gn(o) {
-  return new F({ overflowX: o });
+function ro(o) {
+  return new G({ overflowX: o });
 }
-function Kn(o) {
-  return new F({ display: o });
+function so(o) {
+  return new G({ display: o });
 }
-function Yn(o) {
-  return new F({ outline: o });
+function ao(o) {
+  return new G({ outline: o });
 }
-function Xn(o) {
-  return new F({ outlineOffset: o });
+function lo(o) {
+  return new G({ outlineOffset: o });
 }
-class ee extends g {
+class ae extends g {
   // 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;
@@ -4553,24 +4613,24 @@ class ee extends g {
     return t;
   }
 }
-function Zn(o) {
-  return new ee(o);
+function co(o) {
+  return new ae(o);
 }
-function qn(o, s) {
-  return new ee({ [o]: s });
+function fo(o, s) {
+  return new ae({ [o]: s });
 }
-function Jn(o, s) {
+function uo(o, s) {
   const e = o.startsWith("--") ? o : `--${o}`;
-  return new ee({ [e]: s });
+  return new ae({ [e]: s });
 }
-function Dr(o, s, e) {
+function Yr(o, s, e) {
   const t = o.charAt(0).toUpperCase() + o.slice(1), i = `-${o.toLowerCase()}-${s}`, n = t + s.charAt(0).toUpperCase() + s.slice(1);
-  return new ee({
+  return new ae({
     [i]: e,
     [n]: e
   });
 }
-class X {
+class ee {
   /**
    * Apply basic sanitization to HTML content
    * Removes dangerous patterns and restricts to allowed elements/attributes
@@ -4645,7 +4705,7 @@ class X {
     }
   }
 }
-f(X, "DANGEROUS_PATTERNS", [
+d(ee, "DANGEROUS_PATTERNS", [
   // Script tags (including nested/malformed ones)
   /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
   /<[^>]*<script[^>]*>/gi,
@@ -4673,7 +4733,7 @@ f(X, "DANGEROUS_PATTERNS", [
   // Any javascript: protocol
   /vbscript:/gi
   // VBScript protocol
-]), f(X, "ALLOWED_TAGS", [
+]), d(ee, "ALLOWED_TAGS", [
   "p",
   "br",
   "strong",
@@ -4717,7 +4777,7 @@ f(X, "DANGEROUS_PATTERNS", [
   "header",
   "footer",
   "hr"
-]), f(X, "ALLOWED_ATTRIBUTES", {
+]), d(ee, "ALLOWED_ATTRIBUTES", {
   "*": ["class", "id", "title", "lang", "dir"],
   a: ["href", "target", "rel"],
   img: ["src", "alt", "width", "height"],
@@ -4725,10 +4785,10 @@ f(X, "DANGEROUS_PATTERNS", [
   td: ["colspan", "rowspan"],
   th: ["colspan", "rowspan", "scope"]
 });
-function Hr(o, s) {
-  return X.sanitize(o, s);
+function Xr(o, s) {
+  return ee.sanitize(o, s);
 }
-class ke {
+class _e {
   /**
    * Validate HTML content in development mode
    */
@@ -4758,7 +4818,7 @@ class ke {
     ].some((t) => t.test(s));
   }
 }
-f(ke, "SUSPICIOUS_PATTERNS", [
+d(_e, "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" },
@@ -4770,12 +4830,12 @@ f(ke, "SUSPICIOUS_PATTERNS", [
   { pattern: /@import/i, message: "CSS import statements detected" },
   { pattern: /expression\s*\(/i, message: "CSS expressions detected" }
 ]);
-class Qn extends g {
+class po extends g {
   // 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;
@@ -4830,11 +4890,11 @@ class Qn extends g {
     return typeof e == "string" ? e : "";
   }
   sanitizeHTML(e) {
-    return !e || typeof e != "string" ? "" : this.properties.skipSanitizer ? e : this.properties.customSanitizer ? this.properties.customSanitizer(e) : X.sanitize(e, this.properties);
+    return !e || typeof e != "string" ? "" : this.properties.skipSanitizer ? e : this.properties.customSanitizer ? this.properties.customSanitizer(e) : ee.sanitize(e, this.properties);
   }
   validateContent(e) {
     if (this.properties.__suppressWarnings) return;
-    const t = ke.validate(e, {
+    const t = _e.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) => {
@@ -4842,30 +4902,30 @@ class Qn extends g {
     }), console.warn("Consider using a more comprehensive sanitization solution like DOMPurify"), console.warn("To suppress these warnings, use { __suppressWarnings: true }"), console.groupEnd()), this.properties.skipSanitizer && console.warn("🚨 AsHTML: Sanitization is DISABLED. Ensure content is safe!");
   }
 }
-function eo(o = {}) {
-  return new Qn(o);
+function mo(o = {}) {
+  return new po(o);
 }
-function to(o) {
-  return new H({
+function ho(o) {
+  return new B({
     navigationTitle: o,
     role: "heading"
   });
 }
-function io(o = !0) {
-  return new H({
+function yo(o = !0) {
+  return new B({
     navigationBarHidden: o,
     "aria-hidden": o.toString()
   });
 }
-function no(o) {
-  return new H({ navigationBarItems: o });
+function go(o) {
+  return new B({ navigationBarItems: o });
 }
-class oo extends g {
+class vo extends g {
   // 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;
@@ -4884,15 +4944,15 @@ class oo extends g {
     );
   }
 }
-function ie(o) {
-  return new oo({ id: o });
+function de(o) {
+  return new vo({ id: o });
 }
-class ro extends g {
+class bo extends g {
   // 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;
@@ -4926,15 +4986,15 @@ class ro extends g {
     });
   }
 }
-function so(o) {
-  return new ro({ data: o });
+function So(o) {
+  return new bo({ data: o });
 }
-class ao extends g {
+class wo extends g {
   // 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;
@@ -4953,14 +5013,14 @@ class ao extends g {
     );
   }
 }
-function lo(o) {
-  return new ao({ tabIndex: o });
+function Co(o) {
+  return new wo({ tabIndex: o });
 }
-const Q = class Q extends g {
+const se = class se extends g {
   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;
@@ -4991,7 +5051,7 @@ const Q = class Q extends g {
         return;
       }
       const n = t.replace(/^aria-/, "");
-      !Q.KNOWN_ATTRIBUTES.has(n) && !t.startsWith("aria-") && console.warn(
+      !se.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);
     });
@@ -5084,7 +5144,7 @@ const Q = class Q extends g {
   }
 };
 // Highest priority for accessibility
-f(Q, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
+d(se, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
   "label",
   "labelledby",
   "describedby",
@@ -5119,35 +5179,35 @@ f(Q, "KNOWN_ATTRIBUTES", /* @__PURE__ */ new Set([
   "valuetext",
   "role"
 ]));
-let ne = Q;
-function K(o) {
-  return new ne({ aria: o });
+let fe = se;
+function q(o) {
+  return new fe({ aria: o });
 }
-function co(o) {
-  return K({ role: o });
+function Eo(o) {
+  return q({ role: o });
 }
-function fo(o) {
-  return K({ label: o });
+function xo(o) {
+  return q({ label: o });
 }
-function uo(o) {
-  return K({ live: o });
+function Mo(o) {
+  return q({ live: o });
 }
-function po(o) {
-  return K({ describedby: o });
+function To(o) {
+  return q({ describedby: o });
 }
-function mo(o) {
-  return K({ modal: o });
+function Lo(o) {
+  return q({ modal: o });
 }
-class Z extends g {
+class te extends g {
   // 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 = (n instanceof HTMLElement, n.style);
+    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, u = `--${this.toCSSProperty(c)}`;
@@ -5172,25 +5232,25 @@ class Z extends g {
     return typeof e == "number" ? e.toString() : String(e);
   }
 }
-function ho(o) {
-  return new Z({
+function Ao(o) {
+  return new te({
     properties: o.properties,
     scope: o.scope || "local"
   });
 }
-function yo(o, s, e) {
-  return new Z({
+function ko(o, s, e) {
+  return new te({
     properties: { [o]: s },
     scope: e || "local"
   });
 }
-function go(o) {
-  return new Z({
+function Io(o) {
+  return new te({
     properties: o,
     scope: "local"
   });
 }
-function Or(o) {
+function Zr(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     if (t !== void 0) {
@@ -5200,29 +5260,29 @@ function Or(o) {
       );
       s[`--theme-color-${i}`] = t;
     }
-  }), new Z({
+  }), new te({
     properties: s,
     scope: "local"
   });
 }
-function _r(o) {
+function qr(o) {
   const s = {};
   return Object.entries(o).forEach(([e, t]) => {
     t !== void 0 && (s[`--token-${e}`] = t);
-  }), new Z({
+  }), new te({
     properties: s,
     scope: "local"
   });
 }
-const B = class B extends w {
+const W = class W 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;
-    const i = `tachui-pseudo-${++B.elementCount}`;
+    const i = `tachui-pseudo-${++W.elementCount}`;
     t.element.classList.add(i), this.properties.before && this.addPseudoElementRule(i, "before", this.properties.before), this.properties.after && this.addPseudoElementRule(i, "after", this.properties.after);
   }
   addPseudoElementRule(e, t, i) {
@@ -5256,12 +5316,12 @@ const B = class B extends w {
   }
   getOrCreateStyleSheet() {
     const e = document.getElementById(
-      B.styleSheetId
+      W.styleSheetId
     );
     if (e && e instanceof HTMLStyleElement)
       return e.sheet;
     const t = document.createElement("style");
-    t.id = B.styleSheetId;
+    t.id = W.styleSheetId;
     try {
       document.head.appendChild(t);
     } catch (i) {
@@ -5274,33 +5334,33 @@ const B = class B extends w {
   }
 };
 // High priority to ensure pseudo-elements are applied last
-f(B, "styleSheetId", "tachui-pseudo-elements"), f(B, "elementCount", 0);
-let U = B;
-function Y(o) {
-  return new U({ before: o });
+d(W, "styleSheetId", "tachui-pseudo-elements"), d(W, "elementCount", 0);
+let X = W;
+function J(o) {
+  return new X({ before: o });
 }
-function q(o) {
-  return new U({ after: o });
+function ie(o) {
+  return new X({ after: o });
 }
-function vo(o) {
-  return new U(o);
+function Po(o) {
+  return new X(o);
 }
-function bo(o, s = {}) {
-  return Y({
+function $o(o, s = {}) {
+  return J({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function So(o, s = {}) {
-  return q({
+function Vo(o, s = {}) {
+  return ie({
     content: o,
     display: "inline-block",
     ...s
   });
 }
-function wo(o = "#ddd", s = 1, e = 16) {
-  return Y({
+function Ro(o = "#ddd", s = 1, e = 16) {
+  return J({
     content: "",
     display: "inline-block",
     width: e,
@@ -5310,8 +5370,8 @@ function wo(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function Co(o = "#ddd", s = 1, e = 16) {
-  return q({
+function Do(o = "#ddd", s = 1, e = 16) {
+  return ie({
     content: "",
     display: "inline-block",
     width: e,
@@ -5321,8 +5381,8 @@ function Co(o = "#ddd", s = 1, e = 16) {
     verticalAlign: "middle"
   });
 }
-function Eo(o = '"', s = '"') {
-  return new U({
+function Oo(o = '"', s = '"') {
+  return new X({
     before: {
       content: o,
       fontSize: "1.2em",
@@ -5337,8 +5397,8 @@ function Eo(o = '"', s = '"') {
     }
   });
 }
-function Mo(o = "currentColor", s = 1, e = 1) {
-  return q({
+function _o(o = "currentColor", s = 1, e = 1) {
+  return ie({
     content: "",
     position: "absolute",
     bottom: 0,
@@ -5349,8 +5409,8 @@ function Mo(o = "currentColor", s = 1, e = 1) {
     opacity: e
   });
 }
-function xo(o = "#ff3b30", s = 6, e = "") {
-  return q({
+function Bo(o = "#ff3b30", s = 6, e = "") {
+  return ie({
     content: e,
     position: "absolute",
     top: -2,
@@ -5370,8 +5430,8 @@ function xo(o = "#ff3b30", s = 6, e = "") {
     justifyContent: "center"
   });
 }
-function To(o, s = "top", e = "#333", t = "white") {
-  return Y({
+function Ho(o, s = "top", e = "#333", t = "white") {
+  return J({
     content: o,
     position: "absolute",
     backgroundColor: e,
@@ -5412,8 +5472,8 @@ function To(o, s = "top", e = "#333", t = "white") {
     }[s]
   });
 }
-function Lo(o, s = "#ff3b30", e = "white") {
-  return Y({
+function No(o, s = "#ff3b30", e = "white") {
+  return J({
     content: o,
     position: "absolute",
     top: 8,
@@ -5429,7 +5489,7 @@ function Lo(o, s = "#ff3b30", e = "white") {
     zIndex: 10
   });
 }
-function Ao(o = 20, s = "#007AFF", e = 2) {
+function zo(o = 20, s = "#007AFF", e = 2) {
   if (!document.getElementById("tachui-spinner-animation")) {
     const t = document.createElement("style");
     t.id = "tachui-spinner-animation", t.textContent = `
@@ -5439,7 +5499,7 @@ function Ao(o = 20, s = "#007AFF", e = 2) {
       }
     `, document.head.appendChild(t);
   }
-  return Y({
+  return J({
     content: "",
     display: "inline-block",
     width: o,
@@ -5450,483 +5510,483 @@ function Ao(o = 20, s = "#007AFF", e = 2) {
     animation: "spin 1s linear infinite"
   });
 }
-const ko = [
+const Fo = [
   // Padding
-  ["padding", M],
-  ["paddingTop", We],
-  ["paddingBottom", je],
-  ["paddingLeft", Ue],
-  ["paddingRight", Ge],
-  ["paddingLeading", Ke],
-  ["paddingTrailing", Ye],
-  ["paddingHorizontal", Xe],
-  ["paddingVertical", Ze],
+  ["padding", x],
+  ["paddingTop", Je],
+  ["paddingBottom", Qe],
+  ["paddingLeft", et],
+  ["paddingRight", tt],
+  ["paddingLeading", it],
+  ["paddingTrailing", nt],
+  ["paddingHorizontal", ot],
+  ["paddingVertical", rt],
   // Margin
-  ["margin", x],
-  ["marginTop", qe],
-  ["marginBottom", Je],
-  ["marginLeft", Qe],
-  ["marginRight", et],
-  ["marginLeading", tt],
-  ["marginTrailing", it],
-  ["marginHorizontal", nt],
-  ["marginVertical", ot],
+  ["margin", M],
+  ["marginTop", st],
+  ["marginBottom", at],
+  ["marginLeft", lt],
+  ["marginRight", ct],
+  ["marginLeading", dt],
+  ["marginTrailing", ft],
+  ["marginHorizontal", ut],
+  ["marginVertical", pt],
   // Size helpers
-  ["size", rt],
-  ["width", st],
-  ["height", at],
-  ["maxWidth", lt],
-  ["maxHeight", ft],
-  ["minWidth", ct],
-  ["minHeight", dt],
+  ["size", mt],
+  ["width", ht],
+  ["height", yt],
+  ["maxWidth", gt],
+  ["maxHeight", bt],
+  ["minWidth", vt],
+  ["minHeight", St],
   // Layout + flexbox
-  ["aspectRatio", It],
-  ["fixedSize", $t],
-  ["frame", Vt],
-  ["resizable", Ht],
-  ["layoutPriority", Rt],
-  ["offset", Lt],
-  ["overlay", Nt],
-  ["position", _t],
-  ["absolutePosition", Dt],
-  ["scaleEffect", kt],
-  ["zIndex", Bt],
+  ["aspectRatio", Ht],
+  ["fixedSize", Ft],
+  ["frame", Wt],
+  ["resizable", Gt],
+  ["layoutPriority", jt],
+  ["offset", Ot],
+  ["overlay", Qt],
+  ["position", Xt],
+  ["absolutePosition", Ut],
+  ["scaleEffect", Bt],
+  ["zIndex", qt],
   ["flexbox", I],
-  ["flexGrow", gt],
-  ["flexShrink", vt],
-  ["flexBasis", bt],
-  ["justifyContent", St],
-  ["alignItems", wt],
-  ["alignSelf", Ct],
-  ["gap", Et],
-  ["flexDirection", Mt],
-  ["flexWrap", xt],
+  ["flexGrow", Tt],
+  ["flexShrink", Lt],
+  ["flexBasis", At],
+  ["justifyContent", kt],
+  ["alignItems", It],
+  ["alignSelf", Pt],
+  ["gap", $t],
+  ["flexDirection", Vt],
+  ["flexWrap", Rt],
   // Appearance
-  ["backgroundColor", Wt],
-  ["background", jt],
-  ["backgroundImage", Ut],
-  ["blendMode", Yt],
-  ["backgroundBlendMode", Xt],
-  ["compositingGroup", qt],
-  ["border", Qt],
-  ["borderTop", ei],
-  ["borderBottom", ii],
-  ["borderLeft", ni],
-  ["borderRight", ti],
-  ["clipShape", si],
-  ["clipped", li],
-  ["cornerRadius", fi],
-  ["foregroundColor", oi],
-  ["gradientText", G],
-  ["opacity", ci],
-  ["fontFamily", di],
-  ["fontSize", ui],
-  ["fontWeight", pi],
-  ["fontStyle", mi],
-  ["fontPreset", hi],
+  ["backgroundColor", ii],
+  ["background", ni],
+  ["backgroundImage", oi],
+  ["blendMode", ai],
+  ["backgroundBlendMode", li],
+  ["compositingGroup", di],
+  ["border", ui],
+  ["borderTop", pi],
+  ["borderBottom", hi],
+  ["borderLeft", yi],
+  ["borderRight", mi],
+  ["clipShape", bi],
+  ["clipped", wi],
+  ["cornerRadius", Ei],
+  ["foregroundColor", gi],
+  ["gradientText", Z],
+  ["opacity", Ci],
+  ["fontFamily", xi],
+  ["fontSize", Mi],
+  ["fontWeight", Ti],
+  ["fontStyle", Li],
+  ["fontPreset", Ai],
   // Typography
-  ["typography", vi],
-  ["textAlign", bi],
-  ["font", Li],
-  ["lineClamp", Ii],
-  ["wordBreak", $i],
-  ["letterSpacing", Ci],
-  ["lineHeight", wi],
-  ["textDecoration", Si],
-  ["textOverflow", Ei],
-  ["textTransform", Le],
-  ["textCase", Ti],
-  ["whiteSpace", Mi],
-  ["overflow", xi],
-  ["hyphens", Hi],
-  ["overflowWrap", Ri],
+  ["typography", Pi],
+  ["textAlign", $i],
+  ["font", Ni],
+  ["lineClamp", Wi],
+  ["wordBreak", Ui],
+  ["letterSpacing", Di],
+  ["lineHeight", Ri],
+  ["textDecoration", Vi],
+  ["textOverflow", Oi],
+  ["textTransform", De],
+  ["textCase", Hi],
+  ["whiteSpace", _i],
+  ["overflow", Bi],
+  ["hyphens", Xi],
+  ["overflowWrap", Ki],
   // Interaction
-  ["allowsHitTesting", le],
-  ["focusable", se],
-  ["activatable", Cn],
-  ["editable", En],
-  ["focused", Sn],
-  ["keyboardShortcut", Ae],
-  ["onHover", Gi],
-  ["onMouseEnter", Qi],
-  ["onMouseLeave", en],
-  ["onMouseDown", tn],
-  ["onMouseUp", nn],
-  ["onDoubleClick", on],
-  ["onContextMenu", rn],
-  ["onKeyDown", cn],
-  ["onKeyUp", fn],
-  ["onKeyPress", dn],
-  ["onFocus", mn],
-  ["onBlur", hn],
-  ["onContinuousHover", ae],
-  ["onLongPressGesture", gn],
-  ["scroll", Oi],
-  ["scrollBehavior", _i],
-  ["overscrollBehavior", Bi],
-  ["overscrollBehaviorX", Ni],
-  ["overscrollBehaviorY", zi],
-  ["scrollMargin", Fi],
-  ["scrollPadding", Wi],
-  ["scrollSnap", ji],
-  ["highPriorityGesture", Tn],
-  ["simultaneousGesture", Ln],
-  ["onTap", An],
-  ["onScroll", kn],
-  ["onWheel", In],
-  ["onInput", Pn],
-  ["onChange", $n],
-  ["onCopy", Vn],
-  ["onCut", Rn],
-  ["onPaste", Dn],
-  ["onSelect", Hn],
-  ["onTouchStart", On],
-  ["onTouchMove", _n],
-  ["onTouchEnd", Bn],
-  ["onSwipeLeft", Nn],
-  ["onSwipeRight", zn],
-  ["disabled", Fn],
+  ["allowsHitTesting", ye],
+  ["focusable", me],
+  ["activatable", Dn],
+  ["editable", On],
+  ["focused", Vn],
+  ["keyboardShortcut", Oe],
+  ["onHover", sn],
+  ["onMouseEnter", pn],
+  ["onMouseLeave", mn],
+  ["onMouseDown", hn],
+  ["onMouseUp", yn],
+  ["onDoubleClick", gn],
+  ["onContextMenu", vn],
+  ["onKeyDown", Cn],
+  ["onKeyUp", En],
+  ["onKeyPress", xn],
+  ["onFocus", Ln],
+  ["onBlur", An],
+  ["onContinuousHover", he],
+  ["onLongPressGesture", In],
+  ["scroll", Zi],
+  ["scrollBehavior", qi],
+  ["overscrollBehavior", Ji],
+  ["overscrollBehaviorX", Qi],
+  ["overscrollBehaviorY", en],
+  ["scrollMargin", tn],
+  ["scrollPadding", nn],
+  ["scrollSnap", on],
+  ["highPriorityGesture", Hn],
+  ["simultaneousGesture", Nn],
+  ["onTap", zn],
+  ["onScroll", Fn],
+  ["onWheel", Wn],
+  ["onInput", jn],
+  ["onChange", Un],
+  ["onCopy", Gn],
+  ["onCut", Kn],
+  ["onPaste", Yn],
+  ["onSelect", Xn],
+  ["onTouchStart", Zn],
+  ["onTouchMove", qn],
+  ["onTouchEnd", Jn],
+  ["onSwipeLeft", Qn],
+  ["onSwipeRight", eo],
+  ["disabled", to],
   // Utility
-  ["css", Zn],
-  ["cssProperty", qn],
-  ["cssVariable", Jn],
-  ["utility", Wn],
-  ["cursor", jn],
-  ["display", Kn],
-  ["overflowX", Gn],
-  ["overflowY", Un],
-  ["outline", Yn],
-  ["outlineOffset", Xn],
-  ["asHTML", eo],
-  ["navigationTitle", to],
-  ["navigationBarHidden", io],
-  ["navigationBarItems", no],
-  ["animation", mt],
-  ["transform", pt],
-  ["transitions", ht],
-  ["transition", ut],
+  ["css", co],
+  ["cssProperty", fo],
+  ["cssVariable", uo],
+  ["utility", io],
+  ["cursor", no],
+  ["display", so],
+  ["overflowX", ro],
+  ["overflowY", oo],
+  ["outline", ao],
+  ["outlineOffset", lo],
+  ["asHTML", mo],
+  ["navigationTitle", ho],
+  ["navigationBarHidden", yo],
+  ["navigationBarItems", go],
+  ["animation", Et],
+  ["transform", Ct],
+  ["transitions", xt],
+  ["transition", wt],
   // Attributes
-  ["aria", K],
-  ["ariaLabel", fo],
-  ["ariaLive", uo],
-  ["ariaDescribedBy", po],
-  ["ariaModal", mo],
-  ["role", co],
-  ["customProperties", ho],
-  ["customProperty", yo],
-  ["cssVariables", go],
-  ["id", ie],
-  ["elementId", ie],
-  ["viewId", ie],
-  ["data", so],
-  ["tabIndex", lo],
+  ["aria", q],
+  ["ariaLabel", xo],
+  ["ariaLive", Mo],
+  ["ariaDescribedBy", To],
+  ["ariaModal", Lo],
+  ["role", Eo],
+  ["customProperties", Ao],
+  ["customProperty", ko],
+  ["cssVariables", Io],
+  ["id", de],
+  ["elementId", de],
+  ["viewId", de],
+  ["data", So],
+  ["tabIndex", Co],
   // Elements / pseudo elements
-  ["before", Y],
-  ["after", q],
-  ["pseudoElements", vo],
-  ["iconBefore", bo],
-  ["iconAfter", So],
-  ["lineBefore", wo],
-  ["lineAfter", Co],
-  ["quotes", Eo],
-  ["underline", Mo],
-  ["badge", xo],
-  ["tooltip", To],
-  ["cornerRibbon", Lo],
-  ["spinner", Ao],
+  ["before", J],
+  ["after", ie],
+  ["pseudoElements", Po],
+  ["iconBefore", $o],
+  ["iconAfter", Vo],
+  ["lineBefore", Ro],
+  ["lineAfter", Do],
+  ["quotes", Oo],
+  ["underline", _o],
+  ["badge", Bo],
+  ["tooltip", Ho],
+  ["cornerRibbon", No],
+  ["spinner", zo],
   // Lifecycle
-  ["task", yt]
+  ["task", Mt]
 ];
-function Io(o) {
-  const s = o?.registry ?? Ve;
+function Wo(o) {
+  const s = o?.registry ?? ze;
   s.registerPlugin?.({
     name: "@tachui/modifiers",
-    version: Fe,
+    version: qe,
     author: "tachUI Team",
     verified: !0
-  }), ko.forEach(([e, t]) => {
+  }), Fo.forEach(([e, t]) => {
     s.has(e) || s.register(e, t);
   });
 }
-Io();
+Wo();
 export {
-  Cr as $,
-  Ce as A,
-  Bt as B,
-  ve as C,
-  Nt as D,
-  Li as E,
-  $ as F,
-  vi as G,
-  bi as H,
-  Le as I,
-  Si as J,
-  gr as K,
-  vr as L,
-  P as M,
-  wi as N,
-  Tt as O,
-  Ot as P,
-  Ci as Q,
-  br as R,
-  At as S,
+  Dr as $,
+  Ie as A,
+  qt as B,
+  Te as C,
+  Qt as D,
+  Ni as E,
+  R as F,
+  Pi as G,
+  $i as H,
+  De as I,
+  Vi as J,
+  Ir as K,
+  Pr as L,
+  V as M,
+  Ri as N,
+  Dt as O,
+  Yt as P,
+  Di as Q,
+  $r as R,
+  _t as S,
   k as T,
-  Ei as U,
-  Mi as V,
-  xi as W,
-  Ti as X,
-  Sr as Y,
-  Ee as Z,
-  wr as _,
-  gt as a,
-  Qi as a$,
-  ki as a0,
-  Ii as a1,
-  Pi as a2,
-  $i as a3,
-  Vi as a4,
-  Ri as a5,
-  Di as a6,
-  Hi as a7,
-  Me as a8,
-  Ft as a9,
-  pr as aA,
-  mr as aB,
-  hr as aC,
-  Te as aD,
-  oi as aE,
-  yr as aF,
-  ri as aG,
-  si as aH,
-  ai as aI,
-  li as aJ,
-  O as aK,
-  Oi as aL,
-  _i as aM,
-  Bi as aN,
-  Ni as aO,
-  zi as aP,
-  Fi as aQ,
-  Wi as aR,
-  ji as aS,
-  Ui as aT,
-  Gi as aU,
-  Ki as aV,
-  Yi as aW,
-  Xi as aX,
-  Zi as aY,
-  qi as aZ,
-  Ji as a_,
-  xe as aa,
-  Wt as ab,
-  jt as ac,
-  Ut as ad,
-  rr as ae,
-  G as af,
-  sr as ag,
-  ar as ah,
-  lr as ai,
-  cr as aj,
-  fr as ak,
-  Gt as al,
-  Kt as am,
-  Yt as an,
-  Xt as ao,
-  Zt as ap,
-  qt as aq,
-  D as ar,
-  Jt as as,
-  Qt as at,
-  ei as au,
-  ti as av,
-  ii as aw,
-  ni as ax,
-  dr as ay,
-  ur as az,
-  ko as b,
-  Kn as b$,
-  en as b0,
-  tn as b1,
-  nn as b2,
-  on as b3,
-  rn as b4,
-  sn as b5,
-  an as b6,
-  ln as b7,
-  cn as b8,
-  fn as b9,
-  An as bA,
-  Ar as bB,
-  kr as bC,
-  kn as bD,
-  Ir as bE,
-  Pr as bF,
-  $r as bG,
-  Vr as bH,
-  Rr as bI,
-  In as bJ,
-  Pn as bK,
-  $n as bL,
-  Vn as bM,
-  Rn as bN,
-  Dn as bO,
-  Hn as bP,
-  On as bQ,
-  _n as bR,
-  Bn as bS,
-  Nn as bT,
-  zn as bU,
-  Fn as bV,
-  F as bW,
-  Wn as bX,
-  jn as bY,
-  Un as bZ,
-  Gn as b_,
-  dn as ba,
-  un as bb,
-  pn as bc,
-  mn as bd,
-  hn as be,
-  yn as bf,
-  gn as bg,
-  vn as bh,
-  Ae as bi,
-  Er as bj,
-  bn as bk,
-  Sn as bl,
-  wn as bm,
-  se as bn,
-  Cn as bo,
-  En as bp,
-  Mn as bq,
-  ae as br,
-  Mr as bs,
-  xr as bt,
-  xn as bu,
-  le as bv,
-  Tr as bw,
-  Lr as bx,
-  Tn as by,
-  Ln as bz,
-  vt as c,
-  it as c$,
-  Yn as c0,
-  Xn as c1,
-  ee as c2,
-  Zn as c3,
-  qn as c4,
-  Jn as c5,
-  Dr as c6,
-  X as c7,
-  Hr as c8,
-  Qn as c9,
-  uo as cA,
-  po as cB,
-  mo as cC,
-  Z as cD,
-  ho as cE,
-  yo as cF,
-  go as cG,
-  Or as cH,
-  _r as cI,
-  V as cJ,
-  M as cK,
-  We as cL,
-  je as cM,
-  Ue as cN,
-  Ge as cO,
-  Ke as cP,
-  Ye as cQ,
-  Xe as cR,
-  Ze as cS,
-  Xo as cT,
-  R as cU,
-  x as cV,
-  qe as cW,
-  Je as cX,
-  Qe as cY,
-  et as cZ,
-  tt as c_,
-  eo as ca,
-  ke as cb,
-  U as cc,
-  Y as cd,
-  q as ce,
-  vo as cf,
-  bo as cg,
-  So as ch,
-  wo as ci,
-  Co as cj,
-  Eo as ck,
-  Mo as cl,
-  xo as cm,
-  To as cn,
-  Lo as co,
-  Ao as cp,
-  oo as cq,
-  ie as cr,
-  ro as cs,
-  so as ct,
-  ao as cu,
-  lo as cv,
-  ne as cw,
-  K as cx,
-  co as cy,
-  fo as cz,
-  bt as d,
-  nt as d0,
-  ot as d1,
-  Zo as d2,
-  z as d3,
-  rt as d4,
-  st as d5,
-  at as d6,
-  lt as d7,
-  ct as d8,
-  ft as d9,
-  dt as da,
-  te as db,
-  ut as dc,
-  Yo as dd,
-  Fe as de,
-  Bo as df,
-  zo as dg,
-  Wo as dh,
-  Be as di,
-  Go as dj,
-  to as dk,
-  io as dl,
-  no as dm,
-  pt as dn,
-  mt as dp,
-  ht as dq,
-  yt as dr,
+  Oi as U,
+  _i as V,
+  Bi as W,
+  Hi as X,
+  Vr as Y,
+  Pe as Z,
+  Rr as _,
+  Tt as a,
+  pn as a$,
+  Fi as a0,
+  Wi as a1,
+  ji as a2,
+  Ui as a3,
+  Gi as a4,
+  Ki as a5,
+  Yi as a6,
+  Xi as a7,
+  $e as a8,
+  ti as a9,
+  Tr as aA,
+  Lr as aB,
+  Ar as aC,
+  Re as aD,
+  gi as aE,
+  kr as aF,
+  vi as aG,
+  bi as aH,
+  Si as aI,
+  wi as aJ,
+  H as aK,
+  Zi as aL,
+  qi as aM,
+  Ji as aN,
+  Qi as aO,
+  en as aP,
+  tn as aQ,
+  nn as aR,
+  on as aS,
+  rn as aT,
+  sn as aU,
+  an as aV,
+  ln as aW,
+  cn as aX,
+  dn as aY,
+  fn as aZ,
+  un as a_,
+  Ve as aa,
+  ii as ab,
+  ni as ac,
+  oi as ad,
+  vr as ae,
+  Z as af,
+  br as ag,
+  Sr as ah,
+  wr as ai,
+  Cr as aj,
+  Er as ak,
+  ri as al,
+  si as am,
+  ai as an,
+  li as ao,
+  ci as ap,
+  di as aq,
+  _ as ar,
+  fi as as,
+  ui as at,
+  pi as au,
+  mi as av,
+  hi as aw,
+  yi as ax,
+  xr as ay,
+  Mr as az,
+  Fo as b,
+  so as b$,
+  mn as b0,
+  hn as b1,
+  yn as b2,
+  gn as b3,
+  vn as b4,
+  bn as b5,
+  Sn as b6,
+  wn as b7,
+  Cn as b8,
+  En as b9,
+  zn as bA,
+  zr as bB,
+  Fr as bC,
+  Fn as bD,
+  Wr as bE,
+  jr as bF,
+  Ur as bG,
+  Gr as bH,
+  Kr as bI,
+  Wn as bJ,
+  jn as bK,
+  Un as bL,
+  Gn as bM,
+  Kn as bN,
+  Yn as bO,
+  Xn as bP,
+  Zn as bQ,
+  qn as bR,
+  Jn as bS,
+  Qn as bT,
+  eo as bU,
+  to as bV,
+  G as bW,
+  io as bX,
+  no as bY,
+  oo as bZ,
+  ro as b_,
+  xn as ba,
+  Mn as bb,
+  Tn as bc,
+  Ln as bd,
+  An as be,
+  kn as bf,
+  In as bg,
+  Pn as bh,
+  Oe as bi,
+  Or as bj,
+  $n as bk,
+  Vn as bl,
+  Rn as bm,
+  me as bn,
+  Dn as bo,
+  On as bp,
+  _n as bq,
+  he as br,
+  _r as bs,
+  Br as bt,
+  Bn as bu,
+  ye as bv,
+  Hr as bw,
+  Nr as bx,
+  Hn as by,
+  Nn as bz,
+  Lt as c,
+  ft as c$,
+  ao as c0,
+  lo as c1,
+  ae as c2,
+  co as c3,
+  fo as c4,
+  uo as c5,
+  Yr as c6,
+  ee as c7,
+  Xr as c8,
+  po as c9,
+  Mo as cA,
+  To as cB,
+  Lo as cC,
+  te as cD,
+  Ao as cE,
+  ko as cF,
+  Io as cG,
+  Zr as cH,
+  qr as cI,
+  D as cJ,
+  x as cK,
+  Je as cL,
+  Qe as cM,
+  et as cN,
+  tt as cO,
+  it as cP,
+  nt as cQ,
+  ot as cR,
+  rt as cS,
+  lr as cT,
+  O as cU,
+  M as cV,
+  st as cW,
+  at as cX,
+  lt as cY,
+  ct as cZ,
+  dt as c_,
+  mo as ca,
+  _e as cb,
+  X as cc,
+  J as cd,
+  ie as ce,
+  Po as cf,
+  $o as cg,
+  Vo as ch,
+  Ro as ci,
+  Do as cj,
+  Oo as ck,
+  _o as cl,
+  Bo as cm,
+  Ho as cn,
+  No as co,
+  zo as cp,
+  vo as cq,
+  de as cr,
+  bo as cs,
+  So as ct,
+  wo as cu,
+  Co as cv,
+  fe as cw,
+  q as cx,
+  Eo as cy,
+  xo as cz,
+  At as d,
+  ut as d0,
+  pt as d1,
+  cr as d2,
+  U as d3,
+  mt as d4,
+  ht as d5,
+  yt as d6,
+  gt as d7,
+  vt as d8,
+  bt as d9,
+  St as da,
+  le as db,
+  wt as dc,
+  ar as dd,
+  qe as de,
+  Jo as df,
+  er as dg,
+  ir as dh,
+  Ye as di,
+  rr as dj,
+  ho as dk,
+  yo as dl,
+  go as dm,
+  Ct as dn,
+  Et as dp,
+  xt as dq,
+  Mt as dr,
   w as ds,
-  tr as dt,
-  ir as du,
+  mr as dt,
+  hr as du,
   C as dv,
-  nr as dw,
-  or as dx,
-  qo as e,
+  yr as dw,
+  gr as dx,
+  dr as e,
   I as f,
-  wt as g,
-  Ct as h,
-  Et as i,
-  St as j,
-  Jo as k,
-  Qo as l,
-  Mt as m,
-  xt as n,
-  er as o,
-  Lt as p,
-  It as q,
-  Io as r,
-  kt as s,
-  Pt as t,
-  $t as u,
-  Vt as v,
-  Rt as w,
-  Dt as x,
-  Ht as y,
-  _t as z
+  It as g,
+  Pt as h,
+  $t as i,
+  kt as j,
+  fr as k,
+  ur as l,
+  Vt as m,
+  Rt as n,
+  pr as o,
+  Ot as p,
+  Ht as q,
+  Wo as r,
+  Bt as s,
+  zt as t,
+  Ft as u,
+  Wt as v,
+  jt as w,
+  Ut as x,
+  Gt as y,
+  Xt as z
 };