@impulse-ui-native/toast 9.1.2 → 10.0.0

package/dist/components/index.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ToastProps, ToastRootProps, ToastContentProps, ToastTitleProps, ToastDescriptionProps, ToastIconProps, ToastActionProps, ToastCloseProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
@@ -6,15 +5,15 @@ import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
 declare const Toast: react.NamedExoticComponent<ToastProps> & {
-    readonly type: ({ children, title, description, action, actionProps, tone, hideIcon, hideClose, ...props }: ToastProps) => react_jsx_runtime.JSX.Element;
+    readonly type: ({ children, title, description, action, actionProps, tone, hideIcon, hideClose, ...props }: ToastProps) => react.JSX.Element;
 } & {
-    Root: react.MemoExoticComponent<(props: ToastRootProps) => react_jsx_runtime.JSX.Element | null>;
-    Content: react.MemoExoticComponent<({ style, ...props }: ToastContentProps) => react_jsx_runtime.JSX.Element>;
-    Title: react.MemoExoticComponent<(props: ToastTitleProps) => react_jsx_runtime.JSX.Element>;
-    Description: react.MemoExoticComponent<(props: ToastDescriptionProps) => react_jsx_runtime.JSX.Element>;
-    Icon: react.MemoExoticComponent<({ children, style, ...props }: ToastIconProps) => react_jsx_runtime.JSX.Element>;
-    Action: react.MemoExoticComponent<({ children, closeOnPress, onPress, disabled, loading, style, ...props }: ToastActionProps) => react_jsx_runtime.JSX.Element>;
-    Close: react.MemoExoticComponent<({ children, ...props }: ToastCloseProps) => react_jsx_runtime.JSX.Element>;
+    Root: react.MemoExoticComponent<(props: ToastRootProps) => react.JSX.Element | null>;
+    Content: react.MemoExoticComponent<({ style, ...props }: ToastContentProps) => react.JSX.Element>;
+    Title: react.MemoExoticComponent<(props: ToastTitleProps) => react.JSX.Element>;
+    Description: react.MemoExoticComponent<(props: ToastDescriptionProps) => react.JSX.Element>;
+    Icon: react.MemoExoticComponent<({ children, style, ...props }: ToastIconProps) => react.JSX.Element>;
+    Action: react.MemoExoticComponent<({ children, closeOnPress, onPress, disabled, loading, style, ...props }: ToastActionProps) => react.JSX.Element>;
+    Close: react.MemoExoticComponent<({ children, ...props }: ToastCloseProps) => react.JSX.Element>;
 };
 
 export { Toast };

