/**
   * SvField - the shared field chrome for every value-bearing editor in the kit.
   * It renders an optional `label` (wired to the control via `for`/`id`), the
   * control itself (passed as children), and an optional `hint` / `error` line
   * whose ids match `editorHintId` / `editorErrorId` for `aria-describedby`.
   *
   * Two modes:
   *
   * 1. Default (`frame` unset) - SvField renders only the label / children / hint
   *    / error rows; the editor draws its own bordered control box. This is the
   *    original behavior and is byte-identical for every existing call site.
   *
   *    ```svelte
   *    <SvField {id} {label} {hint} {error} {required} {dir}>
   *      <div class="sv-num">...control...</div>
   *    </SvField>
   *    ```
   *
   * 2. Framed (`frame`) - SvField OWNS the bordered control box, so it applies
   *    `invalid` + `size` styling, the shared leading/trailing adornments and
   *    prefix/suffix affixes, and the shared clear button ONCE, and the editor
   *    passes only its bare control (an `<input>` / `<button>` / etc.):
   *
   *    ```svelte
   *    <SvField frame {id} {label} {size} {invalid} clearable showClear={!!value}
   *             onclear={() => set('')}>
   *      {#snippet leading()}<SearchIcon />{/snippet}
   *      <input class="sv-field__native" ... />
   *    </SvField>
   *    ```
   *
   *    In framed mode the editor's bare `<input>` / `<textarea>` / `<select>`
   *    inherits borderless chrome automatically (see the scoped `:global` rule),
   *    so editors no longer re-implement the box / focus ring / invalid / size.
   */
import type { Snippet } from 'svelte';
import { type EditorAction, type EditorDir, type EditorSize } from './editor-contract';
type $$ComponentProps = {
    id?: string;
    label?: string;
    hint?: string;
    error?: string;
    required?: boolean;
    dir?: EditorDir;
    block?: boolean;
    loading?: boolean;
    frame?: boolean;
    invalid?: boolean;
    size?: EditorSize;
    disabled?: boolean;
    readonly?: boolean;
    leading?: Snippet;
    trailing?: Snippet;
    prefix?: string;
    suffix?: string;
    clearable?: boolean;
    showClear?: boolean;
    onclear?: () => void;
    clearLabel?: string;
    width?: number | string;
    labelMode?: 'static' | 'floating';
    filled?: boolean;
    actions?: EditorAction[];
    children: Snippet;
};
declare const SvField: import("svelte").Component<$$ComponentProps, {}, "">;
type SvField = ReturnType<typeof SvField>;
export default SvField;