@mantine/tiptap 6.0.19 → 7.0.0-beta.1

package/esm/RichTextEditor.js

@@ -1,16 +1,16 @@
-import React, { forwardRef, useMemo } from 'react';
-import { useComponentDefaultProps, Box } from '@mantine/core';
-import { RichTextEditorProvider } from './RichTextEditor.context.js';
-import { Content } from './Content/Content.js';
-import { Control } from './controls/Control/Control.js';
-import { ControlsGroup } from './controls/ControlsGroup/ControlsGroup.js';
-import { Toolbar } from './Toolbar/Toolbar.js';
+import React, { useMemo } from 'react';
+import { factory, useProps, useStyles, Box } from '@mantine/core';
 import { DEFAULT_LABELS } from './labels.js';
-import useStyles from './RichTextEditor.styles.js';
-import { 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 } from './controls/controls.js';
-import { LinkControl } from './controls/LinkControl/LinkControl.js';
-import { ColorPickerControl } from './controls/ColorPickerControl/ColorPickerControl.js';
-import { ColorControl } from './controls/ColorControl/ColorControl.js';
+import { RichTextEditorProvider } from './RichTextEditor.context.js';
+import { RichTextEditorToolbar } from './RichTextEditorToolbar/RichTextEditorToolbar.js';
+import { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup.js';
+import { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent.js';
+import { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl.js';
+import classes from './RichTextEditor.module.css.js';
+import { 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 } from './RichTextEditorControl/controls.js';
+import { RichTextEditorLinkControl } from './RichTextEditorControl/RichTextEditorLinkControl.js';
+import { RichTextEditorColorPickerControl } from './RichTextEditorControl/RichTextEditorColorPickerControl.js';
+import { RichTextEditorColorControl } from './RichTextEditorControl/RichTextEditorColorControl.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -47,59 +47,65 @@ const defaultProps = {
   withCodeHighlightStyles: true,
   withTypographyStyles: true
 };
-const RichTextEditor = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("RichTextEditor", defaultProps, props), {
-    editor,
-    children,
-    className,
-    labels,
-    withCodeHighlightStyles,
-    withTypographyStyles,
+const RichTextEditor = factory((_props, ref) => {
+  const props = useProps("RichTextEditor", defaultProps, _props);
+  const _a = props, {
     classNames,
+    className,
+    style,
     styles,
     unstyled,
-    variant
+    vars,
+    editor,
+    withCodeHighlightStyles,
+    withTypographyStyles,
+    labels,
+    children
   } = _a, others = __objRest(_a, [
-    "editor",
-    "children",
-    "className",
-    "labels",
-    "withCodeHighlightStyles",
-    "withTypographyStyles",
     "classNames",
+    "className",
+    "style",
     "styles",
     "unstyled",
-    "variant"
+    "vars",
+    "editor",
+    "withCodeHighlightStyles",
+    "withTypographyStyles",
+    "labels",
+    "children"
   ]);
-  const { classes, cx } = useStyles(null, {
+  const getStyles = useStyles({
     name: "RichTextEditor",
+    classes,
+    props,
+    className,
+    style,
     classNames,
     styles,
     unstyled,
-    variant
+    vars
   });
   const mergedLabels = useMemo(() => __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels), [labels]);
-  return /* @__PURE__ */ React.createElement(RichTextEditorProvider, {
-    value: {
-      editor,
-      labels: mergedLabels,
-      withCodeHighlightStyles,
-      withTypographyStyles,
-      classNames,
-      styles,
-      unstyled,
-      variant
-    }
-  }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({
-    className: cx(classes.root, className)
-  }, others), {
-    ref
-  }), children));
+  return /* @__PURE__ */ React.createElement(
+    RichTextEditorProvider,
+    {
+      value: {
+        editor,
+        getStyles,
+        labels: mergedLabels,
+        withCodeHighlightStyles,
+        withTypographyStyles
+      }
+    },
+    /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadValues({}, getStyles("root")), others), { ref }), children)
+  );
 });
-RichTextEditor.Content = Content;
-RichTextEditor.Control = Control;
-RichTextEditor.ControlsGroup = ControlsGroup;
-RichTextEditor.Toolbar = Toolbar;
+RichTextEditor.classes = classes;
+RichTextEditor.displayName = "@mantine/tiptap/RichTextEditor";
+RichTextEditor.Content = RichTextEditorContent;
+RichTextEditor.Control = RichTextEditorControl;
+RichTextEditor.Toolbar = RichTextEditorToolbar;
+RichTextEditor.ControlsGroup = RichTextEditorControlsGroup;
 RichTextEditor.Bold = BoldControl;
 RichTextEditor.Italic = ItalicControl;
 RichTextEditor.Strikethrough = StrikeThroughControl;
@@ -113,7 +119,7 @@ RichTextEditor.H5 = H5Control;
 RichTextEditor.H6 = H6Control;
 RichTextEditor.BulletList = BulletListControl;
 RichTextEditor.OrderedList = OrderedListControl;
