import type { ChipGroupChip } from './types'; declare function $$render(): { props: ({ chips: ChipGroupChip[]; /** Visual treatment of selected chips. @default 'soft' */ variant?: "soft" | "solid"; /** @default 'md' */ size?: "sm" | "md"; /** 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; }; }) | ({ chips: ChipGroupChip[]; /** Visual treatment of selected chips. @default 'soft' */ variant?: "soft" | "solid"; /** @default 'md' */ size?: "sm" | "md"; /** 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 { props(): ReturnType>['props']; events(): ReturnType>['events']; slots(): ReturnType>['slots']; bindings(): ""; exports(): {}; } interface $$IsomorphicComponent { new (options: import('svelte').ComponentConstructorOptions['props']>>): import('svelte').SvelteComponent['props']>, ReturnType<__sveltets_Render['events']>, ReturnType<__sveltets_Render['slots']>> & { $$bindings?: ReturnType<__sveltets_Render['bindings']>; } & ReturnType<__sveltets_Render['exports']>; (internal: unknown, props: ReturnType<__sveltets_Render['props']> & {}): ReturnType<__sveltets_Render['exports']>; z_$$bindings?: ReturnType<__sveltets_Render['bindings']>; } /** * Pill-shaped chip group for single or multi selection. Discriminated by `type`: * pass `type="single"` with `value: T | null` or `type="multi"` with `value: T[]`. * Clicking an active chip in single mode deselects it. `solid` variant shows a * checkmark on selected chips. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--chip-group--gap` | Gap between chips | `var(--sc-kit--space--2)` | * | `--sc-kit--chip-group--height` | Chip height | per size | * | `--sc-kit--chip-group--padding-inline` | Horizontal padding | per size | * | `--sc-kit--chip-group--font-size` | Chip font size | per size | * | `--sc-kit--chip-group--font-weight` | Chip font weight | `var(--sc-kit--font-weight--medium)` | * | `--sc-kit--chip-group--background` | Chip background (unselected) | `var(--sc-kit--color--bg--field)` | * | `--sc-kit--chip-group--background--hover` | Chip background on hover (unselected) | `var(--sc-kit--color--bg--hover)` | * | `--sc-kit--chip-group--border-color` | Chip border (unselected) | `var(--sc-kit--color--border--field)` | * | `--sc-kit--chip-group--border-color--hover` | Chip border on hover (unselected) | `var(--sc-kit--color--border--strong)` | * | `--sc-kit--chip-group--color` | Chip text color | per state | * | `--sc-kit--chip-group--background--selected` | Selected background | per variant | * | `--sc-kit--chip-group--border-color--selected` | Selected border | per variant | * | `--sc-kit--chip-group--color--selected` | Selected text color | per variant | * | `--sc-kit--chip-group--background--selected-hover` | Selected background on hover | per variant | * | `--sc-kit--chip-group--focus-ring-color` | Focus outline color | `var(--sc-kit--color--border--focus)` | */ declare const Cmp: $$IsomorphicComponent; type Cmp = InstanceType>; export default Cmp;