@projectfive/v-richtext-vue2 0.0.0-stage → 3.0.0

package/dist/types/richtext-vue/src/components/input-richtext/extensions/mention-menu.d.ts

@@ -0,0 +1,62 @@
+import type { SuggestionKeyDownProps, SuggestionProps } from "@tiptap/suggestion";
+import type { MentionNodeAttrs } from "@tiptap/extension-mention";
+import type { MentionSuggestion } from "../types";
+export interface MentionItem {
+    id: string | number;
+    /** Name without the "Group:" prefix; listed and stored as the mention's label */
+    label: string;
+    /** Heading the item is listed under */
+    group?: string;
+    suggestion: MentionSuggestion;
+}
+export interface MentionMenuState {
+    open: boolean;
+    items: MentionItem[];
+    selectedIndex: number;
+    /** Position of the typed "@query", for placing the menu */
+    rect: DOMRect | null;
+}
+export type MentionMenu = ReturnType<typeof createMentionMenu>;
+/**
+ * State for the mention suggestion list, shared by all trigger characters of one
+ * editor (only one suggestion can be active at a time). The suggestion plugin
+ * drives it through `render`, and MentionMenu.vue renders it.
+ */
+export declare function createMentionMenu(): {
+    state: {
+        open: boolean;
+        items: {
+            id: string | number;
+            label: string;
+            group?: string | undefined;
+            suggestion: {
+                [x: string]: unknown;
+                id: string | number;
+                name: string;
+                apply?: boolean | undefined;
+                hooks?: unknown[] | undefined;
+            };
+        }[];
+        selectedIndex: number;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+            readonly bottom: number;
+            readonly left: number;
+            readonly right: number;
+            readonly top: number;
+            toJSON: () => any;
+        } | null;
+    };
+    select: (index?: number) => void;
+    render: () => {
+        onBeforeStart?: ((props: SuggestionProps<MentionItem, MentionNodeAttrs>) => void) | undefined;
+        onStart?: ((props: SuggestionProps<MentionItem, MentionNodeAttrs>) => void) | undefined;
+        onBeforeUpdate?: ((props: SuggestionProps<MentionItem, MentionNodeAttrs>) => void) | undefined;
+        onUpdate?: ((props: SuggestionProps<MentionItem, MentionNodeAttrs>) => void) | undefined;
+        onExit?: ((props: SuggestionProps<MentionItem, MentionNodeAttrs>) => void) | undefined;
+        onKeyDown?: (props: SuggestionKeyDownProps) => boolean;
+    };
+};

package/dist/types/richtext-vue/src/components/input-richtext/extensions/mention.d.ts

@@ -0,0 +1,16 @@
+import type { MentionMenu } from "./mention-menu";
+import type { MentionGroupOptions, RichtextAction } from "../types";
+export interface MentionContext {
+    groups: Record<string, MentionGroupOptions>;
+    menu: MentionMenu;
+    getPreviews: () => Record<string, unknown>;
+    onAction: (action: RichtextAction) => void;
+}
+/**
+ * Mentions with one trigger character per group in `options.mentions`
+ * (e.g. "@" for assignees and "#" for labels).
+ *
+ * Renders as `<span class="mention mention-<group> <class>" data-type="mention"
+ * data-id data-label data-mention-suggestion-char>`, readable by v-richtext 2.x.
+ */
+export declare function createMention({ groups, menu, getPreviews, onAction }: MentionContext): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;

package/dist/types/richtext-vue/src/components/input-richtext/extensions/previews.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from "@tiptap/core";
+/**
+ * Transaction meta that makes the decorations based on `mentionPreviews`
+ * (mention values, hidden visibility conditions) read the previews again.
+ */
+export declare const PREVIEWS_CHANGED = "rt-previews-changed";
+/** Call after the preview values changed */
+export declare function refreshPreviews(editor: Editor): void;

package/dist/types/richtext-vue/src/components/input-richtext/extensions/task-item.d.ts

@@ -0,0 +1,8 @@
+import type { RichtextMessages } from "@/locales";
+/**
+ * Tiptap's task item, whose checkbox can also be toggled while the editor is
+ * read-only (`readonly="tasks"`). Tiptap's `onReadOnlyChecked` only keeps the
+ * checkbox checked and gets the node as it was when the view was created, so
+ * the change is written to the document here, which emits the new value.
+ */
+export declare function createTaskItem(canCheckReadonly: () => boolean, messages: () => RichtextMessages): import("@tiptap/core").Node<import("@tiptap/extension-list").TaskItemOptions, any>;

package/dist/types/richtext-vue/src/components/input-richtext/extensions/visibility-conditions.d.ts

