@lobehub/ui 5.0.1 → 5.1.0

package/es/base-ui/Modal/atoms.mjs

@@ -0,0 +1,187 @@
+'use client';
+
+import { useMotionComponent } from "../../MotionProvider/index.mjs";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { backdropTransition, modalMotionConfig } from "./constants.mjs";
+import { styles } from "./style.mjs";
+import { cloneElement, createContext, createElement, isValidElement, use, useCallback, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { AnimatePresence } from "motion/react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs } from "react-merge-refs";
+import { X } from "lucide-react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/base-ui/Modal/atoms.tsx
+const mergeStateClassName = (base, className) => {
+	if (typeof className === "function") return (state) => cx(base, className(state));
+	return cx(base, className);
+};
+const ModalOpenContext = createContext(null);
+const ModalActionsContext = createContext(null);
+const useModalOpen = () => use(ModalOpenContext);
+const useModalActions = () => use(ModalActionsContext);
+const AnimatedModalRoot = ({ open, children, onExitComplete: onExitCompleteProp, ...rest }) => {
+	const [isPresent, setIsPresent] = useState(!!open);
+	useEffect(() => {
+		if (open) setIsPresent(true);
+	}, [open]);
+	const handleExitComplete = useCallback(() => {
+		setIsPresent(false);
+		onExitCompleteProp?.();
+	}, [onExitCompleteProp]);
+	const actions = useMemo(() => ({ onExitComplete: handleExitComplete }), [handleExitComplete]);
+	if (!isPresent) return null;
+	return /* @__PURE__ */ jsx(ModalOpenContext, {
+		value: open,
+		children: /* @__PURE__ */ jsx(ModalActionsContext, {
+			value: actions,
+			children: /* @__PURE__ */ jsx(Dialog.Root, {
+				modal: true,
+				open: true,
+				...rest,
+				children
+			})
+		})
+	});
+};
+const ModalRoot = ({ open, onExitComplete, ...rest }) => {
+	if (open !== void 0) return /* @__PURE__ */ jsx(AnimatedModalRoot, {
+		open,
+		onExitComplete,
+		...rest
+	});
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		modal: true,
+		...rest
+	});
+};
+const ModalPortal = ({ container, ...rest }) => {
+	const appElement = useAppElement();
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		container: container ?? appElement ?? void 0,
+		...rest
+	});
+};
+const ModalViewport = ({ className, ...rest }) => /* @__PURE__ */ jsx(Dialog.Viewport, {
+	...rest,
+	className: mergeStateClassName(styles.viewport, className)
+});
+const ModalBackdrop = ({ className, style, ...rest }) => {
+	const open = useModalOpen();
+	const Motion = useMotionComponent();
+	if (open !== null) return /* @__PURE__ */ jsx(Motion.div, {
+		animate: { opacity: open ? 1 : 0 },
+		className: cx(styles.backdrop, className),
+		initial: { opacity: 0 },
+		style: {
+			...style,
+			transition: "none"
+		},
+		transition: backdropTransition
+	});
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		...rest,
+		className: mergeStateClassName(styles.backdrop, className),
+		style
+	});
+};
+const ModalPopup = ({ className, children, width, style, motionProps, panelClassName, popupStyle, ...rest }) => {
+	const open = useModalOpen();
+	const actions = useModalActions();
+	const Motion = useMotionComponent();
+	if (open !== null && actions) return /* @__PURE__ */ jsx(Dialog.Popup, {
+		...rest,
+		className: cx(styles.popup, className),
+		style: popupStyle,
+		children: /* @__PURE__ */ jsx(AnimatePresence, {
+			onExitComplete: actions.onExitComplete,
+			children: open ? /* @__PURE__ */ createElement(Motion.div, {
+				...modalMotionConfig,
+				...motionProps,
+				className: cx(styles.popupInner, panelClassName),
+				key: "modal-popup-panel",
+				style: {
+					maxWidth: width ?? void 0,
+					transition: "none",
+					...style
+				}
+			}, children) : null
+		})
+	});
+	return /* @__PURE__ */ jsx(Dialog.Popup, {
+		...rest,
+		className: mergeStateClassName(styles.popup, className),
+		style: popupStyle,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(styles.popupInner, panelClassName),
+			style: {
+				maxWidth: width ?? void 0,
+				...style
+			},
+			children
+		})
+	});
+};
+const ModalHeader = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: cx(styles.header, className)
+});
+const ModalTitle = ({ className, ...rest }) => /* @__PURE__ */ jsx(Dialog.Title, {
+	...rest,
+	className: mergeStateClassName(styles.title, className)
+});
+const ModalDescription = Dialog.Description;
+const ModalContent = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: cx(styles.content, className)
+});
+const ModalFooter = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: cx(styles.footer, className)
+});
+const ModalClose = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(Dialog.Close, {
+	...rest,
+	className: mergeStateClassName(styles.close, className),
+	children: children ?? /* @__PURE__ */ jsx(X, { size: 18 })
+});
+const ModalTrigger = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
+	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	const renderer = (props) => {
+		const resolvedProps = (() => {
+			if (isNativeButtonTriggerElement) return props;
+			const { type, ...restProps } = props;
+			return restProps;
+		})();
+		return cloneElement(children, {
+			...mergeProps(children.props, resolvedProps),
+			ref: mergeRefs([
+				children.ref,
+				props.ref,
+				refProp
+			])
+		});
+	};
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		...rest,
+		className,
+		nativeButton: resolvedNativeButton,
+		render: renderer
+	});
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		...rest,
+		className,
+		nativeButton: resolvedNativeButton,
+		ref: refProp,
+		children
+	});
+};
+
+//#endregion
+export { ModalBackdrop, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, useModalActions, useModalOpen };
+//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Modal/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["ModalDescription: React.FC<ModalDescriptionProps>"],"sources":["../../../src/base-ui/Modal/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog } from '@base-ui/react/dialog';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { AnimatePresence } from 'motion/react';\nimport type React from 'react';\nimport {\n  cloneElement,\n  createContext,\n  isValidElement,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { useMotionComponent } from '@/MotionProvider';\nimport { useAppElement } from '@/ThemeProvider';\n\nimport { backdropTransition, modalMotionConfig } from './constants';\nimport { styles } from './style';\n\nconst mergeStateClassName = <TState,>(\n  base: string,\n  className: string | ((state: TState) => string | undefined) | undefined,\n) => {\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\n  return cx(base, className);\n};\n\n// --- Animation Contexts (granular to minimize re-renders) ---\n\n// State: open boolean, null = non-animated mode\nconst ModalOpenContext = createContext<boolean | null>(null);\n\n// Actions: stable callbacks, null = non-animated mode\ninterface ModalAnimationActions {\n  onExitComplete: () => void;\n}\nconst ModalActionsContext = createContext<ModalAnimationActions | null>(null);\n\nexport const useModalOpen = () => use(ModalOpenContext);\nexport const useModalActions = () => use(ModalActionsContext);\n\n// --- Root ---\nexport type ModalRootProps = Dialog.Root.Props & {\n  onExitComplete?: () => void;\n};\n\nconst AnimatedModalRoot = ({\n  open,\n  children,\n  onExitComplete: onExitCompleteProp,\n  ...rest\n}: Omit<ModalRootProps, 'open'> & { open: boolean }) => {\n  const [isPresent, setIsPresent] = useState(!!open);\n\n  useEffect(() => {\n    if (open) setIsPresent(true);\n  }, [open]);\n\n  const handleExitComplete = useCallback(() => {\n    setIsPresent(false);\n    onExitCompleteProp?.();\n  }, [onExitCompleteProp]);\n\n  const actions = useMemo(() => ({ onExitComplete: handleExitComplete }), [handleExitComplete]);\n\n  if (!isPresent) return null;\n\n  return (\n    <ModalOpenContext value={open}>\n      <ModalActionsContext value={actions}>\n        <Dialog.Root modal open {...rest}>\n          {children}\n        </Dialog.Root>\n      </ModalActionsContext>\n    </ModalOpenContext>\n  );\n};\n\nexport const ModalRoot = ({ open, onExitComplete, ...rest }: ModalRootProps) => {\n  if (open !== undefined) {\n    return <AnimatedModalRoot open={open} onExitComplete={onExitComplete} {...rest} />;\n  }\n  return <Dialog.Root modal {...rest} />;\n};\n\n// --- Portal ---\nexport type ModalPortalProps = React.ComponentProps<typeof Dialog.Portal> & {\n  container?: HTMLElement | null;\n};\nexport const ModalPortal = ({ container, ...rest }: ModalPortalProps) => {\n  const appElement = useAppElement();\n  return <Dialog.Portal container={container ?? appElement ?? undefined} {...rest} />;\n};\n\n// --- Viewport ---\nexport type ModalViewportProps = React.ComponentProps<typeof Dialog.Viewport>;\nexport const ModalViewport = ({ className, ...rest }: ModalViewportProps) => (\n  <Dialog.Viewport\n    {...rest}\n    className={mergeStateClassName(styles.viewport, className as any) as any}\n  />\n);\n\n// --- Backdrop ---\nexport type ModalBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;\nexport const ModalBackdrop = ({ className, style, ...rest }: ModalBackdropProps) => {\n  const open = useModalOpen();\n  const Motion = useMotionComponent();\n\n  if (open !== null) {\n    return (\n      <Motion.div\n        animate={{ opacity: open ? 1 : 0 }}\n        className={cx(styles.backdrop, className as string)}\n        initial={{ opacity: 0 }}\n        style={{ ...style, transition: 'none' }}\n        transition={backdropTransition}\n      />\n    );\n  }\n\n  return (\n    <Dialog.Backdrop\n      {...rest}\n      className={mergeStateClassName(styles.backdrop, className as any) as any}\n      style={style}\n    />\n  );\n};\n\n// --- Popup ---\nexport type ModalPopupProps = React.ComponentProps<typeof Dialog.Popup> & {\n  motionProps?: Record<string, any>;\n  panelClassName?: string;\n  popupStyle?: React.CSSProperties;\n  width?: number | string;\n};\nexport const ModalPopup = ({\n  className,\n  children,\n  width,\n  style,\n  motionProps,\n  panelClassName,\n  popupStyle,\n  ...rest\n}: ModalPopupProps) => {\n  const open = useModalOpen();\n  const actions = useModalActions();\n  const Motion = useMotionComponent();\n\n  if (open !== null && actions) {\n    return (\n      <Dialog.Popup {...rest} className={cx(styles.popup, className as string)} style={popupStyle}>\n        <AnimatePresence onExitComplete={actions.onExitComplete}>\n          {open ? (\n            <Motion.div\n              {...modalMotionConfig}\n              {...motionProps}\n              className={cx(styles.popupInner, panelClassName)}\n              key=\"modal-popup-panel\"\n              style={{ maxWidth: width ?? undefined, transition: 'none', ...style }}\n            >\n              {children}\n            </Motion.div>\n          ) : null}\n        </AnimatePresence>\n      </Dialog.Popup>\n    );\n  }\n\n  return (\n    <Dialog.Popup\n      {...rest}\n      className={mergeStateClassName(styles.popup, className as any) as any}\n      style={popupStyle}\n    >\n      <div\n        className={cx(styles.popupInner, panelClassName)}\n        style={{ maxWidth: width ?? undefined, ...style }}\n      >\n        {children}\n      </div>\n    </Dialog.Popup>\n  );\n};\n\n// --- Header ---\nexport type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  ref?: React.Ref<HTMLDivElement>;\n};\nexport const ModalHeader = ({ className, ...rest }: ModalHeaderProps) => (\n  <div {...rest} className={cx(styles.header, className)} />\n);\n\n// --- Title ---\nexport type ModalTitleProps = React.ComponentProps<typeof Dialog.Title>;\nexport const ModalTitle = ({ className, ...rest }: ModalTitleProps) => (\n  <Dialog.Title {...rest} className={mergeStateClassName(styles.title, className as any) as any} />\n);\n\n// --- Description ---\nexport type ModalDescriptionProps = React.ComponentProps<typeof Dialog.Description>;\nexport const ModalDescription: React.FC<ModalDescriptionProps> = Dialog.Description;\n\n// --- Content ---\nexport type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  ref?: React.Ref<HTMLDivElement>;\n};\nexport const ModalContent = ({ className, ...rest }: ModalContentProps) => (\n  <div {...rest} className={cx(styles.content, className)} />\n);\n\n// --- Footer ---\nexport type ModalFooterProps = React.HTMLAttributes<HTMLDivElement> & {\n  ref?: React.Ref<HTMLDivElement>;\n};\nexport const ModalFooter = ({ className, ...rest }: ModalFooterProps) => (\n  <div {...rest} className={cx(styles.footer, className)} />\n);\n\n// --- Close ---\nexport type ModalCloseProps = React.ComponentProps<typeof Dialog.Close>;\nexport const ModalClose = ({ className, children, ...rest }: ModalCloseProps) => (\n  <Dialog.Close {...rest} className={mergeStateClassName(styles.close, className as any) as any}>\n    {children ?? <X size={18} />}\n  </Dialog.Close>\n);\n\n// --- Trigger ---\nexport type ModalTriggerProps = Omit<\n  React.ComponentPropsWithRef<typeof Dialog.Trigger>,\n  'children' | 'render'\n> & {\n  children?: React.ReactNode;\n  nativeButton?: boolean;\n};\n\nexport const ModalTrigger = ({\n  children,\n  className,\n  nativeButton,\n  ref: refProp,\n  ...rest\n}: ModalTriggerProps) => {\n  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n    children,\n    nativeButton,\n  });\n\n  const renderer = (props: any) => {\n    const resolvedProps = (() => {\n      if (isNativeButtonTriggerElement) return props as any;\n      // eslint-disable-next-line unused-imports/no-unused-vars\n      const { type, ...restProps } = props as any;\n      return restProps;\n    })();\n\n    const mergedProps = mergeProps((children as any).props, resolvedProps);\n    return cloneElement(children as any, {\n      ...mergedProps,\n      ref: mergeRefs([(children as any).ref, (props as any).ref, refProp]),\n    });\n  };\n\n  if (isValidElement(children)) {\n    return (\n      <Dialog.Trigger\n        {...rest}\n        className={className}\n        nativeButton={resolvedNativeButton}\n        render={renderer as any}\n      />\n    );\n  }\n\n  return (\n    <Dialog.Trigger\n      {...rest}\n      className={className}\n      nativeButton={resolvedNativeButton}\n      ref={refProp as any}\n    >\n      {children}\n    </Dialog.Trigger>\n  );\n};\n"],"mappings":"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"}

