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

package/dist/dev/ui/quality-radio-group/quality-radio-group.js

@@ -1,97 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuOptionState } from "../menu/context.js";
-import { MenuRadioGroup } from "../menu/menu-radio-group.js";
-import { useQualityOptions } from "../quality/use-quality-options.js";
-import { QualityRadioGroupDataAttrs } from "@videojs/core";
-import { getStateDataAttrs } from "@videojs/core/dom";
-import { Fragment, createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isFunction } from "@videojs/utils/predicate";
-//#region src/ui/quality-radio-group/quality-radio-group.tsx
-const QualityRadioGroupContext = createContext(void 0);
-/** Owns quality option state and shares it with an enclosing menu. Does not render a DOM element. */
-function QualityRadioGroupRoot({ children, ...props }) {
-	const quality = useQualityOptions(props);
-	useMenuOptionState(toMenuOptionState(quality));
-	return /* @__PURE__ */ jsx(QualityRadioGroupContext.Provider, {
-		value: quality,
-		children
-	});
-}
-/** Displays the selected quality label. */
-const QualityRadioGroupValue = forwardRef(function QualityRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {
-	const quality = useQualityRadioGroupContext();
-	if (!quality) return null;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state: quality,
-		ref: forwardedRef,
-		props: [elementProps, { children: quality.selectedLabel }]
-	});
-});
-/** Renders menu radio items for the player's video renditions. */
-const QualityRadioGroupOptions = forwardRef(function QualityRadioGroupOptions(componentProps, forwardedRef) {
-	const { renderItem, render, className, style, "aria-label": ariaLabelProp, "aria-labelledby": ariaLabelledBy, ...elementProps } = componentProps;
-	const quality = useQualityRadioGroupContext();
-	if (!quality) return null;
-	const { state, value, options, setValue } = quality;
-	const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === void 0 ? quality.label : void 0);
-	return /* @__PURE__ */ jsx(MenuRadioGroup, {
-		...getStateDataAttrs(state, QualityRadioGroupDataAttrs),
-		...elementProps,
-		ref: forwardedRef,
-		className: isFunction(className) ? className(state) : className,
-		style: isFunction(style) ? style(state) : style,
-		render: isFunction(render) ? (props) => render(props, state) : render,
-		value,
-		onValueChange: setValue,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		"aria-disabled": state.disabled || void 0,
-		hidden: state.hidden,
-		children: options.map((option) => {
-			const itemState = {
-				...option,
-				checked: option.value === value
-			};
-			return /* @__PURE__ */ jsx(Fragment, { children: renderItem({
-				value: option.value,
-				disabled: option.disabled,
-				"data-rendition": option.value,
-				children: option.label
-			}, itemState) }, option.value);
-		})
-	});
-});
-/** @internal Compatibility adapter for the existing preset sources. */
-const QualityRadioGroupLegacy = forwardRef(function QualityRadioGroupLegacy({ label, formatRendition, disabled, ...props }, forwardedRef) {
-	return /* @__PURE__ */ jsx(QualityRadioGroupRoot, {
-		label,
-		formatRendition,
-		disabled,
-		children: /* @__PURE__ */ jsx(QualityRadioGroupOptions, {
-			...props,
-			ref: forwardedRef
-		})
-	});
-});
-function useQualityRadioGroupContext() {
-	const quality = useContext(QualityRadioGroupContext);
-	if (quality === void 0) throw new Error("QualityRadioGroup parts must be used within QualityRadioGroup.Root");
-	return quality;
-}
-function toMenuOptionState(quality) {
-	return {
-		value: quality?.selectedLabel ?? "",
-		disabled: quality?.disabled ?? true,
-		hidden: quality?.hidden ?? true,
-		availability: quality?.state.availability ?? "unsupported"
-	};
-}
-//#endregion
-export { QualityRadioGroupLegacy, QualityRadioGroupOptions, QualityRadioGroupRoot, QualityRadioGroupValue };
-
-//# sourceMappingURL=quality-radio-group.js.map

