@clickhouse/click-ui 0.0.122 → 0.0.123

package/dist/click-ui.es.js

@@ -36940,7 +36940,7 @@ const Collapsible = ({
     open: openProp ?? open2,
     onOpenChange
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { isResponsive: false, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
 };
 const CollapsipleHeaderContainer = styled.div.withConfig({
   componentId: "sc-guwmyz-0"
@@ -40453,7 +40453,7 @@ const click$3 = {
             active: "lch(95.3 1.54 272)"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             hover: "#e6e7e9",
             active: "lch(83.8 2.3 258)"
           },
@@ -40515,8 +40515,8 @@ const click$3 = {
             active: "rgb(86.8% 87.2% 88.2%)"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "rgb(86.8% 87.2% 88.2%)"
           },
           text: {
@@ -40666,8 +40666,8 @@ const click$3 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "lch(84 2.28 258)",
           disabled: "rgba(0,0,0,0)"
         }
@@ -40705,11 +40705,11 @@ const click$3 = {
           active: "rgba(0,0,0,0)",
           disabled: "rgba(0,0,0,0)",
           "disabled-active": "rgba(0,0,0,0)",
-          panel: "lch(91.6 1.1 266)"
+          panel: "#e6e7e9"
         },
         panel: {
           stroke: {
-            "default": "lch(91.6 1.1 266)"
+            "default": "#e6e7e9"
           }
         }
       }
@@ -40722,7 +40722,7 @@ const click$3 = {
           active: "lch(95.3 1.54 272)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
           hover: "#e6e7e9",
           active: "#cccfd3"
         },
@@ -40766,8 +40766,8 @@ const click$3 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "#151515",
           disabled: "#dfdfdf"
         }
@@ -40795,8 +40795,8 @@ const click$3 = {
             disabled: "#a0a0a0"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "#151515",
             disabled: "#dfdfdf"
           }
@@ -40823,8 +40823,8 @@ const click$3 = {
             disabled: "#a0a0a0"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "#151515",
             disabled: "#dfdfdf"
           }
@@ -40935,7 +40935,7 @@ const click$3 = {
           "default": "#f6f7fa"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -41085,7 +41085,7 @@ const click$3 = {
           active: "#FFC029"
         },
         global: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -41102,9 +41102,9 @@ const click$3 = {
           active: "#161517"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
-          active: "lch(91.6 1.1 266)"
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
+          active: "#e6e7e9"
         }
       }
     }
@@ -41136,7 +41136,7 @@ const click$3 = {
         "default": "lch(6.77 0 0 / 0.45)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -41171,7 +41171,7 @@ const click$3 = {
             selectDirect: "lch(99.4 8.48 102 / 0.2)"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             selectIndirect: "lch(74.1 25.6 85.9)",
             selectDirect: "#FFC029"
           },
@@ -41186,7 +41186,7 @@ const click$3 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -41245,8 +41245,8 @@ const global$4 = {
       }
     },
     stroke: {
-      "default": "lch(91.6 1.1 266 / 0.3)",
-      muted: "lch(91.6 1.1 266 / 0.3)",
+      "default": "#e6e7e9",
+      muted: "#e6e7e9",
       intense: "#b3b6bd",
       split: "#ffffff"
     },
