@videojs/react 10.0.0-rc.1 → 10.0.0-rc.3

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

@@ -1,13 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { PopoverState } from "@videojs/core";
-//#region src/ui/popover/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=popover-arrow.d.ts.map

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

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

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

@@ -1,14 +0,0 @@
-import { createContextPart } from "../create-context-part.js";
-import { usePopoverContext } from "./context.js";
-//#region src/ui/popover/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=popover-arrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-arrow.js","names":[],"sources":["../../../../src/ui/popover/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/popover-popup.d.ts

@@ -1,16 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { PopoverState } from "@videojs/core";
-//#region src/ui/popover/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=popover-popup.d.ts.map

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

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

package/dist/dev/ui/popover/popover-popup.js

@@ -1,59 +0,0 @@
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { renderElement } from "../../utils/use-render.js";
-import { usePopupPosition } from "./use-popup-position.js";
-import { usePopoverContext } from "./context.js";
-import { forwardRef, useCallback, useMemo, useRef } from "react";
-//#region src/ui/popover/popover-popup.tsx
-/**
-* Container for the popover content. Positioned relative to the trigger using CSS anchor positioning with a JavaScript
-* fallback.
-*/
-const PopoverPopup = forwardRef(function PopoverPopup({ render, className, style, ...elementProps }, forwardedRef) {
-	const { core, popover, state, preferredSide, setPositionedSide, stateAttrMap, anchorName, popupId, boundary, container } = usePopoverContext();
-	const internalRef = useRef(null);
-	const popupRef = useCallback((el) => {
-		popover.setPopupElement(el);
-	}, [popover]);
-	const composedRef = useComposedRefs(forwardedRef, popupRef, internalRef);
-	const posOpts = useMemo(() => ({
-		side: preferredSide,
-		align: state.align
-	}), [preferredSide, state.align]);
-	const positioningStyle = usePopupPosition({
-		open: state.open,
-		anchorName,
-		position: posOpts,
-		triggerSource: popover,
-		popupRef: internalRef,
-		boundary,
-		container,
-		onSideChange: setPositionedSide
-	});
-	if (!state.open) return null;
-	const { onFocusOut, ...restPopupProps } = popover.popupProps;
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: composedRef,
-		props: [
-			{
-				id: popupId,
-				style: positioningStyle,
-				...core.getPopupAttrs(state)
-			},
-			{
-				...restPopupProps,
-				onBlur: onFocusOut
-			},
-			elementProps
-		]
-	});
-});
-//#endregion
-export { PopoverPopup };
-
-//# sourceMappingURL=popover-popup.js.map

package/dist/dev/ui/popover/popover-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-popup.js","names":[],"sources":["../../../../src/ui/popover/popover-popup.tsx"],"sourcesContent":["import type { PopoverState } from '@videojs/core';\nimport { forwardRef, useCallback, useMemo, useRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { renderElement } from '../../utils/use-render';\nimport { usePopoverContext } from './context';\nimport { usePopupPosition } from './use-popup-position';\n\nexport interface PopoverPopupProps extends UIComponentProps<'div', PopoverState> {}\n\n/**\n * Container for the popover content. Positioned relative to the trigger using CSS anchor positioning with a JavaScript\n * fallback.\n */\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const {\n    core,\n    popover,\n    state,\n    preferredSide,\n    setPositionedSide,\n    stateAttrMap,\n    anchorName,\n    popupId,\n    boundary,\n    container,\n  } = usePopoverContext();\n  const internalRef = useRef<HTMLDivElement>(null);\n\n  const popupRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      popover.setPopupElement(el);\n    },\n    [popover]\n  );\n\n  const composedRef = useComposedRefs(forwardedRef, popupRef, internalRef);\n\n  // --- Positioning ---\n\n  const posOpts = useMemo(() => ({ side: preferredSide, align: state.align }), [preferredSide, state.align]);\n\n  const positioningStyle = usePopupPosition({\n    open: state.open,\n    anchorName,\n    position: posOpts,\n    triggerSource: popover,\n    popupRef: internalRef,\n    boundary,\n    container,\n    onSideChange: setPositionedSide,\n  });\n\n  // --- Visibility ---\n\n  if (!state.open) {\n    return null;\n  }\n\n  // Remap DOM focus events to React synthetic event names.\n  const { onFocusOut, ...restPopupProps } = popover.popupProps;\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: composedRef,\n      props: [\n        {\n          id: popupId,\n          style: positioningStyle,\n          ...core.getPopupAttrs(state),\n        },\n        { ...restPopupProps, onBlur: onFocusOut },\n        elementProps,\n      ],\n    }\n  );\n});\n\nexport namespace PopoverPopup {\n  export type Props = PopoverPopupProps;\n  export type State = PopoverState;\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EACJ,MACA,SACA,OACA,eACA,mBACA,cACA,YACA,SACA,UACA,cACE,kBAAkB;CACtB,MAAM,cAAc,OAAuB,IAAI;CAE/C,MAAM,WAAW,aACd,OAA8B;EAC7B,QAAQ,gBAAgB,EAAE;CAC5B,GACA,CAAC,OAAO,CACV;CAEA,MAAM,cAAc,gBAAgB,cAAc,UAAU,WAAW;CAIvE,MAAM,UAAU,eAAe;EAAE,MAAM;EAAe,OAAO,MAAM;CAAM,IAAI,CAAC,eAAe,MAAM,KAAK,CAAC;CAEzG,MAAM,mBAAmB,iBAAiB;EACxC,MAAM,MAAM;EACZ;EACA,UAAU;EACV,eAAe;EACf,UAAU;EACV;EACA;EACA,cAAc;CAChB,CAAC;CAID,IAAI,CAAC,MAAM,MACT,OAAO;CAIT,MAAM,EAAE,YAAY,GAAG,mBAAmB,QAAQ;CAElD,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK;EACL,OAAO;GACL;IACE,IAAI;IACJ,OAAO;IACP,GAAG,KAAK,cAAc,KAAK;GAC7B;GACA;IAAE,GAAG;IAAgB,QAAQ;GAAW;GACxC;EACF;CACF,CACF;AACF,CAAC"}

