@buoy-gg/shared-ui 7.0.41 → 7.0.43

package/lib/commonjs/ui/backgrounds/variants/liveSky.js

@@ -1,898 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LiveSkyTunable = exports.LiveSky = void 0;
-exports.workdaySceneMinutes = workdaySceneMinutes;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _absoluteFill = require("../../../utils/absoluteFill.js");
-var _primitives = require("../primitives.js");
-var _rng = require("../rng.js");
-var _skyClock = require("../skyClock.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Live Sky — the cove on your clock.
- *
- * One scene that tracks the actual local time — through the WORKDAY REMAP
- * (`workdaySceneMinutes` below): the real clock is compressed onto the scene's
- * day so sunrise lands ~9:00, noon at lunch, sunset ~17:30 and night after
- * ~20:00, and a normal working session sees the whole cycle. In scene time the
- * sun runs 06:30→19:00 and the moon takes the night shift; dawn, golden hour,
- * sunset and dusk are palette keyframes lerped in between. The night keyframe
- * is Moonlight's palette and the noon keyframe is Daylight's, so the live
- * scene passes through both fixed siblings exactly.
- *
- * THE CHEAP TRICK (see LIVE_SKY_PLAN.md): real time IS the cheap version. The
- * sun moves ~0.4px per minute on this surface — invisible as motion — so the
- * cycle itself animates NOTHING. The scene is laid out statically for the
- * current minute and a once-a-minute tick re-renders it (~one small React
- * commit). That also sidesteps the native driver's hard limit (transform and
- * opacity only, never colour): colour "animation" here is just new style
- * values in an ordinary render. Between ticks the preset costs exactly what
- * Daylight costs — a handful of native loops that never touch JS.
- *
- * The scrub slider in `BackgroundSwitcher` writes `skyClock.ts`; a non-null
- * scrub freezes this scene at that minute and stops the tick.
- *
- * Same contract as ../README.md otherwise: native-driven loops only, static
- * geometry rasterized, scatter tables at module load, light geometry sized
- * from the WINDOW (resizing crops, never stretches).
- */
-
-const HORIZON = 0.46;
-const SUN_RISE = 6.5 * 60;
-const SUN_SET = 19 * 60;
-const MOON_SPAN = 1440 - (SUN_SET - SUN_RISE);
-const SUN_DIA = 50;
-const MOON_DIA = 56;
-
-/** Moon craters, fixed — the moon doesn't take the palette's disc colour. */
-const CRATERS = [[0.24, -0.12, 0.2], [-0.16, 0.2, 0.13], [0.08, 0.06, 0.1]];
-
-// ============================================================================
-// The palette — keyframes lerped by time of day
-// ============================================================================
-
-const NIGHT = {
-  skyTop: "#070C15",
-  skyHorizon: "#040609",
-  skyHorizonAlpha: 1,
-  seaColor: "#04070C",
-  seaFade: "#010409",
-  seaFadeAlpha: 0.5,
-  hazeBand: "#17293F",
-  hazeAlpha: 0.28,
-  cloudRim: "#1D2A42",
-  cloudRimAlpha: 0.35,
-  cloudBody: "#070D18",
-  cloudBodyAlpha: 0.94,
-  peakNear: "#030609",
-  peakFar: "#020408",
-  glitter: "#CFE0F4",
-  glitterAlpha: 0.95,
-  bloom: "#A9C2DE",
-  bloomAlpha: 0.15,
-  glow: "#DCE8F6",
-  glowAlpha: 0.34,
-  disc: "#EDF3FB",
-  horizonLine: "#9FB8D4",
-  horizonLineAlpha: 0.12,
-  underLine: "#C6DAF0",
-  underLineAlpha: 0.32,
-  vignette: "#020305",
-  starAlpha: 1,
-  dayness: 0
-};
-const DAWN = {
-  skyTop: "#12263E",
-  skyHorizon: "#C4756B",
-  skyHorizonAlpha: 0.5,
-  seaColor: "#0C1E30",
-  seaFade: "#03080F",
-  seaFadeAlpha: 0.52,
-  hazeBand: "#D98F7E",
-  hazeAlpha: 0.34,
-  cloudRim: "#F2A98C",
-  cloudRimAlpha: 0.5,
-  cloudBody: "#2E2B41",
-  cloudBodyAlpha: 0.9,
-  peakNear: "#1A2536",
-  peakFar: "#131B29",
-  glitter: "#F2C4A0",
-  glitterAlpha: 0.8,
-  bloom: "#FFB37A",
-  bloomAlpha: 0.24,
-  glow: "#FFD9B0",
-  glowAlpha: 0.4,
-  disc: "#FFE9C4",
-  horizonLine: "#E8B49A",
-  horizonLineAlpha: 0.24,
-  underLine: "#FFD2A8",
-  underLineAlpha: 0.4,
-  vignette: "#080810",
-  starAlpha: 0.35,
-  dayness: 0.15
-};
-const SUNRISE = {
-  skyTop: "#27567D",
-  skyHorizon: "#F2B26A",
-  skyHorizonAlpha: 0.55,
-  seaColor: "#12324C",
-  seaFade: "#051220",
-  seaFadeAlpha: 0.54,
-  hazeBand: "#F2C08A",
-  hazeAlpha: 0.36,
-  cloudRim: "#FFDCB0",
-  cloudRimAlpha: 0.6,
-  cloudBody: "#7E88A6",
-  cloudBodyAlpha: 0.88,
-  peakNear: "#264A64",
-  peakFar: "#1E3D54",
-  glitter: "#FFD9A0",
-  glitterAlpha: 1.05,
-  bloom: "#FFCE8A",
-  bloomAlpha: 0.26,
-  glow: "#FFE6C0",
-  glowAlpha: 0.46,
-  disc: "#FFF2D4",
-  horizonLine: "#F5D2A4",
-  horizonLineAlpha: 0.28,
-  underLine: "#FFE0AE",
-  underLineAlpha: 0.46,
-  vignette: "#0A1420",
-  starAlpha: 0,
-  dayness: 0.6
-};
-
-/** Noon — Daylight's palette, verbatim. */
-const DAY = {
-  skyTop: "#1C4E74",
-  skyHorizon: "#A9CDE6",
-  skyHorizonAlpha: 0.42,
-  seaColor: "#16405E",
-  seaFade: "#06192B",
-  seaFadeAlpha: 0.55,
-  hazeBand: "#CFE3F1",
-  hazeAlpha: 0.3,
-  cloudRim: "#FFFFFF",
-  cloudRimAlpha: 0.6,
-  cloudBody: "#C7DCEC",
-  cloudBodyAlpha: 0.88,
-  peakNear: "#2E5E80",
-  peakFar: "#27516F",
-  glitter: "#FFE9B0",
-  glitterAlpha: 1,
-  bloom: "#FFE9B0",
-  bloomAlpha: 0.18,
-  glow: "#FFF4D2",
-  glowAlpha: 0.42,
-  disc: "#FFF9E6",
-  horizonLine: "#E4F0F8",
-  horizonLineAlpha: 0.2,
-  underLine: "#FFEFC2",
-  underLineAlpha: 0.42,
-  vignette: "#0A2033",
-  starAlpha: 0,
-  dayness: 1
-};
-const GOLDEN = {
-  skyTop: "#31618B",
-  skyHorizon: "#F5C26B",
-  skyHorizonAlpha: 0.5,
-  seaColor: "#1A3C58",
-  seaFade: "#071626",
-  seaFadeAlpha: 0.55,
-  hazeBand: "#F2C888",
-  hazeAlpha: 0.36,
-  cloudRim: "#FFE0A8",
-  cloudRimAlpha: 0.62,
-  cloudBody: "#8FA3BC",
-  cloudBodyAlpha: 0.88,
-  peakNear: "#2A5070",
-  peakFar: "#223F5A",
-  glitter: "#FFCE7E",
-  glitterAlpha: 1.1,
-  bloom: "#FFC26E",
-  bloomAlpha: 0.24,
-  glow: "#FFDCA0",
-  glowAlpha: 0.48,
-  disc: "#FFEDC2",
-  horizonLine: "#F8D8A0",
-  horizonLineAlpha: 0.28,
-  underLine: "#FFD088",
-  underLineAlpha: 0.48,
-  vignette: "#0C1B2A",
-  starAlpha: 0,
-  dayness: 1
-};
-const SUNSET = {
-  skyTop: "#232F55",
-  skyHorizon: "#E86A3C",
-  skyHorizonAlpha: 0.6,
-  seaColor: "#1E3049",
-  seaFade: "#050A14",
-  seaFadeAlpha: 0.55,
-  hazeBand: "#F08A4A",
-  hazeAlpha: 0.4,
-  cloudRim: "#FFC48A",
-  cloudRimAlpha: 0.65,
-  cloudBody: "#3A2F45",
-  cloudBodyAlpha: 0.9,
-  peakNear: "#1C2438",
-  peakFar: "#151C2C",
-  glitter: "#FF9D5C",
-  glitterAlpha: 1.15,
-  bloom: "#FF8A50",
-  bloomAlpha: 0.3,
-  glow: "#FFB27A",
-  glowAlpha: 0.5,
-  disc: "#FFD9A0",
-  horizonLine: "#FFD2A0",
-  horizonLineAlpha: 0.3,
-  underLine: "#FFB070",
-  underLineAlpha: 0.5,
-  vignette: "#120A18",
-  starAlpha: 0,
-  dayness: 0.4
-};
-const DUSK = {
-  skyTop: "#131B33",
-  skyHorizon: "#7A4260",
-  skyHorizonAlpha: 0.45,
-  seaColor: "#0B1526",
-  seaFade: "#02060E",
-  seaFadeAlpha: 0.52,
-  hazeBand: "#3A2C4E",
-  hazeAlpha: 0.3,
-  cloudRim: "#5A4668",
-  cloudRimAlpha: 0.4,
-  cloudBody: "#12141F",
-  cloudBodyAlpha: 0.92,
-  peakNear: "#0A1220",
-  peakFar: "#070D18",
-  glitter: "#D8C4D8",
-  glitterAlpha: 0.8,
-  bloom: "#C0A8C4",
-  bloomAlpha: 0.18,
-  glow: "#E4D2E4",
-  glowAlpha: 0.36,
-  disc: "#F2E4E8",
-  horizonLine: "#B49CB4",
-  horizonLineAlpha: 0.18,
-  underLine: "#D0BCD0",
-  underLineAlpha: 0.34,
-  vignette: "#050408",
-  starAlpha: 0.5,
-  dayness: 0
-};
-
-/** [minutes since midnight, palette] — adjacent identical entries hold. */
-const KEYFRAMES = [[0, NIGHT], [300, NIGHT],
-// 05:00 — night holds
-[360, DAWN],
-// 06:00
-[415, SUNRISE],
-// 06:55
-[510, DAY],
-// 08:30
-[1050, DAY],
-// 17:30 — day holds
-[1080, GOLDEN],
-// 18:00
-[1130, SUNSET],
-// 18:50
-[1180, DUSK],
-// 19:40
-[1245, NIGHT],
-// 20:45
-[1440, NIGHT]];
-function lerpPalette(a, b, t) {
-  const out = {};
-  for (const k of Object.keys(a)) {
-    const av = a[k];
-    const bv = b[k];
-    out[k] = typeof av === "number" ? av + (bv - av) * t : (0, _rng.lerpColor)(av, bv, t);
-  }
-  return out;
-}
-function paletteAt(minutes) {
-  for (let i = 0; i < KEYFRAMES.length - 1; i++) {
-    const [t0, p0] = KEYFRAMES[i];
-    const [t1, p1] = KEYFRAMES[i + 1];
-    if (minutes >= t0 && minutes <= t1) {
-      if (p0 === p1 || t1 === t0) return p0;
-      return lerpPalette(p0, p1, (minutes - t0) / (t1 - t0));
-    }
-  }
-  return NIGHT;
-}
-
-// ============================================================================
-// The workday remap — THE mapping LIVE mode runs on
-// ============================================================================
-
-/**
- * Real minutes → scene minutes, compressing the planet's day onto a working
- * human's: dawn as you sit down (~8:00), sunrise ~9:00, noon at lunch, golden
- * hour ~16:30, sunset as the workday ends (~17:30), night after ~20:00. A 9–5
- * session sees the whole cycle; the honest 1:1 mapping (auditioned against
- * this via two play buttons, and cut) held featureless DAY for all of it —
- * the pretty parts fired while nobody was at their desk.
- *
- * The scrub slider and the ▶ movie also run through this (the slider thumb is
- * a WALL clock; the scene is always the remap of it).
- *
- * Anchors are [real, scene] minute pairs, strictly increasing, folded across
- * midnight so the night segment (20:00 → 7:30 next day) is one linear piece.
- */
-const WORKDAY_ANCHORS = [[450, 330],
-// 07:30 → 05:30 pre-dawn
-[540, 420],
-// 09:00 → 07:00 just after sunrise
-[750, 720],
-// 12:30 → noon
-[990, 1080],
-// 16:30 → 18:00 golden hour
-[1050, 1130],
-// 17:30 → 18:50 sunset
-[1140, 1180],
-// 19:00 → 19:40 dusk
-[1200, 1260],
-// 20:00 → 21:00 night
-[1890, 1770] // 07:30 next day → 05:30 next day (the night piece, wrapped)
-];
-function workdaySceneMinutes(realMinutes) {
-  let m = realMinutes;
-  if (m < WORKDAY_ANCHORS[0][0]) m += 1440;
-  for (let i = 0; i < WORKDAY_ANCHORS.length - 1; i++) {
-    const [r0, s0] = WORKDAY_ANCHORS[i];
-    const [r1, s1] = WORKDAY_ANCHORS[i + 1];
-    if (m >= r0 && m <= r1) {
-      return (s0 + (m - r0) / (r1 - r0) * (s1 - s0)) % 1440;
-    }
-  }
-  return realMinutes;
-}
-
-// ============================================================================
-// The clock — one small render per minute, AppState-gated like the loops
-// ============================================================================
-
-function nowMinutes() {
-  const d = new Date();
-  return d.getHours() * 60 + d.getMinutes();
-}
-function useMinuteClock(enabled) {
-  const [minutes, setMinutes] = (0, _react.useState)(nowMinutes);
-  (0, _react.useEffect)(() => {
-    if (!enabled) return;
-    let timeout = null;
-    let interval = null;
-    const stop = () => {
-      if (timeout) clearTimeout(timeout);
-      if (interval) clearInterval(interval);
-      timeout = interval = null;
-    };
-    // Snap to now, then align the tick to the minute boundary.
-    const start = () => {
-      setMinutes(nowMinutes());
-      const d = new Date();
-      const untilNext = 60_000 - (d.getSeconds() * 1000 + d.getMilliseconds()) + 50;
-      timeout = setTimeout(() => {
-        setMinutes(nowMinutes());
-        interval = setInterval(() => setMinutes(nowMinutes()), 60_000);
-      }, untilNext);
-    };
-    start();
-    const sub = _reactNative.AppState.addEventListener("change", state => {
-      stop();
-      // Re-snapping on foreground means an hour in the background comes back
-      // to the RIGHT sky, not a stale one.
-      if (state === "active") start();
-    });
-    return () => {
-      stop();
-      sub.remove();
-    };
-  }, [enabled]);
-  return minutes;
-}
-
-// ============================================================================
-// Shared geometry (same specs as the fixed siblings)
-// ============================================================================
-
-/** Stride 3: x, y, size — Moonlight's star field. */
-const SKY_STAR_COUNT = 22;
-const SKY_STARS = (0, _rng.scatter)(0x52b7, SKY_STAR_COUNT * 3);
-const CLOUDS = [{
-  at: [0.16, 0.3],
-  puffs: [[-62, 4, 150, 20], [-44, -8, 62, 24], [-4, -14, 74, 30], [38, -4, 54, 20]],
-  bodyAlpha: 1
-}, {
-  at: [0.84, 0.37],
-  puffs: [[-55, 3, 130, 18], [-30, -8, 56, 22], [8, -13, 64, 27], [42, -3, 44, 17]],
-  bodyAlpha: 1
-}, {
-  at: [0.46, 0.425],
-  puffs: [[-40, 2, 96, 13], [-12, -6, 48, 16], [22, -2, 38, 12]],
-  bodyAlpha: 0.95
-}];
-
-/** The lit rim tilts toward wherever the light currently is. */
-function rimFor(cloudX, lightXFrac) {
-  if (lightXFrac === null) return [0, -3.5];
-  const dx = Math.max(-4, Math.min(4, (lightXFrac - cloudX) * 10));
-  return [dx, -3.5];
-}
-function cloudPuffs(cloud, cx, cy, rim, rimColor, bodyColor, key) {
-  const parts = [];
-  for (let i = 0; i < cloud.puffs.length; i++) {
-    const [dx, dy, w, h] = cloud.puffs[i];
-    parts.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: cx + dx + rim[0] - w / 2,
-        top: cy + dy + rim[1] - h / 2,
-        width: w,
-        height: h,
-        borderRadius: h / 2,
-        backgroundColor: rimColor
-      }
-    }, `${key}-r${i}`));
-  }
-  for (let i = 0; i < cloud.puffs.length; i++) {
-    const [dx, dy, w, h] = cloud.puffs[i];
-    parts.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: cx + dx - w / 2,
-        top: cy + dy - h / 2,
-        width: w,
-        height: h,
-        borderRadius: h / 2,
-        backgroundColor: bodyColor
-      }
-    }, `${key}-b${i}`));
-  }
-  return parts;
-}
-
-/** [xFrac, yFrac (of the horizon), wing length]. */
-const GULLS = [[0.2, 0.42, 6], [0.3, 0.28, 5], [0.42, 0.52, 4]];
-
-/** [xFrac, base width, height, near?] — near peaks take peakNear. */
-const PEAKS = [[0.03, 120, 24, 1], [0.11, 96, 36, 0], [0.2, 140, 24, 1], [0.29, 76, 15, 0], [0.9, 96, 18, 1], [0.98, 130, 27, 0]];
-const SAILS = [[0.07, 6], [0.14, 4.5], [0.23, 5.5]];
-const SHORE_LIGHTS = [0.06, 0.13, 0.18, 0.26];
-
-// ============================================================================
-// The glade — glitter column under whichever body is up
-// ============================================================================
-
-/** Stride 4: depth, x jitter, width jitter, alpha jitter. */
-const GLADE_LAYERS = [{
-  count: 44,
-  seed: 0x3aa1
-}, {
-  count: 34,
-  seed: 0x77c2
-}, {
-  count: 26,
-  seed: 0xb4e9
-}];
-const GLADE_TABLES = GLADE_LAYERS.map(l => (0, _rng.scatter)(l.seed, l.count * 4));
-const ROW_STEP = 7;
-const GlitterLayer = /*#__PURE__*/(0, _react.memo)(function GlitterLayer({
-  layerIndex,
-  drive,
-  lightXFrac,
-  color,
-  alphaScale,
-  width,
-  height,
-  animated
-}) {
-  const sway = (0, _primitives.usePulse)(drive === "swayA" ? 9000 : 12500, animated && drive !== "breathe");
-  const breathe = (0, _primitives.usePulse)(6200, animated && drive === "breathe");
-  const lightX = width * lightXFrac;
-  const horizonY = height * HORIZON;
-  const layer = GLADE_LAYERS[layerIndex];
-  const table = GLADE_TABLES[layerIndex];
-  const blocks = [];
-  for (let i = 0; i < layer.count; i++) {
-    const d = table[i * 4];
-    const jx = table[i * 4 + 1];
-    const jw = table[i * 4 + 2];
-    const ja = table[i * 4 + 3];
-    const y = horizonY + 4 + d * (height - horizonY) * 0.94;
-    const halfSpread = width * (0.03 + d * 0.16);
-    const x = lightX + (jx - 0.5) * 2 * halfSpread;
-    const blockW = 6 + d * 26 + jw * 10;
-    const blockH = d < 0.3 ? 1 : d < 0.62 ? 2 : 3;
-    const arc = Math.sin(Math.PI * (0.12 + d * 0.82));
-    const centered = Math.max(0.25, 1 - Math.abs(jx - 0.5) * 1.4);
-    const alpha = (0.16 + arc * 0.48) * centered * (0.75 + ja * 0.25) * alphaScale;
-    if (alpha < 0.02) continue;
-    blocks.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: x - blockW / 2,
-        top: Math.round(y / ROW_STEP) * ROW_STEP,
-        width: blockW,
-        height: blockH,
-        borderRadius: 0.5,
-        backgroundColor: (0, _rng.withAlpha)(color, Math.min(1, alpha))
-      }
-    }, i));
-  }
-  const style = drive === "breathe" ? {
-    opacity: breathe.interpolate({
-      inputRange: [0, 1],
-      outputRange: [0.55, 1]
-    })
-  } : {
-    transform: [{
-      translateX: sway.interpolate({
-        inputRange: [0, 1],
-        outputRange: drive === "swayA" ? [-7, 7] : [6, -6]
-      })
-    }]
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [_absoluteFill.absoluteFill, style],
-    pointerEvents: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-      style: _absoluteFill.absoluteFill,
-      children: blocks
-    })
-  });
-});
-
-// ============================================================================
-// The scene
-// ============================================================================
-
-/** Progress 0..1 → position on the east→west arc. */
-function arcPos(progress, width, horizonY) {
-  return {
-    xFrac: 0.08 + 0.84 * progress,
-    x: width * (0.08 + 0.84 * progress),
-    y: horizonY - Math.sin(Math.PI * progress) * horizonY * 0.75,
-    altitude: Math.sin(Math.PI * progress)
-  };
-}
-const LiveSkyTunable = exports.LiveSkyTunable = /*#__PURE__*/(0, _react.memo)(function LiveSkyTunable({
-  clockMinutes,
-  ...props
-}) {
-  const {
-    width,
-    height,
-    animated
-  } = props;
-  const live = useMinuteClock(clockMinutes === undefined);
-  const minutes = workdaySceneMinutes(clockMinutes ?? live);
-  const p = paletteAt(minutes);
-  const horizonY = height * HORIZON;
-  // Light geometry is sized from the WINDOW so resizing the modal never
-  // swells or shrinks the blooms — only positions follow the modal.
-  const refW = _reactNative.Dimensions.get("window").width;
-
-  // Exactly one body is in its window at any minute (the windows adjoin at
-  // 06:30 and 19:00, where both sit half-set on opposite horizons).
-  const sunP = (minutes - SUN_RISE) / (SUN_SET - SUN_RISE);
-  const moonP = (minutes - SUN_SET + 1440) % 1440 / MOON_SPAN;
-  const sunUp = sunP >= 0 && sunP <= 1;
-  const moonUp = moonP >= 0 && moonP <= 1;
-  const sun = sunUp ? arcPos(sunP, width, horizonY) : null;
-  const moon = moonUp ? arcPos(moonP, width, horizonY) : null;
-  // The dominant body carries the bloom, the glade column and the cloud rims.
-  const dominant = sun && moon ? sun.altitude >= moon.altitude ? sun : moon : sun ?? moon;
-  const twinkle = (0, _primitives.usePulse)(7400, animated && p.starAlpha > 0.01);
-  const cloudDrift = (0, _primitives.usePulse)(26000, animated);
-  const twinkleOpacity = twinkle.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0.7, 1]
-  });
-  const cloudX = cloudDrift.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-8, 8]
-  });
-  const stars = [];
-  if (p.starAlpha > 0.01) {
-    for (let i = 0; i < SKY_STAR_COUNT; i++) {
-      const size = SKY_STARS[i * 3 + 2];
-      const dia = 1 + size * 1.3;
-      const x = SKY_STARS[i * 3] * width;
-      const y = SKY_STARS[i * 3 + 1] * horizonY * 0.92;
-      // Keep the sky clear around the current body so its bloom stays clean.
-      if (dominant && Math.hypot(x - dominant.x, y - dominant.y) < refW * 0.18) continue;
-      stars.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: x - dia / 2,
-          top: y - dia / 2,
-          width: dia,
-          height: dia,
-          borderRadius: dia / 2,
-          backgroundColor: (0, _rng.withAlpha)("#C9DAF0", (0.3 + size * 0.4) * p.starAlpha)
-        }
-      }, i));
-    }
-  }
-  const rimColor = (0, _rng.withAlpha)(p.cloudRim, p.cloudRimAlpha);
-  const clouds = CLOUDS.flatMap((cloud, i) => cloudPuffs(cloud, width * cloud.at[0], height * cloud.at[1], rimFor(cloud.at[0], dominant ? dominant.xFrac : null), rimColor, (0, _rng.withAlpha)(p.cloudBody, cloud.bodyAlpha * p.cloudBodyAlpha), `c${i}`));
-  const gulls = p.dayness > 0.03 ? GULLS.flatMap(([xf, yf, len], i) => {
-    const wing = {
-      position: "absolute",
-      top: horizonY * yf,
-      width: len,
-      height: 1.4,
-      borderRadius: 0.7,
-      backgroundColor: (0, _rng.withAlpha)("#123049", 0.75 * p.dayness)
-    };
-    const x = width * xf;
-    return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [wing, {
-        left: x - len,
-        transform: [{
-          rotate: "18deg"
-        }]
-      }]
-    }, `g${i}l`), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [wing, {
-        left: x,
-        transform: [{
-          rotate: "-18deg"
-        }]
-      }]
-    }, `g${i}r`)];
-  }) : [];
-  const mountains = PEAKS.map(([xf, wBase, h, near], i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      position: "absolute",
-      left: width * xf - wBase / 2,
-      top: horizonY - h,
-      width: 0,
-      height: 0,
-      borderLeftWidth: wBase / 2,
-      borderRightWidth: wBase / 2,
-      borderBottomWidth: h,
-      borderLeftColor: "transparent",
-      borderRightColor: "transparent",
-      borderBottomColor: near ? p.peakNear : p.peakFar
-    }
-  }, `m${i}`));
-  const sails = p.dayness > 0.03 ? SAILS.map(([xf, h], i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      position: "absolute",
-      left: width * xf,
-      top: horizonY - h,
-      width: 0,
-      height: 0,
-      borderLeftWidth: 2,
-      borderRightWidth: 2,
-      borderBottomWidth: h,
-      borderLeftColor: "transparent",
-      borderRightColor: "transparent",
-      borderBottomColor: (0, _rng.withAlpha)("#F2F8FC", 0.85 * p.dayness)
-    }
-  }, `s${i}`)) : [];
-  const nightness = 1 - p.dayness;
-  const lights = nightness > 0.03 ? SHORE_LIGHTS.map((xf, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      position: "absolute",
-      left: width * xf,
-      top: horizonY - 3,
-      width: 2,
-      height: 1.5,
-      backgroundColor: (0, _rng.withAlpha)("#E8D9A8", (0.55 + i % 2 * 0.2) * nightness)
-    }
-  }, `sl${i}`)) : [];
-
-  /** A body's disc (+ craters for the moon), drawn UNDER the sea rect so the
-   * horizon clips a rising or setting body for free. */
-  const disc = (pos, isMoon, key) => {
-    const dia = isMoon ? MOON_DIA : SUN_DIA;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: pos.x - dia / 2,
-        top: pos.y - dia / 2,
-        width: dia,
-        height: dia,
-        borderRadius: dia / 2,
-        // Fully opaque: any translucency lets the app behind the modal
-        // bleed through the brightest surface in the scene.
-        backgroundColor: isMoon ? "#EDF3FB" : p.disc,
-        overflow: "hidden"
-      },
-      children: isMoon ? CRATERS.map(([dx, dy, frac], i) => {
-        const d = dia * frac;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            left: dia / 2 + dx * dia - d / 2,
-            top: dia / 2 + dy * dia - d / 2,
-            width: d,
-            height: d,
-            borderRadius: d / 2,
-            backgroundColor: (0, _rng.withAlpha)("#9DB2C8", 0.32)
-          }
-        }, i);
-      }) : null
-    }, key);
-  };
-  return (
-    /*#__PURE__*/
-    // Clips: the blooms are window-sized, so a small modal crops the scene.
-    (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [_absoluteFill.absoluteFill, {
-        overflow: "hidden"
-      }],
-      pointerEvents: "none",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Base, {
-        color: p.skyTop
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: 0,
-          height: horizonY
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.LinearFade, {
-          color: p.skyHorizon,
-          from: 0,
-          to: p.skyHorizonAlpha,
-          direction: "down",
-          bands: 20,
-          flattenBase: p.skyTop
-        })
-      }), p.starAlpha > 0.01 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [_absoluteFill.absoluteFill, {
-          opacity: twinkleOpacity
-        }],
-        pointerEvents: "none",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-          style: _absoluteFill.absoluteFill,
-          children: stars
-        })
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [_absoluteFill.absoluteFill, {
-          transform: [{
-            translateX: cloudX
-          }]
-        }],
-        pointerEvents: "none",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.RasterLayer, {
-          style: _absoluteFill.absoluteFill,
-          children: [clouds, gulls]
-        })
-      }), dominant ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-          size: refW * 0.46,
-          color: p.bloom,
-          alpha: p.bloomAlpha,
-          rings: 20,
-          falloff: 1.9,
-          style: {
-            position: "absolute",
-            left: dominant.x - refW * 0.23,
-            top: dominant.y - refW * 0.23
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-          size: 118,
-          color: p.glow,
-          alpha: p.glowAlpha,
-          rings: 10,
-          falloff: 1.6,
-          style: {
-            position: "absolute",
-            left: dominant.x - 59,
-            top: dominant.y - 59
-          }
-        })]
-      }) : null, sun ? disc(sun, false, "sun") : null, moon ? disc(moon, true, "moon") : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY,
-          bottom: 0,
-          backgroundColor: p.seaColor
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY - 76,
-          height: 76
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.LinearFade, {
-          color: p.hazeBand,
-          from: 0,
-          to: p.hazeAlpha,
-          direction: "down",
-          bands: 12
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.RasterLayer, {
-        style: _absoluteFill.absoluteFill,
-        children: [mountains, sails, lights]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY,
-          height: 1,
-          backgroundColor: (0, _rng.withAlpha)(p.horizonLine, p.horizonLineAlpha)
-        }
-      }), dominant ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: dominant.x - width * 0.16,
-          top: horizonY,
-          width: width * 0.32,
-          height: 1,
-          backgroundColor: (0, _rng.withAlpha)(p.underLine, p.underLineAlpha)
-        }
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY,
-          bottom: 0
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.LinearFade, {
-          color: p.seaFade,
-          from: 0,
-          to: p.seaFadeAlpha,
-          direction: "down",
-          bands: 12
-        })
-      }), dominant ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-          layerIndex: 0,
-          drive: "swayA",
-          lightXFrac: dominant.xFrac,
-          color: p.glitter,
-          alphaScale: p.glitterAlpha,
-          ...props
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-          layerIndex: 1,
-          drive: "swayB",
-          lightXFrac: dominant.xFrac,
-          color: p.glitter,
-          alphaScale: p.glitterAlpha,
-          ...props
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-          layerIndex: 2,
-          drive: "breathe",
-          lightXFrac: dominant.xFrac,
-          color: p.glitter,
-          alphaScale: p.glitterAlpha,
-          ...props
-        })]
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Vignette, {
-        color: p.vignette,
-        alpha: 0.4,
-        spread: 0.34
-      })]
-    })
-  );
-});
-const LiveSky = exports.LiveSky = /*#__PURE__*/(0, _react.memo)(function LiveSky(props) {
-  // A non-null scrub (the switcher's slider) freezes the scene at that minute
-  // and stops the tick; LIVE clears it.
-  const scrub = (0, _skyClock.useSkyScrub)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LiveSkyTunable, {
-    ...props,
-    clockMinutes: scrub ?? undefined
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.LiveSkyTunable=exports.LiveSky=void 0;exports.workdaySceneMinutes=workdaySceneMinutes;var _react=require("react");var _reactNative=require("react-native");var _absoluteFill=require("../../../utils/absoluteFill.js");var _primitives=require("../primitives.js");var _rng=require("../rng.js");var _skyClock=require("../skyClock.js");var _jsxRuntime=require("react/jsx-runtime");const HORIZON=.46;const SUN_RISE=6.5*60;const SUN_SET=19*60;const MOON_SPAN=1440-(SUN_SET-SUN_RISE);const SUN_DIA=50;const MOON_DIA=56;const CRATERS=[[.24,-.12,.2],[-.16,.2,.13],[.08,.06,.1]];const NIGHT={skyTop:"#070C15",skyHorizon:"#040609",skyHorizonAlpha:1,seaColor:"#04070C",seaFade:"#010409",seaFadeAlpha:.5,hazeBand:"#17293F",hazeAlpha:.28,cloudRim:"#1D2A42",cloudRimAlpha:.35,cloudBody:"#070D18",cloudBodyAlpha:.94,peakNear:"#030609",peakFar:"#020408",glitter:"#CFE0F4",glitterAlpha:.95,bloom:"#A9C2DE",bloomAlpha:.15,glow:"#DCE8F6",glowAlpha:.34,disc:"#EDF3FB",horizonLine:"#9FB8D4",horizonLineAlpha:.12,underLine:"#C6DAF0",underLineAlpha:.32,vignette:"#020305",starAlpha:1,dayness:0};const DAWN={skyTop:"#12263E",skyHorizon:"#C4756B",skyHorizonAlpha:.5,seaColor:"#0C1E30",seaFade:"#03080F",seaFadeAlpha:.52,hazeBand:"#D98F7E",hazeAlpha:.34,cloudRim:"#F2A98C",cloudRimAlpha:.5,cloudBody:"#2E2B41",cloudBodyAlpha:.9,peakNear:"#1A2536",peakFar:"#131B29",glitter:"#F2C4A0",glitterAlpha:.8,bloom:"#FFB37A",bloomAlpha:.24,glow:"#FFD9B0",glowAlpha:.4,disc:"#FFE9C4",horizonLine:"#E8B49A",horizonLineAlpha:.24,underLine:"#FFD2A8",underLineAlpha:.4,vignette:"#080810",starAlpha:.35,dayness:.15};const SUNRISE={skyTop:"#27567D",skyHorizon:"#F2B26A",skyHorizonAlpha:.55,seaColor:"#12324C",seaFade:"#051220",seaFadeAlpha:.54,hazeBand:"#F2C08A",hazeAlpha:.36,cloudRim:"#FFDCB0",cloudRimAlpha:.6,cloudBody:"#7E88A6",cloudBodyAlpha:.88,peakNear:"#264A64",peakFar:"#1E3D54",glitter:"#FFD9A0",glitterAlpha:1.05,bloom:"#FFCE8A",bloomAlpha:.26,glow:"#FFE6C0",glowAlpha:.46,disc:"#FFF2D4",horizonLine:"#F5D2A4",horizonLineAlpha:.28,underLine:"#FFE0AE",underLineAlpha:.46,vignette:"#0A1420",starAlpha:0,dayness:.6};const DAY={skyTop:"#1C4E74",skyHorizon:"#A9CDE6",skyHorizonAlpha:.42,seaColor:"#16405E",seaFade:"#06192B",seaFadeAlpha:.55,hazeBand:"#CFE3F1",hazeAlpha:.3,cloudRim:"#FFFFFF",cloudRimAlpha:.6,cloudBody:"#C7DCEC",cloudBodyAlpha:.88,peakNear:"#2E5E80",peakFar:"#27516F",glitter:"#FFE9B0",glitterAlpha:1,bloom:"#FFE9B0",bloomAlpha:.18,glow:"#FFF4D2",glowAlpha:.42,disc:"#FFF9E6",horizonLine:"#E4F0F8",horizonLineAlpha:.2,underLine:"#FFEFC2",underLineAlpha:.42,vignette:"#0A2033",starAlpha:0,dayness:1};const GOLDEN={skyTop:"#31618B",skyHorizon:"#F5C26B",skyHorizonAlpha:.5,seaColor:"#1A3C58",seaFade:"#071626",seaFadeAlpha:.55,hazeBand:"#F2C888",hazeAlpha:.36,cloudRim:"#FFE0A8",cloudRimAlpha:.62,cloudBody:"#8FA3BC",cloudBodyAlpha:.88,peakNear:"#2A5070",peakFar:"#223F5A",glitter:"#FFCE7E",glitterAlpha:1.1,bloom:"#FFC26E",bloomAlpha:.24,glow:"#FFDCA0",glowAlpha:.48,disc:"#FFEDC2",horizonLine:"#F8D8A0",horizonLineAlpha:.28,underLine:"#FFD088",underLineAlpha:.48,vignette:"#0C1B2A",starAlpha:0,dayness:1};const SUNSET={skyTop:"#232F55",skyHorizon:"#E86A3C",skyHorizonAlpha:.6,seaColor:"#1E3049",seaFade:"#050A14",seaFadeAlpha:.55,hazeBand:"#F08A4A",hazeAlpha:.4,cloudRim:"#FFC48A",cloudRimAlpha:.65,cloudBody:"#3A2F45",cloudBodyAlpha:.9,peakNear:"#1C2438",peakFar:"#151C2C",glitter:"#FF9D5C",glitterAlpha:1.15,bloom:"#FF8A50",bloomAlpha:.3,glow:"#FFB27A",glowAlpha:.5,disc:"#FFD9A0",horizonLine:"#FFD2A0",horizonLineAlpha:.3,underLine:"#FFB070",underLineAlpha:.5,vignette:"#120A18",starAlpha:0,dayness:.4};const DUSK={skyTop:"#131B33",skyHorizon:"#7A4260",skyHorizonAlpha:.45,seaColor:"#0B1526",seaFade:"#02060E",seaFadeAlpha:.52,hazeBand:"#3A2C4E",hazeAlpha:.3,cloudRim:"#5A4668",cloudRimAlpha:.4,cloudBody:"#12141F",cloudBodyAlpha:.92,peakNear:"#0A1220",peakFar:"#070D18",glitter:"#D8C4D8",glitterAlpha:.8,bloom:"#C0A8C4",bloomAlpha:.18,glow:"#E4D2E4",glowAlpha:.36,disc:"#F2E4E8",horizonLine:"#B49CB4",horizonLineAlpha:.18,underLine:"#D0BCD0",underLineAlpha:.34,vignette:"#050408",starAlpha:.5,dayness:0};const KEYFRAMES=[[0,NIGHT],[300,NIGHT],[360,DAWN],[415,SUNRISE],[510,DAY],[1050,DAY],[1080,GOLDEN],[1130,SUNSET],[1180,DUSK],[1245,NIGHT],[1440,NIGHT]];function lerpPalette(o,l,t){const a={};for(const i of Object.keys(o)){const h=o[i];const p=l[i];a[i]=typeof h==="number"?h+(p-h)*t:(0,_rng.lerpColor)(h,p,t)}return a}function paletteAt(o){for(let l=0;l<KEYFRAMES.length-1;l++){const[t,a]=KEYFRAMES[l];const[i,h]=KEYFRAMES[l+1];if(o>=t&&o<=i){if(a===h||i===t)return a;return lerpPalette(a,h,(o-t)/(i-t))}}return NIGHT}const WORKDAY_ANCHORS=[[450,330],[540,420],[750,720],[990,1080],[1050,1130],[1140,1180],[1200,1260],[1890,1770]];function workdaySceneMinutes(o){let l=o;if(l<WORKDAY_ANCHORS[0][0])l+=1440;for(let t=0;t<WORKDAY_ANCHORS.length-1;t++){const[a,i]=WORKDAY_ANCHORS[t];const[h,p]=WORKDAY_ANCHORS[t+1];if(l>=a&&l<=h){return(i+(l-a)/(h-a)*(p-i))%1440}}return o}function nowMinutes(){const o=new Date;return o.getHours()*60+o.getMinutes()}function useMinuteClock(o){const[l,t]=(0,_react.useState)(nowMinutes);(0,_react.useEffect)(()=>{if(!o)return;let a=null;let i=null;const h=()=>{if(a)clearTimeout(a);if(i)clearInterval(i);a=i=null};const p=()=>{t(nowMinutes());const e=new Date;const r=6e4-(e.getSeconds()*1e3+e.getMilliseconds())+50;a=setTimeout(()=>{t(nowMinutes());i=setInterval(()=>t(nowMinutes()),6e4)},r)};p();const F=_reactNative.AppState.addEventListener("change",e=>{h();if(e==="active")p()});return()=>{h();F.remove()}},[o]);return l}const SKY_STAR_COUNT=22;const SKY_STARS=(0,_rng.scatter)(21175,SKY_STAR_COUNT*3);const CLOUDS=[{at:[.16,.3],puffs:[[-62,4,150,20],[-44,-8,62,24],[-4,-14,74,30],[38,-4,54,20]],bodyAlpha:1},{at:[.84,.37],puffs:[[-55,3,130,18],[-30,-8,56,22],[8,-13,64,27],[42,-3,44,17]],bodyAlpha:1},{at:[.46,.425],puffs:[[-40,2,96,13],[-12,-6,48,16],[22,-2,38,12]],bodyAlpha:.95}];function rimFor(o,l){if(l===null)return[0,-3.5];const t=Math.max(-4,Math.min(4,(l-o)*10));return[t,-3.5]}function cloudPuffs(o,l,t,a,i,h,p){const F=[];for(let e=0;e<o.puffs.length;e++){const[r,g,y,A]=o.puffs[e];F.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:l+r+a[0]-y/2,top:t+g+a[1]-A/2,width:y,height:A,borderRadius:A/2,backgroundColor:i}},`${p}-r${e}`))}for(let e=0;e<o.puffs.length;e++){const[r,g,y,A]=o.puffs[e];F.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:l+r-y/2,top:t+g-A/2,width:y,height:A,borderRadius:A/2,backgroundColor:h}},`${p}-b${e}`))}return F}const GULLS=[[.2,.42,6],[.3,.28,5],[.42,.52,4]];const PEAKS=[[.03,120,24,1],[.11,96,36,0],[.2,140,24,1],[.29,76,15,0],[.9,96,18,1],[.98,130,27,0]];const SAILS=[[.07,6],[.14,4.5],[.23,5.5]];const SHORE_LIGHTS=[.06,.13,.18,.26];const GLADE_LAYERS=[{count:44,seed:15009},{count:34,seed:30658},{count:26,seed:46313}];const GLADE_TABLES=GLADE_LAYERS.map(o=>(0,_rng.scatter)(o.seed,o.count*4));const ROW_STEP=7;const GlitterLayer=(0,_react.memo)(function o({layerIndex:l,drive:t,lightXFrac:a,color:i,alphaScale:h,width:p,height:F,animated:e}){const r=(0,_primitives.usePulse)(t==="swayA"?9e3:12500,e&&t!=="breathe");const g=(0,_primitives.usePulse)(6200,e&&t==="breathe");const y=p*a;const A=F*HORIZON;const D=GLADE_LAYERS[l];const C=GLADE_TABLES[l];const b=[];for(let n=0;n<D.count;n++){const w=C[n*4];const x=C[n*4+1];const j=C[n*4+2];const S=C[n*4+3];const E=A+4+w*(F-A)*.94;const v=p*(.03+w*.16);const T=y+(x-.5)*2*v;const L=6+w*26+j*10;const N=w<.3?1:w<.62?2:3;const _=Math.sin(Math.PI*(.12+w*.82));const B=Math.max(.25,1-Math.abs(x-.5)*1.4);const R=(.16+_*.48)*B*(.75+S*.25)*h;if(R<.02)continue;b.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:T-L/2,top:Math.round(E/ROW_STEP)*ROW_STEP,width:L,height:N,borderRadius:.5,backgroundColor:(0,_rng.withAlpha)(i,Math.min(1,R))}},n))}const m=t==="breathe"?{opacity:g.interpolate({inputRange:[0,1],outputRange:[.55,1]})}:{transform:[{translateX:r.interpolate({inputRange:[0,1],outputRange:t==="swayA"?[-7,7]:[6,-6]})}]};return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,m],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:b})})});function arcPos(o,l,t){return{xFrac:.08+.84*o,x:l*(.08+.84*o),y:t-Math.sin(Math.PI*o)*t*.75,altitude:Math.sin(Math.PI*o)}}const LiveSkyTunable=exports.LiveSkyTunable=(0,_react.memo)(function o({clockMinutes:l,...t}){const{width:a,height:i,animated:h}=t;const p=useMinuteClock(l===void 0);const F=workdaySceneMinutes(l??p);const e=paletteAt(F);const r=i*HORIZON;const g=_reactNative.Dimensions.get("window").width;const y=(F-SUN_RISE)/(SUN_SET-SUN_RISE);const A=(F-SUN_SET+1440)%1440/MOON_SPAN;const D=y>=0&&y<=1;const C=A>=0&&A<=1;const b=D?arcPos(y,a,r):null;const m=C?arcPos(A,a,r):null;const n=b&&m?b.altitude>=m.altitude?b:m:b??m;const w=(0,_primitives.usePulse)(7400,h&&e.starAlpha>.01);const x=(0,_primitives.usePulse)(26e3,h);const j=w.interpolate({inputRange:[0,1],outputRange:[.7,1]});const S=x.interpolate({inputRange:[0,1],outputRange:[-8,8]});const E=[];if(e.starAlpha>.01){for(let s=0;s<SKY_STAR_COUNT;s++){const c=SKY_STARS[s*3+2];const u=1+c*1.3;const d=SKY_STARS[s*3]*a;const f=SKY_STARS[s*3+1]*r*.92;if(n&&Math.hypot(d-n.x,f-n.y)<g*.18)continue;E.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:d-u/2,top:f-u/2,width:u,height:u,borderRadius:u/2,backgroundColor:(0,_rng.withAlpha)("#C9DAF0",(.3+c*.4)*e.starAlpha)}},s))}}const v=(0,_rng.withAlpha)(e.cloudRim,e.cloudRimAlpha);const T=CLOUDS.flatMap((s,c)=>cloudPuffs(s,a*s.at[0],i*s.at[1],rimFor(s.at[0],n?n.xFrac:null),v,(0,_rng.withAlpha)(e.cloudBody,s.bodyAlpha*e.cloudBodyAlpha),`c${c}`));const L=e.dayness>.03?GULLS.flatMap(([s,c,u],d)=>{const f={position:"absolute",top:r*c,width:u,height:1.4,borderRadius:.7,backgroundColor:(0,_rng.withAlpha)("#123049",.75*e.dayness)};const z=a*s;return[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[f,{left:z-u,transform:[{rotate:"18deg"}]}]},`g${d}l`),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[f,{left:z,transform:[{rotate:"-18deg"}]}]},`g${d}r`)]}):[];const N=PEAKS.map(([s,c,u,d],f)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:a*s-c/2,top:r-u,width:0,height:0,borderLeftWidth:c/2,borderRightWidth:c/2,borderBottomWidth:u,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:d?e.peakNear:e.peakFar}},`m${f}`));const _=e.dayness>.03?SAILS.map(([s,c],u)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:a*s,top:r-c,width:0,height:0,borderLeftWidth:2,borderRightWidth:2,borderBottomWidth:c,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:(0,_rng.withAlpha)("#F2F8FC",.85*e.dayness)}},`s${u}`)):[];const B=1-e.dayness;const R=B>.03?SHORE_LIGHTS.map((s,c)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:a*s,top:r-3,width:2,height:1.5,backgroundColor:(0,_rng.withAlpha)("#E8D9A8",(.55+c%2*.2)*B)}},`sl${c}`)):[];const H=(s,c,u)=>{const d=c?MOON_DIA:SUN_DIA;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:s.x-d/2,top:s.y-d/2,width:d,height:d,borderRadius:d/2,backgroundColor:c?"#EDF3FB":e.disc,overflow:"hidden"},children:c?CRATERS.map(([f,z,M],V)=>{const k=d*M;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:d/2+f*d-k/2,top:d/2+z*d-k/2,width:k,height:k,borderRadius:k/2,backgroundColor:(0,_rng.withAlpha)("#9DB2C8",.32)}},V)}):null},u)};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_absoluteFill.absoluteFill,{overflow:"hidden"}],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_primitives.Base,{color:e.skyTop}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:0,height:r},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:e.skyHorizon,from:0,to:e.skyHorizonAlpha,direction:"down",bands:20,flattenBase:e.skyTop})}),e.starAlpha>.01?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{opacity:j}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:E})}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{transform:[{translateX:S}]}],pointerEvents:"none",children:(0,_jsxRuntime.jsxs)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:[T,L]})}),n?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:g*.46,color:e.bloom,alpha:e.bloomAlpha,rings:20,falloff:1.9,style:{position:"absolute",left:n.x-g*.23,top:n.y-g*.23}}),(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:118,color:e.glow,alpha:e.glowAlpha,rings:10,falloff:1.6,style:{position:"absolute",left:n.x-59,top:n.y-59}})]}):null,b?H(b,false,"sun"):null,m?H(m,true,"moon"):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:r,bottom:0,backgroundColor:e.seaColor}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:r-76,height:76},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:e.hazeBand,from:0,to:e.hazeAlpha,direction:"down",bands:12})}),(0,_jsxRuntime.jsxs)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:[N,_,R]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:r,height:1,backgroundColor:(0,_rng.withAlpha)(e.horizonLine,e.horizonLineAlpha)}}),n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:n.x-a*.16,top:r,width:a*.32,height:1,backgroundColor:(0,_rng.withAlpha)(e.underLine,e.underLineAlpha)}}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:r,bottom:0},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:e.seaFade,from:0,to:e.seaFadeAlpha,direction:"down",bands:12})}),n?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(GlitterLayer,{layerIndex:0,drive:"swayA",lightXFrac:n.xFrac,color:e.glitter,alphaScale:e.glitterAlpha,...t}),(0,_jsxRuntime.jsx)(GlitterLayer,{layerIndex:1,drive:"swayB",lightXFrac:n.xFrac,color:e.glitter,alphaScale:e.glitterAlpha,...t}),(0,_jsxRuntime.jsx)(GlitterLayer,{layerIndex:2,drive:"breathe",lightXFrac:n.xFrac,color:e.glitter,alphaScale:e.glitterAlpha,...t})]}):null,(0,_jsxRuntime.jsx)(_primitives.Vignette,{color:e.vignette,alpha:.4,spread:.34})]})});const LiveSky=exports.LiveSky=(0,_react.memo)(function o(l){const t=(0,_skyClock.useSkyScrub)();return(0,_jsxRuntime.jsx)(LiveSkyTunable,{...l,clockMinutes:t??void 0})});