@circadian/sol 0.2.4 → 0.2.6

package/dist/{solar-theme-provider-c3NXcPU7.js → solar-theme-provider-BWHxbh0l.js}

@@ -19796,218 +19796,362 @@ function withAlpha(color$1, alpha$1) {
 }
 function TideCloudRenderer({ w, h, colors: colors$1, opacity }) {
 	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;
-			const y = yBase - amp - amp * .5 * Math.sin(i$1 / (pts - 1) * Math.PI * 4 + phaseOff);
-			return `${i$1 === 0 ? "M" : "L"}${x.toFixed(1)},${y.toFixed(1)}`;
-		});
-		const bottom = Array.from({ length: pts }, (_, i$1) => {
-			const ri = pts - 1 - i$1;
-			const x = ri / (pts - 1) * w;
-			const y = yBase + amp * .4 * Math.sin(ri / (pts - 1) * Math.PI * 4 + phaseOff + .8);
-			return `L${x.toFixed(1)},${y.toFixed(1)}`;
-		});
-		return `${top.join(" ")} ${bottom.join(" ")} Z`;
-	};
+	const base = colors$1?.cloudColor ?? "#A8C8D8";
+	const shadow = colors$1?.cloudShadow ?? "rgba(60,100,140,0.65)";
+	const hi = colors$1?.cloudHi ?? "rgba(210,248,255,0.65)";
+	const cx = w / 2;
+	const baseY = h * .62;
 	return /* @__PURE__ */ jsxs("svg", {
 		"aria-hidden": "true",
 		width: w,
 		height: h,
 		viewBox: `0 0 ${w} ${h}`,
-		style: {
-			position: "absolute",
-			inset: 0
-		},
+		fill: "none",
+		overflow: "visible",
+		style: { display: "block" },
 		children: [
-			/* @__PURE__ */ jsx("style", { children: `
-        @keyframes tide-cloud-drift-${id$2} {
-          from { transform: translateX(0px); }
-          to   { transform: translateX(-18px); }
-        }
-      ` }),
-			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("filter", {
-				id: `tcf-${id$2}`,
-				x: "-20%",
-				y: "-40%",
-				width: "140%",
-				height: "180%",
-				children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "5" })
-			}) }),
-			/* @__PURE__ */ jsxs("g", {
-				style: { animation: `tide-cloud-drift-${id$2} 14s ease-in-out infinite alternate` },
-				filter: `url(#tcf-${id$2})`,
-				children: [
-					/* @__PURE__ */ jsx("path", {
-						d: waveBand(h * .25, h * .18, 0),
-						fill: colors$1?.cloudColor ?? "#A8C8D8",
-						opacity: opacity * .65
-					}),
-					/* @__PURE__ */ jsx("path", {
-						d: waveBand(h * .48, h * .14, Math.PI * .6),
-						fill: colors$1?.cloudColor ?? "#90B8CC",
-						opacity: opacity * .5
-					}),
-					/* @__PURE__ */ jsx("path", {
-						d: waveBand(h * .68, h * .1, Math.PI * 1.2),
-						fill: colors$1?.cloudColor ?? "#B8D0E0",
-						opacity: opacity * .4
-					})
-				]
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsx("filter", {
+					id: `tc-ds-${id$2}`,
+					x: "-30%",
+					y: "-20%",
+					width: "160%",
+					height: "180%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "9" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `tc-mb-${id$2}`,
+					x: "-20%",
+					y: "-30%",
+					width: "140%",
+					height: "160%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "5" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `tc-pf-${id$2}`,
+					x: "-15%",
+					y: "-25%",
+					width: "130%",
+					height: "150%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "3.2" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `tc-hi-${id$2}`,
+					x: "-10%",
+					y: "-15%",
+					width: "120%",
+					height: "130%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.4" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `tc-us-${id$2}`,
+					x: "-20%",
+					y: "-20%",
+					width: "140%",
+					height: "140%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "5.5" })
+				})
+			] }),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx + w * .02,
+				cy: baseY + h * .14,
+				rx: w * .5,
+				ry: h * .09,
+				fill: shadow,
+				filter: `url(#tc-ds-${id$2})`,
+				opacity: opacity * .52
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx,
+				cy: baseY,
+				rx: w * .52,
+				ry: h * .3,
+				fill: base,
+				filter: `url(#tc-mb-${id$2})`,
+				opacity: opacity * .88
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx - w * .22,
+				cy: h * .36,
+				rx: w * .22,
+				ry: h * .24,
+				fill: base,
+				filter: `url(#tc-pf-${id$2})`,
+				opacity: opacity * .82
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx + w * .02,
+				cy: h * .24,
+				rx: w * .26,
+				ry: h * .3,
+				fill: base,
+				filter: `url(#tc-pf-${id$2})`,
+				opacity: opacity * .92
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx + w * .26,
+				cy: h * .38,
+				rx: w * .2,
+				ry: h * .22,
+				fill: base,
+				filter: `url(#tc-pf-${id$2})`,
+				opacity: opacity * .78
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx,
+				cy: h * .46,
+				rx: w * .48,
+				ry: h * .26,
+				fill: base,
+				filter: `url(#tc-mb-${id$2})`,
+				opacity: opacity * .68
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx - w * .04,
+				cy: h * .18,
+				rx: w * .16,
+				ry: h * .1,
+				fill: hi,
+				filter: `url(#tc-hi-${id$2})`,
+				opacity: opacity * .78
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx - w * .2,
+				cy: h * .28,
+				rx: w * .09,
+				ry: h * .06,
+				fill: hi,
+				filter: `url(#tc-hi-${id$2})`,
+				opacity: opacity * .52
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx,
+				cy: baseY + h * .06,
+				rx: w * .46,
+				ry: h * .09,
+				fill: shadow,
+				filter: `url(#tc-us-${id$2})`,
+				opacity: opacity * .45
 			})
 		]
 	});
 }
