@tamagui/demos 1.88.1 → 1.88.3

package/dist/jsx/ThemeInverseDemo.native.js

@@ -1,33 +1,61 @@
-import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ThemeInverseDemo_exports = {};
+__export(ThemeInverseDemo_exports, {
+  ThemeInverseDemo: () => ThemeInverseDemo
+});
+module.exports = __toCommonJS(ThemeInverseDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ThemeInverseDemo() {
-  const themeName = useThemeName(), opposite = themeName.includes("dark") ? "light" : "dark";
-  return <XStack space>
-    <Buttons title="Normal" name={themeName} />
-    <Theme inverse><Buttons
-      title="Inversed"
-      name={themeName.replace(themeName.split("_")[0], opposite)}
-    /></Theme>
-  </XStack>;
+  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)
+      }
+    ) })
+  ] });
 }
 function Buttons(props) {
-  return <YStack
-    elevation="$4"
-    backgroundColor="$background"
-    padding="$4"
-    borderRadius="$4"
-    space="$3"
-  >
-    <H5>{props.title}</H5>
-    <Button>{props.name}</Button>
-    <Button themeInverse>inversed</Button>
-    <Button theme="alt1">
-      {props.name}
-      {"_alt1"}
-    </Button>
-    <Theme name="yellow"><Button>{props.name.split("_")[0] + "_yellow"}</Button></Theme>
-  </YStack>;
+  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" }) })
+      ]
+    }
+  );
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ThemeInverseDemo
-};
+});
 //# sourceMappingURL=ThemeInverseDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,QAAQ,oBAAoB;AAEzD,SAAS,mBAAmB;AACjC,QAAM,YAAY,aAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,QAAQ,MAAM,SAAS,MAAM,WAAW;AAAA,IACzC,CAAC,MAAM,QACL,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA,IAC3D,EACF,EALC;AAAA,EAMH,EARC;AAUL;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE,CAAC;AAAA,IACC,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM;AAAA;AAAA,IAEN,CAAC,IAAI,MAAM,MAAM,EAAhB;AAAA,IACD,CAAC,QAAQ,MAAM,KAAK,EAAnB;AAAA,IACD,CAAC,OAAO,aAAa,QAAQ,EAA5B;AAAA,IACD,CAAC,OAAO,MAAM;AAAA,OAAQ,MAAM;AAAA,OAAK;AAAA,IAAK,EAArC;AAAA,IACD,CAAC,MAAM,KAAK,SACV,CAAC,QAAQ,MAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,UAAU,EAA7C,OACH,EAFC;AAAA,EAGH,EAdC;AAgBL;",
+  "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": []
 }

package/dist/jsx/ToastDemo.js

@@ -1,70 +1,90 @@
 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 <YStack space alignItems="center">
-    <ToastControl native={native} />
-    <CurrentToast />
-    <NativeOptions native={native} setNative={setNative} />
-  </YStack>;
+  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 : <Toast
-    key={currentToast.id}
-    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}
-  ><YStack>
-    <Toast.Title>{currentToast.title}</Toast.Title>
-    {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
-  </YStack></Toast>;
+  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 = ({ native }) => {
   const toast = useToastController();
-  return <XStack space="$2" justifyContent="center">
-    <Button
-      onPress={() => {
-        toast.show("Successfully saved!", {
-          message: "Don't worry, we've got your data.",
-          native
-        });
-      }}
-    >Show</Button>
-    <Button
-      onPress={() => {
-        toast.hide();
-      }}
-    >Hide</Button>
-  </XStack>;
+  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,
+      {
+        onPress: () => {
+          toast.hide();
+        },
+        children: "Hide"
+      }
+    )
+  ] });
 }, NativeOptions = ({
   native,
   setNative
-}) => <XStack space="$3">
-  <Label size="$1" onPress={() => setNative(!1)}>Custom</Label>
-  <Switch
-    id="native-toggle"
-    nativeID="native-toggle"
-    theme="active"
-    size="$1"
-    checked={!!native}
-    onCheckedChange={(val) => setNative(val)}
-  ><Switch.Thumb
-    animation={[
-      "quick",
-      {
-        transform: {
-          overshootClamping: !0
+}) => /* @__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
+              }
+            }
+          ]
         }
-      }
-    ]}
-  /></Switch>
-  <Label size="$1" onPress={() => setNative(!0)}>Native</Label>
-</XStack>;
+      )
+    }
+  ),
+  /* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(!0), children: "Native" })
+] });
 export {
   ToastDemo
 };

package/dist/jsx/ToastDemo.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;AAO/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL,GAEM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAE1D,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,CAAC,OAAO,MAAM;AAAA,EACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,EAAK,GAAG,MAElD,EAFC;AAAA,EAGD,CAAC;AAAA,IACC,GAAG;AAAA,IACH,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS,CAAC,CAAC;AAAA,IACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,GAEvC,CAAC,OAAO;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,WAAW;AAAA,UACT,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF,EACF,EAlBC;AAAA,EAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,EAAI,GAAG,MAEjD,EAFC;AAGH,EA3BC;",
+  "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": []
 }

package/dist/jsx/ToastDemo.native.js

@@ -1,71 +1,117 @@
-import { Toast, useToastController, useToastState } from "@tamagui/toast";
-import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ToastDemo_exports = {};
+__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] = React.useState(!1);
-  return <YStack space alignItems="center">
-    <ToastControl native={native} />
-    <CurrentToast />
-    <NativeOptions native={native} setNative={setNative} />
-  </YStack>;
+  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 = useToastState();
-  return !currentToast || currentToast.isHandledNatively ? null : <Toast
-    key={currentToast.id}
-    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}
-  ><YStack>
-    <Toast.Title>{currentToast.title}</Toast.Title>
-    {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
-  </YStack></Toast>;
+  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,
+      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 })
+      ] })
+    },
+    currentToast.id
+  );
 }, ToastControl = ({ native }) => {
-  const toast = useToastController();
-  return <XStack space="$2" justifyContent="center">
-    <Button
-      onPress={() => {
-        toast.show("Successfully saved!", {
-          message: "Don't worry, we've got your data.",
-          native
-        });
-      }}
-    >Show</Button>
-    <Button
-      onPress={() => {
-        toast.hide();
-      }}
-    >Hide</Button>
-  </XStack>;
+  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,
+      {
+        onPress: () => {
+          toast.hide();
+        },
+        children: "Hide"
+      }
+    )
+  ] });
 }, NativeOptions = ({
   native,
   setNative
-}) => <XStack space="$3">
-  <Label size="$1" onPress={() => setNative(!1)}>Custom</Label>
-  <Switch
-    id="native-toggle"
-    nativeID="native-toggle"
-    theme="active"
-    size="$1"
-    checked={!!native}
-    onCheckedChange={(val) => setNative(val)}
-  ><Switch.Thumb
-    animation={[
-      "quick",
-      {
-        transform: {
-          overshootClamping: !0
+}) => /* @__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
+              }
+            }
+          ]
         }
-      }
-    ]}
-  /></Switch>
-  <Label size="$1" onPress={() => setNative(!0)}>Native</Label>
-</XStack>;
-export {
+      )
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$1", onPress: () => setNative(!0), children: "Native" })
+] });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ToastDemo
-};
+});
 //# sourceMappingURL=ToastDemo.js.map

package/dist/jsx/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;AAO/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL,GAEM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAE1D,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,CAAC,OAAO,MAAM;AAAA,EACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,EAAK,GAAG,MAElD,EAFC;AAAA,EAGD,CAAC;AAAA,IACC,GAAG;AAAA,IACH,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS,CAAC,CAAC;AAAA,IACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,GAEvC,CAAC,OAAO;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,WAAW;AAAA,UACT,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF,EACF,EAlBC;AAAA,EAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,EAAI,GAAG,MAEjD,EAFC;AAGH,EA3BC;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAAsD,oBAWlD;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,IAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;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,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,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,6CAAC,yBAAO,OAAM,MACZ;AAAA,8CAAC,wBAAM,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,sBAAO;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,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
+  "names": ["React"]
 }

package/dist/jsx/ToastDuplicateDemo.js

@@ -2,32 +2,41 @@ import { CheckCircle2 } from "@tamagui/lucide-icons";
 import { Toast } from "@tamagui/toast";
 import React from "react";
 import { Button, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const ToastDuplicateDemo = () => {
   const [savedCount, setSavedCount] = React.useState(0);
-  return <YStack alignItems="center">
-    <Button
-      onPress={() => {
-        setSavedCount((old) => old + 1);
-      }}
-    >Show toast</Button>
-    {[...Array(savedCount)].map((_, index) => <Toast
-      viewportName="viewport-multiple"
-      key={index}
-      duration={4e3}
-      enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
-      exitStyle={{ opacity: 0, scale: 1, y: -20 }}
-      y={0}
-      opacity={1}
-      scale={1}
-      animation="100ms"
-    ><XStack space alignItems="center">
-      <YStack><CheckCircle2 /></YStack>
-      <YStack>
-        <Toast.Title>Successfully saved!</Toast.Title>
-        <Toast.Description>Don't worry... We've got your data.</Toast.Description>
-      </YStack>
-    </XStack></Toast>)}
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onPress: () => {
+          setSavedCount((old) => old + 1);
+        },
+        children: "Show toast"
+      }
+    ),
+    [...Array(savedCount)].map((_, index) => /* @__PURE__ */ jsx(
+      Toast,
+      {
+        viewportName: "viewport-multiple",
+        duration: 4e3,
+        enterStyle: { opacity: 0, scale: 0.5, y: -25 },
+        exitStyle: { opacity: 0, scale: 1, y: -20 },
+        y: 0,
+        opacity: 1,
+        scale: 1,
+        animation: "100ms",
+        children: /* @__PURE__ */ jsxs(XStack, { space: !0, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(CheckCircle2, {}) }),
+          /* @__PURE__ */ jsxs(YStack, { children: [
+            /* @__PURE__ */ jsx(Toast.Title, { children: "Successfully saved!" }),
+            /* @__PURE__ */ jsx(Toast.Description, { children: "Don't worry... We've got your data." })
+          ] })
+        ] })
+      },
+      index
+    ))
+  ] });
 };
 export {
   ToastDuplicateDemo

package/dist/jsx/ToastDuplicateDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDuplicateDemo.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,OAAO,WAAW;AAClB,SAAS,QAAQ,QAAQ,cAAc;AAKhC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,CAAC,OAAO,WAAW;AAAA,IACjB,CAAC;AAAA,MACC,SAAS,MAAM;AACb,sBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,MAChC;AAAA,KACD,UAED,EANC;AAAA,KAOA,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B,CAAC;AAAA,MACC,aAAa;AAAA,MACb,KAAK;AAAA,MACL,UAAU;AAAA,MACV,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,UAAU;AAAA,KAEV,CAAC,OAAO,MAAM,WAAW;AAAA,MACvB,CAAC,OACC,CAAC,aAAa,EAChB,EAFC;AAAA,MAID,CAAC;AAAA,QACC,CAAC,MAAM,MAAM,mBAAmB,EAA/B,MAAM;AAAA,QACP,CAAC,MAAM,YAAY,mCAAmC,EAArD,MAAM;AAAA,MACT,EAHC;AAAA,IAIH,EATC,OAUH,EArBC,MAsBF;AAAA,EACH,EAhCC;AAkCL;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,OAAO,WAAW;AAClB,SAAS,QAAQ,QAAQ,cAAc;AAUjC,cAwBM,YAxBN;AALC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,qBAAC,UAAO,YAAW,UACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,wBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,QAChC;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACC,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QAEb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,QAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,QAC1C,GAAG;AAAA,QACH,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,+BAAC,UAAO,OAAK,IAAC,YAAW,UACvB;AAAA,8BAAC,UACC,8BAAC,gBAAa,GAChB;AAAA,UAEA,qBAAC,UACC;AAAA,gCAAC,MAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,oBAAC,MAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
   "names": []
 }