import type { Snippet } from 'svelte'; type Props = { disabled?: boolean; /** Prevent the parent popover from closing when this item is clicked. */ keepOpen?: boolean; /** Render a separator line below this item — useful for grouping menu sections. */ divider?: boolean; /** * Inset the item from the popover edges: adds an inline margin and rounds the hover background. * @default true */ inset?: boolean; /** Omit for a row with no action: it renders as static text that does not highlight, take focus, or dismiss the popover. */ on?: { click?: () => void; }; children: Snippet; }; /** * PopoverItem — single row inside a Popover's content. Hover / disabled / opt-in divider * variants. Set `keepOpen` to prevent the parent popover from closing when clicked (useful * for toggle items inside menus). A row given no `on` is static — full text color, no hover, * no focus, and a click neither fires nor dismisses the popover; `disabled` stays for a row * whose action exists but is currently unavailable. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--popover-item--padding-block` | Item vertical padding | `var(--sc-kit--space--2)` | * | `--sc-kit--popover-item--padding-inline` | Item horizontal padding | `var(--sc-kit--space--4)` | * | `--sc-kit--popover-item--gap` | Gap between icon / label / shortcut | `var(--sc-kit--space--2)` | * | `--sc-kit--popover-item--font-size` | Content font size | `var(--sc-kit--font-size--md)` | * | `--sc-kit--popover-item--line-height` | Content line height | `var(--sc-kit--leading--normal)` | * | `--sc-kit--popover-item--color` | Text color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--popover-item--color--disabled` | Disabled text color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--popover-item--background--hover` | Hover background | `var(--sc-kit--color--bg--hover)` | * | `--sc-kit--popover-item--divider-color` | Divider line color | `var(--sc-kit--color--border)` | * | `--sc-kit--popover-item--divider-spacing` | Vertical gap added by divider | `var(--sc-kit--space--1)` | * | `--sc-kit--popover-item--text-align` | Text alignment | `left` | * | `--sc-kit--popover-item--margin-inline` | Inline margin when `inset` (default on) | `var(--sc-kit--space--2)` | * | `--sc-kit--popover-item--border-radius` | Corner radius when `inset` (default on) | `var(--sc-kit--radius--sm)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;