@bridge-ui/vue 0.0.6 → 0.0.8

package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,113 @@
+import e from "../BaseField/BaseField.js";
+import { useSlider as t } from "./composables/useSlider.js";
+import n from "../Tooltip/Tooltip.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeModels as d, mergeProps as f, normalizeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
+import { resolveSliderBounds as S, resolveSliderDefaultValue as C } from "@bridge-ui/core";
+import { isUndefined as w } from "es-toolkit/compat";
+//#region src/Components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
+var T = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "Slider",
+	props: /* @__PURE__ */ d({
+		classes: {},
+		color: {},
+		customProps: {},
+		defaultValue: {},
+		max: {},
+		min: {},
+		range: { type: Boolean },
+		rounded: {},
+		showStops: { type: Boolean },
+		showTooltip: {
+			type: Boolean,
+			default: !0
+		},
+		step: {},
+		stops: {},
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
+		label: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		size: {}
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(l, { emit: d }) {
+		let T = d, E = l, D = b(l, "modelValue"), O = {
+			min: 0,
+			step: 1,
+			max: 100,
+			size: "md",
+			rounded: "full",
+			color: "primary",
+			showStops: !1,
+			showTooltip: !0
+		}, k = S({
+			min: E.min ?? O.min,
+			max: E.max ?? O.max,
+			step: E.step ?? O.step
+		}), A = h(C({
+			min: k.min,
+			max: k.max,
+			step: k.step,
+			range: !!E.range,
+			defaultValue: E.defaultValue
+		})), j = i({
+			set: (e) => {
+				D.value = e, A.value = e;
+			},
+			get: () => w(D.value) ? A.value : D.value
+		}), M = h([null, null]), { barBind: N, trackRef: P, baseField: F, trackBind: I, controlBind: L, getStopBind: R, thumbIndexes: z, tooltipProps: B, getThumbBind: V, resolvedStops: H, isTooltipOpen: U, readThumbValue: W, getStopLabelBind: G, getThumbKnobBind: K, showTooltip: q } = t(() => E, O, j, { onChange: (e) => {
+			T("change", e);
+		} });
+		function J(e) {
+			P.value = e instanceof HTMLDivElement ? e : e?.$el ?? null;
+		}
+		function Y(e, t) {
+			let n = t instanceof HTMLButtonElement ? t : t?.$el ?? null;
+			M.value[e] = n;
+		}
+		return (t, i) => (m(), a(e, { field: y(F) }, {
+			default: x(() => [c("div", p(u(y(L))), [
+				c("div", f({ ref: J }, y(I)), [
+					c("div", p(u(y(N))), null, 16),
+					(m(!0), s(r, null, g(y(H), (e) => (m(), s("div", f({ key: `stop-${e.value}` }, { ref_for: !0 }, y(R)(e)), null, 16))), 128)),
+					(m(!0), s(r, null, g(y(z), (e) => (m(), s("button", f({ key: e }, { ref_for: !0 }, y(V)(e), {
+						ref_for: !0,
+						ref: (t) => Y(e, t)
+					}), [_(t.$slots, "thumb", {}, () => [c("span", f({ ref_for: !0 }, y(K)(e)), null, 16)])], 16))), 128))
+				], 16),
+				y(q) ? (m(!0), s(r, { key: 0 }, g(y(z), (e) => (m(), a(y(n), f({
+					arrow: "",
+					size: "sm",
+					"open-delay": 0,
+					placement: "top",
+					"close-delay": 0,
+					key: `tooltip-${e}`,
+					"anchor-el": M.value[e],
+					"model-value": y(U)(e),
+					content: String(y(W)(e))
+				}, { ref_for: !0 }, y(B)), null, 16, [
+					"anchor-el",
+					"model-value",
+					"content"
+				]))), 128)) : o("", !0),
+				(m(!0), s(r, null, g(y(H), (e) => (m(), s(r, { key: `label-${e.value}` }, [e.label ? (m(), s("div", f({
+					key: 0,
+					ref_for: !0
+				}, y(G)(e)), v(e.label), 17)) : o("", !0)], 64))), 128))
+			], 16)]),
+			_: 3
+		}, 8, ["field"]));
+	}
+});
+//#endregion
+export { T as default };

package/dist/Components/Slider/composables/useSlider.d.ts

