@onereach/ui-components 4.4.0-beta.2680.0 → 4.4.0-beta.2690.0

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-cb50c4f6.js → OrRichTextEditor-10dc8ee2.js}

@@ -147,7 +147,7 @@ const ToolbarButtonFocused = [
 'text-outline'];
 const EditorInput = [
 // Typography
-'typography-body-2-regular', 'text-on-background',
+'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
 // Sizing
 'min-h-[88px]'];
 
@@ -246,6 +246,7 @@ var script = defineComponent({
     const root = ref();
     let editor = null;
     const editorRef = ref();
+    const textareaRef = ref();
     const containerRef = ref();
     const toolbarRef = ref();
     const moreButtonRef = ref();
@@ -262,6 +263,7 @@ var script = defineComponent({
     const text = ref('');
     const link = ref('');
     const countOfNotVisibleTools = ref(0);
+    const sourceValue = ref('');
     let trap = useFocusTrap(editorRef, {
       immediate: true,
       fallbackFocus: '.container',
@@ -443,25 +445,18 @@ var script = defineComponent({
       }
       return !notVisibleTools.value.includes(value);
     };
+    const handleInput = event => {
+      const target = event.target;
+      const value = target.value;
+      editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value));
+    };
     const handleToolbarClick = (item, level) => {
-      var _a, _b;
+      var _a, _b, _c;
       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(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()));
-          }
+          (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+          sourceValue.value = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
           break;
         case 'bulletList':
         case 'orderedList':
@@ -475,8 +470,8 @@ var script = defineComponent({
               to,
               empty
             } = editor.state.selection;
-            const isLink = (_a = editor.view.state.doc.nodeAt(cursorPosition)) === null || _a === void 0 ? void 0 : _a.marks.filter(mark => mark.type.name === 'link');
-            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.text) || '' : '';
+            const isLink = (_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.marks.filter(mark => mark.type.name === 'link');
+            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_c = editor.view.state.doc.nodeAt(cursorPosition)) === null || _c === void 0 ? void 0 : _c.text) || '' : '';
             text.value = empty ? existedText : editor.state.doc.textBetween(from, to, ' ');
             link.value = editor.getAttributes('link').href || '';
           }
@@ -606,6 +601,7 @@ var script = defineComponent({
       containerRef,
       toolbarButtonRef,
       moreButtonRef,
+      textareaRef,
       moreRef,
       menuRef,
       iconsEnum,
@@ -630,12 +626,16 @@ var script = defineComponent({
       isFocused,
       isVisible,
       countOfNotVisibleTools,
-      notVisibleTools
+      notVisibleTools,
+      handleInput,
+      proxyModelValue,
+      disableMarkdown,
+      sourceValue
     };
   }
 });
 
-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)}";
+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 theme(\"borderColor.primary-opacity-0-16\")}.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:theme(\"backgroundColor.primary-opacity-0-12\");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:theme(\"backgroundColor.primary-opacity-0-16\")}";
 styleInject(css_248z);
 
 /* script */
@@ -733,7 +733,41 @@ var __vue_render__ = function () {
     class: ['p-sm', {
       'h-[calc(100%-32px)] md:h-[calc(100%-36px)]': _vm.fullHeight
     }]
-  }, [_c('div', {
+  }, [_c('textarea', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.disableMarkdown,
+      expression: "disableMarkdown"
+    }, {
+      name: "model",
+      rawName: "v-model",
+      value: _vm.sourceValue,
+      expression: "sourceValue"
+    }],
+    ref: "textareaRef",
+    staticClass: "w-full h-full resize-none border-none outline-none bg-transparent",
+    attrs: {
+      "activated": _vm.disableMarkdown
+    },
+    domProps: {
+      "value": _vm.sourceValue
+    },
+    on: {
+      "input": [function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+        _vm.sourceValue = $event.target.value;
+      }, _vm.handleInput]
+    }
+  }), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.disableMarkdown,
+      expression: "!disableMarkdown"
+    }],
     ref: "editorRef",
     class: _vm.editorInputStyles
   }), _vm._v(" "), _vm._t("files")], 2)]), _vm._v(" "), _vm.moreButtonRef ? _c('or-menu', {

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-cb50c4f6.js';
+export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-10dc8ee2.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/OrRichTextEditor.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     moreButtonRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     moreRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
     menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -48,6 +49,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
     notVisibleTools: import("@vue/composition-api").ComputedRef<string[]>;
+    handleInput: (event: InputEvent) => void;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    disableMarkdown: import("@vue/composition-api").Ref<boolean>;
+    sourceValue: import("@vue/composition-api").Ref<string>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
@@ -153,6 +158,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     moreButtonRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     moreRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
     menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -188,6 +194,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
     notVisibleTools: import("@vue/composition-api").ComputedRef<string[]>;
+    handleInput: (event: InputEvent) => void;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    disableMarkdown: import("@vue/composition-api").Ref<boolean>;
+    sourceValue: import("@vue/composition-api").Ref<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     toolbar: string[][];

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

@@ -1,4 +1,4 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-cb50c4f6.js';
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-10dc8ee2.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-cb50c4f6.js';
+export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-10dc8ee2.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-c3560ddb.js → OrRichTextEditor-809824b9.js}

@@ -32,7 +32,7 @@ import Placeholder from '@tiptap/extension-placeholder';
 import { C as CodeMirrorView } from './codemirrorView-be2c7423.js';
 import { minimalSetup } from 'codemirror';
 import { javascript } from '@codemirror/lang-javascript';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, withDirectives, vShow, vModelText, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 const serializerNodes = {
@@ -147,7 +147,7 @@ const ToolbarButtonFocused = [
 'text-outline'];
 const EditorInput = [
 // Typography
-'typography-body-2-regular', 'text-on-background',
+'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
 // Sizing
 'min-h-[88px]'];
 
@@ -246,6 +246,7 @@ var script = defineComponent({
     const root = ref();
     let editor = null;
     const editorRef = ref();
+    const textareaRef = ref();
     const containerRef = ref();
     const toolbarRef = ref();
     const moreButtonRef = ref();
@@ -262,6 +263,7 @@ var script = defineComponent({
     const text = ref('');
     const link = ref('');
     const countOfNotVisibleTools = ref(0);
+    const sourceValue = ref('');
     let trap = useFocusTrap(editorRef, {
       immediate: true,
       fallbackFocus: '.container',
@@ -443,25 +445,18 @@ var script = defineComponent({
       }
       return !notVisibleTools.value.includes(value);
     };
+    const handleInput = event => {
+      const target = event.target;
+      const value = target.value;
+      editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value));
+    };
     const handleToolbarClick = (item, level) => {
-      var _a, _b;
+      var _a, _b, _c;
       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(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()));
-          }
+          (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+          sourceValue.value = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
           break;
         case 'bulletList':
         case 'orderedList':
@@ -475,8 +470,8 @@ var script = defineComponent({
               to,
               empty
             } = editor.state.selection;
-            const isLink = (_a = editor.view.state.doc.nodeAt(cursorPosition)) === null || _a === void 0 ? void 0 : _a.marks.filter(mark => mark.type.name === 'link');
-            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.text) || '' : '';
+            const isLink = (_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.marks.filter(mark => mark.type.name === 'link');
+            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_c = editor.view.state.doc.nodeAt(cursorPosition)) === null || _c === void 0 ? void 0 : _c.text) || '' : '';
             text.value = empty ? existedText : editor.state.doc.textBetween(from, to, ' ');
             link.value = editor.getAttributes('link').href || '';
           }
@@ -606,6 +601,7 @@ var script = defineComponent({
       containerRef,
       toolbarButtonRef,
       moreButtonRef,
+      textareaRef,
       moreRef,
       menuRef,
       iconsEnum,
@@ -630,19 +626,24 @@ var script = defineComponent({
       isFocused,
       isVisible,
       countOfNotVisibleTools,
-      notVisibleTools
+      notVisibleTools,
+      handleInput,
+      proxyModelValue,
+      disableMarkdown,
+      sourceValue
     };
   }
 });
 
-const _hoisted_1 = /*#__PURE__*/createElementVNode("p", {
+const _hoisted_1 = ["activated"];
+const _hoisted_2 = /*#__PURE__*/createElementVNode("p", {
   class: "text-headline-2"
 }, " Add Link ", -1 /* HOISTED */);
-const _hoisted_2 = {
+const _hoisted_3 = {
   class: "flex ml-auto gap-md"
 };
-const _hoisted_3 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
-const _hoisted_4 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
+const _hoisted_4 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
+const _hoisted_5 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_label = resolveComponent("or-label");
@@ -662,7 +663,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), createElementVNode("div", {
     ref: "containerRef",
     class: normalizeClass(_ctx.containerStyles),
-    onClick: _cache[2] || (_cache[2] = $event => _ctx.handleEditorClick())
+    onClick: _cache[4] || (_cache[4] = $event => _ctx.handleEditorClick())
   }, [createElementVNode("div", {
     ref: "toolbarRef",
     class: normalizeClass(_ctx.toolbarContainerStyles)
@@ -725,10 +726,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(['p-sm', {
       'h-[calc(100%-32px)] md:h-[calc(100%-36px)]': _ctx.fullHeight
     }])
-  }, [createElementVNode("div", {
+  }, [withDirectives(createElementVNode("textarea", {
+    ref: "textareaRef",
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sourceValue = $event),
+    activated: _ctx.disableMarkdown,
+    class: "w-full h-full resize-none border-none outline-none bg-transparent",
+    onInput: _cache[3] || (_cache[3] = function () {
+      return _ctx.handleInput && _ctx.handleInput(...arguments);
+    })
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1), [[vShow, _ctx.disableMarkdown], [vModelText, _ctx.sourceValue]]), withDirectives(createElementVNode("div", {
     ref: "editorRef",
     class: normalizeClass(_ctx.editorInputStyles)
-  }, null, 2 /* CLASS */), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_or_menu, {
+  }, null, 2 /* CLASS */), [[vShow, !_ctx.disableMarkdown]]), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_or_menu, {
     key: 0,
     ref: "moreRef",
     trigger: _ctx.moreButtonRef.root
@@ -772,7 +781,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2 /* DYNAMIC */
       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
     }), 128 /* KEYED_FRAGMENT */)), createVNode(_component_or_menu_item, {
-      onClick: _cache[3] || (_cache[3] = $event => _ctx.handleToolbarClick('heading'))
+      onClick: _cache[5] || (_cache[5] = $event => _ctx.handleToolbarClick('heading'))
     }, {
       default: withCtx(() => [createTextVNode(" None ")]),
       _: 1 /* STABLE */
@@ -783,17 +792,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "is-open": _ctx.isOpenLinkModal,
     size: "s"
   }, {
-    header: withCtx(() => [_hoisted_1]),
-    footer: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(_component_or_button, {
+    header: withCtx(() => [_hoisted_2]),
+    footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(_component_or_button, {
       variant: "outlined",
       onClick: _ctx.discardLink
     }, {
-      default: withCtx(() => [_hoisted_3]),
+      default: withCtx(() => [_hoisted_4]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["onClick"]), createVNode(_component_or_button, {
       onClick: _ctx.attachLink
     }, {
-      default: withCtx(() => [_hoisted_4]),
+      default: withCtx(() => [_hoisted_5]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["onClick"])])]),
     default: withCtx(() => [createElementVNode("div", null, [createVNode(_component_or_label, null, {
@@ -801,7 +810,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }), createVNode(_component_or_input, {
       modelValue: _ctx.text,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.text = $event),
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.text = $event),
       placeholder: "Placeholder",
       class: "pb-md"
     }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_or_label, null, {
@@ -809,14 +818,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }), createVNode(_component_or_input, {
       modelValue: _ctx.link,
-      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.link = $event),
+      "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.link = $event),
       placeholder: "Placeholder"
     }, null, 8 /* PROPS */, ["modelValue"])])]),
     _: 1 /* STABLE */
   }, 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 .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}";
+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 theme(\"borderColor.primary-opacity-0-16\");\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: theme(\"backgroundColor.primary-opacity-0-12\");\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: theme(\"backgroundColor.primary-opacity-0-16\");\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-c3560ddb.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-809824b9.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';