@redis-ui/components 49.1.0 → 50.0.0

package/dist/node_modules/rsuite/esm/internals/utils/date/useDateMode.cjs

@@ -0,0 +1,40 @@
+"use client";
+const require_formatCheck = require("./formatCheck.cjs");
+let react = require("react");
+//#region ../../node_modules/rsuite/esm/internals/utils/date/useDateMode.js
+var DateMode = /*#__PURE__*/ function(DateMode) {
+	DateMode["Date"] = "date";
+	DateMode["Month"] = "month";
+	DateMode["Time"] = "time";
+	DateMode["DateTime"] = "datetime";
+	return DateMode;
+}({});
+/**
+* Custom hook to determine the date mode and check format parts.
+*
+* @param format - The format string.
+* @returns An object containing the resolved DateMode and a `has` method to check format parts.
+*/
+var useDateMode = (format) => {
+	return {
+		mode: (0, react.useMemo)(() => {
+			if (require_formatCheck.shouldRenderDate(format) && require_formatCheck.shouldRenderTime(format)) return DateMode.DateTime;
+			if (require_formatCheck.shouldOnlyRenderMonth(format)) return DateMode.Month;
+			if (require_formatCheck.shouldOnlyRenderTime(format)) return DateMode.Time;
+			if (require_formatCheck.shouldRenderDate(format)) return DateMode.Date;
+			return DateMode.Date;
+		}, [format]),
+		has: (0, react.useCallback)((part) => {
+			switch (part) {
+				case "year": return /[Yy]/.test(format);
+				case "month": return /[ML]/.test(format);
+				case "day": return /[Dd]/.test(format);
+				case "time": return /([Hhms])/.test(format);
+				default: return false;
+			}
+		}, [format])
+	};
+};
+//#endregion
+exports.DateMode = DateMode;
+exports.useDateMode = useDateMode;

package/dist/node_modules/rsuite/esm/internals/utils/date/useDateMode.js

@@ -0,0 +1,39 @@
+"use client";
+import { shouldOnlyRenderMonth, shouldOnlyRenderTime, shouldRenderDate, shouldRenderTime } from "./formatCheck.js";
+import { useCallback, useMemo } from "react";
+//#region ../../node_modules/rsuite/esm/internals/utils/date/useDateMode.js
+var DateMode = /*#__PURE__*/ function(DateMode) {
+	DateMode["Date"] = "date";
+	DateMode["Month"] = "month";
+	DateMode["Time"] = "time";
+	DateMode["DateTime"] = "datetime";
+	return DateMode;
+}({});
+/**
+* Custom hook to determine the date mode and check format parts.
+*
+* @param format - The format string.
+* @returns An object containing the resolved DateMode and a `has` method to check format parts.
+*/
+var useDateMode = (format) => {
+	return {
+		mode: useMemo(() => {
+			if (shouldRenderDate(format) && shouldRenderTime(format)) return DateMode.DateTime;
+			if (shouldOnlyRenderMonth(format)) return DateMode.Month;
+			if (shouldOnlyRenderTime(format)) return DateMode.Time;
+			if (shouldRenderDate(format)) return DateMode.Date;
+			return DateMode.Date;
+		}, [format]),
+		has: useCallback((part) => {
+			switch (part) {
+				case "year": return /[Yy]/.test(format);
+				case "month": return /[ML]/.test(format);
+				case "day": return /[Dd]/.test(format);
+				case "time": return /([Hhms])/.test(format);
+				default: return false;
+			}
+		}, [format])
+	};
+};
+//#endregion
+export { DateMode, useDateMode };

package/dist/node_modules/rsuite/esm/internals/utils/html/dom.cjs

@@ -0,0 +1,27 @@
+"use client";
+[
+	"[contentEditable=true]",
+	"[tabindex]",
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"iframe",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])"
+].map(process.env.NODE_ENV === "test" ? (selector) => `${selector}:not([tabindex='-1']):not([style*='display: none'])` : (selector) => `${selector}:not([tabindex='-1'])`).join(",");
+var disableableElements = [
+	"button",
+	"fieldset",
+	"optgroup",
+	"option",
+	"select",
+	"textarea",
+	"input"
+];
+function isDisableableElement(element) {
+	if (typeof element === "string") return disableableElements.includes(element);
+	return false;
+}
+//#endregion
+exports.isDisableableElement = isDisableableElement;

