@videojs/react 10.0.0-beta.24 → 10.0.0-beta.26

package/docs/reference/use-translator.md

@@ -0,0 +1,119 @@
+# useTranslator
+
+React hook that returns the typed translator for the nearest I18nProvider
+
+`useTranslator` returns the translator from the nearest [`I18nProvider`](./i18n-provider.md). Control components pass text descriptors from core `getLabel()`. Custom UI can pass an opaque key with its English fallback.
+
+When no provider is mounted, the hook falls back to English registry strings so standalone demos do not throw.
+
+## Example
+
+Switch the provider locale to see `useTranslator` resolve a simple key and a parameterized key from the nearest provider.
+
+LanguageSpanishFrench
+
+Button
+
+Reproducir
+
+Parameterized
+
+Adelantar 10 segundos
+
+App.tsx
+
+App.css
+
+```
+import { I18nProvider, useTranslator } from '@videojs/react/i18n';
+import { useState } from 'react';
+
+import './BasicUsage.css';
+
+const translations = {
+  es: {
+    buttons: { play: 'Reproducir' },
+    seek: { forward: 'Adelantar {seconds} segundos' },
+  },
+  fr: {
+    buttons: { play: 'Lire' },
+    seek: { forward: 'Avancer de {seconds} secondes' },
+  },
+} as const;
+
+type Locale = keyof typeof translations;
+
+function Labels() {
+  const t = useTranslator();
+
+  return (
+    <dl className="react-use-translator-basic__output">
+      <div>
+        <dt>Button</dt>
+        <dd>{t('buttons.play', { default: 'Play' })}</dd>
+      </div>
+      <div>
+        <dt>Parameterized</dt>
+        <dd>{t('seek.forward', { seconds: 10, default: 'Seek forward {seconds} seconds' })}</dd>
+      </div>
+    </dl>
+  );
+}
+
+export default function BasicUsage() {
+  const [locale, setLocale] = useState<Locale>('es');
+
+  return (
+    <div className="react-use-translator-basic">
+      <label>
+        Language
+        <select value={locale} onChange={(event) => setLocale(event.currentTarget.value as Locale)}>
+          <option value="es">Spanish</option>
+          <option value="fr">French</option>
+        </select>
+      </label>
+      <I18nProvider locale={locale} translations={translations[locale]}>
+        <Labels />
+      </I18nProvider>
+    </div>
+  );
+}
+```
+```
+.react-use-translator-basic {
+  display: grid;
+  gap: 16px;
+  padding: 16px;
+}
+
+.react-use-translator-basic label,
+.react-use-translator-basic__output div {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.react-use-translator-basic select {
+  padding: 4px 8px;
+}
+
+.react-use-translator-basic__output {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+}
+
+.react-use-translator-basic__output dt {
+  color: #6b7280;
+}
+
+.react-use-translator-basic__output dd {
+  margin: 0;
+}
+```
+
+## API Reference
+
+### Return Value
+
+`Translator`

package/docs/reference/volume-slider.md

@@ -30,7 +30,7 @@ css
 
 ## Accessibility
 
-Renders with `role="slider"` and automatic `aria-label` of “Volume”. Override with the `label` prop. Keyboard controls:
+Renders with `role="slider"` and an automatic `aria-label` that resolves to “Volume” from the active locale. Override with the `label` prop. Keyboard controls:
 
 *   Arrow Left / Arrow Right: step by `step` increment
 *   Page Up / Page Down: step by `largeStep` increment
@@ -39,7 +39,7 @@ Renders with `role="slider"` and automatic `aria-label` of “Volume”. Overrid
 
 Scroll wheel support:
 
-*   **Mouse wheel / trackpad scroll** : adjusts volume by `wheelStep` increment (default `5`)
+*   **Mouse wheel / trackpad scroll**: adjusts volume by `wheelStep` increment (default `5`)
 
 ## Examples
 
