@tamagui/demos 1.126.8-1746721458928 → 1.126.9

package/dist/cjs/ToastDemo.cjs

@@ -53,31 +53,33 @@ const ToastDemo = () => {
   },
   CurrentToast = () => {
     const currentToast = (0, import_toast.useToastState)();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
-      duration: currentToast.duration,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.5,
-        y: -25
-      },
-      exitStyle: {
-        opacity: 0,
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+      children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+        animation: "200ms",
+        duration: currentToast.duration,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.5,
+          y: 25
+        },
+        exitStyle: {
+          opacity: 0,
+          scale: 1,
+          y: 20
+        },
+        y: 0,
+        opacity: 1,
         scale: 1,
-        y: -20
-      },
-      y: 0,
-      opacity: 1,
-      scale: 1,
-      animation: "100ms",
-      viewportName: currentToast.viewportName,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-          children: currentToast.title
-        }), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-          children: currentToast.message
-        })]
-      })
-    }, currentToast.id);
+        viewportName: currentToast.viewportName,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+            children: currentToast.title
+          }), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+            children: currentToast.message
+          })]
+        })
+      }, currentToast.id) : null
+    });
   },
   ToastControl = ({
     native

package/dist/cjs/ToastDemo.js

@@ -35,16 +35,16 @@ const ToastDemo = () => {
   ] });
 }, CurrentToast = () => {
   const currentToast = (0, import_toast.useToastState)();
-  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_toast.Toast,
     {
+      animation: "200ms",
       duration: currentToast.duration,
-      enterStyle: { opacity: 0, scale: 0.5, y: -25 },
-      exitStyle: { opacity: 0, scale: 1, y: -20 },
+      enterStyle: { opacity: 0, scale: 0.5, y: 25 },
+      exitStyle: { opacity: 0, scale: 1, y: 20 },
       y: 0,
       opacity: 1,
       scale: 1,
-      animation: "100ms",
       viewportName: currentToast.viewportName,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: currentToast.title }),
@@ -52,7 +52,7 @@ const ToastDemo = () => {
       ] })
     },
     currentToast.id
-  );
+  ) : null });
 }, ToastControl = ({ native }) => {
   const toast = (0, import_toast.useToastController)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", justifyContent: "center", children: [

package/dist/cjs/ToastDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAAsD,oBAWlD;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,IAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAE1D;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,6CAAC,yBAAO,KAAI,MACV;AAAA,8CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAS;AAAA,MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAA8E,oBAW1E;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,IAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,SACE,4CAAC,kCACE,0BAAgB,CAAC,aAAa,oBAC7B;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAEV,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,GAAG;AAAA,MAC5C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,GAAG;AAAA,MACzC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,cAAc,aAAa;AAAA,MAE3B,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAdK,aAAa;AAAA,EAepB,IACE,MACN;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,6CAAC,yBAAO,KAAI,MACV;AAAA,8CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAS;AAAA,MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
   "names": ["React"]
 }

package/dist/cjs/ToastDemo.native.js

