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

package/dist/dev/ui/dialog/backdrop.js

@@ -0,0 +1,26 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useDialogContext } from "./context.js";
+import { forwardRef } from "react";
+//#region src/ui/dialog/backdrop.tsx
+/** Presentational layer behind a dialog while it is rendered, including its exit transition. */
+const DialogBackdrop = forwardRef(function DialogBackdrop({ render, className, style, ...elementProps }, forwardedRef) {
+	const { state, stateAttrMap } = useDialogContext();
+	if (!state.open) return null;
+	return renderElement("div", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap,
+		ref: [forwardedRef],
+		props: [{
+			role: "presentation",
+			"aria-hidden": true
+		}, elementProps]
+	});
+});
+//#endregion
+export { DialogBackdrop };
+
+//# sourceMappingURL=backdrop.js.map

package/dist/dev/ui/dialog/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","names":[],"sources":["../../../../src/ui/dialog/backdrop.tsx"],"sourcesContent":["import type { DialogCore } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useDialogContext } from './context';\n\nexport interface DialogBackdropProps extends UIComponentProps<'div', DialogCore.State> {}\n\n/** Presentational layer behind a dialog while it is rendered, including its exit transition. */\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(function DialogBackdrop(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state, stateAttrMap } = useDialogContext();\n  if (!state.open) return null;\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef],\n      props: [{ role: 'presentation', 'aria-hidden': true }, elementProps],\n    }\n  );\n});\n\nexport namespace DialogBackdrop {\n  export type Props = DialogBackdropProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;;AAUA,MAAa,iBAAiB,WAAgD,SAAS,eACrF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,OAAO,iBAAiB,iBAAiB;CACjD,IAAI,CAAC,MAAM,MAAM,OAAO;CAExB,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC;GAAE,MAAM;GAAgB,eAAe;EAAK,GAAG,YAAY;CACrE,CACF;AACF,CAAC"}

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

@@ -0,0 +1,13 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { DialogCore } from "@videojs/core";
+//#region src/ui/dialog/close.d.ts
+interface DialogCloseProps extends UIComponentProps<'button', DialogCore.State> {}
+/** Renders a button that closes the dialog. */
+declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare namespace DialogClose {
+  type Props = DialogCloseProps;
+  type State = DialogCore.State;
+}
+//#endregion
+export { DialogClose, DialogCloseProps };
+//# sourceMappingURL=close.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"close.d.ts","names":[],"sources":["../../../../src/ui/dialog/close.tsx"],"mappings":";;;UAOiB,yBAAyB,2BAA2B,WAAW;;cAGnE,6BAAW,0BAAA,KAAA,2CAAA,cAAA;kBAsBP;OACH,QAAQ;OACR,QAAQ,WAAW"}

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

@@ -0,0 +1,29 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useDialogContext } from "./context.js";
+import { forwardRef, useCallback } from "react";
+//#region src/ui/dialog/close.tsx
+/** Renders a button that closes the dialog. */
+const DialogClose = forwardRef(function DialogClose({ render, className, style, disabled, ...elementProps }, forwardedRef) {
+	const { dialog, state, stateAttrMap } = useDialogContext();
+	const handleClick = useCallback(() => {
+		if (!disabled) dialog.close();
+	}, [dialog, disabled]);
+	return renderElement("button", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap,
+		ref: forwardedRef,
+		props: [{
+			type: "button",
+			disabled,
+			onClick: handleClick
+		}, elementProps]
+	});
+});
+//#endregion
+export { DialogClose };
+
+//# sourceMappingURL=close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"close.js","names":[],"sources":["../../../../src/ui/dialog/close.tsx"],"sourcesContent":["import type { DialogCore } from '@videojs/core';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useDialogContext } from './context';\n\nexport interface DialogCloseProps extends UIComponentProps<'button', DialogCore.State> {}\n\n/** Renders a button that closes the dialog. */\nexport const DialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function DialogClose(\n  { render, className, style, disabled, ...elementProps },\n  forwardedRef\n) {\n  const { dialog, state, stateAttrMap } = useDialogContext();\n\n  const handleClick = useCallback(() => {\n    if (!disabled) dialog.close();\n  }, [dialog, disabled]);\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: forwardedRef,\n      props: [{ type: 'button' as const, disabled, onClick: handleClick }, elementProps],\n    }\n  );\n});\n\nexport namespace DialogClose {\n  export type Props = DialogCloseProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;;AAUA,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,gBACzC,cACA;CACA,MAAM,EAAE,QAAQ,OAAO,iBAAiB,iBAAiB;CAEzD,MAAM,cAAc,kBAAkB;EACpC,IAAI,CAAC,UAAU,OAAO,MAAM;CAC9B,GAAG,CAAC,QAAQ,QAAQ,CAAC;CAErB,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK;EACL,OAAO,CAAC;GAAE,MAAM;GAAmB;GAAU,SAAS;EAAY,GAAG,YAAY;CACnF,CACF;AACF,CAAC"}

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

