@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1,228 +0,0 @@
-"use client";
-import { useMotionComponent } from "../../MotionProvider/index.mjs";
-import { useNativeButton } from "../../hooks/useNativeButton.mjs";
-import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
-import { useLayerZIndex } from "../zIndex/useLayerZIndex.mjs";
-import { backdropTransition, modalMotionConfig } from "./constants.mjs";
-import { ModalLayerProvider, useModalLayer } from "./ModalLayerContext.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, useMergeRefs } 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, zIndex: explicitZIndex, ...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]);
-	const { zIndex, ref: popupRef } = useLayerZIndex("modal", explicitZIndex);
-	const layer = useMemo(() => ({
-		popupRef,
-		zIndex
-	}), [zIndex, popupRef]);
-	if (!isPresent) return null;
-	return /* @__PURE__ */ jsx(ModalOpenContext, {
-		value: open,
-		children: /* @__PURE__ */ jsx(ModalActionsContext, {
-			value: actions,
-			children: /* @__PURE__ */ jsx(ModalLayerProvider, {
-				value: layer,
-				children: /* @__PURE__ */ jsx(Dialog.Root, {
-					modal: true,
-					open: true,
-					...rest,
-					children
-				})
-			})
-		})
-	});
-};
-const NonAnimatedModalRoot = ({ zIndex: explicitZIndex, children, ...rest }) => {
-	const { zIndex, ref: popupRef } = useLayerZIndex("modal", explicitZIndex);
-	const layer = useMemo(() => ({
-		popupRef,
-		zIndex
-	}), [zIndex, popupRef]);
-	return /* @__PURE__ */ jsx(ModalLayerProvider, {
-		value: layer,
-		children: /* @__PURE__ */ jsx(Dialog.Root, {
-			modal: true,
-			...rest,
-			children
-		})
-	});
-};
-const ModalRoot = ({ open, onExitComplete, ...rest }) => {
-	if (open !== void 0) return /* @__PURE__ */ jsx(AnimatedModalRoot, {
-		open,
-		onExitComplete,
-		...rest
-	});
-	return /* @__PURE__ */ jsx(NonAnimatedModalRoot, { ...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 layer = useModalLayer();
-	const Motion = useMotionComponent();
-	const layerStyle = layer?.zIndex !== void 0 ? { zIndex: layer.zIndex } : void 0;
-	if (open !== null) return /* @__PURE__ */ jsx(Dialog.Backdrop, {
-		...rest,
-		className: cx(styles.backdrop, className),
-		style: {
-			...layerStyle,
-			...style,
-			transition: "none"
-		},
-		render: /* @__PURE__ */ jsx(Motion.div, {
-			animate: { opacity: open ? 1 : 0 },
-			initial: { opacity: 0 },
-			transition: backdropTransition
-		})
-	});
-	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
-		...rest,
-		className: mergeStateClassName(styles.backdrop, className),
-		style: {
-			...layerStyle,
-			...style
-		}
-	});
-};
-const ModalPopup = ({ className, children, width, style, motionProps, panelClassName, popupStyle, ref: forwardedRef, ...rest }) => {
-	const open = useModalOpen();
-	const actions = useModalActions();
-	const layer = useModalLayer();
-	const Motion = useMotionComponent();
-	const popupZIndexStyle = layer?.zIndex !== void 0 ? { zIndex: layer.zIndex + 1 } : void 0;
-	const composedRef = useMergeRefs([forwardedRef, layer?.popupRef]);
-	if (open !== null && actions) return /* @__PURE__ */ jsx(Dialog.Popup, {
-		...rest,
-		className: cx(styles.popup, className),
-		ref: composedRef,
-		style: {
-			...popupZIndexStyle,
-			...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),
-		ref: composedRef,
-		style: {
-			...popupZIndexStyle,
-			...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: 16 })
-});
-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;
-		})();
-		const mergedProps = mergeProps(children.props, resolvedProps);
-		return cloneElement(children, {
-			...mergedProps,
-			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

@@ -1 +0,0 @@
-{"version":3,"file":"atoms.mjs","names":[],"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, useMergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { useMotionComponent } from '@/MotionProvider';\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\n\nimport { useLayerZIndex } from '../zIndex';\nimport { backdropTransition, modalMotionConfig } from './constants';\nimport { ModalLayerProvider, useModalLayer } from './ModalLayerContext';\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  zIndex?: number;\n};\n\nconst AnimatedModalRoot = ({\n  open,\n  children,\n  onExitComplete: onExitCompleteProp,\n  zIndex: explicitZIndex,\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  const { zIndex, ref: popupRef } = useLayerZIndex<HTMLDivElement>('modal', explicitZIndex);\n  const layer = useMemo(\n    () => ({ popupRef: popupRef as (node: HTMLElement | null) => void, zIndex }),\n    [zIndex, popupRef],\n  );\n\n  if (!isPresent) return null;\n\n  return (\n    <ModalOpenContext value={open}>\n      <ModalActionsContext value={actions}>\n        <ModalLayerProvider value={layer}>\n          <Dialog.Root modal open {...rest}>\n            {children}\n          </Dialog.Root>\n        </ModalLayerProvider>\n      </ModalActionsContext>\n    </ModalOpenContext>\n  );\n};\n\nconst NonAnimatedModalRoot = ({ zIndex: explicitZIndex, children, ...rest }: ModalRootProps) => {\n  const { zIndex, ref: popupRef } = useLayerZIndex<HTMLDivElement>('modal', explicitZIndex);\n  const layer = useMemo(\n    () => ({ popupRef: popupRef as (node: HTMLElement | null) => void, zIndex }),\n    [zIndex, popupRef],\n  );\n  return (\n    <ModalLayerProvider value={layer}>\n      <Dialog.Root modal {...rest}>\n        {children}\n      </Dialog.Root>\n    </ModalLayerProvider>\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 <NonAnimatedModalRoot {...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 layer = useModalLayer();\n  const Motion = useMotionComponent();\n  const layerStyle = layer?.zIndex !== undefined ? { zIndex: layer.zIndex } : undefined;\n\n  if (open !== null) {\n    return (\n      <Dialog.Backdrop\n        {...rest}\n        className={cx(styles.backdrop, className as string)}\n        style={{ ...layerStyle, ...style, transition: 'none' }}\n        render={\n          <Motion.div\n            animate={{ opacity: open ? 1 : 0 }}\n            initial={{ opacity: 0 }}\n            transition={backdropTransition}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <Dialog.Backdrop\n      {...rest}\n      className={mergeStateClassName(styles.backdrop, className as any) as any}\n      style={{ ...layerStyle, ...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  ref: forwardedRef,\n  ...rest\n}: ModalPopupProps) => {\n  const open = useModalOpen();\n  const actions = useModalActions();\n  const layer = useModalLayer();\n  const Motion = useMotionComponent();\n  const popupZIndexStyle = layer?.zIndex !== undefined ? { zIndex: layer.zIndex + 1 } : undefined;\n  const composedRef = useMergeRefs([forwardedRef, layer?.popupRef]);\n\n  if (open !== null && actions) {\n    return (\n      <Dialog.Popup\n        {...rest}\n        className={cx(styles.popup, className as string)}\n        ref={composedRef as any}\n        style={{ ...popupZIndexStyle, ...popupStyle }}\n      >\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      ref={composedRef as any}\n      style={{ ...popupZIndexStyle, ...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={16} />}\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

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

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

@@ -1,42 +0,0 @@
-//#region src/base-ui/Modal/constants.ts
-const softEase = [
-	.32,
-	.72,
-	0,
-	1
-];
-const modalMotionConfig = {
-	animate: {
-		opacity: 1,
-		scale: 1
-	},
-	exit: {
-		opacity: 0,
-		scale: .98,
-		transition: {
-			duration: .12,
-			ease: [
-				.4,
-				0,
-				1,
-				1
-			]
-		}
-	},
-	initial: {
-		opacity: 0,
-		scale: .97
-	},
-	transition: {
-		duration: .22,
-		ease: softEase
-	}
-};
-const backdropTransition = {
-	duration: .18,
-	ease: softEase
-};
-//#endregion
-export { backdropTransition, modalMotionConfig };
-
-//# sourceMappingURL=constants.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","names":[],"sources":["../../../src/base-ui/Modal/constants.ts"],"sourcesContent":["import type { MotionProps } from 'motion/react';\n\ntype CubicBezier = [number, number, number, number];\n\nconst softEase: CubicBezier = [0.32, 0.72, 0, 1];\nconst exitEase: CubicBezier = [0.4, 0, 1, 1];\n\nconst initialStyle = { opacity: 0, scale: 0.97 };\nconst enterStyle = { opacity: 1, scale: 1 };\nconst exitStyle = { opacity: 0, scale: 0.98 };\n\nexport const modalMotionConfig: MotionProps = {\n  animate: enterStyle,\n  exit: {\n    ...exitStyle,\n    transition: { duration: 0.12, ease: exitEase },\n  },\n  initial: initialStyle,\n  transition: {\n    duration: 0.22,\n    ease: softEase,\n  },\n};\n\nexport const backdropTransition = {\n  duration: 0.18,\n  ease: softEase,\n};\n"],"mappings":";AAIA,MAAM,WAAwB;CAAC;CAAM;CAAM;CAAG;AAAC;AAO/C,MAAa,oBAAiC;CAC5C,SAAS;EAJU,SAAS;EAAG,OAAO;CAI7B;CACT,MAAM;EAJY,SAAS;EAAG,OAAO;EAMnC,YAAY;GAAE,UAAU;GAAM,MAAM;IAVT;IAAK;IAAG;IAAG;GAUF;EAAS;CAC/C;CACA,SAAS;EAVY,SAAS;EAAG,OAAO;CAU/B;CACT,YAAY;EACV,UAAU;EACV,MAAM;CACR;AACF;AAEA,MAAa,qBAAqB;CAChC,UAAU;CACV,MAAM;AACR"}

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

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

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

@@ -1,12 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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,KAAA;CACb,mCAAmC,KAAA;AACrC,CAAC;AAED,MAAa,wBAAwB,IAAI,YAAY"}

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

@@ -1,23 +0,0 @@
-import { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from "./type.mjs";
-//#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: import("react").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

@@ -1,218 +0,0 @@
-"use client";
-import { useIsClient } from "../../hooks/useIsClient.mjs";
-import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
-import Button from "../Button/Button.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();
-	const container = root ?? appElement ?? document.body;
-	return createPortal(children, container);
-};
-const ConfirmBody = ({ config }) => {
-	const { close } = useModalContext();
-	const [loading, setLoading] = useState(false);
-	const { cancelText = "Cancel", content, okButtonProps, okText = "OK", onCancel, onOk } = config;
-	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: "12px 16px" },
-		children: content
-	}), /* @__PURE__ */ jsxs(ModalFooter, { children: [/* @__PURE__ */ jsx(Button, {
-		onClick: handleCancel,
-		children: cancelText
-	}), /* @__PURE__ */ jsx(Button, {
-		loading,
-		type: "primary",
-		...okButtonProps,
-		onClick: handleOk,
-		children: 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: cx(!showTitle && styles.contentNoHeader, 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;
-			const scope = root ?? document.body;
-			return registerDevSingleton(singletonName, scope);
-		}, [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: config.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

@@ -1 +0,0 @@
-{"version":3,"file":"imperative.mjs","names":[],"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/AppElementContext';\nimport { registerDevSingleton } from '@/utils/devSingleton';\n\nimport { Button } from '../Button';\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 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: '12px 16px' }}>{content}</div>}\n      <ModalFooter>\n        <Button onClick={handleCancel}>{cancelText}</Button>\n        <Button loading={loading} type=\"primary\" {...okButtonProps} onClick={handleOk}>\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\n                className={cx(!showTitle && styles.contentNoHeader, classNames?.content)}\n                style={semanticStyles?.content}\n              >\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: config.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

@@ -1,7 +0,0 @@
-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";
-export { type BaseModalProps, type ImperativeModalProps, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, backdropTransition, confirmModal, createModal, createModalSystem, modalMotionConfig, useModalActions, useModalContext, useModalOpen };