type Props = {
    /** @default 'md' */
    size?: 'sm' | 'md' | 'lg';
    /** Override the default localized aria-label (e.g. DatePicker passes "Clear date"). */
    'aria-label'?: string;
    on: {
        clear: () => void;
    };
};
/**
 * Internal shared affordance — the × that clears an input-like value (text input, numeral
 * input, date picker, etc.). 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>`
 * (e.g. DatePicker's trigger) without nested-button invalidity. `tabindex="-1"` — reachable
 * by click, not in tab order.
 *
 * The public CSS API is scoped to this component and is intentionally NOT re-exposed
 * through host-input surfaces — callers customize the host input separately. If you need
 * to tweak this specific affordance, override the variables directly on a kit-wide selector.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--input-clear-button--size` | Container size (square) | per size |
 * | `--sc-kit--input-clear-button--icon-size` | Dismiss icon size | per size |
 * | `--sc-kit--input-clear-button--color` | Icon color | `var(--sc-kit--color--text--muted)` |
 * | `--sc-kit--input-clear-button--color--hover` | Icon color on hover | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--input-clear-button--background--hover` | Background on hover | `var(--sc-kit--color--bg--hover)` |
 * | `--sc-kit--input-clear-button--border-radius` | Corner radius | `var(--sc-kit--radius--sm)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;