"use client";

import { createContext, useContext, useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
import type { ChangeEvent, CSSProperties, DragEvent as ReactDragEvent, FormEvent, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";

/**
 * DitherAsciiSite — the site for Dotplane, a fictional image pipeline that
 * transforms and delivers images from the edge, set in the Dither & ASCII
 * register: every picture on the page is computed live and printed on
 * purpose, in one ink on a warm black ground, with one signal colour.
 *
 * - A nav whose active link is marked by a flowing band of ASCII density.
 * - A hero where a plane of dots under a low sun is dithered live in blue
 *   noise, and a loupe under the pointer shows the same scene through another
 *   transform (shape-matched ASCII, a halftone screen, Bayer, fine grain).
 * - A field of ASCII that drifts like a contour map and parts around the
 *   pointer, under a heading that resolves from glyphs into type.
 * - One source through every transform, split by a wipe you drag, including

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