@@ -0,0 +1,15 @@
+import { DialogCore, StateAttrMap } from "@videojs/core";
+import { DialogApi } from "@videojs/core/dom";
+//#region src/ui/dialog/context.d.ts
+interface DialogContextValue {
+  core: DialogCore;
+  dialog: DialogApi;
+  state: DialogCore.State;
+  stateAttrMap: StateAttrMap<DialogCore.State>;
+  popupId: string;
+}
+/** Returns the current dialog compound-component context. Throws outside a dialog root. */
+declare function useDialogContext(): DialogContextValue;
+//#endregion
+export { DialogContextValue, useDialogContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/dialog/context.tsx"],"mappings":";;;UAIiB;EACf,MAAM;EACN,QAAQ;EACR,OAAO,WAAW;EAClB,cAAc,aAAa,WAAW;EACtC;;;iBAQc,oBAAoB"}

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

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+//#region src/ui/dialog/context.tsx
+const DialogContext = createContext(null);
+const DialogContextProvider = DialogContext.Provider;
+/** Returns the current dialog compound-component context. Throws outside a dialog root. */
+function useDialogContext() {
+	return useDialogContextFor("Dialog");
+}
+function useDialogContextFor(componentName) {
+	const ctx = useContext(DialogContext);
+	if (!ctx) throw new Error(`${componentName} compound components must be used within a ${componentName}.Root`);
+	return ctx;
+}
+//#endregion
+export { DialogContextProvider, useDialogContext, useDialogContextFor };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/dialog/context.tsx"],"sourcesContent":["import type { DialogCore, StateAttrMap } from '@videojs/core';\nimport type { DialogApi } from '@videojs/core/dom';\nimport { createContext, useContext } from 'react';\n\nexport interface DialogContextValue {\n  core: DialogCore;\n  dialog: DialogApi;\n  state: DialogCore.State;\n  stateAttrMap: StateAttrMap<DialogCore.State>;\n  popupId: string;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nexport const DialogContextProvider = DialogContext.Provider;\n\n/** Returns the current dialog compound-component context. Throws outside a dialog root. */\nexport function useDialogContext(): DialogContextValue {\n  return useDialogContextFor('Dialog');\n}\n\nexport function useDialogContextFor(componentName: string): DialogContextValue {\n  const ctx = useContext(DialogContext);\n  if (!ctx) throw new Error(`${componentName} compound components must be used within a ${componentName}.Root`);\n\n  return ctx;\n}\n"],"mappings":";;AAYA,MAAM,gBAAgB,cAAyC,IAAI;AAEnE,MAAa,wBAAwB,cAAc;;AAGnD,SAAgB,mBAAuC;CACrD,OAAO,oBAAoB,QAAQ;AACrC;AAEA,SAAgB,oBAAoB,eAA2C;CAC7E,MAAM,MAAM,WAAW,aAAa;CACpC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,GAAG,cAAc,6CAA6C,cAAc,MAAM;CAE5G,OAAO;AACT"}

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

@@ -0,0 +1,13 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { DialogCore } from "@videojs/core";
+//#region src/ui/dialog/description.d.ts
+interface DialogDescriptionProps extends UIComponentProps<'p', DialogCore.State> {}
+/** Renders the description announced with the dialog. */
+declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogDescriptionProps>;
+declare namespace DialogDescription {
+  type Props = DialogDescriptionProps;
+  type State = DialogCore.State;
+}
+//#endregion
+export { DialogDescription, DialogDescriptionProps };
+//# sourceMappingURL=description.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description.d.ts","names":[],"sources":["../../../../src/ui/dialog/description.tsx"],"mappings":";;;UAMiB,+BAA+B,sBAAsB,WAAW;;cAGpE,mCAAiB,0BAAA;kBAOb;OACH,QAAQ;OACR,QAAQ,WAAW"}

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

@@ -0,0 +1,14 @@
+import { useDialogContext } from "./context.js";
+import { createContextPart } from "../create-context-part.js";
+//#region src/ui/dialog/description.tsx
+/** Renders the description announced with the dialog. */
+const DialogDescription = createContextPart({
+	displayName: "DialogDescription",
+	tag: "p",
+	useContext: useDialogContext,
+	getProps: (state) => ({ id: state.descriptionId })
+});
+//#endregion
+export { DialogDescription };
+
+//# sourceMappingURL=description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","names":[],"sources":["../../../../src/ui/dialog/description.tsx"],"sourcesContent":["import type { DialogCore } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { useDialogContext } from './context';\n\nexport interface DialogDescriptionProps extends UIComponentProps<'p', DialogCore.State> {}\n\n/** Renders the description announced with the dialog. */\nexport const DialogDescription = createContextPart<DialogDescriptionProps, DialogCore.State>({\n  displayName: 'DialogDescription',\n  tag: 'p',\n  useContext: useDialogContext,\n  getProps: (state) => ({ id: state.descriptionId }),\n});\n\nexport namespace DialogDescription {\n  export type Props = DialogDescriptionProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;AASA,MAAa,oBAAoB,kBAA4D;CAC3F,aAAa;CACb,KAAK;CACL,YAAY;CACZ,WAAW,WAAW,EAAE,IAAI,MAAM,cAAc;AAClD,CAAC"}

package/dist/dev/ui/dialog/index.d.ts

@@ -0,0 +1,3 @@
+import { index_parts_d_exports } from "./index.parts.js";
+import { DialogContextValue, useDialogContext } from "./context.js";
+export { index_parts_d_exports as Dialog, type DialogContextValue, useDialogContext };

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

@@ -0,0 +1,3 @@
+import { useDialogContext } from "./context.js";
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Dialog, useDialogContext };

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

@@ -0,0 +1,13 @@
+import { DialogBackdrop, DialogBackdropProps } from "./backdrop.js";
+import { DialogClose, DialogCloseProps } from "./close.js";
+import { DialogDescription, DialogDescriptionProps } from "./description.js";
+import { DialogPopup, DialogPopupProps } from "./popup.js";
+import { DialogRoot, DialogRootProps } from "./root.js";
+import { DialogTitle, DialogTitleProps } from "./title.js";
+import { DialogTrigger, DialogTriggerProps } from "./trigger.js";
+declare namespace index_parts_d_exports {
+  export { DialogBackdrop as Backdrop, DialogBackdropProps as BackdropProps, DialogClose as Close, DialogCloseProps as CloseProps, DialogDescription as Description, DialogDescriptionProps as DescriptionProps, DialogPopup as Popup, DialogPopupProps as PopupProps, DialogRoot as Root, DialogRootProps as RootProps, DialogTitle as Title, DialogTitleProps as TitleProps, DialogTrigger as Trigger, DialogTriggerProps as TriggerProps };
+}
+//#endregion
+export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, DialogClose as Close, type DialogCloseProps as CloseProps, DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, DialogPopup as Popup, type DialogPopupProps as PopupProps, DialogRoot as Root, type DialogRootProps as RootProps, DialogTitle as Title, type DialogTitleProps as TitleProps, DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/dev/ui/dialog/index.parts.d.ts.map

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

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

@@ -0,0 +1,22 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { DialogBackdrop } from "./backdrop.js";
+import { DialogClose } from "./close.js";
+import { DialogDescription } from "./description.js";
+import { DialogPopup } from "./popup.js";
+import { DialogRoot } from "./root.js";
+import { DialogTitle } from "./title.js";
+import { DialogTrigger } from "./trigger.js";
+//#region src/ui/dialog/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => DialogBackdrop,
+	Close: () => DialogClose,
+	Description: () => DialogDescription,
+	Popup: () => DialogPopup,
+	Root: () => DialogRoot,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+//#endregion
+export { DialogBackdrop as Backdrop, DialogClose as Close, DialogDescription as Description, DialogPopup as Popup, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/dialog/index.parts.ts"],"sourcesContent":["export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps } from './backdrop';\nexport { DialogClose as Close, type DialogCloseProps as CloseProps } from './close';\nexport { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps } from './description';\nexport { DialogPopup as Popup, type DialogPopupProps as PopupProps } from './popup';\nexport { DialogRoot as Root, type DialogRootProps as RootProps } from './root';\nexport { DialogTitle as Title, type DialogTitleProps as TitleProps } from './title';\nexport { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps } from './trigger';\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { DialogCore } from "@videojs/core";
+//#region src/ui/dialog/popup.d.ts
+interface DialogPopupProps extends UIComponentProps<'div', DialogCore.State> {}
+/** Renders the modal dialog while it is open. */
+declare const DialogPopup: import("react").ForwardRefExoticComponent<Omit<DialogPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace DialogPopup {
+  type Props = DialogPopupProps;
+  type State = DialogCore.State;
+}
+//#endregion
+export { DialogPopup, DialogPopupProps };
+//# sourceMappingURL=popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup.d.ts","names":[],"sources":["../../../../src/ui/dialog/popup.tsx"],"mappings":";;;UAOiB,yBAAyB,wBAAwB,WAAW;;cAGhE,6BAAW,0BAAA,KAAA,2CAAA,cAAA;kBAsBP;OACH,QAAQ;OACR,QAAQ,WAAW"}

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

@@ -0,0 +1,28 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useDialogContext } from "./context.js";
+import { forwardRef, useCallback } from "react";
+//#region src/ui/dialog/popup.tsx
+/** Renders the modal dialog while it is open. */
+const DialogPopup = forwardRef(function DialogPopup({ render, className, style, ...elementProps }, forwardedRef) {
+	const { core, dialog, state, stateAttrMap, popupId } = useDialogContext();
+	const popupRef = useCallback((element) => dialog.setPopupElement(element), [dialog]);
+	if (!state.open) return null;
+	return renderElement("div", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap,
+		ref: [forwardedRef, popupRef],
+		props: [{
+			id: popupId,
+			tabIndex: -1,
+			...core.getPopupAttrs(state)
+		}, elementProps]
+	});
+});
+//#endregion
+export { DialogPopup };
+
+//# sourceMappingURL=popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","names":[],"sources":["../../../../src/ui/dialog/popup.tsx"],"sourcesContent":["import type { DialogCore } from '@videojs/core';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useDialogContext } from './context';\n\nexport interface DialogPopupProps extends UIComponentProps<'div', DialogCore.State> {}\n\n/** Renders the modal dialog while it is open. */\nexport const DialogPopup = forwardRef<HTMLDivElement, DialogPopupProps>(function DialogPopup(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { core, dialog, state, stateAttrMap, popupId } = useDialogContext();\n\n  const popupRef = useCallback((element: HTMLDivElement | null) => dialog.setPopupElement(element), [dialog]);\n\n  if (!state.open) return null;\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef, popupRef],\n      props: [{ id: popupId, tabIndex: -1, ...core.getPopupAttrs(state) }, elementProps],\n    }\n  );\n});\n\nexport namespace DialogPopup {\n  export type Props = DialogPopupProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;;AAUA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc,YAAY,iBAAiB;CAExE,MAAM,WAAW,aAAa,YAAmC,OAAO,gBAAgB,OAAO,GAAG,CAAC,MAAM,CAAC;CAE1G,IAAI,CAAC,MAAM,MAAM,OAAO;CAExB,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,cAAc,QAAQ;EAC5B,OAAO,CAAC;GAAE,IAAI;GAAS,UAAU;GAAI,GAAG,KAAK,cAAc,KAAK;EAAE,GAAG,YAAY;CACnF,CACF;AACF,CAAC"}

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