@@ -0,0 +1,32 @@
+import { Node } from "@tiptap/core";
+import { type RichtextMessages } from "@/locales";
+import type { VisibilityCondition } from "../types";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        visibilityConditions: {
+            /**
+             * Wraps the selected blocks in the condition. Removes the wrapper when the
+             * selection is already in that condition, or switches to it when the
+             * selection is in another condition.
+             */
+            toggleCondition: (condition: VisibilityCondition) => ReturnType;
+            /** Removes the condition wrapper around the selection */
+            unsetCondition: () => ReturnType;
+        };
+    }
+}
+export declare const VISIBILITY_CONDITION_NODE = "visibilityConditions";
+export interface VisibilityConditionsOptions {
+    /** `mentionPreviews`, which can hold the outcome of a condition, keyed by its `if` */
+    getPreviews: () => Record<string, unknown>;
+    messages: () => RichtextMessages;
+}
+/**
+ * Block that is only shown when a condition is met, like a blockquote wraps
+ * other blocks. Stored as
+ * `<div class="conditionally-visible" condition="…" condition-label="…">`.
+ *
+ * The HTML output wraps it in liquid tags, see ../liquid.ts.
+ * The node name matches v-richtext 2.x, so JSON content stays compatible.
+ */
+export declare const VisibilityConditions: Node<VisibilityConditionsOptions, any>;

package/dist/types/richtext-vue/src/components/input-richtext/liquid.d.ts

@@ -0,0 +1,11 @@
+export declare const liquidIf: (condition: string) => string;
+export declare const LIQUID_ENDIF = "{% endif %}";
+/**
+ * Wraps every visibility condition block in `{% if <condition> %}` … `{% endif %}`.
+ */
+export declare function addLiquidConditions(html: string): string;
+/**
+ * Removes the liquid wrappers that `addLiquidConditions` put around visibility
+ * condition blocks, so the HTML can be loaded into the editor again.
+ */
+export declare function stripLiquidConditions(html: string): string;

package/dist/types/richtext-vue/src/components/input-richtext/types.d.ts

