@onereach/ui-components 4.7.0-beta.2811.0 → 4.8.0-beta.2836.0

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

@@ -0,0 +1,286 @@
+import { s as script } from '../../OrRichTextEditor.vue_vue_type_script_lang-9bbcc18a.js';
+export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-9bbcc18a.js';
+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';
+import 'vue-demi';
+import '../../useFocusTrap-a61a80ac.js';
+import '../../index-ae815a7e.js';
+import '../../index-40b35d94.js';
+import '../../markdown-c78b4891.js';
+import '../../index-85c2efe8.js';
+import '../../_commonjsHelpers-6584e42b.js';
+import 'node:punycode';
+import '../../index-80a3a4f4.js';
+import '../../index.es-3f39f316.js';
+import './styles.js';
+import './props.js';
+import './utils/codemirror/codemirrorNode.js';
+import './utils/codemirror/codemirrorView.js';
+import '../../index-0d224ae5.js';
+import './utils/codemirror/theme.js';
+import '../../index-d92d0b48.js';
+import '../../index-e9f6b2d8.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-a32f0635.js';
+import '../OrIconButtonV3/props.js';
+import '../OrIconV3/props.js';
+import '../OrIconButtonV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/styles.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-50478e4b.js';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-00135a32.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a4e73f9e.js';
+import '../OrBottomSheetV3/props.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-4a4c532b.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-2958c018.js';
+import '../OrMenuV3/styles.js';
+import '../OrModalV3/OrModal.js';
+import '../../OrModal.vue_vue_type_script_lang-a84affbb.js';
+import '../OrModalV3/props.js';
+import '../OrModalV3/styles.js';
+import '../OrInputV3/OrInput.js';
+import '../../OrInput.vue_vue_type_script_lang-2680e4e1.js';
+import '../OrInputV3/props.js';
+import '../OrInputBoxV3/props.js';
+import '../OrInputV3/styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
+import '../OrHintV3/styles.js';
+import '../OrInputBoxV3/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../OrInputBoxV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-1e4c32ee.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../hooks/useValidationAttributes.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-d31ada75.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+
+const _hoisted_1 = ["activated"];
+const _hoisted_2 = /*#__PURE__*/createElementVNode("p", {
+  class: "text-headline-2"
+}, " Add Link ", -1 /* HOISTED */);
+const _hoisted_3 = {
+  class: "flex ml-auto gap-md"
+};
+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");
+  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");
+  const _component_or_input = resolveComponent("or-input");
+  const _component_or_button = resolveComponent("or-button");
+  const _component_or_modal = resolveComponent("or-modal");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_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[4] || (_cache[4] = $event => _ctx.handleEditorClick())
+  }, [createElementVNode("div", {
+    ref: "toolbarRef",
+    class: normalizeClass(_ctx.toolbarContainerStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.toolbar, (tools, index) => {
+    return openBlock(), createElementBlock("div", {
+      key: index,
+      class: normalizeClass([..._ctx.toolbarStyles, {
+        'hidden': _ctx.isVisible(tools)
+      }])
+    }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tools, item => {
+      return openBlock(), createElementBlock("div", {
+        key: item,
+        class: normalizeClass(['flex gap-md', {
+          'hidden': !_ctx.isVisible(item)
+        }])
+      }, [item === 'heading' ? (openBlock(), createBlock(_component_or_icon_button, {
+        key: 0,
+        ref_for: true,
+        ref: "toolbarButtonRef",
+        selected: _ctx.isActive[item],
+        disabled: !_ctx.isFocused,
+        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 */, ["selected", "disabled", "tooltip", "icon"])) : _ctx.isVisible(item) ? (openBlock(), createBlock(_component_or_icon_button, {
+        key: 1,
+        tooltip: {
+          text: _ctx.iconTooltipsEnum[item],
+          placement: 'top'
+        },
+        selected: _ctx.isActive[item],
+        disabled: !_ctx.isFocused,
+        icon: {
+          icon: _ctx.iconsEnum[item],
+          variant: 'inherit',
+          size: 'm'
+        },
+        onClick: $event => _ctx.handleToolbarClick(item)
+      }, null, 8 /* PROPS */, ["tooltip", "selected", "disabled", "icon", "onClick"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+    }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
+  }), 128 /* KEYED_FRAGMENT */)), _ctx.countOfNotVisibleTools > 0 ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    ref: "moreButtonRef",
+    disabled: !_ctx.isFocused,
+    icon: {
+      icon: 'more_horiz',
+      variant: 'inherit',
+      size: 'm'
+    },
+    class: "px-sm",
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.moreRef.open())
+  }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(['p-sm', {
+      'h-[calc(100%-32px)] md:h-[calc(100%-36px)]': _ctx.fullHeight
+    }])
+  }, [withDirectives(createElementVNode("textarea", {
+    ref: "textareaRef",
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sourceValue = $event),
+    "auto-focus": "",
+    activated: _ctx.disableMarkdown,
+    class: "w-full h-full resize-none border-none outline-none bg-transparent typography-body-2-regular",
+    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 */), [[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
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.notVisibleTools, item => {
+      return openBlock(), createBlock(_component_or_menu_item, {
+        key: item,
+        onClick: $event => _ctx.handleToolbarClick(item)
+      }, {
+        default: withCtx(() => [createVNode(_component_or_icon_button, {
+          tooltip: {
+            text: _ctx.iconTooltipsEnum[item],
+            placement: 'top'
+          },
+          selected: _ctx.isActive[item],
+          icon: {
+            icon: _ctx.iconsEnum[item],
+            variant: 'inherit',
+            size: 'm'
+          }
+        }, null, 8 /* PROPS */, ["tooltip", "selected", "icon"])]),
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true), _ctx.toolbarButtonRef ? (openBlock(), createBlock(_component_or_menu, {
+    key: 1,
+    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[5] || (_cache[5] = $event => _ctx.handleToolbarClick('heading'))
+    }, {
+      default: withCtx(() => [createTextVNode(" None ")]),
+      _: 1 /* STABLE */
+    })]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true), createVNode(_component_or_modal, {
+    "is-open": _ctx.isOpenLinkModal,
+    size: "s"
+  }, {
+    header: withCtx(() => [_hoisted_2]),
+    footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(_component_or_button, {
+      variant: "outlined",
+      onClick: _ctx.discardLink
+    }, {
+      default: withCtx(() => [_hoisted_4]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["onClick"]), createVNode(_component_or_button, {
+      onClick: _ctx.attachLink
+    }, {
+      default: withCtx(() => [_hoisted_5]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["onClick"])])]),
+    default: withCtx(() => [createElementVNode("div", null, [createVNode(_component_or_label, null, {
+      default: withCtx(() => [createTextVNode(" Text ")]),
+      _: 1 /* STABLE */
+    }), createVNode(_component_or_input, {
+      modelValue: _ctx.text,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.text = $event),
+      placeholder: "Placeholder",
+      class: "pb-md"
+    }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_or_label, null, {
+      default: withCtx(() => [createTextVNode(" Link ")]),
+      _: 1 /* STABLE */
+    }), createVNode(_component_or_input, {
+      modelValue: _ctx.link,
+      "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-left: 24px;\n  margin-right: 24px;\n  list-style: decimal;\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,  .tiptap-editor-v3 .ProseMirror p {\n  margin: 4px;\n}\n.tiptap-editor-v3 ul {\n  margin-left: 24px;\n  margin-right: 24px;\n  list-style: disc outside none;\n  list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n  margin-left: 24px;\n  margin-right: 24px;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  border-left: 4px solid rgba(0, 95, 177, 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: rgba(0, 95, 177, 0.12);\n  border: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement {\n  padding-left: 11px;\n  padding-right: 11px;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {\n  background-color: rgba(0, 95, 177, 0.16);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__file = "src/components/or-rich-text-editor-v3/OrRichTextEditor.vue";

package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts

@@ -0,0 +1,220 @@
+import { ComponentPublicInstance, PropType } from 'vue-demi';
+import { Formats } from './props';
+import { Editor } from '@tiptap/core';
+import { Level } from '@tiptap/extension-heading';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    editor: Editor | null;
+    editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    toolbarButtonRef: 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;
+    } | string[], {} & {}, {
+        [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;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    iconsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    handleToolbarClick: (item: string, level?: number) => void;
+    handleEditorClick: () => void;
+    isActive: import("@vue/composition-api").Ref<{
+        [x: string]: boolean;
+    }>;
+    iconTooltipsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
+    headingLevels: Level[];
+    headingIcon: import("@vue/composition-api").ComputedRef<string>;
+    attachLink: () => Promise<void>;
+    discardLink: () => void;
+    isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
+    text: import("@vue/composition-api").Ref<string>;
+    link: import("@vue/composition-api").Ref<string>;
+    isFocused: import("@vue/composition-api").Ref<boolean>;
+    isVisible: (value: string | Array<string>) => boolean;
+    countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
+    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<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;
+        default: undefined;
+    };
+    toolbar: {
+        type: {
+            (arrayLength: number): string[][];
+            (...items: string[][]): string[][];
+            new (arrayLength: number): string[][];
+            new (...items: string[][]): string[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    format: {
+        type: PropType<Formats>;
+        default: Formats;
+    };
+    fullHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    toolbar: {
+        type: {
+            (arrayLength: number): string[][];
+            (...items: string[][]): string[][];
+            new (arrayLength: number): string[][];
+            new (...items: string[][]): string[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    format: {
+        type: PropType<Formats>;
+        default: Formats;
+    };
+    fullHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string;
+    toolbar: string[][];
+    description: string;
+    placeholder: string;
+    autofocus: boolean;
+    format: Formats;
+    fullHeight: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    editor: Editor | null;
+    editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    toolbarButtonRef: 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;
+    } | string[], {} & {}, {
+        [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;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    iconsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    handleToolbarClick: (item: string, level?: number) => void;
+    handleEditorClick: () => void;
+    isActive: import("@vue/composition-api").Ref<{
+        [x: string]: boolean;
+    }>;
+    iconTooltipsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
+    headingLevels: Level[];
+    headingIcon: import("@vue/composition-api").ComputedRef<string>;
+    attachLink: () => Promise<void>;
+    discardLink: () => void;
+    isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
+    text: import("@vue/composition-api").Ref<string>;
+    link: import("@vue/composition-api").Ref<string>;
+    isFocused: import("@vue/composition-api").Ref<boolean>;
+    isVisible: (value: string | Array<string>) => boolean;
+    countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
+    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<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[][];
+    description: string;
+    placeholder: string;
+    autofocus: boolean;
+    format: Formats;
+    fullHeight: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+    toolbar: string[][];
+    description: string;
+    placeholder: string;
+    autofocus: boolean;
+    format: Formats;
+    fullHeight: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/OrRichTextEditorV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrRichTextEditorV3 } from './OrRichTextEditor.vue';
+export * from './props';

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

@@ -0,0 +1,89 @@
+export { Formats } from './props.js';
+export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-9bbcc18a.js';
+import 'vue-demi';
+import '../../useFocusTrap-a61a80ac.js';
+import '../../index-ae815a7e.js';
+import '../../index-40b35d94.js';
+import '../../markdown-c78b4891.js';
+import '../../index-85c2efe8.js';
+import '../../_commonjsHelpers-6584e42b.js';
+import 'node:punycode';
+import '../../index-80a3a4f4.js';
+import '../../index.es-3f39f316.js';
+import './styles.js';
+import './utils/codemirror/codemirrorNode.js';
+import './utils/codemirror/codemirrorView.js';
+import '../../index-0d224ae5.js';
+import './utils/codemirror/theme.js';
+import '../../index-d92d0b48.js';
+import '../../index-e9f6b2d8.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-a32f0635.js';
+import '../OrIconButtonV3/props.js';
+import '../OrIconV3/props.js';
+import '../OrIconButtonV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/styles.js';
+import 'vue';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-50478e4b.js';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-00135a32.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a4e73f9e.js';
+import '../OrBottomSheetV3/props.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-4a4c532b.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-2958c018.js';
+import '../OrMenuV3/styles.js';
+import '../OrModalV3/OrModal.js';
+import '../../OrModal.vue_vue_type_script_lang-a84affbb.js';
+import '../OrModalV3/props.js';
+import '../OrModalV3/styles.js';
+import '../OrInputV3/OrInput.js';
+import '../../OrInput.vue_vue_type_script_lang-2680e4e1.js';
+import '../OrInputV3/props.js';
+import '../OrInputBoxV3/props.js';
+import '../OrInputV3/styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
+import '../OrHintV3/styles.js';
+import '../OrInputBoxV3/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../OrInputBoxV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-1e4c32ee.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../hooks/useValidationAttributes.js';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-d31ada75.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum Formats {
+    Markdown = "markdown",
+    Markup = "markup"
+}

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

@@ -0,0 +1,7 @@
+var Formats;
+(function (Formats) {
+  Formats["Markdown"] = "markdown";
+  Formats["Markup"] = "markup";
+})(Formats || (Formats = {}));
+
+export { Formats };

package/dist/bundled/v3/components/OrRichTextEditorV3/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const EditorContainer: string[];
+export declare const ToolbarContainer: string[];
+export declare const Toolbar: string[];
+export declare const ToolbarButton: string[];
+export declare const ToolbarButtonFocused: string[];
+export declare const EditorInput: string[];

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

@@ -0,0 +1,38 @@
+const EditorContainer = [
+// Colors
+'border-outline', 'focus-within:theme-background-primary-translucent', 'focus-within:theme-border-1-primary', 'focus-within:theme-outline-2-primary',
+// Sizing
+'border-1', 'rounded-md', 'w-full'];
+const ToolbarContainer = [
+// Layout
+'flex',
+//Spacing
+'py-sm',
+//Sizing
+'border-b-1',
+//Colors
+'border-b-outline'];
+const Toolbar = [
+// Layout
+'flex',
+// Spacing
+'px-sm', 'gap-md',
+// Sizing
+'border-l-1',
+//Colors
+'border-r-disabled',
+// Last child
+'first-of-type:border-none'];
+const ToolbarButton = [
+// Typography
+'text-on-disabled'];
+const ToolbarButtonFocused = [
+// Typography
+'text-outline'];
+const EditorInput = [
+// Typography
+'typography-body-2-regular',
+// Sizing
+'min-h-[88px]'];
+
+export { EditorContainer, EditorInput, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+declare const _default: Node<any, any>;
+export default _default;