@gobolt/genesis 0.7.3 → 0.8.1

package/dist/index.js

@@ -1,18 +1,13 @@
 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) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
 var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
 var hasRequiredClassnames;
 function requireClassnames() {
   if (hasRequiredClassnames) return classnames.exports;
@@ -89,9 +84,9 @@ function _typeof(o2) {
     return o3 && "function" == typeof Symbol && o3.constructor === Symbol && o3 !== Symbol.prototype ? "symbol" : typeof o3;
   }, _typeof(o2);
 }
-var REACT_ELEMENT_TYPE_18 = Symbol.for("react.element");
-var REACT_ELEMENT_TYPE_19 = Symbol.for("react.transitional.element");
-var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+var REACT_ELEMENT_TYPE_18 = /* @__PURE__ */ Symbol.for("react.element");
+var REACT_ELEMENT_TYPE_19 = /* @__PURE__ */ Symbol.for("react.transitional.element");
+var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
 function isFragment$1(object4) {
   return (
     // Base object type
@@ -228,21 +223,12 @@ function findDOMNode(node2) {
 }
 var reactIs = { exports: {} };
 var reactIs_production_min = {};
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredReactIs_production_min;
 function requireReactIs_production_min() {
   if (hasRequiredReactIs_production_min) return reactIs_production_min;
   hasRequiredReactIs_production_min = 1;
-  var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e3 = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l2 = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n2 = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t2 = Symbol.for("react.offscreen"), u;
-  u = Symbol.for("react.module.reference");
+  var b = /* @__PURE__ */ Symbol.for("react.element"), c = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), e3 = /* @__PURE__ */ Symbol.for("react.strict_mode"), f = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.provider"), h = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.server_context"), l2 = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), n2 = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), t2 = /* @__PURE__ */ Symbol.for("react.offscreen"), u;
+  u = /* @__PURE__ */ Symbol.for("react.module.reference");
   function v(a) {
     if ("object" === typeof a && null !== a) {
       var r2 = a.$$typeof;
@@ -334,35 +320,26 @@ function requireReactIs_production_min() {
   return reactIs_production_min;
 }
 var reactIs_development = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredReactIs_development;
 function requireReactIs_development() {
   if (hasRequiredReactIs_development) return reactIs_development;
   hasRequiredReactIs_development = 1;
   if (process.env.NODE_ENV !== "production") {
     (function() {
-      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
-      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-      var REACT_FRAGMENT_TYPE2 = Symbol.for("react.fragment");
-      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-      var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
-      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-      var REACT_MEMO_TYPE = Symbol.for("react.memo");
-      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+      var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element");
+      var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
+      var REACT_FRAGMENT_TYPE2 = /* @__PURE__ */ Symbol.for("react.fragment");
+      var REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode");
+      var REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler");
+      var REACT_PROVIDER_TYPE = /* @__PURE__ */ Symbol.for("react.provider");
+      var REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context");
+      var REACT_SERVER_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.server_context");
+      var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
+      var REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense");
+      var REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list");
+      var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
+      var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
+      var REACT_OFFSCREEN_TYPE = /* @__PURE__ */ Symbol.for("react.offscreen");
       var enableScopeAPI = false;
       var enableCacheElement = false;
       var enableTransitionTracing = false;
@@ -370,7 +347,7 @@ function requireReactIs_development() {
       var enableDebugTracing = false;
       var REACT_MODULE_REFERENCE;
       {
-        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+        REACT_MODULE_REFERENCE = /* @__PURE__ */ Symbol.for("react.module.reference");
       }
       function isValidElementType(type4) {
         if (typeof type4 === "string" || typeof type4 === "function") {
@@ -5276,7 +5253,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 +5264,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 +5418,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 +5468,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 +5477,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 +5768,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 +6290,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 +6338,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 +6432,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 +6477,7 @@ const ProviderChildren = (props) => {
     children: children2,
     csp: customCsp,
     autoInsertSpaceInButton,
-    alert,
+    alert: alert2,
     anchor,
     form,
     locale: locale2,
@@ -6600,7 +6577,7 @@ const ProviderChildren = (props) => {
   const baseConfig = {
     csp,
     autoInsertSpaceInButton,
-    alert,
+    alert: alert2,
     anchor,
     locale: locale2 || legacyLocale,
     direction,
@@ -6742,7 +6719,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 +6866,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 +6882,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 +6932,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 +7233,7 @@ const genActionStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$p = (token2) => {
+const prepareComponentToken$q = (token2) => {
   const paddingHorizontal = 12;
   return {
     withDescriptionIconSize: token2.fontSizeHeading3,
@@ -7264,8 +7241,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 +7309,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 +7328,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 +7384,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 {};
@@ -7898,7 +7875,6 @@ function _regeneratorDefine(e3, r2, n2, t2) {
   }, _regeneratorDefine(e3, r2, n2, t2);
 }
 function _regenerator() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
   var e3, t2, r2 = "function" == typeof Symbol ? Symbol : {}, n2 = r2.iterator || "@@iterator", o2 = r2.toStringTag || "@@toStringTag";
   function i(r3, n3, o3, i2) {
     var c2 = n3 && n3.prototype instanceof Generator ? n3 : Generator, u2 = Object.create(c2.prototype);
@@ -8314,7 +8290,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 +8468,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 +8596,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 +8608,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 +8652,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 +8670,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 +8698,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 +8716,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 +8951,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 +8960,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 +10106,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 +10613,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 +10631,7 @@ const useStyle$s = genStyleHooks("Button", (token2) => {
     // Button Group
     genGroupStyle$2(buttonToken)
   ];
-}, prepareComponentToken$o, {
+}, prepareComponentToken$p, {
   unitless: {
     fontWeight: true,
     contentLineHeight: true,
@@ -10803,8 +10779,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 +10836,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 +10871,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);
@@ -11502,19 +11478,19 @@ function _wrapNativeSuper(t2) {
     if ("function" != typeof t3) throw new TypeError("Super expression must either be null or a function");
     if (void 0 !== r2) {
       if (r2.has(t3)) return r2.get(t3);
-      r2.set(t3, Wrapper);
+      r2.set(t3, Wrapper2);
     }
-    function Wrapper() {
+    function Wrapper2() {
       return _construct(t3, arguments, _getPrototypeOf(this).constructor);
     }
-    return Wrapper.prototype = Object.create(t3.prototype, {
+    return Wrapper2.prototype = Object.create(t3.prototype, {
       constructor: {
-        value: Wrapper,
+        value: Wrapper2,
         enumerable: false,
         writable: true,
         configurable: true
       }
-    }), _setPrototypeOf(Wrapper, t3);
+    }), _setPrototypeOf(Wrapper2, t3);
   }, _wrapNativeSuper(t2);
 }
 var formatRegExp = /%[sdj%]/g;
@@ -12832,7 +12808,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 +13255,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 +13487,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 +13889,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 +14295,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 +14543,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$D, 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 +14948,7 @@ const genBaseStyle$8 = (token2) => {
     }
   };
 };
-const prepareComponentToken$n = (token2) => {
+const prepareComponentToken$o = (token2) => {
   const {
     colorFillContent,
     colorFill
@@ -14903,7 +14966,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 +14985,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 +15001,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 +15027,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 +15053,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 +15084,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 +15110,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 +15235,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 +15290,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 +15716,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 +15805,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 +15825,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 +16047,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 +17246,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 +17572,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 +17617,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 +17793,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 +18998,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 +19404,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 +19639,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 +19785,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 +19942,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 +20453,7 @@ const genSharedEmptyStyle = (token2) => {
     }
   };
 };
-const useStyle$q = genStyleHooks("Empty", (token2) => {
+const useStyle$r = genStyleHooks("Empty", (token2) => {
   const {
     componentCls,
     controlHeightLG,
@@ -20384,7 +20467,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 +20490,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 +20501,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 +21200,7 @@ function genSingleStyle(token2) {
     }), "lg")
   ];
 }
-const prepareComponentToken$m = (token2) => {
+const prepareComponentToken$n = (token2) => {
   const {
     fontSize,
     lineHeight,
@@ -21623,7 +21706,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 +21827,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 +21871,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 +22030,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 +22255,7 @@ const genGroupStyle$1 = (token2) => {
     }
   };
 };
-const prepareComponentToken$l = (token2) => {
+const prepareComponentToken$m = (token2) => {
   const {
     controlHeight,
     controlHeightLG,
@@ -22200,7 +22283,7 @@ const prepareComponentToken$l = (token2) => {
     groupBorderColor: colorBorderBg
   };
 };
-const useStyle$p = genStyleHooks("Avatar", (token2) => {
+const useStyle$q = genStyleHooks("Avatar", (token2) => {
   const {
     colorTextLightSolid,
     colorTextPlaceholder
@@ -22210,8 +22293,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 +22319,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 +22381,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 +22544,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 +23089,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 +23097,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 +23112,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 +23147,7 @@ function parseColor(prefixCls, color2) {
     arrowStyle
   };
 }
-const PurePanel$4 = (props) => {
+const PurePanel$5 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className,
@@ -23077,7 +23160,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 +23176,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 +23213,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 +23297,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 +23347,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 +23455,7 @@ const genColorStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$j = (token2) => {
+const prepareComponentToken$k = (token2) => {
   const {
     lineWidth,
     controlHeight,
@@ -23405,7 +23488,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 +23498,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 +23552,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 +23592,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 +23601,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 +23659,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 +23705,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 +23881,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 +23982,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 +23995,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 +24425,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 +24436,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 +24447,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 +24557,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 +24772,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 +24974,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 +25013,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 +25065,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 +25434,7 @@ const genLayoutStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$i = (token2) => {
+const prepareComponentToken$j = (token2) => {
   const {
     colorBgLayout,
     controlHeight,
@@ -25387,7 +25470,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 +25580,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 +25625,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 +25647,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 +25746,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 +25759,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 +25840,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 +25852,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 +26679,7 @@ const getBaseStyle = (token2) => {
     }
   ];
 };
-const prepareComponentToken$h = (token2) => {
+const prepareComponentToken$i = (token2) => {
   var _a, _b, _c;
   const {
     colorPrimary,
@@ -26714,7 +26797,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 +26876,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 +26930,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 +26971,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 +27000,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 +27363,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 +27383,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 +27459,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 +27561,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 +27580,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 +27602,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 +27629,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 +27657,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 +27665,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 +27700,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 +27788,7 @@ const genBreadcrumbStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$f = (token2) => ({
+const prepareComponentToken$g = (token2) => ({
   itemColor: token2.colorTextDescription,
   lastItemColor: token2.colorText,
   iconFontSize: token2.fontSize,
@@ -27714,11 +27797,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 +27813,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 +27822,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 +27842,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 +27872,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 +27880,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");
@@ -27899,7 +27982,7 @@ var hasRequiredDayjs_min;
 function requireDayjs_min() {
   if (hasRequiredDayjs_min) return dayjs_min$1.exports;
   hasRequiredDayjs_min = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(t2, e3) {
       module2.exports = e3();
     })(dayjs_min, (function() {
@@ -28184,7 +28267,7 @@ var hasRequiredWeekday;
 function requireWeekday() {
   if (hasRequiredWeekday) return weekday$2.exports;
   hasRequiredWeekday = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(weekday$1, (function() {
@@ -28206,7 +28289,7 @@ var hasRequiredLocaleData;
 function requireLocaleData() {
   if (hasRequiredLocaleData) return localeData$2.exports;
   hasRequiredLocaleData = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(n2, e3) {
       module2.exports = e3();
     })(localeData$1, (function() {
@@ -28291,7 +28374,7 @@ var hasRequiredWeekOfYear;
 function requireWeekOfYear() {
   if (hasRequiredWeekOfYear) return weekOfYear$2.exports;
   hasRequiredWeekOfYear = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(weekOfYear$1, (function() {
@@ -28323,7 +28406,7 @@ var hasRequiredWeekYear;
 function requireWeekYear() {
   if (hasRequiredWeekYear) return weekYear$2.exports;
   hasRequiredWeekYear = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(weekYear$1, (function() {
@@ -28345,7 +28428,7 @@ var hasRequiredAdvancedFormat;
 function requireAdvancedFormat() {
   if (hasRequiredAdvancedFormat) return advancedFormat$2.exports;
   hasRequiredAdvancedFormat = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(advancedFormat$1, (function() {
@@ -28402,7 +28485,7 @@ var hasRequiredCustomParseFormat;
 function requireCustomParseFormat() {
   if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
   hasRequiredCustomParseFormat = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(customParseFormat$1, (function() {
@@ -31607,9 +31690,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 +31812,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 +32042,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 +32070,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 +32584,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 +32608,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 +33011,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 +33487,7 @@ const getRadioButtonStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$e = (token2) => {
+const prepareComponentToken$f = (token2) => {
   const {
     wireframe,
     padding,
@@ -33446,7 +33529,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 +33541,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 +33585,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 +33666,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 +33706,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 +33781,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 +33839,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 +33853,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 +34854,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 +35616,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 +36068,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 +36087,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 +37170,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 +37193,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 +37204,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 +37259,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 +37390,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 +37424,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 +37436,7 @@ function useLegacyItems(items, children2) {
   });
   return filter$1(childrenItems);
 }
-const genMotionStyle = (token2) => {
+const genMotionStyle$1 = (token2) => {
   const {
     componentCls,
     motionDurationSlow
@@ -38189,7 +38272,7 @@ const genTabsStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$c = (token2) => {
+const prepareComponentToken$d = (token2) => {
   const {
     cardHeight,
     cardHeightSM,
@@ -38234,7 +38317,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 +38328,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 +38365,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 +38377,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 +38442,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 +38455,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 +38773,7 @@ const genCardSizeStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$b = (token2) => {
+const prepareComponentToken$c = (token2) => {
   var _a, _b;
   return {
     headerBg: "transparent",
@@ -38709,7 +38792,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 +38805,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 +38859,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 +38894,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 +38919,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 +38979,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 +38994,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 +39082,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 +39130,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 +39718,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 +39743,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 +39784,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 +39834,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 +39852,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 +39899,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 +39942,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 +39980,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 +40061,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 +40105,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 +40287,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 +40342,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 +40627,7 @@ const genSegmentedStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$a = (token2) => {
+const prepareComponentToken$b = (token2) => {
   const {
     colorTextLabel,
     colorText,
@@ -40565,7 +40648,7 @@ const prepareComponentToken$a = (token2) => {
     itemSelectedColor: colorText
   };
 };
-const useStyle$c = genStyleHooks("Segmented", (token2) => {
+const useStyle$d = genStyleHooks("Segmented", (token2) => {
   const {
     lineWidth,
     calc
@@ -40575,8 +40658,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 +40683,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 +40691,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 +40876,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 +40884,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 +40894,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 +41118,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 +41146,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 +41167,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 +41453,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 +41484,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 +41501,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 +41589,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 +41622,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 +41638,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 +41779,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 +42632,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 +44396,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",
@@ -44885,7 +45740,7 @@ var defaultItemRender = function defaultItemRender2(page, type4, element2) {
 };
 function noop$2() {
 }
-function isInteger(v) {
+function isInteger$1(v) {
   var value2 = Number(v);
   return typeof value2 === "number" && !Number.isNaN(value2) && isFinite(value2) && Math.floor(value2) === value2;
 }
@@ -44945,7 +45800,7 @@ var Pagination$1 = function Pagination(props) {
     return value2;
   }
   function isValid2(page) {
-    return isInteger(page) && page !== current && isInteger(total) && total > 0;
+    return isInteger$1(page) && page !== current && isInteger$1(total) && total > 0;
   }
   var shouldDisplayQuickJumper = total > pageSize ? showQuickJumper : false;
   function handleKeyDown(event2) {
@@ -46678,7 +47533,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,
@@ -59314,7 +60169,6 @@ const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 },
       width: ${$isFullWidth ? "100%" : "auto"};
       font-weight: ${fontWeight} !important;
       font-size: ${fontSize} !important;
-      line-height: 1;
        -webkit-font-smoothing: antialiased;
 
       &:disabled {
@@ -60376,6 +61230,7 @@ const Typography = ({
   style: style2,
   fontSize,
   fontWeight,
+  lineHeight,
   isDisabled,
   ...rest
 }) => {
@@ -60397,7 +61252,7 @@ const Typography = ({
         fontWeight,
         disabled: isDisabled,
         $letterSpacing: theme.typography[breakpoint][variant].letterSpacing,
-        $lineHeight: theme.typography[breakpoint][variant].lineHeight,
+        $lineHeight: lineHeight ?? theme.typography[breakpoint][variant].lineHeight,
         ...rest,
         children: children2
       }
@@ -60418,7 +61273,7 @@ const Typography = ({
         fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
         fontWeight,
         $letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
-        $lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
+        $lineHeight: lineHeight ?? theme.typography[breakpoint][validVariant].lineHeight,
         ...rest,
         children: children2
       }
@@ -60437,7 +61292,7 @@ const Typography = ({
       fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
       fontWeight,
       $letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
-      $lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
+      $lineHeight: lineHeight ?? theme.typography[breakpoint][validVariant].lineHeight,
       ...rest,
       children: children2
     }
@@ -60722,6 +61577,21 @@ 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 HiArrowCircleRight(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 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z", "clipRule": "evenodd" }, "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 HiCheckCircle(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 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
+function HiChevronDoubleLeft(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M15.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 010 1.414zm-6 0a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 1.414L5.414 10l4.293 4.293a1 1 0 010 1.414z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
+function HiChevronDown(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 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);
 }
@@ -60740,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);
 }
@@ -61381,7 +62254,7 @@ function createPacketDecoderStream(maxPayload, binaryType) {
     }
   });
 }
-const protocol$1 = 4;
+const protocol = 4;
 function Emitter(obj) {
   if (obj) return mixin(obj);
 }
@@ -62359,7 +63232,7 @@ class SocketWithoutUpgrade extends Emitter {
    */
   createTransport(name2) {
     const query = Object.assign({}, this.opts.query);
-    query.EIO = protocol$1;
+    query.EIO = protocol;
     query.transport = name2;
     if (this.id)
       query.sid = this.id;
@@ -62688,7 +63561,7 @@ class SocketWithoutUpgrade extends Emitter {
     }
   }
 }
-SocketWithoutUpgrade.protocol = protocol$1;
+SocketWithoutUpgrade.protocol = protocol;
 class SocketWithUpgrade extends SocketWithoutUpgrade {
   constructor() {
     super(...arguments);
@@ -62953,14 +63826,18 @@ function _reconstructPacket(data, buffers) {
 }
 const RESERVED_EVENTS$1 = [
   "connect",
+  // used on the client side
   "connect_error",
+  // used on the client side
   "disconnect",
+  // used on both sides
   "disconnecting",
+  // used on the server side
   "newListener",
+  // used by the Node.js EventEmitter
   "removeListener"
   // used by the Node.js EventEmitter
 ];
-const protocol = 5;
 var PacketType;
 (function(PacketType2) {
   PacketType2[PacketType2["CONNECT"] = 0] = "CONNECT";
@@ -63031,18 +63908,16 @@ class Encoder {
     return buffers;
   }
 }
-function isObject(value2) {
-  return Object.prototype.toString.call(value2) === "[object Object]";
-}
 class Decoder extends Emitter {
   /**
    * Decoder constructor
-   *
-   * @param {function} reviver - custom reviver to pass down to JSON.stringify
    */
-  constructor(reviver) {
+  constructor(opts) {
     super();
-    this.reviver = reviver;
+    this.opts = Object.assign({
+      reviver: void 0,
+      maxAttachments: 10
+    }, typeof opts === "function" ? { reviver: opts } : opts);
   }
   /**
    * Decodes an encoded packet string into packet JSON.
@@ -63102,7 +63977,13 @@ class Decoder extends Emitter {
       if (buf != Number(buf) || str.charAt(i) !== "-") {
         throw new Error("Illegal attachments");
       }
-      p.attachments = Number(buf);
+      const n2 = Number(buf);
+      if (!isInteger(n2) || n2 < 0) {
+        throw new Error("Illegal attachments");
+      } else if (n2 > this.opts.maxAttachments) {
+        throw new Error("too many attachments");
+      }
+      p.attachments = n2;
     }
     if ("/" === str.charAt(i + 1)) {
       const start2 = i + 1;
@@ -63143,7 +64024,7 @@ class Decoder extends Emitter {
   }
   tryParse(str) {
     try {
-      return JSON.parse(str, this.reviver);
+      return JSON.parse(str, this.opts.reviver);
     } catch (e3) {
       return false;
     }
@@ -63205,14 +64086,19 @@ class BinaryReconstructor {
     this.buffers = [];
   }
 }
+const isInteger = Number.isInteger || function(value2) {
+  return typeof value2 === "number" && isFinite(value2) && Math.floor(value2) === value2;
+};
+function isObject(value2) {
+  return Object.prototype.toString.call(value2) === "[object Object]";
+}
 const parser = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Decoder,
   Encoder,
   get PacketType() {
     return PacketType;
-  },
-  protocol
+  }
 }, Symbol.toStringTag, { value: "Module" }));
 function on(obj, ev, fn) {
   obj.on(ev, fn);
@@ -74966,7 +75852,7 @@ const OverflowMenu = forwardRef(
     }, [isOpen, handleClickOutside, getPopupContainer]);
     const getMenuStyle = useMemo$1(() => {
       const baseStyle = {
-        position: getPopupContainer !== void 0 ? "fixed" : "absolute",
+        position: getPopupContainer === void 0 ? "absolute" : "fixed",
         zIndex: 1e3,
         ...style2
       };
@@ -75104,35 +75990,65 @@ const GlobalHeader = ({
   menuItems = [],
   primaryAction
 }) => {
-  return /* @__PURE__ */ jsxs(Tile, { "data-testid": "GlobalHeader", style: {
-    padding: "32px 40px",
-    justifyContent: "flex-end",
-    width: "100%",
-    alignItems: "flex-start",
-    minHeight: "164px",
-    borderBottom: "1px solid #CBCBCB",
-    background: "#FFF",
-    gap: "24px"
-  }, children: [
-    breadcrumbs?.length > 0 && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumbs }),
-    /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { justifyContent: "space-between", gap: "16px", width: "100%", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
-        onBack && /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(RefIcon$j, {}), onClick: onBack }),
-        /* @__PURE__ */ jsx(Typography, { variant: "display3", children: title })
-      ] }),
-      /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { justifyContent: "flex-end", gap: "16px", alignItems: "flex-end" }, children: [
-        primaryAction && /* @__PURE__ */ jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
-        menuItems.length > 0 && /* @__PURE__ */ jsx(
-          OverflowMenu,
+  return /* @__PURE__ */ jsxs(
+    Tile,
+    {
+      "data-testid": "GlobalHeader",
+      style: {
+        padding: "32px 40px",
+        justifyContent: "flex-end",
+        width: "100%",
+        alignItems: "flex-start",
+        minHeight: "164px",
+        borderBottom: "1px solid #CBCBCB",
+        background: "#FFF",
+        gap: "24px"
+      },
+      children: [
+        breadcrumbs?.length > 0 && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumbs }),
+        /* @__PURE__ */ jsxs(
+          Tile,
           {
-            trigger: /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsx(HiDotsHorizontal, {}) }),
-            alignment: "right",
-            children: menuItems.map((item) => /* @__PURE__ */ jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
+            isHorizontal: true,
+            style: {
+              justifyContent: "space-between",
+              gap: "16px",
+              width: "100%",
+              flexWrap: "wrap"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
+                onBack && /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(RefIcon$j, {}), onClick: onBack }),
+                /* @__PURE__ */ jsx(Typography, { variant: "display3", children: title })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Tile,
+                {
+                  isHorizontal: true,
+                  style: {
+                    justifyContent: "flex-end",
+                    gap: "16px",
+                    alignItems: "flex-end"
+                  },
+                  children: [
+                    primaryAction && /* @__PURE__ */ jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
+                    menuItems.length > 0 && /* @__PURE__ */ jsx(
+                      OverflowMenu,
+                      {
+                        trigger: /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsx(HiDotsHorizontal, {}) }),
+                        alignment: "right",
+                        children: menuItems.map((item) => /* @__PURE__ */ jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
           }
         )
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  );
 };
 const Outline = (properties) => /* @__PURE__ */ jsxs(
   "svg",
@@ -77922,7 +78838,7 @@ function initRange(domain, range3) {
   }
   return this;
 }
-const implicit = Symbol("implicit");
+const implicit = /* @__PURE__ */ Symbol("implicit");
 function ordinal() {
   var index2 = new InternMap(), domain = [], range3 = [], unknown = implicit;
   function scale(d) {
@@ -78649,7 +79565,7 @@ const VEHICLE_INSIGHTS_CONFIG = {
   // 4px bars as shown in Figma
   BAR_SPACING: 40
 };
-const Container$2 = styled.div`
+const Container$3 = styled.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme }) => theme?.sizing.Size2}px;
@@ -79036,7 +79952,7 @@ const BarChart = ({
     iconSpacing,
     showAdditionalGridLines
   ]);
-  return /* @__PURE__ */ jsx(Container$2, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxs(ChartContainer$2, { children: [
+  return /* @__PURE__ */ jsx(Container$3, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxs(ChartContainer$2, { children: [
     /* @__PURE__ */ jsx(
       "svg",
       {
@@ -79057,7 +79973,7 @@ const BarChart = ({
     )
   ] }) });
 };
-const Container$1 = styled.div`
+const Container$2 = styled.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme }) => theme?.sizing.Size2}px;
@@ -79214,7 +80130,7 @@ const LineChart = ({
     skipDays,
     isAnimated
   ]);
-  return /* @__PURE__ */ jsx(Container$1, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxs(ChartContainer$1, { children: [
+  return /* @__PURE__ */ jsx(Container$2, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxs(ChartContainer$1, { children: [
     /* @__PURE__ */ jsx(
       "svg",
       {
@@ -79235,7 +80151,7 @@ const LineChart = ({
     )
   ] }) });
 };
-const Container = styled.div`
+const Container$1 = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -79365,7 +80281,7 @@ const DonutChart = ({
       });
     }
   }, [data, height, width, innerRadius, outerRadius, showTooltip, showLegend]);
-  return /* @__PURE__ */ jsx(Container, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxs(ChartContainer, { children: [
+  return /* @__PURE__ */ jsx(Container$1, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxs(ChartContainer, { children: [
     /* @__PURE__ */ jsx(
       "svg",
       {
@@ -79406,12 +80322,12 @@ const getGenesisClass$7 = ({ sizing: sizing2 }, $isColumn) => `
   margin: 0;
   box-sizing: border-box;
  `;
-const Content$1 = styled.div`
+const Content$2 = styled.div`
   ${({ theme, $isColumn }) => {
   return getGenesisClass$7(theme, $isColumn);
 }}
 `;
-const Content = ({
+const Content$1 = ({
   children: children2,
   className,
   backgroundColor,
@@ -79419,7 +80335,7 @@ const Content = ({
   style: style2
 }) => {
   return /* @__PURE__ */ jsx(
-    Content$1,
+    Content$2,
     {
       className: clsx(className),
       style: { ...style2, backgroundColor },
@@ -79429,7 +80345,7 @@ const Content = ({
   );
 };
 const Layout = ({ children: children2, isColumn = false, style: style2 }) => {
-  return /* @__PURE__ */ jsx(Content, { "data-testid": "Layout", isColumn, style: style2, children: children2 });
+  return /* @__PURE__ */ jsx(Content$1, { "data-testid": "Layout", isColumn, style: style2, children: children2 });
 };
 const MessageRow = styled.div`
   display: flex;
@@ -79556,6 +80472,490 @@ const Message = ({
     ) : null
   ] });
 };
+styled.nav`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: ${({ theme }) => theme.sizing.Size64 + "px"};
+  padding: 0 ${({ theme }) => theme.sizing.Size24 + "px"};
+  background-color: ${({ theme }) => theme.colors.surface.active.backgroundColor};
+  border-bottom: ${({ theme }) => theme.sizing.Size05 + "px"} solid
+    ${({ theme }) => theme.colors.surface.border?.borderColor ?? theme.colors.onsurface.active.borderColor};
+  box-shadow: ${({ theme }) => theme.shadows.general["1"]};
+`;
+styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.sizing.Size24 + "px"};
+`;
+styled.div`
+  display: flex;
+  align-items: center;
+`;
+styled.ul`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.sizing.Size4 + "px"};
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`;
+styled.li`
+  display: flex;
+  align-items: center;
+`;
+const itemBase = `
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 12px;
+  border-radius: ${({ theme }) => theme.borderRadius.sm + "px"};
+  font-family: ${({ theme }) => theme.typography.fontFamily};
+  font-size: ${({ theme }) => theme.typography.wide.body1.fontSize};
+  font-weight: ${({ theme }) => theme.typography.wide.body1.fontWeight};
+  line-height: ${({ theme }) => theme.typography.wide.body1.lineHeight};
+  text-decoration: none;
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease;
+`;
+styled.a`
+  ${itemBase}
+  color: ${({ theme }) => theme.colors.onsurface.active.textColor};
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.onsurface.hover?.backgroundColor ?? theme.colors.surface.hover?.backgroundColor};
+  }
+`;
+styled.button`
+  ${itemBase}
+  color: ${({ theme }) => theme.colors.onsurface.active.textColor};
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.onsurface.hover?.backgroundColor ?? theme.colors.surface.hover?.backgroundColor};
+  }
+`;
+styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.sizing.Size8 + "px"};
+`;
+const Sidebar = styled.aside`
+  display: flex;
+  flex-direction: column;
+  width: ${({ $isSmall }) => $isSmall ? "78px" : "224px"};
+  background-color: #fff;
+  height: 100vh;
+  justify-content: space-between;
+  border-right: 1px solid #dfdfdf;
+  z-index: 2;
+  transition: width 0.2s ease;
+  overflow: hidden;
+`;
+const Frame = styled(Tile)`
+  padding: 0 ${({ $isSmall }) => $isSmall ? "12px" : "16px"};
+  align-items: flex-start;
+  align-self: stretch;
+`;
+const ScrollableFrame = styled.div`
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0
+    ${({ $isSmall, $hasScrollbar }) => $hasScrollbar ? $isSmall ? "2px" : "12px" : $isSmall ? "8px" : "16px"}
+    0 ${({ $isSmall }) => $isSmall ? "12px" : "16px"};
+  scrollbar-width: thin;
+  scrollbar-color: #d4d4d4 transparent;
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #d4d4d4;
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: #b0b0b0;
+  }
+`;
+const CollapseWrapper = styled.div`
+  display: grid;
+  grid-template-rows: ${({ $isOpen }) => $isOpen ? "1fr" : "0fr"};
+  transition: grid-template-rows 0.2s ease;
+  overflow: hidden;
+
+  & > ul {
+    min-height: 0;
+  }
+`;
+const NavItem$1 = styled.div`
+  display: flex;
+  min-height: 48px;
+  padding: 12px 16px;
+  gap: 4px;
+  /* justify-content: space-between; */
+  align-items: center;
+  align-self: stretch;
+  width: 100%;
+  cursor: pointer;
+  border-radius: 6px;
+  text-decoration: none;
+  white-space: nowrap;
+  color: ${({ $isActive }) => $isActive ? "#fff" : "#3E3E3E"};
+  background-color: ${({ $isActive }) => $isActive ? "#214148" : "transparent"};
+
+  &:hover {
+    background-color: ${({ $isActive }) => $isActive ? "#214148" : "#F4F4F4"};
+    color: ${({ $isActive }) => $isActive ? "#fff" : "#30606B"};
+
+    * {
+      color: inherit !important;
+    }
+  }
+`;
+const NavItem = ({
+  icon,
+  label,
+  href,
+  isActive: isActive2,
+  type: type4 = "default",
+  isOpen,
+  onToggle,
+  onClick,
+  isSmall
+}) => {
+  const isExpandable = type4 === "expandable";
+  const isButton = type4 === "button";
+  const content2 = /* @__PURE__ */ jsxs(
+    Tile,
+    {
+      isHorizontal: true,
+      style: {
+        justifyContent: "space-between",
+        width: "100%",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { width: "24px", display: "flex", flexShrink: 0 }, children: icon }),
+          !isSmall && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "label2",
+              fontWeight: 500,
+              color: isActive2 ? "#fff" : void 0,
+              children: label
+            }
+          )
+        ] }),
+        isExpandable && !isSmall && /* @__PURE__ */ jsx(
+          HiChevronDown,
+          {
+            size: 16,
+            style: {
+              transition: "transform 0.2s ease",
+              transform: isOpen ? "rotate(180deg)" : "rotate(0deg)"
+            }
+          }
+        )
+      ]
+    }
+  );
+  if (isExpandable) {
+    return /* @__PURE__ */ jsx(
+      NavItem$1,
+      {
+        as: "button",
+        $isActive: isActive2,
+        onClick: onToggle,
+        "aria-expanded": isOpen,
+        style: { border: "none", width: "100%", textAlign: "left" },
+        children: content2
+      }
+    );
+  }
+  if (isButton) {
+    return /* @__PURE__ */ jsx(
+      NavItem$1,
+      {
+        as: "button",
+        $isActive: isActive2,
+        onClick,
+        style: { border: "none", width: "100%", textAlign: "left" },
+        children: content2
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NavItem$1,
+    {
+      as: href ? "a" : "div",
+      href,
+      $isActive: isActive2,
+      "aria-current": isActive2 ? "page" : void 0,
+      children: content2
+    }
+  );
+};
+const NavMenu = ({ items, isSmall }) => {
+  const [openPaths, setOpenPaths] = useState({});
+  const navRef = useRef(null);
+  const currentPaths = items.map((item) => item.currentPath).join(",");
+  useEffect(() => {
+    navRef.current?.querySelector("[data-active='true']")?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+  }, [currentPaths]);
+  const togglePath = (path2) => {
+    setOpenPaths((prev2) => ({ ...prev2, [path2]: !prev2[path2] }));
+  };
+  return /* @__PURE__ */ jsx("nav", { ref: navRef, style: { width: "100%" }, children: items.map(
+    (item, itemIndex) => item.data.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
+      group.category && /* @__PURE__ */ jsx(
+        Tile,
+        {
+          style: {
+            padding: isSmall ? "0" : "12px 0px",
+            maxHeight: isSmall ? 0 : "40px",
+            opacity: isSmall ? 0 : 1,
+            transition: "opacity 0.15s ease, max-height 0.2s ease, padding 0.2s ease",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "overline2",
+              color: "#6C6C6C",
+              fontWeight: 600,
+              children: group.category.toUpperCase()
+            }
+          )
+        }
+      ),
+      group.routes.map((route) => /* @__PURE__ */ jsx(React__default.Fragment, { children: isSmall && route.children ? /* @__PURE__ */ jsx(
+        OverflowMenu,
+        {
+          placement: "right",
+          offset: 24,
+          trigger: /* @__PURE__ */ jsx(Tooltip$2, { title: route.name, placement: "right", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-active": route.children.some(
+                (c) => c.path === item.currentPath
+              ) || void 0,
+              children: /* @__PURE__ */ jsx(
+                NavItem,
+                {
+                  label: route.name,
+                  icon: route.icon,
+                  isActive: route.children.some(
+                    (c) => c.path === item.currentPath
+                  ),
+                  isSmall: true
+                }
+              )
+            }
+          ) }),
+          children: route.children.map((child) => /* @__PURE__ */ jsx(OverflowMenuItem, { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: child.path,
+              style: {
+                textDecoration: "none",
+                color: "inherit",
+                display: "block"
+              },
+              children: /* @__PURE__ */ jsx(Typography, { variant: "label2", fontWeight: 500, children: child.name })
+            }
+          ) }, child.path))
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Tooltip$2,
+          {
+            title: isSmall ? route.name : void 0,
+            placement: "right",
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-active": !route.children && item.currentPath === route.path || void 0,
+                children: /* @__PURE__ */ jsx(
+                  NavItem,
+                  {
+                    label: route.name,
+                    icon: route.icon,
+                    type: route.children ? "expandable" : "default",
+                    href: route.children ? void 0 : route.path,
+                    isActive: !route.children && item.currentPath === route.path,
+                    isOpen: openPaths[route.path],
+                    onToggle: () => togglePath(route.path),
+                    isSmall
+                  }
+                )
+              }
+            )
+          }
+        ),
+        route.children && /* @__PURE__ */ jsx(CollapseWrapper, { $isOpen: !!openPaths[route.path], children: /* @__PURE__ */ jsx(
+          "ul",
+          {
+            style: { listStyle: "none", margin: 0, padding: 0 },
+            children: route.children.map((child) => /* @__PURE__ */ jsx(
+              "li",
+              {
+                "data-active": item.currentPath === child.path || void 0,
+                children: /* @__PURE__ */ jsx(
+                  NavItem,
+                  {
+                    label: child.name,
+                    icon: child.icon,
+                    href: child.path,
+                    isActive: item.currentPath === child.path,
+                    isSmall
+                  }
+                )
+              },
+              child.path
+            ))
+          }
+        ) })
+      ] }) }, route.path))
+    ] }, `${itemIndex}-${groupIndex}`))
+  ) });
+};
+const gbLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAfpJREFUeAHtlctLG0Ecx38z+8rDBkoJpUVK6x9QrKSHHoSlSE+lh0JoT60Hg+JNUBFFFAI5+LrqKSfxIoLgQUXxgRfjshHRgx4EFT0ogg9iskl2Z93ZYPBgdtaoF/F72d/s/H6f33yHmV2AFwEg87i3HZ5IWFMiS9aTK5kAD4Ab6xH9yi8krdgolYSgDF3N/KnxiJKCvTxG3+KOjPs64M62moZ8vKhg08TJzfPfrIL7OECpRMOBP5WtpANTFNK4Nl5BQ6ciVw5k+aOHKA36DVw3TGLBX7HgVDwr4XCtqf6dkYvnc7omAnjtoi/vo7JsLw4Hg2COj9uNyF31rreIbDTq6DTNgVeEqQm1+P7DG09fdedqB5Rw46YBNtRIFp9rttv5hW3IaPnCBMIrPweScqnV2znObOBSi/8TN/CLdK4ID/gEjQVnNUBnO839fkJChRGC2elNOwwGREOOKl4W3C5zmMPhcLg43xs66t49SffQWBQ4jUcgEcT/+xFLjEKZDW6Lm2ypzmJc+OZUSJi0zSKPqqp5ViHzmNJFzHWEMpm8bsN9Erf/PaZ+Ahd3gIp50eKNn/9acMHikbcBqb8upla5hVMxHVS+5sdyBiHHl3rNr8HEBjymlrtCwyvdX+lJ4aBMOW0RRjyuqo0q1KUBj629kbpWKPN/8bx0DaY/qDhSPSx2AAAAAElFTkSuQmCC";
+const NavBar = ({
+  items = [],
+  version: version2,
+  user,
+  headerSlot,
+  actionsSlot
+}) => {
+  const [isSmall, setIsSmall] = useState(false);
+  const [hasScrollbar, setHasScrollbar] = useState(false);
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const check = () => setHasScrollbar(el.scrollHeight > el.clientHeight);
+    check();
+    const observer = new ResizeObserver(check);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs(Sidebar, { $isSmall: isSmall, children: [
+    /* @__PURE__ */ jsxs(Tile, { style: { flex: 1, overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsxs(
+        Tile,
+        {
+          isHorizontal: !isSmall,
+          style: {
+            justifyContent: "space-between",
+            alignItems: "center",
+            width: "100%",
+            gap: "16px",
+            padding: `${isSmall ? "24px" : "16px"}`,
+            transition: "padding 0.2s ease"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Tile,
+              {
+                isHorizontal: true,
+                style: {
+                  gap: "8px",
+                  alignItems: "center",
+                  padding: "8px"
+                },
+                children: headerSlot ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 24, url: gbLogo }),
+                  !isSmall && /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      variant: "heading3",
+                      fontWeight: 700,
+                      style: {
+                        whiteSpace: "nowrap",
+                        overflow: "hidden",
+                        maxWidth: isSmall ? "0px" : "160px",
+                        opacity: isSmall ? 0 : 1,
+                        transition: "max-width 2s ease, opacity 0.15s ease"
+                      },
+                      children: "GoBolt"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              HiChevronDoubleLeft,
+              {
+                size: 20,
+                onClick: () => setIsSmall((s) => !s),
+                style: {
+                  cursor: "pointer",
+                  transition: "transform 0.4s ease",
+                  transform: isSmall ? "rotate(180deg)" : "rotate(0deg)"
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ScrollableFrame,
+        {
+          ref: scrollRef,
+          $isSmall: isSmall,
+          $hasScrollbar: hasScrollbar,
+          children: /* @__PURE__ */ jsx(NavMenu, { items, isSmall })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Frame, { $isSmall: isSmall, children: [
+      actionsSlot?.(isSmall),
+      /* @__PURE__ */ jsxs(
+        Tile,
+        {
+          isHorizontal: true,
+          style: {
+            alignItems: "center",
+            width: "100%",
+            gap: "8px",
+            padding: `12px ${isSmall ? "12px" : "16px"}`
+          },
+          children: [
+            /* @__PURE__ */ jsx(Avatar, { user, size: isSmall ? 32 : 40 }),
+            !isSmall && /* @__PURE__ */ jsxs(Typography, { variant: "label2", style: { whiteSpace: "nowrap" }, children: [
+              user.first_name,
+              " ",
+              user.last_name
+            ] })
+          ]
+        }
+      ),
+      !isSmall && /* @__PURE__ */ jsx(
+        Tile,
+        {
+          style: {
+            padding: "16px 24px",
+            width: "100%",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ jsxs(Typography, { variant: "label3", children: [
+            "Version ",
+            version2
+          ] })
+        }
+      )
+    ] })
+  ] });
+};
 const Appointment = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -84330,6 +85730,243 @@ 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,
+  closable = true,
+  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 > 0 ? /* @__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 > 0 ? /* @__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,
+      maskClosable: closable,
+      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$3 = ({ colors: colors2, borderRadius: borderRadius2 }) => `
   &.ant-switch {
     background-color: ${colors2.primary.active};
@@ -87057,11 +88694,11 @@ const mockColumns = [
     render: (appointment, record) => {
       const { address } = appointment;
       const textColor = record.isSelected ? "white" : "#6c6c6c";
-      return React__default.createElement(Typography, {
-        variant: "body2",
-        children: typeof address === "string" ? address : JSON.stringify(address),
-        color: `${textColor}`
-      });
+      return React__default.createElement(
+        Typography,
+        { variant: "body2", color: `${textColor}` },
+        typeof address === "string" ? address : JSON.stringify(address)
+      );
     }
   },
   {
@@ -87517,6 +89154,177 @@ const Tabs = ({ items, onChange, selectedId }) => {
     }
   );
 };
+const Wrapper = styled(Tile)`
+  padding: 0 ${({ theme }) => theme.sizing.Size6}px;
+  background-color: #fff;
+
+  &:hover {
+    background-color: #f4f4f4;
+  }
+`;
+const Container = styled(Tile)`
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: 12px;
+  background-color: ${({ theme }) => theme.colors.surface.default};
+  width: 100%;
+  /* padding: 0 ${({ theme }) => theme.sizing.Size24}px; */
+`;
+const TimelineColumn = styled(Tile)`
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+  padding: 0;
+  width: 26px;
+`;
+const TimelineLine = styled.div`
+  width: 1px;
+  flex: 1;
+  background-color: ${({ $color }) => $color ?? "#9A9A9A"};
+`;
+const Dot = styled.div`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background-color: #9a9a9a;
+`;
+const Content = styled(Tile)`
+  gap: ${({ theme }) => theme.sizing.Size1}px;
+  flex: 1;
+  min-width: 0;
+  padding: ${({ theme }) => theme.sizing.Size3}px 0;
+`;
+const ActionNote = styled(Tile)`
+  padding: 0;
+`;
+const TileLog = ({
+  timestamp,
+  action,
+  status = "none",
+  note: note2,
+  author
+}) => {
+  const { theme } = useGenesis();
+  const isNone = status === "none";
+  const stateColors = {
+    none: "#CBCBCB",
+    success: "#A7DFAF",
+    error: "#F3A9AB",
+    "in-progress": "#AFB8FB",
+    generic: "#CBCBCB"
+  };
+  const stateTextColors = {
+    none: void 0,
+    success: theme.colors.status["success"].onsurface,
+    error: theme.colors.status["error"].onsurface,
+    "in-progress": theme.colors.status["info"].onsurface,
+    generic: theme.colors.status["generic"].onsurface
+  };
+  const stateIcons = {
+    success: /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        state: "success",
+        customIcon: /* @__PURE__ */ jsx(
+          HiCheckCircle,
+          {
+            size: 16,
+            color: theme.colors.status["success"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    ),
+    error: /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        state: "error",
+        customIcon: /* @__PURE__ */ jsx(HiXCircle, { size: 16, color: theme.colors.status["error"].onsurface }),
+        hasIcon: true
+      }
+    ),
+    "in-progress": /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        state: "info",
+        customIcon: /* @__PURE__ */ jsx(
+          HiArrowCircleRight,
+          {
+            size: 16,
+            color: theme.colors.status["info"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    ),
+    generic: /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        state: "generic",
+        customIcon: /* @__PURE__ */ jsx(
+          HiOutlineMinusCircle,
+          {
+            size: 16,
+            color: theme.colors.status["generic"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    )
+  };
+  return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs(TimelineColumn, { children: [
+      /* @__PURE__ */ jsx(TimelineLine, { $color: stateColors[status] }),
+      isNone ? /* @__PURE__ */ jsx(Dot, {}) : stateIcons[status],
+      /* @__PURE__ */ jsx(TimelineLine, { $color: stateColors[status] })
+    ] }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "label3",
+          lineHeight: "10px",
+          color: theme.colors.onsurface["copy-light"],
+          children: timestamp
+        }
+      ),
+      /* @__PURE__ */ jsxs(ActionNote, { children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body4",
+            fontSize: "14px",
+            fontWeight: 400,
+            lineHeight: "27px",
+            color: stateTextColors[status],
+            children: action
+          }
+        ),
+        note2 && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body5",
+            lineHeight: "23px",
+            color: theme.colors.onsurface["copy-light"],
+            children: note2
+          }
+        )
+      ] }),
+      author && /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "label3",
+          fontSize: "10px",
+          fontWeight: 500,
+          lineHeight: "10px",
+          color: theme.colors.onsurface["copy-light"],
+          children: author
+        }
+      )
+    ] })
+  ] }) });
+};
 const GlobalStyles = createGlobalStyle`
   * {
     margin: 0;
@@ -87558,6 +89366,7 @@ export {
   Layout,
   LineChart,
   Message,
+  NavBar,
   Notification,
   OverflowMenu,
   OverflowMenuItem,
@@ -87568,12 +89377,14 @@ export {
   SegmentedControls,
   Select,
   Shapes,
+  SidePanel,
   Switch,
   TablePagination as Table,
   TableWithControls,
   Tabs,
   Tag,
   Tile,
+  TileLog,
   Toast,
   Tooltip2 as Tooltip,
   Typography,