@tachui/viewport 0.8.14 → 0.8.16

package/dist/index.js

@@ -1,10 +1,11 @@
-var me = Object.defineProperty;
-var ge = (n, e, t) => e in n ? me(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => ge(n, typeof e != "symbol" ? e + "" : e, t);
-import { createSignal as L, mountComponentTree as be, createRoot as ye, withComponentContext as ve, createContext as We, useContext as Se } from "@tachui/core";
-import { registerModifierWithMetadata as j } from "@tachui/modifiers";
-function U(n = {}) {
-  const e = Ee(), t = Pe(e, n), i = Oe(), s = ze(), a = De();
+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();
   return {
     platform: e,
     capabilities: t,
@@ -13,20 +14,20 @@ function U(n = {}) {
     isTouch: a
   };
 }
-function Ee() {
-  return Ce() ? "electron" : Me() ? "mobile" : ke() ? "embedded" : "web";
+function Ae() {
+  return _e() ? "electron" : Fe() ? "mobile" : Ve() ? "embedded" : "web";
 }
-function Ce() {
+function _e() {
   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 Me() {
+function Fe() {
   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 ke() {
+function Ve() {
   if (typeof window > "u") return !1;
   try {
     return window.self !== window.top;
@@ -34,7 +35,7 @@ function ke() {
     return !0;
   }
 }
-function Pe(n, e) {
+function Ne(n, e) {
   const t = {
     multiWindow: !1,
     nativeWindows: !1,
@@ -60,9 +61,9 @@ function Pe(n, e) {
     case "web":
       return {
         ...t,
-        multiWindow: e.enablePopupTest ? xe() : !1,
-        crossWindowCommunication: Te() || Ie(),
-        fullscreenSupport: q(),
+        multiWindow: e.enablePopupTest ? Ge() : !1,
+        crossWindowCommunication: Le() || Ue(),
+        fullscreenSupport: Y(),
         windowResizing: !1,
         // Browser windows can't be resized programmatically
         windowMinimizing: !1
@@ -70,7 +71,7 @@ function Pe(n, e) {
     case "mobile":
       return {
         ...t,
-        fullscreenSupport: q(),
+        fullscreenSupport: Y(),
         modalOverlays: !0
       };
     case "embedded":
@@ -82,7 +83,7 @@ function Pe(n, e) {
       return t;
   }
 }
-function xe() {
+function Ge() {
   if (typeof window > "u" || typeof window.navigator < "u" && window.navigator.userAgent.includes("jsdom"))
     return !1;
   try {
@@ -92,28 +93,28 @@ function xe() {
     return !1;
   }
 }
-function Te() {
+function Le() {
   return typeof window < "u" && "BroadcastChannel" in window;
 }
-function Ie() {
+function Ue() {
   return typeof window < "u" && "MessageChannel" in window;
 }
-function q() {
+function Y() {
   return typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
 }
-function Oe() {
+function Re() {
   return typeof navigator > "u" ? "unknown" : navigator.userAgent;
 }
-function ze() {
+function $e() {
   return typeof window > "u" ? { width: 1920, height: 1080 } : {
     width: window.screen?.width || window.innerWidth || 1920,
     height: window.screen?.height || window.innerHeight || 1080
   };
 }
-function De() {
+function je() {
   return typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function He() {
+function Be() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -141,7 +142,7 @@ function He() {
   }
   return { name: e, version: t, engine: i };
 }
-function Ae() {
+function qe() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -168,7 +169,7 @@ function Ae() {
   }
   return { name: e, version: t };
 }
-function _e() {
+function Qe() {
   return typeof window > "u" ? {
     webgl: !1,
     webgl2: !1,
@@ -189,7 +190,7 @@ function _e() {
     resizeObserver: "ResizeObserver" in window
   };
 }
-function F(n) {
+function $(n) {
   return {
     canOpenWindow: (e = !1) => e ? n.capabilities.nativeWindows : n.capabilities.multiWindow || n.capabilities.modalOverlays,
     canCommunicateBetweenWindows: () => n.capabilities.crossWindowCommunication,
@@ -200,7 +201,7 @@ function F(n) {
     getOptimalViewportType: (e = !1) => e && n.capabilities.nativeWindows ? "window" : n.capabilities.modalOverlays ? "modal" : n.platform === "mobile" ? "sheet" : "portal"
   };
 }
-class Fe {
+class Ke {
   // Fallback strategies
   createModal(e) {
     throw new Error("Modal fallback not implemented");
@@ -209,7 +210,7 @@ class Fe {
     throw new Error("Portal fallback not implemented");
   }
 }
-class V extends Fe {
+class j extends Ke {
   constructor(t = {}) {
     super();
     o(this, "environment");
@@ -218,7 +219,7 @@ class V extends Fe {
     o(this, "popups", /* @__PURE__ */ new Map());
     o(this, "portalContainer", null);
     o(this, "broadcastChannel", null);
-    this.environment = U(t), this.initializePortalContainer();
+    this.environment = Q(t), this.initializePortalContainer();
   }
   /**
    * Check if we can create a window with given config
@@ -322,21 +323,21 @@ class V extends Fe {
    * Create popup window (native browser window)
    */
   createPopupWindow(t) {
-    const i = new Ve(t);
+    const i = new Xe(t);
     return this.popups.set(t.id, i), i;
   }
   /**
    * Create modal overlay
    */
   createModal(t) {
-    const i = new Ne(t);
+    const i = new Je(t);
     return this.modals.set(t.id, i), i;
   }
   /**
    * Create portal
    */
   createPortal(t) {
-    const i = new Ge(t, this.portalContainer);
+    const i = new Ze(t, this.portalContainer);
     return this.portals.set(t.id, i), i;
   }
   /**
@@ -429,7 +430,7 @@ class V extends Fe {
     `, document.head.appendChild(i);
   }
 }
-class Ve {
+class Xe {
   constructor(e) {
     o(this, "id");
     o(this, "type", "window");
@@ -440,7 +441,7 @@ class Ve {
     o(this, "eventHandlers", /* @__PURE__ */ new Map());
     o(this, "setState");
     this.id = e.id, this.config = e;
-    const [t, i] = L({
+    const [t, i] = k({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -638,7 +639,7 @@ class Ve {
   removeChildWindow(e) {
   }
 }
-class Ne {
+class Je {
   constructor(e) {
     o(this, "id");
     o(this, "type", "modal");
@@ -656,7 +657,7 @@ class Ne {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.id = e.id, this.config = e;
-    const [t, i] = L({
+    const [t, i] = k({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -860,7 +861,7 @@ class Ne {
     e && e.remove();
   }
 }
-class Ge {
+class Ze {
   constructor(e, t) {
     o(this, "id");
     o(this, "type", "portal");
@@ -878,7 +879,7 @@ class Ge {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.container = t, this.id = e.id, this.config = e;
-    const [i, s] = L({
+    const [i, s] = k({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -905,7 +906,7 @@ class Ge {
     if (this.portalElement) {
       this.portalElement.innerHTML = "";
       try {
-        const t = be(e, this.portalElement);
+        const t = Pe(e, this.portalElement);
         this.cleanupFunction = t;
       } catch (t) {
         console.error("Error during mountComponentTree:", t);
@@ -1085,7 +1086,7 @@ class Ge {
     e && e.remove();
   }
 }
-class R {
+class K {
   constructor(e, t = {}) {
     o(this, "adapter");
     o(this, "windows", /* @__PURE__ */ new Map());
@@ -1096,7 +1097,7 @@ class R {
     o(this, "globalStateCallbacks", /* @__PURE__ */ new Map());
     o(this, "environment");
     o(this, "platformConfig");
-    this.platformConfig = t, this.environment = U(t), e ? this.adapter = e : this.adapter = this.createDefaultAdapter(), this.adapter.setupCrossWindowCommunication(), this.adapter.optimizeForPlatform();
+    this.platformConfig = t, this.environment = Q(t), e ? this.adapter = e : this.adapter = this.createDefaultAdapter(), this.adapter.setupCrossWindowCommunication(), this.adapter.optimizeForPlatform();
   }
   /**
    * Open a new window/viewport
@@ -1143,20 +1144,20 @@ class R {
   createWindowGroup(e) {
     if (this.windowGroups.has(e))
       return this.windowGroups.get(e);
-    const t = new Le(e, this);
+    const t = new Ye(e, this);
     return this.windowGroups.set(e, t), t;
   }
   /**
    * Check if we can open a window with given options
    */
   canOpenWindow(e = {}) {
-    return F(this.environment).canOpenWindow(e.preferNativeWindow);
+    return $(this.environment).canOpenWindow(e.preferNativeWindow);
   }
   /**
    * Get optimal window type for given options
    */
   getOptimalWindowType(e = {}) {
-    const t = F(this.environment);
+    const t = $(this.environment);
     return e.preferNativeWindow && this.environment.capabilities.nativeWindows ? "window" : e.modal !== !1 && this.environment.capabilities.modalOverlays ? "modal" : t.getOptimalViewportType(e.preferNativeWindow);
   }
   /**
@@ -1201,9 +1202,9 @@ class R {
   createDefaultAdapter() {
     switch (this.environment.platform) {
       case "electron":
-        return new V(this.platformConfig);
+        return new j(this.platformConfig);
       default:
-        return new V(this.platformConfig);
+        return new j(this.platformConfig);
     }
   }
   // ==================== Phase 2: Global State Management ====================
@@ -1267,7 +1268,7 @@ class R {
     });
   }
 }
-class Le {
+class Ye {
   constructor(e, t, i = "any") {
     o(this, "windows", /* @__PURE__ */ new Map());
     o(this, "defaultOptions", {});
@@ -1317,10 +1318,10 @@ class Le {
       const d = this.windows.values().next().value;
       d && (this.poolConfig.enabled ? await this.returnToPool(d) : await d.close());
     }
-    const u = t(e);
+    const c = t(e);
     return r = await this.manager.openWindow(
       s,
-      u,
+      c,
       this.defaultOptions
     ), this.setWindowGroupMetadata(r, {
       groupId: this.id,
@@ -1554,17 +1555,17 @@ class Le {
     });
   }
   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, u = i / a;
+    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 p = l % s, b = Math.floor(l / s);
+      const h = l % s, b = Math.floor(l / s);
       this.setWindowGroupMetadata(d, {
         tilePosition: {
-          col: p,
+          col: h,
           row: b,
-          x: p * r,
-          y: b * u,
+          x: h * r,
+          y: b * c,
           width: r,
-          height: u
+          height: c
         },
         arrangementStyle: "tile"
       });
@@ -1616,13 +1617,13 @@ class Le {
   }
 }
 let g = null;
-function h(n = {}) {
-  return g || (g = new R(void 0, n)), g;
+function p(n = {}) {
+  return g || (g = new K(void 0, n)), g;
 }
-function se(n) {
+function ce(n) {
   g?.dispose(), g = n;
 }
-function Ue() {
+function et() {
   g?.dispose(), g = null;
 }
 function S(n) {
@@ -1650,24 +1651,24 @@ function S(n) {
     },
     // Open this window
     async open() {
-      const e = h(), t = ye(() => ve((i) => n.children(), `Window-${n.id}`)({}));
+      const e = p(), t = Te(() => Ie((i) => n.children(), `Window-${n.id}`)({}));
       await e.openWindow(n.id, t, n);
     },
     // Close this window
     async close() {
-      await h().dismissWindow(n.id);
+      await p().dismissWindow(n.id);
     }
   };
 }
-function H(n) {
-  const e = h(), t = e.createWindowGroup(n.id);
+function L(n) {
+  const e = p(), 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,
     tabConfig: s,
     poolConfig: a,
     stateSyncScope: r,
-    maxInstances: u,
+    maxInstances: c,
     ...d
   } = n;
   return t.setDefaultOptions(d), {
@@ -1701,8 +1702,8 @@ function H(n) {
           n.children
         );
       else {
-        const p = n.children();
-        await e.openWindow(n.id, p, n);
+        const h = n.children();
+        await e.openWindow(n.id, h, n);
       }
     },
     // Open window for specific data
@@ -1737,18 +1738,18 @@ function H(n) {
     enableStateSync(l) {
       t.enableStateSync(l);
     },
-    syncGroupState(l, p) {
-      t.syncState(l, p);
+    syncGroupState(l, h) {
+      t.syncState(l, h);
     },
     getGroupState(l) {
       return t.getSharedState(l);
     },
-    onGroupStateChange(l, p) {
-      return t.onStateChange(l, p);
+    onGroupStateChange(l, h) {
+      return t.onStateChange(l, h);
     }
   };
 }
-function T(n) {
+function H(n) {
   return {
     type: "app",
     scenes: n.children,
@@ -1768,8 +1769,8 @@ function T(n) {
     },
     // Initialize all scenes
     async initialize() {
-      if (!h(n.platformConfig)) {
-        const { initializeViewportSystem: t } = await Promise.resolve().then(() => Ut);
+      if (!p(n.platformConfig)) {
+        const { initializeViewportSystem: t } = await Promise.resolve().then(() => rn);
         t();
       }
     },
@@ -1786,12 +1787,12 @@ function T(n) {
     }
   };
 }
-const I = {
+const D = {
   /**
    * Create a document window group
    */
   documentGroup(n, e, t, i) {
-    return H({
+    return L({
       id: n,
       title: e,
       for: t,
@@ -1842,11 +1843,11 @@ const I = {
       children: t
     });
   }
-}, oe = {
+}, ue = {
   /**
    * Basic app with main window and settings
    */
-  basicApp: () => T({
+  basicApp: () => H({
     children: [
       S({
         id: "main",
@@ -1864,7 +1865,7 @@ const I = {
           })
         })
       }),
-      I.settingsWindow(() => ({
+      D.settingsWindow(() => ({
         type: "component",
         id: "settings-content",
         props: {},
@@ -1881,9 +1882,9 @@ const I = {
   /**
    * Document-based app
    */
-  documentApp: () => T({
+  documentApp: () => H({
     children: [
-      H({
+      L({
         id: "document",
         title: "Document",
         for: class {
@@ -1905,7 +1906,7 @@ const I = {
           })
         })
       }),
-      I.settingsWindow(() => ({
+      D.settingsWindow(() => ({
         type: "component",
         id: "settings",
         props: {},
@@ -1919,12 +1920,12 @@ const I = {
       }))
     ]
   })
-}, re = We(null);
-function ae({
+}, he = Oe(null);
+function pe({
   children: n,
   manager: e
 }) {
-  const t = e || h(), i = {
+  const t = e || p(), i = {
     openWindow: async (s, a, r) => await t.openWindow(s, a, r),
     dismissWindow: async (s) => await t.dismissWindow(s),
     viewportEnvironment: t.environment,
@@ -1933,47 +1934,47 @@ function ae({
   };
   return {
     type: "context-provider",
-    context: re,
+    context: he,
     value: i,
     children: Array.isArray(n) ? n : [n]
   };
 }
 function C() {
-  const n = Se(re);
+  const n = ze(he);
   if (!n)
     throw new Error(
       "useViewportEnvironment must be used within a ViewportEnvironmentProvider"
     );
   return n();
 }
-function O() {
+function A() {
   const { openWindow: n } = C();
   return n;
 }
-function z() {
+function _() {
   const { dismissWindow: n } = C();
   return n;
 }
-function $() {
+function X() {
   const { viewportEnvironment: n } = C();
   return n;
 }
-function Re() {
+function tt() {
   const { currentWindow: n } = C();
   return n;
 }
-function $e() {
-  return h();
+function nt() {
+  return p();
 }
-function Be(n, e) {
-  return (t) => ae({
+function it(n, e) {
+  return (t) => pe({
     children: n(t),
     manager: e
   });
 }
-function je(n) {
+function st(n) {
   return (e) => {
-    const t = O(), i = z(), s = $();
+    const t = A(), i = _(), s = X();
     return n({
       ...e,
       openWindow: t,
@@ -1982,53 +1983,93 @@ function je(n) {
     });
   };
 }
-const qe = {
+const ot = {
   openWindow: "openWindow",
   dismissWindow: "dismissWindow",
   viewportEnvironment: "viewportEnvironment",
   currentWindow: "currentWindow"
 };
-function Qe(n) {
+function rt(n) {
   return C()[n];
 }
-const Ke = "0.8.14", Xe = Ke, c = {
+function at() {
+  return typeof window > "u" ? 0 : window.innerWidth;
+}
+function lt() {
+  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));
+}
+function dt() {
+  if (F && V) return;
+  const [n, e] = k(at()), [t, i] = k(lt());
+  F = n, V = t, we = e, fe = i;
+}
+function ct() {
+  typeof window > "u" || N || (window.addEventListener("resize", me), N = !0);
+}
+function ut() {
+  typeof window > "u" || !N || I > 0 || (window.removeEventListener("resize", me), N = !1);
+}
+function ge() {
+  if (dt(), I += 1, typeof window > "u")
+    return {
+      width: F,
+      height: V,
+      dispose: () => {
+      }
+    };
+  ct();
+  let n = !1;
+  const e = () => {
+    n || (n = !0, I = Math.max(0, I - 1), ut());
+  };
+  return He() && De(e), {
+    width: F,
+    height: V,
+    dispose: e
+  };
+}
+const ht = "0.8.16", pt = ht, u = {
   Clean: 0,
   Check: 1,
   Dirty: 2,
   Disposed: 3
 };
-var Je = Object.defineProperty, Ze = (n, e, t) => e in n ? Je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, f = (n, e, t) => Ze(n, typeof e != "symbol" ? e + "" : e, t);
-let Ye = 0;
-const et = Math.random().toString(36).substr(2, 6);
-let Q = null, K = null;
-const tt = /* @__PURE__ */ new Set();
-tt.add(et);
+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 = {
   get currentComputation() {
-    return Q;
+    return ee;
   },
   set currentComputation(n) {
-    Q = n;
+    ee = n;
   },
   get currentOwner() {
-    return K;
+    return te;
   },
   set currentOwner(n) {
-    K = n;
+    te = n;
   }
 };
-function le() {
+function be() {
   return E.currentComputation;
 }
-function B() {
+function J() {
   return E.currentOwner;
 }
-let de = class {
+let ye = class {
   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", c.Dirty), f(this, "value"), this.id = ++Ye, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
+    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);
   }
   execute() {
-    if (this.state === c.Disposed)
+    if (this.state === u.Disposed)
       return this.value;
     for (const t of this.sources)
       t && typeof t == "object" && "removeObserver" in t && t.removeObserver(this);
@@ -2036,16 +2077,16 @@ let de = class {
     const e = E.currentComputation;
     E.currentComputation = this;
     try {
-      return this.state = c.Clean, this.value = this.fn(), this.value;
+      return this.state = u.Clean, this.value = this.fn(), this.value;
     } catch (t) {
-      throw this.state = c.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
+      throw this.state = u.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
     } finally {
       E.currentComputation = e;
     }
   }
   dispose() {
-    if (this.state !== c.Disposed) {
-      this.state = c.Disposed;
+    if (this.state !== u.Disposed) {
+      this.state = u.Disposed;
       for (const e of this.sources)
         e && typeof e == "object" && "removeObserver" in e && e.removeObserver(this);
       this.sources.clear();
@@ -2055,20 +2096,20 @@ let de = class {
     }
   }
 };
-function nt() {
+function yt() {
   return E.currentOwner;
 }
-var it = Object.defineProperty, st = (n, e, t) => e in n ? it(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, A = (n, e, t) => st(n, typeof e != "symbol" ? e + "" : e, t);
-let ot = 0, rt = class {
+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) {
-    A(this, "id"), A(this, "observers", /* @__PURE__ */ new Set()), A(this, "_value"), this.id = ++ot, this._value = 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 = le();
-    return e && e.state !== c.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
+    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
@@ -2088,7 +2129,7 @@ let ot = 0, rt = class {
    */
   notify() {
     for (const e of this.observers)
-      e.state !== c.Disposed && (e.state = c.Dirty, at(e));
+      e.state !== u.Disposed && (e.state = u.Dirty, Ct(e));
   }
   /**
    * Remove an observer (cleanup)
@@ -2108,28 +2149,28 @@ let ot = 0, rt = class {
     };
   }
 };
-const P = /* @__PURE__ */ new Set();
-let x = !1;
-function at(n) {
-  P.add(n), !x && queueMicrotask(lt);
-}
-function lt() {
-  if (!x) {
-    x = !0;
+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 (; P.size > 0; ) {
-        const n = Array.from(P).sort((e, t) => e.id - t.id);
-        P.clear();
+      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 === c.Dirty && e.execute();
+          e.state === u.Dirty && e.execute();
       }
     } finally {
-      x = !1;
+      z = !1;
     }
   }
 }
-function dt(n) {
-  const e = new rt(n), t = e.getValue.bind(e);
+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"), {
@@ -2137,20 +2178,20 @@ function dt(n) {
     enumerable: !1
   }), [t, i];
 }
-function X(n) {
+function ne(n) {
   return typeof n == "function" && Symbol.for("tachui.signal") in n;
 }
-const ct = (n, e) => n === e;
-var ut = Object.defineProperty, ht = (n, e, t) => e in n ? ut(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, w = (n, e, t) => ht(n, typeof e != "symbol" ? e + "" : e, t), k = /* @__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))(k || {});
-class pt extends Error {
+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 {
   constructor(e, t, i) {
     super(e), this.cause = t, this.node = i, this.name = "ReactiveError";
   }
 }
-const wt = class v {
+const Ot = class v {
   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(k))
+    for (const e of Object.values(x))
       typeof e == "number" && this.updateQueues.set(e, /* @__PURE__ */ new Set());
   }
   static getInstance() {
@@ -2187,7 +2228,7 @@ const wt = class v {
             await this.updateNodeWithRetry(a);
           } catch (r) {
             this.handleReactiveError(
-              new pt(`Failed to update ${a.type} node ${a.id}`, r, a)
+              new It(`Failed to update ${a.type} node ${a.id}`, r, a)
             );
           }
         if (this.hasHigherPriorityWork(t))
@@ -2341,7 +2382,7 @@ const wt = class v {
   getDebugInfo() {
     const e = {};
     for (const [t, i] of this.updateQueues)
-      e[k[t]] = i.size;
+      e[x[t]] = i.size;
     return {
       isFlushPending: this.isFlushPending,
       isDestroyed: this.isDestroyed,
@@ -2351,35 +2392,35 @@ const wt = class v {
     };
   }
 };
-w(wt, "instance", null);
-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, y = (n, e, t) => mt(n, typeof e != "symbol" ? e + "" : e, t);
-class gt extends de {
-  constructor(e, t = {}, i = B()) {
-    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 ?? k.Normal, this.equalsFn = t.equals ?? ct, this.options = t;
+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 = le();
-    return e && e.state !== c.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === c.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
+    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 === c.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
+    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 === c.Disposed && this.releaseSources();
+    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 = c.Dirty;
+    this.sources.clear(), this._hasValue = !1, this.state = u.Dirty;
   }
   /**
    * Execute the computation and notify observers
@@ -2388,8 +2429,8 @@ class gt extends de {
     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 !== c.Disposed && (i.state = c.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
-          i.state === c.Dirty && i.execute();
+        i.state !== u.Disposed && (i.state = u.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
+          i.state === u.Dirty && i.execute();
         }));
     return t;
   }
@@ -2408,7 +2449,7 @@ class gt extends de {
     this.sources.clear();
     for (const e of this.observers)
       e.sources.delete(this);
-    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = c.Disposed;
+    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = u.Disposed;
   }
   /**
    * Dispose the computed value
@@ -2429,7 +2470,7 @@ class gt extends de {
       state: this.state,
       sourceCount: this.sources.size,
       observerCount: this.observers.size,
-      priority: k[this.priority],
+      priority: x[this.priority],
       debugName: this.options.debugName,
       equalsFn: this.equalsFn.name || "anonymous"
     };
@@ -2438,40 +2479,40 @@ class gt extends de {
     return `Computed(${this.options.debugName || this.id}): ${this._hasValue ? this.value : "no value"}`;
   }
 }
-function bt(n, e) {
-  const t = new gt(n, e), i = t.getValue.bind(t);
+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 N(n) {
+function B(n) {
   return typeof n == "function" && Symbol.for("tachui.computed") in n;
 }
-function yt(n) {
+function _t(n) {
   return n[Symbol.for("tachui.computed")] || null;
 }
-function vt(n) {
-  const e = yt(n);
+function Ft(n) {
+  const e = _t(n);
   !e || e.observers.size !== 0 || e.releaseSources();
 }
-const [Wt, Kt] = dt("light");
-bt(() => {
-  const n = Wt();
-  return n === "system" ? St() : n;
+const [Vt, wn] = kt("light");
+At(() => {
+  const n = Vt();
+  return n === "system" ? Nt() : n;
 });
-function St() {
+function Nt() {
   return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Et(n) {
-  const e = B();
+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 Ct = Object.defineProperty, Mt = (n, e, t) => e in n ? Ct(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, J = (n, e, t) => Mt(n, typeof e != "symbol" ? e + "" : e, t);
-class kt {
+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() {
-    J(this, "pending", /* @__PURE__ */ new Set()), J(this, "isFlushScheduled", !1);
+    ie(this, "pending", /* @__PURE__ */ new Set()), ie(this, "isFlushScheduled", !1);
   }
   schedule(e) {
     this.pending.add(e), this.isFlushScheduled || (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
@@ -2492,33 +2533,33 @@ class kt {
     this.pending.size > 0 && (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
   }
 }
-new kt();
-function ce(n, e = {}) {
-  const t = B();
+new Rt();
+function ve(n, e = {}) {
+  const t = J();
   let i;
   const s = () => {
     const r = n(i);
     return i = r, r;
-  }, a = new de(s, t);
+  }, a = new ye(s, t);
   return e.name && Object.defineProperty(a, "name", {
     value: e.name,
     enumerable: !1
   }), a.execute(), a;
 }
 const M = /* @__PURE__ */ new WeakMap();
-function Z(n, e, t) {
+function se(n, e, t) {
   try {
     n(e);
   } catch (i) {
     console.error(`Reactive style updater failed (${t}):`, i);
   }
 }
-const G = 200, m = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new Set();
-let Y = !1, _ = !1;
-function Pt(n) {
-  m.get(n)?.forEach((e) => e()), m.delete(n), D.delete(n);
+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);
 }
-function ue() {
+function We() {
   const n = Date.now();
   for (const e of Array.from(W)) {
     const t = e.deref();
@@ -2526,7 +2567,7 @@ function ue() {
       W.delete(e);
       continue;
     }
-    const i = D.get(t), s = m.get(t);
+    const i = G.get(t), s = m.get(t);
     if (!i || !s || s.size === 0) {
       W.delete(e);
       continue;
@@ -2535,38 +2576,38 @@ function ue() {
       i.wasConnected = !0;
       continue;
     }
-    (i.wasConnected || n - i.trackedAt >= G) && (Pt(t), W.delete(e));
+    (i.wasConnected || n - i.trackedAt >= q) && ($t(t), W.delete(e));
   }
 }
-function xt() {
-  if (_ || typeof setTimeout != "function") return;
-  _ = !0;
+function jt() {
+  if (R || typeof setTimeout != "function") return;
+  R = !0;
   const n = () => {
-    if (ue(), W.size === 0) {
-      _ = !1;
+    if (We(), W.size === 0) {
+      R = !1;
       return;
     }
-    setTimeout(n, G);
+    setTimeout(n, q);
   };
-  setTimeout(n, G);
+  setTimeout(n, q);
 }
-function Tt() {
-  Y || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u" || (new MutationObserver(() => {
-    ue();
-  }).observe(document.documentElement, { childList: !0, subtree: !0 }), Y = !0);
+function Bt() {
+  oe || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u" || (new MutationObserver(() => {
+    We();
+  }).observe(document.documentElement, { childList: !0, subtree: !0 }), oe = !0);
 }
-function It(n, e) {
-  Tt(), xt();
+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 || (D.set(n, {
+  return t.add(e), m.set(n, t), i || (G.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), D.delete(n)));
+    s && (s.delete(e), s.size === 0 && (m.delete(n), G.delete(n)));
   };
 }
-function Ot({
+function Qt({
   element: n,
   accessor: e,
   updater: t,
@@ -2577,37 +2618,37 @@ function Ot({
   let a = s.get(e);
   if (!a) {
     const d = /* @__PURE__ */ new Map();
-    a = { effect: ce(() => {
+    a = { effect: ve(() => {
       const l = e();
       d.forEach(
-        (p, b) => Z(p, l, b)
+        (h, b) => se(h, l, b)
       );
     }), updaters: d }, s.set(e, a);
   }
-  a.updaters.set(i, t), Z(t, e(), i);
+  a.updaters.set(i, t), se(t, e(), i);
   let r = null;
-  const u = () => {
+  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), N(e) && vt(e)), d && d.size === 0 && M.delete(n));
+    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));
   };
-  nt() ? Et(u) : r = It(n, u);
+  yt() ? Gt(c) : r = qt(n, c);
 }
-const ee = Symbol.for("tachui.modifier.instanceId"), zt = "core";
-let te = 0;
-function Dt(n) {
-  const e = n[ee];
+const re = Symbol.for("tachui.modifier.instanceId"), Kt = "core";
+let ae = 0;
+function Xt(n) {
+  const e = n[re];
   if (typeof e == "number") return e;
-  te += 1;
-  const t = te;
-  return Object.defineProperty(n, ee, {
+  ae += 1;
+  const t = ae;
+  return Object.defineProperty(n, re, {
     value: t,
     enumerable: !1,
     configurable: !1,
     writable: !1
   }), t;
 }
-class Ht {
+class Jt {
   constructor(e) {
     this.properties = e;
   }
@@ -2626,12 +2667,12 @@ class Ht {
   applyStyleChange(e, t, i) {
     if (e instanceof HTMLElement) {
       const s = this.toCSSProperty(t);
-      if (X(i) || N(i))
-        ce(() => {
+      if (ne(i) || B(i))
+        ve(() => {
           const a = i(), r = String(a);
           if (r.includes("!important")) {
-            const u = r.replace(/\s*!important\s*$/, "").trim();
-            e.style.setProperty(s, u, "important");
+            const c = r.replace(/\s*!important\s*$/, "").trim();
+            e.style.setProperty(s, c, "important");
           } else
             e.style.setProperty(s, r);
         });
@@ -2657,6 +2698,12 @@ class Ht {
   toCSSValue(e) {
     return typeof e == "number" ? `${e}px` : String(e);
   }
+  /**
+   * Runtime check for asset-like values that resolve to a concrete CSS value.
+   */
+  isAssetValue(e) {
+    return typeof e == "object" && e !== null && "resolve" in e && typeof e.resolve == "function";
+  }
   /**
    * Convert value to CSS value string with property-specific handling
    */
@@ -2680,8 +2727,8 @@ class Ht {
       const i = e.style, s = (a, r) => {
         if (i.setProperty)
           if (typeof r == "string" && r.includes("!important")) {
-            const u = r.replace(/\s*!important\s*$/, "").trim();
-            i.setProperty(a, u, "important");
+            const c = r.replace(/\s*!important\s*$/, "").trim();
+            i.setProperty(a, c, "important");
           } else
             i.setProperty(a, r);
         else
@@ -2689,21 +2736,21 @@ class Ht {
       };
       for (const [a, r] of Object.entries(t))
         if (r !== void 0) {
-          const u = this.toCSSProperty(a);
-          if (X(r) || N(r)) {
-            const d = r, l = Dt(this);
-            Ot({
+          const c = this.toCSSProperty(a);
+          if (ne(r) || B(r)) {
+            const d = r, l = Xt(this);
+            Qt({
               element: e,
               accessor: d,
-              updaterId: `${zt}:${l}:${u}`,
-              updater: (p) => {
-                const b = this.toCSSValueForProperty(u, p);
-                s(u, b);
+              updaterId: `${Kt}:${l}:${c}`,
+              updater: (h) => {
+                const b = this.toCSSValueForProperty(c, h);
+                s(c, b);
               }
             });
           } else {
-            const d = this.toCSSValueForProperty(u, r);
-            s(u, d);
+            const d = this.toCSSValueForProperty(c, r);
+            s(c, d);
           }
         }
     }
@@ -2733,7 +2780,8 @@ class Ht {
     };
   }
 }
-class he extends Ht {
+const P = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
+class Se extends Jt {
   constructor() {
     super(...arguments);
     o(this, "type", "viewportLifecycle");
@@ -2744,10 +2792,21 @@ class he extends Ht {
     i.element && (this.properties.onAppear || this.properties.onDisappear) && this.setupLifecycleObserver(i.element, this.properties);
   }
   setupLifecycleObserver(t, i) {
-    new IntersectionObserver(
-      (a) => {
-        a.forEach((r) => {
-          r.isIntersecting && i.onAppear ? i.onAppear() : !r.isIntersecting && i.onDisappear && i.onDisappear();
+    const s = T.get(t);
+    s && (s.unobserve(t), s.disconnect(), T.delete(t)), P.set(t, {
+      isVisible: !1
+    });
+    const a = new IntersectionObserver(
+      (r) => {
+        r.forEach((c) => {
+          const d = c.target;
+          if (!(d instanceof Element)) return;
+          if (!d.isConnected) {
+            a.unobserve(d), T.delete(d), P.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());
         });
       },
       {
@@ -2756,97 +2815,99 @@ class he extends Ht {
         rootMargin: "10px"
         // Add some margin for better UX
       }
-    ).observe(t);
+    );
+    a.observe(t), T.set(t, a);
   }
 }
-function pe(n) {
-  return new he({ onAppear: n });
+function Ee(n) {
+  return new Se({ onAppear: n });
 }
-function we(n) {
-  return new he({ onDisappear: n });
+function Ce(n) {
+  return new Se({ onDisappear: n });
 }
-const At = {
+const Zt = {
   name: "@tachui/viewport",
-  version: Xe,
+  version: pt,
   author: "TachUI Team",
   verified: !0
-}, ne = {
+}, le = {
   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 fe(n) {
-  const e = n?.registry, t = n?.plugin ?? At, i = n?.force === !0, s = !!(e || n?.plugin);
-  !s && ie && !i || (j(
+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(
     "onAppear",
-    pe,
+    Ee,
     {
-      ...ne,
+      ...le,
       description: "Executes a callback when the component enters the viewport."
     },
     e,
     t
-  ), j(
+  ), Z(
     "onDisappear",
-    we,
+    Ce,
     {
-      ...ne,
+      ...le,
       description: "Executes a callback when the component leaves the viewport."
     },
     e,
     t
-  ), s || (ie = !0));
+  ), s || (de = !0));
 }
-fe();
-const _t = {
+Me();
+const Yt = {
   // Manager
-  getManager: h,
+  getManager: p,
   // Environment
-  useOpenWindow: O,
-  useDismissWindow: z,
-  useViewportInfo: $,
+  useOpenWindow: A,
+  useDismissWindow: _,
+  useViewportInfo: X,
+  useViewport: ge,
   // Components
   Window: S,
-  WindowGroup: H,
-  App: T,
+  WindowGroup: L,
+  App: H,
   // Utilities
-  Utils: I,
-  Examples: oe
+  Utils: D,
+  Examples: ue
 };
-function Ft(n) {
-  const e = new R(n?.customAdapter);
-  return se(e), e;
+function en(n) {
+  const e = new K(n?.customAdapter);
+  return ce(e), e;
 }
-const Vt = {
+const tn = {
   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"
-}, Nt = {
+}, nn = {
   /**
    * Check if running in Electron
    */
-  isElectron: () => h().environment.platform === "electron",
+  isElectron: () => p().environment.platform === "electron",
   /**
    * Check if on mobile
    */
-  isMobile: () => h().environment.platform === "mobile",
+  isMobile: () => p().environment.platform === "mobile",
   /**
    * Check if multi-window is supported
    */
-  supportsMultiWindow: () => h().environment.capabilities.multiWindow,
+  supportsMultiWindow: () => p().environment.capabilities.multiWindow,
   /**
    * Check if native windows are supported
    */
-  supportsNativeWindows: () => h().environment.capabilities.nativeWindows,
+  supportsNativeWindows: () => p().environment.capabilities.nativeWindows,
   /**
    * Get optimal window type for current platform
    */
-  getOptimalWindowType: (n = !1) => h().getOptimalWindowType({ preferNativeWindow: n })
-}, Gt = {
+  getOptimalWindowType: (n = !1) => p().getOptimalWindowType({ preferNativeWindow: n })
+}, sn = {
   /**
    * Standard document window
    */
@@ -2913,7 +2974,7 @@ const Vt = {
     minimizable: !1,
     maximizable: !1
   })
-}, Lt = {
+}, on = {
   DEFAULT_WINDOW_WIDTH: 800,
   DEFAULT_WINDOW_HEIGHT: 600,
   MIN_WINDOW_WIDTH: 300,
@@ -2921,82 +2982,84 @@ const Vt = {
   MODAL_Z_INDEX: 1e3,
   PORTAL_Z_INDEX: 999,
   ANIMATION_DURATION: 200
-}, Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  App: T,
-  EnvironmentKeys: qe,
-  ExampleScenes: oe,
-  PlatformUtils: Nt,
-  TachUIViewportManager: R,
-  Viewport: _t,
-  ViewportConstants: Lt,
-  ViewportEnvironmentProvider: ae,
-  ViewportTypeGuards: Vt,
-  WebViewportAdapter: V,
+  App: H,
+  EnvironmentKeys: ot,
+  ExampleScenes: ue,
+  PlatformUtils: nn,
+  TachUIViewportManager: K,
+  Viewport: Yt,
+  ViewportConstants: on,
+  ViewportEnvironmentProvider: pe,
+  ViewportTypeGuards: tn,
+  WebViewportAdapter: j,
   Window: S,
-  WindowConfigs: Gt,
-  WindowGroup: H,
-  WindowUtils: I,
-  checkFeatureSupport: _e,
-  createCapabilityChecker: F,
-  createWindowAwareComponent: je,
-  detectViewportEnvironment: U,
-  disposeViewportManager: Ue,
-  getBrowserInfo: He,
-  getEnvironmentValue: Qe,
-  getOSInfo: Ae,
-  getViewportManager: h,
-  initializeViewportSystem: Ft,
-  onAppear: pe,
-  onDisappear: we,
-  registerViewportModifiers: fe,
-  setViewportManager: se,
-  useCurrentWindow: Re,
-  useDismissWindow: z,
-  useEnvironmentDismissWindow: z,
-  useEnvironmentOpenWindow: O,
-  useOpenWindow: O,
+  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: $,
-  useViewportManager: $e,
-  withViewportEnvironment: Be
+  useViewportInfo: X,
+  useViewportManager: nt,
+  withViewportEnvironment: it
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  T as App,
-  qe as EnvironmentKeys,
-  oe as ExampleScenes,
-  Nt as PlatformUtils,
-  R as TachUIViewportManager,
-  _t as Viewport,
-  Lt as ViewportConstants,
-  ae as ViewportEnvironmentProvider,
-  Vt as ViewportTypeGuards,
-  V as WebViewportAdapter,
+  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,
-  Gt as WindowConfigs,
-  H as WindowGroup,
-  I as WindowUtils,
-  _e as checkFeatureSupport,
-  F as createCapabilityChecker,
-  je as createWindowAwareComponent,
-  U as detectViewportEnvironment,
-  Ue as disposeViewportManager,
-  He as getBrowserInfo,
-  Qe as getEnvironmentValue,
-  Ae as getOSInfo,
-  h as getViewportManager,
-  Ft as initializeViewportSystem,
-  pe as onAppear,
-  we as onDisappear,
-  fe as registerViewportModifiers,
-  se as setViewportManager,
-  Re as useCurrentWindow,
-  z as useDismissWindow,
-  z as useEnvironmentDismissWindow,
-  O as useEnvironmentOpenWindow,
-  O as useOpenWindow,
+  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,
-  $ as useViewportInfo,
-  $e as useViewportManager,
-  Be as withViewportEnvironment
+  X as useViewportInfo,
+  nt as useViewportManager,
+  it as withViewportEnvironment
 };