Halo Mesh Field

"use client";

import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, ReactNode, RefObject } from "react";

/**
 * HaloMeshField — a quiet field of grained light for the body of a page.
 *
 * On the day ground, two pools of colour (jade and blush by default) drift
 * across warm bone on their own slow loops, deepening the paper like light
 * through tinted glass, and a warm lamp gathers under the pointer and fades
 * when it leaves. In the jade room the same field becomes two halos of
 * light. WebGL2, one pass, grain in the light; CSS radial gradients
 * without it. The light feathers into the ground at the top and bottom
 * edges, so fields stack between sections without a seam. Content goes on
 * top as children.
 *
 * Part of the Diffused Glow kit: a warm bone day (#f6f1e6) and a jade room

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}