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

package/dist/bundled/v2/{OrCode-0cd991a1.js → OrCode-b9332066.js}

@@ -4,7 +4,7 @@ import _ from 'lodash';
 import './index-fa6eb4ca.js';
 import { O as OrTeleport } from './OrTeleportVue2-3544f185.js';
 import { O as OrIconButton } from './OrIconButton-65962c1c.js';
-import { O as OrModal } from './OrModal-a5411b0d.js';
+import { O as OrModal } from './OrModal-71d33219.js';
 import { O as OrError } from './OrError-31503e4c.js';
 import { O as OrHint } from './OrHint-fabea4cf.js';
 import { O as OrLabel } from './OrLabel-74c73ba4.js';

package/dist/bundled/v2/{OrConfirm-56d01cff.js → OrConfirm-19758dae.js}

@@ -2,7 +2,7 @@ import './index-fa6eb4ca.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import { O as OrButton } from './OrButton-705cd0bd.js';
-import { O as OrModal, a as OrModalSizes } from './OrModal-a5411b0d.js';
+import { O as OrModal, a as OrModalSizes } from './OrModal-71d33219.js';
 import { O as OrInput } from './OrInput-08f2f666.js';
 import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';

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

@@ -0,0 +1,202 @@
+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 };

package/dist/bundled/v2/{OrRichTextEditor-898d67d5.js → OrRichTextEditor-4a41e294.js}

@@ -1,4 +1,5 @@
 import './index-fa6eb4ca.js';
+import { u as useFocusTrap } from './useFocusTrap-d744652a.js';
 import require$$8 from 'node:punycode';
 import { k as keyName, b as base } from './index.es-3f39f316.js';
 import { O as OrIconButton } from './OrIconButton-2bf36347.js';
