@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/Toast/dodge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dodge.mjs","names":[],"sources":["../../../src/base-ui/Toast/dodge.ts"],"sourcesContent":["export const TOAST_WIDTH = 360;\r\nexport const TOAST_MIN_WIDTH = 260;\r\nexport const TOAST_EDGE = 16;\r\nexport const TOAST_ROW_HEIGHT = 88;\r\nexport const TOAST_DODGE_GUTTER = 12;\r\n\r\n// Spring baked as linear(): stiffness 460 / damping 53 / mass 2.3, zeta ~0.81\r\n// with 1.2% overshoot. The duration is the spring's settle time — change them\r\n// together with the curve, not independently.\r\nexport const TOAST_DODGE_DURATION = '608ms';\r\nexport const TOAST_DODGE_EASE =\r\n  'linear(0, 0.08, 0.249, 0.437, 0.607, 0.745, 0.847, 0.917, 0.963, 0.99, 1.004, 1.011, 1.012, 1.011, 1.009, 1.007, 1.005, 1.003, 1.002, 1)';\r\n\r\nexport const TOAST_SHIFT_X_VAR = '--toast-shift-x';\r\nexport const TOAST_SHIFT_Y_VAR = '--toast-shift-y';\r\nexport const TOAST_WIDTH_VAR = '--toast-width';\r\nexport const PANEL_RESERVE_VAR = '--floating-panel-reserve-block-end';\r\nexport const PANEL_ALIGN_INLINE_VAR = '--floating-panel-reserve-inline-end';\r\n\r\nexport interface ToastDodgeInput {\r\n  panelHeight: number;\r\n  panelOffsetX: number;\r\n  panelOffsetY: number;\r\n  panelWidth: number;\r\n  viewportHeight: number;\r\n  viewportWidth: number;\r\n}\r\n\r\nexport type ToastDodgeMode = 'left' | 'reserve' | 'shrink' | 'up';\r\n\r\nexport interface ToastDodgeResult {\r\n  alignInline: number;\r\n  mode: ToastDodgeMode;\r\n  reserve: number;\r\n  shiftX: number;\r\n  shiftY: number;\r\n  width: number;\r\n}\r\n\r\nexport const resolveToastDodge = ({\r\n  panelHeight,\r\n  panelOffsetX,\r\n  panelOffsetY,\r\n  panelWidth,\r\n  viewportHeight,\r\n  viewportWidth,\r\n}: ToastDodgeInput): ToastDodgeResult => {\r\n  const shiftX = Math.max(0, panelWidth + panelOffsetX + TOAST_DODGE_GUTTER - TOAST_EDGE);\r\n  const shiftY = Math.max(0, panelHeight + panelOffsetY + TOAST_DODGE_GUTTER - TOAST_EDGE);\r\n  const lane = viewportWidth - shiftX - TOAST_EDGE * 2;\r\n  const headroom = viewportHeight - shiftY - TOAST_EDGE * 2;\r\n\r\n  // The panel sits closer to the edge than the toast does, so the pair reads as\r\n  // misaligned until the panel is pushed out to the toast's inset. Which axis\r\n  // needs it follows which edge the two end up sharing.\r\n  const alignBlock = Math.max(0, TOAST_EDGE - panelOffsetY);\r\n  const alignInline = Math.max(0, TOAST_EDGE - panelOffsetX);\r\n\r\n  if (lane >= TOAST_WIDTH) {\r\n    return {\r\n      alignInline: 0,\r\n      mode: 'left',\r\n      reserve: alignBlock,\r\n      shiftX,\r\n      shiftY: 0,\r\n      width: TOAST_WIDTH,\r\n    };\r\n  }\r\n\r\n  if (headroom >= TOAST_ROW_HEIGHT) {\r\n    return { alignInline, mode: 'up', reserve: 0, shiftX: 0, shiftY, width: TOAST_WIDTH };\r\n  }\r\n\r\n  if (lane >= TOAST_MIN_WIDTH) {\r\n    return { alignInline: 0, mode: 'shrink', reserve: alignBlock, shiftX, shiftY: 0, width: lane };\r\n  }\r\n\r\n  // ponytail: the reserve budget is one toast row, not the live stack height —\r\n  // measuring the stack would feed panel resizes back into the measurement.\r\n  // A taller stack overflows upward here; per-stack reserve if that shows up.\r\n  return {\r\n    alignInline,\r\n    mode: 'reserve',\r\n    reserve: Math.max(0, TOAST_EDGE + TOAST_ROW_HEIGHT + TOAST_DODGE_GUTTER - panelOffsetY),\r\n    shiftX: 0,\r\n    shiftY: 0,\r\n    width: TOAST_WIDTH,\r\n  };\r\n};\r\n"],"mappings":"AASA,MAAa,uBAAuB;AACpC,MAAa,mBACX;AAEF,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,yBAAyB;AAsBtC,MAAa,qBAAqB,EAChC,aACA,cACA,cACA,YACA,gBACA,oBACuC;CACvC,MAAM,SAAS,KAAK,IAAI,GAAG,aAAa,eAAA,KAAA,EAA8C;CACtF,MAAM,SAAS,KAAK,IAAI,GAAG,cAAc,eAAA,KAAA,EAA8C;CACvF,MAAM,OAAO,gBAAgB,SAAS;CACtC,MAAM,WAAW,iBAAiB,SAAS;CAK3C,MAAM,aAAa,KAAK,IAAI,GAAA,KAAgB,YAAY;CACxD,MAAM,cAAc,KAAK,IAAI,GAAA,KAAgB,YAAY;CAEzD,IAAI,QAAA,KACF,OAAO;EACL,aAAa;EACb,MAAM;EACN,SAAS;EACT;EACA,QAAQ;EACR,OAAA;CACF;CAGF,IAAI,YAAA,IACF,OAAO;EAAE;EAAa,MAAM;EAAM,SAAS;EAAG,QAAQ;EAAG;EAAQ,OAAA;CAAmB;CAGtF,IAAI,QAAA,KACF,OAAO;EAAE,aAAa;EAAG,MAAM;EAAU,SAAS;EAAY;EAAQ,QAAQ;EAAG,OAAO;CAAK;CAM/F,OAAO;EACL;EACA,MAAM;EACN,SAAS,KAAK,IAAI,GAAG,MAAqD,YAAY;EACtF,QAAQ;EACR,QAAQ;EACR,OAAA;CACF;AACF"}

