@mantine/tiptap 6.0.18 → 7.0.0-beta.0

package/cjs/{Toolbar/Toolbar.js → RichTextEditorControlsGroup/RichTextEditorControlsGroup.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var core = require('@mantine/core');
 var RichTextEditor_context = require('../RichTextEditor.context.js');
-var Toolbar_styles = require('./Toolbar.styles.js');
+var RichTextEditor_module = require('../RichTextEditor.module.css.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -39,25 +39,22 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const defaultProps = {
-  stickyOffset: 0
-};
-const Toolbar = React.forwardRef((props, ref) => {
-  const _a = core.useComponentDefaultProps("RichTextEditorToolbar", defaultProps, props), { className, children, sticky, stickyOffset } = _a, others = __objRest(_a, ["className", "children", "sticky", "stickyOffset"]);
-  const ctx = RichTextEditor_context.useRichTextEditorContext();
-  const { classes, cx } = Toolbar_styles['default']({ sticky, stickyOffset }, {
-    name: "RichTextEditor",
-    classNames: ctx.classNames,
-    styles: ctx.styles,
-    unstyled: ctx.unstyled,
-    variant: ctx.variant
-  });
-  return /* @__PURE__ */ React__default.createElement(core.Group, __spreadValues({
-    className: cx(classes.toolbar, className),
-    ref
-  }, others), children);
-});
-Toolbar.displayName = "@mantine/tiptap/Toolbar";
+const defaultProps = {};
+const RichTextEditorControlsGroup = core.factory(
+  (_props, ref) => {
+    const props = core.useProps("RichTextEditorControlsGroup", defaultProps, _props);
+    const _a = props, { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+    const ctx = RichTextEditor_context.useRichTextEditorContext();
+    return /* @__PURE__ */ React__default.createElement(
+      core.Box,
+      __spreadValues(__spreadValues({
+        ref
+      }, ctx.getStyles("controlsGroup", { className, style, styles, classNames })), others)
+    );
+  }
+);
+RichTextEditorControlsGroup.classes = RichTextEditor_module['default'];
+RichTextEditorControlsGroup.displayName = "@mantine/tiptap/RichTextEditorControlsGroup";
 
-exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar.js.map
+exports.RichTextEditorControlsGroup = RichTextEditorControlsGroup;
+//# sourceMappingURL=RichTextEditorControlsGroup.js.map

package/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorControlsGroup.js","sources":["../../src/RichTextEditorControlsGroup/RichTextEditorControlsGroup.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorControlsGroupStylesNames = 'controlsGroup';\nexport interface RichTextEditorControlsGroupProps\n  extends BoxProps,\n    StylesApiProps<RichTextEditorControlsGroupFactory>,\n    ElementProps<'div'> {}\n\nexport type RichTextEditorControlsGroupFactory = Factory<{\n  props: RichTextEditorControlsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorControlsGroupStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorControlsGroupProps> = {};\n\nexport const RichTextEditorControlsGroup = factory<RichTextEditorControlsGroupFactory>(\n  (_props, ref) => {\n    const props = useProps('RichTextEditorControlsGroup', defaultProps, _props);\n    const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n    const ctx = useRichTextEditorContext();\n    return (\n      <Box\n        ref={ref}\n        {...ctx.getStyles('controlsGroup', { className, style, styles, classNames })}\n        {...others}\n      />\n    );\n  }\n);\n\nRichTextEditorControlsGroup.classes = classes;\nRichTextEditorControlsGroup.displayName = '@mantine/tiptap/RichTextEditorControlsGroup';\n"],"names":["factory","useProps","useRichTextEditorContext","React","Box","classes"],"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;AASF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,2BAA2B,GAAGA,YAAO;AAClD,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK;AACnB,IAAI,MAAM,KAAK,GAAGC,aAAQ,CAAC,6BAA6B,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAChF,IAAI,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAChL,IAAI,MAAM,GAAG,GAAGC,+CAAwB,EAAE,CAAC;AAC3C,IAAI,uBAAuBC,cAAK,CAAC,aAAa;AAC9C,MAAMC,QAAG;AACT,MAAM,cAAc,CAAC,cAAc,CAAC;AACpC,QAAQ,GAAG;AACX,OAAO,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;AAC3F,KAAK,CAAC;AACN,GAAG;AACH,EAAE;AACF,2BAA2B,CAAC,OAAO,GAAGC,gCAAO,CAAC;AAC9C,2BAA2B,CAAC,WAAW,GAAG,6CAA6C;;;;"}

package/cjs/{Content/Content.js → RichTextEditorToolbar/RichTextEditorToolbar.js}

@@ -4,15 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var react = require('@tiptap/react');
 var RichTextEditor_context = require('../RichTextEditor.context.js');
-var Content_styles = require('./Content.styles.js');
+var RichTextEditor_module = require('../RichTextEditor.module.css.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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;
@@ -28,6 +29,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -41,29 +43,22 @@ var __objRest = (source, exclude) => {
   return target;
 };
 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,
-    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,
-    ref
-  }, /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
-    component: react.EditorContent,
-    editor,
-    className: classes.content
-  }, others)));
+const RichTextEditorToolbar = core.factory((_props, ref) => {
+  const props = core.useProps("RichTextEditorToolbar", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, sticky, stickyOffset } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "sticky", "stickyOffset"]);
+  const ctx = RichTextEditor_context.useRichTextEditorContext();
+  return /* @__PURE__ */ React__default.createElement(
+    core.Box,
+    __spreadProps(__spreadValues(__spreadValues({
+      ref,
+      mod: { sticky }
+    }, ctx.getStyles("toolbar", { className, style, styles, classNames })), others), {
+      __vars: { "--rte-sticky-offset": core.rem(stickyOffset) }
+    })
+  );
 });