package/dist/dev/ui/quality-radio-group/quality-radio-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quality-radio-group.js","names":[],"sources":["../../../../src/ui/quality-radio-group/quality-radio-group.tsx"],"sourcesContent":["import { type MenuOptionState, type QualityRadioGroupCore, QualityRadioGroupDataAttrs } from '@videojs/core';\nimport { getStateDataAttrs } from '@videojs/core/dom';\nimport { isFunction } from '@videojs/utils/predicate';\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, Fragment, forwardRef, useContext } from 'react';\n\nimport type { HTMLProps, UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuOptionState } from '../menu/context';\nimport { MenuRadioGroup } from '../menu/menu-radio-group';\nimport type { MenuRadioItemProps } from '../menu/menu-radio-item';\nimport { type QualityOption, type QualityOptionsProps, type QualityOptionsResult, useQualityOptions } from '../quality';\n\nexport type QualityRadioGroupItemState = QualityOption & {\n  /** Whether this quality option is currently selected. */\n  checked: boolean;\n};\n\nexport interface QualityRadioGroupItemProps extends Omit<MenuRadioItemProps, 'ref'> {\n  /** Rendition value represented by the item. */\n  'data-rendition': string;\n}\n\nexport interface QualityRadioGroupRootProps extends QualityOptionsProps {\n  children?: ReactNode;\n}\n\nexport interface QualityRadioGroupOptionsProps extends Omit<\n  UIComponentProps<'div', QualityRadioGroupCore.State>,\n  'children'\n> {\n  /** Render one consumer-owned menu radio item for every quality option. */\n  renderItem: (props: QualityRadioGroupItemProps, state: QualityRadioGroupItemState) => ReactElement;\n}\n\nexport type QualityRadioGroupValueProps = UIComponentProps<'span', QualityOptionsResult>;\n\nexport interface QualityRadioGroupLegacyProps extends QualityRadioGroupOptionsProps, QualityOptionsProps {}\n\nconst QualityRadioGroupContext = createContext<QualityOptionsResult | null | undefined>(undefined);\n\n/** Owns quality option state and shares it with an enclosing menu. Does not render a DOM element. */\nexport function QualityRadioGroupRoot({ children, ...props }: QualityRadioGroupRootProps): ReactNode {\n  const quality = useQualityOptions(props);\n\n  useMenuOptionState(toMenuOptionState(quality));\n\n  return <QualityRadioGroupContext.Provider value={quality}>{children}</QualityRadioGroupContext.Provider>;\n}\n\n/** Displays the selected quality label. */\nexport const QualityRadioGroupValue = forwardRef<HTMLSpanElement, QualityRadioGroupValueProps>(\n  function QualityRadioGroupValue({ render, className, style, ...elementProps }, forwardedRef) {\n    const quality = useQualityRadioGroupContext();\n    if (!quality) return null;\n\n    return renderElement(\n      'span',\n      { render, className, style },\n      { state: quality, ref: forwardedRef, props: [elementProps, { children: quality.selectedLabel }] }\n    );\n  }\n);\n\n/** Renders menu radio items for the player's video renditions. */\nexport const QualityRadioGroupOptions = forwardRef<HTMLDivElement, QualityRadioGroupOptionsProps>(\n  function QualityRadioGroupOptions(componentProps, forwardedRef) {\n    const {\n      renderItem,\n      render,\n      className,\n      style,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledBy,\n      ...elementProps\n    } = componentProps;\n    const quality = useQualityRadioGroupContext();\n    if (!quality) return null;\n\n    const { state, value, options, setValue } = quality;\n    const ariaLabel = ariaLabelProp ?? (ariaLabelledBy === undefined ? quality.label : undefined);\n\n    return (\n      <MenuRadioGroup\n        {...getStateDataAttrs(state, QualityRadioGroupDataAttrs)}\n        {...elementProps}\n        ref={forwardedRef}\n        className={isFunction(className) ? className(state) : className}\n        style={isFunction(style) ? style(state) : style}\n        render={isFunction(render) ? (props: HTMLProps) => render(props, state) : render}\n        value={value}\n        onValueChange={setValue}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-disabled={state.disabled || undefined}\n        hidden={state.hidden}\n      >\n        {options.map((option) => {\n          const itemState = { ...option, checked: option.value === value };\n\n          return (\n            <Fragment key={option.value}>\n              {renderItem(\n                {\n                  value: option.value,\n                  disabled: option.disabled,\n                  'data-rendition': option.value,\n                  children: option.label,\n                },\n                itemState\n              )}\n            </Fragment>\n          );\n        })}\n      </MenuRadioGroup>\n    );\n  }\n);\n\n/** @internal Compatibility adapter for the existing preset sources. */\nexport const QualityRadioGroupLegacy = forwardRef<HTMLDivElement, QualityRadioGroupLegacyProps>(\n  function QualityRadioGroupLegacy({ label, formatRendition, disabled, ...props }, forwardedRef) {\n    return (\n      <QualityRadioGroupRoot label={label} formatRendition={formatRendition} disabled={disabled}>\n        <QualityRadioGroupOptions {...props} ref={forwardedRef} />\n      </QualityRadioGroupRoot>\n    );\n  }\n);\n\nfunction useQualityRadioGroupContext(): QualityOptionsResult | null {\n  const quality = useContext(QualityRadioGroupContext);\n  if (quality === undefined) throw new Error('QualityRadioGroup parts must be used within QualityRadioGroup.Root');\n\n  return quality;\n}\n\nfunction toMenuOptionState(quality: QualityOptionsResult | null): MenuOptionState {\n  return {\n    value: quality?.selectedLabel ?? '',\n    disabled: quality?.disabled ?? true,\n    hidden: quality?.hidden ?? true,\n    availability: quality?.state.availability ?? 'unsupported',\n  };\n}\n\nexport namespace QualityRadioGroupRoot {\n  export type Props = QualityRadioGroupRootProps;\n}\n\nexport namespace QualityRadioGroupValue {\n  export type Props = QualityRadioGroupValueProps;\n  export type State = QualityOptionsResult;\n}\n\nexport namespace QualityRadioGroupOptions {\n  export type Props = QualityRadioGroupOptionsProps;\n  export type State = QualityRadioGroupCore.State;\n  export type ItemProps = QualityRadioGroupItemProps;\n  export type ItemState = QualityRadioGroupItemState;\n}\n"],"mappings":";;;;;;;;;;AAuCA,MAAM,2BAA2B,cAAuD,KAAA,CAAS;;AAGjG,SAAgB,sBAAsB,EAAE,UAAU,GAAG,SAAgD;CACnG,MAAM,UAAU,kBAAkB,KAAK;CAEvC,mBAAmB,kBAAkB,OAAO,CAAC;CAE7C,OAAO,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;EAAU;CAA4C,CAAA;AACzG;;AAGA,MAAa,yBAAyB,WACpC,SAAS,uBAAuB,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAAgB,cAAc;CAC3F,MAAM,UAAU,4BAA4B;CAC5C,IAAI,CAAC,SAAS,OAAO;CAErB,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EAAE,OAAO;EAAS,KAAK;EAAc,OAAO,CAAC,cAAc,EAAE,UAAU,QAAQ,cAAc,CAAC;CAAE,CAClG;AACF,CACF;;AAGA,MAAa,2BAA2B,WACtC,SAAS,yBAAyB,gBAAgB,cAAc;CAC9D,MAAM,EACJ,YACA,QACA,WACA,OACA,cAAc,eACd,mBAAmB,gBACnB,GAAG,iBACD;CACJ,MAAM,UAAU,4BAA4B;CAC5C,IAAI,CAAC,SAAS,OAAO;CAErB,MAAM,EAAE,OAAO,OAAO,SAAS,aAAa;CAC5C,MAAM,YAAY,kBAAkB,mBAAmB,KAAA,IAAY,QAAQ,QAAQ,KAAA;CAEnF,OACE,oBAAC,gBAAD;EACE,GAAI,kBAAkB,OAAO,0BAA0B;EACvD,GAAI;EACJ,KAAK;EACL,WAAW,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;EACtD,OAAO,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI;EAC1C,QAAQ,WAAW,MAAM,KAAK,UAAqB,OAAO,OAAO,KAAK,IAAI;EACnE;EACP,eAAe;EACf,cAAY;EACZ,mBAAiB;EACjB,iBAAe,MAAM,YAAY,KAAA;EACjC,QAAQ,MAAM;EAEb,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,YAAY;IAAE,GAAG;IAAQ,SAAS,OAAO,UAAU;GAAM;GAE/D,OACE,oBAAC,UAAD,EAAA,UACG,WACC;IACE,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,kBAAkB,OAAO;IACzB,UAAU,OAAO;GACnB,GACA,SACF,EACQ,GAVK,OAAO,KAUZ;EAEd,CAAC;CACa,CAAA;AAEpB,CACF;;AAGA,MAAa,0BAA0B,WACrC,SAAS,wBAAwB,EAAE,OAAO,iBAAiB,UAAU,GAAG,SAAS,cAAc;CAC7F,OACE,oBAAC,uBAAD;EAA8B;EAAwB;EAA2B;EAC/E,UAAA,oBAAC,0BAAD;GAA0B,GAAI;GAAO,KAAK;EAAe,CAAA;CACpC,CAAA;AAE3B,CACF;AAEA,SAAS,8BAA2D;CAClE,MAAM,UAAU,WAAW,wBAAwB;CACnD,IAAI,YAAY,KAAA,GAAW,MAAM,IAAI,MAAM,oEAAoE;CAE/G,OAAO;AACT;AAEA,SAAS,kBAAkB,SAAuD;CAChF,OAAO;EACL,OAAO,SAAS,iBAAiB;EACjC,UAAU,SAAS,YAAY;EAC/B,QAAQ,SAAS,UAAU;EAC3B,cAAc,SAAS,MAAM,gBAAgB;CAC/C;AACF"}

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

