vue-smart-toast 0.1.0

package/dist/vue-smart-toast.js

@@ -0,0 +1,1469 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, isVNode as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, shallowReactive as C, toDisplayString as w, unref as T, useAttrs as E, watch as ee, watchEffect as D, withCtx as O } from "vue";
+var k = "middle", A = 3e3;
+function j() {
+	return typeof window < "u" && typeof document < "u";
+}
+function M() {
+	return j() ? window.matchMedia("(max-width: 600px), (hover: none) and (pointer: coarse)").matches : !1;
+}
+function N(e) {
+	return e === "pc" || e === "mobile" ? e : M() ? "mobile" : "pc";
+}
+function P(e) {
+	return e === "center" || !e ? k : e;
+}
+function F(e) {
+	return !e || e === "normal" ? "default" : e === "fail" ? "error" : e;
+}
+function I(e) {
+	return e === "loading" ? Infinity : A;
+}
+//#endregion
+//#region src/store.ts
+var L = /* @__PURE__ */ new Map(), te = 0, R = C([]);
+function z() {
+	return te += 1, te;
+}
+function B(e) {
+	let t = L.get(e);
+	t && (clearTimeout(t), L.delete(e));
+}
+function ne(e) {
+	B(e.id), !(!Number.isFinite(e.duration) || e.duration <= 0) && L.set(e.id, setTimeout(() => {
+		V(e.id, !0);
+	}, e.duration));
+}
+function re(e) {
+	let t = e.type === "loading" ? "loading" : F(e.type);
+	return {
+		id: e.id ?? z(),
+		type: t,
+		message: e.message ?? "",
+		description: e.description,
+		duration: e.duration ?? I(t),
+		device: e.device ?? "auto",
+		pcPosition: e.pcPosition ?? e.position ?? "bottom-right",
+		mobilePosition: P(e.mobilePosition),
+		dismissible: e.dismissible ?? !0,
+		action: e.action,
+		cancel: e.cancel,
+		onClick: e.onClick,
+		onDismiss: e.onDismiss,
+		onAutoClose: e.onAutoClose,
+		icon: e.icon,
+		mobileIcon: e.mobileIcon,
+		class: e.class,
+		style: e.style,
+		descriptionClass: e.descriptionClass,
+		cancelButtonStyle: e.cancelButtonStyle,
+		actionButtonStyle: e.actionButtonStyle,
+		unstyled: e.unstyled,
+		classes: e.classes,
+		closeButtonAriaLabel: e.closeButtonAriaLabel,
+		closeButtonPosition: e.closeButtonPosition,
+		mobileClass: e.mobileClass,
+		mobileStyle: e.mobileStyle,
+		mobileClasses: e.mobileClasses,
+		important: e.important,
+		richColors: e.richColors,
+		closeButton: e.closeButton,
+		toasterId: e.toasterId,
+		createdAt: Date.now(),
+		dismissed: !1
+	};
+}
+function ie(e) {
+	let t = re(e), n = R.findIndex((e) => e.id === t.id);
+	return n >= 0 ? (R[n] = {
+		...R[n],
+		...t,
+		createdAt: R[n].createdAt,
+		dismissed: !1
+	}, ne(R[n]), t.id) : (R.forEach((e) => {
+		B(e.id), e.onDismiss?.(e);
+	}), R.splice(0, R.length), R.unshift(t), ne(t), t.id);
+}
+function V(e, t = !1) {
+	if (e === void 0) {
+		R.forEach((e) => V(e.id, t));
+		return;
+	}
+	let n = R.find((t) => t.id === e);
+	!n || n.dismissed || (B(e), n.dismissed = !0, t ? n.onAutoClose?.(n) : n.onDismiss?.(n), setTimeout(() => {
+		let t = R.findIndex((t) => t.id === e);
+		t >= 0 && R[t].dismissed && R.splice(t, 1);
+	}, 240));
+}
+function H() {
+	V();
+}
+function ae() {
+	L.forEach((e) => clearTimeout(e)), L.clear(), R.splice(0, R.length);
+}
+//#endregion
+//#region src/sonner/state.ts
+var U = 1, W = new class {
+	subscribers;
+	toasts;
+	dismissedToasts;
+	constructor() {
+		this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set();
+	}
+	subscribe = (e) => (this.subscribers.push(e), () => {
+		let t = this.subscribers.indexOf(e);
+		this.subscribers.splice(t, 1);
+	});
+	publish = (e) => {
+		this.subscribers.forEach((t) => t(e));
+	};
+	addToast = (e) => {
+		this.publish(e), this.toasts = [...this.toasts, e];
+	};
+	create = (e) => {
+		let { message: t, ...n } = e, r = typeof e.id == "number" || e.id && e.id?.length > 0 ? e.id : U++, i = this.toasts.find((e) => e.id === r), a = e.dismissible === void 0 ? !0 : e.dismissible;
+		return this.dismissedToasts.has(r) && this.dismissedToasts.delete(r), i ? this.toasts = this.toasts.map((n) => n.id === r ? (this.publish({
+			...n,
+			...e,
+			id: r,
+			title: t
+		}), {
+			...n,
+			...e,
+			id: r,
+			dismissible: a,
+			title: t
+		}) : n) : this.addToast({
+			title: t,
+			...n,
+			dismissible: a,
+			id: r
+		}), r;
+	};
+	dismiss = (e) => (e ? (this.dismissedToasts.add(e), requestAnimationFrame(() => this.subscribers.forEach((t) => t({
+		id: e,
+		dismiss: !0
+	})))) : this.toasts.forEach((e) => {
+		this.subscribers.forEach((t) => t({
+			id: e.id,
+			dismiss: !0
+		}));
+	}), e);
+	message = (e, t) => this.create({
+		...t,
+		message: e,
+		type: "default"
+	});
+	error = (e, t) => this.create({
+		...t,
+		type: "error",
+		message: e
+	});
+	success = (e, t) => this.create({
+		...t,
+		type: "success",
+		message: e
+	});
+	info = (e, t) => this.create({
+		...t,
+		type: "info",
+		message: e
+	});
+	warning = (e, t) => this.create({
+		...t,
+		type: "warning",
+		message: e
+	});
+	loading = (e, t) => this.create({
+		...t,
+		type: "loading",
+		message: e
+	});
+	promise = (e, t) => {
+		if (!t) return;
+		let n;
+		t.loading !== void 0 && (n = this.create({
+			...t,
+			promise: e,
+			type: "loading",
+			message: t.loading,
+			description: typeof t.description == "function" ? void 0 : t.description
+		}));
+		let r = Promise.resolve(e instanceof Function ? e() : e), i = n !== void 0, a, o = r.then(async (e) => {
+			if (a = ["resolve", e], u(e)) i = !1, this.create({
+				id: n,
+				type: "default",
+				message: e
+			});
+			else if (G(e) && !e.ok) {
+				i = !1;
+				let r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${e.status}`) : t.error, a = typeof t.description == "function" ? await t.description(`HTTP error! status: ${e.status}`) : t.description, o = typeof r == "object" && !u(r) ? r : {
+					message: r || "",
+					id: n || ""
+				};
+				this.create({
+					id: n,
+					type: "error",
+					description: a,
+					...o
+				});
+			} else if (e instanceof Error) {
+				i = !1;
+				let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !u(r) ? r : {
+					message: r || "",
+					id: n || ""
+				};
+				this.create({
+					id: n,
+					type: "error",
+					description: a,
+					...o
+				});
+			} else if (t.success !== void 0) {
+				i = !1;
+				let r = typeof t.success == "function" ? await t.success(e) : t.success, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !u(r) ? r : {
+					message: r || "",
+					id: n || ""
+				};
+				this.create({
+					id: n,
+					type: "success",
+					description: a,
+					...o
+				});
+			}
+		}).catch(async (e) => {
+			if (a = ["reject", e], t.error !== void 0) {
+				i = !1;
+				let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !u(r) ? r : {
+					message: r || "",
+					id: n || ""
+				};
+				this.create({
+					id: n,
+					type: "error",
+					description: a,
+					...o
+				});
+			}
+		}).finally(() => {
+			i && (this.dismiss(n), n = void 0), t.finally?.();
+		}), s = () => new Promise((e, t) => o.then(() => a[0] === "reject" ? t(a[1]) : e(a[1])).catch(t));
+		return typeof n != "string" && typeof n != "number" ? { unwrap: s } : Object.assign(n, { unwrap: s });
+	};
+	custom = (e, t) => {
+		let n = t?.id || U++, r = this.toasts.find((e) => e.id === n), i = t?.dismissible === void 0 ? !0 : t.dismissible;
+		return this.dismissedToasts.has(n) && this.dismissedToasts.delete(n), r ? this.toasts = this.toasts.map((r) => r.id === n ? (this.publish({
+			...r,
+			component: e,
+			dismissible: i,
+			id: n,
+			...t
+		}), {
+			...r,
+			component: e,
+			dismissible: i,
+			id: n,
+			...t
+		}) : r) : this.addToast({
+			component: e,
+			dismissible: i,
+			id: n,
+			...t
+		}), n;
+	};
+	getActiveToasts = () => this.toasts.filter((e) => !this.dismissedToasts.has(e.id));
+}();
+function oe(e, t) {
+	let n = t?.id || U++;
+	return W.create({
+		message: e,
+		id: n,
+		type: "default",
+		...t
+	}), n;
+}
+var G = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", K = Object.assign(oe, {
+	success: W.success,
+	info: W.info,
+	warning: W.warning,
+	error: W.error,
+	custom: W.custom,
+	message: W.message,
+	promise: W.promise,
+	dismiss: W.dismiss,
+	loading: W.loading
+}, {
+	getHistory: () => W.toasts,
+	getToasts: () => W.getActiveToasts()
+}), q = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, se = {}, ce = {
+	class: "van-toast__arrow",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function le(e, t) {
+	return v(), i("svg", ce, [...t[0] ||= [a("g", {
+		stroke: "currentColor",
+		"stroke-width": "1.5",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	}, [a("polyline", {
+		transform: "translate(11 12) scale(-1 1) translate(-11 -12)",
+		points: "15 4 7 12 15 20"
+	})], -1)]]);
+}
+var ue = /*#__PURE__*/ q(se, [["render", le]]), de = {
+	key: 0,
+	class: "van-toast__icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, J = {
+	key: 1,
+	class: "van-toast__icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, fe = {
+	key: 2,
+	class: "van-toast__icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, pe = {
+	key: 3,
+	class: "van-toast__icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, Y = /* @__PURE__ */ l({
+	__name: "MobileToastIcon",
+	props: { type: {} },
+	setup(e) {
+		return (t, n) => e.type === "success" ? (v(), i("svg", de, [...n[0] ||= [a("path", {
+			d: "M20 6.5 9.5 17 4 11.5",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)]])) : e.type === "error" || e.type === "fail" ? (v(), i("svg", J, [...n[1] ||= [a("path", {
+			d: "m6.5 6.5 11 11m0-11-11 11",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)]])) : e.type === "warning" ? (v(), i("svg", fe, [...n[2] ||= [a("path", {
+			d: "M12 4.5 21 19.5H3L12 4.5Z",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1), a("path", {
+			d: "M12 9.5v4.5m0 3h.01",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)]])) : e.type === "info" ? (v(), i("svg", pe, [...n[3] ||= [a("circle", {
+			cx: "12",
+			cy: "12",
+			r: "8",
+			stroke: "currentColor",
+			"stroke-width": "1.5"
+		}, null, -1), a("path", {
+			d: "M12 11v5m0-8h.01",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)]])) : r("", !0);
+	}
+}), me = ["data-removed"], he = /* @__PURE__ */ l({
+	__name: "MobileToast",
+	props: {
+		toast: {},
+		index: {},
+		toastOptions: {}
+	},
+	setup(o) {
+		let s = o;
+		function l(e) {
+			if (e) return e[s.toast.type];
+		}
+		let u = t(() => s.toastOptions?.classes), d = t(() => s.toast.mobileClasses), f = t(() => [
+			u.value?.icon,
+			l(u.value),
+			d.value?.icon,
+			l(d.value)
+		]);
+		function m() {
+			s.toast.dismissible && V(s.toast.id);
+		}
+		function g(e) {
+			!s.toast.onClick && !s.toast.action || (s.toast.onClick?.(), s.toast.action?.onClick(e), m());
+		}
+		return (t, s) => (v(), i("div", {
+			class: p(["van-toast", [
+				`van-toast--${o.toast.mobilePosition}`,
+				o.toast.type === "default" ? "van-toast--text" : `van-toast--${o.toast.type}`,
+				u.value?.toast,
+				l(u.value),
+				o.toastOptions?.class,
+				d.value?.toast,
+				l(d.value),
+				o.toast.mobileClass
+			]]),
+			"data-removed": o.toast.dismissed,
+			style: h({
+				"--vt-mobile-index": o.index,
+				...o.toastOptions?.style,
+				...o.toast.mobileStyle
+			}),
+			role: "status",
+			onClick: g
+		}, [
+			o.toast.type !== "default" && o.toast.mobileIcon !== !1 ? (v(), i(e, { key: 0 }, [o.toast.mobileIcon ? (v(), i("span", {
+				key: 0,
+				class: p(["van-toast__icon", f.value])
+			}, [(v(), n(S(o.toast.mobileIcon)))], 2)) : o.toast.type === "loading" ? (v(), i("span", {
+				key: 1,
+				class: p(["van-loading__spinner van-loading__spinner--circular van-toast__loading", f.value]),
+				"aria-hidden": "true"
+			}, [x(t.$slots, "loading-icon", {}, () => [s[0] ||= a("svg", {
+				class: "van-loading__circular",
+				viewBox: "25 25 50 50"
+			}, [a("circle", {
+				cx: "50",
+				cy: "50",
+				r: "20",
+				fill: "none"
+			})], -1)])], 2)) : (v(), i("span", {
+				key: 2,
+				class: p(["van-toast__icon", f.value])
+			}, [o.toast.type === "success" ? x(t.$slots, "success-icon", { key: 0 }, () => [c(Y, { type: o.toast.type }, null, 8, ["type"])]) : o.toast.type === "error" ? x(t.$slots, "error-icon", { key: 1 }, () => [c(Y, { type: o.toast.type }, null, 8, ["type"])]) : o.toast.type === "warning" ? x(t.$slots, "warning-icon", { key: 2 }, () => [c(Y, { type: o.toast.type }, null, 8, ["type"])]) : o.toast.type === "info" ? x(t.$slots, "info-icon", { key: 3 }, () => [c(Y, { type: o.toast.type }, null, 8, ["type"])]) : r("", !0)], 2))], 64)) : r("", !0),
+			a("div", { class: p(["van-toast__content", [u.value?.content, d.value?.content]]) }, [a("div", { class: p(["van-toast__text", [u.value?.text, d.value?.text]]) }, w(o.toast.message), 3), o.toast.onClick || o.toast.action ? (v(), n(ue, {
+				key: 0,
+				class: p([u.value?.actionIcon, d.value?.actionIcon])
+			}, null, 8, ["class"])) : r("", !0)], 2),
+			o.toast.description === void 0 ? r("", !0) : (v(), i("div", {
+				key: 1,
+				class: p(["van-toast__description", [u.value?.description, d.value?.description]])
+			}, w(o.toast.description), 3))
+		], 14, me));
+	}
+}), ge = {
+	class: "vt-mobile-layer",
+	"aria-live": "polite",
+	"aria-relevant": "additions text"
+}, _e = /* @__PURE__ */ l({
+	__name: "MobileToaster",
+	props: {
+		toasts: {},
+		toastOptions: {}
+	},
+	setup(t) {
+		return (r, a) => (v(), i("div", ge, [(v(!0), i(e, null, b(t.toasts, (e, i) => (v(), n(he, {
+			key: e.id,
+			toast: e,
+			index: i,
+			"toast-options": t.toastOptions
+		}, o({ _: 2 }, [
+			r.$slots["loading-icon"] ? {
+				name: "loading-icon",
+				fn: O(() => [x(r.$slots, "loading-icon")]),
+				key: "0"
+			} : void 0,
+			r.$slots["success-icon"] ? {
+				name: "success-icon",
+				fn: O(() => [x(r.$slots, "success-icon")]),
+				key: "1"
+			} : void 0,
+			r.$slots["error-icon"] ? {
+				name: "error-icon",
+				fn: O(() => [x(r.$slots, "error-icon")]),
+				key: "2"
+			} : void 0,
+			r.$slots["warning-icon"] ? {
+				name: "warning-icon",
+				fn: O(() => [x(r.$slots, "warning-icon")]),
+				key: "3"
+			} : void 0,
+			r.$slots["info-icon"] ? {
+				name: "info-icon",
+				fn: O(() => [x(r.$slots, "info-icon")]),
+				key: "4"
+			} : void 0
+		]), 1032, [
+			"toast",
+			"index",
+			"toast-options"
+		]))), 128))]));
+	}
+});
+//#endregion
+//#region src/sonner/types.ts
+function ve(e) {
+	return e.label !== void 0;
+}
+//#endregion
+//#region src/sonner/constant.ts
+var ye = "24px", be = "16px";
+//#endregion
+//#region src/sonner/hooks.ts
+function xe() {
+	let e = y(!1);
+	return D(() => {
+		let t = () => {
+			e.value = document.hidden;
+		};
+		return document.addEventListener("visibilitychange", t), () => window.removeEventListener("visibilitychange", t);
+	}), { isDocumentHidden: e };
+}
+function X(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function Se(e) {
+	let [t, n] = e.split("-"), r = [];
+	return t && r.push(t), n && r.push(n), r;
+}
+function Ce(e, t) {
+	let n = {};
+	return [e, t].forEach((e, t) => {
+		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? be : ye;
+		function o(e) {
+			[
+				"top",
+				"right",
+				"bottom",
+				"left"
+			].forEach((t) => {
+				n[`${i}-${t}`] = typeof e == "number" ? `${e}px` : e;
+			});
+		}
+		typeof e == "number" || typeof e == "string" ? o(e) : typeof e == "object" ? [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		].forEach((t) => {
+			e[t] === void 0 ? n[`${i}-${t}`] = a : n[`${i}-${t}`] = typeof e[t] == "number" ? `${e[t]}px` : e[t];
+		}) : o(a);
+	}), n;
+}
+//#endregion
+//#region src/sonner/Toast.vue?vue&type=script&setup=true&lang.ts
+var we = [
+	"data-rich-colors",
+	"data-styled",
+	"data-mounted",
+	"data-promise",
+	"data-swiped",
+	"data-removed",
+	"data-visible",
+	"data-y-position",
+	"data-x-position",
+	"data-index",
+	"data-front",
+	"data-swiping",
+	"data-dismissible",
+	"data-type",
+	"data-invert",
+	"data-swipe-out",
+	"data-swipe-direction",
+	"data-expanded",
+	"data-testid"
+], Te = [
+	"aria-label",
+	"data-disabled",
+	"data-close-button-position"
+], Ee = /* @__PURE__ */ l({
+	__name: "Toast",
+	props: {
+		toast: {},
+		toasts: {},
+		index: {},
+		swipeDirections: {},
+		expanded: { type: Boolean },
+		invert: { type: Boolean },
+		heights: {},
+		gap: {},
+		position: {},
+		closeButtonPosition: {},
+		visibleToasts: {},
+		expandByDefault: { type: Boolean },
+		closeButton: { type: Boolean },
+		interacting: { type: Boolean },
+		style: {},
+		cancelButtonStyle: {},
+		actionButtonStyle: {},
+		duration: {},
+		class: {},
+		unstyled: { type: Boolean },
+		descriptionClass: {},
+		loadingIcon: {},
+		classes: {},
+		icons: {},
+		closeButtonAriaLabel: {},
+		defaultRichColors: { type: Boolean }
+	},
+	emits: [
+		"update:heights",
+		"update:height",
+		"removeToast"
+	],
+	setup(o, { emit: c }) {
+		let l = o, u = c, b = y(null), C = y(null), E = y(!1), O = y(!1), k = y(!1), A = y(!1), j = y(!1), M = y(0), N = y(0), P = y(l.toast.duration || l.duration || 4e3), F = y(null), I = y(null), L = t(() => l.index === 0), te = t(() => l.index + 1 <= l.visibleToasts), R = t(() => l.toast.type), z = t(() => l.toast.dismissible !== !1), B = t(() => l.toast.class || ""), ne = t(() => l.descriptionClass || ""), re = t(() => l.toast.icon !== !1 && (R.value !== "default" || l.toast.icon || l.toast.promise)), ie = t(() => {
+			let e = l.toast.position || l.position, t = l.heights.filter((t) => t.position === e).findIndex((e) => e.toastId === l.toast.id);
+			return t >= 0 ? t : 0;
+		}), V = t(() => {
+			let e = l.toast.position || l.position;
+			return l.heights.filter((t) => t.position === e).reduce((e, t, n) => n >= ie.value ? e : e + t.height, 0);
+		}), H = t(() => ie.value * l.gap + V.value || 0), ae = t(() => l.toast.closeButton ?? l.closeButton), U = t(() => l.toast.duration || l.duration || 4e3), W = y(0), oe = y(0), G = y(null), K = t(() => l.position.split("-")), q = t(() => K.value[0]), se = t(() => K.value[1]), ce = t(() => typeof l.toast.title != "string"), le = t(() => typeof l.toast.description != "string"), { isDocumentHidden: ue } = xe(), de = t(() => R.value && R.value === "loading");
+		_(() => {
+			E.value = !0, P.value = U.value;
+		}), D(async () => {
+			if (!E.value || !I.value) return;
+			await f();
+			let e = I.value, t = e.style.height;
+			e.style.height = "auto";
+			let n = e.getBoundingClientRect().height;
+			e.style.height = t, N.value = n, u("update:height", {
+				toastId: l.toast.id,
+				height: n,
+				position: l.toast.position || l.position
+			});
+		});
+		function J() {
+			O.value = !0, M.value = H.value, setTimeout(() => {
+				u("removeToast", l.toast);
+			}, 200);
+		}
+		function fe() {
+			if (de.value || !z.value) return {};
+			J(), l.toast.onDismiss?.(l.toast);
+		}
+		function pe(e) {
+			e.button !== 2 && (de.value || !z.value || (F.value = /* @__PURE__ */ new Date(), M.value = H.value, e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (k.value = !0, G.value = {
+				x: e.clientX,
+				y: e.clientY
+			})));
+		}
+		function Y() {
+			if (A.value || !z.value) return;
+			G.value = null;
+			let e = Number(I.value?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(I.value?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), n = (/* @__PURE__ */ new Date()).getTime() - (F.value?.getTime() || 0), r = b.value === "x" ? e : t, i = Math.abs(r) / n;
+			if (Math.abs(r) >= 45 || i > .11) {
+				M.value = H.value, l.toast.onDismiss?.(l.toast), b.value === "x" ? C.value = e > 0 ? "right" : "left" : C.value = t > 0 ? "down" : "up", J(), A.value = !0;
+				return;
+			} else I.value?.style.setProperty("--swipe-amount-x", "0px"), I.value?.style.setProperty("--swipe-amount-y", "0px");
+			j.value = !1, k.value = !1, b.value = null;
+		}
+		function me(e) {
+			if (!G.value || !z.value || (window?.getSelection()?.toString()?.length ?? !1)) return;
+			let t = e.clientY - G.value.y, n = e.clientX - G.value.x, r = l.swipeDirections ?? Se(l.position);
+			!b.value && (Math.abs(n) > 1 || Math.abs(t) > 1) && (b.value = Math.abs(n) > Math.abs(t) ? "x" : "y");
+			let i = {
+				x: 0,
+				y: 0
+			}, a = (e) => 1 / (1.5 + Math.abs(e) / 20);
+			if (b.value === "y") {
+				if (r.includes("top") || r.includes("bottom")) if (r.includes("top") && t < 0 || r.includes("bottom") && t > 0) i.y = t;
+				else {
+					let e = t * a(t);
+					i.y = Math.abs(e) < Math.abs(t) ? e : t;
+				}
+			} else if (b.value === "x" && (r.includes("left") || r.includes("right"))) if (r.includes("left") && n < 0 || r.includes("right") && n > 0) i.x = n;
+			else {
+				let e = n * a(n);
+				i.x = Math.abs(e) < Math.abs(n) ? e : n;
+			}
+			(Math.abs(i.x) > 0 || Math.abs(i.y) > 0) && (j.value = !0), I.value?.style.setProperty("--swipe-amount-x", `${i.x}px`), I.value?.style.setProperty("--swipe-amount-y", `${i.y}px`);
+		}
+		_(() => {
+			if (E.value = !0, !I.value) return;
+			let e = I.value.getBoundingClientRect().height;
+			N.value = e, u("update:heights", [{
+				toastId: l.toast.id,
+				height: e,
+				position: l.toast.position
+			}, ...l.heights]);
+		}), g(() => {
+			I.value && u("removeToast", l.toast);
+		}), D((e) => {
+			if (l.toast.promise && R.value === "loading" || l.toast.duration === Infinity || l.toast.type === "loading") return;
+			let t;
+			l.expanded || l.interacting || ue.value ? (() => {
+				if (oe.value < W.value) {
+					let e = (/* @__PURE__ */ new Date()).getTime() - W.value;
+					P.value -= e;
+				}
+				oe.value = (/* @__PURE__ */ new Date()).getTime();
+			})() : P.value !== Infinity && (W.value = (/* @__PURE__ */ new Date()).getTime(), t = setTimeout(() => {
+				l.toast.onAutoClose?.(l.toast), J();
+			}, P.value)), e(() => {
+				clearTimeout(t);
+			});
+		}), ee(() => l.toast.delete, (e) => {
+			e !== void 0 && e && (J(), l.toast.onDismiss?.(l.toast));
+		}, { deep: !0 });
+		function he() {
+			k.value = !1, b.value = null, G.value = null;
+		}
+		return (t, c) => (v(), i("li", {
+			tabindex: "0",
+			ref_key: "toastRef",
+			ref: I,
+			class: p(T(X)(l.class, B.value, o.classes?.toast, o.toast.classes?.toast, o.classes?.[R.value], o.toast?.classes?.[R.value])),
+			"data-sonner-toast": "",
+			"data-rich-colors": o.toast.richColors ?? o.defaultRichColors,
+			"data-styled": !(o.toast.component || o.toast?.unstyled || o.unstyled),
+			"data-mounted": E.value,
+			"data-promise": !!o.toast.promise,
+			"data-swiped": j.value,
+			"data-removed": O.value,
+			"data-visible": te.value,
+			"data-y-position": q.value,
+			"data-x-position": se.value,
+			"data-index": o.index,
+			"data-front": L.value,
+			"data-swiping": k.value,
+			"data-dismissible": z.value,
+			"data-type": R.value,
+			"data-invert": o.toast.invert || o.invert,
+			"data-swipe-out": A.value,
+			"data-swipe-direction": C.value,
+			"data-expanded": !!(o.expanded || o.expandByDefault && E.value),
+			"data-testid": o.toast.testId,
+			style: h({
+				"--index": o.index,
+				"--toasts-before": o.index,
+				"--z-index": o.toasts.length - o.index,
+				"--offset": `${O.value ? M.value : H.value}px`,
+				"--initial-height": o.expandByDefault ? "auto" : `${N.value}px`,
+				...o.style,
+				...l.toast.style
+			}),
+			onDragend: he,
+			onPointerdown: pe,
+			onPointerup: Y,
+			onPointermove: me
+		}, [ae.value && !o.toast.component && R.value !== "loading" ? (v(), i("button", {
+			key: 0,
+			"aria-label": o.closeButtonAriaLabel || "Close toast",
+			"data-disabled": de.value,
+			"data-close-button": "true",
+			"data-close-button-position": o.closeButtonPosition,
+			class: p(T(X)(o.classes?.closeButton, o.toast?.classes?.closeButton)),
+			onClick: fe
+		}, [o.icons?.close ? (v(), n(S(o.icons?.close), { key: 0 })) : x(t.$slots, "close-icon", { key: 1 })], 10, Te)) : r("", !0), o.toast.component ? (v(), n(S(o.toast.component), d({ key: 1 }, o.toast.componentProps, {
+			onCloseToast: fe,
+			isPaused: t.$props.expanded || t.$props.interacting || T(ue)
+		}), null, 16, ["isPaused"])) : (v(), i(e, { key: 2 }, [
+			re.value ? (v(), i("div", {
+				key: 0,
+				"data-icon": "",
+				class: p(T(X)(o.classes?.icon, o.toast?.classes?.icon))
+			}, [o.toast.icon ? (v(), n(S(o.toast.icon), { key: 0 })) : (v(), i(e, { key: 1 }, [R.value === "loading" ? x(t.$slots, "loading-icon", { key: 0 }) : R.value === "success" ? x(t.$slots, "success-icon", { key: 1 }) : R.value === "error" ? x(t.$slots, "error-icon", { key: 2 }) : R.value === "warning" ? x(t.$slots, "warning-icon", { key: 3 }) : R.value === "info" ? x(t.$slots, "info-icon", { key: 4 }) : r("", !0)], 64))], 2)) : r("", !0),
+			a("div", {
+				"data-content": "",
+				class: p(T(X)(o.classes?.content, o.toast?.classes?.content))
+			}, [a("div", {
+				"data-title": "",
+				class: p(T(X)(o.classes?.title, o.toast.classes?.title))
+			}, [ce.value ? (v(), n(S(o.toast.title), m(d({ key: 0 }, o.toast.componentProps)), null, 16)) : (v(), i(e, { key: 1 }, [s(w(o.toast.title), 1)], 64))], 2), o.toast.description ? (v(), i("div", {
+				key: 0,
+				"data-description": "",
+				class: p(T(X)(o.descriptionClass, ne.value, o.toast.descriptionClass, o.classes?.description, o.toast.classes?.description))
+			}, [le.value ? (v(), n(S(o.toast.description), m(d({ key: 0 }, o.toast.componentProps)), null, 16)) : (v(), i(e, { key: 1 }, [s(w(o.toast.description), 1)], 64))], 2)) : r("", !0)], 2),
+			o.toast.cancel ? (v(), i("button", {
+				key: 1,
+				style: h(o.toast.cancelButtonStyle || o.cancelButtonStyle),
+				class: p(T(X)(o.classes?.cancelButton, o.toast.classes?.cancelButton)),
+				"data-button": "",
+				"data-cancel": "",
+				onClick: c[0] ||= (e) => {
+					T(ve)(o.toast.cancel) && z.value && (o.toast.cancel.onClick?.(e), J());
+				}
+			}, w(T(ve)(o.toast.cancel) ? o.toast.cancel?.label : o.toast.cancel), 7)) : r("", !0),
+			o.toast.action ? (v(), i("button", {
+				key: 2,
+				style: h(o.toast.actionButtonStyle || o.actionButtonStyle),
+				class: p(T(X)(o.classes?.actionButton, o.toast.classes?.actionButton)),
+				"data-button": "",
+				"data-action": "",
+				onClick: c[1] ||= (e) => {
+					T(ve)(o.toast.action) && (o.toast.action.onClick?.(e), !e.defaultPrevented && J());
+				}
+			}, w(T(ve)(o.toast.action) ? o.toast.action?.label : o.toast.action), 7)) : r("", !0)
+		], 64))], 46, we));
+	}
+}), De = {}, Oe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stoke-width": "1.5",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+function ke(e, t) {
+	return v(), i("svg", Oe, [...t[0] ||= [a("line", {
+		x1: "18",
+		y1: "6",
+		x2: "6",
+		y2: "18"
+	}, null, -1), a("line", {
+		x1: "6",
+		y1: "6",
+		x2: "18",
+		y2: "18"
+	}, null, -1)]]);
+}
+var Ae = /*#__PURE__*/ q(De, [["render", ke]]), je = ["data-visible"], Me = { class: "sonner-spinner" }, Ne = /* @__PURE__ */ l({
+	__name: "Loader",
+	props: { visible: { type: Boolean } },
+	setup(t) {
+		let n = Array(12).fill(0);
+		return (r, o) => (v(), i("div", {
+			class: "sonner-loading-wrapper",
+			"data-visible": t.visible
+		}, [a("div", Me, [(v(!0), i(e, null, b(T(n), (e) => (v(), i("div", {
+			key: `spinner-bar-${e}`,
+			class: "sonner-loading-bar"
+		}))), 128))])], 8, je));
+	}
+}), Pe = {}, Fe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 20 20",
+	fill: "currentColor",
+	height: "20",
+	width: "20"
+};
+function Ie(e, t) {
+	return v(), i("svg", Fe, [...t[0] ||= [a("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"
+	}, null, -1)]]);
+}
+var Le = /*#__PURE__*/ q(Pe, [["render", Ie]]), Re = {}, ze = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 20 20",
+	fill: "currentColor",
+	height: "20",
+	width: "20"
+};
+function Be(e, t) {
+	return v(), i("svg", ze, [...t[0] ||= [a("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"
+	}, null, -1)]]);
+}
+var Ve = /*#__PURE__*/ q(Re, [["render", Be]]), He = {}, Ue = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	height: "20",
+	width: "20"
+};
+function We(e, t) {
+	return v(), i("svg", Ue, [...t[0] ||= [a("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"
+	}, null, -1)]]);
+}
+var Ge = /*#__PURE__*/ q(He, [["render", We]]), Ke = {}, qe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 20 20",
+	fill: "currentColor",
+	height: "20",
+	width: "20"
+};
+function Je(e, t) {
+	return v(), i("svg", qe, [...t[0] ||= [a("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"
+	}, null, -1)]]);
+}
+var Ye = /*#__PURE__*/ q(Ke, [["render", Je]]), Xe = ["aria-label"], Ze = [
+	"data-sonner-theme",
+	"dir",
+	"data-theme",
+	"data-rich-colors",
+	"data-y-position",
+	"data-x-position"
+], Qe = typeof window < "u" && typeof document < "u";
+function $e() {
+	if (typeof window > "u" || typeof document > "u") return "ltr";
+	let e = document.documentElement.getAttribute("dir");
+	return e === "auto" || !e ? window.getComputedStyle(document.documentElement).direction : e;
+}
+//#endregion
+//#region src/sonner/Toaster.vue
+var et = /* @__PURE__ */ l({
+	name: "Toaster",
+	inheritAttrs: !1,
+	__name: "Toaster",
+	props: {
+		id: {},
+		invert: {
+			type: Boolean,
+			default: !1
+		},
+		theme: { default: "light" },
+		position: { default: "bottom-right" },
+		closeButtonPosition: { default: "top-left" },
+		hotkey: { default: () => ["altKey", "KeyT"] },
+		richColors: {
+			type: Boolean,
+			default: !1
+		},
+		expand: {
+			type: Boolean,
+			default: !1
+		},
+		duration: {},
+		gap: { default: 14 },
+		visibleToasts: { default: 3 },
+		closeButton: {
+			type: Boolean,
+			default: !1
+		},
+		toastOptions: { default: () => ({}) },
+		class: { default: "" },
+		style: {},
+		offset: { default: ye },
+		mobileOffset: { default: be },
+		dir: { default: "auto" },
+		swipeDirections: {},
+		icons: {},
+		containerAriaLabel: { default: "Notifications" }
+	},
+	setup(r) {
+		let a = r, o = E(), s = y([]), l = t(() => a.id ? s.value.filter((e) => e.toasterId === a.id) : s.value.filter((e) => !e.toasterId));
+		function u(e, t) {
+			return l.value.filter((n) => !n.position && t === 0 || n.position === e);
+		}
+		let m = t(() => {
+			let e = l.value.filter((e) => e.position).map((e) => e.position);
+			return e.length > 0 ? Array.from(new Set([a.position].concat(e))) : [a.position];
+		}), g = t(() => {
+			let e = {};
+			return m.value.forEach((t) => {
+				e[t] = s.value.filter((e) => e.position === t);
+			}), e;
+		}), _ = y([]), C = y({}), w = y(!1);
+		D(() => {
+			m.value.forEach((e) => {
+				e in C.value || (C.value[e] = !1);
+			});
+		});
+		let ee = y(a.theme === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : a.theme), k = y(null), A = y(null), j = y(!1), M = a.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+		function N(e) {
+			s.value.find((t) => t.id === e.id)?.delete || W.dismiss(e.id), s.value = s.value.filter(({ id: t }) => t !== e.id), setTimeout(() => {
+				s.value.find((t) => t.id === e.id) || (_.value = _.value.filter((t) => t.toastId !== e.id));
+			}, 250);
+		}
+		function P(e) {
+			j.value && !e.currentTarget?.contains?.(e.relatedTarget) && (j.value = !1, A.value &&= (A.value.focus({ preventScroll: !0 }), null));
+		}
+		function F(e) {
+			e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || j.value || (j.value = !0, A.value = e.relatedTarget);
+		}
+		function I(e) {
+			e.target && e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || (w.value = !0);
+		}
+		D((e) => {
+			s.value = W.getActiveToasts(), e(W.subscribe((e) => {
+				if (e.dismiss) {
+					requestAnimationFrame(() => {
+						s.value = s.value.map((t) => t.id === e.id ? {
+							...t,
+							delete: !0
+						} : t);
+					});
+					return;
+				}
+				f(() => {
+					let t = s.value.findIndex((t) => t.id === e.id);
+					t === -1 ? s.value = [e, ...s.value] : s.value = [
+						...s.value.slice(0, t),
+						{
+							...s.value[t],
+							...e
+						},
+						...s.value.slice(t + 1)
+					];
+				});
+			}));
+		}), D((e) => {
+			if (typeof window > "u") return;
+			if (a.theme !== "system") {
+				ee.value = a.theme;
+				return;
+			}
+			let t = window.matchMedia("(prefers-color-scheme: dark)"), n = (e) => {
+				ee.value = e ? "dark" : "light";
+			};
+			n(t.matches);
+			let r = (e) => {
+				n(e.matches);
+			};
+			try {
+				t.addEventListener("change", r);
+			} catch {
+				t.addListener(r);
+			}
+			e(() => {
+				try {
+					t.removeEventListener("change", r);
+				} catch {
+					t.removeListener(r);
+				}
+			});
+		}), D(() => {
+			k.value && A.value && (A.value.focus({ preventScroll: !0 }), A.value = null, j.value = !1);
+		}), D(() => {
+			s.value.length <= 1 && Object.keys(C.value).forEach((e) => {
+				C.value[e] = !1;
+			});
+		}), D((e) => {
+			function t(e) {
+				let t = a.hotkey.every((t) => e[t] || e.code === t), n = Array.isArray(k.value) ? k.value[0] : k.value;
+				t && (m.value.forEach((e) => {
+					C.value[e] = !0;
+				}), n?.focus());
+				let r = document.activeElement === k.value || n?.contains(document.activeElement);
+				e.code === "Escape" && r && m.value.forEach((e) => {
+					C.value[e] = !1;
+				});
+			}
+			Qe && (document.addEventListener("keydown", t), e(() => {
+				document.removeEventListener("keydown", t);
+			}));
+		});
+		function L(e) {
+			let t = e.currentTarget, n = t.getAttribute("data-y-position") + "-" + t.getAttribute("data-x-position");
+			C.value[n] = !0;
+		}
+		function te(e) {
+			if (!w.value) {
+				let t = e.currentTarget, n = t.getAttribute("data-y-position") + "-" + t.getAttribute("data-x-position");
+				C.value[n] = !1;
+			}
+		}
+		function R() {
+			Object.keys(C.value).forEach((e) => {
+				C.value[e] = !1;
+			});
+		}
+		function z() {
+			w.value = !1;
+		}
+		function B(e) {
+			_.value = e;
+		}
+		function ne(e) {
+			let t = _.value.findIndex((t) => t.toastId === e.toastId);
+			if (t !== -1) _.value[t] = e;
+			else {
+				let t = _.value.findIndex((t) => t.position === e.position);
+				t === -1 ? _.value.unshift(e) : _.value.splice(t, 0, e);
+			}
+		}
+		return (t, s) => (v(), i("section", {
+			"aria-label": `${r.containerAriaLabel} ${T(M)}`,
+			tabIndex: -1,
+			"aria-live": "polite",
+			"aria-relevant": "additions text",
+			"aria-atomic": "false"
+		}, [(v(!0), i(e, null, b(m.value, (s, l) => (v(), i("ol", d({
+			key: s,
+			ref_for: !0,
+			ref_key: "listRef",
+			ref: k,
+			"data-sonner-toaster": "",
+			"data-sonner-theme": ee.value,
+			class: a.class,
+			dir: r.dir === "auto" ? $e() : r.dir,
+			tabIndex: -1,
+			"data-theme": r.theme,
+			"data-rich-colors": r.richColors,
+			"data-y-position": s.split("-")[0],
+			"data-x-position": s.split("-")[1],
+			style: {
+				"--front-toast-height": `${_.value[0]?.height || 0}px`,
+				"--width": `${T(356)}px`,
+				"--gap": `${r.gap}px`,
+				...r.style,
+				...T(o).style,
+				...T(Ce)(r.offset, r.mobileOffset)
+			}
+		}, { ref_for: !0 }, t.$attrs, {
+			onBlur: P,
+			onFocus: F,
+			onMouseenter: L,
+			onMousemove: L,
+			onMouseleave: te,
+			onDragend: R,
+			onPointerdown: I,
+			onPointerup: z
+		}), [(v(!0), i(e, null, b(u(s, l), (e, i) => (v(), n(Ee, {
+			key: e.id,
+			heights: _.value,
+			icons: r.icons,
+			index: i,
+			toast: e,
+			defaultRichColors: r.richColors,
+			duration: r.toastOptions?.duration ?? r.duration,
+			class: p(r.toastOptions?.class ?? ""),
+			descriptionClass: r.toastOptions?.descriptionClass,
+			invert: r.invert,
+			visibleToasts: r.visibleToasts,
+			closeButton: r.toastOptions?.closeButton ?? r.closeButton,
+			interacting: w.value,
+			position: s,
+			closeButtonPosition: r.toastOptions?.closeButtonPosition ?? r.closeButtonPosition,
+			style: h(r.toastOptions?.style),
+			unstyled: r.toastOptions?.unstyled,
+			classes: r.toastOptions?.classes,
+			cancelButtonStyle: r.toastOptions?.cancelButtonStyle,
+			actionButtonStyle: r.toastOptions?.actionButtonStyle,
+			"close-button-aria-label": r.toastOptions?.closeButtonAriaLabel,
+			toasts: g.value[s],
+			expandByDefault: r.expand,
+			gap: r.gap,
+			expanded: C.value[s] || !1,
+			swipeDirections: a.swipeDirections,
+			"onUpdate:heights": B,
+			"onUpdate:height": ne,
+			onRemoveToast: N
+		}, {
+			"close-icon": O(() => [x(t.$slots, "close-icon", {}, () => [c(Ae)])]),
+			"loading-icon": O(() => [r.icons?.loading ? (v(), n(S(r.icons.loading), { key: 0 })) : x(t.$slots, "loading-icon", { key: 1 }, () => [c(Ne, { visible: e.type === "loading" }, null, 8, ["visible"])])]),
+			"success-icon": O(() => [r.icons?.success ? (v(), n(S(r.icons.success), { key: 0 })) : x(t.$slots, "success-icon", { key: 1 }, () => [c(Le)])]),
+			"error-icon": O(() => [r.icons?.error ? (v(), n(S(r.icons.error), { key: 0 })) : x(t.$slots, "error-icon", { key: 1 }, () => [c(Ye)])]),
+			"warning-icon": O(() => [r.icons?.warning ? (v(), n(S(r.icons.warning), { key: 0 })) : x(t.$slots, "warning-icon", { key: 1 }, () => [c(Ge)])]),
+			"info-icon": O(() => [r.icons?.info ? (v(), n(S(r.icons.info), { key: 0 })) : x(t.$slots, "info-icon", { key: 1 }, () => [c(Ve)])]),
+			_: 2
+		}, 1032, [
+			"heights",
+			"icons",
+			"index",
+			"toast",
+			"defaultRichColors",
+			"duration",
+			"class",
+			"descriptionClass",
+			"invert",
+			"visibleToasts",
+			"closeButton",
+			"interacting",
+			"position",
+			"closeButtonPosition",
+			"style",
+			"unstyled",
+			"classes",
+			"cancelButtonStyle",
+			"actionButtonStyle",
+			"close-button-aria-label",
+			"toasts",
+			"expandByDefault",
+			"gap",
+			"expanded",
+			"swipeDirections"
+		]))), 128))], 16, Ze))), 128))], 8, Xe));
+	}
+}), tt = 0, nt = !1;
+function rt() {
+	return tt += 1, () => {
+		tt = Math.max(0, tt - 1);
+	};
+}
+function it() {
+	tt > 0 || nt || typeof console > "u" || (nt = !0, console.warn("[vue-smart-toast] Render <Toaster /> once before calling toast()."));
+}
+//#endregion
+//#region src/Toaster.vue
+var at = /* @__PURE__ */ l({
+	name: "Toaster",
+	__name: "Toaster",
+	props: {
+		id: String,
+		invert: Boolean,
+		theme: {
+			type: String,
+			default: "light"
+		},
+		position: {
+			type: String,
+			default: "bottom-right"
+		},
+		closeButtonPosition: {
+			type: String,
+			default: "top-left"
+		},
+		hotkey: {
+			type: Array,
+			default: () => ["altKey", "KeyT"]
+		},
+		richColors: Boolean,
+		expand: Boolean,
+		duration: Number,
+		gap: Number,
+		visibleToasts: Number,
+		closeButton: Boolean,
+		toastOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		mobileToastOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		class: String,
+		style: Object,
+		offset: [
+			String,
+			Number,
+			Object
+		],
+		mobileOffset: [
+			String,
+			Number,
+			Object
+		],
+		dir: {
+			type: String,
+			default: "auto"
+		},
+		swipeDirections: Array,
+		icons: Object,
+		containerAriaLabel: String
+	},
+	setup(t) {
+		let n = t, r;
+		return _(() => {
+			r = rt();
+		}), g(() => {
+			r?.();
+		}), (t, r) => (v(), i(e, null, [c(T(et), {
+			id: n.id,
+			invert: n.invert,
+			theme: n.theme,
+			position: n.position,
+			"close-button-position": n.closeButtonPosition,
+			hotkey: n.hotkey,
+			"rich-colors": n.richColors,
+			expand: n.expand,
+			duration: n.duration,
+			gap: n.gap,
+			"visible-toasts": n.visibleToasts,
+			"close-button": n.closeButton,
+			"toast-options": n.toastOptions,
+			class: p(n.class),
+			style: h(n.style),
+			offset: n.offset,
+			"mobile-offset": n.mobileOffset,
+			dir: n.dir,
+			"swipe-directions": n.swipeDirections,
+			icons: n.icons,
+			"container-aria-label": n.containerAriaLabel
+		}, o({ _: 2 }, [
+			t.$slots["close-icon"] ? {
+				name: "close-icon",
+				fn: O(() => [x(t.$slots, "close-icon")]),
+				key: "0"
+			} : void 0,
+			t.$slots["loading-icon"] ? {
+				name: "loading-icon",
+				fn: O(() => [x(t.$slots, "loading-icon")]),
+				key: "1"
+			} : void 0,
+			t.$slots["success-icon"] ? {
+				name: "success-icon",
+				fn: O(() => [x(t.$slots, "success-icon")]),
+				key: "2"
+			} : void 0,
+			t.$slots["error-icon"] ? {
+				name: "error-icon",
+				fn: O(() => [x(t.$slots, "error-icon")]),
+				key: "3"
+			} : void 0,
+			t.$slots["warning-icon"] ? {
+				name: "warning-icon",
+				fn: O(() => [x(t.$slots, "warning-icon")]),
+				key: "4"
+			} : void 0,
+			t.$slots["info-icon"] ? {
+				name: "info-icon",
+				fn: O(() => [x(t.$slots, "info-icon")]),
+				key: "5"
+			} : void 0
+		]), 1032, [
+			"id",
+			"invert",
+			"theme",
+			"position",
+			"close-button-position",
+			"hotkey",
+			"rich-colors",
+			"expand",
+			"duration",
+			"gap",
+			"visible-toasts",
+			"close-button",
+			"toast-options",
+			"class",
+			"style",
+			"offset",
+			"mobile-offset",
+			"dir",
+			"swipe-directions",
+			"icons",
+			"container-aria-label"
+		]), c(_e, {
+			toasts: T(R),
+			"toast-options": n.mobileToastOptions
+		}, o({ _: 2 }, [
+			t.$slots["mobile-loading-icon"] ? {
+				name: "loading-icon",
+				fn: O(() => [x(t.$slots, "mobile-loading-icon")]),
+				key: "0"
+			} : void 0,
+			t.$slots["mobile-success-icon"] ? {
+				name: "success-icon",
+				fn: O(() => [x(t.$slots, "mobile-success-icon")]),
+				key: "1"
+			} : void 0,
+			t.$slots["mobile-error-icon"] ? {
+				name: "error-icon",
+				fn: O(() => [x(t.$slots, "mobile-error-icon")]),
+				key: "2"
+			} : void 0,
+			t.$slots["mobile-warning-icon"] ? {
+				name: "warning-icon",
+				fn: O(() => [x(t.$slots, "mobile-warning-icon")]),
+				key: "3"
+			} : void 0,
+			t.$slots["mobile-info-icon"] ? {
+				name: "info-icon",
+				fn: O(() => [x(t.$slots, "mobile-info-icon")]),
+				key: "4"
+			} : void 0
+		]), 1032, ["toasts", "toast-options"])], 64));
+	}
+});
+//#endregion
+//#region src/index.ts
+function Z(e) {
+	if (it(), N(e.device) === "mobile") return ie({
+		...e,
+		device: "mobile"
+	});
+	let t = e.type === "loading" ? "loading" : F(e.type), n = {
+		id: e.id,
+		description: e.description,
+		duration: e.duration,
+		position: e.pcPosition ?? e.position,
+		dismissible: e.dismissible,
+		action: e.action,
+		cancel: e.cancel,
+		onDismiss: e.onDismiss,
+		onAutoClose: e.onAutoClose,
+		icon: e.icon,
+		class: e.class,
+		style: e.style,
+		descriptionClass: e.descriptionClass,
+		cancelButtonStyle: e.cancelButtonStyle,
+		actionButtonStyle: e.actionButtonStyle,
+		unstyled: e.unstyled,
+		classes: e.classes,
+		closeButtonAriaLabel: e.closeButtonAriaLabel,
+		closeButtonPosition: e.closeButtonPosition,
+		important: e.important,
+		richColors: e.richColors,
+		closeButton: e.closeButton,
+		toasterId: e.toasterId
+	}, r = String(e.message ?? "");
+	return t === "success" ? K.success(r, n) : t === "info" ? K.info(r, n) : t === "warning" ? K.warning(r, n) : t === "error" ? K.error(r, n) : t === "loading" ? K.loading(r, n) : K(r, n);
+}
+function Q(e) {
+	return (t, n) => Z({
+		...n,
+		message: t,
+		type: e
+	});
+}
+function ot(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function st(e) {
+	let { loading: t, success: n, error: r, description: i, finally: a, ...o } = e;
+	return o;
+}
+var $ = ((e, t) => Z({
+	...t,
+	message: e,
+	type: t?.type ?? "default"
+}));
+$.message = Q("default"), $.success = Q("success"), $.info = Q("info"), $.warning = Q("warning"), $.error = Q("error"), $.fail = Q("fail"), $.dismiss = (e) => {
+	V(e), K.dismiss(e);
+}, $.clear = () => {
+	H(), K.dismiss();
+}, $.promise = (e, t = {}) => {
+	if (!t.loading && !t.success && !t.error) return;
+	let n = st(t), r = t.loading ? Z({
+		...n,
+		message: t.loading,
+		type: "loading",
+		duration: Infinity
+	}) : t.id;
+	return (typeof e == "function" ? e() : e).then((e) => {
+		let i = ot(t.success, e), a = ot(t.description, e);
+		return i !== void 0 && r !== void 0 && Z({
+			...n,
+			id: r,
+			message: i,
+			description: a,
+			type: "success",
+			duration: t.duration
+		}), e;
+	}).catch((e) => {
+		let i = ot(t.error, e);
+		i !== void 0 && r !== void 0 && Z({
+			...n,
+			id: r,
+			message: i,
+			type: "error",
+			duration: t.duration
+		});
+	}).finally(() => {
+		t.finally?.();
+	}), r;
+};
+var ct = { install(e) {
+	e.component("Toaster", at), e.config.globalProperties.$toast = $, e.provide("toast", $);
+} };
+function lt(e) {
+	return Z(e);
+}
+var ut = lt;
+//#endregion
+export { at as Toaster, ct as default, ae as destroyStore, V as dismissToast, ut as showToast, lt as showToastOptions, $ as toast };