@solid2-aria/sonner 0.0.0-stage → 0.0.1

package/dist/server/index.js

@@ -0,0 +1,1682 @@
+/*!
+ * 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 { escape, memo, scope, ssr, ssrAttribute, ssrClassName, ssrGroup, ssrHydrationKey, ssrStyle } from "@solidjs/web";
+import { For, Show, createEffect, createMemo, createRenderEffect, createSignal, createStore, merge, onCleanup, onSettled, untrack } from "solid-js";
+// src/assets.tsx
+var _tmpl$$1 = [
+	"<div",
+	"",
+	"",
+	"><div class=\"sonner-spinner\">",
+	"</div></div>"
+];
+var _tmpl$2$1 = [
+	"<div",
+	" class=\"sonner-loading-bar\"",
+	"></div>"
+];
+var _tmpl$3$1 = ["<svg", " aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" 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\"></path></svg>"];
+var _tmpl$4$1 = ["<svg", " aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" 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\"></path></svg>"];
+var _tmpl$5$1 = ["<svg", " aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" 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\"></path></svg>"];
+var _tmpl$6$1 = ["<svg", " aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" 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\"></path></svg>"];
+var _tmpl$7$1 = ["<svg", " aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" 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\"></line></svg>"];
+/*!
+* 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 _v$ = ssrHydrationKey(), _g$ = ssrGroup(() => {
+		return [((_v$2) => _v$2 == null ? "" : ssrAttribute("class", ssrClassName(_v$2)))(["sonner-loading-wrapper", props.class ?? props.className]), ssrAttribute("data-visible", escape(String(props.visible), true))];
+	}, 2), _v$5 = escape(For({
+		each: bars,
+		keyed: false,
+		children: (_, i) => {
+			var _v$6 = ssrHydrationKey();
+			return ssr(_tmpl$2$1, _v$6, ssrAttribute("data-index", escape(i, true)));
+		}
+	}));
+	return ssr(_tmpl$$1, _v$, _g$, _g$, _v$5);
+}
+function SuccessIcon() {
+	var _v$7 = ssrHydrationKey();
+	return ssr(_tmpl$3$1, _v$7);
+}
+function WarningIcon() {
+	var _v$8 = ssrHydrationKey();
+	return ssr(_tmpl$4$1, _v$8);
+}
+function InfoIcon() {
+	var _v$9 = ssrHydrationKey();
+	return ssr(_tmpl$5$1, _v$9);
+}
+function ErrorIcon() {
+	var _v$10 = ssrHydrationKey();
+	return ssr(_tmpl$6$1, _v$10);
+}
+function getAsset(type) {
+	switch (type) {
+		case "success": return SuccessIcon({});
+		case "info": return InfoIcon({});
+		case "warning": return WarningIcon({});
+		case "error": return ErrorIcon({});
+		case void 0:
+		case "action":
+		case "default":
+		case "loading":
+		case "normal": return null;
+		default: return type;
+	}
+}
+function CloseIcon() {
+	var _v$11 = ssrHydrationKey();
+	return ssr(_tmpl$7$1, _v$11);
+}
+// 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$ = [
+	"<button",
+	" data-button",
+	"",
+	"",
+	"",
+	">",
+	"</button>"
+];
+var _tmpl$2 = [
+	"<button",
+	"",
+	"",
+	" data-close-button",
+	">",
+	"</button>"
+];
+var _tmpl$3 = [
+	"<div",
+	" data-icon",
+	"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$4 = [
+	"<div",
+	" data-description",
+	">",
+	"</div>"
+];
+var _tmpl$5 = [
+	"<div",
+	" data-content",
+	"><div data-title",
+	">",
+	"</div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$6 = [
+	"<div",
+	"",
+	"",
+	">",
+	"</div>"
+];
+var _tmpl$7 = [
+	"<li",
+	" tabindex=\"0\"",
+	" data-sonner-toast",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	"",
+	" style=\"",
+	"\">",
+	"</li>"
+];
+var _tmpl$8 = [
+	"<section",
+	"",
+	" tabindex=\"-1\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-atomic=\"false\" data-react-aria-top-layer>",
+	"</section>"
+];
+var _tmpl$9 = [
+	"<ol",
+	" tabindex=\"-1\"",
+	"",
+	" data-sonner-toaster",
+	"",
+	"",
+	" style=\"",
+	"\">",
+	"</ol>"
+];
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _m$10 = Symbol();
+var _d$ = {
+	get() {
+		const props = this[_m$];
+		/*!
+		* 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
+		*/
+		return memo(() => {
+			return !!isAction(props.content);
+		})() ? props.content : false;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$].content;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "when", _d$);
+	Object.defineProperty(this, "fallback", _d$2);
+	this.children = _p2;
+}
+_P$.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		const props = this[_m$];
+		const hasCustomContent = this[_m$2];
+		const toastType = this[_m$3];
+		return memo(() => {
+			return !!(props.closeButton && !hasCustomContent());
+		})() ? toastType() !== "loading" : props.closeButton && !hasCustomContent();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		const props = this[_m$];
+		const classNames = this[_m$4];
+		const toastClassNames = this[_m$5];
+		var _v$9 = ssrHydrationKey(), _g$2 = ssrGroup(() => {
+			return [
+				ssrAttribute("aria-label", escape(props.closeButtonAriaLabel ?? "Close toast", true)),
+				ssrAttribute("data-disabled", escape(String(props.disabled), true)),
+				((_v$12) => _v$12 == null ? "" : ssrAttribute("class", ssrClassName(_v$12)))(cn(classNames()?.closeButton, toastClassNames()?.closeButton))
+			];
+		}, 3), _v$14 = scope(() => {
+			return escape(props.icons?.close ?? CloseIcon({}));
+		});
+		return ssr(_tmpl$2, _v$9, _g$2, _g$2, _g$2, _v$14);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6, _p7) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this[_m$4] = _p6;
+	this[_m$5] = _p7;
+	Object.defineProperty(this, "when", _d$3);
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$2.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		const hasIcon = this[_m$];
+		return hasIcon();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		const classNames = this[_m$2];
+		const toastClassNames = this[_m$3];
+		const loadingIconContent = this[_m$4];
+		const toastType = this[_m$5];
+		const props = this[_m$6];
+		var _v$15 = ssrHydrationKey(), _v$17 = () => {
+			return ((_v$16) => _v$16 == null ? "" : ssrAttribute("class", ssrClassName(_v$16)))(cn(classNames()?.icon, toastClassNames()?.icon));
+		}, _v$18 = scope(() => {
+			return escape(loadingIconContent());
+		}), _v$19 = scope((() => {
+			var _c$ = memo(() => {
+				return toastType() === "loading";
+			});
+			return () => {
+				return _c$() ? escape(null) : escape(props.getIcon());
+			};
+		})());
+		return ssr(_tmpl$3, _v$15, _v$17, _v$18, _v$19);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p8, _p9, _p0, _p1, _p10, _p11) {
+	this[_m$] = _p8;
+	this[_m$2] = _p9;
+	this[_m$3] = _p0;
+	this[_m$4] = _p1;
+	this[_m$5] = _p10;
+	this[_m$6] = _p11;
+	Object.defineProperty(this, "when", _d$5);
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$3.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].toast.description;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		const classNames = this[_m$2];
+		const toastClassNames = this[_m$3];
+		var _v$26 = ssrHydrationKey(), _v$28 = () => {
+			return ((_v$27) => _v$27 == null ? "" : ssrAttribute("class", ssrClassName(_v$27)))(cn(props.descriptionClassName, props.toastDescriptionClassName, classNames()?.description, toastClassNames()?.description));
+		}, _v$29 = scope(() => {
+			return escape(resolveContent(props.toast.description));
+		});
+		return ssr(_tmpl$4, _v$26, _v$28, _v$29);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p12, _p13, _p14) {
+	this[_m$] = _p12;
+	this[_m$2] = _p13;
+	this[_m$3] = _p14;
+	Object.defineProperty(this, "when", _d$7);
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$4.prototype = Object.prototype;
+var _d$9 = {
+	get() {
+		const cancel = this[_m$];
+		return cancel();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		const props = this[_m$2];
+		return props.toast.cancelButtonStyle ?? props.cancelButtonStyle;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const classNames = this[_m$3];
+		const toastClassNames = this[_m$4];
+		return cn(classNames()?.cancelButton, toastClassNames()?.cancelButton);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p15, _p16, _p17, _p18, _p19, _p20) {
+	this[_m$] = _p15;
+	this[_m$2] = _p16;
+	this[_m$3] = _p17;
+	this[_m$4] = _p18;
+	Object.defineProperty(this, "content", _d$9);
+	this.kind = _p19;
+	Object.defineProperty(this, "style", _d$10);
+	Object.defineProperty(this, "class", _d$11);
+	this.onClick = _p20;
+}
+_P$5.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const cancel = this[_m$];
+		return !isAction(cancel());
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$13 = {
+	get() {
+		const cancel = this[_m$];
+		const props = this[_m$2];
+		const classNames = this[_m$3];
+		const toastClassNames = this[_m$4];
+		return ToastActionButton(new _P$5(cancel, props, classNames, toastClassNames, "cancel", (event) => {
+			if (!props.dismissible) return;
+			const currentCancel = cancel();
+			if (!isAction(currentCancel)) return;
+			currentCancel.onClick?.(event);
+			props.onDelete();
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$14 = {
+	get() {
+		const cancel = this[_m$];
+		return getNonActionContent(cancel());
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p21, _p22, _p23, _p24) {
+	this[_m$] = _p21;
+	this[_m$2] = _p22;
+	this[_m$3] = _p23;
+	this[_m$4] = _p24;
+	Object.defineProperty(this, "when", _d$12);
+	Object.defineProperty(this, "fallback", _d$13);
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$6.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		return this[_m$].toast.cancel;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p25, _p26) {
+	this[_m$] = _p25;
+	Object.defineProperty(this, "when", _d$15);
+	this.children = _p26;
+}
+_P$7.prototype = Object.prototype;
+var _d$16 = {
+	get() {
+		const action = this[_m$];
+		return action();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$17 = {
+	get() {
+		const props = this[_m$2];
+		return props.toast.actionButtonStyle ?? props.actionButtonStyle;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$18 = {
+	get() {
+		const classNames = this[_m$3];
+		const toastClassNames = this[_m$4];
+		return cn(classNames()?.actionButton, toastClassNames()?.actionButton);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p27, _p28, _p29, _p30, _p31, _p32) {
+	this[_m$] = _p27;
+	this[_m$2] = _p28;
+	this[_m$3] = _p29;
+	this[_m$4] = _p30;
+	Object.defineProperty(this, "content", _d$16);
+	this.kind = _p31;
+	Object.defineProperty(this, "style", _d$17);
+	Object.defineProperty(this, "class", _d$18);
+	this.onClick = _p32;
+}
+_P$8.prototype = Object.prototype;
+var _d$19 = {
+	get() {
+		const action = this[_m$];
+		return !isAction(action());
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$20 = {
+	get() {
+		const action = this[_m$];
+		const props = this[_m$2];
+		const classNames = this[_m$3];
+		const toastClassNames = this[_m$4];
+		return ToastActionButton(new _P$8(action, props, classNames, toastClassNames, "action", (event) => {
+			const currentAction = action();
+			if (!isAction(currentAction)) return;
+			currentAction.onClick?.(event);
+			if (event.defaultPrevented) return;
+			props.onDelete();
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		const action = this[_m$];
+		return getNonActionContent(action());
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p33, _p34, _p35, _p36) {
+	this[_m$] = _p33;
+	this[_m$2] = _p34;
+	this[_m$3] = _p35;
+	this[_m$4] = _p36;
+	Object.defineProperty(this, "when", _d$19);
+	Object.defineProperty(this, "fallback", _d$20);
+	Object.defineProperty(this, "children", _d$21);
+}
+_P$9.prototype = Object.prototype;
+var _d$22 = {
+	get() {
+		return this[_m$].toast.action;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p37, _p38) {
+	this[_m$] = _p37;
+	Object.defineProperty(this, "when", _d$22);
+	this.children = _p38;
+}
+_P$10.prototype = Object.prototype;
+var _d$23 = {
+	get() {
+		const classNames = this[_m$];
+		const toastClassNames = this[_m$2];
+		return cn(classNames()?.loader, toastClassNames()?.loader);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$24 = {
+	get() {
+		const toastType = this[_m$3];
+		return toastType() === "loading";
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p39, _p40, _p41) {
+	this[_m$] = _p39;
+	this[_m$2] = _p40;
+	this[_m$3] = _p41;
+	Object.defineProperty(this, "class", _d$23);
+	Object.defineProperty(this, "visible", _d$24);
+}
+_P$11.prototype = Object.prototype;
+var _d$25 = {
+	get() {
+		return this[_m$].actionButtonStyle;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$26 = {
+	get() {
+		return this[_m$].cancelButtonStyle;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$27 = {
+	get() {
+		const classNames = this[_m$2];
+		return classNames();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$28 = {
+	get() {
+		const closeButton = this[_m$3];
+		return closeButton();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$29 = {
+	get() {
+		return this[_m$].closeButtonAriaLabel;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$30 = {
+	get() {
+		const descriptionClassName = this[_m$4];
+		return descriptionClassName();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$31 = {
+	get() {
+		const disabled = this[_m$5];
+		return disabled();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$32 = {
+	get() {
+		const dismissible = this[_m$6];
+		return dismissible();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$33 = {
+	get() {
+		return this[_m$].icons;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$34 = {
+	get() {
+		return this[_m$].toast;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$35 = {
+	get() {
+		const toastClassNames = this[_m$7];
+		return toastClassNames();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$36 = {
+	get() {
+		const toastDescriptionClassName = this[_m$8];
+		return toastDescriptionClassName();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p42, _p43, _p44, _p45, _p46, _p47, _p48, _p49, _p50, _p51, _p52, _p53) {
+	this[_m$] = _p42;
+	this[_m$2] = _p43;
+	this[_m$3] = _p44;
+	this[_m$4] = _p45;
+	this[_m$5] = _p46;
+	this[_m$6] = _p47;
+	this[_m$7] = _p48;
+	this[_m$8] = _p49;
+	Object.defineProperty(this, "actionButtonStyle", _d$25);
+	Object.defineProperty(this, "cancelButtonStyle", _d$26);
+	Object.defineProperty(this, "classNames", _d$27);
+	Object.defineProperty(this, "closeButton", _d$28);
+	Object.defineProperty(this, "closeButtonAriaLabel", _d$29);
+	Object.defineProperty(this, "descriptionClassName", _d$30);
+	Object.defineProperty(this, "disabled", _d$31);
+	Object.defineProperty(this, "dismissible", _d$32);
+	this.getIcon = _p50;
+	this.getLoadingIcon = _p51;
+	Object.defineProperty(this, "icons", _d$33);
+	this.onDelete = _p52;
+	this.onDismiss = _p53;
+	Object.defineProperty(this, "toast", _d$34);
+	Object.defineProperty(this, "toastClassNames", _d$35);
+	Object.defineProperty(this, "toastDescriptionClassName", _d$36);
+}
+_P$12.prototype = Object.prototype;
+var _d$37 = {
+	get() {
+		return this[_m$].icons;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$38 = {
+	get() {
+		const toastIndex = this[_m$2];
+		return toastIndex();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$39 = {
+	get() {
+		return this[_m$].richColors;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$40 = {
+	get() {
+		const toastOptions = this[_m$3];
+		const propsWithDefaults = this[_m$];
+		return toastOptions()?.duration ?? propsWithDefaults.duration;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$41 = {
+	get() {
+		const toastClassName = this[_m$4];
+		return toastClassName();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$42 = {
+	get() {
+		const toastDescriptionClassName = this[_m$5];
+		return toastDescriptionClassName();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$43 = {
+	get() {
+		const propsWithDefaults = this[_m$];
+		return Boolean(propsWithDefaults.invert);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$44 = {
+	get() {
+		return this[_m$].visibleToasts;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$45 = {
+	get() {
+		const toastOptions = this[_m$3];
+		const propsWithDefaults = this[_m$];
+		return toastOptions()?.closeButton ?? propsWithDefaults.closeButton ?? false;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$46 = {
+	get() {
+		const interacting = this[_m$6];
+		return interacting();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$47 = {
+	get() {
+		const toastOptions = this[_m$3];
+		return toastOptions()?.style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$48 = {
+	get() {
+		const toastOptions = this[_m$3];
+		return toastOptions()?.unstyled;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$49 = {
+	get() {
+		const toastClassNames = this[_m$7];
+		return toastClassNames();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$50 = {
+	get() {
+		const toastOptions = this[_m$3];
+		return toastOptions()?.cancelButtonStyle;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$51 = {
+	get() {
+		const toastOptions = this[_m$3];
+		return toastOptions()?.actionButtonStyle;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$52 = {
+	get() {
+		const toastOptions = this[_m$3];
+		return toastOptions()?.closeButtonAriaLabel;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$53 = {
+	get() {
+		const toastsByPosition = this[_m$8];
+		return toastsByPosition();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$54 = {
+	get() {
+		const heightsByPosition = this[_m$9];
+		return heightsByPosition();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$55 = {
+	get() {
+		const propsWithDefaults = this[_m$];
+		return Boolean(propsWithDefaults.expand);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$56 = {
+	get() {
+		return this[_m$].gap;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$57 = {
+	get() {
+		const expanded = this[_m$10];
+		return expanded();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$58 = {
+	get() {
+		return this[_m$].swipeDirections;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$59 = {
+	get() {
+		return this[_m$].pauseWhenPageIsHidden;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$13(_p54, _p55, _p56, _p57, _p58, _p59, _p60, _p61, _p62, _p63, _p64, _p65, _p66, _p67) {
+	this[_m$] = _p54;
+	this[_m$2] = _p55;
+	this[_m$3] = _p56;
+	this[_m$4] = _p57;
+	this[_m$5] = _p58;
+	this[_m$6] = _p59;
+	this[_m$7] = _p60;
+	this[_m$8] = _p61;
+	this[_m$9] = _p62;
+	this[_m$10] = _p63;
+	Object.defineProperty(this, "icons", _d$37);
+	Object.defineProperty(this, "index", _d$38);
+	this.toast = _p64;
+	Object.defineProperty(this, "defaultRichColors", _d$39);
+	Object.defineProperty(this, "duration", _d$40);
+	Object.defineProperty(this, "class", _d$41);
+	Object.defineProperty(this, "descriptionClassName", _d$42);
+	Object.defineProperty(this, "invert", _d$43);
+	Object.defineProperty(this, "visibleToasts", _d$44);
+	Object.defineProperty(this, "closeButton", _d$45);
+	Object.defineProperty(this, "interacting", _d$46);
+	this.position = _p65;
+	Object.defineProperty(this, "style", _d$47);
+	Object.defineProperty(this, "unstyled", _d$48);
+	Object.defineProperty(this, "classNames", _d$49);
+	Object.defineProperty(this, "cancelButtonStyle", _d$50);
+	Object.defineProperty(this, "actionButtonStyle", _d$51);
+	Object.defineProperty(this, "closeButtonAriaLabel", _d$52);
+	this.removeToast = _p66;
+	Object.defineProperty(this, "toasts", _d$53);
+	Object.defineProperty(this, "heights", _d$54);
+	this.setHeights = _p67;
+	Object.defineProperty(this, "expandByDefault", _d$55);
+	Object.defineProperty(this, "gap", _d$56);
+	Object.defineProperty(this, "expanded", _d$57);
+	Object.defineProperty(this, "swipeDirections", _d$58);
+	Object.defineProperty(this, "pauseWhenPageIsHidden", _d$59);
+}
+_P$13.prototype = Object.prototype;
+var _d$60 = {
+	get() {
+		const toastsByPosition = this[_m$];
+		return toastsByPosition();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$14(_p68, _p69) {
+	this[_m$] = _p68;
+	Object.defineProperty(this, "each", _d$60);
+	this.children = _p69;
+}
+_P$14.prototype = Object.prototype;
+var _d$61 = {
+	get() {
+		const possiblePositions = this[_m$];
+		return possiblePositions();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$15(_p70, _p71) {
+	this[_m$] = _p70;
+	Object.defineProperty(this, "each", _d$61);
+	this.children = _p71;
+}
+_P$15.prototype = Object.prototype;
+const VISIBLE_TOASTS_AMOUNT = 3;
+const VIEWPORT_OFFSET = "24px";
+const MOBILE_VIEWPORT_OFFSET = "16px";
+const TOAST_LIFETIME = 4e3;
+const GAP = 14;
+const TIME_BEFORE_UNMOUNT = 200;
+function cn(...classes) {
+	return classes;
+}
+function resolveContent(content) {
+	return typeof content === "function" ? content() : content;
+}
+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 Show(new _P$(props, (action) => {
+		var _v$ = ssrHydrationKey(), _g$ = ssrGroup(() => {
+			return [
+				ssrAttribute("data-action", props.kind === "action" ? "" : escape(void 0, true)),
+				ssrAttribute("data-cancel", props.kind === "cancel" ? "" : escape(void 0, true)),
+				((_v$4) => _v$4 == null ? "" : ssrAttribute("style", ssrStyle(_v$4)))(props.style),
+				((_v$6) => _v$6 == null ? "" : ssrAttribute("class", ssrClassName(_v$6)))(props.class)
+			];
+		}, 4), _v$8 = scope(() => {
+			return escape(action().label);
+		});
+		return ssr(_tmpl$, _v$, _g$, _g$, _g$, _g$, _v$8);
+	}));
+}
+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) {
+	var _v$20, _g$3, _v$25, _v$30;
+	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 [
+		Show(new _P$2(props, hasCustomContent, toastType, classNames, toastClassNames)),
+		Show(new _P$3(hasIcon, classNames, toastClassNames, loadingIconContent, toastType, props)),
+		(_v$20 = ssrHydrationKey(), _g$3 = ssrGroup(() => {
+			return [((_v$21) => _v$21 == null ? "" : ssrAttribute("class", ssrClassName(_v$21)))(cn(classNames()?.content, toastClassNames()?.content)), ((_v$23) => _v$23 == null ? "" : ssrAttribute("class", ssrClassName(_v$23)))(cn(classNames()?.title, toastClassNames()?.title))];
+		}, 2), _v$25 = scope(() => {
+			return escape(props.toast.jsx ?? resolveContent(props.toast.title));
+		}), _v$30 = escape(Show(new _P$4(props, classNames, toastClassNames))), ssr(_tmpl$5, _v$20, _g$3, _g$3, _v$25, _v$30)),
+		Show(new _P$7(props, (cancel) => Show(new _P$6(cancel, props, classNames, toastClassNames)))),
+		Show(new _P$10(props, (action) => Show(new _P$9(action, props, classNames, toastClassNames))))
+	];
+}
+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);
+	const [swipeOutDirection, setSwipeOutDirection] = createSignal(null);
+	const [offsetBeforeRemove, setOffsetBeforeRemove] = createSignal(0);
+	const [initialHeight, setInitialHeight] = createSignal(0);
+	let toastRef;
+	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 = () => 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 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 _v$31 = ssrHydrationKey(), _g$4 = ssrGroup(() => {
+				return [((_v$32) => _v$32 == null ? "" : ssrAttribute("class", ssrClassName(_v$32)))(cn(classNames()?.loader, toastClassNames()?.loader, "sonner-loader")), ssrAttribute("data-visible", escape(String(toastType() === "loading"), true))];
+			}, 2), _v$35 = scope(() => {
+				return escape(props.icons.loading);
+			});
+			return ssr(_tmpl$6, _v$31, _g$4, _g$4, _v$35);
+		}
+		return Loader(new _P$11(classNames, toastClassNames, toastType));
+	}
+	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
+	});
+	var _v$36 = ssrHydrationKey(), _g$5 = ssrGroup(() => {
+		return [
+			((_v$37) => _v$37 == null ? "" : ssrAttribute("class", ssrClassName(_v$37)))(cn(className(), toastClassName(), classNames()?.toast, toastClassNames()?.toast, classNames()?.[toastTypeKey()], toastClassNames()?.[toastTypeKey()])),
+			ssrAttribute("data-rich-colors", escape(String(Boolean(props.toast.richColors ?? props.defaultRichColors)), true)),
+			ssrAttribute("data-styled", escape(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), true)),
+			ssrAttribute("data-mounted", escape(String(mounted()), true)),
+			ssrAttribute("data-promise", escape(String(Boolean(props.toast.promise)), true)),
+			ssrAttribute("data-swiped", escape(String(isSwiped()), true)),
+			ssrAttribute("data-removed", escape(String(removed()), true)),
+			ssrAttribute("data-visible", escape(String(isVisible()), true)),
+			ssrAttribute("data-y-position", escape(y(), true)),
+			ssrAttribute("data-x-position", escape(x(), true)),
+			ssrAttribute("data-index", escape(props.index, true)),
+			ssrAttribute("data-front", escape(String(isFront()), true)),
+			ssrAttribute("data-swiping", escape(String(swiping()), true)),
+			ssrAttribute("data-dismissible", escape(String(dismissible()), true)),
+			ssrAttribute("data-type", escape(toastType(), true)),
+			ssrAttribute("data-invert", escape(String(invert()), true)),
+			ssrAttribute("data-swipe-out", escape(String(swipeOut()), true)),
+			ssrAttribute("data-swipe-direction", escape(swipeOutDirection(), true)),
+			ssrAttribute("data-expanded", escape(String(props.expanded || props.expandByDefault && mounted()), true)),
+			ssrAttribute("data-testid", escape(props.toast.testId, true)),
+			ssrStyle({
+				"--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
+			})
+		];
+	}, 21), _v$59 = escape(ToastBody(new _P$12(props, classNames, closeButton, descriptionClassName, disabled, dismissible, toastClassNames, toastDescriptionClassName, icon, getLoadingIcon, deleteToast, () => props.toast.onDismiss?.(props.toast))));
+	return ssr(_tmpl$7, _v$36, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _g$5, _v$59);
+}
+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 = () => 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);
+		if (event.code === "Escape" && (document.activeElement === listRef || false)) setExpanded(false);
+	}
+	onSettled(() => {
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	});
+	onCleanup(() => {
+		if (lastFocusedElementRef()) lastFocusedElementRef()?.focus({ preventScroll: true });
+	});
+	var _v$60 = ssrHydrationKey(), _v$61 = () => {
+		return ssrAttribute("aria-label", escape(propsWithDefaults.customAriaLabel ?? `${propsWithDefaults.containerAriaLabel} ${hotkeyLabel()}`, true));
+	}, _v$62 = escape(For(new _P$15(possiblePositions, (position, index) => {
+		var _v$63, _g$6, _v$68, _v$69;
+		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 Show({
+			get when() {
+				return filteredToasts().length > 0;
+			},
+			get children() {
+				return _v$63 = ssrHydrationKey(), _g$6 = ssrGroup(() => {
+					return [
+						ssrAttribute("dir", propsWithDefaults.dir === "auto" ? escape(getDocumentDirection(), true) : escape(propsWithDefaults.dir, true)),
+						((_v$65) => _v$65 == null ? "" : ssrAttribute("class", ssrClassName(_v$65)))(className()),
+						ssrAttribute("data-sonner-theme", escape(actualTheme(), true))
+					];
+				}, 3), _v$68 = () => {
+					return ssrStyle({
+						"--front-toast-height": `${heightsByPosition()[0]?.height ?? 0}px`,
+						"--gap": `${propsWithDefaults.gap}px`,
+						"--width": "356px",
+						...propsWithDefaults.style,
+						...assignOffset(propsWithDefaults.offset, propsWithDefaults.mobileOffset)
+					});
+				}, _v$69 = escape(For(new _P$14(toastsByPosition, (toastItem, toastIndex) => Toast(new _P$13(propsWithDefaults, toastIndex, toastOptions, toastClassName, toastDescriptionClassName, interacting, toastClassNames, toastsByPosition, heightsByPosition, expanded, toastItem, position, removeToast, setHeights))))), ssr(_tmpl$9, _v$63, _g$6, _g$6, _g$6, ssrAttribute("data-y-position", escape(y, true)), ssrAttribute("data-x-position", escape(x, true)), _v$68, _v$69);
+			}
+		});
+	})));
+	return ssr(_tmpl$8, _v$60, _v$61, _v$62);
+}
+export { Toaster, toast, useSonner };
+
+//# sourceMappingURL=index.js.map