@hanifhan1f/vidstack 1.12.13

package/types/components/ui/menu/radio/radio-group.d.ts

@@ -0,0 +1,40 @@
+import { Component } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+/**
+ * A radio group consists of options where only one of them can be checked. Each option is
+ * provided as a radio (i.e., a selectable element).
+ *
+ * @docs {@link https://www.vidstack.io/docs/player/components/menu/radio-group}
+ */
+export declare class RadioGroup extends Component<RadioGroupProps, {}, RadioGroupEvents> {
+    #private;
+    static props: RadioGroupProps;
+    /**
+     * A list of radio values that belong this group.
+     */
+    get values(): string[];
+    /**
+     * The radio value that is checked in this group.
+     */
+    get value(): string;
+    set value(newValue: string);
+    constructor();
+    protected onSetup(): void;
+}
+export interface RadioGroupProps {
+    /**
+     * The value of the radio that is checked in this group.
+     */
+    value: string;
+}
+export interface RadioGroupEvents {
+    change: RadioGroupChangeEvent;
+}
+/**
+ * Fired when the checked radio changes.
+ *
+ * @detail value
+ */
+export interface RadioGroupChangeEvent extends DOMEvent<string> {
+    target: RadioGroup;
+}

package/types/components/ui/menu/radio/radio.d.ts

