@hanzogui/demos 4.4.0 → 8.0.1

package/dist/cjs/ToastDemo.native.js

@@ -1,10 +1,8 @@
 "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, {
@@ -21,15 +19,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -39,128 +28,223 @@ __export(ToastDemo_exports, {
 });
 module.exports = __toCommonJS(ToastDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_toast = require("@hanzogui/toast");
-var import_react = __toESM(require("react"), 1);
 var import_gui = require("@hanzo/gui");
+var import_v2 = require("@hanzogui/toast/v2");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_react = require("react");
+var import_gui2 = require("@hanzo/gui");
 var ToastDemo = function () {
-  var [native, setNative] = import_react.default.useState(false);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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 [position, setPosition] = (0, import_react.useState)("bottom-right");
+  var [gap, setGap] = (0, import_react.useState)(14);
+  var [visibleToasts, setVisibleToasts] = (0, import_react.useState)(4);
+  var [duration, setDuration] = (0, import_react.useState)(4e3);
+  var count = (0, import_react.useRef)(0);
+  var showToast = function (newPosition) {
+    setPosition(newPosition);
+    count.current++;
+    (0, import_v2.toast)(`Toast #${count.current}`, {
+      description: "Swipe to dismiss or wait for auto-close."
+    });
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
+    position,
+    gap: Math.round(gap),
+    visibleToasts,
+    duration,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
+      offset: 16,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.List, {
+        renderItem: function (param) {
+          var {
+            toast: t,
+            index
+          } = param;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
+            toast: t,
+            index,
+            testID: "toast-item",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastContent, {
+              toast: t
+            })
+          }, t.id);
+        }
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
+      gap: "$3",
+      self: "center",
+      width: 280,
+      children: [/* Position buttons */
+      /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
+        gap: "$2",
+        self: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "top-left",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowUpLeft
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "top-center",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowUp
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "top-right",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowUpRight,
+            testID: "toast-top-right-button"
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "bottom-left",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowDownLeft
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "bottom-center",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowDown
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "bottom-right",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowDownRight,
+            testID: "toast-show-button"
+          })]
+        })]
+      }), /* Controls */
+      /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
+        gap: "$1",
+        paddingTop: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
+          label: "Gap",
+          value: gap,
+          min: 0,
+          max: 30,
+          step: 0.1,
+          onChange: setGap
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
+          label: "Visible",
+          value: visibleToasts,
+          min: 1,
+          max: 8,
+          step: 1,
+          onChange: setVisibleToasts
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
+          label: "Duration",
+          value: duration,
+          min: 1e3,
+          max: 1e4,
+          step: 100,
+          onChange: setDuration,
+          format: function (v) {
+            return `${(v / 1e3).toFixed(1)}s`;
+          }
+        })]
+      })]
     })]
   });
 };
-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_gui.XStack, {
-      gap: "$5",
-      items: "center",
-      justify: "space-between",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-        gap: "$0.5",
+function ToastContent(param) {
+  var {
+    toast: t
+  } = param;
+  var {
+    handleClose
+  } = (0, import_v2.useToastItem)();
+  var title = typeof t.title === "function" ? t.title() : t.title;
+  var description = typeof t.description === "function" ? t.description() : t.description;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
+      gap: "$3",
+      alignItems: "flex-start",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
         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_gui.Button, {
+        gap: "$0.5",
+        children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
+          fontWeight: "600",
+          size: "$3",
+          children: title
+        }), description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
+          color: "$color9",
           size: "$2",
-          children: "Dismiss"
-        })
+          children: description
+        })]
       })]