-RichTextEditor.Link = LinkControl;
+RichTextEditor.Link = RichTextEditorLinkControl;
 RichTextEditor.Unlink = UnlinkControl;
 RichTextEditor.Blockquote = BlockquoteControl;
 RichTextEditor.AlignLeft = AlignLeftControl;
@@ -124,12 +130,11 @@ RichTextEditor.Superscript = SuperscriptControl;
 RichTextEditor.Subscript = SubscriptControl;
 RichTextEditor.Code = CodeControl;
 RichTextEditor.CodeBlock = CodeBlockControl;
-RichTextEditor.ColorPicker = ColorPickerControl;
-RichTextEditor.Color = ColorControl;
+RichTextEditor.ColorPicker = RichTextEditorColorPickerControl;
+RichTextEditor.Color = RichTextEditorColorControl;
 RichTextEditor.Highlight = HighlightControl;
 RichTextEditor.Hr = HrControl;
 RichTextEditor.UnsetColor = UnsetColorControl;
-RichTextEditor.displayName = "@mantine/tiptap/RichTextEditor";
 
 export { RichTextEditor };
 //# sourceMappingURL=RichTextEditor.js.map

package/esm/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useMemo, forwardRef } from 'react';\nimport { Box, useComponentDefaultProps, DefaultProps, Selectors } from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport * as controls from './controls';\nimport { Content, ContentStylesNames } from './Content/Content';\nimport { Control, ControlStylesNames } from './controls/Control/Control';\nimport { ControlsGroup, ControlsGroupStylesNames } from './controls/ControlsGroup/ControlsGroup';\nimport { Toolbar, ToolbarStylesNames } from './Toolbar/Toolbar';\nimport { LinkControlStylesNames } from './controls/LinkControl/LinkControl';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport useStyles from './RichTextEditor.styles';\n\nexport type RichTextEditorStylesNames =\n  | Selectors<typeof useStyles>\n  | ContentStylesNames\n  | ControlStylesNames\n  | ControlsGroupStylesNames\n  | ToolbarStylesNames\n  | LinkControlStylesNames;\n\nexport interface RichTextEditorProps\n  extends DefaultProps<RichTextEditorStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n\n  /** Tiptap editor instance */\n  editor: Editor | null;\n\n  /** Determines whether code highlight styles should be added, true by default */\n  withCodeHighlightStyles?: boolean;\n\n  /** Determines whether typography styles should be added, true by default */\n  withTypographyStyles?: boolean;\n\n  /** Labels that are used in controls */\n  labels?: Partial<RichTextEditorLabels>;\n\n  /** Child editor components */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n  withCodeHighlightStyles: true,\n  withTypographyStyles: true,\n};\n\ntype RichTextEditorComponent = ForwardRefWithStaticComponents<\n  RichTextEditorProps,\n  {\n    Content: typeof Content;\n    Control: typeof Control;\n    ControlsGroup: typeof ControlsGroup;\n    Toolbar: typeof Toolbar;\n    Bold: typeof controls.BoldControl;\n    Italic: typeof controls.ItalicControl;\n    Strikethrough: typeof controls.StrikeThroughControl;\n    Underline: typeof controls.UnderlineControl;\n    ClearFormatting: typeof controls.ClearFormattingControl;\n    H1: typeof controls.H1Control;\n    H2: typeof controls.H2Control;\n    H3: typeof controls.H3Control;\n    H4: typeof controls.H4Control;\n    H5: typeof controls.H5Control;\n    H6: typeof controls.H6Control;\n    BulletList: typeof controls.BulletListControl;\n    OrderedList: typeof controls.OrderedListControl;\n    Link: typeof controls.LinkControl;\n    Unlink: typeof controls.UnlinkControl;\n    Blockquote: typeof controls.BlockquoteControl;\n    AlignLeft: typeof controls.AlignLeftControl;\n    AlignRight: typeof controls.AlignRightControl;\n    AlignCenter: typeof controls.AlignCenterControl;\n    AlignJustify: typeof controls.AlignJustifyControl;\n    Superscript: typeof controls.SuperscriptControl;\n    Subscript: typeof controls.SubscriptControl;\n    Code: typeof controls.CodeControl;\n    CodeBlock: typeof controls.CodeBlockControl;\n    ColorPicker: typeof controls.ColorPickerControl;\n    Color: typeof controls.ColorControl;\n    Highlight: typeof controls.HighlightControl;\n    Hr: typeof controls.HrControl;\n    UnsetColor: typeof controls.UnsetColorControl;\n  }\n>;\n\nexport const RichTextEditor: RichTextEditorComponent = forwardRef<\n  HTMLDivElement,\n  RichTextEditorProps\n>((props, ref) => {\n  const {\n    editor,\n    children,\n    className,\n    labels,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    ...others\n  } = useComponentDefaultProps('RichTextEditor', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n  });\n\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  return (\n    <RichTextEditorProvider\n      value={{\n        editor,\n        labels: mergedLabels,\n        withCodeHighlightStyles,\n        withTypographyStyles,\n        classNames,\n        styles,\n        unstyled,\n        variant,\n      }}\n    >\n      <Box className={cx(classes.root, className)} {...others} ref={ref}>\n        {children}\n      </Box>\n    </RichTextEditorProvider>\n  );\n}) as any;\n\n// Generic components\nRichTextEditor.Content = Content;\nRichTextEditor.Control = Control;\nRichTextEditor.ControlsGroup = ControlsGroup;\nRichTextEditor.Toolbar = Toolbar;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThroughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.LinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.ColorPickerControl;\nRichTextEditor.Color = controls.ColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\n\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n"],"names":["controls.BoldControl","controls.ItalicControl","controls.StrikeThroughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.LinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.ColorPickerControl","controls.ColorControl","controls.HighlightControl","controls.HrControl","controls.UnsetColorControl"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.js","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport { RichTextEditorToolbar } from './RichTextEditorToolbar/RichTextEditorToolbar';\nimport { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';\nimport { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent';\nimport { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl';\nimport * as controls from './RichTextEditorControl';\nimport classes from './RichTextEditor.module.css';\n\nexport type RichTextEditorStylesNames =\n  | 'linkEditorSave'\n  | 'linkEditorDropdown'\n  | 'root'\n  | 'content'\n  | 'typographyStylesProvider'\n  | 'control'\n  | 'controlsGroup'\n  | 'toolbar'\n  | 'linkEditor'\n  | 'linkEditorInput'\n  | 'linkEditorExternalControl';\n\nexport interface RichTextEditorProps\n  extends BoxProps,\n    StylesApiProps<RichTextEditorFactory>,\n    ElementProps<'div'> {\n  /** Tiptap editor instance */\n  editor: Editor | null;\n\n  /** Determines whether code highlight styles should be added, `true` by default */\n  withCodeHighlightStyles?: boolean;\n\n  /** Determines whether typography styles should be added, `true` by default */\n  withTypographyStyles?: boolean;\n\n  /** Labels that are used in controls */\n  labels?: Partial<RichTextEditorLabels>;\n\n  /** Child editor components */\n  children: React.ReactNode;\n}\n\nexport type RichTextEditorFactory = Factory<{\n  props: RichTextEditorProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorStylesNames;\n  staticComponents: {\n    Content: typeof RichTextEditorContent;\n    Control: typeof RichTextEditorControl;\n    Toolbar: typeof RichTextEditorToolbar;\n    ControlsGroup: typeof RichTextEditorControlsGroup;\n    Bold: typeof controls.BoldControl;\n    Italic: typeof controls.ItalicControl;\n    Strikethrough: typeof controls.StrikeThroughControl;\n    Underline: typeof controls.UnderlineControl;\n    ClearFormatting: typeof controls.ClearFormattingControl;\n    H1: typeof controls.H1Control;\n    H2: typeof controls.H2Control;\n    H3: typeof controls.H3Control;\n    H4: typeof controls.H4Control;\n    H5: typeof controls.H5Control;\n    H6: typeof controls.H6Control;\n    BulletList: typeof controls.BulletListControl;\n    OrderedList: typeof controls.OrderedListControl;\n    Link: typeof controls.RichTextEditorLinkControl;\n    Unlink: typeof controls.UnlinkControl;\n    Blockquote: typeof controls.BlockquoteControl;\n    AlignLeft: typeof controls.AlignLeftControl;\n    AlignRight: typeof controls.AlignRightControl;\n    AlignCenter: typeof controls.AlignCenterControl;\n    AlignJustify: typeof controls.AlignJustifyControl;\n    Superscript: typeof controls.SuperscriptControl;\n    Subscript: typeof controls.SubscriptControl;\n    Code: typeof controls.CodeControl;\n    CodeBlock: typeof controls.CodeBlockControl;\n    ColorPicker: typeof controls.RichTextEditorColorPickerControl;\n    Color: typeof controls.RichTextEditorColorControl;\n    Highlight: typeof controls.HighlightControl;\n    Hr: typeof controls.HrControl;\n    UnsetColor: typeof controls.UnsetColorControl;\n  };\n}>;\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n  withCodeHighlightStyles: true,\n  withTypographyStyles: true,\n};\n\nexport const RichTextEditor = factory<RichTextEditorFactory>((_props, ref) => {\n  const props = useProps('RichTextEditor', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    editor,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    labels,\n    children,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RichTextEditorFactory>({\n    name: 'RichTextEditor',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n  });\n\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  return (\n    <RichTextEditorProvider\n      value={{\n        editor,\n        getStyles,\n        labels: mergedLabels,\n        withCodeHighlightStyles,\n        withTypographyStyles,\n      }}\n    >\n      <Box {...getStyles('root')} {...others} ref={ref}>\n        {children}\n      </Box>\n    </RichTextEditorProvider>\n  );\n});\n\nRichTextEditor.classes = classes;\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n\n// Generic components\nRichTextEditor.Content = RichTextEditorContent;\nRichTextEditor.Control = RichTextEditorControl;\nRichTextEditor.Toolbar = RichTextEditorToolbar;\nRichTextEditor.ControlsGroup = RichTextEditorControlsGroup;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThroughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.RichTextEditorLinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.RichTextEditorColorPickerControl;\nRichTextEditor.Color = controls.RichTextEditorColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\n"],"names":["controls.BoldControl","controls.ItalicControl","controls.StrikeThroughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.RichTextEditorLinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.RichTextEditorColorPickerControl","controls.RichTextEditorColorControl","controls.HighlightControl","controls.HrControl","controls.UnsetColorControl"],"mappings":";;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAgBF,MAAM,YAAY,GAAG;AACrB,EAAE,uBAAuB,EAAE,IAAI;AAC/B,EAAE,oBAAoB,EAAE,IAAI;AAC5B,CAAC,CAAC;AACU,MAAC,cAAc,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACvD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACjE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,uBAAuB;AAC3B,IAAI,oBAAoB;AACxB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;AAC1B,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,gBAAgB;AAC1B,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3G,EAAE,uBAAuB,KAAK,CAAC,aAAa;AAC5C,IAAI,sBAAsB;AAC1B,IAAI;AACJ,MAAM,KAAK,EAAE;AACb,QAAQ,MAAM;AACd,QAAQ,SAAS;AACjB,QAAQ,MAAM,EAAE,YAAY;AAC5B,QAAQ,uBAAuB;AAC/B,QAAQ,oBAAoB;AAC5B,OAAO;AACP,KAAK;AACL,oBAAoB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC;AAC7I,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,cAAc,CAAC,OAAO,GAAG,OAAO,CAAC;AACjC,cAAc,CAAC,WAAW,GAAG,gCAAgC,CAAC;AAC9D,cAAc,CAAC,OAAO,GAAG,qBAAqB,CAAC;AAC/C,cAAc,CAAC,OAAO,GAAG,qBAAqB,CAAC;AAC/C,cAAc,CAAC,OAAO,GAAG,qBAAqB,CAAC;AAC/C,cAAc,CAAC,aAAa,GAAG,2BAA2B,CAAC;AAC3D,cAAc,CAAC,IAAI,GAAGA,WAAoB,CAAC;AAC3C,cAAc,CAAC,MAAM,GAAGC,aAAsB,CAAC;AAC/C,cAAc,CAAC,aAAa,GAAGC,oBAA6B,CAAC;AAC7D,cAAc,CAAC,SAAS,GAAGC,gBAAyB,CAAC;AACrD,cAAc,CAAC,eAAe,GAAGC,sBAA+B,CAAC;AACjE,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,UAAU,GAAGC,iBAA0B,CAAC;AACvD,cAAc,CAAC,WAAW,GAAGC,kBAA2B,CAAC;AACzD,cAAc,CAAC,IAAI,GAAGC,yBAAkC,CAAC;AACzD,cAAc,CAAC,MAAM,GAAGC,aAAsB,CAAC;AAC/C,cAAc,CAAC,UAAU,GAAGC,iBAA0B,CAAC;AACvD,cAAc,CAAC,SAAS,GAAGC,gBAAyB,CAAC;AACrD,cAAc,CAAC,UAAU,GAAGC,iBAA0B,CAAC;AACvD,cAAc,CAAC,WAAW,GAAGC,kBAA2B,CAAC;AACzD,cAAc,CAAC,YAAY,GAAGC,mBAA4B,CAAC;AAC3D,cAAc,CAAC,WAAW,GAAGC,kBAA2B,CAAC;AACzD,cAAc,CAAC,SAAS,GAAGC,gBAAyB,CAAC;AACrD,cAAc,CAAC,IAAI,GAAGC,WAAoB,CAAC;AAC3C,cAAc,CAAC,SAAS,GAAGC,gBAAyB,CAAC;AACrD,cAAc,CAAC,WAAW,GAAGC,gCAAyC,CAAC;AACvE,cAAc,CAAC,KAAK,GAAGC,0BAAmC,CAAC;AAC3D,cAAc,CAAC,SAAS,GAAGC,gBAAyB,CAAC;AACrD,cAAc,CAAC,EAAE,GAAGC,SAAkB,CAAC;AACvC,cAAc,CAAC,UAAU,GAAGC,iBAA0B;;;;"}