@@ -0,0 +1,122 @@
+import type { Content } from "@tiptap/core";
+export type RichtextValue = Content;
+/**
+ * Extensions that can be switched on or off with `options.enabled` / `options.disabled`.
+ * `mention` and `visibilityConditions` switch on by themselves when their options are set.
+ */
+export type RichtextExtensionName = "bold" | "italic" | "strike" | "underline" | "code" | "highlight" | "subscript" | "superscript" | "link" | "heading" | "bulletList" | "orderedList" | "taskList" | "blockquote" | "codeBlock" | "horizontalRule" | "textAlign" | "image" | "file" | "youtube" | "table" | "placeholder" | "typography"
+/** Size/float/caption toolbar on a selected image or YouTube video */
+ | "mediaControls"
+/** Lines in the top right corner, one per heading, that list and link to the headings on hover */
+ | "tableOfContents"
+/** Undo/redo buttons. Ctrl+Z / Ctrl+Shift+Z always work. */
+ | "undoRedo" | "characterCount" | "templates" | "mention" | "visibilityConditions";
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface MentionSuggestion {
+    id: string | number;
+    /** Shown in the suggestion list. "Group: Name" puts the item under a "Group" heading. */
+    name: string;
+    /** When false, choosing the item only fires the `action` event, nothing is inserted */
+    apply?: boolean;
+    /** Passed along in the `action` event, together with the group's hooks */
+    hooks?: unknown[];
+    [key: string]: unknown;
+}
+export interface MentionGroupOptions {
+    /** Character that opens the suggestions, e.g. "@" or "#" */
+    key: string;
+    /** Show the key in front of the mention. Default: true */
+    keyInMention?: boolean;
+    /** Extra class(es) on the mention element */
+    class?: string;
+    /** When false, no suggestion of this group is inserted. Default: true */
+    apply?: boolean;
+    hooks?: unknown[];
+    suggestions: MentionSuggestion[];
+}
+export interface CharacterCountOptions {
+    /** Shows a hint while there are fewer characters. Doesn't block input. */
+    min?: number;
+    /** Maximum number of characters; typing stops there */
+    limit?: number;
+}
+export interface RichtextTemplate {
+    /** Shown in the dropdown */
+    name: string;
+    /**
+     * HTML, e.g. with mention spans (`<span data-type="mention" data-id="{{ data.name }}"
+     * data-label="Name">`), which become mentions with their previews. Plain text is
+     * inserted as one paragraph per line.
+     */
+    text: string;
+}
+export interface VisibilityCondition {
+    /** Liquid expression, e.g. "data.approved" */
+    if: string;
+    label: string;
+}
+export interface RichtextOptions {
+    /** Extensions to switch on in addition to the defaults */
+    enabled?: (RichtextExtensionName | string)[];
+    /** Extensions to switch off. Wins over `enabled`. */
+    disabled?: (RichtextExtensionName | string)[];
+    /**
+     * Extensions that stay enabled but get no toolbar button; they're used
+     * through their keyboard shortcut and Markdown-style input (e.g. `code`).
+     * See HIDEABLE_BUTTONS for the ones that can be hidden.
+     */
+    hidden?: (RichtextExtensionName | string)[];
+    heading?: {
+        /** Default: [2, 3] */
+        levels?: HeadingLevel[];
+    };
+    /**
+     * Shows the character count under the editor. Also enabled by adding
+     * "characterCount" to `enabled`, which shows the count without min/limit.
+     */
+    characterCount?: CharacterCountOptions;
+    image?: {
+        /**
+         * Wider images (JPEG, PNG, WebP) are scaled down to this width before they're
+         * uploaded. Default: 1200. 0 uploads them unchanged.
+         */
+        maxWidth?: number;
+    };
+    table?: {
+        /** Size of a new table. Default: 3 × 3 with a header row */
+        insertDefaults?: {
+            rows: number;
+            cols: number;
+            withHeaderRow: boolean;
+        };
+    };
+    /** Predefined texts, inserted from a toolbar dropdown. Enables the dropdown when it has entries. */
+    templates?: RichtextTemplate[];
+    /** One entry per trigger character. Enables mentions when it has entries. */
+    mentions?: Record<string, MentionGroupOptions>;
+    /** Enables the visibility conditions menu when it has conditions */
+    visibilityConditions?: {
+        conditions: VisibilityCondition[];
+    };
+}
+export type UploadFileFunction = (file: File, type: "file" | "image") => Promise<string>;
+export interface SelectMentionAction {
+    action: "select_mention";
+    /** Key of the mention group in `options.mentions` */
+    name: string;
+    options: MentionGroupOptions;
+    suggestion: MentionSuggestion;
+    hooks: unknown[];
+}
+export type RichtextAction = SelectMentionAction;
+/** Emitted as `error`, e.g. when an upload fails or a file is too large */
+export interface RichtextUploadError {
+    type: "upload";
+    file: File;
+    message: string;
+    error: Error;
+}
+export type RichtextError = RichtextUploadError;
+export type RichtextToolbarPosition = "top" | "bottom";
+/** Language of the editor's own texts (buttons, tooltips, messages) */
+export type RichtextLocale = "nl" | "en";

package/dist/types/richtext-vue/src/components/tiptap-icons/Icon.vue.d.ts