package/dist/node_modules/rsuite/esm/internals/utils/html/dom.js

@@ -0,0 +1,27 @@
+"use client";
+[
+	"[contentEditable=true]",
+	"[tabindex]",
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"iframe",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])"
+].map(process.env.NODE_ENV === "test" ? (selector) => `${selector}:not([tabindex='-1']):not([style*='display: none'])` : (selector) => `${selector}:not([tabindex='-1'])`).join(",");
+var disableableElements = [
+	"button",
+	"fieldset",
+	"optgroup",
+	"option",
+	"select",
+	"textarea",
+	"input"
+];
+function isDisableableElement(element) {
+	if (typeof element === "string") return disableableElements.includes(element);
+	return false;
+}
+//#endregion
+export { isDisableableElement };

package/dist/node_modules/rsuite/esm/internals/utils/html/htmlPropsUtils.cjs

@@ -0,0 +1,87 @@
+"use client";
+const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.cjs");
+const require_forEach$1 = require("../../../../../lodash/forEach.cjs");
+const require_includes$1 = require("../../../../../lodash/includes.cjs");
+//#region ../../node_modules/rsuite/esm/internals/utils/html/htmlPropsUtils.js
+var import_forEach = /* @__PURE__ */ require_runtime.__toESM(require_forEach$1.default);
+var import_includes = /* @__PURE__ */ require_runtime.__toESM(require_includes$1.default);
+var htmlInputAttrs = [
+	"selected",
+	"defaultValue",
+	"defaultChecked",
+	"autoCapitalize",
+	"autoComplete",
+	"autoCorrect",
+	"autoFocus",
+	"checked",
+	"disabled",
+	"form",
+	"id",
+	"list",
+	"max",
+	"maxLength",
+	"min",
+	"minLength",
+	"multiple",
+	"name",
+	"pattern",
+	"placeholder",
+	"readOnly",
+	"required",
+	"step",
+	"type",
+	"value"
+];
+var htmlInputEvents = [
+	"onKeyDown",
+	"onKeyPress",
+	"onKeyUp",
+	"onFocus",
+	"onBlur",
+	"onChange",
+	"onInput",
+	"onClick",
+	"onContextMenu",
+	"onDrag",
+	"onDragEnd",
+	"onDragEnter",
+	"onDragExit",
+	"onDragLeave",
+	"onDragOver",
+	"onDragStart",
+	"onDrop",
+	"onMouseDown",
+	"onMouseEnter",
+	"onMouseLeave",
+	"onMouseMove",
+	"onMouseOut",
+	"onMouseOver",
+	"onMouseUp",
+	"onSelect",
+	"onTouchCancel",
+	"onTouchEnd",
+	"onTouchMove",
+	"onTouchStart"
+];
+var htmlInputProps = [...htmlInputAttrs, ...htmlInputEvents];
+/**
+* Returns an array of objects consisting of: props of html input element and rest.
+* @param {object} props A ReactElement props object
+* @param {Object} [options={}]
+* @param {Array} [options.htmlProps] An array of html input props
+* @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
+* @returns {[{}, {}]} An array of objects
+*/
+var partitionHTMLProps = (props, options = {}) => {
+	const { htmlProps = htmlInputProps, includeAria = true } = options;
+	const inputProps = {};
+	const rest = {};
+	(0, import_forEach.default)(props, (val, prop) => {
+		const possibleAria = includeAria && (/^aria-.*$/.test(prop) || prop === "role");
+		const target = (0, import_includes.default)(htmlProps, prop) || possibleAria ? inputProps : rest;
+		target[prop] = val;
+	});
+	return [inputProps, rest];
+};
+//#endregion
+exports.partitionHTMLProps = partitionHTMLProps;

package/dist/node_modules/rsuite/esm/internals/utils/html/htmlPropsUtils.js