@@ -36398,7 +36399,7 @@ var script = defineComponent({
     },
     description: {
       type: String,
-      default: 'Description'
+      default: ''
     },
     placeholder: {
       type: String,
@@ -36408,7 +36409,7 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    markdown: {
+    markdownFormat: {
       type: Boolean,
       default: true
     }
@@ -36428,6 +36429,11 @@ var script = defineComponent({
     const previousHeadingLevel = ref();
     const activeHeadingLevel = ref(0);
     const markdownOutput = ref('');
+    let trap = useFocusTrap(editorRef, {
+      immediate: true,
+      fallbackFocus: '.container',
+      allowOutsideClick: true
+    });
     const iconsEnum = ref({
       bold: 'format_bold',
       italic: 'format_italic',
@@ -36499,7 +36505,7 @@ var script = defineComponent({
           setActiveFormats();
           const html = editor.getHTML();
           const text = editor.getText();
-          if (props.markdown) {
+          if (props.markdownFormat) {
             markdownOutput.value = serialize(editor.schema, editor.getJSON());
             emit('update:modelValue', markdownOutput.value);
           } else {
@@ -36509,10 +36515,8 @@ var script = defineComponent({
         onCreate: ({
           editor
         }) => {
-          if (props.markdown) {
+          if (props.markdownFormat) {
             const deserialized = deserialize(editor.schema, props.modelValue);
-            // const deserialized = defaultMarkdownParser.parse(props.modelValue);
-            // editor.view.state.doc = deserialized as Node;
             editor.commands.setContent(deserialized);
           } else {
             editor.commands.setContent(props.modelValue);
@@ -36558,6 +36562,7 @@ var script = defineComponent({
     onBeforeUnmount(() => {
       editor === null || editor === void 0 ? void 0 : editor.destroy();
     });
+    trap.activate();
     // Computed
     const getIndexOfHeading = computed(() => {
       return props.toolbar.flat().indexOf('heading');
@@ -36659,7 +36664,6 @@ var script = defineComponent({
       return serializer.serialize(proseMirrorDocument);
     };
     const deserialize = (schema, content) => {
-      // const html = defaultMarkdownParser.parse(content);
       const html = marked.parse(content);
       if (!html) return null;
       const parser = new DOMParser();
@@ -36673,10 +36677,10 @@ var script = defineComponent({
     };
     //Effects
     watch(() => props.modelValue, value => {
-      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdown) {
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
-      if (props.markdown && value !== markdownOutput.value) {
+      if (props.markdownFormat && value !== markdownOutput.value) {
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
       }
     });
@@ -36803,7 +36807,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-23c7ff28_0", {
+  inject("data-v-2c13389b_0", {
     source: ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}",
     map: undefined,
     media: undefined

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

@@ -15,10 +15,10 @@ export { O as OrCheckbox } from '../OrCheckbox-f97a57b9.js';
 export { O as OrCheckboxV3 } from '../OrCheckbox-5b499fc5.js';
 export { O as OrChip } from '../OrChip-000fe7b5.js';
 export { _ as OrChips } from '../OrChips-890b8476.js';
-export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-0cd991a1.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-b9332066.js';
 export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
-export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
+export { _ as OrConfirm } from '../OrConfirm-19758dae.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-22c7622d.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
 export { O as OrError } from '../OrError-31503e4c.js';
@@ -51,7 +51,7 @@ export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3
 export { O as OrMenuItemV3 } from '../OrMenuItem-f89dfc77.js';
 export { O as OrMenuV3 } from '../OrMenu-5ac06751.js';
 export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-2f48b854.js';
-export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
+export { O as OrModal, a as OrModalSizes } from '../OrModal-71d33219.js';
 export { M as ModalSize, _ as OrModalV3 } from '../OrModal-387348ca.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-1fa0b14e.js';
@@ -95,7 +95,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-3a3d
 export { O as OrTooltip } from '../OrTooltip-dfea7af2.js';
 export { O as OrTooltipContent } from '../OrTooltipContent-f0fd5f75.js';
 export { O as OrTooltipV3 } from '../OrTooltip-d1764f37.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-898d67d5.js';
+export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-4a41e294.js';
 import '../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -114,6 +114,7 @@ import '../useToggle-6166bd53.js';
 import '../v4-cf8987a3.js';
 import '../useResponsive-e13dfbb0.js';
 import '../useElevation-aac032f4.js';
+import '../useFocusTrap-d744652a.js';
 import '../dropdown-open-e2a93aaf.js';
 import '../useOverflow-43299d81.js';
 import 'portal-vue/dist/portal-vue.esm.js';

package/dist/bundled/v2/components/or-code/index.js

@@ -1,4 +1,4 @@
-export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-0cd991a1.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-b9332066.js';
 import '@vueuse/core';
 import '../../index.es-3f39f316.js';
 import 'lodash';
@@ -19,7 +19,8 @@ import '../../constants-c5d1139f.js';
 import '../../OrIcon-10ec459c.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrLoader-05057239.js';
-import '../../OrModal-a5411b0d.js';
+import '../../OrModal-71d33219.js';
+import '../../useFocusTrap-d744652a.js';
 import '../../OrOverlay-47967a8b.js';
 import '../../OrError-31503e4c.js';
 import '../../OrHint-fabea4cf.js';

package/dist/bundled/v2/components/or-confirm/index.js

@@ -1,4 +1,4 @@
-export { _ as OrConfirm } from '../../OrConfirm-56d01cff.js';
+export { _ as OrConfirm } from '../../OrConfirm-19758dae.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -18,7 +18,8 @@ import '../../OrTeleportVue2-3544f185.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../dom-3a15d036.js';
 import '../../OrLoader-05057239.js';
-import '../../OrModal-a5411b0d.js';
+import '../../OrModal-71d33219.js';
+import '../../useFocusTrap-d744652a.js';
 import '../../OrIconButton-65962c1c.js';
 import '../../OrTooltip-dfea7af2.js';
 import '../../OrOverlay-47967a8b.js';

package/dist/bundled/v2/components/or-modal/index.js

@@ -1,9 +1,10 @@
-export { O as OrModal, a as OrModalSizes } from '../../OrModal-a5411b0d.js';
+export { O as OrModal, a as OrModalSizes } from '../../OrModal-71d33219.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import 'lodash';
 import '@vueuse/core';
+import '../../useFocusTrap-d744652a.js';
 import '../../OrIconButton-65962c1c.js';
 import '../../OrTooltip-dfea7af2.js';
 import '../../OrTooltipContent-f0fd5f75.js';

package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-    markdown: {
+    markdownFormat: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -82,7 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-    markdown: {
+    markdownFormat: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -92,7 +92,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     description: string;
     placeholder: string;
     autofocus: boolean;
-    markdown: boolean;
+    markdownFormat: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -135,7 +135,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     description: string;
     placeholder: string;
     autofocus: boolean;
-    markdown: boolean;
+    markdownFormat: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -144,6 +144,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     description: string;
     placeholder: string;
     autofocus: boolean;
-    markdown: boolean;
+    markdownFormat: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js

@@ -1,7 +1,9 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-898d67d5.js';
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-4a41e294.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
+import '../../useFocusTrap-d744652a.js';
+import '@vueuse/core';
 import 'node:punycode';
 import '../../index.es-3f39f316.js';
 import '../../OrIconButton-2bf36347.js';
@@ -9,7 +11,6 @@ import '../../OrIcon-ce8fd08b.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrTooltip-d1764f37.js';
-import '@vueuse/core';
 import '../../OrPopover-2f48b854.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../OrBottomSheet-7b5760dc.js';

package/dist/bundled/v2/index.js

@@ -20,10 +20,10 @@ export { O as OrCheckbox } from './OrCheckbox-f97a57b9.js';
 export { O as OrCheckboxV3 } from './OrCheckbox-5b499fc5.js';
 export { O as OrChip } from './OrChip-000fe7b5.js';
 export { _ as OrChips } from './OrChips-890b8476.js';
-export { _ as OrCode, O as OrCodeLanguages } from './OrCode-0cd991a1.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-b9332066.js';
 export { O as OrCollapse } from './OrCollapse-3aa9a9b7.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-a1a37e83.js';
-export { _ as OrConfirm } from './OrConfirm-56d01cff.js';
+export { _ as OrConfirm } from './OrConfirm-19758dae.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-22c7622d.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-e212f892.js';
 export { O as OrError } from './OrError-31503e4c.js';
@@ -56,7 +56,7 @@ export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3
 export { O as OrMenuItemV3 } from './OrMenuItem-f89dfc77.js';
 export { O as OrMenuV3 } from './OrMenu-5ac06751.js';
 export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-2f48b854.js';
-export { O as OrModal, a as OrModalSizes } from './OrModal-a5411b0d.js';
+export { O as OrModal, a as OrModalSizes } from './OrModal-71d33219.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-387348ca.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3909aaf2.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-1fa0b14e.js';
@@ -98,7 +98,7 @@ export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from './types-4
 export { O as OrTooltip } from './OrTooltip-dfea7af2.js';
 export { O as OrTooltipContent } from './OrTooltipContent-f0fd5f75.js';
 export { O as OrTooltipV3 } from './OrTooltip-d1764f37.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-898d67d5.js';
+export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-4a41e294.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 export { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 export { u as useElevation } from './useElevation-aac032f4.js';
@@ -116,6 +116,7 @@ import './dom-3a15d036.js';
 import './index-17f264f9.js';
 import './floating-ui.dom.esm-83eba816.js';
 import './v4-cf8987a3.js';
+import './useFocusTrap-d744652a.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
 import 'node:punycode';

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

@@ -1,32 +1,6 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot, ref, watch, defineComponent, onBeforeUnmount } from 'vue';
-import _ from 'lodash';
-import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
-import './OrIconButton-e637158e.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-b9bf5e50.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.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
@@ -1292,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/{OrCode.vue_vue_type_script_lang-6c5f94a6.js → OrCode.vue_vue_type_script_lang-5fe573eb.js}

@@ -4,8 +4,8 @@ import _ from 'lodash';
 import { defineComponent, ref } from 'vue';
 import { s as script$3 } from './OrTeleportVue3-012351e1.js';
 import './OrIconButton-e637158e.js';
-import './OrModal-868160ef.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-a1ed2ebb.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';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-0f16fc67.js → OrConfirm.vue_vue_type_script_lang-4451e782.js}

@@ -2,10 +2,10 @@ import { defineComponent, ref, computed } from 'vue';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-01519e46.js';
 import './OrButton-ec723bb7.js';
-import './OrModal-868160ef.js';
+import './OrModal-bbabef06.js';
 import { s as script$3 } from './OrInput-7d4b571a.js';
 import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
-import { s as script$2, O as OrModalSizes } from './OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
+import { s as script$2, O as OrModalSizes } from './OrModal.vue_vue_type_script_lang-a599dfe7.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-ffc66d00.js';
 
 var script = defineComponent({