-    })
-  }, currentToast.id);
-};
-var ToastControl = function (param) {
+    }), import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
+      testID: "toast-close-button",
+      position: "absolute",
+      top: -6,
+      left: -6,
+      zIndex: 1
+    })]
+  });
+}
+function DemoSlider(param) {
   var {
-    native
+    label,
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    format
   } = param;
-  var toast = (0, import_toast.useToastController)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
     gap: "$2",
-    justify: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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_gui.Button, {
-      onPress: function () {
-        toast.hide();
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Label, {
+      size: "$2",
+      width: 55,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.Slider, {
+      flex: 1,
+      value: [value],
+      min,
+      max,
+      step,
+      onValueChange: function (param2) {
+        var [v] = param2;
+        return onChange(v);
       },
-      children: "Hide"
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Track, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.TrackActive, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Thumb, {
+        theme: "accent",
+        size: 16,
+        borderRadius: 100,
+        index: 0
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.SizableText, {
+      userSelect: "none",
+      size: "$2",
+      width: 35,
+      textAlign: "right",
+      children: format ? format(value) : Math.round(value)
     })]
   });
-};
-var NativeOptions = function (param) {
+}
+var PositionButton = function (param) {
   var {
-    native,
-    setNative
+    position,
+    current,
+    onPress,
+    Icon,
+    testID
   } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    gap: "$3",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      size: "$1",
-      onPress: function () {
-        return setNative(false);
-      },
-      children: "Custom"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
-      theme: "surface2",
-      id: "native-toggle",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: function (val) {
-        return setNative(val);
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
-        theme: "accent",
-        transition: ["quickest", {
-          transform: {
-            overshootClamping: true
-          }
-        }]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      size: "$1",
-      onPress: function () {
-        return setNative(true);
-      },
-      children: "Native"
-    })]
+  var isActive = position === current;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Button, {
+    icon: Icon,
+    circular: true,
+    theme: isActive ? "accent" : void 0,
+    onPress: function () {
+      return onPress(position);
+    },
+    testID
   });
 };
 //# sourceMappingURL=ToastDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToastDemo_exports","ToastDemo","module","exports","import_jsx_runtime","require","import_toast","import_react","import_gui","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","Label","Switch","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["ToastDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ToastDemo_exports = {};\n__export(ToastDemo_exports, {\n  ToastDemo: () => ToastDemo\n});\nmodule.exports = __toCommonJS(ToastDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_toast = require(\"@hanzogui/toast\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar ToastDemo = function() {\n  var [native, setNative] = import_react.default.useState(false);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    gap: \"$4\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastControl, {\n        native\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CurrentToast, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeOptions, {\n        native,\n        setNative\n      })\n    ]\n  });\n};\nvar CurrentToast = function() {\n  var currentToast = (0, import_toast.useToastState)();\n  if (!currentToast || currentToast.isHandledNatively) return null;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast, {\n    duration: currentToast.duration,\n    viewportName: currentToast.viewportName,\n    enterStyle: {\n      opacity: 0,\n      scale: 0.95,\n      y: -80\n    },\n    exitStyle: {\n      opacity: 0,\n      scale: 0.95,\n      y: -80\n    },\n    opacity: 1,\n    scale: 1,\n    y: -50,\n    transition: \"quicker\",\n    bg: \"$color2\",\n    boxShadow: \"0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      gap: \"$5\",\n      items: \"center\",\n      justify: \"space-between\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n          gap: \"$0.5\",\n          flex: 1,\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {\n              children: currentToast.title\n            }),\n            !!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {\n              children: currentToast.message\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {\n          asChild: true,\n          altText: \"Dismiss toast\",\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n            size: \"$2\",\n            children: \"Dismiss\"\n          })\n        })\n      ]\n    })\n  }, currentToast.id);\n};\nvar ToastControl = function(param) {\n  var { native } = param;\n  var toast = (0, import_toast.useToastController)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    gap: \"$2\",\n    justify: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        onPress: function() {\n          toast.show(\"Successfully saved!\", {\n            message: \"Don't worry, we've got your data.\",\n            native,\n            demo: true\n          });\n        },\n        children: \"Show\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        onPress: function() {\n          toast.hide();\n        },\n        children: \"Hide\"\n      })\n    ]\n  });\n};\nvar NativeOptions = function(param) {\n  var { native, setNative } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    gap: \"$3\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n        size: \"$1\",\n        onPress: function() {\n          return setNative(false);\n        },\n        children: \"Custom\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Switch, {\n        theme: \"surface2\",\n        id: \"native-toggle\",\n        size: \"$1\",\n        checked: !!native,\n        onCheckedChange: function(val) {\n          return setNative(val);\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {\n          theme: \"accent\",\n          transition: [\n            \"quickest\",\n            {\n              transform: {\n                overshootClamping: true\n              }\n            }\n          ]\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n        size: \"$1\",\n        onPress: function() {\n          return setNative(true);\n        },\n        children: \"Native\"\n      })\n    ]\n  });\n};\n//# sourceMappingURL=ToastDemo.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDemo_exports","__export","ToastDemo","module","exports","import_jsx_runtime","require","import_gui","import_v2","import_lucide_icons_2","import_react","import_gui2","position","setPosition","useState","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","useRef","showToast","newPosition","current","toast","description","jsxs","Toast","Math","round","children","jsx","Viewport","offset","List","renderItem","param","t","index","Item","testID","ToastContent","id","YStack","self","width","XStack","PositionButton","onPress","Icon","ArrowUpLeft","ArrowUp","ArrowUpRight","ArrowDownLeft","ArrowDown","ArrowDownRight","paddingTop","DemoSlider","label","min","max","step","onChange","format","v","toFixed","handleClose","useToastItem","title","Fragment","alignItems","flex","Title","fontWeight","size","Description","color","isWeb","Close","top","left","zIndex","Label","Slider","onValueChange","param2","Track","TrackActive","Thumb"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastDuplicateDemo.cjs

