@onereach/ui-components 4.4.0-beta.2679.0 → 4.4.0-beta.2688.0

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

@@ -1,7 +1,7 @@
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { defineComponent, ref } from 'vue-demi';
 import { EVENTS } from './constants.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import 'lodash';
 import '../OrIcon/constants.js';
@@ -2653,6 +2653,9 @@ var Splide = _Splide;
 Splide.defaults = {};
 Splide.STATES = STATES;
 
+var css_248z$1 = ".splide__container{box-sizing:border-box;position:relative}.splide__list{margin:0!important;padding:0!important}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{list-style-type:none!important}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide.focus-visible{outline:3px solid #0bf;outline-offset:-3px}.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide.focus-visible{border:3px solid #0bf}.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}";
+styleInject(css_248z$1);
+
 var script = defineComponent({
   name: 'OrCarousel',
   components: {
@@ -2814,7 +2817,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2].focus-visible{outline:0}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2]  .splide__pagination__page{background:#64b2da}";
+var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c].focus-visible{outline:0}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c]  .splide__pagination__page{background:#64b2da}";
 styleInject(css_248z);
 
 /* script */
@@ -2860,7 +2863,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-53c22bd2";
+const __vue_scope_id__ = "data-v-79a6ba5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

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

@@ -1,5 +1,6 @@
 export { default as OrCarousel } from './OrCarousel.js';
 export { default as OrCarouselItem } from '../OrCarouselItem/OrCarouselItem.js';
+import '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
@@ -7,7 +8,6 @@ import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
 import { u as useFocusTrap } from '../../useFocusTrap-48767a70.js';
 import { useResizeObserver, onClickOutside } from '@vueuse/core';
-import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-ff71fff3.js';
+import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-d43767b0.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { Formats } from './props.js';
 import { M as Mark, m as mergeAttributes, a as markInputRule, b as markPasteRule, N as Node, E as Extension, k as keydownHandler, D as DecorationSet, c as Decoration, d as callOrReturn, g as getExtensionField, t as textblockTypeInputRule, n as nodeInputRule, e as Editor } from '../../index-1182caa8.js';
@@ -1725,9 +1725,17 @@ var script = defineComponent({
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
+          editor === null || editor === void 0 ? void 0 : editor.setOptions({
+            enableInputRules: !disableMarkdown.value,
+            enablePasteRules: !disableMarkdown.value
+          });
+          editor === null || editor === void 0 ? void 0 : editor.view.updateState(editor === null || editor === void 0 ? void 0 : editor.state.reconfigure({
+            plugins: editor.extensionManager.plugins
+          }));
           if (disableMarkdown.value) {
+            const content = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
             editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
-            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(proxyModelValue.value);
+            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(content);
           } else {
             editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getText()));
           }
@@ -1904,7 +1912,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".tiptap-editor-v3 ol{margin:0 24px;list-style:decimal}.tiptap-editor-v3 ul{margin:0 24px;list-style:disc outside none;list-style:initial}.tiptap-editor-v3 blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0,95,177,.08);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding:0 10px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0,95,177,.07)}";
+var css_248z = ".tiptap-editor-v3 ol{margin:0 24px;list-style:decimal}.tiptap-editor-v3 .ProseMirror p{margin:4px}.tiptap-editor-v3 .ProseMirror h1,.tiptap-editor-v3 .ProseMirror h2,.tiptap-editor-v3 .ProseMirror h3,.tiptap-editor-v3 .ProseMirror h4,.tiptap-editor-v3 .ProseMirror h5,.tiptap-editor-v3 .ProseMirror h6{margin:4px}.tiptap-editor-v3 ul{margin:0 24px;list-style:disc outside none;list-style:initial}.tiptap-editor-v3 blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0,95,177,.08);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding:0 10px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0,95,177,.07)}";
 styleInject(css_248z);
 
 /* script */

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

@@ -2,7 +2,7 @@ export { default as OrRichTextEditorV3 } from './OrRichTextEditor.js';
 import 'vue-demi';
 import '../../useFocusTrap-48767a70.js';
 import '@vueuse/core';
-import '../../markdown-ff71fff3.js';
+import '../../markdown-d43767b0.js';
 import '../../index-85c2efe8.js';
 import 'node:punycode';
 import '../../index-1182caa8.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/markdown.js

@@ -1,4 +1,4 @@
-export { d as deserialize, s as serialize } from '../../../markdown-ff71fff3.js';
+export { d as deserialize, s as serialize } from '../../../markdown-d43767b0.js';
 import '../../../index-85c2efe8.js';
 import 'node:punycode';
 import '../../../index-1182caa8.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -360,7 +360,8 @@ var __vue_render__ = function () {
       return _c('OrTag', {
         key: option.value,
         attrs: {
-          "variant": 'reset'
+          "variant": 'reset',
+          "disabled": _vm.disabled || _vm.readonly
         },
         on: {
           "reset": function ($event) {

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

@@ -252,7 +252,7 @@ import './OrToast/Timer.js';
 import './OrToastV3/styles.js';
 import './OrToastV3/composable/useToastEventBus.js';
 import './OrToastV3/Timer.js';
-import '../markdown-ff71fff3.js';
+import '../markdown-d43767b0.js';
 import '../index-85c2efe8.js';
 import 'node:punycode';
 import '../index-1182caa8.js';

package/dist/bundled/v2/index.js

@@ -227,7 +227,7 @@ import './components/OrToastV3/composable/useToastEventBus.js';
 import './components/OrToastV3/styles.js';
 import './components/OrToastV3/Timer.js';
 import './useFocusTrap-48767a70.js';
-import './markdown-ff71fff3.js';
+import './markdown-d43767b0.js';
 import './index-85c2efe8.js';
 import 'node:punycode';
 import './index-1182caa8.js';

package/dist/bundled/v2/{markdown-ff71fff3.js → markdown-d43767b0.js}

@@ -17918,8 +17918,8 @@ const serializerMarks = {
     expelEnclosingWhitespace: true
   },
   [Italic.name]: {
-    open: '_',
-    close: '_',
+    open: ' _',
+    close: '_ ',
     mixable: true,
     expelEnclosingWhitespace: true
   },

package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js}

@@ -1,3 +1,4 @@
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { defineComponent, ref } from 'vue-demi';
 import { EVENTS } from './components/OrCarousel/constants.js';
 import './components/OrIcon/OrIcon.js';
@@ -2641,6 +2642,9 @@ var Splide = _Splide;
 Splide.defaults = {};
 Splide.STATES = STATES;
 
+var css_248z = ".splide__container{box-sizing:border-box;position:relative}.splide__list{margin:0!important;padding:0!important}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{list-style-type:none!important}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide.focus-visible{outline:3px solid #0bf;outline-offset:-3px}.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide.focus-visible{border:3px solid #0bf}.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}";
+styleInject(css_248z);
+
 var script = defineComponent({
   name: 'OrCarousel',
   components: {

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-21bf1074.js → OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
 import { u as useFocusTrap } from './useFocusTrap-48767a70.js';
 import { useResizeObserver, onClickOutside } from '@vueuse/core';
-import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from './markdown-ff71fff3.js';
+import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from './markdown-d43767b0.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './components/OrRichTextEditorV3/styles.js';
 import { Formats } from './components/OrRichTextEditorV3/props.js';
 import { M as Mark, m as mergeAttributes, a as markInputRule, b as markPasteRule, N as Node, E as Extension, k as keydownHandler, D as DecorationSet, c as Decoration, d as callOrReturn, g as getExtensionField, t as textblockTypeInputRule, n as nodeInputRule, e as Editor } from './index-1182caa8.js';
@@ -1679,9 +1679,17 @@ var script = defineComponent({
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
+          editor === null || editor === void 0 ? void 0 : editor.setOptions({
+            enableInputRules: !disableMarkdown.value,
+            enablePasteRules: !disableMarkdown.value
+          });
+          editor === null || editor === void 0 ? void 0 : editor.view.updateState(editor === null || editor === void 0 ? void 0 : editor.state.reconfigure({
+            plugins: editor.extensionManager.plugins
+          }));
           if (disableMarkdown.value) {
+            const content = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
             editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
-            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(proxyModelValue.value);
+            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(content);
           } else {
             editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getText()));
           }

package/dist/bundled/v3/components/OrCarousel/OrCarousel.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
-export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
+import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
+export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -54,7 +54,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
 }
 
-var css_248z = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8].focus-visible {\n  outline: none;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
+var css_248z = ".or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8].focus-visible {\n  outline: none;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/bundled/v3/components/OrCarousel/index.js

@@ -1,5 +1,6 @@
-export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
+export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 export { s as OrCarouselItem } from '../../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
+import '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
@@ -10,7 +11,6 @@ import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
 import 'vue';
-import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
 import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrRichTextEditor.vue_vue_type_script_lang-21bf1074.js';
-export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-21bf1074.js';
+import { s as script } from '../../OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js';
+export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, renderSlot } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '../../useFocusTrap-48767a70.js';
 import '@vueuse/core';
-import '../../markdown-ff71fff3.js';
+import '../../markdown-d43767b0.js';
 import '../../index-85c2efe8.js';
 import 'node:punycode';
 import '../../index-1182caa8.js';
@@ -267,7 +267,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["is-open"])], 2 /* CLASS */);
 }
 
-var css_248z = ".tiptap-editor-v3 ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor-v3 ul {\n  margin: 0 24px;\n  list-style: disc outside none;\n  list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n  margin: 8px 24px;\n  padding: 0 24px;\n  border-left: 4px solid #bad1ec;\n}\n.tiptap-editor-v3 .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}\n.tiptap-editor-v3 .cm-editor {\n  border: none;\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor .cm-scroller {\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor.cm-focused {\n  outline: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters {\n  background-color: rgba(0, 95, 177, 0.08);\n  border: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement {\n  padding: 0 10px;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {\n  background-color: rgba(0, 95, 177, 0.07);\n}";
+var css_248z = ".tiptap-editor-v3 ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor-v3 .ProseMirror p {\n  margin: 4px;\n}\n.tiptap-editor-v3 .ProseMirror h1, .tiptap-editor-v3 .ProseMirror h2, .tiptap-editor-v3 .ProseMirror h3, .tiptap-editor-v3 .ProseMirror h4, .tiptap-editor-v3 .ProseMirror h5, .tiptap-editor-v3 .ProseMirror h6 {\n  margin: 4px;\n}\n.tiptap-editor-v3 ul {\n  margin: 0 24px;\n  list-style: disc outside none;\n  list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n  margin: 8px 24px;\n  padding: 0 24px;\n  border-left: 4px solid #bad1ec;\n}\n.tiptap-editor-v3 .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}\n.tiptap-editor-v3 .cm-editor {\n  border: none;\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor .cm-scroller {\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor.cm-focused {\n  outline: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters {\n  background-color: rgba(0, 95, 177, 0.08);\n  border: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement {\n  padding: 0 10px;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {\n  background-color: rgba(0, 95, 177, 0.07);\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/bundled/v3/components/OrRichTextEditorV3/index.js

@@ -1,8 +1,8 @@
-export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-21bf1074.js';
+export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js';
 import 'vue-demi';
 import '../../useFocusTrap-48767a70.js';
 import '@vueuse/core';
-import '../../markdown-ff71fff3.js';
+import '../../markdown-d43767b0.js';
 import '../../index-85c2efe8.js';
 import 'node:punycode';
 import '../../index-1182caa8.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js

@@ -1,4 +1,4 @@
-export { d as deserialize, s as serialize } from '../../../markdown-ff71fff3.js';
+export { d as deserialize, s as serialize } from '../../../markdown-d43767b0.js';
 import '../../../index-85c2efe8.js';
 import 'node:punycode';
 import '../../../index-1182caa8.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -143,12 +143,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock(_component_OrTag, {
         key: option.value,
         variant: 'reset',
+        disabled: _ctx.disabled || _ctx.readonly,
         onReset: $event => _ctx.deselect(option)
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onReset"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
     }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles)

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

