@frontify/fondue 12.0.0-beta.4 → 12.0.0-beta.6

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/QuoteMarkupElementNode.es.js

@@ -0,0 +1,16 @@
+import n from "react";
+import { merge as s } from "../../../../../../../utilities/merge.es.js";
+import { useRichTextEditorContext as a } from "../../../../../context/RichTextEditorContext.es.js";
+import { alignmentClassnames as i } from "../alignment.es.js";
+const u = ({ element: t, attributes: o, children: r }) => {
+  const { designTokens: m } = a(), e = t.align;
+  return /* @__PURE__ */ n.createElement("p", {
+    ...o,
+    className: s([e && i[e]]),
+    style: m.quote
+  }, r);
+};
+export {
+  u as QuoteMarkupElementNode
+};
+//# sourceMappingURL=QuoteMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/QuoteMarkupElementNode.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteMarkupElementNode.es.js","sources":["../../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/QuoteMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { useRichTextEditorContext } from '../../../../../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../alignment';\n\nexport const QuoteMarkupElementNode = ({ element, attributes, children }: PlateRenderElementProps) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <p {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.quote}>\n            {children}\n        </p>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAAyB,CAAC,EAAE,YAAS,eAAY,kBAAwC;AAC5F,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC3F,CACL;AAER;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.d.ts

@@ -0,0 +1 @@
+export declare const createQuotePlugin: <OP = import("@udecode/plate").AnyObject, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js

@@ -0,0 +1,12 @@
+import { createPluginFactory as e } from "@udecode/plate";
+import { QuoteMarkupElementNode as t } from "./QuoteMarkupElementNode.es.js";
+import { TextStyles as o } from "../textStyles.es.js";
+const i = e({
+  key: o.ELEMENT_QUOTE,
+  isElement: !0,
+  component: t
+});
+export {
+  i as createQuotePlugin
+};
+//# sourceMappingURL=createQuotePlugin.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createQuotePlugin.es.js","sources":["../../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { QuoteMarkupElementNode } from './QuoteMarkupElementNode';\nimport { TextStyles } from '../textStyles';\n\nexport const createQuotePlugin = createPluginFactory({\n    key: TextStyles.ELEMENT_QUOTE,\n    isElement: true,\n    component: QuoteMarkupElementNode,\n});\n"],"names":[],"mappings":";;;AAMO,MAAM,IAAoB,EAAoB;AAAA,EACjD,KAAK,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AACf,CAAC;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/index.d.ts

@@ -0,0 +1 @@
+export * from './createQuotePlugin';

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/alignment.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/alignment.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const alignmentClassnames: Record<string, string> = {\n    left: 'tw-text-left',\n    right: 'tw-text-right',\n    center: 'tw-text-center',\n    justify: 'tw-text-justify',\n};\n"],"names":[],"mappings":"AAEO,MAAM,IAA8C;AAAA,EACvD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACb;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/index.d.ts

@@ -0,0 +1,9 @@
+export * from './textStyles';
+export * from './Custom1Plugin';
+export * from './Custom2Plugin';
+export * from './Custom3Plugin';
+export * from './Heading1Plugin';
+export * from './Heading2Plugin';
+export * from './Heading3Plugin';
+export * from './Heading4Plugin';
+export * from './Quote';

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.d.ts

@@ -0,0 +1,37 @@
+export declare const DEFAULT_TEXT_STYLE_VALUE = "Mixed";
+export declare enum ListStyles {
+    UL = "ul",
+    OL = "ol",
+    CHECKLIST_ITEM = "checkbox_item"
+}
+export declare const listStyleTitle: Record<ListStyles, string>;
+export declare enum TextStyles {
+    ELEMENT_HEADING1 = "heading1",
+    ELEMENT_HEADING2 = "heading2",
+    ELEMENT_HEADING3 = "heading3",
+    ELEMENT_HEADING4 = "heading4",
+    ELEMENT_CUSTOM1 = "custom1",
+    ELEMENT_CUSTOM2 = "custom2",
+    ELEMENT_CUSTOM3 = "custom3",
+    ELEMENT_QUOTE = "quote",
+    ELEMENT_LINK = "link",
+    ELEMENT_PARAGRAPH = "p"
+}
+export declare const textStyleTitle: Record<TextStyles, string>;
+export declare const AVAILABLE_STYLE_TITLES: {
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    heading4: string;
+    custom1: string;
+    custom2: string;
+    custom3: string;
+    quote: string;
+    link: string;
+    p: string;
+    ul: string;
+    ol: string;
+    checkbox_item: string;
+};
+export declare const AVAILABLE_STYLE: (TextStyles | ListStyles)[];
+export declare type AvailableStyles = ListStyles | TextStyles;

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js

