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

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

@@ -1,16 +1,14 @@
-import { SliderBuffer, SliderBufferProps } from "./slider-buffer.js";
-import { SliderFill, SliderFillProps } from "./slider-fill.js";
-import { SliderPreview, SliderPreviewProps } from "./slider-preview.js";
-import { SliderRoot, SliderRootProps } from "./slider-root.js";
-import { SliderThumb, SliderThumbProps } from "./slider-thumb.js";
-import { SliderThumbnail, SliderThumbnailProps } from "./slider-thumbnail.js";
-import { SliderTrack, SliderTrackProps } from "./slider-track.js";
-import { SliderValue, SliderValueProps } from "./slider-value.js";
-
-//#region src/ui/slider/index.parts.d.ts
+import { SliderBuffer, SliderBufferProps } from "./buffer.js";
+import { SliderFill, SliderFillProps } from "./fill.js";
+import { SliderPreview, SliderPreviewProps } from "./preview.js";
+import { SliderRoot, SliderRootProps } from "./root.js";
+import { SliderThumb, SliderThumbProps } from "./thumb.js";
+import { index_parts_d_exports as index_parts_d_exports$1 } from "./thumbnail/index.parts.js";
+import { SliderTrack, SliderTrackProps } from "./track.js";
+import { SliderValue, SliderValueProps } from "./value.js";
 declare namespace index_parts_d_exports {
-  export { SliderBuffer as Buffer, SliderBufferProps as BufferProps, SliderFill as Fill, SliderFillProps as FillProps, SliderPreview as Preview, SliderPreviewProps as PreviewProps, SliderRoot as Root, SliderRootProps as RootProps, SliderThumb as Thumb, SliderThumbProps as ThumbProps, SliderThumbnail as Thumbnail, SliderThumbnailProps as ThumbnailProps, SliderTrack as Track, SliderTrackProps as TrackProps, SliderValue as Value, SliderValueProps as ValueProps };
+  export { SliderBuffer as Buffer, SliderBufferProps as BufferProps, SliderFill as Fill, SliderFillProps as FillProps, SliderPreview as Preview, SliderPreviewProps as PreviewProps, SliderRoot as Root, SliderRootProps as RootProps, SliderThumb as Thumb, SliderThumbProps as ThumbProps, index_parts_d_exports$1 as Thumbnail, SliderTrack as Track, SliderTrackProps as TrackProps, SliderValue as Value, SliderValueProps as ValueProps };
 }
 //#endregion
-export { index_parts_d_exports };
+export { SliderBuffer as Buffer, type SliderBufferProps as BufferProps, SliderFill as Fill, type SliderFillProps as FillProps, SliderPreview as Preview, type SliderPreviewProps as PreviewProps, SliderRoot as Root, type SliderRootProps as RootProps, SliderThumb as Thumb, type SliderThumbProps as ThumbProps, index_parts_d_exports$1 as Thumbnail, SliderTrack as Track, type SliderTrackProps as TrackProps, SliderValue as Value, type SliderValueProps as ValueProps, index_parts_d_exports };
 //# sourceMappingURL=index.parts.d.ts.map

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

@@ -1,13 +1,12 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { SliderBuffer } from "./slider-buffer.js";
-import { SliderFill } from "./slider-fill.js";
-import { SliderPreview } from "./slider-preview.js";
-import { SliderRoot } from "./slider-root.js";
-import { SliderThumb } from "./slider-thumb.js";
-import { SliderThumbnail } from "./slider-thumbnail.js";
-import { SliderTrack } from "./slider-track.js";
-import { SliderValue } from "./slider-value.js";
-
+import { SliderBuffer } from "./buffer.js";
+import { SliderFill } from "./fill.js";
+import { SliderPreview } from "./preview.js";
+import { SliderRoot } from "./root.js";
+import { SliderThumb } from "./thumb.js";
+import { index_parts_exports as index_parts_exports$1 } from "./thumbnail/index.parts.js";
+import { SliderTrack } from "./track.js";
+import { SliderValue } from "./value.js";
 //#region src/ui/slider/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Buffer: () => SliderBuffer,
@@ -15,11 +14,11 @@ var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Preview: () => SliderPreview,
 	Root: () => SliderRoot,
 	Thumb: () => SliderThumb,
-	Thumbnail: () => SliderThumbnail,
+	Thumbnail: () => index_parts_exports$1,
 	Track: () => SliderTrack,
 	Value: () => SliderValue
 });
-
 //#endregion
-export { index_parts_exports };
+export { SliderBuffer as Buffer, SliderFill as Fill, SliderPreview as Preview, SliderRoot as Root, SliderThumb as Thumb, index_parts_exports$1 as Thumbnail, SliderTrack as Track, SliderValue as Value, index_parts_exports };
+
 //# sourceMappingURL=index.parts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/slider/index.parts.ts"],"sourcesContent":["export { SliderBuffer as Buffer, type SliderBufferProps as BufferProps } from './slider-buffer';\nexport { SliderFill as Fill, type SliderFillProps as FillProps } from './slider-fill';\nexport { SliderPreview as Preview, type SliderPreviewProps as PreviewProps } from './slider-preview';\nexport { SliderRoot as Root, type SliderRootProps as RootProps } from './slider-root';\nexport { SliderThumb as Thumb, type SliderThumbProps as ThumbProps } from './slider-thumb';\nexport { SliderThumbnail as Thumbnail, type SliderThumbnailProps as ThumbnailProps } from './slider-thumbnail';\nexport { SliderTrack as Track, type SliderTrackProps as TrackProps } from './slider-track';\nexport { SliderValue as Value, type SliderValueProps as ValueProps } from './slider-value';\n"],"mappings":""}
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/slider/index.parts.ts"],"sourcesContent":["export { SliderBuffer as Buffer, type SliderBufferProps as BufferProps } from './buffer';\nexport { SliderFill as Fill, type SliderFillProps as FillProps } from './fill';\nexport { SliderPreview as Preview, type SliderPreviewProps as PreviewProps } from './preview';\nexport { SliderRoot as Root, type SliderRootProps as RootProps } from './root';\nexport { SliderThumb as Thumb, type SliderThumbProps as ThumbProps } from './thumb';\nexport * as Thumbnail from './thumbnail/index.parts';\nexport { SliderTrack as Track, type SliderTrackProps as TrackProps } from './track';\nexport { SliderValue as Value, type SliderValueProps as ValueProps } from './value';\n"],"mappings":""}