@@ -0,0 +1,18 @@
+import { DialogProps } from "@videojs/core";
+import { ReactNode } from "react";
+//#region src/ui/dialog/root.d.ts
+interface DialogRootProps extends DialogProps {
+  /** Called when the open state changes, before animations complete. */
+  onOpenChange?: (open: boolean) => void;
+  /** Called after open or close animations complete. */
+  onOpenChangeComplete?: (open: boolean) => void;
+  children?: ReactNode;
+}
+/** Manages dialog state and provides it to the compound parts. */
+declare function DialogRoot(props: DialogRootProps): ReactNode;
+declare namespace DialogRoot {
+  type Props = DialogRootProps;
+}
+//#endregion
+export { DialogRoot, DialogRootProps };
+//# sourceMappingURL=root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","names":[],"sources":["../../../../src/ui/dialog/root.tsx"],"mappings":";;;UAMiB,wBAAwB;;EAEvC,gBAAgB;;EAEhB,wBAAwB;EACxB,WAAW;;;iBAIG,WAAW,OAAO,kBAAkB;kBAUnC;OACH,QAAQ"}

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

@@ -0,0 +1,23 @@
+import { DialogContextProvider } from "./context.js";
+import { useDialogRoot } from "./use-dialog-root.js";
+import { DialogCore } from "@videojs/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/dialog/root.tsx
+/** Manages dialog state and provides it to the compound parts. */
+function DialogRoot(props) {
+	const context = useDialogRoot({
+		...props,
+		coreFactory: createDialogCore
+	});
+	return /* @__PURE__ */ jsx(DialogContextProvider, {
+		value: context,
+		children: props.children
+	});
+}
+function createDialogCore() {
+	return new DialogCore();
+}
+//#endregion
+export { DialogRoot };
+
+//# sourceMappingURL=root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","names":[],"sources":["../../../../src/ui/dialog/root.tsx"],"sourcesContent":["import { DialogCore, type DialogProps } from '@videojs/core';\nimport type { ReactNode } from 'react';\n\nimport { DialogContextProvider } from './context';\nimport { useDialogRoot } from './use-dialog-root';\n\nexport interface DialogRootProps extends DialogProps {\n  /** Called when the open state changes, before animations complete. */\n  onOpenChange?: (open: boolean) => void;\n  /** Called after open or close animations complete. */\n  onOpenChangeComplete?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\n/** Manages dialog state and provides it to the compound parts. */\nexport function DialogRoot(props: DialogRootProps): ReactNode {\n  const context = useDialogRoot({ ...props, coreFactory: createDialogCore });\n\n  return <DialogContextProvider value={context}>{props.children}</DialogContextProvider>;\n}\n\nfunction createDialogCore(): DialogCore {\n  return new DialogCore();\n}\n\nexport namespace DialogRoot {\n  export type Props = DialogRootProps;\n}\n"],"mappings":";;;;;;AAeA,SAAgB,WAAW,OAAmC;CAC5D,MAAM,UAAU,cAAc;EAAE,GAAG;EAAO,aAAa;CAAiB,CAAC;CAEzE,OAAO,oBAAC,uBAAD;EAAuB,OAAO;EAAU,UAAA,MAAM;CAAgC,CAAA;AACvF;AAEA,SAAS,mBAA+B;CACtC,OAAO,IAAI,WAAW;AACxB"}

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

