@oxyhq/bloom 0.64.0 → 0.66.0

package/lib/commonjs/connection-status/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionStatusToasts = ConnectionStatusToasts;
+var _react = require("react");
+var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
+var _shared = require("./shared.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Connection loss as a toast, not a layout-shifting banner.
+ *
+ * Every Oxy app needs this and none of them should hand-roll it: a coloured bar
+ * sliding in above the header pushes the whole screen down, has to be themed
+ * again in each app, and competes with the app's own chrome. The toast host is
+ * already mounted, already themed, already stacks.
+ *
+ * NATIVE variant: `@react-native-community/netinfo` (an Expo-managed dependency
+ * every Oxy app already ships) reports both link state and reachability. The
+ * web fork uses `navigator.onLine` instead so Vite/SPA consumers need no extra
+ * dependency at all.
+ */
+
+/** Mount once at the app root. Renders nothing. */
+function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    // `isInternetReachable` is null until the first probe resolves; treat that
+    // as "connected as far as we know" so a captive-portal check never flashes
+    // an outage on launch.
+    return _netinfo.default.addEventListener(state => {
+      setIsOnline(Boolean(state.isConnected && state.isInternetReachable !== false));
+    });
+  }, []);
+  (0, _shared.useConnectionStatusToasts)(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/connection-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_netinfo","_interopRequireDefault","_shared","e","__esModule","default","ConnectionStatusToasts","props","isOnline","setIsOnline","useState","useEffect","NetInfo","addEventListener","state","Boolean","isConnected","isInternetReachable","useConnectionStatusToasts","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.tsx"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAuF,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAhBvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACO,SAASG,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAiB,IAAI,CAAC;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA;IACA;IACA,OAAOC,gBAAO,CAACC,gBAAgB,CAAEC,KAAK,IAAK;MACzCL,WAAW,CAACM,OAAO,CAACD,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACG,mBAAmB,KAAK,KAAK,CAAC,CAAC;IAChF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,iCAAyB,EAACV,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACa,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/commonjs/connection-status/index.web.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionStatusToasts = ConnectionStatusToasts;
+var _react = require("react");
+var _shared = require("./shared.js");
+/**
+ * Web variant — see `./index.tsx` for what this is and why it is a toast.
+ *
+ * `navigator.onLine` + the `online`/`offline` events are the browser's own
+ * signal, so a Vite/SPA consumer needs no native dependency to get the same
+ * behaviour. (The browser only knows about the link, not reachability; that is
+ * the honest limit of what a web app can detect without polling.)
+ */
+
+/** Mount once at the app root. Renders nothing. */
+function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') return undefined;
+    setIsOnline(navigator.onLine);
+    const update = () => setIsOnline(navigator.onLine);
+    window.addEventListener('online', update);
+    window.addEventListener('offline', update);
+    return () => {
+      window.removeEventListener('online', update);
+      window.removeEventListener('offline', update);
+    };
+  }, []);
+  (0, _shared.useConnectionStatusToasts)(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/connection-status/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_shared","ConnectionStatusToasts","props","isOnline","setIsOnline","useState","useEffect","navigator","window","undefined","onLine","update","addEventListener","removeEventListener","useConnectionStatusToasts","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.web.tsx"],"mappings":";;;;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACO,SAASE,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAiB,IAAI,CAAC;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,OAAOC,SAAS,KAAK,WAAW,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAOC,SAAS;IAEvFL,WAAW,CAACG,SAAS,CAACG,MAAM,CAAC;IAC7B,MAAMC,MAAM,GAAGA,CAAA,KAAMP,WAAW,CAACG,SAAS,CAACG,MAAM,CAAC;IAClDF,MAAM,CAACI,gBAAgB,CAAC,QAAQ,EAAED,MAAM,CAAC;IACzCH,MAAM,CAACI,gBAAgB,CAAC,SAAS,EAAED,MAAM,CAAC;IAC1C,OAAO,MAAM;MACXH,MAAM,CAACK,mBAAmB,CAAC,QAAQ,EAAEF,MAAM,CAAC;MAC5CH,MAAM,CAACK,mBAAmB,CAAC,SAAS,EAAEF,MAAM,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAG,iCAAyB,EAACX,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACc,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/commonjs/connection-status/shared.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useConnectionStatusToasts = useConnectionStatusToasts;
+var _react = require("react");
+var _index = require("../toast/index.js");
+/** One id for the whole lifecycle, so the toast updates in place. */
+const TOAST_ID = 'bloom-connection-status';
+const DEFAULTS = {
+  offlineMessage: 'No internet connection',
+  reconnectingMessage: 'Reconnecting…',
+  restoredMessage: 'Back online',
+  reconnectingDelayMs: 3000,
+  restoredDurationMs: 2500
+};
+
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+function useConnectionStatusToasts(isOnline, {
+  offlineMessage = DEFAULTS.offlineMessage,
+  reconnectingMessage = DEFAULTS.reconnectingMessage,
+  restoredMessage = DEFAULTS.restoredMessage,
+  reconnectingDelayMs = DEFAULTS.reconnectingDelayMs,
+  restoredDurationMs = DEFAULTS.restoredDurationMs
+} = {}) {
+  // Whether an outage toast is currently up, so coming back online only
+  // announces itself to someone who saw the outage.
+  const wasOffline = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (isOnline === null) return undefined;
+    if (!isOnline) {
+      wasOffline.current = true;
+      // Persistent: an outage ends when the network says so, not on a timer.
+      _index.toast.error(offlineMessage, {
+        id: TOAST_ID,
+        duration: Infinity,
+        dismissible: false
+      });
+      const escalate = setTimeout(() => {
+        _index.toast.warning(reconnectingMessage, {
+          id: TOAST_ID,
+          duration: Infinity,
+          dismissible: false
+        });
+      }, reconnectingDelayMs);
+      return () => clearTimeout(escalate);
+    }
+    if (wasOffline.current) {
+      wasOffline.current = false;
+      _index.toast.success(restoredMessage, {
+        id: TOAST_ID,
+        duration: restoredDurationMs
+      });
+    }
+    return undefined;
+  }, [isOnline, offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs]);
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/connection-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","TOAST_ID","DEFAULTS","offlineMessage","reconnectingMessage","restoredMessage","reconnectingDelayMs","restoredDurationMs","useConnectionStatusToasts","isOnline","wasOffline","useRef","useEffect","undefined","current","toast","error","id","duration","Infinity","dismissible","escalate","setTimeout","warning","clearTimeout","success"],"sourceRoot":"../../../src","sources":["connection-status/shared.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA,MAAME,QAAQ,GAAG,yBAAyB;AAe1C,MAAMC,QAAQ,GAAG;EACfC,cAAc,EAAE,wBAAwB;EACxCC,mBAAmB,EAAE,eAAe;EACpCC,eAAe,EAAE,aAAa;EAC9BC,mBAAmB,EAAE,IAAI;EACzBC,kBAAkB,EAAE;AACtB,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,yBAAyBA,CACvCC,QAAwB,EACxB;EACEN,cAAc,GAAGD,QAAQ,CAACC,cAAc;EACxCC,mBAAmB,GAAGF,QAAQ,CAACE,mBAAmB;EAClDC,eAAe,GAAGH,QAAQ,CAACG,eAAe;EAC1CC,mBAAmB,GAAGJ,QAAQ,CAACI,mBAAmB;EAClDC,kBAAkB,GAAGL,QAAQ,CAACK;AACH,CAAC,GAAG,CAAC,CAAC,EAC7B;EACN;EACA;EACA,MAAMG,UAAU,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEhC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIH,QAAQ,KAAK,IAAI,EAAE,OAAOI,SAAS;IAEvC,IAAI,CAACJ,QAAQ,EAAE;MACbC,UAAU,CAACI,OAAO,GAAG,IAAI;MACzB;MACAC,YAAK,CAACC,KAAK,CAACb,cAAc,EAAE;QAAEc,EAAE,EAAEhB,QAAQ;QAAEiB,QAAQ,EAAEC,QAAQ;QAAEC,WAAW,EAAE;MAAM,CAAC,CAAC;MACrF,MAAMC,QAAQ,GAAGC,UAAU,CAAC,MAAM;QAChCP,YAAK,CAACQ,OAAO,CAACnB,mBAAmB,EAAE;UACjCa,EAAE,EAAEhB,QAAQ;UACZiB,QAAQ,EAAEC,QAAQ;UAClBC,WAAW,EAAE;QACf,CAAC,CAAC;MACJ,CAAC,EAAEd,mBAAmB,CAAC;MACvB,OAAO,MAAMkB,YAAY,CAACH,QAAQ,CAAC;IACrC;IAEA,IAAIX,UAAU,CAACI,OAAO,EAAE;MACtBJ,UAAU,CAACI,OAAO,GAAG,KAAK;MAC1BC,YAAK,CAACU,OAAO,CAACpB,eAAe,EAAE;QAAEY,EAAE,EAAEhB,QAAQ;QAAEiB,QAAQ,EAAEX;MAAmB,CAAC,CAAC;IAChF;IACA,OAAOM,SAAS;EAClB,CAAC,EAAE,CACDJ,QAAQ,EACRN,cAAc,EACdC,mBAAmB,EACnBC,eAAe,EACfC,mBAAmB,EACnBC,kBAAkB,CACnB,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/toast/Positioner.js