package/dist/dev/ui/slider/preview.d.ts

@@ -0,0 +1,12 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { SliderPreviewProps, SliderState } from "@videojs/core";
+//#region src/ui/slider/preview.d.ts
+interface SliderPreviewProps$1 extends SliderPreviewProps, UIComponentProps<'div', SliderState> {}
+/** Positioning container for preview content that tracks the pointer along the slider. */
+declare const SliderPreview: import("react").ForwardRefExoticComponent<Omit<SliderPreviewProps$1, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace SliderPreview {
+  type Props = SliderPreviewProps$1;
+}
+//#endregion
+export { SliderPreview, SliderPreviewProps$1 as SliderPreviewProps };
+//# sourceMappingURL=preview.d.ts.map

package/dist/dev/ui/slider/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","names":[],"sources":["../../../../src/ui/slider/preview.tsx"],"mappings":";;;UAUiB,6BAA2B,oBAAwB,wBAAwB;;cAG/E,+BAAa,0BAAA,KAAA,+CAAA,cAAA;kBAmCT;OACH,QAAQ"}

package/dist/dev/ui/slider/preview.js

@@ -0,0 +1,36 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useSliderContext } from "./context.js";
+import { getSliderPreviewStyle } from "@videojs/core/dom";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { observeResize } from "@videojs/utils/dom";
+//#region src/ui/slider/preview.tsx
+/** Positioning container for preview content that tracks the pointer along the slider. */
+const SliderPreview = forwardRef(function SliderPreview(componentProps, forwardedRef) {
+	const { render, className, style, overflow = "clamp", ...elementProps } = componentProps;
+	const context = useSliderContext();
+	const { state } = context;
+	const measureRef = useRef(null);
+	const [width, setWidth] = useState(0);
+	useEffect(() => {
+		const el = measureRef.current;
+		if (!el) return;
+		return observeResize(el, ([entry]) => {
+			setWidth(entry.contentRect.width);
+		});
+	}, []);
+	const positionStyle = getSliderPreviewStyle(width, overflow);
+	return renderElement("div", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap: context.stateAttrMap,
+		ref: [forwardedRef, measureRef],
+		props: [{ style: positionStyle }, elementProps]
+	});
+});
+//#endregion
+export { SliderPreview };
+
+//# sourceMappingURL=preview.js.map

package/dist/dev/ui/slider/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","names":[],"sources":["../../../../src/ui/slider/preview.tsx"],"sourcesContent":["import type { SliderPreviewProps as CoreSliderPreviewProps, SliderState } from '@videojs/core';\nimport { getSliderPreviewStyle } from '@videojs/core/dom';\nimport { observeResize } from '@videojs/utils/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSliderContext } from './context';\n\nexport interface SliderPreviewProps extends CoreSliderPreviewProps, UIComponentProps<'div', SliderState> {}\n\n/** Positioning container for preview content that tracks the pointer along the slider. */\nexport const SliderPreview = forwardRef(function SliderPreview(\n  componentProps: SliderPreviewProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, overflow = 'clamp', ...elementProps } = componentProps;\n\n  const context = useSliderContext();\n  const { state } = context;\n\n  const measureRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    const el = measureRef.current;\n    if (!el) return;\n\n    return observeResize(el, ([entry]) => {\n      setWidth(entry!.contentRect.width);\n    });\n  }, []);\n\n  const positionStyle = getSliderPreviewStyle(width, overflow);\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: context.stateAttrMap,\n      ref: [forwardedRef, measureRef],\n      props: [{ style: positionStyle }, elementProps],\n    }\n  );\n});\n\nexport namespace SliderPreview {\n  export type Props = SliderPreviewProps;\n}\n"],"mappings":";;;;;;;AAaA,MAAa,gBAAgB,WAAW,SAAS,cAC/C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,WAAW,SAAS,GAAG,iBAAiB;CAE1E,MAAM,UAAU,iBAAiB;CACjC,MAAM,EAAE,UAAU;CAElB,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC;CAEpC,gBAAgB;EACd,MAAM,KAAK,WAAW;EACtB,IAAI,CAAC,IAAI;EAET,OAAO,cAAc,KAAK,CAAC,WAAW;GACpC,SAAS,MAAO,YAAY,KAAK;EACnC,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,MAAM,gBAAgB,sBAAsB,OAAO,QAAQ;CAE3D,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK,CAAC,cAAc,UAAU;EAC9B,OAAO,CAAC,EAAE,OAAO,cAAc,GAAG,YAAY;CAChD,CACF;AACF,CAAC"}

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

@@ -0,0 +1,17 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { SliderCore } from "@videojs/core";
+//#region src/ui/slider/root.d.ts
+interface SliderRootProps extends UIComponentProps<'div', SliderCore.State>, SliderCore.Props {
+  onValueChange?: ((value: number) => void) | undefined;
+  onValueCommit?: ((value: number) => void) | undefined;
+  onDragStart?: (() => void) | undefined;
+  onDragEnd?: (() => void) | undefined;
+}
+declare const SliderRoot: import("react").ForwardRefExoticComponent<Omit<SliderRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace SliderRoot {
+  type Props = SliderRootProps;
+  type State = SliderCore.State;
+}
+//#endregion
+export { SliderRoot, SliderRootProps };
+//# sourceMappingURL=root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","names":[],"sources":["../../../../src/ui/slider/root.tsx"],"mappings":";;;UAYiB,wBAAwB,wBAAwB,WAAW,QAAQ,WAAW;EAC7F,kBAAkB;EAClB,kBAAkB;EAClB;EACA;;cAGW,4BAAU,0BAAA,KAAA,0CAAA,cAAA;kBAyFN;OACH,QAAQ;OACR,QAAQ,WAAW"}

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

