@onereach/ui-components 8.22.2 → 8.22.3-beta.4122.0

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -47,6 +47,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -350,7 +354,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": !_vm.isDragging && (_vm.isHoveringRail || _vm.isHoveringThumbFrom) || _vm.isDragging && _vm.selectedControl === 'from',
@@ -358,8 +362,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue[_vm.orientation.endsWith('-reversed') ? 1 : 0]
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumbFrom",
     class: _vm.thumbStyles,
     attrs: {
@@ -372,7 +385,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": !_vm.isDragging && (_vm.isHoveringRail || _vm.isHoveringThumbTo) || _vm.isDragging && _vm.selectedControl === 'to',
@@ -380,8 +393,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue[_vm.orientation.endsWith('-reversed') ? 0 : 1]
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumbTo",
     class: _vm.thumbStyles,
     attrs: {

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -74,6 +74,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<[number, number]>;
@@ -107,6 +113,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: [number, number];
     minValue: number;
@@ -116,6 +128,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -168,6 +183,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -179,5 +197,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -47,6 +47,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -228,7 +232,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": _vm.isHovering || _vm.isDragging,
@@ -236,8 +240,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumb",
     class: _vm.thumbStyles,
     attrs: {

package/dist/bundled/v2/components/OrSliderV3/OrSlider.vue.d.ts

@@ -56,6 +56,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
@@ -89,6 +95,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: number;
     minValue: number;
@@ -98,6 +110,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -132,6 +147,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -143,5 +161,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 }, true>);
 export default _default;

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1 +1 @@
-export { s as default } from '../OrRangeSliderV3-5b22cbac.js';
+export { s as default } from '../OrRangeSliderV3-c8a3cfcc.js';

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -33,6 +33,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rail: import("vue-demi").Ref<HTMLElement | undefined>;
@@ -107,6 +111,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -118,5 +126,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<any, "placement" | "offset" | "debounce">;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrRangeSliderV3/index.js

@@ -1,2 +1,2 @@
-export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-5b22cbac.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-7bddcc19.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-c8a3cfcc.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-626127c4.js';

package/dist/bundled/v3/components/OrRangeSliderV3/props.js

@@ -1 +1 @@
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-7bddcc19.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-626127c4.js';

package/dist/bundled/v3/components/OrRangeSliderV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrSliderV3-7bddcc19.js';
-export { R as RangeSlider, j as RangeSliderBreakpointMark, k as RangeSliderBreakpointMarkColors, l as RangeSliderLabel, n as RangeSliderLabelMark, m as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-5b22cbac.js';
+import '../OrSliderV3-626127c4.js';
+export { R as RangeSlider, j as RangeSliderBreakpointMark, k as RangeSliderBreakpointMarkColors, l as RangeSliderLabel, n as RangeSliderLabelMark, m as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-c8a3cfcc.js';

package/dist/bundled/v3/components/{OrRangeSliderV3-5b22cbac.js → OrRangeSliderV3-c8a3cfcc.js}

@@ -1,5 +1,5 @@
-import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-7bddcc19.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
+import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-626127c4.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
 import { h as useElementBounding, a as useElementHover, i as useDraggable, j as clamp } from './OrBottomSheetV3-83beaa38.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { s as script$1 } from './OrTooltipV3-71f1920b.js';
@@ -218,6 +218,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -521,40 +525,52 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.offsetStyles),
     style: normalizeStyle(_ctx.offsetComputedStyles),
     disabled: _ctx.disabled
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
-    class: normalizeClass(['relative', 'z-10']),
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
     "is-open": !_ctx.isDragging && (_ctx.isHoveringRail || _ctx.isHoveringThumbFrom) || _ctx.isDragging && _ctx.selectedControl === 'from',
     content: String(_ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 1 : 0]),
     placement: _ctx.tooltipPlacement,
     offset: 24,
     "external-control": true
-  }, {
+  }, _ctx.tooltip), createSlots({
     default: withCtx(() => [createElementVNode("div", {
       ref: "thumbFrom",
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"]), createElementVNode("div", {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.tooltipContent ? {
+    name: "content",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 1 : 0]
+    })]),
+    key: "0"
+  } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["is-open", "content", "placement"]), createElementVNode("div", {
     ref: "track",
     class: normalizeClass(_ctx.trackStyles),
     style: normalizeStyle(_ctx.trackComputedStyles),
     disabled: _ctx.disabled
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_5), createVNode(_component_OrTooltip, {
-    class: normalizeClass(['relative', 'z-10']),
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_5), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
     "is-open": !_ctx.isDragging && (_ctx.isHoveringRail || _ctx.isHoveringThumbTo) || _ctx.isDragging && _ctx.selectedControl === 'to',
     content: String(_ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 0 : 1]),
     placement: _ctx.tooltipPlacement,
     offset: 24,
     "external-control": true
-  }, {
+  }, _ctx.tooltip), createSlots({
     default: withCtx(() => [createElementVNode("div", {
       ref: "thumbTo",
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_6)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"]), createElementVNode("div", {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.tooltipContent ? {
+    name: "content",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 0 : 1]
+    })]),
+    key: "0"
+  } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["is-open", "content", "placement"]), createElementVNode("div", {
     ref: "filler",
     class: normalizeClass(['grow', ..._ctx.offsetStyles]),
     disabled: _ctx.disabled

package/dist/bundled/v3/components/OrSliderV3/OrSlider.js

@@ -1 +1 @@
-export { s as default } from '../OrSliderV3-7bddcc19.js';
+export { s as default } from '../OrSliderV3-626127c4.js';

package/dist/bundled/v3/components/OrSliderV3/OrSlider.vue.d.ts

@@ -33,6 +33,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rail: import("vue-demi").Ref<HTMLElement | undefined>;
@@ -89,6 +93,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -100,5 +108,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<any, "placement" | "offset" | "debounce">;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrSliderV3/index.js

@@ -1 +1 @@
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-7bddcc19.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-626127c4.js';

package/dist/bundled/v3/components/OrSliderV3/props.js

@@ -1 +1 @@
-export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-7bddcc19.js';
+export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-626127c4.js';

package/dist/bundled/v3/components/OrSliderV3/styles.js

@@ -1 +1 @@
-export { b as Slider, j as SliderBreakpointMark, k as SliderBreakpointMarkColors, l as SliderLabel, n as SliderLabelMark, m as SliderLabelOrientations, c as SliderOrientations, d as SliderRail, e as SliderRailOrientations, h as SliderThumb, i as SliderThumbColors, f as SliderTrack, g as SliderTrackColors } from '../OrSliderV3-7bddcc19.js';
+export { b as Slider, j as SliderBreakpointMark, k as SliderBreakpointMarkColors, l as SliderLabel, n as SliderLabelMark, m as SliderLabelOrientations, c as SliderOrientations, d as SliderRail, e as SliderRailOrientations, h as SliderThumb, i as SliderThumbColors, f as SliderTrack, g as SliderTrackColors } from '../OrSliderV3-626127c4.js';

package/dist/bundled/v3/components/{OrSliderV3-7bddcc19.js → OrSliderV3-626127c4.js}

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
 import { h as useElementBounding, a as useElementHover, i as useDraggable, j as clamp } from './OrBottomSheetV3-83beaa38.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { s as script$1 } from './OrTooltipV3-71f1920b.js';
@@ -215,6 +215,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -393,21 +397,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.trackStyles),
     style: normalizeStyle(_ctx.trackComputedStyles),
     disabled: _ctx.disabled
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
-    class: normalizeClass(['relative', 'z-10']),
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
     "is-open": _ctx.isHovering || _ctx.isDragging,
     content: String(_ctx.proxyModelValue),
     placement: _ctx.tooltipPlacement,
     offset: 24,
     "external-control": true
-  }, {
+  }, _ctx.tooltip), createSlots({
     default: withCtx(() => [createElementVNode("div", {
       ref: "thumb",
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"]), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.breakpoints, breakpoint => {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.tooltipContent ? {
+    name: "content",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue
+    })]),
+    key: "0"
+  } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["is-open", "content", "placement"]), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.breakpoints, breakpoint => {
     return openBlock(), createElementBlock("div", {
       key: breakpoint,
       class: normalizeClass(_ctx.breakpointMarkStyles),

package/dist/bundled/v3/components/index.js

@@ -77,8 +77,8 @@ export { s as OrRadio } from './OrRadio-57f50838.js';
 export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRadioV3 } from './OrRadioV3-091f1eab.js';
-export { s as OrRangeSliderV3 } from './OrRangeSliderV3-5b22cbac.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-7bddcc19.js';
+export { s as OrRangeSliderV3 } from './OrRangeSliderV3-c8a3cfcc.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-626127c4.js';
 export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-084bbd82.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-ae8f39d3.js';

package/dist/bundled/v3/index.js

@@ -41,7 +41,7 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './comp
 export { s as OrRadio } from './components/OrRadio-57f50838.js';
 export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
-export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-5b22cbac.js';
+export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-c8a3cfcc.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-ae8f39d3.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-d7578374.js';
@@ -52,7 +52,7 @@ export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-d2c6d5e5.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './components/OrSkeletonV3-1291edf4.js';
 export { default as OrSlider } from './components/OrSlider/OrSlider.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-7bddcc19.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-626127c4.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-b719dab5.js';
 export { default as OrStepper } from './components/OrStepper/OrStepper.js';
 export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';

package/dist/esm/v2/{OrRangeSlider-2770c783.js → OrRangeSlider-80e462f4.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrTooltip-3bf8772e.js';
 import './OrPopover-9471c7ea.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-5b284c82.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-1f104c93.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const RangeSlider = [
@@ -222,6 +222,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -525,7 +529,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": !_vm.isDragging && (_vm.isHoveringRail || _vm.isHoveringThumbFrom) || _vm.isDragging && _vm.selectedControl === 'from',
@@ -533,8 +537,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue[_vm.orientation.endsWith('-reversed') ? 1 : 0]
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumbFrom",
     class: _vm.thumbStyles,
     attrs: {
@@ -547,7 +560,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": !_vm.isDragging && (_vm.isHoveringRail || _vm.isHoveringThumbTo) || _vm.isDragging && _vm.selectedControl === 'to',
@@ -555,8 +568,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue[_vm.orientation.endsWith('-reversed') ? 0 : 1]
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumbTo",
     class: _vm.thumbStyles,
     attrs: {

package/dist/esm/v2/{OrSlider-2e29c468.js → OrSlider-f2c0da4d.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-5b284c82.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-1f104c93.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -27,7 +27,7 @@ var __vue_render__ = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }), _vm._v(" "), _c('OrTooltip', {
+  }), _vm._v(" "), _c('OrTooltip', _vm._b({
     class: ['relative', 'z-10'],
     attrs: {
       "is-open": _vm.isHovering || _vm.isDragging,
@@ -35,8 +35,17 @@ var __vue_render__ = function () {
       "placement": _vm.tooltipPlacement,
       "offset": 24,
       "external-control": true
-    }
-  }, [_c('div', {
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent", null, {
+          "value": _vm.proxyModelValue
+        })];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
     ref: "thumb",
     class: _vm.thumbStyles,
     attrs: {

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-5b284c82.js → OrSlider.vue_rollup-plugin-vue_script-1f104c93.js}

@@ -218,6 +218,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],

package/dist/esm/v2/components/index.js

@@ -95,9 +95,9 @@ export { _ as OrRadio } from '../OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-825def2c.js';
 export { _ as OrRadioV3 } from '../OrRadio-c1b7cde1.js';
-export { _ as OrRangeSliderV3 } from '../OrRangeSlider-2770c783.js';
-export { _ as OrSliderV3 } from '../OrSlider-2e29c468.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-5b284c82.js';
+export { _ as OrRangeSliderV3 } from '../OrRangeSlider-80e462f4.js';
+export { _ as OrSliderV3 } from '../OrSlider-f2c0da4d.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-1f104c93.js';
 export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-23b6fb7b.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-8ea77303.js';

package/dist/esm/v2/components/or-range-slider-v3/OrRangeSlider.vue.d.ts

@@ -74,6 +74,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<[number, number]>;
@@ -107,6 +113,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: [number, number];
     minValue: number;
@@ -116,6 +128,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -168,6 +183,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -179,5 +197,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-range-slider-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-2770c783.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-5b284c82.js';
+export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-80e462f4.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-1f104c93.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/components/or-slider-v3/OrSlider.vue.d.ts

@@ -56,6 +56,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
@@ -89,6 +95,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: () => false;
     };
+    tooltip: {
+        type: PropType<Pick<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: number;
     minValue: number;
@@ -98,6 +110,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -132,6 +147,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -143,5 +161,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>, "placement" | "offset" | "debounce">;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-slider-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrSliderV3 } from '../../OrSlider-2e29c468.js';
-export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-5b284c82.js';
+export { _ as OrSliderV3 } from '../../OrSlider-f2c0da4d.js';
+export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-1f104c93.js';
 import '../../normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v2/components/or-text-v3/OrText.vue.d.ts

@@ -3,7 +3,7 @@
  * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
  * that have same beginning and differ in the ending part.
  */
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainTextStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -48,7 +48,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
     sliceIndex: number;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/esm/v2/index.js

@@ -95,9 +95,9 @@ export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-825def2c.js';
 export { _ as OrRadioV3 } from './OrRadio-c1b7cde1.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSlider-2770c783.js';
-export { _ as OrSliderV3 } from './OrSlider-2e29c468.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-5b284c82.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSlider-80e462f4.js';
+export { _ as OrSliderV3 } from './OrSlider-f2c0da4d.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-1f104c93.js';
 export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-23b6fb7b.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-8ea77303.js';

package/dist/esm/v3/{OrRangeSlider-0869e30e.js → OrRangeSlider-411426ef.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrTooltip-287ff0e4.js';
 import './OrPopover-1c87b4ed.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider-8eed054b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-9ffbc482.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
 
 const RangeSlider = [
 // Interactivity
@@ -222,6 +222,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -525,40 +529,52 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.offsetStyles),
     style: normalizeStyle(_ctx.offsetComputedStyles),
     disabled: _ctx.disabled
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
-    class: normalizeClass(['relative', 'z-10']),
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
     "is-open": !_ctx.isDragging && (_ctx.isHoveringRail || _ctx.isHoveringThumbFrom) || _ctx.isDragging && _ctx.selectedControl === 'from',
     content: String(_ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 1 : 0]),
     placement: _ctx.tooltipPlacement,
     offset: 24,
     "external-control": true
-  }, {
+  }, _ctx.tooltip), createSlots({
     default: withCtx(() => [createElementVNode("div", {
       ref: "thumbFrom",
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"]), createElementVNode("div", {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.tooltipContent ? {
+    name: "content",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 1 : 0]
+    })]),
+    key: "0"
+  } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["is-open", "content", "placement"]), createElementVNode("div", {
     ref: "track",
     class: normalizeClass(_ctx.trackStyles),
     style: normalizeStyle(_ctx.trackComputedStyles),
     disabled: _ctx.disabled
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_5), createVNode(_component_OrTooltip, {
-    class: normalizeClass(['relative', 'z-10']),
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_5), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
     "is-open": !_ctx.isDragging && (_ctx.isHoveringRail || _ctx.isHoveringThumbTo) || _ctx.isDragging && _ctx.selectedControl === 'to',
     content: String(_ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 0 : 1]),
     placement: _ctx.tooltipPlacement,
     offset: 24,
     "external-control": true
-  }, {
+  }, _ctx.tooltip), createSlots({
     default: withCtx(() => [createElementVNode("div", {
       ref: "thumbTo",
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_6)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"]), createElementVNode("div", {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.tooltipContent ? {
+    name: "content",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue[_ctx.orientation.endsWith('-reversed') ? 0 : 1]
+    })]),
+    key: "0"
+  } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["is-open", "content", "placement"]), createElementVNode("div", {
     ref: "filler",
     class: normalizeClass(['grow', ..._ctx.offsetStyles]),
     disabled: _ctx.disabled

package/dist/esm/v3/{OrSlider-8eed054b.js → OrSlider-9ffbc482.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrTooltip-287ff0e4.js';
 import './OrPopover-1c87b4ed.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
 
 var SliderColor;
 (function (SliderColor) {
@@ -219,6 +219,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: () => false
+    },
+    tooltip: {
+      type: Object,
+      default: () => undefined
     }
   },
   emits: ['update:modelValue'],
@@ -397,21 +401,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.trackStyles),
     style: normalizeStyle(_ctx.trackComputedStyles),
     disabled: _ctx.disabled
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
-    class: normalizeClass(['relative', 'z-10']),
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
     "is-open": _ctx.isHovering || _ctx.isDragging,
     content: String(_ctx.proxyModelValue),
     placement: _ctx.tooltipPlacement,
     offset: 24,
     "external-control": true
-  }, {
+  }, _ctx.tooltip), createSlots({
     default: withCtx(() => [createElementVNode("div", {
       ref: "thumb",
       class: normalizeClass(_ctx.thumbStyles),
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"]), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.breakpoints, breakpoint => {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.tooltipContent ? {
+    name: "content",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue
+    })]),
+    key: "0"
+  } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["is-open", "content", "placement"]), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.breakpoints, breakpoint => {
     return openBlock(), createElementBlock("div", {
       key: breakpoint,
       class: normalizeClass(_ctx.breakpointMarkStyles),

package/dist/esm/v3/components/index.js

@@ -92,8 +92,8 @@ export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-cb6e81cb.js';
 export { s as OrRadioV3 } from '../OrRadio-c6f7ba23.js';
-export { s as OrRangeSliderV3 } from '../OrRangeSlider-0869e30e.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-8eed054b.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSlider-411426ef.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-9ffbc482.js';
 export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-6d9a3ca1.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-2575cf3e.js';

package/dist/esm/v3/components/or-range-slider-v3/OrRangeSlider.vue.d.ts

@@ -33,6 +33,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rail: import("vue-demi").Ref<HTMLElement | undefined>;
@@ -107,6 +111,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -118,5 +126,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<any, "placement" | "offset" | "debounce">;
 }>;
 export default _default;

package/dist/esm/v3/components/or-range-slider-v3/index.js

@@ -1,5 +1,5 @@
-export { s as OrRangeSliderV3 } from '../../OrRangeSlider-0869e30e.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider-8eed054b.js';
+export { s as OrRangeSliderV3 } from '../../OrRangeSlider-411426ef.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider-9ffbc482.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/components/or-slider-v3/OrSlider.vue.d.ts

@@ -33,6 +33,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rail: import("vue-demi").Ref<HTMLElement | undefined>;
@@ -89,6 +93,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: () => boolean;
     };
+    tooltip: {
+        type: PropType<Pick<any, "placement" | "offset" | "debounce">>;
+        default: () => undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -100,5 +108,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     color: "primary" | "secondary";
     orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
+    tooltip: Pick<any, "placement" | "offset" | "debounce">;
 }>;
 export default _default;

package/dist/esm/v3/components/or-slider-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../../OrSlider-8eed054b.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../../OrSlider-9ffbc482.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -92,8 +92,8 @@ export { s as OrRadio } from './OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-cb6e81cb.js';
 export { s as OrRadioV3 } from './OrRadio-c6f7ba23.js';
-export { s as OrRangeSliderV3 } from './OrRangeSlider-0869e30e.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-8eed054b.js';
+export { s as OrRangeSliderV3 } from './OrRangeSlider-411426ef.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-9ffbc482.js';
 export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-6d9a3ca1.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-2575cf3e.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.22.2",
+  "version": "8.22.3-beta.4122.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -177,6 +177,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "e25654439cc46123247a6d0f70a117015a8a8274"
+  }
 }

