@pnkx-lib/ui 1.9.191 → 1.9.193

package/es/chunks/{layout-DLP6LR8f.js → layout-DnU0VrHH.js}

@@ -1,13 +1,15 @@
+import { _ as _typeof, c as _arrayLikeToArray, a as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-DPy3D8dn.js';
 import * as React from 'react';
 import React__default, { useContext, createContext, useState, useEffect, useRef } from 'react';
-import { c as classNames } from './defineProperty-DKmbVXax.js';
-import { I as Icon, _ as _extends$1, a as IconContext } from './AntdIcon-yV_Jlg2I.js';
+import { c as className } from './index-mzHK7Za8.js';
+import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createClass-CBKC8ctW.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 './AntdIcon-ZIq9SabE.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" };
 
 var BarsOutlined = function BarsOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends$1({}, props, {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
     ref: ref,
     icon: BarsOutlined$1
   }));
@@ -23,7 +25,7 @@ if (process.env.NODE_ENV !== 'production') {
 var LeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
 
 var LeftOutlined = function LeftOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends$1({}, props, {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
     ref: ref,
     icon: LeftOutlined$1
   }));
@@ -39,7 +41,7 @@ if (process.env.NODE_ENV !== 'production') {
 var RightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
 
 var RightOutlined = function RightOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends$1({}, props, {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
     ref: ref,
     icon: RightOutlined$1
   }));
@@ -51,10 +53,31 @@ if (process.env.NODE_ENV !== 'production') {
   RefIcon.displayName = 'RightOutlined';
 }
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
+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) {
@@ -65,14 +88,6 @@ function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
 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.");
 }
@@ -91,103 +106,6 @@ function omit(obj, fields) {
   return clone;
 }
 
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = true,
-      o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = true, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-
 /* eslint-disable */
 // Inspired by https://github.com/garycourt/murmurhash-js
 // Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
@@ -242,269 +160,6 @@ function murmur2(str) {
   return ((h ^ h >>> 15) >>> 0).toString(36);
 }
 
