@tamagui/demos 1.89.26 → 1.89.27-1708113113238

package/dist/esm/ThemeBuilderDemo.native.js

@@ -1,132 +1,158 @@
 import { Square, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
+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, 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" })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    fullscreen: !0,
+    ov: "hidden"
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    mah: 200,
+    y: -100,
+    x: -50,
+    rotate: "-10deg"
+  }, /* @__PURE__ */ React.createElement(Col, {
+    y: 35,
+    bg: "$color9"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$8",
+    y: 30,
+    bg: "$color7"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$6",
+    y: -50,
+    bg: "$color5"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$4",
+    bg: "$color3"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$2",
+    bg: "$color1"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$4",
+    y: 50,
+    bg: "$color3"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$6",
+    y: 80,
+    bg: "$color5"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$8",
+    bg: "$color7"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    bg: "$color9"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$8",
+    bg: "$color7"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$6",
+    y: 80,
+    bg: "$color5"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$4",
+    y: 50,
+    bg: "$color3"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$2",
+    bg: "$color1"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$4",
+    bg: "$color3"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$6",
+    y: -50,
+    bg: "$color5"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    size: "$8",
+    y: 30,
+    bg: "$color7"
+  }), /* @__PURE__ */ React.createElement(Col, {
+    y: 35,
+    bg: "$color9"
+  })));
 }
 function Col(props) {
-  const 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
-      }
-    )
-  ] });
+  var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
+  return /* @__PURE__ */ React.createElement(YStack, {
+    padding: "$2.5",
+    space: "$3.5"
+  }, /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: props.subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "orange" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "yellow" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "green" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "blue" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "purple" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "pink" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "red" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: props.subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "orange" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "yellow" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "green" + subTheme,
+    bg: "$background"
+  }, props)));
 }
 export {
   ThemeBuilderDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ThemeBuilderDemo.tsx"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ThemeBuilderDemo.tsx"],
