@gobolt/genesis 0.6.3 → 0.7.2-beta.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import styled, { useTheme as useTheme$1, keyframes, ThemeProvider, createGlobalStyle } from "styled-components";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { isValidElement, version as version$2, useContext as useContext$1, createContext as createContext$1, useRef, useLayoutEffect as useLayoutEffect$2, useEffect, forwardRef, useState, useMemo as useMemo$1, Children, useCallback, useImperativeHandle, cloneElement as cloneElement$1, useSyncExternalStore } from "react";
+import React__default, { isValidElement, version as version$2, useContext as useContext$1, createContext as createContext$1, useRef, useLayoutEffect as useLayoutEffect$2, useEffect, forwardRef, useState, useMemo as useMemo$1, Children, useCallback, useImperativeHandle, cloneElement as cloneElement$1, useSyncExternalStore, createElement } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, unstable_batchedUpdates, flushSync } from "react-dom";
 function getDefaultExportFromCjs(x2) {
@@ -5276,7 +5276,7 @@ function getAlphaColor(frontColor, backgroundColor) {
     a: 1
   }).toRgbString();
 }
-var __rest$_ = function(s, e3) {
+var __rest$$ = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -5287,7 +5287,7 @@ var __rest$_ = function(s, e3) {
 function formatToken(derivativeToken) {
   const {
     override
-  } = derivativeToken, restToken = __rest$_(derivativeToken, ["override"]);
+  } = derivativeToken, restToken = __rest$$(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
   Object.keys(seedToken).forEach((token2) => {
     delete overrideTokens[token2];
@@ -5441,7 +5441,7 @@ function formatToken(derivativeToken) {
   }), overrideTokens);
   return aliasToken;
 }
-var __rest$Z = function(s, e3) {
+var __rest$_ = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -5491,7 +5491,7 @@ const getComputedToken2 = (originToken, overrideToken, theme) => {
   const derivativeToken = theme.getDerivativeToken(originToken);
   const {
     override
-  } = overrideToken, components2 = __rest$Z(overrideToken, ["override"]);
+  } = overrideToken, components2 = __rest$_(overrideToken, ["override"]);
   let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
     override
   });
@@ -5500,7 +5500,7 @@ const getComputedToken2 = (originToken, overrideToken, theme) => {
     Object.entries(components2).forEach(([key, value2]) => {
       const {
         theme: componentTheme
-      } = value2, componentTokens = __rest$Z(value2, ["theme"]);
+      } = value2, componentTokens = __rest$_(value2, ["theme"]);
       let mergedComponentToken = componentTokens;
       if (componentTheme) {
         mergedComponentToken = getComputedToken2(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
@@ -5791,10 +5791,10 @@ function useTheme(theme, parentTheme, config) {
     return !isEqual(prevTheme, nextTheme, true);
   }));
 }
-var _excluded$S = ["children"];
+var _excluded$T = ["children"];
 var Context$1 = /* @__PURE__ */ React.createContext({});
 function MotionProvider(_ref) {
-  var children2 = _ref.children, props = _objectWithoutProperties$1(_ref, _excluded$S);
+  var children2 = _ref.children, props = _objectWithoutProperties$1(_ref, _excluded$T);
   return /* @__PURE__ */ React.createElement(Context$1.Provider, {
     value: props
   }, children2);
@@ -6313,7 +6313,7 @@ function diffKeys() {
   });
   return list2;
 }
-var _excluded$R = ["component", "children", "onVisibleChanged", "onAllRemoved"], _excluded2$9 = ["status"];
+var _excluded$S = ["component", "children", "onVisibleChanged", "onAllRemoved"], _excluded2$9 = ["status"];
 var MOTION_PROP_NAMES = ["eventProps", "visible", "children", "motionName", "motionAppear", "motionEnter", "motionLeave", "motionLeaveImmediately", "motionDeadline", "removeOnLeave", "leavedClassName", "onAppearPrepare", "onAppearStart", "onAppearActive", "onAppearEnd", "onEnterStart", "onEnterActive", "onEnterEnd", "onLeaveStart", "onLeaveActive", "onLeaveEnd"];
 function genCSSMotionList(transitionSupport) {
   var CSSMotion$1 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : CSSMotion;
@@ -6361,7 +6361,7 @@ function genCSSMotionList(transitionSupport) {
         var keyEntities = this.state.keyEntities;
         var _this$props = this.props, component = _this$props.component, children2 = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged;
         _this$props.onAllRemoved;
-        var restProps = _objectWithoutProperties$1(_this$props, _excluded$R);
+        var restProps = _objectWithoutProperties$1(_this$props, _excluded$S);
         var Component = component || React.Fragment;
         var motionProps = {};
         MOTION_PROP_NAMES.forEach(function(prop) {
@@ -6455,7 +6455,7 @@ if (process.env.NODE_ENV !== "production") {
   PropWarning.displayName = "PropWarning";
 }
 const PropWarning$1 = process.env.NODE_ENV !== "production" ? PropWarning : () => null;
-var __rest$Y = function(s, e3) {
+var __rest$Z = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -6500,7 +6500,7 @@ const ProviderChildren = (props) => {
     children: children2,
     csp: customCsp,
     autoInsertSpaceInButton,
-    alert,
+    alert: alert2,
     anchor,
     form,
     locale: locale2,
@@ -6600,7 +6600,7 @@ const ProviderChildren = (props) => {
   const baseConfig = {
     csp,
     autoInsertSpaceInButton,
-    alert,
+    alert: alert2,
     anchor,
     locale: locale2 || legacyLocale,
     direction,
@@ -6742,7 +6742,7 @@ const ProviderChildren = (props) => {
       token: token2,
       components: components2,
       cssVar
-    } = _a, rest = __rest$Y(_a, ["algorithm", "token", "components", "cssVar"]);
+    } = _a, rest = __rest$Z(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
     Object.entries(components2 || {}).forEach(([componentName, componentToken]) => {
@@ -6889,7 +6889,7 @@ var useInsertStyles = function useInsertStyles2(eleRef) {
     });
   }, []);
 };
-var _excluded$Q = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
+var _excluded$R = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
 var twoToneColorPalette = {
   primaryColor: "#333",
   secondaryColor: "#E6E6E6",
@@ -6905,7 +6905,7 @@ function getTwoToneColors() {
   return _objectSpread2({}, twoToneColorPalette);
 }
 var IconBase$1 = function IconBase(props) {
-  var icon = props.icon, className = props.className, onClick = props.onClick, style2 = props.style, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, restProps = _objectWithoutProperties$1(props, _excluded$Q);
+  var icon = props.icon, className = props.className, onClick = props.onClick, style2 = props.style, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, restProps = _objectWithoutProperties$1(props, _excluded$R);
   var svgRef = React.useRef();
   var colors2 = twoToneColorPalette;
   if (primaryColor) {
@@ -6955,10 +6955,10 @@ function getTwoToneColor() {
   }
   return [colors2.primaryColor, colors2.secondaryColor];
 }
-var _excluded$P = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
+var _excluded$Q = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
 setTwoToneColor(blue.primary);
 var Icon$3 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var className = props.className, icon = props.icon, spin = props.spin, rotate = props.rotate, tabIndex = props.tabIndex, onClick = props.onClick, twoToneColor = props.twoToneColor, restProps = _objectWithoutProperties$1(props, _excluded$P);
+  var className = props.className, icon = props.icon, spin = props.spin, rotate = props.rotate, tabIndex = props.tabIndex, onClick = props.onClick, twoToneColor = props.twoToneColor, restProps = _objectWithoutProperties$1(props, _excluded$Q);
   var _React$useContext = React.useContext(IconContext$1), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre, rootClassName = _React$useContext.rootClassName;
   var classString = classNames(rootClassName, prefixCls, _defineProperty$1(_defineProperty$1({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin || icon.name === "loading"), className);
   var iconTabIndex = tabIndex;
@@ -7256,7 +7256,7 @@ const genActionStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$p = (token2) => {
+const prepareComponentToken$q = (token2) => {
   const paddingHorizontal = 12;
   return {
     withDescriptionIconSize: token2.fontSizeHeading3,
@@ -7264,8 +7264,8 @@ const prepareComponentToken$p = (token2) => {
     withDescriptionPadding: `${token2.paddingMD}px ${token2.paddingContentHorizontalLG}px`
   };
 };
-const useStyle$v = genStyleHooks("Alert", (token2) => [genBaseStyle$9(token2), genTypeStyle(token2), genActionStyle(token2)], prepareComponentToken$p);
-var __rest$X = function(s, e3) {
+const useStyle$w = genStyleHooks("Alert", (token2) => [genBaseStyle$9(token2), genTypeStyle(token2), genActionStyle(token2)], prepareComponentToken$q);
+var __rest$Y = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -7332,7 +7332,7 @@ const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     closeIcon,
     action,
     id: id2
-  } = props, otherProps = __rest$X(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
+  } = props, otherProps = __rest$Y(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
   const [closed, setClosed] = React.useState(false);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Alert");
@@ -7351,7 +7351,7 @@ const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: contextStyle
   } = useComponentConfig("alert");
   const prefixCls = getPrefixCls("alert", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$v(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$w(prefixCls);
   const handleClose = (e3) => {
     var _a;
     setClosed(true);
@@ -7407,7 +7407,7 @@ const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (typeof merged === "object") {
       const {
         closeIcon: _
-      } = merged, ariaProps = __rest$X(merged, ["closeIcon"]);
+      } = merged, ariaProps = __rest$Y(merged, ["closeIcon"]);
       return ariaProps;
     }
     return {};
@@ -8314,7 +8314,7 @@ const genWaveStyle = (token2) => {
     }
   };
 };
-const useStyle$u = genComponentStyleHook("Wave", genWaveStyle);
+const useStyle$v = genComponentStyleHook("Wave", genWaveStyle);
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 function isValidWaveColor(color2) {
   return color2 && color2 !== "#fff" && color2 !== "#ffffff" && color2 !== "rgb(255, 255, 255)" && color2 !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(color2) && // any transparent rgba color
@@ -8492,7 +8492,7 @@ const Wave = (props) => {
   } = useContext$1(ConfigContext);
   const containerRef = useRef(null);
   const prefixCls = getPrefixCls("wave");
-  const [, hashId] = useStyle$u(prefixCls);
+  const [, hashId] = useStyle$v(prefixCls);
   const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);
   React__default.useEffect(() => {
     const node2 = containerRef.current;
@@ -8620,7 +8620,7 @@ const genSpaceGapStyle = (token2) => {
     }
   };
 };
-const useStyle$t = genStyleHooks("Space", (token2) => {
+const useStyle$u = genStyleHooks("Space", (token2) => {
   const spaceToken = merge$1(token2, {
     spaceGapSmallSize: token2.paddingXS,
     spaceGapMiddleSize: token2.padding,
@@ -8632,7 +8632,7 @@ const useStyle$t = genStyleHooks("Space", (token2) => {
   // https://github.com/ant-design/ant-design/issues/40315
   resetStyle: false
 });
-var __rest$W = function(s, e3) {
+var __rest$X = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -8676,7 +8676,7 @@ const NoCompactStyle = (props) => {
 const CompactItem = (props) => {
   const {
     children: children2
-  } = props, others = __rest$W(props, ["children"]);
+  } = props, others = __rest$X(props, ["children"]);
   return /* @__PURE__ */ React.createElement(SpaceCompactItemContext.Provider, {
     value: React.useMemo(() => others, [others])
   }, children2);
@@ -8694,10 +8694,10 @@ const Compact$1 = (props) => {
     className,
     rootClassName,
     children: children2
-  } = props, restProps = __rest$W(props, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]);
+  } = props, restProps = __rest$X(props, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]);
   const mergedSize = useSize((ctx) => size !== null && size !== void 0 ? size : ctx);
   const prefixCls = getPrefixCls("space-compact", customizePrefixCls);
-  const [wrapCSSVar, hashId] = useStyle$t(prefixCls);
+  const [wrapCSSVar, hashId] = useStyle$u(prefixCls);
   const clx = classNames(prefixCls, hashId, {
     [`${prefixCls}-rtl`]: directionConfig === "rtl",
     [`${prefixCls}-block`]: block,
@@ -8722,7 +8722,7 @@ const Compact$1 = (props) => {
     className: clx
   }, restProps), nodes));
 };
-var __rest$V = function(s, e3) {
+var __rest$W = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -8740,7 +8740,7 @@ const ButtonGroup = (props) => {
     prefixCls: customizePrefixCls,
     size,
     className
-  } = props, others = __rest$V(props, ["prefixCls", "size", "className"]);
+  } = props, others = __rest$W(props, ["prefixCls", "size", "className"]);
   const prefixCls = getPrefixCls("btn-group", customizePrefixCls);
   const [, , hashId] = useToken();
   const sizeCls = React.useMemo(() => {
@@ -8975,7 +8975,7 @@ const genGroupStyle$2 = (token2) => {
     ]
   };
 };
-var _excluded$O = ["b"], _excluded2$8 = ["v"];
+var _excluded$P = ["b"], _excluded2$8 = ["v"];
 var getRoundNumber = function getRoundNumber2(value2) {
   return Math.round(Number(value2 || 0));
 };
@@ -8984,7 +8984,7 @@ var convertHsb2Hsv = function convertHsb2Hsv2(color2) {
     return color2;
   }
   if (color2 && _typeof(color2) === "object" && "h" in color2 && "b" in color2) {
-    var _ref = color2, b = _ref.b, resets = _objectWithoutProperties$1(_ref, _excluded$O);
+    var _ref = color2, b = _ref.b, resets = _objectWithoutProperties$1(_ref, _excluded$P);
     return _objectSpread2(_objectSpread2({}, resets), {}, {
       v: b
     });
@@ -10130,7 +10130,7 @@ const prepareToken$2 = (token2) => {
   });
   return buttonToken;
 };
-const prepareComponentToken$o = (token2) => {
+const prepareComponentToken$p = (token2) => {
   var _a, _b, _c, _d, _e, _f;
   const contentFontSize = (_a = token2.contentFontSize) !== null && _a !== void 0 ? _a : token2.fontSize;
   const contentFontSizeSM = (_b = token2.contentFontSizeSM) !== null && _b !== void 0 ? _b : token2.fontSize;
@@ -10637,7 +10637,7 @@ const genBlockButtonStyle = (token2) => {
     }
   };
 };
-const useStyle$s = genStyleHooks("Button", (token2) => {
+const useStyle$t = genStyleHooks("Button", (token2) => {
   const buttonToken = prepareToken$2(token2);
   return [
     // Shared
@@ -10655,7 +10655,7 @@ const useStyle$s = genStyleHooks("Button", (token2) => {
     // Button Group
     genGroupStyle$2(buttonToken)
   ];
-}, prepareComponentToken$o, {
+}, prepareComponentToken$p, {
   unitless: {
     fontWeight: true,
     contentLineHeight: true,
@@ -10803,8 +10803,8 @@ const Compact = genSubStyleComponent(["Button", "compact"], (token2) => {
     genCompactItemVerticalStyle(buttonToken),
     genButtonCompactStyle(buttonToken)
   ];
-}, prepareComponentToken$o);
-var __rest$U = function(s, e3) {
+}, prepareComponentToken$p);
+var __rest$V = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -10860,7 +10860,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
     style: customStyle = {},
     autoInsertSpace,
     autoFocus
-  } = props, rest = __rest$U(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
+  } = props, rest = __rest$V(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
   const mergedType = type4 || "default";
   const {
     button: button2
@@ -10895,7 +10895,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
   } = useComponentConfig("button");
   const mergedInsertSpace = (_a = autoInsertSpace !== null && autoInsertSpace !== void 0 ? autoInsertSpace : contextAutoInsertSpace) !== null && _a !== void 0 ? _a : true;
   const prefixCls = getPrefixCls("btn", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const disabled2 = useContext$1(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled2;
   const groupSize = useContext$1(GroupSizeContext);
@@ -12832,7 +12832,7 @@ function move(array4, moveIndex, toIndex) {
   }
   return array4;
 }
-var _excluded$N = ["name"];
+var _excluded$O = ["name"];
 var EMPTY_ERRORS = [];
 function requireUpdate(shouldUpdate, prev2, next2, prevValue, nextValue, info) {
   if (typeof shouldUpdate === "function") {
@@ -13279,7 +13279,7 @@ _defineProperty$1(Field, "defaultProps", {
 });
 function WrapperField(_ref6) {
   var _restProps$isListFiel;
-  var name2 = _ref6.name, restProps = _objectWithoutProperties$1(_ref6, _excluded$N);
+  var name2 = _ref6.name, restProps = _objectWithoutProperties$1(_ref6, _excluded$O);
   var fieldContext = React.useContext(Context);
   var listContext = React.useContext(ListContext);
   var namePath = name2 !== void 0 ? getNamePath(name2) : void 0;
@@ -13511,7 +13511,7 @@ var NameMap = /* @__PURE__ */ (function() {
   }]);
   return NameMap2;
 })();
-var _excluded$M = ["name"];
+var _excluded$N = ["name"];
 var FormStore = /* @__PURE__ */ _createClass(function FormStore2(forceRootUpdate) {
   var _this = this;
   _classCallCheck(this, FormStore2);
@@ -13913,7 +13913,7 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2(forceRootUpdate
     var prevStore = _this.store;
     var namePathList = [];
     fields.forEach(function(fieldData) {
-      var name2 = fieldData.name, data = _objectWithoutProperties$1(fieldData, _excluded$M);
+      var name2 = fieldData.name, data = _objectWithoutProperties$1(fieldData, _excluded$N);
       var namePath = getNamePath(name2);
       namePathList.push(namePath);
       if ("value" in data) {
@@ -14319,9 +14319,9 @@ var FormProvider$1 = function FormProvider(_ref) {
     })
   }, children2);
 };
-var _excluded$L = ["name", "initialValues", "fields", "form", "preserve", "children", "component", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed", "clearOnDestroy"];
+var _excluded$M = ["name", "initialValues", "fields", "form", "preserve", "children", "component", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed", "clearOnDestroy"];
 var Form$4 = function Form(_ref, ref) {
-  var name2 = _ref.name, initialValues = _ref.initialValues, fields = _ref.fields, form = _ref.form, preserve2 = _ref.preserve, children2 = _ref.children, _ref$component = _ref.component, Component = _ref$component === void 0 ? "form" : _ref$component, validateMessages = _ref.validateMessages, _ref$validateTrigger = _ref.validateTrigger, validateTrigger = _ref$validateTrigger === void 0 ? "onChange" : _ref$validateTrigger, onValuesChange = _ref.onValuesChange, _onFieldsChange = _ref.onFieldsChange, _onFinish = _ref.onFinish, onFinishFailed = _ref.onFinishFailed, clearOnDestroy = _ref.clearOnDestroy, restProps = _objectWithoutProperties$1(_ref, _excluded$L);
+  var name2 = _ref.name, initialValues = _ref.initialValues, fields = _ref.fields, form = _ref.form, preserve2 = _ref.preserve, children2 = _ref.children, _ref$component = _ref.component, Component = _ref$component === void 0 ? "form" : _ref$component, validateMessages = _ref.validateMessages, _ref$validateTrigger = _ref.validateTrigger, validateTrigger = _ref$validateTrigger === void 0 ? "onChange" : _ref$validateTrigger, onValuesChange = _ref.onValuesChange, _onFieldsChange = _ref.onFieldsChange, _onFinish = _ref.onFinish, onFinishFailed = _ref.onFinishFailed, clearOnDestroy = _ref.clearOnDestroy, restProps = _objectWithoutProperties$1(_ref, _excluded$M);
   var nativeElementRef = React.useRef(null);
   var formContext = React.useContext(FormContext$1);
   var _useForm = useForm$1(form), _useForm2 = _slicedToArray(_useForm, 1), formInstance = _useForm2[0];
@@ -14567,6 +14567,93 @@ function mergeProps$1(...items) {
   });
   return ret;
 }
+function pickClosable(context) {
+  if (!context) {
+    return void 0;
+  }
+  const {
+    closable,
+    closeIcon
+  } = context;
+  return {
+    closable,
+    closeIcon
+  };
+}
+function useClosableConfig(closableCollection) {
+  const {
+    closable,
+    closeIcon
+  } = closableCollection || {};
+  return React__default.useMemo(() => {
+    if (
+      // If `closable`, whatever rest be should be true
+      !closable && (closable === false || closeIcon === false || closeIcon === null)
+    ) {
+      return false;
+    }
+    if (closable === void 0 && closeIcon === void 0) {
+      return null;
+    }
+    let closableConfig = {
+      closeIcon: typeof closeIcon !== "boolean" && closeIcon !== null ? closeIcon : void 0
+    };
+    if (closable && typeof closable === "object") {
+      closableConfig = Object.assign(Object.assign({}, closableConfig), closable);
+    }
+    return closableConfig;
+  }, [closable, closeIcon]);
+}
+const EmptyFallbackCloseCollection = {};
+function useClosable(propCloseCollection, contextCloseCollection, fallbackCloseCollection = EmptyFallbackCloseCollection) {
+  const propCloseConfig = useClosableConfig(propCloseCollection);
+  const contextCloseConfig = useClosableConfig(contextCloseCollection);
+  const [contextLocale] = useLocale$1("global", localeValues.global);
+  const closeBtnIsDisabled = typeof propCloseConfig !== "boolean" ? !!(propCloseConfig === null || propCloseConfig === void 0 ? void 0 : propCloseConfig.disabled) : false;
+  const mergedFallbackCloseCollection = React__default.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ React__default.createElement(RefIcon$C, null)
+  }, fallbackCloseCollection), [fallbackCloseCollection]);
+  const mergedClosableConfig = React__default.useMemo(() => {
+    if (propCloseConfig === false) {
+      return false;
+    }
+    if (propCloseConfig) {
+      return mergeProps$1(mergedFallbackCloseCollection, contextCloseConfig, propCloseConfig);
+    }
+    if (contextCloseConfig === false) {
+      return false;
+    }
+    if (contextCloseConfig) {
+      return mergeProps$1(mergedFallbackCloseCollection, contextCloseConfig);
+    }
+    return !mergedFallbackCloseCollection.closable ? false : mergedFallbackCloseCollection;
+  }, [propCloseConfig, contextCloseConfig, mergedFallbackCloseCollection]);
+  return React__default.useMemo(() => {
+    var _a, _b;
+    if (mergedClosableConfig === false) {
+      return [false, null, closeBtnIsDisabled, {}];
+    }
+    const {
+      closeIconRender
+    } = mergedFallbackCloseCollection;
+    const {
+      closeIcon
+    } = mergedClosableConfig;
+    let mergedCloseIcon = closeIcon;
+    const ariaOrDataProps = pickAttrs(mergedClosableConfig, true);
+    if (mergedCloseIcon !== null && mergedCloseIcon !== void 0) {
+      if (closeIconRender) {
+        mergedCloseIcon = closeIconRender(closeIcon);
+      }
+      mergedCloseIcon = /* @__PURE__ */ React__default.isValidElement(mergedCloseIcon) ? /* @__PURE__ */ React__default.cloneElement(mergedCloseIcon, Object.assign(Object.assign(Object.assign({}, mergedCloseIcon.props), {
+        "aria-label": (_b = (_a = mergedCloseIcon.props) === null || _a === void 0 ? void 0 : _a["aria-label"]) !== null && _b !== void 0 ? _b : contextLocale.close
+      }), ariaOrDataProps)) : /* @__PURE__ */ React__default.createElement("span", Object.assign({
+        "aria-label": contextLocale.close
+      }, ariaOrDataProps), mergedCloseIcon);
+    }
+    return [true, mergedCloseIcon, closeBtnIsDisabled, ariaOrDataProps];
+  }, [mergedClosableConfig, mergedFallbackCloseCollection]);
+}
 var isStyleNameSupport = function isStyleNameSupport2(styleName) {
   if (canUseDom() && window.document.documentElement) {
     var styleNameList = Array.isArray(styleName) ? styleName : [styleName];
@@ -14885,7 +14972,7 @@ const genBaseStyle$8 = (token2) => {
     }
   };
 };
-const prepareComponentToken$n = (token2) => {
+const prepareComponentToken$o = (token2) => {
   const {
     colorFillContent,
     colorFill
@@ -14903,7 +14990,7 @@ const prepareComponentToken$n = (token2) => {
     paragraphLiHeight: token2.controlHeight / 2
   };
 };
-const useStyle$r = genStyleHooks("Skeleton", (token2) => {
+const useStyle$s = genStyleHooks("Skeleton", (token2) => {
   const {
     componentCls,
     calc
@@ -14922,7 +15009,7 @@ const useStyle$r = genStyleHooks("Skeleton", (token2) => {
     skeletonLoadingMotionDuration: "1.4s"
   });
   return genBaseStyle$8(skeletonToken);
-}, prepareComponentToken$n, {
+}, prepareComponentToken$o, {
   deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
 });
 const SkeletonAvatar = (props) => {
@@ -14938,7 +15025,7 @@ const SkeletonAvatar = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
   const otherProps = omit(props, ["prefixCls", "className"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
@@ -14964,7 +15051,7 @@ const SkeletonButton = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
   const otherProps = omit(props, ["prefixCls"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active,
@@ -14990,7 +15077,7 @@ const SkeletonImage = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
   }, className, rootClassName, hashId, cssVarCls);
@@ -15021,7 +15108,7 @@ const SkeletonInput = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
   const otherProps = omit(props, ["prefixCls"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active,
@@ -15047,7 +15134,7 @@ const SkeletonNode = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
   }, hashId, className, rootClassName, cssVarCls);
@@ -15172,7 +15259,7 @@ const Skeleton$1 = (props) => {
     style: contextStyle
   } = useComponentConfig("skeleton");
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
   if (loading || !("loading" in props)) {
     const hasAvatar = !!avatar;
     const hasTitle = !!title;
@@ -15227,6 +15314,26 @@ Skeleton$1.Node = SkeletonNode;
 if (process.env.NODE_ENV !== "production") {
   Skeleton$1.displayName = "Skeleton";
 }
+function voidFunc() {
+}
+const WatermarkContext = /* @__PURE__ */ React.createContext({
+  add: voidFunc,
+  remove: voidFunc
+});
+function usePanelRef(panelSelector) {
+  const watermark = React.useContext(WatermarkContext);
+  const panelEleRef = React.useRef(null);
+  const panelRef = useEvent((ele) => {
+    if (ele) {
+      const innerContentEle = ele;
+      watermark.add(innerContentEle);
+      panelEleRef.current = innerContentEle;
+    } else {
+      watermark.remove(panelEleRef.current);
+    }
+  });
+  return panelRef;
+}
 const genGridRowStyle = (token2) => {
   const {
     componentCls
@@ -15633,10 +15740,10 @@ function isValidateOpenKey(currentKeyCode) {
     ].includes(currentKeyCode)
   );
 }
-var _excluded$K = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
+var _excluded$L = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
 var UNDEFINED = void 0;
 function InternalItem(props, ref) {
-  var prefixCls = props.prefixCls, invalidate = props.invalidate, item = props.item, renderItem2 = props.renderItem, responsive = props.responsive, responsiveDisabled = props.responsiveDisabled, registerSize = props.registerSize, itemKey2 = props.itemKey, className = props.className, style2 = props.style, children2 = props.children, display = props.display, order2 = props.order, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, restProps = _objectWithoutProperties$1(props, _excluded$K);
+  var prefixCls = props.prefixCls, invalidate = props.invalidate, item = props.item, renderItem2 = props.renderItem, responsive = props.responsive, responsiveDisabled = props.responsiveDisabled, registerSize = props.registerSize, itemKey2 = props.itemKey, className = props.className, style2 = props.style, children2 = props.children, display = props.display, order2 = props.order, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, restProps = _objectWithoutProperties$1(props, _excluded$L);
   var mergedHidden = responsive && !display;
   function internalRegisterSize(width) {
     registerSize(itemKey2, width);
@@ -15722,11 +15829,11 @@ function useEffectState(notifyEffectUpdate, defaultValue) {
   return [stateValue, setEffectVal];
 }
 var OverflowContext = /* @__PURE__ */ React__default.createContext(null);
-var _excluded$J = ["component"], _excluded2$7 = ["className"], _excluded3$1 = ["className"];
+var _excluded$K = ["component"], _excluded2$7 = ["className"], _excluded3$1 = ["className"];
 var InternalRawItem = function InternalRawItem2(props, ref) {
   var context = React.useContext(OverflowContext);
   if (!context) {
-    var _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _restProps = _objectWithoutProperties$1(props, _excluded$J);
+    var _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _restProps = _objectWithoutProperties$1(props, _excluded$K);
     return /* @__PURE__ */ React.createElement(Component, _extends$1({}, _restProps, {
       ref
     }));
@@ -15742,14 +15849,14 @@ var InternalRawItem = function InternalRawItem2(props, ref) {
 };
 var RawItem = /* @__PURE__ */ React.forwardRef(InternalRawItem);
 RawItem.displayName = "RawItem";
-var _excluded$I = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
+var _excluded$J = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
 var RESPONSIVE = "responsive";
 var INVALIDATE = "invalidate";
 function defaultRenderRest(omittedItems) {
   return "+ ".concat(omittedItems.length, " ...");
 }
 function Overflow(props, ref) {
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-overflow" : _props$prefixCls, _props$data = props.data, data = _props$data === void 0 ? [] : _props$data, renderItem2 = props.renderItem, renderRawItem = props.renderRawItem, itemKey2 = props.itemKey, _props$itemWidth = props.itemWidth, itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth, ssr = props.ssr, style2 = props.style, className = props.className, maxCount = props.maxCount, renderRest = props.renderRest, renderRawRest = props.renderRawRest, suffix = props.suffix, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, itemComponent = props.itemComponent, onVisibleChange = props.onVisibleChange, restProps = _objectWithoutProperties$1(props, _excluded$I);
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-overflow" : _props$prefixCls, _props$data = props.data, data = _props$data === void 0 ? [] : _props$data, renderItem2 = props.renderItem, renderRawItem = props.renderRawItem, itemKey2 = props.itemKey, _props$itemWidth = props.itemWidth, itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth, ssr = props.ssr, style2 = props.style, className = props.className, maxCount = props.maxCount, renderRest = props.renderRest, renderRawRest = props.renderRawRest, suffix = props.suffix, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, itemComponent = props.itemComponent, onVisibleChange = props.onVisibleChange, restProps = _objectWithoutProperties$1(props, _excluded$J);
   var fullySSR = ssr === "full";
   var notifyEffectUpdate = useBatcher();
   var _useEffectState = useEffectState(notifyEffectUpdate, null), _useEffectState2 = _slicedToArray(_useEffectState, 2), containerWidth = _useEffectState2[0], setContainerWidth = _useEffectState2[1];
@@ -15964,9 +16071,9 @@ function composeProps(originProps, patchProps, isAll) {
   });
   return composedProps;
 }
-var _excluded$H = ["prefixCls", "id", "inputElement", "autoFocus", "autoComplete", "editable", "activeDescendantId", "value", "open", "attrs"];
+var _excluded$I = ["prefixCls", "id", "inputElement", "autoFocus", "autoComplete", "editable", "activeDescendantId", "value", "open", "attrs"];
 var Input$6 = function Input(props, ref) {
-  var prefixCls = props.prefixCls, id2 = props.id, inputElement = props.inputElement, autoFocus = props.autoFocus, autoComplete = props.autoComplete, editable = props.editable, activeDescendantId = props.activeDescendantId, value2 = props.value, open = props.open, attrs = props.attrs, restProps = _objectWithoutProperties$1(props, _excluded$H);
+  var prefixCls = props.prefixCls, id2 = props.id, inputElement = props.inputElement, autoFocus = props.autoFocus, autoComplete = props.autoComplete, editable = props.editable, activeDescendantId = props.activeDescendantId, value2 = props.value, open = props.open, attrs = props.attrs, restProps = _objectWithoutProperties$1(props, _excluded$I);
   var inputNode = inputElement || /* @__PURE__ */ React.createElement("input", null);
   var _inputNode = inputNode, originRef = _inputNode.ref, originProps = _inputNode.props;
   warning$3(!("maxLength" in inputNode.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.");
@@ -17163,11 +17270,11 @@ function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable,
   }
   return onPopupPointerDown;
 }
-var _excluded$G = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
+var _excluded$H = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
 function generateTrigger() {
   var PortalComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Portal;
   var Trigger2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-trigger-popup" : _props$prefixCls, children2 = props.children, _props$action = props.action, action = _props$action === void 0 ? "hover" : _props$action, showAction = props.showAction, hideAction = props.hideAction, popupVisible = props.popupVisible, defaultPopupVisible = props.defaultPopupVisible, onPopupVisibleChange = props.onPopupVisibleChange, afterPopupVisibleChange = props.afterPopupVisibleChange, mouseEnterDelay = props.mouseEnterDelay, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, focusDelay = props.focusDelay, blurDelay = props.blurDelay, mask = props.mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, getPopupContainer = props.getPopupContainer, forceRender = props.forceRender, autoDestroy = props.autoDestroy, destroyPopupOnHide = props.destroyPopupOnHide, popup = props.popup, popupClassName = props.popupClassName, popupStyle = props.popupStyle, popupPlacement = props.popupPlacement, _props$builtinPlaceme = props.builtinPlacements, builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme, popupAlign = props.popupAlign, zIndex = props.zIndex, stretch = props.stretch, getPopupClassNameFromAlign = props.getPopupClassNameFromAlign, fresh = props.fresh, alignPoint = props.alignPoint, onPopupClick = props.onPopupClick, onPopupAlign = props.onPopupAlign, arrow = props.arrow, popupMotion = props.popupMotion, maskMotion = props.maskMotion, popupTransitionName = props.popupTransitionName, popupAnimation = props.popupAnimation, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, className = props.className, getTriggerDOMNode = props.getTriggerDOMNode, restProps = _objectWithoutProperties$1(props, _excluded$G);
+    var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-trigger-popup" : _props$prefixCls, children2 = props.children, _props$action = props.action, action = _props$action === void 0 ? "hover" : _props$action, showAction = props.showAction, hideAction = props.hideAction, popupVisible = props.popupVisible, defaultPopupVisible = props.defaultPopupVisible, onPopupVisibleChange = props.onPopupVisibleChange, afterPopupVisibleChange = props.afterPopupVisibleChange, mouseEnterDelay = props.mouseEnterDelay, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, focusDelay = props.focusDelay, blurDelay = props.blurDelay, mask = props.mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, getPopupContainer = props.getPopupContainer, forceRender = props.forceRender, autoDestroy = props.autoDestroy, destroyPopupOnHide = props.destroyPopupOnHide, popup = props.popup, popupClassName = props.popupClassName, popupStyle = props.popupStyle, popupPlacement = props.popupPlacement, _props$builtinPlaceme = props.builtinPlacements, builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme, popupAlign = props.popupAlign, zIndex = props.zIndex, stretch = props.stretch, getPopupClassNameFromAlign = props.getPopupClassNameFromAlign, fresh = props.fresh, alignPoint = props.alignPoint, onPopupClick = props.onPopupClick, onPopupAlign = props.onPopupAlign, arrow = props.arrow, popupMotion = props.popupMotion, maskMotion = props.maskMotion, popupTransitionName = props.popupTransitionName, popupAnimation = props.popupAnimation, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, className = props.className, getTriggerDOMNode = props.getTriggerDOMNode, restProps = _objectWithoutProperties$1(props, _excluded$H);
     var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
     var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
     useLayoutEffect$1(function() {
@@ -17489,7 +17596,7 @@ function generateTrigger() {
   return Trigger2;
 }
 const Trigger = generateTrigger(Portal);
-var _excluded$F = ["prefixCls", "disabled", "visible", "children", "popupElement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "builtinPlacements", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter"];
+var _excluded$G = ["prefixCls", "disabled", "visible", "children", "popupElement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "builtinPlacements", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter"];
 var getBuiltInPlacements$1 = function getBuiltInPlacements(dropdownMatchSelectWidth) {
   var adjustX = dropdownMatchSelectWidth === true ? 0 : 1;
   return {
@@ -17534,7 +17641,7 @@ var getBuiltInPlacements$1 = function getBuiltInPlacements(dropdownMatchSelectWi
 var SelectTrigger$1 = function SelectTrigger(props, ref) {
   var prefixCls = props.prefixCls;
   props.disabled;
-  var visible = props.visible, children2 = props.children, popupElement = props.popupElement, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, _props$direction = props.direction, direction = _props$direction === void 0 ? "ltr" : _props$direction, placement = props.placement, builtinPlacements = props.builtinPlacements, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, getPopupContainer = props.getPopupContainer, empty2 = props.empty, getTriggerDOMNode = props.getTriggerDOMNode, onPopupVisibleChange = props.onPopupVisibleChange, onPopupMouseEnter = props.onPopupMouseEnter, restProps = _objectWithoutProperties$1(props, _excluded$F);
+  var visible = props.visible, children2 = props.children, popupElement = props.popupElement, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, _props$direction = props.direction, direction = _props$direction === void 0 ? "ltr" : _props$direction, placement = props.placement, builtinPlacements = props.builtinPlacements, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, getPopupContainer = props.getPopupContainer, empty2 = props.empty, getTriggerDOMNode = props.getTriggerDOMNode, onPopupVisibleChange = props.onPopupVisibleChange, onPopupMouseEnter = props.onPopupMouseEnter, restProps = _objectWithoutProperties$1(props, _excluded$G);
   var dropdownPrefixCls = "".concat(prefixCls, "-dropdown");
   var popupNode = popupElement;
   if (dropdownRender) {
@@ -17710,14 +17817,14 @@ function Polite(props) {
     return ["number", "string"].includes(_typeof(label)) ? label : value2;
   }).join(", ")), values.length > MAX_COUNT ? ", ..." : null);
 }
-var _excluded$E = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction", "omitDomProps", "displayValues", "onDisplayValuesChange", "emptyOptions", "notFoundContent", "onClear", "mode", "disabled", "loading", "getInputElement", "getRawInputElement", "open", "defaultOpen", "onDropdownVisibleChange", "activeValue", "onActiveValueChange", "activeDescendantId", "searchValue", "autoClearSearchValue", "onSearch", "onSearchSplit", "tokenSeparators", "allowClear", "prefix", "suffixIcon", "clearIcon", "OptionList", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "placement", "builtinPlacements", "getPopupContainer", "showAction", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown"];
+var _excluded$F = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction", "omitDomProps", "displayValues", "onDisplayValuesChange", "emptyOptions", "notFoundContent", "onClear", "mode", "disabled", "loading", "getInputElement", "getRawInputElement", "open", "defaultOpen", "onDropdownVisibleChange", "activeValue", "onActiveValueChange", "activeDescendantId", "searchValue", "autoClearSearchValue", "onSearch", "onSearchSplit", "tokenSeparators", "allowClear", "prefix", "suffixIcon", "clearIcon", "OptionList", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "placement", "builtinPlacements", "getPopupContainer", "showAction", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown"];
 var DEFAULT_OMIT_PROPS = ["value", "onChange", "removeIcon", "placeholder", "autoFocus", "maxTagCount", "maxTagTextLength", "maxTagPlaceholder", "choiceTransitionName", "onInputKeyDown", "onPopupScroll", "tabIndex"];
 var isMultiple = function isMultiple2(mode) {
   return mode === "tags" || mode === "multiple";
 };
 var BaseSelect = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _customizeRawInputEle;
-  var id2 = props.id, prefixCls = props.prefixCls, className = props.className, showSearch = props.showSearch, tagRender = props.tagRender, direction = props.direction, omitDomProps = props.omitDomProps, displayValues = props.displayValues, onDisplayValuesChange = props.onDisplayValuesChange, emptyOptions2 = props.emptyOptions, _props$notFoundConten = props.notFoundContent, notFoundContent = _props$notFoundConten === void 0 ? "Not Found" : _props$notFoundConten, onClear = props.onClear, mode = props.mode, disabled2 = props.disabled, loading = props.loading, getInputElement = props.getInputElement, getRawInputElement = props.getRawInputElement, open = props.open, defaultOpen = props.defaultOpen, onDropdownVisibleChange = props.onDropdownVisibleChange, activeValue = props.activeValue, onActiveValueChange = props.onActiveValueChange, activeDescendantId = props.activeDescendantId, searchValue = props.searchValue, autoClearSearchValue = props.autoClearSearchValue, onSearch = props.onSearch, onSearchSplit = props.onSearchSplit, tokenSeparators = props.tokenSeparators, allowClear = props.allowClear, prefix = props.prefix, suffixIcon = props.suffixIcon, clearIcon = props.clearIcon, OptionList3 = props.OptionList, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, placement = props.placement, builtinPlacements = props.builtinPlacements, getPopupContainer = props.getPopupContainer, _props$showAction = props.showAction, showAction = _props$showAction === void 0 ? [] : _props$showAction, onFocus = props.onFocus, onBlur = props.onBlur, onKeyUp = props.onKeyUp, onKeyDown2 = props.onKeyDown, onMouseDown = props.onMouseDown, restProps = _objectWithoutProperties$1(props, _excluded$E);
+  var id2 = props.id, prefixCls = props.prefixCls, className = props.className, showSearch = props.showSearch, tagRender = props.tagRender, direction = props.direction, omitDomProps = props.omitDomProps, displayValues = props.displayValues, onDisplayValuesChange = props.onDisplayValuesChange, emptyOptions2 = props.emptyOptions, _props$notFoundConten = props.notFoundContent, notFoundContent = _props$notFoundConten === void 0 ? "Not Found" : _props$notFoundConten, onClear = props.onClear, mode = props.mode, disabled2 = props.disabled, loading = props.loading, getInputElement = props.getInputElement, getRawInputElement = props.getRawInputElement, open = props.open, defaultOpen = props.defaultOpen, onDropdownVisibleChange = props.onDropdownVisibleChange, activeValue = props.activeValue, onActiveValueChange = props.onActiveValueChange, activeDescendantId = props.activeDescendantId, searchValue = props.searchValue, autoClearSearchValue = props.autoClearSearchValue, onSearch = props.onSearch, onSearchSplit = props.onSearchSplit, tokenSeparators = props.tokenSeparators, allowClear = props.allowClear, prefix = props.prefix, suffixIcon = props.suffixIcon, clearIcon = props.clearIcon, OptionList3 = props.OptionList, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, placement = props.placement, builtinPlacements = props.builtinPlacements, getPopupContainer = props.getPopupContainer, _props$showAction = props.showAction, showAction = _props$showAction === void 0 ? [] : _props$showAction, onFocus = props.onFocus, onBlur = props.onBlur, onKeyUp = props.onKeyUp, onKeyDown2 = props.onKeyDown, onMouseDown = props.onMouseDown, restProps = _objectWithoutProperties$1(props, _excluded$F);
   var multiple = isMultiple(mode);
   var mergedShowSearch = (showSearch !== void 0 ? showSearch : multiple) || mode === "combobox";
   var domProps = _objectSpread2({}, restProps);
@@ -18915,14 +19022,14 @@ function getSpinSize() {
   baseSize = Math.max(baseSize, MIN_SIZE);
   return Math.floor(baseSize);
 }
-var _excluded$D = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style", "data", "children", "itemKey", "virtual", "direction", "scrollWidth", "component", "onScroll", "onVirtualScroll", "onVisibleChange", "innerProps", "extraRender", "styles", "showScrollBar"];
+var _excluded$E = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style", "data", "children", "itemKey", "virtual", "direction", "scrollWidth", "component", "onScroll", "onVirtualScroll", "onVisibleChange", "innerProps", "extraRender", "styles", "showScrollBar"];
 var EMPTY_DATA$1 = [];
 var ScrollStyle = {
   overflowY: "auto",
   overflowAnchor: "none"
 };
 function RawList(props, ref) {
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-virtual-list" : _props$prefixCls, className = props.className, height = props.height, itemHeight = props.itemHeight, _props$fullHeight = props.fullHeight, fullHeight = _props$fullHeight === void 0 ? true : _props$fullHeight, style2 = props.style, data = props.data, children2 = props.children, itemKey2 = props.itemKey, virtual = props.virtual, direction = props.direction, scrollWidth = props.scrollWidth, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, onScroll = props.onScroll, onVirtualScroll = props.onVirtualScroll, onVisibleChange = props.onVisibleChange, innerProps = props.innerProps, extraRender = props.extraRender, styles = props.styles, _props$showScrollBar = props.showScrollBar, showScrollBar = _props$showScrollBar === void 0 ? "optional" : _props$showScrollBar, restProps = _objectWithoutProperties$1(props, _excluded$D);
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-virtual-list" : _props$prefixCls, className = props.className, height = props.height, itemHeight = props.itemHeight, _props$fullHeight = props.fullHeight, fullHeight = _props$fullHeight === void 0 ? true : _props$fullHeight, style2 = props.style, data = props.data, children2 = props.children, itemKey2 = props.itemKey, virtual = props.virtual, direction = props.direction, scrollWidth = props.scrollWidth, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, onScroll = props.onScroll, onVirtualScroll = props.onVirtualScroll, onVisibleChange = props.onVisibleChange, innerProps = props.innerProps, extraRender = props.extraRender, styles = props.styles, _props$showScrollBar = props.showScrollBar, showScrollBar = _props$showScrollBar === void 0 ? "optional" : _props$showScrollBar, restProps = _objectWithoutProperties$1(props, _excluded$E);
   var getKey2 = React.useCallback(function(item) {
     if (typeof itemKey2 === "function") {
       return itemKey2(item);
@@ -19321,7 +19428,7 @@ List.displayName = "List";
 function isPlatformMac() {
   return /(mac\sos|macintosh)/i.test(navigator.appVersion);
 }
-var _excluded$C = ["disabled", "title", "children", "style", "className"];
+var _excluded$D = ["disabled", "title", "children", "style", "className"];
 function isTitleType(content2) {
   return typeof content2 === "string" || typeof content2 === "number";
 }
@@ -19556,7 +19663,7 @@ var OptionList = function OptionList2(_, ref) {
     }
     var disabled2 = data.disabled, title = data.title;
     data.children;
-    var style2 = data.style, className = data.className, otherProps = _objectWithoutProperties$1(data, _excluded$C);
+    var style2 = data.style, className = data.className, otherProps = _objectWithoutProperties$1(data, _excluded$D);
     var passedProps = omit(otherProps, omitFieldNameList);
     var selected = isSelected(value2);
     var mergedDisabled = disabled2 || !selected && overMaxCount;
@@ -19702,9 +19809,9 @@ function useId$1(id2) {
   }, []);
   return id2 || innerId;
 }
-var _excluded$B = ["children", "value"], _excluded2$6 = ["children"];
+var _excluded$C = ["children", "value"], _excluded2$6 = ["children"];
 function convertNodeToOption(node2) {
-  var _ref = node2, key = _ref.key, _ref$props = _ref.props, children2 = _ref$props.children, value2 = _ref$props.value, restProps = _objectWithoutProperties$1(_ref$props, _excluded$B);
+  var _ref = node2, key = _ref.key, _ref$props = _ref.props, children2 = _ref$props.children, value2 = _ref$props.value, restProps = _objectWithoutProperties$1(_ref$props, _excluded$C);
   return _objectSpread2({
     key,
     value: value2 !== void 0 ? value2 : key,
@@ -19859,13 +19966,13 @@ function warningNullOptions(options, fieldNames) {
     recursiveOptions(options);
   }
 }
-var _excluded$A = ["id", "mode", "prefixCls", "backfill", "fieldNames", "inputValue", "searchValue", "onSearch", "autoClearSearchValue", "onSelect", "onDeselect", "dropdownMatchSelectWidth", "filterOption", "filterSort", "optionFilterProp", "optionLabelProp", "options", "optionRender", "children", "defaultActiveFirstOption", "menuItemSelectedIcon", "virtual", "direction", "listHeight", "listItemHeight", "labelRender", "value", "defaultValue", "labelInValue", "onChange", "maxCount"];
+var _excluded$B = ["id", "mode", "prefixCls", "backfill", "fieldNames", "inputValue", "searchValue", "onSearch", "autoClearSearchValue", "onSelect", "onDeselect", "dropdownMatchSelectWidth", "filterOption", "filterSort", "optionFilterProp", "optionLabelProp", "options", "optionRender", "children", "defaultActiveFirstOption", "menuItemSelectedIcon", "virtual", "direction", "listHeight", "listItemHeight", "labelRender", "value", "defaultValue", "labelInValue", "onChange", "maxCount"];
 var OMIT_DOM_PROPS = ["inputValue"];
 function isRawValue(value2) {
   return !value2 || _typeof(value2) !== "object";
 }
 var Select$2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var id2 = props.id, mode = props.mode, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-select" : _props$prefixCls, backfill = props.backfill, fieldNames = props.fieldNames, inputValue = props.inputValue, searchValue = props.searchValue, onSearch = props.onSearch, _props$autoClearSearc = props.autoClearSearchValue, autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc, onSelect = props.onSelect, onDeselect = props.onDeselect, _props$dropdownMatchS = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS, filterOption = props.filterOption, filterSort = props.filterSort, optionFilterProp = props.optionFilterProp, optionLabelProp = props.optionLabelProp, options = props.options, optionRender = props.optionRender, children2 = props.children, defaultActiveFirstOption = props.defaultActiveFirstOption, menuItemSelectedIcon = props.menuItemSelectedIcon, virtual = props.virtual, direction = props.direction, _props$listHeight = props.listHeight, listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight, _props$listItemHeight = props.listItemHeight, listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight, labelRender = props.labelRender, value2 = props.value, defaultValue = props.defaultValue, labelInValue = props.labelInValue, onChange = props.onChange, maxCount = props.maxCount, restProps = _objectWithoutProperties$1(props, _excluded$A);
+  var id2 = props.id, mode = props.mode, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-select" : _props$prefixCls, backfill = props.backfill, fieldNames = props.fieldNames, inputValue = props.inputValue, searchValue = props.searchValue, onSearch = props.onSearch, _props$autoClearSearc = props.autoClearSearchValue, autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc, onSelect = props.onSelect, onDeselect = props.onDeselect, _props$dropdownMatchS = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS, filterOption = props.filterOption, filterSort = props.filterSort, optionFilterProp = props.optionFilterProp, optionLabelProp = props.optionLabelProp, options = props.options, optionRender = props.optionRender, children2 = props.children, defaultActiveFirstOption = props.defaultActiveFirstOption, menuItemSelectedIcon = props.menuItemSelectedIcon, virtual = props.virtual, direction = props.direction, _props$listHeight = props.listHeight, listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight, _props$listItemHeight = props.listItemHeight, listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight, labelRender = props.labelRender, value2 = props.value, defaultValue = props.defaultValue, labelInValue = props.labelInValue, onChange = props.onChange, maxCount = props.maxCount, restProps = _objectWithoutProperties$1(props, _excluded$B);
   var mergedId = useId$1(id2);
   var multiple = isMultiple(mode);
   var childrenAsData = !!(!options && children2);
@@ -20370,7 +20477,7 @@ const genSharedEmptyStyle = (token2) => {
     }
   };
 };
-const useStyle$q = genStyleHooks("Empty", (token2) => {
+const useStyle$r = genStyleHooks("Empty", (token2) => {
   const {
     componentCls,
     controlHeightLG,
@@ -20384,7 +20491,7 @@ const useStyle$q = genStyleHooks("Empty", (token2) => {
   });
   return genSharedEmptyStyle(emptyToken);
 });
-var __rest$T = function(s, e3) {
+var __rest$U = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -20407,7 +20514,7 @@ const Empty = (props) => {
     style: style2,
     classNames: emptyClassNames,
     styles
-  } = props, restProps = __rest$T(props, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]);
+  } = props, restProps = __rest$U(props, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]);
   const {
     getPrefixCls,
     direction,
@@ -20418,7 +20525,7 @@ const Empty = (props) => {
     image: contextImage
   } = useComponentConfig("empty");
   const prefixCls = getPrefixCls("empty", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
   const [locale2] = useLocale$1("Empty");
   const des = typeof description !== "undefined" ? description : locale2 === null || locale2 === void 0 ? void 0 : locale2.description;
   const alt = typeof des === "string" ? des : "empty";
@@ -21117,7 +21224,7 @@ function genSingleStyle(token2) {
     }), "lg")
   ];
 }
-const prepareComponentToken$m = (token2) => {
+const prepareComponentToken$n = (token2) => {
   const {
     fontSize,
     lineHeight,
@@ -21623,7 +21730,7 @@ const useSelectStyle = genStyleHooks("Select", (token2, {
     selectHeight: token2.controlHeight
   });
   return [genSelectStyle(selectToken), genVariantsStyle$1(selectToken)];
-}, prepareComponentToken$m, {
+}, prepareComponentToken$n, {
   unitless: {
     optionLineHeight: true,
     optionSelectedFontWeight: true
@@ -21744,7 +21851,7 @@ function usePopupRender(renderFn) {
 function useShowArrow(suffixIcon, showArrow) {
   return showArrow !== void 0 ? showArrow : suffixIcon !== null;
 }
-var __rest$S = function(s, e3) {
+var __rest$T = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -21788,7 +21895,7 @@ const InternalSelect = (props, ref) => {
     onOpenChange,
     styles,
     classNames: classNames$1
-  } = props, rest = __rest$S(props, ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount", "prefix", "dropdownRender", "popupRender", "onDropdownVisibleChange", "onOpenChange", "styles", "classNames"]);
+  } = props, rest = __rest$T(props, ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount", "prefix", "dropdownRender", "popupRender", "onDropdownVisibleChange", "onOpenChange", "styles", "classNames"]);
   const {
     getPopupContainer: getContextPopupContainer,
     getPrefixCls,
@@ -21947,11 +22054,11 @@ if (process.env.NODE_ENV !== "production") {
   InternalSelect.displayName = "Select";
 }
 const Select$1 = /* @__PURE__ */ React.forwardRef(InternalSelect);
-const PurePanel$5 = genPurePanel(Select$1, "dropdownAlign");
+const PurePanel$6 = genPurePanel(Select$1, "dropdownAlign");
 Select$1.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 Select$1.Option = Option;
 Select$1.OptGroup = OptGroup;
-Select$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$5;
+Select$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$6;
 if (process.env.NODE_ENV !== "production") {
   Select$1.displayName = "Select";
 }
@@ -22172,7 +22279,7 @@ const genGroupStyle$1 = (token2) => {
     }
   };
 };
-const prepareComponentToken$l = (token2) => {
+const prepareComponentToken$m = (token2) => {
   const {
     controlHeight,
     controlHeightLG,
@@ -22200,7 +22307,7 @@ const prepareComponentToken$l = (token2) => {
     groupBorderColor: colorBorderBg
   };
 };
-const useStyle$p = genStyleHooks("Avatar", (token2) => {
+const useStyle$q = genStyleHooks("Avatar", (token2) => {
   const {
     colorTextLightSolid,
     colorTextPlaceholder
@@ -22210,8 +22317,8 @@ const useStyle$p = genStyleHooks("Avatar", (token2) => {
     avatarColor: colorTextLightSolid
   });
   return [genBaseStyle$6(avatarToken), genGroupStyle$1(avatarToken)];
-}, prepareComponentToken$l);
-var __rest$R = function(s, e3) {
+}, prepareComponentToken$m);
+var __rest$S = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -22236,7 +22343,7 @@ const Avatar$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     crossOrigin,
     gap = 4,
     onError
-  } = props, others = __rest$R(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]);
+  } = props, others = __rest$S(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]);
   const [scale, setScale] = React.useState(1);
   const [mounted, setMounted] = React.useState(false);
   const [isImgExist, setIsImgExist] = React.useState(true);
@@ -22298,7 +22405,7 @@ const Avatar$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   }
   const prefixCls = getPrefixCls("avatar", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$p(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls, rootCls);
   const sizeCls = classNames({
     [`${prefixCls}-lg`]: size === "large",
     [`${prefixCls}-sm`]: size === "small"
@@ -22461,11 +22568,11 @@ var placements$2 = {
     targetOffset: targetOffset$1
   }
 };
-var _excluded$z = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"];
+var _excluded$A = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"];
 var Tooltip$3 = function Tooltip(props, ref) {
   var overlayClassName = props.overlayClassName, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, _props$mouseEnterDela = props.mouseEnterDelay, mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, overlayStyle = props.overlayStyle, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-tooltip" : _props$prefixCls, children2 = props.children, onVisibleChange = props.onVisibleChange, afterVisibleChange = props.afterVisibleChange, transitionName = props.transitionName, animation = props.animation, motion2 = props.motion, _props$placement = props.placement, placement = _props$placement === void 0 ? "right" : _props$placement, _props$align = props.align, align = _props$align === void 0 ? {} : _props$align, _props$destroyTooltip = props.destroyTooltipOnHide, destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip, defaultVisible = props.defaultVisible, getTooltipContainer = props.getTooltipContainer, overlayInnerStyle = props.overlayInnerStyle;
   props.arrowContent;
-  var overlay = props.overlay, id2 = props.id, _props$showArrow = props.showArrow, showArrow = _props$showArrow === void 0 ? true : _props$showArrow, tooltipClassNames = props.classNames, tooltipStyles = props.styles, restProps = _objectWithoutProperties$1(props, _excluded$z);
+  var overlay = props.overlay, id2 = props.id, _props$showArrow = props.showArrow, showArrow = _props$showArrow === void 0 ? true : _props$showArrow, tooltipClassNames = props.classNames, tooltipStyles = props.styles, restProps = _objectWithoutProperties$1(props, _excluded$A);
   var mergedId = useId$2(id2);
   var triggerRef = useRef(null);
   useImperativeHandle(ref, function() {
@@ -23006,7 +23113,7 @@ const genTooltipStyle = (token2) => {
     }
   ];
 };
-const prepareComponentToken$k = (token2) => Object.assign(Object.assign({
+const prepareComponentToken$l = (token2) => Object.assign(Object.assign({
   zIndexPopup: token2.zIndexPopupBase + 70
 }, getArrowOffsetToken({
   contentRadius: token2.borderRadius,
@@ -23014,7 +23121,7 @@ const prepareComponentToken$k = (token2) => Object.assign(Object.assign({
 })), getArrowToken(merge$1(token2, {
   borderRadiusOuter: Math.min(token2.borderRadiusOuter, 4)
 })));
-const useStyle$o = (prefixCls, injectStyle = true) => {
+const useStyle$p = (prefixCls, injectStyle = true) => {
   const useStyle2 = genStyleHooks("Tooltip", (token2) => {
     const {
       borderRadius: borderRadius2,
@@ -23029,7 +23136,7 @@ const useStyle$o = (prefixCls, injectStyle = true) => {
       tooltipBg: colorBgSpotlight
     });
     return [genTooltipStyle(TooltipToken), initZoomMotion(token2, "zoom-big-fast")];
-  }, prepareComponentToken$k, {
+  }, prepareComponentToken$l, {
     resetStyle: false,
     // Popover use Tooltip as internal component. We do not need to handle this.
     injectStyle
@@ -23064,7 +23171,7 @@ function parseColor(prefixCls, color2) {
     arrowStyle
   };
 }
-const PurePanel$4 = (props) => {
+const PurePanel$5 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className,
@@ -23077,7 +23184,7 @@ const PurePanel$4 = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$p(prefixCls);
   const colorInfo = parseColor(prefixCls, color2);
   const arrowContentStyle = colorInfo.arrowStyle;
   const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
@@ -23093,7 +23200,7 @@ const PurePanel$4 = (props) => {
     overlayInnerStyle: formattedOverlayInnerStyle
   }), title)));
 };
-var __rest$Q = function(s, e3) {
+var __rest$R = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -23130,7 +23237,7 @@ const InternalTooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     overlayClassName,
     styles,
     classNames: tooltipClassNames
-  } = props, restProps = __rest$Q(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
+  } = props, restProps = __rest$R(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
   const mergedShowArrow = !!arrow;
   const [, token2] = useToken();
   const {
@@ -23214,7 +23321,7 @@ const InternalTooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const child = /* @__PURE__ */ React.isValidElement(children2) && !isFragment(children2) ? children2 : /* @__PURE__ */ React.createElement("span", null, children2);
   const childProps = child.props;
   const childCls = !childProps.className || typeof childProps.className === "string" ? classNames(childProps.className, openClassName || `${prefixCls}-open`) : childProps.className;
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls, !injectFromPopover);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$p(prefixCls, !injectFromPopover);
   const colorInfo = parseColor(prefixCls, color2);
   const arrowContentStyle = colorInfo.arrowStyle;
   const rootClassNames = classNames(overlayClassName, {
@@ -23264,7 +23371,7 @@ const Tooltip$2 = InternalTooltip;
 if (process.env.NODE_ENV !== "production") {
   Tooltip$2.displayName = "Tooltip";
 }
-Tooltip$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
+Tooltip$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$5;
 const genBaseStyle$5 = (token2) => {
   const {
     componentCls,
@@ -23372,7 +23479,7 @@ const genColorStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$j = (token2) => {
+const prepareComponentToken$k = (token2) => {
   const {
     lineWidth,
     controlHeight,
@@ -23405,7 +23512,7 @@ const prepareComponentToken$j = (token2) => {
     innerContentPadding: wireframe ? `${paddingSM}px ${popoverPaddingHorizontal}px` : 0
   });
 };
-const useStyle$n = genStyleHooks("Popover", (token2) => {
+const useStyle$o = genStyleHooks("Popover", (token2) => {
   const {
     colorBgElevated,
     colorText
@@ -23415,11 +23522,11 @@ const useStyle$n = genStyleHooks("Popover", (token2) => {
     popoverColor: colorText
   });
   return [genBaseStyle$5(popoverToken), genColorStyle(popoverToken), initZoomMotion(popoverToken, "zoom-big")];
-}, prepareComponentToken$j, {
+}, prepareComponentToken$k, {
   resetStyle: false,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var __rest$P = function(s, e3) {
+var __rest$Q = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -23469,23 +23576,23 @@ const RawPurePanel = (props) => {
     content: contentNode
   })));
 };
-const PurePanel$3 = (props) => {
+const PurePanel$4 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className
-  } = props, restProps = __rest$P(props, ["prefixCls", "className"]);
+  } = props, restProps = __rest$Q(props, ["prefixCls", "className"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("popover", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$n(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls);
   return wrapCSSVar(/* @__PURE__ */ React.createElement(RawPurePanel, Object.assign({}, restProps, {
     prefixCls,
     hashId,
     className: classNames(className, cssVarCls)
   })));
 };
-var __rest$O = function(s, e3) {
+var __rest$P = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -23509,7 +23616,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
     overlayStyle = {},
     styles,
     classNames: popoverClassNames
-  } = props, otherProps = __rest$O(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
+  } = props, otherProps = __rest$P(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
   const {
     getPrefixCls,
     className: contextClassName,
@@ -23518,7 +23625,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
     styles: contextStyles
   } = useComponentConfig("popover");
   const prefixCls = getPrefixCls("popover", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$n(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls);
   const rootPrefixCls = getPrefixCls();
   const rootClassNames = classNames(overlayClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, popoverClassNames === null || popoverClassNames === void 0 ? void 0 : popoverClassNames.root);
   const bodyClassNames = classNames(contextClassNames.body, popoverClassNames === null || popoverClassNames === void 0 ? void 0 : popoverClassNames.body);
@@ -23576,7 +23683,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
   })));
 });
 const Popover$2 = InternalPopover;
-Popover$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$3;
+Popover$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
 if (process.env.NODE_ENV !== "production") {
   Popover$2.displayName = "Popover";
 }
@@ -23622,7 +23729,7 @@ const AvatarGroup = (props) => {
   const prefixCls = getPrefixCls("avatar", customizePrefixCls);
   const groupPrefixCls = `${prefixCls}-group`;
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$p(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls, rootCls);
   const cls = classNames(groupPrefixCls, {
     [`${groupPrefixCls}-rtl`]: direction === "rtl"
   }, cssVarCls, rootCls, className, rootClassName, hashId);
@@ -23798,10 +23905,10 @@ var placements$1 = {
     targetOffset
   }
 };
-var _excluded$y = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus", "overlay", "children", "onVisibleChange"];
+var _excluded$z = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus", "overlay", "children", "onVisibleChange"];
 function Dropdown$2(props, ref) {
   var _children$props;
-  var _props$arrow = props.arrow, arrow = _props$arrow === void 0 ? false : _props$arrow, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-dropdown" : _props$prefixCls, transitionName = props.transitionName, animation = props.animation, align = props.align, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottomLeft" : _props$placement, _props$placements = props.placements, placements2 = _props$placements === void 0 ? placements$1 : _props$placements, getPopupContainer = props.getPopupContainer, showAction = props.showAction, hideAction = props.hideAction, overlayClassName = props.overlayClassName, overlayStyle = props.overlayStyle, visible = props.visible, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, autoFocus = props.autoFocus, overlay = props.overlay, children2 = props.children, onVisibleChange = props.onVisibleChange, otherProps = _objectWithoutProperties$1(props, _excluded$y);
+  var _props$arrow = props.arrow, arrow = _props$arrow === void 0 ? false : _props$arrow, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-dropdown" : _props$prefixCls, transitionName = props.transitionName, animation = props.animation, align = props.align, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottomLeft" : _props$placement, _props$placements = props.placements, placements2 = _props$placements === void 0 ? placements$1 : _props$placements, getPopupContainer = props.getPopupContainer, showAction = props.showAction, hideAction = props.hideAction, overlayClassName = props.overlayClassName, overlayStyle = props.overlayStyle, visible = props.visible, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, autoFocus = props.autoFocus, overlay = props.overlay, children2 = props.children, onVisibleChange = props.onVisibleChange, otherProps = _objectWithoutProperties$1(props, _excluded$z);
   var _React$useState = React__default.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), triggerVisible = _React$useState2[0], setTriggerVisible = _React$useState2[1];
   var mergedVisible = "visible" in props ? visible : triggerVisible;
   var triggerRef = React__default.useRef(null);
@@ -23899,7 +24006,7 @@ function useMenuId(eventKey) {
   var id2 = React.useContext(IdContext);
   return getMenuId(id2, eventKey);
 }
-var _excluded$x = ["children", "locked"];
+var _excluded$y = ["children", "locked"];
 var MenuContext$1 = /* @__PURE__ */ React.createContext(null);
 function mergeProps(origin, target) {
   var clone = _objectSpread2({}, origin);
@@ -23912,7 +24019,7 @@ function mergeProps(origin, target) {
   return clone;
 }
 function InheritableContextProvider(_ref) {
-  var children2 = _ref.children, locked = _ref.locked, restProps = _objectWithoutProperties$1(_ref, _excluded$x);
+  var children2 = _ref.children, locked = _ref.locked, restProps = _objectWithoutProperties$1(_ref, _excluded$y);
   var context = React.useContext(MenuContext$1);
   var inheritableContext = useMemo(function() {
     return mergeProps(context, restProps);
@@ -24342,9 +24449,9 @@ function Icon$2(_ref) {
   }
   return iconNode || children2 || null;
 }
-var _excluded$w = ["item"];
+var _excluded$x = ["item"];
 function warnItemProp(_ref) {
-  var item = _ref.item, restInfo = _objectWithoutProperties$1(_ref, _excluded$w);
+  var item = _ref.item, restInfo = _objectWithoutProperties$1(_ref, _excluded$x);
   Object.defineProperty(restInfo, "item", {
     get: function get2() {
       warningOnce(false, "`info.item` is deprecated since we will move to function component that not provides React Node instance in future.");
@@ -24353,7 +24460,7 @@ function warnItemProp(_ref) {
   });
   return restInfo;
 }
-var _excluded$v = ["title", "attribute", "elementRef"], _excluded2$5 = ["style", "className", "eventKey", "warnKey", "disabled", "itemIcon", "children", "role", "onMouseEnter", "onMouseLeave", "onClick", "onKeyDown", "onFocus"], _excluded3 = ["active"];
+var _excluded$w = ["title", "attribute", "elementRef"], _excluded2$5 = ["style", "className", "eventKey", "warnKey", "disabled", "itemIcon", "children", "role", "onMouseEnter", "onMouseLeave", "onClick", "onKeyDown", "onFocus"], _excluded3 = ["active"];
 var LegacyMenuItem = /* @__PURE__ */ (function(_React$Component) {
   _inherits(LegacyMenuItem2, _React$Component);
   var _super = _createSuper(LegacyMenuItem2);
@@ -24364,7 +24471,7 @@ var LegacyMenuItem = /* @__PURE__ */ (function(_React$Component) {
   _createClass(LegacyMenuItem2, [{
     key: "render",
     value: function render2() {
-      var _this$props = this.props, title = _this$props.title, attribute = _this$props.attribute, elementRef = _this$props.elementRef, restProps = _objectWithoutProperties$1(_this$props, _excluded$v);
+      var _this$props = this.props, title = _this$props.title, attribute = _this$props.attribute, elementRef = _this$props.elementRef, restProps = _objectWithoutProperties$1(_this$props, _excluded$w);
       var passedProps = omit(restProps, ["eventKey", "popupClassName", "popupOffset", "onTitleClick"]);
       warningOnce(!attribute, "`attribute` of Menu.Item is deprecated. Please pass attribute directly.");
       return /* @__PURE__ */ React.createElement(ForwardOverflow.Item, _extends$1({}, attribute, {
@@ -24474,9 +24581,9 @@ function MenuItem$2(props, ref) {
   }));
 }
 const MenuItem$3 = /* @__PURE__ */ React.forwardRef(MenuItem$2);
-var _excluded$u = ["className", "children"];
+var _excluded$v = ["className", "children"];
 var InternalSubMenuList = function InternalSubMenuList2(_ref, ref) {
-  var className = _ref.className, children2 = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$u);
+  var className = _ref.className, children2 = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$v);
   var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, mode = _React$useContext.mode, rtl = _React$useContext.rtl;
   return /* @__PURE__ */ React.createElement("ul", _extends$1({
     className: classNames(prefixCls, rtl && "".concat(prefixCls, "-rtl"), "".concat(prefixCls, "-sub"), "".concat(prefixCls, "-").concat(mode === "inline" ? "inline" : "vertical"), className),
@@ -24689,9 +24796,9 @@ function InlineSubMenuList(_ref) {
     }, children2);
   }));
 }
-var _excluded$t = ["style", "className", "title", "eventKey", "warnKey", "disabled", "internalPopupClose", "children", "itemIcon", "expandIcon", "popupClassName", "popupOffset", "popupStyle", "onClick", "onMouseEnter", "onMouseLeave", "onTitleClick", "onTitleMouseEnter", "onTitleMouseLeave"], _excluded2$4 = ["active"];
+var _excluded$u = ["style", "className", "title", "eventKey", "warnKey", "disabled", "internalPopupClose", "children", "itemIcon", "expandIcon", "popupClassName", "popupOffset", "popupStyle", "onClick", "onMouseEnter", "onMouseLeave", "onTitleClick", "onTitleMouseEnter", "onTitleMouseLeave"], _excluded2$4 = ["active"];
 var InternalSubMenu = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var style2 = props.style, className = props.className, title = props.title, eventKey = props.eventKey, warnKey = props.warnKey, disabled2 = props.disabled, internalPopupClose = props.internalPopupClose, children2 = props.children, itemIcon = props.itemIcon, expandIcon = props.expandIcon, popupClassName = props.popupClassName, popupOffset = props.popupOffset, popupStyle = props.popupStyle, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onTitleClick = props.onTitleClick, onTitleMouseEnter = props.onTitleMouseEnter, onTitleMouseLeave = props.onTitleMouseLeave, restProps = _objectWithoutProperties$1(props, _excluded$t);
+  var style2 = props.style, className = props.className, title = props.title, eventKey = props.eventKey, warnKey = props.warnKey, disabled2 = props.disabled, internalPopupClose = props.internalPopupClose, children2 = props.children, itemIcon = props.itemIcon, expandIcon = props.expandIcon, popupClassName = props.popupClassName, popupOffset = props.popupOffset, popupStyle = props.popupStyle, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onTitleClick = props.onTitleClick, onTitleMouseEnter = props.onTitleMouseEnter, onTitleMouseLeave = props.onTitleMouseLeave, restProps = _objectWithoutProperties$1(props, _excluded$u);
   var domDataId = useMenuId(eventKey);
   var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, mode = _React$useContext.mode, openKeys = _React$useContext.openKeys, contextDisabled = _React$useContext.disabled, overflowDisabled = _React$useContext.overflowDisabled, activeKey = _React$useContext.activeKey, selectedKeys = _React$useContext.selectedKeys, contextItemIcon = _React$useContext.itemIcon, contextExpandIcon = _React$useContext.expandIcon, onItemClick = _React$useContext.onItemClick, onOpenChange = _React$useContext.onOpenChange, onActive = _React$useContext.onActive;
   var _React$useContext2 = React.useContext(PrivateContext), _internalRenderSubMenuItem = _React$useContext2._internalRenderSubMenuItem;
@@ -24891,11 +24998,11 @@ function Divider(_ref) {
     style: style2
   });
 }
-var _excluded$s = ["className", "title", "eventKey", "children"];
+var _excluded$t = ["className", "title", "eventKey", "children"];
 var InternalMenuItemGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var className = props.className, title = props.title;
   props.eventKey;
-  var children2 = props.children, restProps = _objectWithoutProperties$1(props, _excluded$s);
+  var children2 = props.children, restProps = _objectWithoutProperties$1(props, _excluded$t);
   var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls;
   var groupPrefixCls = "".concat(prefixCls, "-item-group");
   return /* @__PURE__ */ React.createElement("li", _extends$1({
@@ -24930,12 +25037,12 @@ var MenuItemGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
 if (process.env.NODE_ENV !== "production") {
   MenuItemGroup.displayName = "MenuItemGroup";
 }
-var _excluded$r = ["label", "children", "key", "type", "extra"];
+var _excluded$s = ["label", "children", "key", "type", "extra"];
 function convertItemsToNodes(list2, components2, prefixCls) {
   var MergedMenuItem = components2.item, MergedMenuItemGroup = components2.group, MergedSubMenu = components2.submenu, MergedDivider = components2.divider;
   return (list2 || []).map(function(opt, index2) {
     if (opt && _typeof(opt) === "object") {
-      var _ref = opt, label = _ref.label, children2 = _ref.children, key = _ref.key, type4 = _ref.type, extra = _ref.extra, restProps = _objectWithoutProperties$1(_ref, _excluded$r);
+      var _ref = opt, label = _ref.label, children2 = _ref.children, key = _ref.key, type4 = _ref.type, extra = _ref.extra, restProps = _objectWithoutProperties$1(_ref, _excluded$s);
       var mergedKey = key !== null && key !== void 0 ? key : "tmp-".concat(index2);
       if (children2 || type4 === "group") {
         if (type4 === "group") {
@@ -24982,11 +25089,11 @@ function parseItems(children2, items, keyPath, components2, prefixCls) {
   }
   return parseChildren(childNodes, keyPath);
 }
-var _excluded$q = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items", "children", "direction", "id", "mode", "inlineCollapsed", "disabled", "disabledOverflow", "subMenuOpenDelay", "subMenuCloseDelay", "forceSubMenuRender", "defaultOpenKeys", "openKeys", "activeKey", "defaultActiveFirst", "selectable", "multiple", "defaultSelectedKeys", "selectedKeys", "onSelect", "onDeselect", "inlineIndent", "motion", "defaultMotions", "triggerSubMenuAction", "builtinPlacements", "itemIcon", "expandIcon", "overflowedIndicator", "overflowedIndicatorPopupClassName", "getPopupContainer", "onClick", "onOpenChange", "onKeyDown", "openAnimation", "openTransitionName", "_internalRenderMenuItem", "_internalRenderSubMenuItem", "_internalComponents"];
+var _excluded$r = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items", "children", "direction", "id", "mode", "inlineCollapsed", "disabled", "disabledOverflow", "subMenuOpenDelay", "subMenuCloseDelay", "forceSubMenuRender", "defaultOpenKeys", "openKeys", "activeKey", "defaultActiveFirst", "selectable", "multiple", "defaultSelectedKeys", "selectedKeys", "onSelect", "onDeselect", "inlineIndent", "motion", "defaultMotions", "triggerSubMenuAction", "builtinPlacements", "itemIcon", "expandIcon", "overflowedIndicator", "overflowedIndicatorPopupClassName", "getPopupContainer", "onClick", "onOpenChange", "onKeyDown", "openAnimation", "openTransitionName", "_internalRenderMenuItem", "_internalRenderSubMenuItem", "_internalComponents"];
 var EMPTY_LIST$4 = [];
 var Menu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _childList$;
-  var _ref = props, _ref$prefixCls = _ref.prefixCls, prefixCls = _ref$prefixCls === void 0 ? "rc-menu" : _ref$prefixCls, rootClassName = _ref.rootClassName, style2 = _ref.style, className = _ref.className, _ref$tabIndex = _ref.tabIndex, tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex, items = _ref.items, children2 = _ref.children, direction = _ref.direction, id2 = _ref.id, _ref$mode = _ref.mode, mode = _ref$mode === void 0 ? "vertical" : _ref$mode, inlineCollapsed = _ref.inlineCollapsed, disabled2 = _ref.disabled, disabledOverflow = _ref.disabledOverflow, _ref$subMenuOpenDelay = _ref.subMenuOpenDelay, subMenuOpenDelay = _ref$subMenuOpenDelay === void 0 ? 0.1 : _ref$subMenuOpenDelay, _ref$subMenuCloseDela = _ref.subMenuCloseDelay, subMenuCloseDelay = _ref$subMenuCloseDela === void 0 ? 0.1 : _ref$subMenuCloseDela, forceSubMenuRender = _ref.forceSubMenuRender, defaultOpenKeys = _ref.defaultOpenKeys, openKeys = _ref.openKeys, activeKey = _ref.activeKey, defaultActiveFirst = _ref.defaultActiveFirst, _ref$selectable = _ref.selectable, selectable = _ref$selectable === void 0 ? true : _ref$selectable, _ref$multiple = _ref.multiple, multiple = _ref$multiple === void 0 ? false : _ref$multiple, defaultSelectedKeys = _ref.defaultSelectedKeys, selectedKeys = _ref.selectedKeys, onSelect = _ref.onSelect, onDeselect = _ref.onDeselect, _ref$inlineIndent = _ref.inlineIndent, inlineIndent = _ref$inlineIndent === void 0 ? 24 : _ref$inlineIndent, motion2 = _ref.motion, defaultMotions = _ref.defaultMotions, _ref$triggerSubMenuAc = _ref.triggerSubMenuAction, triggerSubMenuAction = _ref$triggerSubMenuAc === void 0 ? "hover" : _ref$triggerSubMenuAc, builtinPlacements = _ref.builtinPlacements, itemIcon = _ref.itemIcon, expandIcon = _ref.expandIcon, _ref$overflowedIndica = _ref.overflowedIndicator, overflowedIndicator = _ref$overflowedIndica === void 0 ? "..." : _ref$overflowedIndica, overflowedIndicatorPopupClassName = _ref.overflowedIndicatorPopupClassName, getPopupContainer = _ref.getPopupContainer, onClick = _ref.onClick, onOpenChange = _ref.onOpenChange, onKeyDown2 = _ref.onKeyDown, openAnimation = _ref.openAnimation, openTransitionName = _ref.openTransitionName, _internalRenderMenuItem = _ref._internalRenderMenuItem, _internalRenderSubMenuItem = _ref._internalRenderSubMenuItem, _internalComponents = _ref._internalComponents, restProps = _objectWithoutProperties$1(_ref, _excluded$q);
+  var _ref = props, _ref$prefixCls = _ref.prefixCls, prefixCls = _ref$prefixCls === void 0 ? "rc-menu" : _ref$prefixCls, rootClassName = _ref.rootClassName, style2 = _ref.style, className = _ref.className, _ref$tabIndex = _ref.tabIndex, tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex, items = _ref.items, children2 = _ref.children, direction = _ref.direction, id2 = _ref.id, _ref$mode = _ref.mode, mode = _ref$mode === void 0 ? "vertical" : _ref$mode, inlineCollapsed = _ref.inlineCollapsed, disabled2 = _ref.disabled, disabledOverflow = _ref.disabledOverflow, _ref$subMenuOpenDelay = _ref.subMenuOpenDelay, subMenuOpenDelay = _ref$subMenuOpenDelay === void 0 ? 0.1 : _ref$subMenuOpenDelay, _ref$subMenuCloseDela = _ref.subMenuCloseDelay, subMenuCloseDelay = _ref$subMenuCloseDela === void 0 ? 0.1 : _ref$subMenuCloseDela, forceSubMenuRender = _ref.forceSubMenuRender, defaultOpenKeys = _ref.defaultOpenKeys, openKeys = _ref.openKeys, activeKey = _ref.activeKey, defaultActiveFirst = _ref.defaultActiveFirst, _ref$selectable = _ref.selectable, selectable = _ref$selectable === void 0 ? true : _ref$selectable, _ref$multiple = _ref.multiple, multiple = _ref$multiple === void 0 ? false : _ref$multiple, defaultSelectedKeys = _ref.defaultSelectedKeys, selectedKeys = _ref.selectedKeys, onSelect = _ref.onSelect, onDeselect = _ref.onDeselect, _ref$inlineIndent = _ref.inlineIndent, inlineIndent = _ref$inlineIndent === void 0 ? 24 : _ref$inlineIndent, motion2 = _ref.motion, defaultMotions = _ref.defaultMotions, _ref$triggerSubMenuAc = _ref.triggerSubMenuAction, triggerSubMenuAction = _ref$triggerSubMenuAc === void 0 ? "hover" : _ref$triggerSubMenuAc, builtinPlacements = _ref.builtinPlacements, itemIcon = _ref.itemIcon, expandIcon = _ref.expandIcon, _ref$overflowedIndica = _ref.overflowedIndicator, overflowedIndicator = _ref$overflowedIndica === void 0 ? "..." : _ref$overflowedIndica, overflowedIndicatorPopupClassName = _ref.overflowedIndicatorPopupClassName, getPopupContainer = _ref.getPopupContainer, onClick = _ref.onClick, onOpenChange = _ref.onOpenChange, onKeyDown2 = _ref.onKeyDown, openAnimation = _ref.openAnimation, openTransitionName = _ref.openTransitionName, _internalRenderMenuItem = _ref._internalRenderMenuItem, _internalRenderSubMenuItem = _ref._internalRenderSubMenuItem, _internalComponents = _ref._internalComponents, restProps = _objectWithoutProperties$1(_ref, _excluded$r);
   var _React$useMemo = React.useMemo(function() {
     return [parseItems(children2, items, EMPTY_LIST$4, _internalComponents, prefixCls), parseItems(children2, items, EMPTY_LIST$4, {}, prefixCls)];
   }, [children2, items, _internalComponents]), _React$useMemo2 = _slicedToArray(_React$useMemo, 2), childList = _React$useMemo2[0], measureChildList = _React$useMemo2[1];
@@ -25351,7 +25458,7 @@ const genLayoutStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$i = (token2) => {
+const prepareComponentToken$j = (token2) => {
   const {
     colorBgLayout,
     controlHeight,
@@ -25387,7 +25494,7 @@ const prepareComponentToken$i = (token2) => {
   };
 };
 const DEPRECATED_TOKENS = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
-genStyleHooks("Layout", genLayoutStyle, prepareComponentToken$i, {
+genStyleHooks("Layout", genLayoutStyle, prepareComponentToken$j, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 const genSiderStyle = (token2) => {
@@ -25497,10 +25604,10 @@ const genSiderStyle = (token2) => {
     }
   };
 };
-const useStyle$m = genStyleHooks(["Layout", "Sider"], genSiderStyle, prepareComponentToken$i, {
+const useStyle$n = genStyleHooks(["Layout", "Sider"], genSiderStyle, prepareComponentToken$j, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
-var __rest$N = function(s, e3) {
+var __rest$O = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -25542,7 +25649,7 @@ const Sider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     breakpoint,
     onCollapse,
     onBreakpoint
-  } = props, otherProps = __rest$N(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
+  } = props, otherProps = __rest$O(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
   const {
     siderHook
   } = useContext$1(LayoutContext);
@@ -25564,7 +25671,7 @@ const Sider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     direction
   } = useContext$1(ConfigContext);
   const prefixCls = getPrefixCls("layout-sider", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$m(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$n(prefixCls);
   const responsiveHandlerRef = useRef(null);
   responsiveHandlerRef.current = (mql) => {
     setBelow(mql.matches);
@@ -25663,7 +25770,7 @@ const MenuContext = /* @__PURE__ */ createContext$1({
   firstLevel: true,
   inlineCollapsed: false
 });
-var __rest$M = function(s, e3) {
+var __rest$N = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -25676,7 +25783,7 @@ const MenuDivider = (props) => {
     prefixCls: customizePrefixCls,
     className,
     dashed
-  } = props, restProps = __rest$M(props, ["prefixCls", "className", "dashed"]);
+  } = props, restProps = __rest$N(props, ["prefixCls", "className", "dashed"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -25757,7 +25864,7 @@ const MenuItem$1 = (props) => {
   }
   return returnNode;
 };
-var __rest$L = function(s, e3) {
+var __rest$M = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -25769,7 +25876,7 @@ const OverrideContext = /* @__PURE__ */ React.createContext(null);
 const OverrideProvider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const {
     children: children2
-  } = props, restProps = __rest$L(props, ["children"]);
+  } = props, restProps = __rest$M(props, ["children"]);
   const override = React.useContext(OverrideContext);
   const context = React.useMemo(() => Object.assign(Object.assign({}, override), restProps), [
     override,
@@ -26596,7 +26703,7 @@ const getBaseStyle = (token2) => {
     }
   ];
 };
-const prepareComponentToken$h = (token2) => {
+const prepareComponentToken$i = (token2) => {
   var _a, _b, _c;
   const {
     colorPrimary,
@@ -26714,7 +26821,7 @@ const prepareComponentToken$h = (token2) => {
     itemWidth: activeBarWidth ? `calc(100% + ${activeBarBorderWidth}px)` : `calc(100% - ${itemMarginInline * 2}px)`
   };
 };
-const useStyle$l = (prefixCls, rootCls = prefixCls, injectStyle = true) => {
+const useStyle$m = (prefixCls, rootCls = prefixCls, injectStyle = true) => {
   const useStyle2 = genStyleHooks("Menu", (token2) => {
     const {
       colorBgElevated,
@@ -26793,7 +26900,7 @@ const useStyle$l = (prefixCls, rootCls = prefixCls, injectStyle = true) => {
       initSlideMotion(menuToken, "slide-down"),
       initZoomMotion(menuToken, "zoom-big")
     ];
-  }, prepareComponentToken$h, {
+  }, prepareComponentToken$i, {
     deprecatedTokens: [["colorGroupTitle", "groupTitleColor"], ["radiusItem", "itemBorderRadius"], ["radiusSubMenuItem", "subMenuItemBorderRadius"], ["colorItemText", "itemColor"], ["colorItemTextHover", "itemHoverColor"], ["colorItemTextHoverHorizontal", "horizontalItemHoverColor"], ["colorItemTextSelected", "itemSelectedColor"], ["colorItemTextSelectedHorizontal", "horizontalItemSelectedColor"], ["colorItemTextDisabled", "itemDisabledColor"], ["colorDangerItemText", "dangerItemColor"], ["colorDangerItemTextHover", "dangerItemHoverColor"], ["colorDangerItemTextSelected", "dangerItemSelectedColor"], ["colorDangerItemBgActive", "dangerItemActiveBg"], ["colorDangerItemBgSelected", "dangerItemSelectedBg"], ["colorItemBg", "itemBg"], ["colorItemBgHover", "itemHoverBg"], ["colorSubItemBg", "subMenuItemBg"], ["colorItemBgActive", "itemActiveBg"], ["colorItemBgSelectedHorizontal", "horizontalItemSelectedBg"], ["colorActiveBarWidth", "activeBarWidth"], ["colorActiveBarHeight", "activeBarHeight"], ["colorActiveBarBorderSize", "activeBarBorderWidth"], ["colorItemBgSelected", "itemSelectedBg"]],
     // Dropdown will handle menu style self. We do not need to handle this.
     injectStyle,
@@ -26847,7 +26954,7 @@ const SubMenu = (props) => {
     }, props.popupStyle)
   })));
 };
-var __rest$K = function(s, e3) {
+var __rest$L = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -26888,7 +26995,7 @@ const InternalMenu = /* @__PURE__ */ forwardRef((props, ref) => {
     selectable,
     onClick,
     overflowedIndicatorPopupClassName
-  } = props, restProps = __rest$K(props, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]);
+  } = props, restProps = __rest$L(props, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]);
   const passedProps = omit(restProps, ["collapsedWidth"]);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Menu");
@@ -26917,7 +27024,7 @@ const InternalMenu = /* @__PURE__ */ forwardRef((props, ref) => {
   };
   const prefixCls = getPrefixCls("menu", customizePrefixCls || overrideObj.prefixCls);
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$l(prefixCls, rootCls, !override);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$m(prefixCls, rootCls, !override);
   const menuClassName = classNames(`${prefixCls}-${theme}`, menu === null || menu === void 0 ? void 0 : menu.className, className);
   const mergedExpandIcon = React.useMemo(() => {
     var _a2, _b;
@@ -27280,14 +27387,14 @@ const genBaseStyle$4 = (token2) => {
     [initSlideMotion(token2, "slide-up"), initSlideMotion(token2, "slide-down"), initMoveMotion(token2, "move-up"), initMoveMotion(token2, "move-down"), initZoomMotion(token2, "zoom-big")]
   ];
 };
-const prepareComponentToken$g = (token2) => Object.assign(Object.assign({
+const prepareComponentToken$h = (token2) => Object.assign(Object.assign({
   zIndexPopup: token2.zIndexPopupBase + 50,
   paddingBlock: (token2.controlHeight - token2.fontSize * token2.lineHeight) / 2
 }, getArrowOffsetToken({
   contentRadius: token2.borderRadiusLG,
   limitVerticalRadius: true
 })), getArrowToken(token2));
-const useStyle$k = genStyleHooks("Dropdown", (token2) => {
+const useStyle$l = genStyleHooks("Dropdown", (token2) => {
   const {
     marginXXS,
     sizePopupArrow,
@@ -27300,7 +27407,7 @@ const useStyle$k = genStyleHooks("Dropdown", (token2) => {
     dropdownEdgeChildPadding: paddingXXS
   });
   return [genBaseStyle$4(dropdownToken), genStatusStyle(dropdownToken)];
-}, prepareComponentToken$g, {
+}, prepareComponentToken$h, {
   resetStyle: false
 });
 const Dropdown$1 = (props) => {
@@ -27376,7 +27483,7 @@ const Dropdown$1 = (props) => {
   }, [placement, direction]);
   const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$k(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$l(prefixCls, rootCls);
   const [, token2] = useToken();
   const child = React.Children.only(isPrimitive(children2) ? /* @__PURE__ */ React.createElement("span", null, children2) : children2);
   const popupTrigger = cloneElement(child, {
@@ -27478,8 +27585,8 @@ const Dropdown$1 = (props) => {
   }
   return wrapCSSVar(renderNode);
 };
-const PurePanel$2 = genPurePanel(Dropdown$1, "align", void 0, "dropdown", (prefixCls) => prefixCls);
-const WrapPurePanel = (props) => /* @__PURE__ */ React.createElement(PurePanel$2, Object.assign({}, props), /* @__PURE__ */ React.createElement("span", null));
+const PurePanel$3 = genPurePanel(Dropdown$1, "align", void 0, "dropdown", (prefixCls) => prefixCls);
+const WrapPurePanel = (props) => /* @__PURE__ */ React.createElement(PurePanel$3, Object.assign({}, props), /* @__PURE__ */ React.createElement("span", null));
 Dropdown$1._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
 if (process.env.NODE_ENV !== "production") {
   Dropdown$1.displayName = "Dropdown";
@@ -27497,7 +27604,7 @@ const BreadcrumbSeparator = ({
   }, children2 === "" ? children2 : children2 || "/");
 };
 BreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true;
-var __rest$J = function(s, e3) {
+var __rest$K = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27519,7 +27626,7 @@ function renderItem(prefixCls, item, children2, href) {
   const {
     className,
     onClick
-  } = item, restItem = __rest$J(item, ["className", "onClick"]);
+  } = item, restItem = __rest$K(item, ["className", "onClick"]);
   const passedProps = Object.assign(Object.assign({}, pickAttrs(restItem, {
     data: true,
     aria: true
@@ -27546,7 +27653,7 @@ function useItemRender(prefixCls, itemRender) {
   };
   return mergedItemRender;
 }
-var __rest$I = function(s, e3) {
+var __rest$J = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27574,7 +27681,7 @@ const InternalBreadcrumbItem = (props) => {
       if (menu) {
         const _a = menu || {}, {
           items
-        } = _a, menuProps = __rest$I(_a, ["items"]);
+        } = _a, menuProps = __rest$J(_a, ["items"]);
         mergeDropDownProps.menu = Object.assign(Object.assign({}, menuProps), {
           items: items === null || items === void 0 ? void 0 : items.map((_a2, index2) => {
             var {
@@ -27582,7 +27689,7 @@ const InternalBreadcrumbItem = (props) => {
               title,
               label,
               path: path2
-            } = _a2, itemProps = __rest$I(_a2, ["key", "title", "label", "path"]);
+            } = _a2, itemProps = __rest$J(_a2, ["key", "title", "label", "path"]);
             let mergedLabel = label !== null && label !== void 0 ? label : title;
             if (path2) {
               mergedLabel = /* @__PURE__ */ React.createElement("a", {
@@ -27617,7 +27724,7 @@ const BreadcrumbItem = (props) => {
     prefixCls: customizePrefixCls,
     children: children2,
     href
-  } = props, restProps = __rest$I(props, ["prefixCls", "children", "href"]);
+  } = props, restProps = __rest$J(props, ["prefixCls", "children", "href"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -27705,7 +27812,7 @@ const genBreadcrumbStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$f = (token2) => ({
+const prepareComponentToken$g = (token2) => ({
   itemColor: token2.colorTextDescription,
   lastItemColor: token2.colorText,
   iconFontSize: token2.fontSize,
@@ -27714,11 +27821,11 @@ const prepareComponentToken$f = (token2) => ({
   separatorColor: token2.colorTextDescription,
   separatorMargin: token2.marginXS
 });
-const useStyle$j = genStyleHooks("Breadcrumb", (token2) => {
+const useStyle$k = genStyleHooks("Breadcrumb", (token2) => {
   const breadcrumbToken = merge$1(token2, {});
   return genBreadcrumbStyle(breadcrumbToken);
-}, prepareComponentToken$f);
-var __rest$H = function(s, e3) {
+}, prepareComponentToken$g);
+var __rest$I = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27730,7 +27837,7 @@ function route2item(route) {
   const {
     breadcrumbName,
     children: children2
-  } = route, rest = __rest$H(route, ["breadcrumbName", "children"]);
+  } = route, rest = __rest$I(route, ["breadcrumbName", "children"]);
   const clone = Object.assign({
     title: breadcrumbName
   }, rest);
@@ -27739,7 +27846,7 @@ function route2item(route) {
       items: children2.map((_a) => {
         var {
           breadcrumbName: itemBreadcrumbName
-        } = _a, itemProps = __rest$H(_a, ["breadcrumbName"]);
+        } = _a, itemProps = __rest$I(_a, ["breadcrumbName"]);
         return Object.assign(Object.assign({}, itemProps), {
           title: itemBreadcrumbName
         });
@@ -27759,7 +27866,7 @@ function useItems(items, routes) {
     return null;
   }, [items, routes]);
 }
-var __rest$G = function(s, e3) {
+var __rest$H = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27789,7 +27896,7 @@ const Breadcrumb$2 = (props) => {
     children: children2,
     itemRender,
     params = {}
-  } = props, restProps = __rest$G(props, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]);
+  } = props, restProps = __rest$H(props, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]);
   const {
     getPrefixCls,
     direction,
@@ -27797,7 +27904,7 @@ const Breadcrumb$2 = (props) => {
   } = React.useContext(ConfigContext);
   let crumbs;
   const prefixCls = getPrefixCls("breadcrumb", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$j(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$k(prefixCls);
   const mergedItems = useItems(items, legacyRoutes);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Breadcrumb");
@@ -31607,9 +31714,9 @@ function useRootProps(props) {
     return pickProps(props, propNames);
   }, [props]);
 }
-var _excluded$p = ["icon", "type"], _excluded2$3 = ["onClear"];
+var _excluded$q = ["icon", "type"], _excluded2$3 = ["onClear"];
 function Icon$1(props) {
-  var icon = props.icon, type4 = props.type, restProps = _objectWithoutProperties$1(props, _excluded$p);
+  var icon = props.icon, type4 = props.type, restProps = _objectWithoutProperties$1(props, _excluded$q);
   var _React$useContext = React.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
   return icon ? /* @__PURE__ */ React.createElement("span", _extends$1({
     className: "".concat(prefixCls, "-").concat(type4)
@@ -31729,11 +31836,11 @@ function getMaskRange(key) {
   };
   return PresetRange[key];
 }
-var _excluded$o = ["active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"];
+var _excluded$p = ["active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"];
 var Input$5 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var active = props.active, _props$showActiveCls = props.showActiveCls, showActiveCls = _props$showActiveCls === void 0 ? true : _props$showActiveCls, suffixIcon = props.suffixIcon, format3 = props.format, validateFormat = props.validateFormat, onChange = props.onChange;
   props.onInput;
-  var helped = props.helped, onHelp = props.onHelp, onSubmit = props.onSubmit, onKeyDown2 = props.onKeyDown, _props$preserveInvali = props.preserveInvalidOnBlur, preserveInvalidOnBlur = _props$preserveInvali === void 0 ? false : _props$preserveInvali, invalid = props.invalid, clearIcon = props.clearIcon, restProps = _objectWithoutProperties$1(props, _excluded$o);
+  var helped = props.helped, onHelp = props.onHelp, onSubmit = props.onSubmit, onKeyDown2 = props.onKeyDown, _props$preserveInvali = props.preserveInvalidOnBlur, preserveInvalidOnBlur = _props$preserveInvali === void 0 ? false : _props$preserveInvali, invalid = props.invalid, clearIcon = props.clearIcon, restProps = _objectWithoutProperties$1(props, _excluded$p);
   var value2 = props.value, onFocus = props.onFocus, onBlur = props.onBlur, onMouseUp = props.onMouseUp;
   var _React$useContext = React.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, _React$useContext$inp = _React$useContext.input, Component = _React$useContext$inp === void 0 ? "input" : _React$useContext$inp;
   var inputPrefixCls = "".concat(prefixCls, "-input");
@@ -31959,7 +32066,7 @@ var Input$5 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
 if (process.env.NODE_ENV !== "production") {
   Input$5.displayName = "Input";
 }
-var _excluded$n = ["id", "prefix", "clearIcon", "suffixIcon", "separator", "activeIndex", "activeHelp", "allHelp", "focused", "onFocus", "onBlur", "onKeyDown", "locale", "generateConfig", "placeholder", "className", "style", "onClick", "onClear", "value", "onChange", "onSubmit", "onInputChange", "format", "maskFormat", "preserveInvalidOnBlur", "onInvalid", "disabled", "invalid", "inputReadOnly", "direction", "onOpenChange", "onActiveInfo", "placement", "onMouseDown", "required", "aria-required", "autoFocus", "tabIndex"], _excluded2$2 = ["index"];
+var _excluded$o = ["id", "prefix", "clearIcon", "suffixIcon", "separator", "activeIndex", "activeHelp", "allHelp", "focused", "onFocus", "onBlur", "onKeyDown", "locale", "generateConfig", "placeholder", "className", "style", "onClick", "onClear", "value", "onChange", "onSubmit", "onInputChange", "format", "maskFormat", "preserveInvalidOnBlur", "onInvalid", "disabled", "invalid", "inputReadOnly", "direction", "onOpenChange", "onActiveInfo", "placement", "onMouseDown", "required", "aria-required", "autoFocus", "tabIndex"], _excluded2$2 = ["index"];
 function RangeSelector(props, ref) {
   var id2 = props.id, prefix = props.prefix, clearIcon = props.clearIcon, suffixIcon = props.suffixIcon, _props$separator = props.separator, separator = _props$separator === void 0 ? "~" : _props$separator, activeIndex = props.activeIndex;
   props.activeHelp;
@@ -31987,7 +32094,7 @@ function RangeSelector(props, ref) {
   var _onMouseDown = props.onMouseDown;
   props.required;
   props["aria-required"];
-  var autoFocus = props.autoFocus, tabIndex = props.tabIndex, restProps = _objectWithoutProperties$1(props, _excluded$n);
+  var autoFocus = props.autoFocus, tabIndex = props.tabIndex, restProps = _objectWithoutProperties$1(props, _excluded$o);
   var rtl = direction === "rtl";
   var _React$useContext = React.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
   var ids = React.useMemo(function() {
@@ -32501,7 +32608,7 @@ function MultipleDates(props) {
     className: "".concat(prefixCls, "-selection-placeholder")
   }, placeholder));
 }
-var _excluded$m = ["id", "open", "prefix", "clearIcon", "suffixIcon", "activeHelp", "allHelp", "focused", "onFocus", "onBlur", "onKeyDown", "locale", "generateConfig", "placeholder", "className", "style", "onClick", "onClear", "internalPicker", "value", "onChange", "onSubmit", "onInputChange", "multiple", "maxTagCount", "format", "maskFormat", "preserveInvalidOnBlur", "onInvalid", "disabled", "invalid", "inputReadOnly", "direction", "onOpenChange", "onMouseDown", "required", "aria-required", "autoFocus", "tabIndex", "removeIcon"];
+var _excluded$n = ["id", "open", "prefix", "clearIcon", "suffixIcon", "activeHelp", "allHelp", "focused", "onFocus", "onBlur", "onKeyDown", "locale", "generateConfig", "placeholder", "className", "style", "onClick", "onClear", "internalPicker", "value", "onChange", "onSubmit", "onInputChange", "multiple", "maxTagCount", "format", "maskFormat", "preserveInvalidOnBlur", "onInvalid", "disabled", "invalid", "inputReadOnly", "direction", "onOpenChange", "onMouseDown", "required", "aria-required", "autoFocus", "tabIndex", "removeIcon"];
 function SingleSelector2(props, ref) {
   props.id;
   var open = props.open, prefix = props.prefix, clearIcon = props.clearIcon, suffixIcon = props.suffixIcon;
@@ -32525,7 +32632,7 @@ function SingleSelector2(props, ref) {
   var _onMouseDown = props.onMouseDown;
   props.required;
   props["aria-required"];
-  var autoFocus = props.autoFocus, tabIndex = props.tabIndex, removeIcon = props.removeIcon, restProps = _objectWithoutProperties$1(props, _excluded$m);
+  var autoFocus = props.autoFocus, tabIndex = props.tabIndex, removeIcon = props.removeIcon, restProps = _objectWithoutProperties$1(props, _excluded$n);
   var rtl = direction === "rtl";
   var _React$useContext = React.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
   var rootRef = React.useRef();
@@ -32928,9 +33035,9 @@ const RadioGroupContext = /* @__PURE__ */ React.createContext(null);
 const RadioGroupContextProvider = RadioGroupContext.Provider;
 const RadioOptionTypeContext = /* @__PURE__ */ React.createContext(null);
 const RadioOptionTypeContextProvider = RadioOptionTypeContext.Provider;
-var _excluded$l = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"];
+var _excluded$m = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"];
 var Checkbox$3 = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-checkbox" : _props$prefixCls, className = props.className, style2 = props.style, checked = props.checked, disabled2 = props.disabled, _props$defaultChecked = props.defaultChecked, defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked, _props$type = props.type, type4 = _props$type === void 0 ? "checkbox" : _props$type, title = props.title, onChange = props.onChange, inputProps = _objectWithoutProperties$1(props, _excluded$l);
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-checkbox" : _props$prefixCls, className = props.className, style2 = props.style, checked = props.checked, disabled2 = props.disabled, _props$defaultChecked = props.defaultChecked, defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked, _props$type = props.type, type4 = _props$type === void 0 ? "checkbox" : _props$type, title = props.title, onChange = props.onChange, inputProps = _objectWithoutProperties$1(props, _excluded$m);
   var inputRef = useRef(null);
   var holderRef = useRef(null);
   var _useMergedState = useMergedState(defaultChecked, {
@@ -33404,7 +33511,7 @@ const getRadioButtonStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$e = (token2) => {
+const prepareComponentToken$f = (token2) => {
   const {
     wireframe,
     padding,
@@ -33446,7 +33553,7 @@ const prepareComponentToken$e = (token2) => {
     radioBgColor: wireframe ? colorBgContainer : colorPrimary
   };
 };
-const useStyle$i = genStyleHooks("Radio", (token2) => {
+const useStyle$j = genStyleHooks("Radio", (token2) => {
   const {
     controlOutline,
     controlOutlineWidth
@@ -33458,13 +33565,13 @@ const useStyle$i = genStyleHooks("Radio", (token2) => {
     radioButtonFocusShadow
   });
   return [getGroupRadioStyle(radioToken), getRadioBasicStyle(radioToken), getRadioButtonStyle(radioToken)];
-}, prepareComponentToken$e, {
+}, prepareComponentToken$f, {
   unitless: {
     radioSize: true,
     dotSize: true
   }
 });
-var __rest$F = function(s, e3) {
+var __rest$G = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -33502,12 +33609,12 @@ const InternalRadio = (props, ref) => {
     children: children2,
     style: style2,
     title
-  } = props, restProps = __rest$F(props, ["prefixCls", "className", "rootClassName", "children", "style", "title"]);
+  } = props, restProps = __rest$G(props, ["prefixCls", "className", "rootClassName", "children", "style", "title"]);
   const radioPrefixCls = getPrefixCls("radio", customizePrefixCls);
   const isButtonType = ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.optionType) || radioOptionTypeContext) === "button";
   const prefixCls = isButtonType ? `${radioPrefixCls}-button` : radioPrefixCls;
   const rootCls = useCSSVarCls(radioPrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$i(radioPrefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$j(radioPrefixCls, rootCls);
   const radioProps = Object.assign({}, restProps);
   const disabled2 = React.useContext(DisabledContext);
   if (groupContext) {
@@ -33583,7 +33690,7 @@ function getStatus(errors, warnings, meta, defaultValidateStatus, hasFeedback, v
   }
   return status;
 }
-var __rest$E = function(s, e3) {
+var __rest$F = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -33623,7 +33730,7 @@ function useForm(form) {
     scrollToField: (name2, options = {}) => {
       const {
         focus
-      } = options, restOpt = __rest$E(options, ["focus"]);
+      } = options, restOpt = __rest$F(options, ["focus"]);
       const node2 = getFieldDOMNode(name2, wrapForm);
       if (node2) {
         e(node2, Object.assign({
@@ -33698,7 +33805,7 @@ const RadioGroup$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("radio", customizePrefixCls);
   const groupPrefixCls = `${prefixCls}-group`;
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$i(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$j(prefixCls, rootCls);
   let childrenToRender = children2;
   if (options && options.length > 0) {
     childrenToRender = options.map((option) => {
@@ -33756,7 +33863,7 @@ const RadioGroup$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   }, childrenToRender)));
 });
 const Group$1 = /* @__PURE__ */ React.memo(RadioGroup$1);
-var __rest$D = function(s, e3) {
+var __rest$E = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -33770,7 +33877,7 @@ const RadioButton = (props, ref) => {
   } = React.useContext(ConfigContext);
   const {
     prefixCls: customizePrefixCls
-  } = props, radioProps = __rest$D(props, ["prefixCls"]);
+  } = props, radioProps = __rest$E(props, ["prefixCls"]);
   const prefixCls = getPrefixCls("radio", customizePrefixCls);
   return /* @__PURE__ */ React.createElement(RadioOptionTypeContextProvider, {
     value: "button"
@@ -34771,7 +34878,7 @@ const useSharedStyle = genStyleHooks(["Input", "Shared"], (token2) => {
 }, initComponentToken$1, {
   resetFont: false
 });
-const useStyle$h = genStyleHooks(["Input", "Component"], (token2) => {
+const useStyle$i = genStyleHooks(["Input", "Component"], (token2) => {
   const inputToken = merge$1(token2, initInputToken(token2));
   return [
     genGroupStyle(inputToken),
@@ -35533,7 +35640,7 @@ const initPanelComponentToken = (token2) => {
   };
   return filledToken;
 };
-const prepareComponentToken$d = (token2) => Object.assign(Object.assign(Object.assign(Object.assign({}, initComponentToken$1(token2)), initPanelComponentToken(token2)), getArrowToken(token2)), {
+const prepareComponentToken$e = (token2) => Object.assign(Object.assign(Object.assign(Object.assign({}, initComponentToken$1(token2)), initPanelComponentToken(token2)), getArrowToken(token2)), {
   presetsWidth: 120,
   presetsMaxWidth: 200,
   zIndexPopup: token2.zIndexPopupBase + 50
@@ -35985,7 +36092,7 @@ const genPickerStyle = (token2) => {
     initMoveMotion(token2, "move-down")
   ];
 };
-const useStyle$g = genStyleHooks("DatePicker", (token2) => {
+const useStyle$h = genStyleHooks("DatePicker", (token2) => {
   const pickerToken = merge$1(initInputToken(token2), initPickerPanelToken(token2), {
     inputPaddingHorizontalBase: token2.calc(token2.paddingSM).sub(1).equal(),
     multipleSelectItemHeight: token2.multipleItemHeight,
@@ -36004,7 +36111,7 @@ const useStyle$g = genStyleHooks("DatePicker", (token2) => {
       focusElCls: `${token2.componentCls}-focused`
     })
   ];
-}, prepareComponentToken$d);
+}, prepareComponentToken$e);
 var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
 var PlusOutlined = function PlusOutlined2(props, ref) {
   return /* @__PURE__ */ React.createElement(Icon$3, _extends$1({}, props, {
@@ -37087,9 +37194,9 @@ var TabPane$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
 if (process.env.NODE_ENV !== "production") {
   TabPane$1.displayName = "TabPane";
 }
-var _excluded$k = ["renderTabBar"], _excluded2$1 = ["label", "key"];
+var _excluded$l = ["renderTabBar"], _excluded2$1 = ["label", "key"];
 var TabNavListWrapper = function TabNavListWrapper2(_ref) {
-  var renderTabBar = _ref.renderTabBar, restProps = _objectWithoutProperties$1(_ref, _excluded$k);
+  var renderTabBar = _ref.renderTabBar, restProps = _objectWithoutProperties$1(_ref, _excluded$l);
   var _React$useContext = React.useContext(TabContext), tabs = _React$useContext.tabs;
   if (renderTabBar) {
     var tabNavBarProps = _objectSpread2(_objectSpread2({}, restProps), {}, {
@@ -37110,7 +37217,7 @@ var TabNavListWrapper = function TabNavListWrapper2(_ref) {
 if (process.env.NODE_ENV !== "production") {
   TabNavListWrapper.displayName = "TabNavListWrapper";
 }
-var _excluded$j = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"];
+var _excluded$k = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"];
 var TabPanelList = function TabPanelList2(props) {
   var id2 = props.id, activeKey = props.activeKey, animated = props.animated, tabPosition = props.tabPosition, destroyInactiveTabPane = props.destroyInactiveTabPane;
   var _React$useContext = React.useContext(TabContext), prefixCls = _React$useContext.prefixCls, tabs = _React$useContext.tabs;
@@ -37121,7 +37228,7 @@ var TabPanelList = function TabPanelList2(props) {
   }, /* @__PURE__ */ React.createElement("div", {
     className: classNames("".concat(prefixCls, "-content"), "".concat(prefixCls, "-content-").concat(tabPosition), _defineProperty$1({}, "".concat(prefixCls, "-content-animated"), tabPaneAnimated))
   }, tabs.map(function(item) {
-    var key = item.key, forceRender = item.forceRender, paneStyle = item.style, paneClassName = item.className, itemDestroyInactiveTabPane = item.destroyInactiveTabPane, restTabProps = _objectWithoutProperties$1(item, _excluded$j);
+    var key = item.key, forceRender = item.forceRender, paneStyle = item.style, paneClassName = item.className, itemDestroyInactiveTabPane = item.destroyInactiveTabPane, restTabProps = _objectWithoutProperties$1(item, _excluded$k);
     var active = key === activeKey;
     return /* @__PURE__ */ React.createElement(CSSMotion, _extends$1({
       key,
@@ -37176,10 +37283,10 @@ function useAnimateConfig$1() {
   }
   return mergedAnimated;
 }
-var _excluded$i = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"];
+var _excluded$j = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"];
 var uuid$1 = 0;
 var Tabs$3 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var id2 = props.id, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-tabs" : _props$prefixCls, className = props.className, items = props.items, direction = props.direction, activeKey = props.activeKey, defaultActiveKey = props.defaultActiveKey, editable = props.editable, animated = props.animated, _props$tabPosition = props.tabPosition, tabPosition = _props$tabPosition === void 0 ? "top" : _props$tabPosition, tabBarGutter = props.tabBarGutter, tabBarStyle = props.tabBarStyle, tabBarExtraContent = props.tabBarExtraContent, locale2 = props.locale, more = props.more, destroyInactiveTabPane = props.destroyInactiveTabPane, renderTabBar = props.renderTabBar, onChange = props.onChange, onTabClick = props.onTabClick, onTabScroll = props.onTabScroll, getPopupContainer = props.getPopupContainer, popupClassName = props.popupClassName, indicator = props.indicator, restProps = _objectWithoutProperties$1(props, _excluded$i);
+  var id2 = props.id, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-tabs" : _props$prefixCls, className = props.className, items = props.items, direction = props.direction, activeKey = props.activeKey, defaultActiveKey = props.defaultActiveKey, editable = props.editable, animated = props.animated, _props$tabPosition = props.tabPosition, tabPosition = _props$tabPosition === void 0 ? "top" : _props$tabPosition, tabBarGutter = props.tabBarGutter, tabBarStyle = props.tabBarStyle, tabBarExtraContent = props.tabBarExtraContent, locale2 = props.locale, more = props.more, destroyInactiveTabPane = props.destroyInactiveTabPane, renderTabBar = props.renderTabBar, onChange = props.onChange, onTabClick = props.onTabClick, onTabScroll = props.onTabScroll, getPopupContainer = props.getPopupContainer, popupClassName = props.popupClassName, indicator = props.indicator, restProps = _objectWithoutProperties$1(props, _excluded$j);
   var tabs = React.useMemo(function() {
     return (items || []).filter(function(item) {
       return item && _typeof(item) === "object" && "key" in item;
@@ -37307,7 +37414,7 @@ function useAnimateConfig(prefixCls, animated = {
   }
   return mergedAnimated;
 }
-var __rest$C = function(s, e3) {
+var __rest$D = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -37341,7 +37448,7 @@ function useLegacyItems(items, children2) {
       } = node2;
       const _a = props || {}, {
         tab: tab2
-      } = _a, restProps = __rest$C(_a, ["tab"]);
+      } = _a, restProps = __rest$D(_a, ["tab"]);
       const item = Object.assign(Object.assign({
         key: String(key)
       }, restProps), {
@@ -37353,7 +37460,7 @@ function useLegacyItems(items, children2) {
   });
   return filter$1(childrenItems);
 }
-const genMotionStyle = (token2) => {
+const genMotionStyle$1 = (token2) => {
   const {
     componentCls,
     motionDurationSlow
@@ -38189,7 +38296,7 @@ const genTabsStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$c = (token2) => {
+const prepareComponentToken$d = (token2) => {
   const {
     cardHeight,
     cardHeightSM,
@@ -38234,7 +38341,7 @@ const prepareComponentToken$c = (token2) => {
     cardGutter: token2.marginXXS / 2
   };
 };
-const useStyle$f = genStyleHooks("Tabs", (token2) => {
+const useStyle$g = genStyleHooks("Tabs", (token2) => {
   const tabsToken = merge$1(token2, {
     // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
     tabsCardPadding: token2.cardPadding,
@@ -38245,13 +38352,13 @@ const useStyle$f = genStyleHooks("Tabs", (token2) => {
     tabsHorizontalItemMargin: `0 0 0 ${unit$2(token2.horizontalItemGutter)}`,
     tabsHorizontalItemMarginRTL: `0 0 0 ${unit$2(token2.horizontalItemGutter)}`
   });
-  return [genSizeStyle$1(tabsToken), genRtlStyle(tabsToken), genPositionStyle(tabsToken), genDropdownStyle(tabsToken), genCardStyle$1(tabsToken), genTabsStyle(tabsToken), genMotionStyle(tabsToken)];
-}, prepareComponentToken$c);
+  return [genSizeStyle$1(tabsToken), genRtlStyle(tabsToken), genPositionStyle(tabsToken), genDropdownStyle(tabsToken), genCardStyle$1(tabsToken), genTabsStyle(tabsToken), genMotionStyle$1(tabsToken)];
+}, prepareComponentToken$d);
 const TabPane = () => null;
 if (process.env.NODE_ENV !== "production") {
   TabPane.displayName = "DeprecatedTabPane";
 }
-var __rest$B = function(s, e3) {
+var __rest$C = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38282,7 +38389,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     indicator,
     destroyInactiveTabPane,
     destroyOnHidden
-  } = props, otherProps = __rest$B(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]);
+  } = props, otherProps = __rest$C(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]);
   const {
     prefixCls: customizePrefixCls
   } = otherProps;
@@ -38294,7 +38401,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("tabs", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$f(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$g(prefixCls, rootCls);
   const tabsRef = React.useRef(null);
   React.useImperativeHandle(ref, () => ({
     nativeElement: tabsRef.current
@@ -38359,7 +38466,7 @@ Tabs$2.TabPane = TabPane;
 if (process.env.NODE_ENV !== "production") {
   Tabs$2.displayName = "Tabs";
 }
-var __rest$A = function(s, e3) {
+var __rest$B = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38372,7 +38479,7 @@ const Grid$1 = (_a) => {
     prefixCls,
     className,
     hoverable = true
-  } = _a, props = __rest$A(_a, ["prefixCls", "className", "hoverable"]);
+  } = _a, props = __rest$B(_a, ["prefixCls", "className", "hoverable"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -38690,7 +38797,7 @@ const genCardSizeStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$b = (token2) => {
+const prepareComponentToken$c = (token2) => {
   var _a, _b;
   return {
     headerBg: "transparent",
@@ -38709,7 +38816,7 @@ const prepareComponentToken$b = (token2) => {
     headerPadding: (_b = token2.headerPadding) !== null && _b !== void 0 ? _b : token2.paddingLG
   };
 };
-const useStyle$e = genStyleHooks("Card", (token2) => {
+const useStyle$f = genStyleHooks("Card", (token2) => {
   const cardToken = merge$1(token2, {
     cardShadow: token2.boxShadowCard,
     cardHeadPadding: token2.padding,
@@ -38722,8 +38829,8 @@ const useStyle$e = genStyleHooks("Card", (token2) => {
     // Size
     genCardSizeStyle(cardToken)
   ];
-}, prepareComponentToken$b);
-var __rest$z = function(s, e3) {
+}, prepareComponentToken$c);
+var __rest$A = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38776,7 +38883,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     tabProps = {},
     classNames: customClassNames,
     styles: customStyles
-  } = props, others = __rest$z(props, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]);
+  } = props, others = __rest$A(props, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]);
   const {
     getPrefixCls,
     direction,
@@ -38811,7 +38918,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     return containGrid;
   }, [children2]);
   const prefixCls = getPrefixCls("card", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$e(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$f(prefixCls);
   const loadingBlock = /* @__PURE__ */ React.createElement(Skeleton$1, {
     loading: true,
     active: true,
@@ -38836,7 +38943,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     items: tabList.map((_a) => {
       var {
         tab: tab2
-      } = _a, item = __rest$z(_a, ["tab"]);
+      } = _a, item = __rest$A(_a, ["tab"]);
       return Object.assign({
         label: tab2
       }, item);
@@ -38896,7 +39003,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: mergedStyle
   }), head, coverDom, body, actionDom));
 });
-var __rest$y = function(s, e3) {
+var __rest$z = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38911,7 +39018,7 @@ const Meta = (props) => {
     avatar,
     title,
     description
-  } = props, others = __rest$y(props, ["prefixCls", "className", "avatar", "title", "description"]);
+  } = props, others = __rest$z(props, ["prefixCls", "className", "avatar", "title", "description"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -38999,7 +39106,7 @@ function debounce(delay, callback, options) {
 function getEntity(keyEntities, key) {
   return keyEntities[key];
 }
-var _excluded$h = ["children"];
+var _excluded$i = ["children"];
 function getPosition(level, index2) {
   return "".concat(level, "-").concat(index2);
 }
@@ -39047,7 +39154,7 @@ function convertTreeToData(rootNodes) {
         return null;
       }
       var key = treeNode.key;
-      var _treeNode$props = treeNode.props, children2 = _treeNode$props.children, rest = _objectWithoutProperties$1(_treeNode$props, _excluded$h);
+      var _treeNode$props = treeNode.props, children2 = _treeNode$props.children, rest = _objectWithoutProperties$1(_treeNode$props, _excluded$i);
       var dataNode = _objectSpread2({
         key
       }, rest);
@@ -39635,11 +39742,11 @@ function getStyle$1(prefixCls, token2) {
   });
   return genCheckboxStyle(checkboxToken);
 }
-const useStyle$d = genStyleHooks("Checkbox", (token2, {
+const useStyle$e = genStyleHooks("Checkbox", (token2, {
   prefixCls
 }) => [getStyle$1(prefixCls, token2)]);
 const GroupContext = /* @__PURE__ */ React__default.createContext(null);
-var __rest$x = function(s, e3) {
+var __rest$y = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -39660,7 +39767,7 @@ const InternalCheckbox = (props, ref) => {
     onMouseLeave,
     skipGroup = false,
     disabled: disabled2
-  } = props, restProps = __rest$x(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
+  } = props, restProps = __rest$y(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
   const {
     getPrefixCls,
     direction,
@@ -39701,7 +39808,7 @@ const InternalCheckbox = (props, ref) => {
   }, [indeterminate]);
   const prefixCls = getPrefixCls("checkbox", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$d(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$e(prefixCls, rootCls);
   const checkboxProps = Object.assign({}, restProps);
   if (checkboxGroup && !skipGroup) {
     checkboxProps.onChange = (...args) => {
@@ -39751,7 +39858,7 @@ const Checkbox$2 = /* @__PURE__ */ React.forwardRef(InternalCheckbox);
 if (process.env.NODE_ENV !== "production") {
   Checkbox$2.displayName = "Checkbox";
 }
-var __rest$w = function(s, e3) {
+var __rest$x = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -39769,7 +39876,7 @@ const CheckboxGroup = /* @__PURE__ */ React.forwardRef((props, ref) => {
     rootClassName,
     style: style2,
     onChange
-  } = props, restProps = __rest$w(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
+  } = props, restProps = __rest$x(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
   const {
     getPrefixCls,
     direction
@@ -39816,7 +39923,7 @@ const CheckboxGroup = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("checkbox", customizePrefixCls);
   const groupPrefixCls = `${prefixCls}-group`;
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$d(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$e(prefixCls, rootCls);
   const domProps = omit(restProps, ["value", "disabled"]);
   const childrenNode = options.length ? memoizedOptions.map((option) => /* @__PURE__ */ React.createElement(Checkbox$2, {
     prefixCls,
@@ -39859,7 +39966,7 @@ if (process.env.NODE_ENV !== "production") {
   Checkbox$1.displayName = "Checkbox";
 }
 const RowContext = /* @__PURE__ */ createContext$1({});
-var __rest$v = function(s, e3) {
+var __rest$w = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -39897,7 +40004,7 @@ const Col = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children: children2,
     flex,
     style: style2
-  } = props, others = __rest$v(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
+  } = props, others = __rest$w(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
   const prefixCls = getPrefixCls("col", customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useColStyle(prefixCls);
   const sizeStyle = {};
@@ -39978,7 +40085,7 @@ function useGutter(gutter, screens) {
   });
   return results;
 }
-var __rest$u = function(s, e3) {
+var __rest$v = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -40022,7 +40129,7 @@ const Row$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children: children2,
     gutter = 0,
     wrap: wrap2
-  } = props, others = __rest$u(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
+  } = props, others = __rest$v(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
   const {
     getPrefixCls,
     direction
@@ -40204,7 +40311,7 @@ function MotionThumb(props) {
     return /* @__PURE__ */ React.createElement("div", motionProps);
   });
 }
-var _excluded$g = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "name", "onChange", "className", "motionName"];
+var _excluded$h = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "name", "onChange", "className", "motionName"];
 function getValidTitle(option) {
   if (typeof option.title !== "undefined") {
     return option.title;
@@ -40259,7 +40366,7 @@ var InternalSegmentedOption = function InternalSegmentedOption2(_ref) {
 };
 var Segmented$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _segmentedOptions$, _classNames2;
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-segmented" : _props$prefixCls, direction = props.direction, vertical = props.vertical, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, disabled2 = props.disabled, defaultValue = props.defaultValue, value2 = props.value, name2 = props.name, onChange = props.onChange, _props$className = props.className, className = _props$className === void 0 ? "" : _props$className, _props$motionName = props.motionName, motionName = _props$motionName === void 0 ? "thumb-motion" : _props$motionName, restProps = _objectWithoutProperties$1(props, _excluded$g);
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-segmented" : _props$prefixCls, direction = props.direction, vertical = props.vertical, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, disabled2 = props.disabled, defaultValue = props.defaultValue, value2 = props.value, name2 = props.name, onChange = props.onChange, _props$className = props.className, className = _props$className === void 0 ? "" : _props$className, _props$motionName = props.motionName, motionName = _props$motionName === void 0 ? "thumb-motion" : _props$motionName, restProps = _objectWithoutProperties$1(props, _excluded$h);
   var containerRef = React.useRef(null);
   var mergedRef = React.useMemo(function() {
     return composeRef(containerRef, ref);
@@ -40544,7 +40651,7 @@ const genSegmentedStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$a = (token2) => {
+const prepareComponentToken$b = (token2) => {
   const {
     colorTextLabel,
     colorText,
@@ -40565,7 +40672,7 @@ const prepareComponentToken$a = (token2) => {
     itemSelectedColor: colorText
   };
 };
-const useStyle$c = genStyleHooks("Segmented", (token2) => {
+const useStyle$d = genStyleHooks("Segmented", (token2) => {
   const {
     lineWidth,
     calc
@@ -40575,8 +40682,8 @@ const useStyle$c = genStyleHooks("Segmented", (token2) => {
     segmentedPaddingHorizontalSM: calc(token2.controlPaddingHorizontalSM).sub(lineWidth).equal()
   });
   return genSegmentedStyle(segmentedToken);
-}, prepareComponentToken$a);
-var __rest$t = function(s, e3) {
+}, prepareComponentToken$b);
+var __rest$u = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -40600,7 +40707,7 @@ const InternalSegmented = /* @__PURE__ */ React.forwardRef((props, ref) => {
     vertical,
     shape = "default",
     name: name2 = defaultName
-  } = props, restProps = __rest$t(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]);
+  } = props, restProps = __rest$u(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]);
   const {
     getPrefixCls,
     direction,
@@ -40608,14 +40715,14 @@ const InternalSegmented = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: contextStyle
   } = useComponentConfig("segmented");
   const prefixCls = getPrefixCls("segmented", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$c(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$d(prefixCls);
   const mergedSize = useSize(customSize);
   const extendedOptions = React.useMemo(() => options.map((option) => {
     if (isSegmentedLabeledOptionWithIcon(option)) {
       const {
         icon,
         label
-      } = option, restOption = __rest$t(option, ["icon", "label"]);
+      } = option, restOption = __rest$u(option, ["icon", "label"]);
       return Object.assign(Object.assign({}, restOption), {
         label: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
           className: `${prefixCls}-item-icon`
@@ -40793,7 +40900,7 @@ var BaseInput = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
     hidden
   });
 });
-var _excluded$f = ["show"];
+var _excluded$g = ["show"];
 function useCount(count, showCount) {
   return React.useMemo(function() {
     var mergedConfig = {};
@@ -40801,7 +40908,7 @@ function useCount(count, showCount) {
       mergedConfig.show = _typeof(showCount) === "object" && showCount.formatter ? showCount.formatter : !!showCount;
     }
     mergedConfig = _objectSpread2(_objectSpread2({}, mergedConfig), count);
-    var _ref = mergedConfig, show = _ref.show, rest = _objectWithoutProperties$1(_ref, _excluded$f);
+    var _ref = mergedConfig, show = _ref.show, rest = _objectWithoutProperties$1(_ref, _excluded$g);
     return _objectSpread2(_objectSpread2({}, rest), {}, {
       show: !!show,
       showFormatter: typeof show === "function" ? show : void 0,
@@ -40811,9 +40918,9 @@ function useCount(count, showCount) {
     });
   }, [count, showCount]);
 }
-var _excluded$e = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnter", "onKeyDown", "onKeyUp", "prefixCls", "disabled", "htmlSize", "className", "maxLength", "suffix", "showCount", "count", "type", "classes", "classNames", "styles", "onCompositionStart", "onCompositionEnd"];
+var _excluded$f = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnter", "onKeyDown", "onKeyUp", "prefixCls", "disabled", "htmlSize", "className", "maxLength", "suffix", "showCount", "count", "type", "classes", "classNames", "styles", "onCompositionStart", "onCompositionEnd"];
 var Input$4 = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var autoComplete = props.autoComplete, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onPressEnter = props.onPressEnter, onKeyDown2 = props.onKeyDown, onKeyUp = props.onKeyUp, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-input" : _props$prefixCls, disabled2 = props.disabled, htmlSize = props.htmlSize, className = props.className, maxLength = props.maxLength, suffix = props.suffix, showCount = props.showCount, count = props.count, _props$type = props.type, type4 = _props$type === void 0 ? "text" : _props$type, classes = props.classes, classNames$1 = props.classNames, styles = props.styles, _onCompositionStart = props.onCompositionStart, onCompositionEnd = props.onCompositionEnd, rest = _objectWithoutProperties$1(props, _excluded$e);
+  var autoComplete = props.autoComplete, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onPressEnter = props.onPressEnter, onKeyDown2 = props.onKeyDown, onKeyUp = props.onKeyUp, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-input" : _props$prefixCls, disabled2 = props.disabled, htmlSize = props.htmlSize, className = props.className, maxLength = props.maxLength, suffix = props.suffix, showCount = props.showCount, count = props.count, _props$type = props.type, type4 = _props$type === void 0 ? "text" : _props$type, classes = props.classes, classNames$1 = props.classNames, styles = props.styles, _onCompositionStart = props.onCompositionStart, onCompositionEnd = props.onCompositionEnd, rest = _objectWithoutProperties$1(props, _excluded$f);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), focused = _useState2[0], setFocused = _useState2[1];
   var compositionRef = useRef(false);
   var keyLockRef = useRef(false);
@@ -41035,7 +41142,7 @@ function useRemovePasswordTimeout(inputRef, triggerOnMount) {
 function hasPrefixSuffix(props) {
   return !!(props.prefix || props.suffix || props.allowClear || props.showCount);
 }
-var __rest$s = function(s, e3) {
+var __rest$t = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -41063,7 +41170,7 @@ const Input$3 = /* @__PURE__ */ forwardRef((props, ref) => {
     onChange,
     classNames: classNames$1,
     variant: customVariant
-  } = props, rest = __rest$s(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant"]);
+  } = props, rest = __rest$t(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant"]);
   if (process.env.NODE_ENV !== "production") {
     const {
       deprecated
@@ -41084,7 +41191,7 @@ const Input$3 = /* @__PURE__ */ forwardRef((props, ref) => {
   const inputRef = useRef(null);
   const rootCls = useCSSVarCls(prefixCls);
   const [wrapSharedCSSVar, hashId, cssVarCls] = useSharedStyle(prefixCls, rootClassName);
-  const [wrapCSSVar] = useStyle$h(prefixCls, rootCls);
+  const [wrapCSSVar] = useStyle$i(prefixCls, rootCls);
   const {
     compactSize,
     compactItemClassnames
@@ -41370,7 +41477,7 @@ const useMergedPickerSemantic = (pickerType, classNames$1, styles, popupClassNam
     return [filledClassNames, filledStyles];
   }, [mergedClassNames, mergedStyles, popupClassName, popupStyle]);
 };
-var __rest$r = function(s, e3) {
+var __rest$s = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -41401,7 +41508,7 @@ const generateRangePicker = (generateConfig2) => {
       picker,
       styles,
       classNames: classNames$1
-    } = props, restProps = __rest$r(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"]);
+    } = props, restProps = __rest$s(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"]);
     const pickerType = picker === TIME ? "timePicker" : "datePicker";
     const innerRef = React.useRef(null);
     const {
@@ -41418,7 +41525,7 @@ const generateRangePicker = (generateConfig2) => {
     const rootPrefixCls = getPrefixCls();
     const [variant, enableVariantCls] = useVariant("rangePicker", customVariant, bordered);
     const rootCls = useCSSVarCls(prefixCls);
-    const [wrapCSSVar, hashId, cssVarCls] = useStyle$g(prefixCls, rootCls);
+    const [wrapCSSVar, hashId, cssVarCls] = useStyle$h(prefixCls, rootCls);
     if (process.env.NODE_ENV !== "production") {
       const warning3 = devUseWarning("DatePicker.RangePicker");
       const deprecatedProps = {
@@ -41506,7 +41613,7 @@ const generateRangePicker = (generateConfig2) => {
   }
   return RangePicker2;
 };
-var __rest$q = function(s, e3) {
+var __rest$r = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -41539,7 +41646,7 @@ const generatePicker$1 = (generateConfig2) => {
         onCalendarChange,
         styles,
         classNames: classNames$1
-      } = props, restProps = __rest$q(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"]);
+      } = props, restProps = __rest$r(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"]);
       const {
         getPrefixCls,
         direction,
@@ -41555,7 +41662,7 @@ const generatePicker$1 = (generateConfig2) => {
       const innerRef = React.useRef(null);
       const [variant, enableVariantCls] = useVariant("datePicker", customVariant, bordered);
       const rootCls = useCSSVarCls(prefixCls);
-      const [wrapCSSVar, hashId, cssVarCls] = useStyle$g(prefixCls, rootCls);
+      const [wrapCSSVar, hashId, cssVarCls] = useStyle$h(prefixCls, rootCls);
       useImperativeHandle(ref, () => innerRef.current);
       const additionalProps = {
         showToday: true
@@ -41696,11 +41803,783 @@ const generatePicker = (generateConfig2) => {
   return MergedDatePicker;
 };
 const DatePicker$1 = generatePicker(generateConfig);
-const PurePanel$1 = genPurePanel(DatePicker$1, "popupAlign", void 0, "picker");
-DatePicker$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$1;
+const PurePanel$2 = genPurePanel(DatePicker$1, "popupAlign", void 0, "picker");
+DatePicker$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$2;
 const PureRangePanel = genPurePanel(DatePicker$1.RangePicker, "popupAlign", void 0, "picker");
 DatePicker$1._InternalRangePanelDoNotUseOrYouWillBeFired = PureRangePanel;
 DatePicker$1.generatePicker = generatePicker;
+var DrawerContext = /* @__PURE__ */ React.createContext(null);
+var RefContext = /* @__PURE__ */ React.createContext({});
+var _excluded$e = ["prefixCls", "className", "containerRef"];
+var DrawerPanel$1 = function DrawerPanel(props) {
+  var prefixCls = props.prefixCls, className = props.className, containerRef = props.containerRef, restProps = _objectWithoutProperties$1(props, _excluded$e);
+  var _React$useContext = React.useContext(RefContext), panelRef = _React$useContext.panel;
+  var mergedRef = useComposeRef(panelRef, containerRef);
+  return /* @__PURE__ */ React.createElement("div", _extends$1({
+    className: classNames("".concat(prefixCls, "-content"), className),
+    role: "dialog",
+    ref: mergedRef
+  }, pickAttrs(props, {
+    aria: true
+  }), {
+    "aria-modal": "true"
+  }, restProps));
+};
+if (process.env.NODE_ENV !== "production") {
+  DrawerPanel$1.displayName = "DrawerPanel";
+}
+function parseWidthHeight(value2) {
+  if (typeof value2 === "string" && String(Number(value2)) === value2) {
+    warningOnce(false, "Invalid value type of `width` or `height` which should be number type instead.");
+    return Number(value2);
+  }
+  return value2;
+}
+function warnCheck(props) {
+  warningOnce(!("wrapperClassName" in props), "'wrapperClassName' is removed. Please use 'rootClassName' instead.");
+  warningOnce(canUseDom() || !props.open, "Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead.");
+}
+var sentinelStyle = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none",
+  position: "absolute"
+};
+function DrawerPopup(props, ref) {
+  var _ref, _pushConfig$distance, _pushConfig;
+  var prefixCls = props.prefixCls, open = props.open, placement = props.placement, inline2 = props.inline, push2 = props.push, forceRender = props.forceRender, autoFocus = props.autoFocus, keyboard = props.keyboard, drawerClassNames = props.classNames, rootClassName = props.rootClassName, rootStyle = props.rootStyle, zIndex = props.zIndex, className = props.className, id2 = props.id, style2 = props.style, motion2 = props.motion, width = props.width, height = props.height, children2 = props.children, mask = props.mask, maskClosable = props.maskClosable, maskMotion = props.maskMotion, maskClassName = props.maskClassName, maskStyle = props.maskStyle, afterOpenChange = props.afterOpenChange, onClose = props.onClose, onMouseEnter = props.onMouseEnter, onMouseOver = props.onMouseOver, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown2 = props.onKeyDown, onKeyUp = props.onKeyUp, styles = props.styles, drawerRender = props.drawerRender;
+  var panelRef = React.useRef();
+  var sentinelStartRef = React.useRef();
+  var sentinelEndRef = React.useRef();
+  React.useImperativeHandle(ref, function() {
+    return panelRef.current;
+  });
+  var onPanelKeyDown = function onPanelKeyDown2(event2) {
+    var keyCode = event2.keyCode, shiftKey = event2.shiftKey;
+    switch (keyCode) {
+      // Tab active
+      case KeyCode.TAB: {
+        if (keyCode === KeyCode.TAB) {
+          if (!shiftKey && document.activeElement === sentinelEndRef.current) {
+            var _sentinelStartRef$cur;
+            (_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === void 0 || _sentinelStartRef$cur.focus({
+              preventScroll: true
+            });
+          } else if (shiftKey && document.activeElement === sentinelStartRef.current) {
+            var _sentinelEndRef$curre;
+            (_sentinelEndRef$curre = sentinelEndRef.current) === null || _sentinelEndRef$curre === void 0 || _sentinelEndRef$curre.focus({
+              preventScroll: true
+            });
+          }
+        }
+        break;
+      }
+      // Close
+      case KeyCode.ESC: {
+        if (onClose && keyboard) {
+          event2.stopPropagation();
+          onClose(event2);
+        }
+        break;
+      }
+    }
+  };
+  React.useEffect(function() {
+    if (open && autoFocus) {
+      var _panelRef$current;
+      (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 || _panelRef$current.focus({
+        preventScroll: true
+      });
+    }
+  }, [open]);
+  var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), pushed = _React$useState2[0], setPushed = _React$useState2[1];
+  var parentContext = React.useContext(DrawerContext);
+  var pushConfig;
+  if (typeof push2 === "boolean") {
+    pushConfig = push2 ? {} : {
+      distance: 0
+    };
+  } else {
+    pushConfig = push2 || {};
+  }
+  var pushDistance = (_ref = (_pushConfig$distance = (_pushConfig = pushConfig) === null || _pushConfig === void 0 ? void 0 : _pushConfig.distance) !== null && _pushConfig$distance !== void 0 ? _pushConfig$distance : parentContext === null || parentContext === void 0 ? void 0 : parentContext.pushDistance) !== null && _ref !== void 0 ? _ref : 180;
+  var mergedContext = React.useMemo(function() {
+    return {
+      pushDistance,
+      push: function push3() {
+        setPushed(true);
+      },
+      pull: function pull() {
+        setPushed(false);
+      }
+    };
+  }, [pushDistance]);
+  React.useEffect(function() {
+    if (open) {
+      var _parentContext$push;
+      parentContext === null || parentContext === void 0 || (_parentContext$push = parentContext.push) === null || _parentContext$push === void 0 || _parentContext$push.call(parentContext);
+    } else {
+      var _parentContext$pull;
+      parentContext === null || parentContext === void 0 || (_parentContext$pull = parentContext.pull) === null || _parentContext$pull === void 0 || _parentContext$pull.call(parentContext);
+    }
+  }, [open]);
+  React.useEffect(function() {
+    return function() {
+      var _parentContext$pull2;
+      parentContext === null || parentContext === void 0 || (_parentContext$pull2 = parentContext.pull) === null || _parentContext$pull2 === void 0 || _parentContext$pull2.call(parentContext);
+    };
+  }, []);
+  var maskNode = /* @__PURE__ */ React.createElement(CSSMotion, _extends$1({
+    key: "mask"
+  }, maskMotion, {
+    visible: mask && open
+  }), function(_ref2, maskRef) {
+    var motionMaskClassName = _ref2.className, motionMaskStyle = _ref2.style;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: classNames("".concat(prefixCls, "-mask"), motionMaskClassName, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.mask, maskClassName),
+      style: _objectSpread2(_objectSpread2(_objectSpread2({}, motionMaskStyle), maskStyle), styles === null || styles === void 0 ? void 0 : styles.mask),
+      onClick: maskClosable && open ? onClose : void 0,
+      ref: maskRef
+    });
+  });
+  var motionProps = typeof motion2 === "function" ? motion2(placement) : motion2;
+  var wrapperStyle = {};
+  if (pushed && pushDistance) {
+    switch (placement) {
+      case "top":
+        wrapperStyle.transform = "translateY(".concat(pushDistance, "px)");
+        break;
+      case "bottom":
+        wrapperStyle.transform = "translateY(".concat(-pushDistance, "px)");
+        break;
+      case "left":
+        wrapperStyle.transform = "translateX(".concat(pushDistance, "px)");
+        break;
+      default:
+        wrapperStyle.transform = "translateX(".concat(-pushDistance, "px)");
+        break;
+    }
+  }
+  if (placement === "left" || placement === "right") {
+    wrapperStyle.width = parseWidthHeight(width);
+  } else {
+    wrapperStyle.height = parseWidthHeight(height);
+  }
+  var eventHandlers = {
+    onMouseEnter,
+    onMouseOver,
+    onMouseLeave,
+    onClick,
+    onKeyDown: onKeyDown2,
+    onKeyUp
+  };
+  var panelNode = /* @__PURE__ */ React.createElement(CSSMotion, _extends$1({
+    key: "panel"
+  }, motionProps, {
+    visible: open,
+    forceRender,
+    onVisibleChanged: function onVisibleChanged(nextVisible) {
+      afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
+    },
+    removeOnLeave: false,
+    leavedClassName: "".concat(prefixCls, "-content-wrapper-hidden")
+  }), function(_ref3, motionRef) {
+    var motionClassName = _ref3.className, motionStyle = _ref3.style;
+    var content2 = /* @__PURE__ */ React.createElement(DrawerPanel$1, _extends$1({
+      id: id2,
+      containerRef: motionRef,
+      prefixCls,
+      className: classNames(className, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.content),
+      style: _objectSpread2(_objectSpread2({}, style2), styles === null || styles === void 0 ? void 0 : styles.content)
+    }, pickAttrs(props, {
+      aria: true
+    }), eventHandlers), children2);
+    return /* @__PURE__ */ React.createElement("div", _extends$1({
+      className: classNames("".concat(prefixCls, "-content-wrapper"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.wrapper, motionClassName),
+      style: _objectSpread2(_objectSpread2(_objectSpread2({}, wrapperStyle), motionStyle), styles === null || styles === void 0 ? void 0 : styles.wrapper)
+    }, pickAttrs(props, {
+      data: true
+    })), drawerRender ? drawerRender(content2) : content2);
+  });
+  var containerStyle = _objectSpread2({}, rootStyle);
+  if (zIndex) {
+    containerStyle.zIndex = zIndex;
+  }
+  return /* @__PURE__ */ React.createElement(DrawerContext.Provider, {
+    value: mergedContext
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classNames(prefixCls, "".concat(prefixCls, "-").concat(placement), rootClassName, _defineProperty$1(_defineProperty$1({}, "".concat(prefixCls, "-open"), open), "".concat(prefixCls, "-inline"), inline2)),
+    style: containerStyle,
+    tabIndex: -1,
+    ref: panelRef,
+    onKeyDown: onPanelKeyDown
+  }, maskNode, /* @__PURE__ */ React.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelStartRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "start"
+  }), panelNode, /* @__PURE__ */ React.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelEndRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "end"
+  })));
+}
+var RefDrawerPopup = /* @__PURE__ */ React.forwardRef(DrawerPopup);
+if (process.env.NODE_ENV !== "production") {
+  RefDrawerPopup.displayName = "DrawerPopup";
+}
+var Drawer$1 = function Drawer(props) {
+  var _props$open = props.open, open = _props$open === void 0 ? false : _props$open, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-drawer" : _props$prefixCls, _props$placement = props.placement, placement = _props$placement === void 0 ? "right" : _props$placement, _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus, _props$keyboard = props.keyboard, keyboard = _props$keyboard === void 0 ? true : _props$keyboard, _props$width = props.width, width = _props$width === void 0 ? 378 : _props$width, _props$mask = props.mask, mask = _props$mask === void 0 ? true : _props$mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, getContainer2 = props.getContainer, forceRender = props.forceRender, afterOpenChange = props.afterOpenChange, destroyOnClose = props.destroyOnClose, onMouseEnter = props.onMouseEnter, onMouseOver = props.onMouseOver, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown2 = props.onKeyDown, onKeyUp = props.onKeyUp, panelRef = props.panelRef;
+  var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), animatedVisible = _React$useState2[0], setAnimatedVisible = _React$useState2[1];
+  if (process.env.NODE_ENV !== "production") {
+    warnCheck(props);
+  }
+  var _React$useState3 = React.useState(false), _React$useState4 = _slicedToArray(_React$useState3, 2), mounted = _React$useState4[0], setMounted = _React$useState4[1];
+  useLayoutEffect$1(function() {
+    setMounted(true);
+  }, []);
+  var mergedOpen = mounted ? open : false;
+  var popupRef = React.useRef();
+  var lastActiveRef = React.useRef();
+  useLayoutEffect$1(function() {
+    if (mergedOpen) {
+      lastActiveRef.current = document.activeElement;
+    }
+  }, [mergedOpen]);
+  var internalAfterOpenChange = function internalAfterOpenChange2(nextVisible) {
+    var _popupRef$current;
+    setAnimatedVisible(nextVisible);
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
+    if (!nextVisible && lastActiveRef.current && !((_popupRef$current = popupRef.current) !== null && _popupRef$current !== void 0 && _popupRef$current.contains(lastActiveRef.current))) {
+      var _lastActiveRef$curren;
+      (_lastActiveRef$curren = lastActiveRef.current) === null || _lastActiveRef$curren === void 0 || _lastActiveRef$curren.focus({
+        preventScroll: true
+      });
+    }
+  };
+  var refContext = React.useMemo(function() {
+    return {
+      panel: panelRef
+    };
+  }, [panelRef]);
+  if (!forceRender && !animatedVisible && !mergedOpen && destroyOnClose) {
+    return null;
+  }
+  var eventHandlers = {
+    onMouseEnter,
+    onMouseOver,
+    onMouseLeave,
+    onClick,
+    onKeyDown: onKeyDown2,
+    onKeyUp
+  };
+  var drawerPopupProps = _objectSpread2(_objectSpread2({}, props), {}, {
+    open: mergedOpen,
+    prefixCls,
+    placement,
+    autoFocus,
+    keyboard,
+    width,
+    mask,
+    maskClosable,
+    inline: getContainer2 === false,
+    afterOpenChange: internalAfterOpenChange,
+    ref: popupRef
+  }, eventHandlers);
+  return /* @__PURE__ */ React.createElement(RefContext.Provider, {
+    value: refContext
+  }, /* @__PURE__ */ React.createElement(Portal, {
+    open: mergedOpen || forceRender || animatedVisible,
+    autoDestroy: false,
+    getContainer: getContainer2,
+    autoLock: mask && (mergedOpen || animatedVisible)
+  }, /* @__PURE__ */ React.createElement(RefDrawerPopup, drawerPopupProps)));
+};
+if (process.env.NODE_ENV !== "production") {
+  Drawer$1.displayName = "Drawer";
+}
+const DrawerPanel2 = (props) => {
+  var _a, _b;
+  const {
+    prefixCls,
+    title,
+    footer: footer2,
+    extra,
+    loading,
+    onClose,
+    headerStyle,
+    bodyStyle,
+    footerStyle,
+    children: children2,
+    classNames: drawerClassNames,
+    styles: drawerStyles
+  } = props;
+  const drawerContext = useComponentConfig("drawer");
+  const customCloseIconRender = React.useCallback((icon) => /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick: onClose,
+    className: `${prefixCls}-close`
+  }, icon), [onClose]);
+  const [mergedClosable, mergedCloseIcon] = useClosable(pickClosable(props), pickClosable(drawerContext), {
+    closable: true,
+    closeIconRender: customCloseIconRender
+  });
+  const headerNode = React.useMemo(() => {
+    var _a2, _b2;
+    if (!title && !mergedClosable) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", {
+      style: Object.assign(Object.assign(Object.assign({}, (_a2 = drawerContext.styles) === null || _a2 === void 0 ? void 0 : _a2.header), headerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.header),
+      className: classNames(`${prefixCls}-header`, {
+        [`${prefixCls}-header-close-only`]: mergedClosable && !title && !extra
+      }, (_b2 = drawerContext.classNames) === null || _b2 === void 0 ? void 0 : _b2.header, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.header)
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${prefixCls}-header-title`
+    }, mergedCloseIcon, title && /* @__PURE__ */ React.createElement("div", {
+      className: `${prefixCls}-title`
+    }, title)), extra && /* @__PURE__ */ React.createElement("div", {
+      className: `${prefixCls}-extra`
+    }, extra));
+  }, [mergedClosable, mergedCloseIcon, extra, headerStyle, prefixCls, title]);
+  const footerNode = React.useMemo(() => {
+    var _a2, _b2;
+    if (!footer2) {
+      return null;
+    }
+    const footerClassName = `${prefixCls}-footer`;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: classNames(footerClassName, (_a2 = drawerContext.classNames) === null || _a2 === void 0 ? void 0 : _a2.footer, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.footer),
+      style: Object.assign(Object.assign(Object.assign({}, (_b2 = drawerContext.styles) === null || _b2 === void 0 ? void 0 : _b2.footer), footerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.footer)
+    }, footer2);
+  }, [footer2, footerStyle, prefixCls]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, headerNode, /* @__PURE__ */ React.createElement("div", {
+    className: classNames(`${prefixCls}-body`, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.body, (_a = drawerContext.classNames) === null || _a === void 0 ? void 0 : _a.body),
+    style: Object.assign(Object.assign(Object.assign({}, (_b = drawerContext.styles) === null || _b === void 0 ? void 0 : _b.body), bodyStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.body)
+  }, loading ? /* @__PURE__ */ React.createElement(Skeleton$1, {
+    active: true,
+    title: false,
+    paragraph: {
+      rows: 5
+    },
+    className: `${prefixCls}-body-skeleton`
+  }) : children2), footerNode);
+};
+const getMoveTranslate = (direction) => {
+  const value2 = "100%";
+  return {
+    left: `translateX(-${value2})`,
+    right: `translateX(${value2})`,
+    top: `translateY(-${value2})`,
+    bottom: `translateY(${value2})`
+  }[direction];
+};
+const getEnterLeaveStyle = (startStyle, endStyle) => ({
+  "&-enter, &-appear": Object.assign(Object.assign({}, startStyle), {
+    "&-active": endStyle
+  }),
+  "&-leave": Object.assign(Object.assign({}, endStyle), {
+    "&-active": startStyle
+  })
+});
+const getFadeStyle = (from2, duration) => Object.assign({
+  "&-enter, &-appear, &-leave": {
+    "&-start": {
+      transition: "none"
+    },
+    "&-active": {
+      transition: `all ${duration}`
+    }
+  }
+}, getEnterLeaveStyle({
+  opacity: from2
+}, {
+  opacity: 1
+}));
+const getPanelMotionStyles = (direction, duration) => [getFadeStyle(0.7, duration), getEnterLeaveStyle({
+  transform: getMoveTranslate(direction)
+}, {
+  transform: "none"
+})];
+const genMotionStyle = (token2) => {
+  const {
+    componentCls,
+    motionDurationSlow
+  } = token2;
+  return {
+    [componentCls]: {
+      // ======================== Mask ========================
+      [`${componentCls}-mask-motion`]: getFadeStyle(0, motionDurationSlow),
+      // ======================= Panel ========================
+      [`${componentCls}-panel-motion`]: ["left", "right", "top", "bottom"].reduce((obj, direction) => Object.assign(Object.assign({}, obj), {
+        [`&-${direction}`]: getPanelMotionStyles(direction, motionDurationSlow)
+      }), {})
+    }
+  };
+};
+const genDrawerStyle = (token2) => {
+  const {
+    borderRadiusSM,
+    componentCls,
+    zIndexPopup,
+    colorBgMask,
+    colorBgElevated,
+    motionDurationSlow,
+    motionDurationMid,
+    paddingXS,
+    padding,
+    paddingLG,
+    fontSizeLG,
+    lineHeightLG,
+    lineWidth,
+    lineType,
+    colorSplit,
+    marginXS,
+    colorIcon,
+    colorIconHover,
+    colorBgTextHover,
+    colorBgTextActive,
+    colorText,
+    fontWeightStrong,
+    footerPaddingBlock,
+    footerPaddingInline,
+    calc
+  } = token2;
+  const wrapperCls = `${componentCls}-content-wrapper`;
+  return {
+    [componentCls]: {
+      position: "fixed",
+      inset: 0,
+      zIndex: zIndexPopup,
+      pointerEvents: "none",
+      color: colorText,
+      "&-pure": {
+        position: "relative",
+        background: colorBgElevated,
+        display: "flex",
+        flexDirection: "column",
+        [`&${componentCls}-left`]: {
+          boxShadow: token2.boxShadowDrawerLeft
+        },
+        [`&${componentCls}-right`]: {
+          boxShadow: token2.boxShadowDrawerRight
+        },
+        [`&${componentCls}-top`]: {
+          boxShadow: token2.boxShadowDrawerUp
+        },
+        [`&${componentCls}-bottom`]: {
+          boxShadow: token2.boxShadowDrawerDown
+        }
+      },
+      "&-inline": {
+        position: "absolute"
+      },
+      // ====================== Mask ======================
+      [`${componentCls}-mask`]: {
+        position: "absolute",
+        inset: 0,
+        zIndex: zIndexPopup,
+        background: colorBgMask,
+        pointerEvents: "auto"
+      },
+      // ==================== Content =====================
+      [wrapperCls]: {
+        position: "absolute",
+        zIndex: zIndexPopup,
+        maxWidth: "100vw",
+        transition: `all ${motionDurationSlow}`,
+        "&-hidden": {
+          display: "none"
+        }
+      },
+      // Placement
+      [`&-left > ${wrapperCls}`]: {
+        top: 0,
+        bottom: 0,
+        left: {
+          _skip_check_: true,
+          value: 0
+        },
+        boxShadow: token2.boxShadowDrawerLeft
+      },
+      [`&-right > ${wrapperCls}`]: {
+        top: 0,
+        right: {
+          _skip_check_: true,
+          value: 0
+        },
+        bottom: 0,
+        boxShadow: token2.boxShadowDrawerRight
+      },
+      [`&-top > ${wrapperCls}`]: {
+        top: 0,
+        insetInline: 0,
+        boxShadow: token2.boxShadowDrawerUp
+      },
+      [`&-bottom > ${wrapperCls}`]: {
+        bottom: 0,
+        insetInline: 0,
+        boxShadow: token2.boxShadowDrawerDown
+      },
+      [`${componentCls}-content`]: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        height: "100%",
+        overflow: "auto",
+        background: colorBgElevated,
+        pointerEvents: "auto"
+      },
+      // Header
+      [`${componentCls}-header`]: {
+        display: "flex",
+        flex: 0,
+        alignItems: "center",
+        padding: `${unit$2(padding)} ${unit$2(paddingLG)}`,
+        fontSize: fontSizeLG,
+        lineHeight: lineHeightLG,
+        borderBottom: `${unit$2(lineWidth)} ${lineType} ${colorSplit}`,
+        "&-title": {
+          display: "flex",
+          flex: 1,
+          alignItems: "center",
+          minWidth: 0,
+          minHeight: 0
+        }
+      },
+      [`${componentCls}-extra`]: {
+        flex: "none"
+      },
+      [`${componentCls}-close`]: Object.assign({
+        display: "inline-flex",
+        width: calc(fontSizeLG).add(paddingXS).equal(),
+        height: calc(fontSizeLG).add(paddingXS).equal(),
+        borderRadius: borderRadiusSM,
+        justifyContent: "center",
+        alignItems: "center",
+        marginInlineEnd: marginXS,
+        color: colorIcon,
+        fontWeight: fontWeightStrong,
+        fontSize: fontSizeLG,
+        fontStyle: "normal",
+        lineHeight: 1,
+        textAlign: "center",
+        textTransform: "none",
+        textDecoration: "none",
+        background: "transparent",
+        border: 0,
+        cursor: "pointer",
+        transition: `all ${motionDurationMid}`,
+        textRendering: "auto",
+        "&:hover": {
+          color: colorIconHover,
+          backgroundColor: colorBgTextHover,
+          textDecoration: "none"
+        },
+        "&:active": {
+          backgroundColor: colorBgTextActive
+        }
+      }, genFocusStyle(token2)),
+      [`${componentCls}-title`]: {
+        flex: 1,
+        margin: 0,
+        fontWeight: token2.fontWeightStrong,
+        fontSize: fontSizeLG,
+        lineHeight: lineHeightLG
+      },
+      // Body
+      [`${componentCls}-body`]: {
+        flex: 1,
+        minWidth: 0,
+        minHeight: 0,
+        padding: paddingLG,
+        overflow: "auto",
+        [`${componentCls}-body-skeleton`]: {
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          justifyContent: "center"
+        }
+      },
+      // Footer
+      [`${componentCls}-footer`]: {
+        flexShrink: 0,
+        padding: `${unit$2(footerPaddingBlock)} ${unit$2(footerPaddingInline)}`,
+        borderTop: `${unit$2(lineWidth)} ${lineType} ${colorSplit}`
+      },
+      // ====================== RTL =======================
+      "&-rtl": {
+        direction: "rtl"
+      }
+    }
+  };
+};
+const prepareComponentToken$a = (token2) => ({
+  zIndexPopup: token2.zIndexPopupBase,
+  footerPaddingBlock: token2.paddingXS,
+  footerPaddingInline: token2.padding
+});
+const useStyle$c = genStyleHooks("Drawer", (token2) => {
+  const drawerToken = merge$1(token2, {});
+  return [genDrawerStyle(drawerToken), genMotionStyle(drawerToken)];
+}, prepareComponentToken$a);
+var __rest$q = function(s, e3) {
+  var t2 = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e3.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t2[p[i]] = s[p[i]];
+  }
+  return t2;
+};
+const defaultPushState = {
+  distance: 180
+};
+const Drawer2 = (props) => {
+  var _a;
+  const {
+    rootClassName,
+    width,
+    height,
+    size = "default",
+    mask = true,
+    push: push2 = defaultPushState,
+    open,
+    afterOpenChange,
+    onClose,
+    prefixCls: customizePrefixCls,
+    getContainer: customizeGetContainer,
+    panelRef = null,
+    style: style2,
+    className,
+    // Deprecated
+    visible,
+    afterVisibleChange,
+    maskStyle,
+    drawerStyle,
+    contentWrapperStyle,
+    destroyOnClose,
+    destroyOnHidden
+  } = props, rest = __rest$q(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "panelRef", "style", "className", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle", "destroyOnClose", "destroyOnHidden"]);
+  const {
+    getPopupContainer,
+    getPrefixCls,
+    direction,
+    className: contextClassName,
+    style: contextStyle,
+    classNames: contextClassNames,
+    styles: contextStyles
+  } = useComponentConfig("drawer");
+  const prefixCls = getPrefixCls("drawer", customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$c(prefixCls);
+  const getContainer2 = (
+    // 有可能为 false，所以不能直接判断
+    customizeGetContainer === void 0 && getPopupContainer ? () => getPopupContainer(document.body) : customizeGetContainer
+  );
+  const drawerClassName = classNames({
+    "no-mask": !mask,
+    [`${prefixCls}-rtl`]: direction === "rtl"
+  }, rootClassName, hashId, cssVarCls);
+  if (process.env.NODE_ENV !== "production") {
+    const warning3 = devUseWarning("Drawer");
+    [["visible", "open"], ["afterVisibleChange", "afterOpenChange"], ["headerStyle", "styles.header"], ["bodyStyle", "styles.body"], ["footerStyle", "styles.footer"], ["contentWrapperStyle", "styles.wrapper"], ["maskStyle", "styles.mask"], ["drawerStyle", "styles.content"], ["destroyInactivePanel", "destroyOnHidden"]].forEach(([deprecatedName, newName]) => {
+      warning3.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+    if (getContainer2 !== void 0 && ((_a = props.style) === null || _a === void 0 ? void 0 : _a.position) === "absolute") {
+      process.env.NODE_ENV !== "production" ? warning3(false, "breaking", "`style` is replaced by `rootStyle` in v5. Please check that `position: absolute` is necessary.") : void 0;
+    }
+  }
+  const mergedWidth = React.useMemo(() => width !== null && width !== void 0 ? width : size === "large" ? 736 : 378, [width, size]);
+  const mergedHeight = React.useMemo(() => height !== null && height !== void 0 ? height : size === "large" ? 736 : 378, [height, size]);
+  const maskMotion = {
+    motionName: getTransitionName(prefixCls, "mask-motion"),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  const panelMotion = (motionPlacement) => ({
+    motionName: getTransitionName(prefixCls, `panel-motion-${motionPlacement}`),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  });
+  const innerPanelRef = usePanelRef();
+  const mergedPanelRef = composeRef(panelRef, innerPanelRef);
+  const [zIndex, contextZIndex] = useZIndex("Drawer", rest.zIndex);
+  const {
+    classNames: propClassNames = {},
+    styles: propStyles = {}
+  } = rest;
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(ContextIsolator, {
+    form: true,
+    space: true
+  }, /* @__PURE__ */ React.createElement(zIndexContext.Provider, {
+    value: contextZIndex
+  }, /* @__PURE__ */ React.createElement(Drawer$1, Object.assign({
+    prefixCls,
+    onClose,
+    maskMotion,
+    motion: panelMotion
+  }, rest, {
+    classNames: {
+      mask: classNames(propClassNames.mask, contextClassNames.mask),
+      content: classNames(propClassNames.content, contextClassNames.content),
+      wrapper: classNames(propClassNames.wrapper, contextClassNames.wrapper)
+    },
+    styles: {
+      mask: Object.assign(Object.assign(Object.assign({}, propStyles.mask), maskStyle), contextStyles.mask),
+      content: Object.assign(Object.assign(Object.assign({}, propStyles.content), drawerStyle), contextStyles.content),
+      wrapper: Object.assign(Object.assign(Object.assign({}, propStyles.wrapper), contentWrapperStyle), contextStyles.wrapper)
+    },
+    open: open !== null && open !== void 0 ? open : visible,
+    mask,
+    push: push2,
+    width: mergedWidth,
+    height: mergedHeight,
+    style: Object.assign(Object.assign({}, contextStyle), style2),
+    className: classNames(contextClassName, className),
+    rootClassName: drawerClassName,
+    getContainer: getContainer2,
+    afterOpenChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
+    panelRef: mergedPanelRef,
+    zIndex,
+    // TODO: In the future, destroyOnClose in rc-drawer needs to be upgrade to destroyOnHidden
+    destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose
+  }), /* @__PURE__ */ React.createElement(DrawerPanel2, Object.assign({
+    prefixCls
+  }, rest, {
+    onClose
+  }))))));
+};
+const PurePanel$1 = (props) => {
+  const {
+    prefixCls: customizePrefixCls,
+    style: style2,
+    className,
+    placement = "right"
+  } = props, restProps = __rest$q(props, ["prefixCls", "style", "className", "placement"]);
+  const {
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const prefixCls = getPrefixCls("drawer", customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$c(prefixCls);
+  const cls = classNames(prefixCls, `${prefixCls}-pure`, `${prefixCls}-${placement}`, hashId, cssVarCls, className);
+  return wrapCSSVar(/* @__PURE__ */ React.createElement("div", {
+    className: cls,
+    style: style2
+  }, /* @__PURE__ */ React.createElement(DrawerPanel2, Object.assign({
+    prefixCls
+  }, restProps))));
+};
+Drawer2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$1;
+if (process.env.NODE_ENV !== "production") {
+  Drawer2.displayName = "Drawer";
+}
 function isPresetSize(size) {
   return ["small", "middle", "large"].includes(size);
 }
@@ -41777,7 +42656,7 @@ const InternalSpace = /* @__PURE__ */ React.forwardRef((props, ref) => {
   });
   const mergedAlign = align === void 0 && direction === "horizontal" ? "center" : align;
   const prefixCls = getPrefixCls("space", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$u(prefixCls);
   const cls = classNames(prefixCls, contextClassName, hashId, `${prefixCls}-${direction}`, {
     [`${prefixCls}-rtl`]: directionConfig === "rtl",
     [`${prefixCls}-align-${mergedAlign}`]: mergedAlign,
@@ -43541,7 +44420,7 @@ const Group = (props) => {
   } = props;
   const prefixCls = getPrefixCls("input-group", customizePrefixCls);
   const inputPrefixCls = getPrefixCls("input");
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$h(inputPrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$i(inputPrefixCls);
   const cls = classNames(prefixCls, cssVarCls, {
     [`${prefixCls}-lg`]: props.size === "large",
     [`${prefixCls}-sm`]: props.size === "small",
@@ -46678,7 +47557,7 @@ const PurePanel = (props) => {
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("popconfirm", customizePrefixCls);
   const [wrapCSSVar] = useStyle$6(prefixCls);
-  return wrapCSSVar(/* @__PURE__ */ React.createElement(PurePanel$3, {
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(PurePanel$4, {
     placement,
     className: classNames(prefixCls, className),
     style: style2,
@@ -60710,6 +61589,9 @@ function IconBase2(props) {
 function FaCircleCheck(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" }, "child": [] }] })(props);
 }
+function HiArrowLeft(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
 function HiClock(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
@@ -60728,6 +61610,9 @@ function HiSearch(props) {
 function HiXCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
+function HiX(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
 function HiOutlineAdjustments(props) {
   return GenIcon({ "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" }, "child": [] }] })(props);
 }
@@ -84281,6 +85166,195 @@ const Shapes = ({ variant = "triangle", fill }) => {
   }
   return /* @__PURE__ */ jsx(Triangle, { fill, dataTestId: "shape-triangle" });
 };
+const getGenesisDrawerClass = ({ borderRadius: borderRadius2, sizing: sizing2 }, $type = "float", placement = "right") => {
+  const isFloat = $type === "float";
+  const offset2 = isFloat ? 24 : 0;
+  const edge = placement === "right" ? "right" : "left";
+  return `
+    .ant-drawer-content-wrapper {
+      box-shadow: none !important;
+    }
+
+    .ant-drawer-content {
+      position: relative !important;
+      box-shadow: none !important;
+      ${edge}: ${offset2}px !important;
+      top: ${offset2}px !important;
+      height: ${isFloat ? `calc(100% - ${offset2 * 2}px)` : "100%"} !important;
+      border-radius: ${isFloat ? borderRadius2.BorderRadiusMd : 0}px !important;
+    }
+
+    .ant-drawer-footer {
+      padding: 0px !important;
+    }
+
+    .ant-drawer-body {
+      padding: 0px;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+  `;
+};
+const StyledSidePanel = styled(Drawer2).attrs({
+  destroyOnHidden: true,
+  push: false
+})`
+  ${({ theme, $type = "float", placement = "right" }) => {
+  if (!theme) return "";
+  return getGenesisDrawerClass(theme, $type, placement);
+}}
+`;
+const ScrollableContent = styled.div`
+  overflow-y: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+`;
+const getGenesisStickyHeaderClass = ({ colors: colors2 }) => `
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background-color: ${colors2?.surface?.active?.backgroundColor || "#FFFFFF"};
+`;
+const StickyHeader = styled(Tile)`
+  ${({ theme }) => {
+  if (!theme) return "";
+  return getGenesisStickyHeaderClass(theme);
+}}
+`;
+const SidePanel = ({
+  type: type4 = "float",
+  open,
+  children: children2,
+  placement = "right",
+  header,
+  footer: footer2
+}) => {
+  const theme = useTheme$1();
+  const {
+    avatar,
+    title,
+    description,
+    showBackBtn = false,
+    actions: headerActions = [],
+    onClose,
+    onBackBtnClick = () => {
+      alert("Back button event not defined");
+    }
+  } = header;
+  const { show: showFooter = false, actions: footerActions = [] } = footer2 ?? {};
+  const spacing = {
+    Size1: theme?.sizing?.Size1 || 4,
+    Size3: theme?.sizing?.Size3 || 12,
+    Size4: theme?.sizing?.Size4 || 16,
+    Size6: theme?.sizing?.Size6 || 24
+  };
+  const borderColor = theme?.colors?.surface?.active?.borderColor || "#DFDFDF";
+  const textColor = theme?.colors?.onsurface?.active?.textColor || "#3E3E3E";
+  const handleClose = () => {
+    onClose();
+  };
+  const BackBtn = () => {
+    return showBackBtn ? /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(HiArrowLeft, {}), onClick: onBackBtnClick }) : null;
+  };
+  const HeaderActions = () => {
+    const showMenuBtn = headerActions.length > 1;
+    const menuItems = headerActions.slice(1);
+    return headerActions.length ? /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { gap: `${spacing.Size4}px` }, children: [
+      /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          ...headerActions[0].btnProps,
+          onClick: headerActions[0].onClick,
+          children: headerActions[0].label
+        }
+      ),
+      showMenuBtn && /* @__PURE__ */ jsx(
+        OverflowMenu,
+        {
+          trigger: /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(HiDotsHorizontal, {}) }),
+          placement: "bottom",
+          alignment: "left",
+          children: menuItems.map((item, index2) => /* @__PURE__ */ createElement(OverflowMenuItem, { ...item.menuItemProps, key: index2, onClick: item.onClick }, item.label))
+        }
+      )
+    ] }) : null;
+  };
+  const SidePanelHeader = () => {
+    return /* @__PURE__ */ jsx(
+      Tile,
+      {
+        isHorizontal: true,
+        style: {
+          overflowY: "auto",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: `${spacing.Size6}px`,
+          borderBottom: `1px solid ${borderColor}`
+        },
+        children: /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: {
+          alignItems: "flexStart",
+          gap: `${spacing.Size4}px`,
+          flex: 1
+        }, children: [
+          /* @__PURE__ */ jsx(BackBtn, {}),
+          /* @__PURE__ */ jsxs(Tile, { style: { gap: `${spacing.Size4}px`, flex: 1 }, children: [
+            /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { gap: `${spacing.Size3}px`, alignItems: "center", height: "40px" }, children: [
+              avatar && /* @__PURE__ */ jsx(Avatar, { ...avatar, size: 32 }),
+              /* @__PURE__ */ jsx(Typography, { fontSize: "24px", fontWeight: 400, color: textColor, children: title })
+            ] }),
+            description && /* @__PURE__ */ jsx(Typography, { fontSize: "16px", fontWeight: 400, color: textColor, children: description }),
+            /* @__PURE__ */ jsx(HeaderActions, {})
+          ] }),
+          /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(HiX, {}), onClick: handleClose })
+        ] })
+      }
+    );
+  };
+  const SidePanelFooter = () => {
+    const showMenuBtn = footerActions.length > 1;
+    const menuItems = footerActions.slice(1);
+    return showFooter && footerActions.length ? /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { padding: `${spacing.Size6}px`, gap: `${spacing.Size4}px` }, children: [
+      /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          ...footerActions[0].btnProps,
+          onClick: footerActions[0].onClick,
+          style: { flex: 1, ...footerActions[0].btnProps?.style },
+          children: footerActions[0].label
+        }
+      ),
+      showMenuBtn && /* @__PURE__ */ jsx(
+        OverflowMenu,
+        {
+          trigger: /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(HiDotsHorizontal, {}) }),
+          placement: "top",
+          alignment: "right",
+          children: menuItems.map((item, index2) => /* @__PURE__ */ createElement(OverflowMenuItem, { ...item.menuItemProps, key: index2, onClick: item.onClick }, item.label))
+        }
+      )
+    ] }) : null;
+  };
+  return /* @__PURE__ */ jsxs(
+    StyledSidePanel,
+    {
+      closable: false,
+      onClose: () => {
+      },
+      width: 520,
+      footer: /* @__PURE__ */ jsx(SidePanelFooter, {}),
+      open,
+      $type: type4,
+      placement,
+      children: [
+        /* @__PURE__ */ jsx(StickyHeader, { children: /* @__PURE__ */ jsx(SidePanelHeader, {}) }),
+        /* @__PURE__ */ jsx(ScrollableContent, { children: children2 })
+      ]
+    }
+  );
+};
 const getGenesisClass$2 = ({ colors: colors2, borderRadius: borderRadius2 }) => `
   &.ant-switch {
     background-color: ${colors2.primary.active};
@@ -87457,6 +88531,7 @@ export {
   SegmentedControls,
   Select,
   Shapes,
+  SidePanel,
   Switch,
   TablePagination as Table,
   TableWithControls,