-function TideRainRenderer({ w, h, colors: colors$1, opacity }) {
-	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,
-		len: 6 + i$1 % 4 * 3
-	}));
-	return /* @__PURE__ */ jsxs("svg", {
-		"aria-hidden": "true",
-		width: w,
-		height: h,
-		viewBox: `0 0 ${w} ${h}`,
+function TideRainRenderer({ w, h, rainColorFn, angle, category }) {
+	const count = category === "heavy-rain" ? 80 : category === "rain" ? 48 : 22;
+	const baseLen = category === "heavy-rain" ? 30 : category === "rain" ? 20 : 10;
+	const seaAngle = category === "heavy-rain" ? angle + 6 : angle + 3;
+	const r = seededRand(73);
+	return /* @__PURE__ */ jsx("div", {
 		style: {
 			position: "absolute",
-			inset: 0
+			inset: 0,
+			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ jsx("style", { children: `
-        @keyframes tide-rain-${id$2} {
-          from { transform: translateY(-${h}px) translateX(-4px); }
-          to   { transform: translateY(${h}px) translateX(4px); }
-        }
-      ` }), /* @__PURE__ */ jsx("g", {
-			opacity,
-			children: drops.map((d, i$1) => /* @__PURE__ */ jsx("line", {
-				x1: d.x,
-				y1: 0,
-				x2: d.x + 4,
-				y2: d.len,
-				stroke: colors$1?.rainColor ?? "#A0C8E0",
-				strokeWidth: .8,
-				style: { animation: `tide-rain-${id$2} 1.1s linear ${d.delay}s infinite` }
-			}, d.x))
-		})]
+		children: Array.from({ length: count }, (_, i$1) => {
+			const layer = r() > .45;
+			const isSpray = r() > .85;
+			return {
+				i: i$1,
+				x: r() * 112 - 6,
+				delay: -(r() * 1.8),
+				dur: isSpray ? .5 + r() * .3 : .28 + r() * .28,
+				alpha: layer ? .6 + r() * .32 : .2 + r() * .2,
+				len: isSpray ? baseLen * .3 : layer ? baseLen : baseLen * .55,
+				wid: isSpray ? 2.5 : layer ? 1.6 : .9,
+				spray: isSpray
+			};
+		}).map((d) => /* @__PURE__ */ jsx("div", { style: {
+			position: "absolute",
+			left: `${d.x}%`,
+			top: 0,
+			width: `${d.wid}px`,
+			height: `${d.len}px`,
+			background: d.spray ? rainColorFn(d.alpha * .7) : `linear-gradient(to bottom, transparent 0%, ${rainColorFn(d.alpha)} 55%, ${rainColorFn(d.alpha * .4)} 100%)`,
+			borderRadius: d.spray ? "50%" : "0 0 3px 3px",
+			transform: `rotate(${seaAngle}deg)`,
+			transformOrigin: "top center",
+			animation: `wRtide ${d.dur}s ${d.delay}s linear infinite`
+		} }, d.i))
 	});
 }
 function SundialCloudRenderer({ w, h, colors: colors$1, opacity }) {
 	const id$2 = useId().replace(/:/g, "");
-	const slabs = [
-		{
-			x: w * .05,
-			y: h * .08,
-			rw: w * .55,
-			rh: h * .32,
-			rx: 3
-		},
-		{
-			x: w * .38,
-			y: h * .22,
-			rw: w * .5,
-			rh: h * .28,
-			rx: 2
-		},
-		{
-			x: w * .1,
-			y: h * .44,
-			rw: w * .42,
-			rh: h * .22,
-			rx: 2
-		},
-		{
-			x: w * .55,
-			y: h * .5,
-			rw: w * .38,
-			rh: h * .2,
-			rx: 2
-		}
-	];
+	const base = colors$1?.cloudColor ?? "#C8B898";
+	const shadow = colors$1?.cloudShadow ?? "rgba(120,85,45,0.65)";
+	const hi = colors$1?.cloudHi ?? "rgba(255,248,220,0.75)";
+	const cx = w / 2;
+	const baseY = h * .6;
 	return /* @__PURE__ */ jsxs("svg", {
 		"aria-hidden": "true",
 		width: w,
 		height: h,
 		viewBox: `0 0 ${w} ${h}`,
-		style: {
-			position: "absolute",
-			inset: 0
-		},
+		fill: "none",
+		overflow: "visible",
+		style: { display: "block" },
 		children: [
-			/* @__PURE__ */ jsx("style", { children: `
-        @keyframes sundial-slab-${id$2} {
-          from { transform: translateX(0px); }
-          to   { transform: translateX(-12px); }
-        }
-      ` }),
-			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("filter", {
-				id: `scf-${id$2}`,
-				x: "-5%",
-				y: "-10%",
-				width: "110%",
-				height: "120%",
-				children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.5" })
-			}) }),
-			/* @__PURE__ */ jsxs("g", {
-				filter: `url(#scf-${id$2})`,
-				style: { animation: `sundial-slab-${id$2} 22s ease-in-out infinite alternate` },
-				children: [slabs.map((s, i$1) => /* @__PURE__ */ jsx("rect", {
-					x: s.x,
-					y: s.y,
-					width: s.rw,
-					height: s.rh,
-					rx: s.rx,
-					fill: colors$1?.cloudColor ?? "#C8B898",
-					stroke: colors$1?.cloudColor ?? "#B8A888",
-					strokeWidth: .5,
-					opacity: opacity * (.7 - i$1 * .1)
-				}, s.x)), slabs.map((s) => /* @__PURE__ */ jsx("line", {
-					x1: s.x + 6,
-					y1: s.y + s.rh * .35,
-					x2: s.x + s.rw - 6,
-					y2: s.y + s.rh * .35,
-					stroke: colors$1?.cloudColor ?? "#A09080",
-					strokeWidth: .4,
-					opacity: opacity * .3
-				}, `l-${s.x}`))]
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsx("filter", {
+					id: `sd-ds-${id$2}`,
+					x: "-30%",
+					y: "-20%",
+					width: "160%",
+					height: "180%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "8" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `sd-mb-${id$2}`,
+					x: "-20%",
+					y: "-30%",
+					width: "140%",
+					height: "160%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "4" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `sd-pf-${id$2}`,
+					x: "-15%",
+					y: "-25%",
+					width: "130%",
+					height: "150%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.6" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `sd-hi-${id$2}`,
+					x: "-10%",
+					y: "-15%",
+					width: "120%",
+					height: "130%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.2" })
+				}),
+				/* @__PURE__ */ jsx("filter", {
+					id: `sd-us-${id$2}`,
+					x: "-20%",
+					y: "-20%",
+					width: "140%",
+					height: "140%",
+					children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "4.5" })
+				})
+			] }),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx + w * .02,
+				cy: baseY + h * .14,
+				rx: w * .46,
+				ry: h * .09,
+				fill: shadow,
+				filter: `url(#sd-ds-${id$2})`,
+				opacity: opacity * .48
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx,
+				cy: baseY,
+				rx: w * .48,
+				ry: h * .3,
+				fill: base,
+				filter: `url(#sd-mb-${id$2})`,
+				opacity: opacity * .85
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx - w * .24,
+				cy: h * .32,
+				rx: w * .18,
+				ry: h * .28,
+				fill: base,
+				filter: `url(#sd-pf-${id$2})`,
+				opacity: opacity * .8
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx + w * .01,
+				cy: h * .2,
+				rx: w * .22,
+				ry: h * .34,
+				fill: base,
+				filter: `url(#sd-pf-${id$2})`,
+				opacity: opacity * .9
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx + w * .26,
+				cy: h * .34,
+				rx: w * .17,
+				ry: h * .26,
+				fill: base,
+				filter: `url(#sd-pf-${id$2})`,
+				opacity: opacity * .76
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx,
+				cy: h * .44,
+				rx: w * .44,
+				ry: h * .26,
+				fill: base,
+				filter: `url(#sd-mb-${id$2})`,
+				opacity: opacity * .65
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx - w * .06,
+				cy: h * .14,
+				rx: w * .14,
+				ry: h * .09,
+				fill: hi,
+				filter: `url(#sd-hi-${id$2})`,
+				opacity: opacity * .82
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: cx - w * .22,
+				cy: h * .24,
+				rx: w * .08,
+				ry: h * .06,
+				fill: hi,
+				filter: `url(#sd-hi-${id$2})`,
+				opacity: opacity * .56
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx,
+				cy: baseY + h * .06,
+				rx: w * .44,
+				ry: h * .09,
+				fill: shadow,
+				filter: `url(#sd-us-${id$2})`,
+				opacity: opacity * .42
 			})
 		]
 	});
 }