@@ -17,7 +17,7 @@ export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_l
 export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-86a02f38.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
-export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-188ca513.js';
+export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 export { s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-ba11d80f.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
@@ -155,7 +155,7 @@ export { p as PropsV3 } from '../props-7be029c7.js';
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-76a6b7f4.js';
 export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
 export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-56496d67.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-21bf1074.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js';
 import 'vue-demi';
 import 'lodash';
 import './OrIcon/OrIcon.js';
@@ -293,7 +293,7 @@ import './OrToast/Timer.js';
 import './OrToastV3/styles.js';
 import './OrToastV3/composable/useToastEventBus.js';
 import './OrToastV3/Timer.js';
-import '../markdown-ff71fff3.js';
+import '../markdown-d43767b0.js';
 import '../index-85c2efe8.js';
 import 'node:punycode';
 import '../index-1182caa8.js';

package/dist/bundled/v3/index.js

@@ -14,7 +14,7 @@ export { s as OrCardCollectionV3 } from './OrCardCollection.vue_vue_type_script_
 import './components/OrCardV3/OrCard.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-b204e541.js';
 import './components/OrCarousel/OrCarousel.js';
-export { s as OrCarousel } from './OrCarousel.vue_vue_type_script_lang-188ca513.js';
+export { s as OrCarousel } from './OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 import './components/OrCarouselItem/OrCarouselItem.js';
 export { s as OrCarouselItem } from './OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 import './components/OrChips/OrChips.js';
@@ -124,7 +124,7 @@ import './components/OrToastContainerV3/OrToastContainer.js';
 export { s as OrToastContainerV3 } from './OrToastContainer.vue_vue_type_script_lang-9a91e4ab.js';
 export { default as useToastV3 } from './components/OrToastV3/composable/useToast.js';
 import './components/OrRichTextEditorV3/OrRichTextEditor.js';
-export { s as OrRichTextEditorV3 } from './OrRichTextEditor.vue_vue_type_script_lang-21bf1074.js';
+export { s as OrRichTextEditorV3 } from './OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js';
 export { OR_AVATAR_SIZE } from './components/OrAvatar/constants.js';
 export { AvatarColor, AvatarSize } from './components/OrAvatarV3/props.js';
 export { s as OrBottomSheetV3 } from './OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
@@ -325,7 +325,7 @@ import './components/OrToastV3/styles.js';
 import './components/OrTeleportV3/OrTeleport.js';
 import './components/OrToastV3/Timer.js';
 import './useFocusTrap-48767a70.js';
-import './markdown-ff71fff3.js';
+import './markdown-d43767b0.js';
 import './index-85c2efe8.js';
 import 'node:punycode';
 import './index-1182caa8.js';

package/dist/bundled/v3/{markdown-ff71fff3.js → markdown-d43767b0.js}

@@ -17918,8 +17918,8 @@ const serializerMarks = {
     expelEnclosingWhitespace: true
   },
   [Italic.name]: {
-    open: '_',
-    close: '_',
+    open: ' _',
+    close: '_ ',
     mixable: true,
     expelEnclosingWhitespace: true
   },

package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js}

