@impulse-ui-native/toast 0.0.0-stage → 6.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,112 @@
-# Temporary Holding Version
+# @impulse-ui-native/toast
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Native toast notifications built from theme tokens and the overlay lifecycle.
+
+## Installation
+
+`pnpm add @impulse-ui-native/toast`
+
+Install the React, React Native, react-native-svg, react-native-safe-area-context, react-native-reanimated (4 or newer) and react-native-worklets peers. Configure Reanimated and Worklets in the native host. Place a ThemeProvider, SafeAreaProvider, OverlayProvider and OverlayHost at the application root, like Flyout. Keep OverlayHost outside scrolling content.
+
+## Ready-made Toast and imperative opening
+
+```tsx
+import type { OverlayComponentProps } from "@impulse-ui-native/overlay";
+import { OverlayStore } from "@impulse-ui-native/overlay";
+import { Toast } from "@impulse-ui-native/toast";
+
+export const overlays = new OverlayStore(); // Supply to OverlayProvider.
+
+function SuccessToast(props: OverlayComponentProps) {
+  return <Toast {...props} tone="success" placement="bottom" duration={4000} />;
+}
+
+function SavedContent() {
+  return <Toast.Description>Your workspace is up to date.</Toast.Description>;
+}
+
+// Register once for a reusable singleton, like Flyout.
+const saved = overlays.register({
+  id: "saved",
+  Component: SuccessToast,
+  Content: SavedContent,
+  title: "Changes saved",
+});
+saved.open();
+saved.close();
+
+// Register on each invocation to open independent notifications.
+function notifySaved() {
+  return overlays
+    .register({
+      id: "saved",
+      Component: SuccessToast,
+      Content: SavedContent,
+      title: "Changes saved",
+    })
+    .open();
+}
+```
+
+Content props remain typed by `OverlayStore.register`, and `open` returns the overlay ID. Use `overlays.close(id)` to close an entry. A singleton controller ignores another open until its current entry has been removed after exit.
+
+Like Input, `Toast` assembles its default UI from composable parts. It supplies the semantic icon and close icon, renders `title` and `description`, and places children inside `Toast.Content`. Pass `action` and `actionProps` to add an action; `actionProps` accepts `onPress`, `disabled`, `loading`, and `closeOnPress`. Use `hideIcon` or `hideClose` to omit those default parts.
+
+```tsx
+<Toast
+  id="saved"
+  title="Changes saved"
+  description="Your workspace is up to date."
+  action="Undo"
+  actionProps={undoActionProps}
+/>
+```
+
+Supply a stable `undoActionProps` object with your `onPress` handler.
+
+## Custom composition
+
+Composable parts render the children you supply. They do not create fallback icons or content. Use `Toast.Root` when you want to assemble the whole notification yourself:
+
+```tsx
+import { Icon } from "@impulse-ui-native/icon/components/icon";
+import { XIcon } from "@impulse-ui-native/icon/icons/x";
+
+<Toast.Root id="custom" duration={0}>
+  <Toast.Content>
+    <Toast.Title>Custom notification</Toast.Title>
+    <Toast.Description>Choose your own content and actions.</Toast.Description>
+  </Toast.Content>
+  <Toast.Close>
+    <Icon icon={XIcon} size={24} />
+  </Toast.Close>
+</Toast.Root>;
+```
+
+## Parts
+
+- `Toast`: ready-made component with semantic icon, title/description, optional action, and close button.
+- `Toast.Root`: overlay lifecycle and themed surface; renders only supplied children. Defaults: bottom placement, success tone, 4000 ms duration. The inherited overlay title is rendered by `Toast`, not Root.
+- `Toast.Content`: flexible vertical text container.
+- `Toast.Title` and `Toast.Description`: token-aware typography with native text props.
+- `Toast.Icon`: themed semantic icon container; supply the icon as children.
+- `Toast.Action`: runs onPress and dismisses by default; `closeOnPress={false}` keeps the toast open. Disabled and loading actions block presses.
+- `Toast.Close`: dismiss action that renders supplied children, with an optional onPress callback.
+
+## Overlay lifecycle
+
+OverlayStore owns the entries and their open/close state. Toast adds no store, queue, or capacity limit. Each entry opens immediately at its placement, using the layer supplied by OverlayHost; newer entries at the same placement appear above older ones. There is no modal backdrop, so the surrounding application remains interactive.
+
+The timer starts after entry animation finishes, pauses when the app leaves the active state, and resumes with the remaining time. `duration={0}` (or a non-finite/non-positive duration) persists until dismissal. Use a persistent duration for messages that require a response.
+
+onOpen and onOpenFinished run during entry; onClose runs on dismissal, and onCloseFinished lets OverlayHost remove the entry after exit. Automatic dismissal calls the existing OverlayStore.close(id). Duration, foreground/background timer handling, and animation are component-owned. Unmounting cancels animation, timer and app-state subscriptions.
+
+Toasts fade and translate by the theme edge offset. Top toasts sit 8 px below the top safe-area inset, using the toast topOffset token; bottom and side gaps use the 16 px edgeOffset token. Placements and IDs should remain stable for an entry's lifetime. Root is designed for imperative OverlayStore registration; use the returned controller to dismiss it.
+
+## Theme
+
+Toast uses `theme.components.toast` for surfaces, geometry, typography, actions and semantic icon colors. Override those tokens through ThemeProvider's components prop, including a factory that derives custom values from the active light/dark theme. No additional toast provider or host is needed.
+
+## Verification
+
+Run `pnpm --filter @impulse-ui-native/toast test` for Node checks of timer pause/resume and lifecycle cancellation. Native services and animation completion are mocked; use the Toast stories in the on-device Storybook host to verify rendering and touch interaction on iOS and Android.

package/dist/components/index.d.mts

@@ -0,0 +1,20 @@
+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';
+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;
+} & {
+    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>;
+};
+
+export { Toast };

package/dist/components/index.js

