niuma-ui 2.0.4 → 2.1.0

package/dist/components/toaster/src/RsToaster.d.ts

@@ -1,17 +1,47 @@
-import type { RsToastPosition } from '../../_shared/src/overlay-utils';
+import { type RsToastPosition } from '../../_shared/src/overlay-utils';
 type __VLS_Props = {
+    /** 渠道。同一页面只挂一个同 id 的宿主。 */
+    toasterId?: string;
     position?: RsToastPosition;
     closeButton?: boolean;
     richColors?: boolean;
+    /** 为 false 时叠成一摞，悬停、焦点或快捷键展开。 */
     expand?: boolean;
+    /** 条间距（px）。 */
     gap?: number;
+    /** 未在单条上指定时的自动关闭毫秒。0 表示不自动关闭。 */
+    duration?: number;
+    /** 同一方位最多同时显示几条。 */
+    visibleToasts?: number;
+    /** 离视口边缘的距离（px）。未传走 --rs-space-lg，并让出安全区。 */
+    offset?: number;
+    /** 滑动关闭。 */
+    swipe?: boolean;
+    /** 悬停或焦点暂停倒计时。 */
+    pauseOnHover?: boolean;
+    /** 例如 alt+t。空字符串关闭。按下后展开并聚焦通知区。 */
+    hotkey?: string;
+    /** 覆盖 toaster.region。 */
+    ariaLabel?: string;
+    teleportTo?: string | HTMLElement;
+    id?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    /** 供模板 ref 关闭。业务侧通常用 useRsToast().dismiss。 */
+    dismiss: (id?: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     gap: number;
     expand: boolean;
     position: RsToastPosition;
+    teleportTo: string | HTMLElement;
+    toasterId: string;
+    duration: number;
     closeButton: boolean;
     richColors: boolean;
+    visibleToasts: number;
+    swipe: boolean;
+    pauseOnHover: boolean;
+    hotkey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/toaster/src/RsToaster.impl.js

@@ -1,12 +1,65 @@
 import { readResolvedTheme } from "../../../theme/apply.js";
 import { rsConfigKey } from "../../../composables/useRsConfig.js";
+import { resolveDirMode } from "../../../locale/apply.js";
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
 import { RS_TOAST_DEFAULT_POSITION } from "../../_shared/src/overlay-utils.js";
-import { Teleport, computed, createBlock, createVNode, defineComponent, inject, openBlock, unref } from "vue";
-import { Toaster } from "vue-sonner";
+import { RS_TOAST_DEFAULT_DURATION, clampToastGap, clampVisibleToasts, isToastTypingTarget, matchToastHotkey, resolveToastPosition, toastAriaLive, toastIconName, toastLiveRole } from "./toast-utils.js";
+import { dismissRsToast, pauseRsToast, releaseRsToasterHost, resumeRsToast, rsToasts, syncRsToasterHost } from "./toast-store.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, watch } from "vue";
 //#region src/components/toaster/src/RsToaster.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-label",
+	"data-position",
+	"data-rs-theme",
+	"data-rs-dir",
+	"dir",
+	"lang"
+];
+var _hoisted_2 = [
+	"data-position",
+	"onMouseenter",
+	"onMouseleave",
+	"onFocusin",
+	"onFocusout"
+];
+var _hoisted_3 = [
+	"id",
+	"role",
+	"aria-live",
+	"data-type",
+	"data-visible",
+	"onKeydown",
+	"onPointerdown",
+	"onPointermove",
+	"onPointerup",
+	"onPointercancel"
+];
+var _hoisted_4 = {
+	class: "rs-toast__icon",
+	"data-icon": "",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = {
+	class: "rs-toast__body",
+	"data-content": ""
+};
+var _hoisted_6 = ["id"];
+var _hoisted_7 = ["id"];
+var _hoisted_8 = {
+	key: 1,
+	class: "rs-toast__actions",
+	"data-button": ""
+};
+var _hoisted_9 = ["onClick"];
+var _hoisted_10 = ["onClick"];
+var _hoisted_11 = ["aria-label", "onClick"];
 var RsToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsToaster",
 	__name: "RsToaster",
 	props: {
+		toasterId: { default: "default" },
 		position: { default: RS_TOAST_DEFAULT_POSITION },
 		closeButton: {
 			type: Boolean,
@@ -20,43 +73,265 @@ var RsToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			type: Boolean,
 			default: true
 		},
-		gap: { default: 4 }
+		gap: { default: 4 },
+		duration: { default: RS_TOAST_DEFAULT_DURATION },
+		visibleToasts: { default: 3 },
+		offset: {},
+		swipe: {
+			type: Boolean,
+			default: true
+		},
+		pauseOnHover: {
+			type: Boolean,
+			default: true
+		},
+		hotkey: { default: "alt+t" },
+		ariaLabel: {},
+		teleportTo: { default: "body" },
+		id: {}
 	},
-	setup(__props) {
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { t, locale } = useRsI18n();
 		const config = inject(rsConfigKey, null);
-		const sonnerTheme = computed(() => {
-			if (config?.resolvedTheme.value) return config.resolvedTheme.value;
-			return readResolvedTheme();
+		const regionRef = ref(null);
+		const hotkeyExpanded = ref(false);
+		const openStack = ref(null);
+		const hostToken = Symbol("rs-toaster");
+		const swipes = /* @__PURE__ */ new Map();
+		const theme = computed(() => config?.resolvedTheme.value ?? readResolvedTheme());
+		const textDir = computed(() => {
+			if (config) return resolveDirMode(config.dir.value, config.locale.value);
+			if (typeof document === "undefined") return "ltr";
+			return document.documentElement.getAttribute("dir") === "rtl" ? "rtl" : "ltr";
+		});
+		const regionLabel = computed(() => props.ariaLabel || t("toaster.region"));
+		const closeLabel = computed(() => t("toaster.close"));
+		const visibleLimit = computed(() => clampVisibleToasts(props.visibleToasts));
+		const gapPx = computed(() => clampToastGap(props.gap));
+		const rootStyle = computed(() => {
+			const style = { "--rs-toaster-gap": `${gapPx.value}px` };
+			if (props.offset != null && Number.isFinite(props.offset) && props.offset >= 0) style["--rs-toaster-offset"] = `${props.offset}px`;
+			return style;
+		});
+		const groups = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const item of rsToasts.value) {
+				if (item.toasterId !== props.toasterId) continue;
+				const position = resolveToastPosition(item.position, props.position);
+				const list = map.get(position);
+				if (list) list.push(item);
+				else map.set(position, [item]);
+			}
+			return [...map.entries()].map(([position, items]) => ({
+				position,
+				items: items.slice(0, visibleLimit.value)
+			}));
+		});
+		watch(() => ({
+			toasterId: props.toasterId,
+			position: props.position,
+			duration: props.duration,
+			closeButton: props.closeButton,
+			richColors: props.richColors
+		}), (options, _, onCleanup) => {
+			syncRsToasterHost(options.toasterId, hostToken, {
+				position: options.position,
+				duration: options.duration,
+				closeButton: options.closeButton,
+				richColors: options.richColors
+			});
+			onCleanup(() => releaseRsToasterHost(options.toasterId, hostToken));
+		}, { immediate: true });
+		watch(() => props.hotkey, (spec, _, onCleanup) => {
+			if (!spec || typeof window === "undefined") return;
+			const onKey = (event) => {
+				if (!matchToastHotkey(event, spec) || isToastTypingTarget(event.target)) return;
+				hotkeyExpanded.value = true;
+				event.preventDefault();
+				regionRef.value?.focus();
+			};
+			window.addEventListener("keydown", onKey);
+			onCleanup(() => window.removeEventListener("keydown", onKey));
+		}, { immediate: true });
+		onUnmounted(() => {
+			for (const swipe of swipes.values()) swipe.el.style.transform = "";
+			swipes.clear();
 		});
+		function stackExpanded(position) {
+			return props.expand || hotkeyExpanded.value || openStack.value === position;
+		}
+		function idsIn(position) {
+			return groups.value.find((group) => group.position === position)?.items.map((item) => item.id) ?? [];
+		}
+		function hold(position) {
+			openStack.value = position;
+			if (!props.pauseOnHover) return;
+			for (const id of idsIn(position)) pauseRsToast(id, "hover");
+		}
+		function release(position) {
+			if (openStack.value === position) openStack.value = null;
+			hotkeyExpanded.value = false;
+			if (!props.pauseOnHover) return;
+			for (const id of idsIn(position)) resumeRsToast(id, "hover");
+		}
+		function onFocusOut(event, position) {
+			const next = event.relatedTarget;
+			const current = event.currentTarget;
+			if (next instanceof Node && current instanceof Node && current.contains(next)) return;
+			release(position);
+		}
+		function showClose(item) {
+			return item.closeButton && item.dismissible;
+		}
+		function onClose(item) {
+			if (!item.dismissible) return;
+			dismissRsToast(item.id);
+		}
+		function onAction(event, item, kind) {
+			const button = kind === "action" ? item.action : item.cancel;
+			try {
+				button?.onClick?.(event);
+			} finally {
+				if (item.dismissible) dismissRsToast(item.id);
+			}
+		}
+		function onToastKeydown(event, item) {
+			if (event.key !== "Escape" || !item.dismissible) return;
+			event.stopPropagation();
+			dismissRsToast(item.id);
+		}
+		function onPointerDown(event, item) {
+			if (!props.swipe || !item.dismissible || event.button !== 0) return;
+			const target = event.target;
+			if (target instanceof Element && target.closest("button, a")) return;
+			const el = event.currentTarget;
+			if (!(el instanceof HTMLElement)) return;
+			swipes.set(item.id, {
+				x: event.clientX,
+				y: event.clientY,
+				el
+			});
+			try {
+				el.setPointerCapture(event.pointerId);
+			} catch {}
+			el.style.willChange = "transform";
+		}
+		function onPointerMove(event, item) {
+			const swipe = swipes.get(item.id);
+			if (!swipe) return;
+			const dx = event.clientX - swipe.x;
+			const dy = event.clientY - swipe.y;
+			swipe.el.style.transform = `translate3d(${dx}px, ${dy}px, 0)`;
+		}
+		function endSwipe(item, dismiss) {
+			const swipe = swipes.get(item.id);
+			if (!swipe) return;
+			swipe.el.style.transform = "";
+			swipe.el.style.willChange = "";
+			swipes.delete(item.id);
+			if (dismiss && item.dismissible) dismissRsToast(item.id);
+		}
+		function onPointerUp(event, item) {
+			const swipe = swipes.get(item.id);
+			if (!swipe) return;
+			const dx = event.clientX - swipe.x;
+			const dy = event.clientY - swipe.y;
+			endSwipe(item, Math.hypot(dx, dy) >= 72);
+		}
+		function onPointerCancel(_event, item) {
+			endSwipe(item, false);
+		}
+		__expose({ 
+		/** 供模板 ref 关闭。业务侧通常用 useRsToast().dismiss。 */
+dismiss: (id) => dismissRsToast(id) });
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(Toaster), {
-				theme: sonnerTheme.value,
-				position: __props.position,
-				"close-button": __props.closeButton,
-				expand: __props.expand,
-				gap: __props.gap,
-				"close-button-position": "top-right",
-				"rich-colors": __props.richColors,
+			return openBlock(), createBlock(Teleport, { to: __props.teleportTo }, [createElementVNode("div", {
+				id: __props.id,
+				ref_key: "regionRef",
+				ref: regionRef,
 				class: "rs-toaster",
-				"toast-options": {
-					unstyled: true,
-					classes: {
-						toast: "rs-toast",
-						title: "rs-toast__title",
-						description: "rs-toast__description",
-						closeButton: "rs-toast__close",
-						actionButton: "rs-toast__action",
-						cancelButton: "rs-toast__action rs-toast__action--secondary"
-					}
-				}
-			}, null, 8, [
-				"theme",
-				"position",
-				"close-button",
-				"expand",
-				"gap",
-				"rich-colors"
-			])]);
+				style: normalizeStyle(rootStyle.value),
+				role: "region",
+				tabindex: "-1",
+				"aria-label": regionLabel.value,
+				"data-position": __props.position,
+				"data-rs-theme": theme.value,
+				"data-rs-dir": textDir.value,
+				dir: textDir.value,
+				lang: unref(locale)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group) => {
+				return openBlock(), createElementBlock("ol", {
+					key: group.position,
+					class: normalizeClass(["rs-toaster__viewport", [`rs-toaster__viewport--${group.position}`, { "rs-toaster__viewport--collapsed": !stackExpanded(group.position) }]]),
+					"data-position": group.position,
+					onMouseenter: ($event) => hold(group.position),
+					onMouseleave: ($event) => release(group.position),
+					onFocusin: ($event) => hold(group.position),
+					onFocusout: ($event) => onFocusOut($event, group.position)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item, index) => {
+					return openBlock(), createElementBlock("li", {
+						id: item.id,
+						key: item.id,
+						class: normalizeClass(["rs-toast", [`rs-toast--${item.type}`, {
+							"rs-toast--rich": item.richColors,
+							"rs-toast--leaving": item.leaving,
+							"rs-toast--front": index === 0
+						}]]),
+						style: normalizeStyle({ "--rs-toast-index": String(index) }),
+						role: unref(toastLiveRole)(item.type),
+						"aria-live": unref(toastAriaLive)(item.type),
+						"aria-atomic": "true",
+						"data-type": item.type,
+						"data-visible": item.leaving ? "false" : "true",
+						onKeydown: ($event) => onToastKeydown($event, item),
+						onPointerdown: ($event) => onPointerDown($event, item),
+						onPointermove: ($event) => onPointerMove($event, item),
+						onPointerup: ($event) => onPointerUp($event, item),
+						onPointercancel: ($event) => onPointerCancel($event, item)
+					}, [
+						createElementVNode("span", _hoisted_4, [createVNode(RsIcon_default, {
+							name: unref(toastIconName)(item.type),
+							size: 20,
+							spin: item.type === "loading"
+						}, null, 8, ["name", "spin"])]),
+						createElementVNode("div", _hoisted_5, [
+							createElementVNode("p", {
+								id: `${item.id}-title`,
+								class: "rs-toast__title"
+							}, toDisplayString(item.title), 9, _hoisted_6),
+							item.description ? (openBlock(), createElementBlock("p", {
+								key: 0,
+								id: `${item.id}-desc`,
+								class: "rs-toast__description",
+								"data-description": ""
+							}, toDisplayString(item.description), 9, _hoisted_7)) : createCommentVNode("", true),
+							item.action || item.cancel ? (openBlock(), createElementBlock("div", _hoisted_8, [item.action ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								type: "button",
+								class: "rs-toast__action",
+								onClick: ($event) => onAction($event, item, "action")
+							}, toDisplayString(item.action.label), 9, _hoisted_9)) : createCommentVNode("", true), item.cancel ? (openBlock(), createElementBlock("button", {
+								key: 1,
+								type: "button",
+								class: "rs-toast__action rs-toast__action--secondary",
+								onClick: ($event) => onAction($event, item, "cancel")
+							}, toDisplayString(item.cancel.label), 9, _hoisted_10)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+						]),
+						showClose(item) ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "rs-toast__close",
+							"data-close-button": "",
+							"aria-label": closeLabel.value,
+							onClick: ($event) => onClose(item)
+						}, [createVNode(RsIcon_default, {
+							name: "x",
+							size: 12
+						})], 8, _hoisted_11)) : createCommentVNode("", true)
+					], 46, _hoisted_3);
+				}), 128))], 42, _hoisted_2);
+			}), 128))], 12, _hoisted_1)], 8, ["to"]);
 		};
 	}
 });

