@videojs/react 10.0.0-beta.9 → 10.0.0-rc.2

package/dist/dev/ui/play-button/component.js

@@ -0,0 +1,32 @@
+import { createMediaButton } from "../create-media-button.js";
+import { PlayButtonCore, PlayButtonDataAttrs } from "@videojs/core";
+import { selectPlayback } from "@videojs/core/dom";
+//#region src/ui/play-button/component.tsx
+/**
+* A button that toggles playback.
+*
+* @example
+*   ```tsx
+*   <PlayButton />
+*
+*   <PlayButton
+*   render={(props, state) => (
+*   <button {...props}>
+*   {state.paused ? <PlayIcon /> : <PauseIcon />}
+*   </button>
+*   )}
+*   />
+*   ```;
+*/
+const PlayButton = createMediaButton({
+	displayName: "PlayButton",
+	core: PlayButtonCore,
+	stateAttrMap: PlayButtonDataAttrs,
+	selector: selectPlayback,
+	action: (core, state) => core.toggle(state),
+	hotkeyAction: "togglePaused"
+});
+//#endregion
+export { PlayButton };
+
+//# sourceMappingURL=component.js.map

package/dist/dev/ui/play-button/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","names":[],"sources":["../../../../src/ui/play-button/component.tsx"],"sourcesContent":["import { PlayButtonCore, PlayButtonDataAttrs } from '@videojs/core';\nimport { selectPlayback } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface PlayButtonProps extends UIComponentProps<'button', PlayButtonCore.State>, PlayButtonCore.Props {}\n\n/**\n * A button that toggles playback.\n *\n * @example\n *   ```tsx\n *   <PlayButton />\n *\n *   <PlayButton\n *   render={(props, state) => (\n *   <button {...props}>\n *   {state.paused ? <PlayIcon /> : <PauseIcon />}\n *   </button>\n *   )}\n *   />\n *   ```;\n */\nexport const PlayButton = createMediaButton<PlayButtonCore, PlayButtonProps>({\n  displayName: 'PlayButton',\n  core: PlayButtonCore,\n  stateAttrMap: PlayButtonDataAttrs,\n  selector: selectPlayback,\n  action: (core, state) => core.toggle(state),\n  hotkeyAction: 'togglePaused',\n});\n\nexport namespace PlayButton {\n  export type Props = PlayButtonProps;\n  export type State = PlayButtonCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,kBAAmD;CAC3E,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,KAAK;CAC1C,cAAc;AAChB,CAAC"}

package/dist/dev/ui/play-button/index.d.ts

@@ -1,2 +1,2 @@
-import { PlayButton, PlayButtonProps } from "./play-button.js";
+import { PlayButton, PlayButtonProps } from "./component.js";
 export { PlayButton, type PlayButtonProps };

package/dist/dev/ui/play-button/index.js

@@ -1,3 +1,2 @@
-import { PlayButton } from "./play-button.js";
-
-export { PlayButton };
+import { PlayButton } from "./component.js";
+export { PlayButton };

package/dist/dev/ui/playback-rate/index.d.ts

@@ -0,0 +1,2 @@
+import { PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, usePlaybackRateOptions } from "./use-playback-rate-options.js";
+export { type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, usePlaybackRateOptions };

package/dist/dev/ui/playback-rate/index.js

@@ -0,0 +1,2 @@
+import { usePlaybackRateOptions } from "./use-playback-rate-options.js";
+export { usePlaybackRateOptions };

package/dist/dev/ui/playback-rate/use-playback-rate-options.d.ts

@@ -0,0 +1,32 @@
+import { TranslatedRadioOption } from "../hooks/create-radio-options-hook.js";
+import { PlaybackRateRadioGroupCore, PlaybackRateRadioGroupOption } from "@videojs/core";
+//#region src/ui/playback-rate/use-playback-rate-options.d.ts
+interface PlaybackRateOptionsProps extends PlaybackRateRadioGroupCore.Props {}
+type PlaybackRateOption = TranslatedRadioOption<PlaybackRateRadioGroupOption>;
+interface PlaybackRateOptionsResult {
+  state: PlaybackRateRadioGroupCore.State;
+  label: string;
+  rate: number;
+  value: string;
+  selectedLabel: string;
+  options: PlaybackRateOption[];
+  disabled: boolean;
+  hidden: boolean;
+  setRate: (rate: number) => void;
+  setValue: (value: string) => void;
+}
+/**
+ * Create playback rate menu options from the player playback rate state. Returns `null` when the playback rate feature
+ * is not configured.
+ *
+ * @param props - Optional `label`, `formatRate`, and `disabled` overrides.
+ */
+declare function usePlaybackRateOptions(props?: PlaybackRateOptionsProps): PlaybackRateOptionsResult | null;
+declare namespace usePlaybackRateOptions {
+  type Props = PlaybackRateOptionsProps;
+  type Result = PlaybackRateOptionsResult;
+  type Option = PlaybackRateOption;
+}
+//#endregion
+export { PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, usePlaybackRateOptions };
+//# sourceMappingURL=use-playback-rate-options.d.ts.map

package/dist/dev/ui/playback-rate/use-playback-rate-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-playback-rate-options.d.ts","names":[],"sources":["../../../../src/ui/playback-rate/use-playback-rate-options.ts"],"mappings":";;;UAUiB,iCAAiC,2BAA2B;KAEjE,qBAAqB,sBAAsB;UAEtC;EACf,OAAO,2BAA2B;EAClC;EACA;EACA;EACA;EACA,SAAS;EACT;EACA;EACA,UAAU;EACV,WAAW;;;;;;;;iBAgBG,uBAAuB,QAAQ,2BAA2B;kBAazD;OACH,QAAQ;OACR,SAAS;OACT,SAAS"}

package/dist/dev/ui/playback-rate/use-playback-rate-options.js

@@ -0,0 +1,31 @@
+import { createRadioOptionsHook } from "../hooks/create-radio-options-hook.js";
+import { PlaybackRateRadioGroupCore } from "@videojs/core";
+import { selectPlaybackRate } from "@videojs/core/dom";
+import { useCallback } from "react";
+//#region src/ui/playback-rate/use-playback-rate-options.ts
+const usePlaybackRateRadioOptions = createRadioOptionsHook({
+	name: "usePlaybackRateOptions",
+	feature: "playbackRate",
+	selector: selectPlaybackRate,
+	createCore: () => new PlaybackRateRadioGroupCore()
+});
+/**
+* Create playback rate menu options from the player playback rate state. Returns `null` when the playback rate feature
+* is not configured.
+*
+* @param props - Optional `label`, `formatRate`, and `disabled` overrides.
+*/
+function usePlaybackRateOptions(props) {
+	const result = usePlaybackRateRadioOptions(props);
+	const setRate = useCallback((rate) => result?.setValue(String(rate)), [result?.setValue]);
+	if (!result) return null;
+	return {
+		...result,
+		rate: result.state.rate,
+		setRate
+	};
+}
+//#endregion
+export { usePlaybackRateOptions };
+
+//# sourceMappingURL=use-playback-rate-options.js.map

package/dist/dev/ui/playback-rate/use-playback-rate-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-playback-rate-options.js","names":["PlaybackRateRadioGroupCoreClass"],"sources":["../../../../src/ui/playback-rate/use-playback-rate-options.ts"],"sourcesContent":["import {\n  type PlaybackRateRadioGroupCore,\n  PlaybackRateRadioGroupCore as PlaybackRateRadioGroupCoreClass,\n  type PlaybackRateRadioGroupOption,\n} from '@videojs/core';\nimport { selectPlaybackRate } from '@videojs/core/dom';\nimport { useCallback } from 'react';\n\nimport { createRadioOptionsHook, type TranslatedRadioOption } from '../hooks/create-radio-options-hook';\n\nexport interface PlaybackRateOptionsProps extends PlaybackRateRadioGroupCore.Props {}\n\nexport type PlaybackRateOption = TranslatedRadioOption<PlaybackRateRadioGroupOption>;\n\nexport interface PlaybackRateOptionsResult {\n  state: PlaybackRateRadioGroupCore.State;\n  label: string;\n  rate: number;\n  value: string;\n  selectedLabel: string;\n  options: PlaybackRateOption[];\n  disabled: boolean;\n  hidden: boolean;\n  setRate: (rate: number) => void;\n  setValue: (value: string) => void;\n}\n\nconst usePlaybackRateRadioOptions = createRadioOptionsHook({\n  name: 'usePlaybackRateOptions',\n  feature: 'playbackRate',\n  selector: selectPlaybackRate,\n  createCore: () => new PlaybackRateRadioGroupCoreClass(),\n});\n\n/**\n * Create playback rate menu options from the player playback rate state. Returns `null` when the playback rate feature\n * is not configured.\n *\n * @param props - Optional `label`, `formatRate`, and `disabled` overrides.\n */\nexport function usePlaybackRateOptions(props?: PlaybackRateOptionsProps): PlaybackRateOptionsResult | null {\n  const result = usePlaybackRateRadioOptions(props);\n  const setRate = useCallback((rate: number) => result?.setValue(String(rate)), [result?.setValue]);\n\n  if (!result) return null;\n\n  return {\n    ...result,\n    rate: result.state.rate,\n    setRate,\n  };\n}\n\nexport namespace usePlaybackRateOptions {\n  export type Props = PlaybackRateOptionsProps;\n  export type Result = PlaybackRateOptionsResult;\n  export type Option = PlaybackRateOption;\n}\n"],"mappings":";;;;;AA2BA,MAAM,8BAA8B,uBAAuB;CACzD,MAAM;CACN,SAAS;CACT,UAAU;CACV,kBAAkB,IAAIA,2BAAgC;AACxD,CAAC;;;;;;;AAQD,SAAgB,uBAAuB,OAAoE;CACzG,MAAM,SAAS,4BAA4B,KAAK;CAChD,MAAM,UAAU,aAAa,SAAiB,QAAQ,SAAS,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,QAAQ,CAAC;CAEhG,IAAI,CAAC,QAAQ,OAAO;CAEpB,OAAO;EACL,GAAG;EACH,MAAM,OAAO,MAAM;EACnB;CACF;AACF"}

package/dist/dev/ui/playback-rate-button/component.d.ts

@@ -0,0 +1,28 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { PlaybackRateButtonCore } from "@videojs/core";
+//#region src/ui/playback-rate-button/component.d.ts
+interface PlaybackRateButtonProps extends UIComponentProps<'button', PlaybackRateButtonCore.State>, PlaybackRateButtonCore.Props {}
+/**
+ * A button that cycles through playback rates.
+ *
+ * @example
+ *   ```tsx
+ *   <PlaybackRateButton />
+ *
+ *   <PlaybackRateButton
+ *   render={(props, state) => (
+ *   <button {...props}>
+ *   {state.rate}&times;
+ *   </button>
+ *   )}
+ *   />
+ *   ```;
+ */
+declare const PlaybackRateButton: import("react").ForwardRefExoticComponent<PlaybackRateButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare namespace PlaybackRateButton {
+  type Props = PlaybackRateButtonProps;
+  type State = PlaybackRateButtonCore.State;
+}
+//#endregion
+export { PlaybackRateButton, PlaybackRateButtonProps };
+//# sourceMappingURL=component.d.ts.map

package/dist/dev/ui/playback-rate-button/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-button/component.tsx"],"mappings":";;;UAMiB,gCACP,2BAA2B,uBAAuB,QAAQ,uBAAuB;;;;;;;;;;;;;;;;;cAkB9E,oCAAkB,0BAAA,0CAAA,cAAA;kBASd;OACH,QAAQ;OACR,QAAQ,uBAAuB"}

package/dist/dev/ui/playback-rate-button/component.js

@@ -0,0 +1,32 @@
+import { createMediaButton } from "../create-media-button.js";
+import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
+import { selectPlaybackRate } from "@videojs/core/dom";
+//#region src/ui/playback-rate-button/component.tsx
+/**
+* A button that cycles through playback rates.
+*
+* @example
+*   ```tsx
+*   <PlaybackRateButton />
+*
+*   <PlaybackRateButton
+*   render={(props, state) => (
+*   <button {...props}>
+*   {state.rate}&times;
+*   </button>
+*   )}
+*   />
+*   ```;
+*/
+const PlaybackRateButton = createMediaButton({
+	displayName: "PlaybackRateButton",
+	core: PlaybackRateButtonCore,
+	stateAttrMap: PlaybackRateButtonDataAttrs,
+	selector: selectPlaybackRate,
+	action: (core, state) => core.cycle(state),
+	hotkeyAction: "speedUp"
+});
+//#endregion
+export { PlaybackRateButton };
+
+//# sourceMappingURL=component.js.map

package/dist/dev/ui/playback-rate-button/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","names":[],"sources":["../../../../src/ui/playback-rate-button/component.tsx"],"sourcesContent":["import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from '@videojs/core';\nimport { selectPlaybackRate } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface PlaybackRateButtonProps\n  extends UIComponentProps<'button', PlaybackRateButtonCore.State>, PlaybackRateButtonCore.Props {}\n\n/**\n * A button that cycles through playback rates.\n *\n * @example\n *   ```tsx\n *   <PlaybackRateButton />\n *\n *   <PlaybackRateButton\n *   render={(props, state) => (\n *   <button {...props}>\n *   {state.rate}&times;\n *   </button>\n *   )}\n *   />\n *   ```;\n */\nexport const PlaybackRateButton = createMediaButton<PlaybackRateButtonCore, PlaybackRateButtonProps>({\n  displayName: 'PlaybackRateButton',\n  core: PlaybackRateButtonCore,\n  stateAttrMap: PlaybackRateButtonDataAttrs,\n  selector: selectPlaybackRate,\n  action: (core, state) => core.cycle(state),\n  hotkeyAction: 'speedUp',\n});\n\nexport namespace PlaybackRateButton {\n  export type Props = PlaybackRateButtonProps;\n  export type State = PlaybackRateButtonCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,qBAAqB,kBAAmE;CACnG,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,MAAM,KAAK;CACzC,cAAc;AAChB,CAAC"}

package/dist/dev/ui/playback-rate-button/index.d.ts

@@ -1,2 +1,2 @@
-import { PlaybackRateButton, PlaybackRateButtonProps } from "./playback-rate-button.js";
+import { PlaybackRateButton, PlaybackRateButtonProps } from "./component.js";
 export { PlaybackRateButton, type PlaybackRateButtonProps };

package/dist/dev/ui/playback-rate-button/index.js

@@ -1,3 +1,2 @@
-import { PlaybackRateButton } from "./playback-rate-button.js";
-
-export { PlaybackRateButton };
+import { PlaybackRateButton } from "./component.js";
+export { PlaybackRateButton };

package/dist/dev/ui/playback-rate-radio-group/component.d.ts

@@ -0,0 +1,48 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { MenuRadioItemProps } from "../menu/radio-item.js";
+import { PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult } from "../playback-rate/use-playback-rate-options.js";
+import "../playback-rate/index.js";
+import { PlaybackRateRadioGroupCore } from "@videojs/core";
+import { ReactElement, ReactNode } from "react";
+//#region src/ui/playback-rate-radio-group/component.d.ts
+type PlaybackRateRadioGroupItemState = PlaybackRateOption & {
+  /** Whether this playback rate is currently selected. */
+  checked: boolean;
+};
+interface PlaybackRateRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {
+  /** Playback rate represented by the item. */
+  'data-rate': string;
+}
+interface PlaybackRateRadioGroupRootProps extends PlaybackRateOptionsProps {
+  children?: ReactNode;
+}
+interface PlaybackRateRadioGroupOptionsProps extends Omit<UIComponentProps<'div', PlaybackRateRadioGroupCore.State>, 'children'> {
+  /** Render one consumer-owned menu radio item for every playback rate. */
+  renderItem: (props: PlaybackRateRadioGroupItemProps, state: PlaybackRateRadioGroupItemState) => ReactElement;
+}
+type PlaybackRateRadioGroupValueProps = UIComponentProps<'span', PlaybackRateOptionsResult>;
+interface PlaybackRateRadioGroupLegacyProps extends PlaybackRateRadioGroupOptionsProps, PlaybackRateOptionsProps {}
+/** Owns playback-rate option state and shares it with an enclosing menu. Does not render a DOM element. */
+declare function PlaybackRateRadioGroupRoot({ children, ...props }: PlaybackRateRadioGroupRootProps): ReactNode;
+/** Displays the selected playback-rate label. */
+declare const PlaybackRateRadioGroupValue: import("react").ForwardRefExoticComponent<Omit<PlaybackRateRadioGroupValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Renders menu radio items for the player's available playback rates. */
+declare const PlaybackRateRadioGroupOptions: import("react").ForwardRefExoticComponent<Omit<PlaybackRateRadioGroupOptionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** @internal Compatibility adapter for the existing preset sources. */
+declare const PlaybackRateRadioGroupLegacy: import("react").ForwardRefExoticComponent<Omit<PlaybackRateRadioGroupLegacyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace PlaybackRateRadioGroupRoot {
+  type Props = PlaybackRateRadioGroupRootProps;
+}
+declare namespace PlaybackRateRadioGroupValue {
+  type Props = PlaybackRateRadioGroupValueProps;
+  type State = PlaybackRateOptionsResult;
+}
+declare namespace PlaybackRateRadioGroupOptions {
+  type Props = PlaybackRateRadioGroupOptionsProps;
+  type State = PlaybackRateRadioGroupCore.State;
+  type ItemProps = PlaybackRateRadioGroupItemProps;
+  type ItemState = PlaybackRateRadioGroupItemState;
+}
+//#endregion
+export { PlaybackRateRadioGroupItemProps, PlaybackRateRadioGroupItemState, PlaybackRateRadioGroupLegacy, PlaybackRateRadioGroupLegacyProps, PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupOptionsProps, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupRootProps, PlaybackRateRadioGroupValue, PlaybackRateRadioGroupValueProps };
+//# sourceMappingURL=component.d.ts.map

package/dist/dev/ui/playback-rate-radio-group/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-radio-group/component.tsx"],"mappings":";;;;;;;KAkBY,kCAAkC;;EAE5C;;UAGe,wCAAwC,KAAK;;EAE5D;;UAGe,wCAAwC;EACvD,WAAW;;UAGI,2CAA2C,KAC1D,wBAAwB,2BAA2B;;EAInD,aAAa,OAAO,iCAAiC,OAAO,oCAAoC;;KAGtF,mCAAmC,yBAAyB;UAEvD,0CACP,oCAAoC;;iBAK9B,6BAA6B,aAAa,SAAS,kCAAkC;;cAWxF,6CAA2B,0BAAA,KAAA,2DAAA,cAAA;;cAc3B,+CAA6B,0BAAA,KAAA,6DAAA,cAAA;;cAuD7B,8CAA4B,0BAAA,KAAA,4DAAA,cAAA;kBA6BxB;OACH,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ,2BAA2B;OACnC,YAAY;OACZ,YAAY"}

package/dist/dev/ui/playback-rate-radio-group/component.js

@@ -0,0 +1,97 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useMenuOptionState } from "../menu/context.js";
+import { MenuRadioGroup } from "../menu/radio-group.js";
+import { usePlaybackRateOptions } from "../playback-rate/use-playback-rate-options.js";
+import { PlaybackRateRadioGroupDataAttrs } from "@videojs/core";
+import { getStateDataAttrs } from "@videojs/core/dom";
+import { Fragment, createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { isFunction } from "@videojs/utils/predicate";
+//#region src/ui/playback-rate-radio-group/component.tsx
+const PlaybackRateRadioGroupContext = createContext(void 0);
+/** Owns playback-rate option state and shares it with an enclosing menu. Does not render a DOM element. */
+function PlaybackRateRadioGroupRoot({ children, ...props }) {
+	const playbackRate = usePlaybackRateOptions(props);
+	useMenuOptionState(toMenuOptionState(playbackRate));
+	return /* @__PURE__ */ jsx(PlaybackRateRadioGroupContext.Provider, {
+		value: playbackRate,
+		children
+	});
+}
+/** Displays the selected playback-rate label. */
+const PlaybackRateRadioGroupValue = forwardRef(function PlaybackRateRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {
+	const playbackRate = usePlaybackRateRadioGroupContext();
+	if (!playbackRate) return null;
+	return renderElement("span", {
+		render,
+		className,
+		style
+	}, {
+		state: playbackRate,
+		ref: forwardedRef,
+		props: [elementProps, { children: playbackRate.selectedLabel }]
+	});
+});
+/** Renders menu radio items for the player's available playback rates. */
+const PlaybackRateRadioGroupOptions = forwardRef(function PlaybackRateRadioGroupOptions(componentProps, forwardedRef) {
+	const { renderItem, render, className, style, "aria-label": ariaLabelProp, "aria-labelledby": ariaLabelledBy, ...elementProps } = componentProps;
+	const playbackRate = usePlaybackRateRadioGroupContext();
+	if (!playbackRate) return null;
+	const { state, value, options, setValue } = playbackRate;
+	const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === void 0 ? playbackRate.label : void 0);
+	return /* @__PURE__ */ jsx(MenuRadioGroup, {
+		...getStateDataAttrs(state, PlaybackRateRadioGroupDataAttrs),
+		...elementProps,
+		ref: forwardedRef,
+		className: isFunction(className) ? className(state) : className,
+		style: isFunction(style) ? style(state) : style,
+		render: isFunction(render) ? (props) => render(props, state) : render,
+		value,
+		onValueChange: setValue,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
+		"aria-disabled": state.disabled || void 0,
+		hidden: state.hidden,
+		children: options.map((option) => {
+			const itemState = {
+				...option,
+				checked: option.value === value
+			};
+			return /* @__PURE__ */ jsx(Fragment, { children: renderItem({
+				value: option.value,
+				disabled: option.disabled,
+				"data-rate": option.value,
+				children: option.label
+			}, itemState) }, option.value);
+		})
+	});
+});
+/** @internal Compatibility adapter for the existing preset sources. */
+const PlaybackRateRadioGroupLegacy = forwardRef(function PlaybackRateRadioGroupLegacy({ label, formatRate, disabled, ...props }, forwardedRef) {
+	return /* @__PURE__ */ jsx(PlaybackRateRadioGroupRoot, {
+		label,
+		formatRate,
+		disabled,
+		children: /* @__PURE__ */ jsx(PlaybackRateRadioGroupOptions, {
+			...props,
+			ref: forwardedRef
+		})
+	});
+});
+function usePlaybackRateRadioGroupContext() {
+	const playbackRate = useContext(PlaybackRateRadioGroupContext);
+	if (playbackRate === void 0) throw new Error("PlaybackRateRadioGroup parts must be used within PlaybackRateRadioGroup.Root");
+	return playbackRate;
+}
+function toMenuOptionState(playbackRate) {
+	return {
+		value: playbackRate?.selectedLabel ?? "",
+		disabled: playbackRate?.disabled ?? true,
+		hidden: playbackRate?.hidden ?? true,
+		availability: playbackRate?.state.availability ?? "unsupported"
+	};
+}
+//#endregion
+export { PlaybackRateRadioGroupLegacy, PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupValue };
+
+//# sourceMappingURL=component.js.map

package/dist/dev/ui/playback-rate-radio-group/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","names":[],"sources":["../../../../src/ui/playback-rate-radio-group/component.tsx"],"sourcesContent":["import { type MenuOptionState, type PlaybackRateRadioGroupCore, PlaybackRateRadioGroupDataAttrs } from '@videojs/core';\nimport { getStateDataAttrs } from '@videojs/core/dom';\nimport { isFunction } from '@videojs/utils/predicate';\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, Fragment, forwardRef, useContext } from 'react';\n\nimport type { HTMLProps, UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuOptionState } from '../menu/context';\nimport { MenuRadioGroup } from '../menu/radio-group';\nimport type { MenuRadioItemProps } from '../menu/radio-item';\nimport {\n  type PlaybackRateOption,\n  type PlaybackRateOptionsProps,\n  type PlaybackRateOptionsResult,\n  usePlaybackRateOptions,\n} from '../playback-rate';\n\nexport type PlaybackRateRadioGroupItemState = PlaybackRateOption & {\n  /** Whether this playback rate is currently selected. */\n  checked: boolean;\n};\n\nexport interface PlaybackRateRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {\n  /** Playback rate represented by the item. */\n  'data-rate': string;\n}\n\nexport interface PlaybackRateRadioGroupRootProps extends PlaybackRateOptionsProps {\n  children?: ReactNode;\n}\n\nexport interface PlaybackRateRadioGroupOptionsProps extends Omit<\n  UIComponentProps<'div', PlaybackRateRadioGroupCore.State>,\n  'children'\n> {\n  /** Render one consumer-owned menu radio item for every playback rate. */\n  renderItem: (props: PlaybackRateRadioGroupItemProps, state: PlaybackRateRadioGroupItemState) => ReactElement;\n}\n\nexport type PlaybackRateRadioGroupValueProps = UIComponentProps<'span', PlaybackRateOptionsResult>;\n\nexport interface PlaybackRateRadioGroupLegacyProps\n  extends PlaybackRateRadioGroupOptionsProps, PlaybackRateOptionsProps {}\n\nconst PlaybackRateRadioGroupContext = createContext<PlaybackRateOptionsResult | null | undefined>(undefined);\n\n/** Owns playback-rate option state and shares it with an enclosing menu. Does not render a DOM element. */\nexport function PlaybackRateRadioGroupRoot({ children, ...props }: PlaybackRateRadioGroupRootProps): ReactNode {\n  const playbackRate = usePlaybackRateOptions(props);\n\n  useMenuOptionState(toMenuOptionState(playbackRate));\n\n  return (\n    <PlaybackRateRadioGroupContext.Provider value={playbackRate}>{children}</PlaybackRateRadioGroupContext.Provider>\n  );\n}\n\n/** Displays the selected playback-rate label. */\nexport const PlaybackRateRadioGroupValue = forwardRef<HTMLSpanElement, PlaybackRateRadioGroupValueProps>(\n  function PlaybackRateRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {\n    const playbackRate = usePlaybackRateRadioGroupContext();\n    if (!playbackRate) return null;\n\n    return renderElement(\n      'span',\n      { render, className, style },\n      { state: playbackRate, ref: forwardedRef, props: [elementProps, { children: playbackRate.selectedLabel }] }\n    );\n  }\n);\n\n/** Renders menu radio items for the player's available playback rates. */\nexport const PlaybackRateRadioGroupOptions = forwardRef<HTMLDivElement, PlaybackRateRadioGroupOptionsProps>(\n  function PlaybackRateRadioGroupOptions(componentProps, forwardedRef) {\n    const {\n      renderItem,\n      render,\n      className,\n      style,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledBy,\n      ...elementProps\n    } = componentProps;\n    const playbackRate = usePlaybackRateRadioGroupContext();\n    if (!playbackRate) return null;\n\n    const { state, value, options, setValue } = playbackRate;\n    const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === undefined ? playbackRate.label : undefined);\n\n    return (\n      <MenuRadioGroup\n        {...getStateDataAttrs(state, PlaybackRateRadioGroupDataAttrs)}\n        {...elementProps}\n        ref={forwardedRef}\n        className={isFunction(className) ? className(state) : className}\n        style={isFunction(style) ? style(state) : style}\n        render={isFunction(render) ? (props: HTMLProps) => render(props, state) : render}\n        value={value}\n        onValueChange={setValue}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-disabled={state.disabled || undefined}\n        hidden={state.hidden}\n      >\n        {options.map((option) => {\n          const itemState = { ...option, checked: option.value === value };\n\n          return (\n            <Fragment key={option.value}>\n              {renderItem(\n                {\n                  value: option.value,\n                  disabled: option.disabled,\n                  'data-rate': option.value,\n                  children: option.label,\n                },\n                itemState\n              )}\n            </Fragment>\n          );\n        })}\n      </MenuRadioGroup>\n    );\n  }\n);\n\n/** @internal Compatibility adapter for the existing preset sources. */\nexport const PlaybackRateRadioGroupLegacy = forwardRef<HTMLDivElement, PlaybackRateRadioGroupLegacyProps>(\n  function PlaybackRateRadioGroupLegacy({ label, formatRate, disabled, ...props }, forwardedRef) {\n    return (\n      <PlaybackRateRadioGroupRoot label={label} formatRate={formatRate} disabled={disabled}>\n        <PlaybackRateRadioGroupOptions {...props} ref={forwardedRef} />\n      </PlaybackRateRadioGroupRoot>\n    );\n  }\n);\n\nfunction usePlaybackRateRadioGroupContext(): PlaybackRateOptionsResult | null {\n  const playbackRate = useContext(PlaybackRateRadioGroupContext);\n\n  if (playbackRate === undefined) {\n    throw new Error('PlaybackRateRadioGroup parts must be used within PlaybackRateRadioGroup.Root');\n  }\n\n  return playbackRate;\n}\n\nfunction toMenuOptionState(playbackRate: PlaybackRateOptionsResult | null): MenuOptionState {\n  return {\n    value: playbackRate?.selectedLabel ?? '',\n    disabled: playbackRate?.disabled ?? true,\n    hidden: playbackRate?.hidden ?? true,\n    availability: playbackRate?.state.availability ?? 'unsupported',\n  };\n}\n\nexport namespace PlaybackRateRadioGroupRoot {\n  export type Props = PlaybackRateRadioGroupRootProps;\n}\n\nexport namespace PlaybackRateRadioGroupValue {\n  export type Props = PlaybackRateRadioGroupValueProps;\n  export type State = PlaybackRateOptionsResult;\n}\n\nexport namespace PlaybackRateRadioGroupOptions {\n  export type Props = PlaybackRateRadioGroupOptionsProps;\n  export type State = PlaybackRateRadioGroupCore.State;\n  export type ItemProps = PlaybackRateRadioGroupItemProps;\n  export type ItemState = PlaybackRateRadioGroupItemState;\n}\n"],"mappings":";;;;;;;;;;AA6CA,MAAM,gCAAgC,cAA4D,KAAA,CAAS;;AAG3G,SAAgB,2BAA2B,EAAE,UAAU,GAAG,SAAqD;CAC7G,MAAM,eAAe,uBAAuB,KAAK;CAEjD,mBAAmB,kBAAkB,YAAY,CAAC;CAElD,OACE,oBAAC,8BAA8B,UAA/B;EAAwC,OAAO;EAAe;CAAiD,CAAA;AAEnH;;AAGA,MAAa,8BAA8B,WACzC,SAAS,4BAA4B,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAAgB,cAAc;CAChG,MAAM,eAAe,iCAAiC;CACtD,IAAI,CAAC,cAAc,OAAO;CAE1B,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EAAE,OAAO;EAAc,KAAK;EAAc,OAAO,CAAC,cAAc,EAAE,UAAU,aAAa,cAAc,CAAC;CAAE,CAC5G;AACF,CACF;;AAGA,MAAa,gCAAgC,WAC3C,SAAS,8BAA8B,gBAAgB,cAAc;CACnE,MAAM,EACJ,YACA,QACA,WACA,OACA,cAAc,eACd,mBAAmB,gBACnB,GAAG,iBACD;CACJ,MAAM,eAAe,iCAAiC;CACtD,IAAI,CAAC,cAAc,OAAO;CAE1B,MAAM,EAAE,OAAO,OAAO,SAAS,aAAa;CAC5C,MAAM,YAAY,kBAAkB,mBAAmB,KAAA,IAAY,aAAa,QAAQ,KAAA;CAExF,OACE,oBAAC,gBAAD;EACE,GAAI,kBAAkB,OAAO,+BAA+B;EAC5D,GAAI;EACJ,KAAK;EACL,WAAW,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;EACtD,OAAO,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI;EAC1C,QAAQ,WAAW,MAAM,KAAK,UAAqB,OAAO,OAAO,KAAK,IAAI;EACnE;EACP,eAAe;EACf,cAAY;EACZ,mBAAiB;EACjB,iBAAe,MAAM,YAAY,KAAA;EACjC,QAAQ,MAAM;EAEb,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,YAAY;IAAE,GAAG;IAAQ,SAAS,OAAO,UAAU;GAAM;GAE/D,OACE,oBAAC,UAAD,EAAA,UACG,WACC;IACE,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,aAAa,OAAO;IACpB,UAAU,OAAO;GACnB,GACA,SACF,EACQ,GAVK,OAAO,KAUZ;EAEd,CAAC;CACa,CAAA;AAEpB,CACF;;AAGA,MAAa,+BAA+B,WAC1C,SAAS,6BAA6B,EAAE,OAAO,YAAY,UAAU,GAAG,SAAS,cAAc;CAC7F,OACE,oBAAC,4BAAD;EAAmC;EAAmB;EAAsB;EAC1E,UAAA,oBAAC,+BAAD;GAA+B,GAAI;GAAO,KAAK;EAAe,CAAA;CACpC,CAAA;AAEhC,CACF;AAEA,SAAS,mCAAqE;CAC5E,MAAM,eAAe,WAAW,6BAA6B;CAE7D,IAAI,iBAAiB,KAAA,GACnB,MAAM,IAAI,MAAM,8EAA8E;CAGhG,OAAO;AACT;AAEA,SAAS,kBAAkB,cAAiE;CAC1F,OAAO;EACL,OAAO,cAAc,iBAAiB;EACtC,UAAU,cAAc,YAAY;EACpC,QAAQ,cAAc,UAAU;EAChC,cAAc,cAAc,MAAM,gBAAgB;CACpD;AACF"}

