import type { BadgeVariant } from '../../badge';
import type { SelectOption } from '../../select';
export type GridCardSelectOption<TValue> = SelectOption<TValue> & {
    /** Badge color for this option, used when the field renders `badge`. @default 'neutral' */
    variant?: BadgeVariant;
};
declare function $$render<TValue>(): {
    props: {
        label: string;
        value: TValue;
        options: GridCardSelectOption<TValue>[];
        /** Render the selection as a `<Badge>`, matching `<GridCardBadgeField>`. @default false */
        badge?: boolean;
        disabled?: boolean;
        on?: {
            change?: (value: TValue) => void;
        };
    };
    exports: {};
    bindings: "";
    slots: {};
    events: {};
};
declare class __sveltets_Render<TValue> {
    props(): ReturnType<typeof $$render<TValue>>['props'];
    events(): ReturnType<typeof $$render<TValue>>['events'];
    slots(): ReturnType<typeof $$render<TValue>>['slots'];
    bindings(): "";
    exports(): {};
}
interface $$IsomorphicComponent {
    new <TValue>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TValue>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TValue>['props']>, ReturnType<__sveltets_Render<TValue>['events']>, ReturnType<__sveltets_Render<TValue>['slots']>> & {
        $$bindings?: ReturnType<__sveltets_Render<TValue>['bindings']>;
    } & ReturnType<__sveltets_Render<TValue>['exports']>;
    <TValue>(internal: unknown, props: ReturnType<__sveltets_Render<TValue>['props']> & {}): ReturnType<__sveltets_Render<TValue>['exports']>;
    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
}
/**
 * Select row for a value the user picks inside the card — status, visibility, plan. Sizes the
 * trigger down to the row's own typography and drops its border, so a plain row lines up with
 * `<GridCardTextField>` and a `badge` row renders the same `soft` / `sm` badge as
 * `<GridCardBadgeField>`. Per-option badge color comes from `GridCardSelectOption.variant`.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--grid-card-select-field--height` | Trigger height | row line box; `20px` with `badge` |
 * | `--sc-kit--grid-card-select-field--gap` | Gap between the value and the chevron | `var(--sc-kit--space--1)` |
 * | `--sc-kit--grid-card-select-field--chevron--size` | Chevron size | `12px` |
 */
declare const Cmp: $$IsomorphicComponent;
type Cmp<TValue> = InstanceType<typeof Cmp<TValue>>;
export default Cmp;