@clickhouse/click-ui 0.0.196 → 0.0.198

package/dist/click-ui.umd.js

@@ -2050,23 +2050,6 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4169 20.9166C46.4525 21.1725 45.9487 21.8549 45.2909 21.9461C44.6339 22.0377 44.0719 21.5043 44.0359 21.2488C44.0011 20.993 44.505 20.7113 45.1622 20.6197C45.8194 20.5281 46.3813 20.6615 46.4169 20.9168V20.9166Z", fill: "white", stroke: "white", strokeWidth: "0.260669" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M48.7676 19.147C48.8758 21.1533 48.3354 22.5199 48.2673 24.6556C48.1664 27.7601 49.7474 31.3134 47.3652 34.871", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
-  const PostgresCDCLight = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857Z", fill: "black" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857", stroke: "black", strokeWidth: "4.69091" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M57.0877 38.0791C50.3425 39.4704 49.8789 37.1867 49.8789 37.1867C57.0007 26.619 59.9778 13.205 57.4086 9.922C50.3995 0.966571 38.2665 5.20191 38.064 5.31187L37.9989 5.32353C36.6662 5.0469 35.1748 4.8821 33.4987 4.85474C30.4466 4.80473 28.1315 5.65488 26.3747 6.9871C26.3747 6.9871 4.73054 -1.92944 5.73718 18.2013C5.95133 22.484 11.8754 50.6059 18.9415 42.1118C21.5241 39.0058 24.0195 36.3796 24.0195 36.3796C25.2589 37.2029 26.7426 37.6229 28.2981 37.472L28.4189 37.3694C28.3814 37.7551 28.3986 38.1324 28.4674 38.579C26.647 40.6126 27.1819 40.9699 23.543 41.7188C19.861 42.4777 22.024 43.8286 23.4363 44.1817C25.1484 44.6098 29.1094 45.2163 31.7858 41.4698L31.679 41.8972C32.3923 42.4685 32.8931 45.6131 32.8092 48.4638C32.7252 51.3144 32.6692 53.2715 33.2312 54.8001C33.7931 56.3288 34.3533 59.7683 39.1369 58.7433C43.1341 57.8867 45.2054 55.6669 45.4936 51.9642C45.6981 49.3319 46.1608 49.7209 46.1901 47.3675L46.5613 46.2533C46.9893 42.685 46.6292 41.5337 49.0919 42.0692L49.6903 42.1217C51.5029 42.2042 53.8751 41.8302 55.2674 41.1831C58.2655 39.7917 60.0435 37.4687 57.0875 38.0791H57.0877Z", fill: "#336791" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M32.0754 40.1245C31.8897 46.7643 32.1221 53.4503 32.7718 55.0753C33.4219 56.7002 34.8131 59.8608 39.5971 58.8359C43.5939 57.9791 45.0482 56.3209 45.6792 52.6609C46.144 49.9679 47.04 42.4893 47.1549 40.957M26.3413 6.83877C26.3413 6.83877 4.68242 -2.01354 5.68932 18.1174C5.90347 22.3999 11.828 50.5228 18.8939 42.0282C21.476 38.9218 23.8112 36.4855 23.8112 36.4855M38.0403 5.22308C37.2906 5.45815 50.0883 0.544696 57.3614 9.83817C59.9305 13.1213 56.9534 26.5355 49.8317 37.1034", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M49.8319 37.1033C49.8319 37.1033 50.296 39.3877 57.0413 37.9954C59.9967 37.385 58.2181 39.7083 55.2207 41.1003C52.7608 42.242 47.2457 42.5346 47.1556 40.957C46.9237 36.8866 50.0583 38.1232 49.8321 37.1033C49.6276 36.1847 48.2258 35.2832 47.2985 33.0351C46.489 31.0729 36.1961 16.0255 50.153 18.2603C50.6643 18.1545 46.5129 4.9848 33.4512 4.77065C20.3925 4.5565 20.821 20.8299 20.821 20.8299", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "bevel" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.4203 38.4952C26.5997 40.5289 27.1351 40.8861 23.496 41.6353C19.8139 42.3942 21.9772 43.745 23.3891 44.0979C25.1012 44.5263 29.0622 45.1328 31.7386 41.3853C32.5536 40.2443 31.7337 38.4237 30.6142 37.9596C30.0733 37.7357 29.35 37.4548 28.4203 38.4952V38.4952Z", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.3 38.4599C28.1166 37.264 28.6929 35.8412 29.3105 34.1765C30.2387 31.6789 32.3803 29.1809 30.6672 21.2581C29.3902 15.3541 20.8253 20.0294 20.8199 20.8299C20.8147 21.6302 21.2073 24.8876 20.6768 28.6808C19.9846 33.6306 23.8264 37.8169 28.2503 37.3886", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.2627 20.7096C26.2241 20.9832 26.7633 21.7126 27.4663 21.8101C28.1682 21.908 28.7689 21.3378 28.807 21.0647C28.8451 20.7913 28.3065 20.4901 27.6032 20.3922C26.901 20.2943 26.3 20.4369 26.2628 20.7096H26.2627Z", fill: "white", stroke: "white", strokeWidth: "0.521212" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M47.6408 21.1862C47.6789 21.4597 47.1404 22.1892 46.4372 22.2867C45.7348 22.3846 45.134 21.8144 45.0956 21.5413C45.0584 21.2678 45.5971 20.9667 46.2996 20.8688C47.0021 20.7709 47.6027 20.9134 47.6408 21.1863V21.1862Z", fill: "white", stroke: "white", strokeWidth: "0.260669" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M50.1533 18.2607C50.269 20.4054 49.6914 21.8662 49.6186 24.1493C49.5107 27.4679 51.2007 31.2662 48.6543 35.0692", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M78.2139 40.7074V27.2642H80.8886V40.7074H78.2139ZM72.8346 35.3182V32.6435H86.2778V35.3182H72.8346Z", fill: "#161517" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M124.952 16.4444H101.643C98.7877 16.4444 96.232 14.6734 95.2295 12H149.203C159.82 12 167.318 22.4019 163.96 32.4747L157.452 52H153.007L160.03 31.0938C162.449 23.8943 157.093 16.4444 149.498 16.4444H129.396V18.6667C129.396 27.2577 136.361 34.2222 144.952 34.2222H154.396L148.563 52H144.118L148.563 38.6667H144.952C133.906 38.6667 124.952 29.7123 124.952 18.6667V16.4444Z", fill: "#26D9B2" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M109.952 34.2221H107.477C104.621 34.2221 102.066 32.451 101.063 29.7776H111.619L113.008 25.3332H104.331C101.56 25.3332 99.1117 23.5329 98.2854 20.8888H118.841L108.563 51.9999H104.119L109.952 34.2221Z", fill: "#26D9B2" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M121.896 51.9998H117.452L119.974 44.4326C121.122 40.9892 124.345 38.6665 127.974 38.6665C133.73 38.6665 137.794 44.3054 135.974 49.7659L135.23 51.9998H130.507L131.668 48.6243C132.596 45.9231 130.589 43.1109 127.733 43.1109C125.913 43.1109 124.304 44.2937 123.762 46.0307L121.896 51.9998Z", fill: "#26D9B2" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M154.119 25.3333C154.119 27.1742 152.626 28.6667 150.785 28.6667C148.944 28.6667 147.452 27.1742 147.452 25.3333C147.452 23.4924 148.944 22 150.785 22C152.626 22 154.119 23.4924 154.119 25.3333Z", fill: "#26D9B2" })
-  ] });
   const Prequel = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_6290_11174)", children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M62 2H2V62H62V2Z", fill: "#141414" }),
