@arpproject/recrate 0.1.37 → 0.1.38

package/dist/recrate.es.js

@@ -1524,6 +1524,9 @@ var supportRef = function supportRef2(nodeOrComponent) {
 function isReactElement(node2) {
   return /* @__PURE__ */ isValidElement(node2) && !isFragment$1(node2);
 }
+var supportNodeRef = function supportNodeRef2(node2) {
+  return isReactElement(node2) && supportRef(node2);
+};
 var getNodeRef = function getNodeRef2(node2) {
   if (node2 && isReactElement(node2)) {
     var ele = node2;
@@ -6212,7 +6215,7 @@ function getAlphaColor(frontColor, backgroundColor) {
     a: 1
   }).toRgbString();
 }
-var __rest$V = function(s2, e3) {
+var __rest$_ = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -6223,7 +6226,7 @@ var __rest$V = function(s2, e3) {
 function formatToken(derivativeToken) {
   const {
     override
-  } = derivativeToken, restToken = __rest$V(derivativeToken, ["override"]);
+  } = derivativeToken, restToken = __rest$_(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
   Object.keys(seedToken).forEach((token2) => {
     delete overrideTokens[token2];
@@ -6377,7 +6380,7 @@ function formatToken(derivativeToken) {
   }), overrideTokens);
   return aliasToken;
 }
-var __rest$U = function(s2, e3) {
+var __rest$Z = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -6427,7 +6430,7 @@ const getComputedToken2 = (originToken, overrideToken, theme2) => {
   const derivativeToken = theme2.getDerivativeToken(originToken);
   const {
     override
-  } = overrideToken, components = __rest$U(overrideToken, ["override"]);
+  } = overrideToken, components = __rest$Z(overrideToken, ["override"]);
   let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
     override
   });
@@ -6436,7 +6439,7 @@ const getComputedToken2 = (originToken, overrideToken, theme2) => {
     Object.entries(components).forEach(([key, value]) => {
       const {
         theme: componentTheme
-      } = value, componentTokens = __rest$U(value, ["theme"]);
+      } = value, componentTokens = __rest$Z(value, ["theme"]);
       let mergedComponentToken = componentTokens;
       if (componentTheme) {
         mergedComponentToken = getComputedToken2(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
@@ -7397,7 +7400,7 @@ if (process.env.NODE_ENV !== "production") {
   PropWarning.displayName = "PropWarning";
 }
 const PropWarning$1 = process.env.NODE_ENV !== "production" ? PropWarning : () => null;
-var __rest$T = function(s2, e3) {
+var __rest$Y = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -7684,7 +7687,7 @@ const ProviderChildren = (props) => {
       token: token2,
       components,
       cssVar
-    } = _a2, rest = __rest$T(_a2, ["algorithm", "token", "components", "cssVar"]);
+    } = _a2, rest = __rest$Y(_a2, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme$1;
     const parsedComponents = {};
     Object.entries(components || {}).forEach(([componentName, componentToken]) => {
@@ -7936,9 +7939,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
     icon: CheckCircleFilled$1
   }));
 };
-var RefIcon$C = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
+var RefIcon$D = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$C.displayName = "CheckCircleFilled";
+  RefIcon$D.displayName = "CheckCircleFilled";
 }
 var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
 var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
@@ -7947,9 +7950,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
     icon: CloseCircleFilled$1
   }));
 };
-var RefIcon$B = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
+var RefIcon$C = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$B.displayName = "CloseCircleFilled";
+  RefIcon$C.displayName = "CloseCircleFilled";
 }
 var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 var CloseOutlined = function CloseOutlined2(props, ref) {
@@ -7958,9 +7961,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
     icon: CloseOutlined$1
   }));
 };
-var RefIcon$A = /* @__PURE__ */ React.forwardRef(CloseOutlined);
+var RefIcon$B = /* @__PURE__ */ React.forwardRef(CloseOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$A.displayName = "CloseOutlined";
+  RefIcon$B.displayName = "CloseOutlined";
 }
 var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
 var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
@@ -7969,9 +7972,9 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
     icon: ExclamationCircleFilled$1
   }));
 };
-var RefIcon$z = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
+var RefIcon$A = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$z.displayName = "ExclamationCircleFilled";
+  RefIcon$A.displayName = "ExclamationCircleFilled";
 }
 var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
 var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
@@ -7980,9 +7983,9 @@ var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
     icon: InfoCircleFilled$1
   }));
 };
-var RefIcon$y = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
+var RefIcon$z = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$y.displayName = "InfoCircleFilled";
+  RefIcon$z.displayName = "InfoCircleFilled";
 }
 var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
 var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
@@ -8723,9 +8726,9 @@ var LoadingOutlined = function LoadingOutlined2(props, ref) {
     icon: LoadingOutlined$1
   }));
 };