-function canUseDom() {
-  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-}
-
-function contains(root, n) {
-  if (!root) {
-    return false;
-  }
-
-  // Use native if support
-  if (root.contains) {
-    return root.contains(n);
-  }
-
-  // `document.contains` not support with IE11
-  var node = n;
-  while (node) {
-    if (node === root) {
-      return true;
-    }
-    node = node.parentNode;
-  }
-  return false;
-}
-
-var APPEND_ORDER = 'data-rc-order';
-var APPEND_PRIORITY = 'data-rc-priority';
-var MARK_KEY = "rc-util-key";
-var containerCache = new Map();
-function getMark() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    mark = _ref.mark;
-  if (mark) {
-    return mark.startsWith('data-') ? mark : "data-".concat(mark);
-  }
-  return MARK_KEY;
-}
-function getContainer(option) {
-  if (option.attachTo) {
-    return option.attachTo;
-  }
-  var head = document.querySelector('head');
-  return head || document.body;
-}
-function getOrder(prepend) {
-  if (prepend === 'queue') {
-    return 'prependQueue';
-  }
-  return prepend ? 'prepend' : 'append';
-}
-
-/**
- * Find style which inject by rc-util
- */
-function findStyles(container) {
-  return Array.from((containerCache.get(container) || container).children).filter(function (node) {
-    return node.tagName === 'STYLE';
-  });
-}
-function injectCSS(css) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!canUseDom()) {
-    return null;
-  }
-  var csp = option.csp,
-    prepend = option.prepend,
-    _option$priority = option.priority,
-    priority = _option$priority === void 0 ? 0 : _option$priority;
-  var mergedOrder = getOrder(prepend);
-  var isPrependQueue = mergedOrder === 'prependQueue';
-  var styleNode = document.createElement('style');
-  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
-  if (isPrependQueue && priority) {
-    styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
-  }
-  if (csp !== null && csp !== void 0 && csp.nonce) {
-    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
-  }
-  styleNode.innerHTML = css;
-  var container = getContainer(option);
-  var firstChild = container.firstChild;
-  if (prepend) {
-    // If is queue `prepend`, it will prepend first style and then append rest style
-    if (isPrependQueue) {
-      var existStyle = (option.styles || findStyles(container)).filter(function (node) {
-        // Ignore style which not injected by rc-util with prepend
-        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
-          return false;
-        }
-
-        // Ignore style which priority less then new style
-        var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
-        return priority >= nodePriority;
-      });
-      if (existStyle.length) {
-        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
-        return styleNode;
-      }
-    }
-
-    // Use `insertBefore` as `prepend`
-    container.insertBefore(styleNode, firstChild);
-  } else {
-    container.appendChild(styleNode);
-  }
-  return styleNode;
-}
-function findExistNode(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var container = getContainer(option);
-  return (option.styles || findStyles(container)).find(function (node) {
-    return node.getAttribute(getMark(option)) === key;
-  });
-}
-function removeCSS(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var existNode = findExistNode(key, option);
-  if (existNode) {
-    var container = getContainer(option);
-    container.removeChild(existNode);
-  }
-}
-
-/**
- * qiankun will inject `appendChild` to insert into other
- */
-function syncRealContainer(container, option) {
-  var cachedRealContainer = containerCache.get(container);
-
-  // Find real container when not cached or cached container removed
-  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
-    var placeholderStyle = injectCSS('', option);
-    var parentNode = placeholderStyle.parentNode;
-    containerCache.set(container, parentNode);
-    container.removeChild(placeholderStyle);
-  }
-}
-function updateCSS(css, key) {
-  var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var container = getContainer(originOption);
-  var styles = findStyles(container);
-  var option = _objectSpread2(_objectSpread2({}, originOption), {}, {
-    styles: styles
-  });
-
-  // Sync real parent
-  syncRealContainer(container, option);
-  var existNode = findExistNode(key, option);
-  if (existNode) {
-    var _option$csp, _option$csp2;
-    if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {
-      var _option$csp3;
-      existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;
-    }
-    if (existNode.innerHTML !== css) {
-      existNode.innerHTML = css;
-    }
-    return existNode;
-  }
-  var newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
-  return newNode;
-}
-
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-
-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;
-}
-
-/* eslint-disable no-console */
-var warned = {};
-var preWarningFns = [];
-
-/**
- * Pre warning enable you to parse content before console.error.
- * Modify to null will prevent warning.
- */
-var preMessage = function preMessage(fn) {
-  preWarningFns.push(fn);
-};
-
-/**
- * Warning if condition not match.
- * @param valid Condition
- * @param message Warning message
- * @example
- * ```js
- * warning(false, 'some error'); // print some error
- * warning(true, 'some error'); // print nothing
- * warning(1 === 2, 'some error'); // print some error
- * ```
- */
-function warning$1(valid, message) {
-  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');
-    }, message);
-    if (finalMessage) {
-      console.error("Warning: ".concat(finalMessage));
-    }
-  }
-}
-
-/** @see Similar to {@link warning} */
-function note(valid, message) {
-  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');
-    }, message);
-    if (finalMessage) {
-      console.warn("Note: ".concat(finalMessage));
-    }
-  }
-}
-function resetWarned$1() {
-  warned = {};
-}
-function call(method, valid, message) {
-  if (!valid && !warned[message]) {
-    method(false, message);
-    warned[message] = true;
-  }
-}
-
-/** @see Same as {@link warning}, but only warn once for the same message */
-function warningOnce(valid, message) {
-  call(warning$1, valid, message);
-}
-
-/** @see Same as {@link warning}, but only warn once for the same message */
-function noteOnce(valid, message) {
-  call(note, valid, message);
-}
-warningOnce.preMessage = preMessage;
-warningOnce.resetWarned = resetWarned$1;
-warningOnce.noteOnce = noteOnce;
-
 /**
  * Deeply compares two object literals.
  * @param obj1 object 1
@@ -557,22 +212,6 @@ function isEqual(obj1, obj2) {
   return deepEqual(obj1, obj2);
 }
 
-function _classCallCheck(a, n) {
-  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-}
-
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
-    writable: false
-  }), e;
-}
-
 // [times, realValue]
 
 var SPLIT = '%';
@@ -668,64 +307,6 @@ var StyleContext = /*#__PURE__*/React.createContext({
   defaultCache: true
 });
 