@@ -0,0 +1,30 @@
+const _ = "Mixed";
+var L = /* @__PURE__ */ ((E) => (E.UL = "ul", E.OL = "ol", E.CHECKLIST_ITEM = "checkbox_item", E))(L || {});
+const n = {
+  ul: "Bullet List",
+  ol: "List",
+  checkbox_item: "Checklist"
+};
+var i = /* @__PURE__ */ ((E) => (E.ELEMENT_HEADING1 = "heading1", E.ELEMENT_HEADING2 = "heading2", E.ELEMENT_HEADING3 = "heading3", E.ELEMENT_HEADING4 = "heading4", E.ELEMENT_CUSTOM1 = "custom1", E.ELEMENT_CUSTOM2 = "custom2", E.ELEMENT_CUSTOM3 = "custom3", E.ELEMENT_QUOTE = "quote", E.ELEMENT_LINK = "link", E.ELEMENT_PARAGRAPH = "p", E))(i || {});
+const o = {
+  heading1: "Heading 1",
+  heading2: "Heading 2",
+  heading3: "Heading 3",
+  heading4: "Heading 4",
+  custom1: "Custom 01",
+  custom2: "Custom 02",
+  custom3: "Custom 03",
+  quote: "Quote",
+  link: "Link",
+  p: "Paragraph"
+}, a = { ...n, ...o }, u = Object.values({ ...L, ...i });
+export {
+  u as AVAILABLE_STYLE,
+  a as AVAILABLE_STYLE_TITLES,
+  _ as DEFAULT_TEXT_STYLE_VALUE,
+  L as ListStyles,
+  i as TextStyles,
+  n as listStyleTitle,
+  o as textStyleTitle
+};
+//# sourceMappingURL=textStyles.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textStyles.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const DEFAULT_TEXT_STYLE_VALUE = 'Mixed';\n\nexport enum ListStyles {\n    UL = 'ul',\n    OL = 'ol',\n    CHECKLIST_ITEM = 'checkbox_item',\n}\nexport const listStyleTitle: Record<ListStyles, string> = {\n    [ListStyles.UL]: 'Bullet List',\n    [ListStyles.OL]: 'List',\n    [ListStyles.CHECKLIST_ITEM]: 'Checklist',\n};\n\nexport enum TextStyles {\n    ELEMENT_HEADING1 = 'heading1',\n    ELEMENT_HEADING2 = 'heading2',\n    ELEMENT_HEADING3 = 'heading3',\n    ELEMENT_HEADING4 = 'heading4',\n    ELEMENT_CUSTOM1 = 'custom1',\n    ELEMENT_CUSTOM2 = 'custom2',\n    ELEMENT_CUSTOM3 = 'custom3',\n    ELEMENT_QUOTE = 'quote',\n    ELEMENT_LINK = 'link',\n    ELEMENT_PARAGRAPH = 'p',\n}\n\nexport const textStyleTitle: Record<TextStyles, string> = {\n    [TextStyles.ELEMENT_HEADING1]: 'Heading 1',\n    [TextStyles.ELEMENT_HEADING2]: 'Heading 2',\n    [TextStyles.ELEMENT_HEADING3]: 'Heading 3',\n    [TextStyles.ELEMENT_HEADING4]: 'Heading 4',\n    [TextStyles.ELEMENT_CUSTOM1]: 'Custom 01',\n    [TextStyles.ELEMENT_CUSTOM2]: 'Custom 02',\n    [TextStyles.ELEMENT_CUSTOM3]: 'Custom 03',\n    [TextStyles.ELEMENT_QUOTE]: 'Quote',\n    [TextStyles.ELEMENT_LINK]: 'Link',\n    [TextStyles.ELEMENT_PARAGRAPH]: 'Paragraph',\n};\n\nexport const AVAILABLE_STYLE_TITLES = { ...listStyleTitle, ...textStyleTitle };\nexport const AVAILABLE_STYLE = Object.values({ ...ListStyles, ...TextStyles });\n\nexport type AvailableStyles = ListStyles | TextStyles;\n"],"names":[],"mappings":"AAEO,MAAM,IAA2B;AAE5B,IAAA,sBAAA,MACH,GAAA,KAAA,MACA,EAAA,KAAA,MACY,EAAA,iBAAA,iBAHT,IAAA,KAAA,CAAA,CAAA;AAKL,MAAM,IAA6C;AAAA,EACtD,AAAC,IAAgB;AAAA,EACjB,AAAC,IAAgB;AAAA,EACjB,AAAC,eAA4B;AACjC;AAEY,IAAA,sBAAA,MACW,GAAA,mBAAA,YACA,EAAA,mBAAA,YACA,EAAA,mBAAA,YACA,EAAA,mBAAA,YACD,EAAA,kBAAA,WACA,EAAA,kBAAA,WACA,EAAA,kBAAA,WACF,EAAA,gBAAA,SACD,EAAA,eAAA,QACK,EAAA,oBAAA,KAVZ,IAAA,KAAA,CAAA,CAAA;AAaL,MAAM,IAA6C;AAAA,EACtD,AAAC,UAA8B;AAAA,EAC/B,AAAC,UAA8B;AAAA,EAC/B,AAAC,UAA8B;AAAA,EAC/B,AAAC,UAA8B;AAAA,EAC/B,AAAC,SAA6B;AAAA,EAC9B,AAAC,SAA6B;AAAA,EAC9B,AAAC,SAA6B;AAAA,EAC9B,AAAC,OAA2B;AAAA,EAC5B,AAAC,MAA0B;AAAA,EAC3B,AAAC,GAA+B;AACpC,GAEa,IAAyB,EAAE,GAAG,GAAgB,GAAG,EAAe,GAChE,IAAkB,OAAO,OAAO,EAAE,GAAG,GAAY,GAAG,EAAY,CAAA;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/id.d.ts

@@ -0,0 +1 @@
+export declare const TEXT_STYLE_PLUGIN = "text-style-plugin";

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/id.es.js

@@ -0,0 +1,5 @@
+const t = "text-style-plugin";
+export {
+  t as TEXT_STYLE_PLUGIN
+};
+//# sourceMappingURL=id.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/id.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/id.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const TEXT_STYLE_PLUGIN = 'text-style-plugin';\n"],"names":[],"mappings":"AAEO,MAAM,IAAoB;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin, PluginProps } from '../Plugin';
+export declare class TextStylePlugin extends Plugin {
+    constructor(props?: PluginProps);
+    plugins(): import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").AnyObject, import("@udecode/plate-core").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/plate-core").Value>>[];
+}

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/index.es.js

