@clickhouse/click-ui 0.0.230 → 0.0.232

package/dist/click-ui.bundled.umd.js

@@ -3250,7 +3250,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M54.7687 16.5728C54.4506 15.555 53.6872 14.728 52.733 14.2191L33.3305 4.93135C32.8216 4.6769 32.2491 4.61328 31.7402 4.61328C31.2313 4.61328 30.6587 4.61328 30.1498 4.74051L10.7474 14.0919C9.79315 14.5372 9.09339 15.3641 8.83894 16.4456L4.06784 37.3748C3.877 38.4562 4.13146 39.5377 4.7676 40.4283L18.1903 57.0317C18.9537 57.7951 20.0351 58.304 21.1165 58.3676H42.491C43.6361 58.4948 44.7175 57.9859 45.4173 57.0317L58.84 40.4283C59.4761 39.5377 59.7306 38.4562 59.6034 37.3748L54.7687 16.5728Z", fill: "#326DE6" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M51.7788 36.5481C51.7152 36.5481 51.6516 36.5481 51.6516 36.4845C51.6516 36.4209 51.5243 36.4209 51.3971 36.4209C51.1426 36.3573 50.8882 36.3573 50.6337 36.3573C50.5065 36.3573 50.3793 36.3573 50.252 36.2937H50.1884C49.4887 36.2301 48.7253 36.1028 48.0255 35.912C47.8347 35.8484 47.6438 35.6575 47.5802 35.4667C47.5802 35.4667 47.6438 35.4667 47.5802 35.4667L47.0713 35.3395C47.3258 33.4946 47.1985 31.5862 46.8168 29.7414C46.3715 27.8966 45.6082 26.1154 44.5903 24.525L44.972 24.1433V24.0797C44.972 23.8888 45.0356 23.6344 45.1629 23.5072C45.7354 22.9982 46.3079 22.6166 46.9441 22.2349C47.0713 22.1713 47.1985 22.1076 47.3258 22.044C47.5802 21.9168 47.7711 21.7896 48.0255 21.6623C48.0891 21.5987 48.1528 21.5987 48.2164 21.5351C48.28 21.4715 48.2164 21.4715 48.2164 21.4079C48.7889 20.9626 48.9161 20.1992 48.4708 19.6267C48.28 19.3722 47.8983 19.1814 47.5802 19.1814C47.2621 19.1814 46.9441 19.3086 46.6896 19.4994L46.626 19.5631C46.5624 19.6267 46.4988 19.6903 46.4352 19.6903C46.2443 19.8811 46.0535 20.072 45.9262 20.2628C45.8626 20.39 45.7354 20.4537 45.6718 20.5173C45.2265 21.0262 44.6539 21.5351 44.0814 21.9168C43.9542 21.9804 43.827 22.044 43.6997 22.044C43.6361 22.044 43.5089 22.044 43.4453 21.9804H43.3817L42.8727 22.2985C42.3638 21.7896 41.7913 21.2807 41.2824 20.7717C38.9286 18.9269 36.0024 17.7818 33.0125 17.4638L32.9489 16.9549V17.0185C32.758 16.8912 32.6944 16.7004 32.6308 16.5096C32.6308 15.8098 32.6308 15.11 32.758 14.3467V14.283C32.758 14.1558 32.8216 14.0286 32.8216 13.9014C32.8853 13.6469 32.8853 13.3924 32.9489 13.138V12.7563C33.0125 12.1202 32.5036 11.484 31.8674 11.4204C31.4857 11.3568 31.104 11.5476 30.786 11.8657C30.5315 12.1202 30.4043 12.4382 30.4043 12.7563V13.0744C30.4043 13.3288 30.4679 13.5833 30.5315 13.8377C30.5951 13.965 30.5951 14.0922 30.5951 14.2194V14.283C30.7224 14.9828 30.7224 15.6826 30.7224 16.4459C30.6587 16.6368 30.5951 16.8276 30.4043 16.9549V17.0821L30.3407 17.591C29.6409 17.6546 28.9412 17.7818 28.1778 17.9091C25.1879 18.5452 22.4525 20.1356 20.3532 22.3621L19.9715 22.1076H19.9079C19.8443 22.1076 19.7807 22.1713 19.6534 22.1713C19.5262 22.1713 19.399 22.1076 19.2717 22.044C18.6992 21.5987 18.1267 21.0898 17.6814 20.5809C17.6178 20.4537 17.4905 20.39 17.4269 20.3264C17.2361 20.1356 17.1088 19.9447 16.918 19.7539C16.8544 19.6903 16.7908 19.6903 16.7272 19.6267C16.6635 19.5631 16.6635 19.5631 16.6635 19.5631C16.4091 19.3722 16.091 19.245 15.7729 19.245C15.3913 19.245 15.0732 19.3722 14.8823 19.6903C14.5006 20.2628 14.6279 21.0262 15.1368 21.4715C15.2004 21.4715 15.2004 21.5351 15.2004 21.5351C15.2004 21.5351 15.3276 21.6623 15.3913 21.6623C15.5821 21.7896 15.8366 21.9168 16.091 22.044C16.2182 22.1076 16.3455 22.1713 16.4727 22.2349C17.1088 22.6166 17.745 22.9982 18.2539 23.5072C18.3811 23.6344 18.5084 23.8888 18.4447 24.0797V24.0161L18.8264 24.3978C18.7628 24.525 18.6992 24.5886 18.6356 24.7158C16.6635 27.833 15.8366 31.5226 16.4091 35.1486L15.9002 35.2759C15.9002 35.3395 15.8366 35.3395 15.8366 35.3395C15.7729 35.5303 15.5821 35.6575 15.3913 35.7848C14.6915 35.9756 13.9917 36.1028 13.2284 36.1665C13.1011 36.1665 12.9739 36.1665 12.8467 36.2301C12.5922 36.2301 12.3378 36.2937 12.0833 36.2937C12.0197 36.2937 11.9561 36.3573 11.8288 36.3573C11.7652 36.3573 11.7652 36.3573 11.7016 36.4209C11.0018 36.5481 10.5565 37.1843 10.6838 37.8841C10.811 38.4566 11.3835 38.8383 11.9561 38.7747C12.0833 38.7747 12.1469 38.7747 12.2741 38.711C12.3378 38.711 12.3378 38.711 12.3378 38.6474C12.3378 38.5838 12.5286 38.6474 12.5922 38.6474C12.8467 38.5838 13.1011 38.4566 13.292 38.393C13.4192 38.3294 13.5464 38.2657 13.6737 38.2657H13.7373C14.437 38.0113 15.0732 37.8204 15.8366 37.6932H15.9002C16.091 37.6932 16.2819 37.7568 16.4091 37.8841C16.4727 37.8841 16.4727 37.9477 16.4727 37.9477L17.0452 37.8841C17.9994 40.8103 19.7807 43.4185 22.2616 45.327C22.8342 45.7723 23.3431 46.1539 23.9792 46.472L23.6611 46.9173C23.6611 46.9809 23.7248 46.9809 23.7248 46.9809C23.852 47.1718 23.852 47.4262 23.7884 47.6171C23.5339 48.2532 23.1522 48.8894 22.7705 49.4619V49.5255C22.7069 49.6527 22.6433 49.7164 22.5161 49.8436C22.3889 49.9708 22.2616 50.2253 22.0708 50.4797C22.0072 50.5434 22.0072 50.607 21.9436 50.6706C21.9436 50.6706 21.9436 50.7342 21.8799 50.7342C21.5619 51.3703 21.8163 52.1337 22.3889 52.4518C22.5161 52.5154 22.7069 52.579 22.8342 52.579C23.3431 52.579 23.7884 52.2609 24.0428 51.8156C24.0428 51.8156 24.0428 51.752 24.1064 51.752C24.1064 51.6884 24.1701 51.6248 24.2337 51.5612C24.2973 51.3067 24.4245 51.1159 24.4881 50.8614L24.6154 50.4797C24.8062 49.78 25.1243 49.1438 25.4424 48.5077C25.5696 48.3168 25.7604 48.1896 25.9513 48.126C26.0149 48.126 26.0149 48.126 26.0149 48.0624L26.2693 47.5535C28.0505 48.2532 29.8954 48.5713 31.8038 48.5713C32.9489 48.5713 34.0939 48.4441 35.239 48.126C35.9388 47.9988 36.6385 47.7443 37.2747 47.5535L37.5291 47.9988C37.5927 47.9988 37.5927 47.9988 37.5927 48.0624C37.7836 48.126 37.9744 48.2532 38.1016 48.4441C38.4197 49.0802 38.7378 49.7164 38.9286 50.4161V50.4797L39.0559 50.8614C39.1195 51.1159 39.1831 51.3703 39.3103 51.5612C39.3739 51.6248 39.3739 51.6884 39.4376 51.752C39.4376 51.752 39.4376 51.8156 39.5012 51.8156C39.7556 52.2609 40.2009 52.579 40.7098 52.579C40.9007 52.579 41.0279 52.5154 41.2188 52.4518C41.4732 52.3246 41.7277 52.0701 41.7913 51.752C41.8549 51.434 41.8549 51.1159 41.7277 50.7978C41.7277 50.7342 41.6641 50.7342 41.6641 50.7342C41.6641 50.6706 41.6005 50.607 41.5368 50.5434C41.4096 50.2889 41.2824 50.098 41.0915 49.9072C41.0279 49.78 40.9643 49.7164 40.8371 49.5891V49.4619C40.3918 48.8894 40.0737 48.2532 39.8192 47.6171C39.7556 47.4262 39.7556 47.1718 39.8829 46.9809C39.8829 46.9173 39.9465 46.9173 39.9465 46.9173L39.7556 46.4084C43 44.4364 45.4809 41.3829 46.626 37.7568L47.1349 37.8204C47.1985 37.8204 47.1985 37.7568 47.1985 37.7568C47.3258 37.6296 47.5166 37.566 47.7074 37.566H47.7711C48.4708 37.6932 49.1706 37.8841 49.8067 38.1385H49.8703C49.9976 38.2021 50.1248 38.2657 50.252 38.2657C50.5065 38.393 50.6973 38.5202 50.9518 38.5838C51.0154 38.5838 51.079 38.6474 51.2062 38.6474C51.2699 38.6474 51.2699 38.6474 51.3335 38.711C51.4607 38.7747 51.5243 38.7747 51.6516 38.7747C52.2241 38.7747 52.733 38.393 52.9238 37.8841C52.8602 37.1843 52.3513 36.6754 51.7788 36.5481ZM33.3942 34.5761L31.6766 35.4031L29.959 34.5761L29.5137 32.7313L30.7224 31.2045H32.6308L33.8395 32.7313L33.3942 34.5761ZM43.7633 30.4411C44.0814 31.7771 44.145 33.113 44.0178 34.4489L37.9744 32.7313C37.4019 32.604 37.0838 32.0315 37.211 31.459C37.2747 31.2681 37.3383 31.1409 37.4655 31.0137L42.2366 26.6879C42.9364 27.833 43.4453 29.1052 43.7633 30.4411ZM40.3282 24.3342L35.1118 28.0238C34.6665 28.2783 34.0303 28.2146 33.7122 27.7693C33.585 27.6421 33.5214 27.5149 33.5214 27.324L33.1397 20.899C35.9388 21.217 38.4197 22.4257 40.3282 24.3342ZM28.8139 21.0898L30.0862 20.8353L29.7681 27.1968C29.7681 27.7693 29.2592 28.2146 28.6867 28.2146C28.4958 28.2146 28.3686 28.151 28.1778 28.0874L22.8978 24.3342C24.5517 22.7438 26.5874 21.5987 28.8139 21.0898ZM21.0529 26.6879L25.7604 30.8864C26.2057 31.2681 26.2693 31.9043 25.8877 32.3496C25.7604 32.5404 25.6332 32.604 25.3787 32.6677L19.2081 34.4489C19.0173 31.7771 19.6534 29.0416 21.0529 26.6879ZM19.9715 37.4388L26.2693 36.3573C26.7783 36.3573 27.2872 36.6754 27.3508 37.1843C27.4144 37.3751 27.4144 37.6296 27.2872 37.8204L24.8698 43.673C22.6433 42.2098 20.8621 39.9833 19.9715 37.4388ZM34.412 45.327C33.5214 45.5178 32.6308 45.645 31.6766 45.645C30.3407 45.645 28.9412 45.3906 27.6689 45.0089L30.786 39.3472C31.104 38.9655 31.613 38.8383 32.0583 39.0927C32.2491 39.22 32.3763 39.3472 32.5672 39.538L35.6207 45.0725C35.239 45.1361 34.8573 45.1997 34.412 45.327ZM42.173 39.7925C41.2188 41.3192 39.8829 42.6551 38.3561 43.6094L35.8751 37.6296C35.7479 37.1207 36.0024 36.6118 36.4477 36.4209C36.6385 36.3573 36.8294 36.2937 37.0202 36.2937L43.3817 37.3751C43.0636 38.2657 42.6819 39.0927 42.173 39.7925Z", fill: "white" })
   ] });
