"use client";

import { useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode } from "react";

/**
 * KeylightField — a lit studio sweep you set the light in, and with it the page's tuning.
 *
 * A seamless cyclorama (a wall curving into the floor) rendered live in
 * WebGL2 and lit by one soft key light. The light is the control: drag its
 * handle left and right to set warmth (6,500 K to 2,700 K), up and down to
 * set the light from a dim studio to a paper-white one. On release the light
 * settles out of the mid-grey band where no text can be read. The pool leans
 * slowly toward the pointer. Children marked data-u-zone get a quiet zone:
 * the sweep holds its own lightness under them to the ink's contrast floor,
 * so copy stays legible with no scrim. Children marked data-u-cast stand in
 * the light and throw a soft shadow away from it. The canvas is created on
 * first approach, draws on demand, sleeps off screen and survives context

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