@mantine-vue/tiptap 3.2.0 → 3.3.0

package/lib/RichTextEditor.context.d.ts

@@ -1,5 +1,5 @@
 import type { Editor } from '@tiptap/vue-3';
-import type { RichTextEditorLabels } from './labels';
+import type { ResolvedRichTextEditorLabels } from './labels';
 export interface RichTextEditorContextValue {
     getStyles: (selector: string, options?: {
         active?: boolean;
@@ -11,7 +11,7 @@ export interface RichTextEditorContextValue {
         variant?: string;
     }) => Record<string, any>;
     editor: Editor | null;
-    labels: RichTextEditorLabels;
+    labels: ResolvedRichTextEditorLabels;
     withCodeHighlightStyles: boolean | undefined;
     withTypographyStyles: boolean | undefined;
     unstyled: boolean | undefined;

package/lib/RichTextEditor.d.ts

@@ -5,6 +5,9 @@ import { RichTextEditorColorControl } from './RichTextEditorControl/RichTextEdit
 import { RichTextEditorColorPickerControl } from './RichTextEditorControl/RichTextEditorColorPickerControl';
 import { RichTextEditorLinkControl } from './RichTextEditorControl/RichTextEditorLinkControl';
 import { RichTextEditorSourceCodeControl } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
+import { RichTextEditorTableInsertControl } from './RichTextEditorControl/RichTextEditorTableInsertControl';
+import { RichTextEditorDetailsControl } from './RichTextEditorControl/RichTextEditorDetailsControl';
+import { RichTextEditorInvisibleCharactersControl } from './RichTextEditorControl/RichTextEditorInvisibleCharactersControl';
 import { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';
 import { RichTextEditorToolbar } from './RichTextEditorToolbar/RichTextEditorToolbar';
 export declare const RichTextEditor: import("@mantine-vue/core").MantineComponent<{
@@ -54,6 +57,20 @@ export declare const RichTextEditor: import("@mantine-vue/core").MantineComponen
         TaskListSink: typeof controls.TaskListSinkControl;
         TaskListLift: typeof controls.TaskListLiftControl;
         SourceCode: typeof RichTextEditorSourceCodeControl;
+        TableInsert: typeof RichTextEditorTableInsertControl;
+        TableDelete: typeof controls.TableDeleteControl;
+        TableColumnBefore: typeof controls.TableColumnBeforeControl;
+        TableColumnAfter: typeof controls.TableColumnAfterControl;
+        TableColumnDelete: typeof controls.TableColumnDeleteControl;
+        TableRowBefore: typeof controls.TableRowBeforeControl;
+        TableRowAfter: typeof controls.TableRowAfterControl;
+        TableRowDelete: typeof controls.TableRowDeleteControl;
+        TableToggleHeaderRow: typeof controls.TableToggleHeaderRowControl;
+        TableToggleHeaderColumn: typeof controls.TableToggleHeaderColumnControl;
+        TableMergeCells: typeof controls.TableMergeCellsControl;
+        TableSplitCell: typeof controls.TableSplitCellControl;
+        Details: typeof RichTextEditorDetailsControl;
+        InvisibleCharacters: typeof RichTextEditorInvisibleCharactersControl;
     };
 }>;
 export type { RichTextEditorFactory, RichTextEditorOwnProps, RichTextEditorProps, RichTextEditorSlots, RichTextEditorStylesNames, RichTextEditorVariant, } from './RichTextEditor.types';

package/lib/RichTextEditor.types.d.ts

@@ -4,15 +4,18 @@ import type { BoxProps, Factory, StylesApiProps } from '@mantine-vue/core';
 import type { RichTextEditorLabels } from './labels';
 import type { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent';
 import type { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl';
-import type { BoldControl, ItalicControl, StrikeThroughControl, UnderlineControl, ClearFormattingControl, H1Control, H2Control, H3Control, H4Control, H5Control, H6Control, BulletListControl, OrderedListControl, UnlinkControl, BlockquoteControl, AlignLeftControl, AlignRightControl, AlignCenterControl, AlignJustifyControl, SuperscriptControl, SubscriptControl, CodeControl, CodeBlockControl, HighlightControl, HrControl, UnsetColorControl, UndoControl, RedoControl, TaskListControl, TaskListSinkControl, TaskListLiftControl } from './RichTextEditorControl/controls';
+import type { BoldControl, ItalicControl, StrikeThroughControl, UnderlineControl, ClearFormattingControl, H1Control, H2Control, H3Control, H4Control, H5Control, H6Control, BulletListControl, OrderedListControl, UnlinkControl, BlockquoteControl, AlignLeftControl, AlignRightControl, AlignCenterControl, AlignJustifyControl, SuperscriptControl, SubscriptControl, CodeControl, CodeBlockControl, HighlightControl, HrControl, UnsetColorControl, UndoControl, RedoControl, TaskListControl, TaskListSinkControl, TaskListLiftControl, TableDeleteControl, TableColumnBeforeControl, TableColumnAfterControl, TableColumnDeleteControl, TableRowBeforeControl, TableRowAfterControl, TableRowDeleteControl, TableToggleHeaderRowControl, TableToggleHeaderColumnControl, TableMergeCellsControl, TableSplitCellControl } from './RichTextEditorControl/controls';
 import type { RichTextEditorColorControl } from './RichTextEditorControl/RichTextEditorColorControl';
 import type { RichTextEditorColorPickerControl } from './RichTextEditorControl/RichTextEditorColorPickerControl';
 import type { RichTextEditorLinkControl } from './RichTextEditorControl/RichTextEditorLinkControl';
 import type { RichTextEditorSourceCodeControl } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
+import type { RichTextEditorTableInsertControl } from './RichTextEditorControl/RichTextEditorTableInsertControl';
+import type { RichTextEditorDetailsControl } from './RichTextEditorControl/RichTextEditorDetailsControl';
+import type { RichTextEditorInvisibleCharactersControl } from './RichTextEditorControl/RichTextEditorInvisibleCharactersControl';
 import type { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';
 import type { RichTextEditorToolbar } from './RichTextEditorToolbar/RichTextEditorToolbar';
 export type RichTextEditorVariant = 'default' | 'subtle';
-export type RichTextEditorStylesNames = 'linkEditorSave' | 'linkEditorDropdown' | 'root' | 'content' | 'Typography' | 'control' | 'controlIcon' | 'controlsGroup' | 'toolbar' | 'linkEditor' | 'linkEditorInput' | 'linkEditorExternalControl';
+export type RichTextEditorStylesNames = 'linkEditorSave' | 'linkEditorDropdown' | 'root' | 'content' | 'Typography' | 'control' | 'controlIcon' | 'controlsGroup' | 'toolbar' | 'linkEditor' | 'linkEditorInput' | 'linkEditorExternalControl' | 'tableInsertDropdown' | 'tableInsertGrid' | 'tableInsertCell' | 'tableInsertLabel';
 export interface RichTextEditorOwnProps extends StylesApiProps<RichTextEditorFactory> {
     /** Tiptap editor instance. */
     editor: Editor | null | undefined;
@@ -79,5 +82,19 @@ export type RichTextEditorFactory = Factory<{
         TaskListSink: typeof TaskListSinkControl;
         TaskListLift: typeof TaskListLiftControl;
         SourceCode: typeof RichTextEditorSourceCodeControl;
+        TableInsert: typeof RichTextEditorTableInsertControl;
+        TableDelete: typeof TableDeleteControl;
+        TableColumnBefore: typeof TableColumnBeforeControl;
+        TableColumnAfter: typeof TableColumnAfterControl;
+        TableColumnDelete: typeof TableColumnDeleteControl;
+        TableRowBefore: typeof TableRowBeforeControl;
+        TableRowAfter: typeof TableRowAfterControl;
+        TableRowDelete: typeof TableRowDeleteControl;
+        TableToggleHeaderRow: typeof TableToggleHeaderRowControl;
+        TableToggleHeaderColumn: typeof TableToggleHeaderColumnControl;
+        TableMergeCells: typeof TableMergeCellsControl;
+        TableSplitCell: typeof TableSplitCellControl;
+        Details: typeof RichTextEditorDetailsControl;
+        InvisibleCharacters: typeof RichTextEditorInvisibleCharactersControl;
     };
 }>;

package/lib/RichTextEditorControl/RichTextEditorDetailsControl.d.ts

@@ -0,0 +1,3 @@
+import RichTextEditorDetailsControl from './RichTextEditorDetailsControl.vue';
+export { RichTextEditorDetailsControl };
+export type { RichTextEditorDetailsControlFactory, RichTextEditorDetailsControlProps, } from './RichTextEditorDetailsControl.types';

package/lib/RichTextEditorControl/RichTextEditorDetailsControl.types.d.ts

@@ -0,0 +1,11 @@
+import type { Factory } from '@mantine-vue/core';
+import type { RichTextEditorControlBaseProps, RichTextEditorControlBaseSlots } from './RichTextEditorControl.types';
+export type RichTextEditorDetailsControlProps = RichTextEditorControlBaseProps;
+export type RichTextEditorDetailsControlFactory = Factory<{
+    props: RichTextEditorDetailsControlProps;
+    slots: RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: 'control';
+    compound: true;
+}>;

package/lib/RichTextEditorControl/RichTextEditorDetailsControl.vue.d.ts

@@ -0,0 +1,202 @@
+import type { RichTextEditorControlBaseRuntimeProps } from './RichTextEditorControl.types';
+declare var __VLS_11: {
+    innerHTML?: string | undefined;
+    class?: import("vue").ClassValue | undefined;
+    style?: import("vue").StyleValue | undefined;
+    accesskey?: string | undefined;
+    contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextmenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+    id?: string | undefined;
+    inert?: (boolean | "true" | "false") | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    tabindex?: (string | number) | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radiogroup?: string | undefined;
+    role?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: string | undefined;
+    autocorrect?: string | undefined;
+    autosave?: string | undefined;
+    color?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    results?: (string | number) | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string;
+    part?: string;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-colcount'?: (string | number) | undefined;
+    'aria-colindex'?: (string | number) | undefined;
+    'aria-colspan'?: (string | number) | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: (string | number) | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: (string | number) | undefined;
+    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: (string | number) | undefined;
+    'aria-rowindex'?: (string | number) | undefined;
+    'aria-rowspan'?: (string | number) | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: (string | number) | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: (string | number) | undefined;
+    'aria-valuemin'?: (string | number) | undefined;
+    'aria-valuenow'?: (string | number) | undefined;
+    'aria-valuetext'?: string | undefined;
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+    onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+    onInput?: ((payload: InputEvent) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onFullscreenchange?: ((payload: Event) => void) | undefined;
+    onFullscreenerror?: ((payload: Event) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onAbort?: ((payload: UIEvent) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    onScroll?: ((payload: Event) => void) | undefined;
+    onScrollend?: ((payload: Event) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+    onClick?: ((payload: PointerEvent) => void) | undefined;
+    onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+    onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+    onToggle?: ((payload: ToggleEvent) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+    onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RichTextEditorControlBaseRuntimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RichTextEditorControlBaseRuntimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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;
+    };
+};

package/lib/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.d.ts

@@ -0,0 +1,3 @@
+import RichTextEditorInvisibleCharactersControl from './RichTextEditorInvisibleCharactersControl.vue';
+export { RichTextEditorInvisibleCharactersControl };
+export type { RichTextEditorInvisibleCharactersControlFactory, RichTextEditorInvisibleCharactersControlProps, } from './RichTextEditorInvisibleCharactersControl.types';

package/lib/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.types.d.ts

@@ -0,0 +1,11 @@
+import type { Factory } from '@mantine-vue/core';
+import type { RichTextEditorControlBaseProps, RichTextEditorControlBaseSlots } from './RichTextEditorControl.types';
+export type RichTextEditorInvisibleCharactersControlProps = RichTextEditorControlBaseProps;
+export type RichTextEditorInvisibleCharactersControlFactory = Factory<{
+    props: RichTextEditorInvisibleCharactersControlProps;
+    slots: RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: 'control';
+    compound: true;
+}>;

package/lib/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.vue.d.ts

@@ -0,0 +1,202 @@
+import type { RichTextEditorControlBaseRuntimeProps } from './RichTextEditorControl.types';
+declare var __VLS_11: {
+    innerHTML?: string | undefined;
+    class?: import("vue").ClassValue | undefined;
+    style?: import("vue").StyleValue | undefined;
+    accesskey?: string | undefined;
+    contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextmenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+    id?: string | undefined;
+    inert?: (boolean | "true" | "false") | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    tabindex?: (string | number) | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radiogroup?: string | undefined;
+    role?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: string | undefined;
+    autocorrect?: string | undefined;
+    autosave?: string | undefined;
+    color?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    results?: (string | number) | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string;
+    part?: string;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-colcount'?: (string | number) | undefined;
+    'aria-colindex'?: (string | number) | undefined;
+    'aria-colspan'?: (string | number) | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: (string | number) | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: (string | number) | undefined;
+    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: (string | number) | undefined;
+    'aria-rowindex'?: (string | number) | undefined;
+    'aria-rowspan'?: (string | number) | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: (string | number) | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: (string | number) | undefined;
+    'aria-valuemin'?: (string | number) | undefined;
+    'aria-valuenow'?: (string | number) | undefined;
+    'aria-valuetext'?: string | undefined;
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+    onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+    onInput?: ((payload: InputEvent) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onFullscreenchange?: ((payload: Event) => void) | undefined;
+    onFullscreenerror?: ((payload: Event) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onAbort?: ((payload: UIEvent) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    onScroll?: ((payload: Event) => void) | undefined;
+    onScrollend?: ((payload: Event) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+    onClick?: ((payload: PointerEvent) => void) | undefined;
+    onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+    onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+    onToggle?: ((payload: ToggleEvent) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+    onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RichTextEditorControlBaseRuntimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RichTextEditorControlBaseRuntimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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;
+    };
+};

package/lib/RichTextEditorControl/RichTextEditorTableInsertControl.d.ts

@@ -0,0 +1,3 @@
+import RichTextEditorTableInsertControl from './RichTextEditorTableInsertControl.vue';
+export { RichTextEditorTableInsertControl };
+export type { RichTextEditorTableInsertControlFactory, RichTextEditorTableInsertControlProps, RichTextEditorTableInsertControlStylesNames, } from './RichTextEditorTableInsertControl.types';

package/lib/RichTextEditorControl/RichTextEditorTableInsertControl.types.d.ts

@@ -0,0 +1,21 @@
+import type { Factory, PopoverProps } from '@mantine-vue/core';
+import type { RichTextEditorControlBaseProps, RichTextEditorControlBaseSlots } from './RichTextEditorControl.types';
+export type RichTextEditorTableInsertControlStylesNames = 'control' | 'tableInsertDropdown' | 'tableInsertGrid' | 'tableInsertCell' | 'tableInsertLabel';
+export interface RichTextEditorTableInsertControlProps extends RichTextEditorControlBaseProps {
+    /** Maximum number of columns selectable in the grid. @default 10 */
+    maxColumns?: number;
+    /** Maximum number of rows selectable in the grid. @default 10 */
+    maxRows?: number;
+    /** Whether the inserted table has a header row. @default true */
+    withHeaderRow?: boolean;
+    /** Props passed to the Popover. */
+    popoverProps?: Partial<PopoverProps>;
+}
+export type RichTextEditorTableInsertControlFactory = Factory<{
+    props: RichTextEditorTableInsertControlProps;
+    slots: RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: RichTextEditorTableInsertControlStylesNames;
+    compound: true;
+}>;