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

package/dist/default/presets/live-audio/skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":["Skin"],"sources":["../../../../src/presets/live-audio/skin.tsx"],"sourcesContent":["'use client';\n\nimport { DefaultLiveAudioSkin as Skin } from '../../internal/skins/default-live-audio/skin';\nimport type { BaseSkinProps } from '../types';\n\nexport interface LiveAudioSkinProps extends BaseSkinProps {}\n\nexport function LiveAudioSkin(props: LiveAudioSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,cAAc,OAA2B;CACvD,OAAO,oBAACA,sBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/live-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/presets/live-video/index.ts"],"sourcesContent":["/**\n * Live video player preset — `video` minus playback rate, quality selection, and audio-track selection, plus the live\n * feature, with a skin that swaps the time slider and time displays for a Live button.\n */\n'use client';\n\nexport { liveVideoFeatures } from '@videojs/core/dom';\nexport { Video, type VideoProps } from '@/media/video';\nexport * from './minimal-skin';\nexport { LiveVideoPlayer, type LiveVideoPlayerProps, usePlayer } from './player';\nexport * from './skin';\n"],"mappings":""}

package/dist/default/presets/live-video/minimal-skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-skin.js","names":["Skin"],"sources":["../../../../src/presets/live-video/minimal-skin.tsx"],"sourcesContent":["'use client';\n\nimport { MinimalLiveVideoSkin as Skin } from '../../internal/skins/minimal-live-video/skin';\nimport type { BaseVideoSkinProps } from '../types';\n\nexport interface MinimalLiveVideoSkinProps extends BaseVideoSkinProps {}\n\nexport function MinimalLiveVideoSkin(props: MinimalLiveVideoSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,qBAAqB,OAAkC;CACrE,OAAO,oBAACA,wBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/live-video/player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/live-video/player.ts"],"sourcesContent":["'use client';\n\nimport { liveVideoFeatures } from '@videojs/core/dom';\nimport type { ComponentProps } from 'react';\n\nimport { createPlayer } from '../../player/create-player';\n\n/** Preconfigured player with the live video features. */\nexport const {\n  Player: LiveVideoPlayer,\n  /** Access the live video player store or select a value from it. */\n  usePlayer,\n} = createPlayer({ features: liveVideoFeatures, displayName: 'LiveVideoPlayer' });\n\n/** Props accepted by the preconfigured live-video Player. */\nexport interface LiveVideoPlayerProps extends ComponentProps<typeof LiveVideoPlayer> {}\n"],"mappings":";;;;;AAQA,MAAa,EACX,QAAQ,iBAER,cACE,aAAa;CAAE,UAAU;CAAmB,aAAa;AAAkB,CAAC"}

package/dist/default/presets/live-video/skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":["Skin"],"sources":["../../../../src/presets/live-video/skin.tsx"],"sourcesContent":["'use client';\n\nimport { DefaultLiveVideoSkin as Skin } from '../../internal/skins/default-live-video/skin';\nimport type { BaseVideoSkinProps } from '../types';\n\nexport interface LiveVideoSkinProps extends BaseVideoSkinProps {}\n\nexport function LiveVideoSkin(props: LiveVideoSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,cAAc,OAA2B;CACvD,OAAO,oBAACA,sBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/presets/video/index.ts"],"sourcesContent":["/** General-purpose video player preset with full playback controls. */\n'use client';\n\nexport { videoFeatures } from '@videojs/core/dom';\nexport { Video, type VideoProps } from '@/media/video';\nexport * from './minimal-skin';\nexport { usePlayer, VideoPlayer, type VideoPlayerProps } from './player';\nexport * from './skin';\n"],"mappings":""}

package/dist/default/presets/video/minimal-skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-skin.js","names":["Skin"],"sources":["../../../../src/presets/video/minimal-skin.tsx"],"sourcesContent":["'use client';\n\nimport { MinimalVideoSkin as Skin } from '../../internal/skins/minimal-video/skin';\nimport type { BaseVideoSkinProps } from '../types';\n\nexport interface MinimalVideoSkinProps extends BaseVideoSkinProps {}\n\nexport function MinimalVideoSkin(props: MinimalVideoSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,iBAAiB,OAA8B;CAC7D,OAAO,oBAACA,oBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/video/player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/video/player.ts"],"sourcesContent":["'use client';\n\nimport { videoFeatures } from '@videojs/core/dom';\nimport type { ComponentProps } from 'react';\n\nimport { createPlayer } from '../../player/create-player';\n\n/** Preconfigured player with the standard video features. */\nexport const {\n  Player: VideoPlayer,\n  /** Access the standard video player store or select a value from it. */\n  usePlayer,\n} = createPlayer({ features: videoFeatures, displayName: 'VideoPlayer' });\n\n/** Props accepted by the preconfigured video Player. */\nexport interface VideoPlayerProps extends ComponentProps<typeof VideoPlayer> {}\n"],"mappings":";;;;;AAQA,MAAa,EACX,QAAQ,aAER,cACE,aAAa;CAAE,UAAU;CAAe,aAAa;AAAc,CAAC"}

package/dist/default/presets/video/skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":["Skin"],"sources":["../../../../src/presets/video/skin.tsx"],"sourcesContent":["'use client';\n\nimport { DefaultVideoSkin as Skin } from '../../internal/skins/default-video/skin';\nimport type { BaseVideoSkinProps } from '../types';\n\nexport interface VideoSkinProps extends BaseVideoSkinProps {}\n\nexport function VideoSkin(props: VideoSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,UAAU,OAAuB;CAC/C,OAAO,oBAACA,kBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/ui/airplay-button/airplay-button.js

@@ -1,17 +0,0 @@
-import { createMediaButton } from "../create-media-button.js";
-import { AirPlayButtonCore, AirPlayButtonDataAttrs } from "@videojs/core";
-import { selectRemotePlayback } from "@videojs/core/dom";
-//#region src/ui/airplay-button/airplay-button.tsx
-/** A button that toggles AirPlay to a remote device. */
-const AirPlayButton = createMediaButton({
-	displayName: "AirPlayButton",
-	core: AirPlayButtonCore,
-	stateAttrMap: AirPlayButtonDataAttrs,
-	selector: selectRemotePlayback,
-	action: (core, state) => core.toggle(state),
-	isSupported: (state) => !state.hidden
-});
-//#endregion
-export { AirPlayButton };
-
-//# sourceMappingURL=airplay-button.js.map

package/dist/default/ui/airplay-button/airplay-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"airplay-button.js","names":[],"sources":["../../../../src/ui/airplay-button/airplay-button.tsx"],"sourcesContent":["import { AirPlayButtonCore, AirPlayButtonDataAttrs } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface AirPlayButtonProps\n  extends UIComponentProps<'button', AirPlayButtonCore.State>, AirPlayButtonCore.Props {}\n\n/** A button that toggles AirPlay to a remote device. */\nexport const AirPlayButton = createMediaButton<AirPlayButtonCore, AirPlayButtonProps>({\n  displayName: 'AirPlayButton',\n  core: AirPlayButtonCore,\n  stateAttrMap: AirPlayButtonDataAttrs,\n  selector: selectRemotePlayback,\n  action: (core, state) => core.toggle(state),\n  isSupported: (state) => !state.hidden,\n});\n\nexport namespace AirPlayButton {\n  export type Props = AirPlayButtonProps;\n  export type State = AirPlayButtonCore.State;\n}\n"],"mappings":";;;;;AAUA,MAAa,gBAAgB,kBAAyD;CACpF,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,KAAK;CAC1C,cAAc,UAAU,CAAC,MAAM;AACjC,CAAC"}

package/dist/default/ui/alert-dialog/alert-dialog-root.js

@@ -1,25 +0,0 @@
-import { DialogContextProvider } from "../dialog/context.js";
-import { useDialogRoot } from "../dialog/use-dialog-root.js";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/alert-dialog/alert-dialog-root.tsx
-/** Manages alert dialog state and provides it to the shared dialog parts. */
-function AlertDialogRoot({ children, ...props }) {
-	const context = useDialogRoot({
-		...props,
-		coreFactory: createAlertDialogCore,
-		stateAttrMap: AlertDialogDataAttrs,
-		idPrefix: "alert-dialog"
-	});
-	return /* @__PURE__ */ jsx(DialogContextProvider, {
-		value: context,
-		children
-	});
-}
-function createAlertDialogCore() {
-	return new AlertDialogCore();
-}
-//#endregion
-export { AlertDialogRoot };
-
-//# sourceMappingURL=alert-dialog-root.js.map

package/dist/default/ui/alert-dialog/alert-dialog-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-root.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-root.tsx"],"sourcesContent":["import { AlertDialogCore, AlertDialogDataAttrs, type AlertDialogProps } from '@videojs/core';\nimport type { ReactNode } from 'react';\n\nimport { DialogContextProvider } from '../dialog/context';\nimport { useDialogRoot } from '../dialog/use-dialog-root';\n\nexport interface AlertDialogRootProps extends AlertDialogProps {\n  /** Called when the open state changes, before animations complete. */\n  onOpenChange?: (open: boolean) => void;\n  /** Called after open or close animations complete. */\n  onOpenChangeComplete?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\n/** Manages alert dialog state and provides it to the shared dialog parts. */\nexport function AlertDialogRoot({ children, ...props }: AlertDialogRootProps): ReactNode {\n  const context = useDialogRoot({\n    ...props,\n    coreFactory: createAlertDialogCore,\n    stateAttrMap: AlertDialogDataAttrs,\n    idPrefix: 'alert-dialog',\n  });\n\n  return <DialogContextProvider value={context}>{children}</DialogContextProvider>;\n}\n\nfunction createAlertDialogCore(): AlertDialogCore {\n  return new AlertDialogCore();\n}\n\nexport namespace AlertDialogRoot {\n  export type Props = AlertDialogRootProps;\n}\n"],"mappings":";;;;;;AAeA,SAAgB,gBAAgB,EAAE,UAAU,GAAG,SAA0C;CACvF,MAAM,UAAU,cAAc;EAC5B,GAAG;EACH,aAAa;EACb,cAAc;EACd,UAAU;CACZ,CAAC;CAED,OAAO,oBAAC,uBAAD;EAAuB,OAAO;EAAU;CAAgC,CAAA;AACjF;AAEA,SAAS,wBAAyC;CAChD,OAAO,IAAI,gBAAgB;AAC7B"}

package/dist/default/ui/alert-dialog/index.parts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/alert-dialog/index.parts.ts"],"sourcesContent":["export {\n  Backdrop,\n  type BackdropProps,\n  Close,\n  type CloseProps,\n  Description,\n  type DescriptionProps,\n  Popup,\n  type PopupProps,\n  Title,\n  type TitleProps,\n} from '../dialog/index.parts';\nexport { AlertDialogRoot as Root, type AlertDialogRootProps as RootProps } from './alert-dialog-root';\n"],"mappings":""}

package/dist/default/ui/audio-track/use-audio-track-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-audio-track-options.js","names":[],"sources":["../../../../src/ui/audio-track/use-audio-track-options.ts"],"sourcesContent":["import { AudioTrackRadioGroupCore, type AudioTrackRadioGroupOption } from '@videojs/core';\nimport { selectAudioTrack } from '@videojs/core/dom';\n\nimport { createRadioOptionsHook, type TranslatedRadioOption } from '../hooks/create-radio-options-hook';\n\nexport interface AudioTrackOptionsProps extends AudioTrackRadioGroupCore.Props {}\n\nexport type AudioTrackOption = TranslatedRadioOption<AudioTrackRadioGroupOption>;\n\nexport interface AudioTrackOptionsResult {\n  state: AudioTrackRadioGroupCore.State;\n  label: string;\n  value: string;\n  selectedLabel: string;\n  options: AudioTrackOption[];\n  disabled: boolean;\n  hidden: boolean;\n  setValue: (value: string) => void;\n}\n\nconst useAudioTrackRadioOptions = createRadioOptionsHook({\n  name: 'useAudioTrackOptions',\n  feature: 'audioTrack',\n  selector: selectAudioTrack,\n  createCore: () => new AudioTrackRadioGroupCore(),\n});\n\n/**\n * Create audio track menu options from the player audio track state. Returns `null` when the audio track feature is not\n * configured.\n *\n * @param props - Optional `label`, `formatTrack`, and `disabled` overrides.\n */\nexport function useAudioTrackOptions(props?: AudioTrackOptionsProps): AudioTrackOptionsResult | null {\n  'use no memo';\n\n  return useAudioTrackRadioOptions(props);\n}\n\nexport namespace useAudioTrackOptions {\n  export type Props = AudioTrackOptionsProps;\n  export type Result = AudioTrackOptionsResult;\n  export type Option = AudioTrackOption;\n}\n"],"mappings":";;;;AAoBA,MAAM,4BAA4B,uBAAuB;CACvD,MAAM;CACN,SAAS;CACT,UAAU;CACV,kBAAkB,IAAI,yBAAyB;AACjD,CAAC;;;;;;;AAQD,SAAgB,qBAAqB,OAAgE;CACnG;CAEA,OAAO,0BAA0B,KAAK;AACxC"}

package/dist/default/ui/audio-track-radio-group/audio-track-radio-group.js

@@ -1,97 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuOptionState } from "../menu/context.js";
-import { useAudioTrackOptions } from "../audio-track/use-audio-track-options.js";
-import { MenuRadioGroup } from "../menu/menu-radio-group.js";
-import { AudioTrackRadioGroupDataAttrs } from "@videojs/core";
-import { getStateDataAttrs } from "@videojs/core/dom";
-import { Fragment, createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isFunction } from "@videojs/utils/predicate";
-//#region src/ui/audio-track-radio-group/audio-track-radio-group.tsx
-const AudioTrackRadioGroupContext = createContext(void 0);
-/** Owns audio-track option state and shares it with an enclosing menu. Does not render a DOM element. */
-function AudioTrackRadioGroupRoot({ children, ...props }) {
-	const audioTrack = useAudioTrackOptions(props);
-	useMenuOptionState(toMenuOptionState(audioTrack));
-	return /* @__PURE__ */ jsx(AudioTrackRadioGroupContext.Provider, {
-		value: audioTrack,
-		children
-	});
-}
-/** Displays the selected audio-track label. */
-const AudioTrackRadioGroupValue = forwardRef(function AudioTrackRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {
-	const audioTrack = useAudioTrackRadioGroupContext();
-	if (!audioTrack) return null;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state: audioTrack,
-		ref: forwardedRef,
-		props: [elementProps, { children: audioTrack.selectedLabel }]
-	});
-});
-/** Renders menu radio items for the player's available audio tracks. */
-const AudioTrackRadioGroupOptions = forwardRef(function AudioTrackRadioGroupOptions(componentProps, forwardedRef) {
-	const { renderItem, render, className, style, "aria-label": ariaLabelProp, "aria-labelledby": ariaLabelledBy, ...elementProps } = componentProps;
-	const audioTrack = useAudioTrackRadioGroupContext();
-	if (!audioTrack) return null;
-	const { state, value, options, setValue } = audioTrack;
-	const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === void 0 ? audioTrack.label : void 0);
-	return /* @__PURE__ */ jsx(MenuRadioGroup, {
-		...getStateDataAttrs(state, AudioTrackRadioGroupDataAttrs),
-		...elementProps,
-		ref: forwardedRef,
-		className: isFunction(className) ? className(state) : className,
-		style: isFunction(style) ? style(state) : style,
-		render: isFunction(render) ? (props) => render(props, state) : render,
-		value,
-		onValueChange: setValue,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		"aria-disabled": state.disabled || void 0,
-		hidden: state.hidden,
-		children: options.map((option) => {
-			const itemState = {
-				...option,
-				checked: option.value === value
-			};
-			return /* @__PURE__ */ jsx(Fragment, { children: renderItem({
-				value: option.value,
-				disabled: option.disabled,
-				"data-track": option.value,
-				children: option.label
-			}, itemState) }, option.value);
-		})
-	});
-});
-/** @internal Compatibility adapter for the existing preset sources. */
-const AudioTrackRadioGroupLegacy = forwardRef(function AudioTrackRadioGroupLegacy({ label, formatTrack, disabled, ...props }, forwardedRef) {
-	return /* @__PURE__ */ jsx(AudioTrackRadioGroupRoot, {
-		label,
-		formatTrack,
-		disabled,
-		children: /* @__PURE__ */ jsx(AudioTrackRadioGroupOptions, {
-			...props,
-			ref: forwardedRef
-		})
-	});
-});
-function useAudioTrackRadioGroupContext() {
-	const audioTrack = useContext(AudioTrackRadioGroupContext);
-	if (audioTrack === void 0) throw new Error("AudioTrackRadioGroup parts must be used within AudioTrackRadioGroup.Root");
-	return audioTrack;
-}
-function toMenuOptionState(audioTrack) {
-	return {
-		value: audioTrack?.selectedLabel ?? "",
-		disabled: audioTrack?.disabled ?? true,
-		hidden: audioTrack?.hidden ?? true,
-		availability: audioTrack?.state.availability ?? "unsupported"
-	};
-}
-//#endregion
-export { AudioTrackRadioGroupLegacy, AudioTrackRadioGroupOptions, AudioTrackRadioGroupRoot, AudioTrackRadioGroupValue };
-
-//# sourceMappingURL=audio-track-radio-group.js.map

package/dist/default/ui/audio-track-radio-group/audio-track-radio-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio-track-radio-group.js","names":[],"sources":["../../../../src/ui/audio-track-radio-group/audio-track-radio-group.tsx"],"sourcesContent":["import { type AudioTrackRadioGroupCore, AudioTrackRadioGroupDataAttrs, type MenuOptionState } from '@videojs/core';\nimport { getStateDataAttrs } from '@videojs/core/dom';\nimport { isFunction } from '@videojs/utils/predicate';\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, Fragment, forwardRef, useContext } from 'react';\n\nimport type { HTMLProps, UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport {\n  type AudioTrackOption,\n  type AudioTrackOptionsProps,\n  type AudioTrackOptionsResult,\n  useAudioTrackOptions,\n} from '../audio-track';\nimport { useMenuOptionState } from '../menu/context';\nimport { MenuRadioGroup } from '../menu/menu-radio-group';\nimport type { MenuRadioItemProps } from '../menu/menu-radio-item';\n\nexport type AudioTrackRadioGroupItemState = AudioTrackOption & {\n  /** Whether this option is the currently enabled audio track. */\n  checked: boolean;\n};\n\nexport interface AudioTrackRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {\n  /** Audio track value represented by the option. */\n  'data-track': string;\n}\n\nexport interface AudioTrackRadioGroupRootProps extends AudioTrackOptionsProps {\n  children?: ReactNode;\n}\n\nexport interface AudioTrackRadioGroupOptionsProps extends Omit<\n  UIComponentProps<'div', AudioTrackRadioGroupCore.State>,\n  'children'\n> {\n  /** Render one consumer-owned menu radio item for every audio track. */\n  renderItem: (props: AudioTrackRadioGroupItemProps, state: AudioTrackRadioGroupItemState) => ReactElement;\n}\n\nexport type AudioTrackRadioGroupValueProps = UIComponentProps<'span', AudioTrackOptionsResult>;\n\nexport interface AudioTrackRadioGroupLegacyProps extends AudioTrackRadioGroupOptionsProps, AudioTrackOptionsProps {}\n\nconst AudioTrackRadioGroupContext = createContext<AudioTrackOptionsResult | null | undefined>(undefined);\n\n/** Owns audio-track option state and shares it with an enclosing menu. Does not render a DOM element. */\nexport function AudioTrackRadioGroupRoot({ children, ...props }: AudioTrackRadioGroupRootProps): ReactNode {\n  const audioTrack = useAudioTrackOptions(props);\n\n  useMenuOptionState(toMenuOptionState(audioTrack));\n\n  return <AudioTrackRadioGroupContext.Provider value={audioTrack}>{children}</AudioTrackRadioGroupContext.Provider>;\n}\n\n/** Displays the selected audio-track label. */\nexport const AudioTrackRadioGroupValue = forwardRef<HTMLSpanElement, AudioTrackRadioGroupValueProps>(\n  function AudioTrackRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {\n    const audioTrack = useAudioTrackRadioGroupContext();\n    if (!audioTrack) return null;\n\n    return renderElement(\n      'span',\n      { render, className, style },\n      { state: audioTrack, ref: forwardedRef, props: [elementProps, { children: audioTrack.selectedLabel }] }\n    );\n  }\n);\n\n/** Renders menu radio items for the player's available audio tracks. */\nexport const AudioTrackRadioGroupOptions = forwardRef<HTMLDivElement, AudioTrackRadioGroupOptionsProps>(\n  function AudioTrackRadioGroupOptions(componentProps, forwardedRef) {\n    const {\n      renderItem,\n      render,\n      className,\n      style,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledBy,\n      ...elementProps\n    } = componentProps;\n    const audioTrack = useAudioTrackRadioGroupContext();\n    if (!audioTrack) return null;\n\n    const { state, value, options, setValue } = audioTrack;\n    const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === undefined ? audioTrack.label : undefined);\n\n    return (\n      <MenuRadioGroup\n        {...getStateDataAttrs(state, AudioTrackRadioGroupDataAttrs)}\n        {...elementProps}\n        ref={forwardedRef}\n        className={isFunction(className) ? className(state) : className}\n        style={isFunction(style) ? style(state) : style}\n        render={isFunction(render) ? (props: HTMLProps) => render(props, state) : render}\n        value={value}\n        onValueChange={setValue}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-disabled={state.disabled || undefined}\n        hidden={state.hidden}\n      >\n        {options.map((option) => {\n          const itemState = { ...option, checked: option.value === value };\n\n          return (\n            <Fragment key={option.value}>\n              {renderItem(\n                {\n                  value: option.value,\n                  disabled: option.disabled,\n                  'data-track': option.value,\n                  children: option.label,\n                },\n                itemState\n              )}\n            </Fragment>\n          );\n        })}\n      </MenuRadioGroup>\n    );\n  }\n);\n\n/** @internal Compatibility adapter for the existing preset sources. */\nexport const AudioTrackRadioGroupLegacy = forwardRef<HTMLDivElement, AudioTrackRadioGroupLegacyProps>(\n  function AudioTrackRadioGroupLegacy({ label, formatTrack, disabled, ...props }, forwardedRef) {\n    return (\n      <AudioTrackRadioGroupRoot label={label} formatTrack={formatTrack} disabled={disabled}>\n        <AudioTrackRadioGroupOptions {...props} ref={forwardedRef} />\n      </AudioTrackRadioGroupRoot>\n    );\n  }\n);\n\nfunction useAudioTrackRadioGroupContext(): AudioTrackOptionsResult | null {\n  const audioTrack = useContext(AudioTrackRadioGroupContext);\n\n  if (audioTrack === undefined) {\n    throw new Error('AudioTrackRadioGroup parts must be used within AudioTrackRadioGroup.Root');\n  }\n\n  return audioTrack;\n}\n\nfunction toMenuOptionState(audioTrack: AudioTrackOptionsResult | null): MenuOptionState {\n  return {\n    value: audioTrack?.selectedLabel ?? '',\n    disabled: audioTrack?.disabled ?? true,\n    hidden: audioTrack?.hidden ?? true,\n    availability: audioTrack?.state.availability ?? 'unsupported',\n  };\n}\n\nexport namespace AudioTrackRadioGroupRoot {\n  export type Props = AudioTrackRadioGroupRootProps;\n}\n\nexport namespace AudioTrackRadioGroupValue {\n  export type Props = AudioTrackRadioGroupValueProps;\n  export type State = AudioTrackOptionsResult;\n}\n\nexport namespace AudioTrackRadioGroupOptions {\n  export type Props = AudioTrackRadioGroupOptionsProps;\n  export type State = AudioTrackRadioGroupCore.State;\n  export type ItemProps = AudioTrackRadioGroupItemProps;\n  export type ItemState = AudioTrackRadioGroupItemState;\n}\n"],"mappings":";;;;;;;;;;AA4CA,MAAM,8BAA8B,cAA0D,KAAA,CAAS;;AAGvG,SAAgB,yBAAyB,EAAE,UAAU,GAAG,SAAmD;CACzG,MAAM,aAAa,qBAAqB,KAAK;CAE7C,mBAAmB,kBAAkB,UAAU,CAAC;CAEhD,OAAO,oBAAC,4BAA4B,UAA7B;EAAsC,OAAO;EAAa;CAA+C,CAAA;AAClH;;AAGA,MAAa,4BAA4B,WACvC,SAAS,0BAA0B,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAAgB,cAAc;CAC9F,MAAM,aAAa,+BAA+B;CAClD,IAAI,CAAC,YAAY,OAAO;CAExB,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EAAE,OAAO;EAAY,KAAK;EAAc,OAAO,CAAC,cAAc,EAAE,UAAU,WAAW,cAAc,CAAC;CAAE,CACxG;AACF,CACF;;AAGA,MAAa,8BAA8B,WACzC,SAAS,4BAA4B,gBAAgB,cAAc;CACjE,MAAM,EACJ,YACA,QACA,WACA,OACA,cAAc,eACd,mBAAmB,gBACnB,GAAG,iBACD;CACJ,MAAM,aAAa,+BAA+B;CAClD,IAAI,CAAC,YAAY,OAAO;CAExB,MAAM,EAAE,OAAO,OAAO,SAAS,aAAa;CAC5C,MAAM,YAAY,kBAAkB,mBAAmB,KAAA,IAAY,WAAW,QAAQ,KAAA;CAEtF,OACE,oBAAC,gBAAD;EACE,GAAI,kBAAkB,OAAO,6BAA6B;EAC1D,GAAI;EACJ,KAAK;EACL,WAAW,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;EACtD,OAAO,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI;EAC1C,QAAQ,WAAW,MAAM,KAAK,UAAqB,OAAO,OAAO,KAAK,IAAI;EACnE;EACP,eAAe;EACf,cAAY;EACZ,mBAAiB;EACjB,iBAAe,MAAM,YAAY,KAAA;EACjC,QAAQ,MAAM;EAEb,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,YAAY;IAAE,GAAG;IAAQ,SAAS,OAAO,UAAU;GAAM;GAE/D,OACE,oBAAC,UAAD,EAAA,UACG,WACC;IACE,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,cAAc,OAAO;IACrB,UAAU,OAAO;GACnB,GACA,SACF,EACQ,GAVK,OAAO,KAUZ;EAEd,CAAC;CACa,CAAA;AAEpB,CACF;;AAGA,MAAa,6BAA6B,WACxC,SAAS,2BAA2B,EAAE,OAAO,aAAa,UAAU,GAAG,SAAS,cAAc;CAC5F,OACE,oBAAC,0BAAD;EAAiC;EAAoB;EAAuB;EAC1E,UAAA,oBAAC,6BAAD;GAA6B,GAAI;GAAO,KAAK;EAAe,CAAA;CACpC,CAAA;AAE9B,CACF;AAEA,SAAS,iCAAiE;CACxE,MAAM,aAAa,WAAW,2BAA2B;CAEzD,IAAI,eAAe,KAAA,GACjB,MAAM,IAAI,MAAM,0EAA0E;CAG5F,OAAO;AACT;AAEA,SAAS,kBAAkB,YAA6D;CACtF,OAAO;EACL,OAAO,YAAY,iBAAiB;EACpC,UAAU,YAAY,YAAY;EAClC,QAAQ,YAAY,UAAU;EAC9B,cAAc,YAAY,MAAM,gBAAgB;CAClD;AACF"}