-Content.displayName = "@mantine/tiptap/Content";
+RichTextEditorToolbar.classes = RichTextEditor_module['default'];
+RichTextEditorToolbar.displayName = "@mantine/tiptap/RichTextEditorToolbar";
 
-exports.Content = Content;
-//# sourceMappingURL=Content.js.map
+exports.RichTextEditorToolbar = RichTextEditorToolbar;
+//# sourceMappingURL=RichTextEditorToolbar.js.map

package/cjs/RichTextEditorToolbar/RichTextEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorToolbar.js","sources":["../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  rem,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorToolbarStylesNames = 'toolbar';\n\nexport interface RichTextEditorToolbarProps\n  extends BoxProps,\n    StylesApiProps<RichTextEditorToolbarFactory>,\n    ElementProps<'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\nexport type RichTextEditorToolbarFactory = Factory<{\n  props: RichTextEditorToolbarProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorToolbarStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {};\n\nexport const RichTextEditorToolbar = factory<RichTextEditorToolbarFactory>((_props, ref) => {\n  const props = useProps('RichTextEditorToolbar', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, sticky, stickyOffset, ...others } =\n    props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <Box\n      ref={ref}\n      mod={{ sticky }}\n      {...ctx.getStyles('toolbar', { className, style, styles, classNames })}\n      {...others}\n      __vars={{ '--rte-sticky-offset': rem(stickyOffset) }}\n    />\n  );\n});\n\nRichTextEditorToolbar.classes = classes;\nRichTextEditorToolbar.displayName = '@mantine/tiptap/RichTextEditorToolbar';\n"],"names":["factory","useProps","useRichTextEditorContext","React","Box","rem","classes"],"mappings":"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"}

package/cjs/index.css

