Fit Light Pricing

"use client";

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

/**
 * FitLightPricing — pricing lit by a usage slider.
 *
 * A slider on a log scale sets the monthly volume. Every plan's price is
 * computed from its base, included volume and per-million rate, and rolls
 * to its new digits as you drag. A light moves to the plan that costs
 * least at that volume: an arc on its border that grows as usage nears
 * the next plan. Plans over their limit dim. The slider takes the arrow,
 * Page, Home and End keys, and a polite status line names the plan that
 * fits when you let go.
 *
 * Part of the Dark Precision kit: OLED black, 1px hairlines, one cool accent
 * used only as light (default #4fd1ff; also mint, amber, white or any

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