-  const MariaDB = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#003343", d: "M61.76 12.4c-1.81.77-2.13.82-4.48 1-1.73.11-2 .14-3.2.53-2.03.67-3.73 2.02-5.41 4.24a57.3 57.3 0 0 0-3.34 5.25c0 .15-1.73 2.64-2.42 3.5a14.12 14.12 0 0 1-5.71 4.23c-2.05.93-3.28 1.38-10.93 3.9a71.8 71.8 0 0 0-6.32 2.27c-2.33 1.24-4.34 3-5.87 5.14-2.67 3.5-2.61 3.5-8.13 2.51-.6-.07-1.2-.13-1.79-.15-1.73-.14-2.72.1-3.55.87l-.61.58.48.21a16 16 0 0 1 1.5 1.06c.6.5 1.25.95 1.94 1.33a6 6 0 0 1-.61.93c-1.15 1.53-1.58 2.3-1.52 2.75.05.45.08.45 1.14.45 1.39 0 2.19-.13 3.36-.53a51.34 51.34 0 0 0 7.42-3.7c2.08-1.33 4.58-2.66 5.22-2.79 2.8-.55 5.67-.6 8.48-.16.27.03.99.13 1.6.16a7.6 7.6 0 0 1 1.23.21c.05.03 1.25.1 2.67.16 2.48.05 2.93 0 3.46-.53a9.9 9.9 0 0 0 1.34-2.6c.53-1.69 1.06-2.43.96-1.3a16.6 16.6 0 0 1-1.92 6.4 19.55 19.55 0 0 1-2.48 3.7c-.86.9-.83.95.24.82a13.81 13.81 0 0 0 5.6-2.17 18.2 18.2 0 0 0 5.81-8.03c.3-.71.59-.58.5.22l-.15 1.32-.08.87.93-.53c2.21-1.27 3.79-3.33 5.68-7.65.61-1.35 2.35-7.73 2.85-10.51.19-.93.43-1.86.72-2.76a4.5 4.5 0 0 1 1.28-2.28c.51-.53 1.68-1.48 2.62-2.12 1.92-1.35 2.53-2 3.17-3.2.53-1.11.75-3 .35-3.6-.35-.53-.75-.53-2.03 0Z" }) });
+  const MariaDB = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M61.76 12.4c-1.81.77-2.13.82-4.48 1-1.73.11-2 .14-3.2.53-2.03.67-3.73 2.02-5.41 4.24a57.3 57.3 0 0 0-3.34 5.25c0 .15-1.73 2.64-2.42 3.5a14.12 14.12 0 0 1-5.71 4.23c-2.05.93-3.28 1.38-10.93 3.9a71.8 71.8 0 0 0-6.32 2.27c-2.33 1.24-4.34 3-5.87 5.14-2.67 3.5-2.61 3.5-8.13 2.51-.6-.07-1.2-.13-1.79-.15-1.73-.14-2.72.1-3.55.87l-.61.58.48.21a16 16 0 0 1 1.5 1.06c.6.5 1.25.95 1.94 1.33a6 6 0 0 1-.61.93c-1.15 1.53-1.58 2.3-1.52 2.75.05.45.08.45 1.14.45 1.39 0 2.19-.13 3.36-.53a51.34 51.34 0 0 0 7.42-3.7c2.08-1.33 4.58-2.66 5.22-2.79 2.8-.55 5.67-.6 8.48-.16.27.03.99.13 1.6.16a7.6 7.6 0 0 1 1.23.21c.05.03 1.25.1 2.67.16 2.48.05 2.93 0 3.46-.53a9.9 9.9 0 0 0 1.34-2.6c.53-1.69 1.06-2.43.96-1.3a16.6 16.6 0 0 1-1.92 6.4 19.55 19.55 0 0 1-2.48 3.7c-.86.9-.83.95.24.82a13.81 13.81 0 0 0 5.6-2.17 18.2 18.2 0 0 0 5.81-8.03c.3-.71.59-.58.5.22l-.15 1.32-.08.87.93-.53c2.21-1.27 3.79-3.33 5.68-7.65.61-1.35 2.35-7.73 2.85-10.51.19-.93.43-1.86.72-2.76a4.5 4.5 0 0 1 1.28-2.28c.51-.53 1.68-1.48 2.62-2.12 1.92-1.35 2.53-2 3.17-3.2.53-1.11.75-3 .35-3.6-.35-.53-.75-.53-2.03 0Z" }) });
   const Metabase = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.8347 20.2593C12.9525 20.2593 14.6694 18.515 14.6694 16.3633C14.6694 14.2116 12.9525 12.4673 10.8347 12.4673C8.71685 12.4673 7 14.2116 7 16.3633C7 18.515 8.71685 20.2593 10.8347 20.2593Z", fill: "#509EE3" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.8347 31.168C12.9525 31.168 14.6694 29.4237 14.6694 27.272C14.6694 25.1203 12.9525 23.376 10.8347 23.376C8.71685 23.376 7 25.1203 7 27.272C7 29.4237 8.71685 31.168 10.8347 31.168Z", fill: "#509EE3" }),