package/dist/dev/ui/popover/popover-root.d.ts

@@ -1,20 +0,0 @@
-import { PopoverProps } from "@videojs/core";
-import { PopoverChangeDetails, PositioningBoundary } from "@videojs/core/dom";
-import { ReactNode } from "react";
-//#region src/ui/popover/popover-root.d.ts
-interface PopoverRootProps extends Omit<PopoverProps, 'boundary'> {
-  /** Boundary used to constrain the popup size. */
-  boundary?: PositioningBoundary;
-  /** Called when the popover open state changes (fires immediately, before animations). */
-  onOpenChange?: (open: boolean, details: PopoverChangeDetails) => void;
-  /** Called after open/close animations complete. */
-  onOpenChangeComplete?: (open: boolean) => void;
-  children?: ReactNode;
-}
-declare function PopoverRoot({ open: controlledOpen, defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, openOnHover, delay, closeDelay, boundary, children, ...coreProps }: PopoverRootProps): ReactNode;
-declare namespace PopoverRoot {
-  type Props = PopoverRootProps;
-}
-//#endregion
-export { PopoverRoot, PopoverRootProps };
-//# sourceMappingURL=popover-root.d.ts.map

package/dist/dev/ui/popover/popover-root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-root.d.ts","names":[],"sources":["../../../../src/ui/popover/popover-root.tsx"],"mappings":";;;;UAqBiB,yBAAyB,KAAK;;EAE7C,WAAW;;EAEX,gBAAgB,eAAe,SAAS;;EAExC,wBAAwB;EACxB,WAAW;;iBAGG,cACd,MAAM,gBACN,aACA,cAAc,kBACd,sBAAsB,0BACtB,aACA,OACA,YACA,UACA,aACG,aACF,mBAAmB;kBAoGL;OACH,QAAQ"}

package/dist/dev/ui/popover/popover-root.js

@@ -1,87 +0,0 @@
-import { useOptionalContainer } from "../../player/context.js";
-import { useOptionalPopupGroup } from "../../player/popup-group-context.js";
-import { useLatestRef } from "../../utils/use-latest-ref.js";
-import { useDestroy } from "../../utils/use-destroy.js";
-import { useSafeId } from "../../utils/use-safe-id.js";
-import { useOptionalControlsContext } from "../controls/context.js";
-import { usePositionedState } from "../hooks/use-positioned-state.js";
-import { PopoverContextProvider } from "./context.js";
-import { PopoverCore, PopoverDataAttrs } from "@videojs/core";
-import { createPopover, createTransition } from "@videojs/core/dom";
-import { useSnapshot } from "@videojs/store/react";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isUndefined } from "@videojs/utils/predicate";
-//#region src/ui/popover/popover-root.tsx
-function PopoverRoot({ open: controlledOpen, defaultOpen = PopoverCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, openOnHover = PopoverCore.defaultProps.openOnHover, delay = PopoverCore.defaultProps.delay, closeDelay = PopoverCore.defaultProps.closeDelay, boundary = "container", children, ...coreProps }) {
-	const container = useOptionalContainer();
-	const popupGroup = useOptionalPopupGroup();
-	const controls = useOptionalControlsContext();
-	const [core] = useState(() => new PopoverCore(coreProps));
-	core.setProps(coreProps);
-	const isControlled = !isUndefined(controlledOpen);
-	const onOpenChangeRef = useLatestRef(onOpenChangeProp);
-	const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);
-	const closeOnEscapeRef = useLatestRef(coreProps.closeOnEscape);
-	const closeOnOutsideClickRef = useLatestRef(coreProps.closeOnOutsideClick);
-	const openOnHoverRef = useLatestRef(openOnHover);
-	const delayRef = useLatestRef(delay);
-	const closeDelayRef = useLatestRef(closeDelay);
-	const popupGroupRef = useLatestRef(popupGroup);
-	const [popover] = useState(() => {
-		const instance = createPopover({
-			transition: createTransition(),
-			onOpenChange: (nextOpen, details) => {
-				onOpenChangeRef.current?.(nextOpen, details);
-			},
-			onOpenChangeComplete: (nextOpen) => {
-				onOpenChangeCompleteRef.current?.(nextOpen);
-			},
-			closeOnEscape: () => closeOnEscapeRef.current ?? PopoverCore.defaultProps.closeOnEscape,
-			closeOnOutsideClick: () => closeOnOutsideClickRef.current ?? PopoverCore.defaultProps.closeOnOutsideClick,
-			openOnHover: () => openOnHoverRef.current,
-			delay: () => delayRef.current,
-			closeDelay: () => closeDelayRef.current,
-			group: () => popupGroupRef.current
-		});
-		if (!isControlled && defaultOpen) instance.open("click");
-		return instance;
-	});
-	const anchorName = useSafeId();
-	const popupId = useSafeId("popup");
-	useEffect(() => {
-		if (isUndefined(controlledOpen)) return;
-		const { active: inputOpen } = popover.input.current;
-		if (controlledOpen === inputOpen) return;
-		if (controlledOpen) popover.open("click");
-		else popover.close("click");
-	}, [controlledOpen, popover]);
-	useEffect(() => {
-		if (isUndefined(controls?.state.visible)) return;
-		if (controls.state.visible) return;
-		popover.close("imperative-action");
-	}, [controls?.state.visible, popover]);
-	useDestroy(popover);
-	const input = useSnapshot(popover.input);
-	core.setInput(input);
-	const { state, preferredSide, setPositionedSide } = usePositionedState(core.getState());
-	return /* @__PURE__ */ jsx(PopoverContextProvider, {
-		value: {
-			core,
-			popover,
-			state,
-			preferredSide,
-			setPositionedSide,
-			stateAttrMap: PopoverDataAttrs,
-			anchorName,
-			popupId,
-			boundary,
-			container
-		},
-		children
-	});
-}
-//#endregion
-export { PopoverRoot };
-
-//# sourceMappingURL=popover-root.js.map

package/dist/dev/ui/popover/popover-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-root.js","names":[],"sources":["../../../../src/ui/popover/popover-root.tsx"],"sourcesContent":["import { type PopoverProps as CorePopoverProps, PopoverCore, PopoverDataAttrs } from '@videojs/core';\nimport {\n  createPopover,\n  createTransition,\n  type PopoverChangeDetails,\n  type PositioningBoundary,\n} from '@videojs/core/dom';\nimport { useSnapshot } from '@videojs/store/react';\nimport { isUndefined } from '@videojs/utils/predicate';\nimport type { ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useOptionalContainer } from '../../player/context';\nimport { useOptionalPopupGroup } from '../../player/popup-group-context';\nimport { useDestroy } from '../../utils/use-destroy';\nimport { useLatestRef } from '../../utils/use-latest-ref';\nimport { useSafeId } from '../../utils/use-safe-id';\nimport { useOptionalControlsContext } from '../controls/context';\nimport { usePositionedState } from '../hooks/use-positioned-state';\nimport { PopoverContextProvider } from './context';\n\nexport interface PopoverRootProps extends Omit<CorePopoverProps, 'boundary'> {\n  /** Boundary used to constrain the popup size. */\n  boundary?: PositioningBoundary;\n  /** Called when the popover open state changes (fires immediately, before animations). */\n  onOpenChange?: (open: boolean, details: PopoverChangeDetails) => void;\n  /** Called after open/close animations complete. */\n  onOpenChangeComplete?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nexport function PopoverRoot({\n  open: controlledOpen,\n  defaultOpen = PopoverCore.defaultProps.defaultOpen,\n  onOpenChange: onOpenChangeProp,\n  onOpenChangeComplete: onOpenChangeCompleteProp,\n  openOnHover = PopoverCore.defaultProps.openOnHover,\n  delay = PopoverCore.defaultProps.delay,\n  closeDelay = PopoverCore.defaultProps.closeDelay,\n  boundary = 'container',\n  children,\n  ...coreProps\n}: PopoverRootProps): ReactNode {\n  const container = useOptionalContainer();\n  const popupGroup = useOptionalPopupGroup();\n  const controls = useOptionalControlsContext();\n  const [core] = useState(() => new PopoverCore(coreProps));\n\n  core.setProps(coreProps);\n\n  const isControlled = !isUndefined(controlledOpen);\n\n  // Keep refs that always point to the latest values so the\n  // createPopover closure never reads stale props.\n  const onOpenChangeRef = useLatestRef(onOpenChangeProp);\n  const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);\n\n  const closeOnEscapeRef = useLatestRef(coreProps.closeOnEscape);\n  const closeOnOutsideClickRef = useLatestRef(coreProps.closeOnOutsideClick);\n  const openOnHoverRef = useLatestRef(openOnHover);\n  const delayRef = useLatestRef(delay);\n  const closeDelayRef = useLatestRef(closeDelay);\n\n  const popupGroupRef = useLatestRef(popupGroup);\n\n  const [popover] = useState(() => {\n    const instance = createPopover({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean, details: PopoverChangeDetails) => {\n        onOpenChangeRef.current?.(nextOpen, details);\n      },\n      onOpenChangeComplete: (nextOpen: boolean) => {\n        onOpenChangeCompleteRef.current?.(nextOpen);\n      },\n      closeOnEscape: () => closeOnEscapeRef.current ?? PopoverCore.defaultProps.closeOnEscape,\n      closeOnOutsideClick: () => closeOnOutsideClickRef.current ?? PopoverCore.defaultProps.closeOnOutsideClick,\n      openOnHover: () => openOnHoverRef.current,\n      delay: () => delayRef.current,\n      closeDelay: () => closeDelayRef.current,\n      group: () => popupGroupRef.current,\n    });\n\n    // Apply defaultOpen on creation (uncontrolled only)\n    if (!isControlled && defaultOpen) {\n      instance.open('click');\n    }\n\n    return instance;\n  });\n\n  const anchorName = useSafeId();\n  const popupId = useSafeId('popup');\n\n  // Sync controlled open prop -> internal input state.\n  useEffect(() => {\n    if (isUndefined(controlledOpen)) return;\n\n    const { active: inputOpen } = popover.input.current;\n    if (controlledOpen === inputOpen) return;\n\n    if (controlledOpen) {\n      popover.open('click');\n    } else {\n      popover.close('click');\n    }\n  }, [controlledOpen, popover]);\n\n  useEffect(() => {\n    if (isUndefined(controls?.state.visible)) return;\n\n    if (controls.state.visible) return;\n\n    popover.close('imperative-action');\n  }, [controls?.state.visible, popover]);\n\n  useDestroy(popover);\n\n  const input = useSnapshot(popover.input);\n\n  core.setInput(input);\n  const { state, preferredSide, setPositionedSide } = usePositionedState(core.getState());\n\n  return (\n    <PopoverContextProvider\n      value={{\n        core,\n        popover,\n        state,\n        preferredSide,\n        setPositionedSide,\n        stateAttrMap: PopoverDataAttrs,\n        anchorName,\n        popupId,\n        boundary,\n        container,\n      }}\n    >\n      {children}\n    </PopoverContextProvider>\n  );\n}\n\nexport namespace PopoverRoot {\n  export type Props = PopoverRootProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,SAAgB,YAAY,EAC1B,MAAM,gBACN,cAAc,YAAY,aAAa,aACvC,cAAc,kBACd,sBAAsB,0BACtB,cAAc,YAAY,aAAa,aACvC,QAAQ,YAAY,aAAa,OACjC,aAAa,YAAY,aAAa,YACtC,WAAW,aACX,UACA,GAAG,aAC2B;CAC9B,MAAM,YAAY,qBAAqB;CACvC,MAAM,aAAa,sBAAsB;CACzC,MAAM,WAAW,2BAA2B;CAC5C,MAAM,CAAC,QAAQ,eAAe,IAAI,YAAY,SAAS,CAAC;CAExD,KAAK,SAAS,SAAS;CAEvB,MAAM,eAAe,CAAC,YAAY,cAAc;CAIhD,MAAM,kBAAkB,aAAa,gBAAgB;CACrD,MAAM,0BAA0B,aAAa,wBAAwB;CAErE,MAAM,mBAAmB,aAAa,UAAU,aAAa;CAC7D,MAAM,yBAAyB,aAAa,UAAU,mBAAmB;CACzE,MAAM,iBAAiB,aAAa,WAAW;CAC/C,MAAM,WAAW,aAAa,KAAK;CACnC,MAAM,gBAAgB,aAAa,UAAU;CAE7C,MAAM,gBAAgB,aAAa,UAAU;CAE7C,MAAM,CAAC,WAAW,eAAe;EAC/B,MAAM,WAAW,cAAc;GAC7B,YAAY,iBAAiB;GAC7B,eAAe,UAAmB,YAAkC;IAClE,gBAAgB,UAAU,UAAU,OAAO;GAC7C;GACA,uBAAuB,aAAsB;IAC3C,wBAAwB,UAAU,QAAQ;GAC5C;GACA,qBAAqB,iBAAiB,WAAW,YAAY,aAAa;GAC1E,2BAA2B,uBAAuB,WAAW,YAAY,aAAa;GACtF,mBAAmB,eAAe;GAClC,aAAa,SAAS;GACtB,kBAAkB,cAAc;GAChC,aAAa,cAAc;EAC7B,CAAC;EAGD,IAAI,CAAC,gBAAgB,aACnB,SAAS,KAAK,OAAO;EAGvB,OAAO;CACT,CAAC;CAED,MAAM,aAAa,UAAU;CAC7B,MAAM,UAAU,UAAU,OAAO;CAGjC,gBAAgB;EACd,IAAI,YAAY,cAAc,GAAG;EAEjC,MAAM,EAAE,QAAQ,cAAc,QAAQ,MAAM;EAC5C,IAAI,mBAAmB,WAAW;EAElC,IAAI,gBACF,QAAQ,KAAK,OAAO;OAEpB,QAAQ,MAAM,OAAO;CAEzB,GAAG,CAAC,gBAAgB,OAAO,CAAC;CAE5B,gBAAgB;EACd,IAAI,YAAY,UAAU,MAAM,OAAO,GAAG;EAE1C,IAAI,SAAS,MAAM,SAAS;EAE5B,QAAQ,MAAM,mBAAmB;CACnC,GAAG,CAAC,UAAU,MAAM,SAAS,OAAO,CAAC;CAErC,WAAW,OAAO;CAElB,MAAM,QAAQ,YAAY,QAAQ,KAAK;CAEvC,KAAK,SAAS,KAAK;CACnB,MAAM,EAAE,OAAO,eAAe,sBAAsB,mBAAmB,KAAK,SAAS,CAAC;CAEtF,OACE,oBAAC,wBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA;GACA,cAAc;GACd;GACA;GACA;GACA;EACF;EAEC;CACqB,CAAA;AAE5B"}

package/dist/dev/ui/popover/popover-trigger.d.ts

@@ -1,13 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { PopoverState } from "@videojs/core";
-//#region src/ui/popover/popover-trigger.d.ts
-interface PopoverTriggerProps extends UIComponentProps<'button', PopoverState> {}
-/** Button that toggles the popover visibility. Renders a `<button>` element. */
-declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-declare namespace PopoverTrigger {
-  type Props = PopoverTriggerProps;
-  type State = PopoverState;
-}
-//#endregion
-export { PopoverTrigger, PopoverTriggerProps };
-//# sourceMappingURL=popover-trigger.d.ts.map

package/dist/dev/ui/popover/popover-trigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.d.ts","names":[],"sources":["../../../../src/ui/popover/popover-trigger.tsx"],"mappings":";;;UAOiB,4BAA4B,2BAA2B;;cAG3D,gCAAc,0BAAA,KAAA,8CAAA,cAAA;kBAsCV;OACH,QAAQ;OACR,QAAQ"}

package/dist/dev/ui/popover/popover-trigger.js

@@ -1,38 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { usePopoverContext } from "./context.js";
-import { forwardRef, useCallback } from "react";
-//#region src/ui/popover/popover-trigger.tsx
-/** Button that toggles the popover visibility. Renders a `<button>` element. */
-const PopoverTrigger = forwardRef(function PopoverTrigger({ render, className, style, ...elementProps }, forwardedRef) {
-	const { core, popover, state, stateAttrMap, popupId } = usePopoverContext();
-	const controlledId = state.open ? popupId : void 0;
-	const triggerRef = useCallback((el) => {
-		popover.setTriggerElement(el);
-	}, [popover]);
-	const { onFocusIn, onFocusOut, ...restTriggerProps } = popover.triggerProps;
-	return renderElement("button", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef, triggerRef],
-		props: [
-			{
-				type: "button",
-				...core.getTriggerAttrs(state, controlledId)
-			},
-			{
-				...restTriggerProps,
-				onFocus: onFocusIn,
-				onBlur: onFocusOut
-			},
-			elementProps
-		]
-	});
-});
-//#endregion
-export { PopoverTrigger };
-
-//# sourceMappingURL=popover-trigger.js.map