package/es/base-ui/Toast/hostGuard.mjs

@@ -0,0 +1,26 @@
+//#region src/base-ui/Toast/hostGuard.ts
+const hostOrder = [];
+const listeners = /* @__PURE__ */ new Set();
+const emit = () => {
+	for (const listener of listeners) listener();
+};
+const registerToastHost = (id) => {
+	hostOrder.push(id);
+	emit();
+	return () => {
+		const index = hostOrder.indexOf(id);
+		if (index !== -1) hostOrder.splice(index, 1);
+		emit();
+	};
+};
+const isActiveToastHost = (id) => hostOrder[0] === id;
+const subscribeToastHost = (listener) => {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+};
+//#endregion
+export { isActiveToastHost, registerToastHost, subscribeToastHost };
+
+//# sourceMappingURL=hostGuard.mjs.map

package/es/base-ui/Toast/hostGuard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hostGuard.mjs","names":[],"sources":["../../../src/base-ui/Toast/hostGuard.ts"],"sourcesContent":["const hostOrder: string[] = [];\r\nconst listeners = new Set<() => void>();\r\n\r\nconst emit = (): void => {\r\n  for (const listener of listeners) listener();\r\n};\r\n\r\nexport const registerToastHost = (id: string): (() => void) => {\r\n  hostOrder.push(id);\r\n  emit();\r\n  return () => {\r\n    const index = hostOrder.indexOf(id);\r\n    if (index !== -1) hostOrder.splice(index, 1);\r\n    emit();\r\n  };\r\n};\r\n\r\nexport const isActiveToastHost = (id: string): boolean => hostOrder[0] === id;\r\n\r\nexport const subscribeToastHost = (listener: () => void): (() => void) => {\r\n  listeners.add(listener);\r\n  return () => {\r\n    listeners.delete(listener);\r\n  };\r\n};\r\n\r\nexport const __resetToastHostRegistryForTests = (): void => {\r\n  hostOrder.length = 0;\r\n};\r\n"],"mappings":";AAAA,MAAM,YAAsB,CAAC;AAC7B,MAAM,4BAAY,IAAI,IAAgB;AAEtC,MAAM,aAAmB;CACvB,KAAK,MAAM,YAAY,WAAW,SAAS;AAC7C;AAEA,MAAa,qBAAqB,OAA6B;CAC7D,UAAU,KAAK,EAAE;CACjB,KAAK;CACL,aAAa;EACX,MAAM,QAAQ,UAAU,QAAQ,EAAE;EAClC,IAAI,UAAU,IAAI,UAAU,OAAO,OAAO,CAAC;EAC3C,KAAK;CACP;AACF;AAEA,MAAa,qBAAqB,OAAwB,UAAU,OAAO;AAE3E,MAAa,sBAAsB,aAAuC;CACxE,UAAU,IAAI,QAAQ;CACtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF"}

package/es/base-ui/Toast/imperative.d.mts