@@ -10589,9 +10589,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     spacing = "sm",
     state = "default",
     title = "Title",
+    error: error2 = false,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$a, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { $state: state, $size: size2, children: label }),
+  }) => /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$a, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, $error: error2, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Label, { $state: state, $size: size2, $error: error2, children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(Title$3, { $state: state, $size: size2, children: title })
   ] });
   const Wrapper$a = pt.div.withConfig({
@@ -10604,13 +10605,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     $height = "fixed",
     $order,
     $spacing = "sm",
+    $error = false,
     theme: theme2
   }) => `
     background-color: ${theme2.click.bigStat.color.background[$state]};
     color: ${theme2.click.bigStat.color.label[$state]};
     font: ${theme2.click.bigStat.typography[$size].label[$state]};
     border-radius: ${theme2.click.bigStat.radii.all};
-    border: ${theme2.click.bigStat.stroke} solid ${theme2.click.bigStat.color.stroke[$state]};
+    border: ${theme2.click.bigStat.stroke} solid ${$error ? theme2.click.bigStat.color.stroke.danger : theme2.click.bigStat.color.stroke[$state]};
   gap: ${theme2.click.bigStat.space[$spacing].gap};
   padding: ${theme2.click.bigStat.space.all};
   min-height: ${$height !== void 0 ? `${$height}` : "auto"};
@@ -10623,9 +10625,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   })(["", ""], ({
     $state = "default",
     $size = "lg",
+    $error = false,
     theme: theme2
   }) => `
