npm - @videojs/react - Versions diffs - 10.0.0-rc.1 → 10.0.0-rc.2 - Mend

@videojs/react 10.0.0-rc.1 → 10.0.0-rc.2

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 (1545) hide show

package/dist/dev/internal/skins/minimal-live-video/components/buttons/fullscreen-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FullscreenButton as FullscreenButton$1 } from "../../../../../ui/fullscreen-button/fullscreen-button.js";
+import { FullscreenButton as FullscreenButton$1 } from "../../../../../ui/fullscreen-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/fullscreen-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-live-video/components/buttons/mute-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { MuteButton as MuteButton$1 } from "../../../../../ui/mute-button/mute-button.js";
+import { MuteButton as MuteButton$1 } from "../../../../../ui/mute-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/volume-high.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/volume-low.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/volume-off.js";

package/dist/dev/internal/skins/minimal-live-video/components/buttons/pip-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PiPButton as PiPButton$1 } from "../../../../../ui/pip-button/pip-button.js";
+import { PiPButton as PiPButton$1 } from "../../../../../ui/pip-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/pip-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/pip-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-live-video/components/buttons/play-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PlayButton as PlayButton$1 } from "../../../../../ui/play-button/play-button.js";
+import { PlayButton as PlayButton$1 } from "../../../../../ui/play-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/pause.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/play.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/restart.js";

package/dist/dev/internal/skins/minimal-live-video/components/controls/volume-popover.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { VolumePopoverPopup } from "../../../../../ui/volume-popover/volume-popover-popup.js";
-import { VolumePopoverRoot } from "../../../../../ui/volume-popover/volume-popover-root.js";
-import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/volume-popover-trigger.js";
+import { VolumePopoverPopup } from "../../../../../ui/volume-popover/popup.js";
+import { VolumePopoverRoot } from "../../../../../ui/volume-popover/root.js";
+import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/trigger.js";
 import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";
 import { VolumeSlider } from "../../../shared/components/sliders/volume-slider.js";
 import { MuteButton } from "../buttons/mute-button.js";

package/dist/dev/internal/skins/minimal-live-video/components/feedback/buffering-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/buffering-indicator.js";
+import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/spinner.js";
 import { jsx } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";

package/dist/dev/internal/skins/minimal-live-video/components/feedback/status-indicator.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { StatusIndicatorRoot } from "../../../../../ui/status-indicator/status-indicator-root.js";
-import { StatusIndicatorValue } from "../../../../../ui/status-indicator/status-indicator-value.js";
+import { StatusIndicatorRoot } from "../../../../../ui/status-indicator/root.js";
+import { StatusIndicatorValue } from "../../../../../ui/status-indicator/value.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/captions-on.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";

package/dist/dev/internal/skins/minimal-live-video/components/feedback/volume-indicator.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/volume-indicator-fill.js";
-import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/volume-indicator-root.js";
-import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/volume-indicator-value.js";
+import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/fill.js";
+import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/root.js";
+import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/value.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/volume-high.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/volume-low.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/volume-off.js";

package/dist/dev/internal/skins/minimal-live-video/components/menus/captions-menu.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { CaptionsRadioGroupOptions, CaptionsRadioGroupRoot } from "../../../../../ui/captions-radio-group/captions-radio-group.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuPopup } from "../../../../../ui/menu/menu-popup.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
+import { CaptionsRadioGroupOptions, CaptionsRadioGroupRoot } from "../../../../../ui/captions-radio-group/component.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuPopup } from "../../../../../ui/menu/popup.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
 import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";
 import { CaptionsButton } from "../buttons/captions-button.js";
 import { RadioItem } from "./radio-item.js";

package/dist/dev/internal/skins/minimal-live-video/components/menus/radio-item.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { MenuItemIndicator } from "../../../../../ui/menu/menu-item-indicator.js";
-import { MenuRadioItem } from "../../../../../ui/menu/menu-radio-item.js";
+import { MenuItemIndicator } from "../../../../../ui/menu/item-indicator.js";
+import { MenuRadioItem } from "../../../../../ui/menu/radio-item.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/check.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";

