@videojs/react 0.1.0-preview.9 → 10.0.0-alpha.11

package/dist/dev/icons/dist/react/minimal/volume-low.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-low.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst VolumeLowIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\" }) });\nexport default VolumeLowIcon;\n"],"mappings":";;;AACA,MAAM,iBAAiB,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAya,CAAC;CAAE,CAAC"}

package/dist/dev/icons/dist/react/minimal/volume-off.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region ../icons/dist/react/minimal/volume-off.js
+const VolumeOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 18,
+	height: 18,
+	fill: "none",
+	"aria-hidden": "true",
+	viewBox: "0 0 18 18",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z"
+	})
+});
+
+//#endregion
+export { VolumeOffIcon as default };
+//# sourceMappingURL=volume-off.js.map

package/dist/dev/icons/dist/react/minimal/volume-off.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-off.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst VolumeOffIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z\" }) });\nexport default VolumeOffIcon;\n"],"mappings":";;;AACA,MAAM,iBAAiB,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAyV,CAAC;CAAE,CAAC"}

package/dist/dev/index.d.ts

@@ -0,0 +1,41 @@
+import { Container, ContainerProps, PlayerContextValue, useMedia, useMediaRegistration, usePlayer, usePlayerContext } from "./player/context.js";
+import { CreatePlayerConfig, CreatePlayerResult, ProviderProps, createPlayer } from "./player/create-player.js";
+import { AlertDialogContextValue, useAlertDialogContext } from "./ui/alert-dialog/context.js";
+import { HTMLProps, RenderFunction, RenderProp, UIComponentProps } from "./utils/types.js";
+import { index_parts_d_exports } from "./ui/alert-dialog/index.parts.js";
+import { BufferingIndicator, BufferingIndicatorProps } from "./ui/buffering-indicator/buffering-indicator.js";
+import { CaptionsButton, CaptionsButtonProps } from "./ui/captions-button/captions-button.js";
+import { ControlsGroupProps } from "./ui/controls/controls-group.js";
+import { ControlsRootProps } from "./ui/controls/controls-root.js";
+import { index_parts_d_exports as index_parts_d_exports$1 } from "./ui/controls/index.parts.js";
+import { FullscreenButton, FullscreenButtonProps } from "./ui/fullscreen-button/fullscreen-button.js";
+import { useButton } from "./ui/hooks/use-button.js";
+import { useSlider } from "./ui/hooks/use-slider.js";
+import { MuteButton, MuteButtonProps } from "./ui/mute-button/mute-button.js";
+import { PiPButton, PiPButtonProps } from "./ui/pip-button/pip-button.js";
+import { PlayButton, PlayButtonProps } from "./ui/play-button/play-button.js";
+import { PlaybackRateButton, PlaybackRateButtonProps } from "./ui/playback-rate-button/playback-rate-button.js";
+import { PopoverContextValue, usePopoverContext } from "./ui/popover/context.js";
+import { index_parts_d_exports as index_parts_d_exports$2 } from "./ui/popover/index.parts.js";
+import { Poster, PosterProps } from "./ui/poster/poster.js";
+import { SeekButton, SeekButtonProps } from "./ui/seek-button/seek-button.js";
+import { SliderBufferProps } from "./ui/slider/slider-buffer.js";
+import { SliderFillProps } from "./ui/slider/slider-fill.js";
+import { SliderRootProps } from "./ui/slider/slider-root.js";
+import { SliderThumbProps } from "./ui/slider/slider-thumb.js";
+import { Thumbnail, ThumbnailProps } from "./ui/thumbnail/thumbnail.js";
+import { SliderThumbnailProps } from "./ui/slider/slider-thumbnail.js";
+import { SliderTrackProps } from "./ui/slider/slider-track.js";
+import { SliderValueProps } from "./ui/slider/slider-value.js";
+import { index_parts_d_exports as index_parts_d_exports$3 } from "./ui/slider/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$4 } from "./ui/time/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/time-slider/index.parts.js";
+import { TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
+import { index_parts_d_exports as index_parts_d_exports$6 } from "./ui/tooltip/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$7 } from "./ui/volume-slider/index.parts.js";
+import { mergeProps } from "./utils/merge-props.js";
+import { renderElement } from "./utils/use-render.js";
+import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
+import { useSelector, useStore } from "@videojs/store/react";
+export * from "@videojs/core/dom";
+export { index_parts_d_exports as AlertDialog, type AlertDialogContextValue, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreatePlayerConfig, type CreatePlayerResult, FullscreenButton, type FullscreenButtonProps, type HTMLProps, MuteButton, type MuteButtonProps, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlayerContextValue, index_parts_d_exports$2 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, type Selector, index_parts_d_exports$3 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$4 as Time, index_parts_d_exports$5 as TimeSlider, index_parts_d_exports$6 as Tooltip, type TooltipContextValue, type UIComponentProps, index_parts_d_exports$7 as VolumeSlider, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useMedia, useMediaRegistration, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };

package/dist/dev/index.js

@@ -0,0 +1,35 @@
+'use client';
+
+import { Container, useMedia, useMediaRegistration, usePlayer, usePlayerContext } from "./player/context.js";
+import { createPlayer } from "./player/create-player.js";
+import { useAlertDialogContext } from "./ui/alert-dialog/context.js";
+import { mergeProps } from "./utils/merge-props.js";
+import { renderElement } from "./utils/use-render.js";
+import { index_parts_exports } from "./ui/alert-dialog/index.parts.js";
+import { BufferingIndicator } from "./ui/buffering-indicator/buffering-indicator.js";
+import { useButton } from "./ui/hooks/use-button.js";
+import { CaptionsButton } from "./ui/captions-button/captions-button.js";
+import { index_parts_exports as index_parts_exports$1 } from "./ui/controls/index.parts.js";
+import { FullscreenButton } from "./ui/fullscreen-button/fullscreen-button.js";
+import { useSlider } from "./ui/hooks/use-slider.js";
+import { MuteButton } from "./ui/mute-button/mute-button.js";
+import { PiPButton } from "./ui/pip-button/pip-button.js";
+import { PlayButton } from "./ui/play-button/play-button.js";
+import { PlaybackRateButton } from "./ui/playback-rate-button/playback-rate-button.js";
+import { usePopoverContext } from "./ui/popover/context.js";
+import { index_parts_exports as index_parts_exports$2 } from "./ui/popover/index.parts.js";
+import { Poster } from "./ui/poster/poster.js";
+import { SeekButton } from "./ui/seek-button/seek-button.js";
+import { Thumbnail } from "./ui/thumbnail/thumbnail.js";
+import { index_parts_exports as index_parts_exports$3 } from "./ui/slider/index.parts.js";
+import { index_parts_exports as index_parts_exports$4 } from "./ui/time/index.parts.js";
+import { index_parts_exports as index_parts_exports$5 } from "./ui/time-slider/index.parts.js";
+import { useTooltipContext } from "./ui/tooltip/context.js";
+import { index_parts_exports as index_parts_exports$6 } from "./ui/tooltip/index.parts.js";
+import { index_parts_exports as index_parts_exports$7 } from "./ui/volume-slider/index.parts.js";
+import { createSelector, shallowEqual } from "@videojs/store";
+import { useSelector, useStore } from "@videojs/store/react";
+
+export * from "@videojs/core/dom"
+
+export { index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, Container, index_parts_exports$1 as Controls, FullscreenButton, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$2 as Popover, Poster, SeekButton, index_parts_exports$3 as Slider, Thumbnail, index_parts_exports$4 as Time, index_parts_exports$5 as TimeSlider, index_parts_exports$6 as Tooltip, index_parts_exports$7 as VolumeSlider, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useMedia, useMediaRegistration, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };

package/dist/dev/media/audio.d.ts

@@ -0,0 +1,12 @@
+import * as react from "react";
+import { AudioHTMLAttributes } from "react";
+
+//#region src/media/audio.d.ts
+interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}
+declare const Audio: react.ForwardRefExoticComponent<AudioProps & react.RefAttributes<HTMLAudioElement>>;
+declare namespace Audio {
+  type Props = AudioProps;
+}
+//#endregion
+export { Audio, AudioProps };
+//# sourceMappingURL=audio.d.ts.map