package/dist/dev/ui/popover/popover-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.js","names":[],"sources":["../../../../src/ui/popover/popover-trigger.tsx"],"sourcesContent":["import type { PopoverState } from '@videojs/core';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { usePopoverContext } from './context';\n\nexport interface PopoverTriggerProps extends UIComponentProps<'button', PopoverState> {}\n\n/** Button that toggles the popover visibility. Renders a `<button>` element. */\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(function PopoverTrigger(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { core, popover, state, stateAttrMap, popupId } = usePopoverContext();\n  const controlledId = state.open ? popupId : undefined;\n\n  const triggerRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      popover.setTriggerElement(el);\n    },\n    [popover]\n  );\n\n  // Remap DOM focus events to React synthetic event names.\n  // createPopover() uses onFocusIn/onFocusOut (matching DOM focusin/focusout),\n  // but React maps those to onFocus/onBlur.\n  const { onFocusIn, onFocusOut, ...restTriggerProps } = popover.triggerProps;\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef, triggerRef],\n      props: [\n        {\n          type: 'button' as const,\n          ...core.getTriggerAttrs(state, controlledId),\n        },\n        { ...restTriggerProps, onFocus: onFocusIn, onBlur: onFocusOut },\n        elementProps,\n      ],\n    }\n  );\n});\n\nexport namespace PopoverTrigger {\n  export type Props = PopoverTriggerProps;\n  export type State = PopoverState;\n}\n"],"mappings":";;;;;AAUA,MAAa,iBAAiB,WAAmD,SAAS,eACxF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,MAAM,SAAS,OAAO,cAAc,YAAY,kBAAkB;CAC1E,MAAM,eAAe,MAAM,OAAO,UAAU,KAAA;CAE5C,MAAM,aAAa,aAChB,OAAiC;EAChC,QAAQ,kBAAkB,EAAE;CAC9B,GACA,CAAC,OAAO,CACV;CAKA,MAAM,EAAE,WAAW,YAAY,GAAG,qBAAqB,QAAQ;CAE/D,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,cAAc,UAAU;EAC9B,OAAO;GACL;IACE,MAAM;IACN,GAAG,KAAK,gBAAgB,OAAO,YAAY;GAC7C;GACA;IAAE,GAAG;IAAkB,SAAS;IAAW,QAAQ;GAAW;GAC9D;EACF;CACF,CACF;AACF,CAAC"}

