import { n as MicroDatum } from "../../interactive-C4bxY0ip.js";
import { a as HourglassStrings, n as HourglassProps } from "../../index-BDm-78Eb.js";
//#region src/charts/hourglass/client.d.ts
interface InteractiveHourglassProps extends HourglassProps {
  live?: boolean;
  strings?: HourglassStrings;
  /**
   * Opt-in entrance motion (default `false`): the glyph pops in (fade + scale)
   * when the chart first mounts client-side — a whole-svg animation, so it
   * never collides with the per-change sand settle this entry already drives.
   * Inert on the server and on hydrated server HTML; `prefers-reduced-motion`
   * always wins.
   */
  animate?: boolean;
  /**
   * Show the floating percent chip on hover/focus (default `true`). `false`
   * suppresses only the chip. Inert when `label` already prints a percent.
   */
  readout?: boolean;
  /**
   * The active (hovered / keyboard-focused) unit changed. One glyph = one unit, so
   * this fires once with `{ index: 0, … }` on pointer enter or focus and once
   * with `null` when that clears — never repeatedly while the pointer moves
   * inside the glyph, and never twice when hover and focus overlap.
   */
  onActive?: ((datum: MicroDatum | null) => void) | undefined;
  /** The glyph was activated (click, tap, Enter or Space): `{ index: 0, value }`. */
  onSelect?: ((datum: MicroDatum | null) => void) | undefined;
}
declare function Hourglass(props: InteractiveHourglassProps): React.ReactNode;
//#endregion
export { Hourglass, InteractiveHourglassProps };