@@ -0,0 +1,7 @@
+import { ToastComponent } from "./toast";
+import { Toast as ToastParts } from "./toast-parts";
+const Toast = Object.assign(ToastComponent, ToastParts);
+export {
+  Toast
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["import { ToastComponent } from \"./toast\";\nimport { Toast as ToastParts } from \"./toast-parts\";\n\nexport const Toast = Object.assign(ToastComponent, ToastParts);\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,SAAS,kBAAkB;AAE7B,MAAM,QAAQ,OAAO,OAAO,gBAAgB,UAAU;","names":[]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastAction };

package/dist/components/toast-action.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { Pressable, Typography } from "@impulse-ui-native/primitives";
+import { useThemedStyles } from "@impulse-ui-native/theme";
+import { useToastContext } from "../hooks/use-toast-context.hook";
+const ToastAction = memo(function ToastAction2({
+  children,
+  closeOnPress = true,
+  onPress,
+  disabled,
+  loading,
+  style,
+  ...props
+}) {
+  const { interactive, close } = useToastContext();
+  const blocked = disabled === true || loading === true || !interactive;
+  const styles = useThemedStyles(themedStyles, { blocked }, [blocked]);
+  const actionStyle = useMemo(
+    () => [styles.action, style],
+    [styles.action, style]
+  );
+  const handlePress = useEventCallback((event) => {
+    if (blocked) {
+      return;
+    }
+    onPress?.(event);
+    if (closeOnPress) {
+      close();
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      hitSlop: styles.action.paddingHorizontal,
+      ...props,
+      disabled: blocked,
+      onPress: handlePress,
+      style: actionStyle,
+      children: typeof children === "string" ? /* @__PURE__ */ jsx(Typography.Label, { style: styles.label, children }) : children
+    }
+  );
+});
+function themedStyles(theme, { blocked }) {
+  const tokens = theme.components.toast;
+  return StyleSheet.create({
+    action: {
+      minHeight: tokens.actionMinSize,
+      minWidth: tokens.actionMinSize,
+      alignItems: "center",
+      justifyContent: "center",
+      paddingHorizontal: tokens.gap
+    },
+    label: {
+      color: blocked ? tokens.disabledColor : tokens.actionColor,
+      fontWeight: "600"
+    }
+  });
+}
+export {
+  ToastAction
+};
+//# sourceMappingURL=toast-action.js.map

package/dist/components/toast-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-action.tsx"],"sourcesContent":["import type { GestureResponderEvent } from \"react-native\";\nimport { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { Pressable, Typography } from \"@impulse-ui-native/primitives\";\nimport { useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ToastActionProps } from \"../types\";\nimport { useToastContext } from \"../hooks/use-toast-context.hook\";\n\nexport const ToastAction = memo(function ToastAction({\n  children,\n  closeOnPress = true,\n  onPress,\n  disabled,\n  loading,\n  style,\n  ...props\n}: ToastActionProps) {\n  const { interactive, close } = useToastContext();\n\n  const blocked = disabled === true || loading === true || !interactive;\n\n  const styles = useThemedStyles(themedStyles, { blocked }, [blocked]);\n\n  const actionStyle = useMemo(\n    () => [styles.action, style],\n    [styles.action, style],\n  );\n\n  const handlePress = useEventCallback((event: GestureResponderEvent) => {\n    if (blocked) {\n      return;\n    }\n\n    onPress?.(event);\n\n    if (closeOnPress) {\n      close();\n    }\n  });\n\n  return (\n    <Pressable\n      hitSlop={styles.action.paddingHorizontal}\n      {...props}\n      disabled={blocked}\n      onPress={handlePress}\n      style={actionStyle}\n    >\n      {typeof children === \"string\" ? (\n        <Typography.Label style={styles.label}>{children}</Typography.Label>\n      ) : (\n        children\n      )}\n    </Pressable>\n  );\n});\n\nfunction themedStyles(\n  theme: AppTheme,\n  { blocked }: { blocked: boolean | undefined },\n) {\n  const tokens = theme.components.toast;\n\n  return StyleSheet.create({\n    action: {\n      minHeight: tokens.actionMinSize,\n      minWidth: tokens.actionMinSize,\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      paddingHorizontal: tokens.gap,\n    },\n    label: {\n      color: blocked ? tokens.disabledColor : tokens.actionColor,\n      fontWeight: \"600\",\n    },\n  });\n}\n"],"mappings":"AAqDQ;AApDR,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,wBAAwB;AACjC,SAAS,WAAW,kBAAkB;AACtC,SAAS,uBAAuB;AAGhC,SAAS,uBAAuB;AAEzB,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EACnD;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,EAAE,aAAa,MAAM,IAAI,gBAAgB;AAE/C,QAAM,UAAU,aAAa,QAAQ,YAAY,QAAQ,CAAC;AAE1D,QAAM,SAAS,gBAAgB,cAAc,EAAE,QAAQ,GAAG,CAAC,OAAO,CAAC;AAEnE,QAAM,cAAc;AAAA,IAClB,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAC3B,CAAC,OAAO,QAAQ,KAAK;AAAA,EACvB;AAEA,QAAM,cAAc,iBAAiB,CAAC,UAAiC;AACrE,QAAI,SAAS;AACX;AAAA,IACF;AAEA,cAAU,KAAK;AAEf,QAAI,cAAc;AAChB,YAAM;AAAA,IACR;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,OAAO;AAAA,MACtB,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MAEN,iBAAO,aAAa,WACnB,oBAAC,WAAW,OAAX,EAAiB,OAAO,OAAO,OAAQ,UAAS,IAEjD;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,SAAS,aACP,OACA,EAAE,QAAQ,GACV;AACA,QAAM,SAAS,MAAM,WAAW;AAEhC,SAAO,WAAW,OAAO;AAAA,IACvB,QAAQ;AAAA,MACN,WAAW,OAAO;AAAA,MAClB,UAAU,OAAO;AAAA,MACjB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,mBAAmB,OAAO;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,OAAO,UAAU,OAAO,gBAAgB,OAAO;AAAA,MAC/C,YAAY;AAAA,IACd;AAAA,EACF,CAAC;AACH;","names":["ToastAction"]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastClose };

package/dist/components/toast-close.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { ToastAction } from "./toast-action";
+const ToastClose = memo(function ToastClose2({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ToastAction, { ...props, closeOnPress: true, children });
+});
+export {
+  ToastClose
+};
+//# sourceMappingURL=toast-close.js.map

package/dist/components/toast-close.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-close.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport type { ToastCloseProps } from \"../types\";\nimport { ToastAction } from \"./toast-action\";\n\nexport const ToastClose = memo(function ToastClose({\n  children,\n  ...props\n}: ToastCloseProps) {\n  return (\n    <ToastAction {...props} closeOnPress>\n      {children}\n    </ToastAction>\n  );\n});\n"],"mappings":"AAUI;AAVJ,SAAS,YAAY;AAGrB,SAAS,mBAAmB;AAErB,MAAM,aAAa,KAAK,SAASA,YAAW;AAAA,EACjD;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,oBAAC,eAAa,GAAG,OAAO,cAAY,MACjC,UACH;AAEJ,CAAC;","names":["ToastClose"]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastContent };

package/dist/components/toast-content.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { View } from "@impulse-ui-native/primitives";
+import { useThemedStyles } from "@impulse-ui-native/theme";
+import { useToastContext } from "../hooks/use-toast-context.hook";
+const ToastContent = memo(function ToastContent2({
+  style,
+  ...props
+}) {
+  useToastContext();
+  const styles = useThemedStyles(themedStyles);
+  const contentStyle = useMemo(
+    () => [styles.content, style],
+    [styles.content, style]
+  );
+  return /* @__PURE__ */ jsx(View, { ...props, style: contentStyle });
+});
+function themedStyles(theme) {
+  return StyleSheet.create({
+    content: { flex: 1, minWidth: 0, gap: theme.components.toast.contentGap }
+  });
+}
+export {
+  ToastContent
+};
+//# sourceMappingURL=toast-content.js.map

