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

package/dist/esm/v3/{OrList-003bd4cb.js → OrList-7039420d.js}

@@ -7,7 +7,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 { s as script$1 } from './OrIconButton-525d873e.js';
+import { s as script$1 } from './OrIconButton-76b101dc.js';
 import { s as script$2 } from './OrLabel-59d09591.js';
 import { s as script$3 } from './OrListItem-12e21bc6.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrListOfInputs-3b2d4713.js → OrListOfInputs-690c57bc.js}

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrList-d4be4ee8.js';
+import { s as script$1 } from './OrList-1625c863.js';
 import { s as script$2 } from './OrInput-4a3206ea.js';
 import { s as script$3 } from './OrIcon-b9c3dfd2.js';
-import './OrButton-8e2c399f.js';
-import { s as script$4 } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$4 } from './OrIconButton-746a7058.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrLoader-b1290a56.js → OrLoader-d5a5b426.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { i as isEmpty } from './isEmpty-181a6611.js';
+import { i as isEmpty } from './isString-cf957a95.js';
 import { openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, Fragment, renderList, createElementVNode, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrMenu-c87e33de.js → OrMenu-2d763024.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 { s as script$1, a as PopoverPlacement } from './OrPopover-0c507548.js';
+import { s as script$1, a as PopoverPlacement } from './OrPopover-92d5273a.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrMenuItem-def5de14.js → OrMenuItem-b5789563.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-525d873e.js';
+import { s as script$2 } from './OrIconButton-76b101dc.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot, Fragment, createVNode, withModifiers } from 'vue';
 

package/dist/esm/v3/{OrModal-b87c4266.js → OrModal-1c8cbdbb.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 { s as script$5 } from './OrOverlay-19f08ea8.js';
+import { s as script$5 } from './OrOverlay-b452613a.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-525d873e.js';
+import { s as script$4 } from './OrIconButton-76b101dc.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrModal-7efd027b.js → OrModal-8eeab7a1.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
-import './OrButton-8e2c399f.js';
-import { s as script$1 } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$1 } from './OrIconButton-746a7058.js';
 import { s as script$2 } from './OrOverlay-451dce49.js';
 import { onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';

package/dist/esm/v3/{OrNotification-ffd3c912.js → OrNotification-640ab275.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-525d873e.js';
+import { s as script$2 } from './OrIconButton-76b101dc.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrNotification-7cc33a70.js → OrNotification-69f1178a.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { s as script$1 } from './OrIcon-b9c3dfd2.js';
-import './OrButton-8e2c399f.js';
-import { s as script$2 } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$2 } from './OrIconButton-746a7058.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrOverflowMenu-462b4c10.js → OrOverflowMenu-8a0210ef.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrButton-8e2c399f.js';
-import { s as script$3 } from './OrIconButton-d493432f.js';
+import { s as script$2 } from './OrButton-f5de246c.js';
+import { s as script$3 } from './OrIconButton-746a7058.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers, createElementVNode, renderSlot, createBlock, withCtx, Fragment, renderList, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$4, O as OrFloatingPlacements } from './OrFloating-20688c74.js';

package/dist/esm/v3/{OrOverlay-19f08ea8.js → OrOverlay-b452613a.js}

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

package/dist/esm/v3/{OrPagination-5026ee25.js → OrPagination-5596ff9d.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$1 } from './OrButton-c95aef65.js';
 import { s as script$2 } from './OrIcon-c446d072.js';
-import { s as script$4 } from './OrMenuItem-def5de14.js';
-import { s as script$3 } from './OrMenu-c87e33de.js';
+import { s as script$4 } from './OrMenuItem-b5789563.js';
+import { s as script$3 } from './OrMenu-2d763024.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPassword-0db19ad0.js → OrPassword-2b2b3703.js}

@@ -6,8 +6,8 @@ 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-8e2c399f.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-746a7058.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrPopover-0c507548.js → OrPopover-92d5273a.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-37722ead.js';
+import { u as useElevation } from './useElevation-e69d969b.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 { s as script$1 } from './OrBottomSheet-7b272f2a.js';
+import { s as script$1 } from './OrBottomSheet-f0f6e264.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
-import { i as isPrevented } from './isPrevented-5f542754.js';
+import { i as isPrevented } from './isPrevented-b151a948.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
 function roundByDPR(element, value) {

package/dist/esm/v3/{OrRangeSlider-820d0c22.js → OrRangeSlider-673a71b9.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-79a63155.js';
-import { s as script$1 } from './OrTooltip-9d591d1e.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-e53acb2e.js';
+import { s as script$1 } from './OrTooltip-ffa9120a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 const RangeSlider = [
@@ -531,16 +531,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('[OrRangeSlider]: `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('[OrRangeSlider]: `maxValue` must be greater than `minValue`.');
       }
     }, {
       immediate: true

package/dist/esm/v3/{OrResizeablePanel-6e37ca25.js → OrResizeablePanel-9789644b.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 { s as script$1 } from './OrIconButton-525d873e.js';
+import { s as script$1 } from './OrIconButton-76b101dc.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
 
 var ResizeablePanelPadding;

package/dist/esm/v3/{OrRichTextEditor-ab25c57e.js → OrRichTextEditor-a7f1f4dd.js}

@@ -18,14 +18,15 @@ import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 import { s as script$7 } from './OrButton-c95aef65.js';
-import { s as script$1 } from './OrIconButton-525d873e.js';
-import { s as script$6 } from './OrInput-500c5939.js';
+import { s as script$1 } from './OrIconButton-76b101dc.js';
+import { s as script$6 } from './OrInput-9fdf2085.js';
 import { s as script$2 } from './OrLabel-59d09591.js';
-import { s as script$3 } from './OrMenuItem-def5de14.js';
-import { s as script$4 } from './OrMenu-c87e33de.js';
-import { s as script$5 } from './OrModal-b87c4266.js';
-import { s as script$8 } from './OrPopover-0c507548.js';
+import { s as script$3 } from './OrMenuItem-b5789563.js';
+import { s as script$4 } from './OrMenu-2d763024.js';
+import { s as script$5 } from './OrModal-1c8cbdbb.js';
+import { s as script$8 } from './OrPopover-92d5273a.js';
 import './dom-53c9635b.js';
+import { i as isArray } from './isArray-8eeb52b9.js';
 import { s as script$9 } from './OrHint-262c8217.js';
 import { s as script$a } from './OrError-331220bc.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
@@ -495,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 (Array.isArray(value)) {
+      if (isArray(value)) {
         const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
         return isHaveNotVisibleTools;
       }

package/dist/esm/v3/{OrSearch-948c7f78.js → OrSearch-740f931b.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrInput-4a3206ea.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton-8e2c399f.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-746a7058.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrSearch-a10f294f.js → OrSearch-b7db837c.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-287f97ba.js';
-import { s as script$1 } from './OrInput-500c5939.js';
+import { s as script$1 } from './OrInput-9fdf2085.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-e1d4b56c.js → OrSelect-96f3a5ff.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
 import { s as script$d } from './OrFloating-20688c74.js';
-import { s as script$b } from './OrLoader-b1290a56.js';
+import { s as script$b } from './OrLoader-d5a5b426.js';
 import { s as script$9 } from './OrIcon-b9c3dfd2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, Fragment, createTextVNode, createCommentVNode, createBlock, renderList, renderSlot, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$a } from './OrCheckbox-eedaff8f.js';
-import { i as isEmpty } from './isEmpty-181a6611.js';
+import { i as isEmpty } from './isString-cf957a95.js';
 import keyBy from 'lodash/keyBy';
 import { s as script$c } from './OrChip-829de0b8.js';
 import './OrChips-dbf4dc5a.js';

package/dist/esm/v3/{OrSelect-a91d6ba8.js → OrSelect-9ef78d8f.js}

@@ -1,26 +1,29 @@
 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 isEmpty } from './isEmpty-181a6611.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 '@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 { s as script$3 } from './OrCheckbox-12f302b3.js';
+import { s as script$3 } from './OrCheckbox-2b554eff.js';
 import { s as script$4 } from './OrError-331220bc.js';
 import { s as script$5 } from './OrExpansionPanel-d928889a.js';
 import { s as script$6 } from './OrHint-262c8217.js';
-import { s as script$8 } from './OrIconButton-525d873e.js';
+import { s as script$8 } from './OrIconButton-76b101dc.js';
 import { s as script$7 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$9 } from './OrInput-500c5939.js';
+import { s as script$9 } from './OrInput-9fdf2085.js';
 import { s as script$b } from './OrLabel-59d09591.js';
-import { s as script$c } from './OrMenuItem-def5de14.js';
-import { s as script$d } from './OrPopover-0c507548.js';
-import { T as TagsOverflow } from './OrTags-97021263.js';
-import { s as script$1, c as castToMultipleValue } from './OrSelectMultipleControl-c4f44534.js';
-import { s as script$2 } from './OrSelectSingleControl-d0f86455.js';
+import { s as script$c } from './OrMenuItem-b5789563.js';
+import { s as script$d } from './OrPopover-92d5273a.js';
+import { T as TagsOverflow } from './OrTags-a242cea3.js';
+import { s as script$1 } from './OrSelectMultipleControl-404d219f.js';
+import { s as script$2 } from './OrSelectSingleControl-41e47e4b.js';
 import './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
 
@@ -103,6 +106,10 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
+    modelValue: {
+      type: [Object, String, Number, Array],
+      default: undefined
+    },
     options: {
       type: Array,
       default: () => []
@@ -111,14 +118,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
@@ -161,14 +168,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,
@@ -177,10 +177,6 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
-    },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -248,8 +244,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 {
@@ -312,17 +308,17 @@ var script = defineComponent({
     }
     function deselect(option) {
       const modelValue = proxyModelValue.value;
-      if (Array.isArray(modelValue)) {
+      if (isArray(modelValue)) {
         proxyModelValue.value = modelValue.filter(value => value !== option);
       }
     }
     function toggleOption(option) {
       const modelValue = proxyModelValue.value;
       if (multiple.value) {
-        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
+        if (modelValue && isArray(modelValue) && modelValue.includes(option)) {
           deselect(option);
         } else {
-          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
+          proxyModelValue.value = [...toArray(modelValue), option];
         }
       } else {
         proxyModelValue.value = option;
@@ -380,12 +376,6 @@ const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
 };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
-const _hoisted_5 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrSelectMultipleControl = resolveComponent("OrSelectMultipleControl");
@@ -608,20 +598,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_5, [createVNode(_component_OrError, {
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrSelectMultipleControl-c4f44534.js → OrSelectMultipleControl-404d219f.js}

@@ -1,24 +1,18 @@
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import './dom-53c9635b.js';
-import { i as isEqual } from './isEqual-9004fb92.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 '@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 { s as script$3, T as TagsOverflow } from './OrTags-97021263.js';
-import { i as isEmpty } from './isEmpty-181a6611.js';
+import { s as script$3, T as TagsOverflow } from './OrTags-a242cea3.js';
 import { s as script$2 } from './OrSelectControlInput-1a882f55.js';
 import { s as script$1 } from './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode } from 'vue';
 
-function castToMultipleValue(value) {
-  if (Array.isArray(value)) {
-    return value;
-  }
-  return isEmpty(value) ? [] : [value];
-}
-
 const SelectMultipleControlRoot = [
 // Layout
 'layout-row', 'w-full'];
@@ -95,7 +89,7 @@ var script = 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) {
@@ -191,4 +185,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue";
 
-export { castToMultipleValue as c, script as s };
+export { script as s };

package/dist/esm/v3/{OrSelectSingleControl-d0f86455.js → OrSelectSingleControl-41e47e4b.js}

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

package/dist/esm/v3/{OrSlider-79a63155.js → OrSlider-e53acb2e.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 { s as script$1 } from './OrTooltip-9d591d1e.js';
+import { s as script$1 } from './OrTooltip-ffa9120a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 var SliderColor;
@@ -367,16 +367,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/esm/v3/{OrSorting-aa314b0e.js → OrSorting-b3a013aa.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$1 } from './OrButton-c95aef65.js';
 import { s as script$2 } from './OrIcon-c446d072.js';
-import { s as script$4 } from './OrMenuItem-def5de14.js';
-import { s as script$3 } from './OrMenu-c87e33de.js';
+import { s as script$4 } from './OrMenuItem-b5789563.js';
+import { s as script$3 } from './OrMenu-2d763024.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 
 const SortingRoot = [];

package/dist/esm/v3/{OrStepper-98fd4446.js → OrStepper-bd1bf65a.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$6 } from './OrButton-8e2c399f.js';
-import './OrIconButton-d493432f.js';
+import { s as script$6 } from './OrButton-f5de246c.js';
+import './OrIconButton-746a7058.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrSwitch-33d8b2e4.js → OrSwitch-80b57b11.js}

@@ -1,7 +1,10 @@
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
+import { e as exclude } from './exclude-684f23cf.js';
 import './dom-53c9635b.js';
-import { i as isArray, a as isNil } from './isNil-33299e1d.js';
+import { i as include } from './include-45f61f31.js';
+import { i as isArray } from './isArray-8eeb52b9.js';
+import { i as isNil } from './isNull-7ae26d1d.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -120,7 +123,7 @@ var script = defineComponent({
     const checked = computed(() => {
       if (isArray(model.value)) {
         if (isNil(props.value)) {
-          throw new Error('[OrSwitch]: Property "value" must be specified.');
+          throw new Error('[OrSwitch]: `value` must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -130,12 +133,12 @@ var script = defineComponent({
     function onChange() {
       if (isArray(model.value)) {
         if (isNil(props.value)) {
-          throw new Error('[OrSwitch]: Property "value" must be specified.');
+          throw new Error('[OrSwitch]: `value` must be specified.');
         }
-        if (checked.value) {
-          model.value = model.value.filter(value => value !== props.value);
+        if (!checked.value) {
+          model.value = include(props.value, model.value);
         } else {
-          model.value = [...model.value, props.value];
+          model.value = exclude(props.value, model.value);
         }
       } else {
         model.value = !model.value;

package/dist/esm/v3/{OrSwitch-8dfa8add.js → OrSwitch-d16f4d7a.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrLoader-b1290a56.js';
+import { s as script$1 } from './OrLoader-d5a5b426.js';
 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 './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTabs-c2cecad6.js → OrTabs-d9dfb55b.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
-import { s as script$3 } from './OrMenuItem-def5de14.js';
-import { s as script$2 } from './OrMenu-c87e33de.js';
+import { s as script$3 } from './OrMenuItem-b5789563.js';
+import { s as script$2 } from './OrMenu-2d763024.js';
 import { s as script$4 } from './OrTab-74a9bd5b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, withDirectives, vShow } from 'vue';
 

package/dist/esm/v3/{OrTag-c9542465.js → OrTag-cda9ec97.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import { s as script$1 } from './OrIcon-b9c3dfd2.js';
-import { D as hexToRgb } from './color-911f1122.js';
+import { D as hexToRgb } from './color-e5b0b579.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';