@videojs/react 10.0.0-beta.24 → 10.0.0-beta.26

package/dist/dev/presets/video/skin.tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.tailwind.js","names":["Popover.Root","Popover.Trigger","Popover.Popup","VolumeSlider.Root","VolumeSlider.Track","VolumeSlider.Fill","VolumeSlider.Thumb","Menu.RadioGroup","Menu.RadioItem","Menu.ItemIndicator","ErrorDialog.Root","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close","Controls.Root","Tooltip.Provider","Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Time.Value","TimeSlider.Root","TimeSlider.Track","TimeSlider.Fill","TimeSlider.Buffer","TimeSlider.Thumb","Slider.Thumbnail","TimeSlider.Value","PlaybackRateMenu.Root","PlaybackRateMenu.Trigger","PlaybackRateMenu.Content","VolumeIndicator.Root","VolumeIndicator.Fill","VolumeIndicator.Value","StatusIndicator.Root","StatusIndicator.Value","SeekIndicator.Root","SeekIndicator.Value"],"sources":["../../../../src/presets/video/skin.tailwind.tsx"],"sourcesContent":["import {\n  bufferingIndicator,\n  button,\n  buttonGroupEnd,\n  buttonGroupStart,\n  controls,\n  error,\n  icon,\n  iconContainer,\n  iconFlipped,\n  iconState,\n  inputFeedback,\n  menu,\n  overlay,\n  playbackRate,\n  popup,\n  poster,\n  preview,\n  root,\n  seek,\n  slider,\n  time,\n} from '@videojs/skins/default/tailwind/video.tailwind';\nimport { isString } from '@videojs/utils/predicate';\nimport { cn } from '@videojs/utils/style';\nimport { type ComponentProps, forwardRef, type ReactNode } from 'react';\nimport {\n  CaptionsOffIcon,\n  CaptionsOnIcon,\n  CastEnterIcon,\n  CastExitIcon,\n  CheckIcon,\n  ChevronIcon,\n  FullscreenEnterIcon,\n  FullscreenExitIcon,\n  PauseIcon,\n  PipEnterIcon,\n  PipExitIcon,\n  PlayIcon,\n  RestartIcon,\n  SeekIcon,\n  SpinnerIcon,\n  VolumeHighIcon,\n  VolumeLowIcon,\n  VolumeOffIcon,\n} from '@/icons';\nimport { Container, usePlayer } from '@/player/context';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\nimport { CaptionsButton } from '@/ui/captions-button';\nimport { CastButton } from '@/ui/cast-button';\nimport { Controls } from '@/ui/controls';\nimport { ErrorDialog } from '@/ui/error-dialog';\nimport { FullscreenButton } from '@/ui/fullscreen-button';\nimport { Gesture } from '@/ui/gesture';\nimport { Hotkey } from '@/ui/hotkey';\nimport { Menu } from '@/ui/menu';\nimport { MuteButton } from '@/ui/mute-button';\nimport { PiPButton } from '@/ui/pip-button';\nimport { PlayButton } from '@/ui/play-button';\nimport { PlaybackRateMenu, usePlaybackRateMenu } from '@/ui/playback-rate-menu';\nimport { Popover } from '@/ui/popover';\nimport { Poster } from '@/ui/poster';\nimport { SeekButton } from '@/ui/seek-button';\nimport { SeekIndicator } from '@/ui/seek-indicator';\nimport { Slider } from '@/ui/slider';\nimport { StatusAnnouncer } from '@/ui/status-announcer';\nimport { StatusIndicator } from '@/ui/status-indicator';\nimport { Time } from '@/ui/time';\nimport { TimeSlider } from '@/ui/time-slider';\nimport { Tooltip } from '@/ui/tooltip';\nimport { VolumeIndicator } from '@/ui/volume-indicator';\nimport { VolumeSlider } from '@/ui/volume-slider';\nimport { isRenderProp } from '@/utils/use-render';\nimport type { VideoSkinProps } from './skin';\n\nconst SEEK_TIME = 10;\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\nconst CENTER_STATUS_ACTIONS = ['togglePaused'] as const;\n\n/* --------------------------------------- Components ---------------------------------------- */\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function Button({ className, ...props }, ref) {\n  return (\n    <button ref={ref} type=\"button\" className={cn(button.base, button.subtle, button.icon, className)} {...props} />\n  );\n});\n\nconst SliderRoot = forwardRef<HTMLDivElement, ComponentProps<'div'>>(function SliderRoot({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(slider.root, className)} {...props} />;\n});\n\nconst SliderTrack = forwardRef<HTMLDivElement, ComponentProps<'div'>>(function SliderTrack(\n  { className, ...props },\n  ref\n) {\n  return <div ref={ref} className={cn(slider.track, className)} {...props} />;\n});\n\nconst SliderFill = forwardRef<HTMLDivElement, ComponentProps<'div'> & { type?: 'fill' | 'buffer' }>(function SliderFill(\n  { type = 'fill', className, ...props },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(slider.fill.base, type === 'fill' ? slider.fill.fill : slider.fill.buffer, className)}\n      {...props}\n    />\n  );\n});\n\nconst SliderBuffer = forwardRef<HTMLDivElement, ComponentProps<'div'>>(function SliderBuffer(props, ref) {\n  return <SliderFill type=\"buffer\" ref={ref} {...props} />;\n});\n\nconst SliderThumb = forwardRef<HTMLDivElement, ComponentProps<'div'> & { persistent?: boolean }>(function SliderThumb(\n  { persistent, className, ...props },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(slider.thumb.base, persistent ? slider.thumb.persistent : slider.thumb.interactive, className)}\n      {...props}\n    />\n  );\n});\n\nfunction VolumePopover(): ReactNode {\n  const volumeUnsupported = usePlayer((s) => s.volumeAvailability === 'unsupported');\n\n  const muteButton = (\n    <MuteButton className={iconState.mute.button} render={<Button />}>\n      <VolumeOffIcon className={cn(icon, iconState.mute.volumeOff)} />\n      <VolumeLowIcon className={cn(icon, iconState.mute.volumeLow)} />\n      <VolumeHighIcon className={cn(icon, iconState.mute.volumeHigh)} />\n    </MuteButton>\n  );\n\n  if (volumeUnsupported) return muteButton;\n\n  return (\n    <Popover.Root openOnHover delay={200} closeDelay={100} side=\"top\">\n      <Popover.Trigger render={muteButton} />\n      <Popover.Popup className={cn(popup.popover, popup.volume)}>\n        <VolumeSlider.Root orientation=\"vertical\" thumbAlignment=\"edge\" render={<SliderRoot />}>\n          <VolumeSlider.Track render={<SliderTrack />}>\n            <VolumeSlider.Fill render={<SliderFill />} />\n          </VolumeSlider.Track>\n          <VolumeSlider.Thumb render={(props) => <SliderThumb persistent {...props} />} />\n        </VolumeSlider.Root>\n      </Popover.Popup>\n    </Popover.Root>\n  );\n}\n\nfunction PlaybackRateMenuItems(): ReactNode {\n  const { options, setValue, value } = usePlaybackRateMenu();\n\n  return (\n    <Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} label=\"Playback rate\">\n      {options.map((option) => (\n        <Menu.RadioItem key={option.value} className={menu.item} value={option.value} disabled={option.disabled}>\n          <span>{option.label}</span>\n          <Menu.ItemIndicator checked={option.value === value} forceMount className={menu.indicator}>\n            <CheckIcon className={icon} />\n          </Menu.ItemIndicator>\n        </Menu.RadioItem>\n      ))}\n    </Menu.RadioGroup>\n  );\n}\n\n/* ------------------------------------------ Skin ------------------------------------------- */\n\nexport function VideoSkinTailwind(props: VideoSkinProps): ReactNode {\n  const { children, className, poster: posterProp, ...rest } = props;\n\n  return (\n    <Container className={cn(root(false), className)} {...rest}>\n      {children}\n\n      {posterProp && (\n        <Poster\n          src={isString(posterProp) ? posterProp : undefined}\n          render={isRenderProp(posterProp) ? posterProp : undefined}\n          className={poster(false)}\n        />\n      )}\n\n      <BufferingIndicator\n        render={(props) => (\n          <div {...props} className={bufferingIndicator.root}>\n            <div className={bufferingIndicator.container}>\n              <SpinnerIcon className={icon} />\n            </div>\n          </div>\n        )}\n      />\n\n      <ErrorDialog.Root>\n        <ErrorDialog.Popup className={error.root}>\n          <div className={error.dialog}>\n            <div className={error.content}>\n              <ErrorDialog.Title className={error.title}>Something went wrong.</ErrorDialog.Title>\n              <ErrorDialog.Description className={error.description} />\n            </div>\n            <div className={error.actions}>\n              <ErrorDialog.Close className={cn(button.base, button.primary)}>OK</ErrorDialog.Close>\n            </div>\n          </div>\n        </ErrorDialog.Popup>\n      </ErrorDialog.Root>\n\n      <Controls.Root\n        data-controls=\"\" // Used as a hook for Tailwind has-[] styles\n        className={controls}\n      >\n        <Tooltip.Provider>\n          <div className={buttonGroupStart}>\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <PlayButton className={iconState.play.button} render={<Button />}>\n                    <RestartIcon className={cn(icon, iconState.play.restart)} />\n                    <PlayIcon className={cn(icon, iconState.play.play)} />\n                    <PauseIcon className={cn(icon, iconState.play.pause)} />\n                  </PlayButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)}></Tooltip.Popup>\n            </Tooltip.Root>\n\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <SeekButton seconds={-SEEK_TIME} render={<Button />}>\n                    <span className={iconContainer}>\n                      <SeekIcon className={cn(icon, iconFlipped)} />\n                      <span className={cn(seek.label, seek.labelBackward)}>{SEEK_TIME}</span>\n                    </span>\n                  </SeekButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)} />\n            </Tooltip.Root>\n\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <SeekButton seconds={SEEK_TIME} render={<Button />}>\n                    <span className={iconContainer}>\n                      <SeekIcon className={icon} />\n                      <span className={cn(seek.label, seek.labelForward)}>{SEEK_TIME}</span>\n                    </span>\n                  </SeekButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)} />\n            </Tooltip.Root>\n          </div>\n\n          <div className={time.group}>\n            <Time.Value type=\"current\" className={time.current} />\n            <TimeSlider.Root render={<SliderRoot />}>\n              <TimeSlider.Track render={<SliderTrack />}>\n                <TimeSlider.Fill render={<SliderFill />} />\n                <TimeSlider.Buffer render={<SliderBuffer />} />\n              </TimeSlider.Track>\n              <TimeSlider.Thumb render={<SliderThumb />} />\n              <div className={preview.root}>\n                <Slider.Thumbnail className={preview.thumbnail} />\n                <TimeSlider.Value type=\"pointer\" className={preview.time} />\n                <SpinnerIcon className={cn(icon, preview.spinner)} />\n              </div>\n            </TimeSlider.Root>\n            <Time.Value type=\"duration\" className={time.duration} />\n          </div>\n\n          <div className={buttonGroupEnd}>\n            <PlaybackRateMenu.Root side=\"top\" align=\"center\">\n              <PlaybackRateMenu.Trigger className={playbackRate.button} render={<Button />} />\n              <PlaybackRateMenu.Content className={cn(popup.popover, menu.root)}>\n                <PlaybackRateMenuItems />\n              </PlaybackRateMenu.Content>\n            </PlaybackRateMenu.Root>\n\n            <VolumePopover />\n\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <CaptionsButton className={iconState.captions.button} render={<Button />}>\n                    <CaptionsOffIcon className={cn(icon, iconState.captions.off)} />\n                    <CaptionsOnIcon className={cn(icon, iconState.captions.on)} />\n                  </CaptionsButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)}></Tooltip.Popup>\n            </Tooltip.Root>\n\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <CastButton className={iconState.cast.button} render={<Button />}>\n                    <CastEnterIcon className={cn(icon, iconState.cast.enter)} />\n                    <CastExitIcon className={cn(icon, iconState.cast.exit)} />\n                  </CastButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)}></Tooltip.Popup>\n            </Tooltip.Root>\n\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <PiPButton className={iconState.pip.button} render={<Button />}>\n                    <PipEnterIcon className={cn(icon, iconState.pip.off)} />\n                    <PipExitIcon className={cn(icon, iconState.pip.on)} />\n                  </PiPButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)}></Tooltip.Popup>\n            </Tooltip.Root>\n\n            <Tooltip.Root side=\"top\">\n              <Tooltip.Trigger\n                render={\n                  <FullscreenButton className={iconState.fullscreen.button} render={<Button />}>\n                    <FullscreenEnterIcon className={cn(icon, iconState.fullscreen.enter)} />\n                    <FullscreenExitIcon className={cn(icon, iconState.fullscreen.exit)} />\n                  </FullscreenButton>\n                }\n              />\n              <Tooltip.Popup className={cn(popup.tooltip)}></Tooltip.Popup>\n            </Tooltip.Root>\n          </div>\n        </Tooltip.Provider>\n      </Controls.Root>\n\n      <div className={overlay} />\n\n      {/* Hotkeys */}\n      <Hotkey keys=\"Space\" action=\"togglePaused\" />\n      <Hotkey keys=\"k\" action=\"togglePaused\" />\n      <Hotkey keys=\"m\" action=\"toggleMuted\" />\n      <Hotkey keys=\"f\" action=\"toggleFullscreen\" />\n      <Hotkey keys=\"c\" action=\"toggleSubtitles\" />\n      <Hotkey keys=\"i\" action=\"togglePictureInPicture\" />\n      <Hotkey keys=\"ArrowRight\" action=\"seekStep\" value={SEEK_TIME / 2} />\n      <Hotkey keys=\"ArrowLeft\" action=\"seekStep\" value={-(SEEK_TIME / 2)} />\n      <Hotkey keys=\"l\" action=\"seekStep\" value={SEEK_TIME} />\n      <Hotkey keys=\"j\" action=\"seekStep\" value={-SEEK_TIME} />\n      <Hotkey keys=\"ArrowUp\" action=\"volumeStep\" value={0.05} />\n      <Hotkey keys=\"ArrowDown\" action=\"volumeStep\" value={-0.05} />\n      <Hotkey keys=\"0-9\" action=\"seekToPercent\" />\n      <Hotkey keys=\"Home\" action=\"seekToPercent\" value={0} />\n      <Hotkey keys=\"End\" action=\"seekToPercent\" value={100} />\n      <Hotkey keys=\">\" action=\"speedUp\" />\n      <Hotkey keys=\"<\" action=\"speedDown\" />\n\n      {/* Gestures */}\n      <Gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n      <Gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n      <Gesture type=\"doubletap\" action=\"seekStep\" value={-SEEK_TIME} region=\"left\" />\n      <Gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n      <Gesture type=\"doubletap\" action=\"seekStep\" value={SEEK_TIME} region=\"right\" />\n\n      {/* Input Feedback */}\n      <StatusAnnouncer />\n      <div className={inputFeedback.root}>\n        <VolumeIndicator.Root\n          className={cn(inputFeedback.island.base, inputFeedback.island.volume, inputFeedback.island.shownVolume)}\n        >\n          <VolumeIndicator.Fill className={inputFeedback.island.content}>\n            <VolumeHighIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownVolumeHigh)} />\n            <VolumeLowIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownVolumeLow)} />\n            <VolumeOffIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownVolumeOff)} />\n            <VolumeIndicator.Value className={inputFeedback.island.value} />\n          </VolumeIndicator.Fill>\n        </VolumeIndicator.Root>\n\n        <StatusIndicator.Root\n          actions={TOP_STATUS_ACTIONS}\n          className={cn(inputFeedback.island.base, inputFeedback.island.shownStatus)}\n        >\n          <div className={inputFeedback.island.content}>\n            <CaptionsOnIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownCaptionsOn)} />\n            <CaptionsOffIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownCaptionsOff)} />\n            <FullscreenEnterIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownFullscreenEnter)} />\n            <FullscreenExitIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownFullscreenExit)} />\n            <PipEnterIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownPipEnter)} />\n            <PipExitIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownPipExit)} />\n            <StatusIndicator.Value className={inputFeedback.island.value} />\n          </div>\n        </StatusIndicator.Root>\n\n        <SeekIndicator.Root className={inputFeedback.bubble.base}>\n          <ChevronIcon className={cn(inputFeedback.bubble.icon, inputFeedback.bubble.shownSeek)} />\n          <SeekIndicator.Value className={inputFeedback.bubble.time} />\n        </SeekIndicator.Root>\n\n        <StatusIndicator.Root actions={CENTER_STATUS_ACTIONS} className={inputFeedback.bubble.base}>\n          <PlayIcon className={cn(inputFeedback.bubble.icon, inputFeedback.bubble.shownPlay)} />\n          <PauseIcon className={cn(inputFeedback.bubble.icon, inputFeedback.bubble.shownPause)} />\n        </StatusIndicator.Root>\n      </div>\n    </Container>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"skin.tailwind.js","names":["Popover.Root","Popover.Trigger","Popover.Popup","VolumeSlider.Root","VolumeSlider.Track","VolumeSlider.Fill","VolumeSlider.Thumb","Menu.Root","Menu.Trigger","Menu.Content","Menu.View","Menu.ItemValue","Menu.Back","Menu.Separator","Menu.RadioGroup","Menu.RadioItem","Menu.ItemIndicator","ErrorDialog.Root","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close","Controls.Root","Tooltip.Provider","Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut","Time.Value","TimeSlider.Root","TimeSlider.Track","TimeSlider.Fill","TimeSlider.Buffer","TimeSlider.Thumb","Slider.Thumbnail","TimeSlider.Value","TimeSlider.Preview","VolumeIndicator.Root","VolumeIndicator.Fill","VolumeIndicator.Value","StatusIndicator.Root","StatusIndicator.Value","SeekIndicator.Root","SeekIndicator.Value"],"sources":["../../../../src/presets/video/skin.tailwind.tsx"],"sourcesContent":["import {\n  audioText,\n  captionsText,\n  playbackRateText,\n  qualityText,\n  settingsText,\n  speedText,\n} from '@videojs/core/i18n/text/menu';\nimport {\n  badge,\n  bufferingIndicator,\n  button,\n  buttonGroupEnd,\n  buttonGroupStart,\n  controls,\n  error,\n  icon,\n  iconFlipped,\n  iconState,\n  inputFeedback,\n  menu,\n  overlay,\n  popup,\n  poster,\n  primaryControls,\n  root,\n  secondaryControls,\n  slider,\n  thumbnail,\n  time,\n} from '@videojs/skins/default/tailwind/video.tailwind';\nimport { isString } from '@videojs/utils/predicate';\nimport { cn } from '@videojs/utils/style';\nimport { type ComponentProps, type CSSProperties, forwardRef, type ReactNode } from 'react';\nimport { useTranslator } from '@/i18n/context';\nimport {\n  AirPlayEnterIcon,\n  AirPlayExitIcon,\n  CaptionsOffIcon,\n  CaptionsOnIcon,\n  CastEnterIcon,\n  CastExitIcon,\n  CheckIcon,\n  ChevronIcon,\n  FullscreenEnterIcon,\n  FullscreenExitIcon,\n  GearIcon,\n  PauseIcon,\n  PipEnterIcon,\n  PipExitIcon,\n  PlayIcon,\n  QualityIcon,\n  RestartIcon,\n  SpeechIcon,\n  SpeedIcon,\n  SpinnerIcon,\n  VolumeHighIcon,\n  VolumeLowIcon,\n  VolumeOffIcon,\n} from '@/icons';\nimport { Container } from '@/player/container';\nimport { usePlayer } from '@/player/context';\nimport { AirPlayButton } from '@/ui/airplay-button';\nimport { useAudioTrackOptions } from '@/ui/audio-track';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\nimport { CaptionsButton } from '@/ui/captions-button';\nimport { useCaptionsOptions } from '@/ui/captions-radio-group';\nimport { CastButton } from '@/ui/cast-button';\nimport { Controls } from '@/ui/controls';\nimport { ErrorDialog } from '@/ui/error-dialog';\nimport { FullscreenButton } from '@/ui/fullscreen-button';\nimport { Gesture } from '@/ui/gesture';\nimport { Hotkey } from '@/ui/hotkey';\nimport { Menu } from '@/ui/menu';\nimport { MuteButton } from '@/ui/mute-button';\nimport { PiPButton } from '@/ui/pip-button';\nimport { PlayButton } from '@/ui/play-button';\nimport { usePlaybackRateOptions } from '@/ui/playback-rate';\nimport { Popover } from '@/ui/popover';\nimport { Poster } from '@/ui/poster';\nimport { useQualityOptions } from '@/ui/quality';\nimport { SeekIndicator } from '@/ui/seek-indicator';\nimport { Slider } from '@/ui/slider';\nimport { StatusAnnouncer } from '@/ui/status-announcer';\nimport { StatusIndicator } from '@/ui/status-indicator';\nimport { Time } from '@/ui/time';\nimport { TimeSlider } from '@/ui/time-slider';\nimport { Tooltip } from '@/ui/tooltip';\nimport { VolumeIndicator } from '@/ui/volume-indicator';\nimport { VolumeSlider } from '@/ui/volume-slider';\nimport { isRenderProp } from '@/utils/use-render';\nimport type { VideoSkinProps } from './skin';\n\nconst SEEK_TIME = 10;\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\nconst CENTER_STATUS_ACTIONS = ['togglePaused'] as const;\n\n/* --------------------------------------- Components ---------------------------------------- */\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function Button({ className, ...props }, ref) {\n  return (\n    <button ref={ref} type=\"button\" className={cn(button.base, button.subtle, button.icon, className)} {...props} />\n  );\n});\n\nconst SliderRoot = forwardRef<HTMLDivElement, ComponentProps<'div'>>(function SliderRoot({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(slider.root, className)} {...props} />;\n});\n\nconst SliderTrack = forwardRef<HTMLDivElement, ComponentProps<'div'>>(function SliderTrack(\n  { className, ...props },\n  ref\n) {\n  return <div ref={ref} className={cn(slider.track, className)} {...props} />;\n});\n\nconst SliderFill = forwardRef<HTMLDivElement, ComponentProps<'div'> & { type?: 'fill' | 'buffer' }>(function SliderFill(\n  { type = 'fill', className, ...props },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(slider.fill.base, type === 'fill' ? slider.fill.fill : slider.fill.buffer, className)}\n      {...props}\n    />\n  );\n});\n\nconst SliderBuffer = forwardRef<HTMLDivElement, ComponentProps<'div'>>(function SliderBuffer(props, ref) {\n  return <SliderFill type=\"buffer\" ref={ref} {...props} />;\n});\n\nconst SliderThumb = forwardRef<HTMLDivElement, ComponentProps<'div'> & { persistent?: boolean }>(function SliderThumb(\n  { persistent, className, ...props },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(slider.thumb.base, persistent ? slider.thumb.persistent : slider.thumb.interactive, className)}\n      {...props}\n    />\n  );\n});\n\nfunction VolumePopover(): ReactNode {\n  const volumeUnsupported = usePlayer((s) => s.volumeAvailability === 'unsupported');\n\n  const muteButton = (\n    <MuteButton className={iconState.mute.button} render={<Button />}>\n      <VolumeOffIcon className={cn(icon, iconState.mute.volumeOff)} />\n      <VolumeLowIcon className={cn(icon, iconState.mute.volumeLow)} />\n      <VolumeHighIcon className={cn(icon, iconState.mute.volumeHigh)} />\n    </MuteButton>\n  );\n\n  if (volumeUnsupported) return muteButton;\n\n  return (\n    <Popover.Root openOnHover delay={200} closeDelay={100} side=\"top\">\n      <Popover.Trigger render={muteButton} />\n      <Popover.Popup className={cn(popup.popover, popup.volume)}>\n        <VolumeSlider.Root orientation=\"vertical\" thumbAlignment=\"edge\" render={<SliderRoot />}>\n          <VolumeSlider.Track render={<SliderTrack />}>\n            <VolumeSlider.Fill render={<SliderFill />} />\n          </VolumeSlider.Track>\n          <VolumeSlider.Thumb render={(props) => <SliderThumb persistent {...props} />} />\n        </VolumeSlider.Root>\n      </Popover.Popup>\n    </Popover.Root>\n  );\n}\n\nfunction MenuChevron({ flipped = false }: { flipped?: boolean }): ReactNode {\n  return <ChevronIcon className={cn(icon, menu.icon, menu.chevron, flipped ? iconFlipped : undefined)} />;\n}\n\nfunction SettingsMenu(): ReactNode {\n  const t = useTranslator();\n  const playbackRate = usePlaybackRateOptions();\n  const quality = useQualityOptions();\n  const audioTrack = useAudioTrackOptions();\n  const captions = useCaptionsOptions();\n  const hasPlaybackRate = playbackRate?.state.availability === 'available';\n  const hasQuality = quality?.state.availability === 'available';\n  const hasAudioTrack = audioTrack?.state.availability === 'available';\n  const hasCaptions = captions?.state.availability === 'available';\n\n  if (!hasPlaybackRate && !hasQuality && !hasAudioTrack && !hasCaptions) return null;\n\n  return (\n    <Menu.Root side=\"top\" align=\"center\">\n      <Menu.Trigger aria-label={t(settingsText)} render={<Button className={cn(button.icon, menu.settingsTrigger)} />}>\n        <GearIcon className={cn(icon, menu.settingsIcon)} />\n      </Menu.Trigger>\n      <Menu.Content className={menu.settings}>\n        <Menu.View className={menu.rootView}>\n          <div className={menu.group}>\n            {hasQuality ? (\n              <Menu.Root>\n                <Menu.Trigger\n                  type=\"quality\"\n                  className={menu.item}\n                  render={(props) => (\n                    <div {...props}>\n                      <QualityIcon className={cn(icon, menu.icon)} />\n                      <span>{t(qualityText)}</span>\n                      <span className={menu.hint}>\n                        <Menu.ItemValue className={menu.hintLabel} />\n                        <MenuChevron />\n                      </span>\n                    </div>\n                  )}\n                />\n                <Menu.Content className={menu.submenuPanel}>\n                  <Menu.Back className={menu.back}>\n                    <MenuChevron flipped />\n                    {t(qualityText)}\n                  </Menu.Back>\n                  <Menu.Separator className={menu.separator} />\n                  <Menu.RadioGroup\n                    className={menu.group}\n                    value={quality.value}\n                    onValueChange={quality.setValue}\n                    aria-label={t(qualityText)}\n                  >\n                    {quality.options.map((option) => (\n                      <Menu.RadioItem\n                        key={option.value}\n                        className={menu.item}\n                        value={option.value}\n                        disabled={option.disabled}\n                      >\n                        <span>\n                          {option.label}\n                          {option.tier ? <sup className={menu.tier}>{option.tier}</sup> : null}\n                        </span>\n                        {option.badge ? <span className={badge}>{option.badge}</span> : null}\n                        <Menu.ItemIndicator\n                          checked={option.value === quality.value}\n                          forceMount\n                          className={menu.indicator}\n                        >\n                          <CheckIcon className={cn(icon, menu.icon)} />\n                        </Menu.ItemIndicator>\n                      </Menu.RadioItem>\n                    ))}\n                  </Menu.RadioGroup>\n                </Menu.Content>\n              </Menu.Root>\n            ) : null}\n\n            {hasAudioTrack ? (\n              <Menu.Root>\n                <Menu.Trigger\n                  type=\"audio-track\"\n                  className={menu.item}\n                  render={(props) => (\n                    <div {...props}>\n                      <SpeechIcon className={icon} />\n                      <span>{t(audioText)}</span>\n                      <span className={menu.hint}>\n                        <Menu.ItemValue className={menu.hintLabel} />\n                        <MenuChevron />\n                      </span>\n                    </div>\n                  )}\n                />\n                <Menu.Content className={menu.submenuPanel}>\n                  <Menu.Back className={menu.back}>\n                    <MenuChevron flipped />\n                    {t(audioText)}\n                  </Menu.Back>\n                  <Menu.Separator className={menu.separator} />\n                  <Menu.RadioGroup\n                    className={menu.group}\n                    value={audioTrack.value}\n                    onValueChange={audioTrack.setValue}\n                    aria-label={t(audioText)}\n                  >\n                    {audioTrack.options.map((option) => (\n                      <Menu.RadioItem\n                        key={option.value}\n                        className={menu.item}\n                        value={option.value}\n                        disabled={option.disabled}\n                      >\n                        <span>{option.label}</span>\n                        <Menu.ItemIndicator\n                          checked={option.value === audioTrack.value}\n                          forceMount\n                          className={menu.indicator}\n                        >\n                          <CheckIcon className={icon} />\n                        </Menu.ItemIndicator>\n                      </Menu.RadioItem>\n                    ))}\n                  </Menu.RadioGroup>\n                </Menu.Content>\n              </Menu.Root>\n            ) : null}\n\n            {hasPlaybackRate ? (\n              <Menu.Root>\n                <Menu.Trigger\n                  type=\"playback-rate\"\n                  className={menu.item}\n                  render={(props) => (\n                    <div {...props}>\n                      <SpeedIcon className={cn(icon, menu.icon)} />\n                      <span>{t(speedText)}</span>\n                      <span className={menu.hint}>\n                        <Menu.ItemValue className={menu.hintLabel} />\n                        <MenuChevron />\n                      </span>\n                    </div>\n                  )}\n                />\n                <Menu.Content className={menu.submenuPanel}>\n                  <Menu.Back className={menu.back}>\n                    <MenuChevron flipped />\n                    {t(speedText)}\n                  </Menu.Back>\n                  <Menu.Separator className={menu.separator} />\n                  <Menu.RadioGroup\n                    className={menu.group}\n                    value={playbackRate.value}\n                    onValueChange={playbackRate.setValue}\n                    aria-label={t(playbackRateText)}\n                  >\n                    {playbackRate.options.map((option) => (\n                      <Menu.RadioItem\n                        key={option.value}\n                        className={menu.item}\n                        value={option.value}\n                        disabled={option.disabled}\n                      >\n                        <span>{option.label}</span>\n                        <Menu.ItemIndicator\n                          checked={option.value === playbackRate.value}\n                          forceMount\n                          className={menu.indicator}\n                        >\n                          <CheckIcon className={cn(icon, menu.icon)} />\n                        </Menu.ItemIndicator>\n                      </Menu.RadioItem>\n                    ))}\n                  </Menu.RadioGroup>\n                </Menu.Content>\n              </Menu.Root>\n            ) : null}\n\n            {hasCaptions ? (\n              <Menu.Root>\n                <Menu.Trigger\n                  type=\"captions\"\n                  className={menu.item}\n                  render={(props) => (\n                    <div {...props}>\n                      <CaptionsOffIcon className={cn(icon, menu.icon)} />\n                      <span>{t(captionsText)}</span>\n                      <span className={menu.hint}>\n                        <Menu.ItemValue className={menu.hintLabel} />\n                        <MenuChevron />\n                      </span>\n                    </div>\n                  )}\n                />\n                <Menu.Content className={menu.submenuPanel}>\n                  <Menu.Back className={menu.back}>\n                    <MenuChevron flipped />\n                    {t(captionsText)}\n                  </Menu.Back>\n                  <Menu.Separator className={menu.separator} />\n                  <Menu.RadioGroup\n                    className={menu.group}\n                    value={captions.value}\n                    onValueChange={captions.setValue}\n                    aria-label={t(captionsText)}\n                  >\n                    {captions.options.map((option) => (\n                      <Menu.RadioItem\n                        key={option.value}\n                        className={menu.item}\n                        value={option.value}\n                        disabled={option.disabled}\n                      >\n                        <span>{option.label}</span>\n                        <Menu.ItemIndicator\n                          checked={option.value === captions.value}\n                          forceMount\n                          className={menu.indicator}\n                        >\n                          <CheckIcon className={cn(icon, menu.icon)} />\n                        </Menu.ItemIndicator>\n                      </Menu.RadioItem>\n                    ))}\n                  </Menu.RadioGroup>\n                </Menu.Content>\n              </Menu.Root>\n            ) : null}\n          </div>\n        </Menu.View>\n      </Menu.Content>\n    </Menu.Root>\n  );\n}\n\n/* ------------------------------------------ Skin ------------------------------------------- */\n\nexport function VideoSkinTailwind(props: VideoSkinProps): ReactNode {\n  const { children, className, poster: posterProp, placeholder, style, ...rest } = props;\n\n  const containerStyle = placeholder\n    ? ({ '--media-poster-placeholder': `url(${placeholder})`, ...style } as CSSProperties)\n    : style;\n\n  return (\n    <Container className={cn(root(false), className)} style={containerStyle} {...rest}>\n      {children}\n\n      {posterProp && (\n        <Poster\n          src={isString(posterProp) ? posterProp : undefined}\n          render={isRenderProp(posterProp) ? posterProp : undefined}\n          className={poster(false)}\n        />\n      )}\n\n      <BufferingIndicator\n        render={(props) => (\n          <div {...props} className={bufferingIndicator.root}>\n            <SpinnerIcon className={icon} />\n          </div>\n        )}\n      />\n\n      <ErrorDialog.Root>\n        <ErrorDialog.Popup className={error.root}>\n          <div className={error.dialog}>\n            <div className={error.content}>\n              <ErrorDialog.Title className={error.title}></ErrorDialog.Title>\n              <ErrorDialog.Description className={error.description} />\n            </div>\n            <div className={error.actions}>\n              <ErrorDialog.Close className={cn(button.base, button.primary)}></ErrorDialog.Close>\n            </div>\n          </div>\n        </ErrorDialog.Popup>\n      </ErrorDialog.Root>\n\n      <Controls.Root\n        data-controls=\"\" // Used as a hook for Tailwind has-[] styles\n        className={controls}\n      >\n        <Tooltip.Provider>\n          <div className={primaryControls}>\n            <div className={buttonGroupStart}>\n              <Tooltip.Root side=\"top\">\n                <Tooltip.Trigger\n                  render={\n                    <PlayButton className={iconState.play.button} render={<Button />}>\n                      <RestartIcon className={cn(icon, iconState.play.restart)} />\n                      <PlayIcon className={cn(icon, iconState.play.play)} />\n                      <PauseIcon className={cn(icon, iconState.play.pause)} />\n                    </PlayButton>\n                  }\n                />\n                <Tooltip.Popup className={cn(popup.tooltip)}>\n                  <Tooltip.Label />\n                  <Tooltip.Shortcut className={popup.tooltipShortcut} />\n                </Tooltip.Popup>\n              </Tooltip.Root>\n\n              <VolumePopover />\n            </div>\n\n            <div className={time.group}>\n              <Time.Value type=\"current\" className={time.current} />\n              <TimeSlider.Root render={<SliderRoot />}>\n                <TimeSlider.Track render={<SliderTrack />}>\n                  <TimeSlider.Fill render={<SliderFill />} />\n                  <TimeSlider.Buffer render={<SliderBuffer />} />\n                </TimeSlider.Track>\n                <TimeSlider.Thumb render={<SliderThumb />} />\n                <div className={thumbnail.root}>\n                  <Slider.Thumbnail className={thumbnail.image} />\n                  <TimeSlider.Value type=\"pointer\" className={thumbnail.time} />\n                  <SpinnerIcon className={cn(icon, thumbnail.spinner)} />\n                </div>\n                <TimeSlider.Preview className={slider.preview}>\n                  <TimeSlider.Value type=\"pointer\" className={slider.value} />\n                </TimeSlider.Preview>\n              </TimeSlider.Root>\n              <Time.Value toggle type=\"remaining\" className={time.duration} />\n            </div>\n\n            <div className={cn(buttonGroupEnd, menu.settingsGroup)}>\n              <Tooltip.Root side=\"top\">\n                <Tooltip.Trigger\n                  render={\n                    <CaptionsButton className={iconState.captions.button} render={<Button />}>\n                      <CaptionsOffIcon className={cn(icon, iconState.captions.off)} />\n                      <CaptionsOnIcon className={cn(icon, iconState.captions.on)} />\n                    </CaptionsButton>\n                  }\n                />\n                <Tooltip.Popup className={cn(popup.tooltip)}>\n                  <Tooltip.Label />\n                  <Tooltip.Shortcut className={popup.tooltipShortcut} />\n                </Tooltip.Popup>\n              </Tooltip.Root>\n\n              <SettingsMenu />\n            </div>\n          </div>\n\n          <div className={secondaryControls}>\n            <div className={buttonGroupEnd}>\n              <Tooltip.Root side=\"top\">\n                <Tooltip.Trigger\n                  render={\n                    <CastButton className={iconState.cast.button} render={<Button />}>\n                      <CastEnterIcon className={cn(icon, iconState.cast.enter)} />\n                      <CastExitIcon className={cn(icon, iconState.cast.exit)} />\n                    </CastButton>\n                  }\n                />\n                <Tooltip.Popup className={cn(popup.tooltip)}>\n                  <Tooltip.Label />\n                  <Tooltip.Shortcut className={popup.tooltipShortcut} />\n                </Tooltip.Popup>\n              </Tooltip.Root>\n\n              <Tooltip.Root side=\"top\">\n                <Tooltip.Trigger\n                  render={\n                    <AirPlayButton className={iconState.airplay.button} render={<Button />}>\n                      <AirPlayEnterIcon className={cn(icon, iconState.airplay.enter)} />\n                      <AirPlayExitIcon className={cn(icon, iconState.airplay.exit)} />\n                    </AirPlayButton>\n                  }\n                />\n                <Tooltip.Popup className={cn(popup.tooltip)}>\n                  <Tooltip.Label />\n                  <Tooltip.Shortcut className={popup.tooltipShortcut} />\n                </Tooltip.Popup>\n              </Tooltip.Root>\n\n              <Tooltip.Root side=\"top\">\n                <Tooltip.Trigger\n                  render={\n                    <PiPButton className={iconState.pip.button} render={<Button />}>\n                      <PipEnterIcon className={cn(icon, iconState.pip.off)} />\n                      <PipExitIcon className={cn(icon, iconState.pip.on)} />\n                    </PiPButton>\n                  }\n                />\n                <Tooltip.Popup className={cn(popup.tooltip)}>\n                  <Tooltip.Label />\n                  <Tooltip.Shortcut className={popup.tooltipShortcut} />\n                </Tooltip.Popup>\n              </Tooltip.Root>\n\n              <Tooltip.Root side=\"top\">\n                <Tooltip.Trigger\n                  render={\n                    <FullscreenButton className={iconState.fullscreen.button} render={<Button />}>\n                      <FullscreenEnterIcon className={cn(icon, iconState.fullscreen.enter)} />\n                      <FullscreenExitIcon className={cn(icon, iconState.fullscreen.exit)} />\n                    </FullscreenButton>\n                  }\n                />\n                <Tooltip.Popup className={cn(popup.tooltip)}>\n                  <Tooltip.Label />\n                  <Tooltip.Shortcut className={popup.tooltipShortcut} />\n                </Tooltip.Popup>\n              </Tooltip.Root>\n            </div>\n          </div>\n        </Tooltip.Provider>\n      </Controls.Root>\n\n      <div className={overlay} />\n\n      {/* Hotkeys */}\n      <Hotkey keys=\"Space\" action=\"togglePaused\" />\n      <Hotkey keys=\"k\" action=\"togglePaused\" />\n      <Hotkey keys=\"m\" action=\"toggleMuted\" />\n      <Hotkey keys=\"f\" action=\"toggleFullscreen\" />\n      <Hotkey keys=\"c\" action=\"toggleSubtitles\" />\n      <Hotkey keys=\"i\" action=\"togglePictureInPicture\" />\n      <Hotkey keys=\"ArrowRight\" action=\"seekStep\" value={SEEK_TIME / 2} />\n      <Hotkey keys=\"ArrowLeft\" action=\"seekStep\" value={-(SEEK_TIME / 2)} />\n      <Hotkey keys=\"l\" action=\"seekStep\" value={SEEK_TIME} />\n      <Hotkey keys=\"j\" action=\"seekStep\" value={-SEEK_TIME} />\n      <Hotkey keys=\"ArrowUp\" action=\"volumeStep\" value={0.05} />\n      <Hotkey keys=\"ArrowDown\" action=\"volumeStep\" value={-0.05} />\n      <Hotkey keys=\"0-9\" action=\"seekToPercent\" />\n      <Hotkey keys=\"Home\" action=\"seekToPercent\" value={0} />\n      <Hotkey keys=\"End\" action=\"seekToPercent\" value={100} />\n      <Hotkey keys=\">\" action=\"speedUp\" />\n      <Hotkey keys=\"<\" action=\"speedDown\" />\n\n      {/* Gestures */}\n      <Gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n      <Gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n      <Gesture type=\"doubletap\" action=\"seekStep\" value={-SEEK_TIME} region=\"left\" />\n      <Gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n      <Gesture type=\"doubletap\" action=\"seekStep\" value={SEEK_TIME} region=\"right\" />\n\n      {/* Input Feedback */}\n      <StatusAnnouncer className=\"sr-only\" />\n      <div className={inputFeedback.root}>\n        <VolumeIndicator.Root\n          className={cn(inputFeedback.island.base, inputFeedback.island.volume, inputFeedback.island.shownVolume)}\n        >\n          <VolumeIndicator.Fill className={inputFeedback.island.content}>\n            <VolumeHighIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownVolumeHigh)} />\n            <VolumeLowIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownVolumeLow)} />\n            <VolumeOffIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownVolumeOff)} />\n            <VolumeIndicator.Value className={inputFeedback.island.value} />\n          </VolumeIndicator.Fill>\n        </VolumeIndicator.Root>\n\n        <StatusIndicator.Root\n          actions={TOP_STATUS_ACTIONS}\n          className={cn(inputFeedback.island.base, inputFeedback.island.shownStatus)}\n        >\n          <div className={inputFeedback.island.content}>\n            <CaptionsOnIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownCaptionsOn)} />\n            <CaptionsOffIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownCaptionsOff)} />\n            <FullscreenEnterIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownFullscreenEnter)} />\n            <FullscreenExitIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownFullscreenExit)} />\n            <PipEnterIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownPipEnter)} />\n            <PipExitIcon className={cn(inputFeedback.island.icon, inputFeedback.island.shownPipExit)} />\n            <StatusIndicator.Value className={inputFeedback.island.value} />\n          </div>\n        </StatusIndicator.Root>\n\n        <SeekIndicator.Root className={inputFeedback.bubble.base}>\n          <ChevronIcon className={cn(inputFeedback.bubble.icon, inputFeedback.bubble.shownSeek)} />\n          <SeekIndicator.Value className={inputFeedback.bubble.time} />\n        </SeekIndicator.Root>\n\n        <StatusIndicator.Root actions={CENTER_STATUS_ACTIONS} className={inputFeedback.bubble.base}>\n          <PlayIcon className={cn(inputFeedback.bubble.icon, inputFeedback.bubble.shownPlay)} />\n          <PauseIcon className={cn(inputFeedback.bubble.icon, inputFeedback.bubble.shownPause)} />\n        </StatusIndicator.Root>\n      </div>\n    </Container>\n  );\n}\n"],"mappings":"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"}

package/dist/dev/skins/dist/default/default/tailwind/audio.tailwind.js

@@ -1,22 +1,34 @@
-import "../../shared/tailwind/icon-state.js";
-import { bufferingIndicator as bufferingIndicator$1 } from "./components/buffering.js";
+import { iconState } from "../../shared/tailwind/icon-state.js";
 import { controls as controls$1 } from "./components/controls.js";
 import { error as error$1 } from "./components/error.js";
 import { popup as popup$1 } from "./components/popup.js";
 import { root as root$1 } from "./components/root.js";
 import { slider as slider$1 } from "./components/slider.js";
 import { surface } from "./components/surface.js";
-import "./components/button.js";
-import "./components/button-group.js";
-import "./components/icon.js";
-import "./components/menu.js";
-import "./components/playback-rate.js";
-import "./components/seek.js";
-import "./components/time.js";
+import { time as time$1 } from "./components/time.js";
+import "./components/badge.js";
+import "./components/buffering.js";
+import { button } from "./components/button.js";
+import { buttonGroup } from "./components/button-group.js";
+import { icon, iconContainer, iconFlipped } from "./components/icon.js";
+import { menu } from "./components/menu.js";
+import { playbackRate } from "./components/playback-rate.js";
+import { seek } from "./components/seek.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/audio.tailwind.js
-const root = cn(root$1, "[--media-text-color:var(--media-color-primary,oklch(0_0_0))]", "[--media-surface-background-color:oklch(1_0_0/0.5)]", "[--media-surface-inner-border-color:oklch(1_0_0/0.1)]", "[--media-surface-outer-border-color:oklch(0_0_0/0.05)]", "[--media-surface-shadow-color:oklch(0_0_0/0.15)]", "[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-tooltip-side-offset:0.75rem]", "[--media-tooltip-boundary-offset:0.75rem]", "[--media-popover-side-offset:0.75rem]", "[--media-popover-boundary-offset:0.75rem]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "dark:[--media-surface-background-color:oklch(0_0_0/0.4)]", "dark:[--media-text-color:var(--media-color-primary,oklch(1_0_0))]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(1_0_0)]", "contrast-more:[--media-surface-background-color:oklch(1_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]", "contrast-more:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "dark:contrast-more:[--media-surface-background-color:oklch(0_0_0)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]", "dark:contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]", "dark:contrast-more:[--media-surface-outer-border-color:transparent]");
-const controls = cn(controls$1, surface, "text-(--media-text-color)", "peer-data-open/error:**:invisible");
+const root = cn(root$1, "[--media-text-color:var(--media-color-primary,oklch(0_0_0))]", "[--media-surface-background-color:oklch(1_0_0/0.5)]", "[--media-surface-inner-border-color:oklch(1_0_0/0.1)]", "[--media-surface-outer-border-color:oklch(0_0_0/0.05)]", "[--media-surface-shadow-color:oklch(0_0_0/0.15)]", "[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "dark:[--media-surface-background-color:oklch(0_0_0/0.4)]", "dark:[--media-text-color:var(--media-color-primary,oklch(1_0_0))]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(1_0_0)]", "contrast-more:[--media-surface-background-color:oklch(1_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]", "contrast-more:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "dark:contrast-more:[--media-surface-background-color:oklch(0_0_0)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]", "dark:contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]", "dark:contrast-more:[--media-surface-outer-border-color:transparent]");
+const controls = cn(controls$1, surface, "[--base-boundary-offset:2]", "text-(--media-text-color)", "peer-data-open/error:**:invisible");
+const spacer = "grow";
+const time = {
+	...time$1,
+	group: cn(time$1.group, "px-3")
+};
+const playButton = {
+	wrapper: "group/play inline-flex relative",
+	/** `peer/play-buffering` on `bufferingRoot`; merge onto the play trigger after the peer in DOM. */
+	control: "peer-data-visible/play-buffering:[&>svg]:opacity-0",
+	bufferingRoot: cn("peer/play-buffering", "absolute inset-0 z-10 hidden place-content-center pointer-events-none text-inherit", "not-data-visible:[--media-spinner-animation:none]", "data-visible:grid")
+};
 const slider = {
 	...slider$1,
 	track: cn(slider$1.track, "bg-black/10", "dark:bg-white/20 dark:ring-1 dark:ring-black/5")
@@ -26,13 +38,12 @@ const popup = {
 	popover: cn(surface, popup$1.popover),
 	tooltip: cn(surface, popup$1.tooltip)
 };
-({ ...bufferingIndicator$1 }), cn(bufferingIndicator$1.container, surface);
 const error = {
 	...error$1,
 	dialog: cn("absolute inset-0 z-20 flex items-center gap-3 rounded-full px-5 pr-0.5", "bg-(--media-surface-background-color) text-(--media-text-color)", "backdrop-blur-lg backdrop-saturate-150", "transition-[opacity,filter] ease-out", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs", "group-data-ending-style/error:delay-0"),
 	content: "flex flex-1 items-center gap-2"
 };
 //#endregion
-export { controls, error, popup, root, slider };
+export { button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconState, menu, playButton, playbackRate, popup, root, seek, slider, spacer, time };
 
 //# sourceMappingURL=audio.tailwind.js.map

package/dist/dev/skins/dist/default/default/tailwind/audio.tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/audio.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/audio.tailwind.ts\nconst root = cn(root$1, \"[--media-text-color:var(--media-color-primary,oklch(0_0_0))]\", \"[--media-surface-background-color:oklch(1_0_0/0.5)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.05)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--media-error-dialog-transition-duration:250ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-tooltip-side-offset:0.75rem]\", \"[--media-tooltip-boundary-offset:0.75rem]\", \"[--media-popover-side-offset:0.75rem]\", \"[--media-popover-boundary-offset:0.75rem]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"dark:[--media-surface-background-color:oklch(0_0_0/0.4)]\", \"dark:[--media-text-color:var(--media-color-primary,oklch(1_0_0))]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(1_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(1_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]\", \"contrast-more:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]\", \"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"dark:contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]\", \"dark:contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]\", \"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"dark:contrast-more:[--media-surface-outer-border-color:transparent]\");\nconst controls = cn(controls$1, surface, \"text-(--media-text-color)\", \"peer-data-open/error:**:invisible\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-black/10\", \"dark:bg-white/20 dark:ring-1 dark:ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(\"absolute inset-0 z-20 flex items-center gap-3 rounded-full px-5 pr-0.5\", \"bg-(--media-surface-background-color) text-(--media-text-color)\", \"backdrop-blur-lg backdrop-saturate-150\", \"transition-[opacity,filter] ease-out\", \"duration-(--media-error-dialog-transition-duration)\", \"delay-(--media-error-dialog-transition-delay)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-1 items-center gap-2\"\n};\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, menu, playbackRate, popup, root, seek, slider, time };\n\n//# sourceMappingURL=audio.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,OAAO,GAAG,QAAQ,gEAAgE,uDAAuD,yDAAyD,0DAA0D,oDAAoD,8DAA8D,oDAAoD,iDAAiD,6CAA6C,uDAAuD,yCAAyC,6CAA6C,yCAAyC,6CAA6C,iEAAiE,6DAA6D,yDAAyD,4DAA4D,qEAAqE,iGAAiG,iEAAiE,wGAAwG,wEAAwE,sGAAsG,sEAAsE,4GAA4G,4EAA4E,uGAAuG,sEAAsE;AACp4D,MAAM,WAAW,GAAG,YAAY,SAAS,6BAA6B,oCAAoC;AAC1G,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,eAAe,iDAAiD;CAC1F;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;CAGA,EADA,GAAG,sBACmD,GAA3C,GAAG,qBAAqB,WAAW,QAAQ;AAEvD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0EAA0E,mEAAmE,0CAA0C,wCAAwC,uDAAuD,iDAAiD,qFAAqF,iFAAiF,wCAAwC;CAChiB,SAAS;CACT"}
+{"version":3,"file":"audio.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/audio.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/audio.tailwind.ts\nconst root = cn(root$1, \"[--media-text-color:var(--media-color-primary,oklch(0_0_0))]\", \"[--media-surface-background-color:oklch(1_0_0/0.5)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.05)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--media-error-dialog-transition-duration:250ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"dark:[--media-surface-background-color:oklch(0_0_0/0.4)]\", \"dark:[--media-text-color:var(--media-color-primary,oklch(1_0_0))]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(1_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(1_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]\", \"contrast-more:[--media-surface-outer-border-color:oklch(0_0_0/0.05)]\", \"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"dark:contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]\", \"dark:contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.2)]\", \"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"dark:contrast-more:[--media-surface-outer-border-color:transparent]\");\nconst controls = cn(controls$1, surface, \"[--base-boundary-offset:2]\", \"text-(--media-text-color)\", \"peer-data-open/error:**:invisible\");\nconst spacer = \"grow\";\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"px-3\")\n};\nconst playButton = {\n\twrapper: \"group/play inline-flex relative\",\n\t/** `peer/play-buffering` on `bufferingRoot`; merge onto the play trigger after the peer in DOM. */\n\tcontrol: \"peer-data-visible/play-buffering:[&>svg]:opacity-0\",\n\tbufferingRoot: cn(\"peer/play-buffering\", \"absolute inset-0 z-10 hidden place-content-center pointer-events-none text-inherit\", \"not-data-visible:[--media-spinner-animation:none]\", \"data-visible:grid\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-black/10\", \"dark:bg-white/20 dark:ring-1 dark:ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(\"absolute inset-0 z-20 flex items-center gap-3 rounded-full px-5 pr-0.5\", \"bg-(--media-surface-background-color) text-(--media-text-color)\", \"backdrop-blur-lg backdrop-saturate-150\", \"transition-[opacity,filter] ease-out\", \"duration-(--media-error-dialog-transition-duration)\", \"delay-(--media-error-dialog-transition-delay)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-1 items-center gap-2\"\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, menu, playButton, playbackRate, popup, root, seek, slider, spacer, time };\n\n//# sourceMappingURL=audio.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAM,OAAO,GAAG,QAAQ,gEAAgE,uDAAuD,yDAAyD,0DAA0D,oDAAoD,8DAA8D,oDAAoD,iDAAiD,6CAA6C,uDAAuD,iEAAiE,6DAA6D,yDAAyD,4DAA4D,qEAAqE,iGAAiG,iEAAiE,wGAAwG,wEAAwE,sGAAsG,sEAAsE,4GAA4G,4EAA4E,uGAAuG,qEAAqE;AACvtD,MAAM,WAAW,GAAG,YAAY,SAAS,8BAA8B,6BAA6B,mCAAmC;AACvI,MAAM,SAAS;AACf,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,MAAM;AAC/B;AACA,MAAM,aAAa;CAClB,SAAS;;CAET,SAAS;CACT,eAAe,GAAG,uBAAuB,sFAAsF,qDAAqD,mBAAmB;AACxM;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,eAAe,gDAAgD;AAC1F;AACA,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,OAAO;CACpC,SAAS,GAAG,SAAS,QAAQ,OAAO;AACrC;AACA,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0EAA0E,mEAAmE,0CAA0C,wCAAwC,uDAAuD,iDAAiD,qFAAqF,iFAAiF,uCAAuC;CAC/hB,SAAS;AACV"}

package/dist/dev/skins/dist/default/default/tailwind/components/badge.js

@@ -0,0 +1,6 @@
+//#region ../skins/dist/default/default/tailwind/components/badge.js
+const badge = "rounded-full bg-current/10 px-1.5 py-0.5 text-(length:--font-size-small) font-medium leading-none text-current/70";
+//#endregion
+export { badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/badge.js"],"sourcesContent":["//#region src/default/tailwind/components/badge.ts\nconst badge = \"rounded-full bg-current/10 px-1.5 py-0.5 text-(length:--font-size-small) font-medium leading-none text-current/70\";\n//#endregion\nexport { badge };\n\n//# sourceMappingURL=badge.js.map"],"mappings":";AACA,MAAM,QAAQ"}

package/dist/dev/skins/dist/default/default/tailwind/components/buffering.js

@@ -1,8 +1,5 @@
 //#region ../skins/dist/default/default/tailwind/components/buffering.js
-const bufferingIndicator = {
-	root: "absolute inset-0 hidden items-center justify-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:flex",
-	container: "p-1 rounded-full"
-};
+const bufferingIndicator = { root: "peer/buffering absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:grid" };
 //#endregion
 export { bufferingIndicator };
 

package/dist/dev/skins/dist/default/default/tailwind/components/buffering.js.map

@@ -1 +1 @@
-{"version":3,"file":"buffering.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/buffering.js"],"sourcesContent":["//#region src/default/tailwind/components/buffering.ts\nconst bufferingIndicator = {\n\troot: \"absolute inset-0 hidden items-center justify-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:flex\",\n\tcontainer: \"p-1 rounded-full\"\n};\n//#endregion\nexport { bufferingIndicator };\n\n//# sourceMappingURL=buffering.js.map"],"mappings":";AACA,MAAM,qBAAqB;CAC1B,MAAM;CACN,WAAW;CACX"}
+{"version":3,"file":"buffering.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/buffering.js"],"sourcesContent":["//#region src/default/tailwind/components/buffering.ts\nconst bufferingIndicator = { root: \"peer/buffering absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:grid\" };\n//#endregion\nexport { bufferingIndicator };\n\n//# sourceMappingURL=buffering.js.map"],"mappings":";AACA,MAAM,qBAAqB,EAAE,MAAM,sKAAsK"}

package/dist/dev/skins/dist/default/default/tailwind/components/button-group.js

@@ -1,6 +1,5 @@
-import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/button-group.js
-const buttonGroup = cn("flex items-center gap-[0.075rem]", "@2xl/media-root:gap-0.5");
+const buttonGroup = "flex items-center gap-px";
 //#endregion
 export { buttonGroup };
 

package/dist/dev/skins/dist/default/default/tailwind/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/button-group.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/button-group.ts\nconst buttonGroup = cn(\"flex items-center gap-[0.075rem]\", \"@2xl/media-root:gap-0.5\");\n//#endregion\nexport { buttonGroup };\n\n//# sourceMappingURL=button-group.js.map"],"mappings":";;AAEA,MAAM,cAAc,GAAG,oCAAoC,0BAA0B"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/button-group.js"],"sourcesContent":["//#region src/default/tailwind/components/button-group.ts\nconst buttonGroup = \"flex items-center gap-px\";\n//#endregion\nexport { buttonGroup };\n\n//# sourceMappingURL=button-group.js.map"],"mappings":";AACA,MAAM,cAAc"}

package/dist/dev/skins/dist/default/default/tailwind/components/button.js

@@ -1,11 +1,16 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/button.js
 const button = {
-	base: cn("flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0", "py-2 px-4 rounded-full", "outline-2 outline-transparent -outline-offset-2", "transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out", "active:scale-[0.98]", "disabled:cursor-not-allowed disabled:opacity-50 disabled:grayscale", "focus-visible:outline-current focus-visible:outline-offset-2", "data-[availability=unavailable]:hidden", "data-[availability=unsupported]:hidden"),
+	base: cn("flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0 h-9", "py-2 px-4 rounded-full", "outline-2 outline-transparent -outline-offset-2", "transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out", "not-aria-disabled:active:scale-[0.98]", "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:grayscale", "focus-visible:outline-current focus-visible:outline-offset-2"),
 	primary: "bg-white text-black font-medium text-shadow-none",
 	subtle: cn("bg-transparent text-inherit text-shadow-inherit", "hover:bg-current/10 hover:no-underline", "focus-visible:bg-current/10", "aria-expanded:bg-current/10"),
-	icon: cn("grid w-9 aspect-square p-0", "active:scale-90"),
-	live: cn("inline-flex items-center gap-1.5", "aspect-auto w-auto px-3 py-2", "text-xs font-semibold uppercase tracking-wider leading-none", "before:inline-block before:size-2 before:shrink-0 before:rounded-full", "before:bg-current/40 before:transition-colors before:duration-150 before:ease-out", "before:content-[\"\"]", "data-[live-edge]:before:bg-red-500")
+	icon: cn("grid aspect-square p-0!", "not-aria-disabled:active:scale-90"),
+	seek: "@max-lg/media-root:hidden",
+	/**
+	* Live variant: wide pill button with a status dot rendered via `::before`
+	* (gray → red at the live edge) and "LIVE" as the button's own text.
+	*/
+	live: cn("inline-flex items-center gap-1.5", "aspect-auto w-auto px-3 py-2", "text-(length:--font-size-small) font-semibold uppercase tracking-wider leading-none", "before:inline-block before:size-2 before:shrink-0 before:rounded-full", "before:bg-current/40 before:transition-colors before:duration-150 before:ease-out", "data-[live-edge]:before:bg-red-500")
 };
 //#endregion
 export { button };

package/dist/dev/skins/dist/default/default/tailwind/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/button.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/button.ts\nconst button = {\n\tbase: cn(\"flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0\", \"py-2 px-4 rounded-full\", \"outline-2 outline-transparent -outline-offset-2\", \"transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out\", \"active:scale-[0.98]\", \"disabled:cursor-not-allowed disabled:opacity-50 disabled:grayscale\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"data-[availability=unavailable]:hidden\", \"data-[availability=unsupported]:hidden\"),\n\tprimary: \"bg-white text-black font-medium text-shadow-none\",\n\tsubtle: cn(\"bg-transparent text-inherit text-shadow-inherit\", \"hover:bg-current/10 hover:no-underline\", \"focus-visible:bg-current/10\", \"aria-expanded:bg-current/10\"),\n\ticon: cn(\"grid w-9 aspect-square p-0\", \"active:scale-90\"),\n\tlive: cn(\"inline-flex items-center gap-1.5\", \"aspect-auto w-auto px-3 py-2\", \"text-xs font-semibold uppercase tracking-wider leading-none\", \"before:inline-block before:size-2 before:shrink-0 before:rounded-full\", \"before:bg-current/40 before:transition-colors before:duration-150 before:ease-out\", \"before:content-[\\\"\\\"]\", \"data-[live-edge]:before:bg-red-500\")\n};\n//#endregion\nexport { button };\n\n//# sourceMappingURL=button.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM,GAAG,2HAA2H,0BAA0B,mDAAmD,gGAAgG,uBAAuB,sEAAsE,gEAAgE,0CAA0C,yCAAyC;CACjiB,SAAS;CACT,QAAQ,GAAG,mDAAmD,0CAA0C,+BAA+B,8BAA8B;CACrK,MAAM,GAAG,8BAA8B,kBAAkB;CACzD,MAAM,GAAG,oCAAoC,gCAAgC,+DAA+D,yEAAyE,qFAAqF,yBAAyB,qCAAqC;CACxW"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/button.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\nconst button = {\n\tbase: cn(\"flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0 h-9\", \"py-2 px-4 rounded-full\", \"outline-2 outline-transparent -outline-offset-2\", \"transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out\", \"not-aria-disabled:active:scale-[0.98]\", \"aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:grayscale\", \"focus-visible:outline-current focus-visible:outline-offset-2\"),\n\tprimary: \"bg-white text-black font-medium text-shadow-none\",\n\tsubtle: cn(\"bg-transparent text-inherit text-shadow-inherit\", \"hover:bg-current/10 hover:no-underline\", \"focus-visible:bg-current/10\", \"aria-expanded:bg-current/10\"),\n\ticon: cn(\"grid aspect-square p-0!\", \"not-aria-disabled:active:scale-90\"),\n\tseek: \"@max-lg/media-root:hidden\",\n\t/**\n\t* Live variant: wide pill button with a status dot rendered via `::before`\n\t* (gray → red at the live edge) and \"LIVE\" as the button's own text.\n\t*/\n\tlive: cn(\"inline-flex items-center gap-1.5\", \"aspect-auto w-auto px-3 py-2\", \"text-(length:--font-size-small) font-semibold uppercase tracking-wider leading-none\", \"before:inline-block before:size-2 before:shrink-0 before:rounded-full\", \"before:bg-current/40 before:transition-colors before:duration-150 before:ease-out\", \"data-[live-edge]:before:bg-red-500\")\n};\n//#endregion\nexport { button };\n\n//# sourceMappingURL=button.js.map"],"mappings":";;AACA,MAAM,SAAS;CACd,MAAM,GAAG,+HAA+H,0BAA0B,mDAAmD,gGAAgG,yCAAyC,qFAAqF,8DAA8D;CACjf,SAAS;CACT,QAAQ,GAAG,mDAAmD,0CAA0C,+BAA+B,6BAA6B;CACpK,MAAM,GAAG,2BAA2B,mCAAmC;CACvE,MAAM;;;;;CAKN,MAAM,GAAG,oCAAoC,gCAAgC,uFAAuF,yEAAyE,qFAAqF,oCAAoC;AACvW"}

package/dist/dev/skins/dist/default/default/tailwind/components/controls.js

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/controls.js
-const controls = cn("peer/controls", "@container/media-controls", "p-[0.375rem] flex items-center gap-x-[0.075rem]", "rounded-3xl", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)");
+const controls = cn("peer/controls", "@container/media-controls", "[--media-popover-side-offset:calc(var(--spacing)*(var(--base-side-offset,2)+var(--controls-padding,1)))]", "[--media-tooltip-side-offset:var(--media-popover-side-offset)]", "[--media-popover-boundary-offset:calc(var(--spacing)*var(--base-boundary-offset,2))]", "[--media-tooltip-boundary-offset:var(--media-popover-boundary-offset)]", "[padding:calc(var(--spacing)*var(--controls-padding,1))] flex items-center", "rounded-full", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)");
 //#endregion
 export { controls };
 

package/dist/dev/skins/dist/default/default/tailwind/components/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/controls.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/controls.ts\nconst controls = cn(\"peer/controls\", \"@container/media-controls\", \"p-[0.375rem] flex items-center gap-x-[0.075rem]\", \"rounded-3xl\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\");\n//#endregion\nexport { controls };\n\n//# sourceMappingURL=controls.js.map"],"mappings":";;AAEA,MAAM,WAAW,GAAG,iBAAiB,6BAA6B,mDAAmD,eAAe,mEAAmE"}
+{"version":3,"file":"controls.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/controls.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/controls.ts\nconst controls = cn(\"peer/controls\", \"@container/media-controls\", \"[--media-popover-side-offset:calc(var(--spacing)*(var(--base-side-offset,2)+var(--controls-padding,1)))]\", \"[--media-tooltip-side-offset:var(--media-popover-side-offset)]\", \"[--media-popover-boundary-offset:calc(var(--spacing)*var(--base-boundary-offset,2))]\", \"[--media-tooltip-boundary-offset:var(--media-popover-boundary-offset)]\", \"[padding:calc(var(--spacing)*var(--controls-padding,1))] flex items-center\", \"rounded-full\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\");\n//#endregion\nexport { controls };\n\n//# sourceMappingURL=controls.js.map"],"mappings":";;AAEA,MAAM,WAAW,GAAG,iBAAiB,6BAA6B,4GAA4G,kEAAkE,wFAAwF,0EAA0E,8EAA8E,gBAAgB,kEAAkE"}

package/dist/dev/skins/dist/default/default/tailwind/components/error.js

@@ -2,7 +2,7 @@ import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/error.js
 const error = {
 	root: "peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none",
-	dialog: cn("flex flex-col gap-3 max-w-72 p-3 rounded-[1.75rem] text-white", "transition-[opacity,scale,transform]", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "ease-(--media-error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50", "group-data-ending-style/error:delay-0"),
+	dialog: cn("flex flex-col gap-3 max-w-72 p-3 rounded-[--spacing(7)] text-white", "transition-[opacity,scale,transform]", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "ease-(--media-error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50", "group-data-ending-style/error:delay-0"),
 	content: "flex flex-col gap-2 px-2 pt-2 pb-1.5",
 	title: "font-semibold leading-tight",
 	description: "opacity-70 wrap-anywhere",

package/dist/dev/skins/dist/default/default/tailwind/components/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-72 p-3 rounded-[1.75rem] text-white\", \"transition-[opacity,scale,transform]\", \"duration-(--media-error-dialog-transition-duration)\", \"delay-(--media-error-dialog-transition-delay)\", \"ease-(--media-error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 px-2 pt-2 pb-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { error };\n\n//# sourceMappingURL=error.js.map"],"mappings":";;AAEA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,iEAAiE,wCAAwC,uDAAuD,iDAAiD,0DAA0D,sFAAsF,kFAAkF,wCAAwC;CACte,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;CACT"}
+{"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-72 p-3 rounded-[--spacing(7)] text-white\", \"transition-[opacity,scale,transform]\", \"duration-(--media-error-dialog-transition-duration)\", \"delay-(--media-error-dialog-transition-delay)\", \"ease-(--media-error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 px-2 pt-2 pb-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { error };\n\n//# sourceMappingURL=error.js.map"],"mappings":";;AAEA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,sEAAsE,wCAAwC,uDAAuD,iDAAiD,0DAA0D,sFAAsF,kFAAkF,uCAAuC;CAC1e,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;AACV"}

