@gobolt/genesis 0.8.4 → 0.9.0

package/dist/index.js

@@ -1842,18 +1842,18 @@ var ThemeCache = /* @__PURE__ */ (function() {
 })();
 _defineProperty$1(ThemeCache, "MAX_CACHE_SIZE", 20);
 _defineProperty$1(ThemeCache, "MAX_CACHE_OFFSET", 5);
-var uuid$5 = 0;
+var uuid$6 = 0;
 var Theme = /* @__PURE__ */ (function() {
   function Theme2(derivatives) {
     _classCallCheck(this, Theme2);
     _defineProperty$1(this, "derivatives", void 0);
     _defineProperty$1(this, "id", void 0);
     this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
-    this.id = uuid$5;
+    this.id = uuid$6;
     if (derivatives.length === 0) {
       warning$3(derivatives.length > 0, "[Ant Design CSS-in-JS] Theme should have at least one derivative function.");
     }
-    uuid$5 += 1;
+    uuid$6 += 1;
   }
   _createClass(Theme2, [{
     key: "getDerivativeToken",
@@ -3392,20 +3392,23 @@ const localeValues = {
     gradientColor: "Gradient"
   }
 };
-Object.assign({}, localeValues.Modal);
+let runtimeLocale = Object.assign({}, localeValues.Modal);
 let localeList = [];
 const generateLocale = () => localeList.reduce((merged, locale2) => Object.assign(Object.assign({}, merged), locale2), localeValues.Modal);
 function changeConfirmLocale(newLocale) {
   if (newLocale) {
     const cloneLocale = Object.assign({}, newLocale);
     localeList.push(cloneLocale);
-    generateLocale();
+    runtimeLocale = generateLocale();
     return () => {
       localeList = localeList.filter((locale2) => locale2 !== cloneLocale);
-      generateLocale();
+      runtimeLocale = generateLocale();
     };
   }
-  Object.assign({}, localeValues.Modal);
+  runtimeLocale = Object.assign({}, localeValues.Modal);
+}
+function getConfirmLocale() {
+  return runtimeLocale;
 }
 const LocaleContext = /* @__PURE__ */ createContext$1(void 0);
 const useLocale$1 = (componentName, defaultLocale2) => {
@@ -5253,7 +5256,7 @@ function getAlphaColor(frontColor, backgroundColor) {
     a: 1
   }).toRgbString();
 }
-var __rest$$ = function(s, e3) {
+var __rest$13 = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -5264,7 +5267,7 @@ var __rest$$ = function(s, e3) {
 function formatToken(derivativeToken) {
   const {
     override
-  } = derivativeToken, restToken = __rest$$(derivativeToken, ["override"]);
+  } = derivativeToken, restToken = __rest$13(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
   Object.keys(seedToken).forEach((token2) => {
     delete overrideTokens[token2];
@@ -5418,7 +5421,7 @@ function formatToken(derivativeToken) {
   }), overrideTokens);
   return aliasToken;
 }
-var __rest$_ = function(s, e3) {
+var __rest$12 = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -5468,7 +5471,7 @@ const getComputedToken2 = (originToken, overrideToken, theme) => {
   const derivativeToken = theme.getDerivativeToken(originToken);
   const {
     override
-  } = overrideToken, components2 = __rest$_(overrideToken, ["override"]);
+  } = overrideToken, components2 = __rest$12(overrideToken, ["override"]);
   let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
     override
   });
@@ -5477,7 +5480,7 @@ const getComputedToken2 = (originToken, overrideToken, theme) => {
     Object.entries(components2).forEach(([key, value2]) => {
       const {
         theme: componentTheme
-      } = value2, componentTokens = __rest$_(value2, ["theme"]);
+      } = value2, componentTokens = __rest$12(value2, ["theme"]);
       let mergedComponentToken = componentTokens;
       if (componentTheme) {
         mergedComponentToken = getComputedToken2(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
@@ -6432,7 +6435,7 @@ if (process.env.NODE_ENV !== "production") {
   PropWarning.displayName = "PropWarning";
 }
 const PropWarning$1 = process.env.NODE_ENV !== "production" ? PropWarning : () => null;
-var __rest$Z = function(s, e3) {
+var __rest$11 = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -6441,7 +6444,7 @@ var __rest$Z = function(s, e3) {
   return t2;
 };
 let existThemeConfig = false;
-process.env.NODE_ENV !== "production" ? (componentName) => {
+const warnContext = process.env.NODE_ENV !== "production" ? (componentName) => {
   process.env.NODE_ENV !== "production" ? warning$2(!existThemeConfig, componentName, `Static function can not consume context like dynamic theme. Please use 'App' component instead.`) : void 0;
 } : (
   /* istanbul ignore next */
@@ -6449,9 +6452,15 @@ process.env.NODE_ENV !== "production" ? (componentName) => {
 );
 const PASSED_PROPS = ["getTargetContainer", "getPopupContainer", "renderEmpty", "input", "pagination", "form", "select", "button"];
 let globalPrefixCls;
+let globalIconPrefixCls;
+let globalTheme;
+let globalHolderRender;
 function getGlobalPrefixCls() {
   return globalPrefixCls || defaultPrefixCls;
 }
+function getGlobalIconPrefixCls() {
+  return globalIconPrefixCls || defaultIconPrefixCls;
+}
 function isLegacyTheme(theme) {
   return Object.keys(theme).some((key) => key.endsWith("Color"));
 }
@@ -6465,13 +6474,38 @@ const setGlobalConfig = (props) => {
   if (prefixCls !== void 0) {
     globalPrefixCls = prefixCls;
   }
+  if (iconPrefixCls !== void 0) {
+    globalIconPrefixCls = iconPrefixCls;
+  }
+  if ("holderRender" in props) {
+    globalHolderRender = holderRender;
+  }
   if (theme) {
     if (isLegacyTheme(theme)) {
       process.env.NODE_ENV !== "production" ? warning$2(false, "ConfigProvider", "`config` of css variable theme is not work in v5. Please use new `theme` config instead.") : void 0;
       registerTheme(getGlobalPrefixCls(), theme);
+    } else {
+      globalTheme = theme;
     }
   }
 };
+const globalConfig = () => ({
+  getPrefixCls: (suffixCls, customizePrefixCls) => {
+    if (customizePrefixCls) {
+      return customizePrefixCls;
+    }
+    return suffixCls ? `${getGlobalPrefixCls()}-${suffixCls}` : getGlobalPrefixCls();
+  },
+  getIconPrefixCls: getGlobalIconPrefixCls,
+  getRootPrefixCls: () => {
+    if (globalPrefixCls) {
+      return globalPrefixCls;
+    }
+    return getGlobalPrefixCls();
+  },
+  getTheme: () => globalTheme,
+  holderRender: globalHolderRender
+});
 const ProviderChildren = (props) => {
   const {
     children: children2,
@@ -6719,7 +6753,7 @@ const ProviderChildren = (props) => {
       token: token2,
       components: components2,
       cssVar
-    } = _a, rest = __rest$Z(_a, ["algorithm", "token", "components", "cssVar"]);
+    } = _a, rest = __rest$11(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
     Object.entries(components2 || {}).forEach(([componentName, componentToken]) => {
@@ -7233,7 +7267,7 @@ const genActionStyle = (token2) => {
     }
   };
 };
-const prepareComponentToken$q = (token2) => {
+const prepareComponentToken$r = (token2) => {
   const paddingHorizontal = 12;
   return {
     withDescriptionIconSize: token2.fontSizeHeading3,
@@ -7241,8 +7275,8 @@ const prepareComponentToken$q = (token2) => {
     withDescriptionPadding: `${token2.paddingMD}px ${token2.paddingContentHorizontalLG}px`
   };
 };
-const useStyle$w = genStyleHooks("Alert", (token2) => [genBaseStyle$9(token2), genTypeStyle(token2), genActionStyle(token2)], prepareComponentToken$q);
-var __rest$Y = function(s, e3) {
+const useStyle$x = genStyleHooks("Alert", (token2) => [genBaseStyle$9(token2), genTypeStyle(token2), genActionStyle(token2)], prepareComponentToken$r);
+var __rest$10 = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -7309,7 +7343,7 @@ const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     closeIcon,
     action,
     id: id2
-  } = props, otherProps = __rest$Y(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
+  } = props, otherProps = __rest$10(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
   const [closed, setClosed] = React.useState(false);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Alert");
@@ -7328,7 +7362,7 @@ const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: contextStyle
   } = useComponentConfig("alert");
   const prefixCls = getPrefixCls("alert", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$w(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$x(prefixCls);
   const handleClose = (e3) => {
     var _a;
     setClosed(true);
@@ -7384,7 +7418,7 @@ const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (typeof merged === "object") {
       const {
         closeIcon: _
-      } = merged, ariaProps = __rest$Y(merged, ["closeIcon"]);
+      } = merged, ariaProps = __rest$10(merged, ["closeIcon"]);
       return ariaProps;
     }
     return {};
@@ -7574,7 +7608,7 @@ function e(e3, r2) {
 function isWindow(obj) {
   return obj !== null && obj !== void 0 && obj === obj.window;
 }
-const getScroll = (target) => {
+const getScroll$1 = (target) => {
   var _a, _b;
   if (typeof window === "undefined") {
     return 0;
@@ -7609,7 +7643,7 @@ function scrollTo(y2, options = {}) {
     duration = 450
   } = options;
   const container = getContainer2();
-  const scrollTop = getScroll(container);
+  const scrollTop = getScroll$1(container);
   const startTime = Date.now();
   const frameFunc = () => {
     const timestamp = Date.now();
@@ -7850,6 +7884,16 @@ const useZIndex = (componentType, customZIndex) => {
   }
   return result;
 };
+function usePatchElement() {
+  const [elements, setElements] = React.useState([]);
+  const patchElement = React.useCallback((element2) => {
+    setElements((originElements) => [].concat(_toConsumableArray(originElements), [element2]));
+    return () => {
+      setElements((originElements) => originElements.filter((ele) => ele !== element2));
+    };
+  }, []);
+  return [elements, patchElement];
+}
 function _OverloadYield(e3, d) {
   this.v = e3, this.k = d;
 }
@@ -8290,7 +8334,7 @@ const genWaveStyle = (token2) => {
     }
   };
 };
-const useStyle$v = genComponentStyleHook("Wave", genWaveStyle);
+const useStyle$w = genComponentStyleHook("Wave", genWaveStyle);
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 function isValidWaveColor(color2) {
   return color2 && color2 !== "#fff" && color2 !== "#ffffff" && color2 !== "rgb(255, 255, 255)" && color2 !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(color2) && // any transparent rgba color
@@ -8468,7 +8512,7 @@ const Wave = (props) => {
   } = useContext$1(ConfigContext);
   const containerRef = useRef(null);
   const prefixCls = getPrefixCls("wave");
-  const [, hashId] = useStyle$v(prefixCls);
+  const [, hashId] = useStyle$w(prefixCls);
   const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);
   React__default.useEffect(() => {
     const node2 = containerRef.current;
@@ -8596,7 +8640,7 @@ const genSpaceGapStyle = (token2) => {
     }
   };
 };
-const useStyle$u = genStyleHooks("Space", (token2) => {
+const useStyle$v = genStyleHooks("Space", (token2) => {
   const spaceToken = merge$1(token2, {
     spaceGapSmallSize: token2.paddingXS,
     spaceGapMiddleSize: token2.padding,
@@ -8608,7 +8652,7 @@ const useStyle$u = genStyleHooks("Space", (token2) => {
   // https://github.com/ant-design/ant-design/issues/40315
   resetStyle: false
 });
-var __rest$X = function(s, e3) {
+var __rest$$ = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -8652,7 +8696,7 @@ const NoCompactStyle = (props) => {
 const CompactItem = (props) => {
   const {
     children: children2
-  } = props, others = __rest$X(props, ["children"]);
+  } = props, others = __rest$$(props, ["children"]);
   return /* @__PURE__ */ React.createElement(SpaceCompactItemContext.Provider, {
     value: React.useMemo(() => others, [others])
   }, children2);
@@ -8670,10 +8714,10 @@ const Compact$1 = (props) => {
     className,
     rootClassName,
     children: children2
-  } = props, restProps = __rest$X(props, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]);
+  } = props, restProps = __rest$$(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$u(prefixCls);
+  const [wrapCSSVar, hashId] = useStyle$v(prefixCls);
   const clx = classNames(prefixCls, hashId, {
     [`${prefixCls}-rtl`]: directionConfig === "rtl",
     [`${prefixCls}-block`]: block,
@@ -8698,7 +8742,7 @@ const Compact$1 = (props) => {
     className: clx
   }, restProps), nodes));
 };
-var __rest$W = function(s, e3) {
+var __rest$_ = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -8716,7 +8760,7 @@ const ButtonGroup = (props) => {
     prefixCls: customizePrefixCls,
     size,
     className
-  } = props, others = __rest$W(props, ["prefixCls", "size", "className"]);
+  } = props, others = __rest$_(props, ["prefixCls", "size", "className"]);
   const prefixCls = getPrefixCls("btn-group", customizePrefixCls);
   const [, , hashId] = useToken();
   const sizeCls = React.useMemo(() => {
@@ -9616,6 +9660,41 @@ const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel =
     }
   };
 };
+const fadeIn = new Keyframe("antFadeIn", {
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+});
+const fadeOut = new Keyframe("antFadeOut", {
+  "0%": {
+    opacity: 1
+  },
+  "100%": {
+    opacity: 0
+  }
+});
+const initFadeMotion = (token2, sameLevel = false) => {
+  const {
+    antCls
+  } = token2;
+  const motionCls = `${antCls}-fade`;
+  const sameLevelPrefix = sameLevel ? "&" : "";
+  return [initMotion(motionCls, fadeIn, fadeOut, token2.motionDurationMid, sameLevel), {
+    [`
+        ${sameLevelPrefix}${motionCls}-enter,
+        ${sameLevelPrefix}${motionCls}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: "linear"
+    },
+    [`${sameLevelPrefix}${motionCls}-leave`]: {
+      animationTimingFunction: "linear"
+    }
+  }];
+};
 const moveDownIn = new Keyframe("antMoveDownIn", {
   "0%": {
     transform: "translate3d(0, 100%, 0)",
@@ -10094,7 +10173,7 @@ const isBright = (value2, bgColorToken) => {
   }
   return r2 * 0.299 + g * 0.587 + b * 0.114 > 192;
 };
-const prepareToken$2 = (token2) => {
+const prepareToken$3 = (token2) => {
   const {
     paddingInline,
     onlyIconSize
@@ -10106,7 +10185,7 @@ const prepareToken$2 = (token2) => {
   });
   return buttonToken;
 };
-const prepareComponentToken$p = (token2) => {
+const prepareComponentToken$q = (token2) => {
   var _a, _b, _c, _d, _e, _f;
   const contentFontSize = (_a = token2.contentFontSize) !== null && _a !== void 0 ? _a : token2.fontSize;
   const contentFontSizeSM = (_b = token2.contentFontSizeSM) !== null && _b !== void 0 ? _b : token2.fontSize;
@@ -10613,8 +10692,8 @@ const genBlockButtonStyle = (token2) => {
     }
   };
 };
-const useStyle$t = genStyleHooks("Button", (token2) => {
-  const buttonToken = prepareToken$2(token2);
+const useStyle$u = genStyleHooks("Button", (token2) => {
+  const buttonToken = prepareToken$3(token2);
   return [
     // Shared
     genSharedButtonStyle(buttonToken),
@@ -10631,7 +10710,7 @@ const useStyle$t = genStyleHooks("Button", (token2) => {
     // Button Group
     genGroupStyle$2(buttonToken)
   ];
-}, prepareComponentToken$p, {
+}, prepareComponentToken$q, {
   unitless: {
     fontWeight: true,
     contentLineHeight: true,
@@ -10772,15 +10851,15 @@ const genButtonCompactStyle = (token2) => {
   return Object.assign(Object.assign({}, getCompactBorderStyle()), getCompactBorderStyle(true));
 };
 const Compact = genSubStyleComponent(["Button", "compact"], (token2) => {
-  const buttonToken = prepareToken$2(token2);
+  const buttonToken = prepareToken$3(token2);
   return [
     // Space Compact
     genCompactItemStyle(buttonToken),
     genCompactItemVerticalStyle(buttonToken),
     genButtonCompactStyle(buttonToken)
   ];
-}, prepareComponentToken$p);
-var __rest$V = function(s, e3) {
+}, prepareComponentToken$q);
+var __rest$Z = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -10836,7 +10915,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
     style: customStyle = {},
     autoInsertSpace,
     autoFocus
-  } = props, rest = __rest$V(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
+  } = props, rest = __rest$Z(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
   const mergedType = type4 || "default";
   const {
     button: button2
@@ -10871,7 +10950,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
   } = useComponentConfig("button");
   const mergedInsertSpace = (_a = autoInsertSpace !== null && autoInsertSpace !== void 0 ? autoInsertSpace : contextAutoInsertSpace) !== null && _a !== void 0 ? _a : true;
   const prefixCls = getPrefixCls("btn", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$u(prefixCls);
   const disabled2 = useContext$1(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled2;
   const groupSize = useContext$1(GroupSizeContext);
@@ -11116,6 +11195,59 @@ const ActionButton$1 = (props) => {
     ref: buttonRef
   }), children2);
 };
+const ModalContext = /* @__PURE__ */ React__default.createContext({});
+const {
+  Provider: ModalContextProvider
+} = ModalContext;
+const ConfirmCancelBtn = () => {
+  const {
+    autoFocusButton,
+    cancelButtonProps,
+    cancelTextLocale,
+    isSilent,
+    mergedOkCancel,
+    rootPrefixCls,
+    close,
+    onCancel,
+    onConfirm
+  } = useContext$1(ModalContext);
+  return mergedOkCancel ? /* @__PURE__ */ React__default.createElement(ActionButton$1, {
+    isSilent,
+    actionFn: onCancel,
+    close: (...args) => {
+      close === null || close === void 0 ? void 0 : close.apply(void 0, args);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(false);
+    },
+    autoFocus: autoFocusButton === "cancel",
+    buttonProps: cancelButtonProps,
+    prefixCls: `${rootPrefixCls}-btn`
+  }, cancelTextLocale) : null;
+};
+const ConfirmOkBtn = () => {
+  const {
+    autoFocusButton,
+    close,
+    isSilent,
+    okButtonProps,
+    rootPrefixCls,
+    okTextLocale,
+    okType,
+    onConfirm,
+    onOk
+  } = useContext$1(ModalContext);
+  return /* @__PURE__ */ React__default.createElement(ActionButton$1, {
+    isSilent,
+    type: okType || "primary",
+    actionFn: onOk,
+    close: (...args) => {
+      close === null || close === void 0 ? void 0 : close.apply(void 0, args);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(true);
+    },
+    autoFocus: autoFocusButton === "ok",
+    buttonProps: okButtonProps,
+    prefixCls: `${rootPrefixCls}-btn`
+  }, okTextLocale);
+};
 var OrderContext = /* @__PURE__ */ React.createContext(null);
 var EMPTY_LIST$5 = [];
 function useDom(render2, debug) {
@@ -11234,12 +11366,12 @@ function isBodyOverflowing() {
   return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
 }
 var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
-var uuid$4 = 0;
+var uuid$5 = 0;
 function useScrollLocker(lock) {
   var mergedLock = !!lock;
   var _React$useState = React.useState(function() {
-    uuid$4 += 1;
-    return "".concat(UNIQUE_ID, "_").concat(uuid$4);
+    uuid$5 += 1;
+    return "".concat(UNIQUE_ID, "_").concat(uuid$5);
   }), _React$useState2 = _slicedToArray(_React$useState, 1), id2 = _React$useState2[0];
   useLayoutEffect$1(function() {
     if (mergedLock) {
@@ -11318,11 +11450,12 @@ var Portal = /* @__PURE__ */ React.forwardRef(function(props, ref) {
 if (process.env.NODE_ENV !== "production") {
   Portal.displayName = "Portal";
 }
+var RefContext$1 = /* @__PURE__ */ React.createContext({});
 function getUseId() {
   var fullClone2 = _objectSpread2({}, React);
   return fullClone2.useId;
 }
-var uuid$3 = 0;
+var uuid$4 = 0;
 var useOriginId = getUseId();
 const useId$2 = useOriginId ? (
   // Use React `useId`
@@ -11341,8 +11474,8 @@ const useId$2 = useOriginId ? (
   function useCompatId(id2) {
     var _React$useState = React.useState("ssr-id"), _React$useState2 = _slicedToArray(_React$useState, 2), innerId = _React$useState2[0], setInnerId = _React$useState2[1];
     React.useEffect(function() {
-      var nextId = uuid$3;
-      uuid$3 += 1;
+      var nextId = uuid$4;
+      uuid$4 += 1;
       setInnerId("rc_unique_".concat(nextId));
     }, []);
     if (id2) {
@@ -11354,6 +11487,366 @@ const useId$2 = useOriginId ? (
     return innerId;
   }
 );
+function getMotionName(prefixCls, transitionName, animationName) {
+  var motionName = transitionName;
+  if (!motionName && animationName) {
+    motionName = "".concat(prefixCls, "-").concat(animationName);
+  }
+  return motionName;
+}
+function getScroll(w, top) {
+  var ret = w["page".concat(top ? "Y" : "X", "Offset")];
+  var method4 = "scroll".concat(top ? "Top" : "Left");
+  if (typeof ret !== "number") {
+    var d = w.document;
+    ret = d.documentElement[method4];
+    if (typeof ret !== "number") {
+      ret = d.body[method4];
+    }
+  }
+  return ret;
+}
+function offset$1(el) {
+  var rect = el.getBoundingClientRect();
+  var pos = {
+    left: rect.left,
+    top: rect.top
+  };
+  var doc = el.ownerDocument;
+  var w = doc.defaultView || doc.parentWindow;
+  pos.left += getScroll(w);
+  pos.top += getScroll(w, true);
+  return pos;
+}
+const MemoChildren = /* @__PURE__ */ React.memo(function(_ref) {
+  var children2 = _ref.children;
+  return children2;
+}, function(_, _ref2) {
+  var shouldUpdate = _ref2.shouldUpdate;
+  return !shouldUpdate;
+});
+var sentinelStyle$1 = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none"
+};
+var entityStyle = {
+  outline: "none"
+};
+var Panel$1 = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
+  var prefixCls = props.prefixCls, className = props.className, style2 = props.style, title = props.title, ariaId = props.ariaId, footer2 = props.footer, closable = props.closable, closeIcon = props.closeIcon, onClose = props.onClose, children2 = props.children, bodyStyle = props.bodyStyle, bodyProps = props.bodyProps, modalRender = props.modalRender, onMouseDown = props.onMouseDown, onMouseUp = props.onMouseUp, holderRef = props.holderRef, visible = props.visible, forceRender = props.forceRender, width = props.width, height = props.height, modalClassNames = props.classNames, modalStyles = props.styles;
+  var _React$useContext = React__default.useContext(RefContext$1), panelRef = _React$useContext.panel;
+  var mergedRef = useComposeRef(holderRef, panelRef);
+  var sentinelStartRef = useRef();
+  var sentinelEndRef = useRef();
+  React__default.useImperativeHandle(ref, function() {
+    return {
+      focus: function focus() {
+        var _sentinelStartRef$cur;
+        (_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === void 0 || _sentinelStartRef$cur.focus({
+          preventScroll: true
+        });
+      },
+      changeActive: function changeActive(next2) {
+        var _document = document, activeElement = _document.activeElement;
+        if (next2 && activeElement === sentinelEndRef.current) {
+          sentinelStartRef.current.focus({
+            preventScroll: true
+          });
+        } else if (!next2 && activeElement === sentinelStartRef.current) {
+          sentinelEndRef.current.focus({
+            preventScroll: true
+          });
+        }
+      }
+    };
+  });
+  var contentStyle = {};
+  if (width !== void 0) {
+    contentStyle.width = width;
+  }
+  if (height !== void 0) {
+    contentStyle.height = height;
+  }
+  var footerNode = footer2 ? /* @__PURE__ */ React__default.createElement("div", {
+    className: classNames("".concat(prefixCls, "-footer"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.footer),
+    style: _objectSpread2({}, modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.footer)
+  }, footer2) : null;
+  var headerNode = title ? /* @__PURE__ */ React__default.createElement("div", {
+    className: classNames("".concat(prefixCls, "-header"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.header),
+    style: _objectSpread2({}, modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.header)
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "".concat(prefixCls, "-title"),
+    id: ariaId
+  }, title)) : null;
+  var closableObj = useMemo$1(function() {
+    if (_typeof(closable) === "object" && closable !== null) {
+      return closable;
+    }
+    if (closable) {
+      return {
+        closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : /* @__PURE__ */ React__default.createElement("span", {
+          className: "".concat(prefixCls, "-close-x")
+        })
+      };
+    }
+    return {};
+  }, [closable, closeIcon, prefixCls]);
+  var ariaProps = pickAttrs(closableObj, true);
+  var closeBtnIsDisabled = _typeof(closable) === "object" && closable.disabled;
+  var closerNode = closable ? /* @__PURE__ */ React__default.createElement("button", _extends$1({
+    type: "button",
+    onClick: onClose,
+    "aria-label": "Close"
+  }, ariaProps, {
+    className: "".concat(prefixCls, "-close"),
+    disabled: closeBtnIsDisabled
+  }), closableObj.closeIcon) : null;
+  var content2 = /* @__PURE__ */ React__default.createElement("div", {
+    className: classNames("".concat(prefixCls, "-content"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.content),
+    style: modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.content
+  }, closerNode, headerNode, /* @__PURE__ */ React__default.createElement("div", _extends$1({
+    className: classNames("".concat(prefixCls, "-body"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.body),
+    style: _objectSpread2(_objectSpread2({}, bodyStyle), modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.body)
+  }, bodyProps), children2), footerNode);
+  return /* @__PURE__ */ React__default.createElement("div", {
+    key: "dialog-element",
+    role: "dialog",
+    "aria-labelledby": title ? ariaId : null,
+    "aria-modal": "true",
+    ref: mergedRef,
+    style: _objectSpread2(_objectSpread2({}, style2), contentStyle),
+    className: classNames(prefixCls, className),
+    onMouseDown,
+    onMouseUp
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    ref: sentinelStartRef,
+    tabIndex: 0,
+    style: entityStyle
+  }, /* @__PURE__ */ React__default.createElement(MemoChildren, {
+    shouldUpdate: visible || forceRender
+  }, modalRender ? modalRender(content2) : content2)), /* @__PURE__ */ React__default.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelEndRef,
+    style: sentinelStyle$1
+  }));
+});
+if (process.env.NODE_ENV !== "production") {
+  Panel$1.displayName = "Panel";
+}
+var Content$3 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var prefixCls = props.prefixCls, title = props.title, style2 = props.style, className = props.className, visible = props.visible, forceRender = props.forceRender, destroyOnClose = props.destroyOnClose, motionName = props.motionName, ariaId = props.ariaId, onVisibleChanged = props.onVisibleChanged, mousePosition2 = props.mousePosition;
+  var dialogRef = useRef();
+  var _React$useState = React.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), transformOrigin = _React$useState2[0], setTransformOrigin = _React$useState2[1];
+  var contentStyle = {};
+  if (transformOrigin) {
+    contentStyle.transformOrigin = transformOrigin;
+  }
+  function onPrepare() {
+    var elementOffset = offset$1(dialogRef.current);
+    setTransformOrigin(mousePosition2 && (mousePosition2.x || mousePosition2.y) ? "".concat(mousePosition2.x - elementOffset.left, "px ").concat(mousePosition2.y - elementOffset.top, "px") : "");
+  }
+  return /* @__PURE__ */ React.createElement(CSSMotion, {
+    visible,
+    onVisibleChanged,
+    onAppearPrepare: onPrepare,
+    onEnterPrepare: onPrepare,
+    forceRender,
+    motionName,
+    removeOnLeave: destroyOnClose,
+    ref: dialogRef
+  }, function(_ref, motionRef) {
+    var motionClassName = _ref.className, motionStyle = _ref.style;
+    return /* @__PURE__ */ React.createElement(Panel$1, _extends$1({}, props, {
+      ref,
+      title,
+      ariaId,
+      prefixCls,
+      holderRef: motionRef,
+      style: _objectSpread2(_objectSpread2(_objectSpread2({}, motionStyle), style2), contentStyle),
+      className: classNames(className, motionClassName)
+    }));
+  });
+});
+Content$3.displayName = "Content";
+var Mask$1 = function Mask(props) {
+  var prefixCls = props.prefixCls, style2 = props.style, visible = props.visible, maskProps = props.maskProps, motionName = props.motionName, className = props.className;
+  return /* @__PURE__ */ React.createElement(CSSMotion, {
+    key: "mask",
+    visible,
+    motionName,
+    leavedClassName: "".concat(prefixCls, "-mask-hidden")
+  }, function(_ref, ref) {
+    var motionClassName = _ref.className, motionStyle = _ref.style;
+    return /* @__PURE__ */ React.createElement("div", _extends$1({
+      ref,
+      style: _objectSpread2(_objectSpread2({}, motionStyle), style2),
+      className: classNames("".concat(prefixCls, "-mask"), motionClassName, className)
+    }, maskProps));
+  });
+};
+var Dialog = function Dialog2(props) {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-dialog" : _props$prefixCls, zIndex = props.zIndex, _props$visible = props.visible, visible = _props$visible === void 0 ? false : _props$visible, _props$keyboard = props.keyboard, keyboard = _props$keyboard === void 0 ? true : _props$keyboard, _props$focusTriggerAf = props.focusTriggerAfterClose, focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf, wrapStyle = props.wrapStyle, wrapClassName = props.wrapClassName, wrapProps = props.wrapProps, onClose = props.onClose, afterOpenChange = props.afterOpenChange, afterClose = props.afterClose, transitionName = props.transitionName, animation = props.animation, _props$closable = props.closable, closable = _props$closable === void 0 ? true : _props$closable, _props$mask = props.mask, mask = _props$mask === void 0 ? true : _props$mask, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, maskStyle = props.maskStyle, maskProps = props.maskProps, rootClassName = props.rootClassName, modalClassNames = props.classNames, modalStyles = props.styles;
+  if (process.env.NODE_ENV !== "production") {
+    ["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(prop) {
+      warning$3(!(prop in props), "".concat(prop, " is deprecated, please use styles instead."));
+    });
+    if ("wrapClassName" in props) {
+      warning$3(false, "wrapClassName is deprecated, please use classNames instead.");
+    }
+  }
+  var lastOutSideActiveElementRef = useRef();
+  var wrapperRef = useRef();
+  var contentRef = useRef();
+  var _React$useState = React.useState(visible), _React$useState2 = _slicedToArray(_React$useState, 2), animatedVisible = _React$useState2[0], setAnimatedVisible = _React$useState2[1];
+  var ariaId = useId$2();
+  function saveLastOutSideActiveElementRef() {
+    if (!contains(wrapperRef.current, document.activeElement)) {
+      lastOutSideActiveElementRef.current = document.activeElement;
+    }
+  }
+  function focusDialogContent() {
+    if (!contains(wrapperRef.current, document.activeElement)) {
+      var _contentRef$current;
+      (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 || _contentRef$current.focus();
+    }
+  }
+  function onDialogVisibleChanged(newVisible) {
+    if (newVisible) {
+      focusDialogContent();
+    } else {
+      setAnimatedVisible(false);
+      if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
+        try {
+          lastOutSideActiveElementRef.current.focus({
+            preventScroll: true
+          });
+        } catch (e3) {
+        }
+        lastOutSideActiveElementRef.current = null;
+      }
+      if (animatedVisible) {
+        afterClose === null || afterClose === void 0 || afterClose();
+      }
+    }
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(newVisible);
+  }
+  function onInternalClose(e3) {
+    onClose === null || onClose === void 0 || onClose(e3);
+  }
+  var contentClickRef = useRef(false);
+  var contentTimeoutRef = useRef();
+  var onContentMouseDown = function onContentMouseDown2() {
+    clearTimeout(contentTimeoutRef.current);
+    contentClickRef.current = true;
+  };
+  var onContentMouseUp = function onContentMouseUp2() {
+    contentTimeoutRef.current = setTimeout(function() {
+      contentClickRef.current = false;
+    });
+  };
+  var onWrapperClick = null;
+  if (maskClosable) {
+    onWrapperClick = function onWrapperClick2(e3) {
+      if (contentClickRef.current) {
+        contentClickRef.current = false;
+      } else if (wrapperRef.current === e3.target) {
+        onInternalClose(e3);
+      }
+    };
+  }
+  function onWrapperKeyDown(e3) {
+    if (keyboard && e3.keyCode === KeyCode.ESC) {
+      e3.stopPropagation();
+      onInternalClose(e3);
+      return;
+    }
+    if (visible && e3.keyCode === KeyCode.TAB) {
+      contentRef.current.changeActive(!e3.shiftKey);
+    }
+  }
+  useEffect(function() {
+    if (visible) {
+      setAnimatedVisible(true);
+      saveLastOutSideActiveElementRef();
+    }
+  }, [visible]);
+  useEffect(function() {
+    return function() {
+      clearTimeout(contentTimeoutRef.current);
+    };
+  }, []);
+  var mergedStyle = _objectSpread2(_objectSpread2(_objectSpread2({
+    zIndex
+  }, wrapStyle), modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.wrapper), {}, {
+    display: !animatedVisible ? "none" : null
+  });
+  return /* @__PURE__ */ React.createElement("div", _extends$1({
+    className: classNames("".concat(prefixCls, "-root"), rootClassName)
+  }, pickAttrs(props, {
+    data: true
+  })), /* @__PURE__ */ React.createElement(Mask$1, {
+    prefixCls,
+    visible: mask && visible,
+    motionName: getMotionName(prefixCls, maskTransitionName, maskAnimation),
+    style: _objectSpread2(_objectSpread2({
+      zIndex
+    }, maskStyle), modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.mask),
+    maskProps,
+    className: modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.mask
+  }), /* @__PURE__ */ React.createElement("div", _extends$1({
+    tabIndex: -1,
+    onKeyDown: onWrapperKeyDown,
+    className: classNames("".concat(prefixCls, "-wrap"), wrapClassName, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.wrapper),
+    ref: wrapperRef,
+    onClick: onWrapperClick,
+    style: mergedStyle
+  }, wrapProps), /* @__PURE__ */ React.createElement(Content$3, _extends$1({}, props, {
+    onMouseDown: onContentMouseDown,
+    onMouseUp: onContentMouseUp,
+    ref: contentRef,
+    closable,
+    ariaId,
+    prefixCls,
+    visible: visible && animatedVisible,
+    onClose: onInternalClose,
+    onVisibleChanged: onDialogVisibleChanged,
+    motionName: getMotionName(prefixCls, transitionName, animation)
+  }))));
+};
+var DialogWrap = function DialogWrap2(props) {
+  var visible = props.visible, getContainer2 = props.getContainer, forceRender = props.forceRender, _props$destroyOnClose = props.destroyOnClose, destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose, _afterClose = props.afterClose, panelRef = props.panelRef;
+  var _React$useState = React.useState(visible), _React$useState2 = _slicedToArray(_React$useState, 2), animatedVisible = _React$useState2[0], setAnimatedVisible = _React$useState2[1];
+  var refContext = React.useMemo(function() {
+    return {
+      panel: panelRef
+    };
+  }, [panelRef]);
+  React.useEffect(function() {
+    if (visible) {
+      setAnimatedVisible(true);
+    }
+  }, [visible]);
+  if (!forceRender && destroyOnClose && !animatedVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(RefContext$1.Provider, {
+    value: refContext
+  }, /* @__PURE__ */ React.createElement(Portal, {
+    open: visible || forceRender || animatedVisible,
+    autoDestroy: false,
+    getContainer: getContainer2,
+    autoLock: visible || animatedVisible
+  }, /* @__PURE__ */ React.createElement(Dialog, _extends$1({}, props, {
+    destroyOnClose,
+    afterClose: function afterClose() {
+      _afterClose === null || _afterClose === void 0 || _afterClose();
+      setAnimatedVisible(false);
+    }
+  }))));
+};
+DialogWrap.displayName = "Dialog";
 var HOOK_MARK = "RC_FORM_INTERNAL_HOOKS";
 var warningFunc = function warningFunc2() {
   warningOnce(false, "Can not find FormContext. Please make sure you wrap Field under Form.");
@@ -14655,6 +15148,7 @@ function isStyleSupport(styleName, styleValue2) {
   }
   return isStyleNameSupport(styleName);
 }
+const canUseDocElement = () => canUseDom() && window.document.documentElement;
 const Element$1 = (props) => {
   const {
     prefixCls,
@@ -14948,7 +15442,7 @@ const genBaseStyle$8 = (token2) => {
     }
   };
 };
-const prepareComponentToken$o = (token2) => {
+const prepareComponentToken$p = (token2) => {
   const {
     colorFillContent,
     colorFill
@@ -14966,7 +15460,7 @@ const prepareComponentToken$o = (token2) => {
     paragraphLiHeight: token2.controlHeight / 2
   };
 };
-const useStyle$s = genStyleHooks("Skeleton", (token2) => {
+const useStyle$t = genStyleHooks("Skeleton", (token2) => {
   const {
     componentCls,
     calc
@@ -14985,7 +15479,7 @@ const useStyle$s = genStyleHooks("Skeleton", (token2) => {
     skeletonLoadingMotionDuration: "1.4s"
   });
   return genBaseStyle$8(skeletonToken);
-}, prepareComponentToken$o, {
+}, prepareComponentToken$p, {
   deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
 });
 const SkeletonAvatar = (props) => {
@@ -15001,7 +15495,7 @@ const SkeletonAvatar = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const otherProps = omit(props, ["prefixCls", "className"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
@@ -15027,7 +15521,7 @@ const SkeletonButton = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const otherProps = omit(props, ["prefixCls"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active,
@@ -15053,7 +15547,7 @@ const SkeletonImage = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
   }, className, rootClassName, hashId, cssVarCls);
@@ -15084,7 +15578,7 @@ const SkeletonInput = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const otherProps = omit(props, ["prefixCls"]);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active,
@@ -15110,7 +15604,7 @@ const SkeletonNode = (props) => {
     getPrefixCls
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   const cls = classNames(prefixCls, `${prefixCls}-element`, {
     [`${prefixCls}-active`]: active
   }, hashId, className, rootClassName, cssVarCls);
@@ -15235,7 +15729,7 @@ const Skeleton$1 = (props) => {
     style: contextStyle
   } = useComponentConfig("skeleton");
   const prefixCls = getPrefixCls("skeleton", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$t(prefixCls);
   if (loading || !("loading" in props)) {
     const hasAvatar = !!avatar;
     const hasTitle = !!title;
@@ -15301,7 +15795,7 @@ function usePanelRef(panelSelector) {
   const panelEleRef = React.useRef(null);
   const panelRef = useEvent((ele) => {
     if (ele) {
-      const innerContentEle = ele;
+      const innerContentEle = panelSelector ? ele.querySelector(panelSelector) : ele;
       watermark.add(innerContentEle);
       panelEleRef.current = innerContentEle;
     } else {
@@ -15310,6 +15804,81 @@ function usePanelRef(panelSelector) {
   });
   return panelRef;
 }
+const NormalCancelBtn = () => {
+  const {
+    cancelButtonProps,
+    cancelTextLocale,
+    onCancel
+  } = useContext$1(ModalContext);
+  return /* @__PURE__ */ React__default.createElement(Button$4, Object.assign({
+    onClick: onCancel
+  }, cancelButtonProps), cancelTextLocale);
+};
+const NormalOkBtn = () => {
+  const {
+    confirmLoading,
+    okButtonProps,
+    okType,
+    okTextLocale,
+    onOk
+  } = useContext$1(ModalContext);
+  return /* @__PURE__ */ React__default.createElement(Button$4, Object.assign({}, convertLegacyProps(okType), {
+    loading: confirmLoading,
+    onClick: onOk
+  }, okButtonProps), okTextLocale);
+};
+function renderCloseIcon(prefixCls, closeIcon) {
+  return /* @__PURE__ */ React__default.createElement("span", {
+    className: `${prefixCls}-close-x`
+  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$D, {
+    className: `${prefixCls}-close-icon`
+  }));
+}
+const Footer$3 = (props) => {
+  const {
+    okText,
+    okType = "primary",
+    cancelText,
+    confirmLoading,
+    onOk,
+    onCancel,
+    okButtonProps,
+    cancelButtonProps,
+    footer: footer2
+  } = props;
+  const [locale2] = useLocale$1("Modal", getConfirmLocale());
+  const okTextLocale = okText || (locale2 === null || locale2 === void 0 ? void 0 : locale2.okText);
+  const cancelTextLocale = cancelText || (locale2 === null || locale2 === void 0 ? void 0 : locale2.cancelText);
+  const btnCtxValue = {
+    confirmLoading,
+    okButtonProps,
+    cancelButtonProps,
+    okTextLocale,
+    cancelTextLocale,
+    okType,
+    onOk,
+    onCancel
+  };
+  const btnCtxValueMemo = React__default.useMemo(() => btnCtxValue, _toConsumableArray(Object.values(btnCtxValue)));
+  let footerNode;
+  if (typeof footer2 === "function" || typeof footer2 === "undefined") {
+    footerNode = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(NormalCancelBtn, null), /* @__PURE__ */ React__default.createElement(NormalOkBtn, null));
+    if (typeof footer2 === "function") {
+      footerNode = footer2(footerNode, {
+        OkBtn: NormalOkBtn,
+        CancelBtn: NormalCancelBtn
+      });
+    }
+    footerNode = /* @__PURE__ */ React__default.createElement(ModalContextProvider, {
+      value: btnCtxValueMemo
+    }, footerNode);
+  } else {
+    footerNode = footer2;
+  }
+  return /* @__PURE__ */ React__default.createElement(DisabledContextProvider, {
+    disabled: false
+  }, footerNode);
+};
 const genGridRowStyle = (token2) => {
   const {
     componentCls
@@ -15467,6 +16036,1002 @@ const useColStyle = genStyleHooks("Grid", (token2) => {
   delete gridMediaSizesMap.xs;
   return [genGridColStyle(gridToken), genGridStyle(gridToken, ""), genGridStyle(gridToken, "-xs"), Object.keys(gridMediaSizesMap).map((key) => genGridMediaStyle(gridToken, gridMediaSizesMap[key], `-${key}`)).reduce((pre, cur) => Object.assign(Object.assign({}, pre), cur), {})];
 }, prepareColComponentToken);
+function box(position2) {
+  return {
+    position: position2,
+    inset: 0
+  };
+}
+const genModalMaskStyle = (token2) => {
+  const {
+    componentCls,
+    antCls
+  } = token2;
+  return [{
+    [`${componentCls}-root`]: {
+      [`${componentCls}${antCls}-zoom-enter, ${componentCls}${antCls}-zoom-appear`]: {
+        // reset scale avoid mousePosition bug
+        transform: "none",
+        opacity: 0,
+        animationDuration: token2.motionDurationSlow,
+        // https://github.com/ant-design/ant-design/issues/11777
+        userSelect: "none"
+      },
+      // https://github.com/ant-design/ant-design/issues/37329
+      // https://github.com/ant-design/ant-design/issues/40272
+      [`${componentCls}${antCls}-zoom-leave ${componentCls}-content`]: {
+        pointerEvents: "none"
+      },
+      [`${componentCls}-mask`]: Object.assign(Object.assign({}, box("fixed")), {
+        zIndex: token2.zIndexPopupBase,
+        height: "100%",
+        backgroundColor: token2.colorBgMask,
+        pointerEvents: "none",
+        [`${componentCls}-hidden`]: {
+          display: "none"
+        }
+      }),
+      [`${componentCls}-wrap`]: Object.assign(Object.assign({}, box("fixed")), {
+        zIndex: token2.zIndexPopupBase,
+        overflow: "auto",
+        outline: 0,
+        WebkitOverflowScrolling: "touch"
+      })
+    }
+  }, {
+    [`${componentCls}-root`]: initFadeMotion(token2)
+  }];
+};
+const genModalStyle = (token2) => {
+  const {
+    componentCls
+  } = token2;
+  return [
+    // ======================== Root =========================
+    {
+      [`${componentCls}-root`]: {
+        [`${componentCls}-wrap-rtl`]: {
+          direction: "rtl"
+        },
+        [`${componentCls}-centered`]: {
+          textAlign: "center",
+          "&::before": {
+            display: "inline-block",
+            width: 0,
+            height: "100%",
+            verticalAlign: "middle",
+            content: '""'
+          },
+          [componentCls]: {
+            top: 0,
+            display: "inline-block",
+            paddingBottom: 0,
+            textAlign: "start",
+            verticalAlign: "middle"
+          }
+        },
+        [`@media (max-width: ${token2.screenSMMax}px)`]: {
+          [componentCls]: {
+            maxWidth: "calc(100vw - 16px)",
+            margin: `${unit$2(token2.marginXS)} auto`
+          },
+          [`${componentCls}-centered`]: {
+            [componentCls]: {
+              flex: 1
+            }
+          }
+        }
+      }
+    },
+    // ======================== Modal ========================
+    {
+      [componentCls]: Object.assign(Object.assign({}, resetComponent(token2)), {
+        pointerEvents: "none",
+        position: "relative",
+        top: 100,
+        width: "auto",
+        maxWidth: `calc(100vw - ${unit$2(token2.calc(token2.margin).mul(2).equal())})`,
+        margin: "0 auto",
+        paddingBottom: token2.paddingLG,
+        [`${componentCls}-title`]: {
+          margin: 0,
+          color: token2.titleColor,
+          fontWeight: token2.fontWeightStrong,
+          fontSize: token2.titleFontSize,
+          lineHeight: token2.titleLineHeight,
+          wordWrap: "break-word"
+        },
+        [`${componentCls}-content`]: {
+          position: "relative",
+          backgroundColor: token2.contentBg,
+          backgroundClip: "padding-box",
+          border: 0,
+          borderRadius: token2.borderRadiusLG,
+          boxShadow: token2.boxShadow,
+          pointerEvents: "auto",
+          padding: token2.contentPadding
+        },
+        [`${componentCls}-close`]: Object.assign({
+          position: "absolute",
+          top: token2.calc(token2.modalHeaderHeight).sub(token2.modalCloseBtnSize).div(2).equal(),
+          insetInlineEnd: token2.calc(token2.modalHeaderHeight).sub(token2.modalCloseBtnSize).div(2).equal(),
+          zIndex: token2.calc(token2.zIndexPopupBase).add(10).equal(),
+          padding: 0,
+          color: token2.modalCloseIconColor,
+          fontWeight: token2.fontWeightStrong,
+          lineHeight: 1,
+          textDecoration: "none",
+          background: "transparent",
+          borderRadius: token2.borderRadiusSM,
+          width: token2.modalCloseBtnSize,
+          height: token2.modalCloseBtnSize,
+          border: 0,
+          outline: 0,
+          cursor: "pointer",
+          transition: `color ${token2.motionDurationMid}, background-color ${token2.motionDurationMid}`,
+          "&-x": {
+            display: "flex",
+            fontSize: token2.fontSizeLG,
+            fontStyle: "normal",
+            lineHeight: unit$2(token2.modalCloseBtnSize),
+            justifyContent: "center",
+            textTransform: "none",
+            textRendering: "auto"
+          },
+          "&:disabled": {
+            pointerEvents: "none"
+          },
+          "&:hover": {
+            color: token2.modalCloseIconHoverColor,
+            backgroundColor: token2.colorBgTextHover,
+            textDecoration: "none"
+          },
+          "&:active": {
+            backgroundColor: token2.colorBgTextActive
+          }
+        }, genFocusStyle(token2)),
+        [`${componentCls}-header`]: {
+          color: token2.colorText,
+          background: token2.headerBg,
+          borderRadius: `${unit$2(token2.borderRadiusLG)} ${unit$2(token2.borderRadiusLG)} 0 0`,
+          marginBottom: token2.headerMarginBottom,
+          padding: token2.headerPadding,
+          borderBottom: token2.headerBorderBottom
+        },
+        [`${componentCls}-body`]: {
+          fontSize: token2.fontSize,
+          lineHeight: token2.lineHeight,
+          wordWrap: "break-word",
+          padding: token2.bodyPadding,
+          [`${componentCls}-body-skeleton`]: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            margin: `${unit$2(token2.margin)} auto`
+          }
+        },
+        [`${componentCls}-footer`]: {
+          textAlign: "end",
+          background: token2.footerBg,
+          marginTop: token2.footerMarginTop,
+          padding: token2.footerPadding,
+          borderTop: token2.footerBorderTop,
+          borderRadius: token2.footerBorderRadius,
+          [`> ${token2.antCls}-btn + ${token2.antCls}-btn`]: {
+            marginInlineStart: token2.marginXS
+          }
+        },
+        [`${componentCls}-open`]: {
+          overflow: "hidden"
+        }
+      })
+    },
+    // ======================== Pure =========================
+    {
+      [`${componentCls}-pure-panel`]: {
+        top: "auto",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        [`${componentCls}-content,
+          ${componentCls}-body,
+          ${componentCls}-confirm-body-wrapper`]: {
+          display: "flex",
+          flexDirection: "column",
+          flex: "auto"
+        },
+        [`${componentCls}-confirm-body`]: {
+          marginBottom: "auto"
+        }
+      }
+    }
+  ];
+};
+const genRTLStyle = (token2) => {
+  const {
+    componentCls
+  } = token2;
+  return {
+    [`${componentCls}-root`]: {
+      [`${componentCls}-wrap-rtl`]: {
+        direction: "rtl",
+        [`${componentCls}-confirm-body`]: {
+          direction: "rtl"
+        }
+      }
+    }
+  };
+};
+const genResponsiveWidthStyle = (token2) => {
+  const {
+    componentCls
+  } = token2;
+  const oriGridMediaSizesMap = getMediaSize(token2);
+  const gridMediaSizesMap = Object.assign({}, oriGridMediaSizesMap);
+  delete gridMediaSizesMap.xs;
+  const cssVarPrefix = `--${componentCls.replace(".", "")}-`;
+  const responsiveStyles = Object.keys(gridMediaSizesMap).map((key) => ({
+    [`@media (min-width: ${unit$2(gridMediaSizesMap[key])})`]: {
+      width: `var(${cssVarPrefix}${key}-width)`
+    }
+  }));
+  return {
+    [`${componentCls}-root`]: {
+      [componentCls]: [].concat(_toConsumableArray(Object.keys(oriGridMediaSizesMap).map((currentKey, index2) => {
+        const previousKey = Object.keys(oriGridMediaSizesMap)[index2 - 1];
+        return previousKey ? {
+          [`${cssVarPrefix}${currentKey}-width`]: `var(${cssVarPrefix}${previousKey}-width)`
+        } : null;
+      })), [{
+        width: `var(${cssVarPrefix}xs-width)`
+      }], _toConsumableArray(responsiveStyles))
+    }
+  };
+};
+const prepareToken$2 = (token2) => {
+  const headerPaddingVertical = token2.padding;
+  const headerFontSize = token2.fontSizeHeading5;
+  const headerLineHeight = token2.lineHeightHeading5;
+  const modalToken = merge$1(token2, {
+    modalHeaderHeight: token2.calc(token2.calc(headerLineHeight).mul(headerFontSize).equal()).add(token2.calc(headerPaddingVertical).mul(2).equal()).equal(),
+    modalFooterBorderColorSplit: token2.colorSplit,
+    modalFooterBorderStyle: token2.lineType,
+    modalFooterBorderWidth: token2.lineWidth,
+    modalCloseIconColor: token2.colorIcon,
+    modalCloseIconHoverColor: token2.colorIconHover,
+    modalCloseBtnSize: token2.controlHeight,
+    modalConfirmIconSize: token2.fontHeight,
+    modalTitleHeight: token2.calc(token2.titleFontSize).mul(token2.titleLineHeight).equal()
+  });
+  return modalToken;
+};
+const prepareComponentToken$o = (token2) => ({
+  footerBg: "transparent",
+  headerBg: token2.colorBgElevated,
+  titleLineHeight: token2.lineHeightHeading5,
+  titleFontSize: token2.fontSizeHeading5,
+  contentBg: token2.colorBgElevated,
+  titleColor: token2.colorTextHeading,
+  // internal
+  contentPadding: token2.wireframe ? 0 : `${unit$2(token2.paddingMD)} ${unit$2(token2.paddingContentHorizontalLG)}`,
+  headerPadding: token2.wireframe ? `${unit$2(token2.padding)} ${unit$2(token2.paddingLG)}` : 0,
+  headerBorderBottom: token2.wireframe ? `${unit$2(token2.lineWidth)} ${token2.lineType} ${token2.colorSplit}` : "none",
+  headerMarginBottom: token2.wireframe ? 0 : token2.marginXS,
+  bodyPadding: token2.wireframe ? token2.paddingLG : 0,
+  footerPadding: token2.wireframe ? `${unit$2(token2.paddingXS)} ${unit$2(token2.padding)}` : 0,
+  footerBorderTop: token2.wireframe ? `${unit$2(token2.lineWidth)} ${token2.lineType} ${token2.colorSplit}` : "none",
+  footerBorderRadius: token2.wireframe ? `0 0 ${unit$2(token2.borderRadiusLG)} ${unit$2(token2.borderRadiusLG)}` : 0,
+  footerMarginTop: token2.wireframe ? 0 : token2.marginSM,
+  confirmBodyPadding: token2.wireframe ? `${unit$2(token2.padding * 2)} ${unit$2(token2.padding * 2)} ${unit$2(token2.paddingLG)}` : 0,
+  confirmIconMarginInlineEnd: token2.wireframe ? token2.margin : token2.marginSM,
+  confirmBtnsMarginTop: token2.wireframe ? token2.marginLG : token2.marginSM
+});
+const useStyle$s = genStyleHooks("Modal", (token2) => {
+  const modalToken = prepareToken$2(token2);
+  return [genModalStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), initZoomMotion(modalToken, "zoom"), genResponsiveWidthStyle(modalToken)];
+}, prepareComponentToken$o, {
+  unitless: {
+    titleLineHeight: true
+  }
+});
+var __rest$Y = function(s, e3) {
+  var t2 = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e3.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t2[p[i]] = s[p[i]];
+  }
+  return t2;
+};
+let mousePosition;
+const getClickPosition = (e3) => {
+  mousePosition = {
+    x: e3.pageX,
+    y: e3.pageY
+  };
+  setTimeout(() => {
+    mousePosition = null;
+  }, 100);
+};
+if (canUseDocElement()) {
+  document.documentElement.addEventListener("click", getClickPosition, true);
+}
+const Modal$2 = (props) => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    open,
+    wrapClassName,
+    centered,
+    getContainer: getContainer2,
+    focusTriggerAfterClose = true,
+    style: style2,
+    // Deprecated
+    visible,
+    width = 520,
+    footer: footer2,
+    classNames: modalClassNames,
+    styles: modalStyles,
+    children: children2,
+    loading,
+    confirmLoading,
+    zIndex: customizeZIndex,
+    mousePosition: customizeMousePosition,
+    onOk,
+    onCancel,
+    destroyOnHidden,
+    destroyOnClose,
+    panelRef = null
+  } = props, restProps = __rest$Y(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"]);
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction,
+    modal: modalContext
+  } = React.useContext(ConfigContext);
+  const handleCancel = (e3) => {
+    if (confirmLoading) {
+      return;
+    }
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel(e3);
+  };
+  const handleOk = (e3) => {
+    onOk === null || onOk === void 0 ? void 0 : onOk(e3);
+  };
+  if (process.env.NODE_ENV !== "production") {
+    const warning3 = devUseWarning("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"], ["destroyOnClose", "destroyOnHidden"]].forEach(([deprecatedName, newName]) => {
+      warning3.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
+  const prefixCls = getPrefixCls("modal", customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const rootCls = useCSSVarCls(prefixCls);
+  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"
+  });
+  const dialogFooter = footer2 !== null && !loading ? /* @__PURE__ */ React.createElement(Footer$3, Object.assign({}, props, {
+    onOk: handleOk,
+    onCancel: handleCancel
+  })) : null;
+  const [mergedClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = useClosable(pickClosable(props), pickClosable(modalContext), {
+    closable: true,
+    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$D, {
+      className: `${prefixCls}-close-icon`
+    }),
+    closeIconRender: (icon) => renderCloseIcon(prefixCls, icon)
+  });
+  const innerPanelRef = usePanelRef(`.${prefixCls}-content`);
+  const mergedPanelRef = composeRef(panelRef, innerPanelRef);
+  const [zIndex, contextZIndex] = useZIndex("Modal", customizeZIndex);
+  const [numWidth, responsiveWidth] = React.useMemo(() => {
+    if (width && typeof width === "object") {
+      return [void 0, width];
+    }
+    return [width, void 0];
+  }, [width]);
+  const responsiveWidthVars = React.useMemo(() => {
+    const vars = {};
+    if (responsiveWidth) {
+      Object.keys(responsiveWidth).forEach((breakpoint) => {
+        const breakpointWidth = responsiveWidth[breakpoint];
+        if (breakpointWidth !== void 0) {
+          vars[`--${prefixCls}-${breakpoint}-width`] = typeof breakpointWidth === "number" ? `${breakpointWidth}px` : breakpointWidth;
+        }
+      });
+    }
+    return vars;
+  }, [responsiveWidth]);
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(ContextIsolator, {
+    form: true,
+    space: true
+  }, /* @__PURE__ */ React.createElement(zIndexContext.Provider, {
+    value: contextZIndex
+  }, /* @__PURE__ */ React.createElement(DialogWrap, Object.assign({
+    width: numWidth
+  }, restProps, {
+    zIndex,
+    getContainer: getContainer2 === void 0 ? getContextPopupContainer : getContainer2,
+    prefixCls,
+    rootClassName: classNames(hashId, rootClassName, cssVarCls, rootCls),
+    footer: dialogFooter,
+    visible: open !== null && open !== void 0 ? open : visible,
+    mousePosition: customizeMousePosition !== null && customizeMousePosition !== void 0 ? customizeMousePosition : mousePosition,
+    onClose: handleCancel,
+    closable: mergedClosable ? Object.assign({
+      disabled: closeBtnIsDisabled,
+      closeIcon: mergedCloseIcon
+    }, ariaProps) : mergedClosable,
+    closeIcon: mergedCloseIcon,
+    focusTriggerAfterClose,
+    transitionName: getTransitionName(rootPrefixCls, "zoom", props.transitionName),
+    maskTransitionName: getTransitionName(rootPrefixCls, "fade", props.maskTransitionName),
+    className: classNames(hashId, className, modalContext === null || modalContext === void 0 ? void 0 : modalContext.className),
+    style: Object.assign(Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.style), style2), responsiveWidthVars),
+    classNames: Object.assign(Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.classNames), modalClassNames), {
+      wrapper: classNames(wrapClassNameExtended, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.wrapper)
+    }),
+    styles: Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.styles), modalStyles),
+    panelRef: mergedPanelRef,
+    // TODO: In the future, destroyOnClose in rc-dialog needs to be upgrade to destroyOnHidden
+    destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose
+  }), loading ? /* @__PURE__ */ React.createElement(Skeleton$1, {
+    active: true,
+    title: false,
+    paragraph: {
+      rows: 4
+    },
+    className: `${prefixCls}-body-skeleton`
+  }) : children2))));
+};
+const genModalConfirmStyle = (token2) => {
+  const {
+    componentCls,
+    titleFontSize,
+    titleLineHeight,
+    modalConfirmIconSize,
+    fontSize,
+    lineHeight,
+    modalTitleHeight,
+    fontHeight,
+    confirmBodyPadding
+  } = token2;
+  const confirmComponentCls = `${componentCls}-confirm`;
+  return {
+    [confirmComponentCls]: {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`${token2.antCls}-modal-header`]: {
+        display: "none"
+      },
+      [`${confirmComponentCls}-body-wrapper`]: Object.assign({}, clearFix()),
+      [`&${componentCls} ${componentCls}-body`]: {
+        padding: confirmBodyPadding
+      },
+      // ====================== Body ======================
+      [`${confirmComponentCls}-body`]: {
+        display: "flex",
+        flexWrap: "nowrap",
+        alignItems: "start",
+        [`> ${token2.iconCls}`]: {
+          flex: "none",
+          fontSize: modalConfirmIconSize,
+          marginInlineEnd: token2.confirmIconMarginInlineEnd,
+          marginTop: token2.calc(token2.calc(fontHeight).sub(modalConfirmIconSize).equal()).div(2).equal()
+        },
+        [`&-has-title > ${token2.iconCls}`]: {
+          marginTop: token2.calc(token2.calc(modalTitleHeight).sub(modalConfirmIconSize).equal()).div(2).equal()
+        }
+      },
+      [`${confirmComponentCls}-paragraph`]: {
+        display: "flex",
+        flexDirection: "column",
+        flex: "auto",
+        rowGap: token2.marginXS,
+        // https://github.com/ant-design/ant-design/issues/51912
+        maxWidth: `calc(100% - ${unit$2(token2.marginSM)})`
+      },
+      // https://github.com/ant-design/ant-design/issues/48159
+      [`${token2.iconCls} + ${confirmComponentCls}-paragraph`]: {
+        maxWidth: `calc(100% - ${unit$2(token2.calc(token2.modalConfirmIconSize).add(token2.marginSM).equal())})`
+      },
+      [`${confirmComponentCls}-title`]: {
+        color: token2.colorTextHeading,
+        fontWeight: token2.fontWeightStrong,
+        fontSize: titleFontSize,
+        lineHeight: titleLineHeight
+      },
+      [`${confirmComponentCls}-content`]: {
+        color: token2.colorText,
+        fontSize,
+        lineHeight
+      },
+      // ===================== Footer =====================
+      [`${confirmComponentCls}-btns`]: {
+        textAlign: "end",
+        marginTop: token2.confirmBtnsMarginTop,
+        [`${token2.antCls}-btn + ${token2.antCls}-btn`]: {
+          marginBottom: 0,
+          marginInlineStart: token2.marginXS
+        }
+      }
+    },
+    [`${confirmComponentCls}-error ${confirmComponentCls}-body > ${token2.iconCls}`]: {
+      color: token2.colorError
+    },
+    [`${confirmComponentCls}-warning ${confirmComponentCls}-body > ${token2.iconCls},
+        ${confirmComponentCls}-confirm ${confirmComponentCls}-body > ${token2.iconCls}`]: {
+      color: token2.colorWarning
+    },
+    [`${confirmComponentCls}-info ${confirmComponentCls}-body > ${token2.iconCls}`]: {
+      color: token2.colorInfo
+    },
+    [`${confirmComponentCls}-success ${confirmComponentCls}-body > ${token2.iconCls}`]: {
+      color: token2.colorSuccess
+    }
+  };
+};
+const Confirm = genSubStyleComponent(["Modal", "confirm"], (token2) => {
+  const modalToken = prepareToken$2(token2);
+  return genModalConfirmStyle(modalToken);
+}, prepareComponentToken$o, {
+  // confirm is weak than modal since no conflict here
+  order: -1e3
+});
+var __rest$X = function(s, e3) {
+  var t2 = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e3.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t2[p[i]] = s[p[i]];
+  }
+  return t2;
+};
+function ConfirmContent(props) {
+  const {
+    prefixCls,
+    icon,
+    okText,
+    cancelText,
+    confirmPrefixCls,
+    type: type4,
+    okCancel,
+    footer: footer2,
+    // Legacy for static function usage
+    locale: staticLocale
+  } = props, resetProps = __rest$X(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 icon === "string" && icon.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${icon}\` at https://ant.design/components/icon`) : void 0;
+  }
+  let mergedIcon = icon;
+  if (!icon && icon !== null) {
+    switch (type4) {
+      case "info":
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
+        break;
+      case "success":
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$F, null);
+        break;
+      case "error":
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$E, null);
+        break;
+      default:
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$C, null);
+    }
+  }
+  const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type4 === "confirm";
+  const autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || "ok";
+  const [locale2] = useLocale$1("Modal");
+  const mergedLocale = staticLocale || locale2;
+  const okTextLocale = okText || (mergedOkCancel ? mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.okText : mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.justOkText);
+  const cancelTextLocale = cancelText || (mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.cancelText);
+  const btnCtxValue = Object.assign({
+    autoFocusButton,
+    cancelTextLocale,
+    okTextLocale,
+    mergedOkCancel
+  }, resetProps);
+  const btnCtxValueMemo = React.useMemo(() => btnCtxValue, _toConsumableArray(Object.values(btnCtxValue)));
+  const footerOriginNode = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ConfirmCancelBtn, null), /* @__PURE__ */ React.createElement(ConfirmOkBtn, null));
+  const hasTitle = props.title !== void 0 && props.title !== null;
+  const bodyCls = `${confirmPrefixCls}-body`;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `${confirmPrefixCls}-body-wrapper`
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classNames(bodyCls, {
+      [`${bodyCls}-has-title`]: hasTitle
+    })
+  }, mergedIcon, /* @__PURE__ */ React.createElement("div", {
+    className: `${confirmPrefixCls}-paragraph`
+  }, hasTitle && /* @__PURE__ */ React.createElement("span", {
+    className: `${confirmPrefixCls}-title`
+  }, props.title), /* @__PURE__ */ React.createElement("div", {
+    className: `${confirmPrefixCls}-content`
+  }, props.content))), footer2 === void 0 || typeof footer2 === "function" ? /* @__PURE__ */ React.createElement(ModalContextProvider, {
+    value: btnCtxValueMemo
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: `${confirmPrefixCls}-btns`
+  }, typeof footer2 === "function" ? footer2(footerOriginNode, {
+    OkBtn: ConfirmOkBtn,
+    CancelBtn: ConfirmCancelBtn
+  }) : footerOriginNode)) : footer2, /* @__PURE__ */ React.createElement(Confirm, {
+    prefixCls
+  }));
+}
+const ConfirmDialog = (props) => {
+  const {
+    close,
+    zIndex,
+    maskStyle,
+    direction,
+    prefixCls,
+    wrapClassName,
+    rootPrefixCls,
+    bodyStyle,
+    closable = false,
+    onConfirm,
+    styles
+  } = props;
+  if (process.env.NODE_ENV !== "production") {
+    const warning3 = devUseWarning("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach(([deprecatedName, newName]) => {
+      warning3.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
+  const confirmPrefixCls = `${prefixCls}-confirm`;
+  const width = props.width || 416;
+  const style2 = props.style || {};
+  const mask = props.mask === void 0 ? true : props.mask;
+  const maskClosable = props.maskClosable === void 0 ? false : props.maskClosable;
+  const classString = classNames(confirmPrefixCls, `${confirmPrefixCls}-${props.type}`, {
+    [`${confirmPrefixCls}-rtl`]: direction === "rtl"
+  }, props.className);
+  const [, token2] = useToken();
+  const mergedZIndex = React.useMemo(() => {
+    if (zIndex !== void 0) {
+      return zIndex;
+    }
+    return token2.zIndexPopupBase + CONTAINER_MAX_OFFSET;
+  }, [zIndex, token2]);
+  return /* @__PURE__ */ React.createElement(Modal$2, Object.assign({}, props, {
+    className: classString,
+    wrapClassName: classNames({
+      [`${confirmPrefixCls}-centered`]: !!props.centered
+    }, wrapClassName),
+    onCancel: () => {
+      close === null || close === void 0 ? void 0 : close({
+        triggerCancel: true
+      });
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(false);
+    },
+    title: "",
+    footer: null,
+    transitionName: getTransitionName(rootPrefixCls || "", "zoom", props.transitionName),
+    maskTransitionName: getTransitionName(rootPrefixCls || "", "fade", props.maskTransitionName),
+    mask,
+    maskClosable,
+    style: style2,
+    styles: Object.assign({
+      body: bodyStyle,
+      mask: maskStyle
+    }, styles),
+    width,
+    zIndex: mergedZIndex,
+    closable
+  }), /* @__PURE__ */ React.createElement(ConfirmContent, Object.assign({}, props, {
+    confirmPrefixCls
+  })));
+};
+const ConfirmDialogWrapper$1 = (props) => {
+  const {
+    rootPrefixCls,
+    iconPrefixCls,
+    direction,
+    theme
+  } = props;
+  return /* @__PURE__ */ React.createElement(ConfigProvider, {
+    prefixCls: rootPrefixCls,
+    iconPrefixCls,
+    direction,
+    theme
+  }, /* @__PURE__ */ React.createElement(ConfirmDialog, Object.assign({}, props)));
+};
+if (process.env.NODE_ENV !== "production") {
+  ConfirmDialog.displayName = "ConfirmDialog";
+  ConfirmDialogWrapper$1.displayName = "ConfirmDialogWrapper";
+}
+const destroyFns = [];
+let defaultRootPrefixCls = "";
+function getRootPrefixCls() {
+  return defaultRootPrefixCls;
+}
+const ConfirmDialogWrapper = (props) => {
+  var _a, _b;
+  const {
+    prefixCls: customizePrefixCls,
+    getContainer: getContainer2,
+    direction
+  } = props;
+  const runtimeLocale2 = getConfirmLocale();
+  const config = useContext$1(ConfigContext);
+  const rootPrefixCls = getRootPrefixCls() || config.getPrefixCls();
+  const prefixCls = customizePrefixCls || `${rootPrefixCls}-modal`;
+  let mergedGetContainer = getContainer2;
+  if (mergedGetContainer === false) {
+    mergedGetContainer = void 0;
+    if (process.env.NODE_ENV !== "production") {
+      process.env.NODE_ENV !== "production" ? warning$2(false, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.") : void 0;
+    }
+  }
+  return /* @__PURE__ */ React__default.createElement(ConfirmDialogWrapper$1, Object.assign({}, props, {
+    rootPrefixCls,
+    prefixCls,
+    iconPrefixCls: config.iconPrefixCls,
+    theme: config.theme,
+    direction: direction !== null && direction !== void 0 ? direction : config.direction,
+    locale: (_b = (_a = config.locale) === null || _a === void 0 ? void 0 : _a.Modal) !== null && _b !== void 0 ? _b : runtimeLocale2,
+    getContainer: mergedGetContainer
+  }));
+};
+function confirm(config) {
+  const global2 = globalConfig();
+  if (process.env.NODE_ENV !== "production" && !global2.holderRender) {
+    warnContext("Modal");
+  }
+  const container = document.createDocumentFragment();
+  let currentConfig = Object.assign(Object.assign({}, config), {
+    close,
+    open: true
+  });
+  let timeoutId;
+  let reactUnmount;
+  function destroy(...args) {
+    var _a;
+    const triggerCancel = args.some((param) => param === null || param === void 0 ? void 0 : param.triggerCancel);
+    if (triggerCancel) {
+      var _a2;
+      (_a = config.onCancel) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [config, () => {
+      }].concat(_toConsumableArray(args.slice(1))));
+    }
+    for (let i = 0; i < destroyFns.length; i++) {
+      const fn = destroyFns[i];
+      if (fn === close) {
+        destroyFns.splice(i, 1);
+        break;
+      }
+    }
+    reactUnmount();
+  }
+  function render2(props) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => {
+      const rootPrefixCls = global2.getPrefixCls(void 0, getRootPrefixCls());
+      const iconPrefixCls = global2.getIconPrefixCls();
+      const theme = global2.getTheme();
+      const dom = /* @__PURE__ */ React__default.createElement(ConfirmDialogWrapper, Object.assign({}, props));
+      const reactRender2 = unstableSetRender();
+      reactUnmount = reactRender2(/* @__PURE__ */ React__default.createElement(ConfigProvider, {
+        prefixCls: rootPrefixCls,
+        iconPrefixCls,
+        theme
+      }, global2.holderRender ? global2.holderRender(dom) : dom), container);
+    });
+  }
+  function close(...args) {
+    currentConfig = Object.assign(Object.assign({}, currentConfig), {
+      open: false,
+      afterClose: () => {
+        if (typeof config.afterClose === "function") {
+          config.afterClose();
+        }
+        destroy.apply(this, args);
+      }
+    });
+    if (currentConfig.visible) {
+      delete currentConfig.visible;
+    }
+    render2(currentConfig);
+  }
+  function update(configUpdate) {
+    if (typeof configUpdate === "function") {
+      currentConfig = configUpdate(currentConfig);
+    } else {
+      currentConfig = Object.assign(Object.assign({}, currentConfig), configUpdate);
+    }
+    render2(currentConfig);
+  }
+  render2(currentConfig);
+  destroyFns.push(close);
+  return {
+    destroy: close,
+    update
+  };
+}
+function withWarn(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: "warning"
+  });
+}
+function withInfo(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: "info"
+  });
+}
+function withSuccess(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: "success"
+  });
+}
+function withError(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: "error"
+  });
+}
+function withConfirm(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: "confirm"
+  });
+}
+function modalGlobalConfig({
+  rootPrefixCls
+}) {
+  process.env.NODE_ENV !== "production" ? warning$2(false, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead.") : void 0;
+  defaultRootPrefixCls = rootPrefixCls;
+}
+var __rest$W = function(s, e3) {
+  var t2 = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e3.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t2[p[i]] = s[p[i]];
+  }
+  return t2;
+};
+const HookModal = (_a, ref) => {
+  var _b;
+  var {
+    afterClose: hookAfterClose,
+    config
+  } = _a, restProps = __rest$W(_a, ["afterClose", "config"]);
+  const [open, setOpen] = React.useState(true);
+  const [innerConfig, setInnerConfig] = React.useState(config);
+  const {
+    direction,
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const prefixCls = getPrefixCls("modal");
+  const rootPrefixCls = getPrefixCls();
+  const afterClose = () => {
+    var _a2;
+    hookAfterClose();
+    (_a2 = innerConfig.afterClose) === null || _a2 === void 0 ? void 0 : _a2.call(innerConfig);
+  };
+  const close = (...args) => {
+    var _a2;
+    setOpen(false);
+    const triggerCancel = args.some((param) => param === null || param === void 0 ? void 0 : param.triggerCancel);
+    if (triggerCancel) {
+      var _a22;
+      (_a2 = innerConfig.onCancel) === null || _a2 === void 0 ? void 0 : (_a22 = _a2).call.apply(_a22, [innerConfig, () => {
+      }].concat(_toConsumableArray(args.slice(1))));
+    }
+  };
+  React.useImperativeHandle(ref, () => ({
+    destroy: close,
+    update: (newConfig) => {
+      setInnerConfig((originConfig) => {
+        const nextConfig = typeof newConfig === "function" ? newConfig(originConfig) : newConfig;
+        return Object.assign(Object.assign({}, originConfig), nextConfig);
+      });
+    }
+  }));
+  const mergedOkCancel = (_b = innerConfig.okCancel) !== null && _b !== void 0 ? _b : innerConfig.type === "confirm";
+  const [contextLocale] = useLocale$1("Modal", localeValues.Modal);
+  return /* @__PURE__ */ React.createElement(ConfirmDialogWrapper$1, Object.assign({
+    prefixCls,
+    rootPrefixCls
+  }, innerConfig, {
+    close,
+    open,
+    afterClose,
+    okText: innerConfig.okText || (mergedOkCancel ? contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.okText : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.justOkText),
+    direction: innerConfig.direction || direction,
+    cancelText: innerConfig.cancelText || (contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.cancelText)
+  }, restProps));
+};
+const HookModal$1 = /* @__PURE__ */ React.forwardRef(HookModal);
+let uuid$3 = 0;
+const ElementsHolder = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef((_props, ref) => {
+  const [elements, patchElement] = usePatchElement();
+  React.useImperativeHandle(ref, () => ({
+    patchElement
+  }), []);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, elements);
+}));
+function useModal() {
+  const holderRef = React.useRef(null);
+  const [actionQueue, setActionQueue] = React.useState([]);
+  React.useEffect(() => {
+    if (actionQueue.length) {
+      const cloneQueue = _toConsumableArray(actionQueue);
+      cloneQueue.forEach((action) => {
+        action();
+      });
+      setActionQueue([]);
+    }
+  }, [actionQueue]);
+  const getConfirmFunc = React.useCallback((withFunc) => function hookConfirm(config) {
+    var _a;
+    uuid$3 += 1;
+    const modalRef = /* @__PURE__ */ React.createRef();
+    let resolvePromise;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    let silent = false;
+    let closeFunc;
+    const modal = /* @__PURE__ */ React.createElement(HookModal$1, {
+      key: `modal-${uuid$3}`,
+      config: withFunc(config),
+      ref: modalRef,
+      afterClose: () => {
+        closeFunc === null || closeFunc === void 0 ? void 0 : closeFunc();
+      },
+      isSilent: () => silent,
+      onConfirm: (confirmed) => {
+        resolvePromise(confirmed);
+      }
+    });
+    closeFunc = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.patchElement(modal);
+    if (closeFunc) {
+      destroyFns.push(closeFunc);
+    }
+    const instance = {
+      destroy: () => {
+        function destroyAction() {
+          var _a2;
+          (_a2 = modalRef.current) === null || _a2 === void 0 ? void 0 : _a2.destroy();
+        }
+        if (modalRef.current) {
+          destroyAction();
+        } else {
+          setActionQueue((prev2) => [].concat(_toConsumableArray(prev2), [destroyAction]));
+        }
+      },
+      update: (newConfig) => {
+        function updateAction() {
+          var _a2;
+          (_a2 = modalRef.current) === null || _a2 === void 0 ? void 0 : _a2.update(newConfig);
+        }
+        if (modalRef.current) {
+          updateAction();
+        } else {
+          setActionQueue((prev2) => [].concat(_toConsumableArray(prev2), [updateAction]));
+        }
+      },
+      then: (resolve) => {
+        silent = true;
+        return promise.then(resolve);
+      }
+    };
+    return instance;
+  }, []);
+  const fns = React.useMemo(() => ({
+    info: getConfirmFunc(withInfo),
+    success: getConfirmFunc(withSuccess),
+    error: getConfirmFunc(withError),
+    warning: getConfirmFunc(withWarn),
+    confirm: getConfirmFunc(withConfirm)
+  }), []);
+  return [fns, /* @__PURE__ */ React.createElement(ElementsHolder, {
+    key: "modal-holder",
+    ref: holderRef
+  })];
+}
 function withPureRenderTheme(Component) {
   return (props) => /* @__PURE__ */ React.createElement(ConfigProvider, {
     theme: {
@@ -16468,7 +18033,7 @@ function Arrow(props) {
     style: alignStyle
   }, content2);
 }
-function Mask(props) {
+function Mask2(props) {
   var prefixCls = props.prefixCls, open = props.open, zIndex = props.zIndex, mask = props.mask, motion2 = props.motion;
   if (!mask) {
     return null;
@@ -16560,7 +18125,7 @@ var Popup$2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       return getPopupContainer(target);
     },
     autoDestroy
-  }, /* @__PURE__ */ React.createElement(Mask, {
+  }, /* @__PURE__ */ React.createElement(Mask2, {
     prefixCls,
     open,
     zIndex,
@@ -20467,7 +22032,7 @@ const useStyle$r = genStyleHooks("Empty", (token2) => {
   });
   return genSharedEmptyStyle(emptyToken);
 });
-var __rest$U = function(s, e3) {
+var __rest$V = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -20490,7 +22055,7 @@ const Empty = (props) => {
     style: style2,
     classNames: emptyClassNames,
     styles
-  } = props, restProps = __rest$U(props, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]);
+  } = props, restProps = __rest$V(props, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]);
   const {
     getPrefixCls,
     direction,
@@ -21827,7 +23392,7 @@ function usePopupRender(renderFn) {
 function useShowArrow(suffixIcon, showArrow) {
   return showArrow !== void 0 ? showArrow : suffixIcon !== null;
 }
-var __rest$T = function(s, e3) {
+var __rest$U = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -21871,7 +23436,7 @@ const InternalSelect = (props, ref) => {
     onOpenChange,
     styles,
     classNames: classNames$1
-  } = props, rest = __rest$T(props, ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount", "prefix", "dropdownRender", "popupRender", "onDropdownVisibleChange", "onOpenChange", "styles", "classNames"]);
+  } = props, rest = __rest$U(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,
@@ -22030,11 +23595,11 @@ if (process.env.NODE_ENV !== "production") {
   InternalSelect.displayName = "Select";
 }
 const Select$1 = /* @__PURE__ */ React.forwardRef(InternalSelect);
-const PurePanel$6 = genPurePanel(Select$1, "dropdownAlign");
+const PurePanel$8 = genPurePanel(Select$1, "dropdownAlign");
 Select$1.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 Select$1.Option = Option;
 Select$1.OptGroup = OptGroup;
-Select$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$6;
+Select$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$8;
 if (process.env.NODE_ENV !== "production") {
   Select$1.displayName = "Select";
 }
@@ -22294,7 +23859,7 @@ const useStyle$q = genStyleHooks("Avatar", (token2) => {
   });
   return [genBaseStyle$6(avatarToken), genGroupStyle$1(avatarToken)];
 }, prepareComponentToken$m);
-var __rest$S = function(s, e3) {
+var __rest$T = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -22319,7 +23884,7 @@ const Avatar$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     crossOrigin,
     gap = 4,
     onError
-  } = props, others = __rest$S(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]);
+  } = props, others = __rest$T(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]);
   const [scale, setScale] = React.useState(1);
   const [mounted, setMounted] = React.useState(false);
   const [isImgExist, setIsImgExist] = React.useState(true);
@@ -23147,7 +24712,7 @@ function parseColor(prefixCls, color2) {
     arrowStyle
   };
 }
-const PurePanel$5 = (props) => {
+const PurePanel$7 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className,
@@ -23176,7 +24741,7 @@ const PurePanel$5 = (props) => {
     overlayInnerStyle: formattedOverlayInnerStyle
   }), title)));
 };
