@onereach/ui-components 5.3.1 → 5.4.0

package/dist/esm/v3/{OrCheckboxTree-9776fb8a.js → OrCheckboxTree-6c54e835.js}

@@ -1,9 +1,10 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, computed, toRef, watch } from 'vue-demi';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$3 } from './OrButton-4a3c3e7b.js';
-import { s as script$2 } from './OrCheckbox-4433eaa6.js';
+import { s as script$2 } from './OrCheckbox-7aeb8af1.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 

package/dist/esm/v3/{OrCode-0ee0ad81.js → OrCode-5d42a6b9.js}

@@ -11,14 +11,15 @@ import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUn
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import { u as useTheme } from './useTheme-e8494a32.js';
 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-6b7afbb3.js';
+import { s as script$3 } from './OrIconButton-fbd39f8d.js';
 import { s as script$4 } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrModal-f737b870.js';
+import { s as script$6 } from './OrModal-6dd278c0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var CodeLanguage;

package/dist/esm/v3/{OrConfirm-bd034042.js → OrConfirm-68150686.js}

@@ -2,10 +2,11 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, a as ButtonColor } from './OrButton-4a3c3e7b.js';
-import { s as script$3 } from './OrInput-4aa8ef29.js';
-import { s as script$1 } from './OrOverlay-b350eee6.js';
+import { s as script$3 } from './OrInput-d28c8c10.js';
+import { s as script$1 } from './OrOverlay-63e5b9ad.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 var ConfirmType;

package/dist/esm/v3/{OrDatePicker-1548bf25.js → OrDatePicker-c23f1aca.js}

@@ -2,15 +2,16 @@ import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-89418017.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-f3e5d27d.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-6b7afbb3.js';
+import { s as script$a } from './OrIconButton-fbd39f8d.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-d4c46bb6.js';
-import { s as script$d } from './OrPopover-4ae174d0.js';
+import { s as script$d } from './OrPopover-5637267a.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const DatePicker = [

package/dist/esm/v3/{OrDateTimePicker-debf236f.js → OrDateTimePicker-41629d12.js}

@@ -2,15 +2,16 @@ import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 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-6b7afbb3.js';
+import { s as script$d } from './OrIconButton-fbd39f8d.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-d4c46bb6.js';
-import { s as script$g } from './OrPopover-4ae174d0.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-89418017.js';
+import { s as script$g } from './OrPopover-5637267a.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-f3e5d27d.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-4a3c3e7b.js';
 

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-89418017.js → OrDateTimePickerPopoverHeader-f3e5d27d.js}

@@ -1,15 +1,16 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import { s as script$6 } from './OrButton-4a3c3e7b.js';
 import { s as script$7 } from './OrLabel-d4c46bb6.js';
