@chaoswise/ui 3.0.23 → 3.1.0

package/lib/Antd5/rate/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["prefixCls", "className", "rootClassName", "style", "tooltips", "character"];
+var _excluded = ["prefixCls", "className", "rootClassName", "style", "tooltips", "character", "disabled"];
 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -21,6 +21,7 @@ import RcRate from 'rc-rate';
 import { ConfigContext } from '../config-provider';
 import Tooltip from '../tooltip';
 import useStyle from './style';
+import DisabledContext from '../config-provider/DisabledContext';
 var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var prefixCls = props.prefixCls,
     className = props.className,
@@ -29,6 +30,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tooltips = props.tooltips,
     _props$character = props.character,
     character = _props$character === void 0 ? _jsx(StarFilled, {}) : _props$character,
+    customDisabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
   var characterRender = function characterRender(node, _ref) {
     var index = _ref.index;
@@ -52,10 +54,14 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
   var mergedStyle = _objectSpread(_objectSpread({}, rate === null || rate === void 0 ? void 0 : rate.style), style);
+  // ===================== Disabled =====================
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   return wrapCSSVar(_jsx(RcRate, _objectSpread(_objectSpread({
     ref: ref,
     character: character,
-    characterRender: characterRender
+    characterRender: characterRender,
+    disabled: mergedDisabled
   }, rest), {}, {
     className: classNames(className, rootClassName, hashId, cssVarCls, rate === null || rate === void 0 ? void 0 : rate.className),
     style: mergedStyle,

package/lib/Antd5/result/noFound.js

@@ -4,7 +4,9 @@ var NoFound = function NoFound() {
   return _jsxs("svg", {
     width: "252",
     height: "294",
-    children: [_jsx("defs", {
+    children: [_jsx("title", {
+      children: "No Found"
+    }), _jsx("defs", {
       children: _jsx("path", {
         d: "M0 .387h251.772v251.772H0z"
       })

package/lib/Antd5/result/serverError.js

@@ -4,7 +4,9 @@ var ServerError = function ServerError() {
   return _jsxs("svg", {
     width: "254",
     height: "294",
-    children: [_jsxs("defs", {
+    children: [_jsx("title", {
+      children: "Server Error"
+    }), _jsxs("defs", {
       children: [_jsx("path", {
         d: "M0 .335h253.49v253.49H0z"
       }), _jsx("path", {

package/lib/Antd5/result/unauthorized.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 var Unauthorized = function Unauthorized() {
-  return _jsx("svg", {
+  return _jsxs("svg", {
     width: "251",
     height: "294",
-    children: _jsxs("g", {
+    children: [_jsx("title", {
+      children: "Unauthorized"
+    }), _jsxs("g", {
       fill: "none",
       fillRule: "evenodd",
       children: [_jsx("path", {
@@ -224,7 +226,7 @@ var Unauthorized = function Unauthorized() {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
-    })
+    })]
   });
 };
 export default Unauthorized;

package/lib/Antd5/segmented/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"],
+var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical"],
   _excluded2 = ["icon", "label"];
 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
@@ -34,6 +34,7 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$size = props.size,
     customSize = _props$size === void 0 ? 'middle' : _props$size,
     style = props.style,
+    vertical = props.vertical,
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -69,7 +70,7 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return option;
     });
   }, [options, prefixCls]);
-  var cls = classNames(className, rootClassName, segmented === null || segmented === void 0 ? void 0 : segmented.className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), hashId, cssVarCls);
+  var cls = classNames(className, rootClassName, segmented === null || segmented === void 0 ? void 0 : segmented.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-vertical"), vertical), hashId, cssVarCls);
   var mergedStyle = _objectSpread(_objectSpread({}, segmented === null || segmented === void 0 ? void 0 : segmented.style), style);
   return wrapCSSVar(_jsx(RcSegmented, _objectSpread(_objectSpread({}, restProps), {}, {
     className: cls,
@@ -77,7 +78,8 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
     options: extendedOptions,
     ref: ref,
     prefixCls: prefixCls,
-    direction: direction
+    direction: direction,
+    vertical: vertical
   })));
 });
 var Segmented = InternalSegmented;

package/lib/Antd5/segmented/style/index.js

@@ -29,7 +29,7 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
   var labelHeight = token.calc(token.controlHeight).sub(token.calc(token.trackPadding).mul(2)).equal();
   var labelHeightLG = token.calc(token.controlHeightLG).sub(token.calc(token.trackPadding).mul(2)).equal();
   var labelHeightSM = token.calc(token.controlHeightSM).sub(token.calc(token.trackPadding).mul(2)).equal();
-  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'inline-block',
     padding: token.trackPadding,
     color: token.itemColor,
@@ -41,10 +41,17 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
     display: 'flex',
     alignItems: 'stretch',
     justifyItems: 'flex-start',
+    flexDirection: 'row',
     width: '100%'
   }), "&".concat(componentCls, "-rtl"), {
     direction: 'rtl'
-  }), "&".concat(componentCls, "-block"), {
+  }), "&".concat(componentCls, "-vertical"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-group"), {
+    flexDirection: 'column'
+  }), "".concat(componentCls, "-thumb"), {
+    width: '100%',
+    height: 0,
+    padding: "0 ".concat(unit(token.paddingXXS))
+  })), "&".concat(componentCls, "-block"), {
     display: 'flex'
   }), "&".concat(componentCls, "-block ").concat(componentCls, "-item"), {
     flex: 1,
@@ -106,7 +113,8 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
     width: 0,
     height: '100%',
     padding: "".concat(unit(token.paddingXXS), " 0"),
-    borderRadius: token.borderRadiusSM
+    borderRadius: token.borderRadiusSM,
+    transition: "transform ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut, ", height ").concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut)
   }, "& ~ ".concat(componentCls, "-item:not(").concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)::after"), {
     backgroundColor: 'transparent'
   }))), "&".concat(componentCls, "-lg"), _defineProperty(_defineProperty({

package/lib/Antd5/select/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount"];
+var _excluded = ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount", "prefix"];
 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -66,6 +66,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     transitionName = props.transitionName,
     tagRender = props.tagRender,
     maxCount = props.maxCount,
+    prefix = props.prefix,
     rest = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getContextPopupContainer = _React$useContext.getPopupContainer,
@@ -86,7 +87,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
-  var _useVariants = useVariants(customizeVariant, bordered),
+  var _useVariants = useVariants('select', customizeVariant, bordered),
     _useVariants2 = _slicedToArray(_useVariants, 2),
     variant = _useVariants2[0],
     enableVariantCls = _useVariants2[1];
@@ -189,6 +190,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     prefixCls: prefixCls,
     placement: memoPlacement,
     direction: direction,
+    prefix: prefix,
     suffixIcon: suffixIcon,
     menuItemSelectedIcon: itemIcon,
     removeIcon: removeIcon,

package/lib/Antd5/select/style/dropdown.js

@@ -57,7 +57,7 @@ var genSingleStyle = function genSingleStyle(token) {
     animationName: slideDownOut
   }), '&-hidden', {
     display: 'none'
-  }), "".concat(selectItemCls), _objectSpread(_objectSpread({}, genItemStyle(token)), {}, {
+  }), selectItemCls, _objectSpread(_objectSpread({}, genItemStyle(token)), {}, {
     cursor: 'pointer',
     transition: "background ".concat(token.motionDurationSlow, " ease"),
     borderRadius: token.borderRadiusSM,

package/lib/Antd5/select/style/index.js

@@ -59,9 +59,9 @@ var genBaseStyle = function genBaseStyle(token) {
     componentCls = token.componentCls,
     inputPaddingHorizontalBase = token.inputPaddingHorizontalBase,
     iconCls = token.iconCls;
-  return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
-    display: 'inline-block',
+    display: 'inline-flex',
     cursor: 'pointer'
   }, "&:not(".concat(componentCls, "-customize-input) ").concat(componentCls, "-selector"), _objectSpread(_objectSpread({}, genSelectorStyle(token)), getSearchInputWithoutBorderStyle(token))), "".concat(componentCls, "-selection-item"), _objectSpread(_objectSpread({
     flex: 1,
@@ -101,7 +101,20 @@ var genBaseStyle = function genBaseStyle(token) {
     cursor: 'not-allowed'
   }), '> *:not(:last-child)', {
     marginInlineEnd: 8 // FIXME: magic
-  }))), "".concat(componentCls, "-clear"), {
+  }))), "".concat(componentCls, "-selection-wrap"), {
+    display: 'flex',
+    width: '100%',
+    position: 'relative',
+    // https://github.com/ant-design/ant-design/issues/51669
+    '&:after': {
+      content: '"\\a0"',
+      width: 0,
+      overflow: 'hidden'
+    }
+  }), "".concat(componentCls, "-prefix"), {
+    flex: 'none',
+    marginInlineEnd: token.selectAffixPadding
+  }), "".concat(componentCls, "-clear"), {
     position: 'absolute',
     top: '50%',
     insetInlineStart: 'auto',
@@ -127,11 +140,11 @@ var genBaseStyle = function genBaseStyle(token) {
     '&:hover': {
       color: token.colorTextTertiary
     }
-  }), '&:hover', _defineProperty(_defineProperty({}, "".concat(componentCls, "-clear"), {
-    opacity: 1
-  }), "".concat(componentCls, "-arrow:not(:last-child)"), {
-    opacity: 0
-  })))), "".concat(componentCls, "-has-feedback"), _defineProperty({}, "".concat(componentCls, "-clear"), {
+  }), "&:hover ".concat(componentCls, "-clear"), {
+    opacity: 1,
+    background: token.colorBgBase,
+    borderRadius: '50%'
+  }))), "".concat(componentCls, "-has-feedback"), _defineProperty({}, "".concat(componentCls, "-clear"), {
     insetInlineEnd: token.calc(inputPaddingHorizontalBase).add(token.fontSize).add(token.paddingXS).equal()
   }));
 };

package/lib/Antd5/select/style/multiple.js

@@ -119,10 +119,10 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
   var selectItemDist = getSelectItemStyle(token);
   var suffixCls = suffix ? "".concat(componentCls, "-").concat(suffix) : '';
   var multipleSelectorUnit = getMultipleSelectorUnit(token);
-  return _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _objectSpread(_objectSpread({}, genOverflowStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
+  return _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _objectSpread(_objectSpread({}, genOverflowStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
     display: 'flex',
-    flexWrap: 'wrap',
     alignItems: 'center',
+    width: '100%',
     height: '100%',
     // Multiple is little different that horizontal is follow the vertical
     paddingInline: multipleSelectorUnit.basePadding,
@@ -141,10 +141,21 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
   })), "".concat(componentCls, "-selection-item"), {
     height: multipleSelectorUnit.itemHeight,
     lineHeight: unit(multipleSelectorUnit.itemLineHeight)
-  }), "".concat(selectOverflowPrefixCls, "-item + ").concat(selectOverflowPrefixCls, "-item"), _defineProperty({}, "".concat(componentCls, "-selection-search"), {
+  }), "".concat(componentCls, "-selection-wrap"), {
+    alignSelf: 'flex-start',
+    '&:after': {
+      lineHeight: unit(selectItemHeight),
+      marginBlock: INTERNAL_FIXED_ITEM_MARGIN
+    }
+  }), "".concat(componentCls, "-prefix"), {
+    marginInlineStart: token.calc(token.inputPaddingHorizontalBase).sub(multipleSelectorUnit.basePadding).equal()
+  }), "".concat(selectOverflowPrefixCls, "-item + ").concat(selectOverflowPrefixCls, "-item,\n        ").concat(componentCls, "-prefix + ").concat(componentCls, "-selection-wrap\n      "), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-search"), {
     marginInlineStart: 0
