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

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

@@ -1 +1 @@
-export { I as SearchSize } from '../OrInputBoxV3-a079251d.js';
+export { I as SearchSize } from '../OrInputBoxV3-158edd7f.js';

package/dist/bundled/v3/components/OrSegmentedControlV3/OrSegmentedControl.js

@@ -1 +1 @@
-export { s as default } from '../OrSegmentedControlV3-a23c975e.js';
+export { s as default } from '../OrSegmentedControlV3-8a604c3a.js';

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

@@ -1 +1 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControlV3-a23c975e.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControlV3-8a604c3a.js';

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

@@ -1 +1 @@
-export { S as SegmentedControlSize } from '../OrSegmentedControlV3-a23c975e.js';
+export { S as SegmentedControlSize } from '../OrSegmentedControlV3-8a604c3a.js';

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

@@ -1 +1 @@
-export { a as SegmentedControlRoot, b as SegmentedControlRootSizes } from '../OrSegmentedControlV3-a23c975e.js';
+export { a as SegmentedControlRoot, b as SegmentedControlRootSizes } from '../OrSegmentedControlV3-8a604c3a.js';

package/dist/bundled/v3/components/{OrSegmentedControlV3-a23c975e.js → OrSegmentedControlV3-8a604c3a.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { defineComponent, ref, computed, isVue2, toRef } from 'vue-demi';
-import { u as useProxyModelValue } from './OrBottomSheetV3-34d4ad36.js';
+import { u as useProxyModelValue } from './OrBottomSheetV3-d91b9222.js';
 
 const SegmentedControlItemRoot = [
 // Layout

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

@@ -1 +1 @@
-export { s as default } from '../OrSelect-c8047252.js';
+export { s as default } from '../OrSelect-5db0c0bf.js';

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

@@ -1 +1 @@
-export { C as COMMON_STRING_PROP, D as DEFAULT_TEXT, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, O as OR_SELECT_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, a as OR_SELECT_SEARCH_OPTIONS_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP, b as OR_SELECT_VALUE_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP } from '../OrSelect-c8047252.js';
+export { C as COMMON_STRING_PROP, D as DEFAULT_TEXT, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, O as OR_SELECT_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, a as OR_SELECT_SEARCH_OPTIONS_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP, b as OR_SELECT_VALUE_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP } from '../OrSelect-5db0c0bf.js';

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

@@ -1 +1 @@
-export { s as OrSelect } from '../OrSelect-c8047252.js';
+export { s as OrSelect } from '../OrSelect-5db0c0bf.js';

package/dist/bundled/v3/components/{OrSelect-c8047252.js → OrSelect-5db0c0bf.js}

@@ -1,14 +1,14 @@
-import { k as keys_1, a as isArrayLike_1, _ as _Stack, b as _baseIsEqual, c as isArguments_1, d as _isIndex, e as isLength_1, f as _baseAssignValue } from './OrList-9041de14.js';
-import { x as isObject_1, a8 as _castPath, M as isArray_1, a9 as _toKey, a0 as get_1, aa as _isKey, ab as _baseGet, S as isEmpty, o as onClickOutside } from './OrBottomSheetV3-34d4ad36.js';
+import { k as keys_1, a as isArrayLike_1, _ as _Stack, b as _baseIsEqual, c as isArguments_1, d as _isIndex, e as isLength_1, f as _baseAssignValue } from './OrList-2e9c5a01.js';
+import { x as isObject_1, a8 as _castPath, M as isArray_1, a9 as _toKey, a0 as get_1, aa as _isKey, ab as _baseGet, S as isEmpty, o as onClickOutside } from './OrBottomSheetV3-d91b9222.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, renderSlot, createVNode, createTextVNode, withCtx, normalizeProps, guardReactiveProps } 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 { _ as _baseProperty } from './OrDateTimePicker-5e0b9593.js';
-import { s as script$9 } from './OrChips-8204d690.js';
+import { _ as _baseProperty } from './OrDateTimePicker-19df7cb0.js';
+import { s as script$9 } from './OrChips-fb81578f.js';
 import { OrIcon as script$a } from './OrIcon/index.js';
 import script$b from './OrCheckbox/OrCheckbox.js';
 import { OrLoader as script$c } from './OrLoader/index.js';
-import { s as script$d } from './OrFloating-0d587434.js';
+import { s as script$d } from './OrFloating-304bb280.js';
 import script$e from './OrLabel/OrLabel.js';
 import script$f from './OrError/OrError.js';
 

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-bf0d3438.js';
+export { s as default } from '../OrSelectV3-47ac0595.js';

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

@@ -1,2 +1,2 @@
-export { s as OrSelectV3 } from '../OrSelectV3-bf0d3438.js';
-export { I as SelectSize } from '../OrInputBoxV3-a079251d.js';
+export { s as OrSelectV3 } from '../OrSelectV3-47ac0595.js';
+export { I as SelectSize } from '../OrInputBoxV3-158edd7f.js';

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

@@ -1 +1 @@
-export { I as SelectSize } from '../OrInputBoxV3-a079251d.js';
+export { I as SelectSize } from '../OrInputBoxV3-158edd7f.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-bf0d3438.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-47ac0595.js';

package/dist/bundled/v3/components/{OrSelectV3-bf0d3438.js → OrSelectV3-47ac0595.js}

@@ -1,19 +1,19 @@
-import { s as script$d, I as InputBoxSize } from './OrInputBoxV3-a079251d.js';
+import { s as script$d, I as InputBoxSize } from './OrInputBoxV3-158edd7f.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, withDirectives, normalizeStyle, vModelDynamic, resolveComponent, createVNode, createSlots, withCtx, createElementVNode, vShow, createBlock, createTextVNode, toDisplayString, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
 import { defineComponent, ref, computed, toRefs, watch, getCurrentInstance, onMounted } from 'vue-demi';
-import { i as isEmptyValue, u as useProxyModelValue, ac as useFocus, ad as isEqualValue, v as useResponsive } from './OrBottomSheetV3-34d4ad36.js';
-import { s as script$5, T as TagsOverflow } from './OrTagsV3-9625628a.js';
-import { s as script$6 } from './OrCheckboxV3-b22cada7.js';
+import { i as isEmptyValue, u as useProxyModelValue, ac as useFocus, ad as isEqualValue, v as useResponsive } from './OrBottomSheetV3-d91b9222.js';
+import { s as script$5, T as TagsOverflow } from './OrTagsV3-dfa886a8.js';
+import { s as script$6 } from './OrCheckboxV3-f81e49da.js';
 import { s as script$7 } from './OrErrorV3-f61387d6.js';
-import { s as script$8 } from './OrExpansionPanelV3-6ed3c8e5.js';
+import { s as script$8 } from './OrExpansionPanelV3-11fc4d71.js';
 import { s as script$9 } from './OrHintV3-1fcfaa19.js';
 import { s as script$a } from './OrIconV3-85d7d26b.js';
-import { s as script$b } from './OrIconButtonV3-48e98bc5.js';
-import { s as script$c } from './OrInputV3-12e0ec74.js';
+import { s as script$b } from './OrIconButtonV3-7226d1c3.js';
+import { s as script$c } from './OrInputV3-090f737f.js';
 import { s as script$e } from './OrLabelV3-5fd72248.js';
 import { s as script$f } from './OrMenuItemV3-3f3e2924.js';
-import { s as script$g } from './OrPopoverV3-78670690.js';
-import { D as DropdownClose, a as DropdownOpen } from './OrDatePickerV3-ad316378.js';
+import { s as script$g } from './OrPopoverV3-e6cc5319.js';
+import { D as DropdownClose, a as DropdownOpen } from './OrDatePickerV3-abb9c6ab.js';
 
 const SelectPlaceholder = [
 // Interactivity

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

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from 'vue';
-import { s as styleInject } from '../OrAvatar-aeeccfd4.js';
-import { a1 as useDraggable } from '../OrBottomSheetV3-34d4ad36.js';
+import { s as styleInject } from '../OrAvatar-7d8161a9.js';
+import { a1 as useDraggable } from '../OrBottomSheetV3-d91b9222.js';
 import { defineComponent, ref } from 'vue-demi';
 
 var OrSidebarSide;

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js

@@ -1 +1 @@
-export { s as default } from '../OrSidebarV3-7b217d46.js';
+export { s as default } from '../OrSidebarV3-c74c02f2.js';

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

@@ -1,2 +1,2 @@
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-7b217d46.js';
-export { R as SidebarPadding } from '../OrResizeablePanelV3-05a2afd0.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-c74c02f2.js';
+export { R as SidebarPadding } from '../OrResizeablePanelV3-f154b140.js';

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

@@ -1,2 +1,2 @@
-export { R as SidebarPadding } from '../OrResizeablePanelV3-05a2afd0.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../OrSidebarV3-7b217d46.js';
+export { R as SidebarPadding } from '../OrResizeablePanelV3-f154b140.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from '../OrSidebarV3-c74c02f2.js';

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

@@ -1,2 +1,2 @@
-import '../OrResizeablePanelV3-05a2afd0.js';
-export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-7b217d46.js';
+import '../OrResizeablePanelV3-f154b140.js';
+export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-c74c02f2.js';

package/dist/bundled/v3/components/{OrSidebarV3-7b217d46.js → OrSidebarV3-c74c02f2.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-05a2afd0.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-f154b140.js';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { t as usePopoverState } from './OrBottomSheetV3-34d4ad36.js';
+import { t as usePopoverState } from './OrBottomSheetV3-d91b9222.js';
 
 var SidebarPlacement;
 (function (SidebarPlacement) {

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

@@ -1 +1 @@
-export { O as OrSkeletonTextSizes } from '../OrSkeleton-abe4522d.js';
+export { O as OrSkeletonTextSizes } from '../OrSkeleton-a8e9ed20.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-abe4522d.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-a8e9ed20.js';

package/dist/bundled/v3/components/{OrSkeleton-abe4522d.js → OrSkeleton-a8e9ed20.js}

@@ -1,9 +1,9 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
-import { s as styleInject } from './OrAvatar-aeeccfd4.js';
-import { p as pxToRem, H as eq_1, x as isObject_1 } from './OrBottomSheetV3-34d4ad36.js';
+import { s as styleInject } from './OrAvatar-7d8161a9.js';
+import { p as pxToRem, H as eq_1, x as isObject_1 } from './OrBottomSheetV3-d91b9222.js';
 import { defineComponent } from 'vue-demi';
-import { a as isArrayLike_1, d as _isIndex } from './OrList-9041de14.js';
-import { b as toFinite_1 } from './OrDateTimePicker-5e0b9593.js';
+import { a as isArrayLike_1, d as _isIndex } from './OrList-2e9c5a01.js';
+import { b as toFinite_1 } from './OrDateTimePicker-19df7cb0.js';
 
 var script$2 = defineComponent({
   name: 'OrSkeletonCircle',

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

@@ -1 +1 @@
-export { s as default } from '../OrSkeleton-abe4522d.js';
+export { s as default } from '../OrSkeleton-a8e9ed20.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-abe4522d.js';
+export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-a8e9ed20.js';

package/dist/bundled/v3/components/OrSkeletonCircleV3/OrSkeletonCircle.js

@@ -1 +1 @@
-export { s as default } from '../OrSkeletonV3-28c40f2c.js';
+export { s as default } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonCircleV3 } from '../OrSkeletonV3-28c40f2c.js';
+export { s as OrSkeletonCircleV3 } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { a as default } from '../OrSkeleton-abe4522d.js';
+export { a as default } from '../OrSkeleton-a8e9ed20.js';

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

@@ -1 +1 @@
-export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-abe4522d.js';
+export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-a8e9ed20.js';

package/dist/bundled/v3/components/OrSkeletonRectV3/OrSkeletonRect.js

@@ -1 +1 @@
-export { a as default } from '../OrSkeletonV3-28c40f2c.js';
+export { a as default } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { a as OrSkeletonRectV3 } from '../OrSkeletonV3-28c40f2c.js';
+export { a as OrSkeletonRectV3 } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { b as default } from '../OrSkeleton-abe4522d.js';
+export { b as default } from '../OrSkeleton-a8e9ed20.js';

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

@@ -1 +1 @@
-export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-abe4522d.js';
+export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-a8e9ed20.js';

package/dist/bundled/v3/components/OrSkeletonTextV3/OrSkeletonText.js

@@ -1 +1 @@
-export { b as default } from '../OrSkeletonV3-28c40f2c.js';
+export { b as default } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { b as OrSkeletonTextV3 } from '../OrSkeletonV3-28c40f2c.js';
+export { b as OrSkeletonTextV3 } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonV3-28c40f2c.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonV3-d05adeea.js';

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

@@ -1 +1 @@
-export { g as SkeletonAnimated, d as SkeletonCircle, e as SkeletonRect, S as SkeletonRoot, f as SkeletonText, c as SkeletonTextContainerRoot } from '../OrSkeletonV3-28c40f2c.js';
+export { g as SkeletonAnimated, d as SkeletonCircle, e as SkeletonRect, S as SkeletonRoot, f as SkeletonText, c as SkeletonTextContainerRoot } from '../OrSkeletonV3-d05adeea.js';

package/dist/bundled/v3/components/{OrSkeletonV3-28c40f2c.js → OrSkeletonV3-d05adeea.js}

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
-import { r as range_1 } from './OrSkeleton-abe4522d.js';
+import { r as range_1 } from './OrSkeleton-a8e9ed20.js';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { p as pxToRem } from './OrBottomSheetV3-34d4ad36.js';
+import { p as pxToRem } from './OrBottomSheetV3-d91b9222.js';
 
 const SkeletonRoot = [
 // Position

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

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createCommentVNode, renderSlot, createVNode, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, pushScopeId, popScopeId } 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 { o as onClickOutside, a1 as useDraggable, ae as addClass, af as removeClass } from '../OrBottomSheetV3-34d4ad36.js';
+import { o as onClickOutside, a1 as useDraggable, ae as addClass, af as removeClass } from '../OrBottomSheetV3-d91b9222.js';
 import { OrIcon as script$1 } from '../OrIcon/index.js';
 
 var script = defineComponent({

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

@@ -1 +1 @@
-export { s as default } from '../OrSliderV3-1417e855.js';
+export { s as default } from '../OrSliderV3-999ec5f5.js';

package/dist/bundled/v3/components/OrSliderV3/OrSlider.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: SliderColor;
@@ -43,7 +47,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     labelStyles: import("vue-demi").ComputedRef<string[]>;
     labelMarkStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    internalModelValue: import("vue-demi").WritableComputedRef<number>;
     isHovering: 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<{
@@ -63,6 +66,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
     color: {
         type: PropType<"primary" | "secondary">;
         default: SliderColor;
@@ -82,6 +89,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/OrSliderV3/index.js

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

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

@@ -1 +1 @@
-export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-1417e855.js';
+export { S as SliderColor, a as SliderOrientation } from '../OrSliderV3-999ec5f5.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-1417e855.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-999ec5f5.js';

package/dist/bundled/v3/components/{OrSliderV3-1417e855.js → OrSliderV3-999ec5f5.js}

@@ -1,7 +1,7 @@
 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';
 
 var SliderColor;
 (function (SliderColor) {
@@ -47,10 +47,10 @@ const SliderRailOrientations = {
   'layout-column-reverse items-center', 'w-xs', 'h-full', 'mx-md+', 'my-none']
 };
 const SliderTrack = [
-// Box
-'w-full', 'h-full',
 // Shape
-'rounded-full'];
+'rounded-full',
+// Box
+'w-full', 'h-full'];
 const SliderTrackColors = {
   [SliderColor.Primary]: [
   // Theme
@@ -62,27 +62,27 @@ const SliderTrackColors = {
 const SliderThumb = [
 // 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 SliderThumbColors = {
   [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 SliderLabel = [];
 const SliderLabelOrientations = {
@@ -128,6 +128,10 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
+    breakpoints: {
+      type: Array,
+      default: () => []
+    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -167,8 +171,17 @@ var script = defineComponent({
         return (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        proxyModelValue.value = Math.round(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;
+        });
+      }
+    });
+    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);
     // Handlers
@@ -189,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,
@@ -201,7 +229,6 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
-      internalModelValue,
       isHovering,
       isDragging
     };
@@ -235,7 +262,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "is-open": _ctx.isHovering || _ctx.isDragging,
     content: String(_ctx.proxyModelValue),
     placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
-    offset: 8,
+    offset: 24,
     "external-control": true
   }, {
     default: withCtx(() => [createElementVNode("div", {

package/dist/bundled/v3/components/OrSortingV3/OrSorting.js

@@ -1 +1 @@
-export { s as default } from '../OrSortingV3-e44787bc.js';
+export { s as default } from '../OrSortingV3-83d72681.js';

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

@@ -1 +1 @@
-export { s as OrSortingV3 } from '../OrSortingV3-e44787bc.js';
+export { s as OrSortingV3 } from '../OrSortingV3-83d72681.js';

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

@@ -1 +1 @@
-export { a as SortingLabel, S as SortingRoot } from '../OrSortingV3-e44787bc.js';
+export { a as SortingLabel, S as SortingRoot } from '../OrSortingV3-83d72681.js';

package/dist/bundled/v3/components/{OrSortingV3-e44787bc.js → OrSortingV3-83d72681.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { s as script$1 } from './OrMenuV3-1f32ed01.js';
+import { s as script$1 } from './OrMenuV3-2fe474cd.js';
 import { s as script$2 } from './OrMenuItemV3-3f3e2924.js';
-import { s as script$3 } from './OrButtonV3-2e30ff5a.js';
+import { s as script$3 } from './OrButtonV3-f00fc3f0.js';
 import { s as script$4 } from './OrIconV3-85d7d26b.js';
-import { u as useProxyModelValue } from './OrBottomSheetV3-34d4ad36.js';
+import { u as useProxyModelValue } from './OrBottomSheetV3-d91b9222.js';
 
 const SortingRoot = [];
 const SortingLabel = [

package/dist/bundled/v3/components/OrStatusV3/OrStatus.js

@@ -1 +1 @@
-export { s as default } from '../OrStatusV3-3babb89c.js';
+export { s as default } from '../OrStatusV3-073f5dc8.js';

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

@@ -1 +1 @@
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-3babb89c.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-073f5dc8.js';

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

@@ -1 +1 @@
-export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-3babb89c.js';
+export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-073f5dc8.js';

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

@@ -1 +1 @@
-export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-3babb89c.js';
+export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-073f5dc8.js';

package/dist/bundled/v3/components/{OrStatusV3-3babb89c.js → OrStatusV3-073f5dc8.js}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode } from 'vue';
-import { ag as formatTimeAgo } from './OrBottomSheetV3-34d4ad36.js';
+import { ag as formatTimeAgo } from './OrBottomSheetV3-d91b9222.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 
 var StatusVariant;

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

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent } from 'vue';
 import { defineComponent } from 'vue-demi';
-import { s as script$6 } from '../OrButtonV2-73f042fd.js';
-import { s as styleInject } from '../OrAvatar-aeeccfd4.js';
+import { s as script$6 } from '../OrButtonV2-447ab9da.js';
+import { s as styleInject } from '../OrAvatar-7d8161a9.js';
 
 var script$5 = defineComponent({
   name: 'OrStepperButtonOptions',

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, vShow, 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 } from 'vue-demi';
 import { OrLoader as script$1 } from '../OrLoader/index.js';
 

package/dist/bundled/v3/components/OrSwitchV3/OrSwitch.js

@@ -1 +1 @@
-export { s as default } from '../OrSwitchV3-9d71b08e.js';
+export { s as default } from '../OrSwitchV3-ed1da635.js';

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

@@ -1 +1 @@
-export { s as OrSwitchV3 } from '../OrSwitchV3-9d71b08e.js';
+export { s as OrSwitchV3 } from '../OrSwitchV3-ed1da635.js';

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

@@ -1 +1 @@
-export { a as SwitchControl, b as SwitchControlHandle, c as SwitchLoader, d as SwitchLoaderHandle, S as SwitchRoot } from '../OrSwitchV3-9d71b08e.js';
+export { a as SwitchControl, b as SwitchControlHandle, c as SwitchLoader, d as SwitchLoaderHandle, S as SwitchRoot } from '../OrSwitchV3-ed1da635.js';

package/dist/bundled/v3/components/{OrSwitchV3-9d71b08e.js → OrSwitchV3-ed1da635.js}

@@ -1,9 +1,9 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelCheckbox, createVNode, 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 { s as script$2 } from './OrLoaderV3-0ad5cd2c.js';
-import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-34d4ad36.js';
+import { s as script$2 } from './OrLoaderV3-1b3846a8.js';
+import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-d91b9222.js';
 
 const SwitchRoot = [
 // Layout

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

@@ -1,7 +1,7 @@
 import { withDirectives, openBlock, createElementBlock, renderSlot, vShow } from 'vue';
-import { s as styleInject } from '../OrAvatar-aeeccfd4.js';
+import { s as styleInject } from '../OrAvatar-7d8161a9.js';
 import { defineComponent, unref } from 'vue-demi';
-import { v as v4 } from '../OrList-9041de14.js';
+import { v as v4 } from '../OrList-2e9c5a01.js';
 
 var script = defineComponent({
   name: 'OrTab',

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

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

package/dist/bundled/v3/components/OrTabV3/OrTab.js

@@ -1 +1 @@
-export { s as default } from '../OrTabV3-52cf59a3.js';
+export { s as default } from '../OrTabV3-b041538e.js';

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

@@ -1 +1 @@
-export { s as OrTabV3 } from '../OrTabV3-52cf59a3.js';
+export { s as OrTabV3 } from '../OrTabV3-b041538e.js';

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

@@ -1 +1 @@
-export { T as Tab } from '../OrTabV3-52cf59a3.js';
+export { T as Tab } from '../OrTabV3-b041538e.js';