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

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/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/volume-popover/context.tsx"],"sourcesContent":["import type { VolumePopoverCore } from '@videojs/core';\nimport { createContext, useContext } from 'react';\n\nexport interface VolumePopoverContextValue {\n  state: VolumePopoverCore.State;\n}\n\nconst VolumePopoverContext = createContext<VolumePopoverContextValue | null>(null);\n\nexport const VolumePopoverContextProvider = VolumePopoverContext.Provider;\n\nexport function useVolumePopoverContext(): VolumePopoverContextValue {\n  const context = useContext(VolumePopoverContext);\n  if (!context) throw new Error('VolumePopover compound components must be used within a VolumePopover.Root');\n\n  return context;\n}\n"],"mappings":";;AAOA,MAAM,uBAAuB,cAAgD,IAAI;AAEjF,MAAa,+BAA+B,qBAAqB;AAEjE,SAAgB,0BAAqD;CACnE,MAAM,UAAU,WAAW,oBAAoB;CAC/C,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,4EAA4E;CAE1G,OAAO;AACT"}

package/dist/default/ui/volume-popover/index.parts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/volume-popover/index.parts.ts"],"sourcesContent":["export { VolumePopoverPopup as Popup, type VolumePopoverPopupProps as PopupProps } from './volume-popover-popup';\nexport { VolumePopoverRoot as Root, type VolumePopoverRootProps as RootProps } from './volume-popover-root';\nexport {\n  VolumePopoverTrigger as Trigger,\n  type VolumePopoverTriggerProps as TriggerProps,\n} from './volume-popover-trigger';\n"],"mappings":""}

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/index.parts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/volume-slider/index.parts.ts"],"sourcesContent":["export {\n  Fill,\n  type FillProps,\n  Preview,\n  type PreviewProps,\n  Thumb,\n  type ThumbProps,\n  Track,\n  type TrackProps,\n  Value,\n  type ValueProps,\n} from '../slider/index.parts';\nexport { VolumeSliderRoot as Root, type VolumeSliderRootProps as RootProps } from './volume-slider-root';\n"],"mappings":""}

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/default/utils/merge-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-props.js","names":[],"sources":["../../../src/utils/merge-props.ts"],"sourcesContent":["import type { ComponentPropsWithRef, CSSProperties, ElementType, SyntheticEvent } from 'react';\n\ntype Props<T extends ElementType = ElementType> = ComponentPropsWithRef<T>;\n\n/** Check if a key is an event handler key (on* with capital letter). */\nfunction isEventHandlerKey(key: string): boolean {\n  return (\n    key.charCodeAt(0) === 111 /* o */ &&\n    key.charCodeAt(1) === 110 /* n */ &&\n    key.charCodeAt(2) >= 65 /* A */ &&\n    key.charCodeAt(2) <= 90 /* Z */\n  );\n}\n\n/** Check if a key/value pair is an event handler (includes undefined values). */\nfunction isEventHandler(key: string, value: unknown): boolean {\n  return isEventHandlerKey(key) && (typeof value === 'function' || typeof value === 'undefined');\n}\n\n/** Merge two event handlers - external runs first, ours runs second. */\nfunction mergeEventHandlers(\n  ours: ((event: SyntheticEvent) => void) | undefined,\n  theirs: ((event: SyntheticEvent) => void) | undefined\n): ((event: SyntheticEvent) => void) | undefined {\n  if (!theirs) return ours;\n\n  if (!ours) return theirs;\n\n  return (event: SyntheticEvent) => {\n    theirs(event);\n    ours(event);\n  };\n}\n\n/** Merge two className values - concatenate strings. */\nfunction mergeClassNames(ours: string | undefined, theirs: string | undefined): string | undefined {\n  if (theirs && ours) return `${theirs} ${ours}`;\n\n  return theirs || ours;\n}\n\n/** Merge two style objects - theirs overwrites conflicts. */\nfunction mergeStyles(ours: CSSProperties | undefined, theirs: CSSProperties | undefined): CSSProperties | undefined {\n  if (!theirs) return ours;\n\n  if (!ours) return theirs;\n\n  return { ...ours, ...theirs };\n}\n\n/** Merge a single props object into accumulated result. */\nfunction mergeOne<T extends ElementType>(\n  merged: Record<string, unknown>,\n  props: Props<T> | undefined\n): Record<string, unknown> {\n  if (!props) return merged;\n\n  for (const key in props) {\n    const value = props[key as keyof typeof props];\n\n    if (key === 'className') {\n      merged.className = mergeClassNames(merged.className as string | undefined, value as string);\n    } else if (key === 'style') {\n      merged.style = mergeStyles(merged.style as CSSProperties | undefined, value as CSSProperties);\n    } else if (isEventHandler(key, value)) {\n      merged[key] = mergeEventHandlers(\n        merged[key] as ((event: SyntheticEvent) => void) | undefined,\n        value as (event: SyntheticEvent) => void\n      );\n    } else {\n      merged[key] = value;\n    }\n  }\n\n  return merged;\n}\n\n/**\n * Merge multiple props objects.\n *\n * - Event handlers (`on*`): chained right to left\n * - `className`: concatenated right to left\n * - `style`: merged with rightmost values winning conflicts\n * - Other props: rightmost value wins\n *\n * @example\n *   ```ts\n *   const merged = mergeProps(\n *     { onClick: ourHandler, className: 'base' },\n *     { onClick: theirHandler, className: 'custom' }\n *   );\n *   // { onClick: chainedHandler, className: 'custom base' }\n *   ```;\n *\n * @param propSets - Props objects to merge in order.\n * @public\n */\nexport function mergeProps<T extends ElementType>(...propSets: (Props<T> | undefined)[]): Props<T> {\n  let merged: Record<string, unknown> = {};\n\n  for (const props of propSets) {\n    merged = mergeOne(merged, props);\n  }\n\n  return merged as Props<T>;\n}\n"],"mappings":";;AAKA,SAAS,kBAAkB,KAAsB;CAC/C,OACE,IAAI,WAAW,CAAC,MAAM,OACtB,IAAI,WAAW,CAAC,MAAM,OACtB,IAAI,WAAW,CAAC,KAAK,MACrB,IAAI,WAAW,CAAC,KAAK;AAEzB;;AAGA,SAAS,eAAe,KAAa,OAAyB;CAC5D,OAAO,kBAAkB,GAAG,MAAM,OAAO,UAAU,cAAc,OAAO,UAAU;AACpF;;AAGA,SAAS,mBACP,MACA,QAC+C;CAC/C,IAAI,CAAC,QAAQ,OAAO;CAEpB,IAAI,CAAC,MAAM,OAAO;CAElB,QAAQ,UAA0B;EAChC,OAAO,KAAK;EACZ,KAAK,KAAK;CACZ;AACF;;AAGA,SAAS,gBAAgB,MAA0B,QAAgD;CACjG,IAAI,UAAU,MAAM,OAAO,GAAG,OAAO,GAAG;CAExC,OAAO,UAAU;AACnB;;AAGA,SAAS,YAAY,MAAiC,QAA8D;CAClH,IAAI,CAAC,QAAQ,OAAO;CAEpB,IAAI,CAAC,MAAM,OAAO;CAElB,OAAO;EAAE,GAAG;EAAM,GAAG;CAAO;AAC9B;;AAGA,SAAS,SACP,QACA,OACyB;CACzB,IAAI,CAAC,OAAO,OAAO;CAEnB,KAAK,MAAM,OAAO,OAAO;EACvB,MAAM,QAAQ,MAAM;EAEpB,IAAI,QAAQ,aACV,OAAO,YAAY,gBAAgB,OAAO,WAAiC,KAAe;OACrF,IAAI,QAAQ,SACjB,OAAO,QAAQ,YAAY,OAAO,OAAoC,KAAsB;OACvF,IAAI,eAAe,KAAK,KAAK,GAClC,OAAO,OAAO,mBACZ,OAAO,MACP,KACF;OAEA,OAAO,OAAO;CAElB;CAEA,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,WAAkC,GAAG,UAA8C;CACjG,IAAI,SAAkC,CAAC;CAEvC,KAAK,MAAM,SAAS,UAClB,SAAS,SAAS,QAAQ,KAAK;CAGjC,OAAO;AACT"}

package/dist/default/utils/use-attach-iframe.js

@@ -1,13 +0,0 @@
-import { useCallback } from "react";
-//#region src/utils/use-attach-iframe.ts
-function useAttachIframe(media) {
-	return useCallback((element) => {
-		if (element) media.attach?.(element);
-		else media.detach?.();
-		return () => media.detach?.();
-	}, [media]);
-}
-//#endregion
-export { useAttachIframe };
-
-//# sourceMappingURL=use-attach-iframe.js.map

package/dist/default/utils/use-attach-iframe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-attach-iframe.js","names":[],"sources":["../../../src/utils/use-attach-iframe.ts"],"sourcesContent":["import type { EngineAdapter } from '@videojs/media';\nimport type { RefCallback } from 'react';\nimport { useCallback } from 'react';\n\nexport function useAttachIframe<T extends HTMLIFrameElement>(media: EngineAdapter): RefCallback<T> {\n  return useCallback(\n    (element: T | null) => {\n      if (element) media.attach?.(element);\n      else media.detach?.();\n\n      return () => media.detach?.();\n    },\n    [media]\n  );\n}\n"],"mappings":";;AAIA,SAAgB,gBAA6C,OAAsC;CACjG,OAAO,aACJ,YAAsB;EACrB,IAAI,SAAS,MAAM,SAAS,OAAO;OAC9B,MAAM,SAAS;EAEpB,aAAa,MAAM,SAAS;CAC9B,GACA,CAAC,KAAK,CACR;AACF"}

