@lobehub/ui 4.19.1 → 4.20.0

package/es/Toast/imperative.mjs

@@ -0,0 +1,243 @@
+'use client';
+
+import { useIsClient } from "../hooks/useIsClient.mjs";
+import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { registerDevSingleton } from "../utils/devSingleton.mjs";
+import { ToastContext } from "./context.mjs";
+import { viewportVariants } from "./style.mjs";
+import Toast_default from "./Toast.mjs";
+import { memo, useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { createPortal } from "react-dom";
+import { Toast } from "@base-ui/react/toast";
+
+//#region src/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 activeToastIds = {
+	"bottom": /* @__PURE__ */ new Set(),
+	"bottom-left": /* @__PURE__ */ new Set(),
+	"bottom-right": /* @__PURE__ */ new Set(),
+	"top": /* @__PURE__ */ new Set(),
+	"top-left": /* @__PURE__ */ new Set(),
+	"top-right": /* @__PURE__ */ new Set()
+};
+const getManager = (position) => toastManagers[position];
+const normalizeOptions = (optionsOrMessage, type) => {
+	if (typeof optionsOrMessage === "string") return {
+		description: optionsOrMessage,
+		type
+	};
+	return {
+		...optionsOrMessage,
+		type
+	};
+};
+const createToastInstance = (id, position) => ({
+	close: () => getManager(position).close(id),
+	id,
+	update: (options) => {
+		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 onRemove = options.onRemove;
+	const id = manager.add({
+		data: options,
+		description: options.description,
+		onClose: options.onClose,
+		onRemove: () => {
+			activeToastIds[position].delete(id);
+			onRemove?.();
+		},
+		timeout: options.duration ?? globalState.duration,
+		title: options.title
+	});
+	activeToastIds[position].add(id);
+	return createToastInstance(id, position);
+};
+const dismissToast = (id) => {
+	if (id) for (const [position, manager] of Object.entries(toastManagers)) {
+		activeToastIds[position].delete(id);
+		manager.close(id);
+	}
+	else for (const [position, manager] of Object.entries(toastManagers)) {
+		const ids = Array.from(activeToastIds[position]);
+		for (const toastId of ids) manager.close(toastId);
+		activeToastIds[position].clear();
+	}
+};
+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) => {
+	return addToast({
+		duration: 0,
+		...normalizeOptions(optionsOrMessage, "loading")
+	});
+};
+async function promiseToast(promise, options) {
+	const loadingToast = addToast({
+		closable: false,
+		duration: 0,
+		type: "loading",
+		...typeof options.loading === "string" ? { description: options.loading } : options.loading
+	});
+	try {
+		const result = await promise;
+		loadingToast.close();
+		addToast({
+			type: "success",
+			...(() => {
+				if (typeof options.success === "string") return { description: options.success };
+				if (typeof options.success === "function") return { description: options.success(result) };
+				return options.success;
+			})()
+		});
+		return result;
+	} catch (error) {
+		loadingToast.close();
+		addToast({
+			type: "error",
+			...(() => {
+				if (typeof options.error === "string") return { description: options.error };
+				if (typeof options.error === "function") return { description: options.error(error) };
+				return options.error;
+			})()
+		});
+		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(Toast_default, { toast: t }, t.id));
+});
+ToastList.displayName = "ToastList";
+const TOAST_PORTAL_ATTR = "data-lobe-ui-toast-portal";
+const TOAST_CONTAINER_ATTR = "data-lobe-ui-toast-container";
+const containerMap = /* @__PURE__ */ new WeakMap();
+const getOrCreateContainer = (root) => {
+	const resolvedRoot = (() => {
+		if (typeof document === "undefined") return root;
+		if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) return root;
+		if (!(root === document.body)) return root;
+		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
+		if (themeApp) return themeApp;
+		const toastContainer = document.querySelector(`[${TOAST_CONTAINER_ATTR}="true"]`);
+		if (toastContainer) return toastContainer;
+		return root;
+	})();
+	const cached = containerMap.get(resolvedRoot);
+	if (cached && cached.isConnected) return cached;
+	const el = document.createElement("div");
+	el.setAttribute(TOAST_PORTAL_ATTR, "true");
+	resolvedRoot.append(el);
+	containerMap.set(resolvedRoot, el);
+	return el;
+};
+const resolveRoot = (root) => {
+	if (root) return root;
+	return document.body;
+};
+const ToastHost = memo(({ root, className, duration = 5e3, limit = 5, position = "bottom-right", swipeDirection = ["down", "right"] }) => {
+	const isClient = useIsClient();
+	const [container, setContainer] = useState(null);
+	useEffect(() => {
+		globalState = {
+			duration,
+			limit,
+			position,
+			swipeDirection
+		};
+	}, [
+		duration,
+		limit,
+		position,
+		swipeDirection
+	]);
+	useEffect(() => {
+		if (!isClient) return;
+		const resolved = resolveRoot(root);
+		if (resolved) {
+			setContainer(getOrCreateContainer(resolved));
+			console.log("resolved", resolved, container);
+		}
+		return registerDevSingleton("ToastHost", root ?? document.body);
+	}, [isClient, root]);
+	if (!isClient || !container) return null;
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: ALL_POSITIONS.map((pos) => /* @__PURE__ */ jsx(ToastContext.Provider, {
+		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),
+					children: /* @__PURE__ */ jsx(ToastList, {})
+				})
+			})
+		})
+	}, pos)) }), container);
+});
+ToastHost.displayName = "ToastHost";
+const useToast = () => toast;
+
+//#endregion
+export { TOAST_CONTAINER_ATTR, ToastHost, toast, useToast };
+//# sourceMappingURL=imperative.mjs.map