@@ -2252,7 +2235,6 @@ var __publicField = (obj, key, value) => {
     mysql: MySQL,
     nodejs: NodeJs,
     postgres: Postgres,
-    postgres_cdc: PostgresCDCLight,
     prequel: Prequel,
     python: Python,
     redpanda: Redpanda,
@@ -2349,23 +2331,6 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_472_6153)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M43.0681 35.4178C40.578 35.4178 38.3455 36.5211 36.8168 38.258L32.8994 35.4848C33.3152 34.3398 33.554 33.1105 33.554 31.8237C33.554 30.5592 33.3235 29.3505 32.9214 28.2225L36.83 25.4786C38.3586 27.2068 40.5852 28.304 43.0681 28.304C47.6643 28.304 51.4042 24.5648 51.4042 19.968C51.4042 15.3712 47.6643 11.632 43.0681 11.632C38.472 11.632 34.7322 15.3712 34.7322 19.968C34.7322 20.7908 34.8565 21.5842 35.0795 22.3355L31.1683 25.0808C29.5345 23.0538 27.182 21.6386 24.5017 21.2066V16.4928C28.2777 15.6997 31.1228 12.3448 31.1228 8.336C31.1228 3.73923 27.3829 0 22.7868 0C18.1906 0 14.4508 3.73923 14.4508 8.336C14.4508 12.2911 17.2221 15.6046 20.9226 16.4543V21.2294C15.8725 22.1158 12.0195 26.5232 12.0195 31.8237C12.0195 37.15 15.9106 41.5735 20.9972 42.4298V47.472C17.2589 48.2937 14.4508 51.6275 14.4508 55.6095C14.4508 60.2063 18.1906 63.9455 22.7868 63.9455C27.3829 63.9455 31.1228 60.2063 31.1228 55.6095C31.1228 51.6275 28.3146 48.2937 24.5763 47.472V42.4297C27.1509 41.996 29.4801 40.6414 31.1301 38.618L35.0737 41.4092C34.8548 42.1538 34.7322 42.9394 34.7322 43.7538C34.7322 48.3506 38.472 52.0899 43.0681 52.0899C47.6643 52.0899 51.4042 48.3506 51.4042 43.7538C51.4042 39.1571 47.6643 35.4178 43.0681 35.4178V35.4178ZM43.0681 15.9263C45.2969 15.9263 47.1097 17.7398 47.1097 19.968C47.1097 22.1962 45.2969 24.0095 43.0681 24.0095C40.8394 24.0095 39.0266 22.1962 39.0266 19.968C39.0266 17.7398 40.8394 15.9263 43.0681 15.9263V15.9263ZM18.7451 8.336C18.7451 6.10785 20.558 4.29446 22.7868 4.29446C25.0155 4.29446 26.8283 6.10785 26.8283 8.336C26.8283 10.5642 25.0155 12.3775 22.7868 12.3775C20.558 12.3775 18.7451 10.5642 18.7451 8.336ZM26.8283 55.6095C26.8283 57.8377 25.0155 59.6511 22.7868 59.6511C20.558 59.6511 18.7451 57.8377 18.7451 55.6095C18.7451 53.3814 20.558 51.568 22.7868 51.568C25.0155 51.568 26.8283 53.3814 26.8283 55.6095ZM22.7865 37.4603C19.678 37.4603 17.1492 34.932 17.1492 31.8237C17.1492 28.7152 19.678 26.1865 22.7865 26.1865C25.8948 26.1865 28.4235 28.7152 28.4235 31.8237C28.4235 34.932 25.8948 37.4603 22.7865 37.4603ZM43.0681 47.7955C40.8394 47.7955 39.0266 45.982 39.0266 43.7538C39.0266 41.5257 40.8394 39.7123 43.0681 39.7123C45.2969 39.7123 47.1097 41.5257 47.1097 43.7538C47.1097 45.982 45.2969 47.7955 43.0681 47.7955Z", fill: "white" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_472_6153", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "39.424", height: "64", fill: "white", transform: "translate(12)" }) }) })
   ] });
