@videojs/react 10.0.0-beta.31 → 10.0.0-beta.32

package/dist/dev/__generated__/skins/minimal-video/styles/theme.css

@@ -1,7 +0,0 @@
-@layer videojs.theme.variant {
-  .media-theme-minimal {
-    --media-video-border-radius: var(--media-border-radius, 0.75rem);
-    --media-control-radius: calc(var(--media-spacing) * 2);
-    --media-surface-radius: calc(var(--media-spacing) * 2.5);
-  }
-}

package/dist/dev/__generated__/skins/minimal-video/styles/video.css

@@ -1,29 +0,0 @@
-@layer videojs.theme.base, videojs.theme.variant, videojs.theme.preferences;
-
-@layer videojs.theme.base {
-  :is(.media-theme-default, .media-theme-minimal) {
-    --media-controls-transition-duration: 100ms;
-    --media-scale: 1;
-    --media-spacing: calc(var(--media-scale-unit, 16px) * var(--media-scale) / 4);
-  }
-}
-
-@layer videojs.theme.preferences {
-  @media (pointer: fine) {
-    :is(.media-theme-default, .media-theme-minimal):has([data-controls]:not([data-visible])) {
-      --media-controls-transition-duration: 300ms;
-    }
-  }
-
-  @media (pointer: coarse) {
-    :is(.media-theme-default, .media-theme-minimal):has([data-controls]:not([data-visible])) {
-      --media-controls-transition-duration: 150ms;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    :is(.media-theme-default, .media-theme-minimal) {
-      --media-controls-transition-duration: 50ms;
-    }
-  }
-}

package/dist/dev/skins/dist/default/default/tailwind/components/error.js

@@ -1,14 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/default/tailwind/components/error.js
-const error = {
-	root: "peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none",
-	dialog: cn("flex flex-col gap-3 max-w-72 p-3 rounded-[--spacing(7)] text-white", "transition-[opacity,scale,transform]", "duration-(--error-dialog-transition-duration)", "delay-(--error-dialog-transition-delay)", "ease-(--error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-95", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-95", "motion-reduce:scale-100 motion-reduce:transition-opacity", "group-data-ending-style/error:delay-0"),
-	content: "flex flex-col gap-2 px-2 pt-2 pb-1.5",
-	title: "font-semibold leading-tight",
-	description: "opacity-70 wrap-anywhere",
-	actions: "flex gap-2 *:flex-1"
-};
-//#endregion
-export { error };
-
-//# sourceMappingURL=error.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-72 p-3 rounded-[--spacing(7)] text-white\", \"transition-[opacity,scale,transform]\", \"duration-(--error-dialog-transition-duration)\", \"delay-(--error-dialog-transition-delay)\", \"ease-(--error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-95\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-95\", \"motion-reduce:scale-100 motion-reduce:transition-opacity\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 px-2 pt-2 pb-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { error };\n\n//# sourceMappingURL=error.js.map"],"mappings":";;AAEA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,sEAAsE,wCAAwC,iDAAiD,2CAA2C,oDAAoD,sFAAsF,kFAAkF,4DAA4D,uCAAuC;CACphB,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;AACV"}

package/dist/dev/skins/dist/default/default/tailwind/components/input-indicator-overlay.js

@@ -1,7 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/default/tailwind/components/input-indicator-overlay.js
-const inputIndicatorOverlay = cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center", "text-white");
-//#endregion
-export { inputIndicatorOverlay };
-
-//# sourceMappingURL=input-indicator-overlay.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/input-indicator-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-indicator-overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/input-indicator-overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/input-indicator-overlay.ts\nconst inputIndicatorOverlay = cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center\", \"text-white\");\n//#endregion\nexport { inputIndicatorOverlay };\n\n//# sourceMappingURL=input-indicator-overlay.js.map"],"mappings":";;AAEA,MAAM,wBAAwB,GAAG,wCAAwC,sDAAsD,YAAY"}

package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js

@@ -1,7 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/default/tailwind/components/overlay.js
-const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 via-25% to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-visible/buffering:bg-black/35", "peer-data-visible/buffering:opacity-100", "peer-data-visible/buffering:backdrop-blur-sm", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--error-dialog-transition-duration)", "peer-data-open/error:delay-(--error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150");
-//#endregion
-export { overlay };
-
-//# sourceMappingURL=overlay.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 via-25% to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/buffering:bg-black/35\", \"peer-data-visible/buffering:opacity-100\", \"peer-data-visible/buffering:backdrop-blur-sm\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,oEAAoE,4CAA4C,wCAAwC,6CAA6C,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,sEAAsE,gEAAgE,kFAAkF"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/error.js

@@ -1,14 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/minimal/tailwind/components/error.js
-const error = {
-	root: "peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none",
-	dialog: cn("flex flex-col gap-3 max-w-64 p-4 text-white", "text-shadow-2xs text-shadow-black/50", "transition-[opacity,scale,transform]", "duration-(--error-dialog-transition-duration)", "delay-(--error-dialog-transition-delay)", "ease-(--error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-95", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-95", "motion-reduce:scale-100 motion-reduce:transition-opacity", "group-data-ending-style/error:delay-0"),
-	content: "flex flex-col gap-2 py-1.5",
-	title: "font-semibold leading-tight",
-	description: "opacity-70 wrap-anywhere",
-	actions: "flex gap-2 *:flex-1"
-};
-//#endregion
-export { error };
-
-//# sourceMappingURL=error.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-64 p-4 text-white\", \"text-shadow-2xs text-shadow-black/50\", \"transition-[opacity,scale,transform]\", \"duration-(--error-dialog-transition-duration)\", \"delay-(--error-dialog-transition-delay)\", \"ease-(--error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-95\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-95\", \"motion-reduce:scale-100 motion-reduce:transition-opacity\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 py-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { error };\n\n//# sourceMappingURL=error.js.map"],"mappings":";;AAEA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,+CAA+C,wCAAwC,wCAAwC,iDAAiD,2CAA2C,oDAAoD,sFAAsF,kFAAkF,4DAA4D,uCAAuC;CACriB,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;AACV"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js

@@ -1,7 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js
-const inputIndicatorOverlay = cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center overflow-hidden", "rounded-[inherit]", "text-white");
-//#endregion
-export { inputIndicatorOverlay };
-
-//# sourceMappingURL=input-indicator-overlay.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-indicator-overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-indicator-overlay.ts\nconst inputIndicatorOverlay = cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center overflow-hidden\", \"rounded-[inherit]\", \"text-white\");\n//#endregion\nexport { inputIndicatorOverlay };\n\n//# sourceMappingURL=input-indicator-overlay.js.map"],"mappings":";;AAEA,MAAM,wBAAwB,GAAG,wCAAwC,sEAAsE,qBAAqB,YAAY"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/overlay.js

@@ -1,7 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/minimal/tailwind/components/overlay.js
-const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[--spacing(30)] to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-visible/buffering:bg-black/35", "peer-data-visible/buffering:opacity-100", "peer-data-visible/buffering:backdrop-blur-sm", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--error-dialog-transition-duration)", "peer-data-open/error:delay-(--error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-120");
-//#endregion
-export { overlay };
-
-//# sourceMappingURL=overlay.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[--spacing(30)] to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/buffering:bg-black/35\", \"peer-data-visible/buffering:opacity-100\", \"peer-data-visible/buffering:backdrop-blur-sm\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-120\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,gFAAgF,4CAA4C,wCAAwC,6CAA6C,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,sEAAsE,gEAAgE,kFAAkF"}

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

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-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: import("react").ForwardRefExoticComponent<Omit<AlertDialogCloseProps, "ref"> & import("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":";;;UAOiB,8BAA8B,2BAA2B,gBAAgB;cAE7E,kCAAgB,0BAAA,KAAA,gDAAA,cAAA;kBAsBZ;OACH,QAAQ;OACR,QAAQ,gBAAgB"}

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

@@ -1,28 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useAlertDialogContext } from "./context.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":["import 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":";;;;AASA,MAAa,mBAAmB,WAAqD,SAAS,iBAC5F,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,gBACzC,cACA;CACA,MAAM,EAAE,QAAQ,UAAU,sBAAsB;CAEhD,MAAM,cAAc,kBAAkB;EACpC,IAAI,UAAU;EACd,OAAO,MAAM;CACf,GAAG,CAAC,QAAQ,QAAQ,CAAC;CAErB,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC;GAAE,MAAM;GAAmB;GAAU,SAAS;EAAY,GAAG,YAAY;CACnF,CACF;AACF,CAAC"}

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

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-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: import("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":";;;UAMiB,oCAAoC,sBAAsB,gBAAgB;cAE9E,wCAAsB,0BAAA;kBAOlB;OACH,QAAQ;OACR,QAAQ,gBAAgB"}

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

