@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/ThemeBuilderDemo.native.js

@@ -18,134 +18,161 @@ __export(ThemeBuilderDemo_exports, {
   ThemeBuilderDemo: () => ThemeBuilderDemo
 });
 module.exports = __toCommonJS(ThemeBuilderDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    fullscreen: !0,
+    ov: "hidden"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2.5", space: "$3.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "blue" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "purple" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "pink" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "red" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    )
-  ] });
+  var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    padding: "$2.5",
+    space: "$3.5"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: props.subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "orange" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "yellow" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "green" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "blue" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "purple" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "pink" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "red" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: props.subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "orange" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "yellow" + subTheme,
+    bg: "$background"
+  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
+    br: "$6",
+    size: "$10",
+    theme: "green" + subTheme,
+    bg: "$background"
+  }, props)));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/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": "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",
+  "names": ["ThemeBuilderDemo", "YStack", "fullscreen", "ov", "XStack", "mah", "y", "x", "rotate", "Col", "bg", "size", "props", "subTheme", "padding", "space", "Square", "br", "theme"]
 }

package/dist/cjs/ThemeInverseDemo.native.js

@@ -18,41 +18,35 @@ __export(ThemeInverseDemo_exports, {
   ThemeInverseDemo: () => ThemeInverseDemo
 });
 module.exports = __toCommonJS(ThemeInverseDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function ThemeInverseDemo() {
-  const themeName = (0, import_tamagui.useThemeName)(), opposite = themeName.includes("dark") ? "light" : "dark";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { title: "Normal", name: themeName }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      Buttons,
-      {
-        title: "Inversed",
-        name: themeName.replace(themeName.split("_")[0], opposite)
-      }
-    ) })
-  ] });
+  var themeName = (0, import_tamagui.useThemeName)(), opposite = themeName.includes("dark") ? "light" : "dark";
+  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: !0
+  }, /* @__PURE__ */ React.createElement(Buttons, {
+    title: "Normal",
+    name: themeName
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
+    inverse: !0
+  }, /* @__PURE__ */ React.createElement(Buttons, {
+    title: "Inversed",
+    name: themeName.replace(themeName.split("_")[0], opposite)
+  })));
 }
 function Buttons(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.YStack,
-    {
-      elevation: "$4",
-      backgroundColor: "$background",
-      padding: "$4",
-      borderRadius: "$4",
-      space: "$3",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: props.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: props.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: !0, children: "inversed" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { theme: "alt1", children: [
-          props.name,
-          "_alt1"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "yellow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: props.name.split("_")[0] + "_yellow" }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    elevation: "$4",
+    backgroundColor: "$background",
+    padding: "$4",
+    borderRadius: "$4",
+    space: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, null, props.title), /* @__PURE__ */ React.createElement(import_tamagui.Button, null, props.name), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    themeInverse: !0
+  }, "inversed"), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    theme: "alt1"
+  }, props.name, "_alt1"), /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
+    name: "yellow"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, null, props.name.split("_")[0] + "_yellow")));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgE,oBAO5D;AALG,SAAS,mBAAmB;AACjC,QAAM,gBAAY,6BAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,4CAAC,wBAAM,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,oDAAC,qBAAI,gBAAM,OAAM;AAAA,QACjB,4CAAC,yBAAQ,gBAAM,MAAK;AAAA,QACpB,4CAAC,yBAAO,cAAY,IAAC,sBAAQ;AAAA,QAC7B,6CAAC,yBAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,4CAAC,wBAAM,MAAK,UACV,sDAAC,yBAAQ,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;;;;;qBAAgE;AAEzD,SAASA,mBAAAA;AACd,MAAMC,gBAAYC,6BAAAA,GACZC,WAAWF,UAAUG,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAAA;KACN,sBAAA,cAACC,SAAAA;IAAQC,OAAM;IAASC,MAAMR;MAC9B,sBAAA,cAACS,sBAAAA;IAAMC,SAAAA;KACL,sBAAA,cAACJ,SAAAA;IACCC,OAAM;IACNC,MAAMR,UAAUW,QAAQX,UAAUY,MAAM,GAAA,EAAK,CAAA,GAAIV,QAAAA;;AAK3D;AAEA,SAASI,QAAQO,OAAsC;AACrD,SACE,sBAAA,cAACC,uBAAAA;IACCC,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbb,OAAM;KAEN,sBAAA,cAACc,mBAAAA,MAAIN,MAAMN,KAAK,GAChB,sBAAA,cAACa,uBAAAA,MAAQP,MAAML,IAAI,GACnB,sBAAA,cAACY,uBAAAA;IAAOC,cAAAA;KAAa,UAAA,GACrB,sBAAA,cAACD,uBAAAA;IAAOE,OAAM;KAAQT,MAAML,MAAK,OAAA,GACjC,sBAAA,cAACC,sBAAAA;IAAMD,MAAK;KACV,sBAAA,cAACY,uBAAAA,MAAQP,MAAML,KAAKI,MAAM,GAAA,EAAK,CAAA,IAAK,SAAA,CAAA,CAAA;AAI5C;",
+  "names": ["ThemeInverseDemo", "themeName", "useThemeName", "opposite", "includes", "XStack", "space", "Buttons", "title", "name", "Theme", "inverse", "replace", "split", "props", "YStack", "elevation", "backgroundColor", "padding", "borderRadius", "H5", "Button", "themeInverse", "theme"]
 }

package/dist/cjs/ToastDemo.native.js

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