package/dist/default/utils/use-attach-media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-attach-media.js","names":[],"sources":["../../../src/utils/use-attach-media.ts"],"sourcesContent":["import type { EngineAdapter } from '@videojs/media';\nimport type { RefCallback } from 'react';\nimport { useCallback } from 'react';\n\n/**\n * Returns a callback ref that attaches an HTML media element to a playback adapter and detaches it during cleanup.\n *\n * @param media - Playback adapter to attach and detach.\n */\nexport function useAttachMedia<T extends HTMLMediaElement>(media: EngineAdapter): RefCallback<T> {\n  return useCallback(\n    (element: T | null) => {\n      if (element) media.attach?.(element);\n      else media.detach?.();\n\n      return () => media.detach?.();\n    },\n    [media]\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,eAA2C,OAAsC;CAC/F,OAAO,aACJ,YAAsB;EACrB,IAAI,SAAS,MAAM,SAAS,OAAO;OAC9B,MAAM,SAAS;EAEpB,aAAa,MAAM,SAAS;CAC9B,GACA,CAAC,KAAK,CACR;AACF"}

package/dist/default/utils/use-composed-refs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-composed-refs.js","names":[],"sources":["../../../src/utils/use-composed-refs.ts"],"sourcesContent":["import { isFunction } from '@videojs/utils/predicate';\nimport type { Ref, RefCallback } from 'react';\nimport { useCallback } from 'react';\n\ntype OptionalRef<T> = Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value.\n *\n * Handles both callback refs and RefObject(s).\n *\n * @returns Cleanup function if the ref callback returned one (React 19+)\n */\nfunction setRef<T>(ref: OptionalRef<T>, value: T): (() => void) | void | undefined {\n  if (isFunction(ref)) {\n    return ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    ref.current = value;\n  }\n}\n\n/**\n * Compose multiple refs into a single callback ref.\n *\n * @example\n *   ```tsx\n *   const composedRef = composeRefs(ref1, ref2, ref3);\n *   return <div ref={composedRef} />;\n *   ```;\n */\nexport function composeRefs<T>(...refs: (OptionalRef<T> | OptionalRef<T>[])[]): RefCallback<T> {\n  const flatRefs = refs.flat();\n\n  return (node): (() => void) | void => {\n    const cleanups = flatRefs.map((ref) => setRef(ref, node));\n\n    // Only return cleanup if any refs returned one (React 19+).\n    // React 18 handles cleanup by calling the ref callback with null.\n    if (cleanups.some(isFunction)) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n\n          if (isFunction(cleanup)) {\n            cleanup();\n          } else {\n            setRef(flatRefs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\n\n/**\n * Hook that composes multiple refs into a single callback ref.\n *\n * Memoized for stable reference.\n *\n * @example\n *   ```tsx\n *   const composedRef = useComposedRefs(forwardedRef, localRef);\n *   return <div ref={composedRef} />;\n *   ```;\n *\n * @param refs - Refs to update from the returned callback.\n */\nexport function useComposedRefs<T>(...refs: OptionalRef<T>[]): RefCallback<T> {\n  return useCallback(composeRefs(...refs), [...refs]);\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAS,OAAU,KAAqB,OAA2C;CACjF,IAAI,WAAW,GAAG,GAChB,OAAO,IAAI,KAAK;MACX,IAAI,QAAQ,QAAQ,QAAQ,KAAA,GACjC,IAAI,UAAU;AAElB;;;;;;;;;;AAWA,SAAgB,YAAe,GAAG,MAA6D;CAC7F,MAAM,WAAW,KAAK,KAAK;CAE3B,QAAQ,SAA8B;EACpC,MAAM,WAAW,SAAS,KAAK,QAAQ,OAAO,KAAK,IAAI,CAAC;EAIxD,IAAI,SAAS,KAAK,UAAU,GAC1B,aAAa;GACX,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;IACxC,MAAM,UAAU,SAAS;IAEzB,IAAI,WAAW,OAAO,GACpB,QAAQ;SAER,OAAO,SAAS,IAAI,IAAI;GAE5B;EACF;CAEJ;AACF;;;;;;;;;;;;;;AAeA,SAAgB,gBAAmB,GAAG,MAAwC;CAC5E,OAAO,YAAY,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC;AACpD"}

package/dist/default/utils/use-destroy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-destroy.js","names":[],"sources":["../../../src/utils/use-destroy.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useLatestRef } from './use-latest-ref';\n\ninterface Destroyable {\n  destroy(): void;\n}\n\n/**\n * Destroy an instance on unmount, deferring destruction to survive React StrictMode's simulated unmount/re-mount cycle.\n *\n * StrictMode runs effects, then immediately runs cleanup, then re-runs effects — all synchronously. By deferring\n * `destroy()` to a macrotask, the re-mount effect can cancel it before it fires.\n *\n * @param instance - Object with a `destroy()` method.\n * @param setup - Optional setup called on first mount. Skipped on StrictMode re-mount since the previous setup was\n *   never torn down.\n * @param teardown - Optional teardown called right before `destroy()` on real unmount. Skipped on StrictMode simulated\n *   unmount.\n */\nexport function useDestroy(instance: Destroyable, setup?: () => void, teardown?: () => void): void {\n  const pendingRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const setupRef = useLatestRef(setup);\n  const teardownRef = useLatestRef(teardown);\n\n  useEffect(() => {\n    if (pendingRef.current !== null) {\n      clearTimeout(pendingRef.current);\n      pendingRef.current = null;\n    } else {\n      setupRef.current?.();\n    }\n\n    return () => {\n      pendingRef.current = setTimeout(() => {\n        teardownRef.current?.();\n        instance.destroy();\n      }, 0);\n    };\n  }, [instance]);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAgB,WAAW,UAAuB,OAAoB,UAA6B;CACjG,MAAM,aAAa,OAA6C,IAAI;CACpE,MAAM,WAAW,aAAa,KAAK;CACnC,MAAM,cAAc,aAAa,QAAQ;CAEzC,gBAAgB;EACd,IAAI,WAAW,YAAY,MAAM;GAC/B,aAAa,WAAW,OAAO;GAC/B,WAAW,UAAU;EACvB,OACE,SAAS,UAAU;EAGrB,aAAa;GACX,WAAW,UAAU,iBAAiB;IACpC,YAAY,UAAU;IACtB,SAAS,QAAQ;GACnB,GAAG,CAAC;EACN;CACF,GAAG,CAAC,QAAQ,CAAC;AACf"}

package/dist/default/utils/use-force-render.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-force-render.js","names":[],"sources":["../../../src/utils/use-force-render.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nexport function useForceRender() {\n  const [, forceRender] = useReducer((c: number) => c + 1, 0);\n\n  return forceRender;\n}\n\nexport namespace useForceRender {\n  export type Result = () => void;\n}\n"],"mappings":";;AAEA,SAAgB,iBAAiB;CAC/B,MAAM,GAAG,eAAe,YAAY,MAAc,IAAI,GAAG,CAAC;CAE1D,OAAO;AACT"}

package/dist/default/utils/use-latest-ref.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-latest-ref.js","names":[],"sources":["../../../src/utils/use-latest-ref.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * Keep a ref that always points to the latest value.\n *\n * Useful for capturing callbacks or derived values inside closures that are created once (e.g. factory callbacks)\n * without stale reads.\n *\n * @param value - Value the ref should expose after each render.\n */\nexport function useLatestRef<Value>(value: Value): Readonly<{ current: Value }> {\n  const ref = useRef(value);\n\n  ref.current = value;\n  return ref;\n}\n\nexport namespace useLatestRef {\n  export type Result<Value> = Readonly<{ current: Value }>;\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,aAAoB,OAA4C;CAC9E,MAAM,MAAM,OAAO,KAAK;CAExB,IAAI,UAAU;CACd,OAAO;AACT"}

package/dist/default/utils/use-media-extension.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-media-extension.js","names":[],"sources":["../../../src/utils/use-media-extension.ts"],"sourcesContent":["import { addMediaExtension, HTMLMediaAdapter, type HTMLMediaTargetLike, type MediaExtension } from '@videojs/media/dom';\nimport { useEffect, useState } from 'react';\n\nimport { useMedia } from '../player/context';\nimport { useDestroy } from './use-destroy';\n\n/**\n * Create a media extension and register it with the media provided by the surrounding player context.\n *\n * Instantiates the extension class once, registers it when a media adapter is available, follows the media when it\n * changes, and destroys the extension on unmount. Media that is not a media adapter (e.g. a plain `<video>` element)\n * cannot carry media extensions and is ignored.\n *\n * @param ExtensionClass - Media extension class to instantiate and register.\n */\nexport function useMediaExtension<Component extends MediaExtension & { destroy(): void }>(\n  ExtensionClass: new () => Component\n): Component {\n  const media = useMedia();\n  const [component] = useState(() => new ExtensionClass());\n\n  useDestroy(component);\n\n  useEffect(() => {\n    if (!(media instanceof HTMLMediaAdapter)) return;\n\n    return addMediaExtension(media as HTMLMediaAdapter<HTMLMediaTargetLike, any>, component);\n  }, [media, component]);\n\n  return component;\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,SAAgB,kBACd,gBACW;CACX,MAAM,QAAQ,SAAS;CACvB,MAAM,CAAC,aAAa,eAAe,IAAI,eAAe,CAAC;CAEvD,WAAW,SAAS;CAEpB,gBAAgB;EACd,IAAI,EAAE,iBAAiB,mBAAmB;EAE1C,OAAO,kBAAkB,OAAqD,SAAS;CACzF,GAAG,CAAC,OAAO,SAAS,CAAC;CAErB,OAAO;AACT"}

package/dist/default/utils/use-media-instance.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-media-instance.js","names":[],"sources":["../../../src/utils/use-media-instance.ts"],"sourcesContent":["import type { Media } from '@videojs/media';\nimport { useState } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useDestroy } from './use-destroy';\n\n/**\n * Create and manage a media instance lifecycle within a player context.\n *\n * Instantiates the media class once, attaches it to the player on mount, and safely detaches on unmount using a\n * functional updater to avoid race conditions when swapping media components (e.g. DashVideo → HlsJsVideo).\n *\n * An optional `setup` callback runs once on mount — e.g. to add media components via `addMediaExtension`. Components\n * registered there are destroyed together with the media instance on unmount (`media.destroy()` destroys all of its\n * registered components).\n *\n * @param MediaClass - Media class to instantiate and attach to the current player.\n * @param setup - Optional callback run once before the instance is attached.\n */\nexport function useMediaInstance<Instance extends Media & { destroy(): void }>(\n  MediaClass: new () => Instance,\n  setup?: (media: Instance) => void\n): Instance {\n  const [instance] = useState(() => new MediaClass());\n  const setMedia = useMediaAttach();\n\n  useDestroy(\n    instance,\n    () => {\n      setup?.(instance);\n      setMedia?.(instance);\n    },\n    () => setMedia?.((prev) => (prev === instance ? null : prev))\n  );\n\n  return instance;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,SAAgB,iBACd,YACA,OACU;CACV,MAAM,CAAC,YAAY,eAAe,IAAI,WAAW,CAAC;CAClD,MAAM,WAAW,eAAe;CAEhC,WACE,gBACM;EACJ,QAAQ,QAAQ;EAChB,WAAW,QAAQ;CACrB,SACM,YAAY,SAAU,SAAS,WAAW,OAAO,IAAK,CAC9D;CAEA,OAAO;AACT"}

package/dist/default/utils/use-render.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-render.js","names":[],"sources":["../../../src/utils/use-render.tsx"],"sourcesContent":["import { getStateDataAttrs, type StateAttrMap } from '@videojs/core/dom';\nimport { isFunction } from '@videojs/utils/predicate';\nimport { resolveClassName } from '@videojs/utils/style';\nimport type { CSSProperties, ReactElement, Ref } from 'react';\nimport { cloneElement, createElement, isValidElement } from 'react';\n\nimport { mergeProps } from './merge-props';\nimport type { HTMLProps, RenderProp } from './types';\nimport { composeRefs } from './use-composed-refs';\n\n/** Check if a value is a render prop (function or React element). */\nexport function isRenderProp(value: unknown): value is RenderProp<unknown> {\n  return isFunction(value) || isValidElement(value);\n}\n\ntype IntrinsicTagName = keyof React.JSX.IntrinsicElements;\n\nexport interface UseRenderComponentProps<State> {\n  className?: string | ((state: State) => string | undefined) | undefined;\n  style?: CSSProperties | ((state: State) => CSSProperties | undefined) | undefined;\n  render?: RenderProp<State> | undefined;\n}\n\nexport interface UseRenderParameters<State, RenderedElementType extends Element> {\n  state: State;\n  ref?: Ref<RenderedElementType> | Ref<RenderedElementType>[] | undefined;\n  props?: object | object[] | undefined;\n  stateAttrMap?: StateAttrMap<State> | undefined;\n}\n\nfunction resolveStyle<State>(\n  style: CSSProperties | ((state: State) => CSSProperties | undefined) | undefined,\n  state: State\n): CSSProperties | undefined {\n  return isFunction(style) ? style(state) : style;\n}\n\nfunction getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19+ uses element.props.ref, older versions use element.ref\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const elementAny = element as any;\n\n  return elementAny.ref ?? elementAny.props?.ref;\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | Ref<T>[] | undefined)[]): Ref<T> | undefined {\n  const flatRefs = refs.flat().filter((ref): ref is Ref<T> => ref !== null && ref !== undefined);\n  if (flatRefs.length === 0) return undefined;\n\n  if (flatRefs.length === 1) return flatRefs[0];\n\n  return composeRefs(...flatRefs);\n}\n\n/**\n * Render a UI component element.\n *\n * Handles: - Default tag rendering - Render prop (element or function) - Props merging (event handlers chained,\n * className concatenated, style merged) - Ref composition - className/style as functions of state\n *\n * @example\n *   ```tsx\n *   return renderElement('button', componentProps, {\n *     state,\n *     ref: [forwardedRef, buttonRef],\n *     props: [{ type: 'button' }, elementProps, getButtonProps],\n *   });\n *   ```;\n *\n * @public\n */\nexport function renderElement<\n  State extends object,\n  RenderedElementType extends Element,\n  TagName extends IntrinsicTagName,\n>(\n  element: TagName,\n  componentProps: UseRenderComponentProps<State>,\n  params: UseRenderParameters<State, RenderedElementType>\n): ReactElement | null {\n  const { className: classNameProp, style: styleProp, render } = componentProps;\n  const { state, ref, props, stateAttrMap } = params;\n\n  // Resolve className and style if they're functions\n  const className = resolveClassName(classNameProp, state);\n  const style = resolveStyle(styleProp, state);\n\n  // Generate data attributes only when a component explicitly opts in with a\n  // mapping. State is still passed to render/className/style callbacks.\n  const stateDataAttrs = stateAttrMap ? getStateDataAttrs(state, stateAttrMap) : {};\n\n  // Merge: state data attrs first, then props (so props can override)\n  const propsArray = Array.isArray(props) ? props : props ? [props] : [];\n  const mergedProps = mergeProps(stateDataAttrs, ...(propsArray as Record<string, unknown>[]));\n\n  if (className !== undefined) {\n    // Add resolved className and style\n    mergedProps.className = mergedProps.className ? `${mergedProps.className} ${className}` : className;\n  }\n\n  if (style !== undefined) {\n    mergedProps.style = mergedProps.style ? { ...(mergedProps.style as CSSProperties), ...style } : style;\n  }\n\n  if (isFunction(render)) {\n    // Render function: call with props and state\n    const mergedRef = mergeRefs(ref, mergedProps.ref);\n\n    return render({ ...mergedProps, ref: mergedRef } as HTMLProps, state);\n  }\n\n  if (isValidElement(render)) {\n    const elementRef = getElementRef(render);\n\n    const mergedRef = mergeRefs(ref, mergedProps.ref, elementRef);\n\n    const elementProps = mergeProps(mergedProps, render.props as Record<string, unknown>);\n\n    elementProps.ref = mergedRef;\n\n    return cloneElement(render, elementProps);\n  }\n\n  // Default tag\n  const mergedRef = mergeRefs(ref, mergedProps.ref);\n\n  mergedProps.ref = mergedRef;\n\n  return createElement(element, mergedProps);\n}\n\nexport namespace renderElement {\n  export type ComponentProps<State> = UseRenderComponentProps<State>;\n  export type Parameters<State, RenderedElementType extends Element> = UseRenderParameters<State, RenderedElementType>;\n}\n"],"mappings":";;;;;;;AA8BA,SAAS,aACP,OACA,OAC2B;CAC3B,OAAO,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI;AAC5C;AAEA,SAAS,cAAc,SAAiD;CAGtE,MAAM,aAAa;CAEnB,OAAO,WAAW,OAAO,WAAW,OAAO;AAC7C;AAEA,SAAS,UAAa,GAAG,MAA6D;CACpF,MAAM,WAAW,KAAK,KAAK,CAAC,CAAC,QAAQ,QAAuB,QAAQ,QAAQ,QAAQ,KAAA,CAAS;CAC7F,IAAI,SAAS,WAAW,GAAG,OAAO,KAAA;CAElC,IAAI,SAAS,WAAW,GAAG,OAAO,SAAS;CAE3C,OAAO,YAAY,GAAG,QAAQ;AAChC;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,cAKd,SACA,gBACA,QACqB;CACrB,MAAM,EAAE,WAAW,eAAe,OAAO,WAAW,WAAW;CAC/D,MAAM,EAAE,OAAO,KAAK,OAAO,iBAAiB;CAG5C,MAAM,YAAY,iBAAiB,eAAe,KAAK;CACvD,MAAM,QAAQ,aAAa,WAAW,KAAK;CAI3C,MAAM,iBAAiB,eAAe,kBAAkB,OAAO,YAAY,IAAI,CAAC;CAIhF,MAAM,cAAc,WAAW,gBAAgB,GAD5B,MAAM,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC,KAAK,IAAI,CAAC,CACsB;CAE3F,IAAI,cAAc,KAAA,GAEhB,YAAY,YAAY,YAAY,YAAY,GAAG,YAAY,UAAU,GAAG,cAAc;CAG5F,IAAI,UAAU,KAAA,GACZ,YAAY,QAAQ,YAAY,QAAQ;EAAE,GAAI,YAAY;EAAyB,GAAG;CAAM,IAAI;CAGlG,IAAI,WAAW,MAAM,GAAG;EAEtB,MAAM,YAAY,UAAU,KAAK,YAAY,GAAG;EAEhD,OAAO,OAAO;GAAE,GAAG;GAAa,KAAK;EAAU,GAAgB,KAAK;CACtE;CAEA,IAAI,eAAe,MAAM,GAAG;EAC1B,MAAM,aAAa,cAAc,MAAM;EAEvC,MAAM,YAAY,UAAU,KAAK,YAAY,KAAK,UAAU;EAE5D,MAAM,eAAe,WAAW,aAAa,OAAO,KAAgC;EAEpF,aAAa,MAAM;EAEnB,OAAO,aAAa,QAAQ,YAAY;CAC1C;CAKA,YAAY,MAFM,UAAU,KAAK,YAAY,GAEnB;CAE1B,OAAO,cAAc,SAAS,WAAW;AAC3C"}

package/dist/default/utils/use-safe-id.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-safe-id.js","names":[],"sources":["../../../src/utils/use-safe-id.ts"],"sourcesContent":["import { useId } from 'react';\n\nconst UNSAFE_CHARS = /[^a-zA-Z0-9_-]/g;\n\n/**\n * Generate a CSS-safe identifier from React's `useId()`.\n *\n * `useId()` returns values like `:r0:` which contain colons — invalid in CSS `<dashed-ident>` tokens (used by\n * `anchor-name` / `position-anchor`). This hook strips non-alphanumeric/underscore/hyphen characters and optionally\n * prepends a prefix.\n */\nexport function useSafeId(prefix?: string): string {\n  const raw = useId().replace(UNSAFE_CHARS, '');\n\n  return prefix ? `${prefix}-${raw}` : raw;\n}\n"],"mappings":";;AAEA,MAAM,eAAe;;;;;;;;AASrB,SAAgB,UAAU,QAAyB;CACjD,MAAM,MAAM,MAAM,CAAC,CAAC,QAAQ,cAAc,EAAE;CAE5C,OAAO,SAAS,GAAG,OAAO,GAAG,QAAQ;AACvC"}

package/dist/default/utils/use-sync-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-sync-props.js","names":[],"sources":["../../../src/utils/use-sync-props.ts"],"sourcesContent":["import { isUndefined } from '@videojs/utils/predicate';\nimport { useRef } from 'react';\n\nexport function useSyncProps<Props extends object, Rest extends Record<string, unknown>>(\n  target: Props,\n  props: Partial<Props> & Rest,\n  defaults: Props\n): Omit<Rest, keyof Props> {\n  const rest: Record<string, unknown> = {};\n  const synced = new Set<string>();\n  const prevSyncedRef = useRef<Set<string> | null>(null);\n\n  const sync = (key: string, value: unknown) => {\n    if (target[key as keyof Props] !== value) target[key as keyof Props] = value as Props[keyof Props];\n  };\n\n  // Reset props the consumer stopped passing (or passed as `undefined`) back to\n  // their defaults before applying the current ones, so a reset can never wipe a\n  // value another prop derives in the same render (e.g. `source` deriving `src`).\n  // Mirrors react-dom removing absent attributes.\n  for (const key of prevSyncedRef.current ?? []) {\n    if (isUndefined((props as Record<string, unknown>)[key])) sync(key, (defaults as Record<string, unknown>)[key]);\n  }\n\n  for (const key in props) {\n    if (key in defaults) {\n      if (isUndefined(props[key])) continue;\n\n      synced.add(key);\n      sync(key, props[key]);\n    } else {\n      rest[key] = props[key];\n    }\n  }\n\n  prevSyncedRef.current = synced;\n\n  return rest as Omit<Rest, keyof Props>;\n}\n"],"mappings":";;;AAGA,SAAgB,aACd,QACA,OACA,UACyB;CACzB,MAAM,OAAgC,CAAC;CACvC,MAAM,yBAAS,IAAI,IAAY;CAC/B,MAAM,gBAAgB,OAA2B,IAAI;CAErD,MAAM,QAAQ,KAAa,UAAmB;EAC5C,IAAI,OAAO,SAAwB,OAAO,OAAO,OAAsB;CACzE;CAMA,KAAK,MAAM,OAAO,cAAc,WAAW,CAAC,GAC1C,IAAI,YAAa,MAAkC,IAAI,GAAG,KAAK,KAAM,SAAqC,IAAI;CAGhH,KAAK,MAAM,OAAO,OAChB,IAAI,OAAO,UAAU;EACnB,IAAI,YAAY,MAAM,IAAI,GAAG;EAE7B,OAAO,IAAI,GAAG;EACd,KAAK,KAAK,MAAM,IAAI;CACtB,OACE,KAAK,OAAO,MAAM;CAItB,cAAc,UAAU;CAExB,OAAO;AACT"}

package/dist/dev/extensions/google-cast/extension.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extension.d.ts","names":[],"sources":["../../../../src/extensions/google-cast/extension.tsx"],"mappings":";;;KAQY,kBAAkB,QAAQ;;;;;;;;;;;;;;;iBAgBtB,WAAW,OAAO,kBAAkB;kBAQnC;OACH,QAAQ"}

package/dist/dev/extensions/mux-data/extension.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extension.d.ts","names":[],"sources":["../../../../src/extensions/mux-data/extension.tsx"],"mappings":";;;KAQY,eAAe,QAAQ;;;;;;;;;;;;;;;;;;;;;iBAsBnB,QAAQ,OAAO,eAAe;kBAiB7B;OACH,QAAQ"}

package/dist/dev/i18n/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/i18n/context.tsx"],"mappings":";;UAaiB;EACf,YAAY;EACZ,QAAQ;;EAER;;EAEA;;EAEA,eAAe,QAAQ;;EAEvB,wBAAwB,QAAQ;;;cAIrB,6BAAW,QAAA;;;;;;iBASR,iBAAiB;;;;;;iBAyBjB,aAAa"}

package/dist/dev/i18n/create-i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-i18n.d.ts","names":[],"sources":["../../../src/i18n/create-i18n.tsx"],"mappings":";;;;UAkBiB;;EAEf,UAAU,gBAAgB,QAAQ,QAAQ;;UAG3B;;;;;;;EAOf,SAAS;;;;;EAKT,cAAc,UAAU;;;;;;;;;;;;EAYxB,eAAe,QAAQ;EACvB,UAAU;;EAEV,wBAAwB,QAAQ;;UAKjB;EACf,aAAa,QAAQ;EACrB,eAAe,OAAO,sBAAsB;EAC5C,sBAAsB;EACtB,kBAAkB;;;;;;;;iBASJ,WAAW,UAAU,oBAAoB;;;;;;;cAmE5C,eAAY,OA9ED,sBAAsB"}

package/dist/dev/i18n/text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.d.ts","names":[],"sources":["../../../src/i18n/text.tsx"],"mappings":";;UAMiB,kBAAkB,KAAK;EACtC,WAAW;EACX;;;iBAIc,OAAO,UAAU,UAAU,SAAS,4BAAS,IAAA"}

package/dist/dev/icons/dist/react/default/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../../../../icons/dist/react/default/index.d.ts"],"mappings":";;cACqB,kBAAkB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACtG,iBAAiB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACrG,iBAAiB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACrG,gBAAgB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACpG,eAAe,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACnG,cAAc,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAClG,WAAW,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC/F,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,qBAAqB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACzG,oBAAoB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACxG,UAAU,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC9F,WAAW,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC/F,cAAc,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAClG,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,UAAU,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC9F,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,UAAU,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC9F,YAAY,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAChG,WAAW,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC/F,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,cAAc,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAClG,gBAAgB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACpG,eAAe,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACnG,eAAe,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc"}

package/dist/dev/icons/dist/react/minimal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../../../../icons/dist/react/minimal/index.d.ts"],"mappings":";;cACqB,kBAAkB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACtG,iBAAiB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACrG,iBAAiB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACrG,gBAAgB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACpG,eAAe,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACnG,cAAc,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAClG,WAAW,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC/F,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,qBAAqB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACzG,oBAAoB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACxG,UAAU,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC9F,WAAW,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC/F,cAAc,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAClG,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,UAAU,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC9F,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,UAAU,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC9F,YAAY,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAChG,WAAW,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAC/F,aAAa,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACjG,cAAc,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cAClG,gBAAgB,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACpG,eAAe,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc;cACnG,eAAe,MAAM,0BAA0B,MAAM,SAAS,iBAAiB,MAAM,cAAc"}

package/dist/dev/icons/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/icons/index.ts"],"mappings":";;;KAIY,YAAY,SAAS"}

package/dist/dev/icons/minimal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/icons/minimal/index.ts"],"mappings":";;;KAIY,YAAY,SAAS"}

package/dist/dev/index.d.ts.map

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

package/dist/dev/internal/skins/default-audio/components/controls/volume-popover.js

@@ -1,32 +0,0 @@
-import { VolumePopoverPopup } from "../../../../../ui/volume-popover/volume-popover-popup.js";
-import { VolumePopoverRoot } from "../../../../../ui/volume-popover/volume-popover-root.js";
-import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/volume-popover-trigger.js";
-import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";
-import { VolumeSlider } from "../../../shared/components/sliders/volume-slider.js";
-import { MuteButton } from "../buttons/mute-button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/default-audio/components/controls/volume-popover.tsx
-function VolumePopover({ className, showTooltip = false, side = "top", orientation = "vertical", ...props } = {}) {
-	return /* @__PURE__ */ jsxs(VolumePopoverRoot, {
-		openOnHover: true,
-		delay: 200,
-		closeDelay: 100,
-		side,
-		...props,
-		children: [/* @__PURE__ */ jsx(ButtonTooltip, {
-			delay: 0,
-			disabled: !showTooltip,
-			sticky: true,
-			side: "top",
-			children: /* @__PURE__ */ jsx(VolumePopoverTrigger, { render: /* @__PURE__ */ jsx(MuteButton, { className: cn(className) }) })
-		}), /* @__PURE__ */ jsx(VolumePopoverPopup, {
-			className: cn("media-popup", "media-popup-safe-area", "media-popup-transition", "media-popup-surface", "media-volume-popover"),
-			children: /* @__PURE__ */ jsx(VolumeSlider, { orientation })
-		})]
-	});
-}
-//#endregion
-export { VolumePopover };
-
-//# sourceMappingURL=volume-popover.js.map

package/dist/dev/internal/skins/default-audio/components/controls/volume-popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover.js","names":["VolumePopoverPrimitive.Root","VolumePopoverPrimitive.Trigger","VolumePopoverPrimitive.Popup"],"sources":["../../../../../../../src/internal/skins/default-audio/components/controls/volume-popover.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { VolumeSliderProps as CoreVolumeSliderProps } from '@videojs/core';\nimport { cn } from '@videojs/utils/style';\n\nimport { VolumePopover as VolumePopoverPrimitive } from '../../../../skin-primitives';\nimport type { ClassValue } from '../../../../skin-primitives';\nimport { ButtonTooltip } from '../../../shared/components/buttons/button-tooltip';\nimport { VolumeSlider } from '../../../shared/components/sliders/volume-slider';\nimport { MuteButton } from '../buttons/mute-button';\n\nexport interface VolumePopoverProps extends Omit<VolumePopoverPrimitive.RootProps, 'children'> {\n  className?: ClassValue;\n  orientation?: CoreVolumeSliderProps['orientation'];\n  showTooltip?: boolean;\n}\n\nexport function VolumePopover({\n  className,\n  showTooltip = false,\n  side = 'top',\n  orientation = 'vertical',\n  ...props\n}: VolumePopoverProps = {}) {\n  return (\n    <VolumePopoverPrimitive.Root openOnHover delay={200} closeDelay={100} side={side} {...props}>\n      <ButtonTooltip delay={0} disabled={!showTooltip} sticky side=\"top\">\n        <VolumePopoverPrimitive.Trigger render={<MuteButton className={cn(className)} />} />\n      </ButtonTooltip>\n      <VolumePopoverPrimitive.Popup\n        className={cn(\n          'media-popup',\n          'media-popup-safe-area',\n          'media-popup-transition',\n          'media-popup-surface',\n          'media-volume-popover'\n        )}\n      >\n        <VolumeSlider orientation={orientation} />\n      </VolumePopoverPrimitive.Popup>\n    </VolumePopoverPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,cAAc,EAC5B,WACA,cAAc,OACd,OAAO,OACP,cAAc,YACd,GAAG,UACmB,CAAC,GAAG;CAC1B,OACE,qBAACA,mBAAD;EAA6B,aAAA;EAAY,OAAO;EAAK,YAAY;EAAW;EAAM,GAAI;EAAtF,UAAA,CACE,oBAAC,eAAD;GAAe,OAAO;GAAG,UAAU,CAAC;GAAa,QAAA;GAAO,MAAK;GAC3D,UAAA,oBAACC,sBAAD,EAAgC,QAAQ,oBAAC,YAAD,EAAY,WAAW,GAAG,SAAS,EAAI,CAAA,EAAI,CAAA;EACtE,CAAA,GACf,oBAACC,oBAAD;GACE,WAAW,GACT,eACA,yBACA,0BACA,uBACA,sBACF;GAEA,UAAA,oBAAC,cAAD,EAA2B,YAAc,CAAA;EACb,CAAA,CACH;;AAEjC"}

package/dist/dev/internal/skins/default-audio/components/feedback/buffering-indicator.js

@@ -1,17 +0,0 @@
-import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/buffering-indicator.js";
-import ForwardRef from "../../../../../icons/dist/react/default/spinner.js";
-import { jsx } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/default-audio/components/feedback/buffering-indicator.tsx
-/** @jsxImportSource react */
-function BufferingIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(BufferingIndicator$1, {
-		className: (state) => cn("media-buffering-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsx(ForwardRef, { className: "media-buffering-indicator-spinner-icon" })
-	});
-}
-//#endregion
-export { BufferingIndicator };
-
-//# sourceMappingURL=buffering-indicator.js.map

package/dist/dev/internal/skins/default-audio/components/feedback/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":["BufferingIndicatorPrimitive","SpinnerIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-audio/components/feedback/buffering-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SpinnerIcon as SpinnerIconPrimitive } from '../../../../../icons/index';\nimport { BufferingIndicator as BufferingIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type BufferingIndicatorProps = Omit<BufferingIndicatorPrimitive.Props, 'children'>;\n\nexport function BufferingIndicator({ className, ...props }: BufferingIndicatorProps = {}) {\n  return (\n    <BufferingIndicatorPrimitive\n      className={(state) => cn('media-buffering-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <SpinnerIconPrimitive className={'media-buffering-indicator-spinner-icon'} />\n    </BufferingIndicatorPrimitive>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,UAAmC,CAAC,GAAG;CACxF,OACE,oBAACA,sBAAD;EACE,YAAY,UAAU,GAAG,6BAA6B,iBAAiB,WAAW,KAAK,CAAC;EACxF,GAAI;EAEJ,UAAA,oBAACC,YAAD,EAAsB,WAAW,yCAA2C,CAAA;CACjD,CAAA;AAEjC"}