+  "mappings": "AACA,SAASA,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;AAEhC,SAASC,mBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,YAAAA;IAAWC,IAAG;KACpB,sBAAA,cAACJ,QAAAA;IAAOK,KAAK;IAAKC,GAAG;IAAMC,GAAG;IAAKC,QAAO;KACxC,sBAAA,cAACC,KAAAA;IAAIH,GAAG;IAAII,IAAG;MACf,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAII,IAAG;MACzB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAKI,IAAG;MAC1B,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKD,IAAG;MAClB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKD,IAAG;MAClB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAII,IAAG;MACzB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAII,IAAG;MACzB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKD,IAAG;MAClB,sBAAA,cAACD,KAAAA;IAAIC,IAAG;MACR,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKD,IAAG;MAClB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAII,IAAG;MACzB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAII,IAAG;MACzB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKD,IAAG;MAClB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKD,IAAG;MAClB,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAKI,IAAG;MAC1B,sBAAA,cAACD,KAAAA;IAAIE,MAAK;IAAKL,GAAG;IAAII,IAAG;MACzB,sBAAA,cAACD,KAAAA;IAAIH,GAAG;IAAII,IAAG;;AAIvB;AAEA,SAASD,IACPG,OAEC;AAED,MAAMC,WAAWD,MAAMC,WAAY,IAAkB,OAAfD,MAAMC,QAAQ,IAAK;AACzD,SACE,sBAAA,cAACZ,QAAAA;IAAOa,SAAQ;IAAOC,OAAM;KAC3B,sBAAA,cAAChB,QAAAA,eAAAA;IAAOiB,IAAG;IAAKL,MAAK;IAAMM,OAAOL,MAAMC;IAAUH,IAAG;KAAkBE,KAAAA,CAAAA,GACvE,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,WAAWJ;IACnBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,WAAWJ;IACnBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,UAAUJ;IAClBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,SAASJ;IACjBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,WAAWJ;IACnBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,SAASJ;IACjBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,QAAQJ;IAChBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IAAOiB,IAAG;IAAKL,MAAK;IAAMM,OAAOL,MAAMC;IAAUH,IAAG;KAAkBE,KAAAA,CAAAA,GACvE,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,WAAWJ;IACnBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,WAAWJ;IACnBH,IAAG;KACCE,KAAAA,CAAAA,GAEN,sBAAA,cAACb,QAAAA,eAAAA;IACCiB,IAAG;IACHL,MAAK;IACLM,OAAQ,UAAUJ;IAClBH,IAAG;KACCE,KAAAA,CAAAA,CAAAA;AAIZ;",
+  "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,39 +1,32 @@
 import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeInverseDemo() {
-  const 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)
-      }
-    ) })
-  ] });
+  var themeName = useThemeName(), opposite = themeName.includes("dark") ? "light" : "dark";
+  return /* @__PURE__ */ React.createElement(XStack, {
+    space: !0
+  }, /* @__PURE__ */ React.createElement(Buttons, {
+    title: "Normal",
+    name: themeName
+  }), /* @__PURE__ */ React.createElement(Theme, {
+    inverse: !0
+  }, /* @__PURE__ */ React.createElement(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" }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ React.createElement(YStack, {
+    elevation: "$4",
+    backgroundColor: "$background",
+    padding: "$4",
+    borderRadius: "$4",
+    space: "$3"
+  }, /* @__PURE__ */ React.createElement(H5, null, props.title), /* @__PURE__ */ React.createElement(Button, null, props.name), /* @__PURE__ */ React.createElement(Button, {
+    themeInverse: !0
+  }, "inversed"), /* @__PURE__ */ React.createElement(Button, {
+    theme: "alt1"
+  }, props.name, "_alt1"), /* @__PURE__ */ React.createElement(Theme, {
+    name: "yellow"
+  }, /* @__PURE__ */ React.createElement(Button, null, props.name.split("_")[0] + "_yellow")));
 }
 export {
   ThemeInverseDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,QAAQ,oBAAoB;AAO5D,SACE,KADF;AALG,SAAS,mBAAmB;AACjC,QAAM,YAAY,aAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,oBAAC,SAAM,SAAO,IACZ;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA;AAAA,IAC3D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,OAAM;AAAA,MAEN;AAAA,4BAAC,MAAI,gBAAM,OAAM;AAAA,QACjB,oBAAC,UAAQ,gBAAM,MAAK;AAAA,QACpB,oBAAC,UAAO,cAAY,IAAC,sBAAQ;AAAA,QAC7B,qBAAC,UAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,oBAAC,SAAM,MAAK,UACV,8BAAC,UAAQ,gBAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,WAAU,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/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,sBAAA,cAACN,QAAAA;IAAOO,OAAAA;KACN,sBAAA,cAACC,SAAAA;IAAQC,OAAM;IAASC,MAAMN;MAC9B,sBAAA,cAACL,OAAAA;IAAMY,SAAAA;KACL,sBAAA,cAACH,SAAAA;IACCC,OAAM;IACNC,MAAMN,UAAUQ,QAAQR,UAAUS,MAAM,GAAA,EAAK,CAAA,GAAIR,QAAAA;;AAK3D;AAEA,SAASG,QAAQM,OAAsC;AACrD,SACE,sBAAA,cAACb,QAAAA;IACCc,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbX,OAAM;KAEN,sBAAA,cAACT,IAAAA,MAAIgB,MAAML,KAAK,GAChB,sBAAA,cAACZ,QAAAA,MAAQiB,MAAMJ,IAAI,GACnB,sBAAA,cAACb,QAAAA;IAAOsB,cAAAA;KAAa,UAAA,GACrB,sBAAA,cAACtB,QAAAA;IAAOuB,OAAM;KAAQN,MAAMJ,MAAK,OAAA,GACjC,sBAAA,cAACX,OAAAA;IAAMW,MAAK;KACV,sBAAA,cAACb,QAAAA,MAAQiB,MAAMJ,KAAKG,MAAM,GAAA,EAAK,CAAA,IAAK,SAAA,CAAA,CAAA;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

@@ -1,90 +1,136 @@
 import { Toast, useToastController, useToastState } from "@tamagui/toast";
 import React from "react";
 import { Button, Label, Switch, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ToastDemo = () => {
-  const [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 = () => {
-  const currentToast = useToastState();
-  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ jsx(
-    Toast,
-    {
-      duration: currentToast.duration,
-      enterStyle: { opacity: 0, scale: 0.5, y: -25 },
-      exitStyle: { opacity: 0, scale: 1, y: -20 },
-      y: 0,
-      opacity: 1,
+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];
+  return /* @__PURE__ */ React.createElement(YStack, {
+    space: !0,
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(ToastControl, {
+    native
+  }), /* @__PURE__ */ React.createElement(CurrentToast, null), /* @__PURE__ */ React.createElement(NativeOptions, {
+    native,
+    setNative
+  }));
+}, CurrentToast = function() {
+  var currentToast = useToastState();
+  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ React.createElement(Toast, {
+    key: currentToast.id,
+    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, { children: currentToast.title }),
-        !!currentToast.message && /* @__PURE__ */ jsx(Toast.Description, { children: currentToast.message })
-      ] })
+      y: -20
     },
-    currentToast.id
-  );
-}, ToastControl = ({ native }) => {
-  const toast = useToastController();
-  return /* @__PURE__ */ jsxs(XStack, { space: "$2", justifyContent: "center", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onPress: () => {
-          toast.show("Successfully saved!", {
-            message: "Don't worry, we've got your data.",
-            native
-          });
-        },
-        children: "Show"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
+    y: 0,
+    opacity: 1,
+    scale: 1,
+    animation: "100ms",
+    viewportName: currentToast.viewportName
+  }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Toast.Title, null, currentToast.title), !!currentToast.message && /* @__PURE__ */ React.createElement(Toast.Description, null, currentToast.message)));
+}, ToastControl = function(param) {
+  var native = param.native, toast = useToastController();
+  return /* @__PURE__ */ React.createElement(XStack, {
+    space: "$2",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onPress: function() {
+      toast.show("Successfully saved!", {
+        message: "Don't worry, we've got your data.",
+        native
+      });
+    }
+  }, "Show"), /* @__PURE__ */ React.createElement(Button, {
+    onPress: function() {
+      toast.hide();
+    }
+  }, "Hide"));
+}, NativeOptions = function(param) {
+  var native = param.native, setNative = param.setNative;
+  return /* @__PURE__ */ React.createElement(XStack, {
+    space: "$3"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    size: "$1",
+    onPress: function() {
+      return setNative(!1);
+    }
+  }, "Custom"), /* @__PURE__ */ React.createElement(Switch, {
+    id: "native-toggle",
+    nativeID: "native-toggle",
+    theme: "active",
+    size: "$1",
+    checked: !!native,
+    onCheckedChange: function(val) {
+      return setNative(val);
+    }
+  }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
+    animation: [
+      "quick",
       {
-        onPress: () => {
-          toast.hide();
-        },
-        children: "Hide"
-      }
-    )
-  ] });
-}, NativeOptions = ({
-  native,
-  setNative
-}) => /* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
-  /* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(!1), children: "Custom" }),
-  /* @__PURE__ */ jsx(
-    Switch,
-    {
-      id: "native-toggle",
-      nativeID: "native-toggle",
-      theme: "active",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: (val) => setNative(val),
-      children: /* @__PURE__ */ jsx(
-        Switch.Thumb,
-        {
-          animation: [
-            "quick",
-            {
-              transform: {
-                overshootClamping: !0
-              }
-            }
-          ]
+        transform: {
+          overshootClamping: !0
         }
-      )
+      }
+    ]
+  })), /* @__PURE__ */ React.createElement(Label, {
+    size: "$1",
+    onPress: function() {
+      return setNative(!0);
     }
-  ),
-  /* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(!0), children: "Native" })
-] });
+  }, "Native"));
+};
 export {
   ToastDemo
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAWlD,SACE,KADF;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,IAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAE1D;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;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,OAAM,MACZ;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": []
+  "sources": ["../../src/Users/n8/tamagui/packages/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,sBAAA,cAACK,QAAAA;IAAOK,OAAAA;IAAMC,YAAW;KACvB,sBAAA,cAACC,cAAAA;IAAaJ;MACd,sBAAA,cAACK,cAAAA,IAAAA,GAED,sBAAA,cAACC,eAAAA;IAAcN;IAAgBC;;AAGrC,GAEMI,eAAe,WAAA;AACnB,MAAME,eAAehB,cAAAA;AAErB,SAAI,CAACgB,gBAAgBA,aAAaC,oBAA0B,OAE1D,sBAAA,cAACnB,OAAAA;IACCoB,KAAKF,aAAaG;IAClBC,UAAUJ,aAAaI;IACvBC,YAAY;MAAEC,SAAS;MAAGC,OAAO;MAAKC,GAAG;IAAI;IAC7CC,WAAW;MAAEH,SAAS;MAAGC,OAAO;MAAGC,GAAG;IAAI;IAC1CA,GAAG;IACHF,SAAS;IACTC,OAAO;IACPG,WAAU;IACVC,cAAcX,aAAaW;KAE3B,sBAAA,cAACrB,QAAAA,MACC,sBAAA,cAACR,MAAM8B,OAAK,MAAEZ,aAAaa,KAAK,GAC/B,CAAC,CAACb,aAAac,WACd,sBAAA,cAAChC,MAAMiC,aAAW,MAAEf,aAAac,OAAO,CAAA,CAAA;AAKlD,GAEMjB,eAAe,SAAA,OAAA;MAAGJ,SAAAA,MAAAA,QAChBuB,QAAQjC,mBAAAA;AACd,SACE,sBAAA,cAACM,QAAAA;IAAOM,OAAM;IAAKsB,gBAAe;KAChC,sBAAA,cAAC/B,QAAAA;IACCgC,SAAS,WAAA;AACPF,YAAMG,KAAK,uBAAuB;QAChCL,SAAS;QACTrB;MACF,CAAA;IACF;KACD,MAAA,GAGD,sBAAA,cAACP,QAAAA;IACCgC,SAAS,WAAA;AACPF,YAAMI,KAAI;IACZ;KACD,MAAA,CAAA;AAKP,GAEMrB,gBAAgB,SAAA,OAAA;MACpBN,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,sBAAA,cAACL,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACR,OAAAA;IAAMkC,MAAK;IAAKH,SAAS,WAAA;aAAMxB,UAAU,EAAA;;KAAQ,QAAA,GAGlD,sBAAA,cAACN,QAAAA;IACCe,IAAG;IACHmB,UAAS;IACTC,OAAM;IACNF,MAAK;IACLG,SAAS,CAAC,CAAC/B;IACXgC,iBAAiB,SAACC,KAAAA;aAAQhC,UAAUgC,GAAAA;;KAEpC,sBAAA,cAACtC,OAAOuC,OAAK;IACXjB,WAAW;MACT;MACA;QACEkB,WAAW;UACTC,mBAAmB;QACrB;MACF;;OAKN,sBAAA,cAAC1C,OAAAA;IAAMkC,MAAK;IAAKH,SAAS,WAAA;aAAMxB,UAAU,EAAA;;KAAO,QAAA,CAAA;AAKvD;",
+  "names": ["Toast", "useToastController", "useToastState", "React", "Button", "Label", "Switch", "XStack", "YStack", "ToastDemo", "useState", "native", "setNative", "space", "alignItems", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "isHandledNatively", "key", "id", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "toast", "justifyContent", "onPress", "show", "hide", "size", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
 }