@onereach/ui-components 4.16.2-beta.3086.0 → 4.17.0

package/dist/esm/v3/{OrDateTimePicker-c19dcefc.js → OrDateTimePicker-4bfefbcd.js}

@@ -1,14 +1,14 @@
 import padStart from 'lodash/padStart';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrFloating-1a9ccfe9.js';
+import { s as script$2 } from './OrFloating-052ede5f.js';
 import { s as script$3 } from './OrLabel-a7d99df4.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-8822005b.js';
-import { s as script$6 } from './OrCollapse-a06f22aa.js';
-import './OrButton-78a118d7.js';
-import { s as script$7 } from './OrIconButton-ad0cbc8d.js';
-import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
+import { s as script$6 } from './OrCollapse-d7c0afae.js';
+import './OrButton-130ad8d9.js';
+import { s as script$7 } from './OrIconButton-287bb86a.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-aecadd9a.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrDateTimePicker-09b297bd.js → OrDateTimePicker-d843ed5f.js}

@@ -6,12 +6,12 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$a } from './OrError-c01d0c29.js';
 import { s as script$b } from './OrHint-06ab89d7.js';
-import { s as script$d } from './OrIconButton-ec4123df.js';
+import { s as script$d } from './OrIconButton-81bade23.js';
 import { s as script$c } from './OrIcon-62793572.js';
 import { s as script$e, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$f } from './OrLabel-4da56db0.js';
-import { s as script$g } from './OrPopover-5819b807.js';
-import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-7a4d0e9c.js';
+import { s as script$g } from './OrPopover-56ba40ab.js';
+import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-3c26fc72.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, resolveDirective, renderSlot, withDirectives } from 'vue';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
 

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-7a4d0e9c.js → OrDateTimePickerPopoverHeader-3c26fc72.js}

@@ -6,11 +6,11 @@ import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import { s as script$6 } from './OrButton-c2b6aa9e.js';
 import { s as script$7 } from './OrLabel-4da56db0.js';