@@ -1,4 +1,5 @@
 import { Splide } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { _ as __vue_component__$1 } from './OrIcon-a40e60af.js';
 import { defineComponent, ref } from 'vue-demi';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -185,7 +186,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2]  .splide__pagination__page{background:#64b2da}";
+var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c]  .splide__pagination__page{background:#64b2da}";
 styleInject(css_248z);
 
 /* script */
@@ -231,7 +232,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-53c22bd2";
+const __vue_scope_id__ = "data-v-79a6ba5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrRichTextEditor-b6522b20.js → OrRichTextEditor-cb50c4f6.js}

@@ -55,8 +55,8 @@ const serializerMarks = {
     expelEnclosingWhitespace: true
   },
   [Italic.name]: {
-    open: '_',
-    close: '_',
+    open: ' _',
+    close: '_ ',
     mixable: true,
     expelEnclosingWhitespace: true
   },
@@ -448,9 +448,17 @@ var script = defineComponent({
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
+          editor === null || editor === void 0 ? void 0 : editor.setOptions({
+            enableInputRules: !disableMarkdown.value,
+            enablePasteRules: !disableMarkdown.value
+          });
+          editor === null || editor === void 0 ? void 0 : editor.view.updateState(editor === null || editor === void 0 ? void 0 : editor.state.reconfigure({
+            plugins: editor.extensionManager.plugins
+          }));
           if (disableMarkdown.value) {
+            const content = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
             editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
-            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(proxyModelValue.value);
+            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(content);
           } else {
             editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getText()));
           }
@@ -627,7 +635,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".tiptap-editor-v3 ol{margin:0 24px;list-style:decimal}.tiptap-editor-v3 ul{margin:0 24px;list-style:initial}.tiptap-editor-v3 blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0,95,177,.08);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding:0 10px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0,95,177,.07)}";
+var css_248z = ".tiptap-editor-v3 ol{margin:0 24px;list-style:decimal}.tiptap-editor-v3 .ProseMirror p{margin:4px}.tiptap-editor-v3 .ProseMirror h1,.tiptap-editor-v3 .ProseMirror h2,.tiptap-editor-v3 .ProseMirror h3,.tiptap-editor-v3 .ProseMirror h4,.tiptap-editor-v3 .ProseMirror h5,.tiptap-editor-v3 .ProseMirror h6{margin:4px}.tiptap-editor-v3 ul{margin:0 24px;list-style:initial}.tiptap-editor-v3 blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0,95,177,.08);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding:0 10px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0,95,177,.07)}";
 styleInject(css_248z);
 
 /* script */

package/dist/esm/v2/{OrSelect-9c8f96b2.js → OrSelect-9d6b3363.js}

@@ -360,7 +360,8 @@ var __vue_render__ = function () {
       return _c('OrTag', {
         key: option.value,
         attrs: {
-          "variant": 'reset'
+          "variant": 'reset',
+          "disabled": _vm.disabled || _vm.readonly
         },
         on: {
           "reset": function ($event) {

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

@@ -10,7 +10,7 @@ export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-fe8a1a88.js';
 export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-722c83ce.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
-export { _ as OrCarousel } from '../OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from '../OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from '../OrCheckbox-03e5eaff.js';
 export { _ as OrCheckboxV3 } from '../OrCheckbox-59332f84.js';
@@ -73,7 +73,7 @@ export { _ as OrSearch } from '../OrSearch-330e9af0.js';
 export { _ as OrSearchV3 } from '../OrSearch-7ccc1f33.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from '../OrSelect-9c8f96b2.js';
+export { _ as OrSelectV3 } from '../OrSelect-9d6b3363.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-b8387abe.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-4bf3bad8.js';
@@ -110,7 +110,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { _ as OrTooltip } from '../OrTooltip-97a42707.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-d85e1071.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-93a3eefb.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-b6522b20.js';
+export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-cb50c4f6.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';
@@ -119,6 +119,7 @@ import '../color-40b7fe6b.js';
 import '@vueuse/core';
 import '../OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../useIdAttribute-859439f0.js';
 import '../OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
 import '@codemirror/state';

package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/esm/v2/components/or-carousel/index.js

@@ -1,6 +1,7 @@
-export { _ as OrCarousel } from '../../OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from '../../OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from '../../OrCarouselItem-c614bab9.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../../OrIcon-a40e60af.js';
 import 'vue-demi';
 import 'lodash';

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

@@ -1,4 +1,4 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-b6522b20.js';
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-cb50c4f6.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-9c8f96b2.js';
+export { _ as OrSelectV3 } from '../../OrSelect-9d6b3363.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-fe8a1a88.js';
 export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-722c83ce.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
-export { _ as OrCarousel } from './OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from './OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from './OrCheckbox-03e5eaff.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-59332f84.js';
@@ -73,7 +73,7 @@ export { _ as OrSearch } from './OrSearch-330e9af0.js';
 export { _ as OrSearchV3 } from './OrSearch-7ccc1f33.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from './OrSelect-9c8f96b2.js';
+export { _ as OrSelectV3 } from './OrSelect-9d6b3363.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-b8387abe.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-4bf3bad8.js';
@@ -110,7 +110,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332
 export { _ as OrTooltip } from './OrTooltip-97a42707.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-d85e1071.js';
 export { _ as OrTooltipV3 } from './OrTooltip-93a3eefb.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-b6522b20.js';
+export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-cb50c4f6.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-b5a49746.js';
@@ -127,6 +127,7 @@ import './normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import './OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
 import '@codemirror/state';
 import '@codemirror/view';

package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js}

@@ -1,4 +1,5 @@
 import { Splide } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { s as script$1 } from './OrIcon-b566a871.js';
 import { defineComponent, ref } from 'vue-demi';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
@@ -220,7 +221,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
 }
 
-var css_248z = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
+var css_248z = ".or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/{OrRichTextEditor-69cf03de.js → OrRichTextEditor-c3560ddb.js}

@@ -55,8 +55,8 @@ const serializerMarks = {
     expelEnclosingWhitespace: true
   },
   [Italic.name]: {
-    open: '_',
-    close: '_',
+    open: ' _',
+    close: '_ ',
     mixable: true,
     expelEnclosingWhitespace: true
   },
@@ -448,9 +448,17 @@ var script = defineComponent({
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
+          editor === null || editor === void 0 ? void 0 : editor.setOptions({
+            enableInputRules: !disableMarkdown.value,
+            enablePasteRules: !disableMarkdown.value
+          });
+          editor === null || editor === void 0 ? void 0 : editor.view.updateState(editor === null || editor === void 0 ? void 0 : editor.state.reconfigure({
+            plugins: editor.extensionManager.plugins
+          }));
           if (disableMarkdown.value) {
+            const content = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
             editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
-            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(proxyModelValue.value);
+            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(content);
           } else {
             editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getText()));
           }
@@ -808,7 +816,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["is-open"])], 2 /* CLASS */);
 }
 