@@ -0,0 +1,82 @@
+import { useTranslator } from "../../i18n/context.js";
+import { renderElement } from "../../utils/use-render.js";
+import { useSlider } from "../hooks/use-slider.js";
+import { SliderProvider } from "./context.js";
+import { SliderCore, SliderDataAttrs } from "@videojs/core";
+import { getSliderCSSVars } from "@videojs/core/dom";
+import { translateText } from "@videojs/core/i18n";
+import { forwardRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/slider/root.tsx
+const SliderRoot = forwardRef(function SliderRoot(componentProps, forwardedRef) {
+	const { render, className, style, label, min, max, step, largeStep, orientation, disabled, thumbAlignment, value = 0, onValueChange, onValueCommit, onDragStart, onDragEnd, ...elementProps } = componentProps;
+	const [core] = useState(() => new SliderCore());
+	const translator = useTranslator();
+	core.setProps({
+		label,
+		min,
+		max,
+		step,
+		largeStep,
+		orientation,
+		disabled,
+		thumbAlignment
+	});
+	const { state, input, cssVars, rootRef, thumbRef: sliderThumbRef, rootProps, rootStyle, thumbProps } = useSlider({
+		computeState: (input) => {
+			core.setInput(input);
+			return core.getSliderState(value);
+		},
+		getPercent: () => core.percentFromValue(value),
+		getStepPercent: () => core.getStepPercent(),
+		getLargeStepPercent: () => core.getLargeStepPercent(),
+		orientation,
+		disabled,
+		adjustPercent: (rawPercent, thumbSize, trackSize) => core.adjustPercentForAlignment(rawPercent, thumbSize, trackSize),
+		getCSSVars: getSliderCSSVars,
+		onValueChange: (percent) => onValueChange?.(core.valueFromPercent(percent)),
+		onValueCommit: (percent) => onValueCommit?.(core.valueFromPercent(percent)),
+		onDragStart,
+		onDragEnd
+	});
+	return /* @__PURE__ */ jsx(SliderProvider, {
+		value: {
+			state,
+			pointerValue: core.valueFromPercent(state.pointerPercent),
+			input,
+			getPointerValue: (percent) => core.valueFromPercent(percent),
+			thumbRef: sliderThumbRef,
+			thumbProps,
+			stateAttrMap: SliderDataAttrs,
+			getAttrs: (sliderState) => {
+				const attrs = core.getAttrs(sliderState);
+				return {
+					...attrs,
+					"aria-label": translateText(attrs["aria-label"], translator)
+				};
+			},
+			formatValue: void 0
+		},
+		children: renderElement("div", {
+			render,
+			className,
+			style
+		}, {
+			state,
+			stateAttrMap: SliderDataAttrs,
+			ref: [forwardedRef, rootRef],
+			props: [
+				{ style: {
+					...cssVars,
+					...rootStyle
+				} },
+				rootProps,
+				elementProps
+			]
+		})
+	});
+});
+//#endregion
+export { SliderRoot };
+
+//# sourceMappingURL=root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","names":[],"sources":["../../../../src/ui/slider/root.tsx"],"sourcesContent":["import { SliderCore, SliderDataAttrs } from '@videojs/core';\nimport { getSliderCSSVars } from '@videojs/core/dom';\nimport { translateText } from '@videojs/core/i18n';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSlider } from '../hooks/use-slider';\nimport { SliderProvider } from './context';\n\nexport interface SliderRootProps extends UIComponentProps<'div', SliderCore.State>, SliderCore.Props {\n  onValueChange?: ((value: number) => void) | undefined;\n  onValueCommit?: ((value: number) => void) | undefined;\n  onDragStart?: (() => void) | undefined;\n  onDragEnd?: (() => void) | undefined;\n}\n\nexport const SliderRoot = forwardRef(function SliderRoot(\n  componentProps: SliderRootProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const {\n    render,\n    className,\n    style,\n    label,\n    min,\n    max,\n    step,\n    largeStep,\n    orientation,\n    disabled,\n    thumbAlignment,\n    value = 0,\n    onValueChange,\n    onValueCommit,\n    onDragStart,\n    onDragEnd,\n    ...elementProps\n  } = componentProps;\n\n  const [core] = useState(() => new SliderCore());\n  const translator = useTranslator();\n\n  core.setProps({ label, min, max, step, largeStep, orientation, disabled, thumbAlignment });\n\n  const {\n    state,\n    input,\n    cssVars,\n    rootRef,\n    thumbRef: sliderThumbRef,\n    rootProps,\n    rootStyle,\n    thumbProps,\n  } = useSlider({\n    computeState: (input) => {\n      core.setInput(input);\n      return core.getSliderState(value);\n    },\n    getPercent: () => core.percentFromValue(value),\n    getStepPercent: () => core.getStepPercent(),\n    getLargeStepPercent: () => core.getLargeStepPercent(),\n    orientation,\n    disabled,\n    adjustPercent: (rawPercent, thumbSize, trackSize) =>\n      core.adjustPercentForAlignment(rawPercent, thumbSize, trackSize),\n    getCSSVars: getSliderCSSVars,\n    onValueChange: (percent) => onValueChange?.(core.valueFromPercent(percent)),\n    onValueCommit: (percent) => onValueCommit?.(core.valueFromPercent(percent)),\n    onDragStart,\n    onDragEnd,\n  });\n\n  return (\n    <SliderProvider\n      value={{\n        state,\n        pointerValue: core.valueFromPercent(state.pointerPercent),\n        input,\n        getPointerValue: (percent) => core.valueFromPercent(percent),\n        thumbRef: sliderThumbRef,\n        thumbProps,\n        stateAttrMap: SliderDataAttrs,\n        getAttrs: (sliderState) => {\n          const attrs = core.getAttrs(sliderState);\n\n          return { ...attrs, 'aria-label': translateText(attrs['aria-label'], translator) };\n        },\n        formatValue: undefined,\n      }}\n    >\n      {renderElement(\n        'div',\n        { render, className, style },\n        {\n          state,\n          stateAttrMap: SliderDataAttrs,\n          ref: [forwardedRef, rootRef],\n          props: [{ style: { ...cssVars, ...rootStyle } }, rootProps, elementProps],\n        }\n      )}\n    </SliderProvider>\n  );\n});\n\nexport namespace SliderRoot {\n  export type Props = SliderRootProps;\n  export type State = SliderCore.State;\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAa,aAAa,WAAW,SAAS,WAC5C,gBACA,cACA;CACA,MAAM,EACJ,QACA,WACA,OACA,OACA,KACA,KACA,MACA,WACA,aACA,UACA,gBACA,QAAQ,GACR,eACA,eACA,aACA,WACA,GAAG,iBACD;CAEJ,MAAM,CAAC,QAAQ,eAAe,IAAI,WAAW,CAAC;CAC9C,MAAM,aAAa,cAAc;CAEjC,KAAK,SAAS;EAAE;EAAO;EAAK;EAAK;EAAM;EAAW;EAAa;EAAU;CAAe,CAAC;CAEzF,MAAM,EACJ,OACA,OACA,SACA,SACA,UAAU,gBACV,WACA,WACA,eACE,UAAU;EACZ,eAAe,UAAU;GACvB,KAAK,SAAS,KAAK;GACnB,OAAO,KAAK,eAAe,KAAK;EAClC;EACA,kBAAkB,KAAK,iBAAiB,KAAK;EAC7C,sBAAsB,KAAK,eAAe;EAC1C,2BAA2B,KAAK,oBAAoB;EACpD;EACA;EACA,gBAAgB,YAAY,WAAW,cACrC,KAAK,0BAA0B,YAAY,WAAW,SAAS;EACjE,YAAY;EACZ,gBAAgB,YAAY,gBAAgB,KAAK,iBAAiB,OAAO,CAAC;EAC1E,gBAAgB,YAAY,gBAAgB,KAAK,iBAAiB,OAAO,CAAC;EAC1E;EACA;CACF,CAAC;CAED,OACE,oBAAC,gBAAD;EACE,OAAO;GACL;GACA,cAAc,KAAK,iBAAiB,MAAM,cAAc;GACxD;GACA,kBAAkB,YAAY,KAAK,iBAAiB,OAAO;GAC3D,UAAU;GACV;GACA,cAAc;GACd,WAAW,gBAAgB;IACzB,MAAM,QAAQ,KAAK,SAAS,WAAW;IAEvC,OAAO;KAAE,GAAG;KAAO,cAAc,cAAc,MAAM,eAAe,UAAU;IAAE;GAClF;GACA,aAAa,KAAA;EACf;EAEC,UAAA,cACC,OACA;GAAE;GAAQ;GAAW;EAAM,GAC3B;GACE;GACA,cAAc;GACd,KAAK,CAAC,cAAc,OAAO;GAC3B,OAAO;IAAC,EAAE,OAAO;KAAE,GAAG;KAAS,GAAG;IAAU,EAAE;IAAG;IAAW;GAAY;EAC1E,CACF;CACc,CAAA;AAEpB,CAAC"}

package/dist/dev/ui/slider/thumb.d.ts

@@ -0,0 +1,12 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { SliderState } from "@videojs/core";
+//#region src/ui/slider/thumb.d.ts
+interface SliderThumbProps extends UIComponentProps<'div', SliderState> {}
+/** Draggable handle for setting the slider value. Receives focus and handles keyboard interaction. */
+declare const SliderThumb: import("react").ForwardRefExoticComponent<Omit<SliderThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace SliderThumb {
+  type Props = SliderThumbProps;
+}
+//#endregion
+export { SliderThumb, SliderThumbProps };
+//# sourceMappingURL=thumb.d.ts.map

package/dist/dev/ui/slider/thumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumb.d.ts","names":[],"sources":["../../../../src/ui/slider/thumb.tsx"],"mappings":";;;UAQiB,yBAAyB,wBAAwB;;cAGrD,6BAAW,0BAAA,KAAA,2CAAA,cAAA;kBAsBP;OACH,QAAQ"}

package/dist/dev/ui/slider/thumb.js

@@ -0,0 +1,29 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useSliderContext } from "./context.js";
+import { forwardRef } from "react";
+//#region src/ui/slider/thumb.tsx
+/** Draggable handle for setting the slider value. Receives focus and handles keyboard interaction. */
+const SliderThumb = forwardRef(function SliderThumb(componentProps, forwardedRef) {
+	const { render, className, style, ...elementProps } = componentProps;
+	const context = useSliderContext();
+	const { state, thumbRef, thumbProps, getAttrs } = context;
+	const attrs = getAttrs(state);
+	return renderElement("div", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap: context.stateAttrMap,
+		ref: [forwardedRef, thumbRef],
+		props: [
+			attrs,
+			thumbProps,
+			elementProps
+		]
+	});
+});
+//#endregion
+export { SliderThumb };
+
+//# sourceMappingURL=thumb.js.map