-  const PostgresCDCDark = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857Z", fill: "black" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857", stroke: "black", strokeWidth: "4.69091" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M57.0877 38.0791C50.3425 39.4704 49.8789 37.1867 49.8789 37.1867C57.0007 26.619 59.9778 13.205 57.4086 9.922C50.3995 0.966571 38.2665 5.20191 38.064 5.31187L37.9989 5.32353C36.6662 5.0469 35.1748 4.8821 33.4987 4.85474C30.4466 4.80473 28.1315 5.65488 26.3747 6.9871C26.3747 6.9871 4.73054 -1.92944 5.73718 18.2013C5.95133 22.484 11.8754 50.6059 18.9415 42.1118C21.5241 39.0058 24.0195 36.3796 24.0195 36.3796C25.2589 37.2029 26.7426 37.6229 28.2981 37.472L28.4189 37.3694C28.3814 37.7551 28.3986 38.1324 28.4674 38.579C26.647 40.6126 27.1819 40.9699 23.543 41.7188C19.861 42.4777 22.024 43.8286 23.4363 44.1817C25.1484 44.6098 29.1094 45.2163 31.7858 41.4698L31.679 41.8972C32.3923 42.4685 32.8931 45.6131 32.8092 48.4638C32.7252 51.3144 32.6692 53.2715 33.2312 54.8001C33.7931 56.3288 34.3533 59.7683 39.1369 58.7433C43.1341 57.8867 45.2054 55.6669 45.4936 51.9642C45.6981 49.3319 46.1608 49.7209 46.1901 47.3675L46.5613 46.2533C46.9893 42.685 46.6292 41.5337 49.0919 42.0692L49.6903 42.1217C51.5029 42.2042 53.8751 41.8302 55.2674 41.1831C58.2655 39.7917 60.0435 37.4687 57.0875 38.0791H57.0877Z", fill: "#336791" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M32.0754 40.1245C31.8897 46.7643 32.1221 53.4503 32.7718 55.0753C33.4219 56.7002 34.8131 59.8608 39.5971 58.8359C43.5939 57.9791 45.0482 56.3209 45.6792 52.6609C46.144 49.9679 47.04 42.4893 47.1549 40.957M26.3413 6.83877C26.3413 6.83877 4.68242 -2.01354 5.68932 18.1174C5.90347 22.3999 11.828 50.5228 18.8939 42.0282C21.476 38.9218 23.8112 36.4855 23.8112 36.4855M38.0403 5.22308C37.2906 5.45815 50.0883 0.544696 57.3614 9.83817C59.9305 13.1213 56.9534 26.5355 49.8317 37.1034", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M49.8319 37.1033C49.8319 37.1033 50.296 39.3877 57.0413 37.9954C59.9967 37.385 58.2181 39.7083 55.2207 41.1003C52.7608 42.242 47.2457 42.5346 47.1556 40.957C46.9237 36.8866 50.0583 38.1232 49.8321 37.1033C49.6276 36.1847 48.2258 35.2832 47.2985 33.0351C46.489 31.0729 36.1961 16.0255 50.153 18.2603C50.6643 18.1545 46.5129 4.9848 33.4512 4.77065C20.3925 4.5565 20.821 20.8299 20.821 20.8299", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "bevel" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.4203 38.4952C26.5997 40.5289 27.1351 40.8861 23.496 41.6353C19.8139 42.3942 21.9772 43.745 23.3891 44.0979C25.1012 44.5263 29.0622 45.1328 31.7386 41.3853C32.5536 40.2443 31.7337 38.4237 30.6142 37.9596C30.0733 37.7357 29.35 37.4548 28.4203 38.4952V38.4952Z", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.3 38.4599C28.1166 37.264 28.6929 35.8412 29.3105 34.1765C30.2387 31.6789 32.3803 29.1809 30.6672 21.2581C29.3902 15.3541 20.8253 20.0294 20.8199 20.8299C20.8147 21.6302 21.2073 24.8876 20.6768 28.6808C19.9846 33.6306 23.8264 37.8169 28.2503 37.3886", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.2627 20.7096C26.2241 20.9832 26.7633 21.7126 27.4663 21.8101C28.1682 21.908 28.7689 21.3378 28.807 21.0647C28.8451 20.7913 28.3065 20.4901 27.6032 20.3922C26.901 20.2943 26.3 20.4369 26.2628 20.7096H26.2627Z", fill: "white", stroke: "white", strokeWidth: "0.521212" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M47.6408 21.1862C47.6789 21.4597 47.1404 22.1892 46.4372 22.2867C45.7348 22.3846 45.134 21.8144 45.0956 21.5413C45.0584 21.2678 45.5971 20.9667 46.2996 20.8688C47.0021 20.7709 47.6027 20.9134 47.6408 21.1863V21.1862Z", fill: "white", stroke: "white", strokeWidth: "0.260669" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M50.1533 18.2607C50.269 20.4054 49.6914 21.8662 49.6186 24.1493C49.5107 27.4679 51.2007 31.2662 48.6543 35.0692", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M78.2139 40.7074V27.2642H80.8886V40.7074H78.2139ZM72.8346 35.3182V32.6435H86.2778V35.3182H72.8346Z", fill: "white" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M124.952 16.4444H101.643C98.7877 16.4444 96.232 14.6734 95.2295 12H149.203C159.82 12 167.318 22.4019 163.96 32.4747L157.452 52H153.007L160.03 31.0938C162.449 23.8943 157.093 16.4444 149.498 16.4444H129.396V18.6667C129.396 27.2577 136.361 34.2222 144.952 34.2222H154.396L148.563 52H144.118L148.563 38.6667H144.952C133.906 38.6667 124.952 29.7123 124.952 18.6667V16.4444Z", fill: "#86EAD4" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M109.952 34.2221H107.477C104.621 34.2221 102.066 32.451 101.063 29.7776H111.619L113.008 25.3332H104.331C101.56 25.3332 99.1117 23.5329 98.2854 20.8888H118.841L108.563 51.9999H104.119L109.952 34.2221Z", fill: "#86EAD4" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M121.896 51.9998H117.452L119.974 44.4326C121.122 40.9892 124.345 38.6665 127.974 38.6665C133.73 38.6665 137.794 44.3054 135.974 49.7659L135.23 51.9998H130.507L131.668 48.6243C132.596 45.9231 130.589 43.1109 127.733 43.1109C125.913 43.1109 124.304 44.2937 123.762 46.0307L121.896 51.9998Z", fill: "#86EAD4" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M154.119 25.3333C154.119 27.1742 152.626 28.6667 150.785 28.6667C148.944 28.6667 147.452 27.1742 147.452 25.3333C147.452 23.4924 148.944 22 150.785 22C152.626 22 154.119 23.4924 154.119 25.3333Z", fill: "#86EAD4" })
-  ] });
   const RustDark = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_3280_12848)", children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.8693 23.245H34.7184C39.5486 23.245 39.5486 28.0752 34.7184 28.0752H26.8693V23.245ZM8.15234 45.5846H32.3033V38.9431H26.8693V34.1129H32.9071C39.5486 34.1129 35.9259 45.5846 41.3599 45.5846H56.4542V34.1129H52.8316V35.3205C52.8316 40.1507 47.3976 39.5469 46.7938 36.528C46.1901 33.5092 43.775 31.0941 43.1712 31.0941C52.2278 26.2639 46.7938 16.6035 39.5486 16.6035H11.1712V23.245H17.2089V38.9431H8.15234V45.5846Z", fill: "white", stroke: "white", strokeWidth: "0.377358", strokeLinejoin: "round" }),
