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

package/dist/bundled/v2/{types-bd652bca.js → types-4c07bc42.js}

@@ -1,11 +1,12 @@
 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 { O as OrIconButton } from './OrIconButton-c3b5fb3a.js';
-import { O as OrLoader } from './OrLoader-58e8d7af.js';
+import './index-fa6eb4ca.js';
+import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-3a3d4280.js';
+import { O as OrIconButton } from './OrIconButton-2bf36347.js';
+import { O as OrLoader } from './OrLoader-76f2615f.js';
+import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
-import { O as OrTeleport } from './OrTeleport.vue2-259d6f25.js';
+import { O as OrTeleport } from './OrTeleport.vue2-e9ba3054.js';
 
 const ToastRoot = [
 // Layout

package/dist/bundled/{v3/useClassAttribute-47fdb016.js → v2/useClassAttribute-9bf33346.js}

@@ -1,4 +1,5 @@
-import { getCurrentInstance, computed, isVue2 } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { getCurrentInstance, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
 function useClassAttribute() {
   const currentInstance = getCurrentInstance();
@@ -23,7 +24,7 @@ function useClassAttribute() {
   }
   return computed(() => {
     var _a;
-    if (isVue2) {
+    {
       return (_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.class) !== null && _a !== void 0 ? _a : composeClass();
     }
   });

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

@@ -1,4 +1,5 @@
-import { isRef, ref, watch } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { isRef, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
 function isVisible(element) {
   return !(element.offsetParent === null);

package/dist/bundled/{v3/OrModal.vue_vue_type_script_lang-f21b8ccd.js → v2/useFocusTrap-d744652a.js}

@@ -1,33 +1,6 @@
-import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
-import _ from 'lodash';
-import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
-import './OrIconButton-7d8b2cc5.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d56b0cbd.js';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["or-overlay", _ctx.states])
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
-}
-
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-34f88318 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-34f88318 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-overlay[data-v-34f88318] {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 25;\n}\n.or-overlay[data-v-34f88318]:not(.without-background) {\n  background-color: rgba(30, 35, 43, 0.8);\n}\n.or-overlay.active[data-v-34f88318] {\n  display: flex;\n}\n.or-overlay.page[data-v-34f88318] {\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n}";
-styleInject(css_248z);
-
-script$1.render = render;
-script$1.__scopeId = "data-v-34f88318";
-script$1.__file = "src/components/or-overlay/OrOverlay.vue";
-
-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 './index-fa6eb4ca.js';
+import { ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
 /*!
 * tabbable 6.0.1
@@ -1293,100 +1266,4 @@ function useFocusTrap(target, options = {}) {
   };
 }
 
-var script = defineComponent({
-  name: 'OrModal',
-  components: {
-    OrIconButton: script$2,
-    OrOverlay: script$1
-  },
-  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}`;
-    }
-  }
-});
-
-export { OrModalSizes as O, script as s };
+export { useFocusTrap as u };

package/dist/bundled/{v3/useOverflow-ac506c65.js → v2/useOverflow-43299d81.js}

@@ -1,5 +1,6 @@
 import { useMutationObserver, useResizeObserver } from '@vueuse/core';
-import { isRef, ref, watch } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { isRef, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
 function useOverflow(container) {
   const containerRef = isRef(container) ? container : ref(container);

package/dist/bundled/v2/{useResponsive-a02e95b7.js → useResponsive-e13dfbb0.js}

@@ -1,5 +1,6 @@
 import { useMediaQuery } from '@vueuse/core';
-import { ref } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
 function useResponsive() {
   const isMobile = ref(useMediaQuery('(max-width: 767px)'));

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

@@ -1,4 +1,5 @@
-import { ref } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { createSharedComposable, useEventBus, noop } from '@vueuse/core';
 
 var PositionsX;

package/dist/bundled/v2/{useToast-0665462d.js → useToast-3a3d4280.js}

@@ -1,4 +1,5 @@
-import { ref } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { createSharedComposable, useEventBus, noop } from '@vueuse/core';
 
 var PositionsX;

package/dist/bundled/{v3/useToggle-29e4d7c7.js → v2/useToggle-6166bd53.js}

@@ -1,4 +1,5 @@
-import { ref } from 'vue-demi';
+import './index-fa6eb4ca.js';
+import { ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
 function useToggle(defaultValue = false) {
   const isActiveToggle = ref(defaultValue);

package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-5eacffa8.js → OrAvatar.vue_vue_type_script_lang-07889664.js}

@@ -1,7 +1,7 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 import _ from 'lodash';
-import './OrIcon-453e6076.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-9b23faa9.js';
+import './OrIcon-1cae8a64.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
 
 var OR_AVATAR_SIZE;
 (function (OR_AVATAR_SIZE) {

package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-4fbb7259.js → OrAvatar.vue_vue_type_script_lang-22e46ce1.js}

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
+import { defineComponent, ref, computed, watchPostEffect } from 'vue';
 import { h as hslToColorString, g as generateHslFromString } from './color-1f348774.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 var AvatarSize;
 (function (AvatarSize) {

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-af7eaafe.js → OrBottomSheet.vue_vue_type_script_lang-44d8147a.js}

@@ -1,8 +1,7 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
-import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-345859a3.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot, defineComponent, ref, computed, watch, unref } from 'vue';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
+import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrTeleport = resolveComponent("OrTeleport");

package/dist/bundled/v3/{OrButton-27ee9da3.js → OrButton-ec723bb7.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrButton.vue_vue_type_script_lang-3d366b7b.js';
+import { s as script } from './OrButton.vue_vue_type_script_lang-ffc66d00.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-4d3f4c22.js → OrButton.vue_vue_type_script_lang-5af7999c.js}

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import './OrLoader-87f8250e.js';
-import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-a927d554.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { defineComponent, ref, computed } from 'vue';
+import './OrLoader-65868e73.js';
+import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-edd1b404.js';
+import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 var ButtonVariant;
 (function (ButtonVariant) {

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-a9c5ef76.js → OrButton.vue_vue_type_script_lang-c0800f20.js}

@@ -1,6 +1,6 @@
-import { defineComponent, computed } from 'vue-demi';
-import './OrLoader-c4809493.js';
-import { s as script$1, L as LoaderViews } from './OrLoader.vue_vue_type_script_lang-352f1432.js';
+import { defineComponent, computed } from 'vue';
+import './OrLoader-ee97fef4.js';
+import { s as script$1, L as LoaderViews } from './OrLoader.vue_vue_type_script_lang-1378ab8e.js';
 
 var OrButtonViews;
 (function (OrButtonViews) {

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-3d366b7b.js → OrButton.vue_vue_type_script_lang-ffc66d00.js}

@@ -1,9 +1,9 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './constants-c5d1139f.js';
-import './OrIcon-453e6076.js';
-import './OrLoader-c4809493.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-9b23faa9.js';
-import { s as script$2, L as LoaderViews } from './OrLoader.vue_vue_type_script_lang-352f1432.js';
+import './OrIcon-1cae8a64.js';
+import './OrLoader-ee97fef4.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
+import { s as script$2, L as LoaderViews } from './OrLoader.vue_vue_type_script_lang-1378ab8e.js';
 
 var script = defineComponent({
   name: 'OrButton',

package/dist/bundled/v3/{OrCard.vue_vue_type_script_lang-81561dd8.js → OrCard.vue_vue_type_script_lang-90ba001b.js}

@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 
 var script = defineComponent({
   name: 'OrCard',

package/dist/bundled/v3/{OrCard.vue_vue_type_script_lang-898278b1.js → OrCard.vue_vue_type_script_lang-9d6e1050.js}

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { defineComponent, ref, computed } from 'vue';
+import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 const CardRoot = [
 // Layout

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-5457b72f.js → OrCardCollection.vue_vue_type_script_lang-412c8977.js}

@@ -1,12 +1,11 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrCard.vue_vue_type_script_lang-898278b1.js';
-import { openBlock, createElementBlock, mergeProps, renderSlot, resolveComponent, withModifiers, createBlock, normalizeClass, createCommentVNode } from 'vue';
-import './OrIconButton-171c6d70.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-c015a970.js';
-import './OrInput-0b40ac02.js';
-import { s as script$4 } from './OrInput.vue_vue_type_script_lang-c6375d92.js';
-import { s as script$2 } from './OrSortHeader.vue_vue_type_script_lang-30b9b0d3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { openBlock, createElementBlock, mergeProps, renderSlot, resolveComponent, withModifiers, createBlock, normalizeClass, createCommentVNode, defineComponent, ref, computed, watch } from 'vue';
+import { s as script$1 } from './OrCard.vue_vue_type_script_lang-9d6e1050.js';
+import './OrIconButton-00ab6c2d.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
+import './OrInput-4b4b8316.js';
+import { s as script$4 } from './OrInput.vue_vue_type_script_lang-b4176d70.js';
+import { s as script$2 } from './OrSortHeader.vue_vue_type_script_lang-98ec33aa.js';
+import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-ec37d94a.js → OrCardCollection.vue_vue_type_script_lang-d8124dda.js}

@@ -1,12 +1,11 @@
-import { defineComponent, ref } from 'vue-demi';
-import { s as script$1 } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, createBlock, createSlots, withCtx, createVNode, normalizeStyle } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, createBlock, createSlots, withCtx, createVNode, normalizeStyle, defineComponent, ref } from 'vue';
+import { s as script$1 } from './OrCard.vue_vue_type_script_lang-90ba001b.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrIcon-453e6076.js';
-import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-df55d291.js';
-import './OrIconButton-7d8b2cc5.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-9b23faa9.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d56b0cbd.js';
+import './OrIcon-1cae8a64.js';
+import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-16fbccc0.js';
+import './OrIconButton-e637158e.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
 
 const _hoisted_1 = {
   class: "or-card-content"

package/dist/bundled/v3/{OrCarouselItem-fbd630df.js → OrCarouselItem-f4b9541d.js}

@@ -1,4 +1,4 @@
-import { a as script, s as script$1 } from './OrCarouselItem.vue_vue_type_script_lang-64b0a948.js';
+import { a as script, s as script$1 } from './OrCarouselItem.vue_vue_type_script_lang-ad286afc.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/{OrCarouselItem.vue_vue_type_script_lang-64b0a948.js → OrCarouselItem.vue_vue_type_script_lang-ad286afc.js}

@@ -1,6 +1,6 @@
-import { defineComponent, ref } from 'vue-demi';
-import './OrIcon-453e6076.js';
-import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-9b23faa9.js';
+import { defineComponent, ref } from 'vue';
+import './OrIcon-1cae8a64.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
 
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-c6f7e157.js → OrCheckbox.vue_vue_type_script_lang-10d8b047.js}

@@ -1,7 +1,7 @@
-import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import './OrLabel-bd9faa53.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-c24b935b.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
+import './OrLabel-2809e2db.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-e42de5d1.js';
+import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 const CheckboxRoot = [
 // Layout

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-125e5795.js → OrCheckbox.vue_vue_type_script_lang-cd20521b.js}

@@ -1,7 +1,7 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 import _ from 'lodash';
-import './OrIcon-453e6076.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-9b23faa9.js';
+import './OrIcon-1cae8a64.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
 
 var script = defineComponent({
   name: 'OrCheckbox',

package/dist/bundled/v3/{OrChip-877e1e31.js → OrChip-5d502431.js}

@@ -1,7 +1,6 @@
-import { defineComponent } from 'vue-demi';
-import './OrIcon-453e6076.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-9b23faa9.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
+import './OrIcon-1cae8a64.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrChips.vue_vue_type_script_lang-0642d105.js → OrChips.vue_vue_type_script_lang-69917e34.js}

@@ -1,11 +1,10 @@
-import { defineComponent } from 'vue-demi';
-import { s as script$2 } from './OrChip-877e1e31.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
+import { s as script$2 } from './OrChip-5d502431.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrLabel-48580954.js';
-import './OrError-dff84d09.js';
-import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
+import './OrLabel-e412c532.js';
+import './OrError-b43ebad8.js';
+import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-27f8b12d.js';
+import { s as script$4 } from './OrError.vue_vue_type_script_lang-7c39e012.js';
 
 const OR_CHIPS_VALUE_PROP = {
   type: Array,

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-5b1ee5e8.js → OrCode.vue_vue_type_script_lang-5fe573eb.js}

@@ -1,17 +1,18 @@
 import { useElementHover } from '@vueuse/core';
+import { k as keyName, b as base, s as shift } from './index.es-3f39f316.js';
 import _ from 'lodash';
-import { defineComponent, ref } from 'vue-demi';
-import { s as script$3 } from './OrTeleportVue3-ad639f12.js';
-import './OrIconButton-7d8b2cc5.js';
-import './OrModal-70def4f3.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-f21b8ccd.js';
-import './OrError-dff84d09.js';
-import './OrHint-f6730014.js';
-import './OrLabel-48580954.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-d56b0cbd.js';
-import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
-import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
+import { defineComponent, ref } from 'vue';
+import { s as script$3 } from './OrTeleportVue3-012351e1.js';
+import './OrIconButton-e637158e.js';
+import './OrModal-bbabef06.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-a599dfe7.js';
+import './OrError-b43ebad8.js';
+import './OrHint-c9114268.js';
+import './OrLabel-e412c532.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
+import { s as script$4 } from './OrError.vue_vue_type_script_lang-7c39e012.js';
+import { s as script$5 } from './OrHint.vue_vue_type_script_lang-78598c8e.js';
+import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-27f8b12d.js';
 
 /**
 The data structure for documents. @nonabstract
@@ -3924,120 +3925,6 @@ class StyleSet {
 // example to create a media query you can do `{"@media screen and
 // (min-width: 400px)": {...}}`.
 
-var base = {
-  8: "Backspace",
-  9: "Tab",
-  10: "Enter",
-  12: "NumLock",
-  13: "Enter",
-  16: "Shift",
-  17: "Control",
-  18: "Alt",
-  20: "CapsLock",
-  27: "Escape",
-  32: " ",
-  33: "PageUp",
-  34: "PageDown",
-  35: "End",
-  36: "Home",
-  37: "ArrowLeft",
-  38: "ArrowUp",
-  39: "ArrowRight",
-  40: "ArrowDown",
-  44: "PrintScreen",
-  45: "Insert",
-  46: "Delete",
-  59: ";",
-  61: "=",
-  91: "Meta",
-  92: "Meta",
-  106: "*",
-  107: "+",
-  108: ",",
-  109: "-",
-  110: ".",
-  111: "/",
-  144: "NumLock",
-  145: "ScrollLock",
-  160: "Shift",
-  161: "Shift",
-  162: "Control",
-  163: "Control",
-  164: "Alt",
-  165: "Alt",
-  173: "-",
-  186: ";",
-  187: "=",
-  188: ",",
-  189: "-",
-  190: ".",
-  191: "/",
-  192: "`",
-  219: "[",
-  220: "\\",
-  221: "]",
-  222: "'"
-};
-var shift = {
-  48: ")",
-  49: "!",
-  50: "@",
-  51: "#",
-  52: "$",
-  53: "%",
-  54: "^",
-  55: "&",
-  56: "*",
-  57: "(",
-  59: ":",
-  61: "+",
-  173: "_",
-  186: ":",
-  187: "+",
-  188: "<",
-  189: "_",
-  190: ">",
-  191: "?",
-  192: "~",
-  219: "{",
-  220: "|",
-  221: "}",
-  222: "\""
-};
-var chrome$1 = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.userAgent);
-typeof navigator != "undefined" && /Gecko\/\d+/.test(navigator.userAgent);
-var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
-var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-var brokenModifierNames = mac || chrome$1 && +chrome$1[1] < 57;
-
-// Fill in the digit keys
-for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
-
-// The function keys
-for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
-
-// And the alphabetic keys
-for (var i = 65; i <= 90; i++) {
-  base[i] = String.fromCharCode(i + 32);
-  shift[i] = String.fromCharCode(i);
-}
-
-// For each code that doesn't have a shift-equivalent, copy the base name
-for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
-function keyName(event) {
-  var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
-  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
-  // Edge sometimes produces wrong names (Issue #3)
-  if (name == "Esc") name = "Escape";
-  if (name == "Del") name = "Delete";
-  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/
-  if (name == "Left") name = "ArrowLeft";
-  if (name == "Up") name = "ArrowUp";
-  if (name == "Right") name = "ArrowRight";
-  if (name == "Down") name = "ArrowDown";
-  return name;
-}
-
 function getSelection(root) {
   let target;
   // Browsers differ on whether shadow roots have a getSelection

package/dist/bundled/v3/{OrCollapse-d59f03a5.js → OrCollapse-63e83681.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrCollapse.vue_vue_type_script_lang-e78356dd.js';
+import { s as script } from './OrCollapse.vue_vue_type_script_lang-65cbb754.js';
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, vShow, Fragment, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/{OrCollapse.vue_vue_type_script_lang-e78356dd.js → OrCollapse.vue_vue_type_script_lang-65cbb754.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
+import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { s as setStyle, r as requestAF, a as reflow, e as removeStyle, c as cancelAF, f as getBCR } from './dom-d21d0a92.js';
 import _ from 'lodash';

package/dist/bundled/v3/{OrColorPicker.vue_vue_type_script_lang-0bf5f953.js → OrColorPicker.vue_vue_type_script_lang-4141378d.js}

@@ -1,7 +1,7 @@
-import { defineComponent, ref } from 'vue-demi';
+import { defineComponent, ref } from 'vue';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import './OrFloating-9b496da9.js';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-e05658ac.js';
+import './OrFloating-b6672a37.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-8bf2b7ae.js';
 
 const red = {
   50: '#FFEBEE',