package/dist/default/ui/audio-track-radio-group/index.parts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/audio-track-radio-group/index.parts.ts"],"sourcesContent":["export {\n  type AudioTrackRadioGroupItemProps as ItemProps,\n  type AudioTrackRadioGroupItemState as ItemState,\n  AudioTrackRadioGroupOptions as Options,\n  type AudioTrackRadioGroupOptionsProps as OptionsProps,\n  AudioTrackRadioGroupRoot as Root,\n  type AudioTrackRadioGroupRootProps as RootProps,\n  AudioTrackRadioGroupValue as Value,\n  type AudioTrackRadioGroupValueProps as ValueProps,\n} from './audio-track-radio-group';\n"],"mappings":""}

package/dist/default/ui/buffering-indicator/buffering-indicator.js

@@ -1,49 +0,0 @@
-import { usePlayer } from "../../player/context.js";
-import { useDestroy } from "../../utils/use-destroy.js";
-import { renderElement } from "../../utils/use-render.js";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
-import { selectPlayback } from "@videojs/core/dom";
-import { forwardRef, useState, useSyncExternalStore } from "react";
-//#region src/ui/buffering-indicator/buffering-indicator.tsx
-/**
-* Displays a buffering indicator when media is waiting for data.
-*
-* Visibility is delayed (default 500ms) to avoid flashing on quick buffers.
-*
-* @example
-*   ```tsx
-*   <BufferingIndicator />
-*
-*   <BufferingIndicator delay={1000} />
-*
-*   <BufferingIndicator
-*   render={(props, state) => (
-*   <div {...props}>{state.visible && <Spinner />}</div>
-*   )}
-*   />
-*   ```;
-*/
-const BufferingIndicator = forwardRef(function BufferingIndicator(componentProps, forwardedRef) {
-	const { render, className, style, delay, ...elementProps } = componentProps;
-	const playback = usePlayer(selectPlayback);
-	const [core] = useState(() => new BufferingIndicatorCore());
-	useDestroy(core);
-	core.setProps({ delay });
-	if (playback) core.update(playback);
-	const state = useSyncExternalStore((cb) => core.state.subscribe(cb), () => core.state.current, () => core.state.current);
-	if (!playback) return null;
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap: BufferingIndicatorDataAttrs,
-		ref: [forwardedRef],
-		props: [elementProps]
-	});
-});
-//#endregion
-export { BufferingIndicator };
-
-//# sourceMappingURL=buffering-indicator.js.map