@@ -2456,7 +2421,6 @@ var __publicField = (obj, key, value) => {
     mysql: MySQL,
     nodejs: NodeJs,
     postgres: Postgres,
-    postgres_cdc: PostgresCDCDark,
     prequel: Prequel,
     python: Python,
     redpanda: Redpanda,
@@ -2694,7 +2658,9 @@ var __publicField = (obj, key, value) => {
     ${disabled ? `
     color: ${theme2.click.field.color.genericLabel.disabled};
     font: ${theme2.click.field.typography.genericLabel.disabled};
+    cursor: not-allowed;
     ` : `
+    cursor: pointer;
     color: ${theme2.click.field.color.genericLabel.default};
     font: ${theme2.click.field.typography.genericLabel.default};
     &:hover {
@@ -7898,7 +7864,7 @@ var __publicField = (obj, key, value) => {
   };
   const EllipsisContainer$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-1ibz5fp-0"
-  })(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
+  })(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;vertical-align:text-bottom;overflow:hidden;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
   const _EllipsisContent = ({
     component,
     ...props
@@ -7971,11 +7937,9 @@ var __publicField = (obj, key, value) => {
   Dropdown.Trigger = DropdownTrigger;
   const DropdownMenuContent = styledComponents.styled(GenericMenuPanel).withConfig({
     componentId: "sc-18bhwbw-2"
-  })(["min-width:", ";flex-direction:column;z-index:1;overflow-y:auto;max-height:calc( (var(--radix-", "-content-available-height) - 100px) );"], ({
+  })(["min-width:", ";flex-direction:column;z-index:1;overflow-y:auto;"], ({
     theme: theme2
-  }) => theme2.click.genericMenu.item.size.minWidth, ({
-    $type
-  }) => $type);
+  }) => theme2.click.genericMenu.item.size.minWidth);
   const DropdownContent$1 = ({
     sub,
     children,
@@ -7983,7 +7947,7 @@ var __publicField = (obj, key, value) => {
     ...props
   }) => {
     const ContentElement = sub ? $d08ef79370b62062$export$6d4de93b380beddf : $d08ef79370b62062$export$7c6e2c02157bb7d2;
-    return /* @__PURE__ */ jsxRuntime.jsx($d08ef79370b62062$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { $type: "dropdown-menu", $showArrow: showArrow, as: ContentElement, sideOffset: 4, loop: true, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx($d08ef79370b62062$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { $type: "dropdown-menu", $showArrow: showArrow, as: ContentElement, sideOffset: 4, loop: true, collisionPadding: 100, ...props, children: [
       showArrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow$1, { asChild: true, as: $d08ef79370b62062$export$21b07c8f274aebd5, width: 20, height: 10, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverArrow, {}) }),
       children
     ] }) });
@@ -9686,12 +9650,13 @@ var __publicField = (obj, key, value) => {
     theme: theme2,
     $color,
     $isSelected,
+    $isSelectable,
     $disabled
   }) => `
     background: ${theme2.click.card.horizontal[$color].color.background.default};
     color: ${theme2.click.card.horizontal[$color].color.title.default};
     border-radius: ${theme2.click.card.horizontal.radii.all};
-    border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "default"]};
+    border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? $isSelected ? "active" : "hover" : "default"]};
     padding: ${theme2.click.card.horizontal.space.y} ${theme2.click.card.horizontal.space.x};
     gap: ${theme2.click.card.horizontal.space.gap};
     font: ${theme2.click.card.horizontal.typography.title.default};