package/dist/dev/ui/poster/poster.d.ts

@@ -1,35 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { PosterCore } from "@videojs/core";
-//#region src/ui/poster/poster.d.ts
-interface PosterProps extends UIComponentProps<'img', PosterCore.State> {}
-/**
- * Displays the video poster image. Shows before playback starts, hides after.
- *
- * Renders an `<img>`, so `srcset`, `sizes`, `loading`, and the rest of the image attributes are yours. Leave the source
- * off and the player's resolved `poster` fills it in.
- *
- * The image is decorative unless you say otherwise. Describe a poster that carries meaning by passing your own `alt`.
- *
- * @example
- *   ```tsx
- *   <VideoPlayer poster="poster.jpg">
- *   <Poster />
- *   </VideoPlayer>
- *
- *   <Poster srcSet="poster-480.jpg 480w, poster-1080.jpg 1080w" sizes="100vw" />
- *
- *   <Poster
- *   render={({ src, ...props }: ComponentProps<'img'>) =>
- *   src ? <Image {...props} src={src} alt="" fill /> : null
- *   }
- *   />
- *   ```;
- */
-declare const Poster: import("react").ForwardRefExoticComponent<Omit<PosterProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-declare namespace Poster {
-  type Props = PosterProps;
-  type State = PosterCore.State;
-}
-//#endregion
-export { Poster, PosterProps };
-//# sourceMappingURL=poster.d.ts.map

package/dist/dev/ui/poster/poster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"poster.d.ts","names":[],"sources":["../../../../src/ui/poster/poster.tsx"],"mappings":";;;UASiB,oBAAoB,wBAAwB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;cAgC3D,wBAAM,0BAAA,KAAA,sCAAA,cAAA;kBA4GF;OACH,QAAQ;OACR,QAAQ,WAAW"}

package/dist/dev/ui/poster/poster.js

