@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ThemeInverseDemo.native.js

@@ -1,76 +1,83 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, H5, Theme, XStack, YStack } from "tamagui";
+
 function ThemeInverseDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    gap: "$4",
-    flexWrap: "wrap",
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      elevation: "$4",
-      bg: "$background",
-      p: "$4",
-      rounded: "$4",
-      gap: "$3",
-      children: [/* @__PURE__ */_jsx(H5, {
-        children: "Base Theme"
-      }), /* @__PURE__ */_jsx(Button, {
-        children: "Normal"
-      }), /* @__PURE__ */_jsx(Button, {
-        theme: "accent",
-        children: "Accent"
-      })]
-    }), /* @__PURE__ */_jsx(Theme, {
-      name: "red",
-      children: /* @__PURE__ */_jsxs(YStack, {
-        elevation: "$4",
-        bg: "$background",
-        p: "$4",
-        rounded: "$4",
-        gap: "$3",
-        children: [/* @__PURE__ */_jsx(H5, {
-          children: "Red Theme"
-        }), /* @__PURE__ */_jsx(Button, {
-          children: "Normal"
-        }), /* @__PURE__ */_jsx(Button, {
-          theme: "accent",
-          children: "Accent"
-        })]
-      })
-    }), /* @__PURE__ */_jsx(Theme, {
-      name: "blue",
-      children: /* @__PURE__ */_jsxs(YStack, {
-        elevation: "$4",
-        bg: "$background",
-        p: "$4",
-        rounded: "$4",
-        gap: "$3",
-        children: [/* @__PURE__ */_jsx(H5, {
-          children: "Blue Theme"
-        }), /* @__PURE__ */_jsx(Button, {
-          children: "Normal"
-        }), /* @__PURE__ */_jsx(Button, {
-          theme: "accent",
-          children: "Accent"
-        })]
-      })
-    }), /* @__PURE__ */_jsx(Theme, {
-      name: "green",
-      children: /* @__PURE__ */_jsxs(YStack, {
-        elevation: "$4",
-        bg: "$background",
-        p: "$4",
-        rounded: "$4",
-        gap: "$3",
-        children: [/* @__PURE__ */_jsx(H5, {
-          children: "Green Theme"
-        }), /* @__PURE__ */_jsx(Button, {
-          children: "Normal"
-        }), /* @__PURE__ */_jsx(Button, {
-          theme: "accent",
-          children: "Accent"
-        })]
-      })
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		gap: "4",
+		flexWrap: "wrap",
+		children: [
+			/* @__PURE__ */ jsxs(YStack, {
+				elevation: "4",
+				bg: "background",
+				p: "4",
+				rounded: "4",
+				gap: "3",
+				children: [
+					/* @__PURE__ */ jsx(H5, { children: "Base Theme" }),
+					/* @__PURE__ */ jsx(Button, { children: "Normal" }),
+					/* @__PURE__ */ jsx(Button, {
+						theme: "inverse",
+						children: "Inverse"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Theme, {
+				name: "red",
+				children: /* @__PURE__ */ jsxs(YStack, {
+					elevation: "4",
+					bg: "background",
+					p: "4",
+					rounded: "4",
+					gap: "3",
+					children: [
+						/* @__PURE__ */ jsx(H5, { children: "Red Theme" }),
+						/* @__PURE__ */ jsx(Button, { children: "Normal" }),
+						/* @__PURE__ */ jsx(Button, {
+							theme: "inverse",
+							children: "Inverse"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(Theme, {
+				name: "blue",
+				children: /* @__PURE__ */ jsxs(YStack, {
+					elevation: "4",
+					bg: "background",
+					p: "4",
+					rounded: "4",
+					gap: "3",
+					children: [
+						/* @__PURE__ */ jsx(H5, { children: "Blue Theme" }),
+						/* @__PURE__ */ jsx(Button, { children: "Normal" }),
+						/* @__PURE__ */ jsx(Button, {
+							theme: "inverse",
+							children: "Inverse"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(Theme, {
+				name: "green",
+				children: /* @__PURE__ */ jsxs(YStack, {
+					elevation: "4",
+					bg: "background",
+					p: "4",
+					rounded: "4",
+					gap: "3",
+					children: [
+						/* @__PURE__ */ jsx(H5, { children: "Green Theme" }),
+						/* @__PURE__ */ jsx(Button, { children: "Normal" }),
+						/* @__PURE__ */ jsx(Button, {
+							theme: "inverse",
+							children: "Inverse"
+						})
+					]
+				})
+			})
+		]
+	});
 }
+
 export { ThemeInverseDemo };
 //# sourceMappingURL=ThemeInverseDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","H5","Theme","XStack","YStack","ThemeInverseDemo","gap","flexWrap","children","elevation","bg","p","rounded","theme"],"sources":["../../src/ThemeInverseDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAIC,IAAA,IAAOC,KAAA,QAAQ,mBAAc;AAK5C,SACEC,MADF,EAAAC,EAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,iBAAA,EAAmB;EACjC,OACE,eAAAN,KAAC,CAAAI,MAAA;IACCG,GAAA;IACEC,QAAA;IAAcC,QACd,GACA,eAAAT,KAAC,CAAAK,MAAA,EAAO;MACVK,SAAA;MAEAC,EAAA,eAAC;MAEGC,CAAA;MACAC,OAAA;MACAN,GAAA;MACFE,QACF,GAEA,eAACX,IAAA,CAAAI,EAAM;QAEHO,QAAA;MACA,IACA,eAACX,IAAA,CAAAG,MAAO;QAEZQ,QAAA;MAEA,IAEI,eAACX,IAAA,CAAAG,MAAG;QACJa,KAAA,UAAC;QACDL,QAAA;MAEJ;IAGN,I","ignoreList":[]}
+{"version":3,"file":"ThemeInverseDemo.native.js","names":[],"sources":["esm/ThemeInverseDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, H5, Theme, XStack, YStack } from \"tamagui\";\nfunction ThemeInverseDemo() {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    gap: \"4\",\n    flexWrap: \"wrap\",\n    children: [\n      /* @__PURE__ */ _jsxs(YStack, {\n        elevation: \"4\",\n        bg: \"background\",\n        p: \"4\",\n        rounded: \"4\",\n        gap: \"3\",\n        children: [\n          /* @__PURE__ */ _jsx(H5, {\n            children: \"Base Theme\"\n          }),\n          /* @__PURE__ */ _jsx(Button, {\n            children: \"Normal\"\n          }),\n          /* @__PURE__ */ _jsx(Button, {\n            theme: \"inverse\",\n            children: \"Inverse\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsx(Theme, {\n        name: \"red\",\n        children: /* @__PURE__ */ _jsxs(YStack, {\n          elevation: \"4\",\n          bg: \"background\",\n          p: \"4\",\n          rounded: \"4\",\n          gap: \"3\",\n          children: [\n            /* @__PURE__ */ _jsx(H5, {\n              children: \"Red Theme\"\n            }),\n            /* @__PURE__ */ _jsx(Button, {\n              children: \"Normal\"\n            }),\n            /* @__PURE__ */ _jsx(Button, {\n              theme: \"inverse\",\n              children: \"Inverse\"\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ _jsx(Theme, {\n        name: \"blue\",\n        children: /* @__PURE__ */ _jsxs(YStack, {\n          elevation: \"4\",\n          bg: \"background\",\n          p: \"4\",\n          rounded: \"4\",\n          gap: \"3\",\n          children: [\n            /* @__PURE__ */ _jsx(H5, {\n              children: \"Blue Theme\"\n            }),\n            /* @__PURE__ */ _jsx(Button, {\n              children: \"Normal\"\n            }),\n            /* @__PURE__ */ _jsx(Button, {\n              theme: \"inverse\",\n              children: \"Inverse\"\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ _jsx(Theme, {\n        name: \"green\",\n        children: /* @__PURE__ */ _jsxs(YStack, {\n          elevation: \"4\",\n          bg: \"background\",\n          p: \"4\",\n          rounded: \"4\",\n          gap: \"3\",\n          children: [\n            /* @__PURE__ */ _jsx(H5, {\n              children: \"Green Theme\"\n            }),\n            /* @__PURE__ */ _jsx(Button, {\n              children: \"Normal\"\n            }),\n            /* @__PURE__ */ _jsx(Button, {\n              theme: \"inverse\",\n              children: \"Inverse\"\n            })\n          ]\n        })\n      })\n    ]\n  });\n}\nexport {\n  ThemeInverseDemo\n};\n//# sourceMappingURL=ThemeInverseDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,mBAAmB;CAC1B,OAAuB,qBAAM,QAAQ;EACnC,KAAK;EACL,UAAU;EACV,UAAU;GACQ,qBAAM,QAAQ;IAC5B,WAAW;IACX,IAAI;IACJ,GAAG;IACH,SAAS;IACT,KAAK;IACL,UAAU;KACQ,oBAAK,IAAI,EACvB,UAAU,aACZ,CAAC;KACe,oBAAK,QAAQ,EAC3B,UAAU,SACZ,CAAC;KACe,oBAAK,QAAQ;MAC3B,OAAO;MACP,UAAU;KACZ,CAAC;IACH;GACF,CAAC;GACe,oBAAK,OAAO;IAC1B,MAAM;IACN,UAA0B,qBAAM,QAAQ;KACtC,WAAW;KACX,IAAI;KACJ,GAAG;KACH,SAAS;KACT,KAAK;KACL,UAAU;MACQ,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;MACe,oBAAK,QAAQ,EAC3B,UAAU,SACZ,CAAC;MACe,oBAAK,QAAQ;OAC3B,OAAO;OACP,UAAU;MACZ,CAAC;KACH;IACF,CAAC;GACH,CAAC;GACe,oBAAK,OAAO;IAC1B,MAAM;IACN,UAA0B,qBAAM,QAAQ;KACtC,WAAW;KACX,IAAI;KACJ,GAAG;KACH,SAAS;KACT,KAAK;KACL,UAAU;MACQ,oBAAK,IAAI,EACvB,UAAU,aACZ,CAAC;MACe,oBAAK,QAAQ,EAC3B,UAAU,SACZ,CAAC;MACe,oBAAK,QAAQ;OAC3B,OAAO;OACP,UAAU;MACZ,CAAC;KACH;IACF,CAAC;GACH,CAAC;GACe,oBAAK,OAAO;IAC1B,MAAM;IACN,UAA0B,qBAAM,QAAQ;KACtC,WAAW;KACX,IAAI;KACJ,GAAG;KACH,SAAS;KACT,KAAK;KACL,UAAU;MACQ,oBAAK,IAAI,EACvB,UAAU,cACZ,CAAC;MACe,oBAAK,QAAQ,EAC3B,UAAU,SACZ,CAAC;MACe,oBAAK,QAAQ;OAC3B,OAAO;OACP,UAAU;MACZ,CAAC;KACH;IACF,CAAC;GACH,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/ToastDemo.mjs

@@ -1,207 +1,197 @@
-import { isWeb } from "tamagui";
-import { Toast, toast, useToastItem } from "@tamagui/toast/v2";
+import { toast, useToastItem } from "@tamagui/toast";
 import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from "@tamagui/lucide-icons-2";
 import { useRef, useState } from "react";
-import { Button, Label, SizableText, Slider, XStack, YStack } from "tamagui";
+import { Button, Label, SizableText, Slider, Toast, XStack, YStack, isWeb } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 const ToastDemo = () => {
-  const [position, setPosition] = useState("bottom-right");
-  const [gap, setGap] = useState(14);
-  const [visibleToasts, setVisibleToasts] = useState(4);
-  const [duration, setDuration] = useState(4e3);
-  const count = useRef(0);
-  const showToast = newPosition => {
-    setPosition(newPosition);
-    count.current++;
-    toast(`Toast #${count.current}`, {
-      description: "Swipe to dismiss or wait for auto-close."
-    });
-  };
-  return /* @__PURE__ */jsxs(Toast, {
-    position,
-    gap: Math.round(gap),
-    visibleToasts,
-    duration,
-    children: [/* @__PURE__ */jsx(Toast.Viewport, {
-      offset: 16,
-      children: /* @__PURE__ */jsx(Toast.List, {
-        renderItem: ({
-          toast: t,
-          index
-        }) => /* @__PURE__ */jsx(Toast.Item, {
-          toast: t,
-          index,
-          testID: "toast-item",
-          children: /* @__PURE__ */jsx(ToastContent, {
-            toast: t
-          })
-        }, t.id)
-      })
-    }), /* @__PURE__ */jsxs(YStack, {
-      gap: "$3",
-      self: "center",
-      width: 280,
-      children: [/* @__PURE__ */jsxs(YStack, {
-        gap: "$2",
-        self: "center",
-        children: [/* @__PURE__ */jsxs(XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */jsx(PositionButton, {
-            position: "top-left",
-            current: position,
-            onPress: showToast,
-            Icon: ArrowUpLeft
-          }), /* @__PURE__ */jsx(PositionButton, {
-            position: "top-center",
-            current: position,
-            onPress: showToast,
-            Icon: ArrowUp
-          }), /* @__PURE__ */jsx(PositionButton, {
-            position: "top-right",
-            current: position,
-            onPress: showToast,
-            Icon: ArrowUpRight,
-            testID: "toast-top-right-button"
-          })]
-        }), /* @__PURE__ */jsxs(XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */jsx(PositionButton, {
-            position: "bottom-left",
-            current: position,
-            onPress: showToast,
-            Icon: ArrowDownLeft
-          }), /* @__PURE__ */jsx(PositionButton, {
-            position: "bottom-center",
-            current: position,
-            onPress: showToast,
-            Icon: ArrowDown
-          }), /* @__PURE__ */jsx(PositionButton, {
-            position: "bottom-right",
-            current: position,
-            onPress: showToast,
-            Icon: ArrowDownRight,
-            testID: "toast-show-button"
-          })]
-        })]
-      }), /* @__PURE__ */jsxs(YStack, {
-        gap: "$1",
-        paddingTop: "$1",
-        children: [/* @__PURE__ */jsx(DemoSlider, {
-          label: "Gap",
-          value: gap,
-          min: 0,
-          max: 30,
-          step: 0.1,
-          onChange: setGap
-        }), /* @__PURE__ */jsx(DemoSlider, {
-          label: "Visible",
-          value: visibleToasts,
-          min: 1,
-          max: 8,
-          step: 1,
-          onChange: setVisibleToasts
-        }), /* @__PURE__ */jsx(DemoSlider, {
-          label: "Duration",
-          value: duration,
-          min: 1e3,
-          max: 1e4,
-          step: 100,
-          onChange: setDuration,
-          format: v => `${(v / 1e3).toFixed(1)}s`
-        })]
-      })]
-    })]
-  });
+	const [position, setPosition] = useState("bottom-right");
+	const [gap, setGap] = useState(14);
+	const [visibleToasts, setVisibleToasts] = useState(4);
+	const [duration, setDuration] = useState(4e3);
+	const count = useRef(0);
+	const showToast = (newPosition) => {
+		setPosition(newPosition);
+		count.current++;
+		toast(`Toast #${count.current}`, {
+			toasterId: "demo",
+			description: "Swipe to dismiss or wait for auto-close."
+		});
+	};
+	return /* @__PURE__ */ jsxs(Toast, {
+		toasterId: "demo",
+		position,
+		gap: Math.round(gap),
+		visibleToasts,
+		duration,
+		children: [/* @__PURE__ */ jsx(Toast.Viewport, {
+			offset: 16,
+			children: /* @__PURE__ */ jsx(Toast.List, { renderItem: ({ toast: t, index }) => /* @__PURE__ */ jsx(Toast.Item, {
+				toast: t,
+				index,
+				testID: "toast-item",
+				children: /* @__PURE__ */ jsx(ToastContent, { toast: t })
+			}, t.id) })
+		}), /* @__PURE__ */ jsxs(YStack, {
+			gap: "3",
+			self: "center",
+			width: 280,
+			children: [/* @__PURE__ */ jsxs(YStack, {
+				gap: "2",
+				self: "center",
+				children: [/* @__PURE__ */ jsxs(XStack, {
+					gap: "2",
+					children: [
+						/* @__PURE__ */ jsx(PositionButton, {
+							position: "top-left",
+							current: position,
+							onPress: showToast,
+							Icon: ArrowUpLeft
+						}),
+						/* @__PURE__ */ jsx(PositionButton, {
+							position: "top-center",
+							current: position,
+							onPress: showToast,
+							Icon: ArrowUp
+						}),
+						/* @__PURE__ */ jsx(PositionButton, {
+							position: "top-right",
+							current: position,
+							onPress: showToast,
+							Icon: ArrowUpRight,
+							testID: "toast-top-right-button"
+						})
+					]
+				}), /* @__PURE__ */ jsxs(XStack, {
+					gap: "2",
+					children: [
+						/* @__PURE__ */ jsx(PositionButton, {
+							position: "bottom-left",
+							current: position,
+							onPress: showToast,
+							Icon: ArrowDownLeft
+						}),
+						/* @__PURE__ */ jsx(PositionButton, {
+							position: "bottom-center",
+							current: position,
+							onPress: showToast,
+							Icon: ArrowDown
+						}),
+						/* @__PURE__ */ jsx(PositionButton, {
+							position: "bottom-right",
+							current: position,
+							onPress: showToast,
+							Icon: ArrowDownRight,
+							testID: "toast-show-button"
+						})
+					]
+				})]
+			}), /* @__PURE__ */ jsxs(YStack, {
+				gap: "1",
+				paddingTop: "1",
+				children: [
+					/* @__PURE__ */ jsx(DemoSlider, {
+						label: "Gap",
+						value: gap,
+						min: 0,
+						max: 30,
+						step: .1,
+						onChange: setGap
+					}),
+					/* @__PURE__ */ jsx(DemoSlider, {
+						label: "Visible",
+						value: visibleToasts,
+						min: 1,
+						max: 8,
+						step: 1,
+						onChange: setVisibleToasts
+					}),
+					/* @__PURE__ */ jsx(DemoSlider, {
+						label: "Duration",
+						value: duration,
+						min: 1e3,
+						max: 1e4,
+						step: 100,
+						onChange: setDuration,
+						format: (v) => `${(v / 1e3).toFixed(1)}s`
+					})
+				]
+			})]
+		})]
+	});
 };
-function ToastContent({
-  toast: t
-}) {
-  const {
-    handleClose
-  } = useToastItem();
-  const title = typeof t.title === "function" ? t.title() : t.title;
-  const description = typeof t.description === "function" ? t.description() : t.description;
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      alignItems: "flex-start",
-      children: [/* @__PURE__ */jsx(Toast.Icon, {}), /* @__PURE__ */jsxs(YStack, {
-        flex: 1,
-        gap: "$0.5",
-        children: [title && /* @__PURE__ */jsx(Toast.Title, {
-          fontWeight: "600",
-          size: "$3",
-          children: title
-        }), description && /* @__PURE__ */jsx(Toast.Description, {
-          color: "$color9",
-          size: "$2",
-          children: description
-        })]
-      })]
-    }), isWeb && /* @__PURE__ */jsx(Toast.Close, {
-      testID: "toast-close-button",
-      position: "absolute",
-      top: -6,
-      left: -6,
-      zIndex: 1
-    })]
-  });
+function ToastContent({ toast: t }) {
+	const { handleClose } = useToastItem();
+	const title = typeof t.title === "function" ? t.title() : t.title;
+	const description = typeof t.description === "function" ? t.description() : t.description;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(XStack, {
+		gap: "3",
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ jsx(Toast.Icon, {}), /* @__PURE__ */ jsxs(YStack, {
+			flex: 1,
+			gap: "0-5",
+			children: [title && /* @__PURE__ */ jsx(Toast.Title, {
+				fontWeight: "600",
+				size: "3",
+				children: title
+			}), description && /* @__PURE__ */ jsx(Toast.Description, {
+				color: "color9",
+				size: "2",
+				children: description
+			})]
+		})]
+	}), isWeb && /* @__PURE__ */ jsx(Toast.Close, {
+		testID: "toast-close-button",
+		position: "absolute",
+		top: -6,
+		left: -6,
+		zIndex: 1
+	})] });
 }
-function DemoSlider({
-  label,
-  value,
-  min,
-  max,
-  step,
-  onChange,
-  format
-}) {
-  return /* @__PURE__ */jsxs(XStack, {
-    gap: "$2",
-    alignItems: "center",
-    children: [/* @__PURE__ */jsx(Label, {
-      size: "$2",
-      width: 55,
-      children: label
-    }), /* @__PURE__ */jsxs(Slider, {
-      flex: 1,
-      value: [value],
-      min,
-      max,
-      step,
-      onValueChange: ([v]) => onChange(v),
-      children: [/* @__PURE__ */jsx(Slider.Track, {
-        children: /* @__PURE__ */jsx(Slider.TrackActive, {})
-      }), /* @__PURE__ */jsx(Slider.Thumb, {
-        theme: "accent",
-        size: 16,
-        borderRadius: 100,
-        index: 0
-      })]
-    }), /* @__PURE__ */jsx(SizableText, {
-      userSelect: "none",
-      size: "$2",
-      width: 35,
-      textAlign: "right",
-      children: format ? format(value) : Math.round(value)
-    })]
-  });
+function DemoSlider({ label, value, min, max, step, onChange, format }) {
+	return /* @__PURE__ */ jsxs(XStack, {
+		gap: "2",
+		alignItems: "center",
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				size: "2",
+				width: 55,
+				children: label
+			}),
+			/* @__PURE__ */ jsxs(Slider, {
+				flex: 1,
+				value: [value],
+				min,
+				max,
+				step,
+				onValueChange: ([v]) => onChange(v),
+				children: [/* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }), /* @__PURE__ */ jsx(Slider.Thumb, {
+					theme: "accent",
+					size: 16,
+					borderRadius: 100,
+					index: 0
+				})]
+			}),
+			/* @__PURE__ */ jsx(SizableText, {
+				userSelect: "none",
+				size: "2",
+				width: 35,
+				textAlign: "right",
+				children: format ? format(value) : Math.round(value)
+			})
+		]
+	});
 }
-const PositionButton = ({
-  position,
-  current,
-  onPress,
-  Icon,
-  testID
-}) => {
-  const isActive = position === current;
-  return /* @__PURE__ */jsx(Button, {
-    icon: Icon,
-    circular: true,
-    theme: isActive ? "accent" : void 0,
-    onPress: () => onPress(position),
-    testID
-  });
+const PositionButton = ({ position, current, onPress, Icon, testID }) => {
+	const isActive = position === current;
+	return /* @__PURE__ */ jsx(Button, {
+		icon: Icon,
+		circular: true,
+		theme: isActive ? "accent" : void 0,
+		onPress: () => onPress(position),
+		testID
+	});
 };
+
 export { ToastDemo };
 //# sourceMappingURL=ToastDemo.mjs.map

package/dist/esm/ToastDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","Toast","toast","useToastItem","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowUp","ArrowUpLeft","ArrowUpRight","useRef","useState","Button","Label","SizableText","Slider","XStack","YStack","Fragment","jsx","jsxs","ToastDemo","position","setPosition","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","showToast","newPosition","current","description","Math","round","children","Viewport","offset","List","renderItem","t","index","Item","testID","ToastContent","id","self","width","PositionButton","onPress","Icon","paddingTop","DemoSlider","label","value","min","max","step","onChange","format","v","toFixed","handleClose","title","alignItems","flex","Title","fontWeight","size","Description","color","Close","top","left","zIndex","onValueChange","Track","TrackActive","Thumb","theme","borderRadius","userSelect","textAlign","isActive","icon","circular"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToastDemo.js","names":[],"sources":["esm/ToastDemo.js"],"sourcesContent":["import { toast, useToastItem } from \"@tamagui/toast\";\nimport {\n  ArrowDown,\n  ArrowDownLeft,\n  ArrowDownRight,\n  ArrowUp,\n  ArrowUpLeft,\n  ArrowUpRight\n} from \"@tamagui/lucide-icons-2\";\nimport { useRef, useState } from \"react\";\nimport { Button, isWeb, Label, SizableText, Slider, Toast, XStack, YStack } from \"tamagui\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ToastDemo = () => {\n  const [position, setPosition] = useState(\"bottom-right\");\n  const [gap, setGap] = useState(14);\n  const [visibleToasts, setVisibleToasts] = useState(4);\n  const [duration, setDuration] = useState(4e3);\n  const count = useRef(0);\n  const showToast = (newPosition) => {\n    setPosition(newPosition);\n    count.current++;\n    toast(`Toast #${count.current}`, {\n      toasterId: \"demo\",\n      description: \"Swipe to dismiss or wait for auto-close.\"\n    });\n  };\n  return /* @__PURE__ */ jsxs(\n    Toast,\n    {\n      toasterId: \"demo\",\n      position,\n      gap: Math.round(gap),\n      visibleToasts,\n      duration,\n      children: [\n        /* @__PURE__ */ jsx(Toast.Viewport, { offset: 16, children: /* @__PURE__ */ jsx(\n          Toast.List,\n          {\n            renderItem: ({ toast: t, index }) => /* @__PURE__ */ jsx(Toast.Item, { toast: t, index, testID: \"toast-item\", children: /* @__PURE__ */ jsx(ToastContent, { toast: t }) }, t.id)\n          }\n        ) }),\n        /* @__PURE__ */ jsxs(YStack, { gap: \"3\", self: \"center\", width: 280, children: [\n          /* @__PURE__ */ jsxs(YStack, { gap: \"2\", self: \"center\", children: [\n            /* @__PURE__ */ jsxs(XStack, { gap: \"2\", children: [\n              /* @__PURE__ */ jsx(\n                PositionButton,\n                {\n                  position: \"top-left\",\n                  current: position,\n                  onPress: showToast,\n                  Icon: ArrowUpLeft\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                PositionButton,\n                {\n                  position: \"top-center\",\n                  current: position,\n                  onPress: showToast,\n                  Icon: ArrowUp\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                PositionButton,\n                {\n                  position: \"top-right\",\n                  current: position,\n                  onPress: showToast,\n                  Icon: ArrowUpRight,\n                  testID: \"toast-top-right-button\"\n                }\n              )\n            ] }),\n            /* @__PURE__ */ jsxs(XStack, { gap: \"2\", children: [\n              /* @__PURE__ */ jsx(\n                PositionButton,\n                {\n                  position: \"bottom-left\",\n                  current: position,\n                  onPress: showToast,\n                  Icon: ArrowDownLeft\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                PositionButton,\n                {\n                  position: \"bottom-center\",\n                  current: position,\n                  onPress: showToast,\n                  Icon: ArrowDown\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                PositionButton,\n                {\n                  position: \"bottom-right\",\n                  current: position,\n                  onPress: showToast,\n                  Icon: ArrowDownRight,\n                  testID: \"toast-show-button\"\n                }\n              )\n            ] })\n          ] }),\n          /* @__PURE__ */ jsxs(YStack, { gap: \"1\", paddingTop: \"1\", children: [\n            /* @__PURE__ */ jsx(\n              DemoSlider,\n              {\n                label: \"Gap\",\n                value: gap,\n                min: 0,\n                max: 30,\n                step: 0.1,\n                onChange: setGap\n              }\n            ),\n            /* @__PURE__ */ jsx(\n              DemoSlider,\n              {\n                label: \"Visible\",\n                value: visibleToasts,\n                min: 1,\n                max: 8,\n                step: 1,\n                onChange: setVisibleToasts\n              }\n            ),\n            /* @__PURE__ */ jsx(\n              DemoSlider,\n              {\n                label: \"Duration\",\n                value: duration,\n                min: 1e3,\n                max: 1e4,\n                step: 100,\n                onChange: setDuration,\n                format: (v) => `${(v / 1e3).toFixed(1)}s`\n              }\n            )\n          ] })\n        ] })\n      ]\n    }\n  );\n};\nfunction ToastContent({ toast: t }) {\n  const { handleClose } = useToastItem();\n  const title = typeof t.title === \"function\" ? t.title() : t.title;\n  const description = typeof t.description === \"function\" ? t.description() : t.description;\n  return /* @__PURE__ */ jsxs(Fragment, { children: [\n    /* @__PURE__ */ jsxs(XStack, { gap: \"3\", alignItems: \"flex-start\", children: [\n      /* @__PURE__ */ jsx(Toast.Icon, {}),\n      /* @__PURE__ */ jsxs(YStack, { flex: 1, gap: \"0-5\", children: [\n        title && /* @__PURE__ */ jsx(Toast.Title, { fontWeight: \"600\", size: \"3\", children: title }),\n        description && /* @__PURE__ */ jsx(Toast.Description, { color: \"color9\", size: \"2\", children: description })\n      ] })\n    ] }),\n    isWeb && /* @__PURE__ */ jsx(\n      Toast.Close,\n      {\n        testID: \"toast-close-button\",\n        position: \"absolute\",\n        top: -6,\n        left: -6,\n        zIndex: 1\n      }\n    )\n  ] });\n}\nfunction DemoSlider({\n  label,\n  value,\n  min,\n  max,\n  step,\n  onChange,\n  format\n}) {\n  return /* @__PURE__ */ jsxs(XStack, { gap: \"2\", alignItems: \"center\", children: [\n    /* @__PURE__ */ jsx(Label, { size: \"2\", width: 55, children: label }),\n    /* @__PURE__ */ jsxs(\n      Slider,\n      {\n        flex: 1,\n        value: [value],\n        min,\n        max,\n        step,\n        onValueChange: ([v]) => onChange(v),\n        children: [\n          /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),\n          /* @__PURE__ */ jsx(Slider.Thumb, { theme: \"accent\", size: 16, borderRadius: 100, index: 0 })\n        ]\n      }\n    ),\n    /* @__PURE__ */ jsx(SizableText, { userSelect: \"none\", size: \"2\", width: 35, textAlign: \"right\", children: format ? format(value) : Math.round(value) })\n  ] });\n}\nconst PositionButton = ({\n  position,\n  current,\n  onPress,\n  Icon,\n  testID\n}) => {\n  const isActive = position === current;\n  return /* @__PURE__ */ jsx(\n    Button,\n    {\n      icon: Icon,\n      circular: true,\n      theme: isActive ? \"accent\" : void 0,\n      onPress: () => onPress(position),\n      testID\n    }\n  );\n};\nexport {\n  ToastDemo\n};\n//# sourceMappingURL=ToastDemo.js.map\n"],"mappings":"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"}