@@ -9700,24 +9665,24 @@ var __publicField = (obj, key, value) => {
       font: ${theme2.click.card.horizontal.typography.description.default};
     }
     &:hover{
-      background-color: ${theme2.click.card.horizontal[$color].color.background.hover};
-      color: ${theme2.click.card.horizontal[$color].color.title.hover};
-      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "hover"]};
-      cursor: pointer;
+      background-color: ${theme2.click.card.horizontal[$color].color.background[$isSelectable ? "hover" : "default"]};
+      color: ${theme2.click.card.horizontal[$color].color.title[$isSelectable ? "hover" : "default"]};
+      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? $isSelected ? "active" : "default" : "default"]};
+      cursor: ${$isSelectable ? "pointer" : "default"};
       font: ${theme2.click.card.horizontal.typography.title.hover};
       ${Description} {
-        color: ${theme2.click.card.horizontal[$color].color.description.hover};
-        font: ${theme2.click.card.horizontal.typography.description.hover};
+        color: ${theme2.click.card.horizontal[$color].color.description[$isSelectable ? "hover" : "default"]};
+        font: ${theme2.click.card.horizontal.typography.description[$isSelectable ? "hover" : "default"]};
       }
     }
 
     &:active, &:focus, &:focus-within {
-      background-color: ${theme2.click.card.horizontal[$color].color.background.active};
-      color: ${theme2.click.card.horizontal[$color].color.title.active};
-      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke.active};
+      background-color: ${theme2.click.card.horizontal[$color].color.background[$isSelectable ? "active" : "default"]};
+      color: ${theme2.click.card.horizontal[$color].color.title[$isSelectable ? "active" : "default"]};
+      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? "active" : "default"]};
       ${Description} {
-        color: ${theme2.click.card.horizontal[$color].color.description.active};
-        font: ${theme2.click.card.horizontal.typography.description.active};
+        color: ${theme2.click.card.horizontal[$color].color.description[$isSelectable ? "active" : "default"]};
+        font: ${theme2.click.card.horizontal.typography.description[$isSelectable ? "active" : "default"]};
       }
     }
     ${$disabled ? `
@@ -9749,32 +9714,56 @@ var __publicField = (obj, key, value) => {
   `);
   const ContentWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-4"
