@arcanejs/toolkit 4.1.0 → 5.0.0

package/dist/frontend/entrypoint.js

@@ -24524,7 +24524,7 @@
     }
   });
 
-  // ../toolkit-frontend/dist/chunk-E7JSREGM.mjs
+  // ../toolkit-frontend/dist/chunk-PTANIWKR.mjs
   var import_react = __toESM(require_react(), 1);
   var import_react2 = __toESM(require_react(), 1);
   var __defProp2 = Object.defineProperty;
@@ -25947,7 +25947,7 @@
   var St = "__sc-".concat(f, "__");
   "undefined" != typeof window && (window[St] || (window[St] = 0), 1 === window[St] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."), window[St] += 1);
 
-  // ../toolkit-frontend/dist/chunk-MESQQRK3.mjs
+  // ../toolkit-frontend/dist/chunk-GMPDVDSW.mjs
   var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
   var core_exports = {};
   __export(core_exports, {
@@ -25982,7 +25982,7 @@
 `;
   var TRANSPARENCY_SVG_URI = `data:image/svg+xml,${encodeURIComponent(TRANSPARENCY_SVG)}`;
 
-  // ../toolkit-frontend/dist/chunk-BQS6YM6U.mjs
+  // ../toolkit-frontend/dist/chunk-6XOE7F7U.mjs
   var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
   var GlobalStyle = ft`
 body {
@@ -27263,7 +27263,57 @@ body {
   var import_react13 = __toESM(require_react());
 
   // ../toolkit-frontend/src/util/index.ts
+  var COLOR_SCHEME_SETTINGS = "arcane-color-scheme-preference";
+  var VALID_COLOR_SCHEME_PREFS2 = ["auto", "dark", "light"];
+  var isValidColorSchemePreference = (value) => {
+    return VALID_COLOR_SCHEME_PREFS2.includes(value);
+  };
+  var useColorSchemePreferences2 = () => {
+    if (typeof window === "undefined") {
+      return {
+        colorSchemePreference: "auto",
+        setColorSchemePreference: () => {
+        }
+      };
+    }
+    const [preference, setPreference] = (0, import_react14.useState)(
+      window.localStorage.getItem(
+        COLOR_SCHEME_SETTINGS
+      ) || "auto"
+    );
+    const setColorSchemePreference = (newPreference) => {
+      if (!isValidColorSchemePreference(newPreference)) {
+        throw new Error(`Invalid color scheme preference: ${newPreference}`);
+      }
+      window.localStorage.setItem(COLOR_SCHEME_SETTINGS, newPreference);
+      window.dispatchEvent(
+        new StorageEvent("storage", {
+          key: COLOR_SCHEME_SETTINGS,
+          newValue: newPreference
+        })
+      );
+    };
+    (0, import_react14.useEffect)(() => {
+      const onStorageChange = (event) => {
+        if (event.key === COLOR_SCHEME_SETTINGS) {
+          const newValue = event.newValue;
+          if (isValidColorSchemePreference(newValue)) {
+            setPreference(newValue);
+          }
+        }
+      };
+      window.addEventListener("storage", onStorageChange);
+      return () => {
+        window.removeEventListener("storage", onStorageChange);
+      };
+    }, []);
+    return {
+      colorSchemePreference: isValidColorSchemePreference(preference) ? preference : "auto",
+      setColorSchemePreference
+    };
+  };
   var usePreferredColorScheme2 = () => {
+    const { colorSchemePreference } = useColorSchemePreferences2();
     const [theme, setTheme] = (0, import_react14.useState)("light");
     (0, import_react14.useEffect)(() => {
       if (typeof window !== "undefined") {
@@ -27278,7 +27328,7 @@ body {
         };
       }
     }, []);
-    return theme;
+    return colorSchemePreference === "auto" ? theme : colorSchemePreference;
   };
 
   // ../toolkit-frontend/src/styling.tsx