package/esm/RichTextEditor.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"m-dd3f7539","typographyStylesProvider":"m-d37966d9","content":"m-c2204cc2","linkEditorDropdown":"m-8a991b4f","control":"m-c2207da6","controlsGroup":"m-2ab47ef2","linkEditor":"m-b67b711e","linkEditorInput":"m-296cf94c","linkEditorExternalControl":"m-cfef614","linkEditorSave":"m-3b28e7bb","toolbar":"m-4574a3c4"};
+
+export default classes;
+//# sourceMappingURL=RichTextEditor.module.css.js.map

package/esm/RichTextEditor.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/RichTextEditorContent/RichTextEditorContent.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { factory, useProps, TypographyStylesProvider, Box } from '@mantine/core';
+import { EditorContent } from '@tiptap/react';
+import { useRichTextEditorContext } from '../RichTextEditor.context.js';
+import classes from '../RichTextEditor.module.css.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const RichTextEditorContent = factory((_props, ref) => {
+  const props = useProps("RichTextEditorContent", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+  const ctx = useRichTextEditorContext();
+  if (ctx.withTypographyStyles) {
+    return /* @__PURE__ */ React.createElement(
+      TypographyStylesProvider,
+      __spreadProps(__spreadValues({}, ctx.getStyles("typographyStylesProvider", { className, style, styles, classNames })), {
+        ref
+      }),
+      /* @__PURE__ */ React.createElement(
+        Box,
+        __spreadValues(__spreadValues({
+          component: EditorContent,
+          editor: ctx.editor
+        }, ctx.getStyles("content", { classNames, styles })), others)
+      )
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    __spreadValues(__spreadValues({
+      component: EditorContent,
+      editor: ctx.editor
+    }, ctx.getStyles("content", { classNames, styles, className, style })), others)
+  );
+});
+RichTextEditorContent.classes = classes;
+RichTextEditorContent.displayName = "@mantine/tiptap/RichTextEditorContent";
+
+export { RichTextEditorContent };
+//# sourceMappingURL=RichTextEditorContent.js.map