package/dist/dev/ui/playback-rate-radio-group/index.d.ts

@@ -0,0 +1,3 @@
+import { PlaybackRateRadioGroupLegacy } from "./component.js";
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as PlaybackRateRadioGroup, PlaybackRateRadioGroupLegacy };

package/dist/dev/ui/playback-rate-radio-group/index.js

@@ -0,0 +1,3 @@
+import { PlaybackRateRadioGroupLegacy } from "./component.js";
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as PlaybackRateRadioGroup, PlaybackRateRadioGroupLegacy };

package/dist/dev/ui/playback-rate-radio-group/index.parts.d.ts

@@ -0,0 +1,7 @@
+import { PlaybackRateRadioGroupItemProps, PlaybackRateRadioGroupItemState, PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupOptionsProps, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupRootProps, PlaybackRateRadioGroupValue, PlaybackRateRadioGroupValueProps } from "./component.js";
+declare namespace index_parts_d_exports {
+  export { PlaybackRateRadioGroupItemProps as ItemProps, PlaybackRateRadioGroupItemState as ItemState, PlaybackRateRadioGroupOptions as Options, PlaybackRateRadioGroupOptionsProps as OptionsProps, PlaybackRateRadioGroupRoot as Root, PlaybackRateRadioGroupRootProps as RootProps, PlaybackRateRadioGroupValue as Value, PlaybackRateRadioGroupValueProps as ValueProps };
+}
+//#endregion
+export { type PlaybackRateRadioGroupItemProps as ItemProps, type PlaybackRateRadioGroupItemState as ItemState, PlaybackRateRadioGroupOptions as Options, type PlaybackRateRadioGroupOptionsProps as OptionsProps, PlaybackRateRadioGroupRoot as Root, type PlaybackRateRadioGroupRootProps as RootProps, PlaybackRateRadioGroupValue as Value, type PlaybackRateRadioGroupValueProps as ValueProps, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/dev/ui/playback-rate-radio-group/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-radio-group/index.parts.ts"],"mappings":""}

package/dist/dev/ui/playback-rate-radio-group/index.parts.js

@@ -0,0 +1,12 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupValue } from "./component.js";
+//#region src/ui/playback-rate-radio-group/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Options: () => PlaybackRateRadioGroupOptions,
+	Root: () => PlaybackRateRadioGroupRoot,
+	Value: () => PlaybackRateRadioGroupValue
+});
+//#endregion
+export { PlaybackRateRadioGroupOptions as Options, PlaybackRateRadioGroupRoot as Root, PlaybackRateRadioGroupValue as Value, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/dev/ui/playback-rate-radio-group/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/playback-rate-radio-group/index.parts.ts"],"sourcesContent":["export {\n  type PlaybackRateRadioGroupItemProps as ItemProps,\n  type PlaybackRateRadioGroupItemState as ItemState,\n  PlaybackRateRadioGroupOptions as Options,\n  type PlaybackRateRadioGroupOptionsProps as OptionsProps,\n  PlaybackRateRadioGroupRoot as Root,\n  type PlaybackRateRadioGroupRootProps as RootProps,\n  PlaybackRateRadioGroupValue as Value,\n  type PlaybackRateRadioGroupValueProps as ValueProps,\n} from './component';\n"],"mappings":""}

package/dist/dev/ui/popover/arrow.d.ts

@@ -0,0 +1,13 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { PopoverState } from "@videojs/core";
+//#region src/ui/popover/arrow.d.ts
+interface PopoverArrowProps extends UIComponentProps<'div', PopoverState> {}
+/** Decorative arrow pointing from the popup toward the trigger. Hidden from assistive technology. */
+declare const PopoverArrow: import("react").ForwardRefExoticComponent<PopoverArrowProps>;
+declare namespace PopoverArrow {
+  type Props = PopoverArrowProps;
+  type State = PopoverState;
+}
+//#endregion
+export { PopoverArrow, PopoverArrowProps };
+//# sourceMappingURL=arrow.d.ts.map

package/dist/dev/ui/popover/arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.d.ts","names":[],"sources":["../../../../src/ui/popover/arrow.tsx"],"mappings":";;;UAMiB,0BAA0B,wBAAwB;;cAGtD,8BAAY,0BAAA;kBAOR;OACH,QAAQ;OACR,QAAQ"}

package/dist/dev/ui/popover/arrow.js

@@ -0,0 +1,14 @@
+import { createContextPart } from "../create-context-part.js";
+import { usePopoverContext } from "./context.js";
+//#region src/ui/popover/arrow.tsx
+/** Decorative arrow pointing from the popup toward the trigger. Hidden from assistive technology. */
+const PopoverArrow = createContextPart({
+	displayName: "PopoverArrow",
+	tag: "div",
+	useContext: usePopoverContext,
+	staticProps: { "aria-hidden": "true" }
+});
+//#endregion
+export { PopoverArrow };
+
+//# sourceMappingURL=arrow.js.map

package/dist/dev/ui/popover/arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","names":[],"sources":["../../../../src/ui/popover/arrow.tsx"],"sourcesContent":["import type { PopoverState } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { usePopoverContext } from './context';\n\nexport interface PopoverArrowProps extends UIComponentProps<'div', PopoverState> {}\n\n/** Decorative arrow pointing from the popup toward the trigger. Hidden from assistive technology. */\nexport const PopoverArrow = createContextPart<PopoverArrowProps, PopoverState>({\n  displayName: 'PopoverArrow',\n  tag: 'div',\n  useContext: usePopoverContext,\n  staticProps: { 'aria-hidden': 'true' as const },\n});\n\nexport namespace PopoverArrow {\n  export type Props = PopoverArrowProps;\n  export type State = PopoverState;\n}\n"],"mappings":";;;;AASA,MAAa,eAAe,kBAAmD;CAC7E,aAAa;CACb,KAAK;CACL,YAAY;CACZ,aAAa,EAAE,eAAe,OAAgB;AAChD,CAAC"}

package/dist/dev/ui/popover/context.d.ts

@@ -1,15 +1,19 @@
-import { PopoverApi } from "@videojs/core/dom";
-import { PopoverCore, StateAttrMap as StateAttrMap$1 } from "@videojs/core";
-
+import { PopoverCore, StateAttrMap } from "@videojs/core";
+import { MediaContainer, PopoverApi, PositioningBoundary } from "@videojs/core/dom";
 //#region src/ui/popover/context.d.ts
 interface PopoverContextValue {
   core: PopoverCore;
   popover: PopoverApi;
   state: PopoverCore.State;
-  stateAttrMap: StateAttrMap$1<PopoverCore.State>;
+  preferredSide: PopoverCore.State['side'];
+  setPositionedSide: (side: PopoverCore.State['side']) => void;
+  stateAttrMap: StateAttrMap<PopoverCore.State>;
   anchorName: string;
   popupId: string;
+  boundary: PositioningBoundary;
+  container: MediaContainer | null;
 }
+/** Returns the current popover compound-component context. Throws outside `Popover.Root`. */
 declare function usePopoverContext(): PopoverContextValue;
 //#endregion
 export { PopoverContextValue, usePopoverContext };

package/dist/dev/ui/popover/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"mappings":";;;;UAMiB,mBAAA;EACf,IAAA,EAAM,WAAA;EACN,OAAA,EAAS,UAAA;EACT,KAAA,EAAO,WAAA,CAAY,KAAA;EACnB,YAAA,EAAc,cAAA,CAAa,WAAA,CAAY,KAAA;EACvC,UAAA;EACA,OAAA;AAAA;AAAA,iBAOc,iBAAA,CAAA,GAAqB,mBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"mappings":";;;UAIiB;EACf,MAAM;EACN,SAAS;EACT,OAAO,YAAY;EACnB,eAAe,YAAY;EAC3B,oBAAoB,MAAM,YAAY;EACtC,cAAc,aAAa,YAAY;EACvC;EACA;EACA,UAAU;EACV,WAAW;;;iBAQG,qBAAqB"}

package/dist/dev/ui/popover/context.js

@@ -1,16 +1,14 @@
-'use client';
-
 import { createContext, useContext } from "react";
-
 //#region src/ui/popover/context.tsx
 const PopoverContext = createContext(null);
 const PopoverContextProvider = PopoverContext.Provider;
+/** Returns the current popover compound-component context. Throws outside `Popover.Root`. */
 function usePopoverContext() {
 	const ctx = useContext(PopoverContext);
 	if (!ctx) throw new Error("Popover compound components must be used within a Popover.Root");
 	return ctx;
 }
-
 //#endregion
 export { PopoverContextProvider, usePopoverContext };
+
 //# sourceMappingURL=context.js.map

package/dist/dev/ui/popover/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"sourcesContent":["'use client';\n\nimport type { PopoverCore, StateAttrMap } from '@videojs/core';\nimport type { PopoverApi } from '@videojs/core/dom';\nimport { createContext, useContext } from 'react';\n\nexport interface PopoverContextValue {\n  core: PopoverCore;\n  popover: PopoverApi;\n  state: PopoverCore.State;\n  stateAttrMap: StateAttrMap<PopoverCore.State>;\n  anchorName: string;\n  popupId: string;\n}\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport const PopoverContextProvider = PopoverContext.Provider;\n\nexport function usePopoverContext(): PopoverContextValue {\n  const ctx = useContext(PopoverContext);\n  if (!ctx) throw new Error('Popover compound components must be used within a Popover.Root');\n  return ctx;\n}\n"],"mappings":";;;;;AAeA,MAAM,iBAAiB,cAA0C,KAAK;AAEtE,MAAa,yBAAyB,eAAe;AAErD,SAAgB,oBAAyC;CACvD,MAAM,MAAM,WAAW,eAAe;AACtC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,iEAAiE;AAC3F,QAAO"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"sourcesContent":["import type { PopoverCore, StateAttrMap } from '@videojs/core';\nimport type { MediaContainer, PopoverApi, PositioningBoundary } from '@videojs/core/dom';\nimport { createContext, useContext } from 'react';\n\nexport interface PopoverContextValue {\n  core: PopoverCore;\n  popover: PopoverApi;\n  state: PopoverCore.State;\n  preferredSide: PopoverCore.State['side'];\n  setPositionedSide: (side: PopoverCore.State['side']) => void;\n  stateAttrMap: StateAttrMap<PopoverCore.State>;\n  anchorName: string;\n  popupId: string;\n  boundary: PositioningBoundary;\n  container: MediaContainer | null;\n}\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport const PopoverContextProvider = PopoverContext.Provider;\n\n/** Returns the current popover compound-component context. Throws outside `Popover.Root`. */\nexport function usePopoverContext(): PopoverContextValue {\n  const ctx = useContext(PopoverContext);\n  if (!ctx) throw new Error('Popover compound components must be used within a Popover.Root');\n\n  return ctx;\n}\n"],"mappings":";;AAiBA,MAAM,iBAAiB,cAA0C,IAAI;AAErE,MAAa,yBAAyB,eAAe;;AAGrD,SAAgB,oBAAyC;CACvD,MAAM,MAAM,WAAW,cAAc;CACrC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,gEAAgE;CAE1F,OAAO;AACT"}