-var __rest$R = function(s, e3) {
+var __rest$S = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -23213,7 +24778,7 @@ const InternalTooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     overlayClassName,
     styles,
     classNames: tooltipClassNames
-  } = props, restProps = __rest$R(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
+  } = props, restProps = __rest$S(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 {
@@ -23347,7 +24912,7 @@ const Tooltip$2 = InternalTooltip;
 if (process.env.NODE_ENV !== "production") {
   Tooltip$2.displayName = "Tooltip";
 }
-Tooltip$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$5;
+Tooltip$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$7;
 const genBaseStyle$5 = (token2) => {
   const {
     componentCls,
@@ -23502,7 +25067,7 @@ const useStyle$o = genStyleHooks("Popover", (token2) => {
   resetStyle: false,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var __rest$Q = function(s, e3) {
+var __rest$R = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -23552,11 +25117,11 @@ const RawPurePanel = (props) => {
     content: contentNode
   })));
 };
-const PurePanel$4 = (props) => {
+const PurePanel$6 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     className
-  } = props, restProps = __rest$Q(props, ["prefixCls", "className"]);
+  } = props, restProps = __rest$R(props, ["prefixCls", "className"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -23568,7 +25133,7 @@ const PurePanel$4 = (props) => {
     className: classNames(className, cssVarCls)
   })));
 };
