@clickhouse/click-ui 0.0.235 → 0.0.237

package/dist/click-ui.es.js

@@ -247,6 +247,7 @@ const DatabaseIcon = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www
   /* @__PURE__ */ jsx("path", { fill: "#161517", fillRule: "evenodd", stroke: "#161517", strokeWidth: 0.5, d: "M5.5 13.18c0 1.776 2.934 3.033 6.498 3.033 3.565 0 6.499-1.257 6.499-3.032a.433.433 0 1 0-.867 0c0 1.096-2.497 2.166-5.632 2.166s-5.632-1.07-5.632-2.166a.433.433 0 1 0-.866 0ZM5.5 9.499c0 1.557 2.919 2.6 6.498 2.6 3.58 0 6.499-1.043 6.499-2.6a.433.433 0 1 0-.867 0c0 .835-2.512 1.733-5.632 1.733-3.12 0-5.632-.898-5.632-1.733a.433.433 0 0 0-.866 0ZM17.631 5.6c0 .835-2.512 1.732-5.632 1.732-3.12 0-5.632-.897-5.632-1.733 0-.835 2.513-1.733 5.632-1.733 3.12 0 5.632.898 5.632 1.733Zm.867 0c0-1.558-2.919-2.6-6.499-2.6-3.58 0-6.498 1.042-6.498 2.6 0 1.556 2.919 2.599 6.498 2.599 3.58 0 6.499-1.043 6.499-2.6Z", clipRule: "evenodd" }),
   /* @__PURE__ */ jsx("path", { fill: "#161517", fillRule: "evenodd", stroke: "#161517", strokeWidth: 0.5, d: "M17.63 5.6v11.697c0 .285-.578.833-1.53 1.289-1.147.548-2.61.88-4.101.877-1.494.003-2.956-.329-4.102-.877-.953-.456-1.53-1.004-1.53-1.289V5.6a.433.433 0 1 0-.867 0v11.697c0 1.483 3.253 3.039 6.499 3.033 3.245.006 6.498-1.55 6.498-3.033V5.6a.433.433 0 0 0-.867 0Z", clipRule: "evenodd" })
 ] });
