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

package/dist/dev/ui/popover/popover-root.js

@@ -1,70 +0,0 @@
-'use client';
-
-import { useDestroy } from "../../utils/use-destroy.js";
-import { useLatestRef } from "../../utils/use-latest-ref.js";
-import { useSafeId } from "../../utils/use-safe-id.js";
-import { PopoverContextProvider } from "./context.js";
-import { createPopover, createTransition } from "@videojs/core/dom";
-import { useSnapshot } from "@videojs/store/react";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { PopoverCore, PopoverDataAttrs } from "@videojs/core";
-
-//#region src/ui/popover/popover-root.tsx
-function PopoverRoot({ open: controlledOpen, defaultOpen = PopoverCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, openOnHover = PopoverCore.defaultProps.openOnHover, delay = PopoverCore.defaultProps.delay, closeDelay = PopoverCore.defaultProps.closeDelay, children, ...coreProps }) {
-	const [core] = useState(() => new PopoverCore(coreProps));
-	core.setProps(coreProps);
-	const isControlled = controlledOpen !== void 0;
-	const onOpenChangeRef = useLatestRef(onOpenChangeProp);
-	const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);
-	const closeOnEscapeRef = useLatestRef(coreProps.closeOnEscape);
-	const closeOnOutsideClickRef = useLatestRef(coreProps.closeOnOutsideClick);
-	const openOnHoverRef = useLatestRef(openOnHover);
-	const delayRef = useLatestRef(delay);
-	const closeDelayRef = useLatestRef(closeDelay);
-	const [popover] = useState(() => {
-		const instance = createPopover({
-			transition: createTransition(),
-			onOpenChange: (nextOpen, details) => {
-				onOpenChangeRef.current?.(nextOpen, details);
-			},
-			onOpenChangeComplete: (nextOpen) => {
-				onOpenChangeCompleteRef.current?.(nextOpen);
-			},
-			closeOnEscape: () => closeOnEscapeRef.current ?? PopoverCore.defaultProps.closeOnEscape,
-			closeOnOutsideClick: () => closeOnOutsideClickRef.current ?? PopoverCore.defaultProps.closeOnOutsideClick,
-			openOnHover: () => openOnHoverRef.current,
-			delay: () => delayRef.current,
-			closeDelay: () => closeDelayRef.current
-		});
-		if (!isControlled && defaultOpen) instance.open("click");
-		return instance;
-	});
-	const anchorName = useSafeId();
-	const popupId = useSafeId("popup-");
-	useEffect(() => {
-		if (controlledOpen === void 0) return;
-		const { active: inputOpen } = popover.input.current;
-		if (controlledOpen === inputOpen) return;
-		if (controlledOpen) popover.open("click");
-		else popover.close("click");
-	}, [controlledOpen, popover]);
-	useDestroy(popover);
-	const input = useSnapshot(popover.input);
-	core.setInput(input);
-	return /* @__PURE__ */ jsx(PopoverContextProvider, {
-		value: {
-			core,
-			popover,
-			state: core.getState(),
-			stateAttrMap: PopoverDataAttrs,
-			anchorName,
-			popupId
-		},
-		children
-	});
-}
-
-//#endregion
-export { PopoverRoot };
-//# sourceMappingURL=popover-root.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-root.js","names":[],"sources":["../../../../src/ui/popover/popover-root.tsx"],"sourcesContent":["'use client';\n\nimport { type PopoverProps as CorePopoverProps, PopoverCore, PopoverDataAttrs } from '@videojs/core';\nimport { createPopover, createTransition, type PopoverChangeDetails } from '@videojs/core/dom';\nimport { useSnapshot } from '@videojs/store/react';\nimport type { ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useDestroy } from '../../utils/use-destroy';\nimport { useLatestRef } from '../../utils/use-latest-ref';\nimport { useSafeId } from '../../utils/use-safe-id';\nimport { PopoverContextProvider } from './context';\n\nexport interface PopoverRootProps extends CorePopoverProps {\n  /** Called when the popover open state changes (fires immediately, before animations). */\n  onOpenChange?: (open: boolean, details: PopoverChangeDetails) => void;\n  /** Called after open/close animations complete. */\n  onOpenChangeComplete?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nexport function PopoverRoot({\n  open: controlledOpen,\n  defaultOpen = PopoverCore.defaultProps.defaultOpen,\n  onOpenChange: onOpenChangeProp,\n  onOpenChangeComplete: onOpenChangeCompleteProp,\n  openOnHover = PopoverCore.defaultProps.openOnHover,\n  delay = PopoverCore.defaultProps.delay,\n  closeDelay = PopoverCore.defaultProps.closeDelay,\n  children,\n  ...coreProps\n}: PopoverRootProps): ReactNode {\n  const [core] = useState(() => new PopoverCore(coreProps));\n  core.setProps(coreProps);\n\n  const isControlled = controlledOpen !== undefined;\n\n  // Keep refs that always point to the latest values so the\n  // createPopover closure never reads stale props.\n  const onOpenChangeRef = useLatestRef(onOpenChangeProp);\n  const onOpenChangeCompleteRef = useLatestRef(onOpenChangeCompleteProp);\n  const closeOnEscapeRef = useLatestRef(coreProps.closeOnEscape);\n  const closeOnOutsideClickRef = useLatestRef(coreProps.closeOnOutsideClick);\n  const openOnHoverRef = useLatestRef(openOnHover);\n  const delayRef = useLatestRef(delay);\n  const closeDelayRef = useLatestRef(closeDelay);\n\n  const [popover] = useState(() => {\n    const instance = createPopover({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean, details: PopoverChangeDetails) => {\n        onOpenChangeRef.current?.(nextOpen, details);\n      },\n      onOpenChangeComplete: (nextOpen: boolean) => {\n        onOpenChangeCompleteRef.current?.(nextOpen);\n      },\n      closeOnEscape: () => closeOnEscapeRef.current ?? PopoverCore.defaultProps.closeOnEscape,\n      closeOnOutsideClick: () => closeOnOutsideClickRef.current ?? PopoverCore.defaultProps.closeOnOutsideClick,\n      openOnHover: () => openOnHoverRef.current,\n      delay: () => delayRef.current,\n      closeDelay: () => closeDelayRef.current,\n    });\n\n    // Apply defaultOpen on creation (uncontrolled only)\n    if (!isControlled && defaultOpen) {\n      instance.open('click');\n    }\n\n    return instance;\n  });\n\n  const anchorName = useSafeId();\n  const popupId = useSafeId('popup-');\n\n  // Sync controlled open prop -> internal input state.\n  useEffect(() => {\n    if (controlledOpen === undefined) return;\n\n    const { active: inputOpen } = popover.input.current;\n    if (controlledOpen === inputOpen) return;\n\n    if (controlledOpen) {\n      popover.open('click');\n    } else {\n      popover.close('click');\n    }\n  }, [controlledOpen, popover]);\n\n  useDestroy(popover);\n\n  const input = useSnapshot(popover.input);\n  core.setInput(input);\n  const state = core.getState();\n\n  return (\n    <PopoverContextProvider value={{ core, popover, state, stateAttrMap: PopoverDataAttrs, anchorName, popupId }}>\n      {children}\n    </PopoverContextProvider>\n  );\n}\n\nexport namespace PopoverRoot {\n  export type Props = PopoverRootProps;\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,SAAgB,YAAY,EAC1B,MAAM,gBACN,cAAc,YAAY,aAAa,aACvC,cAAc,kBACd,sBAAsB,0BACtB,cAAc,YAAY,aAAa,aACvC,QAAQ,YAAY,aAAa,OACjC,aAAa,YAAY,aAAa,YACtC,UACA,GAAG,aAC2B;CAC9B,MAAM,CAAC,QAAQ,eAAe,IAAI,YAAY,UAAU,CAAC;AACzD,MAAK,SAAS,UAAU;CAExB,MAAM,eAAe,mBAAmB;CAIxC,MAAM,kBAAkB,aAAa,iBAAiB;CACtD,MAAM,0BAA0B,aAAa,yBAAyB;CACtE,MAAM,mBAAmB,aAAa,UAAU,cAAc;CAC9D,MAAM,yBAAyB,aAAa,UAAU,oBAAoB;CAC1E,MAAM,iBAAiB,aAAa,YAAY;CAChD,MAAM,WAAW,aAAa,MAAM;CACpC,MAAM,gBAAgB,aAAa,WAAW;CAE9C,MAAM,CAAC,WAAW,eAAe;EAC/B,MAAM,WAAW,cAAc;GAC7B,YAAY,kBAAkB;GAC9B,eAAe,UAAmB,YAAkC;AAClE,oBAAgB,UAAU,UAAU,QAAQ;;GAE9C,uBAAuB,aAAsB;AAC3C,4BAAwB,UAAU,SAAS;;GAE7C,qBAAqB,iBAAiB,WAAW,YAAY,aAAa;GAC1E,2BAA2B,uBAAuB,WAAW,YAAY,aAAa;GACtF,mBAAmB,eAAe;GAClC,aAAa,SAAS;GACtB,kBAAkB,cAAc;GACjC,CAAC;AAGF,MAAI,CAAC,gBAAgB,YACnB,UAAS,KAAK,QAAQ;AAGxB,SAAO;GACP;CAEF,MAAM,aAAa,WAAW;CAC9B,MAAM,UAAU,UAAU,SAAS;AAGnC,iBAAgB;AACd,MAAI,mBAAmB,OAAW;EAElC,MAAM,EAAE,QAAQ,cAAc,QAAQ,MAAM;AAC5C,MAAI,mBAAmB,UAAW;AAElC,MAAI,eACF,SAAQ,KAAK,QAAQ;MAErB,SAAQ,MAAM,QAAQ;IAEvB,CAAC,gBAAgB,QAAQ,CAAC;AAE7B,YAAW,QAAQ;CAEnB,MAAM,QAAQ,YAAY,QAAQ,MAAM;AACxC,MAAK,SAAS,MAAM;AAGpB,QACE,oBAAC;EAAuB,OAAO;GAAE;GAAM;GAAS,OAHpC,KAAK,UAAU;GAG4B,cAAc;GAAkB;GAAY;GAAS;EACzG;GACsB"}

