@pnkx-lib/ui 1.9.462 → 1.9.463

package/es/ui/Layout.js

@@ -1,10 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { _ as _typeof, c as _arrayLikeToArray, a as _unsupportedIterableToArray, b as _defineProperty } from '../chunks/defineProperty-CTLrw71t.js';
+import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-GtzhUyP3.js';
 import * as React from 'react';
-import React__default, { useContext, createContext, useState, useEffect, useRef } from 'react';
-import { r } from '../chunks/index-t0ynpS_n.js';
-import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from '../chunks/createSuper-C90IQ42g.js';
-import { I as Icon, _ as _extends, w as warningOnce, a as _slicedToArray, b as warning$1, c as canUseDom, d as _objectSpread2, u as updateCSS, r as removeCSS, e as _arrayWithHoles, f as _nonIterableRest, g as resetWarned$1, F as FastColor, h as generate, p as presetPrimaryColors, i as presetPalettes, j as _objectWithoutProperties, k as IconContext } from '../chunks/AntdIcon-D_ySRKRj.js';
+import { useContext, useState, useEffect, useRef } from 'react';
+import { c as classNames } from '../chunks/index-xdC7i8zM.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-KP2HuB_x.js';
 
 // This icon file is generated automatically.
 var BarsOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" };
@@ -54,4337 +53,6 @@ if (process.env.NODE_ENV !== 'production') {
   RefIcon.displayName = 'RightOutlined';
 }
 
