@tremolo-ui/react 0.7.0 → 0.8.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import React, { AriaAttributes, CSSProperties, ComponentPropsWithoutRef, DependencyList, ReactNode, Ref, RefObject, SVGProps } from "react";
-import { AnimationFrame, AxisOptions, DragState, DropZoneOptions, InputEventOption, MIDIAccessError, MIDIAccessOptions, MIDIAccessOptions as MIDIAccessOptions$1, MIDIInputHandlers, ModifierState, ModifierValue, NOT_SUPPORTED, NoteRange, PERMISSION_DENIED, PITCH_BEND_CENTER, SelectionBoxRect, UNAVAILABLE, WheelOptions, XY, XY as XY$1, XYInput, XYInput as XYInput$1 } from "@tremolo-ui/dom";
+import { AnimationFrame, AxisOptions, DragState, DropZoneOptions, InputEventOption, KeyboardShortcuts, KeyboardShortcutsScope, KnobAngles, MIDIAccessOptions, MIDIInputHandlers, MarksOptions, ModifierState, ModifierValue, NoteRange, PointPosition, PointsEditorInstance, SelectionBoxRect, WheelOptions, XY, XYInput } from "@tremolo-ui/dom";
 import { Scale, ValueRange } from "@tremolo-ui/functions";
 //#region src/components/AnimationCanvas/index.d.ts
 type InitFunction = (context: CanvasRenderingContext2D, option: {
@@ -120,7 +120,8 @@ interface DropZoneProps {
   onDrop?: (files: File[], event: DragEvent) => void;
   /**
    * Called with the dropped files that do not match `accept`, so that the
-   * reason can be shown.
+   * reason can be shown. It comes after `onDrop` for the same drop, so a list
+   * of rejected files can be cleared in `onDrop` and filled here.
    */
   onReject?: (files: File[], event: DragEvent) => void;
   /** What the zone shows. */
@@ -181,7 +182,8 @@ interface FileInputProps {
   /**
    * Called with the files that were picked and do not match `accept`, so that
    * the reason can be shown. Given alongside `onChange` when a selection held
-   * both.
+   * both, and after it, so a list of rejected files can be cleared in
+   * `onChange` and filled here.
    */
   onReject?: (files: File[]) => void;
   /** Normally a `FileInput.Trigger`, and whatever shows what was picked. */
@@ -281,18 +283,7 @@ type KnobConfig = {
   /** angle range [degree] */
   angleRange: number;
 };
-type KnobContextValue = KnobConfig & {
-  /** normalized value */
-  p: number;
-  /** ロータリー開始位置 */
-  r1: number;
-  /** activeLine の開始位置 */
-  r2: number;
-  /** activeLine の終了位置 */
-  r3: number;
-  /** ロータリー終了位置 */
-  r4: number;
-};
+type KnobContextValue = KnobConfig & KnobAngles;
 /**
  * Everything here is derived during render, so there is no state to keep in
  * sync: `value` comes from the props of `Root` and the rest follows from it.
@@ -600,6 +591,9 @@ interface NumberInputProps {
    * Read a value back out of the text. Has to undo `format`.
    *
    * Text with no number in it reads as `NaN`, which leaves the value alone.
+   * The default, `parseNumberText` from `@tremolo-ui/dom`, reads the number
+   * with the unit around it left out, and is `NaN` for one it cannot read
+   * whole: `1,000`, `1:30`, or a number with a unit in front, such as `L 30`.
    */
   parse?: (text: string) => number;
   /**
@@ -672,7 +666,7 @@ interface NumberInputProps {
   pointerLock?: boolean;
   /**
    * Select the text when `InputField` takes focus: `'all'` selects all of it,
-   * `'number'` only the leading number, leaving whatever the format appended,
+   * `'number'` only the number, leaving the unit the format put around it,
    * and `'none'` leaves the caret where the click put it.
    * @default 'none'
    */
@@ -763,8 +757,6 @@ export declare const NumberInput: {
     title?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
     key?: import("react").Key | null | undefined;
-    height?: number | string | undefined | undefined;
-    width?: number | string | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
@@ -1041,14 +1033,15 @@ export declare const NumberInput: {
     onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    accept?: string | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    disabled?: boolean | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    width?: number | string | undefined | undefined;
     min?: number | string | undefined | undefined;
     max?: number | string | undefined | undefined;
     step?: number | string | undefined | undefined;
-    disabled?: boolean | undefined | undefined;
     alt?: string | undefined | undefined;
-    accept?: string | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
-    size?: number | undefined | undefined;
     autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     checked?: boolean | undefined | undefined;
@@ -1064,6 +1057,7 @@ export declare const NumberInput: {
     placeholder?: string | undefined | undefined;
     readOnly?: boolean | undefined | undefined;
     required?: boolean | undefined | undefined;
+    size?: number | undefined | undefined;
     src?: string | undefined | undefined;
   } & import("react").RefAttributes<HTMLInputElement>>;
   Stepper: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1071,34 +1065,7 @@ export declare const NumberInput: {
   DecrementStepper: typeof DecrementStepper;
 };
 //#endregion
-//#region src/components/Piano/keyboard-shortcuts.d.ts
-type KeyboardShortcuts = {
-  /**
-   * Keys laid out from `noteRange.first`, one entry per semitone.
-   *
-   * An empty string leaves that note without a shortcut: `KeyboardEvent.key` is
-   * never empty, so the entry can never match. Use it to skip the black keys
-   * (see {@link SHORTCUTS.HOME_ROW_NATURAL}) and keep the remaining entries
-   * lined up with the notes.
-   */
-  keys: string[];
-};
-/**
- * Ready-made keyboard layouts. Both assume `noteRange.first` is a C.
- */
-export declare const SHORTCUTS: {
-  /** Every semitone from C, over the two rows of a QWERTY keyboard. */
-  HOME_ROW: {
-    keys: string[];
-  };
-  /** The white keys only, on the home row. Black keys have no shortcut. */
-  HOME_ROW_NATURAL: {
-    keys: string[];
-  };
-};
-//#endregion
 //#region src/components/Piano/index.d.ts
-type KeyboardShortcutsScope = 'root' | 'window';
 /**
  * What {@link PianoProps.keyProps} may return for one key.
  *
@@ -1106,9 +1073,7 @@ type KeyboardShortcutsScope = 'root' | 'window';
  * JSX syntax, not on an object type, and selecting on one is the usual way to
  * mark a key out.
  */
-type KeyAttributes = Omit<ComponentPropsWithoutRef<'div'>, 'style'> & {
-  style?: CSSProperties & CSSVariables<'color' | 'bg' | 'active-color' | 'active-bg'>;
-} & Record<`data-${string}`, string | number | boolean | undefined>;
+type KeyAttributes = ComponentPropsWithoutRef<'div'> & Record<`data-${string}`, string | number | boolean | undefined>;
 /** What a key is, when {@link PianoProps.label} or `keyProps` is asked about it. */
 interface KeyState {
   /** Position in the note range, counting from `noteRange.first`. */
@@ -1189,15 +1154,9 @@ interface PianoProps {
    * @default 0.6
    */
   blackKeyHeightRatio?: number;
-  /**
-   * Height of the keyboard. Sets `--height`; when it is omitted, the height
-   * the theme gives stands, and the theme can tell `resizable` apart through
-   * `data-resizable`.
-   */
-  height?: number | string;
   /**
    * What to draw inside a key. `''`, `null` and `undefined` leave it bare, so
-   * a layout with gaps — {@link SHORTCUTS.HOME_ROW_NATURAL}, say — needs no
+   * a layout with gaps — `SHORTCUTS.HOME_ROW_NATURAL`, say — needs no
    * special casing.
    */
   label?: (note: number, state: KeyState) => ReactNode;
@@ -1224,7 +1183,6 @@ interface PianoProps {
   onPlayNote?: (note: number, velocity?: number) => void;
   /** Called once everything holding a note has let go of it. */
   onStopNote?: (note: number) => void;
-  style?: CSSProperties & CSSVariables<'height'>;
 }
 interface PianoMethods {
   playNote: (note: number, velocity?: number) => void;
@@ -1241,15 +1199,7 @@ export declare const Piano: {
 declare function Background({ className, children, style, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
 //#endregion
 //#region src/components/PointsEditor/Point.d.ts
-type PointBaseType = {
-  x: number;
-  y: number;
-};
-export declare function clampPoint(point: PointBaseType, min?: Partial<PointBaseType>, max?: Partial<PointBaseType>): {
-  x: number;
-  y: number;
-};
-interface PointsEditorPointProps<T extends PointBaseType> {
+interface PointsEditorPointProps<T extends PointPosition> {
   /**
    * Where the point is, as `{ x, y }` from 0 to 1 on each axis, with `y`
    * growing downwards.
@@ -1262,15 +1212,9 @@ interface PointsEditorPointProps<T extends PointBaseType> {
    */
   id?: string;
   /** The lowest position the point can take, per axis. An axis left out is 0. */
-  min?: Partial<PointBaseType>;
+  min?: Partial<PointPosition>;
   /** The highest position the point can take, per axis. An axis left out is 1. */
-  max?: Partial<PointBaseType>;
-  /** Width and height at once. Sets both `--width` and `--height`. */
-  size?: number | string;
-  /** Sets `--width`; the size the theme gives it stands when omitted. */
-  width?: number | string;
-  /** Sets `--height`; the size the theme gives it stands when omitted. */
-  height?: number | string;
+  max?: Partial<PointPosition>;
   /** Sets `--color`, for the theme to colour the point with. */
   color?: string;
   /** Overrides the `disabled` of `PointsEditor.Root`. */
@@ -1292,14 +1236,14 @@ interface PointsEditorPointProps<T extends PointBaseType> {
    * Called with the new position when the point is dragged or moved by the
    * arrow keys or the wheel, including when it moves along with a selection.
    */
-  onChange?: (value: PointBaseType) => void;
+  onChange?: (value: PointPosition) => void;
   /** Called when a drag on this point starts, with where the point is. */
-  onDragStart?: (value: PointBaseType) => void;
+  onDragStart?: (value: PointPosition) => void;
   /** Called when that drag ends, with where the point is. */
-  onDragEnd?: (value: PointBaseType) => void;
-  style?: CSSProperties & CSSVariables<'width' | 'height' | 'color' | 'translate'>;
+  onDragEnd?: (value: PointPosition) => void;
+  style?: CSSProperties & CSSVariables<'color' | 'translate'>;
 }
-declare function Point<T extends PointBaseType>({ value, children, id: idProp, min, max, size, width, height, color, disabled: _disabled, readonly: _readonly, wheel: _wheel, keyboard: _keyboard, 'aria-label': ariaLabel, 'aria-valuetext': ariaValuetext, onChange, onDragStart, onDragEnd, className, style, onPointerDown, onKeyDown, onFocus, ...props }: PointsEditorPointProps<T> & Omit<ComponentPropsWithoutRef<'div'>, keyof PointsEditorPointProps<T>>): import("react").JSX.Element;
+declare function Point<T extends PointPosition>({ value, children, id: idProp, min, max, color, disabled: _disabled, readonly: _readonly, wheel: _wheel, keyboard: _keyboard, 'aria-label': ariaLabel, 'aria-valuetext': ariaValuetext, onChange, onDragStart, onDragEnd, className, style, onPointerDown, onKeyDown, onFocus, ...props }: PointsEditorPointProps<T> & Omit<ComponentPropsWithoutRef<'div'>, keyof PointsEditorPointProps<T>>): import("react").JSX.Element;
 //#endregion
 //#region src/components/PointsEditor/SelectionBox.d.ts
 /**
@@ -1311,24 +1255,6 @@ declare function Point<T extends PointBaseType>({ value, children, id: idProp, m
 declare function SelectionBox({ children, className, style, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element | null;
 //#endregion
 //#region src/components/PointsEditor/context.d.ts
-/**
- * What a `Point` tells the editor about itself, so that a selection can be
- * moved without the editor knowing how the points are stored.
- *
- * Held behind a ref and rewritten on every render: the value changes on every
- * frame of a drag, and a registry keyed on it would be rebuilt just as often.
- */
-interface PointRegistration {
-  value: PointBaseType;
-  min?: Partial<PointBaseType>;
-  max?: Partial<PointBaseType>;
-  readonly: boolean;
-  onChange?: (value: PointBaseType) => void;
-  /** The point's own element, to match the focus against. */
-  element: HTMLElement | null;
-  /** The wheel option this point resolved, root inheritance applied. */
-  wheel: ModifierValue<InputEventOption> | null;
-}
 type PointsEditorContextValue = {
   disabled: boolean;
   readonly: boolean;
@@ -1350,37 +1276,14 @@ type PointsEditorContextValue = {
   selectable: boolean;
   /** Ids of the points currently selected. Always empty while `selectable` is off. */
   selection: readonly string[];
-  /** Register a point so that a selection can move it with the rest. */
-  registerPoint: (id: string, entry: RefObject<PointRegistration>) => () => void;
-  /**
-   * Whether the element is a point, or inside one. The registry knows which
-   * elements the points are, so nothing has to be recognised by a class name.
-   */
-  isPointElement: (element: Element | null | undefined) => boolean;
   /**
-   * A pointer went down on a point: works out the new selection and takes the
-   * snapshot the move will be measured against.
+   * The selection and the moves, from `createPointsEditor` in
+   * `@tremolo-ui/dom`: every `Point` registers with it, and a press, a drag,
+   * a key or the wheel goes through it so that a selection moves as one.
    */
-  beginPointDrag: (id: string, modifiers: ModifierState) => void;
-  /** Move everything the drag picked up, by one amount, clamped as one. */
-  movePointDrag: (delta: PointBaseType) => void;
-  /**
-   * Move the selection by an amount that did not come from a drag — an arrow
-   * key or a wheel notch. The current values are the starting point.
-   */
-  nudgeSelection: (id: string, delta: PointBaseType) => void;
-  /**
-   * Move the point that currently holds focus by one notch. The wheel listener
-   * belongs to `Container` rather than to every `Point`, so the lookup of who
-   * has focus happens here, where the registry is. Returns whether a point
-   * took it, so the caller knows whether to consume the event.
-   */
-  nudgeFocusedPoint: (axis: 'x' | 'y', direction: number, modifiers: ModifierState) => boolean;
+  editor: PointsEditorInstance;
   /** The selection box, while one is being dragged. */
   selectionBox: SelectionBoxRect | null;
-  beginSelectionBox: (at: PointBaseType, modifiers: ModifierState) => void;
-  moveSelectionBox: (to: PointBaseType) => void;
-  endSelectionBox: () => void;
 };
 /**
  * The settings `Root` was given, for the subcomponents to read. A point's
@@ -1392,10 +1295,6 @@ export declare function usePointsEditorContext<T>(selector: (state: PointsEditor
 //#endregion
 //#region src/components/PointsEditor/index.d.ts
 interface PointsEditorProps {
-  /** Sets `--width`; the size the theme gives it stands when omitted. */
-  width?: number | string;
-  /** Sets `--height`; the size the theme gives it stands when omitted. */
-  height?: number | string;
   /**
    * Make the points unchangeable and remove them from the tab order.
    * The parts carry `data-disabled` while it is set.
@@ -1507,7 +1406,6 @@ interface PointsEditorProps {
    * </PointsEditor.Root>
    */
   children: ReactNode;
-  style?: CSSProperties & CSSVariables<'width' | 'height'>;
 }
 /**
  * Multiple Point Controller
@@ -1551,19 +1449,6 @@ interface SliderTrackProps {
   style?: CSSProperties & CSSVariables<'length' | 'thickness' | 'active' | 'inactive' | 'percent'>;
 }
 //#endregion
-//#region src/components/Slider/type.d.ts
-/**
- * How `Slider.Marks` fills itself in when it is given no children: one option
- * every `per`, or every `step` of the slider. The object form turns off the
- * mark or the label for the whole set; a single option is customized by
- * writing `Slider.MarksOption` out instead.
- */
-type MarksOptions = 'step' | number | {
-  per: 'step' | number;
-  mark?: boolean;
-  label?: boolean;
-};
-//#endregion
 //#region src/components/Slider/Marks.d.ts
 interface SliderMarksProps {
   /**
@@ -1604,8 +1489,6 @@ interface SliderMarksOptionProps {
   length?: number | string;
   /** Space between the mark and the label. Sets `--gap`. */
   gap?: number | string;
-  /** Width of the label. Sets `--label-width`. */
-  labelWidth?: number | string;
   /** Classes for the mark and the label inside the option. */
   classes?: {
     mark?: string;
@@ -1616,9 +1499,9 @@ interface SliderMarksOptionProps {
     mark?: CSSProperties;
     label?: CSSProperties;
   };
-  style?: CSSProperties & CSSVariables<'thickness' | 'length' | 'gap' | 'label-width' | 'translate'>;
+  style?: CSSProperties & CSSVariables<'thickness' | 'length' | 'gap' | 'translate'>;
 }
-declare function MarksOption({ value, mark, label, thickness, length, gap, labelWidth, classes, styles, className, style, ...props }: SliderMarksOptionProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SliderMarksOptionProps>): import("react").JSX.Element;
+declare function MarksOption({ value, mark, label, thickness, length, gap, classes, styles, className, style, ...props }: SliderMarksOptionProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SliderMarksOptionProps>): import("react").JSX.Element;
 //#endregion
 //#region src/components/Slider/context.d.ts
 type SliderContextValue = {
@@ -1787,34 +1670,6 @@ export declare const Slider: {
   MarksOption: typeof MarksOption;
 };
 //#endregion
-//#region src/components/XYPad/context.d.ts
-type XYPadContextValue = {
-  value: XY<number>;
-  min: XY<number>;
-  max: XY<number>;
-  step: XY<number>;
-  /** How the value of each axis is distributed across the travel. */
-  scale: XY<Scale>;
-  reverse: XY<boolean>;
-  disabled: boolean;
-  readonly: boolean;
-  onChange?: (value: XY<number>) => void;
-  /**
-   * Position of the thumb, 0-100 per axis, already accounting for `reverse`.
-   */
-  percent: XY<number>;
-  /** `Area` registers its element here; `Root` normalizes the pointer against it. */
-  areaRef: RefObject<HTMLDivElement | null>;
-  /** `Thumb` registers itself here; `Root` focuses it when a drag starts. */
-  thumbRef: RefObject<XYPadThumbMethods | null>;
-};
-/**
- * Everything here is derived during render, so there is no state to keep in
- * sync: `value` comes from the props of `Root` and the rest follows from it.
- */
-export declare function useXYPadContext(): XYPadContextValue;
-export declare function useXYPadContext<T>(selector: (state: XYPadContextValue) => T): T;
-//#endregion
 //#region src/components/XYPad/Thumb.d.ts
 interface XYPadThumbProps {
   /**
@@ -1845,16 +1700,33 @@ interface XYPadThumbMethods {
   blur: () => void;
 }
 //#endregion
-//#region src/components/XYPad/Area.d.ts
-interface XYPadAreaProps {
-  /** Sets `--width`; the size the theme gives it stands when omitted. */
-  width?: number | string;
-  /** Sets `--height`; the size the theme gives it stands when omitted. */
-  height?: number | string;
-  /** Sets `--color`, for the theme to colour the area with. */
-  color?: string;
-  style?: CSSProperties & CSSVariables<'width' | 'height' | 'color'>;
-}
+//#region src/components/XYPad/context.d.ts
+type XYPadContextValue = {
+  value: XY<number>;
+  min: XY<number>;
+  max: XY<number>;
+  step: XY<number>;
+  /** How the value of each axis is distributed across the travel. */
+  scale: XY<Scale>;
+  reverse: XY<boolean>;
+  disabled: boolean;
+  readonly: boolean;
+  onChange?: (value: XY<number>) => void;
+  /**
+   * Position of the thumb, 0-100 per axis, already accounting for `reverse`.
+   */
+  percent: XY<number>;
+  /** `Area` registers its element here; `Root` normalizes the pointer against it. */
+  areaRef: RefObject<HTMLDivElement | null>;
+  /** `Thumb` registers itself here; `Root` focuses it when a drag starts. */
+  thumbRef: RefObject<XYPadThumbMethods | null>;
+};
+/**
+ * Everything here is derived during render, so there is no state to keep in
+ * sync: `value` comes from the props of `Root` and the rest follows from it.
+ */
+export declare function useXYPadContext(): XYPadContextValue;
+export declare function useXYPadContext<T>(selector: (state: XYPadContextValue) => T): T;
 //#endregion
 //#region src/components/XYPad/index.d.ts
 /**
@@ -1990,7 +1862,7 @@ interface XYPadMethods {
 export declare const XYPad: {
   Root: import("react").ForwardRefExoticComponent<XYPadProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadProps> & import("react").RefAttributes<XYPadMethods>>;
   Thumb: import("react").ForwardRefExoticComponent<XYPadThumbProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadThumbProps> & import("react").RefAttributes<XYPadThumbMethods>>;
-  Area: import("react").ForwardRefExoticComponent<XYPadAreaProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadAreaProps> & import("react").RefAttributes<HTMLDivElement>>;
+  Area: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
 //#region src/hooks/useAnimationFrame.d.ts
@@ -2040,7 +1912,7 @@ export declare function useDrag<T extends Element>({ threshold, cursor, pointerL
 //#region src/hooks/useDragValue.d.ts
 interface UseDragValueOptions {
   /** Scaling of each axis; a single value applies to both. */
-  axis: XYInput$1<AxisOptions>;
+  axis: XYInput<AxisOptions>;
   /**
    * Normalize the pointer against the bounding rect of this element, so that
    * the value *is* the position pointed at.
@@ -2054,12 +1926,12 @@ interface UseDragValueOptions {
    *
    * Give either this or `baseElementRef`.
    */
-  getValue?: () => XY$1<number>;
+  getValue?: () => XY<number>;
   /**
    * Pixels of movement that span the whole range, with `getValue`.
    * @default 100
    */
-  pixelRange?: XYInput$1<number>;
+  pixelRange?: XYInput<number>;
   /**
    * How much the movement counts, read on every move. `0.1` makes the same
    * movement cover a tenth of the range, which is what a fine-adjustment
@@ -2112,11 +1984,11 @@ interface UseDragValueOptions {
    * @param state the whole drag, for anything the value leaves out — the
    * pointer event and its modifier keys, most of all.
    */
-  onChange?: (value: XY$1<number>, state: DragState) => void;
+  onChange?: (value: XY<number>, state: DragState) => void;
   /** Called once the drag starts, with the value it starts from. */
-  onDragStart?: (value: XY$1<number>, state: DragState) => void;
+  onDragStart?: (value: XY<number>, state: DragState) => void;
   /** Called when the pointer is released, with the value it ends on. */
-  onDragEnd?: (value: XY$1<number>, state: DragState) => void;
+  onDragEnd?: (value: XY<number>, state: DragState) => void;
 }
 /**
  * Drive a value with a pointer drag.
@@ -2155,7 +2027,14 @@ export declare function useEventListener<K extends keyof GlobalEventHandlersEven
 export declare function useInterval(callback: () => void, delay: number | null): void;
 //#endregion
 //#region src/hooks/useLongPress.d.ts
-export declare function useLongPress(callback: () => void, initialDelay?: number, interval?: number): (event?: Pick<PointerEvent, "button" | "pointerId">) => void;
+/**
+ * Repeat `callback` while a pointer is held down: once on the press, then
+ * every `interval` after `initialDelay`. The repeat itself is
+ * `createLongPress` in `@tremolo-ui/dom`.
+ *
+ * Returns the function that starts a press, for an `onPointerDown`.
+ */
+export declare function useLongPress(callback: () => void, initialDelay?: number, interval?: number): (event?: Pick<PointerEvent, "button" | "pointerId">) => void | undefined;
 //#endregion
 //#region src/hooks/useMIDIAccess.d.ts
 /**
@@ -2169,7 +2048,7 @@ export declare function useLongPress(callback: () => void, initialDelay?: number
  * ask for it only when it is actually used.
  */
 export declare function useMIDIAccess(requestOnMount?: boolean): {
-  request: (options?: MIDIAccessOptions$1) => void;
+  request: (options?: MIDIAccessOptions) => void;
   midiAccess: MIDIAccess | null;
   error: import("@tremolo-ui/dom").MIDIAccessError | null;
   inputs: readonly MIDIInput[];
@@ -2230,29 +2109,5 @@ interface UseWheelOptions extends Omit<WheelOptions, 'onWheel'> {
  */
 export declare function useWheel<T extends Element>(onWheel: (event: WheelEvent) => void, { requireFocus, target }?: UseWheelOptions): (node: T | null) => void;
 //#endregion
-//#region src/input-event.d.ts
-/**
- * The keyboard amount used by Knob, NumberInput, Slider, and XYPad by default:
- * 1 per press in the units of the value, and 0.1 with shift held. That is one
- * `step` only while `step` is 1; a coarser `step` rounds 1 straight back, which
- * `useCheckSteps` warns about.
- *
- * A modifier entry is not snapped to `step`, which is what lets the finer
- * amount move at all — see `applyDelta` in `@tremolo-ui/dom`.
- */
-export declare const DEFAULT_KEYBOARD_OPTIONS: ModifierValue<InputEventOption>;
-/**
- * The wheel amount used by Knob, NumberInput, Slider, and XYPad by default.
- *
- * Browsers turn shift+wheel into horizontal scrolling, which empties `deltaY`
- * and fills `deltaX`, so no modifier is bound here.
- */
-export declare const DEFAULT_WHEEL_OPTIONS: ModifierValue<InputEventOption>;
-/**
- * The drag sensitivity used by value controls by default. Shift makes the
- * same movement cover a tenth of the range, matching the arrow keys.
- */
-export declare const DEFAULT_DRAG_SENSITIVITY: ModifierValue<number>;
-//#endregion
-export { type AnimationCanvasCommonProps, type AnimationCanvasFixedProps, type AnimationCanvasProps, type AnimationCanvasResizableProps, type CSSVariables, type DrawFunction, type DropZoneProps, type FileInputContextValue, type FileInputProps, type FileInputTriggerProps, type InitFunction, type KeyAttributes, type KeyState, type KeyboardShortcuts, type KnobContextValue, type KnobMethods, type KnobProps, type KnobSVGRootProps, type KnobThumbProps, type MIDIAccessError, type MIDIAccessOptions, type MIDIInputHandlers, type MarksOptions, NOT_SUPPORTED, type NumberInputContextValue, type NumberInputMethods, type NumberInputProps, PERMISSION_DENIED, PITCH_BEND_CENTER, type PianoMethods, type PianoProps, type PointBaseType, type PointsEditorContextValue, type PointsEditorPointProps, type PointsEditorProps, type SliderContextValue, type SliderMarksOptionProps, type SliderMarksProps, type SliderMethods, type SliderProps, type SliderThumbMethods, type SliderThumbProps, type SliderTrackProps, UNAVAILABLE, type UseDragOptions, type UseDragValueOptions, type UseDropZoneOptions, type UseWheelOptions, type XY, type XYInput, type XYPadAreaProps, type XYPadContextValue, type XYPadMethods, type XYPadProps, type XYPadThumbMethods, type XYPadThumbProps };
+export type { AnimationCanvasCommonProps, AnimationCanvasFixedProps, AnimationCanvasProps, AnimationCanvasResizableProps, CSSVariables, DrawFunction, DropZoneProps, FileInputContextValue, FileInputProps, FileInputTriggerProps, InitFunction, KeyAttributes, KeyState, KnobContextValue, KnobMethods, KnobProps, KnobSVGRootProps, KnobThumbProps, NumberInputContextValue, NumberInputMethods, NumberInputProps, PianoMethods, PianoProps, PointsEditorContextValue, PointsEditorPointProps, PointsEditorProps, SliderContextValue, SliderMarksOptionProps, SliderMarksProps, SliderMethods, SliderProps, SliderThumbMethods, SliderThumbProps, SliderTrackProps, UseDragOptions, UseDragValueOptions, UseDropZoneOptions, UseWheelOptions, XYPadContextValue, XYPadMethods, XYPadProps, XYPadThumbMethods, XYPadThumbProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/components/AnimationCanvas/index.tsx","../src/components/DropZone/index.tsx","../src/components/FileInput/Trigger.tsx","../src/components/FileInput/context.tsx","../src/components/FileInput/index.tsx","../src/components/Knob/ActiveLine.tsx","../src/components/Knob/InactiveLine.tsx","../src/components/Knob/SVGRoot.tsx","../src/components/Knob/Thumb.tsx","../src/css-variables.ts","../src/components/Knob/context.tsx","../src/components/Knob/index.tsx","../src/components/NumberInput/StepperButton.tsx","../src/components/NumberInput/DecrementStepper.tsx","../src/components/NumberInput/IncrementStepper.tsx","../src/components/NumberInput/context.tsx","../src/components/NumberInput/index.tsx","../src/components/Piano/keyboard-shortcuts.ts","../src/components/Piano/index.tsx","../src/components/PointsEditor/Background.tsx","../src/components/PointsEditor/Point.tsx","../src/components/PointsEditor/SelectionBox.tsx","../src/components/PointsEditor/context.tsx","../src/components/PointsEditor/index.tsx","../src/components/Slider/Thumb.tsx","../src/components/Slider/Track.tsx","../src/components/Slider/type.ts","../src/components/Slider/Marks.tsx","../src/components/Slider/MarksOption.tsx","../src/components/Slider/context.tsx","../src/components/Slider/index.tsx","../src/components/XYPad/context.tsx","../src/components/XYPad/Thumb.tsx","../src/components/XYPad/Area.tsx","../src/components/XYPad/index.tsx","../src/hooks/useAnimationFrame.ts","../src/hooks/useDrag.ts","../src/hooks/useDragValue.ts","../src/hooks/useDropZone.ts","../src/hooks/useEventListener.ts","../src/hooks/useInterval.ts","../src/hooks/useLongPress.ts","../src/hooks/useMIDIAccess.ts","../src/hooks/useMIDIInput.ts","../src/hooks/useMIDIMessage.ts","../src/hooks/useWheel.ts","../src/input-event.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/components/AnimationCanvas/index.tsx","../src/components/DropZone/index.tsx","../src/components/FileInput/Trigger.tsx","../src/components/FileInput/context.tsx","../src/components/FileInput/index.tsx","../src/components/Knob/ActiveLine.tsx","../src/components/Knob/InactiveLine.tsx","../src/components/Knob/SVGRoot.tsx","../src/components/Knob/Thumb.tsx","../src/css-variables.ts","../src/components/Knob/context.tsx","../src/components/Knob/index.tsx","../src/components/NumberInput/StepperButton.tsx","../src/components/NumberInput/DecrementStepper.tsx","../src/components/NumberInput/IncrementStepper.tsx","../src/components/NumberInput/context.tsx","../src/components/NumberInput/index.tsx","../src/components/Piano/index.tsx","../src/components/PointsEditor/Background.tsx","../src/components/PointsEditor/Point.tsx","../src/components/PointsEditor/SelectionBox.tsx","../src/components/PointsEditor/context.tsx","../src/components/PointsEditor/index.tsx","../src/components/Slider/Thumb.tsx","../src/components/Slider/Track.tsx","../src/components/Slider/Marks.tsx","../src/components/Slider/MarksOption.tsx","../src/components/Slider/context.tsx","../src/components/Slider/index.tsx","../src/components/XYPad/Thumb.tsx","../src/components/XYPad/context.tsx","../src/components/XYPad/index.tsx","../src/hooks/useAnimationFrame.ts","../src/hooks/useDrag.ts","../src/hooks/useDragValue.ts","../src/hooks/useDropZone.ts","../src/hooks/useEventListener.ts","../src/hooks/useInterval.ts","../src/hooks/useLongPress.ts","../src/hooks/useMIDIAccess.ts","../src/hooks/useMIDIInput.ts","../src/hooks/useMIDIMessage.ts","../src/hooks/useWheel.ts"],"mappings":"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"}