package/dist/dev/ui/slider/thumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumb.js","names":[],"sources":["../../../../src/ui/slider/thumb.tsx"],"sourcesContent":["import type { SliderState } from '@videojs/core';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSliderContext } from './context';\n\nexport interface SliderThumbProps extends UIComponentProps<'div', SliderState> {}\n\n/** Draggable handle for setting the slider value. Receives focus and handles keyboard interaction. */\nexport const SliderThumb = forwardRef(function SliderThumb(\n  componentProps: SliderThumbProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n\n  const context = useSliderContext();\n  const { state, thumbRef, thumbProps, getAttrs } = context;\n  const attrs = getAttrs(state);\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: context.stateAttrMap,\n      ref: [forwardedRef, thumbRef],\n      props: [attrs, thumbProps, elementProps],\n    }\n  );\n});\n\nexport namespace SliderThumb {\n  export type Props = SliderThumbProps;\n}\n"],"mappings":";;;;;AAWA,MAAa,cAAc,WAAW,SAAS,YAC7C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CAEtD,MAAM,UAAU,iBAAiB;CACjC,MAAM,EAAE,OAAO,UAAU,YAAY,aAAa;CAClD,MAAM,QAAQ,SAAS,KAAK;CAE5B,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK,CAAC,cAAc,QAAQ;EAC5B,OAAO;GAAC;GAAO;GAAY;EAAY;CACzC,CACF;AACF,CAAC"}

