@buoy-gg/shared-ui 7.0.41 → 7.0.43

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

@@ -1,472 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MoonlightTunable = exports.Moonlight = 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");
-/**
- * Moonlight — moon over a still sea, the glade shimmering below.
- *
- * Composed like the pixel-art seascape it's modelled on: a night-sky
- * gradient with breathing stars, cloud banks with moonlit top edges, a
- * cratered moon in a TIGHT bloom (many rings at steep falloff — a big
- * 8-ring glow shows its rings as visible circles), mountain silhouettes with
- * a few shore lights on the horizon, and a glade built from chunky
- * row-quantized water blocks — brightest mid-glade, thinning at the horizon
- * and toward the viewer.
- *
- * Same contract as ../README.md: native-driven loops only, static geometry
- * rasterized, scatter tables at module load, geometry sized from the WINDOW
- * (never the modal — resizing crops, it doesn't stretch). Per-dash rands come
- * off ONE stream in a fixed stride (the Deep Field lesson).
- */
-
-const BASE_COLOR = "#040609";
-const HORIZON = 0.46;
-const MOON_X = 0.72;
-const MOON_Y = 0.17;
-const MOON_DIA = 56;
-
-/** Craters as fractions of the moon: [dx, dy, dia] of MOON_DIA. */
-const CRATERS = [[0.24, -0.12, 0.2], [-0.16, 0.2, 0.13], [0.08, 0.06, 0.1]];
-
-/** Stride 3: x, y, size. */
-const SKY_STAR_COUNT = 22;
-const SKY_STARS = (0, _rng.scatter)(0x52b7, SKY_STAR_COUNT * 3);
-
-// ============================================================================
-// Clouds — dark banks with a moonlit top edge
-// ============================================================================
-
-/**
- * A cloud is a row of overlapping ellipses; the lit rim is the SAME puffs in
- * a lighter colour, drawn first and offset up toward the moon, so the body
- * occludes all of it except a moonlit sliver along the top.
- */
-
-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.94
-}, {
-  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.94
-}, {
-  at: [0.46, 0.425],
-  puffs: [[-40, 2, 96, 13], [-12, -6, 48, 16], [22, -2, 38, 12]],
-  rim: [3, -3],
-  bodyAlpha: 0.9
-}];
-function cloudPuffs(cloud, cx, cy, key) {
-  const parts = [];
-  // Pass 1: the lit rim (drawn first, mostly hidden 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)("#1D2A42", 0.35)
-      }
-    }, `${key}-r${i}`));
-  }
-  // Pass 2: 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 - w / 2,
-        top: cy + dy - h / 2,
-        width: w,
-        height: h,
-        borderRadius: h / 2,
-        backgroundColor: (0, _rng.withAlpha)("#070D18", cloud.bodyAlpha)
-      }
-    }, `${key}-b${i}`));
-  }
-  return parts;
-}
-
-// ============================================================================
-// Mountains — silhouette range on the horizon
-// ============================================================================
-
-/** [xFrac, base width, height, color] — border-trick triangles. */
-const PEAKS = [[0.03, 120, 24, "#030609"], [0.11, 96, 36, "#020408"], [0.2, 140, 24, "#030609"], [0.29, 76, 15, "#020408"], [0.9, 96, 18, "#030609"], [0.98, 130, 27, "#020408"]];
-
-/** Tiny warm shore lights at the foot of the range: xFrac positions. */
-const SHORE_LIGHTS = [0.06, 0.13, 0.18, 0.26];
-
-// ============================================================================
-// Water blocks — the glade
-// ============================================================================
-
-/** 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));
-
-/** Quantizing block rows to this grid is what makes them read as ripples. */
-const ROW_STEP = 7;
-const GladeLayer = /*#__PURE__*/(0, _react.memo)(function GladeLayer({
-  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 moonX = width * MOON_X;
-  const horizonY = height * HORIZON;
-  const blocks = [];
-  for (const li of indices) {
-    const layer = GLADE_LAYERS[li];
-    const count = Math.round(layer.count * scale);
-    // Shipping scale reads the module-load table; an amplified scale (bench
-    // only) draws a longer stream from the same seed.
-    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 = moonX + (jx - 0.5) * 2 * halfSpread;
-      const blockW = 6 + d * 26 + jw * 10;
-      const blockH = d < 0.3 ? 1 : d < 0.62 ? 2 : 3;
-      // Brightest mid-glade and along the centre line, dimmer at the horizon
-      // and toward the viewer — the shape of a real moonglade.
-      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);
-      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)("#CFE0F4", 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
-// ============================================================================
-
-/**
- * The tunable body. `Moonlight` below is this with the shipping defaults; the
- * bench route (`example-dev-build/app/bg-bench.tsx`) drives the knobs so every
- * measured variant is this exact code, not a copy of it.
- */
-const MoonlightTunable = exports.MoonlightTunable = /*#__PURE__*/(0, _react.memo)(function MoonlightTunable({
-  gladeScale = 1,
-  fusedGlade = false,
-  raster = true,
-  chrome = true,
-  ...props
-}) {
-  const {
-    width,
-    height,
-    animated
-  } = props;
-  const twinkle = (0, _primitives.usePulse)(7400, animated);
-  const cloudDrift = (0, _primitives.usePulse)(26000, animated);
-  const starOpacity = twinkle.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0.7, 1]
-  });
-  const cloudX = cloudDrift.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-8, 8]
-  });
-  const moonX = width * MOON_X;
-  const moonY = height * MOON_Y;
-  const horizonY = height * HORIZON;
-  // Light geometry is sized from the WINDOW so resizing the modal never
-  // swells or shrinks the moon's bloom — only positions follow the modal.
-  const refW = _reactNative.Dimensions.get("window").width;
-  const stars = [];
-  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 right around the moon so its bloom stays clean.
-    if (Math.hypot(x - moonX, y - moonY) < 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)
-      }
-    }, 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 lights = 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)
-    }
-  }, `sl${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: "#0A1424",
-          from: 0.45,
-          to: 0,
-          direction: "down",
-          bands: 20,
-          flattenBase: BASE_COLOR
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [_absoluteFill.absoluteFill, {
-          opacity: starOpacity
-        }],
-        pointerEvents: "none",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-          style: _absoluteFill.absoluteFill,
-          children: stars
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [_absoluteFill.absoluteFill, {
-          transform: [{
-            translateX: cloudX
-          }]
-        }],
-        pointerEvents: "none",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-          style: _absoluteFill.absoluteFill,
-          children: clouds
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-        size: refW * 0.44,
-        color: "#A9C2DE",
-        alpha: 0.15,
-        rings: 20,
-        falloff: 1.9,
-        style: {
-          position: "absolute",
-          left: moonX - refW * 0.22,
-          top: moonY - refW * 0.22
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-        size: 116,
-        color: "#DCE8F6",
-        alpha: 0.34,
-        rings: 10,
-        falloff: 1.6,
-        style: {
-          position: "absolute",
-          left: moonX - 58,
-          top: moonY - 58
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: moonX - MOON_DIA / 2,
-          top: moonY - MOON_DIA / 2,
-          width: MOON_DIA,
-          height: MOON_DIA,
-          borderRadius: MOON_DIA / 2,
-          // Fully opaque: any translucency lets the app behind the modal
-          // bleed through the brightest surface in the scene.
-          backgroundColor: "#EDF3FB",
-          overflow: "hidden"
-        },
-        children: CRATERS.map(([dx, dy, frac], i) => {
-          const d = MOON_DIA * frac;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              left: MOON_DIA / 2 + dx * MOON_DIA - d / 2,
-              top: MOON_DIA / 2 + dy * MOON_DIA - d / 2,
-              width: d,
-              height: d,
-              borderRadius: d / 2,
-              backgroundColor: (0, _rng.withAlpha)("#9DB2C8", 0.32)
-            }
-          }, i);
-        })
-      }), 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: "#17293F",
-          from: 0,
-          to: 0.28,
-          direction: "down",
-          bands: 12
-        })
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.RasterLayer, {
-        style: _absoluteFill.absoluteFill,
-        children: [mountains, lights]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: horizonY,
-          height: 1,
-          backgroundColor: (0, _rng.withAlpha)("#9FB8D4", 0.12)
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: moonX - width * 0.16,
-          top: horizonY,
-          width: width * 0.32,
-          height: 1,
-          backgroundColor: (0, _rng.withAlpha)("#C6DAF0", 0.32)
-        }
-      }), 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: "#010409",
-          from: 0,
-          to: 0.5,
-          direction: "down",
-          bands: 12
-        })
-      }) : null, fusedGlade ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GladeLayer, {
-        indices: [0, 1, 2],
-        drive: "swayA",
-        scale: gladeScale,
-        raster: raster,
-        ...props
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GladeLayer, {
-          indices: [0],
-          drive: "swayA",
-          scale: gladeScale,
-          raster: raster,
-          ...props
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GladeLayer, {
-          indices: [1],
-          drive: "swayB",
-          scale: gladeScale,
-          raster: raster,
-          ...props
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GladeLayer, {
-          indices: [2],
-          drive: "breathe",
-          scale: gladeScale,
-          raster: raster,
-          ...props
-        })]
-      }), chrome ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Vignette, {
-        color: "#020305",
-        alpha: 0.42,
-        spread: 0.34
-      }) : null]
-    })
-  );
-});
-const Moonlight = exports.Moonlight = /*#__PURE__*/(0, _react.memo)(function Moonlight(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MoonlightTunable, {
-    ...props
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MoonlightTunable=exports.Moonlight=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="#040609";const HORIZON=.46;const MOON_X=.72;const MOON_Y=.17;const MOON_DIA=56;const CRATERS=[[.24,-.12,.2],[-.16,.2,.13],[.08,.06,.1]];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]],rim:[4,-3.5],bodyAlpha:.94},{at:[.84,.37],puffs:[[-55,3,130,18],[-30,-8,56,22],[8,-13,64,27],[42,-3,44,17]],rim:[-2,-4],bodyAlpha:.94},{at:[.46,.425],puffs:[[-40,2,96,13],[-12,-6,48,16],[22,-2,38,12]],rim:[3,-3],bodyAlpha:.9}];function cloudPuffs(n,l,h,u){const b=[];for(let t=0;t<n.puffs.length;t++){const[s,d,p,a]=n.puffs[t];b.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:l+s+n.rim[0]-p/2,top:h+d+n.rim[1]-a/2,width:p,height:a,borderRadius:a/2,backgroundColor:(0,_rng.withAlpha)("#1D2A42",.35)}},`${u}-r${t}`))}for(let t=0;t<n.puffs.length;t++){const[s,d,p,a]=n.puffs[t];b.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:l+s-p/2,top:h+d-a/2,width:p,height:a,borderRadius:a/2,backgroundColor:(0,_rng.withAlpha)("#070D18",n.bodyAlpha)}},`${u}-b${t}`))}return b}const PEAKS=[[.03,120,24,"#030609"],[.11,96,36,"#020408"],[.2,140,24,"#030609"],[.29,76,15,"#020408"],[.9,96,18,"#030609"],[.98,130,27,"#020408"]];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(n=>(0,_rng.scatter)(n.seed,n.count*4));const ROW_STEP=7;const GladeLayer=(0,_react.memo)(function n({indices:l,drive:h,scale:u,raster:b,width:t,height:s,animated:d}){const p=(0,_primitives.usePulse)(h==="swayA"?9e3:12500,d&&h!=="breathe");const a=(0,_primitives.usePulse)(6200,d&&h==="breathe");const C=t*MOON_X;const A=s*HORIZON;const R=[];for(const w of l){const c=GLADE_LAYERS[w];const j=Math.round(c.count*u);const m=u===1?GLADE_TABLES[w]:(0,_rng.scatter)(c.seed,j*4);for(let f=0;f<j;f++){const g=m[f*4];const F=m[f*4+1];const o=m[f*4+2];const e=m[f*4+3];const i=A+4+g*(s-A)*.94;const x=t*(.03+g*.16);const r=C+(F-.5)*2*x;const M=6+g*26+o*10;const _=g<.3?1:g<.62?2:3;const v=Math.sin(Math.PI*(.12+g*.82));const E=Math.max(.25,1-Math.abs(F-.5)*1.4);const L=(.16+v*.48)*E*(.75+e*.25);R.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:r-M/2,top:Math.round(i/ROW_STEP)*ROW_STEP,width:M,height:_,borderRadius:.5,backgroundColor:(0,_rng.withAlpha)("#CFE0F4",L)}},`${w}-${f}`))}}const y=h==="breathe"?{opacity:a.interpolate({inputRange:[0,1],outputRange:[.55,1]})}:{transform:[{translateX:p.interpolate({inputRange:[0,1],outputRange:h==="swayA"?[-7,7]:[6,-6]})}]};return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,y],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,raster:b,children:R})})});const MoonlightTunable=exports.MoonlightTunable=(0,_react.memo)(function n({gladeScale:l=1,fusedGlade:h=false,raster:u=true,chrome:b=true,...t}){const{width:s,height:d,animated:p}=t;const a=(0,_primitives.usePulse)(7400,p);const C=(0,_primitives.usePulse)(26e3,p);const A=a.interpolate({inputRange:[0,1],outputRange:[.7,1]});const R=C.interpolate({inputRange:[0,1],outputRange:[-8,8]});const y=s*MOON_X;const w=d*MOON_Y;const c=d*HORIZON;const j=_reactNative.Dimensions.get("window").width;const m=[];for(let o=0;o<SKY_STAR_COUNT;o++){const e=SKY_STARS[o*3+2];const i=1+e*1.3;const x=SKY_STARS[o*3]*s;const r=SKY_STARS[o*3+1]*c*.92;if(Math.hypot(x-y,r-w)<j*.18)continue;m.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:x-i/2,top:r-i/2,width:i,height:i,borderRadius:i/2,backgroundColor:(0,_rng.withAlpha)("#C9DAF0",.3+e*.4)}},o))}const f=CLOUDS.flatMap((o,e)=>cloudPuffs(o,s*o.at[0],d*o.at[1],`c${e}`));const g=PEAKS.map(([o,e,i,x],r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:s*o-e/2,top:c-i,width:0,height:0,borderLeftWidth:e/2,borderRightWidth:e/2,borderBottomWidth:i,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:x}},`m${r}`));const F=SHORE_LIGHTS.map((o,e)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:s*o,top:c-3,width:2,height:1.5,backgroundColor:(0,_rng.withAlpha)("#E8D9A8",.55+e%2*.2)}},`sl${e}`));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:c},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:"#0A1424",from:.45,to:0,direction:"down",bands:20,flattenBase:BASE_COLOR})}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{opacity:A}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:m})}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{transform:[{translateX:R}]}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:f})}),(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:j*.44,color:"#A9C2DE",alpha:.15,rings:20,falloff:1.9,style:{position:"absolute",left:y-j*.22,top:w-j*.22}}),(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:116,color:"#DCE8F6",alpha:.34,rings:10,falloff:1.6,style:{position:"absolute",left:y-58,top:w-58}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:y-MOON_DIA/2,top:w-MOON_DIA/2,width:MOON_DIA,height:MOON_DIA,borderRadius:MOON_DIA/2,backgroundColor:"#EDF3FB",overflow:"hidden"},children:CRATERS.map(([o,e,i],x)=>{const r=MOON_DIA*i;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:MOON_DIA/2+o*MOON_DIA-r/2,top:MOON_DIA/2+e*MOON_DIA-r/2,width:r,height:r,borderRadius:r/2,backgroundColor:(0,_rng.withAlpha)("#9DB2C8",.32)}},x)})}),b?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:c-76,height:76},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:"#17293F",from:0,to:.28,direction:"down",bands:12})}):null,(0,_jsxRuntime.jsxs)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,children:[g,F]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:c,height:1,backgroundColor:(0,_rng.withAlpha)("#9FB8D4",.12)}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:y-s*.16,top:c,width:s*.32,height:1,backgroundColor:(0,_rng.withAlpha)("#C6DAF0",.32)}}),b?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:c,bottom:0},children:(0,_jsxRuntime.jsx)(_primitives.LinearFade,{color:"#010409",from:0,to:.5,direction:"down",bands:12})}):null,h?(0,_jsxRuntime.jsx)(GladeLayer,{indices:[0,1,2],drive:"swayA",scale:l,raster:u,...t}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(GladeLayer,{indices:[0],drive:"swayA",scale:l,raster:u,...t}),(0,_jsxRuntime.jsx)(GladeLayer,{indices:[1],drive:"swayB",scale:l,raster:u,...t}),(0,_jsxRuntime.jsx)(GladeLayer,{indices:[2],drive:"breathe",scale:l,raster:u,...t})]}),b?(0,_jsxRuntime.jsx)(_primitives.Vignette,{color:"#020305",alpha:.42,spread:.34}):null]})});const Moonlight=exports.Moonlight=(0,_react.memo)(function n(l){return(0,_jsxRuntime.jsx)(MoonlightTunable,{...l})});