@videojs/react 0.1.0-preview.8 → 10.0.0-alpha.3

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, 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\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  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 HlsVideo;\n"],"mappings":";;;;;;;;;AAUA,MAAa,WAAW,YAA6C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACnG,MAAM,WAAW,cAAc,IAAI,UAAU,EAAE,EAAE,CAAC;CAClD,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;;iBAgBpB,gBAAA,CAAA,GAAoB,kBAAA;;;;;;iBAWpB,SAAA,CAAA,GAAa,YAAA;;;;;;;iBAOb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAOpD,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,55 @@
+'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);
+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);
+}
+/** 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, 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);\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/** 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;AAEpE,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;;;AAIzC,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":";;;;;;UAqBiB,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,39 @@
+'use client';
+
+import { Container, PlayerContextProvider, useMedia, usePlayerContext } from "./context.js";
+import { combine, createStore } from "@videojs/store";
+import { useStore } from "@videojs/store/react";
+import { useEffect, 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);
+		useEffect(() => () => store.destroy(), [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 { useEffect, useState } from 'react';\n\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    useEffect(() => () => store.destroy(), [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":";;;;;;;;;AAoEA,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,wBAAsB,MAAM,SAAS,EAAE,CAAC,MAAM,CAAC;AAE/C,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,4 @@
+import { Audio, AudioProps } from "../../media/audio.js";
+import { MinimalAudioSkin, MinimalAudioSkinProps } from "./minimal-skin.js";
+import { AudioSkin, AudioSkinProps } from "./skin.js";
+export { Audio, type AudioProps, AudioSkin, AudioSkinProps, MinimalAudioSkin, MinimalAudioSkinProps };

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

@@ -0,0 +1,5 @@
+import { Audio } from "../../media/audio.js";
+import { MinimalAudioSkin } from "./minimal-skin.js";
+import { AudioSkin } from "./skin.js";
+
+export { Audio, AudioSkin, MinimalAudioSkin };

package/dist/dev/presets/audio/minimal-skin.css

@@ -0,0 +1,3 @@
+.media-minimal-skin {
+  color: var(--media-color, red);
+}

package/dist/dev/presets/audio/minimal-skin.d.ts

@@ -0,0 +1,9 @@
+import { BaseSkinProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presets/audio/minimal-skin.d.ts
+type MinimalAudioSkinProps = BaseSkinProps;
+declare function MinimalAudioSkin(props: MinimalAudioSkinProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MinimalAudioSkin, MinimalAudioSkinProps };
+//# sourceMappingURL=minimal-skin.d.ts.map

package/dist/dev/presets/audio/minimal-skin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-skin.d.ts","names":[],"sources":["../../../../src/presets/audio/minimal-skin.tsx"],"mappings":";;;;KAEY,qBAAA,GAAwB,aAAA;AAAA,iBAEpB,gBAAA,CAAiB,KAAA,EAAO,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/dev/presets/audio/minimal-skin.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/presets/audio/minimal-skin.tsx
+function MinimalAudioSkin(props) {
+	const { children } = props;
+	return /* @__PURE__ */ jsx("div", { children });
+}
+
+//#endregion
+export { MinimalAudioSkin };
+//# sourceMappingURL=minimal-skin.js.map

package/dist/dev/presets/audio/minimal-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-skin.js","names":[],"sources":["../../../../src/presets/audio/minimal-skin.tsx"],"sourcesContent":["import type { BaseSkinProps } from '../types';\n\nexport type MinimalAudioSkinProps = BaseSkinProps;\n\nexport function MinimalAudioSkin(props: MinimalAudioSkinProps) {\n  const { children } = props;\n  return <div>{children}</div>;\n}\n"],"mappings":";;;AAIA,SAAgB,iBAAiB,OAA8B;CAC7D,MAAM,EAAE,aAAa;AACrB,QAAO,oBAAC,SAAK,WAAe"}

package/dist/dev/presets/audio/skin.css

@@ -0,0 +1,3 @@
+.media-skin {
+  color: var(--media-color, red);
+}

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