-  })(["display:flex;flex-direction:column;width:100%;"]);
+  })(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
+    theme: theme2
+  }) => theme2.click.card.horizontal.space.gap, ({
+    theme: theme2
+  }) => theme2.breakpoint.sizes.md);
+  const IconTextContentWrapper = styledComponents.styled.div.withConfig({
+    componentId: "sc-1qnbjoa-5"
+  })(["display:flex;flex-direction:row;align-items:center;width:100%;gap:", ";"], ({
+    theme: theme2
+  }) => theme2.click.card.horizontal.space.gap);
   const CardHorizontal = ({
     title,
     icon,
     description,
     disabled = false,
+    infoText,
+    infoUrl,
     isSelected,
+    isSelectable = infoText ? false : true,
     children,
     color = "default",
     badgeText,
     badgeState,
     badgeIcon,
     badgeIconDir,
+    onButtonClick,
     ...props
   }) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$a, { $disabled: disabled, $isSelected: isSelected, $color: color, tabIndex: 0, ...props, children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
-        title && /* @__PURE__ */ jsxRuntime.jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Container, { orientation: "horizontal", gap: "xs", isResponsive: false, fillWidth: false, grow: "1", children: title }),
-          badgeText && /* @__PURE__ */ jsxRuntime.jsx(Container, { isResponsive: false, justifyContent: "end", fillWidth: false, "data-testid": "horizontal-card-badge", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { text: badgeText, size: "md", state: badgeState, icon: badgeIcon, iconDir: badgeIconDir }) })
-        ] }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(Description, { children: description }),
-        children && /* @__PURE__ */ jsxRuntime.jsx(Description, { children })
-      ] })
-    ] });
+    const handleClick = (e) => {
+      if (typeof onButtonClick === "function") {
+        onButtonClick(e);
+      }
+      if (infoUrl && infoUrl.length > 0) {
+        window.open(infoUrl, "_blank");
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$a, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Container, { padding: "none", orientation: "vertical", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Container, { orientation: "horizontal", gap: "xs", isResponsive: false, fillWidth: false, grow: "1", children: title }),
+            badgeText && /* @__PURE__ */ jsxRuntime.jsx(Container, { isResponsive: false, justifyContent: "end", fillWidth: false, "data-testid": "horizontal-card-badge", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { text: badgeText, size: "md", state: badgeState, icon: badgeIcon, iconDir: badgeIconDir }) })
+          ] }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(Description, { children: description }),
+          children && /* @__PURE__ */ jsxRuntime.jsx(Description, { children })
+        ] })
+      ] }),
+      infoText && /* @__PURE__ */ jsxRuntime.jsx(Container, { justifyContent: "end", fillWidth: false, "data-testid": "horizontal-card-button", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { label: infoText, onClick: handleClick, fillWidth: true }) })
+    ] }) });
   };
   const Title$2 = React.forwardRef(({
     align,
@@ -18158,9 +18147,12 @@ var __publicField = (obj, key, value) => {
     $selectionType,
     $height,
     $type = "body",
-    $showBorder
+    $showBorder,
+    $rowAutoHeight
   }) => `
-    height: ${$height}px;
+    height: ${$rowAutoHeight ? "100%" : `${$height}px`};
+    min-height: ${$rowAutoHeight ? "auto" : ""};
+    overflow-y: ${$rowAutoHeight ? "auto" : ""};
     background: ${theme2.click.grid[$type].cell.color.background[$selectionType]};
     color: ${$type === "header" ? theme2.click.grid.header.cell.color.title[$selectionType] : theme2.click.grid.body.cell.color.text[$selectionType]};
     font: ${theme2.click.grid.cell.text.default};
@@ -18181,6 +18173,7 @@ var __publicField = (obj, key, value) => {
     ${$isLastColumn ? `
         border-right-color: ${theme2.click.grid[$type].cell.color.stroke[$isFocused ? "selectDirect" : $selectionType]};
     ` : "border-right: none;"}
+    ${$rowAutoHeight && "border: none;"}
   `, ({
     theme: theme2,
     $isLastRow,
@@ -18188,8 +18181,9 @@ var __publicField = (obj, key, value) => {
     $selectionType,
     $type = "body",
     $isSelectedTop,
-    $isSelectedLeft
-  }) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) ? `
+    $isSelectedLeft,
+    $rowAutoHeight
+  }) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) || $rowAutoHeight ? `
           &::before {
             content: "";
             position: absolute;
@@ -18201,6 +18195,7 @@ var __publicField = (obj, key, value) => {
             ${$isSelectedLeft ? `border-left: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
             ${$selectionType === "selectDirect" && $isLastRow ? `border-bottom: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
             ${$selectionType === "selectDirect" && $isLastColumn ? `border-right: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
+            ${$rowAutoHeight && "border: none;"}
           }
         ` : "");
   const RowNumberColumnContainer = styledComponents.styled.div.withConfig({
@@ -18220,10 +18215,11 @@ var __publicField = (obj, key, value) => {
     componentId: "sc-7gbi4d-1"
   })(["position:absolute;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;", ""], ({
     $height,
-    $rowNumber
+    $rowNumber,
+    $rowAutoHeight
   }) => `
     top: ${$height * $rowNumber}px;
-    height: ${$height}px;
+    height: ${$rowAutoHeight ? "100%" : `${$height}px`};
   `);
   const RowNumber = ({
     rowIndex,
@@ -18232,7 +18228,8 @@ var __publicField = (obj, key, value) => {
     isLastRow,
     isFirstRow,
     showBorder,
-    rowStart
+    rowStart,
+    rowAutoHeight
   }) => {
     const currentRowIndex = rowIndex + rowStart;
     const selectionType = getSelectionType({
@@ -18245,7 +18242,7 @@ var __publicField = (obj, key, value) => {
       type: "row"
     });
     const isSelectedTop = (topSelectionType === "selectDirect" || isSelected) && topSelectionType !== selectionType;
-    return /* @__PURE__ */ jsxRuntime.jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { $height: rowHeight, $isLastColumn: false, $selectionType: selectionType, $isFirstColumn: true, $type: "header", $isFirstRow: isFirstRow, $isFocused: false, $isLastRow: isLastRow, $isSelectedLeft: isSelected, $isSelectedTop: isSelectedTop, "data-selected": isSelected, "data-grid-row": currentRowIndex, "data-grid-column": -1, "data-testid": `header-cell-${currentRowIndex}-x`, $showBorder: showBorder, "data-align": "right", children: currentRowIndex }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, $rowAutoHeight: rowAutoHeight, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { $height: rowHeight, $isLastColumn: false, $selectionType: selectionType, $isFirstColumn: true, $type: "header", $isFirstRow: isFirstRow, $isFocused: false, $isLastRow: isLastRow, $isSelectedLeft: isSelected, $isSelectedTop: isSelectedTop, $rowAutoHeight: rowAutoHeight, "data-selected": isSelected, "data-grid-row": currentRowIndex, "data-grid-column": -1, "data-testid": `header-cell-${currentRowIndex}-x`, $showBorder: showBorder, "data-align": "right", children: currentRowIndex }) });
   };
   const RowNumberColumn = ({
     minRow,
@@ -18258,11 +18255,12 @@ var __publicField = (obj, key, value) => {
     showHeader,
     scrolledHorizontal,
     rowStart = 0,
-    showBorder
+    showBorder,
+    rowAutoHeight
   }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, children: Array.from({
+    return /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, $rowAutoHeight: rowAutoHeight, children: Array.from({
       length: maxRow - minRow + 1
-    }, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart }, `row-number-${rowIndex}`)) });
+    }, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart, rowAutoHeight }, `row-number-${rowIndex}`)) });
   };
   function isObject$a(value) {
     var type = typeof value;
@@ -18644,7 +18642,7 @@ var __publicField = (obj, key, value) => {
   }) => $scrolledHorizontal ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
   const RowColumn = styledComponents.styled(StyledCell).withConfig({
     componentId: "sc-1oadqc8-4"
-  })(["width:100%;text-align:right;"]);
+  })(["width:100%;text-align:right;overflow:hidden;"]);
   const Column = ({
     columnIndex,
     cell,
@@ -19073,7 +19071,9 @@ var __publicField = (obj, key, value) => {
       showRowNumber,
       showHeader,
       rowHeight,
-      rowStart
+      rowStart,
+      rowAutoHeight,
+      updateRowHeight
     } = data;
     const currentRowIndex = rowIndex + rowStart;
     const {
@@ -19102,7 +19102,19 @@ var __publicField = (obj, key, value) => {
     const belowSelectionBorder = (selectionType === "selectDirect" || belowSelection === "selectDirect") && selectionType !== belowSelection;
     const selectionBorderLeft = rightOfSelectionBorder || rightOfFocus || isFocused;
     const selectionBorderTop = belowSelectionBorder || belowFocus || isFocused;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style, "data-row": currentRowIndex, "data-column": columnIndex, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { as: CellData, rowIndex: currentRowIndex, columnIndex, type: "row-cell", "data-selected": isFocused || selectionType === "selectDirect", "data-focused": isFocused, $isSelectedTop: selectionBorderTop, $isSelectedLeft: selectionBorderLeft, $isFocused: isFocused, $isLastRow: rowCount - 1 === rowIndex, $isLastColumn: columnCount - 1 === columnIndex, $isFirstColumn: columnIndex === 0 && !showRowNumber, $isFirstRow: rowIndex === 0 && !showHeader, $selectionType: selectionType, $height: rowHeight, "data-grid-row": currentRowIndex, "data-grid-column": columnIndex, $showBorder: true, ...props }) });
+    const cellRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!rowAutoHeight || !cellRef.current) {
+        return;
+      }
+      const height = cellRef.current.getBoundingClientRect().height;
+      updateRowHeight(rowIndex, height);
+    }, [updateRowHeight, rowIndex, rowAutoHeight]);
+    const styleWithHeight = {
+      ...style,
+      height: "auto"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styleWithHeight, "data-row": currentRowIndex, "data-column": columnIndex, ref: cellRef, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { as: CellData, rowIndex: currentRowIndex, columnIndex, type: "row-cell", "data-selected": isFocused || selectionType === "selectDirect", "data-focused": isFocused, $isSelectedTop: selectionBorderTop, $isSelectedLeft: selectionBorderLeft, $isFocused: isFocused, $isLastRow: rowCount - 1 === rowIndex, $isLastColumn: columnCount - 1 === columnIndex, $isFirstColumn: columnIndex === 0 && !showRowNumber, $isFirstRow: rowIndex === 0 && !showHeader, $selectionType: selectionType, $height: rowHeight, "data-grid-row": currentRowIndex, "data-grid-column": columnIndex, $showBorder: true, $rowAutoHeight: rowAutoHeight, ...props }) });
   }, areEqual);
   var reactDomServerLegacy_browser_production_min = {};
   /**
@@ -33170,19 +33182,14 @@ var __publicField = (obj, key, value) => {
         return newWidth;
       };
       const columnWidthList = [...Array(columnCount).keys()];
-      const array = [];
       setColumnHorizontalPosition(() => {
-        return columnWidthList.reduce((acc, index2) => {
+        return columnWidthList.reduce((acc, _, index2) => {
           const width = getWidth(index2);
           prevWidth.current[index2.toString()] = width;
           columnWidthRefs.current[index2] = width;
-          if (index2 !== 0) {
-            acc.push(width + acc[index2 - 1]);
-          } else {
-            acc.push(0);
-          }
+          acc.push(acc[index2] + width);
           return acc;
-        }, array);
+        }, [0]);
       });
       (_a = gridRef.current) == null ? void 0 : _a.resetAfterColumnIndex(0);
     }, [columnCount, columnWidthProp, gridRef]);
@@ -33312,6 +33319,7 @@ var __publicField = (obj, key, value) => {
     onContextMenu: onContextMenuProp,
     forwardedGridRef,
     onItemsRendered: onItemsRenderedProp,
+    rowAutoHeight,
     ...props
   }, forwardedRef) => {
     const [focus, setFocus] = React.useState(focusProp ?? {
@@ -33393,6 +33401,29 @@ var __publicField = (obj, key, value) => {
       }
     }, [onSelectProp]);
     const resizingState = useResizingState();
+    const [rowHeights, setRowHeights] = React.useState({});
+    const getRowHeight = React.useCallback((index2) => {
+      if (rowAutoHeight && rowHeights[index2] !== void 0) {
+        return rowHeights[index2] + rowHeight;
+      }
+      return rowHeight;
+    }, [rowHeight, rowAutoHeight, rowHeights]);
+    const updateRowHeight = React.useCallback((rowIndex, height) => {
+      if (!rowAutoHeight) {
+        return;
+      }
+      setRowHeights((prevRowHeights) => {
+        if (height > (prevRowHeights[rowIndex] || 0) && gridRef.current) {
+          const newRowHeights = {
+            ...prevRowHeights,
+            [rowIndex]: height
+          };
+          gridRef.current.resetAfterRowIndex(rowIndex);
+          return newRowHeights;
+        }
+        return prevRowHeights;
+      });
+    }, [rowAutoHeight, gridRef]);
     const onFocusChange = React.useCallback((row, column) => {
       setFocus((focus2) => ({
         row: row ?? (focusProp == null ? void 0 : focusProp.row) ?? focus2.row,
@@ -33518,7 +33549,10 @@ var __publicField = (obj, key, value) => {
       rowHeight,
       headerHeight,
       rowNumberWidth,
-      rowStart
+      rowStart,
+      rowAutoHeight,
+      updateRowHeight,
+      getRowHeight
     };
     const InnerElementType = React.forwardRef(({
       children,
@@ -33527,7 +33561,7 @@ var __publicField = (obj, key, value) => {
       const [minRow, maxRow, minColumn, maxColumn] = getRenderedCursor(children);
       return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { ...containerProps, className: `sticky-grid__container grid-outer ${props.className ?? ""}`, children: [
         /* @__PURE__ */ jsxRuntime.jsx(GridDataContainer, { $top: showHeader ? headerHeight : 0, $left: showRowNumber ? rowNumberWidth : 0, ref, children }),