-import { s as script$9 } from './OrIconButton-6b7afbb3.js';
+import { s as script$9 } from './OrIconButton-fbd39f8d.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-adbde52a.js';
-import './OrPopover-4ae174d0.js';
+import { s as script$a } from './OrMenu-260be0af.js';
+import './OrPopover-5637267a.js';
 
 function useCurrentDate() {
   const currentDate = new Date();

package/dist/esm/v3/{OrExpansionPanel-cb469c25.js → OrExpansionPanel-4a28f073.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';

package/dist/esm/v3/{OrIconButton-6b7afbb3.js → OrIconButton-fbd39f8d.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-e988cab2.js';
-import './OrPopover-4ae174d0.js';
+import { s as script$2 } from './OrTooltip-9d606b66.js';
+import './OrPopover-5637267a.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-db0dbff9.js → OrInlineInput-7fbdc006.js}

@@ -2,11 +2,12 @@ import { defineComponent, ref, computed, reactive, toRef, watch } 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 '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 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-6b7afbb3.js';
+import { s as script$3 } from './OrIconButton-fbd39f8d.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/{OrInlineTextarea-9b114ab8.js → OrInlineTextarea-b0d6f9f8.js}

@@ -2,11 +2,12 @@ import { defineComponent, ref, computed, reactive, toRef, watch } 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 '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 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-6b7afbb3.js';
+import { s as script$3 } from './OrIconButton-fbd39f8d.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-4aa8ef29.js → OrInput-d28c8c10.js}

@@ -2,12 +2,12 @@ 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-a02e95b7.js';
+import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
 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-6b7afbb3.js';
+import { s as script$4 } from './OrIconButton-fbd39f8d.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-d4c46bb6.js';
@@ -127,9 +127,6 @@ var script = defineComponent({
     });
     const maxLength = computed(() => controlAttributes.maxlength);
     const disclosed = ref(false);
-    const {
-      isMobile
-    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -139,6 +136,10 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
+    // Helpers
+    const {
+      isMobile
+    } = useResponsive();
     return {
       root,
       control,
@@ -149,9 +150,9 @@ var script = defineComponent({
       currentLength,
       maxLength,
       disclosed,
-      isMobile,
       focus,
-      blur
+      blur,
+      isMobile
     };
   }
 });

package/dist/esm/v3/{OrMenu-adbde52a.js → OrMenu-260be0af.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-4ae174d0.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-5637267a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrModal-f737b870.js → OrModal-6dd278c0.js}

@@ -1,10 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$5 } from './OrOverlay-b350eee6.js';
+import { s as script$5 } from './OrOverlay-63e5b9ad.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-6b7afbb3.js';
+import { s as script$4 } from './OrIconButton-fbd39f8d.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-772684d4.js → OrNotification-7f25412d.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-6b7afbb3.js';
+import { s as script$2 } from './OrIconButton-fbd39f8d.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/{OrOverlay-b350eee6.js → OrOverlay-63e5b9ad.js}

@@ -1,6 +1,7 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';

package/dist/esm/v3/{OrPagination-44bc1131.js → OrPagination-8c428114.js}

@@ -1,13 +1,13 @@
 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-a02e95b7.js';
+import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.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-adbde52a.js';
-import './OrPopover-4ae174d0.js';
+import { s as script$3 } from './OrMenu-260be0af.js';
+import './OrPopover-5637267a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [
@@ -64,10 +64,6 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -161,9 +157,12 @@ var script = defineComponent({
     function toPage(page) {
       currentPage.value = page;
     }
-    return {
+    // Helpers
+    const {
       isDesktop,
-      isMobile,
+      isMobile
+    } = useResponsive();
+    return {
       root,
       limitButton,
       limitButtonRoot,
@@ -182,7 +181,9 @@ var script = defineComponent({
       buttonGroup,
       toPreviousPage,
       toNextPage,
-      toPage
+      toPage,
+      isDesktop,
+      isMobile
     };
   }
 });

package/dist/esm/v3/{OrPassword-af65bd40.js → OrPassword-ed2fc171.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { s as script$1 } from './OrInput-2c3111c2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { u as useToggle } from './useToggle-c04fc920.js';
 import './OrButton-130ad8d9.js';

package/dist/esm/v3/{OrPopover-4ae174d0.js → OrPopover-5637267a.js}

@@ -3,9 +3,9 @@ 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-a02e95b7.js';
+import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrBottomSheet-7d392a68.js';
+import { s as script$1 } from './OrBottomSheet-f8d589d8.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -121,12 +121,9 @@ 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 containerRoot = ref();
     const bottomSheet = ref();
     const bottomSheetRoot = computed(() => {
       var _a;
@@ -144,6 +141,11 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isFlipped = ref(false);
     const isHidden = ref(false);
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive(containerRoot);
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -195,9 +197,8 @@ var script = defineComponent({
     });
     // #endregion
     return {
-      isDesktop,
-      isMobile,
       root,
+      containerRoot,
       bottomSheet,
       bottomSheetRoot,
       rootStyles,
@@ -205,6 +206,8 @@ var script = defineComponent({
       state,
       isFlipped,
       isHidden,
+      isDesktop,
+      isMobile,
       open,
       close,
       toggle
@@ -213,6 +216,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
+  ref: "containerRoot",
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/esm/v3/{OrProgress-d28ce3f7.js → OrProgress-b405214e.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-a02e95b7.js';
+import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
@@ -120,9 +120,6 @@ var script = defineComponent({
   },
   expose: ['root'],
   setup(props) {
-    const {
-      isMobile
-    } = useResponsive();
     // Refs
     const root = ref();
     // Slots
@@ -181,6 +178,10 @@ 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();
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrRadio-561b6900.js → OrRadio-dd484558.js}

@@ -2,6 +2,7 @@ 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 '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1, L as LabelVariant } from './OrLabel-d4c46bb6.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrRadioGroup-8124dd62.js → OrRadioGroup-d8044e7c.js}

@@ -1,9 +1,10 @@
 import { defineComponent, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrFormGroup-c4631ef0.js';
-import { s as script$2 } from './OrRadio-561b6900.js';
+import { s as script$2 } from './OrRadio-dd484558.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSearch-98342176.js → OrSearch-895067e0.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-4aa8ef29.js';
+import { s as script$1 } from './OrInput-d28c8c10.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSegmentedControl-851db474.js → OrSegmentedControl-3df84379.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, isVue2, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrSelect-ba0f0da3.js → OrSelect-1e03eb9d.js}

@@ -3,21 +3,21 @@ import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import { u as useResponsive } from './useResponsive-a02e95b7.js';
+import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
-import { s as script$2 } from './OrCheckbox-4433eaa6.js';
+import { s as script$2 } from './OrCheckbox-7aeb8af1.js';
 import { s as script$3 } from './OrError-c01d0c29.js';
-import { s as script$4 } from './OrExpansionPanel-cb469c25.js';
+import { s as script$4 } from './OrExpansionPanel-4a28f073.js';
 import { s as script$5 } from './OrHint-06ab89d7.js';
-import { s as script$7 } from './OrIconButton-6b7afbb3.js';
+import { s as script$7 } from './OrIconButton-fbd39f8d.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$9, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$8 } from './OrInput-4aa8ef29.js';
+import { s as script$8 } from './OrInput-d28c8c10.js';
 import { s as script$a } from './OrLabel-d4c46bb6.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$c } from './OrPopover-4ae174d0.js';
-import { s as script$d } from './OrTag-05c5e0fd.js';
+import { s as script$c } from './OrPopover-5637267a.js';
+import { s as script$d } from './OrTag-31fd6ae4.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, resolveDirective, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectPlaceholder = [

package/dist/esm/v3/{OrSidebar-8f9b7502.js → OrSidebar-47154aa9.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-79a7c625.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-890ed7af.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-79a7c625.js → OrSidebarCollapseButton-890ed7af.js}

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

package/dist/esm/v3/{OrSorting-536caed2.js → OrSorting-0cf35eea.js}

@@ -1,11 +1,12 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { s as script$1 } from './OrMenu-adbde52a.js';
-import './OrPopover-4ae174d0.js';
+import { s as script$1 } from './OrMenu-260be0af.js';
+import './OrPopover-5637267a.js';
 import { s as script$2 } from './OrMenuItem-54062d59.js';
 import { s as script$3 } from './OrButton-4a3c3e7b.js';
 import { s as script$4 } from './OrIcon-62793572.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 

package/dist/esm/v3/{OrSwitch-58fdc4bf.js → OrSwitch-ed97acd5.js}

@@ -2,6 +2,7 @@ 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 '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1, L as LabelVariant } from './OrLabel-d4c46bb6.js';
 import { s as script$2 } from './OrLoader-b79022da.js';

package/dist/esm/v3/{OrTabs-a8c41238.js → OrTabs-c053d3d6.js}

@@ -1,11 +1,12 @@
 import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-54062d59.js';
-import { s as script$2 } from './OrMenu-adbde52a.js';
-import './OrPopover-4ae174d0.js';
+import { s as script$2 } from './OrMenu-260be0af.js';
+import './OrPopover-5637267a.js';
 import { s as script$4 } from './OrTab-2d567d8e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrTag-05c5e0fd.js → OrTag-31fd6ae4.js}

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

package/dist/esm/v3/{OrTagInput-84bcd9c7.js → OrTagInput-8b97bbf0.js}

@@ -2,14 +2,15 @@ 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 '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 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-6b7afbb3.js';
+import { s as script$3 } from './OrIconButton-fbd39f8d.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrTags-392ee3f9.js';
+import { s as script$6 } from './OrTags-19d496a9.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-392ee3f9.js → OrTags-19d496a9.js}

@@ -1,10 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
-import { s as script$2 } from './OrPopover-4ae174d0.js';
-import { s as script$3 } from './OrTag-05c5e0fd.js';
+import { s as script$2 } from './OrPopover-5637267a.js';
+import { s as script$3 } from './OrTag-31fd6ae4.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 const Tags = [

package/dist/esm/v3/{OrTextarea-e86881b0.js → OrTextarea-4852104f.js}

@@ -2,6 +2,7 @@ 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 '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';

package/dist/esm/v3/{OrTextbox-20157075.js → OrTextbox-262d3f2a.js}

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, getCurrentInstance } from 'vue-demi';
 import '@vueuse/core';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { u as useToggle } from './useToggle-c04fc920.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';