package/dist/dev/media/audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio.d.ts","names":[],"sources":["../../../src/media/audio.tsx"],"mappings":";;;;UAQiB,UAAA,SAAmB,mBAAA,CAAoB,gBAAA;AAAA,cAE3C,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAmBD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}

package/dist/dev/media/audio.js

@@ -0,0 +1,22 @@
+'use client';
+
+import { useComposedRefs } from "../utils/use-composed-refs.js";
+import { useMediaRegistration } from "../player/context.js";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/media/audio.tsx
+const Audio = forwardRef(function Audio({ children, ...props }, ref) {
+	const setMedia = useMediaRegistration();
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(ref, useCallback((el) => {
+			setMedia?.(el);
+		}, [setMedia])),
+		...props,
+		children
+	});
+});
+
+//#endregion
+export { Audio };
+//# sourceMappingURL=audio.js.map

package/dist/dev/media/audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio.js","names":[],"sources":["../../../src/media/audio.tsx"],"sourcesContent":["'use client';\n\nimport type { AudioHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaRegistration } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}\n\nexport const Audio = forwardRef<HTMLAudioElement, AudioProps>(function Audio({ children, ...props }, ref) {\n  const setMedia = useMediaRegistration();\n\n  const mediaRef = useCallback(\n    (el: HTMLAudioElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <audio ref={composedRef} {...props}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace Audio {\n  export type Props = AudioProps;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CACxG,MAAM,WAAW,sBAAsB;AAWvC,QACE,oBAAC;EAAM,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB,GAAI;EAC1B;GACK;EAEV"}

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

@@ -0,0 +1,12 @@
+import * as react from "react";
+import { VideoHTMLAttributes } from "react";
+
+//#region src/media/background-video/index.d.ts
+interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
+declare const BackgroundVideo: react.ForwardRefExoticComponent<BackgroundVideoProps & react.RefAttributes<HTMLVideoElement>>;
+declare namespace BackgroundVideo {
+  type Props = BackgroundVideoProps;
+}
+//#endregion
+export { BackgroundVideo, BackgroundVideoProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAsBX,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;AAAA"}

package/dist/dev/media/background-video/index.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaRegistration } from "../../player/context.js";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/media/background-video/index.tsx
+const BackgroundVideo = forwardRef(function BackgroundVideo({ children, ...props }, ref) {
+	const setMedia = useMediaRegistration();
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(ref, useCallback((el) => {
+			setMedia?.(el);
+		}, [setMedia])),
+		muted: true,
+		autoPlay: true,
+		loop: true,
+		playsInline: true,
+		disableRemotePlayback: true,
+		disablePictureInPicture: true,
+		...props,
+		children
+	});
+});
+
+//#endregion
+export { BackgroundVideo };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaRegistration } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const BackgroundVideo = forwardRef<HTMLVideoElement, BackgroundVideoProps>(function BackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const setMedia = useMediaRegistration();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} muted autoPlay loop playsInline disableRemotePlayback disablePictureInPicture {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace BackgroundVideo {\n  export type Props = BackgroundVideoProps;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBAAkB,WAAmD,SAAS,gBACzF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,sBAAsB;AAWvC,QACE,oBAAC;EAAM,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB;EAAM;EAAS;EAAK;EAAY;EAAsB;EAAwB,GAAI;EACxG;GACK;EAEV"}

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

@@ -0,0 +1,11 @@
+import * as react from "react";
+import { PropsWithChildren, VideoHTMLAttributes } from "react";
+
+//#region src/media/hls-video/index.d.ts
+type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;
+declare const HlsVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
+  children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLVideoElement>>;
+//#endregion
+export { HlsVideo, HlsVideo as default, HlsVideoProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"mappings":";;;;KASY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA;AAAA,cAErD,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA"}

package/dist/dev/media/hls-video/index.js

@@ -0,0 +1,26 @@
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaRegistration } from "../../player/context.js";
+import { useDestroy } from "../../utils/use-destroy.js";
+import { attachMediaElement } from "../../utils/attach-media-element.js";
+import { mediaProps } from "../../utils/media-props.js";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsMedia } from "@videojs/core/dom/media/hls";
+
+//#region src/media/hls-video/index.tsx
+const HlsVideo = forwardRef(({ children, ...props }, ref) => {
+	const mediaApi = useMemo(() => new HlsMedia(), []);
+	const setMedia = useMediaRegistration();
+	useDestroy(mediaApi, () => {
+		setMedia?.(mediaApi);
+	});
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
+		...mediaProps(mediaApi, props),
+		children
+	});
+});
+
+//#endregion
+export { HlsVideo, HlsVideo as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["import { HlsMedia } from '@videojs/core/dom/media/hls';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef, useMemo } from 'react';\nimport { useMediaRegistration } from '../../player/context';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useDestroy } from '../../utils/use-destroy';\n\nexport type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMemo(() => new HlsMedia(), []);\n  const setMedia = useMediaRegistration();\n\n  useDestroy(mediaApi, () => {\n    setMedia?.(mediaApi);\n  });\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport default HlsVideo;\n"],"mappings":";;;;;;;;;;AAWA,MAAa,WAAW,YAA6C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACnG,MAAM,WAAW,cAAc,IAAI,UAAU,EAAE,EAAE,CAAC;CAClD,MAAM,WAAW,sBAAsB;AAEvC,YAAW,gBAAgB;AACzB,aAAW,SAAS;GACpB;AAGF,QACE,oBAAC;EAAM,KAFW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAE3C,GAAI,WAAW,UAAU,MAAM;EACrD;GACK;EAEV"}

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