@@ -63,13 +63,7 @@ export default function WithParts() {
   return (
     <Player.Provider>
       <Player.Container className="media-container">
-        <Video
-          src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
-          autoPlay
-          muted
-          playsInline
-          loop
-        />
+        <Video src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4" autoPlay muted playsInline loop />
         <MuteButton
           className="media-mute-button"
           render={(props, state) => <button {...props}>{state.muted ? 'Unmute' : 'Mute'}</button>}
@@ -217,9 +211,9 @@ Whether the slider is non-interactive.
 
 `label`
 
-`string | function`
+`Text | string | Text) | function`
 
-`'Volume'`
+`''`
 
 ▸
 
@@ -229,7 +223,7 @@ Custom label for the slider.
 
 Type
 
-`string | ((state: SliderState) => string)`
+`Text | string | ((state: SliderState) => string | Text)`
 
 `largeStep`
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/react",
   "type": "module",
-  "version": "10.0.0-beta.24",
+  "version": "10.0.0-beta.26",
   "description": "React library for building media players",
   "license": "Apache-2.0",
   "repository": {
@@ -12,7 +12,9 @@
   "main": "dist/default/index.js",
   "module": "dist/default/index.js",
   "types": "dist/dev/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/*/i18n/locales/*/register.js"
+  ],
   "files": [
     "dist",
     "docs"
@@ -93,6 +95,16 @@
       "types": "./dist/dev/presets/live-audio/*.d.ts",
       "development": "./dist/dev/presets/live-audio/*.js",
       "default": "./dist/default/presets/live-audio/*.js"
+    },
+    "./i18n": {
+      "types": "./dist/dev/i18n/index.d.ts",
+      "development": "./dist/dev/i18n/index.js",
+      "default": "./dist/default/i18n/index.js"
+    },
+    "./i18n/locales/*": {
+      "types": "./dist/dev/i18n/locales/*.d.ts",
+      "development": "./dist/dev/i18n/locales/*.js",
+      "default": "./dist/default/i18n/locales/*.js"
     }
   },
   "peerDependencies": {
@@ -100,21 +112,22 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@videojs/core": "10.0.0-beta.24",
-    "@videojs/store": "10.0.0-beta.24",
-    "@videojs/utils": "10.0.0-beta.24",
-    "@videojs/spf": "10.0.0-beta.24"
+    "@videojs/core": "10.0.0-beta.26",
+    "@videojs/media": "10.0.0-beta.26",
+    "@videojs/spf": "10.0.0-beta.26",
+    "@videojs/store": "10.0.0-beta.26",
+    "@videojs/utils": "10.0.0-beta.26"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "jsdom": "^26.1.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "tsdown": "^0.21.9",
-    "vitest": "^4.1.0",
-    "@videojs/icons": "10.0.0-beta.24",
-    "@videojs/skins": "10.0.0-beta.24"
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tsdown": "^0.22.14",
+    "vitest": "^4.1.10",
+    "@videojs/icons": "10.0.0-beta.26",
+    "@videojs/skins": "10.0.0-beta.26"
   },
   "publishConfig": {
     "access": "public"

package/dist/default/media/dash-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DashMediaProps } from '@videojs/core/dom/media/dash';\nimport { DashMedia, dashMediaDefaultProps } from '@videojs/core/dom/media/dash';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>,\n    Partial<DashMediaProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, dashMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,UAAU;AAKzC,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,sBAAsB;EAI9D;EACK,CAAA;EAEV"}

package/dist/default/media/hls-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/core/dom/media/hls';\nimport { HlsMedia, hlsMediaDefaultProps } from '@videojs/core/dom/media/hls';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>,\n    Partial<HlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,SAAS;AAKxC,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}

package/dist/default/media/mux-audio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"sourcesContent":["'use client';\n\nimport type { MuxMediaProps } from '@videojs/core/dom/media/mux';\nimport { MuxAudioMedia, muxMediaDefaultProps } from '@videojs/core/dom/media/mux';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof MuxMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxMediaDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,cAAc;AAK7C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}

package/dist/default/media/mux-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { MuxMediaProps } from '@videojs/core/dom/media/mux';\nimport { MuxVideoMedia, muxMediaDefaultProps } from '@videojs/core/dom/media/mux';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface MuxVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof MuxMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxVideoMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,cAAc;AAK7C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}

package/dist/default/media/native-hls-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { NativeHlsMediaProps } from '@videojs/core/dom/media/native-hls';\nimport { NativeHlsMedia, nativeHlsMediaDefaultProps } from '@videojs/core/dom/media/native-hls';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface NativeHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof NativeHlsMediaProps>,\n    Partial<NativeHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(NativeHlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, nativeHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace NativeHlsVideo {\n  export type Props = NativeHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,eAAe;AAK9C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,2BAA2B;EAInE;EACK,CAAA;EAEV"}

package/dist/default/media/simple-hls-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsMedia } from '@videojs/core/dom/media/simple-hls';\nimport type { SimpleHlsMediaProps } from '@videojs/spf/hls';\nimport { simpleHlsMediaDefaultProps } from '@videojs/spf/hls';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface SimpleHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof SimpleHlsMediaProps>,\n    Partial<SimpleHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const SimpleHlsVideo = forwardRef<HTMLVideoElement, SimpleHlsVideoProps>(function SimpleHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(SimpleHlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, simpleHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace SimpleHlsVideo {\n  export type Props = SimpleHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,eAAe;AAK9C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,2BAA2B;EAInE;EACK,CAAA;EAEV"}

package/dist/default/skins/dist/default/default/tailwind/components/preview.js

@@ -1,12 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/default/tailwind/components/preview.js
-const preview = {
-	root: cn("group/preview pointer-events-none bg-black/90 rounded-xl"),
-	thumbnail: cn("block relative overflow-clip rounded-[inherit]", "transition-opacity duration-150 ease-out", "after:absolute after:inset-0 after:rounded-[inherit]", "after:bg-linear-to-t after:from-black/80 after:via-black/30 after:to-black/0", "data-loading:opacity-0"),
-	time: "absolute bottom-2 inset-x-0 text-center tabular-nums",
-	spinner: cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0", "transition-opacity duration-150 ease-out", "group-not-has-[[role=img][data-loading]]/preview:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/preview:opacity-100")
-};
-//#endregion
-export { preview };
-
-//# sourceMappingURL=preview.js.map

package/dist/default/skins/dist/default/default/tailwind/components/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/preview.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/preview.ts\nconst preview = {\n\troot: cn(\"group/preview pointer-events-none bg-black/90 rounded-xl\"),\n\tthumbnail: cn(\"block relative overflow-clip rounded-[inherit]\", \"transition-opacity duration-150 ease-out\", \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:bg-linear-to-t after:from-black/80 after:via-black/30 after:to-black/0\", \"data-loading:opacity-0\"),\n\ttime: \"absolute bottom-2 inset-x-0 text-center tabular-nums\",\n\tspinner: cn(\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0\", \"transition-opacity duration-150 ease-out\", \"group-not-has-[[role=img][data-loading]]/preview:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/preview:opacity-100\")\n};\n//#endregion\nexport { preview };\n\n//# sourceMappingURL=preview.js.map"],"mappings":";;AAEA,MAAM,UAAU;CACf,MAAM,GAAG,2DAA2D;CACpE,WAAW,GAAG,kDAAkD,4CAA4C,wDAAwD,gFAAgF,yBAAyB;CAC7Q,MAAM;CACN,SAAS,GAAG,yEAAyE,4CAA4C,6IAA6I;CAC9Q"}

package/dist/default/skins/dist/default/minimal/tailwind/components/preview.js

@@ -1,13 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/minimal/tailwind/components/preview.js
-const preview = {
-	root: "group/preview pointer-events-none",
-	thumbnailWrapper: "relative rounded-lg bg-black/90",
-	thumbnail: cn("block rounded-[inherit] transition-opacity duration-150 ease-out", "data-loading:opacity-0"),
-	time: "mt-2 block text-center tabular-nums",
-	spinner: cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0", "transition-opacity duration-150 ease-out", "group-not-has-[[role=img][data-loading]]/preview:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/preview:opacity-100")
-};
-//#endregion
-export { preview };
-
-//# sourceMappingURL=preview.js.map

package/dist/default/skins/dist/default/minimal/tailwind/components/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/preview.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/preview.ts\nconst preview = {\n\troot: \"group/preview pointer-events-none\",\n\tthumbnailWrapper: \"relative rounded-lg bg-black/90\",\n\tthumbnail: cn(\"block rounded-[inherit] transition-opacity duration-150 ease-out\", \"data-loading:opacity-0\"),\n\ttime: \"mt-2 block text-center tabular-nums\",\n\tspinner: cn(\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0\", \"transition-opacity duration-150 ease-out\", \"group-not-has-[[role=img][data-loading]]/preview:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/preview:opacity-100\")\n};\n//#endregion\nexport { preview };\n\n//# sourceMappingURL=preview.js.map"],"mappings":";;AAEA,MAAM,UAAU;CACf,MAAM;CACN,kBAAkB;CAClB,WAAW,GAAG,oEAAoE,yBAAyB;CAC3G,MAAM;CACN,SAAS,GAAG,yEAAyE,4CAA4C,6IAA6I;CAC9Q"}

package/dist/default/ui/hotkey/use-aria-key-shortcuts.js

@@ -1,16 +0,0 @@
-"use client";
-import { useContainer } from "../../player/context.js";
-import { findHotkeyCoordinator } from "@videojs/core/dom";
-import { useMemo } from "react";
-//#region src/ui/hotkey/use-aria-key-shortcuts.ts
-function useAriaKeyShortcuts(action) {
-	const container = useContainer();
-	return useMemo(() => {
-		if (!container || !action) return void 0;
-		return findHotkeyCoordinator(container)?.getAriaKeys(action);
-	}, [container, action]);
-}
-//#endregion
-export { useAriaKeyShortcuts };
-
-//# sourceMappingURL=use-aria-key-shortcuts.js.map

package/dist/default/ui/hotkey/use-aria-key-shortcuts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-aria-key-shortcuts.js","names":[],"sources":["../../../../src/ui/hotkey/use-aria-key-shortcuts.ts"],"sourcesContent":["'use client';\n\nimport { findHotkeyCoordinator } from '@videojs/core/dom';\nimport { useMemo } from 'react';\n\nimport { useContainer } from '../../player/context';\n\nexport function useAriaKeyShortcuts(action: string | undefined): string | undefined {\n  const container = useContainer();\n  return useMemo(() => {\n    if (!container || !action) return undefined;\n    return findHotkeyCoordinator(container)?.getAriaKeys(action);\n  }, [container, action]);\n}\n"],"mappings":";;;;;AAOA,SAAgB,oBAAoB,QAAgD;CAClF,MAAM,YAAY,cAAc;AAChC,QAAO,cAAc;AACnB,MAAI,CAAC,aAAa,CAAC,OAAQ,QAAO,KAAA;AAClC,SAAO,sBAAsB,UAAU,EAAE,YAAY,OAAO;IAC3D,CAAC,WAAW,OAAO,CAAC"}

package/dist/default/ui/menu/menu-label.js

@@ -1,23 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/menu/menu-label.tsx
-/** Non-interactive label for a group of items. Renders a `<div>`. */
-const MenuLabel = forwardRef(function MenuLabel({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state, stateAttrMap } = useMenuContext();
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef],
-		props: [elementProps]
-	});
-});
-//#endregion
-export { MenuLabel };
-
-//# sourceMappingURL=menu-label.js.map

package/dist/default/ui/menu/menu-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-label.js","names":[],"sources":["../../../../src/ui/menu/menu-label.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuContext } from './context';\n\nexport interface MenuLabelProps extends UIComponentProps<'div', MenuState> {}\n\n/** Non-interactive label for a group of items. Renders a `<div>`. */\nexport const MenuLabel = forwardRef<HTMLDivElement, MenuLabelProps>(function MenuLabel(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state, stateAttrMap } = useMenuContext();\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef],\n      props: [elementProps],\n    }\n  );\n});\n\nexport namespace MenuLabel {\n  export type Props = MenuLabelProps;\n  export type State = MenuState;\n}\n"],"mappings":";;;;;;AAYA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,OAAO,iBAAiB,gBAAgB;AAEhD,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA;EACA,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC,aAAa;EACtB,CACF;EACD"}

package/dist/default/ui/playback-rate-menu/context.js

@@ -1,20 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/playback-rate-menu/context.tsx
-const PlaybackRateMenuContext = createContext(null);
-function PlaybackRateMenuProvider({ value, children }) {
-	return /* @__PURE__ */ jsx(PlaybackRateMenuContext.Provider, {
-		value,
-		children
-	});
-}
-function usePlaybackRateMenuContext() {
-	const ctx = useContext(PlaybackRateMenuContext);
-	if (!ctx) throw new Error("PlaybackRateMenu compound components must be used within a PlaybackRateMenu.Root");
-	return ctx;
-}
-//#endregion
-export { PlaybackRateMenuProvider, usePlaybackRateMenuContext };
-
-//# sourceMappingURL=context.js.map

package/dist/default/ui/playback-rate-menu/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/playback-rate-menu/context.tsx"],"sourcesContent":["'use client';\n\nimport type { MediaPlaybackRateState, PlaybackRateMenuCore } from '@videojs/core';\nimport { createContext, useContext } from 'react';\n\nexport interface PlaybackRateMenuContextValue {\n  core: PlaybackRateMenuCore;\n  media: MediaPlaybackRateState;\n  state: PlaybackRateMenuCore.State;\n}\n\nconst PlaybackRateMenuContext = createContext<PlaybackRateMenuContextValue | null>(null);\n\nexport function PlaybackRateMenuProvider({\n  value,\n  children,\n}: {\n  value: PlaybackRateMenuContextValue;\n  children: React.ReactNode;\n}): React.ReactNode {\n  return <PlaybackRateMenuContext.Provider value={value}>{children}</PlaybackRateMenuContext.Provider>;\n}\n\nexport function usePlaybackRateMenuContext(): PlaybackRateMenuContextValue {\n  const ctx = useContext(PlaybackRateMenuContext);\n  if (!ctx) throw new Error('PlaybackRateMenu compound components must be used within a PlaybackRateMenu.Root');\n  return ctx;\n}\n"],"mappings":";;;;AAWA,MAAM,0BAA0B,cAAmD,KAAK;AAExF,SAAgB,yBAAyB,EACvC,OACA,YAIkB;AAClB,QAAO,oBAAC,wBAAwB,UAAzB;EAAyC;EAAQ;EAA4C,CAAA;;AAGtG,SAAgB,6BAA2D;CACzE,MAAM,MAAM,WAAW,wBAAwB;AAC/C,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,mFAAmF;AAC7G,QAAO"}

package/dist/default/ui/playback-rate-menu/index.js

@@ -1,3 +0,0 @@
-import { usePlaybackRateMenu } from "./use-playback-rate-menu.js";
-import { index_parts_exports } from "./index.parts.js";
-export { index_parts_exports as PlaybackRateMenu, usePlaybackRateMenu };

package/dist/default/ui/playback-rate-menu/index.parts.js

@@ -1,17 +0,0 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { PlaybackRateMenuContent } from "./playback-rate-menu-content.js";
-import { PlaybackRateMenuRoot } from "./playback-rate-menu-root.js";
-import { PlaybackRateMenuTrigger } from "./playback-rate-menu-trigger.js";
-import { usePlaybackRateMenu } from "./use-playback-rate-menu.js";
-//#region src/ui/playback-rate-menu/index.parts.ts
-var index_parts_exports = /* @__PURE__ */ __exportAll({
-	Content: () => PlaybackRateMenuContent,
-	Popup: () => PlaybackRateMenuContent,
-	Root: () => PlaybackRateMenuRoot,
-	Trigger: () => PlaybackRateMenuTrigger,
-	usePlaybackRateMenu: () => usePlaybackRateMenu
-});
-//#endregion
-export { index_parts_exports };
-
-//# sourceMappingURL=index.parts.js.map

package/dist/default/ui/playback-rate-menu/index.parts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/playback-rate-menu/index.parts.ts"],"sourcesContent":["export {\n  PlaybackRateMenuContent as Content,\n  PlaybackRateMenuContent as Popup,\n  type PlaybackRateMenuContentProps as ContentProps,\n  type PlaybackRateMenuContentProps as PopupProps,\n} from './playback-rate-menu-content';\nexport { PlaybackRateMenuRoot as Root, type PlaybackRateMenuRootProps as RootProps } from './playback-rate-menu-root';\nexport {\n  PlaybackRateMenuTrigger as Trigger,\n  type PlaybackRateMenuTriggerProps as TriggerProps,\n} from './playback-rate-menu-trigger';\nexport {\n  type PlaybackRateMenuOption,\n  type PlaybackRateMenuResult,\n  usePlaybackRateMenu,\n} from './use-playback-rate-menu';\n"],"mappings":""}

package/dist/default/ui/playback-rate-menu/playback-rate-menu-content.js

@@ -1,28 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { MenuContent } from "../menu/menu-content.js";
-import { usePlaybackRateMenuContext } from "./context.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { PlaybackRateMenuDataAttrs } from "@videojs/core";
-//#region src/ui/playback-rate-menu/playback-rate-menu-content.tsx
-const PlaybackRateMenuContent = forwardRef(function PlaybackRateMenuContent({ render, className, style, children, ...elementProps }, forwardedRef) {
-	const { state } = usePlaybackRateMenuContext();
-	return /* @__PURE__ */ jsx(MenuContent, {
-		render: (menuProps) => renderElement("div", {
-			render,
-			className,
-			style
-		}, {
-			state,
-			stateAttrMap: PlaybackRateMenuDataAttrs,
-			ref: [forwardedRef],
-			props: [menuProps, elementProps]
-		}),
-		children
-	});
-});
-//#endregion
-export { PlaybackRateMenuContent };
-
-//# sourceMappingURL=playback-rate-menu-content.js.map

package/dist/default/ui/playback-rate-menu/playback-rate-menu-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-rate-menu-content.js","names":[],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { type PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { MenuContent } from '../menu/menu-content';\nimport { usePlaybackRateMenuContext } from './context';\n\nexport interface PlaybackRateMenuContentProps extends UIComponentProps<'div', PlaybackRateMenuCore.State> {}\n\nexport const PlaybackRateMenuContent = forwardRef<HTMLDivElement, PlaybackRateMenuContentProps>(\n  function PlaybackRateMenuContent({ render, className, style, children, ...elementProps }, forwardedRef) {\n    const { state } = usePlaybackRateMenuContext();\n\n    return (\n      <MenuContent\n        render={(menuProps) =>\n          renderElement(\n            'div',\n            { render, className, style },\n            {\n              state,\n              stateAttrMap: PlaybackRateMenuDataAttrs,\n              ref: [forwardedRef],\n              props: [menuProps, elementProps],\n            }\n          )\n        }\n      >\n        {children}\n      </MenuContent>\n    );\n  }\n);\n\nexport namespace PlaybackRateMenuContent {\n  export type Props = PlaybackRateMenuContentProps;\n  export type State = PlaybackRateMenuCore.State;\n}\n"],"mappings":";;;;;;;;AAYA,MAAa,0BAA0B,WACrC,SAAS,wBAAwB,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,gBAAgB,cAAc;CACtG,MAAM,EAAE,UAAU,4BAA4B;AAE9C,QACE,oBAAC,aAAD;EACE,SAAS,cACP,cACE,OACA;GAAE;GAAQ;GAAW;GAAO,EAC5B;GACE;GACA,cAAc;GACd,KAAK,CAAC,aAAa;GACnB,OAAO,CAAC,WAAW,aAAa;GACjC,CACF;EAGF;EACW,CAAA;EAGnB"}

package/dist/default/ui/playback-rate-menu/playback-rate-menu-root.js

@@ -1,36 +0,0 @@
-"use client";
-import { usePlayer } from "../../player/context.js";
-import { MenuRoot } from "../menu/menu-root.js";
-import { PlaybackRateMenuProvider } from "./context.js";
-import { selectPlaybackRate } from "@videojs/core/dom";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { PlaybackRateMenuCore } from "@videojs/core";
-//#region src/ui/playback-rate-menu/playback-rate-menu-root.tsx
-function PlaybackRateMenuRoot({ label, formatRate, disabled, align = "center", children, ...menuProps }) {
-	const playbackRate = usePlayer(selectPlaybackRate);
-	const [core] = useState(() => new PlaybackRateMenuCore());
-	core.setProps({
-		label,
-		formatRate,
-		disabled
-	});
-	if (!playbackRate) return null;
-	core.setMedia(playbackRate);
-	return /* @__PURE__ */ jsx(PlaybackRateMenuProvider, {
-		value: {
-			core,
-			media: playbackRate,
-			state: core.getState()
-		},
-		children: /* @__PURE__ */ jsx(MenuRoot, {
-			align,
-			...menuProps,
-			children
-		})
-	});
-}
-//#endregion
-export { PlaybackRateMenuRoot };
-
-//# sourceMappingURL=playback-rate-menu-root.js.map

package/dist/default/ui/playback-rate-menu/playback-rate-menu-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-rate-menu-root.js","names":[],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-root.tsx"],"sourcesContent":["'use client';\n\nimport { PlaybackRateMenuCore } from '@videojs/core';\nimport { logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport { MenuRoot, type MenuRootProps } from '../menu/menu-root';\nimport { PlaybackRateMenuProvider } from './context';\n\nexport interface PlaybackRateMenuRootProps extends Omit<MenuRootProps, 'children'>, PlaybackRateMenuCore.Props {\n  children?: ReactNode;\n}\n\nexport function PlaybackRateMenuRoot({\n  label,\n  formatRate,\n  disabled,\n  align = 'center',\n  children,\n  ...menuProps\n}: PlaybackRateMenuRootProps): ReactNode {\n  const playbackRate = usePlayer(selectPlaybackRate);\n  const [core] = useState(() => new PlaybackRateMenuCore());\n\n  core.setProps({ label, formatRate, disabled });\n\n  if (!playbackRate) {\n    if (__DEV__) logMissingFeature('PlaybackRateMenu', selectPlaybackRate.displayName ?? 'playbackRate');\n    return null;\n  }\n\n  core.setMedia(playbackRate);\n  const state = core.getState();\n\n  return (\n    <PlaybackRateMenuProvider value={{ core, media: playbackRate, state }}>\n      <MenuRoot align={align} {...menuProps}>\n        {children}\n      </MenuRoot>\n    </PlaybackRateMenuProvider>\n  );\n}\n\nexport namespace PlaybackRateMenuRoot {\n  export type Props = PlaybackRateMenuRootProps;\n  export type State = PlaybackRateMenuCore.State;\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,qBAAqB,EACnC,OACA,YACA,UACA,QAAQ,UACR,UACA,GAAG,aACoC;CACvC,MAAM,eAAe,UAAU,mBAAmB;CAClD,MAAM,CAAC,QAAQ,eAAe,IAAI,sBAAsB,CAAC;AAEzD,MAAK,SAAS;EAAE;EAAO;EAAY;EAAU,CAAC;AAE9C,KAAI,CAAC,aAEH,QAAO;AAGT,MAAK,SAAS,aAAa;AAG3B,QACE,oBAAC,0BAAD;EAA0B,OAAO;GAAE;GAAM,OAAO;GAAc,OAHlD,KAAK,UAAU;GAG0C;YACnE,oBAAC,UAAD;GAAiB;GAAO,GAAI;GACzB;GACQ,CAAA;EACc,CAAA"}

package/dist/default/ui/playback-rate-menu/playback-rate-menu-trigger.js

@@ -1,51 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { MenuTrigger } from "../menu/menu-trigger.js";
-import { usePlaybackRateMenuContext } from "./context.js";
-import { forwardRef, isValidElement } from "react";
-import { isNull, isUndefined } from "@videojs/utils/predicate";
-import { jsx } from "react/jsx-runtime";
-import { PlaybackRateMenuDataAttrs } from "@videojs/core";
-//#region src/ui/playback-rate-menu/playback-rate-menu-trigger.tsx
-function hasChildren(children) {
-	return !isUndefined(children) && !isNull(children) && children !== false;
-}
-const PlaybackRateMenuTrigger = forwardRef(function PlaybackRateMenuTrigger({ render, className, style, children, disabled, ...elementProps }, forwardedRef) {
-	const { core, state } = usePlaybackRateMenuContext();
-	const isDisabled = state.disabled || Boolean(disabled);
-	const renderedChildren = isValidElement(render) ? render.props.children : void 0;
-	const hasOwnChildren = !isUndefined(children);
-	const hasRenderedChildren = !isUndefined(renderedChildren);
-	const triggerChildren = hasOwnChildren ? children : hasRenderedChildren ? void 0 : core.getRateLabel(state.rate);
-	const childrenProps = !isUndefined(triggerChildren) ? { children: triggerChildren } : void 0;
-	const inlineLabelProps = hasChildren(triggerChildren) || hasChildren(renderedChildren) ? { "data-inline-rate-label": "" } : void 0;
-	return /* @__PURE__ */ jsx(MenuTrigger, {
-		disabled: isDisabled,
-		render: (menuProps) => {
-			const isSubmenuTrigger = menuProps.role === "menuitem";
-			const element = isSubmenuTrigger ? "div" : "button";
-			const disabledProps = isSubmenuTrigger ? void 0 : { disabled: isDisabled };
-			return renderElement(element, {
-				render,
-				className,
-				style
-			}, {
-				state,
-				stateAttrMap: PlaybackRateMenuDataAttrs,
-				ref: [forwardedRef],
-				props: [
-					menuProps,
-					core.getAttrs(state),
-					elementProps,
-					disabledProps,
-					inlineLabelProps,
-					childrenProps
-				]
-			});
-		}
-	});
-});
-//#endregion
-export { PlaybackRateMenuTrigger };
-
-//# sourceMappingURL=playback-rate-menu-trigger.js.map

package/dist/default/ui/playback-rate-menu/playback-rate-menu-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-rate-menu-trigger.js","names":[],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { type PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { isNull, isUndefined } from '@videojs/utils/predicate';\nimport type { ReactNode, Ref } from 'react';\nimport { forwardRef, isValidElement } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { MenuTrigger } from '../menu/menu-trigger';\nimport { usePlaybackRateMenuContext } from './context';\n\nexport interface PlaybackRateMenuTriggerProps extends UIComponentProps<'button', PlaybackRateMenuCore.State> {}\n\nfunction hasChildren(children: ReactNode): boolean {\n  return !isUndefined(children) && !isNull(children) && children !== false;\n}\n\nexport const PlaybackRateMenuTrigger = forwardRef<HTMLButtonElement | HTMLDivElement, PlaybackRateMenuTriggerProps>(\n  function PlaybackRateMenuTrigger({ render, className, style, children, disabled, ...elementProps }, forwardedRef) {\n    const { core, state } = usePlaybackRateMenuContext();\n    const isDisabled = state.disabled || Boolean(disabled);\n    const renderedChildren = isValidElement<{ children?: ReactNode }>(render) ? render.props.children : undefined;\n    const hasOwnChildren = !isUndefined(children);\n    const hasRenderedChildren = !isUndefined(renderedChildren);\n    const triggerChildren = hasOwnChildren ? children : hasRenderedChildren ? undefined : core.getRateLabel(state.rate);\n    const childrenProps = !isUndefined(triggerChildren) ? { children: triggerChildren } : undefined;\n    const inlineLabelProps =\n      hasChildren(triggerChildren) || hasChildren(renderedChildren) ? { 'data-inline-rate-label': '' } : undefined;\n\n    return (\n      <MenuTrigger\n        disabled={isDisabled}\n        render={(menuProps) => {\n          const isSubmenuTrigger = menuProps.role === 'menuitem';\n          const element = isSubmenuTrigger ? 'div' : 'button';\n          const disabledProps = isSubmenuTrigger ? undefined : { disabled: isDisabled };\n\n          return renderElement(\n            element,\n            { render, className, style },\n            {\n              state,\n              stateAttrMap: PlaybackRateMenuDataAttrs,\n              ref: [forwardedRef as Ref<HTMLButtonElement & HTMLDivElement>],\n              props: [menuProps, core.getAttrs(state), elementProps, disabledProps, inlineLabelProps, childrenProps],\n            }\n          );\n        }}\n      />\n    );\n  }\n);\n\nexport namespace PlaybackRateMenuTrigger {\n  export type Props = PlaybackRateMenuTriggerProps;\n  export type State = PlaybackRateMenuCore.State;\n}\n"],"mappings":";;;;;;;;;AAcA,SAAS,YAAY,UAA8B;AACjD,QAAO,CAAC,YAAY,SAAS,IAAI,CAAC,OAAO,SAAS,IAAI,aAAa;;AAGrE,MAAa,0BAA0B,WACrC,SAAS,wBAAwB,EAAE,QAAQ,WAAW,OAAO,UAAU,UAAU,GAAG,gBAAgB,cAAc;CAChH,MAAM,EAAE,MAAM,UAAU,4BAA4B;CACpD,MAAM,aAAa,MAAM,YAAY,QAAQ,SAAS;CACtD,MAAM,mBAAmB,eAAyC,OAAO,GAAG,OAAO,MAAM,WAAW,KAAA;CACpG,MAAM,iBAAiB,CAAC,YAAY,SAAS;CAC7C,MAAM,sBAAsB,CAAC,YAAY,iBAAiB;CAC1D,MAAM,kBAAkB,iBAAiB,WAAW,sBAAsB,KAAA,IAAY,KAAK,aAAa,MAAM,KAAK;CACnH,MAAM,gBAAgB,CAAC,YAAY,gBAAgB,GAAG,EAAE,UAAU,iBAAiB,GAAG,KAAA;CACtF,MAAM,mBACJ,YAAY,gBAAgB,IAAI,YAAY,iBAAiB,GAAG,EAAE,0BAA0B,IAAI,GAAG,KAAA;AAErG,QACE,oBAAC,aAAD;EACE,UAAU;EACV,SAAS,cAAc;GACrB,MAAM,mBAAmB,UAAU,SAAS;GAC5C,MAAM,UAAU,mBAAmB,QAAQ;GAC3C,MAAM,gBAAgB,mBAAmB,KAAA,IAAY,EAAE,UAAU,YAAY;AAE7E,UAAO,cACL,SACA;IAAE;IAAQ;IAAW;IAAO,EAC5B;IACE;IACA,cAAc;IACd,KAAK,CAAC,aAAwD;IAC9D,OAAO;KAAC;KAAW,KAAK,SAAS,MAAM;KAAE;KAAc;KAAe;KAAkB;KAAc;IACvG,CACF;;EAEH,CAAA;EAGP"}

package/dist/default/ui/playback-rate-menu/use-playback-rate-menu.js

@@ -1,27 +0,0 @@
-"use client";
-import { usePlaybackRateMenuContext } from "./context.js";
-import { useCallback } from "react";
-//#region src/ui/playback-rate-menu/use-playback-rate-menu.ts
-function usePlaybackRateMenu() {
-	const { core, media, state } = usePlaybackRateMenuContext();
-	const setRate = useCallback((rate) => core.select(media, rate), [core, media]);
-	const setValue = useCallback((value) => core.selectValue(media, value), [core, media]);
-	return {
-		state,
-		rate: state.rate,
-		value: core.getRateValue(state.rate),
-		options: state.rates.map((rate) => ({
-			rate,
-			value: core.getRateValue(rate),
-			label: core.getRateLabel(rate),
-			disabled: state.disabled
-		})),
-		disabled: state.disabled,
-		setRate,
-		setValue
-	};
-}
-//#endregion
-export { usePlaybackRateMenu };
-
-//# sourceMappingURL=use-playback-rate-menu.js.map

package/dist/default/ui/playback-rate-menu/use-playback-rate-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-playback-rate-menu.js","names":[],"sources":["../../../../src/ui/playback-rate-menu/use-playback-rate-menu.ts"],"sourcesContent":["'use client';\n\nimport type { PlaybackRateMenuCore } from '@videojs/core';\nimport { useCallback } from 'react';\n\nimport { usePlaybackRateMenuContext } from './context';\n\nexport interface PlaybackRateMenuOption {\n  rate: number;\n  value: string;\n  label: string;\n  disabled: boolean;\n}\n\nexport interface PlaybackRateMenuResult {\n  state: PlaybackRateMenuCore.State;\n  rate: number;\n  value: string;\n  options: PlaybackRateMenuOption[];\n  disabled: boolean;\n  setRate: (rate: number) => void;\n  setValue: (value: string) => void;\n}\n\nexport function usePlaybackRateMenu(): PlaybackRateMenuResult {\n  const { core, media, state } = usePlaybackRateMenuContext();\n\n  const setRate = useCallback((rate: number) => core.select(media, rate), [core, media]);\n  const setValue = useCallback((value: string) => core.selectValue(media, value), [core, media]);\n\n  return {\n    state,\n    rate: state.rate,\n    value: core.getRateValue(state.rate),\n    options: state.rates.map((rate) => ({\n      rate,\n      value: core.getRateValue(rate),\n      label: core.getRateLabel(rate),\n      disabled: state.disabled,\n    })),\n    disabled: state.disabled,\n    setRate,\n    setValue,\n  };\n}\n\nexport namespace usePlaybackRateMenu {\n  export type Result = PlaybackRateMenuResult;\n  export type Option = PlaybackRateMenuOption;\n}\n"],"mappings":";;;;AAwBA,SAAgB,sBAA8C;CAC5D,MAAM,EAAE,MAAM,OAAO,UAAU,4BAA4B;CAE3D,MAAM,UAAU,aAAa,SAAiB,KAAK,OAAO,OAAO,KAAK,EAAE,CAAC,MAAM,MAAM,CAAC;CACtF,MAAM,WAAW,aAAa,UAAkB,KAAK,YAAY,OAAO,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC;AAE9F,QAAO;EACL;EACA,MAAM,MAAM;EACZ,OAAO,KAAK,aAAa,MAAM,KAAK;EACpC,SAAS,MAAM,MAAM,KAAK,UAAU;GAClC;GACA,OAAO,KAAK,aAAa,KAAK;GAC9B,OAAO,KAAK,aAAa,KAAK;GAC9B,UAAU,MAAM;GACjB,EAAE;EACH,UAAU,MAAM;EAChB;EACA;EACD"}

package/dist/dev/media/background-video/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"mappings":";;;;UAQiB,oBAAA,SAA6B,mBAAA,CAAoB,gBAAA;AAAA,cAErD,eAAA,EAAe,OAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAsBX,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;AAAA"}

package/dist/dev/media/dash-video/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"mappings":";;;;;UAWiB,cAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,cAAA,GACxD,OAAA,CAAQ,cAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,OAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAaL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}

package/dist/dev/media/dash-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DashMediaProps } from '@videojs/core/dom/media/dash';\nimport { DashMedia, dashMediaDefaultProps } from '@videojs/core/dom/media/dash';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>,\n    Partial<DashMediaProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, dashMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,UAAU;AAKzC,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,sBAAsB;EAI9D;EACK,CAAA;EAEV"}