@mantine-vue/tiptap 3.0.0 → 3.2.0

package/lib/RichTextEditor.types.d.ts

@@ -0,0 +1,83 @@
+import type { VNodeChild } from 'vue';
+import type { Editor } from '@tiptap/vue-3';
+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 { RichTextEditorColorControl } from './RichTextEditorControl/RichTextEditorColorControl';
+import type { RichTextEditorColorPickerControl } from './RichTextEditorControl/RichTextEditorColorPickerControl';
+import type { RichTextEditorLinkControl } from './RichTextEditorControl/RichTextEditorLinkControl';
+import type { RichTextEditorSourceCodeControl } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
+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 interface RichTextEditorOwnProps extends StylesApiProps<RichTextEditorFactory> {
+    /** Tiptap editor instance. */
+    editor: Editor | null | undefined;
+    /** Determines whether code highlight styles are enabled. @default true */
+    withCodeHighlightStyles?: boolean;
+    /** Determines whether typography styles are enabled. @default true */
+    withTypographyStyles?: boolean;
+    /** Called when source code mode changes. */
+    onSourceCodeTextSwitch?: (isSourceCodeModeActive: boolean) => void;
+    /** Labels used by editor controls. */
+    labels?: Partial<RichTextEditorLabels>;
+    /** Visual variant. @default 'default' */
+    variant?: RichTextEditorVariant;
+}
+export interface RichTextEditorProps extends Omit<BoxProps, keyof RichTextEditorOwnProps | 'component'>, RichTextEditorOwnProps {
+}
+export interface RichTextEditorSlots {
+    default?: () => VNodeChild;
+}
+export type RichTextEditorFactory = Factory<{
+    props: RichTextEditorProps;
+    slots: RichTextEditorSlots;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: RichTextEditorStylesNames;
+    variant: RichTextEditorVariant;
+    staticComponents: {
+        Content: typeof RichTextEditorContent;
+        Control: typeof RichTextEditorControl;
+        Toolbar: typeof RichTextEditorToolbar;
+        ControlsGroup: typeof RichTextEditorControlsGroup;
+        Bold: typeof BoldControl;
+        Italic: typeof ItalicControl;
+        Strikethrough: typeof StrikeThroughControl;
+        Underline: typeof UnderlineControl;
+        ClearFormatting: typeof ClearFormattingControl;
+        H1: typeof H1Control;
+        H2: typeof H2Control;
+        H3: typeof H3Control;
+        H4: typeof H4Control;
+        H5: typeof H5Control;
+        H6: typeof H6Control;
+        BulletList: typeof BulletListControl;
+        OrderedList: typeof OrderedListControl;
+        Link: typeof RichTextEditorLinkControl;
+        Unlink: typeof UnlinkControl;
+        Blockquote: typeof BlockquoteControl;
+        AlignLeft: typeof AlignLeftControl;
+        AlignRight: typeof AlignRightControl;
+        AlignCenter: typeof AlignCenterControl;
+        AlignJustify: typeof AlignJustifyControl;
+        Superscript: typeof SuperscriptControl;
+        Subscript: typeof SubscriptControl;
+        Code: typeof CodeControl;
+        CodeBlock: typeof CodeBlockControl;
+        ColorPicker: typeof RichTextEditorColorPickerControl;
+        Color: typeof RichTextEditorColorControl;
+        Highlight: typeof HighlightControl;
+        Hr: typeof HrControl;
+        UnsetColor: typeof UnsetColorControl;
+        Undo: typeof UndoControl;
+        Redo: typeof RedoControl;
+        TaskList: typeof TaskListControl;
+        TaskListSink: typeof TaskListSinkControl;
+        TaskListLift: typeof TaskListLiftControl;
+        SourceCode: typeof RichTextEditorSourceCodeControl;
+    };
+}>;

package/lib/RichTextEditor.vue.d.ts

