@helpwave/hightide 0.1.19 → 0.1.21

package/dist/components/modals/ThemeModal.js

@@ -217,7 +217,8 @@ var Expandable = (0, import_react3.forwardRef)(function Expandable2({
   disabled = false,
   className,
   headerClassName,
-  contentClassName
+  contentClassName,
+  contentExpandedClassName
 }, ref) {
   const defaultIcon = (0, import_react3.useCallback)((expanded) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ExpansionIcon, { isExpanded: expanded }), []);
   icon ??= defaultIcon;
@@ -253,7 +254,7 @@ var Expandable = (0, import_react3.forwardRef)(function Expandable2({
             className: (0, import_clsx3.default)(
               "flex-col-2 px-4 transition-all duration-300 ease-in-out",
               {
-                "max-h-96 opacity-100 pb-2": isExpanded,
+                [(0, import_clsx3.default)("max-h-96 opacity-100 pb-2 overflow-y-auto", contentExpandedClassName)]: isExpanded,
                 "max-h-0 opacity-0 overflow-hidden": !isExpanded
               },
               contentClassName
@@ -487,7 +488,7 @@ var Menu = ({
         ref: menuRef,
         onClick: (e) => e.stopPropagation(),
         className: (0, import_clsx4.default)(
-          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg z-10",
+          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg z-[300]",
           {
             "animate-pop-in": isOpen,
             "animate-pop-out": !isOpen,
@@ -1294,7 +1295,7 @@ var Overlay = ({
   }, []);
   if (!root || !isOpen) return null;
   return import_react_dom2.default.createPortal(
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_clsx10.default)("fixed inset-0 z-[9999]"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_clsx10.default)("fixed inset-0 z-[200]"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "div",
         {
@@ -1483,7 +1484,8 @@ var ThemeModal = ({
             className: "mt-2",
             value: theme,
             options: ThemeUtil.themes.map((theme2) => ({ label: translation(theme2), value: theme2 })),
-            onChange: (theme2) => setTheme(theme2)
+            onChange: (theme2) => setTheme(theme2),
+            searchOptions: { disabled: true }
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation("done") }) })