@cdx-ui/components 0.0.1-beta.12 → 0.0.1-beta.121

package/lib/commonjs/providers/animation-settings/provider.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGlobalAnimationSettings = exports.useAnimationSettings = exports.GlobalAnimationSettingsProvider = exports.AnimationSettingsProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeReanimated = require("react-native-reanimated");
+var _utils = require("@cdx-ui/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [GlobalAnimationSettingsProviderComponent, useGlobalAnimationSettings] = (0, _utils.createContext)('GlobalAnimationSettingsContext', {
+  strict: false,
+  defaultValue: {
+    globalIsAllAnimationsDisabled: false
+  }
+});
+exports.useGlobalAnimationSettings = useGlobalAnimationSettings;
+/**
+ * GlobalAnimationSettingsProvider Component
+ *
+ * @description
+ * Provider component that controls global animation settings across the application.
+ * When animation is set to 'disable-all', all animations will be disabled globally.
+ * Additionally, if the user has enabled reduce motion in accessibility settings,
+ * all animations will be disabled automatically.
+ *
+ * The global setting is read directly via `useGlobalAnimationSettings`; the
+ * separate `AnimationSettingsProvider` handles per-subtree cascading. Both
+ * contexts are non-strict, so components can read them without a provider
+ * mounted (falling back to "animations enabled").
+ *
+ * @param {GlobalAnimationSettingsProviderProps} props - Provider props
+ * @param {AnimationRootDisableAll} [props.animation] - Global animation setting
+ * @param {ReactNode} props.children - Child components to wrap
+ */
+const GlobalAnimationSettingsProvider = ({
+  animation,
+  children
+}) => {
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const globalIsAllAnimationsDisabled = animation === 'disable-all' || reducedMotion;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalAnimationSettingsProviderComponent, {
+    value: {
+      globalIsAllAnimationsDisabled
+    },
+    children: children
+  });
+};
+exports.GlobalAnimationSettingsProvider = GlobalAnimationSettingsProvider;
+const [AnimationSettingsProvider, useAnimationSettings] = (0, _utils.createContext)('AnimationSettingsContext', {
+  strict: false,
+  defaultValue: {
+    isAllAnimationsDisabled: false
+  }
+});
+exports.useAnimationSettings = useAnimationSettings;
+exports.AnimationSettingsProvider = AnimationSettingsProvider;
+//# sourceMappingURL=provider.js.map

package/lib/commonjs/providers/animation-settings/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_utils","_jsxRuntime","e","__esModule","default","GlobalAnimationSettingsProviderComponent","useGlobalAnimationSettings","createContext","strict","defaultValue","globalIsAllAnimationsDisabled","exports","GlobalAnimationSettingsProvider","animation","children","reducedMotion","useReducedMotion","jsx","value","AnimationSettingsProvider","useAnimationSettings","isAllAnimationsDisabled"],"sourceRoot":"../../../../src","sources":["providers/animation-settings/provider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO9C,MAAM,CAACG,wCAAwC,EAAEC,0BAA0B,CAAC,GAC1E,IAAAC,oBAAa,EAAsC,gCAAgC,EAAE;EACnFC,MAAM,EAAE,KAAK;EACbC,YAAY,EAAE;IAAEC,6BAA6B,EAAE;EAAM;AACvD,CAAC,CAAC;AAACC,OAAA,CAAAL,0BAAA,GAAAA,0BAAA;AAIL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,+BAA+E,GAAGA,CAAC;EAC9FC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EACxC,MAAMN,6BAA6B,GAAGG,SAAS,KAAK,aAAa,IAAIE,aAAa;EAElF,oBACE,IAAAd,WAAA,CAAAgB,GAAA,EAACZ,wCAAwC;IAACa,KAAK,EAAE;MAAER;IAA8B,CAAE;IAAAI,QAAA,EAChFA;EAAQ,CAC+B,CAAC;AAE/C,CAAC;AAACH,OAAA,CAAAC,+BAAA,GAAAA,+BAAA;AAEK,MAAM,CAACO,yBAAyB,EAAEC,oBAAoB,CAAC,GAC5D,IAAAb,oBAAa,EAAgC,0BAA0B,EAAE;EACvEC,MAAM,EAAE,KAAK;EACbC,YAAY,EAAE;IAAEY,uBAAuB,EAAE;EAAM;AACjD,CAAC,CAAC;AAACV,OAAA,CAAAS,oBAAA,GAAAA,oBAAA;AAAAT,OAAA,CAAAQ,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/commonjs/providers/animation-settings/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/providers/animation-settings/types.js.map

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