@@ -41279,7 +41279,7 @@ const global$4 = {
       neutral: {
         background: "#e6e7e9",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     },
     chart: {
@@ -41412,7 +41412,7 @@ const click$2 = {
         warning: "#ffca8b"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)",
+        "default": "#323232",
         success: "#004206",
         neutral: "#414141",
         danger: "#610000",
@@ -41425,8 +41425,8 @@ const click$2 = {
   bigStat: {
     color: {
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)",
-        muted: "lch(27.5 0 0 / 0.3)"
+        "default": "#323232",
+        muted: "#323232"
       },
       background: {
         "default": "#1F1F1C",
@@ -41717,11 +41717,11 @@ const click$2 = {
           active: "rgba(0,0,0,0)",
           disabled: "rgba(0,0,0,0)",
           "disabled-active": "rgba(0,0,0,0)",
-          panel: "lch(27.5 0 0 / 0.3)"
+          panel: "#323232"
         },
         panel: {
           stroke: {
-            "default": "lch(27.5 0 0 / 0.3)",
+            "default": "#323232",
             borderless: "rgba(0,0,0,0)"
           }
         }
@@ -41735,7 +41735,7 @@ const click$2 = {
           active: "lch(15.8 0 0)"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)",
+          "default": "#323232",
           hover: "#53575f",
           active: "lch(23.3 2.63 306)"
         },
@@ -41775,9 +41775,9 @@ const click$2 = {
           disabled: "#808080"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)",
-          hover: "lch(27.5 0 0 / 0.3)",
-          active: "lch(26.1 0 0 / 0.3)",
+          "default": "#323232",
+          hover: "#323232",
+          active: "lch(19.7 0 0)",
           disabled: "#414141"
         }
       }
@@ -41803,8 +41803,8 @@ const click$2 = {
           disabled: "#808080"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)",
-          hover: "lch(27.5 0 0 / 0.3)",
+          "default": "#323232",
+          hover: "#323232",
           active: "#FAFF69",
           disabled: "#414141"
         }
@@ -41832,8 +41832,8 @@ const click$2 = {
             disabled: "#808080"
           },
           stroke: {
-            "default": "lch(27.5 0 0 / 0.3)",
-            hover: "lch(27.5 0 0 / 0.3)",
+            "default": "#323232",
+            hover: "#323232",
             active: "#FAFF69",
             disabled: "#414141"
           }
@@ -41860,8 +41860,8 @@ const click$2 = {
             disabled: "#808080"
           },
           stroke: {
-            "default": "lch(27.5 0 0 / 0.3)",
-            hover: "lch(27.5 0 0 / 0.3)",
+            "default": "#323232",
+            hover: "#323232",
             active: "#FAFF69",
             disabled: "#414141"
           }
