@tamagui/demos 1.126.9 → 1.126.11

package/dist/cjs/ToastDemo.cjs

@@ -53,33 +53,35 @@ const ToastDemo = () => {
   },
   CurrentToast = () => {
     const currentToast = (0, import_toast.useToastState)();
-    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,
-        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
-    });
+    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+      animation: "200ms",
+      duration: currentToast.duration,
+      enterStyle: {
+        opacity: 0,
+        transform: [{
+          translateY: 100
+        }]
+      },
+      exitStyle: {
+        opacity: 0,
+        transform: [{
+          translateY: 100
+        }]
+      },
+      transform: [{
+        translateY: 0
+      }],
+      opacity: 1,
+      scale: 1,
+      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);
   },
   ToastControl = ({
     native
@@ -92,7 +94,8 @@ const ToastDemo = () => {
         onPress: () => {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
-            native
+            native,
+            demo: !0
           });
         },
         children: "Show"

package/dist/cjs/ToastDemo.js

@@ -35,14 +35,14 @@ const ToastDemo = () => {
   ] });
 }, CurrentToast = () => {
   const currentToast = (0, import_toast.useToastState)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return !currentToast || currentToast.isHandledNatively ? null : /* @__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,
+      enterStyle: { opacity: 0, transform: [{ translateY: 100 }] },
+      exitStyle: { opacity: 0, transform: [{ translateY: 100 }] },
+      transform: [{ translateY: 0 }],
       opacity: 1,
       scale: 1,
       viewportName: currentToast.viewportName,
@@ -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: [
@@ -62,7 +62,8 @@ const ToastDemo = () => {
         onPress: () => {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
-            native
+            native,
+            demo: !0
           });
         },
         children: "Show"

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,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAA6D,oBAWzD;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,OAG1D;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAEV,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,EAAE,YAAY,IAAI,CAAC,EAAE;AAAA,MAC3D,WAAW,EAAE,SAAS,GAAG,WAAW,CAAC,EAAE,YAAY,IAAI,CAAC,EAAE;AAAA,MAC1D,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;AAAA,MAC7B,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;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AAEjC,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,YACA,MAAM;AAAA,UACR,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,36 +44,44 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_toast = require("@
   });
 }, CurrentToast = function() {
   var currentToast = (0, import_toast.useToastState)();
-  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,
-      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
-  });
+  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast, {
+    animation: "200ms",
+    duration: currentToast.duration,
+    enterStyle: {
+      opacity: 0,
+      transform: [
+        {
+          translateY: 100
+        }
+      ]
+    },
+    exitStyle: {
+      opacity: 0,
+      transform: [
+        {
+          translateY: 100
+        }
+      ]
+    },
+    transform: [
+      {
+        translateY: 0
+      }
+    ],
+    opacity: 1,
+    scale: 1,
+    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);
 }, ToastControl = function(param) {
   var { native } = param, toast = (0, import_toast.useToastController)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
@@ -84,7 +92,8 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_toast = require("@
         onPress: function() {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
-            native
+            native,
+            demo: !0
           });
         },
         children: "Show"

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDemo.tsx"],
-  "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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAyD,2BACzD,eAAkB,2BAClB,iBAA6D,oBAOhDA,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,OAG1D,uCAAAN,KAACO,oBAAAA;IACCC,WAAU;IAEVC,UAAUL,aAAaK;IACvBC,YAAY;MAAEC,SAAS;MAAGC,WAAW;QAAC;UAAEC,YAAY;QAAI;;IAAG;IAC3DC,WAAW;MAAEH,SAAS;MAAGC,WAAW;QAAC;UAAEC,YAAY;QAAI;;IAAG;IAC1DD,WAAW;MAAC;QAAEC,YAAY;MAAE;;IAC5BF,SAAS;IACTI,OAAO;IACPC,cAAcZ,aAAaY;cAE3B,uCAAApB,MAACC,uBAAAA;;QACC,uCAAAG,KAACO,mBAAMU,OAAK;oBAAEb,aAAac;;QAC1B,CAAC,CAACd,aAAae,WACd,uCAAAnB,KAACO,mBAAMa,aAAW;oBAAEhB,aAAae;;;;KAZhCf,aAAaiB,EAAE;AAiB1B,GAEMpB,eAAe,SAAA,OAAA;MAAC,EAAET,OAAM,IAAuB,OAC7C8B,YAAQC,iCAAAA;AAEd,SACE,uCAAA3B,MAAC4B,uBAAAA;IAAOC,KAAI;IAAKC,gBAAe;;MAC9B,uCAAA1B,KAAC2B,uBAAAA;QACCC,SAAS,WAAA;AACPN,gBAAMO,KAAK,uBAAuB;YAChCV,SAAS;YACT3B;YACAsC,MAAM;UACR,CAAA;QACF;kBACD;;MAGD,uCAAA9B,KAAC2B,uBAAAA;QACCC,SAAS,WAAA;AACPN,gBAAMS,KAAI;QACZ;kBACD;;;;AAKP,GAEM5B,gBAAgB,SAAA,OAAA;MAAC,EACrBX,QACAC,UAAS,IAIV;AACC,SACE,uCAAAG,MAAC4B,uBAAAA;IAAOC,KAAI;;MACV,uCAAAzB,KAACgC,sBAAAA;QAAMC,MAAK;QAAKL,SAAS,WAAA;iBAAMnC,UAAU,EAAA;;kBAAQ;;MAGlD,uCAAAO,KAACkC,uBAAAA;QACCb,IAAG;QACHc,UAAS;QACTC,OAAM;QACNH,MAAK;QACLI,SAAS,CAAC,CAAC7C;QACX8C,iBAAiB,SAACC,KAAAA;iBAAQ9C,UAAU8C,GAAAA;;kBAEpC,uCAAAvC,KAACkC,sBAAOM,OAAK;UACXhC,WAAW;YACT;YACA;cACEI,WAAW;gBACT6B,mBAAmB;cACrB;YACF;;;;MAKN,uCAAAzC,KAACgC,sBAAAA;QAAMC,MAAK;QAAKL,SAAS,WAAA;iBAAMnC,UAAU,EAAA;;kBAAO;;;;AAKvD;",
+  "names": ["ToastDemo", "native", "setNative", "React", "useState", "_jsxs", "YStack", "space", "alignItems", "_jsx", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "animation", "duration", "enterStyle", "opacity", "transform", "translateY", "exitStyle", "scale", "viewportName", "Title", "title", "message", "Description", "id", "toast", "useToastController", "XStack", "gap", "justifyContent", "Button", "onPress", "show", "demo", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "overshootClamping"]
 }

package/dist/esm/ToastDemo.js

@@ -1,6 +1,6 @@
 import { Toast, useToastController, useToastState } from "@tamagui/toast";
 import React from "react";
-import { AnimatePresence, Button, Label, Switch, XStack, YStack } from "tamagui";
+import { Button, Label, Switch, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
   const [native, setNative] = React.useState(!1);
@@ -11,14 +11,14 @@ const ToastDemo = () => {
   ] });
 }, CurrentToast = () => {
   const currentToast = useToastState();
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: currentToast && !currentToast.isHandledNatively ? /* @__PURE__ */ jsx(
+  return !currentToast || currentToast.isHandledNatively ? null : /* @__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,
+      enterStyle: { opacity: 0, transform: [{ translateY: 100 }] },
+      exitStyle: { opacity: 0, transform: [{ translateY: 100 }] },
+      transform: [{ translateY: 0 }],
       opacity: 1,
       scale: 1,
       viewportName: currentToast.viewportName,
@@ -28,7 +28,7 @@ const ToastDemo = () => {
       ] })
     },
     currentToast.id
-  ) : null });
+  );
 }, ToastControl = ({ native }) => {
   const toast = useToastController();
   return /* @__PURE__ */ jsxs(XStack, { gap: "$2", justifyContent: "center", children: [
@@ -38,7 +38,8 @@ const ToastDemo = () => {
         onPress: () => {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
-            native
+            native,
+            demo: !0
           });
         },
         children: "Show"

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,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;",
+  "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAe,OAAO,QAAQ,QAAQ,cAAc;AAWzD,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,OAG1D;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAEV,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,EAAE,YAAY,IAAI,CAAC,EAAE;AAAA,MAC3D,WAAW,EAAE,SAAS,GAAG,WAAW,CAAC,EAAE,YAAY,IAAI,CAAC,EAAE;AAAA,MAC1D,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;AAAA,MAC7B,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;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AAEjC,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,YACA,MAAM;AAAA,UACR,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 { AnimatePresence, Button, Label, Switch, XStack, YStack } from "tamagui";
+import { Button, Label, Switch, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
     const [native, setNative] = React.useState(!1);
@@ -17,33 +17,35 @@ const ToastDemo = () => {
   },
   CurrentToast = () => {
     const currentToast = useToastState();
-    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,
-        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
-    });
+    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */jsx(Toast, {
+      animation: "200ms",
+      duration: currentToast.duration,
+      enterStyle: {
+        opacity: 0,
+        transform: [{
+          translateY: 100
+        }]
+      },
+      exitStyle: {
+        opacity: 0,
+        transform: [{
+          translateY: 100
+        }]
+      },
+      transform: [{
+        translateY: 0
+      }],
+      opacity: 1,
+      scale: 1,
+      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);
   },
   ToastControl = ({
     native
@@ -56,7 +58,8 @@ const ToastDemo = () => {
         onPress: () => {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
-            native
+            native,
+            demo: !0
           });
         },
         children: "Show"

package/dist/esm/ToastDemo.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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","animation","duration","enterStyle","opacity","transform","translateY","exitStyle","scale","viewportName","Title","title","message","Description","id","toast","gap","justifyContent","onPress","show","demo","hide","size","nativeID","theme","checked","onCheckedChange","val","Thumb","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 { AnimatePresence, Button, Label, Switch, XStack, YStack } from "tamagui";
+import { Button, Label, Switch, XStack, YStack } from "tamagui";
 var ToastDemo = function () {
     var [native, setNative] = React.useState(!1);
     return /* @__PURE__ */_jsxs(YStack, {
@@ -17,33 +17,35 @@ var ToastDemo = function () {
   },
   CurrentToast = function () {
     var currentToast = useToastState();
-    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,
-        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
-    });
+    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */_jsx(Toast, {
+      animation: "200ms",
+      duration: currentToast.duration,
+      enterStyle: {
+        opacity: 0,
+        transform: [{
+          translateY: 100
+        }]
+      },
+      exitStyle: {
+        opacity: 0,
+        transform: [{
+          translateY: 100
+        }]
+      },
+      transform: [{
+        translateY: 0
+      }],
+      opacity: 1,
+      scale: 1,
+      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);
   },
   ToastControl = function (param) {
     var {
@@ -57,7 +59,8 @@ var ToastDemo = function () {
         onPress: function () {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
-            native
+            native,
+            demo: !0
           });
         },
         children: "Show"

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

@@ -1 +1 @@
-{"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":[]}
+{"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","animation","duration","enterStyle","opacity","transform","translateY","exitStyle","scale","viewportName","Title","title","message","Description","id","param","toast","gap","justifyContent","onPress","show","demo","hide"],"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,MAAe,OAAO;AAW3B,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,OAG/B,eAAApB,IAAA,CAAAqB,aAAA;QAAAR,MAAA;QACCC;MAEA;IAC2D;EACD;EAAAM,YAC1D,GAAY,SAAAA,CAAA,EAAE;IAAe,IAC7BE,YAAS,GAAAjB,aAAA;IAAA,OACT,CAAAiB,YAAO,IAAAA,YAAA,CAAAC,iBAAA,yBAAAvB,IAAA,CAAAG,KAAA;MAAAqB,SACP,SAAc;MAAaC,QAE3B,EAAAH,YAAA,CAAAG,QAAA;MACEC,UAAA;QAAiCC,OAC9B;QACwCC,SAE7C;UAdKC,UAAa;QAepB;MAKF;MAEAC,SACE;QACEH,OAAA;QAACC,SAAA;UACCC,UAAS;QACP;MACW;MACTD,SACA,GAAM;QAEVC,UAAA;MAAA,EACD;MAEDF,OAAA;MACAI,KAAA;MAAAC,YAAC,EAAAV,YAAA,CAAAU,YAAA;MAAAd,QAAA,iBAAAhB,KAAA,CAAAS,MAAA;QAAAO,QACC,GACE,eAAWlB,IAAA,CAAAG,KAAA,CAAA8B,KAAA;UACbf,QAAA,EAAAI,YAAA,CAAAY;QACD,MAAAZ,YAAA,CAAAa,OAAA,mBAAAnC,IAAA,CAAAG,KAAA,CAAAiC,WAAA;UAEDlB,QAAA,EAAAI,YAAA,CAAAa;QACF;MAKF;IACA,GAAAb,YAAA,CAAAe,EAAA;EACF;EAAAlB,YAKI,YAAAA,CAACmB,KAAA;IACC;QAAAzB;MAAA,IAAAyB,KAAC;MAAAC,KAAM,GAAAnC,kBAAmB;IAG1B,sBAAAF,KAAA,CAAAQ,MAAA;MAAC8B,GAAA;MAAAC,cAAA;MAAAvB,QACI,GACH,eAASlB,IAAA,CAAAO,MAAA;QACTmC,OAAM,WAAAA,CAAA;UACNH,KAAK,CAAAI,IAAA;YACLR,OAAW;YACXtB,MAAA;YAEA+B,IAAA;UAAC;QAAA;QAAA1B,QACC;MAAW,IACT,eACAlB,IAAA,CAAAO,MAAA;QAAAmC,OACE,WAAAA,CAAA,EAAW;UAAAH,KAAA,CACTM,IAAA;QAAmB;QACrB3B,QACF;MAAA;IACF;EACF;EAAAG,aAAA,YAAAA,CAAAiB,KAAA;IACF;MAAAzB,MAAA;MAAAC;IAAA,IAAAwB,KAAA;IAEA,sBAACpC,KAAA,CAAMQ,MAAK;MAGd8B,GAAA","ignoreList":[]}

package/package.json

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

package/src/ToastDemo.tsx

@@ -1,6 +1,6 @@
 import { Toast, useToastController, useToastState } from '@tamagui/toast'
 import React from 'react'
-import { AnimatePresence, Button, isWeb, Label, Switch, XStack, YStack } from 'tamagui'
+import { 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,34 +23,33 @@ export const ToastDemo = () => {
 const CurrentToast = () => {
   const currentToast = useToastState()
 
+  if (!currentToast || currentToast.isHandledNatively) return null
+
   return (
-    <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>
+    <Toast
+      animation="200ms"
+      key={currentToast.id}
+      duration={currentToast.duration}
+      enterStyle={{ opacity: 0, transform: [{ translateY: 100 }] }}
+      exitStyle={{ opacity: 0, transform: [{ translateY: 100 }] }}
+      transform={[{ translateY: 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>
   )
 }
 
 const ToastControl = ({ native }: { native: boolean }) => {
   const toast = useToastController()
+
   return (
     <XStack gap="$2" justifyContent="center">
       <Button
@@ -58,6 +57,7 @@ const ToastControl = ({ native }: { native: boolean }) => {
           toast.show('Successfully saved!', {
             message: "Don't worry, we've got your data.",
             native,
+            demo: true,
           })
         }}
       >