@@ -1,29 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SeekButtonCore } from "@videojs/core";
-//#region src/ui/seek-button/seek-button.d.ts
-interface SeekButtonProps extends UIComponentProps<'button', SeekButtonCore.State>, SeekButtonCore.Props {}
-/**
- * A button that seeks forward or backward by a configurable number of seconds.
- *
- * @example
- *   ```tsx
- *   <SeekButton seconds={-10} />
- *
- *   <SeekButton
- *   seconds={30}
- *   render={(props, state) => (
- *   <button {...props}>
- *   {state.direction === 'backward' ? <RewindIcon /> : <FastForwardIcon />}
- *   </button>
- *   )}
- *   />
- *   ```;
- */
-declare const SeekButton: import("react").ForwardRefExoticComponent<SeekButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare namespace SeekButton {
-  type Props = SeekButtonProps;
-  type State = SeekButtonCore.State;
-}
-//#endregion
-export { SeekButton, SeekButtonProps };
-//# sourceMappingURL=seek-button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"seek-button.d.ts","names":[],"sources":["../../../../src/ui/seek-button/seek-button.tsx"],"mappings":";;;UAMiB,wBAAwB,2BAA2B,eAAe,QAAQ,eAAe;;;;;;;;;;;;;;;;;;cAmB7F,4BAAU,0BAAA,kCAAA,cAAA;kBAUN;OACH,QAAQ;OACR,QAAQ,eAAe"}

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

