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

package/dist/default/ui/volume-indicator/volume-indicator-fill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-fill.js","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-fill.tsx"],"sourcesContent":["import { type VolumeIndicatorCore, VolumeIndicatorCSSVars } from '@videojs/core';\nimport { isFunction } from '@videojs/utils/predicate';\nimport type { CSSProperties, ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useVolumeIndicatorContext } from './context';\n\nexport interface VolumeIndicatorFillProps extends UIComponentProps<'div', VolumeIndicatorCore.State> {}\n\nexport const VolumeIndicatorFill = forwardRef(function VolumeIndicatorFill(\n  componentProps: VolumeIndicatorFillProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n  const { state } = useVolumeIndicatorContext();\n  const fillStyle = getVolumeIndicatorFillStyle(state, style);\n\n  return renderElement(\n    'div',\n    { render, className, style: fillStyle },\n    {\n      state,\n      ref: forwardedRef,\n      props: [elementProps],\n    }\n  );\n});\n\nexport namespace VolumeIndicatorFill {\n  export type Props = VolumeIndicatorFillProps;\n}\n\nfunction getVolumeIndicatorFillStyle(\n  state: VolumeIndicatorCore.State,\n  style: VolumeIndicatorFillProps['style']\n): VolumeIndicatorFillProps['style'] {\n  const vars = state.fill\n    ? ({\n        [VolumeIndicatorCSSVars.fill]: state.fill,\n      } as CSSProperties)\n    : undefined;\n  if (!vars) return style;\n\n  if (isFunction(style)) {\n    return (nextState) => ({\n      ...style(nextState),\n      ...vars,\n    });\n  }\n\n  return {\n    ...style,\n    ...vars,\n  };\n}\n"],"mappings":";;;;;;AAWA,MAAa,sBAAsB,WAAW,SAAS,oBACrD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CACtD,MAAM,EAAE,UAAU,0BAA0B;CAC5C,MAAM,YAAY,4BAA4B,OAAO,KAAK;CAE1D,OAAO,cACL,OACA;EAAE;EAAQ;EAAW,OAAO;CAAU,GACtC;EACE;EACA,KAAK;EACL,OAAO,CAAC,YAAY;CACtB,CACF;AACF,CAAC;AAMD,SAAS,4BACP,OACA,OACmC;CACnC,MAAM,OAAO,MAAM,OACd,GACE,uBAAuB,OAAO,MAAM,KACvC,IACA,KAAA;CACJ,IAAI,CAAC,MAAM,OAAO;CAElB,IAAI,WAAW,KAAK,GAClB,QAAQ,eAAe;EACrB,GAAG,MAAM,SAAS;EAClB,GAAG;CACL;CAGF,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF"}

package/dist/default/ui/volume-indicator/volume-indicator-root.js

@@ -1,34 +0,0 @@
-import { useTranslator } from "../../i18n/context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { useInputIndicatorRoot } from "../input-indicator/use-input-indicator-root.js";
-import { VolumeIndicatorProvider } from "./context.js";
-import { VolumeIndicatorCore, VolumeIndicatorDataAttrs, createInputIndicatorLabels } from "@videojs/core";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/volume-indicator/volume-indicator-root.tsx
-const VolumeIndicatorRoot = forwardRef(function VolumeIndicatorRoot(componentProps, forwardedRef) {
-	const { render, className, style, closeDelay, ...elementProps } = componentProps;
-	const translator = useTranslator();
-	const { elementRef, present, state } = useInputIndicatorRoot(() => new VolumeIndicatorCore(), {
-		closeDelay,
-		labels: createInputIndicatorLabels(translator)
-	}, { replayOnUpdate: false });
-	if (!present) return null;
-	return /* @__PURE__ */ jsx(VolumeIndicatorProvider, {
-		value: { state },
-		children: renderElement("div", {
-			render,
-			className,
-			style
-		}, {
-			state,
-			stateAttrMap: VolumeIndicatorDataAttrs,
-			ref: [forwardedRef, elementRef],
-			props: [elementProps]
-		})
-	});
-});
-//#endregion
-export { VolumeIndicatorRoot };
-
-//# sourceMappingURL=volume-indicator-root.js.map

