type Props = {
    /** @default 'md' */
    size?: 'sm' | 'md' | 'lg';
    /** True when the password is currently visible (icon flips to eye-off). */
    revealed: boolean;
    on: {
        toggle: () => void;
    };
};
/**
 * Internal shared affordance — the eye toggle that reveals / hides a `<input type="password">`
 * value. NOT a public package entry; lives under `_internal/` to signal kit-only use.
 * Renders as `<span role="button">` so it can sit inside another `<button>` host without
 * nested-button invalidity. `tabindex="-1"` — reachable by click, not in tab order.
 *
 * Behaves like `InputClearButton`: revealed on host `:hover` / `:focus-within` via the shared
 * affordance reveal state (see `_affordance.scss`).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--input-password-toggle--size` | Container size (square) | per size |
 * | `--sc-kit--input-password-toggle--icon-size` | Eye icon size | per size |
 * | `--sc-kit--input-password-toggle--color` | Icon color | `var(--sc-kit--color--text--muted)` |
 * | `--sc-kit--input-password-toggle--color--hover` | Icon color on hover | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--input-password-toggle--background--hover` | Background on hover | `var(--sc-kit--color--bg--hover)` |
 * | `--sc-kit--input-password-toggle--border-radius` | Corner radius | `var(--sc-kit--radius--sm)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;