import type { PlayerButtonDef, PlayerContextActionDef } from './types'; import type { Placement } from '@floating-ui/dom'; type Props = { /** Button definitions — one without `on` renders as a static plaque instead of a button. */ actions: PlayerButtonDef[]; /** Rows of an overflow menu rendered as the final cell — an ellipsis trigger opening a popover. Empty ⇒ no menu cell. @default [] */ contextActions?: PlayerContextActionDef[]; /** Floating UI placement of the overflow menu panel @default 'left-end' */ contextPosition?: Placement; }; /** * A vertically stacked column of player action buttons optimized for mobile touch targets. * `contextActions` appends an overflow-menu cell below the buttons. An action without `on` renders as a static * plaque — same cell, no pointer feedback, out of the tab order — while `disabled` keeps dimming an action that * exists but is currently unavailable. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--player-button--color--inactive` | Overflow menu panel background | 60% opacity of `black` | * | `--sc-kit--player-button--menu--border-color` | Overflow menu panel border | `white` at 15% | * | `--sc-kit--player-button--menu--item--color` | Overflow menu row text / icon color | `--sc-kit--color--text--on-accent` | * | `--sc-kit--player-button--menu--item--background--hover` | Overflow menu row hover background | `white` at 12% | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;