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

package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time } from \"./components/time.js\";\nimport { preview as preview$1 } from \"./components/preview.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,cover)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-video-border-radius:var(--media-border-radius,0.75rem)]\", \"[--media-controls-padding:0.375rem]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-delay:0ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:250ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(pointer:fine)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-delay:500ms]\", \"[@media(pointer:fine)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"[@media(pointer:coarse)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:calc(var(--media-controls-transition-delay)_+_25ms)]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, \"absolute bottom-0 inset-x-0\", \"pt-8 px-(--media-controls-padding) pb-(--media-controls-padding) gap-2\", \"[color:var(--media-color-primary,oklch(1_0_0))] z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function)\", \"duration-(--media-controls-transition-duration)\", \"delay-(--media-controls-transition-delay)\", \"[@media(pointer:fine)]:will-change-[translate,filter,opacity]\", \"[@media(pointer:fine)]:transition-[translate,filter,opacity]\", \"[@media(pointer:coarse)]:will-change-[translate,opacity]\", \"[@media(pointer:coarse)]:transition-[translate,opacity]\", \"not-data-visible:opacity-0 not-data-visible:pointer-events-none\", \"motion-safe:not-data-visible:translate-y-full\", \"[@media(pointer:fine)]:motion-safe:not-data-visible:blur-sm\", \"@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3\", \"@sm/media-root:gap-3.5\");\nconst error = {\n\t...error$1,\n\troot: cn(error$1.root, \"pointer-events-none outline-none\"),\n\tdialog: cn(error$1.dialog, \"pointer-events-auto\"),\n\ttitle: cn(error$1.title, \"text-lg\")\n};\nconst preview = {\n\t...preview$1,\n\troot: cn(\"absolute left-(--media-slider-pointer) bottom-[calc(100%+0.5rem)] -translate-x-1/2\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"group-data-pointing/slider:opacity-100 group-data-pointing/slider:scale-100 group-data-pointing/slider:blur-none\", \"[&:has([role=img][data-hidden])]:opacity-0 [&:has([role=img][data-hidden])]:scale-80 [&:has([role=img][data-hidden])]:blur-sm\", \"[&:has([role=img][data-loading])]:max-h-24\", preview$1.root),\n\tthumbnailWrapper: cn(preview$1.thumbnailWrapper, \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20\"),\n\tthumbnail: cn(preview$1.thumbnail, \"max-w-44\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(popup$1.popover, \"[--media-popover-side-offset:0.5rem] p-1 bg-transparent\")\n};\n\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, playbackRate, popup, poster, preview, root, seek, slider, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,0BAA0B,+EAA+E,4FAA4F;CAC7O,4RAA4R;CAC5R,wMAAwM,CAAC;CACzM,EAAE,oEAAoE,uCAAuC,gDAAgD,2CAA2C,0DAA0D,oDAAoD,iDAAiD,8DAA8D,6CAA6C,uDAAuD,iEAAiE,6DAA6D,yDAAyD,8GAA8G,iHAAiH,mHAAmH,uGAAuG,qCAAqC,qFAAqF,8EAA8E,uEAAuE,CAAC,cAAc;CACv5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,+BAA+B,0EAA0E,wDAAwD,+BAA+B,sDAAsD,mDAAmD,6CAA6C,iEAAiE,gEAAgE,4DAA4D,2DAA2D,mEAAmE,iDAAiD,+DAA+D,gEAAgE,yBAAyB;AAC13B,MAAM,QAAQ;CACb,GAAG;CACH,MAAM,GAAG,QAAQ,MAAM,mCAAmC;CAC1D,QAAQ,GAAG,QAAQ,QAAQ,sBAAsB;CACjD,OAAO,GAAG,QAAQ,OAAO,UAAU;CACnC;AACD,MAAM,UAAU;CACf,GAAG;CACH,MAAM,GAAG,sFAAsF,4CAA4C,kDAAkD,oHAAoH,iIAAiI,8CAA8C,UAAU,KAAK;CAC/e,kBAAkB,GAAG,UAAU,kBAAkB,wDAAwD,wEAAwE;CACjL,WAAW,GAAG,UAAU,WAAW,WAAW;CAC9C;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,sBAAsB;CAChD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,SAAS,0DAA0D;CACtF"}

package/dist/dev/skins/dist/default/shared/tailwind/icon-state.js

@@ -1,34 +0,0 @@
-//#region ../skins/dist/default/shared/tailwind/icon-state.js
-const iconState = {
-	play: {
-		button: "group",
-		restart: "hidden opacity-0 group-data-ended:block group-data-ended:opacity-100",
-		play: "hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100",
-		pause: "hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100"
-	},
-	mute: {
-		button: "group",
-		volumeOff: "hidden opacity-0 group-data-muted:block group-data-muted:opacity-100",
-		volumeLow: "hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100",
-		volumeHigh: "hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100"
-	},
-	fullscreen: {
-		button: "group",
-		enter: "hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100",
-		exit: "hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100"
-	},
-	captions: {
-		button: "group",
-		off: "hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100",
-		on: "hidden opacity-0 group-data-active:block group-data-active:opacity-100"
-	},
-	pip: {
-		button: "group",
-		off: "hidden opacity-0 group-not-data-pip:block group-not-data-pip:opacity-100",
-		on: "hidden opacity-0 group-data-pip:block group-data-pip:opacity-100"
-	}
-};
-
-//#endregion
-export { iconState };
-//# sourceMappingURL=icon-state.js.map