@@ -0,0 +1,25 @@
+import type { Editor } from '@tiptap/vue-3';
+import type { RichTextEditorLabels } from './labels';
+import type { RichTextEditorSlots, RichTextEditorVariant } from './RichTextEditor.types';
+interface RichTextEditorRuntimeProps {
+    editor: Editor | null | undefined;
+    withCodeHighlightStyles?: boolean;
+    withTypographyStyles?: boolean;
+    onSourceCodeTextSwitch?: (isSourceCodeModeActive: boolean) => void;
+    labels?: Partial<RichTextEditorLabels>;
+    variant?: RichTextEditorVariant;
+    classNames?: unknown;
+    styles?: unknown;
+    vars?: unknown;
+    unstyled?: boolean;
+}
+type __VLS_Slots = RichTextEditorSlots;
+declare const __VLS_base: import("vue").DefineComponent<RichTextEditorRuntimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RichTextEditorRuntimeProps> & 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/RichTextEditorContent/RichTextEditorContent.d.ts

@@ -1,42 +1,8 @@
-export type RichTextEditorContentStylesNames = 'root';
-export interface RichTextEditorContentProps {
-    classNames?: any;
-    styles?: any;
-    vars?: any;
-    class?: any;
-    style?: any;
-    [key: string]: any;
-}
-export declare const RichTextEditorContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    vars: Function | Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const RichTextEditorContent: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorContent.types").RichTextEditorContentProps;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./RichTextEditorContent.types").RichTextEditorContentStylesNames;
+    compound: true;
+}>;
+export type { RichTextEditorContentFactory, RichTextEditorContentOwnProps, RichTextEditorContentProps, RichTextEditorContentStylesNames, } from './RichTextEditorContent.types';

package/lib/RichTextEditorContent/RichTextEditorContent.types.d.ts

@@ -0,0 +1,18 @@
+import type { BoxProps, Factory, StylesApiProps } from '@mantine-vue/core';
+export type RichTextEditorContentStylesNames = 'root';
+export interface RichTextEditorContentRuntimeProps {
+    classNames?: unknown;
+    styles?: unknown;
+    vars?: unknown;
+    unstyled?: boolean;
+}
+export type RichTextEditorContentOwnProps = StylesApiProps<RichTextEditorContentFactory>;
+export interface RichTextEditorContentProps extends Omit<BoxProps, keyof RichTextEditorContentOwnProps | 'component'>, RichTextEditorContentOwnProps {
+}
+export type RichTextEditorContentFactory = Factory<{
+    props: RichTextEditorContentProps;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: RichTextEditorContentStylesNames;
+    compound: true;
+}>;

package/lib/RichTextEditorContent/RichTextEditorContent.vue.d.ts

@@ -0,0 +1,4 @@
+import type { RichTextEditorContentRuntimeProps } from './RichTextEditorContent.types';
+declare const __VLS_export: import("vue").DefineComponent<RichTextEditorContentRuntimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RichTextEditorContentRuntimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/RichTextEditorControl/RichTextEditorColorControl.d.ts

@@ -1,17 +1,8 @@
-export interface RichTextEditorColorControlProps {
-    color: string;
-    [key: string]: any;
-}
-export declare const RichTextEditorColorControl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    color: {
-        type: StringConstructor;
-        required: true;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    color: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const RichTextEditorColorControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorColorControl.types").RichTextEditorColorControlProps;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: "control";
+    compound: true;
+}>;
+export type { RichTextEditorColorControlFactory, RichTextEditorColorControlProps, } from './RichTextEditorColorControl.types';

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

@@ -0,0 +1,15 @@
+import type { Factory } from '@mantine-vue/core';
+import type { RichTextEditorControlProps } from './RichTextEditorControl.types';
+export interface RichTextEditorColorControlOwnProps {
+    /** Color applied to the selected text. */
+    color: string;
+}
+export interface RichTextEditorColorControlProps extends Omit<RichTextEditorControlProps, keyof RichTextEditorColorControlOwnProps>, RichTextEditorColorControlOwnProps {
+}
+export type RichTextEditorColorControlFactory = Factory<{
+    props: RichTextEditorColorControlProps;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: 'control';
+    compound: true;
+}>;

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

@@ -0,0 +1,4 @@
+import type { RichTextEditorColorControlOwnProps } from './RichTextEditorColorControl.types';
+declare const __VLS_export: import("vue").DefineComponent<RichTextEditorColorControlOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RichTextEditorColorControlOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/RichTextEditorControl/RichTextEditorColorPickerControl.d.ts