@@ -0,0 +1,36 @@
+import { TEXT_STYLE_PLUGIN as t } from "./id.es.js";
+import { TextStyleButton as o } from "./TextStyleDropdown/TextStyleButton.es.js";
+import { Plugin as e } from "../Plugin.es.js";
+import "./TextStyles/textStyles.es.js";
+import { createCustom1Plugin as i } from "./TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import { createCustom2Plugin as m } from "./TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import { createCustom3Plugin as n } from "./TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import { createHeading1Plugin as u } from "./TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import { createHeading2Plugin as g } from "./TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import { createHeading3Plugin as p } from "./TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import { createHeading4Plugin as l } from "./TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import { createQuotePlugin as a } from "./TextStyles/Quote/createQuotePlugin.es.js";
+class _ extends e {
+  constructor(r) {
+    super(t, {
+      button: o,
+      ...r
+    });
+  }
+  plugins() {
+    return [
+      u(),
+      g(),
+      p(),
+      l(),
+      i(),
+      m(),
+      n(),
+      a()
+    ];
+  }
+}
+export {
+  _ as TextStylePlugin
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TEXT_STYLE_PLUGIN } from './id';\nimport { TextStyleButton } from './TextStyleDropdown/TextStyleButton';\nimport { Plugin, PluginProps } from '../Plugin';\nimport {\n    createCustom1Plugin,\n    createCustom2Plugin,\n    createCustom3Plugin,\n    createHeading1Plugin,\n    createHeading2Plugin,\n    createHeading3Plugin,\n    createHeading4Plugin,\n    createQuotePlugin,\n} from './TextStyles';\n\nexport class TextStylePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(TEXT_STYLE_PLUGIN, {\n            button: TextStyleButton,\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [\n            createHeading1Plugin(),\n            createHeading2Plugin(),\n            createHeading3Plugin(),\n            createHeading4Plugin(),\n            createCustom1Plugin(),\n            createCustom2Plugin(),\n            createCustom3Plugin(),\n            createQuotePlugin(),\n        ];\n    }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBO,MAAM,UAAwB,EAAO;AAAA,EACxC,YAAY,GAAqB;AAC7B,UAAM,GAAmB;AAAA,MACrB,QAAQ;AAAA,MACR,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA;AAAA,MACH,EAAqB;AAAA,MACrB,EAAqB;AAAA,MACrB,EAAqB;AAAA,MACrB,EAAqB;AAAA,MACrB,EAAoB;AAAA,MACpB,EAAoB;AAAA,MACpB,EAAoB;AAAA,MACpB,EAAkB;AAAA,IAAA;AAAA,EAE1B;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/UnderlinePlugin/index.es.js

@@ -3,10 +3,9 @@ import { UNDERLINE_PLUGIN as n } from "./id.es.js";
 import { UnderlineMarkupElement as t } from "./UnderlineMarkupElement.es.js";
 import { UnderlineButton as o } from "./UnderlineButton.es.js";
 import { Plugin as i } from "../Plugin.es.js";
-class U extends i {
+class d extends i {
   constructor(r) {
-    super({
-      id: n,
+    super(n, {
       button: o,
       markupElement: new t(),
       ...r
@@ -17,6 +16,6 @@ class U extends i {
   }
 }
 export {
-  U as UnderlinePlugin
+  d as UnderlinePlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/UnderlinePlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/UnderlinePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createUnderlinePlugin } from '@udecode/plate';\nimport { UNDERLINE_PLUGIN } from './id';\nimport { UnderlineMarkupElement } from './UnderlineMarkupElement';\nimport { UnderlineButton } from './UnderlineButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class UnderlinePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: UNDERLINE_PLUGIN,\n            button: UnderlineButton,\n            markupElement: new UnderlineMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createUnderlinePlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAwB,EAAO;AAAA,EACxC,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAuB;AAAA,MAC1C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAuB;AAAA,EACnC;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/UnderlinePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createUnderlinePlugin } from '@udecode/plate';\nimport { UNDERLINE_PLUGIN } from './id';\nimport { UnderlineMarkupElement } from './UnderlineMarkupElement';\nimport { UnderlineButton } from './UnderlineButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class UnderlinePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(UNDERLINE_PLUGIN, {\n            button: UnderlineButton,\n            markupElement: new UnderlineMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createUnderlinePlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAwB,EAAO;AAAA,EACxC,YAAY,GAAqB;AAC7B,UAAM,GAAkB;AAAA,MACpB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAuB;AAAA,MAC1C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAuB;AAAA,EACnC;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/index.d.ts

@@ -1,5 +1,6 @@
 import { PluginComposer } from './PluginComposer';
 export declare const defaultPlugins: PluginComposer;
+export * from './GeneratePlugins';
 export * from './PluginComposer';
 export * from './ListPlugin';
 export * from './BoldPlugin';
@@ -10,3 +11,5 @@ export * from './ItalicPlugin';
 export * from './UnderlinePlugin';
 export * from './StrikethroughPlugin';
 export * from './LinkPlugin';
+export * from './MentionPlugin';
+export * from './TextStylePlugin';

package/dist/components/RichTextEditor/EditorActions/Plugins/index.es.js

@@ -1,59 +1,73 @@
 import { PluginComposer as r } from "./PluginComposer.es.js";
-import { PluginComposer as R } from "./PluginComposer.es.js";
+import { PluginComposer as D } from "./PluginComposer.es.js";
 import { OrderedListPlugin as i } from "./ListPlugin/OrderedListPlugin/index.es.js";
-import { OrderedListPlugin as j } from "./ListPlugin/OrderedListPlugin/index.es.js";
+import { OrderedListPlugin as F } from "./ListPlugin/OrderedListPlugin/index.es.js";
 import { UnorderedListPlugin as o } from "./ListPlugin/UnorderedListPlugin/index.es.js";
-import { UnorderedListPlugin as v } from "./ListPlugin/UnorderedListPlugin/index.es.js";
+import { UnorderedListPlugin as H } from "./ListPlugin/UnorderedListPlugin/index.es.js";
 import { CheckboxListPlugin as n } from "./CheckboxListPlugin/index.es.js";
-import { CheckboxListPlugin as D, createCheckboxListPlugin as E } from "./CheckboxListPlugin/index.es.js";
+import { CheckboxListPlugin as M, createCheckboxListPlugin as N } from "./CheckboxListPlugin/index.es.js";
 import { BoldPlugin as e } from "./BoldPlugin/index.es.js";
-import { BoldPlugin as G } from "./BoldPlugin/index.es.js";
+import { BoldPlugin as V } from "./BoldPlugin/index.es.js";
 import { AlignCenterPlugin as t } from "./AlignPlugin/AlignCenterPlugin/index.es.js";
-import { AlignCenterPlugin as K } from "./AlignPlugin/AlignCenterPlugin/index.es.js";
+import { AlignCenterPlugin as X } from "./AlignPlugin/AlignCenterPlugin/index.es.js";
 import { AlignLeftPlugin as l } from "./AlignPlugin/AlignLeftPlugin/index.es.js";
-import { AlignLeftPlugin as N } from "./AlignPlugin/AlignLeftPlugin/index.es.js";
-import { AlignJustifyPlugin as g } from "./AlignPlugin/AlignJustifyPlugin/index.es.js";
-import { AlignJustifyPlugin as T } from "./AlignPlugin/AlignJustifyPlugin/index.es.js";
-import { AlignRightPlugin as m } from "./AlignPlugin/AlignRightPlugin/index.es.js";
-import { AlignRightPlugin as W } from "./AlignPlugin/AlignRightPlugin/index.es.js";
+import { AlignLeftPlugin as Z } from "./AlignPlugin/AlignLeftPlugin/index.es.js";
+import { AlignJustifyPlugin as m } from "./AlignPlugin/AlignJustifyPlugin/index.es.js";
+import { AlignJustifyPlugin as $ } from "./AlignPlugin/AlignJustifyPlugin/index.es.js";
+import { AlignRightPlugin as g } from "./AlignPlugin/AlignRightPlugin/index.es.js";
+import { AlignRightPlugin as ir } from "./AlignPlugin/AlignRightPlugin/index.es.js";
 import { CodePlugin as u } from "./CodePlugin/index.es.js";
-import { CodePlugin as Y } from "./CodePlugin/index.es.js";
-import { ItalicPlugin as P } from "./ItalicPlugin/index.es.js";
-import { ItalicPlugin as _ } from "./ItalicPlugin/index.es.js";
+import { CodePlugin as nr } from "./CodePlugin/index.es.js";
+import { ItalicPlugin as p } from "./ItalicPlugin/index.es.js";
+import { ItalicPlugin as tr } from "./ItalicPlugin/index.es.js";
 import { UnderlinePlugin as f } from "./UnderlinePlugin/index.es.js";
-import { UnderlinePlugin as rr } from "./UnderlinePlugin/index.es.js";
-import { StrikethroughPlugin as p } from "./StrikethroughPlugin/index.es.js";
-import { StrikethroughPlugin as or } from "./StrikethroughPlugin/index.es.js";
+import { UnderlinePlugin as mr } from "./UnderlinePlugin/index.es.js";
+import { StrikethroughPlugin as P } from "./StrikethroughPlugin/index.es.js";
+import { StrikethroughPlugin as ur } from "./StrikethroughPlugin/index.es.js";
 import { LinkPlugin as x } from "./LinkPlugin/index.es.js";
-import { LinkPlugin as er, createLinkPlugin as tr } from "./LinkPlugin/index.es.js";
+import { LinkPlugin as fr, createLinkPlugin as Pr } from "./LinkPlugin/index.es.js";
+import { TextStylePlugin as d } from "./TextStylePlugin/index.es.js";
+import { TextStylePlugin as dr } from "./TextStylePlugin/index.es.js";
+import "react";
+import "@udecode/plate";
+import "../../context/RichTextEditorContext.es.js";
+import "slate-react";
+import "./MentionPlugin/createMentionPlugin.es.js";
 const s = new r();
-s.setPlugin([
-  [
-    new e(),
-    new P(),
-    new f(),
-    new p(),
-    new x(),
-    new u()
-  ]
-]).setPlugin([[new l(), new t(), new m(), new g()]]).setPlugin([[new o(), new n(), new i()]]);
+s.setPlugin(new d()).setPlugin([
+  new e(),
+  new p(),
+  new f(),
+  new P(),
+  new x(),
+  new u()
+], [
+  new l(),
+  new t(),
+  new g(),
+  new m(),
+  new o(),
+  new n(),
+  new i()
+]);
 export {
-  K as AlignCenterPlugin,
-  T as AlignJustifyPlugin,
-  N as AlignLeftPlugin,
-  W as AlignRightPlugin,
-  G as BoldPlugin,
-  D as CheckboxListPlugin,
-  Y as CodePlugin,
-  _ as ItalicPlugin,
-  er as LinkPlugin,
-  j as OrderedListPlugin,
-  R as PluginComposer,
-  or as StrikethroughPlugin,
-  rr as UnderlinePlugin,
-  v as UnorderedListPlugin,
-  E as createCheckboxListPlugin,
-  tr as createLinkPlugin,
+  X as AlignCenterPlugin,
+  $ as AlignJustifyPlugin,
+  Z as AlignLeftPlugin,
+  ir as AlignRightPlugin,
+  V as BoldPlugin,
+  M as CheckboxListPlugin,
+  nr as CodePlugin,
+  tr as ItalicPlugin,
+  fr as LinkPlugin,
+  F as OrderedListPlugin,
+  D as PluginComposer,
+  ur as StrikethroughPlugin,
+  dr as TextStylePlugin,
+  mr as UnderlinePlugin,
+  H as UnorderedListPlugin,
+  N as createCheckboxListPlugin,
+  Pr as createLinkPlugin,
   s as defaultPlugins
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Plugins/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PluginComposer } from './PluginComposer';\nimport { OrderedListPlugin, UnorderedListPlugin } from './ListPlugin';\nimport { CheckboxListPlugin } from './CheckboxListPlugin';\nimport { BoldPlugin } from './BoldPlugin';\nimport { AlignCenterPlugin, AlignJustifyPlugin, AlignLeftPlugin, AlignRightPlugin } from './AlignPlugin';\nimport { CodePlugin } from './CodePlugin';\nimport { ItalicPlugin } from './ItalicPlugin';\nimport { UnderlinePlugin } from './UnderlinePlugin';\nimport { StrikethroughPlugin } from './StrikethroughPlugin';\nimport { LinkPlugin } from './LinkPlugin';\n\nexport const defaultPlugins = new PluginComposer();\ndefaultPlugins\n    .setPlugin([\n        [\n            new BoldPlugin(),\n            new ItalicPlugin(),\n            new UnderlinePlugin(),\n            new StrikethroughPlugin(),\n            new LinkPlugin(),\n            new CodePlugin(),\n        ],\n    ])\n    .setPlugin([[new AlignLeftPlugin(), new AlignCenterPlugin(), new AlignRightPlugin(), new AlignJustifyPlugin()]])\n    .setPlugin([[new UnorderedListPlugin(), new CheckboxListPlugin(), new OrderedListPlugin()]]);\n\nexport * from './PluginComposer';\nexport * from './ListPlugin';\nexport * from './BoldPlugin';\nexport * from './AlignPlugin';\nexport * from './CheckboxListPlugin';\nexport * from './CodePlugin';\nexport * from './ItalicPlugin';\nexport * from './UnderlinePlugin';\nexport * from './StrikethroughPlugin';\nexport * from './LinkPlugin';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,MAAA,IAAiB,IAAI,EAAe;AACjD,EACK,UAAU;AAAA,EACP;AAAA,IACI,IAAI,EAAW;AAAA,IACf,IAAI,EAAa;AAAA,IACjB,IAAI,EAAgB;AAAA,IACpB,IAAI,EAAoB;AAAA,IACxB,IAAI,EAAW;AAAA,IACf,IAAI,EAAW;AAAA,EACnB;AACJ,CAAC,EACA,UAAU,CAAC,CAAC,IAAI,EAAgB,GAAG,IAAI,KAAqB,IAAI,EAAiB,GAAG,IAAI,EAAmB,CAAC,CAAC,CAAC,EAC9G,UAAU,CAAC,CAAC,IAAI,EAAoB,GAAG,IAAI,KAAsB,IAAI,EAAmB,CAAA,CAAC,CAAC;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Plugins/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PluginComposer } from './PluginComposer';\nimport { OrderedListPlugin, UnorderedListPlugin } from './ListPlugin';\nimport { CheckboxListPlugin } from './CheckboxListPlugin';\nimport { BoldPlugin } from './BoldPlugin';\nimport { AlignCenterPlugin, AlignJustifyPlugin, AlignLeftPlugin, AlignRightPlugin } from './AlignPlugin';\nimport { CodePlugin } from './CodePlugin';\nimport { ItalicPlugin } from './ItalicPlugin';\nimport { UnderlinePlugin } from './UnderlinePlugin';\nimport { StrikethroughPlugin } from './StrikethroughPlugin';\nimport { LinkPlugin } from './LinkPlugin';\nimport { TextStylePlugin } from './TextStylePlugin';\n\nexport const defaultPlugins = new PluginComposer();\ndefaultPlugins\n    .setPlugin(new TextStylePlugin())\n    .setPlugin(\n        [\n            new BoldPlugin(),\n            new ItalicPlugin(),\n            new UnderlinePlugin(),\n            new StrikethroughPlugin(),\n            new LinkPlugin(),\n            new CodePlugin(),\n        ],\n        [\n            new AlignLeftPlugin(),\n            new AlignCenterPlugin(),\n            new AlignRightPlugin(),\n            new AlignJustifyPlugin(),\n            new UnorderedListPlugin(),\n            new CheckboxListPlugin(),\n            new OrderedListPlugin(),\n        ],\n    );\n\nexport * from './GeneratePlugins';\nexport * from './PluginComposer';\nexport * from './ListPlugin';\nexport * from './BoldPlugin';\nexport * from './AlignPlugin';\nexport * from './CheckboxListPlugin';\nexport * from './CodePlugin';\nexport * from './ItalicPlugin';\nexport * from './UnderlinePlugin';\nexport * from './StrikethroughPlugin';\nexport * from './LinkPlugin';\nexport * from './MentionPlugin';\nexport * from './TextStylePlugin';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAca,MAAA,IAAiB,IAAI,EAAe;AACjD,EACK,UAAU,IAAI,EAAiB,CAAA,EAC/B,UACG;AAAA,EACI,IAAI,EAAW;AAAA,EACf,IAAI,EAAa;AAAA,EACjB,IAAI,EAAgB;AAAA,EACpB,IAAI,EAAoB;AAAA,EACxB,IAAI,EAAW;AAAA,EACf,IAAI,EAAW;AACnB,GACA;AAAA,EACI,IAAI,EAAgB;AAAA,EACpB,IAAI,EAAkB;AAAA,EACtB,IAAI,EAAiB;AAAA,EACrB,IAAI,EAAmB;AAAA,EACvB,IAAI,EAAoB;AAAA,EACxB,IAAI,EAAmB;AAAA,EACvB,IAAI,EAAkB;AAC1B,CACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/types.d.ts

@@ -1,15 +1,18 @@
 import { ReactElement, ReactNode } from 'react';
 import { PlateEditor } from '@udecode/plate';
 import type { Plugin } from './Plugin';
+export declare type Unknown = unknown;
+export declare type ObjectType<T extends Unknown> = Record<string, T>;
 export declare type ButtonGroupProps = {
     index: number;
     children?: ReactNode;
 };
 export declare type PluginButtonProps = {
     id: string;
-    editor: PlateEditor | null;
+    editor: PlateEditor;
+    editorId: string;
 };
-export declare type PluginButton = ({ editor, id }: PluginButtonProps) => ReactElement;
+export declare type PluginButton = ({ editor, editorId, id }: PluginButtonProps) => ReactElement;
 export declare type Button = {
     id: string;
     button: PluginButton;
@@ -19,3 +22,4 @@ export declare type Plugins = (Plugin[] | Plugin)[];
 export declare type IconStylingWrapperProps = {
     icon: ReactElement;
 };
+export declare type InlineData = () => ReactElement;

package/dist/components/RichTextEditor/EditorActions/Toolbar/index.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import { PlateEditor } from '@udecode/plate';
-import { Buttons } from '../Plugins/types';
-declare type ToolbarProps = {
-    buttons: Buttons;
-    editor: PlateEditor;
-    editorWidth?: number;
-};
-export declare const Toolbar: ({ buttons, editor, editorWidth }: ToolbarProps) => JSX.Element;
-export {};
+import { ToolbarProps } from './types';
+export declare const Toolbar: ({ buttons, editor, editorId, editorWidth }: ToolbarProps) => JSX.Element;

package/dist/components/RichTextEditor/EditorActions/Toolbar/index.es.js

@@ -1,25 +1,26 @@
 import t from "react";
-import { useRichTextEditorContext as d } from "../../context/RichTextEditorContext.es.js";
-import { ButtonGroupWrapper as w } from "../Plugins/helper.es.js";
-import { getButtonGroupWidths as f, getButtonGroupsPerRow as x } from "./utils.es.js";
-const R = ({ buttons: p, editor: i, editorWidth: e }) => {
-  const { PositioningWrapper: a } = d(), m = f(p), o = x(e || 0, m);
-  return /* @__PURE__ */ t.createElement(a.ToolbarWrapper, {
+import { useRichTextEditorContext as w } from "../../context/RichTextEditorContext.es.js";
+import { ButtonGroupWrapper as f } from "../Plugins/helper.es.js";
+import { getButtonGroupWidths as x, getButtonGroupsPerRow as G } from "./utils.es.js";
+const W = ({ buttons: p, editor: i, editorId: a, editorWidth: e }) => {
+  const { PositioningWrapper: m } = w(), u = x(p), o = G(e || 0, u);
+  return /* @__PURE__ */ t.createElement(m.ToolbarWrapper, {
     editorWidth: e,
     toolbarButtonGroups: o
-  }, o.map((u, s) => /* @__PURE__ */ t.createElement("div", {
+  }, o.map((s, l) => /* @__PURE__ */ t.createElement("div", {
     className: "tw-divide-x tw-divide-line tw-flex tw-w-full tw-flex-wrap",
-    key: s
-  }, u.map(({ group: l, index: r }) => /* @__PURE__ */ t.createElement(w, {
+    key: l
+  }, s.map(({ group: c, index: r }) => /* @__PURE__ */ t.createElement(f, {
     index: r,
     key: r
-  }, l.map((n, c) => /* @__PURE__ */ t.createElement(n.button, {
+  }, c.map((n, d) => /* @__PURE__ */ t.createElement(n.button, {
     editor: i,
+    editorId: a,
     id: n.id,
-    key: c.toString()
+    key: d.toString()
   })))))));
 };
 export {
-  R as Toolbar
+  W as Toolbar
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/EditorActions/Toolbar/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Toolbar/index.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateEditor } from '@udecode/plate';\nimport React from 'react';\nimport { useRichTextEditorContext } from '../../context/RichTextEditorContext';\nimport { ButtonGroupWrapper } from '../Plugins/helper';\nimport { Buttons } from '../Plugins/types';\nimport { getButtonGroupWidths, getButtonGroupsPerRow } from './utils';\n\ntype ToolbarProps = {\n    buttons: Buttons;\n    editor: PlateEditor;\n    editorWidth?: number;\n};\n\nexport const Toolbar = ({ buttons, editor, editorWidth }: ToolbarProps) => {\n    const { PositioningWrapper } = useRichTextEditorContext();\n\n    const buttonGroupWidths = getButtonGroupWidths(buttons);\n    const buttonGroupsPerRow = getButtonGroupsPerRow(editorWidth || 0, buttonGroupWidths);\n\n    return (\n        <PositioningWrapper.ToolbarWrapper editorWidth={editorWidth} toolbarButtonGroups={buttonGroupsPerRow}>\n            {buttonGroupsPerRow.map((row, index) => (\n                <div className=\"tw-divide-x tw-divide-line tw-flex tw-w-full tw-flex-wrap\" key={index}>\n                    {row.map(({ group, index }) => (\n                        <ButtonGroupWrapper index={index} key={index}>\n                            {group.map((ToolbarButton, idx) => (\n                                <ToolbarButton.button editor={editor} id={ToolbarButton.id} key={idx.toString()} />\n                            ))}\n                        </ButtonGroupWrapper>\n                    ))}\n                </div>\n            ))}\n        </PositioningWrapper.ToolbarWrapper>\n    );\n};\n"],"names":[],"mappings":";;;;AAeO,MAAM,IAAU,CAAC,EAAE,YAAS,WAAQ,qBAAgC;AACjE,QAAA,EAAE,0BAAuB,KAEzB,IAAoB,EAAqB,CAAO,GAChD,IAAqB,EAAsB,KAAe,GAAG,CAAiB;AAGhF,SAAA,kBAAA,cAAC,EAAmB,gBAAnB;AAAA,IAAkC;AAAA,IAA0B,qBAAqB;AAAA,EAAA,GAC7E,EAAmB,IAAI,CAAC,GAAK,MACzB,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,IAA4D,KAAK;AAAA,EAAA,GAC3E,EAAI,IAAI,CAAC,EAAE,UAAO,eACd,kBAAA,cAAA,GAAA;AAAA,IAAmB,OAAO;AAAA,IAAO,KAAK;AAAA,EAAA,GAClC,EAAM,IAAI,CAAC,GAAe,MACvB,kBAAA,cAAC,EAAc,QAAd;AAAA,IAAqB;AAAA,IAAgB,IAAI,EAAc;AAAA,IAAI,KAAK,EAAI,SAAS;AAAA,EAAA,CAAG,CACpF,CACL,CACH,CACL,CACH,CACL;AAER;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Toolbar/index.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { useRichTextEditorContext } from '../../context/RichTextEditorContext';\nimport { ButtonGroupWrapper } from '../Plugins/helper';\nimport { ToolbarProps } from './types';\nimport { getButtonGroupWidths, getButtonGroupsPerRow } from './utils';\n\nexport const Toolbar = ({ buttons, editor, editorId, editorWidth }: ToolbarProps) => {\n    const { PositioningWrapper } = useRichTextEditorContext();\n\n    const buttonGroupWidths = getButtonGroupWidths(buttons);\n    const buttonGroupsPerRow = getButtonGroupsPerRow(editorWidth || 0, buttonGroupWidths);\n\n    return (\n        <PositioningWrapper.ToolbarWrapper editorWidth={editorWidth} toolbarButtonGroups={buttonGroupsPerRow}>\n            {buttonGroupsPerRow.map((row, index) => (\n                <div className=\"tw-divide-x tw-divide-line tw-flex tw-w-full tw-flex-wrap\" key={index}>\n                    {row.map(({ group, index }) => (\n                        <ButtonGroupWrapper index={index} key={index}>\n                            {group.map((ToolbarButton, idx) => (\n                                <ToolbarButton.button\n                                    editor={editor}\n                                    editorId={editorId}\n                                    id={ToolbarButton.id}\n                                    key={idx.toString()}\n                                />\n                            ))}\n                        </ButtonGroupWrapper>\n                    ))}\n                </div>\n            ))}\n        </PositioningWrapper.ToolbarWrapper>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAAU,CAAC,EAAE,YAAS,WAAQ,aAAU,qBAAgC;AAC3E,QAAA,EAAE,0BAAuB,KAEzB,IAAoB,EAAqB,CAAO,GAChD,IAAqB,EAAsB,KAAe,GAAG,CAAiB;AAGhF,SAAA,kBAAA,cAAC,EAAmB,gBAAnB;AAAA,IAAkC;AAAA,IAA0B,qBAAqB;AAAA,EAAA,GAC7E,EAAmB,IAAI,CAAC,GAAK,MACzB,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,IAA4D,KAAK;AAAA,EAAA,GAC3E,EAAI,IAAI,CAAC,EAAE,UAAO,eACd,kBAAA,cAAA,GAAA;AAAA,IAAmB,OAAO;AAAA,IAAO,KAAK;AAAA,EAAA,GAClC,EAAM,IAAI,CAAC,GAAe,MACvB,kBAAA,cAAC,EAAc,QAAd;AAAA,IACG;AAAA,IACA;AAAA,IACA,IAAI,EAAc;AAAA,IAClB,KAAK,EAAI,SAAS;AAAA,EAAA,CACtB,CACH,CACL,CACH,CACL,CACH,CACL;AAER;"}

package/dist/components/RichTextEditor/EditorActions/Toolbar/types.d.ts

@@ -0,0 +1,14 @@
+import { PlateEditor } from '@udecode/plate';
+import { Button, Buttons } from '../Plugins/types';
+export declare type ToolbarProps = {
+    buttons: Buttons;
+    editor: PlateEditor;
+    editorId: string;
+    editorWidth?: number;
+};
+export declare type ButtonGroupWidths = {
+    group: Button[];
+    buttonGroupWidth: number;
+    index: number;
+}[];
+export declare type ButtonGroupsPerRow = ButtonGroupWidths[];

package/dist/components/RichTextEditor/EditorActions/Toolbar/utils.d.ts

@@ -1,10 +1,5 @@
 import { Button, Buttons } from '../Plugins/types';
-export declare type ButtonGroupWidths = {
-    group: Button[];
-    buttonGroupWidth: number;
-    index: number;
-}[];
-export declare type ButtonGroupsPerRow = ButtonGroupWidths[];
+import { ButtonGroupWidths, ButtonGroupsPerRow } from './types';
 export declare const getButtonGroupWidths: (buttons: Buttons) => {
     group: Button[];
     buttonGroupWidth: number;

package/dist/components/RichTextEditor/EditorActions/Toolbar/utils.es.js

@@ -1,15 +1,15 @@
-import { EditorActions as N } from "../../utils/actions.es.js";
-const a = 12, i = 27, l = 128, D = (T) => T.map((e, c) => ({
+import { TEXT_STYLE_PLUGIN as a } from "../Plugins/TextStylePlugin/id.es.js";
+const l = 12, m = 26, r = 124, X = (T) => T.map((e, c) => ({
   group: e,
-  buttonGroupWidth: e.reduce((n, t) => t.id === N.TEXT_STYLES ? l : i + n, a),
+  buttonGroupWidth: e.reduce((_, t) => t.id === a ? r : m + _, l),
   index: c
-})), E = (T, e) => e.reduce((c, { group: n, buttonGroupWidth: t, index: O }) => {
-  var U, r;
-  const _ = Math.max(0, c.length - 1);
-  return c[_] = (U = c[_]) != null ? U : [], ((r = c[_]) != null ? r : [{ actions: [], buttonGroupWidth: 0 }]).reduce((s, { buttonGroupWidth: B }) => s + B, 0) + t <= T ? c[_].push({ group: n, buttonGroupWidth: t, index: O }) : c.push([{ group: n, buttonGroupWidth: t, index: O }]), c.filter((s) => s.length);
+})), f = (T, e) => e.reduce((c, { group: _, buttonGroupWidth: t, index: s }) => {
+  var U, N;
+  const n = Math.max(0, c.length - 1);
+  return c[n] = (U = c[n]) != null ? U : [], ((N = c[n]) != null ? N : [{ actions: [], buttonGroupWidth: 0 }]).reduce((O, { buttonGroupWidth: B }) => O + B, 0) + t <= T ? c[n].push({ group: _, buttonGroupWidth: t, index: s }) : c.push([{ group: _, buttonGroupWidth: t, index: s }]), c.filter((O) => O.length);
 }, []);
 export {
-  D as getButtonGroupWidths,
-  E as getButtonGroupsPerRow
+  X as getButtonGroupWidths,
+  f as getButtonGroupsPerRow
 };
 //# sourceMappingURL=utils.es.js.map

package/dist/components/RichTextEditor/EditorActions/Toolbar/utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Toolbar/utils.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { EditorActions } from '../../utils/actions';\nimport { Button, Buttons } from '../Plugins/types';\n\nconst BUTTON_GROUP_PADDING_PX = 12;\nconst BUTTON_GROUP_SIZE_PX = 27;\nconst BUTTON_GROUP_DROPDOWN_PX = 128;\n\nexport type ButtonGroupWidths = { group: Button[]; buttonGroupWidth: number; index: number }[];\nexport type ButtonGroupsPerRow = ButtonGroupWidths[];\n\nexport const getButtonGroupWidths = (buttons: Buttons) =>\n    buttons.map((group, index) => ({\n        group,\n        buttonGroupWidth: group.reduce(\n            (prev, button: Button) =>\n                button.id === EditorActions.TEXT_STYLES ? BUTTON_GROUP_DROPDOWN_PX : BUTTON_GROUP_SIZE_PX + prev,\n            BUTTON_GROUP_PADDING_PX,\n        ),\n        index,\n    }));\n\nexport const getButtonGroupsPerRow = (editorWidth: number, buttonGroupWidths: ButtonGroupWidths) =>\n    buttonGroupWidths.reduce<ButtonGroupsPerRow>((buttonGroupWidthsPerRow, { group, buttonGroupWidth, index }) => {\n        const rowCount = Math.max(0, buttonGroupWidthsPerRow.length - 1);\n\n        buttonGroupWidthsPerRow[rowCount] = buttonGroupWidthsPerRow[rowCount] ?? [];\n\n        const currentRowWidth = (buttonGroupWidthsPerRow[rowCount] ?? [{ actions: [], buttonGroupWidth: 0 }]).reduce(\n            (prev, { buttonGroupWidth }) => prev + buttonGroupWidth,\n            0,\n        );\n\n        if (currentRowWidth + buttonGroupWidth <= editorWidth) {\n            buttonGroupWidthsPerRow[rowCount].push({ group, buttonGroupWidth, index });\n        } else {\n            buttonGroupWidthsPerRow.push([{ group, buttonGroupWidth, index }]);\n        }\n\n        return buttonGroupWidthsPerRow.filter((element) => element.length);\n    }, []);\n"],"names":[],"mappings":";AAKA,MAAM,IAA0B,IAC1B,IAAuB,IACvB,IAA2B,KAKpB,IAAuB,CAAC,MACjC,EAAQ,IAAI,CAAC,GAAO,MAAW;AAAA,EAC3B;AAAA,EACA,kBAAkB,EAAM,OACpB,CAAC,GAAM,MACH,EAAO,OAAO,EAAc,cAAc,IAA2B,IAAuB,GAChG,CACJ;AAAA,EACA;AACJ,EAAE,GAEO,IAAwB,CAAC,GAAqB,MACvD,EAAkB,OAA2B,CAAC,GAAyB,EAAE,UAAO,qBAAkB,eAAY;;AAC1G,QAAM,IAAW,KAAK,IAAI,GAAG,EAAwB,SAAS,CAAC;AAEvC,WAAA,KAAY,OAAwB,OAAxB,WAAqC,CAAA,GAOrE,AAAA,AAL6C,QAAA,OAAA,WAAa,CAAC,EAAE,SAAS,IAAI,kBAAkB,GAAG,GAAG,OAClG,CAAC,GAAM,EAAE,kBAAuB,QAAA,IAAO,GACvC,CACJ,IAEsB,KAAoB,IACtC,EAAwB,GAAU,KAAK,EAAE,UAAO,qBAAkB,UAAO,IAEzE,EAAwB,KAAK,CAAC,EAAE,UAAO,qBAAkB,SAAO,CAAA,CAAC,GAG9D,EAAwB,OAAO,CAAC,MAAY,EAAQ,MAAM;AACrE,GAAG,CAAE,CAAA;"}
+{"version":3,"file":"utils.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Toolbar/utils.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TEXT_STYLE_PLUGIN } from '../Plugins/TextStylePlugin/id';\nimport { Button, Buttons } from '../Plugins/types';\nimport { ButtonGroupWidths, ButtonGroupsPerRow } from './types';\n\nconst BUTTON_GROUP_PADDING_PX = 12;\nconst BUTTON_GROUP_SIZE_PX = 26;\nconst BUTTON_GROUP_DROPDOWN_PX = 124;\n\nexport const getButtonGroupWidths = (buttons: Buttons) =>\n    buttons.map((group, index) => ({\n        group,\n        buttonGroupWidth: group.reduce(\n            (prev, button: Button) =>\n                button.id === TEXT_STYLE_PLUGIN ? BUTTON_GROUP_DROPDOWN_PX : BUTTON_GROUP_SIZE_PX + prev,\n            BUTTON_GROUP_PADDING_PX,\n        ),\n        index,\n    }));\n\nexport const getButtonGroupsPerRow = (editorWidth: number, buttonGroupWidths: ButtonGroupWidths) =>\n    buttonGroupWidths.reduce<ButtonGroupsPerRow>((buttonGroupWidthsPerRow, { group, buttonGroupWidth, index }) => {\n        const rowCount = Math.max(0, buttonGroupWidthsPerRow.length - 1);\n\n        buttonGroupWidthsPerRow[rowCount] = buttonGroupWidthsPerRow[rowCount] ?? [];\n\n        const currentRowWidth = (buttonGroupWidthsPerRow[rowCount] ?? [{ actions: [], buttonGroupWidth: 0 }]).reduce(\n            (prev, { buttonGroupWidth }) => prev + buttonGroupWidth,\n            0,\n        );\n\n        if (currentRowWidth + buttonGroupWidth <= editorWidth) {\n            buttonGroupWidthsPerRow[rowCount].push({ group, buttonGroupWidth, index });\n        } else {\n            buttonGroupWidthsPerRow.push([{ group, buttonGroupWidth, index }]);\n        }\n\n        return buttonGroupWidthsPerRow.filter((element) => element.length);\n    }, []);\n"],"names":[],"mappings":";AAMA,MAAM,IAA0B,IAC1B,IAAuB,IACvB,IAA2B,KAEpB,IAAuB,CAAC,MACjC,EAAQ,IAAI,CAAC,GAAO,MAAW;AAAA,EAC3B;AAAA,EACA,kBAAkB,EAAM,OACpB,CAAC,GAAM,MACH,EAAO,OAAO,IAAoB,IAA2B,IAAuB,GACxF,CACJ;AAAA,EACA;AACJ,EAAE,GAEO,IAAwB,CAAC,GAAqB,MACvD,EAAkB,OAA2B,CAAC,GAAyB,EAAE,UAAO,qBAAkB,eAAY;;AAC1G,QAAM,IAAW,KAAK,IAAI,GAAG,EAAwB,SAAS,CAAC;AAEvC,WAAA,KAAY,OAAwB,OAAxB,WAAqC,CAAA,GAOrE,AAAA,AAL6C,QAAA,OAAA,WAAa,CAAC,EAAE,SAAS,IAAI,kBAAkB,GAAG,GAAG,OAClG,CAAC,GAAM,EAAE,kBAAuB,QAAA,IAAO,GACvC,CACJ,IAEsB,KAAoB,IACtC,EAAwB,GAAU,KAAK,EAAE,UAAO,qBAAkB,UAAO,IAEzE,EAAwB,KAAK,CAAC,EAAE,UAAO,qBAAkB,SAAO,CAAA,CAAC,GAG9D,EAAwB,OAAO,CAAC,MAAY,EAAQ,MAAM;AACrE,GAAG,CAAE,CAAA;"}

package/dist/components/RichTextEditor/EditorPositioningWrapper/ToolbarWrapper/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ButtonGroupWidths } from '../../../RichTextEditor/types';
-import { ButtonGroupsPerRow } from '../../EditorActions/Toolbar/utils';
+import { ButtonGroupsPerRow } from '../../EditorActions/Toolbar/types';
 export declare type ToolbarWrapperProps = {
     children: ReactNode;
     editorWidth?: number;

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

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { DesignTokens, PaddingSizes } from './types';
 import { EditorActions } from './utils/actions';
 import { Position } from './EditorPositioningWrapper';
-import { PluginComposer } from './EditorActions';
+import { PluginComposer } from './EditorActions/Plugins';
 export declare type RichTextEditorProps = {
     id?: string;
     placeholder?: string;