@oxyhq/bloom 0.50.2 → 0.51.0

package/lib/module/tab-bar/shared.js

@@ -0,0 +1,132 @@
+"use strict";
+
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * Geometry, motion constants, theme resolution and the contracts for the two
+ * injected platform components. Everything here is platform-neutral — no
+ * expo-glass-effect, expo-symbols, expo-router or react-native-screens — because
+ * this module is pulled into the native bundle, the web bundle and a consumer's
+ * `tsc` alike.
+ */
+import { useMemo } from 'react';
+import { withAlpha } from "../theme/color-utils.js";
+import { useTheme } from "../theme/use-theme.js";
+// ---------------------------------------------------------------------------
+//  Geometry
+//
+//  Every dimension the bar animates is a constant here rather than a measured
+//  layout: the highlight's position, the item box height and the capsule radius
+//  are all derived from these on the UI thread each frame. Measuring instead
+//  would put a layout round-trip between the finger and the pixels.
+// ---------------------------------------------------------------------------
+
+export const EXPANDED_HEIGHT = 58;
+export const MINIMIZED_HEIGHT = 44;
+/** Extra horizontal inset applied to the pill when minimized (per side). */
+export const MINIMIZED_INSET = 34;
+/** Outer margin between the pill and the screen edges (per side). */
+export const BAR_MARGIN = 12;
+/** Inner inset between the capsule wall and the tab items. */
+export const ROW_PAD_H = 4;
+export const LABEL_HEIGHT = 13;
+export const ICON_SIZE = 21;
+/**
+ * Space between icon and label — folded into the label's animated height so it
+ * fully disappears when minimized (keeps the icon perfectly centered).
+ */
+export const ITEM_GAP = 2;
+export const LABEL_BLOCK = LABEL_HEIGHT + ITEM_GAP;
+export const ITEM_PAD_V = 7;
+/** Highlight content heights — radius must track h/2 for a true capsule. */
+export const HIGHLIGHT_EXPANDED = ICON_SIZE + LABEL_BLOCK + ITEM_PAD_V * 2;
+export const HIGHLIGHT_MINIMIZED = ICON_SIZE + ITEM_PAD_V * 2;
+/** How far the bottom progressive blur bleeds above the pill. */
+export const BLUR_BLEED = 44;
+/** Label type size. Small by design — the icon carries the meaning. */
+export const LABEL_FONT_SIZE = 9.5;
+
+/**
+ * Slide spring: interruptible by design — rapid tab-hopping retargets with
+ * preserved velocity. Slight under-damping gives the pill a tiny settle, safe
+ * here because it's transform-only (no layout involved).
+ */
+export const SLIDE_SPRING = {
+  duration: 420,
+  dampingRatio: 0.82
+};
+
+// ---------------------------------------------------------------------------
+//  Theme
+// ---------------------------------------------------------------------------
+
+/**
+ * Resolve the bar's five colors from Bloom's theme tokens, with an optional
+ * partial override on top.
+ *
+ * Upstream hardcoded a dark palette (`#FFFFFF` / `rgba(10,10,12,0.55)` / …),
+ * which would ignore the active preset and read as a black bar in a light
+ * theme. Each role maps onto the token that already carries that meaning, so
+ * the bar follows `BloomThemeProvider` for free:
+ *
+ *   - the two tints are the standard foreground pair;
+ *   - the highlight is `contrast50`, the token meant for a subtle raised fill;
+ *   - the glass tint is a 55%-alpha page background, so the liquid-glass
+ *     material behind it still refracts content;
+ *   - the solid fallback is a 94%-alpha `backgroundSecondary` — near-opaque, so
+ *     the bar reads as a distinct surface where there is no glass to lens.
+ *
+ * Overrides are coalesced key by key (not spread) so an explicit `undefined` in
+ * a partial can never punch a hole in the resolved theme.
+ */
+export function resolveTabBarTheme(colors, overrides) {
+  return {
+    activeTint: overrides?.activeTint ?? colors.text,
+    inactiveTint: overrides?.inactiveTint ?? colors.textSecondary,
+    highlight: overrides?.highlight ?? colors.contrast50,
+    glassTint: overrides?.glassTint ?? withAlpha(colors.background, 0.55),
+    solidFallback: overrides?.solidFallback ?? withAlpha(colors.backgroundSecondary, 0.94)
+  };
+}
+
+/**
+ * Hook form of {@link resolveTabBarTheme}.
+ *
+ * Memoized on the individual override VALUES rather than on the `overrides`
+ * object: callers pass an inline literal (`theme={{ highlight: '#…' }}`), whose
+ * identity changes every render. The resolved theme feeds a React context and a
+ * reanimated dependency array, so a fresh identity per render would re-render
+ * every button and rebuild the label mapper for nothing.
+ */
+export function useTabBarTheme(overrides) {
+  const {
+    colors
+  } = useTheme();
+  const {
+    activeTint,
+    inactiveTint,
+    highlight,
+    glassTint,
+    solidFallback
+  } = overrides ?? {};
+  return useMemo(() => resolveTabBarTheme(colors, {
+    activeTint,
+    inactiveTint,
+    highlight,
+    glassTint,
+    solidFallback
+  }), [colors, activeTint, inactiveTint, highlight, glassTint, solidFallback]);
+}
+
+// ---------------------------------------------------------------------------
+//  Injected platform components
+//
+//  `TabBarBase` is platform-agnostic and receives its two platform-specific
+//  pieces as component props (the same shape as `BottomSheetBase`'s `Shell`).
+//  The three surface variants and the two glyph variants implement these exact
+//  signatures, which is what makes the resolution paths interchangeable:
+//  Metro picks `*.native.tsx`, the `browser` export condition picks the entry
+//  that imports `*.web.tsx`, everything else gets the neutral file.
+// ---------------------------------------------------------------------------
+//# sourceMappingURL=shared.js.map