@@ -1,107 +0,0 @@
-import { usePlayer } from "../../player/context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { PosterCore, PosterDataAttrs } from "@videojs/core";
-import { logMissingFeature, selectMetadata, selectPlayback } from "@videojs/core/dom";
-import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
-//#region src/ui/poster/poster.tsx
-/**
-* Displays the video poster image. Shows before playback starts, hides after.
-*
-* Renders an `<img>`, so `srcset`, `sizes`, `loading`, and the rest of the image attributes are yours. Leave the source
-* off and the player's resolved `poster` fills it in.
-*
-* The image is decorative unless you say otherwise. Describe a poster that carries meaning by passing your own `alt`.
-*
-* @example
-*   ```tsx
-*   <VideoPlayer poster="poster.jpg">
-*   <Poster />
-*   </VideoPlayer>
-*
-*   <Poster srcSet="poster-480.jpg 480w, poster-1080.jpg 1080w" sizes="100vw" />
-*
-*   <Poster
-*   render={({ src, ...props }: ComponentProps<'img'>) =>
-*   src ? <Image {...props} src={src} alt="" fill /> : null
-*   }
-*   />
-*   ```;
-*/
-const Poster = forwardRef(function Poster(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const playback = usePlayer(selectPlayback);
-	const metadata = usePlayer(selectMetadata);
-	const [core] = useState(() => new PosterCore());
-	if (playback) core.setMedia({
-		started: playback.started,
-		poster: metadata?.poster ?? ""
-	});
-	const { src: authoredSrc, srcSet: authoredSrcSet } = elementProps;
-	const src = authoredSrc ?? (authoredSrcSet === void 0 && playback ? core.getState().src : "");
-	const initialLoadState = !src && authoredSrcSet === void 0 ? "none" : "loading";
-	const [request, setRequest] = useState(() => ({
-		src,
-		srcSet: authoredSrcSet,
-		state: initialLoadState
-	}));
-	const imgRef = useRef(null);
-	const matchesRequest = request.src === src && request.srcSet === authoredSrcSet;
-	if (!matchesRequest) setRequest({
-		src,
-		srcSet: authoredSrcSet,
-		state: initialLoadState
-	});
-	const loadState = matchesRequest ? request.state : initialLoadState;
-	if (playback) core.setImageLoadState(loadState);
-	const state = playback ? core.getState() : null;
-	useEffect(() => {
-		const img = imgRef.current;
-		if (!img) return;
-		if (img.naturalWidth > 0) setRequest({
-			src,
-			srcSet: authoredSrcSet,
-			state: "loaded"
-		});
-		else if (img.complete && (img.getAttribute("src") || img.hasAttribute("srcset"))) setRequest({
-			src,
-			srcSet: authoredSrcSet,
-			state: "error"
-		});
-	}, []);
-	const handleLoad = useCallback(() => setRequest({
-		src,
-		srcSet: authoredSrcSet,
-		state: "loaded"
-	}), [src, authoredSrcSet]);
-	const handleError = useCallback(() => setRequest({
-		src,
-		srcSet: authoredSrcSet,
-		state: "error"
-	}), [src, authoredSrcSet]);
-	if (!playback || !state) {
-		logMissingFeature("Poster", "playback");
-		return null;
-	}
-	return renderElement("img", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap: PosterDataAttrs,
-		ref: [forwardedRef, imgRef],
-		props: [
-			{ alt: "" },
-			elementProps,
-			{
-				src: src || void 0,
-				onLoad: handleLoad,
-				onError: handleError
-			}
-		]
-	});
-});
-//#endregion
-export { Poster };
-
-//# sourceMappingURL=poster.js.map

