@buoy-gg/shared-ui 7.0.26 → 7.0.27

package/lib/module/ui/backgrounds/variants/starfield.js

@@ -1,206 +0,0 @@
-"use strict";
-
-/**
- * Starfield — the RN-primitive port of the Everlights parallax-drift starfield.
- *
- * The original is a GPU-instanced Skia `<Atlas>` with a per-star worklet; Buoy
- * can't depend on Skia, so the depth continuum is quantised into five discrete
- * bands. Each band is one rasterized layer of dots sliding at its own speed —
- * five native-driven loops instead of 160 per-frame transforms — and the eye
- * reads five parallax speeds as depth just as well as it reads a continuum.
- */
-
-import { memo } from "react";
-import { Animated, View } from "react-native";
-import { absoluteFill } from "../../../utils/absoluteFill.js";
-import { Base, RadialGlow, RasterLayer, useLoop, usePulse } from "../primitives.js";
-import { scatter, withAlpha } from "../rng.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Depth bands, far → near. `z` drives both size and speed (drift/sec at z=1 is
- * 0.016 of the width, matching the original), `count` thins out as stars get
- * closer so the fast, big ones stay sparse.
- */
-const BANDS = [
-// dia is the star's core in px; halo is how many core-widths the bloom
-// spreads (0 = no bloom, which is what keeps the far bands cheap).
-{
-  z: 1.0,
-  count: 38,
-  dia: 1.4,
-  halo: 0,
-  color: "#7C93B5",
-  alpha: 0.55
-}, {
-  z: 0.78,
-  count: 26,
-  dia: 1.9,
-  halo: 0,
-  color: "#A6BBD8",
-  alpha: 0.65
-}, {
-  z: 0.6,
-  count: 18,
-  dia: 2.4,
-  halo: 0,
-  color: "#C9D9F0",
-  alpha: 0.8
-}, {
-  z: 0.45,
-  count: 11,
-  dia: 3.1,
-  halo: 0,
-  color: "#E4EEFC",
-  alpha: 0.92
-},
-// Only the closest band gets a bloom: 6 stars x 3 extra discs is 36 views,
-// and it is the entire difference between "dots" and "stars".
-{
-  z: 0.3,
-  count: 6,
-  dia: 4.2,
-  halo: 4.4,
-  color: "#FFFFFF",
-  alpha: 1
-}];
-const DRIFT = 0.016; // fraction of width travelled per second at z=1
-
-/** Pre-scattered x/y per band, generated once at module load. */
-const BAND_TABLES = BANDS.map((b, i) => ({
-  xs: scatter(0x5747 + i * 977, b.count),
-  ys: scatter(0x91c3 + i * 613, b.count)
-}));
-
-/**
- * The bloom around a close star. Three nested discs rather than a `RadialGlow`,
- * because this one is drawn per star and lives INSIDE the band layer — which is
- * the point: the halo travels with its star instead of sitting still while the
- * star drifts off it.
- */
-function haloDiscs(cx, cy, core, spread, color, key) {
-  const out = [];
-  const steps = [{
-    mul: spread,
-    alpha: 0.05
-  }, {
-    mul: spread * 0.62,
-    alpha: 0.09
-  }, {
-    mul: spread * 0.34,
-    alpha: 0.16
-  }];
-  for (let i = 0; i < steps.length; i++) {
-    const d = core * steps[i].mul;
-    out.push(/*#__PURE__*/_jsx(View, {
-      style: {
-        position: "absolute",
-        left: cx - d / 2,
-        top: cy - d / 2,
-        width: d,
-        height: d,
-        borderRadius: d / 2,
-        backgroundColor: withAlpha(color, steps[i].alpha)
-      }
-    }, `${key}-h${i}`));
-  }
-  return out;
-}
-const StarBand = /*#__PURE__*/memo(function StarBand({
-  index,
-  width,
-  height,
-  animated
-}) {
-  const band = BANDS[index];
-  const table = BAND_TABLES[index];
-  // One full width of travel takes z / DRIFT seconds — nearer (smaller z) is
-  // faster, which is the whole parallax effect.
-  const drift = useLoop(band.z / DRIFT * 1000, animated);
-  const translateX = drift.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, -width]
-  });
-  const dots = [];
-  for (let i = 0; i < band.count; i++) {
-    const x = table.xs[i] * width;
-    const y = table.ys[i] * height;
-    // Each star is drawn twice, one width apart, so the layer tiles seamlessly
-    // when the loop snaps back to 0.
-    for (let copy = 0; copy < 2; copy++) {
-      const cx = x + copy * width;
-      const key = `${i}-${copy}`;
-      if (band.halo > 0) {
-        dots.push(...haloDiscs(cx, y, band.dia, band.halo, band.color, key));
-      }
-      dots.push(/*#__PURE__*/_jsx(View, {
-        style: {
-          position: "absolute",
-          left: cx - band.dia / 2,
-          top: y - band.dia / 2,
-          width: band.dia,
-          height: band.dia,
-          borderRadius: band.dia / 2,
-          backgroundColor: withAlpha(band.color, band.alpha)
-        }
-      }, key));
-    }
-  }
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [{
-      position: "absolute",
-      left: 0,
-      top: 0,
-      width: width * 2,
-      height
-    }, {
-      transform: [{
-        translateX
-      }]
-    }],
-    pointerEvents: "none",
-    children: /*#__PURE__*/_jsx(RasterLayer, {
-      style: {
-        width: width * 2,
-        height
-      },
-      children: dots
-    })
-  });
-});
-export const Starfield = /*#__PURE__*/memo(function Starfield(props) {
-  // A single slow breath over the whole field. One node, and it's what stops
-  // the sky looking like a printed dot pattern now that the per-star twinkle
-  // from the Skia original isn't affordable.
-  const shimmer = usePulse(5200, props.animated);
-  const opacity = shimmer.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0.82, 1]
-  });
-  return /*#__PURE__*/_jsxs(View, {
-    style: absoluteFill,
-    pointerEvents: "none",
-    children: [/*#__PURE__*/_jsx(Base, {
-      color: "#05060A"
-    }), /*#__PURE__*/_jsx(RadialGlow, {
-      size: props.width * 1.6,
-      color: "#1E3A8A",
-      alpha: 0.2,
-      rings: 8,
-      falloff: 2,
-      style: {
-        position: "absolute",
-        left: -props.width * 0.3,
-        top: -props.width * 0.9
-      }
-    }), /*#__PURE__*/_jsx(Animated.View, {
-      style: [absoluteFill, {
-        opacity
-      }],
-      pointerEvents: "none",
-      children: BANDS.map((_, i) => /*#__PURE__*/_jsx(StarBand, {
-        index: i,
-        ...props
-      }, i))
-    })]
-  });
-});

