@tamagui/demos 1.110.5 → 1.111.0

package/dist/esm/TabsDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","paddingHorizontal","position","children","HorizontalTabs","VerticalTabs","alignItems","space","bottom","left","$xxs","display","size","onPress","x","length","defaultValue","orientation","flexDirection","width","height","borderRadius","borderWidth","overflow","borderColor","List","separator","disablePassBorderRadius","Tab","flex","value","fontFamily","TabsContent"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TextDemo.native.mjs

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
+import { Paragraph, SizableText, XStack, YStack } from "tamagui";
+function TextDemo() {
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$2",
+    alignItems: "center",
+    children: [/* @__PURE__ */_jsx(SizableText, {
+      size: "$3",
+      children: "SizableText"
+    }), /* @__PURE__ */_jsxs(XStack, {
+      space: !0,
+      children: [/* @__PURE__ */_jsx(SizableText, {
+        theme: "alt1",
+        size: "$3",
+        children: "alt1"
+      }), /* @__PURE__ */_jsx(SizableText, {
+        theme: "alt2",
+        size: "$3",
+        children: "alt2"
+      })]
+    }), /* @__PURE__ */_jsx(Paragraph, {
+      size: "$2",
+      fontWeight: "800",
+      children: "Paragraph"
+    })]
+  });
+}
+export { TextDemo };
+//# sourceMappingURL=TextDemo.native.mjs.map

package/dist/esm/TextDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","SizableText","XStack","YStack","TextDemo","gap","alignItems","children","size"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAmB,QAAQ,mBAAc;AAKvD,cACA;AAJC,SAASC,SAAA,EAAWC,WAAA,EAAAC,MAAA,EAAAC,MAAA;AACzB,SACEC,SAAA;EACE,sBAACL,KAAA,CAAAI,MAAA,EAAY;IACbE,GAAA;IACEC,UAAA;IAEAC,QACA,GAEA,eACFV,IAAA,CAAAI,WAAA;MACAO,IAAA;MAGFD,QAAA;IAEJ,I","ignoreList":[]}

package/dist/esm/ThemeBuilderDemo.native.js

@@ -1,24 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Square, XStack, YStack } from "tamagui";
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
 function ThemeBuilderDemo() {
   return /* @__PURE__ */ _jsx(YStack, {
     fullscreen: !0,
@@ -109,83 +90,95 @@ function ThemeBuilderDemo() {
   });
 }
 function Col(props) {
-  var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
+  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
   return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$2.5",
     space: "$3.5",
     children: [
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: props.subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "orange" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "yellow" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "green" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "blue" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "purple" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "pink" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "red" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: props.subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "orange" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "yellow" + subTheme,
-        bg: "$background"
-      }, props)),
-      /* @__PURE__ */ _jsx(Square, _object_spread({
+        bg: "$background",
+        ...props
+      }),
+      /* @__PURE__ */ _jsx(Square, {
         br: "$6",
         size: "$10",
         theme: "green" + subTheme,
-        bg: "$background"
-      }, props))
+        bg: "$background",
+        ...props
+      })
     ]
   });
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ThemeBuilderDemo.tsx"],
-  "mappings": "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",
+  "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/ThemeBuilderDemo.native.mjs

@@ -0,0 +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, {
+    fullscreen: !0,
+    ov: "hidden",
+    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"
+      })]
+    })
+  });
+}
+function Col(props) {
+  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
+  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
+    })]
+  });
+}
+export { ThemeBuilderDemo };
+//# sourceMappingURL=ThemeBuilderDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"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.mjs