package/dist/default/ui/buffering-indicator/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator.tsx"],"sourcesContent":["import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from '@videojs/core';\nimport { logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useState, useSyncExternalStore } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { useDestroy } from '../../utils/use-destroy';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface BufferingIndicatorProps\n  extends UIComponentProps<'div', BufferingIndicatorCore.State>, BufferingIndicatorCore.Props {}\n\n/**\n * Displays a buffering indicator when media is waiting for data.\n *\n * Visibility is delayed (default 500ms) to avoid flashing on quick buffers.\n *\n * @example\n *   ```tsx\n *   <BufferingIndicator />\n *\n *   <BufferingIndicator delay={1000} />\n *\n *   <BufferingIndicator\n *   render={(props, state) => (\n *   <div {...props}>{state.visible && <Spinner />}</div>\n *   )}\n *   />\n *   ```;\n */\nexport const BufferingIndicator = forwardRef(function BufferingIndicator(\n  componentProps: BufferingIndicatorProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, delay, ...elementProps } = componentProps;\n\n  const playback = usePlayer(selectPlayback);\n\n  const [core] = useState(() => new BufferingIndicatorCore());\n\n  useDestroy(core);\n  core.setProps({ delay });\n\n  if (playback) core.update(playback);\n\n  const state = useSyncExternalStore(\n    (cb) => core.state.subscribe(cb),\n    () => core.state.current,\n    () => core.state.current\n  );\n\n  if (!playback) {\n    if (__DEV__) logMissingFeature('BufferingIndicator', 'playback');\n\n    return null;\n  }\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: BufferingIndicatorDataAttrs,\n      ref: [forwardedRef],\n      props: [elementProps],\n    }\n  );\n});\n\nexport namespace BufferingIndicator {\n  export type Props = BufferingIndicatorProps;\n  export type State = BufferingIndicatorCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,qBAAqB,WAAW,SAAS,mBACpD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,OAAO,GAAG,iBAAiB;CAE7D,MAAM,WAAW,UAAU,cAAc;CAEzC,MAAM,CAAC,QAAQ,eAAe,IAAI,uBAAuB,CAAC;CAE1D,WAAW,IAAI;CACf,KAAK,SAAS,EAAE,MAAM,CAAC;CAEvB,IAAI,UAAU,KAAK,OAAO,QAAQ;CAElC,MAAM,QAAQ,sBACX,OAAO,KAAK,MAAM,UAAU,EAAE,SACzB,KAAK,MAAM,eACX,KAAK,MAAM,OACnB;CAEA,IAAI,CAAC,UAGH,OAAO;CAGT,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,cAAc;EACd,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC,YAAY;CACtB,CACF;AACF,CAAC"}

package/dist/default/ui/captions-button/captions-button.js

@@ -1,18 +0,0 @@
-import { createMediaButton } from "../create-media-button.js";
-import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
-import { selectTextTrack } from "@videojs/core/dom";
-//#region src/ui/captions-button/captions-button.tsx
-/** A button that toggles captions. */
-const CaptionsButton = createMediaButton({
-	displayName: "CaptionsButton",
-	core: CaptionsButtonCore,
-	stateAttrMap: CaptionsButtonDataAttrs,
-	selector: selectTextTrack,
-	action: (core, state) => core.toggle(state),
-	hotkeyAction: "toggleSubtitles",
-	isSupported: (state) => !state.hidden
-});
-//#endregion
-export { CaptionsButton };
-
-//# sourceMappingURL=captions-button.js.map

package/dist/default/ui/captions-button/captions-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"captions-button.js","names":[],"sources":["../../../../src/ui/captions-button/captions-button.tsx"],"sourcesContent":["import { CaptionsButtonCore, CaptionsButtonDataAttrs } from '@videojs/core';\nimport { selectTextTrack } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface CaptionsButtonProps\n  extends UIComponentProps<'button', CaptionsButtonCore.State>, CaptionsButtonCore.Props {}\n\n/** A button that toggles captions. */\nexport const CaptionsButton = createMediaButton<CaptionsButtonCore, CaptionsButtonProps>({\n  displayName: 'CaptionsButton',\n  core: CaptionsButtonCore,\n  stateAttrMap: CaptionsButtonDataAttrs,\n  selector: selectTextTrack,\n  action: (core, state) => core.toggle(state),\n  hotkeyAction: 'toggleSubtitles',\n  isSupported: (state) => !state.hidden,\n});\n\nexport namespace CaptionsButton {\n  export type Props = CaptionsButtonProps;\n  export type State = CaptionsButtonCore.State;\n}\n"],"mappings":";;;;;AAUA,MAAa,iBAAiB,kBAA2D;CACvF,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,KAAK;CAC1C,cAAc;CACd,cAAc,UAAU,CAAC,MAAM;AACjC,CAAC"}