package/es/base-ui/Modal/constants.d.mts

@@ -0,0 +1,10 @@
+import { MotionProps } from "motion/react";
+
+//#region src/base-ui/Modal/constants.d.ts
+declare const modalMotionConfig: MotionProps;
+declare const backdropTransition: {
+  duration: number;
+};
+//#endregion
+export { backdropTransition, modalMotionConfig };
+//# sourceMappingURL=constants.d.mts.map

package/es/base-ui/Modal/constants.mjs

@@ -0,0 +1,27 @@
+//#region src/base-ui/Modal/constants.ts
+const enterStyle = {
+	opacity: 1,
+	scale: 1
+};
+const initialStyle = {
+	opacity: 0,
+	scale: .96
+};
+const modalMotionConfig = {
+	animate: enterStyle,
+	exit: {
+		...initialStyle,
+		transition: { duration: .15 }
+	},
+	initial: initialStyle,
+	transition: {
+		damping: 20,
+		stiffness: 300,
+		type: "spring"
+	}
+};
+const backdropTransition = { duration: .15 };
+
+//#endregion
+export { backdropTransition, modalMotionConfig };
+//# sourceMappingURL=constants.mjs.map

package/es/base-ui/Modal/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":["modalMotionConfig: MotionProps"],"sources":["../../../src/base-ui/Modal/constants.ts"],"sourcesContent":["import type { MotionProps } from 'motion/react';\n\nconst enterStyle = { opacity: 1, scale: 1 };\nconst initialStyle = { opacity: 0, scale: 0.96 };\n\nexport const modalMotionConfig: MotionProps = {\n  animate: enterStyle,\n  exit: {\n    ...initialStyle,\n    transition: { duration: 0.15 },\n  },\n  initial: initialStyle,\n  transition: {\n    damping: 20,\n    stiffness: 300,\n    type: 'spring',\n  },\n};\n\nexport const backdropTransition = { duration: 0.15 };\n"],"mappings":";AAEA,MAAM,aAAa;CAAE,SAAS;CAAG,OAAO;CAAG;AAC3C,MAAM,eAAe;CAAE,SAAS;CAAG,OAAO;CAAM;AAEhD,MAAaA,oBAAiC;CAC5C,SAAS;CACT,MAAM;EACJ,GAAG;EACH,YAAY,EAAE,UAAU,KAAM;EAC/B;CACD,SAAS;CACT,YAAY;EACV,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACF;AAED,MAAa,qBAAqB,EAAE,UAAU,KAAM"}