package/lib/commonjs/providers/forge-design/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ForgeDesignProvider: true
+};
+Object.defineProperty(exports, "ForgeDesignProvider", {
+  enumerable: true,
+  get: function () {
+    return _provider.default;
+  }
+});
+var _provider = _interopRequireDefault(require("./provider"));
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/providers/forge-design/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_provider","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["providers/forge-design/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAAN,uBAAAe,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/providers/forge-design/provider.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _uniwind = require("uniwind");
+var _primitives = require("@cdx-ui/primitives");
+var _animationSettings = require("../animation-settings");
+var _provider = require("../text-component/provider");
+var _provider2 = require("../toast/provider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ForgeDesignProvider Component
+ *
+ * @description
+ * Main provider component for HeroUI Native that configures the application
+ * with global settings. This component should wrap your entire application
+ * or the section where you want to use HeroUI Native components.
+ *
+ * Currently provides:
+ * - Global animation settings
+ * - Global text component configuration
+ * - Toast notification system
+ * - Portal management for overlays
+ *
+ * @param {ForgeDesignProviderProps} props - Provider configuration props
+ * @param {ReactNode} props.children - Child components to wrap
+ * @param {ForgeDesignConfig} [props.config] - Configuration object
+ *
+ */
+const ForgeDesignProvider = ({
+  children,
+  config = {}
+}) => {
+  const {
+    textProps,
+    toast,
+    animation
+  } = config;
+
+  // Determine if toast should be enabled and get props
+  const isToastEnabled = toast !== false && toast !== 'disabled';
+  const toastProps = typeof toast === 'object' ? toast : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaListener, {
+    onChange: ({
+      insets
+    }) => {
+      _uniwind.Uniwind.updateInsets(insets);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationSettings.GlobalAnimationSettingsProvider, {
+      animation: animation,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.TextComponentProvider, {
+        value: {
+          textProps
+        },
+        children: isToastEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_provider2.ToastProvider, {
+          ...toastProps,
+          children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PortalHost, {})]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PortalHost, {})]
+        })
+      })
+    })
+  });
+};
+var _default = exports.default = ForgeDesignProvider;
+//# sourceMappingURL=provider.js.map

package/lib/commonjs/providers/forge-design/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSafeAreaContext","_uniwind","_primitives","_animationSettings","_provider","_provider2","_jsxRuntime","e","__esModule","default","ForgeDesignProvider","children","config","textProps","toast","animation","isToastEnabled","toastProps","jsx","SafeAreaListener","onChange","insets","Uniwind","updateInsets","GlobalAnimationSettingsProvider","TextComponentProvider","value","jsxs","ToastProvider","PortalHost","Fragment","_default","exports"],"sourceRoot":"../../../../src","sources":["providers/forge-design/provider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAkD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,mBAAuD,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM,GAAG,CAAC;AAAE,CAAC,KAAK;EAC7F,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAGH,MAAM;;EAE9C;EACA,MAAMI,cAAc,GAAGF,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,UAAU;EAC9D,MAAMG,UAAU,GAAG,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC,CAAC;EAEzD,oBACE,IAAAR,WAAA,CAAAY,GAAA,EAAClB,2BAAA,CAAAmB,gBAAgB;IACfC,QAAQ,EAAEA,CAAC;MAAEC;IAAO,CAAC,KAAK;MACxBC,gBAAO,CAACC,YAAY,CAACF,MAAM,CAAC;IAC9B,CAAE;IAAAV,QAAA,eAEF,IAAAL,WAAA,CAAAY,GAAA,EAACf,kBAAA,CAAAqB,+BAA+B;MAACT,SAAS,EAAEA,SAAU;MAAAJ,QAAA,eACpD,IAAAL,WAAA,CAAAY,GAAA,EAACd,SAAA,CAAAqB,qBAAqB;QAACC,KAAK,EAAE;UAAEb;QAAU,CAAE;QAAAF,QAAA,EACzCK,cAAc,gBACb,IAAAV,WAAA,CAAAqB,IAAA,EAACtB,UAAA,CAAAuB,aAAa;UAAA,GAAKX,UAAU;UAAAN,QAAA,GAC1BA,QAAQ,eACT,IAAAL,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAA2B,UAAU,IAAE,CAAC;QAAA,CACD,CAAC,gBAEhB,IAAAvB,WAAA,CAAAqB,IAAA,EAAArB,WAAA,CAAAwB,QAAA;UAAAnB,QAAA,GACGA,QAAQ,eACT,IAAAL,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAA2B,UAAU,IAAE,CAAC;QAAA,CACd;MACH,CACoB;IAAC,CACO;EAAC,CAClB,CAAC;AAEvB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEaC,mBAAmB","ignoreList":[]}