package/dist/default/ui/captions-radio-group/captions-radio-group.js

@@ -1,97 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuOptionState } from "../menu/context.js";
-import { MenuRadioGroup } from "../menu/menu-radio-group.js";
-import { useCaptionsOptions } from "./use-captions-options.js";
-import { CaptionsRadioGroupDataAttrs } from "@videojs/core";
-import { getStateDataAttrs } from "@videojs/core/dom";
-import { Fragment, createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isFunction } from "@videojs/utils/predicate";
-//#region src/ui/captions-radio-group/captions-radio-group.tsx
-const CaptionsRadioGroupContext = createContext(void 0);
-/** Owns captions option state and shares it with an enclosing menu. Does not render a DOM element. */
-function CaptionsRadioGroupRoot({ children, ...props }) {
-	const captions = useCaptionsOptions(props);
-	useMenuOptionState(toMenuOptionState(captions));
-	return /* @__PURE__ */ jsx(CaptionsRadioGroupContext.Provider, {
-		value: captions,
-		children
-	});
-}
-/** Displays the selected captions label. */
-const CaptionsRadioGroupValue = forwardRef(function CaptionsRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {
-	const captions = useCaptionsRadioGroupContext();
-	if (!captions) return null;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state: captions,
-		ref: forwardedRef,
-		props: [elementProps, { children: captions.selectedLabel }]
-	});
-});
-/** Renders menu radio items for the player's captions and subtitles tracks. */
-const CaptionsRadioGroupOptions = forwardRef(function CaptionsRadioGroupOptions(componentProps, forwardedRef) {
-	const { renderItem, render, className, style, "aria-label": ariaLabelProp, "aria-labelledby": ariaLabelledBy, ...elementProps } = componentProps;
-	const captions = useCaptionsRadioGroupContext();
-	if (!captions) return null;
-	const { state, value, options, setValue } = captions;
-	const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === void 0 ? captions.label : void 0);
-	return /* @__PURE__ */ jsx(MenuRadioGroup, {
-		...getStateDataAttrs(state, CaptionsRadioGroupDataAttrs),
-		...elementProps,
-		ref: forwardedRef,
-		className: isFunction(className) ? className(state) : className,
-		style: isFunction(style) ? style(state) : style,
-		render: isFunction(render) ? (props) => render(props, state) : render,
-		value,
-		onValueChange: setValue,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		"aria-disabled": state.disabled || void 0,
-		hidden: state.hidden,
-		children: options.map((option) => {
-			const itemState = {
-				...option,
-				checked: option.value === value
-			};
-			return /* @__PURE__ */ jsx(Fragment, { children: renderItem({
-				value: option.value,
-				disabled: option.disabled,
-				"data-track": option.value,
-				children: option.label
-			}, itemState) }, option.value);
-		})
-	});
-});
-/** @internal Compatibility adapter for the existing preset sources. */
-const CaptionsRadioGroupLegacy = forwardRef(function CaptionsRadioGroupLegacy({ label, formatTrack, disabled, ...props }, forwardedRef) {
-	return /* @__PURE__ */ jsx(CaptionsRadioGroupRoot, {
-		label,
-		formatTrack,
-		disabled,
-		children: /* @__PURE__ */ jsx(CaptionsRadioGroupOptions, {
-			...props,
-			ref: forwardedRef
-		})
-	});
-});
-function useCaptionsRadioGroupContext() {
-	const captions = useContext(CaptionsRadioGroupContext);
-	if (captions === void 0) throw new Error("CaptionsRadioGroup parts must be used within CaptionsRadioGroup.Root");
-	return captions;
-}
-function toMenuOptionState(captions) {
-	return {
-		value: captions?.selectedLabel ?? "",
-		disabled: captions?.disabled ?? true,
-		hidden: captions?.hidden ?? true,
-		availability: captions?.state.availability ?? "unsupported"
-	};
-}
-//#endregion
-export { CaptionsRadioGroupLegacy, CaptionsRadioGroupOptions, CaptionsRadioGroupRoot, CaptionsRadioGroupValue };
-
-//# sourceMappingURL=captions-radio-group.js.map

