@railtownai/railtracks-visualizer 0.0.70 → 0.0.72

package/dist/esm/index.js

@@ -6,23 +6,21 @@ import ReactDOM__default from 'react-dom';
 import CountUp from 'react-countup';
 import { render, unmount } from '@rc-component/util/es/React/render';
 import { createTheme, useCacheToken, unit, useStyleRegister, StyleContext, Keyframes } from '@ant-design/cssinjs';
-import IconContext from '@ant-design/icons/es/components/Context';
-import { warning as warning$2, merge, useEvent, toArray as toArray$1, omit, useComposeRef, useControlledState } from '@rc-component/util';
+import { warning as warning$3, getShadowRoot, updateCSS, merge, useEvent, toArray as toArray$1, omit, useComposeRef, useControlledState } from '@rc-component/util';
 import useMemo$1 from '@rc-component/util/es/hooks/useMemo';
 import Pagination$1 from '@rc-component/pagination/es/locale/en_US';
-import { generate, presetPrimaryColors, presetPalettes, gold } from '@ant-design/colors';
+import { generate as generate$1, presetPrimaryColors, presetPalettes, blue, gold } from '@ant-design/colors';
 import { FastColor } from '@ant-design/fast-color';
 import { UniqueProvider as UniqueProvider$1 } from '@rc-component/trigger';
 import CSSMotion, { Provider as Provider$2 } from '@rc-component/motion';
 import isEqual from '@rc-component/util/es/isEqual';
 import { genStyleUtils, mergeToken } from '@ant-design/cssinjs-utils';
-import CheckCircleFilled from '@ant-design/icons/es/icons/CheckCircleFilled';
-import CloseCircleFilled from '@ant-design/icons/es/icons/CloseCircleFilled';
-import ExclamationCircleFilled from '@ant-design/icons/es/icons/ExclamationCircleFilled';
-import InfoCircleFilled from '@ant-design/icons/es/icons/InfoCircleFilled';
-import LoadingOutlined from '@ant-design/icons/es/icons/LoadingOutlined';
+import CheckCircleFilledSvg from '@ant-design/icons-svg/lib/asn/CheckCircleFilled';
+import CloseCircleFilledSvg from '@ant-design/icons-svg/lib/asn/CloseCircleFilled';
+import ExclamationCircleFilledSvg from '@ant-design/icons-svg/lib/asn/ExclamationCircleFilled';
+import InfoCircleFilledSvg from '@ant-design/icons-svg/lib/asn/InfoCircleFilled';
+import LoadingOutlinedSvg from '@ant-design/icons-svg/lib/asn/LoadingOutlined';
 import { Notice, useNotification, NotificationProvider } from '@rc-component/notification';
-import CloseOutlined from '@ant-design/icons/es/icons/CloseOutlined';
 import pickAttrs from '@rc-component/util/es/pickAttrs';
 import RcTooltip, { Popup } from '@rc-component/tooltip';
 import '@rc-component/form';
@@ -31,53 +29,54 @@ import useLayoutEffect$1 from '@rc-component/util/es/hooks/useLayoutEffect';
 import isVisible from '@rc-component/util/es/Dom/isVisible';
 import { composeRef, supportRef, getNodeRef, supportNodeRef, useComposeRef as useComposeRef$1 } from '@rc-component/util/es/ref';
 import raf from '@rc-component/util/es/raf';
-import RightOutlined from '@ant-design/icons/es/icons/RightOutlined';
+import RightOutlinedSvg from '@ant-design/icons-svg/lib/asn/RightOutlined';
 import RcCollapse from '@rc-component/collapse';
 import RcTree, { TreeNode as TreeNode$1 } from '@rc-component/tree';
-import FileOutlined from '@ant-design/icons/es/icons/FileOutlined';
-import FolderOpenOutlined from '@ant-design/icons/es/icons/FolderOpenOutlined';
-import FolderOutlined from '@ant-design/icons/es/icons/FolderOutlined';
+import FileOutlinedSvg from '@ant-design/icons-svg/lib/asn/FileOutlined';
+import FolderOpenOutlinedSvg from '@ant-design/icons-svg/lib/asn/FolderOpenOutlined';
+import FolderOutlinedSvg from '@ant-design/icons-svg/lib/asn/FolderOutlined';
 import { arrDel, arrAdd, conductExpandParent } from '@rc-component/tree/es/util';
 import { convertDataToEntities, fillFieldNames, convertTreeToData } from '@rc-component/tree/es/utils/treeUtil';
-import HolderOutlined from '@ant-design/icons/es/icons/HolderOutlined';
-import CaretDownFilled from '@ant-design/icons/es/icons/CaretDownFilled';
-import MinusSquareOutlined from '@ant-design/icons/es/icons/MinusSquareOutlined';
-import PlusSquareOutlined from '@ant-design/icons/es/icons/PlusSquareOutlined';
-import EditOutlined from '@ant-design/icons/es/icons/EditOutlined';
+import HolderOutlinedSvg from '@ant-design/icons-svg/lib/asn/HolderOutlined';
+import CaretDownFilledSvg from '@ant-design/icons-svg/lib/asn/CaretDownFilled';
+import MinusSquareOutlinedSvg from '@ant-design/icons-svg/lib/asn/MinusSquareOutlined';
+import PlusSquareOutlinedSvg from '@ant-design/icons-svg/lib/asn/PlusSquareOutlined';
+import EditOutlinedSvg from '@ant-design/icons-svg/lib/asn/EditOutlined';
 import ResizeObserver$1 from '@rc-component/resize-observer';
 import '@rc-component/util/es/Dom/canUseDom';
 import { isStyleSupport } from '@rc-component/util/es/Dom/styleChecker';
-import EnterOutlined from '@ant-design/icons/es/icons/EnterOutlined';
+import EnterOutlinedSvg from '@ant-design/icons-svg/lib/asn/EnterOutlined';
 import KeyCode from '@rc-component/util/es/KeyCode';
 import RcTextArea from '@rc-component/textarea';
 import RcInput from '@rc-component/input';
 import { triggerFocus } from '@rc-component/util/es/Dom/focus';
-import CheckOutlined from '@ant-design/icons/es/icons/CheckOutlined';
-import CopyOutlined from '@ant-design/icons/es/icons/CopyOutlined';
+import CheckOutlinedSvg from '@ant-design/icons-svg/lib/asn/CheckOutlined';
+import CopyOutlinedSvg from '@ant-design/icons-svg/lib/asn/CopyOutlined';
+import CloseOutlinedSvg from '@ant-design/icons-svg/lib/asn/CloseOutlined';
 import RcDrawer from '@rc-component/drawer';
 import useId$2 from '@rc-component/util/es/hooks/useId';
-import EllipsisOutlined from '@ant-design/icons/es/icons/EllipsisOutlined';
-import PlusOutlined from '@ant-design/icons/es/icons/PlusOutlined';
+import EllipsisOutlinedSvg from '@ant-design/icons-svg/lib/asn/EllipsisOutlined';
+import PlusOutlinedSvg from '@ant-design/icons-svg/lib/asn/PlusOutlined';
 import RcTabs from '@rc-component/tabs';
 import RcSwitch from '@rc-component/switch';
 import RcSelect, { Option, OptGroup } from '@rc-component/select';
-import DownOutlined from '@ant-design/icons/es/icons/DownOutlined';
-import SearchOutlined from '@ant-design/icons/es/icons/SearchOutlined';
+import DownOutlinedSvg from '@ant-design/icons-svg/lib/asn/DownOutlined';
+import SearchOutlinedSvg from '@ant-design/icons-svg/lib/asn/SearchOutlined';
 import { INTERNAL_COL_DEFINE, genTable, genVirtualTable, INTERNAL_HOOKS, EXPAND_COLUMN, Summary } from '@rc-component/table';
 import { conductCheck } from '@rc-component/tree/es/utils/conductUtil';
 import useControlledState$1 from '@rc-component/util/es/hooks/useControlledState';
-import LeftOutlined from '@ant-design/icons/es/icons/LeftOutlined';
+import LeftOutlinedSvg from '@ant-design/icons-svg/lib/asn/LeftOutlined';
 import RcDropdown from '@rc-component/dropdown';
 import RcMenu, { Divider as Divider$1, Item as Item$1, useFullPath, SubMenu as SubMenu$1, ItemGroup } from '@rc-component/menu';
-import BarsOutlined from '@ant-design/icons/es/icons/BarsOutlined';
+import BarsOutlinedSvg from '@ant-design/icons-svg/lib/asn/BarsOutlined';
 import '@rc-component/util/es/Dom/findDOMNode';
 import { convertChildrenToColumns } from '@rc-component/table/es/hooks/useColumns';
-import DoubleLeftOutlined from '@ant-design/icons/es/icons/DoubleLeftOutlined';
-import DoubleRightOutlined from '@ant-design/icons/es/icons/DoubleRightOutlined';
+import DoubleLeftOutlinedSvg from '@ant-design/icons-svg/lib/asn/DoubleLeftOutlined';
+import DoubleRightOutlinedSvg from '@ant-design/icons-svg/lib/asn/DoubleRightOutlined';
 import RcPagination from '@rc-component/pagination';
