@mantine/tiptap 8.3.13 → 9.0.0-alpha.0

package/lib/RichTextEditorControl/controls.d.ts

@@ -1,31 +1,124 @@
-export declare const BoldControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const ItalicControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const UnderlineControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const StrikeThroughControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const ClearFormattingControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const UnlinkControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const BulletListControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const OrderedListControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const H1Control: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const H2Control: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const H3Control: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const H4Control: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const H5Control: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const H6Control: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const BlockquoteControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const AlignLeftControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const AlignRightControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const AlignCenterControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const AlignJustifyControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SubscriptControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SuperscriptControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const CodeControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const CodeBlockControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const HighlightControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const HrControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const UnsetColorControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const UndoControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const RedoControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TaskListControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TaskListSinkControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TaskListLiftControl: import("react").ForwardRefExoticComponent<import("./RichTextEditorControl").RichTextEditorControlBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const BoldControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ItalicControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const UnderlineControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const StrikeThroughControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ClearFormattingControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const UnlinkControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BulletListControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const OrderedListControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const H1Control: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const H2Control: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const H3Control: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const H4Control: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const H5Control: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const H6Control: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BlockquoteControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlignLeftControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlignRightControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlignCenterControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlignJustifyControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const SubscriptControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const SuperscriptControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const CodeControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const CodeBlockControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const HighlightControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const HrControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const UnsetColorControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const UndoControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const RedoControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TaskListControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TaskListSinkControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TaskListLiftControl: {
+    (props: import("./RichTextEditorControl").RichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/RichTextEditorToolbar/RichTextEditorToolbar.d.ts

@@ -1,9 +1,9 @@
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '@mantine/core';
 export type RichTextEditorToolbarStylesNames = 'toolbar';
 export interface RichTextEditorToolbarProps extends BoxProps, CompoundStylesApiProps<RichTextEditorToolbarFactory>, ElementProps<'div'> {
-    /** Determines whether `position: sticky` styles should be added to the toolbar @default `false` */
+    /** Determines whether `position: sticky` styles should be added to the toolbar @default false */
     sticky?: boolean;
-    /** Sets top style to offset elements with fixed position @default `0` */
+    /** Sets top style to offset elements with fixed position @default 0 */
     stickyOffset?: React.CSSProperties['top'];
 }
 export type RichTextEditorToolbarFactory = Factory<{

package/lib/icons/Icons.d.ts

@@ -1,4 +1,4 @@
-interface IconProps extends React.ComponentPropsWithoutRef<'svg'> {
+interface IconProps extends React.ComponentProps<'svg'> {
 }
 export declare function IconBase(props: IconProps): import("react/jsx-runtime").JSX.Element;
 export declare function IconBold(props: IconProps): import("react/jsx-runtime").JSX.Element;

package/lib/index.d.mts

@@ -1,3 +1,12 @@
+import type { RichTextEditorLabels } from './labels';
+import type { RichTextEditorFactory, RichTextEditorProps, RichTextEditorStylesNames } from './RichTextEditor';
+import type { RichTextEditorContentProps } from './RichTextEditorContent/RichTextEditorContent';
+import type { RichTextEditorColorControlProps } from './RichTextEditorControl/RichTextEditorColorControl';
+import type { RichTextEditorControlProps } from './RichTextEditorControl/RichTextEditorControl';
+import type { RichTextEditorLinkControlProps } from './RichTextEditorControl/RichTextEditorLinkControl';
+import type { RichTextEditorSourceCodeControlProps } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
+import type { RichTextEditorControlsGroupProps } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';
+import type { RichTextEditorToolbarProps } from './RichTextEditorToolbar/RichTextEditorToolbar';
 export * from './extensions/index.js';
 export { RichTextEditor } from './RichTextEditor.js';
 export { useRichTextEditorContext } from './RichTextEditor.context.js';
@@ -6,12 +15,24 @@ export * from './RichTextEditorControl/index.js';
 export { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup.js';
 export { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl.js';
 export { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent.js';
-export type { RichTextEditorProps, RichTextEditorStylesNames, RichTextEditorFactory, } from './RichTextEditor';
-export type { RichTextEditorToolbarProps } from './RichTextEditorToolbar/RichTextEditorToolbar';
-export type { RichTextEditorControlProps } from './RichTextEditorControl/RichTextEditorControl';
-export type { RichTextEditorColorControlProps } from './RichTextEditorControl/RichTextEditorColorControl';
-export type { RichTextEditorLinkControlProps } from './RichTextEditorControl/RichTextEditorLinkControl';
-export type { RichTextEditorSourceCodeControlProps } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
-export type { RichTextEditorContentProps } from './RichTextEditorContent/RichTextEditorContent';
-export type { RichTextEditorControlsGroupProps } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';
-export type { RichTextEditorLabels } from './labels';
+export type { RichTextEditorProps, RichTextEditorStylesNames, RichTextEditorFactory, RichTextEditorToolbarProps, RichTextEditorControlProps, RichTextEditorColorControlProps, RichTextEditorLinkControlProps, RichTextEditorSourceCodeControlProps, RichTextEditorContentProps, RichTextEditorControlsGroupProps, RichTextEditorLabels, };
+export declare namespace RichTextEditor {
+    type Props = RichTextEditorProps;
+    type StylesNames = RichTextEditorStylesNames;
+    type Factory = RichTextEditorFactory;
+    namespace Toolbar {
+        type Props = RichTextEditorToolbarProps;
+    }
+    namespace Control {
+        type Props = RichTextEditorControlProps;
+        type ColorProps = RichTextEditorColorControlProps;
+        type LinkProps = RichTextEditorLinkControlProps;
+        type SourceCodeProps = RichTextEditorSourceCodeControlProps;
+    }
+    namespace Content {
+        type Props = RichTextEditorContentProps;
+    }
+    namespace ControlsGroup {
+        type Props = RichTextEditorControlsGroupProps;
+    }
+}

package/lib/index.d.ts

@@ -1,3 +1,12 @@
+import type { RichTextEditorLabels } from './labels';
+import type { RichTextEditorFactory, RichTextEditorProps, RichTextEditorStylesNames } from './RichTextEditor';
+import type { RichTextEditorContentProps } from './RichTextEditorContent/RichTextEditorContent';
+import type { RichTextEditorColorControlProps } from './RichTextEditorControl/RichTextEditorColorControl';
+import type { RichTextEditorControlProps } from './RichTextEditorControl/RichTextEditorControl';
+import type { RichTextEditorLinkControlProps } from './RichTextEditorControl/RichTextEditorLinkControl';
+import type { RichTextEditorSourceCodeControlProps } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
+import type { RichTextEditorControlsGroupProps } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';
+import type { RichTextEditorToolbarProps } from './RichTextEditorToolbar/RichTextEditorToolbar';
 export * from './extensions/index.js';
 export { RichTextEditor } from './RichTextEditor.js';
 export { useRichTextEditorContext } from './RichTextEditor.context.js';
@@ -6,12 +15,24 @@ export * from './RichTextEditorControl/index.js';
 export { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup.js';
 export { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl.js';
 export { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent.js';
-export type { RichTextEditorProps, RichTextEditorStylesNames, RichTextEditorFactory, } from './RichTextEditor';
-export type { RichTextEditorToolbarProps } from './RichTextEditorToolbar/RichTextEditorToolbar';
-export type { RichTextEditorControlProps } from './RichTextEditorControl/RichTextEditorControl';
-export type { RichTextEditorColorControlProps } from './RichTextEditorControl/RichTextEditorColorControl';
-export type { RichTextEditorLinkControlProps } from './RichTextEditorControl/RichTextEditorLinkControl';
-export type { RichTextEditorSourceCodeControlProps } from './RichTextEditorControl/RichTextEditorSourceCodeControl';
-export type { RichTextEditorContentProps } from './RichTextEditorContent/RichTextEditorContent';
-export type { RichTextEditorControlsGroupProps } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';
-export type { RichTextEditorLabels } from './labels';
+export type { RichTextEditorProps, RichTextEditorStylesNames, RichTextEditorFactory, RichTextEditorToolbarProps, RichTextEditorControlProps, RichTextEditorColorControlProps, RichTextEditorLinkControlProps, RichTextEditorSourceCodeControlProps, RichTextEditorContentProps, RichTextEditorControlsGroupProps, RichTextEditorLabels, };
+export declare namespace RichTextEditor {
+    type Props = RichTextEditorProps;
+    type StylesNames = RichTextEditorStylesNames;
+    type Factory = RichTextEditorFactory;
+    namespace Toolbar {
+        type Props = RichTextEditorToolbarProps;
+    }
+    namespace Control {
+        type Props = RichTextEditorControlProps;
+        type ColorProps = RichTextEditorColorControlProps;
+        type LinkProps = RichTextEditorLinkControlProps;
+        type SourceCodeProps = RichTextEditorSourceCodeControlProps;
+    }
+    namespace Content {
+        type Props = RichTextEditorContentProps;
+    }
+    namespace ControlsGroup {
+        type Props = RichTextEditorControlsGroupProps;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/tiptap",
-  "version": "8.3.13",
+  "version": "9.0.0-alpha.0",
   "description": "Rich text editor based on tiptap",
   "homepage": "https://mantine.dev/x/tiptap",
   "license": "MIT",
@@ -44,10 +44,10 @@
     "directory": "packages/@mantine/tiptap"
   },
   "peerDependencies": {
-    "@mantine/core": "8.3.13",
-    "@mantine/hooks": "8.3.13",
-    "@tiptap/extension-link": ">=2.1.12",
-    "@tiptap/react": ">=2.1.12",
+    "@mantine/core": "9.0.0-alpha.0",
+    "@mantine/hooks": "9.0.0-alpha.0",
+    "@tiptap/extension-link": ">=3.3.0",
+    "@tiptap/react": ">=3.3.0",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },
@@ -55,7 +55,7 @@
     "@mantine-tests/core": "workspace:*",
     "@mantine/core": "workspace:*",
     "@mantine/hooks": "workspace:*",
-    "react": "19.1.1",
-    "react-dom": "19.1.1"
+    "react": "19.2.1",
+    "react-dom": "19.2.1"
   }
 }