@tamagui/demos 1.111.8 → 1.111.9

package/dist/esm/ThemeBuilderDemo.native.js

@@ -1,188 +1,155 @@
 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.js.map
+export { ThemeBuilderDemo };
+//# sourceMappingURL=ThemeBuilderDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/esm/ThemeInverseDemo.native.js

@@ -1,59 +1,46 @@
 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.js.map
+export { ThemeInverseDemo };
+//# sourceMappingURL=ThemeInverseDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/esm/ToastDemo.native.js

@@ -2,118 +2,108 @@ 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,
+      })]
+    });
+  },
+  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,
       scale: 1,
-      y: -20
-    },
-    y: 0,
-    opacity: 1,
-    scale: 1,
-    animation: "100ms",
-    viewportName: currentToast.viewportName,
-    children: /* @__PURE__ */ _jsxs(YStack, {
-      children: [
-        /* @__PURE__ */ _jsx(Toast.Title, {
+      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.js.map
+      })]
+    });
+  };
+export { ToastDemo };
+//# sourceMappingURL=ToastDemo.native.js.map