@onereach/ui-components 8.8.2-beta.3728.0 → 8.8.2-beta.3729.0

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrRangeSliderV3-35dd8e74.js';
+export { _ as default } from '../OrRangeSliderV3-8deed393.js';
 import '../OrAvatar-aa94cbf7.js';

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

@@ -1,2 +1,2 @@
-export { _ as OrRangeSliderV3 } from '../OrRangeSliderV3-35dd8e74.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-f27deb17.js';
+export { _ as OrRangeSliderV3 } from '../OrRangeSliderV3-8deed393.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-e4d640d4.js';

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

@@ -1 +1 @@
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-f27deb17.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-e4d640d4.js';

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

@@ -1,2 +1,2 @@
-import '../OrSliderV3-f27deb17.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-35dd8e74.js';
+import '../OrSliderV3-e4d640d4.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-8deed393.js';

package/dist/bundled/v2/components/{OrRangeSliderV3-35dd8e74.js → OrRangeSliderV3-8deed393.js}

@@ -1,6 +1,6 @@
-import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-f27deb17.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-e4d640d4.js';
 import { u as useProxyModelValue, $ as useElementBounding, d as useElementHover, a1 as useDraggable, a2 as clamp } from './OrBottomSheetV3-1f68afd8.js';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrTooltipV3-4d64efcf.js';
 import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
@@ -192,7 +192,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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();
@@ -230,6 +230,21 @@ 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,

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSliderV3-f27deb17.js';
+export { _ as default } from '../OrSliderV3-e4d640d4.js';
 import '../OrAvatar-aa94cbf7.js';

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