package/dist/dev/ui/popover/popover-trigger.d.ts

@@ -1,15 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { PopoverState } from "@videojs/core";
-
-//#region src/ui/popover/popover-trigger.d.ts
-interface PopoverTriggerProps extends UIComponentProps<'button', PopoverState> {}
-/** Button that toggles the popover visibility. Renders a `<button>` element. */
-declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-declare namespace PopoverTrigger {
-  type Props = PopoverTriggerProps;
-  type State = PopoverState;
-}
-//#endregion
-export { PopoverTrigger, PopoverTriggerProps };
-//# sourceMappingURL=popover-trigger.d.ts.map

package/dist/dev/ui/popover/popover-trigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.d.ts","names":[],"sources":["../../../../src/ui/popover/popover-trigger.tsx"],"mappings":";;;;;UAUiB,mBAAA,SAA4B,gBAAA,WAA2B,YAAA;;cAG3D,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,mBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAwCV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;EAAA,KACR,KAAA,GAAQ,YAAA;AAAA"}

package/dist/dev/ui/popover/popover-trigger.js

@@ -1,42 +0,0 @@
-'use client';
-
-import { renderElement } from "../../utils/use-render.js";
-import { usePopoverContext } from "./context.js";
-import { forwardRef, useCallback } from "react";
-import { supportsAnchorPositioning } from "@videojs/utils/dom";
-
-//#region src/ui/popover/popover-trigger.tsx
-/** Button that toggles the popover visibility. Renders a `<button>` element. */
-const PopoverTrigger = forwardRef(function PopoverTrigger({ render, className, style, ...elementProps }, forwardedRef) {
-	const { core, popover, state, stateAttrMap, anchorName, popupId } = usePopoverContext();
-	const triggerRef = useCallback((el) => {
-		popover.setTriggerElement(el);
-		if (el && supportsAnchorPositioning()) el.style.setProperty("anchor-name", `--${anchorName}`);
-	}, [popover, anchorName]);
-	const { onFocusIn, onFocusOut, ...restTriggerProps } = popover.triggerProps;
-	return renderElement("button", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: [forwardedRef, triggerRef],
-		props: [
-			{
-				type: "button",
-				...core.getTriggerAttrs(state, popupId)
-			},
-			{
-				...restTriggerProps,
-				onFocus: onFocusIn,
-				onBlur: onFocusOut
-			},
-			elementProps
-		]
-	});
-});
-
-//#endregion
-export { PopoverTrigger };
-//# sourceMappingURL=popover-trigger.js.map

