@tachui/viewport 0.8.24 → 0.8.25

package/dist/index.js

@@ -1,11 +1,11 @@
-var ve = Object.defineProperty;
-var We = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => We(n, typeof e != "symbol" ? e + "" : e, t);
-import { createSignal as M, mountComponentTree as Se, createRoot as Ee, withComponentContext as Ce, useContext as Me, createContext as ke } from "@tachui/core";
-import { getOwner as Pe, onCleanup as Te } from "@tachui/core/reactive";
+var We = Object.defineProperty;
+var Se = (n, e, t) => e in n ? We(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var o = (n, e, t) => Se(n, typeof e != "symbol" ? e + "" : e, t);
+import { createSignal as M, mountComponentTree as Ee, createRoot as Ce, withComponentContext as Me, useContext as ke, createContext as Pe } from "@tachui/core";
+import { getOwner as Te, onCleanup as xe } from "@tachui/core/reactive";
 import { registerModifierWithMetadata as Q } from "@tachui/modifiers";
 function $(n = {}) {
-  const e = xe(), t = Oe(e, n), i = _e(), s = Ge(), a = Le();
+  const e = Ie(), t = Ae(e, n), i = _e(), s = Le(), a = Ve();
   return {
     platform: e,
     capabilities: t,
@@ -14,20 +14,20 @@ function $(n = {}) {
     isTouch: a
   };
 }
-function xe() {
-  return Ie() ? "electron" : He() ? "mobile" : ze() ? "embedded" : "web";
-}
 function Ie() {
-  return typeof window < "u" ? !!window.electronAPI || !!window.electron || !!window.require || navigator.userAgent.toLowerCase().includes("electron") : typeof process < "u" ? !!process.electron || !!process.versions?.electron || process.env.ELECTRON === "true" : !1;
+  return He() ? "electron" : ze() ? "mobile" : Oe() ? "embedded" : "web";
 }
 function He() {
+  return typeof window < "u" ? !!window.electronAPI || !!window.electron || !!window.require || navigator.userAgent.toLowerCase().includes("electron") : typeof process < "u" ? !!process.electron || !!process.versions?.electron || process.env.ELECTRON === "true" : !1;
+}
+function ze() {
   if (typeof window > "u") return !1;
   const n = "ontouchstart" in window && !("onmousedown" in window), e = window.innerWidth <= 768 || window.innerHeight <= 768, t = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
     navigator.userAgent
   ), i = window.matchMedia?.("(pointer: coarse)")?.matches, s = window.matchMedia?.("(max-width: 768px)")?.matches;
   return n || e && t || i || s;
 }
-function ze() {
+function Oe() {
   if (typeof window > "u") return !1;
   try {
     return window.self !== window.top;
@@ -35,7 +35,7 @@ function ze() {
     return !0;
   }
 }
-function Oe(n, e) {
+function Ae(n, e) {
   const t = {
     multiWindow: !1,
     nativeWindows: !1,
@@ -61,8 +61,8 @@ function Oe(n, e) {
     case "web":
       return {
         ...t,
-        multiWindow: e.enablePopupTest ? Ae() : !1,
-        crossWindowCommunication: De() || Fe(),
+        multiWindow: e.enablePopupTest ? De() : !1,
+        crossWindowCommunication: Fe() || Ge(),
         fullscreenSupport: K(),
         windowResizing: !1,
         // Browser windows can't be resized programmatically
@@ -83,7 +83,7 @@ function Oe(n, e) {
       return t;
   }
 }
-function Ae() {
+function De() {
   if (typeof window > "u" || typeof window.navigator < "u" && window.navigator.userAgent.includes("jsdom"))
     return !1;
   try {
@@ -93,10 +93,10 @@ function Ae() {
     return !1;
   }
 }
-function De() {
+function Fe() {
   return typeof window < "u" && "BroadcastChannel" in window;
 }
-function Fe() {
+function Ge() {
   return typeof window < "u" && "MessageChannel" in window;
 }
 function K() {
@@ -105,13 +105,13 @@ function K() {
 function _e() {
   return typeof navigator > "u" ? "unknown" : navigator.userAgent;
 }
-function Ge() {
+function Le() {
   return typeof window > "u" ? { width: 1920, height: 1080 } : {
     width: window.screen?.width || window.innerWidth || 1920,
     height: window.screen?.height || window.innerHeight || 1080
   };
 }
-function Le() {
+function Ve() {
   return typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
 function Ne() {
@@ -142,7 +142,7 @@ function Ne() {
   }
   return { name: e, version: t, engine: i };
 }
-function Ve() {
+function Ue() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -169,7 +169,7 @@ function Ve() {
   }
   return { name: e, version: t };
 }
-function Ue() {
+function Re() {
   return typeof window > "u" ? {
     webgl: !1,
     webgl2: !1,
@@ -201,7 +201,7 @@ function L(n) {
     getOptimalViewportType: (e = !1) => e && n.capabilities.nativeWindows ? "window" : n.capabilities.modalOverlays ? "modal" : n.platform === "mobile" ? "sheet" : "portal"
   };
 }
-class Re {
+class $e {
   // Fallback strategies
   createModal(e) {
     throw new Error("Modal fallback not implemented");
@@ -210,7 +210,7 @@ class Re {
     throw new Error("Portal fallback not implemented");
   }
 }
-class N extends Re {
+class V extends $e {
   constructor(t = {}) {
     super();
     o(this, "environment");
@@ -323,21 +323,21 @@ class N extends Re {
    * Create popup window (native browser window)
    */
   createPopupWindow(t) {
-    const i = new $e(t);
+    const i = new Be(t);
     return this.popups.set(t.id, i), i;
   }
   /**
    * Create modal overlay
    */
   createModal(t) {
-    const i = new Be(t);
+    const i = new je(t);
     return this.modals.set(t.id, i), i;
   }
   /**
    * Create portal
    */
   createPortal(t) {
-    const i = new je(t, this.portalContainer);
+    const i = new Qe(t, this.portalContainer);
     return this.portals.set(t.id, i), i;
   }
   /**
@@ -430,7 +430,7 @@ class N extends Re {
     `, document.head.appendChild(i);
   }
 }
-class $e {
+class Be {
   constructor(e) {
     o(this, "id");
     o(this, "type", "window");
@@ -639,7 +639,7 @@ class $e {
   removeChildWindow(e) {
   }
 }
-class Be {
+class je {
   constructor(e) {
     o(this, "id");
     o(this, "type", "modal");
@@ -861,7 +861,7 @@ class Be {
     e && e.remove();
   }
 }
-class je {
+class Qe {
   constructor(e, t) {
     o(this, "id");
     o(this, "type", "portal");
@@ -906,7 +906,7 @@ class je {
     if (this.portalElement) {
       this.portalElement.innerHTML = "";
       try {
-        const t = Se(e, this.portalElement);
+        const t = Ee(e, this.portalElement);
         this.cleanupFunction = t;
       } catch (t) {
         console.error("Error during mountComponentTree:", t);
@@ -1144,7 +1144,7 @@ class B {
   createWindowGroup(e) {
     if (this.windowGroups.has(e))
       return this.windowGroups.get(e);
-    const t = new Qe(e, this);
+    const t = new Ke(e, this);
     return this.windowGroups.set(e, t), t;
   }
   /**
@@ -1202,9 +1202,9 @@ class B {
   createDefaultAdapter() {
     switch (this.environment.platform) {
       case "electron":
-        return new N(this.platformConfig);
+        return new V(this.platformConfig);
       default:
-        return new N(this.platformConfig);
+        return new V(this.platformConfig);
     }
   }
   // ==================== Phase 2: Global State Management ====================
@@ -1268,7 +1268,7 @@ class B {
     });
   }
 }
-class Qe {
+class Ke {
   constructor(e, t, i = "any") {
     o(this, "windows", /* @__PURE__ */ new Map());
     o(this, "defaultOptions", {});
@@ -1620,10 +1620,10 @@ let m = null;
 function u(n = {}) {
   return m || (m = new B(void 0, n)), m;
 }
-function se(n) {
+function oe(n) {
   m?.dispose(), m = n;
 }
-function Ke() {
+function qe() {
   m?.dispose(), m = null;
 }
 function W(n) {
@@ -1651,7 +1651,7 @@ function W(n) {
     },
     // Open this window
     async open() {
-      const e = u(), t = Ee(() => Ce((i) => n.children(), `Window-${n.id}`)({}));
+      const e = u(), t = Ce(() => Me((i) => n.children(), `Window-${n.id}`)({}));
       await e.openWindow(n.id, t, n);
     },
     // Close this window
@@ -1660,7 +1660,7 @@ function W(n) {
     }
   };
 }
-function _(n) {
+function G(n) {
   const e = u(), t = e.createWindowGroup(n.id);
   n.groupingStrategy && t.setGroupingStrategy(n.groupingStrategy), n.tabConfig && t.configureTabbing(n.tabConfig), n.poolConfig && t.configurePool(n.poolConfig), n.stateSyncScope && t.enableStateSync(n.stateSyncScope), n.maxInstances && t.setMaxInstances(n.maxInstances);
   const {
@@ -1792,7 +1792,7 @@ const I = {
    * Create a document window group
    */
   documentGroup(n, e, t, i) {
-    return _({
+    return G({
       id: n,
       title: e,
       for: t,
@@ -1843,7 +1843,7 @@ const I = {
       children: t
     });
   }
-}, oe = {
+}, re = {
   /**
    * Basic app with main window and settings
    */
@@ -1884,7 +1884,7 @@ const I = {
    */
   documentApp: () => x({
     children: [
-      _({
+      G({
         id: "document",
         title: "Document",
         for: class {
@@ -1920,8 +1920,8 @@ const I = {
       }))
     ]
   })
-}, re = ke(null);
-function ae({
+}, ae = Pe(null);
+function de({
   children: n,
   manager: e
 }) {
@@ -1934,13 +1934,13 @@ function ae({
   };
   return {
     type: "context-provider",
-    context: re,
+    context: ae,
     value: i,
     children: Array.isArray(n) ? n : [n]
   };
 }
 function S() {
-  const n = Me(re);
+  const n = ke(ae);
   if (!n)
     throw new Error(
       "useViewportEnvironment must be used within a ViewportEnvironmentProvider"
@@ -1959,20 +1959,20 @@ function j() {
   const { viewportEnvironment: n } = S();
   return n;
 }
-function qe() {
+function Xe() {
   const { currentWindow: n } = S();
   return n;
 }
-function Xe() {
+function Je() {
   return u();
 }
-function Je(n, e) {
-  return (t) => ae({
+function Ze(n, e) {
+  return (t) => de({
     children: n(t),
     manager: e
   });
 }
-function Ze(n) {
+function Ye(n) {
   return (e) => {
     const t = H(), i = z(), s = j();
     return n({
@@ -1983,67 +1983,67 @@ function Ze(n) {
     });
   };
 }
-const Ye = {
+const et = {
   openWindow: "openWindow",
   dismissWindow: "dismissWindow",
   viewportEnvironment: "viewportEnvironment",
   currentWindow: "currentWindow"
 };
-function et(n) {
+function tt(n) {
   return S()[n];
 }
-function tt() {
+function nt() {
   return typeof window > "u" ? 0 : window.innerWidth;
 }
-function nt() {
+function it() {
   return typeof window > "u" ? 0 : window.innerHeight;
 }
-let O, A, de, le, T = 0, D = !1;
-function ce() {
-  typeof window > "u" || (de?.(window.innerWidth), le?.(window.innerHeight));
-}
-function it() {
-  if (O && A) return;
-  const [n, e] = M(tt()), [t, i] = M(nt());
-  O = n, A = t, de = e, le = i;
+let O, A, le, ce, T = 0, D = !1;
+function he() {
+  typeof window > "u" || (le?.(window.innerWidth), ce?.(window.innerHeight));
 }
 function st() {
-  typeof window > "u" || D || (window.addEventListener("resize", ce), D = !0);
+  if (O && A) return;
+  const [n, e] = M(nt()), [t, i] = M(it());
+  O = n, A = t, le = e, ce = i;
 }
 function ot() {
-  typeof window > "u" || !D || T > 0 || (window.removeEventListener("resize", ce), D = !1);
+  typeof window > "u" || D || (window.addEventListener("resize", he), D = !0);
 }
-function he() {
-  if (it(), T += 1, typeof window > "u")
+function rt() {
+  typeof window > "u" || !D || T > 0 || (window.removeEventListener("resize", he), D = !1);
+}
+function ue() {
+  if (st(), T += 1, typeof window > "u")
     return {
       width: O,
       height: A,
       dispose: () => {
       }
     };
-  st();
+  ot();
   let n = !1;
   const e = () => {
-    n || (n = !0, T = Math.max(0, T - 1), ot());
+    n || (n = !0, T = Math.max(0, T - 1), rt());
   };
-  return Pe() && Te(e), {
+  return Te() && xe(e), {
     width: O,
     height: A,
     dispose: e
   };
 }
-const rt = "0.8.24", at = rt, b = {
+const at = "0.8.25", dt = at, b = {
   Clean: 0,
   Check: 1,
   Dirty: 2,
   Disposed: 3
 };
-var dt = Object.defineProperty, lt = (n, e, t) => e in n ? dt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e, t) => lt(n, typeof e != "symbol" ? e + "" : e, t);
-let ct = 0;
-const ht = Math.random().toString(36).substr(2, 6);
+var lt = Object.defineProperty, ct = (n, e, t) => e in n ? lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e, t) => ct(n, typeof e != "symbol" ? e + "" : e, t);
+let ht = 0;
+const ut = Math.random().toString(36).substr(2, 6);
 let q = null, X = null;
-const ut = /* @__PURE__ */ new Set();
-ut.add(ht);
+const wt = /* @__PURE__ */ new Set();
+wt.add(ut);
 const C = {
   get currentComputation() {
     return q;
@@ -2058,12 +2058,12 @@ const C = {
     X = n;
   }
 };
-function ue() {
+function we() {
   return C.currentOwner;
 }
-class wt {
+class pt {
   constructor(e, t = null) {
-    p(this, "id"), p(this, "owner"), p(this, "fn"), p(this, "sources", /* @__PURE__ */ new Set()), p(this, "observers", /* @__PURE__ */ new Set()), p(this, "state", b.Dirty), p(this, "value"), this.id = ++ct, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
+    p(this, "id"), p(this, "owner"), p(this, "fn"), p(this, "sources", /* @__PURE__ */ new Set()), p(this, "observers", /* @__PURE__ */ new Set()), p(this, "state", b.Dirty), p(this, "value"), this.id = ++ht, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
   }
   execute() {
     if (this.state === b.Disposed)
@@ -2093,22 +2093,22 @@ class wt {
     }
   }
 }
-function pt() {
+function ft() {
   return C.currentOwner;
 }
 function J(n) {
   return typeof n == "function" && Symbol.for("tachui.signal") in n;
 }
-var ft = Object.defineProperty, mt = (n, e, t) => e in n ? ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, w = (n, e, t) => mt(n, typeof e != "symbol" ? e + "" : e, t), V = /* @__PURE__ */ ((n) => (n[n.Immediate = 0] = "Immediate", n[n.High = 1] = "High", n[n.Normal = 2] = "Normal", n[n.Low = 3] = "Low", n[n.Idle = 4] = "Idle", n))(V || {});
-let gt = class extends Error {
+var mt = Object.defineProperty, gt = (n, e, t) => e in n ? mt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, w = (n, e, t) => gt(n, typeof e != "symbol" ? e + "" : e, t), N = /* @__PURE__ */ ((n) => (n[n.Immediate = 0] = "Immediate", n[n.High = 1] = "High", n[n.Normal = 2] = "Normal", n[n.Low = 3] = "Low", n[n.Idle = 4] = "Idle", n))(N || {});
+let bt = class extends Error {
   constructor(e, t, i) {
     super(e), this.cause = t, this.node = i, this.name = "ReactiveError";
   }
 };
-const bt = class y {
+const yt = class y {
   constructor() {
     w(this, "updateQueues", /* @__PURE__ */ new Map()), w(this, "isFlushPending", !1), w(this, "isDestroyed", !1), w(this, "errorHandlers", /* @__PURE__ */ new Set()), w(this, "maxRetries", 3), w(this, "totalUpdateCycles", 0), w(this, "totalUpdateTime", 0), w(this, "errorCount", 0), w(this, "nodeRegistry", /* @__PURE__ */ new WeakSet());
-    for (const e of Object.values(V))
+    for (const e of Object.values(N))
       typeof e == "number" && this.updateQueues.set(e, /* @__PURE__ */ new Set());
   }
   static getInstance() {
@@ -2145,7 +2145,7 @@ const bt = class y {
             await this.updateNodeWithRetry(a);
           } catch (r) {
             this.handleReactiveError(
-              new gt(`Failed to update ${a.type} node ${a.id}`, r, a)
+              new bt(`Failed to update ${a.type} node ${a.id}`, r, a)
             );
           }
         if (this.hasHigherPriorityWork(t))
@@ -2299,7 +2299,7 @@ const bt = class y {
   getDebugInfo() {
     const e = {};
     for (const [t, i] of this.updateQueues)
-      e[V[t]] = i.size;
+      e[N[t]] = i.size;
     return {
       isFlushPending: this.isFlushPending,
       isDestroyed: this.isDestroyed,
@@ -2309,31 +2309,31 @@ const bt = class y {
     };
   }
 };
-w(bt, "instance", null);
+w(yt, "instance", null);
 function U(n) {
   return typeof n == "function" && Symbol.for("tachui.computed") in n;
 }
-function yt(n) {
+function vt(n) {
   return n[Symbol.for("tachui.computed")] || null;
 }
-function vt(n) {
-  const e = yt(n);
+function Wt(n) {
+  const e = vt(n);
   !e || e.observers.size !== 0 || e.releaseSources();
 }
-function we(n, e = {}) {
-  const t = ue();
+function pe(n, e = {}) {
+  const t = we();
   let i;
   const s = () => {
     const r = n(i);
     return i = r, r;
-  }, a = new wt(s, t);
+  }, a = new pt(s, t);
   return e.name && Object.defineProperty(a, "name", {
     value: e.name,
     enumerable: !1
   }), a.execute(), a;
 }
-function Wt(n) {
-  const e = ue();
+function St(n) {
+  const e = we();
   e && !e.disposed ? e.cleanups.push(n) : __DEV__ && console.warn("onCleanup called outside of reactive context");
 }
 typeof globalThis.__DEV__ > "u" && (globalThis.__DEV__ = process.env.NODE_ENV !== "production");
@@ -2346,11 +2346,11 @@ function Z(n, e, t) {
   }
 }
 const R = 200, f = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new Set();
-let Y = !1, G = !1;
-function St(n) {
+let Y = !1, _ = !1;
+function Et(n) {
   f.get(n)?.forEach((e) => e()), f.delete(n), F.delete(n);
 }
-function pe() {
+function fe() {
   const n = Date.now();
   for (const e of Array.from(v)) {
     const t = e.deref();
@@ -2367,28 +2367,28 @@ function pe() {
       i.wasConnected = !0;
       continue;
     }
-    (i.wasConnected || n - i.trackedAt >= R) && (St(t), v.delete(e));
+    (i.wasConnected || n - i.trackedAt >= R) && (Et(t), v.delete(e));
   }
 }
-function Et() {
-  if (G || typeof setTimeout != "function") return;
-  G = !0;
+function Ct() {
+  if (_ || typeof setTimeout != "function") return;
+  _ = !0;
   const n = () => {
-    if (pe(), v.size === 0) {
-      G = !1;
+    if (fe(), v.size === 0) {
+      _ = !1;
       return;
     }
     setTimeout(n, R);
   };
   setTimeout(n, R);
 }
-function Ct() {
+function Mt() {
   Y || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u" || (new MutationObserver(() => {
-    pe();
+    fe();
   }).observe(document.documentElement, { childList: !0, subtree: !0 }), Y = !0);
 }
-function Mt(n, e) {
-  Ct(), Et();
+function kt(n, e) {
+  Mt(), Ct();
   const t = f.get(n) ?? /* @__PURE__ */ new Set(), i = t.size > 0;
   return t.add(e), f.set(n, t), i || (F.set(n, {
     trackedAt: Date.now(),
@@ -2398,7 +2398,7 @@ function Mt(n, e) {
     s && (s.delete(e), s.size === 0 && (f.delete(n), F.delete(n)));
   };
 }
-function kt({
+function Pt({
   element: n,
   accessor: e,
   updater: t,
@@ -2409,7 +2409,7 @@ function kt({
   let a = s.get(e);
   if (!a) {
     const d = /* @__PURE__ */ new Map();
-    a = { effect: we(() => {
+    a = { effect: pe(() => {
       const l = e();
       d.forEach(
         (h, g) => Z(h, l, g)
@@ -2421,13 +2421,16 @@ function kt({
   const c = () => {
     r && (r(), r = null);
     const d = E.get(n), l = d?.get(e);
-    l && (l.updaters.delete(i), l.updaters.size === 0 && (l.effect.dispose(), d?.delete(e), U(e) && vt(e)), d && d.size === 0 && E.delete(n));
+    l && (l.updaters.delete(i), l.updaters.size === 0 && (l.effect.dispose(), d?.delete(e), U(e) && Wt(e)), d && d.size === 0 && E.delete(n));
   };
-  pt() ? Wt(c) : r = Mt(n, c);
+  ft() ? St(c) : r = kt(n, c);
 }
-const ee = Symbol.for("tachui.modifier.instanceId"), Pt = "core";
+const ee = Symbol.for("tachui.modifier.instanceId"), Tt = "core";
 let te = 0;
-function Tt(n) {
+function ne(n) {
+  return typeof HTMLElement < "u" && n instanceof HTMLElement;
+}
+function xt(n) {
   const e = n[ee];
   if (typeof e == "number") return e;
   te += 1;
@@ -2439,7 +2442,7 @@ function Tt(n) {
     writable: !1
   }), t;
 }
-class xt {
+class It {
   constructor(e) {
     this.properties = e;
   }
@@ -2467,7 +2470,7 @@ class xt {
       r.setProperty(a, d);
     };
     if (J(i) || U(i)) {
-      we(() => {
+      pe(() => {
         const d = i();
         c(String(d));
       });
@@ -2527,14 +2530,14 @@ class xt {
         if (c !== void 0) {
           const d = this.toCSSProperty(r);
           if (J(c) || U(c)) {
-            const l = c, h = Tt(this);
-            kt({
+            const l = c, h = xt(this);
+            Pt({
               element: e,
               accessor: l,
-              updaterId: `${Pt}:${h}:${d}`,
+              updaterId: `${Tt}:${h}:${d}`,
               updater: (g) => {
-                const ye = this.toCSSValueForProperty(d, g);
-                a(d, ye);
+                const ve = this.toCSSValueForProperty(d, g);
+                a(d, ve);
               }
             });
           } else {
@@ -2548,13 +2551,13 @@ class xt {
    * Add CSS classes to an element
    */
   addClasses(e, t) {
-    e instanceof HTMLElement && e.classList.add(...t);
+    ne(e) && e.classList.add(...t);
   }
   /**
    * Remove CSS classes from an element
    */
   removeClasses(e, t) {
-    e instanceof HTMLElement && e.classList.remove(...t);
+    ne(e) && e.classList.remove(...t);
   }
   /**
    * Create a style computation context
@@ -2570,7 +2573,7 @@ class xt {
   }
 }
 const k = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap();
-class fe extends xt {
+class me extends It {
   constructor() {
     super(...arguments);
     o(this, "type", "viewportLifecycle");
@@ -2608,74 +2611,74 @@ class fe extends xt {
     a.observe(t), P.set(t, a);
   }
 }
-function me(n) {
-  return new fe({ onAppear: n });
-}
 function ge(n) {
-  return new fe({ onDisappear: n });
+  return new me({ onAppear: n });
+}
+function be(n) {
+  return new me({ onDisappear: n });
 }
-const It = {
+const Ht = {
   name: "@tachui/viewport",
-  version: at,
+  version: dt,
   author: "TachUI Team",
   verified: !0
-}, ne = {
+}, ie = {
   category: "interaction",
   priority: 110,
   signature: "(handler: () => void) => Modifier",
   description: "Triggers handlers when an element appears in or disappears from the viewport."
 };
-let ie = !1;
-function be(n) {
-  const e = n?.registry, t = n?.plugin ?? It, i = n?.force === !0, s = !!(e || n?.plugin);
-  !s && ie && !i || (Q(
+let se = !1;
+function ye(n) {
+  const e = n?.registry, t = n?.plugin ?? Ht, i = n?.force === !0, s = !!(e || n?.plugin);
+  !s && se && !i || (Q(
     "onAppear",
-    me,
+    ge,
     {
-      ...ne,
+      ...ie,
       description: "Executes a callback when the component enters the viewport."
     },
     e,
     t
   ), Q(
     "onDisappear",
-    ge,
+    be,
     {
-      ...ne,
+      ...ie,
       description: "Executes a callback when the component leaves the viewport."
     },
     e,
     t
-  ), s || (ie = !0));
+  ), s || (se = !0));
 }
-be();
-const Ht = {
+ye();
+const zt = {
   // Manager
   getManager: u,
   // Environment
   useOpenWindow: H,
   useDismissWindow: z,
   useViewportInfo: j,
-  useViewport: he,
+  useViewport: ue,
   // Components
   Window: W,
-  WindowGroup: _,
+  WindowGroup: G,
   App: x,
   // Utilities
   Utils: I,
-  Examples: oe
+  Examples: re
 };
-function zt(n) {
+function Ot(n) {
   const e = new B(n?.customAdapter);
-  return se(e), e;
+  return oe(e), e;
 }
-const Ot = {
+const At = {
   isWindow: (n) => n.type === "window",
   isModal: (n) => n.type === "modal",
   isPortal: (n) => n.type === "portal",
   isSheet: (n) => n.type === "sheet",
   isPopover: (n) => n.type === "popover"
-}, At = {
+}, Dt = {
   /**
    * Check if running in Electron
    */
@@ -2696,7 +2699,7 @@ const Ot = {
    * Get optimal window type for current platform
    */
   getOptimalWindowType: (n = !1) => u().getOptimalWindowType({ preferNativeWindow: n })
-}, Dt = {
+}, Ft = {
   /**
    * Standard document window
    */
@@ -2763,7 +2766,7 @@ const Ot = {
     minimizable: !1,
     maximizable: !1
   })
-}, Ft = {
+}, Gt = {
   DEFAULT_WINDOW_WIDTH: 800,
   DEFAULT_WINDOW_HEIGHT: 600,
   MIN_WINDOW_WIDTH: 300,
@@ -2774,81 +2777,81 @@ const Ot = {
 }, _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   App: x,
-  EnvironmentKeys: Ye,
-  ExampleScenes: oe,
-  PlatformUtils: At,
+  EnvironmentKeys: et,
+  ExampleScenes: re,
+  PlatformUtils: Dt,
   TachUIViewportManager: B,
-  Viewport: Ht,
-  ViewportConstants: Ft,
-  ViewportEnvironmentProvider: ae,
-  ViewportTypeGuards: Ot,
-  WebViewportAdapter: N,
+  Viewport: zt,
+  ViewportConstants: Gt,
+  ViewportEnvironmentProvider: de,
+  ViewportTypeGuards: At,
+  WebViewportAdapter: V,
   Window: W,
-  WindowConfigs: Dt,
-  WindowGroup: _,
+  WindowConfigs: Ft,
+  WindowGroup: G,
   WindowUtils: I,
-  checkFeatureSupport: Ue,
+  checkFeatureSupport: Re,
   createCapabilityChecker: L,
-  createWindowAwareComponent: Ze,
+  createWindowAwareComponent: Ye,
   detectViewportEnvironment: $,
-  disposeViewportManager: Ke,
+  disposeViewportManager: qe,
   getBrowserInfo: Ne,
-  getEnvironmentValue: et,
-  getOSInfo: Ve,
+  getEnvironmentValue: tt,
+  getOSInfo: Ue,
   getViewportManager: u,
-  initializeViewportSystem: zt,
-  onAppear: me,
-  onDisappear: ge,
-  registerViewportModifiers: be,
-  setViewportManager: se,
-  useCurrentWindow: qe,
+  initializeViewportSystem: Ot,
+  onAppear: ge,
+  onDisappear: be,
+  registerViewportModifiers: ye,
+  setViewportManager: oe,
+  useCurrentWindow: Xe,
   useDismissWindow: z,
   useEnvironmentDismissWindow: z,
   useEnvironmentOpenWindow: H,
   useOpenWindow: H,
-  useViewport: he,
+  useViewport: ue,
   useViewportEnvironment: S,
   useViewportInfo: j,
-  useViewportManager: Xe,
-  withViewportEnvironment: Je
+  useViewportManager: Je,
+  withViewportEnvironment: Ze
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   x as App,
-  Ye as EnvironmentKeys,
-  oe as ExampleScenes,
-  At as PlatformUtils,
+  et as EnvironmentKeys,
+  re as ExampleScenes,
+  Dt as PlatformUtils,
   B as TachUIViewportManager,
-  Ht as Viewport,
-  Ft as ViewportConstants,
-  ae as ViewportEnvironmentProvider,
-  Ot as ViewportTypeGuards,
-  N as WebViewportAdapter,
+  zt as Viewport,
+  Gt as ViewportConstants,
+  de as ViewportEnvironmentProvider,
+  At as ViewportTypeGuards,
+  V as WebViewportAdapter,
   W as Window,
-  Dt as WindowConfigs,
-  _ as WindowGroup,
+  Ft as WindowConfigs,
+  G as WindowGroup,
   I as WindowUtils,
-  Ue as checkFeatureSupport,
+  Re as checkFeatureSupport,
   L as createCapabilityChecker,
-  Ze as createWindowAwareComponent,
+  Ye as createWindowAwareComponent,
   $ as detectViewportEnvironment,
-  Ke as disposeViewportManager,
+  qe as disposeViewportManager,
   Ne as getBrowserInfo,
-  et as getEnvironmentValue,
-  Ve as getOSInfo,
+  tt as getEnvironmentValue,
+  Ue as getOSInfo,
   u as getViewportManager,
-  zt as initializeViewportSystem,
-  me as onAppear,
-  ge as onDisappear,
-  be as registerViewportModifiers,
-  se as setViewportManager,
-  qe as useCurrentWindow,
+  Ot as initializeViewportSystem,
+  ge as onAppear,
+  be as onDisappear,
+  ye as registerViewportModifiers,
+  oe as setViewportManager,
+  Xe as useCurrentWindow,
   z as useDismissWindow,
   z as useEnvironmentDismissWindow,
   H as useEnvironmentOpenWindow,
   H as useOpenWindow,
-  he as useViewport,
+  ue as useViewport,
   S as useViewportEnvironment,
   j as useViewportInfo,
-  Xe as useViewportManager,
-  Je as withViewportEnvironment
+  Je as useViewportManager,
+  Ze as withViewportEnvironment
 };