@videojs/react 10.0.0-beta.8 → 10.0.0-rc.1

package/dist/dev/ui/audio-track/use-audio-track-options.d.ts

@@ -0,0 +1,30 @@
+import { TranslatedRadioOption } from "../hooks/create-radio-options-hook.js";
+import { AudioTrackRadioGroupCore, AudioTrackRadioGroupOption } from "@videojs/core";
+//#region src/ui/audio-track/use-audio-track-options.d.ts
+interface AudioTrackOptionsProps extends AudioTrackRadioGroupCore.Props {}
+type AudioTrackOption = TranslatedRadioOption<AudioTrackRadioGroupOption>;
+interface AudioTrackOptionsResult {
+  state: AudioTrackRadioGroupCore.State;
+  label: string;
+  value: string;
+  selectedLabel: string;
+  options: AudioTrackOption[];
+  disabled: boolean;
+  hidden: boolean;
+  setValue: (value: string) => void;
+}
+/**
+ * Create audio track menu options from the player audio track state. Returns `null` when the audio track feature is not
+ * configured.
+ *
+ * @param props - Optional `label`, `formatTrack`, and `disabled` overrides.
+ */
+declare function useAudioTrackOptions(props?: AudioTrackOptionsProps): AudioTrackOptionsResult | null;
+declare namespace useAudioTrackOptions {
+  type Props = AudioTrackOptionsProps;
+  type Result = AudioTrackOptionsResult;
+  type Option = AudioTrackOption;
+}
+//#endregion
+export { AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, useAudioTrackOptions };
+//# sourceMappingURL=use-audio-track-options.d.ts.map

package/dist/dev/ui/audio-track/use-audio-track-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-audio-track-options.d.ts","names":[],"sources":["../../../../src/ui/audio-track/use-audio-track-options.ts"],"mappings":";;;UAKiB,+BAA+B,yBAAyB;KAE7D,mBAAmB,sBAAsB;UAEpC;EACf,OAAO,yBAAyB;EAChC;EACA;EACA;EACA,SAAS;EACT;EACA;EACA,WAAW;;;;;;;;iBAgBG,qBAAqB,QAAQ,yBAAyB;kBAMrD;OACH,QAAQ;OACR,SAAS;OACT,SAAS"}

package/dist/dev/ui/audio-track/use-audio-track-options.js

@@ -0,0 +1,24 @@
+import { createRadioOptionsHook } from "../hooks/create-radio-options-hook.js";
+import { AudioTrackRadioGroupCore } from "@videojs/core";
+import { selectAudioTrack } from "@videojs/core/dom";
+//#region src/ui/audio-track/use-audio-track-options.ts
+const useAudioTrackRadioOptions = createRadioOptionsHook({
+	name: "useAudioTrackOptions",
+	feature: "audioTrack",
+	selector: selectAudioTrack,
+	createCore: () => new AudioTrackRadioGroupCore()
+});
+/**
+* Create audio track menu options from the player audio track state. Returns `null` when the audio track feature is not
+* configured.
+*
+* @param props - Optional `label`, `formatTrack`, and `disabled` overrides.
+*/
+function useAudioTrackOptions(props) {
+	"use no memo";
+	return useAudioTrackRadioOptions(props);
+}
+//#endregion
+export { useAudioTrackOptions };
+
+//# sourceMappingURL=use-audio-track-options.js.map

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