package/es/base-ui/Modal/context.d.mts

@@ -0,0 +1,9 @@
+import { ModalContextValue } from "./type.mjs";
+import * as react145 from "react";
+
+//#region src/base-ui/Modal/context.d.ts
+declare const ModalContext: react145.Context<ModalContextValue>;
+declare const useModalContext: () => ModalContextValue;
+//#endregion
+export { ModalContext, useModalContext };
+//# sourceMappingURL=context.d.mts.map

package/es/base-ui/Modal/context.mjs

@@ -0,0 +1,14 @@
+'use client';
+
+import { createContext, use } from "react";
+
+//#region src/base-ui/Modal/context.ts
+const ModalContext = createContext({
+	close: () => void 0,
+	setCanDismissByClickOutside: () => void 0
+});
+const useModalContext = () => use(ModalContext);
+
+//#endregion
+export { ModalContext, useModalContext };
+//# sourceMappingURL=context.mjs.map

package/es/base-ui/Modal/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Modal/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nimport type { ModalContextValue } from './type';\n\nexport const ModalContext = createContext<ModalContextValue>({\n  close: () => undefined,\n  setCanDismissByClickOutside: () => undefined,\n});\n\nexport const useModalContext = () => use(ModalContext);\n"],"mappings":";;;;;AAMA,MAAa,eAAe,cAAiC;CAC3D,aAAa;CACb,mCAAmC;CACpC,CAAC;AAEF,MAAa,wBAAwB,IAAI,aAAa"}

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

