@d4gger/design-system 3.0.1 → 4.0.0

package/dist/components/richTextEditor/MentionSuggestions.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { Button } from "../button/Button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MentionSuggestions({ editor, mentions }) {
+  const [query, setQuery] = React.useState(null);
+  const [active, setActive] = React.useState(0);
+  const matches = mentions.filter((person) => person.label.toLowerCase().includes(query?.text.toLowerCase() ?? ""));
+  const activeIndex = Math.min(active, Math.max(0, matches.length - 1));
+  const state = React.useRef({ query, active, matches });
+  state.current = { query, active: activeIndex, matches };
+  React.useEffect(() => {
+    const update = () => {
+      const selection = editor.state.selection;
+      if (!selection.empty || !editor.isEditable) {
+        setQuery(null);
+        return;
+      }
+      const before = selection.$from.parent.textBetween(0, selection.$from.parentOffset, "", "\uFFFC");
+      const match = before.match(/(?:^|\s)@([^@\s]*)$/);
+      setQuery(match ? { text: match[1], from: selection.from - match[1].length - 1, to: selection.from } : null);
+      setActive(0);
+    };
+    const keydown = (event) => {
+      const current = state.current;
+      if (!current.query) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        setQuery(null);
+      }
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        event.stopPropagation();
+        setActive((index) => Math.max(0, Math.min(current.matches.length - 1, index + (event.key === "ArrowDown" ? 1 : -1))));
+      }
+      if (event.key === "Enter" && current.matches.length) {
+        event.preventDefault();
+        event.stopPropagation();
+        editor.chain().focus().insertContentAt({ from: current.query.from, to: current.query.to }, [{ type: "dsxMention", attrs: { userId: current.matches[current.active]?.id } }, { type: "text", text: " " }]).run();
+        setQuery(null);
+      }
+    };
+    editor.on("transaction", update);
+    editor.view.dom.addEventListener("keydown", keydown, true);
+    return () => {
+      editor.off("transaction", update);
+      editor.view.dom.removeEventListener("keydown", keydown, true);
+    };
+  }, [editor]);
+  if (!query) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "dsx-editor-tools__suggestions", role: "group", "aria-label": "Mention suggestions", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "People matching @",
+      query.text
+    ] }),
+    matches.map((person, index) => /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", variant: activeIndex === index ? "secondary" : "ghost", onMouseDown: (event) => event.preventDefault(), onClick: () => {
+      editor.chain().focus().insertContentAt({ from: query.from, to: query.to }, [{ type: "dsxMention", attrs: { userId: person.id } }, { type: "text", text: " " }]).run();
+      setQuery(null);
+    }, children: person.label }, person.id)),
+    !matches.length ? /* @__PURE__ */ jsx("span", { role: "status", children: "No matching people" }) : null
+  ] });
+}
+export {
+  MentionSuggestions
+};
+//# sourceMappingURL=MentionSuggestions.js.map