@@ -1,34 +0,0 @@
-import { createMediaButton } from "../create-media-button.js";
-import { SeekButtonCore, SeekButtonDataAttrs } from "@videojs/core";
-import { selectTime } from "@videojs/core/dom";
-//#region src/ui/seek-button/seek-button.tsx
-/**
-* A button that seeks forward or backward by a configurable number of seconds.
-*
-* @example
-*   ```tsx
-*   <SeekButton seconds={-10} />
-*
-*   <SeekButton
-*   seconds={30}
-*   render={(props, state) => (
-*   <button {...props}>
-*   {state.direction === 'backward' ? <RewindIcon /> : <FastForwardIcon />}
-*   </button>
-*   )}
-*   />
-*   ```;
-*/
-const SeekButton = createMediaButton({
-	displayName: "SeekButton",
-	core: SeekButtonCore,
-	stateAttrMap: SeekButtonDataAttrs,
-	selector: selectTime,
-	action: (core, state) => core.seek(state),
-	hotkeyAction: "seekStep",
-	hotkeyValue: (props) => typeof props.seconds === "number" ? props.seconds : SeekButtonCore.defaultProps.seconds
-});
-//#endregion
-export { SeekButton };
-
-//# sourceMappingURL=seek-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"seek-button.js","names":[],"sources":["../../../../src/ui/seek-button/seek-button.tsx"],"sourcesContent":["import { SeekButtonCore, SeekButtonDataAttrs } from '@videojs/core';\nimport { selectTime } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface SeekButtonProps extends UIComponentProps<'button', SeekButtonCore.State>, SeekButtonCore.Props {}\n\n/**\n * A button that seeks forward or backward by a configurable number of seconds.\n *\n * @example\n *   ```tsx\n *   <SeekButton seconds={-10} />\n *\n *   <SeekButton\n *   seconds={30}\n *   render={(props, state) => (\n *   <button {...props}>\n *   {state.direction === 'backward' ? <RewindIcon /> : <FastForwardIcon />}\n *   </button>\n *   )}\n *   />\n *   ```;\n */\nexport const SeekButton = createMediaButton<SeekButtonCore, SeekButtonProps>({\n  displayName: 'SeekButton',\n  core: SeekButtonCore,\n  stateAttrMap: SeekButtonDataAttrs,\n  selector: selectTime,\n  action: (core, state) => core.seek(state),\n  hotkeyAction: 'seekStep',\n  hotkeyValue: (props) => (typeof props.seconds === 'number' ? props.seconds : SeekButtonCore.defaultProps.seconds),\n});\n\nexport namespace SeekButton {\n  export type Props = SeekButtonProps;\n  export type State = SeekButtonCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,aAAa,kBAAmD;CAC3E,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,KAAK,KAAK;CACxC,cAAc;CACd,cAAc,UAAW,OAAO,MAAM,YAAY,WAAW,MAAM,UAAU,eAAe,aAAa;AAC3G,CAAC"}

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

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