@@ -0,0 +1,13 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { DialogCore } from "@videojs/core";
+//#region src/ui/dialog/title.d.ts
+interface DialogTitleProps extends UIComponentProps<'h2', DialogCore.State> {}
+/** Renders the heading that labels the dialog. */
+declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps>;
+declare namespace DialogTitle {
+  type Props = DialogTitleProps;
+  type State = DialogCore.State;
+}
+//#endregion
+export { DialogTitle, DialogTitleProps };
+//# sourceMappingURL=title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","names":[],"sources":["../../../../src/ui/dialog/title.tsx"],"mappings":";;;UAMiB,yBAAyB,uBAAuB,WAAW;;cAG/D,6BAAW,0BAAA;kBAOP;OACH,QAAQ;OACR,QAAQ,WAAW"}

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

@@ -0,0 +1,14 @@
+import { useDialogContext } from "./context.js";
+import { createContextPart } from "../create-context-part.js";
+//#region src/ui/dialog/title.tsx
+/** Renders the heading that labels the dialog. */
+const DialogTitle = createContextPart({
+	displayName: "DialogTitle",
+	tag: "h2",
+	useContext: useDialogContext,
+	getProps: (state) => ({ id: state.titleId })
+});
+//#endregion
+export { DialogTitle };
+
+//# sourceMappingURL=title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","names":[],"sources":["../../../../src/ui/dialog/title.tsx"],"sourcesContent":["import type { DialogCore } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { useDialogContext } from './context';\n\nexport interface DialogTitleProps extends UIComponentProps<'h2', DialogCore.State> {}\n\n/** Renders the heading that labels the dialog. */\nexport const DialogTitle = createContextPart<DialogTitleProps, DialogCore.State>({\n  displayName: 'DialogTitle',\n  tag: 'h2',\n  useContext: useDialogContext,\n  getProps: (state) => ({ id: state.titleId }),\n});\n\nexport namespace DialogTitle {\n  export type Props = DialogTitleProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;AASA,MAAa,cAAc,kBAAsD;CAC/E,aAAa;CACb,KAAK;CACL,YAAY;CACZ,WAAW,WAAW,EAAE,IAAI,MAAM,QAAQ;AAC5C,CAAC"}