package/dist/components/toast-action.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastActionProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastAction: react.MemoExoticComponent<({ children, closeOnPress, onPress, disabled, loading, style, ...props }: ToastActionProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastAction: react.MemoExoticComponent<({ children, closeOnPress, onPress, disabled, loading, style, ...props }: ToastActionProps) => react.JSX.Element>;
 
 export { ToastAction };

package/dist/components/toast-close.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastCloseProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastClose: react.MemoExoticComponent<({ children, ...props }: ToastCloseProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastClose: react.MemoExoticComponent<({ children, ...props }: ToastCloseProps) => react.JSX.Element>;
 
 export { ToastClose };

package/dist/components/toast-content.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastContentProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastContent: react.MemoExoticComponent<({ style, ...props }: ToastContentProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastContent: react.MemoExoticComponent<({ style, ...props }: ToastContentProps) => react.JSX.Element>;
 
 export { ToastContent };

package/dist/components/toast-description.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastDescriptionProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastDescription: react.MemoExoticComponent<(props: ToastDescriptionProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastDescription: react.MemoExoticComponent<(props: ToastDescriptionProps) => react.JSX.Element>;
 
 export { ToastDescription };

package/dist/components/toast-icon.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastIconProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastIcon: react.MemoExoticComponent<({ children, style, ...props }: ToastIconProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastIcon: react.MemoExoticComponent<({ children, style, ...props }: ToastIconProps) => react.JSX.Element>;
 
 export { ToastIcon };

package/dist/components/toast-parts.d.mts

@@ -1,18 +1,17 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastRootProps, ToastContentProps, ToastTitleProps, ToastDescriptionProps, ToastIconProps, ToastActionProps, ToastCloseProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
 declare const Toast: {
-    Root: react.MemoExoticComponent<(props: ToastRootProps) => react_jsx_runtime.JSX.Element | null>;
-    Content: react.MemoExoticComponent<({ style, ...props }: ToastContentProps) => react_jsx_runtime.JSX.Element>;
-    Title: react.MemoExoticComponent<(props: ToastTitleProps) => react_jsx_runtime.JSX.Element>;
-    Description: react.MemoExoticComponent<(props: ToastDescriptionProps) => react_jsx_runtime.JSX.Element>;
-    Icon: react.MemoExoticComponent<({ children, style, ...props }: ToastIconProps) => react_jsx_runtime.JSX.Element>;
-    Action: react.MemoExoticComponent<({ children, closeOnPress, onPress, disabled, loading, style, ...props }: ToastActionProps) => react_jsx_runtime.JSX.Element>;
-    Close: react.MemoExoticComponent<({ children, ...props }: ToastCloseProps) => react_jsx_runtime.JSX.Element>;
+    Root: react.MemoExoticComponent<(props: ToastRootProps) => react.JSX.Element | null>;
+    Content: react.MemoExoticComponent<({ style, ...props }: ToastContentProps) => react.JSX.Element>;
+    Title: react.MemoExoticComponent<(props: ToastTitleProps) => react.JSX.Element>;
+    Description: react.MemoExoticComponent<(props: ToastDescriptionProps) => react.JSX.Element>;
+    Icon: react.MemoExoticComponent<({ children, style, ...props }: ToastIconProps) => react.JSX.Element>;
+    Action: react.MemoExoticComponent<({ children, closeOnPress, onPress, disabled, loading, style, ...props }: ToastActionProps) => react.JSX.Element>;
+    Close: react.MemoExoticComponent<({ children, ...props }: ToastCloseProps) => react.JSX.Element>;
 };
 
 export { Toast };

package/dist/components/toast-root.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastRootProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastRoot: react.MemoExoticComponent<(props: ToastRootProps) => react_jsx_runtime.JSX.Element | null>;
+declare const ToastRoot: react.MemoExoticComponent<(props: ToastRootProps) => react.JSX.Element | null>;
 
 export { ToastRoot };

package/dist/components/toast-title.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastTitleProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastTitle: react.MemoExoticComponent<(props: ToastTitleProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastTitle: react.MemoExoticComponent<(props: ToastTitleProps) => react.JSX.Element>;
 
 export { ToastTitle };

package/dist/components/toast.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastProps } from '../types/toast.types.mjs';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ToastComponent: react.MemoExoticComponent<({ children, title, description, action, actionProps, tone, hideIcon, hideClose, ...props }: ToastProps) => react_jsx_runtime.JSX.Element>;
+declare const ToastComponent: react.MemoExoticComponent<({ children, title, description, action, actionProps, tone, hideIcon, hideClose, ...props }: ToastProps) => react.JSX.Element>;
 
 export { ToastComponent };

package/dist/constants/toast-icons.constants.d.mts

@@ -1,5 +1,4 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SvgProps } from 'react-native-svg';
 
 type IconVariant = "bold" | "duotone" | "fill" | "light" | "regular" | "thin";
@@ -8,10 +7,10 @@ interface IconWrapperProps extends SvgProps {
 }
 
 declare const ToastIcons: {
-    info: react.MemoExoticComponent<(props: IconWrapperProps) => react_jsx_runtime.JSX.Element>;
-    success: react.MemoExoticComponent<(props: IconWrapperProps) => react_jsx_runtime.JSX.Element>;
-    warning: react.MemoExoticComponent<(props: IconWrapperProps) => react_jsx_runtime.JSX.Element>;
-    error: react.MemoExoticComponent<(props: IconWrapperProps) => react_jsx_runtime.JSX.Element>;
+    info: react.MemoExoticComponent<(props: IconWrapperProps) => react.JSX.Element>;
+    success: react.MemoExoticComponent<(props: IconWrapperProps) => react.JSX.Element>;
+    warning: react.MemoExoticComponent<(props: IconWrapperProps) => react.JSX.Element>;
+    error: react.MemoExoticComponent<(props: IconWrapperProps) => react.JSX.Element>;
 };
 
 export { ToastIcons };

package/dist/hooks/use-toast-lifecycle.hook.js

@@ -1,49 +1,17 @@
-import { useEffect, useMemo } from "react";
-import {
-  cancelAnimation,
-  useSharedValue,
-  withTiming
-} from "react-native-reanimated";
-import { scheduleOnRN } from "react-native-worklets";
+import { useMemo } from "react";
 import { useEventCallback, useTimer } from "@impulse-ui-native/core";
 import {
   useOverlayContext,
-  useOverlayLifecycle
+  useOverlayLifecycle,
+  useOverlayTiming
 } from "@impulse-ui-native/overlay";
 import { useComponentsTokens } from "@impulse-ui-native/theme";
 function useToastLifecycle(props, duration) {
   const { id, open = true } = props;
   const { store } = useOverlayContext();
   const tokens = useComponentsTokens().toast;
-  const progress = useSharedValue(0);
-  const enter = useEventCallback(
-    (transitionId, complete) => {
-      progress.set(
-        withTiming(1, { duration: tokens.enterDuration }, (finished) => {
-          if (finished) {
-            scheduleOnRN(complete, transitionId);
-          }
-        })
-      );
-    }
-  );
-  const exit = useEventCallback(
-    (transitionId, complete) => {
-      progress.set(
-        withTiming(0, { duration: tokens.exitDuration }, (finished) => {
-          if (finished) {
-            scheduleOnRN(complete, transitionId);
-          }
-        })
-      );
-    }
-  );
-  const options = useMemo(
-    () => ({ onEnter: enter, onExit: exit }),
-    [enter, exit]
-  );
-  const lifecycleProps = useMemo(() => ({ ...props, open }), [props, open]);
-  const lifecycle = useOverlayLifecycle(lifecycleProps, options);
+  const { options, progress } = useOverlayTiming(tokens);
+  const lifecycle = useOverlayLifecycle({ ...props, open }, options);
   const close = useEventCallback(() => store.close(id));
   useTimer({
     enabled: lifecycle.status === "open" && open,
@@ -51,7 +19,6 @@ function useToastLifecycle(props, duration) {
     callback: close,
     pauseOnBackground: true
   });
-  useEffect(() => () => cancelAnimation(progress), [progress]);
   return useMemo(
     () => ({ ...lifecycle, progress, close }),
     [lifecycle, progress, close]

package/dist/hooks/use-toast-lifecycle.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-toast-lifecycle.hook.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  cancelAnimation,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { scheduleOnRN } from \"react-native-worklets\";\n\nimport type { OverlayTransitionHandler } from \"@impulse-ui-native/overlay\";\nimport { useEventCallback, useTimer } from \"@impulse-ui-native/core\";\nimport {\n  useOverlayContext,\n  useOverlayLifecycle,\n} from \"@impulse-ui-native/overlay\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ToastRootProps } from \"../types\";\n\nexport function useToastLifecycle(props: ToastRootProps, duration: number) {\n  const { id, open = true } = props;\n  const { store } = useOverlayContext();\n  const tokens = useComponentsTokens().toast;\n\n  const progress = useSharedValue(0);\n\n  const enter = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(1, { duration: tokens.enterDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n  const exit = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(0, { duration: tokens.exitDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n\n  const options = useMemo(\n    () => ({ onEnter: enter, onExit: exit }),\n    [enter, exit],\n  );\n  const lifecycleProps = useMemo(() => ({ ...props, open }), [props, open]);\n  const lifecycle = useOverlayLifecycle(lifecycleProps, options);\n  const close = useEventCallback(() => store.close(id));\n\n  useTimer({\n    enabled: lifecycle.status === \"open\" && open,\n    duration,\n    callback: close,\n    pauseOnBackground: true,\n  });\n\n  useEffect(() => () => cancelAnimation(progress), [progress]);\n\n  return useMemo(\n    () => ({ ...lifecycle, progress, close }),\n    [lifecycle, progress, close],\n  );\n}\n"],"mappings":"AAAA,SAAS,WAAW,eAAe;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAG7B,SAAS,kBAAkB,gBAAgB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAI7B,SAAS,kBAAkB,OAAuB,UAAkB;AACzE,QAAM,EAAE,IAAI,OAAO,KAAK,IAAI;AAC5B,QAAM,EAAE,MAAM,IAAI,kBAAkB;AACpC,QAAM,SAAS,oBAAoB,EAAE;AAErC,QAAM,WAAW,eAAe,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,OAAO,cAAc,GAAG,CAAC,aAAa;AAC9D,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACA,QAAM,OAAO;AAAA,IACX,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,OAAO,aAAa,GAAG,CAAC,aAAa;AAC7D,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU;AAAA,IACd,OAAO,EAAE,SAAS,OAAO,QAAQ,KAAK;AAAA,IACtC,CAAC,OAAO,IAAI;AAAA,EACd;AACA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,GAAG,OAAO,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC;AACxE,QAAM,YAAY,oBAAoB,gBAAgB,OAAO;AAC7D,QAAM,QAAQ,iBAAiB,MAAM,MAAM,MAAM,EAAE,CAAC;AAEpD,WAAS;AAAA,IACP,SAAS,UAAU,WAAW,UAAU;AAAA,IACxC;AAAA,IACA,UAAU;AAAA,IACV,mBAAmB;AAAA,EACrB,CAAC;AAED,YAAU,MAAM,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE3D,SAAO;AAAA,IACL,OAAO,EAAE,GAAG,WAAW,UAAU,MAAM;AAAA,IACvC,CAAC,WAAW,UAAU,KAAK;AAAA,EAC7B;AACF;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-toast-lifecycle.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useEventCallback, useTimer } from \"@impulse-ui-native/core\";\nimport {\n  useOverlayContext,\n  useOverlayLifecycle,\n  useOverlayTiming,\n} from \"@impulse-ui-native/overlay\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ToastRootProps } from \"../types\";\n\nexport function useToastLifecycle(props: ToastRootProps, duration: number) {\n  const { id, open = true } = props;\n  const { store } = useOverlayContext();\n  const tokens = useComponentsTokens().toast;\n  const { options, progress } = useOverlayTiming(tokens);\n  const lifecycle = useOverlayLifecycle({ ...props, open }, options);\n  const close = useEventCallback(() => store.close(id));\n\n  useTimer({\n    enabled: lifecycle.status === \"open\" && open,\n    duration,\n    callback: close,\n    pauseOnBackground: true,\n  });\n\n  return useMemo(\n    () => ({ ...lifecycle, progress, close }),\n    [lifecycle, progress, close],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,kBAAkB,gBAAgB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAI7B,SAAS,kBAAkB,OAAuB,UAAkB;AACzE,QAAM,EAAE,IAAI,OAAO,KAAK,IAAI;AAC5B,QAAM,EAAE,MAAM,IAAI,kBAAkB;AACpC,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,iBAAiB,MAAM;AACrD,QAAM,YAAY,oBAAoB,EAAE,GAAG,OAAO,KAAK,GAAG,OAAO;AACjE,QAAM,QAAQ,iBAAiB,MAAM,MAAM,MAAM,EAAE,CAAC;AAEpD,WAAS;AAAA,IACP,SAAS,UAAU,WAAW,UAAU;AAAA,IACxC;AAAA,IACA,UAAU;AAAA,IACV,mBAAmB;AAAA,EACrB,CAAC;AAED,SAAO;AAAA,IACL,OAAO,EAAE,GAAG,WAAW,UAAU,MAAM;AAAA,IACvC,CAAC,WAAW,UAAU,KAAK;AAAA,EAC7B;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,6 +1,5 @@
 export { Toast } from './components/index.mjs';
 export { ToastActionProps, ToastCloseProps, ToastContentProps, ToastContextValue, ToastDescriptionProps, ToastIconProps, ToastPlacement, ToastProps, ToastRootProps, ToastTitleProps } from './types/toast.types.mjs';
-import 'react/jsx-runtime';
 import 'react';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/toast",
-  "version": "9.1.2",
+  "version": "10.0.0",
   "description": "Compound toast notifications for ImpulseUI Native.",
   "keywords": [
     "react-native",
@@ -27,26 +27,26 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/primitives": "9.1.2",
-    "@impulse-ui-native/theme": "9.1.2",
-    "@impulse-ui-native/icon": "9.1.2",
-    "@impulse-ui-native/core": "9.1.2",
-    "@impulse-ui-native/overlay": "9.1.2"
+    "@impulse-ui-native/icon": "10.0.0",
+    "@impulse-ui-native/theme": "10.0.0",
+    "@impulse-ui-native/primitives": "10.0.0",
+    "@impulse-ui-native/overlay": "10.0.0",
+    "@impulse-ui-native/core": "10.0.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.14",
+    "@types/react": "~19.3.0",
     "eslint": "^9.38.0",
     "prettier": "^3.6.2",
-    "react": "19.2.3",
-    "react-native": "0.86.2",
-    "react-native-reanimated": "4.5.1",
-    "react-native-worklets": "0.10.1",
-    "react-native-safe-area-context": "~5.7.0",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
+    "react-native-reanimated": "4.7.1",
+    "react-native-worklets": "0.13.0",
+    "react-native-safe-area-context": "~5.10.1",
     "typescript": "~6.0.3",
-    "react-native-svg": "15.15.4",
+    "react-native-svg": "15.16.0",
     "@impulse-ui-native/eslint-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/prettier-config": "1.0.0"
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",