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; /** Scale the icon on hover */ scaleEffect?: boolean; /** CSS zoom level applied to the button container @default 1 */ zoom?: number; }; /** * Desktop player action buttons — renders a single circular button or a vertically stacked pill for multiple actions. * `contextActions` adds an overflow-menu cell as the last item; it counts towards the single / pill split, so one * action plus a menu renders as a two-cell pill. An action without `on` renders as a static plaque — same cell * chrome, no hover, no scale, 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` | Button background at full opacity | `dark-500` / `black` at 95% | * | `--sc-kit--player-button--color--inactive` | Button background at rest — the overflow menu panel takes the same value | 60% opacity of `--color` | * | `--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;