@@ -0,0 +1 @@
+{"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/dev/ui/audio-track-radio-group/audio-track-radio-group.d.ts

@@ -0,0 +1,48 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult } from "../audio-track/use-audio-track-options.js";
+import "../audio-track/index.js";
+import { MenuRadioItemProps } from "../menu/menu-radio-item.js";
+import { AudioTrackRadioGroupCore } from "@videojs/core";
+import { ReactElement, ReactNode } from "react";
+//#region src/ui/audio-track-radio-group/audio-track-radio-group.d.ts
+type AudioTrackRadioGroupItemState = AudioTrackOption & {
+  /** Whether this option is the currently enabled audio track. */
+  checked: boolean;
+};
+interface AudioTrackRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {
+  /** Audio track value represented by the option. */
+  'data-track': string;
+}
+interface AudioTrackRadioGroupRootProps extends AudioTrackOptionsProps {
+  children?: ReactNode;
+}
+interface AudioTrackRadioGroupOptionsProps extends Omit<UIComponentProps<'div', AudioTrackRadioGroupCore.State>, 'children'> {
+  /** Render one consumer-owned menu radio item for every audio track. */
+  renderItem: (props: AudioTrackRadioGroupItemProps, state: AudioTrackRadioGroupItemState) => ReactElement;
+}
+type AudioTrackRadioGroupValueProps = UIComponentProps<'span', AudioTrackOptionsResult>;
+interface AudioTrackRadioGroupLegacyProps extends AudioTrackRadioGroupOptionsProps, AudioTrackOptionsProps {}
+/** Owns audio-track option state and shares it with an enclosing menu. Does not render a DOM element. */
+declare function AudioTrackRadioGroupRoot({ children, ...props }: AudioTrackRadioGroupRootProps): ReactNode;
+/** Displays the selected audio-track label. */
+declare const AudioTrackRadioGroupValue: import("react").ForwardRefExoticComponent<Omit<AudioTrackRadioGroupValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Renders menu radio items for the player's available audio tracks. */
+declare const AudioTrackRadioGroupOptions: import("react").ForwardRefExoticComponent<Omit<AudioTrackRadioGroupOptionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** @internal Compatibility adapter for the existing preset sources. */
+declare const AudioTrackRadioGroupLegacy: import("react").ForwardRefExoticComponent<Omit<AudioTrackRadioGroupLegacyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace AudioTrackRadioGroupRoot {
+  type Props = AudioTrackRadioGroupRootProps;
+}
+declare namespace AudioTrackRadioGroupValue {
+  type Props = AudioTrackRadioGroupValueProps;
+  type State = AudioTrackOptionsResult;
+}
+declare namespace AudioTrackRadioGroupOptions {
+  type Props = AudioTrackRadioGroupOptionsProps;
+  type State = AudioTrackRadioGroupCore.State;
+  type ItemProps = AudioTrackRadioGroupItemProps;
+  type ItemState = AudioTrackRadioGroupItemState;
+}
+//#endregion
+export { AudioTrackRadioGroupItemProps, AudioTrackRadioGroupItemState, AudioTrackRadioGroupLegacy, AudioTrackRadioGroupLegacyProps, AudioTrackRadioGroupOptions, AudioTrackRadioGroupOptionsProps, AudioTrackRadioGroupRoot, AudioTrackRadioGroupRootProps, AudioTrackRadioGroupValue, AudioTrackRadioGroupValueProps };
+//# sourceMappingURL=audio-track-radio-group.d.ts.map

package/dist/dev/ui/audio-track-radio-group/audio-track-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-track-radio-group.d.ts","names":[],"sources":["../../../../src/ui/audio-track-radio-group/audio-track-radio-group.tsx"],"mappings":";;;;;;;KAkBY,gCAAgC;;EAE1C;;UAGe,sCAAsC,KAAK;;EAE1D;;UAGe,sCAAsC;EACrD,WAAW;;UAGI,yCAAyC,KACxD,wBAAwB,yBAAyB;;EAIjD,aAAa,OAAO,+BAA+B,OAAO,kCAAkC;;KAGlF,iCAAiC,yBAAyB;UAErD,wCAAwC,kCAAkC;;iBAK3E,2BAA2B,aAAa,SAAS,gCAAgC;;cASpF,2CAAyB,0BAAA,KAAA,yDAAA,cAAA;;cAczB,6CAA2B,0BAAA,KAAA,2DAAA,cAAA;;cAuD3B,4CAA0B,0BAAA,KAAA,0DAAA,cAAA;kBA6BtB;OACH,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ,yBAAyB;OACjC,YAAY;OACZ,YAAY"}

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