@@ -1,8 +1,6 @@
-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, {
@@ -19,15 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -37,49 +26,47 @@ __export(ToastDuplicateDemo_exports, {
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_toast = require("@hanzogui/toast");
-var import_react = __toESM(require("react"), 1);
+var import_v2 = require("@hanzogui/toast/v2");
 var import_gui = require("@hanzo/gui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = import_react.default.useState(0);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      onPress: () => {
-        setSavedCount(old => old + 1);
-      },
-      children: "Show toast"
-    }), [...Array(savedCount)].map((_, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.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,
-      transition: "100ms",
+  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_gui.YStack, {
+      items: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+        onPress: () => {
+          (0, import_v2.toast)("Successfully saved!", {
+            description: "Don't worry... We've got your data."
+          });
+        },
+        children: "Show toast"
+      })
+    })]
+  });
+};
+const ToastList = () => {
+  const {
+    toasts
+  } = (0, import_v2.useToasts)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: toasts.map((t, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
+      toast: t,
+      index,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
         gap: "$4",
         items: "center",
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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."
+          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))
   });
 };

package/dist/cjs/ToastDuplicateDemo.native.js

@@ -1,10 +1,8 @@
 "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, {
@@ -21,15 +19,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -40,55 +29,49 @@ __export(ToastDuplicateDemo_exports, {
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_toast = require("@hanzogui/toast");
-var import_react = __toESM(require("react"), 1);
+var import_v2 = require("@hanzogui/toast/v2");
 var import_gui = require("@hanzo/gui");
 var ToastDuplicateDemo = function () {
-  var [savedCount, setSavedCount] = import_react.default.useState(0);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      onPress: function () {
-        setSavedCount(function (old) {
-          return old + 1;
-        });
-      },
-      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
+  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_gui.YStack, {
+      items: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+        onPress: function () {
+          (0, import_v2.toast)("Successfully saved!", {
+            description: "Don't worry... We've got your data."
+          });
         },
-        exitStyle: {
-          opacity: 0,
-          scale: 1,
-          y: -20
-        },
-        y: 0,
-        opacity: 1,
-        scale: 1,
-        transition: "100ms",
+        children: "Show toast"
+      })
+    })]
+  });
+};
+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_gui.XStack, {
           gap: "$4",
           items: "center",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
           }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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."
+            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