-    color: ${theme2.click.bigStat.color.label[$state]};
+    color: ${$error ? theme2.click.bigStat.color.label.danger : theme2.click.bigStat.color.label[$state]};
     font: ${theme2.click.bigStat.typography[$size].label[$state]};
   `);
   const Title$3 = pt.div.withConfig({
@@ -36404,7 +36407,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   })(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
   const SelectListContent = pt.div.withConfig({
     componentId: "sc-oudbwg-8"
-  })(["width:inherit;overflow:auto;flex:1;"]);
+  })(["width:inherit;overflow:auto;flex:1;", ""], ({
+    $maxHeight
+  }) => $maxHeight && `
+      max-height: ${$maxHeight};
+    `);
   const HiddenSelectElement = pt.select.withConfig({
     componentId: "sc-oudbwg-9"
   })(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
@@ -39745,6 +39752,52 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     } = useOption();
     return search;
   };
+  const NoOptionsDisplay = ({
+    allowCreateOption,
+    search,
+    customText,
+    noAvailableOptions,
+    onCreateOption,
+    onOpenChange,
+    containerProps
+  }) => {
+    const getCustomTextWithSearch = (text2) => text2.replaceAll("{search}", search);
+    const getDefaultMessage = () => `No Options found${search.length > 0 ? ` for "${search}" ` : ""}`;
+    const getNoAvailableOptionsNode = () => {
+      if (typeof noAvailableOptions === "boolean") {
+        return noAvailableOptions ? getDefaultMessage() : null;
+      }
+      return noAvailableOptions({
+        search,
+        close: () => onOpenChange(false)
+      });
+    };
+    const hasCustomText = customText.length > 0;
+    const hasSearchInput = search.length > 0;
+    const shouldShowCreateOption = allowCreateOption && hasSearchInput;
+    let noOptionsNode = null;
+    if (shouldShowCreateOption) {
+      noOptionsNode = hasCustomText ? getCustomTextWithSearch(customText) : `Add ${search}`;
+    } else if (hasCustomText) {
+      noOptionsNode = getCustomTextWithSearch(customText);
+    } else {
+      noOptionsNode = getNoAvailableOptionsNode();
+    }
+    if (!noOptionsNode) {
+      return null;
+    }
+    const handleNoOptionsClick = (e) => {
+      if (shouldShowCreateOption) {
+        onCreateOption(e);
+        onOpenChange(false);
+      }
+    };
+    const isCustomReactNode = typeof noAvailableOptions === "function";
+    if (isCustomReactNode) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Container, { onClick: handleNoOptionsClick, ...containerProps, children: noOptionsNode });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(SelectNoDataContainer, { onClick: handleNoOptionsClick, $clickable: allowCreateOption, ...containerProps, children: noOptionsNode });
+  };
   const childrenToComboboxItemArray = (children, callback, heading) => {
     return React.Children.toArray(children).flatMap((child) => {
       if (React.isValidElement(child) && child && typeof child === "object") {
@@ -39796,6 +39849,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     options: options2,
     sortable = false,
     placeholder = "Select an option",
+    maxHeight,
     multiple,
     checkbox,
     selectLabel,
@@ -39803,6 +39857,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     container,
     useFullWidthItems = false,
     itemCharacterLimit = "64ch",
+    noAvailableOptions = true,
     ...props
   }) => {
     const defaultId = React.useId();
@@ -39983,7 +40038,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
               /* @__PURE__ */ jsxRuntime.jsx(SearchBar, { ref: inputRef, value: search, onChange: (e) => onUpdateSearch(e.target.value), "data-testid": "select-search-input", onKeyDown, $showSearch: showSearch }),
               /* @__PURE__ */ jsxRuntime.jsx(SearchClose, { as: IconButton$1, icon: "cross", onClick: clearSearch, "data-testid": "select-search-close", $showClose: search.length > 0, size: "xs" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(SelectListContent, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionContext.Provider, { value: optionContextValue, children: options2 && options2.length > 0 ? options2.map((props2, index2) => {
+            /* @__PURE__ */ jsxRuntime.jsx(SelectListContent, { $maxHeight: maxHeight, children: /* @__PURE__ */ jsxRuntime.jsx(OptionContext.Provider, { value: optionContextValue, children: options2 && options2.length > 0 ? options2.map((props2, index2) => {
               if ("options" in props2) {
                 const {
                   options: itemList = [],
@@ -40002,8 +40057,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
                 return /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { ...props2 }, `select-${id}-item-${index2}`);
               }
             }) : children }) }),
-            visibleList.current.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(SelectNoDataContainer, { onClick: onCreateOption, $clickable: allowCreateOption, ...props, children: customText.length > 0 ? customText.replaceAll("{search}", search) : allowCreateOption ? `Add ${search}` : `No Options found${search.length > 0 ? ` for "${search}" ` : ""}
-                    ` })
+            visibleList.current.length === 0 && (allowCreateOption || !!noAvailableOptions) && /* @__PURE__ */ jsxRuntime.jsx(NoOptionsDisplay, { allowCreateOption, search, customText, noAvailableOptions, onCreateOption, onOpenChange, containerProps: props })
           ] }) }) })
         ] }),
         !!error2 && error2 !== true && /* @__PURE__ */ jsxRuntime.jsx(Error$1, { children: error2 })
@@ -45180,7 +45234,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         stroke: {
           "default": "#323232",
-          muted: "#323232"
+          muted: "#323232",
+          danger: "#ffbaba"
         },
         background: {
           "default": "#1F1F1C",
@@ -45188,7 +45243,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         label: {
           "default": "#b3b6bd",
-          muted: "#b3b6bd"
+          muted: "#b3b6bd",
+          danger: "#ffbaba"
         },
         title: {
           "default": "rgb(97.5% 97.5% 97.5%)",
@@ -47056,7 +47112,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         stroke: {
           "default": "#e6e7e9",
-          muted: "#e6e7e9"
+          muted: "#e6e7e9",
+          danger: "#c10000"
         },
         background: {
           "default": "#ffffff",
@@ -47064,7 +47121,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         label: {
           "default": "#696e79",
-          muted: "#696e79"
+          muted: "#696e79",
+          danger: "#c10000"
         },
         title: {
           "default": "lch(11.1 1.37 305)",
@@ -49115,7 +49173,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         stroke: {
           "default": "#e6e7e9",
-          muted: "#e6e7e9"
+          muted: "#e6e7e9",
+          danger: "#c10000"
         },
         background: {
           "default": "#ffffff",
@@ -49123,7 +49182,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         label: {
           "default": "#696e79",
-          muted: "#696e79"
+          muted: "#696e79",
+          danger: "#c10000"
         },
         title: {
           "default": "lch(11.1 1.37 305)",