package/dist/dev/ui/popover/popover-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.js","names":[],"sources":["../../../../src/ui/popover/popover-trigger.tsx"],"sourcesContent":["'use client';\n\nimport type { PopoverState } from '@videojs/core';\nimport { supportsAnchorPositioning } from '@videojs/utils/dom';\nimport { forwardRef, useCallback } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { usePopoverContext } from './context';\n\nexport interface PopoverTriggerProps extends UIComponentProps<'button', PopoverState> {}\n\n/** Button that toggles the popover visibility. Renders a `<button>` element. */\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(function PopoverTrigger(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { core, popover, state, stateAttrMap, anchorName, popupId } = usePopoverContext();\n\n  const triggerRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      popover.setTriggerElement(el);\n      if (el && supportsAnchorPositioning()) {\n        el.style.setProperty('anchor-name', `--${anchorName}`);\n      }\n    },\n    [popover, anchorName]\n  );\n\n  // Remap DOM focus events to React synthetic event names.\n  // createPopover() uses onFocusIn/onFocusOut (matching DOM focusin/focusout),\n  // but React maps those to onFocus/onBlur.\n  const { onFocusIn, onFocusOut, ...restTriggerProps } = popover.triggerProps;\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: [forwardedRef, triggerRef],\n      props: [\n        {\n          type: 'button' as const,\n          ...core.getTriggerAttrs(state, popupId),\n        },\n        { ...restTriggerProps, onFocus: onFocusIn, onBlur: onFocusOut },\n        elementProps,\n      ],\n    }\n  );\n});\n\nexport namespace PopoverTrigger {\n  export type Props = PopoverTriggerProps;\n  export type State = PopoverState;\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,iBAAiB,WAAmD,SAAS,eACxF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,MAAM,SAAS,OAAO,cAAc,YAAY,YAAY,mBAAmB;CAEvF,MAAM,aAAa,aAChB,OAAiC;AAChC,UAAQ,kBAAkB,GAAG;AAC7B,MAAI,MAAM,2BAA2B,CACnC,IAAG,MAAM,YAAY,eAAe,KAAK,aAAa;IAG1D,CAAC,SAAS,WAAW,CACtB;CAKD,MAAM,EAAE,WAAW,YAAY,GAAG,qBAAqB,QAAQ;AAE/D,QAAO,cACL,UACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA;EACA,KAAK,CAAC,cAAc,WAAW;EAC/B,OAAO;GACL;IACE,MAAM;IACN,GAAG,KAAK,gBAAgB,OAAO,QAAQ;IACxC;GACD;IAAE,GAAG;IAAkB,SAAS;IAAW,QAAQ;IAAY;GAC/D;GACD;EACF,CACF;EACD"}