package/dist/dev/ui/poster/poster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"poster.js","names":[],"sources":["../../../../src/ui/poster/poster.tsx"],"sourcesContent":["import { PosterCore, PosterDataAttrs, type PosterImageLoadState } from '@videojs/core';\nimport { logMissingFeature, selectMetadata, selectPlayback } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface PosterProps extends UIComponentProps<'img', PosterCore.State> {}\n\n/** The source currently requested from the image, and how it is faring. */\ninterface ImageRequest {\n  src: string;\n  srcSet: string | undefined;\n  state: PosterImageLoadState;\n}\n\n/**\n * Displays the video poster image. Shows before playback starts, hides after.\n *\n * Renders an `<img>`, so `srcset`, `sizes`, `loading`, and the rest of the image attributes are yours. Leave the source\n * off and the player's resolved `poster` fills it in.\n *\n * The image is decorative unless you say otherwise. Describe a poster that carries meaning by passing your own `alt`.\n *\n * @example\n *   ```tsx\n *   <VideoPlayer poster=\"poster.jpg\">\n *   <Poster />\n *   </VideoPlayer>\n *\n *   <Poster srcSet=\"poster-480.jpg 480w, poster-1080.jpg 1080w\" sizes=\"100vw\" />\n *\n *   <Poster\n *   render={({ src, ...props }: ComponentProps<'img'>) =>\n *   src ? <Image {...props} src={src} alt=\"\" fill /> : null\n *   }\n *   />\n *   ```;\n */\nexport const Poster = forwardRef(function Poster(\n  componentProps: PosterProps,\n  forwardedRef: ForwardedRef<HTMLImageElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n\n  const playback = usePlayer(selectPlayback);\n  const metadata = usePlayer(selectMetadata);\n\n  const [core] = useState(() => new PosterCore());\n\n  // The metadata feature is optional: without it nothing resolves a URL, and\n  // this stays a visibility wrapper around whatever `src` was passed.\n  if (playback) {\n    core.setMedia({\n      started: playback.started,\n      poster: metadata?.poster ?? '',\n    });\n  }\n\n  const { src: authoredSrc, srcSet: authoredSrcSet } = elementProps as { src?: string; srcSet?: string };\n\n  // Either authored source makes the image yours, matching `hasSource` in the\n  // HTML element. Filling `src` alongside a `srcset` would inject the player's\n  // poster into your candidate set as the 1x entry.\n  const src = authoredSrc ?? (authoredSrcSet === undefined && playback ? core.getState().src : '');\n\n  const initialLoadState: PosterImageLoadState = !src && authoredSrcSet === undefined ? 'none' : 'loading';\n  const [request, setRequest] = useState<ImageRequest>(() => ({\n    src,\n    srcSet: authoredSrcSet,\n    state: initialLoadState,\n  }));\n  const imgRef = useRef<HTMLImageElement | null>(null);\n\n  // Keep only the active request. Retaining a settled source by value would\n  // resurrect its old state when the image moved A -> B -> A, even though the\n  // second A is a new request. `srcSet` is part of the identity because `src`\n  // stays empty when it is the only source.\n  const matchesRequest = request.src === src && request.srcSet === authoredSrcSet;\n\n  if (!matchesRequest) setRequest({ src, srcSet: authoredSrcSet, state: initialLoadState });\n\n  const loadState = matchesRequest ? request.state : initialLoadState;\n\n  if (playback) core.setImageLoadState(loadState);\n\n  const state = playback ? core.getState() : null;\n\n  // An image can already be settled when we first see it — hydrated from server\n  // markup, say — in which case neither `load` nor `error` ever fires. Decoded\n  // pixels stand on their own; the absence of them only means failure once\n  // `complete` can be trusted, which takes a source on the image itself, since one\n  // sourced by a `<picture>` an override wrapped it in is `complete` regardless.\n  //\n  // Only when we first see it. A later source change leaves the previous request's\n  // pixels in place until the new one settles, so reading them again would call\n  // the new source loaded while it is still fetching. `load` and `error` cover\n  // every source after this one, the way the HTML element reads an image once.\n  // oxlint-disable-next-line react/exhaustive-deps -- reads the first source only, at mount\n  useEffect(() => {\n    const img = imgRef.current;\n    if (!img) return;\n\n    if (img.naturalWidth > 0) setRequest({ src, srcSet: authoredSrcSet, state: 'loaded' });\n    else if (img.complete && (img.getAttribute('src') || img.hasAttribute('srcset'))) {\n      setRequest({ src, srcSet: authoredSrcSet, state: 'error' });\n    }\n  }, []);\n\n  // Recorded against the source this render asked for, not the one on the\n  // element: a `render` override is free to rewrite it.\n  const handleLoad = useCallback(\n    () => setRequest({ src, srcSet: authoredSrcSet, state: 'loaded' }),\n    [src, authoredSrcSet]\n  );\n  const handleError = useCallback(\n    () => setRequest({ src, srcSet: authoredSrcSet, state: 'error' }),\n    [src, authoredSrcSet]\n  );\n\n  if (!playback || !state) {\n    if (__DEV__) logMissingFeature('Poster', 'playback');\n\n    return null;\n  }\n\n  return renderElement(\n    'img',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: PosterDataAttrs,\n      ref: [forwardedRef, imgRef],\n      props: [\n        { alt: '' },\n        elementProps,\n        {\n          // An empty `src` requests the document URL, so leave the attribute off.\n          src: src || undefined,\n          onLoad: handleLoad,\n          onError: handleError,\n        },\n      ],\n    }\n  );\n});\n\nexport namespace Poster {\n  export type Props = PosterProps;\n  export type State = PosterCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAa,SAAS,WAAW,SAAS,OACxC,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CAEtD,MAAM,WAAW,UAAU,cAAc;CACzC,MAAM,WAAW,UAAU,cAAc;CAEzC,MAAM,CAAC,QAAQ,eAAe,IAAI,WAAW,CAAC;CAI9C,IAAI,UACF,KAAK,SAAS;EACZ,SAAS,SAAS;EAClB,QAAQ,UAAU,UAAU;CAC9B,CAAC;CAGH,MAAM,EAAE,KAAK,aAAa,QAAQ,mBAAmB;CAKrD,MAAM,MAAM,gBAAgB,mBAAmB,KAAA,KAAa,WAAW,KAAK,SAAS,CAAC,CAAC,MAAM;CAE7F,MAAM,mBAAyC,CAAC,OAAO,mBAAmB,KAAA,IAAY,SAAS;CAC/F,MAAM,CAAC,SAAS,cAAc,gBAA8B;EAC1D;EACA,QAAQ;EACR,OAAO;CACT,EAAE;CACF,MAAM,SAAS,OAAgC,IAAI;CAMnD,MAAM,iBAAiB,QAAQ,QAAQ,OAAO,QAAQ,WAAW;CAEjE,IAAI,CAAC,gBAAgB,WAAW;EAAE;EAAK,QAAQ;EAAgB,OAAO;CAAiB,CAAC;CAExF,MAAM,YAAY,iBAAiB,QAAQ,QAAQ;CAEnD,IAAI,UAAU,KAAK,kBAAkB,SAAS;CAE9C,MAAM,QAAQ,WAAW,KAAK,SAAS,IAAI;CAa3C,gBAAgB;EACd,MAAM,MAAM,OAAO;EACnB,IAAI,CAAC,KAAK;EAEV,IAAI,IAAI,eAAe,GAAG,WAAW;GAAE;GAAK,QAAQ;GAAgB,OAAO;EAAS,CAAC;OAChF,IAAI,IAAI,aAAa,IAAI,aAAa,KAAK,KAAK,IAAI,aAAa,QAAQ,IAC5E,WAAW;GAAE;GAAK,QAAQ;GAAgB,OAAO;EAAQ,CAAC;CAE9D,GAAG,CAAC,CAAC;CAIL,MAAM,aAAa,kBACX,WAAW;EAAE;EAAK,QAAQ;EAAgB,OAAO;CAAS,CAAC,GACjE,CAAC,KAAK,cAAc,CACtB;CACA,MAAM,cAAc,kBACZ,WAAW;EAAE;EAAK,QAAQ;EAAgB,OAAO;CAAQ,CAAC,GAChE,CAAC,KAAK,cAAc,CACtB;CAEA,IAAI,CAAC,YAAY,CAAC,OAAO;EACV,kBAAkB,UAAU,UAAU;EAEnD,OAAO;CACT;CAEA,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,cAAc;EACd,KAAK,CAAC,cAAc,MAAM;EAC1B,OAAO;GACL,EAAE,KAAK,GAAG;GACV;GACA;IAEE,KAAK,OAAO,KAAA;IACZ,QAAQ;IACR,SAAS;GACX;EACF;CACF,CACF;AACF,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-quality-options.d.ts","names":[],"sources":["../../../../src/ui/quality/use-quality-options.ts"],"mappings":";;;UAKiB,4BAA4B,sBAAsB;KAEvD,gBAAgB,sBAAsB;UAEjC;EACf,OAAO,sBAAsB;EAC7B;EACA;EACA;EACA,SAAS;EACT;EACA;EACA,WAAW;;;;;;;;iBAgBG,kBAAkB,QAAQ,sBAAsB;kBAM/C;OACH,QAAQ;OACR,SAAS;OACT,SAAS"}

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

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