-function SundialRainRenderer({ w, h, colors: colors$1, opacity }) {
-	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,
-		len: 8 + i$1 % 3 * 4
-	}));
-	return /* @__PURE__ */ jsxs("svg", {
-		"aria-hidden": "true",
-		width: w,
-		height: h,
-		viewBox: `0 0 ${w} ${h}`,
+function SundialRainRenderer({ w, h, rainColorFn, category }) {
+	const count = category === "heavy-rain" ? 52 : category === "rain" ? 32 : 14;
+	const baseLen = category === "heavy-rain" ? 28 : category === "rain" ? 18 : 9;
+	const r = seededRand(89);
+	return /* @__PURE__ */ jsx("div", {
 		style: {
 			position: "absolute",
-			inset: 0
+			inset: 0,
+			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ jsx("style", { children: `
-        @keyframes sundial-rain-${id$2} {
-          from { transform: translateY(-${h}px); }
-          to   { transform: translateY(${h * 1.5}px); }
-        }
-      ` }), /* @__PURE__ */ jsx("g", {
-			opacity,
-			children: streaks.map((d) => /* @__PURE__ */ jsx("line", {
-				x1: d.x,
-				y1: 0,
-				x2: d.x,
-				y2: d.len,
-				stroke: colors$1?.rainColor ?? "#8090A0",
-				strokeWidth: 1,
-				style: { animation: `sundial-rain-${id$2} 1.8s linear ${d.delay}s infinite` }
-			}, d.x))
-		})]
+		children: Array.from({ length: count }, (_, i$1) => {
+			const layer = r() > .5;
+			const isRunoff = r() > .75;
+			return {
+				i: i$1,
+				x: r() * 106 - 3,
+				delay: -(r() * 2.8),
+				dur: isRunoff ? 1.2 + r() * .8 : .65 + r() * .5,
+				alpha: layer ? .52 + r() * .28 : .16 + r() * .18,
+				len: isRunoff ? baseLen * 2.2 : layer ? baseLen : baseLen * .6,
+				wid: isRunoff ? .8 : layer ? 1.2 : .65,
+				runoff: isRunoff
+			};
+		}).map((d) => /* @__PURE__ */ jsx("div", { style: {
+			position: "absolute",
+			left: `${d.x}%`,
+			top: 0,
+			width: `${d.wid}px`,
+			height: `${d.len}px`,
+			background: d.runoff ? `linear-gradient(to bottom, transparent 0%, ${rainColorFn(d.alpha * .4)} 15%, ${rainColorFn(d.alpha)} 50%, ${rainColorFn(d.alpha * .6)} 85%, transparent 100%)` : `linear-gradient(to bottom, transparent 0%, ${rainColorFn(d.alpha)} 50%, transparent 100%)`,
+			borderRadius: d.runoff ? "0" : "50%",
+			filter: d.runoff ? "none" : "blur(0.3px)",
+			transform: "rotate(1deg)",
+			transformOrigin: "top center",
+			animation: `wRsundial ${d.dur}s ${d.delay}s linear infinite`
+		} }, d.i))
 	});
 }
 function VoidCloudRenderer({ w, h, colors: colors$1, opacity }) {
@@ -20702,50 +20846,425 @@ function WeatherLayer({ category, skin = "foundry", opacity = 1, phaseColors })
 		});
 	}
 	const signalGridLines = skin === "signal" && (category === "rain" || category === "heavy-rain" || category === "drizzle" || category === "snow" || category === "heavy-snow");
