@redis-ui/components 49.1.0 → 50.0.0

package/dist/node_modules/rsuite/esm/Modal/Modal.cjs

@@ -0,0 +1,174 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_pick$1 = require("../../../lodash/pick.cjs");
+const require_useCustom = require("../internals/hooks/useCustom.cjs");
+const require_mergeRefs = require("../internals/utils/react/mergeRefs.cjs");
+const require_on = require("../../../dom-lib/esm/on.cjs");
+const require_useUniqueId = require("../internals/hooks/useUniqueId.cjs");
+const require_useWillUnmount = require("../internals/hooks/useWillUnmount.cjs");
+const require_getAnimationEnd = require("../../../dom-lib/esm/getAnimationEnd.cjs");
+const require_Modal = require("../internals/Overlay/Modal.cjs");
+const require_Bounce = require("../Animation/Bounce.cjs");
+const require_ModalDialog = require("./ModalDialog.cjs");
+const require_ModalContext = require("./ModalContext.cjs");
+const require_ModalBody = require("./ModalBody.cjs");
+const require_ModalHeader = require("./ModalHeader.cjs");
+const require_ModalTitle = require("./ModalTitle.cjs");
+const require_ModalFooter = require("./ModalFooter.cjs");
+const require_utils = require("./utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Modal/Modal.js
+var import_pick = /* @__PURE__ */ require_runtime.__toESM(require_pick$1.default);
+var modalSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"full"
+];
+/**
+* The `Modal` component is used to show content in a layer above the app.
+* @see https://rsuitejs.com/components/modal
+*/
+var Modal = require_forwardRef.forwardRef((props, ref) => {
+	const { propsWithDefaults } = require_useCustom.default("Modal", props);
+	const { animation = require_Bounce.default, animationProps, animationTimeout = 300, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, backdropClassName, backdrop = true, bodyFill, className, classPrefix = "modal", centered, dialogClassName, dialogStyle, dialogAs: Dialog = require_ModalDialog.default, enforceFocus: enforceFocusProp, full, overflow = true, open, onClose, onEntered, onEntering, onExited, role = "dialog", size = "sm", id: idProp, isDrawer = false, closeButton, ...rest } = propsWithDefaults;
+	const inClass = { in: open && !animation };
+	const { merge, prefix } = require_useStyles.default(classPrefix);
+	const [shake, setShake] = (0, react.useState)(false);
+	const classes = merge(className, prefix({
+		full,
+		fill: bodyFill,
+		[size]: modalSizes.includes(size)
+	}));
+	const dialogRef = (0, react.useRef)(null);
+	const transitionEndListener = (0, react.useRef)(null);
+	const [bodyStyles, onChangeBodyStyles, onDestroyEvents] = require_utils.useBodyStyles(dialogRef, {
+		overflow,
+		prefix,
+		size
+	});
+	const dialogId = require_useUniqueId.default("dialog-", idProp);
+	const modalContextValue = (0, react.useMemo)(() => ({
+		dialogId,
+		onModalClose: onClose,
+		getBodyStyles: () => bodyStyles,
+		closeButton,
+		isDrawer
+	}), [
+		dialogId,
+		onClose,
+		closeButton,
+		isDrawer,
+		bodyStyles
+	]);
+	const handleExited = (0, react.useCallback)((node) => {
+		onExited?.(node);
+		onDestroyEvents();
+		transitionEndListener.current?.off();
+		transitionEndListener.current = null;
+	}, [onDestroyEvents, onExited]);
+	const handleEntered = (0, react.useCallback)((node) => {
+		onEntered?.(node);
+		onChangeBodyStyles();
+	}, [onChangeBodyStyles, onEntered]);
+	const handleEntering = (0, react.useCallback)((node) => {
+		onEntering?.(node);
+		onChangeBodyStyles(true);
+	}, [onChangeBodyStyles, onEntering]);
+	const backdropClick = (0, react.useRef)(null);
+	const handleMouseDown = (0, react.useCallback)((event) => {
+		backdropClick.current = event.target === event.currentTarget;
+	}, []);
+	const handleBackdropClick = (0, react.useCallback)((event) => {
+		if (!backdropClick.current) return;
+		if (event.target === dialogRef.current) return;
+		if (event.target !== event.currentTarget) return;
+		if (backdrop === "static") {
+			setShake(true);
+			if (!transitionEndListener.current && dialogRef.current) transitionEndListener.current = require_on.default(dialogRef.current, require_getAnimationEnd.default(), () => {
+				setShake(false);
+			});
+			return;
+		}
+		onClose?.(event);
+	}, [backdrop, onClose]);
+	require_useWillUnmount.default(() => {
+		transitionEndListener.current?.off();
+	});
+	let sizeKey = "width";
+	if (isDrawer) {
+		const { placement } = animationProps || {};
+		sizeKey = placement === "top" || placement === "bottom" ? "height" : "width";
+	}
+	const enforceFocus = (0, react.useMemo)(() => {
+		if (typeof enforceFocusProp === "boolean") return enforceFocusProp;
+		if (isDrawer && backdrop === false) return false;
+	}, [
+		backdrop,
+		enforceFocusProp,
+		isDrawer
+	]);
+	const wrapperClassName = merge(prefix`wrapper`, {
+		[prefix`centered`]: centered,
+		[prefix`no-backdrop`]: backdrop === false
+	});
+	return /*#__PURE__*/ react.default.createElement(require_ModalContext.ModalContext.Provider, { value: modalContextValue }, /*#__PURE__*/ react.default.createElement(require_Modal.default, require_extends._extends({ "data-testid": isDrawer ? "drawer-wrapper" : "modal-wrapper" }, rest, {
+		ref,
+		backdrop,
+		enforceFocus,
+		open,
+		onClose,
+		className: wrapperClassName,
+		onEntered: handleEntered,
+		onEntering: handleEntering,
+		onExited: handleExited,
+		backdropClassName: merge(prefix`backdrop`, backdropClassName, inClass),
+		containerClassName: prefix({
+			open,
+			"has-backdrop": backdrop
+		}),
+		transition: animation ? animation : void 0,
+		animationProps,
+		dialogTransitionTimeout: animationTimeout,
+		backdropTransitionTimeout: 150,
+		onClick: backdrop ? handleBackdropClick : void 0,
+		onMouseDown: handleMouseDown
+	}), (transitionProps, transitionRef) => {
+		const { className: transitionClassName, ...transitionRest } = transitionProps;
+		return /*#__PURE__*/ react.default.createElement(Dialog, require_extends._extends({
+			role,
+			id: dialogId,
+			"aria-labelledby": ariaLabelledby ?? `${dialogId}-title`,
+			"aria-describedby": ariaDescribedby ?? `${dialogId}-description`,
+			style: { [sizeKey]: modalSizes.includes(size) ? void 0 : size }
+		}, transitionRest, (0, import_pick.default)(rest, [
+			"size",
+			"className",
+			"classPrefix",
+			"dialogClassName",
+			"style",
+			"dialogStyle",
+			"children"
+		]), {
+			ref: require_mergeRefs.default(dialogRef, transitionRef),
+			classPrefix,
+			className: merge(classes, transitionClassName, prefix({ shake })),
+			dialogClassName,
+			dialogStyle
+		}));
+	}));
+}, {
+	Body: require_ModalBody.default,
+	Header: require_ModalHeader.default,
+	Title: require_ModalTitle.default,
+	Footer: require_ModalFooter.default,
+	Dialog: require_ModalDialog.default
+});
+Modal.displayName = "Modal";
+//#endregion
+exports.default = Modal;

package/dist/node_modules/rsuite/esm/Modal/Modal.js

@@ -0,0 +1,173 @@
+"use client";
+import { __toESM } from "../../../../_virtual/_rolldown/runtime.js";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import { require_pick } from "../../../lodash/pick.js";
+import useCustom from "../internals/hooks/useCustom.js";
+import mergeRefs from "../internals/utils/react/mergeRefs.js";
+import on from "../../../dom-lib/esm/on.js";
+import useUniqueId from "../internals/hooks/useUniqueId.js";
+import useWillUnmount from "../internals/hooks/useWillUnmount.js";
+import getAnimationEnd from "../../../dom-lib/esm/getAnimationEnd.js";
+import Modal$1 from "../internals/Overlay/Modal.js";
+import Bounce from "../Animation/Bounce.js";
+import ModalDialog from "./ModalDialog.js";
+import { ModalContext } from "./ModalContext.js";
+import ModalBody from "./ModalBody.js";
+import ModalHeader from "./ModalHeader.js";
+import ModalTitle from "./ModalTitle.js";
+import ModalFooter from "./ModalFooter.js";
+import { useBodyStyles } from "./utils.js";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+//#region ../../node_modules/rsuite/esm/Modal/Modal.js
+var import_pick = /* @__PURE__ */ __toESM(require_pick());
+var modalSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"full"
+];
+/**
+* The `Modal` component is used to show content in a layer above the app.
+* @see https://rsuitejs.com/components/modal
+*/
+var Modal = forwardRef$1((props, ref) => {
+	const { propsWithDefaults } = useCustom("Modal", props);
+	const { animation = Bounce, animationProps, animationTimeout = 300, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, backdropClassName, backdrop = true, bodyFill, className, classPrefix = "modal", centered, dialogClassName, dialogStyle, dialogAs: Dialog = ModalDialog, enforceFocus: enforceFocusProp, full, overflow = true, open, onClose, onEntered, onEntering, onExited, role = "dialog", size = "sm", id: idProp, isDrawer = false, closeButton, ...rest } = propsWithDefaults;
+	const inClass = { in: open && !animation };
+	const { merge, prefix } = useStyles(classPrefix);
+	const [shake, setShake] = useState(false);
+	const classes = merge(className, prefix({
+		full,
+		fill: bodyFill,
+		[size]: modalSizes.includes(size)
+	}));
+	const dialogRef = useRef(null);
+	const transitionEndListener = useRef(null);
+	const [bodyStyles, onChangeBodyStyles, onDestroyEvents] = useBodyStyles(dialogRef, {
+		overflow,
+		prefix,
+		size
+	});
+	const dialogId = useUniqueId("dialog-", idProp);
+	const modalContextValue = useMemo(() => ({
+		dialogId,
+		onModalClose: onClose,
+		getBodyStyles: () => bodyStyles,
+		closeButton,
+		isDrawer
+	}), [
+		dialogId,
+		onClose,
+		closeButton,
+		isDrawer,
+		bodyStyles
+	]);
+	const handleExited = useCallback((node) => {
+		onExited?.(node);
+		onDestroyEvents();
+		transitionEndListener.current?.off();
+		transitionEndListener.current = null;
+	}, [onDestroyEvents, onExited]);
+	const handleEntered = useCallback((node) => {
+		onEntered?.(node);
+		onChangeBodyStyles();
+	}, [onChangeBodyStyles, onEntered]);
+	const handleEntering = useCallback((node) => {
+		onEntering?.(node);
+		onChangeBodyStyles(true);
+	}, [onChangeBodyStyles, onEntering]);
+	const backdropClick = useRef(null);
+	const handleMouseDown = useCallback((event) => {
+		backdropClick.current = event.target === event.currentTarget;
+	}, []);
+	const handleBackdropClick = useCallback((event) => {
+		if (!backdropClick.current) return;
+		if (event.target === dialogRef.current) return;
+		if (event.target !== event.currentTarget) return;
+		if (backdrop === "static") {
+			setShake(true);
+			if (!transitionEndListener.current && dialogRef.current) transitionEndListener.current = on(dialogRef.current, getAnimationEnd(), () => {
+				setShake(false);
+			});
+			return;
+		}
+		onClose?.(event);
+	}, [backdrop, onClose]);
+	useWillUnmount(() => {
+		transitionEndListener.current?.off();
+	});
+	let sizeKey = "width";
+	if (isDrawer) {
+		const { placement } = animationProps || {};
+		sizeKey = placement === "top" || placement === "bottom" ? "height" : "width";
+	}
+	const enforceFocus = useMemo(() => {
+		if (typeof enforceFocusProp === "boolean") return enforceFocusProp;
+		if (isDrawer && backdrop === false) return false;
+	}, [
+		backdrop,
+		enforceFocusProp,
+		isDrawer
+	]);
+	const wrapperClassName = merge(prefix`wrapper`, {
+		[prefix`centered`]: centered,
+		[prefix`no-backdrop`]: backdrop === false
+	});
+	return /*#__PURE__*/ React.createElement(ModalContext.Provider, { value: modalContextValue }, /*#__PURE__*/ React.createElement(Modal$1, _extends({ "data-testid": isDrawer ? "drawer-wrapper" : "modal-wrapper" }, rest, {
+		ref,
+		backdrop,
+		enforceFocus,
+		open,
+		onClose,
+		className: wrapperClassName,
+		onEntered: handleEntered,
+		onEntering: handleEntering,
+		onExited: handleExited,
+		backdropClassName: merge(prefix`backdrop`, backdropClassName, inClass),
+		containerClassName: prefix({
+			open,
+			"has-backdrop": backdrop
+		}),
+		transition: animation ? animation : void 0,
+		animationProps,
+		dialogTransitionTimeout: animationTimeout,
+		backdropTransitionTimeout: 150,
+		onClick: backdrop ? handleBackdropClick : void 0,
+		onMouseDown: handleMouseDown
+	}), (transitionProps, transitionRef) => {
+		const { className: transitionClassName, ...transitionRest } = transitionProps;
+		return /*#__PURE__*/ React.createElement(Dialog, _extends({
+			role,
+			id: dialogId,
+			"aria-labelledby": ariaLabelledby ?? `${dialogId}-title`,
+			"aria-describedby": ariaDescribedby ?? `${dialogId}-description`,
+			style: { [sizeKey]: modalSizes.includes(size) ? void 0 : size }
+		}, transitionRest, (0, import_pick.default)(rest, [
+			"size",
+			"className",
+			"classPrefix",
+			"dialogClassName",
+			"style",
+			"dialogStyle",
+			"children"
+		]), {
+			ref: mergeRefs(dialogRef, transitionRef),
+			classPrefix,
+			className: merge(classes, transitionClassName, prefix({ shake })),
+			dialogClassName,
+			dialogStyle
+		}));
+	}));
+}, {
+	Body: ModalBody,
+	Header: ModalHeader,
+	Title: ModalTitle,
+	Footer: ModalFooter,
+	Dialog: ModalDialog
+});
+Modal.displayName = "Modal";
+//#endregion
+export { Modal as default };