@@ -25,8 +25,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * universal: `ToastHost` supplies a viewport-sized containing block on web, so
  * there is no `.web` fork and no `position: 'fixed'` here (W7).
  *
- * `pointerEvents` goes in `style`, never as a prop — the prop form is deprecated
- * in react-native-web and logs on every render.
+ * `pointerEvents` goes on the PROP, never in `style`: react-native-web resolves
+ * the RN-only `box-none` value only from the prop path, so as a style entry it
+ * is silently dropped and this full-host container inherits `auto` — a
+ * transparent sheet over the whole app that swallows every tap for as long as a
+ * toast is up. RNW logs a deprecation notice for the prop once per session;
+ * that is the cheaper of the two.
  */
 
 /**
@@ -99,15 +103,14 @@ const Positioner = ({
       style: [(0, _positionerUtils.getContainerStyle)(), androidElevationStyle,
       // Overrides ONE edge of the four `getContainerStyle` pins, so the box
       // keeps a real height and the rows inside it stay in bounds.
-      insetValues,
+      insetValues, style]
       // This container spans the whole host, so it must never swallow a touch.
       // `box-none` passes presses through to the app while still reaching the
       // rows; an EMPTY one on Android drops to `none` outright, because the
       // outlet's configured position always renders a container even with no
       // rows in it (see `Toaster`'s grouping).
-      {
-        pointerEvents: _reactNative.Platform.OS === 'android' && !hasChildren ? 'none' : 'box-none'
-      }, style],
+      ,
+      pointerEvents: _reactNative.Platform.OS === 'android' && !hasChildren ? 'none' : 'box-none',
       children: children
     })]
   });

package/lib/commonjs/toast/Positioner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_context","_positionerUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FALLBACK_INSETS","initialWindowMetrics","insets","top","bottom","left","right","ANDROID_ELEVATION","androidElevationStyle","Platform","OS","elevation","Positioner","children","position","style","offset","gap","visibleToasts","useToastContext","isExpanded","collapse","toastHeights","useDynamicToastContext","useContext","SafeAreaInsetsContext","resolvedPosition","insetValues","getInsetValues","safeAreaInsets","handleOutsidePress","useCallback","shouldAllowCollapse","hasChildren","Children","count","jsxs","Fragment","jsx","Pressable","calculateOutsidePressableArea","onPress","View","getContainerStyle","pointerEvents","exports","displayName"],"sourceRoot":"../../../src","sources":["toast/Positioner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_context","_positionerUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FALLBACK_INSETS","initialWindowMetrics","insets","top","bottom","left","right","ANDROID_ELEVATION","androidElevationStyle","Platform","OS","elevation","Positioner","children","position","style","offset","gap","visibleToasts","useToastContext","isExpanded","collapse","toastHeights","useDynamicToastContext","useContext","SafeAreaInsetsContext","resolvedPosition","insetValues","getInsetValues","safeAreaInsets","handleOutsidePress","useCallback","shouldAllowCollapse","hasChildren","Children","count","jsxs","Fragment","jsx","Pressable","calculateOutsidePressableArea","onPress","View","getContainerStyle","pointerEvents","exports","displayName"],"sourceRoot":"../../../src","sources":["toast/Positioner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/toast/ToastHost.js

@@ -50,6 +50,7 @@ function ToastHost({
   (0, _jsxRuntime.jsx)(_index.OverlayRoot, {
     style: styles.host,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
+      pointerEvents: "box-none",
       style: _reactNative.StyleSheet.absoluteFill,
       children: children
     })

package/lib/commonjs/toast/ToastHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_index","_indexWeb","_webViewStyle","_zIndex","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToastHost","children","ToasterOverlayWrapper","content","jsx","OverlayRoot","style","styles","host","GestureHandlerRootView","StyleSheet","absoluteFill","Portal","displayName","create","position","WEB_POSITION_FIXED","top","left","right","bottom","zIndex","Z_INDEX","toast"],"sourceRoot":"../../../src","sources":["toast/ToastHost.tsx"],"mappings":";;;;;;AAwBA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA4C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA/B5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,SAASkB,SAASA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,EAAE;EAC7E,MAAMC,OAAO;EAAA;EACX;EACA;EACA;EACA,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,MAAA,CAAA6B,WAAW;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAP,QAAA,eAC9B,IAAArB,WAAA,CAAAwB,GAAA,EAAC7B,0BAAA,CAAAkC,sBAAsB;MAACH,KAAK,EAAEI,uBAAU,CAACC,YAAa;MAAAV,QAAA,EACpDA;IAAQ,CACa;EAAC,CACd,CACd;EAED,oBACE,IAAArB,WAAA,CAAAwB,GAAA,EAAC3B,SAAA,CAAAmC,MAAM;IAAAX,QAAA,EACJC,qBAAqB,gBACpB,IAAAtB,WAAA,CAAAwB,GAAA,EAACF,qBAAqB;MAAAD,QAAA,EAAEE;IAAO,CAAwB,CAAC,GAExDA;EACD,CACK,CAAC;AAEb;AAEAH,SAAS,CAACa,WAAW,GAAG,WAAW;AAEnC,MAAMN,MAAM,GAAGG,uBAAU,CAACI,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJ;IACAO,QAAQ,EAAEC,gCAAkB;IAC5BC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT;IACA;IACAC,MAAM,EAAEC,eAAO,CAACC;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_index","_indexWeb","_webViewStyle","_zIndex","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToastHost","children","ToasterOverlayWrapper","content","jsx","OverlayRoot","style","styles","host","GestureHandlerRootView","pointerEvents","StyleSheet","absoluteFill","Portal","displayName","create","position","WEB_POSITION_FIXED","top","left","right","bottom","zIndex","Z_INDEX","toast"],"sourceRoot":"../../../src","sources":["toast/ToastHost.tsx"],"mappings":";;;;;;AAwBA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA4C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA/B5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,SAASkB,SAASA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,EAAE;EAC7E,MAAMC,OAAO;EAAA;EACX;EACA;EACA;EACA,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,MAAA,CAAA6B,WAAW;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAP,QAAA,eAI9B,IAAArB,WAAA,CAAAwB,GAAA,EAAC7B,0BAAA,CAAAkC,sBAAsB;MAACC,aAAa,EAAC,UAAU;MAACJ,KAAK,EAAEK,uBAAU,CAACC,YAAa;MAAAX,QAAA,EAC7EA;IAAQ,CACa;EAAC,CACd,CACd;EAED,oBACE,IAAArB,WAAA,CAAAwB,GAAA,EAAC3B,SAAA,CAAAoC,MAAM;IAAAZ,QAAA,EACJC,qBAAqB,gBACpB,IAAAtB,WAAA,CAAAwB,GAAA,EAACF,qBAAqB;MAAAD,QAAA,EAAEE;IAAO,CAAwB,CAAC,GAExDA;EACD,CACK,CAAC;AAEb;AAEAH,SAAS,CAACc,WAAW,GAAG,WAAW;AAEnC,MAAMP,MAAM,GAAGI,uBAAU,CAACI,MAAM,CAAC;EAC/BP,IAAI,EAAE;IACJ;IACAQ,QAAQ,EAAEC,gCAAkB;IAC5BC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT;IACA;IACAC,MAAM,EAAEC,eAAO,CAACC;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/connection-status/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+/**
+ * Connection loss as a toast, not a layout-shifting banner.
+ *
+ * Every Oxy app needs this and none of them should hand-roll it: a coloured bar
+ * sliding in above the header pushes the whole screen down, has to be themed
+ * again in each app, and competes with the app's own chrome. The toast host is
+ * already mounted, already themed, already stacks.
+ *
+ * NATIVE variant: `@react-native-community/netinfo` (an Expo-managed dependency
+ * every Oxy app already ships) reports both link state and reachability. The
+ * web fork uses `navigator.onLine` instead so Vite/SPA consumers need no extra
+ * dependency at all.
+ */
+import { useEffect, useState } from 'react';
+import NetInfo from '@react-native-community/netinfo';
+import { useConnectionStatusToasts } from "./shared.js";
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = useState(null);
+  useEffect(() => {
+    // `isInternetReachable` is null until the first probe resolves; treat that
+    // as "connected as far as we know" so a captive-portal check never flashes
+    // an outage on launch.
+    return NetInfo.addEventListener(state => {
+      setIsOnline(Boolean(state.isConnected && state.isInternetReachable !== false));
+    });
+  }, []);
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.js.map