+  }), "".concat(componentCls, "-selection-placeholder"), {
+    insetInlineStart: 0
   })), "".concat(selectOverflowPrefixCls, "-item-suffix"), {
-    height: '100%'
+    minHeight: multipleSelectorUnit.itemHeight,
+    marginBlock: INTERNAL_FIXED_ITEM_MARGIN
   }), "".concat(componentCls, "-selection-search"), _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-flex',
     position: 'relative',
@@ -170,7 +181,7 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
   })), "".concat(componentCls, "-selection-placeholder"), {
     position: 'absolute',
     top: '50%',
-    insetInlineStart: token.inputPaddingHorizontalBase,
+    insetInlineStart: token.calc(token.inputPaddingHorizontalBase).sub(multipleSelectorUnit.basePadding).equal(),
     insetInlineEnd: token.inputPaddingHorizontalBase,
     transform: 'translateY(-50%)',
     transition: "all ".concat(token.motionDurationSlow)
@@ -179,13 +190,11 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
 function genSizeStyle(token, suffix) {
   var componentCls = token.componentCls;
   var suffixCls = suffix ? "".concat(componentCls, "-").concat(suffix) : '';
-  var rawStyle = _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _defineProperty(_defineProperty(_defineProperty({
+  var rawStyle = _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _defineProperty(_defineProperty({
     fontSize: token.fontSize
   }, "".concat(componentCls, "-selector"), _defineProperty({}, "".concat(componentCls, "-show-search&"), {
     cursor: 'text'
-  })), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n      "), {
-    paddingInlineEnd: token.showArrowPaddingInlineEnd
-  }), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selector,\n        &").concat(componentCls, "-allow-clear ").concat(componentCls, "-selector\n      "), {
+  })), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selector,\n        &").concat(componentCls, "-allow-clear ").concat(componentCls, "-selector\n      "), {
     paddingInlineEnd: token.calc(token.fontSizeIcon).add(token.controlPaddingHorizontal).equal()
   }));
   return [genSelectionStyle(token, suffix), rawStyle];

