@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/List/style.mjs

@@ -1,146 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/List/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	actions: css`
-    position: absolute;
-    inset-block-start: 50%;
-    inset-inline-end: 8px;
-    transform: translateY(-50%);
-
-    display: none;
-    gap: 4px;
-    align-items: center;
-  `,
-	active: css`
-    font-weight: 500;
-    color: ${cssVar.colorText};
-    background: ${cssVar.colorFillSecondary};
-
-    &:hover {
-      background: ${cssVar.colorFillSecondary};
-    }
-  `,
-	body: css`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    gap: 1px;
-
-    min-width: 0;
-  `,
-	compact: css`
-    gap: 2px;
-
-    & > li > a,
-    & > li > button {
-      padding-inline: 8px;
-    }
-  `,
-	danger: css`
-    color: ${cssVar.colorError};
-
-    &:hover {
-      color: ${cssVar.colorError};
-    }
-  `,
-	description: css`
-    overflow: hidden;
-
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 1.4;
-    color: ${cssVar.colorTextDescription};
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  `,
-	disabled: css`
-    cursor: not-allowed;
-    opacity: 0.45;
-  `,
-	divider: css`
-    height: 1px;
-    margin-block: 4px;
-    background: ${cssVar.colorBorderSecondary};
-  `,
-	extra: css`
-    flex: none;
-    font-size: 12px;
-    color: ${cssVar.colorTextDescription};
-  `,
-	filled: css`
-    padding: 4px;
-    border-radius: ${cssVar.borderRadiusLG};
-    background: ${cssVar.colorFillQuaternary};
-  `,
-	item: css`
-    position: relative;
-
-    &:hover > span:last-child,
-    &:focus-within > span:last-child {
-      display: inline-flex;
-    }
-  `,
-	label: css`
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    a {
-      color: inherit;
-    }
-  `,
-	outlined: css`
-    padding: 4px;
-    border: 1px solid ${cssVar.colorBorderSecondary};
-    border-radius: ${cssVar.borderRadiusLG};
-  `,
-	root: css`
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-
-    margin: 0;
-    padding: 0;
-
-    list-style: none;
-  `,
-	row: css`
-    ${focusRing};
-    cursor: pointer;
-
-    display: flex;
-    gap: 12px;
-    align-items: center;
-
-    box-sizing: border-box;
-    width: 100%;
-    min-height: 32px;
-    padding-block: 6px;
-    padding-inline: 12px;
-    border: 0;
-    border-radius: ${cssVar.borderRadius};
-
-    font: inherit;
-    font-size: 14px;
-    color: ${cssVar.colorTextSecondary};
-    text-align: start;
-    text-decoration: none;
-
-    background: none;
-
-    &:hover {
-      color: ${cssVar.colorText};
-      background: ${cssVar.colorFillTertiary};
-    }
-  `,
-	showAction: css`
-    & > span:last-child {
-      display: inline-flex;
-    }
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/List/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/List/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  actions: css`\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: 8px;\n    transform: translateY(-50%);\n\n    display: none;\n    gap: 4px;\n    align-items: center;\n  `,\n  active: css`\n    font-weight: 500;\n    color: ${cssVar.colorText};\n    background: ${cssVar.colorFillSecondary};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  body: css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 1px;\n\n    min-width: 0;\n  `,\n  compact: css`\n    gap: 2px;\n\n    & > li > a,\n    & > li > button {\n      padding-inline: 8px;\n    }\n  `,\n  danger: css`\n    color: ${cssVar.colorError};\n\n    &:hover {\n      color: ${cssVar.colorError};\n    }\n  `,\n  description: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.4;\n    color: ${cssVar.colorTextDescription};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  disabled: css`\n    cursor: not-allowed;\n    opacity: 0.45;\n  `,\n  divider: css`\n    height: 1px;\n    margin-block: 4px;\n    background: ${cssVar.colorBorderSecondary};\n  `,\n  extra: css`\n    flex: none;\n    font-size: 12px;\n    color: ${cssVar.colorTextDescription};\n  `,\n  filled: css`\n    padding: 4px;\n    border-radius: ${cssVar.borderRadiusLG};\n    background: ${cssVar.colorFillQuaternary};\n  `,\n  item: css`\n    position: relative;\n\n    &:hover > span:last-child,\n    &:focus-within > span:last-child {\n      display: inline-flex;\n    }\n  `,\n  label: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    a {\n      color: inherit;\n    }\n  `,\n  outlined: css`\n    padding: 4px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: ${cssVar.borderRadiusLG};\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n  `,\n  row: css`\n    ${focusRing};\n    cursor: pointer;\n\n    display: flex;\n    gap: 12px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    min-height: 32px;\n    padding-block: 6px;\n    padding-inline: 12px;\n    border: 0;\n    border-radius: ${cssVar.borderRadius};\n\n    font: inherit;\n    font-size: 14px;\n    color: ${cssVar.colorTextSecondary};\n    text-align: start;\n    text-decoration: none;\n\n    background: none;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  showAction: css`\n    & > span:last-child {\n      display: inline-flex;\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;;;;;CAUZ,QAAQ,GAAG;;aAEA,OAAO,UAAU;kBACZ,OAAO,mBAAmB;;;oBAGxB,OAAO,mBAAmB;;;CAG5C,MAAM,GAAG;;;;;;;;CAQT,SAAS,GAAG;;;;;;;;CAQZ,QAAQ,GAAG;aACA,OAAO,WAAW;;;eAGhB,OAAO,WAAW;;;CAG/B,aAAa,GAAG;;;;;;aAML,OAAO,qBAAqB;;;;CAIvC,UAAU,GAAG;;;;CAIb,SAAS,GAAG;;;kBAGI,OAAO,qBAAqB;;CAE5C,OAAO,GAAG;;;aAGC,OAAO,qBAAqB;;CAEvC,QAAQ,GAAG;;qBAEQ,OAAO,eAAe;kBACzB,OAAO,oBAAoB;;CAE3C,MAAM,GAAG;;;;;;;;CAQT,OAAO,GAAG;;;;;;;;;CASV,UAAU,GAAG;;wBAES,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;CAEzC,MAAM,GAAG;;;;;;;;;;CAUT,KAAK,GAAG;MACJ,UAAU;;;;;;;;;;;;;qBAaK,OAAO,aAAa;;;;aAI5B,OAAO,mBAAmB;;;;;;;eAOxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,YAAY,GAAG;;;;;AAKjB,EAAE"}

package/es/base-ui/List/type.d.mts

@@ -1,48 +0,0 @@
-import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
-import { CSSProperties, ComponentProps, Key, MouseEvent, ReactNode, Ref } from "react";
-//#region src/base-ui/List/type.d.ts
-interface ListClickInfo {
-  domEvent: MouseEvent<HTMLElement>;
-  item: ListItemType;
-  key: Key;
-}
-interface ListItemType {
-  actions?: ReactNode;
-  avatar?: ReactNode;
-  className?: string;
-  danger?: boolean;
-  description?: ReactNode;
-  disabled?: boolean;
-  extra?: ReactNode;
-  href?: string;
-  icon?: IconProps['icon'];
-  key: Key;
-  label: ReactNode;
-  onClick?: (info: ListClickInfo) => void;
-  showAction?: boolean;
-  style?: CSSProperties;
-  type?: undefined;
-}
-interface ListDividerType {
-  key?: Key;
-  type: 'divider';
-}
-type ListItem = ListItemType | ListDividerType;
-type ListSemanticName = 'actions' | 'description' | 'extra' | 'item' | 'label';
-interface ListProps extends Omit<ComponentProps<'ul'>, 'onClick'> {
-  activeKey?: Key | null;
-  classNames?: Partial<Record<ListSemanticName, string>>;
-  compact?: boolean;
-  defaultActiveKey?: Key;
-  items: ListItem[];
-  onActiveChange?: (key: Key) => void;
-  onClick?: (info: ListClickInfo) => void;
-  ref?: Ref<HTMLUListElement>;
-  selectable?: boolean;
-  styles?: Partial<Record<ListSemanticName, CSSProperties>>;
-  variant?: 'borderless' | 'filled' | 'outlined';
-}
-//#endregion
-export { ListClickInfo, ListDividerType, ListItem, ListItemType, ListProps, ListSemanticName };
-//# sourceMappingURL=type.d.mts.map

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

@@ -1,7 +0,0 @@
-import { ModalComponentProps } from "./type.mjs";
-import React from "react";
-//#region src/base-ui/Modal/Modal.d.ts
-declare const Modal: React.NamedExoticComponent<ModalComponentProps>;
-//#endregion
-export { Modal as default };
-//# sourceMappingURL=Modal.d.mts.map

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

@@ -1,226 +0,0 @@
-"use client";
-import { stopPropagation } from "../../utils/dom.mjs";
-import Button from "../Button/Button.mjs";
-import { styles } from "./style.mjs";
-import { ModalBackdrop, ModalContent, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle } from "./atoms.mjs";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { useDragControls } from "motion/react";
-import { Maximize2, Minimize2, X } from "lucide-react";
-//#region src/base-ui/Modal/Modal.tsx
-const OkBtn = ({ confirmLoading, okButtonProps, okText, onOk }) => {
-	const { onClick: userOnClick, ...restOk } = okButtonProps ?? {};
-	return /* @__PURE__ */ jsx(Button, {
-		loading: confirmLoading,
-		type: "primary",
-		...restOk,
-		onClick: (e) => {
-			onOk(e);
-			userOnClick?.(e);
-		},
-		children: okText
-	});
-};
-const CancelBtn = ({ cancelButtonProps, cancelText, onCancel }) => {
-	const { onClick: userOnClick, ...restCancel } = cancelButtonProps ?? {};
-	return /* @__PURE__ */ jsx(Button, {
-		...restCancel,
-		onClick: (e) => {
-			onCancel(e);
-			userOnClick?.(e);
-		},
-		children: cancelText
-	});
-};
-const Modal = memo(({ open, title, children, onOk, onCancel, okText = "OK", cancelText = "Cancel", okButtonProps, cancelButtonProps, confirmLoading, footer, width, height, maskClosable = true, closable = true, closeIcon, className, style, classNames, styles: semanticStyles, zIndex, afterClose, afterOpenChange, loading, getContainer, mask = true, keyboard, draggable = true, allowFullscreen = false }) => {
-	const dragControls = useDragControls();
-	const constraintsRef = useRef(null);
-	const [isFullscreen, setIsFullscreen] = useState(false);
-	const [isDragging, setIsDragging] = useState(false);
-	const [isDenying, setIsDenying] = useState(false);
-	const denyTimerRef = useRef(void 0);
-	useEffect(() => () => clearTimeout(denyTimerRef.current), []);
-	const triggerDeny = useCallback(() => {
-		clearTimeout(denyTimerRef.current);
-		setIsDenying(true);
-		denyTimerRef.current = setTimeout(() => setIsDenying(false), 300);
-	}, []);
-	const handleOpenChange = useCallback((nextOpen, eventDetails) => {
-		if (!open) return;
-		if (!nextOpen && keyboard === false && eventDetails.reason === "escape-key") return;
-		if (!nextOpen && !maskClosable && eventDetails.reason === "outside-press") {
-			triggerDeny();
-			return;
-		}
-		if (!nextOpen) onCancel?.(new MouseEvent("click"));
-	}, [
-		onCancel,
-		keyboard,
-		maskClosable,
-		open,
-		triggerDeny
-	]);
-	const handleExitComplete = useCallback(() => {
-		setIsFullscreen(false);
-		afterClose?.();
-		afterOpenChange?.(false);
-	}, [afterClose, afterOpenChange]);
-	const handleAnimationComplete = useCallback(() => {
-		if (open) afterOpenChange?.(true);
-	}, [open, afterOpenChange]);
-	const handleDragStart = useCallback((e) => {
-		if (draggable && !isFullscreen) {
-			dragControls.start(e);
-			setIsDragging(true);
-		}
-	}, [
-		draggable,
-		dragControls,
-		isFullscreen
-	]);
-	const handleDragEnd = useCallback(() => {
-		setIsDragging(false);
-	}, []);
-	const handleOk = useCallback((e) => {
-		onOk?.(e);
-	}, [onOk]);
-	const handleCancel = useCallback((e) => {
-		onCancel?.(e);
-	}, [onCancel]);
-	const footerNode = useMemo(() => {
-		if (footer === false || footer === null) return null;
-		const cancelBtnNode = /* @__PURE__ */ jsx(CancelBtn, {
-			cancelButtonProps,
-			cancelText,
-			onCancel: handleCancel
-		});
-		const okBtnNode = /* @__PURE__ */ jsx(OkBtn, {
-			confirmLoading,
-			okButtonProps,
-			okText,
-			onOk: handleOk
-		});
-		const defaultFooter = /* @__PURE__ */ jsxs(Fragment$1, { children: [cancelBtnNode, okBtnNode] });
-		if (typeof footer === "function") return footer(defaultFooter, {
-			CancelBtn: () => cancelBtnNode,
-			OkBtn: () => okBtnNode
-		});
-		return footer ?? defaultFooter;
-	}, [
-		footer,
-		cancelButtonProps,
-		cancelText,
-		handleCancel,
-		confirmLoading,
-		okButtonProps,
-		okText,
-		handleOk
-	]);
-	const container = getContainer === false ? void 0 : getContainer ?? void 0;
-	const shouldDrag = draggable && !isFullscreen;
-	const dragProps = shouldDrag ? {
-		drag: true,
-		dragConstraints: constraintsRef,
-		dragControls,
-		dragElastic: 0,
-		dragListener: false,
-		dragMomentum: false,
-		whileDrag: { cursor: "grabbing" }
-	} : {};
-	const showTitle = title !== void 0 && title !== false && title !== null;
-	const showHeader = showTitle || closable || allowFullscreen;
-	const hasHeight = height !== void 0;
-	const panelStyle = {
-		...hasHeight && !isFullscreen ? { height } : {},
-		...style
-	};
-	return /* @__PURE__ */ jsx(ModalRoot, {
-		open: open ?? false,
-		zIndex,
-		onExitComplete: handleExitComplete,
-		onOpenChange: handleOpenChange,
-		children: /* @__PURE__ */ jsxs(ModalPortal, {
-			container,
-			children: [mask && /* @__PURE__ */ jsx(ModalBackdrop, {
-				className: classNames?.mask,
-				style: semanticStyles?.mask
-			}), /* @__PURE__ */ jsxs(ModalPopup, {
-				className: classNames?.wrapper,
-				popupStyle: semanticStyles?.wrapper,
-				ref: constraintsRef,
-				style: panelStyle,
-				width: isFullscreen ? void 0 : width,
-				motionProps: {
-					...dragProps,
-					onAnimationComplete: handleAnimationComplete
-				},
-				panelClassName: cx(className, isFullscreen && styles.fullscreenPopupInner, isDenying && styles.denyAnimation),
-				children: [
-					showHeader && /* @__PURE__ */ jsxs(ModalHeader, {
-						className: cx(classNames?.header, shouldDrag && styles.headerDraggable),
-						style: {
-							...isDragging ? { cursor: "grabbing" } : {},
-							...semanticStyles?.header
-						},
-						onPointerCancel: handleDragEnd,
-						onPointerDown: handleDragStart,
-						onPointerUp: handleDragEnd,
-						children: [showTitle ? /* @__PURE__ */ jsx(ModalTitle, {
-							className: classNames?.title,
-							style: semanticStyles?.title,
-							children: title
-						}) : /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsxs("div", {
-							className: styles.headerActions,
-							onPointerDown: stopPropagation,
-							children: [allowFullscreen && /* @__PURE__ */ jsx("button", {
-								"aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
-								className: styles.fullscreenToggle,
-								type: "button",
-								onClick: () => setIsFullscreen((prev) => !prev),
-								children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { size: 14 }) : /* @__PURE__ */ jsx(Maximize2, { size: 14 })
-							}), closable && /* @__PURE__ */ jsx("button", {
-								"aria-label": "Close",
-								className: styles.closeInline,
-								type: "button",
-								onClick: handleCancel,
-								children: closeIcon ?? /* @__PURE__ */ jsx(X, { size: 16 })
-							})]
-						})]
-					}),
-					/* @__PURE__ */ jsx(ModalContent, {
-						className: cx(!showHeader && styles.contentNoHeader, classNames?.body),
-						style: {
-							...hasHeight || isFullscreen ? { flex: 1 } : {},
-							...semanticStyles?.body
-						},
-						children: loading ? /* @__PURE__ */ jsx("div", {
-							style: {
-								display: "flex",
-								justifyContent: "center",
-								padding: "32px 0"
-							},
-							children: /* @__PURE__ */ jsx("span", {
-								className: styles.loadingSpinner,
-								style: {
-									height: 24,
-									width: 24
-								}
-							})
-						}) : children
-					}),
-					footerNode !== null && /* @__PURE__ */ jsx(ModalFooter, {
-						className: classNames?.footer,
-						style: semanticStyles?.footer,
-						children: footerNode
-					})
-				]
-			})]
-		})
-	});
-});
-Modal.displayName = "Modal";
-//#endregion
-export { Modal as default };
-
-//# sourceMappingURL=Modal.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../src/base-ui/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Maximize2, Minimize2, X } from 'lucide-react';\nimport { useDragControls } from 'motion/react';\nimport type { MouseEvent, PointerEvent } from 'react';\nimport type React from 'react';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { stopPropagation } from '@/utils/dom';\n\nimport { Button } from '../Button';\nimport {\n  ModalBackdrop,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalPopup,\n  ModalPortal,\n  ModalRoot,\n  ModalTitle,\n} from './atoms';\nimport { styles } from './style';\nimport type { ModalComponentProps } from './type';\n\ninterface OkBtnProps {\n  confirmLoading?: boolean;\n  okButtonProps?: ModalComponentProps['okButtonProps'];\n  okText?: React.ReactNode;\n  onOk: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst OkBtn: React.FC<OkBtnProps> = ({ confirmLoading, okButtonProps, okText, onOk }) => {\n  const { onClick: userOnClick, ...restOk } = okButtonProps ?? {};\n  return (\n    <Button\n      loading={confirmLoading}\n      type=\"primary\"\n      {...restOk}\n      onClick={(e) => {\n        onOk(e as MouseEvent<HTMLButtonElement>);\n        userOnClick?.(e as never);\n      }}\n    >\n      {okText}\n    </Button>\n  );\n};\ninterface CancelBtnProps {\n  cancelButtonProps?: ModalComponentProps['cancelButtonProps'];\n  cancelText?: React.ReactNode;\n  onCancel: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst CancelBtn: React.FC<CancelBtnProps> = ({ cancelButtonProps, cancelText, onCancel }) => {\n  const { onClick: userOnClick, ...restCancel } = cancelButtonProps ?? {};\n  return (\n    <Button\n      {...restCancel}\n      onClick={(e) => {\n        onCancel(e as MouseEvent<HTMLButtonElement>);\n        userOnClick?.(e as never);\n      }}\n    >\n      {cancelText}\n    </Button>\n  );\n};\n\nconst Modal = memo<ModalComponentProps>(\n  ({\n    open,\n    title,\n    children,\n    onOk,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps,\n    cancelButtonProps,\n    confirmLoading,\n    footer,\n    width,\n    height,\n    maskClosable = true,\n    closable = true,\n    closeIcon,\n    className,\n    style,\n    classNames,\n    styles: semanticStyles,\n    zIndex,\n    afterClose,\n    afterOpenChange,\n    loading,\n    getContainer,\n    mask = true,\n    keyboard,\n    draggable = true,\n    allowFullscreen = false,\n  }) => {\n    const dragControls = useDragControls();\n    const constraintsRef = useRef<HTMLDivElement>(null);\n    const [isFullscreen, setIsFullscreen] = useState(false);\n    const [isDragging, setIsDragging] = useState(false);\n    const [isDenying, setIsDenying] = useState(false);\n    const denyTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n    useEffect(() => () => clearTimeout(denyTimerRef.current), []);\n\n    const triggerDeny = useCallback(() => {\n      clearTimeout(denyTimerRef.current);\n      setIsDenying(true);\n      denyTimerRef.current = setTimeout(() => setIsDenying(false), 300);\n    }, []);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, eventDetails: { reason: string }) => {\n        if (!open) return;\n        if (!nextOpen && keyboard === false && eventDetails.reason === 'escape-key') return;\n        if (!nextOpen && !maskClosable && eventDetails.reason === 'outside-press') {\n          triggerDeny();\n          return;\n        }\n        if (!nextOpen) {\n          onCancel?.(new MouseEvent('click') as unknown as MouseEvent<HTMLButtonElement>);\n        }\n      },\n      [onCancel, keyboard, maskClosable, open, triggerDeny],\n    );\n\n    const handleExitComplete = useCallback(() => {\n      setIsFullscreen(false);\n      afterClose?.();\n      afterOpenChange?.(false);\n    }, [afterClose, afterOpenChange]);\n\n    const handleAnimationComplete = useCallback(() => {\n      if (open) afterOpenChange?.(true);\n    }, [open, afterOpenChange]);\n\n    const handleDragStart = useCallback(\n      (e: PointerEvent) => {\n        if (draggable && !isFullscreen) {\n          dragControls.start(e);\n          setIsDragging(true);\n        }\n      },\n      [draggable, dragControls, isFullscreen],\n    );\n\n    const handleDragEnd = useCallback(() => {\n      setIsDragging(false);\n    }, []);\n\n    const handleOk = useCallback(\n      (e: MouseEvent<HTMLButtonElement>) => {\n        onOk?.(e);\n      },\n      [onOk],\n    );\n\n    const handleCancel = useCallback(\n      (e: MouseEvent<HTMLButtonElement>) => {\n        onCancel?.(e);\n      },\n      [onCancel],\n    );\n\n    const footerNode = useMemo(() => {\n      if (footer === false || footer === null) return null;\n      const cancelBtnNode = (\n        <CancelBtn\n          cancelButtonProps={cancelButtonProps}\n          cancelText={cancelText}\n          onCancel={handleCancel}\n        />\n      );\n      const okBtnNode = (\n        <OkBtn\n          confirmLoading={confirmLoading}\n          okButtonProps={okButtonProps}\n          okText={okText}\n          onOk={handleOk}\n        />\n      );\n      const defaultFooter = (\n        <>\n          {cancelBtnNode}\n          {okBtnNode}\n        </>\n      );\n\n      if (typeof footer === 'function') {\n        return footer(defaultFooter, { CancelBtn: () => cancelBtnNode, OkBtn: () => okBtnNode });\n      }\n\n      return footer ?? defaultFooter;\n    }, [\n      footer,\n      cancelButtonProps,\n      cancelText,\n      handleCancel,\n      confirmLoading,\n      okButtonProps,\n      okText,\n      handleOk,\n    ]);\n\n    const container = getContainer === false ? undefined : (getContainer ?? undefined);\n\n    const shouldDrag = draggable && !isFullscreen;\n    const dragProps = shouldDrag\n      ? {\n          drag: true as const,\n          dragConstraints: constraintsRef,\n          dragControls,\n          dragElastic: 0,\n          dragListener: false,\n          dragMomentum: false,\n          whileDrag: { cursor: 'grabbing' as const },\n        }\n      : {};\n\n    const showTitle = title !== undefined && title !== false && title !== null;\n    const showHeader = showTitle || closable || allowFullscreen;\n\n    const hasHeight = height !== undefined;\n    const panelStyle: React.CSSProperties = {\n      ...(hasHeight && !isFullscreen ? { height } : {}),\n      ...style,\n    };\n\n    return (\n      <ModalRoot\n        open={open ?? false}\n        zIndex={zIndex}\n        onExitComplete={handleExitComplete}\n        onOpenChange={handleOpenChange}\n      >\n        <ModalPortal container={container}>\n          {mask && <ModalBackdrop className={classNames?.mask} style={semanticStyles?.mask} />}\n          <ModalPopup\n            className={classNames?.wrapper}\n            popupStyle={semanticStyles?.wrapper}\n            ref={constraintsRef}\n            style={panelStyle}\n            width={isFullscreen ? undefined : width}\n            motionProps={{\n              ...dragProps,\n              onAnimationComplete: handleAnimationComplete,\n            }}\n            panelClassName={cx(\n              className,\n              isFullscreen && styles.fullscreenPopupInner,\n              isDenying && styles.denyAnimation,\n            )}\n          >\n            {showHeader && (\n              <ModalHeader\n                className={cx(classNames?.header, shouldDrag && styles.headerDraggable)}\n                style={{\n                  ...(isDragging ? { cursor: 'grabbing' } : {}),\n                  ...semanticStyles?.header,\n                }}\n                onPointerCancel={handleDragEnd}\n                onPointerDown={handleDragStart}\n                onPointerUp={handleDragEnd}\n              >\n                {showTitle ? (\n                  <ModalTitle className={classNames?.title} style={semanticStyles?.title}>\n                    {title}\n                  </ModalTitle>\n                ) : (\n                  <span />\n                )}\n                <div className={styles.headerActions} onPointerDown={stopPropagation}>\n                  {allowFullscreen && (\n                    <button\n                      aria-label={isFullscreen ? 'Exit fullscreen' : 'Fullscreen'}\n                      className={styles.fullscreenToggle}\n                      type=\"button\"\n                      onClick={() => setIsFullscreen((prev) => !prev)}\n                    >\n                      {isFullscreen ? <Minimize2 size={14} /> : <Maximize2 size={14} />}\n                    </button>\n                  )}\n                  {closable && (\n                    <button\n                      aria-label=\"Close\"\n                      className={styles.closeInline}\n                      type=\"button\"\n                      onClick={handleCancel}\n                    >\n                      {closeIcon ?? <X size={16} />}\n                    </button>\n                  )}\n                </div>\n              </ModalHeader>\n            )}\n            <ModalContent\n              className={cx(!showHeader && styles.contentNoHeader, classNames?.body)}\n              style={{\n                ...(hasHeight || isFullscreen ? { flex: 1 } : {}),\n                ...semanticStyles?.body,\n              }}\n            >\n              {loading ? (\n                <div\n                  style={{\n                    display: 'flex',\n                    justifyContent: 'center',\n                    padding: '32px 0',\n                  }}\n                >\n                  <span className={styles.loadingSpinner} style={{ height: 24, width: 24 }} />\n                </div>\n              ) : (\n                children\n              )}\n            </ModalContent>\n            {footerNode !== null && (\n              <ModalFooter className={classNames?.footer} style={semanticStyles?.footer}>\n                {footerNode}\n              </ModalFooter>\n            )}\n          </ModalPopup>\n        </ModalPortal>\n      </ModalRoot>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"mappings":"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"}

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