@@ -44,34 +44,36 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_toast = require("@
   });
 }, CurrentToast = function() {
   var currentToast = (0, import_toast.useToastState)();
-  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast, {
-    duration: currentToast.duration,
-    enterStyle: {
-      opacity: 0,
-      scale: 0.5,
-      y: -25
-    },
-    exitStyle: {
-      opacity: 0,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+    children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast, {
+      animation: "200ms",
+      duration: currentToast.duration,
+      enterStyle: {
+        opacity: 0,
+        scale: 0.5,
+        y: 25
+      },
+      exitStyle: {
+        opacity: 0,
+        scale: 1,
+        y: 20
+      },
+      y: 0,
+      opacity: 1,
       scale: 1,
-      y: -20
-    },
-    y: 0,
-    opacity: 1,
-    scale: 1,
-    animation: "100ms",
-    viewportName: currentToast.viewportName,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-          children: currentToast.title
-        }),
-        !!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-          children: currentToast.message
-        })
-      ]
-    })
-  }, currentToast.id);
+      viewportName: currentToast.viewportName,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+            children: currentToast.title
+          }),
+          !!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+            children: currentToast.message
+          })
+        ]
+      })
+    }, currentToast.id) : null
+  });
 }, ToastControl = function(param) {
   var { native } = param, toast = (0, import_toast.useToastController)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {

package/dist/cjs/ToastDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAyD,2BACzD,eAAkB,2BAClB,iBAAsD,oBAOzCA,YAAY,WAAA;AACvB,MAAM,CAACC,QAAQC,SAAAA,IAAaC,aAAAA,QAAMC,SAAS,EAAA;AAE3C,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAK;IAACC,YAAW;;MACvB,uCAAAC,KAACC,cAAAA;QAAaT;;MACd,uCAAAQ,KAACE,cAAAA,CAAAA,CAAAA;MAED,uCAAAF,KAACG,eAAAA;QAAcX;QAAgBC;;;;AAGrC,GAEMS,eAAe,WAAA;AACnB,MAAME,mBAAeC,4BAAAA;AAErB,SAAI,CAACD,gBAAgBA,aAAaE,oBAA0B,OAE1D,uCAAAN,KAACO,oBAAAA;IAECC,UAAUJ,aAAaI;IACvBC,YAAY;MAAEC,SAAS;MAAGC,OAAO;MAAKC,GAAG;IAAI;IAC7CC,WAAW;MAAEH,SAAS;MAAGC,OAAO;MAAGC,GAAG;IAAI;IAC1CA,GAAG;IACHF,SAAS;IACTC,OAAO;IACPG,WAAU;IACVC,cAAcX,aAAaW;cAE3B,uCAAAnB,MAACC,uBAAAA;;QACC,uCAAAG,KAACO,mBAAMS,OAAK;oBAAEZ,aAAaa;;QAC1B,CAAC,CAACb,aAAac,WACd,uCAAAlB,KAACO,mBAAMY,aAAW;oBAAEf,aAAac;;;;KAbhCd,aAAagB,EAAE;AAkB1B,GAEMnB,eAAe,SAAA,OAAA;MAAC,EAAET,OAAM,IAAuB,OAC7C6B,YAAQC,iCAAAA;AACd,SACE,uCAAA1B,MAAC2B,uBAAAA;IAAOC,KAAI;IAAKC,gBAAe;;MAC9B,uCAAAzB,KAAC0B,uBAAAA;QACCC,SAAS,WAAA;AACPN,gBAAMO,KAAK,uBAAuB;YAChCV,SAAS;YACT1B;UACF,CAAA;QACF;kBACD;;MAGD,uCAAAQ,KAAC0B,uBAAAA;QACCC,SAAS,WAAA;AACPN,gBAAMQ,KAAI;QACZ;kBACD;;;;AAKP,GAEM1B,gBAAgB,SAAA,OAAA;MAAC,EACrBX,QACAC,UAAS,IAIV;AACC,SACE,uCAAAG,MAAC2B,uBAAAA;IAAOC,KAAI;;MACV,uCAAAxB,KAAC8B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAMlC,UAAU,EAAA;;kBAAQ;;MAGlD,uCAAAO,KAACgC,uBAAAA;QACCZ,IAAG;QACHa,UAAS;QACTC,OAAM;QACNH,MAAK;QACLI,SAAS,CAAC,CAAC3C;QACX4C,iBAAiB,SAACC,KAAAA;iBAAQ5C,UAAU4C,GAAAA;;kBAEpC,uCAAArC,KAACgC,sBAAOM,OAAK;UACXxB,WAAW;YACT;YACA;cACEyB,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,uCAAAxC,KAAC8B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAMlC,UAAU,EAAA;;kBAAO;;;;AAKvD;",
-  "names": ["ToastDemo", "native", "setNative", "React", "useState", "_jsxs", "YStack", "space", "alignItems", "_jsx", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "id", "toast", "useToastController", "XStack", "gap", "justifyContent", "Button", "onPress", "show", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAyD,2BACzD,eAAkB,2BAClB,iBAA8E,oBAOjEA,YAAY,WAAA;AACvB,MAAM,CAACC,QAAQC,SAAAA,IAAaC,aAAAA,QAAMC,SAAS,EAAA;AAE3C,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAK;IAACC,YAAW;;MACvB,uCAAAC,KAACC,cAAAA;QAAaT;;MACd,uCAAAQ,KAACE,cAAAA,CAAAA,CAAAA;MAED,uCAAAF,KAACG,eAAAA;QAAcX;QAAgBC;;;;AAGrC,GAEMS,eAAe,WAAA;AACnB,MAAME,mBAAeC,4BAAAA;AAErB,SACE,uCAAAL,KAACM,gCAAAA;cACEF,gBAAgB,CAACA,aAAaG,oBAC7B,uCAAAP,KAACQ,oBAAAA;MACCC,WAAU;MAEVC,UAAUN,aAAaM;MACvBC,YAAY;QAAEC,SAAS;QAAGC,OAAO;QAAKC,GAAG;MAAG;MAC5CC,WAAW;QAAEH,SAAS;QAAGC,OAAO;QAAGC,GAAG;MAAG;MACzCA,GAAG;MACHF,SAAS;MACTC,OAAO;MACPG,cAAcZ,aAAaY;gBAE3B,uCAAApB,MAACC,uBAAAA;;UACC,uCAAAG,KAACQ,mBAAMS,OAAK;sBAAEb,aAAac;;UAC1B,CAAC,CAACd,aAAae,WACd,uCAAAnB,KAACQ,mBAAMY,aAAW;sBAAEhB,aAAae;;;;OAZhCf,aAAaiB,EAAE,IAgBpB;;AAGV,GAEMpB,eAAe,SAAA,OAAA;MAAC,EAAET,OAAM,IAAuB,OAC7C8B,YAAQC,iCAAAA;AACd,SACE,uCAAA3B,MAAC4B,uBAAAA;IAAOC,KAAI;IAAKC,gBAAe;;MAC9B,uCAAA1B,KAAC2B,uBAAAA;QACCC,SAAS,WAAA;AACPN,gBAAMO,KAAK,uBAAuB;YAChCV,SAAS;YACT3B;UACF,CAAA;QACF;kBACD;;MAGD,uCAAAQ,KAAC2B,uBAAAA;QACCC,SAAS,WAAA;AACPN,gBAAMQ,KAAI;QACZ;kBACD;;;;AAKP,GAEM3B,gBAAgB,SAAA,OAAA;MAAC,EACrBX,QACAC,UAAS,IAIV;AACC,SACE,uCAAAG,MAAC4B,uBAAAA;IAAOC,KAAI;;MACV,uCAAAzB,KAAC+B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAMnC,UAAU,EAAA;;kBAAQ;;MAGlD,uCAAAO,KAACiC,uBAAAA;QACCZ,IAAG;QACHa,UAAS;QACTC,OAAM;QACNH,MAAK;QACLI,SAAS,CAAC,CAAC5C;QACX6C,iBAAiB,SAACC,KAAAA;iBAAQ7C,UAAU6C,GAAAA;;kBAEpC,uCAAAtC,KAACiC,sBAAOM,OAAK;UACX9B,WAAW;YACT;YACA;cACE+B,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,uCAAAzC,KAAC+B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAMnC,UAAU,EAAA;;kBAAO;;;;AAKvD;",
+  "names": ["ToastDemo", "native", "setNative", "React", "useState", "_jsxs", "YStack", "space", "alignItems", "_jsx", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "AnimatePresence", "isHandledNatively", "Toast", "animation", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "viewportName", "Title", "title", "message", "Description", "id", "toast", "useToastController", "XStack", "gap", "justifyContent", "Button", "onPress", "show", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
 }

package/dist/esm/ToastDemo.js

@@ -1,6 +1,6 @@
 import { Toast, useToastController, useToastState } from "@tamagui/toast";
 import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
+import { AnimatePresence, Button, Label, Switch, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
   const [native, setNative] = React.useState(!1);
@@ -11,16 +11,16 @@ const ToastDemo = () => {
   ] });
 }, CurrentToast = () => {
   const currentToast = useToastState();
-  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */ jsx(
     Toast,
     {
+      animation: "200ms",
       duration: currentToast.duration,
-      enterStyle: { opacity: 0, scale: 0.5, y: -25 },
-      exitStyle: { opacity: 0, scale: 1, y: -20 },
+      enterStyle: { opacity: 0, scale: 0.5, y: 25 },
+      exitStyle: { opacity: 0, scale: 1, y: 20 },
       y: 0,
       opacity: 1,
       scale: 1,
-      animation: "100ms",
       viewportName: currentToast.viewportName,
       children: /* @__PURE__ */ jsxs(YStack, { children: [
         /* @__PURE__ */ jsx(Toast.Title, { children: currentToast.title }),
@@ -28,7 +28,7 @@ const ToastDemo = () => {
       ] })
     },
     currentToast.id
-  );
+  ) : null });
 }, ToastControl = ({ native }) => {
   const toast = useToastController();
   return /* @__PURE__ */ jsxs(XStack, { gap: "$2", justifyContent: "center", children: [

package/dist/esm/ToastDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAWlD,SACE,KADF;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,IAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAE1D;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,qBAAC,UAAO,KAAI,MACV;AAAA,sBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAS;AAAA,MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
+  "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,iBAAiB,QAAe,OAAO,QAAQ,QAAQ,cAAc;AAW1E,SACE,KADF;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,IAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,SACE,oBAAC,mBACE,0BAAgB,CAAC,aAAa,oBAC7B;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAEV,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,GAAG;AAAA,MAC5C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,GAAG;AAAA,MACzC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAdK,aAAa;AAAA,EAepB,IACE,MACN;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,qBAAC,UAAO,KAAI,MACV;AAAA,sBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAS;AAAA,MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
   "names": []
 }

package/dist/esm/ToastDemo.mjs

@@ -1,6 +1,6 @@
 import { Toast, useToastController, useToastState } from "@tamagui/toast";
 import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
+import { AnimatePresence, Button, Label, Switch, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
     const [native, setNative] = React.useState(!1);
@@ -17,31 +17,33 @@ const ToastDemo = () => {
   },
   CurrentToast = () => {
     const currentToast = useToastState();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */jsx(Toast, {
-      duration: currentToast.duration,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.5,
-        y: -25
-      },
-      exitStyle: {
-        opacity: 0,
+    return /* @__PURE__ */jsx(AnimatePresence, {
+      children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */jsx(Toast, {
+        animation: "200ms",
+        duration: currentToast.duration,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.5,
+          y: 25
+        },
+        exitStyle: {
+          opacity: 0,
+          scale: 1,
+          y: 20
+        },
+        y: 0,
+        opacity: 1,
         scale: 1,
-        y: -20
-      },
-      y: 0,
-      opacity: 1,
-      scale: 1,
-      animation: "100ms",
-      viewportName: currentToast.viewportName,
-      children: /* @__PURE__ */jsxs(YStack, {
-        children: [/* @__PURE__ */jsx(Toast.Title, {
-          children: currentToast.title
-        }), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
-          children: currentToast.message
-        })]
-      })
-    }, currentToast.id);
+        viewportName: currentToast.viewportName,
+        children: /* @__PURE__ */jsxs(YStack, {
+          children: [/* @__PURE__ */jsx(Toast.Title, {
+            children: currentToast.title
+          }), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
+            children: currentToast.message
+          })]
+        })
+      }, currentToast.id) : null
+    });
   },
   ToastControl = ({
     native

package/dist/esm/ToastDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastDemo","native","setNative","useState","space","alignItems","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","enterStyle","opacity","scale","y","exitStyle","animation","viewportName","Title","title","message","Description","id","toast","gap","justifyContent","onPress","show","hide","size","nativeID","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Toast","useToastController","useToastState","React","AnimatePresence","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastDemo","native","setNative","useState","space","alignItems","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","animation","duration","enterStyle","opacity","scale","y","exitStyle","viewportName","Title","title","message","Description","id","toast","gap","justifyContent","onPress","show","hide","size","nativeID","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ToastDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Toast, useToastController, useToastState } from "@tamagui/toast";
 import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
+import { AnimatePresence, Button, Label, Switch, XStack, YStack } from "tamagui";
 var ToastDemo = function () {
     var [native, setNative] = React.useState(!1);
     return /* @__PURE__ */_jsxs(YStack, {
@@ -17,31 +17,33 @@ var ToastDemo = function () {
   },
   CurrentToast = function () {
     var currentToast = useToastState();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */_jsx(Toast, {
-      duration: currentToast.duration,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.5,
-        y: -25
-      },
-      exitStyle: {
-        opacity: 0,
+    return /* @__PURE__ */_jsx(AnimatePresence, {
+      children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */_jsx(Toast, {
+        animation: "200ms",
+        duration: currentToast.duration,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.5,
+          y: 25
+        },
+        exitStyle: {
+          opacity: 0,
+          scale: 1,
+          y: 20
+        },
+        y: 0,
+        opacity: 1,
         scale: 1,
-        y: -20
-      },
-      y: 0,
-      opacity: 1,
-      scale: 1,
-      animation: "100ms",
-      viewportName: currentToast.viewportName,
-      children: /* @__PURE__ */_jsxs(YStack, {
-        children: [/* @__PURE__ */_jsx(Toast.Title, {
-          children: currentToast.title
-        }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
-          children: currentToast.message
-        })]
-      })
-    }, currentToast.id);
+        viewportName: currentToast.viewportName,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          children: [/* @__PURE__ */_jsx(Toast.Title, {
+            children: currentToast.title
+          }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
+            children: currentToast.message
+          })]
+        })
+      }, currentToast.id) : null
+    });
   },
   ToastControl = function (param) {
     var {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastDemo","native","setNative","useState","space","alignItems","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","enterStyle","opacity","scale","y","exitStyle","animation","viewportName","Title","title","message","Description","id","param","toast","gap","justifyContent","onPress","show","hide","size"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS,MAAQ,OAAO;AAWpB,SACEC,MADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,SAAM,YAAAA,CAAA,EAAkB;IAC7B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,GAAS;IAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;MACCK,KAAA;MACAC,UAAA,UAAC;MAEDC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;QAIEN;MACJ,EAAM,EAEN,eAAKb,IAAgB,CAAAoB,YAAa,OAE/B,eAAApB,IAAA,CAAAqB,aAAA;QAAAR,MAAA;QAECC;MACA;IAC0C;EACvC;EAAAM,YACM,YAAAA,CAAA;IAAA,IACTE,YAAO,GAAAjB,aAAA;IAAA,OACP,CAAAiB,YAAU,IAAAA,YAAA,CAAAC,iBAAA,yBAAAvB,IAAA,CAAAG,KAAA;MAAAqB,QACV,EAAAF,YAAc,CAAAE,QAAa;MAAAC,UAE3B;QACEC,OAAA;QAAiCC,KAC9B;QACwCC,CAAA,EAE7C;MAAA;MAfKC,SAAA;QAgBPH,OAAA;QAIEC,KAAA;QACJC,CAAA,EAAM;MACN;MAEIA,CAAA;MAAAF,OAAC;MAAAC,KAAA;MAAAG,SACC,SAAS;MACPC,YAAM,EAAAT,YAAK,CAAAS,YAAA;MAAuBb,QAChC,iBAAShB,KAAA,CAAAS,MAAA;QAAAO,QACT,kBACDlB,IAAA,CAAAG,KAAA,CAAA6B,KAAA;UACHd,QAAA,EAAAI,YAAA,CAAAW;QACD,MAAAX,YAAA,CAAAY,OAAA,mBAAAlC,IAAA,CAAAG,KAAA,CAAAgC,WAAA;UAEDjB,QAAA,EAAAI,YAAA,CAAAY;QACA;MAAC;IAAA,GAAAZ,YACU,CAAAc,EAAA;EACP;EAAAjB,YAAA,GAAM,SAAAA,CAAKkB,KAAA;IAAA;QACbxB;MAAA,IAAAwB,KAAA;MAAAC,KAAA,GAAAlC,kBAAA;IAAA,OACD,eAAAF,KAAA,CAAAQ,MAAA;MAAA6B,GAAA;MAEDC,cAAA;MAAAtB,QACF,GAIE,eAAiBlB,IAAA,CAAAO,MAAA;QACrBkC,OAAA,WAAAA,CAAA;UACAH,KAAA,CAAAI,IAAA;YAMER,OAAA,qCACE;YAAArB;UAGA;QAAC;QAAAK,QAAA;MACC,IACA,eAASlB,IAAA,CAAAO,MAAA;QACTkC,OAAM,WAAAA,CAAA;UACNH,KAAK,CAAAK,IAAA;QACL;QACAzB,QAAA;MAEA;IAAQ;EAAP;EAAAG,aACC,YAAAA,CAAWgB,KAAA;IAAA;MAAAxB,MACT;MAAAC;IAAA,IAAAuB,KAAA;IAAA,sBACAnC,KAAA,CAAAQ,MAAA;MAAA6B,GAAA;MACarB,QAAA,GACU,eACrBlB,IAAA,CAAAQ,KAAA;QAAAoC,IACF;QAAAH,OACF,WAAAA,CAAA;UAAA,OAAA3B,SAAA;QACF;QAAAI,QAAA;MACF,IAEA,eAAClB,IAAA,CAAAS,MAAM;QAGT2B,EAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","AnimatePresence","Button","Label","Switch","XStack","YStack","ToastDemo","native","setNative","useState","space","alignItems","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","animation","duration","enterStyle","opacity","scale","y","exitStyle","viewportName","Title","title","message","Description","id","param","toast","gap","justifyContent","onPress","show","hide","size"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS;AAWL,SACEC,eADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,SAAM,YAAAA,CAAA,EAAkB;IAC7B,KAAAC,MAAO,EAAAC,SAAQ,IAAST,KAAI,CAAAU,QAAM,GAAS;IAE3C,OACE,eAAAd,KAAC,CAAAU,MAAA;MACCK,KAAA;MACAC,UAAA,UAAC;MAEDC,QAAA,GACF,eAAAnB,IAAA,CAAAoB,YAAA;QAIEN;MACJ,EAAM,EAEN,eACEd,IAAA,CAAAqB,YAAC,OAEI,eAAArB,IAAA,CAAAsB,aAAA;QAAAR,MAAA;QACCC;MAEA;IAC4C;EACH;EAAAM,YACtC,YAAAA,CAAA;IAAA,IACHE,YAAS,GAAAlB,aAAA;IAAA,OACT,eAAOL,IAAA,CAAAO,eAAA;MAAAY,QACP,EAAAI,YAAc,KAAAA,YAAa,CAAAC,iBAAA,kBAAAxB,IAAA,CAAAG,KAAA;QAE3BsB,SAAA;QACEC,QAAA,EAAAH,YAAC,CAAAG,QAAM;QAA0BC,UAC9B;UACwCC,OAE7C;UAAAC,KAAA;UAdKC,CAAA;QAgBL;QAKJC,SAAA;UACEH,OAAA,EAAQ;UACdC,KACE;UACEC,CAAA;QAAC;QAAAA,CAAA;QAAAF,OACC;QACEC,KAAA;QAAkCG,YAChC,EAAAT,YAAS,CAAAS,YAAA;QAAAb,QACT,iBAAAjB,KAAA,CAAAU,MAAA;UAAAO,QACD,GACH,eAAAnB,IAAA,CAAAG,KAAA,CAAA8B,KAAA;YACDd,QAAA,EAAAI,YAAA,CAAAW;UAAA,IAED,EAAAX,YAAA,CAAAY,OAAA,mBAAAnC,IAAA,CAAAG,KAAA,CAAAiC,WAAA;YACAjB,QAAA,EAAAI,YAAA,CAAAY;UAAC;QAAA;MAEG,GAAAZ,YAAM,CAAAc,EAAK;IAAA;EACb;EAAAjB,YACD,YAAAA,CAAAkB,KAAA;IAAA;QAAAxB;MAAA,IAAAwB,KAAA;MAAAC,KAAA,GAAAnC,kBAAA;IAAA,OAED,eAAAF,KAAA,CAAAS,MAAA;MAAA6B,GACF;MAIEC,cAAA,EAAiB;MACrBtB,QAAA,GACA,eAAAnB,IAAA,CAAAQ,MAAA;QAMEkC,OAAA,WAAAA,CAAA,EAAC;UACCH,KAAA,CAAAI,IAAA,sBAAY,EAAK;YAGjBR,OAAA;YAACrB;UAAA;QACC;QACAK,QAAS;MACT,IACA,eAAKnB,IAAA,CAAAQ,MAAA;QACLkC,OAAS,EAAE,SAAAA,CAAA;UACXH,KAAA,CAAAK,IAAA;QAEA;QAACzB,QAAO;MAAA,EAAP;IACY;EACT;EAAAG,aACA,YAAAA,CAAAgB,KAAA;IAAA;MAAAxB,MACE;MAAAC;IAAW,IAAAuB,KAAA;IAAA,sBACTpC,KAAA,CAAAS,MAAmB;MAAA6B,GAAA;MACrBrB,QACF,kBACFnB,IAAA,CAAAS,KAAA;QAAAoC,IAAA;QACFH,OAAA,WAAAA,CAAA;UAAA,OAAA3B,SAAA;QACF;QAEAI,QAAA;MAGF,I","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.126.8-1746721458928",
+  "version": "1.126.9",
   "sideEffects": [
     "*.css"
   ],
@@ -45,30 +45,30 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.126.8-1746721458928",
-    "@tamagui/button": "1.126.8-1746721458928",
-    "@tamagui/config": "1.126.8-1746721458928",
-    "@tamagui/core": "1.126.8-1746721458928",
-    "@tamagui/list-item": "1.126.8-1746721458928",
-    "@tamagui/logo": "1.126.8-1746721458928",
-    "@tamagui/lucide-icons": "1.126.8-1746721458928",
-    "@tamagui/menu": "1.126.8-1746721458928",
-    "@tamagui/popover": "1.126.8-1746721458928",
-    "@tamagui/progress": "1.126.8-1746721458928",
-    "@tamagui/radio-group": "1.126.8-1746721458928",
-    "@tamagui/select": "1.126.8-1746721458928",
-    "@tamagui/sheet": "1.126.8-1746721458928",
-    "@tamagui/slider": "1.126.8-1746721458928",
-    "@tamagui/stacks": "1.126.8-1746721458928",
-    "@tamagui/tamagui-dev-config": "1.126.8-1746721458928",
-    "@tamagui/toast": "1.126.8-1746721458928",
-    "tamagui": "1.126.8-1746721458928"
+    "@tamagui/avatar": "1.126.9",
+    "@tamagui/button": "1.126.9",
+    "@tamagui/config": "1.126.9",
+    "@tamagui/core": "1.126.9",
+    "@tamagui/list-item": "1.126.9",
+    "@tamagui/logo": "1.126.9",
+    "@tamagui/lucide-icons": "1.126.9",
+    "@tamagui/menu": "1.126.9",
+    "@tamagui/popover": "1.126.9",
+    "@tamagui/progress": "1.126.9",
+    "@tamagui/radio-group": "1.126.9",
+    "@tamagui/select": "1.126.9",
+    "@tamagui/sheet": "1.126.9",
+    "@tamagui/slider": "1.126.9",
+    "@tamagui/stacks": "1.126.9",
+    "@tamagui/tamagui-dev-config": "1.126.9",
+    "@tamagui/toast": "1.126.9",
+    "tamagui": "1.126.9"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.126.8-1746721458928",
+    "@tamagui/build": "1.126.9",
     "react": "*"
   },
   "publishConfig": {

package/src/ToastDemo.tsx

@@ -1,6 +1,6 @@
 import { Toast, useToastController, useToastState } from '@tamagui/toast'
 import React from 'react'
-import { Button, Label, Switch, XStack, YStack } from 'tamagui'
+import { AnimatePresence, Button, isWeb, Label, Switch, XStack, YStack } from 'tamagui'
 
 /**
  *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add:
@@ -23,26 +23,29 @@ export const ToastDemo = () => {
 const CurrentToast = () => {
   const currentToast = useToastState()
 
-  if (!currentToast || currentToast.isHandledNatively) return null
   return (
-    <Toast
-      key={currentToast.id}
-      duration={currentToast.duration}
-      enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
-      exitStyle={{ opacity: 0, scale: 1, y: -20 }}
-      y={0}
-      opacity={1}
-      scale={1}
-      animation="100ms"
-      viewportName={currentToast.viewportName}
-    >
-      <YStack>
-        <Toast.Title>{currentToast.title}</Toast.Title>
-        {!!currentToast.message && (
-          <Toast.Description>{currentToast.message}</Toast.Description>
-        )}
-      </YStack>
-    </Toast>
+    <AnimatePresence>
+      {currentToast && !currentToast.isHandledNatively ? (
+        <Toast
+          animation="200ms"
+          key={currentToast.id}
+          duration={currentToast.duration}
+          enterStyle={{ opacity: 0, scale: 0.5, y: 25 }}
+          exitStyle={{ opacity: 0, scale: 1, y: 20 }}
+          y={0}
+          opacity={1}
+          scale={1}
+          viewportName={currentToast.viewportName}
+        >
+          <YStack>
+            <Toast.Title>{currentToast.title}</Toast.Title>
+            {!!currentToast.message && (
+              <Toast.Description>{currentToast.message}</Toast.Description>
+            )}
+          </YStack>
+        </Toast>
+      ) : null}
+    </AnimatePresence>
   )
 }