@helpwave/hightide 0.1.20 → 0.1.21

package/dist/index.js

@@ -3296,8 +3296,9 @@ var LanguageProvider = ({ initialLanguage, children }) => {
     }
   }, [initialLanguage]);
   (0, import_react2.useEffect)(() => {
+    document.documentElement.setAttribute("lang", language);
     setStoredLanguage(language);
-  }, [language, setStoredLanguage]);
+  }, [language]);
   (0, import_react2.useEffect)(() => {
     if (storedLanguage !== null) {
       setLanguage(storedLanguage);
@@ -4779,7 +4780,7 @@ var Overlay = ({
   }, []);
   if (!root || !isOpen) return null;
   return import_react_dom.default.createPortal(
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_clsx11.default)("fixed inset-0 z-[9999]"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_clsx11.default)("fixed inset-0 z-[200]"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
@@ -7316,7 +7317,7 @@ var Menu = ({
         ref: menuRef,
         onClick: (e) => e.stopPropagation(),
         className: (0, import_clsx33.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,
@@ -7535,7 +7536,8 @@ var LanguageModal = ({
             className: "mt-2",
             value: language,
             options: LanguageUtil.languages.map((language2) => ({ label: translation(language2), value: language2 })),
-            onChange: (language2) => setLanguage(language2)
+            onChange: (language2) => setLanguage(language2),
+            searchOptions: { disabled: true }
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation("done") }) })
@@ -7576,6 +7578,7 @@ var ThemeContext = (0, import_react25.createContext)({
 });
 var ThemeProvider = ({ children, initialTheme = "light" }) => {
   const [theme, setTheme] = (0, import_react25.useState)(initialTheme);
+  const [storedTheme, setStoredTheme] = useLocalStorage("theme", initialTheme);
   (0, import_react25.useEffect)(() => {
     if (theme !== initialTheme) {
       console.warn("ThemeProvider initial state changed: Prefer using useTheme's setTheme instead");
@@ -7584,7 +7587,16 @@ var ThemeProvider = ({ children, initialTheme = "light" }) => {
   }, [initialTheme]);
   (0, import_react25.useEffect)(() => {
     document.documentElement.setAttribute("data-theme", theme);
+    setStoredTheme(theme);
   }, [theme]);
+  (0, import_react25.useEffect)(() => {
+    if (storedTheme !== null) {
+      setTheme(storedTheme);
+      return;
+    }
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    setTheme(prefersDark ? "dark" : "light");
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ThemeContext.Provider, { value: { theme, setTheme }, children });
 };
 var useTheme = () => (0, import_react25.useContext)(ThemeContext);
@@ -7624,7 +7636,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_runtime46.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation("done") }) })