package/dist/dev/ui/slider/thumbnail/index.parts.d.ts

@@ -0,0 +1,8 @@
+import { ThumbnailImage, ThumbnailImageProps } from "../../thumbnail/image.js";
+import { SliderThumbnailRoot, SliderThumbnailRootProps } from "./root.js";
+declare namespace index_parts_d_exports {
+  export { ThumbnailImage as Image, ThumbnailImageProps as ImageProps, SliderThumbnailRoot as Root, SliderThumbnailRootProps as RootProps };
+}
+//#endregion
+export { ThumbnailImage as Image, type ThumbnailImageProps as ImageProps, SliderThumbnailRoot as Root, type SliderThumbnailRootProps as RootProps, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/dev/ui/slider/thumbnail/index.parts.d.ts.map

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

package/dist/dev/ui/slider/thumbnail/index.parts.js

@@ -0,0 +1,12 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { ThumbnailImage } from "../../thumbnail/image.js";
+import { SliderThumbnailRoot } from "./root.js";
+//#region src/ui/slider/thumbnail/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Image: () => ThumbnailImage,
+	Root: () => SliderThumbnailRoot
+});
+//#endregion
+export { ThumbnailImage as Image, SliderThumbnailRoot as Root, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/dev/ui/slider/thumbnail/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../../src/ui/slider/thumbnail/index.parts.ts"],"sourcesContent":["export { ThumbnailImage as Image, type ThumbnailImageProps as ImageProps } from '../../thumbnail/image';\nexport { SliderThumbnailRoot as Root, type SliderThumbnailRootProps as RootProps } from './root';\n"],"mappings":""}

package/dist/dev/ui/slider/thumbnail/root.d.ts

@@ -0,0 +1,18 @@
+import { ThumbnailRootProps } from "../../thumbnail/root.js";
+import { ThumbnailCore } from "@videojs/core";
+//#region src/ui/slider/thumbnail/root.d.ts
+interface SliderThumbnailRootProps extends Omit<ThumbnailRootProps, 'time'> {}
+/**
+ * Resolves, sizes, and clips the thumbnail at the slider pointer.
+ *
+ * Render `Slider.Thumbnail.Image` inside it for the controlled image. Other children can provide loading indicators,
+ * overlays, or temporary presentation layers.
+ */
+declare const SliderThumbnailRoot: import("react").ForwardRefExoticComponent<Omit<SliderThumbnailRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace SliderThumbnailRoot {
+  type Props = SliderThumbnailRootProps;
+  type State = ThumbnailCore.State;
+}
+//#endregion
+export { SliderThumbnailRoot, SliderThumbnailRootProps };
+//# sourceMappingURL=root.d.ts.map

package/dist/dev/ui/slider/thumbnail/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","names":[],"sources":["../../../../../src/ui/slider/thumbnail/root.tsx"],"mappings":";;;UAOiB,iCAAiC,KAAK;;;;;;;cAQ1C,qCAAmB,0BAAA,KAAA,mDAAA,cAAA;kBASf;OACH,QAAQ;OACR,QAAQ,cAAc"}

package/dist/dev/ui/slider/thumbnail/root.js

@@ -0,0 +1,23 @@
+import { useSliderPointerValue } from "../context.js";
+import { ThumbnailRoot } from "../../thumbnail/root.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/slider/thumbnail/root.tsx
+/**
+* Resolves, sizes, and clips the thumbnail at the slider pointer.
+*
+* Render `Slider.Thumbnail.Image` inside it for the controlled image. Other children can provide loading indicators,
+* overlays, or temporary presentation layers.
+*/
+const SliderThumbnailRoot = forwardRef(function SliderThumbnailRoot(componentProps, forwardedRef) {
+	const pointerValue = useSliderPointerValue();
+	return /* @__PURE__ */ jsx(ThumbnailRoot, {
+		ref: forwardedRef,
+		...componentProps,
+		time: pointerValue
+	});
+});
+//#endregion
+export { SliderThumbnailRoot };
+
+//# sourceMappingURL=root.js.map

package/dist/dev/ui/slider/thumbnail/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","names":["Thumbnail.Root"],"sources":["../../../../../src/ui/slider/thumbnail/root.tsx"],"sourcesContent":["import type { ThumbnailCore } from '@videojs/core';\nimport { forwardRef, type ForwardedRef } from 'react';\n\nimport { Thumbnail } from '../../thumbnail';\nimport type { ThumbnailRootProps } from '../../thumbnail/root';\nimport { useSliderPointerValue } from '../context';\n\nexport interface SliderThumbnailRootProps extends Omit<ThumbnailRootProps, 'time'> {}\n\n/**\n * Resolves, sizes, and clips the thumbnail at the slider pointer.\n *\n * Render `Slider.Thumbnail.Image` inside it for the controlled image. Other children can provide loading indicators,\n * overlays, or temporary presentation layers.\n */\nexport const SliderThumbnailRoot = forwardRef(function SliderThumbnailRoot(\n  componentProps: SliderThumbnailRootProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const pointerValue = useSliderPointerValue();\n\n  return <Thumbnail.Root ref={forwardedRef} {...componentProps} time={pointerValue} />;\n});\n\nexport namespace SliderThumbnailRoot {\n  export type Props = SliderThumbnailRootProps;\n  export type State = ThumbnailCore.State;\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,sBAAsB,WAAW,SAAS,oBACrD,gBACA,cACA;CACA,MAAM,eAAe,sBAAsB;CAE3C,OAAO,oBAACA,eAAD;EAAgB,KAAK;EAAc,GAAI;EAAgB,MAAM;CAAe,CAAA;AACrF,CAAC"}

package/dist/dev/ui/slider/track.d.ts

@@ -0,0 +1,12 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { SliderState } from "@videojs/core";
+//#region src/ui/slider/track.d.ts
+interface SliderTrackProps extends UIComponentProps<'div', SliderState> {}
+/** Contains the slider's visual track and interactive hit zone. */
+declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps>;
+declare namespace SliderTrack {
+  type Props = SliderTrackProps;
+}
+//#endregion
+export { SliderTrack, SliderTrackProps };
+//# sourceMappingURL=track.d.ts.map

package/dist/dev/ui/slider/track.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"track.d.ts","names":[],"sources":["../../../../src/ui/slider/track.tsx"],"mappings":";;;UAMiB,yBAAyB,wBAAwB;;cAGrD,6BAAW,0BAAA;kBAMP;OACH,QAAQ"}

package/dist/dev/ui/slider/track.js

@@ -0,0 +1,13 @@
+import { createContextPart } from "../create-context-part.js";
+import { useSliderContext } from "./context.js";
+//#region src/ui/slider/track.tsx
+/** Contains the slider's visual track and interactive hit zone. */
+const SliderTrack = createContextPart({
+	displayName: "SliderTrack",
+	tag: "div",
+	useContext: useSliderContext
+});
+//#endregion
+export { SliderTrack };
+
+//# sourceMappingURL=track.js.map

package/dist/dev/ui/slider/track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"track.js","names":[],"sources":["../../../../src/ui/slider/track.tsx"],"sourcesContent":["import type { SliderState } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { useSliderContext } from './context';\n\nexport interface SliderTrackProps extends UIComponentProps<'div', SliderState> {}\n\n/** Contains the slider's visual track and interactive hit zone. */\nexport const SliderTrack = createContextPart<SliderTrackProps, SliderState>({\n  displayName: 'SliderTrack',\n  tag: 'div',\n  useContext: useSliderContext,\n});\n\nexport namespace SliderTrack {\n  export type Props = SliderTrackProps;\n}\n"],"mappings":";;;;AASA,MAAa,cAAc,kBAAiD;CAC1E,aAAa;CACb,KAAK;CACL,YAAY;AACd,CAAC"}

