import type { IconProp } from '../icon'; import type { Placement } from '@floating-ui/dom'; import type { Snippet } from 'svelte'; type Props = { triggerLabel: string; /** Leading icon on the trigger button. */ icon?: IconProp; /** Button size preset — shared with the kit Button. @default 'sm' */ size?: 'sm' | 'md' | 'lg'; /** Render the trigger as a borderless (ghost) button instead of secondary. @default false */ borderless?: boolean; /** @default 'bottom-start' */ position?: Placement; /** Lay the panel content out as a flex column, so callers don't wrap it themselves. @default true */ columnFlex?: boolean; children: Snippet; }; /** * A toolbar popover button — a secondary `Button` trigger (sharing the `sm | md | lg` field size preset) * opening a `Popover` panel. By default the content is laid out as a flex column (`columnFlex`); pass * `columnFlex={false}` to render it raw. Compose the panel from `ToolbarOption`, `ToolbarSectionTitle`, * `ToolbarDivider`, etc. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--toolbar-popover--gap` | Gap between flex-column children | `0.125rem` (2px) | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;