@onereach/ui-components 10.3.2-beta.4309.0 → 10.3.2

package/dist/esm/v2/{OrModal-6f7de86d.js → OrModal-663a220c.js}

@@ -5,9 +5,9 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$5 } from './OrOverlay-284d138c.js';
+import { _ as __vue_component__$5 } from './OrOverlay-9de66166.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-ec4a913b.js';
+import { _ as __vue_component__$4 } from './OrIconButton-f98bac24.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v2/{OrNotification-b69a4012.js → OrNotification-1058d612.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-9ca8a36f.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
-import { _ as __vue_component__$2 } from './OrIconButton-c28a9059.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2c6e333e.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-73c164b3.js → OrNotification-32c29e2d.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-ec4a913b.js';
+import { _ as __vue_component__$2 } from './OrIconButton-f98bac24.js';
 import { _ as __vue_component__$1 } from './OrIcon-03e3c802.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverflowMenu-7be5525a.js → OrOverflowMenu-c3b8c78b.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
-import { _ as __vue_component__$3 } from './OrIconButton-c28a9059.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
-import { _ as __vue_component__$2 } from './OrButton-24563879.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2c6e333e.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
+import { _ as __vue_component__$2 } from './OrButton-c8790a97.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$4, O as OrFloatingPlacements } from './OrFloating-517737ad.js';

package/dist/esm/v2/{OrOverlay-284d138c.js → OrOverlay-9de66166.js}

@@ -1,6 +1,6 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useElevation } from './useElevation-e69d969b.js';
+import { u as useElevation } from './useElevation-37722ead.js';
 import './dom-53c9635b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';

package/dist/esm/v2/{OrPagination-be0e77aa.js → OrPagination-9e7494e2.js}

@@ -8,8 +8,8 @@ import './TimeFormat-a7f5565b.js';
 import { _ as __vue_component__$1 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import { _ as __vue_component__$2 } from './OrIcon-03e3c802.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$3 } from './OrMenu-430e1c99.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$3 } from './OrMenu-fc74f312.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [

package/dist/esm/v2/{OrPassword-7fe1b18e.js → OrPassword-8dea8562.js}

@@ -6,9 +6,9 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { u as useToggle } from './useToggle-c04fc920.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
-import { _ as __vue_component__$2 } from './OrIconButton-c28a9059.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2c6e333e.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPopover-47f0afa8.js → OrPopover-8a2574b0.js}

@@ -1,15 +1,15 @@
 import { computePosition, offset, shift, flip, hide, size, autoUpdate } from '@floating-ui/dom';
 import { onClickOutside } from '@vueuse/core';
 import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
-import { u as useElevation } from './useElevation-e69d969b.js';
+import { u as useElevation } from './useElevation-37722ead.js';
 import './dom-53c9635b.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$1 } from './OrBottomSheet-cc59204d.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-52575d41.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-424c7f33.js';
-import { i as isPrevented } from './isPrevented-b151a948.js';
+import { i as isPrevented } from './isPrevented-5f542754.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 function roundByDPR(element, value) {

package/dist/esm/v2/{OrRangeSlider-ab11bd81.js → OrRangeSlider-0f59285f.js}

@@ -5,8 +5,8 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-140d6425.js';
-import { _ as __vue_component__$1 } from './OrTooltip-4739332d.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-f823b7e6.js';
+import { _ as __vue_component__$1 } from './OrTooltip-dfc6a368.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const RangeSlider = [
@@ -531,16 +531,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/esm/v2/{OrResizeablePanel-793fef72.js → OrResizeablePanel-2f741cc2.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$1 } from './OrIconButton-ec4a913b.js';
+import { _ as __vue_component__$1 } from './OrIconButton-f98bac24.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ResizeablePanelPadding;

package/dist/esm/v2/{OrRichTextEditor-760b3421.js → OrRichTextEditor-2decab60.js}

@@ -3,6 +3,7 @@ import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
 import { DOMParser as DOMParser$1 } from 'prosemirror-model';
+import { marked } from 'marked';
 import Paragraph from '@tiptap/extension-paragraph';
 import BulletList from '@tiptap/extension-bullet-list';
 import ListItem from '@tiptap/extension-list-item';