package/dist/components/toaster/src/toast-store.d.ts

@@ -0,0 +1,95 @@
+import { type RsToastPosition } from '../../_shared/src/overlay-utils';
+import { type RsToastAction, type RsToastKind } from './toast-utils';
+export interface RsToastRecord {
+    id: string;
+    toasterId: string;
+    type: RsToastKind;
+    title: string;
+    description?: string;
+    position?: RsToastPosition;
+    duration: number;
+    dismissible: boolean;
+    closeButton: boolean;
+    richColors: boolean;
+    action?: RsToastAction;
+    cancel?: RsToastAction;
+    onDismiss?: (id: string) => void;
+    onAutoClose?: (id: string) => void;
+    leaving: boolean;
+}
+export interface RsToasterHostOptions {
+    position: RsToastPosition;
+    duration: number;
+    closeButton: boolean;
+    richColors: boolean;
+}
+export interface RsToastCreate {
+    type: RsToastKind;
+    title: string;
+    description?: string;
+    position?: RsToastPosition;
+    duration?: number;
+    id?: string;
+    toasterId?: string;
+    dismissible?: boolean;
+    closeButton?: boolean;
+    richColors?: boolean;
+    action?: RsToastAction;
+    cancel?: RsToastAction;
+    onDismiss?: (id: string) => void;
+    onAutoClose?: (id: string) => void;
+}
+export declare const rsToasts: import("vue").Ref<{
+    id: string;
+    toasterId: string;
+    type: RsToastKind;
+    title: string;
+    description?: string | undefined;
+    position?: RsToastPosition | undefined;
+    duration: number;
+    dismissible: boolean;
+    closeButton: boolean;
+    richColors: boolean;
+    action?: {
+        label: string;
+        onClick?: ((event: MouseEvent) => void) | undefined;
+    } | undefined;
+    cancel?: {
+        label: string;
+        onClick?: ((event: MouseEvent) => void) | undefined;
+    } | undefined;
+    onDismiss?: ((id: string) => void) | undefined;
+    onAutoClose?: ((id: string) => void) | undefined;
+    leaving: boolean;
+}[], RsToastRecord[] | {
+    id: string;
+    toasterId: string;
+    type: RsToastKind;
+    title: string;
+    description?: string | undefined;
+    position?: RsToastPosition | undefined;
+    duration: number;
+    dismissible: boolean;
+    closeButton: boolean;
+    richColors: boolean;
+    action?: {
+        label: string;
+        onClick?: ((event: MouseEvent) => void) | undefined;
+    } | undefined;
+    cancel?: {
+        label: string;
+        onClick?: ((event: MouseEvent) => void) | undefined;
+    } | undefined;
+    onDismiss?: ((id: string) => void) | undefined;
+    onAutoClose?: ((id: string) => void) | undefined;
+    leaving: boolean;
+}[]>;
+export declare function syncRsToasterHost(id: string, token: symbol, options: RsToasterHostOptions): void;
+export declare function releaseRsToasterHost(id: string, token: symbol): void;
+export declare function readRsToasterHost(id: string): RsToasterHostOptions;
+export declare function pauseRsToast(id: string, reason: string): void;
+export declare function resumeRsToast(id: string, reason: string): void;
+export declare function pushRsToast(input: RsToastCreate): string;
+export declare function dismissRsToast(id?: string): void;
+/** 测试收尾：清定时器、摘 visibility、清空队列。不拆已挂载宿主的配置。 */
+export declare function resetRsToastStore(): void;

package/dist/components/toaster/src/toast-store.js

@@ -0,0 +1,177 @@
+import { RS_TOAST_DEFAULT_POSITION } from "../../_shared/src/overlay-utils.js";
+import { RS_TOAST_DEFAULT_DURATION, resolveRsToastDuration, shouldArmToastTimer, toastLeaveDelay, trimToastList } from "./toast-utils.js";
+import { ref } from "vue";
+//#region src/components/toaster/src/toast-store.ts
+var DEFAULT_HOST = {
+	position: RS_TOAST_DEFAULT_POSITION,
+	duration: RS_TOAST_DEFAULT_DURATION,
+	closeButton: true,
+	richColors: false
+};
+var rsToasts = ref([]);
+var hosts = /* @__PURE__ */ new Map();
+var timers = /* @__PURE__ */ new Map();
+var leaveTimers = /* @__PURE__ */ new Map();
+var seq = 0;
+var visibilityBound = false;
+function syncRsToasterHost(id, token, options) {
+	hosts.set(id, {
+		token,
+		options
+	});
+}
+function releaseRsToasterHost(id, token) {
+	if (hosts.get(id)?.token === token) hosts.delete(id);
+}
+function readRsToasterHost(id) {
+	return hosts.get(id)?.options ?? DEFAULT_HOST;
+}
+function nextId() {
+	seq += 1;
+	return `rs-toast-${seq}`;
+}
+function callListener(fn, id) {
+	if (!fn) return;
+	try {
+		fn(id);
+	} catch {}
+}
+function clearTimer(id) {
+	const state = timers.get(id);
+	if (state?.timeout) clearTimeout(state.timeout);
+	timers.delete(id);
+}
+function clearLeave(id) {
+	const timeout = leaveTimers.get(id);
+	if (timeout) clearTimeout(timeout);
+	leaveTimers.delete(id);
+}
+function syncVisibility() {
+	if (typeof document === "undefined") return;
+	if (rsToasts.value.length > 0 && !visibilityBound) {
+		document.addEventListener("visibilitychange", onVisibility);
+		visibilityBound = true;
+		return;
+	}
+	if (rsToasts.value.length === 0 && visibilityBound) {
+		document.removeEventListener("visibilitychange", onVisibility);
+		visibilityBound = false;
+	}
+}
+function onVisibility() {
+	if (typeof document === "undefined") return;
+	if (document.hidden) {
+		for (const item of rsToasts.value) pauseRsToast(item.id, "hidden");
+		return;
+	}
+	for (const item of rsToasts.value) resumeRsToast(item.id, "hidden");
+}
+function arm(id, duration) {
+	clearTimer(id);
+	if (!shouldArmToastTimer(duration, typeof window !== "undefined")) return;
+	const state = {
+		timeout: null,
+		remaining: duration,
+		startedAt: 0,
+		reasons: /* @__PURE__ */ new Set()
+	};
+	timers.set(id, state);
+	if (typeof document !== "undefined" && document.hidden) {
+		state.reasons.add("hidden");
+		return;
+	}
+	state.startedAt = Date.now();
+	state.timeout = setTimeout(() => finish(id, "auto"), duration);
+}
+function pauseRsToast(id, reason) {
+	const state = timers.get(id);
+	if (!state || state.reasons.has(reason)) return;
+	const wasRunning = state.reasons.size === 0 && state.timeout != null;
+	state.reasons.add(reason);
+	if (!wasRunning || !state.timeout) return;
+	clearTimeout(state.timeout);
+	state.timeout = null;
+	state.remaining = Math.max(0, state.remaining - (Date.now() - state.startedAt));
+}
+function resumeRsToast(id, reason) {
+	const state = timers.get(id);
+	if (!state || !state.reasons.delete(reason) || state.reasons.size > 0) return;
+	if (state.remaining <= 0) {
+		finish(id, "auto");
+		return;
+	}
+	state.startedAt = Date.now();
+	state.timeout = setTimeout(() => finish(id, "auto"), state.remaining);
+}
+function finish(id, reason) {
+	const record = rsToasts.value.find((item) => item.id === id);
+	if (!record || record.leaving) {
+		clearTimer(id);
+		return;
+	}
+	clearTimer(id);
+	record.leaving = true;
+	if (reason === "auto") callListener(record.onAutoClose, id);
+	else callListener(record.onDismiss, id);
+	const delay = toastLeaveDelay();
+	const remove = () => {
+		leaveTimers.delete(id);
+		rsToasts.value = rsToasts.value.filter((item) => item.id !== id);
+		syncVisibility();
+	};
+	if (delay <= 0 || typeof window === "undefined") {
+		remove();
+		return;
+	}
+	leaveTimers.set(id, setTimeout(remove, delay));
+}
+function dropOverflow(toasterId) {
+	const owned = rsToasts.value.filter((item) => item.toasterId === toasterId);
+	const kept = new Set(trimToastList(owned, 24));
+	if (kept.size === owned.length) return;
+	for (const item of owned) {
+		if (kept.has(item)) continue;
+		clearTimer(item.id);
+		clearLeave(item.id);
+		callListener(item.onDismiss, item.id);
+	}
+	rsToasts.value = rsToasts.value.filter((item) => item.toasterId !== toasterId || kept.has(item));
+}
+function pushRsToast(input) {
+	const toasterId = input.toasterId || "default";
+	const host = readRsToasterHost(toasterId);
+	const id = input.id || nextId();
+	const duration = resolveRsToastDuration(input.duration, host.duration);
+	const next = {
+		id,
+		toasterId,
+		type: input.type,
+		title: input.title,
+		description: input.description,
+		position: input.position,
+		duration,
+		dismissible: input.dismissible !== false,
+		closeButton: input.closeButton ?? host.closeButton,
+		richColors: input.richColors ?? host.richColors,
+		action: input.action,
+		cancel: input.cancel,
+		onDismiss: input.onDismiss,
+		onAutoClose: input.onAutoClose,
+		leaving: false
+	};
+	clearLeave(id);
+	rsToasts.value = [next, ...rsToasts.value.filter((item) => item.id !== id)];
+	dropOverflow(toasterId);
+	if (rsToasts.value.some((item) => item.id === id)) arm(id, duration);
+	syncVisibility();
+	return id;
+}
+function dismissRsToast(id) {
+	if (id == null || id === "") {
+		for (const item of [...rsToasts.value]) finish(item.id, "dismiss");
+		return;
+	}
+	finish(id, "dismiss");
+}
+//#endregion
+export { dismissRsToast, pauseRsToast, pushRsToast, readRsToasterHost, releaseRsToasterHost, resumeRsToast, rsToasts, syncRsToasterHost };