package/lib/commonjs/providers/forge-design/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/providers/forge-design/types.js.map

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

package/lib/commonjs/providers/text-component/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _provider = require("./provider");
+Object.keys(_provider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _provider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _provider[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/providers/text-component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_provider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_types"],"sourceRoot":"../../../../src","sources":["providers/text-component/index.ts"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/providers/text-component/provider.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTextComponent = exports.TextComponentProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [TextComponentProvider, useTextComponent] = (0, _utils.createContext)('TextComponentContext');
+exports.useTextComponent = useTextComponent;
+exports.TextComponentProvider = TextComponentProvider;
+//# sourceMappingURL=provider.js.map

package/lib/commonjs/providers/text-component/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","TextComponentProvider","useTextComponent","createContext","exports"],"sourceRoot":"../../../../src","sources":["providers/text-component/provider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAM,CAACC,qBAAqB,EAAEC,gBAAgB,CAAC,GAC7C,IAAAC,oBAAa,EAA4B,sBAAsB,CAAC;AAACC,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAAE,OAAA,CAAAH,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/providers/text-component/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/providers/text-component/types.js.map

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

package/lib/commonjs/providers/toast/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ToastProvider", {
+  enumerable: true,
+  get: function () {
+    return _provider.ToastProvider;
+  }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () {
+    return _provider.useToast;
+  }
+});
+Object.defineProperty(exports, "useToastConfig", {
+  enumerable: true,
+  get: function () {
+    return _toastConfig.useToastConfig;
+  }
+});
+Object.defineProperty(exports, "useToastLifecycle", {
+  enumerable: true,
+  get: function () {
+    return _lifecycle.useToastLifecycle;
+  }
+});
+var _provider = require("./provider");
+var _toastConfig = require("./toast-config.context");
+var _lifecycle = require("./lifecycle.context");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/providers/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_provider","require","_toastConfig","_lifecycle"],"sourceRoot":"../../../../src","sources":["providers/toast/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/providers/toast/insets-container.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsetsContainer = InsetsContainer;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _primitives = require("@cdx-ui/primitives");
+var _jsxRuntime = require("react/jsx-runtime");
+const ZERO_INSETS = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+/**
+ * Container component that applies inset padding to position toasts
+ * away from screen edges and safe areas
+ *
+ * Combines custom insets with safe area insets:
+ * - If custom inset is provided, it overrides safe area + default padding
+ * - If not provided, uses platform-specific defaults:
+ *   - iOS: safe area inset + 0px for top, + 6px for bottom, + 12px for left/right
+ *   - Android: safe area inset + 12px for all edges
+ *
+ * On web, wires pointer/focus/visibility listeners to pause/resume timers
+ * per WCAG 2.2.1 (keyboard/pointer/hidden-tab pausing).
+ */
+function InsetsContainer({
+  insets,
+  announceLabel = 'Notifications',
+  contentWrapper,
+  children,
+  disableFullWindowOverlay,
+  unstable_accessibilityContainerViewIsModal,
+  pauseAll,
+  resumeAll,
+  hide
+}) {
+  const safeAreaInsets = (0, _react.useContext)(_reactNativeSafeAreaContext.SafeAreaInsetsContext) ?? ZERO_INSETS;
+  const finalInsets = (0, _react.useMemo)(() => {
+    return {
+      top: insets?.top ?? safeAreaInsets.top + (_reactNative.Platform.OS === 'ios' ? 0 : 12),
+      bottom: insets?.bottom ?? safeAreaInsets.bottom + (_reactNative.Platform.OS === 'ios' ? 6 : 12),
+      left: insets?.left ?? safeAreaInsets.left + 12,
+      right: insets?.right ?? safeAreaInsets.right + 12
+    };
+  }, [safeAreaInsets, insets]);
+
+  // Track pause sources independently so overlapping pointer + focus
+  // don't accidentally resume while the other source is still active.
+  const pauseSourcesRef = (0, _react.useRef)(new Set());
+  const pauseAllRef = (0, _react.useRef)(pauseAll);
+  const resumeAllRef = (0, _react.useRef)(resumeAll);
+  pauseAllRef.current = pauseAll;
+  resumeAllRef.current = resumeAll;
+  const addPauseSource = (0, _react.useCallback)(source => {
+    const wasEmpty = pauseSourcesRef.current.size === 0;
+    pauseSourcesRef.current.add(source);
+    if (wasEmpty) pauseAllRef.current();
+  }, []);
+  const removePauseSource = (0, _react.useCallback)(source => {
+    pauseSourcesRef.current.delete(source);
+    if (pauseSourcesRef.current.size === 0) resumeAllRef.current();
+  }, []);
+
+  // Ref for the container so we can attach native DOM listeners on web.
+  const containerRef = (0, _react.useRef)(null);
+  const hideRef = (0, _react.useRef)(hide);
+  hideRef.current = hide;
+
+  // Web-only: attach pointer, focus, visibility, and keyboard listeners
+  // via native DOM APIs to avoid RNW making the container focusable
+  // (RNW adds tabIndex when React onFocus/onBlur handlers are present).
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS !== 'web') return;
+    const node = containerRef.current;
+    const sources = pauseSourcesRef.current;
+    const handleVisibilityChange = () => {
+      if (document.hidden) {
+        addPauseSource('visibility');
+      } else {
+        removePauseSource('visibility');
+      }
+    };
+
+    // The container is `absolute inset-0` (full viewport). Using
+    // pointerenter/pointerleave here would pause as soon as the cursor
+    // is anywhere on the page — far too aggressive.  Instead use
+    // pointerover/pointerout (which bubble) and gate on whether the
+    // pointer is actually over a toast element (identified by the
+    // `data-state` attribute emitted on every toast wrapper).
+    const isInsideToast = el => {
+      if (!el || !(el instanceof HTMLElement)) return false;
+      return !!el.closest('[data-state]');
+    };
+    const handlePointerOver = e => {
+      if (isInsideToast(e.target)) addPauseSource('pointer');
+    };
+    const handlePointerOut = e => {
+      if (!isInsideToast(e.relatedTarget)) removePauseSource('pointer');
+    };
+    const handleFocusIn = e => {
+      if (isInsideToast(e.target)) addPauseSource('focus');
+    };
+    const handleFocusOut = e => {
+      if (!isInsideToast(e.relatedTarget)) removePauseSource('focus');
+    };
+    const handleKeyDown = event => {
+      if (event.key === 'Escape') {
+        event.stopPropagation();
+        hideRef.current();
+      }
+    };
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    if (node && typeof node.addEventListener === 'function') {
+      node.addEventListener('pointerover', handlePointerOver);
+      node.addEventListener('pointerout', handlePointerOut);
+      node.addEventListener('focusin', handleFocusIn);
+      node.addEventListener('focusout', handleFocusOut);
+      node.addEventListener('keydown', handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+      if (node && typeof node.removeEventListener === 'function') {
+        node.removeEventListener('pointerover', handlePointerOver);
+        node.removeEventListener('pointerout', handlePointerOut);
+        node.removeEventListener('focusin', handleFocusIn);
+        node.removeEventListener('focusout', handleFocusOut);
+        node.removeEventListener('keydown', handleKeyDown);
+      }
+      if (sources.size > 0) {
+        sources.clear();
+        resumeAllRef.current();
+      }
+    };
+  }, [addPauseSource, removePauseSource]);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: containerRef,
+    className: "absolute inset-0 pointer-events-box-none",
+    role: "region",
+    "aria-label": announceLabel,
+    ...(_reactNative.Platform.OS === 'web' && {
+      'aria-live': 'polite',
+      'aria-atomic': false
+    }),
+    style: {
+      paddingTop: finalInsets.top,
+      paddingBottom: finalInsets.bottom,
+      paddingLeft: finalInsets.left,
+      paddingRight: finalInsets.right
+    },
+    children: contentWrapper ? contentWrapper(children) : children
+  });
+  if (_reactNative.Platform.OS !== 'ios') {
+    return content;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.FullWindowOverlay, {
+    disableFullWindowOverlay: disableFullWindowOverlay,
+    unstable_accessibilityContainerViewIsModal: unstable_accessibilityContainerViewIsModal,
+    children: content
+  });
+}
+//# sourceMappingURL=insets-container.js.map