package/es/Toast/imperative.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imperative.mjs","names":["ALL_POSITIONS: ToastPosition[]","globalState: ToastState","toastManagers: Record<ToastPosition, ReturnType<typeof BaseToast.createToastManager>>","BaseToast","activeToastIds: Record<ToastPosition, Set<string>>","toast: ToastAPI","ToastItem"],"sources":["../../src/Toast/imperative.tsx"],"sourcesContent":["'use client';\n\nimport { Toast as BaseToast } from '@base-ui/react/toast';\nimport { cx } from 'antd-style';\nimport { memo, useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { registerDevSingleton } from '@/utils/devSingleton';\n\nimport ToastItem from './Toast';\nimport { ToastContext } from './context';\nimport { viewportVariants } from './style';\nimport type {\n  ToastAPI,\n  ToastInstance,\n  ToastOptions,\n  ToastPosition,\n  ToastPromiseOptions,\n  ToastType,\n} from './type';\n\n// All possible positions\nconst ALL_POSITIONS: ToastPosition[] = [\n  'top',\n  'top-left',\n  'top-right',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n];\n\n// Global state management\ninterface ToastState {\n  duration: number;\n  limit: number;\n  position: ToastPosition;\n  swipeDirection: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];\n}\n\nlet globalState: ToastState = {\n  duration: 5000,\n  limit: 5,\n  position: 'bottom-right',\n  swipeDirection: ['down', 'right'],\n};\n\n// Toast managers for each position\nconst toastManagers: Record<ToastPosition, ReturnType<typeof BaseToast.createToastManager>> = {\n  'bottom': BaseToast.createToastManager(),\n  'bottom-left': BaseToast.createToastManager(),\n  'bottom-right': BaseToast.createToastManager(),\n  'top': BaseToast.createToastManager(),\n  'top-left': BaseToast.createToastManager(),\n  'top-right': BaseToast.createToastManager(),\n};\n\nconst activeToastIds: Record<ToastPosition, Set<string>> = {\n  'bottom': new Set(),\n  'bottom-left': new Set(),\n  'bottom-right': new Set(),\n  'top': new Set(),\n  'top-left': new Set(),\n  'top-right': new Set(),\n};\n\nconst getManager = (position: ToastPosition) => toastManagers[position];\n\nconst normalizeOptions = (\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\n  type: ToastType,\n): ToastOptions => {\n  if (typeof optionsOrMessage === 'string') {\n    return {\n      description: optionsOrMessage,\n      type,\n    };\n  }\n  return {\n    ...optionsOrMessage,\n    type,\n  };\n};\n\nconst createToastInstance = (id: string, position: ToastPosition): ToastInstance => ({\n  close: () => getManager(position).close(id),\n  id,\n  update: (options) => {\n    getManager(position).update(id, {\n      data: options,\n      description: options.description,\n      title: options.title,\n    });\n  },\n});\n\nconst addToast = (options: ToastOptions): ToastInstance => {\n  const position = options.placement ?? globalState.position;\n  const manager = getManager(position);\n  const onRemove = options.onRemove;\n  const id = manager.add({\n    data: options,\n    description: options.description,\n    onClose: options.onClose,\n    onRemove: () => {\n      activeToastIds[position].delete(id);\n      onRemove?.();\n    },\n    timeout: options.duration ?? globalState.duration,\n    title: options.title,\n  });\n  activeToastIds[position].add(id);\n  return createToastInstance(id, position);\n};\n\nconst dismissToast = (id?: string) => {\n  if (id) {\n    // Try to close from all managers since we don't know which position the toast is in\n    for (const [position, manager] of Object.entries(toastManagers)) {\n      activeToastIds[position as ToastPosition].delete(id);\n      manager.close(id);\n    }\n  } else {\n    // Clear all toasts\n    for (const [position, manager] of Object.entries(toastManagers)) {\n      const ids = Array.from(activeToastIds[position as ToastPosition]);\n      for (const toastId of ids) {\n        manager.close(toastId);\n      }\n      activeToastIds[position as ToastPosition].clear();\n    }\n  }\n};\n\nconst createSuccessToast = (\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\n): ToastInstance => {\n  return addToast(normalizeOptions(optionsOrMessage, 'success'));\n};\n\nconst createErrorToast = (optionsOrMessage: Omit<ToastOptions, 'type'> | string): ToastInstance => {\n  return addToast(normalizeOptions(optionsOrMessage, 'error'));\n};\n\nconst createInfoToast = (optionsOrMessage: Omit<ToastOptions, 'type'> | string): ToastInstance => {\n  return addToast(normalizeOptions(optionsOrMessage, 'info'));\n};\n\nconst createWarningToast = (\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\n): ToastInstance => {\n  return addToast(normalizeOptions(optionsOrMessage, 'warning'));\n};\n\nconst createLoadingToast = (\n  optionsOrMessage: Omit<ToastOptions, 'type'> | string,\n): ToastInstance => {\n  const options = normalizeOptions(optionsOrMessage, 'loading');\n  // Loading toasts don't auto-dismiss by default\n  return addToast({ duration: 0, ...options });\n};\n\nasync function promiseToast<T>(promise: Promise<T>, options: ToastPromiseOptions<T>): Promise<T> {\n  const loadingOptions =\n    typeof options.loading === 'string'\n      ? { description: options.loading }\n      : (options.loading as ToastOptions);\n\n  const loadingToast = addToast({\n    closable: false,\n    duration: 0,\n    type: 'loading',\n    ...loadingOptions,\n  });\n\n  try {\n    const result = await promise;\n\n    loadingToast.close();\n\n    const successOptions = (() => {\n      if (typeof options.success === 'string') {\n        return { description: options.success };\n      }\n      if (typeof options.success === 'function') {\n        return { description: options.success(result) };\n      }\n      return options.success as ToastOptions;\n    })();\n\n    addToast({ type: 'success', ...successOptions });\n\n    return result;\n  } catch (error) {\n    loadingToast.close();\n\n    const errorOptions = (() => {\n      if (typeof options.error === 'string') {\n        return { description: options.error };\n      }\n      if (typeof options.error === 'function') {\n        return { description: options.error(error as Error) };\n      }\n      return options.error as ToastOptions;\n    })();\n\n    addToast({ type: 'error', ...errorOptions });\n\n    throw error;\n  }\n}\n\n// Base toast function\nconst baseToast = (options: ToastOptions): ToastInstance => {\n  return addToast({ type: 'default', ...options });\n};\n\n// Toast API\nexport const toast: ToastAPI = Object.assign(baseToast, {\n  dismiss: dismissToast,\n  error: createErrorToast,\n  info: createInfoToast,\n  loading: createLoadingToast,\n  promise: promiseToast,\n  success: createSuccessToast,\n  warning: createWarningToast,\n});\n\n// Toast List Component\nconst ToastList = memo(() => {\n  const { toasts } = BaseToast.useToastManager();\n  return toasts.map((t) => <ToastItem key={t.id} toast={t} />);\n});\n\nToastList.displayName = 'ToastList';\n\n// Toast Host Component\nconst TOAST_PORTAL_ATTR = 'data-lobe-ui-toast-portal';\nexport const TOAST_CONTAINER_ATTR = 'data-lobe-ui-toast-container';\n\nconst containerMap = new WeakMap<object, HTMLElement>();\n\nconst getOrCreateContainer = (root: HTMLElement | ShadowRoot): HTMLElement => {\n  const resolvedRoot = (() => {\n    if (typeof document === 'undefined') return root;\n    if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) return root;\n\n    const isBody = root === document.body;\n    if (!isBody) return root;\n\n    const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n    if (themeApp) return themeApp;\n\n    const toastContainer = document.querySelector<HTMLElement>(`[${TOAST_CONTAINER_ATTR}=\"true\"]`);\n    if (toastContainer) return toastContainer;\n\n    return root;\n  })();\n\n  const cached = containerMap.get(resolvedRoot);\n  if (cached && cached.isConnected) return cached;\n\n  const el = document.createElement('div');\n  el.setAttribute(TOAST_PORTAL_ATTR, 'true');\n  resolvedRoot.append(el);\n  containerMap.set(resolvedRoot, el);\n  return el;\n};\n\nconst resolveRoot = (root?: HTMLElement | ShadowRoot | null): HTMLElement | ShadowRoot | null => {\n  if (root) return root;\n  return document.body;\n};\n\nexport interface ToastHostProps {\n  className?: string;\n  /**\n   * Default duration for toasts\n   * @default 5000\n   */\n  duration?: number;\n  /**\n   * Maximum number of toasts\n   * @default 5\n   */\n  limit?: number;\n  /**\n   * Toast position\n   * @default 'bottom-right'\n   */\n  position?: ToastPosition;\n  /**\n   * Root element for portal\n   */\n  root?: HTMLElement | ShadowRoot | null;\n  /**\n   * Swipe direction to dismiss\n   * @default ['down', 'right']\n   */\n  swipeDirection?: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];\n}\n\nexport const ToastHost = memo(\n  ({\n    root,\n    className,\n    duration = 5000,\n    limit = 5,\n    position = 'bottom-right',\n    swipeDirection = ['down', 'right'],\n  }: ToastHostProps) => {\n    const isClient = useIsClient();\n    const [container, setContainer] = useState<HTMLElement | null>(null);\n\n    useEffect(() => {\n      globalState = {\n        duration,\n        limit,\n        position,\n        swipeDirection,\n      };\n    }, [duration, limit, position, swipeDirection]);\n\n    useEffect(() => {\n      if (!isClient) return;\n\n      const resolved = resolveRoot(root);\n      if (resolved) {\n        setContainer(getOrCreateContainer(resolved));\n        console.log('resolved', resolved, container);\n      }\n\n      const scope = root ?? document.body;\n      return registerDevSingleton('ToastHost', scope);\n    }, [isClient, root]);\n\n    if (!isClient || !container) return null;\n\n    return createPortal(\n      <>\n        {ALL_POSITIONS.map((pos) => (\n          <ToastContext.Provider key={pos} value={{ position: pos, swipeDirection }}>\n            <BaseToast.Provider limit={limit} timeout={duration} toastManager={getManager(pos)}>\n              <BaseToast.Portal container={container}>\n                <BaseToast.Viewport className={cx(viewportVariants({ position: pos }), className)}>\n                  <ToastList />\n                </BaseToast.Viewport>\n              </BaseToast.Portal>\n            </BaseToast.Provider>\n          </ToastContext.Provider>\n        ))}\n      </>,\n      container,\n    );\n  },\n);\n\nToastHost.displayName = 'ToastHost';\n\n// Hook to use toast manager\nexport const useToast = () => toast;\n"],"mappings":"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"}

package/es/Toast/index.d.mts

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

package/es/Toast/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Toast/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Toast/index.mjs

@@ -0,0 +1,3 @@
+import { TOAST_CONTAINER_ATTR, ToastHost, toast, useToast } from "./imperative.mjs";
+
+export { TOAST_CONTAINER_ATTR, ToastHost, toast, useToast };

package/es/Toast/style.mjs

@@ -0,0 +1,293 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+
+//#region src/Toast/style.ts
+const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
+	action: css$1`
+    cursor: pointer;
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    height: 28px;
+    margin-block-start: 8px;
+    padding-inline: 12px;
+    border: none;
+    border-radius: ${cssVar$1.borderRadiusSM};
+
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1;
+    color: ${cssVar$1.colorTextLightSolid};
+
+    background: ${cssVar$1.colorPrimary};
+
+    transition: background 0.2s;
+
+    &:hover {
+      background: ${cssVar$1.colorPrimaryHover};
+    }
+
+    &:active {
+      background: ${cssVar$1.colorPrimaryActive};
+    }
+
+    &:focus-visible {
+      outline: 2px solid ${cssVar$1.colorPrimaryBorder};
+      outline-offset: 1px;
+    }
+  `,
+	close: css$1`
+    cursor: pointer;
+
+    position: absolute;
+    inset-block-start: 8px;
+    inset-inline-end: 8px;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    border: none;
+    border-radius: ${cssVar$1.borderRadiusSM};
+
+    color: ${cssVar$1.colorTextTertiary};
+
+    background: transparent;
+
+    transition: all 0.2s;
+
+    &:hover {
+      color: ${cssVar$1.colorText};
+      background: ${cssVar$1.colorFillSecondary};
+    }
+  `,
+	content: css$1`
+    overflow: hidden;
+    transition: opacity 0.2s;
+
+    &[data-behind] {
+      pointer-events: none;
+      opacity: 0;
+    }
+
+    &[data-expanded] {
+      pointer-events: auto;
+      opacity: 1;
+    }
+  `,
+	description: css$1`
+    margin: 0;
+    font-size: 13px;
+    line-height: 1.5;
+    color: ${cssVar$1.colorTextSecondary};
+  `,
+	icon: css$1`
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+  `,
+	root: css$1`
+    --toast-gap: 12px;
+    --toast-peek: 12px;
+    --toast-scale: calc(1 - var(--toast-index) * 0.05);
+    --toast-shrink: calc(1 - var(--toast-scale));
+    --toast-collapsed-height: var(--toast-frontmost-height, var(--toast-height));
+
+    cursor: default;
+    user-select: none;
+
+    position: absolute;
+    z-index: calc(1000 - var(--toast-index));
+    inset-inline: 0;
+
+    box-sizing: border-box;
+    width: 100%;
+    height: var(--toast-collapsed-height);
+    padding-block: 12px;
+    padding-inline: 16px;
+    padding-inline-end: 32px;
+    border-radius: ${cssVar$1.borderRadiusLG};
+
+    color: ${cssVar$1.colorText};
+
+    background: ${cssVar$1.colorBgElevated};
+    background-clip: padding-box;
+    box-shadow:
+      0 0 15px 0 #00000008,
+      0 2px 30px 0 #00000014,
+      0 0 0 1px ${cssVar$1.colorBorder} inset;
+
+    transition:
+      transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
+      opacity 0.4s,
+      height 0.15s;
+
+    /* Fill gap between stacked toasts to prevent hover flicker */
+    &::after {
+      content: '';
+      position: absolute;
+      inset-inline: 0;
+      height: calc(var(--toast-gap) + var(--toast-peek) + 8px);
+    }
+
+    &[data-limited] {
+      opacity: 0;
+    }
+
+    &[data-swiping] {
+      transition: none;
+    }
+  `,
+	rootBottom: css$1`
+    inset-block: auto 0;
+    transform-origin: bottom center;
+    transform: translateX(var(--toast-swipe-movement-x))
+      translateY(
+        calc(
+          var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) -
+            (var(--toast-shrink) * var(--toast-collapsed-height))
+        )
+      )
+      scale(var(--toast-scale));
+
+    &::after {
+      inset-block-start: 100%;
+    }
+
+    &[data-expanded] {
+      transform: translateX(var(--toast-swipe-movement-x))
+        translateY(
+          calc(
+            var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) *
+              var(--toast-gap) * -1
+          )
+        )
+        scale(1);
+      height: var(--toast-height);
+    }
+
+    &[data-starting-style],
+    &[data-ending-style] {
+      transform: translateY(150%);
+      opacity: 0;
+    }
+  `,
+	rootTop: css$1`
+    inset-block: 0 auto;
+    transform-origin: top center;
+    transform: translateX(var(--toast-swipe-movement-x))
+      translateY(
+        calc(
+          var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) +
+            (var(--toast-shrink) * var(--toast-collapsed-height))
+        )
+      )
+      scale(var(--toast-scale));
+
+    &::after {
+      inset-block-end: 100%;
+    }
+
+    &[data-expanded] {
+      transform: translateX(var(--toast-swipe-movement-x))
+        translateY(
+          calc(
+            var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) *
+              var(--toast-gap)
+          )
+        )
+        scale(1);
+      height: var(--toast-height);
+    }
+
+    &[data-starting-style],
+    &[data-ending-style] {
+      transform: translateY(-150%);
+      opacity: 0;
+    }
+  `,
+	title: css$1`
+    margin: 0;
+
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 1.5;
+    color: ${cssVar$1.colorText};
+  `,
+	toastBody: css$1`
+    display: flex;
+    gap: 12px;
+    align-items: flex-start;
+  `,
+	viewport: css$1`
+    position: fixed;
+    z-index: 1100;
+
+    width: 360px;
+    max-width: calc(100vw - 32px);
+
+    outline: 0;
+
+    @media (width <= 480px) {
+      width: calc(100vw - 32px);
+    }
+  `,
+	viewportBottom: css$1`
+    inset-block-end: 16px;
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+  `,
+	viewportBottomLeft: css$1`
+    inset-block-end: 16px;
+    inset-inline-start: 16px;
+  `,
+	viewportBottomRight: css$1`
+    inset-block-end: 16px;
+    inset-inline-end: 16px;
+  `,
+	viewportTop: css$1`
+    inset-block-start: 16px;
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+  `,
+	viewportTopLeft: css$1`
+    inset-block-start: 16px;
+    inset-inline-start: 16px;
+  `,
+	viewportTopRight: css$1`
+    inset-block-start: 16px;
+    inset-inline-end: 16px;
+  `
+}));
+const viewportVariants = cva(styles.viewport, {
+	defaultVariants: { position: "bottom-right" },
+	variants: { position: {
+		"bottom": styles.viewportBottom,
+		"bottom-left": styles.viewportBottomLeft,
+		"bottom-right": styles.viewportBottomRight,
+		"top": styles.viewportTop,
+		"top-left": styles.viewportTopLeft,
+		"top-right": styles.viewportTopRight
+	} }
+});
+const rootVariants = cva(styles.root, {
+	defaultVariants: { position: "bottom-right" },
+	variants: { position: {
+		"bottom": styles.rootBottom,
+		"bottom-left": styles.rootBottom,
+		"bottom-right": styles.rootBottom,
+		"top": styles.rootTop,
+		"top-left": styles.rootTop,
+		"top-right": styles.rootTop
+	} }
+});
+
+//#endregion
+export { rootVariants, styles, viewportVariants };
+//# sourceMappingURL=style.mjs.map