-var css_248z = ".tiptap-editor-v3 ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor-v3 ul {\n  margin: 0 24px;\n  list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n  margin: 8px 24px;\n  padding: 0 24px;\n  border-left: 4px solid #bad1ec;\n}\n.tiptap-editor-v3 .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}\n.tiptap-editor-v3 .cm-editor {\n  border: none;\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor .cm-scroller {\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor.cm-focused {\n  outline: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters {\n  background-color: rgba(0, 95, 177, 0.08);\n  border: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement {\n  padding: 0 10px;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {\n  background-color: rgba(0, 95, 177, 0.07);\n}";
+var css_248z = ".tiptap-editor-v3 ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor-v3 .ProseMirror p {\n  margin: 4px;\n}\n.tiptap-editor-v3 .ProseMirror h1, .tiptap-editor-v3 .ProseMirror h2, .tiptap-editor-v3 .ProseMirror h3, .tiptap-editor-v3 .ProseMirror h4, .tiptap-editor-v3 .ProseMirror h5, .tiptap-editor-v3 .ProseMirror h6 {\n  margin: 4px;\n}\n.tiptap-editor-v3 ul {\n  margin: 0 24px;\n  list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n  margin: 8px 24px;\n  padding: 0 24px;\n  border-left: 4px solid #bad1ec;\n}\n.tiptap-editor-v3 .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}\n.tiptap-editor-v3 .cm-editor {\n  border: none;\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor .cm-scroller {\n  border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor.cm-focused {\n  outline: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters {\n  background-color: rgba(0, 95, 177, 0.08);\n  border: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement {\n  padding: 0 10px;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {\n  background-color: rgba(0, 95, 177, 0.07);\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/{OrSelect-b1d7651a.js → OrSelect-3dbddc6b.js}

