@tamagui/toast 1.14.0 → 1.14.2

package/dist/esm/ToastAnnounce.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastAnnounce.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  Stack,\n  TamaguiElement,\n  Text,\n  styled,\n  useEvent,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Portal } from '@tamagui/portal'\nimport { VisuallyHidden } from '@tamagui/visually-hidden'\nimport * as React from 'react'\n\nimport { ScopedProps, useToastProviderContext } from './ToastProvider'\nimport { TOAST_NAME } from './constants'\n\nconst ToastAnnounceExcludeFrame = styled(Stack, {\n  name: 'ToastAnnounceExclude',\n})\ntype ToastAnnounceExcludeFrameProps = GetProps<typeof ToastAnnounceExcludeFrame>\ntype ToastAnnounceExcludeProps = ToastAnnounceExcludeFrameProps & {\n  altText?: string\n}\n\nconst ToastAnnounceExclude = React.forwardRef<TamaguiElement, ToastAnnounceExcludeProps>(\n  (props: ScopedProps<ToastAnnounceExcludeProps>, forwardedRef) => {\n    const { __scopeToast, altText, ...announceExcludeProps } = props\n\n    return (\n      <ToastAnnounceExcludeFrame\n        data-toast-announce-exclude=\"\"\n        data-toast-announce-alt={altText || undefined}\n        {...announceExcludeProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface ToastAnnounceProps\n  extends Omit<GetProps<typeof VisuallyHidden>, 'children'>,\n    ScopedProps<{ children: string[] }> {}\n\nconst ToastAnnounce: React.FC<ToastAnnounceProps> = (\n  props: ScopedProps<ToastAnnounceProps>\n) => {\n  const { __scopeToast, children, ...announceProps } = props\n  const context = useToastProviderContext(TOAST_NAME, __scopeToast)\n  const [renderAnnounceText, setRenderAnnounceText] = React.useState(false)\n  const [isAnnounced, setIsAnnounced] = React.useState(false)\n\n  // render text content in the next frame to ensure toast is announced in NVDA\n  useNextFrame(() => setRenderAnnounceText(true))\n\n  // cleanup after announcing\n  React.useEffect(() => {\n    const timer = setTimeout(() => setIsAnnounced(true), 1000)\n    return () => clearTimeout(timer)\n  }, [])\n\n  return isAnnounced ? null : (\n    <Portal asChild>\n      <VisuallyHidden {...announceProps}>\n        {renderAnnounceText && (\n          <Text>\n            {context.label} {children}\n          </Text>\n        )}\n      </VisuallyHidden>\n    </Portal>\n  )\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction useNextFrame(callback = () => {}) {\n  const fn = useEvent(callback)\n  useIsomorphicLayoutEffect(() => {\n    let raf1 = 0\n    let raf2 = 0\n    raf1 = requestAnimationFrame(() => (raf2 = requestAnimationFrame(fn)))\n    return () => {\n      cancelAnimationFrame(raf1)\n      cancelAnimationFrame(raf2)\n    }\n  }, [fn])\n}\n\n\nexport {\n  ToastAnnounce,\n  ToastAnnounceProps,\n  ToastAnnounceExclude,\n  ToastAnnounceExcludeProps,\n}\n"],
-  "mappings": "AA6BM,cAAAA,EAqCI,QAAAC,MArCJ,oBA7BN,OAEE,SAAAC,EAEA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,6BAAAC,MACK,gBACP,OAAS,UAAAC,MAAc,kBACvB,OAAS,kBAAAC,MAAsB,2BAC/B,UAAYC,MAAW,QAEvB,OAAsB,2BAAAC,MAA+B,kBACrD,OAAS,cAAAC,MAAkB,cAE3B,MAAMC,EAA4BR,EAAOF,EAAO,CAC9C,KAAM,sBACR,CAAC,EAMKW,EAAuBJ,EAAM,WACjC,CAACK,EAA+CC,IAAiB,CAC/D,KAAM,CAAE,aAAAC,EAAc,QAAAC,EAAS,GAAGC,CAAqB,EAAIJ,EAE3D,OACEd,EAACY,EAAA,CACC,8BAA4B,GAC5B,0BAAyBK,GAAW,OACnC,GAAGC,EACJ,IAAKH,EACP,CAEJ,CACF,EAQMI,EACJL,GACG,CACH,KAAM,CAAE,aAAAE,EAAc,SAAAI,EAAU,GAAGC,CAAc,EAAIP,EAC/CQ,EAAUZ,EAAwBC,EAAYK,CAAY,EAC1D,CAACO,EAAoBC,CAAqB,EAAIf,EAAM,SAAS,EAAK,EAClE,CAACgB,EAAaC,CAAc,EAAIjB,EAAM,SAAS,EAAK,EAG1D,OAAAkB,EAAa,IAAMH,EAAsB,EAAI,CAAC,EAG9Cf,EAAM,UAAU,IAAM,CACpB,MAAMmB,EAAQ,WAAW,IAAMF,EAAe,EAAI,EAAG,GAAI,EACzD,MAAO,IAAM,aAAaE,CAAK,CACjC,EAAG,CAAC,CAAC,EAEEH,EAAc,KACnBzB,EAACO,EAAA,CAAO,QAAO,GACb,SAAAP,EAACQ,EAAA,CAAgB,GAAGa,EACjB,SAAAE,GACCtB,EAACE,EAAA,CACE,UAAAmB,EAAQ,MAAM,IAAEF,GACnB,EAEJ,EACF,CAEJ,EAIA,SAASO,EAAaE,EAAW,IAAM,CAAC,EAAG,CACzC,MAAMC,EAAKzB,EAASwB,CAAQ,EAC5BvB,EAA0B,IAAM,CAC9B,IAAIyB,EAAO,EACPC,EAAO,EACX,OAAAD,EAAO,sBAAsB,IAAOC,EAAO,sBAAsBF,CAAE,CAAE,EAC9D,IAAM,CACX,qBAAqBC,CAAI,EACzB,qBAAqBC,CAAI,CAC3B,CACF,EAAG,CAACF,CAAE,CAAC,CACT",
-  "names": ["jsx", "jsxs", "Stack", "Text", "styled", "useEvent", "useIsomorphicLayoutEffect", "Portal", "VisuallyHidden", "React", "useToastProviderContext", "TOAST_NAME", "ToastAnnounceExcludeFrame", "ToastAnnounceExclude", "props", "forwardedRef", "__scopeToast", "altText", "announceExcludeProps", "ToastAnnounce", "children", "announceProps", "context", "renderAnnounceText", "setRenderAnnounceText", "isAnnounced", "setIsAnnounced", "useNextFrame", "timer", "callback", "fn", "raf1", "raf2"]
+  "mappings": "AA6BM,cAqCI,YArCJ;AA7BN;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AAEvB,SAAsB,+BAA+B;AACrD,SAAS,kBAAkB;AAE3B,MAAM,4BAA4B,OAAO,OAAO;AAAA,EAC9C,MAAM;AACR,CAAC;AAMD,MAAM,uBAAuB,MAAM;AAAA,EACjC,CAAC,OAA+C,iBAAiB;AAC/D,UAAM,EAAE,cAAc,SAAS,GAAG,qBAAqB,IAAI;AAE3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,+BAA4B;AAAA,QAC5B,2BAAyB,WAAW;AAAA,QACnC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAQA,MAAM,gBAA8C,CAClD,UACG;AACH,QAAM,EAAE,cAAc,UAAU,GAAG,cAAc,IAAI;AACrD,QAAM,UAAU,wBAAwB,YAAY,YAAY;AAChE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAG1D,eAAa,MAAM,sBAAsB,IAAI,CAAC;AAG9C,QAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,WAAW,MAAM,eAAe,IAAI,GAAG,GAAI;AACzD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,SAAO,cAAc,OACnB,oBAAC,UAAO,SAAO,MACb,8BAAC,kBAAgB,GAAG,eACjB,gCACC,qBAAC,QACE;AAAA,YAAQ;AAAA,IAAM;AAAA,IAAE;AAAA,KACnB,GAEJ,GACF;AAEJ;AAIA,SAAS,aAAa,WAAW,MAAM;AAAC,GAAG;AACzC,QAAM,KAAK,SAAS,QAAQ;AAC5B,4BAA0B,MAAM;AAC9B,QAAI,OAAO;AACX,QAAI,OAAO;AACX,WAAO,sBAAsB,MAAO,OAAO,sBAAsB,EAAE,CAAE;AACrE,WAAO,MAAM;AACX,2BAAqB,IAAI;AACzB,2BAAqB,IAAI;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,EAAE,CAAC;AACT;",
+  "names": []
 }

package/dist/esm/ToastImperative.js

@@ -1,2 +1,74 @@
-import{jsx as y}from"react/jsx-runtime";import{isWeb as d}from"@tamagui/core";import s,{createContext as p,useContext as m,useMemo as f,useRef as O}from"react";import{Platform as N}from"react-native";import{createNativeToast as V}from"./createNativeToast";const C=p({}),x=p(null),D=()=>m(C),h=()=>m(x),B=()=>({...D(),currentToast:h()}),E=({children:P,options:o})=>{const l=O(0),[I,r]=s.useState(null),[e,b]=s.useState(null),v=s.useCallback((c,a)=>{const t=(a==null?void 0:a.native)??o.native,A=Array.isArray(t)?t.includes("web"):t==="web",i=Array.isArray(t)?t.includes("mobile"):t==="mobile",S=i||(Array.isArray(t)?t.includes("android"):t==="android"),g=i||(Array.isArray(t)?t.includes("ios"):t==="ios"),T=t===!0||d&&A||!d&&i||N.OS==="android"&&S||N.OS==="ios"&&g;if(T){const n=V(c,a??{});typeof n=="object"&&n.nativeToastRef&&b(n.nativeToastRef)}return l.current++,r({title:c,id:l.current.toString(),...a,isHandledNatively:T}),!0},[r,o.native]),u=s.useCallback(()=>{e==null||e.close(),r(null)},[r,e]),R=f(()=>({show:v,hide:u,nativeToast:e,options:o}),[v,u,e,JSON.stringify(o||null)]),k=f(()=>{},[]);return y(C.Provider,{value:R,children:y(x.Provider,{value:I,children:P})})};export{E as ToastImperativeProvider,B as useToast,D as useToastController,h as useToastState};
+import { jsx } from "react/jsx-runtime";
+import { isWeb } from "@tamagui/core";
+import React, { createContext, useContext, useMemo, useRef } from "react";
+import { Platform } from "react-native";
+import { createNativeToast } from "./createNativeToast";
+const ToastContext = createContext({});
+const ToastCurrentContext = createContext(null);
+const useToastController = () => {
+  return useContext(ToastContext);
+};
+const useToastState = () => {
+  return useContext(ToastCurrentContext);
+};
+const useToast = () => {
+  return {
+    ...useToastController(),
+    currentToast: useToastState()
+  };
+};
+const ToastImperativeProvider = ({
+  children,
+  options
+}) => {
+  const counterRef = useRef(0);
+  const [toast, setToast] = React.useState(null);
+  const [lastNativeToastRef, setLastNativeToastRef] = React.useState(null);
+  const show = React.useCallback(
+    (title, showOptions) => {
+      const native = (showOptions == null ? void 0 : showOptions.native) ?? options.native;
+      const isWebNative = Array.isArray(native) ? native.includes("web") : native === "web";
+      const isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile";
+      const isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android");
+      const isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios");
+      const isHandledNatively = native === true || isWeb && isWebNative || !isWeb && isMobileNative || Platform.OS === "android" && isAndroidNative || Platform.OS === "ios" && isIosNative;
+      if (isHandledNatively) {
+        const nativeToastResult = createNativeToast(title, showOptions ?? {});
+        if (typeof nativeToastResult === "object" && nativeToastResult.nativeToastRef) {
+          setLastNativeToastRef(nativeToastResult.nativeToastRef);
+        }
+      }
+      counterRef.current++;
+      setToast({
+        title,
+        id: counterRef.current.toString(),
+        ...showOptions,
+        isHandledNatively
+      });
+      return true;
+    },
+    [setToast, options.native]
+  );
+  const hide = React.useCallback(() => {
+    lastNativeToastRef == null ? void 0 : lastNativeToastRef.close();
+    setToast(null);
+  }, [setToast, lastNativeToastRef]);
+  const contextValue = useMemo(() => {
+    return {
+      show,
+      hide,
+      nativeToast: lastNativeToastRef,
+      options
+    };
+  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+  const currentContextValue = useMemo(() => {
+  }, []);
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ToastCurrentContext.Provider, { value: toast, children }) });
+};
+export {
+  ToastImperativeProvider,
+  useToast,
+  useToastController,
+  useToastState
+};
 //# sourceMappingURL=ToastImperative.js.map