-        showRowNumber && /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder }),
+        showRowNumber && /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder, rowAutoHeight }),
         showHeader && /* @__PURE__ */ jsxRuntime.jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, getColumnWidth: columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState })
       ] });
     });
@@ -33780,11 +33814,16 @@ var __publicField = (obj, key, value) => {
       const width = columnWidth(args.columnIndex);
       return /* @__PURE__ */ jsxRuntime.jsx(Cell, { ...args, width });
     };
+    React.useEffect(() => {
+      if (gridRef.current) {
+        gridRef.current.resetAfterRowIndex(0);
+      }
+    }, [rowCount, columnCount]);
     return /* @__PURE__ */ jsxRuntime.jsxs(ContextMenu, { modal: false, onOpenChange: setContextMenuOpen, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { as: ContextMenu.Trigger, ref: mergeRefs([forwardedRef, containerRef]), tabIndex: 0, onMouseDown, onMouseMove, onKeyDown, onPointerDown, onPointerUp, onPointerLeave: setPointerCapture, onPointerEnter: setPointerCapture, onContextMenu, $rounded: rounded, $height: autoHeight ? rowCount * rowHeight + (showHeader ? headerHeight : 0) + elementBorderRef.current.scrollBarHeight : void 0, $showBorder: showBorder, children: /* @__PURE__ */ jsxRuntime.jsx(AutoSizer, { onResize, children: ({
         height,
         width
-      }) => /* @__PURE__ */ jsxRuntime.jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight: () => rowHeight, useIsScrolling, innerElementType: InnerElementType, itemData: data, initialScrollTop: focus.row < rowStart ? focus.row * rowHeight : (focus.row - rowStart) * rowHeight, initialScrollLeft: getColumnHorizontalPosition(focus.column), columnWidth, rowCount, onScroll, outerRef, outerElementType: OuterElementType, onItemsRendered, ...props, children: CellWithWidth }) }) }),
+      }) => /* @__PURE__ */ jsxRuntime.jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight: getRowHeight, useIsScrolling, innerElementType: InnerElementType, itemData: data, initialScrollTop: focus.row < rowStart ? focus.row * rowHeight : (focus.row - rowStart) * rowHeight, initialScrollLeft: getColumnHorizontalPosition(focus.column), columnWidth, rowCount, onScroll, outerRef, outerElementType: OuterElementType, onItemsRendered, ...props, children: CellWithWidth }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Content, { children: menuOptions.map((option, index2) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Item, { onSelect: option.onSelect, children: option.label }, `grid-${index2}`)) })
     ] });
   });