@@ -0,0 +1,35 @@
+import { ToastAPI, ToastPosition } from "./type.mjs";
+//#region src/base-ui/Toast/imperative.d.ts
+declare const toast: ToastAPI;
+interface ToastHostProps {
+  className?: string;
+  /**
+   * Default duration for toasts
+   * @default 5000
+   */
+  duration?: number;
+  /**
+   * Maximum number of toasts
+   * @default 5
+   */
+  limit?: number;
+  /**
+   * Toast position
+   * @default 'bottom-right'
+   */
+  position?: ToastPosition;
+  /**
+   * Root element for portal
+   */
+  root?: HTMLElement | ShadowRoot | null;
+  /**
+   * Swipe direction to dismiss
+   * @default ['down', 'right']
+   */
+  swipeDirection?: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];
+}
+declare const ToastHost: import("react").MemoExoticComponent<({ root, className, duration, limit, position, swipeDirection }: ToastHostProps) => import("react").JSX.Element[] | null>;
+declare const useToast: () => ToastAPI;
+//#endregion
+export { ToastHost, ToastHostProps, toast, useToast };
+//# sourceMappingURL=imperative.d.mts.map

package/es/base-ui/Toast/imperative.mjs

@@ -0,0 +1,253 @@
+"use client";
+import { useIsClient } from "../../hooks/useIsClient.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { acquireLayerZIndex } from "../zIndex/manager.mjs";
+import { ToastContext } from "./context.mjs";
+import { isActiveToastHost, registerToastHost, subscribeToastHost } from "./hostGuard.mjs";
+import { markToastHostNotReady, markToastHostReady, runWhenToastHostReady } from "./pendingQueue.mjs";
+import { viewportVariants } from "./style.mjs";
+import ToastItem from "./Toast.mjs";
+import { memo, useEffect, useId, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Toast } from "@base-ui/react/toast";
+//#region src/base-ui/Toast/imperative.tsx
+const ALL_POSITIONS = [
+	"top",
+	"top-left",
+	"top-right",
+	"bottom",
+	"bottom-left",
+	"bottom-right"
+];
+let globalState = {
+	duration: 5e3,
+	limit: 5,
+	position: "bottom-right",
+	swipeDirection: ["down", "right"]
+};
+const toastManagers = {
+	"bottom": Toast.createToastManager(),
+	"bottom-left": Toast.createToastManager(),
+	"bottom-right": Toast.createToastManager(),
+	"top": Toast.createToastManager(),
+	"top-left": Toast.createToastManager(),
+	"top-right": Toast.createToastManager()
+};
+const activeToasts = {
+	"bottom": /* @__PURE__ */ new Map(),
+	"bottom-left": /* @__PURE__ */ new Map(),
+	"bottom-right": /* @__PURE__ */ new Map(),
+	"top": /* @__PURE__ */ new Map(),
+	"top-left": /* @__PURE__ */ new Map(),
+	"top-right": /* @__PURE__ */ new Map()
+};
+const getManager = (position) => toastManagers[position];
+let toastIdCounter = 0;
+const generateToastId = () => `toast-${Date.now().toString(36)}-${(toastIdCounter++).toString(36)}`;
+const findActivePosition = (id) => ALL_POSITIONS.find((pos) => activeToasts[pos].has(id));
+const isFrontMost = (position, id) => Array.from(activeToasts[position].keys()).at(-1) === id;
+const normalizeOptions = (optionsOrMessage, type) => {
+	if (typeof optionsOrMessage === "string") return {
+		description: optionsOrMessage,
+		type
+	};
+	return {
+		...optionsOrMessage,
+		type
+	};
+};
+const createToastInstance = (id, position) => ({
+	close: () => runWhenToastHostReady(() => getManager(position).close(id)),
+	id,
+	update: (options) => {
+		runWhenToastHostReady(() => getManager(position).update(id, {
+			data: options,
+			description: options.description,
+			title: options.title
+		}));
+	}
+});
+const addToast = (options) => {
+	const position = options.placement ?? globalState.position;
+	const manager = getManager(position);
+	const { id: dedupeId, onClose, onRemove } = options;
+	if (dedupeId) {
+		const prevPosition = findActivePosition(dedupeId);
+		if (prevPosition && !(prevPosition === position && isFrontMost(position, dedupeId))) {
+			activeToasts[prevPosition].get(dedupeId).superseded = true;
+			activeToasts[prevPosition].delete(dedupeId);
+			runWhenToastHostReady(() => getManager(prevPosition).close(dedupeId));
+		}
+	}
+	const id = dedupeId ?? generateToastId();
+	const active = { superseded: false };
+	activeToasts[position].set(id, active);
+	runWhenToastHostReady(() => {
+		manager.add({
+			id,
+			data: options,
+			description: options.description,
+			onClose: () => {
+				if (active.superseded) return;
+				onClose?.();
+			},
+			onRemove: () => {
+				if (active.superseded) return;
+				activeToasts[position].delete(id);
+				onRemove?.();
+			},
+			timeout: options.duration ?? globalState.duration,
+			title: options.title
+		});
+	});
+	return createToastInstance(id, position);
+};
+const dismissToast = (id) => {
+	if (id) for (const [position, manager] of Object.entries(toastManagers)) {
+		activeToasts[position].delete(id);
+		runWhenToastHostReady(() => manager.close(id));
+	}
+	else for (const [position, manager] of Object.entries(toastManagers)) {
+		const ids = Array.from(activeToasts[position].keys());
+		activeToasts[position].clear();
+		runWhenToastHostReady(() => {
+			for (const toastId of ids) manager.close(toastId);
+		});
+	}
+};
+const createSuccessToast = (optionsOrMessage) => {
+	return addToast(normalizeOptions(optionsOrMessage, "success"));
+};
+const createErrorToast = (optionsOrMessage) => {
+	return addToast(normalizeOptions(optionsOrMessage, "error"));
+};
+const createInfoToast = (optionsOrMessage) => {
+	return addToast(normalizeOptions(optionsOrMessage, "info"));
+};
+const createWarningToast = (optionsOrMessage) => {
+	return addToast(normalizeOptions(optionsOrMessage, "warning"));
+};
+const createLoadingToast = (optionsOrMessage) => {
+	const options = normalizeOptions(optionsOrMessage, "loading");
+	return addToast({
+		duration: 0,
+		...options
+	});
+};
+async function promiseToast(promise, options) {
+	const loadingOptions = typeof options.loading === "string" ? { description: options.loading } : options.loading;
+	const loadingToast = addToast({
+		closable: false,
+		duration: 0,
+		type: "loading",
+		...loadingOptions
+	});
+	try {
+		const result = await promise;
+		loadingToast.close();
+		const successOptions = (() => {
+			if (typeof options.success === "string") return { description: options.success };
+			if (typeof options.success === "function") return { description: options.success(result) };
+			return options.success;
+		})();
+		addToast({
+			type: "success",
+			...successOptions
+		});
+		return result;
+	} catch (error) {
+		loadingToast.close();
+		const errorOptions = (() => {
+			if (typeof options.error === "string") return { description: options.error };
+			if (typeof options.error === "function") return { description: options.error(error) };
+			return options.error;
+		})();
+		addToast({
+			type: "error",
+			...errorOptions
+		});
+		throw error;
+	}
+}
+const baseToast = (options) => {
+	return addToast({
+		type: "default",
+		...options
+	});
+};
+const toast = Object.assign(baseToast, {
+	dismiss: dismissToast,
+	error: createErrorToast,
+	info: createInfoToast,
+	loading: createLoadingToast,
+	promise: promiseToast,
+	success: createSuccessToast,
+	warning: createWarningToast
+});
+const ToastList = memo(() => {
+	const { toasts } = Toast.useToastManager();
+	return toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t }, t.id));
+});
+ToastList.displayName = "ToastList";
+const ToastHost = memo(({ root, className, duration = 5e3, limit = 5, position = "bottom-right", swipeDirection = ["down", "right"] }) => {
+	const isClient = useIsClient();
+	const appElement = useAppElement();
+	const [viewportZIndex, setViewportZIndex] = useState(void 0);
+	const hostId = useId();
+	useEffect(() => registerToastHost(hostId), [hostId]);
+	const isActive = useSyncExternalStore(subscribeToastHost, () => isActiveToastHost(hostId), () => false);
+	useEffect(() => {
+		if (!isActive) return;
+		globalState = {
+			duration,
+			limit,
+			position,
+			swipeDirection
+		};
+	}, [
+		duration,
+		limit,
+		position,
+		swipeDirection,
+		isActive
+	]);
+	useEffect(() => {
+		if (!isActive) return;
+		setViewportZIndex(acquireLayerZIndex("toast"));
+	}, [isActive]);
+	useEffect(() => {
+		if (!isActive || !isClient) return void 0;
+		markToastHostReady();
+		return () => {
+			markToastHostNotReady();
+		};
+	}, [isActive, isClient]);
+	if (!isClient || !isActive) return null;
+	const container = root ?? appElement ?? document.body;
+	return ALL_POSITIONS.map((pos) => /* @__PURE__ */ jsx(ToastContext, {
+		value: {
+			position: pos,
+			swipeDirection
+		},
+		children: /* @__PURE__ */ jsx(Toast.Provider, {
+			limit,
+			timeout: duration,
+			toastManager: getManager(pos),
+			children: /* @__PURE__ */ jsx(Toast.Portal, {
+				container,
+				children: /* @__PURE__ */ jsx(Toast.Viewport, {
+					className: cx(viewportVariants({ position: pos }), className),
+					style: { zIndex: viewportZIndex },
+					children: /* @__PURE__ */ jsx(ToastList, {})
+				})
+			})
+		})
+	}, pos));
+});
+ToastHost.displayName = "ToastHost";
+const useToast = () => toast;
+//#endregion
+export { ToastHost, toast, useToast };
+
+//# sourceMappingURL=imperative.mjs.map

