@oxyhq/bloom 0.63.0 → 0.65.0

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/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAIL,4BAA4B,EAI7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,2CAab;AAufD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAoBA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAIL,4BAA4B,EAI7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,2CAab;AAsfD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAoBA"}

package/lib/typescript/commonjs/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMvF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAgEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMvF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAuEnB,CAAC"}

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/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAIL,4BAA4B,EAI7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,2CAab;AAufD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAoBA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAIL,4BAA4B,EAI7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,2CAab;AAsfD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAoBA"}

package/lib/typescript/module/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMvF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAgEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMvF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAuEnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.63.0",
+  "version": "0.65.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__/overlay-pointer-events.test.tsx

@@ -28,8 +28,8 @@ import { Backdrop, OverlayRoot } from '../overlay';
 (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
   true;
 
-/** Every `pointer-events` declaration react-native-web injected for `className`. */
-function pointerEventsRulesFor(className: string): string[] {
+/** Every injected rule that targets one of `className`'s classes. */
+function rulesFor(className: string): string[] {
   const classes = className.split(/\s+/).filter(Boolean);
   const out: string[] = [];
   for (const sheet of Array.from(document.styleSheets)) {
@@ -41,7 +41,6 @@ function pointerEventsRulesFor(className: string): string[] {
     }
     for (const rule of Array.from(rules)) {
       const text = rule.cssText ?? '';
-      if (!text.includes('pointer-events')) continue;
       if (classes.some((c) => text.includes(`.${c}`))) out.push(text);
     }
   }
@@ -69,7 +68,7 @@ describe('overlay pointer-events contract (web)', () => {
 
     const el = container.querySelector('[data-testid="root"]');
     expect(el).not.toBeNull();
-    const rules = pointerEventsRulesFor(el?.className ?? '');
+    const rules = rulesFor(el?.className ?? '');
 
     // The two halves of react-native-web's `box-none`: the box itself does not
     // take events (empty gaps stay click-through), direct children do.
@@ -92,7 +91,7 @@ describe('overlay pointer-events contract (web)', () => {
     // Without this the element inherits the portal root's `none` and the press
     // below can never happen in a real browser.
     expect(
-      pointerEventsRulesFor(el?.className ?? '').some((r) =>
+      rulesFor(el?.className ?? '').some((r) =>
         /pointer-events:\s*auto/.test(r),
       ),
     ).toBe(true);
@@ -148,6 +147,34 @@ describe('overlay pointer-events contract (web)', () => {
     container.remove();
   });
 
+  // The other half of the same rule: a background on the press target paints an
+  // opaque sheet UNDER the blur — a second backdrop. Menus and sheets shipped
+  // exactly that (their `styles.backdrop` still carried `#000`) and rendered
+  // solid black while the image viewer, which passed no background, looked
+  // right. A caller's colour is the DIM's colour, so it moves to the layer.
+  it('never paints the press target — a background becomes the dim colour', () => {
+    const { root, container } = render(
+      createElement(Backdrop, {
+        onPress: () => {},
+        testID: 'backdrop',
+        style: { backgroundColor: 'rgb(1, 2, 3)' },
+      }),
+    );
+
+    const el = container.querySelector('[data-testid="backdrop"]') as HTMLElement;
+    const rootBg = el.style.backgroundColor || getComputedStyle(el).backgroundColor;
+    expect(rootBg === '' || rootBg === 'rgba(0, 0, 0, 0)' || rootBg === 'transparent').toBe(true);
+
+    // Where the colour LANDS (the dim layer) is asserted in a browser: the dim
+    // is a reanimated `Animated.View`, which this suite mocks, so it never
+    // reaches the DOM here. What matters and is observable is that the press
+    // target above the blur stays transparent.
+    expect(el.children.length).toBeGreaterThanOrEqual(2);
+
+    act(() => root.unmount());
+    container.remove();
+  });
+
   it('a disabled Backdrop dims without dismissing', () => {
     const onPress = jest.fn();
     const { root, container } = render(

package/src/bottom-sheet/BottomSheetBase.tsx

@@ -844,10 +844,8 @@ BottomSheetBase.displayName = 'BottomSheetBase';
 
 const styles = StyleSheet.create({
     backdrop: {
-        // Color is solid black; the dim level is driven by `backdropOpacity` via
-        // the animated `opacity` style on the wrapping <Animated.View>.
+        // Geometry only: the colour and the dim level belong to `Backdrop`.
         flex: 1,
-        backgroundColor: '#000',
     },
     backdropTouchable: {
         flex: 1,

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/dialog/Dialog.tsx

@@ -587,7 +587,6 @@ const sideStyles = StyleSheet.create({
   },
   backdrop: {
     ...StyleSheet.absoluteFill,
-    backgroundColor: '#000',
   },
   panel: {
     position: 'absolute',

package/src/dialog/Dialog.web.tsx

@@ -851,12 +851,12 @@ const sheetStyles: Record<'root' | 'backdrop' | 'panel', ViewStyle> = {
     bottom: 0,
   },
   backdrop: {
+    // Geometry only: the colour and the dim level belong to `Backdrop`.
     position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
-    backgroundColor: '#000',
   },
   panel: {
     position: 'absolute',

package/src/overlay/index.tsx

@@ -151,11 +151,18 @@ export const Backdrop = memo(function Backdrop({
 }: BackdropProps) {
   const inert = disabled || !onPress;
 
-  // An `opacity` handed in through `style` would sit on the ancestor of the
-  // blur and kill it; hoist it onto the layers instead of honouring it there.
+  // The press target must stay a pure hit box. Two things a caller's `style`
+  // can carry would break the visuals if honoured there:
+  //   - `opacity`, because `backdrop-filter` samples nothing under an ancestor
+  //     that composites in isolation, so the fade would erase the blur;
+  //   - `backgroundColor`, which would paint an opaque sheet UNDER the blur —
+  //     a second backdrop, and the reason menus and sheets rendered solid black
+  //     while the image viewer (which passed no background) looked right.
+  // Both are hoisted onto the layers, where they mean what the caller intended.
   const flat: ViewStyle = StyleSheet.flatten(style) ?? {};
-  const { opacity: styleOpacity, ...rootStyle } = flat;
+  const { opacity: styleOpacity, backgroundColor: styleBackground, ...rootStyle } = flat;
   const staticOpacity = typeof styleOpacity === 'number' ? styleOpacity : 1;
+  const resolvedDimColor = typeof styleBackground === 'string' ? styleBackground : dimColor;
 
   // The fade lives on each LAYER, never on their shared ancestor.
   const blurFade = useAnimatedStyle(
@@ -194,7 +201,7 @@ export const Backdrop = memo(function Backdrop({
       ) : null}
       <Animated.View
         pointerEvents="none"
-        style={[StyleSheet.absoluteFill, { backgroundColor: dimColor }, layerStyle, dimFade]}
+        style={[StyleSheet.absoluteFill, { backgroundColor: resolvedDimColor }, layerStyle, dimFade]}
       />
       {children}
     </Pressable>