package/src/components/or-range-slider-v3/OrRangeSlider.vue

@@ -23,12 +23,23 @@
         :placement="tooltipPlacement"
         :offset="24"
         :external-control="true"
+        v-bind="tooltip"
       >
         <div
           ref="thumbFrom"
           :class="thumbStyles"
           :disabled="disabled"
         />
+
+        <template
+          v-if="$slots.tooltipContent"
+          v-slot:content
+        >
+          <slot
+            name="tooltipContent"
+            :value="proxyModelValue[orientation.endsWith('-reversed') ? 1 : 0]"
+          />
+        </template>
       </OrTooltip>
 
       <div
@@ -45,12 +56,23 @@
         :placement="tooltipPlacement"
         :offset="24"
         :external-control="true"
+        v-bind="tooltip"
       >
         <div
           ref="thumbTo"
           :class="thumbStyles"
           :disabled="disabled"
         />
+
+        <template
+          v-if="$slots.tooltipContent"
+          v-slot:content
+        >
+          <slot
+            name="tooltipContent"
+            :value="proxyModelValue[orientation.endsWith('-reversed') ? 0 : 1]"
+          />
+        </template>
       </OrTooltip>
 
       <div
@@ -141,6 +163,11 @@ export default defineComponent({
       type: Boolean,
       default: () => false,
     },
+
+    tooltip: {
+      type: Object as PropType<Pick<InstanceType<typeof OrTooltip>['$props'], 'placement' | 'offset' | 'debounce'>>,
+      default: () => undefined,
+    },
   },
 
   emits: [

package/src/components/or-slider-v3/OrSlider.vue

@@ -22,12 +22,23 @@
         :placement="tooltipPlacement"
         :offset="24"
         :external-control="true"
+        v-bind="tooltip"
       >
         <div
           ref="thumb"
           :class="thumbStyles"
           :disabled="disabled"
         />
+
+        <template
+          v-if="$slots.tooltipContent"
+          v-slot:content
+        >
+          <slot
+            name="tooltipContent"
+            :value="proxyModelValue"
+          />
+        </template>
       </OrTooltip>
 
       <div
@@ -112,6 +123,11 @@ export default defineComponent({
       type: Boolean,
       default: () => false,
     },
+
+    tooltip: {
+      type: Object as PropType<Pick<InstanceType<typeof OrTooltip>['$props'], 'placement' | 'offset' | 'debounce'>>,
+      default: () => undefined,
+    },
   },
 
   emits: [