Halo Concern Nav

"use client";

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

/**
 * HaloConcernNav — a floating nav whose Treatments menu is organised by concern.
 *
 * Warm day glass. The menu opens a panel out of a blur; the concerns are a
 * vertical tab list (arrow keys, Home, End, or a hover with a short intent
 * pause), a soft grained halo glides behind the active concern, and its
 * treatments resolve beside it. Escape, a click outside or a pick closes
 * it and returns focus to the button. The call to action is the kit's
 * SoftGlowButton, solid by default or quiet. defaultOpen starts it open
 * for a demo or a docs page.
 *
 * Part of the Diffused Glow kit: a warm bone day (#f6f1e6) and a jade room
 * (#0b120f); soft, grained halos in gold, rose or jade (or any #rrggbb), at

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