@videojs/react 0.1.0-preview.8 → 10.0.0-alpha.11

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

@@ -0,0 +1,16 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,40 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,74 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../../src/ui/slider/slider-thumb.tsx"],"sourcesContent":["'use client';\n\nimport 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":";;;;;;;;AAaA,MAAa,cAAc,WAAW,SAAS,YAC7C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CAEtD,MAAM,UAAU,kBAAkB;CAClC,MAAM,EAAE,OAAO,UAAU,YAAY,aAAa;CAClD,MAAM,QAAQ,SAAS,MAAM;AAE7B,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK,CAAC,cAAc,SAAS;EAC7B,OAAO;GAAC;GAAO;GAAY;GAAa;EACzC,CACF;EACD"}

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

@@ -0,0 +1,14 @@
+import { ThumbnailProps } from "../thumbnail/thumbnail.js";
+import * as react from "react";
+import { ThumbnailCore } from "@videojs/core";
+
+//#region src/ui/slider/slider-thumbnail.d.ts
+interface SliderThumbnailProps extends Omit<ThumbnailProps, 'time'> {}
+declare const SliderThumbnail: react.ForwardRefExoticComponent<Omit<SliderThumbnailProps, "ref"> & 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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-thumbnail.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-thumbnail.tsx"],"mappings":";;;;;UAQiB,oBAAA,SAA6B,IAAA,CAAK,cAAA;AAAA,cAEtC,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,oBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAOX,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;EAAA,KACR,KAAA,GAAQ,aAAA,CAAc,KAAA;AAAA"}

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

@@ -0,0 +1,20 @@
+'use client';
+
+import { useSliderContext } from "./context.js";
+import { Thumbnail } from "../thumbnail/thumbnail.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/slider/slider-thumbnail.tsx
+const SliderThumbnail = forwardRef(function SliderThumbnail(componentProps, forwardedRef) {
+	const { pointerValue } = useSliderContext();
+	return /* @__PURE__ */ jsx(Thumbnail, {
+		ref: forwardedRef,
+		...componentProps,
+		time: pointerValue
+	});
+});
+
+//#endregion
+export { SliderThumbnail };
+//# sourceMappingURL=slider-thumbnail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-thumbnail.js","names":[],"sources":["../../../../src/ui/slider/slider-thumbnail.tsx"],"sourcesContent":["'use client';\n\nimport type { ThumbnailCore } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport { Thumbnail, type ThumbnailProps } from '../thumbnail/thumbnail';\nimport { useSliderContext } from './context';\n\nexport interface SliderThumbnailProps extends Omit<ThumbnailProps, 'time'> {}\n\nexport const SliderThumbnail = forwardRef<HTMLDivElement, SliderThumbnailProps>(\n  function SliderThumbnail(componentProps, forwardedRef) {\n    const { pointerValue } = useSliderContext();\n    return <Thumbnail ref={forwardedRef} {...componentProps} time={pointerValue} />;\n  }\n);\n\nexport namespace SliderThumbnail {\n  export type Props = SliderThumbnailProps;\n  export type State = ThumbnailCore.State;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,gBAAgB,cAAc;CACrD,MAAM,EAAE,iBAAiB,kBAAkB;AAC3C,QAAO,oBAAC;EAAU,KAAK;EAAc,GAAI;EAAgB,MAAM;GAAgB;EAElF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-track.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-track.tsx"],"mappings":";;;;;UAQiB,gBAAA,SAAyB,gBAAA,QAAwB,WAAA;;cAGrD,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA;AAAA,kBAMP,WAAA;EAAA,KACH,KAAA,GAAQ,gBAAA;AAAA"}

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

@@ -0,0 +1,16 @@
+'use client';
+
+import { createContextPart } from "../create-context-part.js";
+import { useSliderContext } from "./context.js";
+
+//#region src/ui/slider/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=slider-track.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-track.js","names":[],"sources":["../../../../src/ui/slider/slider-track.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 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":";;;;;;;AAWA,MAAa,cAAc,kBAAiD;CAC1E,aAAa;CACb,KAAK;CACL,YAAY;CACb,CAAC"}

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