package/dist/default/ui/captions-radio-group/captions-radio-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"captions-radio-group.js","names":[],"sources":["../../../../src/ui/captions-radio-group/captions-radio-group.tsx"],"sourcesContent":["import { type CaptionsRadioGroupCore, CaptionsRadioGroupDataAttrs, type MenuOptionState } from '@videojs/core';\nimport { getStateDataAttrs } from '@videojs/core/dom';\nimport { isFunction } from '@videojs/utils/predicate';\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, Fragment, forwardRef, useContext } from 'react';\n\nimport type { HTMLProps, UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuOptionState } from '../menu/context';\nimport { MenuRadioGroup } from '../menu/menu-radio-group';\nimport type { MenuRadioItemProps } from '../menu/menu-radio-item';\nimport {\n  type CaptionsOption,\n  type CaptionsOptionsProps,\n  type CaptionsOptionsResult,\n  useCaptionsOptions,\n} from './use-captions-options';\n\nexport type CaptionsRadioGroupItemState = CaptionsOption & {\n  /** Whether this option is currently selected. */\n  checked: boolean;\n};\n\nexport interface CaptionsRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {\n  /** Text track value represented by the item. */\n  'data-track': string;\n}\n\nexport interface CaptionsRadioGroupRootProps extends CaptionsOptionsProps {\n  children?: ReactNode;\n}\n\nexport interface CaptionsRadioGroupOptionsProps extends Omit<\n  UIComponentProps<'div', CaptionsRadioGroupCore.State>,\n  'children'\n> {\n  /** Render one consumer-owned menu radio item for every captions option. */\n  renderItem: (props: CaptionsRadioGroupItemProps, state: CaptionsRadioGroupItemState) => ReactElement;\n}\n\nexport type CaptionsRadioGroupValueProps = UIComponentProps<'span', CaptionsOptionsResult>;\n\nexport interface CaptionsRadioGroupLegacyProps extends CaptionsRadioGroupOptionsProps, CaptionsOptionsProps {}\n\nconst CaptionsRadioGroupContext = createContext<CaptionsOptionsResult | null | undefined>(undefined);\n\n/** Owns captions option state and shares it with an enclosing menu. Does not render a DOM element. */\nexport function CaptionsRadioGroupRoot({ children, ...props }: CaptionsRadioGroupRootProps): ReactNode {\n  const captions = useCaptionsOptions(props);\n\n  useMenuOptionState(toMenuOptionState(captions));\n\n  return <CaptionsRadioGroupContext.Provider value={captions}>{children}</CaptionsRadioGroupContext.Provider>;\n}\n\n/** Displays the selected captions label. */\nexport const CaptionsRadioGroupValue = forwardRef<HTMLSpanElement, CaptionsRadioGroupValueProps>(\n  function CaptionsRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {\n    const captions = useCaptionsRadioGroupContext();\n    if (!captions) return null;\n\n    return renderElement(\n      'span',\n      { render, className, style },\n      { state: captions, ref: forwardedRef, props: [elementProps, { children: captions.selectedLabel }] }\n    );\n  }\n);\n\n/** Renders menu radio items for the player's captions and subtitles tracks. */\nexport const CaptionsRadioGroupOptions = forwardRef<HTMLDivElement, CaptionsRadioGroupOptionsProps>(\n  function CaptionsRadioGroupOptions(componentProps, forwardedRef) {\n    const {\n      renderItem,\n      render,\n      className,\n      style,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledBy,\n      ...elementProps\n    } = componentProps;\n    const captions = useCaptionsRadioGroupContext();\n    if (!captions) return null;\n\n    const { state, value, options, setValue } = captions;\n    const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === undefined ? captions.label : undefined);\n\n    return (\n      <MenuRadioGroup\n        {...getStateDataAttrs(state, CaptionsRadioGroupDataAttrs)}\n        {...elementProps}\n        ref={forwardedRef}\n        className={isFunction(className) ? className(state) : className}\n        style={isFunction(style) ? style(state) : style}\n        render={isFunction(render) ? (props: HTMLProps) => render(props, state) : render}\n        value={value}\n        onValueChange={setValue}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-disabled={state.disabled || undefined}\n        hidden={state.hidden}\n      >\n        {options.map((option) => {\n          const itemState = { ...option, checked: option.value === value };\n\n          return (\n            <Fragment key={option.value}>\n              {renderItem(\n                {\n                  value: option.value,\n                  disabled: option.disabled,\n                  'data-track': option.value,\n                  children: option.label,\n                },\n                itemState\n              )}\n            </Fragment>\n          );\n        })}\n      </MenuRadioGroup>\n    );\n  }\n);\n\n/** @internal Compatibility adapter for the existing preset sources. */\nexport const CaptionsRadioGroupLegacy = forwardRef<HTMLDivElement, CaptionsRadioGroupLegacyProps>(\n  function CaptionsRadioGroupLegacy({ label, formatTrack, disabled, ...props }, forwardedRef) {\n    return (\n      <CaptionsRadioGroupRoot label={label} formatTrack={formatTrack} disabled={disabled}>\n        <CaptionsRadioGroupOptions {...props} ref={forwardedRef} />\n      </CaptionsRadioGroupRoot>\n    );\n  }\n);\n\nfunction useCaptionsRadioGroupContext(): CaptionsOptionsResult | null {\n  const captions = useContext(CaptionsRadioGroupContext);\n  if (captions === undefined) throw new Error('CaptionsRadioGroup parts must be used within CaptionsRadioGroup.Root');\n\n  return captions;\n}\n\nfunction toMenuOptionState(captions: CaptionsOptionsResult | null): MenuOptionState {\n  return {\n    value: captions?.selectedLabel ?? '',\n    disabled: captions?.disabled ?? true,\n    hidden: captions?.hidden ?? true,\n    availability: captions?.state.availability ?? 'unsupported',\n  };\n}\n\nexport namespace CaptionsRadioGroupRoot {\n  export type Props = CaptionsRadioGroupRootProps;\n}\n\nexport namespace CaptionsRadioGroupValue {\n  export type Props = CaptionsRadioGroupValueProps;\n  export type State = CaptionsOptionsResult;\n}\n\nexport namespace CaptionsRadioGroupOptions {\n  export type Props = CaptionsRadioGroupOptionsProps;\n  export type State = CaptionsRadioGroupCore.State;\n  export type ItemProps = CaptionsRadioGroupItemProps;\n  export type ItemState = CaptionsRadioGroupItemState;\n}\n"],"mappings":";;;;;;;;;;AA4CA,MAAM,4BAA4B,cAAwD,KAAA,CAAS;;AAGnG,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAAiD;CACrG,MAAM,WAAW,mBAAmB,KAAK;CAEzC,mBAAmB,kBAAkB,QAAQ,CAAC;CAE9C,OAAO,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO;EAAW;CAA6C,CAAA;AAC5G;;AAGA,MAAa,0BAA0B,WACrC,SAAS,wBAAwB,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAAgB,cAAc;CAC5F,MAAM,WAAW,6BAA6B;CAC9C,IAAI,CAAC,UAAU,OAAO;CAEtB,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EAAE,OAAO;EAAU,KAAK;EAAc,OAAO,CAAC,cAAc,EAAE,UAAU,SAAS,cAAc,CAAC;CAAE,CACpG;AACF,CACF;;AAGA,MAAa,4BAA4B,WACvC,SAAS,0BAA0B,gBAAgB,cAAc;CAC/D,MAAM,EACJ,YACA,QACA,WACA,OACA,cAAc,eACd,mBAAmB,gBACnB,GAAG,iBACD;CACJ,MAAM,WAAW,6BAA6B;CAC9C,IAAI,CAAC,UAAU,OAAO;CAEtB,MAAM,EAAE,OAAO,OAAO,SAAS,aAAa;CAC5C,MAAM,YAAY,kBAAkB,mBAAmB,KAAA,IAAY,SAAS,QAAQ,KAAA;CAEpF,OACE,oBAAC,gBAAD;EACE,GAAI,kBAAkB,OAAO,2BAA2B;EACxD,GAAI;EACJ,KAAK;EACL,WAAW,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;EACtD,OAAO,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI;EAC1C,QAAQ,WAAW,MAAM,KAAK,UAAqB,OAAO,OAAO,KAAK,IAAI;EACnE;EACP,eAAe;EACf,cAAY;EACZ,mBAAiB;EACjB,iBAAe,MAAM,YAAY,KAAA;EACjC,QAAQ,MAAM;EAEb,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,YAAY;IAAE,GAAG;IAAQ,SAAS,OAAO,UAAU;GAAM;GAE/D,OACE,oBAAC,UAAD,EAAA,UACG,WACC;IACE,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,cAAc,OAAO;IACrB,UAAU,OAAO;GACnB,GACA,SACF,EACQ,GAVK,OAAO,KAUZ;EAEd,CAAC;CACa,CAAA;AAEpB,CACF;;AAGA,MAAa,2BAA2B,WACtC,SAAS,yBAAyB,EAAE,OAAO,aAAa,UAAU,GAAG,SAAS,cAAc;CAC1F,OACE,oBAAC,wBAAD;EAA+B;EAAoB;EAAuB;EACxE,UAAA,oBAAC,2BAAD;GAA2B,GAAI;GAAO,KAAK;EAAe,CAAA;CACpC,CAAA;AAE5B,CACF;AAEA,SAAS,+BAA6D;CACpE,MAAM,WAAW,WAAW,yBAAyB;CACrD,IAAI,aAAa,KAAA,GAAW,MAAM,IAAI,MAAM,sEAAsE;CAElH,OAAO;AACT;AAEA,SAAS,kBAAkB,UAAyD;CAClF,OAAO;EACL,OAAO,UAAU,iBAAiB;EAClC,UAAU,UAAU,YAAY;EAChC,QAAQ,UAAU,UAAU;EAC5B,cAAc,UAAU,MAAM,gBAAgB;CAChD;AACF"}