@@ -1,13 +0,0 @@
-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":["import 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":";;;AAQA,MAAa,yBAAyB,kBAAsE;CAC1G,aAAa;CACb,KAAK;CACL,YAAY;CACZ,WAAW,WAAW,EAAE,IAAI,MAAM,cAAc;AAClD,CAAC"}

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

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-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: import("react").ForwardRefExoticComponent<Omit<AlertDialogPopupProps, "ref"> & import("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":";;;UAQiB,8BAA8B,wBAAwB,gBAAgB;cAE1E,kCAAgB,0BAAA,KAAA,gDAAA,cAAA;kBA6BZ;OACH,QAAQ;OACR,QAAQ,gBAAgB"}

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

@@ -1,29 +0,0 @@
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { renderElement } from "../../utils/use-render.js";
-import { useAlertDialogContext } from "./context.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":["import 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":";;;;;AAUA,MAAa,mBAAmB,WAAkD,SAAS,iBACzF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,MAAM,QAAQ,OAAO,iBAAiB,sBAAsB;CASpE,MAAM,cAAc,gBAAgB,cAPjB,aAChB,OAA8B;EAC7B,OAAO,WAAW,EAAE;CACtB,GACA,CAAC,MAAM,CAGkD,CAAC;CAE5D,IAAI,CAAC,MAAM,MAAM,OAAO;CAExB,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK;EACL,OAAO,CAAC;GAAE,UAAU;GAAI,GAAG,KAAK,SAAS,KAAK;EAAE,GAAG,YAAY;CACjE,CACF;AACF,CAAC"}

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

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-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: import("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":";;;UAMiB,8BAA8B,uBAAuB,gBAAgB;cAEzE,kCAAgB,0BAAA;kBAOZ;OACH,QAAQ;OACR,QAAQ,gBAAgB"}

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

@@ -1,13 +0,0 @@
-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":["import 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":";;;AAQA,MAAa,mBAAmB,kBAAgE;CAC9F,aAAa;CACb,KAAK;CACL,YAAY;CACZ,WAAW,WAAW,EAAE,IAAI,MAAM,QAAQ;AAC5C,CAAC"}

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

@@ -1,13 +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":";;;UAIiB;EACf,MAAM;EACN,QAAQ;EACR,OAAO,gBAAgB;EACvB,cAAc,eAAa,gBAAgB;;iBAO7B,yBAAyB"}

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

@@ -1,13 +0,0 @@
-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":["import 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":";;AAWA,MAAM,qBAAqB,cAA8C,IAAI;AAE7E,MAAa,6BAA6B,mBAAmB;AAE7D,SAAgB,wBAAiD;CAC/D,MAAM,MAAM,WAAW,kBAAkB;CACzC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,yEAAyE;CACnG,OAAO;AACT"}

package/docs/concepts/cast.md

@@ -1,131 +0,0 @@
-# Google Cast
-
-Cast playback to Chromecast devices with the Google Cast component, and configure the receiver and load request
-
-Add Google Cast to any Video.js streaming media element (HLS and DASH) by placing the Google Cast component next to it. Pair it with a [CastButton](../reference/cast-button.md) and users can move playback to a Chromecast device while the browser stays in control:
-
-App.tsx
-
-```
-import { CastButton, Container, createPlayer } from '@videojs/react';
-import { GoogleCast } from '@videojs/react/media/google-cast';
-import { HlsJsVideo } from '@videojs/react/media/hlsjs-video';
-import { videoFeatures } from '@videojs/react/video';
-
-const { Player } = createPlayer({ features: videoFeatures });
-
-export default function App() {
-  return (
-    <Player>
-      <Container>
-        <HlsJsVideo
-          src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM.m3u8"
-          autoPlay
-          muted
-          playsInline
-          loop
-        />
-        <GoogleCast />
-        <CastButton />
-      </Container>
-    </Player>
-  );
-}
-```
-
-The component registers Google Cast with whichever media the player is using, so it works with any of the streaming media elements. The pre-built [skins](./skins.md) include a Cast button already. It appears when a Chromecast device is on the network and stays hidden otherwise.
-
-Caution
-
-Casting needs this component. Without it, [CastButton](../reference/cast-button.md) drives the browser’s native Remote Playback API rather than a Cast session, so receivers and load requests don’t apply.
-
-Note
-
-Cast only works in Chromium-based browsers (Chrome, Edge, and others built on Blink). On other browsers, `remotePlaybackAvailability` is `'unsupported'`.
-
-## How Cast works
-
-Cast uses a **sender / receiver** model:
-
-*   **Sender**: the browser tab. It sends the receiver a load request with the source URL and metadata, then issues playback commands (play, pause, seek, volume).
-*   **Receiver**: the Chromecast device running a receiver application, either Google’s default media receiver or a custom one you configure.
-
-### Session lifecycle
-
-A Cast session moves through three states, exposed by the [Remote Playback](../reference/feature-remote-playback.md) feature:
-
-State
-
-Meaning
-
-`'disconnected'`
-
-No active session
-
-`'connecting'`
-
-Device picked; session starting
-
-`'connected'`
-
-Session active; receiver has the media
-
-While `connected`, the media element’s `play`, `pause`, `currentTime`, `volume`, `muted`, and `playbackRate` all forward to the Cast receiver. Local playback is suspended.
-
-### The lazy-loaded SDK
-
-Video.js injects the Cast SDK (`cast_sender.js`) as a `<script>` tag the first time a Google Cast component is added in a Chromium browser. Browsers that can’t cast — and players without the component — never load the SDK.
-
-Set `disableRemotePlayback` on the media element to opt out of remote playback entirely:
-
-tsx
-
-```
-<HlsJsVideo disableRemotePlayback />
-```
-
-## Configure Cast
-
-By default, the receiver loads the same source the browser plays through Google’s [Default Media Receiver](https://developers.google.com/cast/docs/web_sender/integrate#default_media_web_receiver). Point Cast at your own receiver app, send a different source, attach custom data to the load request, or override the stream type through the component’s options:
-
-tsx
-
-```
-<HlsJsVideo src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4" />
-<GoogleCast
-  receiver="YOUR_APP_ID"
-  src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM.m3u8"
-  contentType="application/x-mpegURL"
-/>
-```
-
-The [GoogleCast reference](../reference/google-cast.md) documents every option. HLS sources need no extra receiver setup: Video.js detects the segment format and configures the load request, and the Default Media Receiver plays HLS natively.
-
-## Read Cast state
-
-Cast session state lives in the [Remote Playback](../reference/feature-remote-playback.md) feature slice. Subscribe with `selectRemotePlayback`:
-
-tsx
-
-```
-import { selectRemotePlayback, usePlayer } from '@videojs/react';
-
-function CastStatus() {
-  const remotePlayback = usePlayer(selectRemotePlayback);
-  if (!remotePlayback) return null;
-
-  return <span>{remotePlayback.remotePlaybackState}</span>;
-}
-```
-
-## Browser availability
-
-The Remote Playback feature reports availability as `'available'` (a device is on the network), `'unavailable'` (no device found), or `'unsupported'` (the browser can’t cast). A [CastButton](../reference/cast-button.md) handles the presentation for you: it hides itself when Cast is unsupported, and shows a disabled state when Cast is supported but no device is reachable. See its reference for the data attributes and styling hooks.
-
-## See also
-
-[GoogleCast reference](../reference/google-cast.md)
-
-[CastButton component reference](../reference/cast-button.md)
-
-[Remote Playback feature reference](../reference/feature-remote-playback.md)