package/dist/components/richTextEditor/MentionSuggestions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/richTextEditor/MentionSuggestions.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport type { Editor } from '@tiptap/react'\nimport type { EditorMention } from './editorTokens'\nimport { Button } from '../button/Button'\n\nexport function MentionSuggestions({ editor, mentions }: { editor: Editor; mentions: readonly EditorMention[] }) {\n  const [query, setQuery] = React.useState<{ text: string; from: number; to: number } | null>(null)\n  const [active, setActive] = React.useState(0)\n  const matches = mentions.filter(person => person.label.toLowerCase().includes(query?.text.toLowerCase() ?? ''))\n  const activeIndex = Math.min(active, Math.max(0, matches.length - 1))\n  const state = React.useRef({ query, active, matches })\n  state.current = { query, active: activeIndex, matches }\n  React.useEffect(() => {\n    const update = () => {\n      const selection = editor.state.selection\n      if (!selection.empty || !editor.isEditable) { setQuery(null); return }\n      const before = selection.$from.parent.textBetween(0, selection.$from.parentOffset, '', '\\ufffc')\n      const match = before.match(/(?:^|\\s)@([^@\\s]*)$/)\n      setQuery(match ? { text: match[1], from: selection.from - match[1].length - 1, to: selection.from } : null)\n      setActive(0)\n    }\n    const keydown = (event: KeyboardEvent) => {\n      const current = state.current\n      if (!current.query) return\n      if (event.key === 'Escape') { event.preventDefault(); event.stopPropagation(); setQuery(null) }\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { event.preventDefault(); event.stopPropagation(); setActive(index => Math.max(0, Math.min(current.matches.length - 1, index + (event.key === 'ArrowDown' ? 1 : -1)))) }\n      if (event.key === 'Enter' && current.matches.length) {\n        event.preventDefault(); event.stopPropagation()\n        editor.chain().focus().insertContentAt({ from: current.query.from, to: current.query.to }, [{ type: 'dsxMention', attrs: { userId: current.matches[current.active]?.id } }, { type: 'text', text: ' ' }]).run()\n        setQuery(null)\n      }\n    }\n    editor.on('transaction', update)\n    editor.view.dom.addEventListener('keydown', keydown, true)\n    return () => { editor.off('transaction', update); editor.view.dom.removeEventListener('keydown', keydown, true) }\n  }, [editor])\n  if (!query) return null\n  return <div className=\"dsx-editor-tools__suggestions\" role=\"group\" aria-label=\"Mention suggestions\">\n    <span>People matching @{query.text}</span>\n    {matches.map((person, index) => <Button type=\"button\" key={person.id} size=\"lg\" variant={activeIndex === index ? 'secondary' : 'ghost'} onMouseDown={event => event.preventDefault()} onClick={() => { editor.chain().focus().insertContentAt({ from: query.from, to: query.to }, [{ type: 'dsxMention', attrs: { userId: person.id } }, { type: 'text', text: ' ' }]).run(); setQuery(null) }}>{person.label}</Button>)}\n    {!matches.length ? <span role=\"status\">No matching people</span> : null}\n  </div>\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/richTextEditor/RichTextEditor.cjs

@@ -34,7 +34,10 @@ __export(RichTextEditor_exports, {
   RichTextEditorRoot: () => RichTextEditorRoot,
   RichTextEditorShell: () => RichTextEditorShell,
   RichTextEditorToolbar: () => RichTextEditorToolbar,
-  createRichTextEditorExtensions: () => createRichTextEditorExtensions
+  RichTextEditorToolbarButton: () => RichTextEditorToolbarButton,
+  createMentionExtension: () => import_editorTokens2.createMentionExtension,
+  createRichTextEditorExtensions: () => createRichTextEditorExtensions,
+  createVariableExtension: () => import_editorTokens2.createVariableExtension
 });
 module.exports = __toCommonJS(RichTextEditor_exports);
 var React = __toESM(require("react"), 1);
@@ -45,17 +48,21 @@ var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_richTextEditor = require("./richTextEditor.props");
 var import_Button = require("../button/Button");
 var import_Icon = require("../icon/Icon");
+var import_Toolbar = require("../toolbar/Toolbar");
 var import_articleExtensions = require("../articleNodes/articleExtensions");
+var import_EditorTools = require("./EditorTools");
+var import_editorTokens = require("./editorTokens");
+var import_editorTokens2 = require("./editorTokens");
 var import_jsx_runtime = require("react/jsx-runtime");
 const defaultRichTextEditorExtensions = [import_starter_kit.default];
 function createRichTextEditorExtensions(config = {}) {
   if (config.extensions) return config.extensions;
-  return config.preset === "article" ? [import_starter_kit.default.configure({ codeBlock: false }), ...(0, import_articleExtensions.createArticleExtensions)()] : defaultRichTextEditorExtensions;
+  return [...config.preset === "article" ? [import_starter_kit.default.configure({ codeBlock: false }), ...(0, import_articleExtensions.createArticleExtensions)()] : defaultRichTextEditorExtensions, ...config.variables ? [(0, import_editorTokens.createVariableExtension)({ variables: config.variables })] : [], ...config.mentions ? [(0, import_editorTokens.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;
   }
@@ -65,19 +72,23 @@ function renderRichTextEditorToolbar(toolbar, editor, disabled) {
   if (toolbar !== void 0) {
     return toolbar;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RichTextEditorToolbar, { editor, disabled });
+  return /* @__PURE__ */ (0, import_jsx_runtime.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: (0, import_classnames.default)("dsx-rich-text-editor__prosemirror", resolved.class),
+        "data-slot": "rich-text-editor-prosemirror"
+      };
     };
   }
   return {
     ...attributes,
-    class: (0, import_classnames.default)("dsx-rich-text-editor__prosemirror", attributes.class),
+    class: (0, import_classnames.default)("dsx-rich-text-editor__prosemirror", attributes?.class),
     "data-slot": "rich-text-editor-prosemirror"
   };
 }
@@ -92,7 +103,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,
@@ -115,7 +126,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__ */ (0, import_jsx_runtime.jsx)(RichTextEditorContent, { editor, placeholder, disabled }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-rich-text-editor__status", "data-slot": "rich-text-editor-status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: getRichTextEditorStatus(editor) }) })
         ]