package/dist/dev/internal/skins/minimal-live-video/components/menus/radio-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-item.js","names":["Menu.RadioItem","Menu.ItemIndicator","CheckIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/menus/radio-item.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { CheckIcon as CheckIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\n\nexport ~~type~~ RadioItemProps = Menu.RadioItemProps;\n\nexport function RadioItem({ children, className, ...props }: RadioItemProps) {\n return (\n <Menu.RadioItem className={(state) => cn('media-menu-radio-item', resolveClassName(className, state))} {...props}>\n {children}\n <Menu.ItemIndicator forceMount className={'media-menu-item-indicator'}>\n <CheckIconPrimitive className={'media-menu-radio-item-icon'} />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n );\n}\n"],"mappings":";;;;;;;~~AASA~~,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,qBAACA,eAAD;EAAgB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EAAG,GAAI;EAA3G,UAAA,CACG,UACD,oBAACC,mBAAD;GAAoB,YAAA;GAAW,WAAW;GACxC,UAAA,oBAACC,YAAD,EAAoB,WAAW,6BAA+B,CAAA;EAC5C,CAAA,CACN;;AAEpB"}
1	+ {"version":3,"file":"radio-item.js","names":["Menu.RadioItem","Menu.ItemIndicator","CheckIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/menus/radio-item.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { CheckIcon as CheckIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\n\nexport interface RadioItemProps extends Omit<Menu.RadioItemProps, 'children'> {\n children?: Menu.RadioItemProps['children'];\n}\n\nexport function RadioItem({ children, className, ...props }: RadioItemProps) {\n return (\n <Menu.RadioItem className={(state) => cn('media-menu-radio-item', resolveClassName(className, state))} {...props}>\n {children}\n <Menu.ItemIndicator forceMount className={'media-menu-item-indicator'}>\n <CheckIconPrimitive className={'media-menu-radio-item-icon'} />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,qBAACA,eAAD;EAAgB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EAAG,GAAI;EAA3G,UAAA,CACG,UACD,oBAACC,mBAAD;GAAoB,YAAA;GAAW,WAAW;GACxC,UAAA,oBAACC,YAAD,EAAoB,WAAW,6BAA+B,CAAA;EAC5C,CAAA,CACN;;AAEpB"}

package/dist/dev/internal/skins/minimal-live-video/controls.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { ControlsBackdrop } from "../../../ui/controls/controls-backdrop.js";
-import { ControlsContent } from "../../../ui/controls/controls-content.js";
-import { ControlsGroup } from "../../../ui/controls/controls-group.js";
-import { ControlsRoot } from "../../../ui/controls/controls-root.js";
-import { TooltipProvider } from "../../../ui/tooltip/tooltip-provider.js";
+import { ControlsBackdrop } from "../../../ui/controls/backdrop.js";
+import { ControlsContent } from "../../../ui/controls/content.js";
+import { ControlsGroup } from "../../../ui/controls/group.js";
+import { ControlsRoot } from "../../../ui/controls/root.js";
+import { TooltipProvider } from "../../../ui/tooltip/provider.js";
 import { ButtonTooltip } from "../shared/components/buttons/button-tooltip.js";
 import { LiveButton } from "../shared/components/buttons/live-button.js";
 import { AirPlayButton } from "./components/buttons/airplay-button.js";

package/dist/dev/internal/skins/minimal-live-video/skin.js CHANGED Viewed

@@ -18,7 +18,7 @@ function MinimalLiveVideoSkin({ children, className, renderPoster, ...props } =
 		...props,
 		children: [
 			children,
-			/* @__PURE__ */ jsx(Poster, { children: renderPoster }),
+			/* @__PURE__ */ jsx(Poster, { renderImage: renderPoster }),
 			/* @__PURE__ */ jsx(BufferingIndicator, {}),
 			/* @__PURE__ */ jsx(ErrorDialog, {}),
 			/* @__PURE__ */ jsx(MinimalLiveVideoControls, {}),

package/dist/dev/internal/skins/minimal-live-video/skin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-live-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/feedback/error-dialog';\nimport { Container } from '../shared/components/layout/container';\nimport { Poster } from '../shared/components/layout/poster';\nimport { LiveVideoGestures } from '../shared/skins/shared/live-video/gestures';\nimport { LiveVideoHotkeys } from '../shared/skins/shared/live-video/hotkeys';\nimport { BufferingIndicator } from './components/feedback/buffering-indicator';\nimport { MinimalLiveVideoControls } from './controls';\nimport { LiveVideoStatusIndicators } from './skins/shared/live-video/status-indicators';\n\nexport interface MinimalLiveVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n children?: ReactNode;\n renderPoster?: NonNullable<ComponentProps<typeof Poster>>['~~children~~'];\n}\n\nexport function MinimalLiveVideoSkin({ children, className, renderPoster, ...props }: MinimalLiveVideoSkinProps = {}) {\n return (\n <Container className={cn('video-skin', className)} data-theme=\"minimal\" data-preset=\"live-video\" {...props}>\n {children}\n <Poster>{renderPoster}~~</Poster>\~~n <BufferingIndicator />\n <ErrorDialog />\n <MinimalLiveVideoControls />\n <LiveVideoHotkeys />\n <LiveVideoGestures />\n <LiveVideoStatusIndicators />\n </Container>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,cAAc,GAAG,UAAqC,CAAC,GAAG;CACpH,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAa,GAAI;EAArG,UAAA;GACG;GACD,oBAAC,QAAD,~~EAAA~~,~~UAAS~~,~~aAAqB~~,CAAA;~~GAC9B~~,oBAAC,oBAAD,CAAqB,CAAA;GACrB,oBAAC,aAAD,CAAc,CAAA;GACd,oBAAC,0BAAD,CAA2B,CAAA;GAC3B,oBAAC,kBAAD,CAAmB,CAAA;GACnB,oBAAC,mBAAD,CAAoB,CAAA;GACpB,oBAAC,2BAAD,CAA4B,CAAA;EACnB;;AAEf"}
1	+ {"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-live-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/feedback/error-dialog';\nimport { Container } from '../shared/components/layout/container';\nimport { Poster } from '../shared/components/layout/poster';\nimport { LiveVideoGestures } from '../shared/skins/shared/live-video/gestures';\nimport { LiveVideoHotkeys } from '../shared/skins/shared/live-video/hotkeys';\nimport { BufferingIndicator } from './components/feedback/buffering-indicator';\nimport { MinimalLiveVideoControls } from './controls';\nimport { LiveVideoStatusIndicators } from './skins/shared/live-video/status-indicators';\n\nexport interface MinimalLiveVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n children?: ReactNode;\n renderPoster?: NonNullable<ComponentProps<typeof Poster>>['renderImage'];\n}\n\nexport function MinimalLiveVideoSkin({ children, className, renderPoster, ...props }: MinimalLiveVideoSkinProps = {}) {\n return (\n <Container className={cn('video-skin', className)} data-theme=\"minimal\" data-preset=\"live-video\" {...props}>\n {children}\n <Poster renderImage={renderPoster} />\n <BufferingIndicator />\n <ErrorDialog />\n <MinimalLiveVideoControls />\n <LiveVideoHotkeys />\n <LiveVideoGestures />\n <LiveVideoStatusIndicators />\n </Container>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,cAAc,GAAG,UAAqC,CAAC,GAAG;CACpH,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAa,GAAI;EAArG,UAAA;GACG;GACD,oBAAC,QAAD,EAAQ,aAAa,aAAe,CAAA;GACpC,oBAAC,oBAAD,CAAqB,CAAA;GACrB,oBAAC,aAAD,CAAc,CAAA;GACd,oBAAC,0BAAD,CAA2B,CAAA;GAC3B,oBAAC,kBAAD,CAAmB,CAAA;GACnB,oBAAC,mBAAD,CAAoB,CAAA;GACpB,oBAAC,2BAAD,CAA4B,CAAA;EACnB;;AAEf"}

package/dist/dev/internal/skins/minimal-video/components/buttons/airplay-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AirPlayButton as AirPlayButton$1 } from "../../../../../ui/airplay-button/airplay-button.js";
+import { AirPlayButton as AirPlayButton$1 } from "../../../../../ui/airplay-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/airplay-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/airplay-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-video/components/buttons/captions-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CaptionsButton as CaptionsButton$1 } from "../../../../../ui/captions-button/captions-button.js";
+import { CaptionsButton as CaptionsButton$1 } from "../../../../../ui/captions-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/captions-on.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-video/components/buttons/cast-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CastButton as CastButton$1 } from "../../../../../ui/cast-button/cast-button.js";
+import { CastButton as CastButton$1 } from "../../../../../ui/cast-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/cast-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/cast-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-video/components/buttons/fullscreen-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FullscreenButton as FullscreenButton$1 } from "../../../../../ui/fullscreen-button/fullscreen-button.js";
+import { FullscreenButton as FullscreenButton$1 } from "../../../../../ui/fullscreen-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/fullscreen-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-video/components/buttons/mute-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { MuteButton as MuteButton$1 } from "../../../../../ui/mute-button/mute-button.js";
+import { MuteButton as MuteButton$1 } from "../../../../../ui/mute-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/volume-high.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/volume-low.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/volume-off.js";

package/dist/dev/internal/skins/minimal-video/components/buttons/pip-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PiPButton as PiPButton$1 } from "../../../../../ui/pip-button/pip-button.js";
+import { PiPButton as PiPButton$1 } from "../../../../../ui/pip-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/pip-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/pip-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";

package/dist/dev/internal/skins/minimal-video/components/buttons/play-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PlayButton as PlayButton$1 } from "../../../../../ui/play-button/play-button.js";
+import { PlayButton as PlayButton$1 } from "../../../../../ui/play-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/pause.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/play.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/restart.js";

package/dist/dev/internal/skins/minimal-video/components/controls/volume-popover.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { VolumePopoverPopup } from "../../../../../ui/volume-popover/volume-popover-popup.js";
-import { VolumePopoverRoot } from "../../../../../ui/volume-popover/volume-popover-root.js";
-import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/volume-popover-trigger.js";
+import { VolumePopoverPopup } from "../../../../../ui/volume-popover/popup.js";
+import { VolumePopoverRoot } from "../../../../../ui/volume-popover/root.js";
+import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/trigger.js";
 import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";
 import { VolumeSlider } from "../../../shared/components/sliders/volume-slider.js";
 import { MuteButton } from "../buttons/mute-button.js";

package/dist/dev/internal/skins/minimal-video/components/feedback/buffering-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/buffering-indicator.js";
+import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/spinner.js";
 import { jsx } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";

package/dist/dev/internal/skins/minimal-video/components/feedback/seek-indicator.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { SeekIndicatorRoot } from "../../../../../ui/seek-indicator/seek-indicator-root.js";
-import { SeekIndicatorValue } from "../../../../../ui/seek-indicator/seek-indicator-value.js";
+import { SeekIndicatorRoot } from "../../../../../ui/seek-indicator/root.js";
+import { SeekIndicatorValue } from "../../../../../ui/seek-indicator/value.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/chevron.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";

package/dist/dev/internal/skins/minimal-video/components/feedback/status-indicator.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { StatusIndicatorRoot } from "../../../../../ui/status-indicator/status-indicator-root.js";
-import { StatusIndicatorValue } from "../../../../../ui/status-indicator/status-indicator-value.js";
+import { StatusIndicatorRoot } from "../../../../../ui/status-indicator/root.js";
+import { StatusIndicatorValue } from "../../../../../ui/status-indicator/value.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/captions-on.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";

package/dist/dev/internal/skins/minimal-video/components/feedback/volume-indicator.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/volume-indicator-fill.js";
-import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/volume-indicator-root.js";
-import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/volume-indicator-value.js";
+import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/fill.js";
+import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/root.js";
+import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/value.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/volume-high.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/minimal/volume-low.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/minimal/volume-off.js";

package/dist/dev/internal/skins/minimal-video/components/menus/audio-track-menu.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { Text } from "../../../../../i18n/text.js";
-import { AudioTrackRadioGroupOptions, AudioTrackRadioGroupRoot, AudioTrackRadioGroupValue } from "../../../../../ui/audio-track-radio-group/audio-track-radio-group.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
+import { AudioTrackRadioGroupOptions, AudioTrackRadioGroupRoot, AudioTrackRadioGroupValue } from "../../../../../ui/audio-track-radio-group/component.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/speech.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";

package/dist/dev/internal/skins/minimal-video/components/menus/captions-submenu.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { Text } from "../../../../../i18n/text.js";
-import { CaptionsRadioGroupOptions, CaptionsRadioGroupRoot, CaptionsRadioGroupValue } from "../../../../../ui/captions-radio-group/captions-radio-group.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
+import { CaptionsRadioGroupOptions, CaptionsRadioGroupRoot, CaptionsRadioGroupValue } from "../../../../../ui/captions-radio-group/component.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";

package/dist/dev/internal/skins/minimal-video/components/menus/playback-rate-submenu.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { Text } from "../../../../../i18n/text.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
-import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupValue } from "../../../../../ui/playback-rate-radio-group/playback-rate-radio-group.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
+import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupValue } from "../../../../../ui/playback-rate-radio-group/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/speed.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";

