@tachui/viewport 0.8.1-alpha → 0.8.8

package/dist/index.js

@@ -1,9 +1,10 @@
-var J = Object.defineProperty;
-var Z = (n, e, t) => e in n ? J(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => Z(n, typeof e != "symbol" ? e + "" : e, t);
-import { createSignal as z, mountComponentTree as Y, createRoot as ee, withComponentContext as te, createContext as ne, useContext as ie } from "@tachui/core";
-function O(n = {}) {
-  const e = se(), t = le(e, n), i = ue(), s = pe(), a = we();
+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,
@@ -12,20 +13,20 @@ function O(n = {}) {
     isTouch: a
   };
 }
-function se() {
-  return oe() ? "electron" : re() ? "mobile" : ae() ? "embedded" : "web";
+function Ee() {
+  return Ce() ? "electron" : Me() ? "mobile" : ke() ? "embedded" : "web";
 }
-function oe() {
+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 re() {
+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 ae() {
+function ke() {
   if (typeof window > "u") return !1;
   try {
     return window.self !== window.top;
@@ -33,7 +34,7 @@ function ae() {
     return !0;
   }
 }
-function le(n, e) {
+function Pe(n, e) {
   const t = {
     multiWindow: !1,
     nativeWindows: !1,
@@ -59,9 +60,9 @@ function le(n, e) {
     case "web":
       return {
         ...t,
-        multiWindow: e.enablePopupTest ? de() : !1,
-        crossWindowCommunication: ce() || he(),
-        fullscreenSupport: V(),
+        multiWindow: e.enablePopupTest ? xe() : !1,
+        crossWindowCommunication: Te() || Ie(),
+        fullscreenSupport: q(),
         windowResizing: !1,
         // Browser windows can't be resized programmatically
         windowMinimizing: !1
@@ -69,7 +70,7 @@ function le(n, e) {
     case "mobile":
       return {
         ...t,
-        fullscreenSupport: V(),
+        fullscreenSupport: q(),
         modalOverlays: !0
       };
     case "embedded":
@@ -81,7 +82,7 @@ function le(n, e) {
       return t;
   }
 }
-function de() {
+function xe() {
   if (typeof window > "u" || typeof window.navigator < "u" && window.navigator.userAgent.includes("jsdom"))
     return !1;
   try {
@@ -91,28 +92,28 @@ function de() {
     return !1;
   }
 }
-function ce() {
+function Te() {
   return typeof window < "u" && "BroadcastChannel" in window;
 }
-function he() {
+function Ie() {
   return typeof window < "u" && "MessageChannel" in window;
 }
-function V() {
+function q() {
   return typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
 }
-function ue() {
+function Oe() {
   return typeof navigator > "u" ? "unknown" : navigator.userAgent;
 }
-function pe() {
+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 we() {
+function De() {
   return typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function fe() {
+function He() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -140,7 +141,7 @@ function fe() {
   }
   return { name: e, version: t, engine: i };
 }
-function me() {
+function Ae() {
   if (typeof navigator > "u")
     return {
       name: "unknown",
@@ -167,7 +168,7 @@ function me() {
   }
   return { name: e, version: t };
 }
-function ge() {
+function _e() {
   return typeof window > "u" ? {
     webgl: !1,
     webgl2: !1,
@@ -188,7 +189,7 @@ function ge() {
     resizeObserver: "ResizeObserver" in window
   };
 }
-function H(n) {
+function F(n) {
   return {
     canOpenWindow: (e = !1) => e ? n.capabilities.nativeWindows : n.capabilities.multiWindow || n.capabilities.modalOverlays,
     canCommunicateBetweenWindows: () => n.capabilities.crossWindowCommunication,
@@ -199,7 +200,7 @@ function H(n) {
     getOptimalViewportType: (e = !1) => e && n.capabilities.nativeWindows ? "window" : n.capabilities.modalOverlays ? "modal" : n.platform === "mobile" ? "sheet" : "portal"
   };
 }
-class be {
+class Fe {
   // Fallback strategies
   createModal(e) {
     throw new Error("Modal fallback not implemented");
@@ -208,7 +209,7 @@ class be {
     throw new Error("Portal fallback not implemented");
   }
 }
-class D extends be {
+class V extends Fe {
   constructor(t = {}) {
     super();
     o(this, "environment");
@@ -217,7 +218,7 @@ class D extends be {
     o(this, "popups", /* @__PURE__ */ new Map());
     o(this, "portalContainer", null);
     o(this, "broadcastChannel", null);
-    this.environment = O(t), this.initializePortalContainer();
+    this.environment = U(t), this.initializePortalContainer();
   }
   /**
    * Check if we can create a window with given config
@@ -321,21 +322,21 @@ class D extends be {
    * Create popup window (native browser window)
    */
   createPopupWindow(t) {
-    const i = new ye(t);
+    const i = new Ve(t);
     return this.popups.set(t.id, i), i;
   }
   /**
    * Create modal overlay
    */
   createModal(t) {
-    const i = new ve(t);
+    const i = new Ne(t);
     return this.modals.set(t.id, i), i;
   }
   /**
    * Create portal
    */
   createPortal(t) {
-    const i = new We(t, this.portalContainer);
+    const i = new Ge(t, this.portalContainer);
     return this.portals.set(t.id, i), i;
   }
   /**
@@ -428,7 +429,7 @@ class D extends be {
     `, document.head.appendChild(i);
   }
 }
-class ye {
+class Ve {
   constructor(e) {
     o(this, "id");
     o(this, "type", "window");
@@ -439,7 +440,7 @@ class ye {
     o(this, "eventHandlers", /* @__PURE__ */ new Map());
     o(this, "setState");
     this.id = e.id, this.config = e;
-    const [t, i] = z({
+    const [t, i] = L({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -637,7 +638,7 @@ class ye {
   removeChildWindow(e) {
   }
 }
-class ve {
+class Ne {
   constructor(e) {
     o(this, "id");
     o(this, "type", "modal");
@@ -655,7 +656,7 @@ class ve {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.id = e.id, this.config = e;
-    const [t, i] = z({
+    const [t, i] = L({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -859,7 +860,7 @@ class ve {
     e && e.remove();
   }
 }
-class We {
+class Ge {
   constructor(e, t) {
     o(this, "id");
     o(this, "type", "portal");
@@ -877,7 +878,7 @@ class We {
     o(this, "parentWindow", null);
     o(this, "tabContainer", null);
     this.container = t, this.id = e.id, this.config = e;
-    const [i, s] = z({
+    const [i, s] = L({
       id: e.id,
       title: e.title || e.id,
       isVisible: !1,
@@ -904,7 +905,7 @@ class We {
     if (this.portalElement) {
       this.portalElement.innerHTML = "";
       try {
-        const t = Y(e, this.portalElement);
+        const t = be(e, this.portalElement);
         this.cleanupFunction = t;
       } catch (t) {
         console.error("Error during mountComponentTree:", t);
@@ -1084,7 +1085,7 @@ class We {
     e && e.remove();
   }
 }
-class A {
+class R {
   constructor(e, t = {}) {
     o(this, "adapter");
     o(this, "windows", /* @__PURE__ */ new Map());
@@ -1095,7 +1096,7 @@ class A {
     o(this, "globalStateCallbacks", /* @__PURE__ */ new Map());
     o(this, "environment");
     o(this, "platformConfig");
-    this.platformConfig = t, this.environment = O(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
@@ -1142,20 +1143,20 @@ class A {
   createWindowGroup(e) {
     if (this.windowGroups.has(e))
       return this.windowGroups.get(e);
-    const t = new Se(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 H(this.environment).canOpenWindow(e.preferNativeWindow);
+    return F(this.environment).canOpenWindow(e.preferNativeWindow);
   }
   /**
    * Get optimal window type for given options
    */
   getOptimalWindowType(e = {}) {
-    const t = H(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);
   }
   /**
@@ -1200,9 +1201,9 @@ class A {
   createDefaultAdapter() {
     switch (this.environment.platform) {
       case "electron":
-        return new D(this.platformConfig);
+        return new V(this.platformConfig);
       default:
-        return new D(this.platformConfig);
+        return new V(this.platformConfig);
     }
   }
   // ==================== Phase 2: Global State Management ====================
@@ -1266,7 +1267,7 @@ class A {
     });
   }
 }
-class Se {
+class Le {
   constructor(e, t, i = "any") {
     o(this, "windows", /* @__PURE__ */ new Map());
     o(this, "defaultOptions", {});
@@ -1304,8 +1305,8 @@ class Se {
       return await a.show(), await a.focus(), a.markAsUsed(), a;
     let r = await this.getPooledWindow();
     if (r) {
-      const c = t(e);
-      return r.render(c), this.setWindowGroupMetadata(r, {
+      const d = t(e);
+      return r.render(d), this.setWindowGroupMetadata(r, {
         id: s,
         groupId: this.id,
         isPooled: !1,
@@ -1313,13 +1314,13 @@ class Se {
       }), await r.show(), await r.focus(), this.windows.set(i, r), this.emitEvent("window:reused", r, e), r;
     }
     if (this.windows.size >= this.maxInstances) {
-      const c = this.windows.values().next().value;
-      c && (this.poolConfig.enabled ? await this.returnToPool(c) : await c.close());
+      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,
@@ -1553,17 +1554,17 @@ class Se {
     });
   }
   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;
-    e.forEach((c, l) => {
-      const w = l % s, F = Math.floor(l / s);
-      this.setWindowGroupMetadata(c, {
+    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 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"
       });
@@ -1614,17 +1615,17 @@ class Se {
     }
   }
 }
-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 R(n) {
-  m?.dispose(), m = n;
+function se(n) {
+  g?.dispose(), g = n;
 }
-function Ee() {
-  m?.dispose(), m = null;
+function Ue() {
+  g?.dispose(), g = null;
 }
-function y(n) {
+function S(n) {
   return {
     type: "window-scene",
     sceneType: "window",
@@ -1649,27 +1650,27 @@ function y(n) {
     },
     // Open this window
     async open() {
-      const e = u(), t = ee(() => te((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,
-    ...c
+    maxInstances: u,
+    ...d
   } = n;
-  return t.setDefaultOptions(c), {
+  return t.setDefaultOptions(d), {
     type: "window-group",
     sceneType: "window-group",
     id: n.id,
@@ -1700,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
@@ -1736,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,
@@ -1767,8 +1768,8 @@ function M(n) {
     },
     // Initialize all scenes
     async initialize() {
-      if (!u(n.platformConfig)) {
-        const { initializeViewportSystem: t } = await Promise.resolve().then(() => ct);
+      if (!h(n.platformConfig)) {
+        const { initializeViewportSystem: t } = await Promise.resolve().then(() => Ut);
         t();
       }
     },
@@ -1785,12 +1786,12 @@ function M(n) {
     }
   };
 }
-const k = {
+const I = {
   /**
    * Create a document window group
    */
   documentGroup(n, e, t, i) {
-    return T({
+    return H({
       id: n,
       title: e,
       for: t,
@@ -1804,7 +1805,7 @@ const k = {
    * Create a settings window
    */
   settingsWindow(n) {
-    return y({
+    return S({
       id: "settings",
       title: "Settings",
       width: 600,
@@ -1817,7 +1818,7 @@ const k = {
    * Create an inspector window
    */
   inspectorWindow(n) {
-    return y({
+    return S({
       id: "inspector",
       title: "Inspector",
       width: 300,
@@ -1831,7 +1832,7 @@ const k = {
    * Create a palette window
    */
   paletteWindow(n, e, t) {
-    return y({
+    return S({
       id: n,
       title: e,
       width: 250,
@@ -1841,13 +1842,13 @@ const k = {
       children: t
     });
   }
-}, $ = {
+}, oe = {
   /**
    * Basic app with main window and settings
    */
-  basicApp: () => M({
+  basicApp: () => T({
     children: [
-      y({
+      S({
         id: "main",
         title: "My App",
         children: () => ({
@@ -1863,7 +1864,7 @@ const k = {
           })
         })
       }),
-      k.settingsWindow(() => ({
+      I.settingsWindow(() => ({
         type: "component",
         id: "settings-content",
         props: {},
@@ -1880,9 +1881,9 @@ const k = {
   /**
    * Document-based app
    */
-  documentApp: () => M({
+  documentApp: () => T({
     children: [
-      T({
+      H({
         id: "document",
         title: "Document",
         for: class {
@@ -1904,7 +1905,7 @@ const k = {
           })
         })
       }),
-      k.settingsWindow(() => ({
+      I.settingsWindow(() => ({
         type: "component",
         id: "settings",
         props: {},
@@ -1918,12 +1919,12 @@ const k = {
       }))
     ]
   })
-}, q = ne(null);
-function B({
+}, 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,
@@ -1932,47 +1933,47 @@ function B({
   };
   return {
     type: "context-provider",
-    context: q,
+    context: re,
     value: i,
     children: Array.isArray(n) ? n : [n]
   };
 }
-function v() {
-  const n = ie(q);
+function C() {
+  const n = Se(re);
   if (!n)
     throw new Error(
       "useViewportEnvironment must be used within a ViewportEnvironmentProvider"
     );
   return n();
 }
-function P() {
-  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 Ce() {
-  const { currentWindow: n } = v();
+function Re() {
+  const { currentWindow: n } = C();
   return n;
 }
-function Me() {
-  return u();
+function $e() {
+  return h();
 }
-function ke(n, e) {
-  return (t) => B({
+function Be(n, e) {
+  return (t) => ae({
     children: n(t),
     manager: e
   });
 }
-function Pe(n) {
+function je(n) {
   return (e) => {
-    const t = P(), i = x(), s = _();
+    const t = O(), i = z(), s = $();
     return n({
       ...e,
       openWindow: t,
@@ -1981,46 +1982,70 @@ function Pe(n) {
     });
   };
 }
-const xe = {
+const qe = {
   openWindow: "openWindow",
   dismissWindow: "dismissWindow",
   viewportEnvironment: "viewportEnvironment",
   currentWindow: "currentWindow"
 };
-function Te(n) {
-  return v()[n];
+function Qe(n) {
+  return C()[n];
 }
-var d = /* @__PURE__ */ ((n) => (n[n.Clean = 0] = "Clean", n[n.Check = 1] = "Check", n[n.Dirty = 2] = "Dirty", n[n.Disposed = 3] = "Disposed", n))(d || {}), Ie = Object.defineProperty, He = (n, e, t) => e in n ? Ie(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, f = (n, e, t) => He(n, typeof e != "symbol" ? e + "" : e, t);
-let De = 0, S = null, ze = null;
-function j() {
-  return S;
+const Ke = "0.8.8", Xe = Ke, c = {
+  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);
+const E = {
+  get currentComputation() {
+    return Q;
+  },
+  set currentComputation(n) {
+    Q = n;
+  },
+  get currentOwner() {
+    return K;
+  },
+  set currentOwner(n) {
+    K = n;
+  }
+};
+function le() {
+  return E.currentComputation;
 }
-function Q() {
-  return ze;
+function B() {
+  return E.currentOwner;
 }
-class K {
+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", d.Dirty), f(this, "value"), this.id = ++De, 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 === d.Disposed)
+    if (this.state === c.Disposed)
       return this.value;
     for (const t of this.sources)
       t && typeof t == "object" && "removeObserver" in t && t.removeObserver(this);
     this.sources.clear();
-    const e = S;
-    S = this;
+    const e = E.currentComputation;
+    E.currentComputation = this;
     try {
-      return this.state = d.Clean, this.value = this.fn(), this.value;
+      return this.state = c.Clean, this.value = this.fn(), this.value;
     } catch (t) {
-      throw this.state = d.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
+      throw this.state = c.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
     } finally {
-      S = e;
+      E.currentComputation = e;
     }
   }
   dispose() {
-    if (this.state !== d.Disposed) {
-      this.state = d.Disposed;
+    if (this.state !== c.Disposed) {
+      this.state = c.Disposed;
       for (const e of this.sources)
         e && typeof e == "object" && "removeObserver" in e && e.removeObserver(this);
       this.sources.clear();
@@ -2029,19 +2054,21 @@ class K {
       this.observers.clear(), this.owner && !this.owner.disposed && this.owner.sources.delete(this);
     }
   }
+};
+function nt() {
+  return E.currentOwner;
 }
-var Oe = Object.defineProperty, Ae = (n, e, t) => e in n ? Oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => Ae(n, typeof e != "symbol" ? e + "" : e, t);
-let _e = 0;
-class Fe {
+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 = ++_e, 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 = j();
-    return e && e.state !== d.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
+    const e = le();
+    return e && e.state !== c.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
   }
   /**
    * Get the current value without tracking dependency
@@ -2061,7 +2088,7 @@ class Fe {
    */
   notify() {
     for (const e of this.observers)
-      e.state !== d.Disposed && (e.state = d.Dirty, Ve(e));
+      e.state !== c.Disposed && (e.state = c.Dirty, at(e));
   }
   /**
    * Remove an observer (cleanup)
@@ -2080,29 +2107,29 @@ class Fe {
       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 Ve(n) {
-  E.add(n), !C && queueMicrotask(Ge);
-}
-function Ge() {
-  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 === d.Dirty && e.execute();
+          e.state === c.Dirty && e.execute();
       }
     } finally {
-      C = !1;
+      x = !1;
     }
   }
 }
-function Ne(n) {
-  const e = new Fe(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"), {
@@ -2110,24 +2137,24 @@ function Ne(n) {
     enumerable: !1
   }), [t, i];
 }
-function G(n) {
+function X(n) {
   return typeof n == "function" && Symbol.for("tachui.signal") in n;
 }
-const Le = (n, e) => n === e;
-var Ue = Object.defineProperty, Re = (n, e, t) => e in n ? Ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e, t) => Re(n, typeof e != "symbol" ? e + "" : e, t), W = /* @__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))(W || {});
-class $e 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 qe = 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(W))
+    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
@@ -2160,7 +2187,7 @@ const qe = class b {
             await this.updateNodeWithRetry(a);
           } catch (r) {
             this.handleReactiveError(
-              new $e(`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))
@@ -2306,7 +2333,7 @@ const qe = 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
@@ -2314,7 +2341,7 @@ const qe = class b {
   getDebugInfo() {
     const e = {};
     for (const [t, i] of this.updateQueues)
-      e[W[t]] = i.size;
+      e[k[t]] = i.size;
     return {
       isFlushPending: this.isFlushPending,
       isDestroyed: this.isDestroyed,
@@ -2324,30 +2351,35 @@ const qe = class b {
     };
   }
 };
-p(qe, "instance", null);
-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, g = (n, e, t) => je(n, typeof e != "symbol" ? e + "" : e, t);
-class Qe extends K {
-  constructor(e, t = {}, i = Q()) {
-    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 ?? W.Normal, this.equalsFn = t.equals ?? Le, 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 = j();
-    return e && e.state !== d.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === d.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
+    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;
   }
   /**
    * Get the current value without tracking dependency
    */
   peek() {
-    return (this.state === d.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
+    return (this.state === c.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
   }
   /**
    * 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
@@ -2356,8 +2388,8 @@ class Qe extends K {
     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 !== d.Disposed && (i.state = d.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
-          i.state === d.Dirty && i.execute();
+        i.state !== c.Disposed && (i.state = c.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
+          i.state === c.Dirty && i.execute();
         }));
     return t;
   }
@@ -2376,7 +2408,7 @@ class Qe extends K {
     this.sources.clear();
     for (const e of this.observers)
       e.sources.delete(this);
-    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = d.Disposed;
+    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = c.Disposed;
   }
   /**
    * Dispose the computed value
@@ -2397,7 +2429,7 @@ class Qe extends K {
       state: this.state,
       sourceCount: this.sources.size,
       observerCount: this.observers.size,
-      priority: W[this.priority],
+      priority: k[this.priority],
       debugName: this.options.debugName,
       equalsFn: this.equalsFn.name || "anonymous"
     };
@@ -2406,8 +2438,8 @@ class Qe extends K {
     return `Computed(${this.options.debugName || this.id}): ${this._hasValue ? this.value : "no value"}`;
   }
 }
-function Ke(n, e) {
-  const t = new Qe(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
@@ -2416,19 +2448,30 @@ function Ke(n, e) {
 function N(n) {
   return typeof n == "function" && Symbol.for("tachui.computed") in n;
 }
-const [Xe, wt] = Ne("light");
-Ke(() => {
-  const n = Xe();
-  return n === "system" ? Je() : 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 Je() {
+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 Ze = Object.defineProperty, Ye = (n, e, t) => e in n ? Ze(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, L = (n, e, t) => Ye(n, typeof e != "symbol" ? e + "" : e, t);
-class et {
+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() {
-    L(this, "pending", /* @__PURE__ */ new Set()), L(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()));
@@ -2449,20 +2492,122 @@ class et {
     this.pending.size > 0 && (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
   }
 }
-new et();
-function U(n, e = {}) {
-  const t = Q();
+new kt();
+function ce(n, e = {}) {
+  const t = B();
   let i;
   const s = () => {
     const r = n(i);
     return i = r, r;
-  }, a = new K(s, t);
+  }, a = new de(s, t);
   return e.name && Object.defineProperty(a, "name", {
     value: e.name,
     enumerable: !1
   }), a.execute(), a;
 }
-class tt {
+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;
   }
@@ -2481,12 +2626,12 @@ class tt {
   applyStyleChange(e, t, i) {
     if (e instanceof HTMLElement) {
       const s = this.toCSSProperty(t);
-      if (G(i) || N(i))
-        U(() => {
+      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);
         });
@@ -2532,35 +2677,33 @@ class tt {
    */
   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 (G(a) || N(a))
-            U(() => {
-              const h = a(), c = this.toCSSValueForProperty(
-                r,
-                h
-              );
-              if (i.setProperty)
-                if (typeof c == "string" && c.includes("!important")) {
-                  const l = c.replace(/\s*!important\s*$/, "").trim();
-                  i.setProperty(r, l, "important");
-                } else
-                  i.setProperty(r, c);
-              else
-                i[r] = c;
+      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 c = h.replace(/\s*!important\s*$/, "").trim();
-                i.setProperty(r, c, "important");
-              } else
-                i.setProperty(r, h);
-            else
-              i[r] = h;
+          } else {
+            const d = this.toCSSValueForProperty(u, r);
+            s(u, d);
           }
         }
     }
@@ -2590,7 +2733,7 @@ class tt {
     };
   }
 }
-class X extends tt {
+class he extends Ht {
   constructor() {
     super(...arguments);
     o(this, "type", "viewportLifecycle");
@@ -2616,59 +2759,94 @@ class X extends tt {
     ).observe(t);
   }
 }
-function nt(n) {
-  return new X({ onAppear: n });
+function pe(n) {
+  return new he({ onAppear: n });
+}
+function we(n) {
+  return new he({ onDisappear: n });
 }
-function it(n) {
-  return new X({ onDisappear: n });
+const At = {
+  name: "@tachui/viewport",
+  version: Xe,
+  author: "TachUI Team",
+  verified: !0
+}, ne = {
+  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(
+    "onAppear",
+    pe,
+    {
+      ...ne,
+      description: "Executes a callback when the component enters the viewport."
+    },
+    e,
+    t
+  ), j(
+    "onDisappear",
+    we,
+    {
+      ...ne,
+      description: "Executes a callback when the component leaves the viewport."
+    },
+    e,
+    t
+  ), s || (ie = !0));
 }
-const st = {
+fe();
+const _t = {
   // Manager
-  getManager: u,
+  getManager: h,
   // Environment
-  useOpenWindow: P,
-  useDismissWindow: x,
-  useViewportInfo: _,
+  useOpenWindow: O,
+  useDismissWindow: z,
+  useViewportInfo: $,
   // Components
-  Window: y,
-  WindowGroup: T,
-  App: M,
+  Window: S,
+  WindowGroup: H,
+  App: T,
   // Utilities
-  Utils: k,
-  Examples: $
+  Utils: I,
+  Examples: oe
 };
-function ot(n) {
-  const e = new A(n?.customAdapter);
-  return R(e), e;
+function Ft(n) {
+  const e = new R(n?.customAdapter);
+  return se(e), e;
 }
-const rt = {
+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"
-}, at = {
+}, 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 })
-}, lt = {
+  getOptimalWindowType: (n = !1) => h().getOptimalWindowType({ preferNativeWindow: n })
+}, Gt = {
   /**
    * Standard document window
    */
@@ -2735,7 +2913,7 @@ const rt = {
     minimizable: !1,
     maximizable: !1
   })
-}, dt = {
+}, Lt = {
   DEFAULT_WINDOW_WIDTH: 800,
   DEFAULT_WINDOW_HEIGHT: 600,
   MIN_WINDOW_WIDTH: 300,
@@ -2743,81 +2921,82 @@ const rt = {
   MODAL_Z_INDEX: 1e3,
   PORTAL_Z_INDEX: 999,
   ANIMATION_DURATION: 200
-}, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  App: M,
-  EnvironmentKeys: xe,
-  ExampleScenes: $,
-  PlatformUtils: at,
-  TachUIViewportManager: A,
-  Viewport: st,
-  ViewportConstants: dt,
-  ViewportEnvironmentProvider: B,
-  ViewportTypeGuards: rt,
-  WebViewportAdapter: D,
-  Window: y,
-  WindowConfigs: lt,
-  WindowGroup: T,
-  WindowUtils: k,
-  checkFeatureSupport: ge,
-  createCapabilityChecker: H,
-  createWindowAwareComponent: Pe,
-  detectViewportEnvironment: O,
-  disposeViewportManager: Ee,
-  getBrowserInfo: fe,
-  getEnvironmentValue: Te,
-  getOSInfo: me,
-  getViewportManager: u,
-  initializeViewportSystem: ot,
-  onAppear: nt,
-  onDisappear: it,
-  setViewportManager: R,
-  useCurrentWindow: Ce,
-  useDismissWindow: x,
-  useEnvironmentDismissWindow: x,
-  useEnvironmentOpenWindow: P,
-  useOpenWindow: P,
-  useViewportEnvironment: v,
-  useViewportInfo: _,
-  useViewportManager: Me,
-  withViewportEnvironment: ke
+  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,
-  xe as EnvironmentKeys,
-  $ as ExampleScenes,
-  at as PlatformUtils,
-  A as TachUIViewportManager,
-  st as Viewport,
-  dt as ViewportConstants,
-  B as ViewportEnvironmentProvider,
-  rt as ViewportTypeGuards,
-  D as WebViewportAdapter,
-  y as Window,
-  lt as WindowConfigs,
-  T as WindowGroup,
-  k as WindowUtils,
-  ge as checkFeatureSupport,
-  H as createCapabilityChecker,
-  Pe as createWindowAwareComponent,
-  O as detectViewportEnvironment,
-  Ee as disposeViewportManager,
-  fe as getBrowserInfo,
-  Te as getEnvironmentValue,
-  me as getOSInfo,
-  u as getViewportManager,
-  ot as initializeViewportSystem,
-  nt as onAppear,
-  it as onDisappear,
-  R as setViewportManager,
-  Ce as useCurrentWindow,
-  x as useDismissWindow,
-  x as useEnvironmentDismissWindow,
-  P as useEnvironmentOpenWindow,
-  P as useOpenWindow,
-  v as useViewportEnvironment,
-  _ as useViewportInfo,
-  Me as useViewportManager,
-  ke 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
 };
-//# sourceMappingURL=index.js.map