package/dist/components/toast-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-content.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ToastContentProps } from \"../types\";\nimport { useToastContext } from \"../hooks/use-toast-context.hook\";\n\nexport const ToastContent = memo(function ToastContent({\n  style,\n  ...props\n}: ToastContentProps) {\n  useToastContext();\n\n  const styles = useThemedStyles(themedStyles);\n\n  const contentStyle = useMemo(\n    () => [styles.content, style],\n    [styles.content, style],\n  );\n\n  return <View {...props} style={contentStyle} />;\n});\n\nfunction themedStyles(theme: AppTheme) {\n  return StyleSheet.create({\n    content: { flex: 1, minWidth: 0, gap: theme.components.toast.contentGap },\n  });\n}\n"],"mappings":"AAuBS;AAvBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAGhC,SAAS,uBAAuB;AAEzB,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,kBAAgB;AAEhB,QAAM,SAAS,gBAAgB,YAAY;AAE3C,QAAM,eAAe;AAAA,IACnB,MAAM,CAAC,OAAO,SAAS,KAAK;AAAA,IAC5B,CAAC,OAAO,SAAS,KAAK;AAAA,EACxB;AAEA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,cAAc;AAC/C,CAAC;AAED,SAAS,aAAa,OAAiB;AACrC,SAAO,WAAW,OAAO;AAAA,IACvB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,KAAK,MAAM,WAAW,MAAM,WAAW;AAAA,EAC1E,CAAC;AACH;","names":["ToastContent"]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastDescription };

package/dist/components/toast-description.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Typography } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { useToastContext } from "../hooks/use-toast-context.hook";
+const ToastDescription = memo(function ToastDescription2(props) {
+  useToastContext();
+  const tokens = useComponentsTokens().toast;
+  return /* @__PURE__ */ jsx(
+    Typography.BodySmall,
+    {
+      color: tokens.descriptionColor,
+      fontSize: tokens.descriptionFontSize,
+      lineHeight: tokens.descriptionLineHeight,
+      ...props
+    }
+  );
+});
+export {
+  ToastDescription
+};
+//# sourceMappingURL=toast-description.js.map

package/dist/components/toast-description.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-description.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Typography } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ToastDescriptionProps } from \"../types\";\nimport { useToastContext } from \"../hooks/use-toast-context.hook\";\n\nexport const ToastDescription = memo(function ToastDescription(\n  props: ToastDescriptionProps,\n) {\n  useToastContext();\n\n  const tokens = useComponentsTokens().toast;\n\n  return (\n    <Typography.BodySmall\n      color={tokens.descriptionColor}\n      fontSize={tokens.descriptionFontSize}\n      lineHeight={tokens.descriptionLineHeight}\n      {...props}\n    />\n  );\n});\n"],"mappings":"AAgBI;AAhBJ,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAGpC,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,KAAK,SAASA,kBAC5C,OACA;AACA,kBAAgB;AAEhB,QAAM,SAAS,oBAAoB,EAAE;AAErC,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,MACjB,YAAY,OAAO;AAAA,MAClB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["ToastDescription"]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastIcon };

package/dist/components/toast-icon.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { View } from "@impulse-ui-native/primitives";
+import { useThemedStyles } from "@impulse-ui-native/theme";
+import { useToastContext } from "../hooks/use-toast-context.hook";
+const ToastIcon = memo(function ToastIcon2({
+  children,
+  style,
+  ...props
+}) {
+  const { tone } = useToastContext();
+  const styles = useThemedStyles(themedStyles, { tone }, [tone]);
+  const iconStyle = useMemo(() => [styles.icon, style], [styles.icon, style]);
+  return /* @__PURE__ */ jsx(View, { ...props, style: iconStyle, children });
+});
+function themedStyles(theme, { tone }) {
+  const tokens = theme.components.toast;
+  return StyleSheet.create({
+    icon: {
+      width: tokens.iconContainerSize,
+      height: tokens.iconContainerSize,
+      borderRadius: theme.radii.round,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: tokens.tones[tone].contrast
+    }
+  });
+}
+export {
+  ToastIcon
+};
+//# sourceMappingURL=toast-icon.js.map

package/dist/components/toast-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-icon.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme, ToastTone } from \"@impulse-ui-native/theme\";\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ToastIconProps } from \"../types\";\nimport { useToastContext } from \"../hooks/use-toast-context.hook\";\n\nexport const ToastIcon = memo(function ToastIcon({\n  children,\n  style,\n  ...props\n}: ToastIconProps) {\n  const { tone } = useToastContext();\n\n  const styles = useThemedStyles(themedStyles, { tone }, [tone]);\n\n  const iconStyle = useMemo(() => [styles.icon, style], [styles.icon, style]);\n\n  return (\n    <View {...props} style={iconStyle}>\n      {children}\n    </View>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, { tone }: { tone: ToastTone }) {\n  const tokens = theme.components.toast;\n\n  return StyleSheet.create({\n    icon: {\n      width: tokens.iconContainerSize,\n      height: tokens.iconContainerSize,\n      borderRadius: theme.radii.round,\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: tokens.tones[tone].contrast,\n    },\n  });\n}\n"],"mappings":"AAsBI;AAtBJ,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAGhC,SAAS,uBAAuB;AAEzB,MAAM,YAAY,KAAK,SAASA,WAAU;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,EAAE,KAAK,IAAI,gBAAgB;AAEjC,QAAM,SAAS,gBAAgB,cAAc,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC;AAE7D,QAAM,YAAY,QAAQ,MAAM,CAAC,OAAO,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,KAAK,CAAC;AAE1E,SACE,oBAAC,QAAM,GAAG,OAAO,OAAO,WACrB,UACH;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB,EAAE,KAAK,GAAwB;AACpE,QAAM,SAAS,MAAM,WAAW;AAEhC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,QAAQ,OAAO;AAAA,MACf,cAAc,MAAM,MAAM;AAAA,MAC1B,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,iBAAiB,OAAO,MAAM,IAAI,EAAE;AAAA,IACtC;AAAA,EACF,CAAC;AACH;","names":["ToastIcon"]}

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

@@ -0,0 +1,18 @@
+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>;
+};
+
+export { Toast };

package/dist/components/toast-parts.js

@@ -0,0 +1,20 @@
+import { ToastAction } from "./toast-action";
+import { ToastClose } from "./toast-close";
+import { ToastContent } from "./toast-content";
+import { ToastDescription } from "./toast-description";
+import { ToastIcon } from "./toast-icon";
+import { ToastRoot } from "./toast-root";
+import { ToastTitle } from "./toast-title";
+const Toast = {
+  Root: ToastRoot,
+  Content: ToastContent,
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Icon: ToastIcon,
+  Action: ToastAction,
+  Close: ToastClose
+};
+export {
+  Toast
+};
+//# sourceMappingURL=toast-parts.js.map

package/dist/components/toast-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-parts.ts"],"sourcesContent":["import { ToastAction } from \"./toast-action\";\nimport { ToastClose } from \"./toast-close\";\nimport { ToastContent } from \"./toast-content\";\nimport { ToastDescription } from \"./toast-description\";\nimport { ToastIcon } from \"./toast-icon\";\nimport { ToastRoot } from \"./toast-root\";\nimport { ToastTitle } from \"./toast-title\";\n\nexport const Toast = {\n  Root: ToastRoot,\n  Content: ToastContent,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Icon: ToastIcon,\n  Action: ToastAction,\n  Close: ToastClose,\n};\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;","names":[]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastRoot };

package/dist/components/toast-root.js

