@onereach/ui-components 10.3.2 → 10.3.3-beta.4314.0

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

@@ -1,10 +1,10 @@
 import { g as useResizeObserver, o as onClickOutside } from '../../index-13c63b4c.js';
 import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-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-4af315b8.js';
+import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, c as HorizontalRule, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, e as Link, f as Highlight } from '../../markdown-62ee11bf.js';
 import { OrRichTextEditor, EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { Formats } from './props.js';
-import { N as Node, m as mergeAttributes, t as textblockTypeInputRule, E as Extension, D as Decoration, a as DecorationSet, M as Mark, b as markInputRule, c as markPasteRule, k as keydownHandler, d as callOrReturn, g as getExtensionField, n as nodeInputRule, e as Editor } from '../../index-7516cf60.js';
+import { N as Node, m as mergeAttributes, t as textblockTypeInputRule, E as Extension, D as Decoration, a as DecorationSet, M as Mark, b as markInputRule, c as markPasteRule, k as keydownHandler, d as callOrReturn, g as getExtensionField, e as Editor } from '../../index-7516cf60.js';
 import { P as Plugin, a as PluginKey, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, b as Slice, T as TextSelection, M as Mapping } from '../../index-02a897ac.js';
 import codemirrorNode from './utils/codemirror/codemirrorNode.js';
 import __vue_component__$1 from '../OrIconButtonV3/OrIconButton.js';
@@ -1291,71 +1291,6 @@ const History = Extension.create({
   }
 });
 