package/lib/Antd5/select/style/single.js

@@ -18,18 +18,18 @@ function genSizeStyle(token, suffix) {
     height: token.controlHeight
   }, "".concat(componentCls, "-selector"), _objectSpread(_objectSpread({}, resetComponent(token, true)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'flex',
-    borderRadius: borderRadius
+    borderRadius: borderRadius,
+    flex: '1 1 auto'
   }, "".concat(componentCls, "-selection-search"), {
     position: 'absolute',
-    top: 0,
-    insetInlineStart: inputPaddingHorizontalBase,
-    insetInlineEnd: inputPaddingHorizontalBase,
-    bottom: 0,
+    inset: 0,
+    width: '100%',
     '&-input': {
       width: '100%',
       WebkitAppearance: 'textfield'
     }
   }), "\n          ".concat(componentCls, "-selection-item,\n          ").concat(componentCls, "-selection-placeholder\n        "), {
+    display: 'block',
     padding: 0,
     lineHeight: unit(selectHeightWithoutBorder),
     transition: "all ".concat(token.motionDurationSlow, ", visibility 0s"),
@@ -42,13 +42,14 @@ function genSizeStyle(token, suffix) {
     width: 0,
     visibility: 'hidden',
     content: '"\\a0"'
-  }))), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-item,\n        &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n      "), {
+  }))), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-item,\n        &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-search,\n        &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n      "), {
     paddingInlineEnd: token.showArrowPaddingInlineEnd
   }), "&".concat(componentCls, "-open ").concat(componentCls, "-selection-item"), {
     color: token.colorTextPlaceholder
   }), "&:not(".concat(componentCls, "-customize-input)"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
     width: '100%',
     height: '100%',
+    alignItems: 'center',
     padding: "0 ".concat(unit(inputPaddingHorizontalBase))
   }, "".concat(componentCls, "-selection-search-input"), {
     height: selectHeightWithoutBorder
@@ -81,10 +82,7 @@ export default function genSingleStyle(token) {
     controlHeight: token.controlHeightSM,
     borderRadius: token.borderRadiusSM
   }), 'sm'), // padding