@@ -0,0 +1,84 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useComponentsTokens, useThemedStyles } from "@impulse-ui-native/theme";
+import { DefaultDuration } from "../constants/toast.constants";
+import { ToastContext } from "../contexts/toast.context";
+import { useToastLifecycle } from "../hooks/use-toast-lifecycle.hook";
+const ToastRoot = memo(function ToastRoot2(props) {
+  const {
+    children,
+    placement = "bottom",
+    tone = "success",
+    duration = DefaultDuration,
+    layer = 0
+  } = props;
+  const insets = useSafeAreaInsets();
+  const tokens = useComponentsTokens().toast;
+  const lifecycle = useToastLifecycle(props, duration);
+  const styles = useThemedStyles(themedStyles);
+  const { progress } = lifecycle;
+  const edgeOffset = tokens.edgeOffset;
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [
+      {
+        translateY: (1 - progress.value) * (placement === "top" ? -edgeOffset : edgeOffset)
+      }
+    ]
+  }));
+  const context = useMemo(
+    () => ({
+      tone,
+      interactive: lifecycle.interactive,
+      close: lifecycle.close
+    }),
+    [tone, lifecycle.interactive, lifecycle.close]
+  );
+  const containerStyle = useMemo(
+    () => [
+      styles.container,
+      {
+        left: insets.left + tokens.edgeOffset,
+        right: insets.right + tokens.edgeOffset,
+        [placement]: insets[placement] + (placement === "top" ? tokens.topOffset : tokens.edgeOffset),
+        zIndex: tokens.zIndexBase + layer
+      },
+      animatedStyle
+    ],
+    [styles.container, insets, tokens, placement, layer, animatedStyle]
+  );
+  if (lifecycle.finished) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      pointerEvents: lifecycle.interactive ? "auto" : "none",
+      style: containerStyle,
+      children
+    }
+  ) });
+});
+function themedStyles(theme) {
+  const tokens = theme.components.toast;
+  return StyleSheet.create({
+    container: {
+      position: "absolute",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: tokens.gap,
+      padding: tokens.padding,
+      borderRadius: tokens.borderRadius,
+      borderWidth: tokens.borderWidth,
+      borderColor: tokens.borderColor,
+      backgroundColor: tokens.backgroundColor
+    }
+  });
+}
+export {
+  ToastRoot
+};
+//# sourceMappingURL=toast-root.js.map

package/dist/components/toast-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-root.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport Animated, { useAnimatedStyle } from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useComponentsTokens, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ToastRootProps } from \"../types\";\nimport { DefaultDuration } from \"../constants/toast.constants\";\nimport { ToastContext } from \"../contexts/toast.context\";\nimport { useToastLifecycle } from \"../hooks/use-toast-lifecycle.hook\";\n\nexport const ToastRoot = memo(function ToastRoot(props: ToastRootProps) {\n  const {\n    children,\n    placement = \"bottom\",\n    tone = \"success\",\n    duration = DefaultDuration,\n    layer = 0,\n  } = props;\n\n  const insets = useSafeAreaInsets();\n\n  const tokens = useComponentsTokens().toast;\n\n  const lifecycle = useToastLifecycle(props, duration);\n  const styles = useThemedStyles(themedStyles);\n  const { progress } = lifecycle;\n  const edgeOffset = tokens.edgeOffset;\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: progress.value,\n    transform: [\n      {\n        translateY:\n          (1 - progress.value) *\n          (placement === \"top\" ? -edgeOffset : edgeOffset),\n      },\n    ],\n  }));\n\n  const context = useMemo(\n    () => ({\n      tone,\n      interactive: lifecycle.interactive,\n      close: lifecycle.close,\n    }),\n    [tone, lifecycle.interactive, lifecycle.close],\n  );\n  const containerStyle = useMemo(\n    () => [\n      styles.container,\n      {\n        left: insets.left + tokens.edgeOffset,\n        right: insets.right + tokens.edgeOffset,\n        [placement]:\n          insets[placement] +\n          (placement === \"top\" ? tokens.topOffset : tokens.edgeOffset),\n        zIndex: tokens.zIndexBase + layer,\n      },\n      animatedStyle,\n    ],\n    [styles.container, insets, tokens, placement, layer, animatedStyle],\n  );\n\n  if (lifecycle.finished) {\n    return null;\n  }\n\n  return (\n    <ToastContext.Provider value={context}>\n      <Animated.View\n        pointerEvents={lifecycle.interactive ? \"auto\" : \"none\"}\n        style={containerStyle}\n      >\n        {children}\n      </Animated.View>\n    </ToastContext.Provider>\n  );\n});\n\nfunction themedStyles(theme: AppTheme) {\n  const tokens = theme.components.toast;\n\n  return StyleSheet.create({\n    container: {\n      position: \"absolute\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      gap: tokens.gap,\n      padding: tokens.padding,\n      borderRadius: tokens.borderRadius,\n      borderWidth: tokens.borderWidth,\n      borderColor: tokens.borderColor,\n      backgroundColor: tokens.backgroundColor,\n    },\n  });\n}\n"],"mappings":"AAuEM;AAvEN,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,YAAY,wBAAwB;AAC3C,SAAS,yBAAyB;AAGlC,SAAS,qBAAqB,uBAAuB;AAGrD,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAE3B,MAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,EACV,IAAI;AAEJ,QAAM,SAAS,kBAAkB;AAEjC,QAAM,SAAS,oBAAoB,EAAE;AAErC,QAAM,YAAY,kBAAkB,OAAO,QAAQ;AACnD,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,aAAa,OAAO;AAC1B,QAAM,gBAAgB,iBAAiB,OAAO;AAAA,IAC5C,SAAS,SAAS;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,QACE,aACG,IAAI,SAAS,UACb,cAAc,QAAQ,CAAC,aAAa;AAAA,MACzC;AAAA,IACF;AAAA,EACF,EAAE;AAEF,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL;AAAA,MACA,aAAa,UAAU;AAAA,MACvB,OAAO,UAAU;AAAA,IACnB;AAAA,IACA,CAAC,MAAM,UAAU,aAAa,UAAU,KAAK;AAAA,EAC/C;AACA,QAAM,iBAAiB;AAAA,IACrB,MAAM;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,QACE,MAAM,OAAO,OAAO,OAAO;AAAA,QAC3B,OAAO,OAAO,QAAQ,OAAO;AAAA,QAC7B,CAAC,SAAS,GACR,OAAO,SAAS,KACf,cAAc,QAAQ,OAAO,YAAY,OAAO;AAAA,QACnD,QAAQ,OAAO,aAAa;AAAA,MAC9B;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW,QAAQ,QAAQ,WAAW,OAAO,aAAa;AAAA,EACpE;AAEA,MAAI,UAAU,UAAU;AACtB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,SAC5B;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,eAAe,UAAU,cAAc,SAAS;AAAA,MAChD,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAEhC,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,UAAU;AAAA,MACV,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO;AAAA,MACZ,SAAS,OAAO;AAAA,MAChB,cAAc,OAAO;AAAA,MACrB,aAAa,OAAO;AAAA,MACpB,aAAa,OAAO;AAAA,MACpB,iBAAiB,OAAO;AAAA,IAC1B;AAAA,EACF,CAAC;AACH;","names":["ToastRoot"]}

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

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastTitle };

package/dist/components/toast-title.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Typography } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { useToastContext } from "../hooks/use-toast-context.hook";
+const ToastTitle = memo(function ToastTitle2(props) {
+  useToastContext();
+  const tokens = useComponentsTokens().toast;
+  return /* @__PURE__ */ jsx(
+    Typography.Title6,
+    {
+      color: tokens.titleColor,
+      fontSize: tokens.titleFontSize,
+      lineHeight: tokens.titleLineHeight,
+      ...props
+    }
+  );
+});
+export {
+  ToastTitle
+};
+//# sourceMappingURL=toast-title.js.map

package/dist/components/toast-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast-title.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Typography } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ToastTitleProps } from \"../types\";\nimport { useToastContext } from \"../hooks/use-toast-context.hook\";\n\nexport const ToastTitle = memo(function ToastTitle(props: ToastTitleProps) {\n  useToastContext();\n\n  const tokens = useComponentsTokens().toast;\n\n  return (\n    <Typography.Title6\n      color={tokens.titleColor}\n      fontSize={tokens.titleFontSize}\n      lineHeight={tokens.titleLineHeight}\n      {...props}\n    />\n  );\n});\n"],"mappings":"AAcI;AAdJ,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAGpC,SAAS,uBAAuB;AAEzB,MAAM,aAAa,KAAK,SAASA,YAAW,OAAwB;AACzE,kBAAgB;AAEhB,QAAM,SAAS,oBAAoB,EAAE;AAErC,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,MACjB,YAAY,OAAO;AAAA,MAClB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["ToastTitle"]}

package/dist/components/toast.d.mts

@@ -0,0 +1,10 @@
+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>;
+
+export { ToastComponent };

package/dist/components/toast.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Icon } from "@impulse-ui-native/icon/components/icon";
+import { XIcon } from "@impulse-ui-native/icon/icons/x";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { ToastIcons } from "../constants/toast-icons.constants";
+import { Toast } from "./toast-parts";
+const ToastComponent = memo(function ToastComponent2({
+  children,
+  title,
+  description,
+  action,
+  actionProps,
+  tone = "success",
+  hideIcon = false,
+  hideClose = false,
+  ...props
+}) {
+  const tokens = useComponentsTokens().toast;
+  return /* @__PURE__ */ jsxs(Toast.Root, { ...props, tone, children: [
+    !hideIcon ? /* @__PURE__ */ jsx(Toast.Icon, { children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: ToastIcons[tone],
+        size: tokens.iconSize,
+        color: tokens.tones[tone].value
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsxs(Toast.Content, { children: [
+      title ? /* @__PURE__ */ jsx(Toast.Title, { children: title }) : null,
+      description !== null && description !== void 0 ? /* @__PURE__ */ jsx(Toast.Description, { children: description }) : null,
+      children
+    ] }),
+    action !== null && action !== void 0 ? /* @__PURE__ */ jsx(Toast.Action, { ...actionProps, children: action }) : null,
+    !hideClose ? /* @__PURE__ */ jsx(Toast.Close, { children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: XIcon,
+        size: tokens.iconSize,
+        color: tokens.descriptionColor
+      }
+    ) }) : null
+  ] });
+});
+export {
+  ToastComponent
+};
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toast.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { XIcon } from \"@impulse-ui-native/icon/icons/x\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ToastProps } from \"../types\";\nimport { ToastIcons } from \"../constants/toast-icons.constants\";\nimport { Toast } from \"./toast-parts\";\n\nexport const ToastComponent = memo(function ToastComponent({\n  children,\n  title,\n  description,\n  action,\n  actionProps,\n  tone = \"success\",\n  hideIcon = false,\n  hideClose = false,\n  ...props\n}: ToastProps) {\n  const tokens = useComponentsTokens().toast;\n\n  return (\n    <Toast.Root {...props} tone={tone}>\n      {!hideIcon ? (\n        <Toast.Icon>\n          <Icon\n            icon={ToastIcons[tone]}\n            size={tokens.iconSize}\n            color={tokens.tones[tone].value}\n          />\n        </Toast.Icon>\n      ) : null}\n      <Toast.Content>\n        {title ? <Toast.Title>{title}</Toast.Title> : null}\n        {description !== null && description !== undefined ? (\n          <Toast.Description>{description}</Toast.Description>\n        ) : null}\n        {children}\n      </Toast.Content>\n      {action !== null && action !== undefined ? (\n        <Toast.Action {...actionProps}>{action}</Toast.Action>\n      ) : null}\n      {!hideClose ? (\n        <Toast.Close>\n          <Icon\n            icon={XIcon}\n            size={tokens.iconSize}\n            color={tokens.descriptionColor}\n          />\n        </Toast.Close>\n      ) : null}\n    </Toast.Root>\n  );\n});\n"],"mappings":"AA2BU,cAOJ,YAPI;AA3BV,SAAS,YAAY;AAErB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,2BAA2B;AAGpC,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEf,MAAM,iBAAiB,KAAK,SAASA,gBAAe;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,GAAG;AACL,GAAe;AACb,QAAM,SAAS,oBAAoB,EAAE;AAErC,SACE,qBAAC,MAAM,MAAN,EAAY,GAAG,OAAO,MACpB;AAAA,KAAC,WACA,oBAAC,MAAM,MAAN,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW,IAAI;AAAA,QACrB,MAAM,OAAO;AAAA,QACb,OAAO,OAAO,MAAM,IAAI,EAAE;AAAA;AAAA,IAC5B,GACF,IACE;AAAA,IACJ,qBAAC,MAAM,SAAN,EACE;AAAA,cAAQ,oBAAC,MAAM,OAAN,EAAa,iBAAM,IAAiB;AAAA,MAC7C,gBAAgB,QAAQ,gBAAgB,SACvC,oBAAC,MAAM,aAAN,EAAmB,uBAAY,IAC9B;AAAA,MACH;AAAA,OACH;AAAA,IACC,WAAW,QAAQ,WAAW,SAC7B,oBAAC,MAAM,QAAN,EAAc,GAAG,aAAc,kBAAO,IACrC;AAAA,IACH,CAAC,YACA,oBAAC,MAAM,OAAN,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAM,OAAO;AAAA,QACb,OAAO,OAAO;AAAA;AAAA,IAChB,GACF,IACE;AAAA,KACN;AAEJ,CAAC;","names":["ToastComponent"]}

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

@@ -0,0 +1,17 @@
+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";
+interface IconWrapperProps extends SvgProps {
+    variant?: IconVariant;
+}
+
+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>;
+};
+
+export { ToastIcons };

package/dist/constants/toast-icons.constants.js

@@ -0,0 +1,14 @@
+import { CheckCircleIcon } from "@impulse-ui-native/icon/icons/check-circle";
+import { InfoIcon } from "@impulse-ui-native/icon/icons/info";
+import { WarningIcon } from "@impulse-ui-native/icon/icons/warning";
+import { XCircleIcon } from "@impulse-ui-native/icon/icons/x-circle";
+const ToastIcons = {
+  info: InfoIcon,
+  success: CheckCircleIcon,
+  warning: WarningIcon,
+  error: XCircleIcon
+};
+export {
+  ToastIcons
+};
+//# sourceMappingURL=toast-icons.constants.js.map