package/dist/dev/ui/poster/poster.d.ts

@@ -1,28 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { PosterCore } from "@videojs/core";
-
-//#region src/ui/poster/poster.d.ts
-interface PosterProps extends UIComponentProps<'img', PosterCore.State> {}
-/**
- * Displays the video poster image. Shows before playback starts, hides after.
- *
- * @example
- * ```tsx
- * <Poster src="poster.jpg" alt="Video description" />
- *
- * <Poster
- *   src="poster.jpg"
- *   alt="Video description"
- *   className={(state) => state.visible ? 'visible' : 'hidden'}
- * />
- * ```
- */
-declare const Poster: react.ForwardRefExoticComponent<Omit<PosterProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
-declare namespace Poster {
-  type Props = PosterProps;
-  type State = PosterCore.State;
-}
-//#endregion
-export { Poster, PosterProps };
-//# sourceMappingURL=poster.d.ts.map

package/dist/dev/ui/poster/poster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"poster.d.ts","names":[],"sources":["../../../../src/ui/poster/poster.tsx"],"mappings":";;;;;UAWiB,WAAA,SAAoB,gBAAA,QAAwB,UAAA,CAAW,KAAA;;AAAxE;;;;;;;;;AAgBA;;;;cAAa,MAAA,EAAM,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,WAAA,WAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBA6BF,MAAA;EAAA,KACH,KAAA,GAAQ,WAAA;EAAA,KACR,KAAA,GAAQ,UAAA,CAAW,KAAA;AAAA"}