package/esm/RichTextEditorContent/RichTextEditorContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorContent.js","sources":["../../src/RichTextEditorContent/RichTextEditorContent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  TypographyStylesProvider,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorContentStylesNames = 'root';\nexport interface RichTextEditorContentProps\n  extends BoxProps,\n    StylesApiProps<RichTextEditorContentFactory>,\n    ElementProps<'div'> {}\n\nexport type RichTextEditorContentFactory = Factory<{\n  props: RichTextEditorContentProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorContentStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const RichTextEditorContent = factory<RichTextEditorContentFactory>((_props, ref) => {\n  const props = useProps('RichTextEditorContent', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n  const ctx = useRichTextEditorContext();\n\n  if (ctx.withTypographyStyles) {\n    return (\n      <TypographyStylesProvider\n        {...ctx.getStyles('typographyStylesProvider', { className, style, styles, classNames })}\n        ref={ref}\n      >\n        <Box\n          component={EditorContent}\n          editor={ctx.editor}\n          {...ctx.getStyles('content', { classNames, styles })}\n          {...others}\n        />\n      </TypographyStylesProvider>\n    );\n  }\n\n  return (\n    <Box\n      component={EditorContent}\n      editor={ctx.editor}\n      {...ctx.getStyles('content', { classNames, styles, className, style })}\n      {...others}\n    />\n  );\n});\n\nRichTextEditorContent.classes = classes;\nRichTextEditorContent.displayName = '@mantine/tiptap/RichTextEditorContent';\n"],"names":[],"mappings":"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"}

package/esm/{controls/ColorControl/ColorControl.js → RichTextEditorControl/RichTextEditorColorControl.js}

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
-import { useComponentDefaultProps, ColorSwatch } from '@mantine/core';
-import { Control } from '../Control/Control.js';
-import { useRichTextEditorContext } from '../../RichTextEditor.context.js';
+import { useProps, ColorSwatch } from '@mantine/core';
+import { RichTextEditorControl } from './RichTextEditorControl.js';
+import { useRichTextEditorContext } from '../RichTextEditor.context.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -35,24 +35,23 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {};
-const ColorControl = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("RichTextEditorColorControl", defaultProps, props), { color } = _a, others = __objRest(_a, ["color"]);
-  const { editor, labels, unstyled } = useRichTextEditorContext();
+const RichTextEditorColorControl = forwardRef((props, ref) => {
+  const _a = useProps("RichTextEditorColorControl", defaultProps, props), { color } = _a, others = __objRest(_a, ["color"]);
+  const { editor, labels } = useRichTextEditorContext();
   const currentColor = (editor == null ? void 0 : editor.getAttributes("textStyle").color) || null;
   const label = labels.colorControlLabel(color);
-  return /* @__PURE__ */ React.createElement(Control, __spreadProps(__spreadValues({
-    active: currentColor === color,
-    "aria-label": label,
-    title: label,
-    onClick: () => editor.chain().focus().setColor(color).run()
-  }, others), {
-    ref
-  }), /* @__PURE__ */ React.createElement(ColorSwatch, {
-    color,
-    size: 14,
-    unstyled
-  }));
+  return /* @__PURE__ */ React.createElement(
+    RichTextEditorControl,
+    __spreadProps(__spreadValues({}, others), {
+      active: currentColor === color,
+      "aria-label": label,
+      title: label,
+      onClick: () => (editor == null ? void 0 : editor.chain()).focus().setColor(color).run(),
+      ref
+    }),
+    /* @__PURE__ */ React.createElement(ColorSwatch, { color, size: 14 })
+  );
 });
 
-export { ColorControl };
-//# sourceMappingURL=ColorControl.js.map
+export { RichTextEditorColorControl };
+//# sourceMappingURL=RichTextEditorColorControl.js.map

package/esm/RichTextEditorControl/RichTextEditorColorControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorColorControl.js","sources":["../../src/RichTextEditorControl/RichTextEditorColorControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ColorSwatch, BoxProps, useProps, ElementProps } from '@mantine/core';\nimport { RichTextEditorControl } from './RichTextEditorControl';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\n\nexport interface RichTextEditorColorControlProps extends BoxProps, ElementProps<'button'> {\n  /** Color that will be set as text color, for example #ef457e */\n  color: string;\n}\n\nconst defaultProps: Partial<RichTextEditorColorControlProps> = {};\n\nexport const RichTextEditorColorControl = forwardRef<\n  HTMLButtonElement,\n  RichTextEditorColorControlProps\n>((props, ref) => {\n  const { color, ...others } = useProps('RichTextEditorColorControl', defaultProps, props);\n  const { editor, labels } = useRichTextEditorContext();\n  const currentColor = editor?.getAttributes('textStyle').color || null;\n  const label = labels.colorControlLabel(color);\n\n  return (\n    <RichTextEditorControl\n      {...others}\n      active={currentColor === color}\n      aria-label={label}\n      title={label}\n      onClick={() => (editor?.chain() as any).focus().setColor(color).run()}\n      ref={ref}\n    >\n      <ColorSwatch color={color} size={14} />\n    </RichTextEditorControl>\n  );\n});\n"],"names":[],"mappings":"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"}

package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.js

@@ -0,0 +1,137 @@
+import React, { forwardRef, useState } from 'react';
+import { useProps, ColorSwatch, Popover, SimpleGrid, ColorPicker, Tooltip, Group, ActionIcon } from '@mantine/core';
+import { useDisclosure } from '@mantine/hooks';
+import { IconX, IconCircleOff, IconColorPicker, IconPalette, IconCheck } from '@tabler/icons-react';
+import { RichTextEditorControl } from './RichTextEditorControl.js';
+import { useRichTextEditorContext } from '../RichTextEditor.context.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const RichTextEditorColorPickerControl = forwardRef((props, ref) => {
+  const _a = useProps(
+    "RichTextEditorColorPickerControl",
+    defaultProps,
+    props
+  ), { popoverProps, colors, colorPickerProps } = _a, others = __objRest(_a, ["popoverProps", "colors", "colorPickerProps"]);
+  const { editor, labels, getStyles } = useRichTextEditorContext();
+  const [opened, { toggle, close }] = useDisclosure(false);
+  const [state, setState] = useState("palette");
+  const currentColor = (editor == null ? void 0 : editor.getAttributes("textStyle").color) || "var(--mantine-color-text)";
+  const handleChange = (value, shouldClose = true) => {
+    (editor == null ? void 0 : editor.chain()).focus().setColor(value).run();
+    shouldClose && close();
+  };
+  const handleClear = () => {
+    (editor == null ? void 0 : editor.chain()).focus().unsetColor().run();
+    close();
+  };
+  const controls = colors.map((color, index) => /* @__PURE__ */ React.createElement(
+    ColorSwatch,
+    {
+      key: index,
+      component: "button",
+      color,
+      onClick: () => handleChange(color),
+      size: 26,
+      radius: "xs",
+      style: { cursor: "pointer" },
+      title: labels.colorPickerColorLabel(color),
+      "aria-label": labels.colorPickerColorLabel(color)
+    }
+  ));
+  return /* @__PURE__ */ React.createElement(Popover, __spreadValues({ opened, withinPortal: true, trapFocus: true, onClose: close }, popoverProps), /* @__PURE__ */ React.createElement(Popover.Target, null, /* @__PURE__ */ React.createElement(
+    RichTextEditorControl,
+    __spreadProps(__spreadValues({}, others), {
+      "aria-label": labels.colorPickerControlLabel,
+      title: labels.colorPickerControlLabel,
+      ref,
+      onClick: toggle
+    }),
+    /* @__PURE__ */ React.createElement(ColorSwatch, { color: currentColor, size: 14 })
+  )), /* @__PURE__ */ React.createElement(Popover.Dropdown, __spreadValues({}, getStyles("linkEditorDropdown")), state === "palette" && /* @__PURE__ */ React.createElement(SimpleGrid, { cols: 7, spacing: 2 }, controls), state === "colorPicker" && /* @__PURE__ */ React.createElement(
+    ColorPicker,
+    __spreadValues({
+      defaultValue: currentColor,
+      onChange: (value) => handleChange(value, false)
+    }, colorPickerProps)
+  ), /* @__PURE__ */ React.createElement(Tooltip.Group, { closeDelay: 200 }, /* @__PURE__ */ React.createElement(Group, { justify: "flex-end", gap: "xs", mt: "sm" }, state === "palette" && /* @__PURE__ */ React.createElement(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: close,
+      title: labels.colorPickerCancel,
+      "aria-label": labels.colorPickerCancel
+    },
+    /* @__PURE__ */ React.createElement(IconX, { stroke: 1.5, size: "1rem" })
+  ), /* @__PURE__ */ React.createElement(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: handleClear,
+      title: labels.colorPickerClear,
+      "aria-label": labels.colorPickerClear
+    },
+    /* @__PURE__ */ React.createElement(IconCircleOff, { stroke: 1.5, size: "1rem" })
+  ), state === "palette" ? /* @__PURE__ */ React.createElement(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: () => setState("colorPicker"),
+      title: labels.colorPickerColorPicker,
+      "aria-label": labels.colorPickerColorPicker
+    },
+    /* @__PURE__ */ React.createElement(IconColorPicker, { stroke: 1.5, size: "1rem" })
+  ) : /* @__PURE__ */ React.createElement(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: () => setState("palette"),
+      "aria-label": labels.colorPickerPalette,
+      title: labels.colorPickerPalette
+    },
+    /* @__PURE__ */ React.createElement(IconPalette, { stroke: 1.5, size: "1rem" })
+  ), state === "colorPicker" && /* @__PURE__ */ React.createElement(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: close,
+      title: labels.colorPickerSave,
+      "aria-label": labels.colorPickerSave
+    },
+    /* @__PURE__ */ React.createElement(IconCheck, { stroke: 1.5, size: "1rem" })
+  )))));
+});
+RichTextEditorColorPickerControl.displayName = "@mantine/tiptap/ColorPickerControl";
+
+export { RichTextEditorColorPickerControl };
+//# sourceMappingURL=RichTextEditorColorPickerControl.js.map