package/lib/module/connection-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","NetInfo","useConnectionStatusToasts","ConnectionStatusToasts","props","isOnline","setIsOnline","addEventListener","state","Boolean","isConnected","isInternetReachable","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,iCAAiC;AAErD,SAASC,yBAAyB,QAA0C,aAAU;AAItF;AACA,OAAO,SAASC,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGN,QAAQ,CAAiB,IAAI,CAAC;EAE9DD,SAAS,CAAC,MAAM;IACd;IACA;IACA;IACA,OAAOE,OAAO,CAACM,gBAAgB,CAAEC,KAAK,IAAK;MACzCF,WAAW,CAACG,OAAO,CAACD,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACG,mBAAmB,KAAK,KAAK,CAAC,CAAC;IAChF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAENT,yBAAyB,CAACG,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACS,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/module/connection-status/index.web.js

@@ -0,0 +1,31 @@
+"use strict";
+
+/**
+ * Web variant — see `./index.tsx` for what this is and why it is a toast.
+ *
+ * `navigator.onLine` + the `online`/`offline` events are the browser's own
+ * signal, so a Vite/SPA consumer needs no native dependency to get the same
+ * behaviour. (The browser only knows about the link, not reachability; that is
+ * the honest limit of what a web app can detect without polling.)
+ */
+import { useEffect, useState } from 'react';
+import { useConnectionStatusToasts } from "./shared.js";
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = useState(null);
+  useEffect(() => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') return undefined;
+    setIsOnline(navigator.onLine);
+    const update = () => setIsOnline(navigator.onLine);
+    window.addEventListener('online', update);
+    window.addEventListener('offline', update);
+    return () => {
+      window.removeEventListener('online', update);
+      window.removeEventListener('offline', update);
+    };
+  }, []);
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.web.js.map

