Function ZoneSplitSlider

ZoneSplitSlider(
    onChange: {
        ariaLabel?: string;
        className?: string;
        disabled?: boolean;
        height?: number;
        onChange: (zones: ZoneSplit) => void;
        zone0: number;
        zone1: number;
        zone2: number;
    },
): Element
Dual-handle slider over three abutting zone segments (power / hypertrophy / strength) whose fractions always sum to 1 — the web analogue of iOS EnodeZoneMultiSelector. Controlled: the caller owns the three zone values and gets the new split on every drag/keypress.

The two handles sit at the 0↔1 and 1↔2 boundaries and cannot cross, so no zone can go negative. zone2 is derived (1 - zone0 - zone1) but is part of the prop shape for caller symmetry.
Parameters
- onChange: {
      ariaLabel?: string;
      className?: string;
      disabled?: boolean;
      height?: number;
      onChange: (zones: ZoneSplit) => void;
      zone0: number;
      zone1: number;
      zone2: number;
  }
  Receives the new { zone0, zone1, zone2 } (already summing to 1).
Returns Element
- Defined in packages/ui/src/charts/zone-split-slider.tsx:31