package/lib/commonjs/providers/toast/insets-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSafeAreaContext","_primitives","_jsxRuntime","ZERO_INSETS","top","bottom","left","right","InsetsContainer","insets","announceLabel","contentWrapper","children","disableFullWindowOverlay","unstable_accessibilityContainerViewIsModal","pauseAll","resumeAll","hide","safeAreaInsets","useContext","SafeAreaInsetsContext","finalInsets","useMemo","Platform","OS","pauseSourcesRef","useRef","Set","pauseAllRef","resumeAllRef","current","addPauseSource","useCallback","source","wasEmpty","size","add","removePauseSource","delete","containerRef","hideRef","useEffect","node","sources","handleVisibilityChange","document","hidden","isInsideToast","el","HTMLElement","closest","handlePointerOver","e","target","handlePointerOut","relatedTarget","handleFocusIn","handleFocusOut","handleKeyDown","event","key","stopPropagation","addEventListener","removeEventListener","clear","content","jsx","View","ref","className","role","style","paddingTop","paddingBottom","paddingLeft","paddingRight","FullWindowOverlay"],"sourceRoot":"../../../../src","sources":["providers/toast/insets-container.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/providers/toast/lifecycle.context.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastLifecycleContext = void 0;
+exports.useToastLifecycle = useToastLifecycle;
+var _react = require("react");
+/**
+ * Internal context that exposes the pending-removal lifecycle for web toasts.
+ *
+ * Web toasts stay mounted after `hide()` is dispatched so the CSS exit
+ * transition can play. The toast component reads `pendingRemovalIds` to
+ * flip its `data-state="closed"` attribute and calls `remove(id)` when
+ * the CSS transition completes (or a safety timeout fires).
+ *
+ * On native this context is provided but effectively unused — Reanimated's
+ * `exiting` layout animation plays before unmount, so nothing lingers.
+ *
+ * @internal
+ */
+
+const ToastLifecycleContext = exports.ToastLifecycleContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Access the toast lifecycle context.
+ *
+ * Returns `null` when the styled Toast is rendered outside a `ToastProvider`
+ * (e.g. in isolated unit tests) so callers must handle the null case.
+ *
+ * @internal
+ */
+function useToastLifecycle() {
+  return (0, _react.useContext)(ToastLifecycleContext);
+}
+//# sourceMappingURL=lifecycle.context.js.map

package/lib/commonjs/providers/toast/lifecycle.context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ToastLifecycleContext","exports","createContext","useToastLifecycle","useContext"],"sourceRoot":"../../../../src","sources":["providers/toast/lifecycle.context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,gBAAG,IAAAE,oBAAa,EAAoC,IAAI,CAAC;;AAE3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAA,EAAsC;EACrE,OAAO,IAAAC,iBAAU,EAACJ,qBAAqB,CAAC;AAC1C","ignoreList":[]}