package/dist/dev/skins/dist/default/default/tailwind/components/icon.js

@@ -2,7 +2,7 @@ import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/icon.js
 const icon = cn("block [grid-area:1/1] size-(--media-icon-size) shrink-0", "drop-shadow-[0_1px_0_var(--media-current-shadow-color)]", "transition-discrete transition-[display,opacity] duration-150 ease-out");
 const iconFlipped = "[scale:-1_1]";
-const iconContainer = "relative";
+const iconContainer = "relative grid";
 //#endregion
 export { icon, iconContainer, iconFlipped };
 

package/dist/dev/skins/dist/default/default/tailwind/components/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/icon.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/icon.ts\nconst icon = cn(\"block [grid-area:1/1] size-(--media-icon-size) shrink-0\", \"drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\", \"transition-discrete transition-[display,opacity] duration-150 ease-out\");\nconst iconHidden = \"hidden opacity-0\";\nconst iconFlipped = \"[scale:-1_1]\";\nconst iconContainer = \"relative\";\n//#endregion\nexport { icon, iconContainer, iconFlipped, iconHidden };\n\n//# sourceMappingURL=icon.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,2DAA2D,2DAA2D,yEAAyE;AAE/M,MAAM,cAAc;AACpB,MAAM,gBAAgB"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/icon.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/icon.ts\nconst icon = cn(\"block [grid-area:1/1] size-(--media-icon-size) shrink-0\", \"drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\", \"transition-discrete transition-[display,opacity] duration-150 ease-out\");\nconst iconHidden = \"hidden opacity-0\";\nconst iconFlipped = \"[scale:-1_1]\";\nconst iconContainer = \"relative grid\";\n//#endregion\nexport { icon, iconContainer, iconFlipped, iconHidden };\n\n//# sourceMappingURL=icon.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,2DAA2D,2DAA2D,wEAAwE;AAE9M,MAAM,cAAc;AACpB,MAAM,gBAAgB"}

package/dist/dev/skins/dist/default/default/tailwind/components/input-feedback.js

@@ -6,11 +6,11 @@ import { cn } from "@videojs/utils/style";
 - "@videojs/react/tailwind.css" for React skins
 */
 const inputFeedback = {
-	root: cn("absolute inset-x-0 top-0 bottom-14 pointer-events-none", "grid grid-cols-3 items-center justify-items-center", "@2xl/media-root:bottom-0", "[color:var(--media-color-primary,oklch(1_0_0))]"),
+	root: cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center", "[color:var(--media-color-primary,oklch(1_0_0))]"),
 	island: {
 		base: cn("group/input-indicator", "[--media-surface-background-color:oklch(0_0_0/0.25)]", "absolute top-3 rounded-full origin-top pointer-events-none", "text-inherit font-medium", "duration-100 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-250", "data-starting-style:ease-in", "data-ending-style:duration-250", "data-ending-style:ease-in", "pointer-coarse:will-change-[scale,translate,opacity]", "pointer-coarse:transition-[scale,translate,opacity]", "pointer-fine:motion-safe:will-change-[scale,translate,filter,opacity]", "pointer-fine:motion-safe:transition-[scale,translate,filter,opacity]", "pointer-fine:motion-safe:data-starting-style:blur-sm", "pointer-fine:motion-safe:data-starting-style:scale-90", "pointer-fine:motion-safe:data-ending-style:blur-sm", "pointer-fine:motion-safe:data-ending-style:scale-90", "motion-safe:data-ending-style:-translate-y-1/4", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "contrast-more:[--media-surface-background-color:oklch(0_0_0)]"),
 		content: cn("flex justify-between items-center gap-2 px-2.5 py-1 w-full", "**:mix-blend-difference"),
-		volume: cn("w-[min(80%,12rem)]", "*:[--media-progress-fill:var(--media-volume-fill)]", "*:rounded-[inherit]", "*:[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),transparent_var(--media-progress-fill),transparent_100%)]", "*:[transition:--media-progress-fill_200ms_linear]"),
+		volume: cn("w-[min(80%,--spacing(48))]", "*:[--media-progress-fill:var(--media-volume-fill)]", "*:rounded-[inherit]", "*:[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),transparent_var(--media-progress-fill),transparent_100%)]", "*:[transition:--media-progress-fill_200ms_linear]"),
 		shownVolume: cn("data-open:duration-100", "data-min:animate-media-shake", "data-max:animate-media-shake", "motion-reduce:data-min:animate-none", "motion-reduce:data-max:animate-none"),
 		shownStatus: cn("data-open:duration-100"),
 		icon: cn("hidden shrink-0"),
@@ -19,18 +19,18 @@ const inputFeedback = {
 		shownVolumeOff: "group-data-[level=off]/input-indicator:block",
 		shownCaptionsOn: "group-data-[status=captions-on]/input-indicator:block",
 		shownCaptionsOff: "group-data-[status=captions-off]/input-indicator:block",
-		shownFullscreenEnter: cn("group-data-[status=fullscreen]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=fullscreen]/input-indicator:animate-media-pop-in"),
-		shownFullscreenExit: cn("group-data-[status=exit-fullscreen]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-fullscreen]/input-indicator:animate-media-pop-in"),
-		shownPipEnter: cn("group-data-[status=pip]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pip]/input-indicator:animate-media-pop-in"),
-		shownPipExit: cn("group-data-[status=exit-pip]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-pip]/input-indicator:animate-media-pop-in"),
+		shownFullscreenEnter: "group-data-[status=fullscreen]/input-indicator:block",
+		shownFullscreenExit: "group-data-[status=exit-fullscreen]/input-indicator:block",
+		shownPipEnter: "group-data-[status=pip]/input-indicator:block",
+		shownPipExit: "group-data-[status=exit-pip]/input-indicator:block",
 		value: "ml-auto"
 	},
 	bubble: {
-		base: cn("group/input-indicator", "col-start-2 row-start-1", "flex flex-col items-center justify-center p-4", "transition-opacity duration-250 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-200", "data-starting-style:ease-in", "data-ending-style:duration-200", "data-ending-style:ease-in", "@2xl/media-root:p-8", "not-data-direction:[transition-property:opacity,scale]", "not-data-direction:duration-600", "not-data-direction:[transition-timing-function:ease-out,linear(0,0.12_1.5%,1.35_9.7%,2.2_13.9%,3_19.9%,2.7_21.8%,0.62_37.5%,0.96_50.9%,1)]", "motion-reduce:not-data-direction:transition-opacity", "motion-reduce:not-data-direction:duration-100", "motion-reduce:not-data-direction:ease-out", "not-data-direction:data-starting-style:scale-80", "not-data-direction:data-ending-style:scale-80", "not-data-direction:data-starting-style:duration-200", "not-data-direction:data-starting-style:ease-in", "not-data-direction:data-ending-style:duration-200", "not-data-direction:data-ending-style:ease-in", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
-		icon: "hidden w-9 h-9",
-		shownSeek: cn("group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:-scale-x-100", "group-not-data-starting-style/input-indicator:group-data-[direction=forward]/input-indicator:animate-media-slide-in-forward", "group-not-data-starting-style/input-indicator:group-data-[direction=backward]/input-indicator:animate-media-slide-in-backward", "motion-reduce:group-data-direction/input-indicator:animate-none"),
-		shownPause: cn("group-data-[status=pause]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pause]/input-indicator:animate-media-pop-in"),
-		shownPlay: cn("group-data-[status=play]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=play]/input-indicator:animate-media-pop-in"),
+		base: cn("group/input-indicator", "col-start-2 row-start-1", "grid place-content-center text-center p-4", "data-direction:gap-1", "@2xl/media-root:data-direction:p-6", "not-data-direction:bg-black/35 not-data-direction:rounded-full not-data-direction:backdrop-blur-sm", "not-data-direction:[transition-property:opacity,scale]", "not-data-direction:duration-200 not-data-direction:ease-out", "motion-reduce:not-data-direction:transition-opacity", "motion-reduce:not-data-direction:duration-50", "not-data-direction:data-starting-style:opacity-0", "not-data-direction:data-ending-style:opacity-0", "not-data-direction:data-starting-style:scale-[0.85]", "not-data-direction:data-ending-style:scale-[0.85]", "not-data-direction:data-ending-style:duration-100", "not-data-direction:data-ending-style:ease-in", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
+		icon: "hidden size-[calc(var(--media-icon-size)*1.5)]",
+		shownSeek: cn("group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:[scale:-1_1]", "motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out", "motion-safe:group-data-starting-style/input-indicator:opacity-0", "motion-safe:group-data-ending-style/input-indicator:opacity-0", "motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]", "motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]"),
+		shownPause: "group-data-[status=pause]/input-indicator:block",
+		shownPlay: cn("group-data-[status=play]/input-indicator:block", "group-data-[status=play]/input-indicator:translate-x-px"),
 		time: "tabular-nums"
 	}
 };

package/dist/dev/skins/dist/default/default/tailwind/components/input-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-feedback.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/input-feedback.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/input-feedback.ts\n/**\n* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:\n- \"@videojs/html/tailwind.css\" for HTML skins\n- \"@videojs/react/tailwind.css\" for React skins\n*/\nconst inputFeedback = {\n\troot: cn(\"absolute inset-x-0 top-0 bottom-14 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center\", \"@2xl/media-root:bottom-0\", \"[color:var(--media-color-primary,oklch(1_0_0))]\"),\n\tisland: {\n\t\tbase: cn(\"group/input-indicator\", \"[--media-surface-background-color:oklch(0_0_0/0.25)]\", \"absolute top-3 rounded-full origin-top pointer-events-none\", \"text-inherit font-medium\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-250\", \"data-starting-style:ease-in\", \"data-ending-style:duration-250\", \"data-ending-style:ease-in\", \"pointer-coarse:will-change-[scale,translate,opacity]\", \"pointer-coarse:transition-[scale,translate,opacity]\", \"pointer-fine:motion-safe:will-change-[scale,translate,filter,opacity]\", \"pointer-fine:motion-safe:transition-[scale,translate,filter,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-starting-style:scale-90\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:scale-90\", \"motion-safe:data-ending-style:-translate-y-1/4\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\"),\n\t\tcontent: cn(\"flex justify-between items-center gap-2 px-2.5 py-1 w-full\", \"**:mix-blend-difference\"),\n\t\tvolume: cn(\"w-[min(80%,12rem)]\", \"*:[--media-progress-fill:var(--media-volume-fill)]\", \"*:rounded-[inherit]\", \"*:[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),transparent_var(--media-progress-fill),transparent_100%)]\", \"*:[transition:--media-progress-fill_200ms_linear]\"),\n\t\tshownVolume: cn(\"data-open:duration-100\", \"data-min:animate-media-shake\", \"data-max:animate-media-shake\", \"motion-reduce:data-min:animate-none\", \"motion-reduce:data-max:animate-none\"),\n\t\tshownStatus: cn(\"data-open:duration-100\"),\n\t\ticon: cn(\"hidden shrink-0\"),\n\t\tshownVolumeHigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tshownVolumeLow: \"group-data-[level=low]/input-indicator:block\",\n\t\tshownVolumeOff: \"group-data-[level=off]/input-indicator:block\",\n\t\tshownCaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tshownCaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tshownFullscreenEnter: cn(\"group-data-[status=fullscreen]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=fullscreen]/input-indicator:animate-media-pop-in\"),\n\t\tshownFullscreenExit: cn(\"group-data-[status=exit-fullscreen]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-fullscreen]/input-indicator:animate-media-pop-in\"),\n\t\tshownPipEnter: cn(\"group-data-[status=pip]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pip]/input-indicator:animate-media-pop-in\"),\n\t\tshownPipExit: cn(\"group-data-[status=exit-pip]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-pip]/input-indicator:animate-media-pop-in\"),\n\t\tvalue: \"ml-auto\"\n\t},\n\tbubble: {\n\t\tbase: cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"flex flex-col items-center justify-center p-4\", \"transition-opacity duration-250 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-200\", \"data-starting-style:ease-in\", \"data-ending-style:duration-200\", \"data-ending-style:ease-in\", \"@2xl/media-root:p-8\", \"not-data-direction:[transition-property:opacity,scale]\", \"not-data-direction:duration-600\", \"not-data-direction:[transition-timing-function:ease-out,linear(0,0.12_1.5%,1.35_9.7%,2.2_13.9%,3_19.9%,2.7_21.8%,0.62_37.5%,0.96_50.9%,1)]\", \"motion-reduce:not-data-direction:transition-opacity\", \"motion-reduce:not-data-direction:duration-100\", \"motion-reduce:not-data-direction:ease-out\", \"not-data-direction:data-starting-style:scale-80\", \"not-data-direction:data-ending-style:scale-80\", \"not-data-direction:data-starting-style:duration-200\", \"not-data-direction:data-starting-style:ease-in\", \"not-data-direction:data-ending-style:duration-200\", \"not-data-direction:data-ending-style:ease-in\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\t\ticon: \"hidden w-9 h-9\",\n\t\tshownSeek: cn(\"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:-scale-x-100\", \"group-not-data-starting-style/input-indicator:group-data-[direction=forward]/input-indicator:animate-media-slide-in-forward\", \"group-not-data-starting-style/input-indicator:group-data-[direction=backward]/input-indicator:animate-media-slide-in-backward\", \"motion-reduce:group-data-direction/input-indicator:animate-none\"),\n\t\tshownPause: cn(\"group-data-[status=pause]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pause]/input-indicator:animate-media-pop-in\"),\n\t\tshownPlay: cn(\"group-data-[status=play]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=play]/input-indicator:animate-media-pop-in\"),\n\t\ttime: \"tabular-nums\"\n\t}\n};\n//#endregion\nexport { inputFeedback };\n\n//# sourceMappingURL=input-feedback.js.map"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;CACrB,MAAM,GAAG,0DAA0D,sDAAsD,4BAA4B,kDAAkD;CACvM,QAAQ;EACP,MAAM,GAAG,yBAAyB,wDAAwD,8DAA8D,4BAA4B,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,wDAAwD,uDAAuD,yEAAyE,wEAAwE,wDAAwD,yDAAyD,sDAAsD,uDAAuD,kDAAkD,iGAAiG,gEAAgE;EAChkC,SAAS,GAAG,8DAA8D,0BAA0B;EACpG,QAAQ,GAAG,sBAAsB,sDAAsD,uBAAuB,kKAAkK,oDAAoD;EACpU,aAAa,GAAG,0BAA0B,gCAAgC,gCAAgC,uCAAuC,sCAAsC;EACvL,aAAa,GAAG,yBAAyB;EACzC,MAAM,GAAG,kBAAkB;EAC3B,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB,GAAG,wDAAwD,gIAAgI;EACjN,qBAAqB,GAAG,6DAA6D,qIAAqI;EAC1N,eAAe,GAAG,iDAAiD,yHAAyH;EAC5L,cAAc,GAAG,sDAAsD,8HAA8H;EACrM,OAAO;EACP;CACD,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,iDAAiD,4CAA4C,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,uBAAuB,0DAA0D,mCAAmC,8IAA8I,uDAAuD,iDAAiD,6CAA6C,mDAAmD,iDAAiD,uDAAuD,kDAAkD,qDAAqD,gDAAgD,sFAAsF,iFAAiF;EAC5sC,MAAM;EACN,WAAW,GAAG,8CAA8C,gEAAgE,+HAA+H,iIAAiI,kEAAkE;EAC9b,YAAY,GAAG,mDAAmD,2HAA2H;EAC7L,WAAW,GAAG,kDAAkD,0HAA0H;EAC1L,MAAM;EACN;CACD"}
+{"version":3,"file":"input-feedback.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/input-feedback.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/input-feedback.ts\n/**\n* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:\n- \"@videojs/html/tailwind.css\" for HTML skins\n- \"@videojs/react/tailwind.css\" for React skins\n*/\nconst inputFeedback = {\n\troot: cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center\", \"[color:var(--media-color-primary,oklch(1_0_0))]\"),\n\tisland: {\n\t\tbase: cn(\"group/input-indicator\", \"[--media-surface-background-color:oklch(0_0_0/0.25)]\", \"absolute top-3 rounded-full origin-top pointer-events-none\", \"text-inherit font-medium\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-250\", \"data-starting-style:ease-in\", \"data-ending-style:duration-250\", \"data-ending-style:ease-in\", \"pointer-coarse:will-change-[scale,translate,opacity]\", \"pointer-coarse:transition-[scale,translate,opacity]\", \"pointer-fine:motion-safe:will-change-[scale,translate,filter,opacity]\", \"pointer-fine:motion-safe:transition-[scale,translate,filter,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-starting-style:scale-90\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:scale-90\", \"motion-safe:data-ending-style:-translate-y-1/4\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\"),\n\t\tcontent: cn(\"flex justify-between items-center gap-2 px-2.5 py-1 w-full\", \"**:mix-blend-difference\"),\n\t\tvolume: cn(\"w-[min(80%,--spacing(48))]\", \"*:[--media-progress-fill:var(--media-volume-fill)]\", \"*:rounded-[inherit]\", \"*:[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),transparent_var(--media-progress-fill),transparent_100%)]\", \"*:[transition:--media-progress-fill_200ms_linear]\"),\n\t\tshownVolume: cn(\"data-open:duration-100\", \"data-min:animate-media-shake\", \"data-max:animate-media-shake\", \"motion-reduce:data-min:animate-none\", \"motion-reduce:data-max:animate-none\"),\n\t\tshownStatus: cn(\"data-open:duration-100\"),\n\t\ticon: cn(\"hidden shrink-0\"),\n\t\tshownVolumeHigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tshownVolumeLow: \"group-data-[level=low]/input-indicator:block\",\n\t\tshownVolumeOff: \"group-data-[level=off]/input-indicator:block\",\n\t\tshownCaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tshownCaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tshownFullscreenEnter: \"group-data-[status=fullscreen]/input-indicator:block\",\n\t\tshownFullscreenExit: \"group-data-[status=exit-fullscreen]/input-indicator:block\",\n\t\tshownPipEnter: \"group-data-[status=pip]/input-indicator:block\",\n\t\tshownPipExit: \"group-data-[status=exit-pip]/input-indicator:block\",\n\t\tvalue: \"ml-auto\"\n\t},\n\tbubble: {\n\t\tbase: cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\", \"data-direction:gap-1\", \"@2xl/media-root:data-direction:p-6\", \"not-data-direction:bg-black/35 not-data-direction:rounded-full not-data-direction:backdrop-blur-sm\", \"not-data-direction:[transition-property:opacity,scale]\", \"not-data-direction:duration-200 not-data-direction:ease-out\", \"motion-reduce:not-data-direction:transition-opacity\", \"motion-reduce:not-data-direction:duration-50\", \"not-data-direction:data-starting-style:opacity-0\", \"not-data-direction:data-ending-style:opacity-0\", \"not-data-direction:data-starting-style:scale-[0.85]\", \"not-data-direction:data-ending-style:scale-[0.85]\", \"not-data-direction:data-ending-style:duration-100\", \"not-data-direction:data-ending-style:ease-in\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\t\ticon: \"hidden size-[calc(var(--media-icon-size)*1.5)]\",\n\t\tshownSeek: cn(\"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:[scale:-1_1]\", \"motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out\", \"motion-safe:group-data-starting-style/input-indicator:opacity-0\", \"motion-safe:group-data-ending-style/input-indicator:opacity-0\", \"motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]\", \"motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]\"),\n\t\tshownPause: \"group-data-[status=pause]/input-indicator:block\",\n\t\tshownPlay: cn(\"group-data-[status=play]/input-indicator:block\", \"group-data-[status=play]/input-indicator:translate-x-px\"),\n\t\ttime: \"tabular-nums\"\n\t}\n};\n//#endregion\nexport { inputFeedback };\n\n//# sourceMappingURL=input-feedback.js.map"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;CACrB,MAAM,GAAG,wCAAwC,sDAAsD,iDAAiD;CACxJ,QAAQ;EACP,MAAM,GAAG,yBAAyB,wDAAwD,8DAA8D,4BAA4B,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,wDAAwD,uDAAuD,yEAAyE,wEAAwE,wDAAwD,yDAAyD,sDAAsD,uDAAuD,kDAAkD,iGAAiG,+DAA+D;EAC/jC,SAAS,GAAG,8DAA8D,yBAAyB;EACnG,QAAQ,GAAG,8BAA8B,sDAAsD,uBAAuB,kKAAkK,mDAAmD;EAC3U,aAAa,GAAG,0BAA0B,gCAAgC,gCAAgC,uCAAuC,qCAAqC;EACtL,aAAa,GAAG,wBAAwB;EACxC,MAAM,GAAG,iBAAiB;EAC1B,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,OAAO;CACR;CACA,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,6CAA6C,wBAAwB,sCAAsC,sGAAsG,0DAA0D,+DAA+D,uDAAuD,gDAAgD,oDAAoD,kDAAkD,uDAAuD,qDAAqD,qDAAqD,gDAAgD,sFAAsF,gFAAgF;EAC38B,MAAM;EACN,WAAW,GAAG,8CAA8C,gEAAgE,+FAA+F,mEAAmE,iEAAiE,2HAA2H,yHAAyH;EACnlB,YAAY;EACZ,WAAW,GAAG,kDAAkD,yDAAyD;EACzH,MAAM;CACP;AACD"}