@@ -18,15 +19,14 @@ import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 import { _ as __vue_component__$7 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
-import { _ as __vue_component__$1 } from './OrIconButton-ec4a913b.js';
-import { _ as __vue_component__$6 } from './OrInput-3ba61708.js';
+import { _ as __vue_component__$1 } from './OrIconButton-f98bac24.js';
+import { _ as __vue_component__$6 } from './OrInput-723cc312.js';
 import { _ as __vue_component__$2 } from './OrLabel-b0805497.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$4 } from './OrMenu-430e1c99.js';
-import { _ as __vue_component__$5 } from './OrModal-6f7de86d.js';
-import { _ as __vue_component__$8 } from './OrPopover-47f0afa8.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$4 } from './OrMenu-fc74f312.js';
+import { _ as __vue_component__$5 } from './OrModal-663a220c.js';
+import { _ as __vue_component__$8 } from './OrPopover-8a2574b0.js';
 import './dom-53c9635b.js';
-import { i as isArray } from './isArray-8eeb52b9.js';
 import { _ as __vue_component__$9 } from './OrHint-2fe1157b.js';
 import { _ as __vue_component__$a } from './OrError-b25d782d.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
@@ -39,7 +39,7 @@ import { javascript } from '@codemirror/lang-javascript';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const serializerNodes = {
+const mdSerializerNodes = {
   ...defaultMarkdownSerializer.nodes,
   [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
   [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
@@ -49,7 +49,7 @@ const serializerNodes = {
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
   [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
 };
-const serializerMarks = {
+const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
   [Bold.name]: defaultMarkdownSerializer.marks.strong,
   [Strike.name]: {
@@ -86,67 +86,24 @@ const serializerMarks = {
     }
   }
 };
-const isPlainURL = (link, parent, index, side) => {
+function isPlainURL(link, parent, index, side) {
   if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
   const content = parent.child(index + (side < 0 ? -1 : 0));
   if (!content.isText || content.text !== link.attrs.href || content.marks[content.marks.length - 1] !== link) return false;
   if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
   const next = parent.child(index + (side < 0 ? -2 : 1));
   return !link.isInSet(next.marks);
-};
-const parseMd = md => {
-  //ul
-  md = md.replace(/^\s*\n\*/gm, '<ul>\n*');
-  md = md.replace(/^(\*.+)\s*\n([^*])/gm, '$1\n</ul>\n\n$2');
-  md = md.replace(/^\*(.+)/gm, '<li>$1</li>');
-  //ol
-  md = md.replace(/^\s*\n\d\./gm, '<ol>\n1.');
-  md = md.replace(/^(\d\..+)\s*\n([^\d.])/gm, '$1\n</ol>\n\n$2');
-  md = md.replace(/^\d\.(.+)/gm, '<li>$1</li>');
-  //blockquote
-  md = md.replace(/^>(.+)/gm, '<blockquote>$1</blockquote>');
-  //h
-  md = md.replace(/[#]{6}(.+)/g, '<h6>$1</h6>');
-  md = md.replace(/[#]{5}(.+)/g, '<h5>$1</h5>');
-  md = md.replace(/[#]{4}(.+)/g, '<h4>$1</h4>');
-  md = md.replace(/[#]{3}(.+)/g, '<h3>$1</h3>');
-  md = md.replace(/[#]{2}(.+)/g, '<h2>$1</h2>');
-  md = md.replace(/[#]{1}(.+)/g, '<h1>$1</h1>');
-  //alt h
-  md = md.replace(/^(.+)\n=+/gm, '<h1>$1</h1>');
-  md = md.replace(/^(.+)\n-+/gm, '<h2>$1</h2>');
-  //images
-  md = md.replace(/!\[([^\]]+)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" />');
-  //links
-  md = md.replace(/[[]{1}([^\]]+)[\]]{1}[(]{1}([^)"]+)("(.+)")?[)]{1}/g, '<a href="$2" title="$4">$1</a>');
-  //font styles
-  md = md.replace(/[*_]{2}([^*_]+)[*_]{2}/g, '<b>$1</b>');
-  md = md.replace(/[*_]{1}([^*_]+)[*_]{1}/g, '<i>$1</i>');
-  md = md.replace(/[=]{2}([^=]+)[=]{2}/g, '<mark>$1</mark>');
-  md = md.replace(/[~]{2}([^~]+)[~]{2}/g, '<del>$1</del>');
-  //pre
-  md = md.replace(/^\s*\n```(([^\s]+))?/gm, '<pre class="$2">');
-  md = md.replace(/^```\s*\n/gm, '</pre>\n\n');
-  //code
-  md = md.replace(/[`]{1}([^`]+)[`]{1}/g, '<code>$1</code>');
-  //p
-  md = md.replace(/^\s*(\n)?(.+)/gm, function (m) {
-    return /<(\/)?(h\d|ul|ol|li|blockquote|pre|img)/.test(m) ? m : '<p>' + m + '</p>';
-  });
-  //strip p from pre
-  md = md.replace(/(<pre.+>)\s*\n<p>(.+)<\/p>/gm, '$1$2');
-  return md;
-};
-const serialize = (schema, content) => {
+}
+function serialize(schema, content) {
+  const mdSerializer = new MarkdownSerializer(mdSerializerNodes, mdSerializerMarks);
   const proseMirrorDocument = schema.nodeFromJSON(content);
-  const serializer = new MarkdownSerializer(serializerNodes, serializerMarks);
-  return serializer.serialize(proseMirrorDocument, {
+  return mdSerializer.serialize(proseMirrorDocument, {
     tightLists: true
   });
-};
-const deserialize = (schema, content) => {
+}
+function deserialize(schema, content) {
   if (!content) return null;
-  const html = parseMd(content);
+  const html = marked.parse(content);
   if (!html) return null;
   const parser = new DOMParser();
   const {
@@ -156,7 +113,7 @@ const deserialize = (schema, content) => {
   body.append(document.createComment(content));
   const state = DOMParser$1.fromSchema(schema).parse(body);
   return state.toJSON();
-};
+}
 
 const OrRichTextEditor = [
 // Layout
@@ -539,7 +496,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;
       }

package/dist/esm/v2/{OrSearch-c32fd715.js → OrSearch-9eef2fa5.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$1 } from './OrInput-3ba61708.js';
+import { _ as __vue_component__$1 } from './OrInput-723cc312.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSearch-3f55fbee.js → OrSearch-a340d5ff.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrInput-fe0e651a.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
-import { _ as __vue_component__$2 } from './OrIconButton-c28a9059.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2c6e333e.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-e53b5f94.js → OrSelect-9934df68.js}

@@ -1,30 +1,27 @@
 import { defineComponent, getCurrentInstance, ref, computed, toRefs, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import './dom-53c9635b.js';
-import { i as isArray } from './isArray-8eeb52b9.js';
-import { i as isEmpty } from './isString-cf957a95.js';
-import { t as toArray } from './toArray-93b84b21.js';
-import { s as searchItemsByLabel } from './searchItemsByLabel-c778a1e4.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$3 } from './OrCheckbox-20f3e397.js';
+import { _ as __vue_component__$3 } from './OrCheckbox-fac0027a.js';
 import { _ as __vue_component__$4 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$5 } from './OrExpansionPanel-3d1fc4f9.js';
 import { _ as __vue_component__$6 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$8 } from './OrIconButton-ec4a913b.js';
+import { _ as __vue_component__$8 } from './OrIconButton-f98bac24.js';
 import { _ as __vue_component__$7 } from './OrIcon-03e3c802.js';
 import { _ as __vue_component__$a } from './OrInputBox-1a8fda9b.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$9 } from './OrInput-3ba61708.js';
+import { _ as __vue_component__$9 } from './OrInput-723cc312.js';
 import { _ as __vue_component__$b } from './OrLabel-b0805497.js';
-import { _ as __vue_component__$c } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$d } from './OrPopover-47f0afa8.js';
-import { T as TagsOverflow } from './OrTags-78abdec3.js';
-import { _ as __vue_component__$1 } from './OrSelectMultipleControl-d091c6b0.js';
-import { _ as __vue_component__$2 } from './OrSelectSingleControl-47aa4c3f.js';
+import { _ as __vue_component__$c } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$d } from './OrPopover-8a2574b0.js';
+import { T as TagsOverflow } from './OrTags-caa5f2b9.js';
+import { _ as __vue_component__$1, c as castToMultipleValue } from './OrSelectMultipleControl-ae8d8d53.js';
+import { _ as __vue_component__$2 } from './OrSelectSingleControl-1200cfb8.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -107,10 +104,6 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
-    modelValue: {
-      type: [Object, String, Number, Array],
-      default: undefined
-    },
     options: {
       type: Array,
       default: () => []
@@ -119,14 +112,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
@@ -169,7 +162,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,
@@ -178,6 +178,10 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
+    },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -245,8 +249,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 {
@@ -309,17 +313,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;
@@ -648,29 +652,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/esm/v2/{OrSelect-629c42c0.js → OrSelect-fc49a01a.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
 import { _ as __vue_component__$d } from './OrFloating-517737ad.js';
-import { _ as __vue_component__$b } from './OrLoader-84230be7.js';
+import { _ as __vue_component__$b } from './OrLoader-2e2c2cbd.js';
 import { _ as __vue_component__$9 } from './OrIcon-9ca8a36f.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$a } from './OrCheckbox-b1c8e25e.js';
-import { i as isEmpty } from './isString-cf957a95.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import keyBy from 'lodash/keyBy';
 import { _ as __vue_component__$c } from './OrChip-7e3cf6b1.js';
 import './OrChips.vue_rollup-plugin-vue_styles.0-083abef9.js';

package/dist/esm/v2/{OrSelectMultipleControl-d091c6b0.js → OrSelectMultipleControl-ae8d8d53.js}

@@ -1,18 +1,24 @@
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import './dom-53c9635b.js';
-import { i as isEqual } from './isEqual-15f4b2f5.js';
-import { i as isNil } from './isNull-7ae26d1d.js';
-import { t as toArray } from './toArray-93b84b21.js';
+import { i as isEqual } from './isEqual-9004fb92.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-78abdec3.js';
+import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-caa5f2b9.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import { _ as __vue_component__$2 } from './OrSelectControlInput-a46941f0.js';
 import { _ as __vue_component__$1 } from './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
+function castToMultipleValue(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return isEmpty(value) ? [] : [value];
+}
+
 const SelectMultipleControlRoot = [
 // Layout
 'layout-row', 'w-full'];
@@ -89,7 +95,7 @@ var script = 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) {
@@ -223,4 +229,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { __vue_component__ as _ };
+export { __vue_component__ as _, castToMultipleValue as c };

package/dist/esm/v2/{OrSelectSingleControl-47aa4c3f.js → OrSelectSingleControl-1200cfb8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRefs, computed } from 'vue-demi';
 import './dom-53c9635b.js';
-import { i as isEmpty } from './isString-cf957a95.js';
-import { i as isEqual } from './isEqual-15f4b2f5.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
+import { i as isEqual } from './isEqual-9004fb92.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';

package/dist/esm/v2/{OrSlider-38a4f877.js → OrSlider-d4a3c4f1.js}

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

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-140d6425.js → OrSlider.vue_rollup-plugin-vue_script-f823b7e6.js}

@@ -5,7 +5,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { _ as __vue_component__ } from './OrTooltip-4739332d.js';
+import { _ as __vue_component__ } from './OrTooltip-dfc6a368.js';
 
 var SliderColor;
 (function (SliderColor) {
@@ -366,16 +366,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/esm/v2/{OrSorting-f4170b03.js → OrSorting-dc2b02a1.js}

@@ -8,8 +8,8 @@ import './TimeFormat-a7f5565b.js';
 import { _ as __vue_component__$1 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import { _ as __vue_component__$2 } from './OrIcon-03e3c802.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-35fbc9ee.js';
-import { _ as __vue_component__$3 } from './OrMenu-430e1c99.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-3e7c605b.js';
+import { _ as __vue_component__$3 } from './OrMenu-fc74f312.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SortingRoot = [];

package/dist/esm/v2/{OrStepper-2404afa0.js → OrStepper-65da228c.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$6 } from './OrButton-24563879.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
+import { _ as __vue_component__$6 } from './OrButton-c8790a97.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';