package/dist/dev/skins/dist/default/shared/tailwind/icon-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-state.js","names":[],"sources":["../../../../../../../../skins/dist/default/shared/tailwind/icon-state.js"],"sourcesContent":["//#region src/shared/tailwind/icon-state.ts\nconst iconState = {\n\tplay: {\n\t\tbutton: \"group\",\n\t\trestart: \"hidden opacity-0 group-data-ended:block group-data-ended:opacity-100\",\n\t\tplay: \"hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100\",\n\t\tpause: \"hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100\"\n\t},\n\tmute: {\n\t\tbutton: \"group\",\n\t\tvolumeOff: \"hidden opacity-0 group-data-muted:block group-data-muted:opacity-100\",\n\t\tvolumeLow: \"hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100\",\n\t\tvolumeHigh: \"hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100\"\n\t},\n\tfullscreen: {\n\t\tbutton: \"group\",\n\t\tenter: \"hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100\"\n\t},\n\tcaptions: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-active:block group-data-active:opacity-100\"\n\t},\n\tpip: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-pip:block group-not-data-pip:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-pip:block group-data-pip:opacity-100\"\n\t}\n};\n\n//#endregion\nexport { iconState };\n//# sourceMappingURL=icon-state.js.map"],"mappings":";AACA,MAAM,YAAY;CACjB,MAAM;EACL,QAAQ;EACR,SAAS;EACT,MAAM;EACN,OAAO;EACP;CACD,MAAM;EACL,QAAQ;EACR,WAAW;EACX,WAAW;EACX,YAAY;EACZ;CACD,YAAY;EACX,QAAQ;EACR,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD,KAAK;EACJ,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD"}

package/dist/dev/ui/alert-dialog/alert-dialog-close.d.ts

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { AlertDialogCore } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-close.d.ts
-interface AlertDialogCloseProps extends UIComponentProps<'button', AlertDialogCore.State> {}
-declare const AlertDialogClose: react.ForwardRefExoticComponent<Omit<AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-declare namespace AlertDialogClose {
-  type Props = AlertDialogCloseProps;
-  type State = AlertDialogCore.State;
-}
-//#endregion
-export { AlertDialogClose, AlertDialogCloseProps };
-//# sourceMappingURL=alert-dialog-close.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-close.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-close.tsx"],"mappings":";;;;;UASiB,qBAAA,SAA8B,gBAAA,WAA2B,eAAA,CAAgB,KAAA;AAAA,cAE7E,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,qBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAsBZ,gBAAA;EAAA,KACH,KAAA,GAAQ,qBAAA;EAAA,KACR,KAAA,GAAQ,eAAA,CAAgB,KAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-close.js

@@ -1,31 +0,0 @@
-'use client';
-
-import { useAlertDialogContext } from "./context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { forwardRef, useCallback } from "react";
-
-//#region src/ui/alert-dialog/alert-dialog-close.tsx
-const AlertDialogClose = forwardRef(function AlertDialogClose({ render, className, style, disabled, ...elementProps }, forwardedRef) {
-	const { dialog, state } = useAlertDialogContext();
-	const handleClick = useCallback(() => {
-		if (disabled) return;
-		dialog.close();
-	}, [dialog, disabled]);
-	return renderElement("button", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		ref: [forwardedRef],
-		props: [{
-			type: "button",
-			disabled,
-			onClick: handleClick
-		}, elementProps]
-	});
-});
-
-//#endregion
-export { AlertDialogClose };
-//# sourceMappingURL=alert-dialog-close.js.map

package/dist/dev/ui/alert-dialog/alert-dialog-close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-close.tsx"],"sourcesContent":["'use client';\n\nimport type { AlertDialogCore } from '@videojs/core';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useAlertDialogContext } from './context';\n\nexport interface AlertDialogCloseProps extends UIComponentProps<'button', AlertDialogCore.State> {}\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(function AlertDialogClose(\n  { render, className, style, disabled, ...elementProps },\n  forwardedRef\n) {\n  const { dialog, state } = useAlertDialogContext();\n\n  const handleClick = useCallback(() => {\n    if (disabled) return;\n    dialog.close();\n  }, [dialog, disabled]);\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state,\n      ref: [forwardedRef],\n      props: [{ type: 'button' as const, disabled, onClick: handleClick }, elementProps],\n    }\n  );\n});\n\nexport namespace AlertDialogClose {\n  export type Props = AlertDialogCloseProps;\n  export type State = AlertDialogCore.State;\n}\n"],"mappings":";;;;;;;AAWA,MAAa,mBAAmB,WAAqD,SAAS,iBAC5F,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,gBACzC,cACA;CACA,MAAM,EAAE,QAAQ,UAAU,uBAAuB;CAEjD,MAAM,cAAc,kBAAkB;AACpC,MAAI,SAAU;AACd,SAAO,OAAO;IACb,CAAC,QAAQ,SAAS,CAAC;AAEtB,QAAO,cACL,UACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC;GAAE,MAAM;GAAmB;GAAU,SAAS;GAAa,EAAE,aAAa;EACnF,CACF;EACD"}

package/dist/dev/ui/alert-dialog/alert-dialog-description.d.ts

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { AlertDialogCore } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-description.d.ts
-interface AlertDialogDescriptionProps extends UIComponentProps<'p', AlertDialogCore.State> {}
-declare const AlertDialogDescription: react.ForwardRefExoticComponent<AlertDialogDescriptionProps>;
-declare namespace AlertDialogDescription {
-  type Props = AlertDialogDescriptionProps;
-  type State = AlertDialogCore.State;
-}
-//#endregion
-export { AlertDialogDescription, AlertDialogDescriptionProps };
-//# sourceMappingURL=alert-dialog-description.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-description.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-description.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-description.tsx"],"mappings":";;;;;UAQiB,2BAAA,SAAoC,gBAAA,MAAsB,eAAA,CAAgB,KAAA;AAAA,cAE9E,sBAAA,EAAsB,KAAA,CAAA,yBAAA,CAAA,2BAAA;AAAA,kBAOlB,sBAAA;EAAA,KACH,KAAA,GAAQ,2BAAA;EAAA,KACR,KAAA,GAAQ,eAAA,CAAgB,KAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-description.js