package/dist/default/ui/volume-indicator/volume-indicator-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-root.js","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-root.tsx"],"sourcesContent":["import { createInputIndicatorLabels, VolumeIndicatorCore, VolumeIndicatorDataAttrs } from '@videojs/core';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useInputIndicatorRoot } from '../input-indicator/use-input-indicator-root';\nimport { VolumeIndicatorProvider } from './context';\n\nexport interface VolumeIndicatorRootProps\n  extends UIComponentProps<'div', VolumeIndicatorCore.State>, Omit<VolumeIndicatorCore.Props, 'labels'> {}\n\nexport const VolumeIndicatorRoot = forwardRef(function VolumeIndicatorRoot(\n  componentProps: VolumeIndicatorRootProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, closeDelay, ...elementProps } = componentProps;\n  const translator = useTranslator();\n  const { elementRef, present, state } = useInputIndicatorRoot(\n    () => new VolumeIndicatorCore(),\n    {\n      closeDelay,\n      labels: createInputIndicatorLabels(translator),\n    },\n    { replayOnUpdate: false }\n  );\n  if (!present) return null;\n\n  return (\n    <VolumeIndicatorProvider value={{ state }}>\n      {renderElement(\n        'div',\n        { render, className, style },\n        {\n          state,\n          stateAttrMap: VolumeIndicatorDataAttrs,\n          ref: [forwardedRef, elementRef],\n          props: [elementProps],\n        }\n      )}\n    </VolumeIndicatorProvider>\n  );\n});\n\nexport namespace VolumeIndicatorRoot {\n  export type Props = VolumeIndicatorRootProps;\n  export type State = VolumeIndicatorCore.State;\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,sBAAsB,WAAW,SAAS,oBACrD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,YAAY,GAAG,iBAAiB;CAClE,MAAM,aAAa,cAAc;CACjC,MAAM,EAAE,YAAY,SAAS,UAAU,4BAC/B,IAAI,oBAAoB,GAC9B;EACE;EACA,QAAQ,2BAA2B,UAAU;CAC/C,GACA,EAAE,gBAAgB,MAAM,CAC1B;CACA,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,oBAAC,yBAAD;EAAyB,OAAO,EAAE,MAAM;EACrC,UAAA,cACC,OACA;GAAE;GAAQ;GAAW;EAAM,GAC3B;GACE;GACA,cAAc;GACd,KAAK,CAAC,cAAc,UAAU;GAC9B,OAAO,CAAC,YAAY;EACtB,CACF;CACuB,CAAA;AAE7B,CAAC"}

package/dist/default/ui/volume-indicator/volume-indicator-value.js

@@ -1,22 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useVolumeIndicatorContext } from "./context.js";
-import { getVolumeIndicatorDisplayValue } from "@videojs/core";
-import { forwardRef } from "react";
-//#region src/ui/volume-indicator/volume-indicator-value.tsx
-const VolumeIndicatorValue = forwardRef(function VolumeIndicatorValue(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const { state } = useVolumeIndicatorContext();
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		ref: forwardedRef,
-		props: [{ children: getVolumeIndicatorDisplayValue(state) }, elementProps]
-	});
-});
-//#endregion
-export { VolumeIndicatorValue };
-
-//# sourceMappingURL=volume-indicator-value.js.map

package/dist/default/ui/volume-indicator/volume-indicator-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-value.js","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-value.tsx"],"sourcesContent":["import { getVolumeIndicatorDisplayValue, type VolumeIndicatorCore } from '@videojs/core';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useVolumeIndicatorContext } from './context';\n\nexport interface VolumeIndicatorValueProps extends UIComponentProps<'span', VolumeIndicatorCore.State> {}\n\nexport const VolumeIndicatorValue = forwardRef(function VolumeIndicatorValue(\n  componentProps: VolumeIndicatorValueProps,\n  forwardedRef: ForwardedRef<HTMLSpanElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n  const { state } = useVolumeIndicatorContext();\n\n  return renderElement(\n    'span',\n    { render, className, style },\n    {\n      state,\n      ref: forwardedRef,\n      props: [{ children: getVolumeIndicatorDisplayValue(state) }, elementProps],\n    }\n  );\n});\n\nexport namespace VolumeIndicatorValue {\n  export type Props = VolumeIndicatorValueProps;\n}\n"],"mappings":";;;;;AAUA,MAAa,uBAAuB,WAAW,SAAS,qBACtD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CACtD,MAAM,EAAE,UAAU,0BAA0B;CAE5C,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,KAAK;EACL,OAAO,CAAC,EAAE,UAAU,+BAA+B,KAAK,EAAE,GAAG,YAAY;CAC3E,CACF;AACF,CAAC"}

package/dist/default/ui/volume-popover/volume-popover-popup.js

@@ -1,21 +0,0 @@
-import { PopoverPopup } from "../popover/popover-popup.js";
-import { useVolumePopoverContext } from "./context.js";
-import { VolumePopoverDataAttrs } from "@videojs/core";
-import { getStateDataAttrs } from "@videojs/core/dom";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/volume-popover/volume-popover-popup.tsx
-/** Positioned volume content. Omitted when volume level controls are unavailable. */
-const VolumePopoverPopup = forwardRef(function VolumePopoverPopup(props, forwardedRef) {
-	const { state } = useVolumePopoverContext();
-	if (state.hidden) return null;
-	return /* @__PURE__ */ jsx(PopoverPopup, {
-		ref: forwardedRef,
-		...getStateDataAttrs(state, VolumePopoverDataAttrs),
-		...props
-	});
-});
-//#endregion
-export { VolumePopoverPopup };
-
-//# sourceMappingURL=volume-popover-popup.js.map

