@onereach/ui-components 2.68.0-beta.2008.0 → 2.68.0-beta.2016.0

package/dist/esm/v2/components/index.d.ts

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/esm/v2/components/index.js

@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { _ as OrTooltip } from '../OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-3454c2e6.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-11967cd9.js';
 import 'vue-demi';
 import 'lodash';
 import '../normalize-component-6e8e3d80.js';
@@ -125,21 +124,3 @@ import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-ac506c65.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';

package/dist/esm/v2/components/or-input-box-v3/OrInputBox.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { InputBoxVariant } from '.';
+import { InputBoxVariant } from './props';
 import { InputBoxSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;

package/dist/esm/v2/index.js

@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
 export { _ as OrTooltipV3 } from './OrTooltip-3454c2e6.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-11967cd9.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';
@@ -125,24 +124,6 @@ import 'sortablejs';
 import '@vueuse/integrations/useFocusTrap';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';
 
 function getAbbreviation(text, limit) {
   var _a;

package/dist/esm/v3/OrInput-4f55c0eb.js

@@ -5,7 +5,7 @@ import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
 import { s as script$4 } from './OrIconButton-85abafab.js';
 import { s as script$3 } from './OrIcon-e2fa4cf8.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox-634230b1.js';
+import { s as script$5, a as InputBoxSize } from './OrInputBox-542d2f2c.js';
 import { s as script$6 } from './OrLabel-7d4fe80b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInputBox-634230b1.js → OrInputBox-542d2f2c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
 var InputBoxVariant;
 (function (InputBoxVariant) {

package/dist/esm/v3/OrSearch-d74891a5.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrInput-4f55c0eb.js';
-import { a as InputBoxSize } from './OrInputBox-634230b1.js';
+import { a as InputBoxSize } from './OrInputBox-542d2f2c.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/OrSelect-b3a233cc.js

@@ -8,7 +8,7 @@ import { s as script$2 } from './OrError-19a62a18.js';
 import { s as script$3 } from './OrExpansionPanel-65afdfad.js';
 import { s as script$4 } from './OrHint-73835593.js';
 import { s as script$5 } from './OrIcon-e2fa4cf8.js';
-import { s as script$7, a as InputBoxSize } from './OrInputBox-634230b1.js';
+import { s as script$7, a as InputBoxSize } from './OrInputBox-542d2f2c.js';
 import { s as script$6 } from './OrInput-4f55c0eb.js';
 import { s as script$8 } from './OrLabel-7d4fe80b.js';
 import { s as script$9 } from './OrMenuItem-d001f0f6.js';

package/dist/esm/v3/OrTextarea-98895b2a.js

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3, a as InputBoxSize } from './OrInputBox-634230b1.js';
+import { s as script$3, a as InputBoxSize } from './OrInputBox-542d2f2c.js';
 import { s as script$4 } from './OrLabel-7d4fe80b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/index.d.ts

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/esm/v3/components/index.js

@@ -33,7 +33,7 @@ export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3
 export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-299e2275.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-1aa477b5.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-40ee5ffb.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-634230b1.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-542d2f2c.js';
 export { I as InputType, s as OrInputV3 } from '../OrInput-4f55c0eb.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-7cb2c91c.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
@@ -89,7 +89,6 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-78cd7f6b.js';
 export { s as OrTooltipV3 } from '../OrTooltip-1500a1cd.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-ad5f24ba.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -117,21 +116,3 @@ import '../useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-ac506c65.js';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -17,7 +17,7 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrInput-4f55c0eb.js';
 import '../../OrError-19a62a18.js';
 import '../../OrHint-73835593.js';
-import '../../OrInputBox-634230b1.js';
+import '../../OrInputBox-542d2f2c.js';
 import '../../OrLabel-7d4fe80b.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrSortHeader-9d645226.js';

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -18,7 +18,7 @@ import '../../OrPopover-94a8f21d.js';
 import '@floating-ui/dom';
 import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-0eb33b18.js';
-import '../../OrInputBox-634230b1.js';
+import '../../OrInputBox-542d2f2c.js';
 import '../../OrLabel-7d4fe80b.js';
 import '../../style-inject.es-4c6f2515.js';
 import '@vueuse/math';

package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { InputBoxVariant } from '.';
+import { InputBoxVariant } from './props';
 import { InputBoxSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;

package/dist/esm/v3/components/or-input-box-v3/index.js

@@ -1,5 +1,5 @@
-export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-634230b1.js';
+export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-542d2f2c.js';
 import 'vue-demi';
-import 'vue';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
+import 'vue';

package/dist/esm/v3/components/or-input-v3/index.js

@@ -1,5 +1,5 @@
 export { I as InputType, s as OrInputV3 } from '../../OrInput-4f55c0eb.js';
-export { a as InputSize } from '../../OrInputBox-634230b1.js';
+export { a as InputSize } from '../../OrInputBox-542d2f2c.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-search-v3/index.js

@@ -1,5 +1,5 @@
 export { s as OrSearchV3 } from '../../OrSearch-d74891a5.js';
-export { a as SearchSize } from '../../OrInputBox-634230b1.js';
+export { a as SearchSize } from '../../OrInputBox-542d2f2c.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useClassAttribute-47fdb016.js';

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,5 +1,5 @@
 export { s as OrSelectV3 } from '../../OrSelect-b3a233cc.js';
-export { a as SelectSize } from '../../OrInputBox-634230b1.js';
+export { a as SelectSize } from '../../OrInputBox-542d2f2c.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';

package/dist/esm/v3/components/or-textarea-v3/index.js

@@ -1,5 +1,5 @@
 export { s as OrTextareaV3 } from '../../OrTextarea-98895b2a.js';
-export { a as TextareaSize } from '../../OrInputBox-634230b1.js';
+export { a as TextareaSize } from '../../OrInputBox-542d2f2c.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/index.js

@@ -33,7 +33,7 @@ export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3
 export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-299e2275.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-1aa477b5.js';
 export { s as OrInlineTextareaV3 } from './OrInlineTextarea-40ee5ffb.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-542d2f2c.js';
 export { I as InputType, s as OrInputV3 } from './OrInput-4f55c0eb.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-7cb2c91c.js';
 export { s as OrLabel } from './OrLabel-876f8729.js';
@@ -89,7 +89,6 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-9
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-78cd7f6b.js';
 export { s as OrTooltipV3 } from './OrTooltip-1500a1cd.js';
-export { s as OrRichTextEditorV3 } from './OrRichTextEditor-ad5f24ba.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';
@@ -117,24 +116,6 @@ import '@floating-ui/dom';
 import 'uuid';
 import 'sortablejs';
 import '@vueuse/integrations/useFocusTrap';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';
 
 function getAbbreviation(text, limit) {
   var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.68.0-beta.2008.0",
+  "version": "2.68.0-beta.2016.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -39,21 +39,6 @@
     "@floating-ui/dom": "0.3.1",
     "@onereach/styles": "^2.32.0",
     "@splidejs/splide": "4.0.6",
-    "@tiptap/core": "2.0.0-beta.209",
-    "@tiptap/extension-bold": "2.0.0-beta.209",
-    "@tiptap/extension-bullet-list": "2.0.0-beta.209",
-    "@tiptap/extension-hard-break": "2.0.0-beta.209",
-    "@tiptap/extension-heading": "2.0.0-beta.209",
-    "@tiptap/extension-highlight": "2.0.0-beta.209",
-    "@tiptap/extension-italic": "2.0.0-beta.209",
-    "@tiptap/extension-link": "2.0.0-beta.209",
-    "@tiptap/extension-list-item": "2.0.0-beta.209",
-    "@tiptap/extension-ordered-list": "2.0.0-beta.209",
-    "@tiptap/extension-paragraph": "2.0.0-beta.209",
-    "@tiptap/extension-placeholder": "2.0.0-beta.209",
-    "@tiptap/extension-strike": "2.0.0-beta.209",
-    "@tiptap/extension-underline": "2.0.0-beta.209",
-    "@tiptap/starter-kit": "2.0.0-beta.209",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
@@ -62,8 +47,6 @@
     "@vueuse/math": "9.5.0",
     "codemirror": "6.0.1",
     "focus-trap": "7.2.0",
-    "marked": "4.2.12",
-    "prosemirror-markdown": "^1.10.1",
     "sortablejs": "1.14.0",
     "uuid": "8.3.2",
     "vue-demi": "0.13.11"
@@ -78,7 +61,6 @@
     "@storybook/testing-library": "^0.0.13",
     "@storybook/vue3": "6.5.15",
     "@types/faker": "5.5.9",
-    "@types/marked": "4.0.8",
     "@vue/composition-api": "1.7.0",
     "faker": "5.5.3",
     "sass": "1.32.8",
@@ -91,7 +73,7 @@
     "@vue/composition-api": ">=1",
     "@vueuse/core": ">=9",
     "lodash": ">=4.17.21",
-    "portal-vue": ">=2.1.7",
+    "portal-vue": ">=2.1.7 <3.0.0",
     "vue": ">=2.6.14 || >=3.0.5"
   },
   "peerDependenciesMeta": {
@@ -124,6 +106,14 @@
       "types": "./dist/auto/hooks/index.d.ts",
       "default": "./dist/auto/hooks/index.js"
     },
+    "./esm/v2/*": {
+      "types": "./dist/esm/v2/components/*/index.d.ts",
+      "default": "./dist/esm/v2/components/*/index.js"
+    },
+    "./esm/v3/*": {
+      "types": "./dist/esm/v3/components/*/index.d.ts",
+      "default": "./dist/esm/v3/components/*/index.js"
+    },
     "./esm-css/v2/*": {
       "types": "./dist/esm-css/v2/components/*/index.d.ts",
       "default": "./dist/esm-css/v2/components/*/index.js"

package/src/components/index.ts

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/src/components/or-input-box-v3/OrInputBox.vue

@@ -13,7 +13,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType, ref } from 'vue-demi';
-import { InputBoxVariant } from '.';
+import { InputBoxVariant } from './props';
 import { useClassAttribute } from '../../hooks';
 import { InputBoxSize } from './props';
 import { InputBoxRoot, InputBoxRootSizes, InputBoxRootVariants } from './styles';

package/src/utils/functions/text.ts

@@ -2,7 +2,7 @@ import { RX_ABBREVIATION_FROM_STRING } from '../constants/regex';
 
 export function getAbbreviation(text: string | null, limit?: number): string {
   if (typeof text != 'string' || !text) return '';
-  return (text.match(RX_ABBREVIATION_FROM_STRING) ?? [])
-    .reduce((previous, next) => previous + ((+next === 0 || parseInt(next)) ? parseInt(next) : next[0] || ''), '')
+  return ((text.match(RX_ABBREVIATION_FROM_STRING) ?? []) as string[])
+    .reduce((previous: string, next: string) => previous + ((+next === 0 || parseInt(next)) ? parseInt(next) : next[0] || ''), '')
     .toUpperCase().substring(0, limit);
 }

package/dist/bundled/v2/OrModal-71d33219.js

@@ -1,202 +0,0 @@
-import './index-fa6eb4ca.js';
-import _ from 'lodash';
-import { onClickOutside } from '@vueuse/core';
-import { u as useFocusTrap } from './useFocusTrap-d744652a.js';
-import { O as OrIconButton } from './OrIconButton-65962c1c.js';
-import { O as OrOverlay } from './OrOverlay-47967a8b.js';
-import { defineComponent, ref, watch, onBeforeUnmount } 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';
-
-var OrModalSizes;
-(function (OrModalSizes) {
-  OrModalSizes["tiny"] = "tiny";
-  OrModalSizes["small"] = "small";
-  OrModalSizes["medium"] = "medium";
-  OrModalSizes["large"] = "large";
-  OrModalSizes["fullScreen"] = "fullScreen";
-})(OrModalSizes || (OrModalSizes = {}));
-
-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 };