package/dist/dev/ui/dialog/trigger.d.ts

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

package/dist/dev/ui/dialog/trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.d.ts","names":[],"sources":["../../../../src/ui/dialog/trigger.tsx"],"mappings":";;;UAOiB,2BAA2B,2BAA2B,WAAW;;cAGrE,+BAAa,0BAAA,KAAA,6CAAA,cAAA;kBAoBT;OACH,QAAQ;OACR,QAAQ,WAAW"}

package/dist/dev/ui/dialog/trigger.js

@@ -0,0 +1,30 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useDialogContext } from "./context.js";
+import { forwardRef, useCallback } from "react";
+//#region src/ui/dialog/trigger.tsx
+/** Renders a button that opens the dialog. */
+const DialogTrigger = forwardRef(function DialogTrigger({ render, className, style, ...elementProps }, forwardedRef) {
+	const { core, dialog, state, stateAttrMap, popupId } = useDialogContext();
+	const triggerRef = useCallback((element) => dialog.setTriggerElement(element), [dialog]);
+	return renderElement("button", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap,
+		ref: [forwardedRef, triggerRef],
+		props: [
+			{
+				type: "button",
+				...core.getTriggerAttrs(state, popupId)
+			},
+			dialog.triggerProps,
+			elementProps
+		]
+	});
+});
+//#endregion
+export { DialogTrigger };
+
+//# sourceMappingURL=trigger.js.map

