@redis-ui/components 49.1.1 → 50.0.0

package/dist/node_modules/rsuite/esm/internals/Ripple/Ripple.cjs

@@ -0,0 +1,79 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../utils/react/forwardRef.cjs");
+const require_useStyles = require("../hooks/useStyles.cjs");
+const require_useCustom = require("../hooks/useCustom.cjs");
+const require_mergeRefs = require("../utils/react/mergeRefs.cjs");
+const require_on = require("../../../../dom-lib/esm/on.cjs");
+const require_getOffset = require("../../../../dom-lib/esm/getOffset.cjs");
+const require_Transition = require("../../Animation/Transition.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/Ripple/Ripple.js
+var getPosition = (target, event) => {
+	const offset = require_getOffset.default(target);
+	const offsetX = (event.pageX || 0) - offset.left;
+	const offsetY = (event.pageY || 0) - offset.top;
+	const radiusX = Math.max(offset.width - offsetX, offsetX);
+	const radiusY = Math.max(offset.height - offsetY, offsetY);
+	const radius = Math.sqrt(Math.pow(radiusX, 2) + Math.pow(radiusY, 2));
+	return {
+		width: radius * 2,
+		height: radius * 2,
+		left: offsetX - radius,
+		top: offsetY - radius
+	};
+};
+/**
+* The `Ripple` component is used to implement the ripple effect.
+* @private
+*/
+var Ripple = require_forwardRef.forwardRef((props, ref) => {
+	const { disableRipple } = require_useCustom.default();
+	const { as: Component = "span", className, classPrefix = "ripple", onMouseDown, ...rest } = props;
+	const { merge, prefix, withPrefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, prefix("pond"));
+	const triggerRef = (0, react.useRef)(null);
+	const [rippling, setRippling] = (0, react.useState)(false);
+	const [position, setPosition] = (0, react.useState)();
+	const handleRippled = () => {
+		setRippling(false);
+	};
+	const handleMouseDown = (0, react.useCallback)((event) => {
+		if (triggerRef.current) {
+			const position = getPosition(triggerRef.current, event);
+			setRippling(true);
+			setPosition(position);
+			onMouseDown?.(position, event);
+		}
+	}, [onMouseDown]);
+	(0, react.useEffect)(() => {
+		const parentNode = triggerRef.current?.parentNode;
+		if (parentNode) {
+			const mousedownListener = require_on.default(parentNode, "mousedown", handleMouseDown);
+			return () => {
+				mousedownListener?.off();
+			};
+		}
+	}, [handleMouseDown]);
+	if (disableRipple) return null;
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({}, rest, {
+		className: classes,
+		ref: require_mergeRefs.default(triggerRef, ref)
+	}), /*#__PURE__*/ react.default.createElement(require_Transition.default, {
+		in: rippling,
+		enteringClassName: prefix("rippling"),
+		onEntered: handleRippled
+	}, (props, ref) => {
+		const { className, ...transitionRest } = props;
+		return /*#__PURE__*/ react.default.createElement("span", require_extends._extends({}, transitionRest, {
+			ref,
+			className: merge(withPrefix(), className),
+			style: position
+		}));
+	}));
+});
+Ripple.displayName = "Ripple";
+//#endregion
+exports.default = Ripple;

package/dist/node_modules/rsuite/esm/internals/Ripple/Ripple.js