package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorColorPickerControl.js","sources":["../../src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n  BoxProps,\n  Popover,\n  PopoverProps,\n  ColorSwatch,\n  SimpleGrid,\n  ColorPicker,\n  Group,\n  ActionIcon,\n  Tooltip,\n  ColorPickerProps,\n  useProps,\n  ElementProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons-react';\nimport { RichTextEditorControl } from './RichTextEditorControl';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\n\nexport interface RichTextEditorColorPickerControlProps extends BoxProps, ElementProps<'button'> {\n  /** Props added to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Props added to ColorPicker component */\n  colorPickerProps?: Partial<ColorPickerProps>;\n\n  /** List of colors that the user can choose from */\n  colors: string[];\n}\n\nconst defaultProps: Partial<RichTextEditorColorPickerControlProps> = {};\n\nexport const RichTextEditorColorPickerControl = forwardRef<\n  HTMLButtonElement,\n  RichTextEditorColorPickerControlProps\n>((props, ref) => {\n  const { popoverProps, colors, colorPickerProps, ...others } = useProps(\n    'RichTextEditorColorPickerControl',\n    defaultProps,\n    props\n  );\n\n  const { editor, labels, getStyles } = useRichTextEditorContext();\n  const [opened, { toggle, close }] = useDisclosure(false);\n  const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n  const currentColor = editor?.getAttributes('textStyle').color || 'var(--mantine-color-text)';\n\n  const handleChange = (value: string, shouldClose = true) => {\n    (editor?.chain() as any).focus().setColor(value).run();\n    shouldClose && close();\n  };\n\n  const handleClear = () => {\n    (editor?.chain() as any).focus().unsetColor().run();\n    close();\n  };\n\n  const controls = colors.map((color, index) => (\n    <ColorSwatch\n      key={index}\n      component=\"button\"\n      color={color}\n      onClick={() => handleChange(color)}\n      size={26}\n      radius=\"xs\"\n      style={{ cursor: 'pointer' }}\n      title={labels.colorPickerColorLabel(color)}\n      aria-label={labels.colorPickerColorLabel(color)}\n    />\n  ));\n\n  return (\n    <Popover opened={opened} withinPortal trapFocus onClose={close} {...popoverProps}>\n      <Popover.Target>\n        <RichTextEditorControl\n          {...others}\n          aria-label={labels.colorPickerControlLabel}\n          title={labels.colorPickerControlLabel}\n          ref={ref}\n          onClick={toggle}\n        >\n          <ColorSwatch color={currentColor} size={14} />\n        </RichTextEditorControl>\n      </Popover.Target>\n\n      <Popover.Dropdown {...getStyles('linkEditorDropdown')}>\n        {state === 'palette' && (\n          <SimpleGrid cols={7} spacing={2}>\n            {controls}\n          </SimpleGrid>\n        )}\n\n        {state === 'colorPicker' && (\n          <ColorPicker\n            defaultValue={currentColor}\n            onChange={(value) => handleChange(value, false)}\n            {...colorPickerProps}\n          />\n        )}\n\n        <Tooltip.Group closeDelay={200}>\n          <Group justify=\"flex-end\" gap=\"xs\" mt=\"sm\">\n            {state === 'palette' && (\n              <ActionIcon\n                variant=\"default\"\n                onClick={close}\n                title={labels.colorPickerCancel}\n                aria-label={labels.colorPickerCancel}\n              >\n                <IconX stroke={1.5} size=\"1rem\" />\n              </ActionIcon>\n            )}\n\n            <ActionIcon\n              variant=\"default\"\n              onClick={handleClear}\n              title={labels.colorPickerClear}\n              aria-label={labels.colorPickerClear}\n            >\n              <IconCircleOff stroke={1.5} size=\"1rem\" />\n            </ActionIcon>\n\n            {state === 'palette' ? (\n              <ActionIcon\n                variant=\"default\"\n                onClick={() => setState('colorPicker')}\n                title={labels.colorPickerColorPicker}\n                aria-label={labels.colorPickerColorPicker}\n              >\n                <IconColorPicker stroke={1.5} size=\"1rem\" />\n              </ActionIcon>\n            ) : (\n              <ActionIcon\n                variant=\"default\"\n                onClick={() => setState('palette')}\n                aria-label={labels.colorPickerPalette}\n                title={labels.colorPickerPalette}\n              >\n                <IconPalette stroke={1.5} size=\"1rem\" />\n              </ActionIcon>\n            )}\n\n            {state === 'colorPicker' && (\n              <ActionIcon\n                variant=\"default\"\n                onClick={close}\n                title={labels.colorPickerSave}\n                aria-label={labels.colorPickerSave}\n              >\n                <IconCheck stroke={1.5} size=\"1rem\" />\n              </ActionIcon>\n            )}\n          </Group>\n        </Tooltip.Group>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nRichTextEditorColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":[],"mappings":"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"}