@@ -0,0 +1,11 @@
+import * as react from "react";
+import { PropsWithChildren, VideoHTMLAttributes } from "react";
+
+//#region src/media/simple-hls-video/index.d.ts
+type SimpleHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;
+declare const SimpleHlsVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
+  children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLVideoElement>>;
+//#endregion
+export { SimpleHlsVideo, SimpleHlsVideo as default, SimpleHlsVideoProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"mappings":";;;;KAUY,mBAAA,GAAsB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA;AAAA,cAE3D,cAAA,QAAc,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA"}

package/dist/dev/media/simple-hls-video/index.js

@@ -0,0 +1,25 @@
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaRegistration } from "../../player/context.js";
+import { attachMediaElement } from "../../utils/attach-media-element.js";
+import { mediaProps } from "../../utils/media-props.js";
+import { forwardRef, useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
+
+//#region src/media/simple-hls-video/index.tsx
+const SimpleHlsVideo = forwardRef(({ children, ...props }, ref) => {
+	const mediaApi = useMemo(() => new SimpleHlsMedia(), []);
+	const setMedia = useMediaRegistration();
+	useEffect(() => {
+		setMedia?.(mediaApi);
+	}, [mediaApi, setMedia]);
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
+		...mediaProps(mediaApi, props),
+		children
+	});
+});
+
+//#endregion
+export { SimpleHlsVideo, SimpleHlsVideo as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"sourcesContent":["import { SimpleHlsMedia } from '@videojs/core/dom/media/simple-hls';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef, useEffect, useMemo } from 'react';\nimport { useMediaRegistration } from '../../player/context';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\n// TODO: mediaProps uses media.preload which SimpleHlsMedia does not yet expose.\n// Add preload getter/setter to SimpleHlsMedia as a follow-up.\nexport type SimpleHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;\n\nexport const SimpleHlsVideo = forwardRef<HTMLVideoElement, SimpleHlsVideoProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMemo(() => new SimpleHlsMedia(), []);\n  const setMedia = useMediaRegistration();\n\n  useEffect(() => {\n    setMedia?.(mediaApi);\n  }, [mediaApi, setMedia]);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport default SimpleHlsVideo;\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiB,YAAmD,EAAE,UAAU,GAAG,SAAS,QAAQ;CAC/G,MAAM,WAAW,cAAc,IAAI,gBAAgB,EAAE,EAAE,CAAC;CACxD,MAAM,WAAW,sBAAsB;AAEvC,iBAAgB;AACd,aAAW,SAAS;IACnB,CAAC,UAAU,SAAS,CAAC;AAGxB,QACE,oBAAC;EAAM,KAFW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAE3C,GAAI,WAAW,UAAU,MAAM;EACrD;GACK;EAEV"}

package/dist/dev/media/video.d.ts

@@ -0,0 +1,12 @@
+import * as react from "react";
+import { VideoHTMLAttributes } from "react";
+
+//#region src/media/video.d.ts
+interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
+declare const Video: react.ForwardRefExoticComponent<VideoProps & react.RefAttributes<HTMLVideoElement>>;
+declare namespace Video {
+  type Props = VideoProps;
+}
+//#endregion
+export { Video, VideoProps };
+//# sourceMappingURL=video.d.ts.map

package/dist/dev/media/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","names":[],"sources":["../../../src/media/video.tsx"],"mappings":";;;;UAQiB,UAAA,SAAmB,mBAAA,CAAoB,gBAAA;AAAA,cAE3C,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAmBD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}