@@ -0,0 +1,77 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../utils/react/forwardRef.js";
+import useStyles from "../hooks/useStyles.js";
+import useCustom from "../hooks/useCustom.js";
+import mergeRefs from "../utils/react/mergeRefs.js";
+import on from "../../../../dom-lib/esm/on.js";
+import getOffset from "../../../../dom-lib/esm/getOffset.js";
+import Transition from "../../Animation/Transition.js";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+//#region ../../node_modules/rsuite/esm/internals/Ripple/Ripple.js
+var getPosition = (target, event) => {
+	const offset = getOffset(target);
+	const offsetX = (event.pageX || 0) - offset.left;
+	const offsetY = (event.pageY || 0) - offset.top;
+	const radiusX = Math.max(offset.width - offsetX, offsetX);
+	const radiusY = Math.max(offset.height - offsetY, offsetY);
+	const radius = Math.sqrt(Math.pow(radiusX, 2) + Math.pow(radiusY, 2));
+	return {
+		width: radius * 2,
+		height: radius * 2,
+		left: offsetX - radius,
+		top: offsetY - radius
+	};
+};
+/**
+* The `Ripple` component is used to implement the ripple effect.
+* @private
+*/
+var Ripple = forwardRef$1((props, ref) => {
+	const { disableRipple } = useCustom();
+	const { as: Component = "span", className, classPrefix = "ripple", onMouseDown, ...rest } = props;
+	const { merge, prefix, withPrefix } = useStyles(classPrefix);
+	const classes = merge(className, prefix("pond"));
+	const triggerRef = useRef(null);
+	const [rippling, setRippling] = useState(false);
+	const [position, setPosition] = useState();
+	const handleRippled = () => {
+		setRippling(false);
+	};
+	const handleMouseDown = useCallback((event) => {
+		if (triggerRef.current) {
+			const position = getPosition(triggerRef.current, event);
+			setRippling(true);
+			setPosition(position);
+			onMouseDown?.(position, event);
+		}
+	}, [onMouseDown]);
+	useEffect(() => {
+		const parentNode = triggerRef.current?.parentNode;
+		if (parentNode) {
+			const mousedownListener = on(parentNode, "mousedown", handleMouseDown);
+			return () => {
+				mousedownListener?.off();
+			};
+		}
+	}, [handleMouseDown]);
+	if (disableRipple) return null;
+	return /*#__PURE__*/ React.createElement(Component, _extends({}, rest, {
+		className: classes,
+		ref: mergeRefs(triggerRef, ref)
+	}), /*#__PURE__*/ React.createElement(Transition, {
+		in: rippling,
+		enteringClassName: prefix("rippling"),
+		onEntered: handleRippled
+	}, (props, ref) => {
+		const { className, ...transitionRest } = props;
+		return /*#__PURE__*/ React.createElement("span", _extends({}, transitionRest, {
+			ref,
+			className: merge(withPrefix(), className),
+			style: position
+		}));
+	}));
+});
+Ripple.displayName = "Ripple";
+//#endregion
+export { Ripple as default };

package/dist/node_modules/rsuite/esm/internals/Ripple/index.cjs

@@ -0,0 +1,5 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/internals/Ripple/index.js
+var Ripple_default = require("./Ripple.cjs").default;
+//#endregion
+exports.default = Ripple_default;

package/dist/node_modules/rsuite/esm/internals/Ripple/index.js

@@ -0,0 +1,6 @@
+"use client";
+import Ripple from "./Ripple.js";
+//#region ../../node_modules/rsuite/esm/internals/Ripple/index.js
+var Ripple_default = Ripple;
+//#endregion
+export { Ripple_default as default };

package/dist/node_modules/rsuite/esm/internals/SafeAnchor/SafeAnchor.cjs

@@ -0,0 +1,48 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../utils/react/forwardRef.cjs");
+const require_useCustom = require("../hooks/useCustom.cjs");
+const require_index = require("../Box/index.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/SafeAnchor/SafeAnchor.js
+function isTrivialHref(href) {
+	return !href || href.trim() === "#";
+}
+/**
+* A SafeAnchor is a wrapper around the `<a>` HTML element.
+* @private
+*/
+var SafeAnchor = require_forwardRef.forwardRef((props, ref) => {
+	const { propsWithDefaults } = require_useCustom.default("SafeAnchor", props);
+	const { as = "a", href, disabled, onClick, ...restProps } = propsWithDefaults;
+	const handleClick = (0, react.useCallback)((event) => {
+		if (disabled || isTrivialHref(href)) event.preventDefault();
+		if (disabled) {
+			event.stopPropagation();
+			return;
+		}
+		onClick?.(event);
+	}, [
+		disabled,
+		href,
+		onClick
+	]);
+	const trivialProps = isTrivialHref(href) ? {
+		role: "button",
+		href: "#"
+	} : null;
+	if (disabled) {
+		restProps.tabIndex = -1;
+		restProps["aria-disabled"] = true;
+	}
+	return /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({
+		as,
+		ref,
+		href
+	}, trivialProps, restProps, { onClick: handleClick }));
+});
+SafeAnchor.displayName = "SafeAnchor";
+//#endregion
+exports.default = SafeAnchor;