@@ -0,0 +1,87 @@
+"use client";
+import { __toESM } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { require_forEach } from "../../../../../lodash/forEach.js";
+import { require_includes } from "../../../../../lodash/includes.js";
+//#region ../../node_modules/rsuite/esm/internals/utils/html/htmlPropsUtils.js
+var import_forEach = /* @__PURE__ */ __toESM(require_forEach());
+var import_includes = /* @__PURE__ */ __toESM(require_includes());
+var htmlInputAttrs = [
+	"selected",
+	"defaultValue",
+	"defaultChecked",
+	"autoCapitalize",
+	"autoComplete",
+	"autoCorrect",
+	"autoFocus",
+	"checked",
+	"disabled",
+	"form",
+	"id",
+	"list",
+	"max",
+	"maxLength",
+	"min",
+	"minLength",
+	"multiple",
+	"name",
+	"pattern",
+	"placeholder",
+	"readOnly",
+	"required",
+	"step",
+	"type",
+	"value"
+];
+var htmlInputEvents = [
+	"onKeyDown",
+	"onKeyPress",
+	"onKeyUp",
+	"onFocus",
+	"onBlur",
+	"onChange",
+	"onInput",
+	"onClick",
+	"onContextMenu",
+	"onDrag",
+	"onDragEnd",
+	"onDragEnter",
+	"onDragExit",
+	"onDragLeave",
+	"onDragOver",
+	"onDragStart",
+	"onDrop",
+	"onMouseDown",
+	"onMouseEnter",
+	"onMouseLeave",
+	"onMouseMove",
+	"onMouseOut",
+	"onMouseOver",
+	"onMouseUp",
+	"onSelect",
+	"onTouchCancel",
+	"onTouchEnd",
+	"onTouchMove",
+	"onTouchStart"
+];
+var htmlInputProps = [...htmlInputAttrs, ...htmlInputEvents];
+/**
+* Returns an array of objects consisting of: props of html input element and rest.
+* @param {object} props A ReactElement props object
+* @param {Object} [options={}]
+* @param {Array} [options.htmlProps] An array of html input props
+* @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
+* @returns {[{}, {}]} An array of objects
+*/
+var partitionHTMLProps = (props, options = {}) => {
+	const { htmlProps = htmlInputProps, includeAria = true } = options;
+	const inputProps = {};
+	const rest = {};
+	(0, import_forEach.default)(props, (val, prop) => {
+		const possibleAria = includeAria && (/^aria-.*$/.test(prop) || prop === "role");
+		const target = (0, import_includes.default)(htmlProps, prop) || possibleAria ? inputProps : rest;
+		target[prop] = val;
+	});
+	return [inputProps, rest];
+};
+//#endregion
+export { partitionHTMLProps };

package/dist/node_modules/rsuite/esm/internals/utils/html/safeSetSelection.cjs

@@ -0,0 +1,13 @@
+"use client";
+const require_BrowserDetection = require("../BrowserDetection.cjs");
+//#region ../../node_modules/rsuite/esm/internals/utils/html/safeSetSelection.js
+var strNone = "none";
+/**
+* Sets the selection range of an HTMLInputElement safely.
+*/
+function safeSetSelection(element, selectionStart, selectionEnd) {
+	if (document.activeElement === element) if (require_BrowserDetection.isAndroid()) requestAnimationFrame(() => element.setSelectionRange(selectionStart, selectionEnd, strNone));
+	else element.setSelectionRange(selectionStart, selectionEnd, strNone);
+}
+//#endregion
+exports.default = safeSetSelection;

package/dist/node_modules/rsuite/esm/internals/utils/html/safeSetSelection.js

@@ -0,0 +1,13 @@
+"use client";
+import { isAndroid } from "../BrowserDetection.js";
+//#region ../../node_modules/rsuite/esm/internals/utils/html/safeSetSelection.js
+var strNone = "none";
+/**
+* Sets the selection range of an HTMLInputElement safely.
+*/
+function safeSetSelection(element, selectionStart, selectionEnd) {
+	if (document.activeElement === element) if (isAndroid()) requestAnimationFrame(() => element.setSelectionRange(selectionStart, selectionEnd, strNone));
+	else element.setSelectionRange(selectionStart, selectionEnd, strNone);
+}
+//#endregion
+export { safeSetSelection as default };

