@aparte/plugin-cards 0.0.0-stage → 0.29.0

package/dist/weather.js

@@ -0,0 +1,1162 @@
+import { d as defineCard, o as str, p as word, e as el, n as num, t as toDate, i as formatUnit, k as glyph, f as formatDay, g as formatPercent, b as formatNumber, j as formatWhen, a as formatHour } from "./format-CchcJRum.js";
+import { s as sparkline } from "./sparkline-C-cA9obz.js";
+const WEATHER_CONDITIONS = [
+  "clear",
+  "partly-cloudy",
+  "cloudy",
+  "fog",
+  "drizzle",
+  "rain",
+  "heavy-rain",
+  "sleet",
+  "snow",
+  "thunder",
+  "wind"
+];
+function conditionFromWmo(code) {
+  const c = typeof code === "string" ? Number(code) : code;
+  if (typeof c !== "number" || !Number.isFinite(c)) return void 0;
+  if (c === 0) return "clear";
+  if (c === 1 || c === 2) return "partly-cloudy";
+  if (c === 3) return "cloudy";
+  if (c === 45 || c === 48) return "fog";
+  if (c >= 51 && c <= 55) return "drizzle";
+  if (c === 56 || c === 57 || c === 66 || c === 67) return "sleet";
+  if (c === 61 || c === 63 || c === 80 || c === 81) return "rain";
+  if (c === 65 || c === 82) return "heavy-rain";
+  if (c >= 71 && c <= 77 || c === 85 || c === 86) return "snow";
+  if (c >= 95 && c <= 99) return "thunder";
+  return void 0;
+}
+function conditionFromOpenWeather(id) {
+  const c = typeof id === "string" ? Number(id) : id;
+  if (typeof c !== "number" || !Number.isFinite(c)) return void 0;
+  if (c >= 200 && c < 300) return "thunder";
+  if (c >= 300 && c < 400) return "drizzle";
+  if (c === 511 || c >= 611 && c <= 616) return "sleet";
+  if (c >= 502 && c <= 504) return "heavy-rain";
+  if (c === 522 || c === 531) return "heavy-rain";
+  if (c >= 500 && c < 600) return "rain";
+  if (c >= 600 && c < 700) return "snow";
+  if (c === 771 || c === 781) return "wind";
+  if (c >= 700 && c < 800) return "fog";
+  if (c === 800) return "clear";
+  if (c === 801 || c === 802) return "partly-cloudy";
+  if (c === 803 || c === 804) return "cloudy";
+  return void 0;
+}
+const TEXT_MATCHES = [
+  [/thunder|storm|orage|lightning/i, "thunder"],
+  [/sleet|freezing|verglas|grésil|hail|grêle/i, "sleet"],
+  [/snow|neige|blizzard|flurr/i, "snow"],
+  [/heavy rain|downpour|torrential|forte pluie|averse forte|déluge/i, "heavy-rain"],
+  [/drizzle|bruine|crachin/i, "drizzle"],
+  [/rain|shower|pluie|pluvieux|averse/i, "rain"],
+  [/fog|mist|haze|brouillard|brume/i, "fog"],
+  [/partly|partial|scattered|few clouds|mostly sunny|éclaircie|partiellement|peu nuageux/i, "partly-cloudy"],
+  [/cloud|overcast|couvert|nuageux|gris/i, "cloudy"],
+  [/wind|gust|vent|rafale/i, "wind"],
+  [/clear|sunny|fair|soleil|ensoleillé|dégagé/i, "clear"]
+];
+function conditionFromText(text) {
+  if (typeof text !== "string" || !text.trim()) return void 0;
+  const known = text.trim().toLowerCase().replace(/[\s_]+/g, "-");
+  if (WEATHER_CONDITIONS.includes(known)) return known;
+  for (const [re, condition] of TEXT_MATCHES) if (re.test(text)) return condition;
+  return void 0;
+}
+const CONDITION_WORDS = {
+  clear: { en: "Clear", fr: "Dégagé", de: "Klar", es: "Despejado", it: "Sereno", ja: "晴れ", ko: "맑음", pt: "Céu limpo", ru: "Ясно", zh: "晴" },
+  "partly-cloudy": { en: "Partly cloudy", fr: "Partiellement nuageux", de: "Teilweise bewölkt", es: "Parcialmente nublado", it: "Parzialmente nuvoloso", ja: "晴れ時々曇り", ko: "구름 조금", pt: "Parcialmente nublado", ru: "Переменная облачность", zh: "多云" },
+  cloudy: { en: "Cloudy", fr: "Couvert", de: "Bewölkt", es: "Nublado", it: "Nuvoloso", ja: "曇り", ko: "흐림", pt: "Nublado", ru: "Облачно", zh: "阴" },
+  fog: { en: "Fog", fr: "Brouillard", de: "Nebel", es: "Niebla", it: "Nebbia", ja: "霧", ko: "안개", pt: "Nevoeiro", ru: "Туман", zh: "雾" },
+  drizzle: { en: "Drizzle", fr: "Bruine", de: "Nieselregen", es: "Llovizna", it: "Pioviggine", ja: "霧雨", ko: "이슬비", pt: "Garoa", ru: "Морось", zh: "毛毛雨" },
+  rain: { en: "Rain", fr: "Pluie", de: "Regen", es: "Lluvia", it: "Pioggia", ja: "雨", ko: "비", pt: "Chuva", ru: "Дождь", zh: "雨" },
+  "heavy-rain": { en: "Heavy rain", fr: "Forte pluie", de: "Starkregen", es: "Lluvia intensa", it: "Pioggia forte", ja: "大雨", ko: "폭우", pt: "Chuva forte", ru: "Сильный дождь", zh: "大雨" },
+  sleet: { en: "Sleet", fr: "Pluie verglaçante", de: "Schneeregen", es: "Aguanieve", it: "Nevischio", ja: "みぞれ", ko: "진눈깨비", pt: "Granizo fino", ru: "Мокрый снег", zh: "雨夹雪" },
+  snow: { en: "Snow", fr: "Neige", de: "Schnee", es: "Nieve", it: "Neve", ja: "雪", ko: "눈", pt: "Neve", ru: "Снег", zh: "雪" },
+  thunder: { en: "Thunderstorm", fr: "Orage", de: "Gewitter", es: "Tormenta", it: "Temporale", ja: "雷雨", ko: "뇌우", pt: "Trovoada", ru: "Гроза", zh: "雷雨" },
+  wind: { en: "Windy", fr: "Venteux", de: "Windig", es: "Ventoso", it: "Ventoso", ja: "強風", ko: "바람", pt: "Ventoso", ru: "Ветрено", zh: "有风" }
+};
+const r = (n) => Math.round(n * 100) / 100;
+const RAYS = Array.from({ length: 8 }, (_, i) => {
+  const a = i * Math.PI / 4;
+  return `M${r(32 + 16 * Math.cos(a))} ${r(32 + 16 * Math.sin(a))}L${r(32 + 22 * Math.cos(a))} ${r(32 + 22 * Math.sin(a))}`;
+}).join("");
+const SUN = `<g class="aparte-wx-sun-g"><path class="aparte-wx-rays" d="${RAYS}"/><circle class="aparte-wx-sun" cx="32" cy="32" r="11"/></g>`;
+const MOON = `<g class="aparte-wx-moon-g"><path class="aparte-wx-moon" d="M38.5 16.5A16 16 0 1 0 47.5 44.5A12.5 12.5 0 0 1 38.5 16.5Z"/><circle class="aparte-wx-star" cx="48" cy="17" r="1.6"/><circle class="aparte-wx-star" cx="54" cy="27" r="1.1"/></g>`;
+const CLOUD_PATH = "M22 46H46A9 9 0 0 0 47 28.06A13 13 0 0 0 22.4 25.1A10.5 10.5 0 0 0 22 46Z";
+const cloud = (cls, transform = "") => `<path class="${cls}"${transform ? ` transform="${transform}"` : ""} d="${CLOUD_PATH}"/>`;
+const behind = (night) => `<g transform="translate(-6.5 -6.5) scale(0.72)" class="aparte-wx-behind">${night ? MOON : SUN}</g>`;
+const drops = (n, cls = "aparte-wx-drop") => {
+  const xs = n === 5 ? [19, 26, 33, 40, 47] : n === 4 ? [22, 29, 36, 43] : n === 2 ? [24, 32] : [24, 32, 40];
+  return `<g class="aparte-wx-fall">${xs.map((x, i) => `<path class="${cls}" style="--i:${i}" d="M${x} ${46 + i % 2 * 3}l-2.5 6"/>`).join("")}</g>`;
+};
+const dots = (n) => {
+  const xs = [22, 29, 36, 43];
+  return `<g class="aparte-wx-fall">${xs.map((x, i) => `<circle class="aparte-wx-drip" style="--i:${i}" cx="${x}" cy="${49 + i % 2 * 3}" r="1.8"/>`).join("")}</g>`;
+};
+const flakes = (xs) => `<g class="aparte-wx-drift-down">${xs.map((x, i) => `<g class="aparte-wx-flake" style="--i:${i}" transform="translate(${x} ${50 + i % 2 * 4})"><path d="M0 -3.2V3.2M-2.8 -1.6L2.8 1.6M-2.8 1.6L2.8 -1.6"/></g>`).join("")}</g>`;
+const BOLT = '<path class="aparte-wx-bolt" d="M34.5 40 26 53h6.5l-3 10L41 48.5h-6.5l4.5-8.5z"/>';
+const FOG = '<g class="aparte-wx-fog-g"><path class="aparte-wx-fog" d="M14 49H50M18 55H46M22 61H42"/></g>';
+const WIND = '<g class="aparte-wx-wind-g"><path class="aparte-wx-wind" d="M9 25h26a6 6 0 1 0-6-6"/><path class="aparte-wx-wind" d="M9 33h37a6.5 6.5 0 1 1-6.5 6.5"/><path class="aparte-wx-wind" d="M9 41h18"/></g>';
+function weatherIcon(condition, night = false) {
+  const up = "translate(0 -6)";
+  let body;
+  switch (condition) {
+    case "clear":
+      body = night ? MOON : SUN;
+      break;
+    case "partly-cloudy":
+      body = `${behind(night)}<g class="aparte-wx-drift">${cloud("aparte-wx-cloud", "translate(4 6)")}</g>`;
+      break;
+    case "cloudy":
+      body = `${cloud("aparte-wx-cloud-back", "translate(8 -5) scale(0.82)")}<g class="aparte-wx-drift">${cloud("aparte-wx-cloud", "translate(-2 4)")}</g>`;
+      break;
+    case "fog":
+      body = `${cloud("aparte-wx-cloud", "translate(0 -8)")}${FOG}`;
+      break;
+    case "drizzle":
+      body = `${cloud("aparte-wx-cloud", up)}${dots()}`;
+      break;
+    case "rain":
+      body = `${cloud("aparte-wx-cloud", up)}${drops(3)}`;
+      break;
+    case "heavy-rain":
+      body = `${cloud("aparte-wx-cloud-back", "translate(9 -12) scale(0.8)")}${cloud("aparte-wx-cloud aparte-wx-cloud--dark", up)}${drops(5)}`;
+      break;
+    case "sleet":
+      body = `${cloud("aparte-wx-cloud", up)}${drops(2)}${flakes([40])}`;
+      break;
+    case "snow":
+      body = `${cloud("aparte-wx-cloud", up)}${flakes([23, 32, 41])}`;
+      break;
+    case "thunder":
+      body = `${cloud("aparte-wx-cloud-back", "translate(9 -12) scale(0.8)")}${cloud("aparte-wx-cloud aparte-wx-cloud--dark", up)}${BOLT}`;
+      break;
+    case "wind":
+      body = WIND;
+      break;
+  }
+  return `<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" class="aparte-wx" data-condition="${condition}"${night ? ' data-night=""' : ""}>${body}</svg>`;
+}
+const weatherStyles = `/* =========================================
+   The weather card — @aparte/plugin-cards/weather
+   =========================================
+   Three variants of one card, chosen by \`data-variant\` on its root:
+     hero      the sky behind the temperature, the stats, the next hours
+     compact   one line on the card's surface, the sky as an edge
+     forecast  a header on the sky, then the days, each with its range
+   Every colour is a \`--aparte-weather-*\` token: the glyphs' parts, the eleven skies by
+   day and by night. A theme repaints the weather by setting them.
+   */
+
+/* Declared with no weight: core adds a renderer's sheet AFTER the app's CSS, so at equal
+   weight an app's own \`.aparte-weather-card { --aparte-weather-sky-clear: … }\` would lose. */
+:where(.aparte-weather-card) {
+  /* The glyphs on the card's own surface. */
+  --aparte-weather-sun: #fbbf24;
+  --aparte-weather-sun-rays: #f59e0b;
+  --aparte-weather-moon: #c9ad5f;
+  --aparte-weather-star: #fde68a;
+  --aparte-weather-cloud: #c7d0dc;
+  --aparte-weather-cloud-back: #dfe5ed;
+  --aparte-weather-cloud-dark: #8794a7;
+  --aparte-weather-rain: #3b82f6;
+  --aparte-weather-snow: #6aa9ec;
+  --aparte-weather-bolt: #f5b80b;
+  --aparte-weather-fog: #98a3b3;
+  --aparte-weather-wind: #7f93ad;
+
+  /* The skies, by day. */
+  --aparte-weather-sky-clear: linear-gradient(160deg, #2a78dc 0%, #4fa7f0 55%, #7cc6f7 100%);
+  --aparte-weather-sky-partly-cloudy: linear-gradient(160deg, #3a7acb 0%, #6aa3dd 60%, #9cc4ea 100%);
+  --aparte-weather-sky-cloudy: linear-gradient(160deg, #56657a 0%, #75849a 60%, #8d9bb0 100%);
+  --aparte-weather-sky-fog: linear-gradient(160deg, #636e7d 0%, #808a98 60%, #9aa3af 100%);
+  --aparte-weather-sky-drizzle: linear-gradient(160deg, #4a6079 0%, #6a7f98 60%, #8396ac 100%);
+  --aparte-weather-sky-rain: linear-gradient(160deg, #364860 0%, #55687f 60%, #6c7f95 100%);
+  --aparte-weather-sky-heavy-rain: linear-gradient(160deg, #2a374b 0%, #445367 60%, #5a697d 100%);
+  --aparte-weather-sky-sleet: linear-gradient(160deg, #495b71 0%, #6a7f96 60%, #8ea2b8 100%);
+  --aparte-weather-sky-snow: linear-gradient(160deg, #557495 0%, #7e9cbd 60%, #a5bfd8 100%);
+  --aparte-weather-sky-thunder: linear-gradient(160deg, #26223c 0%, #3d375a 60%, #554d74 100%);
+  --aparte-weather-sky-wind: linear-gradient(160deg, #46719a 0%, #6b93b9 60%, #93b4d2 100%);
+
+  /* And by night. */
+  --aparte-weather-night-clear: linear-gradient(160deg, #081127 0%, #16224a 55%, #2b3a70 100%);
+  --aparte-weather-night-partly-cloudy: linear-gradient(160deg, #0f1834 0%, #1f2b52 60%, #38466f 100%);
+  --aparte-weather-night-cloudy: linear-gradient(160deg, #191f2b 0%, #2a3241 60%, #3c4556 100%);
+  --aparte-weather-night-fog: linear-gradient(160deg, #1f242d 0%, #333a45 60%, #484f5b 100%);
+  --aparte-weather-night-drizzle: linear-gradient(160deg, #18212f 0%, #2a3647 60%, #3c4a5e 100%);
+  --aparte-weather-night-rain: linear-gradient(160deg, #131b28 0%, #24303f 60%, #344255 100%);
+  --aparte-weather-night-heavy-rain: linear-gradient(160deg, #0e141f 0%, #1c2533 60%, #2b3647 100%);
+  --aparte-weather-night-sleet: linear-gradient(160deg, #1a2433 0%, #2d3a4d 60%, #425267 100%);
+  --aparte-weather-night-snow: linear-gradient(160deg, #1f2c42 0%, #33476a 60%, #4d6386 100%);
+  --aparte-weather-night-thunder: linear-gradient(160deg, #110e23 0%, #221d3d 60%, #352e55 100%);
+  --aparte-weather-night-wind: linear-gradient(160deg, #142236 0%, #243a58 60%, #395271 100%);
+
+  /* Text on a sky. */
+  --aparte-weather-on-sky: #ffffff;
+  --aparte-weather-on-sky-muted: rgb(255 255 255 / 0.8);
+  --aparte-weather-tile: rgb(255 255 255 / 0.14);
+  --aparte-weather-tile-border: rgb(255 255 255 / 0.18);
+}
+
+/* The glyphs drawn over a sky: white clouds, pale rain. */
+.aparte-weather-card[data-variant="hero"][data-state="ready"],
+.aparte-weather__forecast-head {
+  --aparte-weather-cloud: #ffffff;
+  --aparte-weather-moon: #f1e9c8;
+  --aparte-weather-cloud-back: rgb(255 255 255 / 0.62);
+  --aparte-weather-cloud-dark: #d3dae4;
+  --aparte-weather-rain: #bfdbfe;
+  --aparte-weather-snow: #ffffff;
+  --aparte-weather-fog: rgb(255 255 255 / 0.85);
+  --aparte-weather-wind: rgb(255 255 255 / 0.92);
+  --aparte-rich-card-spark: rgb(255 255 255 / 0.95);
+}
+
+/* ── The sky ─────────────────────────────────────────────────────────── */
+
+.aparte-weather__sky {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  background: var(--aparte-weather-sky-partly-cloudy);
+}
+
+.aparte-weather__sky::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(120% 80% at 100% 0%, rgb(255 255 255 / 0.22), transparent 60%);
+  pointer-events: none;
+}
+
+.aparte-weather__sky[data-condition="clear"]::after {
+  background: radial-gradient(90% 70% at 92% 4%, rgb(255 223 130 / 0.45), transparent 62%);
+}
+
+.aparte-weather__sky[data-night]::after {
+  background:
+    radial-gradient(1.5px 1.5px at 18% 22%, rgb(255 255 255 / 0.8), transparent 100%),
+    radial-gradient(1px 1px at 34% 12%, rgb(255 255 255 / 0.7), transparent 100%),
+    radial-gradient(1.2px 1.2px at 62% 30%, rgb(255 255 255 / 0.6), transparent 100%),
+    radial-gradient(1px 1px at 78% 16%, rgb(255 255 255 / 0.7), transparent 100%),
+    radial-gradient(1.4px 1.4px at 48% 8%, rgb(255 255 255 / 0.5), transparent 100%);
+}
+
+.aparte-weather__sky[data-condition="clear"], .aparte-weather__accent[data-condition="clear"] { background: var(--aparte-weather-sky-clear); }
+.aparte-weather__sky[data-condition="partly-cloudy"], .aparte-weather__accent[data-condition="partly-cloudy"] { background: var(--aparte-weather-sky-partly-cloudy); }
+.aparte-weather__sky[data-condition="cloudy"], .aparte-weather__accent[data-condition="cloudy"] { background: var(--aparte-weather-sky-cloudy); }
+.aparte-weather__sky[data-condition="fog"], .aparte-weather__accent[data-condition="fog"] { background: var(--aparte-weather-sky-fog); }
+.aparte-weather__sky[data-condition="drizzle"], .aparte-weather__accent[data-condition="drizzle"] { background: var(--aparte-weather-sky-drizzle); }
+.aparte-weather__sky[data-condition="rain"], .aparte-weather__accent[data-condition="rain"] { background: var(--aparte-weather-sky-rain); }
+.aparte-weather__sky[data-condition="heavy-rain"], .aparte-weather__accent[data-condition="heavy-rain"] { background: var(--aparte-weather-sky-heavy-rain); }
+.aparte-weather__sky[data-condition="sleet"], .aparte-weather__accent[data-condition="sleet"] { background: var(--aparte-weather-sky-sleet); }
+.aparte-weather__sky[data-condition="snow"], .aparte-weather__accent[data-condition="snow"] { background: var(--aparte-weather-sky-snow); }
+.aparte-weather__sky[data-condition="thunder"], .aparte-weather__accent[data-condition="thunder"] { background: var(--aparte-weather-sky-thunder); }
+.aparte-weather__sky[data-condition="wind"], .aparte-weather__accent[data-condition="wind"] { background: var(--aparte-weather-sky-wind); }
+
+.aparte-weather__sky[data-night][data-condition="clear"], .aparte-weather__accent[data-night][data-condition="clear"] { background: var(--aparte-weather-night-clear); }
+.aparte-weather__sky[data-night][data-condition="partly-cloudy"], .aparte-weather__accent[data-night][data-condition="partly-cloudy"] { background: var(--aparte-weather-night-partly-cloudy); }
+.aparte-weather__sky[data-night][data-condition="cloudy"], .aparte-weather__accent[data-night][data-condition="cloudy"] { background: var(--aparte-weather-night-cloudy); }
+.aparte-weather__sky[data-night][data-condition="fog"], .aparte-weather__accent[data-night][data-condition="fog"] { background: var(--aparte-weather-night-fog); }
+.aparte-weather__sky[data-night][data-condition="drizzle"], .aparte-weather__accent[data-night][data-condition="drizzle"] { background: var(--aparte-weather-night-drizzle); }
+.aparte-weather__sky[data-night][data-condition="rain"], .aparte-weather__accent[data-night][data-condition="rain"] { background: var(--aparte-weather-night-rain); }
+.aparte-weather__sky[data-night][data-condition="heavy-rain"], .aparte-weather__accent[data-night][data-condition="heavy-rain"] { background: var(--aparte-weather-night-heavy-rain); }
+.aparte-weather__sky[data-night][data-condition="sleet"], .aparte-weather__accent[data-night][data-condition="sleet"] { background: var(--aparte-weather-night-sleet); }
+.aparte-weather__sky[data-night][data-condition="snow"], .aparte-weather__accent[data-night][data-condition="snow"] { background: var(--aparte-weather-night-snow); }
+.aparte-weather__sky[data-night][data-condition="thunder"], .aparte-weather__accent[data-night][data-condition="thunder"] { background: var(--aparte-weather-night-thunder); }
+.aparte-weather__sky[data-night][data-condition="wind"], .aparte-weather__accent[data-night][data-condition="wind"] { background: var(--aparte-weather-night-wind); }
+
+/* ── Hero ────────────────────────────────────────────────────────────── */
+
+.aparte-weather-card[data-variant="hero"][data-state="ready"] {
+  color: var(--aparte-weather-on-sky);
+  border-color: rgb(0 0 0 / 0.06);
+  background: transparent;
+  box-shadow: 0 10px 30px -18px rgb(15 23 42 / 0.55);
+  text-shadow: 0 1px 2px rgb(0 0 0 / 0.16);
+}
+
+/* The card narrows on its own width, not the window's: a widget on a wide screen is as
+   narrow as a phone. On a drawn card (or its skeleton) only — a one-line state shrinks to
+   its words, and a size container cannot. */
+.aparte-weather-card:is([data-state="ready"], [data-state="loading"]) {
+  container: aparte-weather / inline-size;
+}
+
+.aparte-weather__body {
+  display: grid;
+  gap: var(--aparte-space-6);
+  padding: var(--aparte-space-7) var(--aparte-space-8) var(--aparte-space-7);
+}
+
+.aparte-weather__head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--aparte-space-4);
+}
+
+.aparte-weather__place {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  min-inline-size: 0;
+}
+
+.aparte-weather__location {
+  font-size: var(--aparte-font-size-lg);
+  font-weight: var(--aparte-font-weight-semibold);
+  letter-spacing: -0.01em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aparte-weather__when {
+  font-size: var(--aparte-font-size-sm);
+  color: var(--aparte-weather-on-sky-muted);
+}
+
+.aparte-weather-card[data-variant="hero"] .aparte-weather__icon {
+  --aparte-rich-card-glyph-size: 4.5rem;
+  margin-block: calc(var(--aparte-space-2) * -1) calc(var(--aparte-space-6) * -1);
+  margin-inline-end: calc(var(--aparte-space-2) * -1);
+  filter: drop-shadow(0 6px 10px rgb(0 0 0 / 0.18));
+}
+
+.aparte-weather__now {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-7);
+}
+
+.aparte-weather-card[data-variant="hero"] .aparte-weather__temp {
+  font-size: calc(3.75rem * var(--aparte-font-scale));
+  font-weight: 300;
+  line-height: 0.9;
+  letter-spacing: -0.045em;
+}
+
+.aparte-weather__now-text {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-2);
+  min-inline-size: 0;
+}
+
+.aparte-weather__summary {
+  font-size: var(--aparte-font-size-base);
+  font-weight: var(--aparte-font-weight-medium);
+}
+
+.aparte-weather__line {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: var(--aparte-space-5);
+  row-gap: var(--aparte-space-1);
+  font-size: var(--aparte-font-size-sm);
+  color: var(--aparte-weather-on-sky-muted);
+}
+
+.aparte-weather__range {
+  display: inline-flex;
+  gap: var(--aparte-space-4);
+  white-space: nowrap;
+}
+
+.aparte-weather__stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
+  gap: var(--aparte-space-3);
+  margin: 0;
+}
+
+.aparte-weather__stat {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  padding: var(--aparte-space-3) var(--aparte-space-4);
+  border: var(--aparte-border-width) solid var(--aparte-weather-tile-border);
+  border-radius: var(--aparte-radius-lg);
+  background: var(--aparte-weather-tile);
+  backdrop-filter: blur(6px);
+}
+
+.aparte-weather__stat-label {
+  font-size: var(--aparte-font-size-2xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--aparte-weather-on-sky-muted);
+}
+
+.aparte-weather__stat-value {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  margin: 0;
+  font-size: var(--aparte-font-size-md);
+  font-weight: var(--aparte-font-weight-semibold);
+  white-space: nowrap;
+}
+
+.aparte-weather__wind-arrow {
+  display: inline-block;
+  font-size: var(--aparte-font-size-sm);
+  transform: rotate(var(--aparte-weather-wind-angle, 0deg));
+}
+
+/* Buttons on the sky: glass, not the surface's. */
+.aparte-weather-card[data-variant="hero"][data-state="ready"] .aparte-rich-card__actions {
+  padding-inline: var(--aparte-space-8);
+  border-block-start-color: var(--aparte-weather-tile-border);
+  background: rgb(0 0 0 / 0.1);
+}
+
+.aparte-weather-card[data-variant="hero"][data-state="ready"] .aparte-rich-card__action {
+  border-color: var(--aparte-weather-tile-border);
+  background: var(--aparte-weather-tile);
+  color: var(--aparte-weather-on-sky);
+  text-shadow: none;
+}
+
+.aparte-weather-card[data-variant="hero"][data-state="ready"] .aparte-rich-card__action:hover {
+  background: rgb(255 255 255 / 0.24);
+}
+
+/* The next hours: a row of columns, the temperature's curve drawn above them. */
+.aparte-weather__hourly {
+  --aparte-weather-hours: 8;
+  display: grid;
+  gap: var(--aparte-space-1);
+  padding-block-start: var(--aparte-space-5);
+  border-block-start: var(--aparte-border-width) solid var(--aparte-weather-tile-border);
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.aparte-weather__curve {
+  block-size: 1.75rem;
+  /* The curve's points sit over the middle of each column. */
+  padding-inline: calc(50% / var(--aparte-weather-hours));
+  min-inline-size: calc(var(--aparte-weather-hours) * 2.75rem);
+  box-sizing: border-box;
+}
+
+.aparte-weather__hours {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(2.75rem, 1fr);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.aparte-weather__hour {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-2);
+}
+
+.aparte-weather__hour-time {
+  font-size: var(--aparte-font-size-xs);
+  color: var(--aparte-weather-on-sky-muted);
+  white-space: nowrap;
+}
+
+.aparte-weather__hour-temp {
+  font-size: var(--aparte-font-size-md);
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+.aparte-weather__hour-rain {
+  margin-block: calc(var(--aparte-space-2) * -1);
+  font-size: var(--aparte-font-size-2xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  color: #cfe5ff;
+}
+
+.aparte-weather__mini {
+  --aparte-rich-card-glyph-size: 1.6rem;
+}
+
+/* A small drawing stands still: only the big glyph moves. */
+.aparte-weather__mini svg * {
+  animation: none !important;
+}
+
+/* ── Compact ─────────────────────────────────────────────────────────── */
+
+.aparte-weather-card[data-variant="compact"] {
+  max-inline-size: 22rem;
+}
+
+.aparte-weather__accent {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 0;
+  inline-size: 4px;
+}
+
+.aparte-weather__compact {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-5);
+  padding: var(--aparte-space-4) var(--aparte-space-6) var(--aparte-space-4) calc(var(--aparte-space-6) + 4px);
+}
+
+.aparte-weather__compact .aparte-weather__icon {
+  --aparte-rich-card-glyph-size: 2.4rem;
+}
+
+.aparte-weather__compact .aparte-weather__temp {
+  font-size: var(--aparte-font-size-2xl);
+  font-weight: var(--aparte-font-weight-semibold);
+  letter-spacing: -0.03em;
+  line-height: 1;
+}
+
+.aparte-weather__compact-text {
+  display: flex;
+  flex-direction: column;
+  min-inline-size: 0;
+  flex: 1;
+}
+
+.aparte-weather__compact .aparte-weather__location {
+  font-size: var(--aparte-font-size-md);
+}
+
+.aparte-weather__compact .aparte-weather__summary {
+  font-size: var(--aparte-font-size-sm);
+  font-weight: var(--aparte-font-weight-normal);
+  color: var(--aparte-text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aparte-weather__compact .aparte-weather__range {
+  flex-direction: column;
+  gap: 0;
+  font-size: var(--aparte-font-size-sm);
+  color: var(--aparte-text-muted);
+  text-align: end;
+}
+
+.aparte-weather__compact .aparte-weather__hi {
+  color: var(--aparte-text);
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+/* ── Forecast ────────────────────────────────────────────────────────── */
+
+.aparte-weather__forecast-head {
+  position: relative;
+  isolation: isolate;
+  color: var(--aparte-weather-on-sky);
+  text-shadow: 0 1px 2px rgb(0 0 0 / 0.16);
+}
+
+.aparte-weather__forecast-head .aparte-weather__compact {
+  padding: var(--aparte-space-6) var(--aparte-space-7);
+}
+
+.aparte-weather__forecast-head .aparte-weather__icon {
+  --aparte-rich-card-glyph-size: 3.25rem;
+}
+
+.aparte-weather__forecast-head .aparte-weather__temp {
+  font-size: calc(2.25rem * var(--aparte-font-scale));
+  font-weight: 300;
+}
+
+.aparte-weather__forecast-head .aparte-weather__summary,
+.aparte-weather__forecast-head .aparte-weather__range {
+  color: var(--aparte-weather-on-sky-muted);
+}
+
+.aparte-weather__forecast-head .aparte-weather__hi {
+  color: var(--aparte-weather-on-sky);
+}
+
+.aparte-weather__days {
+  margin: 0;
+  padding: var(--aparte-space-2) var(--aparte-space-7) var(--aparte-space-4);
+  list-style: none;
+}
+
+.aparte-weather__day {
+  display: grid;
+  grid-template-columns: minmax(3.25rem, auto) 1.75rem 2.25rem 2.25rem minmax(3rem, 1fr) 2.25rem;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  padding-block: var(--aparte-space-3);
+  font-size: var(--aparte-font-size-md);
+}
+
+.aparte-weather__day + .aparte-weather__day {
+  border-block-start: var(--aparte-border-width) solid var(--aparte-border);
+}
+
+.aparte-weather__day-name {
+  font-weight: var(--aparte-font-weight-medium);
+  white-space: nowrap;
+}
+
+.aparte-weather__day-rain {
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  color: var(--aparte-weather-rain);
+}
+
+.aparte-weather__day-low {
+  color: var(--aparte-text-muted);
+  text-align: end;
+}
+
+.aparte-weather__day-high {
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+.aparte-weather__bar {
+  position: relative;
+  block-size: 6px;
+  border-radius: var(--aparte-radius-full);
+  background: color-mix(in oklab, var(--aparte-text) 10%, transparent);
+}
+
+.aparte-weather__bar-fill {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: var(--aparte-weather-bar-start, 0%);
+  inset-inline-end: calc(100% - var(--aparte-weather-bar-end, 100%));
+  border-radius: inherit;
+  background: linear-gradient(to right, var(--aparte-weather-bar-cold), var(--aparte-weather-bar-warm));
+}
+
+.aparte-weather__bar-fill:dir(rtl) {
+  background: linear-gradient(to left, var(--aparte-weather-bar-cold), var(--aparte-weather-bar-warm));
+}
+
+.aparte-weather__bar-now {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-start: calc(var(--aparte-weather-bar-at, 0%) - 5px);
+  inline-size: 10px;
+  block-size: 10px;
+  border: 2px solid var(--aparte-surface-1);
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-text);
+  transform: translateY(-50%);
+}
+
+/* ── Loading ─────────────────────────────────────────────────────────── */
+
+.aparte-weather-card[data-state="loading"] .aparte-weather__sk-place { inline-size: 7rem; }
+.aparte-weather-card[data-state="loading"] .aparte-weather__sk-icon { inline-size: 3.5rem; block-size: 3.5rem; flex: none; }
+.aparte-weather-card[data-state="loading"] .aparte-weather__sk-temp { inline-size: 5.5rem; block-size: 3.25rem; border-radius: var(--aparte-radius-lg); }
+.aparte-weather-card[data-state="loading"] .aparte-weather__sk-summary { inline-size: 8rem; }
+.aparte-weather-card[data-state="loading"] .aparte-weather__sk-stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--aparte-space-3);
+}
+.aparte-weather-card[data-state="loading"] .aparte-weather__sk-stat { block-size: 3rem; border-radius: var(--aparte-radius-lg); }
+.aparte-weather-card[data-state="loading"] .aparte-weather__compact .aparte-weather__sk-icon { inline-size: 2.6rem; block-size: 2.6rem; }
+.aparte-weather-card[data-state="loading"] .aparte-weather__compact .aparte-weather__sk-temp { inline-size: 3rem; block-size: 1.75rem; }
+
+/* ── The glyphs ──────────────────────────────────────────────────────── */
+
+.aparte-wx .aparte-wx-sun { fill: var(--aparte-weather-sun); }
+.aparte-wx .aparte-wx-rays {
+  fill: none;
+  stroke: var(--aparte-weather-sun-rays);
+  stroke-width: 3.2;
+  stroke-linecap: round;
+  transform-box: view-box;
+  transform-origin: 32px 32px;
+  /* Core's turn: its sheet is on every page a chat is on. */
+  animation: aparte-spin 60s linear infinite;
+}
+.aparte-wx .aparte-wx-moon { fill: var(--aparte-weather-moon); }
+.aparte-wx .aparte-wx-star { fill: var(--aparte-weather-star); animation: aparte-weather-twinkle 3.2s ease-in-out infinite; }
+.aparte-wx .aparte-wx-star + .aparte-wx-star { animation-delay: -1.6s; }
+.aparte-wx .aparte-wx-cloud { fill: var(--aparte-weather-cloud); }
+.aparte-wx .aparte-wx-cloud-back { fill: var(--aparte-weather-cloud-back); }
+.aparte-wx .aparte-wx-cloud--dark { fill: var(--aparte-weather-cloud-dark); }
+.aparte-wx .aparte-wx-drift { animation: aparte-weather-drift 7s ease-in-out infinite alternate; }
+.aparte-wx .aparte-wx-drop {
+  fill: none;
+  stroke: var(--aparte-weather-rain);
+  stroke-width: 3;
+  stroke-linecap: round;
+  animation: aparte-weather-fall 1.3s ease-in infinite;
+  animation-delay: calc(var(--i, 0) * -0.45s);
+}
+.aparte-wx .aparte-wx-drip {
+  fill: var(--aparte-weather-rain);
+  animation: aparte-weather-fall 1.6s ease-in infinite;
+  animation-delay: calc(var(--i, 0) * -0.4s);
+}
+.aparte-wx .aparte-wx-flake path {
+  fill: none;
+  stroke: var(--aparte-weather-snow);
+  stroke-width: 1.8;
+  stroke-linecap: round;
+  animation: aparte-weather-snowfall 3.4s linear infinite;
+}
+.aparte-wx .aparte-wx-flake:nth-child(2) path { animation-delay: -1.1s; }
+.aparte-wx .aparte-wx-flake:nth-child(3) path { animation-delay: -2.2s; }
+.aparte-wx .aparte-wx-bolt { fill: var(--aparte-weather-bolt); animation: aparte-weather-flash 4.5s linear infinite; }
+.aparte-wx .aparte-wx-fog, .aparte-wx .aparte-wx-wind {
+  fill: none;
+  stroke-width: 3.2;
+  stroke-linecap: round;
+}
+.aparte-wx .aparte-wx-fog { stroke: var(--aparte-weather-fog); }
+.aparte-wx .aparte-wx-fog-g { animation: aparte-weather-drift 6s ease-in-out infinite alternate; }
+.aparte-wx .aparte-wx-wind { stroke: var(--aparte-weather-wind); stroke-width: 3.6; animation: aparte-weather-gust 3.2s ease-in-out infinite alternate; }
+.aparte-wx .aparte-wx-wind:nth-child(2) { animation-delay: -1.1s; }
+.aparte-wx .aparte-wx-wind:nth-child(3) { animation-delay: -2.2s; }
+
+@keyframes aparte-weather-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
+@keyframes aparte-weather-drift { from { transform: translateX(-1.5px); } to { transform: translateX(1.5px); } }
+@keyframes aparte-weather-fall {
+  0% { transform: translateY(-3px); opacity: 0; }
+  25% { opacity: 1; }
+  100% { transform: translateY(6px); opacity: 0; }
+}
+@keyframes aparte-weather-snowfall {
+  0% { transform: translate(0, -3px); opacity: 0; }
+  20% { opacity: 1; }
+  100% { transform: translate(2px, 6px); opacity: 0; }
+}
+@keyframes aparte-weather-flash {
+  0%, 86%, 100% { opacity: 1; }
+  88% { opacity: 0.25; }
+  90% { opacity: 1; }
+  92% { opacity: 0.4; }
+}
+@keyframes aparte-weather-gust {
+  from { transform: translateX(-2px); }
+  to { transform: translateX(2.5px); }
+}
+
+@container aparte-weather (max-width: 22rem) {
+  .aparte-weather__body { padding: var(--aparte-space-6); }
+  .aparte-weather-card[data-variant="hero"] .aparte-weather__temp { font-size: calc(3rem * var(--aparte-font-scale)); }
+  .aparte-weather__days { padding-inline: var(--aparte-space-5); }
+  .aparte-weather__day { grid-template-columns: minmax(2.75rem, auto) 1.5rem 2rem 2rem minmax(2rem, 1fr) 2rem; }
+}
+`;
+const W = {
+  cardsWeatherTitle: { en: "Weather", fr: "Météo", de: "Wetter", es: "Tiempo", it: "Meteo", ja: "天気", ko: "날씨", pt: "Clima", ru: "Погода", zh: "天气" },
+  cardsWeatherIn: { en: "Weather in {place}", fr: "Météo à {place}", de: "Wetter in {place}", es: "Tiempo en {place}", it: "Meteo a {place}", ja: "{place}の天気", ko: "{place} 날씨", pt: "Clima em {place}", ru: "Погода: {place}", zh: "{place}天气" },
+  cardsWeatherFeelsLike: { en: "Feels like {t}", fr: "Ressenti {t}", de: "Gefühlt {t}", es: "Sensación {t}", it: "Percepita {t}", ja: "体感 {t}", ko: "체감 {t}", pt: "Sensação {t}", ru: "Ощущается как {t}", zh: "体感 {t}" },
+  cardsWeatherHigh: { en: "High", fr: "Max.", de: "Höchst", es: "Máx.", it: "Max", ja: "最高", ko: "최고", pt: "Máx.", ru: "Макс.", zh: "最高" },
+  cardsWeatherLow: { en: "Low", fr: "Min.", de: "Tiefst", es: "Mín.", it: "Min", ja: "最低", ko: "최저", pt: "Mín.", ru: "Мин.", zh: "最低" },
+  cardsWeatherWind: { en: "Wind", fr: "Vent", de: "Wind", es: "Viento", it: "Vento", ja: "風", ko: "바람", pt: "Vento", ru: "Ветер", zh: "风" },
+  cardsWeatherHumidity: { en: "Humidity", fr: "Humidité", de: "Feuchte", es: "Humedad", it: "Umidità", ja: "湿度", ko: "습도", pt: "Umidade", ru: "Влажность", zh: "湿度" },
+  cardsWeatherRain: { en: "Rain", fr: "Pluie", de: "Regen", es: "Lluvia", it: "Pioggia", ja: "降水", ko: "강수", pt: "Chuva", ru: "Осадки", zh: "降水" },
+  cardsWeatherNow: { en: "Now", fr: "Maint.", de: "Jetzt", es: "Ahora", it: "Ora", ja: "今", ko: "지금", pt: "Agora", ru: "Сейчас", zh: "现在" },
+  cardsWeatherForecast: { en: "Forecast", fr: "Prévisions", de: "Vorhersage", es: "Pronóstico", it: "Previsioni", ja: "予報", ko: "예보", pt: "Previsão", ru: "Прогноз", zh: "预报" }
+};
+const WIND_INTL = { "km/h": "kilometer-per-hour", mph: "mile-per-hour", "m/s": "meter-per-second", kn: null };
+const HOURS_SHOWN = 8;
+const DAYS_SHOWN = 7;
+function readCondition(value) {
+  if (typeof value === "number") return conditionFromWmo(value);
+  return conditionFromText(value);
+}
+function readUnit(value) {
+  return typeof value === "string" && /^\s*°?\s*f\b|fahrenheit|imperial/i.test(value) ? "F" : "C";
+}
+function readWindUnit(value) {
+  if (typeof value !== "string") return "km/h";
+  const v = value.toLowerCase().replace(/\s/g, "");
+  if (v.includes("mph") || v.includes("mp/h")) return "mph";
+  if (v === "m/s" || v === "ms") return "m/s";
+  if (v.startsWith("kn") || v === "kt") return "kn";
+  return "km/h";
+}
+function percent(value, share = false) {
+  const n = num(value);
+  if (n === void 0) return void 0;
+  const p = n > 0 && n <= 1 && (share || !Number.isInteger(n)) ? n * 100 : n;
+  return Math.max(0, Math.min(100, Math.round(p)));
+}
+function writesShares(items) {
+  return items.some((item) => {
+    const n = num(item?.["precipitation"]);
+    return n !== void 0 && n > 0 && n < 1;
+  });
+}
+function chanceOf(item, shares) {
+  return percent(item?.["precipitation"], shares) ?? percent(item?.["pop"], true);
+}
+function readWeather(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const r2 = raw;
+  const temperature = num(r2["temperature"] ?? r2["temp"]);
+  const rawDaily = Array.isArray(r2["daily"]) ? r2["daily"] : [];
+  const dailyShares = writesShares(rawDaily);
+  const daily = rawDaily.map((d) => {
+    const date = toDate(d?.date ?? d?.time);
+    const high = num(d?.high ?? d?.max);
+    const low = num(d?.low ?? d?.min);
+    if (!date || high === void 0 || low === void 0) return null;
+    return { date, condition: readCondition(d?.condition) ?? "cloudy", high, low, precipitation: chanceOf(d, dailyShares) };
+  }).filter((d) => d !== null).slice(0, DAYS_SHOWN);
+  if (temperature === void 0 && daily.length === 0) return null;
+  const night = r2["night"] === true || r2["isDay"] === false || r2["is_day"] === 0;
+  const rawHourly = Array.isArray(r2["hourly"]) ? r2["hourly"] : [];
+  const hourlyShares = writesShares(rawHourly);
+  const hourly = rawHourly.map((h) => {
+    const time = toDate(h?.time);
+    const t = num(h?.temperature ?? h?.temp);
+    if (!time || t === void 0) return null;
+    return { time, temperature: t, condition: readCondition(h?.condition), precipitation: chanceOf(h, hourlyShares), night: h?.night === true };
+  }).filter((h) => h !== null).slice(0, HOURS_SHOWN);
+  let wind;
+  const w = r2["wind"];
+  if (typeof w === "number" || typeof w === "string") {
+    const speed = num(w);
+    if (speed !== void 0) wind = { speed, unit: readWindUnit(r2["windUnit"]), direction: num(r2["windDirection"]) };
+  } else if (w && typeof w === "object") {
+    const o = w;
+    const speed = num(o["speed"]);
+    if (speed !== void 0) wind = { speed, unit: readWindUnit(o["unit"]), direction: num(o["direction"]) };
+  } else if (num(r2["windSpeed"]) !== void 0) {
+    wind = { speed: num(r2["windSpeed"]), unit: readWindUnit(r2["windUnit"]), direction: num(r2["windDirection"]) };
+  }
+  const condition = readCondition(r2["condition"]) ?? readCondition(r2["summary"]) ?? daily[0]?.condition ?? "cloudy";
+  return {
+    location: str(r2["location"] ?? r2["city"] ?? r2["place"]),
+    condition,
+    summary: str(r2["summary"] ?? r2["description"]),
+    temperature,
+    unit: readUnit(r2["unit"]),
+    feelsLike: num(r2["feelsLike"] ?? r2["feels_like"]),
+    high: num(r2["high"]) ?? daily[0]?.high,
+    low: num(r2["low"]) ?? daily[0]?.low,
+    humidity: percent(r2["humidity"]),
+    wind,
+    precipitation: chanceOf(r2, false),
+    night,
+    time: toDate(r2["time"]) ?? void 0,
+    hourly,
+    daily
+  };
+}
+function fromOpenMeteo(response, options = {}) {
+  const r2 = response && typeof response === "object" ? response : {};
+  const current = r2["current"] ?? r2["current_weather"] ?? {};
+  const cu = r2["current_units"] ?? {};
+  const cwu = r2["current_weather_units"] ?? {};
+  const hu = r2["hourly_units"] ?? {};
+  const du = r2["daily_units"] ?? {};
+  const unit = readUnit(cu["temperature_2m"] ?? cu["temperature"] ?? cwu["temperature"] ?? du["temperature_2m_max"] ?? du["temperature_2m_min"] ?? hu["temperature_2m"]);
+  const windUnit = readWindUnit(cu["wind_speed_10m"] ?? cu["windspeed"] ?? cwu["windspeed"] ?? cwu["wind_speed_10m"] ?? hu["wind_speed_10m"] ?? du["wind_speed_10m_max"]);
+  const offset = num(r2["utc_offset_seconds"]);
+  const instant = (time) => openMeteoTime(time, offset);
+  const nowMs = instant(current["time"])?.getTime() ?? Date.now();
+  const hourly = [];
+  const h = r2["hourly"];
+  if (h && Array.isArray(h["time"])) {
+    h["time"].forEach((time, i) => {
+      const at = instant(time);
+      const t = num(h["temperature_2m"]?.[i]);
+      if (!at || t === void 0 || at.getTime() < nowMs - 36e5) return;
+      hourly.push({
+        time: at,
+        temperature: t,
+        condition: conditionFromWmo(h["weather_code"]?.[i]),
+        precipitation: num(h["precipitation_probability"]?.[i]),
+        night: h["is_day"]?.[i] === 0
+      });
+    });
+  }
+  const daily = [];
+  const d = r2["daily"];
+  if (d && Array.isArray(d["time"])) {
+    d["time"].forEach((date, i) => {
+      const high = num(d["temperature_2m_max"]?.[i]);
+      const low = num(d["temperature_2m_min"]?.[i]);
+      if (high === void 0 || low === void 0) return;
+      daily.push({
+        date,
+        condition: conditionFromWmo(d["weather_code"]?.[i]),
+        high,
+        low,
+        precipitation: num(d["precipitation_probability_max"]?.[i])
+      });
+    });
+  }
+  return {
+    location: options.location,
+    condition: conditionFromWmo(current["weather_code"] ?? current["weathercode"]),
+    temperature: num(current["temperature_2m"] ?? current["temperature"]),
+    unit,
+    feelsLike: num(current["apparent_temperature"]),
+    humidity: num(current["relative_humidity_2m"]),
+    wind: num(current["wind_speed_10m"] ?? current["windspeed"]) !== void 0 ? { speed: num(current["wind_speed_10m"] ?? current["windspeed"]), unit: windUnit, direction: num(current["wind_direction_10m"] ?? current["winddirection"]) } : void 0,
+    precipitation: num(hourly[0]?.precipitation),
+    night: current["is_day"] === 0,
+    time: instant(current["time"]) ?? void 0,
+    hourly: hourly.slice(0, HOURS_SHOWN),
+    daily: daily.slice(0, DAYS_SHOWN)
+  };
+}
+function openMeteoTime(value, offset) {
+  const m = typeof value === "string" ? /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(value.trim()) : null;
+  if (!m || offset === void 0) return toDate(value);
+  const utc = Date.UTC(Number(m[1]), Number(m[2]) - 1, Number(m[3]), Number(m[4]), Number(m[5]), Number(m[6] ?? 0));
+  return new Date(utc - offset * 1e3);
+}
+const deg = (config, t) => `${formatNumber(config, Math.round(t))}°`;
+const degFull = (config, t, unit) => formatUnit(config, Math.round(t), unit === "F" ? "fahrenheit" : "celsius");
+function summaryOf(data, config) {
+  return data.summary ?? word(config, `cardsWeather_${data.condition}`, CONDITION_WORDS[data.condition]);
+}
+function windText(config, wind) {
+  const intl = WIND_INTL[wind.unit];
+  return intl ? formatUnit(config, wind.speed, intl) : `${formatNumber(config, Math.round(wind.speed))} kn`;
+}
+function stat(ctx, key, value, extra) {
+  const dt = el("dt", { class: "aparte-weather__stat-label" });
+  ctx.word(dt, key, W[key]);
+  const dd = el("dd", { class: "aparte-weather__stat-value" });
+  const text = el("span");
+  ctx.bind(text, value);
+  dd.append(...extra ? [extra, text] : [text]);
+  return el("div", { class: "aparte-weather__stat", attrs: { "data-stat": key.replace("cardsWeather", "").toLowerCase() } }, dt, dd);
+}
+function rangeText(ctx, data) {
+  if (data.high === void 0 && data.low === void 0) return null;
+  const range = el("span", { class: "aparte-weather__range" });
+  if (data.high !== void 0) {
+    const hi = el("span", { class: "aparte-weather__hi" });
+    ctx.bind(hi, () => `↑ ${deg(ctx.config, data.high)}`);
+    ctx.bind(hi, () => `${word(ctx.config, "cardsWeatherHigh", W.cardsWeatherHigh)} ${degFull(ctx.config, data.high, data.unit)}`, "aria-label");
+    range.append(hi);
+  }
+  if (data.low !== void 0) {
+    const lo = el("span", { class: "aparte-weather__lo" });
+    ctx.bind(lo, () => `↓ ${deg(ctx.config, data.low)}`);
+    ctx.bind(lo, () => `${word(ctx.config, "cardsWeatherLow", W.cardsWeatherLow)} ${degFull(ctx.config, data.low, data.unit)}`, "aria-label");
+    range.append(lo);
+  }
+  return range;
+}
+function placeLine(ctx, data) {
+  const place = el("div", { class: "aparte-weather__place" });
+  const name = el("span", { class: "aparte-weather__location" });
+  ctx.bind(name, () => data.location ?? word(ctx.config, "cardsWeatherTitle", W.cardsWeatherTitle));
+  place.append(name);
+  if (data.time) {
+    const when = el("time", { class: "aparte-weather__when", attrs: { datetime: data.time.toISOString() } });
+    ctx.bind(when, () => formatWhen(ctx.config, data.time));
+    place.append(when);
+  }
+  return place;
+}
+function sky(data) {
+  return el("div", { class: "aparte-weather__sky", attrs: { "data-condition": data.condition, "data-night": data.night, "aria-hidden": "true" } });
+}
+function hours(ctx, data) {
+  if (data.hourly.length < 2) return null;
+  const temps = data.hourly.map((h) => h.temperature);
+  const list = el("ol", { class: "aparte-weather__hours" });
+  data.hourly.forEach((h, i) => {
+    const time = el("span", { class: "aparte-weather__hour-time" });
+    if (i === 0) ctx.word(time, "cardsWeatherNow", W.cardsWeatherNow);
+    else ctx.bind(time, () => formatHour(ctx.config, h.time));
+    const temp = el("span", { class: "aparte-weather__hour-temp" });
+    ctx.bind(temp, () => deg(ctx.config, h.temperature));
+    const cond = h.condition ?? data.condition;
+    const sky2 = el("span", { class: "aparte-sr-only" });
+    ctx.word(sky2, `cardsWeather_${cond}`, CONDITION_WORDS[cond]);
+    let rain = null;
+    if (h.precipitation !== void 0 && h.precipitation >= 30) {
+      rain = el("span", { class: "aparte-weather__hour-rain" });
+      ctx.bind(rain, () => formatPercent(ctx.config, h.precipitation / 100));
+    }
+    list.append(el("li", { class: "aparte-weather__hour" }, time, sky2, glyph(weatherIcon(cond, h.night), "aparte-rich-card__glyph aparte-weather__mini"), rain, temp));
+  });
+  const strip = el(
+    "div",
+    { class: "aparte-weather__hourly" },
+    el("div", { class: "aparte-weather__curve" }, sparkline(temps, { area: true, pad: 0.2 })),
+    list
+  );
+  strip.style.setProperty("--aparte-weather-hours", String(data.hourly.length));
+  return strip;
+}
+function renderHero(data, ctx) {
+  const { config } = ctx;
+  const head = el("div", { class: "aparte-weather__head" }, placeLine(ctx, data), glyph(weatherIcon(data.condition, data.night), "aparte-rich-card__glyph aparte-weather__icon"));
+  const now = el("div", { class: "aparte-weather__now" });
+  if (data.temperature !== void 0) {
+    const temp = el("span", { class: "aparte-weather__temp" });
+    ctx.bind(temp, () => deg(config, data.temperature));
+    ctx.bind(temp, () => degFull(config, data.temperature, data.unit), "aria-label");
+    now.append(temp);
+  }
+  const text = el("div", { class: "aparte-weather__now-text" });
+  const summary = el("span", { class: "aparte-weather__summary" });
+  ctx.bind(summary, () => summaryOf(data, config));
+  text.append(summary);
+  const line = el("span", { class: "aparte-weather__line" });
+  const range = rangeText(ctx, data);
+  if (range) line.append(range);
+  if (data.feelsLike !== void 0) {
+    const feels = el("span", { class: "aparte-weather__feels" });
+    ctx.bind(feels, () => word(config, "cardsWeatherFeelsLike", W.cardsWeatherFeelsLike, { t: deg(config, data.feelsLike) }));
+    line.append(feels);
+  }
+  if (line.childNodes.length) text.append(line);
+  now.append(text);
+  const stats = el("dl", { class: "aparte-weather__stats" });
+  if (data.wind) {
+    const arrow = data.wind.direction !== void 0 ? el("span", { class: "aparte-weather__wind-arrow", attrs: { "aria-hidden": "true", style: `--aparte-weather-wind-angle: ${Math.round(data.wind.direction + 180)}deg` }, text: "↑" }) : void 0;
+    stats.append(stat(ctx, "cardsWeatherWind", () => windText(config, data.wind), arrow));
+  }
+  if (data.humidity !== void 0) stats.append(stat(ctx, "cardsWeatherHumidity", () => formatUnit(config, data.humidity, "percent")));
+  if (data.precipitation !== void 0) stats.append(stat(ctx, "cardsWeatherRain", () => formatUnit(config, data.precipitation, "percent")));
+  const body = el("div", { class: "aparte-weather__body" }, head, now);
+  if (stats.childNodes.length) body.append(stats);
+  const hourly = hours(ctx, data);
+  if (hourly) body.append(hourly);
+  return [sky(data), body];
+}
+function renderCompact(data, ctx) {
+  const { config } = ctx;
+  const row = el("div", { class: "aparte-weather__compact" });
+  row.append(glyph(weatherIcon(data.condition, data.night), "aparte-rich-card__glyph aparte-weather__icon"));
+  if (data.temperature !== void 0) {
+    const temp = el("span", { class: "aparte-weather__temp" });
+    ctx.bind(temp, () => deg(config, data.temperature));
+    ctx.bind(temp, () => degFull(config, data.temperature, data.unit), "aria-label");
+    row.append(temp);
+  }
+  const text = el("div", { class: "aparte-weather__compact-text" });
+  const name = el("span", { class: "aparte-weather__location" });
+  ctx.bind(name, () => data.location ?? word(config, "cardsWeatherTitle", W.cardsWeatherTitle));
+  const summary = el("span", { class: "aparte-weather__summary" });
+  ctx.bind(summary, () => summaryOf(data, config));
+  text.append(name, summary);
+  row.append(text);
+  const range = rangeText(ctx, data);
+  if (range) row.append(range);
+  return [el("span", { class: "aparte-weather__accent", attrs: { "data-condition": data.condition, "data-night": data.night, "aria-hidden": "true" } }), row];
+}
+function heat(celsius) {
+  const stops = [
+    [-10, [129, 140, 248]],
+    [0, [96, 165, 250]],
+    [10, [52, 211, 153]],
+    [18, [250, 204, 21]],
+    [26, [251, 146, 60]],
+    [34, [239, 68, 68]]
+  ];
+  if (celsius <= stops[0][0]) return `rgb(${stops[0][1].join(" ")})`;
+  for (let i = 1; i < stops.length; i++) {
+    const [t1, c1] = stops[i];
+    const [t0, c0] = stops[i - 1];
+    if (celsius <= t1) {
+      const k = (celsius - t0) / (t1 - t0);
+      return `rgb(${c0.map((v, j) => Math.round(v + (c1[j] - v) * k)).join(" ")})`;
+    }
+  }
+  return `rgb(${stops[stops.length - 1][1].join(" ")})`;
+}
+function renderForecast(data, ctx) {
+  const { config } = ctx;
+  const header = el("div", { class: "aparte-weather__forecast-head" }, sky(data));
+  header.append(...renderCompact(data, ctx).slice(1));
+  if (data.daily.length === 0) return [header];
+  const toC = (t) => data.unit === "F" ? (t - 32) * 5 / 9 : t;
+  const lo = Math.min(...data.daily.map((d) => d.low));
+  const hi = Math.max(...data.daily.map((d) => d.high));
+  const span = hi - lo || 1;
+  const list = el("ol", { class: "aparte-weather__days" });
+  ctx.bind(list, () => word(config, "cardsWeatherForecast", W.cardsWeatherForecast), "aria-label");
+  data.daily.forEach((d, i) => {
+    const name = el("span", { class: "aparte-weather__day-name" });
+    ctx.bind(name, () => formatDay(config, d.date, "short"));
+    const rain = el("span", { class: "aparte-weather__day-rain" });
+    if (d.precipitation !== void 0 && d.precipitation >= 20) ctx.bind(rain, () => formatPercent(config, d.precipitation / 100));
+    const low = el("span", { class: "aparte-weather__day-low" });
+    ctx.bind(low, () => deg(config, d.low));
+    const high = el("span", { class: "aparte-weather__day-high" });
+    ctx.bind(high, () => deg(config, d.high));
+    const fill = el("span", { class: "aparte-weather__bar-fill" });
+    fill.style.setProperty("--aparte-weather-bar-start", `${(d.low - lo) / span * 100}%`);
+    fill.style.setProperty("--aparte-weather-bar-end", `${(d.high - lo) / span * 100}%`);
+    fill.style.setProperty("--aparte-weather-bar-cold", heat(toC(d.low)));
+    fill.style.setProperty("--aparte-weather-bar-warm", heat(toC(d.high)));
+    const bar = el("span", { class: "aparte-weather__bar", attrs: { "aria-hidden": "true" } }, fill);
+    if (i === 0 && data.temperature !== void 0 && data.temperature >= d.low && data.temperature <= d.high) {
+      const dot = el("span", { class: "aparte-weather__bar-now" });
+      dot.style.setProperty("--aparte-weather-bar-at", `${(data.temperature - lo) / span * 100}%`);
+      bar.append(dot);
+    }
+    const row = el("li", { class: "aparte-weather__day" }, name, glyph(weatherIcon(d.condition), "aparte-rich-card__glyph aparte-weather__mini"), rain, low, bar, high);
+    ctx.bind(row, () => `${formatDay(config, d.date, "long")}: ${word(config, `cardsWeather_${d.condition}`, CONDITION_WORDS[d.condition])}, ${word(config, "cardsWeatherLow", W.cardsWeatherLow)} ${degFull(config, d.low, data.unit)}, ${word(config, "cardsWeatherHigh", W.cardsWeatherHigh)} ${degFull(config, d.high, data.unit)}`, "aria-label");
+    list.append(row);
+  });
+  return [header, list];
+}
+function skeleton(partial, ctx) {
+  const block = (cls, kind = "rect") => el("span", { class: `aparte-skeleton aparte-skeleton--${kind} ${cls}`, attrs: { "aria-hidden": "true" } });
+  const place = el("div", { class: "aparte-weather__place" });
+  if (partial?.location) place.append(el("span", { class: "aparte-weather__location", text: partial.location }));
+  else place.append(block("aparte-weather__sk-place", "text"));
+  const head = el("div", { class: "aparte-weather__head" }, place, block("aparte-weather__sk-icon", "circle"));
+  if (ctx.variant === "compact") {
+    return [el("div", { class: "aparte-weather__compact" }, block("aparte-weather__sk-icon", "circle"), block("aparte-weather__sk-temp"), place)];
+  }
+  const stats = el("div", { class: "aparte-weather__sk-stats" }, block("aparte-weather__sk-stat"), block("aparte-weather__sk-stat"), block("aparte-weather__sk-stat"));
+  return [el("div", { class: "aparte-weather__body" }, head, el("div", { class: "aparte-weather__now" }, block("aparte-weather__sk-temp"), block("aparte-weather__sk-summary", "text")), stats)];
+}
+const weatherCard = defineCard({
+  name: "weather",
+  variants: ["hero", "compact", "forecast"],
+  styles: weatherStyles,
+  icon: weatherIcon("partly-cloudy"),
+  normalize: readWeather,
+  render: (data, ctx) => ctx.variant === "compact" ? renderCompact(data, ctx) : ctx.variant === "forecast" ? renderForecast(data, ctx) : renderHero(data, ctx),
+  skeleton,
+  label: (data, ctx) => data?.location ? word(ctx.config, "cardsWeatherIn", W.cardsWeatherIn, { place: data.location }) : word(ctx.config, "cardsWeatherTitle", W.cardsWeatherTitle),
+  fallback: (data, ctx) => {
+    const parts = [
+      data.temperature !== void 0 ? degFull(ctx.config, data.temperature, data.unit) : null,
+      summaryOf(data, ctx.config),
+      data.high !== void 0 && data.low !== void 0 ? `${word(ctx.config, "cardsWeatherHigh", W.cardsWeatherHigh)} ${degFull(ctx.config, data.high, data.unit)} / ${word(ctx.config, "cardsWeatherLow", W.cardsWeatherLow)} ${degFull(ctx.config, data.low, data.unit)}` : null
+    ].filter(Boolean);
+    return `${data.location ? `${data.location}: ` : ""}${parts.join(", ")}`;
+  },
+  partial: (input) => {
+    const location = str(input["location"] ?? input["city"] ?? input["place"] ?? input["q"] ?? input["query"]);
+    return location ? { location } : null;
+  }
+});
+function setupWeatherCard(options = {}) {
+  return weatherCard.setup(options);
+}
+export {
+  WEATHER_CONDITIONS,
+  conditionFromOpenWeather,
+  conditionFromText,
+  conditionFromWmo,
+  fromOpenMeteo,
+  readWeather,
+  setupWeatherCard,
+  weatherCard
+};
+//# sourceMappingURL=weather.js.map