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

package/dist/esm/v3/{OrInput-69f8dce1.js → OrInput-4f55c0eb.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$4 } from './OrIconButton-6c0732ac.js';
+import { s as script$4 } from './OrIconButton-85abafab.js';
 import { s as script$3 } from './OrIcon-e2fa4cf8.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { s as script$6 } from './OrLabel-7d4fe80b.js';

package/dist/esm/v3/{OrMenu-00f7c4a8.js → OrMenu-d9e12030.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-67000227.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-94a8f21d.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [

package/dist/esm/v3/{OrModal-88c56141.js → OrModal-420174c4.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-6c0732ac.js';
-import { s as script$1 } from './OrOverlay-27050c19.js';
+import { s as script$2 } from './OrIconButton-85abafab.js';
+import { s as script$1 } from './OrOverlay-738a44d5.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var ModalSize;
@@ -54,6 +54,10 @@ var script = defineComponent({
     size: {
       type: String,
       default: ModalSize.M
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['open', 'close'],
@@ -72,6 +76,15 @@ var script = defineComponent({
     watch(isActive, value => {
       context.emit(value ? 'open' : 'close');
     });
+    watch(() => props.isOpen, newIsOpen => {
+      if (newIsOpen) {
+        open();
+      } else {
+        close();
+      }
+    }, {
+      immediate: true
+    });
     // Methods
     function open() {
       isActive.value = true;

package/dist/esm/v3/{OrNotification-d3d6f51d.js → OrNotification-54394fc8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-6c0732ac.js';
+import { s as script$2 } from './OrIconButton-85abafab.js';
 import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
 

package/dist/esm/v3/{OrOverlay-27050c19.js → OrOverlay-738a44d5.js}

@@ -1,7 +1,7 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useElevation } from './useElevation-0e973238.js';
+import { u as useElevation } from './useElevation-31bfe1f6.js';
 import { s as script$1 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrPopover-67000227.js → OrPopover-94a8f21d.js}

@@ -2,9 +2,9 @@ import { autoUpdate, computePosition, flip, shift, hide } from '@floating-ui/dom
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useElevation } from './useElevation-0e973238.js';
+import { u as useElevation } from './useElevation-31bfe1f6.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { s as script$1 } from './OrBottomSheet-9de57dd0.js';
+import { s as script$1 } from './OrBottomSheet-0eb33b18.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode } from 'vue';
 

package/dist/esm/v3/OrRichTextEditor-a5d38e89.js

@@ -0,0 +1,486 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
+import { DOMParser as DOMParser$1 } from 'prosemirror-model';
+import { marked } from 'marked';
+import { s as script$1 } from './OrIconButton-85abafab.js';
+import { s as script$2 } from './OrLabel-7d4fe80b.js';
+import { s as script$4 } from './OrMenu-d9e12030.js';
+import './OrPopover-94a8f21d.js';
+import { s as script$3 } from './OrMenuItem-d001f0f6.js';
+import { Editor, mergeAttributes } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import Link from '@tiptap/extension-link';
+import Highlight from '@tiptap/extension-highlight';
+import Heading from '@tiptap/extension-heading';
+import Placeholder from '@tiptap/extension-placeholder';
+import Paragraph from '@tiptap/extension-paragraph';
+import BulletList from '@tiptap/extension-bullet-list';
+import ListItem from '@tiptap/extension-list-item';
+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 Bold from '@tiptap/extension-bold';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+const EditorContainer = [
+// Colors
+'border-outline', 'dark:border-outline-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:bg-primary-opacity-0-08', 'dark:focus-within:bg-primary-opacity-0-08-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
+// Sizing
+'border-1', 'rounded-md'];
+const ToolbarContainer = [
+// Layout
+'flex',
+//Spacing
+'py-sm',
+//Sizing
+'border-b-1',
+//Colors
+'border-b-outline', 'dark:border-b-outline-dark'];
+const Toolbar = [
+// Layout
+'flex',
+// Spacing
+'px-sm', 'gap-md',
+// Sizing
+'border-r-1',
+//Colors
+'border-r-disabled', 'dark:border-r-outline-dark',
+// Last child
+'last-of-type:border-none'];
+const ToolbarButton = [
+// Typography
+'text-on-disabled', 'dark:text-outline-dark'];
+const ToolbarButtonActive = [
+// Typography
+'text-on-background', 'dark:text-on-background-dark'];
+const EditorInput = [
+// Spacing
+'p-sm',
+// Typography
+'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
+// Sizing
+'min-h-[88px]'];
+
+var script = defineComponent({
+  name: 'OrRichTextEditor',
+  components: {
+    OrIconButton: script$1,
+    OrLabel: script$2,
+    OrMenuItem: script$3,
+    OrMenu: script$4
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+      required: false
+    },
+    toolbar: {
+      type: Array,
+      default: () => [['heading'], ['bold', 'italic', 'strike'], ['underline', 'highlight'], ['link'], ['bulletList', 'orderedList'], ['undo', 'redo']]
+    },
+    description: {
+      type: String,
+      default: 'Description'
+    },
+    placeholder: {
+      type: String,
+      default: 'Write something...'
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    markdown: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, {
+    emit
+  }) {
+    // Refs
+    let editor = null;
+    const editorRef = ref();
+    const containerRef = ref();
+    const toolbarButtonRef = ref();
+    const menuRef = ref();
+    const isActive = ref({});
+    const headingLevels = [1, 2, 3, 4];
+    const previousHeadingLevel = ref();
+    const activeHeadingLevel = ref(0);
+    const markdownOutput = ref('');
+    const iconsEnum = ref({
+      bold: 'format_bold',
+      italic: 'format_italic',
+      underline: 'format_underlined',
+      strike: 'format_strikethrough',
+      bulletList: 'format_list_bulleted',
+      orderedList: 'format_list_numbered',
+      link: 'link',
+      highlight: 'highlight',
+      redo: 'redo',
+      undo: 'undo'
+    });
+    const iconTooltipsEnum = ref({
+      bold: 'Bold',
+      italic: 'Italic',
+      underline: 'Underline',
+      strike: 'Strike',
+      bulletList: 'Bulleted List',
+      orderedList: 'Numbered List',
+      link: 'Link',
+      highlight: 'Highlight',
+      redo: 'Redo',
+      undo: 'Undo'
+    });
+    const serializerMarks = {
+      ...defaultMarkdownSerializer.marks,
+      [Bold.name]: defaultMarkdownSerializer.marks.strong,
+      [Strike.name]: {
+        open: '~~',
+        close: '~~',
+        mixable: true,
+        expelEnclosingWhitespace: true
+      },
+      [Italic.name]: {
+        open: '_',
+        close: '_',
+        mixable: true,
+        expelEnclosingWhitespace: true
+      },
+      [Highlight.name]: {
+        open: '==',
+        close: '==',
+        mixable: true,
+        expelEnclosingWhitespace: true
+      },
+      [Link.name]: {
+        open(state, mark, parent, index) {
+          return isPlainURL(mark, parent, index, 1) ? '<' : '[';
+        },
+        close(state, mark, parent, index) {
+          const href = mark.attrs.canonicalSrc || mark.attrs.href;
+          return isPlainURL(mark, parent, index, -1) ? '>' : `](${state.esc(href)}${mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ''})`;
+        }
+      }
+    };
+    const serializerNodes = {
+      ...defaultMarkdownSerializer.nodes,
+      [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
+      [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
+      [ListItem.name]: defaultMarkdownSerializer.nodes.list_item,
+      [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
+      [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break
+    };
+    onMounted(() => {
+      editor = new Editor({
+        onUpdate: ({
+          editor
+        }) => {
+          setActiveFormats();
+          const html = editor.getHTML();
+          const text = editor.getText();
+          if (props.markdown) {
+            markdownOutput.value = serialize(editor.schema, editor.getJSON());
+            emit('update:modelValue', markdownOutput.value);
+          } else {
+            emit('update:modelValue', text === '' ? text : html);
+          }
+        },
+        onCreate: ({
+          editor
+        }) => {
+          if (props.markdown) {
+            const deserialized = deserialize(editor.schema, props.modelValue);
+            // const deserialized = defaultMarkdownParser.parse(props.modelValue);
+            // editor.view.state.doc = deserialized as Node;
+            editor.commands.setContent(deserialized);
+          } else {
+            editor.commands.setContent(props.modelValue);
+          }
+        },
+        element: editorRef.value,
+        autofocus: props.autofocus,
+        extensions: [StarterKit.configure({
+          heading: false
+        }), Heading.configure({
+          levels: headingLevels
+        }).extend({
+          levels: headingLevels,
+          renderHTML({
+            node,
+            HTMLAttributes
+          }) {
+            return ['h' + node.attrs.level, mergeAttributes(HTMLAttributes, {
+              class: `typography-headline-${node.attrs.level}`
+            }), 0];
+          }
+        }), Underline, Link.configure({
+          openOnClick: true,
+          linkOnPaste: true,
+          autolink: false,
+          protocols: ['ftp', 'mailto', 'http', 'https'],
+          validate: href => /^https?:\/\//.test(href),
+          HTMLAttributes: {
+            class: 'text-primary cursor-pointer'
+          }
+        }), Highlight, Placeholder.configure({
+          placeholder: props.placeholder,
+          emptyEditorClass: 'is-editor-empty text-outline'
+        })],
+        editorProps: {
+          attributes: {
+            class: 'focus:outline-none'
+          }
+        }
+      });
+      setActiveFormats();
+    });
+    onBeforeUnmount(() => {
+      editor === null || editor === void 0 ? void 0 : editor.destroy();
+    });
+    // Computed
+    const getIndexOfHeading = computed(() => {
+      return props.toolbar.flat().indexOf('heading');
+    });
+    const headingIcon = computed(() => {
+      if (activeHeadingLevel.value && isActive.value.heading) {
+        return `format_h${activeHeadingLevel.value}`;
+      }
+      return 'format_paragraph';
+    });
+    // Methods
+    const handleEditorClick = () => {
+      setActiveFormats();
+      editor === null || editor === void 0 ? void 0 : editor.commands.focus();
+    };
+    const handleToolbarClick = (item, level) => {
+      if (item === 'bulletList' || item === 'orderedList') {
+        item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
+      } else if (item === 'link') {
+        setLink();
+      } else if (item === 'heading') {
+        if (!level) {
+          editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
+            level: previousHeadingLevel.value
+          });
+          activeHeadingLevel.value = 0;
+        } else {
+          activeHeadingLevel.value = level;
+          previousHeadingLevel.value = level;
+          editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
+            level: level
+          });
+        }
+        editor === null || editor === void 0 ? void 0 : editor.commands.focus();
+      } else if (item === 'undo' || item === 'redo') {
+        item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
+      } else {
+        editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
+      }
+    };
+    const setLink = () => {
+      const previousUrl = editor === null || editor === void 0 ? void 0 : editor.getAttributes('link').href;
+      const url = window.prompt('URL', previousUrl);
+      // cancelled
+      if (url === null) {
+        return;
+      }
+      // empty
+      if (url === '') {
+        editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').unsetLink().run();
+        return;
+      }
+      // update link
+      editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').setLink({
+        href: url
+      }).run();
+    };
+    const setActiveFormats = () => {
+      const toolbarList = props.toolbar.flat();
+      toolbarList.forEach(item => {
+        isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
+      });
+    };
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => {
+      return ['or-rich-text-editor', classAttribute.value];
+    });
+    const containerStyles = computed(() => {
+      return [...EditorContainer];
+    });
+    const toolbarContainerStyles = computed(() => {
+      return [...ToolbarContainer];
+    });
+    const toolbarStyles = computed(() => {
+      return [...Toolbar];
+    });
+    const editorInputStyles = computed(() => {
+      return ['tiptap-editor', ...EditorInput];
+    });
+    const toolbarButtonStyles = item => {
+      return [
+      // Layout
+      'flex',
+      // Spacing
+      'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
+    };
+    const isPlainURL = (link, parent, index, side) => {
+      if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
+      const content = parent.child(index + (side < 0 ? -1 : 0));
+      if (!content.isText || content.text !== link.attrs.href || content.marks[content.marks.length - 1] !== link) return false;
+      if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
+      const next = parent.child(index + (side < 0 ? -2 : 1));
+      return !link.isInSet(next.marks);
+    };
+    const serialize = (schema, content) => {
+      const proseMirrorDocument = schema.nodeFromJSON(content);
+      const serializer = new MarkdownSerializer(serializerNodes, serializerMarks);
+      return serializer.serialize(proseMirrorDocument);
+    };
+    const deserialize = (schema, content) => {
+      // const html = defaultMarkdownParser.parse(content);
+      const html = marked.parse(content);
+      if (!html) return null;
+      const parser = new DOMParser();
+      const {
+        body
+      } = parser.parseFromString(html, 'text/html');
+      // append original source as a comment that nodes can access
+      body.append(document.createComment(content));
+      const state = DOMParser$1.fromSchema(schema).parse(body);
+      return state.toJSON();
+    };
+    //Effects
+    watch(() => props.modelValue, value => {
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdown) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+      }
+      if (props.markdown && value !== markdownOutput.value) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
+      }
+    });
+    return {
+      editor,
+      editorRef,
+      containerRef,
+      toolbarButtonRef,
+      menuRef,
+      iconsEnum,
+      handleToolbarClick,
+      handleEditorClick,
+      isActive,
+      iconTooltipsEnum,
+      containerStyles,
+      toolbarContainerStyles,
+      toolbarStyles,
+      rootStyles,
+      toolbarButtonStyles,
+      editorInputStyles,
+      getIndexOfHeading,
+      headingLevels,
+      headingIcon
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_menu_item = resolveComponent("or-menu-item");
+  const _component_or_menu = resolveComponent("or-menu");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createVNode(_component_or_label, null, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.description), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }), createElementVNode("div", {
+    ref: "containerRef",
+    class: normalizeClass(_ctx.containerStyles),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.handleEditorClick())
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarContainerStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.toolbar, tool => {
+    return openBlock(), createElementBlock("div", {
+      key: tool,
+      class: normalizeClass(_ctx.toolbarStyles)
+    }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tool, item => {
+      return openBlock(), createElementBlock("div", {
+        key: item,
+        class: normalizeClass([_ctx.toolbarButtonStyles(item), "-my-xs"])
+      }, [item === 'heading' ? (openBlock(), createBlock(_component_or_icon_button, {
+        key: 0,
+        ref_for: true,
+        ref: "toolbarButtonRef",
+        tooltip: {
+          text: item,
+          placement: 'top'
+        },
+        icon: {
+          icon: _ctx.headingIcon,
+          variant: 'inherit',
+          size: 'm'
+        },
+        onClick: _cache[0] || (_cache[0] = $event => _ctx.menuRef.open())
+      }, null, 8 /* PROPS */, ["tooltip", "icon"])) : (openBlock(), createBlock(_component_or_icon_button, {
+        key: 1,
+        tooltip: {
+          text: _ctx.iconTooltipsEnum[item],
+          placement: 'top'
+        },
+        icon: {
+          icon: _ctx.iconsEnum[item],
+          variant: 'inherit',
+          size: 'm'
+        },
+        onClick: $event => _ctx.handleToolbarClick(item)
+      }, null, 8 /* PROPS */, ["tooltip", "icon", "onClick"]))], 2 /* CLASS */);
+    }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
+  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createElementVNode("div", {
+    ref: "editorRef",
+    class: normalizeClass(_ctx.editorInputStyles)
+  }, null, 2 /* CLASS */)], 2 /* CLASS */), _ctx.toolbarButtonRef ? (openBlock(), createBlock(_component_or_menu, {
+    key: 0,
+    ref: "menuRef",
+    trigger: _ctx.toolbarButtonRef[_ctx.getIndexOfHeading].root,
+    placement: "bottom-start"
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.headingLevels, heading => {
+      return openBlock(), createBlock(_component_or_menu_item, {
+        key: heading,
+        onClick: $event => _ctx.handleToolbarClick('heading', heading)
+      }, {
+        default: withCtx(() => [createTextVNode(" Heading " + toDisplayString(heading), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+    }), 128 /* KEYED_FRAGMENT */)), createVNode(_component_or_menu_item, {
+      onClick: _cache[2] || (_cache[2] = $event => _ctx.handleToolbarClick('heading'))
+    }, {
+      default: withCtx(() => [createTextVNode(" None ")]),
+      _: 1 /* STABLE */
+    })]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */);
+}
+
+var css_248z = ".tiptap-editor ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor ul {\n  margin: 0 24px;\n  list-style: initial;\n}\n.tiptap-editor .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__file = "src/components/or-rich-text-editor-v3/OrRichTextEditor.vue";
+
+export { script as s };

package/dist/esm/v3/{OrSearch-1b68ba58.js → OrSearch-d74891a5.js}

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

package/dist/esm/v3/{OrSelect-1fa435c6.js → OrSelect-b3a233cc.js}

@@ -9,11 +9,11 @@ import { s as script$3 } from './OrExpansionPanel-65afdfad.js';
 import { s as script$4 } from './OrHint-73835593.js';
 import { s as script$5 } from './OrIcon-e2fa4cf8.js';
 import { s as script$7, a as InputBoxSize } from './OrInputBox-634230b1.js';
-import { s as script$6 } from './OrInput-69f8dce1.js';
+import { s as script$6 } from './OrInput-4f55c0eb.js';
 import { s as script$8 } from './OrLabel-7d4fe80b.js';
 import { s as script$9 } from './OrMenuItem-d001f0f6.js';
-import { s as script$a } from './OrPopover-67000227.js';
-import { s as script$b } from './OrTag-1202497c.js';
+import { s as script$a } from './OrPopover-94a8f21d.js';
+import { s as script$b } from './OrTag-6c3717e0.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
 
 const SelectRoot = [

package/dist/esm/v3/{OrTabs-a0590a70.js → OrTabs-6a8fa516.js}

@@ -3,8 +3,8 @@ import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted }
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { s as script$3 } from './OrMenuItem-d001f0f6.js';
-import { s as script$2 } from './OrMenu-00f7c4a8.js';
-import './OrPopover-67000227.js';
+import { s as script$2 } from './OrMenu-d9e12030.js';
+import './OrPopover-94a8f21d.js';
 import { s as script$4 } from './OrTab-97044946.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrTag-1202497c.js → OrTag-6c3717e0.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$1 } from './OrIconButton-6c0732ac.js';
+import { s as script$1 } from './OrIconButton-85abafab.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTooltip-32048f0e.js → OrTooltip-1500a1cd.js}

@@ -1,7 +1,7 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-67000227.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-94a8f21d.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [

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

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