package/es/Toast/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Toast/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  action: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    height: 28px;\n    margin-block-start: 8px;\n    padding-inline: 12px;\n    border: none;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1;\n    color: ${cssVar.colorTextLightSolid};\n\n    background: ${cssVar.colorPrimary};\n\n    transition: background 0.2s;\n\n    &:hover {\n      background: ${cssVar.colorPrimaryHover};\n    }\n\n    &:active {\n      background: ${cssVar.colorPrimaryActive};\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimaryBorder};\n      outline-offset: 1px;\n    }\n  `,\n\n  close: css`\n    cursor: pointer;\n\n    position: absolute;\n    inset-block-start: 8px;\n    inset-inline-end: 8px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    border: none;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    transition: all 0.2s;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  content: css`\n    overflow: hidden;\n    transition: opacity 0.2s;\n\n    &[data-behind] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-expanded] {\n      pointer-events: auto;\n      opacity: 1;\n    }\n  `,\n\n  description: css`\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  root: css`\n    --toast-gap: 12px;\n    --toast-peek: 12px;\n    --toast-scale: calc(1 - var(--toast-index) * 0.05);\n    --toast-shrink: calc(1 - var(--toast-scale));\n    --toast-collapsed-height: var(--toast-frontmost-height, var(--toast-height));\n\n    cursor: default;\n    user-select: none;\n\n    position: absolute;\n    z-index: calc(1000 - var(--toast-index));\n    inset-inline: 0;\n\n    box-sizing: border-box;\n    width: 100%;\n    height: var(--toast-collapsed-height);\n    padding-block: 12px;\n    padding-inline: 16px;\n    padding-inline-end: 32px;\n    border-radius: ${cssVar.borderRadiusLG};\n\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgElevated};\n    background-clip: padding-box;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    transition:\n      transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n      opacity 0.4s,\n      height 0.15s;\n\n    /* Fill gap between stacked toasts to prevent hover flicker */\n    &::after {\n      content: '';\n      position: absolute;\n      inset-inline: 0;\n      height: calc(var(--toast-gap) + var(--toast-peek) + 8px);\n    }\n\n    &[data-limited] {\n      opacity: 0;\n    }\n\n    &[data-swiping] {\n      transition: none;\n    }\n  `,\n\n  // Bottom positions - stack upward\n  rootBottom: css`\n    inset-block: auto 0;\n    transform-origin: bottom center;\n    transform: translateX(var(--toast-swipe-movement-x))\n      translateY(\n        calc(\n          var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) -\n            (var(--toast-shrink) * var(--toast-collapsed-height))\n        )\n      )\n      scale(var(--toast-scale));\n\n    &::after {\n      inset-block-start: 100%;\n    }\n\n    &[data-expanded] {\n      transform: translateX(var(--toast-swipe-movement-x))\n        translateY(\n          calc(\n            var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) *\n              var(--toast-gap) * -1\n          )\n        )\n        scale(1);\n      height: var(--toast-height);\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateY(150%);\n      opacity: 0;\n    }\n  `,\n\n  // Top positions - stack downward\n  rootTop: css`\n    inset-block: 0 auto;\n    transform-origin: top center;\n    transform: translateX(var(--toast-swipe-movement-x))\n      translateY(\n        calc(\n          var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) +\n            (var(--toast-shrink) * var(--toast-collapsed-height))\n        )\n      )\n      scale(var(--toast-scale));\n\n    &::after {\n      inset-block-end: 100%;\n    }\n\n    &[data-expanded] {\n      transform: translateX(var(--toast-swipe-movement-x))\n        translateY(\n          calc(\n            var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) *\n              var(--toast-gap)\n          )\n        )\n        scale(1);\n      height: var(--toast-height);\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateY(-150%);\n      opacity: 0;\n    }\n  `,\n\n  title: css`\n    margin: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.5;\n    color: ${cssVar.colorText};\n  `,\n\n  toastBody: css`\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n  `,\n\n  viewport: css`\n    position: fixed;\n    z-index: 1100;\n\n    width: 360px;\n    max-width: calc(100vw - 32px);\n\n    outline: 0;\n\n    @media (width <= 480px) {\n      width: calc(100vw - 32px);\n    }\n  `,\n\n  viewportBottom: css`\n    inset-block-end: 16px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  `,\n\n  viewportBottomLeft: css`\n    inset-block-end: 16px;\n    inset-inline-start: 16px;\n  `,\n\n  viewportBottomRight: css`\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n  `,\n\n  viewportTop: css`\n    inset-block-start: 16px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  `,\n\n  viewportTopLeft: css`\n    inset-block-start: 16px;\n    inset-inline-start: 16px;\n  `,\n\n  viewportTopRight: css`\n    inset-block-start: 16px;\n    inset-inline-end: 16px;\n  `,\n}));\n\nexport const viewportVariants = cva(styles.viewport, {\n  defaultVariants: {\n    position: 'bottom-right',\n  },\n  variants: {\n    position: {\n      'bottom': styles.viewportBottom,\n      'bottom-left': styles.viewportBottomLeft,\n      'bottom-right': styles.viewportBottomRight,\n      'top': styles.viewportTop,\n      'top-left': styles.viewportTopLeft,\n      'top-right': styles.viewportTopRight,\n    },\n  },\n});\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    position: 'bottom-right',\n  },\n  variants: {\n    position: {\n      'bottom': styles.rootBottom,\n      'bottom-left': styles.rootBottom,\n      'bottom-right': styles.rootBottom,\n      'top': styles.rootTop,\n      'top-left': styles.rootTop,\n      'top-right': styles.rootTop,\n    },\n  },\n});\n"],"mappings":";;;;AAGA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;;;;;;;;;;;qBAWQA,SAAO,eAAe;;;;;aAK9BA,SAAO,oBAAoB;;kBAEtBA,SAAO,aAAa;;;;;oBAKlBA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;2BAInBA,SAAO,mBAAmB;;;;CAKnD,OAAO,KAAG;;;;;;;;;;;;;;;qBAeSA,SAAO,eAAe;;aAE9BA,SAAO,kBAAkB;;;;;;;eAOvBA,SAAO,UAAU;oBACZA,SAAO,mBAAmB;;;CAI5C,SAAS,KAAG;;;;;;;;;;;;;;CAeZ,aAAa,KAAG;;;;aAILA,SAAO,mBAAmB;;CAGrC,MAAM,KAAG;;;;;;CAOT,MAAM,KAAG;;;;;;;;;;;;;;;;;;;;qBAoBUA,SAAO,eAAe;;aAE9BA,SAAO,UAAU;;kBAEZA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAyBnC,YAAY,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCf,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCZ,OAAO,KAAG;;;;;;aAMCA,SAAO,UAAU;;CAG5B,WAAW,KAAG;;;;;CAMd,UAAU,KAAG;;;;;;;;;;;;;CAcb,gBAAgB,KAAG;;;;;CAMnB,oBAAoB,KAAG;;;;CAKvB,qBAAqB,KAAG;;;;CAKxB,aAAa,KAAG;;;;;CAMhB,iBAAiB,KAAG;;;;CAKpB,kBAAkB,KAAG;;;;CAItB,EAAE;AAEH,MAAa,mBAAmB,IAAI,OAAO,UAAU;CACnD,iBAAiB,EACf,UAAU,gBACX;CACD,UAAU,EACR,UAAU;EACR,UAAU,OAAO;EACjB,eAAe,OAAO;EACtB,gBAAgB,OAAO;EACvB,OAAO,OAAO;EACd,YAAY,OAAO;EACnB,aAAa,OAAO;EACrB,EACF;CACF,CAAC;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EACf,UAAU,gBACX;CACD,UAAU,EACR,UAAU;EACR,UAAU,OAAO;EACjB,eAAe,OAAO;EACtB,gBAAgB,OAAO;EACvB,OAAO,OAAO;EACd,YAAY,OAAO;EACnB,aAAa,OAAO;EACrB,EACF;CACF,CAAC"}