@@ -0,0 +1,19 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { SliderState } from "@videojs/core";
+
+//#region src/ui/slider/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: react.ForwardRefExoticComponent<Omit<SliderValueProps, "ref"> & react.RefAttributes<HTMLOutputElement>>;
+declare namespace SliderValue {
+  type Props = SliderValueProps;
+}
+//#endregion
+export { SliderValue, SliderValueProps };
+//# sourceMappingURL=slider-value.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-value.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-value.tsx"],"mappings":";;;;;UAUiB,gBAAA,SAAyB,gBAAA,WAA2B,WAAA;;EAEnE,IAAA;EAFe;EAIf,MAAA,KAAW,KAAA;AAAA;;cAIA,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,gBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAyBP,WAAA;EAAA,KACH,KAAA,GAAQ,gBAAA;AAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-value.js","names":[],"sources":["../../../../src/ui/slider/slider-value.tsx"],"sourcesContent":["'use client';\n\nimport 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 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, pointerValue, formatValue } = context;\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":";;;;;;;;AAkBA,MAAa,cAAc,WAAW,SAAS,YAC7C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,OAAO,WAAW,QAAQ,GAAG,iBAAiB;CAEhF,MAAM,UAAU,kBAAkB;CAClC,MAAM,EAAE,OAAO,cAAc,gBAAgB;CAE7C,MAAM,WAAW,SAAS,YAAY,eAAe,MAAM;CAE3D,MAAM,OAAO,SAAS,OAAO,SAAS,GAAG,cAAc,YAAY,UAAU,KAAK,GAAG,OAAO,KAAK,MAAM,SAAS,CAAC;AAEjH,QAAO,cACL,UACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK;EACL,OAAO,CAAC;GAAE,aAAa;GAAO,UAAU;GAAM,EAAE,aAAa;EAC9D,CACF;EACD"}

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

@@ -0,0 +1,17 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { ThumbnailCore, ThumbnailImage } from "@videojs/core";
+
+//#region src/ui/thumbnail/thumbnail.d.ts
+interface ThumbnailProps extends UIComponentProps<'div', ThumbnailCore.State>, ThumbnailCore.Props {
+  /** Pre-parsed thumbnail images — bypasses the automatic `<track>` detection. */
+  thumbnails?: ThumbnailImage[] | undefined;
+}
+declare const Thumbnail: react.ForwardRefExoticComponent<Omit<ThumbnailProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare namespace Thumbnail {
+  type Props = ThumbnailProps;
+  type State = ThumbnailCore.State;
+}
+//#endregion
+export { Thumbnail, ThumbnailProps };
+//# sourceMappingURL=thumbnail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.d.ts","names":[],"sources":["../../../../src/ui/thumbnail/thumbnail.tsx"],"mappings":";;;;;UAkBiB,cAAA,SAAuB,gBAAA,QAAwB,aAAA,CAAc,KAAA,GAAQ,aAAA,CAAc,KAAA;;EAElG,UAAA,GAAa,cAAA;AAAA;AAAA,cAGF,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,cAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAqGL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;EAAA,KACR,KAAA,GAAQ,aAAA,CAAc,KAAA;AAAA"}

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

