/** * SvPasswordInput - a password field with a reveal toggle and an optional * strength meter. Parity: Smart `smart-password-input`. Emits the string value. * * The styled renderer over the headless `createPasswordInput` core: the reveal * toggle + strength heuristic come from the core, spread here via prop-getters. * The box, size, invalid state and focus ring are owned by SvField's `frame` * chrome; the reveal eye lives in the trailing slot and the strength meter sits * below the field. */ import type { Snippet } from 'svelte'; import { type SvEditorProps } from './editor-contract'; /** User-facing strings for the password input (localizable via `messages`). */ type PasswordMessages = { show: string; hide: string; weak: string; fair: string; good: string; strong: string; }; type Props = SvEditorProps & { value?: string; onChange?: (value: string) => void; placeholder?: string; /** Show the show/hide eye toggle. */ revealable?: boolean; /** Show a 4-level strength meter. */ showStrength?: boolean; autocomplete?: string; /** Override the built-in strings (reveal toggle + strength labels). */ messages?: Partial; /** Leading adornment (icon) inside the field. */ leading?: Snippet; /** Stretch to the container width. */ block?: boolean; /** Control width in px (ignored when `block`). Default 220. */ width?: number; }; declare const SvPasswordInput: import("svelte").Component; type SvPasswordInput = ReturnType; export default SvPasswordInput;