@onereach/ui-components 10.3.4-beta.4324.0 → 10.3.4-beta.4327.0

package/dist/esm/v3/{OrSelect-37c6859e.js → OrSelect-a91d6ba8.js}

@@ -1,30 +1,26 @@
 import { defineComponent, getCurrentInstance, ref, computed, toRefs, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
-import { e as exclude } from './exclude-684f23cf.js';
 import './dom-53c9635b.js';
-import { i as include } from './include-45f61f31.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 { s as script$3 } from './OrCheckbox-039c912d.js';
+import { s as script$3 } from './OrCheckbox-12f302b3.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-76b101dc.js';
+import { s as script$8 } from './OrIconButton-525d873e.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-81a3ddc4.js';
-import { s as script$b } from './OrLabel-4abbce6e.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-ecd1f6b0.js';
-import { s as script$1 } from './OrSelectMultipleControl-7e6f1d01.js';
-import { s as script$2 } from './OrSelectSingleControl-0ad7e42b.js';
+import { s as script$9 } from './OrInput-500c5939.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 './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
 
@@ -107,26 +103,22 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
-    modelValue: {
-      type: undefined,
-      default: undefined
-    },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      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 +161,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 +177,10 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
+    },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -245,8 +248,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 {
@@ -307,31 +310,26 @@ var script = defineComponent({
         }
       }
     }