@@ -1,10 +0,0 @@
-"use client";
-import { createContext, use } from "react";
-//#region src/base-ui/Modal/ModalLayerContext.tsx
-const ModalLayerContext = createContext(null);
-const useModalLayer = () => use(ModalLayerContext);
-const ModalLayerProvider = ModalLayerContext.Provider;
-//#endregion
-export { ModalLayerProvider, useModalLayer };
-
-//# sourceMappingURL=ModalLayerContext.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModalLayerContext.mjs","names":[],"sources":["../../../src/base-ui/Modal/ModalLayerContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nexport interface ModalLayer {\n  popupRef: (node: HTMLElement | null) => void;\n  zIndex: number | undefined;\n}\n\nconst ModalLayerContext = createContext<ModalLayer | null>(null);\n\nexport const useModalLayer = () => use(ModalLayerContext);\nexport const ModalLayerProvider = ModalLayerContext.Provider;\n"],"mappings":";;;AASA,MAAM,oBAAoB,cAAiC,IAAI;AAE/D,MAAa,sBAAsB,IAAI,iBAAiB;AACxD,MAAa,qBAAqB,kBAAkB"}

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

@@ -1,54 +0,0 @@
-import React from "react";
-import { Dialog } from "@base-ui/react/dialog";
-//#region src/base-ui/Modal/atoms.d.ts
-interface ModalAnimationActions {
-  onExitComplete: () => void;
-}
-declare const useModalOpen: () => boolean | null;
-declare const useModalActions: () => ModalAnimationActions | null;
-type ModalRootProps = Dialog.Root.Props & {
-  onExitComplete?: () => void;
-  zIndex?: number;
-};
-declare const ModalRoot: ({ open, onExitComplete, ...rest }: ModalRootProps) => React.JSX.Element;
-type ModalPortalProps = React.ComponentProps<typeof Dialog.Portal> & {
-  container?: HTMLElement | null;
-};
-declare const ModalPortal: ({ container, ...rest }: ModalPortalProps) => React.JSX.Element;
-type ModalViewportProps = React.ComponentProps<typeof Dialog.Viewport>;
-declare const ModalViewport: ({ className, ...rest }: ModalViewportProps) => React.JSX.Element;
-type ModalBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
-declare const ModalBackdrop: ({ className, style, ...rest }: ModalBackdropProps) => React.JSX.Element;
-type ModalPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
-  motionProps?: Record<string, any>;
-  panelClassName?: string;
-  popupStyle?: React.CSSProperties;
-  width?: number | string;
-};
-declare const ModalPopup: ({ className, children, width, style, motionProps, panelClassName, popupStyle, ref: forwardedRef, ...rest }: ModalPopupProps) => React.JSX.Element;
-type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.Ref<HTMLDivElement>;
-};
-declare const ModalHeader: ({ className, ...rest }: ModalHeaderProps) => React.JSX.Element;
-type ModalTitleProps = React.ComponentProps<typeof Dialog.Title>;
-declare const ModalTitle: ({ className, ...rest }: ModalTitleProps) => React.JSX.Element;
-type ModalDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
-declare const ModalDescription: React.FC<ModalDescriptionProps>;
-type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.Ref<HTMLDivElement>;
-};
-declare const ModalContent: ({ className, ...rest }: ModalContentProps) => React.JSX.Element;
-type ModalFooterProps = React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.Ref<HTMLDivElement>;
-};
-declare const ModalFooter: ({ className, ...rest }: ModalFooterProps) => React.JSX.Element;
-type ModalCloseProps = React.ComponentProps<typeof Dialog.Close>;
-declare const ModalClose: ({ className, children, ...rest }: ModalCloseProps) => React.JSX.Element;
-type ModalTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.Trigger>, 'children' | 'render'> & {
-  children?: React.ReactNode;
-  nativeButton?: boolean;
-};
-declare const ModalTrigger: ({ children, className, nativeButton, ref: refProp, ...rest }: ModalTriggerProps) => React.JSX.Element;
-//#endregion
-export { 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 };
-//# sourceMappingURL=atoms.d.mts.map