type Props = { /** @default 'md' */ size?: 'sm' | 'md' | 'lg'; on: { select: (value: string) => void; }; }; /** * Internal shared affordance — inline emoji-picker trigger for input-like hosts (Input, * Textarea, RichTextInput). NOT a public package entry; lives under `_internal/` to signal * kit-only use. Sits inline in the host's flex layout; revealed on host `:hover` / * `:focus-within` via the shared affordance reveal state (see `_affordance.scss`). * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--input-emoji-picker--size` | Container size (square) | per size | * | `--sc-kit--input-emoji-picker--icon-size` | Emoji icon size | per size | * | `--sc-kit--input-emoji-picker--color` | Icon color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--input-emoji-picker--color--hover` | Icon color on hover | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--input-emoji-picker--background--hover` | Background on hover | `var(--sc-kit--color--bg--hover)` | * | `--sc-kit--input-emoji-picker--border-radius` | Corner radius | `var(--sc-kit--radius--sm)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;