@tachui/viewport 0.8.23 → 0.8.25

package/dist/index.js

@@ -1,11 +1,11 @@
-var ke = Object.defineProperty;
-var xe = (n, e, t) => e in n ? ke(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => xe(n, typeof e != "symbol" ? e + "" : e, t);
-import { createSignal as k, mountComponentTree as Pe, createRoot as Te, withComponentContext as Ie, createContext as Oe, useContext as ze } from "@tachui/core";
-import { getOwner as He, onCleanup as De } from "@tachui/core/reactive";
-import { registerModifierWithMetadata as Z } from "@tachui/modifiers";
-function Q(n = {}) {
-  const e = Ae(), t = Ne(e, n), i = Re(), s = $e(), a = je();
+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 = Ie(), t = Ae(e, n), i = _e(), s = Le(), a = Ve();
   return {
     platform: e,
     capabilities: t,
@@ -14,20 +14,20 @@ function Q(n = {}) {
     isTouch: a
   };
 }
-function Ae() {
-  return _e() ? "electron" : Fe() ? "mobile" : Ve() ? "embedded" : "web";
+function Ie() {
+  return He() ? "electron" : ze() ? "mobile" : Oe() ? "embedded" : "web";
 }
-function _e() {
+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 Fe() {
+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 Ve() {
+function Oe() {
   if (typeof window > "u") return !1;
   try {
     return window.self !== window.top;
@@ -35,7 +35,7 @@ function Ve() {
     return !0;
   }
 }
-function Ne(n, e) {
+function Ae(n, e) {
   const t = {
     multiWindow: !1,
     nativeWindows: !1,
@@ -61,9 +61,9 @@ function Ne(n, e) {
     case "web":
       return {
         ...t,
-        multiWindow: e.enablePopupTest ? Ge() : !1,
-        crossWindowCommunication: Le() || Ue(),
-        fullscreenSupport: Y(),
+        multiWindow: e.enablePopupTest ? De() : !1,
+        crossWindowCommunication: Fe() || Ge(),
+        fullscreenSupport: K(),
         windowResizing: !1,
         // Browser windows can't be resized programmatically
         windowMinimizing: !1
@@ -71,7 +71,7 @@ function Ne(n, e) {
     case "mobile":
       return {
         ...t,
-        fullscreenSupport: Y(),
+        fullscreenSupport: K(),
         modalOverlays: !0
       };
     case "embedded":
@@ -83,7 +83,7 @@ function Ne(n, e) {
       return t;
   }
 }
-function Ge() {
+function De() {
   if (typeof window > "u" || typeof window.navigator < "u" && window.navigator.userAgent.includes("jsdom"))
     return !1;
   try {
@@ -93,28 +93,28 @@ function Ge() {
     return !1;
   }
 }
-function Le() {
+function Fe() {
   return typeof window < "u" && "BroadcastChannel" in window;
 }
-function Ue() {
+function Ge() {
   return typeof window < "u" && "MessageChannel" in window;
 }
-function Y() {
+function K() {
   return typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
 }
-function Re() {
+function _e() {
   return typeof navigator > "u" ? "unknown" : navigator.userAgent;
 }
-function $e() {
+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 je() {
+function Ve() {
   return typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Be() {
+function Ne() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -142,7 +142,7 @@ function Be() {
   }
   return { name: e, version: t, engine: i };
 }
-function qe() {
+function Ue() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -169,7 +169,7 @@ function qe() {
   }
   return { name: e, version: t };
 }
-function Qe() {
+function Re() {
   return typeof window > "u" ? {
     webgl: !1,
     webgl2: !1,
@@ -190,7 +190,7 @@ function Qe() {
     resizeObserver: "ResizeObserver" in window
   };
 }
-function $(n) {
+function L(n) {
   return {
     canOpenWindow: (e = !1) => e ? n.capabilities.nativeWindows : n.capabilities.multiWindow || n.capabilities.modalOverlays,
     canCommunicateBetweenWindows: () => n.capabilities.crossWindowCommunication,
@@ -201,7 +201,7 @@ function $(n) {
     getOptimalViewportType: (e = !1) => e && n.capabilities.nativeWindows ? "window" : n.capabilities.modalOverlays ? "modal" : n.platform === "mobile" ? "sheet" : "portal"
   };
 }
-class Ke {
+class $e {
   // Fallback strategies
   createModal(e) {
     throw new Error("Modal fallback not implemented");
@@ -210,7 +210,7 @@ class Ke {
     throw new Error("Portal fallback not implemented");
   }
 }
-class j extends Ke {
+class V extends $e {
   constructor(t = {}) {
     super();
     o(this, "environment");
@@ -219,7 +219,7 @@ class j extends Ke {
     o(this, "popups", /* @__PURE__ */ new Map());
     o(this, "portalContainer", null);
     o(this, "broadcastChannel", null);
-    this.environment = Q(t), this.initializePortalContainer();
+    this.environment = $(t), this.initializePortalContainer();
   }
   /**
    * Check if we can create a window with given config
@@ -323,21 +323,21 @@ class j extends Ke {
    * Create popup window (native browser window)
    */
   createPopupWindow(t) {
-    const i = new Xe(t);
+    const i = new Be(t);
     return this.popups.set(t.id, i), i;
   }
   /**
    * Create modal overlay
    */
   createModal(t) {
-    const i = new Je(t);
+    const i = new je(t);
     return this.modals.set(t.id, i), i;
   }
   /**
    * Create portal
    */
   createPortal(t) {
-    const i = new Ze(t, this.portalContainer);
+    const i = new Qe(t, this.portalContainer);
     return this.portals.set(t.id, i), i;
   }
   /**
@@ -430,7 +430,7 @@ class j extends Ke {
     `, document.head.appendChild(i);
   }
 }
-class Xe {
+class Be {
   constructor(e) {
     o(this, "id");
     o(this, "type", "window");
@@ -441,7 +441,7 @@ class Xe {
     o(this, "eventHandlers", /* @__PURE__ */ new Map());
     o(this, "setState");
     this.id = e.id, this.config = e;
-    const [t, i] = k({
+    const [t, i] = M({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -639,7 +639,7 @@ class Xe {
   removeChildWindow(e) {
   }
 }
-class Je {
+class je {
   constructor(e) {
     o(this, "id");
     o(this, "type", "modal");
@@ -657,7 +657,7 @@ class Je {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.id = e.id, this.config = e;
-    const [t, i] = k({
+    const [t, i] = M({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -861,7 +861,7 @@ class Je {
     e && e.remove();
   }
 }
-class Ze {
+class Qe {
   constructor(e, t) {
     o(this, "id");
     o(this, "type", "portal");
@@ -879,7 +879,7 @@ class Ze {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.container = t, this.id = e.id, this.config = e;
-    const [i, s] = k({
+    const [i, s] = M({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -906,7 +906,7 @@ class Ze {
     if (this.portalElement) {
       this.portalElement.innerHTML = "";
       try {
-        const t = Pe(e, this.portalElement);
+        const t = Ee(e, this.portalElement);
         this.cleanupFunction = t;
       } catch (t) {
         console.error("Error during mountComponentTree:", t);
@@ -1086,7 +1086,7 @@ class Ze {
     e && e.remove();
   }
 }
-class K {
+class B {
   constructor(e, t = {}) {
     o(this, "adapter");
     o(this, "windows", /* @__PURE__ */ new Map());
@@ -1097,7 +1097,7 @@ class K {
     o(this, "globalStateCallbacks", /* @__PURE__ */ new Map());
     o(this, "environment");
     o(this, "platformConfig");
-    this.platformConfig = t, this.environment = Q(t), e ? this.adapter = e : this.adapter = this.createDefaultAdapter(), this.adapter.setupCrossWindowCommunication(), this.adapter.optimizeForPlatform();
+    this.platformConfig = t, this.environment = $(t), e ? this.adapter = e : this.adapter = this.createDefaultAdapter(), this.adapter.setupCrossWindowCommunication(), this.adapter.optimizeForPlatform();
   }
   /**
    * Open a new window/viewport
@@ -1144,20 +1144,20 @@ class K {
   createWindowGroup(e) {
     if (this.windowGroups.has(e))
       return this.windowGroups.get(e);
-    const t = new Ye(e, this);
+    const t = new Ke(e, this);
     return this.windowGroups.set(e, t), t;
   }
   /**
    * Check if we can open a window with given options
    */
   canOpenWindow(e = {}) {
-    return $(this.environment).canOpenWindow(e.preferNativeWindow);
+    return L(this.environment).canOpenWindow(e.preferNativeWindow);
   }
   /**
    * Get optimal window type for given options
    */
   getOptimalWindowType(e = {}) {
-    const t = $(this.environment);
+    const t = L(this.environment);
     return e.preferNativeWindow && this.environment.capabilities.nativeWindows ? "window" : e.modal !== !1 && this.environment.capabilities.modalOverlays ? "modal" : t.getOptimalViewportType(e.preferNativeWindow);
   }
   /**
@@ -1202,9 +1202,9 @@ class K {
   createDefaultAdapter() {
     switch (this.environment.platform) {
       case "electron":
-        return new j(this.platformConfig);
+        return new V(this.platformConfig);
       default:
-        return new j(this.platformConfig);
+        return new V(this.platformConfig);
     }
   }
   // ==================== Phase 2: Global State Management ====================
@@ -1268,7 +1268,7 @@ class K {
     });
   }
 }
-class Ye {
+class Ke {
   constructor(e, t, i = "any") {
     o(this, "windows", /* @__PURE__ */ new Map());
     o(this, "defaultOptions", {});
@@ -1557,13 +1557,13 @@ class Ye {
   arrangeWindowsAsTiles(e) {
     const t = typeof window < "u" ? window.screen.width : 1920, i = typeof window < "u" ? window.screen.height : 1080, s = Math.ceil(Math.sqrt(e.length)), a = Math.ceil(e.length / s), r = t / s, c = i / a;
     e.forEach((d, l) => {
-      const h = l % s, b = Math.floor(l / s);
+      const h = l % s, g = Math.floor(l / s);
       this.setWindowGroupMetadata(d, {
         tilePosition: {
           col: h,
-          row: b,
+          row: g,
           x: h * r,
-          y: b * c,
+          y: g * c,
           width: r,
           height: c
         },
@@ -1616,17 +1616,17 @@ class Ye {
     }
   }
 }
-let g = null;
-function p(n = {}) {
-  return g || (g = new K(void 0, n)), g;
+let m = null;
+function u(n = {}) {
+  return m || (m = new B(void 0, n)), m;
 }
-function ce(n) {
-  g?.dispose(), g = n;
+function oe(n) {
+  m?.dispose(), m = n;
 }
-function et() {
-  g?.dispose(), g = null;
+function qe() {
+  m?.dispose(), m = null;
 }
-function S(n) {
+function W(n) {
   return {
     type: "window-scene",
     sceneType: "window",
@@ -1651,17 +1651,17 @@ function S(n) {
     },
     // Open this window
     async open() {
-      const e = p(), t = Te(() => Ie((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
     async close() {
-      await p().dismissWindow(n.id);
+      await u().dismissWindow(n.id);
     }
   };
 }
-function L(n) {
-  const e = p(), t = e.createWindowGroup(n.id);
+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 {
     groupingStrategy: i,
@@ -1749,7 +1749,7 @@ function L(n) {
     }
   };
 }
-function H(n) {
+function x(n) {
   return {
     type: "app",
     scenes: n.children,
@@ -1769,8 +1769,8 @@ function H(n) {
     },
     // Initialize all scenes
     async initialize() {
-      if (!p(n.platformConfig)) {
-        const { initializeViewportSystem: t } = await Promise.resolve().then(() => rn);
+      if (!u(n.platformConfig)) {
+        const { initializeViewportSystem: t } = await Promise.resolve().then(() => _t);
         t();
       }
     },
@@ -1787,12 +1787,12 @@ function H(n) {
     }
   };
 }
-const D = {
+const I = {
   /**
    * Create a document window group
    */
   documentGroup(n, e, t, i) {
-    return L({
+    return G({
       id: n,
       title: e,
       for: t,
@@ -1806,7 +1806,7 @@ const D = {
    * Create a settings window
    */
   settingsWindow(n) {
-    return S({
+    return W({
       id: "settings",
       title: "Settings",
       width: 600,
@@ -1819,7 +1819,7 @@ const D = {
    * Create an inspector window
    */
   inspectorWindow(n) {
-    return S({
+    return W({
       id: "inspector",
       title: "Inspector",
       width: 300,
@@ -1833,7 +1833,7 @@ const D = {
    * Create a palette window
    */
   paletteWindow(n, e, t) {
-    return S({
+    return W({
       id: n,
       title: e,
       width: 250,
@@ -1843,13 +1843,13 @@ const D = {
       children: t
     });
   }
-}, ue = {
+}, re = {
   /**
    * Basic app with main window and settings
    */
-  basicApp: () => H({
+  basicApp: () => x({
     children: [
-      S({
+      W({
         id: "main",
         title: "My App",
         children: () => ({
@@ -1865,7 +1865,7 @@ const D = {
           })
         })
       }),
-      D.settingsWindow(() => ({
+      I.settingsWindow(() => ({
         type: "component",
         id: "settings-content",
         props: {},
@@ -1882,9 +1882,9 @@ const D = {
   /**
    * Document-based app
    */
-  documentApp: () => H({
+  documentApp: () => x({
     children: [
-      L({
+      G({
         id: "document",
         title: "Document",
         for: class {
@@ -1906,7 +1906,7 @@ const D = {
           })
         })
       }),
-      D.settingsWindow(() => ({
+      I.settingsWindow(() => ({
         type: "component",
         id: "settings",
         props: {},
@@ -1920,12 +1920,12 @@ const D = {
       }))
     ]
   })
-}, he = Oe(null);
-function pe({
+}, ae = Pe(null);
+function de({
   children: n,
   manager: e
 }) {
-  const t = e || p(), i = {
+  const t = e || u(), i = {
     openWindow: async (s, a, r) => await t.openWindow(s, a, r),
     dismissWindow: async (s) => await t.dismissWindow(s),
     viewportEnvironment: t.environment,
@@ -1934,47 +1934,47 @@ function pe({
   };
   return {
     type: "context-provider",
-    context: he,
+    context: ae,
     value: i,
     children: Array.isArray(n) ? n : [n]
   };
 }
-function C() {
-  const n = ze(he);
+function S() {
+  const n = ke(ae);
   if (!n)
     throw new Error(
       "useViewportEnvironment must be used within a ViewportEnvironmentProvider"
     );
   return n();
 }
-function A() {
-  const { openWindow: n } = C();
+function H() {
+  const { openWindow: n } = S();
   return n;
 }
-function _() {
-  const { dismissWindow: n } = C();
+function z() {
+  const { dismissWindow: n } = S();
   return n;
 }
-function X() {
-  const { viewportEnvironment: n } = C();
+function j() {
+  const { viewportEnvironment: n } = S();
   return n;
 }
-function tt() {
-  const { currentWindow: n } = C();
+function Xe() {
+  const { currentWindow: n } = S();
   return n;
 }
-function nt() {
-  return p();
+function Je() {
+  return u();
 }
-function it(n, e) {
-  return (t) => pe({
+function Ze(n, e) {
+  return (t) => de({
     children: n(t),
     manager: e
   });
 }
-function st(n) {
+function Ye(n) {
   return (e) => {
-    const t = A(), i = _(), s = X();
+    const t = H(), i = z(), s = j();
     return n({
       ...e,
       openWindow: t,
@@ -1983,110 +1983,107 @@ function st(n) {
     });
   };
 }
-const ot = {
+const et = {
   openWindow: "openWindow",
   dismissWindow: "dismissWindow",
   viewportEnvironment: "viewportEnvironment",
   currentWindow: "currentWindow"
 };
-function rt(n) {
-  return C()[n];
+function tt(n) {
+  return S()[n];
 }
-function at() {
+function nt() {
   return typeof window > "u" ? 0 : window.innerWidth;
 }
-function lt() {
+function it() {
   return typeof window > "u" ? 0 : window.innerHeight;
 }
-let F, V, we, fe, I = 0, N = !1;
-function me() {
-  typeof window > "u" || (we?.(window.innerWidth), fe?.(window.innerHeight));
+let O, A, le, ce, T = 0, D = !1;
+function he() {
+  typeof window > "u" || (le?.(window.innerWidth), ce?.(window.innerHeight));
 }
-function dt() {
-  if (F && V) return;
-  const [n, e] = k(at()), [t, i] = k(lt());
-  F = n, V = t, we = e, fe = i;
+function st() {
+  if (O && A) return;
+  const [n, e] = M(nt()), [t, i] = M(it());
+  O = n, A = t, le = e, ce = i;
 }
-function ct() {
-  typeof window > "u" || N || (window.addEventListener("resize", me), N = !0);
+function ot() {
+  typeof window > "u" || D || (window.addEventListener("resize", he), D = !0);
 }
-function ut() {
-  typeof window > "u" || !N || I > 0 || (window.removeEventListener("resize", me), N = !1);
+function rt() {
+  typeof window > "u" || !D || T > 0 || (window.removeEventListener("resize", he), D = !1);
 }
-function ge() {
-  if (dt(), I += 1, typeof window > "u")
+function ue() {
+  if (st(), T += 1, typeof window > "u")
     return {
-      width: F,
-      height: V,
+      width: O,
+      height: A,
       dispose: () => {
       }
     };
-  ct();
+  ot();
   let n = !1;
   const e = () => {
-    n || (n = !0, I = Math.max(0, I - 1), ut());
+    n || (n = !0, T = Math.max(0, T - 1), rt());
   };
-  return He() && De(e), {
-    width: F,
-    height: V,
+  return Te() && xe(e), {
+    width: O,
+    height: A,
     dispose: e
   };
 }
-const ht = "0.8.23", pt = ht, u = {
+const at = "0.8.25", dt = at, b = {
   Clean: 0,
   Check: 1,
   Dirty: 2,
   Disposed: 3
 };
-var wt = Object.defineProperty, ft = (n, e, t) => e in n ? wt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, f = (n, e, t) => ft(n, typeof e != "symbol" ? e + "" : e, t);
-let mt = 0;
-const gt = Math.random().toString(36).substr(2, 6);
-let ee = null, te = null;
-const bt = /* @__PURE__ */ new Set();
-bt.add(gt);
-const E = {
+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 wt = /* @__PURE__ */ new Set();
+wt.add(ut);
+const C = {
   get currentComputation() {
-    return ee;
+    return q;
   },
   set currentComputation(n) {
-    ee = n;
+    q = n;
   },
   get currentOwner() {
-    return te;
+    return X;
   },
   set currentOwner(n) {
-    te = n;
+    X = n;
   }
 };
-function be() {
-  return E.currentComputation;
+function we() {
+  return C.currentOwner;
 }
-function J() {
-  return E.currentOwner;
-}
-let ye = class {
+class pt {
   constructor(e, t = null) {
-    f(this, "id"), f(this, "owner"), f(this, "fn"), f(this, "sources", /* @__PURE__ */ new Set()), f(this, "observers", /* @__PURE__ */ new Set()), f(this, "state", u.Dirty), f(this, "value"), this.id = ++mt, 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 === u.Disposed)
+    if (this.state === b.Disposed)
       return this.value;
     for (const t of this.sources)
       t && typeof t == "object" && "removeObserver" in t && t.removeObserver(this);
     this.sources.clear();
-    const e = E.currentComputation;
-    E.currentComputation = this;
+    const e = C.currentComputation;
+    C.currentComputation = this;
     try {
-      return this.state = u.Clean, this.value = this.fn(), this.value;
+      return this.state = b.Clean, this.value = this.fn(), this.value;
     } catch (t) {
-      throw this.state = u.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
+      throw this.state = b.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
     } finally {
-      E.currentComputation = e;
+      C.currentComputation = e;
     }
   }
   dispose() {
-    if (this.state !== u.Disposed) {
-      this.state = u.Disposed;
+    if (this.state !== b.Disposed) {
+      this.state = b.Disposed;
       for (const e of this.sources)
         e && typeof e == "object" && "removeObserver" in e && e.removeObserver(this);
       this.sources.clear();
@@ -2095,107 +2092,27 @@ let ye = class {
       this.observers.clear(), this.owner && !this.owner.disposed && this.owner.sources.delete(this);
     }
   }
-};
-function yt() {
-  return E.currentOwner;
-}
-var vt = Object.defineProperty, Wt = (n, e, t) => e in n ? vt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, U = (n, e, t) => Wt(n, typeof e != "symbol" ? e + "" : e, t);
-let St = 0, Et = class {
-  constructor(e) {
-    U(this, "id"), U(this, "observers", /* @__PURE__ */ new Set()), U(this, "_value"), this.id = ++St, this._value = e;
-  }
-  /**
-   * Get the current value and track dependency
-   */
-  getValue() {
-    const e = be();
-    return e && e.state !== u.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
-  }
-  /**
-   * Get the current value without tracking dependency
-   */
-  peek() {
-    return this._value;
-  }
-  /**
-   * Set a new value and notify observers
-   */
-  set(e) {
-    const t = typeof e == "function" ? e(this._value) : e;
-    return t !== this._value && (this._value = t, this.notify()), t;
-  }
-  /**
-   * Notify all observers that this signal has changed
-   */
-  notify() {
-    for (const e of this.observers)
-      e.state !== u.Disposed && (e.state = u.Dirty, Ct(e));
-  }
-  /**
-   * Remove an observer (cleanup)
-   */
-  removeObserver(e) {
-    this.observers.delete(e);
-  }
-  /**
-   * Get debug information about this signal
-   */
-  [Symbol.for("tachui.debug")]() {
-    return {
-      id: this.id,
-      value: this._value,
-      observerCount: this.observers.size,
-      type: "Signal"
-    };
-  }
-};
-const O = /* @__PURE__ */ new Set();
-let z = !1;
-function Ct(n) {
-  O.add(n), !z && queueMicrotask(Mt);
-}
-function Mt() {
-  if (!z) {
-    z = !0;
-    try {
-      for (; O.size > 0; ) {
-        const n = Array.from(O).sort((e, t) => e.id - t.id);
-        O.clear();
-        for (const e of n)
-          e.state === u.Dirty && e.execute();
-      }
-    } finally {
-      z = !1;
-    }
-  }
 }
-function kt(n) {
-  const e = new Et(n), t = e.getValue.bind(e);
-  t.peek = e.peek.bind(e);
-  const i = e.set.bind(e);
-  return Object.defineProperty(t, Symbol.for("tachui.signal"), {
-    value: e,
-    enumerable: !1
-  }), [t, i];
+function ft() {
+  return C.currentOwner;
 }
-function ne(n) {
+function J(n) {
   return typeof n == "function" && Symbol.for("tachui.signal") in n;
 }
-const xt = (n, e) => n === e;
-var Pt = Object.defineProperty, Tt = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, w = (n, e, t) => Tt(n, typeof e != "symbol" ? e + "" : e, t), x = /* @__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))(x || {});
-class It 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 Ot = class v {
+};
+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(x))
+    for (const e of Object.values(N))
       typeof e == "number" && this.updateQueues.set(e, /* @__PURE__ */ new Set());
   }
   static getInstance() {
-    return v.instance || (v.instance = new v()), v.instance;
+    return y.instance || (y.instance = new y()), y.instance;
   }
   /**
    * Schedule reactive node for update
@@ -2228,7 +2145,7 @@ const Ot = class v {
             await this.updateNodeWithRetry(a);
           } catch (r) {
             this.handleReactiveError(
-              new It(`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))
@@ -2374,7 +2291,7 @@ const Ot = class v {
         }
       e.clear();
     }
-    this.updateQueues.clear(), this.errorHandlers.clear(), v.instance = null;
+    this.updateQueues.clear(), this.errorHandlers.clear(), y.instance = null;
   }
   /**
    * Get debug information
@@ -2382,7 +2299,7 @@ const Ot = class v {
   getDebugInfo() {
     const e = {};
     for (const [t, i] of this.updateQueues)
-      e[x[t]] = i.size;
+      e[N[t]] = i.size;
     return {
       isFlushPending: this.isFlushPending,
       isDestroyed: this.isDestroyed,
@@ -2392,263 +2309,140 @@ const Ot = class v {
     };
   }
 };
-w(Ot, "instance", null);
-var zt = Object.defineProperty, Ht = (n, e, t) => e in n ? zt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, y = (n, e, t) => Ht(n, typeof e != "symbol" ? e + "" : e, t);
-class Dt extends ye {
-  constructor(e, t = {}, i = J()) {
-    super(e, i), y(this, "type", "computed"), y(this, "priority"), y(this, "_hasValue", !1), y(this, "_error", null), y(this, "equalsFn"), y(this, "options"), this.priority = t.priority ?? x.Normal, this.equalsFn = t.equals ?? xt, this.options = t;
-  }
-  /**
-   * Get the computed value, tracking dependency and lazily computing
-   */
-  getValue() {
-    const e = be();
-    return e && e.state !== u.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === u.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
-  }
-  /**
-   * Get the current value without tracking dependency
-   */
-  peek() {
-    return (this.state === u.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
-  }
-  /**
-   * Remove an observer (cleanup)
-   */
-  removeObserver(e) {
-    this.observers.delete(e), this.options.releaseOnNoObservers === !0 && this.observers.size === 0 && e.state === u.Disposed && this.releaseSources();
-  }
-  releaseSources() {
-    for (const e of this.sources)
-      "removeObserver" in e && e.removeObserver(this);
-    this.sources.clear(), this._hasValue = !1, this.state = u.Dirty;
-  }
-  /**
-   * Execute the computation and notify observers
-   */
-  execute() {
-    const e = this._hasValue ? this.value : void 0, t = super.execute();
-    if (!this._hasValue || !this.equalsFn(e, t))
-      for (const i of this.observers)
-        i.state !== u.Disposed && (i.state = u.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
-          i.state === u.Dirty && i.execute();
-        }));
-    return t;
-  }
-  /**
-   * Notify method for ReactiveNode compatibility
-   */
-  notify() {
-    this.execute();
-  }
-  /**
-   * Complete cleanup for memory management
-   */
-  cleanup() {
-    for (const e of this.sources)
-      "removeObserver" in e && e.removeObserver(this);
-    this.sources.clear();
-    for (const e of this.observers)
-      e.sources.delete(this);
-    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = u.Disposed;
-  }
-  /**
-   * Dispose the computed value
-   */
-  dispose() {
-    this.cleanup(), super.dispose();
-  }
-  /**
-   * Debug information
-   */
-  [Symbol.for("tachui.debug")]() {
-    return {
-      id: this.id,
-      type: this.type,
-      value: this._hasValue ? this.value : void 0,
-      hasValue: this._hasValue,
-      error: this._error?.message,
-      state: this.state,
-      sourceCount: this.sources.size,
-      observerCount: this.observers.size,
-      priority: x[this.priority],
-      debugName: this.options.debugName,
-      equalsFn: this.equalsFn.name || "anonymous"
-    };
-  }
-  toString() {
-    return `Computed(${this.options.debugName || this.id}): ${this._hasValue ? this.value : "no value"}`;
-  }
-}
-function At(n, e) {
-  const t = new Dt(n, e), i = t.getValue.bind(t);
-  return i.peek = t.peek.bind(t), Object.defineProperty(i, Symbol.for("tachui.computed"), {
-    value: t,
-    enumerable: !1
-  }), i;
-}
-function B(n) {
+w(yt, "instance", null);
+function U(n) {
   return typeof n == "function" && Symbol.for("tachui.computed") in n;
 }
-function _t(n) {
+function vt(n) {
   return n[Symbol.for("tachui.computed")] || null;
 }
-function Ft(n) {
-  const e = _t(n);
+function Wt(n) {
+  const e = vt(n);
   !e || e.observers.size !== 0 || e.releaseSources();
 }
-const [Vt, wn] = kt("light");
-At(() => {
-  const n = Vt();
-  return n === "system" ? Nt() : n;
-});
-function Nt() {
-  return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function Gt(n) {
-  const e = J();
-  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");
-var Lt = Object.defineProperty, Ut = (n, e, t) => e in n ? Lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ie = (n, e, t) => Ut(n, typeof e != "symbol" ? e + "" : e, t);
-class Rt {
-  constructor() {
-    ie(this, "pending", /* @__PURE__ */ new Set()), ie(this, "isFlushScheduled", !1);
-  }
-  schedule(e) {
-    this.pending.add(e), this.isFlushScheduled || (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
-  }
-  flush() {
-    if (this.pending.size === 0) {
-      this.isFlushScheduled = !1;
-      return;
-    }
-    const e = Array.from(this.pending);
-    this.pending.clear(), this.isFlushScheduled = !1;
-    for (const t of e)
-      try {
-        t();
-      } catch (i) {
-        console.error("Error in scheduled task:", i);
-      }
-    this.pending.size > 0 && (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
-  }
-}
-new Rt();
-function ve(n, e = {}) {
-  const t = J();
+function pe(n, e = {}) {
+  const t = we();
   let i;
   const s = () => {
     const r = n(i);
     return i = r, r;
-  }, a = new ye(s, t);
+  }, a = new pt(s, t);
   return e.name && Object.defineProperty(a, "name", {
     value: e.name,
     enumerable: !1
   }), a.execute(), a;
 }
-const M = /* @__PURE__ */ new WeakMap();
-function se(n, e, t) {
+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");
+const E = /* @__PURE__ */ new WeakMap();
+function Z(n, e, t) {
   try {
     n(e);
   } catch (i) {
     console.error(`Reactive style updater failed (${t}):`, i);
   }
 }
-const q = 200, m = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new Set();
-let oe = !1, R = !1;
-function $t(n) {
-  m.get(n)?.forEach((e) => e()), m.delete(n), G.delete(n);
+const R = 200, f = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new Set();
+let Y = !1, _ = !1;
+function Et(n) {
+  f.get(n)?.forEach((e) => e()), f.delete(n), F.delete(n);
 }
-function We() {
+function fe() {
   const n = Date.now();
-  for (const e of Array.from(W)) {
+  for (const e of Array.from(v)) {
     const t = e.deref();
     if (!t) {
-      W.delete(e);
+      v.delete(e);
       continue;
     }
-    const i = G.get(t), s = m.get(t);
+    const i = F.get(t), s = f.get(t);
     if (!i || !s || s.size === 0) {
-      W.delete(e);
+      v.delete(e);
       continue;
     }
     if (t.isConnected) {
       i.wasConnected = !0;
       continue;
     }
-    (i.wasConnected || n - i.trackedAt >= q) && ($t(t), W.delete(e));
+    (i.wasConnected || n - i.trackedAt >= R) && (Et(t), v.delete(e));
   }
 }
-function jt() {
-  if (R || typeof setTimeout != "function") return;
-  R = !0;
+function Ct() {
+  if (_ || typeof setTimeout != "function") return;
+  _ = !0;
   const n = () => {
-    if (We(), W.size === 0) {
-      R = !1;
+    if (fe(), v.size === 0) {
+      _ = !1;
       return;
     }
-    setTimeout(n, q);
+    setTimeout(n, R);
   };
-  setTimeout(n, q);
-}
-function Bt() {
-  oe || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u" || (new MutationObserver(() => {
-    We();
-  }).observe(document.documentElement, { childList: !0, subtree: !0 }), oe = !0);
+  setTimeout(n, R);
 }
-function qt(n, e) {
-  Bt(), jt();
-  const t = m.get(n) ?? /* @__PURE__ */ new Set(), i = t.size > 0;
-  return t.add(e), m.set(n, t), i || (G.set(n, {
+function Mt() {
+  Y || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u" || (new MutationObserver(() => {
+    fe();
+  }).observe(document.documentElement, { childList: !0, subtree: !0 }), Y = !0);
+}
+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(),
     wasConnected: n.isConnected
-  }), W.add(new WeakRef(n))), () => {
-    const s = m.get(n);
-    s && (s.delete(e), s.size === 0 && (m.delete(n), G.delete(n)));
+  }), v.add(new WeakRef(n))), () => {
+    const s = f.get(n);
+    s && (s.delete(e), s.size === 0 && (f.delete(n), F.delete(n)));
   };
 }
-function Qt({
+function Pt({
   element: n,
   accessor: e,
   updater: t,
   updaterId: i
 }) {
-  const s = M.get(n) ?? /* @__PURE__ */ new Map();
-  M.has(n) || M.set(n, s);
+  const s = E.get(n) ?? /* @__PURE__ */ new Map();
+  E.has(n) || E.set(n, s);
   let a = s.get(e);
   if (!a) {
     const d = /* @__PURE__ */ new Map();
-    a = { effect: ve(() => {
+    a = { effect: pe(() => {
       const l = e();
       d.forEach(
-        (h, b) => se(h, l, b)
+        (h, g) => Z(h, l, g)
       );
     }), updaters: d }, s.set(e, a);
   }
-  a.updaters.set(i, t), se(t, e(), i);
+  a.updaters.set(i, t), Z(t, e(), i);
   let r = null;
   const c = () => {
     r && (r(), r = null);
-    const d = M.get(n), l = d?.get(e);
-    l && (l.updaters.delete(i), l.updaters.size === 0 && (l.effect.dispose(), d?.delete(e), B(e) && Ft(e)), d && d.size === 0 && M.delete(n));
+    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) && Wt(e)), d && d.size === 0 && E.delete(n));
   };
-  yt() ? Gt(c) : r = qt(n, c);
+  ft() ? St(c) : r = kt(n, c);
+}
+const ee = Symbol.for("tachui.modifier.instanceId"), Tt = "core";
+let te = 0;
+function ne(n) {
+  return typeof HTMLElement < "u" && n instanceof HTMLElement;
 }
-const re = Symbol.for("tachui.modifier.instanceId"), Kt = "core";
-let ae = 0;
-function Xt(n) {
-  const e = n[re];
+function xt(n) {
+  const e = n[ee];
   if (typeof e == "number") return e;
-  ae += 1;
-  const t = ae;
-  return Object.defineProperty(n, re, {
+  te += 1;
+  const t = te;
+  return Object.defineProperty(n, ee, {
     value: t,
     enumerable: !1,
     configurable: !1,
     writable: !1
   }), t;
 }
-class Jt {
+class It {
   constructor(e) {
     this.properties = e;
   }
@@ -2665,26 +2459,24 @@ class Jt {
    * Apply a single style change to an element with reactive support
    */
   applyStyleChange(e, t, i) {
-    if (e instanceof HTMLElement) {
-      const s = this.toCSSProperty(t);
-      if (ne(i) || B(i))
-        ve(() => {
-          const a = i(), r = String(a);
-          if (r.includes("!important")) {
-            const c = r.replace(/\s*!important\s*$/, "").trim();
-            e.style.setProperty(s, c, "important");
-          } else
-            e.style.setProperty(s, r);
-        });
-      else {
-        const a = String(i);
-        if (a.includes("!important")) {
-          const r = a.replace(/\s*!important\s*$/, "").trim();
-          e.style.setProperty(s, r, "important");
-        } else
-          e.style.setProperty(s, a);
+    if (!(typeof HTMLElement < "u" && e instanceof HTMLElement) && !e.style)
+      return;
+    const a = this.toCSSProperty(t), r = e.style, c = (d) => {
+      if (d.includes("!important")) {
+        const l = d.replace(/\s*!important\s*$/, "").trim();
+        r.setProperty(a, l, "important");
+        return;
       }
+      r.setProperty(a, d);
+    };
+    if (J(i) || U(i)) {
+      pe(() => {
+        const d = i();
+        c(String(d));
+      });
+      return;
     }
+    c(String(i));
   }
   /**
    * Convert camelCase property to CSS kebab-case
@@ -2723,34 +2515,34 @@ class Jt {
    * Apply multiple CSS properties to an element with reactive support
    */
   applyStyles(e, t) {
-    if (e instanceof HTMLElement || e.style) {
-      const i = e.style, s = (a, r) => {
-        if (i.setProperty)
-          if (typeof r == "string" && r.includes("!important")) {
-            const c = r.replace(/\s*!important\s*$/, "").trim();
-            i.setProperty(a, c, "important");
+    if (typeof HTMLElement < "u" && e instanceof HTMLElement || e.style) {
+      const s = e.style, a = (r, c) => {
+        if (s.setProperty)
+          if (typeof c == "string" && c.includes("!important")) {
+            const d = c.replace(/\s*!important\s*$/, "").trim();
+            s.setProperty(r, d, "important");
           } else
-            i.setProperty(a, r);
+            s.setProperty(r, c);
         else
-          i[a] = r;
+          s[r] = c;
       };
-      for (const [a, r] of Object.entries(t))
-        if (r !== void 0) {
-          const c = this.toCSSProperty(a);
-          if (ne(r) || B(r)) {
-            const d = r, l = Xt(this);
-            Qt({
+      for (const [r, c] of Object.entries(t))
+        if (c !== void 0) {
+          const d = this.toCSSProperty(r);
+          if (J(c) || U(c)) {
+            const l = c, h = xt(this);
+            Pt({
               element: e,
-              accessor: d,
-              updaterId: `${Kt}:${l}:${c}`,
-              updater: (h) => {
-                const b = this.toCSSValueForProperty(c, h);
-                s(c, b);
+              accessor: l,
+              updaterId: `${Tt}:${h}:${d}`,
+              updater: (g) => {
+                const ve = this.toCSSValueForProperty(d, g);
+                a(d, ve);
               }
             });
           } else {
-            const d = this.toCSSValueForProperty(c, r);
-            s(c, d);
+            const l = this.toCSSValueForProperty(d, c);
+            a(d, l);
           }
         }
     }
@@ -2759,13 +2551,13 @@ class Jt {
    * 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
@@ -2780,8 +2572,8 @@ class Jt {
     };
   }
 }
-const P = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
-class Se extends Jt {
+const k = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap();
+class me extends It {
   constructor() {
     super(...arguments);
     o(this, "type", "viewportLifecycle");
@@ -2792,8 +2584,8 @@ class Se extends Jt {
     i.element && (this.properties.onAppear || this.properties.onDisappear) && this.setupLifecycleObserver(i.element, this.properties);
   }
   setupLifecycleObserver(t, i) {
-    const s = T.get(t);
-    s && (s.unobserve(t), s.disconnect(), T.delete(t)), P.set(t, {
+    const s = P.get(t);
+    s && (s.unobserve(t), s.disconnect(), P.delete(t)), k.set(t, {
       isVisible: !1
     });
     const a = new IntersectionObserver(
@@ -2802,11 +2594,11 @@ class Se extends Jt {
           const d = c.target;
           if (!(d instanceof Element)) return;
           if (!d.isConnected) {
-            a.unobserve(d), T.delete(d), P.delete(d);
+            a.unobserve(d), P.delete(d), k.delete(d);
             return;
           }
-          const l = P.get(d) ?? { isVisible: !1 }, h = c.isIntersecting;
-          h !== l.isVisible && (l.isVisible = h, P.set(d, l), h && i.onAppear ? i.onAppear() : !h && i.onDisappear && i.onDisappear());
+          const l = k.get(d) ?? { isVisible: !1 }, h = c.isIntersecting;
+          h !== l.isVisible && (l.isVisible = h, k.set(d, l), h && i.onAppear ? i.onAppear() : !h && i.onDisappear && i.onDisappear());
         });
       },
       {
@@ -2816,98 +2608,98 @@ class Se extends Jt {
         // Add some margin for better UX
       }
     );
-    a.observe(t), T.set(t, a);
+    a.observe(t), P.set(t, a);
   }
 }
-function Ee(n) {
-  return new Se({ onAppear: n });
+function ge(n) {
+  return new me({ onAppear: n });
 }
-function Ce(n) {
-  return new Se({ onDisappear: n });
+function be(n) {
+  return new me({ onDisappear: n });
 }
-const Zt = {
+const Ht = {
   name: "@tachui/viewport",
-  version: pt,
+  version: dt,
   author: "TachUI Team",
   verified: !0
-}, le = {
+}, ie = {
   category: "interaction",
   priority: 110,
   signature: "(handler: () => void) => Modifier",
   description: "Triggers handlers when an element appears in or disappears from the viewport."
 };
-let de = !1;
-function Me(n) {
-  const e = n?.registry, t = n?.plugin ?? Zt, i = n?.force === !0, s = !!(e || n?.plugin);
-  !s && de && !i || (Z(
+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",
-    Ee,
+    ge,
     {
-      ...le,
+      ...ie,
       description: "Executes a callback when the component enters the viewport."
     },
     e,
     t
-  ), Z(
+  ), Q(
     "onDisappear",
-    Ce,
+    be,
     {
-      ...le,
+      ...ie,
       description: "Executes a callback when the component leaves the viewport."
     },
     e,
     t
-  ), s || (de = !0));
+  ), s || (se = !0));
 }
-Me();
-const Yt = {
+ye();
+const zt = {
   // Manager
-  getManager: p,
+  getManager: u,
   // Environment
-  useOpenWindow: A,
-  useDismissWindow: _,
-  useViewportInfo: X,
-  useViewport: ge,
+  useOpenWindow: H,
+  useDismissWindow: z,
+  useViewportInfo: j,
+  useViewport: ue,
   // Components
-  Window: S,
-  WindowGroup: L,
-  App: H,
+  Window: W,
+  WindowGroup: G,
+  App: x,
   // Utilities
-  Utils: D,
-  Examples: ue
+  Utils: I,
+  Examples: re
 };
-function en(n) {
-  const e = new K(n?.customAdapter);
-  return ce(e), e;
+function Ot(n) {
+  const e = new B(n?.customAdapter);
+  return oe(e), e;
 }
-const tn = {
+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"
-}, nn = {
+}, Dt = {
   /**
    * Check if running in Electron
    */
-  isElectron: () => p().environment.platform === "electron",
+  isElectron: () => u().environment.platform === "electron",
   /**
    * Check if on mobile
    */
-  isMobile: () => p().environment.platform === "mobile",
+  isMobile: () => u().environment.platform === "mobile",
   /**
    * Check if multi-window is supported
    */
-  supportsMultiWindow: () => p().environment.capabilities.multiWindow,
+  supportsMultiWindow: () => u().environment.capabilities.multiWindow,
   /**
    * Check if native windows are supported
    */
-  supportsNativeWindows: () => p().environment.capabilities.nativeWindows,
+  supportsNativeWindows: () => u().environment.capabilities.nativeWindows,
   /**
    * Get optimal window type for current platform
    */
-  getOptimalWindowType: (n = !1) => p().getOptimalWindowType({ preferNativeWindow: n })
-}, sn = {
+  getOptimalWindowType: (n = !1) => u().getOptimalWindowType({ preferNativeWindow: n })
+}, Ft = {
   /**
    * Standard document window
    */
@@ -2974,7 +2766,7 @@ const tn = {
     minimizable: !1,
     maximizable: !1
   })
-}, on = {
+}, Gt = {
   DEFAULT_WINDOW_WIDTH: 800,
   DEFAULT_WINDOW_HEIGHT: 600,
   MIN_WINDOW_WIDTH: 300,
@@ -2982,84 +2774,84 @@ const tn = {
   MODAL_Z_INDEX: 1e3,
   PORTAL_Z_INDEX: 999,
   ANIMATION_DURATION: 200
-}, rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  App: H,
-  EnvironmentKeys: ot,
-  ExampleScenes: ue,
-  PlatformUtils: nn,
-  TachUIViewportManager: K,
-  Viewport: Yt,
-  ViewportConstants: on,
-  ViewportEnvironmentProvider: pe,
-  ViewportTypeGuards: tn,
-  WebViewportAdapter: j,
-  Window: S,
-  WindowConfigs: sn,
-  WindowGroup: L,
-  WindowUtils: D,
-  checkFeatureSupport: Qe,
-  createCapabilityChecker: $,
-  createWindowAwareComponent: st,
-  detectViewportEnvironment: Q,
-  disposeViewportManager: et,
-  getBrowserInfo: Be,
-  getEnvironmentValue: rt,
-  getOSInfo: qe,
-  getViewportManager: p,
-  initializeViewportSystem: en,
-  onAppear: Ee,
-  onDisappear: Ce,
-  registerViewportModifiers: Me,
-  setViewportManager: ce,
-  useCurrentWindow: tt,
-  useDismissWindow: _,
-  useEnvironmentDismissWindow: _,
-  useEnvironmentOpenWindow: A,
-  useOpenWindow: A,
-  useViewport: ge,
-  useViewportEnvironment: C,
-  useViewportInfo: X,
-  useViewportManager: nt,
-  withViewportEnvironment: it
+  App: x,
+  EnvironmentKeys: et,
+  ExampleScenes: re,
+  PlatformUtils: Dt,
+  TachUIViewportManager: B,
+  Viewport: zt,
+  ViewportConstants: Gt,
+  ViewportEnvironmentProvider: de,
+  ViewportTypeGuards: At,
+  WebViewportAdapter: V,
+  Window: W,
+  WindowConfigs: Ft,
+  WindowGroup: G,
+  WindowUtils: I,
+  checkFeatureSupport: Re,
+  createCapabilityChecker: L,
+  createWindowAwareComponent: Ye,
+  detectViewportEnvironment: $,
+  disposeViewportManager: qe,
+  getBrowserInfo: Ne,
+  getEnvironmentValue: tt,
+  getOSInfo: Ue,
+  getViewportManager: u,
+  initializeViewportSystem: Ot,
+  onAppear: ge,
+  onDisappear: be,
+  registerViewportModifiers: ye,
+  setViewportManager: oe,
+  useCurrentWindow: Xe,
+  useDismissWindow: z,
+  useEnvironmentDismissWindow: z,
+  useEnvironmentOpenWindow: H,
+  useOpenWindow: H,
+  useViewport: ue,
+  useViewportEnvironment: S,
+  useViewportInfo: j,
+  useViewportManager: Je,
+  withViewportEnvironment: Ze
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  H as App,
-  ot as EnvironmentKeys,
-  ue as ExampleScenes,
-  nn as PlatformUtils,
-  K as TachUIViewportManager,
-  Yt as Viewport,
-  on as ViewportConstants,
-  pe as ViewportEnvironmentProvider,
-  tn as ViewportTypeGuards,
-  j as WebViewportAdapter,
-  S as Window,
-  sn as WindowConfigs,
-  L as WindowGroup,
-  D as WindowUtils,
-  Qe as checkFeatureSupport,
-  $ as createCapabilityChecker,
-  st as createWindowAwareComponent,
-  Q as detectViewportEnvironment,
-  et as disposeViewportManager,
-  Be as getBrowserInfo,
-  rt as getEnvironmentValue,
-  qe as getOSInfo,
-  p as getViewportManager,
-  en as initializeViewportSystem,
-  Ee as onAppear,
-  Ce as onDisappear,
-  Me as registerViewportModifiers,
-  ce as setViewportManager,
-  tt as useCurrentWindow,
-  _ as useDismissWindow,
-  _ as useEnvironmentDismissWindow,
-  A as useEnvironmentOpenWindow,
-  A as useOpenWindow,
-  ge as useViewport,
-  C as useViewportEnvironment,
-  X as useViewportInfo,
-  nt as useViewportManager,
-  it as withViewportEnvironment
+  x as App,
+  et as EnvironmentKeys,
+  re as ExampleScenes,
+  Dt as PlatformUtils,
+  B as TachUIViewportManager,
+  zt as Viewport,
+  Gt as ViewportConstants,
+  de as ViewportEnvironmentProvider,
+  At as ViewportTypeGuards,
+  V as WebViewportAdapter,
+  W as Window,
+  Ft as WindowConfigs,
+  G as WindowGroup,
+  I as WindowUtils,
+  Re as checkFeatureSupport,
+  L as createCapabilityChecker,
+  Ye as createWindowAwareComponent,
+  $ as detectViewportEnvironment,
+  qe as disposeViewportManager,
+  Ne as getBrowserInfo,
+  tt as getEnvironmentValue,
+  Ue as getOSInfo,
+  u as getViewportManager,
+  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,
+  ue as useViewport,
+  S as useViewportEnvironment,
+  j as useViewportInfo,
+  Je as useViewportManager,
+  Ze as withViewportEnvironment
 };