package/dist/dev/ui/dialog/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","names":[],"sources":["../../../../src/ui/dialog/trigger.tsx"],"sourcesContent":["import type { DialogCore } from '@videojs/core';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useDialogContext } from './context';\n\nexport interface DialogTriggerProps extends UIComponentProps<'button', DialogCore.State> {}\n\n/** Renders a button that opens the dialog. */\nexport const DialogTrigger = forwardRef<HTMLButtonElement, DialogTriggerProps>(function DialogTrigger(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { core, dialog, state, stateAttrMap, popupId } = useDialogContext();\n\n  const triggerRef = useCallback((element: HTMLButtonElement | null) => dialog.setTriggerElement(element), [dialog]);\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef, triggerRef],\n      props: [{ type: 'button' as const, ...core.getTriggerAttrs(state, popupId) }, dialog.triggerProps, elementProps],\n    }\n  );\n});\n\nexport namespace DialogTrigger {\n  export type Props = DialogTriggerProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;;AAUA,MAAa,gBAAgB,WAAkD,SAAS,cACtF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc,YAAY,iBAAiB;CAExE,MAAM,aAAa,aAAa,YAAsC,OAAO,kBAAkB,OAAO,GAAG,CAAC,MAAM,CAAC;CAEjH,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK,CAAC,cAAc,UAAU;EAC9B,OAAO;GAAC;IAAE,MAAM;IAAmB,GAAG,KAAK,gBAAgB,OAAO,OAAO;GAAE;GAAG,OAAO;GAAc;EAAY;CACjH,CACF;AACF,CAAC"}

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

@@ -0,0 +1,64 @@
+import { useLatestRef } from "../../utils/use-latest-ref.js";
+import { useDestroy } from "../../utils/use-destroy.js";
+import { useSafeId } from "../../utils/use-safe-id.js";
+import { DialogCore, DialogDataAttrs } from "@videojs/core";
+import { createDialog, createTransition } from "@videojs/core/dom";
+import { useSnapshot } from "@videojs/store/react";
+import { useEffect, useLayoutEffect, useState } from "react";
+//#region src/ui/dialog/use-dialog-root.ts
+function useDialogRoot({ open: controlledOpen, defaultOpen = DialogCore.defaultProps.defaultOpen, closeOnEscape = DialogCore.defaultProps.closeOnEscape, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, coreFactory = createDialogCore, stateAttrMap = DialogDataAttrs, idPrefix = "dialog", interactionRoot }) {
+	const [core] = useState(coreFactory);
+	core.setProps({
+		open: controlledOpen,
+		defaultOpen,
+		closeOnEscape
+	});
+	const isControlled = controlledOpen !== void 0;
+	const onOpenChangeRef = useLatestRef(onOpenChangeProp);
+	const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);
+	const closeOnEscapeRef = useLatestRef(closeOnEscape);
+	const [dialog] = useState(() => {
+		const instance = createDialog({
+			transition: createTransition(),
+			onOpenChange: (nextOpen) => onOpenChangeRef.current?.(nextOpen),
+			onOpenChangeComplete: (nextOpen) => onOpenChangeCompleteRef.current?.(nextOpen),
+			closeOnEscape: () => closeOnEscapeRef.current
+		});
+		if (!isControlled && defaultOpen) instance.open();
+		return instance;
+	});
+	const popupId = useSafeId(`${idPrefix}-popup`);
+	const titleId = useSafeId(`${idPrefix}-title`);
+	const descriptionId = useSafeId(`${idPrefix}-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]);
+	useLayoutEffect(() => {
+		dialog.setInteractionRoot(interactionRoot ?? null);
+	}, [dialog, interactionRoot]);
+	useDestroy(dialog);
+	const input = useSnapshot(dialog.input);
+	const modality = useSnapshot(dialog.modality);
+	core.setInput(input);
+	core.setDocumentModal(modality.documentModal);
+	return {
+		core,
+		dialog,
+		state: core.getState(),
+		stateAttrMap,
+		popupId
+	};
+}
+function createDialogCore() {
+	return new DialogCore();
+}
+//#endregion
+export { useDialogRoot };
+
+//# sourceMappingURL=use-dialog-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-root.js","names":[],"sources":["../../../../src/ui/dialog/use-dialog-root.ts"],"sourcesContent":["import { DialogCore, DialogDataAttrs, type DialogProps, type DialogState, type StateAttrMap } from '@videojs/core';\nimport { createDialog, createTransition } from '@videojs/core/dom';\nimport { useSnapshot } from '@videojs/store/react';\nimport { useEffect, useLayoutEffect, 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 type { DialogContextValue } from './context';\n\nexport interface UseDialogRootOptions extends DialogProps {\n  onOpenChange?: (open: boolean) => void;\n  onOpenChangeComplete?: (open: boolean) => void;\n  coreFactory?: () => DialogCore;\n  stateAttrMap?: StateAttrMap<DialogState>;\n  idPrefix?: string;\n  interactionRoot?: HTMLElement | null;\n}\n\nexport function useDialogRoot({\n  open: controlledOpen,\n  defaultOpen = DialogCore.defaultProps.defaultOpen,\n  closeOnEscape = DialogCore.defaultProps.closeOnEscape,\n  onOpenChange: onOpenChangeProp,\n  onOpenChangeComplete: onOpenChangeCompleteProp,\n  coreFactory = createDialogCore,\n  stateAttrMap = DialogDataAttrs,\n  idPrefix = 'dialog',\n  interactionRoot,\n}: UseDialogRootOptions): DialogContextValue {\n  const [core] = useState(coreFactory);\n\n  core.setProps({ open: controlledOpen, defaultOpen, closeOnEscape });\n\n  const isControlled = controlledOpen !== undefined;\n  const onOpenChangeRef = useLatestRef(onOpenChangeProp);\n  const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);\n  const closeOnEscapeRef = useLatestRef(closeOnEscape);\n\n  const [dialog] = useState(() => {\n    const instance = createDialog({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean) => onOpenChangeRef.current?.(nextOpen),\n      onOpenChangeComplete: (nextOpen: boolean) => onOpenChangeCompleteRef.current?.(nextOpen),\n      closeOnEscape: () => closeOnEscapeRef.current,\n    });\n\n    if (!isControlled && defaultOpen) instance.open();\n\n    return instance;\n  });\n\n  const popupId = useSafeId(`${idPrefix}-popup`);\n  const titleId = useSafeId(`${idPrefix}-title`);\n  const descriptionId = useSafeId(`${idPrefix}-desc`);\n\n  core.setTitleId(titleId);\n  core.setDescriptionId(descriptionId);\n\n  useEffect(() => {\n    if (controlledOpen === undefined) return;\n\n    const { active: inputOpen } = dialog.input.current;\n    if (controlledOpen === inputOpen) return;\n\n    if (controlledOpen) dialog.open();\n    else dialog.close();\n  }, [controlledOpen, dialog]);\n\n  useLayoutEffect(() => {\n    dialog.setInteractionRoot(interactionRoot ?? null);\n  }, [dialog, interactionRoot]);\n\n  useDestroy(dialog);\n\n  const input = useSnapshot(dialog.input);\n  const modality = useSnapshot(dialog.modality);\n\n  core.setInput(input);\n  core.setDocumentModal(modality.documentModal);\n\n  return {\n    core,\n    dialog,\n    state: core.getState(),\n    stateAttrMap,\n    popupId,\n  };\n}\n\nfunction createDialogCore(): DialogCore {\n  return new DialogCore();\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,cAAc,EAC5B,MAAM,gBACN,cAAc,WAAW,aAAa,aACtC,gBAAgB,WAAW,aAAa,eACxC,cAAc,kBACd,sBAAsB,0BACtB,cAAc,kBACd,eAAe,iBACf,WAAW,UACX,mBAC2C;CAC3C,MAAM,CAAC,QAAQ,SAAS,WAAW;CAEnC,KAAK,SAAS;EAAE,MAAM;EAAgB;EAAa;CAAc,CAAC;CAElE,MAAM,eAAe,mBAAmB,KAAA;CACxC,MAAM,kBAAkB,aAAa,gBAAgB;CACrD,MAAM,0BAA0B,aAAa,wBAAwB;CACrE,MAAM,mBAAmB,aAAa,aAAa;CAEnD,MAAM,CAAC,UAAU,eAAe;EAC9B,MAAM,WAAW,aAAa;GAC5B,YAAY,iBAAiB;GAC7B,eAAe,aAAsB,gBAAgB,UAAU,QAAQ;GACvE,uBAAuB,aAAsB,wBAAwB,UAAU,QAAQ;GACvF,qBAAqB,iBAAiB;EACxC,CAAC;EAED,IAAI,CAAC,gBAAgB,aAAa,SAAS,KAAK;EAEhD,OAAO;CACT,CAAC;CAED,MAAM,UAAU,UAAU,GAAG,SAAS,OAAO;CAC7C,MAAM,UAAU,UAAU,GAAG,SAAS,OAAO;CAC7C,MAAM,gBAAgB,UAAU,GAAG,SAAS,MAAM;CAElD,KAAK,WAAW,OAAO;CACvB,KAAK,iBAAiB,aAAa;CAEnC,gBAAgB;EACd,IAAI,mBAAmB,KAAA,GAAW;EAElC,MAAM,EAAE,QAAQ,cAAc,OAAO,MAAM;EAC3C,IAAI,mBAAmB,WAAW;EAElC,IAAI,gBAAgB,OAAO,KAAK;OAC3B,OAAO,MAAM;CACpB,GAAG,CAAC,gBAAgB,MAAM,CAAC;CAE3B,sBAAsB;EACpB,OAAO,mBAAmB,mBAAmB,IAAI;CACnD,GAAG,CAAC,QAAQ,eAAe,CAAC;CAE5B,WAAW,MAAM;CAEjB,MAAM,QAAQ,YAAY,OAAO,KAAK;CACtC,MAAM,WAAW,YAAY,OAAO,QAAQ;CAE5C,KAAK,SAAS,KAAK;CACnB,KAAK,iBAAiB,SAAS,aAAa;CAE5C,OAAO;EACL;EACA;EACA,OAAO,KAAK,SAAS;EACrB;EACA;CACF;AACF;AAEA,SAAS,mBAA+B;CACtC,OAAO,IAAI,WAAW;AACxB"}

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

@@ -0,0 +1,13 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { DialogCore } from "@videojs/core";
+//#region src/ui/error-dialog/close.d.ts
+interface ErrorDialogCloseProps extends UIComponentProps<'button', DialogCore.State> {}
+/** Renders a localized button that closes the dialog and dismisses the player error. */
+declare const ErrorDialogClose: import("react").ForwardRefExoticComponent<Omit<ErrorDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare namespace ErrorDialogClose {
+  type Props = ErrorDialogCloseProps;
+  type State = DialogCore.State;
+}
+//#endregion
+export { ErrorDialogClose, ErrorDialogCloseProps };
+//# sourceMappingURL=close.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"close.d.ts","names":[],"sources":["../../../../src/ui/error-dialog/close.tsx"],"mappings":";;;UASiB,8BAA8B,2BAA2B,WAAW;;cAGxE,kCAAgB,0BAAA,KAAA,gDAAA,cAAA;kBA2BZ;OACH,QAAQ;OACR,QAAQ,WAAW"}

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

@@ -0,0 +1,36 @@
+import { useTranslator } from "../../i18n/context.js";
+import { renderElement } from "../../utils/use-render.js";
+import { useDialogContext } from "../dialog/context.js";
+import { getErrorDialogDismissText } from "@videojs/core";
+import { translateText } from "@videojs/core/i18n";
+import { forwardRef, useCallback } from "react";
+//#region src/ui/error-dialog/close.tsx
+/** Renders a localized button that closes the dialog and dismisses the player error. */
+const ErrorDialogClose = forwardRef(function ErrorDialogClose({ render, className, style, disabled, children, ...elementProps }, forwardedRef) {
+	const t = useTranslator();
+	const { dialog, state, stateAttrMap } = useDialogContext();
+	const handleClick = useCallback(() => {
+		if (disabled) return;
+		dialog.close();
+	}, [dialog, disabled]);
+	const content = children ?? translateText(getErrorDialogDismissText(), t);
+	return renderElement("button", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap,
+		ref: forwardedRef,
+		props: [{
+			type: "button",
+			disabled,
+			onClick: handleClick,
+			children: content
+		}, elementProps]
+	});
+});
+//#endregion
+export { ErrorDialogClose };
+
+//# sourceMappingURL=close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"close.js","names":[],"sources":["../../../../src/ui/error-dialog/close.tsx"],"sourcesContent":["import { type DialogCore, getErrorDialogDismissText } from '@videojs/core';\nimport { translateText } from '@videojs/core/i18n';\nimport { forwardRef, type ReactNode, useCallback } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useDialogContext } from '../dialog/context';\n\nexport interface ErrorDialogCloseProps extends UIComponentProps<'button', DialogCore.State> {}\n\n/** Renders a localized button that closes the dialog and dismisses the player error. */\nexport const ErrorDialogClose = forwardRef<HTMLButtonElement, ErrorDialogCloseProps>(function ErrorDialogClose(\n  { render, className, style, disabled, children, ...elementProps },\n  forwardedRef\n) {\n  const t = useTranslator();\n  const { dialog, state, stateAttrMap } = useDialogContext();\n\n  const handleClick = useCallback(() => {\n    if (disabled) return;\n\n    dialog.close();\n  }, [dialog, disabled]);\n\n  const content: ReactNode = children ?? translateText(getErrorDialogDismissText(), t);\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: forwardedRef,\n      props: [{ type: 'button' as const, disabled, onClick: handleClick, children: content }, elementProps],\n    }\n  );\n});\n\nexport namespace ErrorDialogClose {\n  export type Props = ErrorDialogCloseProps;\n  export type State = DialogCore.State;\n}\n"],"mappings":";;;;;;;;AAYA,MAAa,mBAAmB,WAAqD,SAAS,iBAC5F,EAAE,QAAQ,WAAW,OAAO,UAAU,UAAU,GAAG,gBACnD,cACA;CACA,MAAM,IAAI,cAAc;CACxB,MAAM,EAAE,QAAQ,OAAO,iBAAiB,iBAAiB;CAEzD,MAAM,cAAc,kBAAkB;EACpC,IAAI,UAAU;EAEd,OAAO,MAAM;CACf,GAAG,CAAC,QAAQ,QAAQ,CAAC;CAErB,MAAM,UAAqB,YAAY,cAAc,0BAA0B,GAAG,CAAC;CAEnF,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK;EACL,OAAO,CAAC;GAAE,MAAM;GAAmB;GAAU,SAAS;GAAa,UAAU;EAAQ,GAAG,YAAY;CACtG,CACF;AACF,CAAC"}

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

@@ -0,0 +1,10 @@
+import { ErrorLike } from "@videojs/media";
+//#region src/ui/error-dialog/context.d.ts
+interface ErrorDialogContextValue {
+  lastError: ErrorLike | null;
+}
+/** Returns the current error dialog compound-component context. Throws outside `ErrorDialog.Root`. */
+declare function useErrorDialogContext(): ErrorDialogContextValue;
+//#endregion
+export { ErrorDialogContextValue, useErrorDialogContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/error-dialog/context.tsx"],"mappings":";;UAGiB;EACf,WAAW;;;iBAQG,yBAAyB"}

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

@@ -0,0 +1,14 @@
+import { createContext, useContext } from "react";
+//#region src/ui/error-dialog/context.tsx
+const ErrorDialogContext = createContext(null);
+const ErrorDialogContextProvider = ErrorDialogContext.Provider;
+/** Returns the current error dialog compound-component context. Throws outside `ErrorDialog.Root`. */
+function useErrorDialogContext() {
+	const ctx = useContext(ErrorDialogContext);
+	if (!ctx) throw new Error("ErrorDialog compound components must be used within an ErrorDialog.Root");
+	return ctx;
+}
+//#endregion
+export { ErrorDialogContextProvider, useErrorDialogContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/error-dialog/context.tsx"],"sourcesContent":["import type { ErrorLike } from '@videojs/media';\nimport { createContext, useContext } from 'react';\n\nexport interface ErrorDialogContextValue {\n  lastError: ErrorLike | null;\n}\n\nconst ErrorDialogContext = createContext<ErrorDialogContextValue | null>(null);\n\nexport const ErrorDialogContextProvider = ErrorDialogContext.Provider;\n\n/** Returns the current error dialog compound-component context. Throws outside `ErrorDialog.Root`. */\nexport function useErrorDialogContext(): ErrorDialogContextValue {\n  const ctx = useContext(ErrorDialogContext);\n  if (!ctx) throw new Error('ErrorDialog compound components must be used within an ErrorDialog.Root');\n\n  return ctx;\n}\n"],"mappings":";;AAOA,MAAM,qBAAqB,cAA8C,IAAI;AAE7E,MAAa,6BAA6B,mBAAmB;;AAG7D,SAAgB,wBAAiD;CAC/D,MAAM,MAAM,WAAW,kBAAkB;CACzC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,yEAAyE;CAEnG,OAAO;AACT"}