package/es/base-ui/Toast/imperative.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imperative.mjs","names":["BaseToast"],"sources":["../../../src/base-ui/Toast/imperative.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Toast as BaseToast } from '@base-ui/react/toast';\r\nimport { cx } from 'antd-style';\r\nimport { memo, useEffect, useId, useState, useSyncExternalStore } from 'react';\r\n\r\nimport { useIsClient } from '@/hooks/useIsClient';\r\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\r\n\r\nimport { acquireLayerZIndex } from '../zIndex';\r\nimport { ToastContext } from './context';\r\nimport { isActiveToastHost, registerToastHost, subscribeToastHost } from './hostGuard';\r\nimport {\r\n  __resetPendingToastQueueForTests,\r\n  markToastHostNotReady,\r\n  markToastHostReady,\r\n  runWhenToastHostReady,\r\n} from './pendingQueue';\r\nimport { viewportVariants } from './style';\r\nimport ToastItem from './Toast';\r\nimport {\r\n  type ToastAPI,\r\n  type ToastInstance,\r\n  type ToastOptions,\r\n  type ToastPosition,\r\n  type ToastPromiseOptions,\r\n  type ToastType,\r\n} from './type';\r\n\r\n// All possible positions\r\nconst ALL_POSITIONS: ToastPosition[] = [\r\n  'top',\r\n  'top-left',\r\n  'top-right',\r\n  'bottom',\r\n  'bottom-left',\r\n  'bottom-right',\r\n];\r\n\r\n// Global state management\r\ninterface ToastState {\r\n  duration: number;\r\n  limit: number;\r\n  position: ToastPosition;\r\n  swipeDirection: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];\r\n}\r\n\r\nlet globalState: ToastState = {\r\n  duration: 5000,\r\n  limit: 5,\r\n  position: 'bottom-right',\r\n  swipeDirection: ['down', 'right'],\r\n};\r\n\r\n// Toast managers for each position\r\nconst toastManagers: Record<ToastPosition, ReturnType<typeof BaseToast.createToastManager>> = {\r\n  'bottom': BaseToast.createToastManager(),\r\n  'bottom-left': BaseToast.createToastManager(),\r\n  'bottom-right': BaseToast.createToastManager(),\r\n  'top': BaseToast.createToastManager(),\r\n  'top-left': BaseToast.createToastManager(),\r\n  'top-right': BaseToast.createToastManager(),\r\n};\r\n\r\ninterface ActiveToast {\r\n  superseded: boolean;\r\n}\r\n\r\nconst activeToasts: Record<ToastPosition, Map<string, ActiveToast>> = {\r\n  'bottom': new Map(),\r\n  'bottom-left': new Map(),\r\n  'bottom-right': new Map(),\r\n  'top': new Map(),\r\n  'top-left': new Map(),\r\n  'top-right': new Map(),\r\n};\r\n\r\nconst getManager = (position: ToastPosition) => toastManagers[position];\r\n\r\nlet toastIdCounter = 0;\r\nconst generateToastId = (): string =>\r\n  `toast-${Date.now().toString(36)}-${(toastIdCounter++).toString(36)}`;\r\n\r\nconst findActivePosition = (id: string) => ALL_POSITIONS.find((pos) => activeToasts[pos].has(id));\r\n\r\n// Base UI prepends every new toast, so the last entry we registered is the one\r\n// currently rendered at the front of the stack.\r\nconst isFrontMost = (position: ToastPosition, id: string) =>\r\n  Array.from(activeToasts[position].keys()).at(-1) === id;\r\n\r\nconst normalizeOptions = (\r\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\r\n  type: ToastType,\r\n): ToastOptions => {\r\n  if (typeof optionsOrMessage === 'string') {\r\n    return {\r\n      description: optionsOrMessage,\r\n      type,\r\n    };\r\n  }\r\n  return {\r\n    ...optionsOrMessage,\r\n    type,\r\n  };\r\n};\r\n\r\nconst createToastInstance = (id: string, position: ToastPosition): ToastInstance => ({\r\n  close: () => runWhenToastHostReady(() => getManager(position).close(id)),\r\n  id,\r\n  update: (options) => {\r\n    runWhenToastHostReady(() =>\r\n      getManager(position).update(id, {\r\n        data: options,\r\n        description: options.description,\r\n        title: options.title,\r\n      }),\r\n    );\r\n  },\r\n});\r\n\r\n// createToastManager() is a stateless emitter (see @base-ui/react/toast/createToastManager):\r\n// add/close/update just broadcast to whatever is currently subscribed, and the\r\n// ToastProvider that owns the real toast state only subscribes from a passive\r\n// useEffect. Calls made while no host is ready (e.g. mid-handoff between the\r\n// previously-active ToastHost unmounting and its successor's Provider\r\n// subscribing) would otherwise be silently dropped, so every manager call is\r\n// routed through runWhenToastHostReady to queue until a host is listening.\r\nconst addToast = (options: ToastOptions): ToastInstance => {\r\n  const position = options.placement ?? globalState.position;\r\n  const manager = getManager(position);\r\n  const { id: dedupeId, onClose, onRemove } = options;\r\n\r\n  if (dedupeId) {\r\n    const prevPosition = findActivePosition(dedupeId);\r\n    // Already the front-most toast: let Base UI upsert it in place so it only\r\n    // refreshes its content and timer, without replaying the slide-in animation.\r\n    const shouldPromote =\r\n      prevPosition && !(prevPosition === position && isFrontMost(position, dedupeId));\r\n\r\n    if (shouldPromote) {\r\n      // Closing marks the toast as `ending`, which makes the following `add`\r\n      // drop it and prepend a fresh one — Base UI's own upsert keeps the\r\n      // original slot instead.\r\n      activeToasts[prevPosition].get(dedupeId)!.superseded = true;\r\n      activeToasts[prevPosition].delete(dedupeId);\r\n      runWhenToastHostReady(() => getManager(prevPosition).close(dedupeId));\r\n    }\r\n  }\r\n\r\n  const id = dedupeId ?? generateToastId();\r\n  const active: ActiveToast = { superseded: false };\r\n  activeToasts[position].set(id, active);\r\n  runWhenToastHostReady(() => {\r\n    manager.add({\r\n      id,\r\n      data: options,\r\n      description: options.description,\r\n      onClose: () => {\r\n        if (active.superseded) return;\r\n        onClose?.();\r\n      },\r\n      onRemove: () => {\r\n        if (active.superseded) return;\r\n        activeToasts[position].delete(id);\r\n        onRemove?.();\r\n      },\r\n      timeout: options.duration ?? globalState.duration,\r\n      title: options.title,\r\n    });\r\n  });\r\n  return createToastInstance(id, position);\r\n};\r\n\r\nconst dismissToast = (id?: string) => {\r\n  if (id) {\r\n    // Try to close from all managers since we don't know which position the toast is in\r\n    for (const [position, manager] of Object.entries(toastManagers)) {\r\n      activeToasts[position as ToastPosition].delete(id);\r\n      runWhenToastHostReady(() => manager.close(id));\r\n    }\r\n  } else {\r\n    // Clear all toasts\r\n    for (const [position, manager] of Object.entries(toastManagers)) {\r\n      const ids = Array.from(activeToasts[position as ToastPosition].keys());\r\n      activeToasts[position as ToastPosition].clear();\r\n      runWhenToastHostReady(() => {\r\n        for (const toastId of ids) {\r\n          manager.close(toastId);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n\r\nconst createSuccessToast = (\r\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\r\n): ToastInstance => {\r\n  return addToast(normalizeOptions(optionsOrMessage, 'success'));\r\n};\r\n\r\nconst createErrorToast = (optionsOrMessage: Omit<ToastOptions, 'type'> | string): ToastInstance => {\r\n  return addToast(normalizeOptions(optionsOrMessage, 'error'));\r\n};\r\n\r\nconst createInfoToast = (optionsOrMessage: Omit<ToastOptions, 'type'> | string): ToastInstance => {\r\n  return addToast(normalizeOptions(optionsOrMessage, 'info'));\r\n};\r\n\r\nconst createWarningToast = (\r\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\r\n): ToastInstance => {\r\n  return addToast(normalizeOptions(optionsOrMessage, 'warning'));\r\n};\r\n\r\nconst createLoadingToast = (\r\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\r\n): ToastInstance => {\r\n  const options = normalizeOptions(optionsOrMessage, 'loading');\r\n  // Loading toasts don't auto-dismiss by default\r\n  return addToast({ duration: 0, ...options });\r\n};\r\n\r\nasync function promiseToast<T>(promise: Promise<T>, options: ToastPromiseOptions<T>): Promise<T> {\r\n  const loadingOptions =\r\n    typeof options.loading === 'string'\r\n      ? { description: options.loading }\r\n      : (options.loading as ToastOptions);\r\n\r\n  const loadingToast = addToast({\r\n    closable: false,\r\n    duration: 0,\r\n    type: 'loading',\r\n    ...loadingOptions,\r\n  });\r\n\r\n  try {\r\n    const result = await promise;\r\n\r\n    loadingToast.close();\r\n\r\n    const successOptions = (() => {\r\n      if (typeof options.success === 'string') {\r\n        return { description: options.success };\r\n      }\r\n      if (typeof options.success === 'function') {\r\n        return { description: options.success(result) };\r\n      }\r\n      return options.success as ToastOptions;\r\n    })();\r\n\r\n    addToast({ type: 'success', ...successOptions });\r\n\r\n    return result;\r\n  } catch (error) {\r\n    loadingToast.close();\r\n\r\n    const errorOptions = (() => {\r\n      if (typeof options.error === 'string') {\r\n        return { description: options.error };\r\n      }\r\n      if (typeof options.error === 'function') {\r\n        return { description: options.error(error as Error) };\r\n      }\r\n      return options.error as ToastOptions;\r\n    })();\r\n\r\n    addToast({ type: 'error', ...errorOptions });\r\n\r\n    throw error;\r\n  }\r\n}\r\n\r\n// Base toast function\r\nconst baseToast = (options: ToastOptions): ToastInstance => {\r\n  return addToast({ type: 'default', ...options });\r\n};\r\n\r\n// Toast API\r\nexport const toast: ToastAPI = Object.assign(baseToast, {\r\n  dismiss: dismissToast,\r\n  error: createErrorToast,\r\n  info: createInfoToast,\r\n  loading: createLoadingToast,\r\n  promise: promiseToast,\r\n  success: createSuccessToast,\r\n  warning: createWarningToast,\r\n});\r\n\r\n// Toast List Component\r\nconst ToastList = memo(() => {\r\n  const { toasts } = BaseToast.useToastManager();\r\n  return toasts.map((t) => <ToastItem key={t.id} toast={t} />);\r\n});\r\n\r\nToastList.displayName = 'ToastList';\r\n\r\nexport interface ToastHostProps {\r\n  className?: string;\r\n  /**\r\n   * Default duration for toasts\r\n   * @default 5000\r\n   */\r\n  duration?: number;\r\n  /**\r\n   * Maximum number of toasts\r\n   * @default 5\r\n   */\r\n  limit?: number;\r\n  /**\r\n   * Toast position\r\n   * @default 'bottom-right'\r\n   */\r\n  position?: ToastPosition;\r\n  /**\r\n   * Root element for portal\r\n   */\r\n  root?: HTMLElement | ShadowRoot | null;\r\n  /**\r\n   * Swipe direction to dismiss\r\n   * @default ['down', 'right']\r\n   */\r\n  swipeDirection?: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];\r\n}\r\n\r\nexport const ToastHost = memo(\r\n  ({\r\n    root,\r\n    className,\r\n    duration = 5000,\r\n    limit = 5,\r\n    position = 'bottom-right',\r\n    swipeDirection = ['down', 'right'],\r\n  }: ToastHostProps) => {\r\n    const isClient = useIsClient();\r\n    const appElement = useAppElement();\r\n    const [viewportZIndex, setViewportZIndex] = useState<number | undefined>(undefined);\r\n    const hostId = useId();\r\n\r\n    useEffect(() => registerToastHost(hostId), [hostId]);\r\n\r\n    const isActive = useSyncExternalStore(\r\n      subscribeToastHost,\r\n      () => isActiveToastHost(hostId),\r\n      () => false,\r\n    );\r\n\r\n    useEffect(() => {\r\n      if (!isActive) return;\r\n      globalState = {\r\n        duration,\r\n        limit,\r\n        position,\r\n        swipeDirection,\r\n      };\r\n    }, [duration, limit, position, swipeDirection, isActive]);\r\n\r\n    useEffect(() => {\r\n      if (!isActive) return;\r\n      setViewportZIndex(acquireLayerZIndex('toast'));\r\n    }, [isActive]);\r\n\r\n    useEffect(() => {\r\n      if (!isActive || !isClient) return undefined;\r\n      // Runs after the six BaseToast.Provider children below have committed\r\n      // and subscribed (child effects run before the parent's), so the\r\n      // managers are guaranteed to have a live listener once this fires.\r\n      markToastHostReady();\r\n      return () => {\r\n        markToastHostNotReady();\r\n      };\r\n    }, [isActive, isClient]);\r\n\r\n    if (!isClient || !isActive) return null;\r\n\r\n    const container = root ?? appElement ?? document.body;\r\n\r\n    return ALL_POSITIONS.map((pos) => (\r\n      <ToastContext key={pos} value={{ position: pos, swipeDirection }}>\r\n        <BaseToast.Provider limit={limit} timeout={duration} toastManager={getManager(pos)}>\r\n          <BaseToast.Portal container={container}>\r\n            <BaseToast.Viewport\r\n              className={cx(viewportVariants({ position: pos }), className)}\r\n              style={{ zIndex: viewportZIndex }}\r\n            >\r\n              <ToastList />\r\n            </BaseToast.Viewport>\r\n          </BaseToast.Portal>\r\n        </BaseToast.Provider>\r\n      </ToastContext>\r\n    ));\r\n  },\r\n);\r\n\r\nToastHost.displayName = 'ToastHost';\r\n\r\n// Hook to use toast manager\r\nexport const useToast = () => toast;\r\n\r\nexport const __resetToastStateForTests = (): void => {\r\n  globalState = {\r\n    duration: 5000,\r\n    limit: 5,\r\n    position: 'bottom-right',\r\n    swipeDirection: ['down', 'right'],\r\n  };\r\n  for (const position of ALL_POSITIONS) {\r\n    toastManagers[position] = BaseToast.createToastManager();\r\n    activeToasts[position].clear();\r\n  }\r\n  __resetPendingToastQueueForTests();\r\n};\r\n"],"mappings":"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"}

