@frontify/guideline-blocks-settings 3.0.2 → 4.0.0-alpha.0

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js

@@ -1,47 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
-import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
-const y = "textstyle-heading4-plugin";
-class N extends o {
-  styles = {};
-  constructor({ styles: e = p.heading4, ...n } = {}) {
-    super(r.heading4, {
-      label: "Heading 4",
-      markupElement: new h(),
-      ...n
-    }), this.styles = e;
-  }
-  plugins() {
-    return [k(this.styles)];
-  }
-}
-class h extends g {
-  constructor(e = y, n = s) {
-    super(e, n);
-  }
-}
-const s = ({ element: t, attributes: e, children: n, styles: i }) => {
-  const l = t.align;
-  return /* @__PURE__ */ a(
-    "h4",
-    {
-      ...e,
-      className: u([l && c[l], d(t)]),
-      style: i,
-      children: n
-    }
-  );
-}, k = (t) => m({
-  key: r.heading4,
-  isElement: !0,
-  component: s,
-  deserializeHtml: {
-    rules: [{ validNodeName: ["h4", "H4"] }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
-});
-export {
-  N as Heading4Plugin
-};
-//# sourceMappingURL=heading4Plugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx
+var l = "textstyle-heading4-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.heading4, ...r } = {}) {
+		super(t.heading4, {
+			label: "Heading 4",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("h4", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.heading4,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validNodeName: ["h4", "H4"] }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as Heading4Plugin };
+
+//# sourceMappingURL=heading4Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading4Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n        super(TextStyles.heading4, {\n            label: 'Heading 4',\n            markupElement: new Heading4MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading4Plugin(this.styles)];\n    }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading4MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h4\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h4>\n    );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading4,\n        isElement: true,\n        component: Heading4MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h4', 'H4'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading4Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading4MarkupElement","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading4Plugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n        super(TextStyles.heading4, {\n            label: 'Heading 4',\n            markupElement: new Heading4MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading4Plugin(this.styles)];\n    }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading4MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h4\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h4>\n    );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading4,\n        isElement: true,\n        component: Heading4MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h4', 'H4'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAiBA,IAAM,IAAK,6BAEE,IAAb,cAAoC,EAAO;CACvC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,UAAU,GAAG,MAAuB,CAAC,GAAG;EAMvE,AALA,MAAM,EAAW,UAAU;GACvB,OAAO;GACP,eAAe,IAAI,EAAsB;GACzC,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAqB,KAAK,MAAM,CAAC;CAC7C;AACJ,GAEM,IAAN,cAAoC,EAAc;CAC9C,YAAY,IAAK,GAAI,IAAO,GAA2B;EACnD,MAAM,GAAI,CAAI;CAClB;AACJ,GAEM,KAA6B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC1G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,MAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACD,CAAA;AAEZ,GAEM,KAAwB,MAC1B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,EAAE,CAAC,EAC3C;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA2B,GAAI;CAAe;AAAS,CAAA,EAC9G,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js

@@ -1,40 +1,46 @@
-import { TextStyles as t } from "../styles.es.js";
-import { Heading1Plugin as i } from "./heading1Plugin.es.js";
-import { Heading2Plugin as o } from "./heading2Plugin.es.js";
-import { Heading3Plugin as e } from "./heading3Plugin.es.js";
-import { Heading4Plugin as n } from "./heading4Plugin.es.js";
-import { Custom1Plugin as m } from "./custom1Plugin.es.js";
-import { Custom2Plugin as g } from "./custom2Plugin.es.js";
+import { TextStyles as e } from "../styles.es.js";
+import { Custom1Plugin as t } from "./custom1Plugin.es.js";
+import { Custom2Plugin as n } from "./custom2Plugin.es.js";
 import { Custom3Plugin as r } from "./custom3Plugin.es.js";
-import { QuotePlugin as l } from "./quotePlugin.es.js";
+import { Heading1Plugin as i } from "./heading1Plugin.es.js";
+import { Heading2Plugin as a } from "./heading2Plugin.es.js";
+import { Heading3Plugin as o } from "./heading3Plugin.es.js";
+import { Heading4Plugin as s } from "./heading4Plugin.es.js";
+import { ImageCaptionPlugin as c } from "./imageCaptionPlugin.es.js";
+import { ImageTitlePlugin as l } from "./imageTitlePlugin.es.js";
 import { ParagraphPlugin as u } from "./paragraphPlugin.es.js";
-import { ImageCaptionPlugin as a } from "./imageCaptionPlugin.es.js";
-import { ImageTitlePlugin as p } from "./imageTitlePlugin.es.js";
-const s = [
-  new i(),
-  new o(),
-  new e(),
-  new n(),
-  new m(),
-  new g(),
-  new r(),
-  new l(),
-  new u()
-], P = [
-  t.heading1,
-  t.heading2,
-  t.heading3,
-  t.heading4,
-  t.custom1,
-  t.custom2,
-  t.custom3,
-  t.quote,
-  t.p
-], A = [...s, new a(), new p()], W = [...P, t.imageCaption, t.imageTitle];
-export {
-  A as AllTextStylePlugins,
-  W as AllTextStyles,
-  s as TextStylePluginsWithoutImage,
-  P as TextStylesWithoutImage
-};
-//# sourceMappingURL=helpers.es.js.map
+import { QuotePlugin as d } from "./quotePlugin.es.js";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/helpers.tsx
+var f = [
+	new i(),
+	new a(),
+	new o(),
+	new s(),
+	new t(),
+	new n(),
+	new r(),
+	new d(),
+	new u()
+], p = [
+	e.heading1,
+	e.heading2,
+	e.heading3,
+	e.heading4,
+	e.custom1,
+	e.custom2,
+	e.custom3,
+	e.quote,
+	e.p
+], m = [
+	...f,
+	new c(),
+	new l()
+], h = [
+	...p,
+	e.imageCaption,
+	e.imageTitle
+];
+//#endregion
+export { m as AllTextStylePlugins, h as AllTextStyles, f as TextStylePluginsWithoutImage, p as TextStylesWithoutImage };
+
+//# sourceMappingURL=helpers.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/helpers.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles } from '../styles';\n\nimport {\n    Custom1Plugin,\n    Custom2Plugin,\n    Custom3Plugin,\n    Heading1Plugin,\n    Heading2Plugin,\n    Heading3Plugin,\n    Heading4Plugin,\n    ImageCaptionPlugin,\n    ImageTitlePlugin,\n    ParagraphPlugin,\n    QuotePlugin,\n} from '.';\n\nexport const TextStylePluginsWithoutImage = [\n    new Heading1Plugin(),\n    new Heading2Plugin(),\n    new Heading3Plugin(),\n    new Heading4Plugin(),\n    new Custom1Plugin(),\n    new Custom2Plugin(),\n    new Custom3Plugin(),\n    new QuotePlugin(),\n    new ParagraphPlugin(),\n];\n\nexport const TextStylesWithoutImage = [\n    TextStyles.heading1,\n    TextStyles.heading2,\n    TextStyles.heading3,\n    TextStyles.heading4,\n    TextStyles.custom1,\n    TextStyles.custom2,\n    TextStyles.custom3,\n    TextStyles.quote,\n    TextStyles.p,\n];\n\nexport const AllTextStylePlugins = [...TextStylePluginsWithoutImage, new ImageCaptionPlugin(), new ImageTitlePlugin()];\n\nexport const AllTextStyles = [...TextStylesWithoutImage, TextStyles.imageCaption, TextStyles.imageTitle];\n"],"names":["TextStylePluginsWithoutImage","Heading1Plugin","Heading2Plugin","Heading3Plugin","Heading4Plugin","Custom1Plugin","Custom2Plugin","Custom3Plugin","QuotePlugin","ParagraphPlugin","TextStylesWithoutImage","TextStyles","AllTextStylePlugins","ImageCaptionPlugin","ImageTitlePlugin","AllTextStyles"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,IAA+B;AAAA,EACxC,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AACR,GAEaC,IAAyB;AAAA,EAClCC,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AACf,GAEaC,IAAsB,CAAC,GAAGZ,GAA8B,IAAIa,EAAA,GAAsB,IAAIC,EAAA,CAAkB,GAExGC,IAAgB,CAAC,GAAGL,GAAwBC,EAAW,cAAcA,EAAW,UAAU;"}
+{"version":3,"file":"helpers.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/helpers.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles } from '../styles';\n\nimport {\n    Custom1Plugin,\n    Custom2Plugin,\n    Custom3Plugin,\n    Heading1Plugin,\n    Heading2Plugin,\n    Heading3Plugin,\n    Heading4Plugin,\n    ImageCaptionPlugin,\n    ImageTitlePlugin,\n    ParagraphPlugin,\n    QuotePlugin,\n} from '.';\n\nexport const TextStylePluginsWithoutImage = [\n    new Heading1Plugin(),\n    new Heading2Plugin(),\n    new Heading3Plugin(),\n    new Heading4Plugin(),\n    new Custom1Plugin(),\n    new Custom2Plugin(),\n    new Custom3Plugin(),\n    new QuotePlugin(),\n    new ParagraphPlugin(),\n];\n\nexport const TextStylesWithoutImage = [\n    TextStyles.heading1,\n    TextStyles.heading2,\n    TextStyles.heading3,\n    TextStyles.heading4,\n    TextStyles.custom1,\n    TextStyles.custom2,\n    TextStyles.custom3,\n    TextStyles.quote,\n    TextStyles.p,\n];\n\nexport const AllTextStylePlugins = [...TextStylePluginsWithoutImage, new ImageCaptionPlugin(), new ImageTitlePlugin()];\n\nexport const AllTextStyles = [...TextStylesWithoutImage, TextStyles.imageCaption, TextStyles.imageTitle];\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAa,IAA+B;CACxC,IAAI,EAAe;CACnB,IAAI,EAAe;CACnB,IAAI,EAAe;CACnB,IAAI,EAAe;CACnB,IAAI,EAAc;CAClB,IAAI,EAAc;CAClB,IAAI,EAAc;CAClB,IAAI,EAAY;CAChB,IAAI,EAAgB;AACxB,GAEa,IAAyB;CAClC,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;AACf,GAEa,IAAsB;CAAC,GAAG;CAA8B,IAAI,EAAmB;CAAG,IAAI,EAAiB;AAAC,GAExG,IAAgB;CAAC,GAAG;CAAwB,EAAW;CAAc,EAAW;AAAU"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js

@@ -1,47 +1,41 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Plugin as m, MarkupElement as r, createPluginFactory as p, merge as g, alignmentClassnames as u, getColumnBreakClasses as c } from "@frontify/fondue/rte";
-import { TextStyles as n, BlockStyles as C } from "../styles.es.js";
-const y = "textstyle-imageCaption-plugin";
-class P extends m {
-  styles = {};
-  constructor({ styles: e = C.imageCaption, ...a } = {}) {
-    super(n.imageCaption, {
-      label: "Image Caption",
-      markupElement: new k(),
-      ...a
-    }), this.styles = e;
-  }
-  plugins() {
-    return [x(this.styles)];
-  }
-}
-class k extends r {
-  constructor(e = y, a = s) {
-    super(e, a);
-  }
-}
-const s = ({ element: t, attributes: e, children: a, styles: o }) => {
-  const l = t.align;
-  return /* @__PURE__ */ i(
-    "p",
-    {
-      ...e,
-      className: g([l && u[l], c(t)]),
-      style: o,
-      children: a
-    }
-  );
-}, x = (t) => p({
-  key: n.imageCaption,
-  isElement: !0,
-  component: s,
-  deserializeHtml: {
-    rules: [{ validClassName: n.imageCaption }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ i(s, { ...e, styles: t })
-});
-export {
-  P as ImageCaptionPlugin
-};
-//# sourceMappingURL=imageCaptionPlugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.tsx
+var l = "textstyle-imageCaption-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.imageCaption, ...r } = {}) {
+		super(t.imageCaption, {
+			label: "Image Caption",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("p", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.imageCaption,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validClassName: t.imageCaption }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as ImageCaptionPlugin };
+
+//# sourceMappingURL=imageCaptionPlugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageCaptionPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageCaption-plugin';\n\nexport class ImageCaptionPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageCaption, ...props }: PluginProps = {}) {\n        super(TextStyles.imageCaption, {\n            label: 'Image Caption',\n            markupElement: new ImageCaptionMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createImageCaptionPlugin(this.styles)];\n    }\n}\n\nclass ImageCaptionMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageCaptionMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageCaptionMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createImageCaptionPlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageCaption,\n        isElement: true,\n        component: ImageCaptionMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageCaption }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageCaptionMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","ImageCaptionPlugin","Plugin","styles","BlockStyles","props","TextStyles","ImageCaptionMarkupElement","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EACpC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,cAAc,GAAGC,EAAA,IAAuB,IAAI;AAC3E,UAAMC,EAAW,cAAc;AAAA,MAC3B,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMD,UAAkCE,EAAc;AAAA,EAClD,YAAYC,IAAKV,GAAIW,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC9G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAA2B,CAACL,MAC9BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,cAAc;AAAA,EAAA;AAE3D,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAAA,EAA+B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AACjH,CAAC;"}
+{"version":3,"file":"imageCaptionPlugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageCaption-plugin';\n\nexport class ImageCaptionPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageCaption, ...props }: PluginProps = {}) {\n        super(TextStyles.imageCaption, {\n            label: 'Image Caption',\n            markupElement: new ImageCaptionMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createImageCaptionPlugin(this.styles)];\n    }\n}\n\nclass ImageCaptionMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageCaptionMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageCaptionMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createImageCaptionPlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageCaption,\n        isElement: true,\n        component: ImageCaptionMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageCaption }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageCaptionMarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAiBA,IAAM,IAAK,iCAEE,IAAb,cAAwC,EAAO;CAC3C,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,cAAc,GAAG,MAAuB,CAAC,GAAG;EAM3E,AALA,MAAM,EAAW,cAAc;GAC3B,OAAO;GACP,eAAe,IAAI,EAA0B;GAC7C,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAyB,KAAK,MAAM,CAAC;CACjD;AACJ,GAEM,IAAN,cAAwC,EAAc;CAClD,YAAY,IAAK,GAAI,IAAO,GAA+B;EACvD,MAAM,GAAI,CAAI;CAClB;AACJ,GACM,KAAiC,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC9G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,KAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACF,CAAA;AAEX,GAEM,KAA4B,MAC9B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,gBAAgB,EAAW,aAAa,CAAC,EACvD;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA+B,GAAI;CAAe;AAAS,CAAA,EAClH,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js

@@ -1,47 +1,41 @@
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
 import { jsx as n } from "react/jsx-runtime";
-import { Plugin as r, MarkupElement as o, createPluginFactory as g, merge as u, alignmentClassnames as c, getColumnBreakClasses as p } from "@frontify/fondue/rte";
-import { TextStyles as s, BlockStyles as T } from "../styles.es.js";
-const y = "textstyle-imageTitle-plugin";
-class C extends r {
-  styles = {};
-  constructor({ styles: e = T.imageTitle, ...l } = {}) {
-    super(s.imageTitle, {
-      label: "Image Title",
-      markupElement: new k(),
-      ...l
-    }), this.styles = e;
-  }
-  plugins() {
-    return [x(this.styles)];
-  }
-}
-class k extends o {
-  constructor(e = y, l = a) {
-    super(e, l);
-  }
-}
-const a = ({ element: t, attributes: e, children: l, styles: m }) => {
-  const i = t.align;
-  return /* @__PURE__ */ n(
-    "p",
-    {
-      ...e,
-      className: u([i && c[i], p(t)]),
-      style: m,
-      children: l
-    }
-  );
-}, x = (t) => g({
-  key: s.imageTitle,
-  isElement: !0,
-  component: a,
-  deserializeHtml: {
-    rules: [{ validClassName: s.imageTitle }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ n(a, { ...e, styles: t })
-});
-export {
-  C as ImageTitlePlugin
-};
-//# sourceMappingURL=imageTitlePlugin.es.js.map
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.tsx
+var l = "textstyle-imageTitle-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.imageTitle, ...r } = {}) {
+		super(t.imageTitle, {
+			label: "Image Title",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("p", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.imageTitle,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validClassName: t.imageTitle }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as ImageTitlePlugin };
+
+//# sourceMappingURL=imageTitlePlugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageTitlePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageTitle-plugin';\n\nexport class ImageTitlePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageTitle, ...props }: PluginProps = {}) {\n        super(TextStyles.imageTitle, {\n            label: 'Image Title',\n            markupElement: new ImageTitleMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createImageTitlePlugin(this.styles)];\n    }\n}\n\nclass ImageTitleMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageTitleMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageTitleMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createImageTitlePlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageTitle,\n        isElement: true,\n        component: ImageTitleMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageTitle }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageTitleMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","ImageTitlePlugin","Plugin","styles","BlockStyles","props","TextStyles","ImageTitleMarkupElement","createImageTitlePlugin","MarkupElement","id","node","ImageTitleMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAClC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,YAAY,GAAGC,EAAA,IAAuB,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAuB,KAAK,MAAM,CAAC;AAAA,EAC/C;AACJ;AAEA,MAAMD,UAAgCE,EAAc;AAAA,EAChD,YAAYC,IAAKV,GAAIW,IAAOC,GAA6B;AACrD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC5G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAyB,CAACL,MAC5BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,YAAY;AAAA,EAAA;AAEzD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAAA,EAA6B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC/G,CAAC;"}
+{"version":3,"file":"imageTitlePlugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageTitle-plugin';\n\nexport class ImageTitlePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageTitle, ...props }: PluginProps = {}) {\n        super(TextStyles.imageTitle, {\n            label: 'Image Title',\n            markupElement: new ImageTitleMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createImageTitlePlugin(this.styles)];\n    }\n}\n\nclass ImageTitleMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageTitleMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageTitleMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createImageTitlePlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageTitle,\n        isElement: true,\n        component: ImageTitleMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageTitle }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageTitleMarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAiBA,IAAM,IAAK,+BAEE,IAAb,cAAsC,EAAO;CACzC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,YAAY,GAAG,MAAuB,CAAC,GAAG;EAMzE,AALA,MAAM,EAAW,YAAY;GACzB,OAAO;GACP,eAAe,IAAI,EAAwB;GAC3C,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAuB,KAAK,MAAM,CAAC;CAC/C;AACJ,GAEM,IAAN,cAAsC,EAAc;CAChD,YAAY,IAAK,GAAI,IAAO,GAA6B;EACrD,MAAM,GAAI,CAAI;CAClB;AACJ,GACM,KAA+B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC5G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,KAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACF,CAAA;AAEX,GAEM,KAA0B,MAC5B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,gBAAgB,EAAW,WAAW,CAAC,EACrD;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA6B,GAAI;CAAe;AAAS,CAAA,EAChH,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js

@@ -1,41 +1,45 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Plugin as c, MarkupElement as m, merge as u, alignmentClassnames as g, getColumnBreakClasses as i, createPluginFactory as P, createParagraphPlugin as y } from "@frontify/fondue/rte";
-import { TextStyles as s, BlockStyles as h } from "../styles.es.js";
-class A extends c {
-  styles = {};
-  constructor({ styles: e = h.p, ...r } = {}) {
-    super(s.p, {
-      markupElement: new x(),
-      label: "Body Text",
-      ...r
-    }), this.styles = e;
-  }
-  plugins() {
-    return [E(this.styles)];
-  }
-}
-const k = "tw-m-0 tw-px-0 tw-py-0", a = ({ element: t, attributes: e, children: r, styles: p }) => {
-  const n = t.align, o = u([n && g[n], k, i(t)]);
-  return /* @__PURE__ */ l("p", { ...e, className: o, style: p, children: r });
-};
-class x extends m {
-  constructor(e = s.p, r = a) {
-    super(e, r);
-  }
-}
-const E = (t) => P({
-  ...y(),
-  key: s.p,
-  isElement: !0,
-  component: a
-})({
-  component: (e) => /* @__PURE__ */ l(a, { ...e, styles: t })
-});
-export {
-  k as PARAGRAPH_CLASSES,
-  x as ParagraphMarkupElement,
-  a as ParagraphMarkupElementNode,
-  A as ParagraphPlugin,
-  E as createParagraphPlugin
-};
-//# sourceMappingURL=paragraphPlugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createParagraphPlugin as o, createPluginFactory as s, getColumnBreakClasses as c, merge as l } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.tsx
+var u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.p, ...r } = {}) {
+		super(t.p, {
+			markupElement: new p(),
+			label: "Body Text",
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [m(this.styles)];
+	}
+}, d = "tw-m-0 tw-px-0 tw-py-0", f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align, s = l([
+		o && a[o],
+		d,
+		c(e)
+	]);
+	return /* @__PURE__ */ n("p", {
+		...t,
+		className: s,
+		style: i,
+		children: r
+	});
+}, p = class extends r {
+	constructor(e = t.p, n = f) {
+		super(e, n);
+	}
+}, m = (e) => s({
+	...o(),
+	key: t.p,
+	isElement: !0,
+	component: f
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { d as PARAGRAPH_CLASSES, p as ParagraphMarkupElement, f as ParagraphMarkupElementNode, u as ParagraphPlugin, m as createParagraphPlugin };
+
+//# sourceMappingURL=paragraphPlugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"paragraphPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createParagraphPlugin as createPlateParagraphPlugin,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nexport class ParagraphPlugin extends Plugin {\n    public styles = {};\n    constructor({ styles = BlockStyles.p, ...props }: PluginProps = {}) {\n        super(TextStyles.p, {\n            markupElement: new ParagraphMarkupElement(),\n            label: 'Body Text',\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createParagraphPlugin(this.styles)];\n    }\n}\n\nexport const PARAGRAPH_CLASSES = 'tw-m-0 tw-px-0 tw-py-0';\n\nexport const ParagraphMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    const className = merge([align && alignmentClassnames[align], PARAGRAPH_CLASSES, getColumnBreakClasses(element)]);\n    return (\n        <p {...attributes} className={className} style={styles}>\n            {children}\n        </p>\n    );\n};\n\nexport class ParagraphMarkupElement extends MarkupElement {\n    constructor(id = TextStyles.p, node = ParagraphMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const createParagraphPlugin = (styles: CSSProperties): PlatePlugin =>\n    createPluginFactory({\n        ...createPlateParagraphPlugin(),\n        key: TextStyles.p,\n        isElement: true,\n        component: ParagraphMarkupElementNode,\n    })({\n        component: (props: TextStyleRenderElementProps) => <ParagraphMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ParagraphPlugin","Plugin","styles","BlockStyles","props","TextStyles","ParagraphMarkupElement","createParagraphPlugin","PARAGRAPH_CLASSES","ParagraphMarkupElementNode","element","attributes","children","align","className","merge","alignmentClassnames","getColumnBreakClasses","MarkupElement","id","node","createPluginFactory","createPlateParagraphPlugin"],"mappings":";;;AAkBO,MAAMA,UAAwBC,EAAO;AAAA,EACjC,SAAS,CAAA;AAAA,EAChB,YAAY,EAAE,QAAAC,IAASC,EAAY,GAAG,GAAGC,EAAA,IAAuB,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAA;AAAA,MACnB,OAAO;AAAA,MACP,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAsB,KAAK,MAAM,CAAC;AAAA,EAC9C;AACJ;AAEO,MAAMC,IAAoB,0BAEpBC,IAA6B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAV,QAA0C;AAClH,QAAMW,IAAQH,EAAQ,OAChBI,IAAYC,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGL,GAAmBS,EAAsBP,CAAO,CAAC,CAAC;AAChH,2BACK,KAAA,EAAG,GAAGC,GAAY,WAAAG,GAAsB,OAAOZ,GAC3C,UAAAU,GACL;AAER;AAEO,MAAMN,UAA+BY,EAAc;AAAA,EACtD,YAAYC,IAAKd,EAAW,GAAGe,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMb,IAAwB,CAACL,MAClCmB,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,KAAKjB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWI;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACL,wBAAwCK,GAAA,EAA4B,GAAGL,GAAO,QAAAF,EAAA,CAAgB;AAC9G,CAAC;"}
+{"version":3,"file":"paragraphPlugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createParagraphPlugin as createPlateParagraphPlugin,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nexport class ParagraphPlugin extends Plugin {\n    public styles = {};\n    constructor({ styles = BlockStyles.p, ...props }: PluginProps = {}) {\n        super(TextStyles.p, {\n            markupElement: new ParagraphMarkupElement(),\n            label: 'Body Text',\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createParagraphPlugin(this.styles)];\n    }\n}\n\nexport const PARAGRAPH_CLASSES = 'tw-m-0 tw-px-0 tw-py-0';\n\nexport const ParagraphMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    const className = merge([align && alignmentClassnames[align], PARAGRAPH_CLASSES, getColumnBreakClasses(element)]);\n    return (\n        <p {...attributes} className={className} style={styles}>\n            {children}\n        </p>\n    );\n};\n\nexport class ParagraphMarkupElement extends MarkupElement {\n    constructor(id = TextStyles.p, node = ParagraphMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const createParagraphPlugin = (styles: CSSProperties): PlatePlugin =>\n    createPluginFactory({\n        ...createPlateParagraphPlugin(),\n        key: TextStyles.p,\n        isElement: true,\n        component: ParagraphMarkupElementNode,\n    })({\n        component: (props: TextStyleRenderElementProps) => <ParagraphMarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAkBA,IAAa,IAAb,cAAqC,EAAO;CACxC,SAAgB,CAAC;CACjB,YAAY,EAAE,YAAS,EAAY,GAAG,GAAG,MAAuB,CAAC,GAAG;EAMhE,AALA,MAAM,EAAW,GAAG;GAChB,eAAe,IAAI,EAAuB;GAC1C,OAAO;GACP,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAsB,KAAK,MAAM,CAAC;CAC9C;AACJ,GAEa,IAAoB,0BAEpB,KAA8B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAClH,IAAM,IAAQ,EAAQ,OAChB,IAAY,EAAM;EAAC,KAAS,EAAoB;EAAQ;EAAmB,EAAsB,CAAO;CAAC,CAAC;CAChH,OACI,kBAAC,KAAD;EAAG,GAAI;EAAuB;EAAW,OAAO;EAC3C;CACF,CAAA;AAEX,GAEa,IAAb,cAA4C,EAAc;CACtD,YAAY,IAAK,EAAW,GAAG,IAAO,GAA4B;EAC9D,MAAM,GAAI,CAAI;CAClB;AACJ,GAEa,KAAyB,MAClC,EAAoB;CAChB,GAAG,EAA2B;CAC9B,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;AACf,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA4B,GAAI;CAAe;AAAS,CAAA,EAC/G,CAAC"}