@@ -359,12 +359,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock(_component_OrTag, {
         key: option.value,
         variant: 'reset',
+        disabled: _ctx.disabled || _ctx.readonly,
         onReset: $event => _ctx.deselect(option)
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onReset"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
     }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles)

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

@@ -9,7 +9,7 @@ export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-d79dac85.js';
 export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-b319b723.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
-export { s as OrCarousel } from '../OrCarousel-4fb775f8.js';
+export { s as OrCarousel } from '../OrCarousel-40f069d5.js';
 export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from '../OrCheckbox-ab457011.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-56d7b6eb.js';
@@ -71,7 +71,7 @@ export { s as OrSearch } from '../OrSearch-f4ad73db.js';
 export { s as OrSearchV3 } from '../OrSearch-e15c7fd2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from '../OrSelect-6ff34196.js';
-export { s as OrSelectV3 } from '../OrSelect-b1d7651a.js';
+export { s as OrSelectV3 } from '../OrSelect-3dbddc6b.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from '../OrSidebar-bfd19c4c.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-63914891.js';
@@ -108,7 +108,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { s as OrTooltip } from '../OrTooltip-89ce98e8.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-37a5f562.js';
 export { s as OrTooltipV3 } from '../OrTooltip-4bb0054a.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-69cf03de.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-c3560ddb.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -116,6 +116,7 @@ import '../style-inject.es-4c6f2515.js';
 import '../color-40b7fe6b.js';
 import '@vueuse/core';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../useIdAttribute-859439f0.js';
 import '@codemirror/state';
 import '@codemirror/view';

