@onereach/ui-components 2.68.0-beta.1987.0 → 2.68.0-beta.2002.0

package/dist/bundled/v3/{types-577637c4.js → types-bc0d88d7.js}

@@ -1,12 +1,12 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, toDisplayString, createElementVNode, createBlock, withModifiers, onBeforeMount, onBeforeUnmount, nextTick } from 'vue';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-4d4329cd.js';
-import './OrIconButton-c521fef8.js';
+import './OrIconButton-00ab6c2d.js';
 import './OrLoader-65868e73.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 import { s as script$3 } from './OrLoader.vue_vue_type_script_lang-edd1b404.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrOverlay.vue_vue_type_script_lang-4551114e.js';
+import './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import { s as script$4 } from './OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 
 const ToastRoot = [

package/dist/bundled/v3/{useElevation-6aea372d.js → useElevation-c8d5d3ba.js}

@@ -1,10 +1,14 @@
 import { isRef, ref, watch } from 'vue';
 
+function isVisible(element) {
+  return !(element.offsetParent === null);
+}
+
 function useElevation(element) {
   const elementRef = isRef(element) ? element : ref(element);
   // Functions
   function getPageElevations() {
-    return [...document.body.querySelectorAll('*')].map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
+    return [...document.body.querySelectorAll('*')].filter(isVisible).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
   }
   function setElementElevation(element) {
     element.style.zIndex = String(Math.max(0, ...getPageElevations()) + 1);

package/dist/bundled/v3/utils/isVisible.d.ts

@@ -0,0 +1,2 @@
+declare function isVisible(element: HTMLElement): boolean;
+export default isVisible;

package/dist/esm/v2/{OrBottomSheet-f09adbbb.js → OrBottomSheet-5acd034f.js}

@@ -1,7 +1,7 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
+import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const BottomSheetRoot = [

package/dist/esm/v2/{OrCardCollection-a3ddee38.js → OrCardCollection-799ab8bd.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrCard-1d904e72.js';
-import { _ as __vue_component__$2 } from './OrIconButton-bc8a8b2e.js';
-import { _ as __vue_component__$3 } from './OrInput-b0619ac3.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a7764de4.js';
+import { _ as __vue_component__$3 } from './OrInput-946ef514.js';
 import { _ as __vue_component__$4 } from './OrSortHeader-b4dbff08.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrConfirm-def2218a.js → OrConfirm-367ac968.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-b458e82b.js';
-import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
-import { _ as __vue_component__$3 } from './OrInput-b0619ac3.js';
+import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
+import { _ as __vue_component__$3 } from './OrInput-946ef514.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -107,6 +107,10 @@ var script = defineComponent({
       type: String,
       required: false,
       default: null
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['open', 'close', 'confirm'],
@@ -151,6 +155,15 @@ var script = defineComponent({
     }
     // Events
     watch(isActive, value => emit(value ? 'open' : 'close'));
+    watch(() => props.isOpen, newIsOpen => {
+      if (newIsOpen) {
+        open();
+      } else {
+        close();
+      }
+    }, {
+      immediate: true
+    });
     watch(escape, val => {
       if (val) close();
     });

package/dist/esm/v2/{OrIconButton-bc8a8b2e.js → OrIconButton-a7764de4.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
-import { _ as __vue_component__$2 } from './OrTooltip-2d423c46.js';
-import './OrPopover-ba3ddf1a.js';
+import { _ as __vue_component__$2 } from './OrTooltip-3454c2e6.js';
+import './OrPopover-ef8c91f1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-5c99926f.js → OrInlineInput-00fbe0a7.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3 } from './OrIconButton-bc8a8b2e.js';
+import { _ as __vue_component__$3 } from './OrIconButton-a7764de4.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-6a15ea2b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';

package/dist/esm/v2/{OrInlineTextarea-a67f2376.js → OrInlineTextarea-b4740a94.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3 } from './OrIconButton-bc8a8b2e.js';
+import { _ as __vue_component__$3 } from './OrIconButton-a7764de4.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-6a15ea2b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';

package/dist/esm/v2/{OrInput-b0619ac3.js → OrInput-946ef514.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$4 } from './OrIconButton-bc8a8b2e.js';
+import { _ as __vue_component__$4 } from './OrIconButton-a7764de4.js';
 import { _ as __vue_component__$3 } from './OrIcon-05689298.js';
 import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { _ as __vue_component__$6 } from './OrLabel-5670468e.js';

package/dist/esm/v2/{OrMenu-8ca8233e.js → OrMenu-e7210edc.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-ba3ddf1a.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-ef8c91f1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuRoot = [

package/dist/esm/v2/{OrModal-96fa7ba5.js → OrModal-5c92cdc8.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-bc8a8b2e.js';
-import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a7764de4.js';
+import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ModalSize;
@@ -54,6 +54,10 @@ var script = defineComponent({
     size: {
       type: String,
       default: ModalSize.M
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['open', 'close'],
@@ -72,6 +76,15 @@ var script = defineComponent({
     watch(isActive, value => {
       context.emit(value ? 'open' : 'close');
     });
+    watch(() => props.isOpen, newIsOpen => {
+      if (newIsOpen) {
+        open();
+      } else {
+        close();
+      }
+    }, {
+      immediate: true
+    });
     // Methods
     function open() {
       isActive.value = true;

package/dist/esm/v2/{OrNotification-23f97c3d.js → OrNotification-9862ce5f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-bc8a8b2e.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a7764de4.js';
 import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverlay-4838a9b0.js → OrOverlay-18ba2dc6.js}

@@ -1,7 +1,7 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useElevation } from './useElevation-0e973238.js';
+import { u as useElevation } from './useElevation-31bfe1f6.js';
 import { _ as __vue_component__$1 } from './OrTeleport.vue2-fb92f29f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPopover-ba3ddf1a.js → OrPopover-ef8c91f1.js}

@@ -2,9 +2,9 @@ import { autoUpdate, computePosition, flip, shift, hide } from '@floating-ui/dom
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useElevation } from './useElevation-0e973238.js';
+import { u as useElevation } from './useElevation-31bfe1f6.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrBottomSheet-f09adbbb.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-5acd034f.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-fb92f29f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';