@tamagui/toast 2.0.0-rc.9 → 2.0.0

package/dist/esm/ToastItemFrame.mjs

@@ -0,0 +1,114 @@
+import { styled } from "@tamagui/core";
+import { XStack, YStack } from "@tamagui/stacks";
+import { SizableText } from "@tamagui/text";
+import { jsx } from "react/jsx-runtime";
+const ToastPositionWrapper = styled(YStack, {
+  name: "ToastPositionWrapper",
+  pointerEvents: "auto",
+  position: "absolute",
+  left: 0,
+  right: 0,
+  opacity: 1,
+  scale: 1,
+  y: 0,
+  x: 0
+});
+const ToastItemFrame = styled(YStack, {
+  name: "ToastItem",
+  userSelect: "none",
+  cursor: "default",
+  focusable: true,
+  variants: {
+    unstyled: {
+      false: {
+        backgroundColor: "$background",
+        borderRadius: "$6",
+        paddingHorizontal: "$4",
+        paddingVertical: "$3",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.15)",
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowRadius: 12,
+        focusVisibleStyle: {
+          outlineWidth: 2,
+          outlineColor: "$color8",
+          outlineStyle: "solid"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+const ToastCloseFrame = styled(XStack, {
+  name: "ToastClose",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        width: 18,
+        height: 18,
+        borderRadius: "$10",
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.08)",
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowRadius: 3,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        pressStyle: {
+          backgroundColor: "$color4"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+const ToastActionFrame = styled(XStack, {
+  name: "ToastAction",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: "$2",
+        paddingHorizontal: "$2",
+        height: 24,
+        backgroundColor: "$color5",
+        hoverStyle: {
+          backgroundColor: "$color6"
+        },
+        pressStyle: {
+          backgroundColor: "$color7"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+const DefaultCloseIcon = () => /* @__PURE__ */jsx(SizableText, {
+  size: "$1",
+  color: "$color11",
+  children: "\u2715"
+});
+export { DefaultCloseIcon, ToastActionFrame, ToastCloseFrame, ToastItemFrame, ToastPositionWrapper };
+//# sourceMappingURL=ToastItemFrame.mjs.map

package/dist/esm/ToastItemFrame.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","XStack","YStack","SizableText","jsx","ToastPositionWrapper","name","pointerEvents","position","left","right","opacity","scale","y","x","ToastItemFrame","userSelect","cursor","focusable","variants","unstyled","false","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowRadius","focusVisibleStyle","outlineWidth","outlineColor","outlineStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","ToastCloseFrame","render","alignItems","justifyContent","hoverStyle","pressStyle","ToastActionFrame","DefaultCloseIcon","size","color","children"],"sources":["../../src/ToastItemFrame.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,MAAA,QAAc;AACvB,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,WAAA,QAAmB;AA6H1B,SAAAC,GAAA;AArHK,MAAMC,oBAAA,GAAuBL,MAAA,CAAOE,MAAA,EAAQ;EACjDI,IAAA,EAAM;EACNC,aAAA,EAAe;EACfC,QAAA,EAAU;EACVC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,CAAA,EAAG;EACHC,CAAA,EAAG;AACL,CAAC;AAOM,MAAMC,cAAA,GAAiBf,MAAA,CAAOE,MAAA,EAAQ;EAC3CI,IAAA,EAAM;EACNU,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,SAAA,EAAW;EAEXC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,eAAA,EAAiB;QACjBC,YAAA,EAAc;QACdC,iBAAA,EAAmB;QACnBC,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,YAAA,EAAc;UAAEC,KAAA,EAAO;UAAGC,MAAA,EAAQ;QAAE;QACpCC,YAAA,EAAc;QACdC,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;EACF;EAEAC,eAAA,EAAiB;IACfjB,QAAA,EAAUkB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,MAAMC,eAAA,GAAkBzC,MAAA,CAAOC,MAAA,EAAQ;EAC5CK,IAAA,EAAM;EACNoC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChB3B,MAAA,EAAQ;EAERE,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLS,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRR,YAAA,EAAc;QACdD,eAAA,EAAiB;QACjBI,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,YAAA,EAAc;UAAEC,KAAA,EAAO;UAAGC,MAAA,EAAQ;QAAE;QACpCC,YAAA,EAAc;QACda,UAAA,EAAY;UAAEvB,eAAA,EAAiB;QAAU;QACzCwB,UAAA,EAAY;UAAExB,eAAA,EAAiB;QAAU;MAC3C;IACF;EACF;EAEAe,eAAA,EAAiB;IACfjB,QAAA,EAAUkB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,MAAMO,gBAAA,GAAmB/C,MAAA,CAAOC,MAAA,EAAQ;EAC7CK,IAAA,EAAM;EACNoC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChB3B,MAAA,EAAQ;EAERE,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLE,YAAA,EAAc;QACdC,iBAAA,EAAmB;QACnBO,MAAA,EAAQ;QACRT,eAAA,EAAiB;QACjBuB,UAAA,EAAY;UAAEvB,eAAA,EAAiB;QAAU;QACzCwB,UAAA,EAAY;UAAExB,eAAA,EAAiB;QAAU;MAC3C;IACF;EACF;EAEAe,eAAA,EAAiB;IACfjB,QAAA,EAAUkB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,MAAMQ,gBAAA,GAAmBA,CAAA,KAC9B,eAAA5C,GAAA,CAACD,WAAA;EAAY8C,IAAA,EAAK;EAAKC,KAAA,EAAM;EAAWC,QAAA;AAAA,CAExC","ignoreList":[]}

package/dist/esm/ToastItemFrame.native.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "@tamagui/core";
+import { XStack, YStack } from "@tamagui/stacks";
+import { SizableText } from "@tamagui/text";
+var ToastPositionWrapper = styled(YStack, {
+  name: "ToastPositionWrapper",
+  pointerEvents: "auto",
+  position: "absolute",
+  left: 0,
+  right: 0,
+  opacity: 1,
+  scale: 1,
+  y: 0,
+  x: 0
+});
+var ToastItemFrame = styled(YStack, {
+  name: "ToastItem",
+  userSelect: "none",
+  cursor: "default",
+  focusable: true,
+  variants: {
+    unstyled: {
+      false: {
+        backgroundColor: "$background",
+        borderRadius: "$6",
+        paddingHorizontal: "$4",
+        paddingVertical: "$3",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.15)",
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowRadius: 12,
+        focusVisibleStyle: {
+          outlineWidth: 2,
+          outlineColor: "$color8",
+          outlineStyle: "solid"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+var ToastCloseFrame = styled(XStack, {
+  name: "ToastClose",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        width: 18,
+        height: 18,
+        borderRadius: "$10",
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.08)",
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowRadius: 3,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        pressStyle: {
+          backgroundColor: "$color4"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+var ToastActionFrame = styled(XStack, {
+  name: "ToastAction",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: "$2",
+        paddingHorizontal: "$2",
+        height: 24,
+        backgroundColor: "$color5",
+        hoverStyle: {
+          backgroundColor: "$color6"
+        },
+        pressStyle: {
+          backgroundColor: "$color7"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+var DefaultCloseIcon = function () {
+  return /* @__PURE__ */_jsx(SizableText, {
+    size: "$1",
+    color: "$color11",
+    children: "\u2715"
+  });
+};
+export { DefaultCloseIcon, ToastActionFrame, ToastCloseFrame, ToastItemFrame, ToastPositionWrapper };
+//# sourceMappingURL=ToastItemFrame.native.js.map

package/dist/esm/ToastItemFrame.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","styled","XStack","YStack","SizableText","ToastPositionWrapper","name","pointerEvents","position","left","right","opacity","scale","y","x","ToastItemFrame","userSelect","cursor","focusable","variants","unstyled","false","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowRadius","focusVisibleStyle","outlineWidth","outlineColor","outlineStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","ToastCloseFrame","render","alignItems","justifyContent","hoverStyle","pressStyle","ToastActionFrame"],"sources":["../../src/ToastItemFrame.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,QAAQ,eAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAmB;AA6H1B,SAAAC,WAAA;AArHK,IAAAC,oBAAM,GAAAJ,MAAuB,CAAAE,MAAO;EACzCG,IAAA,EAAM;EACNC,aAAA,EAAe;EACfC,QAAA,EAAU;EACVC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,CAAA,EAAG;EACHC,CAAA,EAAG;AACL,CAAC;AAOM,IAAAC,cAAM,GAAAd,MAAiB,CAAAE,MAAO;EACnCG,IAAA,EAAM;EACNU,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,SAAA,EAAW;EAEXC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,eAAA,EAAiB;QACjBC,YAAA,EAAc;QACdC,iBAAA,EAAmB;QACnBC,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,YAAA,EAAc;UACdC,KAAA;UACAC,MAAA;QAAmB;QACHC,YACd,IAAc;QAAAC,iBACA;UAChBC,YAAA;UACFC,YAAA;UACFC,YAAA;QACF;MAEA;IACE;EACF;EACDC,eAAA;IAMMjB,QAAM,EAAAkB,OAAA,CAAAC,GAAkB,CAAAC,gBAAe;EAC5C;AAAM,EACN;AAAQ,IACRC,eAAY,GAAAxC,MAAA,CAAAC,MAAA;EACZI,IAAA,cAAgB;EAChBoC,MAAA,EAAQ;EAERC,UAAU;EAAAC,cACE;EAAA3B,MACR,WAAO;EAAAE,QACL;IAAOC,QACP;MAAQC,KACR;QACAS,KAAA;QACAC,MAAA;QACAR,YAAA,EAAa;QACbD,eAAa;QACbI,WAAA,GAAc;QACdC,WAAA,gBAAc;QACdC,WAAA,EAAY,qBAAmB;QAC/BC,YAAY,EAAE;UAChBC,KAAA;UACFC,MAAA;QACF;QAEAC,YAAiB;QACfa,UAAU;UACZvB,eAAA;QACD;QAMYwB,UAAA;UACLxB,eAAA;QACN;MACA;IACA;EACA;EAEAe,eAAU;IACRjB,QAAA,EAAUkB,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AACD;AACS,IAAAO,gBACd,GAAA9C,MAAmB,CAAAC,MAAA;EAAAI,IAAA,EACnB,aAAQ;EAAAoC,MACR;EAAiBC,UACjB,UAAc;EAA2BC,cACzC,UAAc;EAA2B3B,MAC3C;EAAAE,QACF;IACFC,QAAA;MAEAC,KAAA;QACEE,YAAU,EAAQ,IAAI;QACxBC,iBAAA;QACDO,MAAA;QAMYT,eAAA,EAAmB,SAC9B","ignoreList":[]}

package/dist/esm/ToastPortal.mjs

@@ -1,5 +1,5 @@
+import { isWeb } from "@tamagui/constants";
 import { Portal } from "@tamagui/portal";
-import { Platform } from "react-native-web";
 import { ReprogapateToastProvider } from "./ToastProvider.mjs";
 import { jsx } from "react/jsx-runtime";
 function ToastPortal(props) {
@@ -9,10 +9,13 @@ function ToastPortal(props) {
     zIndex
   } = props;
   let content = children;
-  return (Platform.OS === "android" || Platform.OS === "ios") && (content = /* @__PURE__ */jsx(ReprogapateToastProvider, {
-    context,
-    children
-  })), /* @__PURE__ */jsx(Portal, {
+  if (!isWeb) {
+    content = /* @__PURE__ */jsx(ReprogapateToastProvider, {
+      context,
+      children
+    });
+  }
+  return /* @__PURE__ */jsx(Portal, {
     zIndex: zIndex || Number.MAX_SAFE_INTEGER,
     children: content
   });

package/dist/esm/ToastPortal.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Portal","Platform","ReprogapateToastProvider","jsx","ToastPortal","props","context","children","zIndex","content","OS","Number","MAX_SAFE_INTEGER"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,QAAA,QAAgB;AACzB,SAASC,wBAAA,QAAgE;AAWnE,SAAAC,GAAA;AATC,SAASC,YAAYC,KAAA,EAIzB;EACD,MAAM;IAAEC,OAAA;IAASC,QAAA;IAAUC;EAAO,IAAIH,KAAA;EACtC,IAAII,OAAA,GAAUF,QAAA;EACd,QAAIN,QAAA,CAASS,EAAA,KAAO,aAAaT,QAAA,CAASS,EAAA,KAAO,WAC/CD,OAAA,GACE,eAAAN,GAAA,CAACD,wBAAA;IAAyBI,OAAA;IAAmBC;EAAA,CAAS,IAGnD,eAAAJ,GAAA,CAACH,MAAA;IAAOQ,MAAA,EAAQA,MAAA,IAAUG,MAAA,CAAOC,gBAAA;IAAmBL,QAAA,EAAAE;EAAA,CAAQ;AACrE","ignoreList":[]}
+{"version":3,"names":["isWeb","Portal","ReprogapateToastProvider","jsx","ToastPortal","props","context","children","zIndex","content","Number","MAX_SAFE_INTEGER"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AAEvB,SAASC,wBAAA,QAAgE;AAWnE,SAAAC,GAAA;AATC,SAASC,YAAYC,KAAA,EAIzB;EACD,MAAM;IAAEC,OAAA;IAASC,QAAA;IAAUC;EAAO,IAAIH,KAAA;EACtC,IAAII,OAAA,GAAUF,QAAA;EACd,IAAI,CAACP,KAAA,EAAO;IACVS,OAAA,GACE,eAAAN,GAAA,CAACD,wBAAA;MAAyBI,OAAA;MAAmBC;IAAA,CAAS;EAE1D;EACA,OAAO,eAAAJ,GAAA,CAACF,MAAA;IAAOO,MAAA,EAAQA,MAAA,IAAUE,MAAA,CAAOC,gBAAA;IAAmBJ,QAAA,EAAAE;EAAA,CAAQ;AACrE","ignoreList":[]}

package/dist/esm/ToastPortal.native.js

@@ -1,18 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { isWeb } from "@tamagui/constants";
 import { Portal } from "@tamagui/portal";
-import { Platform } from "react-native";
 import { ReprogapateToastProvider } from "./ToastProvider.native.js";
 function ToastPortal(props) {
   var {
-      context,
-      children,
-      zIndex
-    } = props,
-    content = children;
-  return (Platform.OS === "android" || Platform.OS === "ios") && (content = /* @__PURE__ */_jsx(ReprogapateToastProvider, {
     context,
-    children
-  })), /* @__PURE__ */_jsx(Portal, {
+    children,
+    zIndex
+  } = props;
+  var content = children;
+  if (!isWeb) {
+    content = /* @__PURE__ */_jsx(ReprogapateToastProvider, {
+      context,
+      children
+    });
+  }
+  return /* @__PURE__ */_jsx(Portal, {
     zIndex: zIndex || Number.MAX_SAFE_INTEGER,
     children: content
   });

package/dist/esm/ToastPortal.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Portal","Platform","ReprogapateToastProvider","ToastPortal","props","context","children","zIndex","content","OS"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAc;AAEvB,SAASC,MAAA,yBAAgB;AACzB,SAASC,QAAA;AAWH,SAAAC,wBAAA;AATC,SAASC,YAAYC,KAAA,EAIzB;EACD;MAAMC,OAAE;MAAAC,QAAS;MAAAC;IAAU,IAAOH,KAAI;IAAAI,OAAA,GAAAF,QAAA;EACtC,OAAI,CAAAL,QAAU,CAAAQ,EAAA,kBAAAR,QAAA,CAAAQ,EAAA,gBAAAD,OAAA,kBAAAT,IAAA,CAAAG,wBAAA;IACdG,OAAI;IAMNC","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","isWeb","Portal","ReprogapateToastProvider","ToastPortal","props","context","children","zIndex","content"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,4BAAc;AAEvB,SAASC,MAAA;AAWH,SAAAC,wBAAA;AATC,SAASC,YAAYC,KAAA,EAIzB;EACD;IAAMC,OAAE;IAAAC,QAAS;IAAAC;EAAU,IAAOH,KAAI;EACtC,IAAII,OAAA,GAAUF,QAAA;EACd,IAAI,CAACN,KAAA,EAAO;IACVQ,OAAA,GACE,eAAAT,IAAC,CAAAG,wBAAA;MAELG,OAAA;MACAC;IACF","ignoreList":[]}

package/dist/esm/ToastProvider.mjs

@@ -5,79 +5,81 @@ import * as React from "react";
 import { TOAST_CONTEXT } from "./constants.mjs";
 import { ToastImperativeProvider } from "./ToastImperative.mjs";
 import { jsx } from "react/jsx-runtime";
-const PROVIDER_NAME = "ToastProvider",
-  [Collection, useCollection] = createCollection("Toast"),
-  {
-    Provider: ToastProviderProvider,
-    useStyledContext: useToastProviderContext
-  } = createStyledContext(
-  // since we always provide this we can avoid setting here
-  {}, "Toast__"),
-  ToastProvider = props => {
-    const {
-        scope = TOAST_CONTEXT,
-        id: providedId,
-        burntOptions,
-        native,
-        notificationOptions,
-        label = "Notification",
-        duration = 5e3,
-        swipeDirection = "right",
-        swipeThreshold = 50,
-        children
-      } = props,
-      backupId = React.useId(),
-      id = providedId ?? backupId,
-      [viewports, setViewports] = React.useState({}),
-      [toastCount, setToastCount] = React.useState(0),
-      isFocusedToastEscapeKeyDownRef = React.useRef(!1),
-      isClosePausedRef = React.useRef(!1),
-      handleViewportChange = React.useCallback((name, viewport) => {
+const PROVIDER_NAME = "ToastProvider";
+const [Collection, useCollection] = createCollection("Toast");
+const {
+  Provider: ToastProviderProvider,
+  useStyledContext: useToastProviderContext
+} = createStyledContext(
+// since we always provide this we can avoid setting here
+{}, "Toast__");
+const ToastProvider = props => {
+  const {
+    scope = TOAST_CONTEXT,
+    id: providedId,
+    burntOptions,
+    native,
+    notificationOptions,
+    label = "Notification",
+    duration = 5e3,
+    swipeDirection = "right",
+    swipeThreshold = 50,
+    children
+  } = props;
+  const backupId = React.useId();
+  const id = providedId ?? backupId;
+  const [viewports, setViewports] = React.useState({});
+  const [toastCount, setToastCount] = React.useState(0);
+  const isFocusedToastEscapeKeyDownRef = React.useRef(false);
+  const isClosePausedRef = React.useRef(false);
+  const handleViewportChange = React.useCallback((name, viewport) => {
+    startTransition(() => {
+      setViewports(prev => ({
+        ...prev,
+        [name]: viewport
+      }));
+    });
+  }, []);
+  const options = React.useMemo(() => {
+    return {
+      duration,
+      burntOptions,
+      native,
+      notificationOptions
+    };
+  }, [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
+  return /* @__PURE__ */jsx(Collection.Provider, {
+    scope,
+    children: /* @__PURE__ */jsx(ToastProviderProvider, {
+      scope,
+      id,
+      label,
+      duration,
+      swipeDirection,
+      swipeThreshold,
+      toastCount,
+      viewports,
+      onViewportChange: handleViewportChange,
+      onToastAdd: React.useCallback(() => {
         startTransition(() => {
-          setViewports(prev => ({
-            ...prev,
-            [name]: viewport
-          }));
+          setToastCount(prevCount => prevCount + 1);
         });
       }, []),
-      options = React.useMemo(() => ({
-        duration,
-        burntOptions,
-        native,
-        notificationOptions
-      }), [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
-    return /* @__PURE__ */jsx(Collection.Provider, {
-      scope,
-      children: /* @__PURE__ */jsx(ToastProviderProvider, {
-        scope,
-        id,
-        label,
-        duration,
-        swipeDirection,
-        swipeThreshold,
-        toastCount,
-        viewports,
-        onViewportChange: handleViewportChange,
-        onToastAdd: React.useCallback(() => {
-          startTransition(() => {
-            setToastCount(prevCount => prevCount + 1);
-          });
-        }, []),
-        onToastRemove: React.useCallback(() => {
-          startTransition(() => {
-            setToastCount(prevCount => prevCount - 1);
-          });
-        }, []),
-        isFocusedToastEscapeKeyDownRef,
-        isClosePausedRef,
+      onToastRemove: React.useCallback(() => {
+        startTransition(() => {
+          setToastCount(prevCount => prevCount - 1);
+        });
+      }, []),
+      isFocusedToastEscapeKeyDownRef,
+      isClosePausedRef,
+      options,
+      children: /* @__PURE__ */jsx(ToastImperativeProvider, {
         options,
-        children: /* @__PURE__ */jsx(ToastImperativeProvider, {
-          options,
-          children
-        })
+        children
       })
-    });
-  };
+    })
+  });
+};
 function ReprogapateToastProvider(props) {
   const {
     children,
@@ -96,7 +98,7 @@ function ReprogapateToastProvider(props) {
 }
 ToastProvider.propTypes = {
   label(props) {
-    if (props.label && typeof props.label == "string" && !props.label.trim()) {
+    if (props.label && typeof props.label === "string" && !props.label.trim()) {
       const error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
       return new Error(error);
     }

package/dist/esm/ToastProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createCollection","createStyledContext","startTransition","React","TOAST_CONTEXT","ToastImperativeProvider","jsx","PROVIDER_NAME","Collection","useCollection","Provider","ToastProviderProvider","useStyledContext","useToastProviderContext","ToastProvider","props","scope","id","providedId","burntOptions","native","notificationOptions","label","duration","swipeDirection","swipeThreshold","children","backupId","useId","viewports","setViewports","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","handleViewportChange","useCallback","name","viewport","prev","options","useMemo","JSON","stringify","onViewportChange","onToastAdd","prevCount","onToastRemove","ReprogapateToastProvider","context","toastScope","propTypes","trim","error","Error","displayName"],"sources":["../../src/ToastProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createCollection","createStyledContext","startTransition","React","TOAST_CONTEXT","ToastImperativeProvider","jsx","PROVIDER_NAME","Collection","useCollection","Provider","ToastProviderProvider","useStyledContext","useToastProviderContext","ToastProvider","props","scope","id","providedId","burntOptions","native","notificationOptions","label","duration","swipeDirection","swipeThreshold","children","backupId","useId","viewports","setViewports","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","handleViewportChange","useCallback","name","viewport","prev","options","useMemo","JSON","stringify","onViewportChange","onToastAdd","prevCount","onToastRemove","ReprogapateToastProvider","context","toastScope","propTypes","trim","error","Error","displayName"],"sources":["../../src/ToastProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}