@solid2-aria/sonner 0.0.0-stage → 0.0.1

package/dist/browser/index.js

@@ -0,0 +1,1375 @@
+/*!
+ * Derived from solid-sonner (https://github.com/wobsoriano/solid-sonner), src/.
+ * Copyright (c) 2022 Robert Soriano <https://github.com/wobsoriano>
+ * Derived from Sonner (https://github.com/emilkowalski/sonner), src/.
+ * Copyright (c) 2023 Emil Kowalski
+ * Modified for Solid Aria: Solid 2 reactivity, rendering, lifecycle, and packaging.
+ * MIT licensed. See LICENSE, SOLID-SONNER-LICENSE.md, SONNER-LICENSE.md, and NOTICE.txt in the package root.
+ */
+import { className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, memo, readShallow, ref, runHydrationEvents, scope, setAttribute, style, template } from "@solidjs/web";
+import { For, Show, createEffect, createMemo, createRenderEffect, createSignal, createStore, merge, onCleanup, onSettled, untrack } from "solid-js";
+// src/assets.tsx
+var _tmpl$$1 = /* @__PURE__ */ template(`<div><div class=sonner-spinner>`);
+var _tmpl$2$1 = /* @__PURE__ */ template(`<div class=sonner-loading-bar>`);
+var _tmpl$3$1 = /* @__PURE__ */ template(`<svg aria-hidden=true viewBox="0 0 20 20"fill=currentColor height=20 width=20><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"clip-rule=evenodd>`);
+var _tmpl$4$1 = /* @__PURE__ */ template(`<svg aria-hidden=true viewBox="0 0 24 24"fill=currentColor height=20 width=20><path fill-rule=evenodd d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z"clip-rule=evenodd>`);
+var _tmpl$5$1 = /* @__PURE__ */ template(`<svg aria-hidden=true viewBox="0 0 20 20"fill=currentColor height=20 width=20><path fill-rule=evenodd d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z"clip-rule=evenodd>`);
+var _tmpl$6$1 = /* @__PURE__ */ template(`<svg aria-hidden=true viewBox="0 0 20 20"fill=currentColor height=20 width=20><path fill-rule=evenodd d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z"clip-rule=evenodd>`);
+var _tmpl$7$1 = /* @__PURE__ */ template(`<svg aria-hidden=true width=12 height=12 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>`);
+/*!
+* Derived from solid-sonner (https://github.com/wobsoriano/solid-sonner), src/assets.tsx.
+* Copyright (c) 2022 Robert Soriano <https://github.com/wobsoriano>
+* Derived from Sonner (https://github.com/emilkowalski/sonner), src/assets.tsx.
+* Copyright (c) 2023 Emil Kowalski
+* Modified for Solid Aria: Solid 2 types, reactivity, lifecycle, and package integration.
+* MIT licensed. See LICENSE, SOLID-SONNER-LICENSE.md, SONNER-LICENSE.md, and NOTICE.txt in the package root.
+*/
+const bars = Array.from({ length: 12 }, () => 0);
+function Loader(props) {
+	var _el$ = getNextElement(_tmpl$$1);
+	var _el$2 = _el$.firstChild;
+	insert(_el$2, createComponent(For, {
+		each: bars,
+		keyed: false,
+		children: (_, i) => (() => {
+			var _el$3 = getNextElement(_tmpl$2$1);
+			setAttribute(_el$3, "data-index", i);
+			return _el$3;
+		})()
+	}));
+	effect(() => {
+		return {
+			e: readShallow(["sonner-loading-wrapper", props.class ?? props.className]),
+			t: String(props.visible)
+		};
+	}, ({ e, t }, _p$) => {
+		className(_el$, e, _p$?.e);
+		t !== _p$?.t && setAttribute(_el$, "data-visible", t);
+	});
+	return _el$;
+}
+function SuccessIcon() {
+	return getNextElement(_tmpl$3$1);
+}
+function WarningIcon() {
+	return getNextElement(_tmpl$4$1);
+}
+function InfoIcon() {
+	return getNextElement(_tmpl$5$1);
+}
+function ErrorIcon() {
+	return getNextElement(_tmpl$6$1);
+}
+function getAsset(type) {
+	switch (type) {
+		case "success": return createComponent(SuccessIcon, {});
+		case "info": return createComponent(InfoIcon, {});
+		case "warning": return createComponent(WarningIcon, {});
+		case "error": return createComponent(ErrorIcon, {});
+		case void 0:
+		case "action":
+		case "default":
+		case "loading":
+		case "normal": return null;
+		default: return type;
+	}
+}
+function CloseIcon() {
+	return getNextElement(_tmpl$7$1);
+}
+// src/primitives.ts
+/*!
+* Derived from solid-sonner (https://github.com/wobsoriano/solid-sonner), src/primitives.ts.
+* Copyright (c) 2022 Robert Soriano <https://github.com/wobsoriano>
+* Modified for Solid Aria: Solid 2 types, reactivity, lifecycle, and package integration.
+* MIT licensed. See LICENSE, SOLID-SONNER-LICENSE.md, SONNER-LICENSE.md, and NOTICE.txt in the package root.
+*/
+function createIsDocumentHidden() {
+	const [isDocumentHidden, setIsDocumentHidden] = createSignal(globalThis.document?.hidden ?? false);
+	const callback = () => {
+		setIsDocumentHidden(document.hidden);
+	};
+	onSettled(() => {
+		document.addEventListener("visibilitychange", callback);
+		return () => {
+			document.removeEventListener("visibilitychange", callback);
+		};
+	});
+	return isDocumentHidden;
+}
+// src/state.ts
+/*!
+* Derived from solid-sonner (https://github.com/wobsoriano/solid-sonner), src/state.ts.
+* Copyright (c) 2022 Robert Soriano <https://github.com/wobsoriano>
+* Derived from Sonner (https://github.com/emilkowalski/sonner), src/state.ts.
+* Copyright (c) 2023 Emil Kowalski
+* Modified for Solid Aria: Solid 2 types, reactivity, lifecycle, and package integration.
+* MIT licensed. See LICENSE, SOLID-SONNER-LICENSE.md, SONNER-LICENSE.md, and NOTICE.txt in the package root.
+*/
+let toastsCounter = 1;
+const MAX_HISTORY_SIZE = 100;
+function getToastId(data) {
+	if (data?.id !== void 0 && data.id !== "") return data.id;
+	const id = toastsCounter;
+	toastsCounter += 1;
+	return id;
+}
+function isHttpResponse(data) {
+	return typeof data === "object" && data !== null && "ok" in data && typeof data.ok === "boolean" && "status" in data && typeof data.status === "number";
+}
+function getPromiseSettings(value) {
+	return typeof value === "object" && value !== null && "message" in value ? value : { message: value };
+}
+function isValidElement(value) {
+	return globalThis.Node !== void 0 && value instanceof Node;
+}
+var Observer = class {
+	subscribers;
+	toasts;
+	dismissedToasts;
+	pendingDismissals;
+	constructor() {
+		this.subscribers = [];
+		this.toasts = [];
+		this.dismissedToasts = /* @__PURE__ */ new Set();
+		this.pendingDismissals = /* @__PURE__ */ new Map();
+	}
+	subscribe = (subscriber) => {
+		this.subscribers.push(subscriber);
+		for (const activeToast of this.getActiveToasts()) subscriber(activeToast);
+		return () => {
+			const index = this.subscribers.indexOf(subscriber);
+			this.subscribers.splice(index, 1);
+		};
+	};
+	publish = (data) => {
+		for (const subscriber of this.subscribers) subscriber(data);
+	};
+	addToast = (data) => {
+		this.publish(data);
+		this.toasts = [...this.toasts, data];
+		this.trimHistory();
+	};
+	trimHistory = () => {
+		let toRemove = this.toasts.length - MAX_HISTORY_SIZE;
+		if (toRemove <= 0) return;
+		this.toasts = this.toasts.filter((toast) => {
+			if (toRemove > 0 && this.dismissedToasts.has(toast.id)) {
+				this.dismissedToasts.delete(toast.id);
+				toRemove -= 1;
+				return false;
+			}
+			return true;
+		});
+	};
+	create = (data) => {
+		const { message, ...rest } = data;
+		const id = getToastId(data);
+		const pendingDismissal = this.pendingDismissals.get(id);
+		if (pendingDismissal !== void 0) {
+			cancelAnimationFrame(pendingDismissal);
+			this.pendingDismissals.delete(id);
+			this.dismissedToasts.delete(id);
+		}
+		const wasDismissed = this.dismissedToasts.has(id);
+		const dismissible = data.dismissible ?? true;
+		if (wasDismissed) {
+			this.dismissedToasts.delete(id);
+			this.toasts = this.toasts.filter((toast) => toast.id !== id);
+		}
+		if (wasDismissed ? void 0 : this.toasts.find((toast) => toast.id === id)) this.toasts = this.toasts.map((toast) => {
+			if (toast.id === id) {
+				this.publish({
+					...toast,
+					...data,
+					dismissible,
+					id,
+					title: message
+				});
+				return {
+					...toast,
+					...data,
+					dismissible,
+					id,
+					title: message
+				};
+			}
+			return toast;
+		});
+		else this.addToast({
+			title: message,
+			...rest,
+			dismissible,
+			id
+		});
+		return id;
+	};
+	dismiss = (id) => {
+		if (id === void 0 || id === null) {
+			for (const activeToast of this.getActiveToasts()) {
+				this.dismissedToasts.add(activeToast.id);
+				for (const subscriber of this.subscribers) subscriber({
+					dismiss: true,
+					id: activeToast.id
+				});
+			}
+			return id;
+		}
+		this.dismissedToasts.add(id);
+		const alreadyPending = this.pendingDismissals.get(id);
+		if (alreadyPending !== void 0) cancelAnimationFrame(alreadyPending);
+		this.pendingDismissals.set(id, requestAnimationFrame(() => {
+			this.pendingDismissals.delete(id);
+			for (const subscriber of this.subscribers) subscriber({
+				dismiss: true,
+				id
+			});
+		}));
+		return id;
+	};
+	message = (message, data) => this.create({
+		...data,
+		message,
+		type: void 0
+	});
+	error = (message, data) => this.create({
+		...data,
+		message,
+		type: "error"
+	});
+	success = (message, data) => this.create({
+		...data,
+		message,
+		type: "success"
+	});
+	info = (message, data) => this.create({
+		...data,
+		message,
+		type: "info"
+	});
+	warning = (message, data) => this.create({
+		...data,
+		message,
+		type: "warning"
+	});
+	loading = (message, data) => this.create({
+		...data,
+		message,
+		type: "loading"
+	});
+	promise = (promise, data) => {
+		if (!data) return;
+		let id;
+		if (data.loading !== void 0) id = this.create({
+			...data,
+			description: typeof data.description === "function" ? void 0 : data.description,
+			message: data.loading,
+			promise,
+			type: "loading"
+		});
+		const { finally: onFinally } = data;
+		const pending = Promise.resolve(typeof promise === "function" ? promise() : promise);
+		let shouldDismiss = id !== void 0;
+		const originalPromise = (async () => {
+			let result;
+			try {
+				const response = await pending;
+				result = ["resolve", response];
+				if (isValidElement(response)) {
+					shouldDismiss = false;
+					this.create({
+						id,
+						message: response,
+						type: "default"
+					});
+				} else if (isHttpResponse(response) && !response.ok) {
+					shouldDismiss = false;
+					const error = `HTTP error! status: ${response.status}`;
+					const message = typeof data.error === "function" ? await data.error(error) : data.error;
+					const description = typeof data.description === "function" ? await data.description(error) : data.description;
+					this.create({
+						description,
+						id,
+						type: "error",
+						...getPromiseSettings(message)
+					});
+				} else if (response instanceof Error) {
+					shouldDismiss = false;
+					const message = typeof data.error === "function" ? await data.error(response) : data.error;
+					const description = typeof data.description === "function" ? await data.description(response) : data.description;
+					this.create({
+						description,
+						id,
+						type: "error",
+						...getPromiseSettings(message)
+					});
+				} else if (data.success !== void 0) {
+					shouldDismiss = false;
+					const message = typeof data.success === "function" ? await data.success(response) : data.success;
+					const description = typeof data.description === "function" ? await data.description(response) : data.description;
+					this.create({
+						description,
+						id,
+						type: "success",
+						...getPromiseSettings(message)
+					});
+				}
+			} catch (error) {
+				result = ["reject", error];
+				if (data.error !== void 0) {
+					shouldDismiss = false;
+					const message = typeof data.error === "function" ? await data.error(error) : data.error;
+					const description = typeof data.description === "function" ? await data.description(error) : data.description;
+					this.create({
+						description,
+						id,
+						type: "error",
+						...getPromiseSettings(message)
+					});
+				}
+			} finally {
+				if (shouldDismiss) {
+					this.dismiss(id);
+					id = void 0;
+				}
+				onFinally?.();
+			}
+			return result;
+		})();
+		const unwrap = async () => {
+			const result = await originalPromise;
+			if (result[0] === "reject") throw result[1];
+			return result[1];
+		};
+		if (id === void 0) return { unwrap };
+		return Object.assign(id, { unwrap });
+	};
+	custom = (jsx, data) => {
+		const id = getToastId(data);
+		this.create({
+			...data,
+			id,
+			jsx: jsx(id),
+			type: void 0
+		});
+		return id;
+	};
+	getActiveToasts = () => this.toasts.filter((toast) => !this.dismissedToasts.has(toast.id));
+};
+const ToastState = new Observer();
+function toastFunction(message, data) {
+	return ToastState.message(message, data);
+}
+const basicToast = toastFunction;
+const getHistory = () => ToastState.toasts;
+const getToasts = () => ToastState.getActiveToasts();
+const toast = Object.assign(basicToast, {
+	custom: ToastState.custom,
+	dismiss: ToastState.dismiss,
+	error: ToastState.error,
+	info: ToastState.info,
+	loading: ToastState.loading,
+	message: ToastState.message,
+	promise: ToastState.promise,
+	success: ToastState.success,
+	warning: ToastState.warning
+}, {
+	getHistory,
+	getToasts
+});
+// src/types.ts
+/*!
+* Derived from solid-sonner (https://github.com/wobsoriano/solid-sonner), src/types.ts.
+* Copyright (c) 2022 Robert Soriano <https://github.com/wobsoriano>
+* Derived from Sonner (https://github.com/emilkowalski/sonner), src/types.ts.
+* Copyright (c) 2023 Emil Kowalski
+* Modified for Solid Aria: Solid 2 types, reactivity, lifecycle, and package integration.
+* MIT licensed. See LICENSE, SOLID-SONNER-LICENSE.md, SONNER-LICENSE.md, and NOTICE.txt in the package root.
+*/
+function isAction(action) {
+	return typeof action === "object" && action !== null && "label" in action;
+}
+// src/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<button data-button>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<button data-close-button>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div data-icon><!$><!/><!$><!/>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div data-description>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div data-content><div data-title></div><!$><!/>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$7 = /* @__PURE__ */ template(`<li tabindex=0 data-sonner-toast>`);
+var _tmpl$8 = /* @__PURE__ */ template(`<section tabindex=-1 aria-live=polite aria-relevant="additions text"aria-atomic=false data-react-aria-top-layer>`);
+var _tmpl$9 = /* @__PURE__ */ template(`<ol tabindex=-1 data-sonner-toaster style=--width:356px>`);
+/*!
+* Derived from solid-sonner (https://github.com/wobsoriano/solid-sonner), src/index.tsx.
+* Copyright (c) 2022 Robert Soriano <https://github.com/wobsoriano>
+* Derived from Sonner (https://github.com/emilkowalski/sonner), src/index.tsx.
+* Copyright (c) 2023 Emil Kowalski
+* Modified for Solid Aria: Solid 2 types, reactivity, lifecycle, and package integration.
+* MIT licensed. See LICENSE, SOLID-SONNER-LICENSE.md, SONNER-LICENSE.md, and NOTICE.txt in the package root.
+*/
+/*!
+* Original code by Emil Kowalski
+* MIT Licensed, Copyright 2023 Emil Kowalski, see https://github.com/emilkowalski/sonner/blob/main/LICENSE.md for details
+*
+* Credits:
+* https://github.com/emilkowalski/sonner/blob/main/src/index.tsx
+*/
+const VISIBLE_TOASTS_AMOUNT = 3;
+const VIEWPORT_OFFSET = "24px";
+const MOBILE_VIEWPORT_OFFSET = "16px";
+const TOAST_LIFETIME = 4e3;
+const GAP = 14;
+const SWIPE_THRESHOLD = 45;
+const TIME_BEFORE_UNMOUNT = 200;
+function cn(...classes) {
+	return classes;
+}
+function resolveContent(content) {
+	return typeof content === "function" ? content() : content;
+}
+function isSwipeDirection(direction) {
+	return direction === "top" || direction === "right" || direction === "bottom" || direction === "left";
+}
+function getDefaultSwipeDirections(position) {
+	return position.split("-").filter(isSwipeDirection);
+}
+function getDampening(delta) {
+	return 1 / (1.5 + Math.abs(delta) / 20);
+}
+function dampenMovement(delta, directionAllowed) {
+	return directionAllowed ? delta : delta * getDampening(delta);
+}
+function getSwipeAmount(direction, xDelta, yDelta, allowedDirections) {
+	if (direction === "y" && (allowedDirections.includes("top") || allowedDirections.includes("bottom"))) return {
+		x: 0,
+		y: dampenMovement(yDelta, allowedDirections.includes("top") && yDelta < 0 || allowedDirections.includes("bottom") && yDelta > 0)
+	};
+	if (direction === "x" && (allowedDirections.includes("left") || allowedDirections.includes("right"))) return {
+		x: dampenMovement(xDelta, allowedDirections.includes("left") && xDelta < 0 || allowedDirections.includes("right") && xDelta > 0),
+		y: 0
+	};
+	return {
+		x: 0,
+		y: 0
+	};
+}
+function getSwipeDismissDirection(direction, amountX, amountY, timeTaken, allowedDirections) {
+	if (!direction) return;
+	const amount = direction === "x" ? amountX : amountY;
+	let allowedDirection;
+	if (direction === "x") allowedDirection = amountX > 0 ? "right" : "left";
+	else allowedDirection = amountY > 0 ? "bottom" : "top";
+	if (!allowedDirections.includes(allowedDirection)) return;
+	if (Math.abs(amount) < SWIPE_THRESHOLD && Math.abs(amount) / timeTaken <= .11) return;
+	if (allowedDirection === "left" || allowedDirection === "right") return allowedDirection;
+	return allowedDirection === "bottom" ? "down" : "up";
+}
+function isToastIconType(type) {
+	return type === "success" || type === "info" || type === "warning" || type === "error" || type === "loading";
+}
+function isToastClassNameType(type) {
+	return type === "success" || type === "info" || type === "warning" || type === "error" || type === "loading" || type === "default";
+}
+function isDirection(value) {
+	return value === "ltr" || value === "rtl" || value === "auto";
+}
+function getNonActionContent(content) {
+	return isAction(content) ? null : content;
+}
+function ToastActionButton(props) {
+	return createComponent(Show, {
+		get when() {
+			return memo(() => {
+				return !!isAction(props.content);
+			})() ? props.content : false;
+		},
+		get fallback() {
+			return props.content;
+		},
+		children: (action) => (() => {
+			var _el$ = getNextElement(_tmpl$);
+			_el$._$$click = (event) => {
+				props.onClick(event);
+			};
+			insert(_el$, scope(() => {
+				return action().label;
+			}));
+			effect(() => {
+				return {
+					e: props.kind === "action" ? "" : void 0,
+					t: props.kind === "cancel" ? "" : void 0,
+					a: readShallow(props.style),
+					o: readShallow(props.class)
+				};
+			}, ({ e, t, a, o }, _p$) => {
+				e !== _p$?.e && setAttribute(_el$, "data-action", e);
+				t !== _p$?.t && setAttribute(_el$, "data-cancel", t);
+				style(_el$, a, _p$?.a);
+				className(_el$, o, _p$?.o);
+			});
+			runHydrationEvents();
+			return _el$;
+		})()
+	});
+}
+function getDocumentDirection() {
+	if (typeof window === "undefined") return "ltr";
+	if (typeof document === "undefined") return "ltr";
+	const dirAttribute = document.documentElement.getAttribute("dir");
+	if (dirAttribute !== null && isDirection(dirAttribute)) return dirAttribute;
+	const { direction } = window.getComputedStyle(document.documentElement);
+	return isDirection(direction) ? direction : "ltr";
+}
+function formatOffset(value) {
+	return typeof value === "number" ? `${value}px` : value;
+}
+function assignOffset(defaultOffset, mobileOffset) {
+	const styles = {};
+	for (const [index, offset] of [defaultOffset, mobileOffset].entries()) {
+		const isMobile = index === 1;
+		const prefix = isMobile ? "--mobile-offset" : "--offset";
+		const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET;
+		const assignAll = (value) => {
+			for (const key of [
+				"top",
+				"right",
+				"bottom",
+				"left"
+			]) styles[`${prefix}-${key}`] = typeof value === "number" ? `${value}px` : value;
+		};
+		if (typeof offset === "number" || typeof offset === "string") {
+			assignAll(offset);
+			continue;
+		}
+		if (typeof offset === "object" && offset !== null) {
+			for (const key of [
+				"top",
+				"right",
+				"bottom",
+				"left"
+			]) {
+				const value = offset[key];
+				styles[`${prefix}-${key}`] = value === void 0 ? defaultValue : formatOffset(value);
+			}
+			continue;
+		}
+		assignAll(defaultValue);
+	}
+	return styles;
+}
+function mergeClassNames(classNames, legacy) {
+	return classNames ?? legacy;
+}
+function mergeDescriptionClassName(descriptionClassName, legacy) {
+	return descriptionClassName ?? legacy ?? "";
+}
+function mergeClassName(className, legacy) {
+	return className ?? legacy ?? "";
+}
+function useSonner() {
+	const [activeToasts, setActiveToasts] = createSignal([]);
+	onSettled(() => {
+		return ToastState.subscribe((toastItem) => {
+			if ("dismiss" in toastItem) {
+				setActiveToasts((toasts) => toasts.filter((t) => t.id !== toastItem.id));
+				return;
+			}
+			setActiveToasts((toasts) => {
+				const indexOfExistingToast = toasts.findIndex((t) => t.id === toastItem.id);
+				if (indexOfExistingToast !== -1) return [
+					...toasts.slice(0, indexOfExistingToast),
+					{
+						...toasts[indexOfExistingToast],
+						...toastItem
+					},
+					...toasts.slice(indexOfExistingToast + 1)
+				];
+				return [toastItem, ...toasts];
+			});
+		});
+	});
+	return { toasts: activeToasts };
+}
+function createToastTheme(theme) {
+	if (theme !== "system") return theme;
+	return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function ToastBody(props) {
+	const classNames = () => props.classNames;
+	const toastClassNames = () => props.toastClassNames;
+	const toastType = () => props.toast.type;
+	const hasCustomContent = () => Boolean(props.toast.jsx);
+	const hasIcon = () => {
+		const type = toastType();
+		const typeIcon = isToastIconType(type) ? props.icons?.[type] : void 0;
+		return (type !== void 0 || Boolean(props.toast.icon) || props.toast.promise !== void 0) && props.toast.icon !== null && (typeIcon !== null || Boolean(props.toast.icon));
+	};
+	const loadingIconContent = () => {
+		if (toastType() === "loading") return props.toast.icon ?? props.getLoadingIcon();
+		if (props.toast.promise) return props.getLoadingIcon();
+		return null;
+	};
+	return [
+		createComponent(Show, {
+			get when() {
+				return memo(() => {
+					return !!(props.closeButton && !hasCustomContent());
+				})() ? toastType() !== "loading" : props.closeButton && !hasCustomContent();
+			},
+			get children() {
+				var _el$2 = getNextElement(_tmpl$2);
+				_el$2._$$click = () => {
+					if (props.disabled || !props.dismissible) return;
+					props.onDelete();
+					props.onDismiss();
+				};
+				_el$2._$$pointerup = (event) => {
+					event.stopPropagation();
+				};
+				_el$2._$$pointerdown = (event) => {
+					event.stopPropagation();
+				};
+				insert(_el$2, scope(() => {
+					return props.icons?.close ?? createComponent(CloseIcon, {});
+				}));
+				effect(() => {
+					return {
+						e: props.closeButtonAriaLabel ?? "Close toast",
+						t: String(props.disabled),
+						a: readShallow(cn(classNames()?.closeButton, toastClassNames()?.closeButton))
+					};
+				}, ({ e, t, a }, _p$) => {
+					e !== _p$?.e && setAttribute(_el$2, "aria-label", e);
+					t !== _p$?.t && setAttribute(_el$2, "data-disabled", t);
+					className(_el$2, a, _p$?.a);
+				});
+				runHydrationEvents();
+				return _el$2;
+			}
+		}),
+		createComponent(Show, {
+			get when() {
+				return hasIcon();
+			},
+			get children() {
+				var _el$3 = getNextElement(_tmpl$3);
+				var _el$4 = _el$3.firstChild;
+				var [_el$5, _el$6] = getNextMarker(_el$4.nextSibling);
+				var _el$7 = _el$5.nextSibling;
+				var [_el$8, _el$9] = getNextMarker(_el$7.nextSibling);
+				insert(_el$3, scope(() => {
+					return loadingIconContent();
+				}), _el$5, _el$6);
+				insert(_el$3, scope((() => {
+					var _c$ = memo(() => {
+						return toastType() === "loading";
+					});
+					return () => {
+						return _c$() ? null : props.getIcon();
+					};
+				})()), _el$8, _el$9);
+				effect(() => readShallow(cn(classNames()?.icon, toastClassNames()?.icon)), (_v$, _$p) => {
+					className(_el$3, _v$, _$p);
+				});
+				return _el$3;
+			}
+		}),
+		(() => {
+			var _el$10 = getNextElement(_tmpl$5);
+			var _el$11 = _el$10.firstChild;
+			var _el$13 = _el$11.nextSibling;
+			var [_el$14, _el$15] = getNextMarker(_el$13.nextSibling);
+			insert(_el$11, scope(() => {
+				return props.toast.jsx ?? resolveContent(props.toast.title);
+			}));
+			insert(_el$10, createComponent(Show, {
+				get when() {
+					return props.toast.description;
+				},
+				get children() {
+					var _el$12 = getNextElement(_tmpl$4);
+					insert(_el$12, scope(() => {
+						return resolveContent(props.toast.description);
+					}));
+					effect(() => readShallow(cn(props.descriptionClassName, props.toastDescriptionClassName, classNames()?.description, toastClassNames()?.description)), (_v$, _$p) => {
+						className(_el$12, _v$, _$p);
+					});
+					return _el$12;
+				}
+			}), _el$14, _el$15);
+			effect(() => {
+				return {
+					e: readShallow(cn(classNames()?.content, toastClassNames()?.content)),
+					t: readShallow(cn(classNames()?.title, toastClassNames()?.title))
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$10, e, _p$?.e);
+				className(_el$11, t, _p$?.t);
+			});
+			return _el$10;
+		})(),
+		createComponent(Show, {
+			get when() {
+				return props.toast.cancel;
+			},
+			children: (cancel) => createComponent(Show, {
+				get when() {
+					return !isAction(cancel());
+				},
+				get fallback() {
+					return createComponent(ToastActionButton, {
+						get content() {
+							return cancel();
+						},
+						kind: "cancel",
+						get style() {
+							return props.toast.cancelButtonStyle ?? props.cancelButtonStyle;
+						},
+						get "class"() {
+							return cn(classNames()?.cancelButton, toastClassNames()?.cancelButton);
+						},
+						onClick: (event) => {
+							if (!props.dismissible) return;
+							const currentCancel = cancel();
+							if (!isAction(currentCancel)) return;
+							currentCancel.onClick?.(event);
+							props.onDelete();
+						}
+					});
+				},
+				get children() {
+					return getNonActionContent(cancel());
+				}
+			})
+		}),
+		createComponent(Show, {
+			get when() {
+				return props.toast.action;
+			},
+			children: (action) => createComponent(Show, {
+				get when() {
+					return !isAction(action());
+				},
+				get fallback() {
+					return createComponent(ToastActionButton, {
+						get content() {
+							return action();
+						},
+						kind: "action",
+						get style() {
+							return props.toast.actionButtonStyle ?? props.actionButtonStyle;
+						},
+						get "class"() {
+							return cn(classNames()?.actionButton, toastClassNames()?.actionButton);
+						},
+						onClick: (event) => {
+							const currentAction = action();
+							if (!isAction(currentAction)) return;
+							currentAction.onClick?.(event);
+							if (event.defaultPrevented) return;
+							props.onDelete();
+						}
+					});
+				},
+				get children() {
+					return getNonActionContent(action());
+				}
+			})
+		})
+	];
+}
+function setupToastEffects({ props, mounted, getToastElement, isRemoving, isDocumentHidden, duration, removed, deleteToast, setInitialHeight }) {
+	let remainingTime = TOAST_LIFETIME;
+	createRenderEffect(() => ({
+		mounted: mounted(),
+		position: props.toast.position,
+		toastId: props.toast.id,
+		toasterId: props.toast.toasterId
+	}), (metadata) => {
+		const toastElement = getToastElement();
+		if (!metadata.mounted || !toastElement) return;
+		const measure = () => {
+			const currentElement = getToastElement();
+			if (!currentElement || isRemoving()) return;
+			const originalHeight = currentElement.style.height;
+			currentElement.style.height = "auto";
+			const { height } = currentElement.getBoundingClientRect();
+			currentElement.style.height = originalHeight;
+			setInitialHeight(height);
+			props.setHeights((heights) => {
+				const entry = {
+					height,
+					position: metadata.position,
+					toastId: metadata.toastId,
+					toasterId: metadata.toasterId
+				};
+				return heights.some((item) => item.toastId === entry.toastId) ? heights.map((item) => item.toastId === entry.toastId ? entry : item) : [entry, ...heights];
+			});
+		};
+		measure();
+		const observer = new ResizeObserver(measure);
+		observer.observe(toastElement);
+		return () => {
+			observer.disconnect();
+		};
+	});
+	createEffect(() => [
+		props.expanded,
+		props.interacting,
+		props.toast.type,
+		isDocumentHidden(),
+		duration(),
+		props.pauseWhenPageIsHidden ?? true,
+		props.toast.title,
+		removed()
+	], ([expanded, interacting, type, hidden, lifetime, pauseWhenHidden, title, isRemoved], previous) => {
+		if (isRemoved || type === "loading" || lifetime === Number.POSITIVE_INFINITY) return;
+		if (!previous || previous[2] !== type || previous[4] !== lifetime || previous[6] !== title) remainingTime = lifetime;
+		if (expanded || interacting || pauseWhenHidden && hidden) return;
+		const startedAt = Date.now();
+		const timer = setTimeout(() => {
+			props.toast.onAutoClose?.(props.toast);
+			deleteToast();
+		}, Math.max(0, remainingTime));
+		return () => {
+			clearTimeout(timer);
+			remainingTime -= Date.now() - startedAt;
+		};
+	});
+	createEffect(() => props.toast.delete, (shouldDelete) => {
+		if (shouldDelete !== true) return;
+		untrack(() => {
+			deleteToast();
+			props.toast.onDismiss?.(props.toast);
+		});
+	});
+}
+function Toast(props) {
+	const [mounted, setMounted] = createSignal(false);
+	const [removed, setRemoved] = createSignal(false);
+	const [swiping, setSwiping] = createSignal(false);
+	const [swipeOut, setSwipeOut] = createSignal(false);
+	const [isSwiped, setIsSwiped] = createSignal(false);
+	let swipeDirection = null;
+	const [swipeOutDirection, setSwipeOutDirection] = createSignal(null);
+	const [offsetBeforeRemove, setOffsetBeforeRemove] = createSignal(0);
+	const [initialHeight, setInitialHeight] = createSignal(0);
+	let toastRef;
+	let dragStartTime = 0;
+	let pointerStart = null;
+	let removalTimer;
+	onCleanup(() => {
+		clearTimeout(removalTimer);
+	});
+	const isFront = () => props.index === 0;
+	const isVisible = () => props.index + 1 <= props.visibleToasts;
+	const toastType = () => props.toast.type;
+	const dismissible = () => props.toast.dismissible !== false;
+	const classNames = () => mergeClassNames(props.classNames, props.classes);
+	const className$1 = () => mergeClassName(props.className, props.class);
+	const descriptionClassName = () => mergeDescriptionClassName(props.descriptionClassName, props.descriptionClass);
+	const toastClassName = () => mergeClassName(props.toast.className, props.toast.class);
+	const toastDescriptionClassName = () => mergeDescriptionClassName(props.toast.descriptionClassName, props.toast.descriptionClass);
+	const toastClassNames = () => mergeClassNames(props.toast.classNames, props.toast.classes);
+	const closeButton = () => props.toast.closeButton ?? props.closeButton;
+	const duration = () => props.toast.duration ?? props.duration ?? TOAST_LIFETIME;
+	const invert = () => props.toast.invert ?? props.invert;
+	const disabled = () => toastType() === "loading";
+	const toastTypeKey = () => {
+		const type = toastType();
+		return isToastClassNameType(type) ? type : "default";
+	};
+	const swipeDirections = () => props.swipeDirections ?? getDefaultSwipeDirections(props.position);
+	const y = createMemo(() => props.position.split("-")[0]);
+	const x = createMemo(() => props.position.split("-")[1]);
+	const heightIndex = createMemo(() => Math.max(0, props.heights.findIndex((height) => height.toastId === props.toast.id)));
+	const toastsHeightBefore = createMemo(() => {
+		let total = 0;
+		for (const [index, height] of props.heights.entries()) {
+			if (index >= heightIndex()) break;
+			total += height.height;
+		}
+		return total;
+	});
+	const offset = createMemo(() => heightIndex() * (props.gap ?? GAP) + toastsHeightBefore());
+	const isDocumentHidden = createIsDocumentHidden();
+	function deleteToast() {
+		if (removalTimer !== void 0) return;
+		setRemoved(true);
+		setOffsetBeforeRemove(offset());
+		props.setHeights((heights) => heights.filter((height) => height.toastId !== props.toast.id));
+		removalTimer = setTimeout(() => {
+			props.removeToast(props.toast);
+		}, TIME_BEFORE_UNMOUNT);
+	}
+	function getLoadingIcon() {
+		if (props.icons?.loading !== void 0 && props.icons.loading !== null && props.icons.loading !== false) {
+			var _el$16 = getNextElement(_tmpl$6);
+			insert(_el$16, scope(() => {
+				return props.icons.loading;
+			}));
+			effect(() => {
+				return {
+					e: readShallow(cn(classNames()?.loader, toastClassNames()?.loader, "sonner-loader")),
+					t: String(toastType() === "loading")
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$16, e, _p$?.e);
+				t !== _p$?.t && setAttribute(_el$16, "data-visible", t);
+			});
+			return _el$16;
+		}
+		return createComponent(Loader, {
+			get "class"() {
+				return cn(classNames()?.loader, toastClassNames()?.loader);
+			},
+			get visible() {
+				return toastType() === "loading";
+			}
+		});
+	}
+	const icon = () => {
+		const type = toastType();
+		return props.toast.icon ?? (isToastIconType(type) ? props.icons?.[type] : void 0) ?? getAsset(type);
+	};
+	onSettled(() => {
+		setMounted(true);
+	});
+	setupToastEffects({
+		deleteToast,
+		duration,
+		getToastElement: () => toastRef,
+		isDocumentHidden,
+		isRemoving: () => removalTimer !== void 0,
+		mounted,
+		props,
+		removed,
+		setInitialHeight
+	});
+	function handleDragEnd() {
+		setSwiping(false);
+		swipeDirection = null;
+		pointerStart = null;
+	}
+	function handlePointerDown(event) {
+		if (event.button === 2 || disabled() || !dismissible()) return;
+		if (event.target instanceof Element && event.target.closest("button")) return;
+		dragStartTime = Date.now();
+		setOffsetBeforeRemove(offset());
+		event.currentTarget.setPointerCapture(event.pointerId);
+		setSwiping(true);
+		pointerStart = {
+			x: event.clientX,
+			y: event.clientY
+		};
+	}
+	function handlePointerUp() {
+		if (swipeOut() || !dismissible()) return;
+		pointerStart = null;
+		const amountX = Number(toastRef?.style.getPropertyValue("--swipe-amount-x").replace("px", "") ?? 0);
+		const amountY = Number(toastRef?.style.getPropertyValue("--swipe-amount-y").replace("px", "") ?? 0);
+		const timeTaken = Math.max(1, Date.now() - dragStartTime);
+		const direction = getSwipeDismissDirection(swipeDirection, amountX, amountY, timeTaken, swipeDirections());
+		if (direction) {
+			setOffsetBeforeRemove(offset());
+			props.toast.onDismiss?.(props.toast);
+			setSwipeOutDirection(direction);
+			deleteToast();
+			setSwipeOut(true);
+			return;
+		}
+		toastRef?.style.setProperty("--swipe-amount-x", "0px");
+		toastRef?.style.setProperty("--swipe-amount-y", "0px");
+		setIsSwiped(false);
+		setSwiping(false);
+		swipeDirection = null;
+	}
+	function handlePointerMove(event) {
+		const start = pointerStart;
+		if (!start || !dismissible() || Boolean(window.getSelection()?.toString())) return;
+		const xDelta = event.clientX - start.x;
+		const yDelta = event.clientY - start.y;
+		if (!swipeDirection && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) swipeDirection = Math.abs(xDelta) > Math.abs(yDelta) ? "x" : "y";
+		const amount = getSwipeAmount(swipeDirection, xDelta, yDelta, swipeDirections());
+		if (amount.x !== 0 || amount.y !== 0) setIsSwiped(true);
+		toastRef?.style.setProperty("--swipe-amount-x", `${amount.x}px`);
+		toastRef?.style.setProperty("--swipe-amount-y", `${amount.y}px`);
+	}
+	var _el$17 = getNextElement(_tmpl$7);
+	_el$17._$$pointermove = handlePointerMove;
+	_el$17._$$pointerup = handlePointerUp;
+	_el$17._$$pointerdown = handlePointerDown;
+	_el$17.addEventListener("dragend", handleDragEnd);
+	ref(() => {
+		return (element) => {
+			toastRef = element;
+		};
+	}, _el$17);
+	insert(_el$17, createComponent(ToastBody, {
+		get actionButtonStyle() {
+			return props.actionButtonStyle;
+		},
+		get cancelButtonStyle() {
+			return props.cancelButtonStyle;
+		},
+		get classNames() {
+			return classNames();
+		},
+		get closeButton() {
+			return closeButton();
+		},
+		get closeButtonAriaLabel() {
+			return props.closeButtonAriaLabel;
+		},
+		get descriptionClassName() {
+			return descriptionClassName();
+		},
+		get disabled() {
+			return disabled();
+		},
+		get dismissible() {
+			return dismissible();
+		},
+		getIcon: icon,
+		getLoadingIcon,
+		get icons() {
+			return props.icons;
+		},
+		onDelete: deleteToast,
+		onDismiss: () => props.toast.onDismiss?.(props.toast),
+		get toast() {
+			return props.toast;
+		},
+		get toastClassNames() {
+			return toastClassNames();
+		},
+		get toastDescriptionClassName() {
+			return toastDescriptionClassName();
+		}
+	}));
+	effect(() => {
+		return {
+			e: readShallow(cn(className$1(), toastClassName(), classNames()?.toast, toastClassNames()?.toast, classNames()?.[toastTypeKey()], toastClassNames()?.[toastTypeKey()])),
+			t: String(Boolean(props.toast.richColors ?? props.defaultRichColors)),
+			a: String((props.toast.jsx === void 0 || props.toast.jsx === null || props.toast.jsx === false || props.toast.jsx === 0 || props.toast.jsx === "") && props.toast.unstyled !== true && props.unstyled !== true),
+			o: String(mounted()),
+			i: String(Boolean(props.toast.promise)),
+			n: String(isSwiped()),
+			s: String(removed()),
+			h: String(isVisible()),
+			r: y(),
+			d: x(),
+			l: props.index,
+			u: String(isFront()),
+			c: String(swiping()),
+			w: String(dismissible()),
+			m: toastType(),
+			f: String(invert()),
+			y: String(swipeOut()),
+			g: swipeOutDirection(),
+			p: String(props.expanded || props.expandByDefault && mounted()),
+			b: props.toast.testId,
+			T: {
+				"--index": props.index,
+				"--initial-height": props.expandByDefault ? "auto" : `${initialHeight()}px`,
+				"--offset": `${removed() ? offsetBeforeRemove() : offset()}px`,
+				"--toasts-before": props.index,
+				"--z-index": props.toasts.length - props.index,
+				...props.style,
+				...props.toast.style
+			}
+		};
+	}, ({ e, t, a, o, i, n, s, h, r, d, l, u, c, w, m, f, y, g, p, b, T }, _p$) => {
+		className(_el$17, e, _p$?.e);
+		t !== _p$?.t && setAttribute(_el$17, "data-rich-colors", t);
+		a !== _p$?.a && setAttribute(_el$17, "data-styled", a);
+		o !== _p$?.o && setAttribute(_el$17, "data-mounted", o);
+		i !== _p$?.i && setAttribute(_el$17, "data-promise", i);
+		n !== _p$?.n && setAttribute(_el$17, "data-swiped", n);
+		s !== _p$?.s && setAttribute(_el$17, "data-removed", s);
+		h !== _p$?.h && setAttribute(_el$17, "data-visible", h);
+		r !== _p$?.r && setAttribute(_el$17, "data-y-position", r);
+		d !== _p$?.d && setAttribute(_el$17, "data-x-position", d);
+		l !== _p$?.l && setAttribute(_el$17, "data-index", l);
+		u !== _p$?.u && setAttribute(_el$17, "data-front", u);
+		c !== _p$?.c && setAttribute(_el$17, "data-swiping", c);
+		w !== _p$?.w && setAttribute(_el$17, "data-dismissible", w);
+		m !== _p$?.m && setAttribute(_el$17, "data-type", m);
+		f !== _p$?.f && setAttribute(_el$17, "data-invert", f);
+		y !== _p$?.y && setAttribute(_el$17, "data-swipe-out", y);
+		g !== _p$?.g && setAttribute(_el$17, "data-swipe-direction", g);
+		p !== _p$?.p && setAttribute(_el$17, "data-expanded", p);
+		b !== _p$?.b && setAttribute(_el$17, "data-testid", b);
+		style(_el$17, T, _p$?.T);
+	});
+	runHydrationEvents();
+	return _el$17;
+}
+function Toaster(props) {
+	const propsWithDefaults = merge({
+		containerAriaLabel: "Notifications",
+		dir: getDocumentDirection(),
+		gap: GAP,
+		hotkey: ["altKey", "KeyT"],
+		position: "bottom-right",
+		theme: "light",
+		visibleToasts: VISIBLE_TOASTS_AMOUNT
+	}, props);
+	const initialTheme = untrack(() => createToastTheme(propsWithDefaults.theme));
+	const [toastsStore, setToastsStore] = createStore({ toasts: [] });
+	const filteredToasts = createMemo(() => {
+		const { toasts } = toastsStore;
+		if (propsWithDefaults.id !== void 0 && propsWithDefaults.id !== "") return toasts.filter((toast) => toast.toasterId === propsWithDefaults.id);
+		return toasts.filter((toast) => toast.toasterId === void 0 || toast.toasterId === "");
+	});
+	const possiblePositions = createMemo(() => [.../* @__PURE__ */ new Set([propsWithDefaults.position, ...filteredToasts().filter((toast) => toast.position !== void 0).map((toast) => toast.position)])]);
+	const [heights, setHeights] = createSignal([]);
+	const [expanded, setExpanded] = createSignal(false);
+	const [interacting, setInteracting] = createSignal(false);
+	const [actualTheme, setActualTheme] = createSignal(initialTheme);
+	const [lastFocusedElementRef, setLastFocusedElementRef] = createSignal(null);
+	const [isFocusWithinRef, setIsFocusWithinRef] = createSignal(false);
+	let listRef;
+	const hotkeyLabel = () => propsWithDefaults.hotkey.join("+").replaceAll("Key", "").replaceAll("Digit", "");
+	const className$2 = () => mergeClassName(propsWithDefaults.className, propsWithDefaults.class);
+	const toastOptions = () => propsWithDefaults.toastOptions;
+	const toastClassNames = () => mergeClassNames(toastOptions()?.classNames, toastOptions()?.classes);
+	const toastDescriptionClassName = () => mergeDescriptionClassName(toastOptions()?.descriptionClassName, toastOptions()?.descriptionClass);
+	const toastClassName = () => mergeClassName(toastOptions()?.className, toastOptions()?.class);
+	const removeToast = (toastToRemove) => {
+		if (!untrack(() => toastsStore.toasts.find((toast) => toast.id === toastToRemove.id)?.delete === true)) ToastState.dismiss(toastToRemove.id);
+		setToastsStore((draft) => {
+			draft.toasts = draft.toasts.filter(({ id }) => id !== toastToRemove.id);
+		});
+	};
+	onSettled(() => ToastState.subscribe((toastItem) => {
+		setToastsStore((draft) => {
+			if ("dismiss" in toastItem) {
+				const existing = draft.toasts.find((toast) => toast.id === toastItem.id);
+				if (existing) existing.delete = true;
+				return;
+			}
+			const index = draft.toasts.findIndex((toast) => toast.id === toastItem.id);
+			const existing = draft.toasts[index];
+			if (existing === void 0) draft.toasts.unshift(toastItem);
+			else if (existing.delete === true) draft.toasts[index] = toastItem;
+			else Object.assign(existing, toastItem);
+		});
+	}));
+	createEffect(() => propsWithDefaults.theme, (theme) => {
+		if (theme !== "system") {
+			setActualTheme(theme);
+			return;
+		}
+		if (typeof window === "undefined") return;
+		const query = window.matchMedia("(prefers-color-scheme: dark)");
+		const updateTheme = () => {
+			setActualTheme(query.matches ? "dark" : "light");
+		};
+		updateTheme();
+		query.addEventListener("change", updateTheme);
+		return () => {
+			query.removeEventListener("change", updateTheme);
+		};
+	});
+	createEffect(() => filteredToasts().length, (length) => {
+		if (length <= 1) setExpanded(false);
+	});
+	function handleKeyDown(event) {
+		const modifierKeys = /* @__PURE__ */ new Map([
+			["altKey", event.altKey],
+			["ctrlKey", event.ctrlKey],
+			["metaKey", event.metaKey],
+			["shiftKey", event.shiftKey]
+		]);
+		if (propsWithDefaults.hotkey.length > 0 && propsWithDefaults.hotkey.every((key) => modifierKeys.get(key) === true || event.code === key)) {
+			setExpanded(true);
+			listRef?.focus();
+		}
+		if (event.code === "Escape" && (document.activeElement === listRef || listRef?.contains(document.activeElement) === true)) setExpanded(false);
+	}
+	onSettled(() => {
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	});
+	onCleanup(() => {
+		if (lastFocusedElementRef()) lastFocusedElementRef()?.focus({ preventScroll: true });
+	});
+	var _el$18 = getNextElement(_tmpl$8);
+	insert(_el$18, createComponent(For, {
+		get each() {
+			return possiblePositions();
+		},
+		children: (position, index) => {
+			const [y, x] = position.split("-");
+			const toastsByPosition = createMemo(() => filteredToasts().filter((toast) => !toast.position && index() === 0 || toast.position === position));
+			const heightsByPosition = createMemo(() => heights().filter((height) => index() === 0 && !height.position || height.position === position));
+			return createComponent(Show, {
+				get when() {
+					return filteredToasts().length > 0;
+				},
+				get children() {
+					var _el$19 = getNextElement(_tmpl$9);
+					_el$19._$$pointerup = () => {
+						setInteracting(false);
+					};
+					_el$19._$$pointerdown = (event) => {
+						if (event.target instanceof HTMLElement && event.target.dataset.dismissible === "false") return;
+						setInteracting(true);
+					};
+					_el$19.addEventListener("dragend", () => {
+						setExpanded(false);
+					});
+					_el$19.addEventListener("mouseleave", () => {
+						if (!interacting()) setExpanded(false);
+					});
+					_el$19._$$mousemove = () => {
+						setExpanded(true);
+					};
+					_el$19.addEventListener("mouseenter", () => {
+						setExpanded(true);
+					});
+					_el$19.addEventListener("focus", (event) => {
+						if (event.target instanceof HTMLElement && event.target.dataset.dismissible === "false") return;
+						if (!isFocusWithinRef()) {
+							setIsFocusWithinRef(true);
+							setLastFocusedElementRef(event.relatedTarget instanceof HTMLElement ? event.relatedTarget : null);
+						}
+					});
+					_el$19.addEventListener("blur", (event) => {
+						if (isFocusWithinRef() && (!(event.relatedTarget instanceof Node) || !event.currentTarget.contains(event.relatedTarget))) {
+							setIsFocusWithinRef(false);
+							if (lastFocusedElementRef()) {
+								lastFocusedElementRef()?.focus({ preventScroll: true });
+								setLastFocusedElementRef(null);
+							}
+						}
+					});
+					setAttribute(_el$19, "data-y-position", y);
+					setAttribute(_el$19, "data-x-position", x);
+					ref(() => {
+						return (element) => {
+							listRef = element;
+						};
+					}, _el$19);
+					insert(_el$19, createComponent(For, {
+						get each() {
+							return toastsByPosition();
+						},
+						children: (toastItem, toastIndex) => createComponent(Toast, {
+							get icons() {
+								return propsWithDefaults.icons;
+							},
+							get index() {
+								return toastIndex();
+							},
+							toast: toastItem,
+							get defaultRichColors() {
+								return propsWithDefaults.richColors;
+							},
+							get duration() {
+								return toastOptions()?.duration ?? propsWithDefaults.duration;
+							},
+							get "class"() {
+								return toastClassName();
+							},
+							get descriptionClassName() {
+								return toastDescriptionClassName();
+							},
+							get invert() {
+								return Boolean(propsWithDefaults.invert);
+							},
+							get visibleToasts() {
+								return propsWithDefaults.visibleToasts;
+							},
+							get closeButton() {
+								return toastOptions()?.closeButton ?? propsWithDefaults.closeButton ?? false;
+							},
+							get interacting() {
+								return interacting();
+							},
+							position,
+							get style() {
+								return toastOptions()?.style;
+							},
+							get unstyled() {
+								return toastOptions()?.unstyled;
+							},
+							get classNames() {
+								return toastClassNames();
+							},
+							get cancelButtonStyle() {
+								return toastOptions()?.cancelButtonStyle;
+							},
+							get actionButtonStyle() {
+								return toastOptions()?.actionButtonStyle;
+							},
+							get closeButtonAriaLabel() {
+								return toastOptions()?.closeButtonAriaLabel;
+							},
+							removeToast,
+							get toasts() {
+								return toastsByPosition();
+							},
+							get heights() {
+								return heightsByPosition();
+							},
+							setHeights,
+							get expandByDefault() {
+								return Boolean(propsWithDefaults.expand);
+							},
+							get gap() {
+								return propsWithDefaults.gap;
+							},
+							get expanded() {
+								return expanded();
+							},
+							get swipeDirections() {
+								return propsWithDefaults.swipeDirections;
+							},
+							get pauseWhenPageIsHidden() {
+								return propsWithDefaults.pauseWhenPageIsHidden;
+							}
+						})
+					}));
+					effect(() => {
+						return {
+							e: propsWithDefaults.dir === "auto" ? getDocumentDirection() : propsWithDefaults.dir,
+							t: readShallow(className$2()),
+							a: actualTheme(),
+							o: {
+								"--front-toast-height": `${heightsByPosition()[0]?.height ?? 0}px`,
+								"--gap": `${propsWithDefaults.gap}px`,
+								...propsWithDefaults.style,
+								...assignOffset(propsWithDefaults.offset, propsWithDefaults.mobileOffset)
+							}
+						};
+					}, ({ e, t, a, o }, _p$) => {
+						e !== _p$?.e && setAttribute(_el$19, "dir", e);
+						className(_el$19, t, _p$?.t);
+						a !== _p$?.a && setAttribute(_el$19, "data-sonner-theme", a);
+						style(_el$19, o, _p$?.o);
+					});
+					runHydrationEvents();
+					return _el$19;
+				}
+			});
+		}
+	}));
+	effect(() => propsWithDefaults.customAriaLabel ?? `${propsWithDefaults.containerAriaLabel} ${hotkeyLabel()}`, (_v$) => {
+		setAttribute(_el$18, "aria-label", _v$);
+	});
+	return _el$18;
+}
+delegateEvents([
+	"click",
+	"pointerdown",
+	"pointerup",
+	"pointermove",
+	"mousemove"
+]);
+export { Toaster, toast, useSonner };
+
+//# sourceMappingURL=index.js.map