@clickhouse/click-ui 0.0.195 → 0.0.197

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2035,23 +2035,6 @@ const Postgres = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "
2035
2035
  /* @__PURE__ */ 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" }),
2036
2036
  /* @__PURE__ */ 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" })
2037
2037
  ] });
2038
- const PostgresCDCLight = (props) => /* @__PURE__ */ jsxs("svg", { width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2039
- /* @__PURE__ */ 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" }),
2040
- /* @__PURE__ */ 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" }),
2041
- /* @__PURE__ */ 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" }),
2042
- /* @__PURE__ */ 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" }),
2043
- /* @__PURE__ */ 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" }),
2044
- /* @__PURE__ */ 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" }),
2045
- /* @__PURE__ */ 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" }),
2046
- /* @__PURE__ */ 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" }),
2047
- /* @__PURE__ */ 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" }),
2048
- /* @__PURE__ */ 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" }),
2049
- /* @__PURE__ */ jsx("path", { d: "M78.2139 40.7074V27.2642H80.8886V40.7074H78.2139ZM72.8346 35.3182V32.6435H86.2778V35.3182H72.8346Z", fill: "#161517" }),
2050
- /* @__PURE__ */ 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" }),
2051
- /* @__PURE__ */ 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" }),
2052
- /* @__PURE__ */ 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" }),
2053
- /* @__PURE__ */ 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" })
2054
- ] });
2055
2038
  const Prequel = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2056
2039
  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_6290_11174)", children: [
2057
2040
  /* @__PURE__ */ jsx("path", { d: "M62 2H2V62H62V2Z", fill: "#141414" }),
@@ -2237,7 +2220,6 @@ const LogosLight = {
2237
2220
  mysql: MySQL,
2238
2221
  nodejs: NodeJs,
2239
2222
  postgres: Postgres,
2240
- postgres_cdc: PostgresCDCLight,
2241
2223
  prequel: Prequel,
2242
2224
  python: Python,
2243
2225
  redpanda: Redpanda,
@@ -2334,23 +2316,6 @@ const KafkaDark = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height:
2334
2316
  /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_472_6153)", children: /* @__PURE__ */ 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" }) }),
2335
2317
  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_472_6153", children: /* @__PURE__ */ jsx("rect", { width: "39.424", height: "64", fill: "white", transform: "translate(12)" }) }) })
2336
2318
  ] });
2337
- const PostgresCDCDark = (props) => /* @__PURE__ */ jsxs("svg", { width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2338
- /* @__PURE__ */ 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" }),
2339
- /* @__PURE__ */ 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" }),
2340
- /* @__PURE__ */ 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" }),
2341
- /* @__PURE__ */ 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" }),
2342
- /* @__PURE__ */ 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" }),
2343
- /* @__PURE__ */ 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" }),
2344
- /* @__PURE__ */ 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" }),
2345
- /* @__PURE__ */ 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" }),
2346
- /* @__PURE__ */ 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" }),
2347
- /* @__PURE__ */ 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" }),
2348
- /* @__PURE__ */ jsx("path", { d: "M78.2139 40.7074V27.2642H80.8886V40.7074H78.2139ZM72.8346 35.3182V32.6435H86.2778V35.3182H72.8346Z", fill: "white" }),
2349
- /* @__PURE__ */ 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" }),
2350
- /* @__PURE__ */ 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" }),
2351
- /* @__PURE__ */ 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" }),
2352
- /* @__PURE__ */ 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" })
2353
- ] });
2354
2319
  const RustDark = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2355
2320
  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3280_12848)", children: [
2356
2321
  /* @__PURE__ */ 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" }),