package/dist/dev/ui/slider/value.d.ts

@@ -0,0 +1,17 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { SliderState } from "@videojs/core";
+//#region src/ui/slider/value.d.ts
+interface SliderValueProps extends UIComponentProps<'output', SliderState> {
+  /** Which slider value to display: the current position or the pointer position. */
+  type?: 'current' | 'pointer' | undefined;
+  /** Custom formatter for the displayed value. Overrides the root's `formatValue`. */
+  format?: ((value: number) => string) | undefined;
+}
+/** Displays a formatted text representation of the slider value. Renders an `<output>` element. */
+declare const SliderValue: import("react").ForwardRefExoticComponent<Omit<SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+declare namespace SliderValue {
+  type Props = SliderValueProps;
+}
+//#endregion
+export { SliderValue, SliderValueProps };
+//# sourceMappingURL=value.d.ts.map

package/dist/dev/ui/slider/value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value.d.ts","names":[],"sources":["../../../../src/ui/slider/value.tsx"],"mappings":";;;UAQiB,yBAAyB,2BAA2B;;EAEnE;;EAEA,WAAW;;;cAIA,6BAAW,0BAAA,KAAA,2CAAA,cAAA;kBA0BP;OACH,QAAQ"}

package/dist/dev/ui/slider/value.js

@@ -0,0 +1,30 @@
+import { renderElement } from "../../utils/use-render.js";
+import { useSliderContext, useSliderPointerValue } from "./context.js";
+import { forwardRef } from "react";
+//#region src/ui/slider/value.tsx
+/** Displays a formatted text representation of the slider value. Renders an `<output>` element. */
+const SliderValue = forwardRef(function SliderValue(componentProps, forwardedRef) {
+	const { render, className, style, type = "current", format, ...elementProps } = componentProps;
+	const context = useSliderContext();
+	const { state, formatValue } = context;
+	const pointerValue = useSliderPointerValue(type === "pointer");
+	const rawValue = type === "pointer" ? pointerValue : state.value;
+	const text = format ? format(rawValue) : formatValue ? formatValue(rawValue, type) : String(Math.round(rawValue));
+	return renderElement("output", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap: context.stateAttrMap,
+		ref: forwardedRef,
+		props: [{
+			"aria-live": "off",
+			children: text
+		}, elementProps]
+	});
+});
+//#endregion
+export { SliderValue };
+
+//# sourceMappingURL=value.js.map

