import { type Placement } from '@floating-ui/dom'; import { type Snippet } from 'svelte'; type Props = { /** Help text shown in the bubble. */ text: string; /** @default 'top' */ placement?: Placement; /** Delay before show in ms. @default 250 */ delay?: number; /** Stretch the trigger to the parent's full height (content stays vertically centered). @default false */ fillHeight?: boolean; /** Wrapped element — anything passed becomes the tooltip trigger (icon, button, link, plain text). */ children: Snippet; }; /** * Tooltip — hover/focus help text positioned with Floating UI. Wraps a single child element * (passed via `children`) which becomes the trigger; can be an icon, button, link, LineClamp, * or plain text. Bubble flips and shifts on viewport collision; an arrow points to the trigger. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--tooltip--background` | Bubble background | `var(--sc-kit--color--bg--tooltip)` | * | `--sc-kit--tooltip--color` | Bubble text color | `var(--sc-kit--color--text--tooltip)` | * | `--sc-kit--tooltip--font-size` | Bubble font size | `var(--sc-kit--font-size--sm)` | * | `--sc-kit--tooltip--line-height` | Bubble line-height | `var(--sc-kit--leading--tight)` | * | `--sc-kit--tooltip--padding-block` | Bubble vertical padding | `var(--sc-kit--space--2)` | * | `--sc-kit--tooltip--padding-inline` | Bubble horizontal padding | `var(--sc-kit--space--3)` | * | `--sc-kit--tooltip--border-radius` | Bubble corner radius | `var(--sc-kit--radius--sm)` | * | `--sc-kit--tooltip--shadow` | Bubble drop shadow | `var(--sc-kit--shadow--md)` | * | `--sc-kit--tooltip--max-width` | Bubble max width | `15rem` | * | `--sc-kit--tooltip--arrow-size` | Arrow square size | `0.5rem` | * | `--sc-kit--tooltip--z-index` | Bubble z-index | `var(--sc-kit--z-index--tooltip)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;