package/dist/default/ui/captions-radio-group/index.parts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/captions-radio-group/index.parts.ts"],"sourcesContent":["export {\n  type CaptionsRadioGroupItemProps as ItemProps,\n  type CaptionsRadioGroupItemState as ItemState,\n  CaptionsRadioGroupOptions as Options,\n  type CaptionsRadioGroupOptionsProps as OptionsProps,\n  CaptionsRadioGroupRoot as Root,\n  type CaptionsRadioGroupRootProps as RootProps,\n  CaptionsRadioGroupValue as Value,\n  type CaptionsRadioGroupValueProps as ValueProps,\n} from './captions-radio-group';\n"],"mappings":""}

package/dist/default/ui/captions-radio-group/use-captions-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-captions-options.js","names":[],"sources":["../../../../src/ui/captions-radio-group/use-captions-options.ts"],"sourcesContent":["import { CaptionsRadioGroupCore, type CaptionsRadioGroupOption } from '@videojs/core';\nimport { selectTextTrack } from '@videojs/core/dom';\n\nimport { createRadioOptionsHook, type TranslatedRadioOption } from '../hooks/create-radio-options-hook';\n\nexport interface CaptionsOptionsProps extends CaptionsRadioGroupCore.Props {}\n\nexport type CaptionsOption = TranslatedRadioOption<CaptionsRadioGroupOption>;\n\nexport interface CaptionsOptionsResult {\n  state: CaptionsRadioGroupCore.State;\n  label: string;\n  value: string;\n  selectedLabel: string;\n  options: CaptionsOption[];\n  disabled: boolean;\n  hidden: boolean;\n  showMenu: boolean;\n  setValue: (value: string) => void;\n}\n\nconst useCaptionsRadioOptions = createRadioOptionsHook({\n  name: 'useCaptionsOptions',\n  feature: 'textTrack',\n  selector: selectTextTrack,\n  createCore: () => new CaptionsRadioGroupCore(),\n});\n\n/**\n * Create captions menu options (including an `Off` option) from the player text track state. Returns `null` when the\n * text tracks feature is not configured.\n *\n * @param props - Optional `label`, `formatTrack`, and `disabled` overrides.\n */\nexport function useCaptionsOptions(props?: CaptionsOptionsProps): CaptionsOptionsResult | null {\n  'use no memo';\n\n  const result = useCaptionsRadioOptions(props);\n  if (!result) return null;\n\n  return { ...result, showMenu: result.state.options.length > 2 };\n}\n\nexport namespace useCaptionsOptions {\n  export type Props = CaptionsOptionsProps;\n  export type Result = CaptionsOptionsResult;\n  export type Option = CaptionsOption;\n}\n"],"mappings":";;;;AAqBA,MAAM,0BAA0B,uBAAuB;CACrD,MAAM;CACN,SAAS;CACT,UAAU;CACV,kBAAkB,IAAI,uBAAuB;AAC/C,CAAC;;;;;;;AAQD,SAAgB,mBAAmB,OAA4D;CAC7F;CAEA,MAAM,SAAS,wBAAwB,KAAK;CAC5C,IAAI,CAAC,QAAQ,OAAO;CAEpB,OAAO;EAAE,GAAG;EAAQ,UAAU,OAAO,MAAM,QAAQ,SAAS;CAAE;AAChE"}

