@tamagui/demos 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/ToastDemo.cjs

@@ -3,230 +3,214 @@ 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: true
-  });
+	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;
+	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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ToastDemo_exports = {};
-__export(ToastDemo_exports, {
-  ToastDemo: () => ToastDemo
-});
+__export(ToastDemo_exports, { ToastDemo: () => ToastDemo });
 module.exports = __toCommonJS(ToastDemo_exports);
-var import_tamagui = require("tamagui");
-var import_v2 = require("@tamagui/toast/v2");
+var import_toast = require("@tamagui/toast");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_react = require("react");
-var import_tamagui2 = require("tamagui");
+var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const ToastDemo = () => {
-  const [position, setPosition] = (0, import_react.useState)("bottom-right");
-  const [gap, setGap] = (0, import_react.useState)(14);
-  const [visibleToasts, setVisibleToasts] = (0, import_react.useState)(4);
-  const [duration, setDuration] = (0, import_react.useState)(4e3);
-  const count = (0, import_react.useRef)(0);
-  const showToast = 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: ({
-          toast: t,
-          index
-        }) => /* @__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_tamagui2.YStack, {
-      gap: "$3",
-      self: "center",
-      width: 280,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
-        gap: "$2",
-        self: "center",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.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_tamagui2.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"
-          })]
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.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: v => `${(v / 1e3).toFixed(1)}s`
-        })]
-      })]
-    })]
-  });
+	const [position, setPosition] = (0, import_react.useState)("bottom-right");
+	const [gap, setGap] = (0, import_react.useState)(14);
+	const [visibleToasts, setVisibleToasts] = (0, import_react.useState)(4);
+	const [duration, setDuration] = (0, import_react.useState)(4e3);
+	const count = (0, import_react.useRef)(0);
+	const showToast = (newPosition) => {
+		setPosition(newPosition);
+		count.current++;
+		(0, import_toast.toast)(`Toast #${count.current}`, {
+			toasterId: "demo",
+			description: "Swipe to dismiss or wait for auto-close."
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Toast, {
+		toasterId: "demo",
+		position,
+		gap: Math.round(gap),
+		visibleToasts,
+		duration,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Viewport, {
+			offset: 16,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.List, { renderItem: ({ toast: t, index }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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_tamagui.YStack, {
+			gap: "3",
+			self: "center",
+			width: 280,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				gap: "2",
+				self: "center",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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_tamagui.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"
+						})
+					]
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				gap: "1",
+				paddingTop: "1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoSlider, {
+						label: "Gap",
+						value: gap,
+						min: 0,
+						max: 30,
+						step: .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: (v) => `${(v / 1e3).toFixed(1)}s`
+					})
+				]
+			})]
+		})]
+	});
 };
-function ToastContent({
-  toast: t
-}) {
-  const {
-    handleClose
-  } = (0, import_v2.useToastItem)();
-  const title = typeof t.title === "function" ? t.title() : t.title;
-  const 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_tamagui2.XStack, {
-      gap: "$3",
-      alignItems: "flex-start",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
-        flex: 1,
-        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: description
-        })]
-      })]
-    }), import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
-      testID: "toast-close-button",
-      position: "absolute",
-      top: -6,
-      left: -6,
-      zIndex: 1
-    })]
-  });
+function ToastContent({ toast: t }) {
+	const { handleClose } = (0, import_toast.useToastItem)();
+	const title = typeof t.title === "function" ? t.title() : t.title;
+	const 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_tamagui.XStack, {
+		gap: "3",
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Icon, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+			flex: 1,
+			gap: "0-5",
+			children: [title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Title, {
+				fontWeight: "600",
+				size: "3",
+				children: title
+			}), description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Description, {
+				color: "color9",
+				size: "2",
+				children: description
+			})]
+		})]
+	}), import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
-    gap: "$2",
-    alignItems: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Label, {
-      size: "$2",
-      width: 55,
-      children: label
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.Slider, {
-      flex: 1,
-      value: [value],
-      min,
-      max,
-      step,
-      onValueChange: ([v]) => onChange(v),
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Slider.Track, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Slider.TrackActive, {})
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Slider.Thumb, {
-        theme: "accent",
-        size: 16,
-        borderRadius: 100,
-        index: 0
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		gap: "2",
+		alignItems: "center",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				size: "2",
+				width: 55,
+				children: label
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
+				flex: 1,
+				value: [value],
+				min,
+				max,
+				step,
+				onValueChange: ([v]) => onChange(v),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
+					theme: "accent",
+					size: 16,
+					borderRadius: 100,
+					index: 0
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui2.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+		icon: Icon,
+		circular: true,
+		theme: isActive ? "accent" : void 0,
+		onPress: () => onPress(position),
+		testID
+	});
+};

package/dist/cjs/ToastDemo.native.cjs

@@ -0,0 +1,231 @@
+"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: 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ToastDemo_exports = {};
+__export(ToastDemo_exports, { ToastDemo: () => ToastDemo });
+module.exports = __toCommonJS(ToastDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_toast = require("@tamagui/toast");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var ToastDemo = function() {
+	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_toast.toast)(`Toast #${count.current}`, {
+			toasterId: "demo",
+			description: "Swipe to dismiss or wait for auto-close."
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Toast, {
+		toasterId: "demo",
+		position,
+		gap: Math.round(gap),
+		visibleToasts,
+		duration,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Viewport, {
+			offset: 16,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.List, { renderItem: function(param) {
+				var { toast: t, index } = param;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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_tamagui.YStack, {
+			gap: "3",
+			self: "center",
+			width: 280,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				gap: "2",
+				self: "center",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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_tamagui.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"
+						})
+					]
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				gap: "1",
+				paddingTop: "1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoSlider, {
+						label: "Gap",
+						value: gap,
+						min: 0,
+						max: 30,
+						step: .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`;
+						}
+					})
+				]
+			})]
+		})]
+	});
+};
+function ToastContent(param) {
+	var { toast: t } = param;
+	var { handleClose } = (0, import_toast.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_tamagui.XStack, {
+		gap: "3",
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Icon, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+			flex: 1,
+			gap: "0-5",
+			children: [title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Title, {
+				fontWeight: "600",
+				size: "3",
+				children: title
+			}), description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Description, {
+				color: "color9",
+				size: "2",
+				children: description
+			})]
+		})]
+	}), import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Toast.Close, {
+		testID: "toast-close-button",
+		position: "absolute",
+		top: -6,
+		left: -6,
+		zIndex: 1
+	})] });
+}
+function DemoSlider(param) {
+	var { label, value, min, max, step, onChange, format } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		gap: "2",
+		alignItems: "center",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				size: "2",
+				width: 55,
+				children: label
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
+				flex: 1,
+				value: [value],
+				min,
+				max,
+				step,
+				onValueChange: function(param2) {
+					var [v] = param2;
+					return onChange(v);
+				},
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
+					theme: "accent",
+					size: 16,
+					borderRadius: 100,
+					index: 0
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+				userSelect: "none",
+				size: "2",
+				width: 35,
+				textAlign: "right",
+				children: format ? format(value) : Math.round(value)
+			})
+		]
+	});
+}
+var PositionButton = function(param) {
+	var { position, current, onPress, Icon, testID } = param;
+	var isActive = position === current;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+		icon: Icon,
+		circular: true,
+		theme: isActive ? "accent" : void 0,
+		onPress: function() {
+			return onPress(position);
+		},
+		testID
+	});
+};