package/lib/typescript/commonjs/ui/backgrounds/variants/lattice.d.ts

@@ -1,33 +0,0 @@
-/**
- * The lattice family — quiet technical geometry.
- *
- * All eight share one register, set by Hex Mesh: a near-black base, one soft
- * off-centre glow for depth, a rasterized hairline pattern at low alpha, a slow
- * breath, and a vignette. They read as instrument panels and drafting paper
- * rather than scenery, which is what keeps them legible under dense tool UI —
- * the pattern never competes with the text on top of it.
- *
- * Cost follows from that: the geometry is static, so it rasterizes into ONE
- * texture and the only animated node is the shared breath. See
- * `../README.md` for the contract.
- */
-import type { BackgroundVariantProps } from "../types";
-/**
- * Squares rotated 45°, odd rows offset by half a step. RN has no polygon
- * primitive, so this is the honest way to get a technical mesh out of bordered
- * views; at this scale it reads the same as a hex grid.
- */
-export declare const HexMesh: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const IsoGrid: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Crosshatch: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const PerfBoard: import("react").NamedExoticComponent<BackgroundVariantProps>;
-/**
- * The only preset in the family with a gradient in it, and it's made of dot
- * SIZE rather than colour: dots swell toward the light and shrink away from it.
- * Cheaper than a real gradient and it survives any background colour.
- */
-export declare const Halftone: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Waffle: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Instrument: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Radar: import("react").NamedExoticComponent<BackgroundVariantProps>;
-//# sourceMappingURL=lattice.d.ts.map

package/lib/typescript/commonjs/ui/backgrounds/variants/lattice.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"lattice.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/backgrounds/variants/lattice.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAOH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AA6HvD;;;;GAIG;AACH,eAAO,MAAM,OAAO,8DAgClB,CAAC;AAMH,eAAO,MAAM,OAAO,8DAWlB,CAAC;AAMH,eAAO,MAAM,UAAU,8DAQrB,CAAC;AAQH,eAAO,MAAM,SAAS,8DAgCpB,CAAC;AAQH;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8DAkCnB,CAAC;AAQH,eAAO,MAAM,MAAM,8DA6BjB,CAAC;AAMH,eAAO,MAAM,UAAU,8DAgDrB,CAAC;AAmEH,eAAO,MAAM,KAAK,8DAmEhB,CAAC"}