package/dist/constants/toast-icons.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/toast-icons.constants.ts"],"sourcesContent":["import { CheckCircleIcon } from \"@impulse-ui-native/icon/icons/check-circle\";\nimport { InfoIcon } from \"@impulse-ui-native/icon/icons/info\";\nimport { WarningIcon } from \"@impulse-ui-native/icon/icons/warning\";\nimport { XCircleIcon } from \"@impulse-ui-native/icon/icons/x-circle\";\n\nexport const ToastIcons = {\n  info: InfoIcon,\n  success: CheckCircleIcon,\n  warning: WarningIcon,\n  error: XCircleIcon,\n};\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAErB,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}

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

@@ -0,0 +1,5 @@
+declare const DefaultDuration = 4000;
+declare const EnterDuration = 180;
+declare const ExitDuration = 150;
+
+export { DefaultDuration, EnterDuration, ExitDuration };

package/dist/constants/toast.constants.js

@@ -0,0 +1,9 @@
+const DefaultDuration = 4e3;
+const EnterDuration = 180;
+const ExitDuration = 150;
+export {
+  DefaultDuration,
+  EnterDuration,
+  ExitDuration
+};
+//# sourceMappingURL=toast.constants.js.map

package/dist/constants/toast.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/toast.constants.ts"],"sourcesContent":["export const DefaultDuration = 4000;\nexport const EnterDuration = 180;\nexport const ExitDuration = 150;\n"],"mappings":"AAAO,MAAM,kBAAkB;AACxB,MAAM,gBAAgB;AACtB,MAAM,eAAe;","names":[]}

package/dist/contexts/toast.context.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ToastContextValue } from '../types/toast.types.mjs';
+import '@impulse-ui-native/overlay';
+import '@impulse-ui-native/primitives';
+import '@impulse-ui-native/theme';
+
+declare const ToastContext: react.Context<ToastContextValue | undefined>;
+
+export { ToastContext };

package/dist/contexts/toast.context.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const ToastContext = createContext(
+  void 0
+);
+export {
+  ToastContext
+};
+//# sourceMappingURL=toast.context.js.map

package/dist/contexts/toast.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/toast.context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nimport type { ToastContextValue } from \"../types\";\n\nexport const ToastContext = createContext<ToastContextValue | undefined>(\n  undefined,\n);\n"],"mappings":"AAAA,SAAS,qBAAqB;AAIvB,MAAM,eAAe;AAAA,EAC1B;AACF;","names":[]}

package/dist/hooks/use-toast-context.hook.d.mts

@@ -0,0 +1,9 @@
+import { ToastContextValue } from '../types/toast.types.mjs';
+import 'react';
+import '@impulse-ui-native/overlay';
+import '@impulse-ui-native/primitives';
+import '@impulse-ui-native/theme';
+
+declare function useToastContext(): ToastContextValue;
+
+export { useToastContext };

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

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { ToastContext } from "../contexts/toast.context";
+function useToastContext() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("Toast children must be rendered inside Toast.Root");
+  }
+  return context;
+}
+export {
+  useToastContext
+};
+//# sourceMappingURL=use-toast-context.hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-toast-context.hook.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ToastContext } from \"../contexts/toast.context\";\n\nexport function useToastContext() {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error(\"Toast children must be rendered inside Toast.Root\");\n  }\n\n  return context;\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAEtB,SAAS,kBAAkB;AAChC,QAAM,UAAU,WAAW,YAAY;AAEvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AAEA,SAAO;AACT;","names":[]}

package/dist/hooks/use-toast-lifecycle.hook.d.mts

@@ -0,0 +1,15 @@
+import * as react_native_reanimated from 'react-native-reanimated';
+import { ToastRootProps } from '../types/toast.types.mjs';
+import 'react';
+import '@impulse-ui-native/overlay';
+import '@impulse-ui-native/primitives';
+import '@impulse-ui-native/theme';
+
+declare function useToastLifecycle(props: ToastRootProps, duration: number): {
+    progress: react_native_reanimated.SharedValue<number>;
+    close: () => void;
+    finished: boolean;
+    interactive: boolean;
+};
+
+export { useToastLifecycle };

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