package/dist/dev/ui/quality-radio-group/quality-radio-group.d.ts

@@ -1,48 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { MenuRadioItemProps } from "../menu/menu-radio-item.js";
-import { QualityOption, QualityOptionsProps, QualityOptionsResult } from "../quality/use-quality-options.js";
-import "../quality/index.js";
-import { QualityRadioGroupCore } from "@videojs/core";
-import { ReactElement, ReactNode } from "react";
-//#region src/ui/quality-radio-group/quality-radio-group.d.ts
-type QualityRadioGroupItemState = QualityOption & {
-  /** Whether this quality option is currently selected. */
-  checked: boolean;
-};
-interface QualityRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {
-  /** Rendition value represented by the item. */
-  'data-rendition': string;
-}
-interface QualityRadioGroupRootProps extends QualityOptionsProps {
-  children?: ReactNode;
-}
-interface QualityRadioGroupOptionsProps extends Omit<UIComponentProps<'div', QualityRadioGroupCore.State>, 'children'> {
-  /** Render one consumer-owned menu radio item for every quality option. */
-  renderItem: (props: QualityRadioGroupItemProps, state: QualityRadioGroupItemState) => ReactElement;
-}
-type QualityRadioGroupValueProps = UIComponentProps<'span', QualityOptionsResult>;
-interface QualityRadioGroupLegacyProps extends QualityRadioGroupOptionsProps, QualityOptionsProps {}
-/** Owns quality option state and shares it with an enclosing menu. Does not render a DOM element. */
-declare function QualityRadioGroupRoot({ children, ...props }: QualityRadioGroupRootProps): ReactNode;
-/** Displays the selected quality label. */
-declare const QualityRadioGroupValue: import("react").ForwardRefExoticComponent<Omit<QualityRadioGroupValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-/** Renders menu radio items for the player's video renditions. */
-declare const QualityRadioGroupOptions: import("react").ForwardRefExoticComponent<Omit<QualityRadioGroupOptionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/** @internal Compatibility adapter for the existing preset sources. */
-declare const QualityRadioGroupLegacy: import("react").ForwardRefExoticComponent<Omit<QualityRadioGroupLegacyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare namespace QualityRadioGroupRoot {
-  type Props = QualityRadioGroupRootProps;
-}
-declare namespace QualityRadioGroupValue {
-  type Props = QualityRadioGroupValueProps;
-  type State = QualityOptionsResult;
-}
-declare namespace QualityRadioGroupOptions {
-  type Props = QualityRadioGroupOptionsProps;
-  type State = QualityRadioGroupCore.State;
-  type ItemProps = QualityRadioGroupItemProps;
-  type ItemState = QualityRadioGroupItemState;
-}
-//#endregion
-export { QualityRadioGroupItemProps, QualityRadioGroupItemState, QualityRadioGroupLegacy, QualityRadioGroupLegacyProps, QualityRadioGroupOptions, QualityRadioGroupOptionsProps, QualityRadioGroupRoot, QualityRadioGroupRootProps, QualityRadioGroupValue, QualityRadioGroupValueProps };
-//# sourceMappingURL=quality-radio-group.d.ts.map

package/dist/dev/ui/quality-radio-group/quality-radio-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"quality-radio-group.d.ts","names":[],"sources":["../../../../src/ui/quality-radio-group/quality-radio-group.tsx"],"mappings":";;;;;;;KAaY,6BAA6B;;EAEvC;;UAGe,mCAAmC,KAAK;;EAEvD;;UAGe,mCAAmC;EAClD,WAAW;;UAGI,sCAAsC,KACrD,wBAAwB,sBAAsB;;EAI9C,aAAa,OAAO,4BAA4B,OAAO,+BAA+B;;KAG5E,8BAA8B,yBAAyB;UAElD,qCAAqC,+BAA+B;;iBAKrE,wBAAwB,aAAa,SAAS,6BAA6B;;cAS9E,wCAAsB,0BAAA,KAAA,sDAAA,cAAA;;cActB,0CAAwB,0BAAA,KAAA,wDAAA,cAAA;;cAuDxB,yCAAuB,0BAAA,KAAA,uDAAA,cAAA;kBA0BnB;OACH,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ;;kBAGL;OACH,QAAQ;OACR,QAAQ,sBAAsB;OAC9B,YAAY;OACZ,YAAY"}