package/dist/dev/ui/seek-indicator/seek-indicator-root.d.ts

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SeekIndicatorCore } from "@videojs/core";
-//#region src/ui/seek-indicator/seek-indicator-root.d.ts
-interface SeekIndicatorRootProps extends UIComponentProps<'div', SeekIndicatorCore.State>, SeekIndicatorCore.Props {}
-declare const SeekIndicatorRoot: import("react").ForwardRefExoticComponent<Omit<SeekIndicatorRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare namespace SeekIndicatorRoot {
-  type Props = SeekIndicatorRootProps;
-  type State = SeekIndicatorCore.State;
-}
-//#endregion
-export { SeekIndicatorRoot, SeekIndicatorRootProps };
-//# sourceMappingURL=seek-indicator-root.d.ts.map

package/dist/dev/ui/seek-indicator/seek-indicator-root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-indicator-root.d.ts","names":[],"sources":["../../../../src/ui/seek-indicator/seek-indicator-root.tsx"],"mappings":";;;UASiB,+BACP,wBAAwB,kBAAkB,QAAQ,kBAAkB;cAEjE,mCAAiB,0BAAA,KAAA,iDAAA,cAAA;kBAwBb;OACH,QAAQ;OACR,QAAQ,kBAAkB"}

package/dist/dev/ui/seek-indicator/seek-indicator-root.js