@@ -0,0 +1,129 @@
+import { useEffect, useRef, useState } from "react";
+import {
+  cancelAnimation,
+  useSharedValue,
+  withTiming
+} from "react-native-reanimated";
+import { scheduleOnRN } from "react-native-worklets";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { useOverlayContext } from "@impulse-ui-native/overlay";
+import { EnterDuration, ExitDuration } from "../constants/toast.constants";
+import { useToastTimer } from "./use-toast-timer.hook";
+function useToastLifecycle(props, duration) {
+  const {
+    id,
+    open = true,
+    onOpen,
+    onOpenFinished,
+    onClose,
+    onCloseFinished
+  } = props;
+  const { store } = useOverlayContext();
+  const [entered, setEntered] = useState(false);
+  const [finished, setFinished] = useState(false);
+  const opened = useRef(false);
+  const closing = useRef(false);
+  const settled = useRef(false);
+  const transitionId = useRef(0);
+  const progress = useSharedValue(0);
+  const close = useEventCallback(() => store.close(id));
+  const notifyOpen = useEventCallback(() => onOpen?.(id));
+  const notifyEntered = useEventCallback(() => onOpenFinished?.(id));
+  const notifyClose = useEventCallback(() => onClose?.(id));
+  const finishClose = useEventCallback(() => {
+    if (settled.current) {
+      return;
+    }
+    settled.current = true;
+    setFinished(true);
+    onCloseFinished?.(id);
+  });
+  const finishTransition = useEventCallback(
+    (completedTransitionId, entering) => {
+      if (transitionId.current !== completedTransitionId || settled.current) {
+        return;
+      }
+      if (entering) {
+        setEntered(true);
+        notifyEntered();
+      } else {
+        finishClose();
+      }
+    }
+  );
+  useToastTimer(entered && open && !finished, duration, close);
+  useEffect(() => {
+    if (finished) {
+      return;
+    }
+    const currentTransitionId = ++transitionId.current;
+    if (!open) {
+      const firstClose = !closing.current;
+      closing.current = true;
+      if (!opened.current) {
+        try {
+          if (firstClose) {
+            notifyClose();
+          }
+        } finally {
+          finishClose();
+        }
+        return;
+      }
+      try {
+        if (firstClose) {
+          notifyClose();
+        }
+      } finally {
+        progress.value = withTiming(
+          0,
+          { duration: ExitDuration },
+          (completed) => {
+            if (completed) {
+              scheduleOnRN(finishTransition, currentTransitionId, false);
+            }
+          }
+        );
+      }
+      return () => {
+        transitionId.current += 1;
+        cancelAnimation(progress);
+      };
+    }
+    const firstOpen = !opened.current;
+    opened.current = true;
+    try {
+      if (firstOpen) {
+        notifyOpen();
+      }
+    } finally {
+      progress.value = withTiming(
+        1,
+        { duration: EnterDuration },
+        (completed) => {
+          if (completed) {
+            scheduleOnRN(finishTransition, currentTransitionId, true);
+          }
+        }
+      );
+    }
+    return () => {
+      transitionId.current += 1;
+      cancelAnimation(progress);
+    };
+  }, [
+    finishClose,
+    finishTransition,
+    finished,
+    notifyClose,
+    notifyEntered,
+    notifyOpen,
+    open,
+    progress
+  ]);
+  return { progress, close, finished, interactive: open && !finished };
+}
+export {
+  useToastLifecycle
+};
+//# sourceMappingURL=use-toast-lifecycle.hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-toast-lifecycle.hook.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  cancelAnimation,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { scheduleOnRN } from \"react-native-worklets\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { useOverlayContext } from \"@impulse-ui-native/overlay\";\n\nimport type { ToastRootProps } from \"../types\";\nimport { EnterDuration, ExitDuration } from \"../constants/toast.constants\";\nimport { useToastTimer } from \"./use-toast-timer.hook\";\n\nexport function useToastLifecycle(props: ToastRootProps, duration: number) {\n  const {\n    id,\n    open = true,\n    onOpen,\n    onOpenFinished,\n    onClose,\n    onCloseFinished,\n  } = props;\n\n  const { store } = useOverlayContext();\n\n  const [entered, setEntered] = useState(false);\n  const [finished, setFinished] = useState(false);\n\n  const opened = useRef(false);\n  const closing = useRef(false);\n  const settled = useRef(false);\n  const transitionId = useRef(0);\n\n  const progress = useSharedValue(0);\n\n  const close = useEventCallback(() => store.close(id));\n\n  const notifyOpen = useEventCallback(() => onOpen?.(id));\n\n  const notifyEntered = useEventCallback(() => onOpenFinished?.(id));\n\n  const notifyClose = useEventCallback(() => onClose?.(id));\n\n  const finishClose = useEventCallback(() => {\n    if (settled.current) {\n      return;\n    }\n\n    settled.current = true;\n\n    setFinished(true);\n\n    onCloseFinished?.(id);\n  });\n\n  const finishTransition = useEventCallback(\n    (completedTransitionId: number, entering: boolean) => {\n      if (transitionId.current !== completedTransitionId || settled.current) {\n        return;\n      }\n\n      if (entering) {\n        setEntered(true);\n\n        notifyEntered();\n      } else {\n        finishClose();\n      }\n    },\n  );\n\n  useToastTimer(entered && open && !finished, duration, close);\n\n  useEffect(() => {\n    if (finished) {\n      return;\n    }\n\n    const currentTransitionId = ++transitionId.current;\n\n    if (!open) {\n      const firstClose = !closing.current;\n\n      closing.current = true;\n\n      if (!opened.current) {\n        try {\n          if (firstClose) {\n            notifyClose();\n          }\n        } finally {\n          finishClose();\n        }\n\n        return;\n      }\n\n      try {\n        if (firstClose) {\n          notifyClose();\n        }\n      } finally {\n        progress.value = withTiming(\n          0,\n          { duration: ExitDuration },\n          (completed) => {\n            if (completed) {\n              scheduleOnRN(finishTransition, currentTransitionId, false);\n            }\n          },\n        );\n      }\n\n      return () => {\n        transitionId.current += 1;\n\n        cancelAnimation(progress);\n      };\n    }\n\n    const firstOpen = !opened.current;\n\n    opened.current = true;\n\n    try {\n      if (firstOpen) {\n        notifyOpen();\n      }\n    } finally {\n      progress.value = withTiming(\n        1,\n        { duration: EnterDuration },\n        (completed) => {\n          if (completed) {\n            scheduleOnRN(finishTransition, currentTransitionId, true);\n          }\n        },\n      );\n    }\n\n    return () => {\n      transitionId.current += 1;\n\n      cancelAnimation(progress);\n    };\n  }, [\n    finishClose,\n    finishTransition,\n    finished,\n    notifyClose,\n    notifyEntered,\n    notifyOpen,\n    open,\n    progress,\n  ]);\n\n  return { progress, close, finished, interactive: open && !finished };\n}\n"],"mappings":"AAAA,SAAS,WAAW,QAAQ,gBAAgB;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAGlC,SAAS,eAAe,oBAAoB;AAC5C,SAAS,qBAAqB;AAEvB,SAAS,kBAAkB,OAAuB,UAAkB;AACzE,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,SAAS,OAAO,KAAK;AAC3B,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,eAAe,OAAO,CAAC;AAE7B,QAAM,WAAW,eAAe,CAAC;AAEjC,QAAM,QAAQ,iBAAiB,MAAM,MAAM,MAAM,EAAE,CAAC;AAEpD,QAAM,aAAa,iBAAiB,MAAM,SAAS,EAAE,CAAC;AAEtD,QAAM,gBAAgB,iBAAiB,MAAM,iBAAiB,EAAE,CAAC;AAEjE,QAAM,cAAc,iBAAiB,MAAM,UAAU,EAAE,CAAC;AAExD,QAAM,cAAc,iBAAiB,MAAM;AACzC,QAAI,QAAQ,SAAS;AACnB;AAAA,IACF;AAEA,YAAQ,UAAU;AAElB,gBAAY,IAAI;AAEhB,sBAAkB,EAAE;AAAA,EACtB,CAAC;AAED,QAAM,mBAAmB;AAAA,IACvB,CAAC,uBAA+B,aAAsB;AACpD,UAAI,aAAa,YAAY,yBAAyB,QAAQ,SAAS;AACrE;AAAA,MACF;AAEA,UAAI,UAAU;AACZ,mBAAW,IAAI;AAEf,sBAAc;AAAA,MAChB,OAAO;AACL,oBAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAEA,gBAAc,WAAW,QAAQ,CAAC,UAAU,UAAU,KAAK;AAE3D,YAAU,MAAM;AACd,QAAI,UAAU;AACZ;AAAA,IACF;AAEA,UAAM,sBAAsB,EAAE,aAAa;AAE3C,QAAI,CAAC,MAAM;AACT,YAAM,aAAa,CAAC,QAAQ;AAE5B,cAAQ,UAAU;AAElB,UAAI,CAAC,OAAO,SAAS;AACnB,YAAI;AACF,cAAI,YAAY;AACd,wBAAY;AAAA,UACd;AAAA,QACF,UAAE;AACA,sBAAY;AAAA,QACd;AAEA;AAAA,MACF;AAEA,UAAI;AACF,YAAI,YAAY;AACd,sBAAY;AAAA,QACd;AAAA,MACF,UAAE;AACA,iBAAS,QAAQ;AAAA,UACf;AAAA,UACA,EAAE,UAAU,aAAa;AAAA,UACzB,CAAC,cAAc;AACb,gBAAI,WAAW;AACb,2BAAa,kBAAkB,qBAAqB,KAAK;AAAA,YAC3D;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,aAAO,MAAM;AACX,qBAAa,WAAW;AAExB,wBAAgB,QAAQ;AAAA,MAC1B;AAAA,IACF;AAEA,UAAM,YAAY,CAAC,OAAO;AAE1B,WAAO,UAAU;AAEjB,QAAI;AACF,UAAI,WAAW;AACb,mBAAW;AAAA,MACb;AAAA,IACF,UAAE;AACA,eAAS,QAAQ;AAAA,QACf;AAAA,QACA,EAAE,UAAU,cAAc;AAAA,QAC1B,CAAC,cAAc;AACb,cAAI,WAAW;AACb,yBAAa,kBAAkB,qBAAqB,IAAI;AAAA,UAC1D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,WAAO,MAAM;AACX,mBAAa,WAAW;AAExB,sBAAgB,QAAQ;AAAA,IAC1B;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,EAAE,UAAU,OAAO,UAAU,aAAa,QAAQ,CAAC,SAAS;AACrE;","names":[]}