-function useMemo(getValue, condition, shouldUpdate) {
-  var cacheRef = React.useRef({});
-  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
-    cacheRef.current.value = getValue();
-    cacheRef.current.condition = condition;
-  }
-  return cacheRef.current.value;
-}
-
-var REACT_ELEMENT_TYPE_18 = Symbol.for('react.element');
-var REACT_ELEMENT_TYPE_19 = Symbol.for('react.transitional.element');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-
-/**
- * Compatible with React 18 or 19 to check if node is a Fragment.
- */
-function isFragment(object) {
-  return (
-    // Base object type
-    object && _typeof(object) === 'object' && (
-    // React Element type
-    object.$$typeof === REACT_ELEMENT_TYPE_18 || object.$$typeof === REACT_ELEMENT_TYPE_19) &&
-    // React Fragment type
-    object.type === REACT_FRAGMENT_TYPE
-  );
-}
-
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
-
-function omit(obj, fields) {
-  var clone = Object.assign({}, obj);
-  if (Array.isArray(fields)) {
-    fields.forEach(function (key) {
-      delete clone[key];
-    });
-  }
-  return clone;
-}
-
-/* eslint-disable */
-// Inspired by https://github.com/garycourt/murmurhash-js
-// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
-function murmur2(str) {
-  // 'm' and 'r' are mixing constants generated offline.
-  // They're not really 'magic', they just happen to work well.
-  // const m = 0x5bd1e995;
-  // const r = 24;
-  // Initialize the hash
-  var h = 0; // Mix 4 bytes at a time into the hash
-
-  var k,
-      i = 0,
-      len = str.length;
-
-  for (; len >= 4; ++i, len -= 4) {
-    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
-    k =
-    /* Math.imul(k, m): */
-    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
-    k ^=
-    /* k >>> r: */
-    k >>> 24;
-    h =
-    /* Math.imul(k, m): */
-    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
-    /* Math.imul(h, m): */
-    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
-  } // Handle the last few bytes of the input array
-
-
-  switch (len) {
-    case 3:
-      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
-
-    case 2:
-      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
-
-    case 1:
-      h ^= str.charCodeAt(i) & 0xff;
-      h =
-      /* Math.imul(h, m): */
-      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
-  } // Do a few final mixes of the hash to ensure the last few
-  // bytes are well-incorporated.
-
-
-  h ^= h >>> 13;
-  h =
-  /* Math.imul(h, m): */
-  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
-  return ((h ^ h >>> 15) >>> 0).toString(36);
-}
-
-/**
- * Deeply compares two object literals.
- * @param obj1 object 1
- * @param obj2 object 2
- * @param shallow shallow compare
- * @returns
- */
-function isEqual(obj1, obj2) {
-  var shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f
-  var refSet = new Set();
-  function deepEqual(a, b) {
-    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-    var circular = refSet.has(a);
-    warningOnce(!circular, 'Warning: There may be circular references');
-    if (circular) {
-      return false;
-    }
-    if (a === b) {
-      return true;
-    }
-    if (shallow && level > 1) {
-      return false;
-    }
-    refSet.add(a);
-    var newLevel = level + 1;
-    if (Array.isArray(a)) {
-      if (!Array.isArray(b) || a.length !== b.length) {
-        return false;
-      }
-      for (var i = 0; i < a.length; i++) {
-        if (!deepEqual(a[i], b[i], newLevel)) {
-          return false;
-        }
-      }
-      return true;
-    }
-    if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {
-      var keys = Object.keys(a);
-      if (keys.length !== Object.keys(b).length) {
-        return false;
-      }
-      return keys.every(function (key) {
-        return deepEqual(a[key], b[key], newLevel);
-      });
-    }
-    // other
-    return false;
-  }
-  return deepEqual(obj1, obj2);
-}
-
-// [times, realValue]
-
-var SPLIT = '%';
-
-/** Connect key with `SPLIT` */
-function pathKey(keys) {
-  return keys.join(SPLIT);
-}
-var Entity = /*#__PURE__*/function () {
-  function Entity(instanceId) {
-    _classCallCheck(this, Entity);
-    _defineProperty(this, "instanceId", void 0);
-    /** @private Internal cache map. Do not access this directly */
-    _defineProperty(this, "cache", new Map());
-    _defineProperty(this, "extracted", new Set());
-    this.instanceId = instanceId;
-  }
-  _createClass(Entity, [{
-    key: "get",
-    value: function get(keys) {
-      return this.opGet(pathKey(keys));
-    }
-
-    /** A fast get cache with `get` concat. */
-  }, {
-    key: "opGet",
-    value: function opGet(keyPathStr) {
-      return this.cache.get(keyPathStr) || null;
-    }
-  }, {
-    key: "update",
-    value: function update(keys, valueFn) {
-      return this.opUpdate(pathKey(keys), valueFn);
-    }
-
-    /** A fast get cache with `get` concat. */
-  }, {
-    key: "opUpdate",
-    value: function opUpdate(keyPathStr, valueFn) {
-      var prevValue = this.cache.get(keyPathStr);
-      var nextValue = valueFn(prevValue);
-      if (nextValue === null) {
-        this.cache.delete(keyPathStr);
-      } else {
-        this.cache.set(keyPathStr, nextValue);
-      }
-    }
-  }]);
-  return Entity;
-}();
-
-var ATTR_TOKEN = 'data-token-hash';
-var ATTR_MARK = 'data-css-hash';
-var ATTR_CACHE_PATH = 'data-cache-path';
-
-// Mark css-in-js instance in style element
-var CSS_IN_JS_INSTANCE = '__cssinjs_instance__';
-function createCache() {
-  var cssinjsInstanceId = Math.random().toString(12).slice(2);
-
-  // Tricky SSR: Move all inline style to the head.
-  // PS: We do not recommend tricky mode.
-  if (typeof document !== 'undefined' && document.head && document.body) {
-    var styles = document.body.querySelectorAll("style[".concat(ATTR_MARK, "]")) || [];
-    var firstChild = document.head.firstChild;
-    Array.from(styles).forEach(function (style) {
-      style[CSS_IN_JS_INSTANCE] = style[CSS_IN_JS_INSTANCE] || cssinjsInstanceId;
-
-      // Not force move if no head
-      if (style[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {
-        document.head.insertBefore(style, firstChild);
-      }
-    });
-
-    // Deduplicate of moved styles
-    var styleHash = {};
-    Array.from(document.querySelectorAll("style[".concat(ATTR_MARK, "]"))).forEach(function (style) {
-      var hash = style.getAttribute(ATTR_MARK);
-      if (styleHash[hash]) {
-        if (style[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {
-          var _style$parentNode;
-          (_style$parentNode = style.parentNode) === null || _style$parentNode === void 0 || _style$parentNode.removeChild(style);
-        }
-      } else {
-        styleHash[hash] = true;
-      }
-    });
-  }
-  return new Entity(cssinjsInstanceId);
-}
-var StyleContext = /*#__PURE__*/React.createContext({
-  hashPriority: 'low',
-  cache: createCache(),
-  defaultCache: true
-});
-
-// ================================== Cache ==================================
-
-function sameDerivativeOption(left, right) {
-  if (left.length !== right.length) {
-    return false;
-  }
-  for (var i = 0; i < left.length; i++) {
-    if (left[i] !== right[i]) {
-      return false;
-    }
-  }
-  return true;
-}
-var ThemeCache = /*#__PURE__*/function () {
-  function ThemeCache() {
-    _classCallCheck(this, ThemeCache);
-    _defineProperty(this, "cache", void 0);
-    _defineProperty(this, "keys", void 0);
-    _defineProperty(this, "cacheCallTimes", void 0);
-    this.cache = new Map();
-    this.keys = [];
-    this.cacheCallTimes = 0;
-  }
-  _createClass(ThemeCache, [{
-    key: "size",
-    value: function size() {
-      return this.keys.length;
-    }
-  }, {
-    key: "internalGet",
-    value: function internalGet(derivativeOption) {
-      var _cache2, _cache3;
-      var updateCallTimes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var cache = {
-        map: this.cache
-      };
-      derivativeOption.forEach(function (derivative) {
-        if (!cache) {
-          cache = undefined;
-        } else {
-          var _cache;
-          cache = (_cache = cache) === null || _cache === void 0 || (_cache = _cache.map) === null || _cache === void 0 ? void 0 : _cache.get(derivative);
-        }
-      });
-      if ((_cache2 = cache) !== null && _cache2 !== void 0 && _cache2.value && updateCallTimes) {
-        cache.value[1] = this.cacheCallTimes++;
-      }
-      return (_cache3 = cache) === null || _cache3 === void 0 ? void 0 : _cache3.value;
-    }
-  }, {
-    key: "get",
-    value: function get(derivativeOption) {
-      var _this$internalGet;
-      return (_this$internalGet = this.internalGet(derivativeOption, true)) === null || _this$internalGet === void 0 ? void 0 : _this$internalGet[0];
-    }
-  }, {
-    key: "has",
-    value: function has(derivativeOption) {
-      return !!this.internalGet(derivativeOption);
-    }
-  }, {
-    key: "set",
-    value: function set(derivativeOption, value) {
-      var _this = this;
-      // New cache
-      if (!this.has(derivativeOption)) {
-        if (this.size() + 1 > ThemeCache.MAX_CACHE_SIZE + ThemeCache.MAX_CACHE_OFFSET) {
-          var _this$keys$reduce = this.keys.reduce(function (result, key) {
-              var _result = _slicedToArray(result, 2),
-                callTimes = _result[1];
-              if (_this.internalGet(key)[1] < callTimes) {
-                return [key, _this.internalGet(key)[1]];
-              }
-              return result;
-            }, [this.keys[0], this.cacheCallTimes]),
-            _this$keys$reduce2 = _slicedToArray(_this$keys$reduce, 1),
-            targetKey = _this$keys$reduce2[0];
-          this.delete(targetKey);
-        }
-        this.keys.push(derivativeOption);
-      }
-      var cache = this.cache;
-      derivativeOption.forEach(function (derivative, index) {
-        if (index === derivativeOption.length - 1) {
-          cache.set(derivative, {
-            value: [value, _this.cacheCallTimes++]
-          });
-        } else {
-          var cacheValue = cache.get(derivative);
-          if (!cacheValue) {
-            cache.set(derivative, {
-              map: new Map()
-            });
-          } else if (!cacheValue.map) {
-            cacheValue.map = new Map();
-          }
-          cache = cache.get(derivative).map;
-        }
-      });
-    }
-  }, {
-    key: "deleteByPath",
-    value: function deleteByPath(currentCache, derivatives) {
-      var cache = currentCache.get(derivatives[0]);
-      if (derivatives.length === 1) {
-        var _cache$value;
-        if (!cache.map) {
-          currentCache.delete(derivatives[0]);
-        } else {
-          currentCache.set(derivatives[0], {
-            map: cache.map
-          });
-        }
-        return (_cache$value = cache.value) === null || _cache$value === void 0 ? void 0 : _cache$value[0];
-      }
-      var result = this.deleteByPath(cache.map, derivatives.slice(1));
-      if ((!cache.map || cache.map.size === 0) && !cache.value) {
-        currentCache.delete(derivatives[0]);
-      }
-      return result;
-    }
-  }, {
-    key: "delete",
-    value: function _delete(derivativeOption) {
-      // If cache exists
-      if (this.has(derivativeOption)) {
-        this.keys = this.keys.filter(function (item) {
-          return !sameDerivativeOption(item, derivativeOption);
-        });
-        return this.deleteByPath(this.cache, derivativeOption);
-      }
-      return undefined;
-    }
-  }]);
-  return ThemeCache;
-}();
-_defineProperty(ThemeCache, "MAX_CACHE_SIZE", 20);
-_defineProperty(ThemeCache, "MAX_CACHE_OFFSET", 5);
-
-var uuid = 0;
-
-/**
- * Theme with algorithms to derive tokens from design tokens.
- * Use `createTheme` first which will help to manage the theme instance cache.
- */
-var Theme = /*#__PURE__*/function () {
-  function Theme(derivatives) {
-    _classCallCheck(this, Theme);
-    _defineProperty(this, "derivatives", void 0);
-    _defineProperty(this, "id", void 0);
-    this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
-    this.id = uuid;
-    if (derivatives.length === 0) {
-      warning$1(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
-    }
-    uuid += 1;
-  }
-  _createClass(Theme, [{
-    key: "getDerivativeToken",
-    value: function getDerivativeToken(token) {
-      return this.derivatives.reduce(function (result, derivative) {
-        return derivative(token, result);
-      }, undefined);
-    }
-  }]);
-  return Theme;
-}();
-
-var cacheThemes = new ThemeCache();
-
-/**
- * Same as new Theme, but will always return same one if `derivative` not changed.
- */
-function createTheme(derivatives) {
-  var derivativeArr = Array.isArray(derivatives) ? derivatives : [derivatives];
-  // Create new theme if not exist
-  if (!cacheThemes.has(derivativeArr)) {
-    cacheThemes.set(derivativeArr, new Theme(derivativeArr));
-  }
-
-  // Get theme from cache and return
-  return cacheThemes.get(derivativeArr);
-}
-
-// Create a cache for memo concat
-
-var resultCache = new WeakMap();
-var RESULT_VALUE = {};
-function memoResult(callback, deps) {
-  var current = resultCache;
-  for (var i = 0; i < deps.length; i += 1) {
-    var dep = deps[i];
-    if (!current.has(dep)) {
-      current.set(dep, new WeakMap());
-    }
-    current = current.get(dep);
-  }
-  if (!current.has(RESULT_VALUE)) {
-    current.set(RESULT_VALUE, callback());
-  }
-  return current.get(RESULT_VALUE);
-}
-
-// Create a cache here to avoid always loop generate
-var flattenTokenCache = new WeakMap();
-
-/**
- * Flatten token to string, this will auto cache the result when token not change
- */
-function flattenToken(token) {
-  var str = flattenTokenCache.get(token) || '';
-  if (!str) {
-    Object.keys(token).forEach(function (key) {
-      var value = token[key];
-      str += key;
-      if (value instanceof Theme) {
-        str += value.id;
-      } else if (value && _typeof(value) === 'object') {
-        str += flattenToken(value);
-      } else {
-        str += value;
-      }
-    });
-
-    // https://github.com/ant-design/ant-design/issues/48386
-    // Should hash the string to avoid style tag name too long
-    str = murmur2(str);
-
-    // Put in cache
-    flattenTokenCache.set(token, str);
-  }
-  return str;
-}
-
-/**
- * Convert derivative token to key string
- */
-function token2key(token, salt) {
-  return murmur2("".concat(salt, "_").concat(flattenToken(token)));
-}
-var isClientSide = canUseDom();
-function unit$1(num) {
-  if (typeof num === 'number') {
-    return "".concat(num, "px");
-  }
-  return num;
-}
-
-var token2CSSVar = function token2CSSVar(token) {
-  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return "--".concat(prefix ? "".concat(prefix, "-") : '').concat(token).replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/([A-Z]+)([A-Z][a-z0-9]+)/g, '$1-$2').replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase();
-};
-var serializeCSSVar = function serializeCSSVar(cssVars, hashId, options) {
-  if (!Object.keys(cssVars).length) {
-    return '';
-  }
-  return ".".concat(hashId).concat(options !== null && options !== void 0 && options.scope ? ".".concat(options.scope) : '', "{").concat(Object.entries(cssVars).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    return "".concat(key, ":").concat(value, ";");
-  }).join(''), "}");
-};
-var transformToken = function transformToken(token, themeKey, config) {
-  var cssVars = {};
-  var result = {};
-  Object.entries(token).forEach(function (_ref3) {
-    var _config$preserve, _config$ignore;
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      value = _ref4[1];
-    if (config !== null && config !== void 0 && (_config$preserve = config.preserve) !== null && _config$preserve !== void 0 && _config$preserve[key]) {
-      result[key] = value;
-    } else if ((typeof value === 'string' || typeof value === 'number') && !(config !== null && config !== void 0 && (_config$ignore = config.ignore) !== null && _config$ignore !== void 0 && _config$ignore[key])) {
-      var _config$unitless;
-      var cssVar = token2CSSVar(key, config === null || config === void 0 ? void 0 : config.prefix);
-      cssVars[cssVar] = typeof value === 'number' && !(config !== null && config !== void 0 && (_config$unitless = config.unitless) !== null && _config$unitless !== void 0 && _config$unitless[key]) ? "".concat(value, "px") : String(value);
-      result[key] = "var(".concat(cssVar, ")");
-    }
-  });
-  return [result, serializeCSSVar(cssVars, themeKey, {
-    scope: config === null || config === void 0 ? void 0 : config.scope
-  })];
-};
-
-/**
- * Wrap `React.useLayoutEffect` which will not throw warning message in test env
- */
-var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;
-var useLayoutEffect = function useLayoutEffect(callback, deps) {
-  var firstMountRef = React.useRef(true);
-  useInternalLayoutEffect(function () {
-    return callback(firstMountRef.current);
-  }, deps);
-
-  // We tell react that first mount has passed
-  useInternalLayoutEffect(function () {
-    firstMountRef.current = false;
-    return function () {
-      firstMountRef.current = true;
-    };
-  }, []);
-};
-
-// We need fully clone React function here
-// to avoid webpack warning React 17 do not export `useId`
-var fullClone$2 = _objectSpread2({}, React);
-var useInsertionEffect$1 = fullClone$2.useInsertionEffect;
-/**
- * Polyfill `useInsertionEffect` for React < 18
- * @param renderEffect will be executed in `useMemo`, and do not have callback
- * @param effect will be executed in `useLayoutEffect`
- * @param deps
- */
-var useInsertionEffectPolyfill = function useInsertionEffectPolyfill(renderEffect, effect, deps) {
-  React.useMemo(renderEffect, deps);
-  useLayoutEffect(function () {
-    return effect(true);
-  }, deps);
-};
-
-/**
- * Compatible `useInsertionEffect`
- * will use `useInsertionEffect` if React version >= 18,
- * otherwise use `useInsertionEffectPolyfill`.
- */
-var useCompatibleInsertionEffect = useInsertionEffect$1 ? function (renderEffect, effect, deps) {
-  return useInsertionEffect$1(function () {
-    renderEffect();
-    return effect();
-  }, deps);
-} : useInsertionEffectPolyfill;
-
-var fullClone$1 = _objectSpread2({}, React);
-var useInsertionEffect = fullClone$1.useInsertionEffect;
-
-// DO NOT register functions in useEffect cleanup function, or functions that registered will never be called.
-var useCleanupRegister = function useCleanupRegister(deps) {
-  var effectCleanups = [];
-  var cleanupFlag = false;
-  function register(fn) {
-    if (cleanupFlag) {
-      if (process.env.NODE_ENV !== 'production') {
-        warning$1(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
-      }
-      return;
-    }
-    effectCleanups.push(fn);
-  }
-  React.useEffect(function () {
-    // Compatible with strict mode
-    cleanupFlag = false;
-    return function () {
-      cleanupFlag = true;
-      if (effectCleanups.length) {
-        effectCleanups.forEach(function (fn) {
-          return fn();
-        });
-      }
-    };
-  }, deps);
-  return register;
-};
-var useRun = function useRun() {
-  return function (fn) {
-    fn();
-  };
-};
-
-// Only enable register in React 18
-var useEffectCleanupRegister = typeof useInsertionEffect !== 'undefined' ? useCleanupRegister : useRun;
-
-function useProdHMR() {
-  return false;
-}
-var webpackHMR = false;
-function useDevHMR() {
-  return webpackHMR;
-}
-const useHMR = process.env.NODE_ENV === 'production' ? useProdHMR : useDevHMR;
-
-// Webpack `module.hot.accept` do not support any deps update trigger
-// We have to hack handler to force mark as HRM
-if (process.env.NODE_ENV !== 'production' && typeof module !== 'undefined' && module && module.hot && typeof window !== 'undefined') {
-  // Use `globalThis` first, and `window` for older browsers
-  // const win = globalThis as any;
-  var win = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : null;
-  if (win && typeof win.webpackHotUpdate === 'function') {
-    var originWebpackHotUpdate = win.webpackHotUpdate;
-    win.webpackHotUpdate = function () {
-      webpackHMR = true;
-      setTimeout(function () {
-        webpackHMR = false;
-      }, 0);
-      return originWebpackHotUpdate.apply(void 0, arguments);
-    };
-  }
-}
-
-function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove,
-// Add additional effect trigger by `useInsertionEffect`
-onCacheEffect) {
-  var _React$useContext = React.useContext(StyleContext),
-    globalCache = _React$useContext.cache;
-  var fullPath = [prefix].concat(_toConsumableArray(keyPath));
-  var fullPathStr = pathKey(fullPath);
-  var register = useEffectCleanupRegister([fullPathStr]);
-  var HMRUpdate = useHMR();
-  var buildCache = function buildCache(updater) {
-    globalCache.opUpdate(fullPathStr, function (prevCache) {
-      var _ref = prevCache || [undefined, undefined],
-        _ref2 = _slicedToArray(_ref, 2),
-        _ref2$ = _ref2[0],
-        times = _ref2$ === void 0 ? 0 : _ref2$,
-        cache = _ref2[1];
-
-      // HMR should always ignore cache since developer may change it
-      var tmpCache = cache;
-      if (process.env.NODE_ENV !== 'production' && cache && HMRUpdate) {
-        onCacheRemove === null || onCacheRemove === void 0 || onCacheRemove(tmpCache, HMRUpdate);
-        tmpCache = null;
-      }
-      var mergedCache = tmpCache || cacheFn();
-      var data = [times, mergedCache];
-
-      // Call updater if need additional logic
-      return updater ? updater(data) : data;
-    });
-  };
-
-  // Create cache
-  React.useMemo(function () {
-    buildCache();
-  }, /* eslint-disable react-hooks/exhaustive-deps */
-  [fullPathStr]
-  /* eslint-enable */);
-  var cacheEntity = globalCache.opGet(fullPathStr);
-
-  // HMR clean the cache but not trigger `useMemo` again
-  // Let's fallback of this
-  // ref https://github.com/ant-design/cssinjs/issues/127
-  if (process.env.NODE_ENV !== 'production' && !cacheEntity) {
-    buildCache();
-    cacheEntity = globalCache.opGet(fullPathStr);
-  }
-  var cacheContent = cacheEntity[1];
-
-  // Remove if no need anymore
-  useCompatibleInsertionEffect(function () {
-    onCacheEffect === null || onCacheEffect === void 0 || onCacheEffect(cacheContent);
-  }, function (polyfill) {
-    // It's bad to call build again in effect.
-    // But we have to do this since StrictMode will call effect twice
-    // which will clear cache on the first time.
-    buildCache(function (_ref3) {
-      var _ref4 = _slicedToArray(_ref3, 2),
-        times = _ref4[0],
-        cache = _ref4[1];
-      if (polyfill && times === 0) {
-        onCacheEffect === null || onCacheEffect === void 0 || onCacheEffect(cacheContent);
-      }
-      return [times + 1, cache];
-    });
-    return function () {
-      globalCache.opUpdate(fullPathStr, function (prevCache) {
-        var _ref5 = prevCache || [],
-          _ref6 = _slicedToArray(_ref5, 2),
-          _ref6$ = _ref6[0],
-          times = _ref6$ === void 0 ? 0 : _ref6$,
-          cache = _ref6[1];
-        var nextCount = times - 1;
-        if (nextCount === 0) {
-          // Always remove styles in useEffect callback
-          register(function () {
-            // With polyfill, registered callback will always be called synchronously
-            // But without polyfill, it will be called in effect clean up,
-            // And by that time this cache is cleaned up.
-            if (polyfill || !globalCache.opGet(fullPathStr)) {
-              onCacheRemove === null || onCacheRemove === void 0 || onCacheRemove(cache, false);
-            }
-          });
-          return null;
-        }
-        return [times - 1, cache];
-      });
-    };
-  }, [fullPathStr]);
-  return cacheContent;
-}
-
-var EMPTY_OVERRIDE = {};
-
-// Generate different prefix to make user selector break in production env.
-// This helps developer not to do style override directly on the hash id.
-var hashPrefix = process.env.NODE_ENV !== 'production' ? 'css-dev-only-do-not-override' : 'css';
-var tokenKeys = new Map();
-function recordCleanToken(tokenKey) {
-  tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) + 1);
-}
-function removeStyleTags(key, instanceId) {
-  if (typeof document !== 'undefined') {
-    var styles = document.querySelectorAll("style[".concat(ATTR_TOKEN, "=\"").concat(key, "\"]"));
-    styles.forEach(function (style) {
-      if (style[CSS_IN_JS_INSTANCE] === instanceId) {
-        var _style$parentNode;
-        (_style$parentNode = style.parentNode) === null || _style$parentNode === void 0 || _style$parentNode.removeChild(style);
-      }
-    });
-  }
-}
-var TOKEN_THRESHOLD = 0;
-
-// Remove will check current keys first
-function cleanTokenStyle(tokenKey, instanceId) {
-  tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
-  var cleanableKeyList = new Set();
-  tokenKeys.forEach(function (value, key) {
-    if (value <= 0) cleanableKeyList.add(key);
-  });
-
-  // Should keep tokens under threshold for not to insert style too often
-  if (tokenKeys.size - cleanableKeyList.size > TOKEN_THRESHOLD) {
-    cleanableKeyList.forEach(function (key) {
-      removeStyleTags(key, instanceId);
-      tokenKeys.delete(key);
-    });
-  }
-}
-var getComputedToken$1 = function getComputedToken(originToken, overrideToken, theme, format) {
-  var derivativeToken = theme.getDerivativeToken(originToken);
-
-  // Merge with override
-  var mergedDerivativeToken = _objectSpread2(_objectSpread2({}, derivativeToken), overrideToken);
-
-  // Format if needed
-  if (format) {
-    mergedDerivativeToken = format(mergedDerivativeToken);
-  }
-  return mergedDerivativeToken;
-};
-var TOKEN_PREFIX = 'token';
-/**
- * Cache theme derivative token as global shared one
- * @param theme Theme entity
- * @param tokens List of tokens, used for cache. Please do not dynamic generate object directly
- * @param option Additional config
- * @returns Call Theme.getDerivativeToken(tokenObject) to get token
- */
-function useCacheToken(theme, tokens) {
-  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var _useContext = useContext(StyleContext),
-    instanceId = _useContext.cache.instanceId,
-    container = _useContext.container;
-  var _option$salt = option.salt,
-    salt = _option$salt === void 0 ? '' : _option$salt,
-    _option$override = option.override,
-    override = _option$override === void 0 ? EMPTY_OVERRIDE : _option$override,
-    formatToken = option.formatToken,
-    compute = option.getComputedToken,
-    cssVar = option.cssVar;
-
-  // Basic - We do basic cache here
-  var mergedToken = memoResult(function () {
-    return Object.assign.apply(Object, [{}].concat(_toConsumableArray(tokens)));
-  }, tokens);
-  var tokenStr = flattenToken(mergedToken);
-  var overrideTokenStr = flattenToken(override);
-  var cssVarStr = cssVar ? flattenToken(cssVar) : '';
-  var cachedToken = useGlobalCache(TOKEN_PREFIX, [salt, theme.id, tokenStr, overrideTokenStr, cssVarStr], function () {
-    var _cssVar$key;
-    var mergedDerivativeToken = compute ? compute(mergedToken, override, theme) : getComputedToken$1(mergedToken, override, theme, formatToken);
-
-    // Replace token value with css variables
-    var actualToken = _objectSpread2({}, mergedDerivativeToken);
-    var cssVarsStr = '';
-    if (!!cssVar) {
-      var _transformToken = transformToken(mergedDerivativeToken, cssVar.key, {
-        prefix: cssVar.prefix,
-        ignore: cssVar.ignore,
-        unitless: cssVar.unitless,
-        preserve: cssVar.preserve
-      });
-      var _transformToken2 = _slicedToArray(_transformToken, 2);
-      mergedDerivativeToken = _transformToken2[0];
-      cssVarsStr = _transformToken2[1];
-    }
-
-    // Optimize for `useStyleRegister` performance
-    var tokenKey = token2key(mergedDerivativeToken, salt);
-    mergedDerivativeToken._tokenKey = tokenKey;
-    actualToken._tokenKey = token2key(actualToken, salt);
-    var themeKey = (_cssVar$key = cssVar === null || cssVar === void 0 ? void 0 : cssVar.key) !== null && _cssVar$key !== void 0 ? _cssVar$key : tokenKey;
-    mergedDerivativeToken._themeKey = themeKey;
-    recordCleanToken(themeKey);
-    var hashId = "".concat(hashPrefix, "-").concat(murmur2(tokenKey));
-    mergedDerivativeToken._hashId = hashId; // Not used
-
-    return [mergedDerivativeToken, hashId, actualToken, cssVarsStr, (cssVar === null || cssVar === void 0 ? void 0 : cssVar.key) || ''];
-  }, function (cache) {
-    // Remove token will remove all related style
-    cleanTokenStyle(cache[0]._themeKey, instanceId);
-  }, function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 4),
-      token = _ref2[0],
-      cssVarsStr = _ref2[3];
-    if (cssVar && cssVarsStr) {
-      var style = updateCSS(cssVarsStr, murmur2("css-variables-".concat(token._themeKey)), {
-        mark: ATTR_MARK,
-        prepend: 'queue',
-        attachTo: container,
-        priority: -999
-      });
-      style[CSS_IN_JS_INSTANCE] = instanceId;
-
-      // Used for `useCacheToken` to remove on batch when token removed
-      style.setAttribute(ATTR_TOKEN, token._themeKey);
-    }
-  });
-  return cachedToken;
-}
-
-var unitlessKeys = {
-  animationIterationCount: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-
-var COMMENT = 'comm';
-var RULESET = 'rule';
-var DECLARATION = 'decl';
-var IMPORT = '@import';
-var NAMESPACE = '@namespace';
-var KEYFRAMES = '@keyframes';
-var LAYER = '@layer';
-
-/**
- * @param {number}
- * @return {number}
- */
-var abs = Math.abs;
-
-/**
- * @param {number}
- * @return {string}
- */
-var from = String.fromCharCode;
-
-/**
- * @param {string} value
- * @return {string}
- */
-function trim (value) {
-	return value.trim()
-}
-
-/**
- * @param {string} value
- * @param {(string|RegExp)} pattern
- * @param {string} replacement
- * @return {string}
- */
-function replace (value, pattern, replacement) {
-	return value.replace(pattern, replacement)
-}
-
-/**
- * @param {string} value
- * @param {string} search
- * @param {number} position
- * @return {number}
- */
-function indexof (value, search, position) {
-	return value.indexOf(search, position)
-}
-
-/**
- * @param {string} value
- * @param {number} index
- * @return {number}
- */
-function charat (value, index) {
-	return value.charCodeAt(index) | 0
-}
-
-/**
- * @param {string} value
- * @param {number} begin
- * @param {number} end
- * @return {string}
- */
-function substr (value, begin, end) {
-	return value.slice(begin, end)
-}
-
-/**
- * @param {string} value
- * @return {number}
- */
-function strlen (value) {
-	return value.length
-}
-
-/**
- * @param {any[]} value
- * @return {number}
- */
-function sizeof (value) {
-	return value.length
-}
-
-/**
- * @param {any} value
- * @param {any[]} array
- * @return {any}
- */
-function append (value, array) {
-	return array.push(value), value
-}
-
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = '';
-
-/**
- * @param {string} value
- * @param {object | null} root
- * @param {object | null} parent
- * @param {string} type
- * @param {string[] | string} props
- * @param {object[] | string} children
- * @param {object[]} siblings
- * @param {number} length
- */
-function node (value, root, parent, type, props, children, length, siblings) {
-	return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}
-}
-
-/**
- * @return {number}
- */
-function char () {
-	return character
-}
-
-/**
- * @return {number}
- */
-function prev () {
-	character = position > 0 ? charat(characters, --position) : 0;
-
-	if (column--, character === 10)
-		column = 1, line--;
-
-	return character
-}
-
-/**
- * @return {number}
- */
-function next () {
-	character = position < length ? charat(characters, position++) : 0;
-
-	if (column++, character === 10)
-		column = 1, line++;
-
-	return character
-}
-
-/**
- * @return {number}
- */
-function peek () {
-	return charat(characters, position)
-}
-
-/**
- * @return {number}
- */
-function caret () {
-	return position
-}
-
-/**
- * @param {number} begin
- * @param {number} end
- * @return {string}
- */
-function slice (begin, end) {
-	return substr(characters, begin, end)
-}
-
-/**
- * @param {number} type
- * @return {number}
- */
-function token (type) {
-	switch (type) {
-		// \0 \t \n \r \s whitespace token
-		case 0: case 9: case 10: case 13: case 32:
-			return 5
-		// ! + , / > @ ~ isolate token
-		case 33: case 43: case 44: case 47: case 62: case 64: case 126:
-		// ; { } breakpoint token
-		case 59: case 123: case 125:
-			return 4
-		// : accompanied token
-		case 58:
-			return 3
-		// " ' ( [ opening delimit token
-		case 34: case 39: case 40: case 91:
-			return 2
-		// ) ] closing delimit token
-		case 41: case 93:
-			return 1
-	}
-
-	return 0
-}
-
-/**
- * @param {string} value
- * @return {any[]}
- */
-function alloc (value) {
-	return line = column = 1, length = strlen(characters = value), position = 0, []
-}
-
-/**
- * @param {any} value
- * @return {any}
- */
-function dealloc (value) {
-	return characters = '', value
-}
-
-/**
- * @param {number} type
- * @return {string}
- */
-function delimit (type) {
-	return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
-}
-
-/**
- * @param {number} type
- * @return {string}
- */
-function whitespace (type) {
-	while (character = peek())
-		if (character < 33)
-			next();
-		else
-			break
-
-	return token(type) > 2 || token(character) > 3 ? '' : ' '
-}
-
-/**
- * @param {number} index
- * @param {number} count
- * @return {string}
- */
-function escaping (index, count) {
-	while (--count && next())
-		// not 0-9 A-F a-f
-		if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
-			break
-
-	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
-}
-
-/**
- * @param {number} type
- * @return {number}
- */
-function delimiter (type) {
-	while (next())
-		switch (character) {
-			// ] ) " '
-			case type:
-				return position
-			// " '
-			case 34: case 39:
-				if (type !== 34 && type !== 39)
-					delimiter(character);
-				break
-			// (
-			case 40:
-				if (type === 41)
-					delimiter(type);
-				break
-			// \
-			case 92:
-				next();
-				break
-		}
-
-	return position
-}
-
-/**
- * @param {number} type
- * @param {number} index
- * @return {number}
- */
-function commenter (type, index) {
-	while (next())
-		// //
-		if (type + character === 47 + 10)
-			break
-		// /*
-		else if (type + character === 42 + 42 && peek() === 47)
-			break
-
-	return '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())
-}
-
-/**
- * @param {number} index
- * @return {string}
- */
-function identifier (index) {
-	while (!token(peek()))
-		next();
-
-	return slice(index, position)
-}
-
-/**
- * @param {string} value
- * @return {object[]}
- */
-function compile (value) {
-	return dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {string[]} rule
- * @param {string[]} rules
- * @param {string[]} rulesets
- * @param {number[]} pseudo
- * @param {number[]} points
- * @param {string[]} declarations
- * @return {object}
- */
-function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-	var index = 0;
-	var offset = 0;
-	var length = pseudo;
-	var atrule = 0;
-	var property = 0;
-	var previous = 0;
-	var variable = 1;
-	var scanning = 1;
-	var ampersand = 1;
-	var character = 0;
-	var type = '';
-	var props = rules;
-	var children = rulesets;
-	var reference = rule;
-	var characters = type;
-
-	while (scanning)
-		switch (previous = character, character = next()) {
-			// (
-			case 40:
-				if (previous != 108 && charat(characters, length - 1) == 58) {
-					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f', abs(index ? points[index - 1] : 0)) != -1)
-						ampersand = -1;
-					break
-				}
-			// " ' [
-			case 34: case 39: case 91:
-				characters += delimit(character);
-				break
-			// \t \n \r \s
-			case 9: case 10: case 13: case 32:
-				characters += whitespace(previous);
-				break
-			// \
-			case 92:
-				characters += escaping(caret() - 1, 7);
-				continue
-			// /
-			case 47:
-				switch (peek()) {
-					case 42: case 47:
-						append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
-						if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters) && substr(characters, -1, void 0) !== ' ') characters += ' ';
-						break
-					default:
-						characters += '/';
-				}
-				break
-			// {
-			case 123 * variable:
-				points[index++] = strlen(characters) * ampersand;
-			// } ; \0
-			case 125 * variable: case 59: case 0:
-				switch (character) {
-					// \0 }
-					case 0: case 125: scanning = 0;
-					// ;
-					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '');
-						if (property > 0 && (strlen(characters) - length || (variable === 0 && previous === 47)))
-							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations);
-						break
-					// @ ;
-					case 59: characters += ';';
-					// { rule/at-rule
-					default:
-						append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets);
-
-						if (character === 123)
-							if (offset === 0)
-								parse(characters, root, reference, reference, props, rulesets, length, points, children);
-							else {
-								switch (atrule) {
-									// c(ontainer)
-									case 99:
-										if (charat(characters, 3) === 110) break
-									// l(ayer)
-									case 108:
-										if (charat(characters, 2) === 97) break
-									default:
-										offset = 0;
-									// d(ocument) m(edia) s(upports)
-									case 100: case 109: case 115:
-								}
-								if (offset) parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children);
-								else parse(characters, reference, reference, reference, [''], children, 0, points, children);
-							}
-				}
-
-				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo;
-				break
-			// :
-			case 58:
-				length = 1 + strlen(characters), property = previous;
-			default:
-				if (variable < 1)
-					if (character == 123)
-						--variable;
-					else if (character == 125 && variable++ == 0 && prev() == 125)
-						continue
-
-				switch (characters += from(character), character * variable) {
-					// &
-					case 38:
-						ampersand = offset > 0 ? 1 : (characters += '\f', -1);
-						break
-					// ,
-					case 44:
-						points[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1;
-						break
-					// @
-					case 64:
-						// -
-						if (peek() === 45)
-							characters += delimit(next());
-
-						atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++;
-						break
-					// -
-					case 45:
-						if (previous === 45 && strlen(characters) == 2)
-							variable = 0;
-				}
-		}
-
-	return rulesets
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {number} index
- * @param {number} offset
- * @param {string[]} rules
- * @param {number[]} points
- * @param {string} type
- * @param {string[]} props
- * @param {string[]} children
- * @param {number} length
- * @param {object[]} siblings
- * @return {object}
- */
-function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {
-	var post = offset - 1;
-	var rule = offset === 0 ? rules : [''];
-	var size = sizeof(rule);
-
-	for (var i = 0, j = 0, k = 0; i < index; ++i)
-		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
-				props[k++] = z;
-
-	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)
-}
-
-/**
- * @param {number} value
- * @param {object} root
- * @param {object?} parent
- * @param {object[]} siblings
- * @return {object}
- */
-function comment (value, root, parent, siblings) {
-	return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings)
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {number} length
- * @param {object[]} siblings
- * @return {object}
- */
-function declaration (value, root, parent, length, siblings) {
-	return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings)
-}
-
-/**
- * @param {object[]} children
- * @param {function} callback
- * @return {string}
- */
-function serialize (children, callback) {
-	var output = '';
-
-	for (var i = 0; i < children.length; i++)
-		output += callback(children[i], i, children, callback) || '';
-
-	return output
-}
-
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- * @param {function} callback
- * @return {string}
- */
-function stringify (element, index, children, callback) {
-	switch (element.type) {
-		case LAYER: if (element.children.length) break
-		case IMPORT: case NAMESPACE: case DECLARATION: return element.return = element.return || element.value
-		case COMMENT: return ''
-		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
-		case RULESET: if (!strlen(element.value = element.props.join(','))) return ''
-	}
-
-	return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
-}
-
-function lintWarning(message, info) {
-  var path = info.path,
-    parentSelectors = info.parentSelectors;
-  warningOnce(false, "[Ant Design CSS-in-JS] ".concat(path ? "Error in ".concat(path, ": ") : '').concat(message).concat(parentSelectors.length ? " Selector: ".concat(parentSelectors.join(' | ')) : ''));
-}
-
-var linter$1 = function linter(key, value, info) {
-  if (key === 'content') {
-    // From emotion: https://github.com/emotion-js/emotion/blob/main/packages/serialize/src/index.js#L63
-    var contentValuePattern = /(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
-    var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];
-    if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
-      lintWarning("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"".concat(value, "\"'`."), info);
-    }
-  }
-};
-
-var linter = function linter(key, value, info) {
-  if (key === 'animation') {
-    if (info.hashId && value !== 'none') {
-      lintWarning("You seem to be using hashed animation '".concat(value, "', in which case 'animationName' with Keyframe as value is recommended."), info);
-    }
-  }
-};
-
-var ATTR_CACHE_MAP = 'data-ant-cssinjs-cache-path';
-
-/**
- * This marks style from the css file.
- * Which means not exist in `<style />` tag.
- */
-var CSS_FILE_STYLE = '_FILE_STYLE__';
-var cachePathMap;
-var fromCSSFile = true;
-function prepare() {
-  if (!cachePathMap) {
-    cachePathMap = {};
-    if (canUseDom()) {
-      var div = document.createElement('div');
-      div.className = ATTR_CACHE_MAP;
-      div.style.position = 'fixed';
-      div.style.visibility = 'hidden';
-      div.style.top = '-9999px';
-      document.body.appendChild(div);
-      var content = getComputedStyle(div).content || '';
-      content = content.replace(/^"/, '').replace(/"$/, '');
-
-      // Fill data
-      content.split(';').forEach(function (item) {
-        var _item$split = item.split(':'),
-          _item$split2 = _slicedToArray(_item$split, 2),
-          path = _item$split2[0],
-          hash = _item$split2[1];
-        cachePathMap[path] = hash;
-      });
-
-      // Remove inline record style
-      var inlineMapStyle = document.querySelector("style[".concat(ATTR_CACHE_MAP, "]"));
-      if (inlineMapStyle) {
-        var _inlineMapStyle$paren;
-        fromCSSFile = false;
-        (_inlineMapStyle$paren = inlineMapStyle.parentNode) === null || _inlineMapStyle$paren === void 0 || _inlineMapStyle$paren.removeChild(inlineMapStyle);
-      }
-      document.body.removeChild(div);
-    }
-  }
-}
-function existPath(path) {
-  prepare();
-  return !!cachePathMap[path];
-}
-function getStyleAndHash(path) {
-  var hash = cachePathMap[path];
-  var styleStr = null;
-  if (hash && canUseDom()) {
-    if (fromCSSFile) {
-      styleStr = CSS_FILE_STYLE;
-    } else {
-      var _style = document.querySelector("style[".concat(ATTR_MARK, "=\"").concat(cachePathMap[path], "\"]"));
-      if (_style) {
-        styleStr = _style.innerHTML;
-      } else {
-        // Clean up since not exist anymore
-        delete cachePathMap[path];
-      }
-    }
-  }
-  return [styleStr, hash];
-}
-
-var SKIP_CHECK = '_skip_check_';
-var MULTI_VALUE = '_multi_value_';
-// ============================================================================
-// ==                                 Parser                                 ==
-// ============================================================================
-// Preprocessor style content to browser support one
-function normalizeStyle(styleStr) {
-  var serialized = serialize(compile(styleStr), stringify);
-  return serialized.replace(/\{%%%\:[^;];}/g, ';');
-}
-function isCompoundCSSProperty(value) {
-  return _typeof(value) === 'object' && value && (SKIP_CHECK in value || MULTI_VALUE in value);
-}
-
-// 注入 hash 值
-function injectSelectorHash(key, hashId, hashPriority) {
-  if (!hashId) {
-    return key;
-  }
-  var hashClassName = ".".concat(hashId);
-  var hashSelector = hashPriority === 'low' ? ":where(".concat(hashClassName, ")") : hashClassName;
-
-  // 注入 hashId
-  var keys = key.split(',').map(function (k) {
-    var _firstPath$match;
-    var fullPath = k.trim().split(/\s+/);
-
-    // 如果 Selector 第一个是 HTML Element，那我们就插到它的后面。反之，就插到最前面。
-    var firstPath = fullPath[0] || '';
-    var htmlElement = ((_firstPath$match = firstPath.match(/^\w+/)) === null || _firstPath$match === void 0 ? void 0 : _firstPath$match[0]) || '';
-    firstPath = "".concat(htmlElement).concat(hashSelector).concat(firstPath.slice(htmlElement.length));
-    return [firstPath].concat(_toConsumableArray(fullPath.slice(1))).join(' ');
-  });
-  return keys.join(',');
-}
-// Parse CSSObject to style content
-var parseStyle = function parseStyle(interpolation) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-      root: true,
-      parentSelectors: []
-    },
-    root = _ref.root,
-    injectHash = _ref.injectHash,
-    parentSelectors = _ref.parentSelectors;
-  var hashId = config.hashId,
-    layer = config.layer,
-    path = config.path,
-    hashPriority = config.hashPriority,
-    _config$transformers = config.transformers,
-    transformers = _config$transformers === void 0 ? [] : _config$transformers,
-    _config$linters = config.linters,
-    linters = _config$linters === void 0 ? [] : _config$linters;
-  var styleStr = '';
-  var effectStyle = {};
-  function parseKeyframes(keyframes) {
-    var animationName = keyframes.getName(hashId);
-    if (!effectStyle[animationName]) {
-      var _parseStyle = parseStyle(keyframes.style, config, {
-          root: false,
-          parentSelectors: parentSelectors
-        }),
-        _parseStyle2 = _slicedToArray(_parseStyle, 1),
-        _parsedStr = _parseStyle2[0];
-      effectStyle[animationName] = "@keyframes ".concat(keyframes.getName(hashId)).concat(_parsedStr);
-    }
-  }
-  function flattenList(list) {
-    var fullList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    list.forEach(function (item) {
-      if (Array.isArray(item)) {
-        flattenList(item, fullList);
-      } else if (item) {
-        fullList.push(item);
-      }
-    });
-    return fullList;
-  }
-  var flattenStyleList = flattenList(Array.isArray(interpolation) ? interpolation : [interpolation]);
-  flattenStyleList.forEach(function (originStyle) {
-    // Only root level can use raw string
-    var style = typeof originStyle === 'string' && !root ? {} : originStyle;
-    if (typeof style === 'string') {
-      styleStr += "".concat(style, "\n");
-    } else if (style._keyframe) {
-      // Keyframe
-      parseKeyframes(style);
-    } else {
-      var mergedStyle = transformers.reduce(function (prev, trans) {
-        var _trans$visit;
-        return (trans === null || trans === void 0 || (_trans$visit = trans.visit) === null || _trans$visit === void 0 ? void 0 : _trans$visit.call(trans, prev)) || prev;
-      }, style);
-
-      // Normal CSSObject
-      Object.keys(mergedStyle).forEach(function (key) {
-        var value = mergedStyle[key];
-        if (_typeof(value) === 'object' && value && (key !== 'animationName' || !value._keyframe) && !isCompoundCSSProperty(value)) {
-          var subInjectHash = false;
-
-          // 当成嵌套对象来处理
-          var mergedKey = key.trim();
-          // Whether treat child as root. In most case it is false.
-          var nextRoot = false;
-
-          // 拆分多个选择器
-          if ((root || injectHash) && hashId) {
-            if (mergedKey.startsWith('@')) {
-              // 略过媒体查询，交给子节点继续插入 hashId
-              subInjectHash = true;
-            } else if (mergedKey === '&') {
-              // 抹掉 root selector 上的单个 &
-              mergedKey = injectSelectorHash('', hashId, hashPriority);
-            } else {
-              // 注入 hashId
-              mergedKey = injectSelectorHash(key, hashId, hashPriority);
-            }
-          } else if (root && !hashId && (mergedKey === '&' || mergedKey === '')) {
-            // In case of `{ '&': { a: { color: 'red' } } }` or `{ '': { a: { color: 'red' } } }` without hashId,
-            // we will get `&{a:{color:red;}}` or `{a:{color:red;}}` string for stylis to compile.
-            // But it does not conform to stylis syntax,
-            // and finally we will get `{color:red;}` as css, which is wrong.
-            // So we need to remove key in root, and treat child `{ a: { color: 'red' } }` as root.
-            mergedKey = '';
-            nextRoot = true;
-          }
-          var _parseStyle3 = parseStyle(value, config, {
-              root: nextRoot,
-              injectHash: subInjectHash,
-              parentSelectors: [].concat(_toConsumableArray(parentSelectors), [mergedKey])
-            }),
-            _parseStyle4 = _slicedToArray(_parseStyle3, 2),
-            _parsedStr2 = _parseStyle4[0],
-            childEffectStyle = _parseStyle4[1];
-          effectStyle = _objectSpread2(_objectSpread2({}, effectStyle), childEffectStyle);
-          styleStr += "".concat(mergedKey).concat(_parsedStr2);
-        } else {
-          var _value;
-          function appendStyle(cssKey, cssValue) {
-            if (process.env.NODE_ENV !== 'production' && (_typeof(value) !== 'object' || !(value !== null && value !== void 0 && value[SKIP_CHECK]))) {
-              [linter$1, linter].concat(_toConsumableArray(linters)).forEach(function (linter) {
-                return linter(cssKey, cssValue, {
-                  path: path,
-                  hashId: hashId,
-                  parentSelectors: parentSelectors
-                });
-              });
-            }
-
-            // 如果是样式则直接插入
-            var styleName = cssKey.replace(/[A-Z]/g, function (match) {
-              return "-".concat(match.toLowerCase());
-            });
-
-            // Auto suffix with px
-            var formatValue = cssValue;
-            if (!unitlessKeys[cssKey] && typeof formatValue === 'number' && formatValue !== 0) {
-              formatValue = "".concat(formatValue, "px");
-            }
-
-            // handle animationName & Keyframe value
-            if (cssKey === 'animationName' && cssValue !== null && cssValue !== void 0 && cssValue._keyframe) {
-              parseKeyframes(cssValue);
-              formatValue = cssValue.getName(hashId);
-            }
-            styleStr += "".concat(styleName, ":").concat(formatValue, ";");
-          }
-          var actualValue = (_value = value === null || value === void 0 ? void 0 : value.value) !== null && _value !== void 0 ? _value : value;
-          if (_typeof(value) === 'object' && value !== null && value !== void 0 && value[MULTI_VALUE] && Array.isArray(actualValue)) {
-            actualValue.forEach(function (item) {
-              appendStyle(key, item);
-            });
-          } else {
-            appendStyle(key, actualValue);
-          }
-        }
-      });
-    }
-  });
-  if (!root) {
-    styleStr = "{".concat(styleStr, "}");
-  } else if (layer) {
-    // fixme: https://github.com/thysultan/stylis/pull/339
-    if (styleStr) {
-      styleStr = "@layer ".concat(layer.name, " {").concat(styleStr, "}");
-    }
-    if (layer.dependencies) {
-      effectStyle["@layer ".concat(layer.name)] = layer.dependencies.map(function (deps) {
-        return "@layer ".concat(deps, ", ").concat(layer.name, ";");
-      }).join('\n');
-    }
-  }
-  return [styleStr, effectStyle];
-};
-
-// ============================================================================
-// ==                                Register                                ==
-// ============================================================================
-function uniqueHash(path, styleStr) {
-  return murmur2("".concat(path.join('%')).concat(styleStr));
-}
-function Empty() {
-  return null;
-}
-var STYLE_PREFIX = 'style';
-/**
- * Register a style to the global style sheet.
- */
-function useStyleRegister(info, styleFn) {
-  var token = info.token,
-    path = info.path,
-    hashId = info.hashId,
-    layer = info.layer,
-    nonce = info.nonce,
-    clientOnly = info.clientOnly,
-    _info$order = info.order,
-    order = _info$order === void 0 ? 0 : _info$order;
-  var _React$useContext = React.useContext(StyleContext),
-    autoClear = _React$useContext.autoClear,
-    mock = _React$useContext.mock,
-    defaultCache = _React$useContext.defaultCache,
-    hashPriority = _React$useContext.hashPriority,
-    container = _React$useContext.container,
-    ssrInline = _React$useContext.ssrInline,
-    transformers = _React$useContext.transformers,
-    linters = _React$useContext.linters,
-    cache = _React$useContext.cache,
-    enableLayer = _React$useContext.layer;
-  var tokenKey = token._tokenKey;
-  var fullPath = [tokenKey];
-  if (enableLayer) {
-    fullPath.push('layer');
-  }
-  fullPath.push.apply(fullPath, _toConsumableArray(path));
-
-  // Check if need insert style
-  var isMergedClientSide = isClientSide;
-  if (process.env.NODE_ENV !== 'production' && mock !== undefined) {
-    isMergedClientSide = mock === 'client';
-  }
-  var _useGlobalCache = useGlobalCache(STYLE_PREFIX, fullPath,
-    // Create cache if needed
-    function () {
-      var cachePath = fullPath.join('|');
-
-      // Get style from SSR inline style directly
-      if (existPath(cachePath)) {
-        var _getStyleAndHash = getStyleAndHash(cachePath),
-          _getStyleAndHash2 = _slicedToArray(_getStyleAndHash, 2),
-          inlineCacheStyleStr = _getStyleAndHash2[0],
-          styleHash = _getStyleAndHash2[1];
-        if (inlineCacheStyleStr) {
-          return [inlineCacheStyleStr, tokenKey, styleHash, {}, clientOnly, order];
-        }
-      }
-
-      // Generate style
-      var styleObj = styleFn();
-      var _parseStyle5 = parseStyle(styleObj, {
-          hashId: hashId,
-          hashPriority: hashPriority,
-          layer: enableLayer ? layer : undefined,
-          path: path.join('-'),
-          transformers: transformers,
-          linters: linters
-        }),
-        _parseStyle6 = _slicedToArray(_parseStyle5, 2),
-        parsedStyle = _parseStyle6[0],
-        effectStyle = _parseStyle6[1];
-      var styleStr = normalizeStyle(parsedStyle);
-      var styleId = uniqueHash(fullPath, styleStr);
-      return [styleStr, tokenKey, styleId, effectStyle, clientOnly, order];
-    },
-    // Remove cache if no need
-    function (_ref2, fromHMR) {
-      var _ref3 = _slicedToArray(_ref2, 3),
-        styleId = _ref3[2];
-      if ((fromHMR || autoClear) && isClientSide) {
-        removeCSS(styleId, {
-          mark: ATTR_MARK,
-          attachTo: container
-        });
-      }
-    },
-    // Effect: Inject style here
-    function (_ref4) {
-      var _ref5 = _slicedToArray(_ref4, 4),
-        styleStr = _ref5[0],
-        styleId = _ref5[2],
-        effectStyle = _ref5[3];
-      if (isMergedClientSide && styleStr !== CSS_FILE_STYLE) {
-        var mergedCSSConfig = {
-          mark: ATTR_MARK,
-          prepend: enableLayer ? false : 'queue',
-          attachTo: container,
-          priority: order
-        };
-        var nonceStr = typeof nonce === 'function' ? nonce() : nonce;
-        if (nonceStr) {
-          mergedCSSConfig.csp = {
-            nonce: nonceStr
-          };
-        }
-
-        // ================= Split Effect Style =================
-        // We will split effectStyle here since @layer should be at the top level
-        var effectLayerKeys = [];
-        var effectRestKeys = [];
-        Object.keys(effectStyle).forEach(function (key) {
-          if (key.startsWith('@layer')) {
-            effectLayerKeys.push(key);
-          } else {
-            effectRestKeys.push(key);
-          }
-        });
-
-        // ================= Inject Layer Style =================
-        // Inject layer style
-        effectLayerKeys.forEach(function (effectKey) {
-          updateCSS(normalizeStyle(effectStyle[effectKey]), "_layer-".concat(effectKey), _objectSpread2(_objectSpread2({}, mergedCSSConfig), {}, {
-            prepend: true
-          }));
-        });
-
-        // ==================== Inject Style ====================
-        // Inject style
-        var style = updateCSS(styleStr, styleId, mergedCSSConfig);
-        style[CSS_IN_JS_INSTANCE] = cache.instanceId;
-
-        // Used for `useCacheToken` to remove on batch when token removed
-        style.setAttribute(ATTR_TOKEN, tokenKey);
-
-        // Debug usage. Dev only
-        if (process.env.NODE_ENV !== 'production') {
-          style.setAttribute(ATTR_CACHE_PATH, fullPath.join('|'));
-        }
-
-        // ================ Inject Effect Style =================
-        // Inject client side effect style
-        effectRestKeys.forEach(function (effectKey) {
-          updateCSS(normalizeStyle(effectStyle[effectKey]), "_effect-".concat(effectKey), mergedCSSConfig);
-        });
-      }
-    }),
-    _useGlobalCache2 = _slicedToArray(_useGlobalCache, 3),
-    cachedStyleStr = _useGlobalCache2[0],
-    cachedTokenKey = _useGlobalCache2[1],
-    cachedStyleId = _useGlobalCache2[2];
-  return function (node) {
-    var styleNode;
-    if (!ssrInline || isMergedClientSide || !defaultCache) {
-      styleNode = /*#__PURE__*/React.createElement(Empty, null);
-    } else {
-      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
-        dangerouslySetInnerHTML: {
-          __html: cachedStyleStr
-        }
-      }));
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, styleNode, node);
-  };
-}
-
-var CSS_VAR_PREFIX = 'cssVar';
-var useCSSVarRegister = function useCSSVarRegister(config, fn) {
-  var key = config.key,
-    prefix = config.prefix,
-    unitless = config.unitless,
-    ignore = config.ignore,
-    token = config.token,
-    _config$scope = config.scope,
-    scope = _config$scope === void 0 ? '' : _config$scope;
-  var _useContext = useContext(StyleContext),
-    instanceId = _useContext.cache.instanceId,
-    container = _useContext.container;
-  var tokenKey = token._tokenKey;
-  var stylePath = [].concat(_toConsumableArray(config.path), [key, scope, tokenKey]);
-  var cache = useGlobalCache(CSS_VAR_PREFIX, stylePath, function () {
-    var originToken = fn();
-    var _transformToken = transformToken(originToken, key, {
-        prefix: prefix,
-        unitless: unitless,
-        ignore: ignore,
-        scope: scope
-      }),
-      _transformToken2 = _slicedToArray(_transformToken, 2),
-      mergedToken = _transformToken2[0],
-      cssVarsStr = _transformToken2[1];
-    var styleId = uniqueHash(stylePath, cssVarsStr);
-    return [mergedToken, cssVarsStr, styleId, key];
-  }, function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 3),
-      styleId = _ref2[2];
-    if (isClientSide) {
-      removeCSS(styleId, {
-        mark: ATTR_MARK,
-        attachTo: container
-      });
-    }
-  }, function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 3),
-      cssVarsStr = _ref4[1],
-      styleId = _ref4[2];
-    if (!cssVarsStr) {
-      return;
-    }
-    var style = updateCSS(cssVarsStr, styleId, {
-      mark: ATTR_MARK,
-      prepend: 'queue',
-      attachTo: container,
-      priority: -999
-    });
-    style[CSS_IN_JS_INSTANCE] = instanceId;
-
-    // Used for `useCacheToken` to remove on batch when token removed
-    style.setAttribute(ATTR_TOKEN, key);
-  });
-  return cache;
-};
-
-function _toArray(r) {
-  return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
-}
-
-function get(entity, path) {
-  var current = entity;
-  for (var i = 0; i < path.length; i += 1) {
-    if (current === null || current === undefined) {
-      return undefined;
-    }
-    current = current[path[i]];
-  }
-  return current;
-}
-
-function internalSet(entity, paths, value, removeIfUndefined) {
-  if (!paths.length) {
-    return value;
-  }
-  var _paths = _toArray(paths),
-    path = _paths[0],
-    restPath = _paths.slice(1);
-  var clone;
-  if (!entity && typeof path === 'number') {
-    clone = [];
-  } else if (Array.isArray(entity)) {
-    clone = _toConsumableArray(entity);
-  } else {
-    clone = _objectSpread2({}, entity);
-  }
-
-  // Delete prop if `removeIfUndefined` and value is undefined
-  if (removeIfUndefined && value === undefined && restPath.length === 1) {
-    delete clone[path][restPath[0]];
-  } else {
-    clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
-  }
-  return clone;
-}
-function set(entity, paths, value) {
-  var removeIfUndefined = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  // Do nothing if `removeIfUndefined` and parent object not exist
-  if (paths.length && removeIfUndefined && value === undefined && !get(entity, paths.slice(0, -1))) {
-    return entity;
-  }
-  return internalSet(entity, paths, value, removeIfUndefined);
-}
-function isObject(obj) {
-  return _typeof(obj) === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
-}
-function createEmpty(source) {
-  return Array.isArray(source) ? [] : {};
-}
-var keys = typeof Reflect === 'undefined' ? Object.keys : Reflect.ownKeys;
-
-/**
- * Merge objects which will create
- */
-function merge$1() {
-  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-    sources[_key] = arguments[_key];
-  }
-  var clone = createEmpty(sources[0]);
-  sources.forEach(function (src) {
-    function internalMerge(path, parentLoopSet) {
-      var loopSet = new Set(parentLoopSet);
-      var value = get(src, path);
-      var isArr = Array.isArray(value);
-      if (isArr || isObject(value)) {
-        // Only add not loop obj
-        if (!loopSet.has(value)) {
-          loopSet.add(value);
-          var originValue = get(clone, path);
-          if (isArr) {
-            // Array will always be override
-            clone = set(clone, path, []);
-          } else if (!originValue || _typeof(originValue) !== 'object') {
-            // Init container if not exist
-            clone = set(clone, path, createEmpty(value));
-          }
-          keys(value).forEach(function (key) {
-            internalMerge([].concat(_toConsumableArray(path), [key]), loopSet);
-          });
-        }
-      } else {
-        clone = set(clone, path, value);
-      }
-    }
-    internalMerge([]);
-  });
-  return clone;
-}
-
-function noop$1() {}
-let deprecatedWarnList = null;
-function resetWarned() {
-  deprecatedWarnList = null;
-  resetWarned$1();
-}
-let _warning = noop$1;
-if (process.env.NODE_ENV !== 'production') {
-  _warning = (valid, component, message) => {
-    warningOnce(valid, `[antd: ${component}] ${message}`);
-    // StrictMode will inject console which will not throw warning in React 17.
-    if (process.env.NODE_ENV === 'test') {
-      resetWarned();
-    }
-  };
-}
-const warning = _warning;
-const WarningContext = /*#__PURE__*/React.createContext({});
-/**
- * This is a hook but we not named as `useWarning`
- * since this is only used in development.
- * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
- */
-const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
-  const {
-    strict
-  } = React.useContext(WarningContext);
-  const typeWarning = (valid, type, message) => {
-    if (!valid) {
-      if (strict === false && type === 'deprecated') {
-        const existWarning = deprecatedWarnList;
-        if (!deprecatedWarnList) {
-          deprecatedWarnList = {};
-        }
-        deprecatedWarnList[component] = deprecatedWarnList[component] || [];
-        if (!deprecatedWarnList[component].includes(message || '')) {
-          deprecatedWarnList[component].push(message || '');
-        }
-        // Warning for the first time
-        if (!existWarning) {
-          console.warn('[antd] There exists deprecated usage in your code:', deprecatedWarnList);
-        }
-      } else {
-        process.env.NODE_ENV !== "production" ? warning(valid, component, message) : void 0;
-      }
-    }
-  };
-  typeWarning.deprecated = (valid, oldProp, newProp, message) => {
-    typeWarning(valid, 'deprecated', `\`${oldProp}\` is deprecated. Please use \`${newProp}\` instead.${message ? ` ${message}` : ''}`);
-  };
-  return typeWarning;
-} : () => {
-  const noopWarning = () => {};
-  noopWarning.deprecated = noop$1;
-  return noopWarning;
-};
-
-// ZombieJ: We export single file here since
-// ConfigProvider use this which will make loop deps
-// to import whole `rc-field-form`
-const ValidateMessagesContext = /*#__PURE__*/createContext(undefined);
-
-const typeTemplate = '${label} is not a valid ${type}';
-const localeValues = {
-  Modal: {
-    okText: 'OK',
-    cancelText: 'Cancel',
-    justOkText: 'OK'
-  },
-  Form: {
-    optional: '(optional)',
-    defaultValidateMessages: {
-      default: 'Field validation error for ${label}',
-      required: 'Please enter ${label}',
-      enum: '${label} must be one of [${enum}]',
-      whitespace: '${label} cannot be a blank character',
-      date: {
-        format: '${label} date format is invalid',
-        parse: '${label} cannot be converted to a date',
-        invalid: '${label} is an invalid date'
-      },
-      types: {
-        string: typeTemplate,
-        method: typeTemplate,
-        array: typeTemplate,
-        object: typeTemplate,
-        number: typeTemplate,
-        date: typeTemplate,
-        boolean: typeTemplate,
-        integer: typeTemplate,
-        float: typeTemplate,
-        regexp: typeTemplate,
-        email: typeTemplate,
-        url: typeTemplate,
-        hex: typeTemplate
-      },
-      string: {
-        len: '${label} must be ${len} characters',
-        min: '${label} must be at least ${min} characters',
-        max: '${label} must be up to ${max} characters',
-        range: '${label} must be between ${min}-${max} characters'
-      },
-      number: {
-        len: '${label} must be equal to ${len}',
-        min: '${label} must be minimum ${min}',
-        max: '${label} must be maximum ${max}',
-        range: '${label} must be between ${min}-${max}'
-      },
-      array: {
-        len: 'Must be ${len} ${label}',
-        min: 'At least ${min} ${label}',
-        max: 'At most ${max} ${label}',
-        range: 'The amount of ${label} must be between ${min}-${max}'
-      },
-      pattern: {
-        mismatch: '${label} does not match the pattern ${pattern}'
-      }
-    }
-  }};
-
-Object.assign({}, localeValues.Modal);
-let localeList = [];
-const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), localeValues.Modal);
-function changeConfirmLocale(newLocale) {
-  if (newLocale) {
-    const cloneLocale = Object.assign({}, newLocale);
-    localeList.push(cloneLocale);
-    generateLocale();
-    return () => {
-      localeList = localeList.filter(locale => locale !== cloneLocale);
-      generateLocale();
-    };
-  }
-  Object.assign({}, localeValues.Modal);
-}
-
-const LocaleContext = /*#__PURE__*/createContext(undefined);
-
-const ANT_MARK = 'internalMark';
-const LocaleProvider = props => {
-  const {
-    locale = {},
-    children,
-    _ANT_MARK__
-  } = props;
-  if (process.env.NODE_ENV !== 'production') {
-    const warning = devUseWarning('LocaleProvider');
-    process.env.NODE_ENV !== "production" ? warning(_ANT_MARK__ === ANT_MARK, 'deprecated', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale') : void 0;
-  }
-  React.useEffect(() => {
-    const clearLocale = changeConfirmLocale(locale === null || locale === void 0 ? void 0 : locale.Modal);
-    return clearLocale;
-  }, [locale]);
-  const getMemoizedContextValue = React.useMemo(() => Object.assign(Object.assign({}, locale), {
-    exist: true
-  }), [locale]);
-  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
-    value: getMemoizedContextValue
-  }, children);
-};
-if (process.env.NODE_ENV !== 'production') {
-  LocaleProvider.displayName = 'LocaleProvider';
-}
-
-const defaultPresetColors = {
-  blue: '#1677FF',
-  purple: '#722ED1',
-  cyan: '#13C2C2',
-  green: '#52C41A',
-  magenta: '#EB2F96',
-  /**
-   * @deprecated Use magenta instead
-   */
-  pink: '#EB2F96',
-  red: '#F5222D',
-  orange: '#FA8C16',
-  yellow: '#FADB14',
-  volcano: '#FA541C',
-  geekblue: '#2F54EB',
-  gold: '#FAAD14',
-  lime: '#A0D911'
-};
-const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
-  // Color
-  colorPrimary: '#1677ff',
-  colorSuccess: '#52c41a',
-  colorWarning: '#faad14',
-  colorError: '#ff4d4f',
-  colorInfo: '#1677ff',
-  colorLink: '',
-  colorTextBase: '',
-  colorBgBase: '',
-  // Font
-  fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-'Noto Color Emoji'`,
-  fontFamilyCode: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
-  fontSize: 14,
-  // Line
-  lineWidth: 1,
-  lineType: 'solid',
-  // Motion
-  motionUnit: 0.1,
-  motionBase: 0,
-  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
-  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
-  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
-  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
-  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
-  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
-  // Radius
-  borderRadius: 6,
-  // Size
-  sizeUnit: 4,
-  sizeStep: 4,
-  sizePopupArrow: 16,
-  // Control Base
-  controlHeight: 32,
-  // zIndex
-  zIndexBase: 0,
-  zIndexPopupBase: 1000,
-  // Image
-  opacityImage: 1,
-  // Wireframe
-  wireframe: false,
-  // Motion
-  motion: true
-});
-
-function genColorMapToken(seed, {
-  generateColorPalettes,
-  generateNeutralColorPalettes
-}) {
-  const {
-    colorSuccess: colorSuccessBase,
-    colorWarning: colorWarningBase,
-    colorError: colorErrorBase,
-    colorInfo: colorInfoBase,
-    colorPrimary: colorPrimaryBase,
-    colorBgBase,
-    colorTextBase
-  } = seed;
-  const primaryColors = generateColorPalettes(colorPrimaryBase);
-  const successColors = generateColorPalettes(colorSuccessBase);
-  const warningColors = generateColorPalettes(colorWarningBase);
-  const errorColors = generateColorPalettes(colorErrorBase);
-  const infoColors = generateColorPalettes(colorInfoBase);
-  const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
-  // Color Link
-  const colorLink = seed.colorLink || seed.colorInfo;
-  const linkColors = generateColorPalettes(colorLink);
-  const colorErrorBgFilledHover = new FastColor(errorColors[1]).mix(new FastColor(errorColors[3]), 50).toHexString();
-  return Object.assign(Object.assign({}, neutralColors), {
-    colorPrimaryBg: primaryColors[1],
-    colorPrimaryBgHover: primaryColors[2],
-    colorPrimaryBorder: primaryColors[3],
-    colorPrimaryBorderHover: primaryColors[4],
-    colorPrimaryHover: primaryColors[5],
-    colorPrimary: primaryColors[6],
-    colorPrimaryActive: primaryColors[7],
-    colorPrimaryTextHover: primaryColors[8],
-    colorPrimaryText: primaryColors[9],
-    colorPrimaryTextActive: primaryColors[10],
-    colorSuccessBg: successColors[1],
-    colorSuccessBgHover: successColors[2],
-    colorSuccessBorder: successColors[3],
-    colorSuccessBorderHover: successColors[4],
-    colorSuccessHover: successColors[4],
-    colorSuccess: successColors[6],
-    colorSuccessActive: successColors[7],
-    colorSuccessTextHover: successColors[8],
-    colorSuccessText: successColors[9],
-    colorSuccessTextActive: successColors[10],
-    colorErrorBg: errorColors[1],
-    colorErrorBgHover: errorColors[2],
-    colorErrorBgFilledHover,
-    colorErrorBgActive: errorColors[3],
-    colorErrorBorder: errorColors[3],
-    colorErrorBorderHover: errorColors[4],
-    colorErrorHover: errorColors[5],
-    colorError: errorColors[6],
-    colorErrorActive: errorColors[7],
-    colorErrorTextHover: errorColors[8],
-    colorErrorText: errorColors[9],
-    colorErrorTextActive: errorColors[10],
-    colorWarningBg: warningColors[1],
-    colorWarningBgHover: warningColors[2],
-    colorWarningBorder: warningColors[3],
-    colorWarningBorderHover: warningColors[4],
-    colorWarningHover: warningColors[4],
-    colorWarning: warningColors[6],
-    colorWarningActive: warningColors[7],
-    colorWarningTextHover: warningColors[8],
-    colorWarningText: warningColors[9],
-    colorWarningTextActive: warningColors[10],
-    colorInfoBg: infoColors[1],
-    colorInfoBgHover: infoColors[2],
-    colorInfoBorder: infoColors[3],
-    colorInfoBorderHover: infoColors[4],
-    colorInfoHover: infoColors[4],
-    colorInfo: infoColors[6],
-    colorInfoActive: infoColors[7],
-    colorInfoTextHover: infoColors[8],
-    colorInfoText: infoColors[9],
-    colorInfoTextActive: infoColors[10],
-    colorLinkHover: linkColors[4],
-    colorLink: linkColors[6],
-    colorLinkActive: linkColors[7],
-    colorBgMask: new FastColor('#000').setA(0.45).toRgbString(),
-    colorWhite: '#fff'
-  });
-}
-
-const genRadius = radiusBase => {
-  let radiusLG = radiusBase;
-  let radiusSM = radiusBase;
-  let radiusXS = radiusBase;
-  let radiusOuter = radiusBase;
-  // radiusLG
-  if (radiusBase < 6 && radiusBase >= 5) {
-    radiusLG = radiusBase + 1;
-  } else if (radiusBase < 16 && radiusBase >= 6) {
-    radiusLG = radiusBase + 2;
-  } else if (radiusBase >= 16) {
-    radiusLG = 16;
-  }
-  // radiusSM
-  if (radiusBase < 7 && radiusBase >= 5) {
-    radiusSM = 4;
-  } else if (radiusBase < 8 && radiusBase >= 7) {
-    radiusSM = 5;
-  } else if (radiusBase < 14 && radiusBase >= 8) {
-    radiusSM = 6;
-  } else if (radiusBase < 16 && radiusBase >= 14) {
-    radiusSM = 7;
-  } else if (radiusBase >= 16) {
-    radiusSM = 8;
-  }
-  // radiusXS
-  if (radiusBase < 6 && radiusBase >= 2) {
-    radiusXS = 1;
-  } else if (radiusBase >= 6) {
-    radiusXS = 2;
-  }
-  // radiusOuter
-  if (radiusBase > 4 && radiusBase < 8) {
-    radiusOuter = 4;
-  } else if (radiusBase >= 8) {
-    radiusOuter = 6;
-  }
-  return {
-    borderRadius: radiusBase,
-    borderRadiusXS: radiusXS,
-    borderRadiusSM: radiusSM,
-    borderRadiusLG: radiusLG,
-    borderRadiusOuter: radiusOuter
-  };
-};
-
-function genCommonMapToken(token) {
-  const {
-    motionUnit,
-    motionBase,
-    borderRadius,
-    lineWidth
-  } = token;
-  return Object.assign({
-    // motion
-    motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,
-    motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
-    motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
-    // line
-    lineWidthBold: lineWidth + 1
-  }, genRadius(borderRadius));
-}
-
-const genControlHeight = token => {
-  const {
-    controlHeight
-  } = token;
-  return {
-    controlHeightSM: controlHeight * 0.75,
-    controlHeightXS: controlHeight * 0.5,
-    controlHeightLG: controlHeight * 1.25
-  };
-};
-
-function getLineHeight(fontSize) {
-  return (fontSize + 8) / fontSize;
-}
-// https://zhuanlan.zhihu.com/p/32746810
-function getFontSizes(base) {
-  const fontSizes = Array.from({
-    length: 10
-  }).map((_, index) => {
-    const i = index - 1;
-    const baseSize = base * Math.pow(Math.E, i / 5);
-    const intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);
-    // Convert to even
-    return Math.floor(intSize / 2) * 2;
-  });
-  fontSizes[1] = base;
-  return fontSizes.map(size => ({
-    size,
-    lineHeight: getLineHeight(size)
-  }));
-}
-
-const genFontMapToken = fontSize => {
-  const fontSizePairs = getFontSizes(fontSize);
-  const fontSizes = fontSizePairs.map(pair => pair.size);
-  const lineHeights = fontSizePairs.map(pair => pair.lineHeight);
-  const fontSizeMD = fontSizes[1];
-  const fontSizeSM = fontSizes[0];
-  const fontSizeLG = fontSizes[2];
-  const lineHeight = lineHeights[1];
-  const lineHeightSM = lineHeights[0];
-  const lineHeightLG = lineHeights[2];
-  return {
-    fontSizeSM,
-    fontSize: fontSizeMD,
-    fontSizeLG,
-    fontSizeXL: fontSizes[3],
-    fontSizeHeading1: fontSizes[6],
-    fontSizeHeading2: fontSizes[5],
-    fontSizeHeading3: fontSizes[4],
-    fontSizeHeading4: fontSizes[3],
-    fontSizeHeading5: fontSizes[2],
-    lineHeight,
-    lineHeightLG,
-    lineHeightSM,
-    fontHeight: Math.round(lineHeight * fontSizeMD),
-    fontHeightLG: Math.round(lineHeightLG * fontSizeLG),
-    fontHeightSM: Math.round(lineHeightSM * fontSizeSM),
-    lineHeightHeading1: lineHeights[6],
-    lineHeightHeading2: lineHeights[5],
-    lineHeightHeading3: lineHeights[4],
-    lineHeightHeading4: lineHeights[3],
-    lineHeightHeading5: lineHeights[2]
-  };
-};
-
-function genSizeMapToken(token) {
-  const {
-    sizeUnit,
-    sizeStep
-  } = token;
-  return {
-    sizeXXL: sizeUnit * (sizeStep + 8),
-    // 48
-    sizeXL: sizeUnit * (sizeStep + 4),
-    // 32
-    sizeLG: sizeUnit * (sizeStep + 2),
-    // 24
-    sizeMD: sizeUnit * (sizeStep + 1),
-    // 20
-    sizeMS: sizeUnit * sizeStep,
-    // 16
-    size: sizeUnit * sizeStep,
-    // 16
-    sizeSM: sizeUnit * (sizeStep - 1),
-    // 12
-    sizeXS: sizeUnit * (sizeStep - 2),
-    // 8
-    sizeXXS: sizeUnit * (sizeStep - 3) // 4
-  };
-}
-
-const getAlphaColor$1 = (baseColor, alpha) => new FastColor(baseColor).setA(alpha).toRgbString();
-const getSolidColor = (baseColor, brightness) => {
-  const instance = new FastColor(baseColor);
-  return instance.darken(brightness).toHexString();
-};
-
-const generateColorPalettes = baseColor => {
-  const colors = generate(baseColor);
-  return {
-    1: colors[0],
-    2: colors[1],
-    3: colors[2],
-    4: colors[3],
-    5: colors[4],
-    6: colors[5],
-    7: colors[6],
-    8: colors[4],
-    9: colors[5],
-    10: colors[6]
-    // 8: colors[7],
-    // 9: colors[8],
-    // 10: colors[9],
-  };
-};
-const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
-  const colorBgBase = bgBaseColor || '#fff';
-  const colorTextBase = textBaseColor || '#000';
-  return {
-    colorBgBase,
-    colorTextBase,
-    colorText: getAlphaColor$1(colorTextBase, 0.88),
-    colorTextSecondary: getAlphaColor$1(colorTextBase, 0.65),
-    colorTextTertiary: getAlphaColor$1(colorTextBase, 0.45),
-    colorTextQuaternary: getAlphaColor$1(colorTextBase, 0.25),
-    colorFill: getAlphaColor$1(colorTextBase, 0.15),
-    colorFillSecondary: getAlphaColor$1(colorTextBase, 0.06),
-    colorFillTertiary: getAlphaColor$1(colorTextBase, 0.04),
-    colorFillQuaternary: getAlphaColor$1(colorTextBase, 0.02),
-    colorBgSolid: getAlphaColor$1(colorTextBase, 1),
-    colorBgSolidHover: getAlphaColor$1(colorTextBase, 0.75),
-    colorBgSolidActive: getAlphaColor$1(colorTextBase, 0.95),
-    colorBgLayout: getSolidColor(colorBgBase, 4),
-    colorBgContainer: getSolidColor(colorBgBase, 0),
-    colorBgElevated: getSolidColor(colorBgBase, 0),
-    colorBgSpotlight: getAlphaColor$1(colorTextBase, 0.85),
-    colorBgBlur: 'transparent',
-    colorBorder: getSolidColor(colorBgBase, 15),
-    colorBorderSecondary: getSolidColor(colorBgBase, 6)
-  };
-};
-
-function derivative(token) {
-  // pink is deprecated name of magenta, keep this for backwards compatibility
-  presetPrimaryColors.pink = presetPrimaryColors.magenta;
-  presetPalettes.pink = presetPalettes.magenta;
-  const colorPalettes = Object.keys(defaultPresetColors).map(colorKey => {
-    const colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate(token[colorKey]);
-    return Array.from({
-      length: 10
-    }, () => 1).reduce((prev, _, i) => {
-      prev[`${colorKey}-${i + 1}`] = colors[i];
-      prev[`${colorKey}${i + 1}`] = colors[i];
-      return prev;
-    }, {});
-  }).reduce((prev, cur) => {
-    prev = Object.assign(Object.assign({}, prev), cur);
-    return prev;
-  }, {});
-  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, token), colorPalettes), genColorMapToken(token, {
-    generateColorPalettes,
-    generateNeutralColorPalettes
-  })), genFontMapToken(token.fontSize)), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
-}
-
-const defaultTheme = createTheme(derivative);
-
-// ================================ Context =================================
-// To ensure snapshot stable. We disable hashed in test env.
-const defaultConfig = {
-  token: seedToken,
-  override: {
-    override: seedToken
-  },
-  hashed: true
-};
-const DesignTokenContext = /*#__PURE__*/React__default.createContext(defaultConfig);
-
-const defaultPrefixCls = 'ant';
-const defaultIconPrefixCls = 'anticon';
-const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
-  if (customizePrefixCls) {
-    return customizePrefixCls;
-  }
-  return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
-};
-// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will cause circular dependency.
-const ConfigContext = /*#__PURE__*/React.createContext({
-  // We provide a default function for Context without provider
-  getPrefixCls: defaultGetPrefixCls,
-  iconPrefixCls: defaultIconPrefixCls
-});
-const EMPTY_OBJECT = {};
-/**
- * Get ConfigProvider configured component props.
- * This help to reduce bundle size for saving `?.` operator.
- * Do not use as `useMemo` deps since we do not cache the object here.
- *
- * NOTE: not refactor this with `useMemo` since memo will cost another memory space,
- * which will waste both compare calculation & memory.
- */
-function useComponentConfig(propName) {
-  const context = React.useContext(ConfigContext);
-  const {
-    getPrefixCls,
-    direction,
-    getPopupContainer
-  } = context;
-  const propValue = context[propName];
-  return Object.assign(Object.assign({
-    classNames: EMPTY_OBJECT,
-    styles: EMPTY_OBJECT
-  }, propValue), {
-    getPrefixCls,
-    direction,
-    getPopupContainer
-  });
-}
-
-const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`;
-function getStyle(globalPrefixCls, theme) {
-  const variables = {};
-  const formatColor = (color, updater) => {
-    let clone = color.clone();
-    clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;
-    return clone.toRgbString();
-  };
-  const fillColor = (colorVal, type) => {
-    const baseColor = new FastColor(colorVal);
-    const colorPalettes = generate(baseColor.toRgbString());
-    variables[`${type}-color`] = formatColor(baseColor);
-    variables[`${type}-color-disabled`] = colorPalettes[1];
-    variables[`${type}-color-hover`] = colorPalettes[4];
-    variables[`${type}-color-active`] = colorPalettes[6];
-    variables[`${type}-color-outline`] = baseColor.clone().setA(0.2).toRgbString();
-    variables[`${type}-color-deprecated-bg`] = colorPalettes[0];
-    variables[`${type}-color-deprecated-border`] = colorPalettes[2];
-  };
-  // ================ Primary Color ================
-  if (theme.primaryColor) {
-    fillColor(theme.primaryColor, 'primary');
-    const primaryColor = new FastColor(theme.primaryColor);
-    const primaryColors = generate(primaryColor.toRgbString());
-    // Legacy - We should use semantic naming standard
-    primaryColors.forEach((color, index) => {
-      variables[`primary-${index + 1}`] = color;
-    });
-    // Deprecated
-    variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, c => c.lighten(35));
-    variables['primary-color-deprecated-l-20'] = formatColor(primaryColor, c => c.lighten(20));
-    variables['primary-color-deprecated-t-20'] = formatColor(primaryColor, c => c.tint(20));
-    variables['primary-color-deprecated-t-50'] = formatColor(primaryColor, c => c.tint(50));
-    variables['primary-color-deprecated-f-12'] = formatColor(primaryColor, c => c.setA(c.a * 0.12));
-    const primaryActiveColor = new FastColor(primaryColors[0]);
-    variables['primary-color-active-deprecated-f-30'] = formatColor(primaryActiveColor, c => c.setA(c.a * 0.3));
-    variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, c => c.darken(2));
-  }
-  // ================ Success Color ================
-  if (theme.successColor) {
-    fillColor(theme.successColor, 'success');
-  }
-  // ================ Warning Color ================
-  if (theme.warningColor) {
-    fillColor(theme.warningColor, 'warning');
-  }
-  // ================= Error Color =================
-  if (theme.errorColor) {
-    fillColor(theme.errorColor, 'error');
-  }
-  // ================= Info Color ==================
-  if (theme.infoColor) {
-    fillColor(theme.infoColor, 'info');
-  }
-  // Convert to css variables
-  const cssList = Object.keys(variables).map(key => `--${globalPrefixCls}-${key}: ${variables[key]};`);
-  return `
-  :root {
-    ${cssList.join('\n')}
-  }
-  `.trim();
-}
-function registerTheme(globalPrefixCls, theme) {
-  const style = getStyle(globalPrefixCls, theme);
-  if (canUseDom()) {
-    updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
-  } else {
-    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
-  }
-}
-
-const DisabledContext = /*#__PURE__*/React.createContext(false);
-const DisabledContextProvider = ({
-  children,
-  disabled
-}) => {
-  const originDisabled = React.useContext(DisabledContext);
-  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
-    value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
-  }, children);
-};
-
-const SizeContext = /*#__PURE__*/React.createContext(undefined);
-const SizeContextProvider = ({
-  children,
-  size
-}) => {
-  const originSize = React.useContext(SizeContext);
-  return /*#__PURE__*/React.createElement(SizeContext.Provider, {
-    value: size || originSize
-  }, children);
-};
-
-function useConfig() {
-  const componentDisabled = useContext(DisabledContext);
-  const componentSize = useContext(SizeContext);
-  return {
-    componentDisabled,
-    componentSize
-  };
-}
-
-var AbstractCalculator = /*#__PURE__*/_createClass(function AbstractCalculator() {
-  _classCallCheck(this, AbstractCalculator);
-});
-
-var CALC_UNIT = 'CALC_UNIT';
-var regexp = new RegExp(CALC_UNIT, 'g');
-function unit(value) {
-  if (typeof value === 'number') {
-    return "".concat(value).concat(CALC_UNIT);
-  }
-  return value;
-}
-var CSSCalculator = /*#__PURE__*/function (_AbstractCalculator) {
-  _inherits(CSSCalculator, _AbstractCalculator);
-  var _super = _createSuper(CSSCalculator);
-  function CSSCalculator(num, unitlessCssVar) {
-    var _this;
-    _classCallCheck(this, CSSCalculator);
-    _this = _super.call(this);
-    _defineProperty(_assertThisInitialized(_this), "result", '');
-    _defineProperty(_assertThisInitialized(_this), "unitlessCssVar", void 0);
-    _defineProperty(_assertThisInitialized(_this), "lowPriority", void 0);
-    var numType = _typeof(num);
-    _this.unitlessCssVar = unitlessCssVar;
-    if (num instanceof CSSCalculator) {
-      _this.result = "(".concat(num.result, ")");
-    } else if (numType === 'number') {
-      _this.result = unit(num);
-    } else if (numType === 'string') {
-      _this.result = num;
-    }
-    return _this;
-  }
-  _createClass(CSSCalculator, [{
-    key: "add",
-    value: function add(num) {
-      if (num instanceof CSSCalculator) {
-        this.result = "".concat(this.result, " + ").concat(num.getResult());
-      } else if (typeof num === 'number' || typeof num === 'string') {
-        this.result = "".concat(this.result, " + ").concat(unit(num));
-      }
-      this.lowPriority = true;
-      return this;
-    }
-  }, {
-    key: "sub",
-    value: function sub(num) {
-      if (num instanceof CSSCalculator) {
-        this.result = "".concat(this.result, " - ").concat(num.getResult());
-      } else if (typeof num === 'number' || typeof num === 'string') {
-        this.result = "".concat(this.result, " - ").concat(unit(num));
-      }
-      this.lowPriority = true;
-      return this;
-    }
-  }, {
-    key: "mul",
-    value: function mul(num) {
-      if (this.lowPriority) {
-        this.result = "(".concat(this.result, ")");
-      }
-      if (num instanceof CSSCalculator) {
-        this.result = "".concat(this.result, " * ").concat(num.getResult(true));
-      } else if (typeof num === 'number' || typeof num === 'string') {
-        this.result = "".concat(this.result, " * ").concat(num);
-      }
-      this.lowPriority = false;
-      return this;
-    }
-  }, {
-    key: "div",
-    value: function div(num) {
-      if (this.lowPriority) {
-        this.result = "(".concat(this.result, ")");
-      }
-      if (num instanceof CSSCalculator) {
-        this.result = "".concat(this.result, " / ").concat(num.getResult(true));
-      } else if (typeof num === 'number' || typeof num === 'string') {
-        this.result = "".concat(this.result, " / ").concat(num);
-      }
-      this.lowPriority = false;
-      return this;
-    }
-  }, {
-    key: "getResult",
-    value: function getResult(force) {
-      return this.lowPriority || force ? "(".concat(this.result, ")") : this.result;
-    }
-  }, {
-    key: "equal",
-    value: function equal(options) {
-      var _this2 = this;
-      var _ref = options || {},
-        cssUnit = _ref.unit;
-      var mergedUnit = true;
-      if (typeof cssUnit === 'boolean') {
-        mergedUnit = cssUnit;
-      } else if (Array.from(this.unitlessCssVar).some(function (cssVar) {
-        return _this2.result.includes(cssVar);
-      })) {
-        mergedUnit = false;
-      }
-      this.result = this.result.replace(regexp, mergedUnit ? 'px' : '');
-      if (typeof this.lowPriority !== 'undefined') {
-        return "calc(".concat(this.result, ")");
-      }
-      return this.result;
-    }
-  }]);
-  return CSSCalculator;
-}(AbstractCalculator);
-
-var NumCalculator = /*#__PURE__*/function (_AbstractCalculator) {
-  _inherits(NumCalculator, _AbstractCalculator);
-  var _super = _createSuper(NumCalculator);
-  function NumCalculator(num) {
-    var _this;
-    _classCallCheck(this, NumCalculator);
-    _this = _super.call(this);
-    _defineProperty(_assertThisInitialized(_this), "result", 0);
-    if (num instanceof NumCalculator) {
-      _this.result = num.result;
-    } else if (typeof num === 'number') {
-      _this.result = num;
-    }
-    return _this;
-  }
-  _createClass(NumCalculator, [{
-    key: "add",
-    value: function add(num) {
-      if (num instanceof NumCalculator) {
-        this.result += num.result;
-      } else if (typeof num === 'number') {
-        this.result += num;
-      }
-      return this;
-    }
-  }, {
-    key: "sub",
-    value: function sub(num) {
-      if (num instanceof NumCalculator) {
-        this.result -= num.result;
-      } else if (typeof num === 'number') {
-        this.result -= num;
-      }
-      return this;
-    }
-  }, {
-    key: "mul",
-    value: function mul(num) {
-      if (num instanceof NumCalculator) {
-        this.result *= num.result;
-      } else if (typeof num === 'number') {
-        this.result *= num;
-      }
-      return this;
-    }
-  }, {
-    key: "div",
-    value: function div(num) {
-      if (num instanceof NumCalculator) {
-        this.result /= num.result;
-      } else if (typeof num === 'number') {
-        this.result /= num;
-      }
-      return this;
-    }
-  }, {
-    key: "equal",
-    value: function equal() {
-      return this.result;
-    }
-  }]);
-  return NumCalculator;
-}(AbstractCalculator);
-
-var genCalc = function genCalc(type, unitlessCssVar) {
-  var Calculator = type === 'css' ? CSSCalculator : NumCalculator;
-  return function (num) {
-    return new Calculator(num, unitlessCssVar);
-  };
-};
-
-var getCompVarPrefix = function getCompVarPrefix(component, prefix) {
-  return "".concat([prefix, component.replace(/([A-Z]+)([A-Z][a-z]+)/g, '$1-$2').replace(/([a-z])([A-Z])/g, '$1-$2')].filter(Boolean).join('-'));
-};
-
-function getComponentToken(component, token, defaultToken, options) {
-  var customToken = _objectSpread2({}, token[component]);
-  if (options !== null && options !== void 0 && options.deprecatedTokens) {
-    var deprecatedTokens = options.deprecatedTokens;
-    deprecatedTokens.forEach(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        oldTokenKey = _ref2[0],
-        newTokenKey = _ref2[1];
-      if (process.env.NODE_ENV !== 'production') {
-        warningOnce(!(customToken !== null && customToken !== void 0 && customToken[oldTokenKey]), "Component Token `".concat(String(oldTokenKey), "` of ").concat(String(component), " is deprecated. Please use `").concat(String(newTokenKey), "` instead."));
-      }
-
-      // Should wrap with `if` clause, or there will be `undefined` in object.
-      if (customToken !== null && customToken !== void 0 && customToken[oldTokenKey] || customToken !== null && customToken !== void 0 && customToken[newTokenKey]) {
-        var _customToken$newToken;
-        (_customToken$newToken = customToken[newTokenKey]) !== null && _customToken$newToken !== void 0 ? _customToken$newToken : customToken[newTokenKey] = customToken === null || customToken === void 0 ? void 0 : customToken[oldTokenKey];
-      }
-    });
-  }
-  var mergedToken = _objectSpread2(_objectSpread2({}, defaultToken), customToken);
-
-  // Remove same value as global token to minimize size
-  Object.keys(mergedToken).forEach(function (key) {
-    if (mergedToken[key] === token[key]) {
-      delete mergedToken[key];
-    }
-  });
-  return mergedToken;
-}
-
-var enableStatistic = process.env.NODE_ENV !== 'production' || typeof CSSINJS_STATISTIC !== 'undefined';
-var recording = true;
-
-/**
- * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to
- * pass all value access in development. To support statistic field usage with alias token.
- */
-function merge() {
-  for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {
-    objs[_key] = arguments[_key];
-  }
-  /* istanbul ignore next */
-  if (!enableStatistic) {
-    return Object.assign.apply(Object, [{}].concat(objs));
-  }
-  recording = false;
-  var ret = {};
-  objs.forEach(function (obj) {
-    if (_typeof(obj) !== 'object') {
-      return;
-    }
-    var keys = Object.keys(obj);
-    keys.forEach(function (key) {
-      Object.defineProperty(ret, key, {
-        configurable: true,
-        enumerable: true,
-        get: function get() {
-          return obj[key];
-        }
-      });
-    });
-  });
-  recording = true;
-  return ret;
-}
-
-/** @internal Internal Usage. Not use in your production. */
-var statistic = {};
-
-/* istanbul ignore next */
-function noop() {}
-
-/** Statistic token usage case. Should use `merge` function if you do not want spread record. */
-var statisticToken = function statisticToken(token) {
-  var tokenKeys;
-  var proxy = token;
-  var flush = noop;
-  if (enableStatistic && typeof Proxy !== 'undefined') {
-    tokenKeys = new Set();
-    proxy = new Proxy(token, {
-      get: function get(obj, prop) {
-        if (recording) {
-          var _tokenKeys;
-          (_tokenKeys = tokenKeys) === null || _tokenKeys === void 0 || _tokenKeys.add(prop);
-        }
-        return obj[prop];
-      }
-    });
-    flush = function flush(componentName, componentToken) {
-      var _statistic$componentN;
-      statistic[componentName] = {
-        global: Array.from(tokenKeys),
-        component: _objectSpread2(_objectSpread2({}, (_statistic$componentN = statistic[componentName]) === null || _statistic$componentN === void 0 ? void 0 : _statistic$componentN.component), componentToken)
-      };
-    };
-  }
-  return {
-    token: proxy,
-    keys: tokenKeys,
-    flush: flush
-  };
-};
-
-function getDefaultComponentToken(component, token, getDefaultToken) {
-  if (typeof getDefaultToken === 'function') {
-    var _token$component;
-    return getDefaultToken(merge(token, (_token$component = token[component]) !== null && _token$component !== void 0 ? _token$component : {}));
-  }
-  return getDefaultToken !== null && getDefaultToken !== void 0 ? getDefaultToken : {};
-}
-
-function genMaxMin(type) {
-  if (type === 'js') {
-    return {
-      max: Math.max,
-      min: Math.min
-    };
-  }
-  return {
-    max: function max() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      return "max(".concat(args.map(function (value) {
-        return unit$1(value);
-      }).join(','), ")");
-    },
-    min: function min() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      return "min(".concat(args.map(function (value) {
-        return unit$1(value);
-      }).join(','), ")");
-    }
-  };
-}
-
-var BEAT_LIMIT = 1000 * 60 * 10;
-
-/**
- * A helper class to map keys to values.
- * It supports both primitive keys and object keys.
- */
-var ArrayKeyMap = /*#__PURE__*/function () {
-  function ArrayKeyMap() {
-    _classCallCheck(this, ArrayKeyMap);
-    _defineProperty(this, "map", new Map());
-    // Use WeakMap to avoid memory leak
-    _defineProperty(this, "objectIDMap", new WeakMap());
-    _defineProperty(this, "nextID", 0);
-    _defineProperty(this, "lastAccessBeat", new Map());
-    // We will clean up the cache when reach the limit
-    _defineProperty(this, "accessBeat", 0);
-  }
-  _createClass(ArrayKeyMap, [{
-    key: "set",
-    value: function set(keys, value) {
-      // New set will trigger clear
-      this.clear();
-
-      // Set logic
-      var compositeKey = this.getCompositeKey(keys);
-      this.map.set(compositeKey, value);
-      this.lastAccessBeat.set(compositeKey, Date.now());
-    }
-  }, {
-    key: "get",
-    value: function get(keys) {
-      var compositeKey = this.getCompositeKey(keys);
-      var cache = this.map.get(compositeKey);
-      this.lastAccessBeat.set(compositeKey, Date.now());
-      this.accessBeat += 1;
-      return cache;
-    }
-  }, {
-    key: "getCompositeKey",
-    value: function getCompositeKey(keys) {
-      var _this = this;
-      var ids = keys.map(function (key) {
-        if (key && _typeof(key) === 'object') {
-          return "obj_".concat(_this.getObjectID(key));
-        }
-        return "".concat(_typeof(key), "_").concat(key);
-      });
-      return ids.join('|');
-    }
-  }, {
-    key: "getObjectID",
-    value: function getObjectID(obj) {
-      if (this.objectIDMap.has(obj)) {
-        return this.objectIDMap.get(obj);
-      }
-      var id = this.nextID;
-      this.objectIDMap.set(obj, id);
-      this.nextID += 1;
-      return id;
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      var _this2 = this;
-      if (this.accessBeat > 10000) {
-        var now = Date.now();
-        this.lastAccessBeat.forEach(function (beat, key) {
-          if (now - beat > BEAT_LIMIT) {
-            _this2.map.delete(key);
-            _this2.lastAccessBeat.delete(key);
-          }
-        });
-        this.accessBeat = 0;
-      }
-    }
-  }]);
-  return ArrayKeyMap;
-}();
-var uniqueMap = new ArrayKeyMap();
-
-/**
- * Like `useMemo`, but this hook result will be shared across all instances.
- */
-function useUniqueMemo(memoFn, deps) {
-  return React__default.useMemo(function () {
-    var cachedValue = uniqueMap.get(deps);
-    if (cachedValue) {
-      return cachedValue;
-    }
-    var newValue = memoFn();
-    uniqueMap.set(deps, newValue);
-    return newValue;
-  }, deps);
-}
-
-/**
- * Provide a default hook since not everyone needs to config this.
- */
-var useDefaultCSP = function useDefaultCSP() {
-  return {};
-};
-
-function genStyleUtils(config) {
-  // Dependency inversion for preparing basic config.
-  var _config$useCSP = config.useCSP,
-    useCSP = _config$useCSP === void 0 ? useDefaultCSP : _config$useCSP,
-    useToken = config.useToken,
-    usePrefix = config.usePrefix,
-    getResetStyles = config.getResetStyles,
-    getCommonStyle = config.getCommonStyle,
-    getCompUnitless = config.getCompUnitless;
-  function genStyleHooks(component, styleFn, getDefaultToken, options) {
-    var componentName = Array.isArray(component) ? component[0] : component;
-    function prefixToken(key) {
-      return "".concat(String(componentName)).concat(key.slice(0, 1).toUpperCase()).concat(key.slice(1));
-    }
-
-    // Fill unitless
-    var originUnitless = (options === null || options === void 0 ? void 0 : options.unitless) || {};
-    var originCompUnitless = typeof getCompUnitless === 'function' ? getCompUnitless(component) : {};
-    var compUnitless = _objectSpread2(_objectSpread2({}, originCompUnitless), {}, _defineProperty({}, prefixToken('zIndexPopup'), true));
-    Object.keys(originUnitless).forEach(function (key) {
-      compUnitless[prefixToken(key)] = originUnitless[key];
-    });
-
-    // Options
-    var mergedOptions = _objectSpread2(_objectSpread2({}, options), {}, {
-      unitless: compUnitless,
-      prefixToken: prefixToken
-    });
-
-    // Hooks
-    var useStyle = genComponentStyleHook(component, styleFn, getDefaultToken, mergedOptions);
-    var useCSSVar = genCSSVarRegister(componentName, getDefaultToken, mergedOptions);
-    return function (prefixCls) {
-      var rootCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : prefixCls;
-      var _useStyle = useStyle(prefixCls, rootCls),
-        _useStyle2 = _slicedToArray(_useStyle, 2),
-        hashId = _useStyle2[1];
-      var _useCSSVar = useCSSVar(rootCls),
-        _useCSSVar2 = _slicedToArray(_useCSSVar, 2),
-        wrapCSSVar = _useCSSVar2[0],
-        cssVarCls = _useCSSVar2[1];
-      return [wrapCSSVar, hashId, cssVarCls];
-    };
-  }
-  function genCSSVarRegister(component, getDefaultToken, options) {
-    var compUnitless = options.unitless,
-      _options$injectStyle = options.injectStyle,
-      injectStyle = _options$injectStyle === void 0 ? true : _options$injectStyle,
-      prefixToken = options.prefixToken,
-      ignore = options.ignore;
-    var CSSVarRegister = function CSSVarRegister(_ref) {
-      var rootCls = _ref.rootCls,
-        _ref$cssVar = _ref.cssVar,
-        cssVar = _ref$cssVar === void 0 ? {} : _ref$cssVar;
-      var _useToken = useToken(),
-        realToken = _useToken.realToken;
-      useCSSVarRegister({
-        path: [component],
-        prefix: cssVar.prefix,
-        key: cssVar.key,
-        unitless: compUnitless,
-        ignore: ignore,
-        token: realToken,
-        scope: rootCls
-      }, function () {
-        var defaultToken = getDefaultComponentToken(component, realToken, getDefaultToken);
-        var componentToken = getComponentToken(component, realToken, defaultToken, {
-          deprecatedTokens: options === null || options === void 0 ? void 0 : options.deprecatedTokens
-        });
-        Object.keys(defaultToken).forEach(function (key) {
-          componentToken[prefixToken(key)] = componentToken[key];
-          delete componentToken[key];
-        });
-        return componentToken;
-      });
-      return null;
-    };
-    var useCSSVar = function useCSSVar(rootCls) {
-      var _useToken2 = useToken(),
-        cssVar = _useToken2.cssVar;
-      return [function (node) {
-        return injectStyle && cssVar ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CSSVarRegister, {
-          rootCls: rootCls,
-          cssVar: cssVar,
-          component: component
-        }), node) : node;
-      }, cssVar === null || cssVar === void 0 ? void 0 : cssVar.key];
-    };
-    return useCSSVar;
-  }
-  function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var cells = Array.isArray(componentName) ? componentName : [componentName, componentName];
-    var _cells = _slicedToArray(cells, 1),
-      component = _cells[0];
-    var concatComponent = cells.join('-');
-    var mergedLayer = config.layer || {
-      name: 'antd'
-    };
-
-    // Return new style hook
-    return function (prefixCls) {
-      var rootCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : prefixCls;
-      var _useToken3 = useToken(),
-        theme = _useToken3.theme,
-        realToken = _useToken3.realToken,
-        hashId = _useToken3.hashId,
-        token = _useToken3.token,
-        cssVar = _useToken3.cssVar;
-      var _usePrefix = usePrefix(),
-        rootPrefixCls = _usePrefix.rootPrefixCls,
-        iconPrefixCls = _usePrefix.iconPrefixCls;
-      var csp = useCSP();
-      var type = cssVar ? 'css' : 'js';
-
-      // Use unique memo to share the result across all instances
-      var calc = useUniqueMemo(function () {
-        var unitlessCssVar = new Set();
-        if (cssVar) {
-          Object.keys(options.unitless || {}).forEach(function (key) {
-            // Some component proxy the AliasToken (e.g. Image) and some not (e.g. Modal)
-            // We should both pass in `unitlessCssVar` to make sure the CSSVar can be unitless.
-            unitlessCssVar.add(token2CSSVar(key, cssVar.prefix));
-            unitlessCssVar.add(token2CSSVar(key, getCompVarPrefix(component, cssVar.prefix)));
-          });
-        }
-        return genCalc(type, unitlessCssVar);
-      }, [type, component, cssVar === null || cssVar === void 0 ? void 0 : cssVar.prefix]);
-      var _genMaxMin = genMaxMin(type),
-        max = _genMaxMin.max,
-        min = _genMaxMin.min;
-
-      // Shared config
-      var sharedConfig = {
-        theme: theme,
-        token: token,
-        hashId: hashId,
-        nonce: function nonce() {
-          return csp.nonce;
-        },
-        clientOnly: options.clientOnly,
-        layer: mergedLayer,
-        // antd is always at top of styles
-        order: options.order || -999
-      };
-
-      // This if statement is safe, as it will only be used if the generator has the function. It's not dynamic.
-      if (typeof getResetStyles === 'function') {
-        // Generate style for all need reset tags.
-        useStyleRegister(_objectSpread2(_objectSpread2({}, sharedConfig), {}, {
-          clientOnly: false,
-          path: ['Shared', rootPrefixCls]
-        }), function () {
-          return getResetStyles(token, {
-            prefix: {
-              rootPrefixCls: rootPrefixCls,
-              iconPrefixCls: iconPrefixCls
-            },
-            csp: csp
-          });
-        });
-      }
-      var wrapSSR = useStyleRegister(_objectSpread2(_objectSpread2({}, sharedConfig), {}, {
-        path: [concatComponent, prefixCls, iconPrefixCls]
-      }), function () {
-        if (options.injectStyle === false) {
-          return [];
-        }
-        var _statisticToken = statisticToken(token),
-          proxyToken = _statisticToken.token,
-          flush = _statisticToken.flush;
-        var defaultComponentToken = getDefaultComponentToken(component, realToken, getDefaultToken);
-        var componentCls = ".".concat(prefixCls);
-        var componentToken = getComponentToken(component, realToken, defaultComponentToken, {
-          deprecatedTokens: options.deprecatedTokens
-        });
-        if (cssVar && defaultComponentToken && _typeof(defaultComponentToken) === 'object') {
-          Object.keys(defaultComponentToken).forEach(function (key) {
-            defaultComponentToken[key] = "var(".concat(token2CSSVar(key, getCompVarPrefix(component, cssVar.prefix)), ")");
-          });
-        }
-        var mergedToken = merge(proxyToken, {
-          componentCls: componentCls,
-          prefixCls: prefixCls,
-          iconCls: ".".concat(iconPrefixCls),
-          antCls: ".".concat(rootPrefixCls),
-          calc: calc,
-          // @ts-ignore
-          max: max,
-          // @ts-ignore
-          min: min
-        }, cssVar ? defaultComponentToken : componentToken);
-        var styleInterpolation = styleFn(mergedToken, {
-          hashId: hashId,
-          prefixCls: prefixCls,
-          rootPrefixCls: rootPrefixCls,
-          iconPrefixCls: iconPrefixCls
-        });
-        flush(component, componentToken);
-        var commonStyle = typeof getCommonStyle === 'function' ? getCommonStyle(mergedToken, prefixCls, rootCls, options.resetFont) : null;
-        return [options.resetStyle === false ? null : commonStyle, styleInterpolation];
-      });
-      return [wrapSSR, hashId];
-    };
-  }
-  function genSubStyleComponent(componentName, styleFn, getDefaultToken) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var useStyle = genComponentStyleHook(componentName, styleFn, getDefaultToken, _objectSpread2({
-      resetStyle: false,
-      // Sub Style should default after root one
-      order: -998
-    }, options));
-    var StyledComponent = function StyledComponent(_ref2) {
-      var prefixCls = _ref2.prefixCls,
-        _ref2$rootCls = _ref2.rootCls,
-        rootCls = _ref2$rootCls === void 0 ? prefixCls : _ref2$rootCls;
-      useStyle(prefixCls, rootCls);
-      return null;
-    };
-    if (process.env.NODE_ENV !== 'production') {
-      StyledComponent.displayName = "SubStyle_".concat(String(Array.isArray(componentName) ? componentName.join('.') : componentName));
-    }
-    return StyledComponent;
-  }
-  return {
-    genStyleHooks: genStyleHooks,
-    genSubStyleComponent: genSubStyleComponent,
-    genComponentStyleHook: genComponentStyleHook
-  };
-}
-
-const version = '5.27.1';
-
-function isStableColor(color) {
-  return color >= 0 && color <= 255;
-}
-function getAlphaColor(frontColor, backgroundColor) {
-  const {
-    r: fR,
-    g: fG,
-    b: fB,
-    a: originAlpha
-  } = new FastColor(frontColor).toRgb();
-  if (originAlpha < 1) {
-    return frontColor;
-  }
-  const {
-    r: bR,
-    g: bG,
-    b: bB
-  } = new FastColor(backgroundColor).toRgb();
-  for (let fA = 0.01; fA <= 1; fA += 0.01) {
-    const r = Math.round((fR - bR * (1 - fA)) / fA);
-    const g = Math.round((fG - bG * (1 - fA)) / fA);
-    const b = Math.round((fB - bB * (1 - fA)) / fA);
-    if (isStableColor(r) && isStableColor(g) && isStableColor(b)) {
-      return new FastColor({
-        r,
-        g,
-        b,
-        a: Math.round(fA * 100) / 100
-      }).toRgbString();
-    }
-  }
-  // fallback
-  /* istanbul ignore next */
-  return new FastColor({
-    r: fR,
-    g: fG,
-    b: fB,
-    a: 1
-  }).toRgbString();
-}
-
-var __rest$4 = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-/**
- * Seed (designer) > Derivative (designer) > Alias (developer).
- *
- * Merge seed & derivative & override token and generate alias token for developer.
- */
-function formatToken(derivativeToken) {
-  const {
-      override
-    } = derivativeToken,
-    restToken = __rest$4(derivativeToken, ["override"]);
-  const overrideTokens = Object.assign({}, override);
-  Object.keys(seedToken).forEach(token => {
-    delete overrideTokens[token];
-  });
-  const mergedToken = Object.assign(Object.assign({}, restToken), overrideTokens);
-  const screenXS = 480;
-  const screenSM = 576;
-  const screenMD = 768;
-  const screenLG = 992;
-  const screenXL = 1200;
-  const screenXXL = 1600;
-  // Motion
-  if (mergedToken.motion === false) {
-    const fastDuration = '0s';
-    mergedToken.motionDurationFast = fastDuration;
-    mergedToken.motionDurationMid = fastDuration;
-    mergedToken.motionDurationSlow = fastDuration;
-  }
-  // Generate alias token
-  const aliasToken = Object.assign(Object.assign(Object.assign({}, mergedToken), {
-    // ============== Background ============== //
-    colorFillContent: mergedToken.colorFillSecondary,
-    colorFillContentHover: mergedToken.colorFill,
-    colorFillAlter: mergedToken.colorFillQuaternary,
-    colorBgContainerDisabled: mergedToken.colorFillTertiary,
-    // ============== Split ============== //
-    colorBorderBg: mergedToken.colorBgContainer,
-    colorSplit: getAlphaColor(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),
-    // ============== Text ============== //
-    colorTextPlaceholder: mergedToken.colorTextQuaternary,
-    colorTextDisabled: mergedToken.colorTextQuaternary,
-    colorTextHeading: mergedToken.colorText,
-    colorTextLabel: mergedToken.colorTextSecondary,
-    colorTextDescription: mergedToken.colorTextTertiary,
-    colorTextLightSolid: mergedToken.colorWhite,
-    colorHighlight: mergedToken.colorError,
-    colorBgTextHover: mergedToken.colorFillSecondary,
-    colorBgTextActive: mergedToken.colorFill,
-    colorIcon: mergedToken.colorTextTertiary,
-    colorIconHover: mergedToken.colorText,
-    colorErrorOutline: getAlphaColor(mergedToken.colorErrorBg, mergedToken.colorBgContainer),
-    colorWarningOutline: getAlphaColor(mergedToken.colorWarningBg, mergedToken.colorBgContainer),
-    // Font
-    fontSizeIcon: mergedToken.fontSizeSM,
-    // Line
-    lineWidthFocus: mergedToken.lineWidth * 3,
-    // Control
-    lineWidth: mergedToken.lineWidth,
-    controlOutlineWidth: mergedToken.lineWidth * 2,
-    // Checkbox size and expand icon size
-    controlInteractiveSize: mergedToken.controlHeight / 2,
-    controlItemBgHover: mergedToken.colorFillTertiary,
-    controlItemBgActive: mergedToken.colorPrimaryBg,
-    controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,
-    controlItemBgActiveDisabled: mergedToken.colorFill,
-    controlTmpOutline: mergedToken.colorFillQuaternary,
-    controlOutline: getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
-    lineType: mergedToken.lineType,
-    borderRadius: mergedToken.borderRadius,
-    borderRadiusXS: mergedToken.borderRadiusXS,
-    borderRadiusSM: mergedToken.borderRadiusSM,
-    borderRadiusLG: mergedToken.borderRadiusLG,
-    fontWeightStrong: 600,
-    opacityLoading: 0.65,
-    linkDecoration: 'none',
-    linkHoverDecoration: 'none',
-    linkFocusDecoration: 'none',
-    controlPaddingHorizontal: 12,
-    controlPaddingHorizontalSM: 8,
-    paddingXXS: mergedToken.sizeXXS,
-    paddingXS: mergedToken.sizeXS,
-    paddingSM: mergedToken.sizeSM,
-    padding: mergedToken.size,
-    paddingMD: mergedToken.sizeMD,
-    paddingLG: mergedToken.sizeLG,
-    paddingXL: mergedToken.sizeXL,
-    paddingContentHorizontalLG: mergedToken.sizeLG,
-    paddingContentVerticalLG: mergedToken.sizeMS,
-    paddingContentHorizontal: mergedToken.sizeMS,
-    paddingContentVertical: mergedToken.sizeSM,
-    paddingContentHorizontalSM: mergedToken.size,
-    paddingContentVerticalSM: mergedToken.sizeXS,
-    marginXXS: mergedToken.sizeXXS,
-    marginXS: mergedToken.sizeXS,
-    marginSM: mergedToken.sizeSM,
-    margin: mergedToken.size,
-    marginMD: mergedToken.sizeMD,
-    marginLG: mergedToken.sizeLG,
-    marginXL: mergedToken.sizeXL,
-    marginXXL: mergedToken.sizeXXL,
-    boxShadow: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowSecondary: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowTertiary: `
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    `,
-    screenXS,
-    screenXSMin: screenXS,
-    screenXSMax: screenSM - 1,
-    screenSM,
-    screenSMMin: screenSM,
-    screenSMMax: screenMD - 1,
-    screenMD,
-    screenMDMin: screenMD,
-    screenMDMax: screenLG - 1,
-    screenLG,
-    screenLGMin: screenLG,
-    screenLGMax: screenXL - 1,
-    screenXL,
-    screenXLMin: screenXL,
-    screenXLMax: screenXXL - 1,
-    screenXXL,
-    screenXXLMin: screenXXL,
-    boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
-    boxShadowCard: `
-      0 1px 2px -2px ${new FastColor('rgba(0, 0, 0, 0.16)').toRgbString()},
-      0 3px 6px 0 ${new FastColor('rgba(0, 0, 0, 0.12)').toRgbString()},
-      0 5px 12px 4px ${new FastColor('rgba(0, 0, 0, 0.09)').toRgbString()}
-    `,
-    boxShadowDrawerRight: `
-      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowDrawerLeft: `
-      6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      9px 0 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowDrawerUp: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowDrawerDown: `
-      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
-    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
-    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
-    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)'
-  }), overrideTokens);
-  return aliasToken;
-}
-
-var __rest$3 = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-const unitless = {
-  lineHeight: true,
-  lineHeightSM: true,
-  lineHeightLG: true,
-  lineHeightHeading1: true,
-  lineHeightHeading2: true,
-  lineHeightHeading3: true,
-  lineHeightHeading4: true,
-  lineHeightHeading5: true,
-  opacityLoading: true,
-  fontWeightStrong: true,
-  zIndexPopupBase: true,
-  zIndexBase: true,
-  opacityImage: true
-};
-const ignore = {
-  motionBase: true,
-  motionUnit: true
-};
-const preserve = {
-  screenXS: true,
-  screenXSMin: true,
-  screenXSMax: true,
-  screenSM: true,
-  screenSMMin: true,
-  screenSMMax: true,
-  screenMD: true,
-  screenMDMin: true,
-  screenMDMax: true,
-  screenLG: true,
-  screenLGMin: true,
-  screenLGMax: true,
-  screenXL: true,
-  screenXLMin: true,
-  screenXLMax: true,
-  screenXXL: true,
-  screenXXLMin: true
-};
-const getComputedToken = (originToken, overrideToken, theme) => {
-  const derivativeToken = theme.getDerivativeToken(originToken);
-  const {
-      override
-    } = overrideToken,
-    components = __rest$3(overrideToken, ["override"]);
-  // Merge with override
-  let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
-    override
-  });
-  // Format if needed
-  mergedDerivativeToken = formatToken(mergedDerivativeToken);
-  if (components) {
-    Object.entries(components).forEach(([key, value]) => {
-      const {
-          theme: componentTheme
-        } = value,
-        componentTokens = __rest$3(value, ["theme"]);
-      let mergedComponentToken = componentTokens;
-      if (componentTheme) {
-        mergedComponentToken = getComputedToken(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
-          override: componentTokens
-        }, componentTheme);
-      }
-      mergedDerivativeToken[key] = mergedComponentToken;
-    });
-  }
-  return mergedDerivativeToken;
-};
-// ================================== Hook ==================================
-function useToken() {
-  const {
-    token: rootDesignToken,
-    hashed,
-    theme,
-    override,
-    cssVar
-  } = React__default.useContext(DesignTokenContext);
-  const salt = `${version}-${hashed || ''}`;
-  const mergedTheme = theme || defaultTheme;
-  const [token, hashId, realToken] = useCacheToken(mergedTheme, [seedToken, rootDesignToken], {
-    salt,
-    override,
-    getComputedToken,
-    // formatToken will not be consumed after 1.15.0 with getComputedToken.
-    // But token will break if @ant-design/cssinjs is under 1.15.0 without it
-    formatToken,
-    cssVar: cssVar && {
-      prefix: cssVar.prefix,
-      key: cssVar.key,
-      unitless,
-      ignore,
-      preserve
-    }
-  });
-  return [mergedTheme, realToken, hashed ? hashId : '', token, cssVar];
-}
-
-const resetIcon = () => ({
-  display: 'inline-flex',
-  alignItems: 'center',
-  color: 'inherit',
-  fontStyle: 'normal',
-  lineHeight: 0,
-  textAlign: 'center',
-  textTransform: 'none',
-  // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
-  verticalAlign: '-0.125em',
-  textRendering: 'optimizeLegibility',
-  '-webkit-font-smoothing': 'antialiased',
-  '-moz-osx-font-smoothing': 'grayscale',
-  '> *': {
-    lineHeight: 1
-  },
-  svg: {
-    display: 'inline-block'
-  }
-});
-const genLinkStyle = token => ({
-  a: {
-    color: token.colorLink,
-    textDecoration: token.linkDecoration,
-    backgroundColor: 'transparent',
-    // remove the gray background on active links in IE 10.
-    outline: 'none',
-    cursor: 'pointer',
-    transition: `color ${token.motionDurationSlow}`,
-    '-webkit-text-decoration-skip': 'objects',
-    // remove gaps in links underline in iOS 8+ and Safari 8+.
-    '&:hover': {
-      color: token.colorLinkHover
-    },
-    '&:active': {
-      color: token.colorLinkActive
-    },
-    '&:active, &:hover': {
-      textDecoration: token.linkHoverDecoration,
-      outline: 0
-    },
-    // https://github.com/ant-design/ant-design/issues/22503
-    '&:focus': {
-      textDecoration: token.linkFocusDecoration,
-      outline: 0
-    },
-    '&[disabled]': {
-      color: token.colorTextDisabled,
-      cursor: 'not-allowed'
-    }
-  }
-});
-const genCommonStyle = (token, componentPrefixCls, rootCls, resetFont) => {
-  const prefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`;
-  const rootPrefixSelector = rootCls ? `.${rootCls}` : prefixSelector;
-  const resetStyle = {
-    boxSizing: 'border-box',
-    '&::before, &::after': {
-      boxSizing: 'border-box'
-    }
-  };
-  let resetFontStyle = {};
-  if (resetFont !== false) {
-    resetFontStyle = {
-      fontFamily: token.fontFamily,
-      fontSize: token.fontSize
-    };
-  }
-  return {
-    [rootPrefixSelector]: Object.assign(Object.assign(Object.assign({}, resetFontStyle), resetStyle), {
-      [prefixSelector]: resetStyle
-    })
-  };
-};
-const genIconStyle = iconPrefixCls => ({
-  [`.${iconPrefixCls}`]: Object.assign(Object.assign({}, resetIcon()), {
-    [`.${iconPrefixCls} .${iconPrefixCls}-icon`]: {
-      display: 'block'
-    }
-  })
-});
-
-const {
-  genStyleHooks} = genStyleUtils({
-  usePrefix: () => {
-    const {
-      getPrefixCls,
-      iconPrefixCls
-    } = useContext(ConfigContext);
-    const rootPrefixCls = getPrefixCls();
-    return {
-      rootPrefixCls,
-      iconPrefixCls
-    };
-  },
-  useToken: () => {
-    const [theme, realToken, hashId, token, cssVar] = useToken();
-    return {
-      theme,
-      realToken,
-      hashId,
-      token,
-      cssVar
-    };
-  },
-  useCSP: () => {
-    const {
-      csp
-    } = useContext(ConfigContext);
-    return csp !== null && csp !== void 0 ? csp : {};
-  },
-  getResetStyles: (token, config) => {
-    var _a;
-    const linkStyle = genLinkStyle(token);
-    return [linkStyle, {
-      '&': linkStyle
-    }, genIconStyle((_a = config === null || config === void 0 ? void 0 : config.prefix.iconPrefixCls) !== null && _a !== void 0 ? _a : defaultIconPrefixCls)];
-  },
-  getCommonStyle: genCommonStyle,
-  getCompUnitless: () => unitless
-});
-
-const useResetIconStyle = (iconPrefixCls, csp) => {
-  const [theme, token] = useToken();
-  // Generate style for icons
-  return useStyleRegister({
-    token,
-    hashId: '',
-    path: ['ant-design-icons', iconPrefixCls],
-    nonce: () => csp === null || csp === void 0 ? void 0 : csp.nonce,
-    layer: {
-      name: 'antd'
-    }
-  }, () => genIconStyle(iconPrefixCls));
-};
-
-const fullClone = Object.assign({}, React);
-const {
-  useId
-} = fullClone;
-const useEmptyId = () => '';
-const useThemeKey = typeof useId === 'undefined' ? useEmptyId : useId;
-
-function useTheme(theme, parentTheme, config) {
-  var _a, _b;
-  const warning = devUseWarning('ConfigProvider');
-  const themeConfig = theme || {};
-  const parentThemeConfig = themeConfig.inherit === false || !parentTheme ? Object.assign(Object.assign({}, defaultConfig), {
-    hashed: (_a = parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.hashed) !== null && _a !== void 0 ? _a : defaultConfig.hashed,
-    cssVar: parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.cssVar
-  }) : parentTheme;
-  const themeKey = useThemeKey();
-  if (process.env.NODE_ENV !== 'production') {
-    const cssVarEnabled = themeConfig.cssVar || parentThemeConfig.cssVar;
-    const validKey = !!(typeof themeConfig.cssVar === 'object' && ((_b = themeConfig.cssVar) === null || _b === void 0 ? void 0 : _b.key) || themeKey);
-    process.env.NODE_ENV !== "production" ? warning(!cssVarEnabled || validKey, 'breaking', 'Missing key in `cssVar` config. Please upgrade to React 18 or set `cssVar.key` manually in each ConfigProvider inside `cssVar` enabled ConfigProvider.') : void 0;
-  }
-  return useMemo(() => {
-    var _a, _b;
-    if (!theme) {
-      return parentTheme;
-    }
-    // Override
-    const mergedComponents = Object.assign({}, parentThemeConfig.components);
-    Object.keys(theme.components || {}).forEach(componentName => {
-      mergedComponents[componentName] = Object.assign(Object.assign({}, mergedComponents[componentName]), theme.components[componentName]);
-    });
-    const cssVarKey = `css-var-${themeKey.replace(/:/g, '')}`;
-    const mergedCssVar = ((_a = themeConfig.cssVar) !== null && _a !== void 0 ? _a : parentThemeConfig.cssVar) && Object.assign(Object.assign(Object.assign({
-      prefix: config === null || config === void 0 ? void 0 : config.prefixCls
-    }, typeof parentThemeConfig.cssVar === 'object' ? parentThemeConfig.cssVar : {}), typeof themeConfig.cssVar === 'object' ? themeConfig.cssVar : {}), {
-      key: typeof themeConfig.cssVar === 'object' && ((_b = themeConfig.cssVar) === null || _b === void 0 ? void 0 : _b.key) || cssVarKey
-    });
-    // Base token
-    return Object.assign(Object.assign(Object.assign({}, parentThemeConfig), themeConfig), {
-      token: Object.assign(Object.assign({}, parentThemeConfig.token), themeConfig.token),
-      components: mergedComponents,
-      cssVar: mergedCssVar
-    });
-  }, [themeConfig, parentThemeConfig], (prev, next) => prev.some((prevTheme, index) => {
-    const nextTheme = next[index];
-    return !isEqual(prevTheme, nextTheme, true);
-  }));
-}
-
-var _excluded = ["children"];
-var Context = /*#__PURE__*/React.createContext({});
-function MotionProvider(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: props
-  }, children);
-}
-
-const MotionCacheContext = /*#__PURE__*/React.createContext(true);
-if (process.env.NODE_ENV !== 'production') {
-  MotionCacheContext.displayName = 'MotionCacheContext';
-}
-function MotionWrapper(props) {
-  const parentMotion = React.useContext(MotionCacheContext);
-  const {
-    children
-  } = props;
-  const [, token] = useToken();
-  const {
-    motion
-  } = token;
-  const needWrapMotionProviderRef = React.useRef(false);
-  needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
-  if (needWrapMotionProviderRef.current) {
-    return /*#__PURE__*/React.createElement(MotionCacheContext.Provider, {
-      value: motion
-    }, /*#__PURE__*/React.createElement(MotionProvider, {
-      motion: motion
-    }, children));
-  }
-  return children;
-}
-
-/**
- * Warning for ConfigProviderProps.
- * This will be empty function in production.
- */
-const PropWarning = /*#__PURE__*/React.memo(({
-  dropdownMatchSelectWidth
-}) => {
-  const warning = devUseWarning('ConfigProvider');
-  warning.deprecated(dropdownMatchSelectWidth === undefined, 'dropdownMatchSelectWidth', 'popupMatchSelectWidth');
-  return null;
-});
-if (process.env.NODE_ENV !== 'production') {
-  PropWarning.displayName = 'PropWarning';
-}
-const PropWarning$1 = process.env.NODE_ENV !== 'production' ? PropWarning : () => null;
-
-var __rest$2 = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-// These props is used by `useContext` directly in sub component
-const PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'input', 'pagination', 'form', 'select', 'button'];
-let globalPrefixCls;
-function getGlobalPrefixCls() {
-  return globalPrefixCls || defaultPrefixCls;
-}
-function isLegacyTheme(theme) {
-  return Object.keys(theme).some(key => key.endsWith('Color'));
-}
-const setGlobalConfig = props => {
-  const {
-    prefixCls,
-    theme} = props;
-  if (prefixCls !== undefined) {
-    globalPrefixCls = prefixCls;
-  }
-  if (theme) {
-    if (isLegacyTheme(theme)) {
-      process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
-      registerTheme(getGlobalPrefixCls(), theme);
-    }
-  }
-};
-const ProviderChildren = props => {
-  const {
-    children,
-    csp: customCsp,
-    autoInsertSpaceInButton,
-    alert,
-    anchor,
-    form,
-    locale,
-    componentSize,
-    direction,
-    space,
-    splitter,
-    virtual,
-    dropdownMatchSelectWidth,
-    popupMatchSelectWidth,
-    popupOverflow,
-    legacyLocale,
-    parentContext,
-    iconPrefixCls: customIconPrefixCls,
-    theme,
-    componentDisabled,
-    segmented,
-    statistic,
-    spin,
-    calendar,
-    carousel,
-    cascader,
-    collapse,
-    typography,
-    checkbox,
-    descriptions,
-    divider,
-    drawer,
-    skeleton,
-    steps,
-    image,
-    layout,
-    list,
-    mentions,
-    modal,
-    progress,
-    result,
-    slider,
-    breadcrumb,
-    menu,
-    pagination,
-    input,
-    textArea,
-    empty,
-    badge,
-    radio,
-    rate,
-    switch: SWITCH,
-    transfer,
-    avatar,
-    message,
-    tag,
-    table,
-    card,
-    tabs,
-    timeline,
-    timePicker,
-    upload,
-    notification,
-    tree,
-    colorPicker,
-    datePicker,
-    rangePicker,
-    flex,
-    wave,
-    dropdown,
-    warning: warningConfig,
-    tour,
-    tooltip,
-    popover,
-    popconfirm,
-    floatButton,
-    floatButtonGroup,
-    variant,
-    inputNumber,
-    treeSelect
-  } = props;
-  // =================================== Context ===================================
-  const getPrefixCls = React.useCallback((suffixCls, customizePrefixCls) => {
-    const {
-      prefixCls
-    } = props;
-    if (customizePrefixCls) {
-      return customizePrefixCls;
-    }
-    const mergedPrefixCls = prefixCls || parentContext.getPrefixCls('');
-    return suffixCls ? `${mergedPrefixCls}-${suffixCls}` : mergedPrefixCls;
-  }, [parentContext.getPrefixCls, props.prefixCls]);
-  const iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || defaultIconPrefixCls;
-  const csp = customCsp || parentContext.csp;
-  useResetIconStyle(iconPrefixCls, csp);
-  const mergedTheme = useTheme(theme, parentContext.theme, {
-    prefixCls: getPrefixCls('')
-  });
-  const baseConfig = {
-    csp,
-    autoInsertSpaceInButton,
-    alert,
-    anchor,
-    locale: locale || legacyLocale,
-    direction,
-    space,
-    splitter,
-    virtual,
-    popupMatchSelectWidth: popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth,
-    popupOverflow,
-    getPrefixCls,
-    iconPrefixCls,
-    theme: mergedTheme,
-    segmented,
-    statistic,
-    spin,
-    calendar,
-    carousel,
-    cascader,
-    collapse,
-    typography,
-    checkbox,
-    descriptions,
-    divider,
-    drawer,
-    skeleton,
-    steps,
-    image,
-    input,
-    textArea,
-    layout,
-    list,
-    mentions,
-    modal,
-    progress,
-    result,
-    slider,
-    breadcrumb,
-    menu,
-    pagination,
-    empty,
-    badge,
-    radio,
-    rate,
-    switch: SWITCH,
-    transfer,
-    avatar,
-    message,
-    tag,
-    table,
-    card,
-    tabs,
-    timeline,
-    timePicker,
-    upload,
-    notification,
-    tree,
-    colorPicker,
-    datePicker,
-    rangePicker,
-    flex,
-    wave,
-    dropdown,
-    warning: warningConfig,
-    tour,
-    tooltip,
-    popover,
-    popconfirm,
-    floatButton,
-    floatButtonGroup,
-    variant,
-    inputNumber,
-    treeSelect
-  };
-  if (process.env.NODE_ENV !== 'production') {
-    const warningFn = devUseWarning('ConfigProvider');
-    warningFn(!('autoInsertSpaceInButton' in props), 'deprecated', '`autoInsertSpaceInButton` is deprecated. Please use `{ button: { autoInsertSpace: boolean }}` instead.');
-  }
-  const config = Object.assign({}, parentContext);
-  Object.keys(baseConfig).forEach(key => {
-    if (baseConfig[key] !== undefined) {
-      config[key] = baseConfig[key];
-    }
-  });
-  // Pass the props used by `useContext` directly with child component.
-  // These props should merged into `config`.
-  PASSED_PROPS.forEach(propName => {
-    const propValue = props[propName];
-    if (propValue) {
-      config[propName] = propValue;
-    }
-  });
-  if (typeof autoInsertSpaceInButton !== 'undefined') {
-    // merge deprecated api
-    config.button = Object.assign({
-      autoInsertSpace: autoInsertSpaceInButton
-    }, config.button);
-  }
-  // https://github.com/ant-design/ant-design/issues/27617
-  const memoedConfig = useMemo(() => config, config, (prevConfig, currentConfig) => {
-    const prevKeys = Object.keys(prevConfig);
-    const currentKeys = Object.keys(currentConfig);
-    return prevKeys.length !== currentKeys.length || prevKeys.some(key => prevConfig[key] !== currentConfig[key]);
-  });
-  const {
-    layer
-  } = React.useContext(StyleContext);
-  const memoIconContextValue = React.useMemo(() => ({
-    prefixCls: iconPrefixCls,
-    csp,
-    layer: layer ? 'antd' : undefined
-  }), [iconPrefixCls, csp, layer]);
-  let childNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PropWarning$1, {
-    dropdownMatchSelectWidth: dropdownMatchSelectWidth
-  }), children);
-  const validateMessages = React.useMemo(() => {
-    var _a, _b, _c, _d;
-    return merge$1(((_a = localeValues.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || {}, ((_c = (_b = memoedConfig.locale) === null || _b === void 0 ? void 0 : _b.Form) === null || _c === void 0 ? void 0 : _c.defaultValidateMessages) || {}, ((_d = memoedConfig.form) === null || _d === void 0 ? void 0 : _d.validateMessages) || {}, (form === null || form === void 0 ? void 0 : form.validateMessages) || {});
-  }, [memoedConfig, form === null || form === void 0 ? void 0 : form.validateMessages]);
-  if (Object.keys(validateMessages).length > 0) {
-    childNode = /*#__PURE__*/React.createElement(ValidateMessagesContext.Provider, {
-      value: validateMessages
-    }, childNode);
-  }
-  if (locale) {
-    childNode = /*#__PURE__*/React.createElement(LocaleProvider, {
-      locale: locale,
-      _ANT_MARK__: ANT_MARK
-    }, childNode);
-  }
-  {
-    childNode = /*#__PURE__*/React.createElement(IconContext.Provider, {
-      value: memoIconContextValue
-    }, childNode);
-  }
-  if (componentSize) {
-    childNode = /*#__PURE__*/React.createElement(SizeContextProvider, {
-      size: componentSize
-    }, childNode);
-  }
-  // =================================== Motion ===================================
-  childNode = /*#__PURE__*/React.createElement(MotionWrapper, null, childNode);
-  // ================================ Dynamic theme ================================
-  const memoTheme = React.useMemo(() => {
-    const _a = mergedTheme || {},
-      {
-        algorithm,
-        token,
-        components,
-        cssVar
-      } = _a,
-      rest = __rest$2(_a, ["algorithm", "token", "components", "cssVar"]);
-    const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
-    const parsedComponents = {};
-    Object.entries(components || {}).forEach(([componentName, componentToken]) => {
-      const parsedToken = Object.assign({}, componentToken);
-      if ('algorithm' in parsedToken) {
-        if (parsedToken.algorithm === true) {
-          parsedToken.theme = themeObj;
-        } else if (Array.isArray(parsedToken.algorithm) || typeof parsedToken.algorithm === 'function') {
-          parsedToken.theme = createTheme(parsedToken.algorithm);
-        }
-        delete parsedToken.algorithm;
-      }
-      parsedComponents[componentName] = parsedToken;
-    });
-    const mergedToken = Object.assign(Object.assign({}, seedToken), token);
-    return Object.assign(Object.assign({}, rest), {
-      theme: themeObj,
-      token: mergedToken,
-      components: parsedComponents,
-      override: Object.assign({
-        override: mergedToken
-      }, parsedComponents),
-      cssVar: cssVar
-    });
-  }, [mergedTheme]);
-  if (theme) {
-    childNode = /*#__PURE__*/React.createElement(DesignTokenContext.Provider, {
-      value: memoTheme
-    }, childNode);
-  }
-  // ================================== Warning ===================================
-  if (memoedConfig.warning) {
-    childNode = /*#__PURE__*/React.createElement(WarningContext.Provider, {
-      value: memoedConfig.warning
-    }, childNode);
-  }
-  // =================================== Render ===================================
-  if (componentDisabled !== undefined) {
-    childNode = /*#__PURE__*/React.createElement(DisabledContextProvider, {
-      disabled: componentDisabled
-    }, childNode);
-  }
-  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
-    value: memoedConfig
-  }, childNode);
-};
-const ConfigProvider = props => {
-  const context = React.useContext(ConfigContext);
-  const antLocale = React.useContext(LocaleContext);
-  return /*#__PURE__*/React.createElement(ProviderChildren, Object.assign({
-    parentContext: context,
-    legacyLocale: antLocale
-  }, props));
-};
-ConfigProvider.ConfigContext = ConfigContext;
-ConfigProvider.SizeContext = SizeContext;
-ConfigProvider.config = setGlobalConfig;
-ConfigProvider.useConfig = useConfig;
-Object.defineProperty(ConfigProvider, 'SizeContext', {
-  get: () => {
-    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
-    return SizeContext;
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  ConfigProvider.displayName = 'ConfigProvider';
-}
-
 const LayoutContext = /*#__PURE__*/React.createContext({
   siderHook: {
     addSider: () => null,
@@ -4392,24 +60,6 @@ const LayoutContext = /*#__PURE__*/React.createContext({
   }
 });
 
-function toArray(children) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var ret = [];
-  React__default.Children.forEach(children, function (child) {
-    if ((child === undefined || child === null) && !option.keepEmpty) {
-      return;
-    }
-    if (Array.isArray(child)) {
-      ret = ret.concat(toArray(child));
-    } else if (isFragment(child) && child.props) {
-      ret = ret.concat(toArray(child.props.children, option));
-    } else {
-      ret.push(child);
-    }
-  });
-  return ret;
-}
-
 const addMediaQueryListener = (mql, handler) => {
   // Don't delete here, please keep the code compatible
   if (typeof (mql === null || mql === void 0 ? void 0 : mql.addEventListener) !== 'undefined') {
@@ -4474,7 +124,7 @@ const genLayoutStyle = token => {
       height: headerHeight,
       padding: headerPadding,
       color: headerColor,
-      lineHeight: unit$1(headerHeight),
+      lineHeight: unit(headerHeight),
       background: headerBg,
       // Other components/menu/style/index.less line:686
       // Integration with header element so menu items have the same height
@@ -4591,7 +241,7 @@ const genSiderStyle = token => {
         zIndex: 1,
         height: triggerHeight,
         color: triggerColor,
-        lineHeight: unit$1(triggerHeight),
+        lineHeight: unit(triggerHeight),
         textAlign: 'center',
         background: triggerBg,
         cursor: 'pointer',
@@ -4610,7 +260,7 @@ const genSiderStyle = token => {
         alignItems: 'center',
         justifyContent: 'center',
         background: siderBg,
-        borderRadius: `0 ${unit$1(borderRadiusLG)} ${unit$1(borderRadiusLG)} 0`,
+        borderRadius: `0 ${unit(borderRadiusLG)} ${unit(borderRadiusLG)} 0`,
         cursor: 'pointer',
         transition: `background ${motionDurationSlow} ease`,
         '&::after': {
@@ -4625,7 +275,7 @@ const genSiderStyle = token => {
         },
         '&-right': {
           insetInlineStart: token.calc(zeroTriggerWidth).mul(-1).equal(),
-          borderRadius: `${unit$1(borderRadiusLG)} 0 0 ${unit$1(borderRadiusLG)}`
+          borderRadius: `${unit(borderRadiusLG)} 0 0 ${unit(borderRadiusLG)}`
         }
       },
       // Light
@@ -4756,7 +406,7 @@ const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
   // special trigger when collapsedWidth == 0
   const zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? (/*#__PURE__*/React.createElement("span", {
     onClick: toggle,
-    className: r(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
+    className: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
     style: zeroWidthTriggerStyle
   }, trigger || /*#__PURE__*/React.createElement(RefIcon$2, null))) : null;
   const reverseIcon = direction === 'rtl' === !reverseArrow;
@@ -4779,7 +429,7 @@ const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
     minWidth: siderWidth,
     width: siderWidth
   });
-  const siderCls = r(prefixCls, `${prefixCls}-${theme}`, {
+  const siderCls = classNames(prefixCls, `${prefixCls}-${theme}`, {
     [`${prefixCls}-collapsed`]: !!collapsed,
     [`${prefixCls}-has-trigger`]: collapsible && trigger !== null && !zeroWidthTrigger,
     [`${prefixCls}-below`]: !!below,
@@ -4854,7 +504,7 @@ const Basic = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [wrapSSR, hashId, cssVarCls] = useStyle$1(prefixCls);
   const prefixWithSuffixCls = suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;
   return wrapSSR(/*#__PURE__*/React.createElement(TagName, Object.assign({
-    className: r(customizePrefixCls || prefixWithSuffixCls, className, hashId, cssVarCls),
+    className: classNames(customizePrefixCls || prefixWithSuffixCls, className, hashId, cssVarCls),
     ref: ref
   }, others)));
 });
@@ -4882,7 +532,7 @@ const BasicLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls('layout', customizePrefixCls);
   const mergedHasSider = useHasSider(siders, children, hasSider);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle$1(prefixCls);
-  const classString = r(prefixCls, {
+  const classString = classNames(prefixCls, {
     [`${prefixCls}-has-sider`]: mergedHasSider,
     [`${prefixCls}-rtl`]: direction === 'rtl'
   }, contextClassName, className, rootClassName, hashId, cssVarCls);