@@ -1,39 +1,8 @@
-import { type PropType } from 'vue';
-export interface RichTextEditorColorPickerControlProps {
-    popoverProps?: Record<string, any>;
-    colorPickerProps?: Record<string, any>;
-    colors: string[];
-    [key: string]: any;
-}
-export declare const RichTextEditorColorPickerControl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    popoverProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    colorPickerProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    colors: {
-        type: PropType<string[]>;
-        required: true;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    popoverProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    colorPickerProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    colors: {
-        type: PropType<string[]>;
-        required: true;
-    };
-}>> & Readonly<{}>, {
-    popoverProps: Record<string, any>;
-    colorPickerProps: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { RichTextEditorColorPickerControlFactory, RichTextEditorColorPickerControlOwnProps, RichTextEditorColorPickerControlProps, } from './RichTextEditorColorPickerControl.types';
+export declare const RichTextEditorColorPickerControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorColorPickerControl.types").RichTextEditorColorPickerControlProps;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: "control";
+    compound: true;
+}>;

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

@@ -0,0 +1,19 @@
+import type { ColorPickerProps, Factory, PopoverProps } from '@mantine-vue/core';
+import type { RichTextEditorControlProps } from './RichTextEditorControl.types';
+export interface RichTextEditorColorPickerControlOwnProps {
+    /** Props passed down to the `Popover` component. */
+    popoverProps?: Partial<PopoverProps>;
+    /** Props passed down to the `ColorPicker` component. */
+    colorPickerProps?: Partial<ColorPickerProps>;
+    /** Colors displayed in the color palette. */
+    colors: string[];
+}
+export interface RichTextEditorColorPickerControlProps extends Omit<RichTextEditorControlProps, keyof RichTextEditorColorPickerControlOwnProps>, RichTextEditorColorPickerControlOwnProps {
+}
+export type RichTextEditorColorPickerControlFactory = Factory<{
+    props: RichTextEditorColorPickerControlProps;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: 'control';
+    compound: true;
+}>;

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

@@ -0,0 +1,4 @@
+import type { RichTextEditorColorPickerControlOwnProps } from './RichTextEditorColorPickerControl.types';
+declare const __VLS_export: import("vue").DefineComponent<RichTextEditorColorPickerControlOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RichTextEditorColorPickerControlOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/RichTextEditorControl/RichTextEditorControl.d.ts