-function _assertThisInitialized(e) {
-  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
-
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-    return t.__proto__ = e, t;
-  }, _setPrototypeOf(t, e);
-}
-
-function _inherits(t, e) {
-  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(e && e.prototype, {
-    constructor: {
-      value: t,
-      writable: true,
-      configurable: true
-    }
-  }), Object.defineProperty(t, "prototype", {
-    writable: false
-  }), e && _setPrototypeOf(t, e);
-}
-
-function _getPrototypeOf(t) {
-  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-    return t.__proto__ || Object.getPrototypeOf(t);
-  }, _getPrototypeOf(t);
-}
-
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-  } catch (t) {}
-  return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
-    return !!t;
-  })();
-}
-
-function _possibleConstructorReturn(t, e) {
-  if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
-  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
-  return _assertThisInitialized(t);
-}
-
-function _createSuper(t) {
-  var r = _isNativeReflectConstruct();
-  return function () {
-    var e,
-      o = _getPrototypeOf(t);
-    if (r) {
-      var s = _getPrototypeOf(this).constructor;
-      e = Reflect.construct(o, arguments, s);
-    } else e = o.apply(this, arguments);
-    return _possibleConstructorReturn(this, e);
-  };
-}
-
 // ================================== Cache ==================================
 
 function sameDerivativeOption(left, right) {
@@ -1349,16 +930,6 @@ function useCacheToken(theme, tokens) {
   return cachedToken;
 }
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
 var unitlessKeys = {
   animationIterationCount: 1,
   borderImageOutset: 1,
@@ -2776,724 +2347,6 @@ const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
   motion: true
 });
 