@@ -39449,7 +39488,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       border: vars.border,
       borderRadius: props.theme.click.switch.radii.all,
       position: "relative",
-      padding: 0
+      padding: 0,
+      cursor: props.disabled ? "not-allowed" : "pointer"
     };
   });
   const SwitchThumb = styledComponents.styled($6be4966fd9bbc698$export$6521433ed15a34db).withConfig({
@@ -44770,7 +44810,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             "default": "#323232"
           },
           text: {
-            "default": "#ffffff"
+            "default": "#ffffff",
+            disabled: "#808080"
           },
           link: {
             "default": "#FAFF69"
@@ -46541,7 +46582,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             "default": "#e6e7e9"
           },
           text: {
-            "default": "#161517"
+            "default": "#161517",
+            disabled: "#a0a0a0"
           },
           link: {
             "default": "#437EEF"
@@ -49405,7 +49447,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             "default": "#e6e7e9"
           },
           text: {
-            "default": "#161517"
+            "default": "#161517",
+            disabled: "#a0a0a0"
           },
           link: {
             "default": "#437EEF"

package/dist/components/CardHorizontal/CardHorizontal.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
 import { BadgeState, HorizontalDirection, IconName } from '..';
 
 type CardColor = "default" | "muted";
@@ -7,13 +7,17 @@ export interface CardHorizontalProps extends Omit<HTMLAttributes<HTMLDivElement>
     icon?: IconName;
     disabled?: boolean;
     description?: ReactNode;
+    infoUrl?: string;
+    infoText?: string;
     isSelected?: boolean;
+    isSelectable?: boolean;
     children?: ReactNode;
     color?: CardColor;
     badgeText?: string;
     badgeState?: BadgeState;
     badgeIcon?: IconName;
     badgeIconDir?: HorizontalDirection;
+    onButtonClick?: MouseEventHandler<HTMLElement>;
 }
-export declare const CardHorizontal: ({ title, icon, description, disabled, isSelected, children, color, badgeText, badgeState, badgeIcon, badgeIconDir, ...props }: CardHorizontalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHorizontal: ({ title, icon, description, disabled, infoText, infoUrl, isSelected, isSelectable, children, color, badgeText, badgeState, badgeIcon, badgeIconDir, onButtonClick, ...props }: CardHorizontalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Grid/Header.d.ts

@@ -19,5 +19,5 @@ interface HeaderProps {
     scrolledHorizontal: boolean;
     resizingState: ResizingState;
 }
-declare const Header: ({ scrolledVertical, scrolledHorizontal, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, getColumnWidth, cell, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ scrolledVertical, scrolledHorizontal, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, getColumnWidth, cell, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/Grid/RowNumberColumn.d.ts

@@ -12,6 +12,7 @@ interface RowNumberColumnProps {
     scrolledHorizontal: boolean;
     rowStart: number;
     showBorder: boolean;
+    rowAutoHeight?: boolean;
 }
-declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default RowNumberColumn;

package/dist/components/Grid/StyledCell.d.ts

@@ -12,4 +12,5 @@ export declare const StyledCell: import('styled-components/dist/types').IStyledC
     $height: number;
     $type?: "body" | "header";
     $showBorder: boolean;
+    $rowAutoHeight?: boolean;
 }>> & string;

package/dist/components/Grid/types.d.ts

@@ -107,6 +107,9 @@ export interface ItemDataType {
     headerHeight: number;
     rowNumberWidth: number;
     rowStart: number;
+    rowAutoHeight?: boolean;
+    updateRowHeight: (rowIndex: number, height: number) => void;
+    getRowHeight: (index: number) => number;
 }
 export interface GridContextMenuItemProps extends Omit<ContextMenuItemProps, "children"> {
     label: ReactNode;
@@ -137,6 +140,7 @@ export interface GridProps extends Omit<VariableSizeGridProps, "height" | "width
     onCopyCallback?: (copied: boolean) => void;
     onContextMenu?: MouseEventHandler<HTMLDivElement>;
     forwardedGridRef?: MutableRefObject<VariableSizeGrid>;
+    rowAutoHeight?: boolean;
 }
 export type ResizerPosition = {
     left: string;

package/dist/components/Logos/types.d.ts

@@ -1 +1 @@
-export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "postgres_cdc" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream";
+export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream";