@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/commonjs/ui/backgrounds/rng.js

@@ -1,93 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.flattenOver = flattenOver;
-exports.lerpColor = lerpColor;
-exports.mulberry32 = mulberry32;
-exports.scatter = scatter;
-exports.withAlpha = withAlpha;
-/**
- * Deterministic scatter tables for the tool backgrounds.
- *
- * Every preset needs a pile of "random" positions, sizes and phases. Those are
- * generated ONCE at module load from a fixed seed and frozen, so:
- *   - the same seed always paints the same field (screenshots are stable, and
- *     two tools showing the same background look identical),
- *   - no allocation happens on mount or on any re-render — the presets only
- *     read these arrays.
- *
- * Ported from the seeded field in the Everlights starfield (mulberry32).
- */
-
-function mulberry32(seed) {
-  return () => {
-    seed = seed + 0x6d2b79f5 | 0;
-    let t = Math.imul(seed ^ seed >>> 15, 1 | seed);
-    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-  };
-}
-
-/** `count` numbers in [0,1) from `seed`. */
-function scatter(seed, count) {
-  const rnd = mulberry32(seed >>> 0);
-  const out = new Array(count);
-  for (let i = 0; i < count; i++) out[i] = rnd();
-  return out;
-}
-
-/** `#RRGGBB` (or `#RGB`) + alpha 0..1 → `rgba(...)`. */
-function withAlpha(hex, alpha) {
-  let h = hex.replace("#", "");
-  if (h.length === 3) h = h[0] + h[0] + h[1] + h[1] + h[2] + h[2];
-  const n = parseInt(h, 16);
-  const r = n >> 16 & 255;
-  const g = n >> 8 & 255;
-  const b = n & 255;
-  const a = alpha < 0 ? 0 : alpha > 1 ? 1 : alpha;
-  return `rgba(${r},${g},${b},${a.toFixed(3)})`;
-}
-
-/**
- * RGB lerp between two `#RRGGBB` (or `#RGB`) colours, returned as `#RRGGBB`.
- * Used by Live Sky to blend palette keyframes; at minute-sized steps a plain
- * RGB lerp is indistinguishable from anything fancier.
- */
-function lerpColor(a, b, t) {
-  const parse = h => {
-    let v = h.replace("#", "");
-    if (v.length === 3) v = v[0] + v[0] + v[1] + v[1] + v[2] + v[2];
-    const n = parseInt(v, 16);
-    return [n >> 16 & 255, n >> 8 & 255, n & 255];
-  };
-  const [ar, ag, ab] = parse(a);
-  const [br, bg, bb] = parse(b);
-  const c = t < 0 ? 0 : t > 1 ? 1 : t;
-  const mix = (x, y) => Math.round(x + (y - x) * c);
-  const hex = n => n.toString(16).padStart(2, "0");
-  return `#${hex(mix(ar, br))}${hex(mix(ag, bg))}${hex(mix(ab, bb))}`;
-}
-
-/**
- * `hex` at `alpha` composited over an opaque `base`, returned as an OPAQUE
- * colour.
- *
- * Over a known backdrop this is pixel-identical to drawing the translucent
- * colour — the GPU just doesn't have to blend it. Only valid where nothing
- * else sits between the layer and `base`.
- */
-function flattenOver(hex, alpha, base) {
-  const parse = h => {
-    let v = h.replace("#", "");
-    if (v.length === 3) v = v[0] + v[0] + v[1] + v[1] + v[2] + v[2];
-    const n = parseInt(v, 16);
-    return [n >> 16 & 255, n >> 8 & 255, n & 255];
-  };
-  const [r, g, b] = parse(hex);
-  const [br, bg, bb] = parse(base);
-  const a = alpha < 0 ? 0 : alpha > 1 ? 1 : alpha;
-  const mix = (c, bc) => Math.round(c * a + bc * (1 - a));
-  return `rgb(${mix(r, br)},${mix(g, bg)},${mix(b, bb)})`;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.flattenOver=flattenOver;exports.lerpColor=lerpColor;exports.mulberry32=mulberry32;exports.scatter=scatter;exports.withAlpha=withAlpha;function mulberry32(o){return()=>{o=o+1831565813|0;let t=Math.imul(o^o>>>15,1|o);t=t+Math.imul(t^t>>>7,61|t)^t;return((t^t>>>14)>>>0)/4294967296}}function scatter(o,t){const n=mulberry32(o>>>0);const c=new Array(t);for(let s=0;s<t;s++)c[s]=n();return c}function withAlpha(o,t){let n=o.replace("#","");if(n.length===3)n=n[0]+n[0]+n[1]+n[1]+n[2]+n[2];const c=parseInt(n,16);const s=c>>16&255;const a=c>>8&255;const i=c&255;const b=t<0?0:t>1?1:t;return`rgba(${s},${a},${i},${b.toFixed(3)})`}function lerpColor(o,t,n){const c=r=>{let e=r.replace("#","");if(e.length===3)e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2];const x=parseInt(e,16);return[x>>16&255,x>>8&255,x&255]};const[s,a,i]=c(o);const[b,f,g]=c(t);const p=n<0?0:n>1?1:n;const u=(r,e)=>Math.round(r+(e-r)*p);const l=r=>r.toString(16).padStart(2,"0");return`#${l(u(s,b))}${l(u(a,f))}${l(u(i,g))}`}function flattenOver(o,t,n){const c=l=>{let r=l.replace("#","");if(r.length===3)r=r[0]+r[0]+r[1]+r[1]+r[2]+r[2];const e=parseInt(r,16);return[e>>16&255,e>>8&255,e&255]};const[s,a,i]=c(o);const[b,f,g]=c(n);const p=t<0?0:t>1?1:t;const u=(l,r)=>Math.round(l*p+r*(1-p));return`rgb(${u(s,b)},${u(a,f)},${u(i,g)})`}

package/lib/commonjs/ui/backgrounds/skyClock.js

@@ -1,45 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSkyScrub = getSkyScrub;
-exports.setSkyScrub = setSkyScrub;
-exports.useSkyScrub = useSkyScrub;
-var _react = require("react");
-/**
- * The Live Sky scrub clock.
- *
- * `null` means "live" — the Live Sky preset follows the real local clock. A
- * number (minutes since midnight, quantized by the slider) freezes the scene
- * at that time of day so the whole cycle can be scrubbed through by hand.
- *
- * Deliberately NOT part of `backgroundStore`: the variant itself has to read
- * this, and a variant importing the store would close an import cycle through
- * the registry (store → registry → variant → store). It is also deliberately
- * not persisted — a scrub is a preview gesture, not a setting.
- */
-
-let scrub = null;
-const listeners = new Set();
-function getSkyScrub() {
-  return scrub;
-}
-function setSkyScrub(value) {
-  if (value === scrub) return;
-  scrub = value;
-  for (const listener of listeners) listener();
-}
-
-/** Subscribe a component to the scrub value. */
-function useSkyScrub() {
-  const [value, setValue] = (0, _react.useState)(scrub);
-  (0, _react.useEffect)(() => {
-    const listener = () => setValue(scrub);
-    listeners.add(listener);
-    return () => {
-      listeners.delete(listener);
-    };
-  }, []);
-  return value;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getSkyScrub=getSkyScrub;exports.setSkyScrub=setSkyScrub;exports.useSkyScrub=useSkyScrub;var _react=require("react");let scrub=null;const listeners=new Set;function getSkyScrub(){return scrub}function setSkyScrub(e){if(e===scrub)return;scrub=e;for(const t of listeners)t()}function useSkyScrub(){const[e,t]=(0,_react.useState)(scrub);(0,_react.useEffect)(()=>{const r=()=>t(scrub);listeners.add(r);return()=>{listeners.delete(r)}},[]);return e}

package/lib/commonjs/ui/backgrounds/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";

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

@@ -1,453 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DaylightTunable = exports.Daylight = void 0;
-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 _jsxRuntime = require("react/jsx-runtime");
-/**
- * Daylight — the Moonlight cove at midday.
- *
- * The same composition as ../variants/moonlight.tsx translated to day: the sun
- * where the moon sat, in a warm bloom (no craters — an opaque disc with a hot
- * inner glow), white clouds whose sunlit tops use the same rim-then-body
- * occlusion trick, HAZY blue mountains instead of black silhouettes (daylight
- * scatters — far ridges go pale, they don't go dark), gulls where the stars
- * were, tiny sails where the shore lights were, and the glade re-cut as golden
- * sun glitter. The sky inverts too: deep blue at the zenith paling into haze at
- * the horizon, where night dies out the opposite way.
- *
- * Same contract as ../README.md: native-driven loops only, static geometry
- * rasterized, scatter tables at module load, light geometry sized from the
- * WINDOW (never the modal — resizing crops, it doesn't stretch).
- */
-
-/** Zenith blue — the base coat IS the top of the sky. */
-const BASE_COLOR = "#1C4E74";
-const SEA_COLOR = "#16405E";
-const HORIZON = 0.46;
-const SUN_X = 0.72;
-const SUN_Y = 0.17;
-const SUN_DIA = 50;
-
-// ============================================================================
-// Clouds — white banks with a sunlit top edge
-// ============================================================================
-
-/** Same shape as Moonlight's CloudSpec; see there for the rim/body trick. */
-
-const CLOUDS = [{
-  at: [0.16, 0.3],
-  puffs: [[-62, 4, 150, 20], [-44, -8, 62, 24], [-4, -14, 74, 30], [38, -4, 54, 20]],
-  rim: [4, -3.5],
-  bodyAlpha: 0.88
-}, {
-  at: [0.84, 0.37],
-  puffs: [[-55, 3, 130, 18], [-30, -8, 56, 22], [8, -13, 64, 27], [42, -3, 44, 17]],
-  rim: [-2, -4],
-  bodyAlpha: 0.88
-}, {
-  at: [0.46, 0.425],
-  puffs: [[-40, 2, 96, 13], [-12, -6, 48, 16], [22, -2, 38, 12]],
-  rim: [3, -3],
-  bodyAlpha: 0.84
-}];
-function cloudPuffs(cloud, cx, cy, key) {
-  const parts = [];
-  // Pass 1: the sunlit rim — pure white, mostly occluded by the body.
-  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 + cloud.rim[0] - w / 2,
-        top: cy + dy + cloud.rim[1] - h / 2,
-        width: w,
-        height: h,
-        borderRadius: h / 2,
-        backgroundColor: (0, _rng.withAlpha)("#FFFFFF", 0.6)
-      }
-    }, `${key}-r${i}`));
-  }
-  // Pass 2: the body — soft blue-white, shadowed relative to the rim.
-  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: (0, _rng.withAlpha)("#C7DCEC", cloud.bodyAlpha)
-      }
-    }, `${key}-b${i}`));
-  }
-  return parts;
-}
-
-// ============================================================================
-// Gulls — where Moonlight's stars were
-// ============================================================================
-
-/** [xFrac, yFrac (of the horizon), wing length] — kept clear of the sun. */
-const GULLS = [[0.2, 0.42, 6], [0.3, 0.28, 5], [0.42, 0.52, 4]];
-
-/** Two rotated bars in a shallow V read as a distant gull. */
-function gullWings(x, y, len, key) {
-  const wing = {
-    position: "absolute",
-    top: y,
-    width: len,
-    height: 1.4,
-    borderRadius: 0.7,
-    backgroundColor: (0, _rng.withAlpha)("#123049", 0.75)
-  };
-  return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [wing, {
-      left: x - len,
-      transform: [{
-        rotate: "18deg"
-      }]
-    }]
-  }, `${key}-l`), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [wing, {
-      left: x,
-      transform: [{
-        rotate: "-18deg"
-      }]
-    }]
-  }, `${key}-r`)];
-}
-
-// ============================================================================
-// Mountains — hazy blue range on the horizon
-// ============================================================================
-
-/** [xFrac, base width, height, color] — daylight haze, not silhouette black. */
-const PEAKS = [[0.03, 120, 24, "#2E5E80"], [0.11, 96, 36, "#27516F"], [0.2, 140, 24, "#2E5E80"], [0.29, 76, 15, "#27516F"], [0.9, 96, 18, "#2E5E80"], [0.98, 130, 27, "#27516F"]];
-
-/** Tiny sails on the horizon where the night version had shore lights. */
-const SAILS = [[0.07, 6], [0.14, 4.5], [0.23, 5.5]];
-
-// ============================================================================
-// Water blocks — the glitter path
-// ============================================================================
-
-/** Stride 4: depth, x jitter, width jitter, alpha jitter. New seeds — a new
- * day gets its own water. */
-const GLADE_LAYERS = [{
-  count: 44,
-  seed: 0x5d41
-}, {
-  count: 34,
-  seed: 0x91c3
-}, {
-  count: 26,
-  seed: 0xc7f5
-}];
-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({
-  indices,
-  drive,
-  scale,
-  raster,
-  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 sunX = width * SUN_X;
-  const horizonY = height * HORIZON;
-  const blocks = [];
-  for (const li of indices) {
-    const layer = GLADE_LAYERS[li];
-    const count = Math.round(layer.count * scale);
-    const table = scale === 1 ? GLADE_TABLES[li] : (0, _rng.scatter)(layer.seed, count * 4);
-    for (let i = 0; i < 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 = sunX + (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.2 + arc * 0.5) * centered * (0.75 + ja * 0.25);
-      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)("#FFE9B0", alpha)
-        }
-      }, `${li}-${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,
-      raster: raster,
-      children: blocks
-    })
-  });
-});
-
-// ============================================================================
-// The scene
-// ============================================================================
-
-const DaylightTunable = exports.DaylightTunable = /*#__PURE__*/(0, _react.memo)(function DaylightTunable({
-  gladeScale = 1,
-  fusedGlade = false,
-  raster = true,
-  chrome = true,
-  ...props
-}) {
-  const {
-    width,
-    height,
-    animated
-  } = props;
-  const cloudDrift = (0, _primitives.usePulse)(26000, animated);
-  const cloudX = cloudDrift.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-8, 8]
-  });
-  const sunX = width * SUN_X;
-  const sunY = height * SUN_Y;
-  const horizonY = height * HORIZON;
-  // Light geometry is sized from the WINDOW so resizing the modal never
-  // swells or shrinks the sun's bloom — only positions follow the modal.
-  const refW = _reactNative.Dimensions.get("window").width;
-  const gulls = GULLS.flatMap(([xf, yf, len], i) => gullWings(width * xf, horizonY * yf, len, `g${i}`));
-  const clouds = CLOUDS.flatMap((cloud, i) => cloudPuffs(cloud, width * cloud.at[0], height * cloud.at[1], `c${i}`));
-  const mountains = PEAKS.map(([xf, wBase, h, color], 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: color
-    }
-  }, `m${i}`));
-  const sails = 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)
-    }
-  }, `s${i}`));
-  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: BASE_COLOR
-      }), /*#__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: "#A9CDE6",
-          from: 0,
-          to: 0.42,
-          direction: "down",
-          bands: 20,
-          flattenBase: BASE_COLOR
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY,
-          bottom: 0,
-          backgroundColor: SEA_COLOR
-        }
-      }), /*#__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]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-        size: refW * 0.5,
-        color: "#FFE9B0",
-        alpha: 0.18,
-        rings: 20,
-        falloff: 1.9,
-        style: {
-          position: "absolute",
-          left: sunX - refW * 0.25,
-          top: sunY - refW * 0.25
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-        size: 120,
-        color: "#FFF4D2",
-        alpha: 0.42,
-        rings: 10,
-        falloff: 1.6,
-        style: {
-          position: "absolute",
-          left: sunX - 60,
-          top: sunY - 60
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: sunX - SUN_DIA / 2,
-          top: sunY - SUN_DIA / 2,
-          width: SUN_DIA,
-          height: SUN_DIA,
-          borderRadius: SUN_DIA / 2,
-          // Fully opaque: any translucency lets the app behind the modal
-          // bleed through the brightest surface in the scene.
-          backgroundColor: "#FFF9E6"
-        }
-      }), chrome ? /*#__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: "#CFE3F1",
-          from: 0,
-          to: 0.3,
-          direction: "down",
-          bands: 12
-        })
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.RasterLayer, {
-        style: _absoluteFill.absoluteFill,
-        children: [mountains, sails]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY,
-          height: 1,
-          backgroundColor: (0, _rng.withAlpha)("#E4F0F8", 0.2)
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: sunX - width * 0.16,
-          top: horizonY,
-          width: width * 0.32,
-          height: 1,
-          backgroundColor: (0, _rng.withAlpha)("#FFEFC2", 0.42)
-        }
-      }), chrome ? /*#__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: "#06192B",
-          from: 0,
-          to: 0.55,
-          direction: "down",
-          bands: 12
-        })
-      }) : null, fusedGlade ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-        indices: [0, 1, 2],
-        drive: "swayA",
-        scale: gladeScale,
-        raster: raster,
-        ...props
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-          indices: [0],
-          drive: "swayA",
-          scale: gladeScale,
-          raster: raster,
-          ...props
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-          indices: [1],
-          drive: "swayB",
-          scale: gladeScale,
-          raster: raster,
-          ...props
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitterLayer, {
-          indices: [2],
-          drive: "breathe",
-          scale: gladeScale,
-          raster: raster,
-          ...props
-        })]
-      }), chrome ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Vignette, {
-        color: "#0A2033",
-        alpha: 0.4,
-        spread: 0.34
-      }) : null]
-    })
-  );
-});
-const Daylight = exports.Daylight = /*#__PURE__*/(0, _react.memo)(function Daylight(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DaylightTunable, {
-    ...props
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DaylightTunable=exports.Daylight=void 0;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 _jsxRuntime=require("react/jsx-runtime");const BASE_COLOR="#1C4E74";const SEA_COLOR="#16405E";const HORIZON=.46;const SUN_X=.72;const SUN_Y=.17;const SUN_DIA=50;const CLOUDS=[{at:[.16,.3],puffs:[[-62,4,150,20],[-44,-8,62,24],[-4,-14,74,30],[38,-4,54,20]],rim:[4,-3.5],bodyAlpha:.88},{at:[.84,.37],puffs:[[-55,3,130,18],[-30,-8,56,22],[8,-13,64,27],[42,-3,44,17]],rim:[-2,-4],bodyAlpha:.88},{at:[.46,.425],puffs:[[-40,2,96,13],[-12,-6,48,16],[22,-2,38,12]],rim:[3,-3],bodyAlpha:.84}];function cloudPuffs(e,i,r,n){const l=[];for(let t=0;t<e.puffs.length;t++){const[s,u,d,c]=e.puffs[t];l.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:i+s+e.rim[0]-d/2,top:r+u+e.rim[1]-c/2,width:d,height:c,borderRadius:c/2,backgroundColor:(0,_rng.withAlpha)("#FFFFFF",.6)}},`${n}-r${t}`))}for(let t=0;t<e.puffs.length;t++){const[s,u,d,c]=e.puffs[t];l.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:i+s-d/2,top:r+u-c/2,width:d,height:c,borderRadius:c/2,backgroundColor:(0,_rng.withAlpha)("#C7DCEC",e.bodyAlpha)}},`${n}-b${t}`))}return l}const GULLS=[[.2,.42,6],[.3,.28,5],[.42,.52,4]];function gullWings(e,i,r,n){const l={position:"absolute",top:i,width:r,height:1.4,borderRadius:.7,backgroundColor:(0,_rng.withAlpha)("#123049",.75)};return[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l,{left:e-r,transform:[{rotate:"18deg"}]}]},`${n}-l`),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l,{left:e,transform:[{rotate:"-18deg"}]}]},`${n}-r`)]}const PEAKS=[[.03,120,24,"#2E5E80"],[.11,96,36,"#27516F"],[.2,140,24,"#2E5E80"],[.29,76,15,"#27516F"],[.9,96,18,"#2E5E80"],[.98,130,27,"#27516F"]];const SAILS=[[.07,6],[.14,4.5],[.23,5.5]];const GLADE_LAYERS=[{count:44,seed:23873},{count:34,seed:37315},{count:26,seed:51189}];const GLADE_TABLES=GLADE_LAYERS.map(e=>(0,_rng.scatter)(e.seed,e.count*4));const ROW_STEP=7;const GlitterLayer=(0,_react.memo)(function e({indices:i,drive:r,scale:n,raster:l,width:t,height:s,animated:u}){const d=(0,_primitives.usePulse)(r==="swayA"?9e3:12500,u&&r!=="breathe");const c=(0,_primitives.usePulse)(6200,u&&r==="breathe");const m=t*SUN_X;const f=s*HORIZON;const w=[];for(const g of i){const j=GLADE_LAYERS[g];const F=Math.round(j.count*n);const y=n===1?GLADE_TABLES[g]:(0,_rng.scatter)(j.seed,F*4);for(let p=0;p<F;p++){const o=y[p*4];const a=y[p*4+1];const b=y[p*4+2];const x=y[p*4+3];const A=f+4+o*(s-f)*.94;const R=t*(.03+o*.16);const C=m+(a-.5)*2*R;const E=6+o*26+b*10;const L=o<.3?1:o<.62?2:3;const V=Math.sin(Math.PI*(.12+o*.82));const D=Math.max(.25,1-Math.abs(a-.5)*1.4);const v=(.2+V*.5)*D*(.75+x*.25);w.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:C-E/2,top:Math.round(A/ROW_STEP)*ROW_STEP,width:E,height:L,borderRadius:.5,backgroundColor:(0,_rng.withAlpha)("#FFE9B0",v)}},`${g}-${p}`))}}const h=r==="breathe"?{opacity:c.interpolate({inputRange:[0,1],outputRange:[.55,1]})}:{transform:[{translateX:d.interpolate({inputRange:[0,1],outputRange:r==="swayA"?[-7,7]:[6,-6]})}]};return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,h],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,raster:l,children:w})})});const DaylightTunable=exports.DaylightTunable=(0,_react.memo)(function e({gladeScale:i=1,fusedGlade:r=false,raster:n=true,chrome:l=true,...t}){const{width:s,height:u,animated:d}=t;const c=(0,_primitives.usePulse)(26e3,d);const m=c.interpolate({inputRange:[0,1],outputRange:[-8,8]});const f=s*SUN_X;const w=u*SUN_Y;const h=u*HORIZON;const g=_reactNative.Dimensions.get("window").width;const j=GULLS.flatMap(([o,a,b],x)=>gullWings(s*o,h*a,b,`g${x}`));const F=CLOUDS.flatMap((o,a)=>cloudPuffs(o,s*o.at[0],u*o.at[1],`c${a}`));const y=PEAKS.map(([o,a,b,x],A)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:s*o-a/2,top:h-b,width:0,height:0,borderLeftWidth:a/2,borderRightWidth:a/2,borderBottomWidth:b,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:x}},`m${A}`));const p=SAILS.map(([o,a],b)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:s*o,top:h-a,width:0,height:0,borderLeftWidth:2,borderRightWidth:2,borderBottomWidth:a,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:(0,_rng.withAlpha)("#F2F8FC",.85)}},`s${b}`));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_absoluteFill.absoluteFill,{overflow:"hidden"}],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_primitives.Base,{color:BASE_COLOR}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:0,height:h},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:"#A9CDE6",from:0,to:.42,direction:"down",bands:20,flattenBase:BASE_COLOR})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:h,bottom:0,backgroundColor:SEA_COLOR}}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{transform:[{translateX:m}]}],pointerEvents:"none",children:(0,_jsxRuntime.jsxs)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:[F,j]})}),(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:g*.5,color:"#FFE9B0",alpha:.18,rings:20,falloff:1.9,style:{position:"absolute",left:f-g*.25,top:w-g*.25}}),(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:120,color:"#FFF4D2",alpha:.42,rings:10,falloff:1.6,style:{position:"absolute",left:f-60,top:w-60}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:f-SUN_DIA/2,top:w-SUN_DIA/2,width:SUN_DIA,height:SUN_DIA,borderRadius:SUN_DIA/2,backgroundColor:"#FFF9E6"}}),l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:h-76,height:76},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:"#CFE3F1",from:0,to:.3,direction:"down",bands:12})}):null,(0,_jsxRuntime.jsxs)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:[y,p]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:h,height:1,backgroundColor:(0,_rng.withAlpha)("#E4F0F8",.2)}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:f-s*.16,top:h,width:s*.32,height:1,backgroundColor:(0,_rng.withAlpha)("#FFEFC2",.42)}}),l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:h,bottom:0},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:"#06192B",from:0,to:.55,direction:"down",bands:12})}):null,r?(0,_jsxRuntime.jsx)(GlitterLayer,{indices:[0,1,2],drive:"swayA",scale:i,raster:n,...t}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(GlitterLayer,{indices:[0],drive:"swayA",scale:i,raster:n,...t}),(0,_jsxRuntime.jsx)(GlitterLayer,{indices:[1],drive:"swayB",scale:i,raster:n,...t}),(0,_jsxRuntime.jsx)(GlitterLayer,{indices:[2],drive:"breathe",scale:i,raster:n,...t})]}),l?(0,_jsxRuntime.jsx)(_primitives.Vignette,{color:"#0A2033",alpha:.4,spread:.34}):null]})});const Daylight=exports.Daylight=(0,_react.memo)(function e(i){return(0,_jsxRuntime.jsx)(DaylightTunable,{...i})});