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

package/docs/reference/use-player-context.md

@@ -50,7 +50,7 @@ Attach custom media
 
 [`useMediaAttach`](./use-media-attach.md)
 
-These hooks read from the same context internally. `usePlayerContext` exposes the raw context value — use it when you need multiple context fields in one call or when building a custom abstraction over the player context.
+These hooks read from the same context internally. `usePlayerContext` exposes the raw context value – use it when you need multiple context fields in one call or when building a custom abstraction over the player context.
 
 ## API Reference
 

package/docs/reference/use-player.md

@@ -2,7 +2,18 @@
 
 Hook to access the player store from within a Player.Provider
 
-`Player.usePlayer` gives you access to the player store from any component within a `Player.Provider`. It has two overloads — without arguments for direct store access, or with a selector for reactive state subscriptions. `Player.usePlayer` is typed to the features you passed to [`createPlayer`](./create-player.md). It’s also available as a standalone import (`import { usePlayer } from '@videojs/react'`), but the standalone version returns an untyped store.
+`Player.usePlayer` (from [`createPlayer`](./create-player.md)) gives you access to the player store from any component within a `Player.Provider`. It’s typed to the features you passed to `createPlayer`, and has two overloads — without arguments for direct store access, or with a selector for reactive state subscriptions.
+
+`usePlayer` is also available as a standalone import (`import { usePlayer } from '@videojs/react'`), but the standalone version returns an untyped `UnknownStore`. Pass a premade selector to recover typing:
+
+tsx
+
+```
+import { usePlayer, selectPlayback } from '@videojs/react';
+
+usePlayer();               // UnknownStore (state: unknown)
+usePlayer(selectPlayback); // PlaybackState | undefined
+```
 
 ## Examples
 
@@ -187,6 +198,8 @@ export default function Selector() {
 
 Access the player store from within a Player Provider.
 
+This standalone hook has no knowledge of your configured features, so it returns an untyped `UnknownStore` whose state properties are typed as `unknown`. For typed access, use the `usePlayer` returned by `createPlayer()`, or pass a premade selector to recover the type from its return value.
+
 #### Return Value
 
 `BaseStore & UnknownState`
@@ -195,6 +208,8 @@ Access the player store from within a Player Provider.
 
 Select a value from the player store. Re-renders when the selected value changes.
 
+The selector receives `UnknownState`, so an inline selector returns `unknown`. Pass a premade selector (e.g. `selectPlayback`) to get a typed result.
+
 #### Parameters
 
 Parameter

package/docs/reference/use-selector.md

@@ -57,7 +57,7 @@ Prefer [`useStore`](./use-store.md) for store-backed state and [`useSnapshot`](.
 
 ### Equality comparison
 
-The `isEqual` parameter controls when React re-renders. The default `shallowEqual` compares object properties one level deep — sufficient for most selector return values. Pass a custom comparator for deeply nested objects or when you need reference equality (`Object.is`).
+The `isEqual` parameter controls when React re-renders. The default `shallowEqual` compares object properties one level deep – sufficient for most selector return values. Pass a custom comparator for deeply nested objects or when you need reference equality (`Object.is`).
 
 ## API Reference
 

package/docs/reference/use-snapshot.md

@@ -4,7 +4,7 @@ Hook to subscribe to a State container's current value
 
 `useSnapshot` subscribes to a `State` container and returns its current value, re-rendering when the value changes. It has two overloads:
 
-**Full state** — returns the entire state object.
+**Full state** – returns the entire state object.
 
 tsx
 
@@ -15,7 +15,7 @@ function Display({ state }) {
 }
 ```
 
-**With selector** — returns a derived value from the state, re-rendering only when the selected value changes. Pass a custom comparator as the third argument when needed.
+**With selector** – returns a derived value from the state, re-rendering only when the selected value changes. Pass a custom comparator as the third argument when needed.
 
 tsx
 
@@ -48,7 +48,7 @@ Store instance
 
 Store-backed state with features
 
-Use `useSnapshot` when working with standalone `State` containers outside the player store system — for example, custom state in component libraries. For player state, use [`usePlayer`](./use-player.md) or [`useStore`](./use-store.md).
+Use `useSnapshot` when working with standalone `State` containers outside the player store system – for example, custom state in component libraries. For player state, use [`usePlayer`](./use-player.md) or [`useStore`](./use-store.md).
 
 `useSnapshot` is built on [`useSelector`](./use-selector.md) and uses `shallowEqual` by default. The HTML equivalent is `SnapshotController`.
 

package/docs/reference/volume-slider.md

@@ -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
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/react",
   "type": "module",
-  "version": "10.0.0-beta.24",
+  "version": "10.0.0-beta.25",
   "description": "React library for building media players",
   "license": "Apache-2.0",
   "repository": {
@@ -100,10 +100,10 @@
     "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.25",
+    "@videojs/spf": "10.0.0-beta.25",
+    "@videojs/store": "10.0.0-beta.25",
+    "@videojs/utils": "10.0.0-beta.25"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -113,8 +113,8 @@
     "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"
+    "@videojs/icons": "10.0.0-beta.25",
+    "@videojs/skins": "10.0.0-beta.25"
   },
   "publishConfig": {
     "access": "public"

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/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/hls-video/index.d.ts

@@ -1,15 +0,0 @@
-import * as _$react from "react";
-import { ReactNode, VideoHTMLAttributes } from "react";
-import { HlsMediaProps } from "@videojs/core/dom/media/hls";
-
-//#region src/media/hls-video/index.d.ts
-interface HlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>, Partial<HlsMediaProps> {
-  children?: ReactNode;
-}
-declare const HlsVideo: _$react.ForwardRefExoticComponent<HlsVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
-declare namespace HlsVideo {
-  type Props = HlsVideoProps;
-}
-//#endregion
-export { HlsVideo, HlsVideoProps };
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/dev/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/dev/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/dev/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/dev/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/dev/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/dev/ui/hotkey/use-aria-key-shortcuts.d.ts

@@ -1,5 +0,0 @@
-//#region src/ui/hotkey/use-aria-key-shortcuts.d.ts
-declare function useAriaKeyShortcuts(action: string | undefined): string | undefined;
-//#endregion
-export { useAriaKeyShortcuts };
-//# sourceMappingURL=use-aria-key-shortcuts.d.ts.map

package/dist/dev/ui/hotkey/use-aria-key-shortcuts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-aria-key-shortcuts.d.ts","names":[],"sources":["../../../../src/ui/hotkey/use-aria-key-shortcuts.ts"],"mappings":";iBAOgB,mBAAA,CAAoB,MAAA"}

package/dist/dev/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/dev/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/dev/ui/menu/menu-label.d.ts

@@ -1,15 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as _$react from "react";
-import { MenuState } from "@videojs/core";
-
-//#region src/ui/menu/menu-label.d.ts
-interface MenuLabelProps extends UIComponentProps<'div', MenuState> {}
-/** Non-interactive label for a group of items. Renders a `<div>`. */
-declare const MenuLabel: _$react.ForwardRefExoticComponent<Omit<MenuLabelProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
-declare namespace MenuLabel {
-  type Props = MenuLabelProps;
-  type State = MenuState;
-}
-//#endregion
-export { MenuLabel, MenuLabelProps };
-//# sourceMappingURL=menu-label.d.ts.map

package/dist/dev/ui/menu/menu-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-label.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-label.tsx"],"mappings":";;;;;UASiB,cAAA,SAAuB,gBAAA,QAAwB,SAAA;;cAGnD,SAAA,EAAS,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,cAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAkBL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;EAAA,KACR,KAAA,GAAQ,SAAA;AAAA"}

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