npm - @videojs/react - Versions diffs - 10.0.0-beta.24 → 10.0.0-beta.25 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (713) hide show

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

	@@ -1 +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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"}
1	+ {"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 badge,\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 popup,\n poster,\n root,\n seek,\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 {\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 SeekIcon,\n SpeechIcon,\n SpeedIcon,\n SpinnerIcon,\n VolumeHighIcon,\n VolumeLowIcon,\n VolumeOffIcon,\n} from '@/icons';\nimport { Container, usePlayer } from '@/player/context';\nimport { AirPlayButton } from '@/ui/airplay-button';\nimport { useAudioTrackOptions } from '@/ui/audio-track';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\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 { 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 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 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\n aria-label=\"Settings\"\n className=\"media-button--settings\"\n render={<Button className={cn(button.icon, menu.settingsTrigger)} />}\n >\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={cn(menu.item, 'media-menu__item--submenu')}\n render={(props) => (\n <div {...props}>\n <QualityIcon className={cn(icon, menu.icon)} />\n <span>Quality</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 Quality\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=\"Quality\"\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={cn(menu.item, 'media-menu__item--submenu')}\n render={(props) => (\n <div {...props}>\n <SpeechIcon className={icon} />\n <span>Audio</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 Audio\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=\"Audio tracks\"\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={cn(menu.item, 'media-menu__item--submenu')}\n render={(props) => (\n <div {...props}>\n <SpeedIcon className={cn(icon, menu.icon)} />\n <span>Speed</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 Speed\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=\"Playback rate\"\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={cn(menu.item, 'media-menu__item--submenu')}\n render={(props) => (\n <div {...props}>\n <CaptionsOffIcon className={cn(icon, menu.icon)} />\n <span>Captions</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 Captions\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=\"Captions\"\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}>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)}>\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 <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.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 <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.Label />\n <Tooltip.Shortcut className={popup.tooltipShortcut} />\n </Tooltip.Popup>\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={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 <VolumePopover />\n\n <SettingsMenu />\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)}>\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 </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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"}

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

@@ -1,11 +1,12 @@
 import "../../shared/tailwind/icon-state.js";
-import { bufferingIndicator as bufferingIndicator$1 } from "./components/buffering.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/badge.js";
+import "./components/buffering.js";
 import "./components/button.js";
 import "./components/button-group.js";
 import "./components/icon.js";