package/dist/dev/internal/skins/minimal-video/components/menus/quality-menu.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { Text } from "../../../../../i18n/text.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
-import { QualityRadioGroupOptions, QualityRadioGroupRoot, QualityRadioGroupValue } from "../../../../../ui/quality-radio-group/quality-radio-group.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
+import { QualityRadioGroupOptions, QualityRadioGroupRoot, QualityRadioGroupValue } from "../../../../../ui/quality-radio-group/component.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/switches.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";

package/dist/dev/internal/skins/minimal-video/components/menus/radio-item.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { MenuItemIndicator } from "../../../../../ui/menu/menu-item-indicator.js";
-import { MenuRadioItem } from "../../../../../ui/menu/menu-radio-item.js";
+import { MenuItemIndicator } from "../../../../../ui/menu/item-indicator.js";
+import { MenuRadioItem } from "../../../../../ui/menu/radio-item.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/check.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";

package/dist/dev/internal/skins/minimal-video/components/menus/radio-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-item.js","names":["Menu.RadioItem","Menu.ItemIndicator","CheckIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/radio-item.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { CheckIcon as CheckIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\n\nexport ~~type~~ RadioItemProps = Menu.RadioItemProps;\n\nexport function RadioItem({ children, className, ...props }: RadioItemProps) {\n return (\n <Menu.RadioItem className={(state) => cn('media-menu-radio-item', resolveClassName(className, state))} {...props}>\n {children}\n <Menu.ItemIndicator forceMount className={'media-menu-item-indicator'}>\n <CheckIconPrimitive className={'media-menu-radio-item-icon'} />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n );\n}\n"],"mappings":";;;;;;;~~AASA~~,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,qBAACA,eAAD;EAAgB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EAAG,GAAI;EAA3G,UAAA,CACG,UACD,oBAACC,mBAAD;GAAoB,YAAA;GAAW,WAAW;GACxC,UAAA,oBAACC,YAAD,EAAoB,WAAW,6BAA+B,CAAA;EAC5C,CAAA,CACN;;AAEpB"}
1	+ {"version":3,"file":"radio-item.js","names":["Menu.RadioItem","Menu.ItemIndicator","CheckIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/radio-item.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { CheckIcon as CheckIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\n\nexport interface RadioItemProps extends Omit<Menu.RadioItemProps, 'children'> {\n children?: Menu.RadioItemProps['children'];\n}\n\nexport function RadioItem({ children, className, ...props }: RadioItemProps) {\n return (\n <Menu.RadioItem className={(state) => cn('media-menu-radio-item', resolveClassName(className, state))} {...props}>\n {children}\n <Menu.ItemIndicator forceMount className={'media-menu-item-indicator'}>\n <CheckIconPrimitive className={'media-menu-radio-item-icon'} />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,qBAACA,eAAD;EAAgB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EAAG,GAAI;EAA3G,UAAA,CACG,UACD,oBAACC,mBAAD;GAAoB,YAAA;GAAW,WAAW;GACxC,UAAA,oBAACC,YAAD,EAAoB,WAAW,6BAA+B,CAAA;EAC5C,CAAA,CACN;;AAEpB"}

package/dist/dev/internal/skins/minimal-video/components/menus/settings-menu.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { Text } from "../../../../../i18n/text.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuPopup } from "../../../../../ui/menu/menu-popup.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuPopup } from "../../../../../ui/menu/popup.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/gear.js";
 import { Button } from "../../../shared/components/buttons/button.js";
 import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";

package/dist/dev/internal/skins/minimal-video/components/menus/settings-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-menu.js","names":["Menu.Root","TextPrimitive","Menu.Trigger","GearIconPrimitive","Menu.Popup","Menu.Content"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/settings-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { settingsText } from '@videojs/core/i18n/text/menu';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { GearIcon as GearIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport type { ClassValue } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\nimport { ButtonTooltip } from '../../../shared/components/buttons/button-tooltip';\n\nexport interface SettingsMenuProps extends Menu.RootProps {\n className?: ClassValue;\n}\n\nexport function SettingsMenu({ children, className, ...props }: SettingsMenuProps) {\n return (\n <Menu.Root side=\"top\" align=\"center\" {...props}>\n <ButtonTooltip label={<TextPrimitive token={settingsText.key}>{settingsText.text}</TextPrimitive>} side=\"top\">\n <Menu.Trigger\n render={<Button />}\n className={(state) => cn('media-settings-menu-trigger', resolveClassName(className, state))}\n >\n <GearIconPrimitive className={cn('media-button-icon', 'media-settings-menu-trigger-icon')} />\n <TextPrimitive className={'media-settings-menu-trigger-label'} token={settingsText.key}>\n {settingsText.text}\n </TextPrimitive>\n </Menu.Trigger>\n </ButtonTooltip>\n <Menu.Popup\n keepMounted\n className={cn('media-popup', 'media-popup-surface', 'media-menu-popup', 'media-menu-resizable-popup')}\n >\n <Menu.Content className={'media-menu-content'}>{children}</Menu.Content>\n </Menu.Popup>\n </Menu.Root>\n );\n}\n"],"mappings":";;;;;;;;;;;;;~~AAgBA~~,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;CACjF,OACE,qBAACA,UAAD;EAAW,MAAK;EAAM,OAAM;EAAS,GAAI;EAAzC,UAAA,CACE,oBAAC,eAAD;GAAe,OAAO,oBAACC,MAAD;IAAe,OAAO,aAAa;IAAM,UAAA,aAAa;GAAoB,CAAA;GAAG,MAAK;GACtG,UAAA,qBAACC,aAAD;IACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;IACjB,YAAY,UAAU,GAAG,+BAA+B,iBAAiB,WAAW,KAAK,CAAC;IAF5F,UAAA,CAIE,oBAACC,YAAD,EAAmB,WAAW,GAAG,qBAAqB,kCAAkC,EAAI,CAAA,GAC5F,oBAACF,MAAD;KAAe,WAAW;KAAqC,OAAO,aAAa;KAChF,UAAA,aAAa;IACD,CAAA,CACH;;EACD,CAAA,GACf,oBAACG,WAAD;GACE,aAAA;GACA,WAAW,GAAG,eAAe,uBAAuB,oBAAoB,4BAA4B;GAEpG,UAAA,oBAACC,aAAD;IAAc,WAAW;IAAuB;GAAuB,CAAA;EAC7D,CAAA,CACH;;AAEf"}
1	+ {"version":3,"file":"settings-menu.js","names":["Menu.Root","TextPrimitive","Menu.Trigger","GearIconPrimitive","Menu.Popup","Menu.Content"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/settings-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { settingsText } from '@videojs/core/i18n/text/menu';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { GearIcon as GearIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport type { ClassValue } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\nimport { ButtonTooltip } from '../../../shared/components/buttons/button-tooltip';\n\nexport interface SettingsMenuProps extends Omit<Menu.RootProps, 'children'> {\n className?: ClassValue;\n\n children?: Menu.ContentProps['children'];\n}\n\nexport function SettingsMenu({ children, className, ...props }: SettingsMenuProps) {\n return (\n <Menu.Root side=\"top\" align=\"center\" {...props}>\n <ButtonTooltip label={<TextPrimitive token={settingsText.key}>{settingsText.text}</TextPrimitive>} side=\"top\">\n <Menu.Trigger\n render={<Button />}\n className={(state) => cn('media-settings-menu-trigger', resolveClassName(className, state))}\n >\n <GearIconPrimitive className={cn('media-button-icon', 'media-settings-menu-trigger-icon')} />\n <TextPrimitive className={'media-settings-menu-trigger-label'} token={settingsText.key}>\n {settingsText.text}\n </TextPrimitive>\n </Menu.Trigger>\n </ButtonTooltip>\n <Menu.Popup\n keepMounted\n className={cn('media-popup', 'media-popup-surface', 'media-menu-popup', 'media-menu-resizable-popup')}\n >\n <Menu.Content className={'media-menu-content'}>{children}</Menu.Content>\n </Menu.Popup>\n </Menu.Root>\n );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;CACjF,OACE,qBAACA,UAAD;EAAW,MAAK;EAAM,OAAM;EAAS,GAAI;EAAzC,UAAA,CACE,oBAAC,eAAD;GAAe,OAAO,oBAACC,MAAD;IAAe,OAAO,aAAa;IAAM,UAAA,aAAa;GAAoB,CAAA;GAAG,MAAK;GACtG,UAAA,qBAACC,aAAD;IACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;IACjB,YAAY,UAAU,GAAG,+BAA+B,iBAAiB,WAAW,KAAK,CAAC;IAF5F,UAAA,CAIE,oBAACC,YAAD,EAAmB,WAAW,GAAG,qBAAqB,kCAAkC,EAAI,CAAA,GAC5F,oBAACF,MAAD;KAAe,WAAW;KAAqC,OAAO,aAAa;KAChF,UAAA,aAAa;IACD,CAAA,CACH;;EACD,CAAA,GACf,oBAACG,WAAD;GACE,aAAA;GACA,WAAW,GAAG,eAAe,uBAAuB,oBAAoB,4BAA4B;GAEpG,UAAA,oBAACC,aAAD;IAAc,WAAW;IAAuB;GAAuB,CAAA;EAC7D,CAAA,CACH;;AAEf"}

package/dist/dev/internal/skins/minimal-video/components/sliders/time-slider.js CHANGED Viewed

@@ -1,13 +1,14 @@
-import { SliderBuffer } from "../../../../../ui/slider/slider-buffer.js";
-import { SliderFill } from "../../../../../ui/slider/slider-fill.js";
-import { SliderPreview } from "../../../../../ui/slider/slider-preview.js";
-import { SliderThumb } from "../../../../../ui/slider/slider-thumb.js";
-import { SliderThumbnail } from "../../../../../ui/slider/slider-thumbnail.js";
-import { SliderTrack } from "../../../../../ui/slider/slider-track.js";
-import { SliderValue } from "../../../../../ui/slider/slider-value.js";
-import { TimeSliderChapterTitle } from "../../../../../ui/time-slider/time-slider-chapters/time-slider-chapter-title.js";
-import { TimeSliderChapters } from "../../../../../ui/time-slider/time-slider-chapters/time-slider-chapters.js";
-import { TimeSliderRoot } from "../../../../../ui/time-slider/time-slider-root.js";
+import { SliderBuffer } from "../../../../../ui/slider/buffer.js";
+import { SliderFill } from "../../../../../ui/slider/fill.js";
+import { SliderPreview } from "../../../../../ui/slider/preview.js";
+import { SliderThumb } from "../../../../../ui/slider/thumb.js";
+import { ThumbnailImage } from "../../../../../ui/thumbnail/image.js";
+import { SliderThumbnailRoot } from "../../../../../ui/slider/thumbnail/root.js";
+import { SliderTrack } from "../../../../../ui/slider/track.js";
+import { SliderValue } from "../../../../../ui/slider/value.js";
+import { TimeSliderChapterTitle } from "../../../../../ui/time-slider/chapter-title.js";
+import { TimeSliderChapters } from "../../../../../ui/time-slider/chapters.js";
+import { TimeSliderRoot } from "../../../../../ui/time-slider/root.js";
 import ForwardRef from "../../../../../icons/dist/react/minimal/spinner.js";
 import { SliderBuffer as SliderBuffer$1, SliderFill as SliderFill$1, SliderThumb as SliderThumb$1, SliderTrack as SliderTrack$1 } from "../../../shared/components/sliders/slider.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -37,9 +38,9 @@ function TimeSlider({ className, previewOverflow = "visible", ...props } = {}) {
 			/* @__PURE__ */ jsxs(SliderPreview, {
 				className: "media-slider-preview",
 				overflow: previewOverflow,
-				children: [/* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsxs(SliderThumbnailRoot, {
 					className: cn("media-slider-preview-content", "media-popup-surface", "media-slider-thumbnail"),
-					children: [/* @__PURE__ */ jsx(SliderThumbnail, { className: "media-slider-thumbnail-image" }), /* @__PURE__ */ jsx(ForwardRef, { className: "media-slider-thumbnail-spinner-icon" })]
+					children: [/* @__PURE__ */ jsx(ThumbnailImage, { className: "media-slider-thumbnail-image" }), /* @__PURE__ */ jsx(ForwardRef, { className: "media-slider-thumbnail-spinner-icon" })]
 				}), /* @__PURE__ */ jsxs("div", {
 					className: cn("media-slider-preview-content", "media-time-slider-preview-content"),
 					children: [/* @__PURE__ */ jsx(TimeSliderChapterTitle, { className: "media-time-slider-chapter-title" }), /* @__PURE__ */ jsx(SliderValue, {

package/dist/dev/internal/skins/minimal-video/components/sliders/time-slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-slider.js","names":["TimeSliderPrimitive.Root","TimeSliderPrimitive.Chapters","TimeSliderPrimitive.Track","SliderTrack","TimeSliderPrimitive.Buffer","SliderBuffer","TimeSliderPrimitive.Fill","SliderFill","TimeSliderPrimitive.Thumb","SliderThumb","TimeSliderPrimitive.Preview","Slider.Thumbnail","SpinnerIconPrimitive","TimeSliderPrimitive.ChapterTitle","TimeSliderPrimitive.Value"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/sliders/time-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { SliderPreviewOverflow } from '@videojs/core';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SpinnerIcon as SpinnerIconPrimitive } from '../../../../../icons/minimal/index';\nimport { TimeSlider as TimeSliderPrimitive } from '../../../../skin-primitives';\nimport { Slider } from '../../../../skin-primitives';\nimport { SliderBuffer, SliderFill, SliderThumb, SliderTrack } from '../../../shared/components/sliders/slider';\n\nexport interface TimeSliderProps extends Omit<TimeSliderPrimitive.RootProps, 'children'> {\n previewOverflow?: SliderPreviewOverflow \| undefined;\n}\n\nexport function TimeSlider({ className, previewOverflow = 'visible', ...props }: TimeSliderProps = {}) {\n return (\n <TimeSliderPrimitive.Root\n className={(state) => cn('media-slider', 'media-time-slider', resolveClassName(className, state))}\n {...props}\n >\n <TimeSliderPrimitive.Chapters\n className={'media-time-slider-chapters'}\n renderChapter={(props) => (\n <div className={'media-time-slider-chapter'} {...props}>\n <TimeSliderPrimitive.Track render={<SliderTrack />} className={'media-time-slider-chapter-track'}>\n <TimeSliderPrimitive.Buffer render={<SliderBuffer />} />\n <TimeSliderPrimitive.Fill render={<SliderFill />} />\n </TimeSliderPrimitive.Track>\n </div>\n )}\n ></TimeSliderPrimitive.Chapters>\n <TimeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-time-slider-thumb'} />\n <TimeSliderPrimitive.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n <~~div~~ className={cn('media-slider-preview-content', 'media-popup-surface', 'media-slider-thumbnail')}>\n <Slider.Thumbnail className={'media-slider-thumbnail-image'} />\n <SpinnerIconPrimitive className={'media-slider-thumbnail-spinner-icon'} />\n </~~div~~>\n <div className={cn('media-slider-preview-content', 'media-time-slider-preview-content')}>\n <TimeSliderPrimitive.ChapterTitle className={'media-time-slider-chapter-title'} />\n <TimeSliderPrimitive.Value className={'media-time-slider-value'} type=\"pointer\" />\n </div>\n </TimeSliderPrimitive.Preview>\n </TimeSliderPrimitive.Root>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;~~AAaA,SAAgB,WAAW,EAAE,WAAW,kBAAkB,WAAW,GAAG,UAA2B,CAAC,GAAG;CACrG,OACE,qBAACA,gBAAD;EACE,YAAY,UAAU,GAAG,gBAAgB,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChG,GAAI;EAFN,UAAA;GAIE,oBAACC,oBAAD;IACE,WAAW;IACX,gBAAgB,UACd,oBAAC,OAAD;KAAK,WAAW;KAA6B,GAAI;KAC/C,UAAA,qBAACC,aAAD;MAA2B,QAAQ,oBAACC,eAAD,CAAc,CAAA;MAAG,WAAW;MAA/D,UAAA,CACE,oBAACC,cAAD,EAA4B,QAAQ,oBAACC,gBAAD,CAAe,CAAA,EAAI,CAAA,GACvD,oBAACC,YAAD,EAA0B,QAAQ,oBAACC,cAAD,CAAa,CAAA,EAAI,CAAA,CAC1B;;IACxB,CAAA;GAEsB,CAAA;GAC/B,oBAACC,aAAD;IAA2B,QAAQ,oBAACC,eAAD,CAAc,CAAA;IAAG,WAAW;GAA4B,CAAA;GAC3F,qBAACC,eAAD;IAA6B,WAAW;IAAwB,UAAU;IAA1E,UAAA,CACE,~~qBAAC~~,~~OAAD~~;~~KAAK~~,WAAW,GAAG,gCAAgC,uBAAuB,wBAAwB;~~KAAlG~~,UAAA,~~CACE~~,oBAACC,~~iBAAD~~,~~EAAkB~~,WAAW,+BAAiC,CAAA,~~GAC9D~~,oBAACC,YAAD,EAAsB,WAAW,sCAAwC,CAAA,~~CACtE~~;~~IACL~~,CAAA,GAAA,qBAAC,OAAD;KAAK,WAAW,GAAG,gCAAgC,mCAAmC;KAAtF,UAAA,CACE,oBAACC,wBAAD,EAAkC,WAAW,kCAAoC,CAAA,GACjF,oBAACC,aAAD;MAA2B,WAAW;MAA2B,MAAK;KAAW,CAAA,CAC9E;IACsB,CAAA,CAAA;;EACL;;AAE9B"}
1	+ {"version":3,"file":"time-slider.js","names":["TimeSliderPrimitive.Root","TimeSliderPrimitive.Chapters","TimeSliderPrimitive.Track","SliderTrack","TimeSliderPrimitive.Buffer","SliderBuffer","TimeSliderPrimitive.Fill","SliderFill","TimeSliderPrimitive.Thumb","SliderThumb","TimeSliderPrimitive.Preview","Slider.Thumbnail.Root","Slider.Thumbnail.Image","SpinnerIconPrimitive","TimeSliderPrimitive.ChapterTitle","TimeSliderPrimitive.Value"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/sliders/time-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { SliderPreviewOverflow } from '@videojs/core';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SpinnerIcon as SpinnerIconPrimitive } from '../../../../../icons/minimal/index';\nimport { TimeSlider as TimeSliderPrimitive } from '../../../../skin-primitives';\nimport { Slider } from '../../../../skin-primitives';\nimport { SliderBuffer, SliderFill, SliderThumb, SliderTrack } from '../../../shared/components/sliders/slider';\n\nexport interface TimeSliderProps extends Omit<TimeSliderPrimitive.RootProps, 'children'> {\n previewOverflow?: SliderPreviewOverflow \| undefined;\n}\n\nexport function TimeSlider({ className, previewOverflow = 'visible', ...props }: TimeSliderProps = {}) {\n return (\n <TimeSliderPrimitive.Root\n className={(state) => cn('media-slider', 'media-time-slider', resolveClassName(className, state))}\n {...props}\n >\n <TimeSliderPrimitive.Chapters\n className={'media-time-slider-chapters'}\n renderChapter={(props) => (\n <div className={'media-time-slider-chapter'} {...props}>\n <TimeSliderPrimitive.Track render={<SliderTrack />} className={'media-time-slider-chapter-track'}>\n <TimeSliderPrimitive.Buffer render={<SliderBuffer />} />\n <TimeSliderPrimitive.Fill render={<SliderFill />} />\n </TimeSliderPrimitive.Track>\n </div>\n )}\n ></TimeSliderPrimitive.Chapters>\n <TimeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-time-slider-thumb'} />\n <TimeSliderPrimitive.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n <Slider.Thumbnail.Root\n className={cn('media-slider-preview-content', 'media-popup-surface', 'media-slider-thumbnail')}\n >\n <Slider.Thumbnail.Image className={'media-slider-thumbnail-image'} />\n <SpinnerIconPrimitive className={'media-slider-thumbnail-spinner-icon'} />\n </Slider.Thumbnail.Root>\n <div className={cn('media-slider-preview-content', 'media-time-slider-preview-content')}>\n <TimeSliderPrimitive.ChapterTitle className={'media-time-slider-chapter-title'} />\n <TimeSliderPrimitive.Value className={'media-time-slider-value'} type=\"pointer\" />\n </div>\n </TimeSliderPrimitive.Preview>\n </TimeSliderPrimitive.Root>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,WAAW,EAAE,WAAW,kBAAkB,WAAW,GAAG,UAA2B,CAAC,GAAG;CACrG,OACE,qBAACA,gBAAD;EACE,YAAY,UAAU,GAAG,gBAAgB,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChG,GAAI;EAFN,UAAA;GAIE,oBAACC,oBAAD;IACE,WAAW;IACX,gBAAgB,UACd,oBAAC,OAAD;KAAK,WAAW;KAA6B,GAAI;KAC/C,UAAA,qBAACC,aAAD;MAA2B,QAAQ,oBAACC,eAAD,CAAc,CAAA;MAAG,WAAW;MAA/D,UAAA,CACE,oBAACC,cAAD,EAA4B,QAAQ,oBAACC,gBAAD,CAAe,CAAA,EAAI,CAAA,GACvD,oBAACC,YAAD,EAA0B,QAAQ,oBAACC,cAAD,CAAa,CAAA,EAAI,CAAA,CAC1B;;IACxB,CAAA;GAEsB,CAAA;GAC/B,oBAACC,aAAD;IAA2B,QAAQ,oBAACC,eAAD,CAAc,CAAA;IAAG,WAAW;GAA4B,CAAA;GAC3F,qBAACC,eAAD;IAA6B,WAAW;IAAwB,UAAU;IAA1E,UAAA,CACE,qBAACC,qBAAD;KACE,WAAW,GAAG,gCAAgC,uBAAuB,wBAAwB;KAD/F,UAAA,CAGE,oBAACC,gBAAD,EAAwB,WAAW,+BAAiC,CAAA,GACpE,oBAACC,YAAD,EAAsB,WAAW,sCAAwC,CAAA,CACpD;IACvB,CAAA,GAAA,qBAAC,OAAD;KAAK,WAAW,GAAG,gCAAgC,mCAAmC;KAAtF,UAAA,CACE,oBAACC,wBAAD,EAAkC,WAAW,kCAAoC,CAAA,GACjF,oBAACC,aAAD;MAA2B,WAAW;MAA2B,MAAK;KAAW,CAAA,CAC9E;IACsB,CAAA,CAAA;;EACL;;AAE9B"}

package/dist/dev/internal/skins/minimal-video/controls.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { ControlsBackdrop } from "../../../ui/controls/controls-backdrop.js";
-import { ControlsContent } from "../../../ui/controls/controls-content.js";
-import { ControlsGroup } from "../../../ui/controls/controls-group.js";
-import { ControlsRoot } from "../../../ui/controls/controls-root.js";
-import { Group } from "../../../ui/time/time-group.js";
-import { Separator } from "../../../ui/time/time-separator.js";
-import { Value } from "../../../ui/time/time-value.js";
-import { TooltipProvider } from "../../../ui/tooltip/tooltip-provider.js";
+import { ControlsBackdrop } from "../../../ui/controls/backdrop.js";
+import { ControlsContent } from "../../../ui/controls/content.js";
+import { ControlsGroup } from "../../../ui/controls/group.js";
+import { ControlsRoot } from "../../../ui/controls/root.js";
+import { Group } from "../../../ui/time/group.js";
+import { Separator } from "../../../ui/time/separator.js";
+import { Value } from "../../../ui/time/value.js";
+import { TooltipProvider } from "../../../ui/tooltip/provider.js";
 import { ButtonTooltip } from "../shared/components/buttons/button-tooltip.js";
 import { AirPlayButton } from "./components/buttons/airplay-button.js";
 import { CaptionsButton } from "./components/buttons/captions-button.js";
@@ -58,7 +58,7 @@ function MinimalVideoControls() {
 				children: [
 					/* @__PURE__ */ jsx(ButtonTooltip, {
 						side: "top",
-						children: /* @__PURE__ */ jsx(CaptionsButton, {})
+						children: /* @__PURE__ */ jsx(CaptionsButton, { className: "video-controls-captions-button" })
 					}),
 					/* @__PURE__ */ jsx(VideoSettingsMenu, {}),
 					/* @__PURE__ */ jsxs(ControlsGroup, {

package/dist/dev/internal/skins/minimal-video/controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controls.js","names":["Controls.Root","Controls.Backdrop","Controls.Content","Tooltip.Provider","Controls.Group","Time.Group","Time.Value","Time.Separator"],"sources":["../../../../../src/internal/skins/minimal-video/controls.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Controls, Time, Tooltip } from '../../skin-primitives';\nimport { ButtonTooltip } from '../shared/components/buttons/button-tooltip';\nimport { AirPlayButton } from './components/buttons/airplay-button';\nimport { CaptionsButton } from './components/buttons/captions-button';\nimport { CastButton } from './components/buttons/cast-button';\nimport { FullscreenButton } from './components/buttons/fullscreen-button';\nimport { PiPButton } from './components/buttons/pip-button';\nimport { PlayButton } from './components/buttons/play-button';\nimport { VolumePopover } from './components/controls/volume-popover';\nimport { TimeSlider } from './components/sliders/time-slider';\nimport { VideoSettingsMenu } from './skins/shared/video/settings-menu';\n\nexport function MinimalVideoControls() {\n return (\n <Controls.Root>\n <Controls.Backdrop className={'video-controls-backdrop'} />\n <Controls.Content className={cn('video-controls', 'video-controls-content', 'video-controls-wrap')}>\n <Tooltip.Provider>\n <Controls.Group className={'video-controls-start'}>\n <ButtonTooltip side=\"top\">\n <PlayButton />\n </ButtonTooltip>\n <VolumePopover showTooltip side=\"right\" orientation=\"horizontal\" />\n </Controls.Group>\n\n <Controls.Group className={'video-time-slider-group'}>\n <Time.Group className={'media-time-group'}>\n <Time.Value className={cn('media-time-toggle', 'media-time-current-value')} type=\"current\" toggle />\n <Time.Separator className={'media-time-separator'} />\n <Time.Value className={'media-time-duration-value'} type=\"duration\" />\n </Time.Group>\n <TimeSlider previewOverflow=\"clamp\" />\n </Controls.Group>\n\n <Controls.Group className={'video-controls-end'}>\n <ButtonTooltip side=\"top\">\n <CaptionsButton />\n </ButtonTooltip>\n <VideoSettingsMenu />\n <Controls.Group className={'video-controls-trailing'}>\n <ButtonTooltip side=\"top\">\n <CastButton />\n </ButtonTooltip>\n <ButtonTooltip side=\"top\">\n <AirPlayButton />\n </ButtonTooltip>\n <ButtonTooltip side=\"top\">\n <PiPButton />\n </ButtonTooltip>\n <ButtonTooltip side=\"top\">\n <FullscreenButton />\n </ButtonTooltip>\n </Controls.Group>\n </Controls.Group>\n </Tooltip.Provider>\n </Controls.Content>\n </Controls.Root>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,SAAgB,uBAAuB;CACrC,OACE,qBAACA,cAAD,EAAA,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAW,0BAA4B,CAAA,GAC1D,oBAACC,iBAAD;EAAkB,WAAW,GAAG,kBAAkB,0BAA0B,qBAAqB;EAC/F,UAAA,qBAACC,iBAAD,EAAA,UAAA;GACE,qBAACC,eAAD;IAAgB,WAAW;IAA3B,UAAA,CACE,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA,GACf,oBAAC,eAAD;KAAe,aAAA;KAAY,MAAK;KAAQ,aAAY;IAAc,CAAA,CACpD;;GAEhB,qBAACA,eAAD;IAAgB,WAAW;IAA3B,UAAA,CACE,qBAACC,OAAD;KAAY,WAAW;KAAvB,UAAA;MACE,oBAACC,OAAD;OAAY,WAAW,GAAG,qBAAqB,0BAA0B;OAAG,MAAK;OAAU,QAAA;MAAQ,CAAA;MACnG,oBAACC,WAAD,EAAgB,WAAW,uBAAyB,CAAA;MACpD,oBAACD,OAAD;OAAY,WAAW;OAA6B,MAAK;MAAY,CAAA;KAC3D;IACZ,CAAA,GAAA,oBAAC,YAAD,EAAY,iBAAgB,QAAS,CAAA,CACvB;;GAEhB,qBAACF,eAAD;IAAgB,WAAW;IAA3B,UAAA;KACE,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,gBAAD,~~CAAiB~~,CAAA;~~KACJ~~,CAAA;KACf,oBAAC,mBAAD,CAAoB,CAAA;KACpB,qBAACA,eAAD;MAAgB,WAAW;MAA3B,UAAA;OACE,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;OACA,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,eAAD,CAAgB,CAAA;OACH,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;OACC,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;OACN,CAAA;MACD;;IACF;;EACA,EAAA,CAAA;CACF,CAAA,CACL,EAAA,CAAA;AAEnB"}
1	+ {"version":3,"file":"controls.js","names":["Controls.Root","Controls.Backdrop","Controls.Content","Tooltip.Provider","Controls.Group","Time.Group","Time.Value","Time.Separator"],"sources":["../../../../../src/internal/skins/minimal-video/controls.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Controls, Time, Tooltip } from '../../skin-primitives';\nimport { ButtonTooltip } from '../shared/components/buttons/button-tooltip';\nimport { AirPlayButton } from './components/buttons/airplay-button';\nimport { CaptionsButton } from './components/buttons/captions-button';\nimport { CastButton } from './components/buttons/cast-button';\nimport { FullscreenButton } from './components/buttons/fullscreen-button';\nimport { PiPButton } from './components/buttons/pip-button';\nimport { PlayButton } from './components/buttons/play-button';\nimport { VolumePopover } from './components/controls/volume-popover';\nimport { TimeSlider } from './components/sliders/time-slider';\nimport { VideoSettingsMenu } from './skins/shared/video/settings-menu';\n\nexport function MinimalVideoControls() {\n return (\n <Controls.Root>\n <Controls.Backdrop className={'video-controls-backdrop'} />\n <Controls.Content className={cn('video-controls', 'video-controls-content', 'video-controls-wrap')}>\n <Tooltip.Provider>\n <Controls.Group className={'video-controls-start'}>\n <ButtonTooltip side=\"top\">\n <PlayButton />\n </ButtonTooltip>\n <VolumePopover showTooltip side=\"right\" orientation=\"horizontal\" />\n </Controls.Group>\n\n <Controls.Group className={'video-time-slider-group'}>\n <Time.Group className={'media-time-group'}>\n <Time.Value className={cn('media-time-toggle', 'media-time-current-value')} type=\"current\" toggle />\n <Time.Separator className={'media-time-separator'} />\n <Time.Value className={'media-time-duration-value'} type=\"duration\" />\n </Time.Group>\n <TimeSlider previewOverflow=\"clamp\" />\n </Controls.Group>\n\n <Controls.Group className={'video-controls-end'}>\n <ButtonTooltip side=\"top\">\n <CaptionsButton className={'video-controls-captions-button'} />\n </ButtonTooltip>\n <VideoSettingsMenu />\n <Controls.Group className={'video-controls-trailing'}>\n <ButtonTooltip side=\"top\">\n <CastButton />\n </ButtonTooltip>\n <ButtonTooltip side=\"top\">\n <AirPlayButton />\n </ButtonTooltip>\n <ButtonTooltip side=\"top\">\n <PiPButton />\n </ButtonTooltip>\n <ButtonTooltip side=\"top\">\n <FullscreenButton />\n </ButtonTooltip>\n </Controls.Group>\n </Controls.Group>\n </Tooltip.Provider>\n </Controls.Content>\n </Controls.Root>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,SAAgB,uBAAuB;CACrC,OACE,qBAACA,cAAD,EAAA,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAW,0BAA4B,CAAA,GAC1D,oBAACC,iBAAD;EAAkB,WAAW,GAAG,kBAAkB,0BAA0B,qBAAqB;EAC/F,UAAA,qBAACC,iBAAD,EAAA,UAAA;GACE,qBAACC,eAAD;IAAgB,WAAW;IAA3B,UAAA,CACE,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA,GACf,oBAAC,eAAD;KAAe,aAAA;KAAY,MAAK;KAAQ,aAAY;IAAc,CAAA,CACpD;;GAEhB,qBAACA,eAAD;IAAgB,WAAW;IAA3B,UAAA,CACE,qBAACC,OAAD;KAAY,WAAW;KAAvB,UAAA;MACE,oBAACC,OAAD;OAAY,WAAW,GAAG,qBAAqB,0BAA0B;OAAG,MAAK;OAAU,QAAA;MAAQ,CAAA;MACnG,oBAACC,WAAD,EAAgB,WAAW,uBAAyB,CAAA;MACpD,oBAACD,OAAD;OAAY,WAAW;OAA6B,MAAK;MAAY,CAAA;KAC3D;IACZ,CAAA,GAAA,oBAAC,YAAD,EAAY,iBAAgB,QAAS,CAAA,CACvB;;GAEhB,qBAACF,eAAD;IAAgB,WAAW;IAA3B,UAAA;KACE,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,gBAAD,EAAgB,WAAW,iCAAmC,CAAA;KACjD,CAAA;KACf,oBAAC,mBAAD,CAAoB,CAAA;KACpB,qBAACA,eAAD;MAAgB,WAAW;MAA3B,UAAA;OACE,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;OACA,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,eAAD,CAAgB,CAAA;OACH,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;OACC,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;OACN,CAAA;MACD;;IACF;;EACA,EAAA,CAAA;CACF,CAAA,CACL,EAAA,CAAA;AAEnB"}

package/dist/dev/internal/skins/minimal-video/skin.js CHANGED Viewed

@@ -18,7 +18,7 @@ function MinimalVideoSkin({ children, className, renderPoster, ...props } = {})
 		...props,
 		children: [
 			children,
-			/* @__PURE__ */ jsx(Poster, { children: renderPoster }),
+			/* @__PURE__ */ jsx(Poster, { renderImage: renderPoster }),
 			/* @__PURE__ */ jsx(BufferingIndicator, {}),
 			/* @__PURE__ */ jsx(ErrorDialog, {}),
 			/* @__PURE__ */ jsx(MinimalVideoControls, {}),

package/dist/dev/internal/skins/minimal-video/skin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/feedback/error-dialog';\nimport { Container } from '../shared/components/layout/container';\nimport { Poster } from '../shared/components/layout/poster';\nimport { VideoGestures } from '../shared/skins/shared/video/gestures';\nimport { VideoHotkeys } from '../shared/skins/shared/video/hotkeys';\nimport { BufferingIndicator } from './components/feedback/buffering-indicator';\nimport { MinimalVideoControls } from './controls';\nimport { VideoStatusIndicators } from './skins/shared/video/status-indicators';\n\nexport interface MinimalVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n children?: ReactNode;\n renderPoster?: NonNullable<ComponentProps<typeof Poster>>['~~children~~'];\n}\n\nexport function MinimalVideoSkin({ children, className, renderPoster, ...props }: MinimalVideoSkinProps = {}) {\n return (\n <Container className={cn('video-skin', className)} data-theme=\"minimal\" data-preset=\"video\" {...props}>\n {children}\n <Poster>{renderPoster}~~</Poster>\~~n <BufferingIndicator />\n <ErrorDialog />\n\n <MinimalVideoControls />\n\n <VideoHotkeys />\n <VideoGestures />\n <VideoStatusIndicators />\n </Container>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,cAAc,GAAG,UAAiC,CAAC,GAAG;CAC5G,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAQ,GAAI;EAAhG,UAAA;GACG;GACD,oBAAC,QAAD,~~EAAA~~,~~UAAS~~,~~aAAqB~~,CAAA;~~GAC9B~~,oBAAC,oBAAD,CAAqB,CAAA;GACrB,oBAAC,aAAD,CAAc,CAAA;GAEd,oBAAC,sBAAD,CAAuB,CAAA;GAEvB,oBAAC,cAAD,CAAe,CAAA;GACf,oBAAC,eAAD,CAAgB,CAAA;GAChB,oBAAC,uBAAD,CAAwB,CAAA;EACf;;AAEf"}
1	+ {"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/feedback/error-dialog';\nimport { Container } from '../shared/components/layout/container';\nimport { Poster } from '../shared/components/layout/poster';\nimport { VideoGestures } from '../shared/skins/shared/video/gestures';\nimport { VideoHotkeys } from '../shared/skins/shared/video/hotkeys';\nimport { BufferingIndicator } from './components/feedback/buffering-indicator';\nimport { MinimalVideoControls } from './controls';\nimport { VideoStatusIndicators } from './skins/shared/video/status-indicators';\n\nexport interface MinimalVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n children?: ReactNode;\n renderPoster?: NonNullable<ComponentProps<typeof Poster>>['renderImage'];\n}\n\nexport function MinimalVideoSkin({ children, className, renderPoster, ...props }: MinimalVideoSkinProps = {}) {\n return (\n <Container className={cn('video-skin', className)} data-theme=\"minimal\" data-preset=\"video\" {...props}>\n {children}\n <Poster renderImage={renderPoster} />\n <BufferingIndicator />\n <ErrorDialog />\n\n <MinimalVideoControls />\n\n <VideoHotkeys />\n <VideoGestures />\n <VideoStatusIndicators />\n </Container>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,cAAc,GAAG,UAAiC,CAAC,GAAG;CAC5G,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAQ,GAAI;EAAhG,UAAA;GACG;GACD,oBAAC,QAAD,EAAQ,aAAa,aAAe,CAAA;GACpC,oBAAC,oBAAD,CAAqB,CAAA;GACrB,oBAAC,aAAD,CAAc,CAAA;GAEd,oBAAC,sBAAD,CAAuB,CAAA;GAEvB,oBAAC,cAAD,CAAe,CAAA;GACf,oBAAC,eAAD,CAAgB,CAAA;GAChB,oBAAC,uBAAD,CAAwB,CAAA;EACf;;AAEf"}

package/dist/dev/internal/skins/shared/components/buttons/button-tooltip.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { TooltipLabel } from "../../../../../ui/tooltip/tooltip-label.js";
-import { TooltipShortcut } from "../../../../../ui/tooltip/tooltip-shortcut.js";
-import { TooltipPopup } from "../../../../../ui/tooltip/tooltip-popup.js";
-import { TooltipRoot } from "../../../../../ui/tooltip/tooltip-root.js";
-import { TooltipTrigger } from "../../../../../ui/tooltip/tooltip-trigger.js";
+import { TooltipLabel } from "../../../../../ui/tooltip/label.js";
+import { TooltipShortcut } from "../../../../../ui/tooltip/shortcut.js";
+import { TooltipPopup } from "../../../../../ui/tooltip/popup.js";
+import { TooltipRoot } from "../../../../../ui/tooltip/root.js";
+import { TooltipTrigger } from "../../../../../ui/tooltip/trigger.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@videojs/utils/style";
 //#region src/internal/skins/shared/components/buttons/button-tooltip.tsx

package/dist/dev/internal/skins/shared/components/buttons/button-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-tooltip.js","names":["Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut"],"sources":["../../../../../../../src/internal/skins/shared/components/buttons/button-tooltip.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { Tooltip } from '../../../../skin-primitives';\n\nexport interface ButtonTooltipProps extends Tooltip.RootProps {\n children: ReactElement;\n label?: ReactNode;\n}\n\nexport function ButtonTooltip({ children, label, ...props }: ButtonTooltipProps) {\n return (\n <Tooltip.Root {...props}>\n <Tooltip.Trigger render={children} />\n <Tooltip.Popup\n className={cn(\n 'media-popup',\n 'media-popup-safe-area',\n 'media-popup-transition',\n 'media-popup-surface',\n 'media-tooltip'\n )}\n >\n {label ?? <Tooltip.Label />}\n {!label && <Tooltip.Shortcut className={'media-tooltip-shortcut'} />}\n </Tooltip.Popup>\n </Tooltip.Root>\n );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,cAAc,EAAE,UAAU,OAAO,GAAG,SAA6B;CAC/E,OACE,qBAACA,aAAD;EAAc,GAAI;EAAlB,UAAA,CACE,oBAACC,gBAAD,EAAiB,QAAQ,SAAW,CAAA,GACpC,qBAACC,cAAD;GACE,WAAW,GACT,eACA,yBACA,0BACA,uBACA,eACF;GAPF,UAAA,CASG,SAAS,oBAACC,cAAD,CAAgB,CAAA,GACzB,CAAC,SAAS,oBAACC,iBAAD,EAAkB,WAAW,yBAA2B,CAAA,CACtD;EACH,CAAA,CAAA;;AAElB"}
1	+ {"version":3,"file":"button-tooltip.js","names":["Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut"],"sources":["../../../../../../../src/internal/skins/shared/components/buttons/button-tooltip.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { Tooltip } from '../../../../skin-primitives';\n\nexport interface ButtonTooltipProps extends Omit<Tooltip.RootProps, 'children'> {\n children: ReactElement;\n label?: ReactNode;\n}\n\nexport function ButtonTooltip({ children, label, ...props }: ButtonTooltipProps) {\n return (\n <Tooltip.Root {...props}>\n <Tooltip.Trigger render={children} />\n <Tooltip.Popup\n className={cn(\n 'media-popup',\n 'media-popup-safe-area',\n 'media-popup-transition',\n 'media-popup-surface',\n 'media-tooltip'\n )}\n >\n {label ?? <Tooltip.Label />}\n {!label && <Tooltip.Shortcut className={'media-tooltip-shortcut'} />}\n </Tooltip.Popup>\n </Tooltip.Root>\n );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,cAAc,EAAE,UAAU,OAAO,GAAG,SAA6B;CAC/E,OACE,qBAACA,aAAD;EAAc,GAAI;EAAlB,UAAA,CACE,oBAACC,gBAAD,EAAiB,QAAQ,SAAW,CAAA,GACpC,qBAACC,cAAD;GACE,WAAW,GACT,eACA,yBACA,0BACA,uBACA,eACF;GAPF,UAAA,CASG,SAAS,oBAACC,cAAD,CAAgB,CAAA,GACzB,CAAC,SAAS,oBAACC,iBAAD,EAAkB,WAAW,yBAA2B,CAAA,CACtD;EACH,CAAA,CAAA;;AAElB"}

package/dist/dev/internal/skins/shared/components/buttons/live-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { LiveButton as LiveButton$1 } from "../../../../../ui/live-button/live-button.js";
+import { LiveButton as LiveButton$1 } from "../../../../../ui/live-button/component.js";
 import { Button } from "./button.js";
 import { jsx } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";