package/dist/dev/ui/slider/value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value.js","names":[],"sources":["../../../../src/ui/slider/value.tsx"],"sourcesContent":["import type { SliderState } from '@videojs/core';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSliderContext, useSliderPointerValue } from './context';\n\nexport interface SliderValueProps extends UIComponentProps<'output', SliderState> {\n  /** Which slider value to display: the current position or the pointer position. */\n  type?: 'current' | 'pointer' | undefined;\n  /** Custom formatter for the displayed value. Overrides the root's `formatValue`. */\n  format?: ((value: number) => string) | undefined;\n}\n\n/** Displays a formatted text representation of the slider value. Renders an `<output>` element. */\nexport const SliderValue = forwardRef(function SliderValue(\n  componentProps: SliderValueProps,\n  forwardedRef: ForwardedRef<HTMLOutputElement>\n) {\n  const { render, className, style, type = 'current', format, ...elementProps } = componentProps;\n\n  const context = useSliderContext();\n  const { state, formatValue } = context;\n  const pointerValue = useSliderPointerValue(type === 'pointer');\n\n  const rawValue = type === 'pointer' ? pointerValue : state.value;\n\n  const text = format ? format(rawValue) : formatValue ? formatValue(rawValue, type) : String(Math.round(rawValue));\n\n  return renderElement(\n    'output',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: context.stateAttrMap,\n      ref: forwardedRef,\n      props: [{ 'aria-live': 'off', children: text }, elementProps],\n    }\n  );\n});\n\nexport namespace SliderValue {\n  export type Props = SliderValueProps;\n}\n"],"mappings":";;;;;AAgBA,MAAa,cAAc,WAAW,SAAS,YAC7C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,OAAO,WAAW,QAAQ,GAAG,iBAAiB;CAEhF,MAAM,UAAU,iBAAiB;CACjC,MAAM,EAAE,OAAO,gBAAgB;CAC/B,MAAM,eAAe,sBAAsB,SAAS,SAAS;CAE7D,MAAM,WAAW,SAAS,YAAY,eAAe,MAAM;CAE3D,MAAM,OAAO,SAAS,OAAO,QAAQ,IAAI,cAAc,YAAY,UAAU,IAAI,IAAI,OAAO,KAAK,MAAM,QAAQ,CAAC;CAEhH,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK;EACL,OAAO,CAAC;GAAE,aAAa;GAAO,UAAU;EAAK,GAAG,YAAY;CAC9D,CACF;AACF,CAAC"}

package/dist/dev/ui/status-announcer/component.d.ts

@@ -0,0 +1,12 @@
+import { UIComponentProps } from "../../utils/types.js";
+import { StatusAnnouncerCore } from "@videojs/core";
+//#region src/ui/status-announcer/component.d.ts
+interface StatusAnnouncerProps extends UIComponentProps<'div', StatusAnnouncerCore.State>, Pick<StatusAnnouncerCore.Props, 'closeDelay' | 'labels'> {}
+declare const StatusAnnouncer: import("react").ForwardRefExoticComponent<Omit<StatusAnnouncerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace StatusAnnouncer {
+  type Props = StatusAnnouncerProps;
+  type State = StatusAnnouncerCore.State;
+}
+//#endregion
+export { StatusAnnouncer, StatusAnnouncerProps };
+//# sourceMappingURL=component.d.ts.map

package/dist/dev/ui/status-announcer/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","names":[],"sources":["../../../../src/ui/status-announcer/component.tsx"],"mappings":";;;UAWiB,6BAEb,wBAAwB,oBAAoB,QAC5C,KAAK,oBAAoB;cAEhB,iCAAe,0BAAA,KAAA,+CAAA,cAAA;kBAkDX;OACH,QAAQ;OACR,QAAQ,oBAAoB"}

package/dist/dev/ui/status-announcer/component.js

@@ -0,0 +1,47 @@
+import { useLocale, useTranslator } from "../../i18n/context.js";
+import { useContainer, usePlayer } from "../../player/context.js";
+import { useDestroy } from "../../utils/use-destroy.js";
+import { renderElement } from "../../utils/use-render.js";
+import { StatusAnnouncerCore, createStatusAnnouncerLabels } from "@videojs/core";
+import { shouldAnnounceStatusChange, subscribeToStatusAnnouncer } from "@videojs/core/dom";
+import { forwardRef, useEffect, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/status-announcer/component.tsx
+const StatusAnnouncer = forwardRef(function StatusAnnouncer(componentProps, forwardedRef) {
+	const { render, className, style, closeDelay, labels, ...elementProps } = componentProps;
+	const translator = useTranslator();
+	const locale = useLocale();
+	const [core] = useState(() => new StatusAnnouncerCore());
+	const store = usePlayer();
+	const container = useContainer();
+	useDestroy(core);
+	core.setProps({
+		closeDelay,
+		labels: {
+			...createStatusAnnouncerLabels(translator, locale),
+			...labels
+		},
+		shouldAnnounce: () => shouldAnnounceStatusChange(container)
+	});
+	useEffect(() => subscribeToStatusAnnouncer(store, core), [core, store]);
+	const state = useSyncExternalStore((callback) => core.state.subscribe(callback), () => core.state.current, () => core.state.current);
+	return renderElement("div", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		ref: forwardedRef,
+		props: [elementProps, {
+			role: "status",
+			children: /* @__PURE__ */ jsx("span", {
+				"data-status-announcer-content": "",
+				children: state.label ?? ""
+			}, state.generation)
+		}]
+	});
+});
+//#endregion
+export { StatusAnnouncer };
+
+//# sourceMappingURL=component.js.map