+const DataLakes = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx("path", { d: "M20.9004 19.6338L18.8994 20.8984C17.9346 21.5078 16.6931 21.4581 15.7803 20.7734L14.8164 20.0498C14.7276 19.9833 14.6054 19.9832 14.5166 20.0498L13.582 20.751C12.6493 21.4505 11.3764 21.4856 10.4062 20.8389L9.13867 19.9941C9.0547 19.9382 8.9453 19.9382 8.86133 19.9941L7.52539 20.8848C6.60175 21.5004 5.39825 21.5004 4.47461 20.8848L2.58398 19.624L3.41602 18.376L5.30664 19.6367C5.72643 19.9165 6.27357 19.9165 6.69336 19.6367L8.0293 18.7461C8.61712 18.3542 9.38288 18.3542 9.9707 18.7461L11.2383 19.5908C11.6792 19.8848 12.2577 19.8687 12.6816 19.5508L13.6162 18.8496C14.2384 18.383 15.0946 18.383 15.7168 18.8496L16.6807 19.5732C17.0956 19.8844 17.6601 19.9068 18.0986 19.6299L20.0996 18.3662L20.9004 19.6338ZM20.9004 15.6338L18.8994 16.8984C17.9346 17.5078 16.6931 17.4581 15.7803 16.7734L14.8164 16.0498C14.7276 15.9833 14.6054 15.9832 14.5166 16.0498L13.582 16.751C12.6493 17.4505 11.3764 17.4856 10.4062 16.8389L9.13867 15.9941C9.0547 15.9382 8.9453 15.9382 8.86133 15.9941L7.52539 16.8848C6.60175 17.5004 5.39825 17.5004 4.47461 16.8848L2.58398 15.624L3.41602 14.376L5.30664 15.6367C5.72643 15.9165 6.27357 15.9165 6.69336 15.6367L8.0293 14.7461C8.61712 14.3542 9.38288 14.3542 9.9707 14.7461L11.2383 15.5908C11.6792 15.8848 12.2577 15.8687 12.6816 15.5508L13.6162 14.8496C14.2384 14.383 15.0946 14.383 15.7168 14.8496L16.6807 15.5732C17.0956 15.8844 17.6601 15.9068 18.0986 15.6299L20.0996 14.3662L20.9004 15.6338ZM11.5 3C15.366 3 18.5 4.34315 18.5 6C18.5 6.17058 18.4652 6.3372 18.4014 6.5H18.5V14.5H17V11.543C16.7374 11.7031 16.4546 11.8438 16.1602 11.9639C14.8178 12.5113 13.0431 12.759 11.332 12.75C9.62277 12.741 7.87454 12.4748 6.58887 11.918C6.38544 11.8299 6.18845 11.7295 6 11.6201V14.5H4.5V6.5H4.59863C4.53482 6.3372 4.5 6.17058 4.5 6C4.5 4.34315 7.63401 3 11.5 3ZM17 7.85352C15.7182 8.55058 13.7316 9 11.5 9C9.26844 9 7.2818 8.55058 6 7.85352V9.18262L6.03027 9.19141C5.96305 9.44664 6.01007 9.64216 6.16113 9.84082C6.33567 10.0703 6.66612 10.3174 7.18457 10.542C8.21747 10.9894 9.74418 11.2416 11.3398 11.25C12.9335 11.2584 14.495 11.0233 15.5938 10.5752C16.144 10.3508 16.5256 10.0937 16.749 9.83691C16.9543 9.60092 17.0272 9.36858 16.9912 9.09961L17 9.09766V7.85352ZM11.5 4.5C9.72042 4.5 8.18069 4.81254 7.1416 5.25781C6.6197 5.48149 6.29267 5.70904 6.11816 5.88574C6.06975 5.9348 6.0391 5.97301 6.02051 6C6.0391 6.02699 6.06975 6.0652 6.11816 6.11426C6.29267 6.29096 6.6197 6.51851 7.1416 6.74219C8.18069 7.18746 9.72042 7.5 11.5 7.5C13.2796 7.5 14.8193 7.18746 15.8584 6.74219C16.3803 6.51851 16.7073 6.29096 16.8818 6.11426C16.93 6.06548 16.9599 6.02696 16.9785 6C16.9599 5.97304 16.93 5.93452 16.8818 5.88574C16.7073 5.70904 16.3803 5.48149 15.8584 5.25781C14.8193 4.81254 13.2796 4.5 11.5 4.5Z", fill: "#161517" }) });
 const Disk = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: [
   /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M16.164 3H5.007a2 2 0 0 0-2 2.015l.104 14a2 2 0 0 0 2 1.985h13.88a2 2 0 0 0 2-2V7.828a2 2 0 0 0-.585-1.414l-2.828-2.828A1.999 1.999 0 0 0 16.164 3Z", clipRule: "evenodd" }),
   /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.993 3v3.909a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V3M7 21v-7.714C7 12.576 7.576 12 8.286 12h7.429c.709 0 1.285.576 1.285 1.286V21" })
@@ -815,6 +816,7 @@ const ICONS_MAP = {
   "credit-card": CreditCard,
   data: Data,
   database: DatabaseIcon,
+  "data-lakes": DataLakes,
   disk: Disk,
   display: Display,
   document: Document,
@@ -1669,54 +1671,46 @@ const AWSLight = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "
   /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M54.8755 39.0706C54.1621 38.1693 50.1534 38.6366 48.3359 38.8536C47.7923 38.9204 47.7074 38.453 48.2 38.1026C51.3934 35.8995 56.6421 36.5337 57.2536 37.2681C57.8651 38.0191 57.0837 43.1762 54.0942 45.6463C53.6355 46.0301 53.1939 45.8298 53.3977 45.3292C54.0772 43.6769 55.5889 39.9551 54.8755 39.0706Z", fill: "#FF9900" })
 ] });
 const AWSAthena = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-  /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_5755_3307)", children: /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip1_5755_3307)", children: [
-    /* @__PURE__ */ jsx("path", { d: "M60 4H4V60H60V4Z", fill: "url(#paint0_linear_5755_3307)" }),
-    /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.8067 23.0586C33.9513 23.0586 35.6737 23.7631 35.9877 24.1164C35.6737 24.4698 33.9513 25.1743 30.8067 25.1743C27.6621 25.1743 25.9398 24.4698 25.6257 24.1164C25.9398 23.7631 27.6621 23.0586 30.8067 23.0586ZM30.4489 28.6976C30.3336 28.6383 30.2523 28.5206 30.2523 28.3809C30.2523 28.1849 30.4107 28.0248 30.6045 28.0248C30.6608 28.0248 30.7122 28.041 30.7602 28.0657L30.4489 28.6976ZM34.4974 34.5135C34.4453 34.5558 34.3258 34.6376 34.0799 34.7364C33.861 34.8238 33.6018 34.9028 33.3079 34.9719C32.527 35.1553 31.5668 35.2561 30.6039 35.2561C28.498 35.2561 27.0306 34.8013 26.7145 34.5192L25.7814 25.8055C27.2119 26.3908 29.3192 26.5847 30.8067 26.5847C32.2692 26.5847 34.3307 26.3964 35.7605 25.8337L35.2026 29.6658C34.1514 29.2695 32.8397 28.694 31.5967 28.089C31.4702 27.6503 31.0763 27.3273 30.6045 27.3273C30.032 27.3273 29.5665 27.8005 29.5665 28.3809C29.5665 28.9627 30.032 29.4352 30.6045 29.4352C30.74 29.4352 30.8693 29.407 30.9874 29.3591C32.7243 30.2166 34.0187 30.7667 34.9928 31.1059L34.4974 34.5135ZM24.2105 24.1926L25.3353 34.6948C25.4145 36.644 30.3899 36.6666 30.6039 36.6666C31.669 36.6666 32.7403 36.5523 33.6206 36.3464C33.9812 36.2618 34.3077 36.1616 34.5905 36.0481C35.4118 35.718 35.8425 35.2681 35.8724 34.7117L36.3407 31.4931C36.6596 31.5586 36.9201 31.5876 37.1279 31.5876C37.7817 31.5876 37.954 31.3196 38.0728 31.1348C38.1978 30.9402 38.234 30.7011 38.1756 30.4606C38.0422 29.9077 37.262 29.1799 36.7409 28.7476L37.3995 24.2194L37.3933 24.2187C37.3961 24.1841 37.4072 24.1517 37.4072 24.1164C37.4072 22.1679 33.2579 21.6482 30.8067 21.6482C28.3555 21.6482 24.2063 22.1679 24.2063 24.1164C24.2063 24.1425 24.2153 24.1658 24.2167 24.1919L24.2105 24.1926ZM30.485 18.0417C36.5408 18.0417 41.4675 23.0424 41.4675 29.1891C41.4675 35.3358 36.5408 40.3365 30.485 40.3365C24.4286 40.3365 19.5019 35.3358 19.5019 29.1891C19.5019 23.0424 24.4286 18.0417 30.485 18.0417ZM13.0898 33.2843V34.6948H19.3428V34.6115C21.3417 38.8245 25.5785 41.747 30.485 41.747C37.3064 41.747 42.857 36.1137 42.857 29.1891C42.857 22.2645 37.3064 16.6312 30.485 16.6312C25.1776 16.6312 20.6539 20.0473 18.9002 24.8217H13.0898V26.2321H18.4736C18.2569 27.1397 18.1297 28.0812 18.1193 29.053H11.7002V30.4634H18.1763C18.2742 31.443 18.4945 32.3838 18.8016 33.2843H13.0898ZM50.9561 50.2244C50.1154 51.0792 48.6578 51.0841 47.8178 50.2322L40.353 42.6546C41.5543 41.7456 42.6264 40.6729 43.5456 39.4733L50.9645 47.0397C51.382 47.4642 51.612 48.0298 51.6106 48.6313C51.6099 49.2343 51.3779 49.7992 50.9561 50.2244ZM51.9483 46.0439L44.3633 38.3069C46.0447 35.6793 47.0257 32.5495 47.0257 29.1891C47.0257 19.931 39.6055 12.3999 30.485 12.3999C23.9312 12.3999 17.988 16.3336 15.3429 22.4218L16.6144 22.9902C19.0371 17.414 24.4814 13.8103 30.485 13.8103C38.8398 13.8103 45.6362 20.7088 45.6362 29.1891C45.6362 37.6687 38.8398 44.5679 30.485 44.5679C24.9039 44.5679 19.7902 41.467 17.1383 36.4754L15.9154 37.1454C18.8092 42.5939 24.3925 45.9783 30.485 45.9783C33.6741 45.9783 36.654 45.0552 39.1823 43.4614L46.8361 51.2301C47.5156 51.9198 48.4195 52.2999 49.3797 52.2999C50.3454 52.2999 51.2549 51.917 51.9372 51.2237C52.6208 50.534 52.9988 49.6144 53.0002 48.6335C53.0023 47.6539 52.6278 46.7343 51.9483 46.0439Z", fill: "white" })
-  ] }) }),
-  /* @__PURE__ */ jsxs("defs", { children: [
-    /* @__PURE__ */ jsxs("linearGradient", { id: "paint0_linear_5755_3307", x1: "4", y1: "5604", x2: "5604", y2: "4", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
-    ] }),
-    /* @__PURE__ */ jsx("clipPath", { id: "clip0_5755_3307", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) }),
-    /* @__PURE__ */ jsx("clipPath", { id: "clip1_5755_3307", children: /* @__PURE__ */ jsx("rect", { width: "56", height: "56", fill: "white", transform: "translate(4 4)" }) })
-  ] })
+  /* @__PURE__ */ jsx("path", { fill: "url(#aws-athena-gradient)", d: "M64 0H0v64h64z" }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M30.636 21.781c3.594 0 5.562.806 5.921 1.21-.359.403-2.327 1.208-5.921 1.208s-5.562-.805-5.921-1.209c.359-.403 2.327-1.209 5.921-1.209m-.409 6.445a.407.407 0 0 1 .178-.769q.096.002.178.047zm4.627 6.647c-.06.048-.196.142-.477.254-.25.1-.547.19-.882.27-.893.21-1.99.324-3.09.324-2.408 0-4.085-.52-4.446-.842l-1.066-9.958c1.635.669 4.043.89 5.743.89 1.671 0 4.027-.215 5.662-.858l-.638 4.38c-1.201-.453-2.7-1.111-4.121-1.803a1.19 1.19 0 0 0-1.134-.87c-.654 0-1.186.54-1.186 1.204 0 .665.532 1.205 1.186 1.205.155 0 .302-.032.438-.087 1.985.98 3.464 1.609 4.577 1.996zM23.097 23.077l1.286 12.003c.09 2.227 5.777 2.253 6.021 2.253 1.217 0 2.442-.13 3.448-.366a8 8 0 0 0 1.108-.34c.939-.378 1.431-.892 1.465-1.528l.536-3.678c.364.075.662.108.9.108.746 0 .943-.306 1.08-.518a.98.98 0 0 0 .117-.77c-.153-.632-1.045-1.464-1.64-1.958l.753-5.175h-.008c.004-.04.016-.077.016-.118 0-2.226-4.742-2.82-7.543-2.82s-7.543.593-7.543 2.82c0 .03.01.057.012.087zm7.171-7.03c6.921 0 12.552 5.716 12.552 12.74 0 7.026-5.63 12.74-12.552 12.74s-12.552-5.715-12.552-12.74c0-7.024 5.63-12.74 12.552-12.74m-19.88 17.42v1.613h7.146v-.095c2.285 4.815 7.127 8.154 12.734 8.154 7.796 0 14.14-6.437 14.14-14.351s-6.344-14.352-14.14-14.352c-6.065 0-11.235 3.904-13.24 9.36h-6.64v1.612h6.153a14.5 14.5 0 0 0-.405 3.224H8.8v1.612h7.401c.112 1.12.364 2.195.715 3.224zm43.276 19.361c-.96.977-2.627.982-3.587.009l-8.53-8.66a19.2 19.2 0 0 0 3.648-3.636l8.478 8.647a2.57 2.57 0 0 1 .739 1.82 2.57 2.57 0 0 1-.748 1.82m1.134-4.778-8.669-8.842a19.27 19.27 0 0 0 3.043-10.42c0-10.581-8.48-19.188-18.904-19.188-7.49 0-14.282 4.496-17.305 11.454l1.453.65c2.769-6.374 8.991-10.492 15.852-10.492 9.549 0 17.316 7.884 17.316 17.576 0 9.69-7.767 17.575-17.316 17.575-6.378 0-12.222-3.544-15.253-9.248l-1.398.766c3.308 6.227 9.688 10.094 16.651 10.094 3.645 0 7.05-1.055 9.94-2.876l8.747 8.878a4.076 4.076 0 0 0 5.83-.007A4.18 4.18 0 0 0 56 51.01a4.18 4.18 0 0 0-1.202-2.96", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-athena-gradient", children: [
+    /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
+    /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
+  ] }) })
 ] });