@@ -1,241 +1,19 @@
-import { type PropType } from 'vue';
-import type { Editor } from '@tiptap/vue-3';
-import type { RichTextEditorLabels } from '../labels';
-export type RichTextEditorControlStylesNames = 'control';
-export interface RichTextEditorControlProps {
-    active?: boolean;
-    interactive?: boolean;
-    disabled?: boolean;
-    variant?: string;
-    classNames?: any;
-    styles?: any;
-    vars?: any;
-    class?: any;
-    style?: any;
-    [key: string]: any;
-}
-export declare const RichTextEditorControl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    interactive: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    interactive: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    variant: string;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    disabled: boolean;
-    active: boolean;
-    vars: Function | Record<string, any>;
-    interactive: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {
-    icon?: any;
-}
-export declare const RichTextEditorControlBase: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    icon: {
-        type: PropType<any>;
-        required: true;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    interactive: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    icon: {
-        type: PropType<any>;
-        required: true;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    interactive: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    variant: string;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    disabled: boolean;
-    active: boolean;
-    interactive: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export interface CreateControlProps {
-    label: keyof RichTextEditorLabels;
-    icon: any;
-    isActive?: {
-        name: string;
-        attributes?: Record<string, any> | string;
-    };
-    isDisabled?: (editor: Editor) => boolean;
-    operation: {
-        name: string;
-        attributes?: Record<string, any> | string;
-    };
-}
-export declare function createControl({ label, isActive, operation, icon, isDisabled, }: CreateControlProps): import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    icon: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    interactive: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    icon: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    interactive: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    variant: string;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    disabled: boolean;
-    active: boolean;
-    icon: any;
-    interactive: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export declare function renderControlIcon(Icon: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
+import type { CreateControlProps } from './RichTextEditorControl.types';
+export declare const RichTextEditorControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
 }>;
+export declare const RichTextEditorControlBase: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare function createControl(config: CreateControlProps): typeof RichTextEditorControlBase;
+export type { ControlActiveState, ControlOperation, CreateControlProps, RichTextEditorControlBaseFactory, RichTextEditorControlBaseOwnProps, RichTextEditorControlBaseProps, RichTextEditorControlBaseSlots, RichTextEditorControlFactory, RichTextEditorControlIconSlotProps, RichTextEditorControlOwnProps, RichTextEditorControlProps, RichTextEditorControlSlots, RichTextEditorControlStylesNames, } from './RichTextEditorControl.types';

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

@@ -0,0 +1,91 @@
+import type { Component, HTMLAttributes, VNodeChild } from 'vue';
+import type { Editor } from '@tiptap/vue-3';
+import type { BoxProps, Factory, StylesApiProps } from '@mantine-vue/core';
+import type { RichTextEditorLabels } from '../labels';
+export type RichTextEditorControlStylesNames = 'control';
+export interface RichTextEditorControlRuntimeProps {
+    classNames?: unknown;
+    styles?: unknown;
+    vars?: unknown;
+    unstyled?: boolean;
+    active?: boolean;
+    interactive?: boolean;
+    disabled?: boolean;
+    variant?: string;
+}
+export interface RichTextEditorControlOwnProps extends StylesApiProps<RichTextEditorControlFactory> {
+    /** Determines whether the control has an active state. */
+    active?: boolean;
+    /** Determines whether the control can be interacted with. @default true */
+    interactive?: boolean;
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Visual variant inherited from the editor by default. */
+    variant?: string;
+}
+export interface RichTextEditorControlProps extends Omit<BoxProps, keyof RichTextEditorControlOwnProps | 'component'>, RichTextEditorControlOwnProps {
+}
+export interface RichTextEditorControlSlots {
+    default?: () => VNodeChild;
+}
+export type RichTextEditorControlFactory = Factory<{
+    props: RichTextEditorControlProps;
+    slots: RichTextEditorControlSlots;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export interface RichTextEditorControlBaseOwnProps extends RichTextEditorControlOwnProps {
+    /** Icon displayed inside the control. @deprecated Use the `icon` slot instead. */
+    icon?: Component;
+}
+export interface RichTextEditorControlBaseRuntimeProps extends RichTextEditorControlRuntimeProps {
+    /** Icon displayed inside the control. @deprecated Use the `icon` slot instead. */
+    icon?: Component;
+}
+export type RichTextEditorControlIconSlotProps = HTMLAttributes;
+export interface RichTextEditorControlBaseSlots {
+    /** Replaces the default control icon. */
+    icon?: (props: RichTextEditorControlIconSlotProps) => VNodeChild;
+}
+export interface RichTextEditorControlBaseProps extends Omit<RichTextEditorControlProps, keyof RichTextEditorControlBaseOwnProps>, RichTextEditorControlBaseOwnProps {
+}
+export type RichTextEditorControlBaseFactory = Factory<{
+    props: RichTextEditorControlBaseProps;
+    slots: RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export interface ControlOperation {
+    name: string;
+    attributes?: Record<string, any> | string;
+}
+export interface ControlActiveState {
+    name: string;
+    attributes?: Record<string, any> | string;
+}
+export interface CreateControlProps {
+    label: keyof RichTextEditorLabels;
+    icon: Component;
+    isActive?: ControlActiveState;
+    isDisabled?: (editor: Editor) => boolean;
+    operation: ControlOperation;
+}
+export interface RichTextEditorGeneratedControlOwnProps extends RichTextEditorControlOwnProps, CreateControlProps {
+}
+export interface RichTextEditorGeneratedControlRuntimeProps extends RichTextEditorControlRuntimeProps, CreateControlProps {
+}
+export type RichTextEditorGeneratedControlSlots = RichTextEditorControlBaseSlots;
+export interface RichTextEditorGeneratedControlProps extends Omit<RichTextEditorControlProps, keyof RichTextEditorGeneratedControlOwnProps>, RichTextEditorGeneratedControlOwnProps {
+}
+export type RichTextEditorGeneratedControlFactory = Factory<{
+    props: RichTextEditorGeneratedControlProps;
+    slots: RichTextEditorGeneratedControlSlots;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: RichTextEditorControlStylesNames;
+    compound: true;
+}>;