@@ -1,16 +0,0 @@
-'use client';
-
-import { useAlertDialogContext } from "./context.js";
-import { createContextPart } from "../create-context-part.js";
-
-//#region src/ui/alert-dialog/alert-dialog-description.tsx
-const AlertDialogDescription = createContextPart({
-	displayName: "AlertDialogDescription",
-	tag: "p",
-	useContext: useAlertDialogContext,
-	getProps: (state) => ({ id: state.descriptionId })
-});
-
-//#endregion
-export { AlertDialogDescription };
-//# sourceMappingURL=alert-dialog-description.js.map

package/dist/dev/ui/alert-dialog/alert-dialog-description.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-description.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-description.tsx"],"sourcesContent":["'use client';\n\nimport type { AlertDialogCore } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { useAlertDialogContext } from './context';\n\nexport interface AlertDialogDescriptionProps extends UIComponentProps<'p', AlertDialogCore.State> {}\n\nexport const AlertDialogDescription = createContextPart<AlertDialogDescriptionProps, AlertDialogCore.State>({\n  displayName: 'AlertDialogDescription',\n  tag: 'p',\n  useContext: useAlertDialogContext,\n  getProps: (state) => ({ id: state.descriptionId }),\n});\n\nexport namespace AlertDialogDescription {\n  export type Props = AlertDialogDescriptionProps;\n  export type State = AlertDialogCore.State;\n}\n"],"mappings":";;;;;;AAUA,MAAa,yBAAyB,kBAAsE;CAC1G,aAAa;CACb,KAAK;CACL,YAAY;CACZ,WAAW,WAAW,EAAE,IAAI,MAAM,eAAe;CAClD,CAAC"}

package/dist/dev/ui/alert-dialog/alert-dialog-popup.d.ts

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { AlertDialogCore } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-popup.d.ts
-interface AlertDialogPopupProps extends UIComponentProps<'div', AlertDialogCore.State> {}
-declare const AlertDialogPopup: react.ForwardRefExoticComponent<Omit<AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace AlertDialogPopup {
-  type Props = AlertDialogPopupProps;
-  type State = AlertDialogCore.State;
-}
-//#endregion
-export { AlertDialogPopup, AlertDialogPopupProps };
-//# sourceMappingURL=alert-dialog-popup.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-popup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-popup.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-popup.tsx"],"mappings":";;;;;UAUiB,qBAAA,SAA8B,gBAAA,QAAwB,eAAA,CAAgB,KAAA;AAAA,cAE1E,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,qBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBA6BZ,gBAAA;EAAA,KACH,KAAA,GAAQ,qBAAA;EAAA,KACR,KAAA,GAAQ,eAAA,CAAgB,KAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-popup.js

@@ -1,32 +0,0 @@
-'use client';
-
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAlertDialogContext } from "./context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { forwardRef, useCallback } from "react";
-
-//#region src/ui/alert-dialog/alert-dialog-popup.tsx
-const AlertDialogPopup = forwardRef(function AlertDialogPopup({ render, className, style, ...elementProps }, forwardedRef) {
-	const { core, dialog, state, stateAttrMap } = useAlertDialogContext();
-	const composedRef = useComposedRefs(forwardedRef, useCallback((el) => {
-		dialog.setElement(el);
-	}, [dialog]));
-	if (!state.open) return null;
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: composedRef,
-		props: [{
-			tabIndex: -1,
-			...core.getAttrs(state)
-		}, elementProps]
-	});
-});
-
-//#endregion
-export { AlertDialogPopup };
-//# sourceMappingURL=alert-dialog-popup.js.map

package/dist/dev/ui/alert-dialog/alert-dialog-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-popup.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-popup.tsx"],"sourcesContent":["'use client';\n\nimport type { AlertDialogCore } from '@videojs/core';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { renderElement } from '../../utils/use-render';\nimport { useAlertDialogContext } from './context';\n\nexport interface AlertDialogPopupProps extends UIComponentProps<'div', AlertDialogCore.State> {}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(function AlertDialogPopup(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { core, dialog, state, stateAttrMap } = useAlertDialogContext();\n\n  const elementRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      dialog.setElement(el);\n    },\n    [dialog]\n  );\n\n  const composedRef = useComposedRefs(forwardedRef, elementRef);\n\n  if (!state.open) return null;\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: composedRef,\n      props: [{ tabIndex: -1, ...core.getAttrs(state) }, elementProps],\n    }\n  );\n});\n\nexport namespace AlertDialogPopup {\n  export type Props = AlertDialogPopupProps;\n  export type State = AlertDialogCore.State;\n}\n"],"mappings":";;;;;;;;AAYA,MAAa,mBAAmB,WAAkD,SAAS,iBACzF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,MAAM,QAAQ,OAAO,iBAAiB,uBAAuB;CASrE,MAAM,cAAc,gBAAgB,cAPjB,aAChB,OAA8B;AAC7B,SAAO,WAAW,GAAG;IAEvB,CAAC,OAAO,CACT,CAE4D;AAE7D,KAAI,CAAC,MAAM,KAAM,QAAO;AAExB,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA;EACA,KAAK;EACL,OAAO,CAAC;GAAE,UAAU;GAAI,GAAG,KAAK,SAAS,MAAM;GAAE,EAAE,aAAa;EACjE,CACF;EACD"}