@@ -1,29 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useInputIndicatorRoot } from "../input-indicator/use-input-indicator-root.js";
-import { SeekIndicatorProvider } from "./context.js";
-import { SeekIndicatorCore, SeekIndicatorDataAttrs } from "@videojs/core";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/seek-indicator/seek-indicator-root.tsx
-const SeekIndicatorRoot = forwardRef(function SeekIndicatorRoot(componentProps, forwardedRef) {
-	const { render, className, style, closeDelay, ...elementProps } = componentProps;
-	const { elementRef, present, state } = useInputIndicatorRoot(() => new SeekIndicatorCore(), { closeDelay });
-	if (!present) return null;
-	return /* @__PURE__ */ jsx(SeekIndicatorProvider, {
-		value: { state },
-		children: renderElement("div", {
-			render,
-			className,
-			style
-		}, {
-			state,
-			stateAttrMap: SeekIndicatorDataAttrs,
-			ref: [forwardedRef, elementRef],
-			props: [elementProps]
-		})
-	});
-});
-//#endregion
-export { SeekIndicatorRoot };
-
-//# sourceMappingURL=seek-indicator-root.js.map

package/dist/dev/ui/seek-indicator/seek-indicator-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-indicator-root.js","names":[],"sources":["../../../../src/ui/seek-indicator/seek-indicator-root.tsx"],"sourcesContent":["import { SeekIndicatorCore, SeekIndicatorDataAttrs } 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 { useInputIndicatorRoot } from '../input-indicator/use-input-indicator-root';\nimport { SeekIndicatorProvider } from './context';\n\nexport interface SeekIndicatorRootProps\n  extends UIComponentProps<'div', SeekIndicatorCore.State>, SeekIndicatorCore.Props {}\n\nexport const SeekIndicatorRoot = forwardRef(function SeekIndicatorRoot(\n  componentProps: SeekIndicatorRootProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, closeDelay, ...elementProps } = componentProps;\n  const { elementRef, present, state } = useInputIndicatorRoot(() => new SeekIndicatorCore(), { closeDelay });\n  if (!present) return null;\n\n  return (\n    <SeekIndicatorProvider value={{ state }}>\n      {renderElement(\n        'div',\n        { render, className, style },\n        {\n          state,\n          stateAttrMap: SeekIndicatorDataAttrs,\n          ref: [forwardedRef, elementRef],\n          props: [elementProps],\n        }\n      )}\n    </SeekIndicatorProvider>\n  );\n});\n\nexport namespace SeekIndicatorRoot {\n  export type Props = SeekIndicatorRootProps;\n  export type State = SeekIndicatorCore.State;\n}\n"],"mappings":";;;;;;;AAYA,MAAa,oBAAoB,WAAW,SAAS,kBACnD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,YAAY,GAAG,iBAAiB;CAClE,MAAM,EAAE,YAAY,SAAS,UAAU,4BAA4B,IAAI,kBAAkB,GAAG,EAAE,WAAW,CAAC;CAC1G,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,oBAAC,uBAAD;EAAuB,OAAO,EAAE,MAAM;EACnC,UAAA,cACC,OACA;GAAE;GAAQ;GAAW;EAAM,GAC3B;GACE;GACA,cAAc;GACd,KAAK,CAAC,cAAc,UAAU;GAC9B,OAAO,CAAC,YAAY;EACtB,CACF;CACqB,CAAA;AAE3B,CAAC"}

package/dist/dev/ui/seek-indicator/seek-indicator-value.d.ts

@@ -1,11 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SeekIndicatorCore } from "@videojs/core";
-//#region src/ui/seek-indicator/seek-indicator-value.d.ts
-interface SeekIndicatorValueProps extends UIComponentProps<'div', SeekIndicatorCore.State> {}
-declare const SeekIndicatorValue: import("react").ForwardRefExoticComponent<Omit<SeekIndicatorValueProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare namespace SeekIndicatorValue {
-  type Props = SeekIndicatorValueProps;
-}
-//#endregion
-export { SeekIndicatorValue, SeekIndicatorValueProps };
-//# sourceMappingURL=seek-indicator-value.d.ts.map

