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

package/dist/dev/i18n/use-lazy-translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-translations.js","names":[],"sources":["../../../src/i18n/use-lazy-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  findLocaleKeys,\n  getBrowserTranslations,\n  type Locale,\n  registerI18n,\n  shouldAttemptBrowserTranslation,\n} from '@videojs/core/i18n';\nimport { mergeLocaleOverlays } from '@videojs/utils/dom';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;\n\nexport function useLazyTranslations(resolvedLocale: Locale, loader: LocaleLoader): Partial<FlatTranslations> {\n  const [lazyLayer, setLazyLayer] = useState<Partial<FlatTranslations>>({});\n  const lazySeqRef = useRef(0);\n\n  // rerun when `resolvedLocale` changes even though the reset callback does not reference it.\n  // oxlint-disable-next-line react/exhaustive-deps\n  useLayoutEffect(() => {\n    lazySeqRef.current += 1;\n    setLazyLayer({});\n  }, [resolvedLocale]);\n\n  useEffect(() => {\n    const seq = lazySeqRef.current;\n    const locale = resolvedLocale;\n\n    // Locale loading and browser translation are async; ignore stale results\n    // after locale changes or unmount.\n    void (async () => {\n      try {\n        const { merged, loadedTags } = await mergeLocaleOverlays(locale, loader, findLocaleKeys);\n\n        if (seq !== lazySeqRef.current) return;\n\n        if (shouldAttemptBrowserTranslation(locale, loadedTags, merged)) {\n          const browser = await getBrowserTranslations(locale);\n\n          if (seq !== lazySeqRef.current) return;\n\n          if (Object.keys(browser).length) registerI18n(locale, browser);\n        }\n\n        if (seq !== lazySeqRef.current) return;\n\n        setLazyLayer(merged);\n      } catch {\n        // Registry and prop translations still work if lazy loading fails.\n      }\n    })();\n\n    return () => {\n      if (lazySeqRef.current === seq) {\n        lazySeqRef.current += 1;\n      }\n    };\n  }, [resolvedLocale, loader]);\n\n  return lazyLayer;\n}\n"],"mappings":";;;;AAaA,SAAgB,oBAAoB,gBAAwB,QAAiD;CAC3G,MAAM,CAAC,WAAW,gBAAgB,SAAoC,CAAC,CAAC;CACxE,MAAM,aAAa,OAAO,CAAC;CAI3B,sBAAsB;EACpB,WAAW,WAAW;EACtB,aAAa,CAAC,CAAC;CACjB,GAAG,CAAC,cAAc,CAAC;CAEnB,gBAAgB;EACd,MAAM,MAAM,WAAW;EACvB,MAAM,SAAS;EAIf,CAAM,YAAY;GAChB,IAAI;IACF,MAAM,EAAE,QAAQ,eAAe,MAAM,oBAAoB,QAAQ,QAAQ,cAAc;IAEvF,IAAI,QAAQ,WAAW,SAAS;IAEhC,IAAI,gCAAgC,QAAQ,YAAY,MAAM,GAAG;KAC/D,MAAM,UAAU,MAAM,uBAAuB,MAAM;KAEnD,IAAI,QAAQ,WAAW,SAAS;KAEhC,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,QAAQ,aAAa,QAAQ,OAAO;IAC/D;IAEA,IAAI,QAAQ,WAAW,SAAS;IAEhC,aAAa,MAAM;GACrB,QAAQ,CAER;EACF,EAAA,CAAG;EAEH,aAAa;GACX,IAAI,WAAW,YAAY,KACzB,WAAW,WAAW;EAE1B;CACF,GAAG,CAAC,gBAAgB,MAAM,CAAC;CAE3B,OAAO;AACT"}
+{"version":3,"file":"use-lazy-translations.js","names":["{}","() => {\n    lazySeqRef.current += 1;\n    setLazyLayer({});\n  }","[resolvedLocale]","() => {\n    const seq = lazySeqRef.current;\n    const locale = resolvedLocale;\n\n    // Locale loading and browser translation are async; ignore stale results\n    // after locale changes or unmount.\n    void (async () => {\n      try {\n        const { merged, loadedTags } = await mergeLocaleOverlays(locale, loader, findLocaleKeys);\n\n        if (seq !== lazySeqRef.current) return;\n\n        if (shouldAttemptBrowserTranslation(locale, loadedTags, merged)) {\n          const browser = await getBrowserTranslations(locale);\n\n          if (seq !== lazySeqRef.current) return;\n\n          if (Object.keys(browser).length) registerI18n(locale, browser);\n        }\n\n        if (seq !== lazySeqRef.current) return;\n\n        setLazyLayer(merged);\n      } catch {\n        // Registry and prop translations still work if lazy loading fails.\n      }\n    })();\n\n    return () => {\n      if (lazySeqRef.current === seq) {\n        lazySeqRef.current += 1;\n      }\n    };\n  }","[resolvedLocale, loader]"],"sources":["../../../src/i18n/use-lazy-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  findLocaleKeys,\n  getBrowserTranslations,\n  type Locale,\n  registerI18n,\n  shouldAttemptBrowserTranslation,\n} from '@videojs/core/i18n';\nimport { mergeLocaleOverlays } from '@videojs/utils/dom';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;\n\nexport function useLazyTranslations(resolvedLocale: Locale, loader: LocaleLoader): Partial<FlatTranslations> {\n  const [lazyLayer, setLazyLayer] = useState<Partial<FlatTranslations>>({});\n  const lazySeqRef = useRef(0);\n\n  // rerun when `resolvedLocale` changes even though the reset callback does not reference it.\n  // oxlint-disable-next-line react/exhaustive-deps\n  useLayoutEffect(() => {\n    lazySeqRef.current += 1;\n    setLazyLayer({});\n  }, [resolvedLocale]);\n\n  useEffect(() => {\n    const seq = lazySeqRef.current;\n    const locale = resolvedLocale;\n\n    // Locale loading and browser translation are async; ignore stale results\n    // after locale changes or unmount.\n    void (async () => {\n      try {\n        const { merged, loadedTags } = await mergeLocaleOverlays(locale, loader, findLocaleKeys);\n\n        if (seq !== lazySeqRef.current) return;\n\n        if (shouldAttemptBrowserTranslation(locale, loadedTags, merged)) {\n          const browser = await getBrowserTranslations(locale);\n\n          if (seq !== lazySeqRef.current) return;\n\n          if (Object.keys(browser).length) registerI18n(locale, browser);\n        }\n\n        if (seq !== lazySeqRef.current) return;\n\n        setLazyLayer(merged);\n      } catch {\n        // Registry and prop translations still work if lazy loading fails.\n      }\n    })();\n\n    return () => {\n      if (lazySeqRef.current === seq) {\n        lazySeqRef.current += 1;\n      }\n    };\n  }, [resolvedLocale, loader]);\n\n  return lazyLayer;\n}\n"],"mappings":";;;;;AAaA,SAAgB,oBAAoB,gBAAwB,QAAiD;;CACrCA,IAAAA;;EAAC,KAAA,CAAA;;;CAAvE,MAAM,CAAC,WAAW,gBAAgB,SAAoCA,EAAE;CACxE,MAAM,aAAa,OAAO,CAAC;CAIXC,IAAAA;;EAAM,WAAA;GACpB,WAAW,UAAX,WAAW,UAAW;GACtB,aAAa,CAAC,CAAC;EACjB;;;CAAGC,IAAAA;CAAC,IAAA,EAAA,OAAA,gBAAA;EAAD,KAAA,CAAC,cAAc;EAAd,EAAA,KAAA;;;CAHJ,gBAAgBD,IAGbC,EAAgB;CAETC,IAAAA;CAiCPC,IAAAA;CAzBoE,IAAA,EAAA,OAAA,UAAA,EAAA,OANtD,gBAAA;EAFP,WAAM;GACd,MAAM,MAAM,WAAW;GACvB,MAAM,SAAS;GAIV,CAAC,YAAY;IAChB,IAAI;KACF,MAAM,EAAE,QAAQ,eAAe,MAAM,oBAAoB,QAAQ,QAAQ,cAAc;KAEvF,IAAI,QAAQ,WAAW,SAAS;KAEhC,IAAI,gCAAgC,QAAQ,YAAY,MAAM,GAAG;MAC/D,MAAM,UAAU,MAAM,uBAAuB,MAAM;MAEnD,IAAI,QAAQ,WAAW,SAAS;MAEhC,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,QAAQ,aAAa,QAAQ,OAAO;KAC/D;KAEA,IAAI,QAAQ,WAAW,SAAS;KAEhC,aAAa,MAAM;IACrB,QAAQ,CAER;GACF,EAAA,CAAG;GAEH,aAAa;IACX,IAAI,WAAW,YAAY,KACzB,WAAW,UAAX,WAAW,UAAW;GAE1B;EACF;EAAG,KAAA,CAAC,gBAAgB,MAAM;EAzB6C,EAAA,KAAA;EANtD,EAAA,KAAA;;;;;;;CAFjB,UAAUD,IAiCPC,EAAwB;CAE3B,OAAO;AACT"}

package/dist/dev/i18n/use-merged-translations.js

@@ -1,22 +1,42 @@
 import { useRegistryEpoch } from "./use-registry-epoch.js";
 import { flattenTranslations, getI18nTranslations } from "@videojs/core/i18n";
-import { useMemo } from "react";
+import { c } from "react-compiler-runtime";
 //#region src/i18n/use-merged-translations.ts
 function useMergedTranslations(resolvedLocale, lazyLayer, translationsProp) {
-	const registryEpoch = useRegistryEpoch();
-	return useMemo(() => {
-		const registryLayer = getI18nTranslations(resolvedLocale);
-		return {
+	const $ = c(10);
+	useRegistryEpoch();
+	let t0;
+	if ($[0] !== resolvedLocale) {
+		t0 = getI18nTranslations(resolvedLocale);
+		$[0] = resolvedLocale;
+		$[1] = t0;
+	} else t0 = $[1];
+	const registryLayer = t0;
+	let t1;
+	if ($[2] !== translationsProp) {
+		t1 = translationsProp ?? {};
+		$[2] = translationsProp;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = flattenTranslations(t1);
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== lazyLayer || $[7] !== registryLayer || $[8] !== t2) {
+		t3 = {
 			...lazyLayer,
 			...registryLayer,
-			...flattenTranslations(translationsProp ?? {})
+			...t2
 		};
-	}, [
-		resolvedLocale,
-		lazyLayer,
-		translationsProp,
-		registryEpoch
-	]);
+		$[6] = lazyLayer;
+		$[7] = registryLayer;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
 //#endregion
 export { useMergedTranslations };

package/dist/dev/i18n/use-merged-translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-merged-translations.js","names":[],"sources":["../../../src/i18n/use-merged-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  flattenTranslations,\n  getI18nTranslations,\n  type Locale,\n  type Translations,\n} from '@videojs/core/i18n';\nimport { useMemo } from 'react';\n\nimport { useRegistryEpoch } from './use-registry-epoch';\n\nexport function useMergedTranslations(\n  resolvedLocale: Locale,\n  lazyLayer: Partial<FlatTranslations>,\n  translationsProp?: Partial<Translations>\n): FlatTranslations {\n  const registryEpoch = useRegistryEpoch();\n\n  return useMemo(() => {\n    void registryEpoch;\n    const registryLayer = getI18nTranslations(resolvedLocale);\n\n    return {\n      ...lazyLayer,\n      ...registryLayer,\n      ...flattenTranslations(translationsProp ?? {}),\n    } as FlatTranslations;\n  }, [resolvedLocale, lazyLayer, translationsProp, registryEpoch]);\n}\n"],"mappings":";;;;AAWA,SAAgB,sBACd,gBACA,WACA,kBACkB;CAClB,MAAM,gBAAgB,iBAAiB;CAEvC,OAAO,cAAc;EAEnB,MAAM,gBAAgB,oBAAoB,cAAc;EAExD,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG,oBAAoB,oBAAoB,CAAC,CAAC;EAC/C;CACF,GAAG;EAAC;EAAgB;EAAW;EAAkB;CAAa,CAAC;AACjE"}
+{"version":3,"file":"use-merged-translations.js","names":["getI18nTranslations(resolvedLocale)","translationsProp ?? {}","flattenTranslations(translationsProp ?? {})","{\n      ...lazyLayer,\n      ...registryLayer,\n      ...flattenTranslations(translationsProp ?? {}),\n    }"],"sources":["../../../src/i18n/use-merged-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  flattenTranslations,\n  getI18nTranslations,\n  type Locale,\n  type Translations,\n} from '@videojs/core/i18n';\nimport { useMemo } from 'react';\n\nimport { useRegistryEpoch } from './use-registry-epoch';\n\nexport function useMergedTranslations(\n  resolvedLocale: Locale,\n  lazyLayer: Partial<FlatTranslations>,\n  translationsProp?: Partial<Translations>\n): FlatTranslations {\n  const registryEpoch = useRegistryEpoch();\n\n  return useMemo(() => {\n    void registryEpoch;\n    const registryLayer = getI18nTranslations(resolvedLocale);\n\n    return {\n      ...lazyLayer,\n      ...registryLayer,\n      ...flattenTranslations(translationsProp ?? {}),\n    } as FlatTranslations;\n  }, [resolvedLocale, lazyLayer, translationsProp, registryEpoch]);\n}\n"],"mappings":";;;;AAWA,SAAgB,sBACd,gBACA,WACA,kBACkB;;CACI,iBAAiB;CAIfA,IAAAA;CAAoB,IAAA,EAAA,OAAA,gBAAA;EAApB,KAAA,oBAAoB,cAAc;EAAd,EAAA,KAAA;;;CAA1C,MAAM,gBAAgBA;CAKGC,IAAAA;;EAAoB,KAAA,oBAAA,CAAC;EAArB,EAAA,KAAA;;;CAApBC,IAAAA;CAAoBD,IAAAA,EAAAA,OAAAA,IAAAA;EAApB,KAAA,oBAAoBA,EAAsB;EAAtBA,EAAAA,KAAAA;;;CAHlBE,IAAAA;CACF,IAAA,EAAA,OAAA,aAAA,EAAA,OACA,iBAAA,EAAA,OACAD,IAAAA;EAHE,KAAA;GACL,GAAG;GACH,GAAG;GACH,GAAGA;EACL;EAHK,EAAA,KAAA;EACA,EAAA,KAAA;EACAA,EAAAA,KAAAA;;;CAPP,OAISC;AAMX"}

package/dist/dev/i18n/use-registry-epoch.js

@@ -1,13 +1,27 @@
 import { onI18nRegistryChange } from "@videojs/core/i18n";
+import { c } from "react-compiler-runtime";
 import { useEffect, useReducer } from "react";
 //#region src/i18n/use-registry-epoch.ts
 function useRegistryEpoch() {
-	const [epoch, invalidate] = useReducer((value) => value + 1, 0);
-	useEffect(() => {
-		return onI18nRegistryChange(() => invalidate());
-	}, []);
+	const $ = c(2);
+	const [epoch, invalidate] = useReducer(_temp, 0);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => onI18nRegistryChange(() => invalidate());
+		t1 = [];
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	useEffect(t0, t1);
 	return epoch;
 }
+function _temp(value) {
+	return value + 1;
+}
 //#endregion
 export { useRegistryEpoch };
 

package/dist/dev/i18n/use-registry-epoch.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-registry-epoch.js","names":[],"sources":["../../../src/i18n/use-registry-epoch.ts"],"sourcesContent":["import { onI18nRegistryChange } from '@videojs/core/i18n';\nimport { useEffect, useReducer } from 'react';\n\nexport function useRegistryEpoch(): number {\n  const [epoch, invalidate] = useReducer((value: number) => value + 1, 0);\n\n  useEffect(() => {\n    return onI18nRegistryChange(() => invalidate());\n  }, []);\n\n  return epoch;\n}\n"],"mappings":";;;AAGA,SAAgB,mBAA2B;CACzC,MAAM,CAAC,OAAO,cAAc,YAAY,UAAkB,QAAQ,GAAG,CAAC;CAEtE,gBAAgB;EACd,OAAO,2BAA2B,WAAW,CAAC;CAChD,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}
+{"version":3,"file":"use-registry-epoch.js","names":["(value: number) => value + 1","() => {\n    return onI18nRegistryChange(() => invalidate());\n  }","[]"],"sources":["../../../src/i18n/use-registry-epoch.ts"],"sourcesContent":["import { onI18nRegistryChange } from '@videojs/core/i18n';\nimport { useEffect, useReducer } from 'react';\n\nexport function useRegistryEpoch(): number {\n  const [epoch, invalidate] = useReducer((value: number) => value + 1, 0);\n\n  useEffect(() => {\n    return onI18nRegistryChange(() => invalidate());\n  }, []);\n\n  return epoch;\n}\n"],"mappings":";;;;AAGA,SAAgB,mBAA2B;;CACzC,MAAM,CAAC,OAAO,cAAc,WAAWA,OAA8B,CAAC;CAE5DC,IAAAA;CAEPC,IAAAA;;EAFO,WACD,2BAA2B,WAAW,CAAC;EAC7C,KAAA,CAAC;;;;;;;CAFJ,UAAUD,IAEPC,EAAE;CAEL,OAAO;AACT;AAPyC,SAAA,MAAC,OAAA;CAAkB,OAAA,QAAQ"}

package/dist/dev/index.d.ts

@@ -93,6 +93,7 @@ import { TimeSliderChapterState, TimeSliderChaptersProps, TimeSliderChaptersStat
 import { index_parts_d_exports as index_parts_d_exports$12 } from "./ui/time-slider/index.parts.js";
 import "./ui/time-slider/index.js";
 import { Title, TitleProps } from "./ui/title/component.js";
+import "./ui/title/index.js";
 import { TooltipContent, TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
 import { index_parts_d_exports as index_parts_d_exports$13 } from "./ui/tooltip/index.parts.js";
 import "./ui/tooltip/index.js";
@@ -110,6 +111,7 @@ import { useAttachMedia } from "./utils/use-attach-media.js";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
 import { useDestroy } from "./utils/use-destroy.js";
 import { useLatestRef } from "./utils/use-latest-ref.js";
+import { MediaEventHandler, MediaEventPropName, MediaEventProps, useMediaEvents } from "./utils/use-media-events.js";
 import { useMediaExtension } from "./utils/use-media-extension.js";
 import { useMediaInstance } from "./utils/use-media-instance.js";
 import { renderElement } from "./utils/use-render.js";
@@ -120,10 +122,10 @@ import { useSelector, useStore } from "@videojs/store/react";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
 declare namespace index_d_exports {
-  export { AirPlayButton, AirPlayButtonProps, index_parts_d_exports as AlertDialog, AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, AudioTrackRadioGroupLegacy as AudioTrackRadioGroup, BufferingIndicator, BufferingIndicatorProps, CaptionsButton, CaptionsButtonProps, CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, CaptionsRadioGroupLegacy as CaptionsRadioGroup, CastButton, CastButtonProps, Comparator, Container, ContainerProps, index_parts_d_exports$1 as Controls, ControlsContentProps, ControlsGroupProps, ControlsRootProps, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, DEFAULT_SEEK_STEP, index_parts_d_exports$2 as Dialog, DialogContextValue, index_parts_d_exports$3 as ErrorDialog, ErrorDialogContextValue, FlatTranslations, FullscreenButton, FullscreenButtonProps, Gesture, GestureProps, HTMLProps, Hotkey, HotkeyProps, I18nContext, I18nContextValue, I18nProvider, I18nProviderProps, IndicatorStatus, InputAction, InputIndicatorLabels, LiveButton, LiveButtonProps, Locale, MediaGesture, MediaGestureProps, MediaHotkey, MediaHotkeyProps, index_parts_d_exports$4 as Menu, MenuContextValue, MuteButton, MuteButtonProps, NodeListLike, PiPButton, PiPButtonProps, PlayButton, PlayButtonProps, PlaybackRateButton, PlaybackRateButtonProps, PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, PlaybackRateRadioGroupLegacy as PlaybackRateRadioGroup, PlayerContextValue, PlayerProps, index_parts_d_exports$5 as Popover, PopoverContextValue, index_parts_d_exports$6 as Poster, PosterImageProps, PosterRootProps, QualityOption, QualityOptionsProps, QualityOptionsResult, QualityRadioGroupLegacy as QualityRadioGroup, RenderFunction, RenderProp, SeekButton, SeekButtonProps, index_parts_d_exports$7 as SeekIndicator, SeekIndicatorRootProps, SeekIndicatorValueProps, Selector, index_parts_d_exports$8 as Slider, SliderBufferProps, SliderFillProps, SliderRootProps, SliderThumbProps, SliderThumbnailRootProps, SliderTrackProps, SliderValueProps, StatusAnnouncer, StatusAnnouncerProps, index_parts_d_exports$9 as StatusIndicator, StatusIndicatorRootProps, StatusIndicatorValueProps, Text, TextProps, index_parts_d_exports$10 as Thumbnail, ThumbnailImageProps, ThumbnailRootProps, index_parts_d_exports$11 as Time, index_parts_d_exports$12 as TimeSlider, TimeSliderChapterState, TimeSliderChapterTitleProps, TimeSliderChapterTitleState, TimeSliderChaptersProps, TimeSliderChaptersState, Title, TitleProps, index_parts_d_exports$13 as Tooltip, TooltipContent, TooltipContextValue, TranslationParams, Translations, Translator, UIComponentProps, UseDoubleTapGestureOptions, UseHotkeyOptions, UseTapGestureOptions, index_parts_d_exports$14 as VolumeIndicator, VolumeIndicatorFillProps, VolumeIndicatorRootProps, VolumeIndicatorValueProps, index_parts_d_exports$15 as VolumePopover, index_parts_d_exports$16 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaExtension, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+  export { AirPlayButton, AirPlayButtonProps, index_parts_d_exports as AlertDialog, AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, AudioTrackRadioGroupLegacy as AudioTrackRadioGroup, BufferingIndicator, BufferingIndicatorProps, CaptionsButton, CaptionsButtonProps, CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, CaptionsRadioGroupLegacy as CaptionsRadioGroup, CastButton, CastButtonProps, Comparator, Container, ContainerProps, index_parts_d_exports$1 as Controls, ControlsContentProps, ControlsGroupProps, ControlsRootProps, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, DEFAULT_SEEK_STEP, index_parts_d_exports$2 as Dialog, DialogContextValue, index_parts_d_exports$3 as ErrorDialog, ErrorDialogContextValue, FlatTranslations, FullscreenButton, FullscreenButtonProps, Gesture, GestureProps, HTMLProps, Hotkey, HotkeyProps, I18nContext, I18nContextValue, I18nProvider, I18nProviderProps, IndicatorStatus, InputAction, InputIndicatorLabels, LiveButton, LiveButtonProps, Locale, MediaEventHandler, MediaEventPropName, MediaEventProps, MediaGesture, MediaGestureProps, MediaHotkey, MediaHotkeyProps, index_parts_d_exports$4 as Menu, MenuContextValue, MuteButton, MuteButtonProps, NodeListLike, PiPButton, PiPButtonProps, PlayButton, PlayButtonProps, PlaybackRateButton, PlaybackRateButtonProps, PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, PlaybackRateRadioGroupLegacy as PlaybackRateRadioGroup, PlayerContextValue, PlayerProps, index_parts_d_exports$5 as Popover, PopoverContextValue, index_parts_d_exports$6 as Poster, PosterImageProps, PosterRootProps, QualityOption, QualityOptionsProps, QualityOptionsResult, QualityRadioGroupLegacy as QualityRadioGroup, RenderFunction, RenderProp, SeekButton, SeekButtonProps, index_parts_d_exports$7 as SeekIndicator, SeekIndicatorRootProps, SeekIndicatorValueProps, Selector, index_parts_d_exports$8 as Slider, SliderBufferProps, SliderFillProps, SliderRootProps, SliderThumbProps, SliderThumbnailRootProps, SliderTrackProps, SliderValueProps, StatusAnnouncer, StatusAnnouncerProps, index_parts_d_exports$9 as StatusIndicator, StatusIndicatorRootProps, StatusIndicatorValueProps, Text, TextProps, index_parts_d_exports$10 as Thumbnail, ThumbnailImageProps, ThumbnailRootProps, index_parts_d_exports$11 as Time, index_parts_d_exports$12 as TimeSlider, TimeSliderChapterState, TimeSliderChapterTitleProps, TimeSliderChapterTitleState, TimeSliderChaptersProps, TimeSliderChaptersState, Title, TitleProps, index_parts_d_exports$13 as Tooltip, TooltipContent, TooltipContextValue, TranslationParams, Translations, Translator, UIComponentProps, UseDoubleTapGestureOptions, UseHotkeyOptions, UseTapGestureOptions, index_parts_d_exports$14 as VolumeIndicator, VolumeIndicatorFillProps, VolumeIndicatorRootProps, VolumeIndicatorValueProps, index_parts_d_exports$15 as VolumePopover, index_parts_d_exports$16 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaEvents, useMediaExtension, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
 }
 import * as import__videojs_core_dom from "@videojs/core/dom";
 import * as import__videojs_media_dom from "@videojs/media/dom";
 //#endregion
-export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, type AudioTrackOption, type AudioTrackOptionsProps, type AudioTrackOptionsResult, AudioTrackRadioGroupLegacy as AudioTrackRadioGroup, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type CaptionsOption, type CaptionsOptionsProps, type CaptionsOptionsResult, CaptionsRadioGroupLegacy as CaptionsRadioGroup, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsContentProps, type ControlsGroupProps, type ControlsRootProps, type CreateI18nOptions, type CreateI18nResult, type CreatePlayerConfig, type CreatePlayerResult, DEFAULT_SEEK_STEP, index_parts_d_exports$2 as Dialog, type DialogContextValue, index_parts_d_exports$3 as ErrorDialog, type ErrorDialogContextValue, type FlatTranslations, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, I18nContext, type I18nContextValue, I18nProvider, type I18nProviderProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, type Locale, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$4 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, type NodeListLike, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, PlaybackRateRadioGroupLegacy as PlaybackRateRadioGroup, type PlayerContextValue, type PlayerProps, index_parts_d_exports$5 as Popover, type PopoverContextValue, index_parts_d_exports$6 as Poster, type PosterImageProps, type PosterRootProps, type QualityOption, type QualityOptionsProps, type QualityOptionsResult, QualityRadioGroupLegacy as QualityRadioGroup, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$7 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$8 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailRootProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$9 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Text, type TextProps, index_parts_d_exports$10 as Thumbnail, type ThumbnailImageProps, type ThumbnailRootProps, index_parts_d_exports$11 as Time, index_parts_d_exports$12 as TimeSlider, type TimeSliderChapterState, type TimeSliderChapterTitleProps, type TimeSliderChapterTitleState, type TimeSliderChaptersProps, type TimeSliderChaptersState, Title, type TitleProps, index_parts_d_exports$13 as Tooltip, type TooltipContent, type TooltipContextValue, type TranslationParams, type Translations, type Translator, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$14 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$15 as VolumePopover, index_parts_d_exports$16 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaExtension, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, type AudioTrackOption, type AudioTrackOptionsProps, type AudioTrackOptionsResult, AudioTrackRadioGroupLegacy as AudioTrackRadioGroup, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type CaptionsOption, type CaptionsOptionsProps, type CaptionsOptionsResult, CaptionsRadioGroupLegacy as CaptionsRadioGroup, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsContentProps, type ControlsGroupProps, type ControlsRootProps, type CreateI18nOptions, type CreateI18nResult, type CreatePlayerConfig, type CreatePlayerResult, DEFAULT_SEEK_STEP, index_parts_d_exports$2 as Dialog, type DialogContextValue, index_parts_d_exports$3 as ErrorDialog, type ErrorDialogContextValue, type FlatTranslations, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, I18nContext, type I18nContextValue, I18nProvider, type I18nProviderProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, type Locale, type MediaEventHandler, type MediaEventPropName, type MediaEventProps, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$4 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, type NodeListLike, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, PlaybackRateRadioGroupLegacy as PlaybackRateRadioGroup, type PlayerContextValue, type PlayerProps, index_parts_d_exports$5 as Popover, type PopoverContextValue, index_parts_d_exports$6 as Poster, type PosterImageProps, type PosterRootProps, type QualityOption, type QualityOptionsProps, type QualityOptionsResult, QualityRadioGroupLegacy as QualityRadioGroup, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$7 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$8 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailRootProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$9 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Text, type TextProps, index_parts_d_exports$10 as Thumbnail, type ThumbnailImageProps, type ThumbnailRootProps, index_parts_d_exports$11 as Time, index_parts_d_exports$12 as TimeSlider, type TimeSliderChapterState, type TimeSliderChapterTitleProps, type TimeSliderChapterTitleState, type TimeSliderChaptersProps, type TimeSliderChaptersState, Title, type TitleProps, index_parts_d_exports$13 as Tooltip, type TooltipContent, type TooltipContextValue, type TranslationParams, type Translations, type Translator, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$14 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$15 as VolumePopover, index_parts_d_exports$16 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaEvents, useMediaExtension, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
 //# sourceMappingURL=index.d.ts.map

package/dist/dev/index.js

@@ -64,6 +64,7 @@ import { index_parts_exports as index_parts_exports$14 } from "./ui/volume-indic
 import { index_parts_exports as index_parts_exports$15 } from "./ui/volume-popover/index.parts.js";
 import { index_parts_exports as index_parts_exports$16 } from "./ui/volume-slider/index.parts.js";
 import { useAttachMedia } from "./utils/use-attach-media.js";
+import { useMediaEvents } from "./utils/use-media-events.js";
 import { useMediaExtension } from "./utils/use-media-extension.js";
 import { useMediaInstance } from "./utils/use-media-instance.js";
 import { hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable } from "@videojs/media";
@@ -71,4 +72,4 @@ import { createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
-export { AirPlayButton, index_parts_exports as AlertDialog, AudioTrackRadioGroupLegacy as AudioTrackRadioGroup, BufferingIndicator, CaptionsButton, CaptionsRadioGroupLegacy as CaptionsRadioGroup, CastButton, Container, index_parts_exports$1 as Controls, DEFAULT_SEEK_STEP, index_parts_exports$2 as Dialog, index_parts_exports$3 as ErrorDialog, FullscreenButton, Gesture, Hotkey, I18nContext, I18nProvider, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$4 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, PlaybackRateRadioGroupLegacy as PlaybackRateRadioGroup, index_parts_exports$5 as Popover, index_parts_exports$6 as Poster, QualityRadioGroupLegacy as QualityRadioGroup, SeekButton, index_parts_exports$7 as SeekIndicator, index_parts_exports$8 as Slider, StatusAnnouncer, index_parts_exports$9 as StatusIndicator, Text, index_parts_exports$10 as Thumbnail, index_parts_exports$11 as Time, index_parts_exports$12 as TimeSlider, Title, index_parts_exports$13 as Tooltip, index_parts_exports$14 as VolumeIndicator, index_parts_exports$15 as VolumePopover, index_parts_exports$16 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaExtension, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+export { AirPlayButton, index_parts_exports as AlertDialog, AudioTrackRadioGroupLegacy as AudioTrackRadioGroup, BufferingIndicator, CaptionsButton, CaptionsRadioGroupLegacy as CaptionsRadioGroup, CastButton, Container, index_parts_exports$1 as Controls, DEFAULT_SEEK_STEP, index_parts_exports$2 as Dialog, index_parts_exports$3 as ErrorDialog, FullscreenButton, Gesture, Hotkey, I18nContext, I18nProvider, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$4 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, PlaybackRateRadioGroupLegacy as PlaybackRateRadioGroup, index_parts_exports$5 as Popover, index_parts_exports$6 as Poster, QualityRadioGroupLegacy as QualityRadioGroup, SeekButton, index_parts_exports$7 as SeekIndicator, index_parts_exports$8 as Slider, StatusAnnouncer, index_parts_exports$9 as StatusIndicator, Text, index_parts_exports$10 as Thumbnail, index_parts_exports$11 as Time, index_parts_exports$12 as TimeSlider, Title, index_parts_exports$13 as Tooltip, index_parts_exports$14 as VolumeIndicator, index_parts_exports$15 as VolumePopover, index_parts_exports$16 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaEvents, useMediaExtension, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };

package/dist/dev/internal/skins/default-audio/components/buttons/mute-button.js

@@ -3,21 +3,73 @@ import ForwardRef from "../../../../../icons/dist/react/default/volume-high.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/default/volume-low.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/default/volume-off.js";
 import { Button } from "../../../shared/components/buttons/button.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";
 //#region src/internal/skins/default-audio/components/buttons/mute-button.tsx
 /** @jsxImportSource react */
-function MuteButton({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(MuteButton$1, {
-		render: /* @__PURE__ */ jsx(Button, {}),
-		className: (state) => cn("media-mute-button", resolveClassName(className, state)),
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(ForwardRef$2, { className: cn("media-button-icon", "media-mute-button-off-icon") }),
-			/* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-mute-button-low-icon") }),
-			/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-mute-button-high-icon") })
-		]
-	});
+function MuteButton(t0) {
+	const $ = c(14);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = (state) => cn("media-mute-button", resolveClassName(className, state));
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(ForwardRef$2, { className: cn("media-button-icon", "media-mute-button-off-icon") });
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-mute-button-low-icon") });
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-mute-button-high-icon") });
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== props || $[12] !== t3) {
+		t7 = /* @__PURE__ */ jsxs(MuteButton$1, {
+			render: t2,
+			className: t3,
+			...props,
+			children: [
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[11] = props;
+		$[12] = t3;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
 }
 //#endregion
 export { MuteButton };

package/dist/dev/internal/skins/default-audio/components/buttons/mute-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"mute-button.js","names":["MuteButtonPrimitive","VolumeOffIconPrimitive","VolumeLowIconPrimitive","VolumeHighIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-audio/components/buttons/mute-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeOffIcon as VolumeOffIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeHighIcon as VolumeHighIconPrimitive,\n} from '../../../../../icons/index';\nimport { MuteButton as MuteButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type MuteButtonProps = Omit<MuteButtonPrimitive.Props, 'children'>;\n\nexport function MuteButton({ className, ...props }: MuteButtonProps = {}) {\n  return (\n    <MuteButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-mute-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeOffIconPrimitive className={cn('media-button-icon', 'media-mute-button-off-icon')} />\n      <VolumeLowIconPrimitive className={cn('media-button-icon', 'media-mute-button-low-icon')} />\n      <VolumeHighIconPrimitive className={cn('media-button-icon', 'media-mute-button-high-icon')} />\n    </MuteButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA;GAKE,oBAACC,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;GAC3F,oBAACC,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;GAC3F,oBAACC,YAAD,EAAyB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;EAC1E;;AAEzB"}
+{"version":3,"file":"mute-button.js","names":["{ className, ...props }: MuteButtonProps = {}","<Button />","(state) => cn('media-mute-button', resolveClassName(className, state))","<VolumeOffIconPrimitive className={cn('media-button-icon', 'media-mute-button-off-icon')} />","<VolumeLowIconPrimitive className={cn('media-button-icon', 'media-mute-button-low-icon')} />","<VolumeHighIconPrimitive className={cn('media-button-icon', 'media-mute-button-high-icon')} />","<MuteButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-mute-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeOffIconPrimitive className={cn('media-button-icon', 'media-mute-button-off-icon')} />\n      <VolumeLowIconPrimitive className={cn('media-button-icon', 'media-mute-button-low-icon')} />\n      <VolumeHighIconPrimitive className={cn('media-button-icon', 'media-mute-button-high-icon')} />\n    </MuteButtonPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-audio/components/buttons/mute-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeOffIcon as VolumeOffIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeHighIcon as VolumeHighIconPrimitive,\n} from '../../../../../icons/index';\nimport { MuteButton as MuteButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type MuteButtonProps = Omit<MuteButtonPrimitive.Props, 'children'>;\n\nexport function MuteButton({ className, ...props }: MuteButtonProps = {}) {\n  return (\n    <MuteButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-mute-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeOffIconPrimitive className={cn('media-button-icon', 'media-mute-button-off-icon')} />\n      <VolumeLowIconPrimitive className={cn('media-button-icon', 'media-mute-button-low-icon')} />\n      <VolumeHighIconPrimitive className={cn('media-button-icon', 'media-mute-button-high-icon')} />\n    </MuteButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,WAAA,IAA0D;;CAA/CA,IAAAA;;EAA2C,KAAA,OAAA,KAAA,IAAA,CAAC,IAA5CA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGbC,IAAAA;;EAAC,KAAA,oBAAA,QAAD,CAAS,CAAA;;;CACNC,IAAAA;CAAoD,IAAA,EAAA,OAAA,WAAA;EAApD,MAAC,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAG/DC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;;;CAC3FC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;;;CAC3FC,IAAAA;;EAAC,KAAA,oBAAA,YAAD,EAAyB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;;;CAP/FC,IAAAA;CAGM,IAAA,EAAA,QAAA,SAAA,EAAA,QADOJ,IAAAA;EAFb,KAAA,qBAAC,cAAD;GACE,QAAQD;GACR,WAAWC;GACX,GAAI;GAHN,UAAA;IAKEC;IACAC;IACAC;GACmB;;EALf,EAAA,MAAA;EADOH,EAAAA,MAAAA;;;CAHf,OACEI;AAUJ"}

package/dist/dev/internal/skins/default-audio/components/buttons/play-button.js

@@ -3,21 +3,73 @@ import ForwardRef from "../../../../../icons/dist/react/default/pause.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/default/play.js";
 import ForwardRef$2 from "../../../../../icons/dist/react/default/restart.js";
 import { Button } from "../../../shared/components/buttons/button.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";
 //#region src/internal/skins/default-audio/components/buttons/play-button.tsx
 /** @jsxImportSource react */
-function PlayButton({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(PlayButton$1, {
-		render: /* @__PURE__ */ jsx(Button, {}),
-		className: (state) => cn("media-play-button", resolveClassName(className, state)),
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(ForwardRef$2, { className: cn("media-button-icon", "media-play-button-restart-icon") }),
-			/* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-play-button-play-icon") }),
-			/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-play-button-pause-icon") })
-		]
-	});
+function PlayButton(t0) {
+	const $ = c(14);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = (state) => cn("media-play-button", resolveClassName(className, state));
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(ForwardRef$2, { className: cn("media-button-icon", "media-play-button-restart-icon") });
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-play-button-play-icon") });
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-play-button-pause-icon") });
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== props || $[12] !== t3) {
+		t7 = /* @__PURE__ */ jsxs(PlayButton$1, {
+			render: t2,
+			className: t3,
+			...props,
+			children: [
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[11] = props;
+		$[12] = t3;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
 }
 //#endregion
 export { PlayButton };

package/dist/dev/internal/skins/default-audio/components/buttons/play-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"play-button.js","names":["PlayButtonPrimitive","RestartIconPrimitive","PlayIconPrimitive","PauseIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-audio/components/buttons/play-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  RestartIcon as RestartIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/index';\nimport { PlayButton as PlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type PlayButtonProps = Omit<PlayButtonPrimitive.Props, 'children'>;\n\nexport function PlayButton({ className, ...props }: PlayButtonProps = {}) {\n  return (\n    <PlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-play-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <RestartIconPrimitive className={cn('media-button-icon', 'media-play-button-restart-icon')} />\n      <PlayIconPrimitive className={cn('media-button-icon', 'media-play-button-play-icon')} />\n      <PauseIconPrimitive className={cn('media-button-icon', 'media-play-button-pause-icon')} />\n    </PlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA;GAKE,oBAACC,cAAD,EAAsB,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA;GAC7F,oBAACC,cAAD,EAAmB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;GACvF,oBAACC,YAAD,EAAoB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA;EACtE;;AAEzB"}
+{"version":3,"file":"play-button.js","names":["{ className, ...props }: PlayButtonProps = {}","<Button />","(state) => cn('media-play-button', resolveClassName(className, state))","<RestartIconPrimitive className={cn('media-button-icon', 'media-play-button-restart-icon')} />","<PlayIconPrimitive className={cn('media-button-icon', 'media-play-button-play-icon')} />","<PauseIconPrimitive className={cn('media-button-icon', 'media-play-button-pause-icon')} />","<PlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-play-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <RestartIconPrimitive className={cn('media-button-icon', 'media-play-button-restart-icon')} />\n      <PlayIconPrimitive className={cn('media-button-icon', 'media-play-button-play-icon')} />\n      <PauseIconPrimitive className={cn('media-button-icon', 'media-play-button-pause-icon')} />\n    </PlayButtonPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-audio/components/buttons/play-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  RestartIcon as RestartIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/index';\nimport { PlayButton as PlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type PlayButtonProps = Omit<PlayButtonPrimitive.Props, 'children'>;\n\nexport function PlayButton({ className, ...props }: PlayButtonProps = {}) {\n  return (\n    <PlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-play-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <RestartIconPrimitive className={cn('media-button-icon', 'media-play-button-restart-icon')} />\n      <PlayIconPrimitive className={cn('media-button-icon', 'media-play-button-play-icon')} />\n      <PauseIconPrimitive className={cn('media-button-icon', 'media-play-button-pause-icon')} />\n    </PlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,WAAA,IAA0D;;CAA/CA,IAAAA;;EAA2C,KAAA,OAAA,KAAA,IAAA,CAAC,IAA5CA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGbC,IAAAA;;EAAC,KAAA,oBAAA,QAAD,CAAS,CAAA;;;CACNC,IAAAA;CAAoD,IAAA,EAAA,OAAA,WAAA;EAApD,MAAC,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAG/DC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAAsB,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA;;;CAC7FC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAAmB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;;;CACvFC,IAAAA;;EAAC,KAAA,oBAAA,YAAD,EAAoB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA;;;CAP3FC,IAAAA;CAGM,IAAA,EAAA,QAAA,SAAA,EAAA,QADOJ,IAAAA;EAFb,KAAA,qBAAC,cAAD;GACE,QAAQD;GACR,WAAWC;GACX,GAAI;GAHN,UAAA;IAKEC;IACAC;IACAC;GACmB;;EALf,EAAA,MAAA;EADOH,EAAAA,MAAAA;;;CAHf,OACEI;AAUJ"}

package/dist/dev/internal/skins/default-audio/components/buttons/seek-button.js

@@ -1,24 +1,107 @@
 import { SeekButton as SeekButton$1 } from "../../../../../ui/seek-button/component.js";
 import ForwardRef from "../../../../../icons/dist/react/default/seek.js";
 import { Button } from "../../../shared/components/buttons/button.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";
 //#region src/internal/skins/default-audio/components/buttons/seek-button.tsx
 /** @jsxImportSource react */
-function SeekButton({ className, seconds = 10, ...props } = {}) {
-	return /* @__PURE__ */ jsx(SeekButton$1, {
-		render: /* @__PURE__ */ jsx(Button, {}),
-		className: (state) => cn("media-seek-button", resolveClassName(className, state)),
-		seconds,
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
+function SeekButton(t0) {
+	const $ = c(28);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	let t2;
+	if ($[2] !== t1) {
+		({className, seconds: t2, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+		$[5] = t2;
+	} else {
+		className = $[3];
+		props = $[4];
+		t2 = $[5];
+	}
+	const seconds = t2 === void 0 ? 10 : t2;
+	let t3;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Button, {});
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== className) {
+		t4 = (state) => cn("media-seek-button", resolveClassName(className, state));
+		$[7] = className;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = seconds < 0 && "media-seek-button-backward-icon";
+	let t6;
+	if ($[9] !== t5) {
+		t6 = cn("media-button-icon", t5);
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== t6) {
+		t7 = /* @__PURE__ */ jsx(ForwardRef, { className: t6 });
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	const t8 = seconds < 0 ? "media-seek-button-backward-label" : "media-seek-button-forward-label";
+	let t9;
+	if ($[13] !== t8) {
+		t9 = cn("media-seek-button-label", t8);
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== seconds) {
+		t10 = Math.abs(seconds);
+		$[15] = seconds;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== t10 || $[18] !== t9) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: t9,
+			children: t10
+		});
+		$[17] = t10;
+		$[18] = t9;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== t11 || $[21] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
 			className: "media-seek-button-content",
-			children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", seconds < 0 && "media-seek-button-backward-icon") }), /* @__PURE__ */ jsx("span", {
-				className: cn("media-seek-button-label", seconds < 0 ? "media-seek-button-backward-label" : "media-seek-button-forward-label"),
-				children: Math.abs(seconds)
-			})]
-		})
-	});
+			children: [t7, t11]
+		});
+		$[20] = t11;
+		$[21] = t7;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] !== props || $[24] !== seconds || $[25] !== t12 || $[26] !== t4) {
+		t13 = /* @__PURE__ */ jsx(SeekButton$1, {
+			render: t3,
+			className: t4,
+			seconds,
+			...props,
+			children: t12
+		});
+		$[23] = props;
+		$[24] = seconds;
+		$[25] = t12;
+		$[26] = t4;
+		$[27] = t13;
+	} else t13 = $[27];
+	return t13;
 }
 //#endregion
 export { SeekButton };

package/dist/dev/internal/skins/default-audio/components/buttons/seek-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"seek-button.js","names":["SeekButtonPrimitive","SeekIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-audio/components/buttons/seek-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SeekIcon as SeekIconPrimitive } from '../../../../../icons/index';\nimport { SeekButton as SeekButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type SeekButtonProps = Omit<SeekButtonPrimitive.Props, 'children'>;\n\nexport function SeekButton({ className, seconds = 10, ...props }: SeekButtonProps = {}) {\n  return (\n    <SeekButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-seek-button', resolveClassName(className, state))}\n      seconds={seconds}\n      {...props}\n    >\n      <div className={'media-seek-button-content'}>\n        <SeekIconPrimitive className={cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')} />\n        <span\n          className={cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )}\n        >\n          {Math.abs(seconds)}\n        </span>\n      </div>\n    </SeekButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,WAAW,EAAE,WAAW,UAAU,IAAI,GAAG,UAA2B,CAAC,GAAG;CACtF,OACE,oBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EACvE;EACT,GAAI;EAEJ,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACE,oBAACC,YAAD,EAAmB,WAAW,GAAG,qBAAqB,UAAU,KAAK,iCAAiC,EAAI,CAAA,GAC1G,oBAAC,QAAD;IACE,WAAW,GACT,2BACA,UAAU,IAAI,qCAAqC,iCACrD;IAEC,UAAA,KAAK,IAAI,OAAO;GACb,CAAA,CACH;;CACc,CAAA;AAEzB"}
+{"version":3,"file":"seek-button.js","names":["{ className, seconds = 10, ...props }: SeekButtonProps = {}","seconds = 10","<Button />","(state) => cn('media-seek-button', resolveClassName(className, state))","cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')","seconds < 0 && 'media-seek-button-backward-icon'","<SeekIconPrimitive className={cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')} />","cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )","seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'","Math.abs(seconds)","<span\n          className={cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )}\n        >\n          {Math.abs(seconds)}\n        </span>","<div className={'media-seek-button-content'}>\n        <SeekIconPrimitive className={cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')} />\n        <span\n          className={cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )}\n        >\n          {Math.abs(seconds)}\n        </span>\n      </div>","<SeekButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-seek-button', resolveClassName(className, state))}\n      seconds={seconds}\n      {...props}\n    >\n      <div className={'media-seek-button-content'}>\n        <SeekIconPrimitive className={cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')} />\n        <span\n          className={cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )}\n        >\n          {Math.abs(seconds)}\n        </span>\n      </div>\n    </SeekButtonPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-audio/components/buttons/seek-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport { SeekIcon as SeekIconPrimitive } from '../../../../../icons/index';\nimport { SeekButton as SeekButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type SeekButtonProps = Omit<SeekButtonPrimitive.Props, 'children'>;\n\nexport function SeekButton({ className, seconds = 10, ...props }: SeekButtonProps = {}) {\n  return (\n    <SeekButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-seek-button', resolveClassName(className, state))}\n      seconds={seconds}\n      {...props}\n    >\n      <div className={'media-seek-button-content'}>\n        <SeekIconPrimitive className={cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')} />\n        <span\n          className={cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )}\n        >\n          {Math.abs(seconds)}\n        </span>\n      </div>\n    </SeekButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,WAAA,IAAwE;;CAA7DA,IAAAA;;EAAyD,KAAA,OAAA,KAAA,IAAA,CAAC,IAA1DA;;;;CAAE,IAAA;CAA4B,IAAA;CAAjBC,IAAAA;CAAbD,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,WAAW,SAAA,OAAc,SAA3BA;;;;;;;;;;CAAa,MAAA,UAAA,OAAA,KAAA,IAAU,KAAVC;CAG1BC,IAAAA;;EAAC,KAAA,oBAAA,QAAD,CAAS,CAAA;;;CACNC,IAAAA;CAAoD,IAAA,EAAA,OAAA,WAAA;EAApD,MAAC,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAKP,MAAA,KAAA,UAAU,KAAK;CAAvCC,IAAAA;CAAwBC,IAAAA,EAAAA,OAAAA,IAAAA;EAAxB,KAAA,GAAG,qBAAqBA,EAAgD;EAAhDA,EAAAA,KAAAA;;;CAAtDC,IAAAA;CAA8BF,IAAAA,EAAAA,QAAAA,IAAAA;EAA9B,KAAA,oBAAC,YAAD,EAAmB,WAAWA,GAA4E,CAAA;EAA5EA,EAAAA,MAAAA;;;CAI1B,MAAA,KAAA,UAAU,IAAI,qCAAqC;CAF1CG,IAAAA;CAETC,IAAAA,EAAAA,QAAAA,IAAAA;EAFS,KAAA,GACT,2BACAA,EACF;EADEA,EAAAA,MAAAA;;;CAGDC,IAAAA;CAAS,IAAA,EAAA,QAAA,SAAA;EAAT,MAAA,KAAK,IAAI,OAAO;EAAP,EAAA,MAAA;;;CANZC,IAAAA;CAMGD,IAAAA,EAAAA,QAAAA,OAAAA,EAAAA,QALUF,IAAAA;EADb,MAAA,oBAAC,QAAD;GACE,WAAWA;GAKVE,UAAAA;EACG,CAAA;EADHA,EAAAA,MAAAA;EALUF,EAAAA,MAAAA;;;CAHfI,IAAAA;CAEED,IAAAA,EAAAA,QAAAA,OAAAA,EAAAA,QADAJ,IAAAA;EADF,MAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACEA,IACAI,GAQG;;EARHA,EAAAA,MAAAA;EADAJ,EAAAA,MAAAA;;;CAPJM,IAAAA;CAIM,IAAA,EAAA,QAAA,SAAA,EAAA,QADK,WAAA,EAAA,QAGTD,OAAAA,EAAAA,QAJWR,IAAAA;EAFb,MAAA,oBAAC,cAAD;GACE,QAAQD;GACR,WAAWC;GACF;GACT,GAAI;GAEJQ,UAAAA;EAWmB,CAAA;EAbf,EAAA,MAAA;EADK,EAAA,MAAA;EAGTA,EAAAA,MAAAA;EAJWR,EAAAA,MAAAA;;;CAHf,OACES;AAmBJ"}

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

@@ -0,0 +1,54 @@
+import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/component.js";
+import ForwardRef from "../../../../../icons/dist/react/default/spinner.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/default-audio/components/display/buffering-indicator.tsx
+/** @jsxImportSource react */
+function BufferingIndicator(t0) {
+	const $ = c(11);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] !== className) {
+		t2 = (state) => cn("media-buffering-indicator", resolveClassName(className, state));
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(ForwardRef, { className: "media-buffering-indicator-spinner-icon" });
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== props || $[9] !== t2) {
+		t4 = /* @__PURE__ */ jsx(BufferingIndicator$1, {
+			className: t2,
+			...props,
+			children: t3
+		});
+		$[8] = props;
+		$[9] = t2;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { BufferingIndicator };
+
+//# sourceMappingURL=buffering-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buffering-indicator.js","names":["{ className, ...props }: BufferingIndicatorProps = {}","(state) => cn('media-buffering-indicator', resolveClassName(className, state))","<SpinnerIconPrimitive className={'media-buffering-indicator-spinner-icon'} />","<BufferingIndicatorPrimitive\n      className={(state) => cn('media-buffering-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <SpinnerIconPrimitive className={'media-buffering-indicator-spinner-icon'} />\n    </BufferingIndicatorPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-audio/components/display/buffering-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { 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":";;;;;;;AAUA,SAAgB,mBAAA,IAA0E;;CAAvDA,IAAAA;;EAAmD,KAAA,OAAA,KAAA,IAAA,CAAC,IAApDA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGlBC,IAAAA;CAA4D,IAAA,EAAA,OAAA,WAAA;EAA5D,MAAC,UAAU,GAAG,6BAA6B,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAGvEC,IAAAA;;EAAC,KAAA,oBAAA,YAAD,EAAsB,WAAW,yCAA2C,CAAA;;;CAJ9EC,IAAAA;CAEM,IAAA,EAAA,OAAA,SAAA,EAAA,OADOF,IAAAA;EADb,KAAA,oBAAC,sBAAD;GACE,WAAWA;GACX,GAAI;GAEJC,UAAAA;EAC2B,CAAA;EAHvB,EAAA,KAAA;EADOD,EAAAA,KAAAA;;;CAFf,OACEE;AAOJ"}