-var RefIcon$x = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
+var RefIcon$y = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$x.displayName = "LoadingOutlined";
+  RefIcon$y.displayName = "LoadingOutlined";
 }
 function mergeProps$1(...items) {
   const ret = {};
@@ -8784,7 +8787,7 @@ const useClosable = (propCloseCollection, contextCloseCollection, fallbackCloseC
   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$A, null)
+    closeIcon: /* @__PURE__ */ React__default.createElement(RefIcon$B, null)
   }, fallbackCloseCollection), [fallbackCloseCollection]);
   const mergedClosableConfig = React__default.useMemo(() => {
     if (propCloseConfig === false) {
@@ -9089,17 +9092,17 @@ const genMessageStyle = (token2) => {
     }
   ];
 };
-const prepareComponentToken$l = (token2) => ({
+const prepareComponentToken$o = (token2) => ({
   zIndexPopup: token2.zIndexPopupBase + CONTAINER_MAX_OFFSET + 10,
   contentBg: token2.colorBgElevated,
   contentPadding: `${(token2.controlHeightLG - token2.fontSize * token2.lineHeight) / 2}px ${token2.paddingSM}px`
 });
-const useStyle$u = genStyleHooks("Message", (token2) => {
+const useStyle$x = genStyleHooks("Message", (token2) => {
   const combinedToken = merge$1(token2, {
     height: 150
   });
   return genMessageStyle(combinedToken);
-}, prepareComponentToken$l);
+}, prepareComponentToken$o);
 (function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
@@ -9109,11 +9112,11 @@ const useStyle$u = genStyleHooks("Message", (token2) => {
   return t2;
 });
 const TypeIcon = {
-  info: /* @__PURE__ */ React.createElement(RefIcon$y, null),
-  success: /* @__PURE__ */ React.createElement(RefIcon$C, null),
-  error: /* @__PURE__ */ React.createElement(RefIcon$B, null),
-  warning: /* @__PURE__ */ React.createElement(RefIcon$z, null),
-  loading: /* @__PURE__ */ React.createElement(RefIcon$x, null)
+  info: /* @__PURE__ */ React.createElement(RefIcon$z, null),
+  success: /* @__PURE__ */ React.createElement(RefIcon$D, null),
+  error: /* @__PURE__ */ React.createElement(RefIcon$C, null),
+  warning: /* @__PURE__ */ React.createElement(RefIcon$A, null),
+  loading: /* @__PURE__ */ React.createElement(RefIcon$y, null)
 };
 const PureContent$1 = ({
   prefixCls,
@@ -9142,7 +9145,7 @@ function wrapPromiseFn(openFn) {
   result.promise = closePromise;
   return result;
 }
-var __rest$S = function(s2, e3) {
+var __rest$X = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -9157,7 +9160,7 @@ const Wrapper$1 = ({
   prefixCls
 }) => {
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$u(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$x(prefixCls, rootCls);
   return wrapCSSVar(/* @__PURE__ */ React.createElement(NotificationProvider, {
     classNames: {
       list: classNames(hashId, cssVarCls, rootCls)
@@ -9200,7 +9203,7 @@ const Holder$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const getNotificationMotion = () => getMotion$3(prefixCls, transitionName);
   const mergedCloseIcon = /* @__PURE__ */ React.createElement("span", {
     className: `${prefixCls}-close-x`
-  }, /* @__PURE__ */ React.createElement(RefIcon$A, {
+  }, /* @__PURE__ */ React.createElement(RefIcon$B, {
     className: `${prefixCls}-close-icon`
   }));
   const [api2, holder] = useNotification$1({
@@ -9254,7 +9257,7 @@ function useInternalMessage(messageConfig) {
         className,
         style: style2,
         onClose
-      } = config2, restConfig = __rest$S(config2, ["content", "icon", "type", "key", "className", "style", "onClose"]);
+      } = config2, restConfig = __rest$X(config2, ["content", "icon", "type", "key", "className", "style", "onClose"]);
       let mergedKey = key;
       if (mergedKey === void 0 || mergedKey === null) {
         keyIndex += 1;
@@ -9774,7 +9777,7 @@ const genWaveStyle = (token2) => {
     }
   };
 };
-const useStyle$t = genComponentStyleHook("Wave", genWaveStyle);
+const useStyle$w = genComponentStyleHook("Wave", genWaveStyle);
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 function isValidWaveColor(color) {
   return color && color !== "#fff" && color !== "#ffffff" && color !== "rgb(255, 255, 255)" && color !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(color) && // any transparent rgba color
@@ -9952,7 +9955,7 @@ const Wave = (props) => {
   } = useContext(ConfigContext);
   const containerRef = useRef(null);
   const prefixCls = getPrefixCls("wave");
-  const [, hashId] = useStyle$t(prefixCls);
+  const [, hashId] = useStyle$w(prefixCls);
   const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);
   React__default.useEffect(() => {
     const node2 = containerRef.current;
@@ -10018,12 +10021,12 @@ const genSpaceCompactStyle = (token2) => {
     }
   };
 };
-const useStyle$s = genStyleHooks(["Space", "Compact"], (token2) => [genSpaceCompactStyle(token2)], () => ({}), {
+const useStyle$v = genStyleHooks(["Space", "Compact"], (token2) => [genSpaceCompactStyle(token2)], () => ({}), {
   // Space component don't apply extra font style
   // https://github.com/ant-design/ant-design/issues/40315
   resetStyle: false
 });
-var __rest$R = function(s2, e3) {
+var __rest$W = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -10067,7 +10070,7 @@ const NoCompactStyle = (props) => {
 const CompactItem = (props) => {
   const {
     children
-  } = props, others = __rest$R(props, ["children"]);
+  } = props, others = __rest$W(props, ["children"]);
   return /* @__PURE__ */ React.createElement(SpaceCompactItemContext.Provider, {
     value: React.useMemo(() => others, [others])
   }, children);
@@ -10085,10 +10088,10 @@ const Compact$1 = (props) => {
     className,
     rootClassName,
     children
-  } = props, restProps = __rest$R(props, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]);
+  } = props, restProps = __rest$W(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$s(prefixCls);
+  const [wrapCSSVar, hashId] = useStyle$v(prefixCls);
   const clx = classNames(prefixCls, hashId, {
     [`${prefixCls}-rtl`]: directionConfig === "rtl",
     [`${prefixCls}-block`]: block,
@@ -10113,7 +10116,7 @@ const Compact$1 = (props) => {
     className: clx
   }, restProps), nodes));
 };
-var __rest$Q = function(s2, e3) {
+var __rest$V = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -10131,7 +10134,7 @@ const ButtonGroup = (props) => {
     prefixCls: customizePrefixCls,
     size,
     className
-  } = props, others = __rest$Q(props, ["prefixCls", "size", "className"]);
+  } = props, others = __rest$V(props, ["prefixCls", "size", "className"]);
   const prefixCls = getPrefixCls("btn-group", customizePrefixCls);
   const [, , hashId] = useToken();
   const sizeCls = React.useMemo(() => {
@@ -10240,7 +10243,7 @@ const InnerLoadingIcon = /* @__PURE__ */ forwardRef((props, ref) => {
     className: mergedIconCls,
     style: style2,
     ref
-  }, /* @__PURE__ */ React__default.createElement(RefIcon$x, {
+  }, /* @__PURE__ */ React__default.createElement(RefIcon$y, {
     className: iconClassName
   }));
 });
@@ -10976,9 +10979,9 @@ var RightOutlined = function RightOutlined2(props, ref) {
     icon: RightOutlined$1
   }));
 };
-var RefIcon$w = /* @__PURE__ */ React.forwardRef(RightOutlined);
+var RefIcon$x = /* @__PURE__ */ React.forwardRef(RightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$w.displayName = "RightOutlined";
+  RefIcon$x.displayName = "RightOutlined";
 }
 const genCollapseMotion = (token2) => ({
   [token2.componentCls]: {
@@ -11556,7 +11559,7 @@ const prepareToken$5 = (token2) => {
   });
   return buttonToken;
 };
-const prepareComponentToken$k = (token2) => {
+const prepareComponentToken$n = (token2) => {
   var _a2, _b, _c, _d, _e2, _f;
   const contentFontSize = (_a2 = token2.contentFontSize) !== null && _a2 !== void 0 ? _a2 : token2.fontSize;
   const contentFontSizeSM = (_b = token2.contentFontSizeSM) !== null && _b !== void 0 ? _b : token2.fontSize;
@@ -12059,7 +12062,7 @@ const genBlockButtonStyle = (token2) => {
     }
   };
 };
-const useStyle$r = genStyleHooks("Button", (token2) => {
+const useStyle$u = genStyleHooks("Button", (token2) => {
   const buttonToken = prepareToken$5(token2);
   return [
     // Shared
@@ -12077,7 +12080,7 @@ const useStyle$r = genStyleHooks("Button", (token2) => {
     // Button Group
     genGroupStyle$1(buttonToken)
   ];
-}, prepareComponentToken$k, {
+}, prepareComponentToken$n, {
   unitless: {
     fontWeight: true,
     contentLineHeight: true,
@@ -12229,8 +12232,8 @@ const Compact = genSubStyleComponent(["Button", "compact"], (token2) => {
     genCompactItemVerticalStyle(buttonToken),
     genButtonCompactStyle(buttonToken)
   ];
-}, prepareComponentToken$k);
-var __rest$P = function(s2, e3) {
+}, prepareComponentToken$n);
+var __rest$U = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -12286,7 +12289,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
     style: customStyle = {},
     autoInsertSpace,
     autoFocus
-  } = props, rest = __rest$P(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$U(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
@@ -12321,7 +12324,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
   } = useComponentConfig("button");
   const mergedInsertSpace = (_a2 = autoInsertSpace !== null && autoInsertSpace !== void 0 ? autoInsertSpace : contextAutoInsertSpace) !== null && _a2 !== void 0 ? _a2 : true;
   const prefixCls = getPrefixCls("btn", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$u(prefixCls);
   const disabled2 = useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled2;
   const groupSize = useContext(GroupSizeContext);
@@ -16592,7 +16595,7 @@ const genSkeletonElementButton = (token2) => {
     [`${skeletonButtonCls}-sm`]: Object.assign({}, genSkeletonElementButtonSize(controlHeightSM, calc))
   }), genSkeletonElementButtonShape(token2, controlHeightSM, `${skeletonButtonCls}-sm`));
 };
-const genBaseStyle$4 = (token2) => {
+const genBaseStyle$5 = (token2) => {
   const {
     componentCls,
     skeletonAvatarCls,
@@ -16709,7 +16712,7 @@ const genBaseStyle$4 = (token2) => {
     }
   };
 };
-const prepareComponentToken$j = (token2) => {
+const prepareComponentToken$m = (token2) => {
   const {
     colorFillContent,
     colorFill
@@ -16727,7 +16730,7 @@ const prepareComponentToken$j = (token2) => {
     paragraphLiHeight: token2.controlHeight / 2
   };
 };
-const useStyle$q = genStyleHooks("Skeleton", (token2) => {
+const useStyle$t = genStyleHooks("Skeleton", (token2) => {
   const {
     componentCls,
     calc
@@ -16745,8 +16748,8 @@ const useStyle$q = genStyleHooks("Skeleton", (token2) => {
     skeletonLoadingBackground: `linear-gradient(90deg, ${token2.gradientFromColor} 25%, ${token2.gradientToColor} 37%, ${token2.gradientFromColor} 63%)`,
     skeletonLoadingMotionDuration: "1.4s"
   });
-  return genBaseStyle$4(skeletonToken);
-}, prepareComponentToken$j, {
+  return genBaseStyle$5(skeletonToken);
+}, prepareComponentToken$m, {
   deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
 });
 const SkeletonAvatar = (props) => {
@@ -16762,7 +16765,7 @@ const SkeletonAvatar = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const otherProps = omit(props, ["prefixCls", "className"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
@@ -16788,7 +16791,7 @@ const SkeletonButton = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const otherProps = omit(props, ["prefixCls"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active,
@@ -16814,7 +16817,7 @@ const SkeletonImage = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
   }, className, rootClassName, hashId, cssVarCls);
@@ -16845,7 +16848,7 @@ const SkeletonInput = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const otherProps = omit(props, ["prefixCls"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active,
@@ -16871,7 +16874,7 @@ const SkeletonNode = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
   }, hashId, className, rootClassName, cssVarCls);
@@ -16996,7 +16999,7 @@ const Skeleton = (props) => {
     style: contextStyle
   } = useComponentConfig("skeleton");
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   if (loading || !("loading" in props)) {
     const hasAvatar = !!avatar;
     const hasTitle = !!title;
@@ -17099,7 +17102,7 @@ const NormalOkBtn = () => {
 function renderCloseIcon(prefixCls, closeIcon) {
   return /* @__PURE__ */ React__default.createElement("span", {
     className: `${prefixCls}-close-x`
-  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$A, {
+  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$B, {
     className: `${prefixCls}-close-icon`
   }));
 }
@@ -17577,7 +17580,7 @@ const prepareToken$4 = (token2) => {
   });
   return modalToken;
 };
-const prepareComponentToken$i = (token2) => ({
+const prepareComponentToken$l = (token2) => ({
   footerBg: "transparent",
   headerBg: token2.colorBgElevated,
   titleLineHeight: token2.lineHeightHeading5,
@@ -17598,15 +17601,15 @@ const prepareComponentToken$i = (token2) => ({
   confirmIconMarginInlineEnd: token2.wireframe ? token2.margin : token2.marginSM,
   confirmBtnsMarginTop: token2.wireframe ? token2.marginLG : token2.marginSM
 });
-const useStyle$p = genStyleHooks("Modal", (token2) => {
+const useStyle$s = genStyleHooks("Modal", (token2) => {
   const modalToken = prepareToken$4(token2);
   return [genModalStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), initZoomMotion(modalToken, "zoom"), genResponsiveWidthStyle(modalToken)];
-}, prepareComponentToken$i, {
+}, prepareComponentToken$l, {
   unitless: {
     titleLineHeight: true
   }
 });
-var __rest$O = function(s2, e3) {
+var __rest$T = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -17655,7 +17658,7 @@ const Modal = (props) => {
     destroyOnClose,
     panelRef = null,
     modalRender
-  } = props, restProps = __rest$O(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading", "confirmLoading", "zIndex", "mousePosition", "onOk", "onCancel", "destroyOnHidden", "destroyOnClose", "panelRef", "modalRender"]);
+  } = props, restProps = __rest$T(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading", "confirmLoading", "zIndex", "mousePosition", "onOk", "onCancel", "destroyOnHidden", "destroyOnClose", "panelRef", "modalRender"]);
   const {
     getPopupContainer: getContextPopupContainer,
     getPrefixCls,
@@ -17680,7 +17683,7 @@ const Modal = (props) => {
   const prefixCls = getPrefixCls("modal", customizePrefixCls);
   const rootPrefixCls = getPrefixCls();
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$p(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls, rootCls);
   const wrapClassNameExtended = classNames(wrapClassName, {
     [`${prefixCls}-centered`]: centered !== null && centered !== void 0 ? centered : modalContext === null || modalContext === void 0 ? void 0 : modalContext.centered,
     [`${prefixCls}-wrap-rtl`]: direction === "rtl"
@@ -17691,7 +17694,7 @@ const Modal = (props) => {
   })) : null;
   const [mergedClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = useClosable(pickClosable(props), pickClosable(modalContext), {
     closable: true,
-    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$A, {
+    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$B, {
       className: `${prefixCls}-close-icon`
     }),
     closeIconRender: (icon2) => renderCloseIcon(prefixCls, icon2)
@@ -17855,11 +17858,11 @@ const genModalConfirmStyle = (token2) => {
 const Confirm = genSubStyleComponent(["Modal", "confirm"], (token2) => {
   const modalToken = prepareToken$4(token2);
   return genModalConfirmStyle(modalToken);
-}, prepareComponentToken$i, {
+}, prepareComponentToken$l, {
   // confirm is weak than modal since no conflict here
   order: -1e3
 });
-var __rest$N = function(s2, e3) {
+var __rest$S = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -17879,7 +17882,7 @@ const ConfirmContent = (props) => {
     footer,
     // Legacy for static function usage
     locale: staticLocale
-  } = props, resetProps = __rest$N(props, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  } = props, resetProps = __rest$S(props, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Modal");
     process.env.NODE_ENV !== "production" ? warning3(!(typeof icon2 === "string" && icon2.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${icon2}\` at https://ant.design/components/icon`) : void 0;
@@ -17888,16 +17891,16 @@ const ConfirmContent = (props) => {
   if (!icon2 && icon2 !== null) {
     switch (type4) {
       case "info":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$z, null);
         break;
       case "success":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$C, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$D, null);
         break;
       case "error":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$C, null);
         break;
       default:
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$z, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$A, null);
     }
   }
   const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type4 === "confirm";
@@ -18048,7 +18051,7 @@ function withConfirm(props) {
     type: "confirm"
   });
 }
-var __rest$M = function(s2, e3) {
+var __rest$R = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -18061,7 +18064,7 @@ const HookModal = (_a2, ref) => {
   var {
     afterClose: hookAfterClose,
     config: config2
-  } = _a2, restProps = __rest$M(_a2, ["afterClose", "config"]);
+  } = _a2, restProps = __rest$R(_a2, ["afterClose", "config"]);
   const [open, setOpen] = React.useState(true);
   const [innerConfig, setInnerConfig] = React.useState(config2);
   const {
@@ -18615,7 +18618,7 @@ const genNotificationStyle = (token2) => {
     }
   ];
 };
-const prepareComponentToken$h = (token2) => ({
+const prepareComponentToken$k = (token2) => ({
   zIndexPopup: token2.zIndexPopupBase + CONTAINER_MAX_OFFSET + 50,
   width: 384,
   // Fix notification background color issue
@@ -18645,10 +18648,10 @@ const prepareNotificationToken = (token2) => {
   });
   return notificationToken;
 };
-const useStyle$o = genStyleHooks("Notification", (token2) => {
+const useStyle$r = genStyleHooks("Notification", (token2) => {
   const notificationToken = prepareNotificationToken(token2);
   return [genNotificationStyle(notificationToken), genNotificationPlacementStyle(notificationToken), genStackStyle(notificationToken)];
-}, prepareComponentToken$h);
+}, prepareComponentToken$k);
 (function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
@@ -18661,15 +18664,15 @@ function getCloseIcon(prefixCls, closeIcon) {
   if (closeIcon === null || closeIcon === false) {
     return null;
   }
-  return closeIcon || /* @__PURE__ */ React.createElement(RefIcon$A, {
+  return closeIcon || /* @__PURE__ */ React.createElement(RefIcon$B, {
     className: `${prefixCls}-close-icon`
   });
 }
 const typeToIcon = {
-  success: RefIcon$C,
-  info: RefIcon$y,
-  error: RefIcon$B,
-  warning: RefIcon$z
+  success: RefIcon$D,
+  info: RefIcon$z,
+  error: RefIcon$C,
+  warning: RefIcon$A
 };
 const PureContent = (props) => {
   const {
@@ -18770,7 +18773,7 @@ function getCloseIconConfig(closeIcon, notificationConfig, notification) {
   }
   return notification === null || notification === void 0 ? void 0 : notification.closeIcon;
 }
-var __rest$L = function(s2, e3) {
+var __rest$Q = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -18786,7 +18789,7 @@ const Wrapper = ({
   prefixCls
 }) => {
   const rootCls = useCSSVarCls(prefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls, rootCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$r(prefixCls, rootCls);
   return wrapCSSVar(/* @__PURE__ */ React__default.createElement(NotificationProvider, {
     classNames: {
       list: classNames(hashId, cssVarCls, rootCls)
@@ -18881,7 +18884,7 @@ function useInternalNotification(notificationConfig) {
         role = "alert",
         closeIcon,
         closable
-      } = config2, restConfig = __rest$L(config2, ["message", "description", "icon", "type", "btn", "actions", "className", "style", "role", "closeIcon", "closable"]);
+      } = config2, restConfig = __rest$Q(config2, ["message", "description", "icon", "type", "btn", "actions", "className", "style", "role", "closeIcon", "closable"]);
       if (process.env.NODE_ENV !== "production") {
         warning3.deprecated(!btn, "btn", "actions");
       }
@@ -18941,7 +18944,7 @@ const AppContext = /* @__PURE__ */ React__default.createContext({
   notification: {},
   modal: {}
 });
-const genBaseStyle$3 = (token2) => {
+const genBaseStyle$4 = (token2) => {
   const {
     componentCls,
     colorText,
@@ -18961,8 +18964,8 @@ const genBaseStyle$3 = (token2) => {
     }
   };
 };
-const prepareComponentToken$g = () => ({});
-const useStyle$n = genStyleHooks("App", genBaseStyle$3, prepareComponentToken$g);
+const prepareComponentToken$j = () => ({});
+const useStyle$q = genStyleHooks("App", genBaseStyle$4, prepareComponentToken$j);
 const App$1 = (props) => {
   const {
     prefixCls: customizePrefixCls,
@@ -18979,7 +18982,7 @@ const App$1 = (props) => {
     getPrefixCls
   } = useContext(ConfigContext);
   const prefixCls = getPrefixCls("app", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$n(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$q(prefixCls);
   const customClassName = classNames(hashId, prefixCls, className, rootClassName, cssVarCls, {
     [`${prefixCls}-rtl`]: direction === "rtl"
   });
@@ -19050,7 +19053,7 @@ const genPurePanel = (Component, alignPropName, postProps, defaultPrefixCls2, ge
         });
         const interval = setInterval(() => {
           var _a2;
-          const dropdownCls = `.${prefixCls}-dropdown`;
+          const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls)}` : `.${prefixCls}-dropdown`;
           const popup = (_a2 = holderRef.current) === null || _a2 === void 0 ? void 0 : _a2.querySelector(dropdownCls);
           if (popup) {
             clearInterval(interval);
@@ -24013,7 +24016,7 @@ const genSharedEmptyStyle = (token2) => {
     }
   };
 };
-const useStyle$m = genStyleHooks("Empty", (token2) => {
+const useStyle$p = genStyleHooks("Empty", (token2) => {
   const {
     componentCls,
     controlHeightLG,
@@ -24027,7 +24030,7 @@ const useStyle$m = genStyleHooks("Empty", (token2) => {
   });
   return genSharedEmptyStyle(emptyToken);
 });
-var __rest$K = function(s2, e3) {
+var __rest$P = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -24050,7 +24053,7 @@ const Empty = (props) => {
     style: style2,
     classNames: emptyClassNames,
     styles: styles2
-  } = props, restProps = __rest$K(props, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]);
+  } = props, restProps = __rest$P(props, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]);
   const {
     getPrefixCls,
     direction,
@@ -24061,7 +24064,7 @@ const Empty = (props) => {
     image: contextImage
   } = useComponentConfig("empty");
   const prefixCls = getPrefixCls("empty", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$m(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$p(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";
@@ -24761,7 +24764,7 @@ function genSingleStyle(token2) {
     }), "lg")
   ];
 }
-const prepareComponentToken$f = (token2) => {
+const prepareComponentToken$i = (token2) => {
   const {
     fontSize,
     lineHeight,
@@ -25080,7 +25083,7 @@ const getSearchInputWithoutBorderStyle = (token2) => {
     }
   };
 };
-const genBaseStyle$2 = (token2) => {
+const genBaseStyle$3 = (token2) => {
   const {
     antCls,
     componentCls,
@@ -25233,7 +25236,7 @@ const genSelectStyle = (token2) => {
     // ==                       LTR                       ==
     // =====================================================
     // Base
-    genBaseStyle$2(token2),
+    genBaseStyle$3(token2),
     // Single
     genSingleStyle(token2),
     // Multiple
@@ -25267,7 +25270,7 @@ const useSelectStyle = genStyleHooks("Select", (token2, {
     selectHeight: token2.controlHeight
   });
   return [genSelectStyle(selectToken), genVariantsStyle$1(selectToken)];
-}, prepareComponentToken$f, {
+}, prepareComponentToken$i, {
   unitless: {
     optionLineHeight: true,
     optionSelectedFontWeight: true
@@ -25280,9 +25283,9 @@ var CheckOutlined = function CheckOutlined2(props, ref) {
     icon: CheckOutlined$1
   }));
 };
-var RefIcon$v = /* @__PURE__ */ React.forwardRef(CheckOutlined);
+var RefIcon$w = /* @__PURE__ */ React.forwardRef(CheckOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$v.displayName = "CheckOutlined";
+  RefIcon$w.displayName = "CheckOutlined";
 }
 var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var DownOutlined = function DownOutlined2(props, ref) {
@@ -25291,9 +25294,9 @@ var DownOutlined = function DownOutlined2(props, ref) {
     icon: DownOutlined$1
   }));
 };
-var RefIcon$u = /* @__PURE__ */ React.forwardRef(DownOutlined);
+var RefIcon$v = /* @__PURE__ */ React.forwardRef(DownOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$u.displayName = "DownOutlined";
+  RefIcon$v.displayName = "DownOutlined";
 }
 var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
 var SearchOutlined = function SearchOutlined2(props, ref) {
@@ -25302,9 +25305,9 @@ var SearchOutlined = function SearchOutlined2(props, ref) {
     icon: SearchOutlined$1
   }));
 };
-var RefIcon$t = /* @__PURE__ */ React.forwardRef(SearchOutlined);
+var RefIcon$u = /* @__PURE__ */ React.forwardRef(SearchOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$t.displayName = "SearchOutlined";
+  RefIcon$u.displayName = "SearchOutlined";
 }
 function useIcons$1({
   suffixIcon,
@@ -25324,7 +25327,7 @@ function useIcons$1({
     const warning3 = devUseWarning(componentName);
     warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
   }
-  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$B, null);
+  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$C, null);
   const getSuffixIconNode = (arrowIcon) => {
     if (suffixIcon === null && !hasFeedback && !showArrow) {
       return null;
@@ -25335,7 +25338,7 @@ function useIcons$1({
   if (suffixIcon !== void 0) {
     mergedSuffixIcon = getSuffixIconNode(suffixIcon);
   } else if (loading) {
-    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$x, {
+    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$y, {
       spin: true
     }));
   } else {
@@ -25345,11 +25348,11 @@ function useIcons$1({
       showSearch
     }) => {
       if (open && showSearch) {
-        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$t, {
+        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$u, {
           className: iconCls
         }));
       }
-      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$u, {
+      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$v, {
         className: iconCls
       }));
     };
@@ -25358,7 +25361,7 @@ function useIcons$1({
   if (menuItemSelectedIcon !== void 0) {
     mergedItemIcon = menuItemSelectedIcon;
   } else if (multiple) {
-    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$v, null);
+    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$w, null);
   } else {
     mergedItemIcon = null;
   }
@@ -25366,7 +25369,7 @@ function useIcons$1({
   if (removeIcon !== void 0) {
     mergedRemoveIcon = removeIcon;
   } else {
-    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$A, null);
+    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
   }
   return {
     clearIcon: mergedClearIcon,
@@ -25388,7 +25391,7 @@ function usePopupRender(renderFn) {
 function useShowArrow(suffixIcon, showArrow) {
   return showArrow !== void 0 ? showArrow : suffixIcon !== null;
 }
-var __rest$J = function(s2, e3) {
+var __rest$O = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -25432,7 +25435,7 @@ const InternalSelect = (props, ref) => {
     onOpenChange,
     styles: styles2,
     classNames: classNames$1
-  } = props, rest = __rest$J(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$O(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,
@@ -25591,11 +25594,11 @@ if (process.env.NODE_ENV !== "production") {
   InternalSelect.displayName = "Select";
 }
 const Select = /* @__PURE__ */ React.forwardRef(InternalSelect);
-const PurePanel$4 = genPurePanel(Select, "dropdownAlign");
+const PurePanel$5 = genPurePanel(Select, "dropdownAlign");
 Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 Select.Option = Option$1;
 Select.OptGroup = OptGroup;
-Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
+Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$5;
 if (process.env.NODE_ENV !== "production") {
   Select.displayName = "Select";
 }
@@ -25984,7 +25987,7 @@ function getArrowStyle(token2, colorBg, options) {
       top: true,
       bottom: true
     }
-  } = {};
+  } = options || {};
   return {
     [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({
       // ============================ Basic ============================
@@ -26205,7 +26208,8 @@ function getPlacements(config2) {
     autoAdjustOverflow: autoAdjustOverflow2,
     arrowPointAtCenter,
     offset: offset2,
-    borderRadius
+    borderRadius,
+    visibleFirst
   } = config2;
   const halfArrowWidth = arrowWidth / 2;
   const placementMap = {};
@@ -26266,7 +26270,7 @@ function getPlacements(config2) {
       }
     }
     placementInfo.overflow = getOverflowOptions(key, arrowOffset, arrowWidth, autoAdjustOverflow2);
-    {
+    if (visibleFirst) {
       placementInfo.htmlRegion = "visibleFirst";
     }
   });
@@ -26364,7 +26368,7 @@ const genTooltipStyle = (token2) => {
     }
   ];
 };
-const prepareComponentToken$e = (token2) => Object.assign(Object.assign({
+const prepareComponentToken$h = (token2) => Object.assign(Object.assign({
   zIndexPopup: token2.zIndexPopupBase + 70
 }, getArrowOffsetToken({
   contentRadius: token2.borderRadius,
@@ -26372,7 +26376,7 @@ const prepareComponentToken$e = (token2) => Object.assign(Object.assign({
 })), getArrowToken(merge$1(token2, {
   borderRadiusOuter: Math.min(token2.borderRadiusOuter, 4)
 })));
-const useStyle$l = (prefixCls, injectStyle = true) => {
+const useStyle$o = (prefixCls, injectStyle = true) => {
   const useStyle2 = genStyleHooks("Tooltip", (token2) => {
     const {
       borderRadius,
@@ -26387,7 +26391,7 @@ const useStyle$l = (prefixCls, injectStyle = true) => {
       tooltipBg: colorBgSpotlight
     });
     return [genTooltipStyle(TooltipToken), initZoomMotion(token2, "zoom-big-fast")];
-  }, prepareComponentToken$e, {
+  }, prepareComponentToken$h, {
     resetStyle: false,
     // Popover use Tooltip as internal component. We do not need to handle this.
     injectStyle
@@ -26426,7 +26430,7 @@ function parseColor(prefixCls, color) {
     arrowStyle
   };
 }
-const PurePanel$3 = (props) => {
+const PurePanel$4 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className,
@@ -26439,7 +26443,7 @@ const PurePanel$3 = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$l(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls);
   const colorInfo = parseColor(prefixCls, color);
   const arrowContentStyle = colorInfo.arrowStyle;
   const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
@@ -26455,7 +26459,7 @@ const PurePanel$3 = (props) => {
     overlayInnerStyle: formattedOverlayInnerStyle
   }), title)));
 };
-var __rest$I = function(s2, e3) {
+var __rest$N = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -26492,7 +26496,7 @@ const InternalTooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     overlayClassName,
     styles: styles2,
     classNames: tooltipClassNames
-  } = props, restProps = __rest$I(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$N(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 {
@@ -26553,7 +26557,8 @@ const InternalTooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
       autoAdjustOverflow: autoAdjustOverflow2,
       arrowWidth: mergedShowArrow ? token2.sizePopupArrow : 0,
       borderRadius: token2.borderRadius,
-      offset: token2.marginXXS
+      offset: token2.marginXXS,
+      visibleFirst: true
     });
   }, [arrowPointAtCenter, arrow, builtinPlacements, token2]);
   const memoOverlay = React.useMemo(() => {
@@ -26575,7 +26580,7 @@ const InternalTooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const child = /* @__PURE__ */ React.isValidElement(children) && !isFragment(children) ? children : /* @__PURE__ */ React.createElement("span", null, children);
   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$l(prefixCls, !injectFromPopover);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$o(prefixCls, !injectFromPopover);
   const colorInfo = parseColor(prefixCls, color);
   const arrowContentStyle = colorInfo.arrowStyle;
   const rootClassNames = classNames(overlayClassName, {
@@ -26625,8 +26630,8 @@ const Tooltip2 = InternalTooltip;
 if (process.env.NODE_ENV !== "production") {
   Tooltip2.displayName = "Tooltip";
 }
-Tooltip2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$3;
-const genBaseStyle$1 = (token2) => {
+Tooltip2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
+const genBaseStyle$2 = (token2) => {
   const {
     componentCls,
     popoverColor,
@@ -26733,7 +26738,7 @@ const genColorStyle = (token2) => {
     })
   };
 };
-const prepareComponentToken$d = (token2) => {
+const prepareComponentToken$g = (token2) => {
   const {
     lineWidth,
     controlHeight,
@@ -26766,7 +26771,7 @@ const prepareComponentToken$d = (token2) => {
     innerContentPadding: wireframe ? `${paddingSM}px ${popoverPaddingHorizontal}px` : 0
   });
 };
-const useStyle$k = genStyleHooks("Popover", (token2) => {
+const useStyle$n = genStyleHooks("Popover", (token2) => {
   const {
     colorBgElevated,
     colorText
@@ -26775,12 +26780,12 @@ const useStyle$k = genStyleHooks("Popover", (token2) => {
     popoverBg: colorBgElevated,
     popoverColor: colorText
   });
-  return [genBaseStyle$1(popoverToken), genColorStyle(popoverToken), initZoomMotion(popoverToken, "zoom-big")];
-}, prepareComponentToken$d, {
+  return [genBaseStyle$2(popoverToken), genColorStyle(popoverToken), initZoomMotion(popoverToken, "zoom-big")];
+}, prepareComponentToken$g, {
   resetStyle: false,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var __rest$H = function(s2, e3) {
+var __rest$M = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -26830,23 +26835,23 @@ const RawPurePanel = (props) => {
     content: contentNode
   })));
 };
-const PurePanel$2 = (props) => {
+const PurePanel$3 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className
-  } = props, restProps = __rest$H(props, ["prefixCls", "className"]);
+  } = props, restProps = __rest$M(props, ["prefixCls", "className"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("popover", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$k(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$n(prefixCls);
   return wrapCSSVar(/* @__PURE__ */ React.createElement(RawPurePanel, Object.assign({}, restProps, {
     prefixCls,
     hashId,
     className: classNames(className, cssVarCls)
   })));
 };
-var __rest$G = function(s2, e3) {
+var __rest$L = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -26870,7 +26875,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
     overlayStyle = {},
     styles: styles2,
     classNames: popoverClassNames
-  } = props, otherProps = __rest$G(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
+  } = props, otherProps = __rest$L(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
   const {
     getPrefixCls,
     className: contextClassName,
@@ -26879,7 +26884,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
     styles: contextStyles
   } = useComponentConfig("popover");
   const prefixCls = getPrefixCls("popover", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$k(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$n(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);
@@ -26937,7 +26942,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
   })));
 });
 const Popover = InternalPopover;
-Popover._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$2;
+Popover._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$3;
 if (process.env.NODE_ENV !== "production") {
   Popover.displayName = "Popover";
 }
@@ -27241,7 +27246,7 @@ const prepareToken$3 = (token2) => {
   });
   return badgeToken;
 };
-const prepareComponentToken$c = (token2) => {
+const prepareComponentToken$f = (token2) => {
   const {
     fontSize,
     lineHeight,
@@ -27259,10 +27264,10 @@ const prepareComponentToken$c = (token2) => {
     statusSize: fontSizeSM / 2
   };
 };
-const useStyle$j = genStyleHooks("Badge", (token2) => {
+const useStyle$m = genStyleHooks("Badge", (token2) => {
   const badgeToken = prepareToken$3(token2);
   return genSharedBadgeStyle(badgeToken);
-}, prepareComponentToken$c);
+}, prepareComponentToken$f);
 const genRibbonStyle = (token2) => {
   const {
     antCls,
@@ -27334,10 +27339,10 @@ const genRibbonStyle = (token2) => {
     })
   };
 };
-const useStyle$i = genStyleHooks(["Badge", "Ribbon"], (token2) => {
+const useStyle$l = genStyleHooks(["Badge", "Ribbon"], (token2) => {
   const badgeToken = prepareToken$3(token2);
   return genRibbonStyle(badgeToken);
-}, prepareComponentToken$c);
+}, prepareComponentToken$f);
 const Ribbon = (props) => {
   const {
     className,
@@ -27355,7 +27360,7 @@ const Ribbon = (props) => {
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("ribbon", customizePrefixCls);
   const wrapperCls = `${prefixCls}-wrapper`;
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$i(prefixCls, wrapperCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$l(prefixCls, wrapperCls);
   const colorInPreset = isPresetColor(color, false);
   const ribbonCls = classNames(prefixCls, `${prefixCls}-placement-${placement}`, {
     [`${prefixCls}-rtl`]: direction === "rtl",
@@ -27470,7 +27475,7 @@ const SingleNumber = (props) => {
     onTransitionEnd
   }, unitNodes);
 };
-var __rest$F = function(s2, e3) {
+var __rest$K = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -27489,7 +27494,7 @@ const ScrollNumber = /* @__PURE__ */ React.forwardRef((props, ref) => {
     show,
     component: Component = "sup",
     children
-  } = props, restProps = __rest$F(props, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]);
+  } = props, restProps = __rest$K(props, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -27525,7 +27530,7 @@ const ScrollNumber = /* @__PURE__ */ React.forwardRef((props, ref) => {
     ref
   }), numberNodes);
 });
-var __rest$E = function(s2, e3) {
+var __rest$J = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -27554,14 +27559,14 @@ const InternalBadge = /* @__PURE__ */ React.forwardRef((props, ref) => {
     classNames: classNames$1,
     styles: styles2,
     showZero = false
-  } = props, restProps = __rest$E(props, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "rootClassName", "classNames", "styles", "showZero"]);
+  } = props, restProps = __rest$J(props, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "rootClassName", "classNames", "styles", "showZero"]);
   const {
     getPrefixCls,
     direction,
     badge
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("badge", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$j(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$m(prefixCls);
   const numberedDisplayCount = count > overflowCount ? `${overflowCount}+` : count;
   const isZero = numberedDisplayCount === "0" || numberedDisplayCount === 0 || text === "0" || text === 0;
   const ignoreCount = count === null || isZero && !showZero;
@@ -27693,9 +27698,9 @@ var LeftOutlined = function LeftOutlined2(props, ref) {
     icon: LeftOutlined$1
   }));
 };
-var RefIcon$s = /* @__PURE__ */ React.forwardRef(LeftOutlined);
+var RefIcon$t = /* @__PURE__ */ React.forwardRef(LeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$s.displayName = "LeftOutlined";
+  RefIcon$t.displayName = "LeftOutlined";
 }
 var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
 function useAccessibility$1(_ref) {
@@ -27814,7 +27819,7 @@ var placements$1 = {
   }
 };
 var _excluded$n = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus", "overlay", "children", "onVisibleChange"];
-function Dropdown(props, ref) {
+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, children = props.children, onVisibleChange = props.onVisibleChange, otherProps = _objectWithoutProperties$1(props, _excluded$n);
   var _React$useState = React__default.useState(), _React$useState2 = _slicedToArray$1(_React$useState, 2), triggerVisible = _React$useState2[0], setTriggerVisible = _React$useState2[1];
@@ -27901,7 +27906,8 @@ function Dropdown(props, ref) {
     getPopupContainer
   }), childrenNode);
 }
-const Dropdown$1 = /* @__PURE__ */ React__default.forwardRef(Dropdown);
+const Dropdown$3 = /* @__PURE__ */ React__default.forwardRef(Dropdown$2);
+const isPrimitive = (value) => typeof value !== "object" && typeof value !== "function" || value === null;
 var IdContext = /* @__PURE__ */ React.createContext(null);
 function getMenuId(uuid2, eventKey) {
   if (uuid2 === void 0) {
@@ -27914,7 +27920,7 @@ function useMenuId(eventKey) {
   return getMenuId(id2, eventKey);
 }
 var _excluded$m = ["children", "locked"];
-var MenuContext = /* @__PURE__ */ React.createContext(null);
+var MenuContext$1 = /* @__PURE__ */ React.createContext(null);
 function mergeProps(origin, target) {
   var clone = _objectSpread2$2({}, origin);
   Object.keys(target).forEach(function(key) {
@@ -27927,13 +27933,13 @@ function mergeProps(origin, target) {
 }
 function InheritableContextProvider(_ref) {
   var children = _ref.children, locked = _ref.locked, restProps = _objectWithoutProperties$1(_ref, _excluded$m);
-  var context = React.useContext(MenuContext);
+  var context = React.useContext(MenuContext$1);
   var inheritableContext = useMemo(function() {
     return mergeProps(context, restProps);
   }, [context, restProps], function(prev2, next2) {
     return !locked && (prev2[0] !== next2[0] || !isEqual$1(prev2[1], next2[1], true));
   });
-  return /* @__PURE__ */ React.createElement(MenuContext.Provider, {
+  return /* @__PURE__ */ React.createElement(MenuContext$1.Provider, {
     value: inheritableContext
   }, children);
 }
@@ -28309,7 +28315,7 @@ function useUUID(id2) {
   return uuid2;
 }
 function useActive(eventKey, disabled2, onMouseEnter, onMouseLeave) {
-  var _React$useContext = React.useContext(MenuContext), activeKey = _React$useContext.activeKey, onActive = _React$useContext.onActive, onInactive = _React$useContext.onInactive;
+  var _React$useContext = React.useContext(MenuContext$1), activeKey = _React$useContext.activeKey, onActive = _React$useContext.onActive, onInactive = _React$useContext.onInactive;
   var ret = {
     active: activeKey === eventKey
   };
@@ -28332,7 +28338,7 @@ function useActive(eventKey, disabled2, onMouseEnter, onMouseLeave) {
   return ret;
 }
 function useDirectionStyle(level) {
-  var _React$useContext = React.useContext(MenuContext), mode = _React$useContext.mode, rtl = _React$useContext.rtl, inlineIndent = _React$useContext.inlineIndent;
+  var _React$useContext = React.useContext(MenuContext$1), mode = _React$useContext.mode, rtl = _React$useContext.rtl, inlineIndent = _React$useContext.inlineIndent;
   if (mode !== "inline") {
     return null;
   }
@@ -28393,7 +28399,7 @@ var LegacyMenuItem = /* @__PURE__ */ (function(_React$Component) {
 var InternalMenuItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var style2 = props.style, className = props.className, eventKey = props.eventKey, warnKey = props.warnKey, disabled2 = props.disabled, itemIcon = props.itemIcon, children = props.children, role = props.role, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown = props.onKeyDown, onFocus = props.onFocus, restProps = _objectWithoutProperties$1(props, _excluded2$4);
   var domDataId = useMenuId(eventKey);
-  var _React$useContext = React.useContext(MenuContext), prefixCls = _React$useContext.prefixCls, onItemClick = _React$useContext.onItemClick, contextDisabled = _React$useContext.disabled, overflowDisabled = _React$useContext.overflowDisabled, contextItemIcon = _React$useContext.itemIcon, selectedKeys = _React$useContext.selectedKeys, onActive = _React$useContext.onActive;
+  var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, onItemClick = _React$useContext.onItemClick, contextDisabled = _React$useContext.disabled, overflowDisabled = _React$useContext.overflowDisabled, contextItemIcon = _React$useContext.itemIcon, selectedKeys = _React$useContext.selectedKeys, onActive = _React$useContext.onActive;
   var _React$useContext2 = React.useContext(PrivateContext), _internalRenderMenuItem = _React$useContext2._internalRenderMenuItem;
   var itemCls = "".concat(prefixCls, "-item");
   var legacyMenuItemRef = React.useRef();
@@ -28468,7 +28474,7 @@ var InternalMenuItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }
   return renderNode;
 });
-function MenuItem$1(props, ref) {
+function MenuItem$2(props, ref) {
   var eventKey = props.eventKey;
   var measure = useMeasure();
   var connectedKeyPath = useFullPath(eventKey);
@@ -28487,11 +28493,11 @@ function MenuItem$1(props, ref) {
     ref
   }));
 }
-const MenuItem$2 = /* @__PURE__ */ React.forwardRef(MenuItem$1);
+const MenuItem$3 = /* @__PURE__ */ React.forwardRef(MenuItem$2);
 var _excluded$j = ["className", "children"];
 var InternalSubMenuList = function InternalSubMenuList2(_ref, ref) {
   var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$j);
-  var _React$useContext = React.useContext(MenuContext), prefixCls = _React$useContext.prefixCls, mode = _React$useContext.mode, rtl = _React$useContext.rtl;
+  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),
     role: "menu"
@@ -28613,7 +28619,7 @@ var popupPlacementMap = {
 };
 function PopupTrigger(_ref) {
   var prefixCls = _ref.prefixCls, visible = _ref.visible, children = _ref.children, popup = _ref.popup, popupStyle = _ref.popupStyle, popupClassName = _ref.popupClassName, popupOffset = _ref.popupOffset, disabled2 = _ref.disabled, mode = _ref.mode, onVisibleChange = _ref.onVisibleChange;
-  var _React$useContext = React.useContext(MenuContext), getPopupContainer = _React$useContext.getPopupContainer, rtl = _React$useContext.rtl, subMenuOpenDelay = _React$useContext.subMenuOpenDelay, subMenuCloseDelay = _React$useContext.subMenuCloseDelay, builtinPlacements = _React$useContext.builtinPlacements, triggerSubMenuAction = _React$useContext.triggerSubMenuAction, forceSubMenuRender = _React$useContext.forceSubMenuRender, rootClassName = _React$useContext.rootClassName, motion2 = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions;
+  var _React$useContext = React.useContext(MenuContext$1), getPopupContainer = _React$useContext.getPopupContainer, rtl = _React$useContext.rtl, subMenuOpenDelay = _React$useContext.subMenuOpenDelay, subMenuCloseDelay = _React$useContext.subMenuCloseDelay, builtinPlacements = _React$useContext.builtinPlacements, triggerSubMenuAction = _React$useContext.triggerSubMenuAction, forceSubMenuRender = _React$useContext.forceSubMenuRender, rootClassName = _React$useContext.rootClassName, motion2 = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions;
   var _React$useState = React.useState(false), _React$useState2 = _slicedToArray$1(_React$useState, 2), innerVisible = _React$useState2[0], setInnerVisible = _React$useState2[1];
   var placement = rtl ? _objectSpread2$2(_objectSpread2$2({}, placementsRtl), builtinPlacements) : _objectSpread2$2(_objectSpread2$2({}, placements), builtinPlacements);
   var popupPlacement = popupPlacementMap[mode];
@@ -28661,7 +28667,7 @@ function PopupTrigger(_ref) {
 function InlineSubMenuList(_ref) {
   var id2 = _ref.id, open = _ref.open, keyPath = _ref.keyPath, children = _ref.children;
   var fixedMode = "inline";
-  var _React$useContext = React.useContext(MenuContext), prefixCls = _React$useContext.prefixCls, forceSubMenuRender = _React$useContext.forceSubMenuRender, motion2 = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions, mode = _React$useContext.mode;
+  var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, forceSubMenuRender = _React$useContext.forceSubMenuRender, motion2 = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions, mode = _React$useContext.mode;
   var sameModeRef = React.useRef(false);
   sameModeRef.current = mode === fixedMode;
   var _React$useState = React.useState(!sameModeRef.current), _React$useState2 = _slicedToArray$1(_React$useState, 2), destroy = _React$useState2[0], setDestroy = _React$useState2[1];
@@ -28707,7 +28713,7 @@ var _excluded$i = ["style", "className", "title", "eventKey", "warnKey", "disabl
 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, children = 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$i);
   var domDataId = useMenuId(eventKey);
-  var _React$useContext = React.useContext(MenuContext), 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$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;
   var _React$useContext3 = React.useContext(PathUserContext), isSubPathKey = _React$useContext3.isSubPathKey;
   var connectedPath = useFullPath();
@@ -28864,7 +28870,7 @@ var InternalSubMenu = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     expandIcon: mergedExpandIcon
   }, listNode);
 });
-var SubMenu = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+var SubMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var eventKey = props.eventKey, children = props.children;
   var connectedKeyPath = useFullPath(eventKey);
   var childList = parseChildren(children, connectedKeyPath);
@@ -28890,11 +28896,11 @@ var SubMenu = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }, renderNode);
 });
 if (process.env.NODE_ENV !== "production") {
-  SubMenu.displayName = "SubMenu";
+  SubMenu$1.displayName = "SubMenu";
 }
 function Divider$1(_ref) {
   var className = _ref.className, style2 = _ref.style;
-  var _React$useContext = React.useContext(MenuContext), prefixCls = _React$useContext.prefixCls;
+  var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls;
   var measure = useMeasure();
   if (measure) {
     return null;
@@ -28910,7 +28916,7 @@ var InternalMenuItemGroup = /* @__PURE__ */ React.forwardRef(function(props, ref
   var className = props.className, title = props.title;
   props.eventKey;
   var children = props.children, restProps = _objectWithoutProperties$1(props, _excluded$h);
-  var _React$useContext = React.useContext(MenuContext), prefixCls = _React$useContext.prefixCls;
+  var _React$useContext = React.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls;
   var groupPrefixCls = "".concat(prefixCls, "-item-group");
   return /* @__PURE__ */ React.createElement("li", _extends$1({
     ref,
@@ -28987,9 +28993,9 @@ function parseItems(children, items, keyPath, components, prefixCls) {
   var childNodes = children;
   var mergedComponents = _objectSpread2$2({
     divider: Divider$1,
-    item: MenuItem$2,
+    item: MenuItem$3,
     group: MenuItemGroup,
-    submenu: SubMenu
+    submenu: SubMenu$1
   }, components);
   if (items) {
     childNodes = convertItemsToNodes(items, mergedComponents, prefixCls);
@@ -28998,7 +29004,7 @@ function parseItems(children, items, keyPath, components, prefixCls) {
 }
 var _excluded$f = ["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$2 = [];
-var Menu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+var Menu$2 = /* @__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, children = _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, onKeyDown = _ref.onKeyDown, openAnimation = _ref.openAnimation, openTransitionName = _ref.openTransitionName, _internalRenderMenuItem = _ref._internalRenderMenuItem, _internalRenderSubMenuItem = _ref._internalRenderSubMenuItem, _internalComponents = _ref._internalComponents, restProps = _objectWithoutProperties$1(_ref, _excluded$f);
   var _React$useMemo = React.useMemo(function() {
@@ -29204,7 +29210,7 @@ var Menu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     ref: containerRef,
     prefixCls: "".concat(prefixCls, "-overflow"),
     component: "ul",
-    itemComponent: MenuItem$2,
+    itemComponent: MenuItem$3,
     className: classNames(prefixCls, "".concat(prefixCls, "-root"), "".concat(prefixCls, "-").concat(internalMode), className, _defineProperty$3(_defineProperty$3({}, "".concat(prefixCls, "-inline-collapsed"), internalInlineCollapsed), "".concat(prefixCls, "-rtl"), isRtl), rootClassName),
     dir: direction,
     style: style2,
@@ -29217,7 +29223,7 @@ var Menu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     renderRawRest: function renderRawRest(omitItems) {
       var len = omitItems.length;
       var originOmitItems = len ? childList.slice(-len) : null;
-      return /* @__PURE__ */ React.createElement(SubMenu, {
+      return /* @__PURE__ */ React.createElement(SubMenu$1, {
         eventKey: OVERFLOW_KEY,
         title: overflowedIndicator,
         disabled: allVisible,
@@ -29272,11 +29278,395 @@ var Menu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     value: registerPathContext
   }, measureChildList)))));
 });
-var ExportMenu = Menu$1;
-ExportMenu.Item = MenuItem$2;
-ExportMenu.SubMenu = SubMenu;
+var ExportMenu = Menu$2;
+ExportMenu.Item = MenuItem$3;
+ExportMenu.SubMenu = SubMenu$1;
 ExportMenu.ItemGroup = MenuItemGroup;
 ExportMenu.Divider = Divider$1;
+var BarsOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" };
+var BarsOutlined = function BarsOutlined2(props, ref) {
+  return /* @__PURE__ */ React.createElement(Icon$2, _extends$1({}, props, {
+    ref,
+    icon: BarsOutlined$1
+  }));
+};
+var RefIcon$s = /* @__PURE__ */ React.forwardRef(BarsOutlined);
+if (process.env.NODE_ENV !== "production") {
+  RefIcon$s.displayName = "BarsOutlined";
+}
+const LayoutContext = /* @__PURE__ */ React.createContext({
+  siderHook: {
+    addSider: () => null,
+    removeSider: () => null
+  }
+});
+const genLayoutStyle = (token2) => {
+  const {
+    antCls,
+    // .ant
+    componentCls,
+    // .ant-layout
+    colorText,
+    footerBg,
+    headerHeight,
+    headerPadding,
+    headerColor,
+    footerPadding,
+    fontSize,
+    bodyBg,
+    headerBg
+  } = token2;
+  return {
+    [componentCls]: {
+      display: "flex",
+      flex: "auto",
+      flexDirection: "column",
+      /* fix firefox can't set height smaller than content on flex item */
+      minHeight: 0,
+      background: bodyBg,
+      "&, *": {
+        boxSizing: "border-box"
+      },
+      [`&${componentCls}-has-sider`]: {
+        flexDirection: "row",
+        [`> ${componentCls}, > ${componentCls}-content`]: {
+          // https://segmentfault.com/a/1190000019498300
+          width: 0
+        }
+      },
+      [`${componentCls}-header, &${componentCls}-footer`]: {
+        flex: "0 0 auto"
+      },
+      // RTL
+      "&-rtl": {
+        direction: "rtl"
+      }
+    },
+    // ==================== Header ====================
+    [`${componentCls}-header`]: {
+      height: headerHeight,
+      padding: headerPadding,
+      color: headerColor,
+      lineHeight: unit$1(headerHeight),
+      background: headerBg,
+      // Other components/menu/style/index.less line:686
+      // Integration with header element so menu items have the same height
+      [`${antCls}-menu`]: {
+        lineHeight: "inherit"
+      }
+    },
+    // ==================== Footer ====================
+    [`${componentCls}-footer`]: {
+      padding: footerPadding,
+      color: colorText,
+      fontSize,
+      background: footerBg
+    },
+    // =================== Content ====================
+    [`${componentCls}-content`]: {
+      flex: "auto",
+      color: colorText,
+      // fix firefox can't set height smaller than content on flex item
+      minHeight: 0
+    }
+  };
+};
+const prepareComponentToken$e = (token2) => {
+  const {
+    colorBgLayout,
+    controlHeight,
+    controlHeightLG,
+    colorText,
+    controlHeightSM,
+    marginXXS,
+    colorTextLightSolid,
+    colorBgContainer
+  } = token2;
+  const paddingInline = controlHeightLG * 1.25;
+  return {
+    // Deprecated
+    colorBgHeader: "#001529",
+    colorBgBody: colorBgLayout,
+    colorBgTrigger: "#002140",
+    bodyBg: colorBgLayout,
+    headerBg: "#001529",
+    headerHeight: controlHeight * 2,
+    headerPadding: `0 ${paddingInline}px`,
+    headerColor: colorText,
+    footerPadding: `${controlHeightSM}px ${paddingInline}px`,
+    footerBg: colorBgLayout,
+    siderBg: "#001529",
+    triggerHeight: controlHeightLG + marginXXS * 2,
+    triggerBg: "#002140",
+    triggerColor: colorTextLightSolid,
+    zeroTriggerWidth: controlHeightLG,
+    zeroTriggerHeight: controlHeightLG,
+    lightSiderBg: colorBgContainer,
+    lightTriggerBg: colorBgContainer,
+    lightTriggerColor: colorText
+  };
+};
+const DEPRECATED_TOKENS = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
+genStyleHooks("Layout", genLayoutStyle, prepareComponentToken$e, {
+  deprecatedTokens: DEPRECATED_TOKENS
+});
+const genSiderStyle = (token2) => {
+  const {
+    componentCls,
+    siderBg,
+    motionDurationMid,
+    motionDurationSlow,
+    antCls,
+    triggerHeight,
+    triggerColor,
+    triggerBg,
+    headerHeight,
+    zeroTriggerWidth,
+    zeroTriggerHeight,
+    borderRadiusLG,
+    lightSiderBg,
+    lightTriggerColor,
+    lightTriggerBg,
+    bodyBg
+  } = token2;
+  return {
+    [componentCls]: {
+      position: "relative",
+      // fix firefox can't set width smaller than content on flex item
+      minWidth: 0,
+      background: siderBg,
+      transition: `all ${motionDurationMid}, background 0s`,
+      "&-has-trigger": {
+        paddingBottom: triggerHeight
+      },
+      "&-right": {
+        order: 1
+      },
+      [`${componentCls}-children`]: {
+        height: "100%",
+        // Hack for fixing margin collapse bug
+        // https://github.com/ant-design/ant-design/issues/7967
+        // solution from https://stackoverflow.com/a/33132624/3040605
+        marginTop: -0.1,
+        paddingTop: 0.1,
+        [`${antCls}-menu${antCls}-menu-inline-collapsed`]: {
+          width: "auto"
+        }
+      },
+      [`&-zero-width ${componentCls}-children`]: {
+        overflow: "hidden"
+      },
+      [`${componentCls}-trigger`]: {
+        position: "fixed",
+        bottom: 0,
+        zIndex: 1,
+        height: triggerHeight,
+        color: triggerColor,
+        lineHeight: unit$1(triggerHeight),
+        textAlign: "center",
+        background: triggerBg,
+        cursor: "pointer",
+        transition: `all ${motionDurationMid}`
+      },
+      [`${componentCls}-zero-width-trigger`]: {
+        position: "absolute",
+        top: headerHeight,
+        insetInlineEnd: token2.calc(zeroTriggerWidth).mul(-1).equal(),
+        zIndex: 1,
+        width: zeroTriggerWidth,
+        height: zeroTriggerHeight,
+        color: triggerColor,
+        fontSize: token2.fontSizeXL,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: siderBg,
+        borderRadius: `0 ${unit$1(borderRadiusLG)} ${unit$1(borderRadiusLG)} 0`,
+        cursor: "pointer",
+        transition: `background ${motionDurationSlow} ease`,
+        "&::after": {
+          position: "absolute",
+          inset: 0,
+          background: "transparent",
+          transition: `all ${motionDurationSlow}`,
+          content: '""'
+        },
+        "&:hover::after": {
+          background: `rgba(255, 255, 255, 0.2)`
+        },
+        "&-right": {
+          insetInlineStart: token2.calc(zeroTriggerWidth).mul(-1).equal(),
+          borderRadius: `${unit$1(borderRadiusLG)} 0 0 ${unit$1(borderRadiusLG)}`
+        }
+      },
+      // Light
+      "&-light": {
+        background: lightSiderBg,
+        [`${componentCls}-trigger`]: {
+          color: lightTriggerColor,
+          background: lightTriggerBg
+        },
+        [`${componentCls}-zero-width-trigger`]: {
+          color: lightTriggerColor,
+          background: lightTriggerBg,
+          border: `1px solid ${bodyBg}`,
+          // Safe to modify to any other color
+          borderInlineStart: 0
+        }
+      }
+    }
+  };
+};
+const useStyle$k = genStyleHooks(["Layout", "Sider"], genSiderStyle, prepareComponentToken$e, {
+  deprecatedTokens: DEPRECATED_TOKENS
+});
+var __rest$I = function(s2, e3) {
+  var t2 = {};
+  for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
+  if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
+    if (e3.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i])) t2[p2[i]] = s2[p2[i]];
+  }
+  return t2;
+};
+const dimensionMaxMap = {
+  xs: "479.98px",
+  sm: "575.98px",
+  md: "767.98px",
+  lg: "991.98px",
+  xl: "1199.98px",
+  xxl: "1599.98px"
+};
+const isNumeric$1 = (val) => !Number.isNaN(Number.parseFloat(val)) && Number.isFinite(Number(val));
+const SiderContext = /* @__PURE__ */ React.createContext({});
+const generateId = /* @__PURE__ */ (() => {
+  let i = 0;
+  return (prefix2 = "") => {
+    i += 1;
+    return `${prefix2}${i}`;
+  };
+})();
+const Sider = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    trigger,
+    children,
+    defaultCollapsed = false,
+    theme: theme2 = "dark",
+    style: style2 = {},
+    collapsible = false,
+    reverseArrow = false,
+    width = 200,
+    collapsedWidth = 80,
+    zeroWidthTriggerStyle,
+    breakpoint,
+    onCollapse,
+    onBreakpoint
+  } = props, otherProps = __rest$I(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
+  const {
+    siderHook
+  } = useContext(LayoutContext);
+  const [collapsed, setCollapsed] = useState("collapsed" in props ? props.collapsed : defaultCollapsed);
+  const [below, setBelow] = useState(false);
+  useEffect(() => {
+    if ("collapsed" in props) {
+      setCollapsed(props.collapsed);
+    }
+  }, [props.collapsed]);
+  const handleSetCollapsed = (value, type4) => {
+    if (!("collapsed" in props)) {
+      setCollapsed(value);
+    }
+    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type4);
+  };
+  const {
+    getPrefixCls,
+    direction
+  } = useContext(ConfigContext);
+  const prefixCls = getPrefixCls("layout-sider", customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$k(prefixCls);
+  const responsiveHandlerRef = useRef(null);
+  responsiveHandlerRef.current = (mql) => {
+    setBelow(mql.matches);
+    onBreakpoint === null || onBreakpoint === void 0 ? void 0 : onBreakpoint(mql.matches);
+    if (collapsed !== mql.matches) {
+      handleSetCollapsed(mql.matches, "responsive");
+    }
+  };
+  useEffect(() => {
+    function responsiveHandler(mql2) {
+      var _a2;
+      return (_a2 = responsiveHandlerRef.current) === null || _a2 === void 0 ? void 0 : _a2.call(responsiveHandlerRef, mql2);
+    }
+    let mql;
+    if (typeof (window === null || window === void 0 ? void 0 : window.matchMedia) !== "undefined" && breakpoint && breakpoint in dimensionMaxMap) {
+      mql = window.matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
+      addMediaQueryListener(mql, responsiveHandler);
+      responsiveHandler(mql);
+    }
+    return () => {
+      removeMediaQueryListener(mql, responsiveHandler);
+    };
+  }, [breakpoint]);
+  useEffect(() => {
+    const uniqueId = generateId("ant-sider-");
+    siderHook.addSider(uniqueId);
+    return () => siderHook.removeSider(uniqueId);
+  }, []);
+  const toggle = () => {
+    handleSetCollapsed(!collapsed, "clickTrigger");
+  };
+  const divProps = omit(otherProps, ["collapsed"]);
+  const rawWidth = collapsed ? collapsedWidth : width;
+  const siderWidth = isNumeric$1(rawWidth) ? `${rawWidth}px` : String(rawWidth);
+  const zeroWidthTrigger = Number.parseFloat(String(collapsedWidth || 0)) === 0 ? /* @__PURE__ */ React.createElement("span", {
+    onClick: toggle,
+    className: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? "right" : "left"}`),
+    style: zeroWidthTriggerStyle
+  }, trigger || /* @__PURE__ */ React.createElement(RefIcon$s, null)) : null;
+  const reverseIcon = direction === "rtl" === !reverseArrow;
+  const iconObj = {
+    expanded: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$x, null) : /* @__PURE__ */ React.createElement(RefIcon$t, null),
+    collapsed: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$t, null) : /* @__PURE__ */ React.createElement(RefIcon$x, null)
+  };
+  const status = collapsed ? "collapsed" : "expanded";
+  const defaultTrigger = iconObj[status];
+  const triggerDom = trigger !== null ? zeroWidthTrigger || /* @__PURE__ */ React.createElement("div", {
+    className: `${prefixCls}-trigger`,
+    onClick: toggle,
+    style: {
+      width: siderWidth
+    }
+  }, trigger || defaultTrigger) : null;
+  const divStyle = Object.assign(Object.assign({}, style2), {
+    flex: `0 0 ${siderWidth}`,
+    maxWidth: siderWidth,
+    minWidth: siderWidth,
+    width: siderWidth
+  });
+  const siderCls = classNames(prefixCls, `${prefixCls}-${theme2}`, {
+    [`${prefixCls}-collapsed`]: !!collapsed,
+    [`${prefixCls}-has-trigger`]: collapsible && trigger !== null && !zeroWidthTrigger,
+    [`${prefixCls}-below`]: !!below,
+    [`${prefixCls}-zero-width`]: Number.parseFloat(siderWidth) === 0
+  }, className, hashId, cssVarCls);
+  const contextValue = React.useMemo(() => ({
+    siderCollapsed: collapsed
+  }), [collapsed]);
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(SiderContext.Provider, {
+    value: contextValue
+  }, /* @__PURE__ */ React.createElement("aside", Object.assign({
+    className: siderCls
+  }, divProps, {
+    style: divStyle,
+    ref
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: `${prefixCls}-children`
+  }, children), collapsible || below && zeroWidthTrigger ? triggerDom : null)));
+});
+if (process.env.NODE_ENV !== "production") {
+  Sider.displayName = "Sider";
+}
 var EllipsisOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" };
 var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
   return /* @__PURE__ */ React.createElement(Icon$2, _extends$1({}, props, {
@@ -29288,6 +29678,1832 @@ var RefIcon$r = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
 if (process.env.NODE_ENV !== "production") {
   RefIcon$r.displayName = "EllipsisOutlined";
 }
+const MenuContext = /* @__PURE__ */ createContext({
+  prefixCls: "",
+  firstLevel: true,
+  inlineCollapsed: false
+});
+var __rest$H = function(s2, e3) {
+  var t2 = {};
+  for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
+  if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
+    if (e3.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i])) t2[p2[i]] = s2[p2[i]];
+  }
+  return t2;
+};
+const MenuDivider = (props) => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    dashed
+  } = props, restProps = __rest$H(props, ["prefixCls", "className", "dashed"]);
+  const {
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const prefixCls = getPrefixCls("menu", customizePrefixCls);
+  const classString = classNames({
+    [`${prefixCls}-item-divider-dashed`]: !!dashed
+  }, className);
+  return /* @__PURE__ */ React.createElement(Divider$1, Object.assign({
+    className: classString
+  }, restProps));
+};
+const MenuItem$1 = (props) => {
+  var _a2;
+  const {
+    className,
+    children,
+    icon: icon2,
+    title,
+    danger,
+    extra
+  } = props;
+  const {
+    prefixCls,
+    firstLevel,
+    direction,
+    disableMenuItemTitleTooltip,
+    inlineCollapsed: isInlineCollapsed
+  } = React.useContext(MenuContext);
+  const renderItemChildren = (inlineCollapsed) => {
+    const label = children === null || children === void 0 ? void 0 : children[0];
+    const wrapNode = /* @__PURE__ */ React.createElement("span", {
+      className: classNames(`${prefixCls}-title-content`, {
+        [`${prefixCls}-title-content-with-extra`]: !!extra || extra === 0
+      })
+    }, children);
+    if (!icon2 || /* @__PURE__ */ React.isValidElement(children) && children.type === "span") {
+      if (children && inlineCollapsed && firstLevel && typeof label === "string") {
+        return /* @__PURE__ */ React.createElement("div", {
+          className: `${prefixCls}-inline-collapsed-noicon`
+        }, label.charAt(0));
+      }
+    }
+    return wrapNode;
+  };
+  const {
+    siderCollapsed
+  } = React.useContext(SiderContext);
+  let tooltipTitle = title;
+  if (typeof title === "undefined") {
+    tooltipTitle = firstLevel ? children : "";
+  } else if (title === false) {
+    tooltipTitle = "";
+  }
+  const tooltipProps = {
+    title: tooltipTitle
+  };
+  if (!siderCollapsed && !isInlineCollapsed) {
+    tooltipProps.title = null;
+    tooltipProps.open = false;
+  }
+  const childrenLength = toArray$6(children).length;
+  let returnNode = /* @__PURE__ */ React.createElement(MenuItem$3, Object.assign({}, omit(props, ["title", "icon", "danger"]), {
+    className: classNames({
+      [`${prefixCls}-item-danger`]: danger,
+      [`${prefixCls}-item-only-child`]: (icon2 ? childrenLength + 1 : childrenLength) === 1
+    }, className),
+    title: typeof title === "string" ? title : void 0
+  }), cloneElement(icon2, {
+    className: classNames(/* @__PURE__ */ React.isValidElement(icon2) ? (_a2 = icon2.props) === null || _a2 === void 0 ? void 0 : _a2.className : void 0, `${prefixCls}-item-icon`)
+  }), renderItemChildren(isInlineCollapsed));
+  if (!disableMenuItemTitleTooltip) {
+    returnNode = /* @__PURE__ */ React.createElement(Tooltip2, Object.assign({}, tooltipProps, {
+      placement: direction === "rtl" ? "left" : "right",
+      classNames: {
+        root: `${prefixCls}-inline-collapsed-tooltip`
+      }
+    }), returnNode);
+  }
+  return returnNode;
+};
+var __rest$G = function(s2, e3) {
+  var t2 = {};
+  for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
+  if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
+    if (e3.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i])) t2[p2[i]] = s2[p2[i]];
+  }
+  return t2;
+};
+const OverrideContext = /* @__PURE__ */ React.createContext(null);
+const OverrideProvider = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const {
+    children
+  } = props, restProps = __rest$G(props, ["children"]);
+  const override = React.useContext(OverrideContext);
+  const context = React.useMemo(() => Object.assign(Object.assign({}, override), restProps), [
+    override,
+    restProps.prefixCls,
+    // restProps.expandIcon, Not mark as deps since this is a ReactNode
+    restProps.mode,
+    restProps.selectable,
+    restProps.rootClassName
+    // restProps.validator, Not mark as deps since this is a function
+  ]);
+  const canRef = supportNodeRef(children);
+  const mergedRef = useComposeRef(ref, canRef ? getNodeRef(children) : null);
+  return /* @__PURE__ */ React.createElement(OverrideContext.Provider, {
+    value: context
+  }, /* @__PURE__ */ React.createElement(ContextIsolator, {
+    space: true
+  }, canRef ? /* @__PURE__ */ React.cloneElement(children, {
+    ref: mergedRef
+  }) : children));
+});
+const getHorizontalStyle = (token2) => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    horizontalLineHeight,
+    colorSplit,
+    lineWidth,
+    lineType,
+    itemPaddingInline
+  } = token2;
+  return {
+    [`${componentCls}-horizontal`]: {
+      lineHeight: horizontalLineHeight,
+      border: 0,
+      borderBottom: `${unit$1(lineWidth)} ${lineType} ${colorSplit}`,
+      boxShadow: "none",
+      "&::after": {
+        display: "block",
+        clear: "both",
+        height: 0,
+        content: '"\\20"'
+      },
+      // ======================= Item =======================
+      [`${componentCls}-item, ${componentCls}-submenu`]: {
+        position: "relative",
+        display: "inline-block",
+        verticalAlign: "bottom",
+        paddingInline: itemPaddingInline
+      },
+      [`> ${componentCls}-item:hover,
+        > ${componentCls}-item-active,
+        > ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: {
+        backgroundColor: "transparent"
+      },
+      [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+        transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(",")
+      },
+      // ===================== Sub Menu =====================
+      [`${componentCls}-submenu-arrow`]: {
+        display: "none"
+      }
+    }
+  };
+};
+const getRTLStyle = ({
+  componentCls,
+  menuArrowOffset,
+  calc
+}) => ({
+  [`${componentCls}-rtl`]: {
+    direction: "rtl"
+  },
+  [`${componentCls}-submenu-rtl`]: {
+    transformOrigin: "100% 0"
+  },
+  // Vertical Arrow
+  [`${componentCls}-rtl${componentCls}-vertical,
+    ${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
+    [`${componentCls}-submenu-arrow`]: {
+      "&::before": {
+        transform: `rotate(-45deg) translateY(${unit$1(calc(menuArrowOffset).mul(-1).equal())})`
+      },
+      "&::after": {
+        transform: `rotate(45deg) translateY(${unit$1(menuArrowOffset)})`
+      }
+    }
+  }
+});
+const accessibilityFocus = (token2) => genFocusOutline(token2);
+const getThemeStyle = (token2, themeSuffix) => {
+  const {
+    componentCls,
+    itemColor,
+    itemSelectedColor,
+    subMenuItemSelectedColor,
+    groupTitleColor,
+    itemBg,
+    subMenuItemBg,
+    itemSelectedBg,
+    activeBarHeight,
+    activeBarWidth,
+    activeBarBorderWidth,
+    motionDurationSlow,
+    motionEaseInOut,
+    motionEaseOut,
+    itemPaddingInline,
+    motionDurationMid,
+    itemHoverColor,
+    lineType,
+    colorSplit,
+    // Disabled
+    itemDisabledColor,
+    // Danger
+    dangerItemColor,
+    dangerItemHoverColor,
+    dangerItemSelectedColor,
+    dangerItemActiveBg,
+    dangerItemSelectedBg,
+    // Bg
+    popupBg,
+    itemHoverBg,
+    itemActiveBg,
+    menuSubMenuBg,
+    // Horizontal
+    horizontalItemSelectedColor,
+    horizontalItemSelectedBg,
+    horizontalItemBorderRadius,
+    horizontalItemHoverBg
+  } = token2;
+  return {
+    [`${componentCls}-${themeSuffix}, ${componentCls}-${themeSuffix} > ${componentCls}`]: {
+      color: itemColor,
+      background: itemBg,
+      [`&${componentCls}-root:focus-visible`]: Object.assign({}, accessibilityFocus(token2)),
+      // ======================== Item ========================
+      [`${componentCls}-item`]: {
+        "&-group-title, &-extra": {
+          color: groupTitleColor
+        }
+      },
+      [`${componentCls}-submenu-selected > ${componentCls}-submenu-title`]: {
+        color: subMenuItemSelectedColor
+      },
+      [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+        color: itemColor,
+        [`&:not(${componentCls}-item-disabled):focus-visible`]: Object.assign({}, accessibilityFocus(token2))
+      },
+      // Disabled
+      [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
+        color: `${itemDisabledColor} !important`
+      },
+      // Hover
+      [`${componentCls}-item:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: {
+        [`&:hover, > ${componentCls}-submenu-title:hover`]: {
+          color: itemHoverColor
+        }
+      },
+      [`&:not(${componentCls}-horizontal)`]: {
+        [`${componentCls}-item:not(${componentCls}-item-selected)`]: {
+          "&:hover": {
+            backgroundColor: itemHoverBg
+          },
+          "&:active": {
+            backgroundColor: itemActiveBg
+          }
+        },
+        [`${componentCls}-submenu-title`]: {
+          "&:hover": {
+            backgroundColor: itemHoverBg
+          },
+          "&:active": {
+            backgroundColor: itemActiveBg
+          }
+        }
+      },
+      // Danger - only Item has
+      [`${componentCls}-item-danger`]: {
+        color: dangerItemColor,
+        [`&${componentCls}-item:hover`]: {
+          [`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: {
+            color: dangerItemHoverColor
+          }
+        },
+        [`&${componentCls}-item:active`]: {
+          background: dangerItemActiveBg
+        }
+      },
+      [`${componentCls}-item a`]: {
+        "&, &:hover": {
+          color: "inherit"
+        }
+      },
+      [`${componentCls}-item-selected`]: {
+        color: itemSelectedColor,
+        // Danger
+        [`&${componentCls}-item-danger`]: {
+          color: dangerItemSelectedColor
+        },
+        "a, a:hover": {
+          color: "inherit"
+        }
+      },
+      [`& ${componentCls}-item-selected`]: {
+        backgroundColor: itemSelectedBg,
+        // Danger
+        [`&${componentCls}-item-danger`]: {
+          backgroundColor: dangerItemSelectedBg
+        }
+      },
+      [`&${componentCls}-submenu > ${componentCls}`]: {
+        backgroundColor: menuSubMenuBg
+      },
+      // ===== 设置浮层的颜色 =======
+      // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
+      [`&${componentCls}-popup > ${componentCls}`]: {
+        backgroundColor: popupBg
+      },
+      [`&${componentCls}-submenu-popup > ${componentCls}`]: {
+        backgroundColor: popupBg
+      },
+      // ===== 设置浮层的颜色 end =======
+      // ====================== Horizontal ======================
+      [`&${componentCls}-horizontal`]: Object.assign(Object.assign({}, themeSuffix === "dark" ? {
+        borderBottom: 0
+      } : {}), {
+        [`> ${componentCls}-item, > ${componentCls}-submenu`]: {
+          top: activeBarBorderWidth,
+          marginTop: token2.calc(activeBarBorderWidth).mul(-1).equal(),
+          marginBottom: 0,
+          borderRadius: horizontalItemBorderRadius,
+          "&::after": {
+            position: "absolute",
+            insetInline: itemPaddingInline,
+            bottom: 0,
+            borderBottom: `${unit$1(activeBarHeight)} solid transparent`,
+            transition: `border-color ${motionDurationSlow} ${motionEaseInOut}`,
+            content: '""'
+          },
+          "&:hover, &-active, &-open": {
+            background: horizontalItemHoverBg,
+            "&::after": {
+              borderBottomWidth: activeBarHeight,
+              borderBottomColor: horizontalItemSelectedColor
+            }
+          },
+          "&-selected": {
+            color: horizontalItemSelectedColor,
+            backgroundColor: horizontalItemSelectedBg,
+            "&:hover": {
+              backgroundColor: horizontalItemSelectedBg
+            },
+            "&::after": {
+              borderBottomWidth: activeBarHeight,
+              borderBottomColor: horizontalItemSelectedColor
+            }
+          }
+        }
+      }),
+      // ================== Inline & Vertical ===================
+      //
+      [`&${componentCls}-root`]: {
+        [`&${componentCls}-inline, &${componentCls}-vertical`]: {
+          borderInlineEnd: `${unit$1(activeBarBorderWidth)} ${lineType} ${colorSplit}`
+        }
+      },
+      // ======================== Inline ========================
+      [`&${componentCls}-inline`]: {
+        // Sub
+        [`${componentCls}-sub${componentCls}-inline`]: {
+          background: subMenuItemBg
+        },
+        [`${componentCls}-item`]: {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            insetBlock: 0,
+            insetInlineEnd: 0,
+            borderInlineEnd: `${unit$1(activeBarWidth)} solid ${itemSelectedColor}`,
+            transform: "scaleY(0.0001)",
+            opacity: 0,
+            transition: [`transform ${motionDurationMid} ${motionEaseOut}`, `opacity ${motionDurationMid} ${motionEaseOut}`].join(","),
+            content: '""'
+          },
+          // Danger
+          [`&${componentCls}-item-danger`]: {
+            "&::after": {
+              borderInlineEndColor: dangerItemSelectedColor
+            }
+          }
+        },
+        [`${componentCls}-selected, ${componentCls}-item-selected`]: {
+          "&::after": {
+            transform: "scaleY(1)",
+            opacity: 1,
+            transition: [`transform ${motionDurationMid} ${motionEaseInOut}`, `opacity ${motionDurationMid} ${motionEaseInOut}`].join(",")
+          }
+        }
+      }
+    }
+  };
+};
+const getVerticalInlineStyle = (token2) => {
+  const {
+    componentCls,
+    itemHeight,
+    itemMarginInline,
+    padding,
+    menuArrowSize,
+    marginXS,
+    itemMarginBlock,
+    itemWidth,
+    itemPaddingInline
+  } = token2;
+  const paddingWithArrow = token2.calc(menuArrowSize).add(padding).add(marginXS).equal();
+  return {
+    [`${componentCls}-item`]: {
+      position: "relative",
+      overflow: "hidden"
+    },
+    [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+      height: itemHeight,
+      lineHeight: unit$1(itemHeight),
+      paddingInline: itemPaddingInline,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      marginInline: itemMarginInline,
+      marginBlock: itemMarginBlock,
+      width: itemWidth
+    },
+    [`> ${componentCls}-item,
+            > ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+      height: itemHeight,
+      lineHeight: unit$1(itemHeight)
+    },
+    [`${componentCls}-item-group-list ${componentCls}-submenu-title,
+            ${componentCls}-submenu-title`]: {
+      paddingInlineEnd: paddingWithArrow
+    }
+  };
+};
+const getVerticalStyle = (token2) => {
+  const {
+    componentCls,
+    iconCls,
+    itemHeight,
+    colorTextLightSolid,
+    dropdownWidth,
+    controlHeightLG,
+    motionEaseOut,
+    paddingXL,
+    itemMarginInline,
+    fontSizeLG,
+    motionDurationFast,
+    motionDurationSlow,
+    paddingXS,
+    boxShadowSecondary,
+    collapsedWidth,
+    collapsedIconSize
+  } = token2;
+  const inlineItemStyle = {
+    height: itemHeight,
+    lineHeight: unit$1(itemHeight),
+    listStylePosition: "inside",
+    listStyleType: "disc"
+  };
+  return [
+    {
+      [componentCls]: {
+        "&-inline, &-vertical": Object.assign({
+          [`&${componentCls}-root`]: {
+            boxShadow: "none"
+          }
+        }, getVerticalInlineStyle(token2))
+      },
+      [`${componentCls}-submenu-popup`]: {
+        [`${componentCls}-vertical`]: Object.assign(Object.assign({}, getVerticalInlineStyle(token2)), {
+          boxShadow: boxShadowSecondary
+        })
+      }
+    },
+    // Vertical only
+    {
+      [`${componentCls}-submenu-popup ${componentCls}-vertical${componentCls}-sub`]: {
+        minWidth: dropdownWidth,
+        maxHeight: `calc(100vh - ${unit$1(token2.calc(controlHeightLG).mul(2.5).equal())})`,
+        padding: "0",
+        overflow: "hidden",
+        borderInlineEnd: 0,
+        // https://github.com/ant-design/ant-design/issues/22244
+        // https://github.com/ant-design/ant-design/issues/26812
+        "&:not([class*='-active'])": {
+          overflowX: "hidden",
+          overflowY: "auto"
+        }
+      }
+    },
+    // Inline Only
+    {
+      [`${componentCls}-inline`]: {
+        width: "100%",
+        // Motion enhance for first level
+        [`&${componentCls}-root`]: {
+          [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+            display: "flex",
+            alignItems: "center",
+            transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationFast} ${motionEaseOut}`].join(","),
+            [`> ${componentCls}-title-content`]: {
+              flex: "auto",
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            "> *": {
+              flex: "none"
+            }
+          }
+        },
+        // >>>>> Sub
+        [`${componentCls}-sub${componentCls}-inline`]: {
+          padding: 0,
+          border: 0,
+          borderRadius: 0,
+          boxShadow: "none",
+          [`& > ${componentCls}-submenu > ${componentCls}-submenu-title`]: inlineItemStyle,
+          [`& ${componentCls}-item-group-title`]: {
+            paddingInlineStart: paddingXL
+          }
+        },
+        // >>>>> Item
+        [`${componentCls}-item`]: inlineItemStyle
+      }
+    },
+    // Inline Collapse Only
+    {
+      [`${componentCls}-inline-collapsed`]: {
+        width: collapsedWidth,
+        [`&${componentCls}-root`]: {
+          [`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: {
+            [`> ${componentCls}-inline-collapsed-noicon`]: {
+              fontSize: fontSizeLG,
+              textAlign: "center"
+            }
+          }
+        },
+        [`> ${componentCls}-item,
+          > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item,
+          > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title,
+          > ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+          insetInlineStart: 0,
+          paddingInline: `calc(50% - ${unit$1(token2.calc(collapsedIconSize).div(2).equal())} - ${unit$1(itemMarginInline)})`,
+          textOverflow: "clip",
+          [`
+            ${componentCls}-submenu-arrow,
+            ${componentCls}-submenu-expand-icon
+          `]: {
+            opacity: 0
+          },
+          [`${componentCls}-item-icon, ${iconCls}`]: {
+            margin: 0,
+            fontSize: collapsedIconSize,
+            lineHeight: unit$1(itemHeight),
+            "+ span": {
+              display: "inline-block",
+              opacity: 0
+            }
+          }
+        },
+        [`${componentCls}-item-icon, ${iconCls}`]: {
+          display: "inline-block"
+        },
+        "&-tooltip": {
+          pointerEvents: "none",
+          [`${componentCls}-item-icon, ${iconCls}`]: {
+            display: "none"
+          },
+          "a, a:hover": {
+            color: colorTextLightSolid
+          }
+        },
+        [`${componentCls}-item-group-title`]: Object.assign(Object.assign({}, textEllipsis), {
+          paddingInline: paddingXS
+        })
+      }
+    }
+  ];
+};
+const genMenuItemStyle = (token2) => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    motionDurationMid,
+    motionEaseInOut,
+    motionEaseOut,
+    iconCls,
+    iconSize,
+    iconMarginInlineEnd
+  } = token2;
+  return {
+    // >>>>> Item
+    [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+      position: "relative",
+      display: "block",
+      margin: 0,
+      whiteSpace: "nowrap",
+      cursor: "pointer",
+      transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding calc(${motionDurationSlow} + 0.1s) ${motionEaseInOut}`].join(","),
+      [`${componentCls}-item-icon, ${iconCls}`]: {
+        minWidth: iconSize,
+        fontSize: iconSize,
+        transition: [`font-size ${motionDurationMid} ${motionEaseOut}`, `margin ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow}`].join(","),
+        "+ span": {
+          marginInlineStart: iconMarginInlineEnd,
+          opacity: 1,
+          transition: [`opacity ${motionDurationSlow} ${motionEaseInOut}`, `margin ${motionDurationSlow}`, `color ${motionDurationSlow}`].join(",")
+        }
+      },
+      [`${componentCls}-item-icon`]: Object.assign({}, resetIcon()),
+      [`&${componentCls}-item-only-child`]: {
+        [`> ${iconCls}, > ${componentCls}-item-icon`]: {
+          marginInlineEnd: 0
+        }
+      }
+    },
+    // Disabled state sets text to gray and nukes hover/tab effects
+    [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
+      background: "none !important",
+      cursor: "not-allowed",
+      "&::after": {
+        borderColor: "transparent !important"
+      },
+      a: {
+        color: "inherit !important",
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      },
+      [`> ${componentCls}-submenu-title`]: {
+        color: "inherit !important",
+        cursor: "not-allowed"
+      }
+    }
+  };
+};
+const genSubMenuArrowStyle = (token2) => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    motionEaseInOut,
+    borderRadius,
+    menuArrowSize,
+    menuArrowOffset
+  } = token2;
+  return {
+    [`${componentCls}-submenu`]: {
+      "&-expand-icon, &-arrow": {
+        position: "absolute",
+        top: "50%",
+        insetInlineEnd: token2.margin,
+        width: menuArrowSize,
+        color: "currentcolor",
+        transform: "translateY(-50%)",
+        transition: `transform ${motionDurationSlow} ${motionEaseInOut}, opacity ${motionDurationSlow}`
+      },
+      "&-arrow": {
+        // →
+        "&::before, &::after": {
+          position: "absolute",
+          width: token2.calc(menuArrowSize).mul(0.6).equal(),
+          height: token2.calc(menuArrowSize).mul(0.15).equal(),
+          backgroundColor: "currentcolor",
+          borderRadius,
+          transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `transform ${motionDurationSlow} ${motionEaseInOut}`, `top ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow} ${motionEaseInOut}`].join(","),
+          content: '""'
+        },
+        "&::before": {
+          transform: `rotate(45deg) translateY(${unit$1(token2.calc(menuArrowOffset).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(-45deg) translateY(${unit$1(menuArrowOffset)})`
+        }
+      }
+    }
+  };
+};
+const getBaseStyle = (token2) => {
+  const {
+    antCls,
+    componentCls,
+    fontSize,
+    motionDurationSlow,
+    motionDurationMid,
+    motionEaseInOut,
+    paddingXS,
+    padding,
+    colorSplit,
+    lineWidth,
+    zIndexPopup,
+    borderRadiusLG,
+    subMenuItemBorderRadius,
+    menuArrowSize,
+    menuArrowOffset,
+    lineType,
+    groupTitleLineHeight,
+    groupTitleFontSize
+  } = token2;
+  return [
+    // Misc
+    {
+      "": {
+        [componentCls]: Object.assign(Object.assign({}, clearFix()), {
+          // Hidden
+          "&-hidden": {
+            display: "none"
+          }
+        })
+      },
+      [`${componentCls}-submenu-hidden`]: {
+        display: "none"
+      }
+    },
+    {
+      [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token2)), clearFix()), {
+        marginBottom: 0,
+        paddingInlineStart: 0,
+        // Override default ul/ol
+        fontSize,
+        lineHeight: 0,
+        listStyle: "none",
+        outline: "none",
+        // Magic cubic here but smooth transition
+        transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
+        "ul, ol": {
+          margin: 0,
+          padding: 0,
+          listStyle: "none"
+        },
+        // Overflow ellipsis
+        "&-overflow": {
+          display: "flex",
+          [`${componentCls}-item`]: {
+            flex: "none"
+          }
+        },
+        [`${componentCls}-item, ${componentCls}-submenu, ${componentCls}-submenu-title`]: {
+          borderRadius: token2.itemBorderRadius
+        },
+        [`${componentCls}-item-group-title`]: {
+          padding: `${unit$1(paddingXS)} ${unit$1(padding)}`,
+          fontSize: groupTitleFontSize,
+          lineHeight: groupTitleLineHeight,
+          transition: `all ${motionDurationSlow}`
+        },
+        [`&-horizontal ${componentCls}-submenu`]: {
+          transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(",")
+        },
+        [`${componentCls}-submenu, ${componentCls}-submenu-inline`]: {
+          transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationMid} ${motionEaseInOut}`].join(",")
+        },
+        [`${componentCls}-submenu ${componentCls}-sub`]: {
+          cursor: "initial",
+          transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(",")
+        },
+        [`${componentCls}-title-content`]: {
+          transition: `color ${motionDurationSlow}`,
+          "&-with-extra": {
+            display: "inline-flex",
+            alignItems: "center",
+            width: "100%"
+          },
+          // https://github.com/ant-design/ant-design/issues/41143
+          [`> ${antCls}-typography-ellipsis-single-line`]: {
+            display: "inline",
+            verticalAlign: "unset"
+          },
+          [`${componentCls}-item-extra`]: {
+            marginInlineStart: "auto",
+            paddingInlineStart: token2.padding
+          }
+        },
+        [`${componentCls}-item a`]: {
+          "&::before": {
+            position: "absolute",
+            inset: 0,
+            backgroundColor: "transparent",
+            content: '""'
+          }
+        },
+        // Removed a Badge related style seems it's safe
+        // https://github.com/ant-design/ant-design/issues/19809
+        // >>>>> Divider
+        [`${componentCls}-item-divider`]: {
+          overflow: "hidden",
+          lineHeight: 0,
+          borderColor: colorSplit,
+          borderStyle: lineType,
+          borderWidth: 0,
+          borderTopWidth: lineWidth,
+          marginBlock: lineWidth,
+          padding: 0,
+          "&-dashed": {
+            borderStyle: "dashed"
+          }
+        }
+      }), genMenuItemStyle(token2)), {
+        [`${componentCls}-item-group`]: {
+          [`${componentCls}-item-group-list`]: {
+            margin: 0,
+            padding: 0,
+            [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+              paddingInline: `${unit$1(token2.calc(fontSize).mul(2).equal())} ${unit$1(padding)}`
+            }
+          }
+        },
+        // ======================= Sub Menu =======================
+        "&-submenu": {
+          "&-popup": {
+            position: "absolute",
+            zIndex: zIndexPopup,
+            borderRadius: borderRadiusLG,
+            boxShadow: "none",
+            transformOrigin: "0 0",
+            [`&${componentCls}-submenu`]: {
+              background: "transparent"
+            },
+            // https://github.com/ant-design/ant-design/issues/13955
+            "&::before": {
+              position: "absolute",
+              inset: 0,
+              zIndex: -1,
+              width: "100%",
+              height: "100%",
+              opacity: 0,
+              content: '""'
+            },
+            [`> ${componentCls}`]: Object.assign(Object.assign(Object.assign({
+              borderRadius: borderRadiusLG
+            }, genMenuItemStyle(token2)), genSubMenuArrowStyle(token2)), {
+              [`${componentCls}-item, ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+                borderRadius: subMenuItemBorderRadius
+              },
+              [`${componentCls}-submenu-title::after`]: {
+                transition: `transform ${motionDurationSlow} ${motionEaseInOut}`
+              }
+            })
+          },
+          [`
+          &-placement-leftTop,
+          &-placement-bottomRight,
+          `]: {
+            transformOrigin: "100% 0"
+          },
+          [`
+          &-placement-leftBottom,
+          &-placement-topRight,
+          `]: {
+            transformOrigin: "100% 100%"
+          },
+          [`
+          &-placement-rightBottom,
+          &-placement-topLeft,
+          `]: {
+            transformOrigin: "0 100%"
+          },
+          [`
+          &-placement-bottomLeft,
+          &-placement-rightTop,
+          `]: {
+            transformOrigin: "0 0"
+          },
+          [`
+          &-placement-leftTop,
+          &-placement-leftBottom
+          `]: {
+            paddingInlineEnd: token2.paddingXS
+          },
+          [`
+          &-placement-rightTop,
+          &-placement-rightBottom
+          `]: {
+            paddingInlineStart: token2.paddingXS
+          },
+          [`
+          &-placement-topRight,
+          &-placement-topLeft
+          `]: {
+            paddingBottom: token2.paddingXS
+          },
+          [`
+          &-placement-bottomRight,
+          &-placement-bottomLeft
+          `]: {
+            paddingTop: token2.paddingXS
+          }
+        }
+      }), genSubMenuArrowStyle(token2)), {
+        [`&-inline-collapsed ${componentCls}-submenu-arrow,
+        &-inline ${componentCls}-submenu-arrow`]: {
+          // ↓
+          "&::before": {
+            transform: `rotate(-45deg) translateX(${unit$1(menuArrowOffset)})`
+          },
+          "&::after": {
+            transform: `rotate(45deg) translateX(${unit$1(token2.calc(menuArrowOffset).mul(-1).equal())})`
+          }
+        },
+        [`${componentCls}-submenu-open${componentCls}-submenu-inline > ${componentCls}-submenu-title > ${componentCls}-submenu-arrow`]: {
+          // ↑
+          transform: `translateY(${unit$1(token2.calc(menuArrowSize).mul(0.2).mul(-1).equal())})`,
+          "&::after": {
+            transform: `rotate(-45deg) translateX(${unit$1(token2.calc(menuArrowOffset).mul(-1).equal())})`
+          },
+          "&::before": {
+            transform: `rotate(45deg) translateX(${unit$1(menuArrowOffset)})`
+          }
+        }
+      })
+    },
+    // Integration with header element so menu items have the same height
+    {
+      [`${antCls}-layout-header`]: {
+        [componentCls]: {
+          lineHeight: "inherit"
+        }
+      }
+    }
+  ];
+};
+const prepareComponentToken$d = (token2) => {
+  var _a2, _b, _c;
+  const {
+    colorPrimary,
+    colorError,
+    colorTextDisabled,
+    colorErrorBg,
+    colorText,
+    colorTextDescription,
+    colorBgContainer,
+    colorFillAlter,
+    colorFillContent,
+    lineWidth,
+    lineWidthBold,
+    controlItemBgActive,
+    colorBgTextHover,
+    controlHeightLG,
+    lineHeight,
+    colorBgElevated,
+    marginXXS,
+    padding,
+    fontSize,
+    controlHeightSM,
+    fontSizeLG,
+    colorTextLightSolid,
+    colorErrorHover
+  } = token2;
+  const activeBarWidth = (_a2 = token2.activeBarWidth) !== null && _a2 !== void 0 ? _a2 : 0;
+  const activeBarBorderWidth = (_b = token2.activeBarBorderWidth) !== null && _b !== void 0 ? _b : lineWidth;
+  const itemMarginInline = (_c = token2.itemMarginInline) !== null && _c !== void 0 ? _c : token2.marginXXS;
+  const colorTextDark = new FastColor(colorTextLightSolid).setA(0.65).toRgbString();
+  return {
+    dropdownWidth: 160,
+    zIndexPopup: token2.zIndexPopupBase + 50,
+    radiusItem: token2.borderRadiusLG,
+    itemBorderRadius: token2.borderRadiusLG,
+    radiusSubMenuItem: token2.borderRadiusSM,
+    subMenuItemBorderRadius: token2.borderRadiusSM,
+    colorItemText: colorText,
+    itemColor: colorText,
+    colorItemTextHover: colorText,
+    itemHoverColor: colorText,
+    colorItemTextHoverHorizontal: colorPrimary,
+    horizontalItemHoverColor: colorPrimary,
+    colorGroupTitle: colorTextDescription,
+    groupTitleColor: colorTextDescription,
+    colorItemTextSelected: colorPrimary,
+    itemSelectedColor: colorPrimary,
+    subMenuItemSelectedColor: colorPrimary,
+    colorItemTextSelectedHorizontal: colorPrimary,
+    horizontalItemSelectedColor: colorPrimary,
+    colorItemBg: colorBgContainer,
+    itemBg: colorBgContainer,
+    colorItemBgHover: colorBgTextHover,
+    itemHoverBg: colorBgTextHover,
+    colorItemBgActive: colorFillContent,
+    itemActiveBg: controlItemBgActive,
+    colorSubItemBg: colorFillAlter,
+    subMenuItemBg: colorFillAlter,
+    colorItemBgSelected: controlItemBgActive,
+    itemSelectedBg: controlItemBgActive,
+    colorItemBgSelectedHorizontal: "transparent",
+    horizontalItemSelectedBg: "transparent",
+    colorActiveBarWidth: 0,
+    activeBarWidth,
+    colorActiveBarHeight: lineWidthBold,
+    activeBarHeight: lineWidthBold,
+    colorActiveBarBorderSize: lineWidth,
+    activeBarBorderWidth,
+    // Disabled
+    colorItemTextDisabled: colorTextDisabled,
+    itemDisabledColor: colorTextDisabled,
+    // Danger
+    colorDangerItemText: colorError,
+    dangerItemColor: colorError,
+    colorDangerItemTextHover: colorError,
+    dangerItemHoverColor: colorError,
+    colorDangerItemTextSelected: colorError,
+    dangerItemSelectedColor: colorError,
+    colorDangerItemBgActive: colorErrorBg,
+    dangerItemActiveBg: colorErrorBg,
+    colorDangerItemBgSelected: colorErrorBg,
+    dangerItemSelectedBg: colorErrorBg,
+    itemMarginInline,
+    horizontalItemBorderRadius: 0,
+    horizontalItemHoverBg: "transparent",
+    itemHeight: controlHeightLG,
+    groupTitleLineHeight: lineHeight,
+    collapsedWidth: controlHeightLG * 2,
+    popupBg: colorBgElevated,
+    itemMarginBlock: marginXXS,
+    itemPaddingInline: padding,
+    horizontalLineHeight: `${controlHeightLG * 1.15}px`,
+    iconSize: fontSize,
+    iconMarginInlineEnd: controlHeightSM - fontSize,
+    collapsedIconSize: fontSizeLG,
+    groupTitleFontSize: fontSize,
+    // Disabled
+    darkItemDisabledColor: new FastColor(colorTextLightSolid).setA(0.25).toRgbString(),
+    // Dark
+    darkItemColor: colorTextDark,
+    darkDangerItemColor: colorError,
+    darkItemBg: "#001529",
+    darkPopupBg: "#001529",
+    darkSubMenuItemBg: "#000c17",
+    darkItemSelectedColor: colorTextLightSolid,
+    darkItemSelectedBg: colorPrimary,
+    darkDangerItemSelectedBg: colorError,
+    darkItemHoverBg: "transparent",
+    darkGroupTitleColor: colorTextDark,
+    darkItemHoverColor: colorTextLightSolid,
+    darkDangerItemHoverColor: colorErrorHover,
+    darkDangerItemSelectedColor: colorTextLightSolid,
+    darkDangerItemActiveBg: colorError,
+    // internal
+    itemWidth: activeBarWidth ? `calc(100% + ${activeBarBorderWidth}px)` : `calc(100% - ${itemMarginInline * 2}px)`
+  };
+};
+const useStyle$j = (prefixCls, rootCls = prefixCls, injectStyle = true) => {
+  const useStyle2 = genStyleHooks("Menu", (token2) => {
+    const {
+      colorBgElevated,
+      controlHeightLG,
+      fontSize,
+      darkItemColor,
+      darkDangerItemColor,
+      darkItemBg,
+      darkSubMenuItemBg,
+      darkItemSelectedColor,
+      darkItemSelectedBg,
+      darkDangerItemSelectedBg,
+      darkItemHoverBg,
+      darkGroupTitleColor,
+      darkItemHoverColor,
+      darkItemDisabledColor,
+      darkDangerItemHoverColor,
+      darkDangerItemSelectedColor,
+      darkDangerItemActiveBg,
+      popupBg,
+      darkPopupBg
+    } = token2;
+    const menuArrowSize = token2.calc(fontSize).div(7).mul(5).equal();
+    const menuToken = merge$1(token2, {
+      menuArrowSize,
+      menuHorizontalHeight: token2.calc(controlHeightLG).mul(1.15).equal(),
+      menuArrowOffset: token2.calc(menuArrowSize).mul(0.25).equal(),
+      menuSubMenuBg: colorBgElevated,
+      calc: token2.calc,
+      popupBg
+    });
+    const menuDarkToken = merge$1(menuToken, {
+      itemColor: darkItemColor,
+      itemHoverColor: darkItemHoverColor,
+      groupTitleColor: darkGroupTitleColor,
+      itemSelectedColor: darkItemSelectedColor,
+      subMenuItemSelectedColor: darkItemSelectedColor,
+      itemBg: darkItemBg,
+      popupBg: darkPopupBg,
+      subMenuItemBg: darkSubMenuItemBg,
+      itemActiveBg: "transparent",
+      itemSelectedBg: darkItemSelectedBg,
+      activeBarHeight: 0,
+      activeBarBorderWidth: 0,
+      itemHoverBg: darkItemHoverBg,
+      // Disabled
+      itemDisabledColor: darkItemDisabledColor,
+      // Danger
+      dangerItemColor: darkDangerItemColor,
+      dangerItemHoverColor: darkDangerItemHoverColor,
+      dangerItemSelectedColor: darkDangerItemSelectedColor,
+      dangerItemActiveBg: darkDangerItemActiveBg,
+      dangerItemSelectedBg: darkDangerItemSelectedBg,
+      menuSubMenuBg: darkSubMenuItemBg,
+      // Horizontal
+      horizontalItemSelectedColor: darkItemSelectedColor,
+      horizontalItemSelectedBg: darkItemSelectedBg
+    });
+    return [
+      // Basic
+      getBaseStyle(menuToken),
+      // Horizontal
+      getHorizontalStyle(menuToken),
+      // Hard code for some light style
+      // Vertical
+      getVerticalStyle(menuToken),
+      // Hard code for some light style
+      // Theme
+      getThemeStyle(menuToken, "light"),
+      getThemeStyle(menuDarkToken, "dark"),
+      // RTL
+      getRTLStyle(menuToken),
+      // Motion
+      genCollapseMotion(menuToken),
+      initSlideMotion(menuToken, "slide-up"),
+      initSlideMotion(menuToken, "slide-down"),
+      initZoomMotion(menuToken, "zoom-big")
+    ];
+  }, prepareComponentToken$d, {
+    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,
+    unitless: {
+      groupTitleLineHeight: true
+    }
+  });
+  return useStyle2(prefixCls, rootCls);
+};
+const SubMenu = (props) => {
+  var _a2;
+  const {
+    popupClassName,
+    icon: icon2,
+    title,
+    theme: customTheme
+  } = props;
+  const context = React.useContext(MenuContext);
+  const {
+    prefixCls,
+    inlineCollapsed,
+    theme: contextTheme
+  } = context;
+  const parentPath = useFullPath();
+  let titleNode;
+  if (!icon2) {
+    titleNode = inlineCollapsed && !parentPath.length && title && typeof title === "string" ? /* @__PURE__ */ React.createElement("div", {
+      className: `${prefixCls}-inline-collapsed-noicon`
+    }, title.charAt(0)) : /* @__PURE__ */ React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, title);
+  } else {
+    const titleIsSpan = /* @__PURE__ */ React.isValidElement(title) && title.type === "span";
+    titleNode = /* @__PURE__ */ React.createElement(React.Fragment, null, cloneElement(icon2, {
+      className: classNames(/* @__PURE__ */ React.isValidElement(icon2) ? (_a2 = icon2.props) === null || _a2 === void 0 ? void 0 : _a2.className : void 0, `${prefixCls}-item-icon`)
+    }), titleIsSpan ? title : /* @__PURE__ */ React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, title));
+  }
+  const contextValue = React.useMemo(() => Object.assign(Object.assign({}, context), {
+    firstLevel: false
+  }), [context]);
+  const [zIndex] = useZIndex("Menu");
+  return /* @__PURE__ */ React.createElement(MenuContext.Provider, {
+    value: contextValue
+  }, /* @__PURE__ */ React.createElement(SubMenu$1, Object.assign({}, omit(props, ["icon"]), {
+    title: titleNode,
+    popupClassName: classNames(prefixCls, popupClassName, `${prefixCls}-${customTheme || contextTheme}`),
+    popupStyle: Object.assign({
+      zIndex
+    }, props.popupStyle)
+  })));
+};
+var __rest$F = function(s2, e3) {
+  var t2 = {};
+  for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
+  if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
+    if (e3.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i])) t2[p2[i]] = s2[p2[i]];
+  }
+  return t2;
+};
+function isEmptyIcon(icon2) {
+  return icon2 === null || icon2 === false;
+}
+const MENU_COMPONENTS = {
+  item: MenuItem$1,
+  submenu: SubMenu,
+  divider: MenuDivider
+};
+const InternalMenu = /* @__PURE__ */ forwardRef((props, ref) => {
+  var _a2;
+  const override = React.useContext(OverrideContext);
+  const overrideObj = override || {};
+  const {
+    getPrefixCls,
+    getPopupContainer,
+    direction,
+    menu
+  } = React.useContext(ConfigContext);
+  const rootPrefixCls = getPrefixCls();
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    style: style2,
+    theme: theme2 = "light",
+    expandIcon,
+    _internalDisableMenuItemTitleTooltip,
+    inlineCollapsed,
+    siderCollapsed,
+    rootClassName,
+    mode,
+    selectable,
+    onClick,
+    overflowedIndicatorPopupClassName
+  } = props, restProps = __rest$F(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");
+    process.env.NODE_ENV !== "production" ? warning3(!("inlineCollapsed" in props && mode !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline.") : void 0;
+    warning3.deprecated("items" in props && !props.children, "children", "items");
+  }
+  (_a2 = overrideObj.validator) === null || _a2 === void 0 ? void 0 : _a2.call(overrideObj, {
+    mode
+  });
+  const onItemClick = useEvent((...args) => {
+    var _a3;
+    onClick === null || onClick === void 0 ? void 0 : onClick.apply(void 0, args);
+    (_a3 = overrideObj.onClick) === null || _a3 === void 0 ? void 0 : _a3.call(overrideObj);
+  });
+  const mergedMode = overrideObj.mode || mode;
+  const mergedSelectable = selectable !== null && selectable !== void 0 ? selectable : overrideObj.selectable;
+  const mergedInlineCollapsed = inlineCollapsed !== null && inlineCollapsed !== void 0 ? inlineCollapsed : siderCollapsed;
+  const defaultMotions = {
+    horizontal: {
+      motionName: `${rootPrefixCls}-slide-up`
+    },
+    inline: initCollapseMotion(rootPrefixCls),
+    other: {
+      motionName: `${rootPrefixCls}-zoom-big`
+    }
+  };
+  const prefixCls = getPrefixCls("menu", customizePrefixCls || overrideObj.prefixCls);
+  const rootCls = useCSSVarCls(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$j(prefixCls, rootCls, !override);
+  const menuClassName = classNames(`${prefixCls}-${theme2}`, menu === null || menu === void 0 ? void 0 : menu.className, className);
+  const mergedExpandIcon = React.useMemo(() => {
+    var _a3, _b;
+    if (typeof expandIcon === "function" || isEmptyIcon(expandIcon)) {
+      return expandIcon || null;
+    }
+    if (typeof overrideObj.expandIcon === "function" || isEmptyIcon(overrideObj.expandIcon)) {
+      return overrideObj.expandIcon || null;
+    }
+    if (typeof (menu === null || menu === void 0 ? void 0 : menu.expandIcon) === "function" || isEmptyIcon(menu === null || menu === void 0 ? void 0 : menu.expandIcon)) {
+      return (menu === null || menu === void 0 ? void 0 : menu.expandIcon) || null;
+    }
+    const mergedIcon = (_a3 = expandIcon !== null && expandIcon !== void 0 ? expandIcon : overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon) !== null && _a3 !== void 0 ? _a3 : menu === null || menu === void 0 ? void 0 : menu.expandIcon;
+    return cloneElement(mergedIcon, {
+      className: classNames(`${prefixCls}-submenu-expand-icon`, /* @__PURE__ */ React.isValidElement(mergedIcon) ? (_b = mergedIcon.props) === null || _b === void 0 ? void 0 : _b.className : void 0)
+    });
+  }, [expandIcon, overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon, menu === null || menu === void 0 ? void 0 : menu.expandIcon, prefixCls]);
+  const contextValue = React.useMemo(() => ({
+    prefixCls,
+    inlineCollapsed: mergedInlineCollapsed || false,
+    direction,
+    firstLevel: true,
+    theme: theme2,
+    mode: mergedMode,
+    disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
+  }), [prefixCls, mergedInlineCollapsed, direction, _internalDisableMenuItemTitleTooltip, theme2]);
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(OverrideContext.Provider, {
+    value: null
+  }, /* @__PURE__ */ React.createElement(MenuContext.Provider, {
+    value: contextValue
+  }, /* @__PURE__ */ React.createElement(ExportMenu, Object.assign({
+    getPopupContainer,
+    overflowedIndicator: /* @__PURE__ */ React.createElement(RefIcon$r, null),
+    overflowedIndicatorPopupClassName: classNames(prefixCls, `${prefixCls}-${theme2}`, overflowedIndicatorPopupClassName),
+    mode: mergedMode,
+    selectable: mergedSelectable,
+    onClick: onItemClick
+  }, passedProps, {
+    inlineCollapsed: mergedInlineCollapsed,
+    style: Object.assign(Object.assign({}, menu === null || menu === void 0 ? void 0 : menu.style), style2),
+    className: menuClassName,
+    prefixCls,
+    direction,
+    defaultMotions,
+    expandIcon: mergedExpandIcon,
+    ref,
+    rootClassName: classNames(rootClassName, hashId, overrideObj.rootClassName, cssVarCls, rootCls),
+    _internalComponents: MENU_COMPONENTS
+  })))));
+});
+const Menu$1 = /* @__PURE__ */ forwardRef((props, ref) => {
+  const menuRef = useRef(null);
+  const context = React.useContext(SiderContext);
+  useImperativeHandle(ref, () => ({
+    menu: menuRef.current,
+    focus: (options) => {
+      var _a2;
+      (_a2 = menuRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus(options);
+    }
+  }));
+  return /* @__PURE__ */ React.createElement(InternalMenu, Object.assign({
+    ref: menuRef
+  }, props, context));
+});
+Menu$1.Item = MenuItem$1;
+Menu$1.SubMenu = SubMenu;
+Menu$1.Divider = MenuDivider;
+Menu$1.ItemGroup = MenuItemGroup;
+if (process.env.NODE_ENV !== "production") {
+  Menu$1.displayName = "Menu";
+}
+const genStatusStyle = (token2) => {
+  const {
+    componentCls,
+    menuCls,
+    colorError,
+    colorTextLightSolid
+  } = token2;
+  const itemCls = `${menuCls}-item`;
+  return {
+    [`${componentCls}, ${componentCls}-menu-submenu`]: {
+      [`${menuCls} ${itemCls}`]: {
+        [`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
+          color: colorError,
+          "&:hover": {
+            color: colorTextLightSolid,
+            backgroundColor: colorError
+          }
+        }
+      }
+    }
+  };
+};
+const genBaseStyle$1 = (token2) => {
+  const {
+    componentCls,
+    menuCls,
+    zIndexPopup,
+    dropdownArrowDistance,
+    sizePopupArrow,
+    antCls,
+    iconCls,
+    motionDurationMid,
+    paddingBlock,
+    fontSize,
+    dropdownEdgeChildPadding,
+    colorTextDisabled,
+    fontSizeIcon,
+    controlPaddingHorizontal,
+    colorBgElevated
+  } = token2;
+  return [
+    {
+      [componentCls]: {
+        position: "absolute",
+        top: -9999,
+        left: {
+          _skip_check_: true,
+          value: -9999
+        },
+        zIndex: zIndexPopup,
+        display: "block",
+        // A placeholder out of dropdown visible range to avoid close when user moving
+        "&::before": {
+          position: "absolute",
+          insetBlock: token2.calc(sizePopupArrow).div(2).sub(dropdownArrowDistance).equal(),
+          // insetInlineStart: -7, // FIXME: Seems not work for hidden element
+          zIndex: -9999,
+          opacity: 1e-4,
+          content: '""'
+        },
+        // Makes vertical dropdowns have a scrollbar once they become taller than the viewport.
+        "&-menu-vertical": {
+          maxHeight: "100vh",
+          overflowY: "auto"
+        },
+        [`&-trigger${antCls}-btn`]: {
+          [`& > ${iconCls}-down, & > ${antCls}-btn-icon > ${iconCls}-down`]: {
+            fontSize: fontSizeIcon
+          }
+        },
+        [`${componentCls}-wrap`]: {
+          position: "relative",
+          [`${antCls}-btn > ${iconCls}-down`]: {
+            fontSize: fontSizeIcon
+          },
+          [`${iconCls}-down::before`]: {
+            transition: `transform ${motionDurationMid}`
+          }
+        },
+        [`${componentCls}-wrap-open`]: {
+          [`${iconCls}-down::before`]: {
+            transform: `rotate(180deg)`
+          }
+        },
+        [`
+        &-hidden,
+        &-menu-hidden,
+        &-menu-submenu-hidden
+      `]: {
+          display: "none"
+        },
+        // =============================================================
+        // ==                         Motion                          ==
+        // =============================================================
+        // When position is not enough for dropdown, the placement will revert.
+        // We will handle this with revert motion name.
+        [`&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomRight,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomRight`]: {
+          animationName: slideUpIn
+        },
+        [`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-top,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-top,
+          &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topRight,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topRight`]: {
+          animationName: slideDownIn
+        },
+        [`&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomRight`]: {
+          animationName: slideUpOut
+        },
+        [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-top,
+          &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topRight`]: {
+          animationName: slideDownOut
+        }
+      }
+    },
+    // =============================================================
+    // ==                        Arrow style                      ==
+    // =============================================================
+    getArrowStyle(token2, colorBgElevated, {
+      arrowPlacement: {
+        top: true,
+        bottom: true
+      }
+    }),
+    {
+      // =============================================================
+      // ==                          Menu                           ==
+      // =============================================================
+      [`${componentCls} ${menuCls}`]: {
+        position: "relative",
+        margin: 0
+      },
+      [`${menuCls}-submenu-popup`]: {
+        position: "absolute",
+        zIndex: zIndexPopup,
+        background: "transparent",
+        boxShadow: "none",
+        transformOrigin: "0 0",
+        "ul, li": {
+          listStyle: "none",
+          margin: 0
+        }
+      },
+      [`${componentCls}, ${componentCls}-menu-submenu`]: Object.assign(Object.assign({}, resetComponent(token2)), {
+        [menuCls]: Object.assign(Object.assign({
+          padding: dropdownEdgeChildPadding,
+          listStyleType: "none",
+          backgroundColor: colorBgElevated,
+          backgroundClip: "padding-box",
+          borderRadius: token2.borderRadiusLG,
+          outline: "none",
+          boxShadow: token2.boxShadowSecondary
+        }, genFocusStyle(token2)), {
+          "&:empty": {
+            padding: 0,
+            boxShadow: "none"
+          },
+          [`${menuCls}-item-group-title`]: {
+            padding: `${unit$1(paddingBlock)} ${unit$1(controlPaddingHorizontal)}`,
+            color: token2.colorTextDescription,
+            transition: `all ${motionDurationMid}`
+          },
+          // ======================= Item Content =======================
+          [`${menuCls}-item`]: {
+            position: "relative",
+            display: "flex",
+            alignItems: "center"
+          },
+          [`${menuCls}-item-icon`]: {
+            minWidth: fontSize,
+            marginInlineEnd: token2.marginXS,
+            fontSize: token2.fontSizeSM
+          },
+          [`${menuCls}-title-content`]: {
+            flex: "auto",
+            "&-with-extra": {
+              display: "inline-flex",
+              alignItems: "center",
+              width: "100%"
+            },
+            "> a": {
+              color: "inherit",
+              transition: `all ${motionDurationMid}`,
+              "&:hover": {
+                color: "inherit"
+              },
+              "&::after": {
+                position: "absolute",
+                inset: 0,
+                content: '""'
+              }
+            },
+            [`${menuCls}-item-extra`]: {
+              paddingInlineStart: token2.padding,
+              marginInlineStart: "auto",
+              fontSize: token2.fontSizeSM,
+              color: token2.colorTextDescription
+            }
+          },
+          // =========================== Item ===========================
+          [`${menuCls}-item, ${menuCls}-submenu-title`]: Object.assign(Object.assign({
+            display: "flex",
+            margin: 0,
+            padding: `${unit$1(paddingBlock)} ${unit$1(controlPaddingHorizontal)}`,
+            color: token2.colorText,
+            fontWeight: "normal",
+            fontSize,
+            lineHeight: token2.lineHeight,
+            cursor: "pointer",
+            transition: `all ${motionDurationMid}`,
+            borderRadius: token2.borderRadiusSM,
+            "&:hover, &-active": {
+              backgroundColor: token2.controlItemBgHover
+            }
+          }, genFocusStyle(token2)), {
+            "&-selected": {
+              color: token2.colorPrimary,
+              backgroundColor: token2.controlItemBgActive,
+              "&:hover, &-active": {
+                backgroundColor: token2.controlItemBgActiveHover
+              }
+            },
+            "&-disabled": {
+              color: colorTextDisabled,
+              cursor: "not-allowed",
+              "&:hover": {
+                color: colorTextDisabled,
+                backgroundColor: colorBgElevated,
+                cursor: "not-allowed"
+              },
+              a: {
+                pointerEvents: "none"
+              }
+            },
+            "&-divider": {
+              height: 1,
+              // By design
+              margin: `${unit$1(token2.marginXXS)} 0`,
+              overflow: "hidden",
+              lineHeight: 0,
+              backgroundColor: token2.colorSplit
+            },
+            [`${componentCls}-menu-submenu-expand-icon`]: {
+              position: "absolute",
+              insetInlineEnd: token2.paddingXS,
+              [`${componentCls}-menu-submenu-arrow-icon`]: {
+                marginInlineEnd: "0 !important",
+                color: token2.colorIcon,
+                fontSize: fontSizeIcon,
+                fontStyle: "normal"
+              }
+            }
+          }),
+          [`${menuCls}-item-group-list`]: {
+            margin: `0 ${unit$1(token2.marginXS)}`,
+            padding: 0,
+            listStyle: "none"
+          },
+          [`${menuCls}-submenu-title`]: {
+            paddingInlineEnd: token2.calc(controlPaddingHorizontal).add(token2.fontSizeSM).equal()
+          },
+          [`${menuCls}-submenu-vertical`]: {
+            position: "relative"
+          },
+          [`${menuCls}-submenu${menuCls}-submenu-disabled ${componentCls}-menu-submenu-title`]: {
+            [`&, ${componentCls}-menu-submenu-arrow-icon`]: {
+              color: colorTextDisabled,
+              backgroundColor: colorBgElevated,
+              cursor: "not-allowed"
+            }
+          },
+          // https://github.com/ant-design/ant-design/issues/19264
+          [`${menuCls}-submenu-selected ${componentCls}-menu-submenu-title`]: {
+            color: token2.colorPrimary
+          }
+        })
+      })
+    },
+    // Follow code may reuse in other components
+    [initSlideMotion(token2, "slide-up"), initSlideMotion(token2, "slide-down"), initMoveMotion(token2, "move-up"), initMoveMotion(token2, "move-down"), initZoomMotion(token2, "zoom-big")]
+  ];
+};
+const prepareComponentToken$c = (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$i = genStyleHooks("Dropdown", (token2) => {
+  const {
+    marginXXS,
+    sizePopupArrow,
+    paddingXXS,
+    componentCls
+  } = token2;
+  const dropdownToken = merge$1(token2, {
+    menuCls: `${componentCls}-menu`,
+    dropdownArrowDistance: token2.calc(sizePopupArrow).div(2).add(marginXXS).equal(),
+    dropdownEdgeChildPadding: paddingXXS
+  });
+  return [genBaseStyle$1(dropdownToken), genStatusStyle(dropdownToken)];
+}, prepareComponentToken$c, {
+  resetStyle: false
+});
+const Dropdown$1 = (props) => {
+  var _a2;
+  const {
+    menu,
+    arrow,
+    prefixCls: customizePrefixCls,
+    children,
+    trigger,
+    disabled: disabled2,
+    dropdownRender,
+    popupRender,
+    getPopupContainer,
+    overlayClassName,
+    rootClassName,
+    overlayStyle,
+    open,
+    onOpenChange,
+    // Deprecated
+    visible,
+    onVisibleChange,
+    mouseEnterDelay = 0.15,
+    mouseLeaveDelay = 0.1,
+    autoAdjustOverflow: autoAdjustOverflow2 = true,
+    placement = "",
+    overlay,
+    transitionName,
+    destroyOnHidden,
+    destroyPopupOnHide
+  } = props;
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction,
+    dropdown
+  } = React.useContext(ConfigContext);
+  const mergedPopupRender = popupRender || dropdownRender;
+  const warning3 = devUseWarning("Dropdown");
+  if (process.env.NODE_ENV !== "production") {
+    const deprecatedProps = {
+      visible: "open",
+      onVisibleChange: "onOpenChange",
+      overlay: "menu",
+      dropdownRender: "popupRender",
+      destroyPopupOnHide: "destroyOnHidden"
+    };
+    Object.entries(deprecatedProps).forEach(([deprecatedName, newName]) => {
+      warning3.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+    if (placement.includes("Center")) {
+      warning3.deprecated(!placement.includes("Center"), `placement: ${placement}`, `placement: ${placement.slice(0, placement.indexOf("Center"))}`);
+    }
+  }
+  const memoTransitionName = React.useMemo(() => {
+    const rootPrefixCls = getPrefixCls();
+    if (transitionName !== void 0) {
+      return transitionName;
+    }
+    if (placement.includes("top")) {
+      return `${rootPrefixCls}-slide-down`;
+    }
+    return `${rootPrefixCls}-slide-up`;
+  }, [getPrefixCls, placement, transitionName]);
+  const memoPlacement = React.useMemo(() => {
+    if (!placement) {
+      return direction === "rtl" ? "bottomRight" : "bottomLeft";
+    }
+    if (placement.includes("Center")) {
+      return placement.slice(0, placement.indexOf("Center"));
+    }
+    return placement;
+  }, [placement, direction]);
+  const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
+  const rootCls = useCSSVarCls(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$i(prefixCls, rootCls);
+  const [, token2] = useToken();
+  const child = React.Children.only(isPrimitive(children) ? /* @__PURE__ */ React.createElement("span", null, children) : children);
+  const popupTrigger = cloneElement(child, {
+    className: classNames(`${prefixCls}-trigger`, {
+      [`${prefixCls}-rtl`]: direction === "rtl"
+    }, child.props.className),
+    disabled: (_a2 = child.props.disabled) !== null && _a2 !== void 0 ? _a2 : disabled2
+  });
+  const triggerActions = disabled2 ? [] : trigger;
+  const alignPoint = !!(triggerActions === null || triggerActions === void 0 ? void 0 : triggerActions.includes("contextMenu"));
+  const [mergedOpen, setOpen] = useMergedState(false, {
+    value: open !== null && open !== void 0 ? open : visible
+  });
+  const onInnerOpenChange = useEvent((nextOpen) => {
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, {
+      source: "trigger"
+    });
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
+    setOpen(nextOpen);
+  });
+  const overlayClassNameCustomized = classNames(overlayClassName, rootClassName, hashId, cssVarCls, rootCls, dropdown === null || dropdown === void 0 ? void 0 : dropdown.className, {
+    [`${prefixCls}-rtl`]: direction === "rtl"
+  });
+  const builtinPlacements = getPlacements({
+    arrowPointAtCenter: typeof arrow === "object" && arrow.pointAtCenter,
+    autoAdjustOverflow: autoAdjustOverflow2,
+    offset: token2.marginXXS,
+    arrowWidth: arrow ? token2.sizePopupArrow : 0,
+    borderRadius: token2.borderRadius
+  });
+  const onMenuClick = useEvent(() => {
+    if ((menu === null || menu === void 0 ? void 0 : menu.selectable) && (menu === null || menu === void 0 ? void 0 : menu.multiple)) {
+      return;
+    }
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false, {
+      source: "menu"
+    });
+    setOpen(false);
+  });
+  const renderOverlay = () => {
+    let overlayNode;
+    if (menu === null || menu === void 0 ? void 0 : menu.items) {
+      overlayNode = /* @__PURE__ */ React.createElement(Menu$1, Object.assign({}, menu));
+    } else if (typeof overlay === "function") {
+      overlayNode = overlay();
+    } else {
+      overlayNode = overlay;
+    }
+    if (mergedPopupRender) {
+      overlayNode = mergedPopupRender(overlayNode);
+    }
+    overlayNode = React.Children.only(typeof overlayNode === "string" ? /* @__PURE__ */ React.createElement("span", null, overlayNode) : overlayNode);
+    return /* @__PURE__ */ React.createElement(OverrideProvider, {
+      prefixCls: `${prefixCls}-menu`,
+      rootClassName: classNames(cssVarCls, rootCls),
+      expandIcon: /* @__PURE__ */ React.createElement("span", {
+        className: `${prefixCls}-menu-submenu-arrow`
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$t, {
+        className: `${prefixCls}-menu-submenu-arrow-icon`
+      }) : /* @__PURE__ */ React.createElement(RefIcon$x, {
+        className: `${prefixCls}-menu-submenu-arrow-icon`
+      })),
+      mode: "vertical",
+      selectable: false,
+      onClick: onMenuClick,
+      validator: ({
+        mode
+      }) => {
+        process.env.NODE_ENV !== "production" ? warning3(!mode || mode === "vertical", "usage", `mode="${mode}" is not supported for Dropdown's Menu.`) : void 0;
+      }
+    }, overlayNode);
+  };
+  const [zIndex, contextZIndex] = useZIndex("Dropdown", overlayStyle === null || overlayStyle === void 0 ? void 0 : overlayStyle.zIndex);
+  let renderNode = /* @__PURE__ */ React.createElement(Dropdown$3, Object.assign({
+    alignPoint
+  }, omit(props, ["rootClassName"]), {
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    visible: mergedOpen,
+    builtinPlacements,
+    arrow: !!arrow,
+    overlayClassName: overlayClassNameCustomized,
+    prefixCls,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    transitionName: memoTransitionName,
+    trigger: triggerActions,
+    overlay: renderOverlay,
+    placement: memoPlacement,
+    onVisibleChange: onInnerOpenChange,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, dropdown === null || dropdown === void 0 ? void 0 : dropdown.style), overlayStyle), {
+      zIndex
+    }),
+    autoDestroy: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyPopupOnHide
+  }), popupTrigger);
+  if (zIndex) {
+    renderNode = /* @__PURE__ */ React.createElement(zIndexContext.Provider, {
+      value: contextZIndex
+    }, renderNode);
+  }
+  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));
+Dropdown$1._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
+if (process.env.NODE_ENV !== "production") {
+  Dropdown$1.displayName = "Dropdown";
+}
 var dayjs_min$1 = { exports: {} };
 var dayjs_min = dayjs_min$1.exports;
 var hasRequiredDayjs_min;
@@ -34844,7 +37060,7 @@ const useStyle$h = genStyleHooks("Radio", (token2) => {
     dotSize: true
   }
 });
-var __rest$D = function(s2, e3) {
+var __rest$E = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -34882,7 +37098,7 @@ const InternalRadio = (props, ref) => {
     children,
     style: style2,
     title
-  } = props, restProps = __rest$D(props, ["prefixCls", "className", "rootClassName", "children", "style", "title"]);
+  } = props, restProps = __rest$E(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;
@@ -34965,7 +37181,7 @@ function getStatus(errors, warnings, meta2, defaultValidateStatus, hasFeedback,
   }
   return status;
 }
-var __rest$C = function(s2, e3) {
+var __rest$D = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -35005,7 +37221,7 @@ function useForm(form) {
     scrollToField: (name2, options = {}) => {
       const {
         focus
-      } = options, restOpt = __rest$C(options, ["focus"]);
+      } = options, restOpt = __rest$D(options, ["focus"]);
       const node2 = getFieldDOMNode(name2, wrapForm);
       if (node2) {
         e(node2, Object.assign({
@@ -35138,7 +37354,7 @@ const RadioGroup = /* @__PURE__ */ React.forwardRef((props, ref) => {
   }, childrenToRender)));
 });
 const Group$1 = /* @__PURE__ */ React.memo(RadioGroup);
-var __rest$B = function(s2, e3) {
+var __rest$C = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -35152,7 +37368,7 @@ const RadioButton = (props, ref) => {
   } = React.useContext(ConfigContext);
   const {
     prefixCls: customizePrefixCls
-  } = props, radioProps = __rest$B(props, ["prefixCls"]);
+  } = props, radioProps = __rest$C(props, ["prefixCls"]);
   const prefixCls = getPrefixCls("radio", customizePrefixCls);
   return /* @__PURE__ */ React.createElement(RadioOptionTypeContextProvider, {
     value: "button"
@@ -37811,7 +40027,7 @@ var OperationNode = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }, tabs.map(function(tab) {
     var closable = tab.closable, disabled2 = tab.disabled, closeIcon = tab.closeIcon, key = tab.key, label = tab.label;
     var removable = getRemovable(closable, closeIcon, editable2, disabled2);
-    return /* @__PURE__ */ React.createElement(MenuItem$2, {
+    return /* @__PURE__ */ React.createElement(MenuItem$3, {
       key,
       id: "".concat(popupId, "-").concat(key),
       role: "option",
@@ -37891,7 +40107,7 @@ var OperationNode = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     moreStyle.order = 1;
   }
   var overlayClassName = classNames(_defineProperty$3({}, "".concat(dropdownPrefix, "-rtl"), rtl));
-  var moreNode = mobile ? null : /* @__PURE__ */ React.createElement(Dropdown$1, _extends$1({
+  var moreNode = mobile ? null : /* @__PURE__ */ React.createElement(Dropdown$3, _extends$1({
     prefixCls: dropdownPrefix,
     overlay: menu,
     visible: tabs.length ? open : false,
@@ -38690,7 +40906,7 @@ function useAnimateConfig(prefixCls, animated = {
   }
   return mergedAnimated;
 }
-var __rest$A = function(s2, e3) {
+var __rest$B = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -38724,7 +40940,7 @@ function useLegacyItems(items, children) {
       } = node2;
       const _a2 = props || {}, {
         tab
-      } = _a2, restProps = __rest$A(_a2, ["tab"]);
+      } = _a2, restProps = __rest$B(_a2, ["tab"]);
       const item = Object.assign(Object.assign({
         key: String(key)
       }, restProps), {
@@ -39636,7 +41852,7 @@ const TabPane = () => null;
 if (process.env.NODE_ENV !== "production") {
   TabPane.displayName = "DeprecatedTabPane";
 }
-var __rest$z = function(s2, e3) {
+var __rest$A = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -39667,7 +41883,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     indicator,
     destroyInactiveTabPane,
     destroyOnHidden
-  } = props, otherProps = __rest$z(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]);
+  } = props, otherProps = __rest$A(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;
@@ -39693,7 +41909,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
       }) => {
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event : key, editType);
       },
-      removeIcon: (_a2 = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a2 !== void 0 ? _a2 : /* @__PURE__ */ React.createElement(RefIcon$A, null),
+      removeIcon: (_a2 = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a2 !== void 0 ? _a2 : /* @__PURE__ */ React.createElement(RefIcon$B, null),
       addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$q, null),
       showAdd: hideAdd !== true
     };
@@ -39744,7 +41960,7 @@ Tabs.TabPane = TabPane;
 if (process.env.NODE_ENV !== "production") {
   Tabs.displayName = "Tabs";
 }
-var __rest$y = function(s2, e3) {
+var __rest$z = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -39757,7 +41973,7 @@ const Grid = (_a2) => {
     prefixCls,
     className,
     hoverable = true
-  } = _a2, props = __rest$y(_a2, ["prefixCls", "className", "hoverable"]);
+  } = _a2, props = __rest$z(_a2, ["prefixCls", "className", "hoverable"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -40108,7 +42324,7 @@ const useStyle$d = genStyleHooks("Card", (token2) => {
     genCardSizeStyle(cardToken)
   ];
 }, prepareComponentToken$8);
-var __rest$x = function(s2, e3) {
+var __rest$y = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -40161,7 +42377,7 @@ const Card$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     tabProps = {},
     classNames: customClassNames,
     styles: customStyles
-  } = props, others = __rest$x(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$y(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,
@@ -40221,7 +42437,7 @@ const Card$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     items: tabList.map((_a2) => {
       var {
         tab
-      } = _a2, item = __rest$x(_a2, ["tab"]);
+      } = _a2, item = __rest$y(_a2, ["tab"]);
       return Object.assign({
         label: tab
       }, item);
@@ -40281,7 +42497,7 @@ const Card$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: mergedStyle
   }), head, coverDom, body, actionDom));
 });
-var __rest$w = function(s2, e3) {
+var __rest$x = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -40296,7 +42512,7 @@ const Meta = (props) => {
     avatar,
     title,
     description
-  } = props, others = __rest$w(props, ["prefixCls", "className", "avatar", "title", "description"]);
+  } = props, others = __rest$x(props, ["prefixCls", "className", "avatar", "title", "description"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -40548,7 +42764,7 @@ const useStyle$c = genStyleHooks("Checkbox", (token2, {
   prefixCls
 }) => [getStyle(prefixCls, token2)]);
 const GroupContext = /* @__PURE__ */ React__default.createContext(null);
-var __rest$v = function(s2, e3) {
+var __rest$w = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -40569,7 +42785,7 @@ const InternalCheckbox = (props, ref) => {
     onMouseLeave,
     skipGroup = false,
     disabled: disabled2
-  } = props, restProps = __rest$v(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
+  } = props, restProps = __rest$w(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
   const {
     getPrefixCls,
     direction,
@@ -40660,7 +42876,7 @@ const Checkbox$1 = /* @__PURE__ */ React.forwardRef(InternalCheckbox);
 if (process.env.NODE_ENV !== "production") {
   Checkbox$1.displayName = "Checkbox";
 }
-var __rest$u = function(s2, e3) {
+var __rest$v = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -40678,7 +42894,7 @@ const CheckboxGroup = /* @__PURE__ */ React.forwardRef((props, ref) => {
     rootClassName,
     style: style2,
     onChange: onChange2
-  } = props, restProps = __rest$u(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
+  } = props, restProps = __rest$v(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
   const {
     getPrefixCls,
     direction
@@ -40768,7 +42984,7 @@ if (process.env.NODE_ENV !== "production") {
   Checkbox.displayName = "Checkbox";
 }
 const RowContext = /* @__PURE__ */ createContext({});
-var __rest$t = function(s2, e3) {
+var __rest$u = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -40809,7 +43025,7 @@ const Col = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children,
     flex,
     style: style2
-  } = props, others = __rest$t(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
+  } = props, others = __rest$u(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
   const prefixCls = getPrefixCls("col", customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useColStyle(prefixCls);
   const sizeStyle = {};
@@ -40890,7 +43106,7 @@ function useGutter(gutter2, screens) {
   });
   return results;
 }
-var __rest$s = function(s2, e3) {
+var __rest$t = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -40934,7 +43150,7 @@ const Row = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children,
     gutter: gutter2 = 0,
     wrap
-  } = props, others = __rest$s(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
+  } = props, others = __rest$t(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
   const {
     getPrefixCls,
     direction
@@ -41148,7 +43364,7 @@ const useStyle$b = genStyleHooks("Divider", (token2) => {
     orientationMargin: true
   }
 });
-var __rest$r = function(s2, e3) {
+var __rest$s = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -41180,7 +43396,7 @@ const Divider = (props) => {
     plain,
     style: style2,
     size: customSize
-  } = props, restProps = __rest$r(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "variant", "plain", "style", "size"]);
+  } = props, restProps = __rest$s(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "variant", "plain", "style", "size"]);
   const prefixCls = getPrefixCls("divider", customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle$b(prefixCls);
   const sizeFullName = useSize(customSize);
@@ -41607,7 +43823,7 @@ const getAllowClear = (allowClear) => {
     mergedAllowClear = allowClear;
   } else if (allowClear) {
     mergedAllowClear = {
-      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$B, null)
+      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$C, null)
     };
   }
   return mergedAllowClear;
@@ -41637,7 +43853,7 @@ function useRemovePasswordTimeout(inputRef, triggerOnMount) {
 function hasPrefixSuffix(props) {
   return !!(props.prefix || props.suffix || props.allowClear || props.showCount);
 }
-var __rest$q = function(s2, e3) {
+var __rest$r = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -41666,7 +43882,7 @@ const Input$1 = /* @__PURE__ */ forwardRef((props, ref) => {
     classNames: classNames$1,
     variant: customVariant,
     _skipAddonWarning
-  } = props, rest = __rest$q(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant", "_skipAddonWarning"]);
+  } = props, rest = __rest$r(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant", "_skipAddonWarning"]);
   if (process.env.NODE_ENV !== "production") {
     const {
       deprecated
@@ -41938,7 +44154,7 @@ function useComponents(components) {
     button: PickerButton
   }, components), [components]);
 }
-var __rest$p = function(s2, e3) {
+var __rest$q = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -41970,7 +44186,7 @@ const generateRangePicker = (generateConfig2) => {
       styles: styles2,
       classNames: classNames$1,
       suffixIcon
-    } = props, restProps = __rest$p(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames", "suffixIcon"]);
+    } = props, restProps = __rest$q(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames", "suffixIcon"]);
     const pickerType = picker === TIME ? "timePicker" : "datePicker";
     const innerRef = React.useRef(null);
     const {
@@ -42080,7 +44296,7 @@ const generateRangePicker = (generateConfig2) => {
   }
   return RangePicker2;
 };
-var __rest$o = function(s2, e3) {
+var __rest$p = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -42114,7 +44330,7 @@ const generatePicker$1 = (generateConfig2) => {
         styles: styles2,
         classNames: classNames$1,
         suffixIcon
-      } = props, restProps = __rest$o(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames", "suffixIcon"]);
+      } = props, restProps = __rest$p(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames", "suffixIcon"]);
       const {
         getPrefixCls,
         direction,
@@ -42918,7 +45134,7 @@ const useStyle$a = genStyleHooks("Drawer", (token2) => {
   const drawerToken = merge$1(token2, {});
   return [genDrawerStyle(drawerToken), genMotionStyle(drawerToken)];
 }, prepareComponentToken$6);
-var __rest$n = function(s2, e3) {
+var __rest$o = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -42955,7 +45171,7 @@ const Drawer2 = (props) => {
     contentWrapperStyle,
     destroyOnClose,
     destroyOnHidden
-  } = props, rest = __rest$n(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "panelRef", "style", "className", "aria-labelledby", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle", "destroyOnClose", "destroyOnHidden"]);
+  } = props, rest = __rest$o(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "panelRef", "style", "className", "aria-labelledby", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle", "destroyOnClose", "destroyOnHidden"]);
   const id2 = useId$1();
   const ariaId = rest.title ? id2 : void 0;
   const {
@@ -43058,7 +45274,7 @@ const PurePanel = (props) => {
     style: style2,
     className,
     placement = "right"
-  } = props, restProps = __rest$n(props, ["prefixCls", "style", "className", "placement"]);
+  } = props, restProps = __rest$o(props, ["prefixCls", "style", "className", "placement"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -43140,7 +45356,7 @@ const genSpaceAddonStyle = (token2) => {
   };
 };
 const useStyle$9 = genStyleHooks(["Space", "Addon"], (token2) => [genSpaceAddonStyle(token2)]);
-var __rest$m = function(s2, e3) {
+var __rest$n = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -43154,7 +45370,7 @@ const SpaceAddon = /* @__PURE__ */ React__default.forwardRef((props, ref) => {
     children,
     style: style2,
     prefixCls: customizePrefixCls
-  } = props, restProps = __rest$m(props, ["className", "children", "style", "prefixCls"]);
+  } = props, restProps = __rest$n(props, ["className", "children", "style", "prefixCls"]);
   const {
     getPrefixCls,
     direction: directionConfig
@@ -43276,7 +45492,7 @@ const useStyle$8 = genStyleHooks("Space", (token2) => {
   // https://github.com/ant-design/ant-design/issues/40315
   resetStyle: false
 });
-var __rest$l = function(s2, e3) {
+var __rest$m = function(s2, e3) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -43308,7 +45524,7 @@ const InternalSpace = /* @__PURE__ */ React.forwardRef((props, ref) => {
     wrap = false,
     classNames: customClassNames,
     styles: styles2
-  } = props, otherProps = __rest$l(props, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]);
+  } = props, otherProps = __rest$m(props, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]);
   const [horizontalSize, verticalSize] = Array.isArray(size) ? size : [size, size];
   const isPresetVerticalSize = isPresetSize(verticalSize);
   const isPresetHorizontalSize = isPresetSize(horizontalSize);
@@ -43371,6 +45587,116 @@ Space.Addon = SpaceAddon;
 if (process.env.NODE_ENV !== "production") {
   Space.displayName = "Space";
 }
+var __rest$l = function(s2, e3) {
+  var t2 = {};
+  for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0) t2[p2] = s2[p2];
+  if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
+    if (e3.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i])) t2[p2[i]] = s2[p2[i]];
+  }
+  return t2;
+};
+const DropdownButton = (props) => {
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction
+  } = React.useContext(ConfigContext);
+  const {
+    prefixCls: customizePrefixCls,
+    type: type4 = "default",
+    danger,
+    disabled: disabled2,
+    loading,
+    onClick,
+    htmlType,
+    children,
+    className,
+    menu,
+    arrow,
+    autoFocus,
+    overlay,
+    trigger,
+    align,
+    open,
+    onOpenChange,
+    placement,
+    getPopupContainer,
+    href,
+    icon: icon2 = /* @__PURE__ */ React.createElement(RefIcon$r, null),
+    title,
+    buttonsRender = (buttons) => buttons,
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    overlayClassName,
+    overlayStyle,
+    destroyOnHidden,
+    destroyPopupOnHide,
+    dropdownRender,
+    popupRender
+  } = props, restProps = __rest$l(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyOnHidden", "destroyPopupOnHide", "dropdownRender", "popupRender"]);
+  const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
+  const buttonPrefixCls = `${prefixCls}-button`;
+  const mergedPopupRender = popupRender || dropdownRender;
+  const dropdownProps = {
+    menu,
+    arrow,
+    autoFocus,
+    align,
+    disabled: disabled2,
+    trigger: disabled2 ? [] : trigger,
+    onOpenChange,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    overlayClassName,
+    overlayStyle,
+    destroyOnHidden,
+    popupRender: mergedPopupRender
+  };
+  const {
+    compactSize,
+    compactItemClassnames
+  } = useCompactItemContext(prefixCls, direction);
+  const classes = classNames(buttonPrefixCls, compactItemClassnames, className);
+  if ("destroyPopupOnHide" in props) {
+    dropdownProps.destroyPopupOnHide = destroyPopupOnHide;
+  }
+  if ("overlay" in props) {
+    dropdownProps.overlay = overlay;
+  }
+  if ("open" in props) {
+    dropdownProps.open = open;
+  }
+  if ("placement" in props) {
+    dropdownProps.placement = placement;
+  } else {
+    dropdownProps.placement = direction === "rtl" ? "bottomLeft" : "bottomRight";
+  }
+  const leftButton = /* @__PURE__ */ React.createElement(Button$1, {
+    type: type4,
+    danger,
+    disabled: disabled2,
+    loading,
+    onClick,
+    htmlType,
+    href,
+    title
+  }, children);
+  const rightButton = /* @__PURE__ */ React.createElement(Button$1, {
+    type: type4,
+    danger,
+    icon: icon2
+  });
+  const [leftButtonToRender, rightButtonToRender] = buttonsRender([leftButton, rightButton]);
+  return /* @__PURE__ */ React.createElement(Space.Compact, Object.assign({
+    className: classes,
+    size: compactSize,
+    block: true
+  }, restProps), leftButtonToRender, /* @__PURE__ */ React.createElement(Dropdown$1, Object.assign({}, dropdownProps), rightButtonToRender));
+};
+DropdownButton.__ANT_BUTTON = true;
+const Dropdown = Dropdown$1;
+Dropdown.Button = DropdownButton;
 const flexWrapValues = ["wrap", "nowrap", "wrap-reverse"];
 const justifyContentValues = ["flex-start", "flex-end", "start", "end", "center", "space-between", "space-around", "space-evenly", "stretch", "normal", "left", "right"];
 const alignItemsValues = ["center", "start", "end", "flex-start", "flex-end", "self-start", "self-end", "baseline", "normal", "stretch"];
@@ -44619,10 +46945,10 @@ const FormItemLabel = ({
   }, labelChildren));
 };
 const iconMap = {
-  success: RefIcon$C,
-  warning: RefIcon$z,
-  error: RefIcon$B,
-  validating: RefIcon$x
+  success: RefIcon$D,
+  warning: RefIcon$A,
+  error: RefIcon$C,
+  validating: RefIcon$y
 };
 function StatusProvider({
   children,
@@ -45639,7 +47965,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e3);
     onSearch(e3);
   };
-  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$t, null) : null;
+  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$u, null) : null;
   const btnClassName = `${prefixCls}-button`;
   let button;
   const enterButtonAsElement = enterButton || {};
@@ -47553,12 +49879,12 @@ const Pagination2 = (props) => {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$w, null) : /* @__PURE__ */ React.createElement(RefIcon$s, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$x, null) : /* @__PURE__ */ React.createElement(RefIcon$t, null));
     const nextIcon = /* @__PURE__ */ React.createElement("button", {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$s, null) : /* @__PURE__ */ React.createElement(RefIcon$w, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$t, null) : /* @__PURE__ */ React.createElement(RefIcon$x, null));
     const jumpPrevIcon = (
       // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
       /* @__PURE__ */ React.createElement("a", {
@@ -48018,7 +50344,7 @@ const InternalSwitch = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("switch", customizePrefixCls);
   const loadingIcon = /* @__PURE__ */ React.createElement("div", {
     className: `${prefixCls}-handle`
-  }, loading && /* @__PURE__ */ React.createElement(RefIcon$x, {
+  }, loading && /* @__PURE__ */ React.createElement(RefIcon$y, {
     className: `${prefixCls}-loading-icon`
   }));
   const [wrapCSSVar, hashId, cssVarCls] = useStyle$2(prefixCls);
@@ -49154,7 +51480,7 @@ const CopyBtn = ({
     onClick: onCopy,
     "aria-label": ariaLabel,
     tabIndex
-  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$v, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$x, null) : /* @__PURE__ */ React.createElement(RefIcon$d, null), true)));
+  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$w, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$y, null) : /* @__PURE__ */ React.createElement(RefIcon$d, null), true)));
 };
 const MeasureText = /* @__PURE__ */ React.forwardRef(({
   style: style2,
@@ -56854,12 +59180,28 @@ const QuickSettingsHeader = ({
         "aria-label": String(t2("filter_fields_by_name_or_value")),
         onChange: (event) => onFieldTitleFilterChange(event.target.value),
         allowClear: {
-          clearIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$B, { "aria-label": String(t2("clear_field_filter")) })
+          clearIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$C, { "aria-label": String(t2("clear_field_filter")) })
         }
       }
     )
   ] });
 };
+const AI_BULK_APPROVAL_MODE_STORAGE_KEY = "recrate.aiBulkApprovalMode";
+const isAiBulkApprovalMode = (value) => value === "entity" || value === "global" || value === "entity-review-next";
+const readStoredAiBulkApprovalMode = () => {
+  try {
+    const storedMode = localStorage.getItem(AI_BULK_APPROVAL_MODE_STORAGE_KEY);
+    return isAiBulkApprovalMode(storedMode) ? storedMode : "entity";
+  } catch {
+    return "entity";
+  }
+};
+const writeStoredAiBulkApprovalMode = (mode) => {
+  try {
+    localStorage.setItem(AI_BULK_APPROVAL_MODE_STORAGE_KEY, mode);
+  } catch {
+  }
+};
 const AiApprovalStepperHeader = ({
   activeIndex,
   pendingCount,
@@ -56876,7 +59218,86 @@ const AiApprovalStepperHeader = ({
   onReviewNextEntity
 }) => {
   const { t: t2 } = useTranslation();
+  const [bulkApprovalMode, setBulkApprovalMode] = useState(readStoredAiBulkApprovalMode);
   if (!pendingCount && !remainingEntityCount) return null;
+  const updateBulkApprovalMode = (mode) => {
+    setBulkApprovalMode(mode);
+    writeStoredAiBulkApprovalMode(mode);
+  };
+  const getBulkActionLabel = (decision, mode) => {
+    if (decision === "accept") {
+      if (mode === "global") return t2("ai_accept_all");
+      if (mode === "entity-review-next") return t2("ai_accept_and_review");
+      return t2("ai_accept");
+    }
+    if (mode === "global") return t2("ai_reject_all");
+    if (mode === "entity-review-next") return t2("ai_reject_and_review");
+    return t2("ai_reject");
+  };
+  const getBulkActionTooltip = (decision, mode) => {
+    if (decision === "accept") {
+      if (mode === "global") return t2("ai_accept_all_global_tooltip");
+      if (mode === "entity-review-next") return t2("ai_accept_and_review_tooltip");
+      return t2("ai_accept_all_tooltip");
+    }
+    if (mode === "global") return t2("ai_reject_all_global_tooltip");
+    if (mode === "entity-review-next") return t2("ai_reject_and_review_tooltip");
+    return t2("ai_reject_all_tooltip");
+  };
+  const buildBulkActionItems = (decision) => [
+    {
+      key: "entity",
+      label: getBulkActionLabel(decision, "entity")
+    },
+    {
+      key: "global",
+      label: getBulkActionLabel(decision, "global")
+    },
+    {
+      key: "entity-review-next",
+      label: getBulkActionLabel(decision, "entity-review-next")
+    }
+  ];
+  const renderBulkAction = (decision, onAction) => {
+    const className = decision === "accept" ? "recrate-ai-bulk-action recrate-ai-bulk-accept" : "recrate-ai-bulk-action recrate-ai-bulk-reject";
+    const menu = {
+      selectedKeys: [bulkApprovalMode],
+      items: buildBulkActionItems(decision),
+      onClick: ({ key, domEvent }) => {
+        domEvent.stopPropagation();
+        if (!isAiBulkApprovalMode(key)) return;
+        updateBulkApprovalMode(key);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: getBulkActionTooltip(decision, bulkApprovalMode), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Button$1,
+      {
+        className,
+        onClick: () => onAction(bulkApprovalMode),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: getBulkActionLabel(decision, bulkApprovalMode) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Dropdown,
+            {
+              menu,
+              trigger: ["click"],
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: "recrate-ai-bulk-action-menu-trigger",
+                  onClick: (event) => event.stopPropagation(),
+                  onMouseDown: (event) => event.stopPropagation(),
+                  onPointerDown: (event) => event.stopPropagation(),
+                  onKeyDown: (event) => event.stopPropagation(),
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, { className: "recrate-ai-bulk-action-icon" })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) });
+  };
   if (!pendingCount) {
     const entityLabel = t2("ai_entity", { count: remainingEntityCount });
     const remainingMessage = t2("ai_remaining_review_message", {
@@ -56918,22 +59339,8 @@ const AiApprovalStepperHeader = ({
         }
       ) }),
       !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_accept_all_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$1,
-          {
-            className: "recrate-ai-bulk-action recrate-ai-bulk-accept",
-            onClick: onAcceptAll,
-            children: t2("ai_accept_all")
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_reject_all_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$1,
-          {
-            className: "recrate-ai-bulk-action recrate-ai-bulk-reject",
-            onClick: onRejectAll,
-            children: t2("ai_reject_all")
-          }
-        ) })
+        renderBulkAction("accept", onAcceptAll),
+        renderBulkAction("reject", onRejectAll)
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "recrate-ai-stepper", "aria-label": String(t2("ai_pending_field_navigation_aria")), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_previous_pending_field"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -56953,7 +59360,7 @@ const AiApprovalStepperHeader = ({
           {
             type: "text",
             size: "small",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {}),
             "aria-label": String(t2("ai_next_pending_field_aria")),
             disabled: !canGoNext,
             onClick: onNext
@@ -57199,7 +59606,7 @@ const ProfileTabRail = ({
             shape: "circle",
             size: "small",
             className: "recrate-tab-rail-scroll-button recrate-tab-rail-scroll-button-down",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {}),
             "aria-label": "Scroll profile tabs down",
             onClick: () => onScrollTabRail == null ? void 0 : onScrollTabRail("down")
           }
@@ -62848,7 +65255,7 @@ const Text$2 = ({
           color: "green",
           size: "middle",
           danger: !isValidTextValue,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$w, {})
         }
       )
     ] }),
@@ -70992,7 +73399,7 @@ const NumberComponent = ({
           color: "green",
           size: "middle",
           disabled: !isValidNumber || !isValidConstraints,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$w, {})
         }
       )
     ] }),
@@ -71131,7 +73538,7 @@ const Url = ({
           color: "green",
           size: "middle",
           danger: !isValidUrl,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$w, {})
         }
       )
     ] }),
@@ -82653,7 +85060,7 @@ const AiEntityDiffView = ({
           type: "text",
           size: "small",
           className: "recrate-ai-entity-diff-close",
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$B, {}),
           "aria-label": String(t2("ai_hide_entity_diff_aria")),
           onClick: (event) => {
             event.stopPropagation();
@@ -83707,7 +86114,7 @@ const AddControl = ({
         type: "primary",
         size: "middle",
         className: "focus:outline-none focus:border-2 focus:border-green-600",
-        icon: !selectedType || selectedType !== type4 ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, {}),
+        icon: !selectedType || selectedType !== type4 ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$B, {}),
         children: [
           " ",
           getTypeLabelFromProfile(type4)
@@ -83721,7 +86128,7 @@ const AddControl = ({
         type: "primary",
         size: "middle",
         className: "focus:outline-none focus:border-2 focus:border-green-600",
-        icon: !selectedType || selectedType !== "bulkAdd" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, {}),
+        icon: !selectedType || selectedType !== "bulkAdd" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$B, {}),
         children: "  Bulk Add"
       }
     ) })
@@ -85772,7 +88179,7 @@ const DialogAddProperty = ({
                   item.label ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "recrate-add-property-row-name", children: item.label }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "recrate-add-property-row-name", children: item.name }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$a, {}),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "recrate-add-property-row-type", children: renderPropertyType(item.type) }),
-                  isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, { className: "recrate-add-property-row-check" })
+                  isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$w, { className: "recrate-add-property-row-check" })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", className: "recrate-add-property-row-help", children: item.help })
               ] })
@@ -114978,7 +117385,7 @@ const RenderEntity = forwardRef((props, ref) => {
       onReject: () => handleRejectAiProperty(approvalRecord)
     };
   };
-  const handleAcceptAllAiApprovals = () => {
+  const handleAcceptCurrentEntityAiApprovals = () => {
     var _a3;
     (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
       entityId: entity["@id"],
@@ -114993,29 +117400,34 @@ const RenderEntity = forwardRef((props, ref) => {
       value: editedEntity
     });
   };
+  const restoreEditedEntityApprovalValues = (entityId) => {
+    const targetEntity = crateManager.getEntity({
+      id: entityId,
+      link: false,
+      materialise: false
+    });
+    if (!targetEntity) return void 0;
+    const approvalRecords = getPendingEntityApprovalRecords(
+      approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+      entityId
+    ).filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@reverse");
+    const restoredValues = approvalRecords.reduce((acc, approvalRecord) => {
+      if (approvalRecord == null ? void 0 : approvalRecord.propertyName) {
+        acc[approvalRecord.propertyName] = approvalRecord.previousValue;
+      }
+      return acc;
+    }, {});
+    approvalRecords.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@id").forEach((approvalRecord) => restoreEntityApprovalValue(targetEntity, approvalRecord));
+    approvalRecords.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === "@id").forEach((approvalRecord) => restoreEntityApprovalValue(targetEntity, approvalRecord));
+    return restoredValues;
+  };
   const handleRejectAiEntityEdit = (editedEntity) => {
     var _a3;
     try {
       const entityId = editedEntity == null ? void 0 : editedEntity["@id"];
       if (!entityId) return;
-      const targetEntity = crateManager.getEntity({
-        id: entityId,
-        link: false,
-        materialise: false
-      });
-      if (!targetEntity) return;
-      const approvalRecords = getPendingEntityApprovalRecords(
-        approvalContext == null ? void 0 : approvalContext.roCrateApproval,
-        entityId
-      ).filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@reverse");
-      const restoredValues = approvalRecords.reduce((acc, approvalRecord) => {
-        if (approvalRecord == null ? void 0 : approvalRecord.propertyName) {
-          acc[approvalRecord.propertyName] = approvalRecord.previousValue;
-        }
-        return acc;
-      }, {});
-      approvalRecords.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@id").forEach((approvalRecord) => restoreEntityApprovalValue(targetEntity, approvalRecord));
-      approvalRecords.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === "@id").forEach((approvalRecord) => restoreEntityApprovalValue(targetEntity, approvalRecord));
+      const restoredValues = restoreEditedEntityApprovalValues(entityId);
+      if (!restoredValues) return;
       if (entityIdsMatch(entityId, entity == null ? void 0 : entity["@id"])) {
         refresh();
       }
@@ -115030,7 +117442,7 @@ const RenderEntity = forwardRef((props, ref) => {
       onError();
     }
   };
-  const handleRejectAllAiApprovals = () => {
+  const handleRejectCurrentEntityAiApprovals = () => {
     var _a3;
     try {
       const restoredValues = pendingAiApprovals.reduce((acc, approvalRecord) => {
@@ -115129,23 +117541,27 @@ const RenderEntity = forwardRef((props, ref) => {
       onLoadEntity({ id: "./" });
     }
   };
+  const restoreAiDeletedEntity = (deletedEntity) => {
+    const approvalRecords = getPendingDeletedEntityApprovalRecords(deletedEntity);
+    const restoredEntity = buildRestoredDeletedEntity(deletedEntity, approvalRecords);
+    crateManager.addEntity(restoredEntity);
+    restoreDeletedEntityReverseConnections(restoredEntity["@id"], approvalRecords);
+    const sourceApprovalRecord = getDeletedEntitySourceApproval(deletedEntity);
+    if (sourceApprovalRecord) {
+      const sourceEntity = crateManager.getEntity({
+        id: deletedEntity.__aiDeleteSourceEntityId,
+        link: false,
+        materialise: false
+      });
+      if (sourceEntity) {
+        restoreEntityApprovalValue(sourceEntity, sourceApprovalRecord);
+      }
+    }
+    return restoredEntity;
+  };
   const handleRestoreAiDeletedEntity = (deletedEntity = contextEntity, navigateToRestored = false) => {
     try {
-      const approvalRecords = getPendingDeletedEntityApprovalRecords(deletedEntity);
-      const restoredEntity = buildRestoredDeletedEntity(deletedEntity, approvalRecords);
-      crateManager.addEntity(restoredEntity);
-      restoreDeletedEntityReverseConnections(restoredEntity["@id"], approvalRecords);
-      const sourceApprovalRecord = getDeletedEntitySourceApproval(deletedEntity);
-      if (sourceApprovalRecord) {
-        const sourceEntity = crateManager.getEntity({
-          id: deletedEntity.__aiDeleteSourceEntityId,
-          link: false,
-          materialise: false
-        });
-        if (sourceEntity) {
-          restoreEntityApprovalValue(sourceEntity, sourceApprovalRecord);
-        }
-      }
+      const restoredEntity = restoreAiDeletedEntity(deletedEntity);
       const nextEntityId = navigateToRestored ? restoredEntity["@id"] : entity["@id"];
       const nextEntity = crateManager.getEntity({
         id: nextEntityId,
@@ -115163,6 +117579,67 @@ const RenderEntity = forwardRef((props, ref) => {
       onError();
     }
   };
+  const handleAcceptAllAiApprovals = (mode) => {
+    var _a3;
+    if (mode === "global") {
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalCrateApproved) == null ? void 0 : _a3.call(approvalContext, {
+        decision: "accept"
+      });
+      return;
+    }
+    handleAcceptCurrentEntityAiApprovals();
+    if (mode === "entity-review-next") {
+      handleReviewNextAiApprovalEntity();
+    }
+  };
+  const handleRejectGlobalAiApprovals = () => {
+    var _a3;
+    try {
+      const restoredValues = {};
+      const pendingEntities = getPendingApprovalEntities(approvalContext == null ? void 0 : approvalContext.roCrateApproval);
+      pendingContextApprovalItems.forEach((approvalItem) => {
+        var _a4;
+        const previousContext = (_a4 = approvalItem.approvalRecord) == null ? void 0 : _a4.previousValue;
+        if (!propertyValueHasContent(previousContext)) return;
+        crateManager.setContext(previousContext);
+        restoredValues["@context"] = previousContext;
+      });
+      pendingEntities.forEach((entityApproval) => {
+        const entityId = entityApproval == null ? void 0 : entityApproval["@id"];
+        if (!entityId) return;
+        if (isPendingEntityDeleteApproval(entityApproval)) {
+          const deletedEntity = getDeletedEntityFromApproval(entityApproval);
+          if (deletedEntity) {
+            restoredValues[entityId] = restoreAiDeletedEntity(deletedEntity);
+          }
+          return;
+        }
+        const restoredEntityValues = restoreEditedEntityApprovalValues(entityId);
+        if (restoredEntityValues) {
+          restoredValues[entityId] = restoredEntityValues;
+        }
+      });
+      refresh();
+      saveCratePreservingView();
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalCrateApproved) == null ? void 0 : _a3.call(approvalContext, {
+        decision: "reject",
+        value: restoredValues
+      });
+    } catch (error2) {
+      console.error(error2);
+      onError();
+    }
+  };
+  const handleRejectAllAiApprovals = (mode) => {
+    if (mode === "global") {
+      handleRejectGlobalAiApprovals();
+      return;
+    }
+    handleRejectCurrentEntityAiApprovals();
+    if (mode === "entity-review-next") {
+      handleReviewNextAiApprovalEntity();
+    }
+  };
   const hasFieldValue = (value) => {
     if (Array.isArray(value)) {
       return value.some(hasFieldValue);
@@ -122807,9 +125284,17 @@ const en = {
     ai_review_next_entity_tooltip: "Review the next entity with pending AI changes",
     ai_no_other_entities_need_review: "No other entities need AI review",
     ai_accept_all_tooltip: "Accept every pending AI change in this entity",
+    ai_accept: "Accept",
+    ai_accept_all_global_tooltip: "Accept every pending AI change across the crate",
     ai_accept_all: "Accept all",
+    ai_accept_and_review_tooltip: "Accept every pending AI change in this entity, then review the next entity",
+    ai_accept_and_review: "Accept and review",
     ai_reject_all_tooltip: "Restore previous values for every pending AI change in this entity",
+    ai_reject: "Reject",
+    ai_reject_all_global_tooltip: "Restore previous values for every pending AI change across the crate",
     ai_reject_all: "Reject all",
+    ai_reject_and_review_tooltip: "Restore previous values for every pending AI change in this entity, then review the next entity",
+    ai_reject_and_review: "Reject and review",
     ai_pending_field_navigation_aria: "Pending AI field navigation",
     ai_previous_pending_field: "Previous pending field",
     ai_previous_pending_field_aria: "Previous pending AI field",
@@ -123980,7 +126465,7 @@ var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   }) : null
 );
 var CacheProvider = EmotionCacheContext.Provider;
-const version = "0.1.37";
+const version = "0.1.38";
 const pkg = {
   version
 };
@@ -124097,6 +126582,61 @@ const markEntityApprovalRecordsApproved = (approvalState, entityId, decision) =>
   }
   return { nextApprovalState: approvalState, approvalRecords, changed };
 };
+const markAllApprovalRecordsApproved = (approvalState, decision) => {
+  const approvalRecords = [];
+  let changed = false;
+  const shouldRemove = decision === "reject" || decision === "manual-edit";
+  const hasApprovalRecords = (entityApproval) => Array.isArray(entityApproval == null ? void 0 : entityApproval.approval) && entityApproval.approval.length > 0;
+  const updateEntityApproval = (entityApproval) => {
+    if (!entityApproval || !Array.isArray(entityApproval.approval)) {
+      return entityApproval;
+    }
+    let entityChanged = false;
+    const nextApprovalRecords = entityApproval.approval.flatMap((approvalRecord) => {
+      if ((approvalRecord == null ? void 0 : approvalRecord.approved) === true || (approvalRecord == null ? void 0 : approvalRecord.approved) === "true") {
+        return [approvalRecord];
+      }
+      if (shouldRemove) {
+        approvalRecords.push(approvalRecord);
+        entityChanged = true;
+        return [];
+      }
+      const nextApprovalRecord = { ...approvalRecord, approved: true };
+      approvalRecords.push(nextApprovalRecord);
+      entityChanged = true;
+      return [nextApprovalRecord];
+    });
+    if (!entityChanged) return entityApproval;
+    changed = true;
+    return {
+      ...entityApproval,
+      approval: nextApprovalRecords
+    };
+  };
+  if (Array.isArray(approvalState)) {
+    const nextApprovalState = approvalState.map(updateEntityApproval).filter(hasApprovalRecords);
+    return { nextApprovalState, approvalRecords, changed };
+  }
+  if (approvalState && typeof approvalState === "object") {
+    if (Array.isArray(approvalState.approval)) {
+      const nextApprovalState = updateEntityApproval(approvalState);
+      return {
+        nextApprovalState: hasApprovalRecords(nextApprovalState) ? nextApprovalState : void 0,
+        approvalRecords,
+        changed
+      };
+    }
+    if (Array.isArray(approvalState.items)) {
+      const nextItems = approvalState.items.map(updateEntityApproval).filter(hasApprovalRecords);
+      return {
+        nextApprovalState: changed ? { ...approvalState, items: nextItems } : approvalState,
+        approvalRecords,
+        changed
+      };
+    }
+  }
+  return { nextApprovalState: approvalState, approvalRecords, changed };
+};
 const ProfileManagerContext = React__default.createContext(null);
 const CrateManagerContext = React__default.createContext(null);
 const RoCrateApprovalContext = React__default.createContext(null);
@@ -124232,12 +126772,30 @@ function RecrateCrateBuilderInner(props) {
       value
     });
   }, [approvalState, onSaveRoCrateApproval]);
+  const markApprovalCrateApproved = useCallback((params) => {
+    const { decision, value } = params;
+    const { nextApprovalState, approvalRecords, changed } = markAllApprovalRecordsApproved(
+      approvalState,
+      decision
+    );
+    if (!changed && approvalRecords.length === 0) return;
+    setApprovalState(nextApprovalState);
+    onSaveRoCrateApproval == null ? void 0 : onSaveRoCrateApproval({
+      roCrateApproval: nextApprovalState,
+      entityId: "*",
+      propertyName: "*",
+      decision,
+      approvalRecords,
+      value
+    });
+  }, [approvalState, onSaveRoCrateApproval]);
   const approvalContextValue = useMemo$1(() => ({
     roCrateApproval: approvalState,
     markApprovalPropertyApproved,
     markApprovalEntityApproved,
-    markApprovalEntityAndPropertyApproved
-  }), [approvalState, markApprovalEntityAndPropertyApproved, markApprovalEntityApproved, markApprovalPropertyApproved]);
+    markApprovalEntityAndPropertyApproved,
+    markApprovalCrateApproved
+  }), [approvalState, markApprovalCrateApproved, markApprovalEntityAndPropertyApproved, markApprovalEntityApproved, markApprovalPropertyApproved]);
   const configuration = useMemo$1(() => {
     const profileActionsEnabled = enableProfileActions ?? hasProfileActionHandler;
     const config2 = {