@@ -0,0 +1,85 @@
+'use client';
+
+import { useOptionalPlayer } from "../../player/context.js";
+import { useDestroy } from "../../utils/use-destroy.js";
+import { renderElement } from "../../utils/use-render.js";
+import { createThumbnail, selectTextTrack } from "@videojs/core/dom";
+import { forwardRef, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ThumbnailCore, ThumbnailDataAttrs, mapCuesToThumbnails } from "@videojs/core";
+
+//#region src/ui/thumbnail/thumbnail.tsx
+const Thumbnail = forwardRef(function Thumbnail(componentProps, forwardedRef) {
+	const { render, className, style, time = 0, thumbnails: externalThumbnails, crossOrigin, loading, fetchPriority, ...elementProps } = componentProps;
+	const [core] = useState(() => new ThumbnailCore());
+	const divRef = useRef(null);
+	const imgRef = useRef(null);
+	const textTrack = useOptionalPlayer(selectTextTrack);
+	const [, setRenderToken] = useState(0);
+	const [handle] = useState(() => createThumbnail({
+		getContainer: () => divRef.current,
+		getImg: () => imgRef.current,
+		onStateChange: () => setRenderToken((n) => n + 1)
+	}));
+	useDestroy(handle, () => handle.connect());
+	const thumbnails = useMemo(() => {
+		if (externalThumbnails && externalThumbnails.length > 0) return externalThumbnails;
+		if (!textTrack?.thumbnailCues.length) return [];
+		return mapCuesToThumbnails(textTrack.thumbnailCues, textTrack.thumbnailTrackSrc ?? void 0);
+	}, [externalThumbnails, textTrack]);
+	const thumbnail = useMemo(() => core.findActiveThumbnail(thumbnails, time), [
+		core,
+		thumbnails,
+		time
+	]);
+	handle.updateSrc(thumbnail?.url);
+	const state = core.getState(handle.loading, handle.error, thumbnail);
+	let containerStyle = { overflow: "hidden" };
+	let imgStyle;
+	if (thumbnail && handle.naturalWidth && handle.naturalHeight) {
+		const constraints = handle.readConstraints();
+		const result = core.resize(thumbnail, handle.naturalWidth, handle.naturalHeight, constraints);
+		if (result) {
+			containerStyle = {
+				overflow: "hidden",
+				width: result.containerWidth,
+				height: result.containerHeight
+			};
+			imgStyle = {
+				width: result.imageWidth,
+				height: result.imageHeight,
+				maxWidth: "none",
+				transform: result.offsetX || result.offsetY ? `translate(-${result.offsetX}px, -${result.offsetY}px)` : void 0
+			};
+		}
+	}
+	return renderElement("div", {
+		render,
+		className,
+		style
+	}, {
+		state,
+		stateAttrMap: ThumbnailDataAttrs,
+		ref: [forwardedRef, divRef],
+		props: [
+			core.getAttrs(state),
+			{ style: containerStyle },
+			elementProps,
+			{ children: /* @__PURE__ */ jsx("img", {
+				ref: imgRef,
+				alt: "",
+				"aria-hidden": "true",
+				decoding: "async",
+				src: thumbnail?.url,
+				crossOrigin: crossOrigin === "" || crossOrigin === null ? void 0 : crossOrigin,
+				loading,
+				style: imgStyle,
+				fetchPriority
+			}) }
+		]
+	});
+});
+
+//#endregion
+export { Thumbnail };
+//# sourceMappingURL=thumbnail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.js","names":[],"sources":["../../../../src/ui/thumbnail/thumbnail.tsx"],"sourcesContent":["'use client';\n\nimport {\n  mapCuesToThumbnails,\n  ThumbnailCore,\n  ThumbnailDataAttrs,\n  type ThumbnailFetchPriority,\n  type ThumbnailImage,\n} from '@videojs/core';\nimport { createThumbnail, selectTextTrack } from '@videojs/core/dom';\nimport type { CSSProperties } from 'react';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useOptionalPlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { useDestroy } from '../../utils/use-destroy';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface ThumbnailProps extends UIComponentProps<'div', ThumbnailCore.State>, ThumbnailCore.Props {\n  /** Pre-parsed thumbnail images — bypasses the automatic `<track>` detection. */\n  thumbnails?: ThumbnailImage[] | undefined;\n}\n\nexport const Thumbnail = forwardRef<HTMLDivElement, ThumbnailProps>(function Thumbnail(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    time = 0,\n    thumbnails: externalThumbnails,\n    crossOrigin,\n    loading,\n    fetchPriority,\n    ...elementProps\n  } = componentProps;\n\n  const [core] = useState(() => new ThumbnailCore());\n  const divRef = useRef<HTMLDivElement>(null);\n  const imgRef = useRef<HTMLImageElement>(null);\n  const textTrack = useOptionalPlayer(selectTextTrack);\n\n  // Force re-render when the handle's state changes (img load/error, resize).\n  const [, setRenderToken] = useState(0);\n\n  const [handle] = useState(() =>\n    createThumbnail({\n      getContainer: () => divRef.current,\n      getImg: () => imgRef.current,\n      onStateChange: () => setRenderToken((n) => n + 1),\n    })\n  );\n\n  useDestroy(handle, () => handle.connect());\n\n  // Resolve thumbnails: external prop takes priority over auto <track> path.\n  const thumbnails = useMemo(() => {\n    if (externalThumbnails && externalThumbnails.length > 0) return externalThumbnails;\n    if (!textTrack?.thumbnailCues.length) return [];\n    return mapCuesToThumbnails(textTrack.thumbnailCues, textTrack.thumbnailTrackSrc ?? undefined);\n  }, [externalThumbnails, textTrack]);\n\n  const thumbnail = useMemo(() => core.findActiveThumbnail(thumbnails, time), [core, thumbnails, time]);\n\n  // Track src changes via the handle.\n  handle.updateSrc(thumbnail?.url);\n\n  const state = core.getState(handle.loading, handle.error, thumbnail);\n\n  // Compute styles declaratively from resize result.\n  let containerStyle: CSSProperties = { overflow: 'hidden' };\n  let imgStyle: CSSProperties | undefined;\n\n  if (thumbnail && handle.naturalWidth && handle.naturalHeight) {\n    const constraints = handle.readConstraints();\n    const result = core.resize(thumbnail, handle.naturalWidth, handle.naturalHeight, constraints);\n\n    if (result) {\n      containerStyle = {\n        overflow: 'hidden',\n        width: result.containerWidth,\n        height: result.containerHeight,\n      };\n      imgStyle = {\n        width: result.imageWidth,\n        height: result.imageHeight,\n        maxWidth: 'none',\n        transform:\n          result.offsetX || result.offsetY ? `translate(-${result.offsetX}px, -${result.offsetY}px)` : undefined,\n      };\n    }\n  }\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: ThumbnailDataAttrs,\n      ref: [forwardedRef, divRef],\n      props: [\n        core.getAttrs(state),\n        { style: containerStyle },\n        elementProps,\n        {\n          children: (\n            <img\n              ref={imgRef}\n              alt=\"\"\n              aria-hidden=\"true\"\n              decoding=\"async\"\n              src={thumbnail?.url}\n              crossOrigin={crossOrigin === '' || crossOrigin === null ? undefined : crossOrigin}\n              loading={loading}\n              style={imgStyle}\n              // React's types omit `| undefined` from fetchPriority — cast to satisfy exactOptionalPropertyTypes.\n              fetchPriority={fetchPriority as ThumbnailFetchPriority}\n            />\n          ),\n        },\n      ],\n    }\n  );\n});\n\nexport namespace Thumbnail {\n  export type Props = ThumbnailProps;\n  export type State = ThumbnailCore.State;\n}\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,YAAY,WAA2C,SAAS,UAAU,gBAAgB,cAAc;CACnH,MAAM,EACJ,QACA,WACA,OACA,OAAO,GACP,YAAY,oBACZ,aACA,SACA,eACA,GAAG,iBACD;CAEJ,MAAM,CAAC,QAAQ,eAAe,IAAI,eAAe,CAAC;CAClD,MAAM,SAAS,OAAuB,KAAK;CAC3C,MAAM,SAAS,OAAyB,KAAK;CAC7C,MAAM,YAAY,kBAAkB,gBAAgB;CAGpD,MAAM,GAAG,kBAAkB,SAAS,EAAE;CAEtC,MAAM,CAAC,UAAU,eACf,gBAAgB;EACd,oBAAoB,OAAO;EAC3B,cAAc,OAAO;EACrB,qBAAqB,gBAAgB,MAAM,IAAI,EAAE;EAClD,CAAC,CACH;AAED,YAAW,cAAc,OAAO,SAAS,CAAC;CAG1C,MAAM,aAAa,cAAc;AAC/B,MAAI,sBAAsB,mBAAmB,SAAS,EAAG,QAAO;AAChE,MAAI,CAAC,WAAW,cAAc,OAAQ,QAAO,EAAE;AAC/C,SAAO,oBAAoB,UAAU,eAAe,UAAU,qBAAqB,OAAU;IAC5F,CAAC,oBAAoB,UAAU,CAAC;CAEnC,MAAM,YAAY,cAAc,KAAK,oBAAoB,YAAY,KAAK,EAAE;EAAC;EAAM;EAAY;EAAK,CAAC;AAGrG,QAAO,UAAU,WAAW,IAAI;CAEhC,MAAM,QAAQ,KAAK,SAAS,OAAO,SAAS,OAAO,OAAO,UAAU;CAGpE,IAAI,iBAAgC,EAAE,UAAU,UAAU;CAC1D,IAAI;AAEJ,KAAI,aAAa,OAAO,gBAAgB,OAAO,eAAe;EAC5D,MAAM,cAAc,OAAO,iBAAiB;EAC5C,MAAM,SAAS,KAAK,OAAO,WAAW,OAAO,cAAc,OAAO,eAAe,YAAY;AAE7F,MAAI,QAAQ;AACV,oBAAiB;IACf,UAAU;IACV,OAAO,OAAO;IACd,QAAQ,OAAO;IAChB;AACD,cAAW;IACT,OAAO,OAAO;IACd,QAAQ,OAAO;IACf,UAAU;IACV,WACE,OAAO,WAAW,OAAO,UAAU,cAAc,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO;IAChG;;;AAIL,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc;EACd,KAAK,CAAC,cAAc,OAAO;EAC3B,OAAO;GACL,KAAK,SAAS,MAAM;GACpB,EAAE,OAAO,gBAAgB;GACzB;GACA,EACE,UACE,oBAAC;IACC,KAAK;IACL,KAAI;IACJ,eAAY;IACZ,UAAS;IACT,KAAK,WAAW;IAChB,aAAa,gBAAgB,MAAM,gBAAgB,OAAO,SAAY;IAC7D;IACT,OAAO;IAEQ;KACf,EAEL;GACF;EACF,CACF;EACD"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { Group, GroupProps } from "./time-group.js";
+import { Separator, SeparatorProps } from "./time-separator.js";
+import { Value, ValueProps } from "./time-value.js";
+
+//#region src/ui/time/index.parts.d.ts
+declare namespace index_parts_d_exports {
+  export { Group, GroupProps, Separator, SeparatorProps, Value, ValueProps };
+}
+//#endregion
+export { index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

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

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

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

@@ -0,0 +1,15 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { Group } from "./time-group.js";
+import { Separator } from "./time-separator.js";
+import { Value } from "./time-value.js";
+
+//#region src/ui/time/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Group: () => Group,
+	Separator: () => Separator,
+	Value: () => Value
+});
+
+//#endregion
+export { index_parts_exports };
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/time/index.parts.ts"],"sourcesContent":["export { Group, type GroupProps } from './time-group';\nexport { Separator, type SeparatorProps } from './time-separator';\nexport { Value, type ValueProps } from './time-value';\n"],"mappings":""}