package/dist/node_modules/rsuite/esm/internals/utils/isOneOf.cjs

@@ -0,0 +1,8 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/internals/utils/isOneOf.js
+function isOneOf(one, ofTarget) {
+	if (Array.isArray(ofTarget)) return ofTarget.indexOf(one) >= 0;
+	return one === ofTarget;
+}
+//#endregion
+exports.default = isOneOf;

package/dist/node_modules/rsuite/esm/internals/utils/isOneOf.js

@@ -0,0 +1,8 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/internals/utils/isOneOf.js
+function isOneOf(one, ofTarget) {
+	if (Array.isArray(ofTarget)) return ofTarget.indexOf(one) >= 0;
+	return one === ofTarget;
+}
+//#endregion
+export { isOneOf as default };

package/dist/node_modules/rsuite/esm/internals/utils/placement.cjs

@@ -0,0 +1,37 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_kebabCase$1 = require("../../../../lodash/kebabCase.cjs");
+//#region ../../node_modules/rsuite/esm/internals/utils/placement.js
+var import_kebabCase = /* @__PURE__ */ require_runtime.__toESM(require_kebabCase$1.default);
+/**
+* Replaces the placement string with its polyfilled counterpart based on the given RTL (Right-to-Left) value.
+* @example
+* ```
+* placementPolyfill('bottomLeft');
+* // 'bottomStart'
+* ```
+*/
+function placementPolyfill(placement, rtl = false) {
+	if (typeof placement === "string") {
+		if (rtl) placement = placement.replace(/left|right/, (m) => m === "left" ? "right" : "left");
+		return placement.replace(/Left|Top/, "Start").replace(/Right|Bottom/, "End");
+	}
+	return placement;
+}
+/**
+* Converts a placement string to kebab-case and applies RTL polyfill if needed.
+* @example
+* ```
+* kebabPlace('bottomLeft');
+* // 'bottom-start'
+*
+* kebabPlace('topRight', true);
+* // 'top-start'
+* ```
+*/
+function kebabPlace(placement, rtl) {
+	if (typeof placement === "string") return (0, import_kebabCase.default)(placementPolyfill(placement, rtl));
+	return placement;
+}
+//#endregion
+exports.kebabPlace = kebabPlace;

package/dist/node_modules/rsuite/esm/internals/utils/placement.js

@@ -0,0 +1,37 @@
+"use client";
+import { __toESM } from "../../../../../_virtual/_rolldown/runtime.js";
+import { require_kebabCase } from "../../../../lodash/kebabCase.js";
+//#region ../../node_modules/rsuite/esm/internals/utils/placement.js
+var import_kebabCase = /* @__PURE__ */ __toESM(require_kebabCase());
+/**
+* Replaces the placement string with its polyfilled counterpart based on the given RTL (Right-to-Left) value.
+* @example
+* ```
+* placementPolyfill('bottomLeft');
+* // 'bottomStart'
+* ```
+*/
+function placementPolyfill(placement, rtl = false) {
+	if (typeof placement === "string") {
+		if (rtl) placement = placement.replace(/left|right/, (m) => m === "left" ? "right" : "left");
+		return placement.replace(/Left|Top/, "Start").replace(/Right|Bottom/, "End");
+	}
+	return placement;
+}
+/**
+* Converts a placement string to kebab-case and applies RTL polyfill if needed.
+* @example
+* ```
+* kebabPlace('bottomLeft');
+* // 'bottom-start'
+*
+* kebabPlace('topRight', true);
+* // 'top-start'
+* ```
+*/
+function kebabPlace(placement, rtl) {
+	if (typeof placement === "string") return (0, import_kebabCase.default)(placementPolyfill(placement, rtl));
+	return placement;
+}
+//#endregion
+export { kebabPlace };

package/dist/node_modules/rsuite/esm/internals/utils/react/ReactIs.cjs