package/lib/module/tab-bar/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","withAlpha","useTheme","EXPANDED_HEIGHT","MINIMIZED_HEIGHT","MINIMIZED_INSET","BAR_MARGIN","ROW_PAD_H","LABEL_HEIGHT","ICON_SIZE","ITEM_GAP","LABEL_BLOCK","ITEM_PAD_V","HIGHLIGHT_EXPANDED","HIGHLIGHT_MINIMIZED","BLUR_BLEED","LABEL_FONT_SIZE","SLIDE_SPRING","duration","dampingRatio","resolveTabBarTheme","colors","overrides","activeTint","text","inactiveTint","textSecondary","highlight","contrast50","glassTint","background","solidFallback","backgroundSecondary","useTabBarTheme"],"sourceRoot":"../../../src","sources":["tab-bar/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,OAAO;AAI/B,SAASC,SAAS,QAAQ,yBAAsB;AAEhD,SAASC,QAAQ,QAAQ,uBAAoB;AAG7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAClC;AACA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B;AACA,OAAO,MAAMC,SAAS,GAAG,CAAC;AAC1B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,SAAS,GAAG,EAAE;AAC3B;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG,CAAC;AACzB,OAAO,MAAMC,WAAW,GAAGH,YAAY,GAAGE,QAAQ;AAClD,OAAO,MAAME,UAAU,GAAG,CAAC;AAC3B;AACA,OAAO,MAAMC,kBAAkB,GAAGJ,SAAS,GAAGE,WAAW,GAAGC,UAAU,GAAG,CAAC;AAC1E,OAAO,MAAME,mBAAmB,GAAGL,SAAS,GAAGG,UAAU,GAAG,CAAC;AAC7D;AACA,OAAO,MAAMG,UAAU,GAAG,EAAE;AAC5B;AACA,OAAO,MAAMC,eAAe,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAAEC,QAAQ,EAAE,GAAG;EAAEC,YAAY,EAAE;AAAK,CAAC;;AAEjE;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,MAAmB,EACnBC,SAAgC,EACnB;EACb,OAAO;IACLC,UAAU,EAAED,SAAS,EAAEC,UAAU,IAAIF,MAAM,CAACG,IAAI;IAChDC,YAAY,EAAEH,SAAS,EAAEG,YAAY,IAAIJ,MAAM,CAACK,aAAa;IAC7DC,SAAS,EAAEL,SAAS,EAAEK,SAAS,IAAIN,MAAM,CAACO,UAAU;IACpDC,SAAS,EAAEP,SAAS,EAAEO,SAAS,IAAI5B,SAAS,CAACoB,MAAM,CAACS,UAAU,EAAE,IAAI,CAAC;IACrEC,aAAa,EAAET,SAAS,EAAES,aAAa,IAAI9B,SAAS,CAACoB,MAAM,CAACW,mBAAmB,EAAE,IAAI;EACvF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACX,SAAgC,EAAe;EAC5E,MAAM;IAAED;EAAO,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EAC7B,MAAM;IAAEqB,UAAU;IAAEE,YAAY;IAAEE,SAAS;IAAEE,SAAS;IAAEE;EAAc,CAAC,GAAGT,SAAS,IAAI,CAAC,CAAC;EAEzF,OAAOtB,OAAO,CACZ,MACEoB,kBAAkB,CAACC,MAAM,EAAE;IACzBE,UAAU;IACVE,YAAY;IACZE,SAAS;IACTE,SAAS;IACTE;EACF,CAAC,CAAC,EACJ,CAACV,MAAM,EAAEE,UAAU,EAAEE,YAAY,EAAEE,SAAS,EAAEE,SAAS,EAAEE,aAAa,CACxE,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/tab-bar/surface.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * NEUTRAL default variant of the tab bar's capsule surface: a plain animated
+ * view filled with the theme's solid fallback.
+ *
+ * This is the file resolved by everything that does NOT do React Native's
+ * platform-extension resolution — a consumer's `tsc` (which follows Bloom's
+ * `"react-native"` source export condition) and any non-Metro bundler reading
+ * the published `lib/`. It therefore imports NOTHING platform-specific:
+ * `expo-glass-effect` is native-only, and a static import of it from a file a
+ * web bundler or a consumer's type-checker resolves would break module
+ * resolution outright. Same three-way split, for the same reason, as
+ * `theme/native-root-vars{,.native,.web}.ts`.
+ *
+ * The variants — all three implement `TabBarSurfaceProps` exactly, so the entry
+ * modules can swap them freely:
+ *   - `surface.native.tsx` — iOS/Android (Metro), real `UIGlassEffect` glass;
+ *   - `surface.web.tsx`    — web, a CSS `backdrop-filter`;
+ *   - this file            — everywhere else, the opaque fallback.
+ */
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabBarSurface({
+  theme,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, styles.surface, {
+      backgroundColor: theme.solidFallback
+    }, style]
+  });
+}
+TabBarSurface.displayName = 'TabBarSurface';
+const styles = StyleSheet.create({
+  surface: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=surface.js.map

package/lib/module/tab-bar/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Animated","jsx","_jsx","TabBarSurface","theme","style","View","absoluteFill","styles","surface","backgroundColor","solidFallback","displayName","create","borderCurve"],"sourceRoot":"../../../src","sources":["tab-bar/surface.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,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/C,OAAO,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClE,oBACEH,IAAA,CAACF,QAAQ,CAACM,IAAI;IACZD,KAAK,EAAE,CACLN,UAAU,CAACQ,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;MAAEC,eAAe,EAAEN,KAAK,CAACO;IAAc,CAAC,EACxCN,KAAK;EACL,CACH,CAAC;AAEN;AAEAF,aAAa,CAACS,WAAW,GAAG,eAAe;AAE3C,MAAMJ,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC/BJ,OAAO,EAAE;IACPK,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/tab-bar/surface.native.js

@@ -0,0 +1,50 @@
+"use strict";
+
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * NATIVE variant of the tab bar's capsule surface — real liquid glass.
+ *
+ * `expo-glass-effect` is imported STATICALLY and this file is the only place it
+ * appears: Metro selects `.native` on iOS/Android, so the import never reaches
+ * a web bundle or a consumer's type-check (that is what the neutral
+ * `surface.tsx` sibling is for). A peer dependency plus a static import plus a
+ * runtime capability check is the deliberate shape here — not a lazy
+ * `require()`, which Metro cannot bundle from published `lib/` when the module
+ * name is dynamic and which would also hide the dependency from consumers.
+ *
+ * `isLiquidGlassAvailable()` is false on Android and pre-iOS-26, where the
+ * package's `GlassView` has no material to render; those platforms get the same
+ * opaque fallback the neutral variant paints.
+ */
+import { GlassView, isLiquidGlassAvailable } from 'expo-glass-effect';
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedGlassView = Animated.createAnimatedComponent(GlassView);
+export function TabBarSurface({
+  theme,
+  style
+}) {
+  if (isLiquidGlassAvailable()) {
+    return /*#__PURE__*/_jsx(AnimatedGlassView, {
+      glassEffectStyle: "regular",
+      style: [StyleSheet.absoluteFill, styles.surface, {
+        backgroundColor: theme.glassTint
+      }, style]
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, styles.surface, {
+      backgroundColor: theme.solidFallback
+    }, style]
+  });
+}
+TabBarSurface.displayName = 'TabBarSurface';
+const styles = StyleSheet.create({
+  surface: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=surface.native.js.map

package/lib/module/tab-bar/surface.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GlassView","isLiquidGlassAvailable","StyleSheet","Animated","jsx","_jsx","AnimatedGlassView","createAnimatedComponent","TabBarSurface","theme","style","glassEffectStyle","absoluteFill","styles","surface","backgroundColor","glassTint","View","solidFallback","displayName","create","borderCurve"],"sourceRoot":"../../../src","sources":["tab-bar/surface.native.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,sBAAsB,QAAQ,mBAAmB;AACrE,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/C,MAAMC,iBAAiB,GAAGH,QAAQ,CAACI,uBAAuB,CAACP,SAAS,CAAC;AAErE,OAAO,SAASQ,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClE,IAAIT,sBAAsB,CAAC,CAAC,EAAE;IAC5B,oBACEI,IAAA,CAACC,iBAAiB;MAChBK,gBAAgB,EAAC,SAAS;MAC1BD,KAAK,EAAE,CACLR,UAAU,CAACU,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;QAAEC,eAAe,EAAEN,KAAK,CAACO;MAAU,CAAC,EACpCN,KAAK;IACL,CACH,CAAC;EAEN;EAEA,oBACEL,IAAA,CAACF,QAAQ,CAACc,IAAI;IACZP,KAAK,EAAE,CACLR,UAAU,CAACU,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;MAAEC,eAAe,EAAEN,KAAK,CAACS;IAAc,CAAC,EACxCR,KAAK;EACL,CACH,CAAC;AAEN;AAEAF,aAAa,CAACW,WAAW,GAAG,eAAe;AAE3C,MAAMN,MAAM,GAAGX,UAAU,CAACkB,MAAM,CAAC;EAC/BN,OAAO,EAAE;IACPO,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/tab-bar/surface.web.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * WEB variant of the tab bar's capsule surface: the browser's own frosted
+ * material, `backdrop-filter`, under the theme's translucent glass tint.
+ *
+ * The element stays a react-native-web `Animated.View` because the capsule
+ * radius is animated by reanimated on every minimize frame. The two web-only
+ * declarations ride in the STYLE object rather than a CSS class: react-native-
+ * web does not forward `className` to the DOM (its `forwardedProps` list has no
+ * `className`, and `createDOMProps` overwrites the attribute with the atomic
+ * class it generates), whereas unknown style properties ARE passed straight
+ * through its style compiler. That is the same route `Dialog.web.tsx` uses for
+ * its `animation` shorthand. No stylesheet needs injecting here: there is no
+ * `@keyframes` or pseudo-class involved, so nothing that an inline declaration
+ * cannot express.
+ *
+ * Browsers without `backdrop-filter` simply skip it and are left with the
+ * translucent tint — a graceful degradation that needs no `@supports` rule.
+ */
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Blur radius of the web glass, in px. Tuned to read like the iOS 26 `regular`
+ * glass under the same 55%-alpha tint: enough to dissolve text scrolling
+ * underneath without smearing large shapes into mush. The saturation boost is
+ * what keeps colors behind the bar from going flat and grey.
+ */
+const GLASS_BLUR_PX = 24;
+const GLASS_FILTER = `blur(${GLASS_BLUR_PX}px) saturate(180%)`;
+
+// Web-only CSS, unknown to React Native's `ViewStyle`. Both spellings are set:
+// Safari still needs the prefixed property for `backdrop-filter`.
+const glassFilterStyle = {
+  backdropFilter: GLASS_FILTER,
+  WebkitBackdropFilter: GLASS_FILTER
+};
+export function TabBarSurface({
+  theme,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, glassFilterStyle, {
+      backgroundColor: theme.glassTint
+    }, style]
+  });
+}
+TabBarSurface.displayName = 'TabBarSurface';
+//# sourceMappingURL=surface.web.js.map

package/lib/module/tab-bar/surface.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Animated","jsx","_jsx","GLASS_BLUR_PX","GLASS_FILTER","glassFilterStyle","backdropFilter","WebkitBackdropFilter","TabBarSurface","theme","style","View","absoluteFill","backgroundColor","glassTint","displayName"],"sourceRoot":"../../../src","sources":["tab-bar/surface.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAwB,cAAc;AACzD,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,YAAY,GAAG,QAAQD,aAAa,oBAAoB;;AAE9D;AACA;AACA,MAAME,gBAAgB,GAAG;EACvBC,cAAc,EAAEF,YAAY;EAC5BG,oBAAoB,EAAEH;AACxB,CAAc;AAEd,OAAO,SAASI,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClE,oBACER,IAAA,CAACF,QAAQ,CAACW,IAAI;IACZD,KAAK,EAAE,CACLX,UAAU,CAACa,YAAY,EACvBP,gBAAgB,EAChB;MAAEQ,eAAe,EAAEJ,KAAK,CAACK;IAAU,CAAC,EACpCJ,KAAK;EACL,CACH,CAAC;AAEN;AAEAF,aAAa,CAACO,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/tab-bar/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/tab-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["tab-bar/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/toast/Positioner.js

@@ -0,0 +1,110 @@
+"use strict";
+
+/**
+ * Derived from sonner-native v0.26.4 — src/positioner.tsx
+ * (MIT © Gunnar Torfi Steinarsson). See the top-level NOTICE.
+ *
+ * One container per occupied position, plus the press-to-collapse area outside an
+ * expanded stack. The container pins all four edges and `getInsetValues` overrides
+ * just the anchored one, so it always has a real height and the rows inside it —
+ * which are absolutely positioned — are never laid out out of bounds. See
+ * `getContainerStyle` for what a zero-height container did to Android.
+ *
+ * `position: 'absolute'` is correct on BOTH platforms and this file stays fully
+ * 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.
+ */
+import * as React from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { SafeAreaInsetsContext, initialWindowMetrics } from 'react-native-safe-area-context';
+import { useDynamicToastContext, useToastContext } from "./context.js";
+import { calculateOutsidePressableArea, getContainerStyle, getInsetValues } from "./positioner-utils.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Web `initialWindowMetrics` is `null`, and on native it is null until the
+ * provider measures — both fall back to zero insets, which `getInsetValues` then
+ * turns into its 16px default.
+ */
+const FALLBACK_INSETS = initialWindowMetrics?.insets ?? {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+
+/**
+ * Without elevation the positioner can render behind sibling react-native-screens
+ * surfaces (native-stack, bottom-tabs) on Android, hiding toasts entirely. Kept
+ * alongside the `zIndex` the host applies, because Android orders those native
+ * siblings by elevation.
+ */
+const ANDROID_ELEVATION = 9999;
+const androidElevationStyle = Platform.OS === 'android' ? {
+  elevation: ANDROID_ELEVATION
+} : null;
+export const Positioner = ({
+  children,
+  position,
+  style
+}) => {
+  const {
+    offset,
+    gap,
+    visibleToasts
+  } = useToastContext();
+  const {
+    isExpanded,
+    collapse,
+    toastHeights
+  } = useDynamicToastContext();
+  const insets = React.useContext(SafeAreaInsetsContext) ?? FALLBACK_INSETS;
+  const resolvedPosition = position ?? 'bottom-center';
+  const insetValues = getInsetValues({
+    position: resolvedPosition,
+    offset,
+    safeAreaInsets: {
+      top: insets.top,
+      bottom: insets.bottom
+    }
+  });
+  const handleOutsidePress = React.useCallback(() => {
+    if (isExpanded) {
+      collapse();
+    }
+  }, [isExpanded, collapse]);
+
+  // Collapsing by pressing outside only makes sense for an anchored stack.
+  const shouldAllowCollapse = resolvedPosition !== 'center' && isExpanded;
+  const hasChildren = React.Children.count(children) > 0;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [shouldAllowCollapse ? /*#__PURE__*/_jsx(Pressable, {
+      style: [calculateOutsidePressableArea({
+        position: resolvedPosition,
+        toastHeights,
+        gap,
+        visibleToasts,
+        insetValues
+      }), androidElevationStyle],
+      onPress: handleOutsidePress
+    }) : null, /*#__PURE__*/_jsx(View, {
+      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,
+      // 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],
+      children: children
+    })]
+  });
+};
+Positioner.displayName = 'ToastPositioner';
+//# sourceMappingURL=Positioner.js.map

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

@@ -0,0 +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":[]}