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

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,6 @@
+declare const DefaultDuration = 4000;
+declare const EnterDuration = 180;
+declare const ExitDuration = 150;
+declare const StackDuration = 220;
+
+export { DefaultDuration, EnterDuration, ExitDuration, StackDuration };

package/dist/constants/toast.constants.js

@@ -0,0 +1,11 @@
+const DefaultDuration = 4e3;
+const EnterDuration = 180;
+const ExitDuration = 150;
+const StackDuration = 220;
+export {
+  DefaultDuration,
+  EnterDuration,
+  ExitDuration,
+  StackDuration
+};
+//# 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;\nexport const StackDuration = 220;\n"],"mappings":"AAAO,MAAM,kBAAkB;AACxB,MAAM,gBAAgB;AACtB,MAAM,eAAe;AACrB,MAAM,gBAAgB;","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":"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","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.1.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.1.0",
+    "@impulse-ui-native/primitives": "6.1.0",
+    "@impulse-ui-native/overlay": "6.1.0",
+    "@impulse-ui-native/core": "6.1.0",
+    "@impulse-ui-native/icon": "6.1.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/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-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"
+  }
 }