Six Values Scroll

"use client";

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

/**
 * SixValuesScroll — the six values played one at a time across a single specimen.
 *
 * Pinned for a long run, the section splits the scroll into six beats. In
 * each, one value sweeps the specimen card (from the reader's own value
 * down to 0, up to 1, and back) while the others hold: contrast re-solves
 * the ink, warmth leans every neutral, light crosses from night to paper,
 * density rescales type and spacing, motion quickens the card's sync dots
 * or stills them, focus dims everything but the task. The specimen's
 * tokens are computed per frame and written as CSS variables, so nothing
 * re-renders React while it plays. A ledger of the six values lights the
 * active one with its live number and what it changes; on a phone the
 * ledger becomes a rail under the card.

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