package/dist/dev/ui/popover/index.js

@@ -1,4 +1,3 @@
 import { usePopoverContext } from "./context.js";
 import { index_parts_exports } from "./index.parts.js";
-
-export { index_parts_exports as Popover, usePopoverContext };
+export { index_parts_exports as Popover, usePopoverContext };

package/dist/dev/ui/popover/index.parts.d.ts

@@ -1,12 +1,10 @@
-import { PopoverArrow, PopoverArrowProps } from "./popover-arrow.js";
-import { PopoverPopup, PopoverPopupProps } from "./popover-popup.js";
-import { PopoverRoot, PopoverRootProps } from "./popover-root.js";
-import { PopoverTrigger, PopoverTriggerProps } from "./popover-trigger.js";
-
-//#region src/ui/popover/index.parts.d.ts
+import { PopoverArrow, PopoverArrowProps } from "./arrow.js";
+import { PopoverPopup, PopoverPopupProps } from "./popup.js";
+import { PopoverRoot, PopoverRootProps } from "./root.js";
+import { PopoverTrigger, PopoverTriggerProps } from "./trigger.js";
 declare namespace index_parts_d_exports {
   export { PopoverArrow as Arrow, PopoverArrowProps as ArrowProps, PopoverPopup as Popup, PopoverPopupProps as PopupProps, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps };
 }
 //#endregion
