@mantine/tiptap 5.10.1 → 6.0.0-alpha.0

package/cjs/Content/Content.js

@@ -43,8 +43,16 @@ var __objRest = (source, exclude) => {
 const defaultProps = {};
 const Content = React.forwardRef((props, ref) => {
   const _a = core.useComponentDefaultProps("RichTextEditorContent", defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
-  const { editor, withCodeHighlightStyles, withTypographyStyles, classNames, styles, unstyled } = RichTextEditor_context.useRichTextEditorContext();
-  const { classes, cx } = Content_styles['default']({ withCodeHighlightStyles, withTypographyStyles }, { name: "RichTextEditor", classNames, styles, unstyled });
+  const {
+    editor,
+    withCodeHighlightStyles,
+    withTypographyStyles,
+    classNames,
+    styles,
+    unstyled,
+    variant
+  } = RichTextEditor_context.useRichTextEditorContext();
+  const { classes, cx } = Content_styles['default']({ withCodeHighlightStyles, withTypographyStyles }, { name: "RichTextEditor", classNames, styles, unstyled, variant });
   return /* @__PURE__ */ React__default.createElement(core.TypographyStylesProvider, {
     className: cx(classes.typographyStylesProvider, className),
     unstyled: !withTypographyStyles || unstyled,

package/cjs/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  DefaultProps,\n  TypographyStylesProvider,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Content.styles';\n\nexport type ContentStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorContentProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const Content = forwardRef<HTMLDivElement, RichTextEditorContentProps>((props, ref) => {\n  const { className, ...others } = useComponentDefaultProps(\n    'RichTextEditorContent',\n    defaultProps,\n    props\n  );\n\n  const { editor, withCodeHighlightStyles, withTypographyStyles, classNames, styles, unstyled } =\n    useRichTextEditorContext();\n  const { classes, cx } = useStyles(\n    { withCodeHighlightStyles, withTypographyStyles },\n    { name: 'RichTextEditor', classNames, styles, unstyled }\n  );\n\n  return (\n    <TypographyStylesProvider\n      className={cx(classes.typographyStylesProvider, className)}\n      unstyled={!withTypographyStyles || unstyled}\n      ref={ref}\n    >\n      <Box component={EditorContent} editor={editor} className={classes.content} {...others} />\n    </TypographyStylesProvider>\n  );\n});\n\nContent.displayName = '@mantine/tiptap/Content';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","TypographyStylesProvider","Box","EditorContent"],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  DefaultProps,\n  TypographyStylesProvider,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Content.styles';\n\nexport type ContentStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorContentProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const Content = forwardRef<HTMLDivElement, RichTextEditorContentProps>((props, ref) => {\n  const { className, ...others } = useComponentDefaultProps(\n    'RichTextEditorContent',\n    defaultProps,\n    props\n  );\n\n  const {\n    editor,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n  } = useRichTextEditorContext();\n\n  const { classes, cx } = useStyles(\n    { withCodeHighlightStyles, withTypographyStyles },\n    { name: 'RichTextEditor', classNames, styles, unstyled, variant }\n  );\n\n  return (\n    <TypographyStylesProvider\n      className={cx(classes.typographyStylesProvider, className)}\n      unstyled={!withTypographyStyles || unstyled}\n      ref={ref}\n    >\n      <Box component={EditorContent} editor={editor} className={classes.content} {...others} />\n    </TypographyStylesProvider>\n  );\n});\n\nContent.displayName = '@mantine/tiptap/Content';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","TypographyStylesProvider","Box","EditorContent"],"mappings":"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"}

package/cjs/Content/Content.styles.js

@@ -31,7 +31,7 @@ function getCodeHighlight(withCodeHighlightStyles, theme) {
       borderRadius: theme.fn.radius(),
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[9],
       fontFamily: theme.fontFamilyMonospace,
-      padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,
+      padding: `${theme.spacing.md} ${theme.spacing.xl}`,
       "& code": {
         background: "none",
         color: "inherit",
@@ -74,14 +74,14 @@ function getTypographyStyles(withTypographyStyles) {
       margin: 0
     },
     "& ul li, & ol li": {
-      marginTop: 2
+      marginTop: core.rem(2)
     },
     "& ul, & ol": {
-      marginTop: 5,
-      marginBottom: 5
+      marginTop: core.rem(5),
+      marginBottom: core.rem(5)
     },
     "& p": {
-      marginBottom: 7
+      marginBottom: core.rem(7)
     },
     "& h1, & h2, & h3, & h4, & h5, & h6, & p": {
       marginTop: 0

package/cjs/Content/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sources":["../../src/Content/Content.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/core';\n\ninterface ContentStylesParams {\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n}\n\nfunction getCodeHighlight(withCodeHighlightStyles: boolean, theme: MantineTheme) {\n  if (!withCodeHighlightStyles) {\n    return null;\n  }\n\n  const highlightIndex = theme.colorScheme === 'dark' ? 5 : 7;\n\n  return {\n    pre: {\n      background:\n        theme.colorScheme === 'dark'\n          ? theme.colors.dark[8]\n          : theme.fn.rgba(theme.colors.gray[0], 0.65),\n      borderRadius: theme.fn.radius(),\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9],\n      fontFamily: theme.fontFamilyMonospace,\n      padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n\n      '& code': {\n        background: 'none',\n        color: 'inherit',\n        fontSize: theme.fontSizes.sm,\n        padding: 0,\n      },\n\n      ' & .hljs-comment, & .hljs-quote': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n      },\n\n      '& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class':\n        {\n          color: theme.colors.red[highlightIndex],\n        },\n\n      '& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params':\n        {\n          color: theme.colors[theme.colorScheme === 'dark' ? 'cyan' : 'blue'][highlightIndex],\n        },\n\n      '& .hljs-string, & .hljs-symbol, & .hljs-bullet': {\n        color: theme.colors.red[highlightIndex],\n      },\n\n      '& .hljs-title, & .hljs-section': {\n        color: theme.colors[theme.colorScheme === 'dark' ? 'yellow' : 'pink'][highlightIndex],\n      },\n\n      '& .hljs-keyword, & .hljs-selector-tag': {\n        color: theme.colors.violet[highlightIndex],\n      },\n\n      '& .hljs-emphasis': {\n        fontStyle: 'italic',\n      },\n\n      '& .hljs-strong': {\n        fontWeight: 700,\n      },\n    },\n  };\n}\n\nfunction getTypographyStyles(withTypographyStyles: boolean) {\n  if (!withTypographyStyles) {\n    return null;\n  }\n\n  return {\n    '& li > p': {\n      margin: 0,\n    },\n\n    '& ul li, & ol li': {\n      marginTop: 2,\n    },\n\n    '& ul, & ol': {\n      marginTop: 5,\n      marginBottom: 5,\n    },\n\n    '& p': {\n      marginBottom: 7,\n    },\n\n    '& h1, & h2, & h3, & h4, & h5, & h6, & p': {\n      marginTop: 0,\n    },\n  };\n}\n\nexport default createStyles(\n  (theme, { withCodeHighlightStyles, withTypographyStyles }: ContentStylesParams) => ({\n    typographyStylesProvider: {\n      ...getTypographyStyles(withTypographyStyles),\n    },\n\n    content: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n      borderRadius: theme.fn.radius(),\n\n      '& .ProseMirror': {\n        outline: 0,\n        padding: theme.spacing.md,\n      },\n\n      '& .ProseMirror > *:last-child': {\n        marginBottom: 0,\n      },\n\n      '& .ProseMirror p.is-editor-empty:first-of-type::before': {\n        content: 'attr(data-placeholder)',\n        pointerEvents: 'none',\n        userSelect: 'none',\n        float: 'left',\n        height: 0,\n        ...theme.fn.placeholderStyles(),\n      },\n\n      ...getCodeHighlight(withCodeHighlightStyles, theme),\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Content.styles.js","sources":["../../src/Content/Content.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme, rem } from '@mantine/core';\n\ninterface ContentStylesParams {\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n}\n\nfunction getCodeHighlight(withCodeHighlightStyles: boolean, theme: MantineTheme) {\n  if (!withCodeHighlightStyles) {\n    return null;\n  }\n\n  const highlightIndex = theme.colorScheme === 'dark' ? 5 : 7;\n\n  return {\n    pre: {\n      background:\n        theme.colorScheme === 'dark'\n          ? theme.colors.dark[8]\n          : theme.fn.rgba(theme.colors.gray[0], 0.65),\n      borderRadius: theme.fn.radius(),\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9],\n      fontFamily: theme.fontFamilyMonospace,\n      padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n\n      '& code': {\n        background: 'none',\n        color: 'inherit',\n        fontSize: theme.fontSizes.sm,\n        padding: 0,\n      },\n\n      ' & .hljs-comment, & .hljs-quote': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n      },\n\n      '& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class':\n        {\n          color: theme.colors.red[highlightIndex],\n        },\n\n      '& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params':\n        {\n          color: theme.colors[theme.colorScheme === 'dark' ? 'cyan' : 'blue'][highlightIndex],\n        },\n\n      '& .hljs-string, & .hljs-symbol, & .hljs-bullet': {\n        color: theme.colors.red[highlightIndex],\n      },\n\n      '& .hljs-title, & .hljs-section': {\n        color: theme.colors[theme.colorScheme === 'dark' ? 'yellow' : 'pink'][highlightIndex],\n      },\n\n      '& .hljs-keyword, & .hljs-selector-tag': {\n        color: theme.colors.violet[highlightIndex],\n      },\n\n      '& .hljs-emphasis': {\n        fontStyle: 'italic',\n      },\n\n      '& .hljs-strong': {\n        fontWeight: 700,\n      },\n    },\n  };\n}\n\nfunction getTypographyStyles(withTypographyStyles: boolean) {\n  if (!withTypographyStyles) {\n    return null;\n  }\n\n  return {\n    '& li > p': {\n      margin: 0,\n    },\n\n    '& ul li, & ol li': {\n      marginTop: rem(2),\n    },\n\n    '& ul, & ol': {\n      marginTop: rem(5),\n      marginBottom: rem(5),\n    },\n\n    '& p': {\n      marginBottom: rem(7),\n    },\n\n    '& h1, & h2, & h3, & h4, & h5, & h6, & p': {\n      marginTop: 0,\n    },\n  };\n}\n\nexport default createStyles(\n  (theme, { withCodeHighlightStyles, withTypographyStyles }: ContentStylesParams) => ({\n    typographyStylesProvider: {\n      ...getTypographyStyles(withTypographyStyles),\n    },\n\n    content: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n      borderRadius: theme.fn.radius(),\n\n      '& .ProseMirror': {\n        outline: 0,\n        padding: theme.spacing.md,\n      },\n\n      '& .ProseMirror > *:last-child': {\n        marginBottom: 0,\n      },\n\n      '& .ProseMirror p.is-editor-empty:first-of-type::before': {\n        content: 'attr(data-placeholder)',\n        pointerEvents: 'none',\n        userSelect: 'none',\n        float: 'left',\n        height: 0,\n        ...theme.fn.placeholderStyles(),\n      },\n\n      ...getCodeHighlight(withCodeHighlightStyles, theme),\n    },\n  })\n);\n"],"names":["rem","createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,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;AAEF,SAAS,gBAAgB,CAAC,uBAAuB,EAAE,KAAK,EAAE;AAC1D,EAAE,IAAI,CAAC,uBAAuB,EAAE;AAChC,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AAC9D,EAAE,OAAO;AACT,IAAI,GAAG,EAAE;AACT,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;AACjH,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACrC,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,UAAU,EAAE,KAAK,CAAC,mBAAmB;AAC3C,MAAM,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACxD,MAAM,QAAQ,EAAE;AAChB,QAAQ,UAAU,EAAE,MAAM;AAC1B,QAAQ,KAAK,EAAE,SAAS;AACxB,QAAQ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AACpC,QAAQ,OAAO,EAAE,CAAC;AAClB,OAAO;AACP,MAAM,iCAAiC,EAAE;AACzC,QAAQ,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACzF,OAAO;AACP,MAAM,oLAAoL,EAAE;AAC5L,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAC/C,OAAO;AACP,MAAM,qHAAqH,EAAE;AAC7H,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,cAAc,CAAC;AAC3F,OAAO;AACP,MAAM,gDAAgD,EAAE;AACxD,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAC/C,OAAO;AACP,MAAM,gCAAgC,EAAE;AACxC,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC,cAAc,CAAC;AAC7F,OAAO;AACP,MAAM,uCAAuC,EAAE;AAC/C,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;AAClD,OAAO;AACP,MAAM,kBAAkB,EAAE;AAC1B,QAAQ,SAAS,EAAE,QAAQ;AAC3B,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,UAAU,EAAE,GAAG;AACvB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACD,SAAS,mBAAmB,CAAC,oBAAoB,EAAE;AACnD,EAAE,IAAI,CAAC,oBAAoB,EAAE;AAC7B,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO;AACT,IAAI,UAAU,EAAE;AAChB,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,kBAAkB,EAAE;AACxB,MAAM,SAAS,EAAEA,QAAG,CAAC,CAAC,CAAC;AACvB,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAEA,QAAG,CAAC,CAAC,CAAC;AACvB,MAAM,YAAY,EAAEA,QAAG,CAAC,CAAC,CAAC;AAC1B,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,YAAY,EAAEA,QAAG,CAAC,CAAC,CAAC;AAC1B,KAAK;AACL,IAAI,yCAAyC,EAAE;AAC/C,MAAM,SAAS,EAAE,CAAC;AAClB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACD,gBAAeC,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM;AAC3F,EAAE,wBAAwB,EAAE,cAAc,CAAC,EAAE,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AACzF,EAAE,OAAO,EAAE,cAAc,CAAC;AAC1B,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,IAAI,gBAAgB,EAAE;AACtB,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC/B,KAAK;AACL,IAAI,+BAA+B,EAAE;AACrC,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK;AACL,IAAI,wDAAwD,EAAE,cAAc,CAAC;AAC7E,MAAM,OAAO,EAAE,wBAAwB;AACvC,MAAM,aAAa,EAAE,MAAM;AAC3B,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,MAAM,EAAE,CAAC;AACf,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC;AACpC,GAAG,EAAE,gBAAgB,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;;;;"}

package/cjs/RichTextEditor.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.context.js","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { Styles, ClassNames } from '@mantine/core';\nimport { createSafeContext } from '@mantine/utils';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorStylesNames } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  editor: Editor;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n  classNames: ClassNames<RichTextEditorStylesNames>;\n  styles: Styles<RichTextEditorStylesNames>;\n  unstyled: boolean;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor was not found in tree');\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}
+{"version":3,"file":"RichTextEditor.context.js","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { Styles, ClassNames } from '@mantine/core';\nimport { createSafeContext } from '@mantine/utils';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorStylesNames } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  editor: Editor;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n  classNames: ClassNames<RichTextEditorStylesNames>;\n  styles: Styles<RichTextEditorStylesNames>;\n  unstyled: boolean;\n  variant: string;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor was not found in tree');\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}

package/cjs/RichTextEditor.js

@@ -65,7 +65,8 @@ const RichTextEditor = React.forwardRef((props, ref) => {
     withTypographyStyles,
     classNames,
     styles,
-    unstyled
+    unstyled,
+    variant
   } = _a, others = __objRest(_a, [
     "editor",
     "children",
@@ -75,13 +76,15 @@ const RichTextEditor = React.forwardRef((props, ref) => {
     "withTypographyStyles",
     "classNames",
     "styles",
-    "unstyled"
+    "unstyled",
+    "variant"
   ]);
   const { classes, cx } = RichTextEditor_styles['default'](null, {
     name: "RichTextEditor",
     classNames,
     styles,
-    unstyled
+    unstyled,
+    variant
   });
   const mergedLabels = React.useMemo(() => __spreadValues(__spreadValues({}, labels.DEFAULT_LABELS), labels$1), [labels$1]);
   return /* @__PURE__ */ React__default.createElement(RichTextEditor_context.RichTextEditorProvider, {
@@ -92,7 +95,8 @@ const RichTextEditor = React.forwardRef((props, ref) => {
       withTypographyStyles,
       classNames,
       styles,
-      unstyled
+      unstyled,
+      variant
     }
   }, /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues({
     className: cx(classes.root, className)

package/cjs/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  /** 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    ...others\n  } = useComponentDefaultProps('RichTextEditor', defaultProps, props);\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\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      }}\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":["forwardRef","useComponentDefaultProps","labels","useStyles","useMemo","DEFAULT_LABELS","React","RichTextEditorProvider","Box","Content","Control","ControlsGroup","Toolbar","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":["/* 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":["forwardRef","useComponentDefaultProps","labels","useStyles","useMemo","DEFAULT_LABELS","React","RichTextEditorProvider","Box","Content","Control","ControlsGroup","Toolbar","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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"}

package/cjs/RichTextEditor.styles.js

@@ -7,7 +7,7 @@ var core = require('@mantine/core');
 var useStyles = core.createStyles((theme) => ({
   root: {
     position: "relative",
-    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+    border: `${core.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
     borderRadius: theme.fn.radius()
   }
 }));

package/cjs/RichTextEditor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.styles.js","sources":["../src/RichTextEditor.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  root: {\n    position: 'relative',\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderRadius: theme.fn.radius(),\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"RichTextEditor.styles.js","sources":["../src/RichTextEditor.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  root: {\n    position: 'relative',\n    border: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderRadius: theme.fn.radius(),\n  },\n}));\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,CAAC,EAAEC,QAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3G,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Toolbar/Toolbar.js

@@ -49,7 +49,8 @@ const Toolbar = React.forwardRef((props, ref) => {
     name: "RichTextEditor",
     classNames: ctx.classNames,
     styles: ctx.styles,
-    unstyled: ctx.unstyled
+    unstyled: ctx.unstyled,
+    variant: ctx.variant
   });
   return /* @__PURE__ */ React__default.createElement(core.Group, __spreadValues({
     className: cx(classes.toolbar, className),

package/cjs/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Group, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Toolbar.styles';\n\nexport type ToolbarStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorToolbarProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Determines whether position: sticky styles should be added to the toolbar, false by default */\n  sticky?: boolean;\n\n  /** Sets top style to offset elements with fixed position, 0 by default */\n  stickyOffset?: React.CSSProperties['top'];\n}\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {\n  stickyOffset: 0,\n};\n\nexport const Toolbar = forwardRef<HTMLDivElement, RichTextEditorToolbarProps>((props, ref) => {\n  const { className, children, sticky, stickyOffset, ...others } = useComponentDefaultProps(\n    'RichTextEditorToolbar',\n    defaultProps,\n    props\n  );\n\n  const ctx = useRichTextEditorContext();\n  const { classes, cx } = useStyles(\n    { sticky, stickyOffset },\n    {\n      name: 'RichTextEditor',\n      classNames: ctx.classNames,\n      styles: ctx.styles,\n      unstyled: ctx.unstyled,\n    }\n  );\n\n  return (\n    <Group className={cx(classes.toolbar, className)} ref={ref} {...others}>\n      {children}\n    </Group>\n  );\n});\n\nToolbar.displayName = '@mantine/tiptap/Toolbar';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","Group"],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Group, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Toolbar.styles';\n\nexport type ToolbarStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorToolbarProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Determines whether position: sticky styles should be added to the toolbar, false by default */\n  sticky?: boolean;\n\n  /** Sets top style to offset elements with fixed position, 0 by default */\n  stickyOffset?: React.CSSProperties['top'];\n}\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {\n  stickyOffset: 0,\n};\n\nexport const Toolbar = forwardRef<HTMLDivElement, RichTextEditorToolbarProps>((props, ref) => {\n  const { className, children, sticky, stickyOffset, ...others } = useComponentDefaultProps(\n    'RichTextEditorToolbar',\n    defaultProps,\n    props\n  );\n\n  const ctx = useRichTextEditorContext();\n  const { classes, cx } = useStyles(\n    { sticky, stickyOffset },\n    {\n      name: 'RichTextEditor',\n      classNames: ctx.classNames,\n      styles: ctx.styles,\n      unstyled: ctx.unstyled,\n      variant: ctx.variant,\n    }\n  );\n\n  return (\n    <Group className={cx(classes.toolbar, className)} ref={ref} {...others}>\n      {children}\n    </Group>\n  );\n});\n\nToolbar.displayName = '@mantine/tiptap/Toolbar';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","Group"],"mappings":"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"}

package/cjs/Toolbar/Toolbar.styles.js

@@ -7,13 +7,13 @@ var core = require('@mantine/core');
 var useStyles = core.createStyles((theme, { sticky, stickyOffset }) => ({
   toolbar: {
     position: sticky ? "sticky" : "static",
-    top: sticky ? stickyOffset : void 0,
-    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,
+    top: sticky ? core.rem(stickyOffset) : void 0,
+    padding: `${theme.spacing.xs} ${theme.spacing.md}`,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
     zIndex: 1,
     borderTopRightRadius: theme.fn.radius(),
     borderTopLeftRadius: theme.fn.radius(),
-    borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
+    borderBottom: `${core.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
   }
 }));
 

package/cjs/Toolbar/Toolbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.styles.js","sources":["../../src/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport interface ToolbarStylesParams {\n  sticky: boolean;\n  stickyOffset: React.CSSProperties['top'];\n}\n\nexport default createStyles((theme, { sticky, stickyOffset }: ToolbarStylesParams) => ({\n  toolbar: {\n    position: sticky ? 'sticky' : 'static',\n    top: sticky ? stickyOffset : undefined,\n    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    zIndex: 1,\n    borderTopRightRadius: theme.fn.radius(),\n    borderTopLeftRadius: theme.fn.radius(),\n    borderBottom: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;AAClE,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ;AAC1C,IAAI,GAAG,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC;AACvC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1D,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC3C,IAAI,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC1C,IAAI,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3G,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Toolbar.styles.js","sources":["../../src/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport interface ToolbarStylesParams {\n  sticky: boolean;\n  stickyOffset: React.CSSProperties['top'];\n}\n\nexport default createStyles((theme, { sticky, stickyOffset }: ToolbarStylesParams) => ({\n  toolbar: {\n    position: sticky ? 'sticky' : 'static',\n    top: sticky ? rem(stickyOffset) : undefined,\n    padding: `${theme.spacing.xs} ${theme.spacing.md}`,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    zIndex: 1,\n    borderTopRightRadius: theme.fn.radius(),\n    borderTopLeftRadius: theme.fn.radius(),\n    borderBottom: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n  },\n}));\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;AAClE,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ;AAC1C,IAAI,GAAG,EAAE,MAAM,GAAGC,QAAG,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;AAC5C,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACtD,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC3C,IAAI,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC1C,IAAI,YAAY,EAAE,CAAC,EAAEA,QAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACjH,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/controls/ColorPickerControl/ColorPickerControl.js

@@ -112,7 +112,7 @@ const ColorPickerControl = React.forwardRef((props, ref) => {
     "aria-label": labels.colorPickerCancel
   }, /* @__PURE__ */ React__default.createElement(icons.IconX, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })), /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
     variant: "default",
     onClick: handleClear,
@@ -121,7 +121,7 @@ const ColorPickerControl = React.forwardRef((props, ref) => {
     "aria-label": labels.colorPickerClear
   }, /* @__PURE__ */ React__default.createElement(icons.IconCircleOff, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })), state === "palette" ? /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
     variant: "default",
     onClick: () => setState("colorPicker"),
@@ -130,7 +130,7 @@ const ColorPickerControl = React.forwardRef((props, ref) => {
     "aria-label": labels.colorPickerColorPicker
   }, /* @__PURE__ */ React__default.createElement(icons.IconColorPicker, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })) : /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
     variant: "default",
     onClick: () => setState("palette"),
@@ -139,7 +139,7 @@ const ColorPickerControl = React.forwardRef((props, ref) => {
     title: labels.colorPickerPalette
   }, /* @__PURE__ */ React__default.createElement(icons.IconPalette, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })), state === "colorPicker" && /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
     variant: "default",
     onClick: close,
@@ -148,7 +148,7 @@ const ColorPickerControl = React.forwardRef((props, ref) => {
     "aria-label": labels.colorPickerSave
   }, /* @__PURE__ */ React__default.createElement(icons.IconCheck, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   }))))));
 });
 ColorPickerControl.displayName = "@mantine/tiptap/ColorPickerControl";

package/cjs/controls/ColorPickerControl/ColorPickerControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerControl.js","sources":["../../../src/controls/ColorPickerControl/ColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n  DefaultProps,\n  Popover,\n  PopoverProps,\n  ColorSwatch,\n  SimpleGrid,\n  ColorPicker,\n  Group,\n  ActionIcon,\n  Tooltip,\n  ColorPickerProps,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons';\nimport { Control } from '../Control/Control';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\n\nexport interface ColorPickerControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'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<ColorPickerControlProps> = {};\n\nexport const ColorPickerControl = forwardRef<HTMLButtonElement, ColorPickerControlProps>(\n  (props, ref) => {\n    const { popoverProps, colors, colorPickerProps, ...others } = useComponentDefaultProps(\n      'RichTextEditorColorPickerControl',\n      defaultProps,\n      props\n    );\n\n    const { editor, labels, unstyled } = useRichTextEditorContext();\n    const [opened, { toggle, close }] = useDisclosure(false);\n    const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n    const currentColor = editor?.getAttributes('textStyle').color || '#000';\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        sx={{ cursor: 'pointer' }}\n        title={labels.colorPickerColorLabel(color)}\n        aria-label={labels.colorPickerColorLabel(color)}\n        unstyled={unstyled}\n      />\n    ));\n\n    return (\n      <Popover\n        opened={opened}\n        withinPortal\n        trapFocus\n        onClose={close}\n        unstyled={unstyled}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <Control\n            aria-label={labels.colorPickerControlLabel}\n            title={labels.colorPickerControlLabel}\n            {...others}\n            ref={ref}\n            onClick={toggle}\n          >\n            <ColorSwatch color={currentColor} size={14} unstyled={unstyled} />\n          </Control>\n        </Popover.Target>\n\n        <Popover.Dropdown\n          sx={(theme) => ({\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          })}\n        >\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              unstyled={unstyled}\n              {...colorPickerProps}\n            />\n          )}\n\n          <Tooltip.Group closeDelay={200}>\n            <Group position=\"right\" spacing=\"xs\" mt=\"sm\">\n              {state === 'palette' && (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\n                  title={labels.colorPickerCancel}\n                  aria-label={labels.colorPickerCancel}\n                >\n                  <IconX stroke={1.5} size={16} />\n                </ActionIcon>\n              )}\n\n              <ActionIcon\n                variant=\"default\"\n                onClick={handleClear}\n                unstyled={unstyled}\n                title={labels.colorPickerClear}\n                aria-label={labels.colorPickerClear}\n              >\n                <IconCircleOff stroke={1.5} size={16} />\n              </ActionIcon>\n\n              {state === 'palette' ? (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={() => setState('colorPicker')}\n                  unstyled={unstyled}\n                  title={labels.colorPickerColorPicker}\n                  aria-label={labels.colorPickerColorPicker}\n                >\n                  <IconColorPicker stroke={1.5} size={16} />\n                </ActionIcon>\n              ) : (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={() => setState('palette')}\n                  unstyled={unstyled}\n                  aria-label={labels.colorPickerPalette}\n                  title={labels.colorPickerPalette}\n                >\n                  <IconPalette stroke={1.5} size={16} />\n                </ActionIcon>\n              )}\n\n              {state === 'colorPicker' && (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\n                  title={labels.colorPickerSave}\n                  aria-label={labels.colorPickerSave}\n                >\n                  <IconCheck stroke={1.5} size={16} />\n                </ActionIcon>\n              )}\n            </Group>\n          </Tooltip.Group>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n\nColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useDisclosure","useState","React","ColorSwatch","Popover","Control","SimpleGrid","ColorPicker","Tooltip","Group","ActionIcon","IconX","IconCircleOff","IconColorPicker","IconPalette","IconCheck"],"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,EAAE,CAAC;AACZ,MAAC,kBAAkB,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAC7D,EAAE,MAAM,EAAE,GAAGC,6BAAwB,CAAC,kCAAkC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;AACxN,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AAClE,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAGC,mBAAa,CAAC,KAAK,CAAC,CAAC;AAC3D,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAC,SAAS,CAAC,CAAC;AAChD,EAAE,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC;AACrG,EAAE,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,KAAK;AACtD,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;AACjD,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;AAC9C,IAAI,KAAK,EAAE,CAAC;AACZ,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,qBAAqBC,cAAK,CAAC,aAAa,CAACC,gBAAW,EAAE;AACjG,IAAI,GAAG,EAAE,KAAK;AACd,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,KAAK;AACT,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC;AACtC,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;AAC7B,IAAI,KAAK,EAAE,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC;AAC9C,IAAI,YAAY,EAAE,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACrD,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,uBAAuBD,cAAK,CAAC,aAAa,CAACE,YAAO,EAAE,cAAc,CAAC;AACrE,IAAI,MAAM;AACV,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,QAAQ;AACZ,GAAG,EAAE,YAAY,CAAC,kBAAkBF,cAAK,CAAC,aAAa,CAACE,YAAO,CAAC,MAAM,EAAE,IAAI,kBAAkBF,cAAK,CAAC,aAAa,CAACG,eAAO,EAAE,aAAa,CAAC,cAAc,CAAC;AACxJ,IAAI,YAAY,EAAE,MAAM,CAAC,uBAAuB;AAChD,IAAI,KAAK,EAAE,MAAM,CAAC,uBAAuB;AACzC,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,IAAI,GAAG;AACP,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG,CAAC,kBAAkBH,cAAK,CAAC,aAAa,CAACC,gBAAW,EAAE;AACvD,IAAI,KAAK,EAAE,YAAY;AACvB,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAACE,YAAO,CAAC,QAAQ,EAAE;AAC9D,IAAI,EAAE,EAAE,CAAC,KAAK,MAAM;AACpB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,KAAK,CAAC;AACN,GAAG,EAAE,KAAK,KAAK,SAAS,oBAAoBF,cAAK,CAAC,aAAa,CAACI,eAAU,EAAE;AAC5E,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,EAAE,CAAC;AACd,GAAG,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,aAAa,oBAAoBJ,cAAK,CAAC,aAAa,CAACK,gBAAW,EAAE,cAAc,CAAC;AAC3G,IAAI,YAAY,EAAE,YAAY;AAC9B,IAAI,QAAQ,EAAE,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;AACnD,IAAI,QAAQ;AACZ,GAAG,EAAE,gBAAgB,CAAC,CAAC,kBAAkBL,cAAK,CAAC,aAAa,CAACM,YAAO,CAAC,KAAK,EAAE;AAC5E,IAAI,UAAU,EAAE,GAAG;AACnB,GAAG,kBAAkBN,cAAK,CAAC,aAAa,CAACO,UAAK,EAAE;AAChD,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,OAAO,EAAE,IAAI;AACjB,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG,EAAE,KAAK,KAAK,SAAS,oBAAoBP,cAAK,CAAC,aAAa,CAACQ,eAAU,EAAE;AAC5E,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,MAAM,CAAC,iBAAiB;AACnC,IAAI,YAAY,EAAE,MAAM,CAAC,iBAAiB;AAC1C,GAAG,kBAAkBR,cAAK,CAAC,aAAa,CAACS,WAAK,EAAE;AAChD,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,kBAAkBT,cAAK,CAAC,aAAa,CAACQ,eAAU,EAAE;AACvD,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,MAAM,CAAC,gBAAgB;AAClC,IAAI,YAAY,EAAE,MAAM,CAAC,gBAAgB;AACzC,GAAG,kBAAkBR,cAAK,CAAC,aAAa,CAACU,mBAAa,EAAE;AACxD,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,SAAS,mBAAmBV,cAAK,CAAC,aAAa,CAACQ,eAAU,EAAE;AAC7E,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAC,aAAa,CAAC;AAC1C,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,MAAM,CAAC,sBAAsB;AACxC,IAAI,YAAY,EAAE,MAAM,CAAC,sBAAsB;AAC/C,GAAG,kBAAkBR,cAAK,CAAC,aAAa,CAACW,qBAAe,EAAE;AAC1D,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,mBAAmBX,cAAK,CAAC,aAAa,CAACQ,eAAU,EAAE;AACxD,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAC,SAAS,CAAC;AACtC,IAAI,QAAQ;AACZ,IAAI,YAAY,EAAE,MAAM,CAAC,kBAAkB;AAC3C,IAAI,KAAK,EAAE,MAAM,CAAC,kBAAkB;AACpC,GAAG,kBAAkBR,cAAK,CAAC,aAAa,CAACY,iBAAW,EAAE;AACtD,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,aAAa,oBAAoBZ,cAAK,CAAC,aAAa,CAACQ,eAAU,EAAE;AAClF,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,MAAM,CAAC,eAAe;AACjC,IAAI,YAAY,EAAE,MAAM,CAAC,eAAe;AACxC,GAAG,kBAAkBR,cAAK,CAAC,aAAa,CAACa,eAAS,EAAE;AACpD,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACV,CAAC,EAAE;AACH,kBAAkB,CAAC,WAAW,GAAG,oCAAoC;;;;"}
+{"version":3,"file":"ColorPickerControl.js","sources":["../../../src/controls/ColorPickerControl/ColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n  DefaultProps,\n  Popover,\n  PopoverProps,\n  ColorSwatch,\n  SimpleGrid,\n  ColorPicker,\n  Group,\n  ActionIcon,\n  Tooltip,\n  ColorPickerProps,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons';\nimport { Control } from '../Control/Control';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\n\nexport interface ColorPickerControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'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<ColorPickerControlProps> = {};\n\nexport const ColorPickerControl = forwardRef<HTMLButtonElement, ColorPickerControlProps>(\n  (props, ref) => {\n    const { popoverProps, colors, colorPickerProps, ...others } = useComponentDefaultProps(\n      'RichTextEditorColorPickerControl',\n      defaultProps,\n      props\n    );\n\n    const { editor, labels, unstyled } = useRichTextEditorContext();\n    const [opened, { toggle, close }] = useDisclosure(false);\n    const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n    const currentColor = editor?.getAttributes('textStyle').color || '#000';\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        sx={{ cursor: 'pointer' }}\n        title={labels.colorPickerColorLabel(color)}\n        aria-label={labels.colorPickerColorLabel(color)}\n        unstyled={unstyled}\n      />\n    ));\n\n    return (\n      <Popover\n        opened={opened}\n        withinPortal\n        trapFocus\n        onClose={close}\n        unstyled={unstyled}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <Control\n            aria-label={labels.colorPickerControlLabel}\n            title={labels.colorPickerControlLabel}\n            {...others}\n            ref={ref}\n            onClick={toggle}\n          >\n            <ColorSwatch color={currentColor} size={14} unstyled={unstyled} />\n          </Control>\n        </Popover.Target>\n\n        <Popover.Dropdown\n          sx={(theme) => ({\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          })}\n        >\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              unstyled={unstyled}\n              {...colorPickerProps}\n            />\n          )}\n\n          <Tooltip.Group closeDelay={200}>\n            <Group position=\"right\" spacing=\"xs\" mt=\"sm\">\n              {state === 'palette' && (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\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                unstyled={unstyled}\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                  unstyled={unstyled}\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                  unstyled={unstyled}\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                  unstyled={unstyled}\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);\n\nColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useDisclosure","useState","React","ColorSwatch","Popover","Control","SimpleGrid","ColorPicker","Tooltip","Group","ActionIcon","IconX","IconCircleOff","IconColorPicker","IconPalette","IconCheck"],"mappings":"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"}

package/cjs/controls/Control/Control.js

@@ -44,12 +44,13 @@ const defaultProps = {
 };
 const Control = React.forwardRef((props, ref) => {
   const _a = core.useComponentDefaultProps("RichTextEditorControl", defaultProps, props), { className, active, children, interactive } = _a, others = __objRest(_a, ["className", "active", "children", "interactive"]);
-  const { classNames, styles, unstyled } = RichTextEditor_context.useRichTextEditorContext();
+  const { classNames, styles, unstyled, variant } = RichTextEditor_context.useRichTextEditorContext();
   const { classes, cx } = Control_styles['default'](null, {
     name: "RichTextEditor",
     classNames,
     styles,
-    unstyled
+    unstyled,
+    variant
   });
   return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
     className: cx(classes.control, className),

package/cjs/controls/Control/Control.js.map

@@ -1 +1 @@
-{"version":3,"file":"Control.js","sources":["../../../src/controls/Control/Control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { UnstyledButton, DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './Control.styles';\n\nexport type ControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface PremadeControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Icon component, should support size prop */\n  icon?: React.FC<{ size: number }>;\n}\n\nexport interface RichTextEditorControlProps extends PremadeControlProps {\n  /** Determines whether the control should have active state, false by default */\n  active?: boolean;\n\n  /** Determines whether the control can be interacted with, set false to make the control to act as a label */\n  interactive?: boolean;\n}\n\nconst defaultProps: Partial<RichTextEditorControlProps> = {\n  interactive: true,\n};\n\nexport const Control = forwardRef<HTMLButtonElement, RichTextEditorControlProps>((props, ref) => {\n  const { className, active, children, interactive, ...others } = useComponentDefaultProps(\n    'RichTextEditorControl',\n    defaultProps,\n    props\n  );\n\n  const { classNames, styles, unstyled } = useRichTextEditorContext();\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  return (\n    <UnstyledButton\n      className={cx(classes.control, className)}\n      data-rich-text-editor-control\n      tabIndex={interactive ? 0 : -1}\n      data-interactive={interactive || undefined}\n      data-active={active || undefined}\n      aria-pressed={(active && interactive) || undefined}\n      aria-hidden={!interactive || undefined}\n      ref={ref}\n      unstyled={unstyled}\n      {...others}\n    >\n      {children}\n    </UnstyledButton>\n  );\n});\n\nControl.displayName = '@mantine/tiptap/Control';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","UnstyledButton"],"mappings":"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"}
+{"version":3,"file":"Control.js","sources":["../../../src/controls/Control/Control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { UnstyledButton, DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './Control.styles';\n\nexport type ControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface PremadeControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Icon component, should support size prop */\n  icon?: React.FC<{ size: number | string }>;\n}\n\nexport interface RichTextEditorControlProps extends PremadeControlProps {\n  /** Determines whether the control should have active state, false by default */\n  active?: boolean;\n\n  /** Determines whether the control can be interacted with, set false to make the control to act as a label */\n  interactive?: boolean;\n}\n\nconst defaultProps: Partial<RichTextEditorControlProps> = {\n  interactive: true,\n};\n\nexport const Control = forwardRef<HTMLButtonElement, RichTextEditorControlProps>((props, ref) => {\n  const { className, active, children, interactive, ...others } = useComponentDefaultProps(\n    'RichTextEditorControl',\n    defaultProps,\n    props\n  );\n\n  const { classNames, styles, unstyled, variant } = useRichTextEditorContext();\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n  });\n\n  return (\n    <UnstyledButton\n      className={cx(classes.control, className)}\n      data-rich-text-editor-control\n      tabIndex={interactive ? 0 : -1}\n      data-interactive={interactive || undefined}\n      data-active={active || undefined}\n      aria-pressed={(active && interactive) || undefined}\n      aria-hidden={!interactive || undefined}\n      ref={ref}\n      unstyled={unstyled}\n      {...others}\n    >\n      {children}\n    </UnstyledButton>\n  );\n});\n\nControl.displayName = '@mantine/tiptap/Control';\n"],"names":["forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","React","UnstyledButton"],"mappings":";;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,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,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;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,IAAI;AACnB,CAAC,CAAC;AACU,MAAC,OAAO,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,EAAE,GAAGC,6BAAwB,CAAC,uBAAuB,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;AACnN,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AAC/E,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,yBAAS,CAAC,IAAI,EAAE;AAC1C,IAAI,IAAI,EAAE,gBAAgB;AAC1B,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,mBAAc,EAAE,cAAc,CAAC;AAC5E,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC;AAC7C,IAAI,+BAA+B,EAAE,IAAI;AACzC,IAAI,QAAQ,EAAE,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;AAClC,IAAI,kBAAkB,EAAE,WAAW,IAAI,KAAK,CAAC;AAC7C,IAAI,aAAa,EAAE,MAAM,IAAI,KAAK,CAAC;AACnC,IAAI,cAAc,EAAE,MAAM,IAAI,WAAW,IAAI,KAAK,CAAC;AACnD,IAAI,aAAa,EAAE,CAAC,WAAW,IAAI,KAAK,CAAC;AACzC,IAAI,GAAG;AACP,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,OAAO,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/cjs/controls/Control/Control.styles.js

@@ -25,12 +25,12 @@ var useStyles = core.createStyles((theme) => {
   return {
     control: {
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-      minWidth: 26,
-      height: 26,
+      minWidth: core.rem(26),
+      height: core.rem(26),
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
-      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+      border: `${core.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
       borderRadius: theme.fn.radius(),
       cursor: "default",
       "&[data-interactive]": __spreadValues({

package/cjs/controls/Control/Control.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Control.styles.js","sources":["../../../src/controls/Control/Control.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => {\n  const colors = theme.fn.variant({ variant: 'light' });\n  return {\n    control: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      minWidth: 26,\n      height: 26,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      borderRadius: theme.fn.radius(),\n      cursor: 'default',\n\n      '&[data-interactive]': {\n        cursor: 'pointer',\n        ...theme.fn.hover({\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n        }),\n      },\n\n      '&[data-active]': {\n        backgroundColor: colors.background,\n        color: colors.color,\n\n        '&:hover': {\n          ...theme.fn.hover({ backgroundColor: colors.hover }),\n        },\n      },\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Control.styles.js","sources":["../../../src/controls/Control/Control.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => {\n  const colors = theme.fn.variant({ variant: 'light' });\n  return {\n    control: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      minWidth: rem(26),\n      height: rem(26),\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      border: `${rem(1)} solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      borderRadius: theme.fn.radius(),\n      cursor: 'default',\n\n      '&[data-interactive]': {\n        cursor: 'pointer',\n        ...theme.fn.hover({\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n        }),\n      },\n\n      '&[data-active]': {\n        backgroundColor: colors.background,\n        color: colors.color,\n\n        '&:hover': {\n          ...theme.fn.hover({ backgroundColor: colors.hover }),\n        },\n      },\n    },\n  };\n});\n"],"names":["createStyles","rem"],"mappings":"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"}

package/cjs/controls/ControlBase/ControlBase.js

@@ -43,7 +43,7 @@ const ControlBase = React.forwardRef((_a, ref) => {
     active,
     ref
   }, others), /* @__PURE__ */ React__default.createElement(Icon, {
-    size: 16
+    size: "1rem"
   }));
 });
 ControlBase.displayName = "@mantine/tiptap/ControlBase";

package/cjs/controls/ControlBase/ControlBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlBase.js","sources":["../../../src/controls/ControlBase/ControlBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Control, RichTextEditorControlProps } from '../Control/Control';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n  icon: React.FC<{ size: number }>;\n}\n\nexport const ControlBase = forwardRef<HTMLButtonElement, RichTextEditorControlBaseProps>(\n  ({ className, active, icon: Icon, ...others }, ref) => (\n    <Control active={active} ref={ref} {...others}>\n      <Icon size={16} />\n    </Control>\n  )\n);\n\nControlBase.displayName = '@mantine/tiptap/ControlBase';\n"],"names":["forwardRef","React","Control"],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,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,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;AAGU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACnD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/G,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,eAAO,EAAE,cAAc,CAAC;AACrE,IAAI,MAAM;AACV,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,6BAA6B;;;;"}
+{"version":3,"file":"ControlBase.js","sources":["../../../src/controls/ControlBase/ControlBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Control, RichTextEditorControlProps } from '../Control/Control';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n  icon: React.FC<{ size: number | string }>;\n}\n\nexport const ControlBase = forwardRef<HTMLButtonElement, RichTextEditorControlBaseProps>(\n  ({ className, active, icon: Icon, ...others }, ref) => (\n    <Control active={active} ref={ref} {...others}>\n      <Icon size=\"1rem\" />\n    </Control>\n  )\n);\n\nControlBase.displayName = '@mantine/tiptap/ControlBase';\n"],"names":["forwardRef","React","Control"],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,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,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;AAGU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACnD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/G,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,eAAO,EAAE,cAAc,CAAC;AACrE,IAAI,MAAM;AACV,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,6BAA6B;;;;"}

package/cjs/controls/LinkControl/LinkControl.js

@@ -55,8 +55,14 @@ const LinkIcon = (_a) => {
 const defaultProps = {};
 const LinkControl = React.forwardRef((props, ref) => {
   const _a = core.useComponentDefaultProps("RichTextEditorLinkControl", defaultProps, props), { icon, popoverProps, disableTooltips } = _a, others = __objRest(_a, ["icon", "popoverProps", "disableTooltips"]);
-  const { editor, labels, classNames, styles, unstyled } = RichTextEditor_context.useRichTextEditorContext();
-  const { classes } = LinkControl_styles['default'](null, { name: "RichTextEditor", classNames, styles, unstyled });
+  const { editor, labels, classNames, styles, unstyled, variant } = RichTextEditor_context.useRichTextEditorContext();
+  const { classes } = LinkControl_styles['default'](null, {
+    name: "RichTextEditor",
+    classNames,
+    styles,
+    unstyled,
+    variant
+  });
   const [url, setUrl] = hooks.useInputState("");
   const [external, setExternal] = React.useState(false);
   const [opened, { open, close }] = hooks.useDisclosure(false);
@@ -129,7 +135,7 @@ const LinkControl = React.forwardRef((props, ref) => {
       className: classes.linkEditorExternalControl,
       unstyled
     }, /* @__PURE__ */ React__default.createElement(icons.IconExternalLink, {
-      size: 14,
+      size: core.rem(14),
       stroke: 1.5
     })))
   }), /* @__PURE__ */ React__default.createElement(core.Button, {