@onereach/ui-components 8.10.0 → 8.10.1-beta.3757.0

package/dist/bundled/v3/components/OrPopoverV3/hooks/useFloating.js

@@ -1,3 +1,3 @@
-import '../../OrFloating-0d587434.js';
+import '../../OrFloating-304bb280.js';
 import 'vue-demi';
-export { u as useFloating } from '../../OrPopoverV3-78670690.js';
+export { u as useFloating } from '../../OrPopoverV3-e6cc5319.js';

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

@@ -1 +1 @@
-export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-78670690.js';
+export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-e6cc5319.js';

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

@@ -1 +1 @@
-export { P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-78670690.js';
+export { P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-e6cc5319.js';

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

@@ -1 +1 @@
-export { b as Popover, c as PopoverBody, d as PopoverBodyPlacements } from '../OrPopoverV3-78670690.js';
+export { b as Popover, c as PopoverBody, d as PopoverBodyPlacements } from '../OrPopoverV3-e6cc5319.js';

package/dist/bundled/v3/components/{OrPopoverV3-78670690.js → OrPopoverV3-e6cc5319.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
-import { c as computePosition, o as offset, a as shift, f as flip, h as hide, b as size, d as autoUpdate } from './OrFloating-0d587434.js';
-import { Z as script$1, t as usePopoverState, v as useResponsive, W as useElevation, o as onClickOutside } from './OrBottomSheetV3-34d4ad36.js';
+import { c as computePosition, o as offset, a as shift, f as flip, h as hide, b as size, d as autoUpdate } from './OrFloating-304bb280.js';
+import { Z as script$1, t as usePopoverState, v as useResponsive, W as useElevation, o as onClickOutside } from './OrBottomSheetV3-d91b9222.js';
 import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
 import script$2 from './OrTeleportV3/OrTeleport.js';
 

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

@@ -1 +1 @@
-export { s as default } from '../OrProgress-b2631c94.js';
+export { s as default } from '../OrProgress-85e7b70f.js';

package/dist/bundled/v3/components/OrProgress/constants.js

@@ -1 +1 @@
-export { O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-b2631c94.js';
+export { O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-85e7b70f.js';

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

@@ -1 +1 @@
-export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-b2631c94.js';
+export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-85e7b70f.js';

package/dist/bundled/v3/components/{OrProgress-b2631c94.js → OrProgress-85e7b70f.js}

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle } from 'vue';
-import { s as styleInject } from './OrAvatar-aeeccfd4.js';
-import { K as _root, z as toString_1 } from './OrBottomSheetV3-34d4ad36.js';
-import { t as toInteger_1, a as toNumber_1 } from './OrDateTimePicker-5e0b9593.js';
+import { s as styleInject } from './OrAvatar-7d8161a9.js';
+import { K as _root, z as toString_1 } from './OrBottomSheetV3-d91b9222.js';
+import { t as toInteger_1, a as toNumber_1 } from './OrDateTimePicker-19df7cb0.js';
 import { defineComponent } from 'vue-demi';
 
 var root = _root,

package/dist/bundled/v3/components/OrProgressV3/OrProgress.js

@@ -1 +1 @@
-export { s as default } from '../OrProgressV3-e858f268.js';
+export { s as default } from '../OrProgressV3-8b45361f.js';

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

@@ -1 +1 @@
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgressV3-e858f268.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgressV3-8b45361f.js';

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

@@ -1 +1 @@
-export { P as ProgressColor, a as ProgressType } from '../OrProgressV3-e858f268.js';
+export { P as ProgressColor, a as ProgressType } from '../OrProgressV3-8b45361f.js';

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

@@ -1 +1 @@
-export { i as ProgressBarAnimationTypes, g as ProgressBarBackground, j as ProgressBarColors, h as ProgressBarMain, k as ProgressFooter, d as ProgressHeader, e as ProgressHeaderLabel, f as ProgressHeaderPercent, b as ProgressRoot, c as ProgressRootTypes } from '../OrProgressV3-e858f268.js';
+export { i as ProgressBarAnimationTypes, g as ProgressBarBackground, j as ProgressBarColors, h as ProgressBarMain, k as ProgressFooter, d as ProgressHeader, e as ProgressHeaderLabel, f as ProgressHeaderPercent, b as ProgressRoot, c as ProgressRootTypes } from '../OrProgressV3-8b45361f.js';

package/dist/bundled/v3/components/{OrProgressV3-e858f268.js → OrProgressV3-8b45361f.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { $ as useElementBounding, v as useResponsive } from './OrBottomSheetV3-34d4ad36.js';
-import { r as round_1 } from './OrProgress-b2631c94.js';
+import { $ as useElementBounding, v as useResponsive } from './OrBottomSheetV3-d91b9222.js';
+import { r as round_1 } from './OrProgress-85e7b70f.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 
 var ProgressColor;

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

@@ -1,8 +1,8 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from '../OrAvatar-aeeccfd4.js';
+import { s as styleInject } from '../OrAvatar-7d8161a9.js';
 import { defineComponent, inject, computed } from 'vue-demi';
-import { i as isEqual_1 } from '../OrList-9041de14.js';
-import { a0 as get_1 } from '../OrBottomSheetV3-34d4ad36.js';
+import { i as isEqual_1 } from '../OrList-2e9c5a01.js';
+import { a0 as get_1 } from '../OrBottomSheetV3-d91b9222.js';
 
 var script = defineComponent({
   name: 'OrRadio',

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

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-aeeccfd4.js';
+import { s as styleInject } from '../OrAvatar-7d8161a9.js';
 import { defineComponent, computed, provide, getCurrentInstance } from 'vue-demi';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 import { defineComponent, toRef } from 'vue-demi';
 import { s as script$1 } from '../OrFormGroupV3-53cf45ee.js';
-import { s as script$2 } from '../OrRadioV3-8b3dc8f4.js';
-import { u as useProxyModelValue } from '../OrBottomSheetV3-34d4ad36.js';
+import { s as script$2 } from '../OrRadioV3-b63608b2.js';
+import { u as useProxyModelValue } from '../OrBottomSheetV3-d91b9222.js';
 
 var script = defineComponent({
   name: 'OrRadioGroup',

package/dist/bundled/v3/components/OrRadioV3/OrRadio.js

@@ -1 +1 @@
-export { s as default } from '../OrRadioV3-8b3dc8f4.js';
+export { s as default } from '../OrRadioV3-b63608b2.js';

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

@@ -1 +1 @@
-export { s as OrRadioV3 } from '../OrRadioV3-8b3dc8f4.js';
+export { s as OrRadioV3 } from '../OrRadioV3-b63608b2.js';

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

@@ -1 +1 @@
-export { a as RadioControl, b as RadioControlHandle, R as RadioRoot } from '../OrRadioV3-8b3dc8f4.js';
+export { a as RadioControl, b as RadioControlHandle, R as RadioRoot } from '../OrRadioV3-b63608b2.js';

package/dist/bundled/v3/components/{OrRadioV3-8b3dc8f4.js → OrRadioV3-b63608b2.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-aeeccfd4.js';
+import { s as styleInject } from './OrAvatar-7d8161a9.js';
 import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { s as script$1, L as LabelVariant } from './OrLabelV3-5fd72248.js';
-import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-34d4ad36.js';
+import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-d91b9222.js';
 
 const RadioRoot = [
 // Layout

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

@@ -1 +1 @@
-export { s as default } from '../OrRangeSliderV3-da715363.js';
+export { s as default } from '../OrRangeSliderV3-b1e08082.js';

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

@@ -17,6 +17,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
     color: {
         type: PropType<"primary" | "secondary">;
         default: RangeSliderColor;
@@ -32,6 +36,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rail: import("vue-demi").Ref<HTMLElement | undefined>;
+    offset: import("vue-demi").Ref<HTMLElement | undefined>;
+    track: import("vue-demi").Ref<HTMLElement | undefined>;
+    filler: import("vue-demi").Ref<HTMLElement | undefined>;
     thumbFrom: import("vue-demi").Ref<HTMLElement | undefined>;
     thumbTo: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -48,10 +55,13 @@ declare const _default: import("vue-demi").DefineComponent<{
     labelStyles: import("vue-demi").ComputedRef<string[]>;
     labelMarkStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
-    internalModelValueFrom: import("vue-demi").WritableComputedRef<number>;
-    internalModelValueTo: import("vue-demi").WritableComputedRef<number>;
     selectedControl: import("vue-demi").Ref<"from" | "to" | undefined>;
-    isHovering: import("vue-demi").Ref<boolean>;
+    isHoveringOffset: import("vue-demi").Ref<boolean>;
+    isHoveringTrack: import("vue-demi").Ref<boolean>;
+    isHoveringFiller: import("vue-demi").Ref<boolean>;
+    isHoveringRail: import("vue-demi").ComputedRef<boolean>;
+    isHoveringThumbFrom: import("vue-demi").Ref<boolean>;
+    isHoveringThumbTo: import("vue-demi").Ref<boolean>;
     isDragging: import("vue-demi").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
@@ -70,6 +80,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
     color: {
         type: PropType<"primary" | "secondary">;
         default: RangeSliderColor;
@@ -89,6 +103,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     minValue: number;
     maxValue: number;
     step: number;
+    breakpoints: number[];
     color: "primary" | "secondary";
     orientation: "horizontal" | "vertical";
     disabled: boolean;

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

@@ -1,2 +1,2 @@
-export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-da715363.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-1417e855.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-b1e08082.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-999ec5f5.js';

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

@@ -1 +1 @@
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-1417e855.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-999ec5f5.js';

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

@@ -1,2 +1,2 @@
-import '../OrSliderV3-1417e855.js';
-export { R as RangeSlider, j as RangeSliderLabel, l as RangeSliderLabelMark, k 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-da715363.js';
+import '../OrSliderV3-999ec5f5.js';
+export { R as RangeSlider, j as RangeSliderLabel, l as RangeSliderLabelMark, k 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-b1e08082.js';

package/dist/bundled/v3/components/{OrRangeSliderV3-da715363.js → OrRangeSliderV3-b1e08082.js}

@@ -1,8 +1,8 @@
-import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-1417e855.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-999ec5f5.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
-import { u as useProxyModelValue, $ as useElementBounding, d as useElementHover, a1 as useDraggable, a2 as clamp } from './OrBottomSheetV3-34d4ad36.js';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { s as script$1 } from './OrTooltipV3-8f8be5de.js';
+import { u as useProxyModelValue, $ as useElementBounding, d as useElementHover, a1 as useDraggable, a2 as clamp } from './OrBottomSheetV3-d91b9222.js';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { s as script$1 } from './OrTooltipV3-e15b3ab4.js';
 
 const RangeSlider = [
 // Interactivity
@@ -38,14 +38,18 @@ const RangeSliderRailOrientations = {
 };
 const RangeSliderOffset = [];
 const RangeSliderOffsetOrientations = {
-  [SliderOrientation.Horizontal]: [],
-  [SliderOrientation.Vertical]: []
+  [SliderOrientation.Horizontal]: [
+  // Box
+  'h-full'],
+  [SliderOrientation.Vertical]: [
+  // Box
+  'w-full']
 };
 const RangeSliderTrack = [
-// Box
-'w-full', 'h-full',
 // Shape
-'rounded-full'];
+'rounded-full',
+// Box
+'w-full', 'h-full'];
 const RangeSliderTrackColors = {
   [SliderColor.Primary]: [
   // Theme
@@ -57,27 +61,27 @@ const RangeSliderTrackColors = {
 const RangeSliderThumb = [
 // Layout
 'shrink-0',
-// Box
-'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
 // Shape
 'rounded-full',
+// Box
+'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
 // Theme
-'bg-white dark:bg-black'];
+'theme-background-base', 'dark:theme-background-base-dark'];
 const RangeSliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
   'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
-  // Theme (enabled, hover)
-  'hover:enabled:theme-background-primary', 'dark:hover:enabled:theme-background-primary-dark',
-  // Theme (enabled, active)
-  'active:enabled:theme-background-primary', 'dark:active:enabled:theme-background-primary-dark', 'active:enabled:theme-outline-10-primary', 'dark:active:enabled:theme-outline-10-primary-dark'],
+  // Theme (hover)
+  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
+  // Theme (active)
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
   'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
-  // Theme (enabled, hover)
-  'hover:enabled:theme-background-secondary', 'dark:hover:enabled:theme-background-secondary-dark',
-  // Theme (enabled, active)
-  'active:enabled:theme-background-secondary', 'dark:active:enabled:theme-background-secondary-dark', 'active:enabled:theme-outline-10-secondary', 'dark:active:enabled:theme-outline-10-secondary-dark']
+  // Theme (hover)
+  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
+  // Theme (active)
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
 };
 const RangeSliderLabel = [];
 const RangeSliderLabelOrientations = {
@@ -123,6 +127,10 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
+    breakpoints: {
+      type: Array,
+      default: () => []
+    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -142,6 +150,9 @@ var script = defineComponent({
     // Refs
     const root = ref();
     const rail = ref();
+    const offset = ref();
+    const track = ref();
+    const filler = ref();
     const thumbFrom = ref();
     const thumbTo = ref();
     // Styles
@@ -167,7 +178,10 @@ var script = defineComponent({
         return (proxyModelValue.value[0] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        proxyModelValue.value = [Math.round(value * (props.maxValue - props.minValue) + props.minValue), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
+        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
+        proxyModelValue.value = [internalBreakpoints.value.reduce((a, b) => {
+          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
+        }), internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue];
       }
     });
     const internalModelValueTo = computed({
@@ -175,8 +189,17 @@ var script = defineComponent({
         return (proxyModelValue.value[1] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), Math.round(value * (props.maxValue - props.minValue) + props.minValue)];
+        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
+        proxyModelValue.value = [internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue, internalBreakpoints.value.reduce((a, b) => {
+          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
+        })];
+      }
+    });
+    const internalBreakpoints = computed(() => {
+      if (!props.step) {
+        return [props.minValue, ...props.breakpoints, props.maxValue];
       }
+      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
     });
     const railBoundingBox = useElementBounding(rail);
     const selectedControl = ref();
@@ -194,7 +217,14 @@ var script = defineComponent({
       }
     }
     // Effects
-    const isHovering = useElementHover(rail);
+    const isHoveringOffset = useElementHover(offset);
+    const isHoveringTrack = useElementHover(track);
+    const isHoveringFiller = useElementHover(filler);
+    const isHoveringRail = computed(() => {
+      return isHoveringOffset.value || isHoveringTrack.value || isHoveringFiller.value;
+    });
+    const isHoveringThumbFrom = useElementHover(thumbFrom);
+    const isHoveringThumbTo = useElementHover(thumbTo);
     const {
       isDragging
     } = useDraggable(rail, {
@@ -214,9 +244,27 @@ var script = defineComponent({
       onMove: onDrag,
       onEnd: onDrag
     });
+    // Constraints
+    watch(toRef(props, 'minValue'), value => {
+      if (value >= props.maxValue) {
+        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
+      }
+    }, {
+      immediate: true
+    });
+    watch(toRef(props, 'maxValue'), value => {
+      if (value <= props.minValue) {
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
+      }
+    }, {
+      immediate: true
+    });
     return {
       root,
       rail,
+      offset,
+      track,
+      filler,
       thumbFrom,
       thumbTo,
       rootStyles,
@@ -229,10 +277,13 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
-      internalModelValueFrom,
-      internalModelValueTo,
       selectedControl,
-      isHovering,
+      isHoveringOffset,
+      isHoveringTrack,
+      isHoveringFiller,
+      isHoveringRail,
+      isHoveringThumbFrom,
+      isHoveringThumbTo,
       isDragging
     };
   }
@@ -244,7 +295,8 @@ const _hoisted_3 = ["disabled"];
 const _hoisted_4 = ["disabled"];
 const _hoisted_5 = ["disabled"];
 const _hoisted_6 = ["disabled"];
-const _hoisted_7 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = /*#__PURE__*/createElementVNode("div", {
   class: /*#__PURE__*/normalizeClass(['grow'])
 }, null, -1 /* HOISTED */);
 
@@ -259,15 +311,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.railStyles),
     disabled: _ctx.disabled
   }, [createElementVNode("div", {
+    ref: "offset",
     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']),
-    "is-open": _ctx.isHovering || _ctx.isDragging,
+    "is-open": !_ctx.isDragging && (_ctx.isHoveringRail || _ctx.isHoveringThumbFrom) || _ctx.isDragging && _ctx.selectedControl === 'from',
     content: String(_ctx.proxyModelValue[0]),
     placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
-    offset: 8,
+    offset: 24,
     "external-control": true
   }, {
     default: withCtx(() => [createElementVNode("div", {
@@ -277,15 +330,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["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']),
-    "is-open": _ctx.isHovering || _ctx.isDragging,
+    "is-open": !_ctx.isDragging && (_ctx.isHoveringRail || _ctx.isHoveringThumbTo) || _ctx.isDragging && _ctx.selectedControl === 'to',
     content: String(_ctx.proxyModelValue[1]),
     placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
-    offset: 8,
+    offset: 24,
     "external-control": true
   }, {
     default: withCtx(() => [createElementVNode("div", {
@@ -294,11 +348,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled
     }, null, 10 /* CLASS, PROPS */, _hoisted_6)]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["is-open", "content", "placement"])], 10 /* CLASS, PROPS */, _hoisted_2), createElementVNode("div", {
+  }, 8 /* PROPS */, ["is-open", "content", "placement"]), createElementVNode("div", {
+    ref: "filler",
+    class: normalizeClass(['grow', ..._ctx.offsetStyles]),
+    disabled: _ctx.disabled
+  }, null, 10 /* CLASS, PROPS */, _hoisted_7)], 10 /* CLASS, PROPS */, _hoisted_2), createElementVNode("div", {
     class: normalizeClass(_ctx.labelStyles)
   }, [createElementVNode("div", {
     class: normalizeClass(_ctx.labelMarkStyles)
-  }, toDisplayString(_ctx.minValue), 3 /* TEXT, CLASS */), _hoisted_7, createElementVNode("div", {
+  }, toDisplayString(_ctx.minValue), 3 /* TEXT, CLASS */), _hoisted_8, createElementVNode("div", {
     class: normalizeClass(_ctx.labelMarkStyles)
   }, toDisplayString(_ctx.maxValue), 3 /* TEXT, CLASS */)], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1);
 }

package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1 +1 @@
-export { s as default } from '../OrResizeablePanelV3-05a2afd0.js';
+export { s as default } from '../OrResizeablePanelV3-f154b140.js';

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

@@ -1 +1 @@
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-05a2afd0.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-f154b140.js';

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

@@ -1 +1 @@
-export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-05a2afd0.js';
+export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-f154b140.js';

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

@@ -1 +1 @@
-export { b as ResizeablePanel, j as ResizeablePanelCollapseButtonContainer, k as ResizeablePanelCollapseButtonContainerPlacements, d as ResizeablePanelContent, e as ResizeablePanelContentPaddings, f as ResizeablePanelContentPlaceholder, g as ResizeablePanelContentPlaceholderPlacements, c as ResizeablePanelPlacements, h as ResizeablePanelResizeBar, i as ResizeablePanelResizeBarPlacements, l as ResizeablePanelToolbar, m as ResizeablePanelToolbarPlacements } from '../OrResizeablePanelV3-05a2afd0.js';
+export { b as ResizeablePanel, j as ResizeablePanelCollapseButtonContainer, k as ResizeablePanelCollapseButtonContainerPlacements, d as ResizeablePanelContent, e as ResizeablePanelContentPaddings, f as ResizeablePanelContentPlaceholder, g as ResizeablePanelContentPlaceholderPlacements, c as ResizeablePanelPlacements, h as ResizeablePanelResizeBar, i as ResizeablePanelResizeBarPlacements, l as ResizeablePanelToolbar, m as ResizeablePanelToolbarPlacements } from '../OrResizeablePanelV3-f154b140.js';

package/dist/bundled/v3/components/{OrResizeablePanelV3-05a2afd0.js → OrResizeablePanelV3-f154b140.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
-import { t as usePopoverState, a1 as useDraggable } from './OrBottomSheetV3-34d4ad36.js';
+import { t as usePopoverState, a1 as useDraggable } from './OrBottomSheetV3-d91b9222.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1 } from './OrIconButtonV3-48e98bc5.js';
+import { s as script$1 } from './OrIconButtonV3-7226d1c3.js';
 
 var ResizeablePanelPadding;
 (function (ResizeablePanelPadding) {

package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1 +1 @@
-export { s as default } from '../OrRichTextEditorV3-ae42b0fb.js';
+export { s as default } from '../OrRichTextEditorV3-e307d13e.js';

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

@@ -1 +1 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-ae42b0fb.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-e307d13e.js';

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

@@ -1 +1 @@
-export { F as Formats } from '../OrRichTextEditorV3-ae42b0fb.js';
+export { F as Formats } from '../OrRichTextEditorV3-e307d13e.js';

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

@@ -1 +1 @@
-export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-ae42b0fb.js';
+export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-e307d13e.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js

@@ -1,2 +1,2 @@
-export { i as default } from '../../../OrRichTextEditorV3-ae42b0fb.js';
-import '../../../OrCode-7c4f7f96.js';
+export { i as default } from '../../../OrRichTextEditorV3-e307d13e.js';
+import '../../../OrCode-ff6d4625.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,2 +1,2 @@
-export { C as default } from '../../../OrRichTextEditorV3-ae42b0fb.js';
-import '../../../OrCode-7c4f7f96.js';
+export { C as default } from '../../../OrRichTextEditorV3-e307d13e.js';
+import '../../../OrCode-ff6d4625.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js

@@ -1 +1 @@
-export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-ae42b0fb.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-e307d13e.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js

@@ -1,3 +1,3 @@
-import '../../../OrCode-7c4f7f96.js';
-import '../../../OrBottomSheetV3-34d4ad36.js';
-export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-ae42b0fb.js';
+import '../../../OrCode-ff6d4625.js';
+import '../../../OrBottomSheetV3-d91b9222.js';
+export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-e307d13e.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js

@@ -1 +1 @@
-export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-ae42b0fb.js';
+export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-e307d13e.js';

package/dist/bundled/v3/components/{OrRichTextEditorV3-ae42b0fb.js → OrRichTextEditorV3-e307d13e.js}

@@ -1,17 +1,17 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment as Fragment$1, renderList, createBlock, createCommentVNode, withDirectives, vShow, vModelText, renderSlot } from 'vue';
-import { s as styleInject } from './OrAvatar-aeeccfd4.js';
+import { s as styleInject } from './OrAvatar-7d8161a9.js';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from './OrModal-17ae37ff.js';
-import { a3 as commonjsGlobal, a4 as getDefaultExportFromCjs, g as useTheme, a5 as useResizeObserver, a6 as useDebounceFn, o as onClickOutside } from './OrBottomSheetV3-34d4ad36.js';
-import { f as keyName, g as base, a as EditorView$1, H as HighlightStyle, t as tags, s as syntaxHighlighting, E as EditorState$1, m as highlightActiveLine, n as highlightActiveLineGutter, o as lineNumbers, k as keymap$1, p as minimalSetup, j as javascript } from './OrCode-7c4f7f96.js';
-import { s as script$1 } from './OrIconButtonV3-48e98bc5.js';
+import { u as useFocusTrap } from './OrModal-65e12c15.js';
+import { a3 as commonjsGlobal, a4 as getDefaultExportFromCjs, g as useTheme, a5 as useResizeObserver, a6 as useDebounceFn, o as onClickOutside } from './OrBottomSheetV3-d91b9222.js';
+import { f as keyName, g as base, a as EditorView$1, H as HighlightStyle, t as tags, s as syntaxHighlighting, E as EditorState$1, m as highlightActiveLine, n as highlightActiveLineGutter, o as lineNumbers, k as keymap$1, p as minimalSetup, j as javascript } from './OrCode-ff6d4625.js';
+import { s as script$1 } from './OrIconButtonV3-7226d1c3.js';
 import { s as script$2 } from './OrLabelV3-5fd72248.js';
 import { s as script$3 } from './OrMenuItemV3-3f3e2924.js';
-import { s as script$4 } from './OrMenuV3-1f32ed01.js';
-import { s as script$5 } from './OrModalV3-90991273.js';
-import { s as script$6 } from './OrInputV3-12e0ec74.js';
-import { s as script$7 } from './OrButtonV3-2e30ff5a.js';
-import { s as script$8 } from './OrPopoverV3-78670690.js';
+import { s as script$4 } from './OrMenuV3-2fe474cd.js';
+import { s as script$5 } from './OrModalV3-29cc71cf.js';
+import { s as script$6 } from './OrInputV3-090f737f.js';
+import { s as script$7 } from './OrButtonV3-f00fc3f0.js';
+import { s as script$8 } from './OrPopoverV3-e6cc5319.js';
 
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.

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

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-aeeccfd4.js';
+import { s as styleInject } from '../OrAvatar-7d8161a9.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from '../OrInput/OrInput.js';
 import script$2 from '../OrIconButtonV2/OrIconButton.js';
-import { a7 as watchDebounced } from '../OrBottomSheetV3-34d4ad36.js';
-import { a as BUTTON_SIZE } from '../OrButtonV2-73f042fd.js';
+import { a7 as watchDebounced } from '../OrBottomSheetV3-d91b9222.js';
+import { a as BUTTON_SIZE } from '../OrButtonV2-447ab9da.js';
 
 var script = defineComponent({
   name: 'OrSearch',

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

@@ -1,9 +1,9 @@
-import { I as InputBoxSize } from '../OrInputBoxV3-a079251d.js';
-export { I as SearchSize } from '../OrInputBoxV3-a079251d.js';
+import { I as InputBoxSize } from '../OrInputBoxV3-158edd7f.js';
+export { I as SearchSize } from '../OrInputBoxV3-158edd7f.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { s as script$1 } from '../OrInputV3-12e0ec74.js';
-import { b as useIdAttribute, c as useControlAttributes, e as useValidationAttributes, a7 as watchDebounced } from '../OrBottomSheetV3-34d4ad36.js';
+import { s as script$1 } from '../OrInputV3-090f737f.js';
+import { b as useIdAttribute, c as useControlAttributes, e as useValidationAttributes, a7 as watchDebounced } from '../OrBottomSheetV3-d91b9222.js';
 
 var script = defineComponent({
   name: 'OrSearch',