@@ -0,0 +1,15 @@
+import type { IconName } from "@/components/tiptap-icons";
+type __VLS_Props = {
+    name: IconName;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/richtext-vue/src/components/tiptap-icons/index.d.ts

@@ -0,0 +1,40 @@
+export declare const AlignCenterIcon: "align-center";
+export declare const AlignJustifyIcon: "align-justify";
+export declare const AlignLeftIcon: "align-left";
+export declare const AlignRightIcon: "align-right";
+export declare const ArrowLeftIcon: "arrow-left";
+export declare const BanIcon: "ban";
+export declare const BlockquoteIcon: "blockquote";
+export declare const BoldIcon: "bold";
+export declare const ChevronDownIcon: "chevron-down";
+export declare const CodeBlockIcon: "code-block";
+export declare const Code2Icon: "code2";
+export declare const CornerDownLeftIcon: "corner-down-left";
+export declare const ExternalLinkIcon: "external-link";
+export declare const HeadingFiveIcon: "heading-five";
+export declare const HeadingFourIcon: "heading-four";
+export declare const HeadingIcon: "heading";
+export declare const HeadingOneIcon: "heading-one";
+export declare const HeadingSixIcon: "heading-six";
+export declare const HeadingThreeIcon: "heading-three";
+export declare const HeadingTwoIcon: "heading-two";
+export declare const HighlighterIcon: "highlighter";
+export declare const ImagePlusIcon: "image-plus";
+export declare const ItalicIcon: "italic";
+export declare const LinkIcon: "link";
+export declare const ListIcon: "list";
+export declare const ListOrderedIcon: "list-ordered";
+export declare const ListTodoIcon: "list-todo";
+export declare const Redo2Icon: "redo2";
+export declare const StrikeIcon: "strike";
+export declare const SubscriptIcon: "subscript";
+export declare const SuperscriptIcon: "superscript";
+export declare const TrashIcon: "trash";
+export declare const UnderlineIcon: "underline";
+export declare const Undo2Icon: "undo2";
+export declare const EyeIcon: "eye";
+export declare const PaperclipIcon: "paperclip";
+export declare const YoutubeIcon: "youtube";
+export declare const TableIcon: "table";
+export declare const FileTextIcon: "file-text";
+export type IconName = "align-center" | "align-justify" | "align-left" | "align-right" | "arrow-left" | "ban" | "blockquote" | "bold" | "chevron-down" | "code-block" | "code2" | "corner-down-left" | "eye" | "external-link" | "heading-five" | "heading-four" | "heading" | "heading-one" | "heading-six" | "heading-three" | "heading-two" | "highlighter" | "image-plus" | "italic" | "link" | "list" | "list-ordered" | "list-todo" | "redo2" | "strike" | "subscript" | "superscript" | "trash" | "underline" | "undo2" | "paperclip" | "youtube" | "table" | "file-text";

package/dist/types/richtext-vue/src/components/tiptap-ui/CommandButton.vue.d.ts

@@ -0,0 +1,36 @@
+import type { Editor } from "@tiptap/core";
+import type { EditorCommand } from "./command";
+/**
+ * p5: one toolbar button for any EditorCommand, e.g.
+ * `<CommandButton :command="markCommand('bold')" />`. Replaces the template's
+ * MarkButton, HeadingButton, ListButton, … (see UPSTREAM.md).
+ */
+type __VLS_Props = {
+    command: EditorCommand;
+    /** Text next to the icon, e.g. in dropdown menus */
+    text?: string;
+    editor?: Editor | null;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/richtext-vue/src/components/tiptap-ui/blockquote-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-blockquote";

package/dist/types/richtext-vue/src/components/tiptap-ui/blockquote-button/use-blockquote.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from "@tiptap/core";
+export declare const BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
+/**
+ * Checks if blockquote can be toggled in the current editor state
+ */
+export declare function canToggleBlockquote(editor: Editor | null, turnInto?: boolean): boolean;
+/**
+ * Toggles blockquote formatting for a specific node or the current selection
+ */
+export declare function toggleBlockquote(editor: Editor | null): boolean;
+/** p5: toolbar command, rendered by CommandButton (see ../command.ts) */
+export declare const blockquoteCommand: () => import("@/components/tiptap-ui/command").EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/code-block-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-code-block";

package/dist/types/richtext-vue/src/components/tiptap-ui/code-block-button/use-code-block.d.ts

@@ -0,0 +1,12 @@
+import { type Editor } from "@tiptap/core";
+export declare const CODE_BLOCK_SHORTCUT_KEY = "mod+alt+c";
+/**
+ * Checks if code block can be toggled in the current editor state
+ */
+export declare function canToggle(editor: Editor | null, turnInto?: boolean): boolean;
+/**
+ * Toggles code block in the editor
+ */
+export declare function toggleCodeBlock(editor: Editor | null): boolean;
+/** p5: toolbar command, rendered by CommandButton (see ../command.ts) */
+export declare const codeBlockCommand: () => import("@/components/tiptap-ui/command").EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/color-highlight-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-color-highlight";

package/dist/types/richtext-vue/src/components/tiptap-ui/color-highlight-button/use-color-highlight.d.ts

@@ -0,0 +1,125 @@
+import type { Editor } from "@tiptap/core";
+export declare const COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
+export declare const HIGHLIGHT_COLORS: readonly [{
+    readonly name: "default";
+    readonly value: "var(--tt-bg-color)";
+    readonly colorValue: "#ffffff";
+    readonly border: "var(--tt-bg-color-contrast)";
+}, {
+    readonly name: "gray";
+    readonly value: "var(--tt-color-highlight-gray)";
+    readonly colorValue: "#f8f8f7";
+    readonly border: "var(--tt-color-highlight-gray-contrast)";
+}, {
+    readonly name: "brown";
+    readonly value: "var(--tt-color-highlight-brown)";
+    readonly colorValue: "#f4eeee";
+    readonly border: "var(--tt-color-highlight-brown-contrast)";
+}, {
+    readonly name: "orange";
+    readonly value: "var(--tt-color-highlight-orange)";
+    readonly colorValue: "#fbecdd";
+    readonly border: "var(--tt-color-highlight-orange-contrast)";
+}, {
+    readonly name: "yellow";
+    readonly value: "var(--tt-color-highlight-yellow)";
+    readonly colorValue: "#fef9c3";
+    readonly border: "var(--tt-color-highlight-yellow-contrast)";
+}, {
+    readonly name: "green";
+    readonly value: "var(--tt-color-highlight-green)";
+    readonly colorValue: "#dcfce7";
+    readonly border: "var(--tt-color-highlight-green-contrast)";
+}, {
+    readonly name: "blue";
+    readonly value: "var(--tt-color-highlight-blue)";
+    readonly colorValue: "#e0f2fe";
+    readonly border: "var(--tt-color-highlight-blue-contrast)";
+}, {
+    readonly name: "purple";
+    readonly value: "var(--tt-color-highlight-purple)";
+    readonly colorValue: "#f3e8ff";
+    readonly border: "var(--tt-color-highlight-purple-contrast)";
+}, {
+    readonly name: "pink";
+    readonly value: "var(--tt-color-highlight-pink)";
+    readonly colorValue: "#fcf1f6";
+    readonly border: "var(--tt-color-highlight-pink-contrast)";
+}, {
+    readonly name: "red";
+    readonly value: "var(--tt-color-highlight-red)";
+    readonly colorValue: "#ffe4e6";
+    readonly border: "var(--tt-color-highlight-red-contrast)";
+}];
+export type HighlightColor = (typeof HIGHLIGHT_COLORS)[number];
+export declare function pickHighlightColorsByValue(values: string[]): ({
+    readonly name: "default";
+    readonly value: "var(--tt-bg-color)";
+    readonly colorValue: "#ffffff";
+    readonly border: "var(--tt-bg-color-contrast)";
+} | {
+    readonly name: "gray";
+    readonly value: "var(--tt-color-highlight-gray)";
+    readonly colorValue: "#f8f8f7";
+    readonly border: "var(--tt-color-highlight-gray-contrast)";
+} | {
+    readonly name: "brown";
+    readonly value: "var(--tt-color-highlight-brown)";
+    readonly colorValue: "#f4eeee";
+    readonly border: "var(--tt-color-highlight-brown-contrast)";
+} | {
+    readonly name: "orange";
+    readonly value: "var(--tt-color-highlight-orange)";
+    readonly colorValue: "#fbecdd";
+    readonly border: "var(--tt-color-highlight-orange-contrast)";
+} | {
+    readonly name: "yellow";
+    readonly value: "var(--tt-color-highlight-yellow)";
+    readonly colorValue: "#fef9c3";
+    readonly border: "var(--tt-color-highlight-yellow-contrast)";
+} | {
+    readonly name: "green";
+    readonly value: "var(--tt-color-highlight-green)";
+    readonly colorValue: "#dcfce7";
+    readonly border: "var(--tt-color-highlight-green-contrast)";
+} | {
+    readonly name: "blue";
+    readonly value: "var(--tt-color-highlight-blue)";
+    readonly colorValue: "#e0f2fe";
+    readonly border: "var(--tt-color-highlight-blue-contrast)";
+} | {
+    readonly name: "purple";
+    readonly value: "var(--tt-color-highlight-purple)";
+    readonly colorValue: "#f3e8ff";
+    readonly border: "var(--tt-color-highlight-purple-contrast)";
+} | {
+    readonly name: "pink";
+    readonly value: "var(--tt-color-highlight-pink)";
+    readonly colorValue: "#fcf1f6";
+    readonly border: "var(--tt-color-highlight-pink-contrast)";
+} | {
+    readonly name: "red";
+    readonly value: "var(--tt-color-highlight-red)";
+    readonly colorValue: "#ffe4e6";
+    readonly border: "var(--tt-color-highlight-red-contrast)";
+})[];
+/**
+ * Checks if a highlight can be applied in the current editor state
+ * p5: only the highlight mark; the template's "node background" mode is removed
+ */
+export declare function canColorHighlight(editor: Editor | null): boolean;
+/**
+ * Checks if a highlight (optionally of a specific color) is active
+ */
+export declare function isColorHighlightActive(editor: Editor | null, highlightColor?: string): boolean;
+/**
+ * Applies a highlight color, or removes it when the selection already has it
+ */
+export declare function toggleColorHighlight(editor: Editor | null, color: string): boolean;
+/**
+ * Removes the highlight from the selection
+ */
+export declare function removeHighlight(editor: Editor | null): boolean;
+/** p5: toolbar command per color, rendered by CommandButton (see ../command.ts) */
+export declare const highlightCommand: (color: HighlightColor) => import("@/components/tiptap-ui/command").EditorCommand;
+export declare const removeHighlightCommand: () => import("@/components/tiptap-ui/command").EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/color-highlight-popover/ColorHighlightPopover.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/richtext-vue/src/components/tiptap-ui/color-highlight-popover/ColorHighlightPopoverButton.vue.d.ts

@@ -0,0 +1,17 @@
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};