package/dist/dev/ui/poster/poster.js

@@ -1,47 +0,0 @@
-'use client';
-
-import { usePlayer } from "../../player/context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { logMissingFeature, selectPlayback } from "@videojs/core/dom";
-import { forwardRef, useState } from "react";
-import { PosterCore, PosterDataAttrs } from "@videojs/core";
-
-//#region src/ui/poster/poster.tsx
-/**
-* Displays the video poster image. Shows before playback starts, hides after.
-*
-* @example
-* ```tsx
-* <Poster src="poster.jpg" alt="Video description" />
-*
-* <Poster
-*   src="poster.jpg"
-*   alt="Video description"
-*   className={(state) => state.visible ? 'visible' : 'hidden'}
-* />
-* ```
-*/
-const Poster = forwardRef(function Poster(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const playback = usePlayer(selectPlayback);
-	const [core] = useState(() => new PosterCore());
-	if (!playback) {
-		logMissingFeature("Poster", "playback");
-		return null;
-	}
-	core.setMedia(playback);
-	return renderElement("img", {
-		render,
-		className,
-		style
-	}, {
-		state: core.getState(),
-		stateAttrMap: PosterDataAttrs,
-		ref: [forwardedRef],
-		props: [elementProps]
-	});
-});
-
-//#endregion
-export { Poster };
-//# sourceMappingURL=poster.js.map

package/dist/dev/ui/poster/poster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"poster.js","names":[],"sources":["../../../../src/ui/poster/poster.tsx"],"sourcesContent":["'use client';\n\nimport { PosterCore, PosterDataAttrs } from '@videojs/core';\nimport { logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface PosterProps extends UIComponentProps<'img', PosterCore.State> {}\n\n/**\n * Displays the video poster image. Shows before playback starts, hides after.\n *\n * @example\n * ```tsx\n * <Poster src=\"poster.jpg\" alt=\"Video description\" />\n *\n * <Poster\n *   src=\"poster.jpg\"\n *   alt=\"Video description\"\n *   className={(state) => state.visible ? 'visible' : 'hidden'}\n * />\n * ```\n */\nexport const Poster = forwardRef(function Poster(\n  componentProps: PosterProps,\n  forwardedRef: ForwardedRef<HTMLImageElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n\n  const playback = usePlayer(selectPlayback);\n\n  const [core] = useState(() => new PosterCore());\n\n  if (!playback) {\n    if (__DEV__) logMissingFeature('Poster', 'playback');\n    return null;\n  }\n\n  core.setMedia(playback);\n\n  return renderElement(\n    'img',\n    { render, className, style },\n    {\n      state: core.getState(),\n      stateAttrMap: PosterDataAttrs,\n      ref: [forwardedRef],\n      props: [elementProps],\n    }\n  );\n});\n\nexport namespace Poster {\n  export type Props = PosterProps;\n  export type State = PosterCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAa,SAAS,WAAW,SAAS,OACxC,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CAEtD,MAAM,WAAW,UAAU,eAAe;CAE1C,MAAM,CAAC,QAAQ,eAAe,IAAI,YAAY,CAAC;AAE/C,KAAI,CAAC,UAAU;AACA,oBAAkB,UAAU,WAAW;AACpD,SAAO;;AAGT,MAAK,SAAS,SAAS;AAEvB,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE,OAAO,KAAK,UAAU;EACtB,cAAc;EACd,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC,aAAa;EACtB,CACF;EACD"}

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

@@ -1,31 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-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: react.ForwardRefExoticComponent<SeekButtonProps & 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":";;;;;UAQiB,eAAA,SAAwB,gBAAA,WAA2B,cAAA,CAAe,KAAA,GAAQ,cAAA,CAAe,KAAA;;AAA1G;;;;;;;;;;;;;;;AAmBA;cAAa,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;EAAA,KACR,KAAA,GAAQ,cAAA,CAAe,KAAA;AAAA"}

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