@@ -0,0 +1,25 @@
+import { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from "./type.mjs";
+import * as react146 from "react";
+
+//#region src/base-ui/Modal/imperative.d.ts
+interface ModalHostProps {
+  root?: HTMLElement | ShadowRoot | null;
+}
+interface ModalSystem {
+  confirmModal: (config: ModalConfirmConfig) => {
+    close: () => void;
+    destroy: () => void;
+  };
+  createModal: (props: ImperativeModalProps) => ModalInstance;
+  ModalHost: React.FC<ModalHostProps>;
+}
+declare function createModalSystem(): ModalSystem;
+declare const ModalHost: react146.FC<ModalHostProps>;
+declare const createModal: (props: ImperativeModalProps) => ModalInstance;
+declare const confirmModal: (config: ModalConfirmConfig) => {
+  close: () => void;
+  destroy: () => void;
+};
+//#endregion
+export { ModalHost, ModalHostProps, ModalSystem, confirmModal, createModal, createModalSystem };
+//# sourceMappingURL=imperative.d.mts.map

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

@@ -0,0 +1,221 @@
+'use client';
+
+import { useIsClient } from "../../hooks/useIsClient.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { registerDevSingleton } from "../../utils/devSingleton.mjs";
+import { styles } from "./style.mjs";
+import { ModalBackdrop, ModalClose, ModalContent, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle } from "./atoms.mjs";
+import { ModalContext, useModalContext } from "./context.mjs";
+import { memo, useCallback, useEffect, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { createPortal } from "react-dom";
+
+//#region src/base-ui/Modal/imperative.tsx
+const ModalPortalWrapper = ({ children, root }) => {
+	const appElement = useAppElement();
+	return createPortal(children, root ?? appElement ?? document.body);
+};
+const ConfirmBody = ({ config }) => {
+	const { close } = useModalContext();
+	const [loading, setLoading] = useState(false);
+	const { cancelText = "Cancel", content, okButtonProps, okText = "OK", onCancel, onOk } = config;
+	const { danger, className: okUserCls, ...restOkProps } = okButtonProps ?? {};
+	const handleCancel = useCallback(() => {
+		close();
+		onCancel?.();
+	}, [close, onCancel]);
+	const handleOk = useCallback(async () => {
+		if (onOk) try {
+			const result = onOk();
+			if (result && typeof result.then === "function") {
+				setLoading(true);
+				await result;
+				setLoading(false);
+			}
+		} catch {
+			setLoading(false);
+			return;
+		}
+		close();
+	}, [close, onOk]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [content && /* @__PURE__ */ jsx("div", {
+		style: { padding: "16px 24px" },
+		children: content
+	}), /* @__PURE__ */ jsxs(ModalFooter, { children: [/* @__PURE__ */ jsx("button", {
+		className: cx(styles.buttonBase, styles.cancelButton),
+		type: "button",
+		onClick: handleCancel,
+		children: cancelText
+	}), /* @__PURE__ */ jsxs("button", {
+		...restOkProps,
+		disabled: loading,
+		type: "button",
+		className: cx(styles.buttonBase, danger ? styles.dangerOkButton : styles.okButton, okUserCls),
+		onClick: handleOk,
+		children: [loading && /* @__PURE__ */ jsx("span", { className: styles.loadingSpinner }), okText]
+	})] })] });
+};
+ConfirmBody.displayName = "ConfirmBody";
+let systemSeed = 0;
+function createModalSystem() {
+	const systemId = systemSeed++;
+	const singletonName = systemId === 0 ? "BaseModalHost" : `BaseModalHost-${systemId}`;
+	let modalStack = [];
+	let modalSeed = 0;
+	const listeners = /* @__PURE__ */ new Set();
+	const notify = () => listeners.forEach((l) => l());
+	const subscribe = (l) => {
+		listeners.add(l);
+		return () => listeners.delete(l);
+	};
+	const EMPTY = [];
+	const getSnapshot = () => modalStack;
+	const getServerSnapshot = () => EMPTY;
+	const updateModal = (id, next) => {
+		let changed = false;
+		modalStack = modalStack.map((item) => {
+			if (item.id !== id) return item;
+			changed = true;
+			return {
+				...item,
+				props: {
+					...item.props,
+					...next
+				}
+			};
+		});
+		if (changed) notify();
+	};
+	const closeModal = (id) => {
+		updateModal(id, { open: false });
+	};
+	const destroyModal = (id) => {
+		const next = modalStack.filter((item) => item.id !== id);
+		if (next.length === modalStack.length) return;
+		modalStack = next;
+		notify();
+	};
+	const StackItem = memo(({ entry }) => {
+		const { id, props } = entry;
+		const { children, classNames, content, footer, maskClosable, onOpenChange, onOpenChangeComplete, open, styles: semanticStyles, title, width } = props;
+		const isOpen = open ?? true;
+		const handleOpenChange = useCallback((nextOpen, eventDetails) => {
+			if (!nextOpen && maskClosable === false && eventDetails?.reason === "outside-press") return;
+			if (!nextOpen) closeModal(id);
+			onOpenChange?.(nextOpen);
+		}, [
+			id,
+			maskClosable,
+			onOpenChange
+		]);
+		const handleExitComplete = useCallback(() => {
+			onOpenChangeComplete?.(false);
+			destroyModal(id);
+		}, [id, onOpenChangeComplete]);
+		const close = useCallback(() => closeModal(id), [id]);
+		const setCanDismissByClickOutside = useCallback((value) => updateModal(id, { maskClosable: value }), [id]);
+		const showTitle = title !== void 0 && title !== false && title !== null;
+		return /* @__PURE__ */ jsx(ModalContext, {
+			value: {
+				close,
+				setCanDismissByClickOutside
+			},
+			children: /* @__PURE__ */ jsx(ModalRoot, {
+				open: isOpen,
+				onExitComplete: handleExitComplete,
+				onOpenChange: handleOpenChange,
+				children: /* @__PURE__ */ jsxs(ModalPortal, { children: [/* @__PURE__ */ jsx(ModalBackdrop, {
+					className: classNames?.backdrop,
+					style: semanticStyles?.backdrop
+				}), /* @__PURE__ */ jsxs(ModalPopup, {
+					className: classNames?.popup,
+					popupStyle: semanticStyles?.popup,
+					width,
+					children: [
+						showTitle && /* @__PURE__ */ jsxs(ModalHeader, {
+							className: classNames?.header,
+							style: semanticStyles?.header,
+							children: [/* @__PURE__ */ jsx(ModalTitle, {
+								className: classNames?.title,
+								style: semanticStyles?.title,
+								children: title
+							}), /* @__PURE__ */ jsx(ModalClose, {
+								className: classNames?.close,
+								style: semanticStyles?.close
+							})]
+						}),
+						/* @__PURE__ */ jsx(ModalContent, {
+							className: classNames?.content,
+							style: semanticStyles?.content,
+							children: content ?? children
+						}),
+						footer
+					]
+				})] })
+			})
+		});
+	});
+	StackItem.displayName = "ModalStackItem";
+	const StackRenderer = memo(({ stack }) => {
+		if (!useIsClient()) return null;
+		return stack.map((entry) => /* @__PURE__ */ jsx(StackItem, { entry }, entry.id));
+	});
+	StackRenderer.displayName = "ModalStackRenderer";
+	const Host = ({ root }) => {
+		const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+		const isClient = useIsClient();
+		useEffect(() => {
+			if (!isClient) return;
+			return registerDevSingleton(singletonName, root ?? document.body);
+		}, [isClient, root]);
+		if (!isClient) return null;
+		if (stack.length === 0) return null;
+		return /* @__PURE__ */ jsx(ModalPortalWrapper, {
+			root,
+			children: /* @__PURE__ */ jsx(StackRenderer, { stack })
+		});
+	};
+	const create = (props) => {
+		const id = `base-modal-${Date.now()}-${modalSeed++}`;
+		modalStack = [...modalStack, {
+			id,
+			props: {
+				...props,
+				open: props.open ?? true
+			}
+		}];
+		notify();
+		return {
+			close: () => closeModal(id),
+			destroy: () => destroyModal(id),
+			setCanDismissByClickOutside: (value) => updateModal(id, { maskClosable: value }),
+			update: (nextProps) => updateModal(id, nextProps)
+		};
+	};
+	const confirm = (config) => {
+		const instance = create({
+			content: /* @__PURE__ */ jsx(ConfirmBody, { config }),
+			styles: { content: { padding: 0 } },
+			title: config.title,
+			width: 420
+		});
+		return {
+			close: instance.close,
+			destroy: instance.destroy
+		};
+	};
+	return {
+		ModalHost: Host,
+		confirmModal: confirm,
+		createModal: create
+	};
+}
+const defaultSystem = createModalSystem();
+const ModalHost = defaultSystem.ModalHost;
+const createModal = defaultSystem.createModal;
+const confirmModal = defaultSystem.confirmModal;
+
+//#endregion
+export { ModalHost, confirmModal, createModal, createModalSystem };
+//# sourceMappingURL=imperative.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"imperative.mjs","names":["modalStack: ModalStackEntry[]","EMPTY: ModalStackEntry[]"],"sources":["../../../src/base-ui/Modal/imperative.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { ReactNode } from 'react';\nimport { memo, useCallback, useEffect, useState, useSyncExternalStore } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\n\nimport {\n  ModalBackdrop,\n  ModalClose,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalPopup,\n  ModalPortal,\n  ModalRoot,\n  ModalTitle,\n} from './atoms';\nimport { ModalContext, useModalContext } from './context';\nimport { styles } from './style';\nimport type { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from './type';\n\n// --- Shared types ---\n\ntype ModalStackEntry = {\n  id: string;\n  props: ImperativeModalProps;\n};\n\n// --- Shared components (stack-independent) ---\n\nconst ModalPortalWrapper = ({\n  children,\n  root,\n}: {\n  children: ReactNode;\n  root?: HTMLElement | ShadowRoot | null;\n}) => {\n  const appElement = useAppElement();\n  const container = root ?? appElement ?? document.body;\n  return createPortal(children, container);\n};\n\nconst ConfirmBody = ({ config }: { config: ModalConfirmConfig }) => {\n  const { close } = useModalContext();\n  const [loading, setLoading] = useState(false);\n\n  const { cancelText = 'Cancel', content, okButtonProps, okText = 'OK', onCancel, onOk } = config;\n\n  const { danger, className: okUserCls, ...restOkProps } = okButtonProps ?? {};\n\n  const handleCancel = useCallback(() => {\n    close();\n    onCancel?.();\n  }, [close, onCancel]);\n\n  const handleOk = useCallback(async () => {\n    if (onOk) {\n      try {\n        const result = onOk();\n        if (result && typeof (result as any).then === 'function') {\n          setLoading(true);\n          await result;\n          setLoading(false);\n        }\n      } catch {\n        setLoading(false);\n        return;\n      }\n    }\n    close();\n  }, [close, onOk]);\n\n  return (\n    <>\n      {content && <div style={{ padding: '16px 24px' }}>{content}</div>}\n      <ModalFooter>\n        <button\n          className={cx(styles.buttonBase, styles.cancelButton)}\n          type=\"button\"\n          onClick={handleCancel}\n        >\n          {cancelText}\n        </button>\n        <button\n          {...restOkProps}\n          disabled={loading}\n          type=\"button\"\n          className={cx(\n            styles.buttonBase,\n            danger ? styles.dangerOkButton : styles.okButton,\n            okUserCls,\n          )}\n          onClick={handleOk}\n        >\n          {loading && <span className={styles.loadingSpinner} />}\n          {okText}\n        </button>\n      </ModalFooter>\n    </>\n  );\n};\nConfirmBody.displayName = 'ConfirmBody';\n\n// --- Factory ---\n\nexport interface ModalHostProps {\n  root?: HTMLElement | ShadowRoot | null;\n}\n\nexport interface ModalSystem {\n  confirmModal: (config: ModalConfirmConfig) => { close: () => void; destroy: () => void };\n  createModal: (props: ImperativeModalProps) => ModalInstance;\n  ModalHost: React.FC<ModalHostProps>;\n}\n\nlet systemSeed = 0;\n\nexport function createModalSystem(): ModalSystem {\n  const systemId = systemSeed++;\n  const singletonName = systemId === 0 ? 'BaseModalHost' : `BaseModalHost-${systemId}`;\n\n  // --- Stack state (isolated per system) ---\n  let modalStack: ModalStackEntry[] = [];\n  let modalSeed = 0;\n  const listeners = new Set<() => void>();\n\n  const notify = () => listeners.forEach((l) => l());\n  const subscribe = (l: () => void) => {\n    listeners.add(l);\n    return () => listeners.delete(l);\n  };\n  const EMPTY: ModalStackEntry[] = [];\n  const getSnapshot = () => modalStack;\n  const getServerSnapshot = () => EMPTY;\n\n  // --- Stack operations ---\n\n  const updateModal = (id: string, next: Partial<ImperativeModalProps>) => {\n    let changed = false;\n    modalStack = modalStack.map((item) => {\n      if (item.id !== id) return item;\n      changed = true;\n      return { ...item, props: { ...item.props, ...next } };\n    });\n    if (changed) notify();\n  };\n\n  const closeModal = (id: string) => {\n    updateModal(id, { open: false });\n  };\n\n  const destroyModal = (id: string) => {\n    const next = modalStack.filter((item) => item.id !== id);\n    if (next.length === modalStack.length) return;\n    modalStack = next;\n    notify();\n  };\n\n  // --- Stack Item (captures operations via closure) ---\n\n  const StackItem = memo(({ entry }: { entry: ModalStackEntry }) => {\n    const { id, props } = entry;\n    const {\n      children,\n      classNames,\n      content,\n      footer,\n      maskClosable,\n      onOpenChange,\n      onOpenChangeComplete,\n      open,\n      styles: semanticStyles,\n      title,\n      width,\n    } = props;\n\n    const isOpen = open ?? true;\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, eventDetails?: { reason: string }) => {\n        if (!nextOpen && maskClosable === false && eventDetails?.reason === 'outside-press') return;\n        if (!nextOpen) closeModal(id);\n        onOpenChange?.(nextOpen);\n      },\n      [id, maskClosable, onOpenChange],\n    );\n\n    const handleExitComplete = useCallback(() => {\n      onOpenChangeComplete?.(false);\n      destroyModal(id);\n    }, [id, onOpenChangeComplete]);\n\n    const close = useCallback(() => closeModal(id), [id]);\n    const setCanDismissByClickOutside = useCallback(\n      (value: boolean) => updateModal(id, { maskClosable: value }),\n      [id],\n    );\n\n    const showTitle = title !== undefined && title !== false && title !== null;\n\n    return (\n      <ModalContext value={{ close, setCanDismissByClickOutside }}>\n        <ModalRoot\n          open={isOpen}\n          onExitComplete={handleExitComplete}\n          onOpenChange={handleOpenChange}\n        >\n          <ModalPortal>\n            <ModalBackdrop className={classNames?.backdrop} style={semanticStyles?.backdrop} />\n            <ModalPopup\n              className={classNames?.popup}\n              popupStyle={semanticStyles?.popup}\n              width={width}\n            >\n              {showTitle && (\n                <ModalHeader className={classNames?.header} style={semanticStyles?.header}>\n                  <ModalTitle className={classNames?.title} style={semanticStyles?.title}>\n                    {title}\n                  </ModalTitle>\n                  <ModalClose className={classNames?.close} style={semanticStyles?.close} />\n                </ModalHeader>\n              )}\n              <ModalContent className={classNames?.content} style={semanticStyles?.content}>\n                {content ?? children}\n              </ModalContent>\n              {footer}\n            </ModalPopup>\n          </ModalPortal>\n        </ModalRoot>\n      </ModalContext>\n    );\n  });\n  StackItem.displayName = 'ModalStackItem';\n\n  const StackRenderer = memo(({ stack }: { stack: ModalStackEntry[] }) => {\n    const isClient = useIsClient();\n    if (!isClient) return null;\n    return stack.map((entry) => <StackItem entry={entry} key={entry.id} />);\n  });\n  StackRenderer.displayName = 'ModalStackRenderer';\n\n  // --- ModalHost ---\n\n  const Host = ({ root }: ModalHostProps) => {\n    const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n    const isClient = useIsClient();\n\n    useEffect(() => {\n      if (!isClient) return;\n      const scope = root ?? document.body;\n      return registerDevSingleton(singletonName, scope);\n    }, [isClient, root]);\n\n    if (!isClient) return null;\n    if (stack.length === 0) return null;\n\n    return (\n      <ModalPortalWrapper root={root}>\n        <StackRenderer stack={stack} />\n      </ModalPortalWrapper>\n    );\n  };\n\n  // --- createModal ---\n\n  const create = (props: ImperativeModalProps): ModalInstance => {\n    const id = `base-modal-${Date.now()}-${modalSeed++}`;\n    modalStack = [...modalStack, { id, props: { ...props, open: props.open ?? true } }];\n    notify();\n\n    return {\n      close: () => closeModal(id),\n      destroy: () => destroyModal(id),\n      setCanDismissByClickOutside: (value) => updateModal(id, { maskClosable: value }),\n      update: (nextProps) => updateModal(id, nextProps),\n    };\n  };\n\n  // --- confirmModal ---\n\n  const confirm = (config: ModalConfirmConfig) => {\n    const instance = create({\n      content: <ConfirmBody config={config} />,\n      styles: { content: { padding: 0 } },\n      title: config.title,\n      width: 420,\n    });\n\n    return {\n      close: instance.close,\n      destroy: instance.destroy,\n    };\n  };\n\n  return { ModalHost: Host, confirmModal: confirm, createModal: create };\n}\n\n// --- Default global instance (backward compatible) ---\n\nconst defaultSystem = createModalSystem();\nexport const ModalHost = defaultSystem.ModalHost;\nexport const createModal = defaultSystem.createModal;\nexport const confirmModal = defaultSystem.confirmModal;\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { ModalBackdrop, ModalBackdropProps, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalPopup, ModalPopupProps, ModalPortal, ModalPortalProps, ModalRoot, ModalRootProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps, ModalViewport, ModalViewportProps, useModalActions, useModalOpen } from "./atoms.mjs";
+import { backdropTransition, modalMotionConfig } from "./constants.mjs";
+import { BaseModalProps, ImperativeModalProps, ModalComponentProps, ModalConfirmConfig, ModalContextValue, ModalInstance } from "./type.mjs";
+import { ModalContext, useModalContext } from "./context.mjs";
+import { ModalHost, ModalHostProps, ModalSystem, confirmModal, createModal, createModalSystem } from "./imperative.mjs";
+import { Modal } from "./Modal.mjs";