package/dist/dev/ui/alert-dialog/alert-dialog-root.d.ts

@@ -1,24 +0,0 @@
-import { ReactNode } from "react";
-import { AlertDialogProps } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-root.d.ts
-interface AlertDialogRootProps extends AlertDialogProps {
-  /** Called when the open state changes (fires immediately, before animations). */
-  onOpenChange?: (open: boolean) => void;
-  /** Called after open/close animations complete. */
-  onOpenChangeComplete?: (open: boolean) => void;
-  children?: ReactNode;
-}
-declare function AlertDialogRoot({
-  open: controlledOpen,
-  defaultOpen,
-  onOpenChange: onOpenChangeProp,
-  onOpenChangeComplete: onOpenChangeCompleteProp,
-  children
-}: AlertDialogRootProps): ReactNode;
-declare namespace AlertDialogRoot {
-  type Props = AlertDialogRootProps;
-}
-//#endregion
-export { AlertDialogRoot, AlertDialogRootProps };
-//# sourceMappingURL=alert-dialog-root.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-root.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-root.tsx"],"mappings":";;;;UAaiB,oBAAA,SAA6B,gBAAA;;EAE5C,YAAA,IAAgB,IAAA;EAFoB;EAIpC,oBAAA,IAAwB,IAAA;EACxB,QAAA,GAAW,SAAA;AAAA;AAAA,iBAGG,eAAA,CAAA;EACd,IAAA,EAAM,cAAA;EACN,WAAA;EACA,YAAA,EAAc,gBAAA;EACd,oBAAA,EAAsB,wBAAA;EACtB;AAAA,GACC,oBAAA,GAAuB,SAAA;AAAA,kBA2DT,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-root.js

@@ -1,59 +0,0 @@
-'use client';
-
-import { useDestroy } from "../../utils/use-destroy.js";
-import { AlertDialogContextProvider } from "./context.js";
-import { useLatestRef } from "../../utils/use-latest-ref.js";
-import { useSafeId } from "../../utils/use-safe-id.js";
-import { createAlertDialog, createTransition } from "@videojs/core/dom";
-import { useSnapshot } from "@videojs/store/react";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-root.tsx
-function AlertDialogRoot({ open: controlledOpen, defaultOpen = AlertDialogCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, children }) {
-	const [core] = useState(() => new AlertDialogCore());
-	const isControlled = controlledOpen !== void 0;
-	const onOpenChangeRef = useLatestRef(onOpenChangeProp);
-	const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);
-	const [dialog] = useState(() => {
-		const instance = createAlertDialog({
-			transition: createTransition(),
-			onOpenChange: (nextOpen) => {
-				onOpenChangeRef.current?.(nextOpen);
-			},
-			onOpenChangeComplete: (nextOpen) => {
-				onOpenChangeCompleteRef.current?.(nextOpen);
-			}
-		});
-		if (!isControlled && defaultOpen) instance.open();
-		return instance;
-	});
-	const titleId = useSafeId("alert-dialog-title-");
-	const descriptionId = useSafeId("alert-dialog-desc-");
-	core.setTitleId(titleId);
-	core.setDescriptionId(descriptionId);
-	useEffect(() => {
-		if (controlledOpen === void 0) return;
-		const { active: inputOpen } = dialog.input.current;
-		if (controlledOpen === inputOpen) return;
-		if (controlledOpen) dialog.open();
-		else dialog.close();
-	}, [controlledOpen, dialog]);
-	useDestroy(dialog);
-	const input = useSnapshot(dialog.input);
-	core.setInput(input);
-	return /* @__PURE__ */ jsx(AlertDialogContextProvider, {
-		value: {
-			core,
-			dialog,
-			state: core.getState(),
-			stateAttrMap: AlertDialogDataAttrs
-		},
-		children
-	});
-}
-
-//#endregion
-export { AlertDialogRoot };
-//# sourceMappingURL=alert-dialog-root.js.map

package/dist/dev/ui/alert-dialog/alert-dialog-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-root.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-root.tsx"],"sourcesContent":["'use client';\n\nimport { AlertDialogCore, AlertDialogDataAttrs, type AlertDialogProps } from '@videojs/core';\nimport { createAlertDialog, createTransition } from '@videojs/core/dom';\nimport { useSnapshot } from '@videojs/store/react';\nimport type { ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useDestroy } from '../../utils/use-destroy';\nimport { useLatestRef } from '../../utils/use-latest-ref';\nimport { useSafeId } from '../../utils/use-safe-id';\nimport { AlertDialogContextProvider } from './context';\n\nexport interface AlertDialogRootProps extends AlertDialogProps {\n  /** Called when the open state changes (fires immediately, before animations). */\n  onOpenChange?: (open: boolean) => void;\n  /** Called after open/close animations complete. */\n  onOpenChangeComplete?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nexport function AlertDialogRoot({\n  open: controlledOpen,\n  defaultOpen = AlertDialogCore.defaultProps.defaultOpen,\n  onOpenChange: onOpenChangeProp,\n  onOpenChangeComplete: onOpenChangeCompleteProp,\n  children,\n}: AlertDialogRootProps): ReactNode {\n  const [core] = useState(() => new AlertDialogCore());\n\n  const isControlled = controlledOpen !== undefined;\n\n  const onOpenChangeRef = useLatestRef(onOpenChangeProp);\n  const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);\n\n  const [dialog] = useState(() => {\n    const instance = createAlertDialog({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean) => {\n        onOpenChangeRef.current?.(nextOpen);\n      },\n      onOpenChangeComplete: (nextOpen: boolean) => {\n        onOpenChangeCompleteRef.current?.(nextOpen);\n      },\n    });\n\n    if (!isControlled && defaultOpen) {\n      instance.open();\n    }\n\n    return instance;\n  });\n\n  const titleId = useSafeId('alert-dialog-title-');\n  const descriptionId = useSafeId('alert-dialog-desc-');\n\n  core.setTitleId(titleId);\n  core.setDescriptionId(descriptionId);\n\n  // Sync controlled open prop -> internal input state.\n  useEffect(() => {\n    if (controlledOpen === undefined) return;\n\n    const { active: inputOpen } = dialog.input.current;\n    if (controlledOpen === inputOpen) return;\n\n    if (controlledOpen) {\n      dialog.open();\n    } else {\n      dialog.close();\n    }\n  }, [controlledOpen, dialog]);\n\n  useDestroy(dialog);\n\n  const input = useSnapshot(dialog.input);\n  core.setInput(input);\n  const state = core.getState();\n\n  return (\n    <AlertDialogContextProvider value={{ core, dialog, state, stateAttrMap: AlertDialogDataAttrs }}>\n      {children}\n    </AlertDialogContextProvider>\n  );\n}\n\nexport namespace AlertDialogRoot {\n  export type Props = AlertDialogRootProps;\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,SAAgB,gBAAgB,EAC9B,MAAM,gBACN,cAAc,gBAAgB,aAAa,aAC3C,cAAc,kBACd,sBAAsB,0BACtB,YACkC;CAClC,MAAM,CAAC,QAAQ,eAAe,IAAI,iBAAiB,CAAC;CAEpD,MAAM,eAAe,mBAAmB;CAExC,MAAM,kBAAkB,aAAa,iBAAiB;CACtD,MAAM,0BAA0B,aAAa,yBAAyB;CAEtE,MAAM,CAAC,UAAU,eAAe;EAC9B,MAAM,WAAW,kBAAkB;GACjC,YAAY,kBAAkB;GAC9B,eAAe,aAAsB;AACnC,oBAAgB,UAAU,SAAS;;GAErC,uBAAuB,aAAsB;AAC3C,4BAAwB,UAAU,SAAS;;GAE9C,CAAC;AAEF,MAAI,CAAC,gBAAgB,YACnB,UAAS,MAAM;AAGjB,SAAO;GACP;CAEF,MAAM,UAAU,UAAU,sBAAsB;CAChD,MAAM,gBAAgB,UAAU,qBAAqB;AAErD,MAAK,WAAW,QAAQ;AACxB,MAAK,iBAAiB,cAAc;AAGpC,iBAAgB;AACd,MAAI,mBAAmB,OAAW;EAElC,MAAM,EAAE,QAAQ,cAAc,OAAO,MAAM;AAC3C,MAAI,mBAAmB,UAAW;AAElC,MAAI,eACF,QAAO,MAAM;MAEb,QAAO,OAAO;IAEf,CAAC,gBAAgB,OAAO,CAAC;AAE5B,YAAW,OAAO;CAElB,MAAM,QAAQ,YAAY,OAAO,MAAM;AACvC,MAAK,SAAS,MAAM;AAGpB,QACE,oBAAC;EAA2B,OAAO;GAAE;GAAM;GAAQ,OAHvC,KAAK,UAAU;GAG+B,cAAc;GAAsB;EAC3F;GAC0B"}

package/dist/dev/ui/alert-dialog/alert-dialog-title.d.ts

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { AlertDialogCore } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-title.d.ts
-interface AlertDialogTitleProps extends UIComponentProps<'h2', AlertDialogCore.State> {}
-declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps>;
-declare namespace AlertDialogTitle {
-  type Props = AlertDialogTitleProps;
-  type State = AlertDialogCore.State;
-}
-//#endregion
-export { AlertDialogTitle, AlertDialogTitleProps };
-//# sourceMappingURL=alert-dialog-title.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-title.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-title.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-title.tsx"],"mappings":";;;;;UAQiB,qBAAA,SAA8B,gBAAA,OAAuB,eAAA,CAAgB,KAAA;AAAA,cAEzE,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA;AAAA,kBAOZ,gBAAA;EAAA,KACH,KAAA,GAAQ,qBAAA;EAAA,KACR,KAAA,GAAQ,eAAA,CAAgB,KAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-title.js

@@ -1,16 +0,0 @@
-'use client';
-
-import { useAlertDialogContext } from "./context.js";
-import { createContextPart } from "../create-context-part.js";
-
-//#region src/ui/alert-dialog/alert-dialog-title.tsx
-const AlertDialogTitle = createContextPart({
-	displayName: "AlertDialogTitle",
-	tag: "h2",
-	useContext: useAlertDialogContext,
-	getProps: (state) => ({ id: state.titleId })
-});
-
-//#endregion
-export { AlertDialogTitle };
-//# sourceMappingURL=alert-dialog-title.js.map