package/es/base-ui/Toast/index.d.mts

@@ -0,0 +1,3 @@
+import { ToastAPI, ToastAction, ToastActionVariant, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType } from "./type.mjs";
+import { ToastHost, ToastHostProps, toast, useToast } from "./imperative.mjs";
+export { type ToastAPI, type ToastAction, type ToastActionVariant, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, toast, useToast };

package/es/base-ui/Toast/pendingQueue.mjs

@@ -0,0 +1,30 @@
+//#region src/base-ui/Toast/pendingQueue.ts
+const MAX_QUEUED_ACTIONS = 20;
+const QUEUE_TTL_MS = 5e3;
+let ready = false;
+let queue = [];
+const runWhenToastHostReady = (run) => {
+	if (ready) {
+		run();
+		return;
+	}
+	if (queue.length >= MAX_QUEUED_ACTIONS) queue.shift();
+	queue.push({
+		queuedAt: Date.now(),
+		run
+	});
+};
+const markToastHostReady = () => {
+	ready = true;
+	const pending = queue;
+	queue = [];
+	const now = Date.now();
+	for (const action of pending) if (now - action.queuedAt <= QUEUE_TTL_MS) action.run();
+};
+const markToastHostNotReady = () => {
+	ready = false;
+};
+//#endregion
+export { markToastHostNotReady, markToastHostReady, runWhenToastHostReady };
+
+//# sourceMappingURL=pendingQueue.mjs.map