-  _defineProperty({}, "".concat(componentCls, "-single").concat(componentCls, "-sm"), _defineProperty({}, "&:not(".concat(componentCls, "-customize-input)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-search"), {
-    insetInlineStart: inputPaddingHorizontalSM,
-    insetInlineEnd: inputPaddingHorizontalSM
-  }), "".concat(componentCls, "-selector"), {
+  _defineProperty({}, "".concat(componentCls, "-single").concat(componentCls, "-sm"), _defineProperty({}, "&:not(".concat(componentCls, "-customize-input)"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selector"), {
     padding: "0 ".concat(unit(inputPaddingHorizontalSM))
   }), "&".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-search"), {
     insetInlineEnd: token.calc(inputPaddingHorizontalSM).add(token.calc(token.fontSize).mul(1.5)).equal()

package/lib/Antd5/select/style/token.js

@@ -15,7 +15,10 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     colorBgContainer = token.colorBgContainer,
     colorFillSecondary = token.colorFillSecondary,
     colorBgContainerDisabled = token.colorBgContainerDisabled,
-    colorTextDisabled = token.colorTextDisabled;
+    colorTextDisabled = token.colorTextDisabled,
+    colorPrimaryHover = token.colorPrimaryHover,
+    colorPrimary = token.colorPrimary,
+    controlOutline = token.controlOutline;
   // Item height default use `controlHeight - 2 * paddingXXS`,
   // but some case `paddingXXS=0`.
   // Let's fallback it.
@@ -48,6 +51,10 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     multipleSelectorBgDisabled: colorBgContainerDisabled,
     multipleItemColorDisabled: colorTextDisabled,
     multipleItemBorderColorDisabled: 'transparent',
-    showArrowPaddingInlineEnd: Math.ceil(token.fontSize * 1.25)
+    showArrowPaddingInlineEnd: Math.ceil(token.fontSize * 1.25),
+    hoverBorderColor: colorPrimaryHover,
+    activeBorderColor: colorPrimary,
+    activeOutlineColor: controlOutline,
+    selectAffixPadding: paddingXXS
   };
 };

package/lib/Antd5/select/style/variants.js

@@ -15,12 +15,14 @@ var genBaseOutlinedStyle = function genBaseOutlinedStyle(token, options) {
   return _defineProperty(_defineProperty({}, "&:not(".concat(componentCls, "-customize-input) ").concat(componentCls, "-selector"), {
     border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(options.borderColor),
     background: token.selectorBg
-  }), "&:not(".concat(componentCls, "-disabled):not(").concat(componentCls, "-customize-input):not(").concat(antCls, "-pagination-size-changer)"), _defineProperty(_defineProperty({}, "&:hover ".concat(componentCls, "-selector"), {
+  }), "&:not(".concat(componentCls, "-disabled):not(").concat(componentCls, "-customize-input):not(").concat(antCls, "-pagination-size-changer)"), _defineProperty(_defineProperty(_defineProperty({}, "&:hover ".concat(componentCls, "-selector"), {
     borderColor: options.hoverBorderHover
   }), "".concat(componentCls, "-focused& ").concat(componentCls, "-selector"), {
     borderColor: options.activeBorderColor,
-    boxShadow: "0 0 0 ".concat(unit(controlOutlineWidth), " ").concat(options.activeShadowColor),
+    boxShadow: "0 0 0 ".concat(unit(controlOutlineWidth), " ").concat(options.activeOutlineColor),
     outline: 0
+  }), "".concat(componentCls, "-prefix"), {
+    color: options.color
   }));
 };
 var genOutlinedStatusStyle = function genOutlinedStatusStyle(token, options) {
@@ -30,21 +32,24 @@ var genOutlinedStyle = function genOutlinedStyle(token) {
   return {
     '&-outlined': _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, genBaseOutlinedStyle(token, {
       borderColor: token.colorBorder,
-      hoverBorderHover: token.colorPrimaryHover,
-      activeBorderColor: token.colorPrimary,
-      activeShadowColor: token.controlOutline
+      hoverBorderHover: token.hoverBorderColor,
+      activeBorderColor: token.activeBorderColor,
+      activeOutlineColor: token.activeOutlineColor,
+      color: token.colorText
     })), genOutlinedStatusStyle(token, {
       status: 'error',
       borderColor: token.colorError,
       hoverBorderHover: token.colorErrorHover,
       activeBorderColor: token.colorError,
-      activeShadowColor: token.colorErrorOutline
+      activeOutlineColor: token.colorErrorOutline,
+      color: token.colorError
     })), genOutlinedStatusStyle(token, {
       status: 'warning',
       borderColor: token.colorWarning,
       hoverBorderHover: token.colorWarningHover,
       activeBorderColor: token.colorWarning,
-      activeShadowColor: token.colorWarningOutline
+      activeOutlineColor: token.colorWarningOutline,
+      color: token.colorWarning
     })), {}, _defineProperty(_defineProperty({}, "&".concat(token.componentCls, "-disabled"), _defineProperty({}, "&:not(".concat(token.componentCls, "-customize-input) ").concat(token.componentCls, "-selector"), {
       background: token.colorBgContainerDisabled,
       color: token.colorTextDisabled
@@ -80,7 +85,7 @@ var genFilledStyle = function genFilledStyle(token) {
     '&-filled': _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, genBaseFilledStyle(token, {
       bg: token.colorFillTertiary,
       hoverBg: token.colorFillSecondary,
-      activeBorderColor: token.colorPrimary,
+      activeBorderColor: token.activeBorderColor,
       color: token.colorText
     })), genFilledStatusStyle(token, {
       status: 'error',
@@ -109,15 +114,19 @@ var genFilledStyle = function genFilledStyle(token) {
 // =====================================================
 var genBorderlessStyle = function genBorderlessStyle(token) {
   return {
-    '&-borderless': _defineProperty(_defineProperty(_defineProperty({}, "".concat(token.componentCls, "-selector"), {
+    '&-borderless': _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(token.componentCls, "-selector"), {
       background: 'transparent',
-      borderColor: 'transparent'
+      border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " transparent")
     }), "&".concat(token.componentCls, "-disabled"), _defineProperty({}, "&:not(".concat(token.componentCls, "-customize-input) ").concat(token.componentCls, "-selector"), {
       color: token.colorTextDisabled
     })), "&".concat(token.componentCls, "-multiple ").concat(token.componentCls, "-selection-item"), {
       background: token.multipleItemBg,
       border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.multipleItemBorderColor)
-    })
+    }), "&".concat(token.componentCls, "-status-error"), _defineProperty({}, "".concat(token.componentCls, "-prefix, ").concat(token.componentCls, "-selection-item"), {
+      color: token.colorError
+    })), "&".concat(token.componentCls, "-status-warning"), _defineProperty({}, "".concat(token.componentCls, "-prefix, ").concat(token.componentCls, "-selection-item"), {
+      color: token.colorWarning
+    }))
   };
 };
 var genVariantsStyle = function genVariantsStyle(token) {

package/lib/Antd5/skeleton/Image.js

@@ -8,7 +8,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 _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 = !0, o = !1; 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 = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
@@ -34,14 +34,16 @@ var SkeletonImage = function SkeletonImage(props) {
     children: _jsx("div", {
       className: classNames("".concat(prefixCls, "-image"), className),
       style: style,
-      children: _jsx("svg", {
+      children: _jsxs("svg", {
         viewBox: "0 0 1098 1024",
         xmlns: "http://www.w3.org/2000/svg",
         className: "".concat(prefixCls, "-image-svg"),
-        children: _jsx("path", {
+        children: [_jsx("title", {
+          children: "Image placeholder"
+        }), _jsx("path", {
           d: path,
           className: "".concat(prefixCls, "-image-path")
-        })
+        })]
       })
     })
   }));

package/lib/Antd5/skeleton/Node.js

@@ -10,7 +10,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import DotChartOutlined from '@ant-design/icons/DotChartOutlined';
 import classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
 import useStyle from './style';
@@ -30,13 +29,12 @@ var SkeletonNode = function SkeletonNode(props) {
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
   var cls = classNames(prefixCls, "".concat(prefixCls, "-element"), _defineProperty({}, "".concat(prefixCls, "-active"), active), hashId, className, rootClassName, cssVarCls);
-  var content = children !== null && children !== void 0 ? children : _jsx(DotChartOutlined, {});
   return wrapCSSVar(_jsx("div", {
     className: cls,
     children: _jsx("div", {
       className: classNames("".concat(prefixCls, "-image"), className),
       style: style,
-      children: content
+      children: children
     })
   }));
 };

package/lib/Antd5/skeleton/Paragraph.js

@@ -25,7 +25,7 @@ var Paragraph = function Paragraph(props) {
     className = props.className,
     style = props.style,
     rows = props.rows;
-  var rowList = _toConsumableArray(Array(rows)).map(function (_, index) {
+  var rowList = _toConsumableArray(new Array(rows)).map(function (_, index) {
     return (
       // eslint-disable-next-line react/no-array-index-key
       _jsx("li", {

package/lib/Antd5/skeleton/Title.js

@@ -13,11 +13,14 @@ var Title = function Title(_ref) {
     className = _ref.className,
     width = _ref.width,
     style = _ref.style;
-  return _jsx("h3", {
-    className: classNames(prefixCls, className),
-    style: _objectSpread({
-      width: width
-    }, style)
-  });
+  return (
+    // biome-ignore lint/a11y/useHeadingContent: HOC here
+    _jsx("h3", {
+      className: classNames(prefixCls, className),
+      style: _objectSpread({
+        width: width
+      }, style)
+    })
+  );
 };
 export default Title;