-export { index_parts_d_exports };
+export { PopoverArrow as Arrow, type PopoverArrowProps as ArrowProps, PopoverPopup as Popup, type PopoverPopupProps as PopupProps, PopoverRoot as Root, type PopoverRootProps as RootProps, PopoverTrigger as Trigger, type PopoverTriggerProps as TriggerProps, index_parts_d_exports };
 //# sourceMappingURL=index.parts.d.ts.map

package/dist/dev/ui/popover/index.parts.js

@@ -1,9 +1,8 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { PopoverArrow } from "./popover-arrow.js";
-import { PopoverPopup } from "./popover-popup.js";
-import { PopoverRoot } from "./popover-root.js";
-import { PopoverTrigger } from "./popover-trigger.js";
-
+import { PopoverArrow } from "./arrow.js";
+import { PopoverPopup } from "./popup.js";
+import { PopoverRoot } from "./root.js";
+import { PopoverTrigger } from "./trigger.js";
 //#region src/ui/popover/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Arrow: () => PopoverArrow,
@@ -11,7 +10,7 @@ var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Root: () => PopoverRoot,
 	Trigger: () => PopoverTrigger
 });
-
 //#endregion
-export { index_parts_exports };
+export { PopoverArrow as Arrow, PopoverPopup as Popup, PopoverRoot as Root, PopoverTrigger as Trigger, index_parts_exports };
+
 //# sourceMappingURL=index.parts.js.map