@@ -0,0 +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, {
+    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)
+      })
+    })]
+  });
+}
+function Buttons(props) {
+  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"
+      })
+    })]
+  });
+}
+export { ThemeInverseDemo };
+//# sourceMappingURL=ThemeInverseDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"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,49 +2,8 @@ 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";
-function _array_like_to_array(arr, len) {
-  (len == null || len > arr.length) && (len = arr.length);
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i != null) {
-    var _arr = [], _n = !0, _d = !1, _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
-        ;
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        !_n && _i.return != null && _i.return();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (o) {
-    if (typeof o == "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-  }
-}
 var ToastDemo = function() {
-  var _React_useState = _sliced_to_array(React.useState(!1), 2), native = _React_useState[0], setNative = _React_useState[1];
+  var [native, setNative] = React.useState(!1);
   return /* @__PURE__ */ _jsxs(YStack, {
     space: !0,
     alignItems: "center",
@@ -90,7 +49,7 @@ var ToastDemo = function() {
     })
   }, currentToast.id);
 }, ToastControl = function(param) {
-  var native = param.native, toast = useToastController();
+  var { native } = param, toast = useToastController();
   return /* @__PURE__ */ _jsxs(XStack, {
     gap: "$2",
     justifyContent: "center",
@@ -113,7 +72,7 @@ var ToastDemo = function() {
     ]
   });
 }, NativeOptions = function(param) {
-  var native = param.native, setNative = param.setNative;
+  var { native, setNative } = param;
   return /* @__PURE__ */ _jsxs(XStack, {
     gap: "$3",
     children: [

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ToastDemo.tsx"],
-  "mappings": ";AAAA,SAASA,OAAOC,oBAAoBC,qBAAqB;AACzD,OAAOC,WAAW;AAClB,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMC,YAAY,WAAA;AACvB,MAA4BN,kBAAAA,iBAAAA,MAAMO,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBR,gBAAAA,CAAAA,GAAbS,YAAaT,gBAAAA,CAAAA;AAE5B,SACE,sBAACK,QAAAA;IAAOK,OAAK;IAACC,YAAW;;MACvB,qBAACC,cAAAA;QAAaJ;;MACd,qBAACK,cAAAA,CAAAA,CAAAA;MAED,qBAACC,eAAAA;QAAcN;QAAgBC;;;;AAGrC,GAEMI,eAAe,WAAA;AACnB,MAAME,eAAehB,cAAAA;AAErB,SAAI,CAACgB,gBAAgBA,aAAaC,oBAA0B,OAE1D,qBAACnB,OAAAA;IAECoB,UAAUF,aAAaE;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,cAAcT,aAAaS;cAE3B,sBAACnB,QAAAA;;QACC,qBAACR,MAAM4B,OAAK;oBAAEV,aAAaW;;QAC1B,CAAC,CAACX,aAAaY,WACd,qBAAC9B,MAAM+B,aAAW;oBAAEb,aAAaY;;;;KAbhCZ,aAAac,EAAE;AAkB1B,GAEMjB,eAAe,SAAA,OAAA;MAAGJ,SAAAA,MAAAA,QAChBsB,QAAQhC,mBAAAA;AACd,SACE,sBAACM,QAAAA;IAAO2B,KAAI;IAAKC,gBAAe;;MAC9B,qBAAC/B,QAAAA;QACCgC,SAAS,WAAA;AACPH,gBAAMI,KAAK,uBAAuB;YAChCP,SAAS;YACTnB;UACF,CAAA;QACF;kBACD;;MAGD,qBAACP,QAAAA;QACCgC,SAAS,WAAA;AACPH,gBAAMK,KAAI;QACZ;kBACD;;;;AAKP,GAEMrB,gBAAgB,SAAA,OAAA;MACpBN,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,sBAACL,QAAAA;IAAO2B,KAAI;;MACV,qBAAC7B,OAAAA;QAAMkC,MAAK;QAAKH,SAAS,WAAA;iBAAMxB,UAAU,EAAA;;kBAAQ;;MAGlD,qBAACN,QAAAA;QACC0B,IAAG;QACHQ,UAAS;QACTC,OAAM;QACNF,MAAK;QACLG,SAAS,CAAC,CAAC/B;QACXgC,iBAAiB,SAACC,KAAAA;iBAAQhC,UAAUgC,GAAAA;;kBAEpC,qBAACtC,OAAOuC,OAAK;UACXnB,WAAW;YACT;YACA;cACEoB,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,qBAAC1C,OAAAA;QAAMkC,MAAK;QAAKH,SAAS,WAAA;iBAAMxB,UAAU,EAAA;;kBAAO;;;;AAKvD;",
-  "names": ["Toast", "useToastController", "useToastState", "React", "Button", "Label", "Switch", "XStack", "YStack", "ToastDemo", "useState", "native", "setNative", "space", "alignItems", "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"]
+  "mappings": ";AAAA,SAASA,OAAOC,oBAAoBC,qBAAqB;AACzD,OAAOC,WAAW;AAClB,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;AAO/C,IAAMC,YAAY,WAAA;AACvB,MAAM,CAACC,QAAQC,SAAAA,IAAaR,MAAMS,SAAS,EAAA;AAE3C,SACE,sBAACJ,QAAAA;IAAOK,OAAK;IAACC,YAAW;;MACvB,qBAACC,cAAAA;QAAaL;;MACd,qBAACM,cAAAA,CAAAA,CAAAA;MAED,qBAACC,eAAAA;QAAcP;QAAgBC;;;;AAGrC,GAEMK,eAAe,WAAA;AACnB,MAAME,eAAehB,cAAAA;AAErB,SAAI,CAACgB,gBAAgBA,aAAaC,oBAA0B,OAE1D,qBAACnB,OAAAA;IAECoB,UAAUF,aAAaE;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,cAAcT,aAAaS;cAE3B,sBAACnB,QAAAA;;QACC,qBAACR,MAAM4B,OAAK;oBAAEV,aAAaW;;QAC1B,CAAC,CAACX,aAAaY,WACd,qBAAC9B,MAAM+B,aAAW;oBAAEb,aAAaY;;;;KAbhCZ,aAAac,EAAE;AAkB1B,GAEMjB,eAAe,SAAA,OAAA;MAAC,EAAEL,OAAM,IAAuB,OAC7CuB,QAAQhC,mBAAAA;AACd,SACE,sBAACM,QAAAA;IAAO2B,KAAI;IAAKC,gBAAe;;MAC9B,qBAAC/B,QAAAA;QACCgC,SAAS,WAAA;AACPH,gBAAMI,KAAK,uBAAuB;YAChCP,SAAS;YACTpB;UACF,CAAA;QACF;kBACD;;MAGD,qBAACN,QAAAA;QACCgC,SAAS,WAAA;AACPH,gBAAMK,KAAI;QACZ;kBACD;;;;AAKP,GAEMrB,gBAAgB,SAAA,OAAA;MAAC,EACrBP,QACAC,UAAS,IAIV;AACC,SACE,sBAACJ,QAAAA;IAAO2B,KAAI;;MACV,qBAAC7B,OAAAA;QAAMkC,MAAK;QAAKH,SAAS,WAAA;iBAAMzB,UAAU,EAAA;;kBAAQ;;MAGlD,qBAACL,QAAAA;QACC0B,IAAG;QACHQ,UAAS;QACTC,OAAM;QACNF,MAAK;QACLG,SAAS,CAAC,CAAChC;QACXiC,iBAAiB,SAACC,KAAAA;iBAAQjC,UAAUiC,GAAAA;;kBAEpC,qBAACtC,OAAOuC,OAAK;UACXnB,WAAW;YACT;YACA;cACEoB,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,qBAAC1C,OAAAA;QAAMkC,MAAK;QAAKH,SAAS,WAAA;iBAAMzB,UAAU,EAAA;;kBAAO;;;;AAKvD;",
+  "names": ["Toast", "useToastController", "useToastState", "React", "Button", "Label", "Switch", "XStack", "YStack", "ToastDemo", "native", "setNative", "useState", "space", "alignItems", "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"]
 }

package/dist/esm/ToastDemo.native.mjs

@@ -0,0 +1,109 @@
+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, {
+        native
+      }), /* @__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,
+      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);
+  },
+  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 () {
+          toast.hide();
+        },
+        children: "Hide"
+      })]
+    });
+  },
+  NativeOptions = function (param) {
+    var {
+      native,
+      setNative
+    } = param;
+    return /* @__PURE__ */_jsxs(XStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */_jsx(Label, {
+        size: "$1",
+        onPress: function () {
+          return setNative(!1);
+        },
+        children: "Custom"
+      }), /* @__PURE__ */_jsx(Switch, {
+        id: "native-toggle",
+        nativeID: "native-toggle",
+        theme: "active",
+        size: "$1",
+        checked: !!native,
+        onCheckedChange: function (val) {
+          return setNative(val);
+        },
+        children: /* @__PURE__ */_jsx(Switch.Thumb, {
+          animation: ["quick", {
+            transform: {
+              overshootClamping: !0
+            }
+          }]
+        })
+      }), /* @__PURE__ */_jsx(Label, {
+        size: "$1",
+        onPress: function () {
+          return setNative(!0);
+        },
+        children: "Native"
+      })]
+    });
+  };
+export { ToastDemo };
+//# sourceMappingURL=ToastDemo.native.mjs.map

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

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