package/dist/dev/ui/seek-indicator/seek-indicator-value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-indicator-value.d.ts","names":[],"sources":["../../../../src/ui/seek-indicator/seek-indicator-value.tsx"],"mappings":";;;UAQiB,gCAAgC,wBAAwB,kBAAkB;cAE9E,oCAAkB,0BAAA,KAAA,kDAAA,cAAA;kBAkBd;OACH,QAAQ"}

package/dist/dev/ui/seek-indicator/seek-indicator-value.js

@@ -1,22 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useSeekIndicatorContext } from "./context.js";
-import { getSeekIndicatorDisplayValue } from "@videojs/core";
-import { forwardRef } from "react";
-//#region src/ui/seek-indicator/seek-indicator-value.tsx
-const SeekIndicatorValue = forwardRef(function SeekIndicatorValue(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const { state } = useSeekIndicatorContext();
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		ref: forwardedRef,
-		props: [{ children: getSeekIndicatorDisplayValue(state) }, elementProps]
-	});
-});
-//#endregion
-export { SeekIndicatorValue };
-
-//# sourceMappingURL=seek-indicator-value.js.map

package/dist/dev/ui/seek-indicator/seek-indicator-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-indicator-value.js","names":[],"sources":["../../../../src/ui/seek-indicator/seek-indicator-value.tsx"],"sourcesContent":["import { getSeekIndicatorDisplayValue, type SeekIndicatorCore } 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 { useSeekIndicatorContext } from './context';\n\nexport interface SeekIndicatorValueProps extends UIComponentProps<'div', SeekIndicatorCore.State> {}\n\nexport const SeekIndicatorValue = forwardRef(function SeekIndicatorValue(\n  componentProps: SeekIndicatorValueProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n  const { state } = useSeekIndicatorContext();\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      ref: forwardedRef,\n      props: [{ children: getSeekIndicatorDisplayValue(state) }, elementProps],\n    }\n  );\n});\n\nexport namespace SeekIndicatorValue {\n  export type Props = SeekIndicatorValueProps;\n}\n"],"mappings":";;;;;AAUA,MAAa,qBAAqB,WAAW,SAAS,mBACpD,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CACtD,MAAM,EAAE,UAAU,wBAAwB;CAE1C,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,KAAK;EACL,OAAO,CAAC,EAAE,UAAU,6BAA6B,KAAK,EAAE,GAAG,YAAY;CACzE,CACF;AACF,CAAC"}

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

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

package/dist/dev/ui/slider/slider-buffer.d.ts

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SliderState } from "@videojs/core";
-//#region src/ui/slider/slider-buffer.d.ts
-interface SliderBufferProps extends UIComponentProps<'div', SliderState> {}
-/** Displays the buffered range on the slider track. */
-declare const SliderBuffer: import("react").ForwardRefExoticComponent<SliderBufferProps>;
-declare namespace SliderBuffer {
-  type Props = SliderBufferProps;
-}
-//#endregion
-export { SliderBuffer, SliderBufferProps };
-//# sourceMappingURL=slider-buffer.d.ts.map

package/dist/dev/ui/slider/slider-buffer.d.ts.map

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

package/dist/dev/ui/slider/slider-buffer.js

@@ -1,13 +0,0 @@
-import { createContextPart } from "../create-context-part.js";
-import { useSliderContext } from "./context.js";
-//#region src/ui/slider/slider-buffer.tsx
-/** Displays the buffered range on the slider track. */
-const SliderBuffer = createContextPart({
-	displayName: "SliderBuffer",
-	tag: "div",
-	useContext: useSliderContext
-});
-//#endregion
-export { SliderBuffer };
-
-//# sourceMappingURL=slider-buffer.js.map

