Exploded View Section

"use client";

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

/**
 * ExplodedViewSection — the object taken apart, live, its parts called out in place.
 *
 * The dial's cap, ring, encoder and base separate on a spring (WebGL2), and
 * each carries a label and a leader line re-projected from the 3D scene
 * every frame, so they stay on their part while it moves or while you turn
 * it. Driven by a key, a prop, or the scroll (apart at the middle of the
 * view). The callouts are also listed for screen readers.
 *
 * Part of the Spatial 3D kit: a dark studio (#0a0a0d, panels #101114 and
 * #16171b, ink #f2f1ee) with anodised copper #ff7a3d only as light, and
 * one object in three finishes (titanium, ceramic, soft-touch polymer) under
 * one rig: key, fill and rim, soft shadows, occlusion and a softbox

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