import type { OptionPillOption } from './types';
declare function $$render<T>(): {
    props: ({
        options: OptionPillOption<T>[];
        /** Disable the whole group. */
        disabled?: boolean;
        /** Custom equality comparator for non-primitive values (objects with `id`, etc.). @default (a, b) => a === b */
        compare?: (a: T, b: T) => boolean;
    } & {
        /** Single-select mode. */
        type: "single";
        value: T | null;
        on?: {
            change?: (value: T | null) => void;
        };
    }) | ({
        options: OptionPillOption<T>[];
        /** Disable the whole group. */
        disabled?: boolean;
        /** Custom equality comparator for non-primitive values (objects with `id`, etc.). @default (a, b) => a === b */
        compare?: (a: T, b: T) => boolean;
    } & {
        /** Multi-select mode. */
        type: "multi";
        value: T[];
        on?: {
            change?: (value: T[]) => void;
        };
    });
    exports: {};
    bindings: "";
    slots: {};
    events: {};
};
declare class __sveltets_Render<T> {
    props(): ReturnType<typeof $$render<T>>['props'];
    events(): ReturnType<typeof $$render<T>>['events'];
    slots(): ReturnType<typeof $$render<T>>['slots'];
    bindings(): "";
    exports(): {};
}
interface $$IsomorphicComponent {
    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
    } & ReturnType<__sveltets_Render<T>['exports']>;
    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
}
/**
 * OptionPill — pill-shaped selection group with a thumbnail (icon, image, color swatch, avatar) on the
 * left and a label on the right. Discriminated by `type`: pass `type="single"` with `value: T | null`,
 * or `type="multi"` with `value: T[]`. Provide `compare` for non-primitive values.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--option-pill--gap` | Gap between pills | `var(--sc-kit--space--2)` |
 * | `--sc-kit--option-pill--height` | Pill height | `32px` |
 * | `--sc-kit--option-pill--background` | Pill background (unselected) | `var(--sc-kit--color--bg--field)` |
 * | `--sc-kit--option-pill--background--hover` | Pill background on hover | `var(--sc-kit--color--bg--hover)` |
 * | `--sc-kit--option-pill--border-color` | Pill border (unselected) | `var(--sc-kit--color--border--field)` |
 * | `--sc-kit--option-pill--border-color--hover` | Pill border on hover | `var(--sc-kit--color--border--strong)` |
 * | `--sc-kit--option-pill--label--color` | Label color (unselected) | `var(--sc-kit--color--text--secondary)` |
 * | `--sc-kit--option-pill--selected--background` | Selected pill background | `var(--sc-kit--color--accent--soft)` |
 * | `--sc-kit--option-pill--selected--border-color` | Selected pill border | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--option-pill--selected--color` | Selected label + thumb color | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--option-pill--thumb--size` | Thumbnail width (height fills the pill) | `28px` |
 * | `--sc-kit--option-pill--thumb--background` | Thumbnail background | `var(--sc-kit--color--bg--active)` |
 * | `--sc-kit--option-pill--thumb--color` | Thumbnail color | `var(--sc-kit--color--text--muted)` |
 */
declare const Cmp: $$IsomorphicComponent;
type Cmp<T> = InstanceType<typeof Cmp<T>>;
export default Cmp;