package/es/base-ui/Toast/pendingQueue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pendingQueue.mjs","names":[],"sources":["../../../src/base-ui/Toast/pendingQueue.ts"],"sourcesContent":["const MAX_QUEUED_ACTIONS = 20;\r\nconst QUEUE_TTL_MS = 5000;\r\n\r\ninterface QueuedAction {\r\n  queuedAt: number;\r\n  run: () => void;\r\n}\r\n\r\nlet ready = false;\r\nlet queue: QueuedAction[] = [];\r\n\r\nexport const runWhenToastHostReady = (run: () => void): void => {\r\n  if (ready) {\r\n    run();\r\n    return;\r\n  }\r\n  if (queue.length >= MAX_QUEUED_ACTIONS) {\r\n    queue.shift();\r\n  }\r\n  queue.push({ queuedAt: Date.now(), run });\r\n};\r\n\r\nexport const markToastHostReady = (): void => {\r\n  ready = true;\r\n  const pending = queue;\r\n  queue = [];\r\n  const now = Date.now();\r\n  for (const action of pending) {\r\n    if (now - action.queuedAt <= QUEUE_TTL_MS) action.run();\r\n  }\r\n};\r\n\r\nexport const markToastHostNotReady = (): void => {\r\n  ready = false;\r\n};\r\n\r\nexport const __resetPendingToastQueueForTests = (): void => {\r\n  ready = false;\r\n  queue = [];\r\n};\r\n"],"mappings":";AAAA,MAAM,qBAAqB;AAC3B,MAAM,eAAe;AAOrB,IAAI,QAAQ;AACZ,IAAI,QAAwB,CAAC;AAE7B,MAAa,yBAAyB,QAA0B;CAC9D,IAAI,OAAO;EACT,IAAI;EACJ;CACF;CACA,IAAI,MAAM,UAAU,oBAClB,MAAM,MAAM;CAEd,MAAM,KAAK;EAAE,UAAU,KAAK,IAAI;EAAG;CAAI,CAAC;AAC1C;AAEA,MAAa,2BAAiC;CAC5C,QAAQ;CACR,MAAM,UAAU;CAChB,QAAQ,CAAC;CACT,MAAM,MAAM,KAAK,IAAI;CACrB,KAAK,MAAM,UAAU,SACnB,IAAI,MAAM,OAAO,YAAY,cAAc,OAAO,IAAI;AAE1D;AAEA,MAAa,8BAAoC;CAC/C,QAAQ;AACV"}