-    function selectOption(item) {
-      if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
-      } else {
-        proxyModelValue.value = item.value;
-      }
-    }
-    function deselectOption(item) {
-      if (props.multiple) {
-        proxyModelValue.value = exclude(item.value, toArray(proxyModelValue.value));
-      } else {
-        proxyModelValue.value = null;
+    function deselect(option) {
+      const modelValue = proxyModelValue.value;
+      if (Array.isArray(modelValue)) {
+        proxyModelValue.value = modelValue.filter(value => value !== option);
       }
     }
-    function toggleOption(item) {
-      if (props.multiple) {
-        const model = toArray(proxyModelValue.value);
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+    function toggleOption(option) {
+      const modelValue = proxyModelValue.value;
+      if (multiple.value) {
+        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
+          deselect(option);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
         }
       } else {
-        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : null;
+        proxyModelValue.value = option;
       }
+      clearSearchControl();
+    }
+    function clearSearchControl() {
       searchText.value = '';
     }
     // Utils
@@ -368,9 +366,9 @@ var script = defineComponent({
       toggle,
       close,
       open,
-      selectOption,
-      deselectOption,
+      deselect,
       toggleOption,
+      clearSearchControl,
       isDesktop,
       isMobile
     };
@@ -382,6 +380,12 @@ 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");
@@ -427,8 +431,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.controlStyles),
       tabindex: !_ctx.disabled ? 0 : null,
       disabled: _ctx.disabled,
-      onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
+      onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
     }, [renderSlot(_ctx.$slots, "valueTemplate", {
       model: _ctx.proxyModelValue
     }, () => [_ctx.multiple ? (openBlock(), createBlock(_component_OrSelectMultipleControl, {
@@ -444,7 +448,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled,
       "enable-search": _ctx.enableSearch,
       "is-open": _ctx.popoverState === 'open',
-      onReset: _cache[1] || (_cache[1] = $event => _ctx.deselectOption($event))
+      onReset: _ctx.deselect
     }, {
       tag: withCtx(_ref => {
         let {
@@ -455,11 +459,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         })];
       }),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
+    }, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open", "onReset"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
       key: 1,
       ref: 'singleControl',
       modelValue: _ctx.searchText,
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.searchText = $event),
       model: _ctx.proxyModelValue,
       options: _ctx.options,
       placeholder: _ctx.placeholder,
@@ -472,7 +476,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       color: 'inherit',
       "additional-styles": ['!text-outline', '!dark:text-outline-dark'],
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
+      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? _ctx.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',
       class: normalizeClass(_ctx.popoverState === 'open' && _ctx.enableSearch ? '!text-outline !dark:text-outline-dark' : ''),
@@ -492,7 +496,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         ref: 'searchControl',
         modelValue: _ctx.searchText,
-        "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.searchText = $event),
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.searchText = $event),
         class: normalizeClass(_ctx.searchControlStyles),
         type: 'search',
         placeholder: _ctx.placeholder
@@ -518,7 +522,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 option: option
               }, () => [createVNode(_component_OrCheckbox, {
                 modelValue: _ctx.proxyModelValue,
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.proxyModelValue = $event),
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
                 value: option.value,
                 label: option.label,
                 "label-variant": 'menu-item',
@@ -534,7 +538,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.dropdownItemStyles),
               selected: _ctx.proxyModelValue === option.value,
               disabled: option.disabled,
-              onClick: withModifiers($event => _ctx.toggleOption(option), ["stop"])
+              onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
                 model: _ctx.proxyModelValue,
@@ -556,7 +560,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: i,
           selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
           disabled: option.disabled,
-          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option), ["stop"])
+          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option.value), ["stop"])
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             "model-value": _ctx.proxyModelValue,
@@ -565,7 +569,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: option.disabled
           }, {
             default: withCtx(() => [createElementVNode("div", {
-              onClick: $event => !option.disabled && _ctx.toggleOption(option)
+              onClick: $event => !option.disabled && _ctx.toggleOption(option.value)
             }, [renderSlot(_ctx.$slots, "optionTemplate", {
               model: _ctx.proxyModelValue,
               option: option
@@ -583,7 +587,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           selected: _ctx.proxyModelValue === option.value,
           disabled: option.disabled,
           onClick: withModifiers($event => {
-            _ctx.toggleOption(option);
+            _ctx.toggleOption(option.value);
             _ctx.close();
           }, ["stop"])
         }, {
@@ -604,20 +608,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]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
+  }, 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,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_5, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrSelect-96f3a5ff.js → OrSelect-e1d4b56c.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-d5a5b426.js';
+import { s as script$b } from './OrLoader-b1290a56.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 './isString-cf957a95.js';
+import { i as isEmpty } from './isEmpty-181a6611.js';
 import keyBy from 'lodash/keyBy';
 import { s as script$c } from './OrChip-829de0b8.js';
 import './OrChips-dbf4dc5a.js';

package/dist/esm/v3/{OrSelectMultipleControl-7e6f1d01.js → OrSelectMultipleControl-c4f44534.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 { s as script$3, T as TagsOverflow } from './OrTags-ecd1f6b0.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$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'];
@@ -34,12 +40,12 @@ var script = defineComponent({
       default: ''
     },
     model: {
-      type: undefined,
-      default: []
+      type: [Object, String, Number, Array],
+      default: () => []
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     overflow: {
       type: String,
@@ -47,7 +53,7 @@ var script = defineComponent({
     },
     placeholder: {
       type: String,
-      default: undefined
+      default: ''
     },
     readonly: {
       type: Boolean,
@@ -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) {
@@ -185,4 +191,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 { script as s };
+export { castToMultipleValue as c, script as s };

package/dist/esm/v3/{OrSelectSingleControl-0ad7e42b.js → OrSelectSingleControl-d0f86455.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';
@@ -31,16 +31,16 @@ var script = defineComponent({
       default: ''
     },
     model: {
-      type: undefined,
+      type: [Object, String, Number, Array],
       default: undefined
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     placeholder: {
       type: String,
-      default: undefined
+      default: ''
     },
     disabled: {
       type: Boolean,

package/dist/esm/v3/{OrSlider-43ddc760.js → OrSlider-79a63155.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-ffa9120a.js';
+import { s as script$1 } from './OrTooltip-9d591d1e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 var SliderColor;
@@ -229,7 +229,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: []
+      default: () => []
     },
     color: {
       type: String,
@@ -367,16 +367,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/v3/{OrSorting-b3a013aa.js → OrSorting-aa314b0e.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-b5789563.js';
-import { s as script$3 } from './OrMenu-2d763024.js';
+import { s as script$4 } from './OrMenuItem-def5de14.js';
+import { s as script$3 } from './OrMenu-c87e33de.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 
 const SortingRoot = [];

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

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$6 } from './OrButton-f5de246c.js';
-import './OrIconButton-746a7058.js';
+import { s as script$6 } from './OrButton-8e2c399f.js';
+import './OrIconButton-d493432f.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-bbaf9386.js → OrSwitch-33d8b2e4.js}

@@ -1,16 +1,13 @@
 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 include } from './include-45f61f31.js';
-import { i as isArray } from './isArray-8eeb52b9.js';
-import { i as isUndefined } from './isUndefined-3eca6e32.js';
+import { i as isArray, a as isNil } from './isNil-33299e1d.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$1, L as LabelVariant } from './OrLabel-4abbce6e.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-59d09591.js';
 import { s as script$2 } from './OrLoader-5e2f359b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -81,7 +78,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: undefined,
+      type: [String, Number, Object],
       default: undefined
     },
     label: {
@@ -122,8 +119,8 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isUndefined(props.value)) {
-          throw new Error('[OrSwitch]: `value` must be specified.');
+        if (isNil(props.value)) {
+          throw new Error('[OrSwitch]: Property "value" must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -132,13 +129,13 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isUndefined(props.value)) {
-          throw new Error('[OrSwitch]: `value` must be specified.');
+        if (isNil(props.value)) {
+          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;

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

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrLoader-d5a5b426.js';
+import { s as script$1 } from './OrLoader-b1290a56.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-d9dfb55b.js → OrTabs-c2cecad6.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-b5789563.js';
-import { s as script$2 } from './OrMenu-2d763024.js';
+import { s as script$3 } from './OrMenuItem-def5de14.js';
+import { s as script$2 } from './OrMenu-c87e33de.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-cda9ec97.js → OrTag-c9542465.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-e5b0b579.js';
+import { D as hexToRgb } from './color-911f1122.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';
 

package/dist/esm/v3/{OrTag-d8450e6c.js → OrTag-d842d17c.js}

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