package/dist/node_modules/rsuite/esm/internals/SafeAnchor/SafeAnchor.js

@@ -0,0 +1,46 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../utils/react/forwardRef.js";
+import useCustom from "../hooks/useCustom.js";
+import Box_default from "../Box/index.js";
+import React, { useCallback } from "react";
+//#region ../../node_modules/rsuite/esm/internals/SafeAnchor/SafeAnchor.js
+function isTrivialHref(href) {
+	return !href || href.trim() === "#";
+}
+/**
+* A SafeAnchor is a wrapper around the `<a>` HTML element.
+* @private
+*/
+var SafeAnchor = forwardRef$1((props, ref) => {
+	const { propsWithDefaults } = useCustom("SafeAnchor", props);
+	const { as = "a", href, disabled, onClick, ...restProps } = propsWithDefaults;
+	const handleClick = useCallback((event) => {
+		if (disabled || isTrivialHref(href)) event.preventDefault();
+		if (disabled) {
+			event.stopPropagation();
+			return;
+		}
+		onClick?.(event);
+	}, [
+		disabled,
+		href,
+		onClick
+	]);
+	const trivialProps = isTrivialHref(href) ? {
+		role: "button",
+		href: "#"
+	} : null;
+	if (disabled) {
+		restProps.tabIndex = -1;
+		restProps["aria-disabled"] = true;
+	}
+	return /*#__PURE__*/ React.createElement(Box_default, _extends({
+		as,
+		ref,
+		href
+	}, trivialProps, restProps, { onClick: handleClick }));
+});
+SafeAnchor.displayName = "SafeAnchor";
+//#endregion
+export { SafeAnchor as default };

package/dist/node_modules/rsuite/esm/internals/SafeAnchor/index.cjs

@@ -0,0 +1,5 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/internals/SafeAnchor/index.js
+var SafeAnchor_default = require("./SafeAnchor.cjs").default;
+//#endregion
+exports.default = SafeAnchor_default;

package/dist/node_modules/rsuite/esm/internals/SafeAnchor/index.js

@@ -0,0 +1,6 @@
+"use client";
+import SafeAnchor from "./SafeAnchor.js";
+//#region ../../node_modules/rsuite/esm/internals/SafeAnchor/index.js
+var SafeAnchor_default = SafeAnchor;
+//#endregion
+export { SafeAnchor_default as default };

package/dist/node_modules/rsuite/esm/internals/ScrollView/ScrollView.cjs

@@ -0,0 +1,38 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../utils/react/forwardRef.cjs");
+const require_useStyles = require("../hooks/useStyles.cjs");
+const require_mergeRefs = require("../utils/react/mergeRefs.cjs");
+const require_createChainedFunction = require("../utils/createChainedFunction.cjs");
+const require_useScrollState = require("./hooks/useScrollState.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/ScrollView/ScrollView.js
+var ScrollView = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", classPrefix = "scroll-view", className, children, scrollShadow, customScrollbar, height, width, style, onScroll, ["data-testid"]: dataTestId, ...rest } = props;
+	const { merge, withPrefix } = require_useStyles.default(classPrefix);
+	const { scrollState, handleScroll, bodyRef } = require_useScrollState.useScrollState(scrollShadow);
+	const bodyStyles = {
+		height,
+		width,
+		...style
+	};
+	const bodyClasses = merge(className, withPrefix({
+		shadow: scrollShadow,
+		"thumb-top": scrollState === "top",
+		"thumb-middle": scrollState === "middle",
+		"thumb-bottom": scrollState === "bottom",
+		"custom-scrollbar": customScrollbar
+	}));
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({}, rest, {
+		ref: require_mergeRefs.default(ref, bodyRef),
+		className: bodyClasses,
+		style: bodyStyles,
+		onScroll: require_createChainedFunction.default(handleScroll, onScroll),
+		"data-testid": dataTestId || "scroll-view"
+	}), children);
+});
+ScrollView.displayName = "ScrollView";
+//#endregion
+exports.default = ScrollView;

package/dist/node_modules/rsuite/esm/internals/ScrollView/ScrollView.js