@@ -41989,7 +41989,7 @@ const click$2 = {
         "default": "#ffffff"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42010,8 +42010,8 @@ const click$2 = {
         error: "#ffbaba"
       },
       stroke: {
-        "default": "lch(31.1 0 0 / 0.3)",
-        hover: "lch(34.5 0 0 / 0.3)",
+        "default": "lch(24.7 0 0)",
+        hover: "lch(28.5 0 0)",
         active: "#FAFF69",
         disabled: "#414141",
         error: "#ffbaba"
@@ -42062,7 +42062,7 @@ const click$2 = {
           error: "lch(72 4.18 268)"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         },
         subtext: {
           "default": "#b3b6bd",
@@ -42081,7 +42081,7 @@ const click$2 = {
           "default": "#b3b6bd"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       }
     },
@@ -42107,7 +42107,7 @@ const click$2 = {
           "default": "#282828"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       }
     }
@@ -42125,7 +42125,7 @@ const click$2 = {
         transparent: "rgba(0,0,0,0)"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42166,7 +42166,7 @@ const click$2 = {
   separator: {
     color: {
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42181,7 +42181,7 @@ const click$2 = {
           muted: "#b3b6bd"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       },
       navigation: {
@@ -42239,7 +42239,7 @@ const click$2 = {
           "default": "#282828"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       },
       navigation: {
@@ -42421,7 +42421,7 @@ const click$2 = {
           active: "lch(13.9 2.07 105)"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         },
         text: {
           "default": "#ffffff"
@@ -42437,7 +42437,7 @@ const click$2 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         },
         background: {
           "default": "#1F1F1C"
@@ -42464,7 +42464,7 @@ const click$2 = {
           active: "#FAFF69"
         },
         global: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       }
     },
@@ -42481,9 +42481,9 @@ const click$2 = {
           active: "#ffffff"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)",
-          hover: "lch(27.5 0 0 / 0.3)",
-          active: "lch(27.5 0 0 / 0.3)"
+          "default": "#323232",
+          hover: "#323232",
+          active: "#323232"
         },
         closeButton: {
           background: {
@@ -42554,7 +42554,7 @@ const click$2 = {
         "default": "lch(6.77 0 0 / 0.45)"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42573,7 +42573,7 @@ const click$2 = {
             selectDirect: "#ffffff"
           },
           stroke: {
-            "default": "lch(26.8 0 0 / 0.3)",
+            "default": "lch(20.3 0 0)",
             selectIndirect: "lch(26.8 0 0)",
             selectDirect: "lch(29.4 0 0)"
           }
@@ -42589,7 +42589,7 @@ const click$2 = {
             selectDirect: "lch(15.8 0 0)"
           },
           stroke: {
-            "default": "lch(27.5 0 0 / 0.3)",
+            "default": "#323232",
             selectIndirect: "lch(22 0 0)",
             selectDirect: "#FAFF69"
           },
@@ -42604,7 +42604,7 @@ const click$2 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         },
         background: {
           "default": "#1F1F1C"
@@ -42628,8 +42628,8 @@ const click$2 = {
         danger: "#ffbaba"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)",
-        muted: "lch(27.5 0 0 / 0.3)",
+        "default": "#323232",
+        muted: "lch(20.8 0 0)",
         intense: "#414141"
       },
       accent: {
@@ -42668,7 +42668,7 @@ const click$2 = {
       neutral: {
         background: "#414141",
         foreground: "#c0c0c0",
-        stroke: "lch(27.5 0 0 / 0.3)"
+        stroke: "#323232"
       }
     }
   },
@@ -42708,8 +42708,8 @@ const global$3 = {
       }
     },
     stroke: {
-      "default": "lch(27.5 0 0 / 0.3)",
-      muted: "lch(27.5 0 0 / 0.3)",
+      "default": "#323232",
+      muted: "#323232",
       intense: "#414141",
       split: "#414141"
     },
@@ -42742,7 +42742,7 @@ const global$3 = {
       neutral: {
         background: "#414141",
         foreground: "#f9f9f9",
-        stroke: "lch(27.5 0 0 / 0.3)"
+        stroke: "#323232"
       }
     },
     chart: {
@@ -42875,7 +42875,7 @@ const click$1 = {
         warning: "#9e5600"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)",
+        "default": "#e6e7e9",
         success: "#E5FFE8",
         neutral: "#e6e7e9",
         danger: "#ffdddd",
@@ -42888,8 +42888,8 @@ const click$1 = {
   bigStat: {
     color: {
       stroke: {
-        "default": "lch(91.6 1.1 266)",
-        muted: "lch(91.6 1.1 266)"
+        "default": "#e6e7e9",
+        muted: "#e6e7e9"
       },
       background: {
         "default": "#ffffff",
@@ -42936,7 +42936,7 @@ const click$1 = {
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             hover: "#e6e7e9",
             active: "lch(83.8 2.3 258)",
             disabled: "#dfdfdf"
@@ -43150,8 +43150,8 @@ const click$1 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "lch(84 2.28 258)",
           disabled: "rgba(0,0,0,0)"
         }
@@ -43180,11 +43180,11 @@ const click$1 = {
           active: "rgba(0,0,0,0)",
           disabled: "rgba(0,0,0,0)",
           "disabled-active": "rgba(0,0,0,0)",
-          panel: "lch(91.6 1.1 266)"
+          panel: "#e6e7e9"
         },
         panel: {
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             borderless: "rgba(0,0,0,0)"
           }
         }
@@ -43198,7 +43198,7 @@ const click$1 = {
           active: "lch(95.3 1.54 272)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
           hover: "#e6e7e9",
           active: "#cccfd3"
         },
@@ -43238,8 +43238,8 @@ const click$1 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "lch(87 1.05 266)",
           disabled: "#dfdfdf"
         }
@@ -43266,8 +43266,8 @@ const click$1 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "#151515",
           disabled: "#dfdfdf"
         }
@@ -43295,8 +43295,8 @@ const click$1 = {
             disabled: "#a0a0a0"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "#151515",
             disabled: "#dfdfdf"
           }
@@ -43323,8 +43323,8 @@ const click$1 = {
             disabled: "#a0a0a0"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "#151515",
             disabled: "#dfdfdf"
           }
@@ -43446,7 +43446,7 @@ const click$1 = {
         "default": "#161517"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -43521,7 +43521,7 @@ const click$1 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         subtext: {
           "default": "#696e79",
@@ -43540,7 +43540,7 @@ const click$1 = {
           "default": "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -43550,7 +43550,7 @@ const click$1 = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -43566,7 +43566,7 @@ const click$1 = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     }
@@ -43584,7 +43584,7 @@ const click$1 = {
         transparent: "rgba(0,0,0,0)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -43595,7 +43595,7 @@ const click$1 = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     }
@@ -43625,7 +43625,7 @@ const click$1 = {
   separator: {
     color: {
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -43640,7 +43640,7 @@ const click$1 = {
           muted: "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -43698,7 +43698,7 @@ const click$1 = {
           "default": "#f6f7fa"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -43880,7 +43880,7 @@ const click$1 = {
           active: "lch(91.1 11.9 266 / 0.2)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         text: {
           "default": "#161517"
@@ -43896,7 +43896,7 @@ const click$1 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -43923,7 +43923,7 @@ const click$1 = {
           active: "#151515"
         },
         global: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -43940,9 +43940,9 @@ const click$1 = {
           active: "#161517"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
-          active: "lch(91.6 1.1 266)"
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
+          active: "#e6e7e9"
         },
         closeButton: {
           background: {
@@ -43962,7 +43962,7 @@ const click$1 = {
         "default": "#696e79"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       },
       icon: {
         "default": "lch(11.1 1.37 305)",
@@ -44010,7 +44010,7 @@ const click$1 = {
         "default": "#696e79"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -44045,7 +44045,7 @@ const click$1 = {
             selectDirect: "lch(90.9 12.2 266 / 0.2)"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             selectIndirect: "lch(65.4 19.7 268)",
             selectDirect: "#135be6"
           },
@@ -44060,7 +44060,7 @@ const click$1 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -44084,7 +44084,7 @@ const click$1 = {
         danger: "#c10000"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)",
+        "default": "#e6e7e9",
         muted: "lch(91.6 1.1 266)",
         intense: "#b3b6bd"
       },
@@ -44124,7 +44124,7 @@ const click$1 = {
       neutral: {
         background: "#e6e7e9",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     }
   },
@@ -44164,8 +44164,8 @@ const global$2 = {
       }
     },
     stroke: {
-      "default": "lch(91.6 1.1 266 / 0.3)",
-      muted: "lch(91.6 1.1 266 / 0.3)",
+      "default": "#e6e7e9",
+      muted: "#e6e7e9",
       intense: "#b3b6bd",
       split: "#e6e7e9"
     },
@@ -44198,7 +44198,7 @@ const global$2 = {
       neutral: {
         background: "#f6f7fa",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     },
     chart: {
@@ -44491,7 +44491,7 @@ const click = {
         warning: "#9e5600"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)",
+        "default": "#e6e7e9",
         success: "#E5FFE8",
         neutral: "#e6e7e9",
         danger: "#ffdddd",
@@ -44539,8 +44539,8 @@ const click = {
     },
     color: {
       stroke: {
-        "default": "lch(91.6 1.1 266)",
-        muted: "lch(91.6 1.1 266)"
+        "default": "#e6e7e9",
+        muted: "#e6e7e9"
       },
       background: {
         "default": "#ffffff",
@@ -44618,7 +44618,7 @@ const click = {
             disabled: "#dfdfdf"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             hover: "#e6e7e9",
             active: "lch(83.8 2.3 258)",
             disabled: "#dfdfdf"
@@ -44885,8 +44885,8 @@ const click = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "lch(84 2.28 258)",
           disabled: "rgba(0,0,0,0)"
         }
@@ -44956,11 +44956,11 @@ const click = {
           active: "rgba(0,0,0,0)",
           disabled: "rgba(0,0,0,0)",
           "disabled-active": "rgba(0,0,0,0)",
-          panel: "lch(91.6 1.1 266)"
+          panel: "#e6e7e9"
         },
         panel: {
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             borderless: "rgba(0,0,0,0)"
           }
         }
@@ -45001,7 +45001,7 @@ const click = {
           active: "lch(95.3 1.54 272)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
           hover: "#e6e7e9",
           active: "#cccfd3"
         },
@@ -45054,8 +45054,8 @@ const click = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "lch(87 1.05 266)",
           disabled: "#dfdfdf"
         }
@@ -45128,8 +45128,8 @@ const click = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
           active: "#151515",
           disabled: "#dfdfdf"
         }
@@ -45185,8 +45185,8 @@ const click = {
             disabled: "#a0a0a0"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "#151515",
             disabled: "#dfdfdf"
           }
@@ -45213,8 +45213,8 @@ const click = {
             disabled: "#a0a0a0"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
-            hover: "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
+            hover: "#e6e7e9",
             active: "#151515",
             disabled: "#dfdfdf"
           }
@@ -45409,7 +45409,7 @@ const click = {
         "default": "#161517"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -45606,7 +45606,7 @@ const click = {
           error: "lch(72 4.18 268)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         subtext: {
           "default": "#696e79",
@@ -45644,7 +45644,7 @@ const click = {
           "default": "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -45660,7 +45660,7 @@ const click = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -45682,7 +45682,7 @@ const click = {
       },
       search: {
         stroke: {
-          "default": "2px solid lch(91.6 1.1 266)"
+          "default": "2px solid #e6e7e9"
         }
       },
       color: {
@@ -45696,7 +45696,7 @@ const click = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -45764,7 +45764,7 @@ const click = {
       lg: "0.75rem"
     },
     stroke: {
-      "default": "1px solid lch(91.6 1.1 266)"
+      "default": "1px solid #e6e7e9"
     },
     shadow: {
       "default": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
@@ -45802,7 +45802,7 @@ const click = {
         transparent: "rgba(0,0,0,0)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -45830,7 +45830,7 @@ const click = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     }
@@ -45902,7 +45902,7 @@ const click = {
     },
     color: {
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -46014,7 +46014,7 @@ const click = {
           muted: "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -46072,7 +46072,7 @@ const click = {
           "default": "#f6f7fa"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -46421,7 +46421,7 @@ const click = {
           active: "lch(91.1 11.9 266 / 0.2)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         text: {
           "default": "#161517"
@@ -46437,7 +46437,7 @@ const click = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -46484,7 +46484,7 @@ const click = {
           active: "#151515"
         },
         global: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -46522,9 +46522,9 @@ const click = {
           active: "#161517"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)",
-          hover: "lch(91.6 1.1 266)",
-          active: "lch(91.6 1.1 266)"
+          "default": "#e6e7e9",
+          hover: "#e6e7e9",
+          active: "#e6e7e9"
         },
         closeButton: {
           background: {
@@ -46573,7 +46573,7 @@ const click = {
         "default": "#696e79"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       },
       icon: {
         "default": "lch(11.1 1.37 305)",
@@ -46623,7 +46623,7 @@ const click = {
       "default": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
     },
     stroke: {
-      "default": "1px solid lch(91.6 1.1 266)"
+      "default": "1px solid #e6e7e9"
     },
     typography: {
       title: {
@@ -46746,7 +46746,7 @@ const click = {
         "default": "lch(6.77 0 0 / 0.45)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -46798,7 +46798,7 @@ const click = {
             selectDirect: "lch(90.9 12.2 266 / 0.2)"
           },
           stroke: {
-            "default": "lch(91.6 1.1 266)",
+            "default": "#e6e7e9",
             selectIndirect: "lch(65.4 19.7 268)",
             selectDirect: "#135be6"
           },
@@ -46824,7 +46824,7 @@ const click = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -46883,7 +46883,7 @@ const click = {
         danger: "#c10000"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)",
+        "default": "#e6e7e9",
         muted: "lch(91.6 1.1 266)",
         intense: "#b3b6bd"
       },
@@ -46923,7 +46923,7 @@ const click = {
       neutral: {
         background: "#e6e7e9",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     }
   },
@@ -47001,8 +47001,8 @@ const global$1 = {
       }
     },
     stroke: {
-      "default": "lch(91.6 1.1 266 / 0.3)",
-      muted: "lch(91.6 1.1 266 / 0.3)",
+      "default": "#e6e7e9",
+      muted: "#e6e7e9",
       intense: "#b3b6bd",
       split: "#e6e7e9"
     },
@@ -47035,7 +47035,7 @@ const global$1 = {
       neutral: {
         background: "#f6f7fa",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     },
     chart: {
@@ -47078,6 +47078,7 @@ const palette = {
     "500": "#808080",
     "600": "#606060",
     "700": "#414141",
+    "712": "#323232",
     "725": "#282828",
     "750": "#1F1F1C",
     "800": "#1d1d1d",