package/lib/module/connection-status/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useConnectionStatusToasts","ConnectionStatusToasts","props","isOnline","setIsOnline","navigator","window","undefined","onLine","update","addEventListener","removeEventListener","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,SAASC,yBAAyB,QAA0C,aAAU;AAItF;AACA,OAAO,SAASC,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGL,QAAQ,CAAiB,IAAI,CAAC;EAE9DD,SAAS,CAAC,MAAM;IACd,IAAI,OAAOO,SAAS,KAAK,WAAW,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAOC,SAAS;IAEvFH,WAAW,CAACC,SAAS,CAACG,MAAM,CAAC;IAC7B,MAAMC,MAAM,GAAGA,CAAA,KAAML,WAAW,CAACC,SAAS,CAACG,MAAM,CAAC;IAClDF,MAAM,CAACI,gBAAgB,CAAC,QAAQ,EAAED,MAAM,CAAC;IACzCH,MAAM,CAACI,gBAAgB,CAAC,SAAS,EAAED,MAAM,CAAC;IAC1C,OAAO,MAAM;MACXH,MAAM,CAACK,mBAAmB,CAAC,QAAQ,EAAEF,MAAM,CAAC;MAC5CH,MAAM,CAACK,mBAAmB,CAAC,SAAS,EAAEF,MAAM,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAENT,yBAAyB,CAACG,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACW,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/module/connection-status/shared.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { toast } from "../toast/index.js";
+
+/** One id for the whole lifecycle, so the toast updates in place. */
+const TOAST_ID = 'bloom-connection-status';
+const DEFAULTS = {
+  offlineMessage: 'No internet connection',
+  reconnectingMessage: 'Reconnecting…',
+  restoredMessage: 'Back online',
+  reconnectingDelayMs: 3000,
+  restoredDurationMs: 2500
+};
+
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export function useConnectionStatusToasts(isOnline, {
+  offlineMessage = DEFAULTS.offlineMessage,
+  reconnectingMessage = DEFAULTS.reconnectingMessage,
+  restoredMessage = DEFAULTS.restoredMessage,
+  reconnectingDelayMs = DEFAULTS.reconnectingDelayMs,
+  restoredDurationMs = DEFAULTS.restoredDurationMs
+} = {}) {
+  // Whether an outage toast is currently up, so coming back online only
+  // announces itself to someone who saw the outage.
+  const wasOffline = useRef(false);
+  useEffect(() => {
+    if (isOnline === null) return undefined;
+    if (!isOnline) {
+      wasOffline.current = true;
+      // Persistent: an outage ends when the network says so, not on a timer.
+      toast.error(offlineMessage, {
+        id: TOAST_ID,
+        duration: Infinity,
+        dismissible: false
+      });
+      const escalate = setTimeout(() => {
+        toast.warning(reconnectingMessage, {
+          id: TOAST_ID,
+          duration: Infinity,
+          dismissible: false
+        });
+      }, reconnectingDelayMs);
+      return () => clearTimeout(escalate);
+    }
+    if (wasOffline.current) {
+      wasOffline.current = false;
+      toast.success(restoredMessage, {
+        id: TOAST_ID,
+        duration: restoredDurationMs
+      });
+    }
+    return undefined;
+  }, [isOnline, offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs]);
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/connection-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","toast","TOAST_ID","DEFAULTS","offlineMessage","reconnectingMessage","restoredMessage","reconnectingDelayMs","restoredDurationMs","useConnectionStatusToasts","isOnline","wasOffline","undefined","current","error","id","duration","Infinity","dismissible","escalate","setTimeout","warning","clearTimeout","success"],"sourceRoot":"../../../src","sources":["connection-status/shared.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,SAASC,KAAK,QAAQ,mBAAU;;AAEhC;AACA,MAAMC,QAAQ,GAAG,yBAAyB;AAe1C,MAAMC,QAAQ,GAAG;EACfC,cAAc,EAAE,wBAAwB;EACxCC,mBAAmB,EAAE,eAAe;EACpCC,eAAe,EAAE,aAAa;EAC9BC,mBAAmB,EAAE,IAAI;EACzBC,kBAAkB,EAAE;AACtB,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CACvCC,QAAwB,EACxB;EACEN,cAAc,GAAGD,QAAQ,CAACC,cAAc;EACxCC,mBAAmB,GAAGF,QAAQ,CAACE,mBAAmB;EAClDC,eAAe,GAAGH,QAAQ,CAACG,eAAe;EAC1CC,mBAAmB,GAAGJ,QAAQ,CAACI,mBAAmB;EAClDC,kBAAkB,GAAGL,QAAQ,CAACK;AACH,CAAC,GAAG,CAAC,CAAC,EAC7B;EACN;EACA;EACA,MAAMG,UAAU,GAAGX,MAAM,CAAC,KAAK,CAAC;EAEhCD,SAAS,CAAC,MAAM;IACd,IAAIW,QAAQ,KAAK,IAAI,EAAE,OAAOE,SAAS;IAEvC,IAAI,CAACF,QAAQ,EAAE;MACbC,UAAU,CAACE,OAAO,GAAG,IAAI;MACzB;MACAZ,KAAK,CAACa,KAAK,CAACV,cAAc,EAAE;QAAEW,EAAE,EAAEb,QAAQ;QAAEc,QAAQ,EAAEC,QAAQ;QAAEC,WAAW,EAAE;MAAM,CAAC,CAAC;MACrF,MAAMC,QAAQ,GAAGC,UAAU,CAAC,MAAM;QAChCnB,KAAK,CAACoB,OAAO,CAAChB,mBAAmB,EAAE;UACjCU,EAAE,EAAEb,QAAQ;UACZc,QAAQ,EAAEC,QAAQ;UAClBC,WAAW,EAAE;QACf,CAAC,CAAC;MACJ,CAAC,EAAEX,mBAAmB,CAAC;MACvB,OAAO,MAAMe,YAAY,CAACH,QAAQ,CAAC;IACrC;IAEA,IAAIR,UAAU,CAACE,OAAO,EAAE;MACtBF,UAAU,CAACE,OAAO,GAAG,KAAK;MAC1BZ,KAAK,CAACsB,OAAO,CAACjB,eAAe,EAAE;QAAES,EAAE,EAAEb,QAAQ;QAAEc,QAAQ,EAAER;MAAmB,CAAC,CAAC;IAChF;IACA,OAAOI,SAAS;EAClB,CAAC,EAAE,CACDF,QAAQ,EACRN,cAAc,EACdC,mBAAmB,EACnBC,eAAe,EACfC,mBAAmB,EACnBC,kBAAkB,CACnB,CAAC;AACJ","ignoreList":[]}

package/lib/module/toast/Positioner.js

@@ -14,8 +14,12 @@
  * universal: `ToastHost` supplies a viewport-sized containing block on web, so
  * there is no `.web` fork and no `position: 'fixed'` here (W7).
  *
- * `pointerEvents` goes in `style`, never as a prop — the prop form is deprecated
- * in react-native-web and logs on every render.
+ * `pointerEvents` goes on the PROP, never in `style`: react-native-web resolves
+ * the RN-only `box-none` value only from the prop path, so as a style entry it
+ * is silently dropped and this full-host container inherits `auto` — a
+ * transparent sheet over the whole app that swallows every tap for as long as a
+ * toast is up. RNW logs a deprecation notice for the prop once per session;
+ * that is the cheaper of the two.
  */
 import * as React from 'react';
 import { Platform, Pressable, View } from 'react-native';
@@ -93,15 +97,14 @@ export const Positioner = ({
       style: [getContainerStyle(), androidElevationStyle,
       // Overrides ONE edge of the four `getContainerStyle` pins, so the box
       // keeps a real height and the rows inside it stay in bounds.
-      insetValues,
+      insetValues, style]
       // This container spans the whole host, so it must never swallow a touch.
       // `box-none` passes presses through to the app while still reaching the
       // rows; an EMPTY one on Android drops to `none` outright, because the
       // outlet's configured position always renders a container even with no
       // rows in it (see `Toaster`'s grouping).
-      {
-        pointerEvents: Platform.OS === 'android' && !hasChildren ? 'none' : 'box-none'
-      }, style],
+      ,
+      pointerEvents: Platform.OS === 'android' && !hasChildren ? 'none' : 'box-none',
       children: children
     })]
   });