-	if (skin === "tide") return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		"aria-hidden": true,
-		style: {
-			position: "absolute",
-			inset: 0,
-			pointerEvents: "none",
-			opacity,
-			zIndex: 4
-		},
-		children: [/* @__PURE__ */ jsx(TideCloudRenderer, {
-			w: dims.w,
-			h: dims.h,
-			colors: { cloudColor: cloudBase },
-			opacity: 1
-		}), (category === "rain" || category === "heavy-rain" || category === "drizzle") && /* @__PURE__ */ jsx(TideRainRenderer, {
-			w: dims.w,
-			h: dims.h,
-			colors: { rainColor: rainColorFn(.7) },
-			opacity: 1
-		})]
-	});
-	if (skin === "sundial") return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		"aria-hidden": true,
-		style: {
-			position: "absolute",
-			inset: 0,
-			pointerEvents: "none",
-			opacity,
-			zIndex: 4
-		},
-		children: [/* @__PURE__ */ jsx(SundialCloudRenderer, {
-			w: dims.w,
-			h: dims.h,
-			colors: { cloudColor: cloudBase },
-			opacity: 1
-		}), (category === "rain" || category === "heavy-rain" || category === "drizzle") && /* @__PURE__ */ jsx(SundialRainRenderer, {
-			w: dims.w,
-			h: dims.h,
-			colors: { rainColor: rainColorFn(.6) },
-			opacity: 1
-		})]
-	});
+	if (skin === "tide") {
+		const cloudCount$1 = isHeavy ? 4 : isDark ? 3 : category === "partly-cloudy" ? 2 : 3;
+		const cloudLayers = [
+			{
+				key: "bg1",
+				top: "0%",
+				speed: 80,
+				delay: -20,
+				opac: isHeavy ? .96 : isDark ? .88 : .72,
+				wMul: .92,
+				hMul: .7,
+				kf: "wCbg"
+			},
+			{
+				key: "fg1",
+				top: "18%",
+				speed: 55,
+				delay: -8,
+				opac: isHeavy ? .84 : isDark ? .75 : .58,
+				wMul: .7,
+				hMul: .55,
+				kf: "wCfg"
+			},
+			...cloudCount$1 >= 3 ? [{
+				key: "bg2",
+				top: "4%",
+				speed: 68,
+				delay: -38,
+				opac: isHeavy ? .92 : isDark ? .8 : .52,
+				wMul: 1.05,
+				hMul: .72,
+				kf: "wCbg"
+			}] : [],
+			...cloudCount$1 >= 4 ? [{
+				key: "fg2",
+				top: "22%",
+				speed: 44,
+				delay: -14,
+				opac: .88,
+				wMul: .62,
+				hMul: .5,
+				kf: "wCfg"
+			}] : []
+		];
+		const hasRain = category === "rain" || category === "heavy-rain" || category === "drizzle";
+		const hasSnow = category === "snow" || category === "heavy-snow";
+		const snowCount$1 = category === "heavy-snow" ? 55 : 30;
+		const sr2 = seededRand(55);
+		const snowFlakes = Array.from({ length: snowCount$1 }, (_, i$1) => {
+			const sz = 1.8 + sr2() * 3;
+			return {
+				i: i$1,
+				x: sr2() * 100,
+				sz,
+				dur: 6 + sr2() * 8,
+				delay: -(sr2() * 10),
+				drift: (sr2() - .5) * 60,
+				alpha: .45 + sr2() * .45,
+				glow: sz > 3
+			};
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			ref: containerRef,
+			"aria-hidden": true,
+			style: {
+				position: "absolute",
+				inset: 0,
+				pointerEvents: "none",
+				opacity,
+				zIndex: 4
+			},
+			children: [
+				/* @__PURE__ */ jsx("style", { children: `
+        @keyframes wCbg { from { transform: translateX(-200px); } to { transform: translateX(460px); } }
+        @keyframes wCfg { from { transform: translateX(-150px); } to { transform: translateX(420px); } }
+        @keyframes wRtide {
+          0%   { transform: translateY(-6%) rotate(13deg); opacity: 0; }
+          6%   { opacity: 1; }
+          90%  { opacity: 1; }
+          100% { transform: translateY(114%) rotate(13deg); opacity: 0; }
+        }
+        @keyframes wS {
+          0%   { transform: translateY(-4%) translateX(0) scale(1); opacity: 0; }
+          5%   { opacity: var(--a, 0.7); }
+          95%  { opacity: var(--a, 0.7); }
+          100% { transform: translateY(112%) translateX(var(--d, 0px)) scale(0.8); opacity: 0; }
+        }
+        @keyframes wFog  { 0%, 100% { opacity: 0.38; } 50% { opacity: 0.65; } }
+        @keyframes wFog2 { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.48; } }
+        @keyframes tideFogRise {
+          0%   { transform: translateY(0px) scaleX(1.0); opacity: 0.28; }
+          50%  { transform: translateY(-8px) scaleX(1.04); opacity: 0.55; }
+          100% { transform: translateY(0px) scaleX(1.0); opacity: 0.28; }
+        }
+      ` }),
+				category !== "fog" && cloudLayers.map((cl) => /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						top: cl.top,
+						left: 0,
+						opacity: cl.opac,
+						animation: `${cl.kf} ${cl.speed}s ${cl.delay}s linear infinite`,
+						willChange: "transform"
+					},
+					children: /* @__PURE__ */ jsx(TideCloudRenderer, {
+						w: Math.round(dims.w * cl.wMul),
+						h: Math.round(dims.h * cl.hMul),
+						colors: {
+							cloudColor: cloudBase,
+							cloudShadow,
+							cloudHi
+						},
+						opacity: 1
+					})
+				}, cl.key)),
+				hasRain && /* @__PURE__ */ jsx(TideRainRenderer, {
+					w: dims.w,
+					h: dims.h,
+					rainColorFn,
+					angle: rainAngle,
+					category
+				}),
+				hasSnow && /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						overflow: "hidden"
+					},
+					children: snowFlakes.map((f) => /* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: `${f.x}%`,
+						top: 0,
+						width: f.sz,
+						height: f.sz,
+						borderRadius: "50%",
+						background: snowFill,
+						boxShadow: f.glow ? `0 0 ${f.sz * 2}px rgba(210,240,255,0.8)` : "none",
+						opacity: 0,
+						["--d"]: `${f.drift}px`,
+						["--a"]: `${f.alpha}`,
+						animation: `wS ${f.dur}s ${f.delay}s ease-in-out infinite`
+					} }, f.i))
+				}),
+				category === "fog" && /* @__PURE__ */ jsxs("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						overflow: "hidden"
+					},
+					children: [[
+						0,
+						1,
+						2,
+						3,
+						4
+					].map((i$1) => /* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: 0,
+						right: 0,
+						bottom: `${i$1 * 16}%`,
+						height: "30%",
+						background: `linear-gradient(to top,
+                ${fogColorFn(.32 - i$1 * .05)} 0%,
+                ${fogColor2Fn(.25 - i$1 * .04)} 50%,
+                transparent 100%)`,
+						filter: "blur(7px)",
+						animation: `${i$1 % 2 === 0 ? "tideFogRise" : "wFog2"} ${14 + i$1 * 4}s ${i$1 * 2.5}s ease-in-out infinite`
+					} }, i$1)), [0, 1].map((i$1) => /* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: 0,
+						right: 0,
+						top: `${30 + i$1 * 20}%`,
+						height: "22%",
+						background: `linear-gradient(to right,
+                transparent 0%,
+                ${fogColorFn(.14 + i$1 * .04)} 30%,
+                ${fogColor2Fn(.18 + i$1 * .03)} 55%,
+                ${fogColorFn(.14 + i$1 * .04)} 78%,
+                transparent 100%)`,
+						filter: "blur(9px)",
+						animation: `${i$1 % 2 === 0 ? "wFog" : "wFog2"} ${22 + i$1 * 7}s ${i$1 * 4}s ease-in-out infinite`
+					} }, `w${i$1}`))]
+				}),
+				category === "thunder" && /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						inset: 0
+					},
+					children: /* @__PURE__ */ jsx(VoidThunderRenderer, {
+						w: dims.w,
+						h: dims.h,
+						colors: { thunderColor: boltFill },
+						opacity: .72
+					})
+				})
+			]
+		});
+	}
+	if (skin === "sundial") {
+		const cloudCount$1 = isHeavy ? 4 : isDark ? 3 : category === "partly-cloudy" ? 2 : 3;
+		const cloudLayers = [
+			{
+				key: "bg1",
+				top: "2%",
+				speed: 95,
+				delay: -28,
+				opac: isHeavy ? .94 : isDark ? .86 : .68,
+				wMul: .94,
+				hMul: .68,
+				kf: "wCbg"
+			},
+			{
+				key: "fg1",
+				top: "22%",
+				speed: 65,
+				delay: -12,
+				opac: isHeavy ? .82 : isDark ? .72 : .52,
+				wMul: .68,
+				hMul: .52,
+				kf: "wCfg"
+			},
+			...cloudCount$1 >= 3 ? [{
+				key: "bg2",
+				top: "6%",
+				speed: 78,
+				delay: -45,
+				opac: isHeavy ? .9 : isDark ? .78 : .48,
+				wMul: 1.06,
+				hMul: .75,
+				kf: "wCbg"
+			}] : [],
+			...cloudCount$1 >= 4 ? [{
+				key: "fg2",
+				top: "26%",
+				speed: 50,
+				delay: -18,
+				opac: .85,
+				wMul: .6,
+				hMul: .48,
+				kf: "wCfg"
+			}] : []
+		];
+		const hasRain = category === "rain" || category === "heavy-rain" || category === "drizzle";
+		const hasSnow = category === "snow" || category === "heavy-snow";
+		const snowCount$1 = category === "heavy-snow" ? 44 : 24;
+		const sr3 = seededRand(63);
+		const snowFlakes = Array.from({ length: snowCount$1 }, (_, i$1) => {
+			const sz = 1.2 + sr3() * 2.2;
+			return {
+				i: i$1,
+				x: sr3() * 100,
+				sz,
+				dur: 10 + sr3() * 13,
+				delay: -(sr3() * 15),
+				drift: (sr3() - .5) * 28,
+				alpha: .4 + sr3() * .42
+			};
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			ref: containerRef,
+			"aria-hidden": true,
+			style: {
+				position: "absolute",
+				inset: 0,
+				pointerEvents: "none",
+				opacity,
+				zIndex: 4
+			},
+			children: [
+				/* @__PURE__ */ jsx("style", { children: `
+        @keyframes wCbg { from { transform: translateX(-200px); } to { transform: translateX(460px); } }
+        @keyframes wCfg { from { transform: translateX(-150px); } to { transform: translateX(420px); } }
+        @keyframes wRsundial {
+          0%   { transform: translateY(-6%) rotate(1deg); opacity: 0; }
+          6%   { opacity: 1; }
+          90%  { opacity: 1; }
+          100% { transform: translateY(114%) rotate(1deg); opacity: 0; }
+        }
+        @keyframes wS {
+          0%   { transform: translateY(-4%) translateX(0) scale(1); opacity: 0; }
+          5%   { opacity: var(--a, 0.7); }
+          95%  { opacity: var(--a, 0.7); }
+          100% { transform: translateY(112%) translateX(var(--d, 0px)) scale(0.8); opacity: 0; }
+        }
+        @keyframes wFog  { 0%, 100% { opacity: 0.35; } 50% { opacity: 0.58; } }
+        @keyframes wFog2 { 0%, 100% { opacity: 0.20; } 50% { opacity: 0.42; } }
+        @keyframes stoneMist {
+          0%   { transform: translateX(0px) scaleY(1.0); opacity: 0.32; }
+          50%  { transform: translateX(12px) scaleY(1.06); opacity: 0.55; }
+          100% { transform: translateX(0px) scaleY(1.0); opacity: 0.32; }
+        }
+      ` }),
+				category !== "fog" && cloudLayers.map((cl) => /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						top: cl.top,
+						left: 0,
+						opacity: cl.opac,
+						animation: `${cl.kf} ${cl.speed}s ${cl.delay}s linear infinite`,
+						willChange: "transform"
+					},
+					children: /* @__PURE__ */ jsx(SundialCloudRenderer, {
+						w: Math.round(dims.w * cl.wMul),
+						h: Math.round(dims.h * cl.hMul),
+						colors: {
+							cloudColor: cloudBase,
+							cloudShadow,
+							cloudHi
+						},
+						opacity: 1
+					})
+				}, cl.key)),
+				hasRain && /* @__PURE__ */ jsx(SundialRainRenderer, {
+					w: dims.w,
+					h: dims.h,
+					rainColorFn,
+					category
+				}),
+				hasSnow && /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						overflow: "hidden"
+					},
+					children: snowFlakes.map((f) => /* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: `${f.x}%`,
+						top: 0,
+						width: f.sz,
+						height: f.sz,
+						borderRadius: "35%",
+						background: snowFill,
+						filter: "blur(0.3px)",
+						opacity: 0,
+						["--d"]: `${f.drift}px`,
+						["--a"]: `${f.alpha}`,
+						animation: `wS ${f.dur}s ${f.delay}s ease-in-out infinite`
+					} }, f.i))
+				}),
+				category === "fog" && /* @__PURE__ */ jsxs("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						overflow: "hidden"
+					},
+					children: [[
+						0,
+						1,
+						2,
+						3
+					].map((i$1) => /* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: 0,
+						right: 0,
+						top: `${18 + i$1 * 14}%`,
+						height: "26%",
+						background: `linear-gradient(to right,
+                transparent 0%,
+                ${fogColorFn(.22 + i$1 * .04)} 22%,
+                ${fogColor2Fn(.28 + i$1 * .03)} 48%,
+                ${fogColorFn(.22 + i$1 * .04)} 74%,
+                transparent 100%)`,
+						filter: "blur(5px)",
+						animation: `${i$1 % 2 === 0 ? "stoneMist" : "wFog2"} ${22 + i$1 * 7}s ${i$1 * 4}s ease-in-out infinite`
+					} }, i$1)), /* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: 0,
+						right: 0,
+						bottom: 0,
+						height: "30%",
+						background: `linear-gradient(to top,
+              ${fogColorFn(.2)} 0%,
+              ${fogColor2Fn(.14)} 55%,
+              transparent 100%)`,
+						filter: "blur(6px)",
+						animation: "wFog 18s ease-in-out infinite"
+					} })]
+				}),
+				category === "thunder" && /* @__PURE__ */ jsxs("div", {
+					style: {
+						position: "absolute",
+						inset: 0
+					},
+					children: [/* @__PURE__ */ jsx(VoidThunderRenderer, {
+						w: dims.w,
+						h: dims.h,
+						colors: { thunderColor: boltFill },
+						opacity: .62
+					}), /* @__PURE__ */ jsxs("svg", {
+						"aria-hidden": "true",
+						style: {
+							position: "absolute",
+							inset: 0,
+							pointerEvents: "none"
+						},
+						width: dims.w,
+						height: dims.h,
+						viewBox: `0 0 ${dims.w} ${dims.h}`,
+						children: [/* @__PURE__ */ jsx("style", { children: `
+              @keyframes sundial-bolt {
+                0%, 54%, 70%, 100% { opacity: 0; }
+                56%, 68% { opacity: 0.55; }
+              }
+            ` }), /* @__PURE__ */ jsx("polyline", {
+							points: `${dims.w * .54},0 ${dims.w * .46},${dims.h * .38} ${dims.w * .54},${dims.h * .38} ${dims.w * .4},${dims.h}`,
+							fill: "none",
+							stroke: boltFill,
+							strokeWidth: 1.8,
+							strokeLinejoin: "miter",
+							style: {
+								animation: "sundial-bolt 4.5s ease-in-out infinite",
+								filter: `drop-shadow(0 0 4px ${boltFill})`
+							}
+						})]
+					})]
+				})
+			]
+		});
+	}
 	if (skin === "void" && category !== "thunder") return /* @__PURE__ */ jsx("div", {
 		ref: containerRef,
 		"aria-hidden": true,
@@ -21605,7 +22124,7 @@ function AuroraCompact({ phase, blend, time: time$1, location, temperature, weat
 									letterSpacing: "0.03em",
 									fontWeight: 400,
 									lineHeight: 1,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: {
 									color: pal.text,
@@ -29459,7 +29978,7 @@ function FoundryCompact({ phase, blend, time: time$1, location, temperature, wea
 									letterSpacing: "-0.01em",
 									fontWeight: 500,
 									lineHeight: 1,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: {
 									color: palette.pillText,
@@ -33262,7 +33781,7 @@ function MeridianCompact({ phase, blend, time: time$1, location, temperature, we
 									letterSpacing: "0.04em",
 									fontWeight: 400,
 									lineHeight: 1,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: {
 									color: pal.textPrimary,
@@ -35498,7 +36017,7 @@ function MineralCompact({ phase, blend, time: time$1, location, temperature, wea
 										letterSpacing: "0.04em",
 										fontWeight: 600,
 										lineHeight: 1,
-										minWidth: 24
+										textAlign: "right"
 									},
 									animate: {
 										color: pal.accentColor,
@@ -37589,7 +38108,7 @@ function PaperCompact({ phase, blend, time: time$1, location, temperature, weath
 									fontSize: size.labelSize,
 									lineHeight: 1,
 									fontWeight: 500,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: {
 									color: pal.textPrimary,
@@ -38612,7 +39131,7 @@ function ParchmentCompact({ phase, blend, time: time$1, location, temperature, w
 									letterSpacing: "-0.01em",
 									fontVariantNumeric: "tabular-nums",
 									lineHeight: 1,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: { opacity: tempStr ? 1 : 0 },
 								transition: CONTENT_FADE,
@@ -47236,7 +47755,7 @@ function SignalCompact({ phase, blend, time: time$1, location, temperature, weat
 										letterSpacing: "0.04em",
 										fontWeight: 700,
 										lineHeight: 1,
-										minWidth: 24
+										textAlign: "right"
 									},
 									animate: {
 										color: pal.accent,
@@ -48217,7 +48736,7 @@ function SundialCompact({ phase, blend, time: time$1, location, temperature, wea
 									fontSize: size.labelSize,
 									lineHeight: 1,
 									fontWeight: 400,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: {
 									color: pal.accentColor,
@@ -50411,7 +50930,7 @@ function TideCompact({ phase, blend, time: time$1, location, temperature, weathe
 									letterSpacing: "0.06em",
 									fontWeight: 500,
 									lineHeight: 1,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: {
 									color: pal.accentColor,
@@ -52467,7 +52986,7 @@ function VoidCompact({ phase, blend, time: time$1, location, temperature, weathe
 									fontWeight: 300,
 									lineHeight: 1,
 									color: pal.textPrimary,
-									minWidth: 24
+									textAlign: "right"
 								},
 								animate: { opacity: tempStr ? .38 : 0 },
 								transition: CONTENT_FADE,
@@ -54217,4 +54736,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-c3NXcPU7.js.map
+//# sourceMappingURL=solar-theme-provider-BWHxbh0l.js.map