-const HorizontalRule = Node.create({
-  name: 'horizontalRule',
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: 'block',
-  parseHTML() {
-    return [{
-      tag: 'hr'
-    }];
-  },
-  renderHTML(_ref) {
-    let {
-      HTMLAttributes
-    } = _ref;
-    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
-  },
-  addCommands() {
-    return {
-      setHorizontalRule: () => _ref2 => {
-        let {
-          chain
-        } = _ref2;
-        return chain().insertContent({
-          type: this.name
-        })
-        // set cursor after horizontal rule
-        .command(_ref3 => {
-          let {
-            tr,
-            dispatch
-          } = _ref3;
-          var _a;
-          if (dispatch) {
-            const {
-              $to
-            } = tr.selection;
-            const posAfter = $to.end();
-            if ($to.nodeAfter) {
-              tr.setSelection(TextSelection.create(tr.doc, $to.pos));
-            } else {
-              // add node after horizontal rule if it’s the end of the document
-              const node = (_a = $to.parent.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.create();
-              if (node) {
-                tr.insert(posAfter, node);
-                tr.setSelection(TextSelection.create(tr.doc, posAfter));
-              }
-            }
-            tr.scrollIntoView();
-          }
-          return true;
-        }).run();
-      }
-    };
-  },
-  addInputRules() {
-    return [nodeInputRule({
-      find: /^(?:---|—-|___\s|\*\*\*\s)$/,
-      type: this.type
-    })];
-  }
-});
-
 const Text = Node.create({
   name: 'text',
   group: 'inline'
@@ -1861,8 +1796,8 @@ var script = defineComponent({
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
       if (props.format === 'markdown' && value !== markdownOutput.value) {
-        //TODO: const deserialized = deserialize(editor?.schema, value);
-        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+        const deserialized = deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value);
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialized);
       }
     });
     return {

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

@@ -1,2 +1,2 @@
-export { d as deserialize, s as serialize } from '../../../markdown-4af315b8.js';
+export { d as deserialize, s as serialize } from '../../../markdown-62ee11bf.js';
 import '../../../index-02a897ac.js';

package/dist/bundled/v2/{markdown-4af315b8.js → markdown-62ee11bf.js}

@@ -1,6 +1,6 @@
-import { c as Schema, e as Mark, P as Plugin, a as PluginKey, T as TextSelection, D as DOMParser$1 } from './index-02a897ac.js';
+import { c as Schema, e as Mark, T as TextSelection, P as Plugin, a as PluginKey, D as DOMParser$1 } from './index-02a897ac.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-1789f0cf.js';
-import { N as Node, m as mergeAttributes, M as Mark$1, f as getMarkAttributes, w as wrappingInputRule, b as markInputRule, c as markPasteRule, t as textblockTypeInputRule, h as combineTransactionSteps, i as getChangedRanges, j as getMarksBetween, l as findChildrenInRange, o as getAttributes } from './index-7516cf60.js';
+import { N as Node, m as mergeAttributes, M as Mark$1, f as getMarkAttributes, w as wrappingInputRule, b as markInputRule, c as markPasteRule, n as nodeInputRule, t as textblockTypeInputRule, h as combineTransactionSteps, i as getChangedRanges, j as getMarksBetween, l as findChildrenInRange, o as getAttributes } from './index-7516cf60.js';
 
 var markdownIt_minExports = {};
 var markdownIt_min = {
@@ -7959,6 +7959,71 @@ const HardBreak = Node.create({
   }
 });
 
+const HorizontalRule = Node.create({
+  name: 'horizontalRule',
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: 'block',
+  parseHTML() {
+    return [{
+      tag: 'hr'
+    }];
+  },
+  renderHTML(_ref) {
+    let {
+      HTMLAttributes
+    } = _ref;
+    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addCommands() {
+    return {
+      setHorizontalRule: () => _ref2 => {
+        let {
+          chain
+        } = _ref2;
+        return chain().insertContent({
+          type: this.name
+        })
+        // set cursor after horizontal rule
+        .command(_ref3 => {
+          let {
+            tr,
+            dispatch
+          } = _ref3;
+          var _a;
+          if (dispatch) {
+            const {
+              $to
+            } = tr.selection;
+            const posAfter = $to.end();
+            if ($to.nodeAfter) {
+              tr.setSelection(TextSelection.create(tr.doc, $to.pos));
+            } else {
+              // add node after horizontal rule if it’s the end of the document
+              const node = (_a = $to.parent.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.create();
+              if (node) {
+                tr.insert(posAfter, node);
+                tr.setSelection(TextSelection.create(tr.doc, posAfter));
+              }
+            }
+            tr.scrollIntoView();
+          }
+          return true;
+        }).run();
+      }
+    };
+  },
+  addInputRules() {
+    return [nodeInputRule({
+      find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+      type: this.type
+    })];
+  }
+});
+
 const starInputRegex = /(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))$/;
 const starPasteRegex = /(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))/g;
 const underscoreInputRegex = /(?:^|\s)((?:__)((?:[^__]+))(?:__))$/;
@@ -10489,7 +10554,8 @@ const mdSerializerNodes = {
   [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
   [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
-  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
+  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,
+  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule
 };
 const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
@@ -10557,4 +10623,4 @@ function deserialize(schema, content) {
   return state.toJSON();
 }
 
-export { Blockquote as B, CodeBlock as C, HardBreak as H, Italic as I, ListItem$1 as L, OrderedList as O, Paragraph as P, Strike as S, Underline as U, Bold as a, BulletList as b, Link as c, deserialize as d, Highlight as e, serialize as s };
+export { Blockquote as B, CodeBlock as C, HardBreak as H, Italic as I, ListItem$1 as L, OrderedList as O, Paragraph as P, Strike as S, Underline as U, Bold as a, BulletList as b, HorizontalRule as c, deserialize as d, Link as e, Highlight as f, serialize as s };

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

@@ -1 +1 @@
-export { s as default } from '../OrRichTextEditorV3-f20322fb.js';
+export { s as default } from '../OrRichTextEditorV3-343c5a89.js';

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

@@ -1 +1 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-f20322fb.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-343c5a89.js';

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

@@ -1 +1 @@
-export { F as Formats } from '../OrRichTextEditorV3-f20322fb.js';
+export { F as Formats } from '../OrRichTextEditorV3-343c5a89.js';

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

@@ -1 +1 @@
-export { E as EditorContainer, f as EditorInput, O as OrRichTextEditor, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-f20322fb.js';
+export { E as EditorContainer, f as EditorInput, O as OrRichTextEditor, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-343c5a89.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js

@@ -1,2 +1,2 @@
-export { i as default } from '../../../OrRichTextEditorV3-f20322fb.js';
+export { i as default } from '../../../OrRichTextEditorV3-343c5a89.js';
 import '../../../OrCode-76048d47.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,2 +1,2 @@
-export { C as default } from '../../../OrRichTextEditorV3-f20322fb.js';
+export { C as default } from '../../../OrRichTextEditorV3-343c5a89.js';
 import '../../../OrCode-76048d47.js';

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

@@ -1 +1 @@
-export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-f20322fb.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-343c5a89.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js

@@ -1,3 +1,3 @@
 import '../../../OrCode-76048d47.js';
 import '../../../../hooks/useTheme.js';
-export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-f20322fb.js';
+export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-343c5a89.js';

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

@@ -1 +1 @@
-export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-f20322fb.js';
+export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-343c5a89.js';

package/dist/bundled/v3/components/{OrRichTextEditorV3-f20322fb.js → OrRichTextEditorV3-343c5a89.js}

@@ -24811,6 +24811,71 @@ const HardBreak = Node.create({
   }
 });
 
+const HorizontalRule = Node.create({
+  name: 'horizontalRule',
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: 'block',
+  parseHTML() {
+    return [{
+      tag: 'hr'
+    }];
+  },
+  renderHTML(_ref) {
+    let {
+      HTMLAttributes
+    } = _ref;
+    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addCommands() {
+    return {
+      setHorizontalRule: () => _ref2 => {
+        let {
+          chain
+        } = _ref2;
+        return chain().insertContent({
+          type: this.name
+        })
+        // set cursor after horizontal rule
+        .command(_ref3 => {
+          let {
+            tr,
+            dispatch
+          } = _ref3;
+          var _a;
+          if (dispatch) {
+            const {
+              $to
+            } = tr.selection;
+            const posAfter = $to.end();
+            if ($to.nodeAfter) {
+              tr.setSelection(TextSelection.create(tr.doc, $to.pos));
+            } else {
+              // add node after horizontal rule if it’s the end of the document
+              const node = (_a = $to.parent.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.create();
+              if (node) {
+                tr.insert(posAfter, node);
+                tr.setSelection(TextSelection.create(tr.doc, posAfter));
+              }
+            }
+            tr.scrollIntoView();
+          }
+          return true;
+        }).run();
+      }
+    };
+  },
+  addInputRules() {
+    return [nodeInputRule({
+      find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+      type: this.type
+    })];
+  }
+});
+
 const starInputRegex = /(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))$/;
 const starPasteRegex = /(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))/g;
 const underscoreInputRegex = /(?:^|\s)((?:__)((?:[^__]+))(?:__))$/;
@@ -27341,7 +27406,8 @@ const mdSerializerNodes = {
   [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
   [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
-  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
+  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,
+  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule
 };
 const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
@@ -28731,71 +28797,6 @@ const History = Extension.create({
   }
 });
 
-const HorizontalRule = Node.create({
-  name: 'horizontalRule',
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: 'block',
-  parseHTML() {
-    return [{
-      tag: 'hr'
-    }];
-  },
-  renderHTML(_ref) {
-    let {
-      HTMLAttributes
-    } = _ref;
-    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
-  },
-  addCommands() {
-    return {
-      setHorizontalRule: () => _ref2 => {
-        let {
-          chain
-        } = _ref2;
-        return chain().insertContent({
-          type: this.name
-        })
-        // set cursor after horizontal rule
-        .command(_ref3 => {
-          let {
-            tr,
-            dispatch
-          } = _ref3;
-          var _a;
-          if (dispatch) {
-            const {
-              $to
-            } = tr.selection;
-            const posAfter = $to.end();
-            if ($to.nodeAfter) {
-              tr.setSelection(TextSelection.create(tr.doc, $to.pos));
-            } else {
-              // add node after horizontal rule if it’s the end of the document
-              const node = (_a = $to.parent.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.create();
-              if (node) {
-                tr.insert(posAfter, node);
-                tr.setSelection(TextSelection.create(tr.doc, posAfter));
-              }
-            }
-            tr.scrollIntoView();
-          }
-          return true;
-        }).run();
-      }
-    };
-  },
-  addInputRules() {
-    return [nodeInputRule({
-      find: /^(?:---|—-|___\s|\*\*\*\s)$/,
-      type: this.type
-    })];
-  }
-});
-
 const Text = Node.create({
   name: 'text',
   group: 'inline'
@@ -29710,8 +29711,8 @@ var script = defineComponent({
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
       if (props.format === 'markdown' && value !== markdownOutput.value) {
-        //TODO: const deserialized = deserialize(editor?.schema, value);
-        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+        const deserialized = deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value);
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialized);
       }
     });
     return {

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

@@ -81,7 +81,7 @@ export { s as OrRadioV3 } from './OrRadioV3-ab52b7d4.js';
 export { s as OrRangeSliderV3 } from './OrRangeSliderV3-1302c0d5.js';
 export { s as OrRatingV3 } from './OrRatingV3-82a538ca.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-9aae7208.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-f20322fb.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-343c5a89.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-de9f3667.js';

package/dist/bundled/v3/index.js

@@ -44,7 +44,7 @@ export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-1302c0d5.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-82a538ca.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-f20322fb.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-343c5a89.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-de9f3667.js';
 export { s as OrSelect } from './components/OrSelect-362ba223.js';
 export { s as OrSelectV3 } from './components/OrSelectV3-b1418e70.js';

package/dist/esm/v2/{OrRichTextEditor-2decab60.js → OrRichTextEditor-c03de64c.js}

@@ -11,6 +11,7 @@ import OrderedList from '@tiptap/extension-ordered-list';
 import Strike from '@tiptap/extension-strike';
 import Italic from '@tiptap/extension-italic';
 import HardBreak from '@tiptap/extension-hard-break';
+import HorizontalRule from '@tiptap/extension-horizontal-rule';
 import Bold from '@tiptap/extension-bold';
 import CodeBlock from '@tiptap/extension-code-block';
 import Blockquote from '@tiptap/extension-blockquote';
@@ -47,7 +48,8 @@ const mdSerializerNodes = {
   [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
   [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
-  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
+  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,
+  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule
 };
 const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
@@ -640,8 +642,8 @@ var script = defineComponent({
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
       if (props.format === 'markdown' && value !== markdownOutput.value) {
-        //TODO: const deserialized = deserialize(editor?.schema, value);
-        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+        const deserialized = deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value);
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialized);
       }
     });
     return {

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

@@ -99,7 +99,7 @@ export { _ as OrRadioV3 } from '../OrRadio-3629ad83.js';
 export { _ as OrRangeSliderV3 } from '../OrRangeSlider-0f59285f.js';
 export { _ as OrRatingV3 } from '../OrRating-aa2365e9.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-2f741cc2.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-2decab60.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-c03de64c.js';
 export { _ as OrSearch } from '../OrSearch-a340d5ff.js';
 export { _ as OrSearchV3 } from '../OrSearch-9eef2fa5.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-cd16856e.js';
@@ -206,6 +206,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-strike';
 import '@tiptap/extension-italic';
 import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import '@tiptap/extension-blockquote';

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

@@ -1,4 +1,4 @@
-export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-2decab60.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-c03de64c.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
 import 'vue-demi';
@@ -12,6 +12,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-strike';
 import '@tiptap/extension-italic';
 import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import '@tiptap/extension-blockquote';

package/dist/esm/v2/index.js

@@ -99,7 +99,7 @@ export { _ as OrRadioV3 } from './OrRadio-3629ad83.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-0f59285f.js';
 export { _ as OrRatingV3 } from './OrRating-aa2365e9.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-2f741cc2.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-2decab60.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-c03de64c.js';
 export { _ as OrSearch } from './OrSearch-a340d5ff.js';
 export { _ as OrSearchV3 } from './OrSearch-9eef2fa5.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-cd16856e.js';
@@ -208,6 +208,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-strike';
 import '@tiptap/extension-italic';
 import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import '@tiptap/extension-blockquote';

package/dist/esm/v3/{OrRichTextEditor-ab25c57e.js → OrRichTextEditor-9781c771.js}

@@ -11,6 +11,7 @@ import OrderedList from '@tiptap/extension-ordered-list';
 import Strike from '@tiptap/extension-strike';
 import Italic from '@tiptap/extension-italic';
 import HardBreak from '@tiptap/extension-hard-break';
+import HorizontalRule from '@tiptap/extension-horizontal-rule';
 import Bold from '@tiptap/extension-bold';
 import CodeBlock from '@tiptap/extension-code-block';
 import Blockquote from '@tiptap/extension-blockquote';
@@ -46,7 +47,8 @@ const mdSerializerNodes = {
   [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
   [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
-  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
+  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,
+  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule
 };
 const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
@@ -639,8 +641,8 @@ var script = defineComponent({
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
       if (props.format === 'markdown' && value !== markdownOutput.value) {
-        //TODO: const deserialized = deserialize(editor?.schema, value);
-        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+        const deserialized = deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value);
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialized);
       }
     });
     return {

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

@@ -96,7 +96,7 @@ export { s as OrRadioV3 } from '../OrRadio-370438a9.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-820d0c22.js';
 export { s as OrRatingV3 } from '../OrRating-2abf71bd.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-6e37ca25.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-ab25c57e.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-9781c771.js';
 export { s as OrSearch } from '../OrSearch-948c7f78.js';
 export { s as OrSearchV3 } from '../OrSearch-a10f294f.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-1370c626.js';
@@ -197,6 +197,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-strike';
 import '@tiptap/extension-italic';
 import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import '@tiptap/extension-blockquote';

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

@@ -1,4 +1,4 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-ab25c57e.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-9781c771.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
 import 'vue-demi';
@@ -12,6 +12,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-strike';
 import '@tiptap/extension-italic';
 import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import '@tiptap/extension-blockquote';

package/dist/esm/v3/index.js

@@ -96,7 +96,7 @@ export { s as OrRadioV3 } from './OrRadio-370438a9.js';
 export { s as OrRangeSliderV3 } from './OrRangeSlider-820d0c22.js';
 export { s as OrRatingV3 } from './OrRating-2abf71bd.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-6e37ca25.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-ab25c57e.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-9781c771.js';
 export { s as OrSearch } from './OrSearch-948c7f78.js';
 export { s as OrSearchV3 } from './OrSearch-a10f294f.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-1370c626.js';
@@ -199,6 +199,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-strike';
 import '@tiptap/extension-italic';
 import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import '@tiptap/extension-blockquote';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "10.3.2",
+  "version": "10.3.3-beta.4314.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -50,6 +50,7 @@
     "@tiptap/extension-hard-break": "2.0.3",
     "@tiptap/extension-heading": "2.0.3",
     "@tiptap/extension-highlight": "2.0.3",
+    "@tiptap/extension-horizontal-rule": "2.0.3",
     "@tiptap/extension-italic": "2.0.3",
     "@tiptap/extension-link": "2.0.3",
     "@tiptap/extension-list-item": "2.0.3",
@@ -178,6 +179,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "caab855a84c26e0a28b86b8eabca2a65ba75a838"
+  }
 }

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

@@ -723,9 +723,10 @@ export default defineComponent({
       if (value !== editor?.getHTML() && props.format !== 'markdown') {
         editor?.commands.setContent(value as string);
       }
+
       if (props.format === 'markdown' && value !== markdownOutput.value) {
-        //TODO: const deserialized = deserialize(editor?.schema, value);
-        editor?.commands.setContent(value as string);
+        const deserialized = deserialize(editor?.schema, value);
+        editor?.commands.setContent(deserialized as string);
       }
     });
 

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

@@ -11,6 +11,7 @@ import OrderedList from '@tiptap/extension-ordered-list';
 import Strike from '@tiptap/extension-strike';
 import Italic from '@tiptap/extension-italic';
 import HardBreak from '@tiptap/extension-hard-break';
+import HorizontalRule from '@tiptap/extension-horizontal-rule';
 import Bold from '@tiptap/extension-bold';
 import CodeBlock from '@tiptap/extension-code-block';
 import Blockquote from '@tiptap/extension-blockquote';
@@ -27,6 +28,7 @@ const mdSerializerNodes = {
   [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
   [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,
+  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule,
 };
 
 const mdSerializerMarks = {