-import FilterFilled from '@ant-design/icons/es/icons/FilterFilled';
-import CaretDownOutlined from '@ant-design/icons/es/icons/CaretDownOutlined';
-import CaretUpOutlined from '@ant-design/icons/es/icons/CaretUpOutlined';
+import FilterFilledSvg from '@ant-design/icons-svg/lib/asn/FilterFilled';
+import CaretDownOutlinedSvg from '@ant-design/icons-svg/lib/asn/CaretDownOutlined';
+import CaretUpOutlinedSvg from '@ant-design/icons-svg/lib/asn/CaretUpOutlined';
 
 function cc(names) {
     if (typeof names === "string" || typeof names === "number") return "" + names;
@@ -97,7 +96,7 @@ function cc(names) {
 }
 
 var noop$2 = {
-    value: ()=>{}
+    value: function() {}
 };
 function dispatch() {
     for(var i = 0, n = arguments.length, _ = {}, t; i < n; ++i){
@@ -12885,7 +12884,7 @@ const toPascalCase = (string)=>{
 const LucideContext = createContext({});
 const useLucideContext = ()=>useContext(LucideContext);
 
-const Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>{
+const Icon$1 = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>{
     const { size: contextSize = 24, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, color: contextColor = "currentColor", className: contextClass = "" } = useLucideContext() ?? {};
     const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
     return createElement("svg", {
@@ -12909,7 +12908,7 @@ const Icon = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, classN
 });
 
 const createLucideIcon = (iconName, iconNode)=>{
-    const Component = forwardRef(({ className, ...props }, ref)=>createElement(Icon, {
+    const Component = forwardRef(({ className, ...props }, ref)=>createElement(Icon$1, {
             ref,
             iconNode,
             className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
@@ -12919,7 +12918,7 @@ const createLucideIcon = (iconName, iconNode)=>{
     return Component;
 };
 
-const __iconNode$C = [
+const __iconNode$D = [
     [
         "path",
         {
@@ -12935,9 +12934,9 @@ const __iconNode$C = [
         }
     ]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$C);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$D);
 
-const __iconNode$B = [
+const __iconNode$C = [
     [
         "path",
         {
@@ -12953,9 +12952,9 @@ const __iconNode$B = [
         }
     ]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$B);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$C);
 
-const __iconNode$A = [
+const __iconNode$B = [
     [
         "path",
         {
@@ -13003,9 +13002,9 @@ const __iconNode$A = [
         }
     ]
 ];
-const Bot = createLucideIcon("bot", __iconNode$A);
+const Bot = createLucideIcon("bot", __iconNode$B);
 
-const __iconNode$z = [
+const __iconNode$A = [
     [
         "path",
         {
@@ -13039,9 +13038,9 @@ const __iconNode$z = [
         }
     ]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$z);
+const Calendar = createLucideIcon("calendar", __iconNode$A);
 
-const __iconNode$y = [
+const __iconNode$z = [
     [
         "path",
         {
@@ -13098,9 +13097,9 @@ const __iconNode$y = [
         }
     ]
 ];
-const ChartNetwork = createLucideIcon("chart-network", __iconNode$y);
+const ChartNetwork = createLucideIcon("chart-network", __iconNode$z);
 
-const __iconNode$x = [
+const __iconNode$y = [
     [
         "path",
         {
@@ -13109,9 +13108,9 @@ const __iconNode$x = [
         }
     ]
 ];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$x);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$y);
 
-const __iconNode$w = [
+const __iconNode$x = [
     [
         "path",
         {
@@ -13120,9 +13119,9 @@ const __iconNode$w = [
         }
     ]
 ];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$w);
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$x);
 
-const __iconNode$v = [
+const __iconNode$w = [
     [
         "path",
         {
@@ -13138,9 +13137,9 @@ const __iconNode$v = [
         }
     ]
 ];
-const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$v);
+const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$w);
 
-const __iconNode$u = [
+const __iconNode$v = [
     [
         "path",
         {
@@ -13156,9 +13155,9 @@ const __iconNode$u = [
         }
     ]
 ];
-const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$u);
+const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$v);
 
-const __iconNode$t = [
+const __iconNode$u = [
     [
         "circle",
         {
@@ -13189,9 +13188,9 @@ const __iconNode$t = [
         }
     ]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$t);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$u);
 
-const __iconNode$s = [
+const __iconNode$t = [
     [
         "path",
         {
@@ -13207,9 +13206,9 @@ const __iconNode$s = [
         }
     ]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$s);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$t);
 
-const __iconNode$r = [
+const __iconNode$s = [
     [
         "circle",
         {
@@ -13234,9 +13233,9 @@ const __iconNode$r = [
         }
     ]
 ];
-const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$r);
+const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$s);
 
-const __iconNode$q = [
+const __iconNode$r = [
     [
         "circle",
         {
@@ -13254,9 +13253,9 @@ const __iconNode$q = [
         }
     ]
 ];
-const Clock = createLucideIcon("clock", __iconNode$q);
+const Clock = createLucideIcon("clock", __iconNode$r);
 
-const __iconNode$p = [
+const __iconNode$q = [
     [
         "rect",
         {
@@ -13277,9 +13276,9 @@ const __iconNode$p = [
         }
     ]
 ];
-const Copy = createLucideIcon("copy", __iconNode$p);
+const Copy = createLucideIcon("copy", __iconNode$q);
 
-const __iconNode$o = [
+const __iconNode$p = [
     [
         "path",
         {
@@ -13387,9 +13386,9 @@ const __iconNode$o = [
         }
     ]
 ];
-const Cpu = createLucideIcon("cpu", __iconNode$o);
+const Cpu = createLucideIcon("cpu", __iconNode$p);
 
-const __iconNode$n = [
+const __iconNode$o = [
     [
         "line",
         {
@@ -13408,9 +13407,9 @@ const __iconNode$n = [
         }
     ]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$n);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$o);
 
-const __iconNode$m = [
+const __iconNode$n = [
     [
         "path",
         {
@@ -13440,9 +13439,9 @@ const __iconNode$m = [
         }
     ]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$m);
+const FileInput = createLucideIcon("file-input", __iconNode$n);
 
-const __iconNode$l = [
+const __iconNode$m = [
     [
         "path",
         {
@@ -13472,9 +13471,9 @@ const __iconNode$l = [
         }
     ]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$l);
+const FileOutput = createLucideIcon("file-output", __iconNode$m);
 
-const __iconNode$k = [
+const __iconNode$l = [
     [
         "path",
         {
@@ -13532,9 +13531,9 @@ const __iconNode$k = [
         }
     ]
 ];
-const FoldVertical = createLucideIcon("fold-vertical", __iconNode$k);
+const FoldVertical = createLucideIcon("fold-vertical", __iconNode$l);
 
-const __iconNode$j = [
+const __iconNode$k = [
     [
         "path",
         {
@@ -13550,9 +13549,9 @@ const __iconNode$j = [
         }
     ]
 ];
-const Gauge = createLucideIcon("gauge", __iconNode$j);
+const Gauge = createLucideIcon("gauge", __iconNode$k);
 
-const __iconNode$i = [
+const __iconNode$j = [
     [
         "line",
         {
@@ -13594,9 +13593,9 @@ const __iconNode$i = [
         }
     ]
 ];
-const Hash = createLucideIcon("hash", __iconNode$i);
+const Hash = createLucideIcon("hash", __iconNode$j);
 
-const __iconNode$h = [
+const __iconNode$i = [
     [
         "circle",
         {
@@ -13621,9 +13620,9 @@ const __iconNode$h = [
         }
     ]
 ];
-const Info = createLucideIcon("info", __iconNode$h);
+const Info = createLucideIcon("info", __iconNode$i);
 
-const __iconNode$g = [
+const __iconNode$h = [
     [
         "path",
         {
@@ -13660,9 +13659,9 @@ const __iconNode$g = [
         }
     ]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$g);
+const ListChecks = createLucideIcon("list-checks", __iconNode$h);
 
-const __iconNode$f = [
+const __iconNode$g = [
     [
         "path",
         {
@@ -13692,9 +13691,9 @@ const __iconNode$f = [
         }
     ]
 ];
-const MessageSquareText = createLucideIcon("message-square-text", __iconNode$f);
+const MessageSquareText = createLucideIcon("message-square-text", __iconNode$g);
 
-const __iconNode$e = [
+const __iconNode$f = [
     [
         "path",
         {
@@ -13710,9 +13709,9 @@ const __iconNode$e = [
         }
     ]
 ];
-const MessagesSquare = createLucideIcon("messages-square", __iconNode$e);
+const MessagesSquare = createLucideIcon("messages-square", __iconNode$f);
 
-const __iconNode$d = [
+const __iconNode$e = [
     [
         "rect",
         {
@@ -13732,9 +13731,9 @@ const __iconNode$d = [
         }
     ]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$d);
+const PanelLeft = createLucideIcon("panel-left", __iconNode$e);
 
-const __iconNode$c = [
+const __iconNode$d = [
     [
         "rect",
         {
@@ -13761,9 +13760,9 @@ const __iconNode$c = [
         }
     ]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$c);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$d);
 
-const __iconNode$b = [
+const __iconNode$c = [
     [
         "path",
         {
@@ -13793,9 +13792,9 @@ const __iconNode$b = [
         }
     ]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$b);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$c);
 
-const __iconNode$a = [
+const __iconNode$b = [
     [
         "path",
         {
@@ -13832,9 +13831,9 @@ const __iconNode$a = [
         }
     ]
 ];
-const Scale = createLucideIcon("scale", __iconNode$a);
+const Scale = createLucideIcon("scale", __iconNode$b);
 
-const __iconNode$9 = [
+const __iconNode$a = [
     [
         "path",
         {
@@ -13868,9 +13867,9 @@ const __iconNode$9 = [
         }
     ]
 ];
-const Settings2 = createLucideIcon("settings-2", __iconNode$9);
+const Settings2 = createLucideIcon("settings-2", __iconNode$a);
 
-const __iconNode$8 = [
+const __iconNode$9 = [
     [
         "path",
         {
@@ -13893,9 +13892,9 @@ const __iconNode$8 = [
         }
     ]
 ];
-const Share = createLucideIcon("share", __iconNode$8);
+const Share = createLucideIcon("share", __iconNode$9);
 
-const __iconNode$7 = [
+const __iconNode$8 = [
     [
         "path",
         {
@@ -13904,9 +13903,9 @@ const __iconNode$7 = [
         }
     ]
 ];
-const Shield = createLucideIcon("shield", __iconNode$7);
+const Shield = createLucideIcon("shield", __iconNode$8);
 
-const __iconNode$6 = [
+const __iconNode$7 = [
     [
         "path",
         {
@@ -13932,9 +13931,9 @@ const __iconNode$6 = [
         }
     ]
 ];
-const Tags = createLucideIcon("tags", __iconNode$6);
+const Tags = createLucideIcon("tags", __iconNode$7);
 
-const __iconNode$5 = [
+const __iconNode$6 = [
     [
         "circle",
         {
@@ -13963,9 +13962,9 @@ const __iconNode$5 = [
         }
     ]
 ];
-const Target = createLucideIcon("target", __iconNode$5);
+const Target = createLucideIcon("target", __iconNode$6);
 
-const __iconNode$4 = [
+const __iconNode$5 = [
     [
         "line",
         {
@@ -13996,7 +13995,32 @@ const __iconNode$4 = [
         }
     ]
 ];
-const Timer = createLucideIcon("timer", __iconNode$4);
+const Timer = createLucideIcon("timer", __iconNode$5);
+
+const __iconNode$4 = [
+    [
+        "path",
+        {
+            d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+            key: "wmoenq"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 9v4",
+            key: "juzpu7"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 17h.01",
+            key: "p32p05"
+        }
+    ]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$4);
 
 const __iconNode$3 = [
     [
@@ -15136,14 +15160,14 @@ var createCache = function createCache(options) {
     return cache;
 };
 
-function _extends$1() {
-    return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$v() {
+    return _extends$v = 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$1.apply(null, arguments);
+    }, _extends$v.apply(null, arguments);
 }
 
 var reactIs = {exports: {}};
@@ -15838,7 +15862,7 @@ var getTheme = function getTheme(outerTheme, theme) {
         var mergedTheme = theme(outerTheme);
         return mergedTheme;
     }
-    return _extends$1({}, outerTheme, theme);
+    return _extends$v({}, outerTheme, theme);
 };
 var createCacheWithTheme = /* #__PURE__ */ weakMemoize(function(outerTheme) {
     return weakMemoize(function(theme) {
@@ -16614,7 +16638,7 @@ var createStyled = function createStyled(tag, options) {
             }
         });
         Styled.withComponent = function(nextTag, nextOptions) {
-            var newStyled = createStyled(nextTag, _extends$1({}, options, nextOptions, {
+            var newStyled = createStyled(nextTag, _extends$v({}, options, nextOptions, {
                 shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
             }));
             return newStyled.apply(void 0, styles);
@@ -21665,7 +21689,7 @@ const AppleIcon = ({ width = "1.5rem", height = "1.5rem" })=>/*#__PURE__*/ React
     })));
 
 function noop$1() {}
-const { resetWarned: rcResetWarned } = warning$2;
+const { resetWarned: rcResetWarned } = warning$3;
 let deprecatedWarnList = null;
 function resetWarned() {
     deprecatedWarnList = null;
@@ -21674,14 +21698,14 @@ function resetWarned() {
 let _warning = noop$1;
 if (process.env.NODE_ENV !== 'production') {
     _warning = (valid, component, message)=>{
-        warning$2(valid, `[antd: ${component}] ${message}`);
+        warning$3(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$1 = _warning;
+const warning$2 = _warning;
 const WarningContext = /*#__PURE__*/ React.createContext({});
 /**
  * This is a hook but we not named as `useWarning`
@@ -21705,7 +21729,7 @@ const WarningContext = /*#__PURE__*/ React.createContext({});
                     console.warn('[antd] There exists deprecated usage in your code:', deprecatedWarnList);
                 }
             } else {
-                process.env.NODE_ENV !== "production" ? warning$1(valid, component, message) : void 0;
+                process.env.NODE_ENV !== "production" ? warning$2(valid, component, message) : void 0;
             }
         }
     };
@@ -22118,7 +22142,7 @@ const getSolidColor = (baseColor, brightness)=>{
 };
 
 const generateColorPalettes = (baseColor)=>{
-    const colors = generate(baseColor);
+    const colors = generate$1(baseColor);
     return {
         1: colors[0],
         2: colors[1],
@@ -22167,7 +22191,7 @@ function derivative(token) {
     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]);
+        const colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate$1(token[colorKey]);
         return Array.from({
             length: 10
         }, ()=>1).reduce((prev, _, i)=>{
@@ -22765,6 +22789,377 @@ const useResetIconStyle = (iconPrefixCls, csp)=>{
     }, ()=>genIconStyle(iconPrefixCls));
 };
 
+const IconContext = /*#__PURE__*/ createContext({});
+
+function camelCase(input) {
+    return input.replace(/-(.)/g, (match, g)=>g.toUpperCase());
+}
+function warning$1(valid, message) {
+    warning$3(valid, `[@ant-design/icons] ${message}`);
+}
+function isIconDefinition(target) {
+    return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function');
+}
+function normalizeAttrs(attrs = {}) {
+    return Object.keys(attrs).reduce((acc, key)=>{
+        const val = attrs[key];
+        switch(key){
+            case 'class':
+                acc.className = val;
+                delete acc.class;
+                break;
+            default:
+                delete acc[key];
+                acc[camelCase(key)] = val;
+        }
+        return acc;
+    }, {});
+}
+function generate(node, key, rootProps) {
+    if (!rootProps) {
+        return /*#__PURE__*/ React__default.createElement(node.tag, {
+            key,
+            ...normalizeAttrs(node.attrs)
+        }, (node.children || []).map((child, index)=>generate(child, `${key}-${node.tag}-${index}`)));
+    }
+    return /*#__PURE__*/ React__default.createElement(node.tag, {
+        key,
+        ...normalizeAttrs(node.attrs),
+        ...rootProps
+    }, (node.children || []).map((child, index)=>generate(child, `${key}-${node.tag}-${index}`)));
+}
+function getSecondaryColor(primaryColor) {
+    // choose the second color
+    return generate$1(primaryColor)[0];
+}
+function normalizeTwoToneColors(twoToneColor) {
+    if (!twoToneColor) {
+        return [];
+    }
+    return Array.isArray(twoToneColor) ? twoToneColor : [
+        twoToneColor
+    ];
+}
+const iconStyles = `
+.anticon {
+  display: inline-flex;
+  align-items: center;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+  vertical-align: inherit;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin {
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`;
+const useInsertStyles = (eleRef)=>{
+    const { csp, prefixCls, layer } = useContext(IconContext);
+    let mergedStyleStr = iconStyles;
+    if (prefixCls) {
+        mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
+    }
+    if (layer) {
+        mergedStyleStr = `@layer ${layer} {\n${mergedStyleStr}\n}`;
+    }
+    useEffect(()=>{
+        const ele = eleRef.current;
+        const shadowRoot = getShadowRoot(ele);
+        updateCSS(mergedStyleStr, '@ant-design-icons', {
+            prepend: !layer,
+            csp,
+            attachTo: shadowRoot
+        });
+    }, []);
+};
+
+const twoToneColorPalette = {
+    primaryColor: '#333',
+    secondaryColor: '#E6E6E6',
+    calculated: false
+};
+function setTwoToneColors({ primaryColor, secondaryColor }) {
+    twoToneColorPalette.primaryColor = primaryColor;
+    twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
+    twoToneColorPalette.calculated = !!secondaryColor;
+}
+function getTwoToneColors() {
+    return {
+        ...twoToneColorPalette
+    };
+}
+const IconBase = (props)=>{
+    const { icon, className, onClick, style, primaryColor, secondaryColor, ...restProps } = props;
+    const svgRef = React.useRef(null);
+    let colors = twoToneColorPalette;
+    if (primaryColor) {
+        colors = {
+            primaryColor,
+            secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
+        };
+    }
+    useInsertStyles(svgRef);
+    warning$1(isIconDefinition(icon), `icon should be icon definiton, but got ${icon}`);
+    if (!isIconDefinition(icon)) {
+        return null;
+    }
+    let target = icon;
+    if (target && typeof target.icon === 'function') {
+        target = {
+            ...target,
+            icon: target.icon(colors.primaryColor, colors.secondaryColor)
+        };
+    }
+    return generate(target.icon, `svg-${target.name}`, {
+        className,
+        onClick,
+        style,
+        'data-icon': target.name,
+        width: '1em',
+        height: '1em',
+        fill: 'currentColor',
+        'aria-hidden': 'true',
+        ...restProps,
+        ref: svgRef
+    });
+};
+IconBase.displayName = 'IconReact';
+IconBase.getTwoToneColors = getTwoToneColors;
+IconBase.setTwoToneColors = setTwoToneColors;
+
+function setTwoToneColor(twoToneColor) {
+    const [primaryColor, secondaryColor] = normalizeTwoToneColors(twoToneColor);
+    return IconBase.setTwoToneColors({
+        primaryColor,
+        secondaryColor
+    });
+}
+function getTwoToneColor() {
+    const colors = IconBase.getTwoToneColors();
+    if (!colors.calculated) {
+        return colors.primaryColor;
+    }
+    return [
+        colors.primaryColor,
+        colors.secondaryColor
+    ];
+}
+
+function _extends$u() {
+    _extends$u = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$u.apply(this, arguments);
+}
+// Initial setting
+// should move it to antd main repo?
+setTwoToneColor(blue.primary);
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
+const Icon = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { // affect outter <i>...</i>
+    className, // affect inner <svg>...</svg>
+    icon, spin, rotate, tabIndex, onClick, // other
+    twoToneColor, ...restProps } = props;
+    const { prefixCls = 'anticon', rootClassName } = React.useContext(IconContext);
+    const classString = clsx(rootClassName, prefixCls, {
+        [`${prefixCls}-${icon.name}`]: !!icon.name,
+        [`${prefixCls}-spin`]: !!spin || icon.name === 'loading'
+    }, className);
+    let iconTabIndex = tabIndex;
+    if (iconTabIndex === undefined && onClick) {
+        iconTabIndex = -1;
+    }
+    const svgStyle = rotate ? {
+        msTransform: `rotate(${rotate}deg)`,
+        transform: `rotate(${rotate}deg)`
+    } : undefined;
+    const [primaryColor, secondaryColor] = normalizeTwoToneColors(twoToneColor);
+    return /*#__PURE__*/ React.createElement("span", _extends$u({
+        role: "img",
+        "aria-label": icon.name
+    }, restProps, {
+        ref: ref,
+        tabIndex: iconTabIndex,
+        onClick: onClick,
+        className: classString
+    }), /*#__PURE__*/ React.createElement(IconBase, {
+        icon: icon,
+        primaryColor: primaryColor,
+        secondaryColor: secondaryColor,
+        style: svgStyle
+    }));
+});
+Icon.getTwoToneColor = getTwoToneColor;
+Icon.setTwoToneColor = setTwoToneColor;
+if (process.env.NODE_ENV !== 'production') {
+    Icon.displayName = 'AntdIcon';
+}
+
+function _extends$t() {
+    _extends$t = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$t.apply(this, arguments);
+}
+const CheckCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$t({}, props, {
+        ref: ref,
+        icon: CheckCircleFilledSvg
+    }));
+/**![check-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0xOTMuNSAzMDEuN2wtMjEwLjYgMjkyYTMxLjggMzEuOCAwIDAxLTUxLjcgMEwzMTguNSA0ODQuOWMtMy44LTUuMyAwLTEyLjcgNi41LTEyLjdoNDYuOWMxMC4yIDAgMTkuOSA0LjkgMjUuOSAxMy4zbDcxLjIgOTguOCAxNTcuMi0yMThjNi04LjMgMTUuNi0xMy4zIDI1LjktMTMuM0g2OTljNi41IDAgMTAuMyA3LjQgNi41IDEyLjd6IiAvPjwvc3ZnPg==) */ const RefIcon$s = /*#__PURE__*/ React.forwardRef(CheckCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$s.displayName = 'CheckCircleFilled';
+}
+
+function _extends$s() {
+    _extends$s = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$s.apply(this, arguments);
+}
+const CloseCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$s({}, props, {
+        ref: ref,
+        icon: CloseCircleFilledSvg
+    }));
+/**![close-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDY0YzI0Ny40IDAgNDQ4IDIwMC42IDQ0OCA0NDhTNzU5LjQgOTYwIDUxMiA5NjAgNjQgNzU5LjQgNjQgNTEyIDI2NC42IDY0IDUxMiA2NHptMTI3Ljk4IDI3NC44MmgtLjA0bC0uMDguMDZMNTEyIDQ2Ni43NSAzODQuMTQgMzM4Ljg4Yy0uMDQtLjA1LS4wNi0uMDYtLjA4LS4wNmEuMTIuMTIgMCAwMC0uMDcgMGMtLjAzIDAtLjA1LjAxLS4wOS4wNWwtNDUuMDIgNDUuMDJhLjIuMiAwIDAwLS4wNS4wOS4xMi4xMiAwIDAwMCAuMDd2LjAyYS4yNy4yNyAwIDAwLjA2LjA2TDQ2Ni43NSA1MTIgMzM4Ljg4IDYzOS44NmMtLjA1LjA0LS4wNi4wNi0uMDYuMDhhLjEyLjEyIDAgMDAwIC4wN2MwIC4wMy4wMS4wNS4wNS4wOWw0NS4wMiA0NS4wMmEuMi4yIDAgMDAuMDkuMDUuMTIuMTIgMCAwMC4wNyAwYy4wMiAwIC4wNC0uMDEuMDgtLjA1TDUxMiA1NTcuMjVsMTI3Ljg2IDEyNy44N2MuMDQuMDQuMDYuMDUuMDguMDVhLjEyLjEyIDAgMDAuMDcgMGMuMDMgMCAuMDUtLjAxLjA5LS4wNWw0NS4wMi00NS4wMmEuMi4yIDAgMDAuMDUtLjA5LjEyLjEyIDAgMDAwLS4wN3YtLjAyYS4yNy4yNyAwIDAwLS4wNS0uMDZMNTU3LjI1IDUxMmwxMjcuODctMTI3Ljg2Yy4wNC0uMDQuMDUtLjA2LjA1LS4wOGEuMTIuMTIgMCAwMDAtLjA3YzAtLjAzLS4wMS0uMDUtLjA1LS4wOWwtNDUuMDItNDUuMDJhLjIuMiAwIDAwLS4wOS0uMDUuMTIuMTIgMCAwMC0uMDcgMHoiIC8+PC9zdmc+) */ const RefIcon$r = /*#__PURE__*/ React.forwardRef(CloseCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$r.displayName = 'CloseCircleFilled';
+}
+
+function _extends$r() {
+    _extends$r = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$r.apply(this, arguments);
+}
+const CloseOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$r({}, props, {
+        ref: ref,
+        icon: CloseOutlinedSvg
+    }));
+/**![close](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzk5Ljg2IDE2Ni4zMWMuMDIgMCAuMDQuMDIuMDguMDZsNTcuNjkgNTcuN2MuMDQuMDMuMDUuMDUuMDYuMDhhLjEyLjEyIDAgMDEwIC4wNmMwIC4wMy0uMDIuMDUtLjA2LjA5TDU2OS45MyA1MTJsMjg3LjcgMjg3LjdjLjA0LjA0LjA1LjA2LjA2LjA5YS4xMi4xMiAwIDAxMCAuMDdjMCAuMDItLjAyLjA0LS4wNi4wOGwtNTcuNyA1Ny42OWMtLjAzLjA0LS4wNS4wNS0uMDcuMDZhLjEyLjEyIDAgMDEtLjA3IDBjLS4wMyAwLS4wNS0uMDItLjA5LS4wNkw1MTIgNTY5LjkzbC0yODcuNyAyODcuN2MtLjA0LjA0LS4wNi4wNS0uMDkuMDZhLjEyLjEyIDAgMDEtLjA3IDBjLS4wMiAwLS4wNC0uMDItLjA4LS4wNmwtNTcuNjktNTcuN2MtLjA0LS4wMy0uMDUtLjA1LS4wNi0uMDdhLjEyLjEyIDAgMDEwLS4wN2MwLS4wMy4wMi0uMDUuMDYtLjA5TDQ1NC4wNyA1MTJsLTI4Ny43LTI4Ny43Yy0uMDQtLjA0LS4wNS0uMDYtLjA2LS4wOWEuMTIuMTIgMCAwMTAtLjA3YzAtLjAyLjAyLS4wNC4wNi0uMDhsNTcuNy01Ny42OWMuMDMtLjA0LjA1LS4wNS4wNy0uMDZhLjEyLjEyIDAgMDEuMDcgMGMuMDMgMCAuMDUuMDIuMDkuMDZMNTEyIDQ1NC4wN2wyODcuNy0yODcuN2MuMDQtLjA0LjA2LS4wNS4wOS0uMDZhLjEyLjEyIDAgMDEuMDcgMHoiIC8+PC9zdmc+) */ const RefIcon$q = /*#__PURE__*/ React.forwardRef(CloseOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$q.displayName = 'CloseOutlined';
+}
+
+function _extends$q() {
+    _extends$q = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$q.apply(this, arguments);
+}
+const ExclamationCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$q({}, props, {
+        ref: ref,
+        icon: ExclamationCircleFilledSvg
+    }));
+/**![exclamation-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0tMzIgMjMyYzAtNC40IDMuNi04IDgtOGg0OGM0LjQgMCA4IDMuNiA4IDh2MjcyYzAgNC40LTMuNiA4LTggOGgtNDhjLTQuNCAwLTgtMy42LTgtOFYyOTZ6bTMyIDQ0MGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */ const RefIcon$p = /*#__PURE__*/ React.forwardRef(ExclamationCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$p.displayName = 'ExclamationCircleFilled';
+}
+
+function _extends$p() {
+    _extends$p = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$p.apply(this, arguments);
+}
+const InfoCircleFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$p({}, props, {
+        ref: ref,
+        icon: InfoCircleFilledSvg
+    }));
+/**![info-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0zMiA2NjRjMCA0LjQtMy42IDgtOCA4aC00OGMtNC40IDAtOC0zLjYtOC04VjQ1NmMwLTQuNCAzLjYtOCA4LThoNDhjNC40IDAgOCAzLjYgOCA4djI3MnptLTMyLTM0NGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */ const RefIcon$o = /*#__PURE__*/ React.forwardRef(InfoCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$o.displayName = 'InfoCircleFilled';
+}
+
 var commonLocale = {
     yearFormat: 'YYYY',
     dayFormat: 'D',
@@ -23223,7 +23618,7 @@ const computeClosable = (propCloseCollection, contextCloseCollection, fallbackCl
     const propConfig = computeClosableConfig(propCloseCollection?.closable, propCloseCollection?.closeIcon);
     const contextConfig = computeClosableConfig(contextCloseCollection?.closable, contextCloseCollection?.closeIcon);
     const mergedFallback = {
-        closeIcon: /*#__PURE__*/ React__default.createElement(CloseOutlined, null),
+        closeIcon: /*#__PURE__*/ React__default.createElement(RefIcon$q, null),
         ...fallbackCloseCollection
     };
     const mergedConfig = mergeClosableConfigs(propConfig, contextConfig, mergedFallback);
@@ -23248,7 +23643,7 @@ const useClosable = (propCloseCollection, contextCloseCollection, fallbackCloseC
     const [contextLocale] = useLocale('global', localeValues.global);
     return React__default.useMemo(()=>{
         return computeClosable(propCloseCollection, contextCloseCollection, {
-            closeIcon: /*#__PURE__*/ React__default.createElement(CloseOutlined, null),
+            closeIcon: /*#__PURE__*/ React__default.createElement(RefIcon$q, null),
             ...fallbackCloseCollection
         }, contextLocale.close);
     }, [
@@ -23724,10 +24119,10 @@ var useStyle$u = genStyleHooks('Alert', (token)=>[
 const IconNode = (props)=>{
     const { icon, type, className, style, successIcon, infoIcon, warningIcon, errorIcon } = props;
     const iconMapFilled = {
-        success: successIcon ?? /*#__PURE__*/ React.createElement(CheckCircleFilled, null),
-        info: infoIcon ?? /*#__PURE__*/ React.createElement(InfoCircleFilled, null),
-        error: errorIcon ?? /*#__PURE__*/ React.createElement(CloseCircleFilled, null),
-        warning: warningIcon ?? /*#__PURE__*/ React.createElement(ExclamationCircleFilled, null)
+        success: successIcon ?? /*#__PURE__*/ React.createElement(RefIcon$s, null),
+        info: infoIcon ?? /*#__PURE__*/ React.createElement(RefIcon$o, null),
+        error: errorIcon ?? /*#__PURE__*/ React.createElement(RefIcon$r, null),
+        warning: warningIcon ?? /*#__PURE__*/ React.createElement(RefIcon$p, null)
     };
     return /*#__PURE__*/ React.createElement("span", {
         className: className,
@@ -23736,7 +24131,7 @@ const IconNode = (props)=>{
 };
 const CloseIconNode = (props)=>{
     const { isClosable, prefixCls, closeIcon, handleClose, ariaProps, className, style } = props;
-    const mergedCloseIcon = closeIcon === true || closeIcon === undefined ? /*#__PURE__*/ React.createElement(CloseOutlined, null) : closeIcon;
+    const mergedCloseIcon = closeIcon === true || closeIcon === undefined ? /*#__PURE__*/ React.createElement(RefIcon$q, null) : closeIcon;
     return isClosable ? /*#__PURE__*/ React.createElement("button", {
         type: "button",
         onClick: handleClose,
@@ -24360,7 +24755,7 @@ var PropWarning$1 = process.env.NODE_ENV !== 'production' ? PropWarning : ()=>nu
  * theme register info here to help developer get warning info.
  */ let existThemeConfig = false;
 const warnContext = process.env.NODE_ENV !== 'production' ? (componentName)=>{
-    process.env.NODE_ENV !== "production" ? warning$1(!existThemeConfig, componentName, `Static function can not consume context like dynamic theme. Please use 'App' component instead.`) : void 0;
+    process.env.NODE_ENV !== "production" ? warning$2(!existThemeConfig, componentName, `Static function can not consume context like dynamic theme. Please use 'App' component instead.`) : void 0;
 } : /* istanbul ignore next */ null;
 // These props is used by `useContext` directly in sub component
 const PASSED_PROPS = [
@@ -24676,7 +25071,7 @@ ConfigProvider.config = setGlobalConfig;
 ConfigProvider.useConfig = useConfig;
 Object.defineProperty(ConfigProvider, 'SizeContext', {
     get: ()=>{
-        process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
+        process.env.NODE_ENV !== "production" ? warning$2(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
         return SizeContext;
     }
 });
@@ -24684,6 +25079,29 @@ if (process.env.NODE_ENV !== 'production') {
     ConfigProvider.displayName = 'ConfigProvider';
 }
 
+function _extends$o() {
+    _extends$o = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$o.apply(this, arguments);
+}
+const LoadingOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$o({}, props, {
+        ref: ref,
+        icon: LoadingOutlinedSvg
+    }));
+/**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */ const RefIcon$n = /*#__PURE__*/ React.forwardRef(LoadingOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$n.displayName = 'LoadingOutlined';
+}
+
 const genMessageStyle = (token)=>{
     const { componentCls, iconCls, boxShadow, colorText, colorSuccess, colorError, colorWarning, colorInfo, fontSizeLG, motionEaseInOutCirc, motionDurationSlow, marginXS, paddingXS, borderRadiusLG, zIndexPopup, // Custom token
     contentPadding, contentBg } = token;
@@ -24825,11 +25243,11 @@ var useStyle$t = genStyleHooks('Message', (token)=>{
 }, prepareComponentToken$m);
 
 const TypeIcon = {
-    info: /*#__PURE__*/ React.createElement(InfoCircleFilled, null),
-    success: /*#__PURE__*/ React.createElement(CheckCircleFilled, null),
-    error: /*#__PURE__*/ React.createElement(CloseCircleFilled, null),
-    warning: /*#__PURE__*/ React.createElement(ExclamationCircleFilled, null),
-    loading: /*#__PURE__*/ React.createElement(LoadingOutlined, null)
+    info: /*#__PURE__*/ React.createElement(RefIcon$o, null),
+    success: /*#__PURE__*/ React.createElement(RefIcon$s, null),
+    error: /*#__PURE__*/ React.createElement(RefIcon$r, null),
+    warning: /*#__PURE__*/ React.createElement(RefIcon$p, null),
+    loading: /*#__PURE__*/ React.createElement(RefIcon$n, null)
 };
 const PureContent = (props)=>{
     const { prefixCls, type, icon, children, classNames: pureContentClassNames, styles } = props;
@@ -25660,7 +26078,7 @@ const InnerLoadingIcon = /*#__PURE__*/ forwardRef((props, ref)=>{
         className: mergedIconCls,
         style: style,
         ref: ref
-    }, /*#__PURE__*/ React__default.createElement(LoadingOutlined, {
+    }, /*#__PURE__*/ React__default.createElement(RefIcon$n, {
         className: iconClassName
     }));
 });
@@ -26474,6 +26892,29 @@ let AggregationColor = /*#__PURE__*/ function() {
     ]);
 }();
 
+function _extends$n() {
+    _extends$n = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$n.apply(this, arguments);
+}
+const RightOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$n({}, props, {
+        ref: ref,
+        icon: RightOutlinedSvg
+    }));
+/**![right](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc2NS43IDQ4Ni44TDMxNC45IDEzNC43QTcuOTcgNy45NyAwIDAwMzAyIDE0MXY3Ny4zYzAgNC45IDIuMyA5LjYgNi4xIDEyLjZsMzYwIDI4MS4xLTM2MCAyODEuMWMtMy45IDMtNi4xIDcuNy02LjEgMTIuNlY4ODNjMCA2LjcgNy43IDEwLjQgMTIuOSA2LjNsNDUwLjgtMzUyLjFhMzEuOTYgMzEuOTYgMCAwMDAtNTAuNHoiIC8+PC9zdmc+) */ const RefIcon$m = /*#__PURE__*/ React.forwardRef(RightOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$m.displayName = 'RightOutlined';
+}
+
 const CollapsePanel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     if (process.env.NODE_ENV !== 'production') {
         const warning = devUseWarning('Collapse.Panel');
@@ -26769,7 +27210,7 @@ const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         });
     }
     const renderExpandIcon = React.useCallback((panelProps = {})=>{
-        const icon = typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : /*#__PURE__*/ React.createElement(RightOutlined, {
+        const icon = typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : /*#__PURE__*/ React.createElement(RefIcon$m, {
             rotate: panelProps.isActive ? direction === 'rtl' ? -90 : 90 : undefined,
             "aria-label": panelProps.isActive ? 'expanded' : 'collapsed'
         });
@@ -29999,13 +30440,82 @@ var useSelectStyle = genStyleHooks('Select', (token, { rootPrefixCls })=>{
     }
 });
 
+function _extends$m() {
+    _extends$m = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$m.apply(this, arguments);
+}
+const CheckOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$m({}, props, {
+        ref: ref,
+        icon: CheckOutlinedSvg
+    }));
+/**![check](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMiAxOTBoLTY5LjljLTkuOCAwLTE5LjEgNC41LTI1LjEgMTIuMkw0MDQuNyA3MjQuNSAyMDcgNDc0YTMyIDMyIDAgMDAtMjUuMS0xMi4ySDExMmMtNi43IDAtMTAuNCA3LjctNi4zIDEyLjlsMjczLjkgMzQ3YzEyLjggMTYuMiAzNy40IDE2LjIgNTAuMyAwbDQ4OC40LTYxOC45YzQuMS01LjEuNC0xMi44LTYuMy0xMi44eiIgLz48L3N2Zz4=) */ const RefIcon$l = /*#__PURE__*/ React.forwardRef(CheckOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$l.displayName = 'CheckOutlined';
+}
+
+function _extends$l() {
+    _extends$l = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$l.apply(this, arguments);
+}
+const DownOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$l({}, props, {
+        ref: ref,
+        icon: DownOutlinedSvg
+    }));
+/**![down](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4NCAyNTZoLTc1Yy01LjEgMC05LjkgMi41LTEyLjkgNi42TDUxMiA2NTQuMiAyMjcuOSAyNjIuNmMtMy00LjEtNy44LTYuNi0xMi45LTYuNmgtNzVjLTYuNSAwLTEwLjMgNy40LTYuNSAxMi43bDM1Mi42IDQ4Ni4xYzEyLjggMTcuNiAzOSAxNy42IDUxLjcgMGwzNTIuNi00ODYuMWMzLjktNS4zLjEtMTIuNy02LjQtMTIuN3oiIC8+PC9zdmc+) */ const RefIcon$k = /*#__PURE__*/ React.forwardRef(DownOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$k.displayName = 'DownOutlined';
+}
+
+function _extends$k() {
+    _extends$k = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$k.apply(this, arguments);
+}
+const SearchOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$k({}, props, {
+        ref: ref,
+        icon: SearchOutlinedSvg
+    }));
+/**![search](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwOS42IDg1NC41TDY0OS45IDU5NC44QzY5MC4yIDU0Mi43IDcxMiA0NzkgNzEyIDQxMmMwLTgwLjItMzEuMy0xNTUuNC04Ny45LTIxMi4xLTU2LjYtNTYuNy0xMzItODcuOS0yMTIuMS04Ny45cy0xNTUuNSAzMS4zLTIxMi4xIDg3LjlDMTQzLjIgMjU2LjUgMTEyIDMzMS44IDExMiA0MTJjMCA4MC4xIDMxLjMgMTU1LjUgODcuOSAyMTIuMUMyNTYuNSA2ODAuOCAzMzEuOCA3MTIgNDEyIDcxMmM2NyAwIDEzMC42LTIxLjggMTgyLjctNjJsMjU5LjcgMjU5LjZhOC4yIDguMiAwIDAwMTEuNiAwbDQzLjYtNDMuNWE4LjIgOC4yIDAgMDAwLTExLjZ6TTU3MC40IDU3MC40QzUyOCA2MTIuNyA0NzEuOCA2MzYgNDEyIDYzNnMtMTE2LTIzLjMtMTU4LjQtNjUuNkMyMTEuMyA1MjggMTg4IDQ3MS44IDE4OCA0MTJzMjMuMy0xMTYuMSA2NS42LTE1OC40QzI5NiAyMTEuMyAzNTIuMiAxODggNDEyIDE4OHMxMTYuMSAyMy4yIDE1OC40IDY1LjZTNjM2IDM1Mi4yIDYzNiA0MTJzLTIzLjMgMTE2LjEtNjUuNiAxNTguNHoiIC8+PC9zdmc+) */ const RefIcon$j = /*#__PURE__*/ React.forwardRef(SearchOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$j.displayName = 'SearchOutlined';
+}
+
 function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, loadingIcon, multiple, hasFeedback, showSuffixIcon, feedbackIcon, showArrow, componentName }) {
     if (process.env.NODE_ENV !== 'production') {
         const warning = devUseWarning(componentName);
         warning.deprecated(!clearIcon, 'clearIcon', 'allowClear={{ clearIcon: React.ReactNode }}');
     }
     // Clear Icon
-    const mergedClearIcon = clearIcon ?? /*#__PURE__*/ React.createElement(CloseCircleFilled, null);
+    const mergedClearIcon = clearIcon ?? /*#__PURE__*/ React.createElement(RefIcon$r, null);
     // Validation Feedback Icon
     const getSuffixIconNode = (arrowIcon)=>{
         if (suffixIcon === null && !hasFeedback && !showArrow) {
@@ -30018,15 +30528,15 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
     if (suffixIcon !== undefined) {
         mergedSuffixIcon = getSuffixIconNode(suffixIcon);
     } else if (loading) {
-        mergedSuffixIcon = getSuffixIconNode(loadingIcon ?? /*#__PURE__*/ React.createElement(LoadingOutlined, {
+        mergedSuffixIcon = getSuffixIconNode(loadingIcon ?? /*#__PURE__*/ React.createElement(RefIcon$n, {
             spin: true
         }));
     } else {
         mergedSuffixIcon = ({ open, showSearch })=>{
             if (open && showSearch) {
-                return getSuffixIconNode(/*#__PURE__*/ React.createElement(SearchOutlined, null));
+                return getSuffixIconNode(/*#__PURE__*/ React.createElement(RefIcon$j, null));
             }
-            return getSuffixIconNode(/*#__PURE__*/ React.createElement(DownOutlined, null));
+            return getSuffixIconNode(/*#__PURE__*/ React.createElement(RefIcon$k, null));
         };
     }
     // Checked item icon
@@ -30034,7 +30544,7 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
     if (menuItemSelectedIcon !== undefined) {
         mergedItemIcon = menuItemSelectedIcon;
     } else if (multiple) {
-        mergedItemIcon = /*#__PURE__*/ React.createElement(CheckOutlined, null);
+        mergedItemIcon = /*#__PURE__*/ React.createElement(RefIcon$l, null);
     } else {
         mergedItemIcon = null;
     }
@@ -30042,7 +30552,7 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
     if (removeIcon !== undefined) {
         mergedRemoveIcon = removeIcon;
     } else {
-        mergedRemoveIcon = /*#__PURE__*/ React.createElement(CloseOutlined, null);
+        mergedRemoveIcon = /*#__PURE__*/ React.createElement(RefIcon$q, null);
     }
     return {
         // TODO: remove as when all the deps bumped
@@ -31634,6 +32144,52 @@ if (process.env.NODE_ENV !== 'production') {
     Popover.displayName = 'Popover';
 }
 
+function _extends$j() {
+    _extends$j = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$j.apply(this, arguments);
+}
+const LeftOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$j({}, props, {
+        ref: ref,
+        icon: LeftOutlinedSvg
+    }));
+/**![left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcyNCAyMTguM1YxNDFjMC02LjctNy43LTEwLjQtMTIuOS02LjNMMjYwLjMgNDg2LjhhMzEuODYgMzEuODYgMCAwMDAgNTAuM2w0NTAuOCAzNTIuMWM1LjMgNC4xIDEyLjkuNCAxMi45LTYuM3YtNzcuM2MwLTQuOS0yLjMtOS42LTYuMS0xMi42bC0zNjAtMjgxIDM2MC0yODEuMWMzLjgtMyA2LjEtNy43IDYuMS0xMi42eiIgLz48L3N2Zz4=) */ const RefIcon$i = /*#__PURE__*/ React.forwardRef(LeftOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$i.displayName = 'LeftOutlined';
+}
+
+function _extends$i() {
+    _extends$i = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$i.apply(this, arguments);
+}
+const BarsOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$i({}, props, {
+        ref: ref,
+        icon: BarsOutlinedSvg
+    }));
+/**![bars](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMiAxOTJIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHpNMTA0IDIyOGE1NiA1NiAwIDEwMTEyIDAgNTYgNTYgMCAxMC0xMTIgMHptMCAyODRhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMTAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDEwLTExMiAweiIgLz48L3N2Zz4=) */ const RefIcon$h = /*#__PURE__*/ React.forwardRef(BarsOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$h.displayName = 'BarsOutlined';
+}
+
 const LayoutContext = /*#__PURE__*/ React.createContext({
     siderHook: {
         addSider: ()=>null,
@@ -31929,11 +32485,11 @@ const Sider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         onClick: toggle,
         className: clsx(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
         style: zeroWidthTriggerStyle
-    }, trigger || /*#__PURE__*/ React.createElement(BarsOutlined, null)) : null;
+    }, trigger || /*#__PURE__*/ React.createElement(RefIcon$h, null)) : null;
     const reverseIcon = direction === 'rtl' === !reverseArrow;
     const iconObj = {
-        expanded: reverseIcon ? /*#__PURE__*/ React.createElement(RightOutlined, null) : /*#__PURE__*/ React.createElement(LeftOutlined, null),
-        collapsed: reverseIcon ? /*#__PURE__*/ React.createElement(LeftOutlined, null) : /*#__PURE__*/ React.createElement(RightOutlined, null)
+        expanded: reverseIcon ? /*#__PURE__*/ React.createElement(RefIcon$m, null) : /*#__PURE__*/ React.createElement(RefIcon$i, null),
+        collapsed: reverseIcon ? /*#__PURE__*/ React.createElement(RefIcon$i, null) : /*#__PURE__*/ React.createElement(RefIcon$m, null)
     };
     const status = collapsed ? 'collapsed' : 'expanded';
     const defaultTrigger = iconObj[status];
@@ -31979,6 +32535,29 @@ if (process.env.NODE_ENV !== 'production') {
     Sider.displayName = 'Sider';
 }
 
+function _extends$h() {
+    _extends$h = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$h.apply(this, arguments);
+}
+const EllipsisOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$h({}, props, {
+        ref: ref,
+        icon: EllipsisOutlinedSvg
+    }));
+/**![ellipsis](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3NiA1MTFhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMTAtMTEyIDB6bTI4MCAwYTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDEwLTExMiAwem0yODAgMGE1NiA1NiAwIDEwMTEyIDAgNTYgNTYgMCAxMC0xMTIgMHoiIC8+PC9zdmc+) */ const RefIcon$g = /*#__PURE__*/ React.forwardRef(EllipsisOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$g.displayName = 'EllipsisOutlined';
+}
+
 const MenuContext = /*#__PURE__*/ createContext({
     prefixCls: '',
     firstLevel: true,
@@ -33310,7 +33889,7 @@ const InternalMenu = /*#__PURE__*/ forwardRef((props, ref)=>{
         value: contextValue
     }, /*#__PURE__*/ React.createElement(RcMenu, {
         getPopupContainer: getPopupContainer,
-        overflowedIndicator: /*#__PURE__*/ React.createElement(EllipsisOutlined, null),
+        overflowedIndicator: /*#__PURE__*/ React.createElement(RefIcon$g, null),
         overflowedIndicatorPopupClassName: clsx(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
         classNames: {
             list: mergedClassNames.list,
@@ -33807,9 +34386,9 @@ const Dropdown$1 = (props)=>{
             rootClassName: clsx(cssVarCls, rootCls),
             expandIcon: /*#__PURE__*/ React.createElement("span", {
                 className: `${prefixCls}-menu-submenu-arrow`
-            }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(LeftOutlined, {
+            }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$i, {
                 className: `${prefixCls}-menu-submenu-arrow-icon`
-            }) : /*#__PURE__*/ React.createElement(RightOutlined, {
+            }) : /*#__PURE__*/ React.createElement(RefIcon$m, {
                 className: `${prefixCls}-menu-submenu-arrow-icon`
             })),
             mode: "vertical",
@@ -33887,8 +34466,8 @@ const RadioGroupContextProvider = RadioGroupContext.Provider;
 const RadioOptionTypeContext = /*#__PURE__*/ React.createContext(undefined);
 const RadioOptionTypeContextProvider = RadioOptionTypeContext.Provider;
 
-function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$g() {
+    _extends$g = Object.assign ? Object.assign.bind() : function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -33899,7 +34478,7 @@ function _extends() {
         }
         return target;
     };
-    return _extends.apply(this, arguments);
+    return _extends$g.apply(this, arguments);
 }
 const Checkbox$2 = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { prefixCls = 'rc-checkbox', className, style, checked, disabled, defaultChecked = false, type = 'checkbox', title, onChange, ...inputProps } = props;
@@ -33947,7 +34526,7 @@ const Checkbox$2 = /*#__PURE__*/ forwardRef((props, ref)=>{
         title: title,
         style: style,
         ref: holderRef
-    }, /*#__PURE__*/ React.createElement("input", _extends({}, inputProps, {
+    }, /*#__PURE__*/ React.createElement("input", _extends$g({}, inputProps, {
         className: `${prefixCls}-input`,
         ref: inputRef,
         onChange: handleChange,
@@ -35448,6 +36027,29 @@ var useStyle$g = genStyleHooks([
     resetFont: false
 });
 
+function _extends$f() {
+    _extends$f = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$f.apply(this, arguments);
+}
+const PlusOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$f({}, props, {
+        ref: ref,
+        icon: PlusOutlinedSvg
+    }));
+/**![plus](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ4MiAxNTJoNjBxOCAwIDggOHY3MDRxMCA4LTggOGgtNjBxLTggMC04LThWMTYwcTAtOCA4LTh6IiAvPjxwYXRoIGQ9Ik0xOTIgNDc0aDY3MnE4IDAgOCA4djYwcTAgOC04IDhIMTYwcS04IDAtOC04di02MHEwLTggOC04eiIgLz48L3N2Zz4=) */ const RefIcon$f = /*#__PURE__*/ React.forwardRef(PlusOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$f.displayName = 'PlusOutlined';
+}
+
 const motion = {
     motionAppear: false,
     motionEnter: true,
@@ -36399,8 +37001,8 @@ const InternalTabs = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             onEdit: (editType, { key, event })=>{
                 onEdit?.(editType === 'add' ? event : key, editType);
             },
-            removeIcon: removeIcon ?? tabs?.removeIcon ?? /*#__PURE__*/ React.createElement(CloseOutlined, null),
-            addIcon: (addIcon ?? tabs?.addIcon) || /*#__PURE__*/ React.createElement(PlusOutlined, null),
+            removeIcon: removeIcon ?? tabs?.removeIcon ?? /*#__PURE__*/ React.createElement(RefIcon$q, null),
+            addIcon: (addIcon ?? tabs?.addIcon) || /*#__PURE__*/ React.createElement(RefIcon$f, null),
             showAdd: hideAdd !== true
         };
     }
@@ -36495,7 +37097,7 @@ const InternalTabs = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         },
         editable: editable,
         more: {
-            icon: tabs?.more?.icon ?? tabs?.moreIcon ?? moreIcon ?? /*#__PURE__*/ React.createElement(EllipsisOutlined, null),
+            icon: tabs?.more?.icon ?? tabs?.moreIcon ?? moreIcon ?? /*#__PURE__*/ React.createElement(RefIcon$g, null),
             transitionName: `${rootPrefixCls}-slide-up`,
             ...more
         },
@@ -38168,7 +38770,7 @@ const getAllowClear = (allowClear)=>{
         mergedAllowClear = allowClear;
     } else if (allowClear) {
         mergedAllowClear = {
-            clearIcon: /*#__PURE__*/ React__default.createElement(CloseCircleFilled, null)
+            clearIcon: /*#__PURE__*/ React__default.createElement(RefIcon$r, null)
         };
     }
     return mergedAllowClear;
@@ -39220,7 +39822,7 @@ if (process.env.NODE_ENV !== 'production') {
 
 /** @deprecated Please use Space.Compact + Dropdown + Button instead */ const DropdownButton = (props)=>{
     const { getPopupContainer: getContextPopupContainer, getPrefixCls, direction } = React.useContext(ConfigContext);
-    const { prefixCls: customizePrefixCls, type = 'default', danger, disabled, loading, onClick, htmlType, children, className, menu, arrow, autoFocus, trigger, align, open, onOpenChange, placement, getPopupContainer, href, icon = /*#__PURE__*/ React.createElement(EllipsisOutlined, null), title, buttonsRender = (buttons)=>buttons, mouseEnterDelay, mouseLeaveDelay, overlayClassName, overlayStyle, destroyOnHidden, destroyPopupOnHide, dropdownRender, popupRender, ...restProps } = props;
+    const { prefixCls: customizePrefixCls, type = 'default', danger, disabled, loading, onClick, htmlType, children, className, menu, arrow, autoFocus, trigger, align, open, onOpenChange, placement, getPopupContainer, href, icon = /*#__PURE__*/ React.createElement(RefIcon$g, null), title, buttonsRender = (buttons)=>buttons, mouseEnterDelay, mouseLeaveDelay, overlayClassName, overlayStyle, destroyOnHidden, destroyPopupOnHide, dropdownRender, popupRender, ...restProps } = props;
     const prefixCls = getPrefixCls('dropdown', customizePrefixCls);
     const buttonPrefixCls = `${prefixCls}-button`;
     const mergedPopupRender = popupRender || dropdownRender;
@@ -39511,6 +40113,52 @@ const TextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
     });
 });
 
+function _extends$e() {
+    _extends$e = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$e.apply(this, arguments);
+}
+const DoubleLeftOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$e({}, props, {
+        ref: ref,
+        icon: DoubleLeftOutlinedSvg
+    }));
+/**![double-left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Mi45IDUxMmwyNjUuNC0zMzkuMWM0LjEtNS4yLjQtMTIuOS02LjMtMTIuOWgtNzcuM2MtNC45IDAtOS42IDIuMy0xMi42IDYuMUwxODYuOCA0OTIuM2EzMS45OSAzMS45OSAwIDAwMCAzOS41bDI1NS4zIDMyNi4xYzMgMy45IDcuNyA2LjEgMTIuNiA2LjFINTMyYzYuNyAwIDEwLjQtNy43IDYuMy0xMi45TDI3Mi45IDUxMnptMzA0IDBsMjY1LjQtMzM5LjFjNC4xLTUuMi40LTEyLjktNi4zLTEyLjloLTc3LjNjLTQuOSAwLTkuNiAyLjMtMTIuNiA2LjFMNDkwLjggNDkyLjNhMzEuOTkgMzEuOTkgMCAwMDAgMzkuNWwyNTUuMyAzMjYuMWMzIDMuOSA3LjcgNi4xIDEyLjYgNi4xSDgzNmM2LjcgMCAxMC40LTcuNyA2LjMtMTIuOUw1NzYuOSA1MTJ6IiAvPjwvc3ZnPg==) */ const RefIcon$e = /*#__PURE__*/ React.forwardRef(DoubleLeftOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$e.displayName = 'DoubleLeftOutlined';
+}
+
+function _extends$d() {
+    _extends$d = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$d.apply(this, arguments);
+}
+const DoubleRightOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$d({}, props, {
+        ref: ref,
+        icon: DoubleRightOutlinedSvg
+    }));
+/**![double-right](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUzMy4yIDQ5Mi4zTDI3Ny45IDE2Ni4xYy0zLTMuOS03LjctNi4xLTEyLjYtNi4xSDE4OGMtNi43IDAtMTAuNCA3LjctNi4zIDEyLjlMNDQ3LjEgNTEyIDE4MS43IDg1MS4xQTcuOTggNy45OCAwIDAwMTg4IDg2NGg3Ny4zYzQuOSAwIDkuNi0yLjMgMTIuNi02LjFsMjU1LjMtMzI2LjFjOS4xLTExLjcgOS4xLTI3LjkgMC0zOS41em0zMDQgMEw1ODEuOSAxNjYuMWMtMy0zLjktNy43LTYuMS0xMi42LTYuMUg0OTJjLTYuNyAwLTEwLjQgNy43LTYuMyAxMi45TDc1MS4xIDUxMiA0ODUuNyA4NTEuMUE3Ljk4IDcuOTggMCAwMDQ5MiA4NjRoNzcuM2M0LjkgMCA5LjYtMi4zIDEyLjYtNi4xbDI1NS4zLTMyNi4xYzkuMS0xMS43IDkuMS0yNy45IDAtMzkuNXoiIC8+PC9zdmc+) */ const RefIcon$d = /*#__PURE__*/ React.forwardRef(DoubleRightOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$d.displayName = 'DoubleRightOutlined';
+}
+
 const genPaginationDisabledStyle = (token)=>{
     const { componentCls } = token;
     return {
@@ -40211,28 +40859,28 @@ const Pagination = (props)=>{
             className: `${prefixCls}-item-link`,
             type: "button",
             tabIndex: -1
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RightOutlined, null) : /*#__PURE__*/ React.createElement(LeftOutlined, null));
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$m, null) : /*#__PURE__*/ React.createElement(RefIcon$i, null));
         const nextIcon = /*#__PURE__*/ React.createElement("button", {
             className: `${prefixCls}-item-link`,
             type: "button",
             tabIndex: -1
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(LeftOutlined, null) : /*#__PURE__*/ React.createElement(RightOutlined, null));
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$i, null) : /*#__PURE__*/ React.createElement(RefIcon$m, null));
         const jumpPrevIcon = /*#__PURE__*/ React.createElement("a", {
             className: `${prefixCls}-item-link`
         }, /*#__PURE__*/ React.createElement("div", {
             className: `${prefixCls}-item-container`
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(DoubleRightOutlined, {
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$d, {
             className: `${prefixCls}-item-link-icon`
-        }) : /*#__PURE__*/ React.createElement(DoubleLeftOutlined, {
+        }) : /*#__PURE__*/ React.createElement(RefIcon$e, {
             className: `${prefixCls}-item-link-icon`
         }), ellipsis));
         const jumpNextIcon = /*#__PURE__*/ React.createElement("a", {
             className: `${prefixCls}-item-link`
         }, /*#__PURE__*/ React.createElement("div", {
             className: `${prefixCls}-item-container`
-        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(DoubleLeftOutlined, {
+        }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(RefIcon$e, {
             className: `${prefixCls}-item-link-icon`
-        }) : /*#__PURE__*/ React.createElement(DoubleRightOutlined, {
+        }) : /*#__PURE__*/ React.createElement(RefIcon$d, {
             className: `${prefixCls}-item-link-icon`
         }), ellipsis));
         return {
@@ -41818,7 +42466,7 @@ const InternalSwitch = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const loadingIcon = /*#__PURE__*/ React.createElement("div", {
         className: clsx(`${prefixCls}-handle`, mergedClassNames.indicator),
         style: mergedStyles.indicator
-    }, loading && /*#__PURE__*/ React.createElement(LoadingOutlined, {
+    }, loading && /*#__PURE__*/ React.createElement(RefIcon$n, {
         className: `${prefixCls}-loading-icon`
     }));
     const classes = clsx(contextClassName, {
@@ -42193,7 +42841,7 @@ const useSelection = (config, rowSelection)=>{
                 }, /*#__PURE__*/ React.createElement(Dropdown, {
                     menu: menu,
                     getPopupContainer: getPopupContainer
-                }, /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(DownOutlined, null))));
+                }, /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(RefIcon$k, null))));
             }
             const allDisabledData = flattedData.map((record, index)=>{
                 const key = getRowKey(record, index);
@@ -42478,6 +43126,121 @@ const renderColumnTitle = (title, props)=>{
     return res;
 };
 
+function _extends$c() {
+    _extends$c = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$c.apply(this, arguments);
+}
+const FilterFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$c({}, props, {
+        ref: ref,
+        icon: FilterFilledSvg
+    }));
+/**![filter](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM0OSA4MzhjMCAxNy43IDE0LjIgMzIgMzEuOCAzMmgyNjIuNGMxNy42IDAgMzEuOC0xNC4zIDMxLjgtMzJWNjQySDM0OXYxOTZ6bTUzMS4xLTY4NEgxNDMuOWMtMjQuNSAwLTM5LjggMjYuNy0yNy41IDQ4bDIyMS4zIDM3NmgzNDguOGwyMjEuMy0zNzZjMTIuMS0yMS4zLTMuMi00OC0yNy43LTQ4eiIgLz48L3N2Zz4=) */ const RefIcon$c = /*#__PURE__*/ React.forwardRef(FilterFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$c.displayName = 'FilterFilled';
+}
+
+function _extends$b() {
+    _extends$b = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$b.apply(this, arguments);
+}
+const FileOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$b({}, props, {
+        ref: ref,
+        icon: FileOutlinedSvg
+    }));
+/**![file](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg1NC42IDI4OC42TDYzOS40IDczLjRjLTYtNi0xNC4xLTkuNC0yMi42LTkuNEgxOTJjLTE3LjcgMC0zMiAxNC4zLTMyIDMydjgzMmMwIDE3LjcgMTQuMyAzMiAzMiAzMmg2NDBjMTcuNyAwIDMyLTE0LjMgMzItMzJWMzExLjNjMC04LjUtMy40LTE2LjctOS40LTIyLjd6TTc5MC4yIDMyNkg2MDJWMTM3LjhMNzkwLjIgMzI2em0xLjggNTYySDIzMlYxMzZoMzAydjIxNmE0MiA0MiAwIDAwNDIgNDJoMjE2djQ5NHoiIC8+PC9zdmc+) */ const RefIcon$b = /*#__PURE__*/ React.forwardRef(FileOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$b.displayName = 'FileOutlined';
+}
+
+function _extends$a() {
+    _extends$a = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$a.apply(this, arguments);
+}
+const FolderOpenOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$a({}, props, {
+        ref: ref,
+        icon: FolderOpenOutlinedSvg
+    }));
+/**![folder-open](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkyOCA0NDRIODIwVjMzMC40YzAtMTcuNy0xNC4zLTMyLTMyLTMySDQ3M0wzNTUuNyAxODYuMmE4LjE1IDguMTUgMCAwMC01LjUtMi4ySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1OTJjMCAxNy43IDE0LjMgMzIgMzIgMzJoNjk4YzEzIDAgMjQuOC03LjkgMjkuNy0yMGwxMzQtMzMyYzEuNS0zLjggMi4zLTcuOSAyLjMtMTIgMC0xNy43LTE0LjMtMzItMzItMzJ6TTEzNiAyNTZoMTg4LjVsMTE5LjYgMTE0LjRINzQ4VjQ0NEgyMzhjLTEzIDAtMjQuOCA3LjktMjkuNyAyMEwxMzYgNjQzLjJWMjU2em02MzUuMyA1MTJIMTU5bDEwMy4zLTI1Nmg2MTIuNEw3NzEuMyA3Njh6IiAvPjwvc3ZnPg==) */ const RefIcon$a = /*#__PURE__*/ React.forwardRef(FolderOpenOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$a.displayName = 'FolderOpenOutlined';
+}
+
+function _extends$9() {
+    _extends$9 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$9.apply(this, arguments);
+}
+const FolderOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$9({}, props, {
+        ref: ref,
+        icon: FolderOutlinedSvg
+    }));
+/**![folder](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4MCAyOTguNEg1MjFMNDAzLjcgMTg2LjJhOC4xNSA4LjE1IDAgMDAtNS41LTIuMkgxNDRjLTE3LjcgMC0zMiAxNC4zLTMyIDMydjU5MmMwIDE3LjcgMTQuMyAzMiAzMiAzMmg3MzZjMTcuNyAwIDMyLTE0LjMgMzItMzJWMzMwLjRjMC0xNy43LTE0LjMtMzItMzItMzJ6TTg0MCA3NjhIMTg0VjI1NmgxODguNWwxMTkuNiAxMTQuNEg4NDBWNzY4eiIgLz48L3N2Zz4=) */ const RefIcon$9 = /*#__PURE__*/ React.forwardRef(FolderOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$9.displayName = 'FolderOutlined';
+}
+
+function _extends$8() {
+    _extends$8 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$8.apply(this, arguments);
+}
+const HolderOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$8({}, props, {
+        ref: ref,
+        icon: HolderOutlinedSvg
+    }));
+/**![holder](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwMCAyNzYuNWE1NiA1NiAwIDEwNTYtOTcgNTYgNTYgMCAwMC01NiA5N3ptMCAyODRhNTYgNTYgMCAxMDU2LTk3IDU2IDU2IDAgMDAtNTYgOTd6TTY0MCAyMjhhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMDAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDAwLTExMiAwek0zMDAgODQ0LjVhNTYgNTYgMCAxMDU2LTk3IDU2IDU2IDAgMDAtNTYgOTd6TTY0MCA3OTZhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMDAtMTEyIDB6IiAvPjwvc3ZnPg==) */ const RefIcon$8 = /*#__PURE__*/ React.forwardRef(HolderOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$8.displayName = 'HolderOutlined';
+}
+
 // ============================ Directory =============================
 const genDirectoryStyle = ({ treeCls, treeNodeCls, directoryNodeSelectedBg, directoryNodeSelectedColor, motionDurationMid, borderRadius, controlItemBgHover })=>({
         [`${treeCls}${treeCls}-directory ${treeNodeCls}`]: {
@@ -42935,6 +43698,75 @@ const dropIndicatorRender = (props)=>{
     });
 };
 
+function _extends$7() {
+    _extends$7 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$7.apply(this, arguments);
+}
+const CaretDownFilled = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$7({}, props, {
+        ref: ref,
+        icon: CaretDownFilledSvg
+    }));
+/**![caret-down](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg0MC40IDMwMEgxODMuNmMtMTkuNyAwLTMwLjcgMjAuOC0xOC41IDM1bDMyOC40IDM4MC44YzkuNCAxMC45IDI3LjUgMTAuOSAzNyAwTDg1OC45IDMzNWMxMi4yLTE0LjIgMS4yLTM1LTE4LjUtMzV6IiAvPjwvc3ZnPg==) */ const RefIcon$7 = /*#__PURE__*/ React.forwardRef(CaretDownFilled);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$7.displayName = 'CaretDownFilled';
+}
+
+function _extends$6() {
+    _extends$6 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$6.apply(this, arguments);
+}
+const MinusSquareOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$6({}, props, {
+        ref: ref,
+        icon: MinusSquareOutlinedSvg
+    }));
+/**![minus-square](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyOCA1NDRoMzY4YzQuNCAwIDgtMy42IDgtOHYtNDhjMC00LjQtMy42LTgtOC04SDMyOGMtNC40IDAtOCAzLjYtOCA4djQ4YzAgNC40IDMuNiA4IDggOHoiIC8+PHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQwIDcyOEgxODRWMTg0aDY1NnY2NTZ6IiAvPjwvc3ZnPg==) */ const RefIcon$6 = /*#__PURE__*/ React.forwardRef(MinusSquareOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$6.displayName = 'MinusSquareOutlined';
+}
+
+function _extends$5() {
+    _extends$5 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$5.apply(this, arguments);
+}
+const PlusSquareOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$5({}, props, {
+        ref: ref,
+        icon: PlusSquareOutlinedSvg
+    }));
+/**![plus-square](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyOCA1NDRoMTUydjE1MmMwIDQuNCAzLjYgOCA4IDhoNDhjNC40IDAgOC0zLjYgOC04VjU0NGgxNTJjNC40IDAgOC0zLjYgOC04di00OGMwLTQuNC0zLjYtOC04LThINTQ0VjMyOGMwLTQuNC0zLjYtOC04LThoLTQ4Yy00LjQgMC04IDMuNi04IDh2MTUySDMyOGMtNC40IDAtOCAzLjYtOCA4djQ4YzAgNC40IDMuNiA4IDggOHoiIC8+PHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQwIDcyOEgxODRWMTg0aDY1NnY2NTZ6IiAvPjwvc3ZnPg==) */ const RefIcon$5 = /*#__PURE__*/ React.forwardRef(PlusSquareOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$5.displayName = 'PlusSquareOutlined';
+}
+
 const SwitcherIconCom = (props)=>{
     const { prefixCls, switcherIcon, treeNodeProps, showLine, switcherLoadingIcon } = props;
     const { isLeaf, expanded, loading } = treeNodeProps;
@@ -42942,7 +43774,7 @@ const SwitcherIconCom = (props)=>{
         if (/*#__PURE__*/ React.isValidElement(switcherLoadingIcon)) {
             return switcherLoadingIcon;
         }
-        return /*#__PURE__*/ React.createElement(LoadingOutlined, {
+        return /*#__PURE__*/ React.createElement(RefIcon$n, {
             className: `${prefixCls}-switcher-loading-icon`
         });
     }
@@ -42964,7 +43796,7 @@ const SwitcherIconCom = (props)=>{
             }
             return leafIcon;
         }
-        return showLeafIcon ? /*#__PURE__*/ React.createElement(FileOutlined, {
+        return showLeafIcon ? /*#__PURE__*/ React.createElement(RefIcon$b, {
             className: `${prefixCls}-switcher-line-icon`
         }) : /*#__PURE__*/ React.createElement("span", {
             className: `${prefixCls}-switcher-leaf-line`
@@ -42981,13 +43813,13 @@ const SwitcherIconCom = (props)=>{
         return switcher;
     }
     if (showLine) {
-        return expanded ? /*#__PURE__*/ React.createElement(MinusSquareOutlined, {
+        return expanded ? /*#__PURE__*/ React.createElement(RefIcon$6, {
             className: `${prefixCls}-switcher-line-icon`
-        }) : /*#__PURE__*/ React.createElement(PlusSquareOutlined, {
+        }) : /*#__PURE__*/ React.createElement(RefIcon$5, {
             className: `${prefixCls}-switcher-line-icon`
         });
     }
-    return /*#__PURE__*/ React.createElement(CaretDownFilled, {
+    return /*#__PURE__*/ React.createElement(RefIcon$7, {
         className: switcherCls
     });
 };
@@ -43048,7 +43880,7 @@ const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
                 break;
         }
         if (mergedDraggable.icon !== false) {
-            mergedDraggable.icon = mergedDraggable.icon || /*#__PURE__*/ React__default.createElement(HolderOutlined, null);
+            mergedDraggable.icon = mergedDraggable.icon || /*#__PURE__*/ React__default.createElement(RefIcon$8, null);
         }
         return mergedDraggable;
     }, [
@@ -43162,9 +43994,9 @@ function convertDirectoryKeysToNodes(treeData, keys, fieldNames) {
 function getIcon(props) {
     const { isLeaf, expanded } = props;
     if (isLeaf) {
-        return /*#__PURE__*/ React.createElement(FileOutlined, null);
+        return /*#__PURE__*/ React.createElement(RefIcon$b, null);
     }
-    return expanded ? /*#__PURE__*/ React.createElement(FolderOpenOutlined, null) : /*#__PURE__*/ React.createElement(FolderOutlined, null);
+    return expanded ? /*#__PURE__*/ React.createElement(RefIcon$a, null) : /*#__PURE__*/ React.createElement(RefIcon$9, null);
 }
 function getTreeData({ treeData, children }) {
     return treeData || convertTreeToData(children);
@@ -43295,7 +44127,7 @@ const FilterSearch = (props)=>{
     return /*#__PURE__*/ React.createElement("div", {
         className: `${tablePrefixCls}-filter-dropdown-search`
     }, /*#__PURE__*/ React.createElement(Input, {
-        prefix: /*#__PURE__*/ React.createElement(SearchOutlined, null),
+        prefix: /*#__PURE__*/ React.createElement(RefIcon$j, null),
         placeholder: locale.filterSearchPlaceholder,
         onChange: onChange,
         value: value,
@@ -43691,7 +44523,7 @@ const FilterDropdown = (props)=>{
         } else if (column.filterIcon) {
             filterIcon = column.filterIcon;
         } else {
-            filterIcon = /*#__PURE__*/ React.createElement(FilterFilled, null);
+            filterIcon = /*#__PURE__*/ React.createElement(RefIcon$c, null);
         }
         return /*#__PURE__*/ React.createElement("span", {
             role: "button",
@@ -44022,6 +44854,52 @@ function usePagination(total, onChange, pagination) {
     ];
 }
 
+function _extends$4() {
+    _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$4.apply(this, arguments);
+}
+const CaretDownOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$4({}, props, {
+        ref: ref,
+        icon: CaretDownOutlinedSvg
+    }));
+/**![caret-down](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg0MC40IDMwMEgxODMuNmMtMTkuNyAwLTMwLjcgMjAuOC0xOC41IDM1bDMyOC40IDM4MC44YzkuNCAxMC45IDI3LjUgMTAuOSAzNyAwTDg1OC45IDMzNWMxMi4yLTE0LjIgMS4yLTM1LTE4LjUtMzV6IiAvPjwvc3ZnPg==) */ const RefIcon$4 = /*#__PURE__*/ React.forwardRef(CaretDownOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$4.displayName = 'CaretDownOutlined';
+}
+
+function _extends$3() {
+    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$3.apply(this, arguments);
+}
+const CaretUpOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$3({}, props, {
+        ref: ref,
+        icon: CaretUpOutlinedSvg
+    }));
+/**![caret-up](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg1OC45IDY4OUw1MzAuNSAzMDguMmMtOS40LTEwLjktMjcuNS0xMC45LTM3IDBMMTY1LjEgNjg5Yy0xMi4yIDE0LjItMS4yIDM1IDE4LjUgMzVoNjU2LjhjMTkuNyAwIDMwLjctMjAuOCAxOC41LTM1eiIgLz48L3N2Zz4=) */ const RefIcon$3 = /*#__PURE__*/ React.forwardRef(CaretUpOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$3.displayName = 'CaretUpOutlined';
+}
+
 const ASCEND = 'ascend';
 const DESCEND = 'descend';
 const getMultiplePriority = (column)=>{
@@ -44097,12 +44975,12 @@ const injectSorter = (prefixCls, columns, sorterStates, triggerSorter, defaultSo
                     sortOrder
                 });
             } else {
-                const upNode = sortDirections.includes(ASCEND) && /*#__PURE__*/ React.createElement(CaretUpOutlined, {
+                const upNode = sortDirections.includes(ASCEND) && /*#__PURE__*/ React.createElement(RefIcon$3, {
                     className: clsx(`${prefixCls}-column-sorter-up`, {
                         active: sortOrder === ASCEND
                     })
                 });
-                const downNode = sortDirections.includes(DESCEND) && /*#__PURE__*/ React.createElement(CaretDownOutlined, {
+                const downNode = sortDirections.includes(DESCEND) && /*#__PURE__*/ React.createElement(RefIcon$4, {
                     className: clsx(`${prefixCls}-column-sorter-down`, {
                         active: sortOrder === DESCEND
                     })
@@ -46585,6 +47463,52 @@ if (process.env.NODE_ENV !== 'production') {
 Tag.CheckableTag = CheckableTag;
 Tag.CheckableTagGroup = CheckableTagGroup;
 
+function _extends$2() {
+    _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$2.apply(this, arguments);
+}
+const EditOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$2({}, props, {
+        ref: ref,
+        icon: EditOutlinedSvg
+    }));
+/**![edit](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1Ny43IDc1MmMyIDAgNC0uMiA2LS41TDQzMS45IDcyMmMyLS40IDMuOS0xLjMgNS4zLTIuOGw0MjMuOS00MjMuOWE5Ljk2IDkuOTYgMCAwMDAtMTQuMUw2OTQuOSAxMTQuOWMtMS45LTEuOS00LjQtMi45LTcuMS0yLjlzLTUuMiAxLTcuMSAyLjlMMjU2LjggNTM4LjhjLTEuNSAxLjUtMi40IDMuMy0yLjggNS4zbC0yOS41IDE2OC4yYTMzLjUgMzMuNSAwIDAwOS40IDI5LjhjNi42IDYuNCAxNC45IDkuOSAyMy44IDkuOXptNjcuNC0xNzQuNEw2ODcuOCAyMTVsNzMuMyA3My4zLTM2Mi43IDM2Mi42LTg4LjkgMTUuNyAxNS42LTg5ek04ODAgODM2SDE0NGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2MzZjMCA0LjQgMy42IDggOCA4aDc4NGM0LjQgMCA4LTMuNiA4LTh2LTM2YzAtMTcuNy0xNC4zLTMyLTMyLTMyeiIgLz48L3N2Zz4=) */ const RefIcon$2 = /*#__PURE__*/ React.forwardRef(EditOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$2.displayName = 'EditOutlined';
+}
+
+function _extends$1() {
+    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$1.apply(this, arguments);
+}
+const EnterOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends$1({}, props, {
+        ref: ref,
+        icon: EnterOutlinedSvg
+    }));
+/**![enter](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg2NCAxNzBoLTYwYy00LjQgMC04IDMuNi04IDh2NTE4SDMxMHYtNzNjMC02LjctNy44LTEwLjUtMTMtNi4zbC0xNDEuOSAxMTJhOCA4IDAgMDAwIDEyLjZsMTQxLjkgMTEyYzUuMyA0LjIgMTMgLjQgMTMtNi4zdi03NWg0OThjMzUuMyAwIDY0LTI4LjcgNjQtNjRWMTc4YzAtNC40LTMuNi04LTgtOHoiIC8+PC9zdmc+) */ const RefIcon$1 = /*#__PURE__*/ React.forwardRef(EnterOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon$1.displayName = 'EnterOutlined';
+}
+
 const getTitleStyle = (fontSize, lineHeight, color, token)=>{
     const { titleMarginBottom, fontWeightStrong } = token;
     return {
@@ -46869,7 +47793,7 @@ const prepareComponentToken = ()=>({
 var useStyle = genStyleHooks('Typography', genTypographyStyle, prepareComponentToken);
 
 const Editable = (props)=>{
-    const { prefixCls, 'aria-label': ariaLabel, className, style, direction, maxLength, autoSize = true, value, onSave, onCancel, onEnd, component, enterIcon = /*#__PURE__*/ React.createElement(EnterOutlined, null) } = props;
+    const { prefixCls, 'aria-label': ariaLabel, className, style, direction, maxLength, autoSize = true, value, onSave, onCancel, onEnd, component, enterIcon = /*#__PURE__*/ React.createElement(RefIcon$1, null) } = props;
     const ref = React.useRef(null);
     const inCompositionRef = React.useRef(false);
     const lastKeyCodeRef = React.useRef(null);
@@ -47000,7 +47924,7 @@ const asyncCopy = async (text, isHtmlFormat)=>{
 };
 async function copy(text, config) {
     if (typeof text !== 'string') {
-        process.env.NODE_ENV !== "production" ? warning$1(false, 'The clipboard content must be of string type', '') : void 0;
+        process.env.NODE_ENV !== "production" ? warning$2(false, 'The clipboard content must be of string type', '') : void 0;
         return false;
     }
     const isHtmlFormat = config?.format === 'text/html';
@@ -47131,6 +48055,29 @@ if (process.env.NODE_ENV !== 'production') {
     Typography$1.displayName = 'Typography';
 }
 
+function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const CopyOutlined = (props, ref)=>/*#__PURE__*/ React.createElement(Icon, _extends({}, props, {
+        ref: ref,
+        icon: CopyOutlinedSvg
+    }));
+/**![copy](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgzMiA2NEgyOTZjLTQuNCAwLTggMy42LTggOHY1NmMwIDQuNCAzLjYgOCA4IDhoNDk2djY4OGMwIDQuNCAzLjYgOCA4IDhoNTZjNC40IDAgOC0zLjYgOC04Vjk2YzAtMTcuNy0xNC4zLTMyLTMyLTMyek03MDQgMTkySDE5MmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2NTMwLjdjMCA4LjUgMy40IDE2LjYgOS40IDIyLjZsMTczLjMgMTczLjNjMi4yIDIuMiA0LjcgNCA3LjQgNS41djEuOWg0LjJjMy41IDEuMyA3LjIgMiAxMSAySDcwNGMxNy43IDAgMzItMTQuMyAzMi0zMlYyMjRjMC0xNy43LTE0LjMtMzItMzItMzJ6TTM1MCA4NTYuMkwyNjMuOSA3NzBIMzUwdjg2LjJ6TTY2NCA4ODhINDE0Vjc0NmMwLTIyLjEtMTcuOS00MC00MC00MEgyMzJWMjY0aDQzMnY2MjR6IiAvPjwvc3ZnPg==) */ const RefIcon = /*#__PURE__*/ React.forwardRef(CopyOutlined);
+if (process.env.NODE_ENV !== 'production') {
+    RefIcon.displayName = 'CopyOutlined';
+}
+
 const toCopyConfigList = (val)=>{
     if (val === false) {
         return [
@@ -47192,7 +48139,7 @@ const CopyBtn = (props)=>{
         onClick: onCopy,
         "aria-label": ariaLabel,
         tabIndex: tabIndex
-    }, copied ? getNode(iconNodes[1], /*#__PURE__*/ React.createElement(CheckOutlined, null), true) : getNode(iconNodes[0], btnLoading ? /*#__PURE__*/ React.createElement(LoadingOutlined, null) : /*#__PURE__*/ React.createElement(CopyOutlined, null), true)));
+    }, copied ? getNode(iconNodes[1], /*#__PURE__*/ React.createElement(RefIcon$l, null), true) : getNode(iconNodes[0], btnLoading ? /*#__PURE__*/ React.createElement(RefIcon$n, null) : /*#__PURE__*/ React.createElement(RefIcon, null), true)));
 };
 
 const MeasureText = /*#__PURE__*/ React.forwardRef(({ style, children }, ref)=>{
@@ -47690,7 +48637,7 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             onClick: onEditClick,
             "aria-label": ariaLabel,
             tabIndex: tabIndex
-        }, icon || /*#__PURE__*/ React.createElement(EditOutlined, {
+        }, icon || /*#__PURE__*/ React.createElement(RefIcon$2, {
             role: "button"
         }))) : null;
     };
@@ -47818,7 +48765,7 @@ const Paragraph = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     }, children);
 });
 
-const Text$2 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+const Text$3 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { ellipsis, children, ...restProps } = props;
     const mergedEllipsis = React.useMemo(()=>{
         if (ellipsis && typeof ellipsis === 'object') {
@@ -47865,7 +48812,7 @@ const Title$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
 });
 
 const Typography = Typography$1;
-Typography.Text = Text$2;
+Typography.Text = Text$3;
 Typography.Link = Link$1;
 Typography.Title = Title$1;
 Typography.Paragraph = Paragraph;
@@ -48186,6 +49133,130 @@ function valueToTreeNodes(value, path) {
     return valueToTreeNodes(data, "$root");
 }
 
+const { Text: Text$2 } = Typography;
+/**
+ * Detect whether a tool/node output is an error envelope rather than a regular
+ * return value. Failed nodes serialize as `{ type, message, traceback }`; a
+ * traceback alone, or a `type` + `message` pair, is enough to treat it as an
+ * error. Returns the parsed error (with only string fields kept) or null.
+ */ function parseErrorOutput(output) {
+    if (output === null || typeof output !== "object" || Array.isArray(output)) {
+        return null;
+    }
+    const obj = output;
+    const type = typeof obj.type === "string" ? obj.type : undefined;
+    const message = typeof obj.message === "string" ? obj.message : undefined;
+    const traceback = typeof obj.traceback === "string" ? obj.traceback : undefined;
+    const looksLikeError = traceback !== undefined || type !== undefined && message !== undefined;
+    return looksLikeError ? {
+        type,
+        message,
+        traceback
+    } : null;
+}
+/**
+ * Renders a failed node/tool output distinctly from a regular returned object:
+ * a destructive-tinted surface with the exception type, message, and a
+ * collapsible traceback.
+ */ const ErrorOutput = ({ error })=>{
+    const { theme } = useTheme$1();
+    const [showTraceback, setShowTraceback] = useState(false);
+    const destructive = theme?.colors?.destructive ?? "hsl(0 84.2% 60.2%)";
+    const foreground = theme?.colors?.foreground ?? "inherit";
+    const mutedForeground = theme?.colors?.mutedForeground ?? "inherit";
+    const radius = theme?.borderRadius?.md ?? "0.375rem";
+    const xs = theme?.spacing?.xs ?? "0.25rem";
+    const sm = theme?.spacing?.sm ?? "0.5rem";
+    const md = theme?.spacing?.md ?? "1rem";
+    const fontXs = theme?.fontSize?.xs ?? "0.75rem";
+    const fontSm = theme?.fontSize?.sm ?? "0.875rem";
+    const { type, message, traceback } = error;
+    return /*#__PURE__*/ React__default.createElement("div", {
+        "data-testid": "error-output",
+        style: {
+            border: `1px solid color-mix(in srgb, ${destructive} 45%, transparent)`,
+            background: `color-mix(in srgb, ${destructive} 8%, transparent)`,
+            borderRadius: radius,
+            padding: md,
+            display: "flex",
+            flexDirection: "column",
+            gap: sm
+        }
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: sm,
+            flexWrap: "wrap"
+        }
+    }, /*#__PURE__*/ React__default.createElement(TriangleAlert, {
+        size: 16,
+        color: destructive,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }), /*#__PURE__*/ React__default.createElement(Tag, {
+        color: "red",
+        style: {
+            margin: 0
+        }
+    }, type || "Error")), message && /*#__PURE__*/ React__default.createElement(Text$2, {
+        strong: true,
+        style: {
+            color: foreground,
+            fontSize: fontSm,
+            wordBreak: "break-word"
+        }
+    }, message), traceback && /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: xs
+        }
+    }, /*#__PURE__*/ React__default.createElement("button", {
+        type: "button",
+        onClick: ()=>setShowTraceback((prev)=>!prev),
+        "aria-expanded": showTraceback,
+        style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: xs,
+            alignSelf: "flex-start",
+            padding: 0,
+            border: "none",
+            background: "transparent",
+            cursor: "pointer",
+            color: destructive,
+            fontSize: fontXs,
+            fontWeight: 500
+        }
+    }, showTraceback ? /*#__PURE__*/ React__default.createElement(ChevronDown, {
+        size: 14,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }) : /*#__PURE__*/ React__default.createElement(ChevronRight, {
+        size: 14,
+        strokeWidth: 2,
+        "aria-hidden": true
+    }), showTraceback ? "Hide traceback" : "Show traceback"), showTraceback && /*#__PURE__*/ React__default.createElement("pre", {
+        "data-testid": "error-output-traceback",
+        style: {
+            margin: 0,
+            padding: sm,
+            borderRadius: radius,
+            background: `color-mix(in srgb, ${destructive} 6%, transparent)`,
+            border: `1px solid color-mix(in srgb, ${destructive} 25%, transparent)`,
+            color: mutedForeground,
+            fontFamily: "monospace",
+            fontSize: fontXs,
+            lineHeight: 1.5,
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-word",
+            maxHeight: "300px",
+            overflow: "auto"
+        }
+    }, traceback)));
+};
+
 const { Text: Text$1 } = Typography;
 function themedCodeSurface(theme) {
     return {
@@ -48364,8 +49435,9 @@ const InputsOutputsCollapse = ({ inputs, output, toolOutput, modelProvider, mode
     const { theme } = useTheme$1();
     const hasInputs = hasInputsProp ?? inputs.length > 0;
     const hasOutputs = output !== null || toolOutput !== null;
+    const errorOutput = parseErrorOutput(toolOutput);
     const outputsText = hasOutputs ? formatOutputAsText(output, toolOutput) : "";
-    const isToolOutputTabular = toolOutput !== null && toolOutput !== undefined && isTabularData(toolOutput);
+    const isToolOutputTabular = !errorOutput && toolOutput !== null && toolOutput !== undefined && isTabularData(toolOutput);
     const toolInputText = getToolInputText(inputs);
     const inputsLabel = largeInputsTitle ? /*#__PURE__*/ React__default.createElement("div", {
         style: {
@@ -48450,13 +49522,26 @@ const InputsOutputsCollapse = ({ inputs, output, toolOutput, modelProvider, mode
         },
         {
             key: "outputs",
-            label: /*#__PURE__*/ React__default.createElement(Text$1, {
+            label: /*#__PURE__*/ React__default.createElement("div", {
+                style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: theme.spacing.sm
+                }
+            }, /*#__PURE__*/ React__default.createElement(Text$1, {
                 strong: true,
                 style: {
                     color: theme.colors.foreground
                 }
-            }, "Outputs"),
-            children: hasOutputs ? isToolOutputTabular ? /*#__PURE__*/ React__default.createElement(JsonValueTree, {
+            }, "Outputs"), errorOutput && /*#__PURE__*/ React__default.createElement(Tag, {
+                color: "red",
+                style: {
+                    margin: 0
+                }
+            }, "Failed")),
+            children: hasOutputs ? errorOutput ? /*#__PURE__*/ React__default.createElement(ErrorOutput, {
+                error: errorOutput
+            }) : isToolOutputTabular ? /*#__PURE__*/ React__default.createElement(JsonValueTree, {
                 data: toolOutput
             }) : /*#__PURE__*/ React__default.createElement("pre", {
                 style: outputPreStyle
@@ -51704,6 +52789,13 @@ function RemoveScrollSideCar(props) {
         if ('touches' in event && moveDirection === 'h' && target.type === 'range') {
             return false;
         }
+        // allow drag selection (iOS); check if selection's anchorNode is the same as target or contains target
+        var selection = window.getSelection();
+        var anchorNode = selection && selection.anchorNode;
+        var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
+        if (isTouchingSelection) {
+            return false;
+        }
         var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
         if (!canBeScrolledInMainDirection) {
             return true;
@@ -114338,7 +115430,7 @@ const EvaluationsErrorCard = ({ error, onRetry })=>/*#__PURE__*/ React__default.
         }
     }, /*#__PURE__*/ React__default.createElement(Alert, {
         type: "error",
-        title: "Error loading evaluations",
+        message: "Error loading evaluations",
         description: /*#__PURE__*/ React__default.createElement("div", {
             style: {
                 display: "flex",
@@ -114374,7 +115466,7 @@ const EvaluationsErrorCard = ({ error, onRetry })=>/*#__PURE__*/ React__default.
         showIcon: true
     }));
 
-const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds, errorRender })=>{
+const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefresh, onRowClick, onCompare, compareIdsFromUrl, onCompareUrlChange, showFilters = true, showCompare = true, emptyMessage, title, pagination: serverPagination, onFiltersChange, onFetchEvaluationsByIds, errorRender, initialSessionIds, onSessionFilterChange, initialNameFilter, onNameFilterChange })=>{
     const { theme } = useTheme$1();
     const [selectedAgents, setSelectedAgents] = useState([]);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
@@ -114386,6 +115478,8 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
     const [pageSize, setPageSize] = useState(50);
     const [selectedMetricFilter, setSelectedMetricFilter] = useState(null);
     const [drawerEvaluations, setDrawerEvaluations] = useState([]);
+    const [selectedSessions, setSelectedSessions] = useState(initialSessionIds ?? []);
+    const [selectedNames, setSelectedNames] = useState(initialNameFilter ?? []);
     const isServerPagination = !!serverPagination;
     const normalized = useMemo(()=>evaluations.map((e)=>isEvaluationDto(e) ? transformEvaluation(e) : e), [
         evaluations
@@ -114420,6 +115514,27 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
     }, [
         normalized
     ]);
+    const uniqueSessionIds = useMemo(()=>{
+        const ids = new Set();
+        for (const ev of normalized){
+            for (const agent of ev.agents ?? []){
+                for (const entry of agent.agent_node_ids ?? []){
+                    if (typeof entry === "object" && "session_id" in entry) {
+                        ids.add(entry.session_id);
+                    }
+                }
+            }
+        }
+        return Array.from(ids).sort();
+    }, [
+        normalized
+    ]);
+    const uniqueEvaluationNames = useMemo(()=>{
+        const names = new Set(normalized.map((e)=>e.name).filter(Boolean));
+        return Array.from(names).sort();
+    }, [
+        normalized
+    ]);
     const filteredEvaluations = useMemo(()=>{
         let result = normalized;
         if (selectedAgents.length > 0) {
@@ -114429,11 +115544,38 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
             const [evaluatorName, metricName] = selectedMetricFilter.split("::");
             result = result.filter((evaluation)=>evaluation.evaluators.some((ev)=>ev.name === evaluatorName && evaluation.results[ev.evaluator_id]?.[metricName] !== undefined));
         }
+        if (selectedNames.length > 0) {
+            result = result.filter((ev)=>selectedNames.includes(ev.name));
+        }
+        if (selectedSessions.length > 0) {
+            const lowerSessions = selectedSessions.map((s)=>s.toLowerCase());
+            const getEvSessions = (ev)=>{
+                const ids = new Set();
+                for (const agent of ev.agents ?? []){
+                    for (const entry of agent.agent_node_ids ?? []){
+                        if (typeof entry === "object" && "session_id" in entry) {
+                            ids.add(entry.session_id.toLowerCase());
+                        }
+                    }
+                }
+                return ids;
+            };
+            result = result.filter((ev)=>{
+                const ids = getEvSessions(ev);
+                return lowerSessions.some((s)=>ids.has(s));
+            }).sort((a, b)=>{
+                const aIds = getEvSessions(a);
+                const bIds = getEvSessions(b);
+                return lowerSessions.filter((s)=>bIds.has(s)).length - lowerSessions.filter((s)=>aIds.has(s)).length;
+            });
+        }
         return result;
     }, [
         normalized,
         selectedAgents,
-        selectedMetricFilter
+        selectedMetricFilter,
+        selectedNames,
+        selectedSessions
     ]);
     const tableDataSource = filteredEvaluations;
     const compareDrawerEvaluations = useMemo(()=>{
@@ -114645,6 +115787,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
         placeholder: "Filter by Agent",
         allowClear: true,
         value: selectedAgents,
+        maxTagCount: "responsive",
         onChange: (v)=>{
             setSelectedAgents(v);
             if (isServerPagination && onFiltersChange) {
@@ -114661,6 +115804,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
     }), /*#__PURE__*/ React__default.createElement(Select, {
         placeholder: "Filter by Evaluator / Metric",
         allowClear: true,
+        maxTagCount: "responsive",
         value: selectedMetricFilter ?? undefined,
         onChange: (v)=>{
             const next = v ?? null;
@@ -114673,6 +115817,45 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
             width: 240
         },
         options: groupedMetricOptions
+    }), /*#__PURE__*/ React__default.createElement(Select, {
+        mode: "tags",
+        placeholder: "Filter by Session ID…",
+        allowClear: true,
+        value: selectedSessions,
+        maxTagCount: "responsive",
+        onChange: (v)=>{
+            setSelectedSessions(v);
+            onSessionFilterChange?.(v);
+        },
+        style: {
+            width: 280
+        },
+        tokenSeparators: [
+            ","
+        ],
+        options: uniqueSessionIds.map((id)=>({
+                label: id,
+                value: id
+            }))
+    }), /*#__PURE__*/ React__default.createElement(Select, {
+        mode: "multiple",
+        showSearch: true,
+        placeholder: "Filter by Evaluation Name…",
+        allowClear: true,
+        value: selectedNames,
+        maxTagCount: "responsive",
+        onChange: (v)=>{
+            setSelectedNames(v);
+            onNameFilterChange?.(v);
+        },
+        style: {
+            width: 240
+        },
+        options: uniqueEvaluationNames.map((n)=>({
+                label: n,
+                value: n
+            })),
+        filterOption: (input, option)=>(option?.label ?? "").toLowerCase().includes(input.toLowerCase())
     })), onRefresh && /*#__PURE__*/ React__default.createElement(Button$1, {
         icon: /*#__PURE__*/ React__default.createElement(RefreshCw, {
             size: 14