package/dist/dev/ui/popover/index.parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/popover/index.parts.ts"],"sourcesContent":["export { PopoverArrow as Arrow, type PopoverArrowProps as ArrowProps } from './popover-arrow';\nexport { PopoverPopup as Popup, type PopoverPopupProps as PopupProps } from './popover-popup';\nexport { PopoverRoot as Root, type PopoverRootProps as RootProps } from './popover-root';\nexport { PopoverTrigger as Trigger, type PopoverTriggerProps as TriggerProps } from './popover-trigger';\n"],"mappings":""}
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/popover/index.parts.ts"],"sourcesContent":["export { PopoverArrow as Arrow, type PopoverArrowProps as ArrowProps } from './arrow';\nexport { PopoverPopup as Popup, type PopoverPopupProps as PopupProps } from './popup';\nexport { PopoverRoot as Root, type PopoverRootProps as RootProps } from './root';\nexport { PopoverTrigger as Trigger, type PopoverTriggerProps as TriggerProps } from './trigger';\n"],"mappings":""}

package/dist/dev/ui/popover/popup.d.ts

@@ -0,0 +1,16 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { PopoverState } from "@videojs/core";
+//#region src/ui/popover/popup.d.ts
+interface PopoverPopupProps extends UIComponentProps<'div', PopoverState> {}
+/**
+ * Container for the popover content. Positioned relative to the trigger using CSS anchor positioning with a JavaScript
+ * fallback.
+ */
+declare const PopoverPopup: import("react").ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace PopoverPopup {
+  type Props = PopoverPopupProps;
+  type State = PopoverState;
+}
+//#endregion
+export { PopoverPopup, PopoverPopupProps };
+//# sourceMappingURL=popup.d.ts.map

package/dist/dev/ui/popover/popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.d.ts","names":[],"sources":["../../../../src/ui/popover/popup.tsx"],"mappings":";;;UASiB,0BAA0B,wBAAwB;;;;;cAMtD,8BAAY,0BAAA,KAAA,4CAAA,cAAA;kBAuER;OACH,QAAQ;OACR,QAAQ"}