package/dist/esm/ToastImperative.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastImperative.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport React, { createContext, useContext, useMemo, useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, 'message'> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ToastContextI {\n  nativeToast: NativeToastRef | null\n\n  /**\n   * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n   */\n  show: (title: string, options?: ShowOptions) => boolean\n\n  /**\n   * Call it to hide the currently displayed toast.\n   *\n   * _NOTE_: does not work on Android native toasts\n   *\n   * _NOTE_: hides the last toast on web notification toasts\n   */\n  hide: () => void\n\n  options?: ToastImperativeOptions\n}\n\nconst ToastContext = createContext<ToastContextI>({} as any)\nconst ToastCurrentContext = createContext<ToastData | null>(null)\n\nexport const useToastController = () => {\n  return useContext(ToastContext)\n}\n\nexport const useToastState = () => {\n  return useContext(ToastCurrentContext)\n}\n\n/** @deprecated use `useToastController` and `useToastState` instead to avoid performance pitfalls */\nexport const useToast = () => {\n  return {\n    ...useToastController(),\n    currentToast: useToastState(),\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\n\nexport const ToastImperativeProvider = ({\n  children,\n  options,\n}: ToastImperativeProviderProps) => {\n  const counterRef = useRef(0)\n\n  const [toast, setToast] = React.useState<ToastData | null>(null)\n\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ToastContextI['nativeToast']>(null)\n\n  const show = React.useCallback<ToastContextI['show']>(\n    (title, showOptions) => {\n      const native = showOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hide = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  const contextValue = useMemo(() => {\n    return {\n      show,\n      hide,\n      nativeToast: lastNativeToastRef,\n      options,\n    }\n  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)])\n\n  const currentContextValue = useMemo(() => {}, [])\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      <ToastCurrentContext.Provider value={toast}>\n        {children}\n      </ToastCurrentContext.Provider>\n    </ToastContext.Provider>\n  )\n}\n\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
-  "mappings": "AAqJM,cAAAA,MAAA,oBArJN,OAAS,SAAAC,MAAa,gBACtB,OAAOC,GAAS,iBAAAC,EAAe,cAAAC,EAAY,WAAAC,EAAS,UAAAC,MAAc,QAClE,OAAS,YAAAC,MAAgB,eAEzB,OAAS,qBAAAC,MAAyB,sBAiDlC,MAAMC,EAAeN,EAA6B,CAAC,CAAQ,EACrDO,EAAsBP,EAAgC,IAAI,EAEnDQ,EAAqB,IACzBP,EAAWK,CAAY,EAGnBG,EAAgB,IACpBR,EAAWM,CAAmB,EAI1BG,EAAW,KACf,CACL,GAAGF,EAAmB,EACtB,aAAcC,EAAc,CAC9B,GAWWE,EAA0B,CAAC,CACtC,SAAAC,EACA,QAAAC,CACF,IAAoC,CAClC,MAAMC,EAAaX,EAAO,CAAC,EAErB,CAACY,EAAOC,CAAQ,EAAIjB,EAAM,SAA2B,IAAI,EAEzD,CAACkB,EAAoBC,CAAqB,EAC9CnB,EAAM,SAAuC,IAAI,EAE7CoB,EAAOpB,EAAM,YACjB,CAACqB,EAAOC,IAAgB,CACtB,MAAMC,GAASD,GAAA,YAAAA,EAAa,SAAUR,EAAQ,OACxCU,EAAc,MAAM,QAAQD,CAAM,EACpCA,EAAO,SAAS,KAAK,EACrBA,IAAW,MACTE,EAAiB,MAAM,QAAQF,CAAM,EACvCA,EAAO,SAAS,QAAQ,EACxBA,IAAW,SACTG,EACJD,IACC,MAAM,QAAQF,CAAM,EAAIA,EAAO,SAAS,SAAS,EAAIA,IAAW,WAC7DI,EACJF,IACC,MAAM,QAAQF,CAAM,EAAIA,EAAO,SAAS,KAAK,EAAIA,IAAW,OAEzDK,EACJL,IAAW,IACVxB,GAASyB,GACT,CAACzB,GAAS0B,GACVpB,EAAS,KAAO,WAAaqB,GAC7BrB,EAAS,KAAO,OAASsB,EAE5B,GAAIC,EAAmB,CACrB,MAAMC,EAAoBvB,EAAkBe,EAAOC,GAAe,CAAC,CAAC,EAChE,OAAOO,GAAsB,UAAYA,EAAkB,gBAC7DV,EAAsBU,EAAkB,cAAc,CAE1D,CACA,OAAAd,EAAW,UACXE,EAAS,CACP,MAAAI,EACA,GAAIN,EAAW,QAAQ,SAAS,EAChC,GAAGO,EACH,kBAAAM,CACF,CAAC,EACM,EACT,EACA,CAACX,EAAUH,EAAQ,MAAM,CAC3B,EACMgB,EAAO9B,EAAM,YAAY,IAAM,CACnCkB,GAAA,MAAAA,EAAoB,QACpBD,EAAS,IAAI,CACf,EAAG,CAACA,EAAUC,CAAkB,CAAC,EAE3Ba,EAAe5B,EAAQ,KACpB,CACL,KAAAiB,EACA,KAAAU,EACA,YAAaZ,EACb,QAAAJ,CACF,GACC,CAACM,EAAMU,EAAMZ,EAAoB,KAAK,UAAUJ,GAAW,IAAI,CAAC,CAAC,EAE9DkB,EAAsB7B,EAAQ,IAAM,CAAC,EAAG,CAAC,CAAC,EAEhD,OACEL,EAACS,EAAa,SAAb,CAAsB,MAAOwB,EAC5B,SAAAjC,EAACU,EAAoB,SAApB,CAA6B,MAAOQ,EAClC,SAAAH,EACH,EACF,CAEJ",
-  "names": ["jsx", "isWeb", "React", "createContext", "useContext", "useMemo", "useRef", "Platform", "createNativeToast", "ToastContext", "ToastCurrentContext", "useToastController", "useToastState", "useToast", "ToastImperativeProvider", "children", "options", "counterRef", "toast", "setToast", "lastNativeToastRef", "setLastNativeToastRef", "show", "title", "showOptions", "native", "isWebNative", "isMobileNative", "isAndroidNative", "isIosNative", "isHandledNatively", "nativeToastResult", "hide", "contextValue", "currentContextValue"]
+  "mappings": "AAqJM;AArJN,SAAS,aAAa;AACtB,OAAO,SAAS,eAAe,YAAY,SAAS,cAAc;AAClE,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AAiDlC,MAAM,eAAe,cAA6B,CAAC,CAAQ;AAC3D,MAAM,sBAAsB,cAAgC,IAAI;AAEzD,MAAM,qBAAqB,MAAM;AACtC,SAAO,WAAW,YAAY;AAChC;AAEO,MAAM,gBAAgB,MAAM;AACjC,SAAO,WAAW,mBAAmB;AACvC;AAGO,MAAM,WAAW,MAAM;AAC5B,SAAO;AAAA,IACL,GAAG,mBAAmB;AAAA,IACtB,cAAc,cAAc;AAAA,EAC9B;AACF;AAUO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,aAAa,OAAO,CAAC;AAE3B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA2B,IAAI;AAE/D,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAuC,IAAI;AAEnD,QAAM,OAAO,MAAM;AAAA,IACjB,CAAC,OAAO,gBAAgB;AACtB,YAAM,UAAS,2CAAa,WAAU,QAAQ;AAC9C,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,SAAS,eACT,CAAC,SAAS,kBACV,SAAS,OAAO,aAAa,mBAC7B,SAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,oBAAoB,kBAAkB,OAAO,eAAe,CAAC,CAAC;AACpE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,OAAO,MAAM,YAAY,MAAM;AACnC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,oBAAoB,KAAK,UAAU,WAAW,IAAI,CAAC,CAAC;AAEpE,QAAM,sBAAsB,QAAQ,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AAEhD,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAC5B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,OAClC,UACH,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/ToastImperative.mjs

@@ -1,2 +1,74 @@
-import{jsx as y}from"react/jsx-runtime";import{isWeb as d}from"@tamagui/core";import s,{createContext as p,useContext as m,useMemo as f,useRef as O}from"react";import{Platform as N}from"react-native";import{createNativeToast as V}from"./createNativeToast";const C=p({}),x=p(null),D=()=>m(C),h=()=>m(x),B=()=>({...D(),currentToast:h()}),E=({children:P,options:o})=>{const l=O(0),[I,r]=s.useState(null),[e,b]=s.useState(null),v=s.useCallback((c,a)=>{const t=(a==null?void 0:a.native)??o.native,A=Array.isArray(t)?t.includes("web"):t==="web",i=Array.isArray(t)?t.includes("mobile"):t==="mobile",S=i||(Array.isArray(t)?t.includes("android"):t==="android"),g=i||(Array.isArray(t)?t.includes("ios"):t==="ios"),T=t===!0||d&&A||!d&&i||N.OS==="android"&&S||N.OS==="ios"&&g;if(T){const n=V(c,a??{});typeof n=="object"&&n.nativeToastRef&&b(n.nativeToastRef)}return l.current++,r({title:c,id:l.current.toString(),...a,isHandledNatively:T}),!0},[r,o.native]),u=s.useCallback(()=>{e==null||e.close(),r(null)},[r,e]),R=f(()=>({show:v,hide:u,nativeToast:e,options:o}),[v,u,e,JSON.stringify(o||null)]),k=f(()=>{},[]);return y(C.Provider,{value:R,children:y(x.Provider,{value:I,children:P})})};export{E as ToastImperativeProvider,B as useToast,D as useToastController,h as useToastState};
+import { jsx } from "react/jsx-runtime";
+import { isWeb } from "@tamagui/core";
+import React, { createContext, useContext, useMemo, useRef } from "react";
+import { Platform } from "react-native";
+import { createNativeToast } from "./createNativeToast";
+const ToastContext = createContext({});
+const ToastCurrentContext = createContext(null);
+const useToastController = () => {
+  return useContext(ToastContext);
+};
+const useToastState = () => {
+  return useContext(ToastCurrentContext);
+};
+const useToast = () => {
+  return {
+    ...useToastController(),
+    currentToast: useToastState()
+  };
+};
+const ToastImperativeProvider = ({
+  children,
+  options
+}) => {
+  const counterRef = useRef(0);
+  const [toast, setToast] = React.useState(null);
+  const [lastNativeToastRef, setLastNativeToastRef] = React.useState(null);
+  const show = React.useCallback(
+    (title, showOptions) => {
+      const native = (showOptions == null ? void 0 : showOptions.native) ?? options.native;
+      const isWebNative = Array.isArray(native) ? native.includes("web") : native === "web";
+      const isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile";
+      const isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android");
+      const isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios");
+      const isHandledNatively = native === true || isWeb && isWebNative || !isWeb && isMobileNative || Platform.OS === "android" && isAndroidNative || Platform.OS === "ios" && isIosNative;
+      if (isHandledNatively) {
+        const nativeToastResult = createNativeToast(title, showOptions ?? {});
+        if (typeof nativeToastResult === "object" && nativeToastResult.nativeToastRef) {
+          setLastNativeToastRef(nativeToastResult.nativeToastRef);
+        }
+      }
+      counterRef.current++;
+      setToast({
+        title,
+        id: counterRef.current.toString(),
+        ...showOptions,
+        isHandledNatively
+      });
+      return true;
+    },
+    [setToast, options.native]
+  );
+  const hide = React.useCallback(() => {
+    lastNativeToastRef == null ? void 0 : lastNativeToastRef.close();
+    setToast(null);
+  }, [setToast, lastNativeToastRef]);
+  const contextValue = useMemo(() => {
+    return {
+      show,
+      hide,
+      nativeToast: lastNativeToastRef,
+      options
+    };
+  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+  const currentContextValue = useMemo(() => {
+  }, []);
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ToastCurrentContext.Provider, { value: toast, children }) });
+};
+export {
+  ToastImperativeProvider,
+  useToast,
+  useToastController,
+  useToastState
+};
 //# sourceMappingURL=ToastImperative.mjs.map

package/dist/esm/ToastImperative.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastImperative.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport React, { createContext, useContext, useMemo, useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, 'message'> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ToastContextI {\n  nativeToast: NativeToastRef | null\n\n  /**\n   * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n   */\n  show: (title: string, options?: ShowOptions) => boolean\n\n  /**\n   * Call it to hide the currently displayed toast.\n   *\n   * _NOTE_: does not work on Android native toasts\n   *\n   * _NOTE_: hides the last toast on web notification toasts\n   */\n  hide: () => void\n\n  options?: ToastImperativeOptions\n}\n\nconst ToastContext = createContext<ToastContextI>({} as any)\nconst ToastCurrentContext = createContext<ToastData | null>(null)\n\nexport const useToastController = () => {\n  return useContext(ToastContext)\n}\n\nexport const useToastState = () => {\n  return useContext(ToastCurrentContext)\n}\n\n/** @deprecated use `useToastController` and `useToastState` instead to avoid performance pitfalls */\nexport const useToast = () => {\n  return {\n    ...useToastController(),\n    currentToast: useToastState(),\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\n\nexport const ToastImperativeProvider = ({\n  children,\n  options,\n}: ToastImperativeProviderProps) => {\n  const counterRef = useRef(0)\n\n  const [toast, setToast] = React.useState<ToastData | null>(null)\n\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ToastContextI['nativeToast']>(null)\n\n  const show = React.useCallback<ToastContextI['show']>(\n    (title, showOptions) => {\n      const native = showOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hide = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  const contextValue = useMemo(() => {\n    return {\n      show,\n      hide,\n      nativeToast: lastNativeToastRef,\n      options,\n    }\n  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)])\n\n  const currentContextValue = useMemo(() => {}, [])\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      <ToastCurrentContext.Provider value={toast}>\n        {children}\n      </ToastCurrentContext.Provider>\n    </ToastContext.Provider>\n  )\n}\n\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
-  "mappings": "AAqJM,cAAAA,MAAA,oBArJN,OAAS,SAAAC,MAAa,gBACtB,OAAOC,GAAS,iBAAAC,EAAe,cAAAC,EAAY,WAAAC,EAAS,UAAAC,MAAc,QAClE,OAAS,YAAAC,MAAgB,eAEzB,OAAS,qBAAAC,MAAyB,sBAiDlC,MAAMC,EAAeN,EAA6B,CAAC,CAAQ,EACrDO,EAAsBP,EAAgC,IAAI,EAEnDQ,EAAqB,IACzBP,EAAWK,CAAY,EAGnBG,EAAgB,IACpBR,EAAWM,CAAmB,EAI1BG,EAAW,KACf,CACL,GAAGF,EAAmB,EACtB,aAAcC,EAAc,CAC9B,GAWWE,EAA0B,CAAC,CACtC,SAAAC,EACA,QAAAC,CACF,IAAoC,CAClC,MAAMC,EAAaX,EAAO,CAAC,EAErB,CAACY,EAAOC,CAAQ,EAAIjB,EAAM,SAA2B,IAAI,EAEzD,CAACkB,EAAoBC,CAAqB,EAC9CnB,EAAM,SAAuC,IAAI,EAE7CoB,EAAOpB,EAAM,YACjB,CAACqB,EAAOC,IAAgB,CACtB,MAAMC,GAASD,GAAA,YAAAA,EAAa,SAAUR,EAAQ,OACxCU,EAAc,MAAM,QAAQD,CAAM,EACpCA,EAAO,SAAS,KAAK,EACrBA,IAAW,MACTE,EAAiB,MAAM,QAAQF,CAAM,EACvCA,EAAO,SAAS,QAAQ,EACxBA,IAAW,SACTG,EACJD,IACC,MAAM,QAAQF,CAAM,EAAIA,EAAO,SAAS,SAAS,EAAIA,IAAW,WAC7DI,EACJF,IACC,MAAM,QAAQF,CAAM,EAAIA,EAAO,SAAS,KAAK,EAAIA,IAAW,OAEzDK,EACJL,IAAW,IACVxB,GAASyB,GACT,CAACzB,GAAS0B,GACVpB,EAAS,KAAO,WAAaqB,GAC7BrB,EAAS,KAAO,OAASsB,EAE5B,GAAIC,EAAmB,CACrB,MAAMC,EAAoBvB,EAAkBe,EAAOC,GAAe,CAAC,CAAC,EAChE,OAAOO,GAAsB,UAAYA,EAAkB,gBAC7DV,EAAsBU,EAAkB,cAAc,CAE1D,CACA,OAAAd,EAAW,UACXE,EAAS,CACP,MAAAI,EACA,GAAIN,EAAW,QAAQ,SAAS,EAChC,GAAGO,EACH,kBAAAM,CACF,CAAC,EACM,EACT,EACA,CAACX,EAAUH,EAAQ,MAAM,CAC3B,EACMgB,EAAO9B,EAAM,YAAY,IAAM,CACnCkB,GAAA,MAAAA,EAAoB,QACpBD,EAAS,IAAI,CACf,EAAG,CAACA,EAAUC,CAAkB,CAAC,EAE3Ba,EAAe5B,EAAQ,KACpB,CACL,KAAAiB,EACA,KAAAU,EACA,YAAaZ,EACb,QAAAJ,CACF,GACC,CAACM,EAAMU,EAAMZ,EAAoB,KAAK,UAAUJ,GAAW,IAAI,CAAC,CAAC,EAE9DkB,EAAsB7B,EAAQ,IAAM,CAAC,EAAG,CAAC,CAAC,EAEhD,OACEL,EAACS,EAAa,SAAb,CAAsB,MAAOwB,EAC5B,SAAAjC,EAACU,EAAoB,SAApB,CAA6B,MAAOQ,EAClC,SAAAH,EACH,EACF,CAEJ",
-  "names": ["jsx", "isWeb", "React", "createContext", "useContext", "useMemo", "useRef", "Platform", "createNativeToast", "ToastContext", "ToastCurrentContext", "useToastController", "useToastState", "useToast", "ToastImperativeProvider", "children", "options", "counterRef", "toast", "setToast", "lastNativeToastRef", "setLastNativeToastRef", "show", "title", "showOptions", "native", "isWebNative", "isMobileNative", "isAndroidNative", "isIosNative", "isHandledNatively", "nativeToastResult", "hide", "contextValue", "currentContextValue"]
+  "mappings": "AAqJM;AArJN,SAAS,aAAa;AACtB,OAAO,SAAS,eAAe,YAAY,SAAS,cAAc;AAClE,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AAiDlC,MAAM,eAAe,cAA6B,CAAC,CAAQ;AAC3D,MAAM,sBAAsB,cAAgC,IAAI;AAEzD,MAAM,qBAAqB,MAAM;AACtC,SAAO,WAAW,YAAY;AAChC;AAEO,MAAM,gBAAgB,MAAM;AACjC,SAAO,WAAW,mBAAmB;AACvC;AAGO,MAAM,WAAW,MAAM;AAC5B,SAAO;AAAA,IACL,GAAG,mBAAmB;AAAA,IACtB,cAAc,cAAc;AAAA,EAC9B;AACF;AAUO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,aAAa,OAAO,CAAC;AAE3B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA2B,IAAI;AAE/D,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAuC,IAAI;AAEnD,QAAM,OAAO,MAAM;AAAA,IACjB,CAAC,OAAO,gBAAgB;AACtB,YAAM,UAAS,2CAAa,WAAU,QAAQ;AAC9C,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,SAAS,eACT,CAAC,SAAS,kBACV,SAAS,OAAO,aAAa,mBAC7B,SAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,oBAAoB,kBAAkB,OAAO,eAAe,CAAC,CAAC;AACpE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,OAAO,MAAM,YAAY,MAAM;AACnC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,oBAAoB,KAAK,UAAU,WAAW,IAAI,CAAC,CAAC;AAEpE,QAAM,sBAAsB,QAAQ,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AAEhD,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAC5B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,OAClC,UACH,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/ToastImpl.js

@@ -1,2 +1,329 @@
-import{Fragment as he,jsx as c,jsxs as be}from"react/jsx-runtime";import{useIsPresent as se}from"@tamagui/animate-presence";import{useComposedRefs as re}from"@tamagui/compose-refs";import{Theme as ie,composeEventHandlers as z,isWeb as l,styled as ae,useAnimationDriver as ce,useEvent as ue,useThemeName as le}from"@tamagui/core";import{Dismissable as pe}from"@tamagui/dismissable";import{PortalItem as me}from"@tamagui/portal";import{ThemeableStack as de}from"@tamagui/stacks";import*as s from"react";import{PanResponder as fe}from"react-native";import{TOAST_NAME as H}from"./constants";import{ToastAnnounce as Te}from"./ToastAnnounce";import{Collection as ve,createToastContext as Ee,useToastProviderContext as we}from"./ToastProvider";import{VIEWPORT_PAUSE as K,VIEWPORT_RESUME as $}from"./ToastViewport";const G=ae(de,{name:"ToastImpl",variants:{backgrounded:{true:{backgroundColor:"$color6"}},unstyled:{false:{borderRadius:"$10",paddingHorizontal:"$5",paddingVertical:"$2",marginHorizontal:"auto",marginVertical:"$1"}}},defaultVariants:{backgrounded:!0,unstyled:!1}}),[ye,Pe]=Ee(H,{onClose(){}}),X=s.forwardRef((n,r)=>{const{__scopeToast:i,type:o="foreground",duration:p,open:a,onClose:b,onEscapeKeyDown:u,onPause:v,onResume:E,onSwipeStart:R,onSwipeMove:C,onSwipeCancel:S,onSwipeEnd:M,viewportName:Y,...q}=n,B=se(),t=we(H,i),[m,J]=s.useState(null),Q=re(r,e=>J(e)),D=p||t.duration,V=s.useRef(0),x=s.useRef(D),A=s.useRef(0),{onToastAdd:L,onToastRemove:F}=t,w=ue(()=>{var e;B&&(l&&(m!=null&&m.contains(document.activeElement))&&((e=t.viewport)==null||e.focus()),b())}),y=s.useCallback(e=>{!e||e===1/0||(clearTimeout(A.current),V.current=new Date().getTime(),A.current=setTimeout(w,e))},[w]),d=s.useCallback(()=>{y(x.current),E==null||E()},[E,y]),f=s.useCallback(()=>{const e=new Date().getTime()-V.current;x.current=x.current-e,window.clearTimeout(A.current),v==null||v()},[v]);s.useEffect(()=>{if(!l)return;const e=t.viewport;if(e)return e.addEventListener(K,f),e.addEventListener($,d),()=>{e.removeEventListener(K,f),e.removeEventListener($,d)}},[t.viewport,D,v,E,y]),s.useEffect(()=>{a&&!t.isClosePausedRef.current&&y(D)},[a,D,t.isClosePausedRef,y]),s.useEffect(()=>(L(),()=>F()),[L,F]);const _=s.useMemo(()=>l&&m?U(m):null,[m]),O=["left","right","horizontal"].includes(t.swipeDirection),I=ce();if(!I)throw new Error("Must set animations in tamagui.config.ts");const{useAnimatedNumber:Z,useAnimatedNumberStyle:j}=I,N=Z(0),ee=I.NumberView??I.View,te=j(N,e=>({transform:[O?{translateX:e}:{translateY:e}]})),k=s.useMemo(()=>fe.create({onMoveShouldSetPanResponder:e=>(R==null||R(e),!0),onPanResponderGrant:e=>{l||f==null||f()},onPanResponderMove:(e,{dy:T,dx:P})=>{let g=0,h=0;t.swipeDirection==="horizontal"?h=P:t.swipeDirection==="left"?h=Math.min(0,P):t.swipeDirection==="right"?h=Math.max(0,P):t.swipeDirection==="vertical"?g=T:t.swipeDirection==="up"?g=Math.min(0,T):t.swipeDirection==="down"&&(g=Math.max(0,T)),C==null||C(e);const ne={x:h,y:g};N.setValue(O?h:g,{type:"direct"}),W(ne,t.swipeDirection,t.swipeThreshold)&&(M==null||M(e))},onPanResponderEnd:(e,{dx:T,dy:P})=>{W({x:T,y:P},t.swipeDirection,t.swipeThreshold)||(l||d==null||d(),S==null||S(e),N.setValue(0,{type:"spring"}))}}),[f,d]),oe=le();return be(he,{children:[_&&c(Te,{__scopeToast:i,role:"status","aria-live":o==="foreground"?"assertive":"polite","aria-atomic":!0,children:_}),c(me,{hostName:Y??"default",children:c(ye,{scope:i,onClose:()=>{w()},children:c(pe,{onEscapeKeyDown:z(u,()=>{t.isFocusedToastEscapeKeyDownRef.current||w(),t.isFocusedToastEscapeKeyDownRef.current=!1}),children:c(ie,{forceClassName:!0,name:oe,children:c(ee,{...k==null?void 0:k.panHandlers,style:[{margin:"auto"},te],children:c(ve.ItemSlot,{scope:i,children:c(G,{role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":a?"open":"closed","data-swipe-direction":t.swipeDirection,pointerEvents:"auto",userSelect:"none",...q,ref:Q,...l&&{onKeyDown:z(n.onKeyDown,e=>{e.key==="Escape"&&(u==null||u(e),u==null||u(e),e.defaultPrevented||(t.isFocusedToastEscapeKeyDownRef.current=!0,w()))})}})})})})})},n.id)})]})});X.propTypes={type(n){if(n.type&&!["foreground","background"].includes(n.type)){const r=`Invalid prop \`type\` supplied to \`${H}\`. Expected \`foreground | background\`.`;return new Error(r)}return null}};const W=(n,r,i=0)=>{const o=Math.abs(n.x),p=Math.abs(n.y),a=o>p;return r==="left"||r==="right"||r==="horizontal"?a&&o>i:!a&&p>i};function U(n){if(!l)return"";const r=[];return Array.from(n.childNodes).forEach(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent&&r.push(o.textContent),ge(o)){const p=o.ariaHidden||o.hidden||o.style.display==="none",a=o.dataset.toastAnnounceExclude==="";if(!p)if(a){const b=o.dataset.toastAnnounceAlt;b&&r.push(b)}else r.push(...U(o))}}),r}function ge(n){return n.nodeType===n.ELEMENT_NODE}export{X as ToastImpl,G as ToastImplFrame,Pe as useToastInteractiveContext};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useIsPresent } from "@tamagui/animate-presence";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  Theme,
+  composeEventHandlers,
+  isWeb,
+  styled,
+  useAnimationDriver,
+  useEvent,
+  useThemeName
+} from "@tamagui/core";
+import { Dismissable } from "@tamagui/dismissable";
+import { PortalItem } from "@tamagui/portal";
+import { ThemeableStack } from "@tamagui/stacks";
+import * as React from "react";
+import { PanResponder } from "react-native";
+import { TOAST_NAME } from "./constants";
+import { ToastAnnounce } from "./ToastAnnounce";
+import {
+  Collection,
+  createToastContext,
+  useToastProviderContext
+} from "./ToastProvider";
+import { VIEWPORT_PAUSE, VIEWPORT_RESUME } from "./ToastViewport";
+const ToastImplFrame = styled(ThemeableStack, {
+  name: "ToastImpl",
+  variants: {
+    backgrounded: {
+      true: {
+        backgroundColor: "$color6"
+      }
+    },
+    unstyled: {
+      false: {
+        borderRadius: "$10",
+        paddingHorizontal: "$5",
+        paddingVertical: "$2",
+        marginHorizontal: "auto",
+        marginVertical: "$1"
+      }
+    }
+  },
+  defaultVariants: {
+    backgrounded: true,
+    unstyled: false
+  }
+});
+const [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(
+  TOAST_NAME,
+  {
+    onClose() {
+    }
+  }
+);
+const ToastImpl = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeToast,
+      type = "foreground",
+      duration: durationProp,
+      open,
+      onClose,
+      onEscapeKeyDown,
+      onPause,
+      onResume,
+      onSwipeStart,
+      onSwipeMove,
+      onSwipeCancel,
+      onSwipeEnd,
+      viewportName,
+      ...toastProps
+    } = props;
+    const isPresent = useIsPresent();
+    const context = useToastProviderContext(TOAST_NAME, __scopeToast);
+    const [node, setNode] = React.useState(null);
+    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
+    const duration = durationProp || context.duration;
+    const closeTimerStartTimeRef = React.useRef(0);
+    const closeTimerRemainingTimeRef = React.useRef(duration);
+    const closeTimerRef = React.useRef(0);
+    const { onToastAdd, onToastRemove } = context;
+    const handleClose = useEvent(() => {
+      var _a;
+      if (!isPresent) {
+        return;
+      }
+      if (isWeb) {
+        const isFocusInToast = node == null ? void 0 : node.contains(document.activeElement);
+        if (isFocusInToast)
+          (_a = context.viewport) == null ? void 0 : _a.focus();
+      }
+      onClose();
+    });
+    const startTimer = React.useCallback(
+      (duration2) => {
+        if (!duration2 || duration2 === Infinity)
+          return;
+        clearTimeout(closeTimerRef.current);
+        closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+        closeTimerRef.current = setTimeout(handleClose, duration2);
+      },
+      [handleClose]
+    );
+    const handleResume = React.useCallback(() => {
+      startTimer(closeTimerRemainingTimeRef.current);
+      onResume == null ? void 0 : onResume();
+    }, [onResume, startTimer]);
+    const handlePause = React.useCallback(() => {
+      const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
+      closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;
+      window.clearTimeout(closeTimerRef.current);
+      onPause == null ? void 0 : onPause();
+    }, [onPause]);
+    React.useEffect(() => {
+      if (!isWeb)
+        return;
+      const viewport = context.viewport;
+      if (viewport) {
+        viewport.addEventListener(VIEWPORT_PAUSE, handlePause);
+        viewport.addEventListener(VIEWPORT_RESUME, handleResume);
+        return () => {
+          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);
+          viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
+        };
+      }
+    }, [context.viewport, duration, onPause, onResume, startTimer]);
+    React.useEffect(() => {
+      if (open && !context.isClosePausedRef.current) {
+        startTimer(duration);
+      }
+    }, [open, duration, context.isClosePausedRef, startTimer]);
+    React.useEffect(() => {
+      onToastAdd();
+      return () => onToastRemove();
+    }, [onToastAdd, onToastRemove]);
+    const announceTextContent = React.useMemo(() => {
+      if (!isWeb)
+        return null;
+      return node ? getAnnounceTextContent(node) : null;
+    }, [node]);
+    const isHorizontalSwipe = ["left", "right", "horizontal"].includes(
+      context.swipeDirection
+    );
+    const driver = useAnimationDriver();
+    if (!driver) {
+      throw new Error("Must set animations in tamagui.config.ts");
+    }
+    const { useAnimatedNumber, useAnimatedNumberStyle } = driver;
+    const animatedNumber = useAnimatedNumber(0);
+    const AnimatedView = driver["NumberView"] ?? driver.View;
+    const animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
+      return {
+        transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }]
+      };
+    });
+    const panResponder = React.useMemo(() => {
+      return PanResponder.create({
+        onMoveShouldSetPanResponder: (e) => {
+          onSwipeStart == null ? void 0 : onSwipeStart(e);
+          return true;
+        },
+        onPanResponderGrant: (e) => {
+          if (!isWeb) {
+            handlePause == null ? void 0 : handlePause();
+          }
+        },
+        onPanResponderMove: (e, { dy, dx }) => {
+          let y = 0;
+          let x = 0;
+          if (context.swipeDirection === "horizontal")
+            x = dx;
+          else if (context.swipeDirection === "left")
+            x = Math.min(0, dx);
+          else if (context.swipeDirection === "right")
+            x = Math.max(0, dx);
+          else if (context.swipeDirection === "vertical")
+            y = dy;
+          else if (context.swipeDirection === "up")
+            y = Math.min(0, dy);
+          else if (context.swipeDirection === "down")
+            y = Math.max(0, dy);
+          onSwipeMove == null ? void 0 : onSwipeMove(e);
+          const delta = { x, y };
+          animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: "direct" });
+          if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {
+            onSwipeEnd == null ? void 0 : onSwipeEnd(e);
+          }
+        },
+        onPanResponderEnd: (e, { dx, dy }) => {
+          if (!isDeltaInDirection(
+            { x: dx, y: dy },
+            context.swipeDirection,
+            context.swipeThreshold
+          )) {
+            if (!isWeb) {
+              handleResume == null ? void 0 : handleResume();
+            }
+            onSwipeCancel == null ? void 0 : onSwipeCancel(e);
+            animatedNumber.setValue(0, { type: "spring" });
+          }
+        }
+      });
+    }, [handlePause, handleResume]);
+    const themeName = useThemeName();
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      announceTextContent && /* @__PURE__ */ jsx(
+        ToastAnnounce,
+        {
+          __scopeToast,
+          role: "status",
+          "aria-live": type === "foreground" ? "assertive" : "polite",
+          "aria-atomic": true,
+          children: announceTextContent
+        }
+      ),
+      /* @__PURE__ */ jsx(PortalItem, { hostName: viewportName ?? "default", children: /* @__PURE__ */ jsx(
+        ToastInteractiveProvider,
+        {
+          scope: __scopeToast,
+          onClose: () => {
+            handleClose();
+          },
+          children: /* @__PURE__ */ jsx(
+            Dismissable,
+            {
+              onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, () => {
+                if (!context.isFocusedToastEscapeKeyDownRef.current) {
+                  handleClose();
+                }
+                context.isFocusedToastEscapeKeyDownRef.current = false;
+              }),
+              children: /* @__PURE__ */ jsx(Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ jsx(
+                AnimatedView,
+                {
+                  ...panResponder == null ? void 0 : panResponder.panHandlers,
+                  style: [{ margin: "auto" }, animatedStyles],
+                  children: /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(
+                    ToastImplFrame,
+                    {
+                      role: "status",
+                      "aria-live": "off",
+                      "aria-atomic": true,
+                      tabIndex: 0,
+                      "data-state": open ? "open" : "closed",
+                      "data-swipe-direction": context.swipeDirection,
+                      pointerEvents: "auto",
+                      userSelect: "none",
+                      ...toastProps,
+                      ref: composedRefs,
+                      ...isWeb && {
+                        onKeyDown: composeEventHandlers(
+                          props.onKeyDown,
+                          (event) => {
+                            if (event.key !== "Escape")
+                              return;
+                            onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
+                            onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
+                            if (!event.defaultPrevented) {
+                              context.isFocusedToastEscapeKeyDownRef.current = true;
+                              handleClose();
+                            }
+                          }
+                        )
+                      }
+                    }
+                  ) })
+                }
+              ) })
+            }
+          )
+        },
+        props.id
+      ) })
+    ] });
+  }
+);
+ToastImpl.propTypes = {
+  type(props) {
+    if (props.type && !["foreground", "background"].includes(props.type)) {
+      const error = `Invalid prop \`type\` supplied to \`${TOAST_NAME}\`. Expected \`foreground | background\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+const isDeltaInDirection = (delta, direction, threshold = 0) => {
+  const deltaX = Math.abs(delta.x);
+  const deltaY = Math.abs(delta.y);
+  const isDeltaX = deltaX > deltaY;
+  if (direction === "left" || direction === "right" || direction === "horizontal") {
+    return isDeltaX && deltaX > threshold;
+  } else {
+    return !isDeltaX && deltaY > threshold;
+  }
+};
+function getAnnounceTextContent(container) {
+  if (!isWeb)
+    return "";
+  const textContent = [];
+  const childNodes = Array.from(container.childNodes);
+  childNodes.forEach((node) => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent)
+      textContent.push(node.textContent);
+    if (isHTMLElement(node)) {
+      const isHidden = node.ariaHidden || node.hidden || node.style.display === "none";
+      const isExcluded = node.dataset.toastAnnounceExclude === "";
+      if (!isHidden) {
+        if (isExcluded) {
+          const altText = node.dataset.toastAnnounceAlt;
+          if (altText)
+            textContent.push(altText);
+        } else {
+          textContent.push(...getAnnounceTextContent(node));
+        }
+      }
+    }
+  });
+  return textContent;
+}
+function isHTMLElement(node) {
+  return node.nodeType === node.ELEMENT_NODE;
+}
+export {
+  ToastImpl,
+  ToastImplFrame,
+  useToastInteractiveContext
+};
 //# sourceMappingURL=ToastImpl.js.map