@@ -0,0 +1,9 @@
+import { BaseSkinProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presets/audio/skin.d.ts
+type AudioSkinProps = BaseSkinProps;
+declare function AudioSkin(props: AudioSkinProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AudioSkin, AudioSkinProps };
+//# sourceMappingURL=skin.d.ts.map

package/dist/dev/presets/audio/skin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/presets/audio/skin.tsx"],"mappings":";;;;KAEY,cAAA,GAAiB,aAAA;AAAA,iBAEb,SAAA,CAAU,KAAA,EAAO,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/presets/audio/skin.tsx
+function AudioSkin(props) {
+	const { children } = props;
+	return /* @__PURE__ */ jsx("div", { children });
+}
+
+//#endregion
+export { AudioSkin };
+//# sourceMappingURL=skin.js.map

package/dist/dev/presets/audio/skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.js","names":[],"sources":["../../../../src/presets/audio/skin.tsx"],"sourcesContent":["import type { BaseSkinProps } from '../types';\n\nexport type AudioSkinProps = BaseSkinProps;\n\nexport function AudioSkin(props: AudioSkinProps) {\n  const { children } = props;\n  return <div>{children}</div>;\n}\n"],"mappings":";;;AAIA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,aAAa;AACrB,QAAO,oBAAC,SAAK,WAAe"}

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

@@ -0,0 +1,3 @@
+import { BackgroundVideo, BackgroundVideoProps } from "../../media/background-video/index.js";
+import { BackgroundVideoSkin, BackgroundVideoSkinProps } from "./skin.js";
+export { BackgroundVideo, type BackgroundVideoProps, BackgroundVideoSkin, BackgroundVideoSkinProps };

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

@@ -0,0 +1,4 @@
+import { BackgroundVideo } from "../../media/background-video/index.js";
+import { BackgroundVideoSkin } from "./skin.js";
+
+export { BackgroundVideo, BackgroundVideoSkin };

package/dist/dev/presets/background/skin.css

@@ -0,0 +1,3 @@
+.media-skin {
+  color: var(--media-color, red);
+}

package/dist/dev/presets/background/skin.d.ts

@@ -0,0 +1,9 @@
+import { BaseSkinProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presets/background/skin.d.ts
+type BackgroundVideoSkinProps = BaseSkinProps;
+declare function BackgroundVideoSkin(props: BackgroundVideoSkinProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BackgroundVideoSkin, BackgroundVideoSkinProps };
+//# sourceMappingURL=skin.d.ts.map

package/dist/dev/presets/background/skin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"mappings":";;;;KAEY,wBAAA,GAA2B,aAAA;AAAA,iBAEvB,mBAAA,CAAoB,KAAA,EAAO,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/dev/presets/background/skin.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/presets/background/skin.tsx
+function BackgroundVideoSkin(props) {
+	const { children } = props;
+	return /* @__PURE__ */ jsx("div", { children });
+}
+
+//#endregion
+export { BackgroundVideoSkin };
+//# sourceMappingURL=skin.js.map

package/dist/dev/presets/background/skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.js","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"sourcesContent":["import type { BaseSkinProps } from '../types';\n\nexport type BackgroundVideoSkinProps = BaseSkinProps;\n\nexport function BackgroundVideoSkin(props: BackgroundVideoSkinProps) {\n  const { children } = props;\n  return <div>{children}</div>;\n}\n"],"mappings":";;;AAIA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,aAAa;AACrB,QAAO,oBAAC,SAAK,WAAe"}

package/dist/dev/presets/types.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, PropsWithChildren } from "react";
+
+//#region src/presets/types.d.ts
+type BaseSkinProps<T = unknown> = PropsWithChildren<T & {
+  style?: CSSProperties;
+  className?: string;
+}>;
+//#endregion
+export { BaseSkinProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/dev/presets/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/presets/types.ts"],"mappings":";;;KAEY,aAAA,gBAA6B,iBAAA,CACvC,CAAA;EACE,KAAA,GAAQ,aAAA;EACR,SAAA;AAAA"}

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

@@ -0,0 +1,6 @@
+import { Video, VideoProps } from "../../media/video.js";
+import { MinimalVideoSkin, MinimalVideoSkinProps } from "./minimal-skin.js";
+import { MinimalVideoSkinTailwind } from "./minimal-skin.tailwind.js";
+import { VideoSkin, VideoSkinProps } from "./skin.js";
+import { VideoSkinTailwind } from "./skin.tailwind.js";
+export { MinimalVideoSkin, MinimalVideoSkinProps, MinimalVideoSkinTailwind, Video, type VideoProps, VideoSkin, VideoSkinProps, VideoSkinTailwind };

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

@@ -0,0 +1,7 @@
+import { Video } from "../../media/video.js";
+import { MinimalVideoSkin } from "./minimal-skin.js";
+import { MinimalVideoSkinTailwind } from "./minimal-skin.tailwind.js";
+import { VideoSkin } from "./skin.js";
+import { VideoSkinTailwind } from "./skin.tailwind.js";
+
+export { MinimalVideoSkin, MinimalVideoSkinTailwind, Video, VideoSkin, VideoSkinTailwind };