@@ -1,35 +0,0 @@
-'use client';
-
-import { createMediaButton } from "../create-media-button.js";
-import { selectTime } from "@videojs/core/dom";
-import { SeekButtonCore, SeekButtonDataAttrs } from "@videojs/core";
-
-//#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)
-});
-
-//#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":["'use client';\n\nimport { 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});\n\nexport namespace SeekButton {\n  export type Props = SeekButtonProps;\n  export type State = SeekButtonCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAa,aAAa,kBAAmD;CAC3E,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,KAAK,MAAM;CAC1C,CAAC"}

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

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-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: 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":";;;;;UAQiB,iBAAA,SAA0B,gBAAA,QAAwB,WAAA;;cAGtD,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA;AAAA,kBAMR,YAAA;EAAA,KACH,KAAA,GAAQ,iBAAA;AAAA"}

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

@@ -1,16 +0,0 @@
-'use client';
-
-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":["'use client';\n\nimport 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":";;;;;;;AAWA,MAAa,eAAe,kBAAkD;CAC5E,aAAa;CACb,KAAK;CACL,YAAY;CACb,CAAC"}

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

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-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: 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":";;;;;UAQiB,eAAA,SAAwB,gBAAA,QAAwB,WAAA;;cAGpD,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA;AAAA,kBAMN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;AAAA"}

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

@@ -1,16 +0,0 @@
-'use client';
-
-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":["'use client';\n\nimport 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":";;;;;;;AAWA,MAAa,aAAa,kBAAgD;CACxE,aAAa;CACb,KAAK;CACL,YAAY;CACb,CAAC"}

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

@@ -1,18 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { SliderPreviewOverflow } from "@videojs/core/dom";
-import * as react from "react";
-import { SliderState } from "@videojs/core";
-
-//#region src/ui/slider/slider-preview.d.ts
-interface SliderPreviewProps extends UIComponentProps<'div', SliderState> {
-  /** How the preview handles the slider boundaries. `'clamp'` keeps the preview within bounds, `'visible'` allows it to extend beyond the edges. */
-  overflow?: SliderPreviewOverflow | undefined;
-}
-/** Positioning container for preview content that tracks the pointer along the slider. */
-declare const SliderPreview: react.ForwardRefExoticComponent<Omit<SliderPreviewProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace SliderPreview {
-  type Props = SliderPreviewProps;
-}
-//#endregion
-export { SliderPreview, 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":";;;;;;UAYiB,kBAAA,SAA2B,gBAAA,QAAwB,WAAA;;EAElE,QAAA,GAAW,qBAAA;AAAA;;cAIA,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,kBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAsCT,aAAA;EAAA,KACH,KAAA,GAAQ,kBAAA;AAAA"}

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

@@ -1,40 +0,0 @@
-'use client';
-
-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";
-
-//#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;
-		const observer = new ResizeObserver(([entry]) => {
-			setWidth(entry.contentRect.width);
-		});
-		observer.observe(el);
-		return () => observer.disconnect();
-	}, []);
-	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":["'use client';\n\nimport type { SliderState } from '@videojs/core';\nimport type { SliderPreviewOverflow } from '@videojs/core/dom';\nimport { getSliderPreviewStyle } from '@videojs/core/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 UIComponentProps<'div', SliderState> {\n  /** How the preview handles the slider boundaries. `'clamp'` keeps the preview within bounds, `'visible'` allows it to extend beyond the edges. */\n  overflow?: SliderPreviewOverflow | undefined;\n}\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    const observer = new ResizeObserver(([entry]) => {\n      setWidth(entry!.contentRect.width);\n    });\n\n    observer.observe(el);\n    return () => observer.disconnect();\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":";;;;;;;;;AAkBA,MAAa,gBAAgB,WAAW,SAAS,cAC/C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,WAAW,SAAS,GAAG,iBAAiB;CAE1E,MAAM,UAAU,kBAAkB;CAClC,MAAM,EAAE,UAAU;CAElB,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;AAErC,iBAAgB;EACd,MAAM,KAAK,WAAW;AACtB,MAAI,CAAC,GAAI;EAET,MAAM,WAAW,IAAI,gBAAgB,CAAC,WAAW;AAC/C,YAAS,MAAO,YAAY,MAAM;IAClC;AAEF,WAAS,QAAQ,GAAG;AACpB,eAAa,SAAS,YAAY;IACjC,EAAE,CAAC;CAEN,MAAM,gBAAgB,sBAAsB,OAAO,SAAS;AAE5D,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK,CAAC,cAAc,WAAW;EAC/B,OAAO,CAAC,EAAE,OAAO,eAAe,EAAE,aAAa;EAChD,CACF;EACD"}

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

