@onereach/ui-components 10.3.3 → 10.3.4-beta.4317.0

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

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

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

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

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

@@ -8,6 +8,8 @@ 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';
 
@@ -69,7 +71,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);
       }
@@ -79,12 +81,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;
@@ -114,7 +116,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a9c4a2ae]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-7cdf4300]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -188,7 +190,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a9c4a2ae";
+const __vue_scope_id__ = "data-v-7cdf4300";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { g as useResizeObserver } from '../../index-13c63b4c.js';
+import { h as useResizeObserver } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -13,6 +13,7 @@ import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.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';
 
@@ -33,7 +34,7 @@ var script = defineComponent({
   props: {
     modelValue: {
       type: Array,
-      default: () => []
+      default: []
     },
     label: {
       type: String,
@@ -170,7 +171,7 @@ var script = defineComponent({
       draftModelValue.value = '';
     }
     function remove(value) {
-      proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
+      proxyModelValue.value = exclude(value, proxyModelValue.value);
     }
     function reset() {
       proxyModelValue.value = [];
@@ -219,7 +220,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-02b0b3d7]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-4a104e16]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -361,54 +362,50 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-02b0b3d7";
+const __vue_scope_id__ = "data-v-4a104e16";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<string[]>;
-        default: () => [];
+        default: string[];
     };
     label: {
         type: StringConstructor;
@@ -102,7 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
-        default: () => [];
+        default: string[];
     };
     label: {
         type: StringConstructor;

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -120,7 +120,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-e7cbe606]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-45c1c72b]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -204,54 +204,50 @@ var __vue_render__ = function () {
         return _vm.$forceUpdate();
       }]
     }