package/dist/dev/media/video.js

@@ -0,0 +1,22 @@
+'use client';
+
+import { useComposedRefs } from "../utils/use-composed-refs.js";
+import { useMediaRegistration } from "../player/context.js";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/media/video.tsx
+const Video = forwardRef(function Video({ children, ...props }, ref) {
+	const setMedia = useMediaRegistration();
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(ref, useCallback((el) => {
+			setMedia?.(el);
+		}, [setMedia])),
+		...props,
+		children
+	});
+});
+
+//#endregion
+export { Video };
+//# sourceMappingURL=video.js.map

package/dist/dev/media/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","names":[],"sources":["../../../src/media/video.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaRegistration } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const Video = forwardRef<HTMLVideoElement, VideoProps>(function Video({ children, ...props }, ref) {\n  const setMedia = useMediaRegistration();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace Video {\n  export type Props = VideoProps;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CACxG,MAAM,WAAW,sBAAsB;AAWvC,QACE,oBAAC;EAAM,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB,GAAI;EAC1B;GACK;EAEV"}

package/dist/dev/player/context.d.ts

@@ -0,0 +1,40 @@
+import { Media } from "@videojs/core/dom";
+import { UnknownState, UnknownStore } from "@videojs/store";
+import * as react from "react";
+import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from "react";
+
+//#region src/player/context.d.ts
+interface PlayerContextValue {
+  store: UnknownStore;
+  media: Media | null;
+  setMedia: Dispatch<SetStateAction<Media | null>>;
+}
+/** Access the full player context value. Throws if used outside a Player Provider. */
+declare function usePlayerContext(): PlayerContextValue;
+/**
+ * Access the player store from within a Player Provider.
+ *
+ * @label Without Selector
+ */
+declare function usePlayer(): UnknownStore;
+/**
+ * Select a value from the player store. Re-renders when the selected value changes.
+ *
+ * @label With Selector
+ * @param selector - Derives a value from the player store state.
+ */
+declare function usePlayer<R>(selector: (state: UnknownState) => R): R;
+/** Access the media element from within a Player Provider. */
+declare function useMedia(): Media | null;
+/** Access the media registration setter for connecting a media element to the player. */
+declare function useMediaRegistration(): Dispatch<SetStateAction<Media | null>> | undefined;
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+}
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
+declare namespace Container {
+  type Props = ContainerProps;
+}
+//#endregion
+export { Container, ContainerProps, PlayerContextValue, useMedia, useMediaRegistration, usePlayer, usePlayerContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/player/context.tsx"],"mappings":";;;;;;UAUiB,kBAAA;EACf,KAAA,EAAO,YAAA;EACP,KAAA,EAAO,KAAA;EACP,QAAA,EAAU,QAAA,CAAS,cAAA,CAAe,KAAA;AAAA;;iBAqBpB,gBAAA,CAAA,GAAoB,kBAAA;;;;;;iBAWpB,SAAA,CAAA,GAAa,YAAA;;;;;;;iBAOb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAwBpD,QAAA,CAAA,GAAY,KAAA;;iBAMZ,oBAAA,CAAA,GAAwB,QAAA,CAAS,cAAA,CAAe,KAAA;AAAA,UAK/C,cAAA,SAAuB,cAAA,CAAe,cAAA;EACrD,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAiBL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}

package/dist/dev/player/context.js

@@ -0,0 +1,65 @@
+'use client';
+
+import { useComposedRefs } from "../utils/use-composed-refs.js";
+import { useStore } from "@videojs/store/react";
+import { createContext, forwardRef, useContext, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/player/context.tsx
+const PlayerContext = createContext(null);
+const EMPTY_UNSUBSCRIBE = () => {};
+const EMPTY_STORE = {
+	state: {},
+	subscribe: () => EMPTY_UNSUBSCRIBE
+};
+function PlayerContextProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(PlayerContext.Provider, {
+		value,
+		children
+	});
+}
+/** Access the full player context value. Throws if used outside a Player Provider. */
+function usePlayerContext() {
+	const ctx = useContext(PlayerContext);
+	if (!ctx) throw new Error("usePlayerContext must be used within a Player Provider");
+	return ctx;
+}
+function usePlayer(selector) {
+	const { store } = usePlayerContext();
+	return useStore(store, selector);
+}
+function useOptionalPlayer(selector) {
+	const ctx = useContext(PlayerContext);
+	const value = useStore(ctx?.store ?? EMPTY_STORE, ctx ? selector : void 0);
+	return ctx ? value : void 0;
+}
+/** Access the media element from within a Player Provider. */
+function useMedia() {
+	const { media } = usePlayerContext();
+	return media;
+}
+/** Access the media registration setter for connecting a media element to the player. */
+function useMediaRegistration() {
+	return useContext(PlayerContext)?.setMedia;
+}
+const Container = forwardRef(function Container({ children, ...props }, ref) {
+	const { store, media } = usePlayerContext();
+	const internalRef = useRef(null);
+	const composedRef = useComposedRefs(ref, internalRef);
+	useEffect(() => {
+		if (!media) return;
+		return store.attach({
+			media,
+			container: internalRef.current
+		});
+	}, [media, store]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: composedRef,
+		...props,
+		children
+	});
+});
+
+//#endregion
+export { Container, PlayerContextProvider, useMedia, useMediaRegistration, useOptionalPlayer, usePlayer, usePlayerContext };
+//# sourceMappingURL=context.js.map

package/dist/dev/player/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/player/context.tsx"],"sourcesContent":["'use client';\n\nimport type { Media } from '@videojs/core/dom';\nimport type { UnknownState, UnknownStore } from '@videojs/store';\nimport { useStore } from '@videojs/store/react';\nimport type { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react';\nimport { createContext, forwardRef, useContext, useEffect, useRef } from 'react';\n\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface PlayerContextValue {\n  store: UnknownStore;\n  media: Media | null;\n  setMedia: Dispatch<SetStateAction<Media | null>>;\n}\n\nconst PlayerContext = createContext<PlayerContextValue | null>(null);\nconst EMPTY_UNSUBSCRIBE = () => {};\nconst EMPTY_STORE = {\n  state: {} as UnknownState,\n  subscribe: () => EMPTY_UNSUBSCRIBE,\n} as Pick<UnknownStore, 'state' | 'subscribe'>;\n\nexport function PlayerContextProvider({\n  value,\n  children,\n}: {\n  value: PlayerContextValue;\n  children: ReactNode;\n}): ReactNode {\n  return <PlayerContext.Provider value={value}>{children}</PlayerContext.Provider>;\n}\n\n/** Access the full player context value. Throws if used outside a Player Provider. */\nexport function usePlayerContext(): PlayerContextValue {\n  const ctx = useContext(PlayerContext);\n  if (!ctx) throw new Error('usePlayerContext must be used within a Player Provider');\n  return ctx;\n}\n\n/**\n * Access the player store from within a Player Provider.\n *\n * @label Without Selector\n */\nexport function usePlayer(): UnknownStore;\n/**\n * Select a value from the player store. Re-renders when the selected value changes.\n *\n * @label With Selector\n * @param selector - Derives a value from the player store state.\n */\nexport function usePlayer<R>(selector: (state: UnknownState) => R): R;\nexport function usePlayer<R>(selector?: (state: UnknownState) => R) {\n  const { store } = usePlayerContext();\n  return useStore(store, selector as any);\n}\n\n/**\n * Access player state when available, but return `undefined` outside Provider.\n *\n * This is useful for components that can operate without player context\n * (e.g. they accept fully explicit props as a fallback).\n */\n/** @label Without Selector */\nexport function useOptionalPlayer(): UnknownStore | undefined;\n/** @label With Selector */\nexport function useOptionalPlayer<R>(selector: (state: UnknownState) => R): R | undefined;\nexport function useOptionalPlayer<R>(selector?: (state: UnknownState) => R) {\n  const ctx = useContext(PlayerContext);\n  const store = (ctx?.store ?? (EMPTY_STORE as unknown as UnknownStore)) as UnknownStore;\n  const value = useStore(store, (ctx ? selector : undefined) as any);\n  return ctx ? value : undefined;\n}\n\n/** Access the media element from within a Player Provider. */\nexport function useMedia(): Media | null {\n  const { media } = usePlayerContext();\n  return media;\n}\n\n/** Access the media registration setter for connecting a media element to the player. */\nexport function useMediaRegistration(): Dispatch<SetStateAction<Media | null>> | undefined {\n  const ctx = useContext(PlayerContext);\n  return ctx?.setMedia;\n}\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(function Container({ children, ...props }, ref) {\n  const { store, media } = usePlayerContext();\n  const internalRef = useRef<HTMLDivElement>(null);\n  const composedRef = useComposedRefs(ref, internalRef);\n\n  useEffect(() => {\n    if (!media) return;\n    return store.attach({ media, container: internalRef.current });\n  }, [media, store]);\n\n  return (\n    <div ref={composedRef} {...props}>\n      {children}\n    </div>\n  );\n});\n\nexport namespace Container {\n  export type Props = ContainerProps;\n}\n"],"mappings":";;;;;;;;AAgBA,MAAM,gBAAgB,cAAyC,KAAK;AACpE,MAAM,0BAA0B;AAChC,MAAM,cAAc;CAClB,OAAO,EAAE;CACT,iBAAiB;CAClB;AAED,SAAgB,sBAAsB,EACpC,OACA,YAIY;AACZ,QAAO,oBAAC,cAAc;EAAgB;EAAQ;GAAkC;;;AAIlF,SAAgB,mBAAuC;CACrD,MAAM,MAAM,WAAW,cAAc;AACrC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yDAAyD;AACnF,QAAO;;AAgBT,SAAgB,UAAa,UAAuC;CAClE,MAAM,EAAE,UAAU,kBAAkB;AACpC,QAAO,SAAS,OAAO,SAAgB;;AAazC,SAAgB,kBAAqB,UAAuC;CAC1E,MAAM,MAAM,WAAW,cAAc;CAErC,MAAM,QAAQ,SADC,KAAK,SAAU,aACC,MAAM,WAAW,OAAkB;AAClE,QAAO,MAAM,QAAQ;;;AAIvB,SAAgB,WAAyB;CACvC,MAAM,EAAE,UAAU,kBAAkB;AACpC,QAAO;;;AAIT,SAAgB,uBAA2E;AAEzF,QADY,WAAW,cAAc,EACzB;;AAOd,MAAa,YAAY,WAA2C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CAClH,MAAM,EAAE,OAAO,UAAU,kBAAkB;CAC3C,MAAM,cAAc,OAAuB,KAAK;CAChD,MAAM,cAAc,gBAAgB,KAAK,YAAY;AAErD,iBAAgB;AACd,MAAI,CAAC,MAAO;AACZ,SAAO,MAAM,OAAO;GAAE;GAAO,WAAW,YAAY;GAAS,CAAC;IAC7D,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAI,KAAK;EAAa,GAAI;EACxB;GACG;EAER"}

package/dist/dev/player/create-player.d.ts

@@ -0,0 +1,47 @@
+import { Container } from "./context.js";
+import { AnyPlayerFeature, AudioFeatures, AudioPlayerStore, Media, PlayerStore, VideoFeatures, VideoPlayerStore } from "@videojs/core/dom";
+import { InferStoreState } from "@videojs/store";
+import { FC, ReactNode } from "react";
+
+//#region src/player/create-player.d.ts
+interface CreatePlayerConfig<Features extends AnyPlayerFeature[]> {
+  features: Features;
+  displayName?: string;
+}
+interface ProviderProps {
+  children: ReactNode;
+}
+interface CreatePlayerResult<Store extends PlayerStore> {
+  Provider: FC<ProviderProps>;
+  Container: typeof Container;
+  usePlayer: UsePlayerHook<Store>;
+  useMedia: () => Media | null;
+}
+type UsePlayerHook<Store extends PlayerStore> = {
+  (): Store;
+  <R>(selector: (state: InferStoreState<Store>) => R): R;
+};
+/**
+ * Create a player instance with typed store, Provider component, Container, and hooks.
+ *
+ * @label Video
+ * @param config - Player configuration with features and optional display name.
+ */
+declare function createPlayer(config: CreatePlayerConfig<VideoFeatures>): CreatePlayerResult<VideoPlayerStore>;
+/**
+ * Create a player for audio media.
+ *
+ * @label Audio
+ * @param config - Player configuration with features and optional display name.
+ */
+declare function createPlayer(config: CreatePlayerConfig<AudioFeatures>): CreatePlayerResult<AudioPlayerStore>;
+/**
+ * Create a player with custom features.
+ *
+ * @label Generic
+ * @param config - Player configuration with features and optional display name.
+ */
+declare function createPlayer<const Features extends AnyPlayerFeature[]>(config: CreatePlayerConfig<Features>): CreatePlayerResult<PlayerStore<Features>>;
+//#endregion
+export { CreatePlayerConfig, CreatePlayerResult, ProviderProps, createPlayer };
+//# sourceMappingURL=create-player.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-player.d.ts","names":[],"sources":["../../../src/player/create-player.tsx"],"mappings":";;;;;;UAsBiB,kBAAA,kBAAoC,gBAAA;EACnD,QAAA,EAAU,QAAA;EACV,WAAA;AAAA;AAAA,UAGe,aAAA;EACf,QAAA,EAAU,SAAA;AAAA;AAAA,UAGK,kBAAA,eAAiC,WAAA;EAChD,QAAA,EAAU,EAAA,CAAG,aAAA;EACb,SAAA,SAAkB,SAAA;EAClB,SAAA,EAAW,aAAA,CAAc,KAAA;EACzB,QAAA,QAAgB,KAAA;AAAA;AAAA,KAGN,aAAA,eAA4B,WAAA;EAAA,IAClC,KAAA;EAAA,IACA,QAAA,GAAW,KAAA,EAAO,eAAA,CAAgB,KAAA,MAAW,CAAA,GAAI,CAAA;AAAA;;AATvD;;;;;iBAkBgB,YAAA,CAAa,MAAA,EAAQ,kBAAA,CAAmB,aAAA,IAAiB,kBAAA,CAAmB,gBAAA;;;;;;;iBAQ5E,YAAA,CAAa,MAAA,EAAQ,kBAAA,CAAmB,aAAA,IAAiB,kBAAA,CAAmB,gBAAA;;;;;;;iBAQ5E,YAAA,wBAAoC,gBAAA,GAAA,CAClD,MAAA,EAAQ,kBAAA,CAAmB,QAAA,IAC1B,kBAAA,CAAmB,WAAA,CAAY,QAAA"}

package/dist/dev/player/create-player.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { Container, PlayerContextProvider, useMedia, usePlayerContext } from "./context.js";
+import { useDestroy } from "../utils/use-destroy.js";
+import { combine, createStore } from "@videojs/store";
+import { useStore } from "@videojs/store/react";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/player/create-player.tsx
+function createPlayer(config) {
+	function Provider({ children }) {
+		const [store] = useState(() => createStore()(combine(...config.features)));
+		const [media, setMedia] = useState(null);
+		useDestroy(store);
+		return /* @__PURE__ */ jsx(PlayerContextProvider, {
+			value: {
+				store,
+				media,
+				setMedia
+			},
+			children
+		});
+	}
+	if (config.displayName) Provider.displayName = `${config.displayName}.Provider`;
+	function usePlayer(selector) {
+		const { store } = usePlayerContext();
+		return useStore(store, selector);
+	}
+	return {
+		Provider,
+		Container,
+		usePlayer,
+		useMedia
+	};
+}
+
+//#endregion
+export { createPlayer };
+//# sourceMappingURL=create-player.js.map

package/dist/dev/player/create-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-player.js","names":[],"sources":["../../../src/player/create-player.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  AnyPlayerFeature,\n  AnyPlayerStore,\n  AudioFeatures,\n  AudioPlayerStore,\n  Media,\n  PlayerStore,\n  PlayerTarget,\n  VideoFeatures,\n  VideoPlayerStore,\n} from '@videojs/core/dom';\nimport type { InferStoreState } from '@videojs/store';\nimport { combine, createStore } from '@videojs/store';\nimport { useStore } from '@videojs/store/react';\nimport type { FC, ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { useDestroy } from '../utils/use-destroy';\nimport { Container, PlayerContextProvider, useMedia, usePlayerContext } from './context';\n\nexport interface CreatePlayerConfig<Features extends AnyPlayerFeature[]> {\n  features: Features;\n  displayName?: string;\n}\n\nexport interface ProviderProps {\n  children: ReactNode;\n}\n\nexport interface CreatePlayerResult<Store extends PlayerStore> {\n  Provider: FC<ProviderProps>;\n  Container: typeof Container;\n  usePlayer: UsePlayerHook<Store>;\n  useMedia: () => Media | null;\n}\n\nexport type UsePlayerHook<Store extends PlayerStore> = {\n  (): Store;\n  <R>(selector: (state: InferStoreState<Store>) => R): R;\n};\n\n/**\n * Create a player instance with typed store, Provider component, Container, and hooks.\n *\n * @label Video\n * @param config - Player configuration with features and optional display name.\n */\nexport function createPlayer(config: CreatePlayerConfig<VideoFeatures>): CreatePlayerResult<VideoPlayerStore>;\n\n/**\n * Create a player for audio media.\n *\n * @label Audio\n * @param config - Player configuration with features and optional display name.\n */\nexport function createPlayer(config: CreatePlayerConfig<AudioFeatures>): CreatePlayerResult<AudioPlayerStore>;\n\n/**\n * Create a player with custom features.\n *\n * @label Generic\n * @param config - Player configuration with features and optional display name.\n */\nexport function createPlayer<const Features extends AnyPlayerFeature[]>(\n  config: CreatePlayerConfig<Features>\n): CreatePlayerResult<PlayerStore<Features>>;\n\nexport function createPlayer(config: CreatePlayerConfig<AnyPlayerFeature[]>): CreatePlayerResult<AnyPlayerStore> {\n  function Provider({ children }: ProviderProps): ReactNode {\n    const [store] = useState(() => createStore<PlayerTarget>()(combine(...config.features)));\n    const [media, setMedia] = useState<Media | null>(null);\n\n    useDestroy(store);\n\n    return <PlayerContextProvider value={{ store, media, setMedia }}>{children}</PlayerContextProvider>;\n  }\n\n  if (__DEV__ && config.displayName) {\n    Provider.displayName = `${config.displayName}.Provider`;\n  }\n\n  function usePlayer<R>(selector?: (state: object) => R): AnyPlayerStore | R {\n    const { store } = usePlayerContext();\n    return useStore(store, selector as any);\n  }\n\n  return {\n    Provider,\n    Container,\n    usePlayer,\n    useMedia,\n  };\n}\n"],"mappings":";;;;;;;;;;AAqEA,SAAgB,aAAa,QAAoF;CAC/G,SAAS,SAAS,EAAE,YAAsC;EACxD,MAAM,CAAC,SAAS,eAAe,aAA2B,CAAC,QAAQ,GAAG,OAAO,SAAS,CAAC,CAAC;EACxF,MAAM,CAAC,OAAO,YAAY,SAAuB,KAAK;AAEtD,aAAW,MAAM;AAEjB,SAAO,oBAAC;GAAsB,OAAO;IAAE;IAAO;IAAO;IAAU;GAAG;IAAiC;;AAGrG,KAAe,OAAO,YACpB,UAAS,cAAc,GAAG,OAAO,YAAY;CAG/C,SAAS,UAAa,UAAqD;EACzE,MAAM,EAAE,UAAU,kBAAkB;AACpC,SAAO,SAAS,OAAO,SAAgB;;AAGzC,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/dev/presets/audio/index.d.ts

@@ -0,0 +1,7 @@
+import { Audio, AudioProps } from "../../media/audio.js";
+import { MinimalAudioSkin, MinimalAudioSkinProps } from "./minimal-skin.js";
+import { MinimalAudioSkinTailwind } from "./minimal-skin.tailwind.js";
+import { AudioSkin, AudioSkinProps } from "./skin.js";
+import { AudioSkinTailwind } from "./skin.tailwind.js";
+import { audioFeatures } from "@videojs/core/dom";
+export { Audio, type AudioProps, AudioSkin, AudioSkinProps, AudioSkinTailwind, MinimalAudioSkin, MinimalAudioSkinProps, MinimalAudioSkinTailwind, audioFeatures };

package/dist/dev/presets/audio/index.js

@@ -0,0 +1,8 @@
+import { Audio } from "../../media/audio.js";
+import { MinimalAudioSkin } from "./minimal-skin.js";
+import { MinimalAudioSkinTailwind } from "./minimal-skin.tailwind.js";
+import { AudioSkin } from "./skin.js";
+import { AudioSkinTailwind } from "./skin.tailwind.js";
+import { audioFeatures } from "@videojs/core/dom";
+
+export { Audio, AudioSkin, AudioSkinTailwind, MinimalAudioSkin, MinimalAudioSkinTailwind, audioFeatures };