ropav 0.2.0 → 0.3.0

package/dist/toast.js

@@ -1,793 +0,0 @@
-import './toast.css';
-import { t as useControllableValue } from "./useControllableValue.js";
-import { t as useStylesApi } from "./styles-api.js";
-import { t as bem } from "./bem.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as x_default } from "./x.js";
-import { a as getComponentVariantColorRoles, t as componentColors } from "./componentColors.js";
-import { i as isNodeWithinElement } from "./events.js";
-import { n as useOverlayZIndex } from "./useOverlayZIndex.js";
-import { n as useTeleportTarget } from "./useTeleportTarget.js";
-import { VaporTeleport, VaporTransition, VaporTransitionGroup, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, extend, inject, nextTick, on, onBeforeUnmount, onMounted, provide, ref, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, toValue, txt, unref, useSlots, watch } from "vue";
-//#region src/components/toast/defaults.ts
-var DEFAULT_TOAST_DURATION = 5e3;
-var DEFAULT_TOAST_ROLE = "status";
-var DEFAULT_TOAST_CLOSE_LABEL = "Close toast";
-//#endregion
-//#region src/components/toast/toastColor.ts
-function getToastColorStyle(color, variant, autoContrast, contrastColor) {
-	if (!color && !variant) return void 0;
-	const resolvedVariant = variant ?? "surface";
-	const roles = getComponentVariantColorRoles({
-		color,
-		variant: resolvedVariant,
-		defaultColor: "cyan",
-		autoContrast,
-		contrastColor
-	});
-	if (!roles) return void 0;
-	return {
-		"--_rp-toast-bg": roles.background,
-		"--_rp-toast-fg": resolvedVariant === "solid" ? roles.color : "var(--rp-color-text)",
-		"--_rp-toast-title-fg": resolvedVariant === "solid" ? roles.color : "var(--rp-color-text)",
-		"--_rp-toast-icon-fg": roles.color,
-		"--_rp-toast-border": roles.border
-	};
-}
-//#endregion
-//#region src/components/toast/useToastLifecycle.ts
-function useToastLifecycle(options) {
-	const isOpen = computed(() => toValue(options.isOpen));
-	const duration = computed(() => toValue(options.duration));
-	const pauseOnHover = computed(() => toValue(options.pauseOnHover));
-	const pauseOnFocus = computed(() => toValue(options.pauseOnFocus));
-	let isMounted = false;
-	let closePending = false;
-	let pausedByHover = false;
-	let pausedByFocus = false;
-	let timer;
-	let timerStartedAt = 0;
-	let remainingDuration = 0;
-	function getDuration() {
-		return Number.isFinite(duration.value) && duration.value > 0 ? duration.value : 0;
-	}
-	function clearTimer() {
-		if (timer === void 0) return;
-		clearTimeout(timer);
-		timer = void 0;
-	}
-	function scheduleTimer() {
-		if (!isOpen.value || remainingDuration <= 0 || pausedByHover || pausedByFocus) return;
-		timerStartedAt = Date.now();
-		timer = setTimeout(() => {
-			timer = void 0;
-			remainingDuration = 0;
-			close("timeout");
-		}, remainingDuration);
-	}
-	function resetTimer() {
-		clearTimer();
-		remainingDuration = getDuration();
-		scheduleTimer();
-	}
-	function pauseTimer() {
-		if (timer === void 0) return;
-		remainingDuration = Math.max(0, remainingDuration - (Date.now() - timerStartedAt));
-		clearTimer();
-		if (remainingDuration === 0) close("timeout");
-	}
-	function resumeTimer() {
-		if (pausedByHover || pausedByFocus) return;
-		scheduleTimer();
-	}
-	function resetPauseState() {
-		pausedByHover = false;
-		pausedByFocus = false;
-	}
-	function onMouseenter() {
-		if (!pauseOnHover.value) return;
-		pausedByHover = true;
-		pauseTimer();
-	}
-	function onMouseleave() {
-		if (!pauseOnHover.value) return;
-		pausedByHover = false;
-		resumeTimer();
-	}
-	function onFocusin() {
-		if (!pauseOnFocus.value) return;
-		pausedByFocus = true;
-		pauseTimer();
-	}
-	function onFocusout(event) {
-		if (!pauseOnFocus.value) return;
-		if (isNodeWithinElement(event.relatedTarget, event.currentTarget)) return;
-		pausedByFocus = false;
-		resumeTimer();
-	}
-	function close(reason) {
-		if (closePending) return;
-		closePending = true;
-		clearTimer();
-		options.requestClose(reason);
-		if (isOpen.value) {
-			resetTimer();
-			nextTick(() => {
-				if (isOpen.value) closePending = false;
-			});
-		}
-	}
-	watch(isOpen, (open) => {
-		if (open) closePending = false;
-	});
-	watch(pauseOnHover, (enabled) => {
-		if (enabled || !pausedByHover) return;
-		pausedByHover = false;
-		resumeTimer();
-	});
-	watch(pauseOnFocus, (enabled) => {
-		if (enabled || !pausedByFocus) return;
-		pausedByFocus = false;
-		resumeTimer();
-	});
-	watch([isOpen, duration], ([open], [wasOpen]) => {
-		if (!isMounted) return;
-		if (!open || !wasOpen) resetPauseState();
-		resetTimer();
-	});
-	onMounted(() => {
-		isMounted = true;
-		resetTimer();
-	});
-	onBeforeUnmount(() => {
-		isMounted = false;
-		clearTimer();
-	});
-	return {
-		close,
-		rootEvents: {
-			onMouseenter,
-			onMouseleave,
-			onFocusin,
-			onFocusout
-		}
-	};
-}
-//#endregion
-//#region src/components/toast/toast.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$1 = template("<div data-v-441adf44>");
-var t1 = template(" ");
-var t2 = template("<p data-v-441adf44> ");
-var t3 = template("<div data-v-441adf44 class=rp-toast__content>");
-var t4 = template("<button data-v-441adf44>");
-//#endregion
-//#region src/components/toast/toast.vue
-var toast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
-	name: "RpToast",
-	inheritAttrs: false,
-	__name: "toast",
-	props: {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		title: { default: "" },
-		description: { default: "" },
-		variant: {},
-		color: {},
-		autoContrast: {
-			type: Boolean,
-			default: true
-		},
-		contrastColor: {},
-		radius: {},
-		role: { default: DEFAULT_TOAST_ROLE },
-		duration: { default: DEFAULT_TOAST_DURATION },
-		pauseOnHover: {
-			type: Boolean,
-			default: true
-		},
-		pauseOnFocus: {
-			type: Boolean,
-			default: true
-		},
-		closable: {
-			type: Boolean,
-			default: true
-		},
-		closeLabel: { default: DEFAULT_TOAST_CLOSE_LABEL },
-		classNames: {},
-		styles: {}
-	},
-	emits: [
-		"update:open",
-		"close",
-		"after-leave"
-	],
-	setup(__props, { emit: __emit, slots: $slots }) {
-		const props = __props;
-		const emit = __emit;
-		const slots = useSlots();
-		const controllableOpen = useControllableValue({
-			modelValue: () => props.open,
-			defaultValue: () => true,
-			onChange: (open) => emit("update:open", open)
-		});
-		const isOpen = controllableOpen.value;
-		const { close: closeToast, rootEvents } = useToastLifecycle({
-			isOpen,
-			duration: () => props.duration,
-			pauseOnHover: () => props.pauseOnHover,
-			pauseOnFocus: () => props.pauseOnFocus,
-			requestClose(reason) {
-				controllableOpen.setValue(false);
-				emit("close", reason);
-			}
-		});
-		const hasTitle = computed(() => Boolean(props.title || slots.title));
-		const hasDescription = computed(() => Boolean(props.description));
-		const hasContent = computed(() => Boolean(hasTitle.value || hasDescription.value || slots.default));
-		const resolvedRole = computed(() => props.role === "none" ? void 0 : props.role);
-		const hasIcon = computed(() => Boolean(slots.icon));
-		const rootClass = computed(() => bem("rp-toast", {
-			[props.variant ?? ""]: Boolean(props.variant),
-			[`radius-${props.radius}`]: Boolean(props.radius)
-		}));
-		const rootStyle = computed(() => getToastColorStyle(props.color, props.variant, props.autoContrast, props.contrastColor));
-		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
-		const rootAttrs = computed(() => getRootAttrs({
-			class: rootClass.value,
-			style: rootStyle.value,
-			role: resolvedRole.value,
-			...rootEvents
-		}));
-		const _on_after_leave = () => emit("after-leave");
-		return createComponent(VaporTransition, {
-			name: "rp-toast",
-			onAfterLeave: () => _on_after_leave
-		}, extend(() => {
-			return createIf(() => unref(isOpen), () => {
-				const n30 = t0$1();
-				renderEffect(() => setDynamicProps(n30, [rootAttrs.value]));
-				setInsertionState(n30, null, 0);
-				createIf(() => hasIcon.value, () => {
-					const n5 = t0$1();
-					renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("icon", { class: "rp-toast__icon" }), { "aria-hidden": "true" }]));
-					setInsertionState(n5, null, 0);
-					createSlot("icon", null, null, 1);
-					return n5;
-				});
-				setInsertionState(n30, null, 1);
-				createIf(() => hasContent.value, () => {
-					const n21 = t3();
-					setInsertionState(n21, null, 0);
-					createIf(() => hasTitle.value, () => {
-						const n13 = t0$1();
-						renderEffect(() => setDynamicProps(n13, [unref(getPartAttrs)("title", { class: "rp-toast__title" })]));
-						setInsertionState(n13, null, 0);
-						createSlot("title", null, () => {
-							const n12 = t1();
-							renderEffect(() => setText(n12, toDisplayString(__props.title)));
-							return n12;
-						}, 1);
-						return n13;
-					});
-					setInsertionState(n21, null, 1);
-					createIf(() => hasDescription.value, () => {
-						const n16 = t2();
-						const x16 = txt(n16);
-						renderEffect(() => {
-							setDynamicProps(n16, [unref(getPartAttrs)("description", { class: "rp-toast__description" })]);
-							setText(x16, toDisplayString(__props.description));
-						});
-						return n16;
-					});
-					setInsertionState(n21, null, 2);
-					createIf(() => $slots.default, () => {
-						const n20 = t0$1();
-						renderEffect(() => setDynamicProps(n20, [unref(getPartAttrs)("body", { class: "rp-toast__body" })]));
-						setInsertionState(n20, null, 0);
-						createSlot("default", null, null, 1);
-						return n20;
-					});
-					return n21;
-				});
-				setInsertionState(n30, null, 2);
-				createIf(() => $slots.action, () => {
-					const n25 = t0$1();
-					renderEffect(() => setDynamicProps(n25, [unref(getPartAttrs)("action", { class: "rp-toast__action" })]));
-					setInsertionState(n25, null, 0);
-					createSlot("action", null, null, 1);
-					return n25;
-				});
-				setInsertionState(n30, null, 3);
-				createIf(() => __props.closable, () => {
-					const n29 = t4();
-					renderEffect(() => setDynamicProps(n29, [unref(getPartAttrs)("close", { class: "rp-toast__close" }), {
-						type: "button",
-						"aria-label": __props.closeLabel
-					}]));
-					setInsertionState(n29, null, 0);
-					createComponent(unref(x_default), { "aria-hidden": "true" });
-					on(n29, "click", () => unref(closeToast)("dismiss"));
-					return n29;
-				});
-				return n30;
-			}, null, 129);
-		}, { _: 8 }), true);
-	}
-}), [["__scopeId", "data-v-441adf44"]]);
-//#endregion
-//#region src/components/toast/toast-store.ts
-var TYPE_DEFAULTS = {
-	default: {},
-	success: { color: "green" },
-	error: {
-		color: "red",
-		role: "alert"
-	},
-	warning: {
-		color: "yellow",
-		role: "alert"
-	},
-	info: { color: "blue" }
-};
-function withoutUndefined(value) {
-	return Object.fromEntries(Object.entries(value).filter(([, entry]) => entry !== void 0));
-}
-function normalizeMax(max) {
-	if (max === Infinity) return Infinity;
-	if (!Number.isFinite(max)) return 5;
-	return Math.max(1, Math.floor(max ?? 5));
-}
-function normalizeInput(input, options) {
-	return {
-		...typeof input === "string" ? { title: input } : input,
-		...options
-	};
-}
-function splitOptions(options) {
-	const { id, type, onClose, ...toastProps } = options;
-	return {
-		id,
-		type,
-		onClose,
-		toastProps: withoutUndefined(toastProps)
-	};
-}
-function getStoreDefaults(options) {
-	return withoutUndefined({
-		duration: options.duration ?? 5e3,
-		variant: options.variant,
-		color: options.color,
-		autoContrast: options.autoContrast,
-		contrastColor: options.contrastColor,
-		radius: options.radius,
-		role: options.role,
-		pauseOnHover: options.pauseOnHover ?? true,
-		pauseOnFocus: options.pauseOnFocus ?? true,
-		closable: options.closable ?? true,
-		closeLabel: options.closeLabel ?? "Close toast"
-	});
-}
-function replaceAt(items, index, value) {
-	const nextItems = items.slice();
-	nextItems[index] = value;
-	return nextItems;
-}
-function notify(item, reason) {
-	item.onClose?.(reason);
-}
-function partitionOverflow(items, max) {
-	if (max === Infinity || items.length <= max) return {
-		kept: items,
-		evicted: []
-	};
-	const overflow = items.length - max;
-	return {
-		kept: items.slice(overflow),
-		evicted: items.slice(0, overflow)
-	};
-}
-function createToastStore(options = {}) {
-	const items = ref([]);
-	const toasts = computed(() => items.value);
-	const records = /* @__PURE__ */ new Map();
-	let sequence = 0;
-	function createInstanceId() {
-		sequence += 1;
-		return `rp-toast-${sequence}`;
-	}
-	function resolveItem(id, instanceId, record) {
-		return {
-			id,
-			instanceId,
-			type: record.type,
-			props: {
-				...TYPE_DEFAULTS[record.type],
-				...getStoreDefaults(options),
-				...record.props
-			},
-			onClose: record.onClose
-		};
-	}
-	function forget(removedItems) {
-		for (const item of removedItems) records.delete(item.instanceId);
-	}
-	function notifyAll(removedItems, reason) {
-		for (const item of removedItems) notify(item, reason);
-	}
-	function create(type, input, createOptions) {
-		const split = splitOptions(normalizeInput(input, createOptions));
-		const instanceId = createInstanceId();
-		const id = split.id ?? instanceId;
-		const record = {
-			type: split.type ?? type,
-			props: split.toastProps,
-			onClose: split.onClose
-		};
-		const item = resolveItem(id, instanceId, record);
-		const replaced = items.value.filter((current) => current.id === id);
-		const { kept, evicted } = partitionOverflow([...items.value.filter((current) => current.id !== id), item], normalizeMax(options.max));
-		records.set(instanceId, record);
-		forget([...replaced, ...evicted]);
-		items.value = kept;
-		notifyAll(replaced, "replace");
-		notifyAll(evicted, "overflow");
-		return id;
-	}
-	function show(input, createOptions) {
-		return create("default", input, createOptions);
-	}
-	function success(input, createOptions) {
-		return create("success", input, createOptions);
-	}
-	function error(input, createOptions) {
-		return create("error", input, createOptions);
-	}
-	function warning(input, createOptions) {
-		return create("warning", input, createOptions);
-	}
-	function info(input, createOptions) {
-		return create("info", input, createOptions);
-	}
-	function update(id, updateOptions) {
-		const index = items.value.findIndex((item) => item.id === id);
-		if (index === -1) return;
-		const current = items.value[index];
-		const record = records.get(current.instanceId);
-		if (!record) return;
-		const { type, onClose, ...toastProps } = updateOptions;
-		const nextRecord = {
-			type: type ?? record.type,
-			props: {
-				...record.props,
-				...withoutUndefined(toastProps)
-			},
-			onClose: Object.hasOwn(updateOptions, "onClose") ? onClose : record.onClose
-		};
-		records.set(current.instanceId, nextRecord);
-		items.value = replaceAt(items.value, index, resolveItem(current.id, current.instanceId, nextRecord));
-	}
-	function closeAt(index, reason) {
-		if (index === -1) return;
-		const current = items.value[index];
-		records.delete(current.instanceId);
-		items.value = items.value.filter((_, currentIndex) => currentIndex !== index);
-		notify(current, reason);
-	}
-	function dismiss(id, reason = "dismiss") {
-		closeAt(items.value.findIndex((item) => item.id === id), reason);
-	}
-	function dismissAll(reason = "dismiss") {
-		const dismissed = items.value;
-		records.clear();
-		items.value = [];
-		notifyAll(dismissed, reason);
-	}
-	const store = {
-		toasts,
-		show,
-		success,
-		error,
-		warning,
-		info,
-		update,
-		dismiss,
-		dismissAll
-	};
-	watch(() => normalizeMax(options.max), (max) => {
-		const { kept, evicted } = partitionOverflow(items.value, max);
-		if (evicted.length === 0) return;
-		forget(evicted);
-		items.value = kept;
-		notifyAll(evicted, "overflow");
-	}, { flush: "sync" });
-	return store;
-}
-//#endregion
-//#region src/components/toast/types.ts
-var toastParts = [
-	"root",
-	"icon",
-	"title",
-	"description",
-	"body",
-	"action",
-	"close"
-];
-var toastViewportParts = [
-	"root",
-	"item",
-	"toast",
-	"toastIcon",
-	"toastTitle",
-	"toastDescription",
-	"toastBody",
-	"toastAction",
-	"toastClose"
-];
-var toastColors = componentColors;
-var toastVariants = [
-	"subtle",
-	"surface",
-	"outline",
-	"solid"
-];
-var toastRadiuses = [
-	"none",
-	"xs",
-	"sm",
-	"md",
-	"lg",
-	"xl"
-];
-var toastPositions = [
-	"top-left",
-	"top-center",
-	"top-right",
-	"bottom-left",
-	"bottom-center",
-	"bottom-right"
-];
-var toastTypes = [
-	"default",
-	"success",
-	"error",
-	"warning",
-	"info"
-];
-var toastProviderKey = Symbol("toast-provider");
-//#endregion
-//#region src/components/toast/useToast.ts
-function provideToast(store) {
-	function dismissInstance(instanceId, reason = "dismiss") {
-		const item = store.toasts.value.find((current) => current.instanceId === instanceId);
-		if (item) store.dismiss(item.id, reason);
-	}
-	const context = {
-		...store,
-		dismissInstance
-	};
-	provide(toastProviderKey, context);
-	return context;
-}
-function useToastContext(consumer) {
-	const context = inject(toastProviderKey);
-	if (!context) throw new Error(`[Ropav] ${consumer} must be used inside <ToastProvider>.`);
-	return context;
-}
-function useToast() {
-	return useToastContext("useToast()");
-}
-//#endregion
-//#region src/components/toast/toast-provider.vue
-var toast_provider_default = /* @__PURE__ */ defineVaporComponent({
-	name: "RpToastProvider",
-	__name: "toast-provider",
-	props: {
-		store: {},
-		max: { default: 5 },
-		duration: { default: DEFAULT_TOAST_DURATION },
-		variant: { default: void 0 },
-		color: { default: void 0 },
-		autoContrast: {
-			type: Boolean,
-			default: void 0
-		},
-		contrastColor: { default: void 0 },
-		radius: { default: void 0 },
-		role: { default: void 0 },
-		pauseOnHover: {
-			type: Boolean,
-			default: true
-		},
-		pauseOnFocus: {
-			type: Boolean,
-			default: true
-		},
-		closable: {
-			type: Boolean,
-			default: true
-		},
-		closeLabel: { default: DEFAULT_TOAST_CLOSE_LABEL }
-	},
-	setup(__props) {
-		const props = __props;
-		provideToast(props.store ?? createToastStore(props));
-		return createSlot();
-	}
-});
-//#endregion
-//#region src/components/toast/toast-viewport.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<li data-v-480d3e51>");
-//#endregion
-//#region src/components/toast/toast-viewport.vue
-var toast_viewport_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
-	name: "RpToastViewport",
-	inheritAttrs: false,
-	__name: "toast-viewport",
-	props: {
-		position: { default: "top-right" },
-		label: { default: "Notifications" },
-		baseZIndex: {},
-		teleport: {
-			type: Boolean,
-			default: true
-		},
-		teleportTo: {},
-		classNames: {},
-		styles: {}
-	},
-	setup(__props, { slots: $slots }) {
-		const props = __props;
-		const resolvedTeleportTo = useTeleportTarget(() => props.teleportTo);
-		const zIndex = useOverlayZIndex({
-			baseZIndex: () => props.baseZIndex,
-			defaultBaseZIndex: 1e3,
-			offset: 1
-		});
-		const context = useToastContext("<ToastViewport>");
-		function reverseToasts(toasts) {
-			return toasts.map((_, index) => toasts[toasts.length - index - 1]);
-		}
-		const orderedToasts = computed(() => props.position.startsWith("top") ? reverseToasts(context.toasts.value) : context.toasts.value);
-		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
-		const rootAttrs = computed(() => getRootAttrs({
-			class: [
-				"rp-toast-viewport",
-				`rp-toast-viewport--${props.position}`,
-				{ "rp-toast-viewport--empty": orderedToasts.value.length === 0 }
-			],
-			style: { zIndex: zIndex.value },
-			"data-position": props.position,
-			"aria-label": props.label
-		}));
-		const viewportToastPartMap = {
-			root: "toast",
-			icon: "toastIcon",
-			title: "toastTitle",
-			description: "toastDescription",
-			body: "toastBody",
-			action: "toastAction",
-			close: "toastClose"
-		};
-		function getToastClassNames(toast) {
-			return Object.fromEntries(Object.entries(viewportToastPartMap).map(([toastPart, viewportPart]) => [toastPart, [toast.props.classNames?.[toastPart], props.classNames?.[viewportPart]]]));
-		}
-		function getToastStyles(toast) {
-			return Object.fromEntries(Object.entries(viewportToastPartMap).map(([toastPart, viewportPart]) => [toastPart, [toast.props.styles?.[toastPart], props.styles?.[viewportPart]]]));
-		}
-		function dismiss(toast) {
-			context.dismissInstance(toast.instanceId);
-		}
-		return createComponent(VaporTeleport, {
-			to: () => unref(resolvedTeleportTo),
-			disabled: () => !__props.teleport
-		}, () => {
-			return createComponent(VaporTransitionGroup, {
-				tag: "ol",
-				name: "rp-toast-viewport-item",
-				$: [() => rootAttrs.value]
-			}, extend(() => {
-				return createFor(() => orderedToasts.value, (_for_item0) => {
-					const n10 = t0();
-					renderEffect(() => setDynamicProps(n10, [unref(getPartAttrs)("item", { class: "rp-toast-viewport__item" }), { "data-type": _for_item0.value.type }]));
-					setInsertionState(n10, null, 0);
-					createComponent(toast_default, { $: [() => _for_item0.value.props, {
-						open: true,
-						"class-names": () => getToastClassNames(_for_item0.value),
-						styles: () => getToastStyles(_for_item0.value),
-						"data-type": () => _for_item0.value.type,
-						onClose: () => ($event) => unref(context).dismissInstance(_for_item0.value.instanceId, $event)
-					}] }, { $: [
-						() => $slots.icon ? {
-							name: "icon",
-							fn: () => {
-								return createSlot("icon", {
-									toast: () => _for_item0.value,
-									dismiss: () => (() => dismiss(_for_item0.value))
-								}, null, 1);
-							}
-						} : void 0,
-						() => $slots.action ? {
-							name: "action",
-							fn: () => {
-								return createSlot("action", {
-									toast: () => _for_item0.value,
-									dismiss: () => (() => dismiss(_for_item0.value))
-								}, null, 1);
-							}
-						} : void 0,
-						{ "default": extend(() => {
-							return createIf(() => $slots.default, () => {
-								return createSlot("default", {
-									toast: () => _for_item0.value,
-									dismiss: () => (() => dismiss(_for_item0.value))
-								}, null, 1);
-							}, null, 129);
-						}, { _: 8 }) }
-					] });
-					return n10;
-				}, (toast) => toast.instanceId, 40);
-			}, { _: 8 }));
-		}, true);
-	}
-}), [["__scopeId", "data-v-480d3e51"]]);
-//#endregion
-//#region src/components/toast/useToastState.ts
-function useToastState(options = {}) {
-	const closeReason = ref(null);
-	const controlledOpen = computed(() => toValue(options.open));
-	const controllableOpen = useControllableValue({
-		modelValue: () => controlledOpen.value,
-		defaultValue: () => options.defaultOpen ?? false,
-		onChange: (nextOpen) => options.onOpenChange?.(nextOpen)
-	});
-	const isOpen = controllableOpen.value;
-	const lastCloseReason = computed(() => closeReason.value);
-	watch(controlledOpen, (nextOpen) => {
-		if (nextOpen === void 0) return;
-		if (nextOpen) closeReason.value = null;
-	}, {
-		flush: "sync",
-		immediate: true
-	});
-	const toastProps = computed(() => ({
-		open: isOpen.value,
-		"onUpdate:open": setOpen,
-		onClose: handleToastClose
-	}));
-	function setOpen(nextOpen) {
-		if (nextOpen === isOpen.value) return;
-		if (nextOpen) closeReason.value = null;
-		controllableOpen.setValue(nextOpen);
-	}
-	function open() {
-		setOpen(true);
-	}
-	function close(reason = "dismiss") {
-		if (!isOpen.value) return;
-		setOpen(false);
-		handleToastClose(reason);
-	}
-	function toggle() {
-		if (isOpen.value) close();
-		else open();
-	}
-	function handleToastClose(reason) {
-		closeReason.value = reason;
-		options.onClose?.(reason);
-	}
-	return {
-		isOpen,
-		lastCloseReason,
-		toastProps,
-		setOpen,
-		open,
-		close,
-		toggle
-	};
-}
-//#endregion
-export { toastColors as a, toastRadiuses as c, toastViewportParts as d, createToastStore as f, useToast as i, toastTypes as l, toast_viewport_default as n, toastParts as o, toast_default as p, toast_provider_default as r, toastPositions as s, useToastState as t, toastVariants as u };