-  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _c('div', {
+  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-e7cbe606";
+const __vue_scope_id__ = "data-v-45c1c72b";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -343,17 +343,29 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string' && _vm.error.length > 0,
+      expression: "typeof error === 'string' && error.length > 0"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -431,17 +431,29 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string' && _vm.error.length > 0,
+      expression: "typeof error === 'string' && error.length > 0"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { n as useEventBus } from '../../../index-13c63b4c.js';
+import { p as useEventBus } from '../../../index-fe85dfd9.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastV3/OrToast.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { ToastType } from './props';
 import { ToastLink } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -45,7 +45,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     toastType: "success" | "error" | "loading";
     link: ToastLink;
     messageText: string;

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { n as useEventBus } from '../../../index-13c63b4c.js';
+import { p as useEventBus } from '../../../index-fe85dfd9.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-16581842.js';
+export { _ as default } from '../../OrTree-05236e5e.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrTreeV3/index.js

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-16581842.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-05236e5e.js';

package/dist/bundled/v2/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './or-autocomplete-v3';
 export * from './or-avatar';
 export * from './or-avatar-v3';
 export * from './or-bottom-sheet-v3';

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

@@ -1,3 +1,4 @@
+export { default as OrAutocompleteV3 } from './OrAutocompleteV3/OrAutocomplete.js';
 export { default as OrAvatar } from './OrAvatar/OrAvatar.js';
 export { OR_AVATAR_SIZE } from './OrAvatar/constants.js';
 export { default as OrAvatarV3 } from './OrAvatarV3/OrAvatar.js';
@@ -50,9 +51,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-eef95dbd.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-31d1e247.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-e2499ef1.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-0b9e141c.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-314341ee.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-305e36b3.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
 export { getCurrentDate } from './OrDateTimePickerV3/utils/getCurrentDate.js';
@@ -85,14 +86,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-ba8d63bb.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-82e094ab.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
 export { InputBoxSize, InputBoxVariant } from './OrInputBoxV3/props.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-436fb208.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-0153ab46.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { LabelVariant } from './OrLabelV3/props.js';
@@ -100,7 +101,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-2f433e52.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-be5c0555.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -200,4 +201,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-16581842.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-05236e5e.js';

package/dist/bundled/v2/helpers/getItemByValue.d.ts

@@ -0,0 +1,2 @@
+import { Item } from '../types';
+export declare const getItemByValue: <T>(value: T, items: Item<T>[]) => Item<T>;

package/dist/bundled/v2/helpers/getItemByValue.js

@@ -0,0 +1,11 @@
+import { isUndefined } from '../utils/isUndefined.js';
+
+const getItemByValue = (value, items) => {
+  const item = items.find(item => value === item.value);
+  if (isUndefined(item)) {
+    throw new Error('[getItemByValue]: Item not found.');
+  }
+  return item;
+};
+
+export { getItemByValue };

package/dist/bundled/v2/helpers/getItemsByValue.d.ts

@@ -0,0 +1,2 @@
+import { Item } from '../types';
+export declare const getItemsByValue: <T>(value: T[], items: Item<T>[]) => Item<T>[];

package/dist/bundled/v2/helpers/getItemsByValue.js

@@ -0,0 +1,7 @@
+import { getItemByValue } from './getItemByValue.js';
+
+const getItemsByValue = (value, items) => {
+  return value.map(value => getItemByValue(value, items));
+};
+
+export { getItemsByValue };

package/dist/bundled/v2/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './getItemByValue';
+export * from './getItemsByValue';
+export * from './searchItemsByLabel';

package/dist/bundled/v2/helpers/index.js

@@ -0,0 +1,3 @@
+export { getItemByValue } from './getItemByValue.js';
+export { getItemsByValue } from './getItemsByValue.js';
+export { searchItemsByLabel } from './searchItemsByLabel.js';

package/dist/bundled/v2/helpers/searchItemsByLabel.d.ts

@@ -0,0 +1,2 @@
+import { Item } from '../types';
+export declare const searchItemsByLabel: <T>(value: string, items: Item<T>[]) => Promise<Item<T>[]>;

package/dist/bundled/v2/helpers/searchItemsByLabel.js

@@ -0,0 +1,5 @@
+const searchItemsByLabel = async (value, items) => {
+  return items.filter(item => new RegExp(value, 'i').test(item.label));
+};
+
+export { searchItemsByLabel };

package/dist/bundled/v2/hooks/useDateMask.js

@@ -19,7 +19,7 @@ function useDateMask(format, locale) {
             case 'long':
               return mask + 'MMMM';
             default:
-              throw new Error();
+              throw new Error('[useDateMask]: `format` has an invalid value.');
           }
         case 'day':
           return mask + part.value.replace(/^\d{1}$/, 'D').replace(/^\d{2}$/, 'DD');

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { l as useMutationObserver, g as useResizeObserver } from '../index-13c63b4c.js';
+import { m as useMutationObserver, h as useResizeObserver } from '../index-fe85dfd9.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-59fe0ee3.js';
 

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { m as useMediaQuery } from '../../index-13c63b4c.js';
+import { n as useMediaQuery } from '../../index-fe85dfd9.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var createPlugin$2 = {};

package/dist/bundled/v2/{index-13c63b4c.js → index-fe85dfd9.js}

@@ -1,5 +1,63 @@
 import { i as isClient, e as isIOS, n as noop, f as computedWithControl, g as resolveUnref, t as toRefs, h as tryOnScopeDispose, j as tryOnMounted, a as useDebounceFn, k as resolveRef, l as isString, m as useThrottleFn, o as identity, p as isFunction, q as isDef } from './index-279e78b9.js';
-import { ref, computed, watch, reactive, unref, getCurrentInstance, isVue2, watchEffect, readonly, getCurrentScope } from 'vue-demi';
+import { isRef, ref, shallowRef, watchEffect, computed, watch, reactive, unref, getCurrentInstance, isVue2, readonly, getCurrentScope } from 'vue-demi';
+
+function computedAsync(evaluationCallback, initialState, optionsOrRef) {
+  let options;
+  if (isRef(optionsOrRef)) {
+    options = {
+      evaluating: optionsOrRef
+    };
+  } else {
+    options = optionsOrRef || {};
+  }
+  const {
+    lazy = false,
+    evaluating = void 0,
+    shallow = false,
+    onError = noop
+  } = options;
+  const started = ref(!lazy);
+  const current = shallow ? shallowRef(initialState) : ref(initialState);
+  let counter = 0;
+  watchEffect(async (onInvalidate) => {
+    if (!started.value)
+      return;
+    counter++;
+    const counterAtBeginning = counter;
+    let hasFinished = false;
+    if (evaluating) {
+      Promise.resolve().then(() => {
+        evaluating.value = true;
+      });
+    }
+    try {
+      const result = await evaluationCallback((cancelCallback) => {
+        onInvalidate(() => {
+          if (evaluating)
+            evaluating.value = false;
+          if (!hasFinished)
+            cancelCallback();
+        });
+      });
+      if (counterAtBeginning === counter)
+        current.value = result;
+    } catch (e) {
+      onError(e);
+    } finally {
+      if (evaluating && counterAtBeginning === counter)
+        evaluating.value = false;
+      hasFinished = true;
+    }
+  });
+  if (lazy) {
+    return computed(() => {
+      started.value = true;
+      return current.value;
+    });
+  } else {
+    return current;
+  }
+}
 
 function unrefElement(elRef) {
   var _a;
@@ -1051,4 +1109,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { useMagicKeys as a, useActiveElement as b, useScroll as c, useVModel as d, useElementBounding as e, useDraggable as f, useResizeObserver as g, useFocus as h, formatTimeAgo as i, useElementSize as j, useScrollLock as k, useMutationObserver as l, useMediaQuery as m, useEventBus as n, onClickOutside as o, unrefElement as p, usePointerSwipe as q, useElementHover as u };
+export { useMagicKeys as a, useActiveElement as b, computedAsync as c, useScroll as d, useVModel as e, useElementBounding as f, useDraggable as g, useResizeObserver as h, useFocus as i, formatTimeAgo as j, useElementSize as k, useScrollLock as l, useMutationObserver as m, useMediaQuery as n, onClickOutside as o, useEventBus as p, unrefElement as q, usePointerSwipe as r, useElementHover as u };