@@ -0,0 +1,23 @@
+"use client";
+const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/utils/react/ReactIs.js
+/**
+* Returns the type of the given object.
+* @param object - The object to check.
+* @returns The type of the object.
+*/
+function typeOf(object) {
+	if (typeof object === "object" && object !== null) return object.type || object.$$typeof;
+}
+/**
+* Checks if the given children is a React fragment.
+* @param children - The children to check.
+* @returns True if the children is a React fragment, false otherwise.
+*/
+function isFragment(children) {
+	return react.default.Children.count(children) === 1 && typeOf(children) === Symbol.for("react.fragment");
+}
+//#endregion
+exports.isFragment = isFragment;

package/dist/node_modules/rsuite/esm/internals/utils/react/ReactIs.js

@@ -0,0 +1,21 @@
+"use client";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/internals/utils/react/ReactIs.js
+/**
+* Returns the type of the given object.
+* @param object - The object to check.
+* @returns The type of the object.
+*/
+function typeOf(object) {
+	if (typeof object === "object" && object !== null) return object.type || object.$$typeof;
+}
+/**
+* Checks if the given children is a React fragment.
+* @param children - The children to check.
+* @returns True if the children is a React fragment, false otherwise.
+*/
+function isFragment(children) {
+	return React.Children.count(children) === 1 && typeOf(children) === Symbol.for("react.fragment");
+}
+//#endregion
+export { isFragment };

package/dist/node_modules/rsuite/esm/internals/utils/react/createComponent.cjs