package/dist/dev/ui/alert-dialog/alert-dialog-title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-title.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-title.tsx"],"sourcesContent":["'use client';\n\nimport type { AlertDialogCore } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { useAlertDialogContext } from './context';\n\nexport interface AlertDialogTitleProps extends UIComponentProps<'h2', AlertDialogCore.State> {}\n\nexport const AlertDialogTitle = createContextPart<AlertDialogTitleProps, AlertDialogCore.State>({\n  displayName: 'AlertDialogTitle',\n  tag: 'h2',\n  useContext: useAlertDialogContext,\n  getProps: (state) => ({ id: state.titleId }),\n});\n\nexport namespace AlertDialogTitle {\n  export type Props = AlertDialogTitleProps;\n  export type State = AlertDialogCore.State;\n}\n"],"mappings":";;;;;;AAUA,MAAa,mBAAmB,kBAAgE;CAC9F,aAAa;CACb,KAAK;CACL,YAAY;CACZ,WAAW,WAAW,EAAE,IAAI,MAAM,SAAS;CAC5C,CAAC"}

package/dist/dev/ui/alert-dialog/context.d.ts

@@ -1,14 +0,0 @@
-import { AlertDialogApi } from "@videojs/core/dom";
-import { AlertDialogCore, StateAttrMap as StateAttrMap$1 } from "@videojs/core";
-
-//#region src/ui/alert-dialog/context.d.ts
-interface AlertDialogContextValue {
-  core: AlertDialogCore;
-  dialog: AlertDialogApi;
-  state: AlertDialogCore.State;
-  stateAttrMap: StateAttrMap$1<AlertDialogCore.State>;
-}
-declare function useAlertDialogContext(): AlertDialogContextValue;
-//#endregion
-export { AlertDialogContextValue, useAlertDialogContext };
-//# sourceMappingURL=context.d.ts.map

package/dist/dev/ui/alert-dialog/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/context.tsx"],"mappings":";;;;UAMiB,uBAAA;EACf,IAAA,EAAM,eAAA;EACN,MAAA,EAAQ,cAAA;EACR,KAAA,EAAO,eAAA,CAAgB,KAAA;EACvB,YAAA,EAAc,cAAA,CAAa,eAAA,CAAgB,KAAA;AAAA;AAAA,iBAO7B,qBAAA,CAAA,GAAyB,uBAAA"}

package/dist/dev/ui/alert-dialog/context.js

@@ -1,16 +0,0 @@
-'use client';
-
-import { createContext, useContext } from "react";
-
-//#region src/ui/alert-dialog/context.tsx
-const AlertDialogContext = createContext(null);
-const AlertDialogContextProvider = AlertDialogContext.Provider;
-function useAlertDialogContext() {
-	const ctx = useContext(AlertDialogContext);
-	if (!ctx) throw new Error("AlertDialog compound components must be used within an AlertDialog.Root");
-	return ctx;
-}
-
-//#endregion
-export { AlertDialogContextProvider, useAlertDialogContext };
-//# sourceMappingURL=context.js.map

package/dist/dev/ui/alert-dialog/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/alert-dialog/context.tsx"],"sourcesContent":["'use client';\n\nimport type { AlertDialogCore, StateAttrMap } from '@videojs/core';\nimport type { AlertDialogApi } from '@videojs/core/dom';\nimport { createContext, useContext } from 'react';\n\nexport interface AlertDialogContextValue {\n  core: AlertDialogCore;\n  dialog: AlertDialogApi;\n  state: AlertDialogCore.State;\n  stateAttrMap: StateAttrMap<AlertDialogCore.State>;\n}\n\nconst AlertDialogContext = createContext<AlertDialogContextValue | null>(null);\n\nexport const AlertDialogContextProvider = AlertDialogContext.Provider;\n\nexport function useAlertDialogContext(): AlertDialogContextValue {\n  const ctx = useContext(AlertDialogContext);\n  if (!ctx) throw new Error('AlertDialog compound components must be used within an AlertDialog.Root');\n  return ctx;\n}\n"],"mappings":";;;;;AAaA,MAAM,qBAAqB,cAA8C,KAAK;AAE9E,MAAa,6BAA6B,mBAAmB;AAE7D,SAAgB,wBAAiD;CAC/D,MAAM,MAAM,WAAW,mBAAmB;AAC1C,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,0EAA0E;AACpG,QAAO"}

package/dist/dev/ui/buffering-indicator/buffering-indicator.d.ts

@@ -1,32 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { BufferingIndicatorCore } from "@videojs/core";
-
-//#region src/ui/buffering-indicator/buffering-indicator.d.ts
-interface BufferingIndicatorProps extends UIComponentProps<'div', BufferingIndicatorCore.State>, BufferingIndicatorCore.Props {}
-/**
- * Displays a buffering indicator when media is waiting for data.
- *
- * Visibility is delayed (default 500ms) to avoid flashing on quick buffers.
- *
- * @example
- * ```tsx
- * <BufferingIndicator />
- *
- * <BufferingIndicator delay={1000} />
- *
- * <BufferingIndicator
- *   render={(props, state) => (
- *     <div {...props}>{state.visible && <Spinner />}</div>
- *   )}
- * />
- * ```
- */
-declare const BufferingIndicator: react.ForwardRefExoticComponent<Omit<BufferingIndicatorProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace BufferingIndicator {
-  type Props = BufferingIndicatorProps;
-  type State = BufferingIndicatorCore.State;
-}
-//#endregion
-export { BufferingIndicator, BufferingIndicatorProps };
-//# sourceMappingURL=buffering-indicator.d.ts.map

package/dist/dev/ui/buffering-indicator/buffering-indicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.d.ts","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator.tsx"],"mappings":";;;;;UAWiB,uBAAA,SACP,gBAAA,QAAwB,sBAAA,CAAuB,KAAA,GACrD,sBAAA,CAAuB,KAAA;;AAF3B;;;;;;;;;;;;;;;AAsBA;;cAAa,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAoCd,kBAAA;EAAA,KACH,KAAA,GAAQ,uBAAA;EAAA,KACR,KAAA,GAAQ,sBAAA,CAAuB,KAAA;AAAA"}

package/dist/dev/ui/buffering-indicator/buffering-indicator.js

@@ -1,53 +0,0 @@
-'use client';
-
-import { usePlayer } from "../../player/context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { logMissingFeature, selectPlayback } from "@videojs/core/dom";
-import { forwardRef, useState, useSyncExternalStore } from "react";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
-
-//#region src/ui/buffering-indicator/buffering-indicator.tsx
-/**
-* Displays a buffering indicator when media is waiting for data.
-*
-* Visibility is delayed (default 500ms) to avoid flashing on quick buffers.
-*
-* @example
-* ```tsx
-* <BufferingIndicator />
-*
-* <BufferingIndicator delay={1000} />
-*
-* <BufferingIndicator
-*   render={(props, state) => (
-*     <div {...props}>{state.visible && <Spinner />}</div>
-*   )}
-* />
-* ```
-*/
-const BufferingIndicator = forwardRef(function BufferingIndicator(componentProps, forwardedRef) {
-	const { render, className, style, delay, ...elementProps } = componentProps;
-	const playback = usePlayer(selectPlayback);
-	const [core] = useState(() => new BufferingIndicatorCore());
-	core.setProps({ delay });
-	if (playback) core.update(playback);
-	const state = useSyncExternalStore((cb) => core.state.subscribe(cb), () => core.state.current, () => core.state.current);
-	if (!playback) {
-		logMissingFeature("BufferingIndicator", "playback");
-		return null;
-	}
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap: BufferingIndicatorDataAttrs,
-		ref: [forwardedRef],
-		props: [elementProps]
-	});
-});
-
-//#endregion
-export { BufferingIndicator };
-//# sourceMappingURL=buffering-indicator.js.map

package/dist/dev/ui/buffering-indicator/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator.tsx"],"sourcesContent":["'use client';\n\nimport { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from '@videojs/core';\nimport { logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useState, useSyncExternalStore } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface BufferingIndicatorProps\n  extends UIComponentProps<'div', BufferingIndicatorCore.State>,\n    BufferingIndicatorCore.Props {}\n\n/**\n * Displays a buffering indicator when media is waiting for data.\n *\n * Visibility is delayed (default 500ms) to avoid flashing on quick buffers.\n *\n * @example\n * ```tsx\n * <BufferingIndicator />\n *\n * <BufferingIndicator delay={1000} />\n *\n * <BufferingIndicator\n *   render={(props, state) => (\n *     <div {...props}>{state.visible && <Spinner />}</div>\n *   )}\n * />\n * ```\n */\nexport const BufferingIndicator = forwardRef(function BufferingIndicator(\n  componentProps: BufferingIndicatorProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, delay, ...elementProps } = componentProps;\n\n  const playback = usePlayer(selectPlayback);\n\n  const [core] = useState(() => new BufferingIndicatorCore());\n  core.setProps({ delay });\n\n  if (playback) core.update(playback);\n\n  const state = useSyncExternalStore(\n    (cb) => core.state.subscribe(cb),\n    () => core.state.current,\n    () => core.state.current\n  );\n\n  if (!playback) {\n    if (__DEV__) logMissingFeature('BufferingIndicator', 'playback');\n    return null;\n  }\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: BufferingIndicatorDataAttrs,\n      ref: [forwardedRef],\n      props: [elementProps],\n    }\n  );\n});\n\nexport namespace BufferingIndicator {\n  export type Props = BufferingIndicatorProps;\n  export type State = BufferingIndicatorCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,qBAAqB,WAAW,SAAS,mBACpD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,OAAO,GAAG,iBAAiB;CAE7D,MAAM,WAAW,UAAU,eAAe;CAE1C,MAAM,CAAC,QAAQ,eAAe,IAAI,wBAAwB,CAAC;AAC3D,MAAK,SAAS,EAAE,OAAO,CAAC;AAExB,KAAI,SAAU,MAAK,OAAO,SAAS;CAEnC,MAAM,QAAQ,sBACX,OAAO,KAAK,MAAM,UAAU,GAAG,QAC1B,KAAK,MAAM,eACX,KAAK,MAAM,QAClB;AAED,KAAI,CAAC,UAAU;AACA,oBAAkB,sBAAsB,WAAW;AAChE,SAAO;;AAGT,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc;EACd,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC,aAAa;EACtB,CACF;EACD"}

package/dist/dev/ui/captions-button/captions-button.d.ts

@@ -1,15 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { CaptionsButtonCore } from "@videojs/core";
-
-//#region src/ui/captions-button/captions-button.d.ts
-interface CaptionsButtonProps extends UIComponentProps<'button', CaptionsButtonCore.State>, CaptionsButtonCore.Props {}
-/** A button that toggles captions. */
-declare const CaptionsButton: react.ForwardRefExoticComponent<CaptionsButtonProps & react.RefAttributes<HTMLButtonElement>>;
-declare namespace CaptionsButton {
-  type Props = CaptionsButtonProps;
-  type State = CaptionsButtonCore.State;
-}
-//#endregion
-export { CaptionsButton, CaptionsButtonProps };
-//# sourceMappingURL=captions-button.d.ts.map

package/dist/dev/ui/captions-button/captions-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"captions-button.d.ts","names":[],"sources":["../../../../src/ui/captions-button/captions-button.tsx"],"mappings":";;;;;UAQiB,mBAAA,SACP,gBAAA,WAA2B,kBAAA,CAAmB,KAAA,GACpD,kBAAA,CAAmB,KAAA;;cAGV,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;EAAA,KACR,KAAA,GAAQ,kBAAA,CAAmB,KAAA;AAAA"}

package/dist/dev/ui/captions-button/captions-button.js

@@ -1,19 +0,0 @@
-'use client';
-
-import { createMediaButton } from "../create-media-button.js";
-import { selectTextTrack } from "@videojs/core/dom";
-import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
-
-//#region src/ui/captions-button/captions-button.tsx
-/** A button that toggles captions. */
-const CaptionsButton = createMediaButton({
-	displayName: "CaptionsButton",
-	core: CaptionsButtonCore,
-	stateAttrMap: CaptionsButtonDataAttrs,
-	selector: selectTextTrack,
-	action: (core, state) => core.toggle(state)
-});
-
-//#endregion
-export { CaptionsButton };
-//# sourceMappingURL=captions-button.js.map

package/dist/dev/ui/captions-button/captions-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"captions-button.js","names":[],"sources":["../../../../src/ui/captions-button/captions-button.tsx"],"sourcesContent":["'use client';\n\nimport { CaptionsButtonCore, CaptionsButtonDataAttrs } from '@videojs/core';\nimport { selectTextTrack } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface CaptionsButtonProps\n  extends UIComponentProps<'button', CaptionsButtonCore.State>,\n    CaptionsButtonCore.Props {}\n\n/** A button that toggles captions. */\nexport const CaptionsButton = createMediaButton<CaptionsButtonCore, CaptionsButtonProps>({\n  displayName: 'CaptionsButton',\n  core: CaptionsButtonCore,\n  stateAttrMap: CaptionsButtonDataAttrs,\n  selector: selectTextTrack,\n  action: (core, state) => core.toggle(state),\n});\n\nexport namespace CaptionsButton {\n  export type Props = CaptionsButtonProps;\n  export type State = CaptionsButtonCore.State;\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,iBAAiB,kBAA2D;CACvF,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,MAAM;CAC5C,CAAC"}

package/dist/dev/ui/controls/controls-group.d.ts

@@ -1,17 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { ReactNode } from "react";
-import { ControlsCore } from "@videojs/core";
-
-//#region src/ui/controls/controls-group.d.ts
-interface ControlsGroupProps extends UIComponentProps<'div', ControlsCore.State> {
-  children?: ReactNode | undefined;
-}
-/** Layout group for related controls; sets `role="group"` when labeled. */
-declare const ControlsGroup: react.ForwardRefExoticComponent<Omit<ControlsGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace ControlsGroup {
-  type Props = ControlsGroupProps;
-}
-//#endregion
-export { ControlsGroup, ControlsGroupProps };
-//# sourceMappingURL=controls-group.d.ts.map

package/dist/dev/ui/controls/controls-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group.d.ts","names":[],"sources":["../../../../src/ui/controls/controls-group.tsx"],"mappings":";;;;;;UAUiB,kBAAA,SAA2B,gBAAA,QAAwB,YAAA,CAAa,KAAA;EAC/E,QAAA,GAAW,SAAA;AAAA;AADb;AAAA,cAKa,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,kBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAqBT,aAAA;EAAA,KACH,KAAA,GAAQ,kBAAA;AAAA"}

package/dist/dev/ui/controls/controls-group.js

@@ -1,30 +0,0 @@
-'use client';
-
-import { renderElement } from "../../utils/use-render.js";
-import { useControlsContext } from "./context.js";
-import { forwardRef } from "react";
-
-//#region src/ui/controls/controls-group.tsx
-/** Layout group for related controls; sets `role="group"` when labeled. */
-const ControlsGroup = forwardRef(function ControlsGroup(componentProps, forwardedRef) {
-	const { render, className, style, children, ...elementProps } = componentProps;
-	const { state, stateAttrMap } = useControlsContext();
-	const role = elementProps["aria-label"] || elementProps["aria-labelledby"] ? "group" : void 0;
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef],
-		props: [{
-			role,
-			children
-		}, elementProps]
-	});
-});
-
-//#endregion
-export { ControlsGroup };
-//# sourceMappingURL=controls-group.js.map

package/dist/dev/ui/controls/controls-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group.js","names":[],"sources":["../../../../src/ui/controls/controls-group.tsx"],"sourcesContent":["'use client';\n\nimport type { ControlsCore } from '@videojs/core';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useControlsContext } from './context';\n\nexport interface ControlsGroupProps extends UIComponentProps<'div', ControlsCore.State> {\n  children?: ReactNode | undefined;\n}\n\n/** Layout group for related controls; sets `role=\"group\"` when labeled. */\nexport const ControlsGroup = forwardRef(function ControlsGroup(\n  componentProps: ControlsGroupProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, children, ...elementProps } = componentProps;\n\n  const { state, stateAttrMap } = useControlsContext();\n  const role = elementProps['aria-label'] || elementProps['aria-labelledby'] ? 'group' : undefined;\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef],\n      props: [{ role, children }, elementProps],\n    }\n  );\n});\n\nexport namespace ControlsGroup {\n  export type Props = ControlsGroupProps;\n}\n"],"mappings":";;;;;;;;AAeA,MAAa,gBAAgB,WAAW,SAAS,cAC/C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,iBAAiB;CAEhE,MAAM,EAAE,OAAO,iBAAiB,oBAAoB;CACpD,MAAM,OAAO,aAAa,iBAAiB,aAAa,qBAAqB,UAAU;AAEvF,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA;EACA,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC;GAAE;GAAM;GAAU,EAAE,aAAa;EAC1C,CACF;EACD"}