mirror of
https://github.com/kuhyx/utils.git
synced 2026-11-13 21:51:00 +01:00
Matches the Phase 1 design_system pattern the brief points at: own lint config, own tests, own coverage gate enforced in CI. The lint script was declared but unrunnable -- there was no eslint flat config, and the build tsconfig excludes tests (correctly; they must not ship in dist/), so type-aware linting had no project for them. Adds eslint.config.js and a lint-only tsconfig that widens the include without emitting. Running it surfaced one real defect: nth() interpolated a number into a template literal without String(), which the consumers' configs would have flagged. The gate also checks that the committed dist/ matches a fresh build. This is not theoretical -- the check caught the stale dist/ produced by that very String() fix on its first run. A stale dist/ in a tag ships old code to every consumer with no error anywhere, which is the one failure mode this packaging choice introduces. dist/ is excluded from the whitespace hooks: they would "fix" generated output that the next build immediately reverts. CI additionally re-runs the categorical ramp's constraint proof, so the palette cannot regress silently either. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01U4Rj3s7K2qzrLNgJqqPhno
32 lines
1.6 KiB
TypeScript
32 lines
1.6 KiB
TypeScript
export interface RangeSliderProps {
|
|
/**
|
|
* Formats a value for the head readout. Omit it (with `label`) to render a
|
|
* bare track — dufs-cloud's wrappers draw their own labels and value notes,
|
|
* so a built-in head would duplicate them.
|
|
*/
|
|
readonly format?: (value: number) => string;
|
|
/** Current upper bound; equal to the distribution max when unconstrained. */
|
|
readonly hi: number;
|
|
/** Accessible name. Falls back to a generic one when omitted. */
|
|
readonly label?: string;
|
|
/** Current lower bound; equal to the distribution min when unconstrained. */
|
|
readonly lo: number;
|
|
/** Reports both thumb values (raw, clamped so lo <= hi) on every change. */
|
|
readonly onChange: (lo: number, hi: number) => void;
|
|
/** The full ascending distribution — not just its endpoints. */
|
|
readonly values: readonly number[];
|
|
}
|
|
/**
|
|
* Steps one thumb by `delta` positions through the distribution. Pure, so the
|
|
* keyboard contract is testable without layout.
|
|
*
|
|
* Steps to the next *distinct* value rather than the next index. Real
|
|
* distributions are lumpy -- awesome-mcp-explorer's star counts hold ~1500
|
|
* duplicate zeros -- and an index step inside a run of equal values changes the
|
|
* index while leaving the value (and therefore the thumb, and the filter)
|
|
* exactly where it was. That reads as a dead arrow key.
|
|
*/
|
|
export declare function steppedValue(values: readonly number[], current: number, delta: number): number;
|
|
export declare function RangeSlider({ format, hi, label, lo, onChange, values, }: RangeSliderProps): null | React.JSX.Element;
|
|
//# sourceMappingURL=range-slider.d.ts.map
|