@@ -1,19 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-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: react.ForwardRefExoticComponent<Omit<SliderRootProps, "ref"> & 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,eAAA,SAAwB,gBAAA,QAAwB,UAAA,CAAW,KAAA,GAAQ,UAAA,CAAW,KAAA;EAC7F,aAAA,KAAkB,KAAA;EAClB,aAAA,KAAkB,KAAA;EAClB,WAAA;EACA,SAAA;AAAA;AAAA,cAGW,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,eAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAgFN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;EAAA,KACR,KAAA,GAAQ,UAAA,CAAW,KAAA;AAAA"}

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

@@ -1,74 +0,0 @@
-'use client';
-
-import { renderElement } from "../../utils/use-render.js";
-import { useSlider } from "../hooks/use-slider.js";
-import { SliderProvider } from "./context.js";
-import { getSliderCSSVars } from "@videojs/core/dom";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { SliderCore, SliderDataAttrs } from "@videojs/core";
-
-//#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());
-	core.setProps({
-		label,
-		min,
-		max,
-		step,
-		largeStep,
-		orientation,
-		disabled,
-		thumbAlignment
-	});
-	const { state, 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),
-			thumbRef: sliderThumbRef,
-			thumbProps,
-			stateAttrMap: SliderDataAttrs,
-			getAttrs: (sliderState) => core.getAttrs(sliderState),
-			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":["'use client';\n\nimport { SliderCore, SliderDataAttrs } from '@videojs/core';\nimport { getSliderCSSVars } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useState } from 'react';\n\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  core.setProps({ label, min, max, step, largeStep, orientation, disabled, thumbAlignment });\n\n  const {\n    state,\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        thumbRef: sliderThumbRef,\n        thumbProps,\n        stateAttrMap: SliderDataAttrs,\n        getAttrs: (sliderState) => core.getAttrs(sliderState),\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,YAAY,CAAC;AAC/C,MAAK,SAAS;EAAE;EAAO;EAAK;EAAK;EAAM;EAAW;EAAa;EAAU;EAAgB,CAAC;CAE1F,MAAM,EACJ,OACA,SACA,SACA,UAAU,gBACV,WACA,WACA,eACE,UAAU;EACZ,eAAe,UAAU;AACvB,QAAK,SAAS,MAAM;AACpB,UAAO,KAAK,eAAe,MAAM;;EAEnC,kBAAkB,KAAK,iBAAiB,MAAM;EAC9C,sBAAsB,KAAK,gBAAgB;EAC3C,2BAA2B,KAAK,qBAAqB;EACrD;EACA;EACA,gBAAgB,YAAY,WAAW,cACrC,KAAK,0BAA0B,YAAY,WAAW,UAAU;EAClE,YAAY;EACZ,gBAAgB,YAAY,gBAAgB,KAAK,iBAAiB,QAAQ,CAAC;EAC3E,gBAAgB,YAAY,gBAAgB,KAAK,iBAAiB,QAAQ,CAAC;EAC3E;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,OAAO;GACL;GACA,cAAc,KAAK,iBAAiB,MAAM,eAAe;GACzD,UAAU;GACV;GACA,cAAc;GACd,WAAW,gBAAgB,KAAK,SAAS,YAAY;GACrD,aAAa;GACd;YAEA,cACC,OACA;GAAE;GAAQ;GAAW;GAAO,EAC5B;GACE;GACA,cAAc;GACd,KAAK,CAAC,cAAc,QAAQ;GAC5B,OAAO;IAAC,EAAE,OAAO;KAAE,GAAG;KAAS,GAAG;KAAW,EAAE;IAAE;IAAW;IAAa;GAC1E,CACF;GACc;EAEnB"}

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

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-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: react.ForwardRefExoticComponent<Omit<SliderThumbProps, "ref"> & 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":";;;;;UAUiB,gBAAA,SAAyB,gBAAA,QAAwB,WAAA;;cAGrD,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,gBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAsBP,WAAA;EAAA,KACH,KAAA,GAAQ,gBAAA;AAAA"}

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

@@ -1,32 +0,0 @@
-'use client';
-
-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