@railtownai/railtracks-visualizer 0.0.65 → 0.0.66

package/dist/esm/index.js

@@ -56,6 +56,9 @@ import CheckOutlined from '@ant-design/icons/es/icons/CheckOutlined';
 import CopyOutlined from '@ant-design/icons/es/icons/CopyOutlined';
 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 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';
@@ -67,7 +70,6 @@ import LeftOutlined from '@ant-design/icons/es/icons/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 EllipsisOutlined from '@ant-design/icons/es/icons/EllipsisOutlined';
 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';
@@ -76,8 +78,6 @@ 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 PlusOutlined from '@ant-design/icons/es/icons/PlusOutlined';
-import RcTabs from '@rc-component/tabs';
 
 function cc(names) {
     if (typeof names === "string" || typeof names === "number") return "" + names;
@@ -3921,7 +3921,7 @@ function nodeHasDimensions(node) {
     return (node.measured?.width ?? node.width ?? node.initialWidth) !== undefined && (node.measured?.height ?? node.height ?? node.initialHeight) !== undefined;
 }
 /**
- * Convert child position to aboslute position
+ * Convert child position to absolute position
  *
  * @internal
  * @param position
@@ -4368,7 +4368,7 @@ const distance = (a, b)=>Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y,
             centerX = center.x ?? sourceGapped.x + (targetGapped.x - sourceGapped.x) * stepPosition;
             centerY = center.y ?? (sourceGapped.y + targetGapped.y) / 2;
         } else {
-            // Primary direction is vertical, so stepPosition affects Y coordinate  
+            // Primary direction is vertical, so stepPosition affects Y coordinate
             centerX = center.x ?? (sourceGapped.x + targetGapped.x) / 2;
             centerY = center.y ?? sourceGapped.y + (targetGapped.y - sourceGapped.y) * stepPosition;
         }
@@ -4467,17 +4467,24 @@ const distance = (a, b)=>Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y,
             centerY = (sourceGapPoint.y + targetGapPoint.y) / 2;
         }
     }
+    const gappedSource = {
+        x: sourceGapped.x + sourceGapOffset.x,
+        y: sourceGapped.y + sourceGapOffset.y
+    };
+    const gappedTarget = {
+        x: targetGapped.x + targetGapOffset.x,
+        y: targetGapped.y + targetGapOffset.y
+    };
     const pathPoints = [
         source,
-        {
-            x: sourceGapped.x + sourceGapOffset.x,
-            y: sourceGapped.y + sourceGapOffset.y
-        },
+        // we only want to add the gapped source/target if they are different from the first/last point to avoid duplicates which can cause issues with the bends
+        ...gappedSource.x !== points[0].x || gappedSource.y !== points[0].y ? [
+            gappedSource
+        ] : [],
         ...points,
-        {
-            x: targetGapped.x + targetGapOffset.x,
-            y: targetGapped.y + targetGapOffset.y
-        },
+        ...gappedTarget.x !== points[points.length - 1].x || gappedTarget.y !== points[points.length - 1].y ? [
+            gappedTarget
+        ] : [],
         target
     ];
     return [
@@ -4554,16 +4561,11 @@ function getBend(a, b, c, size) {
         offset,
         stepPosition
     });
-    const path = points.reduce((res, p, i)=>{
-        let segment = '';
-        if (i > 0 && i < points.length - 1) {
-            segment = getBend(points[i - 1], p, points[i + 1], borderRadius);
-        } else {
-            segment = `${i === 0 ? 'M' : 'L'}${p.x} ${p.y}`;
-        }
-        res += segment;
-        return res;
-    }, '');
+    let path = `M${points[0].x} ${points[0].y}`;
+    for(let i = 1; i < points.length - 1; i++){
+        path += getBend(points[i - 1], points[i], points[i + 1], borderRadius);
+    }
+    path += `L${points[points.length - 1].x} ${points[points.length - 1].y}`;
     return [
         path,
         labelX,
@@ -4779,6 +4781,7 @@ function adoptUserNodes(nodes, nodeLookup, parentLookup, options = {}) {
     const tmpLookup = new Map(nodeLookup);
     const selectedNodeZ = _options?.elevateNodesOnSelect && !isManualZIndexMode(_options.zIndexMode) ? SELECTED_NODE_Z : 0;
     let nodesInitialized = nodes.length > 0;
+    let hasSelectedNodes = false;
     nodeLookup.clear();
     parentLookup.clear();
     for (const userNode of nodes){
@@ -4812,8 +4815,12 @@ function adoptUserNodes(nodes, nodeLookup, parentLookup, options = {}) {
         if (userNode.parentId) {
             updateChildNode(internalNode, nodeLookup, parentLookup, options, rootParentIndex);
         }
+        hasSelectedNodes || (hasSelectedNodes = userNode.selected ?? false);
     }
-    return nodesInitialized;
+    return {
+        nodesInitialized,
+        hasSelectedNodes
+    };
 }
 function updateParentLookup(node, parentLookup) {
     if (!node.parentId) {
@@ -5087,7 +5094,7 @@ async function panBy({ delta, panZoom, transform, translateExtent, width, height
  * @param connectionKey at which key the connection should be added
  * @param connectionLookup reference to the connection lookup
  * @param nodeId nodeId of the connection
- * @param handleId handleId of the conneciton
+ * @param handleId handleId of the connection
  */ function addConnectionToLookup(type, connection, connectionKey, connectionLookup, nodeId, handleId) {
     /*
      * We add the connection to the connectionLookup at the following keys
@@ -5753,7 +5760,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     doc.addEventListener('touchmove', onPointerMove);
     doc.addEventListener('touchend', onPointerUp);
 }
-// checks if  and returns connection in fom of an object { source: 123, target: 312 }
+// checks if  and returns connection in form of an object { source: 123, target: 312 }
 function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib, flowId, isValidConnection = alwaysValid, nodeLookup }) {
     const isTarget = fromType === 'target';
     const handleDomNode = handle ? doc.querySelector(`.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`) : null;
@@ -6017,7 +6024,7 @@ function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDrag
             clearTimeout(zoomPanValues.timerId);
             zoomPanValues.timerId = setTimeout(()=>{
                 onPanZoomEnd?.(event.sourceEvent, viewport);
-            }, // we need a setTimeout for panOnScroll to supress multiple end events fired during scroll
+            }, // we need a setTimeout for panOnScroll to suppress multiple end events fired during scroll
             panOnScroll ? 150 : 0);
         }
     };
@@ -7334,6 +7341,8 @@ function SelectionListener({ onSelectionChange }) {
     }
     return null;
 }
+// we need this hook to prevent a warning when using react-flow in SSR
+const useIsomorphicLayoutEffect$3 = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 const defaultNodeOrigin = [
     0,
     0
@@ -7439,7 +7448,12 @@ const initPrevValues = {
 function StoreUpdater(props) {
     const { setNodes, setEdges, setMinZoom, setMaxZoom, setTranslateExtent, setNodeExtent, reset, setDefaultNodesAndEdges } = useStore(selector$l, shallow$1);
     const store = useStoreApi();
-    useEffect(()=>{
+    // We use layout effects here so that the store is always populated before
+    // any child useEffect or useLayoutEffect fires. With regular useEffect, the
+    // cleanup calls reset() which empties the store, and child effects can run
+    // before the new mount effect repopulates it — causing children to read
+    // empty nodeLookup/nodes/edges during a <ReactFlow> remount.
+    useIsomorphicLayoutEffect$3(()=>{
         setDefaultNodesAndEdges(props.defaultNodes, props.defaultEdges);
         return ()=>{
             // when we reset the store we also need to reset the previous fields
@@ -7448,7 +7462,7 @@ function StoreUpdater(props) {
         };
     }, []);
     const previousFields = useRef(initPrevValues);
-    useEffect(()=>{
+    useIsomorphicLayoutEffect$3(()=>{
         for (const fieldName of fieldsToTrack){
             const fieldValue = props[fieldName];
             const previousFieldValue = previousFields.current[fieldName];
@@ -7664,21 +7678,15 @@ function useKeyOrCode(eventCode, keysToWatch) {
         return {
             zoomIn: (options)=>{
                 const { panZoom } = store.getState();
-                return panZoom ? panZoom.scaleBy(1.2, {
-                    duration: options?.duration
-                }) : Promise.resolve(false);
+                return panZoom ? panZoom.scaleBy(1.2, options) : Promise.resolve(false);
             },
             zoomOut: (options)=>{
                 const { panZoom } = store.getState();
-                return panZoom ? panZoom.scaleBy(1 / 1.2, {
-                    duration: options?.duration
-                }) : Promise.resolve(false);
+                return panZoom ? panZoom.scaleBy(1 / 1.2, options) : Promise.resolve(false);
             },
             zoomTo: (zoomLevel, options)=>{
                 const { panZoom } = store.getState();
-                return panZoom ? panZoom.scaleTo(zoomLevel, {
-                    duration: options?.duration
-                }) : Promise.resolve(false);
+                return panZoom ? panZoom.scaleTo(zoomLevel, options) : Promise.resolve(false);
             },
             getZoom: ()=>store.getState().transform[2],
             setViewport: async (viewport, options)=>{
@@ -8050,8 +8058,6 @@ function fixedForwardRef(render) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return forwardRef(render);
 }
-// we need this hook to prevent a warning when using react-flow in SSR
-const useIsomorphicLayoutEffect$3 = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 /**
  * This hook returns a queue that can be used to batch updates.
  *
@@ -11141,7 +11147,7 @@ const getInitialState = ({ nodes, edges, defaultNodes, defaultEdges, width, heig
     ];
     const storeNodeExtent = nodeExtent ?? infiniteExtent;
     updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
-    const nodesInitialized = adoptUserNodes(storeNodes, nodeLookup, parentLookup, {
+    const { nodesInitialized } = adoptUserNodes(storeNodes, nodeLookup, parentLookup, {
         nodeOrigin: storeNodeOrigin,
         nodeExtent: storeNodeExtent,
         zIndexMode
@@ -11272,7 +11278,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
                 zIndexMode
             }),
             setNodes: (nodes)=>{
-                const { nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect, fitViewQueued, zIndexMode } = get();
+                const { nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect, fitViewQueued, zIndexMode, nodesSelectionActive } = get();
                 /*
              * setNodes() is called exclusively in response to user actions:
              * - either when the `<ReactFlow nodes>` prop is updated in the controlled ReactFlow setup,
@@ -11280,25 +11286,28 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
              *
              * When this happens, we take the note objects passed by the user and extend them with fields
              * relevant for internal React Flow operations.
-             */ const nodesInitialized = adoptUserNodes(nodes, nodeLookup, parentLookup, {
+             */ const { nodesInitialized, hasSelectedNodes } = adoptUserNodes(nodes, nodeLookup, parentLookup, {
                     nodeOrigin,
                     nodeExtent,
                     elevateNodesOnSelect,
                     checkEquality: true,
                     zIndexMode
                 });
+                const nextNodesSelectionActive = nodesSelectionActive && hasSelectedNodes;
                 if (fitViewQueued && nodesInitialized) {
                     resolveFitView();
                     set({
                         nodes,
                         nodesInitialized,
                         fitViewQueued: false,
-                        fitViewOptions: undefined
+                        fitViewOptions: undefined,
+                        nodesSelectionActive: nextNodesSelectionActive
                     });
                 } else {
                     set({
                         nodes,
-                        nodesInitialized
+                        nodesInitialized,
+                        nodesSelectionActive: nextNodesSelectionActive
                     });
                 }
             },
@@ -11326,7 +11335,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
                 }
             },
             /*
-         * Every node gets registerd at a ResizeObserver. Whenever a node
+         * Every node gets registered at a ResizeObserver. Whenever a node
          * changes its dimensions, this function is called to measure the
          * new dimensions and update the nodes.
          */ updateNodeInternals: (updates)=>{
@@ -11718,6 +11727,67 @@ function ReactFlow({ nodes, edges, defaultNodes, defaultEdges, className, nodeTy
             nodeExtent: nodeExtent,
             zIndexMode: zIndexMode,
             children: [
+                jsx$1(StoreUpdater, {
+                    nodes: nodes,
+                    edges: edges,
+                    defaultNodes: defaultNodes,
+                    defaultEdges: defaultEdges,
+                    onConnect: onConnect,
+                    onConnectStart: onConnectStart,
+                    onConnectEnd: onConnectEnd,
+                    onClickConnectStart: onClickConnectStart,
+                    onClickConnectEnd: onClickConnectEnd,
+                    nodesDraggable: nodesDraggable,
+                    autoPanOnNodeFocus: autoPanOnNodeFocus,
+                    nodesConnectable: nodesConnectable,
+                    nodesFocusable: nodesFocusable,
+                    edgesFocusable: edgesFocusable,
+                    edgesReconnectable: edgesReconnectable,
+                    elementsSelectable: elementsSelectable,
+                    elevateNodesOnSelect: elevateNodesOnSelect,
+                    elevateEdgesOnSelect: elevateEdgesOnSelect,
+                    minZoom: minZoom,
+                    maxZoom: maxZoom,
+                    nodeExtent: nodeExtent,
+                    onNodesChange: onNodesChange,
+                    onEdgesChange: onEdgesChange,
+                    snapToGrid: snapToGrid,
+                    snapGrid: snapGrid,
+                    connectionMode: connectionMode,
+                    translateExtent: translateExtent,
+                    connectOnClick: connectOnClick,
+                    defaultEdgeOptions: defaultEdgeOptions,
+                    fitView: fitView,
+                    fitViewOptions: fitViewOptions,
+                    onNodesDelete: onNodesDelete,
+                    onEdgesDelete: onEdgesDelete,
+                    onDelete: onDelete,
+                    onNodeDragStart: onNodeDragStart,
+                    onNodeDrag: onNodeDrag,
+                    onNodeDragStop: onNodeDragStop,
+                    onSelectionDrag: onSelectionDrag,
+                    onSelectionDragStart: onSelectionDragStart,
+                    onSelectionDragStop: onSelectionDragStop,
+                    onMove: onMove,
+                    onMoveStart: onMoveStart,
+                    onMoveEnd: onMoveEnd,
+                    noPanClassName: noPanClassName,
+                    nodeOrigin: nodeOrigin,
+                    rfId: rfId,
+                    autoPanOnConnect: autoPanOnConnect,
+                    autoPanOnNodeDrag: autoPanOnNodeDrag,
+                    autoPanSpeed: autoPanSpeed,
+                    onError: onError,
+                    connectionRadius: connectionRadius,
+                    isValidConnection: isValidConnection,
+                    selectNodesOnDrag: selectNodesOnDrag,
+                    nodeDragThreshold: nodeDragThreshold,
+                    connectionDragThreshold: connectionDragThreshold,
+                    onBeforeDelete: onBeforeDelete,
+                    debug: debug,
+                    ariaLabelConfig: ariaLabelConfig,
+                    zIndexMode: zIndexMode
+                }),
                 jsx$1(GraphView, {
                     onInit: onInit,
                     onNodeClick: onNodeClick,
@@ -11783,67 +11853,6 @@ function ReactFlow({ nodes, edges, defaultNodes, defaultEdges, className, nodeTy
                     viewport: viewport,
                     onViewportChange: onViewportChange
                 }),
-                jsx$1(StoreUpdater, {
-                    nodes: nodes,
-                    edges: edges,
-                    defaultNodes: defaultNodes,
-                    defaultEdges: defaultEdges,
-                    onConnect: onConnect,
-                    onConnectStart: onConnectStart,
-                    onConnectEnd: onConnectEnd,
-                    onClickConnectStart: onClickConnectStart,
-                    onClickConnectEnd: onClickConnectEnd,
-                    nodesDraggable: nodesDraggable,
-                    autoPanOnNodeFocus: autoPanOnNodeFocus,
-                    nodesConnectable: nodesConnectable,
-                    nodesFocusable: nodesFocusable,
-                    edgesFocusable: edgesFocusable,
-                    edgesReconnectable: edgesReconnectable,
-                    elementsSelectable: elementsSelectable,
-                    elevateNodesOnSelect: elevateNodesOnSelect,
-                    elevateEdgesOnSelect: elevateEdgesOnSelect,
-                    minZoom: minZoom,
-                    maxZoom: maxZoom,
-                    nodeExtent: nodeExtent,
-                    onNodesChange: onNodesChange,
-                    onEdgesChange: onEdgesChange,
-                    snapToGrid: snapToGrid,
-                    snapGrid: snapGrid,
-                    connectionMode: connectionMode,
-                    translateExtent: translateExtent,
-                    connectOnClick: connectOnClick,
-                    defaultEdgeOptions: defaultEdgeOptions,
-                    fitView: fitView,
-                    fitViewOptions: fitViewOptions,
-                    onNodesDelete: onNodesDelete,
-                    onEdgesDelete: onEdgesDelete,
-                    onDelete: onDelete,
-                    onNodeDragStart: onNodeDragStart,
-                    onNodeDrag: onNodeDrag,
-                    onNodeDragStop: onNodeDragStop,
-                    onSelectionDrag: onSelectionDrag,
-                    onSelectionDragStart: onSelectionDragStart,
-                    onSelectionDragStop: onSelectionDragStop,
-                    onMove: onMove,
-                    onMoveStart: onMoveStart,
-                    onMoveEnd: onMoveEnd,
-                    noPanClassName: noPanClassName,
-                    nodeOrigin: nodeOrigin,
-                    rfId: rfId,
-                    autoPanOnConnect: autoPanOnConnect,
-                    autoPanOnNodeDrag: autoPanOnNodeDrag,
-                    autoPanSpeed: autoPanSpeed,
-                    onError: onError,
-                    connectionRadius: connectionRadius,
-                    isValidConnection: isValidConnection,
-                    selectNodesOnDrag: selectNodesOnDrag,
-                    nodeDragThreshold: nodeDragThreshold,
-                    connectionDragThreshold: connectionDragThreshold,
-                    onBeforeDelete: onBeforeDelete,
-                    debug: debug,
-                    ariaLabelConfig: ariaLabelConfig,
-                    zIndexMode: zIndexMode
-                }),
                 jsx$1(SelectionListener, {
                     onSelectionChange: onSelectionChange
                 }),
@@ -12815,7 +12824,7 @@ var css_248z = "/* this gets exported as style.css and can be used for the defau
 styleInject(css_248z);
 
 /**
- * @license lucide-react v0.575.0 - ISC
+ * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -12824,14 +12833,14 @@ styleInject(css_248z);
     }).join(" ").trim();
 
 /**
- * @license lucide-react v0.575.0 - ISC
+ * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */ const toKebabCase = (string)=>string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 
 /**
- * @license lucide-react v0.575.0 - ISC
+ * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -12843,7 +12852,7 @@ const toPascalCase = (string)=>{
 };
 
 /**
- * @license lucide-react v0.575.0 - ISC
+ * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -12860,7 +12869,7 @@ const toPascalCase = (string)=>{
 };
 
 /**
- * @license lucide-react v0.575.0 - ISC
+ * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -12873,14 +12882,20 @@ const toPascalCase = (string)=>{
     return false;
 };
 
-const Icon = forwardRef(({ color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>createElement("svg", {
+const LucideContext = createContext({});
+const useLucideContext = ()=>useContext(LucideContext);
+
+const Icon = 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", {
         ref,
         ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        className: mergeClasses("lucide", className),
+        width: size ?? contextSize ?? defaultAttributes.width,
+        height: size ?? contextSize ?? defaultAttributes.height,
+        stroke: color ?? contextColor,
+        strokeWidth: calculatedStrokeWidth,
+        className: mergeClasses("lucide", contextClass, className),
         ...!children && !hasA11yProp(rest) && {
             "aria-hidden": "true"
         },
@@ -12890,7 +12905,8 @@ const Icon = forwardRef(({ color = "currentColor", size = 24, strokeWidth = 2, a
         ...Array.isArray(children) ? children : [
             children
         ]
-    ]));
+    ]);
+});
 
 const createLucideIcon = (iconName, iconNode)=>{
     const Component = forwardRef(({ className, ...props }, ref)=>createElement(Icon, {
@@ -12903,7 +12919,7 @@ const createLucideIcon = (iconName, iconNode)=>{
     return Component;
 };
 
-const __iconNode$x = [
+const __iconNode$y = [
     [
         "path",
         {
@@ -12919,9 +12935,9 @@ const __iconNode$x = [
         }
     ]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$x);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$y);
 
-const __iconNode$w = [
+const __iconNode$x = [
     [
         "path",
         {
@@ -12937,9 +12953,9 @@ const __iconNode$w = [
         }
     ]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$w);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$x);
 
-const __iconNode$v = [
+const __iconNode$w = [
     [
         "path",
         {
@@ -12987,9 +13003,9 @@ const __iconNode$v = [
         }
     ]
 ];
-const Bot = createLucideIcon("bot", __iconNode$v);
+const Bot = createLucideIcon("bot", __iconNode$w);
 
-const __iconNode$u = [
+const __iconNode$v = [
     [
         "path",
         {
@@ -13023,9 +13039,9 @@ const __iconNode$u = [
         }
     ]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$u);
+const Calendar = createLucideIcon("calendar", __iconNode$v);
 
-const __iconNode$t = [
+const __iconNode$u = [
     [
         "path",
         {
@@ -13082,9 +13098,9 @@ const __iconNode$t = [
         }
     ]
 ];
-const ChartNetwork = createLucideIcon("chart-network", __iconNode$t);
+const ChartNetwork = createLucideIcon("chart-network", __iconNode$u);
 
-const __iconNode$s = [
+const __iconNode$t = [
     [
         "path",
         {
@@ -13093,9 +13109,9 @@ const __iconNode$s = [
         }
     ]
 ];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$s);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$t);
 
-const __iconNode$r = [
+const __iconNode$s = [
     [
         "path",
         {
@@ -13104,9 +13120,9 @@ const __iconNode$r = [
         }
     ]
 ];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$r);
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$s);
 
-const __iconNode$q = [
+const __iconNode$r = [
     [
         "path",
         {
@@ -13122,9 +13138,9 @@ const __iconNode$q = [
         }
     ]
 ];
-const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$q);
+const ChevronsDown = createLucideIcon("chevrons-down", __iconNode$r);
 
-const __iconNode$p = [
+const __iconNode$q = [
     [
         "path",
         {
@@ -13140,9 +13156,9 @@ const __iconNode$p = [
         }
     ]
 ];
-const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$p);
+const ChevronsUp = createLucideIcon("chevrons-up", __iconNode$q);
 
-const __iconNode$o = [
+const __iconNode$p = [
     [
         "circle",
         {
@@ -13173,9 +13189,9 @@ const __iconNode$o = [
         }
     ]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$o);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$p);
 
-const __iconNode$n = [
+const __iconNode$o = [
     [
         "path",
         {
@@ -13191,9 +13207,9 @@ const __iconNode$n = [
         }
     ]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$n);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$o);
 
-const __iconNode$m = [
+const __iconNode$n = [
     [
         "circle",
         {
@@ -13218,9 +13234,9 @@ const __iconNode$m = [
         }
     ]
 ];
-const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$m);
+const CircleDollarSign = createLucideIcon("circle-dollar-sign", __iconNode$n);
 
-const __iconNode$l = [
+const __iconNode$m = [
     [
         "circle",
         {
@@ -13238,9 +13254,9 @@ const __iconNode$l = [
         }
     ]
 ];
-const Clock = createLucideIcon("clock", __iconNode$l);
+const Clock = createLucideIcon("clock", __iconNode$m);
 
-const __iconNode$k = [
+const __iconNode$l = [
     [
         "rect",
         {
@@ -13261,9 +13277,9 @@ const __iconNode$k = [
         }
     ]
 ];
-const Copy = createLucideIcon("copy", __iconNode$k);
+const Copy = createLucideIcon("copy", __iconNode$l);
 
-const __iconNode$j = [
+const __iconNode$k = [
     [
         "path",
         {
@@ -13371,9 +13387,9 @@ const __iconNode$j = [
         }
     ]
 ];
-const Cpu = createLucideIcon("cpu", __iconNode$j);
+const Cpu = createLucideIcon("cpu", __iconNode$k);
 
-const __iconNode$i = [
+const __iconNode$j = [
     [
         "line",
         {
@@ -13392,9 +13408,9 @@ const __iconNode$i = [
         }
     ]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$i);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$j);
 
-const __iconNode$h = [
+const __iconNode$i = [
     [
         "path",
         {
@@ -13424,9 +13440,9 @@ const __iconNode$h = [
         }
     ]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$h);
+const FileInput = createLucideIcon("file-input", __iconNode$i);
 
-const __iconNode$g = [
+const __iconNode$h = [
     [
         "path",
         {
@@ -13456,9 +13472,9 @@ const __iconNode$g = [
         }
     ]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$g);
+const FileOutput = createLucideIcon("file-output", __iconNode$h);
 
-const __iconNode$f = [
+const __iconNode$g = [
     [
         "path",
         {
@@ -13516,9 +13532,9 @@ const __iconNode$f = [
         }
     ]
 ];
-const FoldVertical = createLucideIcon("fold-vertical", __iconNode$f);
+const FoldVertical = createLucideIcon("fold-vertical", __iconNode$g);
 
-const __iconNode$e = [
+const __iconNode$f = [
     [
         "line",
         {
@@ -13560,9 +13576,9 @@ const __iconNode$e = [
         }
     ]
 ];
-const Hash = createLucideIcon("hash", __iconNode$e);
+const Hash = createLucideIcon("hash", __iconNode$f);
 
-const __iconNode$d = [
+const __iconNode$e = [
     [
         "circle",
         {
@@ -13587,9 +13603,9 @@ const __iconNode$d = [
         }
     ]
 ];
-const Info = createLucideIcon("info", __iconNode$d);
+const Info = createLucideIcon("info", __iconNode$e);
 
-const __iconNode$c = [
+const __iconNode$d = [
     [
         "path",
         {
@@ -13626,9 +13642,9 @@ const __iconNode$c = [
         }
     ]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$c);
+const ListChecks = createLucideIcon("list-checks", __iconNode$d);
 
-const __iconNode$b = [
+const __iconNode$c = [
     [
         "path",
         {
@@ -13644,9 +13660,9 @@ const __iconNode$b = [
         }
     ]
 ];
-const MessagesSquare = createLucideIcon("messages-square", __iconNode$b);
+const MessagesSquare = createLucideIcon("messages-square", __iconNode$c);
 
-const __iconNode$a = [
+const __iconNode$b = [
     [
         "rect",
         {
@@ -13666,9 +13682,9 @@ const __iconNode$a = [
         }
     ]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$a);
+const PanelLeft = createLucideIcon("panel-left", __iconNode$b);
 
-const __iconNode$9 = [
+const __iconNode$a = [
     [
         "path",
         {
@@ -13698,9 +13714,9 @@ const __iconNode$9 = [
         }
     ]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$9);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$a);
 
-const __iconNode$8 = [
+const __iconNode$9 = [
     [
         "path",
         {
@@ -13737,9 +13753,9 @@ const __iconNode$8 = [
         }
     ]
 ];
-const Scale = createLucideIcon("scale", __iconNode$8);
+const Scale = createLucideIcon("scale", __iconNode$9);
 
-const __iconNode$7 = [
+const __iconNode$8 = [
     [
         "path",
         {
@@ -13773,9 +13789,9 @@ const __iconNode$7 = [
         }
     ]
 ];
-const Settings2 = createLucideIcon("settings-2", __iconNode$7);
+const Settings2 = createLucideIcon("settings-2", __iconNode$8);
 
-const __iconNode$6 = [
+const __iconNode$7 = [
     [
         "path",
         {
@@ -13798,7 +13814,18 @@ const __iconNode$6 = [
         }
     ]
 ];
-const Share = createLucideIcon("share", __iconNode$6);
+const Share = createLucideIcon("share", __iconNode$7);
+
+const __iconNode$6 = [
+    [
+        "path",
+        {
+            d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+            key: "oel41y"
+        }
+    ]
+];
+const Shield = createLucideIcon("shield", __iconNode$6);
 
 const __iconNode$5 = [
     [
@@ -15867,6 +15894,18 @@ function css() {
     }
     return serializeStyles(args);
 }
+function keyframes() {
+    var insertable = css.apply(void 0, arguments);
+    var name = "animation-" + insertable.name;
+    return {
+        name: name,
+        styles: "@keyframes " + name + "{" + insertable.styles + "}",
+        anim: 1,
+        toString: function toString() {
+            return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
+        }
+    };
+}
 
 const lightTheme = {
     colors: {
@@ -21505,7 +21544,7 @@ function getFontSizes(base) {
         }));
 }
 
-var version = '6.3.1';
+var version = '6.3.6';
 
 const defaultPresetColors = {
     blue: '#1677FF',
@@ -21807,12 +21846,14 @@ const generateColorPalettes = (baseColor)=>{
         10: colors[6]
     };
 };
-const generateNeutralColorPalettes = (bgBaseColor, textBaseColor)=>{
+const generateNeutralColorPalettes = (bgBaseColor, textBaseColor, shadowColor)=>{
     const colorBgBase = bgBaseColor || '#fff';
     const colorTextBase = textBaseColor || '#000';
+    const colorShadow = shadowColor || '#000';
     return {
         colorBgBase,
         colorTextBase,
+        colorShadow,
         colorText: getAlphaColor$1(colorTextBase, 0.88),
         colorTextSecondary: getAlphaColor$1(colorTextBase, 0.65),
         colorTextTertiary: getAlphaColor$1(colorTextBase, 0.45),
@@ -21934,6 +21975,9 @@ function getAlphaColor(frontColor, backgroundColor) {
         ...restToken,
         ...overrideTokens
     };
+    const shadowBaseColor = new FastColor(mergedToken.colorShadow);
+    const shadowBaseAlpha = shadowBaseColor.a;
+    const getShadowColor = (alpha)=>shadowBaseColor.clone().setA(shadowBaseAlpha * alpha).toRgbString();
     const screenXS = 480;
     const screenSM = 576;
     const screenMD = 768;
@@ -22022,19 +22066,19 @@ function getAlphaColor(frontColor, backgroundColor) {
         marginXL: mergedToken.sizeXL,
         marginXXL: mergedToken.sizeXXL,
         boxShadow: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+      0 6px 16px 0 ${getShadowColor(0.08)},
+      0 3px 6px -4px ${getShadowColor(0.12)},
+      0 9px 28px 8px ${getShadowColor(0.05)}
     `,
         boxShadowSecondary: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+      0 6px 16px 0 ${getShadowColor(0.08)},
+      0 3px 6px -4px ${getShadowColor(0.12)},
+      0 9px 28px 8px ${getShadowColor(0.05)}
     `,
         boxShadowTertiary: `
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+      0 1px 2px 0 ${getShadowColor(0.03)},
+      0 1px 6px -1px ${getShadowColor(0.02)},
+      0 2px 4px 0 ${getShadowColor(0.02)}
     `,
         screenXS,
         screenXSMin: screenXS,
@@ -22056,36 +22100,36 @@ function getAlphaColor(frontColor, backgroundColor) {
         screenXXLMax: screenXXXL - 1,
         screenXXXL,
         screenXXXLMin: screenXXXL,
-        boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
+        boxShadowPopoverArrow: `2px 2px 5px ${getShadowColor(0.05)}`,
         boxShadowCard: `
-      0 1px 2px -2px ${new FastColor('rgba(0, 0, 0, 0.16)').toRgbString()},
-      0 3px 6px 0 ${new FastColor('rgba(0, 0, 0, 0.12)').toRgbString()},
-      0 5px 12px 4px ${new FastColor('rgba(0, 0, 0, 0.09)').toRgbString()}
+      0 1px 2px -2px ${getShadowColor(0.16)},
+      0 3px 6px 0 ${getShadowColor(0.12)},
+      0 5px 12px 4px ${getShadowColor(0.09)}
     `,
         boxShadowDrawerRight: `
-      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+      -6px 0 16px 0 ${getShadowColor(0.08)},
+      -3px 0 6px -4px ${getShadowColor(0.12)},
+      -9px 0 28px 8px ${getShadowColor(0.05)}
     `,
         boxShadowDrawerLeft: `
-      6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+      6px 0 16px 0 ${getShadowColor(0.08)},
+      3px 0 6px -4px ${getShadowColor(0.12)},
+      9px 0 28px 8px ${getShadowColor(0.05)}
     `,
         boxShadowDrawerUp: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+      0 6px 16px 0 ${getShadowColor(0.08)},
+      0 3px 6px -4px ${getShadowColor(0.12)},
+      0 9px 28px 8px ${getShadowColor(0.05)}
     `,
         boxShadowDrawerDown: `
-      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+      0 -6px 16px 0 ${getShadowColor(0.08)},
+      0 -3px 6px -4px ${getShadowColor(0.12)},
+      0 -9px 28px 8px ${getShadowColor(0.05)}
     `,
-        boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
-        boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
-        boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
-        boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',
+        boxShadowTabsOverflowLeft: `inset 10px 0 8px -8px ${getShadowColor(0.08)}`,
+        boxShadowTabsOverflowRight: `inset -10px 0 8px -8px ${getShadowColor(0.08)}`,
+        boxShadowTabsOverflowTop: `inset 0 10px 8px -8px ${getShadowColor(0.08)}`,
+        boxShadowTabsOverflowBottom: `inset 0 -10px 8px -8px ${getShadowColor(0.08)}`,
         // Override AliasToken
         ...overrideTokens
     };
@@ -22128,7 +22172,10 @@ const preserve = {
     screenXLMin: true,
     screenXLMax: true,
     screenXXL: true,
-    screenXXLMin: true
+    screenXXLMin: true,
+    screenXXLMax: true,
+    screenXXXL: true,
+    screenXXXLMin: true
 };
 const getComputedToken = (originToken, overrideToken, theme)=>{
     const derivativeToken = theme.getDerivativeToken(originToken);
@@ -22160,6 +22207,7 @@ const getComputedToken = (originToken, overrideToken, theme)=>{
 // ================================== Hook ==================================
 function useToken() {
     const { token: rootDesignToken, hashed, theme, override, cssVar: ctxCssVar, zeroRuntime } = React__default.useContext(DesignTokenContext);
+    const { csp } = React__default.useContext(ConfigContext);
     const cssVar = {
         prefix: ctxCssVar?.prefix ?? 'ant',
         key: ctxCssVar?.key ?? 'css-var-root'
@@ -22178,7 +22226,8 @@ function useToken() {
             unitless,
             ignore,
             preserve
-        }
+        },
+        nonce: csp?.nonce
     });
     return [
         mergedTheme,
@@ -22240,6 +22289,17 @@ const clearFix = ()=>({
             content: '""'
         }
     });
+const genFocusOutline = (token, offset)=>({
+        outline: `${unit(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`,
+        outlineOffset: offset ?? 1,
+        transition: [
+            `outline-offset`,
+            `outline`
+        ].map((prop)=>`${prop} 0s`).join(', ')
+    });
+const genFocusStyle = (token, offset)=>({
+        '&:focus-visible': genFocusOutline(token, offset)
+    });
 const genLinkStyle = (token)=>({
         a: {
             color: token.colorLink,
@@ -22266,6 +22326,7 @@ const genLinkStyle = (token)=>({
                 textDecoration: token.linkFocusDecoration,
                 outline: 0
             },
+            ...genFocusStyle(token),
             '&[disabled]': {
                 color: token.colorTextDisabled,
                 cursor: 'not-allowed'
@@ -22296,17 +22357,6 @@ const genCommonStyle = (token, componentPrefixCls, rootCls, resetFont)=>{
         }
     };
 };
-const genFocusOutline = (token, offset)=>({
-        outline: `${unit(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`,
-        outlineOffset: offset ?? 1,
-        transition: [
-            `outline-offset`,
-            `outline`
-        ].map((prop)=>`${prop} 0s`).join(', ')
-    });
-const genFocusStyle = (token, offset)=>({
-        '&:focus-visible': genFocusOutline(token, offset)
-    });
 const genIconStyle = (iconPrefixCls)=>({
         [`.${iconPrefixCls}`]: {
             ...resetIcon(),
@@ -22809,6 +22859,12 @@ function mergeProps$1(...items) {
 const isNonNullable = (val)=>{
     return val !== undefined && val !== null;
 };
+const isNumber = (val)=>{
+    return typeof val === 'number' && !Number.isNaN(val);
+};
+const isPrimitive = (value)=>{
+    return typeof value !== 'object' && typeof value !== 'function' || value === null;
+};
 
 const pickClosable = (context)=>{
     if (!context) {
@@ -23238,7 +23294,7 @@ const genAlertTypeStyle = (bgColor, borderColor, iconColor, token, alertCls)=>({
             color: iconColor
         }
     });
-const genBaseStyle$6 = (token)=>{
+const genBaseStyle$7 = (token)=>{
     const { componentCls, motionDurationSlow: duration, marginXS, marginSM, fontSize, fontSizeLG, lineHeight, borderRadiusLG: borderRadius, motionEaseInOutCirc, withDescriptionIconSize, colorText, colorTextHeading, withDescriptionPadding, defaultPadding } = token;
     return {
         [componentCls]: {
@@ -23365,7 +23421,7 @@ const genActionStyle = (token)=>{
         }
     };
 };
-const prepareComponentToken$m = (token)=>{
+const prepareComponentToken$n = (token)=>{
     const paddingHorizontal = 12; // Fixed value here.
     return {
         withDescriptionIconSize: token.fontSizeHeading3,
@@ -23373,11 +23429,11 @@ const prepareComponentToken$m = (token)=>{
         withDescriptionPadding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px`
     };
 };
-var useStyle$t = genStyleHooks('Alert', (token)=>[
-        genBaseStyle$6(token),
+var useStyle$u = genStyleHooks('Alert', (token)=>[
+        genBaseStyle$7(token),
         genTypeStyle(token),
         genActionStyle(token)
-    ], prepareComponentToken$m);
+    ], prepareComponentToken$n);
 
 const IconNode = (props)=>{
     const { icon, type, className, style, successIcon, infoIcon, warningIcon, errorIcon } = props;
@@ -23429,7 +23485,7 @@ const Alert$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         }));
     const { getPrefixCls, direction, closable: contextClosable, closeIcon: contextCloseIcon, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, successIcon, infoIcon, warningIcon, errorIcon } = useComponentConfig('alert');
     const prefixCls = getPrefixCls('alert', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$t(prefixCls);
+    const [hashId, cssVarCls] = useStyle$u(prefixCls);
     const { onClose: closableOnClose, afterClose: closableAfterClose } = closable && typeof closable === 'object' ? closable : {};
     const handleClose = (e)=>{
         setClosed(true);
@@ -23682,20 +23738,18 @@ function _inherits(t, e) {
     }), e && _setPrototypeOf(t, e);
 }
 
-let ErrorBoundary$1 = /*#__PURE__*/ function(_React$Component) {
+let ErrorBoundary$1 = /*#__PURE__*/ function(_React$PureComponent) {
     function ErrorBoundary() {
         var _this;
         _classCallCheck(this, ErrorBoundary);
         _this = _callSuper(this, ErrorBoundary, arguments);
         _this.state = {
             error: undefined,
-            info: {
-                componentStack: ''
-            }
+            info: {}
         };
         return _this;
     }
-    _inherits(ErrorBoundary, _React$Component);
+    _inherits(ErrorBoundary, _React$PureComponent);
     return _createClass(ErrorBoundary, [
         {
             key: "componentDidCatch",
@@ -23713,8 +23767,8 @@ let ErrorBoundary$1 = /*#__PURE__*/ function(_React$Component) {
                 const { error, info } = this.state;
                 const mergedTitle = title ?? message;
                 const componentStack = info?.componentStack || null;
-                const errorMessage = typeof mergedTitle === 'undefined' ? (error || '').toString() : mergedTitle;
-                const errorDescription = typeof description === 'undefined' ? componentStack : description;
+                const errorMessage = isNonNullable(mergedTitle) ? mergedTitle : error?.toString();
+                const errorDescription = isNonNullable(description) ? description : componentStack;
                 if (error) {
                     return /*#__PURE__*/ React.createElement(Alert$1, {
                         id: id,
@@ -23732,14 +23786,14 @@ let ErrorBoundary$1 = /*#__PURE__*/ function(_React$Component) {
             }
         }
     ]);
-}(React.Component);
+}(React.PureComponent);
 
 const Alert = Alert$1;
 Alert.ErrorBoundary = ErrorBoundary$1;
 
-function isWindow(obj) {
+const isWindow = (obj)=>{
     return isNonNullable(obj) && obj === obj.window;
-}
+};
 const getScroll = (target)=>{
     if (typeof window === 'undefined') {
         /* istanbul ignore next */ return 0;
@@ -23997,7 +24051,8 @@ function MotionWrapper(props) {
 /**
  * Warning for ConfigProviderProps.
  * This will be empty function in production.
- */ const PropWarning = /*#__PURE__*/ React.memo(({ dropdownMatchSelectWidth })=>{
+ */ const PropWarning = /*#__PURE__*/ React.memo((props)=>{
+    const { dropdownMatchSelectWidth } = props;
     const warning = devUseWarning('ConfigProvider');
     warning.deprecated(dropdownMatchSelectWidth === undefined, 'dropdownMatchSelectWidth', 'popupMatchSelectWidth');
     return null;
@@ -24469,19 +24524,19 @@ const genMessageStyle = (token)=>{
         }
     ];
 };
-const prepareComponentToken$l = (token)=>({
+const prepareComponentToken$m = (token)=>({
         zIndexPopup: token.zIndexPopupBase + CONTAINER_MAX_OFFSET + 10,
         contentBg: token.colorBgElevated,
         contentPadding: `${(token.controlHeightLG - token.fontSize * token.lineHeight) / 2}px ${token.paddingSM}px`
     });
 // ============================== Export ==============================
-var useStyle$s = genStyleHooks('Message', (token)=>{
+var useStyle$t = genStyleHooks('Message', (token)=>{
     // Gen-style functions here
     const combinedToken = mergeToken(token, {
         height: 150
     });
     return genMessageStyle(combinedToken);
-}, prepareComponentToken$l);
+}, prepareComponentToken$m);
 
 const TypeIcon = {
     info: /*#__PURE__*/ React.createElement(InfoCircleFilled, null),
@@ -24510,12 +24565,12 @@ const PureContent = (props)=>{
         style: styles?.content
     }, children));
 };
-/** @private Internal Component. Do not use in your production. */ const PurePanel$4 = (props)=>{
+/** @private Internal Component. Do not use in your production. */ const PurePanel$5 = (props)=>{
     const { prefixCls: staticPrefixCls, className, style, type, icon, content, classNames: messageClassNames, styles, ...restProps } = props;
     const { getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('message');
     const prefixCls = staticPrefixCls || getPrefixCls('message');
     const rootCls = useCSSVarCls(prefixCls);
-    const [hashId, cssVarCls] = useStyle$s(prefixCls, rootCls);
+    const [hashId, cssVarCls] = useStyle$t(prefixCls, rootCls);
     const [mergedClassNames, mergedStyles] = useMergeSemantic([
         contextClassNames,
         messageClassNames
@@ -24570,7 +24625,7 @@ const DEFAULT_OFFSET = 8;
 const DEFAULT_DURATION = 3;
 const Wrapper = ({ children, prefixCls })=>{
     const rootCls = useCSSVarCls(prefixCls);
-    const [hashId, cssVarCls] = useStyle$s(prefixCls, rootCls);
+    const [hashId, cssVarCls] = useStyle$t(prefixCls, rootCls);
     return /*#__PURE__*/ React.createElement(NotificationProvider, {
         classNames: {
             list: clsx(hashId, cssVarCls, rootCls)
@@ -24651,7 +24706,6 @@ function useInternalMessage(messageConfig) {
             if (!holderRef.current) {
                 process.env.NODE_ENV !== "production" ? warning(false, 'usage', 'You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.') : void 0;
                 const fakeResult = ()=>{};
-                // eslint-disable-next-line react-hooks/immutability
                 fakeResult.then = ()=>{};
                 return fakeResult;
             }
@@ -24785,15 +24839,12 @@ const getCollapsedHeight = ()=>({
         height: 0,
         opacity: 0
     });
-const getRealHeight = (node)=>{
-    const { scrollHeight } = node;
-    return {
-        height: scrollHeight,
-        opacity: 1
-    };
-};
+const getRealHeight = (node)=>({
+        height: node?.scrollHeight ?? 0,
+        opacity: node ? 1 : 0
+    });
 const getCurrentHeight = (node)=>({
-        height: node ? node.offsetHeight : 0
+        height: node?.offsetHeight ?? 0
     });
 const skipOpacityTransition = (_, event)=>event?.deadline === true || event.propertyName === 'height';
 const initCollapseMotion = (rootCls = defaultPrefixCls)=>({
@@ -24848,7 +24899,7 @@ const genWaveStyle = (token)=>{
         }
     };
 };
-var useStyle$r = genComponentStyleHook('Wave', genWaveStyle);
+var useStyle$s = genComponentStyleHook('Wave', genWaveStyle);
 
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 
@@ -25002,15 +25053,15 @@ const useWave = (nodeRef, className, component, colorSource)=>{
             colorSource
         });
     });
-    const rafId = React.useRef(null);
+    const rafIdRef = React.useRef(null);
     // Clean up RAF on unmount to prevent memory leaks and stale callbacks
     React.useEffect(()=>()=>{
-            raf.cancel(rafId.current);
+            raf.cancel(rafIdRef.current);
         }, []);
     // Merge trigger event into one for each frame
     const showDebounceWave = (event)=>{
-        raf.cancel(rafId.current);
-        rafId.current = raf(()=>{
+        raf.cancel(rafIdRef.current);
+        rafIdRef.current = raf(()=>{
             showWave(event);
         });
     };
@@ -25023,7 +25074,7 @@ const Wave = (props)=>{
     const containerRef = useRef(null);
     // ============================== Style ===============================
     const prefixCls = getPrefixCls('wave');
-    const hashId = useStyle$r(prefixCls);
+    const hashId = useStyle$s(prefixCls);
     // =============================== Wave ===============================
     const showWave = useWave(containerRef, clsx(prefixCls, hashId), component, colorSource);
     // ============================== Effect ==============================
@@ -25101,7 +25152,7 @@ const genSpaceCompactStyle = (token)=>{
     };
 };
 // ============================== Export ==============================
-var useStyle$q = genStyleHooks([
+var useStyle$r = genStyleHooks([
     'Space',
     'Compact'
 ], genSpaceCompactStyle, ()=>({}), {
@@ -25160,7 +25211,7 @@ const Compact$1 = (props)=>{
     const [mergedOrientation, mergedVertical] = useOrientation(orientation, vertical, direction);
     const mergedSize = useSize((ctx)=>size ?? ctx);
     const prefixCls = getPrefixCls('space-compact', customizePrefixCls);
-    const [hashId] = useStyle$q(prefixCls);
+    const [hashId] = useStyle$r(prefixCls);
     const clx = clsx(prefixCls, hashId, {
         [`${prefixCls}-rtl`]: directionConfig === 'rtl',
         [`${prefixCls}-block`]: block,
@@ -25217,8 +25268,8 @@ const ButtonGroup = (props)=>{
         warning.deprecated(false, 'Button.Group', 'Space.Compact');
         process.env.NODE_ENV !== "production" ? warning(!size || [
             'large',
-            'small',
-            'middle'
+            'medium',
+            'small'
         ].includes(size), 'usage', 'Invalid prop `size`.') : void 0;
     }
     const classes = clsx(prefixCls, {
@@ -25404,11 +25455,6 @@ const initMotionCommon = (duration)=>({
         animationDuration: duration,
         animationFillMode: 'both'
     });
-// FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove
-const initMotionCommonLeave = (duration)=>({
-        animationDuration: duration,
-        animationFillMode: 'both'
-    });
 const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel = false)=>{
     const sameLevelPrefix = sameLevel ? '&' : '';
     return {
@@ -25420,7 +25466,7 @@ const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel =
             animationPlayState: 'paused'
         },
         [`${sameLevelPrefix}${motionCls}-leave`]: {
-            ...initMotionCommonLeave(duration),
+            ...initMotionCommon(duration),
             animationPlayState: 'paused'
         },
         [`
@@ -26161,7 +26207,7 @@ const CollapsePanel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     });
 });
 
-const genBaseStyle$5 = (token)=>{
+const genBaseStyle$6 = (token)=>{
     const { componentCls, contentBg, padding, headerBg, headerPadding, collapseHeaderPaddingSM, collapseHeaderPaddingLG, collapsePanelBorderRadius, lineWidth, lineType, colorBorder, colorText, colorTextHeading, colorTextDisabled, fontSizeLG, lineHeight, lineHeightLG, marginSM, paddingSM, paddingLG, paddingXS, motionDurationSlow, fontSizeIcon, contentPadding, fontHeight, fontHeightLG } = token;
     const borderBase = `${unit(lineWidth)} ${lineType} ${colorBorder}`;
     return {
@@ -26294,10 +26340,7 @@ const genBaseStyle$5 = (token)=>{
                 }
             },
             [`& ${componentCls}-item-disabled > ${componentCls}-header`]: {
-                [`
-          &,
-          & > .arrow
-        `]: {
+                '&, & > .arrow': {
                     color: colorTextDisabled,
                     cursor: 'not-allowed'
                 }
@@ -26375,7 +26418,7 @@ const genGhostStyle = (token)=>{
         }
     };
 };
-const prepareComponentToken$k = (token)=>({
+const prepareComponentToken$l = (token)=>({
         headerPadding: `${token.paddingSM}px ${token.padding}px`,
         headerBg: token.colorFillAlter,
         contentPadding: `${token.padding}px 16px`,
@@ -26384,20 +26427,20 @@ const prepareComponentToken$k = (token)=>({
         borderlessContentPadding: `${token.paddingXXS}px 16px ${token.padding}px`,
         borderlessContentBg: 'transparent'
     });
-var useStyle$p = genStyleHooks('Collapse', (token)=>{
+var useStyle$q = genStyleHooks('Collapse', (token)=>{
     const collapseToken = mergeToken(token, {
         collapseHeaderPaddingSM: `${unit(token.paddingXS)} ${unit(token.paddingSM)}`,
         collapseHeaderPaddingLG: `${unit(token.padding)} ${unit(token.paddingLG)}`,
         collapsePanelBorderRadius: token.borderRadiusLG
     });
     return [
-        genBaseStyle$5(collapseToken),
+        genBaseStyle$6(collapseToken),
         genBorderlessStyle$1(collapseToken),
         genGhostStyle(collapseToken),
         genArrowStyle(collapseToken),
         genCollapseMotion(collapseToken)
     ];
-}, prepareComponentToken$k);
+}, prepareComponentToken$l);
 
 const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { getPrefixCls, direction, expandIcon: contextExpandIcon, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('collapse');
@@ -26405,7 +26448,7 @@ const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const mergedSize = useSize((ctx)=>customizeSize ?? ctx ?? 'middle');
     const prefixCls = getPrefixCls('collapse', customizePrefixCls);
     const rootPrefixCls = getPrefixCls();
-    const [hashId, cssVarCls] = useStyle$p(prefixCls);
+    const [hashId, cssVarCls] = useStyle$q(prefixCls);
     const mergedPlacement = expandIconPlacement ?? expandIconPosition ?? 'start';
     // =========== Merged Props for Semantic ===========
     const mergedProps = {
@@ -26456,7 +26499,8 @@ const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         [`${prefixCls}-borderless`]: !bordered,
         [`${prefixCls}-rtl`]: direction === 'rtl',
         [`${prefixCls}-ghost`]: !!ghost,
-        [`${prefixCls}-${mergedSize}`]: mergedSize !== 'middle'
+        [`${prefixCls}-large`]: mergedSize === 'large',
+        [`${prefixCls}-small`]: mergedSize === 'small'
     }, contextClassName, className, rootClassName, hashId, cssVarCls, mergedClassNames.root);
     const openMotion = React.useMemo(()=>({
             ...initCollapseMotion(rootPrefixCls),
@@ -26474,8 +26518,7 @@ const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     }, [
         children
     ]);
-    return(/*#__PURE__*/ // @ts-ignore
-    React.createElement(RcCollapse, {
+    return /*#__PURE__*/ React.createElement(RcCollapse, {
         ref: ref,
         openMotion: openMotion,
         ...omit(props, [
@@ -26492,7 +26535,7 @@ const Collapse = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         classNames: mergedClassNames,
         styles: mergedStyles,
         destroyOnHidden: destroyOnHidden ?? destroyInactivePanel
-    }, items));
+    }, items);
 });
 if (process.env.NODE_ENV !== 'production') {
     Collapse.displayName = 'Collapse';
@@ -26528,7 +26571,7 @@ const prepareToken$2 = (token)=>{
     });
     return buttonToken;
 };
-const prepareComponentToken$j = (token)=>{
+const prepareComponentToken$k = (token)=>{
     const contentFontSize = token.contentFontSize ?? token.fontSize;
     const contentFontSizeSM = token.contentFontSizeSM ?? token.fontSize;
     const contentFontSizeLG = token.contentFontSizeLG ?? token.fontSizeLG;
@@ -27038,7 +27081,7 @@ const genBlockButtonStyle = (token)=>{
     };
 };
 // ============================== Export ==============================
-var useStyle$o = genStyleHooks('Button', (token)=>{
+var useStyle$p = genStyleHooks('Button', (token)=>{
     const buttonToken = prepareToken$2(token);
     return [
         // Shared
@@ -27054,7 +27097,7 @@ var useStyle$o = genStyleHooks('Button', (token)=>{
         // Button Group
         genGroupStyle$1(buttonToken)
     ];
-}, prepareComponentToken$j, {
+}, prepareComponentToken$k, {
     unitless: {
         fontWeight: true,
         contentLineHeight: true,
@@ -27238,12 +27281,12 @@ var Compact = genSubStyleComponent([
         genCompactItemVerticalStyle(buttonToken),
         genButtonCompactStyle(buttonToken)
     ];
-}, prepareComponentToken$j);
+}, prepareComponentToken$k);
 
 function getLoadingConfig(loading) {
     if (typeof loading === 'object' && loading) {
         let delay = loading?.delay;
-        delay = !Number.isNaN(delay) && typeof delay === 'number' ? delay : 0;
+        delay = isNumber(delay) ? delay : 0;
         return {
             loading: delay <= 0,
             delay
@@ -27346,7 +27389,7 @@ const InternalCompoundedButton = /*#__PURE__*/ React__default.forwardRef((props,
     const mergedColorText = isDanger ? 'dangerous' : mergedColor;
     const mergedInsertSpace = autoInsertSpace ?? contextAutoInsertSpace ?? true;
     const prefixCls = getPrefixCls('btn', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$o(prefixCls);
+    const [hashId, cssVarCls] = useStyle$p(prefixCls);
     const disabled = useContext(DisabledContext);
     const mergedDisabled = customDisabled ?? disabled;
     const groupSize = useContext(GroupSizeContext);
@@ -27435,14 +27478,7 @@ const InternalCompoundedButton = /*#__PURE__*/ React__default.forwardRef((props,
     }
     // ========================== Size ==========================
     const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
-    const sizeClassNameMap = {
-        large: 'lg',
-        small: 'sm',
-        middle: undefined,
-        medium: undefined
-    };
     const sizeFullName = useSize((ctxSize)=>customizeSize ?? compactSize ?? groupSize ?? ctxSize);
-    const sizeCls = sizeFullName ? sizeClassNameMap[sizeFullName] ?? '' : '';
     const iconType = innerLoading ? 'loading' : icon;
     const mergedIconPlacement = iconPlacement ?? iconPosition ?? 'start';
     const linkButtonRestProps = omit(rest, [
@@ -27479,7 +27515,8 @@ const InternalCompoundedButton = /*#__PURE__*/ React__default.forwardRef((props,
         [`${prefixCls}-dangerous`]: danger,
         [`${prefixCls}-color-${mergedColorText}`]: mergedColorText,
         [`${prefixCls}-variant-${mergedVariant}`]: mergedVariant,
-        [`${prefixCls}-${sizeCls}`]: sizeCls,
+        [`${prefixCls}-lg`]: sizeFullName === 'large',
+        [`${prefixCls}-sm`]: sizeFullName === 'small',
         [`${prefixCls}-icon-only`]: !children && children !== 0 && !!iconType,
         [`${prefixCls}-background-ghost`]: ghost && !isUnBorderedButtonVariant(mergedVariant),
         [`${prefixCls}-loading`]: innerLoading,
@@ -27630,6 +27667,10 @@ function useFocusable(focusable, defaultTrap, legacyFocusTriggerAfterClose) {
 
 const Element$1 = (props)=>{
     const { prefixCls, className, style, size, shape } = props;
+    if (process.env.NODE_ENV !== 'production') {
+        const warning = devUseWarning('Skeleton');
+        warning.deprecated(size !== 'default', 'size="default"', 'size="medium"');
+    }
     const sizeCls = clsx({
         [`${prefixCls}-lg`]: size === 'large',
         [`${prefixCls}-sm`]: size === 'small'
@@ -27639,7 +27680,7 @@ const Element$1 = (props)=>{
         [`${prefixCls}-square`]: shape === 'square',
         [`${prefixCls}-round`]: shape === 'round'
     });
-    const sizeStyle = React.useMemo(()=>typeof size === 'number' ? {
+    const sizeStyle = React.useMemo(()=>isNumber(size) ? {
             width: size,
             height: size,
             lineHeight: `${size}px`
@@ -27805,7 +27846,7 @@ const genSkeletonElementButton = (token)=>{
     };
 };
 // =============================== Base ===============================
-const genBaseStyle$4 = (token)=>{
+const genBaseStyle$5 = (token)=>{
     const { componentCls, skeletonAvatarCls, skeletonTitleCls, skeletonParagraphCls, skeletonButtonCls, skeletonInputCls, skeletonNodeCls, skeletonImageCls, controlHeight, controlHeightLG, controlHeightSM, gradientFromColor, padding, marginSM, borderRadius, titleHeight, blockRadius, paragraphLiHeight, controlHeightXS, paragraphMarginTop } = token;
     return {
         [componentCls]: {
@@ -27916,7 +27957,7 @@ const genBaseStyle$4 = (token)=>{
     };
 };
 // ============================== Export ==============================
-const prepareComponentToken$i = (token)=>{
+const prepareComponentToken$j = (token)=>{
     const { colorFillContent, colorFill } = token;
     const gradientFromColor = colorFillContent;
     const gradientToColor = colorFill;
@@ -27931,7 +27972,7 @@ const prepareComponentToken$i = (token)=>{
         paragraphLiHeight: token.controlHeight / 2
     };
 };
-var useStyle$n = genStyleHooks('Skeleton', (token)=>{
+var useStyle$o = genStyleHooks('Skeleton', (token)=>{
     const { componentCls, calc } = token;
     const skeletonToken = mergeToken(token, {
         skeletonAvatarCls: `${componentCls}-avatar`,
@@ -27947,8 +27988,8 @@ var useStyle$n = genStyleHooks('Skeleton', (token)=>{
         skeletonLoadingBackground: `linear-gradient(90deg, ${token.gradientFromColor} 25%, ${token.gradientToColor} 37%, ${token.gradientFromColor} 63%)`,
         skeletonLoadingMotionDuration: '1.4s'
     });
-    return genBaseStyle$4(skeletonToken);
-}, prepareComponentToken$i, {
+    return genBaseStyle$5(skeletonToken);
+}, prepareComponentToken$j, {
     deprecatedTokens: [
         [
             'color',
@@ -27962,10 +28003,11 @@ var useStyle$n = genStyleHooks('Skeleton', (token)=>{
 });
 
 const SkeletonAvatar = (props)=>{
-    const { prefixCls: customizePrefixCls, className, classNames, rootClassName, active, style, styles, shape = 'circle', size = 'default', ...rest } = props;
+    const { prefixCls: customizePrefixCls, className, classNames, rootClassName, active, style, styles, shape = 'circle', size: customSize, ...rest } = props;
     const { getPrefixCls } = React.useContext(ConfigContext);
     const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$n(prefixCls);
+    const [hashId, cssVarCls] = useStyle$o(prefixCls);
+    const mergedSize = useSize((ctx)=>customSize ?? ctx);
     const cls = clsx(prefixCls, `${prefixCls}-element`, {
         [`${prefixCls}-active`]: active
     }, classNames?.root, className, rootClassName, hashId, cssVarCls);
@@ -27980,16 +28022,17 @@ const SkeletonAvatar = (props)=>{
             ...style
         },
         shape: shape,
-        size: size,
+        size: mergedSize,
         ...rest
     }));
 };
 
 const SkeletonButton = (props)=>{
-    const { prefixCls: customizePrefixCls, className, rootClassName, classNames, active, style, styles, block = false, size = 'default', ...rest } = props;
+    const { prefixCls: customizePrefixCls, className, rootClassName, classNames, active, style, styles, block = false, size: customSize, ...rest } = props;
     const { getPrefixCls } = React.useContext(ConfigContext);
     const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$n(prefixCls);
+    const [hashId, cssVarCls] = useStyle$o(prefixCls);
+    const mergedSize = useSize((ctx)=>customSize ?? ctx);
     const cls = clsx(prefixCls, `${prefixCls}-element`, {
         [`${prefixCls}-active`]: active,
         [`${prefixCls}-block`]: block
@@ -28004,7 +28047,7 @@ const SkeletonButton = (props)=>{
             ...styles?.content,
             ...style
         },
-        size: size,
+        size: mergedSize,
         ...rest
     }));
 };
@@ -28013,7 +28056,7 @@ const SkeletonNode = (props)=>{
     const { prefixCls: customizePrefixCls, className, classNames, rootClassName, internalClassName, style, styles, active, children } = props;
     const { getPrefixCls } = React.useContext(ConfigContext);
     const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$n(prefixCls);
+    const [hashId, cssVarCls] = useStyle$o(prefixCls);
     const cls = clsx(prefixCls, `${prefixCls}-element`, {
         [`${prefixCls}-active`]: active
     }, hashId, classNames?.root, className, rootClassName, cssVarCls);
@@ -28046,10 +28089,11 @@ const SkeletonImage = (props)=>{
 };
 
 const SkeletonInput = (props)=>{
-    const { prefixCls: customizePrefixCls, className, classNames, rootClassName, active, block, style, styles, size = 'default', ...rest } = props;
+    const { prefixCls: customizePrefixCls, className, classNames, rootClassName, active, block, style, styles, size: customSize, ...rest } = props;
     const { getPrefixCls } = React.useContext(ConfigContext);
     const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$n(prefixCls);
+    const [hashId, cssVarCls] = useStyle$o(prefixCls);
+    const mergedSize = useSize((ctx)=>customSize ?? ctx);
     const cls = clsx(prefixCls, `${prefixCls}-element`, {
         [`${prefixCls}-active`]: active,
         [`${prefixCls}-block`]: block
@@ -28064,7 +28108,7 @@ const SkeletonInput = (props)=>{
             ...styles?.content,
             ...style
         },
-        size: size,
+        size: mergedSize,
         ...rest
     }));
 };
@@ -28084,8 +28128,7 @@ const Paragraph$1 = (props)=>{
     const { prefixCls, className, style, rows = 0 } = props;
     const rowList = Array.from({
         length: rows
-    }).map((_, index)=>/*#__PURE__*/ // eslint-disable-next-line react/no-array-index-key
-        React.createElement("li", {
+    }).map((_, index)=>/*#__PURE__*/ React.createElement("li", {
             key: index,
             style: {
                 width: getWidth(index, props)
@@ -28097,8 +28140,7 @@ const Paragraph$1 = (props)=>{
     }, rowList);
 };
 
-const Title$2 = ({ prefixCls, className, width, style })=>/*#__PURE__*/ // biome-ignore lint/a11y/useHeadingContent: HOC here
-    React.createElement("h3", {
+const Title$2 = ({ prefixCls, className, width, style })=>/*#__PURE__*/ React.createElement("h3", {
         className: clsx(prefixCls, className),
         style: {
             width,
@@ -28157,7 +28199,7 @@ const Skeleton = (props)=>{
     const { prefixCls: customizePrefixCls, loading, className, rootClassName, classNames, style, styles, children, avatar = false, title = true, paragraph = true, active, round } = props;
     const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('skeleton');
     const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$n(prefixCls);
+    const [hashId, cssVarCls] = useStyle$o(prefixCls);
     const mergedProps = {
         ...props,
         avatar,
@@ -28422,7 +28464,8 @@ const getMediaSize = (token)=>{
         md: token.screenMDMin,
         lg: token.screenLGMin,
         xl: token.screenXLMin,
-        xxl: token.screenXXLMin
+        xxl: token.screenXXLMin,
+        xxxl: token.screenXXXLMin
     };
     return mediaSizesMap;
 };
@@ -28501,14 +28544,15 @@ function withPureRenderTheme(Component) {
             getPopupContainer: ()=>holderRef.current
         };
         if (alignPropName) {
-            Object.assign(mergedProps, {
+            mergedProps = {
+                ...mergedProps,
                 [alignPropName]: {
                     overflow: {
                         adjustX: false,
                         adjustY: false
                     }
                 }
-            });
+            };
         }
         const mergedStyle = {
             paddingBottom: popupHeight,
@@ -28683,7 +28727,7 @@ const genSharedEmptyStyle = (token)=>{
     };
 };
 // ============================== Export ==============================
-var useStyle$m = genStyleHooks('Empty', (token)=>{
+var useStyle$n = genStyleHooks('Empty', (token)=>{
     const { componentCls, controlHeightLG, calc } = token;
     const emptyToken = mergeToken(token, {
         emptyImgCls: `${componentCls}-img`,
@@ -28700,7 +28744,7 @@ const Empty = (props)=>{
     const { className, rootClassName, prefixCls: customizePrefixCls, image, description, children, imageStyle, style, classNames, styles, ...restProps } = props;
     const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, image: contextImage } = useComponentConfig('empty');
     const prefixCls = getPrefixCls('empty', customizePrefixCls);
-    const [hashId, cssVarCls] = useStyle$m(prefixCls);
+    const [hashId, cssVarCls] = useStyle$n(prefixCls);
     const [mergedClassNames, mergedStyles] = useMergeSemantic([
         contextClassNames,
         classNames
@@ -29291,6 +29335,10 @@ const genSelectInputStyle = (token)=>{
                         width: 0,
                         overflow: 'hidden'
                     },
+                    // >>> Value
+                    '&-value': {
+                        visibility: 'inherit'
+                    },
                     // >>> Input: should only take effect for not customize mode
                     // input element with readOnly use cursor pointer
                     'input[readonly]': {
@@ -29371,8 +29419,7 @@ const genSelectInputStyle = (token)=>{
                 [`&-single:not(${componentCls}-customize)`]: {
                     [`${componentCls}-input`]: {
                         position: 'absolute',
-                        insetInline: 0,
-                        insetBlock: `calc(${varRef('padding-vertical')} * -1)`,
+                        inset: 0,
                         lineHeight: `calc(${varRef('font-height')} + ${varRef('padding-vertical')} * 2)`
                     },
                     // Content center align
@@ -29481,8 +29528,7 @@ const genSelectInputStyle = (token)=>{
             }, {
                 borderRadius: 0,
                 borderTopColor: 'transparent',
-                borderRightColor: 'transparent',
-                borderLeftColor: 'transparent'
+                borderInlineColor: 'transparent'
             }),
             // ============================================================
             // ==                         Custom                         ==
@@ -29492,7 +29538,7 @@ const genSelectInputStyle = (token)=>{
     };
 };
 
-const prepareComponentToken$h = (token)=>{
+const prepareComponentToken$i = (token)=>{
     const { fontSize, lineHeight, lineWidth, controlHeight, controlHeightSM, controlHeightLG, paddingXXS, controlPaddingHorizontal, zIndexPopupBase, colorText, fontWeightStrong, controlItemBgActive, controlItemBgHover, colorBgContainer, colorFillSecondary, colorBgContainerDisabled, colorTextDisabled, colorPrimaryHover, colorPrimary, controlOutline } = token;
     // Item height default use `controlHeight - 2 * paddingXXS`,
     // but some case `paddingXXS=0`.
@@ -29535,7 +29581,7 @@ const prepareComponentToken$h = (token)=>{
 };
 
 // =============================== Base ===============================
-const genBaseStyle$3 = (token)=>{
+const genBaseStyle$4 = (token)=>{
     const { antCls, componentCls, motionDurationMid, inputPaddingHorizontalBase } = token;
     const hoverShowClearStyle = {
         [`${componentCls}-clear`]: {
@@ -29629,7 +29675,7 @@ const genSelectStyle = (token)=>{
         // ==                       LTR                       ==
         // =====================================================
         // Base
-        genBaseStyle$3(token),
+        genBaseStyle$4(token),
         // Dropdown
         genSingleStyle(token),
         // =====================================================
@@ -29660,7 +29706,7 @@ var useSelectStyle = genStyleHooks('Select', (token, { rootPrefixCls })=>{
         genSelectStyle(selectToken),
         genSelectInputStyle(selectToken)
     ];
-}, prepareComponentToken$h, {
+}, prepareComponentToken$i, {
     unitless: {
         optionLineHeight: true,
         optionSelectedFontWeight: true
@@ -29923,11 +29969,11 @@ if (process.env.NODE_ENV !== 'production') {
 }
 const Select = /*#__PURE__*/ React.forwardRef(InternalSelect);
 // We don't care debug panel
-/* istanbul ignore next */ const PurePanel$3 = genPurePanel(Select, 'popupAlign');
+/* istanbul ignore next */ const PurePanel$4 = genPurePanel(Select, 'popupAlign');
 Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 Select.Option = Option;
 Select.OptGroup = OptGroup;
-Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$3;
+Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$4;
 if (process.env.NODE_ENV !== 'production') {
     Select.displayName = 'Select';
 }
@@ -29991,7 +30037,9 @@ const useResponsiveObserver = ()=>{
             matchHandlers: {},
             dispatch (pointMap) {
                 screens = pointMap;
-                subscribers.forEach((func)=>func(screens));
+                subscribers.forEach((func)=>{
+                    func(screens);
+                });
                 return subscribers.size >= 1;
             },
             subscribe (func) {
@@ -30059,6 +30107,13 @@ function useBreakpoint(refreshOnChange = true, defaultScreens = {}) {
     return screensRef.current;
 }
 
+const getRenderPropValue = (propValue)=>{
+    if (!propValue) {
+        return null;
+    }
+    return typeof propValue === 'function' ? propValue() : propValue;
+};
+
 function getArrowToken(token) {
     const { sizePopupArrow, borderRadiusXS, borderRadiusOuter } = token;
     const unitWidth = sizePopupArrow / 2;
@@ -30546,6 +30601,8 @@ function getPlacements(config) {
     return placementMap;
 }
 
+const TableMeasureRowContext = /*#__PURE__*/ React__default.createContext(false);
+
 const useMergedArrow = (providedArrow, providedContextArrow)=>{
     const toConfig = (arrow)=>typeof arrow === 'boolean' ? {
             show: arrow
@@ -30564,7 +30621,7 @@ const useMergedArrow = (providedArrow, providedContextArrow)=>{
     ]);
 };
 
-const FALL_BACK_ORIGIN = '50%';
+const FALL_BACK_ORIGIN$1 = '50%';
 const genTooltipStyle = (token)=>{
     const { calc, componentCls, // ant-tooltip
     tooltipMaxWidth, tooltipColor, tooltipBg, tooltipBorderRadius, zIndexPopup, controlHeight, boxShadowSecondary, paddingSM, paddingXS, arrowOffsetHorizontal, sizePopupArrow, antCls } = token;
@@ -30590,8 +30647,8 @@ const genTooltipStyle = (token)=>{
         // When use `autoArrow`, origin will follow the arrow position
         [varName('valid-offset-x')]: varRef('arrow-offset-x', 'var(--arrow-x)'),
         transformOrigin: [
-            varRef('valid-offset-x', FALL_BACK_ORIGIN),
-            `var(--arrow-y, ${FALL_BACK_ORIGIN})`
+            varRef('valid-offset-x', FALL_BACK_ORIGIN$1),
+            `var(--arrow-y, ${FALL_BACK_ORIGIN$1})`
         ].join(' ')
     };
     return [
@@ -30691,7 +30748,7 @@ const genTooltipStyle = (token)=>{
     ];
 };
 // ============================== Export ==============================
-const prepareComponentToken$g = (token)=>({
+const prepareComponentToken$h = (token)=>({
         zIndexPopup: token.zIndexPopupBase + 70,
         maxWidth: 250,
         ...getArrowOffsetToken({
@@ -30702,7 +30759,7 @@ const prepareComponentToken$g = (token)=>({
             borderRadiusOuter: Math.min(token.borderRadiusOuter, 4)
         }))
     });
-var useStyle$l = ((prefixCls, rootCls, injectStyle = true)=>{
+var useStyle$m = ((prefixCls, rootCls, injectStyle = true)=>{
     const useStyle = genStyleHooks('Tooltip', (token)=>{
         const { borderRadius, colorTextLightSolid, colorBgSpotlight, maxWidth } = token;
         const TooltipToken = mergeToken(token, {
@@ -30716,7 +30773,7 @@ var useStyle$l = ((prefixCls, rootCls, injectStyle = true)=>{
             genTooltipStyle(TooltipToken),
             initZoomMotion(token, 'zoom-big-fast')
         ];
-    }, prepareComponentToken$g, {
+    }, prepareComponentToken$h, {
         resetStyle: false,
         // Popover use Tooltip as internal component. We do not need to handle this.
         injectStyle
@@ -30769,13 +30826,13 @@ const parseColor = (rootPrefixCls, prefixCls, color)=>{
     };
 };
 
-/** @private Internal Component. Do not use in your production. */ const PurePanel$2 = (props)=>{
+/** @private Internal Component. Do not use in your production. */ const PurePanel$3 = (props)=>{
     const { prefixCls: customizePrefixCls, className, placement = 'top', title, color, overlayInnerStyle, classNames, styles } = props;
     const { getPrefixCls } = React.useContext(ConfigContext);
     const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
     const rootPrefixCls = getPrefixCls();
     const rootCls = useCSSVarCls(prefixCls);
-    const [hashId, cssVarCls] = useStyle$l(prefixCls, rootCls);
+    const [hashId, cssVarCls] = useStyle$m(prefixCls, rootCls);
     // Color
     const colorInfo = parseColor(rootPrefixCls, prefixCls, color);
     const arrowContentStyle = colorInfo.arrowStyle;
@@ -30826,6 +30883,9 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const mergedArrow = useMergedArrow(tooltipArrow, contextArrow);
     const mergedShowArrow = mergedArrow.show;
     const mergedTrigger = trigger || contextTrigger || 'hover';
+    const mergedGetPopupContainer = getPopupContainer || getContextPopupContainer;
+    const mergedDestroyOnHidden = destroyOnHidden ?? !!destroyTooltipOnHide;
+    const inTableMeasureRow = React.useContext(TableMeasureRowContext);
     // ============================== Ref ===============================
     const warning = devUseWarning('Tooltip');
     const tooltipRef = React.useRef(null);
@@ -30903,16 +30963,9 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const mergedProps = {
         ...props,
         trigger: mergedTrigger,
-        color,
-        placement,
-        builtinPlacements,
-        openClassName,
-        arrow: tooltipArrow,
-        autoAdjustOverflow,
-        getPopupContainer,
-        children,
-        destroyTooltipOnHide,
-        destroyOnHidden
+        builtinPlacements: tooltipPlacements,
+        getPopupContainer: mergedGetPopupContainer,
+        destroyOnHidden: mergedDestroyOnHidden
     };
     const [mergedClassNames, mergedStyles] = useMergeSemantic([
         contextClassNames,
@@ -30927,8 +30980,8 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const rootPrefixCls = getPrefixCls();
     const injectFromPopover = props['data-popover-inject'];
     let tempOpen = open;
-    // Hide tooltip when there is no title
-    if (!('open' in props) && noTitle) {
+    // Hide tooltip when there is no title or in table measure row
+    if (!('open' in props) && noTitle || inTableMeasureRow) {
         tempOpen = false;
     }
     // ============================= Render =============================
@@ -30937,7 +30990,7 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const childCls = !childProps.className || typeof childProps.className === 'string' ? clsx(childProps.className, openClassName || `${prefixCls}-open`) : childProps.className;
     // Style
     const rootCls = useCSSVarCls(prefixCls);
-    const [hashId, cssVarCls] = useStyle$l(prefixCls, rootCls, !injectFromPopover);
+    const [hashId, cssVarCls] = useStyle$m(prefixCls, rootCls, !injectFromPopover);
     // Color
     const colorInfo = parseColor(rootPrefixCls, prefixCls, color);
     const arrowContentStyle = colorInfo.arrowStyle;
@@ -30955,7 +31008,6 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const content = /*#__PURE__*/ React.createElement(RcTooltip, {
         unique: true,
         ...restProps,
-        trigger: mergedTrigger,
         zIndex: zIndex,
         showArrow: mergedShowArrow,
         placement: placement,
@@ -30979,9 +31031,7 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             uniqueContainer: containerStyle,
             arrow: mergedStyles.arrow
         },
-        getTooltipContainer: getPopupContainer || getTooltipContainer || getContextPopupContainer,
         ref: tooltipRef,
-        builtinPlacements: tooltipPlacements,
         overlay: memoOverlayWrapper,
         visible: tempOpen,
         onVisibleChange: onInternalOpenChange,
@@ -30993,7 +31043,10 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             motionName: getTransitionName(rootPrefixCls, 'zoom-big-fast', typeof motion?.motionName === 'string' ? motion?.motionName : undefined),
             motionDeadline: 1000
         },
-        destroyOnHidden: destroyOnHidden ?? !!destroyTooltipOnHide
+        trigger: mergedTrigger,
+        builtinPlacements: tooltipPlacements,
+        getTooltipContainer: mergedGetPopupContainer,
+        destroyOnHidden: mergedDestroyOnHidden
     }, tempOpen ? cloneElement(child, {
         className: childCls
     }) : child);
@@ -31001,14 +31054,299 @@ const InternalTooltip = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         value: contextZIndex
     }, content);
 });
-const Tooltip$1 = InternalTooltip;
+const Tooltip = InternalTooltip;
 if (process.env.NODE_ENV !== 'production') {
-    Tooltip$1.displayName = 'Tooltip';
+    Tooltip.displayName = 'Tooltip';
 }
-Tooltip$1._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$2;
-Tooltip$1.UniqueProvider = UniqueProvider;
+Tooltip._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$3;
+Tooltip.UniqueProvider = UniqueProvider;
+
+const FALL_BACK_ORIGIN = '50%';
+const genBaseStyle$3 = (token)=>{
+    const { componentCls, popoverColor, titleMinWidth, fontWeightStrong, innerPadding, boxShadowSecondary, colorTextHeading, borderRadiusLG, zIndexPopup, titleMarginBottom, colorBgElevated, popoverBg, titleBorderBottom, innerContentPadding, titlePadding, antCls } = token;
+    const [varName, varRef] = genCssVar(antCls, 'tooltip');
+    return [
+        {
+            [componentCls]: {
+                ...resetComponent(token),
+                position: 'absolute',
+                top: 0,
+                // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
+                left: {
+                    _skip_check_: true,
+                    value: 0
+                },
+                zIndex: zIndexPopup,
+                fontWeight: 'normal',
+                whiteSpace: 'normal',
+                textAlign: 'start',
+                cursor: 'auto',
+                userSelect: 'text',
+                // When use `autoArrow`, origin will follow the arrow position
+                [varName('valid-offset-x')]: varRef('arrow-offset-x', 'var(--arrow-x)'),
+                transformOrigin: [
+                    varRef('valid-offset-x', FALL_BACK_ORIGIN),
+                    `var(--arrow-y, ${FALL_BACK_ORIGIN})`
+                ].join(' '),
+                [varName('arrow-background-color')]: colorBgElevated,
+                width: 'max-content',
+                maxWidth: '100vw',
+                '&-rtl': {
+                    direction: 'rtl'
+                },
+                '&-hidden': {
+                    display: 'none'
+                },
+                [`${componentCls}-content`]: {
+                    position: 'relative'
+                },
+                [`${componentCls}-container`]: {
+                    backgroundColor: popoverBg,
+                    backgroundClip: 'padding-box',
+                    borderRadius: borderRadiusLG,
+                    boxShadow: boxShadowSecondary,
+                    padding: innerPadding
+                },
+                [`${componentCls}-title`]: {
+                    minWidth: titleMinWidth,
+                    marginBottom: titleMarginBottom,
+                    color: colorTextHeading,
+                    fontWeight: fontWeightStrong,
+                    borderBottom: titleBorderBottom,
+                    padding: titlePadding
+                },
+                [`${componentCls}-content`]: {
+                    color: popoverColor,
+                    padding: innerContentPadding
+                }
+            }
+        },
+        // Arrow Style
+        getArrowStyle(token, varRef('arrow-background-color')),
+        // Pure Render
+        {
+            [`${componentCls}-pure`]: {
+                position: 'relative',
+                maxWidth: 'none',
+                margin: token.sizePopupArrow,
+                display: 'inline-block'
+            }
+        }
+    ];
+};
+const genColorStyle = (token)=>{
+    const { componentCls, antCls } = token;
+    const [varName] = genCssVar(antCls, 'tooltip');
+    return {
+        [componentCls]: PresetColors.map((colorKey)=>{
+            const lightColor = token[`${colorKey}6`];
+            return {
+                [`&${componentCls}-${colorKey}`]: {
+                    [varName('arrow-background-color')]: lightColor,
+                    [`${componentCls}-inner`]: {
+                        backgroundColor: lightColor
+                    },
+                    [`${componentCls}-arrow`]: {
+                        background: 'transparent'
+                    }
+                }
+            };
+        })
+    };
+};
+const prepareComponentToken$g = (token)=>{
+    const { lineWidth, controlHeight, fontHeight, padding, wireframe, zIndexPopupBase, borderRadiusLG, marginXS, lineType, colorSplit, paddingSM } = token;
+    const titlePaddingBlockDist = controlHeight - fontHeight;
+    const popoverTitlePaddingBlockTop = titlePaddingBlockDist / 2;
+    const popoverTitlePaddingBlockBottom = titlePaddingBlockDist / 2 - lineWidth;
+    const popoverPaddingHorizontal = padding;
+    return {
+        titleMinWidth: 177,
+        zIndexPopup: zIndexPopupBase + 30,
+        ...getArrowToken(token),
+        ...getArrowOffsetToken({
+            contentRadius: borderRadiusLG,
+            limitVerticalRadius: true
+        }),
+        // internal
+        innerPadding: wireframe ? 0 : 12,
+        titleMarginBottom: wireframe ? 0 : marginXS,
+        titlePadding: wireframe ? `${popoverTitlePaddingBlockTop}px ${popoverPaddingHorizontal}px ${popoverTitlePaddingBlockBottom}px` : 0,
+        titleBorderBottom: wireframe ? `${lineWidth}px ${lineType} ${colorSplit}` : 'none',
+        innerContentPadding: wireframe ? `${paddingSM}px ${popoverPaddingHorizontal}px` : 0
+    };
+};
+var useStyle$l = genStyleHooks('Popover', (token)=>{
+    const { colorBgElevated, colorText } = token;
+    const popoverToken = mergeToken(token, {
+        popoverBg: colorBgElevated,
+        popoverColor: colorText
+    });
+    return [
+        genBaseStyle$3(popoverToken),
+        genColorStyle(popoverToken),
+        initZoomMotion(popoverToken, 'zoom-big')
+    ];
+}, prepareComponentToken$g, {
+    resetStyle: false,
+    deprecatedTokens: [
+        [
+            'width',
+            'titleMinWidth'
+        ],
+        [
+            'minWidth',
+            'titleMinWidth'
+        ]
+    ]
+});
 
-const isPrimitive = (value)=>typeof value !== 'object' && typeof value !== 'function' || value === null;
+const Overlay$2 = (props)=>{
+    const { title, content, prefixCls, classNames, styles } = props;
+    if (!title && !content) {
+        return null;
+    }
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, title && /*#__PURE__*/ React.createElement("div", {
+        className: clsx(`${prefixCls}-title`, classNames?.title),
+        style: styles?.title
+    }, title), content && /*#__PURE__*/ React.createElement("div", {
+        className: clsx(`${prefixCls}-content`, classNames?.content),
+        style: styles?.content
+    }, content));
+};
+const RawPurePanel = (props)=>{
+    const { hashId, prefixCls, className, style, placement = 'top', title, content, children, classNames, styles } = props;
+    const titleNode = getRenderPropValue(title);
+    const contentNode = getRenderPropValue(content);
+    const mergedProps = {
+        ...props,
+        placement
+    };
+    const [mergedClassNames, mergedStyles] = useMergeSemantic([
+        classNames
+    ], [
+        styles
+    ], {
+        props: mergedProps
+    });
+    const rootClassName = clsx(hashId, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: rootClassName,
+        style: style
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${prefixCls}-arrow`
+    }), /*#__PURE__*/ React.createElement(Popup, {
+        ...props,
+        className: hashId,
+        prefixCls: prefixCls,
+        classNames: mergedClassNames,
+        styles: mergedStyles
+    }, children || /*#__PURE__*/ React.createElement(Overlay$2, {
+        prefixCls: prefixCls,
+        title: titleNode,
+        content: contentNode,
+        classNames: mergedClassNames,
+        styles: mergedStyles
+    })));
+};
+const PurePanel$2 = (props)=>{
+    const { prefixCls: customizePrefixCls, className, ...restProps } = props;
+    const { getPrefixCls } = React.useContext(ConfigContext);
+    const prefixCls = getPrefixCls('popover', customizePrefixCls);
+    const [hashId, cssVarCls] = useStyle$l(prefixCls);
+    return /*#__PURE__*/ React.createElement(RawPurePanel, {
+        ...restProps,
+        prefixCls: prefixCls,
+        hashId: hashId,
+        className: clsx(className, cssVarCls)
+    });
+};
+
+const InternalPopover = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { prefixCls: customizePrefixCls, title, content, overlayClassName, placement = 'top', trigger, children, mouseEnterDelay = 0.1, mouseLeaveDelay = 0.1, onOpenChange, overlayStyle = {}, styles, classNames, motion, arrow: popoverArrow, ...restProps } = props;
+    const { getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger } = useComponentConfig('popover');
+    const prefixCls = getPrefixCls('popover', customizePrefixCls);
+    const [hashId, cssVarCls] = useStyle$l(prefixCls);
+    const rootPrefixCls = getPrefixCls();
+    const mergedArrow = useMergedArrow(popoverArrow, contextArrow);
+    const mergedTrigger = trigger || contextTrigger || 'hover';
+    // ========================== Warning ===========================
+    if (process.env.NODE_ENV !== 'production') {
+        const warning = devUseWarning('Popover');
+        process.env.NODE_ENV !== "production" ? warning(!onOpenChange || onOpenChange.length <= 1, 'usage', 'The second `onOpenChange` parameter is internal and unsupported. Please lock to a previous version if needed.') : void 0;
+    }
+    // ============================= Styles =============================
+    const mergedProps = {
+        ...props,
+        placement,
+        trigger: mergedTrigger,
+        mouseEnterDelay,
+        mouseLeaveDelay,
+        overlayStyle,
+        styles,
+        classNames
+    };
+    const [mergedClassNames, mergedStyles] = useMergeSemantic([
+        contextClassNames,
+        classNames
+    ], [
+        contextStyles,
+        styles
+    ], {
+        props: mergedProps
+    });
+    const rootClassNames = clsx(overlayClassName, hashId, cssVarCls, contextClassName, mergedClassNames.root);
+    const [open, setOpen] = useControlledState(props.defaultOpen ?? false, props.open);
+    const settingOpen = (value)=>{
+        setOpen(value);
+        onOpenChange?.(value);
+    };
+    const titleNode = getRenderPropValue(title);
+    const contentNode = getRenderPropValue(content);
+    return /*#__PURE__*/ React.createElement(Tooltip, {
+        unique: false,
+        arrow: mergedArrow,
+        placement: placement,
+        trigger: mergedTrigger,
+        mouseEnterDelay: mouseEnterDelay,
+        mouseLeaveDelay: mouseLeaveDelay,
+        ...restProps,
+        prefixCls: prefixCls,
+        classNames: {
+            root: rootClassNames,
+            container: mergedClassNames.container,
+            arrow: mergedClassNames.arrow
+        },
+        styles: {
+            root: {
+                ...mergedStyles.root,
+                ...contextStyle,
+                ...overlayStyle
+            },
+            container: mergedStyles.container,
+            arrow: mergedStyles.arrow
+        },
+        ref: ref,
+        open: open,
+        onOpenChange: settingOpen,
+        overlay: titleNode || contentNode ? /*#__PURE__*/ React.createElement(Overlay$2, {
+            prefixCls: prefixCls,
+            title: titleNode,
+            content: contentNode,
+            classNames: mergedClassNames,
+            styles: mergedStyles
+        }) : null,
+        motion: {
+            motionName: getTransitionName(rootPrefixCls, 'zoom-big', typeof motion?.motionName === 'string' ? motion?.motionName : undefined)
+        },
+        "data-popover-inject": true
+    }, children);
+});
+const Popover = InternalPopover;
+Popover._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$2;
+if (process.env.NODE_ENV !== 'production') {
+    Popover.displayName = 'Popover';
+}
 
 const LayoutContext = /*#__PURE__*/ React.createContext({
     siderHook: {
@@ -31451,7 +31789,7 @@ const MenuItem = (props)=>{
             const resolvedClassNames = tooltipConfig.classNames(info);
             return mergeTooltipRootClassName(resolvedClassNames);
         } : mergeTooltipRootClassName(tooltipConfig?.classNames);
-        returnNode = /*#__PURE__*/ React.createElement(Tooltip$1, {
+        returnNode = /*#__PURE__*/ React.createElement(Tooltip, {
             ...tooltipProps,
             placement: mergedTooltipPlacement,
             classNames: mergedTooltipClassNames
@@ -31586,6 +31924,12 @@ const getThemeStyle = (token, themeSuffix)=>{
                     color: itemHoverColor
                 }
             },
+            // SubMenu active (when hover on parent menu item)
+            [`${componentCls}-submenu:not(${componentCls}-submenu-selected)`]: {
+                [`> ${componentCls}-submenu-title:hover`]: {
+                    color: itemHoverColor
+                }
+            },
             [`&:not(${componentCls}-horizontal)`]: {
                 [`${componentCls}-item:not(${componentCls}-item-selected)`]: {
                     '&:hover': {
@@ -31864,6 +32208,9 @@ const getVerticalStyle = (token)=>{
           > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item,
           > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title,
           > ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
                     insetInlineStart: 0,
                     paddingInline: `calc(50% - ${unit(token.calc(collapsedIconSize).div(2).equal())} - ${unit(itemMarginInline)})`,
                     textOverflow: 'clip',
@@ -31873,13 +32220,21 @@ const getVerticalStyle = (token)=>{
           `]: {
                         opacity: 0
                     },
+                    [`> ${componentCls}-title-content`]: {
+                        width: 0,
+                        opacity: 0,
+                        overflow: 'hidden'
+                    },
                     [`${componentCls}-item-icon, ${iconCls}`]: {
                         margin: 0,
                         fontSize: collapsedIconSize,
                         lineHeight: unit(itemHeight),
                         '+ span': {
                             display: 'inline-block',
-                            opacity: 0
+                            width: 0,
+                            opacity: 0,
+                            overflow: 'hidden',
+                            marginInlineStart: 0
                         }
                     }
                 },
@@ -32166,52 +32521,28 @@ const getBaseStyle = (token)=>{
                             }
                         }
                     },
-                    [`
-          &-placement-leftTop,
-          &-placement-bottomRight,
-          `]: {
+                    '&-placement-leftTop, &-placement-bottomRight': {
                         transformOrigin: '100% 0'
                     },
-                    [`
-          &-placement-leftBottom,
-          &-placement-topRight,
-          `]: {
+                    '&-placement-leftBottom, &-placement-topRight': {
                         transformOrigin: '100% 100%'
                     },
-                    [`
-          &-placement-rightBottom,
-          &-placement-topLeft,
-          `]: {
+                    '&-placement-rightBottom, &-placement-topLeft': {
                         transformOrigin: '0 100%'
                     },
-                    [`
-          &-placement-bottomLeft,
-          &-placement-rightTop,
-          `]: {
+                    '&-placement-bottomLeft, &-placement-rightTop': {
                         transformOrigin: '0 0'
                     },
-                    [`
-          &-placement-leftTop,
-          &-placement-leftBottom
-          `]: {
+                    '&-placement-leftTop, &-placement-leftBottom': {
                         paddingInlineEnd: token.paddingXS
                     },
-                    [`
-          &-placement-rightTop,
-          &-placement-rightBottom
-          `]: {
+                    '&-placement-rightTop, &-placement-rightBottom': {
                         paddingInlineStart: token.paddingXS
                     },
-                    [`
-          &-placement-topRight,
-          &-placement-topLeft
-          `]: {
+                    '&-placement-topRight, &-placement-topLeft': {
                         paddingBottom: token.paddingXS
                     },
-                    [`
-          &-placement-bottomRight,
-          &-placement-bottomLeft
-          `]: {
+                    '&-placement-bottomRight, &-placement-bottomLeft': {
                         paddingTop: token.paddingXS
                     }
                 },
@@ -32812,11 +33143,7 @@ const genBaseStyle$2 = (token)=>{
                         transform: `rotate(180deg)`
                     }
                 },
-                [`
-        &-hidden,
-        &-menu-hidden,
-        &-menu-submenu-hidden
-      `]: {
+                '&-hidden, &-menu-hidden, &-menu-submenu-hidden': {
                     display: 'none'
                 },
                 // =============================================================
@@ -33456,6 +33783,7 @@ const getRadioBasicStyle = (token)=>{
                 border: `${unit(lineWidth)} ${lineType} ${colorBorder}`,
                 borderRadius: '50%',
                 transition: `all ${motionDurationMid}`,
+                flex: 'none',
                 // Dot
                 '&:after': {
                     content: '""',
@@ -33484,7 +33812,7 @@ const getRadioBasicStyle = (token)=>{
                 [`&:has(${componentCls}-input:focus-visible)`]: genFocusOutline(token)
             },
             // ===================== Hover =====================
-            [`&:hover ${componentCls}`]: {
+            [`&:hover:not(${componentCls}-wrapper-disabled) ${componentCls}`]: {
                 borderColor: colorPrimary
             },
             [`&:hover ${componentCls}-checked:not(${componentCls}-disabled)`]: {
@@ -33854,7 +34182,7 @@ const RadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     // 如果存在 options, 优先使用
     if (options && options.length > 0) {
         childrenToRender = options.map((option)=>{
-            if (typeof option === 'string' || typeof option === 'number') {
+            if (typeof option === 'string' || isNumber(option)) {
                 // 此处类型自动推导为 string
                 return /*#__PURE__*/ React.createElement(Radio$1, {
                     key: option.toString(),
@@ -33882,7 +34210,8 @@ const RadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const mergedSize = useSize(customizeSize);
     const [, mergedVertical] = useOrientation(orientation, vertical);
     const classString = clsx(groupPrefixCls, `${groupPrefixCls}-${buttonStyle}`, {
-        [`${groupPrefixCls}-${mergedSize}`]: mergedSize,
+        [`${groupPrefixCls}-large`]: mergedSize === 'large',
+        [`${groupPrefixCls}-small`]: mergedSize === 'small',
         [`${groupPrefixCls}-rtl`]: direction === 'rtl',
         [`${groupPrefixCls}-block`]: block
     }, className, rootClassName, hashId, cssVarCls, rootCls);
@@ -33984,7 +34313,7 @@ const genHoverStyle = (token)=>({
 const genDisabledStyle = (token)=>({
         color: token.colorTextDisabled,
         backgroundColor: token.colorBgContainerDisabled,
-        borderColor: token.colorBorder,
+        borderColor: token.colorBorderDisabled,
         boxShadow: 'none',
         cursor: 'not-allowed',
         opacity: 1,
@@ -33993,7 +34322,7 @@ const genDisabledStyle = (token)=>({
         },
         '&:hover:not([disabled])': {
             ...genHoverStyle(mergeToken(token, {
-                hoverBorderColor: token.colorBorder,
+                hoverBorderColor: token.colorBorderDisabled,
                 hoverBg: token.colorBgContainerDisabled
             }))
         }
@@ -35506,17 +35835,17 @@ const genRtlStyle = (token)=>{
                         },
                         marginLeft: {
                             _skip_check_: true,
-                            value: unit(token.marginSM)
+                            value: token.marginSM
                         }
                     },
                     [`${componentCls}-tab-remove`]: {
                         marginRight: {
                             _skip_check_: true,
-                            value: unit(token.marginXS)
+                            value: token.marginXS
                         },
                         marginLeft: {
                             _skip_check_: true,
-                            value: unit(calc(token.marginXXS).mul(-1).equal())
+                            value: calc(token.marginXXS).mul(-1).equal()
                         },
                         [iconCls]: {
                             margin: 0
@@ -35859,7 +36188,8 @@ const InternalTabs = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         ...restProps,
         items: mergedItems,
         className: clsx({
-            [`${prefixCls}-${size}`]: size,
+            [`${prefixCls}-large`]: size === 'large',
+            [`${prefixCls}-small`]: size === 'small',
             [`${prefixCls}-card`]: [
                 'card',
                 'editable-card'
@@ -36259,13 +36589,16 @@ const Card$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { prefixCls: customizePrefixCls, className, rootClassName, style, extra, headStyle = {}, bodyStyle = {}, title, loading, bordered, variant: customVariant, size: customizeSize, type, cover, actions, tabList, children, activeTabKey, defaultActiveTabKey, tabBarExtraContent, hoverable, tabProps = {}, classNames, styles, ...rest } = props;
     const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('card');
     const [variant] = useVariant('card', customVariant, bordered);
+    if (process.env.NODE_ENV !== 'production') {
+        const warning = devUseWarning('Card');
+        warning.deprecated(customizeSize !== 'default', 'size="default"', 'size="medium"');
+    }
     const mergedSize = useSize(customizeSize);
     // =========== Merged Props for Semantic ==========
     const mergedProps = {
         ...props,
         size: mergedSize,
-        variant: variant,
-        loading
+        variant: variant
     };
     const [mergedClassNames, mergedStyles] = useMergeSemantic([
         contextClassNames,
@@ -36322,7 +36655,7 @@ const Card$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         tabBarExtraContent
     };
     let head;
-    const tabSize = !mergedSize || mergedSize === 'default' ? 'large' : mergedSize;
+    const tabSize = mergedSize !== 'small' ? 'large' : mergedSize;
     const tabs = tabList ? /*#__PURE__*/ React.createElement(Tabs, {
         size: tabSize,
         ...extraProps,
@@ -36383,7 +36716,7 @@ const Card$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         [`${prefixCls}-hoverable`]: hoverable,
         [`${prefixCls}-contain-grid`]: isContainGrid,
         [`${prefixCls}-contain-tabs`]: tabList?.length,
-        [`${prefixCls}-${mergedSize}`]: mergedSize,
+        [`${prefixCls}-small`]: mergedSize === 'small',
         [`${prefixCls}-type-${type}`]: !!type,
         [`${prefixCls}-rtl`]: direction === 'rtl'
     }, className, rootClassName, hashId, cssVarCls, mergedClassNames.root);
@@ -36521,6 +36854,7 @@ const genCheckboxStyle = (token)=>{
                 borderRadius: token.borderRadiusSM,
                 borderCollapse: 'separate',
                 transition: `all ${token.motionDurationSlow}`,
+                flex: 'none',
                 ...genNoMotionStyle(),
                 // Checkmark
                 '&:after': {
@@ -36806,7 +37140,7 @@ const CheckboxGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         restProps.value
     ]);
     const memoizedOptions = React.useMemo(()=>options.map((option)=>{
-            if (typeof option === 'string' || typeof option === 'number') {
+            if (typeof option === 'string' || isNumber(option)) {
                 return {
                     label: option,
                     value: option
@@ -36901,9 +37235,6 @@ if (process.env.NODE_ENV !== 'production') {
 
 const RowContext = /*#__PURE__*/ createContext({});
 
-const isNumber = (value)=>{
-    return typeof value === 'number' && !Number.isNaN(value);
-};
 function parseFlex(flex) {
     if (flex === 'auto') {
         return '1 1 auto';
@@ -36930,7 +37261,7 @@ const Col = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     responsiveArrayReversed.forEach((size)=>{
         let sizeProps = {};
         const propSize = props[size];
-        if (typeof propSize === 'number') {
+        if (isNumber(propSize)) {
             sizeProps.span = propSize;
         } else if (typeof propSize === 'object') {
             sizeProps = propSize || {};
@@ -36938,7 +37269,7 @@ const Col = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         delete others[size];
         sizeClassObj = {
             ...sizeClassObj,
-            [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
+            [`${prefixCls}-${size}-${sizeProps.span}`]: isNonNullable(sizeProps.span),
             [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
             [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
             [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
@@ -36962,7 +37293,7 @@ const Col = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const mergedStyle = {};
     // Horizontal gutter use padding
     if (gutter?.[0]) {
-        const horizontalGutter = typeof gutter[0] === 'number' ? `${gutter[0] / 2}px` : `calc(${gutter[0]} / 2)`;
+        const horizontalGutter = isNumber(gutter[0]) ? `${gutter[0] / 2}px` : `calc(${gutter[0]} / 2)`;
         mergedStyle.paddingInline = horizontalGutter;
     }
     if (flex) {
@@ -37072,7 +37403,7 @@ const Row = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     // Add gutter related style
     const rowStyle = {};
     if (gutters?.[0]) {
-        const horizontalGutter = typeof gutters[0] === 'number' ? `${gutters[0] / -2}px` : `calc(${gutters[0]} / -2)`;
+        const horizontalGutter = isNumber(gutters[0]) ? `${gutters[0] / -2}px` : `calc(${gutters[0]} / -2)`;
         rowStyle.marginInline = horizontalGutter;
     }
     // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
@@ -37292,10 +37623,6 @@ const titlePlacementList = [
     'start',
     'end'
 ];
-const sizeClassNameMap = {
-    small: 'sm',
-    middle: 'md'
-};
 const Divider = (props)=>{
     const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('divider');
     const { prefixCls: customizePrefixCls, type, orientation, vertical, titlePlacement, orientationMargin, className, rootClassName, children, dashed, variant = 'solid', plain, style, size: customSize, classNames, styles, ...restProps } = props;
@@ -37303,7 +37630,6 @@ const Divider = (props)=>{
     const railCls = `${prefixCls}-rail`;
     const [hashId, cssVarCls] = useStyle$c(prefixCls);
     const sizeFullName = useSize(customSize);
-    const sizeCls = sizeClassNameMap[sizeFullName];
     const hasChildren = !!children;
     const validTitlePlacement = titlePlacementList.includes(orientation || '');
     const mergedTitlePlacement = React.useMemo(()=>{
@@ -37349,12 +37675,13 @@ const Divider = (props)=>{
         [`${prefixCls}-rtl`]: direction === 'rtl',
         [`${prefixCls}-no-default-orientation-margin-start`]: hasMarginStart,
         [`${prefixCls}-no-default-orientation-margin-end`]: hasMarginEnd,
-        [`${prefixCls}-${sizeCls}`]: !!sizeCls,
+        [`${prefixCls}-md`]: sizeFullName === 'medium' || sizeFullName === 'middle',
+        [`${prefixCls}-sm`]: sizeFullName === 'small',
         [railCls]: !children,
         [mergedClassNames.rail]: mergedClassNames.rail && !children
     }, className, rootClassName, mergedClassNames.root);
     const memoizedPlacementMargin = React.useMemo(()=>{
-        if (typeof orientationMargin === 'number') {
+        if (isNumber(orientationMargin)) {
             return orientationMargin;
         }
         if (/^\d+$/.test(orientationMargin)) {
@@ -37426,6 +37753,7 @@ const genSpaceAddonStyle = (token)=>{
                 display: 'inline-flex',
                 alignItems: 'center',
                 gap: 0,
+                whiteSpace: 'nowrap',
                 paddingInline: paddingSM,
                 margin: 0,
                 borderWidth: lineWidth,
@@ -37641,15 +37969,15 @@ const Input = /*#__PURE__*/ forwardRef((props, ref)=>{
     const mergedStatus = getMergedStatus(contextStatus, customStatus);
     // ===================== Focus warning =====================
     const inputHasPrefixSuffix = hasPrefixSuffix(props) || !!hasFeedback;
-    const prevHasPrefixSuffix = useRef(inputHasPrefixSuffix);
+    const prevHasPrefixSuffixRef = useRef(inputHasPrefixSuffix);
     /* eslint-disable react-hooks/rules-of-hooks */ if (process.env.NODE_ENV !== 'production') {
         const warning = devUseWarning('Input');
         // biome-ignore lint/correctness/useHookAtTopLevel: Development-only warning hook called conditionally
         useEffect(()=>{
-            if (inputHasPrefixSuffix && !prevHasPrefixSuffix.current) {
+            if (inputHasPrefixSuffix && !prevHasPrefixSuffixRef.current) {
                 process.env.NODE_ENV !== "production" ? warning(document.activeElement === inputRef.current?.input, 'usage', `When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ`) : void 0;
             }
-            prevHasPrefixSuffix.current = inputHasPrefixSuffix;
+            prevHasPrefixSuffixRef.current = inputHasPrefixSuffix;
         }, [
             inputHasPrefixSuffix
         ]);
@@ -38172,7 +38500,7 @@ const Drawer$2 = (props)=>{
     customizeGetContainer === undefined && getPopupContainer ? ()=>getPopupContainer(document.body) : customizeGetContainer;
     // ============================ Size ============================
     const drawerSize = React.useMemo(()=>{
-        if (typeof size === 'number') {
+        if (isNumber(size)) {
             return size;
         }
         if (size === 'large') {
@@ -38380,6 +38708,7 @@ function isPresetSize(size) {
     return [
         'small',
         'middle',
+        'medium',
         'large'
     ].includes(size);
 }
@@ -38388,7 +38717,7 @@ function isValidGapNumber(size) {
         // The case of size = 0 is deliberately excluded here, because the default value of the gap attribute in CSS is 0, so if the user passes 0 in, we can directly ignore it.
         return false;
     }
-    return typeof size === 'number' && !Number.isNaN(size);
+    return isNumber(size);
 }
 
 const SpaceContext = /*#__PURE__*/ React__default.createContext({
@@ -38454,7 +38783,7 @@ const genSpaceGapStyle = (token)=>{
             '&-gap-row-small': {
                 rowGap: token.spaceGapSmallSize
             },
-            '&-gap-row-middle': {
+            '&-gap-row-medium, &-gap-row-middle': {
                 rowGap: token.spaceGapMiddleSize
             },
             '&-gap-row-large': {
@@ -38463,7 +38792,7 @@ const genSpaceGapStyle = (token)=>{
             '&-gap-col-small': {
                 columnGap: token.spaceGapSmallSize
             },
-            '&-gap-col-middle': {
+            '&-gap-col-medium, &-gap-col-middle': {
                 columnGap: token.spaceGapMiddleSize
             },
             '&-gap-col-large': {
@@ -39602,8 +39931,7 @@ const Pagination = (props)=>{
             type: "button",
             tabIndex: -1
         }, direction === 'rtl' ? /*#__PURE__*/ React.createElement(LeftOutlined, null) : /*#__PURE__*/ React.createElement(RightOutlined, null));
-        const jumpPrevIcon = /*#__PURE__*/ // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
-        React.createElement("a", {
+        const jumpPrevIcon = /*#__PURE__*/ React.createElement("a", {
             className: `${prefixCls}-item-link`
         }, /*#__PURE__*/ React.createElement("div", {
             className: `${prefixCls}-item-container`
@@ -39612,8 +39940,7 @@ const Pagination = (props)=>{
         }) : /*#__PURE__*/ React.createElement(DoubleLeftOutlined, {
             className: `${prefixCls}-item-link-icon`
         }), ellipsis));
-        const jumpNextIcon = /*#__PURE__*/ // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
-        React.createElement("a", {
+        const jumpNextIcon = /*#__PURE__*/ React.createElement("a", {
             className: `${prefixCls}-item-link`
         }, /*#__PURE__*/ React.createElement("div", {
             className: `${prefixCls}-item-container`
@@ -39838,7 +40165,9 @@ const Progress = ({ percent, prefixCls })=>{
         strokeDasharray: `${circumference * safePtg / 100} ${circumference * (100 - safePtg) / 100}`
     };
     return /*#__PURE__*/ React.createElement("span", {
-        className: clsx(holderClassName, `${dotClassName}-progress`, safePtg <= 0 && hideClassName)
+        className: clsx(holderClassName, `${dotClassName}-progress`, {
+            [hideClassName]: safePtg <= 0
+        })
     }, /*#__PURE__*/ React.createElement("svg", {
         viewBox: `0 0 ${viewSize} ${viewSize}`,
         role: "progressbar",
@@ -40198,7 +40527,7 @@ function shouldDelay(spinning, delay) {
     return !!spinning && !!delay && !Number.isNaN(Number(delay));
 }
 const Spin = (props)=>{
-    const { prefixCls: customizePrefixCls, spinning: customSpinning = true, delay = 0, className, rootClassName, size = 'default', tip, description, wrapperClassName, style, children, fullscreen = false, indicator, percent, classNames, styles, ...restProps } = props;
+    const { prefixCls: customizePrefixCls, spinning: customSpinning = true, delay = 0, className, rootClassName, size, tip, description, wrapperClassName, style, children, fullscreen = false, indicator, percent, classNames, styles, ...restProps } = props;
     const { getPrefixCls, direction, indicator: contextIndicator, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('spin');
     const prefixCls = getPrefixCls('spin', customizePrefixCls);
     const [hashId, cssVarCls] = useStyle$6(prefixCls);
@@ -40219,12 +40548,18 @@ const Spin = (props)=>{
         delay,
         customSpinning
     ]);
+    // ======================= Size ======================
+    const mergedSize = useSize((ctx)=>size ?? ctx);
+    if (process.env.NODE_ENV !== 'production') {
+        const warning = devUseWarning('Spin');
+        warning.deprecated(size !== 'default', 'size="default"', 'size="medium"');
+    }
     // ======================= Description ======================
     const mergedDescription = description ?? tip;
     // =============== Merged Props for Semantic ================
     const mergedProps = {
         ...props,
-        size,
+        size: mergedSize,
         spinning,
         tip: mergedDescription,
         description: mergedDescription,
@@ -40270,8 +40605,8 @@ const Spin = (props)=>{
     }, mergedDescription));
     return /*#__PURE__*/ React.createElement("div", {
         className: clsx(prefixCls, {
-            [`${prefixCls}-sm`]: size === 'small',
-            [`${prefixCls}-lg`]: size === 'large',
+            [`${prefixCls}-sm`]: mergedSize === 'small',
+            [`${prefixCls}-lg`]: mergedSize === 'large',
             [`${prefixCls}-spinning`]: spinning,
             [`${prefixCls}-rtl`]: direction === 'rtl',
             [`${prefixCls}-fullscreen`]: fullscreen
@@ -40304,12 +40639,12 @@ if (process.env.NODE_ENV !== 'production') {
     Spin.displayName = 'Spin';
 }
 
-const toList$1 = (candidate, skipEmpty = false)=>{
-    if (skipEmpty && !isNonNullable(candidate)) {
+const toList = (val, config = {})=>{
+    if (!isNonNullable(val) && config?.skipEmpty) {
         return [];
     }
-    return Array.isArray(candidate) ? candidate : [
-        candidate
+    return Array.isArray(val) ? val : [
+        val
     ];
 };
 
@@ -40531,7 +40866,7 @@ const baseStaticMethods = {
     destroy,
     config: setMessageGlobalConfig,
     useMessage,
-    _InternalPanelDoNotUseOrYouWillBeFired: PurePanel$4
+    _InternalPanelDoNotUseOrYouWillBeFired: PurePanel$5
 };
 const staticMethods = baseStaticMethods;
 methods.forEach((type)=>{
@@ -40558,7 +40893,7 @@ const StatisticNumber = (props)=>{
             let int = cells[2] || '0';
             let decimal = cells[4] || '';
             int = int.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
-            if (typeof precision === 'number') {
+            if (isNumber(precision)) {
                 decimal = decimal.padEnd(precision, '0').slice(0, precision > 0 ? precision : 0);
             }
             if (decimal) {
@@ -40718,7 +41053,7 @@ const Statistic = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     }, prefix && /*#__PURE__*/ React.createElement("span", {
         className: prefixClassNames,
         style: mergedStyles.prefix
-    }, prefix), valueRender ? valueRender(valueNode) : valueNode, suffix && /*#__PURE__*/ React.createElement("span", {
+    }, prefix), typeof valueRender === 'function' ? valueRender(valueNode) : valueNode, suffix && /*#__PURE__*/ React.createElement("span", {
         className: suffixClassNames,
         style: mergedStyles.suffix
     }, suffix))));
@@ -41175,6 +41510,10 @@ const InternalSwitch = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const prefixCls = getPrefixCls('switch', customizePrefixCls);
     // Style
     const [hashId, cssVarCls] = useStyle$4(prefixCls);
+    if (process.env.NODE_ENV !== 'production') {
+        const warning = devUseWarning('Switch');
+        warning.deprecated(customizeSize !== 'default', 'size="default"', 'size="medium"');
+    }
     const mergedSize = useSize(customizeSize);
     const mergedProps = {
         ...props,
@@ -41260,6 +41599,7 @@ const useSelection = (config, rowSelection)=>{
     const [multipleSelect, updatePrevSelectedIndex] = useMultipleSelect((item)=>item);
     // ========================= Keys =========================
     const [mergedSelectedKeys, setMergedSelectedKeys] = useControlledState(defaultSelectedRowKeys || EMPTY_LIST$1, selectedRowKeys);
+    const mergedSelectedKeyList = mergedSelectedKeys ?? EMPTY_LIST$1;
     // ======================== Caches ========================
     const preserveRecordsRef = React.useRef(new Map());
     const updatePreserveRecordsCache = useCallback((keys)=>{
@@ -41282,9 +41622,10 @@ const useSelection = (config, rowSelection)=>{
     ]);
     // Update cache with selectedKeys
     React.useEffect(()=>{
-        updatePreserveRecordsCache(mergedSelectedKeys);
+        updatePreserveRecordsCache(mergedSelectedKeyList);
     }, [
-        mergedSelectedKeys
+        mergedSelectedKeyList,
+        updatePreserveRecordsCache
     ]);
     // Get flatten data
     const flattedData = useMemo(()=>flattenData(childrenColumnName, pageData), [
@@ -41348,17 +41689,17 @@ const useSelection = (config, rowSelection)=>{
     const [derivedSelectedKeys, derivedHalfSelectedKeys] = useMemo(()=>{
         if (checkStrictly) {
             return [
-                mergedSelectedKeys || [],
+                mergedSelectedKeyList,
                 []
             ];
         }
-        const { checkedKeys, halfCheckedKeys } = conductCheck(mergedSelectedKeys, true, keyEntities, isCheckboxDisabled);
+        const { checkedKeys, halfCheckedKeys } = conductCheck(mergedSelectedKeyList, true, keyEntities, isCheckboxDisabled);
         return [
             checkedKeys || [],
             halfCheckedKeys
         ];
     }, [
-        mergedSelectedKeys,
+        mergedSelectedKeyList,
         checkStrictly,
         keyEntities,
         isCheckboxDisabled
@@ -41947,7 +42288,7 @@ const getDropIndicatorStyle = (prefixCls, token)=>({
         }
     });
 const genBaseStyle$1 = (prefixCls, token)=>{
-    const { treeCls, treeNodeCls, treeNodePadding, titleHeight, indentSize, motionDurationMid, nodeSelectedBg, nodeHoverBg, colorTextQuaternary, controlItemBgActiveDisabled } = token;
+    const { treeCls, treeNodeCls, treeNodePadding, titleHeight, indentSize, switcherSize, motionDurationMid, nodeSelectedBg, nodeHoverBg, colorTextQuaternary, controlItemBgActiveDisabled } = token;
     return {
         [treeCls]: {
             ...resetComponent(token),
@@ -42051,7 +42392,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                     [`${treeCls}-draggable-icon`]: {
                         // https://github.com/ant-design/ant-design/issues/41915
                         flexShrink: 0,
-                        width: titleHeight,
+                        width: switcherSize,
                         textAlign: 'center',
                         visibility: 'visible',
                         color: colorTextQuaternary
@@ -42077,12 +42418,18 @@ const genBaseStyle$1 = (prefixCls, token)=>{
             },
             // Switcher / Checkbox
             [`${treeCls}-switcher, ${treeCls}-checkbox`]: {
-                marginInlineEnd: token.calc(token.calc(titleHeight).sub(token.controlInteractiveSize)).div(2).equal()
+                marginInlineEnd: token.calc(token.calc(switcherSize).sub(token.controlInteractiveSize)).div(2).equal()
             },
             // >>> Checkbox
             // https://github.com/ant-design/ant-design/issues/56957
             [`${treeCls}-checkbox`]: {
-                flexShrink: 0
+                flexShrink: 0,
+                // When the title spans multiple lines, the checkbox aligns vertically centered with other elements
+                // However, the switcher aligns to flex-start, causing a vertical alignment discrepancy in the parent node
+                // Currently, the checkbox uses start alignment, but this causes it to stick to the top, resulting in a visually higher position
+                // By setting the switcher's lineHeight to titleHeight, the required margin-block-start distance can be calculated to correct the alignment
+                alignSelf: 'flex-start',
+                marginBlockStart: token.calc(token.calc(titleHeight).sub(token.controlInteractiveSize)).div(2).equal()
             },
             // >>> Switcher
             [`${treeCls}-switcher`]: {
@@ -42090,7 +42437,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                 position: 'relative',
                 flex: 'none',
                 alignSelf: 'stretch',
-                width: titleHeight,
+                width: switcherSize,
                 textAlign: 'center',
                 cursor: 'pointer',
                 userSelect: 'none',
@@ -42101,7 +42448,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                 '&:before': {
                     pointerEvents: 'none',
                     content: '""',
-                    width: titleHeight,
+                    width: switcherSize,
                     height: titleHeight,
                     position: 'absolute',
                     left: {
@@ -42131,7 +42478,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                     '&:before': {
                         position: 'absolute',
                         top: 0,
-                        insetInlineEnd: token.calc(titleHeight).div(2).equal(),
+                        insetInlineEnd: token.calc(switcherSize).div(2).equal(),
                         bottom: token.calc(treeNodePadding).mul(-1).equal(),
                         marginInlineStart: -1,
                         borderInlineEnd: `1px solid ${token.colorBorder}`,
@@ -42139,7 +42486,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                     },
                     '&:after': {
                         position: 'absolute',
-                        width: token.calc(token.calc(titleHeight).div(2).equal()).mul(0.8).equal(),
+                        width: token.calc(token.calc(switcherSize).div(2).equal()).mul(0.8).equal(),
                         height: token.calc(titleHeight).div(2).equal(),
                         borderBottom: `1px solid ${token.colorBorder}`,
                         content: '""'
@@ -42173,7 +42520,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                 // Icon
                 [`${treeCls}-iconEle`]: {
                     display: 'inline-block',
-                    width: titleHeight,
+                    width: switcherSize,
                     height: titleHeight,
                     textAlign: 'center',
                     verticalAlign: 'top',
@@ -42198,7 +42545,7 @@ const genBaseStyle$1 = (prefixCls, token)=>{
                     '&:before': {
                         position: 'absolute',
                         top: 0,
-                        insetInlineEnd: token.calc(titleHeight).div(2).equal(),
+                        insetInlineEnd: token.calc(switcherSize).div(2).equal(),
                         bottom: token.calc(treeNodePadding).mul(-1).equal(),
                         borderInlineEnd: `1px solid ${token.colorBorder}`,
                         content: '""'
@@ -42250,6 +42597,7 @@ const initComponentToken = (token)=>{
     const titleHeight = controlHeightSM;
     return {
         titleHeight,
+        switcherSize: titleHeight,
         indentSize: titleHeight,
         nodeHoverBg: controlItemBgHover,
         nodeHoverColor: token.colorText,
@@ -42274,7 +42622,7 @@ var useStyle$3 = genStyleHooks('Tree', (token, { prefixCls })=>[
     ], prepareComponentToken$3);
 
 const offset = 4;
-function dropIndicatorRender(props) {
+const dropIndicatorRender = (props)=>{
     const { dropPosition, dropLevelOffset, prefixCls, indent, direction = 'ltr' } = props;
     const startPosition = direction === 'ltr' ? 'left' : 'right';
     const endPosition = direction === 'ltr' ? 'right' : 'left';
@@ -42299,7 +42647,7 @@ function dropIndicatorRender(props) {
         style: style,
         className: `${prefixCls}-drop-indicator`
     });
-}
+};
 
 const SwitcherIconCom = (props)=>{
     const { prefixCls, switcherIcon, treeNodeProps, showLine, switcherLoadingIcon } = props;
@@ -42340,7 +42688,7 @@ const SwitcherIconCom = (props)=>{
     const switcher = typeof switcherIcon === 'function' ? switcherIcon(treeNodeProps) : switcherIcon;
     if (/*#__PURE__*/ React.isValidElement(switcher)) {
         return cloneElement(switcher, {
-            className: clsx(switcher.props?.className, switcherCls)
+            className: clsx(switcher.props?.className, showLine ? `${prefixCls}-switcher-line-icon` : switcherCls)
         });
     }
     if (switcher !== undefined) {
@@ -42361,7 +42709,7 @@ const SwitcherIconCom = (props)=>{
 const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
     const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('tree');
     const { virtual } = React__default.useContext(ConfigContext);
-    const { prefixCls: customizePrefixCls, className, showIcon = false, showLine, switcherIcon, switcherLoadingIcon, blockNode = false, children, checkable = false, selectable = true, draggable, disabled, motion: customMotion, style, rootClassName, classNames, styles } = props;
+    const { prefixCls: customizePrefixCls, className, showIcon = false, showLine, switcherIcon, switcherLoadingIcon, blockNode = false, children, checkable = false, selectable = true, draggable, disabled, motion: customMotion, style, rootClassName, classNames, styles, icon } = props;
     const contextDisabled = React__default.useContext(DisabledContext);
     const mergedDisabled = disabled ?? contextDisabled;
     const prefixCls = getPrefixCls('tree', customizePrefixCls);
@@ -42392,7 +42740,8 @@ const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
     const newProps = {
         ...mergedProps,
         showLine: Boolean(showLine),
-        dropIndicatorRender
+        icon: icon,
+        dropIndicatorRender: dropIndicatorRender
     };
     const [hashId, cssVarCls] = useStyle$3(prefixCls);
     const [, token] = useToken();
@@ -42426,8 +42775,7 @@ const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
             treeNodeProps: nodeProps,
             showLine: showLine
         });
-    return(/*#__PURE__*/ // @ts-ignore
-    React__default.createElement(RcTree, {
+    return /*#__PURE__*/ React__default.createElement(RcTree, {
         itemHeight: itemHeight,
         ref: ref,
         virtual: virtual,
@@ -42445,8 +42793,8 @@ const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
             ...contextStyle,
             ...style
         },
-        rootClassName: clsx(mergedClassNames?.root, rootClassName),
-        rootStyle: mergedStyles?.root,
+        rootClassName: clsx(mergedClassNames.root, rootClassName),
+        rootStyle: mergedStyles.root,
         classNames: mergedClassNames,
         styles: mergedStyles,
         direction: direction,
@@ -42456,7 +42804,7 @@ const Tree$1 = /*#__PURE__*/ React__default.forwardRef((props, ref)=>{
         selectable: selectable,
         switcherIcon: renderSwitcherIcon,
         draggable: draggableConfig
-    }, children));
+    }, children);
 });
 if (process.env.NODE_ENV !== 'production') {
     Tree$1.displayName = 'Tree';
@@ -42538,8 +42886,8 @@ function getTreeData({ treeData, children }) {
 const DirectoryTree = /*#__PURE__*/ React.forwardRef((oriProps, ref)=>{
     const { defaultExpandAll, defaultExpandParent, defaultExpandedKeys, ...props } = oriProps;
     // Shift click usage
-    const lastSelectedKey = React.useRef(null);
-    const cachedSelectedKeys = React.useRef(null);
+    const lastSelectedKeyRef = React.useRef(null);
+    const cachedSelectedKeysRef = React.useRef(null);
     const getInitExpandedKeys = ()=>{
         const { keyEntities } = convertDataToEntities(getTreeData(props), {
             fieldNames: props.fieldNames
@@ -42597,16 +42945,16 @@ const DirectoryTree = /*#__PURE__*/ React.forwardRef((oriProps, ref)=>{
         if (multiple && ctrlPick) {
             // Control click
             newSelectedKeys = keys;
-            lastSelectedKey.current = key;
-            cachedSelectedKeys.current = newSelectedKeys;
+            lastSelectedKeyRef.current = key;
+            cachedSelectedKeysRef.current = newSelectedKeys;
             newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
         } else if (multiple && shiftPick) {
             // Shift click
-            newSelectedKeys = Array.from(new Set([].concat(_toConsumableArray(cachedSelectedKeys.current || []), _toConsumableArray(calcRangeKeys({
+            newSelectedKeys = Array.from(new Set([].concat(_toConsumableArray(cachedSelectedKeysRef.current || []), _toConsumableArray(calcRangeKeys({
                 treeData,
                 expandedKeys,
                 startKey: key,
-                endKey: lastSelectedKey.current,
+                endKey: lastSelectedKeyRef.current,
                 fieldNames
             })))));
             newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
@@ -42615,8 +42963,8 @@ const DirectoryTree = /*#__PURE__*/ React.forwardRef((oriProps, ref)=>{
             newSelectedKeys = [
                 key
             ];
-            lastSelectedKey.current = key;
-            cachedSelectedKeys.current = newSelectedKeys;
+            lastSelectedKeyRef.current = key;
+            cachedSelectedKeysRef.current = newSelectedKeys;
             newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
         }
         props.onSelect?.(newSelectedKeys, newEvent);
@@ -42653,8 +43001,6 @@ const Tree = Tree$1;
 Tree.DirectoryTree = DirectoryTree;
 Tree.TreeNode = TreeNode$1;
 
-const TableMeasureRowContext = /*#__PURE__*/ React__default.createContext(false);
-
 const FilterSearch = (props)=>{
     const { value, filterSearch, tablePrefixCls, locale, onChange } = props;
     if (!filterSearch) {
@@ -42702,13 +43048,14 @@ function flattenKeys(filters) {
 function hasSubMenu(filters) {
     return filters.some(({ children })=>children);
 }
-function searchValueMatched(searchValue, text) {
-    if (typeof text === 'string' || typeof text === 'number') {
-        return text?.toString().toLowerCase().includes(searchValue.trim().toLowerCase());
+const searchValueMatched = (normalizedSearchValue, text)=>{
+    if (typeof text === 'string' || isNumber(text)) {
+        return text.toString().toLowerCase().includes(normalizedSearchValue);
     }
     return false;
-}
-function renderFilterItems({ filters, prefixCls, filteredKeys, filterMultiple, searchValue, filterSearch }) {
+};
+const renderFilterItems = (options)=>{
+    const { filters, prefixCls, filteredKeys, filterMultiple, searchValue, normalizedSearchValue, filterSearch } = options;
     return filters.map((filter, index)=>{
         const key = String(filter.value);
         if (filter.children) {
@@ -42722,6 +43069,7 @@ function renderFilterItems({ filters, prefixCls, filteredKeys, filterMultiple, s
                     filteredKeys,
                     filterMultiple,
                     searchValue,
+                    normalizedSearchValue,
                     filterSearch
                 })
             };
@@ -42733,15 +43081,15 @@ function renderFilterItems({ filters, prefixCls, filteredKeys, filterMultiple, s
                 checked: filteredKeys.includes(key)
             }), /*#__PURE__*/ React.createElement("span", null, filter.text))
         };
-        if (searchValue.trim()) {
+        if (normalizedSearchValue) {
             if (typeof filterSearch === 'function') {
-                return filterSearch(searchValue, filter) ? item : null;
+                return filterSearch(normalizedSearchValue, filter) ? item : null;
             }
-            return searchValueMatched(searchValue, filter.text) ? item : null;
+            return searchValueMatched(normalizedSearchValue, filter.text) ? item : null;
         }
         return item;
     });
-}
+};
 function wrapStringListType(keys) {
     return keys || [];
 }
@@ -42814,6 +43162,9 @@ const FilterDropdown = (props)=>{
     };
     // search in tree mode column filter
     const [searchValue, setSearchValue] = React.useState('');
+    const normalizedSearchValue = React.useMemo(()=>searchValue.trim().toLowerCase(), [
+        searchValue
+    ]);
     const onSearch = (e)=>{
         const { value } = e.target;
         setSearchValue(value);
@@ -42981,11 +43332,11 @@ const FilterDropdown = (props)=>{
                     }),
                     autoExpandParent: true,
                     defaultExpandAll: true,
-                    filterTreeNode: searchValue.trim() ? (node)=>{
+                    filterTreeNode: normalizedSearchValue ? (node)=>{
                         if (typeof filterSearch === 'function') {
                             return filterSearch(searchValue, getFilterData(node));
                         }
-                        return searchValueMatched(searchValue, node.title);
+                        return searchValueMatched(normalizedSearchValue, node.title);
                     } : undefined
                 })));
             }
@@ -42995,7 +43346,8 @@ const FilterDropdown = (props)=>{
                 prefixCls,
                 filteredKeys: getFilteredKeysSync(),
                 filterMultiple,
-                searchValue
+                searchValue,
+                normalizedSearchValue
             });
             const isEmpty = items.every((item)=>item === null);
             return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(FilterSearch, {
@@ -43194,19 +43546,33 @@ const getFilterData = (data, filterStates, childrenColumnName)=>{
     const filterDatas = filterStates.reduce((currentData, filterState)=>{
         const { column: { onFilter, filters }, filteredKeys } = filterState;
         if (onFilter && filteredKeys && filteredKeys.length) {
-            return currentData// shallow copy
-            .map((record)=>({
-                    ...record
-                })).filter((record)=>filteredKeys.some((key)=>{
-                    const keys = flattenKeys(filters);
-                    const keyIndex = keys.findIndex((k)=>String(k) === String(key));
-                    const realKey = keyIndex !== -1 ? keys[keyIndex] : key;
-                    // filter children
-                    if (record[childrenColumnName]) {
-                        record[childrenColumnName] = getFilterData(record[childrenColumnName], filterStates, childrenColumnName);
+            // Preprocess the keys corresponding to the filter tree,
+            // use Map to improve lookup performance to O(1).
+            const flatKeys = flattenKeys(filters);
+            const keyMap = new Map();
+            flatKeys.forEach((k)=>{
+                const strKey = String(k);
+                if (!keyMap.has(strKey)) {
+                    keyMap.set(strKey, k);
+                }
+            });
+            const realKeys = filteredKeys.map((key)=>{
+                const strKey = String(key);
+                return keyMap.get(strKey) ?? key;
+            });
+            const internalFilter = (subset)=>subset.reduce((acc, record)=>{
+                    const clonedRecord = {
+                        ...record
+                    };
+                    if (clonedRecord[childrenColumnName]) {
+                        clonedRecord[childrenColumnName] = getFilterData(clonedRecord[childrenColumnName], filterStates, childrenColumnName);
                     }
-                    return onFilter(realKey, record);
-                }));
+                    if (realKeys.some((realKey)=>onFilter(realKey, clonedRecord))) {
+                        acc.push(clonedRecord);
+                    }
+                    return acc;
+                }, []);
+            return internalFilter(currentData);
         }
         return currentData;
     }, data);
@@ -43373,7 +43739,7 @@ function usePagination(total, onChange, pagination) {
 const ASCEND = 'ascend';
 const DESCEND = 'descend';
 const getMultiplePriority = (column)=>{
-    if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {
+    if (typeof column.sorter === 'object' && isNumber(column.sorter.multiple)) {
         return column.sorter.multiple;
     }
     return false;
@@ -43494,11 +43860,11 @@ const injectSorter = (prefixCls, columns, sorterStates, triggerSorter, defaultSo
                         if (typeof showSorterTooltip !== 'boolean' && showSorterTooltip?.target === 'sorter-icon') {
                             return /*#__PURE__*/ React.createElement("div", {
                                 className: clsx(columnSortersClass, `${columnSortersClass}-tooltip-target-sorter`)
-                            }, renderColumnTitleWrapper, /*#__PURE__*/ React.createElement(Tooltip$1, {
+                            }, renderColumnTitleWrapper, /*#__PURE__*/ React.createElement(Tooltip, {
                                 ...tooltipProps
                             }, sorter));
                         }
-                        return /*#__PURE__*/ React.createElement(Tooltip$1, {
+                        return /*#__PURE__*/ React.createElement(Tooltip, {
                             ...tooltipProps
                         }, renderSortTitle);
                     }
@@ -43757,10 +44123,7 @@ const genBorderedStyle = (token)=>{
             [`&${componentCls}-${size}`]: {
                 [`> ${componentCls}-container`]: {
                     [`> ${componentCls}-content, > ${componentCls}-body`]: {
-                        [`
-            > table > tbody > tr > th,
-            > table > tbody > tr > td
-          `]: {
+                        '> table > tbody > tr > th, > table > tbody > tr > td': {
                             [`> ${componentCls}-expanded-row-fixed`]: {
                                 margin: `${unit(calc(paddingVertical).mul(-1).equal())}
               ${unit(calc(calc(paddingHorizontal).add(lineWidth)).mul(-1).equal())}`
@@ -43782,22 +44145,10 @@ const genBorderedStyle = (token)=>{
                 [`> ${componentCls}-container`]: {
                     borderInlineStart: tableBorder,
                     borderTop: tableBorder,
-                    [`
-            > ${componentCls}-content,
-            > ${componentCls}-header,
-            > ${componentCls}-body,
-            > ${componentCls}-summary
-          `]: {
+                    [`> ${componentCls}-content, > ${componentCls}-header, > ${componentCls}-body, > ${componentCls}-summary`]: {
                         '> table': {
                             // ============================= Cell =============================
-                            [`
-                > thead > tr > th,
-                > thead > tr > td,
-                > tbody > tr > th,
-                > tbody > tr > td,
-                > tfoot > tr > th,
-                > tfoot > tr > td
-              `]: {
+                            '> thead > tr > th, > thead > tr > td, > tbody > tr > th, > tbody > tr > td, > tfoot > tr > th, > tfoot > tr > td': {
                                 borderInlineEnd: tableBorder
                             },
                             // ============================ Header ============================
@@ -43810,20 +44161,13 @@ const genBorderedStyle = (token)=>{
                                 }
                             },
                             // Fixed right should provides additional border
-                            [`
-                > thead > tr,
-                > tbody > tr,
-                > tfoot > tr
-              `]: {
+                            '> thead > tr, > tbody > tr, > tfoot > tr': {
                                 [`> ${componentCls}-cell-fix-right-first::after`]: {
                                     borderInlineEnd: tableBorder
                                 }
                             },
                             // ========================== Expandable ==========================
-                            [`
-                > tbody > tr > th,
-                > tbody > tr > td
-              `]: {
+                            '> tbody > tr > th, > tbody > tr > td': {
                                 [`> ${componentCls}-expanded-row-fixed`]: {
                                     margin: `${unit(calc(tablePaddingVertical).mul(-1).equal())} ${unit(calc(calc(tablePaddingHorizontal).add(lineWidth)).mul(-1).equal())}`,
                                     '&::after': {
@@ -43855,7 +44199,7 @@ const genBorderedStyle = (token)=>{
                     }
                 },
                 // ============================ Size ============================
-                ...getSizeBorderStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle),
+                ...getSizeBorderStyle('medium', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle),
                 ...getSizeBorderStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall),
                 // ============================ Footer ============================
                 [`> ${componentCls}-footer`]: {
@@ -43916,10 +44260,7 @@ const genEmptyStyle = (token)=>{
             [`${componentCls}-tbody > tr${componentCls}-placeholder`]: {
                 textAlign: 'center',
                 color: token.colorTextDisabled,
-                [`
-          &:hover > th,
-          &:hover > td,
-        `]: {
+                '&:hover > th, &:hover > td': {
                     background: token.colorBgContainer
                 }
             }
@@ -44464,7 +44805,7 @@ const genSizeStyle = (token)=>{
         });
     return {
         [`${componentCls}-wrapper`]: {
-            ...getSizeStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle, token.tableFontSizeMiddle),
+            ...getSizeStyle('medium', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle, token.tableFontSizeMiddle),
             ...getSizeStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall, token.tableFontSizeSmall)
         }
     };
@@ -44731,10 +45072,7 @@ const genTableStyle = (token)=>{
             },
             // ============================ Header ============================
             [`${componentCls}-thead`]: {
-                [`
-          > tr > th,
-          > tr > td
-        `]: {
+                '> tr > th, > tr > td': {
                     position: 'relative',
                     color: tableHeaderTextColor,
                     fontWeight: fontWeightStrong,
@@ -44942,7 +45280,7 @@ var useStyle$2 = genStyleHooks('Table', (token)=>{
 
 const EMPTY_LIST = [];
 const InternalTable = (props, ref)=>{
-    const { prefixCls: customizePrefixCls, className, rootClassName, style, classNames, styles, size: customizeSize, bordered, dropdownPrefixCls: customizeDropdownPrefixCls, dataSource, pagination, rowSelection, rowKey: customizeRowKey, rowClassName, columns, children, childrenColumnName: legacyChildrenColumnName, onChange, getPopupContainer, loading, expandIcon, expandable, expandedRowRender, expandIconColumnIndex, indentSize, scroll, sortDirections, locale, showSorterTooltip = {
+    const { prefixCls: customizePrefixCls, className, rootClassName, style, classNames, styles, size: customizeSize, bordered, dropdownPrefixCls: customizeDropdownPrefixCls, dataSource, pagination, rowSelection: customizeRowSelection, rowKey: customizeRowKey, rowClassName, columns, children, childrenColumnName: legacyChildrenColumnName, onChange, getPopupContainer, loading, expandIcon, expandable, expandedRowRender, expandIconColumnIndex, indentSize, scroll, sortDirections, locale, showSorterTooltip = {
         target: 'full-header'
     }, virtual } = props;
     const warning = devUseWarning('Table');
@@ -44968,7 +45306,7 @@ const InternalTable = (props, ref)=>{
     ]);
     const { locale: contextLocale = localeValues, table } = React.useContext(ConfigContext);
     const { getPrefixCls, direction, renderEmpty, getPopupContainer: getContextPopupContainer, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig('table');
-    const mergedSize = useSize(customizeSize);
+    const mergedSize = useSize((ctx)=>customizeSize === 'middle' ? 'medium' : customizeSize ?? ctx);
     // =========== Merged Props for Semantic ==========
     const mergedProps = {
         ...props,
@@ -45003,6 +45341,15 @@ const InternalTable = (props, ref)=>{
     const prefixCls = getPrefixCls('table', customizePrefixCls);
     const dropdownPrefixCls = getPrefixCls('dropdown', customizeDropdownPrefixCls);
     const [, token] = useToken();
+    const mergedRowSelection = React.useMemo(()=>{
+        return customizeRowSelection && typeof customizeRowSelection === 'object' ? {
+            columnWidth: token.Table?.selectionColumnWidth,
+            ...customizeRowSelection
+        } : customizeRowSelection;
+    }, [
+        customizeRowSelection,
+        token.Table?.selectionColumnWidth
+    ]);
     const rootCls = useCSSVarCls(prefixCls);
     const [hashId, cssVarCls] = useStyle$2(prefixCls, rootCls);
     const mergedExpandable = {
@@ -45024,7 +45371,7 @@ const InternalTable = (props, ref)=>{
         childrenColumnName,
         rawData
     ]);
-    const internalRefs = {
+    const internalRef = {
         body: React.useRef(null)
     };
     // ============================ Width =============================
@@ -45070,9 +45417,9 @@ const InternalTable = (props, ref)=>{
                 pagination.onChange?.(1, changeInfo.pagination?.pageSize);
             }
         }
-        if (scroll && scroll.scrollToFirstRowOnChange !== false && internalRefs.body.current) {
+        if (scroll && scroll.scrollToFirstRowOnChange !== false && internalRef.body.current) {
             scrollTo(0, {
-                getContainer: ()=>internalRefs.body.current
+                getContainer: ()=>internalRef.body.current
             });
         }
         onChange?.(changeInfo.pagination, changeInfo.filters, changeInfo.sorter, {
@@ -45194,7 +45541,7 @@ const InternalTable = (props, ref)=>{
         childrenColumnName,
         locale: tableLocale,
         getPopupContainer: getPopupContainer || getContextPopupContainer
-    }, rowSelection);
+    }, mergedRowSelection);
     const internalRowClassName = (record, index, indent)=>{
         const resolvedRowClassName = typeof rowClassName === 'function' ? rowClassName(record, index, indent) : rowClassName;
         return clsx({
@@ -45208,13 +45555,13 @@ const InternalTable = (props, ref)=>{
     mergedExpandable.expandIcon = mergedExpandable.expandIcon || expandIcon || renderExpandIcon(tableLocale);
     // Adjust expand icon index, no overwrite expandIconColumnIndex if set.
     if (expandType === 'nest' && mergedExpandable.expandIconColumnIndex === undefined) {
-        mergedExpandable.expandIconColumnIndex = rowSelection ? 1 : 0;
-    } else if (mergedExpandable.expandIconColumnIndex > 0 && rowSelection) {
+        mergedExpandable.expandIconColumnIndex = mergedRowSelection ? 1 : 0;
+    } else if (mergedExpandable.expandIconColumnIndex > 0 && mergedRowSelection) {
         mergedExpandable.expandIconColumnIndex -= 1;
     }
     // Indent size
     if (typeof mergedExpandable.indentSize !== 'number') {
-        mergedExpandable.indentSize = typeof indentSize === 'number' ? indentSize : 15;
+        mergedExpandable.indentSize = isNumber(indentSize) ? indentSize : 15;
     }
     // ============================ Render ============================
     const transformColumns = React.useCallback((innerColumns)=>transformTitleColumns(transformSelectionColumns(transformFilterColumns(transformSorterColumns(innerColumns)))), [
@@ -45229,7 +45576,7 @@ const InternalTable = (props, ref)=>{
         if (mergedPagination.size) {
             paginationSize = mergedPagination.size;
         } else {
-            paginationSize = mergedSize === 'small' || mergedSize === 'middle' ? 'small' : undefined;
+            paginationSize = mergedSize === 'small' || mergedSize === 'medium' ? 'small' : undefined;
         }
         const renderPagination = (placement = 'end')=>/*#__PURE__*/ React.createElement(Pagination, {
                 ...mergedPagination,
@@ -45323,7 +45670,7 @@ const InternalTable = (props, ref)=>{
         const { fontSize, lineHeight, lineWidth, padding, paddingXS, paddingSM } = token;
         const fontHeight = Math.floor(fontSize * lineHeight);
         switch(mergedSize){
-            case 'middle':
+            case 'medium':
                 return paddingSM * 2 + fontHeight + lineWidth;
             case 'small':
                 return paddingXS * 2 + fontHeight + lineWidth;
@@ -45356,7 +45703,7 @@ const InternalTable = (props, ref)=>{
         expandable: mergedExpandable,
         prefixCls: prefixCls,
         className: clsx({
-            [`${prefixCls}-middle`]: mergedSize === 'middle',
+            [`${prefixCls}-medium`]: mergedSize === 'medium',
             [`${prefixCls}-small`]: mergedSize === 'small',
             [`${prefixCls}-bordered`]: bordered,
             [`${prefixCls}-empty`]: rawData.length === 0
@@ -45367,7 +45714,7 @@ const InternalTable = (props, ref)=>{
         emptyText: mergedEmptyNode,
         // Internal
         internalHooks: INTERNAL_HOOKS,
-        internalRefs: internalRefs,
+        internalRefs: internalRef,
         transformColumns: transformColumns,
         getContainerWidth: getContainerWidth,
         measureRowRender: (measureRow)=>/*#__PURE__*/ React.createElement(TableMeasureRowContext.Provider, {
@@ -45843,10 +46190,7 @@ const InternalTag = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         ...props,
         color: mergedColor,
         variant: mergedVariant,
-        disabled: mergedDisabled,
-        href,
-        target,
-        icon
+        disabled: mergedDisabled
     };
     // ====================== Styles ======================
     const [mergedClassNames, mergedStyles] = useMergeSemantic([
@@ -46125,10 +46469,7 @@ const getEditableStyles = (token)=>{
 };
 const getCopyableStyles = (token)=>({
         [`${token.componentCls}-copy-success`]: {
-            [`
-    &,
-    &:hover,
-    &:focus`]: {
+            '&, &:hover, &:focus': {
                 color: token.colorSuccess
             }
         },
@@ -46137,10 +46478,7 @@ const getCopyableStyles = (token)=>({
         }
     });
 const getEllipsisStyles = ()=>({
-        [`
-  a&-ellipsis,
-  span&-ellipsis
-  `]: {
+        'a&-ellipsis, span&-ellipsis': {
             display: 'inline-block',
             maxWidth: '100%'
         },
@@ -46201,39 +46539,15 @@ const genTypographyStyle = (token)=>{
                 cursor: 'not-allowed',
                 userSelect: 'none'
             },
-            [`
-        div&,
-        p
-      `]: {
+            'div&, p': {
                 marginBottom: '1em'
             },
             ...getTitleStyles(token),
-            [`
-      & + h1${componentCls},
-      & + h2${componentCls},
-      & + h3${componentCls},
-      & + h4${componentCls},
-      & + h5${componentCls}
-      `]: {
+            [`& + h1${componentCls}, & + h2${componentCls}, & + h3${componentCls}, & + h4${componentCls}, & + h5${componentCls}`]: {
                 marginTop: titleMarginTop
             },
-            [`
-      div,
-      ul,
-      li,
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5`]: {
-                [`
-        + h1,
-        + h2,
-        + h3,
-        + h4,
-        + h5
-        `]: {
+            'div, ul, li, p, h1, h2, h3, h4, h5': {
+                '+ h1, + h2, + h3, + h4, + h5': {
                     marginTop: titleMarginTop
                 }
             },
@@ -46271,8 +46585,8 @@ var useStyle = genStyleHooks('Typography', genTypographyStyle, prepareComponentT
 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 ref = React.useRef(null);
-    const inComposition = React.useRef(false);
-    const lastKeyCode = React.useRef(null);
+    const inCompositionRef = React.useRef(false);
+    const lastKeyCodeRef = React.useRef(null);
     const [current, setCurrent] = React.useState(value);
     React.useEffect(()=>{
         setCurrent(value);
@@ -46291,24 +46605,24 @@ const Editable = (props)=>{
         setCurrent(target.value.replace(/[\n\r]/g, ''));
     };
     const onCompositionStart = ()=>{
-        inComposition.current = true;
+        inCompositionRef.current = true;
     };
     const onCompositionEnd = ()=>{
-        inComposition.current = false;
+        inCompositionRef.current = false;
     };
     const onKeyDown = ({ keyCode })=>{
         // We don't record keyCode when IME is using
-        if (inComposition.current) {
+        if (inCompositionRef.current) {
             return;
         }
-        lastKeyCode.current = keyCode;
+        lastKeyCodeRef.current = keyCode;
     };
     const confirmChange = ()=>{
         onSave(current.trim());
     };
     const onKeyUp = ({ keyCode, ctrlKey, altKey, metaKey, shiftKey })=>{
         // Check if it's a real key
-        if (lastKeyCode.current !== keyCode || inComposition.current || ctrlKey || altKey || metaKey || shiftKey) {
+        if (lastKeyCodeRef.current !== keyCode || inCompositionRef.current || ctrlKey || altKey || metaKey || shiftKey) {
             return;
         }
         if (keyCode === KeyCode.ENTER) {
@@ -46434,7 +46748,9 @@ const useCopyClick = ({ copyConfig, children })=>{
         setCopyLoading(true);
         try {
             const text = typeof copyConfig.text === 'function' ? await copyConfig.text() : copyConfig.text;
-            await copy(text || toList$1(children, true).join('') || '', copyOptions);
+            await copy(text || toList(children, {
+                skipEmpty: true
+            }).join('') || '', copyOptions);
             setCopyLoading(false);
             setCopied(true);
             // Trigger tips update
@@ -46518,29 +46834,26 @@ const Typography$1 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         ...contextStyle,
         ...style
     };
-    return(/*#__PURE__*/ // @ts-expect-error: Expression produces a union type that is too complex to represent.
-    React.createElement(Component, {
+    return /*#__PURE__*/ React.createElement(Component, {
         className: componentClassName,
         style: mergedStyle,
         ref: ref,
         ...restProps
-    }, children));
+    }, children);
 });
 if (process.env.NODE_ENV !== 'production') {
     Typography$1.displayName = 'Typography';
 }
 
-function toList(val) {
+const toCopyConfigList = (val)=>{
     if (val === false) {
         return [
             false,
             false
         ];
     }
-    return Array.isArray(val) ? val : [
-        val
-    ];
-}
+    return toList(val);
+};
 function getNode(dom, defaultNode, needDom) {
     if (dom === true || dom === undefined) {
         return defaultNode;
@@ -46574,14 +46887,15 @@ const isValidText = (val)=>[
         'number'
     ].includes(typeof val);
 
-const CopyBtn = ({ prefixCls, copied, locale, iconOnly, tooltips, icon, tabIndex, onCopy, loading: btnLoading })=>{
-    const tooltipNodes = toList(tooltips);
-    const iconNodes = toList(icon);
+const CopyBtn = (props)=>{
+    const { prefixCls, copied, locale, iconOnly, tooltips, icon, tabIndex, onCopy, loading: btnLoading } = props;
+    const tooltipNodes = toCopyConfigList(tooltips);
+    const iconNodes = toCopyConfigList(icon);
     const { copied: copiedText, copy: copyText } = locale ?? {};
     const systemStr = copied ? copiedText : copyText;
     const copyTitle = getNode(tooltipNodes[copied ? 1 : 0], systemStr);
     const ariaLabel = typeof copyTitle === 'string' ? copyTitle : systemStr;
-    return /*#__PURE__*/ React.createElement(Tooltip$1, {
+    return /*#__PURE__*/ React.createElement(Tooltip, {
         title: copyTitle
     }, /*#__PURE__*/ React.createElement("button", {
         type: "button",
@@ -46825,7 +47139,7 @@ const EllipsisTooltip = ({ enableEllipsis, isEllipsis, open, children, tooltipPr
         return children;
     }
     const mergedOpen = open && isEllipsis;
-    return /*#__PURE__*/ React.createElement(Tooltip$1, {
+    return /*#__PURE__*/ React.createElement(Tooltip, {
         open: mergedOpen,
         ...tooltipProps
     }, children);
@@ -46963,7 +47277,9 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         canUseCssEllipsis,
         mergedEnableEllipsis
     ]);
-    const isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? isNativeEllipsis : isJsEllipsis);
+    const tooltipProps = useTooltipProps(ellipsisConfig.tooltip, editConfig.text, children);
+    const needNativeEllipsisMeasure = cssEllipsis && !!tooltipProps.title;
+    const isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? needNativeEllipsisMeasure && isNativeEllipsis : isJsEllipsis);
     const cssTextOverflow = mergedEnableEllipsis && rows === 1 && cssEllipsis;
     const cssLineClamp = mergedEnableEllipsis && rows > 1 && cssEllipsis;
     // >>>>> Expand
@@ -46988,7 +47304,7 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     // >>>>> Native ellipsis
     React.useEffect(()=>{
         const textEle = typographyRef.current;
-        if (enableEllipsis && cssEllipsis && textEle) {
+        if (enableEllipsis && needNativeEllipsisMeasure && textEle) {
             const currentEllipsis = isEleEllipsis(textEle);
             if (isNativeEllipsis !== currentEllipsis) {
                 setIsNativeEllipsis(currentEllipsis);
@@ -46996,7 +47312,7 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         }
     }, [
         enableEllipsis,
-        cssEllipsis,
+        needNativeEllipsisMeasure,
         children,
         cssLineClamp,
         isNativeVisible,
@@ -47006,7 +47322,7 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     // Use IntersectionObserver to check if element is invisible
     React.useEffect(()=>{
         const textEle = typographyRef.current;
-        if (typeof IntersectionObserver === 'undefined' || !textEle || !cssEllipsis || !mergedEnableEllipsis) {
+        if (typeof IntersectionObserver === 'undefined' || !textEle || !needNativeEllipsisMeasure || !mergedEnableEllipsis) {
             return;
         }
         const observer = new IntersectionObserver(()=>{
@@ -47017,11 +47333,10 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             observer.disconnect();
         };
     }, [
-        cssEllipsis,
+        needNativeEllipsisMeasure,
         mergedEnableEllipsis
     ]);
     // ========================== Tooltip ===========================
-    const tooltipProps = useTooltipProps(ellipsisConfig.tooltip, editConfig.text, children);
     const topAriaLabel = React.useMemo(()=>{
         if (!enableEllipsis || cssEllipsis) {
             return undefined;
@@ -47079,7 +47394,7 @@ const Base = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         const { icon, tooltip, tabIndex } = editConfig;
         const editTitle = toArray$1(tooltip)[0] || textLocale?.edit;
         const ariaLabel = typeof editTitle === 'string' ? editTitle : '';
-        return triggerType.includes('icon') ? /*#__PURE__*/ React.createElement(Tooltip$1, {
+        return triggerType.includes('icon') ? /*#__PURE__*/ React.createElement(Tooltip, {
             key: "edit",
             title: tooltip === false ? '' : editTitle
         }, /*#__PURE__*/ React.createElement("button", {
@@ -47331,7 +47646,7 @@ const JsonValueTree = ({ data, className, maxHeight = "auto" })=>{
             flexShrink: 0,
             background: "transparent"
         }
-    }, /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+    }, /*#__PURE__*/ React__default.createElement(Tooltip, {
         title: "Copy JSON"
     }, /*#__PURE__*/ React__default.createElement(Button$1, {
         type: "text",
@@ -47342,7 +47657,7 @@ const JsonValueTree = ({ data, className, maxHeight = "auto" })=>{
             color: mutedForeground
         }),
         onClick: handleCopyJson
-    })), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+    })), /*#__PURE__*/ React__default.createElement(Tooltip, {
         title: isAllExpanded ? "Collapse all" : "Expand all"
     }, /*#__PURE__*/ React__default.createElement(Button$1, {
         type: "text",
@@ -47479,7 +47794,7 @@ function valueToTreeNodes(value, path) {
             const childPath = `${path}.${escapeDotPathSegment(k)}`;
             if (v === null || v === undefined || typeof v !== "object") {
                 const text = `${k}: ${formatJsonTreePrimitive(v)}`;
-                const title = text.length > MAX_TITLE_LEN ? /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+                const title = text.length > MAX_TITLE_LEN ? /*#__PURE__*/ React__default.createElement(Tooltip, {
                     title: text
                 }, /*#__PURE__*/ React__default.createElement("span", null, text.slice(0, MAX_TITLE_LEN), "…")) : text;
                 return {
@@ -47500,7 +47815,7 @@ function valueToTreeNodes(value, path) {
             const text = `${k}: ${formatJsonTreePrimitive(v)}`;
             return {
                 key: childPath,
-                title: text.length > MAX_TITLE_LEN ? /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+                title: text.length > MAX_TITLE_LEN ? /*#__PURE__*/ React__default.createElement(Tooltip, {
                     title: text
                 }, /*#__PURE__*/ React__default.createElement("span", null, text.slice(0, MAX_TITLE_LEN), "…")) : text,
                 isLeaf: true
@@ -47511,7 +47826,7 @@ function valueToTreeNodes(value, path) {
     return [
         {
             key: path,
-            title: text.length > MAX_TITLE_LEN ? /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+            title: text.length > MAX_TITLE_LEN ? /*#__PURE__*/ React__default.createElement(Tooltip, {
                 title: text
             }, /*#__PURE__*/ React__default.createElement("span", null, text.slice(0, MAX_TITLE_LEN), "…")) : text,
             isLeaf: true
@@ -49020,373 +49335,6 @@ const Node$1 = ({ data, id })=>{
     }
 };
 
-const TooltipContainer = styled.div`
-  position: relative;
-  display: inline-block;
-`;
-const TooltipContent = styled.div`
-  position: absolute;
-  z-index: 1000;
-  padding: 8px 12px;
-  font-weight: 400;
-  background-color: ${({ themeColors })=>themeColors.popover};
-  color: ${({ themeColors })=>themeColors.popoverForeground};
-  border: 1px solid ${({ themeColors })=>themeColors.border};
-  border-radius: 6px;
-  font-size: 12px;
-  line-height: 1.4;
-  white-space: nowrap;
-  box-shadow:
-    0 4px 6px -1px rgba(0, 0, 0, 0.1),
-    0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  opacity: ${({ isVisible })=>isVisible ? 1 : 0};
-  visibility: ${({ isVisible })=>isVisible ? "visible" : "hidden"};
-  transition:
-    opacity 0.15s ease-in-out,
-    visibility 0.15s ease-in-out;
-  pointer-events: none;
-
-  /* Arrow */
-  &::before {
-    content: "";
-    position: absolute;
-    width: 0;
-    height: 0;
-    border: 4px solid transparent;
-  }
-
-  /* Placement-specific positioning and arrow */
-  ${({ placement, themeColors })=>{
-    switch(placement){
-        case "top":
-            return `
-          bottom: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          margin-bottom: 8px;
-          &::before {
-            top: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            border-top-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            top: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-top-color: ${themeColors.popover};
-          }
-        `;
-        case "bottom":
-            return `
-          top: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          margin-top: 8px;
-          &::before {
-            bottom: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            border-bottom-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            bottom: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-bottom-color: ${themeColors.popover};
-          }
-        `;
-        case "left":
-            return `
-          right: 100%;
-          top: 50%;
-          transform: translateY(-50%);
-          margin-right: 8px;
-          &::before {
-            left: 100%;
-            top: 50%;
-            transform: translateY(-50%);
-            border-left-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            left: 100%;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-left-color: ${themeColors.popover};
-          }
-        `;
-        case "right":
-            return `
-          left: 100%;
-          top: 50%;
-          transform: translateY(-50%);
-          margin-left: 8px;
-          &::before {
-            right: 100%;
-            top: 50%;
-            transform: translateY(-50%);
-            border-right-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            right: 100%;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-right-color: ${themeColors.popover};
-          }
-        `;
-        case "topLeft":
-            return `
-          bottom: 100%;
-          right: 0;
-          margin-bottom: 8px;
-          &::before {
-            top: 100%;
-            right: 8px;
-            border-top-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            top: 100%;
-            right: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-top-color: ${themeColors.popover};
-          }
-        `;
-        case "topRight":
-            return `
-          bottom: 100%;
-          left: 0;
-          margin-bottom: 8px;
-          &::before {
-            top: 100%;
-            left: 8px;
-            border-top-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            top: 100%;
-            left: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-top-color: ${themeColors.popover};
-          }
-        `;
-        case "bottomLeft":
-            return `
-          top: 100%;
-          right: 0;
-          margin-top: 8px;
-          &::before {
-            bottom: 100%;
-            right: 8px;
-            border-bottom-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            bottom: 100%;
-            right: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-bottom-color: ${themeColors.popover};
-          }
-        `;
-        case "bottomRight":
-            return `
-          top: 100%;
-          left: 0;
-          margin-top: 8px;
-          &::before {
-            bottom: 100%;
-            left: 8px;
-            border-bottom-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            bottom: 100%;
-            left: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-bottom-color: ${themeColors.popover};
-          }
-        `;
-        case "leftTop":
-            return `
-          right: 100%;
-          bottom: 0;
-          margin-right: 8px;
-          &::before {
-            left: 100%;
-            bottom: 8px;
-            border-left-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            left: 100%;
-            bottom: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-left-color: ${themeColors.popover};
-          }
-        `;
-        case "leftBottom":
-            return `
-          right: 100%;
-          top: 0;
-          margin-right: 8px;
-          &::before {
-            left: 100%;
-            top: 8px;
-            border-left-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            left: 100%;
-            top: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-left-color: ${themeColors.popover};
-          }
-        `;
-        case "rightTop":
-            return `
-          left: 100%;
-          bottom: 0;
-          margin-left: 8px;
-          &::before {
-            right: 100%;
-            bottom: 8px;
-            border-right-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            right: 100%;
-            bottom: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-right-color: ${themeColors.popover};
-          }
-        `;
-        case "rightBottom":
-            return `
-          left: 100%;
-          top: 0;
-          margin-left: 8px;
-          &::before {
-            right: 100%;
-            top: 8px;
-            border-right-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            right: 100%;
-            top: 8px;
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-right-color: ${themeColors.popover};
-          }
-        `;
-        default:
-            return `
-          bottom: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          margin-bottom: 8px;
-          &::before {
-            top: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            border-top-color: ${themeColors.border};
-          }
-          &::after {
-            content: "";
-            position: absolute;
-            top: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            border-top-color: ${themeColors.popover};
-          }
-        `;
-    }
-}}
-`;
-const Tooltip = ({ children, content, placement = "top", delay = 300 })=>{
-    const { theme } = useTheme$1();
-    const [isVisible, setIsVisible] = React.useState(false);
-    const timeoutRef = React.useRef();
-    const showTooltip = ()=>{
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(()=>{
-            setIsVisible(true);
-        }, delay);
-    };
-    const hideTooltip = ()=>{
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        setIsVisible(false);
-    };
-    React.useEffect(()=>{
-        return ()=>{
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, []);
-    return /*#__PURE__*/ React.createElement(TooltipContainer, {
-        onMouseEnter: showTooltip,
-        onMouseLeave: hideTooltip,
-        onFocus: showTooltip,
-        onBlur: hideTooltip
-    }, children, /*#__PURE__*/ React.createElement(TooltipContent, {
-        isVisible: isVisible,
-        placement: placement,
-        themeColors: theme.colors,
-        role: "tooltip"
-    }, content));
-};
-
 const BadgeContainer = styled.div`
   display: inline-flex;
   align-items: center;
@@ -49507,8 +49455,9 @@ const Badge = ({ variant = "default", children, title, placement = "top" })=>{
     }, children);
     if (title) {
         return /*#__PURE__*/ React.createElement(Tooltip, {
-            content: title,
-            placement: placement
+            title: title,
+            placement: placement,
+            mouseEnterDelay: 0.3
         }, badgeContent);
     }
     return badgeContent;
@@ -112325,7 +112274,115 @@ class ErrorBoundary extends Component {
     }
 }
 
+const shieldPulse = keyframes`
+  0%,
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.55;
+    transform: scale(1.28);
+  }
+`;
+const ShieldTrigger = styled.span`
+  display: inline-flex;
+  align-items: center;
+  color: ${(p)=>p.$color};
+  animation: ${shieldPulse} 1.35s ease-in-out infinite;
+`;
+const GuardrailsPopover = ({ guardrails, title = "Guardrails", placement = "right", trigger = "hover", shieldSize = 16, shieldStrokeWidth = 2.5, ariaLabel = "Guardrails applied" })=>{
+    const { theme, isDarkMode } = useTheme$1();
+    /** Light: semantic destructive; dark: same hue at higher lightness so the icon stays visible on dark surfaces */ const shieldColor = isDarkMode ? theme.colors.tagJudge?.color ?? theme.colors.destructive : theme.colors.destructive;
+    if (!guardrails?.length) {
+        return null;
+    }
+    const content = /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            color: theme.colors.foreground
+        }
+    }, /*#__PURE__*/ React__default.createElement(Card, {
+        title: title,
+        size: "small",
+        style: {
+            maxWidth: 380
+        },
+        styles: {
+            body: {
+                padding: 0
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 8
+        }
+    }, guardrails.map((guardrail, index)=>/*#__PURE__*/ React__default.createElement(Card, {
+            key: `${guardrail.rail_name}-${guardrail.phase}-${index}`,
+            type: "inner",
+            title: guardrail.rail_name,
+            size: "small",
+            styles: {
+                body: {
+                    padding: 12
+                }
+            }
+        }, /*#__PURE__*/ React__default.createElement("div", {
+            style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 6
+            }
+        }, /*#__PURE__*/ React__default.createElement("div", null, /*#__PURE__*/ React__default.createElement("strong", null, "Phase:"), " ", guardrail.phase), /*#__PURE__*/ React__default.createElement("div", null, /*#__PURE__*/ React__default.createElement("strong", null, "Action:"), " ", guardrail.action), /*#__PURE__*/ React__default.createElement("div", null, /*#__PURE__*/ React__default.createElement("strong", null, "Reason:"), " ", guardrail.reason ?? "N/A"), guardrail.meta != null && /*#__PURE__*/ React__default.createElement("div", null, /*#__PURE__*/ React__default.createElement("strong", null, "Meta:"), /*#__PURE__*/ React__default.createElement("div", {
+            style: {
+                marginTop: 4,
+                maxWidth: "100%"
+            }
+        }, /*#__PURE__*/ React__default.createElement(JsonValueTree, {
+            data: guardrail.meta,
+            maxHeight: 240
+        })))))))));
+    return /*#__PURE__*/ React__default.createElement(Popover, {
+        content: content,
+        placement: placement,
+        trigger: trigger,
+        styles: {
+            container: {
+                padding: 0
+            },
+            content: {
+                padding: 0
+            }
+        }
+    }, /*#__PURE__*/ React__default.createElement(ShieldTrigger, {
+        $color: shieldColor,
+        onClick: (event)=>event.stopPropagation()
+    }, /*#__PURE__*/ React__default.createElement(Shield, {
+        size: shieldSize,
+        strokeWidth: shieldStrokeWidth,
+        color: "currentColor",
+        "aria-label": ariaLabel
+    })));
+};
+
 const getNodeLatency = (node)=>node.details?.internals?.latency?.total_time ?? 0;
+const SessionTreeNodeTitle = ({ displayName, subtreeLatency, guardrails })=>{
+    return /*#__PURE__*/ React__default.createElement("span", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8
+        }
+    }, /*#__PURE__*/ React__default.createElement("span", null, displayName), /*#__PURE__*/ React__default.createElement(GuardrailsPopover, {
+        guardrails: guardrails
+    }), subtreeLatency > 0 && /*#__PURE__*/ React__default.createElement(Tag, {
+        style: {
+            fontSize: 11,
+            margin: 0
+        }
+    }, formatLatency(subtreeLatency)));
+};
 /** Tool/agent failure is carried on the incoming edge's details.status (e.g. Failed), same as flow edges and session I/O. */ function isNodeFailureFromIncomingEdge(run, nodeId) {
     const incoming = run.edges?.filter((e)=>e.target === nodeId) ?? [];
     const status = incoming[0]?.details?.status;
@@ -112439,6 +112496,7 @@ const buildNodeTree = (run)=>{
         const children = childIds.map((id)=>nodeMap.get(id)).filter((n)=>n != null).sort((a, b)=>(a.stamp?.step ?? 0) - (b.stamp?.step ?? 0)).map(buildTreeNode);
         const childLatency = children.reduce((s, c)=>s + (c.subtreeLatency ?? 0), 0);
         const subtreeLatency = getNodeLatency(node) + childLatency;
+        const guardrails = node.details?.internals?.guard_details ?? [];
         const isTool = node.node_type === "Tool";
         const failed = isNodeFailureFromIncomingEdge(run, node.identifier);
         const iconBg = failed ? "#ff4d4f" : isTool ? "#1890ff" : "#52c41a";
@@ -112459,18 +112517,11 @@ const buildNodeTree = (run)=>{
         }));
         return {
             key: nodeKey,
-            title: /*#__PURE__*/ React__default.createElement("span", {
-                style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 8
-                }
-            }, /*#__PURE__*/ React__default.createElement("span", null, displayName), subtreeLatency > 0 && /*#__PURE__*/ React__default.createElement(Tag, {
-                style: {
-                    fontSize: 11,
-                    margin: 0
-                }
-            }, formatLatency(subtreeLatency))),
+            title: /*#__PURE__*/ React__default.createElement(SessionTreeNodeTitle, {
+                displayName: displayName,
+                subtreeLatency: subtreeLatency,
+                guardrails: guardrails
+            }),
             icon,
             children: children.length > 0 ? children : undefined,
             isLeaf: children.length === 0,
@@ -112535,6 +112586,10 @@ const SessionTree = ({ session, selectedNodeKey, onSelectNode })=>{
     }), /*#__PURE__*/ React__default.createElement("style", null, `
         .session-details-tree {
           background-color: transparent;
+          color: inherit;
+        }
+        .session-details-tree .ant-tree-title {
+          color: inherit;
         }
         .session-details-tree .ant-tree-node-content-wrapper {
           display: flex;
@@ -112940,7 +112995,7 @@ const SessionDetails = ({ session, open, onClose, initialNodeId, initialRunId, l
             size: "small"
         })), /*#__PURE__*/ React__default.createElement(Divider, {
             type: "vertical"
-        }), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        }), /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: "Show Session Details"
         }, /*#__PURE__*/ React__default.createElement(Button$1, {
             type: "text",
@@ -112949,7 +113004,7 @@ const SessionDetails = ({ session, open, onClose, initialNodeId, initialRunId, l
             }),
             onClick: ()=>setIsFullScreen(false),
             disabled: !session?.session_id
-        }, "Session Details"))) : /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        }, "Session Details"))) : /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: "Open Visualizer"
         }, /*#__PURE__*/ React__default.createElement(Button$1, {
             type: "text",
@@ -112960,7 +113015,7 @@ const SessionDetails = ({ session, open, onClose, initialNodeId, initialRunId, l
             disabled: !session?.session_id
         }, "Visualizer")), /*#__PURE__*/ React__default.createElement(Divider, {
             type: "vertical"
-        }), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        }), /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: "Copy Session ID to Clipboard"
         }, /*#__PURE__*/ React__default.createElement(Button$1, {
             type: "text",
@@ -112969,7 +113024,7 @@ const SessionDetails = ({ session, open, onClose, initialNodeId, initialRunId, l
             }),
             onClick: handleCopyId,
             disabled: !session?.session_id
-        })), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        })), /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: "Coming Soon!"
         }, /*#__PURE__*/ React__default.createElement(Button$1, {
             type: "text",
@@ -113689,7 +113744,7 @@ const EvaluationsCompareDrawer = ({ open, onClose, evaluationId1, evaluationId2,
                 display: "flex",
                 gap: 8
             }
-        }, /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        }, /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: "Copy IDs to Clipboard"
         }, /*#__PURE__*/ React__default.createElement(Button$1, {
             type: "text",
@@ -113698,7 +113753,7 @@ const EvaluationsCompareDrawer = ({ open, onClose, evaluationId1, evaluationId2,
             }),
             onClick: handleCopyIds,
             disabled: !evaluationId1 || !evaluationId2
-        })), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        })), /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: "Share"
         }, /*#__PURE__*/ React__default.createElement(Button$1, {
             type: "text",
@@ -113760,7 +113815,7 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
                 gap: 4,
                 justifyContent: "space-between"
             }
-        }, /*#__PURE__*/ React__default.createElement("span", null, normalizedEvaluation.name || "Evaluation Details"), normalizedEvaluation.completed_at && /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+        }, /*#__PURE__*/ React__default.createElement("span", null, normalizedEvaluation.name || "Evaluation Details"), normalizedEvaluation.completed_at && /*#__PURE__*/ React__default.createElement(Tooltip, {
             title: formatDateFriendly(normalizedEvaluation.completed_at),
             getPopupContainer: ()=>document.body
         }, /*#__PURE__*/ React__default.createElement("span", {
@@ -113951,7 +114006,7 @@ const EvaluationDetailsDrawer = ({ evaluation, open, onClose, getEvaluatorResult
                 key: metric.sha || `${metric.name}-${i}`,
                 style: tagStyle
             }, metric.name);
-            return metric.description ? /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+            return metric.description ? /*#__PURE__*/ React__default.createElement(Tooltip, {
                 key: metric.sha || `${metric.name}-${i}`,
                 title: metric.description,
                 getPopupContainer: ()=>document.body
@@ -114214,7 +114269,7 @@ const EvaluationsTable = ({ evaluations, loading = false, error = null, onRefres
                 const bVal = b.completed_at ? moment(b.completed_at).unix() : 0;
                 return aVal - bVal;
             },
-            render: (completedAt)=>completedAt ? /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+            render: (completedAt)=>completedAt ? /*#__PURE__*/ React__default.createElement(Tooltip, {
                     title: completedAt
                 }, /*#__PURE__*/ React__default.createElement("span", null, formatDateShort(completedAt))) : "-"
         },
@@ -114689,7 +114744,7 @@ function resolvePath(to, fromPathname = "/") {
     let { pathname: toPathname, search = "", hash = "" } = typeof to === "string" ? parsePath(to) : to;
     let pathname;
     if (toPathname) {
-        toPathname = toPathname.replace(/\/\/+/g, "/");
+        toPathname = removeDoubleSlashes(toPathname);
         if (toPathname.startsWith("/")) {
             pathname = resolvePathname(toPathname.substring(1), "/");
         } else {
@@ -114705,7 +114760,7 @@ function resolvePath(to, fromPathname = "/") {
     };
 }
 function resolvePathname(relativePath, fromPathname) {
-    let segments = fromPathname.replace(/\/+$/, "").split("/");
+    let segments = removeTrailingSlash(fromPathname).split("/");
     let relativeSegments = relativePath.split("/");
     relativeSegments.forEach((segment)=>{
         if (segment === "..") {
@@ -114763,8 +114818,10 @@ function resolveTo(toArg, routePathnames, locationPathname, isPathRelative = fal
     }
     return path;
 }
-var joinPaths = (paths)=>paths.join("/").replace(/\/\/+/g, "/");
-var normalizePathname = (pathname)=>pathname.replace(/\/+$/, "").replace(/^\/*/, "/");
+var removeDoubleSlashes = (path)=>path.replace(/\/\/+/g, "/");
+var joinPaths = (paths)=>removeDoubleSlashes(paths.join("/"));
+var removeTrailingSlash = (path)=>path.replace(/\/+$/, "");
+var normalizePathname = (pathname)=>removeTrailingSlash(pathname).replace(/^\/*/, "/");
 var normalizeSearch = (search)=>!search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search;
 var normalizeHash = (hash)=>!hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash;
 var ErrorResponseImpl = class {
@@ -114784,7 +114841,8 @@ function isRouteErrorResponse(error) {
     return error != null && typeof error.status === "number" && typeof error.statusText === "string" && typeof error.internal === "boolean" && "data" in error;
 }
 function getRoutePattern(matches) {
-    return matches.map((m)=>m.route.path).filter(Boolean).join("/").replace(/\/\/*/g, "/") || "/";
+    let parts = matches.map((m)=>m.route.path).filter(Boolean);
+    return joinPaths(parts) || "/";
 }
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 function parseToInfo(_to, basename) {
@@ -114837,6 +114895,9 @@ DataRouterContext.displayName = "DataRouter";
 var DataRouterStateContext = React.createContext(null);
 DataRouterStateContext.displayName = "DataRouterState";
 var RSCRouterContext = React.createContext(false);
+function useIsRSCRouterContext() {
+    return React.useContext(RSCRouterContext);
+}
 var ViewTransitionContext = React.createContext({
     isTransitioning: false
 });
@@ -115013,18 +115074,18 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
             pathname: joinPaths([
                 parentPathnameBase,
                 // Re-encode pathnames that were decoded inside matchRoutes.
-                // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
+                // Pre-encode `%`, `?` and `#` ahead of `encodeLocation` because it uses
                 // `new URL()` internally and we need to prevent it from treating
                 // them as separators
-                navigator.encodeLocation ? navigator.encodeLocation(match.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")).pathname : match.pathname
+                navigator.encodeLocation ? navigator.encodeLocation(match.pathname.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")).pathname : match.pathname
             ]),
             pathnameBase: match.pathnameBase === "/" ? parentPathnameBase : joinPaths([
                 parentPathnameBase,
                 // Re-encode pathnames that were decoded inside matchRoutes
-                // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
+                // Pre-encode `%`, `?` and `#` ahead of `encodeLocation` because it uses
                 // `new URL()` internally and we need to prevent it from treating
                 // them as separators
-                navigator.encodeLocation ? navigator.encodeLocation(match.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")).pathname : match.pathnameBase
+                navigator.encodeLocation ? navigator.encodeLocation(match.pathnameBase.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")).pathname : match.pathnameBase
             ])
         })), parentMatches, dataRouterOpts);
     return renderedMatches;
@@ -115491,9 +115552,9 @@ function singleFetchUrl(reqUrl, basename, trailingSlashAware, extension) {
         if (url.pathname === "/") {
             url.pathname = `_root.${extension}`;
         } else if (basename && stripBasename(url.pathname, basename) === "/") {
-            url.pathname = `${basename.replace(/\/$/, "")}/_root.${extension}`;
+            url.pathname = `${removeTrailingSlash(basename)}/_root.${extension}`;
         } else {
-            url.pathname = `${url.pathname.replace(/\/$/, "")}.${extension}`;
+            url.pathname = `${removeTrailingSlash(url.pathname)}.${extension}`;
         }
     }
     return url;
@@ -115734,6 +115795,7 @@ function composeEventHandlers(theirHandler, ourHandler) {
     };
 }
 function PrefetchPageLinks({ page, ...linkProps }) {
+    let rsc = useIsRSCRouterContext();
     let { router } = useDataRouterContext2();
     let matches = React.useMemo(()=>matchRoutes(router.routes, page, router.basename), [
         router.routes,
@@ -115743,6 +115805,13 @@ function PrefetchPageLinks({ page, ...linkProps }) {
     if (!matches) {
         return null;
     }
+    if (rsc) {
+        return /* @__PURE__ */ React.createElement(RSCPrefetchPageLinksImpl, {
+            page,
+            matches,
+            ...linkProps
+        });
+    }
     return /* @__PURE__ */ React.createElement(PrefetchPageLinksImpl, {
         page,
         matches,
@@ -115769,6 +115838,45 @@ function useKeyedPrefetchLinks(matches) {
     ]);
     return keyedPrefetchLinks;
 }
+function RSCPrefetchPageLinksImpl({ page, matches: nextMatches, ...linkProps }) {
+    let location = useLocation();
+    let { future } = useFrameworkContext();
+    let { basename } = useDataRouterContext2();
+    let dataHrefs = React.useMemo(()=>{
+        if (page === location.pathname + location.search + location.hash) {
+            return [];
+        }
+        let url = singleFetchUrl(page, basename, future.unstable_trailingSlashAwareDataRequests, "rsc");
+        let hasSomeRoutesWithShouldRevalidate = false;
+        let targetRoutes = [];
+        for (let match of nextMatches){
+            if (typeof match.route.shouldRevalidate === "function") {
+                hasSomeRoutesWithShouldRevalidate = true;
+            } else {
+                targetRoutes.push(match.route.id);
+            }
+        }
+        if (hasSomeRoutesWithShouldRevalidate && targetRoutes.length > 0) {
+            url.searchParams.set("_routes", targetRoutes.join(","));
+        }
+        return [
+            url.pathname + url.search
+        ];
+    }, [
+        basename,
+        future.unstable_trailingSlashAwareDataRequests,
+        page,
+        location,
+        nextMatches
+    ]);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href)=>/* @__PURE__ */ React.createElement("link", {
+            key: href,
+            rel: "prefetch",
+            as: "fetch",
+            href,
+            ...linkProps
+        })));
+}
 function PrefetchPageLinksImpl({ page, matches: nextMatches, ...linkProps }) {
     let location = useLocation();
     let { future, manifest, routeModules } = useFrameworkContext();
@@ -115867,7 +115975,7 @@ function mergeRefs(...refs) {
 var isBrowser2 = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
     if (isBrowser2) {
-        window.__reactRouterVersion = "7.13.1";
+        window.__reactRouterVersion = "7.14.1";
     }
 } catch (e) {}
 var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
@@ -116996,7 +117104,7 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
                     fontSize: 16,
                     fontWeight: 600
                 }
-            }, resolvedTitle), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+            }, resolvedTitle), /*#__PURE__*/ React__default.createElement(Tooltip, {
                 title: llmExpandableKeys.length === 0 ? "No expandable rows" : undefined
             }, /*#__PURE__*/ React__default.createElement(Button$1, {
                 type: "text",
@@ -117426,7 +117534,7 @@ const AggregateResultsTable = ({ rawResults = [], aggregateResults, agents, titl
             fontSize: 16,
             fontWeight: 600
         }
-    }, resolvedTitle), /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+    }, resolvedTitle), /*#__PURE__*/ React__default.createElement(Tooltip, {
         title: expandableKeys.length === 0 ? "No expandable rows" : undefined
     }, /*#__PURE__*/ React__default.createElement(Button$1, {
         type: "text",
@@ -117718,7 +117826,7 @@ const EvaluatorResult = ({ evaluation, evaluatorId, backHref, onAgentNodeClick }
             fontWeight: 600,
             fontSize: 15
         }
-    }, completed_at ? /*#__PURE__*/ React__default.createElement(Tooltip$1, {
+    }, completed_at ? /*#__PURE__*/ React__default.createElement(Tooltip, {
         title: formatDateFriendly(completed_at)
     }, /*#__PURE__*/ React__default.createElement("span", null, formatDateRelative(completed_at))) : "-")), /*#__PURE__*/ React__default.createElement(Col, {
         xs: 24,