import type { Snippet } from 'svelte';
type Selectable = {
    selected: boolean | 'indeterminate';
    /** Glyph for the selection: a left checkbox (multi), a right checkmark (single / preset), or a right switch (toggle). @default 'checkbox' */
    display?: 'checkbox' | 'checkmark' | 'switch';
};
type Props = {
    /** Selection behavior. Omit entirely for a plain, button-like row (e.g. a `Clear all` action). */
    selectable?: Selectable;
    /** Row density. @default 'md' */
    size?: 'sm' | 'md';
    /** Label treatment: `emphasis` = semibold, never tinted (group headers); `muted` = dimmed + one step smaller font (secondary actions). @default 'normal' */
    variant?: 'normal' | 'emphasis' | 'muted';
    /** Indent under a section title / group header. @default false */
    indent?: boolean;
    disabled?: boolean;
    /** Leading content drawn before the standard glyph + label, inside the option's own padding / gap (e.g. a drag handle). */
    prepend?: Snippet;
    children: Snippet;
    on?: {
        click?: () => void;
    };
};
/**
 * A single row for toolbar dropdowns, matching the kit select listbox options. Pass `selectable` for a
 * multi (`display='checkbox'`, tri-state) or single (`display='checkmark'`) option; omit it for a plain
 * button-like row. `variant` covers group headers (`emphasis`) and secondary actions (`muted`). Mix
 * these — plus `ToolbarSectionTitle` — inside one panel to build column / field pickers.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--toolbar-option--height` | Row height | per size (28 / 32px) |
 * | `--sc-kit--toolbar-option--padding-inline` | Horizontal padding | per size |
 * | `--sc-kit--toolbar-option--font-size` | Label font size | per size |
 * | `--sc-kit--toolbar-option--gap` | Gap between glyph and label | `var(--sc-kit--space--2)` |
 * | `--sc-kit--toolbar-option--border-radius` | Corner radius | `var(--sc-kit--radius--sm)` |
 * | `--sc-kit--toolbar-option--color` | Label color | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--toolbar-option--color--selected` | Selected label + glyph color | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--toolbar-option--color--muted` | `muted` variant color | `var(--sc-kit--color--text--secondary)` |
 * | `--sc-kit--toolbar-option--background--hover` | Hover background | `var(--sc-kit--color--accent--softer)` |
 * | `--sc-kit--toolbar-option--glyph--color` | Unselected checkbox glyph color | `var(--sc-kit--color--text--muted)` |
 * | `--sc-kit--toolbar-option--glyph--size` | Selection glyph (checkbox / checkmark) size | per size (14 / 16px) |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;