@@ -17,6 +18,11 @@ 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 playButton = {
+	wrapper: "group/play inline-flex relative",
+	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 +32,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 { controls, error, playButton, popup, root, slider };
 //# sourceMappingURL=audio.tailwind.js.map

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

	@@ -1 +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"}
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 { 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 { 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 { 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 playButton = {\n\twrapper: \"group/play inline-flex relative\",\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, time };\n\n//# sourceMappingURL=audio.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,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,aAAa;CAClB,SAAS;CACT,SAAS;CACT,eAAe,GAAG,uBAAuB,sFAAsF,qDAAqD,oBAAoB;CACxM;AACD,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;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0EAA0E,mEAAmE,0CAA0C,wCAAwC,uDAAuD,iDAAiD,qFAAqF,iFAAiF,wCAAwC;CAChiB,SAAS;CACT"}

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

@@ -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-[0.6875rem] 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 ADDED Viewed

@@ -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-[0.6875rem] 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 = { 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,uKAAuK"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 grid\";\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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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: \"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,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;EACtB,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,OAAO;EACP;CACD,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,6CAA6C,wBAAwB,sCAAsC,sGAAsG,0DAA0D,+DAA+D,uDAAuD,gDAAgD,oDAAoD,kDAAkD,uDAAuD,qDAAqD,qDAAqD,gDAAgD,sFAAsF,iFAAiF;EAC58B,MAAM;EACN,WAAW,GAAG,8CAA8C,gEAAgE,+FAA+F,mEAAmE,iEAAiE,2HAA2H,0HAA0H;EACplB,YAAY;EACZ,WAAW,GAAG,kDAAkD,0DAA0D;EAC1H,MAAM;EACN;CACD"}

package/dist/dev/skins/dist/default/default/tailwind/components/menu.js CHANGED Viewed

@@ -1,10 +1,32 @@
+import { popup } from "./popup.js";
+import { surface } from "./surface.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/menu.js
+const panelBase = cn("absolute inset-0 overflow-auto overscroll-none p-(--menu-padding) outline-none translate-none", "data-starting-style:overflow-hidden data-ending-style:overflow-hidden", "transition-[translate,filter] duration-(--menu-transition-duration) ease-in-out will-change-[translate,filter]");
+const rootView = cn(panelBase, "group/menu-root-view", "data-[menu-view-state=inactive]:-translate-x-full data-[menu-view-state=inactive]:blur");
+const submenuPanel = cn(panelBase, "z-10", "not-data-open:not-data-ending-style:-translate-x-full", "not-data-open:not-data-ending-style:transition-none", "data-starting-style:pointer-events-none data-ending-style:pointer-events-none", "data-starting-style:blur data-ending-style:blur", "data-starting-style:data-[direction=forward]:translate-x-full", "data-ending-style:data-[direction=forward]:-translate-x-full", "data-starting-style:data-[direction=back]:-translate-x-full", "data-ending-style:data-[direction=back]:translate-x-full");
+const itemBase = cn("flex cursor-pointer select-none items-center gap-1.5 rounded-(--menu-item-border-radius) py-1.5 px-2", "text-left", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)", "outline-2 -outline-offset-2 outline-transparent", "transition-colors duration-100 ease-out", "hover:bg-current/10 data-highlighted:bg-current/10", "supports-[top:anchor(top)]:hover:[anchor-name:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:hover:bg-transparent", "supports-[top:anchor(top)]:data-highlighted:[anchor-name:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:data-highlighted:bg-transparent", "focus-visible:outline-current focus-visible:outline-offset-2");
+const menuTokens = cn("[--menu-transition-duration:250ms] [--menu-max-height:14rem] [--menu-padding:0.25rem]", "[--menu-border-radius:0.75rem] [--menu-item-border-radius:calc(var(--menu-border-radius)_-_var(--menu-padding))]", "motion-reduce:[--menu-transition-duration:0ms]");
+const group = cn("flex flex-col gap-0.5", "supports-[top:anchor(top)]:before:absolute", "supports-[top:anchor(top)]:before:[position-anchor:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:before:[inset:anchor(inside)]", "supports-[top:anchor(top)]:before:pointer-events-none", "supports-[top:anchor(top)]:before:bg-current/10", "supports-[top:anchor(top)]:before:rounded-(--menu-item-border-radius)", "supports-[top:anchor(top)]:before:transition-[inset]", "supports-[top:anchor(top)]:before:duration-100", "supports-[top:anchor(top)]:before:ease-in-out", "group-data-[menu-view-state=inactive]/menu-root-view:before:hidden");
+const menuHostShell = cn(popup.popover, surface, menuTokens, "max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]", "box-border rounded-(--menu-border-radius) p-(--menu-padding) overscroll-none");
 const menu = {
-	root: cn("box-border min-w-[min(6rem,var(--media-popover-available-width,6rem))]", "max-w-(--media-popover-available-width) max-h-(--media-popover-available-height)", "p-1.5 !overflow-auto overscroll-none rounded-[1.25rem]", "before:hidden"),
-	group: cn("relative flex flex-col gap-0.5", "before:hidden supports-[top:anchor(top)]:before:block", "before:absolute before:pointer-events-none before:rounded-full before:bg-current/10", "before:transition-[inset] before:duration-100 before:ease-in-out", "before:[position-anchor:--media-menu-item-highlight-anchor] before:[inset:anchor(inside)]"),
-	item: cn("group/menu-item flex min-h-8 cursor-pointer items-center justify-between gap-2 rounded-full px-3", "tabular-nums text-inherit outline-2 -outline-offset-2 outline-transparent", "hover:bg-current/10 data-highlighted:bg-current/10", "supports-[top:anchor(top)]:hover:bg-transparent supports-[top:anchor(top)]:data-highlighted:bg-transparent", "supports-[top:anchor(top)]:hover:[anchor-name:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:data-highlighted:[anchor-name:--media-menu-item-highlight-anchor]", "focus-visible:outline-current focus-visible:outline-offset-2", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"),
-	indicator: cn("-mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100", "[&_.media-icon]:drop-shadow-[0_1px_0_var(--media-current-shadow-color)]")
+	root: cn(menuHostShell, "overflow-auto!"),
+	settings: cn(menuHostShell, "[--media-popup-transition:var(--media-popup-base-transition),height_var(--media-popup-transition-timing-function)_var(--menu-transition-duration),width_var(--media-popup-transition-timing-function)_var(--menu-transition-duration)]", "data-starting-style:[--media-popup-transition:var(--media-popup-base-transition)] data-ending-style:[--media-popup-transition:var(--media-popup-base-transition)]", "min-w-48 w-(--media-menu-width) h-(--media-menu-height)", "!overflow-hidden"),
+	group,
+	item: cn(itemBase, "group/menu-item justify-between tabular-nums text-inherit", "data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"),
+	separator: "my-1 border-b border-[oklch(0_0_0/0.1)] shadow-[0_1px_0_0_oklch(1_0_0/0.075)]",
+	tier: "pl-0.5 pt-px text-[0.5625rem] font-semibold leading-none text-current/70",
+	indicator: "ml-auto -mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100",
+	icon: "shrink-0 text-current/65 drop-shadow-[0_1px_0_var(--media-current-shadow-color)]",
+	rootView,
+	submenuPanel,
+	back: cn(itemBase, "mb-0.5 w-full"),
+	hint: "ml-auto inline-flex min-w-0 items-center gap-1 pl-2 text-xs text-current/65",
+	hintLabel: "max-w-24 overflow-hidden text-ellipsis whitespace-nowrap",
+	chevron: "size-3.5",
+	settingsGroup: "group/settings",
+	settingsTrigger: "group hidden group-has-[[data-availability=available]]/settings:grid",
+	settingsIcon: "transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0"
 };
 //#endregion
 export { menu };

package/dist/dev/skins/dist/default/default/tailwind/components/menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/menu.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/menu.ts\nconst ~~menu~~ = ~~{\n\troot:~~ cn(\"~~box~~-~~border~~ ~~min~~-w-~~[min~~(~~6rem,var(~~--~~media~~-~~popover~~-~~available~~-~~width,6rem))]~~\", \"~~max~~-w-~~(--media~~-~~popover-available-width)~~ ~~max~~-h-~~(--media~~-~~popover-available-height)~~\", \"p-~~1.5~~ ~~!overflow~~-~~auto~~ ~~overscroll~~-~~none~~ ~~rounded~~-[~~1.25rem~~]\", \"~~before~~:~~hidden~~\")~~,\n\tgroup:~~ cn(\"~~relative flex flex~~-~~col~~ ~~gap~~-~~0.5~~\", \"~~before~~:~~hidden supports~~-~~[top~~:~~anchor(top)]:before:block~~\", \"~~before~~:~~absolute~~ ~~before~~:pointer-events-none ~~before~~:~~rounded~~-~~full before~~:~~bg-current/10~~\", \"~~before~~:~~transition~~-[~~inset~~] ~~before~~:~~duration~~-~~100~~ ~~before~~:~~ease~~-in-~~out~~\", \"~~before~~:[~~position~~-~~anchor:--media~~-~~menu~~-~~item~~-~~highlight~~-~~anchor~~] ~~before~~:~~[inset:anchor(inside)]~~\")~~,\n\titem:~~ cn(\"~~group/menu-item~~ flex ~~min-h-8~~ cursor-pointer items-center ~~justify-between~~ gap-2 rounded-~~full~~ px-3\", \"~~tabular~~-~~nums~~ text-~~inherit~~ outline-2 -outline-offset-2 outline-transparent\", \"hover:bg-current/10 data-highlighted:bg-current/10\", \"supports-[top:anchor(top)]:hover:bg-~~transparent~~ supports-[top:anchor(top)]:~~data-highlighted~~:bg-transparent\", \"supports-[top:anchor(top)]:~~hover~~:[anchor-name:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:data-highlighted:[anchor-~~name~~:--media-menu-item-highlight-anchor]\", \"~~focus~~-~~visible~~:~~outline~~-current ~~focus~~-~~visible~~:~~outline~~-~~offset~~-2\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\~~tindicator~~: cn(\"-mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\", \"~~[&_.media~~-~~icon]:~~drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\")\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":"~~;;AAEA~~,MAAM,~~OAAO~~;~~CACZ~~,MAAM,GAAG,~~0EAA0E~~,~~oFAAoF~~,~~0DAA0D,gBAAgB~~;~~CACjP~~,~~OAAO~~,GAAG,~~kCAAkC~~,yDAAyD,~~uFAAuF~~,~~oEAAoE~~,~~4FAA4F~~;~~CAC5V~~,MAAM,GAAG,~~oGAAoG~~,~~6EAA6E~~,sDAAsD,~~8GAA8G,~~qFAAqF,gGAAgG,~~gEAAgE~~,8FAA8F;~~CACjrB~~,WAAW,GAAG,~~qEAAqE~~,~~0EAA0E~~;~~CAC7J~~"}
1	+ {"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { surface } from \"./surface.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/menu.ts\nconst panelBase = cn(\"absolute inset-0 overflow-auto overscroll-none p-(--menu-padding) outline-none translate-none\", \"data-starting-style:overflow-hidden data-ending-style:overflow-hidden\", \"transition-[translate,filter] duration-(--menu-transition-duration) ease-in-out will-change-[translate,filter]\");\nconst rootView = cn(panelBase, \"group/menu-root-view\", \"data-[menu-view-state=inactive]:-translate-x-full data-[menu-view-state=inactive]:blur\");\nconst submenuPanel = cn(panelBase, \"z-10\", \"not-data-open:not-data-ending-style:-translate-x-full\", \"not-data-open:not-data-ending-style:transition-none\", \"data-starting-style:pointer-events-none data-ending-style:pointer-events-none\", \"data-starting-style:blur data-ending-style:blur\", \"data-starting-style:data-[direction=forward]:translate-x-full\", \"data-ending-style:data-[direction=forward]:-translate-x-full\", \"data-starting-style:data-[direction=back]:-translate-x-full\", \"data-ending-style:data-[direction=back]:translate-x-full\");\nconst itemBase = cn(\"flex cursor-pointer select-none items-center gap-1.5 rounded-(--menu-item-border-radius) py-1.5 px-2\", \"text-left\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"outline-2 -outline-offset-2 outline-transparent\", \"transition-colors duration-100 ease-out\", \"hover:bg-current/10 data-highlighted:bg-current/10\", \"supports-[top:anchor(top)]:hover:[anchor-name:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:hover:bg-transparent\", \"supports-[top:anchor(top)]:data-highlighted:[anchor-name:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:data-highlighted:bg-transparent\", \"focus-visible:outline-current focus-visible:outline-offset-2\");\nconst menuTokens = cn(\"[--menu-transition-duration:250ms] [--menu-max-height:14rem] [--menu-padding:0.25rem]\", \"[--menu-border-radius:0.75rem] [--menu-item-border-radius:calc(var(--menu-border-radius)_-_var(--menu-padding))]\", \"motion-reduce:[--menu-transition-duration:0ms]\");\nconst group = cn(\"flex flex-col gap-0.5\", \"supports-[top:anchor(top)]:before:absolute\", \"supports-[top:anchor(top)]:before:[position-anchor:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:[inset:anchor(inside)]\", \"supports-[top:anchor(top)]:before:pointer-events-none\", \"supports-[top:anchor(top)]:before:bg-current/10\", \"supports-[top:anchor(top)]:before:rounded-(--menu-item-border-radius)\", \"supports-[top:anchor(top)]:before:transition-[inset]\", \"supports-[top:anchor(top)]:before:duration-100\", \"supports-[top:anchor(top)]:before:ease-in-out\", \"group-data-[menu-view-state=inactive]/menu-root-view:before:hidden\");\nconst menuHostShell = cn(popup.popover, surface, menuTokens, \"max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]\", \"box-border rounded-(--menu-border-radius) p-(--menu-padding) overscroll-none\");\nconst menu = {\n\troot: cn(menuHostShell, \"overflow-auto!\"),\n\tsettings: cn(menuHostShell, \"[--media-popup-transition:var(--media-popup-base-transition),height_var(--media-popup-transition-timing-function)_var(--menu-transition-duration),width_var(--media-popup-transition-timing-function)_var(--menu-transition-duration)]\", \"data-starting-style:[--media-popup-transition:var(--media-popup-base-transition)] data-ending-style:[--media-popup-transition:var(--media-popup-base-transition)]\", \"min-w-48 w-(--media-menu-width) h-(--media-menu-height)\", \"!overflow-hidden\"),\n\tgroup,\n\titem: cn(itemBase, \"group/menu-item justify-between tabular-nums text-inherit\", \"data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\tseparator: \"my-1 border-b border-[oklch(0_0_0/0.1)] shadow-[0_1px_0_0_oklch(1_0_0/0.075)]\",\n\ttier: \"pl-0.5 pt-px text-[0.5625rem] font-semibold leading-none text-current/70\",\n\tindicator: \"ml-auto -mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\",\n\ticon: \"shrink-0 text-current/65 drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\",\n\trootView,\n\tsubmenuPanel,\n\tback: cn(itemBase, \"mb-0.5 w-full\"),\n\thint: \"ml-auto inline-flex min-w-0 items-center gap-1 pl-2 text-xs text-current/65\",\n\thintLabel: \"max-w-24 overflow-hidden text-ellipsis whitespace-nowrap\",\n\tchevron: \"size-3.5\",\n\tsettingsGroup: \"group/settings\",\n\tsettingsTrigger: \"group hidden group-has-[[data-availability=available]]/settings:grid\",\n\tsettingsIcon: \"transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0\"\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":";;;;AAIA,MAAM,YAAY,GAAG,iGAAiG,yEAAyE,iHAAiH;AAChT,MAAM,WAAW,GAAG,WAAW,wBAAwB,yFAAyF;AAChJ,MAAM,eAAe,GAAG,WAAW,QAAQ,yDAAyD,uDAAuD,iFAAiF,mDAAmD,iEAAiE,gEAAgE,+DAA+D,2DAA2D;AAC1hB,MAAM,WAAW,GAAG,wGAAwG,aAAa,oEAAoE,mDAAmD,2CAA2C,sDAAsD,qFAAqF,mDAAmD,gGAAgG,8DAA8D,+DAA+D;AACtsB,MAAM,aAAa,GAAG,yFAAyF,oHAAoH,iDAAiD;AACpR,MAAM,QAAQ,GAAG,yBAAyB,8CAA8C,0FAA0F,4DAA4D,yDAAyD,mDAAmD,yEAAyE,wDAAwD,kDAAkD,iDAAiD,qEAAqE;AACnoB,MAAM,gBAAgB,GAAG,MAAM,SAAS,SAAS,YAAY,iJAAiJ,+EAA+E;AAC7R,MAAM,OAAO;CACZ,MAAM,GAAG,eAAe,iBAAiB;CACzC,UAAU,GAAG,eAAe,0OAA0O,qKAAqK,2DAA2D,mBAAmB;CACzf;CACA,MAAM,GAAG,UAAU,6DAA6D,iFAAiF,8FAA8F;CAC/P,WAAW;CACX,MAAM;CACN,WAAW;CACX,MAAM;CACN;CACA;CACA,MAAM,GAAG,UAAU,gBAAgB;CACnC,MAAM;CACN,WAAW;CACX,SAAS;CACT,eAAe;CACf,iBAAiB;CACjB,cAAc;CACd"}

package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/overlay.js
-const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--media-controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--media-error-dialog-transition-duration)", "peer-data-open/error:delay-(--media-error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150");
+const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 via-25% to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--media-controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-visible/buffering:bg-black/35", "peer-data-visible/buffering:opacity-100", "peer-data-visible/buffering:backdrop-blur-sm", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--media-error-dialog-transition-duration)", "peer-data-open/error:delay-(--media-error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150");
 //#endregion
 export { overlay };

package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--media-controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--media-error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--media-error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,~~4DAA4D~~,4CAA4C,wCAAwC,mDAAmD,YAAY,0CAA0C,oCAAoC,4EAA4E,sEAAsE,mFAAmF"}
1	+ {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 via-25% to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--media-controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/buffering:bg-black/35\", \"peer-data-visible/buffering:opacity-100\", \"peer-data-visible/buffering:backdrop-blur-sm\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--media-error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--media-error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,oEAAoE,4CAA4C,wCAAwC,mDAAmD,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,4EAA4E,sEAAsE,mFAAmF"}

package/dist/dev/skins/dist/default/default/tailwind/components/popup.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/popup.js
-const base = cn("m-0 border-0 text-inherit overflow-visible", "transition-[transform,scale,opacity,filter]", "duration-(--media-popup-transition-duration)", "ease-(--media-popup-transition-timing-function)", "data-starting-style:opacity-0 data-starting-style:scale-50 data-starting-style:blur-sm", "data-ending-style:opacity-0 data-ending-style:scale-50 data-ending-style:blur-sm", "data-instant:duration-0", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "before:absolute before:pointer-events-[inherit]", "data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full", "data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full", "data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full", "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full");
+const base = cn("[--media-popup-base-transition:opacity_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),filter_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),transform_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),scale_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration)]", "[--popup-translate-distance:0.5rem] m-0 border-0 text-inherit overflow-visible", "[transition:var(--media-popup-transition,var(--media-popup-base-transition))]", "data-starting-style:opacity-0 data-starting-style:blur-xs data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]", "data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none", "data-ending-style:[transition-duration:max(0ms,calc(var(--media-popup-transition-duration)-50ms))]", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)*-1)]", "data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)*-1)]", "before:absolute before:pointer-events-[inherit]", "data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full", "data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full", "data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full", "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full");
 const popup = {
 	popover: cn(base, "data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)", "data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)"),
-	tooltip: cn(base, "py-1 px-2.5 rounded-full text-[0.75rem] whitespace-nowrap", "data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)", "data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)"),
-	volume: "py-3 px-0 rounded-full"
+	tooltip: cn(base, "py-1 px-2.5 rounded-full text-[0.75rem] whitespace-nowrap", "data-open:flex data-open:items-center data-open:gap-1", "data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)", "data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)"),
+	volume: "py-3 px-0 rounded-full",
+	tooltipShortcut: cn("min-w-[1.5em] p-[0.1em] bg-current/30 text-[90%] font-semibold font-[inherit] leading-[1.25] text-center rounded")
 };
 //#endregion
 export { popup };

package/dist/dev/skins/dist/default/default/tailwind/components/popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/popup.ts\nconst base = cn(\"m-0 border-0 text-inherit overflow-visible\", \"transition~~-[transform,scale,opacity,filter]\", \"duration-~~(--media-popup-transition~~-duration)\"~~, ~~\"ease-~~(--media-popup-transition~~-timing-function~~)\", \"data-starting-style:opacity-0 data-starting-style:scale-50 data-starting-style:~~blur~~-sm\", \"data-ending-style:opacity-0 data-ending-style:scale-50 data-ending-style:~~blur~~-sm\", \"data-~~instant~~:duration-0\", \"data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left\", \"before:absolute before:pointer-events-[inherit]\", \"data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full\", \"data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full\", \"data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full\", \"data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full\");\nconst popup = {\n\tpopover: cn(base, \"data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)\", \"data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)\"),\n\ttooltip: cn(base, \"py-1 px-2.5 rounded-full text-[0.75rem] whitespace-nowrap\", \"data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)\", \"data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)\"),\n\tvolume: \"py-3 px-0 rounded-full\"\n};\n//#endregion\nexport { popup };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,~~8CAA8C,+CAA+C~~,~~gDAAgD~~,~~mDAAmD~~,~~0FAA0F~~,~~oFAAoF~~,~~2BAA2B~~,2HAA2H,mDAAmD,gGAAgG,4GAA4G,oGAAoG,uGAAuG;~~AAC99B~~,MAAM,QAAQ;CACb,SAAS,GAAG,MAAM,oHAAoH,mHAAmH;CACzP,SAAS,GAAG,MAAM,6DAA6D,oHAAoH,mHAAmH;~~CACtT~~,QAAQ;CACR"}
1	+ {"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/popup.ts\nconst base = cn(\"[--media-popup-base-transition:opacity_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),filter_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),transform_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),scale_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration)]\", \"[--popup-translate-distance:0.5rem] m-0 border-0 text-inherit overflow-visible\", \"[transition:var(--media-popup-transition,var(--media-popup-base-transition))]\", \"data-starting-style:opacity-0 data-starting-style:blur-xs data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]\", \"data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none\", \"data-ending-style:[transition-duration:max(0ms,calc(var(--media-popup-transition-duration)-50ms))]\", \"data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left\", \"data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)-1)]\", \"data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)-1)]\", \"before:absolute before:pointer-events-[inherit]\", \"data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full\", \"data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full\", \"data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full\", \"data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full\");\nconst popup = {\n\tpopover: cn(base, \"data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)\", \"data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)\"),\n\ttooltip: cn(base, \"py-1 px-2.5 rounded-full text-[0.75rem] whitespace-nowrap\", \"data-open:flex data-open:items-center data-open:gap-1\", \"data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)\", \"data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)\"),\n\tvolume: \"py-3 px-0 rounded-full\",\n\ttooltipShortcut: cn(\"min-w-[1.5em] p-[0.1em] bg-current/30 text-[90%] font-semibold font-[inherit] leading-[1.25] text-center rounded\")\n};\n//#endregion\nexport { popup };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,sZAAsZ,kFAAkF,iFAAiF,6MAA6M,qHAAqH,sGAAsG,2HAA2H,6KAA6K,6KAA6K,mDAAmD,gGAAgG,4GAA4G,oGAAoG,uGAAuG;AACh5D,MAAM,QAAQ;CACb,SAAS,GAAG,MAAM,oHAAoH,mHAAmH;CACzP,SAAS,GAAG,MAAM,6DAA6D,yDAAyD,oHAAoH,mHAAmH;CAC/W,QAAQ;CACR,iBAAiB,GAAG,mHAAmH;CACvI"}

package/dist/dev/skins/dist/default/default/tailwind/components/poster.js CHANGED Viewed

@@ -1,6 +1,12 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/poster.js
 const poster = (isShadowDOM) => cn("absolute inset-0 w-full h-full pointer-events-none", "transition-opacity duration-250", "not-data-visible:opacity-0", isShadowDOM ? [
+	"before:absolute before:inset-0 before:pointer-events-none",
+	"before:[background-image:var(--media-poster-placeholder,none)]",
+	"before:bg-no-repeat",
+	"before:[background-position:var(--media-object-position,center)]",
+	"before:[background-size:var(--media-object-fit,contain)]",
+	"before:[filter:blur(var(--media-poster-placeholder-blur,20px))]",
 	"[&_::slotted(img)]:absolute",
 	"[&_::slotted(img)]:inset-0",
 	"[&_::slotted(img)]:w-full",
@@ -8,7 +14,7 @@ const poster = (isShadowDOM) => cn("absolute inset-0 w-full h-full pointer-event
 	"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]",
 	"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]",
 	"[&_::slotted(img)]:rounded-(--media-video-border-radius)"
-] : "rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]");
+] : ["rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]", "[&[data-visible]:not([data-loaded])]:opacity-0"]);
 //#endregion
 export { poster };

package/dist/dev/skins/dist/default/default/tailwind/components/poster.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"[&_::slotted(img)]:absolute\",\n\t\"[&_::slotted(img)]:inset-0\",\n\t\"[&_::slotted(img)]:w-full\",\n\t\"[&_::slotted(img)]:h-full\",\n\t\"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_::slotted(img)]:rounded-(--media-video-border-radius)\"\n] : \"rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]\");\n//#endregion\nexport { poster };\n\n//# sourceMappingURL=poster.js.map"],"mappings":";;AAEA,MAAM,UAAU,gBAAgB,GAAG,sDAAsD,mCAAmC,8BAA8B,cAAc;CACvK;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,~~uHAAuH~~"}
1	+ {"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\n\t\"[&_::slotted(img)]:absolute\",\n\t\"[&_::slotted(img)]:inset-0\",\n\t\"[&_::slotted(img)]:w-full\",\n\t\"[&_::slotted(img)]:h-full\",\n\t\"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_::slotted(img)]:rounded-(--media-video-border-radius)\"\n] : [\"rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]\", \"[&[data-visible]:not([data-loaded])]:opacity-0\"]);\n//#endregion\nexport { poster };\n\n//# sourceMappingURL=poster.js.map"],"mappings":";;AAEA,MAAM,UAAU,gBAAgB,GAAG,sDAAsD,mCAAmC,8BAA8B,cAAc;CACvK;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,CAAC,wHAAwH,iDAAiD,CAAC"}