@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/richTextEditor/RichTextEditor.d.mts

@@ -1,21 +1,23 @@
 import * as React from 'react';
 import { type Editor, type UseEditorOptions } from '@tiptap/react';
-import { richTextEditorContentPropDefs, richTextEditorPropDefs } from './richTextEditor.props.js';
+import { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props.js';
+import { type EditorToolsOptions } from './EditorTools.js';
 import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
 type RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>;
 type RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>;
+type RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>;
 type RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>;
 type RichTextEditorToolbarSlot = React.ReactNode | ((context: {
     disabled: boolean;
     editor: Editor | null;
 }) => React.ReactNode);
 type RichTextEditorPreset = 'basic' | 'article';
-type RichTextEditorExtensionConfig = {
+type RichTextEditorExtensionConfig = Pick<EditorToolsOptions, 'variables' | 'mentions'> & {
     preset?: RichTextEditorPreset;
     extensions?: UseEditorOptions['extensions'];
 };
 declare function createRichTextEditorExtensions(config?: RichTextEditorExtensionConfig): NonNullable<UseEditorOptions['extensions']>;
-interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>, RichTextEditorOwnProps {
+interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>, RichTextEditorOwnProps, EditorToolsOptions {
     content?: unknown;
     editorOptions?: RichTextEditorManagedEditorOptions;
     extensions?: UseEditorOptions['extensions'];
@@ -26,12 +28,12 @@ interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     serialize?: (editor: Editor) => string;
     toolbar?: RichTextEditorToolbarSlot | null;
 }
-interface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps {
+interface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps, EditorToolsOptions {
     editor: Editor | null;
     placeholder?: string;
     toolbar?: RichTextEditorToolbarSlot | null;
 }
-interface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+interface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement>, EditorToolsOptions {
     editor: Editor | null;
     disabled?: boolean;
 }
@@ -39,15 +41,23 @@ interface RichTextEditorContentProps extends Omit<React.HTMLAttributes<HTMLDivEl
     editor: Editor | null;
     placeholder?: string;
 }
+interface RichTextEditorToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, RichTextEditorToolbarButtonOwnProps {
+}
 declare const RichTextEditorShell: React.ForwardRefExoticComponent<RichTextEditorShellProps & React.RefAttributes<HTMLDivElement>>;
+declare const RichTextEditorToolbarButton: React.ForwardRefExoticComponent<RichTextEditorToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const RichTextEditorToolbar: React.ForwardRefExoticComponent<RichTextEditorToolbarProps & React.RefAttributes<HTMLDivElement>>;
 declare const RichTextEditorContent: React.ForwardRefExoticComponent<RichTextEditorContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const RichTextEditorRoot: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
 declare const RichTextEditor: typeof RichTextEditorRoot & {
+    Root: typeof RichTextEditorRoot;
     Shell: typeof RichTextEditorShell;
     Toolbar: typeof RichTextEditorToolbar;
     Content: typeof RichTextEditorContent;
+    ToolbarButton: typeof RichTextEditorToolbarButton;
 };
-export { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions };
-export type { RichTextEditorContentProps, RichTextEditorProps, RichTextEditorShellProps, RichTextEditorToolbarProps, RichTextEditorToolbarSlot, RichTextEditorPreset, RichTextEditorExtensionConfig, };
+export { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, RichTextEditorToolbarButton, createRichTextEditorExtensions };
+export type { RichTextEditorContentProps, RichTextEditorProps, RichTextEditorShellProps, RichTextEditorToolbarProps, RichTextEditorToolbarButtonProps, RichTextEditorToolbarSlot, RichTextEditorPreset, RichTextEditorExtensionConfig, };
+export { createVariableExtension, createMentionExtension } from './editorTokens.js';
+export type { EditorVariable, EditorMention } from './editorTokens.js';
+export type { EditorTool, EditorInsertItem, EditorToolsOptions } from './EditorTools.js';
 //# sourceMappingURL=RichTextEditor.d.mts.map

package/dist/components/richTextEditor/RichTextEditor.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.mts","sourceRoot":"","sources":["../../../src/components/richTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.d.mts","sourceRoot":"","sources":["../../../src/components/richTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/richTextEditor/RichTextEditor.d.ts

@@ -1,21 +1,23 @@
 import * as React from 'react';
 import { type Editor, type UseEditorOptions } from '@tiptap/react';
-import { richTextEditorContentPropDefs, richTextEditorPropDefs } from './richTextEditor.props.js';
+import { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props.js';
+import { type EditorToolsOptions } from './EditorTools.js';
 import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
 type RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>;
 type RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>;
+type RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>;
 type RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>;
 type RichTextEditorToolbarSlot = React.ReactNode | ((context: {
     disabled: boolean;
     editor: Editor | null;
 }) => React.ReactNode);
 type RichTextEditorPreset = 'basic' | 'article';
-type RichTextEditorExtensionConfig = {
+type RichTextEditorExtensionConfig = Pick<EditorToolsOptions, 'variables' | 'mentions'> & {
     preset?: RichTextEditorPreset;
     extensions?: UseEditorOptions['extensions'];
 };
 declare function createRichTextEditorExtensions(config?: RichTextEditorExtensionConfig): NonNullable<UseEditorOptions['extensions']>;
-interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>, RichTextEditorOwnProps {
+interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>, RichTextEditorOwnProps, EditorToolsOptions {
     content?: unknown;
     editorOptions?: RichTextEditorManagedEditorOptions;
     extensions?: UseEditorOptions['extensions'];
@@ -26,12 +28,12 @@ interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     serialize?: (editor: Editor) => string;
     toolbar?: RichTextEditorToolbarSlot | null;
 }
-interface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps {
+interface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps, EditorToolsOptions {
     editor: Editor | null;
     placeholder?: string;
     toolbar?: RichTextEditorToolbarSlot | null;
 }
-interface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+interface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement>, EditorToolsOptions {
     editor: Editor | null;
     disabled?: boolean;
 }
@@ -39,15 +41,23 @@ interface RichTextEditorContentProps extends Omit<React.HTMLAttributes<HTMLDivEl
     editor: Editor | null;
     placeholder?: string;
 }
+interface RichTextEditorToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, RichTextEditorToolbarButtonOwnProps {
+}
 declare const RichTextEditorShell: React.ForwardRefExoticComponent<RichTextEditorShellProps & React.RefAttributes<HTMLDivElement>>;
+declare const RichTextEditorToolbarButton: React.ForwardRefExoticComponent<RichTextEditorToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const RichTextEditorToolbar: React.ForwardRefExoticComponent<RichTextEditorToolbarProps & React.RefAttributes<HTMLDivElement>>;
 declare const RichTextEditorContent: React.ForwardRefExoticComponent<RichTextEditorContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const RichTextEditorRoot: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
 declare const RichTextEditor: typeof RichTextEditorRoot & {
+    Root: typeof RichTextEditorRoot;
     Shell: typeof RichTextEditorShell;
     Toolbar: typeof RichTextEditorToolbar;
     Content: typeof RichTextEditorContent;
+    ToolbarButton: typeof RichTextEditorToolbarButton;
 };
-export { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions };
-export type { RichTextEditorContentProps, RichTextEditorProps, RichTextEditorShellProps, RichTextEditorToolbarProps, RichTextEditorToolbarSlot, RichTextEditorPreset, RichTextEditorExtensionConfig, };
+export { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, RichTextEditorToolbarButton, createRichTextEditorExtensions };
+export type { RichTextEditorContentProps, RichTextEditorProps, RichTextEditorShellProps, RichTextEditorToolbarProps, RichTextEditorToolbarButtonProps, RichTextEditorToolbarSlot, RichTextEditorPreset, RichTextEditorExtensionConfig, };
+export { createVariableExtension, createMentionExtension } from './editorTokens.js';
+export type { EditorVariable, EditorMention } from './editorTokens.js';
+export type { EditorTool, EditorInsertItem, EditorToolsOptions } from './EditorTools.js';
 //# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/richTextEditor/RichTextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/richTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/richTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/richTextEditor/RichTextEditor.js

@@ -7,17 +7,21 @@ import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from "./richTextEditor.props.js";
 import { Button } from "../button/Button.js";
 import { Icon } from "../icon/Icon.js";
+import { Toolbar } from "../toolbar/Toolbar.js";
 import { createArticleExtensions } from "../articleNodes/articleExtensions.js";
+import { EditorTools } from "./EditorTools.js";
+import { createVariableExtension, createMentionExtension } from "./editorTokens.js";
+import { createVariableExtension as createVariableExtension2, createMentionExtension as createMentionExtension2 } from "./editorTokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const defaultRichTextEditorExtensions = [StarterKit];
 function createRichTextEditorExtensions(config = {}) {
   if (config.extensions) return config.extensions;
-  return config.preset === "article" ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions;
+  return [...config.preset === "article" ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions, ...config.variables ? [createVariableExtension({ variables: config.variables })] : [], ...config.mentions ? [createMentionExtension({ mentions: config.mentions })] : []];
 }
 function isRichTextEditorContent(value) {
   return value === null || typeof value === "string" || typeof value === "object";
 }
-function renderRichTextEditorToolbar(toolbar, editor, disabled) {
+function renderRichTextEditorToolbar(toolbar, editor, disabled, options) {
   if (toolbar === null) {
     return null;
   }
@@ -27,19 +31,23 @@ function renderRichTextEditorToolbar(toolbar, editor, disabled) {
   if (toolbar !== void 0) {
     return toolbar;
   }
-  return /* @__PURE__ */ jsx(RichTextEditorToolbar, { editor, disabled });
+  return /* @__PURE__ */ jsx(RichTextEditorToolbar, { editor, disabled, ...options });
 }
 function getRichTextEditorAttributes(editorOptions) {
   const attributes = editorOptions?.editorProps?.attributes;
-  if (!attributes || typeof attributes === "function") {
-    return {
-      class: "dsx-rich-text-editor__prosemirror",
-      "data-slot": "rich-text-editor-prosemirror"
+  if (typeof attributes === "function") {
+    return (state) => {
+      const resolved = attributes(state);
+      return {
+        ...resolved,
+        class: classNames("dsx-rich-text-editor__prosemirror", resolved.class),
+        "data-slot": "rich-text-editor-prosemirror"
+      };
     };
   }
   return {
     ...attributes,
-    class: classNames("dsx-rich-text-editor__prosemirror", attributes.class),
+    class: classNames("dsx-rich-text-editor__prosemirror", attributes?.class),
     "data-slot": "rich-text-editor-prosemirror"
   };
 }
@@ -54,7 +62,7 @@ function getRichTextEditorStatus(editor) {
   return `${plainText.length} characters`;
 }
 const RichTextEditorShell = React.forwardRef(
-  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, ...props }, forwardedRef) => {
+  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, tools, headingLevels, insertItems, variables, mentions, ...props }, forwardedRef) => {
     const {
       asChild: _asChild,
       className,
@@ -77,7 +85,7 @@ const RichTextEditorShell = React.forwardRef(
         "data-disabled": disabled ? "true" : void 0,
         "data-slot": "rich-text-editor",
         children: [
-          renderRichTextEditorToolbar(toolbar, editor, disabled),
+          renderRichTextEditorToolbar(toolbar, editor, disabled, { tools, headingLevels, insertItems, variables, mentions }),
           /* @__PURE__ */ jsx(RichTextEditorContent, { editor, placeholder, disabled }),
           /* @__PURE__ */ jsx("div", { className: "dsx-rich-text-editor__status", "data-slot": "rich-text-editor-status", children: /* @__PURE__ */ jsx("span", { children: getRichTextEditorStatus(editor) }) })
         ]
@@ -96,7 +104,7 @@ const RichTextEditorToolbarButton = React.forwardRef(
       },
       richTextEditorToolbarButtonPropDefs
     );
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Toolbar.Button, { asChild: true, disabled: buttonProps.disabled, children: /* @__PURE__ */ jsx(
       Button,
       {
         ...buttonProps,
@@ -109,200 +117,12 @@ const RichTextEditorToolbarButton = React.forwardRef(
         "data-slot": "rich-text-editor-toolbar-button",
         className: classNames("dsx-rich-text-editor__toolbar-button", className)
       }
-    );
+    ) });
   }
 );
 RichTextEditorToolbarButton.displayName = "RichTextEditorToolbarButton";
 const RichTextEditorToolbar = React.forwardRef(
-  ({ editor, disabled = false, className, ...props }, forwardedRef) => {
-    const toolbarDisabled = disabled || !editor;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...props,
-        ref: forwardedRef,
-        className: classNames("dsx-rich-text-editor__toolbar", className),
-        "data-disabled": toolbarDisabled ? "true" : void 0,
-        "data-slot": "rich-text-editor-toolbar",
-        role: "toolbar",
-        "aria-label": "Formatting toolbar",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "Text style", children: [
-            /* @__PURE__ */ jsx("span", { className: "dsx-rich-text-editor__toolbar-label", children: "Text" }),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("bold") ?? false,
-                "aria-label": "Bold",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleBold().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "bold", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("italic") ?? false,
-                "aria-label": "Italic",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleItalic().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "italic", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("strike") ?? false,
-                "aria-label": "Strikethrough",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleStrike().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "strikethrough", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "Block style", children: [
-            /* @__PURE__ */ jsx("span", { className: "dsx-rich-text-editor__toolbar-label", children: "Blocks" }),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("heading", { level: 1 }) ?? false,
-                "aria-label": "Heading 1",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "heading-1", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("heading", { level: 2 }) ?? false,
-                "aria-label": "Heading",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "heading-2", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("heading", { level: 3 }) ?? false,
-                "aria-label": "Subheading",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleHeading({ level: 3 }).run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "heading-3", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("bulletList") ?? false,
-                "aria-label": "Bulleted list",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleBulletList().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "list", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("orderedList") ?? false,
-                "aria-label": "Numbered list",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleOrderedList().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "list-ordered", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("blockquote") ?? false,
-                "aria-label": "Quote block",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleBlockquote().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "quote", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("codeBlock") ?? false,
-                "aria-label": "Code block",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleCodeBlock().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "code", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "Insert", children: [
-            /* @__PURE__ */ jsx("span", { className: "dsx-rich-text-editor__toolbar-label", children: "Insert" }),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("link") ?? false,
-                "aria-label": "Link",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => {
-                  if (!editor) return;
-                  if (editor.isActive("link")) {
-                    editor.chain().focus().unsetLink().run();
-                    return;
-                  }
-                  const url = window.prompt("URL");
-                  if (!url) return;
-                  editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-                },
-                children: /* @__PURE__ */ jsx(Icon, { name: "link", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                "aria-label": "Clear formatting",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().clearNodes().unsetAllMarks().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "eraser", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "History", children: [
-            /* @__PURE__ */ jsx("span", { className: "dsx-rich-text-editor__toolbar-label", children: "History" }),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled || !editor?.can().undo(),
-                "aria-label": "Undo",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().undo().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "undo", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled || !editor?.can().redo(),
-                "aria-label": "Redo",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().redo().run(),
-                children: /* @__PURE__ */ jsx(Icon, { name: "redo", size: "sm" })
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
+  ({ editor, disabled = false, className, tools, headingLevels, insertItems, variables, mentions, ...props }, forwardedRef) => /* @__PURE__ */ jsx(Toolbar, { asChild: true, dir: props.dir === "rtl" || props.dir === "ltr" ? props.dir : void 0, children: /* @__PURE__ */ jsx("div", { ...props, ref: forwardedRef, className: classNames("dsx-rich-text-editor__toolbar", className), "data-disabled": disabled || !editor ? "true" : void 0, "data-slot": "rich-text-editor-toolbar", "aria-label": "Formatting toolbar", children: /* @__PURE__ */ jsx(EditorTools, { editor, disabled: disabled || !editor, tools, headingLevels, insertItems, variables, mentions }) }) })
 );
 RichTextEditorToolbar.displayName = "RichTextEditorToolbar";
 const RichTextEditorContent = React.forwardRef(
@@ -350,15 +170,37 @@ const RichTextEditorRoot = React.forwardRef(
     preset = "basic",
     serialize,
     toolbar,
+    tools,
+    headingLevels,
+    insertItems,
+    variables,
+    mentions,
     ...props
   }, forwardedRef) => {
     const managedContent = isRichTextEditorContent(content) ? content : void 0;
+    const onEditorUpdateRef = React.useRef(onEditorUpdate);
+    const onUpdateRef = React.useRef(onUpdate);
+    const serializeRef = React.useRef(serialize);
+    React.useEffect(() => {
+      onEditorUpdateRef.current = onEditorUpdate;
+      onUpdateRef.current = onUpdate;
+      serializeRef.current = serialize;
+    });
+    const registryRef = React.useRef({ variables, mentions });
+    registryRef.current = { variables, mentions };
+    const hasVariables = variables !== void 0;
+    const hasMentions = mentions !== void 0;
+    const managedExtensions = React.useMemo(() => extensions ?? [
+      ...createRichTextEditorExtensions({ preset }),
+      ...hasVariables ? [createVariableExtension({ variables: () => registryRef.current.variables ?? [] })] : [],
+      ...hasMentions ? [createMentionExtension({ mentions: () => registryRef.current.mentions ?? [] })] : []
+    ], [extensions, preset, hasVariables, hasMentions]);
     const editor = useEditor(
       {
         ...editorOptions,
         content: managedContent,
         editable: !disabled,
-        extensions: extensions ?? createRichTextEditorExtensions({ preset }),
+        extensions: managedExtensions,
         immediatelyRender: false,
         shouldRerenderOnTransaction: true,
         editorProps: {
@@ -366,12 +208,15 @@ const RichTextEditorRoot = React.forwardRef(
           attributes: getRichTextEditorAttributes(editorOptions)
         },
         onUpdate: ({ editor: currentEditor }) => {
-          onEditorUpdate?.(currentEditor);
-          onUpdate?.((serialize ?? ((editorInstance) => editorInstance.getHTML()))(currentEditor));
+          onEditorUpdateRef.current?.(currentEditor);
+          onUpdateRef.current?.((serializeRef.current ?? ((editorInstance) => editorInstance.getHTML()))(currentEditor));
         }
       },
-      [disabled, editorOptions, extensions, onEditorUpdate, onUpdate, preset, serialize]
+      [editorOptions, managedExtensions]
     );
+    React.useEffect(() => {
+      if (editor && !editor.isDestroyed) editor.view.dispatch(editor.state.tr.setMeta("dsxRegistryRefresh", true));
+    }, [editor, variables, mentions]);
     React.useEffect(() => {
       editor?.setEditable(!disabled);
     }, [disabled, editor]);
@@ -401,16 +246,23 @@ const RichTextEditorRoot = React.forwardRef(
         disabled,
         editor,
         placeholder,
-        toolbar
+        toolbar,
+        tools,
+        headingLevels,
+        insertItems,
+        variables,
+        mentions
       }
     );
   }
 );
 RichTextEditorRoot.displayName = "RichTextEditor";
 const RichTextEditor = Object.assign(RichTextEditorRoot, {
+  Root: RichTextEditorRoot,
   Shell: RichTextEditorShell,
   Toolbar: RichTextEditorToolbar,
-  Content: RichTextEditorContent
+  Content: RichTextEditorContent,
+  ToolbarButton: RichTextEditorToolbarButton
 });
 export {
   RichTextEditor,
@@ -418,6 +270,9 @@ export {
   RichTextEditorRoot,
   RichTextEditorShell,
   RichTextEditorToolbar,
-  createRichTextEditorExtensions
+  RichTextEditorToolbarButton,
+  createMentionExtension2 as createMentionExtension,
+  createRichTextEditorExtensions,
+  createVariableExtension2 as createVariableExtension
 };
 //# sourceMappingURL=RichTextEditor.js.map