Lit Dot Matrix Field

"use client";

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

/**
 * LitDotMatrixField — a WebGL dot matrix under one light cone.
 *
 * A fragment shader draws a dot grid under a slow volumetric cone of light
 * from above the frame. Dots inside the cone rise in brightness and size
 * and take on the accent; a faint drifting haze fills the cone. The cone
 * leans toward the pointer and, when the pointer is away, sways on a slow
 * cycle. Put content on top as children.
 *
 * Without WebGL it falls back to a CSS dot pattern with a still cone.
 * Paused when off-screen or hidden.
 *
 * Part of the Dark Precision kit: OLED black, 1px hairlines, one cool accent

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