@clickhouse/click-ui 0.0.171 → 0.0.173

package/dist/click-ui.es.js

@@ -16914,9 +16914,46 @@ function throttle$1(func, wait, options) {
 }
 var throttle_1 = throttle$1;
 const throttle$2 = /* @__PURE__ */ getDefaultExportFromCjs(throttle_1);
+const initialPosition = {
+  left: "calc(100% - 4px)",
+  top: "0"
+};
+const useResizingState = () => {
+  const [pressedColumnIndex, setPressedColumnIndex] = useState(-1);
+  const [pointer, setPointer] = useState(null);
+  const [position, setPosition] = useState(initialPosition);
+  const [lastPressedTimestamp, setLastPressedTimestamp] = useState(0);
+  const getIsPressed = useCallback((columnIndex) => {
+    return pressedColumnIndex === columnIndex;
+  }, [pressedColumnIndex]);
+  const setIsPressed = useCallback((columnIndex, pressed) => {
+    if (pressed) {
+      setPressedColumnIndex(columnIndex);
+      setLastPressedTimestamp(Date.now());
+    } else {
+      setPressedColumnIndex(-1);
+    }
+  }, []);
+  const getPosition = useCallback((columnIndex) => {
+    if (pressedColumnIndex !== columnIndex) {
+      return initialPosition;
+    }
+    return position;
+  }, [position, pressedColumnIndex]);
+  return {
+    pointer,
+    setPointer,
+    getIsPressed,
+    setIsPressed,
+    getPosition,
+    setPosition,
+    lastPressedTimestamp
+  };
+};
+const DOUBLE_CLICK_THRESHOLD_MSEC = 300;
 const ResizeSpan = styled.div.withConfig({
   componentId: "sc-1r6e5v3-0"
-})(["top:0;left:calc(100% - 4px);z-index:1;position:absolute;height:", "px;cursor:col-resize;width:4px;overflow:auto;&:hover,&:active,&:hover{background:", ";}", ""], ({
+})(["top:", ";left:", ";z-index:1;position:absolute;height:", "px;cursor:col-resize;width:4px;overflow:auto;&:hover,&:active,&:hover{background:", ";}", ""], initialPosition.top, initialPosition.left, ({
   $height
 }) => $height, ({
   theme: theme2
@@ -16930,67 +16967,87 @@ const ColumnResizer = ({
   height,
   onColumnResize: onColumnResizeProp,
   columnIndex,
-  setResizeCursorPosition
+  getResizerPosition,
+  columnWidth,
+  resizingState
 }) => {
   const resizeRef = useRef(null);
-  const pointerRef = useRef(null);
-  const [isPressed, setIsPressed] = useState(false);
+  const {
+    pointer,
+    setPointer,
+    getIsPressed,
+    setIsPressed,
+    getPosition,
+    setPosition,
+    lastPressedTimestamp
+  } = resizingState;
+  const isPressed = getIsPressed(columnIndex);
+  const position = getPosition(columnIndex);
   const onColumnResize = throttle$2(onColumnResizeProp, 1e3);
-  const onMouseDown = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsPressed(true);
-    if (e.detail > 1) {
-      onColumnResize(columnIndex, 0, "auto");
+  useEffect(() => {
+    const control = resizeRef.current;
+    if (!isPressed || !control || !pointer) {
+      return;
     }
-  }, [columnIndex, onColumnResize, setIsPressed]);
-  const onMouseUp = useCallback((e) => {
-    e.stopPropagation();
-    setIsPressed(false);
-  }, [setIsPressed]);
+    const pointerId = pointer.pointerId;
+    try {
+      control.setPointerCapture(pointerId);
+      return () => {
+        if (control.hasPointerCapture(pointerId)) {
+          control.releasePointerCapture(pointerId);
+        }
+      };
+    } catch (e) {
+      console.error(e);
+    }
+  }, [pointer, isPressed, columnIndex]);
   const onPointerDown = useCallback((e) => {
     e.stopPropagation();
+    e.preventDefault();
     if (resizeRef.current) {
-      resizeRef.current.setPointerCapture(e.pointerId);
-      const header = resizeRef.current.closest(`[data-header="${columnIndex}"]`);
-      if (header) {
-        pointerRef.current = {
-          pointerId: e.pointerId,
-          initialClientX: e.clientX,
-          width: header.clientWidth
-        };
-        setResizeCursorPosition(resizeRef.current, e.clientX, header.clientWidth, columnIndex);
+      if (lastPressedTimestamp > Date.now() - DOUBLE_CLICK_THRESHOLD_MSEC) {
+        onColumnResize(columnIndex, 0, "auto");
       }
+      setPointer({
+        pointerId: e.pointerId,
+        initialClientX: e.clientX,
+        width: columnWidth
+      });
+      setIsPressed(columnIndex, true);
+      const pos = getResizerPosition(e.clientX, columnWidth, columnIndex);
+      setPosition(pos);
     }
-  }, [columnIndex, setResizeCursorPosition]);
-  const onMouseMove = useCallback((e) => {
+  }, [lastPressedTimestamp, setPointer, columnWidth, setIsPressed, columnIndex, getResizerPosition, setPosition, onColumnResize]);
+  const onPointerMove = useCallback((e) => {
     e.stopPropagation();
-    if (resizeRef.current && pointerRef.current) {
-      const header = resizeRef.current.closest(`[data-header="${columnIndex}"]`);
-      if (header) {
-        resizeRef.current.setPointerCapture(pointerRef.current.pointerId);
-        const width = header.clientWidth + (e.clientX - pointerRef.current.initialClientX);
-        setResizeCursorPosition(resizeRef.current, e.clientX, width, columnIndex);
-        pointerRef.current.width = Math.max(width, 50);
-      }
+    e.preventDefault();
+    if (isPressed && pointer) {
+      const width = columnWidth + (e.clientX - pointer.initialClientX);
+      const pos = getResizerPosition(e.clientX, width, columnIndex);
+      setPosition(pos);
+      pointer.width = Math.max(width, 50);
     }
-  }, [columnIndex, setResizeCursorPosition]);
+  }, [pointer, isPressed, columnWidth, getResizerPosition, columnIndex, setPosition]);
   return /* @__PURE__ */ jsx(ResizeSpan, { ref: resizeRef, $height: height, $isPressed: isPressed, onPointerDown, onPointerUp: (e) => {
-    var _a, _b;
     e.preventDefault();
     e.stopPropagation();
     if (resizeRef.current && // 0 is a valid pointerId in Firefox
-    (((_a = pointerRef.current) == null ? void 0 : _a.pointerId) || ((_b = pointerRef.current) == null ? void 0 : _b.pointerId) === 0)) {
-      resizeRef.current.releasePointerCapture(pointerRef.current.pointerId);
-      const shouldCallResize = e.clientX !== pointerRef.current.initialClientX;
+    ((pointer == null ? void 0 : pointer.pointerId) || (pointer == null ? void 0 : pointer.pointerId) === 0)) {
+      const shouldCallResize = e.clientX !== pointer.initialClientX;
       if (shouldCallResize) {
-        onColumnResize(columnIndex, pointerRef.current.width, "manual");
+        onColumnResize(columnIndex, pointer.width, "manual");
       }
-      resizeRef.current.style.top = "0";
-      resizeRef.current.style.left = "calc(100% - 4px)";
-      pointerRef.current = null;
+      setPosition(initialPosition);
+      setPointer(null);
+      setIsPressed(columnIndex, false);
     }
-  }, onMouseMove, onMouseDown, onClick: (e) => e.stopPropagation(), onMouseUp, "data-resize": true });
+  }, onPointerMove, onPointerCancel: (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setPosition(initialPosition);
+    setPointer(null);
+    setIsPressed(columnIndex, false);
+  }, onClick: (e) => e.stopPropagation(), "data-resize": true, style: position });
 };
 const HeaderContainer = styled.div.withConfig({
   componentId: "sc-1oadqc8-0"
@@ -17030,15 +17087,16 @@ const RowColumn = styled(StyledCell).withConfig({
 const Column = ({
   columnIndex,
   cell,
-  columnWidth,
+  getColumnWidth: getColumnWidth2,
   getColumnHorizontalPosition,
   getSelectionType,
   isFirstColumn,
   isLastColumn,
   onColumnResize,
   height,
-  setResizeCursorPosition,
-  showBorder
+  getResizerPosition,
+  showBorder,
+  resizingState
 }) => {
   const selectionType = getSelectionType({
     column: columnIndex,
@@ -17051,9 +17109,10 @@ const Column = ({
   const columnPosition = getColumnHorizontalPosition(columnIndex);
   const isSelected = selectionType === "selectDirect";
   const isSelectedLeft = (leftSelectionType === "selectDirect" || isSelected) && leftSelectionType !== selectionType;
-  return /* @__PURE__ */ jsxs(HeaderCellContainer, { $width: columnWidth(columnIndex), $columnPosition: columnPosition, $height: height, "data-header": columnIndex, children: [
-    /* @__PURE__ */ jsx(StyledCell, { $type: "header", as: cell, columnIndex, type: "header-cell", $isFirstColumn: isFirstColumn, $selectionType: selectionType, $isLastColumn: isLastColumn, $isFocused: false, $isSelectedLeft: isSelectedLeft, $isSelectedTop: isSelected, $isLastRow: false, $isFirstRow: true, $height: height, "data-grid-row": -1, "data-grid-column": columnIndex, "data-selected": isSelected, $showBorder: showBorder, width: columnWidth(columnIndex) }),
-    /* @__PURE__ */ jsx(ColumnResizer, { height, onColumnResize, columnIndex, setResizeCursorPosition })
+  const columnWidth = getColumnWidth2(columnIndex);
+  return /* @__PURE__ */ jsxs(HeaderCellContainer, { $width: columnWidth, $columnPosition: columnPosition, $height: height, "data-header": columnIndex, children: [
+    /* @__PURE__ */ jsx(StyledCell, { $type: "header", as: cell, columnIndex, type: "header-cell", $isFirstColumn: isFirstColumn, $selectionType: selectionType, $isLastColumn: isLastColumn, $isFocused: false, $isSelectedLeft: isSelectedLeft, $isSelectedTop: isSelected, $isLastRow: false, $isFirstRow: true, $height: height, "data-grid-row": -1, "data-grid-column": columnIndex, "data-selected": isSelected, $showBorder: showBorder, width: columnWidth }),
+    /* @__PURE__ */ jsx(ColumnResizer, { height, onColumnResize, columnIndex, getResizerPosition, columnWidth, resizingState })
   ] });
 };
 const Header = ({
@@ -17064,14 +17123,15 @@ const Header = ({
   minColumn,
   maxColumn,
   height,
-  columnWidth,
+  getColumnWidth: getColumnWidth2,
   cell,
   columnCount,
   getSelectionType,
   onColumnResize,
   getColumnHorizontalPosition,
-  setResizeCursorPosition,
-  showBorder
+  getResizerPosition,
+  showBorder,
+  resizingState
 }) => {
   const selectedAllType = getSelectionType({
     type: "all"
@@ -17079,7 +17139,7 @@ const Header = ({
   return /* @__PURE__ */ jsxs(HeaderContainer, { $height: height, $scrolledVertical: scrolledVertical, children: [
     /* @__PURE__ */ jsx(ScrollableHeaderContainer, { $left: rowNumberWidth, children: Array.from({
       length: maxColumn - minColumn + 1
-    }, (_, index2) => minColumn + index2).map((columnIndex) => /* @__PURE__ */ jsx(Column, { getSelectionType, columnIndex, columnWidth, getColumnHorizontalPosition, cell, isFirstColumn: columnIndex === 0 && !showRowNumber, isLastColumn: columnIndex + 1 === columnCount, onColumnResize, height, setResizeCursorPosition, showBorder }, `header-${columnIndex}`)) }),
+    }, (_, index2) => minColumn + index2).map((columnIndex) => /* @__PURE__ */ jsx(Column, { getSelectionType, columnIndex, getColumnWidth: getColumnWidth2, getColumnHorizontalPosition, cell, isFirstColumn: columnIndex === 0 && !showRowNumber, isLastColumn: columnIndex + 1 === columnCount, onColumnResize, height, getResizerPosition, showBorder, resizingState }, `header-${columnIndex}`)) }),
     showRowNumber && /* @__PURE__ */ jsx(RowColumnContainer, { $width: rowNumberWidth, $height: height, $columnPosition: 0, $scrolledHorizontal: scrolledHorizontal, children: /* @__PURE__ */ jsx(RowColumn, { "data-selected": selectedAllType === "selectDirect", $type: "header", $isFirstRow: true, $isFirstColumn: true, $selectionType: selectedAllType, $isLastRow: false, $isLastColumn: false, $height: height, $isFocused: false, $isSelectedLeft: false, $isSelectedTop: false, "data-grid-row": -1, "data-grid-column": -1, $showBorder: showBorder, children: "#" }) })
   ] });
 };
@@ -31758,6 +31818,7 @@ const Grid = forwardRef(({
       onSelectProp(action, selection2, focus2);
     }
   }, [onSelectProp]);
+  const resizingState = useResizingState();
   const onFocusChange = useCallback((row, column) => {
     setFocus((focus2) => ({
       row: row ?? (focusProp == null ? void 0 : focusProp.row) ?? focus2.row,
@@ -31831,11 +31892,14 @@ const Grid = forwardRef(({
     }
     return columnLeft + rowNumberWidth - 4;
   }, [getColumnHorizontalPosition, rowNumberWidth]);
-  const setResizeCursorPosition = useCallback((element, clientX, width, columnIndex) => {
-    element.style.left = `${getFixedResizerLeftPosition(clientX, width, columnIndex)}px`;
+  const getResizerPosition = useCallback((clientX, width, columnIndex) => {
+    const result = {
+      left: `${getFixedResizerLeftPosition(clientX, width, columnIndex)}px`
+    };
     if (outerRef.current) {
-      element.style.top = `${outerRef.current.scrollTop}px`;
+      result.top = `${outerRef.current.scrollTop}px`;
     }
+    return result;
   }, [getFixedResizerLeftPosition]);
   const clearSelectionAndFocus = useCallback((force) => {
     setSelection((selection2) => {
@@ -31890,7 +31954,7 @@ const Grid = forwardRef(({
     return /* @__PURE__ */ jsxs(GridContainer, { ...containerProps, className: `sticky-grid__container grid-outer ${props.className ?? ""}`, children: [
       /* @__PURE__ */ jsx(GridDataContainer, { $top: showHeader ? headerHeight : 0, $left: showRowNumber ? rowNumberWidth : 0, ref, children }),
       showRowNumber && /* @__PURE__ */ jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder }),
-      showHeader && /* @__PURE__ */ jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, setResizeCursorPosition, showBorder })
+      showHeader && /* @__PURE__ */ jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, getColumnWidth: columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState })
     ] });
   });
   useEffect(() => {
@@ -41073,19 +41137,19 @@ const click$3 = {
         },
         info: {
           background: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-            hover: "#b5cdf9",
-            active: "#91b3f6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+            hover: "#D0DFFB",
+            active: "#A1BEF7"
           },
           text: {
-            "default": "#135be6",
-            hover: "#135be6",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "#437EEF",
+            active: "#437EEF"
           },
           stroke: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-            hover: "#b5cdf9",
-            active: "#91b3f6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+            hover: "#D0DFFB",
+            active: "#A1BEF7"
           }
         }
       }
@@ -41741,12 +41805,32 @@ const click$3 = {
   chart: {
     bars: {
       color: {
-        green: "#00FF15",
-        blue: "#6c9af3",
-        fuchsia: "#FB64D6",
-        orange: "#ffb864",
-        violet: "#CC66FF",
-        teal: "#00CCAA"
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
+      }
+    },
+    color: {
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
       }
     }
   }
@@ -41785,16 +41869,16 @@ const global$4 = {
     },
     feedback: {
       info: {
-        background: "#dae6fc",
-        foreground: "#135be6"
+        background: "#E7EFFD",
+        foreground: "#437EEF"
       },
       success: {
         background: "#E5FFE8",
-        foreground: "#00990D"
+        foreground: "#008A0B"
       },
       warning: {
-        background: "#ffedd8",
-        foreground: "#9e5600"
+        background: "#FFE2D1",
+        foreground: "#A33C00"
       },
       danger: {
         background: "#ffdddd",
@@ -41808,12 +41892,30 @@ const global$4 = {
     },
     chart: {
       bars: {
-        green: "#00FF15",
-        blue: "#6c9af3",
-        fuchsia: "#FB64D6",
-        orange: "#ffb864",
-        violet: "#CC66FF",
-        teal: "#00CCAA"
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7",
+        red: "#ff2323"
+      },
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7",
+        red: "#ff2323"
       }
     },
     iconButton: {
@@ -41854,12 +41956,12 @@ const click$2 = {
       link: {
         label: {
           "default": "#FAFF69",
-          hover: "#feffba",
+          hover: "#FEFFC2",
           active: "#FAFF69"
         },
         icon: {
           "default": "#FAFF69",
-          hover: "rgb(99.6% 100% 75%)",
+          hover: "rgb(99.6% 100% 77.9%)",
           active: "#FAFF69"
         }
       }
@@ -41872,32 +41974,32 @@ const click$2 = {
         success: "rgb(20% 100% 26.7% / 0.2)",
         neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
         danger: "rgb(100% 13.7% 13.7% / 0.2)",
-        warning: "rgb(100% 58% 8.63% / 0.2)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.2)"
+        warning: "rgb(100% 46.7% 16.1% / 0.2)",
+        info: "rgb(26.3% 49.4% 93.7% / 0.2)"
       },
       text: {
         "default": "#b3b6bd",
         success: "#CCFFD0",
         neutral: "#c0c0c0",
         danger: "#ffbaba",
-        warning: "#ffca8b",
-        info: "#b5cdf9"
+        warning: "#FFB88F",
+        info: "#D0DFFB"
       },
       iconBackground: {
         "default": "#1F1F1C",
         success: "rgb(20% 100% 26.7% / 0)",
         neutral: "rgb(62.7% 62.7% 62.7% / 0)",
         danger: "rgb(100% 13.7% 13.7% / 0)",
-        warning: "rgb(100% 58% 8.63% / 0)",
-        info: "rgb(7.45% 35.7% 90.2% / 0)"
+        warning: "rgb(100% 46.7% 16.1% / 0)",
+        info: "rgb(26.3% 49.4% 93.7% / 0)"
       },
       iconForeground: {
         "default": "#b3b6bd",
         success: "lch(95.6 28.9 144 / 0.75)",
         neutral: "lch(77.7 0 0 / 0.75)",
         danger: "lch(82.1 27.7 22 / 0.75)",
-        warning: "lch(85.1 41.3 70.5 / 0.75)",
-        info: "lch(81.7 24.6 268 / 0.75)"
+        warning: "lch(80.9 39 53.9 / 0.75)",
+        info: "lch(88.3 15.5 266 / 0.75)"
       }
     }
   },
@@ -41923,8 +42025,8 @@ const click$2 = {
         neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
         danger: "rgb(100% 13.7% 13.7% / 0.2)",
         disabled: "#414141",
-        info: "rgb(7.45% 35.7% 90.2% / 0.2)",
-        warning: "rgb(100% 58% 8.63% / 0.2)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.2)",
+        warning: "rgb(100% 46.7% 16.1% / 0.2)"
       },
       text: {
         "default": "#b3b6bd",
@@ -41932,8 +42034,8 @@ const click$2 = {
         neutral: "#c0c0c0",
         danger: "#ffbaba",
         disabled: "#808080",
-        info: "#b5cdf9",
-        warning: "#ffca8b"
+        info: "#D0DFFB",
+        warning: "#FFB88F"
       },
       stroke: {
         "default": "#323232",
@@ -41941,8 +42043,8 @@ const click$2 = {
         neutral: "rgb(62.7% 62.7% 62.7% / 0.1)",
         danger: "rgb(100% 22.3% 22.3% / 0.2)",
         disabled: "rgb(24.2% 24.2% 24.2%)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        warning: "rgb(100% 46.7% 16.1% / 0.1)"
       }
     }
   },
@@ -42032,7 +42134,7 @@ const click$2 = {
         empty: {
           text: {
             "default": "#FAFF69",
-            hover: "#feffba",
+            hover: "#FEFFC2",
             active: "#FAFF69",
             disabled: "#a0a0a0"
           },
@@ -42131,19 +42233,19 @@ const click$2 = {
         },
         info: {
           background: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.2)",
-            hover: "#0e44ad",
-            active: "#135be6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.2)",
+            hover: "#1D64EC",
+            active: "#437EEF"
           },
           text: {
-            "default": "#b5cdf9",
-            hover: "#b5cdf9",
-            active: "#b5cdf9"
+            "default": "#D0DFFB",
+            hover: "#D0DFFB",
+            active: "#D0DFFB"
           },
           stroke: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.2)",
-            hover: "#0e44ad",
-            active: "#135be6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.2)",
+            hover: "#1D64EC",
+            active: "#437EEF"
           }
         }
       }
@@ -42451,11 +42553,11 @@ const click$2 = {
           background: {
             "default": "rgb(17.8% 17.8% 17.8%)",
             hover: "rgb(17.8% 17.8% 17.8%)",
-            active: "#66FF73",
+            active: "#33FF44",
             disabled: "rgb(17.8% 17.8% 17.8%)"
           },
           stroke: {
-            "default": "#00CC11",
+            "default": "#00BD10",
             hover: "#66FF73",
             active: "#66FF73",
             disabled: "#606060"
@@ -42471,13 +42573,13 @@ const click$2 = {
           background: {
             "default": "rgb(17.8% 17.8% 17.8%)",
             hover: "rgb(17.8% 17.8% 17.8%)",
-            active: "#6c9af3",
+            active: "#437EEF",
             disabled: "rgb(17.8% 17.8% 17.8%)"
           },
           stroke: {
-            "default": "#6c9af3",
-            hover: "#91b3f6",
-            active: "#91b3f6",
+            "default": "#6D9BF3",
+            hover: "#A1BEF7",
+            active: "#A1BEF7",
             disabled: "#606060"
           },
           check: {
@@ -42511,7 +42613,7 @@ const click$2 = {
           background: {
             "default": "rgb(17.8% 17.8% 17.8%)",
             hover: "rgb(17.8% 17.8% 17.8%)",
-            active: "#FAFF69",
+            active: "#FF7729",
             disabled: "rgb(17.8% 17.8% 17.8%)"
           },
           stroke: {
@@ -42531,13 +42633,13 @@ const click$2 = {
           background: {
             "default": "rgb(17.8% 17.8% 17.8%)",
             hover: "rgb(17.8% 17.8% 17.8%)",
-            active: "#66FFE5",
+            active: "#6DF8E1",
             disabled: "rgb(17.8% 17.8% 17.8%)"
           },
           stroke: {
-            "default": "#66FFE5",
-            hover: "#99FFEE",
-            active: "#99FFEE",
+            "default": "#6DF8E1",
+            hover: "#A3FAEC",
+            active: "#A3FAEC",
             disabled: "#606060"
           },
           check: {
@@ -43191,7 +43293,7 @@ const click$2 = {
       icon: {
         "default": "rgb(97.5% 97.5% 97.5%)",
         success: "#CCFFD0",
-        warning: "#ffca8b",
+        warning: "#FFB88F",
         danger: "#ffbaba"
       }
     }
@@ -43302,24 +43404,24 @@ const click$2 = {
         success: "rgb(20% 100% 26.7% / 0.2)",
         neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
         danger: "rgb(100% 13.7% 13.7% / 0.2)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.2)",
-        warning: "rgb(100% 58% 8.63% / 0.2)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.2)",
+        warning: "rgb(100% 46.7% 16.1% / 0.2)"
       },
       text: {
         "default": "rgba(0,0,0,0)",
         success: "#CCFFD0",
         neutral: "#c0c0c0",
         danger: "#ffbaba",
-        info: "#b5cdf9",
-        warning: "#ffca8b"
+        info: "#D0DFFB",
+        warning: "#FFB88F"
       },
       stroke: {
         "default": "rgba(0,0,0,0)",
         success: "rgb(20% 100% 26.7% / 0.05)",
         neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
         danger: "rgb(100% 13.7% 13.7% / 0.05)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-        warning: "rgb(100% 58% 8.63% / 0.05)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+        warning: "rgb(100% 46.7% 16.1% / 0.05)"
       }
     }
   },
@@ -43369,7 +43471,7 @@ const click$2 = {
         muted: "#b3b6bd",
         link: {
           "default": "#FAFF69",
-          hover: "#feffba"
+          hover: "#FEFFC2"
         },
         danger: "#ffbaba"
       },
@@ -43396,16 +43498,16 @@ const click$2 = {
   feedback: {
     color: {
       info: {
-        background: "rgb(7.45% 35.7% 90.2% / 0.2)",
-        foreground: "#b5cdf9"
+        background: "rgb(26.3% 49.4% 93.7% / 0.2)",
+        foreground: "#D0DFFB"
       },
       success: {
         background: "rgb(20% 100% 26.7% / 0.2)",
         foreground: "#CCFFD0"
       },
       warning: {
-        background: "rgb(100% 58% 8.63% / 0.2)",
-        foreground: "#ffca8b"
+        background: "rgb(100% 46.7% 16.1% / 0.2)",
+        foreground: "#FFB88F"
       },
       danger: {
         background: "rgb(100% 13.7% 13.7% / 0.2)",
@@ -43426,12 +43528,32 @@ const click$2 = {
   chart: {
     bars: {
       color: {
-        green: "#66FF73",
-        blue: "#6c9af3",
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#33FF44",
+        fuchsia: "#FB64D6",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#6DF8E1",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
+      }
+    },
+    color: {
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#33FF44",
         fuchsia: "#FB64D6",
-        orange: "#FAFF69",
+        yellow: "#eef400",
         violet: "#BB33FF",
-        teal: "#66FFE5"
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#6DF8E1",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
       }
     }
   }
@@ -43450,7 +43572,7 @@ const global$3 = {
       muted: "#b3b6bd",
       link: {
         "default": "#FAFF69",
-        hover: "#feffba"
+        hover: "#FEFFC2"
       }
     },
     stroke: {
@@ -43470,16 +43592,16 @@ const global$3 = {
     },
     feedback: {
       info: {
-        background: "#09255B",
-        foreground: "#b5cdf9"
+        background: "#0D3E9B",
+        foreground: "#D0DFFB"
       },
       success: {
         background: "#004206",
         foreground: "#CCFFD0"
       },
       warning: {
-        background: "#4f2b00",
-        foreground: "#ffca8b"
+        background: "#7A2D00",
+        foreground: "#FFB88F"
       },
       danger: {
         background: "#610000",
@@ -43493,12 +43615,30 @@ const global$3 = {
     },
     chart: {
       bars: {
-        green: "#66FF73",
-        blue: "#6c9af3",
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#33FF44",
+        fuchsia: "#FB64D6",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        danger: "#ff2323",
+        teal: "#6DF8E1",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
+      },
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#33FF44",
         fuchsia: "#FB64D6",
-        orange: "#FAFF69",
+        yellow: "#eef400",
         violet: "#BB33FF",
-        teal: "#66FFE5"
+        babyblue: "#00CBEB",
+        danger: "#ff2323",
+        teal: "#6DF8E1",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
       }
     },
     iconButton: {
@@ -43541,14 +43681,14 @@ const click$1 = {
       },
       link: {
         label: {
-          "default": "#135be6",
-          hover: "#092e73",
-          active: "#135be6"
+          "default": "#437EEF",
+          hover: "#104EC6",
+          active: "#437EEF"
         },
         icon: {
-          "default": "#135be6",
-          hover: "lch(26.3 42.1 284)",
-          active: "#135be6"
+          "default": "#437EEF",
+          hover: "lch(40.8 66.4 286)",
+          active: "#437EEF"
         }
       }
     }
@@ -43560,32 +43700,32 @@ const click$1 = {
         success: "rgb(20% 100% 26.7% / 0.1)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)"
+        warning: "rgb(100% 46.7% 16.1% / 0.1)",
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)"
       },
       text: {
         "default": "#696e79",
-        success: "#00990D",
+        success: "#008A0B",
         neutral: "#53575f",
         danger: "#c10000",
-        warning: "#9e5600",
-        info: "#135be6"
+        warning: "#A33C00",
+        info: "#437EEF"
       },
       iconBackground: {
         "default": "#ffffff",
         success: "rgb(20% 100% 26.7% / 0)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0)",
         danger: "rgb(100% 13.7% 13.7% / 0)",
-        warning: "rgb(100% 58% 8.63% / 0)",
-        info: "rgb(7.45% 35.7% 90.2% / 0)"
+        warning: "rgb(100% 46.7% 16.1% / 0)",
+        info: "rgb(26.3% 49.4% 93.7% / 0)"
       },
       iconForeground: {
         "default": "#696e79",
-        success: "lch(54.9 75.8 135 / 0.75)",
+        success: "lch(49.8 70.2 135 / 0.75)",
         neutral: "lch(36.8 5.23 267 / 0.75)",
         danger: "lch(41 86.6 40.9 / 0.75)",
-        warning: "lch(44.6 59.8 63.2 / 0.75)",
-        info: "lch(41.9 80.9 287 / 0.75)"
+        warning: "lch(40.2 66.6 51.1 / 0.75)",
+        info: "lch(53.4 64.6 279 / 0.75)"
       }
     }
   },
@@ -43611,17 +43751,17 @@ const click$1 = {
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.1)",
         disabled: "#dfdfdf",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        warning: "rgb(100% 46.7% 16.1% / 0.1)"
       },
       text: {
         "default": "#696e79",
-        success: "#00990D",
+        success: "#008A0B",
         neutral: "#53575f",
         danger: "#c10000",
         disabled: "#a0a0a0",
-        info: "#135be6",
-        warning: "#9e5600"
+        info: "#437EEF",
+        warning: "#A33C00"
       },
       stroke: {
         "default": "#e6e7e9",
@@ -43629,8 +43769,8 @@ const click$1 = {
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.05)",
         disabled: "rgb(83.1% 83.1% 83.1%)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-        warning: "rgb(100% 58% 8.63% / 0.05)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+        warning: "rgb(100% 46.7% 16.1% / 0.05)"
       }
     }
   },
@@ -43719,9 +43859,9 @@ const click$1 = {
         },
         empty: {
           text: {
-            "default": "#135be6",
-            hover: "#092e73",
-            active: "#135be6",
+            "default": "#437EEF",
+            hover: "#104EC6",
+            active: "#437EEF",
             disabled: "#a0a0a0"
           },
           background: {
@@ -43819,19 +43959,19 @@ const click$1 = {
         },
         info: {
           background: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-            hover: "#b5cdf9",
-            active: "#91b3f6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+            hover: "#D0DFFB",
+            active: "#A1BEF7"
           },
           text: {
-            "default": "#135be6",
-            hover: "#135be6",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "#437EEF",
+            active: "#437EEF"
           },
           stroke: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-            hover: "#b5cdf9",
-            active: "#91b3f6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+            hover: "#D0DFFB",
+            active: "#A1BEF7"
           }
         }
       }
@@ -43982,7 +44122,7 @@ const click$1 = {
         },
         link: {
           "default": "#161517",
-          hover: "#135be6",
+          hover: "#437EEF",
           active: "#161517",
           disabled: "#a0a0a0"
         },
@@ -44133,7 +44273,7 @@ const click$1 = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#62de85",
+            active: "#00E513",
             disabled: "#dfdfdf"
           },
           stroke: {
@@ -44153,13 +44293,13 @@ const click$1 = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#6c9af3",
+            active: "#437EEF",
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "#6c9af3",
-            hover: "#6c9af3",
-            active: "#6c9af3",
+            "default": "#6D9BF3",
+            hover: "#6D9BF3",
+            active: "#6D9BF3",
             disabled: "#c0c0c0"
           },
           check: {
@@ -44173,7 +44313,7 @@ const click$1 = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#FB64D6",
+            active: "#FB32C9",
             disabled: "#dfdfdf"
           },
           stroke: {
@@ -44193,13 +44333,13 @@ const click$1 = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#ffb864",
+            active: "#FF7729",
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "#ffb864",
-            hover: "#ffb864",
-            active: "#ffb864",
+            "default": "#FF9457",
+            hover: "#FF9457",
+            active: "#FF9457",
             disabled: "#c0c0c0"
           },
           check: {
@@ -44213,13 +44353,13 @@ const click$1 = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#00CCAA",
+            active: "#089B83",
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "#00CCAA",
-            hover: "#00CCAA",
-            active: "#00CCAA",
+            "default": "#089B83",
+            hover: "#089B83",
+            active: "#089B83",
             disabled: "#c0c0c0"
           },
           check: {
@@ -44233,7 +44373,7 @@ const click$1 = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#CC66FF",
+            active: "#BB33FF",
             disabled: "#dfdfdf"
           },
           stroke: {
@@ -44756,7 +44896,7 @@ const click$1 = {
         background: {
           "default": "#f6f7fa",
           hover: "#f6f7fa",
-          active: "rgb(85% 89.5% 97.8%)"
+          active: "rgb(89.8% 92.8% 98.1%)"
         },
         title: {
           "default": "#161517"
@@ -44778,8 +44918,8 @@ const click$1 = {
       color: {
         background: {
           "default": "#ffffff",
-          hover: "lch(90.9 12.2 266 / 0.2)",
-          active: "rgb(85.9% 90.4% 98.9% / 0.2)"
+          hover: "lch(94.1 7.78 264 / 0.2)",
+          active: "rgb(90.8% 93.8% 99.2% / 0.2)"
         },
         stroke: {
           "default": "#e6e7e9"
@@ -44788,7 +44928,7 @@ const click$1 = {
           "default": "#161517"
         },
         link: {
-          "default": "#135be6"
+          "default": "#437EEF"
         },
         label: {
           "default": "#696e79"
@@ -44868,8 +45008,8 @@ const click$1 = {
       },
       icon: {
         "default": "lch(11.1 1.37 305)",
-        success: "#00990D",
-        warning: "#9e5600",
+        success: "#008A0B",
+        warning: "#A33C00",
         danger: "#c10000"
       }
     }
@@ -44922,8 +45062,8 @@ const click$1 = {
         color: {
           background: {
             "default": "#f6f7fa",
-            selectIndirect: "lch(93.2 9.14 266)",
-            selectDirect: "lch(90 12.1 266)"
+            selectIndirect: "lch(95.6 5.84 264)",
+            selectDirect: "lch(93.2 7.7 264)"
           },
           title: {
             "default": "#696e79",
@@ -44932,8 +45072,8 @@ const click$1 = {
           },
           stroke: {
             "default": "lch(89.3 1.07 266)",
-            selectIndirect: "lch(88.6 11.9 266)",
-            selectDirect: "lch(79.7 24 268)"
+            selectIndirect: "lch(91.8 7.59 264)",
+            selectDirect: "lch(86.1 15.1 266)"
           }
         }
       }
@@ -44943,13 +45083,13 @@ const click$1 = {
         color: {
           background: {
             "default": "#ffffff",
-            selectIndirect: "lch(90.9 12.2 266 / 0.2)",
-            selectDirect: "lch(90.9 12.2 266 / 0.2)"
+            selectIndirect: "lch(94.1 7.78 264 / 0.2)",
+            selectDirect: "lch(94.1 7.78 264 / 0.2)"
           },
           stroke: {
             "default": "#e6e7e9",
-            selectIndirect: "lch(65.4 19.7 268)",
-            selectDirect: "#135be6"
+            selectIndirect: "lch(70.7 12.4 266)",
+            selectDirect: "#437EEF"
           },
           text: {
             "default": "lch(7.17 1.44 305)",
@@ -44977,24 +45117,24 @@ const click$1 = {
         success: "rgb(20% 100% 26.7% / 0.1)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.1)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        warning: "rgb(100% 46.7% 16.1% / 0.1)"
       },
       text: {
         "default": "rgba(0,0,0,0)",
-        success: "#00990D",
+        success: "#008A0B",
         neutral: "#53575f",
         danger: "#c10000",
-        info: "#135be6",
-        warning: "#9e5600"
+        info: "#437EEF",
+        warning: "#A33C00"
       },
       stroke: {
         "default": "rgba(0,0,0,0)",
         success: "rgb(20% 100% 26.7% / 0.05)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.05)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-        warning: "rgb(100% 58% 8.63% / 0.05)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+        warning: "rgb(100% 46.7% 16.1% / 0.05)"
       }
     }
   },
@@ -45043,8 +45183,8 @@ const click$1 = {
         "default": "#161517",
         muted: "#696e79",
         link: {
-          "default": "#135be6",
-          hover: "#092e73"
+          "default": "#437EEF",
+          hover: "#104EC6"
         },
         danger: "#c10000"
       },
@@ -45057,7 +45197,7 @@ const click$1 = {
         "default": "#151515"
       },
       outline: {
-        "default": "#135be6"
+        "default": "#437EEF"
       },
       shadow: {
         "default": "lch(6.77 0 0 / 0.15)"
@@ -45071,16 +45211,16 @@ const click$1 = {
   feedback: {
     color: {
       info: {
-        background: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        foreground: "#135be6"
+        background: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        foreground: "#437EEF"
       },
       success: {
         background: "rgb(20% 100% 26.7% / 0.1)",
-        foreground: "#00990D"
+        foreground: "#008A0B"
       },
       warning: {
-        background: "rgb(100% 58% 8.63% / 0.1)",
-        foreground: "#9e5600"
+        background: "rgb(100% 46.7% 16.1% / 0.1)",
+        foreground: "#A33C00"
       },
       danger: {
         background: "rgb(100% 13.7% 13.7% / 0.1)",
@@ -45101,12 +45241,32 @@ const click$1 = {
   chart: {
     bars: {
       color: {
-        green: "#62de85",
-        blue: "#6c9af3",
-        fuchsia: "#FB64D6",
-        orange: "#ffb864",
-        violet: "#CC66FF",
-        teal: "#00CCAA"
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
+      }
+    },
+    color: {
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
       }
     }
   }
@@ -45125,8 +45285,8 @@ const global$2 = {
       "default": "#161517",
       muted: "#696e79",
       link: {
-        "default": "#135be6",
-        hover: "#092e73"
+        "default": "#437EEF",
+        hover: "#104EC6"
       }
     },
     stroke: {
@@ -45139,23 +45299,23 @@ const global$2 = {
       "default": "#151515"
     },
     outline: {
-      "default": "#135be6"
+      "default": "#437EEF"
     },
     shadow: {
       "default": "lch(6.77 0 0 / 0.15)"
     },
     feedback: {
       info: {
-        background: "#dae6fc",
-        foreground: "#135be6"
+        background: "#E7EFFD",
+        foreground: "#437EEF"
       },
       success: {
         background: "#E5FFE8",
-        foreground: "#00990D"
+        foreground: "#008A0B"
       },
       warning: {
-        background: "#ffedd8",
-        foreground: "#9e5600"
+        background: "#FFE2D1",
+        foreground: "#A33C00"
       },
       danger: {
         background: "#ffdddd",
@@ -45169,18 +45329,36 @@ const global$2 = {
     },
     chart: {
       bars: {
-        green: "#62de85",
-        blue: "#6c9af3",
-        fuchsia: "#FB64D6",
-        orange: "#ffb864",
-        violet: "#CC66FF",
-        teal: "#00CCAA"
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7",
+        red: "#ff2323"
+      },
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7",
+        red: "#ff2323"
       }
     },
     iconButton: {
       badge: {
-        foreground: "#135be6",
-        background: "#dae6fc"
+        foreground: "#437EEF",
+        background: "#E7EFFD"
       }
     },
     icon: {
@@ -45271,14 +45449,14 @@ const click = {
       },
       link: {
         label: {
-          "default": "#135be6",
-          hover: "#092e73",
-          active: "#135be6"
+          "default": "#437EEF",
+          hover: "#104EC6",
+          active: "#437EEF"
         },
         icon: {
-          "default": "#135be6",
-          hover: "lch(26.3 42.1 284)",
-          active: "#135be6"
+          "default": "#437EEF",
+          hover: "lch(40.8 66.4 286)",
+          active: "#437EEF"
         }
       }
     }
@@ -45332,32 +45510,32 @@ const click = {
         success: "rgb(20% 100% 26.7% / 0.1)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)"
+        warning: "rgb(100% 46.7% 16.1% / 0.1)",
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)"
       },
       text: {
         "default": "#696e79",
-        success: "#00990D",
+        success: "#008A0B",
         neutral: "#53575f",
         danger: "#c10000",
-        warning: "#9e5600",
-        info: "#135be6"
+        warning: "#A33C00",
+        info: "#437EEF"
       },
       iconBackground: {
         "default": "#ffffff",
         success: "rgb(20% 100% 26.7% / 0)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0)",
         danger: "rgb(100% 13.7% 13.7% / 0)",
-        warning: "rgb(100% 58% 8.63% / 0)",
-        info: "rgb(7.45% 35.7% 90.2% / 0)"
+        warning: "rgb(100% 46.7% 16.1% / 0)",
+        info: "rgb(26.3% 49.4% 93.7% / 0)"
       },
       iconForeground: {
         "default": "#696e79",
-        success: "lch(54.9 75.8 135 / 0.75)",
+        success: "lch(49.8 70.2 135 / 0.75)",
         neutral: "lch(36.8 5.23 267 / 0.75)",
         danger: "lch(41 86.6 40.9 / 0.75)",
-        warning: "lch(44.6 59.8 63.2 / 0.75)",
-        info: "lch(41.9 80.9 287 / 0.75)"
+        warning: "lch(40.2 66.6 51.1 / 0.75)",
+        info: "lch(53.4 64.6 279 / 0.75)"
       }
     }
   },
@@ -45447,17 +45625,17 @@ const click = {
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.1)",
         disabled: "#dfdfdf",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        warning: "rgb(100% 46.7% 16.1% / 0.1)"
       },
       text: {
         "default": "#696e79",
-        success: "#00990D",
+        success: "#008A0B",
         neutral: "#53575f",
         danger: "#c10000",
         disabled: "#a0a0a0",
-        info: "#135be6",
-        warning: "#9e5600"
+        info: "#437EEF",
+        warning: "#A33C00"
       },
       stroke: {
         "default": "#e6e7e9",
@@ -45465,8 +45643,8 @@ const click = {
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.05)",
         disabled: "rgb(83.1% 83.1% 83.1%)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-        warning: "rgb(100% 58% 8.63% / 0.05)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+        warning: "rgb(100% 46.7% 16.1% / 0.05)"
       }
     }
   },
@@ -45621,9 +45799,9 @@ const click = {
         },
         empty: {
           text: {
-            "default": "#135be6",
-            hover: "#092e73",
-            active: "#135be6",
+            "default": "#437EEF",
+            hover: "#104EC6",
+            active: "#437EEF",
             disabled: "#a0a0a0"
           },
           background: {
@@ -45747,19 +45925,19 @@ const click = {
         },
         info: {
           background: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-            hover: "#b5cdf9",
-            active: "#91b3f6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+            hover: "#D0DFFB",
+            active: "#A1BEF7"
           },
           text: {
-            "default": "#135be6",
-            hover: "#135be6",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "#437EEF",
+            active: "#437EEF"
           },
           stroke: {
-            "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-            hover: "#b5cdf9",
-            active: "#91b3f6"
+            "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+            hover: "#D0DFFB",
+            active: "#A1BEF7"
           }
         }
       }
@@ -46021,7 +46199,7 @@ const click = {
         },
         link: {
           "default": "#161517",
-          hover: "#135be6",
+          hover: "#437EEF",
           active: "#161517",
           disabled: "#a0a0a0"
         },
@@ -46288,7 +46466,7 @@ const click = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#62de85",
+            active: "#00E513",
             disabled: "#dfdfdf"
           },
           stroke: {
@@ -46308,13 +46486,13 @@ const click = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#6c9af3",
+            active: "#437EEF",
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "#6c9af3",
-            hover: "#6c9af3",
-            active: "#6c9af3",
+            "default": "#6D9BF3",
+            hover: "#6D9BF3",
+            active: "#6D9BF3",
             disabled: "#c0c0c0"
           },
           check: {
@@ -46328,7 +46506,7 @@ const click = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#FB64D6",
+            active: "#FB32C9",
             disabled: "#dfdfdf"
           },
           stroke: {
@@ -46348,13 +46526,13 @@ const click = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#ffb864",
+            active: "#FF7729",
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "#ffb864",
-            hover: "#ffb864",
-            active: "#ffb864",
+            "default": "#FF9457",
+            hover: "#FF9457",
+            active: "#FF9457",
             disabled: "#c0c0c0"
           },
           check: {
@@ -46368,13 +46546,13 @@ const click = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#00CCAA",
+            active: "#089B83",
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "#00CCAA",
-            hover: "#00CCAA",
-            active: "#00CCAA",
+            "default": "#089B83",
+            hover: "#089B83",
+            active: "#089B83",
             disabled: "#c0c0c0"
           },
           check: {
@@ -46388,7 +46566,7 @@ const click = {
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "#CC66FF",
+            active: "#BB33FF",
             disabled: "#dfdfdf"
           },
           stroke: {
@@ -47492,7 +47670,7 @@ const click = {
         background: {
           "default": "#f6f7fa",
           hover: "#f6f7fa",
-          active: "rgb(85% 89.5% 97.8%)"
+          active: "rgb(89.8% 92.8% 98.1%)"
         },
         title: {
           "default": "#161517"
@@ -47549,8 +47727,8 @@ const click = {
       color: {
         background: {
           "default": "#ffffff",
-          hover: "lch(90.9 12.2 266 / 0.2)",
-          active: "rgb(85.9% 90.4% 98.9% / 0.2)"
+          hover: "lch(94.1 7.78 264 / 0.2)",
+          active: "rgb(90.8% 93.8% 99.2% / 0.2)"
         },
         stroke: {
           "default": "#e6e7e9"
@@ -47559,7 +47737,7 @@ const click = {
           "default": "#161517"
         },
         link: {
-          "default": "#135be6"
+          "default": "#437EEF"
         },
         label: {
           "default": "#696e79"
@@ -47709,8 +47887,8 @@ const click = {
       },
       icon: {
         "default": "lch(11.1 1.37 305)",
-        success: "#00990D",
-        warning: "#9e5600",
+        success: "#008A0B",
+        warning: "#A33C00",
         danger: "#c10000"
       }
     }
@@ -47900,8 +48078,8 @@ const click = {
         color: {
           background: {
             "default": "#f6f7fa",
-            selectIndirect: "lch(93.2 9.14 266)",
-            selectDirect: "lch(90 12.1 266)"
+            selectIndirect: "lch(95.6 5.84 264)",
+            selectDirect: "lch(93.2 7.7 264)"
           },
           title: {
             "default": "#696e79",
@@ -47910,8 +48088,8 @@ const click = {
           },
           stroke: {
             "default": "lch(89.3 1.07 266)",
-            selectIndirect: "lch(88.6 11.9 266)",
-            selectDirect: "lch(79.7 24 268)"
+            selectIndirect: "lch(91.8 7.59 264)",
+            selectDirect: "lch(86.1 15.1 266)"
           }
         }
       },
@@ -47931,13 +48109,13 @@ const click = {
         color: {
           background: {
             "default": "#ffffff",
-            selectIndirect: "lch(90.9 12.2 266 / 0.2)",
-            selectDirect: "lch(90.9 12.2 266 / 0.2)"
+            selectIndirect: "lch(94.1 7.78 264 / 0.2)",
+            selectDirect: "lch(94.1 7.78 264 / 0.2)"
           },
           stroke: {
             "default": "#e6e7e9",
-            selectIndirect: "lch(65.4 19.7 268)",
-            selectDirect: "#135be6"
+            selectIndirect: "lch(70.7 12.4 266)",
+            selectDirect: "#437EEF"
           },
           text: {
             "default": "lch(7.17 1.44 305)",
@@ -48031,24 +48209,24 @@ const click = {
         success: "rgb(20% 100% 26.7% / 0.1)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.1)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        warning: "rgb(100% 58% 8.63% / 0.1)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        warning: "rgb(100% 46.7% 16.1% / 0.1)"
       },
       text: {
         "default": "rgba(0,0,0,0)",
-        success: "#00990D",
+        success: "#008A0B",
         neutral: "#53575f",
         danger: "#c10000",
-        info: "#135be6",
-        warning: "#9e5600"
+        info: "#437EEF",
+        warning: "#A33C00"
       },
       stroke: {
         "default": "rgba(0,0,0,0)",
         success: "rgb(20% 100% 26.7% / 0.05)",
         neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
         danger: "rgb(100% 13.7% 13.7% / 0.05)",
-        info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-        warning: "rgb(100% 58% 8.63% / 0.05)"
+        info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+        warning: "rgb(100% 46.7% 16.1% / 0.05)"
       }
     }
   },
@@ -48129,8 +48307,8 @@ const click = {
         "default": "#161517",
         muted: "#696e79",
         link: {
-          "default": "#135be6",
-          hover: "#092e73"
+          "default": "#437EEF",
+          hover: "#104EC6"
         },
         danger: "#c10000"
       },
@@ -48143,7 +48321,7 @@ const click = {
         "default": "#151515"
       },
       outline: {
-        "default": "#135be6"
+        "default": "#437EEF"
       },
       shadow: {
         "default": "lch(6.77 0 0 / 0.15)"
@@ -48157,16 +48335,16 @@ const click = {
   feedback: {
     color: {
       info: {
-        background: "rgb(7.45% 35.7% 90.2% / 0.1)",
-        foreground: "#135be6"
+        background: "rgb(26.3% 49.4% 93.7% / 0.1)",
+        foreground: "#437EEF"
       },
       success: {
         background: "rgb(20% 100% 26.7% / 0.1)",
-        foreground: "#00990D"
+        foreground: "#008A0B"
       },
       warning: {
-        background: "rgb(100% 58% 8.63% / 0.1)",
-        foreground: "#9e5600"
+        background: "rgb(100% 46.7% 16.1% / 0.1)",
+        foreground: "#A33C00"
       },
       danger: {
         background: "rgb(100% 13.7% 13.7% / 0.1)",
@@ -48187,12 +48365,32 @@ const click = {
   chart: {
     bars: {
       color: {
-        green: "#62de85",
-        blue: "#6c9af3",
-        fuchsia: "#FB64D6",
-        orange: "#ffb864",
-        violet: "#CC66FF",
-        teal: "#00CCAA"
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
+      }
+    },
+    color: {
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        red: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7"
       }
     }
   }
@@ -48249,8 +48447,8 @@ const global$1 = {
       "default": "#161517",
       muted: "#696e79",
       link: {
-        "default": "#135be6",
-        hover: "#092e73"
+        "default": "#437EEF",
+        hover: "#104EC6"
       }
     },
     stroke: {
@@ -48263,23 +48461,23 @@ const global$1 = {
       "default": "#151515"
     },
     outline: {
-      "default": "#135be6"
+      "default": "#437EEF"
     },
     shadow: {
       "default": "lch(6.77 0 0 / 0.15)"
     },
     feedback: {
       info: {
-        background: "#dae6fc",
-        foreground: "#135be6"
+        background: "#E7EFFD",
+        foreground: "#437EEF"
       },
       success: {
         background: "#E5FFE8",
-        foreground: "#00990D"
+        foreground: "#008A0B"
       },
       warning: {
-        background: "#ffedd8",
-        foreground: "#9e5600"
+        background: "#FFE2D1",
+        foreground: "#A33C00"
       },
       danger: {
         background: "#ffdddd",
@@ -48293,18 +48491,38 @@ const global$1 = {
     },
     chart: {
       bars: {
-        green: "#62de85",
-        blue: "#6c9af3",
-        fuchsia: "#FB64D6",
-        orange: "#ffb864",
-        violet: "#CC66FF",
-        teal: "#00CCAA"
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        danger: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7",
+        red: "#ff2323"
+      },
+      "default": {
+        blue: "#437EEF",
+        orange: "#FF7729",
+        green: "#00E513",
+        fuchsia: "#FB32C9",
+        yellow: "#eef400",
+        violet: "#BB33FF",
+        babyblue: "#00CBEB",
+        danger: "#ff2323",
+        teal: "#089B83",
+        sunrise: "#FFC300",
+        slate: "#9a9ea7",
+        red: "#ff2323"
       }
     },
     iconButton: {
       badge: {
-        foreground: "#135be6",
-        background: "#dae6fc"
+        foreground: "#437EEF",
+        background: "#E7EFFD"
       }
     },
     icon: {
@@ -48319,14 +48537,15 @@ const global$1 = {
 const palette = {
   brand: {
     "50": "#ffffe8",
-    "100": "#feffba",
+    "100": "#FEFFC2",
     "200": "#fdffa3",
     "300": "#FAFF69",
     "400": "#eef400",
-    "500": "#9fa300",
-    "600": "#4f5100",
-    "700": "#27291B",
-    "800": "#161600",
+    "500": "#C7CC00",
+    "600": "#959900",
+    "700": "#686B00",
+    "800": "#3C4601",
+    "900": "#333300",
     base: "#fbff46"
   },
   neutral: {
@@ -48375,17 +48594,17 @@ const palette = {
     base: "#2f2c3a"
   },
   info: {
-    "50": "#dae6fc",
-    "100": "#b5cdf9",
-    "200": "#91b3f6",
-    "300": "#6c9af3",
-    "400": "#135be6",
-    "500": "#0e44ad",
-    "600": "#092e73",
-    "650": "#09255B",
-    "700": "#061d48",
-    "800": "#05173a",
-    "900": "#041330",
+    "50": "#E7EFFD",
+    "100": "#D0DFFB",
+    "200": "#A1BEF7",
+    "300": "#6D9BF3",
+    "400": "#437EEF",
+    "500": "#1D64EC",
+    "600": "#104EC6",
+    "650": "#0D3E9B",
+    "700": "#0D3E9B",
+    "800": "#092B6C",
+    "900": "#061C47",
     base: "#4781f0"
   },
   success: {
@@ -48394,25 +48613,25 @@ const palette = {
     "200": "#99FFA1",
     "300": "#66FF73",
     "400": "#33FF44",
-    "500": "#00FF15",
-    "600": "#00CC11",
-    "700": "#00990D",
-    "800": "#006609",
+    "500": "#00E513",
+    "600": "#00BD10",
+    "700": "#008A0B",
+    "800": "#006108",
     "850": "#004206",
     "900": "#004206",
     base: "#62de85"
   },
   warning: {
-    "50": "#ffedd8",
-    "100": "#ffdbb1",
-    "200": "#ffca8b",
-    "300": "#ffb864",
-    "400": "#ff9416",
-    "500": "#ed8000",
-    "600": "#c66b00",
-    "700": "#9e5600",
-    "800": "#4f2b00",
-    "900": "#271500",
+    "50": "#FFE2D1",
+    "100": "#FFCBAD",
+    "200": "#FFB88F",
+    "300": "#FF9457",
+    "400": "#FF7729",
+    "500": "#F55A00",
+    "600": "#D64F00",
+    "700": "#A33C00",
+    "800": "#7A2D00",
+    "900": "#471A00",
     base: "#ffa63d"
   },
   danger: {
@@ -48438,17 +48657,17 @@ const palette = {
     transparent: "rgba(0,0,0,0)"
   },
   teal: {
-    "50": "#E5FFFB",
-    "100": "#CCFFF6",
-    "200": "#99FFEE",
-    "300": "#66FFE5",
-    "400": "#33FFDD",
-    "500": "#00FFD4",
-    "600": "#00CCAA",
-    "700": "#009980",
-    "800": "#006655",
+    "50": "#E6FEFA",
+    "100": "#CFFCF4",
+    "200": "#A3FAEC",
+    "300": "#6DF8E1",
+    "400": "#0CEDC8",
+    "500": "#0BD0AF",
+    "600": "#089B83",
+    "700": "#067462",
+    "800": "#045245",
     "850": "#004237",
-    "900": "#00332A"
+    "900": "#03352D"
   },
   violet: {
     "50": "#F6E5FF",
@@ -48475,6 +48694,30 @@ const palette = {
     "800": "#66004D",
     "850": "#4D0039",
     "900": "#330026"
+  },
+  sunrise: {
+    "50": "#FFF3CC",
+    "100": "#FFE799",
+    "200": "#FFDB66",
+    "300": "#FFCF33",
+    "400": "#FFC300",
+    "500": "#E0AC00",
+    "600": "#B28800",
+    "700": "#8A6900",
+    "800": "#574200",
+    "900": "#332700"
+  },
+  babyblue: {
+    "50": "#DBFAFF",
+    "100": "#BDF6FF",
+    "200": "#8AEFFF",
+    "300": "#33E4FF",
+    "400": "#00CBEB",
+    "500": "#00B5D1",
+    "600": "#008599",
+    "700": "#006170",
+    "800": "#00424D",
+    "900": "#002C33"
   }
 };
 const sizes = {