package/dist/default/ui/cast-button/cast-button.js

@@ -1,17 +0,0 @@
-import { createMediaButton } from "../create-media-button.js";
-import { CastButtonCore, CastButtonDataAttrs } from "@videojs/core";
-import { selectRemotePlayback } from "@videojs/core/dom";
-//#region src/ui/cast-button/cast-button.tsx
-/** A button that toggles casting to a remote device. */
-const CastButton = createMediaButton({
-	displayName: "CastButton",
-	core: CastButtonCore,
-	stateAttrMap: CastButtonDataAttrs,
-	selector: selectRemotePlayback,
-	action: (core, state) => core.toggle(state),
-	isSupported: (state) => !state.hidden
-});
-//#endregion
-export { CastButton };
-
-//# sourceMappingURL=cast-button.js.map

package/dist/default/ui/cast-button/cast-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cast-button.js","names":[],"sources":["../../../../src/ui/cast-button/cast-button.tsx"],"sourcesContent":["import { CastButtonCore, CastButtonDataAttrs } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface CastButtonProps extends UIComponentProps<'button', CastButtonCore.State>, CastButtonCore.Props {}\n\n/** A button that toggles casting to a remote device. */\nexport const CastButton = createMediaButton<CastButtonCore, CastButtonProps>({\n  displayName: 'CastButton',\n  core: CastButtonCore,\n  stateAttrMap: CastButtonDataAttrs,\n  selector: selectRemotePlayback,\n  action: (core, state) => core.toggle(state),\n  isSupported: (state) => !state.hidden,\n});\n\nexport namespace CastButton {\n  export type Props = CastButtonProps;\n  export type State = CastButtonCore.State;\n}\n"],"mappings":";;;;;AASA,MAAa,aAAa,kBAAmD;CAC3E,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,KAAK;CAC1C,cAAc,UAAU,CAAC,MAAM;AACjC,CAAC"}

package/dist/default/ui/controls/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/controls/context.tsx"],"sourcesContent":["import type { ControlsState, StateAttrMap } from '@videojs/core';\nimport { createContext, useContext } from 'react';\n\nexport interface ControlsContextValue {\n  state: ControlsState;\n  stateAttrMap: StateAttrMap<ControlsState>;\n}\n\nconst ControlsContext = createContext<ControlsContextValue | null>(null);\n\nexport const ControlsContextProvider = ControlsContext.Provider;\n\nexport function useControlsContext(): ControlsContextValue {\n  const ctx = useContext(ControlsContext);\n  if (!ctx) throw new Error('Controls compound components must be used within a Controls.Root');\n\n  return ctx;\n}\n\nexport function useOptionalControlsContext(): ControlsContextValue | null {\n  return useContext(ControlsContext);\n}\n"],"mappings":";;AAQA,MAAM,kBAAkB,cAA2C,IAAI;AAEvE,MAAa,0BAA0B,gBAAgB;AAEvD,SAAgB,qBAA2C;CACzD,MAAM,MAAM,WAAW,eAAe;CACtC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,kEAAkE;CAE5F,OAAO;AACT;AAEA,SAAgB,6BAA0D;CACxE,OAAO,WAAW,eAAe;AACnC"}

package/dist/default/ui/controls/controls-backdrop.js

@@ -1,28 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useControlsContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/controls/controls-backdrop.tsx
-/**
-* Presentational layer behind player controls. Renders a `<div>` with the controls state data attributes so skins can
-* style it without reaching across sibling components.
-*/
-const ControlsBackdrop = forwardRef(function ControlsBackdrop({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state, stateAttrMap } = useControlsContext();
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef],
-		props: [{
-			role: "presentation",
-			"aria-hidden": true
-		}, elementProps]
-	});
-});
-//#endregion
-export { ControlsBackdrop };
-
-//# sourceMappingURL=controls-backdrop.js.map