@@ -0,0 +1,44 @@
+"use client";
+const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("./forwardRef.cjs");
+const require_kebabCase$1 = require("../../../../../lodash/kebabCase.cjs");
+const require_useStyles = require("../../hooks/useStyles.cjs");
+const require_useCustom = require("../../hooks/useCustom.cjs");
+const require_Box = require("../../Box/Box.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/utils/react/createComponent.js
+/**
+* Why not import like this:
+* ```
+* import { useStyles, useCustom } from '../../hooks/index.js';
+* ```
+*
+* We import useStyles and useCustom separately to prevent Vite from displaying Rollup warnings
+* during the build process. This approach avoids circular dependency issues that could affect
+* chunk division and optimizes the build output.
+*/
+var import_kebabCase = /* @__PURE__ */ require_runtime.__toESM(require_kebabCase$1.default);
+/**
+* Create a component with `classPrefix` and `as` attributes.
+* By default, the component is based on Box component and inherits all Box props.
+*/
+function createComponent({ name, componentAs, componentClassPrefix, ...defaultProps }) {
+	const Component = require_forwardRef.forwardRef((props, ref) => {
+		const { propsWithDefaults } = require_useCustom.default(name, props);
+		const { as, classPrefix = componentClassPrefix || (0, import_kebabCase.default)(name), className, role, ...rest } = propsWithDefaults;
+		const { withPrefix, merge } = require_useStyles.default(classPrefix);
+		const classes = merge(className, withPrefix());
+		return /*#__PURE__*/ react.default.createElement(require_Box.default, require_extends._extends({}, defaultProps, rest, {
+			role,
+			ref,
+			className: classes,
+			as: as || componentAs || "div"
+		}));
+	});
+	Component.displayName = name;
+	return Component;
+}
+//#endregion
+exports.default = createComponent;

package/dist/node_modules/rsuite/esm/internals/utils/react/createComponent.js

@@ -0,0 +1,43 @@
+"use client";
+import { __toESM } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { _extends } from "../../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "./forwardRef.js";
+import { require_kebabCase } from "../../../../../lodash/kebabCase.js";
+import useStyles from "../../hooks/useStyles.js";
+import useCustom from "../../hooks/useCustom.js";
+import Box from "../../Box/Box.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/internals/utils/react/createComponent.js
+/**
+* Why not import like this:
+* ```
+* import { useStyles, useCustom } from '../../hooks/index.js';
+* ```
+*
+* We import useStyles and useCustom separately to prevent Vite from displaying Rollup warnings
+* during the build process. This approach avoids circular dependency issues that could affect
+* chunk division and optimizes the build output.
+*/
+var import_kebabCase = /* @__PURE__ */ __toESM(require_kebabCase());
+/**
+* Create a component with `classPrefix` and `as` attributes.
+* By default, the component is based on Box component and inherits all Box props.
+*/
+function createComponent({ name, componentAs, componentClassPrefix, ...defaultProps }) {
+	const Component = forwardRef$1((props, ref) => {
+		const { propsWithDefaults } = useCustom(name, props);
+		const { as, classPrefix = componentClassPrefix || (0, import_kebabCase.default)(name), className, role, ...rest } = propsWithDefaults;
+		const { withPrefix, merge } = useStyles(classPrefix);
+		const classes = merge(className, withPrefix());
+		return /*#__PURE__*/ React.createElement(Box, _extends({}, defaultProps, rest, {
+			role,
+			ref,
+			className: classes,
+			as: as || componentAs || "div"
+		}));
+	});
+	Component.displayName = name;
+	return Component;
+}
+//#endregion
+export { createComponent as default };

package/dist/node_modules/rsuite/esm/internals/utils/react/deprecateComponent.cjs

@@ -0,0 +1,22 @@
+"use client";
+const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_warnOnce = require("../warnOnce.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/internals/utils/react/deprecateComponent.js
+/**
+* HOC for display a deprecation message from a deprecated component
+* fixme: Only display deprecation message in non-production environment
+*/
+function deprecateComponent(Component, message) {
+	const componentDisplayName = Component.displayName ?? Component.name;
+	const Deprecated = /*#__PURE__*/ react.default.forwardRef((props, ref) => {
+		require_warnOnce.default(message);
+		return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({ ref }, props));
+	});
+	Deprecated.displayName = `deprecated(${componentDisplayName})`;
+	return Deprecated;
+}
+//#endregion
+exports.default = deprecateComponent;

package/dist/node_modules/rsuite/esm/internals/utils/react/deprecateComponent.js

@@ -0,0 +1,20 @@
+"use client";
+import { _extends } from "../../../../../@babel/runtime/helpers/esm/extends.js";
+import warnOnce from "../warnOnce.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/internals/utils/react/deprecateComponent.js
+/**
+* HOC for display a deprecation message from a deprecated component
+* fixme: Only display deprecation message in non-production environment
+*/
+function deprecateComponent(Component, message) {
+	const componentDisplayName = Component.displayName ?? Component.name;
+	const Deprecated = /*#__PURE__*/ React.forwardRef((props, ref) => {
+		warnOnce(message);
+		return /*#__PURE__*/ React.createElement(Component, _extends({ ref }, props));
+	});
+	Deprecated.displayName = `deprecated(${componentDisplayName})`;
+	return Deprecated;
+}
+//#endregion
+export { deprecateComponent as default };

package/dist/node_modules/rsuite/esm/internals/utils/react/forwardRef.cjs

@@ -0,0 +1,17 @@
+"use client";
+let react = require("react");
+//#region ../../node_modules/rsuite/esm/internals/utils/react/forwardRef.js
+/**
+* A utility function to wrap components with `React.forwardRef`.
+* It extends the type signature for better integration with custom components.
+*
+* @param component - The component to wrap, with `props` and `ref` types explicitly defined.
+* @returns A forward-ref component with extended type inference.
+*/
+function forwardRef(component, subcomponents) {
+	const forwardedComponent = /*#__PURE__*/ (0, react.forwardRef)(component);
+	if (subcomponents) Object.assign(forwardedComponent, subcomponents);
+	return forwardedComponent;
+}
+//#endregion
+exports.forwardRef = forwardRef;

package/dist/node_modules/rsuite/esm/internals/utils/react/forwardRef.js

@@ -0,0 +1,17 @@
+"use client";
+import { forwardRef } from "react";
+//#region ../../node_modules/rsuite/esm/internals/utils/react/forwardRef.js
+/**
+* A utility function to wrap components with `React.forwardRef`.
+* It extends the type signature for better integration with custom components.
+*
+* @param component - The component to wrap, with `props` and `ref` types explicitly defined.
+* @returns A forward-ref component with extended type inference.
+*/
+function forwardRef$1(component, subcomponents) {
+	const forwardedComponent = /*#__PURE__*/ forwardRef(component);
+	if (subcomponents) Object.assign(forwardedComponent, subcomponents);
+	return forwardedComponent;
+}
+//#endregion
+export { forwardRef$1 as forwardRef };