-import { s as script$9 } from './OrIconButton-ec4123df.js';
+import { s as script$9 } from './OrIconButton-81bade23.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$a } from './OrMenu-1447444f.js';
-import './OrPopover-5819b807.js';
+import { s as script$a } from './OrMenu-eff42b15.js';
+import './OrPopover-56ba40ab.js';
 
 function useCurrentDate() {
   const currentDate = new Date();

package/dist/esm/v3/{OrFloating-1a9ccfe9.js → OrFloating-052ede5f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, nextTick } from 'vue-demi';
 import { autoUpdate, computePosition, offset, hide, flip, shift } from '@floating-ui/dom';
 import { s as script$1 } from './OrTeleport.vue3-9bce0c02.js';
-import { e as getMaxZIndex, d as getCS } from './dom-f1d55b67.js';
+import { x as getMaxZIndex, u as getCS } from './dom-aecadd9a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrIcon-d8ea7901.js → OrIcon-f7130a5c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
-import './OrTooltip-c1006713.js';
+import './OrTooltip-7ac03028.js';
 import { s as script$1 } from './OrTooltipContent-c0042844.js';
-import { s as script$2, O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
+import { s as script$2, O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrIconButton-ad0cbc8d.js → OrIconButton-287bb86a.js}

@@ -1,9 +1,9 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
-import { s as script$3 } from './OrIcon-d8ea7901.js';
-import { s as script$4 } from './OrLoader-7b006619.js';
-import { s as script$2 } from './OrTooltip-c1006713.js';
+import { s as script$3 } from './OrIcon-f7130a5c.js';
+import { s as script$4 } from './OrLoader-d28a8ebf.js';
+import { s as script$2 } from './OrTooltip-7ac03028.js';
 import './OrTooltipContent-c0042844.js';
-import { O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
+import { O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, toHandlers, createBlock, createCommentVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrIconButton-ec4123df.js → OrIconButton-81bade23.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-896870c6.js';
-import './OrPopover-5819b807.js';
+import { s as script$2 } from './OrTooltip-bd35ec20.js';
+import './OrPopover-56ba40ab.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-a0361cae.js → OrInlineInput-42f6e95a.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-ec4123df.js';
+import { s as script$3 } from './OrIconButton-81bade23.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextEdit-6bf54bd0.js → OrInlineTextEdit-a3c4c7dc.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { s as script$1 } from './OrCollapse-a06f22aa.js';
+import { s as script$1 } from './OrCollapse-d7c0afae.js';
 import { s as script$2 } from './OrError-f90296db.js';
-import './OrButton-78a118d7.js';
-import { s as script$3 } from './OrIconButton-ad0cbc8d.js';
+import './OrButton-130ad8d9.js';
+import { s as script$3 } from './OrIconButton-287bb86a.js';
 import { useVModel } from '@vueuse/core';
-import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-aecadd9a.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, withKeys, vModelText, createCommentVNode, toDisplayString, createBlock, createVNode, withCtx, Transition } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-11744eab.js → OrInlineTextarea-651c67e6.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-ec4123df.js';
+import { s as script$3 } from './OrIconButton-81bade23.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-9be9a209.js → OrInput-2c3111c2.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-aecadd9a.js';
 import { s as script$1 } from './OrLabel-a7d99df4.js';
 import { s as script$2 } from './OrHint-8822005b.js';
 import { s as script$3 } from './OrError-f90296db.js';
-import { s as script$4 } from './OrCollapse-a06f22aa.js';
+import { s as script$4 } from './OrCollapse-d7c0afae.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, createVNode, Transition } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrInput-db67d100.js → OrInput-eb04fa3a.js}

@@ -2,13 +2,13 @@ import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import { u as useResponsive } from './useResponsive-bb091958.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-ec4123df.js';
+import { s as script$4 } from './OrIconButton-81bade23.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';
@@ -128,6 +128,9 @@ var script = defineComponent({
     });
     const maxLength = computed(() => controlAttributes.maxlength);
     const disclosed = ref(false);
+    const {
+      isMobile
+    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -137,10 +140,6 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive(root);
     return {
       root,
       control,
@@ -151,9 +150,9 @@ var script = defineComponent({
       currentLength,
       maxLength,
       disclosed,
+      isMobile,
       focus,
-      blur,
-      isMobile
+      blur
     };
   }
 });

package/dist/esm/v3/{OrList-042d8681.js → OrList-aa7b5ef9.js}

@@ -4,9 +4,9 @@ import isEqual from 'lodash/isEqual';
 import { v4 } from 'uuid';
 import Sortable from 'sortablejs';
 import { s as script$2 } from './OrLabel-a7d99df4.js';
-import { s as script$3 } from './OrButton-78a118d7.js';
-import { s as script$4 } from './OrIconButton-ad0cbc8d.js';
-import { s as script$5 } from './OrIcon-d8ea7901.js';
+import { s as script$3 } from './OrButton-130ad8d9.js';
+import { s as script$4 } from './OrIconButton-287bb86a.js';
+import { s as script$5 } from './OrIcon-f7130a5c.js';
 import { s as script$1 } from './OrError-f90296db.js';
 import { resolveComponent, openBlock, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrListOfInputs-ce0d6ac0.js → OrListOfInputs-f8740785.js}

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrList-042d8681.js';
-import { s as script$2 } from './OrInput-9be9a209.js';
-import { s as script$3 } from './OrIcon-d8ea7901.js';
-import './OrButton-78a118d7.js';
-import { s as script$4 } from './OrIconButton-ad0cbc8d.js';
+import { s as script$1 } from './OrList-aa7b5ef9.js';
+import { s as script$2 } from './OrInput-2c3111c2.js';
+import { s as script$3 } from './OrIcon-f7130a5c.js';
+import './OrButton-130ad8d9.js';
+import { s as script$4 } from './OrIconButton-287bb86a.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-7b006619.js → OrLoader-d28a8ebf.js}

@@ -1,11 +1,8 @@
 import { defineComponent } from 'vue-demi';
+import { i as isEmpty } from './isEmpty-52fa842a.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';
 
-function isEmpty(val) {
-  return val == null || !(Object.keys(val) || val).length;
-}
-
 var LoaderViews;
 (function (LoaderViews) {
   LoaderViews["default"] = "default";
@@ -95,4 +92,4 @@ script.render = render;
 script.__scopeId = "data-v-77c2a898";
 script.__file = "src/components/or-loader/OrLoader.vue";
 
-export { LoaderViews as L, isEmpty as i, script as s };
+export { LoaderViews as L, script as s };

package/dist/esm/v3/{OrMenu-1447444f.js → OrMenu-eff42b15.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-5819b807.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-56ba40ab.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrModal-f3a4813a.js → OrModal-b2060770.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
-import './OrButton-78a118d7.js';
-import { s as script$1 } from './OrIconButton-ad0cbc8d.js';
+import './OrButton-130ad8d9.js';
+import { s as script$1 } from './OrIconButton-287bb86a.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/{OrModal-6e813215.js → OrModal-d2038c15.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$5 } from './OrOverlay-489fdf76.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-ec4123df.js';
+import { s as script$4 } from './OrIconButton-81bade23.js';
 
 const ModalContent = [
 // Layout

package/dist/esm/v3/{OrNotification-538f8e92.js → OrNotification-1b28dd4a.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-d8ea7901.js';
-import './OrButton-78a118d7.js';
-import { s as script$2 } from './OrIconButton-ad0cbc8d.js';
+import { s as script$1 } from './OrIcon-f7130a5c.js';
+import './OrButton-130ad8d9.js';
+import { s as script$2 } from './OrIconButton-287bb86a.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/{OrNotification-9d7f4ad3.js → OrNotification-ec688496.js}

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

package/dist/esm/v3/{OrNumberInput-249caf96.js → OrNumberInput-e9dcdcbd.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { s as script$1 } from './OrInput-9be9a209.js';
+import { s as script$1 } from './OrInput-2c3111c2.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrOverflowMenu-4d0bf63a.js → OrOverflowMenu-440ddf3e.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrButton-78a118d7.js';
-import { s as script$3 } from './OrIconButton-ad0cbc8d.js';
+import { s as script$2 } from './OrButton-130ad8d9.js';
+import { s as script$3 } from './OrIconButton-287bb86a.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-1a9ccfe9.js';
+import { s as script$4, O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/esm/v3/{OrPagination-c40cc0d5.js → OrPagination-7168b18f.js}

@@ -1,14 +1,14 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import { u as useResponsive } from './useResponsive-bb091958.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrButton-c2b6aa9e.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-54062d59.js';
-import { s as script$3 } from './OrMenu-1447444f.js';
-import './OrPopover-5819b807.js';
+import { s as script$3 } from './OrMenu-eff42b15.js';
+import './OrPopover-56ba40ab.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [
@@ -65,6 +65,10 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -158,12 +162,9 @@ var script = defineComponent({
     function toPage(page) {
       currentPage.value = page;
     }
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive(root);
     return {
+      isDesktop,
+      isMobile,
       root,
       limitButton,
       limitButtonRoot,
@@ -182,9 +183,7 @@ var script = defineComponent({
       buttonGroup,
       toPreviousPage,
       toNextPage,
-      toPage,
-      isDesktop,
-      isMobile
+      toPage
     };
   }
 });

package/dist/esm/v3/{OrPassword-cd8a3c46.js → OrPassword-311406fa.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
-import { s as script$1 } from './OrInput-9be9a209.js';
+import { s as script$1 } from './OrInput-2c3111c2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useToggle } from './useToggle-c04fc920.js';
-import './OrButton-78a118d7.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-ad0cbc8d.js';
+import './OrButton-130ad8d9.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-287bb86a.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-5819b807.js → OrPopover-56ba40ab.js}

@@ -3,7 +3,7 @@ import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
-import { u as useResponsive } from './useResponsive-bb091958.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrBottomSheet-2d3d91ef.js';
@@ -122,6 +122,10 @@ var script = defineComponent({
   emits: ['update:state', 'open', 'close'],
   expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const bottomSheet = ref();
@@ -141,11 +145,6 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isFlipped = ref(false);
     const isHidden = ref(false);
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive(root);
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -197,6 +196,8 @@ var script = defineComponent({
     });
     // #endregion
     return {
+      isDesktop,
+      isMobile,
       root,
       bottomSheet,
       bottomSheetRoot,
@@ -205,8 +206,6 @@ var script = defineComponent({
       state,
       isFlipped,
       isHidden,
-      isDesktop,
-      isMobile,
       open,
       close,
       toggle

package/dist/esm/v3/{OrProgress-c3c56efd.js → OrProgress-a54a42c0.js}

@@ -1,7 +1,7 @@
 import { useElementBounding } from '@vueuse/core';
 import round from 'lodash/round';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
-import { u as useResponsive } from './useResponsive-bb091958.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
@@ -121,6 +121,9 @@ var script = defineComponent({
   },
   expose: ['root'],
   setup(props) {
+    const {
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     // Slots
@@ -179,10 +182,6 @@ var script = defineComponent({
       return width.value ? width.value - 2 : '100%';
     });
     const strokeDashoffset = computed(() => props.loading ? undefined : (1 - localProgress.value) * strokeDasharray.value);
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive(root);
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrSearch-d0c8aca7.js → OrSearch-2800e9bf.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
-import { s as script$1 } from './OrInput-9be9a209.js';
+import { s as script$1 } from './OrInput-2c3111c2.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton-78a118d7.js';
-import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-ad0cbc8d.js';
+import './OrButton-130ad8d9.js';
+import { s as script$2, b as BUTTON_SIZE } from './OrIconButton-287bb86a.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-13e8c829.js → OrSearch-47b052ea.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-db67d100.js';
+import { s as script$1 } from './OrInput-eb04fa3a.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-a8c6d730.js → OrSelect-2d638c3f.js}

@@ -5,18 +5,19 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, i as isEmptyValue } from './OrCheckbox-494a8d9e.js';
+import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
+import { s as script$1 } from './OrCheckbox-09f62aab.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
 import { s as script$3 } from './OrExpansionPanel-891154e6.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
-import { s as script$6 } from './OrIconButton-ec4123df.js';
+import { s as script$6 } from './OrIconButton-81bade23.js';
 import { s as script$5 } from './OrIcon-62793572.js';
 import { s as script$8, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$7 } from './OrInput-db67d100.js';
+import { s as script$7 } from './OrInput-eb04fa3a.js';
 import { s as script$9 } from './OrLabel-4da56db0.js';
 import { s as script$a } from './OrMenuItem-54062d59.js';
-import { s as script$b } from './OrPopover-5819b807.js';
-import { s as script$c } from './OrTag-2fc4339f.js';
+import { s as script$b } from './OrPopover-56ba40ab.js';
+import { s as script$c } from './OrTag-8f452a85.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectRoot = [

package/dist/esm/v3/{OrSelect-60205145.js → OrSelect-9520d6e6.js}

@@ -1,14 +1,15 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { i as isEmpty, s as script$c } from './OrLoader-7b006619.js';
-import { s as script$a } from './OrIcon-d8ea7901.js';
+import { i as isEmpty } from './isEmpty-52fa842a.js';
+import { s as script$a } from './OrIcon-f7130a5c.js';
 import keyBy from 'lodash/keyBy';
-import { s as script$9 } from './OrChip-857982e0.js';
-import './OrChips-053f3a92.js';
+import { s as script$9 } from './OrChip-74e27265.js';
+import './OrChips-348b13e4.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, renderSlot, createVNode, createTextVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$b } from './OrCheckbox-72ae9748.js';
-import { s as script$d } from './OrFloating-1a9ccfe9.js';
+import { s as script$c } from './OrLoader-d28a8ebf.js';
+import { s as script$b } from './OrCheckbox-5666c954.js';
+import { s as script$d } from './OrFloating-052ede5f.js';
 import { s as script$e } from './OrLabel-a7d99df4.js';
 import { s as script$f } from './OrError-f90296db.js';
 

package/dist/esm/v3/{OrSidebar-84d5caf8.js → OrSidebar-9281e0d5.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-4d44c41a.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-69e7cc73.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-4d44c41a.js → OrSidebarCollapseButton-69e7cc73.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-ec4123df.js';
+import { s as script$1 } from './OrIconButton-81bade23.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrSlider-eead916e.js → OrSlider-b7bd588e.js}

@@ -1,7 +1,7 @@
-import { s as script$1 } from './OrIcon-d8ea7901.js';
+import { s as script$1 } from './OrIcon-f7130a5c.js';
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside, useDraggable } from '@vueuse/core';
-import { f as addClass, h as removeClass } from './dom-f1d55b67.js';
+import { f as addClass, h as removeClass } from './dom-aecadd9a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createCommentVNode, renderSlot, createVNode, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrSorting-e86c53b5.js → OrSorting-a4247ad1.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { s as script$1 } from './OrMenu-1447444f.js';
-import './OrPopover-5819b807.js';
+import { s as script$1 } from './OrMenu-eff42b15.js';
+import './OrPopover-56ba40ab.js';
 import { s as script$2 } from './OrMenuItem-54062d59.js';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
 import { s as script$4 } from './OrIcon-62793572.js';

package/dist/esm/v3/{OrStepper-651a619a.js → OrStepper-4943002c.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$6 } from './OrButton-78a118d7.js';
-import './OrIconButton-ad0cbc8d.js';
+import { s as script$6 } from './OrButton-130ad8d9.js';
+import './OrIconButton-287bb86a.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-10747a24.js → OrSwitch-fb864132.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrLoader-7b006619.js';
+import { s as script$1 } from './OrLoader-d28a8ebf.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';