package/dist/default/ui/controls/controls-backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-backdrop.js","names":[],"sources":["../../../../src/ui/controls/controls-backdrop.tsx"],"sourcesContent":["import type { ControlsCore } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useControlsContext } from './context';\n\nexport interface ControlsBackdropProps extends UIComponentProps<'div', ControlsCore.State> {}\n\n/**\n * Presentational layer behind player controls. Renders a `<div>` with the controls state data attributes so skins can\n * style it without reaching across sibling components.\n */\nexport const ControlsBackdrop = forwardRef<HTMLDivElement, ControlsBackdropProps>(function ControlsBackdrop(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state, stateAttrMap } = useControlsContext();\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef],\n      props: [{ role: 'presentation', 'aria-hidden': true }, elementProps],\n    }\n  );\n});\n\nexport namespace ControlsBackdrop {\n  export type Props = ControlsBackdropProps;\n  export type State = ControlsCore.State;\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,mBAAmB,WAAkD,SAAS,iBACzF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,OAAO,iBAAiB,mBAAmB;CAEnD,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC;GAAE,MAAM;GAAgB,eAAe;EAAK,GAAG,YAAY;CACrE,CACF;AACF,CAAC"}

package/dist/default/ui/controls/controls-content.js

@@ -1,27 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useControlsContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/controls/controls-content.tsx
-/** Renders the interactive controls surface. */
-const ControlsContent = forwardRef(function ControlsContent(componentProps, forwardedRef) {
-	const { render, className, style, children, ...elementProps } = componentProps;
-	const { state, stateAttrMap } = useControlsContext();
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef],
-		props: [
-			{ children },
-			elementProps,
-			{ "data-interactive": "" }
-		]
-	});
-});
-//#endregion
-export { ControlsContent };
-
-//# sourceMappingURL=controls-content.js.map

package/dist/default/ui/controls/controls-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-content.js","names":[],"sources":["../../../../src/ui/controls/controls-content.tsx"],"sourcesContent":["import type { ControlsCore } from '@videojs/core';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useControlsContext } from './context';\n\nexport interface ControlsContentProps extends UIComponentProps<'div', ControlsCore.State> {\n  children?: ReactNode | undefined;\n}\n\n/** Renders the interactive controls surface. */\nexport const ControlsContent = forwardRef(function ControlsContent(\n  componentProps: ControlsContentProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, children, ...elementProps } = componentProps;\n  const { state, stateAttrMap } = useControlsContext();\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef],\n      props: [{ children }, elementProps, { 'data-interactive': '' }],\n    }\n  );\n});\n\nexport namespace ControlsContent {\n  export type Props = ControlsContentProps;\n  export type State = ControlsCore.State;\n}\n"],"mappings":";;;;;AAaA,MAAa,kBAAkB,WAAW,SAAS,gBACjD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,iBAAiB;CAChE,MAAM,EAAE,OAAO,iBAAiB,mBAAmB;CAEnD,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,YAAY;EAClB,OAAO;GAAC,EAAE,SAAS;GAAG;GAAc,EAAE,oBAAoB,GAAG;EAAC;CAChE,CACF;AACF,CAAC"}

package/dist/default/ui/controls/controls-group.js

@@ -1,27 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useControlsContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/controls/controls-group.tsx
-/** Layout group for related controls; sets `role="group"` when labeled. */
-const ControlsGroup = forwardRef(function ControlsGroup(componentProps, forwardedRef) {
-	const { render, className, style, children, ...elementProps } = componentProps;
-	const { state, stateAttrMap } = useControlsContext();
-	const role = elementProps["aria-label"] || elementProps["aria-labelledby"] ? "group" : void 0;
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef],
-		props: [{
-			role,
-			children
-		}, elementProps]
-	});
-});
-//#endregion
-export { ControlsGroup };
-
-//# sourceMappingURL=controls-group.js.map

package/dist/default/ui/controls/controls-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group.js","names":[],"sources":["../../../../src/ui/controls/controls-group.tsx"],"sourcesContent":["import type { ControlsCore } from '@videojs/core';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useControlsContext } from './context';\n\nexport interface ControlsGroupProps extends UIComponentProps<'div', ControlsCore.State> {\n  children?: ReactNode | undefined;\n}\n\n/** Layout group for related controls; sets `role=\"group\"` when labeled. */\nexport const ControlsGroup = forwardRef(function ControlsGroup(\n  componentProps: ControlsGroupProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, children, ...elementProps } = componentProps;\n\n  const { state, stateAttrMap } = useControlsContext();\n  const role = elementProps['aria-label'] || elementProps['aria-labelledby'] ? 'group' : undefined;\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef],\n      props: [{ role, children }, elementProps],\n    }\n  );\n});\n\nexport namespace ControlsGroup {\n  export type Props = ControlsGroupProps;\n}\n"],"mappings":";;;;;AAaA,MAAa,gBAAgB,WAAW,SAAS,cAC/C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,iBAAiB;CAEhE,MAAM,EAAE,OAAO,iBAAiB,mBAAmB;CACnD,MAAM,OAAO,aAAa,iBAAiB,aAAa,qBAAqB,UAAU,KAAA;CAEvF,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC;GAAE;GAAM;EAAS,GAAG,YAAY;CAC1C,CACF;AACF,CAAC"}

package/dist/default/ui/controls/controls-root.js

@@ -1,27 +0,0 @@
-import { usePlayer } from "../../player/context.js";
-import { ControlsContextProvider } from "./context.js";
-import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
-import { selectControls } from "@videojs/core/dom";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/controls/controls-root.tsx
-/** Manages controls state and provides it to the compound parts. Does not render an element. */
-function ControlsRoot({ children, visibility = ControlsCore.defaultProps.visibility }) {
-	const controls = usePlayer(selectControls);
-	const [core] = useState(() => new ControlsCore());
-	core.setProps({ visibility });
-	core.setMedia(controls ?? null);
-	const state = core.getState();
-	if (!state) return null;
-	return /* @__PURE__ */ jsx(ControlsContextProvider, {
-		value: {
-			state,
-			stateAttrMap: ControlsDataAttrs
-		},
-		children
-	});
-}
-//#endregion
-export { ControlsRoot };
-
-//# sourceMappingURL=controls-root.js.map

package/dist/default/ui/controls/controls-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-root.js","names":[],"sources":["../../../../src/ui/controls/controls-root.tsx"],"sourcesContent":["import { ControlsCore, ControlsDataAttrs, type ControlsProps } from '@videojs/core';\nimport { logMissingFeature, selectControls } from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport { ControlsContextProvider } from './context';\n\nexport interface ControlsRootProps extends ControlsProps {\n  children?: ReactNode | undefined;\n}\n\n/** Manages controls state and provides it to the compound parts. Does not render an element. */\nexport function ControlsRoot({\n  children,\n  visibility = ControlsCore.defaultProps.visibility,\n}: ControlsRootProps): ReactNode {\n  const controls = usePlayer(selectControls);\n  const [core] = useState(() => new ControlsCore());\n\n  core.setProps({ visibility });\n  core.setMedia(controls ?? null);\n\n  const state = core.getState();\n\n  if (!state) {\n    if (__DEV__) logMissingFeature('Controls.Root', 'controls');\n\n    return null;\n  }\n\n  return (\n    <ControlsContextProvider value={{ state, stateAttrMap: ControlsDataAttrs }}>{children}</ControlsContextProvider>\n  );\n}\n\nexport namespace ControlsRoot {\n  export type Props = ControlsRootProps;\n  export type State = ControlsCore.State;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,aAAa,EAC3B,UACA,aAAa,aAAa,aAAa,cACR;CAC/B,MAAM,WAAW,UAAU,cAAc;CACzC,MAAM,CAAC,QAAQ,eAAe,IAAI,aAAa,CAAC;CAEhD,KAAK,SAAS,EAAE,WAAW,CAAC;CAC5B,KAAK,SAAS,YAAY,IAAI;CAE9B,MAAM,QAAQ,KAAK,SAAS;CAE5B,IAAI,CAAC,OAGH,OAAO;CAGT,OACE,oBAAC,yBAAD;EAAyB,OAAO;GAAE;GAAO,cAAc;EAAkB;EAAI;CAAkC,CAAA;AAEnH"}