@@ -134,7 +145,7 @@ const RichTextEditorToolbarButton = React.forwardRef(
       },
       import_richTextEditor.richTextEditorToolbarButtonPropDefs
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toolbar.Toolbar.Button, { asChild: true, disabled: buttonProps.disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Button.Button,
       {
         ...buttonProps,
@@ -147,200 +158,12 @@ const RichTextEditorToolbarButton = React.forwardRef(
         "data-slot": "rich-text-editor-toolbar-button",
         className: (0, import_classnames.default)("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__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        ...props,
-        ref: forwardedRef,
-        className: (0, import_classnames.default)("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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "Text style", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-rich-text-editor__toolbar-label", children: "Text" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("bold") ?? false,
-                "aria-label": "Bold",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleBold().run(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "bold", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("italic") ?? false,
-                "aria-label": "Italic",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleItalic().run(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "italic", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                active: editor?.isActive("strike") ?? false,
-                "aria-label": "Strikethrough",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().toggleStrike().run(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "strikethrough", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "Block style", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-rich-text-editor__toolbar-label", children: "Blocks" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "heading-1", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "heading-2", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "heading-3", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "list", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "list-ordered", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "quote", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "code", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "Insert", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-rich-text-editor__toolbar-label", children: "Insert" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "link", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled,
-                "aria-label": "Clear formatting",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().clearNodes().unsetAllMarks().run(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "eraser", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-rich-text-editor__toolbar-group", role: "group", "aria-label": "History", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-rich-text-editor__toolbar-label", children: "History" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled || !editor?.can().undo(),
-                "aria-label": "Undo",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().undo().run(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "undo", size: "sm" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              RichTextEditorToolbarButton,
-              {
-                disabled: toolbarDisabled || !editor?.can().redo(),
-                "aria-label": "Redo",
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => editor?.chain().focus().redo().run(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "redo", size: "sm" })
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
+  ({ editor, disabled = false, className, tools, headingLevels, insertItems, variables, mentions, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toolbar.Toolbar, { asChild: true, dir: props.dir === "rtl" || props.dir === "ltr" ? props.dir : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref: forwardedRef, className: (0, import_classnames.default)("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__ */ (0, import_jsx_runtime.jsx)(import_EditorTools.EditorTools, { editor, disabled: disabled || !editor, tools, headingLevels, insertItems, variables, mentions }) }) })
 );
 RichTextEditorToolbar.displayName = "RichTextEditorToolbar";
 const RichTextEditorContent = React.forwardRef(
@@ -388,6 +211,11 @@ const RichTextEditorRoot = React.forwardRef(
     preset = "basic",
     serialize,
     toolbar,
+    tools,
+    headingLevels,
+    insertItems,
+    variables,
+    mentions,
     ...props
   }, forwardedRef) => {
     const managedContent = isRichTextEditorContent(content) ? content : void 0;
@@ -399,12 +227,21 @@ const RichTextEditorRoot = React.forwardRef(
       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 ? [(0, import_editorTokens.createVariableExtension)({ variables: () => registryRef.current.variables ?? [] })] : [],
+      ...hasMentions ? [(0, import_editorTokens.createMentionExtension)({ mentions: () => registryRef.current.mentions ?? [] })] : []
+    ], [extensions, preset, hasVariables, hasMentions]);
     const editor = (0, import_react.useEditor)(
       {
         ...editorOptions,
         content: managedContent,
         editable: !disabled,
-        extensions: extensions ?? createRichTextEditorExtensions({ preset }),
+        extensions: managedExtensions,
         immediatelyRender: false,
         shouldRerenderOnTransaction: true,
         editorProps: {
@@ -416,8 +253,11 @@ const RichTextEditorRoot = React.forwardRef(
           onUpdateRef.current?.((serializeRef.current ?? ((editorInstance) => editorInstance.getHTML()))(currentEditor));
         }
       },
-      [disabled, editorOptions, extensions, preset]
+      [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]);
@@ -447,15 +287,22 @@ 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
 });
 //# sourceMappingURL=RichTextEditor.cjs.map

package/dist/components/richTextEditor/RichTextEditor.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/richTextEditor/RichTextEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { EditorContent, useEditor, type Content, type Editor, type UseEditorOptions } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport { createArticleExtensions } from '../articleNodes/articleExtensions'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>\ntype RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>\ntype RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>\n\ntype RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>\ntype RichTextEditorToolbarSlot = React.ReactNode | ((context: { disabled: boolean; editor: Editor | null }) => React.ReactNode)\n\nconst defaultRichTextEditorExtensions: NonNullable<UseEditorOptions['extensions']> = [StarterKit]\n\ntype RichTextEditorPreset = 'basic' | 'article'\ntype RichTextEditorExtensionConfig = { preset?: RichTextEditorPreset; extensions?: UseEditorOptions['extensions'] }\n\nfunction createRichTextEditorExtensions(config: RichTextEditorExtensionConfig = {}): NonNullable<UseEditorOptions['extensions']> {\n  if (config.extensions) return config.extensions\n  return config.preset === 'article' ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions\n}\n\nfunction isRichTextEditorContent(value: unknown): value is Content {\n  return value === null || typeof value === 'string' || typeof value === 'object'\n}\n\nfunction renderRichTextEditorToolbar(toolbar: RichTextEditorToolbarSlot | null | undefined, editor: Editor | null, disabled: boolean) {\n  if (toolbar === null) {\n    return null\n  }\n\n  if (typeof toolbar === 'function') {\n    return toolbar({ disabled, editor })\n  }\n\n  if (toolbar !== undefined) {\n    return toolbar\n  }\n\n  return <RichTextEditorToolbar editor={editor} disabled={disabled} />\n}\n\nfunction getRichTextEditorAttributes(editorOptions?: RichTextEditorManagedEditorOptions) {\n  const attributes = editorOptions?.editorProps?.attributes\n\n  if (!attributes || typeof attributes === 'function') {\n    return {\n      class: 'dsx-rich-text-editor__prosemirror',\n      'data-slot': 'rich-text-editor-prosemirror',\n    }\n  }\n\n  return {\n    ...attributes,\n    class: classNames('dsx-rich-text-editor__prosemirror', attributes.class),\n    'data-slot': 'rich-text-editor-prosemirror',\n  }\n}\n\nfunction getRichTextEditorStatus(editor: Editor | null) {\n  if (!editor) {\n    return 'Editor loading'\n  }\n\n  const plainText = editor.getText().trim()\n\n  if (plainText.length === 0) {\n    return 'Ready to write'\n  }\n\n  return `${plainText.length} characters`\n}\n\ninterface RichTextEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>,\n    RichTextEditorOwnProps {\n  content?: unknown\n  editorOptions?: RichTextEditorManagedEditorOptions\n  extensions?: UseEditorOptions['extensions']\n  onEditorUpdate?: (editor: Editor) => void\n  onUpdate?: (content: string) => void\n  placeholder?: string\n  preset?: RichTextEditorPreset\n  serialize?: (editor: Editor) => string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps {\n  editor: Editor | null\n  placeholder?: string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  editor: Editor | null\n  disabled?: boolean\n}\n\ninterface RichTextEditorContentProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n    RichTextEditorContentOwnProps {\n  editor: Editor | null\n  placeholder?: string\n}\n\ninterface RichTextEditorToolbarButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    RichTextEditorToolbarButtonOwnProps {}\n\nconst RichTextEditorShell = React.forwardRef<HTMLDivElement, RichTextEditorShellProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      ...editorProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorPropDefs,\n    )\n\n    return (\n      <div\n        {...editorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor', className)}\n        aria-disabled={disabled}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor\"\n      >\n        {renderRichTextEditorToolbar(toolbar, editor, disabled)}\n        <RichTextEditorContent editor={editor} placeholder={placeholder} disabled={disabled} />\n        <div className=\"dsx-rich-text-editor__status\" data-slot=\"rich-text-editor-status\">\n          <span>{getRichTextEditorStatus(editor)}</span>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorShell.displayName = 'RichTextEditorShell'\n\nconst RichTextEditorToolbarButton = React.forwardRef<HTMLButtonElement, RichTextEditorToolbarButtonProps>(\n  ({ active = false, className: propClassName, ...props }, forwardedRef) => {\n    const { asChild, className, ...buttonProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      richTextEditorToolbarButtonPropDefs,\n    )\n\n    return (\n      <Button\n        {...buttonProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={active}\n        data-active={active ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar-button\"\n        className={classNames('dsx-rich-text-editor__toolbar-button', className)}\n      />\n    )\n  },\n)\nRichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton'\n\nconst RichTextEditorToolbar = React.forwardRef<HTMLDivElement, RichTextEditorToolbarProps>(\n  ({ editor, disabled = false, className, ...props }, forwardedRef) => {\n    const toolbarDisabled = disabled || !editor\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__toolbar', className)}\n        data-disabled={toolbarDisabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar\"\n        role=\"toolbar\"\n        aria-label=\"Formatting toolbar\"\n      >\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Text style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Text</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bold') ?? false}\n            aria-label=\"Bold\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n          >\n            <Icon name=\"bold\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('italic') ?? false}\n            aria-label=\"Italic\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n          >\n            <Icon name=\"italic\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('strike') ?? false}\n            aria-label=\"Strikethrough\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleStrike().run()}\n          >\n            <Icon name=\"strikethrough\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Block style\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Blocks</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 1 }) ?? false}\n            aria-label=\"Heading 1\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}\n          >\n            <Icon name=\"heading-1\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 2 }) ?? false}\n            aria-label=\"Heading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n          >\n            <Icon name=\"heading-2\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('heading', { level: 3 }) ?? false}\n            aria-label=\"Subheading\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 3 }).run()}\n          >\n            <Icon name=\"heading-3\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('bulletList') ?? false}\n            aria-label=\"Bulleted list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n          >\n            <Icon name=\"list\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('orderedList') ?? false}\n            aria-label=\"Numbered list\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n          >\n            <Icon name=\"list-ordered\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('blockquote') ?? false}\n            aria-label=\"Quote block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n          >\n            <Icon name=\"quote\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('codeBlock') ?? false}\n            aria-label=\"Code block\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n          >\n            <Icon name=\"code\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"Insert\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">Insert</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            active={editor?.isActive('link') ?? false}\n            aria-label=\"Link\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              if (!editor) return\n              if (editor.isActive('link')) {\n                editor.chain().focus().unsetLink().run()\n                return\n              }\n              const url = window.prompt('URL')\n              if (!url) return\n              editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n            }}\n          >\n            <Icon name=\"link\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled}\n            aria-label=\"Clear formatting\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().clearNodes().unsetAllMarks().run()}\n          >\n            <Icon name=\"eraser\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n        <div className=\"dsx-rich-text-editor__toolbar-group\" role=\"group\" aria-label=\"History\">\n          <span className=\"dsx-rich-text-editor__toolbar-label\">History</span>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().undo()}\n            aria-label=\"Undo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().undo().run()}\n          >\n            <Icon name=\"undo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n          <RichTextEditorToolbarButton\n            disabled={toolbarDisabled || !editor?.can().redo()}\n            aria-label=\"Redo\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => editor?.chain().focus().redo().run()}\n          >\n            <Icon name=\"redo\" size=\"sm\" />\n          </RichTextEditorToolbarButton>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar'\n\nconst RichTextEditorContent = React.forwardRef<HTMLDivElement, RichTextEditorContentProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      mode: _mode,\n      ...contentProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorContentPropDefs,\n    )\n\n    return (\n      <div\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__area', className)}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-area\"\n      >\n        {editor?.isEmpty && placeholder ? (\n          <div className=\"dsx-rich-text-editor__placeholder\" data-slot=\"rich-text-editor-placeholder\">\n            {placeholder}\n          </div>\n        ) : null}\n        <EditorContent editor={editor} className=\"dsx-rich-text-editor__content\" data-slot=\"rich-text-editor-content\" />\n      </div>\n    )\n  },\n)\nRichTextEditorContent.displayName = 'RichTextEditorContent'\n\nconst RichTextEditorRoot = React.forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (\n    {\n      className,\n      content = '',\n      disabled = false,\n      editorOptions,\n      extensions,\n      onEditorUpdate,\n      onUpdate,\n      placeholder,\n      preset = 'basic',\n      serialize,\n      toolbar,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const managedContent = isRichTextEditorContent(content) ? content : undefined\n\n    const onEditorUpdateRef = React.useRef(onEditorUpdate)\n    const onUpdateRef = React.useRef(onUpdate)\n    const serializeRef = React.useRef(serialize)\n\n    React.useEffect(() => {\n      onEditorUpdateRef.current = onEditorUpdate\n      onUpdateRef.current = onUpdate\n      serializeRef.current = serialize\n    })\n\n    const editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: extensions ?? createRichTextEditorExtensions({ preset }),\n        immediatelyRender: false,\n        shouldRerenderOnTransaction: true,\n        editorProps: {\n          ...editorOptions?.editorProps,\n          attributes: getRichTextEditorAttributes(editorOptions),\n        },\n        onUpdate: ({ editor: currentEditor }) => {\n          onEditorUpdateRef.current?.(currentEditor)\n          onUpdateRef.current?.((serializeRef.current ?? ((editorInstance: Editor) => editorInstance.getHTML()))(currentEditor))\n        },\n      },\n      [disabled, editorOptions, extensions, preset],\n    )\n\n    React.useEffect(() => {\n      editor?.setEditable(!disabled)\n    }, [disabled, editor])\n\n    React.useEffect(() => {\n      if (!editor) {\n        return\n      }\n\n      if (managedContent === undefined) {\n        return\n      }\n\n      if (typeof managedContent === 'string') {\n        if (editor.getHTML() !== managedContent) {\n          editor.commands.setContent(managedContent, { emitUpdate: false })\n        }\n\n        return\n      }\n\n      if (JSON.stringify(editor.getJSON()) !== JSON.stringify(managedContent)) {\n        editor.commands.setContent(managedContent, { emitUpdate: false })\n      }\n    }, [editor, managedContent])\n\n    return (\n      <RichTextEditorShell\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        disabled={disabled}\n        editor={editor}\n        placeholder={placeholder}\n        toolbar={toolbar}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n} = Object.assign(RichTextEditorRoot, {\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n"],
-  "mappings": "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",
-  "names": ["StarterKit", "classNames"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { EditorContent, useEditor, type Content, type Editor, type UseEditorOptions } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs } from './richTextEditor.props'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport { Toolbar } from '../toolbar/Toolbar'\nimport { createArticleExtensions } from '../articleNodes/articleExtensions'\nimport { EditorTools, type EditorToolsOptions } from './EditorTools'\nimport { createVariableExtension, createMentionExtension } from './editorTokens'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype RichTextEditorOwnProps = GetPropDefTypes<typeof richTextEditorPropDefs>\ntype RichTextEditorContentOwnProps = GetPropDefTypes<typeof richTextEditorContentPropDefs>\ntype RichTextEditorToolbarButtonOwnProps = GetPropDefTypes<typeof richTextEditorToolbarButtonPropDefs>\n\ntype RichTextEditorManagedEditorOptions = Omit<UseEditorOptions, 'content' | 'editable' | 'extensions' | 'onUpdate'>\ntype RichTextEditorToolbarSlot = React.ReactNode | ((context: { disabled: boolean; editor: Editor | null }) => React.ReactNode)\n\nconst defaultRichTextEditorExtensions: NonNullable<UseEditorOptions['extensions']> = [StarterKit]\n\ntype RichTextEditorPreset = 'basic' | 'article'\ntype RichTextEditorExtensionConfig = Pick<EditorToolsOptions, 'variables' | 'mentions'> & { preset?: RichTextEditorPreset; extensions?: UseEditorOptions['extensions'] }\n\nfunction createRichTextEditorExtensions(config: RichTextEditorExtensionConfig = {}): NonNullable<UseEditorOptions['extensions']> {\n  if (config.extensions) return config.extensions\n  return [...(config.preset === 'article' ? [StarterKit.configure({ codeBlock: false }), ...createArticleExtensions()] : defaultRichTextEditorExtensions), ...(config.variables ? [createVariableExtension({ variables: config.variables })] : []), ...(config.mentions ? [createMentionExtension({ mentions: config.mentions })] : [])]\n}\n\nfunction isRichTextEditorContent(value: unknown): value is Content {\n  return value === null || typeof value === 'string' || typeof value === 'object'\n}\n\nfunction renderRichTextEditorToolbar(toolbar: RichTextEditorToolbarSlot | null | undefined, editor: Editor | null, disabled: boolean, options: EditorToolsOptions) {\n  if (toolbar === null) {\n    return null\n  }\n\n  if (typeof toolbar === 'function') {\n    return toolbar({ disabled, editor })\n  }\n\n  if (toolbar !== undefined) {\n    return toolbar\n  }\n\n  return <RichTextEditorToolbar editor={editor} disabled={disabled} {...options} />\n}\n\nfunction getRichTextEditorAttributes(editorOptions?: RichTextEditorManagedEditorOptions): NonNullable<NonNullable<UseEditorOptions['editorProps']>['attributes']> {\n  const attributes = editorOptions?.editorProps?.attributes\n  if (typeof attributes === 'function') {\n    return (state) => {\n      const resolved = attributes(state)\n      return {\n        ...resolved,\n        class: classNames('dsx-rich-text-editor__prosemirror', resolved.class),\n        'data-slot': 'rich-text-editor-prosemirror',\n      }\n    }\n  }\n\n  return {\n    ...attributes,\n    class: classNames('dsx-rich-text-editor__prosemirror', attributes?.class),\n    'data-slot': 'rich-text-editor-prosemirror',\n  }\n}\n\nfunction getRichTextEditorStatus(editor: Editor | null) {\n  if (!editor) {\n    return 'Editor loading'\n  }\n\n  const plainText = editor.getText().trim()\n\n  if (plainText.length === 0) {\n    return 'Ready to write'\n  }\n\n  return `${plainText.length} characters`\n}\n\ninterface RichTextEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'onUpdate'>,\n    RichTextEditorOwnProps, EditorToolsOptions {\n  content?: unknown\n  editorOptions?: RichTextEditorManagedEditorOptions\n  extensions?: UseEditorOptions['extensions']\n  onEditorUpdate?: (editor: Editor) => void\n  onUpdate?: (content: string) => void\n  placeholder?: string\n  preset?: RichTextEditorPreset\n  serialize?: (editor: Editor) => string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RichTextEditorOwnProps, EditorToolsOptions {\n  editor: Editor | null\n  placeholder?: string\n  toolbar?: RichTextEditorToolbarSlot | null\n}\n\ninterface RichTextEditorToolbarProps extends React.HTMLAttributes<HTMLDivElement>, EditorToolsOptions {\n  editor: Editor | null\n  disabled?: boolean\n}\n\ninterface RichTextEditorContentProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n    RichTextEditorContentOwnProps {\n  editor: Editor | null\n  placeholder?: string\n}\n\ninterface RichTextEditorToolbarButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    RichTextEditorToolbarButtonOwnProps {}\n\nconst RichTextEditorShell = React.forwardRef<HTMLDivElement, RichTextEditorShellProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, toolbar, tools, headingLevels, insertItems, variables, mentions, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      ...editorProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorPropDefs,\n    )\n\n    return (\n      <div\n        {...editorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor', className)}\n        aria-disabled={disabled}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor\"\n      >\n        {renderRichTextEditorToolbar(toolbar, editor, disabled, { tools, headingLevels, insertItems, variables, mentions })}\n        <RichTextEditorContent editor={editor} placeholder={placeholder} disabled={disabled} />\n        <div className=\"dsx-rich-text-editor__status\" data-slot=\"rich-text-editor-status\">\n          <span>{getRichTextEditorStatus(editor)}</span>\n        </div>\n      </div>\n    )\n  },\n)\nRichTextEditorShell.displayName = 'RichTextEditorShell'\n\nconst RichTextEditorToolbarButton = React.forwardRef<HTMLButtonElement, RichTextEditorToolbarButtonProps>(\n  ({ active = false, className: propClassName, ...props }, forwardedRef) => {\n    const { asChild, className, ...buttonProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      richTextEditorToolbarButtonPropDefs,\n    )\n\n    return (\n      <Toolbar.Button asChild disabled={buttonProps.disabled}>\n      <Button\n        {...buttonProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={active}\n        data-active={active ? 'true' : undefined}\n        data-slot=\"rich-text-editor-toolbar-button\"\n        className={classNames('dsx-rich-text-editor__toolbar-button', className)}\n      />\n      </Toolbar.Button>\n    )\n  },\n)\nRichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton'\n\nconst RichTextEditorToolbar = React.forwardRef<HTMLDivElement, RichTextEditorToolbarProps>(\n  ({ editor, disabled = false, className, tools, headingLevels, insertItems, variables, mentions, ...props }, forwardedRef) => (\n    <Toolbar asChild dir={props.dir === 'rtl' || props.dir === 'ltr' ? props.dir : undefined}>\n      <div {...props} ref={forwardedRef} className={classNames('dsx-rich-text-editor__toolbar', className)} data-disabled={disabled || !editor ? 'true' : undefined} data-slot=\"rich-text-editor-toolbar\" aria-label=\"Formatting toolbar\">\n        <EditorTools editor={editor} disabled={disabled || !editor} tools={tools} headingLevels={headingLevels} insertItems={insertItems} variables={variables} mentions={mentions} />\n      </div>\n    </Toolbar>\n  ),\n)\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar'\n\nconst RichTextEditorContent = React.forwardRef<HTMLDivElement, RichTextEditorContentProps>(\n  ({ className: propClassName, disabled = false, editor, placeholder, ...props }, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      className,\n      mode: _mode,\n      ...contentProps\n    } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        disabled,\n      },\n      richTextEditorContentPropDefs,\n    )\n\n    return (\n      <div\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-rich-text-editor__area', className)}\n        data-disabled={disabled ? 'true' : undefined}\n        data-slot=\"rich-text-editor-area\"\n      >\n        {editor?.isEmpty && placeholder ? (\n          <div className=\"dsx-rich-text-editor__placeholder\" data-slot=\"rich-text-editor-placeholder\">\n            {placeholder}\n          </div>\n        ) : null}\n        <EditorContent editor={editor} className=\"dsx-rich-text-editor__content\" data-slot=\"rich-text-editor-content\" />\n      </div>\n    )\n  },\n)\nRichTextEditorContent.displayName = 'RichTextEditorContent'\n\nconst RichTextEditorRoot = React.forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (\n    {\n      className,\n      content = '',\n      disabled = false,\n      editorOptions,\n      extensions,\n      onEditorUpdate,\n      onUpdate,\n      placeholder,\n      preset = 'basic',\n      serialize,\n      toolbar, tools, headingLevels, insertItems, variables, mentions,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const managedContent = isRichTextEditorContent(content) ? content : undefined\n\n    const onEditorUpdateRef = React.useRef(onEditorUpdate)\n    const onUpdateRef = React.useRef(onUpdate)\n    const serializeRef = React.useRef(serialize)\n\n    React.useEffect(() => {\n      onEditorUpdateRef.current = onEditorUpdate\n      onUpdateRef.current = onUpdate\n      serializeRef.current = serialize\n    })\n\n    const registryRef = React.useRef({ variables, mentions })\n    registryRef.current = { variables, mentions }\n    const hasVariables = variables !== undefined\n    const hasMentions = mentions !== undefined\n    const managedExtensions = React.useMemo(() => extensions ?? [\n      ...createRichTextEditorExtensions({ preset }),\n      ...(hasVariables ? [createVariableExtension({ variables: () => registryRef.current.variables ?? [] })] : []),\n      ...(hasMentions ? [createMentionExtension({ mentions: () => registryRef.current.mentions ?? [] })] : []),\n    ], [extensions, preset, hasVariables, hasMentions])\n\n    const editor = useEditor(\n      {\n        ...editorOptions,\n        content: managedContent,\n        editable: !disabled,\n        extensions: managedExtensions,\n        immediatelyRender: false,\n        shouldRerenderOnTransaction: true,\n        editorProps: {\n          ...editorOptions?.editorProps,\n          attributes: getRichTextEditorAttributes(editorOptions),\n        },\n        onUpdate: ({ editor: currentEditor }) => {\n          onEditorUpdateRef.current?.(currentEditor)\n          onUpdateRef.current?.((serializeRef.current ?? ((editorInstance: Editor) => editorInstance.getHTML()))(currentEditor))\n        },\n      },\n      [editorOptions, managedExtensions],\n    )\n\n    React.useEffect(() => {\n      if (editor && !editor.isDestroyed) editor.view.dispatch(editor.state.tr.setMeta('dsxRegistryRefresh', true))\n    }, [editor, variables, mentions])\n\n    React.useEffect(() => {\n      editor?.setEditable(!disabled)\n    }, [disabled, editor])\n\n    React.useEffect(() => {\n      if (!editor) {\n        return\n      }\n\n      if (managedContent === undefined) {\n        return\n      }\n\n      if (typeof managedContent === 'string') {\n        if (editor.getHTML() !== managedContent) {\n          editor.commands.setContent(managedContent, { emitUpdate: false })\n        }\n\n        return\n      }\n\n      if (JSON.stringify(editor.getJSON()) !== JSON.stringify(managedContent)) {\n        editor.commands.setContent(managedContent, { emitUpdate: false })\n      }\n    }, [editor, managedContent])\n\n    return (\n      <RichTextEditorShell\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        disabled={disabled}\n        editor={editor}\n        placeholder={placeholder}\n        toolbar={toolbar}\n        tools={tools} headingLevels={headingLevels} insertItems={insertItems} variables={variables} mentions={mentions}\n      />\n    )\n  },\n)\nRichTextEditorRoot.displayName = 'RichTextEditor'\n\nconst RichTextEditor: typeof RichTextEditorRoot & {\n  Root: typeof RichTextEditorRoot\n  Shell: typeof RichTextEditorShell\n  Toolbar: typeof RichTextEditorToolbar\n  Content: typeof RichTextEditorContent\n  ToolbarButton: typeof RichTextEditorToolbarButton\n} = Object.assign(RichTextEditorRoot, {\n  Root: RichTextEditorRoot,\n  Shell: RichTextEditorShell,\n  Toolbar: RichTextEditorToolbar,\n  Content: RichTextEditorContent,\n  ToolbarButton: RichTextEditorToolbarButton,\n})\n\nexport { RichTextEditor, RichTextEditorContent, RichTextEditorRoot, RichTextEditorShell, RichTextEditorToolbar, RichTextEditorToolbarButton, createRichTextEditorExtensions }\nexport type {\n  RichTextEditorContentProps,\n  RichTextEditorProps,\n  RichTextEditorShellProps,\n  RichTextEditorToolbarProps,\n  RichTextEditorToolbarButtonProps,\n  RichTextEditorToolbarSlot,\n  RichTextEditorPreset,\n  RichTextEditorExtensionConfig,\n}\n\nexport { createVariableExtension, createMentionExtension } from './editorTokens'\nexport type { EditorVariable, EditorMention } from './editorTokens'\nexport type { EditorTool, EditorInsertItem, EditorToolsOptions } from './EditorTools'\n"],
+  "mappings": "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",
+  "names": ["import_editorTokens", "StarterKit", "classNames"]
 }