package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

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

@@ -1,6 +1,7 @@
-export { s as OrCarousel } from '../../OrCarousel-4fb775f8.js';
+export { s as OrCarousel } from '../../OrCarousel-40f069d5.js';
 export { s as OrCarouselItem } from '../../OrCarouselItem-8c7ccd0f.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../../OrIcon-b566a871.js';
 import 'vue-demi';
 import 'lodash';

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

@@ -1,4 +1,4 @@
-export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-69cf03de.js';
+export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-c3560ddb.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-b1d7651a.js';
+export { s as OrSelectV3 } from '../../OrSelect-3dbddc6b.js';
 export { I as SelectSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v3/index.js

@@ -9,7 +9,7 @@ export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-d79dac85.js';
 export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b319b723.js';
 export { s as OrCardV3 } from './OrCard-cc82902c.js';
-export { s as OrCarousel } from './OrCarousel-4fb775f8.js';
+export { s as OrCarousel } from './OrCarousel-40f069d5.js';
 export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from './OrCheckbox-ab457011.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-56d7b6eb.js';
@@ -71,7 +71,7 @@ export { s as OrSearch } from './OrSearch-f4ad73db.js';
 export { s as OrSearchV3 } from './OrSearch-e15c7fd2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from './OrSelect-6ff34196.js';
-export { s as OrSelectV3 } from './OrSelect-b1d7651a.js';
+export { s as OrSelectV3 } from './OrSelect-3dbddc6b.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from './OrSidebar-bfd19c4c.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-63914891.js';
@@ -108,7 +108,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332
 export { s as OrTooltip } from './OrTooltip-89ce98e8.js';
 export { s as OrTooltipContent } from './OrTooltipContent-37a5f562.js';
 export { s as OrTooltipV3 } from './OrTooltip-4bb0054a.js';
-export { s as OrRichTextEditorV3 } from './OrRichTextEditor-69cf03de.js';
+export { s as OrRichTextEditorV3 } from './OrRichTextEditor-c3560ddb.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-b5a49746.js';
@@ -124,6 +124,7 @@ import 'vue';
 import './style-inject.es-4c6f2515.js';
 import '@vueuse/core';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.4.0-beta.2679.0",
+  "version": "4.4.0-beta.2688.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.39.4-beta.2679.0",
+    "@onereach/styles": "^2.39.4-beta.2688.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.2",
     "@tiptap/extension-blockquote": "2.0.2",

package/src/components/or-carousel/OrCarousel.vue

@@ -32,9 +32,11 @@
 
 <script lang="ts">
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { OrIcon } from '../or-icon';
 import { defineComponent, PropType, ref } from 'vue-demi';
 import { Direction, EVENTS, KeyBoard, Type } from './constants';
+
 export default defineComponent({
   name: 'OrCarousel',
   components: {
@@ -185,8 +187,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '~@splidejs/splide/dist/css/splide.min.css';
-
 .or-carousel {
   &__track-container {
     position: relative;

package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts

@@ -131,8 +131,8 @@ Markdown.args = {
   placeholder: 'Write something...',
   format: 'markdown',
   modelValue: `
-  **export** async function beforeSaveFlow() {}   
-  _export_ async function beforeActivateFlow() {}   
-  ~export~ async function flowDeactivated() {}  
+  **export**   
+  _export_   
+  ~export~   
   `,
 };

package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue

@@ -460,10 +460,19 @@ export default defineComponent({
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
+          editor?.setOptions({
+            enableInputRules: !disableMarkdown.value,
+            enablePasteRules: !disableMarkdown.value,
+          });
+
+          editor?.view.updateState(editor?.state.reconfigure({
+            plugins: editor.extensionManager.plugins,
+          }));
 
           if (disableMarkdown.value) {
+            const content = serialize(editor?.schema, editor?.getJSON());
             editor?.commands.clearContent();
-            editor?.commands.insertContent(proxyModelValue.value as string);
+            editor?.commands.insertContent(content);
           } else {
             editor?.commands.setContent(deserialize(editor?.schema, editor?.getText()));
           }
@@ -675,6 +684,17 @@ export default defineComponent({
     list-style: decimal;
   }
 
+  .ProseMirror {
+    p {
+      margin: 4px;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+      margin: 4px;
+    }
+  }
+
+
   ul {
     margin: 0 24px;
     list-style: initial;

package/src/components/or-rich-text-editor-v3/utils/markdown.ts

@@ -40,8 +40,8 @@ const serializerMarks = {
     expelEnclosingWhitespace: true,
   },
   [Italic.name]: {
-    open: '_',
-    close: '_',
+    open: ' _',
+    close: '_ ',
     mixable: true,
     expelEnclosingWhitespace: true,
   },

package/src/components/or-select-v3/OrSelect.stories3.ts

@@ -168,7 +168,7 @@ const Template: StoryFn<typeof OrSelect> = (args) => ({
 
   setup() {
     // State
-    const model = ref<string | string[]>();
+    const model = ref<string | string[]>(args.modelValue);
     const searchOptions = ref<SelectOption[]>(args.options);
 
     // Handlers
@@ -468,3 +468,41 @@ WithLongStrings.args = {
 
   placeholder: 'Wery Wery Wery WeryWeryWeryWery Wery Wery long placeholder',
 };
+
+export const MultipleReadonly = Template.bind({});
+
+MultipleReadonly.args = {
+  ...Default.args,
+  readonly: true,
+  options: Array.from<string, SelectOption>([
+    'Alfa',
+    'Bravo',
+    'Charlie',
+    'Delta',
+    'Echo',
+  ], (item) => ({
+    value: item.toLowerCase().replace(/\s/g, ''),
+    label: item,
+  })),
+  multiple: true,
+  modelValue: ['alfa', 'bravo'],
+};
+export const MultipleDisabled = Template.bind({});
+
+MultipleDisabled.args = {
+  ...Default.args,
+  options: Array.from<string, SelectOption>([
+    'Alfa',
+    'Bravo',
+    'Charlie',
+    'Delta',
+    'Echo',
+  ], (item) => ({
+    value: item.toLowerCase().replace(/\s/g, ''),
+    label: item,
+  })),
+  disabled: true,
+  multiple: true,
+  modelValue: ['alfa', 'bravo'],
+  paceholder: 'disabled placeholder',
+};

package/src/components/or-select-v3/OrSelect.vue

@@ -48,6 +48,7 @@
                 v-for="option in selection"
                 :key="option.value"
                 :variant="'reset'"
+                :disabled="disabled || readonly"
                 @reset="deselect(option)"
               >
                 {{ option.label }}