package/dist/default/ui/volume-popover/volume-popover-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover-popup.js","names":[],"sources":["../../../../src/ui/volume-popover/volume-popover-popup.tsx"],"sourcesContent":["import { VolumePopoverDataAttrs } from '@videojs/core';\nimport { getStateDataAttrs } from '@videojs/core/dom';\nimport { forwardRef } from 'react';\n\nimport { PopoverPopup, type PopoverPopupProps } from '../popover/popover-popup';\nimport { useVolumePopoverContext } from './context';\n\nexport interface VolumePopoverPopupProps extends PopoverPopupProps {}\n\n/** Positioned volume content. Omitted when volume level controls are unavailable. */\nexport const VolumePopoverPopup = forwardRef<HTMLDivElement, VolumePopoverPopupProps>(\n  function VolumePopoverPopup(props, forwardedRef) {\n    const { state } = useVolumePopoverContext();\n    if (state.hidden) return null;\n\n    return <PopoverPopup ref={forwardedRef} {...getStateDataAttrs(state, VolumePopoverDataAttrs)} {...props} />;\n  }\n);\n\nexport namespace VolumePopoverPopup {\n  export type Props = VolumePopoverPopupProps;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,OAAO,cAAc;CAC/C,MAAM,EAAE,UAAU,wBAAwB;CAC1C,IAAI,MAAM,QAAQ,OAAO;CAEzB,OAAO,oBAAC,cAAD;EAAc,KAAK;EAAc,GAAI,kBAAkB,OAAO,sBAAsB;EAAG,GAAI;CAAQ,CAAA;AAC5G,CACF"}

package/dist/default/ui/volume-popover/volume-popover-root.js

@@ -1,47 +0,0 @@
-import { usePlayer } from "../../player/context.js";
-import { usePopoverContext } from "../popover/context.js";
-import { PopoverRoot } from "../popover/popover-root.js";
-import { VolumePopoverContextProvider } from "./context.js";
-import { VolumePopoverCore } from "@videojs/core";
-import { selectVolume } from "@videojs/core/dom";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/volume-popover/volume-popover-root.tsx
-const unavailableVolume = {
-	volume: 0,
-	muted: false,
-	volumeAvailability: "unsupported",
-	mutedAvailability: "unsupported",
-	setVolume: () => 0,
-	toggleMuted: () => false
-};
-/** Owns volume availability and the popover interaction lifecycle. */
-function VolumePopoverRoot({ children, ...props }) {
-	const volume = usePlayer(selectVolume);
-	const [core] = useState(() => new VolumePopoverCore(props));
-	core.setProps(props);
-	core.setMedia(volume ?? unavailableVolume);
-	return /* @__PURE__ */ jsx(PopoverRoot, {
-		...props,
-		children: /* @__PURE__ */ jsx(VolumePopoverState, {
-			core,
-			children
-		})
-	});
-}
-function VolumePopoverState({ core, children }) {
-	const { popover } = usePopoverContext();
-	core.setInput(popover.input.current);
-	const state = core.getState();
-	useEffect(() => {
-		if (state.hidden) popover.close("imperative-action");
-	}, [popover, state.hidden]);
-	return /* @__PURE__ */ jsx(VolumePopoverContextProvider, {
-		value: { state },
-		children
-	});
-}
-//#endregion
-export { VolumePopoverRoot };
-
-//# sourceMappingURL=volume-popover-root.js.map

package/dist/default/ui/volume-popover/volume-popover-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover-root.js","names":["Popover.Root"],"sources":["../../../../src/ui/volume-popover/volume-popover-root.tsx"],"sourcesContent":["import { VolumePopoverCore } from '@videojs/core';\nimport { selectVolume } from '@videojs/core/dom';\nimport type { MediaVolumeState } from '@videojs/media';\nimport type { ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport { Popover } from '../popover';\nimport { usePopoverContext } from '../popover/context';\nimport type { PopoverRootProps } from '../popover/popover-root';\nimport { VolumePopoverContextProvider } from './context';\n\nconst unavailableVolume: MediaVolumeState = {\n  volume: 0,\n  muted: false,\n  volumeAvailability: 'unsupported',\n  mutedAvailability: 'unsupported',\n  setVolume: () => 0,\n  toggleMuted: () => false,\n};\n\nexport interface VolumePopoverRootProps extends PopoverRootProps {}\n\n/** Owns volume availability and the popover interaction lifecycle. */\nexport function VolumePopoverRoot({ children, ...props }: VolumePopoverRootProps): ReactNode {\n  const volume = usePlayer(selectVolume);\n  const [core] = useState(() => new VolumePopoverCore(props));\n\n  core.setProps(props);\n  core.setMedia(volume ?? unavailableVolume);\n\n  return (\n    <Popover.Root {...props}>\n      <VolumePopoverState core={core}>{children}</VolumePopoverState>\n    </Popover.Root>\n  );\n}\n\nfunction VolumePopoverState({ core, children }: { core: VolumePopoverCore; children?: ReactNode }): ReactNode {\n  const { popover } = usePopoverContext();\n\n  core.setInput(popover.input.current);\n  const state = core.getState();\n\n  useEffect(() => {\n    if (state.hidden) popover.close('imperative-action');\n  }, [popover, state.hidden]);\n\n  return <VolumePopoverContextProvider value={{ state }}>{children}</VolumePopoverContextProvider>;\n}\n\nexport namespace VolumePopoverRoot {\n  export type Props = VolumePopoverRootProps;\n  export type State = VolumePopoverCore.State;\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,oBAAsC;CAC1C,QAAQ;CACR,OAAO;CACP,oBAAoB;CACpB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;AACrB;;AAKA,SAAgB,kBAAkB,EAAE,UAAU,GAAG,SAA4C;CAC3F,MAAM,SAAS,UAAU,YAAY;CACrC,MAAM,CAAC,QAAQ,eAAe,IAAI,kBAAkB,KAAK,CAAC;CAE1D,KAAK,SAAS,KAAK;CACnB,KAAK,SAAS,UAAU,iBAAiB;CAEzC,OACE,oBAACA,aAAD;EAAc,GAAI;EAChB,UAAA,oBAAC,oBAAD;GAA0B;GAAO;EAA6B,CAAA;CAClD,CAAA;AAElB;AAEA,SAAS,mBAAmB,EAAE,MAAM,YAA0E;CAC5G,MAAM,EAAE,YAAY,kBAAkB;CAEtC,KAAK,SAAS,QAAQ,MAAM,OAAO;CACnC,MAAM,QAAQ,KAAK,SAAS;CAE5B,gBAAgB;EACd,IAAI,MAAM,QAAQ,QAAQ,MAAM,mBAAmB;CACrD,GAAG,CAAC,SAAS,MAAM,MAAM,CAAC;CAE1B,OAAO,oBAAC,8BAAD;EAA8B,OAAO,EAAE,MAAM;EAAI;CAAuC,CAAA;AACjG"}

package/dist/default/ui/volume-popover/volume-popover-trigger.js

@@ -1,32 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { usePopoverContext } from "../popover/context.js";
-import { PopoverTrigger } from "../popover/popover-trigger.js";
-import { useVolumePopoverContext } from "./context.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/volume-popover/volume-popover-trigger.tsx
-/** Opens the volume popup, or renders its mute-button fallback when volume level controls are unavailable. */
-const VolumePopoverTrigger = forwardRef(function VolumePopoverTrigger({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state: popoverState } = usePopoverContext();
-	const { state } = useVolumePopoverContext();
-	if (!state.hidden) return /* @__PURE__ */ jsx(PopoverTrigger, {
-		ref: forwardedRef,
-		render,
-		className,
-		style,
-		...elementProps
-	});
-	return renderElement("button", {
-		render,
-		className,
-		style
-	}, {
-		state: popoverState,
-		ref: forwardedRef,
-		props: [{ type: "button" }, elementProps]
-	});
-});
-//#endregion
-export { VolumePopoverTrigger };
-
-//# sourceMappingURL=volume-popover-trigger.js.map

package/dist/default/ui/volume-popover/volume-popover-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover-trigger.js","names":[],"sources":["../../../../src/ui/volume-popover/volume-popover-trigger.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { renderElement } from '../../utils/use-render';\nimport { usePopoverContext } from '../popover/context';\nimport { PopoverTrigger, type PopoverTriggerProps } from '../popover/popover-trigger';\nimport { useVolumePopoverContext } from './context';\n\nexport interface VolumePopoverTriggerProps extends PopoverTriggerProps {}\n\n/** Opens the volume popup, or renders its mute-button fallback when volume level controls are unavailable. */\nexport const VolumePopoverTrigger = forwardRef<HTMLButtonElement, VolumePopoverTriggerProps>(\n  function VolumePopoverTrigger({ render, className, style, ...elementProps }, forwardedRef) {\n    const { state: popoverState } = usePopoverContext();\n    const { state } = useVolumePopoverContext();\n\n    if (!state.hidden) {\n      return (\n        <PopoverTrigger ref={forwardedRef} render={render} className={className} style={style} {...elementProps} />\n      );\n    }\n\n    return renderElement(\n      'button',\n      { render, className, style },\n      {\n        state: popoverState,\n        ref: forwardedRef,\n        props: [{ type: 'button' as const }, elementProps],\n      }\n    );\n  }\n);\n\nexport namespace VolumePopoverTrigger {\n  export type Props = VolumePopoverTriggerProps;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAAgB,cAAc;CACzF,MAAM,EAAE,OAAO,iBAAiB,kBAAkB;CAClD,MAAM,EAAE,UAAU,wBAAwB;CAE1C,IAAI,CAAC,MAAM,QACT,OACE,oBAAC,gBAAD;EAAgB,KAAK;EAAsB;EAAmB;EAAkB;EAAO,GAAI;CAAe,CAAA;CAI9G,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE,OAAO;EACP,KAAK;EACL,OAAO,CAAC,EAAE,MAAM,SAAkB,GAAG,YAAY;CACnD,CACF;AACF,CACF"}

package/dist/default/ui/volume-slider/volume-slider-root.js

@@ -1,122 +0,0 @@
-import { useLocale, useTranslator } from "../../i18n/context.js";
-import { usePlayer } from "../../player/context.js";
-import { useLatestRef } from "../../utils/use-latest-ref.js";
-import { renderElement } from "../../utils/use-render.js";
-import { useSlider } from "../hooks/use-slider.js";
-import { SliderProvider } from "../slider/context.js";
-import { VolumeSliderCore, VolumeSliderDataAttrs } from "@videojs/core";
-import { createWheelStep, getSliderCSSVars, selectVolume } from "@videojs/core/dom";
-import { translateText } from "@videojs/core/i18n";
-import { forwardRef, useCallback, useRef, useState } from "react";
-import { listen } from "@videojs/utils/dom";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/volume-slider/volume-slider-root.tsx
-const noopVolume = {
-	volume: 0,
-	muted: false,
-	volumeAvailability: "unsupported",
-	mutedAvailability: "unsupported",
-	setVolume: () => 0,
-	toggleMuted: () => false
-};
-const VolumeSliderRoot = forwardRef(function VolumeSliderRoot(componentProps, forwardedRef) {
-	const { render, className, style, label, orientation, step = VolumeSliderCore.defaultProps.step, largeStep = VolumeSliderCore.defaultProps.largeStep, wheelStep = VolumeSliderCore.defaultProps.wheelStep, disabled, thumbAlignment, onDragStart, onDragEnd, ...elementProps } = componentProps;
-	const volume = usePlayer(selectVolume);
-	const translator = useTranslator();
-	const locale = useLocale();
-	const isUnavailable = volume?.volumeAvailability !== "available";
-	const isDisabled = Boolean(disabled) || isUnavailable;
-	const [core] = useState(() => new VolumeSliderCore());
-	core.setProps({
-		label,
-		orientation,
-		step,
-		largeStep,
-		wheelStep,
-		disabled,
-		thumbAlignment
-	});
-	core.setFormatLocale(locale);
-	const volumeRef = useLatestRef(volume);
-	const disabledRef = useLatestRef(isDisabled);
-	const getPercent = () => (volumeRef.current?.volume ?? 0) * 100;
-	const getStepPercent = () => core.getStepPercent();
-	const setVolume = (percent) => volumeRef.current?.setVolume(percent / 100);
-	const { state, input, cssVars, rootRef, thumbRef, rootProps, rootStyle, thumbProps } = useSlider({
-		computeState: (input) => {
-			core.setInput(input);
-			core.setMedia(volume ?? noopVolume);
-			return core.getState();
-		},
-		getPercent,
-		getStepPercent,
-		getLargeStepPercent: () => core.getLargeStepPercent(),
-		orientation,
-		disabled: isDisabled,
-		adjustPercent: (rawPercent, thumbSize, trackSize) => core.adjustPercentForAlignment(rawPercent, thumbSize, trackSize),
-		getCSSVars: getSliderCSSVars,
-		onValueChange: setVolume,
-		onValueCommit: setVolume,
-		onDragStart,
-		onDragEnd
-	});
-	const [wheelHandler] = useState(() => createWheelStep({
-		isDisabled: () => disabledRef.current,
-		getPercent: () => (volumeRef.current?.volume ?? 0) * 100,
-		getStepPercent: () => core.getWheelStepPercent(),
-		onValueChange: (percent) => volumeRef.current?.setVolume(percent / 100)
-	}));
-	const wheelCleanupRef = useRef(null);
-	const wheelRef = useCallback((element) => {
-		wheelCleanupRef.current?.();
-		wheelCleanupRef.current = null;
-		if (element) wheelCleanupRef.current = listen(element, "wheel", wheelHandler.onWheel, { passive: false });
-	}, [wheelHandler]);
-	if (!volume) return null;
-	if (state.hidden) return null;
-	return /* @__PURE__ */ jsx(SliderProvider, {
-		value: {
-			state,
-			pointerValue: core.valueFromPercent(state.pointerPercent),
-			input,
-			getPointerValue: (percent) => core.valueFromPercent(percent),
-			thumbRef,
-			thumbProps,
-			stateAttrMap: VolumeSliderDataAttrs,
-			getAttrs: (sliderState) => {
-				const attrs = core.getAttrs(sliderState);
-				return {
-					...attrs,
-					"aria-label": translateText(attrs["aria-label"], translator),
-					"aria-valuetext": translateText(attrs["aria-valuetext"], translator, core.getValueTextParams(sliderState))
-				};
-			},
-			formatValue: (value) => `${Math.round(value)}%`
-		},
-		children: renderElement("div", {
-			render,
-			className,
-			style
-		}, {
-			state,
-			stateAttrMap: VolumeSliderDataAttrs,
-			ref: [
-				forwardedRef,
-				rootRef,
-				wheelRef
-			],
-			props: [
-				{ style: {
-					...cssVars,
-					...rootStyle
-				} },
-				rootProps,
-				elementProps
-			]
-		})
-	});
-});
-//#endregion
-export { VolumeSliderRoot };
-
-//# sourceMappingURL=volume-slider-root.js.map

package/dist/default/ui/volume-slider/volume-slider-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-slider-root.js","names":[],"sources":["../../../../src/ui/volume-slider/volume-slider-root.tsx"],"sourcesContent":["import { VolumeSliderCore, VolumeSliderDataAttrs } from '@videojs/core';\nimport { createWheelStep, getSliderCSSVars, logMissingFeature, selectVolume } from '@videojs/core/dom';\nimport { translateText } from '@videojs/core/i18n';\nimport { listen } from '@videojs/utils/dom';\nimport { forwardRef, useCallback, useRef, useState } from 'react';\n\nimport { useLocale, useTranslator } from '../../i18n/context';\nimport { usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { useLatestRef } from '../../utils/use-latest-ref';\nimport { renderElement } from '../../utils/use-render';\nimport { useSlider } from '../hooks/use-slider';\nimport { SliderProvider } from '../slider/context';\n\nconst noopVolume = {\n  volume: 0,\n  muted: false,\n  volumeAvailability: 'unsupported' as const,\n  mutedAvailability: 'unsupported' as const,\n  setVolume: () => 0,\n  toggleMuted: () => false,\n};\n\nexport interface VolumeSliderRootProps extends UIComponentProps<'div', VolumeSliderCore.State>, VolumeSliderCore.Props {\n  onDragStart?: (() => void) | undefined;\n  onDragEnd?: (() => void) | undefined;\n}\n\nexport const VolumeSliderRoot = forwardRef<HTMLDivElement, VolumeSliderRootProps>(\n  function VolumeSliderRoot(componentProps, forwardedRef) {\n    const {\n      render,\n      className,\n      style,\n      label,\n      orientation,\n      step = VolumeSliderCore.defaultProps.step,\n      largeStep = VolumeSliderCore.defaultProps.largeStep,\n      wheelStep = VolumeSliderCore.defaultProps.wheelStep,\n      disabled,\n      thumbAlignment,\n      onDragStart,\n      onDragEnd,\n      ...elementProps\n    } = componentProps;\n\n    const volume = usePlayer(selectVolume);\n    const translator = useTranslator();\n    const locale = useLocale();\n\n    const isUnavailable = volume?.volumeAvailability !== 'available';\n    const isDisabled = Boolean(disabled) || isUnavailable;\n\n    const [core] = useState(() => new VolumeSliderCore());\n\n    core.setProps({ label, orientation, step, largeStep, wheelStep, disabled, thumbAlignment });\n    core.setFormatLocale(locale);\n\n    // Keep refs to the latest dynamic values for stable closures.\n    const volumeRef = useLatestRef(volume);\n    const disabledRef = useLatestRef(isDisabled);\n\n    const getPercent = () => (volumeRef.current?.volume ?? 0) * 100;\n    const getStepPercent = () => core.getStepPercent();\n    const setVolume = (percent: number) => volumeRef.current?.setVolume(percent / 100);\n\n    const { state, input, cssVars, rootRef, thumbRef, rootProps, rootStyle, thumbProps } =\n      useSlider<VolumeSliderCore.State>({\n        computeState: (input) => {\n          core.setInput(input);\n          core.setMedia(volume ?? noopVolume);\n          return core.getState();\n        },\n        getPercent,\n        getStepPercent,\n        getLargeStepPercent: () => core.getLargeStepPercent(),\n        orientation,\n        disabled: isDisabled,\n        adjustPercent: (rawPercent, thumbSize, trackSize) =>\n          core.adjustPercentForAlignment(rawPercent, thumbSize, trackSize),\n        getCSSVars: getSliderCSSVars,\n        onValueChange: setVolume,\n        onValueCommit: setVolume,\n        onDragStart,\n        onDragEnd,\n      });\n\n    const [wheelHandler] = useState(() =>\n      createWheelStep({\n        isDisabled: () => disabledRef.current,\n        getPercent: () => (volumeRef.current?.volume ?? 0) * 100,\n        getStepPercent: () => core.getWheelStepPercent(),\n        onValueChange: (percent) => volumeRef.current?.setVolume(percent / 100),\n      })\n    );\n\n    // Attach non-passive wheel listener via callback ref so it covers\n    // late-mounted elements (null → mounted after volume appears).\n    const wheelCleanupRef = useRef<(() => void) | null>(null);\n    const wheelRef = useCallback(\n      (element: HTMLDivElement | null) => {\n        wheelCleanupRef.current?.();\n        wheelCleanupRef.current = null;\n\n        if (element) {\n          wheelCleanupRef.current = listen(element, 'wheel', wheelHandler.onWheel, { passive: false });\n        }\n      },\n      [wheelHandler]\n    );\n\n    if (!volume) {\n      if (__DEV__) logMissingFeature('VolumeSlider', 'volume');\n\n      return null;\n    }\n\n    if (state.hidden) return null;\n\n    return (\n      <SliderProvider\n        value={{\n          state,\n          pointerValue: core.valueFromPercent(state.pointerPercent),\n          input,\n          getPointerValue: (percent) => core.valueFromPercent(percent),\n          thumbRef,\n          thumbProps,\n          stateAttrMap: VolumeSliderDataAttrs,\n          getAttrs: (sliderState) => {\n            const attrs = core.getAttrs(sliderState as VolumeSliderCore.State);\n\n            return {\n              ...attrs,\n              'aria-label': translateText(attrs['aria-label'], translator),\n              'aria-valuetext': translateText(\n                attrs['aria-valuetext'],\n                translator,\n                core.getValueTextParams(sliderState as VolumeSliderCore.State)\n              ),\n            };\n          },\n          formatValue: (value) => `${Math.round(value)}%`,\n        }}\n      >\n        {renderElement(\n          'div',\n          { render, className, style },\n          {\n            state,\n            stateAttrMap: VolumeSliderDataAttrs,\n            ref: [forwardedRef, rootRef, wheelRef],\n            props: [{ style: { ...cssVars, ...rootStyle } }, rootProps, elementProps],\n          }\n        )}\n      </SliderProvider>\n    );\n  }\n);\n\nexport namespace VolumeSliderRoot {\n  export type Props = VolumeSliderRootProps;\n  export type State = VolumeSliderCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,aAAa;CACjB,QAAQ;CACR,OAAO;CACP,oBAAoB;CACpB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;AACrB;AAOA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,gBAAgB,cAAc;CACtD,MAAM,EACJ,QACA,WACA,OACA,OACA,aACA,OAAO,iBAAiB,aAAa,MACrC,YAAY,iBAAiB,aAAa,WAC1C,YAAY,iBAAiB,aAAa,WAC1C,UACA,gBACA,aACA,WACA,GAAG,iBACD;CAEJ,MAAM,SAAS,UAAU,YAAY;CACrC,MAAM,aAAa,cAAc;CACjC,MAAM,SAAS,UAAU;CAEzB,MAAM,gBAAgB,QAAQ,uBAAuB;CACrD,MAAM,aAAa,QAAQ,QAAQ,KAAK;CAExC,MAAM,CAAC,QAAQ,eAAe,IAAI,iBAAiB,CAAC;CAEpD,KAAK,SAAS;EAAE;EAAO;EAAa;EAAM;EAAW;EAAW;EAAU;CAAe,CAAC;CAC1F,KAAK,gBAAgB,MAAM;CAG3B,MAAM,YAAY,aAAa,MAAM;CACrC,MAAM,cAAc,aAAa,UAAU;CAE3C,MAAM,oBAAoB,UAAU,SAAS,UAAU,KAAK;CAC5D,MAAM,uBAAuB,KAAK,eAAe;CACjD,MAAM,aAAa,YAAoB,UAAU,SAAS,UAAU,UAAU,GAAG;CAEjF,MAAM,EAAE,OAAO,OAAO,SAAS,SAAS,UAAU,WAAW,WAAW,eACtE,UAAkC;EAChC,eAAe,UAAU;GACvB,KAAK,SAAS,KAAK;GACnB,KAAK,SAAS,UAAU,UAAU;GAClC,OAAO,KAAK,SAAS;EACvB;EACA;EACA;EACA,2BAA2B,KAAK,oBAAoB;EACpD;EACA,UAAU;EACV,gBAAgB,YAAY,WAAW,cACrC,KAAK,0BAA0B,YAAY,WAAW,SAAS;EACjE,YAAY;EACZ,eAAe;EACf,eAAe;EACf;EACA;CACF,CAAC;CAEH,MAAM,CAAC,gBAAgB,eACrB,gBAAgB;EACd,kBAAkB,YAAY;EAC9B,mBAAmB,UAAU,SAAS,UAAU,KAAK;EACrD,sBAAsB,KAAK,oBAAoB;EAC/C,gBAAgB,YAAY,UAAU,SAAS,UAAU,UAAU,GAAG;CACxE,CAAC,CACH;CAIA,MAAM,kBAAkB,OAA4B,IAAI;CACxD,MAAM,WAAW,aACd,YAAmC;EAClC,gBAAgB,UAAU;EAC1B,gBAAgB,UAAU;EAE1B,IAAI,SACF,gBAAgB,UAAU,OAAO,SAAS,SAAS,aAAa,SAAS,EAAE,SAAS,MAAM,CAAC;CAE/F,GACA,CAAC,YAAY,CACf;CAEA,IAAI,CAAC,QAGH,OAAO;CAGT,IAAI,MAAM,QAAQ,OAAO;CAEzB,OACE,oBAAC,gBAAD;EACE,OAAO;GACL;GACA,cAAc,KAAK,iBAAiB,MAAM,cAAc;GACxD;GACA,kBAAkB,YAAY,KAAK,iBAAiB,OAAO;GAC3D;GACA;GACA,cAAc;GACd,WAAW,gBAAgB;IACzB,MAAM,QAAQ,KAAK,SAAS,WAAqC;IAEjE,OAAO;KACL,GAAG;KACH,cAAc,cAAc,MAAM,eAAe,UAAU;KAC3D,kBAAkB,cAChB,MAAM,mBACN,YACA,KAAK,mBAAmB,WAAqC,CAC/D;IACF;GACF;GACA,cAAc,UAAU,GAAG,KAAK,MAAM,KAAK,EAAE;EAC/C;EAEC,UAAA,cACC,OACA;GAAE;GAAQ;GAAW;EAAM,GAC3B;GACE;GACA,cAAc;GACd,KAAK;IAAC;IAAc;IAAS;GAAQ;GACrC,OAAO;IAAC,EAAE,OAAO;KAAE,GAAG;KAAS,GAAG;IAAU,EAAE;IAAG;IAAW;GAAY;EAC1E,CACF;CACc,CAAA;AAEpB,CACF"}

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

@@ -1,13 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { AirPlayButtonCore } from "@videojs/core";
-//#region src/ui/airplay-button/airplay-button.d.ts
-interface AirPlayButtonProps extends UIComponentProps<'button', AirPlayButtonCore.State>, AirPlayButtonCore.Props {}
-/** A button that toggles AirPlay to a remote device. */
-declare const AirPlayButton: import("react").ForwardRefExoticComponent<AirPlayButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare namespace AirPlayButton {
-  type Props = AirPlayButtonProps;
-  type State = AirPlayButtonCore.State;
-}
-//#endregion
-export { AirPlayButton, AirPlayButtonProps };
-//# sourceMappingURL=airplay-button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"airplay-button.d.ts","names":[],"sources":["../../../../src/ui/airplay-button/airplay-button.tsx"],"mappings":";;;UAMiB,2BACP,2BAA2B,kBAAkB,QAAQ,kBAAkB;;cAGpE,+BAAa,0BAAA,qCAAA,cAAA;kBAST;OACH,QAAQ;OACR,QAAQ,kBAAkB"}

package/dist/dev/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/dev/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/dev/ui/alert-dialog/alert-dialog-root.d.ts

@@ -1,18 +0,0 @@
-import { AlertDialogProps } from "@videojs/core";
-import { ReactNode } from "react";
-//#region src/ui/alert-dialog/alert-dialog-root.d.ts
-interface AlertDialogRootProps extends AlertDialogProps {
-  /** Called when the open state changes, before animations complete. */
-  onOpenChange?: (open: boolean) => void;
-  /** Called after open or close animations complete. */
-  onOpenChangeComplete?: (open: boolean) => void;
-  children?: ReactNode;
-}
-/** Manages alert dialog state and provides it to the shared dialog parts. */
-declare function AlertDialogRoot({ children, ...props }: AlertDialogRootProps): ReactNode;
-declare namespace AlertDialogRoot {
-  type Props = AlertDialogRootProps;
-}
-//#endregion
-export { AlertDialogRoot, AlertDialogRootProps };
-//# sourceMappingURL=alert-dialog-root.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-root.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-root.tsx"],"mappings":";;;UAMiB,6BAA6B;;EAE5C,gBAAgB;;EAEhB,wBAAwB;EACxB,WAAW;;;iBAIG,kBAAkB,aAAa,SAAS,uBAAuB;kBAe9D;OACH,QAAQ"}

package/dist/dev/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/dev/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/dev/ui/audio-track-radio-group/audio-track-radio-group.d.ts

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

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

@@ -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/dev/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"}