@@ -0,0 +1,36 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../utils/react/forwardRef.js";
+import useStyles from "../hooks/useStyles.js";
+import mergeRefs from "../utils/react/mergeRefs.js";
+import createChainedFunction from "../utils/createChainedFunction.js";
+import { useScrollState } from "./hooks/useScrollState.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/internals/ScrollView/ScrollView.js
+var ScrollView = forwardRef$1((props, ref) => {
+	const { as: Component = "div", classPrefix = "scroll-view", className, children, scrollShadow, customScrollbar, height, width, style, onScroll, ["data-testid"]: dataTestId, ...rest } = props;
+	const { merge, withPrefix } = useStyles(classPrefix);
+	const { scrollState, handleScroll, bodyRef } = useScrollState(scrollShadow);
+	const bodyStyles = {
+		height,
+		width,
+		...style
+	};
+	const bodyClasses = merge(className, withPrefix({
+		shadow: scrollShadow,
+		"thumb-top": scrollState === "top",
+		"thumb-middle": scrollState === "middle",
+		"thumb-bottom": scrollState === "bottom",
+		"custom-scrollbar": customScrollbar
+	}));
+	return /*#__PURE__*/ React.createElement(Component, _extends({}, rest, {
+		ref: mergeRefs(ref, bodyRef),
+		className: bodyClasses,
+		style: bodyStyles,
+		onScroll: createChainedFunction(handleScroll, onScroll),
+		"data-testid": dataTestId || "scroll-view"
+	}), children);
+});
+ScrollView.displayName = "ScrollView";
+//#endregion
+export { ScrollView as default };

package/dist/node_modules/rsuite/esm/internals/ScrollView/hooks/useScrollState.cjs

@@ -0,0 +1,52 @@
+"use client";
+const require_useEventCallback = require("../../hooks/useEventCallback.cjs");
+const require_useMount = require("../../hooks/useMount.cjs");
+let react = require("react");
+//#region ../../node_modules/rsuite/esm/internals/ScrollView/hooks/useScrollState.js
+function getScrollState(target) {
+	const scrollTop = target.scrollTop;
+	const scrollHeight = target.scrollHeight;
+	const clientHeight = target.clientHeight;
+	if (scrollHeight <= clientHeight) return null;
+	else if (scrollTop === 0) return "top";
+	else if (scrollTop + clientHeight === scrollHeight) return "bottom";
+	else return "middle";
+}
+function useScrollState(scrollShadow) {
+	const bodyRef = (0, react.useRef)(null);
+	const [scrollState, setScrollState] = (0, react.useState)(null);
+	require_useMount.default(() => {
+		let observer;
+		if (bodyRef.current && scrollShadow) {
+			const target = bodyRef.current;
+			setScrollState(getScrollState(target));
+			let lastScrollHeight = target.scrollHeight;
+			observer = new MutationObserver(() => {
+				const newScrollHeight = target?.scrollHeight;
+				if (newScrollHeight && newScrollHeight !== lastScrollHeight) {
+					setScrollState(getScrollState(target));
+					lastScrollHeight = newScrollHeight;
+				}
+			});
+			observer.observe(target, {
+				attributes: true,
+				childList: true,
+				subtree: true
+			});
+		}
+		return () => {
+			observer?.disconnect();
+		};
+	});
+	const handleScroll = require_useEventCallback.default((event) => {
+		const target = event.currentTarget;
+		setScrollState(getScrollState(target));
+	});
+	return {
+		scrollState,
+		handleScroll: scrollShadow ? handleScroll : void 0,
+		bodyRef
+	};
+}
+//#endregion
+exports.useScrollState = useScrollState;

package/dist/node_modules/rsuite/esm/internals/ScrollView/hooks/useScrollState.js