@@ -0,0 +1,97 @@
+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/dev/ui/audio-track-radio-group/audio-track-radio-group.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/audio-track-radio-group/index.d.ts

@@ -0,0 +1,3 @@
+import { AudioTrackRadioGroupLegacy } from "./audio-track-radio-group.js";
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as AudioTrackRadioGroup, AudioTrackRadioGroupLegacy };

package/dist/dev/ui/audio-track-radio-group/index.js

@@ -0,0 +1,3 @@
+import { AudioTrackRadioGroupLegacy } from "./audio-track-radio-group.js";
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as AudioTrackRadioGroup, AudioTrackRadioGroupLegacy };

package/dist/dev/ui/audio-track-radio-group/index.parts.d.ts

@@ -0,0 +1,7 @@
+import { AudioTrackRadioGroupItemProps, AudioTrackRadioGroupItemState, AudioTrackRadioGroupOptions, AudioTrackRadioGroupOptionsProps, AudioTrackRadioGroupRoot, AudioTrackRadioGroupRootProps, AudioTrackRadioGroupValue, AudioTrackRadioGroupValueProps } from "./audio-track-radio-group.js";
+declare namespace index_parts_d_exports {
+  export { AudioTrackRadioGroupItemProps as ItemProps, AudioTrackRadioGroupItemState as ItemState, AudioTrackRadioGroupOptions as Options, AudioTrackRadioGroupOptionsProps as OptionsProps, AudioTrackRadioGroupRoot as Root, AudioTrackRadioGroupRootProps as RootProps, AudioTrackRadioGroupValue as Value, AudioTrackRadioGroupValueProps as ValueProps };
+}
+//#endregion
+export { type AudioTrackRadioGroupItemProps as ItemProps, type AudioTrackRadioGroupItemState as ItemState, AudioTrackRadioGroupOptions as Options, type AudioTrackRadioGroupOptionsProps as OptionsProps, AudioTrackRadioGroupRoot as Root, type AudioTrackRadioGroupRootProps as RootProps, AudioTrackRadioGroupValue as Value, type AudioTrackRadioGroupValueProps as ValueProps, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/dev/ui/audio-track-radio-group/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/ui/audio-track-radio-group/index.parts.ts"],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { AudioTrackRadioGroupOptions, AudioTrackRadioGroupRoot, AudioTrackRadioGroupValue } from "./audio-track-radio-group.js";
+//#region src/ui/audio-track-radio-group/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Options: () => AudioTrackRadioGroupOptions,
+	Root: () => AudioTrackRadioGroupRoot,
+	Value: () => AudioTrackRadioGroupValue
+});
+//#endregion
+export { AudioTrackRadioGroupOptions as Options, AudioTrackRadioGroupRoot as Root, AudioTrackRadioGroupValue as Value, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"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/dev/ui/buffering-indicator/buffering-indicator.d.ts

@@ -1,7 +1,5 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { BufferingIndicatorCore } from "@videojs/core";
-
 //#region src/ui/buffering-indicator/buffering-indicator.d.ts
 interface BufferingIndicatorProps extends UIComponentProps<'div', BufferingIndicatorCore.State>, BufferingIndicatorCore.Props {}
 /**
@@ -10,19 +8,19 @@ interface BufferingIndicatorProps extends UIComponentProps<'div', BufferingIndic
  * Visibility is delayed (default 500ms) to avoid flashing on quick buffers.
  *
  * @example
- * ```tsx
- * <BufferingIndicator />
+ *   ```tsx
+ *   <BufferingIndicator />
  *
- * <BufferingIndicator delay={1000} />
+ *   <BufferingIndicator delay={1000} />
  *
- * <BufferingIndicator
+ *   <BufferingIndicator
  *   render={(props, state) => (
- *     <div {...props}>{state.visible && <Spinner />}</div>
+ *   <div {...props}>{state.visible && <Spinner />}</div>
  *   )}
- * />
- * ```
+ *   />
+ *   ```;
  */
-declare const BufferingIndicator: react.ForwardRefExoticComponent<Omit<BufferingIndicatorProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const BufferingIndicator: import("react").ForwardRefExoticComponent<Omit<BufferingIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare namespace BufferingIndicator {
   type Props = BufferingIndicatorProps;
   type State = BufferingIndicatorCore.State;

package/dist/dev/ui/buffering-indicator/buffering-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buffering-indicator.d.ts","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator.tsx"],"mappings":";;;;;UAWiB,uBAAA,SACP,gBAAA,QAAwB,sBAAA,CAAuB,KAAA,GACrD,sBAAA,CAAuB,KAAA;;AAF3B;;;;;;;;;;;;;;;AAsBA;;cAAa,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAoCd,kBAAA;EAAA,KACH,KAAA,GAAQ,uBAAA;EAAA,KACR,KAAA,GAAQ,sBAAA,CAAuB,KAAA;AAAA"}
+{"version":3,"file":"buffering-indicator.d.ts","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator.tsx"],"mappings":";;;UAUiB,gCACP,wBAAwB,uBAAuB,QAAQ,uBAAuB;;;;;;;;;;;;;;;;;;;cAoB3E,oCAAkB,0BAAA,KAAA,kDAAA,cAAA;kBAuCd;OACH,QAAQ;OACR,QAAQ,uBAAuB"}

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

@@ -1,11 +1,9 @@
-'use client';
-
 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 { logMissingFeature, selectPlayback } from "@videojs/core/dom";
 import { forwardRef, useState, useSyncExternalStore } from "react";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
-
 //#region src/ui/buffering-indicator/buffering-indicator.tsx
 /**
 * Displays a buffering indicator when media is waiting for data.
@@ -13,22 +11,23 @@ import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/co
 * Visibility is delayed (default 500ms) to avoid flashing on quick buffers.
 *
 * @example
-* ```tsx
-* <BufferingIndicator />
+*   ```tsx
+*   <BufferingIndicator />
 *
-* <BufferingIndicator delay={1000} />
+*   <BufferingIndicator delay={1000} />
 *
-* <BufferingIndicator
+*   <BufferingIndicator
 *   render={(props, state) => (
-*     <div {...props}>{state.visible && <Spinner />}</div>
+*   <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);
@@ -47,7 +46,7 @@ const BufferingIndicator = forwardRef(function BufferingIndicator(componentProps
 		props: [elementProps]
 	});
 });
-
 //#endregion
 export { BufferingIndicator };
+
 //# sourceMappingURL=buffering-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"buffering-indicator.js","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator.tsx"],"sourcesContent":["'use client';\n\nimport { 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 { renderElement } from '../../utils/use-render';\n\nexport interface BufferingIndicatorProps\n  extends UIComponentProps<'div', BufferingIndicatorCore.State>,\n    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  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    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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,qBAAqB,WAAW,SAAS,mBACpD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,OAAO,GAAG,iBAAiB;CAE7D,MAAM,WAAW,UAAU,eAAe;CAE1C,MAAM,CAAC,QAAQ,eAAe,IAAI,wBAAwB,CAAC;AAC3D,MAAK,SAAS,EAAE,OAAO,CAAC;AAExB,KAAI,SAAU,MAAK,OAAO,SAAS;CAEnC,MAAM,QAAQ,sBACX,OAAO,KAAK,MAAM,UAAU,GAAG,QAC1B,KAAK,MAAM,eACX,KAAK,MAAM,QAClB;AAED,KAAI,CAAC,UAAU;AACA,oBAAkB,sBAAsB,WAAW;AAChE,SAAO;;AAGT,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc;EACd,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC,aAAa;EACtB,CACF;EACD"}
+{"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,UAAU;EACA,kBAAkB,sBAAsB,UAAU;EAE/D,OAAO;CACT;CAEA,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/dev/ui/buffering-indicator/index.js

@@ -1,3 +1,2 @@
 import { BufferingIndicator } from "./buffering-indicator.js";
-
-export { BufferingIndicator };
+export { BufferingIndicator };

package/dist/dev/ui/captions-button/captions-button.d.ts

@@ -1,11 +1,9 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { CaptionsButtonCore } from "@videojs/core";
-
 //#region src/ui/captions-button/captions-button.d.ts
 interface CaptionsButtonProps extends UIComponentProps<'button', CaptionsButtonCore.State>, CaptionsButtonCore.Props {}
 /** A button that toggles captions. */
-declare const CaptionsButton: react.ForwardRefExoticComponent<CaptionsButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CaptionsButton: import("react").ForwardRefExoticComponent<CaptionsButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare namespace CaptionsButton {
   type Props = CaptionsButtonProps;
   type State = CaptionsButtonCore.State;

package/dist/dev/ui/captions-button/captions-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"captions-button.d.ts","names":[],"sources":["../../../../src/ui/captions-button/captions-button.tsx"],"mappings":";;;;;UAQiB,mBAAA,SACP,gBAAA,WAA2B,kBAAA,CAAmB,KAAA,GACpD,kBAAA,CAAmB,KAAA;;cAGV,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;EAAA,KACR,KAAA,GAAQ,kBAAA,CAAmB,KAAA;AAAA"}
+{"version":3,"file":"captions-button.d.ts","names":[],"sources":["../../../../src/ui/captions-button/captions-button.tsx"],"mappings":";;;UAMiB,4BACP,2BAA2B,mBAAmB,QAAQ,mBAAmB;;cAGtE,gCAAc,0BAAA,sCAAA,cAAA;kBAUV;OACH,QAAQ;OACR,QAAQ,mBAAmB"}

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

@@ -1,9 +1,6 @@
-'use client';
-
 import { createMediaButton } from "../create-media-button.js";
-import { selectTextTrack } from "@videojs/core/dom";
 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({
@@ -11,9 +8,11 @@ const CaptionsButton = createMediaButton({
 	core: CaptionsButtonCore,
 	stateAttrMap: CaptionsButtonDataAttrs,
 	selector: selectTextTrack,
-	action: (core, state) => core.toggle(state)
+	action: (core, state) => core.toggle(state),
+	hotkeyAction: "toggleSubtitles",
+	isSupported: (state) => !state.hidden
 });
-
 //#endregion
 export { CaptionsButton };
+
 //# sourceMappingURL=captions-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"captions-button.js","names":[],"sources":["../../../../src/ui/captions-button/captions-button.tsx"],"sourcesContent":["'use client';\n\nimport { 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>,\n    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});\n\nexport namespace CaptionsButton {\n  export type Props = CaptionsButtonProps;\n  export type State = CaptionsButtonCore.State;\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,iBAAiB,kBAA2D;CACvF,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,MAAM;CAC5C,CAAC"}
+{"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/dev/ui/captions-button/index.js

@@ -1,3 +1,2 @@
 import { CaptionsButton } from "./captions-button.js";
-
-export { CaptionsButton };
+export { CaptionsButton };

package/dist/dev/ui/captions-radio-group/captions-radio-group.d.ts

@@ -0,0 +1,47 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { MenuRadioItemProps } from "../menu/menu-radio-item.js";
+import { CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult } from "./use-captions-options.js";
+import { CaptionsRadioGroupCore } from "@videojs/core";
+import { ReactElement, ReactNode } from "react";
+//#region src/ui/captions-radio-group/captions-radio-group.d.ts
+type CaptionsRadioGroupItemState = CaptionsOption & {
+  /** Whether this option is currently selected. */
+  checked: boolean;
+};
+interface CaptionsRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {
+  /** Text track value represented by the item. */
+  'data-track': string;
+}
+interface CaptionsRadioGroupRootProps extends CaptionsOptionsProps {
+  children?: ReactNode;
+}
+interface CaptionsRadioGroupOptionsProps extends Omit<UIComponentProps<'div', CaptionsRadioGroupCore.State>, 'children'> {
+  /** Render one consumer-owned menu radio item for every captions option. */
+  renderItem: (props: CaptionsRadioGroupItemProps, state: CaptionsRadioGroupItemState) => ReactElement;
+}
+type CaptionsRadioGroupValueProps = UIComponentProps<'span', CaptionsOptionsResult>;
+interface CaptionsRadioGroupLegacyProps extends CaptionsRadioGroupOptionsProps, CaptionsOptionsProps {}
+/** Owns captions option state and shares it with an enclosing menu. Does not render a DOM element. */
+declare function CaptionsRadioGroupRoot({ children, ...props }: CaptionsRadioGroupRootProps): ReactNode;
+/** Displays the selected captions label. */
+declare const CaptionsRadioGroupValue: import("react").ForwardRefExoticComponent<Omit<CaptionsRadioGroupValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Renders menu radio items for the player's captions and subtitles tracks. */
+declare const CaptionsRadioGroupOptions: import("react").ForwardRefExoticComponent<Omit<CaptionsRadioGroupOptionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** @internal Compatibility adapter for the existing preset sources. */
+declare const CaptionsRadioGroupLegacy: import("react").ForwardRefExoticComponent<Omit<CaptionsRadioGroupLegacyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace CaptionsRadioGroupRoot {
+  type Props = CaptionsRadioGroupRootProps;
+}
+declare namespace CaptionsRadioGroupValue {
+  type Props = CaptionsRadioGroupValueProps;
+  type State = CaptionsOptionsResult;
+}
+declare namespace CaptionsRadioGroupOptions {
+  type Props = CaptionsRadioGroupOptionsProps;
+  type State = CaptionsRadioGroupCore.State;
+  type ItemProps = CaptionsRadioGroupItemProps;
+  type ItemState = CaptionsRadioGroupItemState;
+}
+//#endregion
+export { CaptionsRadioGroupItemProps, CaptionsRadioGroupItemState, CaptionsRadioGroupLegacy, CaptionsRadioGroupLegacyProps, CaptionsRadioGroupOptions, CaptionsRadioGroupOptionsProps, CaptionsRadioGroupRoot, CaptionsRadioGroupRootProps, CaptionsRadioGroupValue, CaptionsRadioGroupValueProps };
+//# sourceMappingURL=captions-radio-group.d.ts.map

package/dist/dev/ui/captions-radio-group/captions-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"captions-radio-group.d.ts","names":[],"sources":["../../../../src/ui/captions-radio-group/captions-radio-group.tsx"],"mappings":";;;;;;KAkBY,8BAA8B;;EAExC;;UAGe,oCAAoC,KAAK;;EAExD;;UAGe,oCAAoC;EACnD,WAAW;;UAGI,uCAAuC,KACtD,wBAAwB,uBAAuB;;EAI/C,aAAa,OAAO,6BAA6B,OAAO,gCAAgC;;KAG9E,+BAA+B,yBAAyB;UAEnD,sCAAsC,gCAAgC;;iBAKvE,yBAAyB,aAAa,SAAS,8BAA8B;;cAShF,yCAAuB,0BAAA,KAAA,uDAAA,cAAA;;cAcvB,2CAAyB,0BAAA,KAAA,yDAAA,cAAA;;cAuDzB,0CAAwB,0BAAA,KAAA,wDAAA,cAAA;kBA0BpB;OACH,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ,uBAAuB;OAC/B,YAAY;OACZ,YAAY"}

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

@@ -0,0 +1,97 @@
+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