import type { IconProp } from '../icon';
import { type SelectItem } from '../select';
import type { Placement } from '@floating-ui/dom';
import type { Snippet } from 'svelte';
declare function $$render<T>(): {
    props: {
        label: string;
        options: SelectItem<T>[];
        value: T[];
        /** Leading icon on the trigger button. */
        icon?: IconProp;
        /** Content rendered above the options list (e.g. preset rows + a `ToolbarSectionTitle`). */
        header?: Snippet;
        /** Trigger button density. @default 'sm' */
        size?: "sm" | "md";
        /** Custom presentational trigger content — replaces the default summary button. The popover is named by `label` (so an icon-only trigger stays accessible). */
        trigger?: Snippet;
        /** Render the default summary trigger as a borderless (ghost) button instead of secondary. @default false */
        borderless?: boolean;
        /** Option row density. @default 'md' */
        optionSize?: "sm" | "md";
        /** Restrict the selection to a single item — picking one replaces the previous (single-select). @default false */
        single?: boolean;
        /** Footer below the options: a snippet replaces the default `Clear all`; `false` removes it entirely. The default `Clear all` shows only while something is selected. A divider is drawn only when a footer renders. */
        footer?: Snippet | false;
        /** @default 'bottom-start' */
        position?: Placement;
        /** Equality comparator for `T`. Required when `T` is an object. @default (a, b) => a === b */
        compare?: (a: T, b: T) => boolean;
        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']>;
}
/**
 * A compact toolbar filter dropdown: a secondary-button trigger whose label summarises the selection
 * (`Status` → `Status: Draft` → `Status: 2 selected`), and a `ToolbarOption` checklist panel with a
 * `Clear all` footer. Multi-select by default; `single` restricts to one (checkmark glyph). `options` is a
 * flat `SelectOption[]` or one level of groups (`SelectOptionGroup`). Group behaviour depends on whether
 * the group has its own `value`: a label-group (no `value`) is a tri-state select-all header over its
 * children; a group WITH a `value` is an independent option — header and children toggle only themselves,
 * with no cascade or shared highlight. In `single` mode a value-group header selects its own value (re-click
 * deselects), same as any option.
 * `header` injects content above the list (preset rows, a `ToolbarSectionTitle`, …).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--toolbar-filter-select--trigger--max-width` | Trigger max width before the label truncates | `13.75rem` (220px) |
 */
declare const Cmp: $$IsomorphicComponent;
type Cmp<T> = InstanceType<typeof Cmp<T>>;
export default Cmp;