@clickhouse/click-ui 0.0.122 → 0.0.124

package/dist/click-ui.es.js

@@ -36918,6 +36918,9 @@ const NavContext = createContext({
   open: false,
   onOpenChange: () => null
 });
+const CollapsibleContainer = styled.div.withConfig({
+  componentId: "sc-guwmyz-0"
+})(["width:100%;"]);
 const Collapsible = ({
   open: openProp,
   onOpenChange: onOpenChangeProp,
@@ -36940,10 +36943,10 @@ const Collapsible = ({
     open: openProp ?? open2,
     onOpenChange
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContainer, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
 };
 const CollapsipleHeaderContainer = styled.div.withConfig({
-  componentId: "sc-guwmyz-0"
+  componentId: "sc-guwmyz-1"
 })(["margin-left:", ";user-select:none;"], ({
   theme: theme2,
   $indicatorDir
@@ -36976,7 +36979,7 @@ const CollapsipleHeader = forwardRef(({
 CollapsipleHeader.displayName = "CollapsibleHeader";
 Collapsible.Header = CollapsipleHeader;
 const CollapsipleTriggerButton = styled(EmptyButton$1).withConfig({
-  componentId: "sc-guwmyz-1"
+  componentId: "sc-guwmyz-2"
 })(['display:flex;align-items:center;font:inherit;color:inherit;cursor:inherit;[data-trigger-icon]{visibility:hidden;transition:transform 150ms cubic-bezier(0.87,0,0.13,1);&[data-open="true"]{transform:rotate(90deg);}}&:hover{[data-trigger-icon]{visibility:visible;}}']);
 const CollapsipleTrigger = ({
   onClick: onClickProp,
@@ -37007,7 +37010,7 @@ const CollapsipleTrigger = ({
 CollapsipleTrigger.displayName = "CollapsibleTrigger";
 Collapsible.Trigger = CollapsipleTrigger;
 const CollapsibleContentWrapper = styled.div.withConfig({
-  componentId: "sc-guwmyz-2"
+  componentId: "sc-guwmyz-3"
 })(["", ""], ({
   theme: theme2,
   $indicatorDir
@@ -40453,7 +40456,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 +40518,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 +40669,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 +40708,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 +40725,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 +40769,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 +40798,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 +40826,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 +40938,7 @@ const click$3 = {
           "default": "#f6f7fa"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -41085,7 +41088,7 @@ const click$3 = {
           active: "#FFC029"
         },
         global: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -41102,9 +41105,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 +41139,7 @@ const click$3 = {
         "default": "lch(6.77 0 0 / 0.45)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -41171,7 +41174,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 +41189,7 @@ const click$3 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -41245,8 +41248,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 +41282,7 @@ const global$4 = {
       neutral: {
         background: "#e6e7e9",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     },
     chart: {
@@ -41412,7 +41415,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 +41428,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 +41720,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 +41738,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 +41778,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 +41806,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 +41835,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 +41863,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 +41992,7 @@ const click$2 = {
         "default": "#ffffff"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42010,8 +42013,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 +42065,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 +42084,7 @@ const click$2 = {
           "default": "#b3b6bd"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       }
     },
@@ -42107,7 +42110,7 @@ const click$2 = {
           "default": "#282828"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       }
     }
@@ -42125,7 +42128,7 @@ const click$2 = {
         transparent: "rgba(0,0,0,0)"
       },
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42166,7 +42169,7 @@ const click$2 = {
   separator: {
     color: {
       stroke: {
-        "default": "lch(27.5 0 0 / 0.3)"
+        "default": "#323232"
       }
     }
   },
@@ -42181,7 +42184,7 @@ const click$2 = {
           muted: "#b3b6bd"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       },
       navigation: {
@@ -42239,7 +42242,7 @@ const click$2 = {
           "default": "#282828"
         },
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       },
       navigation: {
@@ -42421,7 +42424,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 +42440,7 @@ const click$2 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         },
         background: {
           "default": "#1F1F1C"
@@ -42464,7 +42467,7 @@ const click$2 = {
           active: "#FAFF69"
         },
         global: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         }
       }
     },
@@ -42481,9 +42484,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 +42557,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 +42576,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 +42592,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 +42607,7 @@ const click$2 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(27.5 0 0 / 0.3)"
+          "default": "#323232"
         },
         background: {
           "default": "#1F1F1C"
@@ -42628,8 +42631,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 +42671,7 @@ const click$2 = {
       neutral: {
         background: "#414141",
         foreground: "#c0c0c0",
-        stroke: "lch(27.5 0 0 / 0.3)"
+        stroke: "#323232"
       }
     }
   },
@@ -42708,8 +42711,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 +42745,7 @@ const global$3 = {
       neutral: {
         background: "#414141",
         foreground: "#f9f9f9",
-        stroke: "lch(27.5 0 0 / 0.3)"
+        stroke: "#323232"
       }
     },
     chart: {
@@ -42875,7 +42878,7 @@ const click$1 = {
         warning: "#9e5600"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)",
+        "default": "#e6e7e9",
         success: "#E5FFE8",
         neutral: "#e6e7e9",
         danger: "#ffdddd",
@@ -42888,8 +42891,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 +42939,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 +43153,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 +43183,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 +43201,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 +43241,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 +43269,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 +43298,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 +43326,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 +43449,7 @@ const click$1 = {
         "default": "#161517"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -43521,7 +43524,7 @@ const click$1 = {
           disabled: "#a0a0a0"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         subtext: {
           "default": "#696e79",
@@ -43540,7 +43543,7 @@ const click$1 = {
           "default": "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -43550,7 +43553,7 @@ const click$1 = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -43566,7 +43569,7 @@ const click$1 = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     }
@@ -43584,7 +43587,7 @@ const click$1 = {
         transparent: "rgba(0,0,0,0)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -43595,7 +43598,7 @@ const click$1 = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     }
@@ -43625,7 +43628,7 @@ const click$1 = {
   separator: {
     color: {
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -43640,7 +43643,7 @@ const click$1 = {
           muted: "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -43698,7 +43701,7 @@ const click$1 = {
           "default": "#f6f7fa"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -43880,7 +43883,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 +43899,7 @@ const click$1 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -43923,7 +43926,7 @@ const click$1 = {
           active: "#151515"
         },
         global: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -43940,9 +43943,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 +43965,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 +44013,7 @@ const click$1 = {
         "default": "#696e79"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -44045,7 +44048,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 +44063,7 @@ const click$1 = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -44084,7 +44087,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 +44127,7 @@ const click$1 = {
       neutral: {
         background: "#e6e7e9",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     }
   },
@@ -44164,8 +44167,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 +44201,7 @@ const global$2 = {
       neutral: {
         background: "#f6f7fa",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     },
     chart: {
@@ -44491,7 +44494,7 @@ const click = {
         warning: "#9e5600"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)",
+        "default": "#e6e7e9",
         success: "#E5FFE8",
         neutral: "#e6e7e9",
         danger: "#ffdddd",
@@ -44539,8 +44542,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 +44621,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 +44888,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 +44959,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 +45004,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 +45057,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 +45131,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 +45188,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 +45216,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 +45412,7 @@ const click = {
         "default": "#161517"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -45606,7 +45609,7 @@ const click = {
           error: "lch(72 4.18 268)"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         subtext: {
           "default": "#696e79",
@@ -45644,7 +45647,7 @@ const click = {
           "default": "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -45660,7 +45663,7 @@ const click = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -45682,7 +45685,7 @@ const click = {
       },
       search: {
         stroke: {
-          "default": "2px solid lch(91.6 1.1 266)"
+          "default": "2px solid #e6e7e9"
         }
       },
       color: {
@@ -45696,7 +45699,7 @@ const click = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -45764,7 +45767,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 +45805,7 @@ const click = {
         transparent: "rgba(0,0,0,0)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -45830,7 +45833,7 @@ const click = {
           "default": "#ffffff"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     }
@@ -45902,7 +45905,7 @@ const click = {
     },
     color: {
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -46014,7 +46017,7 @@ const click = {
           muted: "#696e79"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -46072,7 +46075,7 @@ const click = {
           "default": "#f6f7fa"
         },
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       },
       navigation: {
@@ -46421,7 +46424,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 +46440,7 @@ const click = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -46484,7 +46487,7 @@ const click = {
           active: "#151515"
         },
         global: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         }
       }
     },
@@ -46522,9 +46525,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 +46576,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 +46626,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 +46749,7 @@ const click = {
         "default": "lch(6.77 0 0 / 0.45)"
       },
       stroke: {
-        "default": "lch(91.6 1.1 266)"
+        "default": "#e6e7e9"
       }
     }
   },
@@ -46798,7 +46801,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 +46827,7 @@ const click = {
     global: {
       color: {
         stroke: {
-          "default": "lch(91.6 1.1 266)"
+          "default": "#e6e7e9"
         },
         background: {
           "default": "#ffffff"
@@ -46883,7 +46886,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 +46926,7 @@ const click = {
       neutral: {
         background: "#e6e7e9",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     }
   },
@@ -47001,8 +47004,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 +47038,7 @@ const global$1 = {
       neutral: {
         background: "#f6f7fa",
         foreground: "#53575f",
-        stroke: "lch(91.6 1.1 266)"
+        stroke: "#e6e7e9"
       }
     },
     chart: {
@@ -47078,6 +47081,7 @@ const palette = {
     "500": "#808080",
     "600": "#606060",
     "700": "#414141",
+    "712": "#323232",
     "725": "#282828",
     "750": "#1F1F1C",
     "800": "#1d1d1d",