"use client";

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

/**
 * OrbitProductHero — a first screen with the real product in it, rendered live.
 *
 * The object (Knurl, a control dial) is raymarched in WebGL2 from smoothly
 * blended primitives under a studio rig: a key, fill and rim, soft shadows,
 * occlusion and a softbox reflection. Drag it round (with inertia); left
 * alone it drifts on the page clock. Moving across the hero clicks its knurled
 * ring through detents on a spring, the finish keys put it in titanium,
 * ceramic or soft-touch polymer, and a mono readout reports finish, angle and
 * detent. Draws only on screen; without WebGL2 a CSS dial stands in.
 *
 * Part of the Spatial 3D kit: a dark studio (#0a0a0d, panels #101114 and
 * #16171b, ink #f2f1ee) with anodised copper #ff7a3d only as light, and

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