package/esm/RichTextEditorControl/RichTextEditorControl.js

@@ -0,0 +1,84 @@
+import React, { forwardRef } from 'react';
+import { factory, useProps, UnstyledButton, rem } from '@mantine/core';
+import { useRichTextEditorContext } from '../RichTextEditor.context.js';
+import classes from '../RichTextEditor.module.css.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  interactive: true
+};
+const RichTextEditorControl = factory((_props, ref) => {
+  const props = useProps("RichTextEditorControl", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, interactive, active } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "interactive", "active"]);
+  const ctx = useRichTextEditorContext();
+  return /* @__PURE__ */ React.createElement(
+    UnstyledButton,
+    __spreadProps(__spreadValues(__spreadValues({}, others), ctx.getStyles("control", { className, style, classNames, styles })), {
+      "data-rich-text-editor-control": true,
+      tabIndex: interactive ? 0 : -1,
+      "data-interactive": interactive || void 0,
+      "data-active": active || void 0,
+      "aria-pressed": active && interactive || void 0,
+      "aria-hidden": !interactive || void 0,
+      ref,
+      unstyled
+    })
+  );
+});
+RichTextEditorControl.classes = classes;
+RichTextEditorControl.displayName = "@mantine/tiptap/RichTextEditorControl";
+const RichTextEditorControlBase = forwardRef((_a, ref) => {
+  var _b = _a, { className, icon: Icon } = _b, others = __objRest(_b, ["className", "icon"]);
+  return /* @__PURE__ */ React.createElement(RichTextEditorControl, __spreadValues({ ref }, others), /* @__PURE__ */ React.createElement(Icon, { style: { width: rem(16), height: rem(16) } }));
+});
+RichTextEditorControlBase.displayName = "@mantine/tiptap/RichTextEditorControlBase";
+function createControl({ label, isActive, operation, icon }) {
+  return forwardRef((props, ref) => {
+    const { editor, labels } = useRichTextEditorContext();
+    const _label = labels[label];
+    return /* @__PURE__ */ React.createElement(
+      RichTextEditorControlBase,
+      __spreadProps(__spreadValues({}, props), {
+        "aria-label": _label,
+        title: _label,
+        active: (isActive == null ? void 0 : isActive.name) ? editor == null ? void 0 : editor.isActive(isActive.name, isActive.attributes) : false,
+        ref,
+        onClick: () => editor == null ? void 0 : editor.chain().focus()[operation.name](operation.attributes).run(),
+        icon: props.icon || icon
+      })
+    );
+  });
+}
+
+export { RichTextEditorControl, RichTextEditorControlBase, createControl };
+//# sourceMappingURL=RichTextEditorControl.js.map