@onereach/ui-components 10.3.4 → 10.3.5-beta.4338.0

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/OrTextareaV3/types.d.ts

@@ -1 +1,2 @@
-export type TextareaModelValue = string | null | undefined;
+import { ModelValue } from '../../types';
+export type TextareaModelValue = ModelValue<string>;

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-fee94ad6.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/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatTimeAlt: (value: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -177,7 +177,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatTimeAlt: (value: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23";

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-fee94ad6.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';
@@ -130,8 +130,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        var _a;
-        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
+        var _a, _b;
+        draft.value = [value !== null && value !== void 0 ? value : null, (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null];
       }
     });
     const draftTo = computed({
@@ -140,8 +140,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: value => {
-        var _a;
-        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
+        var _a, _b;
+        draft.value = [(_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, value !== null && value !== void 0 ? value : null];
       }
     });
     const activeControl = ref('from');
@@ -157,7 +157,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
     }
     function openPopover(control) {
       if (!props.readonly && !props.disabled) {
@@ -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/OrTimeRangePickerV3/OrTimeRangePicker.vue.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     reset: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatTimeAlt: (value: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -169,7 +169,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     reset: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatTimeAlt: (value: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/bundled/v2/components/OrTimeRangePickerV3/types.d.ts

@@ -1,2 +1,3 @@
+import { ModelValue } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
-export type TimeRangePickerModelValue = [DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined;
+export type TimeRangePickerModelValue = ModelValue<[DateTimePickerModelValue, DateTimePickerModelValue]>;

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/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-fee94ad6.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';
@@ -74,7 +75,7 @@ export { FabColor } from './OrFabV3/props.js';
 export { default as OrFloating } from './OrFloating/OrFloating.js';
 export { OrFloatingHideStrategy, OrFloatingPlacements } from './OrFloating/constants.js';
 export { default as OrFormGroupV3 } from './OrFormGroupV3/OrFormGroup.js';
-export { FormGroupDirection } from './OrFormGroupV3/props.js';
+export { F as FormGroupDirection } from '../styles-a198cbef.js';
 export { default as OrHint } from './OrHint/OrHint.js';
 export { default as OrHintV3 } from './OrHintV3/OrHint.js';
 export { default as OrIcon } from './OrIcon/OrIcon.js';
@@ -85,22 +86,22 @@ 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-9b115866.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
-export { LabelVariant } from './OrLabelV3/props.js';
+export { L as LabelVariant } from '../styles-30358b7e.js';
 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-47e0d565.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, E extends Item<T>>(value: T, items: E[]) => E;

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, E extends Item<T>>(value: T[], items: E[]) => E[];

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, E extends Item<T>>(value: string, items: E[]) => Promise<E[]>;

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 };

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

@@ -1,6 +1,7 @@
 import '@onereach/styles/rollup-plugin-tailwindcss-cli.css';
 export * from './components';
 export * from './directives';
+export * from './helpers';
 export * from './hooks';
 export * from './tokens';
 export * from './types';