-const round = Math.round;
-
-/**
- * Support format, alpha unit will check the % mark:
- * - rgba(102, 204, 255, .5)      -> [102, 204, 255, 0.5]
- * - rgb(102 204 255 / .5)        -> [102, 204, 255, 0.5]
- * - rgb(100%, 50%, 0% / 50%)     -> [255, 128, 0, 0.5]
- * - hsl(270, 60, 40, .5)         -> [270, 60, 40, 0.5]
- * - hsl(270deg 60% 40% / 50%)   -> [270, 60, 40, 0.5]
- *
- * When `base` is provided, the percentage value will be divided by `base`.
- */
-function splitColorStr(str, parseNum) {
-  const match = str
-  // Remove str before `(`
-  .replace(/^[^(]*\((.*)/, '$1')
-  // Remove str after `)`
-  .replace(/\).*/, '').match(/\d*\.?\d+%?/g) || [];
-  const numList = match.map(item => parseFloat(item));
-  for (let i = 0; i < 3; i += 1) {
-    numList[i] = parseNum(numList[i] || 0, match[i] || '', i);
-  }
-
-  // For alpha. 50% should be 0.5
-  if (match[3]) {
-    numList[3] = match[3].includes('%') ? numList[3] / 100 : numList[3];
-  } else {
-    // By default, alpha is 1
-    numList[3] = 1;
-  }
-  return numList;
-}
-const parseHSVorHSL = (num, _, index) => index === 0 ? num : num / 100;
-
-/** round and limit number to integer between 0-255 */
-function limitRange(value, max) {
-  const mergedMax = max || 255;
-  if (value > mergedMax) {
-    return mergedMax;
-  }
-  if (value < 0) {
-    return 0;
-  }
-  return value;
-}
-class FastColor {
-  constructor(input) {
-    /**
-     * All FastColor objects are valid. So isValid is always true. This property is kept to be compatible with TinyColor.
-     */
-    _defineProperty(this, "isValid", true);
-    /**
-     * Red, R in RGB
-     */
-    _defineProperty(this, "r", 0);
-    /**
-     * Green, G in RGB
-     */
-    _defineProperty(this, "g", 0);
-    /**
-     * Blue, B in RGB
-     */
-    _defineProperty(this, "b", 0);
-    /**
-     * Alpha/Opacity, A in RGBA/HSLA
-     */
-    _defineProperty(this, "a", 1);
-    // HSV privates
-    _defineProperty(this, "_h", void 0);
-    _defineProperty(this, "_s", void 0);
-    _defineProperty(this, "_l", void 0);
-    _defineProperty(this, "_v", void 0);
-    // intermediate variables to calculate HSL/HSV
-    _defineProperty(this, "_max", void 0);
-    _defineProperty(this, "_min", void 0);
-    _defineProperty(this, "_brightness", void 0);
-    /**
-     * Always check 3 char in the object to determine the format.
-     * We not use function in check to save bundle size.
-     * e.g. 'rgb' -> { r: 0, g: 0, b: 0 }.
-     */
-    function matchFormat(str) {
-      return str[0] in input && str[1] in input && str[2] in input;
-    }
-    if (!input) ; else if (typeof input === 'string') {
-      const trimStr = input.trim();
-      function matchPrefix(prefix) {
-        return trimStr.startsWith(prefix);
-      }
-      if (/^#?[A-F\d]{3,8}$/i.test(trimStr)) {
-        this.fromHexString(trimStr);
-      } else if (matchPrefix('rgb')) {
-        this.fromRgbString(trimStr);
-      } else if (matchPrefix('hsl')) {
-        this.fromHslString(trimStr);
-      } else if (matchPrefix('hsv') || matchPrefix('hsb')) {
-        this.fromHsvString(trimStr);
-      }
-    } else if (input instanceof FastColor) {
-      this.r = input.r;
-      this.g = input.g;
-      this.b = input.b;
-      this.a = input.a;
-      this._h = input._h;
-      this._s = input._s;
-      this._l = input._l;
-      this._v = input._v;
-    } else if (matchFormat('rgb')) {
-      this.r = limitRange(input.r);
-      this.g = limitRange(input.g);
-      this.b = limitRange(input.b);
-      this.a = typeof input.a === 'number' ? limitRange(input.a, 1) : 1;
-    } else if (matchFormat('hsl')) {
-      this.fromHsl(input);
-    } else if (matchFormat('hsv')) {
-      this.fromHsv(input);
-    } else {
-      throw new Error('@ant-design/fast-color: unsupported input ' + JSON.stringify(input));
-    }
-  }
-
-  // ======================= Setter =======================
-
-  setR(value) {
-    return this._sc('r', value);
-  }
-  setG(value) {
-    return this._sc('g', value);
-  }
-  setB(value) {
-    return this._sc('b', value);
-  }
-  setA(value) {
-    return this._sc('a', value, 1);
-  }
-  setHue(value) {
-    const hsv = this.toHsv();
-    hsv.h = value;
-    return this._c(hsv);
-  }
-
-  // ======================= Getter =======================
-  /**
-   * Returns the perceived luminance of a color, from 0-1.
-   * @see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-   */
-  getLuminance() {
-    function adjustGamma(raw) {
-      const val = raw / 255;
-      return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
-    }
-    const R = adjustGamma(this.r);
-    const G = adjustGamma(this.g);
-    const B = adjustGamma(this.b);
-    return 0.2126 * R + 0.7152 * G + 0.0722 * B;
-  }
-  getHue() {
-    if (typeof this._h === 'undefined') {
-      const delta = this.getMax() - this.getMin();
-      if (delta === 0) {
-        this._h = 0;
-      } else {
-        this._h = round(60 * (this.r === this.getMax() ? (this.g - this.b) / delta + (this.g < this.b ? 6 : 0) : this.g === this.getMax() ? (this.b - this.r) / delta + 2 : (this.r - this.g) / delta + 4));
-      }
-    }
-    return this._h;
-  }
-  getSaturation() {
-    if (typeof this._s === 'undefined') {
-      const delta = this.getMax() - this.getMin();
-      if (delta === 0) {
-        this._s = 0;
-      } else {
-        this._s = delta / this.getMax();
-      }
-    }
-    return this._s;
-  }
-  getLightness() {
-    if (typeof this._l === 'undefined') {
-      this._l = (this.getMax() + this.getMin()) / 510;
-    }
-    return this._l;
-  }
-  getValue() {
-    if (typeof this._v === 'undefined') {
-      this._v = this.getMax() / 255;
-    }
-    return this._v;
-  }
-
-  /**
-   * Returns the perceived brightness of the color, from 0-255.
-   * Note: this is not the b of HSB
-   * @see http://www.w3.org/TR/AERT#color-contrast
-   */
-  getBrightness() {
-    if (typeof this._brightness === 'undefined') {
-      this._brightness = (this.r * 299 + this.g * 587 + this.b * 114) / 1000;
-    }
-    return this._brightness;
-  }
-
-  // ======================== Func ========================
-
-  darken(amount = 10) {
-    const h = this.getHue();
-    const s = this.getSaturation();
-    let l = this.getLightness() - amount / 100;
-    if (l < 0) {
-      l = 0;
-    }
-    return this._c({
-      h,
-      s,
-      l,
-      a: this.a
-    });
-  }
-  lighten(amount = 10) {
-    const h = this.getHue();
-    const s = this.getSaturation();
-    let l = this.getLightness() + amount / 100;
-    if (l > 1) {
-      l = 1;
-    }
-    return this._c({
-      h,
-      s,
-      l,
-      a: this.a
-    });
-  }
-
-  /**
-   * Mix the current color a given amount with another color, from 0 to 100.
-   * 0 means no mixing (return current color).
-   */
-  mix(input, amount = 50) {
-    const color = this._c(input);
-    const p = amount / 100;
-    const calc = key => (color[key] - this[key]) * p + this[key];
-    const rgba = {
-      r: round(calc('r')),
-      g: round(calc('g')),
-      b: round(calc('b')),
-      a: round(calc('a') * 100) / 100
-    };
-    return this._c(rgba);
-  }
-
-  /**
-   * Mix the color with pure white, from 0 to 100.
-   * Providing 0 will do nothing, providing 100 will always return white.
-   */
-  tint(amount = 10) {
-    return this.mix({
-      r: 255,
-      g: 255,
-      b: 255,
-      a: 1
-    }, amount);
-  }
-
-  /**
-   * Mix the color with pure black, from 0 to 100.
-   * Providing 0 will do nothing, providing 100 will always return black.
-   */
-  shade(amount = 10) {
-    return this.mix({
-      r: 0,
-      g: 0,
-      b: 0,
-      a: 1
-    }, amount);
-  }
-  onBackground(background) {
-    const bg = this._c(background);
-    const alpha = this.a + bg.a * (1 - this.a);
-    const calc = key => {
-      return round((this[key] * this.a + bg[key] * bg.a * (1 - this.a)) / alpha);
-    };
-    return this._c({
-      r: calc('r'),
-      g: calc('g'),
-      b: calc('b'),
-      a: alpha
-    });
-  }
-
-  // ======================= Status =======================
-  isDark() {
-    return this.getBrightness() < 128;
-  }
-  isLight() {
-    return this.getBrightness() >= 128;
-  }
-
-  // ======================== MISC ========================
-  equals(other) {
-    return this.r === other.r && this.g === other.g && this.b === other.b && this.a === other.a;
-  }
-  clone() {
-    return this._c(this);
-  }
-
-  // ======================= Format =======================
-  toHexString() {
-    let hex = '#';
-    const rHex = (this.r || 0).toString(16);
-    hex += rHex.length === 2 ? rHex : '0' + rHex;
-    const gHex = (this.g || 0).toString(16);
-    hex += gHex.length === 2 ? gHex : '0' + gHex;
-    const bHex = (this.b || 0).toString(16);
-    hex += bHex.length === 2 ? bHex : '0' + bHex;
-    if (typeof this.a === 'number' && this.a >= 0 && this.a < 1) {
-      const aHex = round(this.a * 255).toString(16);
-      hex += aHex.length === 2 ? aHex : '0' + aHex;
-    }
-    return hex;
-  }
-
-  /** CSS support color pattern */
-  toHsl() {
-    return {
-      h: this.getHue(),
-      s: this.getSaturation(),
-      l: this.getLightness(),
-      a: this.a
-    };
-  }
-
-  /** CSS support color pattern */
-  toHslString() {
-    const h = this.getHue();
-    const s = round(this.getSaturation() * 100);
-    const l = round(this.getLightness() * 100);
-    return this.a !== 1 ? `hsla(${h},${s}%,${l}%,${this.a})` : `hsl(${h},${s}%,${l}%)`;
-  }
-
-  /** Same as toHsb */
-  toHsv() {
-    return {
-      h: this.getHue(),
-      s: this.getSaturation(),
-      v: this.getValue(),
-      a: this.a
-    };
-  }
-  toRgb() {
-    return {
-      r: this.r,
-      g: this.g,
-      b: this.b,
-      a: this.a
-    };
-  }
-  toRgbString() {
-    return this.a !== 1 ? `rgba(${this.r},${this.g},${this.b},${this.a})` : `rgb(${this.r},${this.g},${this.b})`;
-  }
-  toString() {
-    return this.toRgbString();
-  }
-
-  // ====================== Privates ======================
-  /** Return a new FastColor object with one channel changed */
-  _sc(rgb, value, max) {
-    const clone = this.clone();
-    clone[rgb] = limitRange(value, max);
-    return clone;
-  }
-  _c(input) {
-    return new this.constructor(input);
-  }
-  getMax() {
-    if (typeof this._max === 'undefined') {
-      this._max = Math.max(this.r, this.g, this.b);
-    }
-    return this._max;
-  }
-  getMin() {
-    if (typeof this._min === 'undefined') {
-      this._min = Math.min(this.r, this.g, this.b);
-    }
-    return this._min;
-  }
-  fromHexString(trimStr) {
-    const withoutPrefix = trimStr.replace('#', '');
-    function connectNum(index1, index2) {
-      return parseInt(withoutPrefix[index1] + withoutPrefix[index2 || index1], 16);
-    }
-    if (withoutPrefix.length < 6) {
-      // #rgb or #rgba
-      this.r = connectNum(0);
-      this.g = connectNum(1);
-      this.b = connectNum(2);
-      this.a = withoutPrefix[3] ? connectNum(3) / 255 : 1;
-    } else {
-      // #rrggbb or #rrggbbaa
-      this.r = connectNum(0, 1);
-      this.g = connectNum(2, 3);
-      this.b = connectNum(4, 5);
-      this.a = withoutPrefix[6] ? connectNum(6, 7) / 255 : 1;
-    }
-  }
-  fromHsl({
-    h,
-    s,
-    l,
-    a
-  }) {
-    this._h = h % 360;
-    this._s = s;
-    this._l = l;
-    this.a = typeof a === 'number' ? a : 1;
-    if (s <= 0) {
-      const rgb = round(l * 255);
-      this.r = rgb;
-      this.g = rgb;
-      this.b = rgb;
-    }
-    let r = 0,
-      g = 0,
-      b = 0;
-    const huePrime = h / 60;
-    const chroma = (1 - Math.abs(2 * l - 1)) * s;
-    const secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
-    if (huePrime >= 0 && huePrime < 1) {
-      r = chroma;
-      g = secondComponent;
-    } else if (huePrime >= 1 && huePrime < 2) {
-      r = secondComponent;
-      g = chroma;
-    } else if (huePrime >= 2 && huePrime < 3) {
-      g = chroma;
-      b = secondComponent;
-    } else if (huePrime >= 3 && huePrime < 4) {
-      g = secondComponent;
-      b = chroma;
-    } else if (huePrime >= 4 && huePrime < 5) {
-      r = secondComponent;
-      b = chroma;
-    } else if (huePrime >= 5 && huePrime < 6) {
-      r = chroma;
-      b = secondComponent;
-    }
-    const lightnessModification = l - chroma / 2;
-    this.r = round((r + lightnessModification) * 255);
-    this.g = round((g + lightnessModification) * 255);
-    this.b = round((b + lightnessModification) * 255);
-  }
-  fromHsv({
-    h,
-    s,
-    v,
-    a
-  }) {
-    this._h = h % 360;
-    this._s = s;
-    this._v = v;
-    this.a = typeof a === 'number' ? a : 1;
-    const vv = round(v * 255);
-    this.r = vv;
-    this.g = vv;
-    this.b = vv;
-    if (s <= 0) {
-      return;
-    }
-    const hh = h / 60;
-    const i = Math.floor(hh);
-    const ff = hh - i;
-    const p = round(v * (1.0 - s) * 255);
-    const q = round(v * (1.0 - s * ff) * 255);
-    const t = round(v * (1.0 - s * (1.0 - ff)) * 255);
-    switch (i) {
-      case 0:
-        this.g = t;
-        this.b = p;
-        break;
-      case 1:
-        this.r = q;
-        this.b = p;
-        break;
-      case 2:
-        this.r = p;
-        this.b = t;
-        break;
-      case 3:
-        this.r = p;
-        this.g = q;
-        break;
-      case 4:
-        this.r = t;
-        this.g = p;
-        break;
-      case 5:
-      default:
-        this.g = p;
-        this.b = q;
-        break;
-    }
-  }
-  fromHsvString(trimStr) {
-    const cells = splitColorStr(trimStr, parseHSVorHSL);
-    this.fromHsv({
-      h: cells[0],
-      s: cells[1],
-      v: cells[2],
-      a: cells[3]
-    });
-  }
-  fromHslString(trimStr) {
-    const cells = splitColorStr(trimStr, parseHSVorHSL);
-    this.fromHsl({
-      h: cells[0],
-      s: cells[1],
-      l: cells[2],
-      a: cells[3]
-    });
-  }
-  fromRgbString(trimStr) {
-    const cells = splitColorStr(trimStr, (num, txt) =>
-    // Convert percentage to number. e.g. 50% -> 128
-    txt.includes('%') ? round(num / 100 * 255) : num);
-    this.r = cells[0];
-    this.g = cells[1];
-    this.b = cells[2];
-    this.a = cells[3];
-  }
-}
-
-var hueStep = 2; // 色相阶梯
-var saturationStep = 0.16; // 饱和度阶梯，浅色部分
-var saturationStep2 = 0.05; // 饱和度阶梯，深色部分
-var brightnessStep1 = 0.05; // 亮度阶梯，浅色部分
-var brightnessStep2 = 0.15; // 亮度阶梯，深色部分
-var lightColorCount = 5; // 浅色数量，主色上
-var darkColorCount = 4; // 深色数量，主色下
-
-// 暗色主题颜色映射关系表
-var darkColorMap = [{
-  index: 7,
-  amount: 15
-}, {
-  index: 6,
-  amount: 25
-}, {
-  index: 5,
-  amount: 30
-}, {
-  index: 5,
-  amount: 45
-}, {
-  index: 5,
-  amount: 65
-}, {
-  index: 5,
-  amount: 85
-}, {
-  index: 4,
-  amount: 90
-}, {
-  index: 3,
-  amount: 95
-}, {
-  index: 2,
-  amount: 97
-}, {
-  index: 1,
-  amount: 98
-}];
-function getHue(hsv, i, light) {
-  var hue;
-  // 根据色相不同，色相转向不同
-  if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
-    hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
-  } else {
-    hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
-  }
-  if (hue < 0) {
-    hue += 360;
-  } else if (hue >= 360) {
-    hue -= 360;
-  }
-  return hue;
-}
-function getSaturation(hsv, i, light) {
-  // grey color don't change saturation
-  if (hsv.h === 0 && hsv.s === 0) {
-    return hsv.s;
-  }
-  var saturation;
-  if (light) {
-    saturation = hsv.s - saturationStep * i;
-  } else if (i === darkColorCount) {
-    saturation = hsv.s + saturationStep;
-  } else {
-    saturation = hsv.s + saturationStep2 * i;
-  }
-  // 边界值修正
-  if (saturation > 1) {
-    saturation = 1;
-  }
-  // 第一格的 s 限制在 0.06-0.1 之间
-  if (light && i === lightColorCount && saturation > 0.1) {
-    saturation = 0.1;
-  }
-  if (saturation < 0.06) {
-    saturation = 0.06;
-  }
-  return Math.round(saturation * 100) / 100;
-}
-function getValue(hsv, i, light) {
-  var value;
-  if (light) {
-    value = hsv.v + brightnessStep1 * i;
-  } else {
-    value = hsv.v - brightnessStep2 * i;
-  }
-  // Clamp value between 0 and 1
-  value = Math.max(0, Math.min(1, value));
-  return Math.round(value * 100) / 100;
-}
-function generate(color) {
-  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var patterns = [];
-  var pColor = new FastColor(color);
-  var hsv = pColor.toHsv();
-  for (var i = lightColorCount; i > 0; i -= 1) {
-    var c = new FastColor({
-      h: getHue(hsv, i, true),
-      s: getSaturation(hsv, i, true),
-      v: getValue(hsv, i, true)
-    });
-    patterns.push(c);
-  }
-  patterns.push(pColor);
-  for (var _i = 1; _i <= darkColorCount; _i += 1) {
-    var _c = new FastColor({
-      h: getHue(hsv, _i),
-      s: getSaturation(hsv, _i),
-      v: getValue(hsv, _i)
-    });
-    patterns.push(_c);
-  }
-
-  // dark theme patterns
-  if (opts.theme === 'dark') {
-    return darkColorMap.map(function (_ref) {
-      var index = _ref.index,
-        amount = _ref.amount;
-      return new FastColor(opts.backgroundColor || '#141414').mix(patterns[index], amount).toHexString();
-    });
-  }
-  return patterns.map(function (c) {
-    return c.toHexString();
-  });
-}
-
-// Generated by script. Do NOT modify!
-
-var presetPrimaryColors = {
-  "red": "#F5222D",
-  "volcano": "#FA541C",
-  "orange": "#FA8C16",
-  "gold": "#FAAD14",
-  "yellow": "#FADB14",
-  "lime": "#A0D911",
-  "green": "#52C41A",
-  "cyan": "#13C2C2",
-  "blue": "#1677FF",
-  "geekblue": "#2F54EB",
-  "purple": "#722ED1",
-  "magenta": "#EB2F96",
-  "grey": "#666666"
-};
-var red = ["#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011"];
-red.primary = red[5];
-var volcano = ["#fff2e8", "#ffd8bf", "#ffbb96", "#ff9c6e", "#ff7a45", "#fa541c", "#d4380d", "#ad2102", "#871400", "#610b00"];
-volcano.primary = volcano[5];
-var orange = ["#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500"];
-orange.primary = orange[5];
-var gold = ["#fffbe6", "#fff1b8", "#ffe58f", "#ffd666", "#ffc53d", "#faad14", "#d48806", "#ad6800", "#874d00", "#613400"];
-gold.primary = gold[5];
-var yellow = ["#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700"];
-yellow.primary = yellow[5];
-var lime = ["#fcffe6", "#f4ffb8", "#eaff8f", "#d3f261", "#bae637", "#a0d911", "#7cb305", "#5b8c00", "#3f6600", "#254000"];
-lime.primary = lime[5];
-var green = ["#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00"];
-green.primary = green[5];
-var cyan = ["#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329"];
-cyan.primary = cyan[5];
-var blue = ["#e6f4ff", "#bae0ff", "#91caff", "#69b1ff", "#4096ff", "#1677ff", "#0958d9", "#003eb3", "#002c8c", "#001d66"];
-blue.primary = blue[5];
-var geekblue = ["#f0f5ff", "#d6e4ff", "#adc6ff", "#85a5ff", "#597ef7", "#2f54eb", "#1d39c4", "#10239e", "#061178", "#030852"];
-geekblue.primary = geekblue[5];
-var purple = ["#f9f0ff", "#efdbff", "#d3adf7", "#b37feb", "#9254de", "#722ed1", "#531dab", "#391085", "#22075e", "#120338"];
-purple.primary = purple[5];
-var magenta = ["#fff0f6", "#ffd6e7", "#ffadd2", "#ff85c0", "#f759ab", "#eb2f96", "#c41d7f", "#9e1068", "#780650", "#520339"];
-magenta.primary = magenta[5];
-var grey = ["#a6a6a6", "#999999", "#8c8c8c", "#808080", "#737373", "#666666", "#404040", "#1a1a1a", "#000000", "#000000"];
-grey.primary = grey[5];
-var presetPalettes = {
-  red: red,
-  volcano: volcano,
-  orange: orange,
-  gold: gold,
-  yellow: yellow,
-  lime: lime,
-  green: green,
-  cyan: cyan,
-  blue: blue,
-  geekblue: geekblue,
-  purple: purple,
-  magenta: magenta,
-  grey: grey
-};
-
 function genColorMapToken(seed, {
   generateColorPalettes,
   generateNeutralColorPalettes
@@ -4151,24 +3004,6 @@ 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('-'));
 };
 