@@ -1 +1 @@
-export { _ as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-f27deb17.js';
+export { _ as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-e4d640d4.js';

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

@@ -1 +1 @@
-export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-f27deb17.js';
+export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-e4d640d4.js';

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

@@ -1 +1 @@
-export { b as Slider, j as SliderLabel, l as SliderLabelMark, k 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-f27deb17.js';
+export { b as Slider, j as SliderLabel, l as SliderLabelMark, k 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-e4d640d4.js';

package/dist/bundled/v2/components/{OrSliderV3-f27deb17.js → OrSliderV3-e4d640d4.js}

@@ -1,5 +1,5 @@
 import { u as useProxyModelValue, $ as useElementBounding, d as useElementHover, a1 as useDraggable, a2 as clamp } from './OrBottomSheetV3-1f68afd8.js';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrTooltipV3-4d64efcf.js';
 import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
 
@@ -181,7 +181,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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);
     // Handlers
@@ -202,6 +202,21 @@ 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,

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

@@ -76,8 +76,8 @@ export { default as OrRadio } from './OrRadio/OrRadio.js';
 export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { _ as OrRadioV3 } from './OrRadioV3-eed57712.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSliderV3-35dd8e74.js';
-export { _ as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-f27deb17.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSliderV3-8deed393.js';
+export { _ as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-e4d640d4.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-4f00ebc0.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditorV3-0a5cd060.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';

package/dist/bundled/v2/index.js

@@ -41,7 +41,7 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './comp
 export { default as OrRadio } from './components/OrRadio/OrRadio.js';
 export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
-export { _ as OrRangeSliderV3 } from './components/OrRangeSliderV3-35dd8e74.js';
+export { _ as OrRangeSliderV3 } from './components/OrRangeSliderV3-8deed393.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-0a5cd060.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-73e66842.js';
 export { _ as OrSelect } from './components/OrSelect-228372b9.js';
@@ -51,7 +51,7 @@ export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-34e51588.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './components/OrSkeletonV3-9cb7dce4.js';
 export { default as OrSlider } from './components/OrSlider/OrSlider.js';
-export { _ as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-f27deb17.js';
+export { _ as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-e4d640d4.js';
 export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-20770985.js';
 export { default as OrStepper } from './components/OrStepper/OrStepper.js';
 export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrRangeSliderV3-ac10db3d.js';
+export { s as default } from '../OrRangeSliderV3-0f16ba45.js';

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

@@ -1,2 +1,2 @@
-export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-ac10db3d.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-eb606ea7.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-0f16ba45.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-9c2f3e42.js';

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

@@ -1 +1 @@
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-eb606ea7.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-9c2f3e42.js';

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

@@ -1,2 +1,2 @@
-import '../OrSliderV3-eb606ea7.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-ac10db3d.js';
+import '../OrSliderV3-9c2f3e42.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-0f16ba45.js';

package/dist/bundled/v3/components/{OrRangeSliderV3-ac10db3d.js → OrRangeSliderV3-0f16ba45.js}

@@ -1,7 +1,7 @@
-import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-eb606ea7.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSliderV3-9c2f3e42.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-dc89f856.js';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { s as script$1 } from './OrTooltipV3-ffe1652f.js';
 
 const RangeSlider = [
@@ -192,7 +192,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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();
@@ -230,6 +230,21 @@ 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,

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

@@ -1 +1 @@
-export { s as default } from '../OrSliderV3-eb606ea7.js';
+export { s as default } from '../OrSliderV3-9c2f3e42.js';

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

@@ -1 +1 @@
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-eb606ea7.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSliderV3-9c2f3e42.js';

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

@@ -1 +1 @@
-export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-eb606ea7.js';
+export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-9c2f3e42.js';

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

@@ -1 +1 @@
-export { b as Slider, j as SliderLabel, l as SliderLabelMark, k 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-eb606ea7.js';
+export { b as Slider, j as SliderLabel, l as SliderLabelMark, k 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-9c2f3e42.js';

package/dist/bundled/v3/components/{OrSliderV3-eb606ea7.js → OrSliderV3-9c2f3e42.js}

@@ -1,6 +1,6 @@
 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-dc89f856.js';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { s as script$1 } from './OrTooltipV3-ffe1652f.js';
 
 var SliderColor;
@@ -181,7 +181,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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);
     // Handlers
@@ -202,6 +202,21 @@ 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,

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

@@ -76,8 +76,8 @@ export { default as OrRadio } from './OrRadio/OrRadio.js';
 export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRadioV3 } from './OrRadioV3-b45d1e8b.js';
-export { s as OrRangeSliderV3 } from './OrRangeSliderV3-ac10db3d.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-eb606ea7.js';
+export { s as OrRangeSliderV3 } from './OrRangeSliderV3-0f16ba45.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-9c2f3e42.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-4a43855d.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-d23669da.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';

package/dist/bundled/v3/index.js

@@ -40,7 +40,7 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './comp
 export { default as OrRadio } from './components/OrRadio/OrRadio.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-ac10db3d.js';
+export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-0f16ba45.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-d23669da.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-6dd2c796.js';
 export { s as OrSelect } from './components/OrSelect-fc318cc4.js';
@@ -50,7 +50,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-7c81d12c.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './components/OrSkeletonV3-fddfdcee.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-eb606ea7.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-9c2f3e42.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-b5dfd90a.js';
 export { default as OrStepper } from './components/OrStepper/OrStepper.js';
 export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';

package/dist/esm/v2/{OrRangeSlider-43dee9e8.js → OrRangeSlider-255a259f.js}

@@ -1,12 +1,12 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrTooltip-43ed75fe.js';
 import './OrPopover-7820b4af.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-19fd485e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const RangeSlider = [
@@ -197,7 +197,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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();
@@ -235,6 +235,21 @@ 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,

package/dist/esm/v2/{OrSlider-7184e800.js → OrSlider-f90faadb.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-19fd485e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js → OrSlider.vue_rollup-plugin-vue_script-19fd485e.js}

@@ -1,5 +1,5 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -185,7 +185,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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);
     // Handlers
@@ -206,6 +206,21 @@ 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,

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

@@ -92,9 +92,9 @@ export { _ as OrRadio } from '../OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-c0ad9bf3.js';
 export { _ as OrRadioV3 } from '../OrRadio-81a1263e.js';
-export { _ as OrRangeSliderV3 } from '../OrRangeSlider-43dee9e8.js';
-export { _ as OrSliderV3 } from '../OrSlider-7184e800.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js';
+export { _ as OrRangeSliderV3 } from '../OrRangeSlider-255a259f.js';
+export { _ as OrSliderV3 } from '../OrSlider-f90faadb.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-19fd485e.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-0888f196.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-63faaf79.js';
 export { _ as OrSearch } from '../OrSearch-ac542dd6.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-43dee9e8.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js';
+export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-255a259f.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-19fd485e.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrSliderV3 } from '../../OrSlider-7184e800.js';
-export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js';
+export { _ as OrSliderV3 } from '../../OrSlider-f90faadb.js';
+export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-19fd485e.js';
 import '../../normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -92,9 +92,9 @@ export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-c0ad9bf3.js';
 export { _ as OrRadioV3 } from './OrRadio-81a1263e.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSlider-43dee9e8.js';
-export { _ as OrSliderV3 } from './OrSlider-7184e800.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-d9ba1c84.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSlider-255a259f.js';
+export { _ as OrSliderV3 } from './OrSlider-f90faadb.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-19fd485e.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-0888f196.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-63faaf79.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';

package/dist/esm/v3/{OrRangeSlider-6364e907.js → OrRangeSlider-5a611a12.js}

@@ -1,12 +1,12 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrTooltip-ac2555b8.js';
 import './OrPopover-062e78f6.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider-7cdc7ed5.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-8d4a54af.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
 
 const RangeSlider = [
@@ -197,7 +197,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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();
@@ -235,6 +235,21 @@ 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,

package/dist/esm/v3/{OrSlider-7cdc7ed5.js → OrSlider-8d4a54af.js}

@@ -1,5 +1,5 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -186,7 +186,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(props.breakpoints).sort((a, b) => a - b);
+      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);
     // Handlers
@@ -207,6 +207,21 @@ 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,

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

@@ -89,8 +89,8 @@ export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-b4b6d364.js';
 export { s as OrRadioV3 } from '../OrRadio-50b0ead5.js';
-export { s as OrRangeSliderV3 } from '../OrRangeSlider-6364e907.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-7cdc7ed5.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSlider-5a611a12.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-8d4a54af.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-5dfd3f6d.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-155c8006.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';

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

@@ -1,5 +1,5 @@
-export { s as OrRangeSliderV3 } from '../../OrRangeSlider-6364e907.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider-7cdc7ed5.js';
+export { s as OrRangeSliderV3 } from '../../OrRangeSlider-5a611a12.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider-8d4a54af.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

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-7cdc7ed5.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../../OrSlider-8d4a54af.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -89,8 +89,8 @@ export { s as OrRadio } from './OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-b4b6d364.js';
 export { s as OrRadioV3 } from './OrRadio-50b0ead5.js';
-export { s as OrRangeSliderV3 } from './OrRangeSlider-6364e907.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-7cdc7ed5.js';
+export { s as OrRangeSliderV3 } from './OrRangeSlider-5a611a12.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-8d4a54af.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-5dfd3f6d.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-155c8006.js';
 export { s as OrSearch } from './OrSearch-2800e9bf.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.8.2-beta.3728.0",
+  "version": "8.8.2-beta.3729.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.4.2",
-    "@onereach/styles": "^6.4.1-beta.3728.0",
+    "@onereach/styles": "^6.4.1-beta.3729.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

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

@@ -68,7 +68,7 @@
 
 <script lang="ts">
 import { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';
-import { PropType, computed, defineComponent, ref, toRef } from 'vue-demi';
+import { PropType, computed, defineComponent, ref, toRef, watch } from 'vue-demi';
 import { useProxyModelValue } from '../../hooks';
 import { OrTooltipV3 as OrTooltip } from '../or-tooltip-v3';
 import { RangeSliderColor, RangeSliderOrientation } from './props';
@@ -231,10 +231,10 @@ export default defineComponent({
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
 
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1)
+      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)
+        .concat(...props.breakpoints, props.maxValue)
         .sort((a, b) => a - b);
     });
 
@@ -287,6 +287,19 @@ export default defineComponent({
       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,

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

@@ -47,7 +47,7 @@
 
 <script lang="ts">
 import { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';
-import { PropType, computed, defineComponent, ref, toRef } from 'vue-demi';
+import { PropType, computed, defineComponent, ref, toRef, watch } from 'vue-demi';
 import { useProxyModelValue } from '../../hooks';
 import { OrTooltipV3 as OrTooltip } from '../or-tooltip-v3';
 import { SliderColor, SliderOrientation } from './props';
@@ -178,10 +178,10 @@ export default defineComponent({
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
 
-      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1)
+      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)
+        .concat(...props.breakpoints, props.maxValue)
         .sort((a, b) => a - b);
     });
 
@@ -210,6 +210,19 @@ export default defineComponent({
       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,