@onereach/ui-components 10.3.3-beta.4312.0 → 10.3.3-beta.4314.0

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5b440601.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { l as useScrollLock } from '../../index-fe85dfd9.js';
+import { k as useScrollLock } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { e as useVModel } from '../../index-fe85dfd9.js';
+import { d as useVModel } from '../../index-13c63b4c.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

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

@@ -1,4 +1,4 @@
-import { f as useElementBounding } from '../../index-fe85dfd9.js';
+import { e as useElementBounding } from '../../index-13c63b4c.js';
 import { r as round_1 } from '../../round-b22acb42.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

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

@@ -1,4 +1,4 @@
-import { f as useElementBounding, u as useElementHover, g as useDraggable } from '../../index-fe85dfd9.js';
+import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
@@ -334,16 +334,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(() => props.minValue, value => {
+    watch(toRef(props, 'minValue'), value => {
       if (value >= props.maxValue) {
-        throw new Error('[OrRangeSlider]: `minValue` must be lesser than `maxValue`.');
+        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
       }
     }, {
       immediate: true
     });
-    watch(() => props.maxValue, value => {
+    watch(toRef(props, 'maxValue'), value => {
       if (value <= props.minValue) {
-        throw new Error('[OrRangeSlider]: `maxValue` must be greater than `minValue`.');
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
       }
     }, {
       immediate: true

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

@@ -1,4 +1,4 @@
-import { g as useDraggable } from '../../index-fe85dfd9.js';
+import { f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';

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

@@ -1,10 +1,10 @@
-import { h as useResizeObserver, o as onClickOutside } from '../../index-fe85dfd9.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5b440601.js';
+import { g as useResizeObserver, o as onClickOutside } from '../../index-13c63b4c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-4af315b8.js';
+import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, c as HorizontalRule, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, e as Link, f as Highlight } from '../../markdown-62ee11bf.js';
 import { OrRichTextEditor, EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { Formats } from './props.js';
-import { N as Node, m as mergeAttributes, t as textblockTypeInputRule, E as Extension, D as Decoration, a as DecorationSet, M as Mark, b as markInputRule, c as markPasteRule, k as keydownHandler, d as callOrReturn, g as getExtensionField, n as nodeInputRule, e as Editor } from '../../index-7516cf60.js';
+import { N as Node, m as mergeAttributes, t as textblockTypeInputRule, E as Extension, D as Decoration, a as DecorationSet, M as Mark, b as markInputRule, c as markPasteRule, k as keydownHandler, d as callOrReturn, g as getExtensionField, e as Editor } from '../../index-7516cf60.js';
 import { P as Plugin, a as PluginKey, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, b as Slice, T as TextSelection, M as Mapping } from '../../index-02a897ac.js';
 import codemirrorNode from './utils/codemirror/codemirrorNode.js';
 import __vue_component__$1 from '../OrIconButtonV3/OrIconButton.js';
@@ -12,13 +12,12 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-0153ab46.js';
+import { _ as __vue_component__$6 } from '../../OrInput-436fb208.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrErrorV3/OrError.js';
 import { a as useDebounceFn } from '../../index-279e78b9.js';
-import { isArray } from '../../utils/isArray.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -1292,71 +1291,6 @@ const History = Extension.create({
   }
 });
 
-const HorizontalRule = Node.create({
-  name: 'horizontalRule',
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: 'block',
-  parseHTML() {
-    return [{
-      tag: 'hr'
-    }];
-  },
-  renderHTML(_ref) {
-    let {
-      HTMLAttributes
-    } = _ref;
-    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
-  },
-  addCommands() {
-    return {
-      setHorizontalRule: () => _ref2 => {
-        let {
-          chain
-        } = _ref2;
-        return chain().insertContent({
-          type: this.name
-        })
-        // set cursor after horizontal rule
-        .command(_ref3 => {
-          let {
-            tr,
-            dispatch
-          } = _ref3;
-          var _a;
-          if (dispatch) {
-            const {
-              $to
-            } = tr.selection;
-            const posAfter = $to.end();
-            if ($to.nodeAfter) {
-              tr.setSelection(TextSelection.create(tr.doc, $to.pos));
-            } else {
-              // add node after horizontal rule if it’s the end of the document
-              const node = (_a = $to.parent.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.create();
-              if (node) {
-                tr.insert(posAfter, node);
-                tr.setSelection(TextSelection.create(tr.doc, posAfter));
-              }
-            }
-            tr.scrollIntoView();
-          }
-          return true;
-        }).run();
-      }
-    };
-  },
-  addInputRules() {
-    return [nodeInputRule({
-      find: /^(?:---|—-|___\s|\*\*\*\s)$/,
-      type: this.type
-    })];
-  }
-});
-
 const Text = Node.create({
   name: 'text',
   group: 'inline'
@@ -1718,7 +1652,7 @@ var script = defineComponent({
       activeHeadingLevel.value = ((_a = editor === null || editor === void 0 ? void 0 : editor.getAttributes('heading')) === null || _a === void 0 ? void 0 : _a.level) || 0;
     };
     const isVisible = value => {
-      if (isArray(value)) {
+      if (Array.isArray(value)) {
         const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
         return isHaveNotVisibleTools;
       }
@@ -1862,8 +1796,8 @@ var script = defineComponent({
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
       if (props.format === 'markdown' && value !== markdownOutput.value) {
-        //TODO: const deserialized = deserialize(editor?.schema, value);
-        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+        const deserialized = deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value);
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialized);
       }
     });
     return {

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

@@ -1,2 +1,2 @@
-export { d as deserialize, s as serialize } from '../../../markdown-4af315b8.js';
+export { d as deserialize, s as serialize } from '../../../markdown-62ee11bf.js';
 import '../../../index-02a897ac.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-0153ab46.js';
+import { _ as __vue_component__$1 } from '../../OrInput-436fb208.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { DEFAULT_TEXT, OR_SELECT_NO_RESULTS_TITLE_PROP, OR_SELECT_NO_RESULTS_START_TEXT_PROP, OR_SELECT_NO_RESULTS_END_TEXT_PROP, OR_SELECT_UPDATE_SEARCH_TEXT_PROP, OR_SELECT_VALUE_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP } from './constants.js';
 import __vue_component__$9 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,12 +1,11 @@
 import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { i as useFocus } from '../../index-fe85dfd9.js';
+import { castToMultipleValue } from './utils/castToMultipleValue.js';
+import { h as useFocus } from '../../index-13c63b4c.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 { isEqual } from '../../utils/isEqual.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
-import { isNil } from '../../utils/isNil.js';
-import { toArray } from '../../utils/toArray.js';
+import { isEqual } from '../../utils/isEqual.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';
@@ -15,17 +14,15 @@ 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-0153ab46.js';
+import { _ as __vue_component__$c } from '../../OrInput-436fb208.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 { isArray } from '../../utils/isArray.js';
 
 const SelectControlInput = [
 // Base
@@ -303,7 +300,7 @@ var script$2 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-multiple-control-v3', ...SelectMultipleControlRoot]);
     // Computed
-    const value = computed(() => isNil(model.value) ? [] : toArray(model.value));
+    const value = computed(() => castToMultipleValue(model.value));
     const isEmpty = computed(() => value.value.length === 0);
     const selection = computed(() => {
       if (model.value === undefined || model.value === null) {
@@ -611,10 +608,6 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
-    modelValue: {
-      type: [Object, String, Number, Array],
-      default: undefined
-    },
     options: {
       type: Array,
       default: () => []
@@ -623,14 +616,14 @@ var script = defineComponent({
       type: Array,
       default: () => []
     },
+    modelValue: {
+      type: [Object, String, Number, Array],
+      default: undefined
+    },
     multiple: {
       type: Boolean,
       default: false
     },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
-    },
     size: {
       type: String,
       default: () => InputBoxSize.M
@@ -673,7 +666,14 @@ var script = defineComponent({
     },
     searchFunction: {
       type: Function,
-      default: searchItemsByLabel
+      default: async (searchText, options) => {
+        return options.filter(_ref => {
+          let {
+            label
+          } = _ref;
+          return label.toLowerCase().includes(searchText.toLowerCase());
+        });
+      }
     },
     groupByFunction: {
       type: Function,
@@ -682,6 +682,10 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
+    },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -749,8 +753,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async _ref => {
-      let [externalControl, searchText, options] = _ref;
+    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
+      let [externalControl, searchText, options] = _ref2;
       if (externalControl) {
         context.emit('search', searchText);
       } else {
@@ -813,17 +817,17 @@ var script = defineComponent({
     }
     function deselect(option) {
       const modelValue = proxyModelValue.value;
-      if (isArray(modelValue)) {
+      if (Array.isArray(modelValue)) {
         proxyModelValue.value = modelValue.filter(value => value !== option);
       }
     }
     function toggleOption(option) {
       const modelValue = proxyModelValue.value;
       if (multiple.value) {
-        if (modelValue && isArray(modelValue) && modelValue.includes(option)) {
+        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
           deselect(option);
         } else {
-          proxyModelValue.value = [...toArray(modelValue), option];
+          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
         }
       } else {
         proxyModelValue.value = option;
@@ -1152,29 +1156,33 @@ var __vue_render__ = function () {
     return [_vm._v("\n            No results\n          ")];
   }, {
     "searchText": _vm.searchText
-  })], 2)]], 2)], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 2)]], 2)], 1), _vm._v(" "), _c('div', {
     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(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     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  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -57,10 +57,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
-    };
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -69,14 +65,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<SelectOption[]>;
         default: () => never[];
     };
+    modelValue: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
-    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
@@ -129,11 +125,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -142,14 +138,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<SelectOption[]>;
         default: () => never[];
     };
+    modelValue: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
-    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
@@ -202,14 +198,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         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[];
     multiple: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
-    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -221,6 +220,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -279,12 +279,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: SelectValue;
+    label: string;
     options: SelectOption[];
     searchOptions: SelectOption[];
     multiple: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
-    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -296,16 +295,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: SelectValue;
+    label: string;
     options: SelectOption[];
     searchOptions: SelectOption[];
     multiple: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
-    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -317,5 +316,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrSelectV3/utils/castToMultipleValue.d.ts

@@ -0,0 +1,2 @@
+import { SelectValue } from '../types';
+export declare function castToMultipleValue(value: SelectValue): SelectValue[];

package/dist/bundled/v2/components/OrSelectV3/utils/castToMultipleValue.js

@@ -0,0 +1,10 @@
+import { isEmpty } from '../../../utils/isEmpty.js';
+
+function castToMultipleValue(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return isEmpty(value) ? [] : [value];
+}
+
+export { castToMultipleValue };

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

@@ -1,4 +1,4 @@
-import { g as useDraggable } from '../../index-fe85dfd9.js';
+import { f as useDraggable } from '../../index-13c63b4c.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, g as useDraggable } from '../../index-fe85dfd9.js';
+import { o as onClickOutside, f as useDraggable } from '../../index-13c63b4c.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 { f as useElementBounding, u as useElementHover, g as useDraggable } from '../../index-fe85dfd9.js';
+import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.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';
@@ -173,16 +173,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(() => props.minValue, value => {
+    watch(toRef(props, 'minValue'), value => {
       if (value >= props.maxValue) {
-        throw new Error('[OrSlider]: `minValue` must be lesser than `maxValue`.');
+        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
       }
     }, {
       immediate: true
     });
-    watch(() => props.maxValue, value => {
+    watch(toRef(props, 'maxValue'), value => {
       if (value <= props.minValue) {
-        throw new Error('[OrSlider]: `maxValue` must be greater than `minValue`.');
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
       }
     }, {
       immediate: true

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

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

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

@@ -8,8 +8,6 @@ import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { isArray } from '../../utils/isArray.js';
 import { isNil } from '../../utils/isNil.js';
-import { include } from '../../utils/include.js';
-import { exclude } from '../../utils/exclude.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -71,7 +69,7 @@ var script = defineComponent({
     const checked = computed(() => {
       if (isArray(model.value)) {
         if (isNil(props.value)) {
-          throw new Error('[OrSwitch]: `value` must be specified.');
+          throw new Error('[OrSwitch]: Property "value" must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -81,12 +79,12 @@ var script = defineComponent({
     function onChange() {
       if (isArray(model.value)) {
         if (isNil(props.value)) {
-          throw new Error('[OrSwitch]: `value` must be specified.');
+          throw new Error('[OrSwitch]: Property "value" must be specified.');
         }
-        if (!checked.value) {
-          model.value = include(props.value, model.value);
+        if (checked.value) {
+          model.value = model.value.filter(value => value !== props.value);
         } else {
-          model.value = exclude(props.value, model.value);
+          model.value = [...model.value, props.value];
         }
       } else {
         model.value = !model.value;
@@ -116,7 +114,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7cdf4300]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-a9c4a2ae]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -190,7 +188,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7cdf4300";
+const __vue_scope_id__ = "data-v-a9c4a2ae";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */