@onereach/ui-components 2.68.0-beta.2033.0 → 2.68.0-beta.2049.0

package/dist/bundled/v3/{types-075c934a.js → types-bc0d88d7.js}

@@ -1,14 +1,13 @@
 import { useToggle } from '@vueuse/core';
-import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
-import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import './OrIconButton-171c6d70.js';
-import './OrLoader-87f8250e.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c015a970.js';
-import { s as script$3 } from './OrLoader.vue_vue_type_script_lang-a927d554.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, toDisplayString, createElementVNode, createBlock, withModifiers } from 'vue';
+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-00ab6c2d.js';
+import './OrLoader-65868e73.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-345859a3.js';
-import { s as script$4 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.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 = [
 // Layout

package/dist/bundled/v3/useClassAttribute-00888f78.js

@@ -0,0 +1,9 @@
+import { getCurrentInstance, computed } from 'vue';
+
+function useClassAttribute() {
+  getCurrentInstance();
+  return computed(() => {
+  });
+}
+
+export { useClassAttribute as u };

package/dist/bundled/{v2/useElevation-31bfe1f6.js → v3/useElevation-c8d5d3ba.js}

@@ -1,4 +1,4 @@
-import { isRef, ref, watch } from 'vue-demi';
+import { isRef, ref, watch } from 'vue';
 
 function isVisible(element) {
   return !(element.offsetParent === null);

package/dist/bundled/{v2/OrModal-311e1630.js → v3/useFocusTrap-d21726e3.js}

@@ -1,19 +1,5 @@
-import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
-import _ from 'lodash';
-import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
-import { O as OrIconButton } from './OrIconButton-0337cb7c.js';
-import { O as OrOverlay } from './OrOverlay-f25c0d05.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var OrModalSizes;
-(function (OrModalSizes) {
-  OrModalSizes["tiny"] = "tiny";
-  OrModalSizes["small"] = "small";
-  OrModalSizes["medium"] = "medium";
-  OrModalSizes["large"] = "large";
-  OrModalSizes["fullScreen"] = "fullScreen";
-})(OrModalSizes || (OrModalSizes = {}));
+import { unrefElement, tryOnScopeDispose } from '@vueuse/core';
+import { ref, watch } from 'vue';
 
 /*!
 * tabbable 6.0.1
@@ -1279,186 +1265,4 @@ function useFocusTrap(target, options = {}) {
   };
 }
 
-var script = defineComponent({
-  name: 'OrModal',
-  components: {
-    OrIconButton,
-    OrOverlay
-  },
-  props: {
-    titleText: {
-      type: String,
-      required: false,
-      default: null,
-      validator: _.isString
-    },
-    showClose: {
-      type: Boolean,
-      default: true,
-      validator: _.isBoolean
-    },
-    closeOnClickOutside: {
-      type: Boolean,
-      required: false,
-      default: false,
-      validator: _.isBoolean
-    },
-    size: {
-      type: String,
-      required: false,
-      default: OrModalSizes.small
-    },
-    isOpen: {
-      type: Boolean,
-      required: true,
-      validator: _.isBoolean
-    },
-    isWithoutOverlay: {
-      type: Boolean,
-      required: false,
-      default: false,
-      validator: _.isBoolean
-    },
-    trapFocus: {
-      type: Boolean,
-      default: true,
-      validator: _.isBoolean
-    }
-  },
-  emits: ['close'],
-  setup(props, {
-    emit
-  }) {
-    const overlay = ref();
-    let container = ref(null);
-    let trap = useFocusTrap(container, {
-      immediate: props.trapFocus,
-      fallbackFocus: '.container',
-      allowOutsideClick: true
-    });
-    const handleClose = () => emit('close');
-    onClickOutside(container, evt => {
-      if (!evt.composedPath().includes(overlay.value.$el)) return;
-      if (props.closeOnClickOutside) handleClose();
-    });
-    const toggleFocusTrap = isNeedToTrap => {
-      if (isNeedToTrap && props.isOpen) {
-        trap.activate();
-      } else {
-        trap === null || trap === void 0 ? void 0 : trap.deactivate();
-      }
-    };
-    watch(() => props.trapFocus, toggleFocusTrap, {
-      immediate: true
-    });
-    watch(() => props.isOpen, isOpen => {
-      toggleFocusTrap(false);
-      if (isOpen) {
-        container = ref(null);
-      } else {
-        trap === null || trap === void 0 ? void 0 : trap.deactivate();
-      }
-    });
-    onBeforeUnmount(() => {
-      trap === null || trap === void 0 ? void 0 : trap.deactivate();
-    });
-    return {
-      container,
-      overlay,
-      handleClose
-    };
-  },
-  computed: {
-    sizeClass() {
-      return `is-${this.size}`;
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.isOpen ? _c('div', {
-    staticClass: "or-modal"
-  }, [_c('or-overlay', {
-    ref: "overlay",
-    attrs: {
-      "is-active": "",
-      "is-without-background": _vm.isWithoutOverlay
-    }
-  }, [_c('div', {
-    ref: "container",
-    class: [_vm.sizeClass, 'container', {
-      'is-without-overlay': _vm.isWithoutOverlay
-    }]
-  }, [_vm._t("header", function () {
-    return [_c('div', {
-      staticClass: "header"
-    }, [_vm._t("title", function () {
-      return [_c('div', {
-        staticClass: "title"
-      }, [_vm._v("\n              " + _vm._s(_vm.titleText) + "\n            ")])];
-    }), _vm._v(" "), _c('or-icon-button', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.showClose,
-        expression: "showClose"
-      }],
-      attrs: {
-        "icon": "close",
-        "icon-color": "neutral-6"
-      },
-      on: {
-        "click": _vm.handleClose
-      }
-    })], 2)];
-  }), _vm._v(" "), _vm._t("content", function () {
-    return [_c('div', {
-      staticClass: "content"
-    }, [_vm._t("default")], 2)];
-  }), _vm._v(" "), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.$slots.footer,
-      expression: "$slots.footer"
-    }],
-    staticClass: "footer"
-  }, [_vm._t("footer", null, {
-    "close": _vm.handleClose
-  })], 2)], 2)])], 1) : _vm._e();
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-1caff449_0", {
-    source: "@keyframes spinAround-data-v-1caff449{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1caff449{from{opacity:1}to{opacity:0}}.or-modal[data-v-1caff449]{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%}.or-modal .or-overlay[data-v-1caff449]{align-items:center;justify-content:center}.or-modal .container[data-v-1caff449]{position:absolute;display:flex;flex-flow:column;max-width:100%;max-height:80%;background-color:var(--c-neutral-0);border-radius:var(--s-2);outline:0}.or-modal .container.is-without-overlay[data-v-1caff449]{box-shadow:0 .125rem .5rem 0 rgba(0,0,0,.1)}.or-modal .container.is-fullScreen[data-v-1caff449]{width:calc(100% - var(--s-7));height:calc(100% - var(--s-7));max-height:calc(100% - var(--s-7));margin:0 auto}.or-modal .container.is-tiny[data-v-1caff449]{width:320px}.or-modal .container.is-small[data-v-1caff449]{width:480px}.or-modal .container.is-medium[data-v-1caff449]{width:700px}.or-modal .container.is-large[data-v-1caff449]{width:1049px}.or-modal .container .header[data-v-1caff449]{display:flex;justify-content:space-between;padding:24px 24px 20px 24px;border-radius:var(--s-2) var(--s-2) 0 0}.or-modal .container .header .title[data-v-1caff449]{font-size:1.125rem;font-weight:700}.or-modal .container .content[data-v-1caff449]{flex-grow:1;padding:0 24px 24px 24px;overflow:auto}.or-modal .container .footer[data-v-1caff449]{padding:16px 24px 24px 24px;border-radius:0 0 var(--s-2) var(--s-2);box-shadow:0 -3px 4px 0 rgba(0,0,0,.08)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-1caff449";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var OrModal = __vue_component__;
-
-export { OrModal as O, OrModalSizes as a };
+export { useFocusTrap as u };

package/dist/bundled/{v2/useOverflow-ac506c65.js → v3/useOverflow-2468b718.js}

@@ -1,5 +1,5 @@
 import { useMutationObserver, useResizeObserver } from '@vueuse/core';
-import { isRef, ref, watch } from 'vue-demi';
+import { isRef, ref, watch } from 'vue';
 
 function useOverflow(container) {
   const containerRef = isRef(container) ? container : ref(container);

package/dist/bundled/v3/{useResponsive-a02e95b7.js → useResponsive-9d397e2a.js}

@@ -1,5 +1,5 @@
 import { useMediaQuery } from '@vueuse/core';
-import { ref } from 'vue-demi';
+import { ref } from 'vue';
 
 function useResponsive() {
   const isMobile = ref(useMediaQuery('(max-width: 767px)'));

package/dist/bundled/v3/{useToast-0665462d.js → useToast-4d4329cd.js}

@@ -1,4 +1,4 @@
-import { ref } from 'vue-demi';
+import { ref } from 'vue';
 import { createSharedComposable, useEventBus, noop } from '@vueuse/core';
 
 var PositionsX;

package/dist/bundled/{v2/useToast-4fbe0e5a.js → v3/useToast-d5b3c109.js}

@@ -1,4 +1,4 @@
-import { ref } from 'vue-demi';
+import { ref } from 'vue';
 import { createSharedComposable, useEventBus, noop } from '@vueuse/core';
 
 var PositionsX;

package/dist/bundled/{v2/useToggle-29e4d7c7.js → v3/useToggle-09b6cb90.js}

@@ -1,4 +1,4 @@
-import { ref } from 'vue-demi';
+import { ref } from 'vue';
 
 function useToggle(defaultValue = false) {
   const isActiveToggle = ref(defaultValue);

package/dist/esm/v2/{OrCardCollection-d2d64ffe.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-c4fa5a1d.js';
-import { _ as __vue_component__$3 } from './OrInput-6e7e582e.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-64ecb10d.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-18ba2dc6.js';
-import { _ as __vue_component__$3 } from './OrInput-6e7e582e.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';
@@ -239,7 +239,7 @@ var __vue_render__ = function () {
   }, [_vm._t("header", function () {
     return [_vm._v("\n        " + _vm._s(_vm.titleText) + "\n      ")];
   })], 2), _vm._v(" "), _c('div', {
-    class: ['grow', 'overflow-y-auto', 'overflow-x-hidden']
+    class: ['grow', 'overflow-y-auto']
   }, [_vm._t("default"), _vm._v(" "), _vm.confirmationText ? _c('div', {
     class: _vm.inputBoxStyles
   }, [_c('OrInput', {

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

@@ -2,7 +2,7 @@ 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-27ad798d.js';
+import { _ as __vue_component__$2 } from './OrTooltip-3454c2e6.js';
 import './OrPopover-ef8c91f1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrInlineInput-a888df50.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-c4fa5a1d.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-1925651c.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-c4fa5a1d.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-6e7e582e.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-c4fa5a1d.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/{OrModal-3b081ef1.js → OrModal-5c92cdc8.js}

@@ -1,7 +1,7 @@
 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-c4fa5a1d.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';
 

package/dist/esm/v2/{OrNotification-1d316255.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-c4fa5a1d.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';