package/dist/node_modules/rsuite/esm/Modal/ModalBody.cjs

@@ -0,0 +1,37 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_css = require("../internals/utils/style-sheet/css.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_index = require("../internals/Box/index.cjs");
+const require_index$1 = require("../IconButton/index.cjs");
+const require_Close = require("../../../@rsuite/icons/esm/react/Close.cjs");
+const require_ModalContext = require("./ModalContext.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Modal/ModalBody.js
+var ModalBody = require_forwardRef.forwardRef((props, ref) => {
+	const { as, classPrefix = "modal-body", className, style, children, ...rest } = props;
+	const { withPrefix, merge, prefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, withPrefix());
+	const { getBodyStyles, closeButton, dialogId, onModalClose } = (0, react.useContext)(require_ModalContext.ModalContext) || {};
+	const bodyStyles = getBodyStyles?.();
+	let buttonElement = null;
+	if (closeButton) buttonElement = typeof closeButton === "boolean" ? /*#__PURE__*/ react.default.createElement(require_index$1.default, {
+		icon: /*#__PURE__*/ react.default.createElement(require_Close.default, null),
+		appearance: "subtle",
+		size: "sm",
+		className: prefix("close"),
+		onClick: onModalClose
+	}) : closeButton;
+	return /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({ as }, rest, {
+		id: dialogId ? `${dialogId}-description` : void 0,
+		ref,
+		style: require_css.mergeStyles(bodyStyles, style),
+		className: classes
+	}), buttonElement, children);
+});
+ModalBody.displayName = "ModalBody";
+//#endregion
+exports.default = ModalBody;

package/dist/node_modules/rsuite/esm/Modal/ModalBody.js

@@ -0,0 +1,35 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import { mergeStyles } from "../internals/utils/style-sheet/css.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import Box_default from "../internals/Box/index.js";
+import IconButton_default from "../IconButton/index.js";
+import Close from "../../../@rsuite/icons/esm/react/Close.js";
+import { ModalContext } from "./ModalContext.js";
+import React, { useContext } from "react";
+//#region ../../node_modules/rsuite/esm/Modal/ModalBody.js
+var ModalBody = forwardRef$1((props, ref) => {
+	const { as, classPrefix = "modal-body", className, style, children, ...rest } = props;
+	const { withPrefix, merge, prefix } = useStyles(classPrefix);
+	const classes = merge(className, withPrefix());
+	const { getBodyStyles, closeButton, dialogId, onModalClose } = useContext(ModalContext) || {};
+	const bodyStyles = getBodyStyles?.();
+	let buttonElement = null;
+	if (closeButton) buttonElement = typeof closeButton === "boolean" ? /*#__PURE__*/ React.createElement(IconButton_default, {
+		icon: /*#__PURE__*/ React.createElement(Close, null),
+		appearance: "subtle",
+		size: "sm",
+		className: prefix("close"),
+		onClick: onModalClose
+	}) : closeButton;
+	return /*#__PURE__*/ React.createElement(Box_default, _extends({ as }, rest, {
+		id: dialogId ? `${dialogId}-description` : void 0,
+		ref,
+		style: mergeStyles(bodyStyles, style),
+		className: classes
+	}), buttonElement, children);
+});
+ModalBody.displayName = "ModalBody";
+//#endregion
+export { ModalBody as default };

package/dist/node_modules/rsuite/esm/Modal/ModalContext.cjs

@@ -0,0 +1,8 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Modal/ModalContext.js
+var ModalContext = /*#__PURE__*/ react.default.createContext(null);
+//#endregion
+exports.ModalContext = ModalContext;

package/dist/node_modules/rsuite/esm/Modal/ModalContext.js

@@ -0,0 +1,6 @@
+"use client";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/Modal/ModalContext.js
+var ModalContext = /*#__PURE__*/ React.createContext(null);
+//#endregion
+export { ModalContext };

package/dist/node_modules/rsuite/esm/Modal/ModalDialog.cjs

@@ -0,0 +1,32 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_css = require("../internals/utils/style-sheet/css.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_index = require("../internals/Box/index.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Modal/ModalDialog.js
+var ModalDialog = require_forwardRef.forwardRef((props, ref) => {
+	const { as, style, children, dialogClassName, dialogStyle, classPrefix = "modal", className, size, ...rest } = props;
+	const { merge, withPrefix, prefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, withPrefix(size));
+	const dialogClasses = merge(dialogClassName, prefix("dialog"));
+	const modalStyle = require_css.mergeStyles({ display: "block" }, style);
+	return /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({
+		as,
+		role: "dialog",
+		"aria-modal": true,
+		ref,
+		className: classes,
+		style: modalStyle
+	}, rest), /*#__PURE__*/ react.default.createElement("div", {
+		role: "document",
+		className: dialogClasses,
+		style: dialogStyle
+	}, children));
+});
+ModalDialog.displayName = "ModalDialog";
+//#endregion
+exports.default = ModalDialog;

package/dist/node_modules/rsuite/esm/Modal/ModalDialog.js

@@ -0,0 +1,30 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import { mergeStyles } from "../internals/utils/style-sheet/css.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import Box_default from "../internals/Box/index.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/Modal/ModalDialog.js
+var ModalDialog = forwardRef$1((props, ref) => {
+	const { as, style, children, dialogClassName, dialogStyle, classPrefix = "modal", className, size, ...rest } = props;
+	const { merge, withPrefix, prefix } = useStyles(classPrefix);
+	const classes = merge(className, withPrefix(size));
+	const dialogClasses = merge(dialogClassName, prefix("dialog"));
+	const modalStyle = mergeStyles({ display: "block" }, style);
+	return /*#__PURE__*/ React.createElement(Box_default, _extends({
+		as,
+		role: "dialog",
+		"aria-modal": true,
+		ref,
+		className: classes,
+		style: modalStyle
+	}, rest), /*#__PURE__*/ React.createElement("div", {
+		role: "document",
+		className: dialogClasses,
+		style: dialogStyle
+	}, children));
+});
+ModalDialog.displayName = "ModalDialog";
+//#endregion
+export { ModalDialog as default };

package/dist/node_modules/rsuite/esm/Modal/ModalFooter.cjs

@@ -0,0 +1,5 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/Modal/ModalFooter.js
+var ModalFooter = require("../internals/utils/react/createComponent.cjs").default({ name: "ModalFooter" });
+//#endregion
+exports.default = ModalFooter;

package/dist/node_modules/rsuite/esm/Modal/ModalFooter.js

@@ -0,0 +1,6 @@
+"use client";
+import createComponent from "../internals/utils/react/createComponent.js";
+//#region ../../node_modules/rsuite/esm/Modal/ModalFooter.js
+var ModalFooter = createComponent({ name: "ModalFooter" });
+//#endregion
+export { ModalFooter as default };

package/dist/node_modules/rsuite/esm/Modal/ModalHeader.cjs

@@ -0,0 +1,30 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_createChainedFunction = require("../internals/utils/createChainedFunction.cjs");
+const require_index = require("../internals/Box/index.cjs");
+const require_index$1 = require("../IconButton/index.cjs");
+const require_ModalContext = require("./ModalContext.cjs");
+const require_index$2 = require("../internals/CloseButton/index.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Modal/ModalHeader.js
+var ModalHeader = require_forwardRef.forwardRef((props, ref) => {
+	const { as, classPrefix = "modal-header", className, closeButton = true, children, onClose, ...rest } = props;
+	const { merge, withPrefix, prefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, withPrefix());
+	const { onModalClose } = (0, react.useContext)(require_ModalContext.ModalContext) || {};
+	return /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({ as }, rest, {
+		ref,
+		className: classes
+	}), closeButton && /*#__PURE__*/ react.default.createElement(require_index$2.default, {
+		as: require_index$1.default,
+		className: prefix("close"),
+		onClick: require_createChainedFunction.default(onClose, onModalClose)
+	}), children);
+});
+ModalHeader.displayName = "ModalHeader";
+//#endregion
+exports.default = ModalHeader;

package/dist/node_modules/rsuite/esm/Modal/ModalHeader.js

@@ -0,0 +1,28 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import createChainedFunction from "../internals/utils/createChainedFunction.js";
+import Box_default from "../internals/Box/index.js";
+import IconButton_default from "../IconButton/index.js";
+import { ModalContext } from "./ModalContext.js";
+import CloseButton_default from "../internals/CloseButton/index.js";
+import React, { useContext } from "react";
+//#region ../../node_modules/rsuite/esm/Modal/ModalHeader.js
+var ModalHeader = forwardRef$1((props, ref) => {
+	const { as, classPrefix = "modal-header", className, closeButton = true, children, onClose, ...rest } = props;
+	const { merge, withPrefix, prefix } = useStyles(classPrefix);
+	const classes = merge(className, withPrefix());
+	const { onModalClose } = useContext(ModalContext) || {};
+	return /*#__PURE__*/ React.createElement(Box_default, _extends({ as }, rest, {
+		ref,
+		className: classes
+	}), closeButton && /*#__PURE__*/ React.createElement(CloseButton_default, {
+		as: IconButton_default,
+		className: prefix("close"),
+		onClick: createChainedFunction(onClose, onModalClose)
+	}), children);
+});
+ModalHeader.displayName = "ModalHeader";
+//#endregion
+export { ModalHeader as default };

package/dist/node_modules/rsuite/esm/Modal/ModalTitle.cjs

@@ -0,0 +1,27 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_index = require("../internals/Box/index.cjs");
+const require_ModalContext = require("./ModalContext.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Modal/ModalTitle.js
+var ModalTitle = require_forwardRef.forwardRef((props, ref) => {
+	const { as = "h4", classPrefix = "modal-title", className, role, ...rest } = props;
+	const { withPrefix, merge } = require_useStyles.default(classPrefix);
+	const classes = merge(className, withPrefix());
+	const context = (0, react.useContext)(require_ModalContext.ModalContext);
+	return /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({
+		as,
+		id: context ? `${context.dialogId}-title` : void 0
+	}, rest, {
+		role,
+		ref,
+		className: classes
+	}));
+});
+ModalTitle.displayName = "Modal.Title";
+//#endregion
+exports.default = ModalTitle;

package/dist/node_modules/rsuite/esm/Modal/ModalTitle.js

@@ -0,0 +1,25 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import Box_default from "../internals/Box/index.js";
+import { ModalContext } from "./ModalContext.js";
+import React, { useContext } from "react";
+//#region ../../node_modules/rsuite/esm/Modal/ModalTitle.js
+var ModalTitle = forwardRef$1((props, ref) => {
+	const { as = "h4", classPrefix = "modal-title", className, role, ...rest } = props;
+	const { withPrefix, merge } = useStyles(classPrefix);
+	const classes = merge(className, withPrefix());
+	const context = useContext(ModalContext);
+	return /*#__PURE__*/ React.createElement(Box_default, _extends({
+		as,
+		id: context ? `${context.dialogId}-title` : void 0
+	}, rest, {
+		role,
+		ref,
+		className: classes
+	}));
+});
+ModalTitle.displayName = "Modal.Title";
+//#endregion
+export { ModalTitle as default };

package/dist/node_modules/rsuite/esm/Modal/index.cjs

@@ -0,0 +1,10 @@
+"use client";
+require("./ModalDialog.cjs");
+require("./ModalBody.cjs");
+require("./ModalHeader.cjs");
+require("./ModalTitle.cjs");
+require("./ModalFooter.cjs");
+//#region ../../node_modules/rsuite/esm/Modal/index.js
+var Modal_default = require("./Modal.cjs").default;
+//#endregion
+exports.default = Modal_default;

package/dist/node_modules/rsuite/esm/Modal/index.js

@@ -0,0 +1,11 @@
+"use client";
+import "./ModalDialog.js";
+import "./ModalBody.js";
+import "./ModalHeader.js";
+import "./ModalTitle.js";
+import "./ModalFooter.js";
+import Modal from "./Modal.js";
+//#region ../../node_modules/rsuite/esm/Modal/index.js
+var Modal_default = Modal;
+//#endregion
+export { Modal_default as default };