@@ -0,0 +1,482 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults, SliderRangeValue, SliderStop } from '@bridge-ui/core';
+import { SliderOwnProps } from '../slider.types';
+export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
+type SliderLibDefaults = LibDefaultsShape<SliderOwnProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip">;
+type SliderMerged = MergeLibDefaults<SliderOwnProps, SliderLibDefaults>;
+export type UseSliderOptions = {
+    /**
+     * Called when the slider value changes.
+     */
+    onChange?: (value: number | SliderRangeValue) => void;
+};
+/**
+ * Composes slider state, field chrome via BaseField, and pointer/keyboard handlers.
+ */
+export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDefaults: SliderLibDefaults, value: Ref<number | SliderRangeValue>, options?: UseSliderOptions): {
+    bounds: import('vue').ComputedRef<import('@bridge-ui/core').SliderBounds>;
+    merged: import('vue').ComputedRef<SliderMerged>;
+    barBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
+        "aria-hidden": boolean;
+        style: {
+            width: string;
+            insetInlineStart: string;
+        };
+    }>>;
+    isRange: import('vue').ComputedRef<boolean>;
+    trackRef: Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    baseField: {
+        slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        merged: import('vue').ComputedRef<Omit<Omit<import('../../BaseField').BaseFieldOwnProps, "field">, "error" | "size" | "hideErrorMessage"> & {
+            error: NonNullable<boolean | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core').BaseFieldSize | undefined>;
+            hideErrorMessage: NonNullable<boolean | undefined>;
+        }>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            slots?: import('../../BaseField').BaseFieldSlots | undefined;
+            class: string;
+        }>>;
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        groupBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            role: string;
+            id: string;
+            "aria-describedby": string | undefined;
+            "aria-disabled": true | undefined;
+            "aria-invalid": true | undefined;
+        }>>;
+        controlId: import('vue').ComputedRef<string>;
+        headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        isReadonly: import('vue').ComputedRef<boolean>;
+        sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').BaseFieldSizeItem | undefined>;
+        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        invalidated: import('vue').ComputedRef<boolean>;
+        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        mergedClasses: import('vue').ComputedRef<Partial<import('../../BaseField').BaseFieldClasses>>;
+        ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
+        fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        showErrorMessageContent: import('vue').ComputedRef<boolean>;
+    };
+    trackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+        onPointerdown: (event: PointerEvent) => void;
+        onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+        onCut?: ((payload: ClipboardEvent) => void) | undefined;
+        onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+        onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+        onDrag?: ((payload: DragEvent) => void) | undefined;
+        onDragend?: ((payload: DragEvent) => void) | undefined;
+        onDragenter?: ((payload: DragEvent) => void) | undefined;
+        onDragexit?: ((payload: DragEvent) => void) | undefined;
+        onDragleave?: ((payload: DragEvent) => void) | undefined;
+        onDragover?: ((payload: DragEvent) => void) | undefined;
+        onDragstart?: ((payload: DragEvent) => void) | undefined;
+        onDrop?: ((payload: DragEvent) => void) | undefined;
+        onFocus?: ((payload: FocusEvent) => void) | undefined;
+        onFocusin?: ((payload: FocusEvent) => void) | undefined;
+        onFocusout?: ((payload: FocusEvent) => void) | undefined;
+        onBlur?: ((payload: FocusEvent) => void) | undefined;
+        onChange?: ((payload: Event) => void) | undefined;
+        onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+        onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+        onInput?: ((payload: InputEvent) => void) | undefined;
+        onReset?: ((payload: Event) => void) | undefined;
+        onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+        onInvalid?: ((payload: Event) => void) | undefined;
+        onFullscreenchange?: ((payload: Event) => void) | undefined;
+        onFullscreenerror?: ((payload: Event) => void) | undefined;
+        onLoad?: ((payload: Event) => void) | undefined;
+        onError?: ((payload: Event) => void) | undefined;
+        onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+        onDblclick?: ((payload: MouseEvent) => void) | undefined;
+        onMousedown?: ((payload: MouseEvent) => void) | undefined;
+        onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+        onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+        onMousemove?: ((payload: MouseEvent) => void) | undefined;
+        onMouseout?: ((payload: MouseEvent) => void) | undefined;
+        onMouseover?: ((payload: MouseEvent) => void) | undefined;
+        onMouseup?: ((payload: MouseEvent) => void) | undefined;
+        onAbort?: ((payload: UIEvent) => void) | undefined;
+        onCanplay?: ((payload: Event) => void) | undefined;
+        onCanplaythrough?: ((payload: Event) => void) | undefined;
+        onDurationchange?: ((payload: Event) => void) | undefined;
+        onEmptied?: ((payload: Event) => void) | undefined;
+        onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+        onEnded?: ((payload: Event) => void) | undefined;
+        onLoadeddata?: ((payload: Event) => void) | undefined;
+        onLoadedmetadata?: ((payload: Event) => void) | undefined;
+        onLoadstart?: ((payload: Event) => void) | undefined;
+        onPause?: ((payload: Event) => void) | undefined;
+        onPlay?: ((payload: Event) => void) | undefined;
+        onPlaying?: ((payload: Event) => void) | undefined;
+        onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+        onRatechange?: ((payload: Event) => void) | undefined;
+        onSeeked?: ((payload: Event) => void) | undefined;
+        onSeeking?: ((payload: Event) => void) | undefined;
+        onStalled?: ((payload: Event) => void) | undefined;
+        onSuspend?: ((payload: Event) => void) | undefined;
+        onTimeupdate?: ((payload: Event) => void) | undefined;
+        onVolumechange?: ((payload: Event) => void) | undefined;
+        onWaiting?: ((payload: Event) => void) | undefined;
+        onSelect?: ((payload: Event) => void) | undefined;
+        onScroll?: ((payload: Event) => void) | undefined;
+        onScrollend?: ((payload: Event) => void) | undefined;
+        onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+        onTouchend?: ((payload: TouchEvent) => void) | undefined;
+        onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+        onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+        onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+        onClick?: ((payload: PointerEvent) => void) | undefined;
+        onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+        onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onPointermove?: ((payload: PointerEvent) => void) | undefined;
+        onPointerup?: ((payload: PointerEvent) => void) | undefined;
+        onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+        onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+        onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+        onPointerover?: ((payload: PointerEvent) => void) | undefined;
+        onPointerout?: ((payload: PointerEvent) => void) | undefined;
+        onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+        onToggle?: ((payload: ToggleEvent) => void) | undefined;
+        onWheel?: ((payload: WheelEvent) => void) | undefined;
+        onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+        onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+        onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+        innerHTML?: string | undefined | undefined;
+        class?: import('vue').ClassValue;
+        color?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        role?: string | undefined | undefined;
+        tabindex?: (string | number) | undefined;
+        'aria-activedescendant'?: string | undefined | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-colcount'?: (string | number) | undefined;
+        'aria-colindex'?: (string | number) | undefined;
+        'aria-colspan'?: (string | number) | undefined;
+        'aria-controls'?: string | undefined | undefined;
+        'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+        'aria-describedby'?: string | undefined | undefined;
+        'aria-details'?: string | undefined | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        'aria-errormessage'?: string | undefined | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined | undefined;
+        'aria-label'?: string | undefined | undefined;
+        'aria-labelledby'?: string | undefined | undefined;
+        'aria-level'?: (string | number) | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
+        'aria-owns'?: string | undefined | undefined;
+        'aria-placeholder'?: string | undefined | undefined;
+        'aria-posinset'?: (string | number) | undefined;
+        'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined | undefined;
+        'aria-rowcount'?: (string | number) | undefined;
+        'aria-rowindex'?: (string | number) | undefined;
+        'aria-rowspan'?: (string | number) | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: (string | number) | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        'aria-valuemax'?: (string | number) | undefined;
+        'aria-valuemin'?: (string | number) | undefined;
+        'aria-valuenow'?: (string | number) | undefined;
+        'aria-valuetext'?: string | undefined | undefined;
+        accesskey?: string | undefined | undefined;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextmenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
+        inert?: (boolean | "true" | "false") | undefined;
+        placeholder?: string | undefined | undefined;
+        spellcheck?: (boolean | "true" | "false") | undefined;
+        title?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radiogroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autocapitalize?: string | undefined | undefined;
+        autocorrect?: string | undefined | undefined;
+        autosave?: string | undefined | undefined;
+        itemprop?: string | undefined | undefined;
+        itemscope?: (boolean | "true" | "false") | undefined;
+        itemtype?: string | undefined | undefined;
+        itemid?: string | undefined | undefined;
+        itemref?: string | undefined | undefined;
+        results?: (string | number) | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+    }, {}>>;
+    controlBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    showTooltip: import('vue').ComputedRef<boolean>;
+    getStopBind: (stop: SliderStop) => import('@bridge-ui/core').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
+        "aria-hidden": boolean;
+        style: {
+            insetInlineStart: string;
+            display: string | undefined;
+        };
+    }>;
+    thumbIndexes: import('vue').ComputedRef<(0 | 1)[]>;
+    getThumbBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core').MergePartBind<object, "class", {
+        role: string;
+        type: "button";
+        "aria-valuenow": number;
+        "aria-valuemin": number;
+        "aria-valuemax": number;
+        tabIndex: number;
+        "data-bridge-slider-thumb": 0 | 1;
+        disabled: true | undefined;
+        "aria-orientation": "horizontal";
+        "aria-describedby": string | undefined;
+        onKeydown: (event: KeyboardEvent) => void;
+        id: string;
+        "aria-disabled": true | undefined;
+        "aria-readonly": true | undefined;
+        "aria-invalid": true | undefined;
+        onPointerdown: (event: PointerEvent) => void;
+        style: {
+            insetInlineStart: string;
+        };
+        onFocus: () => void;
+        onPointerenter: () => void;
+        onBlur: () => void;
+        onPointerleave: () => void;
+        "aria-label": string;
+        onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+        onCut?: ((payload: ClipboardEvent) => void) | undefined;
+        onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+        onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+        onDrag?: ((payload: DragEvent) => void) | undefined;
+        onDragend?: ((payload: DragEvent) => void) | undefined;
+        onDragenter?: ((payload: DragEvent) => void) | undefined;
+        onDragexit?: ((payload: DragEvent) => void) | undefined;
+        onDragleave?: ((payload: DragEvent) => void) | undefined;
+        onDragover?: ((payload: DragEvent) => void) | undefined;
+        onDragstart?: ((payload: DragEvent) => void) | undefined;
+        onDrop?: ((payload: DragEvent) => void) | undefined;
+        onFocusin?: ((payload: FocusEvent) => void) | undefined;
+        onFocusout?: ((payload: FocusEvent) => void) | undefined;
+        onChange?: ((payload: Event) => void) | undefined;
+        onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+        onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+        onInput?: ((payload: InputEvent) => void) | undefined;
+        onReset?: ((payload: Event) => void) | undefined;
+        onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+        onInvalid?: ((payload: Event) => void) | undefined;
+        onFullscreenchange?: ((payload: Event) => void) | undefined;
+        onFullscreenerror?: ((payload: Event) => void) | undefined;
+        onLoad?: ((payload: Event) => void) | undefined;
+        onError?: ((payload: Event) => void) | undefined;
+        onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+        onDblclick?: ((payload: MouseEvent) => void) | undefined;
+        onMousedown?: ((payload: MouseEvent) => void) | undefined;
+        onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+        onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+        onMousemove?: ((payload: MouseEvent) => void) | undefined;
+        onMouseout?: ((payload: MouseEvent) => void) | undefined;
+        onMouseover?: ((payload: MouseEvent) => void) | undefined;
+        onMouseup?: ((payload: MouseEvent) => void) | undefined;
+        onAbort?: ((payload: UIEvent) => void) | undefined;
+        onCanplay?: ((payload: Event) => void) | undefined;
+        onCanplaythrough?: ((payload: Event) => void) | undefined;
+        onDurationchange?: ((payload: Event) => void) | undefined;
+        onEmptied?: ((payload: Event) => void) | undefined;
+        onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+        onEnded?: ((payload: Event) => void) | undefined;
+        onLoadeddata?: ((payload: Event) => void) | undefined;
+        onLoadedmetadata?: ((payload: Event) => void) | undefined;
+        onLoadstart?: ((payload: Event) => void) | undefined;
+        onPause?: ((payload: Event) => void) | undefined;
+        onPlay?: ((payload: Event) => void) | undefined;
+        onPlaying?: ((payload: Event) => void) | undefined;
+        onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+        onRatechange?: ((payload: Event) => void) | undefined;
+        onSeeked?: ((payload: Event) => void) | undefined;
+        onSeeking?: ((payload: Event) => void) | undefined;
+        onStalled?: ((payload: Event) => void) | undefined;
+        onSuspend?: ((payload: Event) => void) | undefined;
+        onTimeupdate?: ((payload: Event) => void) | undefined;
+        onVolumechange?: ((payload: Event) => void) | undefined;
+        onWaiting?: ((payload: Event) => void) | undefined;
+        onSelect?: ((payload: Event) => void) | undefined;
+        onScroll?: ((payload: Event) => void) | undefined;
+        onScrollend?: ((payload: Event) => void) | undefined;
+        onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+        onTouchend?: ((payload: TouchEvent) => void) | undefined;
+        onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+        onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+        onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+        onClick?: ((payload: PointerEvent) => void) | undefined;
+        onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+        onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onPointermove?: ((payload: PointerEvent) => void) | undefined;
+        onPointerup?: ((payload: PointerEvent) => void) | undefined;
+        onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+        onPointerover?: ((payload: PointerEvent) => void) | undefined;
+        onPointerout?: ((payload: PointerEvent) => void) | undefined;
+        onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+        onToggle?: ((payload: ToggleEvent) => void) | undefined;
+        onWheel?: ((payload: WheelEvent) => void) | undefined;
+        onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+        onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+        onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+        innerHTML?: string | undefined | undefined;
+        class?: import('vue').ClassValue;
+        color?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        tabindex?: (string | number) | undefined;
+        'aria-activedescendant'?: string | undefined | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-colcount'?: (string | number) | undefined;
+        'aria-colindex'?: (string | number) | undefined;
+        'aria-colspan'?: (string | number) | undefined;
+        'aria-controls'?: string | undefined | undefined;
+        'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+        'aria-details'?: string | undefined | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        'aria-errormessage'?: string | undefined | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-keyshortcuts'?: string | undefined | undefined;
+        'aria-labelledby'?: string | undefined | undefined;
+        'aria-level'?: (string | number) | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-owns'?: string | undefined | undefined;
+        'aria-placeholder'?: string | undefined | undefined;
+        'aria-posinset'?: (string | number) | undefined;
+        'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined | undefined;
+        'aria-rowcount'?: (string | number) | undefined;
+        'aria-rowindex'?: (string | number) | undefined;
+        'aria-rowspan'?: (string | number) | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: (string | number) | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        'aria-valuetext'?: string | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        accesskey?: string | undefined | undefined;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextmenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
+        inert?: (boolean | "true" | "false") | undefined;
+        placeholder?: string | undefined | undefined;
+        spellcheck?: (boolean | "true" | "false") | undefined;
+        title?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radiogroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autocapitalize?: string | undefined | undefined;
+        autocorrect?: string | undefined | undefined;
+        autosave?: string | undefined | undefined;
+        itemprop?: string | undefined | undefined;
+        itemscope?: (boolean | "true" | "false") | undefined;
+        itemtype?: string | undefined | undefined;
+        itemid?: string | undefined | undefined;
+        itemref?: string | undefined | undefined;
+        results?: (string | number) | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        form?: string | undefined | undefined;
+        autofocus?: (boolean | "true" | "false") | undefined;
+        formaction?: string | undefined | undefined;
+        formenctype?: string | undefined | undefined;
+        formmethod?: string | undefined | undefined;
+        formnovalidate?: (boolean | "true" | "false") | undefined;
+        formtarget?: string | undefined | undefined;
+    }, {}>;
+    resolvedStops: import('vue').ComputedRef<SliderStop[]>;
+    resolvedValue: import('vue').ComputedRef<number | SliderRangeValue>;
+    isTooltipOpen: (thumbIndex: 0 | 1) => boolean;
+    getStopLabelBind: (stop: SliderStop) => import('@bridge-ui/core').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
+        "aria-hidden": boolean;
+        style: {
+            insetInlineStart: string;
+        };
+    }>;
+    getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        "aria-hidden": boolean;
+    }>;
+    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "anchorEl" | "content" | "modelValue">> | undefined>;
+    readThumbValue: (thumbIndex: 0 | 1) => number;
+};
+export type UseSliderReturn = ReturnType<typeof useSlider>;
+export {};