package/dist/hooks/use-toast-timer.hook.d.mts

@@ -0,0 +1,3 @@
+declare function useToastTimer(active: boolean, duration: number, close: () => void): void;
+
+export { useToastTimer };

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

@@ -0,0 +1,50 @@
+import { useEffect } from "react";
+import { AppState } from "react-native";
+import { useEventCallback } from "@impulse-ui-native/core";
+function useToastTimer(active, duration, close) {
+  const dismiss = useEventCallback(close);
+  useEffect(() => {
+    if (!active || !Number.isFinite(duration) || duration <= 0) {
+      return;
+    }
+    let remaining = duration;
+    let startedAt = 0;
+    let timeout;
+    const pause = () => {
+      if (timeout === void 0) {
+        return;
+      }
+      clearTimeout(timeout);
+      timeout = void 0;
+      remaining = Math.max(0, remaining - (Date.now() - startedAt));
+    };
+    const resume = () => {
+      if (timeout !== void 0) {
+        return;
+      }
+      startedAt = Date.now();
+      timeout = setTimeout(() => {
+        timeout = void 0;
+        dismiss();
+      }, remaining);
+    };
+    const subscription = AppState.addEventListener("change", (state) => {
+      if (state === "active") {
+        resume();
+      } else {
+        pause();
+      }
+    });
+    if (AppState.currentState === "active") {
+      resume();
+    }
+    return () => {
+      pause();
+      subscription.remove();
+    };
+  }, [active, dismiss, duration]);
+}
+export {
+  useToastTimer
+};
+//# sourceMappingURL=use-toast-timer.hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-toast-timer.hook.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { AppState } from \"react-native\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\n\nexport function useToastTimer(\n  active: boolean,\n  duration: number,\n  close: () => void,\n) {\n  const dismiss = useEventCallback(close);\n\n  useEffect(() => {\n    if (!active || !Number.isFinite(duration) || duration <= 0) {\n      return;\n    }\n\n    let remaining = duration;\n    let startedAt = 0;\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    const pause = () => {\n      if (timeout === undefined) {\n        return;\n      }\n\n      clearTimeout(timeout);\n\n      timeout = undefined;\n      remaining = Math.max(0, remaining - (Date.now() - startedAt));\n    };\n\n    const resume = () => {\n      if (timeout !== undefined) {\n        return;\n      }\n\n      startedAt = Date.now();\n      timeout = setTimeout(() => {\n        timeout = undefined;\n\n        dismiss();\n      }, remaining);\n    };\n\n    const subscription = AppState.addEventListener(\"change\", (state) => {\n      if (state === \"active\") {\n        resume();\n      } else {\n        pause();\n      }\n    });\n\n    if (AppState.currentState === \"active\") {\n      resume();\n    }\n\n    return () => {\n      pause();\n      subscription.remove();\n    };\n  }, [active, dismiss, duration]);\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAEzB,SAAS,wBAAwB;AAE1B,SAAS,cACd,QACA,UACA,OACA;AACA,QAAM,UAAU,iBAAiB,KAAK;AAEtC,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,CAAC,OAAO,SAAS,QAAQ,KAAK,YAAY,GAAG;AAC1D;AAAA,IACF;AAEA,QAAI,YAAY;AAChB,QAAI,YAAY;AAChB,QAAI;AAEJ,UAAM,QAAQ,MAAM;AAClB,UAAI,YAAY,QAAW;AACzB;AAAA,MACF;AAEA,mBAAa,OAAO;AAEpB,gBAAU;AACV,kBAAY,KAAK,IAAI,GAAG,aAAa,KAAK,IAAI,IAAI,UAAU;AAAA,IAC9D;AAEA,UAAM,SAAS,MAAM;AACnB,UAAI,YAAY,QAAW;AACzB;AAAA,MACF;AAEA,kBAAY,KAAK,IAAI;AACrB,gBAAU,WAAW,MAAM;AACzB,kBAAU;AAEV,gBAAQ;AAAA,MACV,GAAG,SAAS;AAAA,IACd;AAEA,UAAM,eAAe,SAAS,iBAAiB,UAAU,CAAC,UAAU;AAClE,UAAI,UAAU,UAAU;AACtB,eAAO;AAAA,MACT,OAAO;AACL,cAAM;AAAA,MACR;AAAA,IACF,CAAC;AAED,QAAI,SAAS,iBAAiB,UAAU;AACtC,aAAO;AAAA,IACT;AAEA,WAAO,MAAM;AACX,YAAM;AACN,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,QAAQ,CAAC;AAChC;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+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';
+import '@impulse-ui-native/theme';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/index.d.mts

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

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export * from "./toast.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./toast.types\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/types/toast.types.d.mts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { OverlayComponentProps } from '@impulse-ui-native/overlay';
+import { ButtonProps, ViewProps, TextProps } from '@impulse-ui-native/primitives';
+import { ToastTone } from '@impulse-ui-native/theme';
+
+type ToastPlacement = "top" | "bottom";
+interface ToastRootProps extends OverlayComponentProps {
+    placement?: ToastPlacement;
+    tone?: ToastTone;
+    /** Milliseconds after entry completes. Zero persists until dismissed. */
+    duration?: number;
+}
+interface ToastProps extends ToastRootProps {
+    description?: ReactNode;
+    action?: ReactNode;
+    actionProps?: Omit<ToastActionProps, "children">;
+    hideIcon?: boolean;
+    hideClose?: boolean;
+}
+type ToastContentProps = ViewProps;
+type ToastTitleProps = TextProps;
+type ToastDescriptionProps = TextProps;
+type ToastIconProps = ViewProps;
+interface ToastActionProps extends Omit<ButtonProps, "children" | "size" | "variant"> {
+    children?: ReactNode;
+    closeOnPress?: boolean;
+}
+type ToastCloseProps = Omit<ToastActionProps, "closeOnPress">;
+interface ToastContextValue {
+    tone: ToastTone;
+    interactive: boolean;
+    close: () => void;
+}
+
+export type { ToastActionProps, ToastCloseProps, ToastContentProps, ToastContextValue, ToastDescriptionProps, ToastIconProps, ToastPlacement, ToastProps, ToastRootProps, ToastTitleProps };

package/dist/types/toast.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=toast.types.js.map

package/dist/types/toast.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,70 @@
 {
   "name": "@impulse-ui-native/toast",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "6.0.0",
+  "description": "Compound toast notifications for ImpulseUI Native.",
+  "keywords": [
+    "react-native",
+    "toast",
+    "notifications",
+    "components"
+  ],
+  "license": "MIT",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@impulse-ui-native/theme": "6.0.0",
+    "@impulse-ui-native/overlay": "6.0.0",
+    "@impulse-ui-native/primitives": "6.0.0",
+    "@impulse-ui-native/core": "6.0.0",
+    "@impulse-ui-native/icon": "6.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "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",
+    "typescript": "~6.0.3",
+    "react-native-svg": "15.15.4",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73",
+    "react-native-reanimated": ">=4.0.0",
+    "react-native-worklets": ">=0.5",
+    "react-native-safe-area-context": ">=5.0.0",
+    "react-native-svg": ">=13.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore",
+    "test": "node --test tests/*.test.mjs"
+  }
 }