@tachui/viewport 0.8.5-alpha → 0.8.8

package/dist/index.js

@@ -1,10 +1,10 @@
-var oe = Object.defineProperty;
-var re = (n, e, t) => e in n ? oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => re(n, typeof e != "symbol" ? e + "" : e, t);
-import { createSignal as D, mountComponentTree as ae, createRoot as le, withComponentContext as de, createContext as ce, useContext as he } from "@tachui/core";
-import { registerModifierWithMetadata as V } from "@tachui/modifiers";
-function z(n = {}) {
-  const e = ue(), t = me(e, n), i = ve(), s = We(), a = Se();
+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();
   return {
     platform: e,
     capabilities: t,
@@ -13,20 +13,20 @@ function z(n = {}) {
     isTouch: a
   };
 }
-function ue() {
-  return pe() ? "electron" : we() ? "mobile" : fe() ? "embedded" : "web";
+function Ee() {
+  return Ce() ? "electron" : Me() ? "mobile" : ke() ? "embedded" : "web";
 }
-function pe() {
+function Ce() {
   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 we() {
+function Me() {
   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 fe() {
+function ke() {
   if (typeof window > "u") return !1;
   try {
     return window.self !== window.top;
@@ -34,7 +34,7 @@ function fe() {
     return !0;
   }
 }
-function me(n, e) {
+function Pe(n, e) {
   const t = {
     multiWindow: !1,
     nativeWindows: !1,
@@ -60,9 +60,9 @@ function me(n, e) {
     case "web":
       return {
         ...t,
-        multiWindow: e.enablePopupTest ? ge() : !1,
-        crossWindowCommunication: be() || ye(),
-        fullscreenSupport: G(),
+        multiWindow: e.enablePopupTest ? xe() : !1,
+        crossWindowCommunication: Te() || Ie(),
+        fullscreenSupport: q(),
         windowResizing: !1,
         // Browser windows can't be resized programmatically
         windowMinimizing: !1
@@ -70,7 +70,7 @@ function me(n, e) {
     case "mobile":
       return {
         ...t,
-        fullscreenSupport: G(),
+        fullscreenSupport: q(),
         modalOverlays: !0
       };
     case "embedded":
@@ -82,7 +82,7 @@ function me(n, e) {
       return t;
   }
 }
-function ge() {
+function xe() {
   if (typeof window > "u" || typeof window.navigator < "u" && window.navigator.userAgent.includes("jsdom"))
     return !1;
   try {
@@ -92,28 +92,28 @@ function ge() {
     return !1;
   }
 }
-function be() {
+function Te() {
   return typeof window < "u" && "BroadcastChannel" in window;
 }
-function ye() {
+function Ie() {
   return typeof window < "u" && "MessageChannel" in window;
 }
-function G() {
+function q() {
   return typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
 }
-function ve() {
+function Oe() {
   return typeof navigator > "u" ? "unknown" : navigator.userAgent;
 }
-function We() {
+function ze() {
   return typeof window > "u" ? { width: 1920, height: 1080 } : {
     width: window.screen?.width || window.innerWidth || 1920,
     height: window.screen?.height || window.innerHeight || 1080
   };
 }
-function Se() {
+function De() {
   return typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Ee() {
+function He() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -141,7 +141,7 @@ function Ee() {
   }
   return { name: e, version: t, engine: i };
 }
-function Ce() {
+function Ae() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -168,7 +168,7 @@ function Ce() {
   }
   return { name: e, version: t };
 }
-function Me() {
+function _e() {
   return typeof window > "u" ? {
     webgl: !1,
     webgl2: !1,
@@ -189,7 +189,7 @@ function Me() {
     resizeObserver: "ResizeObserver" in window
   };
 }
-function O(n) {
+function F(n) {
   return {
     canOpenWindow: (e = !1) => e ? n.capabilities.nativeWindows : n.capabilities.multiWindow || n.capabilities.modalOverlays,
     canCommunicateBetweenWindows: () => n.capabilities.crossWindowCommunication,
@@ -200,7 +200,7 @@ function O(n) {
     getOptimalViewportType: (e = !1) => e && n.capabilities.nativeWindows ? "window" : n.capabilities.modalOverlays ? "modal" : n.platform === "mobile" ? "sheet" : "portal"
   };
 }
-class Pe {
+class Fe {
   // Fallback strategies
   createModal(e) {
     throw new Error("Modal fallback not implemented");
@@ -209,7 +209,7 @@ class Pe {
     throw new Error("Portal fallback not implemented");
   }
 }
-class H extends Pe {
+class V extends Fe {
   constructor(t = {}) {
     super();
     o(this, "environment");
@@ -218,7 +218,7 @@ class H extends Pe {
     o(this, "popups", /* @__PURE__ */ new Map());
     o(this, "portalContainer", null);
     o(this, "broadcastChannel", null);
-    this.environment = z(t), this.initializePortalContainer();
+    this.environment = U(t), this.initializePortalContainer();
   }
   /**
    * Check if we can create a window with given config
@@ -322,21 +322,21 @@ class H extends Pe {
    * Create popup window (native browser window)
    */
   createPopupWindow(t) {
-    const i = new ke(t);
+    const i = new Ve(t);
     return this.popups.set(t.id, i), i;
   }
   /**
    * Create modal overlay
    */
   createModal(t) {
-    const i = new xe(t);
+    const i = new Ne(t);
     return this.modals.set(t.id, i), i;
   }
   /**
    * Create portal
    */
   createPortal(t) {
-    const i = new Te(t, this.portalContainer);
+    const i = new Ge(t, this.portalContainer);
     return this.portals.set(t.id, i), i;
   }
   /**
@@ -429,7 +429,7 @@ class H extends Pe {
     `, document.head.appendChild(i);
   }
 }
-class ke {
+class Ve {
   constructor(e) {
     o(this, "id");
     o(this, "type", "window");
@@ -440,7 +440,7 @@ class ke {
     o(this, "eventHandlers", /* @__PURE__ */ new Map());
     o(this, "setState");
     this.id = e.id, this.config = e;
-    const [t, i] = D({
+    const [t, i] = L({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -638,7 +638,7 @@ class ke {
   removeChildWindow(e) {
   }
 }
-class xe {
+class Ne {
   constructor(e) {
     o(this, "id");
     o(this, "type", "modal");
@@ -656,7 +656,7 @@ class xe {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.id = e.id, this.config = e;
-    const [t, i] = D({
+    const [t, i] = L({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -860,7 +860,7 @@ class xe {
     e && e.remove();
   }
 }
-class Te {
+class Ge {
   constructor(e, t) {
     o(this, "id");
     o(this, "type", "portal");
@@ -878,7 +878,7 @@ class Te {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.container = t, this.id = e.id, this.config = e;
-    const [i, s] = D({
+    const [i, s] = L({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -905,7 +905,7 @@ class Te {
     if (this.portalElement) {
       this.portalElement.innerHTML = "";
       try {
-        const t = ae(e, this.portalElement);
+        const t = be(e, this.portalElement);
         this.cleanupFunction = t;
       } catch (t) {
         console.error("Error during mountComponentTree:", t);
@@ -1085,7 +1085,7 @@ class Te {
     e && e.remove();
   }
 }
-class A {
+class R {
   constructor(e, t = {}) {
     o(this, "adapter");
     o(this, "windows", /* @__PURE__ */ new Map());
@@ -1096,7 +1096,7 @@ class A {
     o(this, "globalStateCallbacks", /* @__PURE__ */ new Map());
     o(this, "environment");
     o(this, "platformConfig");
-    this.platformConfig = t, this.environment = z(t), e ? this.adapter = e : this.adapter = this.createDefaultAdapter(), this.adapter.setupCrossWindowCommunication(), this.adapter.optimizeForPlatform();
+    this.platformConfig = t, this.environment = U(t), e ? this.adapter = e : this.adapter = this.createDefaultAdapter(), this.adapter.setupCrossWindowCommunication(), this.adapter.optimizeForPlatform();
   }
   /**
    * Open a new window/viewport
@@ -1143,20 +1143,20 @@ class A {
   createWindowGroup(e) {
     if (this.windowGroups.has(e))
       return this.windowGroups.get(e);
-    const t = new Ie(e, this);
+    const t = new Le(e, this);
     return this.windowGroups.set(e, t), t;
   }
   /**
    * Check if we can open a window with given options
    */
   canOpenWindow(e = {}) {
-    return O(this.environment).canOpenWindow(e.preferNativeWindow);
+    return F(this.environment).canOpenWindow(e.preferNativeWindow);
   }
   /**
    * Get optimal window type for given options
    */
   getOptimalWindowType(e = {}) {
-    const t = O(this.environment);
+    const t = F(this.environment);
     return e.preferNativeWindow && this.environment.capabilities.nativeWindows ? "window" : e.modal !== !1 && this.environment.capabilities.modalOverlays ? "modal" : t.getOptimalViewportType(e.preferNativeWindow);
   }
   /**
@@ -1201,9 +1201,9 @@ class A {
   createDefaultAdapter() {
     switch (this.environment.platform) {
       case "electron":
-        return new H(this.platformConfig);
+        return new V(this.platformConfig);
       default:
-        return new H(this.platformConfig);
+        return new V(this.platformConfig);
     }
   }
   // ==================== Phase 2: Global State Management ====================
@@ -1267,7 +1267,7 @@ class A {
     });
   }
 }
-class Ie {
+class Le {
   constructor(e, t, i = "any") {
     o(this, "windows", /* @__PURE__ */ new Map());
     o(this, "defaultOptions", {});
@@ -1317,10 +1317,10 @@ class Ie {
       const d = this.windows.values().next().value;
       d && (this.poolConfig.enabled ? await this.returnToPool(d) : await d.close());
     }
-    const h = t(e);
+    const u = t(e);
     return r = await this.manager.openWindow(
       s,
-      h,
+      u,
       this.defaultOptions
     ), this.setWindowGroupMetadata(r, {
       groupId: this.id,
@@ -1554,17 +1554,17 @@ class Ie {
     });
   }
   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, h = 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, u = i / a;
     e.forEach((d, l) => {
-      const w = l % s, F = Math.floor(l / s);
+      const p = l % s, b = Math.floor(l / s);
       this.setWindowGroupMetadata(d, {
         tilePosition: {
-          col: w,
-          row: F,
-          x: w * r,
-          y: F * h,
+          col: p,
+          row: b,
+          x: p * r,
+          y: b * u,
           width: r,
-          height: h
+          height: u
         },
         arrangementStyle: "tile"
       });
@@ -1615,17 +1615,17 @@ class Ie {
     }
   }
 }
-let m = null;
-function u(n = {}) {
-  return m || (m = new A(void 0, n)), m;
+let g = null;
+function h(n = {}) {
+  return g || (g = new R(void 0, n)), g;
 }
-function Q(n) {
-  m?.dispose(), m = n;
+function se(n) {
+  g?.dispose(), g = n;
 }
-function Oe() {
-  m?.dispose(), m = null;
+function Ue() {
+  g?.dispose(), g = null;
 }
-function y(n) {
+function S(n) {
   return {
     type: "window-scene",
     sceneType: "window",
@@ -1650,24 +1650,24 @@ function y(n) {
     },
     // Open this window
     async open() {
-      const e = u(), t = le(() => de((i) => n.children(), `Window-${n.id}`)({}));
+      const e = h(), t = ye(() => ve((i) => n.children(), `Window-${n.id}`)({}));
       await e.openWindow(n.id, t, n);
     },
     // Close this window
     async close() {
-      await u().dismissWindow(n.id);
+      await h().dismissWindow(n.id);
     }
   };
 }
-function T(n) {
-  const e = u(), t = e.createWindowGroup(n.id);
+function H(n) {
+  const e = h(), 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: h,
+    maxInstances: u,
     ...d
   } = n;
   return t.setDefaultOptions(d), {
@@ -1701,8 +1701,8 @@ function T(n) {
           n.children
         );
       else {
-        const w = n.children();
-        await e.openWindow(n.id, w, n);
+        const p = n.children();
+        await e.openWindow(n.id, p, n);
       }
     },
     // Open window for specific data
@@ -1737,18 +1737,18 @@ function T(n) {
     enableStateSync(l) {
       t.enableStateSync(l);
     },
-    syncGroupState(l, w) {
-      t.syncState(l, w);
+    syncGroupState(l, p) {
+      t.syncState(l, p);
     },
     getGroupState(l) {
       return t.getSharedState(l);
     },
-    onGroupStateChange(l, w) {
-      return t.onStateChange(l, w);
+    onGroupStateChange(l, p) {
+      return t.onStateChange(l, p);
     }
   };
 }
-function M(n) {
+function T(n) {
   return {
     type: "app",
     scenes: n.children,
@@ -1768,8 +1768,8 @@ function M(n) {
     },
     // Initialize all scenes
     async initialize() {
-      if (!u(n.platformConfig)) {
-        const { initializeViewportSystem: t } = await Promise.resolve().then(() => vt);
+      if (!h(n.platformConfig)) {
+        const { initializeViewportSystem: t } = await Promise.resolve().then(() => Ut);
         t();
       }
     },
@@ -1786,12 +1786,12 @@ function M(n) {
     }
   };
 }
-const P = {
+const I = {
   /**
    * Create a document window group
    */
   documentGroup(n, e, t, i) {
-    return T({
+    return H({
       id: n,
       title: e,
       for: t,
@@ -1805,7 +1805,7 @@ const P = {
    * Create a settings window
    */
   settingsWindow(n) {
-    return y({
+    return S({
       id: "settings",
       title: "Settings",
       width: 600,
@@ -1818,7 +1818,7 @@ const P = {
    * Create an inspector window
    */
   inspectorWindow(n) {
-    return y({
+    return S({
       id: "inspector",
       title: "Inspector",
       width: 300,
@@ -1832,7 +1832,7 @@ const P = {
    * Create a palette window
    */
   paletteWindow(n, e, t) {
-    return y({
+    return S({
       id: n,
       title: e,
       width: 250,
@@ -1842,13 +1842,13 @@ const P = {
       children: t
     });
   }
-}, K = {
+}, oe = {
   /**
    * Basic app with main window and settings
    */
-  basicApp: () => M({
+  basicApp: () => T({
     children: [
-      y({
+      S({
         id: "main",
         title: "My App",
         children: () => ({
@@ -1864,7 +1864,7 @@ const P = {
           })
         })
       }),
-      P.settingsWindow(() => ({
+      I.settingsWindow(() => ({
         type: "component",
         id: "settings-content",
         props: {},
@@ -1881,9 +1881,9 @@ const P = {
   /**
    * Document-based app
    */
-  documentApp: () => M({
+  documentApp: () => T({
     children: [
-      T({
+      H({
         id: "document",
         title: "Document",
         for: class {
@@ -1905,7 +1905,7 @@ const P = {
           })
         })
       }),
-      P.settingsWindow(() => ({
+      I.settingsWindow(() => ({
         type: "component",
         id: "settings",
         props: {},
@@ -1919,12 +1919,12 @@ const P = {
       }))
     ]
   })
-}, X = ce(null);
-function J({
+}, re = We(null);
+function ae({
   children: n,
   manager: e
 }) {
-  const t = e || u(), i = {
+  const t = e || h(), i = {
     openWindow: async (s, a, r) => await t.openWindow(s, a, r),
     dismissWindow: async (s) => await t.dismissWindow(s),
     viewportEnvironment: t.environment,
@@ -1933,47 +1933,47 @@ function J({
   };
   return {
     type: "context-provider",
-    context: X,
+    context: re,
     value: i,
     children: Array.isArray(n) ? n : [n]
   };
 }
-function v() {
-  const n = he(X);
+function C() {
+  const n = Se(re);
   if (!n)
     throw new Error(
       "useViewportEnvironment must be used within a ViewportEnvironmentProvider"
     );
   return n();
 }
-function k() {
-  const { openWindow: n } = v();
+function O() {
+  const { openWindow: n } = C();
   return n;
 }
-function x() {
-  const { dismissWindow: n } = v();
+function z() {
+  const { dismissWindow: n } = C();
   return n;
 }
-function _() {
-  const { viewportEnvironment: n } = v();
+function $() {
+  const { viewportEnvironment: n } = C();
   return n;
 }
-function He() {
-  const { currentWindow: n } = v();
+function Re() {
+  const { currentWindow: n } = C();
   return n;
 }
-function De() {
-  return u();
+function $e() {
+  return h();
 }
-function ze(n, e) {
-  return (t) => J({
+function Be(n, e) {
+  return (t) => ae({
     children: n(t),
     manager: e
   });
 }
-function Ae(n) {
+function je(n) {
   return (e) => {
-    const t = k(), i = x(), s = _();
+    const t = O(), i = z(), s = $();
     return n({
       ...e,
       openWindow: t,
@@ -1982,50 +1982,50 @@ function Ae(n) {
     });
   };
 }
-const _e = {
+const qe = {
   openWindow: "openWindow",
   dismissWindow: "dismissWindow",
   viewportEnvironment: "viewportEnvironment",
   currentWindow: "currentWindow"
 };
-function Fe(n) {
-  return v()[n];
+function Qe(n) {
+  return C()[n];
 }
-const Ve = "0.8.0-alpha", Ge = Ve, c = {
+const Ke = "0.8.8", Xe = Ke, c = {
   Clean: 0,
   Check: 1,
   Dirty: 2,
   Disposed: 3
 };
-var Ne = Object.defineProperty, Le = (n, e, t) => e in n ? Ne(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, f = (n, e, t) => Le(n, typeof e != "symbol" ? e + "" : e, t);
-let Ue = 0;
-const Re = Math.random().toString(36).substr(2, 6);
-let N = null, L = null;
-const $e = /* @__PURE__ */ new Set();
-$e.add(Re);
-const W = {
+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);
+const E = {
   get currentComputation() {
-    return N;
+    return Q;
   },
   set currentComputation(n) {
-    N = n;
+    Q = n;
   },
   get currentOwner() {
-    return L;
+    return K;
   },
   set currentOwner(n) {
-    L = n;
+    K = n;
   }
 };
-function Z() {
-  return W.currentComputation;
+function le() {
+  return E.currentComputation;
 }
-function Y() {
-  return W.currentOwner;
+function B() {
+  return E.currentOwner;
 }
-class ee {
+let de = 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 = ++Ue, 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", c.Dirty), f(this, "value"), this.id = ++Ye, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
   }
   execute() {
     if (this.state === c.Disposed)
@@ -2033,14 +2033,14 @@ class ee {
     for (const t of this.sources)
       t && typeof t == "object" && "removeObserver" in t && t.removeObserver(this);
     this.sources.clear();
-    const e = W.currentComputation;
-    W.currentComputation = this;
+    const e = E.currentComputation;
+    E.currentComputation = this;
     try {
       return this.state = c.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;
     } finally {
-      W.currentComputation = e;
+      E.currentComputation = e;
     }
   }
   dispose() {
@@ -2054,18 +2054,20 @@ class ee {
       this.observers.clear(), this.owner && !this.owner.disposed && this.owner.sources.delete(this);
     }
   }
+};
+function nt() {
+  return E.currentOwner;
 }
-var Be = Object.defineProperty, je = (n, e, t) => e in n ? Be(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => je(n, typeof e != "symbol" ? e + "" : e, t);
-let qe = 0;
-class Qe {
+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 {
   constructor(e) {
-    I(this, "id"), I(this, "observers", /* @__PURE__ */ new Set()), I(this, "_value"), this.id = ++qe, this._value = e;
+    A(this, "id"), A(this, "observers", /* @__PURE__ */ new Set()), A(this, "_value"), this.id = ++ot, this._value = e;
   }
   /**
    * Get the current value and track dependency
    */
   getValue() {
-    const e = Z();
+    const e = le();
     return e && e.state !== c.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
   }
   /**
@@ -2086,7 +2088,7 @@ class Qe {
    */
   notify() {
     for (const e of this.observers)
-      e.state !== c.Disposed && (e.state = c.Dirty, Ke(e));
+      e.state !== c.Disposed && (e.state = c.Dirty, at(e));
   }
   /**
    * Remove an observer (cleanup)
@@ -2105,29 +2107,29 @@ class Qe {
       type: "Signal"
     };
   }
+};
+const P = /* @__PURE__ */ new Set();
+let x = !1;
+function at(n) {
+  P.add(n), !x && queueMicrotask(lt);
 }
-const E = /* @__PURE__ */ new Set();
-let C = !1;
-function Ke(n) {
-  E.add(n), !C && queueMicrotask(Xe);
-}
-function Xe() {
-  if (!C) {
-    C = !0;
+function lt() {
+  if (!x) {
+    x = !0;
     try {
-      for (; E.size > 0; ) {
-        const n = Array.from(E).sort((e, t) => e.id - t.id);
-        E.clear();
+      for (; P.size > 0; ) {
+        const n = Array.from(P).sort((e, t) => e.id - t.id);
+        P.clear();
         for (const e of n)
           e.state === c.Dirty && e.execute();
       }
     } finally {
-      C = !1;
+      x = !1;
     }
   }
 }
-function Je(n) {
-  const e = new Qe(n), t = e.getValue.bind(e);
+function dt(n) {
+  const e = new rt(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"), {
@@ -2135,24 +2137,24 @@ function Je(n) {
     enumerable: !1
   }), [t, i];
 }
-function U(n) {
+function X(n) {
   return typeof n == "function" && Symbol.for("tachui.signal") in n;
 }
-const Ze = (n, e) => n === e;
-var Ye = Object.defineProperty, et = (n, e, t) => e in n ? Ye(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e, t) => et(n, typeof e != "symbol" ? e + "" : e, t), S = /* @__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))(S || {});
-class tt extends Error {
+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 {
   constructor(e, t, i) {
     super(e), this.cause = t, this.node = i, this.name = "ReactiveError";
   }
 }
-const nt = class b {
+const wt = class v {
   constructor() {
-    p(this, "updateQueues", /* @__PURE__ */ new Map()), p(this, "isFlushPending", !1), p(this, "isDestroyed", !1), p(this, "errorHandlers", /* @__PURE__ */ new Set()), p(this, "maxRetries", 3), p(this, "totalUpdateCycles", 0), p(this, "totalUpdateTime", 0), p(this, "errorCount", 0), p(this, "nodeRegistry", /* @__PURE__ */ new WeakSet());
-    for (const e of Object.values(S))
+    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))
       typeof e == "number" && this.updateQueues.set(e, /* @__PURE__ */ new Set());
   }
   static getInstance() {
-    return b.instance || (b.instance = new b()), b.instance;
+    return v.instance || (v.instance = new v()), v.instance;
   }
   /**
    * Schedule reactive node for update
@@ -2185,7 +2187,7 @@ const nt = class b {
             await this.updateNodeWithRetry(a);
           } catch (r) {
             this.handleReactiveError(
-              new tt(`Failed to update ${a.type} node ${a.id}`, r, a)
+              new pt(`Failed to update ${a.type} node ${a.id}`, r, a)
             );
           }
         if (this.hasHigherPriorityWork(t))
@@ -2331,7 +2333,7 @@ const nt = class b {
         }
       e.clear();
     }
-    this.updateQueues.clear(), this.errorHandlers.clear(), b.instance = null;
+    this.updateQueues.clear(), this.errorHandlers.clear(), v.instance = null;
   }
   /**
    * Get debug information
@@ -2339,7 +2341,7 @@ const nt = class b {
   getDebugInfo() {
     const e = {};
     for (const [t, i] of this.updateQueues)
-      e[S[t]] = i.size;
+      e[k[t]] = i.size;
     return {
       isFlushPending: this.isFlushPending,
       isDestroyed: this.isDestroyed,
@@ -2349,17 +2351,17 @@ const nt = class b {
     };
   }
 };
-p(nt, "instance", null);
-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, g = (n, e, t) => st(n, typeof e != "symbol" ? e + "" : e, t);
-class ot extends ee {
-  constructor(e, t = {}, i = Y()) {
-    super(e, i), g(this, "type", "computed"), g(this, "priority"), g(this, "_hasValue", !1), g(this, "_error", null), g(this, "equalsFn"), g(this, "options"), this.priority = t.priority ?? S.Normal, this.equalsFn = t.equals ?? Ze, this.options = t;
+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;
   }
   /**
    * Get the computed value, tracking dependency and lazily computing
    */
   getValue() {
-    const e = Z();
+    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;
   }
   /**
@@ -2372,7 +2374,12 @@ class ot extends ee {
    * Remove an observer (cleanup)
    */
   removeObserver(e) {
-    this.observers.delete(e);
+    this.observers.delete(e), this.options.releaseOnNoObservers === !0 && this.observers.size === 0 && e.state === c.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;
   }
   /**
    * Execute the computation and notify observers
@@ -2422,7 +2429,7 @@ class ot extends ee {
       state: this.state,
       sourceCount: this.sources.size,
       observerCount: this.observers.size,
-      priority: S[this.priority],
+      priority: k[this.priority],
       debugName: this.options.debugName,
       equalsFn: this.equalsFn.name || "anonymous"
     };
@@ -2431,29 +2438,40 @@ class ot extends ee {
     return `Computed(${this.options.debugName || this.id}): ${this._hasValue ? this.value : "no value"}`;
   }
 }
-function rt(n, e) {
-  const t = new ot(n, e), i = t.getValue.bind(t);
+function bt(n, e) {
+  const t = new gt(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 R(n) {
+function N(n) {
   return typeof n == "function" && Symbol.for("tachui.computed") in n;
 }
-const [at, Mt] = Je("light");
-rt(() => {
-  const n = at();
-  return n === "system" ? lt() : n;
+function yt(n) {
+  return n[Symbol.for("tachui.computed")] || null;
+}
+function vt(n) {
+  const e = yt(n);
+  !e || e.observers.size !== 0 || e.releaseSources();
+}
+const [Wt, Kt] = dt("light");
+bt(() => {
+  const n = Wt();
+  return n === "system" ? St() : n;
 });
-function lt() {
+function St() {
   return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
+function Et(n) {
+  const e = B();
+  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 dt = Object.defineProperty, ct = (n, e, t) => e in n ? dt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, $ = (n, e, t) => ct(n, typeof e != "symbol" ? e + "" : e, t);
-class ht {
+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 {
   constructor() {
-    $(this, "pending", /* @__PURE__ */ new Set()), $(this, "isFlushScheduled", !1);
+    J(this, "pending", /* @__PURE__ */ new Set()), J(this, "isFlushScheduled", !1);
   }
   schedule(e) {
     this.pending.add(e), this.isFlushScheduled || (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
@@ -2474,20 +2492,122 @@ class ht {
     this.pending.size > 0 && (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
   }
 }
-new ht();
-function B(n, e = {}) {
-  const t = Y();
+new kt();
+function ce(n, e = {}) {
+  const t = B();
   let i;
   const s = () => {
     const r = n(i);
     return i = r, r;
-  }, a = new ee(s, t);
+  }, a = new de(s, t);
   return e.name && Object.defineProperty(a, "name", {
     value: e.name,
     enumerable: !1
   }), a.execute(), a;
 }
-class ut {
+const M = /* @__PURE__ */ new WeakMap();
+function Z(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);
+}
+function ue() {
+  const n = Date.now();
+  for (const e of Array.from(W)) {
+    const t = e.deref();
+    if (!t) {
+      W.delete(e);
+      continue;
+    }
+    const i = D.get(t), s = m.get(t);
+    if (!i || !s || s.size === 0) {
+      W.delete(e);
+      continue;
+    }
+    if (t.isConnected) {
+      i.wasConnected = !0;
+      continue;
+    }
+    (i.wasConnected || n - i.trackedAt >= G) && (Pt(t), W.delete(e));
+  }
+}
+function xt() {
+  if (_ || typeof setTimeout != "function") return;
+  _ = !0;
+  const n = () => {
+    if (ue(), W.size === 0) {
+      _ = !1;
+      return;
+    }
+    setTimeout(n, G);
+  };
+  setTimeout(n, G);
+}
+function Tt() {
+  Y || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u" || (new MutationObserver(() => {
+    ue();
+  }).observe(document.documentElement, { childList: !0, subtree: !0 }), Y = !0);
+}
+function It(n, e) {
+  Tt(), xt();
+  const t = m.get(n) ?? /* @__PURE__ */ new Set(), i = t.size > 0;
+  return t.add(e), m.set(n, t), i || (D.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)));
+  };
+}
+function Ot({
+  element: n,
+  accessor: e,
+  updater: t,
+  updaterId: i
+}) {
+  const s = M.get(n) ?? /* @__PURE__ */ new Map();
+  M.has(n) || M.set(n, s);
+  let a = s.get(e);
+  if (!a) {
+    const d = /* @__PURE__ */ new Map();
+    a = { effect: ce(() => {
+      const l = e();
+      d.forEach(
+        (p, b) => Z(p, l, b)
+      );
+    }), updaters: d }, s.set(e, a);
+  }
+  a.updaters.set(i, t), Z(t, e(), i);
+  let r = null;
+  const u = () => {
+    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));
+  };
+  nt() ? Et(u) : r = It(n, u);
+}
+const ee = Symbol.for("tachui.modifier.instanceId"), zt = "core";
+let te = 0;
+function Dt(n) {
+  const e = n[ee];
+  if (typeof e == "number") return e;
+  te += 1;
+  const t = te;
+  return Object.defineProperty(n, ee, {
+    value: t,
+    enumerable: !1,
+    configurable: !1,
+    writable: !1
+  }), t;
+}
+class Ht {
   constructor(e) {
     this.properties = e;
   }
@@ -2506,12 +2626,12 @@ class ut {
   applyStyleChange(e, t, i) {
     if (e instanceof HTMLElement) {
       const s = this.toCSSProperty(t);
-      if (U(i) || R(i))
-        B(() => {
+      if (X(i) || N(i))
+        ce(() => {
           const a = i(), r = String(a);
           if (r.includes("!important")) {
-            const h = r.replace(/\s*!important\s*$/, "").trim();
-            e.style.setProperty(s, h, "important");
+            const u = r.replace(/\s*!important\s*$/, "").trim();
+            e.style.setProperty(s, u, "important");
           } else
             e.style.setProperty(s, r);
         });
@@ -2557,35 +2677,33 @@ class ut {
    */
   applyStyles(e, t) {
     if (e instanceof HTMLElement || e.style) {
-      const i = e.style;
-      for (const [s, a] of Object.entries(t))
-        if (a !== void 0) {
-          const r = this.toCSSProperty(s);
-          if (U(a) || R(a))
-            B(() => {
-              const h = a(), d = this.toCSSValueForProperty(
-                r,
-                h
-              );
-              if (i.setProperty)
-                if (typeof d == "string" && d.includes("!important")) {
-                  const l = d.replace(/\s*!important\s*$/, "").trim();
-                  i.setProperty(r, l, "important");
-                } else
-                  i.setProperty(r, d);
-              else
-                i[r] = d;
+      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");
+          } else
+            i.setProperty(a, r);
+        else
+          i[a] = r;
+      };
+      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({
+              element: e,
+              accessor: d,
+              updaterId: `${zt}:${l}:${u}`,
+              updater: (p) => {
+                const b = this.toCSSValueForProperty(u, p);
+                s(u, b);
+              }
             });
-          else {
-            const h = this.toCSSValueForProperty(r, a);
-            if (i.setProperty)
-              if (typeof h == "string" && h.includes("!important")) {
-                const d = h.replace(/\s*!important\s*$/, "").trim();
-                i.setProperty(r, d, "important");
-              } else
-                i.setProperty(r, h);
-            else
-              i[r] = h;
+          } else {
+            const d = this.toCSSValueForProperty(u, r);
+            s(u, d);
           }
         }
     }
@@ -2615,7 +2733,7 @@ class ut {
     };
   }
 }
-class te extends ut {
+class he extends Ht {
   constructor() {
     super(...arguments);
     o(this, "type", "viewportLifecycle");
@@ -2641,94 +2759,94 @@ class te extends ut {
     ).observe(t);
   }
 }
-function ne(n) {
-  return new te({ onAppear: n });
+function pe(n) {
+  return new he({ onAppear: n });
 }
-function ie(n) {
-  return new te({ onDisappear: n });
+function we(n) {
+  return new he({ onDisappear: n });
 }
-const pt = {
+const At = {
   name: "@tachui/viewport",
-  version: Ge,
+  version: Xe,
   author: "TachUI Team",
   verified: !0
-}, j = {
+}, ne = {
   category: "interaction",
   priority: 110,
   signature: "(handler: () => void) => Modifier",
   description: "Triggers handlers when an element appears in or disappears from the viewport."
 };
-let q = !1;
-function se(n) {
-  const e = n?.registry, t = n?.plugin ?? pt, i = n?.force === !0, s = !!(e || n?.plugin);
-  !s && q && !i || (V(
+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(
     "onAppear",
-    ne,
+    pe,
     {
-      ...j,
+      ...ne,
       description: "Executes a callback when the component enters the viewport."
     },
     e,
     t
-  ), V(
+  ), j(
     "onDisappear",
-    ie,
+    we,
     {
-      ...j,
+      ...ne,
       description: "Executes a callback when the component leaves the viewport."
     },
     e,
     t
-  ), s || (q = !0));
+  ), s || (ie = !0));
 }
-se();
-const wt = {
+fe();
+const _t = {
   // Manager
-  getManager: u,
+  getManager: h,
   // Environment
-  useOpenWindow: k,
-  useDismissWindow: x,
-  useViewportInfo: _,
+  useOpenWindow: O,
+  useDismissWindow: z,
+  useViewportInfo: $,
   // Components
-  Window: y,
-  WindowGroup: T,
-  App: M,
+  Window: S,
+  WindowGroup: H,
+  App: T,
   // Utilities
-  Utils: P,
-  Examples: K
+  Utils: I,
+  Examples: oe
 };
-function ft(n) {
-  const e = new A(n?.customAdapter);
-  return Q(e), e;
+function Ft(n) {
+  const e = new R(n?.customAdapter);
+  return se(e), e;
 }
-const mt = {
+const Vt = {
   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"
-}, gt = {
+}, Nt = {
   /**
    * Check if running in Electron
    */
-  isElectron: () => u().environment.platform === "electron",
+  isElectron: () => h().environment.platform === "electron",
   /**
    * Check if on mobile
    */
-  isMobile: () => u().environment.platform === "mobile",
+  isMobile: () => h().environment.platform === "mobile",
   /**
    * Check if multi-window is supported
    */
-  supportsMultiWindow: () => u().environment.capabilities.multiWindow,
+  supportsMultiWindow: () => h().environment.capabilities.multiWindow,
   /**
    * Check if native windows are supported
    */
-  supportsNativeWindows: () => u().environment.capabilities.nativeWindows,
+  supportsNativeWindows: () => h().environment.capabilities.nativeWindows,
   /**
    * Get optimal window type for current platform
    */
-  getOptimalWindowType: (n = !1) => u().getOptimalWindowType({ preferNativeWindow: n })
-}, bt = {
+  getOptimalWindowType: (n = !1) => h().getOptimalWindowType({ preferNativeWindow: n })
+}, Gt = {
   /**
    * Standard document window
    */
@@ -2795,7 +2913,7 @@ const mt = {
     minimizable: !1,
     maximizable: !1
   })
-}, yt = {
+}, Lt = {
   DEFAULT_WINDOW_WIDTH: 800,
   DEFAULT_WINDOW_HEIGHT: 600,
   MIN_WINDOW_WIDTH: 300,
@@ -2803,82 +2921,82 @@ const mt = {
   MODAL_Z_INDEX: 1e3,
   PORTAL_Z_INDEX: 999,
   ANIMATION_DURATION: 200
-}, vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  App: M,
-  EnvironmentKeys: _e,
-  ExampleScenes: K,
-  PlatformUtils: gt,
-  TachUIViewportManager: A,
-  Viewport: wt,
-  ViewportConstants: yt,
-  ViewportEnvironmentProvider: J,
-  ViewportTypeGuards: mt,
-  WebViewportAdapter: H,
-  Window: y,
-  WindowConfigs: bt,
-  WindowGroup: T,
-  WindowUtils: P,
-  checkFeatureSupport: Me,
-  createCapabilityChecker: O,
-  createWindowAwareComponent: Ae,
-  detectViewportEnvironment: z,
-  disposeViewportManager: Oe,
-  getBrowserInfo: Ee,
-  getEnvironmentValue: Fe,
-  getOSInfo: Ce,
-  getViewportManager: u,
-  initializeViewportSystem: ft,
-  onAppear: ne,
-  onDisappear: ie,
-  registerViewportModifiers: se,
-  setViewportManager: Q,
-  useCurrentWindow: He,
-  useDismissWindow: x,
-  useEnvironmentDismissWindow: x,
-  useEnvironmentOpenWindow: k,
-  useOpenWindow: k,
-  useViewportEnvironment: v,
-  useViewportInfo: _,
-  useViewportManager: De,
-  withViewportEnvironment: ze
+  App: T,
+  EnvironmentKeys: qe,
+  ExampleScenes: oe,
+  PlatformUtils: Nt,
+  TachUIViewportManager: R,
+  Viewport: _t,
+  ViewportConstants: Lt,
+  ViewportEnvironmentProvider: ae,
+  ViewportTypeGuards: Vt,
+  WebViewportAdapter: V,
+  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,
+  useViewportEnvironment: C,
+  useViewportInfo: $,
+  useViewportManager: $e,
+  withViewportEnvironment: Be
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  M as App,
-  _e as EnvironmentKeys,
-  K as ExampleScenes,
-  gt as PlatformUtils,
-  A as TachUIViewportManager,
-  wt as Viewport,
-  yt as ViewportConstants,
-  J as ViewportEnvironmentProvider,
-  mt as ViewportTypeGuards,
-  H as WebViewportAdapter,
-  y as Window,
-  bt as WindowConfigs,
-  T as WindowGroup,
-  P as WindowUtils,
-  Me as checkFeatureSupport,
-  O as createCapabilityChecker,
-  Ae as createWindowAwareComponent,
-  z as detectViewportEnvironment,
-  Oe as disposeViewportManager,
-  Ee as getBrowserInfo,
-  Fe as getEnvironmentValue,
-  Ce as getOSInfo,
-  u as getViewportManager,
-  ft as initializeViewportSystem,
-  ne as onAppear,
-  ie as onDisappear,
-  se as registerViewportModifiers,
-  Q as setViewportManager,
-  He as useCurrentWindow,
-  x as useDismissWindow,
-  x as useEnvironmentDismissWindow,
-  k as useEnvironmentOpenWindow,
-  k as useOpenWindow,
-  v as useViewportEnvironment,
-  _ as useViewportInfo,
-  De as useViewportManager,
-  ze as withViewportEnvironment
+  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,
+  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,
+  C as useViewportEnvironment,
+  $ as useViewportInfo,
+  $e as useViewportManager,
+  Be as withViewportEnvironment
 };