package/dist/dev/ui/slider/slider-buffer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-buffer.js","names":[],"sources":["../../../../src/ui/slider/slider-buffer.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 SliderBufferProps extends UIComponentProps<'div', SliderState> {}\n\n/** Displays the buffered range on the slider track. */\nexport const SliderBuffer = createContextPart<SliderBufferProps, SliderState>({\n  displayName: 'SliderBuffer',\n  tag: 'div',\n  useContext: useSliderContext,\n});\n\nexport namespace SliderBuffer {\n  export type Props = SliderBufferProps;\n}\n"],"mappings":";;;;AASA,MAAa,eAAe,kBAAkD;CAC5E,aAAa;CACb,KAAK;CACL,YAAY;AACd,CAAC"}

package/dist/dev/ui/slider/slider-fill.d.ts

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SliderState } from "@videojs/core";
-//#region src/ui/slider/slider-fill.d.ts
-interface SliderFillProps extends UIComponentProps<'div', SliderState> {}
-/** Displays the filled portion from start to the current value. */
-declare const SliderFill: import("react").ForwardRefExoticComponent<SliderFillProps>;
-declare namespace SliderFill {
-  type Props = SliderFillProps;
-}
-//#endregion
-export { SliderFill, SliderFillProps };
-//# sourceMappingURL=slider-fill.d.ts.map

package/dist/dev/ui/slider/slider-fill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-fill.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-fill.tsx"],"mappings":";;;UAMiB,wBAAwB,wBAAwB;;cAGpD,4BAAU,0BAAA;kBAMN;OACH,QAAQ"}

package/dist/dev/ui/slider/slider-fill.js

@@ -1,13 +0,0 @@
-import { createContextPart } from "../create-context-part.js";
-import { useSliderContext } from "./context.js";
-//#region src/ui/slider/slider-fill.tsx
-/** Displays the filled portion from start to the current value. */
-const SliderFill = createContextPart({
-	displayName: "SliderFill",
-	tag: "div",
-	useContext: useSliderContext
-});
-//#endregion
-export { SliderFill };
-
-//# sourceMappingURL=slider-fill.js.map

package/dist/dev/ui/slider/slider-fill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-fill.js","names":[],"sources":["../../../../src/ui/slider/slider-fill.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 SliderFillProps extends UIComponentProps<'div', SliderState> {}\n\n/** Displays the filled portion from start to the current value. */\nexport const SliderFill = createContextPart<SliderFillProps, SliderState>({\n  displayName: 'SliderFill',\n  tag: 'div',\n  useContext: useSliderContext,\n});\n\nexport namespace SliderFill {\n  export type Props = SliderFillProps;\n}\n"],"mappings":";;;;AASA,MAAa,aAAa,kBAAgD;CACxE,aAAa;CACb,KAAK;CACL,YAAY;AACd,CAAC"}

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

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SliderPreviewProps, SliderState } from "@videojs/core";
-//#region src/ui/slider/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=slider-preview.d.ts.map

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

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

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

@@ -1,36 +0,0 @@
-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/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=slider-preview.js.map

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

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

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

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

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

@@ -1,82 +0,0 @@
-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/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=slider-root.js.map

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

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

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

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

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

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

@@ -1,29 +0,0 @@
-import { renderElement } from "../../utils/use-render.js";
-import { useSliderContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/slider/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=slider-thumb.js.map

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

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

@@ -1,12 +0,0 @@
-import { ThumbnailProps } from "../thumbnail/thumbnail.js";
-import { ThumbnailCore } from "@videojs/core";
-//#region src/ui/slider/slider-thumbnail.d.ts
-interface SliderThumbnailProps extends Omit<ThumbnailProps, 'time'> {}
-declare const SliderThumbnail: import("react").ForwardRefExoticComponent<Omit<SliderThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare namespace SliderThumbnail {
-  type Props = SliderThumbnailProps;
-  type State = ThumbnailCore.State;
-}
-//#endregion
-export { SliderThumbnail, SliderThumbnailProps };
-//# sourceMappingURL=slider-thumbnail.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumbnail.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-thumbnail.tsx"],"mappings":";;;UAMiB,6BAA6B,KAAK;cAEtC,iCAAe,0BAAA,KAAA,+CAAA,cAAA;kBAQX;OACH,QAAQ;OACR,QAAQ,cAAc"}