-const AWSKinesis = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "Arch_Amazon-Kinesis_32_svg__a", children: [
+const AWSGlue = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("path", { fill: "url(#aws-glue-gradient)", d: "M64 0H0v64h64z" }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M26.4 18.4H28v-1.6h-1.6zm-1.6.8V16a.8.8 0 0 1 .8-.8h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8h-3.2a.8.8 0 0 1-.8-.8m8-5.6h1.6V12h-1.6zm-1.6.8v-3.2a.8.8 0 0 1 .8-.8h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8H32a.8.8 0 0 1-.8-.8m3.2 7.2H36V20h-1.6zm-.8-3.2h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8h-3.2a.8.8 0 0 1-.8-.8v-3.2a.8.8 0 0 1 .8-.8M32 26.8c-1.409 0-6.517-.06-9.84-.877l8.117 12.85c.08.128.123.276.123.427v1.822c1.123.325 2.16.328 3.2.012V39.2c0-.151.043-.3.123-.427l8.116-12.85c-3.322.817-8.43.877-9.839.877m-12.597-2.246a1.06 1.06 0 0 1-.203-.604c0-2.276 7.507-2.697 11.982-2.746l.017 1.6c-5.497.06-8.857.687-10.04 1.154C22.413 24.483 26.113 25.2 32 25.2c5.87 0 9.566-.713 10.831-1.237-.517-.209-1.587-.517-3.728-.779l.194-1.588c4.85.592 5.503 1.522 5.503 2.354 0 .218-.076.418-.203.604L35.2 39.432V41.6a.8.8 0 0 1-.502.742c-.872.35-1.75.525-2.645.525-.888 0-1.794-.172-2.73-.517a.8.8 0 0 1-.523-.75v-2.168zm18.136 23.14a.8.8 0 0 1-.173.872l-4.8 4.8a.8.8 0 0 1-1.132 0l-4.8-4.8A.8.8 0 0 1 27.2 47.2h2.4v-2.4h1.6V48a.8.8 0 0 1-.8.8h-1.269L32 51.669l2.869-2.869H33.6a.8.8 0 0 1-.8-.8v-3.2h1.6v2.4h2.4a.8.8 0 0 1 .74.494", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-glue-gradient", children: [
     /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
-    /* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
-  ] }) }),
+    /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
+  ] }) })
+] });
+const AWSKinesis = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", transform: "matrix(1.600000023841858, 0, 0, 1.600000023841858, 0, 0)", children: [
-    /* @__PURE__ */ jsx("path", { d: "M0 0h40v40H0z", fill: "url(#Arch_Amazon-Kinesis_32_svg__a)" }),
+    /* @__PURE__ */ jsx("path", { d: "M0 0h40v40H0z", fill: "url(#aws-kinesis-gradient)" }),
     /* @__PURE__ */ jsx("path", { d: "M9.886 31.107h1.005c0-4.043 2.626-8.176 22.109-8.176v-1.006c-20.368 0-23.114 4.642-23.114 9.182M12.773 34h1.004c0-3.64 0-9.14 19.223-9.14v-1.007c-18.665 0-20.227 5.013-20.227 10.147M8.004 13.75H7c0 3.555 4.788 5.81 14.233 6.75C11.788 21.438 7 23.694 7 27.25h1.004c0-2.333 3.247-6.247 24.996-6.247v-1.007c-21.749 0-24.996-3.913-24.996-6.246m2.887-3.857H9.886c0 4.54 2.746 9.181 23.114 9.181v-1.006c-19.483 0-22.11-4.133-22.11-8.175M33 16.139v1.007c-18.665 0-20.227-5.013-20.227-10.146h1.004c0 3.64 0 9.14 19.223 9.14", fill: "#FFF" })
-  ] })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-kinesis-gradient", children: [
+    /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
+    /* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
+  ] }) })
 ] });
 const AWSRedshift = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_472_6151)", children: [
-    /* @__PURE__ */ jsx("path", { d: "M60 4H4V60H60V4Z", fill: "url(#paint0_linear_472_6151)" }),
-    /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.5777 28.6192C38.8358 28.6192 38.2331 28.0176 38.2331 27.2779C38.2331 26.5381 38.8358 25.9358 39.5777 25.9358C40.3189 25.9358 40.9216 26.5381 40.9216 27.2779C40.9216 28.0176 40.3189 28.6192 39.5777 28.6192ZM36.1718 36.7771C35.4306 36.7771 34.8279 36.1755 34.8279 35.4357C34.8279 34.6959 35.4306 34.0943 36.1718 34.0943C36.913 34.0943 37.5164 34.6959 37.5164 35.4357C37.5164 36.1755 36.913 36.7771 36.1718 36.7771ZM27.9978 35.4176C27.2573 35.4176 26.6546 34.816 26.6546 34.0762C26.6546 33.3364 27.2573 32.7341 27.9978 32.7341C28.7397 32.7341 29.3424 33.3364 29.3424 34.0762C29.3424 34.816 28.7397 35.4176 27.9978 35.4176ZM24.5926 42.8956C23.8521 42.8956 23.2487 42.294 23.2487 41.5542C23.2487 40.8145 23.8521 40.2129 24.5926 40.2129C25.3345 40.2129 25.9372 40.8145 25.9372 41.5542C25.9372 42.294 25.3345 42.8956 24.5926 42.8956ZM39.5777 24.54C38.0653 24.54 36.8347 25.7683 36.8347 27.2779C36.8347 28.2033 37.2996 29.0191 38.0066 29.5154L36.727 32.755C36.5473 32.718 36.3613 32.6985 36.1718 32.6985C34.9691 32.6985 33.9559 33.4802 33.5874 34.5584L30.7241 33.9087C30.6353 32.4787 29.4536 31.3383 27.9978 31.3383C26.4861 31.3383 25.2561 32.5666 25.2561 34.0762C25.2561 34.7818 25.5316 35.4196 25.9729 35.9054L24.7233 38.8303C24.6786 38.8275 24.6373 38.8171 24.5926 38.8171C23.0809 38.8171 21.8502 40.0447 21.8502 41.5542C21.8502 43.0631 23.0809 44.2914 24.5926 44.2914C26.105 44.2914 27.3357 43.0631 27.3357 41.5542C27.3357 40.5855 26.8266 39.7383 26.0638 39.2512L27.1664 36.671C27.4307 36.7554 27.7062 36.8134 27.9978 36.8134C29.0767 36.8134 30.0032 36.1832 30.45 35.278L33.4833 35.9661C33.7315 37.2223 34.8419 38.1729 36.1718 38.1729C37.6842 38.1729 38.9149 36.9453 38.9149 35.4357C38.9149 34.6198 38.5478 33.8947 37.9786 33.3922L39.3232 29.9892C39.4085 29.9976 39.4903 30.0151 39.5777 30.0151C41.0894 30.0151 42.3201 28.7867 42.3201 27.2779C42.3201 25.7683 41.0894 24.54 39.5777 24.54ZM32.0002 50.2041C25.1883 50.2041 20.0986 48.1592 20.0986 46.3307V20.206C22.4159 22.0889 27.321 23.0841 32.0149 23.0841C36.6878 23.0841 41.5719 22.0973 43.9017 20.2304V46.3307C43.9017 48.1592 38.8114 50.2041 32.0002 50.2041ZM32.0149 13.7957C39.0197 13.7957 43.9017 15.8755 43.9017 17.7424C43.9017 19.6086 39.0197 21.6883 32.0149 21.6883C25.0093 21.6883 20.128 19.6086 20.128 17.7424C20.128 15.8755 25.0093 13.7957 32.0149 13.7957ZM45.3002 17.7424C45.3002 14.2724 38.4555 12.3999 32.0149 12.3999C25.5743 12.3999 18.7296 14.2724 18.7296 17.7424C18.7296 17.748 18.731 17.7542 18.731 17.7598H18.7002V46.3307C18.7002 49.7532 25.5526 51.5999 32.0002 51.5999C38.4478 51.5999 45.3002 49.7532 45.3002 46.3307V17.7598H45.2988C45.2988 17.7542 45.3002 17.748 45.3002 17.7424Z", fill: "white" })
-  ] }),
-  /* @__PURE__ */ jsxs("defs", { children: [
-    /* @__PURE__ */ jsxs("linearGradient", { id: "paint0_linear_472_6151", x1: "4", y1: "5604", x2: "5604", y2: "4", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
-    ] }),
-    /* @__PURE__ */ jsx("clipPath", { id: "clip0_472_6151", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
-  ] })
+  /* @__PURE__ */ jsx("path", { fill: "url(#aws-redshift-gradient)", d: "M64 0H0v64h64z" }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M40.66 28.136a1.536 1.536 0 0 1-1.537-1.533 1.537 1.537 0 0 1 3.073 0c0 .846-.689 1.533-1.536 1.533m-3.892 9.324a1.536 1.536 0 0 1-1.536-1.533 1.536 1.536 0 0 1 3.072 0c0 .845-.69 1.533-1.537 1.533m-9.342-1.554a1.536 1.536 0 0 1-1.535-1.533 1.537 1.537 0 0 1 3.072 0c0 .845-.69 1.533-1.537 1.533m-3.892 8.546a1.537 1.537 0 0 1-1.536-1.533 1.537 1.537 0 0 1 3.073 0c0 .846-.689 1.533-1.537 1.533M40.66 23.474a3.136 3.136 0 0 0-3.135 3.13 3.12 3.12 0 0 0 1.34 2.557l-1.463 3.702a3.126 3.126 0 0 0-3.588 2.061l-3.272-.742a3.13 3.13 0 0 0-3.116-2.938 3.135 3.135 0 0 0-3.133 3.129 3.1 3.1 0 0 0 .819 2.09l-1.428 3.343c-.052-.003-.099-.015-.15-.015a3.135 3.135 0 0 0-3.134 3.128 3.135 3.135 0 0 0 6.27 0 3.12 3.12 0 0 0-1.455-2.632l1.26-2.949c.303.097.618.163.95.163 1.234 0 2.293-.72 2.803-1.755l3.467.787a3.135 3.135 0 0 0 6.208-.606c0-.933-.42-1.761-1.07-2.336l1.536-3.889c.098.01.191.03.291.03a3.135 3.135 0 0 0 3.134-3.129 3.136 3.136 0 0 0-3.134-3.129M32 52.804c-7.785 0-13.602-2.336-13.602-4.426V18.521c2.649 2.152 8.254 3.29 13.619 3.29 5.34 0 10.922-1.128 13.585-3.262v29.83c0 2.089-5.818 4.426-13.602 4.426m.017-41.609c8.005 0 13.585 2.377 13.585 4.51s-5.58 4.51-13.585 4.51c-8.007 0-13.585-2.376-13.585-4.51s5.578-4.51 13.585-4.51m15.183 4.51c0-3.965-7.823-6.105-15.183-6.105s-15.183 2.14-15.183 6.106l.001.02H16.8v32.652c0 3.911 7.831 6.022 15.2 6.022s15.2-2.11 15.2-6.022V15.726h-.002z", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-redshift-gradient", children: [
+    /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
+    /* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
+  ] }) })
 ] });
 const AWSMsk = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_5310_1178)", children: [
-    /* @__PURE__ */ jsx("path", { d: "M60 4H4V60H60V4Z", fill: "url(#paint0_linear_5310_1178)" }),
-    /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29.2055 29.884V23.5905H30.6027V26.3876L32.4881 23.5905H34.0348L31.8496 26.5331L34.215 29.884H32.558L30.6027 26.8421V29.884H29.2055ZM50.1998 38.3822L49.7318 38.7871C48.7887 39.6129 47.5201 40.0262 46.2501 40.0262C44.98 40.0262 43.7093 39.6129 42.7649 38.785L41.8316 37.9766C40.4624 36.7767 38.0655 36.7767 36.6991 37.9738L35.7602 38.7871C33.8748 40.4395 30.6816 40.4409 28.7933 38.785L27.86 37.9766C26.4908 36.7767 24.094 36.7767 22.7276 37.9738L21.7887 38.7871C19.9033 40.4395 16.7101 40.4409 14.8218 38.785L14.3566 38.3822L15.271 37.3242L15.7391 37.7298C17.109 38.9297 19.5058 38.9297 20.8715 37.7326L21.8104 36.9186C23.6958 35.2669 26.889 35.267 28.7773 36.9214L29.7106 37.7298C31.0805 38.9297 33.4773 38.9297 34.843 37.7326L35.7819 36.9186C37.6674 35.2669 40.8605 35.267 42.7488 36.9214L43.6821 37.7298C45.0513 38.9297 47.4481 38.9297 48.8145 37.7326L49.2854 37.3242L50.1998 38.3822ZM48.7286 46.7979L49.643 47.8552L49.175 48.2608C48.2326 49.0866 46.964 49.4992 45.6947 49.4992C44.424 49.4992 43.1533 49.0859 42.2081 48.258L41.2748 47.4496C39.9056 46.2511 37.5088 46.2511 36.1424 47.4469L35.2035 48.2608C33.3194 49.9132 30.1262 49.9139 28.2366 48.258L27.3033 47.4496C25.9348 46.2511 23.538 46.2511 22.1708 47.4469L21.232 48.2608C19.3472 49.9132 16.154 49.9139 14.2651 48.258L13.7998 47.8552L14.7142 46.7979L15.1823 47.2035C16.5522 48.4021 18.949 48.4028 20.3147 47.2056L21.2536 46.3924C23.1398 44.7407 26.3316 44.74 28.2205 46.3944L29.1538 47.2035C30.5237 48.4021 32.9205 48.4028 34.2862 47.2056L35.2251 46.3924C37.1113 44.7407 40.3031 44.74 42.192 46.3944L43.1253 47.2035C44.4952 48.4021 46.892 48.4028 48.2578 47.2056L48.7286 46.7979ZM48.7286 42.3646L49.643 43.4212L49.175 43.8267C47.2902 45.4798 44.097 45.4805 42.2081 43.8246L41.2748 43.0163C39.9056 41.8163 37.5088 41.817 36.1424 43.0135L35.2035 43.8274C34.2611 44.6533 32.9918 45.0658 31.7232 45.0658C30.4525 45.0658 29.1818 44.6526 28.2366 43.8246L27.3033 43.0163C25.9348 41.8163 23.538 41.817 22.1708 43.0135L21.232 43.8274C19.3479 45.4798 16.1547 45.4798 14.2651 43.8246L13.7998 43.4212L14.7142 42.3646L15.1823 42.7701C16.5522 43.9701 18.949 43.9694 20.3147 42.7722L21.2536 41.959C23.1398 40.3073 26.333 40.3059 28.2205 41.9611L29.1538 42.7694C30.5237 43.9701 32.9205 43.9694 34.2862 42.7722L35.2251 41.959C37.1113 40.3073 40.3045 40.3059 42.192 41.9611L43.1253 42.7694C44.4952 43.9701 46.892 43.9694 48.2578 42.7722L48.7286 42.3646ZM20.8226 30.5832C21.5931 30.5832 22.2197 31.2105 22.2197 31.9818C22.2197 32.7531 21.5931 33.3803 20.8226 33.3803C20.0521 33.3803 19.4254 32.7531 19.4254 31.9818C19.4254 31.2105 20.0521 30.5832 20.8226 30.5832ZM31.3012 15.8985C32.0718 15.8985 32.6984 16.5258 32.6984 17.2971C32.6984 18.0684 32.0718 18.6956 31.3012 18.6956C30.5307 18.6956 29.9041 18.0684 29.9041 17.2971C29.9041 16.5258 30.5307 15.8985 31.3012 15.8985ZM43.177 31.9818C43.177 32.7531 42.5504 33.3803 41.7799 33.3803C41.0093 33.3803 40.3827 32.7531 40.3827 31.9818C40.3827 31.2105 41.0093 30.5832 41.7799 30.5832C42.5504 30.5832 43.177 31.2105 43.177 31.9818ZM31.3012 20.0942C31.7665 20.0942 32.1996 19.969 32.5859 19.7662L39.703 30.1287C39.4117 30.4546 39.1979 30.8469 39.0855 31.2825H23.517C23.4045 30.8469 23.1908 30.4546 22.8995 30.1287L30.0165 19.7662C30.4029 19.969 30.836 20.0942 31.3012 20.0942ZM20.8226 34.7789C22.1205 34.7789 23.2054 33.8838 23.517 32.681H39.0855C39.397 33.8838 40.4819 34.7789 41.7799 34.7789C43.3209 34.7789 44.5742 33.5244 44.5742 31.9818C44.5742 30.4392 43.3209 29.1847 41.7799 29.1847C41.4578 29.1847 41.1532 29.2504 40.864 29.3511L33.6359 18.8264C33.9251 18.3865 34.0955 17.8621 34.0955 17.2971C34.0955 15.7545 32.8423 14.5 31.3012 14.5C29.7602 14.5 28.5069 15.7545 28.5069 17.2971C28.5069 17.8621 28.6774 18.3865 28.9666 18.8264L21.7384 29.3511C21.4492 29.2504 21.1446 29.1847 20.8226 29.1847C19.2815 29.1847 18.0283 30.4392 18.0283 31.9818C18.0283 33.5244 19.2815 34.7789 20.8226 34.7789Z", fill: "white" })
-  ] }),
-  /* @__PURE__ */ jsxs("defs", { children: [
-    /* @__PURE__ */ jsxs("linearGradient", { id: "paint0_linear_5310_1178", x1: "4", y1: "5604", x2: "5604", y2: "4", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
-    ] }),
-    /* @__PURE__ */ jsx("clipPath", { id: "clip0_5310_1178", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
-  ] })
+  /* @__PURE__ */ jsx("path", { fill: "url(#aws-msk-gradient)", d: "M64 0H0v64h64z" }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M28.807 29.582v-7.193h1.596v3.197l2.155-3.197h1.768l-2.498 3.363 2.704 3.83h-1.894l-2.235-3.477v3.477zM52.8 39.294l-.535.463c-1.078.944-2.528 1.416-3.979 1.416s-2.904-.473-3.983-1.419l-1.067-.924c-1.564-1.37-4.304-1.37-5.865-.003l-1.073.93c-2.155 1.888-5.805 1.89-7.963-.003l-1.066-.924c-1.565-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.155 1.888-5.804 1.89-7.962-.003l-.532-.46 1.045-1.21.535.464c1.566 1.372 4.305 1.372 5.866.003l1.073-.93c2.155-1.887 5.804-1.887 7.962.003l1.067.924c1.565 1.372 4.305 1.372 5.865.003l1.073-.93c2.155-1.887 5.805-1.887 7.963.003l1.066.924c1.565 1.372 4.304 1.372 5.866.003l.538-.466zm-1.681 9.618 1.045 1.208-.535.464c-1.077.944-2.527 1.415-3.978 1.415s-2.904-.472-3.984-1.418l-1.067-.924c-1.565-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.153 1.888-5.802 1.889-7.962-.003l-1.066-.924c-1.564-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.154 1.888-5.803 1.889-7.962-.003l-.532-.46 1.045-1.21.535.464c1.566 1.37 4.305 1.371 5.866.003l1.073-.93c2.155-1.887 5.803-1.888 7.962.003l1.066.924c1.566 1.37 4.305 1.371 5.866.003l1.073-.93c2.156-1.887 5.804-1.888 7.962.003l1.067.924c1.566 1.37 4.305 1.371 5.865.003zm0-5.067 1.045 1.208-.535.463c-2.154 1.89-5.804 1.89-7.962-.002L42.6 44.59c-1.565-1.371-4.304-1.37-5.866-.003l-1.073.93c-1.077.944-2.527 1.415-3.977 1.415-1.452 0-2.905-.472-3.985-1.418l-1.066-.924c-1.564-1.371-4.304-1.37-5.866-.003l-1.073.93c-2.153 1.889-5.803 1.889-7.962-.003l-.532-.461 1.045-1.208.535.464c1.566 1.371 4.305 1.37 5.866.002l1.073-.93c2.155-1.887 5.805-1.889 7.962.003l1.066.924c1.566 1.372 4.305 1.371 5.866.003l1.073-.93c2.156-1.887 5.805-1.889 7.962.003l1.067.924c1.566 1.372 4.305 1.371 5.865.003zM19.226 30.381a1.6 1.6 0 0 1 0 3.197 1.6 1.6 0 0 1 0-3.197m11.976-16.783a1.6 1.6 0 0 1 0 3.197 1.6 1.6 0 0 1 0-3.197M44.774 31.98a1.6 1.6 0 0 1-1.597 1.599 1.6 1.6 0 0 1 0-3.197 1.6 1.6 0 0 1 1.597 1.598M31.202 18.393c.531 0 1.026-.143 1.468-.375l8.134 11.843c-.333.373-.578.821-.706 1.319H22.305a3.16 3.16 0 0 0-.705-1.319l8.133-11.843c.442.232.937.375 1.469.375M19.226 35.176a3.19 3.19 0 0 0 3.08-2.398h17.792a3.19 3.19 0 0 0 3.08 2.398 3.2 3.2 0 0 0 3.193-3.197 3.2 3.2 0 0 0-3.194-3.197c-.368 0-.716.076-1.046.19L33.87 16.945a3.17 3.17 0 0 0 .525-1.747A3.2 3.2 0 0 0 31.202 12a3.2 3.2 0 0 0-3.194 3.197c0 .645.195 1.245.526 1.747l-8.261 12.029a3.2 3.2 0 0 0-1.047-.19 3.2 3.2 0 0 0-3.193 3.196 3.2 3.2 0 0 0 3.193 3.197", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-msk-gradient", children: [
+    /* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
+    /* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
+  ] }) })
 ] });
 const AWS_S3 = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_472_6149)", children: [
@@ -2264,6 +2258,7 @@ const LogosLight = {
   airbyte: Airbyte,
   aws: AWSLight,
   "aws-athena": AWSAthena,
+  "aws-glue": AWSGlue,
   "aws-kinesis": AWSKinesis,
   "aws-msk": AWSMsk,
   "aws-redshift": AWSRedshift,
@@ -2454,6 +2449,7 @@ const LogosDark = {
   airbyte: Airbyte,
   aws: AWSDark,
   "aws-athena": AWSAthena,
+  "aws-glue": AWSGlue,
   "aws-kinesis": AWSKinesis,
   "aws-msk": AWSMsk,
   "aws-redshift": AWSRedshift,
@@ -9623,12 +9619,13 @@ const Description = styled.div.withConfig({
   componentId: "sc-1qnbjoa-1"
 })(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
   theme: theme2
-}) => theme2.click.card.horizontal.space.gap);
+}) => theme2.click.card.horizontal.space.md.gap);
 const Wrapper$9 = styled.div.withConfig({
   componentId: "sc-1qnbjoa-2"
 })(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
   theme: theme2,
   $color,
+  $size,
   $isSelected,
   $isSelectable,
   $disabled
@@ -9637,8 +9634,7 @@ const Wrapper$9 = styled.div.withConfig({
     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[$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};
+     padding: ${$size === "md" ? `${theme2.click.card.horizontal.space.md.y} ${theme2.click.card.horizontal.space.md.x}` : `${theme2.click.card.horizontal.space.sm.y} ${theme2.click.card.horizontal.space.sm.x}`};
     font: ${theme2.click.card.horizontal.typography.title.default};
     ${Description} {
       color: ${theme2.click.card.horizontal[$color].color.description.default};
@@ -9695,15 +9691,17 @@ const CardIcon$1 = styled(SvgImage).withConfig({
 const ContentWrapper = styled.div.withConfig({
   componentId: "sc-1qnbjoa-4"
 })(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
-  theme: theme2
-}) => theme2.click.card.horizontal.space.gap, ({
+  theme: theme2,
+  $size
+}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap, ({
   theme: theme2
 }) => theme2.breakpoint.sizes.md);
 const IconTextContentWrapper = 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);
+  theme: theme2,
+  $size
+}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap);
 const CardHorizontal = ({
   title,
   icon,
@@ -9715,6 +9713,7 @@ const CardHorizontal = ({
   isSelectable = infoText ? false : true,
   children,
   color = "default",
+  size: size2 = "md",
   badgeText,
   badgeState,
   badgeIcon,
@@ -9730,8 +9729,8 @@ const CardHorizontal = ({
       window.open(infoUrl, "_blank");
     }
   };
-  return /* @__PURE__ */ jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxs(ContentWrapper, { children: [
-    /* @__PURE__ */ jsxs(IconTextContentWrapper, { children: [
+  return /* @__PURE__ */ jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, $size: size2, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxs(ContentWrapper, { $size: size2, children: [
+    /* @__PURE__ */ jsxs(IconTextContentWrapper, { $size: size2, children: [
       icon && /* @__PURE__ */ jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
       /* @__PURE__ */ jsxs(Container, { padding: "none", orientation: "vertical", children: [
         title && /* @__PURE__ */ jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
@@ -16987,7 +16986,7 @@ const truncateFilename = (filename, maxLength = 40, delimiter = "~") => {
 };
 const UploadArea$1 = styled$1.div.withConfig({
   componentId: "sc-1rzizve-0"
-})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
+})(["background-color:", ";border:", ";border-radius:", ";padding:", ";min-height:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
   theme: theme2
 }) => theme2.click.fileUpload.color.background.default, ({
   theme: theme2
@@ -16998,7 +16997,10 @@ const UploadArea$1 = styled$1.div.withConfig({
   theme: theme2,
   $hasFile,
   $size
-}) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, (props) => props.$hasFile ? "row" : props.$size === "sm" ? "row" : "column", (props) => props.$hasFile ? "space-between" : props.$size === "sm" ? "space-between" : "center", ({
+}) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, ({
+  theme: theme2,
+  $size
+}) => $size === "sm" ? `calc(${theme2.click.fileUpload.sm.space.y} * 2 + ${theme2.sizes[6]})` : "auto", (props) => props.$hasFile ? "row" : props.$size === "sm" ? "row" : "column", (props) => props.$hasFile ? "space-between" : props.$size === "sm" ? "space-between" : "center", ({
   theme: theme2,
   $size
 }) => $size === "sm" ? theme2.click.fileUpload.sm.space.gap : theme2.click.fileUpload.md.space.gap, (props) => props.$hasFile ? "default" : "pointer", ({
@@ -17009,7 +17011,7 @@ const UploadArea$1 = styled$1.div.withConfig({
   theme: theme2
 }) => theme2.click.fileUpload.color.background.active, ({
   theme: theme2
-}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && css$1(["background-color:", ";border:none;"], ({
+}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && css$1(["background-color:", ";border-color:transparent;"], ({
   theme: theme2
 }) => theme2.click.fileUpload.color.background.error));
 const FileUploadTitle$1 = styled$1(Title$2).withConfig({
@@ -17020,24 +17022,32 @@ const FileUploadTitle$1 = styled$1(Title$2).withConfig({
   theme: theme2,
   $isNotSupported
 }) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
-const FileUploadDescription$1 = styled$1(Text).withConfig({
+const FileName$1 = styled$1(Text).withConfig({
   componentId: "sc-1rzizve-2"
 })(["font:", ";color:", ";"], ({
   theme: theme2
 }) => theme2.click.fileUpload.typography.description.default, ({
   theme: theme2
-}) => theme2.click.fileUpload.color.description.default);
-const DocumentIcon$1 = styled$1(SvgImage).withConfig({
+}) => theme2.click.fileUpload.color.title.default);
+const FileUploadDescription$1 = styled$1(Text).withConfig({
   componentId: "sc-1rzizve-3"
+})(["font:", ";color:", ";"], ({
+  theme: theme2
+}) => theme2.click.fileUpload.typography.description.default, ({
+  theme: theme2,
+  $isError
+}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
+const DocumentIcon$1 = styled$1(SvgImage).withConfig({
+  componentId: "sc-1rzizve-4"
 })(["svg{width:", ";height:", ";color:", ";}"], ({
   theme: theme2
-}) => theme2.click.fileUpload.sm.icon.size.width, ({
+}) => theme2.click.fileUpload.md.icon.size.width, ({
   theme: theme2
-}) => theme2.click.fileUpload.sm.icon.size.height, ({
+}) => theme2.click.fileUpload.md.icon.size.height, ({
   theme: theme2
-}) => theme2.click.fileUpload.sm.color.icon.default);
+}) => theme2.click.fileUpload.md.color.icon.default);
 const UploadIcon$1 = styled$1(SvgImage).withConfig({
-  componentId: "sc-1rzizve-4"
+  componentId: "sc-1rzizve-5"
 })(["svg{width:", ";height:", ";color:", ";}"], ({
   theme: theme2
 }) => theme2.click.fileUpload.md.icon.size.width, ({
@@ -17046,16 +17056,11 @@ const UploadIcon$1 = styled$1(SvgImage).withConfig({
   theme: theme2
 }) => theme2.click.fileUpload.md.color.icon.default);
 const UploadText$1 = styled$1.div.withConfig({
-  componentId: "sc-1rzizve-5"
-})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && css$1(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && css$1(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
-const FileInfoHeader$1 = styled$1.div.withConfig({
   componentId: "sc-1rzizve-6"
-})(["display:flex;align-items:center;gap:", ";width:100%;"], ({
-  theme: theme2
-}) => theme2.click.fileUpload.sm.space.gap);
-const FileInfo$1 = styled$1.div.withConfig({
+})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && css$1(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && css$1(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
+styled$1.div.withConfig({
   componentId: "sc-1rzizve-7"
-})(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
+})(["display:flex;flex-direction:row;gap:", ";"], ({
   theme: theme2
 }) => theme2.click.fileUpload.hasFile.header.space.gap);
 const FileDetails$1 = styled$1.div.withConfig({
@@ -17066,17 +17071,14 @@ const FileDetails$1 = styled$1.div.withConfig({
 const FileActions$1 = styled$1.div.withConfig({
   componentId: "sc-1rzizve-9"
 })(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
-const ProgressContainer$2 = styled$1.div.withConfig({
+const FileContentContainer$1 = styled$1.div.withConfig({
   componentId: "sc-1rzizve-10"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;"]);
-const ProgressBarContainer$1 = styled$1.div.withConfig({
+})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:", ";"], ({
+  $size
+}) => $size === "sm" ? "24px" : "auto");
+const ProgressBarWrapper$1 = styled$1.div.withConfig({
   componentId: "sc-1rzizve-11"
-})(["width:100%;flex:1;"]);
-const ProgressPercentage$1 = styled$1(Text).withConfig({
-  componentId: "sc-1rzizve-12"
-})(["min-width:", ";text-align:right;padding-right:", ";"], ({
-  theme: theme2
-}) => theme2.sizes[10], ({
+})(["margin-top:", ";margin-bottom:9px;"], ({
   theme: theme2
 }) => theme2.click.fileUpload.md.space.gap);
 const formatFileSize$1 = (sizeInBytes) => {
@@ -17227,26 +17229,24 @@ const FileUpload = ({
         e.stopPropagation();
         handleBrowseClick();
       }, children: "Browse file" })
-    ] }) : /* @__PURE__ */ jsxs(FileInfo$1, { children: [
-      /* @__PURE__ */ jsxs(FileInfoHeader$1, { children: [
-        /* @__PURE__ */ jsx(DocumentIcon$1, { name: "document" }),
+    ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(DocumentIcon$1, { name: "document" }),
+      /* @__PURE__ */ jsxs(FileContentContainer$1, { $size: size2, children: [
         /* @__PURE__ */ jsxs(FileDetails$1, { children: [
-          /* @__PURE__ */ jsx(Text, { size: "md", children: truncateFilename(file.name) }),
-          (showSuccess || showProgress) && /* @__PURE__ */ jsx(Text, { size: "md", color: "muted", children: formatFileSize$1(file.size) }),
-          !showProgress && !showSuccess && /* @__PURE__ */ jsx(Text, { size: "md", color: "danger", children: failureMessage }),
+          /* @__PURE__ */ jsx(FileName$1, { children: truncateFilename(file.name) }),
+          showProgress && !showSuccess && /* @__PURE__ */ jsxs(FileUploadDescription$1, { children: [
+            progress,
+            "%"
+          ] }),
+          !showProgress && !showSuccess && /* @__PURE__ */ jsx(FileUploadDescription$1, { $isError: true, children: failureMessage }),
           showSuccess && /* @__PURE__ */ jsx(SvgImage, { size: "xs", state: "success", name: "check" })
         ] }),
-        /* @__PURE__ */ jsxs(FileActions$1, { children: [
-          !showProgress && !showSuccess && /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
-          /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
-        ] })
+        showProgress && !showSuccess && /* @__PURE__ */ jsx(ProgressBarWrapper$1, { children: /* @__PURE__ */ jsx(ProgressBar, { progress, type: "small" }) }),
+        (showSuccess || !showProgress) && /* @__PURE__ */ jsx(FileUploadDescription$1, { children: formatFileSize$1(file.size) })
       ] }),
-      showProgress && /* @__PURE__ */ jsxs(ProgressContainer$2, { children: [
-        /* @__PURE__ */ jsx(ProgressBarContainer$1, { children: /* @__PURE__ */ jsx(ProgressBar, { progress, type: "small" }) }),
-        /* @__PURE__ */ jsxs(ProgressPercentage$1, { size: "sm", color: "muted", children: [
-          progress,
-          "%"
-        ] })
+      /* @__PURE__ */ jsxs(FileActions$1, { children: [
+        !showProgress && !showSuccess && /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
+        /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
       ] })
     ] }) }),
     /* @__PURE__ */ jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, style: {
@@ -17283,15 +17283,23 @@ const FileUploadTitle = styled$1(Title$2).withConfig({
   theme: theme2,
   $isNotSupported
 }) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
-const FileUploadDescription = styled$1(Text).withConfig({
+const FileName = styled$1(Text).withConfig({
   componentId: "sc-1w9rsfj-2"
 })(["font:", ";color:", ";"], ({
   theme: theme2
 }) => theme2.click.fileUpload.typography.description.default, ({
   theme: theme2
-}) => theme2.click.fileUpload.color.description.default);
-const UploadIcon = styled$1(SvgImage).withConfig({
+}) => theme2.click.fileUpload.color.title.default);
+const FileUploadDescription = styled$1(Text).withConfig({
   componentId: "sc-1w9rsfj-3"
+})(["font:", ";color:", ";"], ({
+  theme: theme2
+}) => theme2.click.fileUpload.typography.description.default, ({
+  theme: theme2,
+  $isError
+}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
+const UploadIcon = styled$1(SvgImage).withConfig({
+  componentId: "sc-1w9rsfj-4"
 })(["svg{width:", ";height:", ";color:", ";}"], ({
   theme: theme2
 }) => theme2.click.fileUpload.md.icon.size.width, ({
@@ -17300,17 +17308,17 @@ const UploadIcon = styled$1(SvgImage).withConfig({
   theme: theme2
 }) => theme2.click.fileUpload.md.color.icon.default);
 const UploadText = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-4"
+  componentId: "sc-1w9rsfj-5"
 })(["text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;"]);
 const FilesList = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-5"
+  componentId: "sc-1w9rsfj-6"
 })(["display:flex;flex-direction:column;gap:", ";width:100%;margin-top:", ";"], ({
   theme: theme2
 }) => theme2.click.fileUpload.sm.space.gap, ({
   theme: theme2
 }) => theme2.click.fileUpload.md.space.gap);
 const FileItem = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-6"
+  componentId: "sc-1w9rsfj-7"
 })(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:", ";", ""], ({
   theme: theme2
 }) => theme2.click.fileUpload.color.background.default, ({
@@ -17321,11 +17329,11 @@ const FileItem = styled$1.div.withConfig({
   theme: theme2
 }) => `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}`, ({
   theme: theme2
-}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && css$1(["background-color:", ";border:none;"], ({
+}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && css$1(["background-color:", ";border-color:transparent;"], ({
   theme: theme2
 }) => theme2.click.fileUpload.color.background.error));
 const DocumentIcon = styled$1(SvgImage).withConfig({
-  componentId: "sc-1w9rsfj-7"
+  componentId: "sc-1w9rsfj-8"
 })(["svg{width:", ";height:", ";color:", ";}"], ({
   theme: theme2
 }) => theme2.click.fileUpload.sm.icon.size.width, ({
@@ -17333,35 +17341,20 @@ const DocumentIcon = styled$1(SvgImage).withConfig({
 }) => theme2.click.fileUpload.sm.icon.size.height, ({
   theme: theme2
 }) => theme2.click.fileUpload.sm.color.icon.default);
-const FileInfoHeader = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-8"
-})(["display:flex;align-items:center;gap:", ";width:100%;"], ({
-  theme: theme2
-}) => theme2.click.fileUpload.sm.space.gap);
-const FileInfo = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-9"
-})(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
-  theme: theme2
-}) => theme2.click.fileUpload.hasFile.header.space.gap);
 const FileDetails = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-10"
+  componentId: "sc-1w9rsfj-9"
 })(["display:flex;gap:", ";border:none;"], ({
   theme: theme2
 }) => theme2.click.fileUpload.md.space.gap);
 const FileActions = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-11"
+  componentId: "sc-1w9rsfj-10"
 })(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
-const ProgressContainer$1 = styled$1.div.withConfig({
+const FileContentContainer = styled$1.div.withConfig({
+  componentId: "sc-1w9rsfj-11"
+})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:24px;"]);
+const ProgressBarWrapper = styled$1.div.withConfig({
   componentId: "sc-1w9rsfj-12"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;"]);
-const ProgressBarContainer = styled$1.div.withConfig({
-  componentId: "sc-1w9rsfj-13"
-})(["width:100%;flex:1;"]);
-const ProgressPercentage = styled$1(Text).withConfig({
-  componentId: "sc-1w9rsfj-14"
-})(["min-width:", ";text-align:right;padding-right:", ";"], ({
-  theme: theme2
-}) => theme2.sizes[10], ({
+})(["margin-top:", ";margin-bottom:9px;"], ({
   theme: theme2
 }) => theme2.click.fileUpload.md.space.gap);
 const formatFileSize = (sizeInBytes) => {
@@ -17501,28 +17494,26 @@ const FileMultiUpload = ({
         handleBrowseClick();
       }, children: "Browse files" })
     ] }),
-    files.length > 0 && /* @__PURE__ */ jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsx(FileItem, { $isError: file.status === "error", children: /* @__PURE__ */ jsxs(FileInfo, { children: [
-      /* @__PURE__ */ jsxs(FileInfoHeader, { children: [
-        /* @__PURE__ */ jsx(DocumentIcon, { name: "document" }),
+    files.length > 0 && /* @__PURE__ */ jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxs(FileItem, { $isError: file.status === "error", children: [
+      /* @__PURE__ */ jsx(DocumentIcon, { name: "document" }),
+      /* @__PURE__ */ jsxs(FileContentContainer, { children: [
         /* @__PURE__ */ jsxs(FileDetails, { children: [
-          /* @__PURE__ */ jsx(Text, { size: "md", children: truncateFilename(file.name) }),
-          (file.status === "success" || file.status === "uploading") && /* @__PURE__ */ jsx(Text, { size: "md", color: "muted", children: formatFileSize(file.size) }),
-          file.status === "error" && /* @__PURE__ */ jsx(Text, { size: "md", color: "danger", children: file.errorMessage || "Upload failed" }),
+          /* @__PURE__ */ jsx(FileName, { children: truncateFilename(file.name) }),
+          file.status === "uploading" && /* @__PURE__ */ jsxs(FileUploadDescription, { children: [
+            file.progress,
+            "%"
+          ] }),
+          file.status === "error" && /* @__PURE__ */ jsx(FileUploadDescription, { $isError: true, children: file.errorMessage || "Upload failed" }),
           file.status === "success" && /* @__PURE__ */ jsx(SvgImage, { size: "xs", state: "success", name: "check" })
         ] }),
-        /* @__PURE__ */ jsxs(FileActions, { children: [
-          file.status === "error" && /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: () => handleRetryUpload(file.id) }),
-          /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
-        ] })
+        file.status === "uploading" && /* @__PURE__ */ jsx(ProgressBarWrapper, { children: /* @__PURE__ */ jsx(ProgressBar, { progress: file.progress, type: "small" }) }),
+        (file.status === "success" || file.status === "error") && /* @__PURE__ */ jsx(FileUploadDescription, { children: formatFileSize(file.size) })
       ] }),
-      file.status === "uploading" && /* @__PURE__ */ jsxs(ProgressContainer$1, { children: [
-        /* @__PURE__ */ jsx(ProgressBarContainer, { children: /* @__PURE__ */ jsx(ProgressBar, { progress: file.progress, type: "small" }) }),
-        /* @__PURE__ */ jsxs(ProgressPercentage, { size: "sm", color: "muted", children: [
-          file.progress,
-          "%"
-        ] })
+      /* @__PURE__ */ jsxs(FileActions, { children: [
+        file.status === "error" && /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: () => handleRetryUpload(file.id) }),
+        /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
       ] })
-    ] }) }, file.id)) }),
+    ] }, file.id)) }),
     /* @__PURE__ */ jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, multiple: true, style: {
       display: "none"
     } })
@@ -34673,18 +34664,6 @@ const Pagination = ({
   };
   const leftButtonDisabled = currentPage <= 1;
   const rightButtonDisabled = !!totalPages && currentPage === totalPages || disableNextButton;
-  const onKeyDown = (e) => {
-    var _a;
-    const isInputEnabled = !((_a = inputRef.current) == null ? void 0 : _a.disabled);
-    if ((e.key === "ArrowUp" || e.key === "ArrowRight") && isInputEnabled && !rightButtonDisabled) {
-      onChangeProp(currentPage + 1);
-    } else if ((e.key === "ArrowDown" || e.key === "ArrowLeft") && isInputEnabled && !leftButtonDisabled) {
-      const newPage = currentPage - 1;
-      if (newPage > 0) {
-        onChangeProp(newPage);
-      }
-    }
-  };
   const onChange = (value) => {
     var _a;
     const sanitizedValue = parseInt(value, 10);
@@ -34726,7 +34705,7 @@ const Pagination = ({
     ] }),
     /* @__PURE__ */ jsxs(Container, { gap: "xxs", fillWidth: false, children: [
       /* @__PURE__ */ jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: leftButtonDisabled, onClick: onPrevClick, "data-testid": "prev-btn" }),
-      /* @__PURE__ */ jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false, onKeyDown, "aria-label": currentPage.toString(), min: 1, max: totalPages, onFocus: onPageNumberFocus, hideControls: true, onBlur: onPageNumberBlur, disabled: leftButtonDisabled && rightButtonDisabled }) }),
+      /* @__PURE__ */ jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false, "aria-label": currentPage.toString(), min: 1, max: totalPages, onFocus: onPageNumberFocus, hideControls: true, onBlur: onPageNumberBlur, disabled: leftButtonDisabled && rightButtonDisabled }) }),
       !!totalPages && /* @__PURE__ */ jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
         "of ",
         formatNumber(totalPages)
@@ -48665,9 +48644,16 @@ const click = {
         }
       },
       space: {
-        y: "0.75rem",
-        x: "1.5rem",
-        gap: "1rem"
+        md: {
+          y: "0.75rem",
+          x: "1rem",
+          gap: "1rem"
+        },
+        sm: {
+          y: "0.5rem",
+          x: "0.75rem",
+          gap: "0.75rem"
+        }
       },
       "default": {
         color: {