@@ -0,0 +1,52 @@
+"use client";
+import useEventCallback from "../../hooks/useEventCallback.js";
+import useMount from "../../hooks/useMount.js";
+import { useRef, useState } from "react";
+//#region ../../node_modules/rsuite/esm/internals/ScrollView/hooks/useScrollState.js
+function getScrollState(target) {
+	const scrollTop = target.scrollTop;
+	const scrollHeight = target.scrollHeight;
+	const clientHeight = target.clientHeight;
+	if (scrollHeight <= clientHeight) return null;
+	else if (scrollTop === 0) return "top";
+	else if (scrollTop + clientHeight === scrollHeight) return "bottom";
+	else return "middle";
+}
+function useScrollState(scrollShadow) {
+	const bodyRef = useRef(null);
+	const [scrollState, setScrollState] = useState(null);
+	useMount(() => {
+		let observer;
+		if (bodyRef.current && scrollShadow) {
+			const target = bodyRef.current;
+			setScrollState(getScrollState(target));
+			let lastScrollHeight = target.scrollHeight;
+			observer = new MutationObserver(() => {
+				const newScrollHeight = target?.scrollHeight;
+				if (newScrollHeight && newScrollHeight !== lastScrollHeight) {
+					setScrollState(getScrollState(target));
+					lastScrollHeight = newScrollHeight;
+				}
+			});
+			observer.observe(target, {
+				attributes: true,
+				childList: true,
+				subtree: true
+			});
+		}
+		return () => {
+			observer?.disconnect();
+		};
+	});
+	const handleScroll = useEventCallback((event) => {
+		const target = event.currentTarget;
+		setScrollState(getScrollState(target));
+	});
+	return {
+		scrollState,
+		handleScroll: scrollShadow ? handleScroll : void 0,
+		bodyRef
+	};
+}
+//#endregion
+export { useScrollState };

package/dist/node_modules/rsuite/esm/internals/ScrollView/index.cjs

@@ -0,0 +1,5 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/internals/ScrollView/index.js
+var ScrollView_default = require("./ScrollView.cjs").default;
+//#endregion
+exports.default = ScrollView_default;

package/dist/node_modules/rsuite/esm/internals/ScrollView/index.js

@@ -0,0 +1,6 @@
+"use client";
+import ScrollView from "./ScrollView.js";
+//#region ../../node_modules/rsuite/esm/internals/ScrollView/index.js
+var ScrollView_default = ScrollView;
+//#endregion
+export { ScrollView_default as default };

package/dist/node_modules/rsuite/esm/internals/Windowing/AutoSizer.cjs