@@ -0,0 +1,326 @@
+.m-dd3f7539 {
+  position: relative;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_root-bd);
+  border-radius: var(--mantine-radius-default);
+}
+
+  [data-mantine-color-scheme='light'] .m-dd3f7539 {
+    --_root-bd: var(--mantine-color-gray-4);
+}
+
+  [data-mantine-color-scheme='dark'] .m-dd3f7539 {
+    --_root-bd: var(--mantine-color-dark-4);
+}
+
+.m-d37966d9 {
+  padding: 0;
+  margin: 0;
+}
+
+.m-d37966d9 li > p {
+    margin: 0;
+  }
+
+.m-d37966d9 ul li,
+  .m-d37966d9 ol li {
+    margin-top: calc(0.125rem * var(--mantine-scale));
+  }
+
+.m-d37966d9 p {
+    margin-bottom: calc(0.4375rem * var(--mantine-scale));
+  }
+
+.m-d37966d9 h1,
+  .m-d37966d9 h2,
+  .m-d37966d9 h3,
+  .m-d37966d9 h4,
+  .m-d37966d9 h5,
+  .m-d37966d9 h6,
+  .m-d37966d9 p {
+    margin-top: 0;
+  }
+
+.m-c2204cc2 {
+  background-color: var(--mantine-color-body);
+  border-radius: var(--mantine-radius-default);
+}
+
+.m-c2204cc2 .ProseMirror {
+    outline: 0;
+    padding: var(--mantine-spacing-md);
+  }
+
+.m-c2204cc2 .ProseMirror > *:last-child {
+    margin-bottom: 0;
+  }
+
+.m-c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
+    content: attr(data-placeholder);
+    pointer-events: none;
+    user-select: none;
+    float: left;
+    height: 0;
+    color: var(--mantine-color-placeholder);
+  }
+
+.m-c2204cc2 pre {
+    background-color: var(--_code-bg);
+    color: var(--_code-color);
+    font-family: var(--mantine-font-family-monospace);
+    border-radius: var(--mantine-radius-default);
+    padding: var(--mantine-spacing-md) var(--mantine-spacing-xl);
+  }
+
+.m-c2204cc2 pre code {
+      background: none !important;
+      background-color: red;
+      color: inherit;
+      font-size: var(--mantine-font-size-sm);
+      padding: 0;
+    }
+
+.m-c2204cc2 pre .hljs-comment,
+    .m-c2204cc2 pre .hljs-quote {
+      color: var(--_code-color-comment);
+    }
+
+.m-c2204cc2 pre .hljs-variable,
+    .m-c2204cc2 pre .hljs-template-variable,
+    .m-c2204cc2 pre .hljs-attribute,
+    .m-c2204cc2 pre .hljs-tag,
+    .m-c2204cc2 pre .hljs-regexp,
+    .m-c2204cc2 pre .hljs-link,
+    .m-c2204cc2 pre .hljs-name,
+    .m-c2204cc2 pre .hljs-selector-id,
+    .m-c2204cc2 pre .hljs-selector-class {
+      color: var(--_code-color-var);
+    }
+
+.m-c2204cc2 pre .hljs-number,
+    .m-c2204cc2 pre .hljs-meta,
+    .m-c2204cc2 pre .hljs-built_in,
+    .m-c2204cc2 pre .hljs-builtin-name,
+    .m-c2204cc2 pre .hljs-literal,
+    .m-c2204cc2 pre .hljs-type,
+    .m-c2204cc2 pre .hljs-params {
+      color: var(--_code-color-number);
+    }
+
+.m-c2204cc2 pre .hljs-string,
+    .m-c2204cc2 pre .hljs-symbol,
+    .m-c2204cc2 pre .hljs-bullet {
+      color: var(--_code-color-var);
+    }
+
+.m-c2204cc2 pre .hljs-title,
+    .m-c2204cc2 pre .hljs-section {
+      color: var(--_code-color-title);
+    }
+
+.m-c2204cc2 pre .hljs-keyword,
+    .m-c2204cc2 pre .hljs-selector-tag {
+      color: var(--_code-color-keyword);
+    }
+
+.m-c2204cc2 pre .hljs-emphasis {
+      font-style: italic;
+    }
+
+.m-c2204cc2 pre .hljs-strong {
+      font-weight: 700;
+    }
+
+[data-mantine-color-scheme='light'] .m-c2204cc2 {
+    --_code-bg: var(--mantine-color-gray-0);
+    --_code-color: var(--mantine-color-gray-9);
+    --_code-color-comment: var(--mantine-color-gray-5);
+    --_code-color-var: var(--mantine-color-red-7);
+    --_code-color-number: var(--mantine-color-blue-7);
+    --_code-color-title: var(--mantine-color-pink-7);
+    --_code-color-keyword: var(--mantine-color-violet-7);
+}
+
+[data-mantine-color-scheme='dark'] .m-c2204cc2 {
+    --_code-bg: var(--mantine-color-dark-8);
+    --_code-color: var(--mantine-color-dark-0);
+    --_code-color-comment: var(--mantine-color-dark-2);
+    --_code-color-var: var(--mantine-color-red-5);
+    --_code-color-number: var(--mantine-color-cyan-5);
+    --_code-color-title: var(--mantine-color-yellow-5);
+    --_code-color-keyword: var(--mantine-color-violet-5);
+}
+
+.m-8a991b4f {
+  background-color: var(--mantine-color-body);
+}
+
+.m-c2207da6 {
+  background-color: var(--_control-bg);
+  color: var(--_control-color);
+  min-width: calc(1.625rem * var(--mantine-scale));
+  height: calc(1.625rem * var(--mantine-scale));
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_control-bd);
+  border-radius: var(--mantine-radius-default);
+  cursor: var(--_control-cursor, default);
+}
+
+.m-c2207da6[data-interactive] {
+    --_control-cursor: pointer;
+  }
+
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .m-c2207da6[data-interactive]:hover {
+        --_control-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-c2207da6[data-interactive]:hover {
+        --_control-bg: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .m-c2207da6[data-interactive]:active {
+        --_control-bg: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-c2207da6[data-interactive]:active {
+        --_control-bg: var(--mantine-color-dark-5);
+  }
+}
+
+[data-mantine-color-scheme] .m-c2207da6[data-active] {
+    --_control-bg: var(--mantine-primary-color-light);
+    --_control-color: var(--mantine-primary-color-light-color);
+  }
+
+@media (hover: hover) {
+
+  [data-mantine-color-scheme] .m-c2207da6[data-active]:hover {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+@media (hover: none) {
+
+  [data-mantine-color-scheme] .m-c2207da6[data-active]:active {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+[data-mantine-color-scheme='light'] .m-c2207da6 {
+    --_control-bg: var(--mantine-color-white);
+    --_control-bd: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-c2207da6 {
+    --_control-bg: var(--mantine-color-dark-6);
+    --_control-bd: var(--mantine-color-dark-4);
+}
+
+.m-2ab47ef2 {
+  display: flex;
+  background-color: var(--mantine-color-body);
+}
+
+.m-2ab47ef2 [data-rich-text-editor-control] {
+    border-radius: 0;
+  }
+
+.m-2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
+      border-right: 0;
+    }
+
+.m-2ab47ef2 [data-rich-text-editor-control]:last-of-type {
+      border-top-right-radius: var(--mantine-radius-default);
+      border-bottom-right-radius: var(--mantine-radius-default);
+    }
+
+.m-2ab47ef2 [data-rich-text-editor-control]:first-of-type {
+      border-top-left-radius: var(--mantine-radius-default);
+      border-bottom-left-radius: var(--mantine-radius-default);
+    }
+
+.m-b67b711e {
+  display: flex;
+}
+
+.m-296cf94c {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right: 0;
+}
+
+.m-cfef614 {
+  background-color: var(--_control-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_control-bd);
+  color: var(--_control-color, var(--mantine-color-text));
+  height: calc(1.5rem * var(--mantine-scale));
+  width: calc(1.5rem * var(--mantine-scale));
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: var(--mantine-radius-default);
+}
+
+[data-mantine-color-scheme] .m-cfef614[data-active] {
+    --_control-bg: var(--mantine-primary-color-light);
+    --_control-color: var(--mantine-primary-color-filled);
+  }
+
+@media (hover: hover) {
+
+  [data-mantine-color-scheme] .m-cfef614[data-active]:hover {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+@media (hover: none) {
+
+  [data-mantine-color-scheme] .m-cfef614[data-active]:active {
+      --_control-bg: var(--mantine-primary-color-light-hover);
+  }
+}
+
+[data-mantine-color-scheme='light'] .m-cfef614 {
+    --_control-bg: var(--mantine-color-white);
+    --_control-bd: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-cfef614 {
+    --_control-bg: var(--mantine-color-dark-7);
+    --_control-bd: var(--mantine-color-dark-4);
+}
+
+.m-3b28e7bb {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.m-4574a3c4 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--mantine-spacing-sm);
+  position: var(--_toolbar-position, static);
+  top: var(--rte-sticky-offset, 0);
+  background-color: var(--mantine-color-body);
+  z-index: 1;
+  border-top-right-radius: var(--mantine-radius-default);
+  border-top-left-radius: var(--mantine-radius-default);
+  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--_toolbar-bd);
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+}
+
+[data-mantine-color-scheme='light'] .m-4574a3c4 {
+    --_toolbar-bd: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-4574a3c4 {
+    --_toolbar-bd: var(--mantine-color-dark-4);
+}
+
+.m-4574a3c4[data-sticky] {
+    --_toolbar-position: sticky;
+  }

package/cjs/index.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -5,12 +6,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var RichTextEditor = require('./RichTextEditor.js');
 var RichTextEditor_context = require('./RichTextEditor.context.js');
 var labels = require('./labels.js');
+var RichTextEditorControlsGroup = require('./RichTextEditorControlsGroup/RichTextEditorControlsGroup.js');
+var RichTextEditorControl = require('./RichTextEditorControl/RichTextEditorControl.js');
+var RichTextEditorContent = require('./RichTextEditorContent/RichTextEditorContent.js');
 var Link = require('./extensions/Link.js');
+var RichTextEditorLinkControl = require('./RichTextEditorControl/RichTextEditorLinkControl.js');
+var RichTextEditorColorPickerControl = require('./RichTextEditorControl/RichTextEditorColorPickerControl.js');
+var RichTextEditorColorControl = require('./RichTextEditorControl/RichTextEditorColorControl.js');
+var controls = require('./RichTextEditorControl/controls.js');
 
 
 
 exports.RichTextEditor = RichTextEditor.RichTextEditor;
 exports.useRichTextEditorContext = RichTextEditor_context.useRichTextEditorContext;
 exports.DEFAULT_LABELS = labels.DEFAULT_LABELS;
+exports.RichTextEditorControlsGroup = RichTextEditorControlsGroup.RichTextEditorControlsGroup;
+exports.RichTextEditorControl = RichTextEditorControl.RichTextEditorControl;
+exports.RichTextEditorContent = RichTextEditorContent.RichTextEditorContent;
 exports.Link = Link.Link;
+exports.RichTextEditorLinkControl = RichTextEditorLinkControl.RichTextEditorLinkControl;
+exports.RichTextEditorColorPickerControl = RichTextEditorColorPickerControl.RichTextEditorColorPickerControl;
+exports.RichTextEditorColorControl = RichTextEditorColorControl.RichTextEditorColorControl;
+exports.AlignCenterControl = controls.AlignCenterControl;
+exports.AlignJustifyControl = controls.AlignJustifyControl;
+exports.AlignLeftControl = controls.AlignLeftControl;
+exports.AlignRightControl = controls.AlignRightControl;
+exports.BlockquoteControl = controls.BlockquoteControl;
+exports.BoldControl = controls.BoldControl;
+exports.BulletListControl = controls.BulletListControl;
+exports.ClearFormattingControl = controls.ClearFormattingControl;
+exports.CodeBlockControl = controls.CodeBlockControl;
+exports.CodeControl = controls.CodeControl;
+exports.H1Control = controls.H1Control;
+exports.H2Control = controls.H2Control;
+exports.H3Control = controls.H3Control;
+exports.H4Control = controls.H4Control;
+exports.H5Control = controls.H5Control;
+exports.H6Control = controls.H6Control;
+exports.HighlightControl = controls.HighlightControl;
+exports.HrControl = controls.HrControl;
+exports.ItalicControl = controls.ItalicControl;
+exports.OrderedListControl = controls.OrderedListControl;
+exports.StrikeThroughControl = controls.StrikeThroughControl;
+exports.SubscriptControl = controls.SubscriptControl;
+exports.SuperscriptControl = controls.SuperscriptControl;
+exports.UnderlineControl = controls.UnderlineControl;
+exports.UnlinkControl = controls.UnlinkControl;
+exports.UnsetColorControl = controls.UnsetColorControl;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/labels.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const DEFAULT_LABELS = {
+  // Controls labels
   linkControlLabel: "Link",
   colorPickerControlLabel: "Text color",
   highlightControlLabel: "Highlight text",
@@ -32,11 +33,13 @@ const DEFAULT_LABELS = {
   superscriptControlLabel: "Superscript",
   unsetColorControlLabel: "Unset color",
   hrControlLabel: "Horizontal line",
+  // Link editor
   linkEditorInputLabel: "Enter URL",
   linkEditorInputPlaceholder: "https://example.com/",
   linkEditorExternalLink: "Open link in a new tab",
   linkEditorInternalLink: "Open link in the same tab",
   linkEditorSave: "Save",
+  // Color picker control
   colorPickerCancel: "Cancel",
   colorPickerClear: "Clear color",
   colorPickerColorPicker: "Color picker",

package/cjs/labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"labels.js","sources":["../src/labels.ts"],"sourcesContent":["export interface RichTextEditorLabels {\n  /** RichTextEditor.Bold control aria-label */\n  boldControlLabel: string;\n\n  /** RichTextEditor.Hr control aria-label */\n  hrControlLabel: string;\n\n  /** RichTextEditor.Italic control aria-label */\n  italicControlLabel: string;\n\n  /** RichTextEditor.Underline control aria-label */\n  underlineControlLabel: string;\n\n  /** RichTextEditor.Strike control aria-label */\n  strikeControlLabel: string;\n\n  /** RichTextEditor.ClearFormatting control aria-label */\n  clearFormattingControlLabel: string;\n\n  /** RichTextEditor.Link control aria-label */\n  linkControlLabel: string;\n\n  /** RichTextEditor.Unlink control aria-label */\n  unlinkControlLabel: string;\n\n  /** RichTextEditor.BulletList control aria-label */\n  bulletListControlLabel: string;\n\n  /** RichTextEditor.OrderedList control aria-label */\n  orderedListControlLabel: string;\n\n  /** RichTextEditor.H1 control aria-label */\n  h1ControlLabel: string;\n\n  /** RichTextEditor.H2 control aria-label */\n  h2ControlLabel: string;\n\n  /** RichTextEditor.H3 control aria-label */\n  h3ControlLabel: string;\n\n  /** RichTextEditor.H4 control aria-label */\n  h4ControlLabel: string;\n\n  /** RichTextEditor.H5 control aria-label */\n  h5ControlLabel: string;\n\n  /** RichTextEditor.H6 control aria-label */\n  h6ControlLabel: string;\n\n  /** RichTextEditor.Blockquote control aria-label */\n  blockquoteControlLabel: string;\n\n  /** RichTextEditor.AlignLeft control aria-label */\n  alignLeftControlLabel: string;\n\n  /** RichTextEditor.AlignCenter control aria-label */\n  alignCenterControlLabel: string;\n\n  /** RichTextEditor.AlignRight control aria-label */\n  alignRightControlLabel: string;\n\n  /** RichTextEditor.AlignJustify control aria-label */\n  alignJustifyControlLabel: string;\n\n  /** RichTextEditor.Code control aria-label */\n  codeControlLabel: string;\n\n  /** RichTextEditor.CodeBlock control aria-label */\n  codeBlockControlLabel: string;\n\n  /** RichTextEditor.Subscript control aria-label */\n  subscriptControlLabel: string;\n\n  /** RichTextEditor.Superscript control aria-label */\n  superscriptControlLabel: string;\n\n  /** RichTextEditor.ColorPicker control aria-label */\n  colorPickerControlLabel: string;\n\n  /** RichTextEditor.UnsetColor control aria-label */\n  unsetColorControlLabel: string;\n\n  /** RichTextEditor.Highlight control aria-label */\n  highlightControlLabel: string;\n\n  /** A function go get RichTextEditor.Color control aria-label based on color that control applies */\n  colorControlLabel(color: string): string;\n\n  /** aria-label for link editor url input */\n  linkEditorInputLabel: string;\n\n  /** placeholder for link editor url input */\n  linkEditorInputPlaceholder: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */\n  linkEditorExternalLink: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */\n  linkEditorInternalLink: string;\n\n  /** Save button content in link editor */\n  linkEditorSave: string;\n\n  /** Cancel button title text in color picker control */\n  colorPickerCancel: string;\n\n  /** Clear button title text in color picker control */\n  colorPickerClear: string;\n\n  /** Color picker button title text in color picker control */\n  colorPickerColorPicker: string;\n\n  /** Palette button title text in color picker control */\n  colorPickerPalette: string;\n\n  /** Save button title text in color picker control */\n  colorPickerSave: string;\n\n  /** aria-label for color palette colors */\n  colorPickerColorLabel(color: string): string;\n}\n\nexport const DEFAULT_LABELS: RichTextEditorLabels = {\n  // Controls labels\n  linkControlLabel: 'Link',\n  colorPickerControlLabel: 'Text color',\n  highlightControlLabel: 'Highlight text',\n  colorControlLabel: (color) => `Set text color ${color}`,\n  boldControlLabel: 'Bold',\n  italicControlLabel: 'Italic',\n  underlineControlLabel: 'Underline',\n  strikeControlLabel: 'Strikethrough',\n  clearFormattingControlLabel: 'Clear formatting',\n  unlinkControlLabel: 'Remove link',\n  bulletListControlLabel: 'Bullet list',\n  orderedListControlLabel: 'Ordered list',\n  h1ControlLabel: 'Heading 1',\n  h2ControlLabel: 'Heading 2',\n  h3ControlLabel: 'Heading 3',\n  h4ControlLabel: 'Heading 4',\n  h5ControlLabel: 'Heading 5',\n  h6ControlLabel: 'Heading 6',\n  blockquoteControlLabel: 'Blockquote',\n  alignLeftControlLabel: 'Align text: left',\n  alignCenterControlLabel: 'Align text: center',\n  alignRightControlLabel: 'Align text: right',\n  alignJustifyControlLabel: 'Align text: justify',\n  codeControlLabel: 'Code',\n  codeBlockControlLabel: 'Code block',\n  subscriptControlLabel: 'Subscript',\n  superscriptControlLabel: 'Superscript',\n  unsetColorControlLabel: 'Unset color',\n  hrControlLabel: 'Horizontal line',\n\n  // Link editor\n  linkEditorInputLabel: 'Enter URL',\n  linkEditorInputPlaceholder: 'https://example.com/',\n  linkEditorExternalLink: 'Open link in a new tab',\n  linkEditorInternalLink: 'Open link in the same tab',\n  linkEditorSave: 'Save',\n\n  // Color picker control\n  colorPickerCancel: 'Cancel',\n  colorPickerClear: 'Clear color',\n  colorPickerColorPicker: 'Color picker',\n  colorPickerPalette: 'Color palette',\n  colorPickerSave: 'Save',\n  colorPickerColorLabel: (color) => `Set text color ${color}`,\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,cAAc,GAAG;AAC9B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,uBAAuB,EAAE,YAAY;AACvC,EAAE,qBAAqB,EAAE,gBAAgB;AACzC,EAAE,iBAAiB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,kBAAkB,EAAE,QAAQ;AAC9B,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,2BAA2B,EAAE,kBAAkB;AACjD,EAAE,kBAAkB,EAAE,aAAa;AACnC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,uBAAuB,EAAE,cAAc;AACzC,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,sBAAsB,EAAE,YAAY;AACtC,EAAE,qBAAqB,EAAE,kBAAkB;AAC3C,EAAE,uBAAuB,EAAE,oBAAoB;AAC/C,EAAE,sBAAsB,EAAE,mBAAmB;AAC7C,EAAE,wBAAwB,EAAE,qBAAqB;AACjD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,qBAAqB,EAAE,YAAY;AACrC,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,uBAAuB,EAAE,aAAa;AACxC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,cAAc,EAAE,iBAAiB;AACnC,EAAE,oBAAoB,EAAE,WAAW;AACnC,EAAE,0BAA0B,EAAE,sBAAsB;AACpD,EAAE,sBAAsB,EAAE,wBAAwB;AAClD,EAAE,sBAAsB,EAAE,2BAA2B;AACrD,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,iBAAiB,EAAE,QAAQ;AAC7B,EAAE,gBAAgB,EAAE,aAAa;AACjC,EAAE,sBAAsB,EAAE,cAAc;AACxC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,qBAAqB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC7D;;;;"}
+{"version":3,"file":"labels.js","sources":["../src/labels.ts"],"sourcesContent":["export interface RichTextEditorLabels {\n  /** RichTextEditor.Bold control aria-label */\n  boldControlLabel: string;\n\n  /** RichTextEditor.Hr control aria-label */\n  hrControlLabel: string;\n\n  /** RichTextEditor.Italic control aria-label */\n  italicControlLabel: string;\n\n  /** RichTextEditor.Underline control aria-label */\n  underlineControlLabel: string;\n\n  /** RichTextEditor.Strike control aria-label */\n  strikeControlLabel: string;\n\n  /** RichTextEditor.ClearFormatting control aria-label */\n  clearFormattingControlLabel: string;\n\n  /** RichTextEditor.Link control aria-label */\n  linkControlLabel: string;\n\n  /** RichTextEditor.Unlink control aria-label */\n  unlinkControlLabel: string;\n\n  /** RichTextEditor.BulletList control aria-label */\n  bulletListControlLabel: string;\n\n  /** RichTextEditor.OrderedList control aria-label */\n  orderedListControlLabel: string;\n\n  /** RichTextEditor.H1 control aria-label */\n  h1ControlLabel: string;\n\n  /** RichTextEditor.H2 control aria-label */\n  h2ControlLabel: string;\n\n  /** RichTextEditor.H3 control aria-label */\n  h3ControlLabel: string;\n\n  /** RichTextEditor.H4 control aria-label */\n  h4ControlLabel: string;\n\n  /** RichTextEditor.H5 control aria-label */\n  h5ControlLabel: string;\n\n  /** RichTextEditor.H6 control aria-label */\n  h6ControlLabel: string;\n\n  /** RichTextEditor.Blockquote control aria-label */\n  blockquoteControlLabel: string;\n\n  /** RichTextEditor.AlignLeft control aria-label */\n  alignLeftControlLabel: string;\n\n  /** RichTextEditor.AlignCenter control aria-label */\n  alignCenterControlLabel: string;\n\n  /** RichTextEditor.AlignRight control aria-label */\n  alignRightControlLabel: string;\n\n  /** RichTextEditor.AlignJustify control aria-label */\n  alignJustifyControlLabel: string;\n\n  /** RichTextEditor.Code control aria-label */\n  codeControlLabel: string;\n\n  /** RichTextEditor.CodeBlock control aria-label */\n  codeBlockControlLabel: string;\n\n  /** RichTextEditor.Subscript control aria-label */\n  subscriptControlLabel: string;\n\n  /** RichTextEditor.Superscript control aria-label */\n  superscriptControlLabel: string;\n\n  /** RichTextEditor.ColorPicker control aria-label */\n  colorPickerControlLabel: string;\n\n  /** RichTextEditor.UnsetColor control aria-label */\n  unsetColorControlLabel: string;\n\n  /** RichTextEditor.Highlight control aria-label */\n  highlightControlLabel: string;\n\n  /** A function go get RichTextEditor.Color control aria-label based on color that control applies */\n  colorControlLabel(color: string): string;\n\n  /** aria-label for link editor url input */\n  linkEditorInputLabel: string;\n\n  /** placeholder for link editor url input */\n  linkEditorInputPlaceholder: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */\n  linkEditorExternalLink: string;\n\n  /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */\n  linkEditorInternalLink: string;\n\n  /** Save button content in link editor */\n  linkEditorSave: string;\n\n  /** Cancel button title text in color picker control */\n  colorPickerCancel: string;\n\n  /** Clear button title text in color picker control */\n  colorPickerClear: string;\n\n  /** Color picker button title text in color picker control */\n  colorPickerColorPicker: string;\n\n  /** Palette button title text in color picker control */\n  colorPickerPalette: string;\n\n  /** Save button title text in color picker control */\n  colorPickerSave: string;\n\n  /** aria-label for color palette colors */\n  colorPickerColorLabel(color: string): string;\n}\n\nexport const DEFAULT_LABELS: RichTextEditorLabels = {\n  // Controls labels\n  linkControlLabel: 'Link',\n  colorPickerControlLabel: 'Text color',\n  highlightControlLabel: 'Highlight text',\n  colorControlLabel: (color) => `Set text color ${color}`,\n  boldControlLabel: 'Bold',\n  italicControlLabel: 'Italic',\n  underlineControlLabel: 'Underline',\n  strikeControlLabel: 'Strikethrough',\n  clearFormattingControlLabel: 'Clear formatting',\n  unlinkControlLabel: 'Remove link',\n  bulletListControlLabel: 'Bullet list',\n  orderedListControlLabel: 'Ordered list',\n  h1ControlLabel: 'Heading 1',\n  h2ControlLabel: 'Heading 2',\n  h3ControlLabel: 'Heading 3',\n  h4ControlLabel: 'Heading 4',\n  h5ControlLabel: 'Heading 5',\n  h6ControlLabel: 'Heading 6',\n  blockquoteControlLabel: 'Blockquote',\n  alignLeftControlLabel: 'Align text: left',\n  alignCenterControlLabel: 'Align text: center',\n  alignRightControlLabel: 'Align text: right',\n  alignJustifyControlLabel: 'Align text: justify',\n  codeControlLabel: 'Code',\n  codeBlockControlLabel: 'Code block',\n  subscriptControlLabel: 'Subscript',\n  superscriptControlLabel: 'Superscript',\n  unsetColorControlLabel: 'Unset color',\n  hrControlLabel: 'Horizontal line',\n\n  // Link editor\n  linkEditorInputLabel: 'Enter URL',\n  linkEditorInputPlaceholder: 'https://example.com/',\n  linkEditorExternalLink: 'Open link in a new tab',\n  linkEditorInternalLink: 'Open link in the same tab',\n  linkEditorSave: 'Save',\n\n  // Color picker control\n  colorPickerCancel: 'Cancel',\n  colorPickerClear: 'Clear color',\n  colorPickerColorPicker: 'Color picker',\n  colorPickerPalette: 'Color palette',\n  colorPickerSave: 'Save',\n  colorPickerColorLabel: (color) => `Set text color ${color}`,\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,cAAc,GAAG;AAC9B;AACA,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,uBAAuB,EAAE,YAAY;AACvC,EAAE,qBAAqB,EAAE,gBAAgB;AACzC,EAAE,iBAAiB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,kBAAkB,EAAE,QAAQ;AAC9B,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,2BAA2B,EAAE,kBAAkB;AACjD,EAAE,kBAAkB,EAAE,aAAa;AACnC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,uBAAuB,EAAE,cAAc;AACzC,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,sBAAsB,EAAE,YAAY;AACtC,EAAE,qBAAqB,EAAE,kBAAkB;AAC3C,EAAE,uBAAuB,EAAE,oBAAoB;AAC/C,EAAE,sBAAsB,EAAE,mBAAmB;AAC7C,EAAE,wBAAwB,EAAE,qBAAqB;AACjD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,qBAAqB,EAAE,YAAY;AACrC,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,uBAAuB,EAAE,aAAa;AACxC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,cAAc,EAAE,iBAAiB;AACnC;AACA,EAAE,oBAAoB,EAAE,WAAW;AACnC,EAAE,0BAA0B,EAAE,sBAAsB;AACpD,EAAE,sBAAsB,EAAE,wBAAwB;AAClD,EAAE,sBAAsB,EAAE,2BAA2B;AACrD,EAAE,cAAc,EAAE,MAAM;AACxB;AACA,EAAE,iBAAiB,EAAE,QAAQ;AAC7B,EAAE,gBAAgB,EAAE,aAAa;AACjC,EAAE,sBAAsB,EAAE,cAAc;AACxC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,qBAAqB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC7D;;;;"}

package/esm/RichTextEditor.context.js

@@ -1,6 +1,6 @@
-import { createSafeContext } from '@mantine/utils';
+import { createSafeContext } from '@mantine/core';
 
-const [RichTextEditorProvider, useRichTextEditorContext] = createSafeContext("RichTextEditor was not found in tree");
+const [RichTextEditorProvider, useRichTextEditorContext] = createSafeContext("RichTextEditor component was not found in tree");
 
 export { RichTextEditorProvider, useRichTextEditorContext };
 //# sourceMappingURL=RichTextEditor.context.js.map

package/esm/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  variant: string;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor was not found in tree');\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAG,iBAAiB,CAAC,sCAAsC;;;;"}
+{"version":3,"file":"RichTextEditor.context.js","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorFactory } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  getStyles: GetStylesApi<RichTextEditorFactory>;\n  editor: Editor | null;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean | undefined;\n  withTypographyStyles: boolean | undefined;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor component was not found in tree');\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAG,iBAAiB,CAAC,gDAAgD;;;;"}