@@ -0,0 +1,50 @@
+import { Component, type ReadSignal } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+/**
+ * A radio represents a option that a user can select inside of a radio group. Only one radio
+ * can be checked in a group.
+ *
+ * @attr data-checked - Whether radio is checked.
+ * @attr data-focus - Whether radio is being keyboard focused.
+ * @attr data-hocus - Whether radio is being keyboard focused or hovered over.
+ * @docs {@link https://www.vidstack.io/docs/player/components/menu/radio}
+ */
+export declare class Radio extends Component<RadioProps, {}, RadioEvents> {
+    #private;
+    static props: RadioProps;
+    /**
+     * Whether this radio is currently checked.
+     */
+    get checked(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onAttach(el: HTMLElement): void;
+    protected onConnect(el: HTMLElement): void;
+}
+export interface RadioProps {
+    /** The radio value. */
+    value: string;
+}
+export interface RadioEvents {
+    change: RadioChangeEvent;
+    select: RadioSelectEvent;
+}
+/**
+ * Fired when the radio's checked value changes.
+ *
+ * @detail isSelected
+ */
+export interface RadioChangeEvent extends DOMEvent<boolean> {
+    target: Radio;
+}
+/**
+ * Fired when the radio is pressed via mouse, touch, or, keyboard. This will not fire if the radio
+ * is programmatically selected.
+ */
+export interface RadioSelectEvent extends DOMEvent<void> {
+    target: Radio;
+}
+export interface RadioOption {
+    label: string | ReadSignal<string>;
+    value: string;
+}

package/types/components/ui/menu/radio-groups/audio-gain-radio-group.d.ts

@@ -0,0 +1,36 @@
+import { Component } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+import type { RadioOption } from '../radio/radio';
+export declare const DEFAULT_AUDIO_GAINS: number[];
+/**
+ * This component manages audio gain radios.
+ *
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/audio-gain-radio-group}
+ */
+export declare class AudioGainRadioGroup extends Component<AudioGainRadioGroupProps, {}, AudioGainRadioGroupEvents> {
+    #private;
+    static props: AudioGainRadioGroupProps;
+    get value(): string;
+    get disabled(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onConnect(el: HTMLElement): void;
+    getOptions(): RadioOption[];
+}
+export interface AudioGainRadioGroupProps {
+    /** The audio gain options to be displayed. */
+    gains: number[];
+    /** The text to display for disabled audio gain (i.e., audio gain is 1.0). */
+    normalLabel: string;
+}
+export interface AudioGainRadioGroupEvents {
+    change: AudioGainRadioGroupChangeEvent;
+}
+/**
+ * Fired when the checked radio changes.
+ *
+ * @detail gain
+ */
+export interface AudioGainRadioGroupChangeEvent extends DOMEvent<number> {
+    target: AudioGainRadioGroup;
+}

package/types/components/ui/menu/radio-groups/audio-radio-group.d.ts

@@ -0,0 +1,37 @@
+import { Component } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+import type { AudioTrack } from '../../../../core/tracks/audio/audio-tracks';
+import type { RadioOption } from '../radio/radio';
+/**
+ * This component manages audio track radios.
+ *
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/audio-radio-group}
+ */
+export declare class AudioRadioGroup extends Component<AudioRadioGroupProps, {}, AudioRadioGroupEvents> {
+    #private;
+    static props: AudioRadioGroupProps;
+    get value(): string;
+    get disabled(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onConnect(el: HTMLElement): void;
+    getOptions(): AudioRadioOption[];
+}
+export interface AudioRadioGroupProps {
+    /** The text to display when the are no audio tracks. */
+    emptyLabel: string;
+}
+export interface AudioRadioGroupEvents {
+    change: AudioRadioGroupChangeEvent;
+}
+export interface AudioRadioOption extends RadioOption {
+    track: AudioTrack;
+}
+/**
+ * Fired when the checked radio changes.
+ *
+ * @detail track
+ */
+export interface AudioRadioGroupChangeEvent extends DOMEvent<AudioTrack> {
+    target: AudioRadioGroup;
+}

package/types/components/ui/menu/radio-groups/captions-radio-group.d.ts

@@ -0,0 +1,38 @@
+import { Component } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+import { TextTrack } from '../../../../core/tracks/text/text-track';
+import type { RadioOption } from '../radio/radio';
+/**
+ * This component manages caption/subtitle track radio options.
+ *
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/captions-radio-group}
+ */
+export declare class CaptionsRadioGroup extends Component<CaptionsRadioGroupProps, {}, CaptionsRadioGroupEvents> {
+    #private;
+    static props: CaptionsRadioGroupProps;
+    get value(): string;
+    get disabled(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onConnect(el: HTMLElement): void;
+    getOptions(): CaptionsRadioOption[];
+}
+export interface CaptionsRadioGroupProps {
+    /** The text to display when the captions are turned off. */
+    offLabel: string;
+}
+export interface CaptionsRadioGroupEvents {
+    change: CaptionsRadioGroupChangeEvent;
+}
+export interface CaptionsRadioOption extends RadioOption {
+    track?: TextTrack;
+}
+/**
+ * Fired when the checked radio changes. The event detail will be `null` when no track is selected
+ * or captions are turned off.
+ *
+ * @detail track
+ */
+export interface CaptionsRadioGroupChangeEvent extends DOMEvent<TextTrack | null> {
+    target: CaptionsRadioGroup;
+}

package/types/components/ui/menu/radio-groups/chapters-radio-group.d.ts

@@ -0,0 +1,46 @@
+import { Component } from 'maverick.js';
+import { DOMEvent } from 'maverick.js/std';
+import type { VTTCue } from 'media-captions';
+import type { ThumbnailSrc } from '../../thumbnails/thumbnail-loader';
+import type { RadioOption } from '../radio/radio';
+/**
+ * This component manages media chapters inside of a radio group.
+ *
+ * @attr data-thumbnails - Whether thumbnails are available.
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/chapters-radio-group}
+ */
+export declare class ChaptersRadioGroup extends Component<ChapterRadioGroupProps, {}, ChaptersRadioGroupEvents> {
+    #private;
+    static props: ChapterRadioGroupProps;
+    get value(): string;
+    get disabled(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onAttach(el: HTMLElement): void;
+    getOptions(): ChaptersRadioOption[];
+    protected onConnect(el: HTMLElement): void;
+}
+export interface ChapterRadioGroupProps {
+    /**
+     * The thumbnails resource.
+     *
+     * @see {@link https://www.vidstack.io/docs/player/core-concepts/loading#thumbnails}
+     */
+    thumbnails: ThumbnailSrc;
+}
+export interface ChaptersRadioGroupEvents {
+    change: ChaptersRadioGroupChangeEvent;
+}
+/**
+ * Fired when the checked radio changes.
+ *
+ * @detail cue
+ */
+export interface ChaptersRadioGroupChangeEvent extends DOMEvent<VTTCue> {
+    target: ChaptersRadioGroup;
+}
+export interface ChaptersRadioOption extends RadioOption {
+    cue: VTTCue;
+    startTime: string;
+    duration: string;
+}

package/types/components/ui/menu/radio-groups/quality-radio-group.d.ts

@@ -0,0 +1,48 @@
+import { Component, type ReadSignal } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+import type { VideoQuality } from '../../../../core/quality/video-quality';
+import type { RadioOption } from '../radio/radio';
+/**
+ * This component manages video quality radios.
+ *
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/quality-radio-group}
+ */
+export declare class QualityRadioGroup extends Component<QualityRadioGroupProps, {}, QualityRadioGroupEvents> {
+    #private;
+    static props: QualityRadioGroupProps;
+    get value(): string;
+    get disabled(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onConnect(el: HTMLElement): void;
+    getOptions(): QualityRadioOption[];
+}
+export interface QualityRadioGroupProps {
+    /** The text to display for the auto quality radio option. */
+    autoLabel: string;
+    /** Whether the bitrate should _not_ be displayed next to each quality radio option. */
+    hideBitrate: boolean;
+    /**
+     * Specifies how the options should be sorted. The sorting algorithm looks at both the quality
+     * resolution and bitrate.
+     *
+     * - Ascending: 480p, 720p, 720p (higher bitrate), 1080p
+     * - Descending: 1080p, 720p (higher bitrate), 720p, 480p
+     */
+    sort: 'ascending' | 'descending';
+}
+export interface QualityRadioOption extends RadioOption {
+    quality?: VideoQuality;
+    bitrate?: ReadSignal<string | null>;
+}
+export interface QualityRadioGroupEvents {
+    change: QualityRadioGroupChangeEvent;
+}
+/**
+ * Fired when the checked radio changes.
+ *
+ * @detail quality
+ */
+export interface QualityRadioGroupChangeEvent extends DOMEvent<'auto' | VideoQuality> {
+    target: QualityRadioGroup;
+}

package/types/components/ui/menu/radio-groups/speed-radio-group.d.ts

@@ -0,0 +1,36 @@
+import { Component } from 'maverick.js';
+import type { DOMEvent } from 'maverick.js/std';
+import type { RadioOption } from '../radio/radio';
+export declare const DEFAULT_PLAYBACK_RATES: number[];
+/**
+ * This component manages playback rate radios.
+ *
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/speed-radio-group}
+ */
+export declare class SpeedRadioGroup extends Component<SpeedRadioGroupProps, {}, SpeedRadioGroupEvents> {
+    #private;
+    static props: SpeedRadioGroupProps;
+    get value(): string;
+    get disabled(): boolean;
+    constructor();
+    protected onSetup(): void;
+    protected onConnect(el: HTMLElement): void;
+    getOptions(): RadioOption[];
+}
+export interface SpeedRadioGroupProps {
+    /** The playback rate options to be displayed. */
+    rates: number[];
+    /** The text to display for normal speed (i.e., playback rate of 1). */
+    normalLabel: string;
+}
+export interface SpeedRadioGroupEvents {
+    change: SpeedRadioGroupChangeEvent;
+}
+/**
+ * Fired when the checked radio changes.
+ *
+ * @detail speed
+ */
+export interface SpeedRadioGroupChangeEvent extends DOMEvent<number> {
+    target: SpeedRadioGroup;
+}

package/types/components/ui/popper/popper.d.ts

@@ -0,0 +1,15 @@
+import { ViewController, type ReadSignal } from 'maverick.js';
+export interface PopperDelegate {
+    showDelay?: ReadSignal<number>;
+    trigger: ReadSignal<HTMLElement | null>;
+    content: ReadSignal<HTMLElement | null>;
+    listen(trigger: HTMLElement, show: (trigger?: Event) => void, hide: (trigger?: Event) => void): void;
+    onChange(isShowing: boolean, trigger?: Event): void;
+}
+export declare class Popper extends ViewController {
+    #private;
+    constructor(delegate: PopperDelegate);
+    protected onDestroy(): void;
+    show(trigger?: Event): void;
+    hide(trigger?: Event): void;
+}

package/types/components/ui/poster.d.ts

@@ -0,0 +1,47 @@
+import { Component, State } from 'maverick.js';
+import type { MediaCrossOrigin } from '../../core/api/types';
+export interface PosterProps {
+    /**
+     * The URL of the poster image resource.
+     */
+    src: string | null;
+    /**
+     * ♿ **ARIA:** Provides alternative information for a poster image if a user for some reason
+     * cannot view it.
+     */
+    alt: string | null;
+    /**
+     * Defines how the img handles cross-origin requests, thereby enabling the
+     * configuration of the CORS requests for the element's fetched data.
+     *
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin}
+     */
+    crossOrigin: true | MediaCrossOrigin | null;
+}
+export interface PosterState {
+    img: HTMLImageElement | null;
+    src: string | null;
+    alt: string | null;
+    crossOrigin: MediaCrossOrigin | null;
+    loading: boolean;
+    error: ErrorEvent | null;
+    hidden: boolean;
+}
+/**
+ * Loads and displays the current media poster image. By default, the media provider's
+ * loading strategy is respected meaning the poster won't load until the media can.
+ *
+ * @attr data-visible - Whether poster image should be shown.
+ * @attr data-loading - Whether poster image is loading.
+ * @attr data-error - Whether an error occurred loading poster.
+ * @attr data-hidden - Whether poster has no src or has failed to load.
+ * @docs {@link https://www.vidstack.io/docs/player/components/media/poster}
+ */
+export declare class Poster extends Component<PosterProps, PosterState> {
+    #private;
+    static props: PosterProps;
+    static state: State<PosterState>;
+    protected onSetup(): void;
+    protected onAttach(el: HTMLElement): void;
+    protected onConnect(el: HTMLElement): void;
+}

package/types/components/ui/sliders/audio-gain-slider.d.ts

@@ -0,0 +1,43 @@
+import { Component } from 'maverick.js';
+import type { MediaRequestEvents } from '../../../core/api/media-request-events';
+import type { SliderCSSVars } from './slider/api/cssvars';
+import type { SliderEvents } from './slider/api/events';
+import { type SliderState } from './slider/api/state';
+import { type SliderControllerProps } from './slider/slider-controller';
+/**
+ * Versatile and user-friendly audio boost control designed for seamless cross-browser and provider
+ * compatibility and accessibility with ARIA support. It offers a smooth user experience for both
+ * mouse and touch interactions and is highly customizable in terms of styling. Users can
+ * effortlessly change the audio gain within the range 0 to 100.
+ *
+ * @attr data-dragging - Whether slider thumb is being dragged.
+ * @attr data-pointing - Whether user's pointing device is over slider.
+ * @attr data-active - Whether slider is being interacted with.
+ * @attr data-focus - Whether slider is being keyboard focused.
+ * @attr data-hocus - Whether slider is being keyboard focused or hovered over.
+ * @attr data-supported - Whether audio gain is supported.
+ * @docs {@link https://www.vidstack.io/docs/player/components/sliders/audio-gain-slider}
+ */
+export declare class AudioGainSlider extends Component<AudioGainSliderProps, AudioGainSliderState, AudioGainSliderEvents, AudioGainSliderCSSVars> {
+    #private;
+    static props: AudioGainSliderProps;
+    static state: import("maverick.js").State<SliderState>;
+    protected onSetup(): void;
+    protected onAttach(el: HTMLElement): void;
+}
+export interface AudioGainSliderProps extends SliderControllerProps {
+    /**
+     * The minimum audio gain boost represented as a percentage.
+     */
+    min: number;
+    /**
+     * The minimum audio gain boost represented as a percentage.
+     */
+    max: number;
+}
+export interface AudioGainSliderState extends SliderState {
+}
+export interface AudioGainSliderEvents extends SliderEvents, Pick<MediaRequestEvents, 'media-audio-gain-change-request'> {
+}
+export interface AudioGainSliderCSSVars extends SliderCSSVars {
+}

package/types/components/ui/sliders/quality-slider.d.ts

@@ -0,0 +1,34 @@
+import { Component } from 'maverick.js';
+import type { MediaRequestEvents } from '../../../core/api/media-request-events';
+import type { SliderCSSVars } from './slider/api/cssvars';
+import type { SliderEvents } from './slider/api/events';
+import { type SliderState } from './slider/api/state';
+import { type SliderControllerProps } from './slider/slider-controller';
+/**
+ * Versatile and user-friendly input video quality control designed for seamless cross-browser and
+ * provider compatibility and accessibility with ARIA support. It offers a smooth user experience
+ * for both mouse and touch interactions and is highly customizable in terms of styling.
+ *
+ * @attr data-dragging - Whether slider thumb is being dragged.
+ * @attr data-pointing - Whether user's pointing device is over slider.
+ * @attr data-active - Whether slider is being interacted with.
+ * @attr data-focus - Whether slider is being keyboard focused.
+ * @attr data-hocus - Whether slider is being keyboard focused or hovered over.
+ * @attr data-supported - Whether setting video quality is supported.
+ * @docs {@link https://www.vidstack.io/docs/player/components/sliders/quality-slider}
+ */
+export declare class QualitySlider extends Component<QualitySliderProps, QualitySliderState, QualitySliderEvents, QualitySliderCSSVars> {
+    #private;
+    static props: QualitySliderProps;
+    static state: import("maverick.js").State<SliderState>;
+    protected onSetup(): void;
+    protected onAttach(el: HTMLElement): void;
+}
+export interface QualitySliderProps extends SliderControllerProps {
+}
+export interface QualitySliderState extends SliderState {
+}
+export interface QualitySliderEvents extends SliderEvents, Pick<MediaRequestEvents, 'media-quality-change-request'> {
+}
+export interface QualitySliderCSSVars extends SliderCSSVars {
+}

package/types/components/ui/sliders/slider/api/cssvars.d.ts

@@ -0,0 +1,10 @@
+export interface SliderCSSVars {
+    /**
+     * The fill rate expressed as a percentage.
+     */
+    readonly 'slider-fill': string;
+    /**
+     * The pointer rate expressed as a percentage.
+     */
+    readonly 'slider-pointer': string;
+}

package/types/components/ui/sliders/slider/api/events.d.ts

@@ -0,0 +1,57 @@
+import type { DOMEvent } from 'maverick.js/std';
+import type { Slider } from '../slider';
+export interface SliderEvents {
+    'drag-start': SliderDragStartEvent;
+    'drag-end': SliderDragEndEvent;
+    'value-change': SliderValueChangeEvent;
+    'drag-value-change': SliderDragValueChangeEvent;
+    'pointer-value-change': SliderPointerValueChangeEvent;
+}
+export interface SliderEvent<Detail = unknown> extends DOMEvent<Detail> {
+    target: Slider;
+}
+/**
+ * Fired when the user begins interacting with the slider and dragging the thumb. The event
+ * detail contains the current value the drag is starting at.
+ *
+ * @detail value
+ */
+export interface SliderDragStartEvent extends SliderEvent<number> {
+    readonly trigger: PointerEvent | KeyboardEvent;
+}
+/**
+ * Fired when the user stops dragging the slider thumb. The event detail contains the value
+ * the drag is ending at.
+ *
+ * @detail value
+ */
+export interface SliderDragEndEvent extends SliderEvent<number> {
+    readonly trigger: PointerEvent | KeyboardEvent;
+}
+/**
+ * Fired when the slider value changes. The event detail contains the current value.
+ *
+ * @detail value
+ */
+export interface SliderValueChangeEvent extends SliderEvent<number> {
+    readonly trigger: PointerEvent | KeyboardEvent | undefined;
+}
+/**
+ * Fired when the slider drag value changes. The drag value indicates the last slider value that
+ * the user has dragged to. The event detail contains the value.
+ *
+ * @detail value
+ */
+export interface SliderDragValueChangeEvent extends SliderEvent<number> {
+    readonly trigger: PointerEvent | KeyboardEvent;
+}
+/**
+ * Fired when the device pointer is inside the slider region and it's position changes. The
+ * event detail contains the preview value. Do note, this includes touch, mouse, and keyboard
+ * devices.
+ *
+ * @detail pointerValue
+ */
+export interface SliderPointerValueChangeEvent extends SliderEvent<number> {
+    readonly trigger: PointerEvent | KeyboardEvent;
+}

package/types/components/ui/sliders/slider/api/state.d.ts

@@ -0,0 +1,68 @@
+import { State, type Store } from 'maverick.js';
+export declare const sliderState: State<SliderState>;
+export interface SliderStore extends Store<SliderState> {
+}
+export interface SliderState {
+    /**
+     * The current slider value.
+     */
+    value: number;
+    /**
+     * The value at which the device pointer is pointing to inside the slider.
+     */
+    pointerValue: number;
+    /**
+     * The minimum slider value.
+     */
+    min: number;
+    /**
+     * The maximum slider value.
+     */
+    max: number;
+    /**
+     * The granularity that the slider value must adhere to.
+     */
+    step: number;
+    /**
+     * Whether the slider has keyboard focus.
+     */
+    focused: boolean;
+    /**
+     * Whether the slider thumb is currently being dragged.
+     */
+    dragging: boolean;
+    /**
+     * Whether a device pointer is within the slider bounds.
+     */
+    pointing: boolean;
+    /** Whether the slider is not visible. */
+    hidden: boolean;
+    /**
+     * Whether the slider is being interacted with via keyboard or pointer device.
+     */
+    readonly active: boolean;
+    /**
+     * The current value to range ratio.
+     *
+     * @signal
+     * @example
+     * `min` = 0
+     * `max` = 10
+     * `value` = 5
+     * `range` = 10 (max - min)
+     * `fillRate` = 0.5 (result)
+     */
+    readonly fillRate: number;
+    /**
+     * The fill rate expressed as a percentage (`fillRate * 100`).
+     */
+    readonly fillPercent: number;
+    /**
+     * The pointer value to range ratio.
+     */
+    readonly pointerRate: number;
+    /**
+     * The pointer rate expressed as a percentage (`pointerRate * 100`).
+     */
+    readonly pointerPercent: number;
+}

package/types/components/ui/sliders/slider/events-controller.d.ts

@@ -0,0 +1,23 @@
+import { ViewController, type ReadSignal } from 'maverick.js';
+import type { MediaContext } from '../../../../core/api/media-context';
+import type { SliderDragEndEvent, SliderDragStartEvent, SliderDragValueChangeEvent, SliderEvents, SliderValueChangeEvent } from './api/events';
+import type { SliderState } from './api/state';
+import type { SliderControllerProps } from './slider-controller';
+export interface SliderEventDelegate {
+    swipeGesture?: ReadSignal<boolean>;
+    isDisabled(): boolean;
+    getValue?(): number;
+    getStep(): number;
+    getKeyStep(): number;
+    roundValue(value: number): number;
+    onValueChange?(event: SliderValueChangeEvent): unknown;
+    onDragStart?(event: SliderDragStartEvent): unknown;
+    onDragEnd?(event: SliderDragEndEvent): unknown;
+    onDragValueChange?(event: SliderDragValueChangeEvent): unknown;
+}
+export declare class SliderEventsController extends ViewController<SliderControllerProps, SliderState, SliderEvents> {
+    #private;
+    constructor(delegate: SliderEventDelegate, media: MediaContext);
+    protected onSetup(): void;
+    protected onConnect(el: HTMLElement): void;
+}

package/types/components/ui/sliders/slider/format.d.ts

@@ -0,0 +1,8 @@
+import type { FormatTimeOptions } from '../../../../utils/time';
+export declare const sliderValueFormatContext: import("maverick.js").Context<SliderValueFormat>;
+export interface SliderValueFormat {
+    default?: 'value' | 'percent' | 'time';
+    value?(value: number): string | number;
+    percent?(percent: number, decimalPlaces: number): string | number;
+    time?(value: number, options?: FormatTimeOptions): string;
+}

package/types/components/ui/sliders/slider/slider-context.d.ts

@@ -0,0 +1,13 @@
+import { type ReadSignal, type WriteSignal } from 'maverick.js';
+import type { SliderOrientation } from './types';
+export interface SliderContext {
+    disabled: ReadSignal<boolean>;
+    orientation: ReadSignal<SliderOrientation>;
+    preview: WriteSignal<HTMLElement | null>;
+}
+export declare const sliderContext: import("maverick.js").Context<SliderContext>;
+export interface SliderObserverContext {
+    onDragStart?(): void;
+    onDragEnd?(): void;
+}
+export declare const sliderObserverContext: import("maverick.js").Context<SliderObserverContext>;