@tamagui/demos 1.113.1 → 1.114.0

package/dist/esm/ThemeBuilderDemo.native.js

@@ -1,155 +1,188 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Square, XStack, YStack } from "tamagui";
 function ThemeBuilderDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     fullscreen: !0,
     ov: "hidden",
-    children: /* @__PURE__ */_jsxs(XStack, {
+    children: /* @__PURE__ */ _jsxs(XStack, {
       mah: 200,
       y: -100,
       x: -50,
       rotate: "-10deg",
-      children: [/* @__PURE__ */_jsx(Col, {
-        y: 35,
-        bg: "$color9"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        y: 30,
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: -50,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$2",
-        bg: "$color1"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        y: 50,
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: 80,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        bg: "$color9"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: 80,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        y: 50,
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$2",
-        bg: "$color1"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: -50,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        y: 30,
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        y: 35,
-        bg: "$color9"
-      })]
+      children: [
+        /* @__PURE__ */ _jsx(Col, {
+          y: 35,
+          bg: "$color9"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$8",
+          y: 30,
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$6",
+          y: -50,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$4",
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$2",
+          bg: "$color1"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$4",
+          y: 50,
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$6",
+          y: 80,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$8",
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          bg: "$color9"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$8",
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$6",
+          y: 80,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$4",
+          y: 50,
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$2",
+          bg: "$color1"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$4",
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$6",
+          y: -50,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          size: "$8",
+          y: 30,
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ _jsx(Col, {
+          y: 35,
+          bg: "$color9"
+        })
+      ]
     })
   });
 }
 function Col(props) {
   var subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$2.5",
     space: "$3.5",
-    children: [/* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: props.subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "orange" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "yellow" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "green" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "blue" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "purple" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "pink" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "red" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: props.subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "orange" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "yellow" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "green" + subTheme,
-      bg: "$background",
-      ...props
-    })]
+    children: [
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: props.subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "blue" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "purple" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "pink" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "red" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: props.subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      })
+    ]
   });
 }
-export { ThemeBuilderDemo };
-//# sourceMappingURL=ThemeBuilderDemo.native.js.map
+export {
+  ThemeBuilderDemo
+};
+//# sourceMappingURL=ThemeBuilderDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Square","XStack","YStack","ThemeBuilderDemo","fullscreen","ov","children","mah","y","x","rotate","Col","bg","size","props","subTheme","padding","space","br","theme"],"sources":["../../src/ThemeBuilderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,iBAAA,EAAmB;EACjC,OACE,eAAAN,IAAC,CAAAK,MAAA;IAEGE,UAAA;IACAC,EAAA;IACAC,QAAA,iBAACP,KAAI,CAAAE,MAAK,EAAK;MACfM,GAAA;MACAC,CAAA;MACAC,CAAA;MACAC,MAAA;MACAJ,QAAA,GACA,eAACT,IAAA,CAAAc,GAAI;QACLH,CAAA;QACAI,EAAA;MACA,IACA,eAACf,IAAA,CAAAc,GAAI;QACLE,IAAA;QACAL,CAAA;QACAI,EAAA;MACA,IAEJ,eAAAf,IAAA,CAAAc,GAAA;QAEJE,IAAA;QAESL,CAAA,EACP;QAIMI,EAAA;MACN,CACE,GACE,eAACf,IAAA,CAAAc,GAAA,EAAO;QACRE,IAAA;QAACD,EAAA;MAAA,IACC,eAAGf,IAAA,CAAAc,GAAA;QACHE,IAAK;QACLD,EAAA;MACA,IACC,eAAGf,IAAA,CAAAc,GAAA;QAAAE,IAAA;QACNL,CAAA;QACAI,EAAA;MAAC,mBAAAf,IAAA,CAAAc,GAAA;QACCE,IAAG;QACHL,CAAA,IAAK;QACLI,EAAA;MACA,IACC,eAAGf,IAAA,CAAAc,GAAA;QAAAE,IAAA;QACND,EAAA;MACA,IAAC,eAAAf,IAAA,CAAAc,GAAA;QAAAC,EAAA;MACC,IACA,eAAKf,IAAA,CAAAc,GAAA;QACLE,IAAA,EAAQ;QACRD,EAAG;MACF,IAAG,eAAAf,IAAA,CAAAc,GAAA;QACNE,IAAA;QACAL,CAAA;QAACI,EAAA;MAAA,IACC,eAAGf,IAAA,CAAAc,GAAA;QACHE,IAAK;QACLL,CAAA,IAAQ;QACRI,EAAG;MACF,IAAG,eAAAf,IAAA,CAAAc,GAAA;QACNE,IAAA;QACAD,EAAA;MAAC,mBAAAf,IAAA,CAAAc,GAAA;QACCE,IAAG;QACHD,EAAA,EAAK;MACL,IACA,eAAGf,IAAA,CAAAc,GAAA;QACFE,IAAG;QAAAL,CAAA;QACNI,EAAA;MACA,IAAC,eAAAf,IAAA,CAAAc,GAAA;QAAAE,IAAA;QACCL,CAAA,EAAG;QACHI,EAAA,EAAK;MACL,IACA,eAAGf,IAAA,CAAAc,GAAA;QACFH,CAAG;QAAAI,EAAA;MACN;IACA;EAAC;AAAA;AACI,SACHD,IAAAG,KAAK;EAAA,IAAAC,QACL,GAAQD,KAAA,CAAQC,QAAA,OAAAD,KAAA,CAAAC,QAAA;EAAA,OAChB,eAAGhB,KAAA,CAAAG,MAAA;IAAAc,OACC;IAAAC,KAAA;IACNX,QAAA,GACA,eAAAT,IAAC,CAAAG,MAAA,EAAO;MACRkB,EAAA;MAACL,IAAA;MAAAM,KAAA,EAAAL,KAAA,CAAAC,QAAA;MACCH,EAAA,EAAG;MACH,GAAAE;IAAK,EACL,EAAmB,eAChBjB,IAAA,CAAAG,MAAA;MACFkB,EAAA,EAAG;MAAAL,IAAA;MACNM,KAAA,aAAAJ,QAAA;MACAH,EAAA;MAAC,GAAAE;IAAA,mBACIjB,IAAA,CAAAG,MAAA;MACHkB,EAAA,MAAK;MACLL,IAAA,OAAQ;MACRM,KAAG,aAAAJ,QAAA;MACFH,EAAA,EAAG;MAAA,GAAAE;IACN,IACA,eAAAjB,IAAA,CAAAG,MAAA;MAACkB,EAAA;MAAAL,IAAA;MACCM,KAAG,YAAAJ,QAAA;MACHH,EAAA,eAAK;MACL,GAAAE;IAAkB,EAClB,EAAG,eACCjB,IAAA,CAAAG,MAAA;MAAAkB,EAAA;MACNL,IAAA;MACFM,KAAA,WAAAJ,QAAA;MAEJH,EAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ThemeBuilderDemo.tsx"],
+  "mappings": "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",
+  "names": ["Square", "XStack", "YStack", "ThemeBuilderDemo", "fullscreen", "ov", "mah", "y", "x", "rotate", "Col", "bg", "size", "props", "subTheme", "padding", "space", "br", "theme"]
+}

package/dist/esm/ThemeInverseDemo.native.js

@@ -1,46 +1,59 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
 function ThemeInverseDemo() {
-  var themeName = useThemeName(),
-    opposite = themeName.includes("dark") ? "light" : "dark";
-  return /* @__PURE__ */_jsxs(XStack, {
+  var themeName = useThemeName(), opposite = themeName.includes("dark") ? "light" : "dark";
+  return /* @__PURE__ */ _jsxs(XStack, {
     space: !0,
-    children: [/* @__PURE__ */_jsx(Buttons, {
-      title: "Normal",
-      name: themeName
-    }), /* @__PURE__ */_jsx(Theme, {
-      inverse: !0,
-      children: /* @__PURE__ */_jsx(Buttons, {
-        title: "Inversed",
-        name: themeName.replace(themeName.split("_")[0], opposite)
+    children: [
+      /* @__PURE__ */ _jsx(Buttons, {
+        title: "Normal",
+        name: themeName
+      }),
+      /* @__PURE__ */ _jsx(Theme, {
+        inverse: !0,
+        children: /* @__PURE__ */ _jsx(Buttons, {
+          title: "Inversed",
+          name: themeName.replace(themeName.split("_")[0], opposite)
+        })
       })
-    })]
+    ]
   });
 }
 function Buttons(props) {
-  return /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     elevation: "$4",
     backgroundColor: "$background",
     padding: "$4",
     borderRadius: "$4",
     space: "$3",
-    children: [/* @__PURE__ */_jsx(H5, {
-      children: props.title
-    }), /* @__PURE__ */_jsx(Button, {
-      children: props.name
-    }), /* @__PURE__ */_jsx(Button, {
-      themeInverse: !0,
-      children: "inversed"
-    }), /* @__PURE__ */_jsxs(Button, {
-      theme: "alt1",
-      children: [props.name, "_alt1"]
-    }), /* @__PURE__ */_jsx(Theme, {
-      name: "yellow",
-      children: /* @__PURE__ */_jsx(Button, {
-        children: props.name.split("_")[0] + "_yellow"
+    children: [
+      /* @__PURE__ */ _jsx(H5, {
+        children: props.title
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        children: props.name
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        themeInverse: !0,
+        children: "inversed"
+      }),
+      /* @__PURE__ */ _jsxs(Button, {
+        theme: "alt1",
+        children: [
+          props.name,
+          "_alt1"
+        ]
+      }),
+      /* @__PURE__ */ _jsx(Theme, {
+        name: "yellow",
+        children: /* @__PURE__ */ _jsx(Button, {
+          children: props.name.split("_")[0] + "_yellow"
+        })
       })
-    })]
+    ]
   });
 }
-export { ThemeInverseDemo };
-//# sourceMappingURL=ThemeInverseDemo.native.js.map
+export {
+  ThemeInverseDemo
+};
+//# sourceMappingURL=ThemeInverseDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","H5","Theme","XStack","YStack","useThemeName","ThemeInverseDemo","themeName","opposite","includes","space","children","Buttons","title","name","inverse","replace","split","props","elevation","backgroundColor","padding","borderRadius","themeInverse"],"sources":["../../src/ThemeInverseDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAIC,IAAA,IAAOC,KAAA,QAAQ,mBAAQ;AAOxC,SACEC,MADF,EAAAC,EAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,YAAA;AALG,SAASC,iBAAA,EAAmB;EACjC,IAAAC,SAAM,GAAAF,YAAY;IAAaG,QACzB,GAAAD,SAAW,CAAAE,QAAU,OAAS,IAAM,OAAI,SAAU;EAExD,OACE,eAAAV,KAAC,CAAAI,MAAA;IACCO,KAAA;IACAC,QAAA,GACG,eAAAd,IAAA,CAAAe,OAAA;MAAAC,KAAA;MACCC,IAAA,EAAAP;IAAM,EACN,EAAyD,eAAAV,IAAA,CAAAK,KAAA;MAE7Da,OAAA;MACFJ,QAAA,iBAAAd,IAAA,CAAAe,OAAA;QAEJC,KAAA;QAESC,IAAA,EAAAP,SAAgD,CAAAS,OAAA,CAAAT,SAAA,CAAAU,KAAA,UAAAT,QAAA;MACvD,CACE;IAAC;EAAA;AACW;AACM,SAChBI,OAAQA,CAAAM,KAAA;EAAA,OACR,eAAanB,KAAA,CAAAK,MAAA;IAAAe,SACP;IAAAC,eAEN;IAAAC,OAAA;IAAiBC,YACjB;IAAoBZ,KACpB;IAA6BC,QAC7B,GAAsB,eAAMd,IAAA,CAAAI,EAAA;MAAAU,QAAK,EAAAO,KAAA,CAAAL;IAAA,IAAK,eACtChB,IAAA,CAAAG,MAAC;MAEDW,QAAA,EAAAO,KAAA,CAAAJ;IAAA,IACF,eAAAjB,IAAA,CAAAG,MAAA;MAEJuB,YAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ThemeInverseDemo.tsx"],
+  "mappings": ";AAAA,SAASA,QAAQC,IAAIC,OAAOC,QAAQC,QAAQC,oBAAoB;AAEzD,SAASC,mBAAAA;AACd,MAAMC,YAAYF,aAAAA,GACZG,WAAWD,UAAUE,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,sBAACN,QAAAA;IAAOO,OAAK;;MACX,qBAACC,SAAAA;QAAQC,OAAM;QAASC,MAAMN;;MAC9B,qBAACL,OAAAA;QAAMY,SAAO;kBACZ,qBAACH,SAAAA;UACCC,OAAM;UACNC,MAAMN,UAAUQ,QAAQR,UAAUS,MAAM,GAAA,EAAK,CAAA,GAAIR,QAAAA;;;;;AAK3D;AAEA,SAASG,QAAQM,OAAsC;AACrD,SACE,sBAACb,QAAAA;IACCc,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbX,OAAM;;MAEN,qBAACT,IAAAA;kBAAIgB,MAAML;;MACX,qBAACZ,QAAAA;kBAAQiB,MAAMJ;;MACf,qBAACb,QAAAA;QAAOsB,cAAY;kBAAC;;MACrB,sBAACtB,QAAAA;QAAOuB,OAAM;;UAAQN,MAAMJ;UAAK;;;MACjC,qBAACX,OAAAA;QAAMW,MAAK;kBACV,qBAACb,QAAAA;oBAAQiB,MAAMJ,KAAKG,MAAM,GAAA,EAAK,CAAA,IAAK;;;;;AAI5C;",
+  "names": ["Button", "H5", "Theme", "XStack", "YStack", "useThemeName", "ThemeInverseDemo", "themeName", "opposite", "includes", "space", "Buttons", "title", "name", "inverse", "replace", "split", "props", "elevation", "backgroundColor", "padding", "borderRadius", "themeInverse", "theme"]
+}

package/dist/esm/ToastDemo.native.js

@@ -2,108 +2,118 @@ 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";
-var ToastDemo = function () {
-    var [native, setNative] = React.useState(!1);
-    return /* @__PURE__ */_jsxs(YStack, {
-      space: !0,
-      alignItems: "center",
-      children: [/* @__PURE__ */_jsx(ToastControl, {
+var ToastDemo = function() {
+  var [native, setNative] = React.useState(!1);
+  return /* @__PURE__ */ _jsxs(YStack, {
+    space: !0,
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ _jsx(ToastControl, {
         native
-      }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
+      }),
+      /* @__PURE__ */ _jsx(CurrentToast, {}),
+      /* @__PURE__ */ _jsx(NativeOptions, {
         native,
         setNative
-      })]
-    });
-  },
-  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,
-        scale: 1,
-        y: -20
-      },
-      y: 0,
-      opacity: 1,
+      })
+    ]
+  });
+}, 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,
       scale: 1,
-      animation: "100ms",
-      viewportName: currentToast.viewportName,
-      children: /* @__PURE__ */_jsxs(YStack, {
-        children: [/* @__PURE__ */_jsx(Toast.Title, {
+      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, {
+        }),
+        !!currentToast.message && /* @__PURE__ */ _jsx(Toast.Description, {
           children: currentToast.message
-        })]
-      })
-    }, currentToast.id);
-  },
-  ToastControl = function (param) {
-    var {
-        native
-      } = param,
-      toast = useToastController();
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justifyContent: "center",
-      children: [/* @__PURE__ */_jsx(Button, {
-        onPress: function () {
+        })
+      ]
+    })
+  }, currentToast.id);
+}, ToastControl = function(param) {
+  var { native } = param, toast = useToastController();
+  return /* @__PURE__ */ _jsxs(XStack, {
+    gap: "$2",
+    justifyContent: "center",
+    children: [
+      /* @__PURE__ */ _jsx(Button, {
+        onPress: function() {
           toast.show("Successfully saved!", {
             message: "Don't worry, we've got your data.",
             native
           });
         },
         children: "Show"
-      }), /* @__PURE__ */_jsx(Button, {
-        onPress: function () {
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        onPress: function() {
           toast.hide();
         },
         children: "Hide"
-      })]
-    });
-  },
-  NativeOptions = function (param) {
-    var {
-      native,
-      setNative
-    } = param;
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      children: [/* @__PURE__ */_jsx(Label, {
+      })
+    ]
+  });
+}, NativeOptions = function(param) {
+  var { native, setNative } = param;
+  return /* @__PURE__ */ _jsxs(XStack, {
+    gap: "$3",
+    children: [
+      /* @__PURE__ */ _jsx(Label, {
         size: "$1",
-        onPress: function () {
+        onPress: function() {
           return setNative(!1);
         },
         children: "Custom"
-      }), /* @__PURE__ */_jsx(Switch, {
+      }),
+      /* @__PURE__ */ _jsx(Switch, {
         id: "native-toggle",
         nativeID: "native-toggle",
         theme: "active",
         size: "$1",
         checked: !!native,
-        onCheckedChange: function (val) {
+        onCheckedChange: function(val) {
           return setNative(val);
         },
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          animation: ["quick", {
-            transform: {
-              overshootClamping: !0
+        children: /* @__PURE__ */ _jsx(Switch.Thumb, {
+          animation: [
+            "quick",
+            {
+              transform: {
+                overshootClamping: !0
+              }
             }
-          }]
+          ]
         })
-      }), /* @__PURE__ */_jsx(Label, {
+      }),
+      /* @__PURE__ */ _jsx(Label, {
         size: "$1",
-        onPress: function () {
+        onPress: function() {
           return setNative(!0);
         },
         children: "Native"
-      })]
-    });
-  };
-export { ToastDemo };
-//# sourceMappingURL=ToastDemo.native.js.map
+      })
+    ]
+  });
+};
+export {
+  ToastDemo
+};
+//# sourceMappingURL=ToastDemo.js.map