@qodin-co/sol 0.1.7 → 0.1.9

package/dist/{solar-theme-provider-B3Pya6MA.js → solar-theme-provider-CXILKRrU.js}

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import React, { Children, Component, Fragment, createContext, createElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import React, { Children, Component, Fragment, createContext, createElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region rolldown:runtime
@@ -700,29 +700,28 @@ function useSolarPosition(options = {}) {
 	const lon = longitude ?? DEFAULT_LON;
 	const tz = timezone ?? DEFAULT_TZ;
 	simulatedDate?.getTime();
-	const [position, setPosition] = useState(() => {
-		if (typeof window !== "undefined" && typeof document !== "undefined") try {
-			const date = simulatedDate ?? /* @__PURE__ */ new Date();
-			return computeSolarPosition(date, lat, lon, utcOffsetFromTimezone(tz, date));
-		} catch {}
-		return {
-			altitude: 45,
-			azimuth: 180,
-			dayProgress: .5,
-			nightProgress: .5,
-			isDaytime: true,
-			phase: "morning",
-			times: {
-				sunrise: 360,
-				solarNoon: 720,
-				sunset: 1080,
-				dawnCivil: 330,
-				duskCivil: 1110
-			},
-			localMinutes: 720
-		};
+	const [position, setPosition] = useState({
+		altitude: 45,
+		azimuth: 180,
+		dayProgress: .5,
+		nightProgress: .5,
+		isDaytime: true,
+		phase: "morning",
+		times: {
+			sunrise: 360,
+			solarNoon: 720,
+			sunset: 1080,
+			dawnCivil: 330,
+			duskCivil: 1110
+		},
+		localMinutes: 720
 	});
-	const [isReady, setIsReady] = useState(() => typeof window !== "undefined" && typeof document !== "undefined");
+	const [isReady, setIsReady] = useState(false);
+	useLayoutEffect(() => {
+		const date = simulatedDate ?? /* @__PURE__ */ new Date();
+		setPosition(computeSolarPosition(date, lat, lon, utcOffsetFromTimezone(tz, date)));
+		setIsReady(true);
+	}, []);
 	useEffect(() => {
 		const update = (d) => {
 			setPosition(computeSolarPosition(d, lat, lon, utcOffsetFromTimezone(tz, d)));
@@ -7420,18 +7419,18 @@ function newChildrenMap() {
 *
 * @public
 */
-function usePresence(subscribe$1 = true) {
+function usePresence(subscribe = true) {
 	const context = useContext(PresenceContext);
 	if (context === null) return [true, null];
 	const { isPresent, onExitComplete, register } = context;
 	const id$2 = useId();
 	useEffect(() => {
-		if (subscribe$1) register(id$2);
-	}, [subscribe$1]);
-	const safeToRemove = useCallback(() => subscribe$1 && onExitComplete && onExitComplete(id$2), [
+		if (subscribe) register(id$2);
+	}, [subscribe]);
+	const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id$2), [
 		id$2,
 		onExitComplete,
-		subscribe$1
+		subscribe
 	]);
 	return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
 }
@@ -19705,7 +19704,7 @@ function withAlpha(color$1, alpha$1) {
 	return `rgba(${parts[0]},${parts[1]},${parts[2]},${alpha$1})`;
 }
 function TideCloudRenderer({ w, h, colors: colors$1, opacity }) {
-	const id$2 = Math.random().toString(36).slice(2, 6);
+	const id$2 = useId().replace(/:/g, "");
 	const waveBand = (yBase, amp, phaseOff, pts = 80) => {
 		const top = Array.from({ length: pts }, (_, i$1) => {
 			const x = i$1 / (pts - 1) * w;
@@ -19769,7 +19768,7 @@ function TideCloudRenderer({ w, h, colors: colors$1, opacity }) {
 	});
 }
 function TideRainRenderer({ w, h, colors: colors$1, opacity }) {
-	const id$2 = Math.random().toString(36).slice(2, 6);
+	const id$2 = useId().replace(/:/g, "");
 	const drops = Array.from({ length: 28 }, (_, i$1) => ({
 		x: i$1 / 27 * w * 1.2 - w * .1,
 		delay: i$1 * .18 % 1.4,
@@ -19804,7 +19803,7 @@ function TideRainRenderer({ w, h, colors: colors$1, opacity }) {
 	});
 }
 function SundialCloudRenderer({ w, h, colors: colors$1, opacity }) {
-	const id$2 = Math.random().toString(36).slice(2, 6);
+	const id$2 = useId().replace(/:/g, "");
 	const slabs = [
 		{
 			x: w * .05,
@@ -19886,7 +19885,7 @@ function SundialCloudRenderer({ w, h, colors: colors$1, opacity }) {
 	});
 }
 function SundialRainRenderer({ w, h, colors: colors$1, opacity }) {
-	const id$2 = Math.random().toString(36).slice(2, 6);
+	const id$2 = useId().replace(/:/g, "");
 	const streaks = Array.from({ length: 22 }, (_, i$1) => ({
 		x: i$1 / 21 * w * 1.1 - w * .05,
 		delay: i$1 * .22 % 1.6,
@@ -19921,7 +19920,7 @@ function SundialRainRenderer({ w, h, colors: colors$1, opacity }) {
 	});
 }
 function VoidCloudRenderer({ w, h, colors: colors$1, opacity }) {
-	const id$2 = Math.random().toString(36).slice(2, 6);
+	const id$2 = useId().replace(/:/g, "");
 	return /* @__PURE__ */ jsxs("svg", {
 		"aria-hidden": "true",
 		width: w,
@@ -19962,7 +19961,7 @@ function VoidCloudRenderer({ w, h, colors: colors$1, opacity }) {
 	});
 }
 function VoidThunderRenderer({ w, h, colors: colors$1, opacity }) {
-	const id$2 = Math.random().toString(36).slice(2, 6);
+	const id$2 = useId().replace(/:/g, "");
 	const flashColor = colors$1?.thunderColor ?? "#FFFFFF";
 	return /* @__PURE__ */ jsxs("div", {
 		style: {
@@ -21603,122 +21602,6 @@ function AuroraCompact({ phase, blend, time: time$1, location, temperature, weat
 	});
 }
 
-//#endregion
-//#region node_modules/@usefy/use-local-storage/dist/index.mjs
-var listeners = /* @__PURE__ */ new Map();
-function subscribe(key, listener) {
-	if (!listeners.has(key)) listeners.set(key, /* @__PURE__ */ new Set());
-	const keyListeners = listeners.get(key);
-	keyListeners.add(listener);
-	return () => {
-		keyListeners.delete(listener);
-		if (keyListeners.size === 0) listeners.delete(key);
-	};
-}
-function notifyListeners(key) {
-	const keyListeners = listeners.get(key);
-	if (keyListeners) keyListeners.forEach((listener) => listener());
-}
-function resolveInitialValue(initialValue) {
-	return typeof initialValue === "function" ? initialValue() : initialValue;
-}
-function useLocalStorage(key, initialValue, options = {}) {
-	const { serializer = JSON.stringify, deserializer = JSON.parse, syncTabs = true, onError } = options;
-	const serializerRef = useRef(serializer);
-	const deserializerRef = useRef(deserializer);
-	const onErrorRef = useRef(onError);
-	const initialValueRef = useRef(initialValue);
-	serializerRef.current = serializer;
-	deserializerRef.current = deserializer;
-	onErrorRef.current = onError;
-	initialValueRef.current = initialValue;
-	const cacheRef = useRef(null);
-	const isClient = typeof window !== "undefined";
-	return [
-		useSyncExternalStore(useCallback((onStoreChange) => {
-			const unsubscribeStore = subscribe(key, onStoreChange);
-			let handleStorageEvent = null;
-			if (isClient && syncTabs) {
-				handleStorageEvent = (event) => {
-					if (event.key === key) onStoreChange();
-				};
-				window.addEventListener("storage", handleStorageEvent);
-			}
-			return () => {
-				unsubscribeStore();
-				if (handleStorageEvent) window.removeEventListener("storage", handleStorageEvent);
-			};
-		}, [
-			key,
-			syncTabs,
-			isClient
-		]), useCallback(() => {
-			if (!isClient) return resolveInitialValue(initialValueRef.current);
-			try {
-				const rawValue = window.localStorage.getItem(key);
-				if (cacheRef.current && cacheRef.current.rawValue === rawValue) return cacheRef.current.parsedValue;
-				let parsedValue;
-				if (rawValue !== null) parsedValue = deserializerRef.current(rawValue);
-				else parsedValue = resolveInitialValue(initialValueRef.current);
-				cacheRef.current = {
-					rawValue,
-					parsedValue
-				};
-				return parsedValue;
-			} catch (error) {
-				onErrorRef.current?.(error);
-				const fallbackValue = resolveInitialValue(initialValueRef.current);
-				cacheRef.current = {
-					rawValue: null,
-					parsedValue: fallbackValue
-				};
-				return fallbackValue;
-			}
-		}, [key, isClient]), useCallback(() => {
-			return resolveInitialValue(initialValueRef.current);
-		}, [])),
-		useCallback((value) => {
-			try {
-				const currentValue = (() => {
-					try {
-						const item = window.localStorage.getItem(key);
-						if (item !== null) return deserializerRef.current(item);
-						return resolveInitialValue(initialValueRef.current);
-					} catch {
-						return resolveInitialValue(initialValueRef.current);
-					}
-				})();
-				const valueToStore = value instanceof Function ? value(currentValue) : value;
-				if (typeof window !== "undefined") {
-					const serialized = serializerRef.current(valueToStore);
-					window.localStorage.setItem(key, serialized);
-					cacheRef.current = {
-						rawValue: serialized,
-						parsedValue: valueToStore
-					};
-					notifyListeners(key);
-				}
-			} catch (error) {
-				onErrorRef.current?.(error);
-			}
-		}, [key]),
-		useCallback(() => {
-			try {
-				if (typeof window !== "undefined") {
-					window.localStorage.removeItem(key);
-					cacheRef.current = {
-						rawValue: null,
-						parsedValue: resolveInitialValue(initialValueRef.current)
-					};
-					notifyListeners(key);
-				}
-			} catch (error) {
-				onErrorRef.current?.(error);
-			}
-		}, [key])
-	];
-}
-
 //#endregion
 //#region src/shared/pill-weather-glyphs.tsx
 const NIGHT_KEYWORDS = /moon|night|midnight|lunar|crescent|gibbous|waning|waxing|new-moon|full-moon/i;
@@ -26568,9 +26451,21 @@ function HorizonIcon$4({ color: color$1 }) {
 }
 function AuroraWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("aurora-widget-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("aurora-widget-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("aurora-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$9[expandDirection];
 	const yNudge = getYNudge$9(expandDirection);
 	const solar = useSolarPosition({
@@ -28085,9 +27980,21 @@ const CATEGORY_META$3 = {
 };
 function FoundryWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, customPalettes, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("solar-widget-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("solar-widget-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("solar-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$8[expandDirection];
 	const yNudge = getYNudge$8(expandDirection);
 	const solar = useSolarPosition({
@@ -32131,9 +32038,21 @@ function HorizonIcon$2({ color: color$1 }) {
 }
 function MeridianWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("meridian-widget-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("meridian-widget-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("meridian-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$7[expandDirection];
 	const yNudge = getYNudge$7(expandDirection);
 	const solar = useSolarPosition({
@@ -34263,9 +34182,21 @@ function HorizonIcon$1({ color: color$1 }) {
 }
 function MineralWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("mineral-widget-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("mineral-widget-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("mineral-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$6[expandDirection];
 	const yNudge = getYNudge$6(expandDirection);
 	const solar = useSolarPosition({
@@ -36224,9 +36155,21 @@ const CATEGORY_META = {
 const SERIF = "'Georgia','Times New Roman',serif";
 function PaperWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("paper-widget-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("paper-widget-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("paper-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$5[expandDirection];
 	const yNudge = getYNudge$5(expandDirection);
 	const solar = useSolarPosition({
@@ -37009,7 +36952,7 @@ function usePaperCompactOrbRaf(refs) {
 function InkWashTrack({ trackW, trackH, pal, isDaytime, initX, washRef, featherRef, outerRef, coreRef, wrapGRef, orbOpacity = 1 }) {
 	const orbR = isDaytime ? trackH * .48 : trackH * .36;
 	const lineY = trackH / 2 + trackH * .05;
-	const filterId = useMemo(() => `pw-${Math.random().toString(36).slice(2, 7)}`, []);
+	const filterId = `pw${useId().replace(/:/g, "")}`;
 	return /* @__PURE__ */ jsxs("svg", {
 		"aria-hidden": "true",
 		width: trackW,
@@ -37160,7 +37103,7 @@ function PaperCompact({ phase, blend, time: time$1, location, temperature, weath
 		if (!timezone || !showFlag) return null;
 		return getTimezone(timezone)?.countries?.[0] ?? null;
 	}, [timezone, showFlag]);
-	const grainId = useMemo(() => `pg-${Math.random().toString(36).slice(2)}`, []);
+	const grainId = `pg${useId().replace(/:/g, "")}`;
 	const trackW = size.width - size.px * 2;
 	const isItalic = ITALIC_PHASES.has(phase);
 	const row1H = size.labelSize + 2;
@@ -44822,9 +44765,21 @@ const SPRING_CONTENT$3 = {
 };
 function ParchmentWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("solar-widget-parchment-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("solar-widget-parchment-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("solar-widget-parchment-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$4[expandDirection];
 	const yNudge = getYNudge$4(expandDirection);
 	const solar = useSolarPosition({
@@ -46020,9 +45975,21 @@ function useCountryCode$1(timezone) {
 }
 function SignalWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherCategoryOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [storedExpanded, setStoredExpanded] = useLocalStorage("signal-widget-expanded", true);
+	const [storedExpanded, setStoredExpanded] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("signal-widget-expanded");
+			if (raw != null) setStoredExpanded(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStoredExpanded(next);
+		try {
+			localStorage.setItem("signal-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : storedExpanded;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStoredExpanded;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$3[expandDirection];
 	const yNudge = getYNudge$3(expandDirection);
 	const solar = useSolarPosition({
@@ -47593,7 +47560,7 @@ function ArcTrack({ progress: progress$1, trackW, trackH, pal, orbOpacity = 1 })
 		for (const el of orbGroupRef.current?.querySelectorAll("[data-orb-fill]") ?? []) el.style.fill = pal.orbFill;
 		for (const el of orbGroupRef.current?.querySelectorAll("[data-orb-glow]") ?? []) el.style.fill = pal.orbGlow;
 	});
-	const filterId = useMemo(() => `sd-${Math.random().toString(36).slice(2, 6)}`, []);
+	const filterId = `sd${useId().replace(/:/g, "")}`;
 	const ROMAN_TICKS$1 = [
 		"VI",
 		"IX",
@@ -48598,9 +48565,21 @@ const SPRING_CONTENT$2 = {
 };
 function SundialWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [stored, setStored] = useLocalStorage("sundial-widget-expanded", true);
+	const [stored, setStored] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("sundial-widget-expanded");
+			if (raw != null) setStored(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStored(next);
+		try {
+			localStorage.setItem("sundial-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : stored;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStored;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$2[expandDirection];
 	const yNudge = getYNudge$2(expandDirection);
 	const solar = useSolarPosition({
@@ -50755,9 +50734,21 @@ const SPRING_CONTENT$1 = {
 };
 function TideWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [stored, setStored] = useLocalStorage("tide-widget-expanded", true);
+	const [stored, setStored] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("tide-widget-expanded");
+			if (raw != null) setStored(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStored(next);
+		try {
+			localStorage.setItem("tide-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : stored;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStored;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS$1[expandDirection];
 	const yNudge = getYNudge$1(expandDirection);
 	const solar = useSolarPosition({
@@ -52549,9 +52540,21 @@ const SPRING_CONTENT = {
 };
 function VoidWidget({ phase, blend, expandDirection = "top-right", size = "lg", showFlag = false, showWeather = false, hoverEffect = true, weather: weatherOverride = null, latitude, longitude, timezone, simulatedDate, temperatureOverride, temperatureUnit = "C", forceExpanded, className = "", liveWeatherCategory, liveTemperatureC }) {
 	const { coordsReady } = useSolarTheme();
-	const [stored, setStored] = useLocalStorage("void-widget-expanded", true);
+	const [stored, setStored] = useState(true);
+	useEffect(() => {
+		try {
+			const raw = localStorage.getItem("void-widget-expanded");
+			if (raw != null) setStored(JSON.parse(raw));
+		} catch {}
+	}, []);
+	const updateExpanded = useCallback((next) => {
+		setStored(next);
+		try {
+			localStorage.setItem("void-widget-expanded", JSON.stringify(next));
+		} catch {}
+	}, []);
 	const isExpanded = forceExpanded !== void 0 ? forceExpanded : stored;
-	const setIsExpanded = forceExpanded !== void 0 ? () => {} : setStored;
+	const setIsExpanded = forceExpanded !== void 0 ? () => {} : updateExpanded;
 	const origin = TRANSFORM_ORIGINS[expandDirection];
 	const yNudge = getYNudge(expandDirection);
 	const solar = useSolarPosition({
@@ -53718,4 +53721,4 @@ function SolarThemeProvider({ children, initialDesign = "foundry", isolated = fa
 
 //#endregion
 export { getSessionIsLive as a, setSessionTimeMinutes as c, clearSessionTimeMinutes as i, lerpHex as l, useSolarTheme as n, getSessionTimeMinutes as o, SKINS as r, setSessionLive as s, SolarThemeProvider as t };
-//# sourceMappingURL=solar-theme-provider-B3Pya6MA.js.map
+//# sourceMappingURL=solar-theme-provider-CXILKRrU.js.map