package/lib/typescript/commonjs/ui/backgrounds/variants/starfield.d.ts

@@ -1,12 +0,0 @@
-/**
- * Starfield — the RN-primitive port of the Everlights parallax-drift starfield.
- *
- * The original is a GPU-instanced Skia `<Atlas>` with a per-star worklet; Buoy
- * can't depend on Skia, so the depth continuum is quantised into five discrete
- * bands. Each band is one rasterized layer of dots sliding at its own speed —
- * five native-driven loops instead of 160 per-frame transforms — and the eye
- * reads five parallax speeds as depth just as well as it reads a continuum.
- */
-import type { BackgroundVariantProps } from "../types";
-export declare const Starfield: import("react").NamedExoticComponent<BackgroundVariantProps>;
-//# sourceMappingURL=starfield.d.ts.map

package/lib/typescript/commonjs/ui/backgrounds/variants/starfield.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"starfield.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/backgrounds/variants/starfield.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAsHvD,eAAO,MAAM,SAAS,8DAyBpB,CAAC"}

package/lib/typescript/module/ui/backgrounds/variants/lattice.d.ts

@@ -1,33 +0,0 @@
-/**
- * The lattice family — quiet technical geometry.
- *
- * All eight share one register, set by Hex Mesh: a near-black base, one soft
- * off-centre glow for depth, a rasterized hairline pattern at low alpha, a slow
- * breath, and a vignette. They read as instrument panels and drafting paper
- * rather than scenery, which is what keeps them legible under dense tool UI —
- * the pattern never competes with the text on top of it.
- *
- * Cost follows from that: the geometry is static, so it rasterizes into ONE
- * texture and the only animated node is the shared breath. See
- * `../README.md` for the contract.
- */
-import type { BackgroundVariantProps } from "../types";
-/**
- * Squares rotated 45°, odd rows offset by half a step. RN has no polygon
- * primitive, so this is the honest way to get a technical mesh out of bordered
- * views; at this scale it reads the same as a hex grid.
- */
-export declare const HexMesh: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const IsoGrid: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Crosshatch: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const PerfBoard: import("react").NamedExoticComponent<BackgroundVariantProps>;
-/**
- * The only preset in the family with a gradient in it, and it's made of dot
- * SIZE rather than colour: dots swell toward the light and shrink away from it.
- * Cheaper than a real gradient and it survives any background colour.
- */
-export declare const Halftone: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Waffle: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Instrument: import("react").NamedExoticComponent<BackgroundVariantProps>;
-export declare const Radar: import("react").NamedExoticComponent<BackgroundVariantProps>;
-//# sourceMappingURL=lattice.d.ts.map

package/lib/typescript/module/ui/backgrounds/variants/lattice.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"lattice.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/backgrounds/variants/lattice.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAOH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AA6HvD;;;;GAIG;AACH,eAAO,MAAM,OAAO,8DAgClB,CAAC;AAMH,eAAO,MAAM,OAAO,8DAWlB,CAAC;AAMH,eAAO,MAAM,UAAU,8DAQrB,CAAC;AAQH,eAAO,MAAM,SAAS,8DAgCpB,CAAC;AAQH;;;;GAIG;AACH,eAAO,MAAM,QAAQ,8DAkCnB,CAAC;AAQH,eAAO,MAAM,MAAM,8DA6BjB,CAAC;AAMH,eAAO,MAAM,UAAU,8DAgDrB,CAAC;AAmEH,eAAO,MAAM,KAAK,8DAmEhB,CAAC"}

package/lib/typescript/module/ui/backgrounds/variants/starfield.d.ts

@@ -1,12 +0,0 @@
-/**
- * Starfield — the RN-primitive port of the Everlights parallax-drift starfield.
- *
- * The original is a GPU-instanced Skia `<Atlas>` with a per-star worklet; Buoy
- * can't depend on Skia, so the depth continuum is quantised into five discrete
- * bands. Each band is one rasterized layer of dots sliding at its own speed —
- * five native-driven loops instead of 160 per-frame transforms — and the eye
- * reads five parallax speeds as depth just as well as it reads a continuum.
- */
-import type { BackgroundVariantProps } from "../types";
-export declare const Starfield: import("react").NamedExoticComponent<BackgroundVariantProps>;
-//# sourceMappingURL=starfield.d.ts.map

package/lib/typescript/module/ui/backgrounds/variants/starfield.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"starfield.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/backgrounds/variants/starfield.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAsHvD,eAAO,MAAM,SAAS,8DAyBpB,CAAC"}