@onereach/ui-components 10.3.4 → 10.3.5-beta.4338.0

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

@@ -1,11 +1,12 @@
 import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { castToMultipleValue } from './utils/castToMultipleValue.js';
-import { h as useFocus } from '../../index-13c63b4c.js';
+import { i as useFocus } from '../../index-fe85dfd9.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
-import { TagsOverflow } from '../OrTagsV3/props.js';
 import { isEqual } from '../../utils/isEqual.js';
+import { TagsOverflow } from '../OrTagsV3/props.js';
+import { isNil } from '../../utils/isNil.js';
+import { toArray } from '../../utils/toArray.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './styles.js';
 import __vue_component__$6 from '../OrCheckboxV3/OrCheckbox.js';
@@ -14,15 +15,18 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$c } from '../../OrInput-9b115866.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$g from '../OrPopoverV3/OrPopover.js';
+import { searchItemsByLabel } from '../../helpers/searchItemsByLabel.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
+import { include } from '../../utils/include.js';
+import { exclude } from '../../utils/exclude.js';
 
 const SelectControlInput = [
 // Base
@@ -245,12 +249,12 @@ var script$2 = defineComponent({
       default: ''
     },
     model: {
-      type: [Object, String, Number, Array],
-      default: () => []
+      type: undefined,
+      default: []
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     overflow: {
       type: String,
@@ -258,7 +262,7 @@ var script$2 = defineComponent({
     },
     placeholder: {
       type: String,
-      default: ''
+      default: undefined
     },
     readonly: {
       type: Boolean,
@@ -300,7 +304,7 @@ var script$2 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-multiple-control-v3', ...SelectMultipleControlRoot]);
     // Computed
-    const value = computed(() => castToMultipleValue(model.value));
+    const value = computed(() => isNil(model.value) ? [] : toArray(model.value));
     const isEmpty = computed(() => value.value.length === 0);
     const selection = computed(() => {
       if (model.value === undefined || model.value === null) {
@@ -455,16 +459,16 @@ var script$1 = defineComponent({
       default: ''
     },
     model: {
-      type: [Object, String, Number, Array],
+      type: undefined,
       default: undefined
     },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     placeholder: {
       type: String,
-      default: ''
+      default: undefined
     },
     disabled: {
       type: Boolean,
@@ -608,22 +612,26 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
+    modelValue: {
+      type: undefined,
+      default: undefined
+    },
     options: {
       type: Array,
-      default: () => []
+      default: []
     },
     searchOptions: {
       type: Array,
-      default: () => []
-    },
-    modelValue: {
-      type: [Object, String, Number, Array],
-      default: undefined
+      default: []
     },
     multiple: {
       type: Boolean,
       default: false
     },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
+    },
     size: {
       type: String,
       default: () => InputBoxSize.M
@@ -666,14 +674,7 @@ var script = defineComponent({
     },
     searchFunction: {
       type: Function,
-      default: async (searchText, options) => {
-        return options.filter(_ref => {
-          let {
-            label
-          } = _ref;
-          return label.toLowerCase().includes(searchText.toLowerCase());
-        });
-      }
+      default: searchItemsByLabel
     },
     groupByFunction: {
       type: Function,
@@ -682,10 +683,6 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
-    },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -753,8 +750,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
-      let [externalControl, searchText, options] = _ref2;
+    watch([() => props.externalControl, searchText, () => props.options], async _ref => {
+      let [externalControl, searchText, options] = _ref;
       if (externalControl) {
         context.emit('search', searchText);
       } else {
@@ -815,26 +812,31 @@ var script = defineComponent({
         }
       }
     }
-    function deselect(option) {
-      const modelValue = proxyModelValue.value;
-      if (Array.isArray(modelValue)) {
-        proxyModelValue.value = modelValue.filter(value => value !== option);
+    function selectOption(item) {
+      if (props.multiple) {
+        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+      } else {
+        proxyModelValue.value = item.value;
       }
     }
-    function toggleOption(option) {
-      const modelValue = proxyModelValue.value;
-      if (multiple.value) {
-        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
-          deselect(option);
+    function deselectOption(item) {
+      if (props.multiple) {
+        proxyModelValue.value = exclude(item.value, toArray(proxyModelValue.value));
+      } else {
+        proxyModelValue.value = null;
+      }
+    }
+    function toggleOption(item) {
+      if (props.multiple) {
+        const model = toArray(proxyModelValue.value);
+        if (!model.includes(item.value)) {
+          proxyModelValue.value = include(item.value, model);
         } else {
-          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
+          proxyModelValue.value = exclude(item.value, model);
         }
       } else {
-        proxyModelValue.value = option;
+        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : null;
       }
-      clearSearchControl();
-    }
-    function clearSearchControl() {
       searchText.value = '';
     }
     // Utils
@@ -871,9 +873,9 @@ var script = defineComponent({
       toggle,
       close,
       open,
-      deselect,
+      selectOption,
+      deselectOption,
       toggleOption,
-      clearSearchControl,
       isDesktop,
       isMobile
     };
@@ -958,7 +960,9 @@ var __vue_render__ = function () {
         "is-open": _vm.popoverState === 'open'
       },
       on: {
-        "reset": _vm.deselect
+        "reset": function ($event) {
+          return _vm.deselectOption($event);
+        }
       },
       scopedSlots: _vm._u([{
         key: "tag",
@@ -1087,7 +1091,7 @@ var __vue_render__ = function () {
         on: {
           "click": function ($event) {
             $event.stopPropagation();
-            return _vm.toggleOption(option.value);
+            return _vm.toggleOption(option);
           }
         }
       }, [_vm._t("optionTemplate", function () {
@@ -1107,7 +1111,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          !option.disabled && _vm.toggleOption(option.value);
+          !option.disabled && _vm.toggleOption(option);
         }
       }
     }, [_c('OrCheckbox', {
@@ -1120,7 +1124,7 @@ var __vue_render__ = function () {
     }, [_c('div', {
       on: {
         "click": function ($event) {
-          !option.disabled && _vm.toggleOption(option.value);
+          !option.disabled && _vm.toggleOption(option);
         }
       }
     }, [_vm._t("optionTemplate", function () {
@@ -1140,7 +1144,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          _vm.toggleOption(option.value);
+          _vm.toggleOption(option);
           _vm.close();
         }
       }
@@ -1156,33 +1160,29 @@ var __vue_render__ = function () {
     return [_vm._v("\n            No results\n          ")];
   }, {
     "searchText": _vm.searchText
-  })], 2)]], 2)], 1), _vm._v(" "), _c('div', {
+  })], 2)]], 2)], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -1,7 +1,8 @@
 import { PropType } from 'vue-demi';
+import { GroupFunction, SearchFunction } from '../../types';
 import { InputBoxSize } from '../or-input-box-v3';
 import { TagsOverflow } from '../or-tags-v3';
-import { RawValue, SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
+import { SelectItem, SelectModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -36,43 +37,47 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectValue>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectModelValue>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     showClear: import("@vue/composition-api").ComputedRef<boolean>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
-        value: RawValue;
         label: string;
+        value: import("./types").SelectItemValue;
         disabled?: boolean | undefined;
     }[]>;
-    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
-    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
+    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectItem[]>;
+    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectItem[]>>;
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
-    clearSearchControl: () => void;
+    selectOption: (item: SelectItem) => void;
+    deselectOption: (item: SelectItem) => void;
+    toggleOption: (item: SelectItem) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: PropType<SelectModelValue>;
+        default: undefined;
+    };
     options: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     searchOptions: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
@@ -114,38 +119,38 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     searchFunction: {
-        type: PropType<SelectSearchFunction>;
-        default: SelectSearchFunction;
+        type: PropType<SearchFunction<SelectItem>>;
+        default: SearchFunction<SelectItem>;
     };
     groupByFunction: {
-        type: PropType<SelectGroupByFunction>;
+        type: PropType<GroupFunction<SelectItem>>;
         default: undefined;
     };
     externalControl: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
-    };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectModelValue>;
+        default: undefined;
+    };
     options: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     searchOptions: {
-        type: PropType<SelectOption[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
+        type: PropType<SelectItem[]>;
+        default: SelectItem[];
     };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
@@ -187,28 +192,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     searchFunction: {
-        type: PropType<SelectSearchFunction>;
-        default: SelectSearchFunction;
+        type: PropType<SearchFunction<SelectItem>>;
+        default: SearchFunction<SelectItem>;
     };
     groupByFunction: {
-        type: PropType<SelectGroupByFunction>;
+        type: PropType<GroupFunction<SelectItem>>;
         default: undefined;
     };
     externalControl: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
-    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: SelectValue;
-    label: string;
-    options: SelectOption[];
-    searchOptions: SelectOption[];
+    modelValue: SelectModelValue;
+    options: SelectItem[];
+    searchOptions: SelectItem[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -217,10 +219,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     enableSearch: boolean;
     enableClear: boolean;
-    searchFunction: SelectSearchFunction;
-    groupByFunction: SelectGroupByFunction;
+    searchFunction: SearchFunction<SelectItem>;
+    groupByFunction: GroupFunction<SelectItem>;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -257,33 +258,34 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectValue>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectModelValue>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     showClear: import("@vue/composition-api").ComputedRef<boolean>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
-        value: RawValue;
         label: string;
+        value: import("./types").SelectItemValue;
         disabled?: boolean | undefined;
     }[]>;
-    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
-    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
+    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectItem[]>;
+    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectItem[]>>;
     toggle: () => void;
     close: () => void;
     open: () => void;
-    deselect: (option: RawValue) => void;
-    toggleOption: (option: RawValue) => void;
-    clearSearchControl: () => void;
+    selectOption: (item: SelectItem) => void;
+    deselectOption: (item: SelectItem) => void;
+    toggleOption: (item: SelectItem) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: SelectValue;
-    label: string;
-    options: SelectOption[];
-    searchOptions: SelectOption[];
+    modelValue: SelectModelValue;
+    options: SelectItem[];
+    searchOptions: SelectItem[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -292,19 +294,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     enableSearch: boolean;
     enableClear: boolean;
-    searchFunction: SelectSearchFunction;
-    groupByFunction: SelectGroupByFunction;
+    searchFunction: SearchFunction<SelectItem>;
+    groupByFunction: GroupFunction<SelectItem>;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: SelectValue;
-    label: string;
-    options: SelectOption[];
-    searchOptions: SelectOption[];
+    modelValue: SelectModelValue;
+    options: SelectItem[];
+    searchOptions: SelectItem[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -313,9 +315,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     enableSearch: boolean;
     enableClear: boolean;
-    searchFunction: SelectSearchFunction;
-    groupByFunction: SelectGroupByFunction;
+    searchFunction: SearchFunction<SelectItem>;
+    groupByFunction: GroupFunction<SelectItem>;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrSelectV3/types.d.ts

@@ -1,13 +1,4 @@
-export interface SelectOption {
-    value: RawValue;
-    label: string;
-    disabled?: boolean;
-}
-export type RawValue = string | number | object;
-export interface SelectSearchFunction {
-    (searchText: string, options: SelectOption[]): Promise<SelectOption[]>;
-}
-export interface SelectGroupByFunction {
-    (option: SelectOption): string;
-}
-export type SelectValue = RawValue | RawValue[] | undefined;
+import { Item, ModelValue } from '../../types';
+export type SelectModelValue = ModelValue<SelectItemValue | SelectItemValue[]>;
+export type SelectItem = Item<SelectItemValue>;
+export type SelectItemValue = string | number | object;

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

@@ -1,4 +1,4 @@
-import { f as useDraggable } from '../../index-13c63b4c.js';
+import { g as useDraggable } from '../../index-fe85dfd9.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, f as useDraggable } from '../../index-13c63b4c.js';
+import { o as onClickOutside, g as useDraggable } from '../../index-fe85dfd9.js';
 import { f as addClass, h as removeClass } from '../../dom-59fe0ee3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.js';
+import { f as useElementBounding, u as useElementHover, g as useDraggable } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { SliderColor, SliderOrientation } from './props.js';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark, SliderLabelMarkOrientations } from './styles.js';
@@ -35,7 +35,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: () => []
+      default: []
     },
     color: {
       type: String,
@@ -173,16 +173,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(toRef(props, 'minValue'), value => {
+    watch(() => props.minValue, value => {
       if (value >= props.maxValue) {
-        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
+        throw new Error('[OrSlider]: `minValue` must be lesser than `maxValue`.');
       }
     }, {
       immediate: true
     });
-    watch(toRef(props, 'maxValue'), value => {
+    watch(() => props.maxValue, value => {
       if (value <= props.minValue) {
-        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
+        throw new Error('[OrSlider]: `maxValue` must be greater than `minValue`.');
       }
     }, {
       immediate: true

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

@@ -43,7 +43,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: () => never[];
+        default: number[];
     };
     color: {
         type: PropType<"primary" | "secondary">;
@@ -82,7 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: () => never[];
+        default: number[];
     };
     color: {
         type: PropType<"primary" | "secondary">;

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

@@ -1,4 +1,4 @@
-import { i as formatTimeAgo } from '../../index-13c63b4c.js';
+import { j as formatTimeAgo } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';