-var __rest$P = function(s, e3) {
+var __rest$Q = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -23592,7 +25157,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
     overlayStyle = {},
     styles,
     classNames: popoverClassNames
-  } = props, otherProps = __rest$P(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
+  } = props, otherProps = __rest$Q(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
   const {
     getPrefixCls,
     className: contextClassName,
@@ -23659,7 +25224,7 @@ const InternalPopover = /* @__PURE__ */ React.forwardRef((props, ref) => {
   })));
 });
 const Popover$2 = InternalPopover;
-Popover$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
+Popover$2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$6;
 if (process.env.NODE_ENV !== "production") {
   Popover$2.displayName = "Popover";
 }
@@ -25583,7 +27148,7 @@ const genSiderStyle = (token2) => {
 const useStyle$n = genStyleHooks(["Layout", "Sider"], genSiderStyle, prepareComponentToken$j, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
-var __rest$O = function(s, e3) {
+var __rest$P = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -25625,7 +27190,7 @@ const Sider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     breakpoint,
     onCollapse,
     onBreakpoint
-  } = props, otherProps = __rest$O(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
+  } = props, otherProps = __rest$P(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
   const {
     siderHook
   } = useContext$1(LayoutContext);
@@ -25746,7 +27311,7 @@ const MenuContext = /* @__PURE__ */ createContext$1({
   firstLevel: true,
   inlineCollapsed: false
 });
-var __rest$N = function(s, e3) {
+var __rest$O = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -25759,7 +27324,7 @@ const MenuDivider = (props) => {
     prefixCls: customizePrefixCls,
     className,
     dashed
-  } = props, restProps = __rest$N(props, ["prefixCls", "className", "dashed"]);
+  } = props, restProps = __rest$O(props, ["prefixCls", "className", "dashed"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -25840,7 +27405,7 @@ const MenuItem$1 = (props) => {
   }
   return returnNode;
 };
-var __rest$M = function(s, e3) {
+var __rest$N = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -25852,7 +27417,7 @@ const OverrideContext = /* @__PURE__ */ React.createContext(null);
 const OverrideProvider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const {
     children: children2
-  } = props, restProps = __rest$M(props, ["children"]);
+  } = props, restProps = __rest$N(props, ["children"]);
   const override = React.useContext(OverrideContext);
   const context = React.useMemo(() => Object.assign(Object.assign({}, override), restProps), [
     override,
@@ -26930,7 +28495,7 @@ const SubMenu = (props) => {
     }, props.popupStyle)
   })));
 };