@@ -2441,7 +2406,6 @@ const LogosDark = {
2441
2406
  mysql: MySQL,
2442
2407
  nodejs: NodeJs,
2443
2408
  postgres: Postgres,
2444
- postgres_cdc: PostgresCDCDark,
2445
2409
  prequel: Prequel,
2446
2410
  python: Python,
2447
2411
  redpanda: Redpanda,
@@ -7883,7 +7847,7 @@ const mergeRefs = (refs) => (value) => {
7883
7847
  };
7884
7848
  const EllipsisContainer$1 = styled.div.withConfig({
7885
7849
  componentId: "sc-1ibz5fp-0"
7886
- })(["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;}"]);
7850
+ })(["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;}"]);
7887
7851
  const _EllipsisContent = ({
7888
7852
  component,
7889
7853
  ...props
@@ -18143,12 +18107,9 @@ const StyledCell = styled.div.withConfig({
18143
18107
  $selectionType,
18144
18108
  $height,
18145
18109
  $type = "body",
18146
- $showBorder,
18147
- $rowAutoHeight
18110
+ $showBorder
18148
18111
  }) => `
18149
- height: ${$rowAutoHeight ? "100%" : `${$height}px`};
18150
- min-height: ${$rowAutoHeight ? "auto" : ""};
18151
- overflow-y: ${$rowAutoHeight ? "auto" : ""};
18112
+ height: ${$height}px;
18152
18113
  background: ${theme2.click.grid[$type].cell.color.background[$selectionType]};
18153
18114
  color: ${$type === "header" ? theme2.click.grid.header.cell.color.title[$selectionType] : theme2.click.grid.body.cell.color.text[$selectionType]};
18154
18115
  font: ${theme2.click.grid.cell.text.default};
@@ -18169,7 +18130,6 @@ const StyledCell = styled.div.withConfig({
18169
18130
  ${$isLastColumn ? `
18170
18131
  border-right-color: ${theme2.click.grid[$type].cell.color.stroke[$isFocused ? "selectDirect" : $selectionType]};
18171
18132
  ` : "border-right: none;"}
18172
- ${$rowAutoHeight && "border: none;"}
18173
18133
  `, ({
18174
18134
  theme: theme2,
18175
18135
  $isLastRow,
@@ -18177,9 +18137,8 @@ const StyledCell = styled.div.withConfig({
18177
18137
  $selectionType,
18178
18138
  $type = "body",
18179
18139
  $isSelectedTop,
18180
- $isSelectedLeft,
18181
- $rowAutoHeight
18182
- }) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) || $rowAutoHeight ? `
18140
+ $isSelectedLeft
18141
+ }) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) ? `
18183
18142
  &::before {
18184
18143
  content: "";
18185
18144
  position: absolute;
@@ -18191,7 +18150,6 @@ const StyledCell = styled.div.withConfig({
18191
18150
  ${$isSelectedLeft ? `border-left: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
18192
18151
  ${$selectionType === "selectDirect" && $isLastRow ? `border-bottom: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
18193
18152
  ${$selectionType === "selectDirect" && $isLastColumn ? `border-right: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
18194
- ${$rowAutoHeight && "border: none;"}
18195
18153
  }
18196
18154
  ` : "");
18197
18155
  const RowNumberColumnContainer = styled.div.withConfig({
@@ -18202,7 +18160,7 @@ const RowNumberColumnContainer = styled.div.withConfig({
18202
18160
  }) => `
18203
18161
  top: ${$height}px;
18204
18162
  width: ${$width}px;
18205
- height: 100%
18163
+ height: 100%;
18206
18164
  `, ({
18207
18165
  $scrolledHorizontal,
18208
18166
  theme: theme2
@@ -18211,11 +18169,10 @@ const RowNumberCell = styled.div.withConfig({
18211
18169
  componentId: "sc-7gbi4d-1"
18212
18170
  })(["position:absolute;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;", ""], ({
18213
18171
  $height,
18214
- $rowNumber,
18215
- $rowAutoHeight
18172
+ $rowNumber
18216
18173
  }) => `
18217
18174
  top: ${$height * $rowNumber}px;
18218
- height: ${$rowAutoHeight ? "100%" : `${$height}px`};
18175
+ height: ${$height}px;
18219
18176
  `);
18220
18177
  const RowNumber = ({
18221
18178
  rowIndex,
@@ -18224,8 +18181,7 @@ const RowNumber = ({
18224
18181
  isLastRow,
18225
18182
  isFirstRow,
18226
18183
  showBorder,
18227
- rowStart,
18228
- rowAutoHeight
18184
+ rowStart
18229
18185
  }) => {
18230
18186
  const currentRowIndex = rowIndex + rowStart;
18231
18187
  const selectionType = getSelectionType({
@@ -18238,7 +18194,7 @@ const RowNumber = ({
18238
18194
  type: "row"
18239
18195
  });
18240
18196
  const isSelectedTop = (topSelectionType === "selectDirect" || isSelected) && topSelectionType !== selectionType;
18241
- return /* @__PURE__ */ jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, $rowAutoHeight: rowAutoHeight, children: /* @__PURE__ */ 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 }) });
18197
+ return /* @__PURE__ */ jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, children: /* @__PURE__ */ 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 }) });
18242
18198
  };
18243
18199
  const RowNumberColumn = ({
18244
18200
  minRow,
@@ -18251,12 +18207,11 @@ const RowNumberColumn = ({
18251
18207
  showHeader,
18252
18208
  scrolledHorizontal,
18253
18209
  rowStart = 0,
18254
- showBorder,
18255
- rowAutoHeight
18210
+ showBorder
18256
18211
  }) => {
18257
- return /* @__PURE__ */ jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, $rowAutoHeight: rowAutoHeight, children: Array.from({
18212
+ return /* @__PURE__ */ jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, children: Array.from({
18258
18213
  length: maxRow - minRow + 1
18259
- }, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart, rowAutoHeight }, `row-number-${rowIndex}`)) });
18214
+ }, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart }, `row-number-${rowIndex}`)) });
18260
18215
  };
18261
18216
  function isObject$a(value) {
18262
18217
  var type = typeof value;
@@ -18638,7 +18593,7 @@ const RowColumnContainer = styled(HeaderCellContainer).withConfig({
18638
18593
  }) => $scrolledHorizontal ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
18639
18594
  const RowColumn = styled(StyledCell).withConfig({
18640
18595
  componentId: "sc-1oadqc8-4"
18641
- })(["width:100%;text-align:right;overflow:hidden;"]);
18596
+ })(["width:100%;text-align:right;"]);
18642
18597
  const Column = ({
18643
18598
  columnIndex,
18644
18599
  cell,
@@ -19067,9 +19022,7 @@ const Cell = memo(({
19067
19022
  showRowNumber,
19068
19023
  showHeader,
19069
19024
  rowHeight,
19070
- rowStart,
19071
- rowAutoHeight,
19072
- updateRowHeight
19025
+ rowStart
19073
19026
  } = data;
19074
19027
  const currentRowIndex = rowIndex + rowStart;
19075
19028
  const {
@@ -19098,21 +19051,7 @@ const Cell = memo(({
19098
19051
  const belowSelectionBorder = (selectionType === "selectDirect" || belowSelection === "selectDirect") && selectionType !== belowSelection;
19099
19052
  const selectionBorderLeft = rightOfSelectionBorder || rightOfFocus || isFocused;
19100
19053
  const selectionBorderTop = belowSelectionBorder || belowFocus || isFocused;
19101
- const cellRef = useRef(null);
19102
- useEffect(() => {
19103
- if (!rowAutoHeight) {
19104
- return;
19105
- }
19106
- if (cellRef.current) {
19107
- const height = cellRef.current.getBoundingClientRect().height;
19108
- updateRowHeight(rowIndex, height);
19109
- }
19110
- }, [updateRowHeight, rowIndex, rowAutoHeight]);
19111
- const styleWithHeight = {
19112
- ...style,
19113
- height: "auto"
19114
- };
19115
- return /* @__PURE__ */ jsx("div", { style: styleWithHeight, "data-row": currentRowIndex, "data-column": columnIndex, ref: cellRef, children: /* @__PURE__ */ 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 }) });
19054
+ return /* @__PURE__ */ jsx("div", { style, "data-row": currentRowIndex, "data-column": columnIndex, children: /* @__PURE__ */ 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 }) });
19116
19055
  }, areEqual);
19117
19056
  var reactDomServerLegacy_browser_production_min = {};
19118
19057
  /**
@@ -33180,19 +33119,14 @@ const useColumns = ({
33180
33119
  return newWidth;
33181
33120
  };
33182
33121
  const columnWidthList = [...Array(columnCount).keys()];
33183
- const array = [];
33184
33122
  setColumnHorizontalPosition(() => {
33185
- return columnWidthList.reduce((acc, index2) => {
33123
+ return columnWidthList.reduce((acc, _, index2) => {
33186
33124
  const width = getWidth(index2);
33187
33125
  prevWidth.current[index2.toString()] = width;
33188
33126
  columnWidthRefs.current[index2] = width;
33189
- if (index2 !== 0) {
33190
- acc.push(width + acc[index2 - 1]);
33191
- } else {
33192
- acc.push(0);
33193
- }
33127
+ acc.push(acc[index2] + width);
33194
33128
  return acc;
33195
- }, array);
33129
+ }, [0]);
33196
33130
  });
33197
33131
  (_a = gridRef.current) == null ? void 0 : _a.resetAfterColumnIndex(0);
33198
33132
  }, [columnCount, columnWidthProp, gridRef]);
@@ -33322,7 +33256,6 @@ const Grid = forwardRef(({
33322
33256
  onContextMenu: onContextMenuProp,
33323
33257
  forwardedGridRef,
33324
33258
  onItemsRendered: onItemsRenderedProp,
33325
- rowAutoHeight,
33326
33259
  ...props
33327
33260
  }, forwardedRef) => {
33328
33261
  const [focus, setFocus] = useState(focusProp ?? {
@@ -33366,25 +33299,6 @@ const Grid = forwardRef(({
33366
33299
  }
33367
33300
  }
33368
33301
  }, [cell, columnCount, focus, focusProp, rowCount, selection, showToast, onCopyCallback]);
33369
- const rowHeightsRef = useRef(/* @__PURE__ */ new Map());
33370
- const getRowHeight2 = useCallback((index2) => {
33371
- if (rowAutoHeight && rowHeightsRef.current.get(index2)) {
33372
- return rowHeightsRef.current.get(index2) + rowHeight;
33373
- }
33374
- return rowHeight;
33375
- }, [rowHeight, rowAutoHeight]);
33376
- const updateRowHeight = useCallback((rowIndex, height) => {
33377
- if (!rowAutoHeight) {
33378
- return;
33379
- }
33380
- const prevHeight = rowHeightsRef.current.get(rowIndex) ?? 0;
33381
- if (height > prevHeight) {
33382
- rowHeightsRef.current.set(rowIndex, height);
33383
- if (gridRef.current) {
33384
- gridRef.current.resetAfterRowIndex(rowIndex);
33385
- }
33386
- }
33387
- }, [rowAutoHeight]);
33388
33302
  const customOnCopy = useMemo(() => {
33389
33303
  const result = async () => {
33390
33304
  if (onCopyProp) {
@@ -33548,10 +33462,7 @@ const Grid = forwardRef(({
33548
33462
  rowHeight,
33549
33463
  headerHeight,
33550
33464
  rowNumberWidth,
33551
- rowStart,
33552
- rowAutoHeight,
33553
- updateRowHeight,
33554
- getRowHeight: getRowHeight2
33465
+ rowStart
33555
33466
  };
33556
33467
  const InnerElementType = forwardRef(({
33557
33468
  children,
@@ -33560,7 +33471,7 @@ const Grid = forwardRef(({
33560
33471
  const [minRow, maxRow, minColumn, maxColumn] = getRenderedCursor(children);
33561
33472
  return /* @__PURE__ */ jsxs(GridContainer, { ...containerProps, className: `sticky-grid__container grid-outer ${props.className ?? ""}`, children: [
33562
33473
  /* @__PURE__ */ jsx(GridDataContainer, { $top: showHeader ? headerHeight : 0, $left: showRowNumber ? rowNumberWidth : 0, ref, children }),
33563
- showRowNumber && /* @__PURE__ */ jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder, rowAutoHeight }),
33474
+ showRowNumber && /* @__PURE__ */ jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder }),
33564
33475
  showHeader && /* @__PURE__ */ jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, getColumnWidth: columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState })
33565
33476
  ] });
33566
33477
  });
@@ -33813,16 +33724,11 @@ const Grid = forwardRef(({
33813
33724
  const width = columnWidth(args.columnIndex);
33814
33725
  return /* @__PURE__ */ jsx(Cell, { ...args, width });
33815
33726
  };
33816
- useEffect(() => {
33817
- if (gridRef.current) {
33818
- gridRef.current.resetAfterRowIndex(0);
33819
- }
33820
- }, [rowCount, columnCount]);
33821
33727
  return /* @__PURE__ */ jsxs(ContextMenu, { modal: false, onOpenChange: setContextMenuOpen, children: [
33822
33728
  /* @__PURE__ */ 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__ */ jsx(AutoSizer, { onResize, children: ({
33823
33729
  height,
33824
33730
  width
33825
- }) => /* @__PURE__ */ jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight: getRowHeight2, 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 }) }) }),
33731
+ }) => /* @__PURE__ */ 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 }) }) }),
33826
33732
  /* @__PURE__ */ jsx(ContextMenu.Content, { children: menuOptions.map((option2, index2) => /* @__PURE__ */ jsx(ContextMenu.Item, { onSelect: option2.onSelect, children: option2.label }, `grid-${index2}`)) })
33827
33733
  ] });
33828
33734
  });