@tamagui/demos 2.0.0-rc.8 → 2.0.0

package/dist/cjs/ToastDuplicateDemo.native.js

@@ -1,92 +1,77 @@
 "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 __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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);
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var ToastDuplicateDemo_exports = {};
 __export(ToastDuplicateDemo_exports, {
   ToastDuplicateDemo: () => ToastDuplicateDemo
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_toast = require("@tamagui/toast"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  ToastDuplicateDemo = function () {
-    var [savedCount, setSavedCount] = import_react.default.useState(0);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_v2 = require("@tamagui/toast/v2");
+var import_tamagui = require("tamagui");
+var ToastDuplicateDemo = function () {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastList, {})
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         onPress: function () {
-          setSavedCount(function (old) {
-            return old + 1;
+          (0, import_v2.toast)("Successfully saved!", {
+            description: "Don't worry... We've got your data."
           });
         },
         children: "Show toast"
-      }), [...Array(savedCount)].map(function (_, index) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
-          viewportName:
-          // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
-          "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,
-          transition: "100ms",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-            gap: "$4",
-            items: "center",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {})
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-                children: "Successfully saved!"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-                children: "Don't worry... We've got your data."
-              })]
+      })
+    })]
+  });
+};
+var ToastList = function () {
+  var {
+    toasts
+  } = (0, import_v2.useToasts)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: toasts.map(function (t, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
+        toast: t,
+        index,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$4",
+          items: "center",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
+              children: typeof t.title === "function" ? t.title() : t.title
+            }), t.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
+              children: typeof t.description === "function" ? t.description() : t.description
             })]
-          })
-        }, index);
-      })]
-    });
-  };
+          })]
+        })
+      }, t.id);
+    })
+  });
+};
 //# sourceMappingURL=ToastDuplicateDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_toast","import_react","__toESM","import_tamagui","savedCount","setSavedCount","default","useState","jsxs","YStack","items","children","jsx","Button","onPress","old","Array","map","_","index","Toast","viewportName","duration","enterStyle","opacity","scale","y","exitStyle"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA6B,CAAAK,0BAAA;AAQtB,IAAAK,kBAAM,GAAAC,OAAqB,CAAM;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,YAAA,GAAAF,OAAA;EAAAG,YAAA,GAAAC,OAAA,CAAAJ,OAAA;EAAAK,cAAA,GAAAL,OAAA;EAAAJ,kBAAA,YAAAA,CAAA;IACtC,KAAAU,UAAO,EAAAC,aAAY,IAAaJ,YAAI,CAAAK,OAAA,CAAAC,QAAM,GAAS;IAEnD,OACE,mBAAAV,kBAAA,CAAAW,IAAA,EAACL,cAAA,CAAAM,MAAA;MACCC,KAAA;MAAAC,QAAC,sBAAAd,kBAAA,CAAAe,GAAA,EAAAT,cAAA,CAAAU,MAAA;QACCC,OAAA,EAAS,SAAAA,CAAA,EAAM;UACbT,aAAA,CAAc,UAASU,GAAA;YACzB,OAAAA,GAAA;UACD;QAAA;QAEDJ,QAAA;MACE,EAAG,EACF,IAAAK,KAAA,CAAAZ,UAAA,GACCa,GAAA,WAAAC,CAAa,EAAAC,KAAA;QAEb,sBAAU,IAAAtB,kBAAA,CAAAe,GAAA,EAAAZ,YAAA,CAAAoB,KAAA;UACVC,YAAc;UACd;UACG,mBACH;UACAC,QAAO;UACPC,UAAW;YAEXC,OAAA;YACEC,KAAA;YAIAC,CAAA;UACE;UAAgCC,SAChC;YAAsDH,OACxD;YACFC,KAAA;YAAAC,CAAA;UAlBK;UAoBRA,CAAA;UACHF,OAAA;UAEJC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_v2","import_tamagui","jsxs","Toast","children","jsx","Viewport","ToastList","YStack","items","Button","onPress","toast","description","toasts","useToasts","Fragment","map","t","index","Item"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA6B,CAAAK,0BAAA;AAC7B,IAAAK,kBAAwC,GAAAC,OAAA;AACxC,IAAAC,qBAAuC,GAAAD,OAAA;AAOnC,IAAAE,SAAA,GAAAF,OAAA;AAFG,IAAAG,cAAM,GAAAH,OAAqB,UAAM;AACtC,IAAAJ,kBACE,YAAAA,CAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAF,SAAA,CAAMG,KAAA;IAIPC,QAAA,GACG,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAG,QAAA;MAAAF,QAAA,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAE,SAAA;IAAA,EACC,EACE,mBAAAV,kBAAM,CAAAQ,GAAA,EAAAJ,cAAuB,CAAAO,MAAA;MAAAC,KAC3B;MAAaL,QACd,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAJ,cAAA,CAAAS,MAAA;QACHC,OAAA,WAAAA,CAAA;UACD,IAAAX,SAAA,CAAAY,KAAA;YAAAC,WAAA;UAGH;QACF;QAEJT,QAAA;MAEM;IACJ,EAAM;EAOI;AAEA;AAGE,IAAAG,SAAA,YAAAA,CAAA;EAEA,IACC;IAAEO;EAAA,QACDd,SAAA,CAAAe,SAAA;EAEA,OAEJ,mBAAAlB,kBAAA,CAAAQ,GAAA,EAAAR,kBAAA,CAAAmB,QAAA;IAAAZ,QAfe,EAiBnBU,MAEJ,CAAAG,GAAA,WAAAC,CAAA,EAAAC,KAAA;MAEJ,0BAAAtB,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAiB,IAAA","ignoreList":[]}

package/dist/cjs/ToastV1Demo.cjs

@@ -0,0 +1,155 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastV1Demo_exports = {};
+__export(ToastV1Demo_exports, {
+  ToastV1Demo: () => ToastV1Demo
+});
+module.exports = __toCommonJS(ToastV1Demo_exports);
+var import_toast = require("@tamagui/toast");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ToastV1Demo = () => {
+  const [native, setNative] = import_react.default.useState(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    items: "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
+    })]
+  });
+};
+const CurrentToast = () => {
+  const currentToast = (0, import_toast.useToastState)();
+  if (!currentToast || currentToast.isHandledNatively) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+    duration: currentToast.duration,
+    viewportName: currentToast.viewportName,
+    enterStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    exitStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    opacity: 1,
+    scale: 1,
+    y: -50,
+    transition: "quicker",
+    bg: "$color2",
+    boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$5",
+      items: "center",
+      justify: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$0.5",
+        flex: 1,
+        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
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
+        asChild: true,
+        altText: "Dismiss toast",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          children: "Dismiss"
+        })
+      })]
+    })
+  }, currentToast.id);
+};
+const ToastControl = ({
+  native
+}) => {
+  const toast = (0, import_toast.useToastController)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    gap: "$2",
+    justify: "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,
+          demo: true
+        });
+      },
+      children: "Show"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      onPress: () => {
+        toast.hide();
+      },
+      children: "Hide"
+    })]
+  });
+};
+const NativeOptions = ({
+  native,
+  setNative
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      size: "$1",
+      onPress: () => setNative(false),
+      children: "Custom"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
+      theme: "surface2",
+      id: "native-toggle",
+      size: "$1",
+      checked: !!native,
+      onCheckedChange: val => setNative(val),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
+        theme: "accent",
+        transition: ["quickest", {
+          transform: {
+            overshootClamping: true
+          }
+        }]
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      size: "$1",
+      onPress: () => setNative(true),
+      children: "Native"
+    })]
+  });
+};

package/dist/cjs/ToastV1Demo.native.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastV1Demo_exports = {};
+__export(ToastV1Demo_exports, {
+  ToastV1Demo: () => ToastV1Demo
+});
+module.exports = __toCommonJS(ToastV1Demo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_toast = require("@tamagui/toast");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var ToastV1Demo = function () {
+  var [native, setNative] = import_react.default.useState(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    items: "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
+    })]
+  });
+};
+var CurrentToast = function () {
+  var currentToast = (0, import_toast.useToastState)();
+  if (!currentToast || currentToast.isHandledNatively) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
+    duration: currentToast.duration,
+    viewportName: currentToast.viewportName,
+    enterStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    exitStyle: {
+      opacity: 0,
+      scale: 0.95,
+      y: -80
+    },
+    opacity: 1,
+    scale: 1,
+    y: -50,
+    transition: "quicker",
+    bg: "$color2",
+    boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$5",
+      items: "center",
+      justify: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$0.5",
+        flex: 1,
+        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
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
+        asChild: true,
+        altText: "Dismiss toast",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          children: "Dismiss"
+        })
+      })]
+    })
+  }, currentToast.id);
+};
+var ToastControl = function (param) {
+  var {
+    native
+  } = param;
+  var toast = (0, import_toast.useToastController)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    gap: "$2",
+    justify: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      onPress: function () {
+        toast.show("Successfully saved!", {
+          message: "Don't worry, we've got your data.",
+          native,
+          demo: true
+        });
+      },
+      children: "Show"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      onPress: function () {
+        toast.hide();
+      },
+      children: "Hide"
+    })]
+  });
+};
+var NativeOptions = function (param) {
+  var {
+    native,
+    setNative
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      size: "$1",
+      onPress: function () {
+        return setNative(false);
+      },
+      children: "Custom"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
+      theme: "surface2",
+      id: "native-toggle",
+      size: "$1",
+      checked: !!native,
+      onCheckedChange: function (val) {
+        return setNative(val);
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
+        theme: "accent",
+        transition: ["quickest", {
+          transform: {
+            overshootClamping: true
+          }
+        }]
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      size: "$1",
+      onPress: function () {
+        return setNative(true);
+      },
+      children: "Native"
+    })]
+  });
+};
+//# sourceMappingURL=ToastV1Demo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastV1Demo_exports","__export","ToastV1Demo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","import_tamagui","native","setNative","default","useState","jsxs","YStack","gap","items","children","jsx","ToastControl","CurrentToast","NativeOptions","currentToast","useToastState","isHandledNatively","Toast","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","XStack","justify","flex","Title","title","message","Description","Action","asChild","altText","Button","size","id","param","toast","useToastController","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToggleGroupDemo.cjs

@@ -3,29 +3,31 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ToggleGroupDemo_exports = {};
 __export(ToggleGroupDemo_exports, {
   ToggleGroupDemo: () => ToggleGroupDemo
 });
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ToggleGroupDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     px: "$4",
@@ -58,8 +60,8 @@ function ToggleGroupDemo() {
   });
 }
 function ToggleGroupComponent(props) {
-  const id = `switch-${props.type}`,
-    Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
+  const id = `switch-${props.type}`;
+  const Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
@@ -75,7 +77,7 @@ function ToggleGroupComponent(props) {
       orientation: props.orientation,
       id,
       type: props.type,
-      disableDeactivation: props.type === "single" ? !0 : void 0,
+      disableDeactivation: props.type === "single" ? true : void 0,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
@@ -85,7 +87,7 @@ function ToggleGroupComponent(props) {
             activeStyle: {
               backgroundColor: "$color5"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignLeft, {
               size: 16
             })
           })
@@ -97,7 +99,7 @@ function ToggleGroupComponent(props) {
             activeStyle: {
               backgroundColor: "$color5"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignCenter, {
               size: 16
             })
           })
@@ -109,7 +111,7 @@ function ToggleGroupComponent(props) {
             activeStyle: {
               backgroundColor: "$color5"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignRight, {
               size: 16
             })
           })