-var __rest$L = function(s, e3) {
+var __rest$M = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -26971,7 +28536,7 @@ const InternalMenu = /* @__PURE__ */ forwardRef((props, ref) => {
     selectable,
     onClick,
     overflowedIndicatorPopupClassName
-  } = props, restProps = __rest$L(props, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]);
+  } = props, restProps = __rest$M(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");
@@ -27561,8 +29126,8 @@ const Dropdown$1 = (props) => {
   }
   return wrapCSSVar(renderNode);
 };
-const PurePanel$3 = genPurePanel(Dropdown$1, "align", void 0, "dropdown", (prefixCls) => prefixCls);
-const WrapPurePanel = (props) => /* @__PURE__ */ React.createElement(PurePanel$3, Object.assign({}, props), /* @__PURE__ */ React.createElement("span", null));
+const PurePanel$5 = genPurePanel(Dropdown$1, "align", void 0, "dropdown", (prefixCls) => prefixCls);
+const WrapPurePanel = (props) => /* @__PURE__ */ React.createElement(PurePanel$5, Object.assign({}, props), /* @__PURE__ */ React.createElement("span", null));
 Dropdown$1._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
 if (process.env.NODE_ENV !== "production") {
   Dropdown$1.displayName = "Dropdown";
@@ -27580,7 +29145,7 @@ const BreadcrumbSeparator = ({
   }, children2 === "" ? children2 : children2 || "/");
 };
 BreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true;
