@wix/ricos 11.25.0 → 11.26.0

package/dist/cjs/tiptap-extensions/character-count.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/character-count.ts"],
-  "sourcesContent": ["import type { ExtensionProps, RicosExtension, RicosExtensionConfig } from './../ricos-types/index.js';\nimport type { Node } from './../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../tiptap/pm/state.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/create-ricos-functional-extension.js';\n\nconst MAX_TEXT_LENGTH = 1500000;\n\ntype Words = (options: { node?: Node }) => number;\ntype Characters = (options: { node?: Node; mode?: 'textSize' | 'nodeSize' }) => number;\n\nexport const characterCount = createRicosFunctionalExtension<\n  {\n    maxTextLength?: number;\n    mode: 'textSize' | 'nodeSize';\n  },\n  {\n    words: Words;\n    characters: Characters;\n  }\n>({\n  type: 'extension',\n  groups: [],\n  name: 'characterCount',\n  reconfigure: (\n    config: RicosExtensionConfig,\n    _extensions: RicosExtension[],\n    ricosProps: ExtensionProps\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        maxTextLength: Math.min(ricosProps.maxTextLength || MAX_TEXT_LENGTH, MAX_TEXT_LENGTH),\n        mode: 'textSize',\n      };\n    },\n  }),\n  createExtensionConfig() {\n    return {\n      name: this.name,\n\n      addStorage() {\n        return {\n          characters: () => 0,\n          words: () => 0,\n        };\n      },\n      onBeforeCreate() {\n        this.storage.characters = options => {\n          const node = options?.node || this.editor.state.doc;\n          const mode = options?.mode || this.options.mode;\n\n          if (mode === 'textSize') {\n            const text = node.textBetween(0, node.content.size, undefined, ' ');\n\n            return text.length;\n          }\n\n          return node.nodeSize;\n        };\n\n        this.storage.words = options => {\n          const node = options?.node || this.editor.state.doc;\n          const text = node.textBetween(0, node.content.size, ' ', ' ');\n          const words = text.split(' ').filter(word => word !== '');\n\n          return words.length;\n        };\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('characterCount'),\n            filterTransaction: (transaction, state) => {\n              const limit = this.options.maxTextLength;\n\n              // Nothing has changed or no limit is defined. Ignore it.\n              if (!transaction.docChanged || limit === 0 || limit === null || limit === undefined) {\n                return true;\n              }\n\n              const oldSize = this.storage.characters({ node: state.doc, mode: this.options.mode });\n              const newSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              // Everything is in the limit. Good.\n              if (newSize <= limit) {\n                return true;\n              }\n\n              // The limit has already been exceeded but will be reduced.\n              if (oldSize > limit && newSize > limit && newSize <= oldSize) {\n                return true;\n              }\n\n              // The limit has already been exceeded and will be increased further.\n              if (oldSize > limit && newSize > limit && newSize > oldSize) {\n                return false;\n              }\n\n              const isPaste = transaction.getMeta('paste');\n\n              // Block all exceeding transactions that were not pasted.\n              if (!isPaste) {\n                return false;\n              }\n\n              // For pasted content, we try to remove the exceeding content.\n              const pos = transaction.selection.$head.pos;\n              const over = newSize - limit;\n              const from = pos - over;\n              const to = pos;\n\n              // It’s probably a bad idea to mutate transactions within `filterTransaction`\n              // but for now this is working fine.\n              transaction.deleteRange(from, to);\n\n              // In some situations, the limit will continue to be exceeded after trimming.\n              // This happens e.g. when truncating within a complex node (e.g. table)\n              // and ProseMirror has to close this node again.\n              // If this is the case, we prevent the transaction completely.\n              const updatedSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              if (updatedSize > limit) {\n                return false;\n              }\n\n              return true;\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkC;AAElC,+CAA+C;AAE/C,MAAM,kBAAkB;AAKjB,MAAM,qBAAiB,yEAS5B;AAAA,EACA,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,aAAa,CACX,QACA,aACA,gBACI;AAAA,IACJ,GAAG;AAAA,IACH,aAAa;AACX,aAAO;AAAA,QACL,eAAe,KAAK,IAAI,WAAW,iBAAiB,iBAAiB,eAAe;AAAA,QACpF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MAEX,aAAa;AACX,eAAO;AAAA,UACL,YAAY,MAAM;AAAA,UAClB,OAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MACA,iBAAiB;AACf,aAAK,QAAQ,aAAa,aAAW;AACnC,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,SAAS,QAAQ,KAAK,QAAQ;AAE3C,cAAI,SAAS,YAAY;AACvB,kBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,QAAW,GAAG;AAElE,mBAAO,KAAK;AAAA,UACd;AAEA,iBAAO,KAAK;AAAA,QACd;AAEA,aAAK,QAAQ,QAAQ,aAAW;AAC9B,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,KAAK,GAAG;AAC5D,gBAAM,QAAQ,KAAK,MAAM,GAAG,EAAE,OAAO,UAAQ,SAAS,EAAE;AAExD,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,IAAI,oBAAO;AAAA,YACT,KAAK,IAAI,uBAAU,gBAAgB;AAAA,YACnC,mBAAmB,CAAC,aAAa,UAAU;AACzC,oBAAM,QAAQ,KAAK,QAAQ;AAG3B,kBAAI,CAAC,YAAY,cAAc,UAAU,KAAK,UAAU,QAAQ,UAAU,QAAW;AACnF,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,KAAK,QAAQ,WAAW,EAAE,MAAM,MAAM,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AACpF,oBAAM,UAAU,KAAK,QAAQ,WAAW;AAAA,gBACtC,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAGD,kBAAI,WAAW,OAAO;AACpB,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,WAAW,SAAS;AAC5D,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS;AAC3D,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,YAAY,QAAQ,OAAO;AAG3C,kBAAI,CAAC,SAAS;AACZ,uBAAO;AAAA,cACT;AAGA,oBAAM,MAAM,YAAY,UAAU,MAAM;AACxC,oBAAM,OAAO,UAAU;AACvB,oBAAM,OAAO,MAAM;AACnB,oBAAM,KAAK;AAIX,0BAAY,YAAY,MAAM,EAAE;AAMhC,oBAAM,cAAc,KAAK,QAAQ,WAAW;AAAA,gBAC1C,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAED,kBAAI,cAAc,OAAO;AACvB,uBAAO;AAAA,cACT;AAEA,qBAAO;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import type { ExtensionProps, RicosExtension, RicosExtensionConfig } from './../ricos-types/index.js';\nimport { isChangeOrigin } from './../tiptap/extension-collaboration/helpers/is-change-origin.js';\nimport type { Node } from './../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../tiptap/pm/state.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/create-ricos-functional-extension.js';\n\nconst MAX_TEXT_LENGTH = 1500000;\n\ntype Words = (options: { node?: Node }) => number;\ntype Characters = (options: { node?: Node; mode?: 'textSize' | 'nodeSize' }) => number;\n\nexport const characterCount = createRicosFunctionalExtension<\n  {\n    maxTextLength?: number;\n    mode: 'textSize' | 'nodeSize';\n  },\n  {\n    words: Words;\n    characters: Characters;\n  }\n>({\n  type: 'extension',\n  groups: [],\n  name: 'characterCount',\n  reconfigure: (\n    config: RicosExtensionConfig,\n    _extensions: RicosExtension[],\n    ricosProps: ExtensionProps\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        maxTextLength: Math.min(ricosProps.maxTextLength || MAX_TEXT_LENGTH, MAX_TEXT_LENGTH),\n        mode: 'textSize',\n      };\n    },\n  }),\n  createExtensionConfig() {\n    return {\n      name: this.name,\n\n      addStorage() {\n        return {\n          characters: () => 0,\n          words: () => 0,\n        };\n      },\n      onBeforeCreate() {\n        this.storage.characters = options => {\n          const node = options?.node || this.editor.state.doc;\n          const mode = options?.mode || this.options.mode;\n\n          if (mode === 'textSize') {\n            const text = node.textBetween(0, node.content.size, undefined, ' ');\n\n            return text.length;\n          }\n\n          return node.nodeSize;\n        };\n\n        this.storage.words = options => {\n          const node = options?.node || this.editor.state.doc;\n          const text = node.textBetween(0, node.content.size, ' ', ' ');\n          const words = text.split(' ').filter(word => word !== '');\n\n          return words.length;\n        };\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('characterCount'),\n            filterTransaction: (transaction, state) => {\n              const limit = this.options.maxTextLength;\n\n              // Nothing has changed or no limit is defined. Ignore it.\n              // Remote applies pass: vetoing one desyncs this editor from yjs.\n              if (\n                !transaction.docChanged ||\n                limit === 0 ||\n                limit === null ||\n                limit === undefined ||\n                isChangeOrigin(transaction)\n              ) {\n                return true;\n              }\n\n              const oldSize = this.storage.characters({ node: state.doc, mode: this.options.mode });\n              const newSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              // Everything is in the limit. Good.\n              if (newSize <= limit) {\n                return true;\n              }\n\n              // The limit has already been exceeded but will be reduced.\n              if (oldSize > limit && newSize > limit && newSize <= oldSize) {\n                return true;\n              }\n\n              // The limit has already been exceeded and will be increased further.\n              if (oldSize > limit && newSize > limit && newSize > oldSize) {\n                return false;\n              }\n\n              const isPaste = transaction.getMeta('paste');\n\n              // Block all exceeding transactions that were not pasted.\n              if (!isPaste) {\n                return false;\n              }\n\n              // For pasted content, we try to remove the exceeding content.\n              const pos = transaction.selection.$head.pos;\n              const over = newSize - limit;\n              const from = pos - over;\n              const to = pos;\n\n              // It’s probably a bad idea to mutate transactions within `filterTransaction`\n              // but for now this is working fine.\n              transaction.deleteRange(from, to);\n\n              // In some situations, the limit will continue to be exceeded after trimming.\n              // This happens e.g. when truncating within a complex node (e.g. table)\n              // and ProseMirror has to close this node again.\n              // If this is the case, we prevent the transaction completely.\n              const updatedSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              if (updatedSize > limit) {\n                return false;\n              }\n\n              return true;\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA+B;AAE/B,mBAAkC;AAElC,+CAA+C;AAE/C,MAAM,kBAAkB;AAKjB,MAAM,qBAAiB,yEAS5B;AAAA,EACA,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,aAAa,CACX,QACA,aACA,gBACI;AAAA,IACJ,GAAG;AAAA,IACH,aAAa;AACX,aAAO;AAAA,QACL,eAAe,KAAK,IAAI,WAAW,iBAAiB,iBAAiB,eAAe;AAAA,QACpF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MAEX,aAAa;AACX,eAAO;AAAA,UACL,YAAY,MAAM;AAAA,UAClB,OAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MACA,iBAAiB;AACf,aAAK,QAAQ,aAAa,aAAW;AACnC,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,SAAS,QAAQ,KAAK,QAAQ;AAE3C,cAAI,SAAS,YAAY;AACvB,kBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,QAAW,GAAG;AAElE,mBAAO,KAAK;AAAA,UACd;AAEA,iBAAO,KAAK;AAAA,QACd;AAEA,aAAK,QAAQ,QAAQ,aAAW;AAC9B,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,KAAK,GAAG;AAC5D,gBAAM,QAAQ,KAAK,MAAM,GAAG,EAAE,OAAO,UAAQ,SAAS,EAAE;AAExD,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,IAAI,oBAAO;AAAA,YACT,KAAK,IAAI,uBAAU,gBAAgB;AAAA,YACnC,mBAAmB,CAAC,aAAa,UAAU;AACzC,oBAAM,QAAQ,KAAK,QAAQ;AAI3B,kBACE,CAAC,YAAY,cACb,UAAU,KACV,UAAU,QACV,UAAU,cACV,wCAAe,WAAW,GAC1B;AACA,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,KAAK,QAAQ,WAAW,EAAE,MAAM,MAAM,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AACpF,oBAAM,UAAU,KAAK,QAAQ,WAAW;AAAA,gBACtC,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAGD,kBAAI,WAAW,OAAO;AACpB,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,WAAW,SAAS;AAC5D,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS;AAC3D,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,YAAY,QAAQ,OAAO;AAG3C,kBAAI,CAAC,SAAS;AACZ,uBAAO;AAAA,cACT;AAGA,oBAAM,MAAM,YAAY,UAAU,MAAM;AACxC,oBAAM,OAAO,UAAU;AACvB,oBAAM,OAAO,MAAM;AACnB,oBAAM,KAAK;AAIX,0BAAY,YAAY,MAAM,EAAE;AAMhC,oBAAM,cAAc,KAAK,QAAQ,WAAW;AAAA,gBAC1C,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAED,kBAAI,cAAc,OAAO;AACvB,uBAAO;AAAA,cACT;AAEA,qBAAO;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/tiptap-extensions/placeholder-scss.js

@@ -22,6 +22,6 @@ __export(placeholder_exports, {
 });
 module.exports = __toCommonJS(placeholder_exports);
 var placeholder_default = {
-  "alignCenter": "eRNk4"
+  "alignCenter": "Houll"
 };
 //# sourceMappingURL=placeholder-scss.js.map

package/dist/cjs/tiptap-extensions/placeholder-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/placeholder.scss"],
-  "sourcesContent": ["export default {\n  \"alignCenter\": \"eRNk4\"\n};"],
+  "sourcesContent": ["export default {\n  \"alignCenter\": \"Houll\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/tiptap-extensions/ricos-styles.js

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ricos_styles_exports = {};
 __export(ricos_styles_exports, {
+  SetDocAttrStep: () => SetDocAttrStep,
   getLineHeightStyleBySelectedNode: () => getLineHeightStyleBySelectedNode,
   getStylesDecorationBySelectedNode: () => getStylesDecorationBySelectedNode,
   ricosStyles: () => ricosStyles
@@ -26,6 +27,7 @@ module.exports = __toCommonJS(ricos_styles_exports);
 var import_v1 = require("./../ricos-schema/legacy/wix/rich_content/v1/index.js");
 var import_ricos_styles = require("./../ricos-styles/index.js");
 var import_ricos_types = require("./../ricos-types/index.js");
+var import_deep_equal = require("./../_shared/deep-equal.js");
 var import_tiptap = require("./../tiptap/index.js");
 var import_transform = require("./../tiptap/pm/transform.js");
 var import_create_ricos_extension = require("./create-ricos-extension/index.js");
@@ -133,6 +135,16 @@ const ricosStyles = (0, import_create_ricos_extension.createRicosFunctionalExten
   createExtensionConfig() {
     return {
       name: this.name,
+      addStorage() {
+        return { documentStyle: void 0 };
+      },
+      onTransaction({ editor }) {
+        const documentStyle = editor.state.doc.attrs.documentStyle || {};
+        if (!(0, import_deep_equal.deepEqual)(this.storage.documentStyle, documentStyle)) {
+          this.storage.documentStyle = documentStyle;
+          this.options.styles.setDocumentStyle(documentStyle);
+        }
+      },
       addCommands() {
         return {
           getStylesDecorationBySelectedNode: (decorationType) => ({ state }) => {

package/dist/cjs/tiptap-extensions/ricos-styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/ricos-styles.ts"],
-  "sourcesContent": ["import type { PmConverters } from './../pm-converters/collect.js';\nimport type { Decoration, Decoration_Type, DocumentStyle, Node } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TextBlockNodeType } from './../ricos-styles/index.js';\nimport { DocumentStyle as RicosDocumentStyle } from './../ricos-styles/index.js';\nimport type {\n  AmbientStyles,\n  ExtensionProps,\n  HeadingNode,\n  ParagraphNode,\n  RicosExtension,\n} from './../ricos-types/index.js';\nimport { Mark_Type } from './../ricos-types/index.js';\nimport type { PmHeadingNode, PmParagraphNode } from './../_shared/pm-node-types.js';\nimport { getMarksBetween } from './../tiptap/index.js';\nimport type { CommandProps, Editor, ExtensionConfig } from './../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../tiptap/pm/model.js';\nimport type { EditorState } from './../tiptap/pm/state.js';\nimport { Step, StepResult } from './../tiptap/pm/transform.js';\nimport type { TiptapAdapterServices } from './../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/index.js';\n\nconst STEP_TYPE = 'setDocAttr';\n\nconst DOCUMENT_STYLES_MARKS = [\n  Mark_Type.BOLD,\n  Mark_Type.ITALIC,\n  Mark_Type.COLOR_BACKGROUND,\n  Mark_Type.COLOR_FOREGROUND,\n  Mark_Type.FONT_SIZE,\n] as string[];\n\n// adapted from https://discuss.prosemirror.net/t/changing-doc-attrs/784\nclass SetDocAttrStep extends Step {\n  private prevValue: $TSFixMe;\n\n  constructor(\n    private key: string,\n    private value: $TSFixMe\n  ) {\n    super();\n    this.key = key;\n    this.value = value;\n  }\n\n  get stepType() {\n    return STEP_TYPE;\n  }\n\n  apply(doc: $TSFixMe) {\n    this.prevValue = doc.attrs[this.key];\n    // avoid clobbering doc.type.defaultAttrs\n    if (doc.attrs === doc.type.defaultAttrs) {\n      doc.attrs = Object.assign({}, doc.attrs);\n    }\n    doc.attrs[this.key] = this.value;\n    return StepResult.ok(doc);\n  }\n\n  invert() {\n    return new SetDocAttrStep(this.key, this.prevValue);\n  }\n\n  // position never changes so map should always return same step\n  map() {\n    return this;\n  }\n\n  toJSON() {\n    return {\n      stepType: this.stepType,\n      key: this.key,\n      value: this.value,\n    };\n  }\n\n  static fromJSON(schema: $TSFixMe, json: $TSFixMe) {\n    return new SetDocAttrStep(json.key, json.value);\n  }\n\n  static register() {\n    try {\n      Step.jsonID(STEP_TYPE, SetDocAttrStep);\n    } catch (err) {\n      if ((err as Error).message !== `Duplicate use of step JSON ID ${STEP_TYPE}`) {\n        throw err;\n      }\n    }\n    return true;\n  }\n}\n\ndeclare module './../tiptap/core' {\n  interface Commands<ReturnType> {\n    styles: {\n      /**\n       * returns decoration object from selected node according to ricos-styles\n       */\n      getStylesDecorationBySelectedNode: (\n        decorationType: Decoration_Type\n      ) => (props: CommandProps) => Decoration | undefined;\n      /**\n       * updates the document style\n       */\n      updateDocumentStyle: (documentStyle: DocumentStyle) => ReturnType;\n      /**\n       * updates the document style according to the selected node\n       */\n      updateDocumentStyleBySelectedNode: () => ReturnType;\n      /**\n       * remove all marks that are defined in the document style (bold, italic, color, font size)\n       */\n      unsetAllDocumentStyleMarksByNode: (node: ProseMirrorNode) => ReturnType;\n      /**\n       * remove all attibutes that are defined in the document style (paddingTop,paddingBottom,lineHeight)\n       */\n      unsetAllDocumentStyleAttrsByNode: (node: ProseMirrorNode, pos: number) => ReturnType;\n      /**\n       * reset the document style of a given nodeType\n       */\n      resetDocumentStyleByNodeType: (nodeType: TextBlockNodeType) => ReturnType;\n    };\n  }\n}\n\nexport const getStylesDecorationBySelectedNode = (\n  decorationType: Decoration_Type,\n  {\n    state,\n    styles,\n    pmConverters,\n  }: { state: EditorState; styles: AmbientStyles; pmConverters: PmConverters }\n) => {\n  const { from, to } = state.selection;\n  let node: Node | undefined;\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = pmConverters.fromPmNode(currNode.toJSON()) as unknown as Node;\n      return false;\n    }\n  });\n  return node && styles.getDecoration(node as ParagraphNode | HeadingNode, decorationType);\n};\n\nexport const getLineHeightStyleBySelectedNode = ({\n  tiptapEditor,\n  styles,\n}: {\n  tiptapEditor: Editor;\n  styles: AmbientStyles;\n}) => {\n  const { state, view } = tiptapEditor;\n  const { from, to, $from } = state.selection;\n\n  const domNode = $from.depth > 0 ? view.nodeDOM($from.before($from.depth)) : null;\n\n  let node: PmParagraphNode | PmHeadingNode | undefined;\n\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = currNode.toJSON() as PmParagraphNode | PmHeadingNode;\n      return false;\n    }\n  });\n\n  return node ? styles.getComputedLineHeight(node, domNode as HTMLElement) : undefined;\n};\n\nexport const ricosStyles = createRicosFunctionalExtension<{\n  styles: AmbientStyles;\n  converters: PmConverters;\n}>({\n  type: 'extension',\n  groups: [],\n  name: 'ricos-styles-commands',\n  reconfigure: (\n    config: ExtensionConfig,\n    _extensions: RicosExtension[],\n    _ricosProps: ExtensionProps,\n    _settings: Record<string, unknown>,\n    services: TiptapAdapterServices\n  ) => {\n    return {\n      ...config,\n      addOptions() {\n        return {\n          styles: services.styles,\n          converters: services.converters,\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      addCommands() {\n        return {\n          getStylesDecorationBySelectedNode:\n            (decorationType: Decoration_Type) =>\n            ({ state }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined;\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  return false;\n                }\n              });\n              return (\n                node &&\n                this.options.styles.getDecoration(\n                  node as ParagraphNode | HeadingNode,\n                  decorationType\n                )\n              );\n            },\n          updateDocumentStyleBySelectedNode:\n            () =>\n            ({ state, chain }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined, proseNode: ProseMirrorNode | undefined;\n\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  proseNode = currNode;\n\n                  return false;\n                }\n              });\n              if (!proseNode || !node || !RicosDocumentStyle.isNodeTransformable(node)) {\n                return false;\n              }\n\n              const documentStyleEntity = RicosDocumentStyle.fromNode(node);\n\n              return chain()\n                .focus()\n                .updateDocumentStyle(documentStyleEntity.toContent())\n                .command(({ state, commands }) => {\n                  state.doc.descendants((node, pos) => {\n                    if (\n                      node.isTextblock &&\n                      node.type.name === (proseNode as ProseMirrorNode).type.name\n                    ) {\n                      commands.unsetAllDocumentStyleMarksByNode(node);\n                      commands.unsetAllDocumentStyleAttrsByNode(node, pos);\n                    }\n                  });\n                  return true;\n                })\n\n                .run();\n            },\n          unsetAllDocumentStyleMarksByNode:\n            (node: ProseMirrorNode) =>\n            ({ editor, tr, state }) => {\n              const nodeElement = document.body.querySelector(`[data-ricos-id=\"${node.attrs.id}\"]`);\n              if (nodeElement) {\n                const start = editor.view.posAtDOM(nodeElement, 0);\n                const end = start + node.content.size;\n\n                getMarksBetween(start, end, state.doc).forEach(markRang => {\n                  if (DOCUMENT_STYLES_MARKS.includes(markRang.mark.type.name)) {\n                    tr.removeMark(start, end, markRang.mark);\n                  }\n                });\n              }\n              return true;\n            },\n          unsetAllDocumentStyleAttrsByNode:\n            (node: ProseMirrorNode, pos: number) =>\n            ({ tr }) => {\n              // `fontSize` is `textStyle.fontSize` kept as its own attribute (see font-size extension)\n              const {\n                style: _removedStyle,\n                fontSize: _removedFontSize,\n                textStyle,\n                ...restAttrs\n              } = node.attrs;\n              const attrs =\n                textStyle && typeof textStyle === 'object'\n                  ? {\n                      ...restAttrs,\n                      textStyle: (({ lineHeight: _removedLineHeight, ...textStyleRest }) =>\n                        textStyleRest)(textStyle),\n                    }\n                  : restAttrs;\n              tr.setNodeMarkup(pos, undefined, attrs);\n              return true;\n            },\n          resetDocumentStyleByNodeType:\n            nodeType =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .resetStyle(nodeType)\n                .toContent();\n\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n          updateDocumentStyle:\n            (documentStyle: DocumentStyle) =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .mergeWith(documentStyle)\n                .toContent();\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n        };\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { PmConverters } from './../pm-converters/collect.js';\nimport type { Decoration, Decoration_Type, DocumentStyle, Node } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TextBlockNodeType } from './../ricos-styles/index.js';\nimport { DocumentStyle as RicosDocumentStyle } from './../ricos-styles/index.js';\nimport type {\n  AmbientStyles,\n  ExtensionProps,\n  HeadingNode,\n  ParagraphNode,\n  RicosExtension,\n} from './../ricos-types/index.js';\nimport { Mark_Type } from './../ricos-types/index.js';\nimport { deepEqual } from './../_shared/deep-equal.js';\nimport type { PmHeadingNode, PmParagraphNode } from './../_shared/pm-node-types.js';\nimport { getMarksBetween } from './../tiptap/index.js';\nimport type { CommandProps, Editor, ExtensionConfig } from './../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../tiptap/pm/model.js';\nimport type { EditorState } from './../tiptap/pm/state.js';\nimport { Step, StepResult } from './../tiptap/pm/transform.js';\nimport type { TiptapAdapterServices } from './../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/index.js';\n\nconst STEP_TYPE = 'setDocAttr';\n\nconst DOCUMENT_STYLES_MARKS = [\n  Mark_Type.BOLD,\n  Mark_Type.ITALIC,\n  Mark_Type.COLOR_BACKGROUND,\n  Mark_Type.COLOR_FOREGROUND,\n  Mark_Type.FONT_SIZE,\n] as string[];\n\n// adapted from https://discuss.prosemirror.net/t/changing-doc-attrs/784\nexport class SetDocAttrStep extends Step {\n  private prevValue: $TSFixMe;\n\n  constructor(\n    private key: string,\n    private value: $TSFixMe\n  ) {\n    super();\n    this.key = key;\n    this.value = value;\n  }\n\n  get stepType() {\n    return STEP_TYPE;\n  }\n\n  apply(doc: $TSFixMe) {\n    this.prevValue = doc.attrs[this.key];\n    // avoid clobbering doc.type.defaultAttrs\n    if (doc.attrs === doc.type.defaultAttrs) {\n      doc.attrs = Object.assign({}, doc.attrs);\n    }\n    doc.attrs[this.key] = this.value;\n    return StepResult.ok(doc);\n  }\n\n  invert() {\n    return new SetDocAttrStep(this.key, this.prevValue);\n  }\n\n  // position never changes so map should always return same step\n  map() {\n    return this;\n  }\n\n  toJSON() {\n    return {\n      stepType: this.stepType,\n      key: this.key,\n      value: this.value,\n    };\n  }\n\n  static fromJSON(schema: $TSFixMe, json: $TSFixMe) {\n    return new SetDocAttrStep(json.key, json.value);\n  }\n\n  static register() {\n    try {\n      Step.jsonID(STEP_TYPE, SetDocAttrStep);\n    } catch (err) {\n      if ((err as Error).message !== `Duplicate use of step JSON ID ${STEP_TYPE}`) {\n        throw err;\n      }\n    }\n    return true;\n  }\n}\n\ndeclare module './../tiptap/core' {\n  interface Commands<ReturnType> {\n    styles: {\n      /**\n       * returns decoration object from selected node according to ricos-styles\n       */\n      getStylesDecorationBySelectedNode: (\n        decorationType: Decoration_Type\n      ) => (props: CommandProps) => Decoration | undefined;\n      /**\n       * updates the document style\n       */\n      updateDocumentStyle: (documentStyle: DocumentStyle) => ReturnType;\n      /**\n       * updates the document style according to the selected node\n       */\n      updateDocumentStyleBySelectedNode: () => ReturnType;\n      /**\n       * remove all marks that are defined in the document style (bold, italic, color, font size)\n       */\n      unsetAllDocumentStyleMarksByNode: (node: ProseMirrorNode) => ReturnType;\n      /**\n       * remove all attibutes that are defined in the document style (paddingTop,paddingBottom,lineHeight)\n       */\n      unsetAllDocumentStyleAttrsByNode: (node: ProseMirrorNode, pos: number) => ReturnType;\n      /**\n       * reset the document style of a given nodeType\n       */\n      resetDocumentStyleByNodeType: (nodeType: TextBlockNodeType) => ReturnType;\n    };\n  }\n}\n\nexport const getStylesDecorationBySelectedNode = (\n  decorationType: Decoration_Type,\n  {\n    state,\n    styles,\n    pmConverters,\n  }: { state: EditorState; styles: AmbientStyles; pmConverters: PmConverters }\n) => {\n  const { from, to } = state.selection;\n  let node: Node | undefined;\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = pmConverters.fromPmNode(currNode.toJSON()) as unknown as Node;\n      return false;\n    }\n  });\n  return node && styles.getDecoration(node as ParagraphNode | HeadingNode, decorationType);\n};\n\nexport const getLineHeightStyleBySelectedNode = ({\n  tiptapEditor,\n  styles,\n}: {\n  tiptapEditor: Editor;\n  styles: AmbientStyles;\n}) => {\n  const { state, view } = tiptapEditor;\n  const { from, to, $from } = state.selection;\n\n  const domNode = $from.depth > 0 ? view.nodeDOM($from.before($from.depth)) : null;\n\n  let node: PmParagraphNode | PmHeadingNode | undefined;\n\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = currNode.toJSON() as PmParagraphNode | PmHeadingNode;\n      return false;\n    }\n  });\n\n  return node ? styles.getComputedLineHeight(node, domNode as HTMLElement) : undefined;\n};\n\nexport const ricosStyles = createRicosFunctionalExtension<\n  { styles: AmbientStyles; converters: PmConverters },\n  { documentStyle?: DocumentStyle }\n>({\n  type: 'extension',\n  groups: [],\n  name: 'ricos-styles-commands',\n  reconfigure: (\n    config: ExtensionConfig,\n    _extensions: RicosExtension[],\n    _ricosProps: ExtensionProps,\n    _settings: Record<string, unknown>,\n    services: TiptapAdapterServices\n  ) => {\n    return {\n      ...config,\n      addOptions() {\n        return {\n          styles: services.styles,\n          converters: services.converters,\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      addStorage() {\n        return { documentStyle: undefined };\n      },\n      onTransaction({ editor }) {\n        // Remote updates and undo bypass the style commands; keep the rendering service in sync.\n        const documentStyle = editor.state.doc.attrs.documentStyle || {};\n        if (!deepEqual(this.storage.documentStyle, documentStyle)) {\n          this.storage.documentStyle = documentStyle;\n          this.options.styles.setDocumentStyle(documentStyle);\n        }\n      },\n      addCommands() {\n        return {\n          getStylesDecorationBySelectedNode:\n            (decorationType: Decoration_Type) =>\n            ({ state }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined;\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  return false;\n                }\n              });\n              return (\n                node &&\n                this.options.styles.getDecoration(\n                  node as ParagraphNode | HeadingNode,\n                  decorationType\n                )\n              );\n            },\n          updateDocumentStyleBySelectedNode:\n            () =>\n            ({ state, chain }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined, proseNode: ProseMirrorNode | undefined;\n\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  proseNode = currNode;\n\n                  return false;\n                }\n              });\n              if (!proseNode || !node || !RicosDocumentStyle.isNodeTransformable(node)) {\n                return false;\n              }\n\n              const documentStyleEntity = RicosDocumentStyle.fromNode(node);\n\n              return chain()\n                .focus()\n                .updateDocumentStyle(documentStyleEntity.toContent())\n                .command(({ state, commands }) => {\n                  state.doc.descendants((node, pos) => {\n                    if (\n                      node.isTextblock &&\n                      node.type.name === (proseNode as ProseMirrorNode).type.name\n                    ) {\n                      commands.unsetAllDocumentStyleMarksByNode(node);\n                      commands.unsetAllDocumentStyleAttrsByNode(node, pos);\n                    }\n                  });\n                  return true;\n                })\n\n                .run();\n            },\n          unsetAllDocumentStyleMarksByNode:\n            (node: ProseMirrorNode) =>\n            ({ editor, tr, state }) => {\n              const nodeElement = document.body.querySelector(`[data-ricos-id=\"${node.attrs.id}\"]`);\n              if (nodeElement) {\n                const start = editor.view.posAtDOM(nodeElement, 0);\n                const end = start + node.content.size;\n\n                getMarksBetween(start, end, state.doc).forEach(markRang => {\n                  if (DOCUMENT_STYLES_MARKS.includes(markRang.mark.type.name)) {\n                    tr.removeMark(start, end, markRang.mark);\n                  }\n                });\n              }\n              return true;\n            },\n          unsetAllDocumentStyleAttrsByNode:\n            (node: ProseMirrorNode, pos: number) =>\n            ({ tr }) => {\n              // `fontSize` is `textStyle.fontSize` kept as its own attribute (see font-size extension)\n              const {\n                style: _removedStyle,\n                fontSize: _removedFontSize,\n                textStyle,\n                ...restAttrs\n              } = node.attrs;\n              const attrs =\n                textStyle && typeof textStyle === 'object'\n                  ? {\n                      ...restAttrs,\n                      textStyle: (({ lineHeight: _removedLineHeight, ...textStyleRest }) =>\n                        textStyleRest)(textStyle),\n                    }\n                  : restAttrs;\n              tr.setNodeMarkup(pos, undefined, attrs);\n              return true;\n            },\n          resetDocumentStyleByNodeType:\n            nodeType =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .resetStyle(nodeType)\n                .toContent();\n\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n          updateDocumentStyle:\n            (documentStyle: DocumentStyle) =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .mergeWith(documentStyle)\n                .toContent();\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n        };\n      },\n    };\n  },\n});\n"],
+  "mappings": "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",
   "names": ["RicosDocumentStyle", "state", "node"]
 }

package/dist/cjs/tiptap-extensions/statics/styles-scss.js

@@ -22,9 +22,9 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var styles_default = {
-  "fontElementMap": "R3Qbf",
-  "link": "_3L58H",
-  "linkInViewer": "LzCqk",
-  "dropcursor": "Q97WT"
+  "fontElementMap": "WmE4P",
+  "link": "LmlYm",
+  "linkInViewer": "pHA2C",
+  "dropcursor": "_4niS-"
 };
 //# sourceMappingURL=styles-scss.js.map

package/dist/cjs/tiptap-extensions/statics/styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tiptap-extensions/statics/styles.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"R3Qbf\",\n  \"link\": \"_3L58H\",\n  \"linkInViewer\": \"LzCqk\",\n  \"dropcursor\": \"Q97WT\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"WmE4P\",\n  \"link\": \"LmlYm\",\n  \"linkInViewer\": \"pHA2C\",\n  \"dropcursor\": \"_4niS-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js

@@ -22,6 +22,6 @@ __export(insert_plugin_toolbar_exports, {
 });
 module.exports = __toCommonJS(insert_plugin_toolbar_exports);
 var insert_plugin_toolbar_default = {
-  "wrapper": "K10S-"
+  "wrapper": "mjmBf"
 };
 //# sourceMappingURL=insert-plugin-toolbar-scss.js.map

package/dist/cjs/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.scss"],
-  "sourcesContent": ["export default {\n  \"wrapper\": \"K10S-\"\n};"],
+  "sourcesContent": ["export default {\n  \"wrapper\": \"mjmBf\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.js

@@ -122,6 +122,7 @@ const toToolbarItemConfig = (button, t, pluginsEvents, options) => {
     type: "toggle",
     presentation: {
       tooltip: t(button.tooltip),
+      label: button.showLabel ? t(button.tooltip) : void 0,
       icon: button.icon,
       dataHook: button.dataHook
     },

package/dist/cjs/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.tsx"],
-  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { isDefined } from 'ts-is-present';\n\nimport { EditorContext, PluginsEventsContext, RicosContext } from './../../../ricos-context/index.js';\nimport { getToolbarSettings, useToolbarSettings } from './../../../ricos-context/toolbar-context.js';\nimport type { PluginsEvents } from './../../../ricos-plugins/index.js';\nimport { getButtonsListFromConfig } from './../../../ricos-plugins/toolbar-utils/get-buttons-list-from-config.js';\nimport type {\n  AddButton,\n  IToolbarItemConfigTiptap,\n  TFunction,\n  ToolbarSettingsFunctions,\n} from './../../../ricos-types/index.js';\nimport { ToolbarType } from './../../../ricos-types/index.js';\nimport { isAlwaysVisible } from './../../../_shared/resolvers/is-always-visible.js';\nimport { TOOLBARS } from './../../../editor-common/index.js';\n\nimport type { OverflownItemsPosition, ToolbarItemProps } from '../../types.js';\nimport { ToggleButton } from '../buttons/index.js';\nimport { Toolbar } from '../Toolbar/toolbar.js';\nimport styles from './insert-plugin-toolbar-scss.js';\n\ninterface Props {\n  buttons: AddButton[];\n  onlyShownButtons?: string[];\n  type: 'floating' | 'static' | 'regular';\n  referenceElement?: React.RefObject<HTMLElement>;\n  onButtonClick: (button: AddButton, e: Event) => void;\n  overflownItemsPosition?: OverflownItemsPosition;\n  options?: { disabled: boolean };\n  alignment?: string;\n}\n\nexport const InsertPluginToolbar: React.FC<Props> = ({\n  buttons,\n  type,\n  onButtonClick,\n  overflownItemsPosition,\n  options,\n  alignment,\n  onlyShownButtons,\n}) => {\n  const { adapter } = useContext(EditorContext);\n  const toolbarSettings = useToolbarSettings(getToolbarSettings(ToolbarType.INSERT_PLUGIN));\n\n  const { isMobile, t } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const [wrapper, setWrapper] = useState<null | HTMLDivElement>(null);\n  const [maxWidth, setMaxWidth] = useState(adapter.tiptapEditor.view.dom.clientWidth);\n\n  useEffect(() => {\n    if (!wrapper || !window?.ResizeObserver) {\n      return;\n    }\n\n    setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n\n    const resizeObserver = new ResizeObserver(() => {\n      setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n    });\n\n    resizeObserver.observe(wrapper);\n\n    return () => resizeObserver.disconnect();\n  }, [buttons, options, isMobile, wrapper]);\n\n  const renderers = useMemo(\n    () =>\n      buttons.reduce((result, addButton) => {\n        const button = addButton;\n        return {\n          ...result,\n          [button.id]: ({ toolbarItem, tabIndex }: ToolbarItemProps) => (\n            <ToggleButton\n              toolbarItem={toolbarItem}\n              tabIndex={tabIndex}\n              onClick={(e: $TSFixMe) => onButtonClick(addButton, e)}\n            />\n          ),\n        };\n      }, {}),\n    [buttons]\n  );\n\n  const config = useMemo(\n    () => toToolbarButtonsConfig(buttons, t, pluginsEvents, toolbarSettings, isMobile, options),\n    [isMobile, options, buttons, t, pluginsEvents, toolbarSettings]\n  );\n\n  return (\n    <div className={styles.wrapper} ref={setWrapper}>\n      <Toolbar\n        type={type}\n        maxWidth={maxWidth}\n        toolbarItemsConfig={config}\n        onlyShownButtons={onlyShownButtons}\n        toolbarItemsRenderers={renderers}\n        isMobile={false}\n        overflownItemsPosition={overflownItemsPosition}\n        alignment={alignment}\n        ariaLabel={t('PluginToolbar_AriaLabel')}\n      />\n    </div>\n  );\n};\n\nconst toToolbarButtonsConfig = (\n  buttons: AddButton[],\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  toolbarSettingsFunctions: ToolbarSettingsFunctions | undefined,\n  isMobile: boolean,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap[] => {\n  const buttonType = isMobile ? 'mobile' : 'desktop';\n\n  if (!toolbarSettingsFunctions) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  const buttonsPerType = getButtonsListFromConfig(toolbarSettingsFunctions, buttonType);\n\n  if (!Array.isArray(buttonsPerType) || buttonsPerType.length === 0) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  // Built-in buttons are named by their INSERT_PLUGIN_BUTTONS label, slot buttons by their id.\n  return buttonsPerType\n    .map(name => buttons.find(btn => btn.label === name || btn.id === name))\n    .filter(isDefined)\n    .map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n};\n\nconst toToolbarItemConfig = (\n  button: AddButton,\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap => {\n  const disabled = options?.disabled;\n  return {\n    id: button.id,\n    type: 'toggle',\n    presentation: {\n      tooltip: t(button.tooltip),\n      icon: button.icon,\n      dataHook: button.dataHook,\n    },\n    attributes: disabled\n      ? {\n          visible: isAlwaysVisible,\n          disabled: () => disabled,\n        }\n      : { visible: isAlwaysVisible },\n    commands: {\n      click:\n        ({ publicCommands }) =>\n        () => {\n          pluginsEvents.publishers.byTopic('ricos.toolbars.functionality.buttonClick').publish({\n            toolbarType: TOOLBARS.SIDE,\n            buttonId: button.id,\n          });\n          pluginsEvents.publishPluginAdd({\n            pluginId: button.id,\n            entryPoint: TOOLBARS.PLUGIN_MENU,\n          });\n          button.command({ publicCommands });\n        },\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { isDefined } from 'ts-is-present';\n\nimport { EditorContext, PluginsEventsContext, RicosContext } from './../../../ricos-context/index.js';\nimport { getToolbarSettings, useToolbarSettings } from './../../../ricos-context/toolbar-context.js';\nimport type { PluginsEvents } from './../../../ricos-plugins/index.js';\nimport { getButtonsListFromConfig } from './../../../ricos-plugins/toolbar-utils/get-buttons-list-from-config.js';\nimport type {\n  AddButton,\n  IToolbarItemConfigTiptap,\n  TFunction,\n  ToolbarSettingsFunctions,\n} from './../../../ricos-types/index.js';\nimport { ToolbarType } from './../../../ricos-types/index.js';\nimport { isAlwaysVisible } from './../../../_shared/resolvers/is-always-visible.js';\nimport { TOOLBARS } from './../../../editor-common/index.js';\n\nimport type { OverflownItemsPosition, ToolbarItemProps } from '../../types.js';\nimport { ToggleButton } from '../buttons/index.js';\nimport { Toolbar } from '../Toolbar/toolbar.js';\nimport styles from './insert-plugin-toolbar-scss.js';\n\ninterface Props {\n  buttons: AddButton[];\n  onlyShownButtons?: string[];\n  type: 'floating' | 'static' | 'regular';\n  referenceElement?: React.RefObject<HTMLElement>;\n  onButtonClick: (button: AddButton, e: Event) => void;\n  overflownItemsPosition?: OverflownItemsPosition;\n  options?: { disabled: boolean };\n  alignment?: string;\n}\n\nexport const InsertPluginToolbar: React.FC<Props> = ({\n  buttons,\n  type,\n  onButtonClick,\n  overflownItemsPosition,\n  options,\n  alignment,\n  onlyShownButtons,\n}) => {\n  const { adapter } = useContext(EditorContext);\n  const toolbarSettings = useToolbarSettings(getToolbarSettings(ToolbarType.INSERT_PLUGIN));\n\n  const { isMobile, t } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const [wrapper, setWrapper] = useState<null | HTMLDivElement>(null);\n  const [maxWidth, setMaxWidth] = useState(adapter.tiptapEditor.view.dom.clientWidth);\n\n  useEffect(() => {\n    if (!wrapper || !window?.ResizeObserver) {\n      return;\n    }\n\n    setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n\n    const resizeObserver = new ResizeObserver(() => {\n      setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n    });\n\n    resizeObserver.observe(wrapper);\n\n    return () => resizeObserver.disconnect();\n  }, [buttons, options, isMobile, wrapper]);\n\n  const renderers = useMemo(\n    () =>\n      buttons.reduce((result, addButton) => {\n        const button = addButton;\n        return {\n          ...result,\n          [button.id]: ({ toolbarItem, tabIndex }: ToolbarItemProps) => (\n            <ToggleButton\n              toolbarItem={toolbarItem}\n              tabIndex={tabIndex}\n              onClick={(e: $TSFixMe) => onButtonClick(addButton, e)}\n            />\n          ),\n        };\n      }, {}),\n    [buttons]\n  );\n\n  const config = useMemo(\n    () => toToolbarButtonsConfig(buttons, t, pluginsEvents, toolbarSettings, isMobile, options),\n    [isMobile, options, buttons, t, pluginsEvents, toolbarSettings]\n  );\n\n  return (\n    <div className={styles.wrapper} ref={setWrapper}>\n      <Toolbar\n        type={type}\n        maxWidth={maxWidth}\n        toolbarItemsConfig={config}\n        onlyShownButtons={onlyShownButtons}\n        toolbarItemsRenderers={renderers}\n        isMobile={false}\n        overflownItemsPosition={overflownItemsPosition}\n        alignment={alignment}\n        ariaLabel={t('PluginToolbar_AriaLabel')}\n      />\n    </div>\n  );\n};\n\nconst toToolbarButtonsConfig = (\n  buttons: AddButton[],\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  toolbarSettingsFunctions: ToolbarSettingsFunctions | undefined,\n  isMobile: boolean,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap[] => {\n  const buttonType = isMobile ? 'mobile' : 'desktop';\n\n  if (!toolbarSettingsFunctions) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  const buttonsPerType = getButtonsListFromConfig(toolbarSettingsFunctions, buttonType);\n\n  if (!Array.isArray(buttonsPerType) || buttonsPerType.length === 0) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  // Built-in buttons are named by their INSERT_PLUGIN_BUTTONS label, slot buttons by their id.\n  return buttonsPerType\n    .map(name => buttons.find(btn => btn.label === name || btn.id === name))\n    .filter(isDefined)\n    .map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n};\n\nconst toToolbarItemConfig = (\n  button: AddButton,\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap => {\n  const disabled = options?.disabled;\n  return {\n    id: button.id,\n    type: 'toggle',\n    presentation: {\n      tooltip: t(button.tooltip),\n      label: button.showLabel ? t(button.tooltip) : undefined,\n      icon: button.icon,\n      dataHook: button.dataHook,\n    },\n    attributes: disabled\n      ? {\n          visible: isAlwaysVisible,\n          disabled: () => disabled,\n        }\n      : { visible: isAlwaysVisible },\n    commands: {\n      click:\n        ({ publicCommands }) =>\n        () => {\n          pluginsEvents.publishers.byTopic('ricos.toolbars.functionality.buttonClick').publish({\n            toolbarType: TOOLBARS.SIDE,\n            buttonId: button.id,\n          });\n          pluginsEvents.publishPluginAdd({\n            pluginId: button.id,\n            entryPoint: TOOLBARS.PLUGIN_MENU,\n          });\n          button.command({ publicCommands });\n        },\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": ["React", "styles"]
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js

@@ -22,8 +22,8 @@ __export(OverflownButtons_exports, {
 });
 module.exports = __toCommonJS(OverflownButtons_exports);
 var OverflownButtons_default = {
-  "fontElementMap": "_1bsPx",
-  "moreItems": "KW3dN",
-  "overflownItems": "Re6-p"
+  "fontElementMap": "_5-kH8",
+  "moreItems": "qHqEC",
+  "overflownItems": "Z-rl4"
 };
 //# sourceMappingURL=OverflownButtons-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_1bsPx\",\n  \"moreItems\": \"KW3dN\",\n  \"overflownItems\": \"Re6-p\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_5-kH8\",\n  \"moreItems\": \"qHqEC\",\n  \"overflownItems\": \"Z-rl4\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,2BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js

@@ -22,8 +22,8 @@ __export(RicosDesktopToolbar_exports, {
 });
 module.exports = __toCommonJS(RicosDesktopToolbar_exports);
 var RicosDesktopToolbar_default = {
-  "toolbarVisible": "ecHxA",
-  "visibleItems": "kHCsx",
-  "hiddenToolbar": "iJUTU"
+  "toolbarVisible": "Dw4fB",
+  "visibleItems": "opP46",
+  "hiddenToolbar": "cxmOL"
 };
 //# sourceMappingURL=RicosDesktopToolbar-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"toolbarVisible\": \"ecHxA\",\n  \"visibleItems\": \"kHCsx\",\n  \"hiddenToolbar\": \"iJUTU\"\n};"],
+  "sourcesContent": ["export default {\n  \"toolbarVisible\": \"Dw4fB\",\n  \"visibleItems\": \"opP46\",\n  \"hiddenToolbar\": \"cxmOL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js

@@ -22,9 +22,9 @@ __export(RicosDesktopToolbarWrapper_exports, {
 });
 module.exports = __toCommonJS(RicosDesktopToolbarWrapper_exports);
 var RicosDesktopToolbarWrapper_default = {
-  "fontElementMap": "K6id4",
-  "toolbar": "rOhoh",
-  "toolbarFloating": "WXOwj",
-  "toolbarStatic": "_8xPW8"
+  "fontElementMap": "VD9HU",
+  "toolbar": "ugi0r",
+  "toolbarFloating": "H9ZUL",
+  "toolbarStatic": "_7F9eI"
 };
 //# sourceMappingURL=RicosDesktopToolbarWrapper-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"K6id4\",\n  \"toolbar\": \"rOhoh\",\n  \"toolbarFloating\": \"WXOwj\",\n  \"toolbarStatic\": \"_8xPW8\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"VD9HU\",\n  \"toolbar\": \"ugi0r\",\n  \"toolbarFloating\": \"H9ZUL\",\n  \"toolbarStatic\": \"_7F9eI\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js

@@ -22,14 +22,14 @@ __export(RicosMobileToolbar_exports, {
 });
 module.exports = __toCommonJS(RicosMobileToolbar_exports);
 var RicosMobileToolbar_default = {
-  "fontElementMap": "S8tPS",
-  "container": "MT5Ik",
-  "regularContainer": "T-G6x",
-  "floatingContainer": "TWt-M",
-  "staticContainer": "_3A9LC",
-  "mobileToolbar": "yGarz",
-  "toolbarFloating": "C4jpP",
-  "toolbarStatic": "J3GQz",
-  "buttons": "tVekW"
+  "fontElementMap": "XbZ-h",
+  "container": "wNZay",
+  "regularContainer": "_0-m31",
+  "floatingContainer": "_8SFCQ",
+  "staticContainer": "Ty608",
+  "mobileToolbar": "p9qXA",
+  "toolbarFloating": "AZcXt",
+  "toolbarStatic": "bxZPa",
+  "buttons": "_88qeT"
 };
 //# sourceMappingURL=RicosMobileToolbar-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"S8tPS\",\n  \"container\": \"MT5Ik\",\n  \"regularContainer\": \"T-G6x\",\n  \"floatingContainer\": \"TWt-M\",\n  \"staticContainer\": \"_3A9LC\",\n  \"mobileToolbar\": \"yGarz\",\n  \"toolbarFloating\": \"C4jpP\",\n  \"toolbarStatic\": \"J3GQz\",\n  \"buttons\": \"tVekW\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"XbZ-h\",\n  \"container\": \"wNZay\",\n  \"regularContainer\": \"_0-m31\",\n  \"floatingContainer\": \"_8SFCQ\",\n  \"staticContainer\": \"Ty608\",\n  \"mobileToolbar\": \"p9qXA\",\n  \"toolbarFloating\": \"AZcXt\",\n  \"toolbarStatic\": \"bxZPa\",\n  \"buttons\": \"_88qeT\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay-scss.js

@@ -22,6 +22,6 @@ __export(mobile_toolbar_overlay_exports, {
 });
 module.exports = __toCommonJS(mobile_toolbar_overlay_exports);
 var mobile_toolbar_overlay_default = {
-  "mobileToolbarOverlay": "hg8-c"
+  "mobileToolbarOverlay": "caTMx"
 };
 //# sourceMappingURL=mobile-toolbar-overlay-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay.scss"],
-  "sourcesContent": ["export default {\n  \"mobileToolbarOverlay\": \"hg8-c\"\n};"],
+  "sourcesContent": ["export default {\n  \"mobileToolbarOverlay\": \"caTMx\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton-scss.js

@@ -22,6 +22,6 @@ __export(AddPluginMenuMobileButton_exports, {
 });
 module.exports = __toCommonJS(AddPluginMenuMobileButton_exports);
 var AddPluginMenuMobileButton_default = {
-  "toggleButton": "b1c6c"
+  "toggleButton": "GtAnB"
 };
 //# sourceMappingURL=AddPluginMenuMobileButton-scss.js.map

package/dist/cjs/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton.scss"],
-  "sourcesContent": ["export default {\n  \"toggleButton\": \"b1c6c\"\n};"],
+  "sourcesContent": ["export default {\n  \"toggleButton\": \"GtAnB\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oCAAQ;AAAA,EACb,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton-scss.js

@@ -22,10 +22,10 @@ __export(FontSizeButton_exports, {
 });
 module.exports = __toCommonJS(FontSizeButton_exports);
 var FontSizeButton_default = {
-  "fontSizeButton": "YcLI4",
-  "disabled": "ewTyp",
-  "active": "gq1a-",
-  "fontSizeModalButton": "mu1Lm",
-  "fontSizeModalInputButton": "a70Hu"
+  "fontSizeButton": "_6XF7K",
+  "disabled": "knKrT",
+  "active": "gZSV5",
+  "fontSizeModalButton": "mXXWG",
+  "fontSizeModalInputButton": "w2Psd"
 };
 //# sourceMappingURL=FontSizeButton-scss.js.map

package/dist/cjs/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton.scss"],
-  "sourcesContent": ["export default {\n  \"fontSizeButton\": \"YcLI4\",\n  \"disabled\": \"ewTyp\",\n  \"active\": \"gq1a-\",\n  \"fontSizeModalButton\": \"mu1Lm\",\n  \"fontSizeModalInputButton\": \"a70Hu\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontSizeButton\": \"_6XF7K\",\n  \"disabled\": \"knKrT\",\n  \"active\": \"gZSV5\",\n  \"fontSizeModalButton\": \"mXXWG\",\n  \"fontSizeModalInputButton\": \"w2Psd\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,4BAA4B;AAC9B;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/ToggleButton/toggle-button.js

@@ -37,12 +37,13 @@ var import_toolbar_button = require("./../../../../_shared/toolbar-button/toolba
 const ToggleButton = ({ toolbarItem, onClick, dataHook }) => {
   const { t } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const tooltip = toolbarItem.presentation?.tooltip;
+  const label = toolbarItem.presentation?.label;
   return /* @__PURE__ */ import_react.default.createElement(
     import_toolbar_button.ToolbarButton,
     {
       active: toolbarItem.attributes.active,
       disabled: toolbarItem.attributes.disabled,
-      tooltip: t(tooltip),
+      ...label ? { label, ariaLabel: t(tooltip) } : { tooltip: t(tooltip) },
       onClick,
       prefix: toolbarItem.presentation?.icon,
       dataHook: `${dataHook} ${toolbarItem.attributes.active ? "active" : "disabled"}`,

package/dist/cjs/toolbars-v3/components/buttons/ToggleButton/toggle-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/ToggleButton/toggle-button.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../../ricos-context/index.js';\nimport { ToolbarButton } from './../../../../_shared/toolbar-button/toolbar-button.js';\n\nimport type { ToolbarItemProps } from '../../../types.js';\n\nexport const ToggleButton: React.FC<ToolbarItemProps> = ({ toolbarItem, onClick, dataHook }) => {\n  const { t } = useContext(RicosContext);\n\n  const tooltip = toolbarItem.presentation?.tooltip;\n\n  return (\n    <ToolbarButton\n      active={toolbarItem.attributes.active}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={t(tooltip)}\n      onClick={onClick}\n      prefix={toolbarItem.presentation?.icon}\n      dataHook={`${dataHook} ${toolbarItem.attributes.active ? 'active' : 'disabled'}`}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAA6B;AAC7B,4BAA8B;AAIvB,MAAM,eAA2C,CAAC,EAAE,aAAa,SAAS,SAAS,MAAM;AAC9F,QAAM,EAAE,EAAE,QAAI,yBAAW,iCAAY;AAErC,QAAM,UAAU,YAAY,cAAc;AAE1C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,YAAY,WAAW;AAAA,MAC/B,UAAU,YAAY,WAAW;AAAA,MACjC,SAAS,EAAE,OAAO;AAAA,MAClB;AAAA,MACA,QAAQ,YAAY,cAAc;AAAA,MAClC,UAAU,GAAG,QAAQ,IAAI,YAAY,WAAW,SAAS,WAAW,UAAU;AAAA,MAC9E,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../../ricos-context/index.js';\nimport { ToolbarButton } from './../../../../_shared/toolbar-button/toolbar-button.js';\n\nimport type { ToolbarItemProps } from '../../../types.js';\n\nexport const ToggleButton: React.FC<ToolbarItemProps> = ({ toolbarItem, onClick, dataHook }) => {\n  const { t } = useContext(RicosContext);\n\n  const tooltip = toolbarItem.presentation?.tooltip;\n  const label = toolbarItem.presentation?.label;\n\n  return (\n    <ToolbarButton\n      active={toolbarItem.attributes.active}\n      disabled={toolbarItem.attributes.disabled}\n      // WDS shows a label or a tooltip, never both; a labelled button keeps the tooltip\n      // text as its accessible name.\n      {...(label ? { label, ariaLabel: t(tooltip) } : { tooltip: t(tooltip) })}\n      onClick={onClick}\n      prefix={toolbarItem.presentation?.icon}\n      dataHook={`${dataHook} ${toolbarItem.attributes.active ? 'active' : 'disabled'}`}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAA6B;AAC7B,4BAA8B;AAIvB,MAAM,eAA2C,CAAC,EAAE,aAAa,SAAS,SAAS,MAAM;AAC9F,QAAM,EAAE,EAAE,QAAI,yBAAW,iCAAY;AAErC,QAAM,UAAU,YAAY,cAAc;AAC1C,QAAM,QAAQ,YAAY,cAAc;AAExC,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,YAAY,WAAW;AAAA,MAC/B,UAAU,YAAY,WAAW;AAAA,MAGhC,GAAI,QAAQ,EAAE,OAAO,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE;AAAA,MACtE;AAAA,MACA,QAAQ,YAAY,cAAc;AAAA,MAClC,UAAU,GAAG,QAAQ,IAAI,YAAY,WAAW,SAAS,WAAW,UAAU;AAAA,MAC9E,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu-scss.js

@@ -22,11 +22,11 @@ __export(floating_add_plugin_menu_exports, {
 });
 module.exports = __toCommonJS(floating_add_plugin_menu_exports);
 var floating_add_plugin_menu_default = {
-  "floatingAddPluginMenu_wrapper": "M51uq",
-  "addPluginMenu_horizontal_wrapper": "fXxbU",
-  "floatingAddPluginMenu_plus_button_position": "gOfSM",
-  "floatingAddPluginMenu_plus_button": "-Fe-M",
-  "rtl": "S2FWb",
-  "ltr": "XJJmm"
+  "floatingAddPluginMenu_wrapper": "y49Cn",
+  "addPluginMenu_horizontal_wrapper": "KdFrt",
+  "floatingAddPluginMenu_plus_button_position": "M1k-x",
+  "floatingAddPluginMenu_plus_button": "m-q4M",
+  "rtl": "FFbUN",
+  "ltr": "zpGtu"
 };
 //# sourceMappingURL=floating-add-plugin-menu-scss.js.map

package/dist/cjs/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu.scss"],
-  "sourcesContent": ["export default {\n  \"floatingAddPluginMenu_wrapper\": \"M51uq\",\n  \"addPluginMenu_horizontal_wrapper\": \"fXxbU\",\n  \"floatingAddPluginMenu_plus_button_position\": \"gOfSM\",\n  \"floatingAddPluginMenu_plus_button\": \"-Fe-M\",\n  \"rtl\": \"S2FWb\",\n  \"ltr\": \"XJJmm\"\n};"],
+  "sourcesContent": ["export default {\n  \"floatingAddPluginMenu_wrapper\": \"y49Cn\",\n  \"addPluginMenu_horizontal_wrapper\": \"KdFrt\",\n  \"floatingAddPluginMenu_plus_button_position\": \"M1k-x\",\n  \"floatingAddPluginMenu_plus_button\": \"m-q4M\",\n  \"rtl\": \"FFbUN\",\n  \"ltr\": \"zpGtu\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mCAAQ;AAAA,EACb,iCAAiC;AAAA,EACjC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,EAC9C,qCAAqC;AAAA,EACrC,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

package/dist/cjs/toolbars-v3/ricos-toolbars/footer/FooterToolbar-scss.js

@@ -22,6 +22,6 @@ __export(FooterToolbar_exports, {
 });
 module.exports = __toCommonJS(FooterToolbar_exports);
 var FooterToolbar_default = {
-  "footerToolbar": "hK9o0"
+  "footerToolbar": "OvPlx"
 };
 //# sourceMappingURL=FooterToolbar-scss.js.map

package/dist/cjs/toolbars-v3/ricos-toolbars/footer/FooterToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/ricos-toolbars/footer/FooterToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"footerToolbar\": \"hK9o0\"\n};"],
+  "sourcesContent": ["export default {\n  \"footerToolbar\": \"OvPlx\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/to-schema-base-id.js

@@ -97,7 +97,9 @@ const INSERT_BUTTON_TO_SCHEMA_ID = {
   [import_editor_common.INSERT_PLUGIN_BUTTONS.SPOTIFY]: `${import_ricos_types.Node_Type.AUDIO}.spotify`,
   [import_editor_common.INSERT_PLUGIN_BUTTONS.LAYOUT]: `${import_ricos_types.Node_Type.LAYOUT}.insert`,
   [import_editor_common.INSERT_PLUGIN_BUTTONS.TOC]: import_ricos_types.Node_Type.TOC,
-  [import_editor_common.INSERT_PLUGIN_BUTTONS.SMART_BLOCK]: import_ricos_types.Node_Type.SMART_BLOCK
+  [import_editor_common.INSERT_PLUGIN_BUTTONS.SMART_BLOCK]: import_ricos_types.Node_Type.SMART_BLOCK,
+  // Only registered when the AI plugin is configured with `menu.footerButton`.
+  [import_editor_common.INSERT_PLUGIN_BUTTONS.AI]: import_editor_common.AI_CREATE_ADD_BUTTON_ID
 };
 const supportedInsertButtonNames = Object.values(import_editor_common.INSERT_PLUGIN_BUTTONS).filter(
   (buttonName) => buttonName in INSERT_BUTTON_TO_SCHEMA_ID