package/lib/module/toast/Positioner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Pressable","View","SafeAreaInsetsContext","initialWindowMetrics","useDynamicToastContext","useToastContext","calculateOutsidePressableArea","getContainerStyle","getInsetValues","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FALLBACK_INSETS","insets","top","bottom","left","right","ANDROID_ELEVATION","androidElevationStyle","OS","elevation","Positioner","children","position","style","offset","gap","visibleToasts","isExpanded","collapse","toastHeights","useContext","resolvedPosition","insetValues","safeAreaInsets","handleOutsidePress","useCallback","shouldAllowCollapse","hasChildren","Children","count","onPress","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["toast/Positioner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","Pressable","View","SafeAreaInsetsContext","initialWindowMetrics","useDynamicToastContext","useToastContext","calculateOutsidePressableArea","getContainerStyle","getInsetValues","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FALLBACK_INSETS","insets","top","bottom","left","right","ANDROID_ELEVATION","androidElevationStyle","OS","elevation","Positioner","children","position","style","offset","gap","visibleToasts","isExpanded","collapse","toastHeights","useContext","resolvedPosition","insetValues","safeAreaInsets","handleOutsidePress","useCallback","shouldAllowCollapse","hasChildren","Children","count","onPress","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["toast/Positioner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/toast/ToastHost.js

@@ -44,6 +44,7 @@ export function ToastHost({
   _jsx(OverlayRoot, {
     style: styles.host,
     children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
+      pointerEvents: "box-none",
       style: StyleSheet.absoluteFill,
       children: children
     })

package/lib/module/toast/ToastHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","GestureHandlerRootView","OverlayRoot","Portal","WEB_POSITION_FIXED","Z_INDEX","jsx","_jsx","ToastHost","children","ToasterOverlayWrapper","content","style","styles","host","absoluteFill","displayName","create","position","top","left","right","bottom","zIndex","toast"],"sourceRoot":"../../../src","sources":["toast/ToastHost.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,SAASC,WAAW,QAAQ,qBAAY;AACxC,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,OAAO,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,EAAE;EAC7E,MAAMC,OAAO;EAAA;EACX;EACA;EACA;EACAJ,IAAA,CAACL,WAAW;IAACU,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAL,QAAA,eAC9BF,IAAA,CAACN,sBAAsB;MAACW,KAAK,EAAEZ,UAAU,CAACe,YAAa;MAAAN,QAAA,EACpDA;IAAQ,CACa;EAAC,CACd,CACd;EAED,oBACEF,IAAA,CAACJ,MAAM;IAAAM,QAAA,EACJC,qBAAqB,gBACpBH,IAAA,CAACG,qBAAqB;MAAAD,QAAA,EAAEE;IAAO,CAAwB,CAAC,GAExDA;EACD,CACK,CAAC;AAEb;AAEAH,SAAS,CAACQ,WAAW,GAAG,WAAW;AAEnC,MAAMH,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJ;IACAI,QAAQ,EAAEd,kBAAkB;IAC5Be,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT;IACA;IACAC,MAAM,EAAElB,OAAO,CAACmB;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","GestureHandlerRootView","OverlayRoot","Portal","WEB_POSITION_FIXED","Z_INDEX","jsx","_jsx","ToastHost","children","ToasterOverlayWrapper","content","style","styles","host","pointerEvents","absoluteFill","displayName","create","position","top","left","right","bottom","zIndex","toast"],"sourceRoot":"../../../src","sources":["toast/ToastHost.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,SAASC,WAAW,QAAQ,qBAAY;AACxC,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,OAAO,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,EAAE;EAC7E,MAAMC,OAAO;EAAA;EACX;EACA;EACA;EACAJ,IAAA,CAACL,WAAW;IAACU,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAL,QAAA,eAI9BF,IAAA,CAACN,sBAAsB;MAACc,aAAa,EAAC,UAAU;MAACH,KAAK,EAAEZ,UAAU,CAACgB,YAAa;MAAAP,QAAA,EAC7EA;IAAQ,CACa;EAAC,CACd,CACd;EAED,oBACEF,IAAA,CAACJ,MAAM;IAAAM,QAAA,EACJC,qBAAqB,gBACpBH,IAAA,CAACG,qBAAqB;MAAAD,QAAA,EAAEE;IAAO,CAAwB,CAAC,GAExDA;EACD,CACK,CAAC;AAEb;AAEAH,SAAS,CAACS,WAAW,GAAG,WAAW;AAEnC,MAAMJ,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJ;IACAK,QAAQ,EAAEf,kBAAkB;IAC5BgB,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT;IACA;IACAC,MAAM,EAAEnB,OAAO,CAACoB;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/commonjs/connection-status/index.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/connection-status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAcpF;yBAde,sBAAsB"}

package/lib/typescript/commonjs/connection-status/index.web.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/connection-status/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.web.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAkBpF;yBAlBe,sBAAsB"}

package/lib/typescript/commonjs/connection-status/shared.d.ts

@@ -0,0 +1,24 @@
+export interface ConnectionStatusToastsProps {
+    /** Shown as soon as the device reports no connection. */
+    offlineMessage?: string;
+    /** Replaces `offlineMessage` once the outage has lasted `reconnectingDelayMs`. */
+    reconnectingMessage?: string;
+    /** Shown briefly when the connection comes back. */
+    restoredMessage?: string;
+    /** How long an outage must last before it reads as "reconnecting". */
+    reconnectingDelayMs?: number;
+    /** How long the restored toast stays up. */
+    restoredDurationMs?: number;
+}
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export declare function useConnectionStatusToasts(isOnline: boolean | null, { offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs, }?: ConnectionStatusToastsProps): void;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/connection-status/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/shared.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,OAAO,GAAG,IAAI,EACxB,EACE,cAAwC,EACxC,mBAAkD,EAClD,eAA0C,EAC1C,mBAAkD,EAClD,kBAAgD,GACjD,GAAE,2BAAgC,GAClC,IAAI,CAmCN"}

package/lib/typescript/commonjs/toast/Positioner.d.ts

@@ -12,8 +12,12 @@
  * universal: `ToastHost` supplies a viewport-sized containing block on web, so
  * there is no `.web` fork and no `position: 'fixed'` here (W7).
  *
- * `pointerEvents` goes in `style`, never as a prop — the prop form is deprecated
- * in react-native-web and logs on every render.
+ * `pointerEvents` goes on the PROP, never in `style`: react-native-web resolves
+ * the RN-only `box-none` value only from the prop path, so as a style entry it
+ * is silently dropped and this full-host container inherits `auto` — a
+ * transparent sheet over the whole app that swallows every tap for as long as a
+ * toast is up. RNW logs a deprecation notice for the prop once per session;
+ * that is the cheaper of the two.
  */
 import * as React from 'react';
 import type { ToasterProps } from './types';

package/lib/typescript/commonjs/toast/Positioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../../src/toast/Positioner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CA+DlE,CAAC"}
+{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../../src/toast/Positioner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CA4DlE,CAAC"}

package/lib/typescript/commonjs/toast/ToastHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastHost.d.ts","sourceRoot":"","sources":["../../../../src/toast/ToastHost.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAAE,cAAc,2CAqB5E;yBArBe,SAAS"}
+{"version":3,"file":"ToastHost.d.ts","sourceRoot":"","sources":["../../../../src/toast/ToastHost.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAAE,cAAc,2CAwB5E;yBAxBe,SAAS"}

package/lib/typescript/module/connection-status/index.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/connection-status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAcpF;yBAde,sBAAsB"}

package/lib/typescript/module/connection-status/index.web.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/connection-status/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.web.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAkBpF;yBAlBe,sBAAsB"}

package/lib/typescript/module/connection-status/shared.d.ts

@@ -0,0 +1,24 @@
+export interface ConnectionStatusToastsProps {
+    /** Shown as soon as the device reports no connection. */
+    offlineMessage?: string;
+    /** Replaces `offlineMessage` once the outage has lasted `reconnectingDelayMs`. */
+    reconnectingMessage?: string;
+    /** Shown briefly when the connection comes back. */
+    restoredMessage?: string;
+    /** How long an outage must last before it reads as "reconnecting". */
+    reconnectingDelayMs?: number;
+    /** How long the restored toast stays up. */
+    restoredDurationMs?: number;
+}
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export declare function useConnectionStatusToasts(isOnline: boolean | null, { offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs, }?: ConnectionStatusToastsProps): void;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/connection-status/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/shared.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,OAAO,GAAG,IAAI,EACxB,EACE,cAAwC,EACxC,mBAAkD,EAClD,eAA0C,EAC1C,mBAAkD,EAClD,kBAAgD,GACjD,GAAE,2BAAgC,GAClC,IAAI,CAmCN"}

package/lib/typescript/module/toast/Positioner.d.ts

@@ -12,8 +12,12 @@
  * universal: `ToastHost` supplies a viewport-sized containing block on web, so
  * there is no `.web` fork and no `position: 'fixed'` here (W7).
  *
- * `pointerEvents` goes in `style`, never as a prop — the prop form is deprecated
- * in react-native-web and logs on every render.
+ * `pointerEvents` goes on the PROP, never in `style`: react-native-web resolves
+ * the RN-only `box-none` value only from the prop path, so as a style entry it
+ * is silently dropped and this full-host container inherits `auto` — a
+ * transparent sheet over the whole app that swallows every tap for as long as a
+ * toast is up. RNW logs a deprecation notice for the prop once per session;
+ * that is the cheaper of the two.
  */
 import * as React from 'react';
 import type { ToasterProps } from './types';

package/lib/typescript/module/toast/Positioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../../src/toast/Positioner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CA+DlE,CAAC"}
+{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../../src/toast/Positioner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CA4DlE,CAAC"}

package/lib/typescript/module/toast/ToastHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastHost.d.ts","sourceRoot":"","sources":["../../../../src/toast/ToastHost.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAAE,cAAc,2CAqB5E;yBArBe,SAAS"}
+{"version":3,"file":"ToastHost.d.ts","sourceRoot":"","sources":["../../../../src/toast/ToastHost.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAAE,cAAc,2CAwB5E;yBAxBe,SAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.64.0",
+  "version": "0.66.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -148,6 +148,22 @@
         "default": "./lib/commonjs/portal/index.js"
       }
     },
+    "./connection-status": {
+      "react-native": "./src/connection-status/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/connection-status/index.web.d.ts",
+        "import": "./lib/module/connection-status/index.web.js",
+        "require": "./lib/commonjs/connection-status/index.web.js"
+      },
+      "import": {
+        "types": "./lib/typescript/module/connection-status/index.d.ts",
+        "default": "./lib/module/connection-status/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/connection-status/index.d.ts",
+        "default": "./lib/commonjs/connection-status/index.js"
+      }
+    },
     "./overlay": {
       "react-native": "./src/overlay/index.tsx",
       "import": {
@@ -1210,7 +1226,8 @@
     "storybook": "^10",
     "ts-jest": "^29.4.6",
     "typescript": "~5.9.2",
-    "vite": "^7"
+    "vite": "^7",
+    "@react-native-community/netinfo": "^12.0.1"
   },
   "peerDependencies": {
     "expo": "*",
@@ -1229,7 +1246,8 @@
     "react-native-safe-area-context": ">=5.0.0",
     "react-native-screens": ">=3.16.0",
     "react-native-svg": ">=13.0.0",
-    "nativewind": ">=5.0.0"
+    "nativewind": ">=5.0.0",
+    "@react-native-community/netinfo": ""
   },
   "peerDependenciesMeta": {
     "expo": {
@@ -1249,6 +1267,9 @@
     },
     "nativewind": {
       "optional": true
+    },
+    "@react-native-community/netinfo": {
+      "optional": true
     }
   },
   "react-native-builder-bob": {

package/src/__tests__/ToastHostWebFork.test.ts

@@ -116,10 +116,16 @@ describe('ToastHost platform split', () => {
     expect(driver).not.toMatch(/useDerivedValue/);
   });
 
-  it('Positioner passes pointerEvents through style, not as a prop', () => {
+  // This assertion used to demand the exact opposite, and it is what kept the
+  // bug alive: `box-none` is an RN-only value that react-native-web resolves
+  // ONLY from the prop (`createDOMProps` maps it to a class pair). As a style
+  // entry it is dropped, so this full-host container inherited `auto` and sat
+  // over the whole app as an invisible click-eater for as long as a toast was
+  // up. The prop form logs an RNW deprecation notice once; that is the price.
+  it('Positioner passes the RN-only pointerEvents value as a PROP, not a style', () => {
     const positioner = code('toast/Positioner.tsx');
-    expect(positioner).toMatch(/pointerEvents:/);
-    expect(positioner).not.toMatch(/pointerEvents=\{/);
+    expect(positioner).toMatch(/pointerEvents=\{/);
+    expect(positioner).not.toMatch(/pointerEvents:\s*(?:[^,;\n]*\n?){0,6}?['"]box-none['"]/);
   });
 
   it('package.json exports ./toast WITHOUT a browser condition', () => {

package/src/__tests__/overlay-pointer-events.test.tsx

@@ -23,7 +23,10 @@ import { createRoot, type Root } from 'react-dom/client';
 // emits a class and would make every assertion below vacuous.
 jest.mock('react-native', () => jest.requireActual('react-native-web'));
 
+import { View } from 'react-native';
+
 import { Backdrop, OverlayRoot } from '../overlay';
+import { ToastHost } from '../toast/ToastHost';
 
 (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
   true;
@@ -175,6 +178,48 @@ describe('overlay pointer-events contract (web)', () => {
     container.remove();
   });
 
+  // The toast host is the widest surface Bloom mounts: a viewport-sized stack of
+  // containers that is present for as long as ANY toast is up. Every layer in it
+  // must be click-through, or a toast turns the whole app read-only — which is
+  // what shipped, because the positioner passed `box-none` as a style entry.
+  it('every layer of the toast host stays click-through', () => {
+    const { root } = render(
+      createElement(ToastHost, {
+        children: createElement(View, { testID: 'row' }),
+      }),
+    );
+
+    const row = document.querySelector('[data-testid="row"]') as HTMLElement | null;
+    expect(row).not.toBeNull();
+
+    const layers: HTMLElement[] = [];
+    for (let el = row?.parentElement; el && el !== document.body; el = el.parentElement) {
+      layers.push(el);
+    }
+    // Vacuity floor: the host view and the portal root. (The gesture root is
+    // the third layer in a browser; this suite's `react-native-gesture-handler`
+    // mock renders it away, so its own `box-none` is pinned by the source gate
+    // in `pointer-events-style-form.test.ts` instead.) A portal that failed to
+    // mount would leave an empty chain and pass silently.
+    expect(layers.length).toBeGreaterThanOrEqual(2);
+    expect(layers.some((el) => el.id === 'bloom-portal-root')).toBe(true);
+
+    for (const el of layers) {
+      const inline = el.style.pointerEvents;
+      const inert =
+        inline === 'none' ||
+        rulesFor(el.className).some(
+          (r) => /pointer-events:\s*none/.test(r) && !/>\s*\*/.test(r),
+        );
+      expect({ layer: el.className || el.id, inert }).toEqual({
+        layer: el.className || el.id,
+        inert: true,
+      });
+    }
+
+    act(() => root.unmount());
+  });
+
   it('a disabled Backdrop dims without dismissing', () => {
     const onPress = jest.fn();
     const { root, container } = render(

package/src/__tests__/pointer-events-style-form.test.ts

@@ -68,14 +68,26 @@ describe('pointerEvents style-object form', () => {
   });
 
   it('never uses the RN-only values as styles — pass them as the prop', () => {
-    const offenders = files
-      .flatMap((file) =>
-        readFileSync(file, 'utf8')
-          .split('\n')
-          .map((line, i) => ({ file: file.slice(SRC.length + 1), line: i + 1, text: line.trim() }))
-          .filter(({ text }) => BANNED.test(text) && !text.startsWith('*') && !text.startsWith('//')),
-      )
-      .map(({ file, line, text }) => `${file}:${line}  ${text}`);
+    const offenders: string[] = [];
+
+    for (const file of files) {
+      const source = readFileSync(file, 'utf8');
+      // Scan the whole SOURCE, not line by line: the toast positioner hid one
+      // of these behind a multi-line ternary (`pointerEvents:\n  cond ? 'none'
+      // : 'box-none'`) and a per-line regex sailed straight past it, which is
+      // how a full-screen layer went on swallowing every tap under a toast.
+      // Comments first: this file and several components DESCRIBE the banned
+      // form in prose, and a scanner that flags its own documentation is a
+      // scanner nobody keeps.
+      const code = source.replace(/\/\*[\s\S]*?\*\//g, '').replace(/\/\/[^\n]*/g, '');
+      // The value may sit behind a ternary on the next line, so allow a bounded
+      // gap — but never one that crosses into a JSX prop (`pointerEvents=`) or
+      // the next element (`<`), which is what turns this into a false positive.
+      for (const match of code.matchAll(/pointerEvents:(?:(?!pointerEvents=|<)[\s\S]){0,160}?['"](box-none|box-only)['"]/g)) {
+        const line = code.slice(0, match.index).split('\n').length;
+        offenders.push(`${file.slice(SRC.length + 1)}:~${line}  ${match[0].replace(/\s+/g, ' ')}`);
+      }
+    }
 
     expect(offenders).toEqual([]);
   });

package/src/connection-status/index.tsx

@@ -0,0 +1,38 @@
+/**
+ * Connection loss as a toast, not a layout-shifting banner.
+ *
+ * Every Oxy app needs this and none of them should hand-roll it: a coloured bar
+ * sliding in above the header pushes the whole screen down, has to be themed
+ * again in each app, and competes with the app's own chrome. The toast host is
+ * already mounted, already themed, already stacks.
+ *
+ * NATIVE variant: `@react-native-community/netinfo` (an Expo-managed dependency
+ * every Oxy app already ships) reports both link state and reachability. The
+ * web fork uses `navigator.onLine` instead so Vite/SPA consumers need no extra
+ * dependency at all.
+ */
+import { useEffect, useState } from 'react';
+import NetInfo from '@react-native-community/netinfo';
+
+import { useConnectionStatusToasts, type ConnectionStatusToastsProps } from './shared';
+
+export type { ConnectionStatusToastsProps } from './shared';
+
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props: ConnectionStatusToastsProps = {}): null {
+  const [isOnline, setIsOnline] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    // `isInternetReachable` is null until the first probe resolves; treat that
+    // as "connected as far as we know" so a captive-portal check never flashes
+    // an outage on launch.
+    return NetInfo.addEventListener((state) => {
+      setIsOnline(Boolean(state.isConnected && state.isInternetReachable !== false));
+    });
+  }, []);
+
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';

package/src/connection-status/index.web.tsx

@@ -0,0 +1,36 @@
+/**
+ * Web variant — see `./index.tsx` for what this is and why it is a toast.
+ *
+ * `navigator.onLine` + the `online`/`offline` events are the browser's own
+ * signal, so a Vite/SPA consumer needs no native dependency to get the same
+ * behaviour. (The browser only knows about the link, not reachability; that is
+ * the honest limit of what a web app can detect without polling.)
+ */
+import { useEffect, useState } from 'react';
+
+import { useConnectionStatusToasts, type ConnectionStatusToastsProps } from './shared';
+
+export type { ConnectionStatusToastsProps } from './shared';
+
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props: ConnectionStatusToastsProps = {}): null {
+  const [isOnline, setIsOnline] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') return undefined;
+
+    setIsOnline(navigator.onLine);
+    const update = () => setIsOnline(navigator.onLine);
+    window.addEventListener('online', update);
+    window.addEventListener('offline', update);
+    return () => {
+      window.removeEventListener('online', update);
+      window.removeEventListener('offline', update);
+    };
+  }, []);
+
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';

package/src/connection-status/shared.ts

@@ -0,0 +1,83 @@
+import { useEffect, useRef } from 'react';
+
+import { toast } from '../toast';
+
+/** One id for the whole lifecycle, so the toast updates in place. */
+const TOAST_ID = 'bloom-connection-status';
+
+export interface ConnectionStatusToastsProps {
+  /** Shown as soon as the device reports no connection. */
+  offlineMessage?: string;
+  /** Replaces `offlineMessage` once the outage has lasted `reconnectingDelayMs`. */
+  reconnectingMessage?: string;
+  /** Shown briefly when the connection comes back. */
+  restoredMessage?: string;
+  /** How long an outage must last before it reads as "reconnecting". */
+  reconnectingDelayMs?: number;
+  /** How long the restored toast stays up. */
+  restoredDurationMs?: number;
+}
+
+const DEFAULTS = {
+  offlineMessage: 'No internet connection',
+  reconnectingMessage: 'Reconnecting…',
+  restoredMessage: 'Back online',
+  reconnectingDelayMs: 3000,
+  restoredDurationMs: 2500,
+} as const;
+
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export function useConnectionStatusToasts(
+  isOnline: boolean | null,
+  {
+    offlineMessage = DEFAULTS.offlineMessage,
+    reconnectingMessage = DEFAULTS.reconnectingMessage,
+    restoredMessage = DEFAULTS.restoredMessage,
+    reconnectingDelayMs = DEFAULTS.reconnectingDelayMs,
+    restoredDurationMs = DEFAULTS.restoredDurationMs,
+  }: ConnectionStatusToastsProps = {},
+): void {
+  // Whether an outage toast is currently up, so coming back online only
+  // announces itself to someone who saw the outage.
+  const wasOffline = useRef(false);
+
+  useEffect(() => {
+    if (isOnline === null) return undefined;
+
+    if (!isOnline) {
+      wasOffline.current = true;
+      // Persistent: an outage ends when the network says so, not on a timer.
+      toast.error(offlineMessage, { id: TOAST_ID, duration: Infinity, dismissible: false });
+      const escalate = setTimeout(() => {
+        toast.warning(reconnectingMessage, {
+          id: TOAST_ID,
+          duration: Infinity,
+          dismissible: false,
+        });
+      }, reconnectingDelayMs);
+      return () => clearTimeout(escalate);
+    }
+
+    if (wasOffline.current) {
+      wasOffline.current = false;
+      toast.success(restoredMessage, { id: TOAST_ID, duration: restoredDurationMs });
+    }
+    return undefined;
+  }, [
+    isOnline,
+    offlineMessage,
+    reconnectingMessage,
+    restoredMessage,
+    reconnectingDelayMs,
+    restoredDurationMs,
+  ]);
+}

package/src/toast/Positioner.tsx

@@ -12,8 +12,12 @@
  * universal: `ToastHost` supplies a viewport-sized containing block on web, so
  * there is no `.web` fork and no `position: 'fixed'` here (W7).
  *
- * `pointerEvents` goes in `style`, never as a prop — the prop form is deprecated
- * in react-native-web and logs on every render.
+ * `pointerEvents` goes on the PROP, never in `style`: react-native-web resolves
+ * the RN-only `box-none` value only from the prop path, so as a style entry it
+ * is silently dropped and this full-host container inherits `auto` — a
+ * transparent sheet over the whole app that swallows every tap for as long as a
+ * toast is up. RNW logs a deprecation notice for the prop once per session;
+ * that is the cheaper of the two.
  */
 import * as React from 'react';
 import { Platform, Pressable, View } from 'react-native';
@@ -100,17 +104,14 @@ export const Positioner: React.FC<
           // Overrides ONE edge of the four `getContainerStyle` pins, so the box
           // keeps a real height and the rows inside it stay in bounds.
           insetValues,
-          // This container spans the whole host, so it must never swallow a touch.
-          // `box-none` passes presses through to the app while still reaching the
-          // rows; an EMPTY one on Android drops to `none` outright, because the
-          // outlet's configured position always renders a container even with no
-          // rows in it (see `Toaster`'s grouping).
-          {
-            pointerEvents:
-              Platform.OS === 'android' && !hasChildren ? 'none' : 'box-none',
-          },
           style,
         ]}
+        // This container spans the whole host, so it must never swallow a touch.
+        // `box-none` passes presses through to the app while still reaching the
+        // rows; an EMPTY one on Android drops to `none` outright, because the
+        // outlet's configured position always renders a container even with no
+        // rows in it (see `Toaster`'s grouping).
+        pointerEvents={Platform.OS === 'android' && !hasChildren ? 'none' : 'box-none'}
       >
         {children}
       </View>

package/src/toast/ToastHost.tsx

@@ -38,7 +38,10 @@ export function ToastHost({ children, ToasterOverlayWrapper }: ToastHostProps) {
     // entry it never reached the DOM, so the rows inherited the portal root's
     // `pointer-events: none` and no toast could be pressed or swiped away.
     <OverlayRoot style={styles.host}>
-      <GestureHandlerRootView style={StyleSheet.absoluteFill}>
+      {/* Also `box-none`: as the direct child of a box-none root it would
+          otherwise be handed `pointer-events: auto` and, spanning the whole
+          viewport, block the app underneath while a toast is up. */}
+      <GestureHandlerRootView pointerEvents="box-none" style={StyleSheet.absoluteFill}>
         {children}
       </GestureHandlerRootView>
     </OverlayRoot>