package/dist/dev/ui/time/time-group.d.ts

@@ -0,0 +1,29 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/ui/time/time-group.d.ts
+type GroupState = Record<string, never>;
+interface GroupProps extends UIComponentProps<'span', GroupState> {
+  /** Time value components to render inside the group. */
+  children?: ReactNode | undefined;
+}
+/**
+ * Container for composed time displays. Renders a `<span>` element.
+ *
+ * @example
+ * ```tsx
+ * <Time.Group>
+ *   <Time.Value type="current" />
+ *   <Time.Separator />
+ *   <Time.Value type="duration" />
+ * </Time.Group>
+ * ```
+ */
+declare const Group: react.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+declare namespace Group {
+  type Props = GroupProps;
+}
+//#endregion
+export { Group, GroupProps };
+//# sourceMappingURL=time-group.d.ts.map

package/dist/dev/ui/time/time-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-group.d.ts","names":[],"sources":["../../../../src/ui/time/time-group.tsx"],"mappings":";;;;;KASK,UAAA,GAAa,MAAA;AAAA,UAED,UAAA,SAAmB,gBAAA,SAAyB,UAAA;;EAE3D,QAAA,GAAW,SAAA;AAAA;;;;AAFb;;;;;;;;;cAiBa,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,UAAA,WAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,kBAmBD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}