package/dist/dev/ui/status-announcer/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","names":[],"sources":["../../../../src/ui/status-announcer/component.tsx"],"sourcesContent":["import { createStatusAnnouncerLabels, StatusAnnouncerCore } from '@videojs/core';\nimport { shouldAnnounceStatusChange, subscribeToStatusAnnouncer } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useEffect, useState, useSyncExternalStore } from 'react';\n\nimport { useLocale, useTranslator } from '../../i18n/context';\nimport { useContainer, usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { useDestroy } from '../../utils/use-destroy';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface StatusAnnouncerProps\n  extends\n    UIComponentProps<'div', StatusAnnouncerCore.State>,\n    Pick<StatusAnnouncerCore.Props, 'closeDelay' | 'labels'> {}\n\nexport const StatusAnnouncer = forwardRef(function StatusAnnouncer(\n  componentProps: StatusAnnouncerProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, closeDelay, labels, ...elementProps } = componentProps;\n  const translator = useTranslator();\n  const locale = useLocale();\n  const [core] = useState(() => new StatusAnnouncerCore());\n  const store = usePlayer();\n  const container = useContainer();\n\n  useDestroy(core);\n  core.setProps({\n    closeDelay,\n    labels: {\n      ...createStatusAnnouncerLabels(translator, locale),\n      ...labels,\n    },\n    shouldAnnounce: () => shouldAnnounceStatusChange(container),\n  });\n\n  useEffect(() => subscribeToStatusAnnouncer(store, core), [core, store]);\n\n  const state = useSyncExternalStore(\n    (callback) => core.state.subscribe(callback),\n    () => core.state.current,\n    () => core.state.current\n  );\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      ref: forwardedRef,\n      props: [\n        elementProps,\n        {\n          role: 'status',\n          children: (\n            <span key={state.generation} data-status-announcer-content=\"\">\n              {state.label ?? ''}\n            </span>\n          ),\n        },\n      ],\n    }\n  );\n});\n\nexport namespace StatusAnnouncer {\n  export type Props = StatusAnnouncerProps;\n  export type State = StatusAnnouncerCore.State;\n}\n"],"mappings":";;;;;;;;;AAgBA,MAAa,kBAAkB,WAAW,SAAS,gBACjD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,YAAY,QAAQ,GAAG,iBAAiB;CAC1E,MAAM,aAAa,cAAc;CACjC,MAAM,SAAS,UAAU;CACzB,MAAM,CAAC,QAAQ,eAAe,IAAI,oBAAoB,CAAC;CACvD,MAAM,QAAQ,UAAU;CACxB,MAAM,YAAY,aAAa;CAE/B,WAAW,IAAI;CACf,KAAK,SAAS;EACZ;EACA,QAAQ;GACN,GAAG,4BAA4B,YAAY,MAAM;GACjD,GAAG;EACL;EACA,sBAAsB,2BAA2B,SAAS;CAC5D,CAAC;CAED,gBAAgB,2BAA2B,OAAO,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;CAEtE,MAAM,QAAQ,sBACX,aAAa,KAAK,MAAM,UAAU,QAAQ,SACrC,KAAK,MAAM,eACX,KAAK,MAAM,OACnB;CAEA,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,KAAK;EACL,OAAO,CACL,cACA;GACE,MAAM;GACN,UACE,oBAAC,QAAD;IAA6B,iCAA8B;IACxD,UAAA,MAAM,SAAS;GACZ,GAFK,MAAM,UAEX;EAEV,CACF;CACF,CACF;AACF,CAAC"}

package/dist/dev/ui/status-announcer/index.d.ts

@@ -0,0 +1,2 @@
+import { StatusAnnouncer, StatusAnnouncerProps } from "./component.js";
+export { StatusAnnouncer, StatusAnnouncerProps };

package/dist/dev/ui/status-announcer/index.js

@@ -0,0 +1,2 @@
+import { StatusAnnouncer } from "./component.js";
+export { StatusAnnouncer };

package/dist/dev/ui/status-indicator/context.js

@@ -0,0 +1,19 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/status-indicator/context.tsx
+const StatusIndicatorContext = createContext(null);
+function StatusIndicatorProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(StatusIndicatorContext.Provider, {
+		value,
+		children
+	});
+}
+function useStatusIndicatorContext() {
+	const ctx = useContext(StatusIndicatorContext);
+	if (!ctx) throw new Error("StatusIndicator child compounds must be used within a StatusIndicator.Root");
+	return ctx;
+}
+//#endregion
+export { StatusIndicatorProvider, useStatusIndicatorContext };
+
+//# sourceMappingURL=context.js.map

package/dist/dev/ui/status-indicator/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/status-indicator/context.tsx"],"sourcesContent":["import type { StatusIndicatorCore } from '@videojs/core';\nimport { createContext, type ProviderProps, useContext } from 'react';\n\nexport interface StatusIndicatorContextValue {\n  state: StatusIndicatorCore.State;\n}\n\nconst StatusIndicatorContext = createContext<StatusIndicatorContextValue | null>(null);\n\nexport function StatusIndicatorProvider({ value, children }: ProviderProps<StatusIndicatorContextValue>) {\n  return <StatusIndicatorContext.Provider value={value}>{children}</StatusIndicatorContext.Provider>;\n}\n\nexport function useStatusIndicatorContext(): StatusIndicatorContextValue {\n  const ctx = useContext(StatusIndicatorContext);\n  if (!ctx) throw new Error('StatusIndicator child compounds must be used within a StatusIndicator.Root');\n\n  return ctx;\n}\n"],"mappings":";;;AAOA,MAAM,yBAAyB,cAAkD,IAAI;AAErF,SAAgB,wBAAwB,EAAE,OAAO,YAAwD;CACvG,OAAO,oBAAC,uBAAuB,UAAxB;EAAwC;EAAQ;CAA0C,CAAA;AACnG;AAEA,SAAgB,4BAAyD;CACvE,MAAM,MAAM,WAAW,sBAAsB;CAC7C,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,4EAA4E;CAEtG,OAAO;AACT"}

package/dist/dev/ui/status-indicator/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as StatusIndicator };

package/dist/dev/ui/status-indicator/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as StatusIndicator };

package/dist/dev/ui/status-indicator/index.parts.d.ts

@@ -0,0 +1,8 @@
+import { StatusIndicatorRoot, StatusIndicatorRootProps } from "./root.js";
+import { StatusIndicatorValue, StatusIndicatorValueProps } from "./value.js";
+declare namespace index_parts_d_exports {
+  export { StatusIndicatorRoot as Root, StatusIndicatorRootProps as RootProps, StatusIndicatorValue as Value, StatusIndicatorValueProps as ValueProps };
+}
+//#endregion
+export { StatusIndicatorRoot as Root, type StatusIndicatorRootProps as RootProps, StatusIndicatorValue as Value, type StatusIndicatorValueProps as ValueProps, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map