-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 getComponentToken(component, token, defaultToken, options) {
   var customToken = _objectSpread2({}, token[component]);
   if (options !== null && options !== void 0 && options.deprecatedTokens) {
@@ -5845,7 +4680,7 @@ const generateId = (() => {
 const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       prefixCls: customizePrefixCls,
-      className,
+      className: className$1,
       trigger,
       children,
       defaultCollapsed = false,
@@ -5923,7 +4758,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: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
+    className: className(`${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;
@@ -5946,12 +4781,12 @@ const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
     minWidth: siderWidth,
     width: siderWidth
   });
-  const siderCls = classNames(prefixCls, `${prefixCls}-${theme}`, {
+  const siderCls = className(prefixCls, `${prefixCls}-${theme}`, {
     [`${prefixCls}-collapsed`]: !!collapsed,
     [`${prefixCls}-has-trigger`]: collapsible && trigger !== null && !zeroWidthTrigger,
     [`${prefixCls}-below`]: !!below,
     [`${prefixCls}-zero-width`]: parseFloat(siderWidth) === 0
-  }, className, hashId, cssVarCls);
+  }, className$1, hashId, cssVarCls);
   const contextValue = React.useMemo(() => ({
     siderCollapsed: collapsed
   }), [collapsed]);
@@ -6010,7 +4845,7 @@ const Basic = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       prefixCls: customizePrefixCls,
       suffixCls,
-      className,
+      className: className$1,
       tagName: TagName
     } = props,
     others = __rest(props, ["prefixCls", "suffixCls", "className", "tagName"]);
@@ -6021,7 +4856,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: classNames(customizePrefixCls || prefixWithSuffixCls, className, hashId, cssVarCls),
+    className: className(customizePrefixCls || prefixWithSuffixCls, className$1, hashId, cssVarCls),
     ref: ref
   }, others)));
 });
@@ -6032,7 +4867,7 @@ const BasicLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [siders, setSiders] = React.useState([]);
   const {
       prefixCls: customizePrefixCls,
-      className,
+      className: className$1,
       rootClassName,
       children,
       hasSider,
@@ -6049,10 +4884,10 @@ 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 = classNames(prefixCls, {
+  const classString = className(prefixCls, {
     [`${prefixCls}-has-sider`]: mergedHasSider,
     [`${prefixCls}-rtl`]: direction === 'rtl'
-  }, contextClassName, className, rootClassName, hashId, cssVarCls);
+  }, contextClassName, className$1, rootClassName, hashId, cssVarCls);
   const contextValue = React.useMemo(() => ({
     siderHook: {
       addSider: id => {