@@ -0,0 +1,78 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_css = require("../utils/style-sheet/css.cjs");
+const require_mergeRefs = require("../utils/react/mergeRefs.cjs");
+const require_useElementResize = require("../hooks/useElementResize.cjs");
+const require_useMount = require("../hooks/useMount.cjs");
+const require_getStyle = require("../../../../dom-lib/esm/getStyle.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/Windowing/AutoSizer.js
+/**
+* High-order component that automatically adjusts the width and height of a single child.
+*
+* @private
+*/
+var AutoSizer = /*#__PURE__*/ react.default.forwardRef((props, ref) => {
+	const { children, className, disableHeight, disableWidth, defaultHeight, defaultWidth, style, onResize, ...rest } = props;
+	const [height, setHeight] = (0, react.useState)(defaultHeight || 0);
+	const [width, setWidth] = (0, react.useState)(defaultWidth || 0);
+	const rootRef = (0, react.useRef)(null);
+	const getParentNode = (0, react.useCallback)(() => {
+		if (rootRef.current?.parentNode && rootRef.current.parentNode.ownerDocument && rootRef.current.parentNode.ownerDocument.defaultView && rootRef.current.parentNode instanceof rootRef.current.parentNode.ownerDocument.defaultView.HTMLElement) return rootRef.current.parentNode;
+		return null;
+	}, []);
+	const handleResize = (0, react.useCallback)(() => {
+		const parentNode = getParentNode();
+		if (parentNode) {
+			const offsetHeight = parentNode.offsetHeight || 0;
+			const offsetWidth = parentNode.offsetWidth || 0;
+			const style = require_getStyle.default(parentNode);
+			const paddingLeft = parseInt(style.paddingLeft, 10) || 0;
+			const paddingRight = parseInt(style.paddingRight, 10) || 0;
+			const paddingTop = parseInt(style.paddingTop, 10) || 0;
+			const paddingBottom = parseInt(style.paddingBottom, 10) || 0;
+			const newHeight = offsetHeight - paddingTop - paddingBottom;
+			const newWidth = offsetWidth - paddingLeft - paddingRight;
+			if (!disableHeight && height !== newHeight || !disableWidth && width !== newWidth) {
+				setHeight(offsetHeight - paddingTop - paddingBottom);
+				setWidth(offsetWidth - paddingLeft - paddingRight);
+				onResize?.({
+					height: offsetHeight,
+					width: offsetWidth
+				});
+			}
+		}
+	}, [
+		disableHeight,
+		disableWidth,
+		getParentNode,
+		height,
+		onResize,
+		width
+	]);
+	require_useMount.default(handleResize);
+	require_useElementResize.default(getParentNode(), handleResize);
+	const outerStyle = { overflow: "visible" };
+	const childParams = {
+		width: 0,
+		height: 0
+	};
+	if (!disableHeight) {
+		outerStyle.height = 0;
+		childParams.height = height;
+	}
+	if (!disableWidth) {
+		outerStyle.width = 0;
+		childParams.width = width;
+	}
+	return /*#__PURE__*/ react.default.createElement("div", require_extends._extends({
+		className,
+		ref: require_mergeRefs.default(rootRef, ref),
+		style: require_css.mergeStyles(outerStyle, style)
+	}, rest), children(childParams));
+});
+AutoSizer.displayName = "AutoSizer";
+//#endregion
+exports.default = AutoSizer;

package/dist/node_modules/rsuite/esm/internals/Windowing/AutoSizer.js

@@ -0,0 +1,76 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { mergeStyles } from "../utils/style-sheet/css.js";
+import mergeRefs from "../utils/react/mergeRefs.js";
+import useElementResize from "../hooks/useElementResize.js";
+import useMount from "../hooks/useMount.js";
+import getStyle from "../../../../dom-lib/esm/getStyle.js";
+import React, { useCallback, useRef, useState } from "react";
+//#region ../../node_modules/rsuite/esm/internals/Windowing/AutoSizer.js
+/**
+* High-order component that automatically adjusts the width and height of a single child.
+*
+* @private
+*/
+var AutoSizer = /*#__PURE__*/ React.forwardRef((props, ref) => {
+	const { children, className, disableHeight, disableWidth, defaultHeight, defaultWidth, style, onResize, ...rest } = props;
+	const [height, setHeight] = useState(defaultHeight || 0);
+	const [width, setWidth] = useState(defaultWidth || 0);
+	const rootRef = useRef(null);
+	const getParentNode = useCallback(() => {
+		if (rootRef.current?.parentNode && rootRef.current.parentNode.ownerDocument && rootRef.current.parentNode.ownerDocument.defaultView && rootRef.current.parentNode instanceof rootRef.current.parentNode.ownerDocument.defaultView.HTMLElement) return rootRef.current.parentNode;
+		return null;
+	}, []);
+	const handleResize = useCallback(() => {
+		const parentNode = getParentNode();
+		if (parentNode) {
+			const offsetHeight = parentNode.offsetHeight || 0;
+			const offsetWidth = parentNode.offsetWidth || 0;
+			const style = getStyle(parentNode);
+			const paddingLeft = parseInt(style.paddingLeft, 10) || 0;
+			const paddingRight = parseInt(style.paddingRight, 10) || 0;
+			const paddingTop = parseInt(style.paddingTop, 10) || 0;
+			const paddingBottom = parseInt(style.paddingBottom, 10) || 0;
+			const newHeight = offsetHeight - paddingTop - paddingBottom;
+			const newWidth = offsetWidth - paddingLeft - paddingRight;
+			if (!disableHeight && height !== newHeight || !disableWidth && width !== newWidth) {
+				setHeight(offsetHeight - paddingTop - paddingBottom);
+				setWidth(offsetWidth - paddingLeft - paddingRight);
+				onResize?.({
+					height: offsetHeight,
+					width: offsetWidth
+				});
+			}
+		}
+	}, [
+		disableHeight,
+		disableWidth,
+		getParentNode,
+		height,
+		onResize,
+		width
+	]);
+	useMount(handleResize);
+	useElementResize(getParentNode(), handleResize);
+	const outerStyle = { overflow: "visible" };
+	const childParams = {
+		width: 0,
+		height: 0
+	};
+	if (!disableHeight) {
+		outerStyle.height = 0;
+		childParams.height = height;
+	}
+	if (!disableWidth) {
+		outerStyle.width = 0;
+		childParams.width = width;
+	}
+	return /*#__PURE__*/ React.createElement("div", _extends({
+		className,
+		ref: mergeRefs(rootRef, ref),
+		style: mergeStyles(outerStyle, style)
+	}, rest), children(childParams));
+});
+AutoSizer.displayName = "AutoSizer";
+//#endregion
+export { AutoSizer as default };