import type { Snippet } from 'svelte';
declare function $$render<T>(): {
    props: {
        options: {
            value: T;
            label: string;
            /**
             * Tile graphic — SVG source string or snippet. Graphics inherit color from the thumb
             * container (`fill="currentColor"` in the SVG) so they repaint from muted gray to accent
             * when the tile becomes selected.
             */
            graphic: string | Snippet;
            disabled?: boolean;
        }[];
        /** Tiles per row in the auto-grid. @default 3 */
        cols?: number;
        /** Global disabled — every tile is non-interactive. */
        disabled?: boolean;
        /** Optional equality fn — defaults to `===`. Useful when `T` is a non-primitive. */
        compare?: (a: T, b: T) => boolean;
    } & ({
        multi: false;
        value: T | null;
        on?: {
            change?: (value: T | null) => void;
        };
    } | {
        multi: true;
        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']>;
}
/**
 * Card-radio (or card-checkbox via `multi`) group. Each tile shows a small graphic above an
 * uppercase label. Graphics render with `fill="currentColor"` so they shift from muted gray to
 * accent when the tile becomes selected. Selection state recolors the tile's border + background
 * and lifts the thumb to a panel background with an accent foreground.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--visual-select--tile-width` | Fixed tile width | `120px` |
 * | `--sc-kit--visual-select--gap` | Gap between tiles | `var(--sc-kit--space--2)` |
 * | `--sc-kit--visual-select--tile--background` | Tile background (unselected) | `var(--sc-kit--color--bg--panel)` |
 * | `--sc-kit--visual-select--tile--background--selected` | Tile background when selected | `var(--sc-kit--color--accent--softer)` |
 * | `--sc-kit--visual-select--tile--border-color` | Tile border (unselected) | `var(--sc-kit--color--border--field)` |
 * | `--sc-kit--visual-select--tile--border-color--hover` | Tile border on hover | `var(--sc-kit--color--border--strong)` |
 * | `--sc-kit--visual-select--tile--border-color--selected` | Tile border when selected | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--visual-select--thumb--background` | Thumb background (unselected) | `var(--sc-kit--color--bg--active)` |
 * | `--sc-kit--visual-select--thumb--background--selected` | Thumb background when selected | `var(--sc-kit--color--bg--panel)` |
 * | `--sc-kit--visual-select--thumb--color` | Graphic color (unselected) | `var(--sc-kit--color--text--muted)` |
 * | `--sc-kit--visual-select--thumb--color--selected` | Graphic color when selected | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--visual-select--label--color` | Label color (unselected) | `var(--sc-kit--color--text--secondary)` |
 * | `--sc-kit--visual-select--label--color--selected` | Label color when selected | `var(--sc-kit--color--text--primary)` |
 */
declare const Cmp: $$IsomorphicComponent;
type Cmp<T> = InstanceType<typeof Cmp<T>>;
export default Cmp;