/** * SvDurationInput - a duration editor whose value is a number of MINUTES but * which accepts the human forms people type ("1h 30m", "1:30", "90"). It shows * a formatted value when unfocused and re-parses on blur / Enter. As a grid * cell editor: Enter commits, Escape cancels. The box, size and invalid state * are owned by SvField's `frame` chrome. */ import type { Snippet } from 'svelte'; import { type SvEditorProps } from './editor-contract'; type Props = SvEditorProps & { /** Value in minutes (or null when empty). */ value?: number | null; onChange?: (minutes: number | null) => void; onCommit?: (minutes: number | null) => void; onCancel?: () => void; /** Display style when unfocused: `1:30` (colon) or `1h 30m` (units). */ style?: 'colon' | 'units'; placeholder?: string; autofocus?: boolean; /** Show a clear (x) button when there is a value. */ clearable?: boolean; /** Leading adornment (icon) inside the field. */ leading?: Snippet; /** Trailing adornment (icon) inside the field. */ trailing?: Snippet; /** Stretch to the container width. */ block?: boolean; /** Control width in px (ignored when `block`). Default 160. */ width?: number; }; declare const SvDurationInput: import("svelte").Component; type SvDurationInput = ReturnType; export default SvDurationInput;