-var __rest$K = function(s, e3) {
+var __rest$L = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27602,7 +29167,7 @@ function renderItem(prefixCls, item, children2, href) {
   const {
     className,
     onClick
-  } = item, restItem = __rest$K(item, ["className", "onClick"]);
+  } = item, restItem = __rest$L(item, ["className", "onClick"]);
   const passedProps = Object.assign(Object.assign({}, pickAttrs(restItem, {
     data: true,
     aria: true
@@ -27629,7 +29194,7 @@ function useItemRender(prefixCls, itemRender) {
   };
   return mergedItemRender;
 }
-var __rest$J = function(s, e3) {
+var __rest$K = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27657,7 +29222,7 @@ const InternalBreadcrumbItem = (props) => {
       if (menu) {
         const _a = menu || {}, {
           items
-        } = _a, menuProps = __rest$J(_a, ["items"]);
+        } = _a, menuProps = __rest$K(_a, ["items"]);
         mergeDropDownProps.menu = Object.assign(Object.assign({}, menuProps), {
           items: items === null || items === void 0 ? void 0 : items.map((_a2, index2) => {
             var {
@@ -27665,7 +29230,7 @@ const InternalBreadcrumbItem = (props) => {
               title,
               label,
               path: path2
-            } = _a2, itemProps = __rest$J(_a2, ["key", "title", "label", "path"]);
+            } = _a2, itemProps = __rest$K(_a2, ["key", "title", "label", "path"]);
             let mergedLabel = label !== null && label !== void 0 ? label : title;
             if (path2) {
               mergedLabel = /* @__PURE__ */ React.createElement("a", {
@@ -27700,7 +29265,7 @@ const BreadcrumbItem = (props) => {
     prefixCls: customizePrefixCls,
     children: children2,
     href
-  } = props, restProps = __rest$J(props, ["prefixCls", "children", "href"]);
+  } = props, restProps = __rest$K(props, ["prefixCls", "children", "href"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -27801,7 +29366,7 @@ const useStyle$k = genStyleHooks("Breadcrumb", (token2) => {
   const breadcrumbToken = merge$1(token2, {});
   return genBreadcrumbStyle(breadcrumbToken);
 }, prepareComponentToken$g);
-var __rest$I = function(s, e3) {
+var __rest$J = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27813,7 +29378,7 @@ function route2item(route) {
   const {
     breadcrumbName,
     children: children2
-  } = route, rest = __rest$I(route, ["breadcrumbName", "children"]);
+  } = route, rest = __rest$J(route, ["breadcrumbName", "children"]);
   const clone = Object.assign({
     title: breadcrumbName
   }, rest);
@@ -27822,7 +29387,7 @@ function route2item(route) {
       items: children2.map((_a) => {
         var {
           breadcrumbName: itemBreadcrumbName
-        } = _a, itemProps = __rest$I(_a, ["breadcrumbName"]);
+        } = _a, itemProps = __rest$J(_a, ["breadcrumbName"]);
         return Object.assign(Object.assign({}, itemProps), {
           title: itemBreadcrumbName
         });
@@ -27842,7 +29407,7 @@ function useItems(items, routes) {
     return null;
   }, [items, routes]);
 }
-var __rest$H = function(s, e3) {
+var __rest$I = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -27872,7 +29437,7 @@ const Breadcrumb$2 = (props) => {
     children: children2,
     itemRender,
     params = {}
-  } = props, restProps = __rest$H(props, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]);
+  } = props, restProps = __rest$I(props, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]);
   const {
     getPrefixCls,
     direction,
@@ -33547,7 +35112,7 @@ const useStyle$j = genStyleHooks("Radio", (token2) => {
     dotSize: true
   }
 });
-var __rest$G = function(s, e3) {
+var __rest$H = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -33585,7 +35150,7 @@ const InternalRadio = (props, ref) => {
     children: children2,
     style: style2,
     title
-  } = props, restProps = __rest$G(props, ["prefixCls", "className", "rootClassName", "children", "style", "title"]);
+  } = props, restProps = __rest$H(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;
@@ -33666,7 +35231,7 @@ function getStatus(errors, warnings, meta, defaultValidateStatus, hasFeedback, v
   }
   return status;
 }
-var __rest$F = function(s, e3) {
+var __rest$G = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -33706,7 +35271,7 @@ function useForm(form) {
     scrollToField: (name2, options = {}) => {
       const {
         focus
-      } = options, restOpt = __rest$F(options, ["focus"]);
+      } = options, restOpt = __rest$G(options, ["focus"]);
       const node2 = getFieldDOMNode(name2, wrapForm);
       if (node2) {
         e(node2, Object.assign({
@@ -33839,7 +35404,7 @@ const RadioGroup$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   }, childrenToRender)));
 });
 const Group$1 = /* @__PURE__ */ React.memo(RadioGroup$1);
-var __rest$E = function(s, e3) {
+var __rest$F = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -33853,7 +35418,7 @@ const RadioButton = (props, ref) => {
   } = React.useContext(ConfigContext);
   const {
     prefixCls: customizePrefixCls
-  } = props, radioProps = __rest$E(props, ["prefixCls"]);
+  } = props, radioProps = __rest$F(props, ["prefixCls"]);
   const prefixCls = getPrefixCls("radio", customizePrefixCls);
   return /* @__PURE__ */ React.createElement(RadioOptionTypeContextProvider, {
     value: "button"
@@ -37390,7 +38955,7 @@ function useAnimateConfig(prefixCls, animated = {
   }
   return mergedAnimated;
 }
-var __rest$D = function(s, e3) {
+var __rest$E = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -37424,7 +38989,7 @@ function useLegacyItems(items, children2) {
       } = node2;
       const _a = props || {}, {
         tab: tab2
-      } = _a, restProps = __rest$D(_a, ["tab"]);
+      } = _a, restProps = __rest$E(_a, ["tab"]);
       const item = Object.assign(Object.assign({
         key: String(key)
       }, restProps), {
@@ -38334,7 +39899,7 @@ const TabPane = () => null;
 if (process.env.NODE_ENV !== "production") {
   TabPane.displayName = "DeprecatedTabPane";
 }
-var __rest$C = function(s, e3) {
+var __rest$D = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38365,7 +39930,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     indicator,
     destroyInactiveTabPane,
     destroyOnHidden
-  } = props, otherProps = __rest$C(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]);
+  } = props, otherProps = __rest$D(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;
@@ -38442,7 +40007,7 @@ Tabs$2.TabPane = TabPane;
 if (process.env.NODE_ENV !== "production") {
   Tabs$2.displayName = "Tabs";
 }
-var __rest$B = function(s, e3) {
+var __rest$C = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38455,7 +40020,7 @@ const Grid$1 = (_a) => {
     prefixCls,
     className,
     hoverable = true
-  } = _a, props = __rest$B(_a, ["prefixCls", "className", "hoverable"]);
+  } = _a, props = __rest$C(_a, ["prefixCls", "className", "hoverable"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -38806,7 +40371,7 @@ const useStyle$f = genStyleHooks("Card", (token2) => {
     genCardSizeStyle(cardToken)
   ];
 }, prepareComponentToken$c);
-var __rest$A = function(s, e3) {
+var __rest$B = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38859,7 +40424,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     tabProps = {},
     classNames: customClassNames,
     styles: customStyles
-  } = props, others = __rest$A(props, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]);
+  } = props, others = __rest$B(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,
@@ -38919,7 +40484,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     items: tabList.map((_a) => {
       var {
         tab: tab2
-      } = _a, item = __rest$A(_a, ["tab"]);
+      } = _a, item = __rest$B(_a, ["tab"]);
       return Object.assign({
         label: tab2
       }, item);
@@ -38979,7 +40544,7 @@ const Card$3 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: mergedStyle
   }), head, coverDom, body, actionDom));
 });
-var __rest$z = function(s, e3) {
+var __rest$A = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -38994,7 +40559,7 @@ const Meta = (props) => {
     avatar,
     title,
     description
-  } = props, others = __rest$z(props, ["prefixCls", "className", "avatar", "title", "description"]);
+  } = props, others = __rest$A(props, ["prefixCls", "className", "avatar", "title", "description"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -39722,7 +41287,7 @@ const useStyle$e = genStyleHooks("Checkbox", (token2, {
   prefixCls
 }) => [getStyle$1(prefixCls, token2)]);
 const GroupContext = /* @__PURE__ */ React__default.createContext(null);
-var __rest$y = function(s, e3) {
+var __rest$z = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -39743,7 +41308,7 @@ const InternalCheckbox = (props, ref) => {
     onMouseLeave,
     skipGroup = false,
     disabled: disabled2
-  } = props, restProps = __rest$y(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
+  } = props, restProps = __rest$z(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
   const {
     getPrefixCls,
     direction,
@@ -39834,7 +41399,7 @@ const Checkbox$2 = /* @__PURE__ */ React.forwardRef(InternalCheckbox);
 if (process.env.NODE_ENV !== "production") {
   Checkbox$2.displayName = "Checkbox";
 }
-var __rest$x = function(s, e3) {
+var __rest$y = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -39852,7 +41417,7 @@ const CheckboxGroup = /* @__PURE__ */ React.forwardRef((props, ref) => {
     rootClassName,
     style: style2,
     onChange
-  } = props, restProps = __rest$x(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
+  } = props, restProps = __rest$y(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
   const {
     getPrefixCls,
     direction
@@ -39942,7 +41507,7 @@ if (process.env.NODE_ENV !== "production") {
   Checkbox$1.displayName = "Checkbox";
 }
 const RowContext = /* @__PURE__ */ createContext$1({});
-var __rest$w = function(s, e3) {
+var __rest$x = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -39980,7 +41545,7 @@ const Col = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children: children2,
     flex,
     style: style2
-  } = props, others = __rest$w(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
+  } = props, others = __rest$x(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
   const prefixCls = getPrefixCls("col", customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useColStyle(prefixCls);
   const sizeStyle = {};
@@ -40061,7 +41626,7 @@ function useGutter(gutter, screens) {
   });
   return results;
 }
-var __rest$v = function(s, e3) {
+var __rest$w = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -40105,7 +41670,7 @@ const Row$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children: children2,
     gutter = 0,
     wrap: wrap2
-  } = props, others = __rest$v(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
+  } = props, others = __rest$w(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
   const {
     getPrefixCls,
     direction
@@ -40659,7 +42224,7 @@ const useStyle$d = genStyleHooks("Segmented", (token2) => {
   });
   return genSegmentedStyle(segmentedToken);
 }, prepareComponentToken$b);
-var __rest$u = function(s, e3) {
+var __rest$v = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -40683,7 +42248,7 @@ const InternalSegmented = /* @__PURE__ */ React.forwardRef((props, ref) => {
     vertical,
     shape = "default",
     name: name2 = defaultName
-  } = props, restProps = __rest$u(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]);
+  } = props, restProps = __rest$v(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]);
   const {
     getPrefixCls,
     direction,
@@ -40698,7 +42263,7 @@ const InternalSegmented = /* @__PURE__ */ React.forwardRef((props, ref) => {
       const {
         icon,
         label
-      } = option, restOption = __rest$u(option, ["icon", "label"]);
+      } = option, restOption = __rest$v(option, ["icon", "label"]);
       return Object.assign(Object.assign({}, restOption), {
         label: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
           className: `${prefixCls}-item-icon`
@@ -41118,7 +42683,7 @@ function useRemovePasswordTimeout(inputRef, triggerOnMount) {
 function hasPrefixSuffix(props) {
   return !!(props.prefix || props.suffix || props.allowClear || props.showCount);
 }
-var __rest$t = function(s, e3) {
+var __rest$u = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -41146,7 +42711,7 @@ const Input$3 = /* @__PURE__ */ forwardRef((props, ref) => {
     onChange,
     classNames: classNames$1,
     variant: customVariant
-  } = props, rest = __rest$t(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant"]);
+  } = props, rest = __rest$u(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant"]);
   if (process.env.NODE_ENV !== "production") {
     const {
       deprecated
@@ -41453,7 +43018,7 @@ const useMergedPickerSemantic = (pickerType, classNames$1, styles, popupClassNam
     return [filledClassNames, filledStyles];
   }, [mergedClassNames, mergedStyles, popupClassName, popupStyle]);
 };
-var __rest$s = function(s, e3) {
+var __rest$t = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -41484,7 +43049,7 @@ const generateRangePicker = (generateConfig2) => {
       picker,
       styles,
       classNames: classNames$1
-    } = props, restProps = __rest$s(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"]);
+    } = props, restProps = __rest$t(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"]);
     const pickerType = picker === TIME ? "timePicker" : "datePicker";
     const innerRef = React.useRef(null);
     const {
@@ -41589,7 +43154,7 @@ const generateRangePicker = (generateConfig2) => {
   }
   return RangePicker2;
 };
-var __rest$r = function(s, e3) {
+var __rest$s = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -41622,7 +43187,7 @@ const generatePicker$1 = (generateConfig2) => {
         onCalendarChange,
         styles,
         classNames: classNames$1
-      } = props, restProps = __rest$r(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"]);
+      } = props, restProps = __rest$s(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"]);
       const {
         getPrefixCls,
         direction,
@@ -41779,8 +43344,8 @@ const generatePicker = (generateConfig2) => {
   return MergedDatePicker;
 };
 const DatePicker$1 = generatePicker(generateConfig);
-const PurePanel$2 = genPurePanel(DatePicker$1, "popupAlign", void 0, "picker");
-DatePicker$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$2;
+const PurePanel$4 = genPurePanel(DatePicker$1, "popupAlign", void 0, "picker");
+DatePicker$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
 const PureRangePanel = genPurePanel(DatePicker$1.RangePicker, "popupAlign", void 0, "picker");
 DatePicker$1._InternalRangePanelDoNotUseOrYouWillBeFired = PureRangePanel;
 DatePicker$1.generatePicker = generatePicker;
@@ -42403,7 +43968,7 @@ const useStyle$c = genStyleHooks("Drawer", (token2) => {
   const drawerToken = merge$1(token2, {});
   return [genDrawerStyle(drawerToken), genMotionStyle(drawerToken)];
 }, prepareComponentToken$a);
-var __rest$q = function(s, e3) {
+var __rest$r = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -42439,7 +44004,7 @@ const Drawer2 = (props) => {
     contentWrapperStyle,
     destroyOnClose,
     destroyOnHidden
-  } = props, rest = __rest$q(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "panelRef", "style", "className", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle", "destroyOnClose", "destroyOnHidden"]);
+  } = props, rest = __rest$r(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "panelRef", "style", "className", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle", "destroyOnClose", "destroyOnHidden"]);
   const {
     getPopupContainer,
     getPrefixCls,
@@ -42532,13 +44097,13 @@ const Drawer2 = (props) => {
     onClose
   }))))));
 };
-const PurePanel$1 = (props) => {
+const PurePanel$3 = (props) => {
   const {
     prefixCls: customizePrefixCls,
     style: style2,
     className,
     placement = "right"
-  } = props, restProps = __rest$q(props, ["prefixCls", "style", "className", "placement"]);
+  } = props, restProps = __rest$r(props, ["prefixCls", "style", "className", "placement"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -42552,7 +44117,7 @@ const PurePanel$1 = (props) => {
     prefixCls
   }, restProps))));
 };
-Drawer2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$1;
+Drawer2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$3;
 if (process.env.NODE_ENV !== "production") {
   Drawer2.displayName = "Drawer";
 }
@@ -42589,7 +44154,7 @@ const Item = ({
     className: `${className}-split`
   }, split));
 };
-var __rest$p = function(s, e3) {
+var __rest$q = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -42621,7 +44186,7 @@ const InternalSpace = /* @__PURE__ */ React.forwardRef((props, ref) => {
     wrap: wrap2 = false,
     classNames: customClassNames,
     styles
-  } = props, otherProps = __rest$p(props, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]);
+  } = props, otherProps = __rest$q(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);
@@ -42632,7 +44197,7 @@ const InternalSpace = /* @__PURE__ */ React.forwardRef((props, ref) => {
   });
   const mergedAlign = align === void 0 && direction === "horizontal" ? "center" : align;
   const prefixCls = getPrefixCls("space", customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$u(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$v(prefixCls);
   const cls = classNames(prefixCls, contextClassName, hashId, `${prefixCls}-${direction}`, {
     [`${prefixCls}-rtl`]: directionConfig === "rtl",
     [`${prefixCls}-align-${mergedAlign}`]: mergedAlign,
@@ -42684,7 +44249,7 @@ Space.Compact = Compact$1;
 if (process.env.NODE_ENV !== "production") {
   Space.displayName = "Space";
 }
-var __rest$o = function(s, e3) {
+var __rest$p = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -42730,7 +44295,7 @@ const DropdownButton = (props) => {
     destroyPopupOnHide,
     dropdownRender,
     popupRender
-  } = props, restProps = __rest$o(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"]);
+  } = props, restProps = __rest$p(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;
@@ -43423,7 +44988,7 @@ function useFormWarning({
     }
   }, [name2]);
 }
-var __rest$n = function(s, e3) {
+var __rest$o = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -43463,7 +45028,7 @@ const InternalForm = (props, ref) => {
     style: style2,
     feedbackIcons,
     variant
-  } = props, restFormProps = __rest$n(props, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]);
+  } = props, restFormProps = __rest$o(props, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]);
   const mergedSize = useSize(size);
   const contextValidateMessages = React.useContext(ValidateMessagesContext);
   if (process.env.NODE_ENV !== "production") {
@@ -43662,7 +45227,7 @@ const FallbackCmp = genSubStyleComponent(["Form", "item-item"], (token2, {
   const formToken = prepareToken$1(token2, rootPrefixCls);
   return genFallbackStyle(formToken);
 });
-var __rest$m = function(s, e3) {
+var __rest$n = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -43712,7 +45277,7 @@ const FormItemInput = (props) => {
     const {
       labelCol: labelCol2,
       wrapperCol: wrapperCol2
-    } = formContext, rest = __rest$m(formContext, ["labelCol", "wrapperCol"]);
+    } = formContext, rest = __rest$n(formContext, ["labelCol", "wrapperCol"]);
     return rest;
   }, [formContext]);
   const extraRef = React.useRef(null);
@@ -43782,7 +45347,7 @@ var RefIcon$o = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
   RefIcon$o.displayName = "QuestionCircleOutlined";
 }
-var __rest$l = function(s, e3) {
+var __rest$m = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -43829,7 +45394,7 @@ const FormItemLabel = ({
   if (tooltipProps) {
     const {
       icon = /* @__PURE__ */ React.createElement(RefIcon$o, null)
-    } = tooltipProps, restTooltipProps = __rest$l(tooltipProps, ["icon"]);
+    } = tooltipProps, restTooltipProps = __rest$m(tooltipProps, ["icon"]);
     const tooltipNode = /* @__PURE__ */ React.createElement(Tooltip$2, Object.assign({}, restTooltipProps), /* @__PURE__ */ React.cloneElement(icon, {
       className: `${prefixCls}-item-tooltip`,
       title: "",
@@ -43938,7 +45503,7 @@ function StatusProvider({
     value: formItemStatusContext
   }, children2);
 }
-var __rest$k = function(s, e3) {
+var __rest$l = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -43966,7 +45531,7 @@ function ItemHolder(props) {
     onSubItemMetaChange,
     layout: propsLayout,
     name: name2
-  } = props, restProps = __rest$k(props, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout", "name"]);
+  } = props, restProps = __rest$l(props, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout", "name"]);
   const itemPrefixCls = `${prefixCls}-item`;
   const {
     requiredMark,
@@ -44308,7 +45873,7 @@ function InternalFormItem(props) {
 }
 const FormItem$1 = InternalFormItem;
 FormItem$1.useStatus = useFormItemStatus;
-var __rest$j = function(s, e3) {
+var __rest$k = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -44320,7 +45885,7 @@ const FormList = (_a) => {
   var {
     prefixCls: customizePrefixCls,
     children: children2
-  } = _a, props = __rest$j(_a, ["prefixCls", "children"]);
+  } = _a, props = __rest$k(_a, ["prefixCls", "children"]);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Form.List");
     process.env.NODE_ENV !== "production" ? warning3(typeof props.name === "number" || (Array.isArray(props.name) ? !!props.name.length : !!props.name), "usage", "Miss `name` prop.") : void 0;
@@ -44476,7 +46041,7 @@ const useStyle$a = genStyleHooks(["Input", "OTP"], (token2) => {
   const inputToken = merge$1(token2, initInputToken(token2));
   return genOTPStyle(inputToken);
 }, initComponentToken$1);
-var __rest$i = function(s, e3) {
+var __rest$j = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -44492,7 +46057,7 @@ const OTPInput = /* @__PURE__ */ React.forwardRef((props, ref) => {
     onActiveChange,
     index: index2,
     mask
-  } = props, restProps = __rest$i(props, ["className", "value", "onChange", "onActiveChange", "index", "mask"]);
+  } = props, restProps = __rest$j(props, ["className", "value", "onChange", "onActiveChange", "index", "mask"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -44556,7 +46121,7 @@ const OTPInput = /* @__PURE__ */ React.forwardRef((props, ref) => {
     })
   })));
 });
-var __rest$h = function(s, e3) {
+var __rest$i = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -44599,7 +46164,7 @@ const OTP = /* @__PURE__ */ React.forwardRef((props, ref) => {
     type: type4,
     onInput,
     inputMode
-  } = props, restProps = __rest$h(props, ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "separator", "variant", "disabled", "status", "autoFocus", "mask", "type", "onInput", "inputMode"]);
+  } = props, restProps = __rest$i(props, ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "separator", "variant", "disabled", "status", "autoFocus", "mask", "type", "onInput", "inputMode"]);
   if (process.env.NODE_ENV !== "production") {
     const warning3 = devUseWarning("Input.OTP");
     process.env.NODE_ENV !== "production" ? warning3(!(typeof mask === "string" && mask.length > 1), "usage", "`mask` prop should be a single character.") : void 0;
@@ -44750,7 +46315,7 @@ var RefIcon$m = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
 if (process.env.NODE_ENV !== "production") {
   RefIcon$m.displayName = "EyeInvisibleOutlined";
 }
-var __rest$g = function(s, e3) {
+var __rest$h = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -44817,7 +46382,7 @@ const Password = /* @__PURE__ */ React.forwardRef((props, ref) => {
     prefixCls: customizePrefixCls,
     inputPrefixCls: customizeInputPrefixCls,
     size
-  } = props, restProps = __rest$g(props, ["className", "prefixCls", "inputPrefixCls", "size"]);
+  } = props, restProps = __rest$h(props, ["className", "prefixCls", "inputPrefixCls", "size"]);
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);
@@ -44843,7 +46408,7 @@ const Password = /* @__PURE__ */ React.forwardRef((props, ref) => {
 if (process.env.NODE_ENV !== "production") {
   Password.displayName = "Input.Password";
 }
-var __rest$f = function(s, e3) {
+var __rest$g = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -44868,7 +46433,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     onCompositionEnd,
     variant,
     onPressEnter: customOnPressEnter
-  } = props, restProps = __rest$f(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd", "variant", "onPressEnter"]);
+  } = props, restProps = __rest$g(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd", "variant", "onPressEnter"]);
   const {
     getPrefixCls,
     direction
@@ -45425,7 +46990,7 @@ const useStyle$9 = genStyleHooks(["Input", "TextArea"], (token2) => {
 }, initComponentToken$1, {
   resetFont: false
 });
-var __rest$e = function(s, e3) {
+var __rest$f = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -45451,7 +47016,7 @@ const TextArea = /* @__PURE__ */ forwardRef((props, ref) => {
     showCount,
     onMouseDown,
     onResize: onResize2
-  } = props, rest = __rest$e(props, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant", "showCount", "onMouseDown", "onResize"]);
+  } = props, rest = __rest$f(props, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant", "showCount", "onMouseDown", "onResize"]);
   if (process.env.NODE_ENV !== "production") {
     const {
       deprecated
@@ -46728,7 +48293,7 @@ function useShowSizeChanger(showSizeChanger) {
     return [void 0, void 0];
   }, [showSizeChanger]);
 }
-var __rest$d = function(s, e3) {
+var __rest$e = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -46750,7 +48315,7 @@ const Pagination2 = (props) => {
     showSizeChanger,
     selectComponentClass,
     pageSizeOptions
-  } = props, restProps = __rest$d(props, ["align", "prefixCls", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "responsive", "showSizeChanger", "selectComponentClass", "pageSizeOptions"]);
+  } = props, restProps = __rest$e(props, ["align", "prefixCls", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "responsive", "showSizeChanger", "selectComponentClass", "pageSizeOptions"]);
   const {
     xs
   } = useBreakpoint$1(responsive);
@@ -47284,7 +48849,7 @@ function usePercent(spinning, percent) {
   }, [isAuto, spinning]);
   return isAuto ? mockPercent : percent;
 }
-var __rest$c = function(s, e3) {
+var __rest$d = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -47312,7 +48877,7 @@ const Spin = (props) => {
     fullscreen = false,
     indicator,
     percent
-  } = props, restProps = __rest$c(props, ["prefixCls", "spinning", "delay", "className", "rootClassName", "size", "tip", "wrapperClassName", "style", "children", "fullscreen", "indicator", "percent"]);
+  } = props, restProps = __rest$d(props, ["prefixCls", "spinning", "delay", "className", "rootClassName", "size", "tip", "wrapperClassName", "style", "children", "fullscreen", "indicator", "percent"]);
   const {
     getPrefixCls,
     direction,
@@ -47397,6 +48962,95 @@ const toList$1 = (candidate, skipEmpty = false) => {
   }
   return Array.isArray(candidate) ? candidate : [candidate];
 };
+var __rest$c = function(s, e3) {
+  var t2 = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e3.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t2[p[i]] = s[p[i]];
+  }
+  return t2;
+};
+const PurePanel$1 = (props) => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    closeIcon,
+    closable,
+    type: type4,
+    title,
+    children: children2,
+    footer: footer2
+  } = props, restProps = __rest$c(props, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]);
+  const {
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const rootPrefixCls = getPrefixCls();
+  const prefixCls = customizePrefixCls || getPrefixCls("modal");
+  const rootCls = useCSSVarCls(rootPrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$s(prefixCls, rootCls);
+  const confirmPrefixCls = `${prefixCls}-confirm`;
+  let additionalProps = {};
+  if (type4) {
+    additionalProps = {
+      closable: closable !== null && closable !== void 0 ? closable : false,
+      title: "",
+      footer: "",
+      children: /* @__PURE__ */ React.createElement(ConfirmContent, Object.assign({}, props, {
+        prefixCls,
+        confirmPrefixCls,
+        rootPrefixCls,
+        content: children2
+      }))
+    };
+  } else {
+    additionalProps = {
+      closable: closable !== null && closable !== void 0 ? closable : true,
+      title,
+      footer: footer2 !== null && /* @__PURE__ */ React.createElement(Footer$3, Object.assign({}, props)),
+      children: children2
+    };
+  }
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(Panel$1, Object.assign({
+    prefixCls,
+    className: classNames(hashId, `${prefixCls}-pure-panel`, type4 && confirmPrefixCls, type4 && `${confirmPrefixCls}-${type4}`, className, cssVarCls, rootCls)
+  }, restProps, {
+    closeIcon: renderCloseIcon(prefixCls, closeIcon),
+    closable
+  }, additionalProps)));
+};
+const PurePanel$2 = withPureRenderTheme(PurePanel$1);
+function modalWarn(props) {
+  return confirm(withWarn(props));
+}
+const Modal$1 = Modal$2;
+Modal$1.useModal = useModal;
+Modal$1.info = function infoFn(props) {
+  return confirm(withInfo(props));
+};
+Modal$1.success = function successFn(props) {
+  return confirm(withSuccess(props));
+};
+Modal$1.error = function errorFn(props) {
+  return confirm(withError(props));
+};
+Modal$1.warning = modalWarn;
+Modal$1.warn = modalWarn;
+Modal$1.confirm = function confirmFn(props) {
+  return confirm(withConfirm(props));
+};
+Modal$1.destroyAll = function destroyAllFn() {
+  while (destroyFns.length) {
+    const close = destroyFns.pop();
+    if (close) {
+      close();
+    }
+  }
+};
+Modal$1.config = modalGlobalConfig;
+Modal$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$2;
+if (process.env.NODE_ENV !== "production") {
+  Modal$1.displayName = "Modal";
+}
 const genBaseStyle$3 = (token2) => {
   const {
     componentCls,
@@ -47533,7 +49187,7 @@ const PurePanel = (props) => {
   } = React.useContext(ConfigContext);
   const prefixCls = getPrefixCls("popconfirm", customizePrefixCls);
   const [wrapCSSVar] = useStyle$6(prefixCls);
-  return wrapCSSVar(/* @__PURE__ */ React.createElement(PurePanel$4, {
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(PurePanel$6, {
     placement,
     className: classNames(prefixCls, className),
     style: style2,
@@ -51666,11 +53320,11 @@ function Panel(_ref) {
 }
 function getOffset(node2) {
   var element2 = getDOM(node2);
-  var box = element2.getBoundingClientRect();
+  var box2 = element2.getBoundingClientRect();
   var docElem = document.documentElement;
   return {
-    left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
-    top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
+    left: box2.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
+    top: box2.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
   };
 }
 var StickyScrollBar = function StickyScrollBar2(_ref, ref) {
@@ -56160,13 +57814,13 @@ const FilterDropdown = (props) => {
     internalTriggerFilter(getFilteredKeysSync());
   };
   const onReset = ({
-    confirm,
+    confirm: confirm2,
     closeDropdown
   } = {
     confirm: false,
     closeDropdown: false
   }) => {
-    if (confirm) {
+    if (confirm2) {
       internalTriggerFilter([]);
     }
     if (closeDropdown) {
@@ -80475,6 +82129,156 @@ const Message = ({
     ) : null
   ] });
 };
+const getGenesisModalClass = ({ borderRadius: borderRadius2, shadows: shadows2 }) => `
+  .ant-modal-content {
+    padding: 0 !important;
+    border-radius: ${borderRadius2.BorderRadiusMd}px !important;
+    box-shadow: ${shadows2.general["2"]} !important;
+    overflow: hidden;
+  }
+
+  .ant-modal-body {
+    display: flex;
+    flex-direction: column;
+    max-height: 80vh;
+  }
+
+  .ant-modal-footer {
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+`;
+const StyledModal = styled(Modal$1).attrs({
+  destroyOnHidden: true,
+  closable: false,
+  footer: null
+})`
+  ${({ theme }) => {
+  if (!theme) return "";
+  return getGenesisModalClass(theme);
+}}
+`;
+const ScrollableContent$1 = styled.div`
+  overflow-y: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.15);
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.3);
+  }
+`;
+const MODAL_WIDTHS = {
+  sm: 400,
+  md: 492,
+  lg: 720
+};
+const Modal = ({
+  open,
+  size = "md",
+  closable = true,
+  children: children2,
+  header,
+  footer: footer2
+}) => {
+  const theme = useTheme$1();
+  const { title, description, onClose } = header;
+  const { show: showFooter = false, actions: footerActions = [] } = footer2 ?? {};
+  const spacing = {
+    Size3: theme?.sizing?.Size3 || 12,
+    Size4: theme?.sizing?.Size4 || 16,
+    Size6: theme?.sizing?.Size6 || 24
+  };
+  const borderColor = theme?.colors?.surface?.active?.borderColor || "#DFDFDF";
+  const textColor = theme?.colors?.onsurface?.active?.textColor || "#3E3E3E";
+  const ModalHeader = () => /* @__PURE__ */ jsx(
+    Tile,
+    {
+      isHorizontal: true,
+      style: {
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: `${spacing.Size6}px`,
+        borderBottom: `1px solid ${borderColor}`
+      },
+      children: /* @__PURE__ */ jsxs(
+        Tile,
+        {
+          isHorizontal: true,
+          style: {
+            alignItems: "flexStart",
+            gap: `${spacing.Size4}px`,
+            flex: 1
+          },
+          children: [
+            /* @__PURE__ */ jsxs(Tile, { style: { gap: `${spacing.Size4}px`, flex: 1 }, children: [
+              /* @__PURE__ */ jsx(
+                Tile,
+                {
+                  isHorizontal: true,
+                  style: {
+                    gap: `${spacing.Size3}px`,
+                    alignItems: "center",
+                    height: "40px"
+                  },
+                  children: /* @__PURE__ */ jsx(Typography, { fontSize: "24px", fontWeight: 400, color: textColor, children: title })
+                }
+              ),
+              description && /* @__PURE__ */ jsx(Typography, { fontSize: "16px", fontWeight: 400, color: textColor, children: description })
+            ] }),
+            /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(HiX, {}), onClick: onClose })
+          ]
+        }
+      )
+    }
+  );
+  const ModalFooter = () => {
+    const visibleActions = footerActions.slice(0, 2);
+    return showFooter && visibleActions.length > 0 ? /* @__PURE__ */ jsx(
+      Tile,
+      {
+        isHorizontal: true,
+        style: {
+          padding: `${spacing.Size6}px`,
+          gap: `${spacing.Size4}px`,
+          // borderTop: `1px solid ${borderColor}`,
+          justifyContent: "flex-end"
+        },
+        children: visibleActions.map((action, index2) => /* @__PURE__ */ jsx(Button$1, { ...action.btnProps, onClick: action.onClick, children: action.label }, index2))
+      }
+    ) : null;
+  };
+  return /* @__PURE__ */ jsxs(
+    StyledModal,
+    {
+      open,
+      width: MODAL_WIDTHS[size],
+      maskClosable: closable,
+      onCancel: onClose,
+      children: [
+        /* @__PURE__ */ jsx(ModalHeader, {}),
+        /* @__PURE__ */ jsx(ScrollableContent$1, { children: children2 }),
+        /* @__PURE__ */ jsx(ModalFooter, {})
+      ]
+    }
+  );
+};
 styled.nav`
   display: flex;
   align-items: center;
@@ -85539,6 +87343,7 @@ const Select = ({
   const [isFocused, setIsFocused] = React__default.useState(false);
   const [dropdownAnimation, setDropdownAnimation] = React__default.useState("entered");
   const selectReference = React__default.useRef(null);
+  const [dropdownRect, setDropdownRect] = React__default.useState(null);
   const { theme } = useGenesis();
   React__default.useEffect(() => {
     const handleClickOutside = (event2) => {
@@ -85567,6 +87372,9 @@ const Select = ({
     if (isOpen) {
       handleClose();
     } else {
+      if (selectReference.current) {
+        setDropdownRect(selectReference.current.getBoundingClientRect());
+      }
       setIsOpen(true);
       setDropdownAnimation("entering");
       setTimeout(() => {
@@ -85601,18 +87409,18 @@ const Select = ({
     return value22;
   };
   const modeValue = getSelectModeValue(value2);
-  return /* @__PURE__ */ jsx("div", { style: { position: "relative", width }, children: /* @__PURE__ */ jsxs(
-    SelectWrapper,
-    {
-      ref: selectReference,
-      $isFocused: isFocused,
-      type: type4,
-      disabled: disabled2,
-      onFocus: () => !disabled2 && setIsFocused(true),
-      onBlur: () => !isOpen && setIsFocused(false),
-      tabIndex: disabled2 ? -1 : 0,
-      children: [
-        /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", width }, children: [
+    /* @__PURE__ */ jsx(
+      SelectWrapper,
+      {
+        ref: selectReference,
+        $isFocused: isFocused,
+        type: type4,
+        disabled: disabled2,
+        onFocus: () => !disabled2 && setIsFocused(true),
+        onBlur: () => !isOpen && setIsFocused(false),
+        tabIndex: disabled2 ? -1 : 0,
+        children: /* @__PURE__ */ jsx(
           SelectTrigger2,
           {
             theme,
@@ -85626,46 +87434,49 @@ const Select = ({
             disabled: disabled2,
             variant
           }
-        ),
-        isOpen && !disabled2 && /* @__PURE__ */ jsx(
-          SelectDropdown,
-          {
-            type: type4,
-            state,
-            className: dropdownAnimation,
-            style: {
-              position: "absolute",
-              top: "calc(100% + 4px)",
-              left: 0,
-              right: 0,
-              zIndex: 1e3,
-              backgroundColor: "white",
-              boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
-              border: "1px solid #d9d9d9",
-              transformOrigin: "top"
-            },
-            children: options.map((option) => {
-              const isSelected = Array.isArray(value2) ? value2.map(String).includes(option.value) : String(value2) === option.value;
-              return /* @__PURE__ */ jsxs(
-                MenuItem,
-                {
-                  onClick: () => handleOptionSelect(option.value),
-                  $isSelected: isSelected,
-                  type: type4,
-                  disabled: disabled2,
-                  children: [
-                    option.label,
-                    isSelected && /* @__PURE__ */ jsx("span", { style: { marginLeft: "8px" }, children: "✓" })
-                  ]
-                },
-                option.value
-              );
-            })
-          }
         )
-      ]
-    }
-  ) });
+      }
+    ),
+    isOpen && !disabled2 && dropdownRect && ReactDOM__default.createPortal(
+      /* @__PURE__ */ jsx(
+        SelectDropdown,
+        {
+          type: type4,
+          state,
+          className: dropdownAnimation,
+          style: {
+            position: "fixed",
+            top: dropdownRect.bottom + 4,
+            left: dropdownRect.left,
+            width: dropdownRect.width,
+            zIndex: 1050,
+            backgroundColor: "white",
+            boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+            border: "1px solid #d9d9d9",
+            transformOrigin: "top"
+          },
+          children: options.map((option) => {
+            const isSelected = Array.isArray(value2) ? value2.map(String).includes(option.value) : String(value2) === option.value;
+            return /* @__PURE__ */ jsxs(
+              MenuItem,
+              {
+                onClick: () => handleOptionSelect(option.value),
+                $isSelected: isSelected,
+                type: type4,
+                disabled: disabled2,
+                children: [
+                  option.label,
+                  isSelected && /* @__PURE__ */ jsx("span", { style: { marginLeft: "8px" }, children: "✓" })
+                ]
+              },
+              option.value
+            );
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
 };
 const Circle2 = ({ fill = "#CF3237", dataTestId }) => /* @__PURE__ */ jsx(
   "svg",
@@ -89201,6 +91012,10 @@ const Content = styled(Tile)`
   flex: 1;
   min-width: 0;
   padding: ${({ theme }) => theme.sizing.Size3}px 0;
+
+  .ant-skeleton-paragraph {
+    margin: 0px !important;
+  }
 `;
 const ActionNote = styled(Tile)`
   padding: 0;
@@ -89444,6 +91259,7 @@ export {
   Layout,
   LineChart,
   Message,
+  Modal,
   NavBar,
   Notification,
   OverflowMenu,