@frontify/guideline-blocks-settings 1.0.3 → 1.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AACzG,CAAC;"}
+{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}

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

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading2-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h2",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading2,
   isElement: !0,
   component: l,

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

@@ -1 +1 @@
-{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.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';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.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';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

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

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading3-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h3",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading3,
   isElement: !0,
   component: l,

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

@@ -1 +1 @@
-{"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.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';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.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';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

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

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading4-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h4",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading4,
   isElement: !0,
   component: l,

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';\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","__publicField","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}
+{"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';\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","__publicField","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

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,EAAe;AAAA,EACnB,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAc;AAAA,EAClB,IAAIC,EAAc;AAAA,EAClB,IAAIC,EAAc;AAAA,EAClB,IAAIC,EAAY;AAAA,EAChB,IAAIC,EAAgB;AACxB,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,EAAmB,GAAG,IAAIC,GAAkB,GAExGC,IAAgB,CAAC,GAAGL,GAAwBC,EAAW,cAAcA,EAAW,UAAU;"}
+{"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;"}

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

@@ -2,7 +2,7 @@ var r = Object.defineProperty;
 var p = (t, e, a) => e in t ? r(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var o = (t, e, a) => p(t, typeof e != "symbol" ? e + "" : e, a);
 import { jsx as m } from "react/jsx-runtime";
-import { Plugin as g, MarkupElement as u, merge as c, alignmentClassnames as C, getColumnBreakClasses as y, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as g, createPluginFactory as u, MarkupElement as c, merge as C, alignmentClassnames as y, getColumnBreakClasses as k } from "@frontify/fondue";
 import { TextStyles as s, BlockStyles as x } from "../styles.es.js";
 const I = "textstyle-imageCaption-plugin";
 class h extends g {
@@ -19,7 +19,7 @@ class h extends g {
     return [E(this.styles)];
   }
 }
-class d extends u {
+class d extends c {
   constructor(e = I, a = l) {
     super(e, a);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: a, styles: n }) => {
     "p",
     {
       ...e,
-      className: c([i && C[i], y(t)]),
+      className: C([i && y[i], k(t)]),
       style: n,
       children: a
     }
   );
-}, E = (t) => k({
+}, E = (t) => u({
   key: s.imageCaption,
   isElement: !0,
   component: l,

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';\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","__publicField","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EAE3C,YAAY,EAAE,QAAAC,IAASC,EAAY,cAAc,GAAGC,EAAuB,IAAA,IAAI;AAC3E,UAAMC,EAAW,cAAc;AAAA,MAC3B,OAAO;AAAA,MACP,eAAe,IAAIC,EAA0B;AAAA,MAC7C,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMF,UAAkCG,EAAc;AAAA,EAClD,YAAYC,IAAKX,GAAIY,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC9G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAA2B,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,cAAc;AAAA,EACvD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAA+B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AACjH,CAAC;"}
+{"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';\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","__publicField","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EAE3C,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMF,UAAkCG,EAAc;AAAA,EAClD,YAAYC,IAAKX,GAAIY,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC9G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAA2B,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,cAAc;AAAA,EAAA;AAE3D,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA+B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACjH,CAAC;"}

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

@@ -2,7 +2,7 @@ var o = Object.defineProperty;
 var g = (t, e, l) => e in t ? o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
 var m = (t, e, l) => g(t, typeof e != "symbol" ? e + "" : e, l);
 import { jsx as r } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as p, alignmentClassnames as T, getColumnBreakClasses as y, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as p, merge as T, alignmentClassnames as y, getColumnBreakClasses as k } from "@frontify/fondue";
 import { TextStyles as a, BlockStyles as x } from "../styles.es.js";
 const I = "textstyle-imageTitle-plugin";
 class N extends u {
@@ -19,7 +19,7 @@ class N extends u {
     return [E(this.styles)];
   }
 }
-class d extends c {
+class d extends p {
   constructor(e = I, l = i) {
     super(e, l);
   }
@@ -30,12 +30,12 @@ const i = ({ element: t, attributes: e, children: l, styles: s }) => {
     "p",
     {
       ...e,
-      className: p([n && T[n], y(t)]),
+      className: T([n && y[n], k(t)]),
       style: s,
       children: l
     }
   );
-}, E = (t) => k({
+}, E = (t) => c({
   key: a.imageTitle,
   isElement: !0,
   component: i,

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';\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","__publicField","createImageTitlePlugin","MarkupElement","id","node","ImageTitleMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAEzC,YAAY,EAAE,QAAAC,IAASC,EAAY,YAAY,GAAGC,EAAuB,IAAA,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAwB;AAAA,MAC3C,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAuB,KAAK,MAAM,CAAC;AAAA,EAC/C;AACJ;AAEA,MAAMF,UAAgCG,EAAc;AAAA,EAChD,YAAYC,IAAKX,GAAIY,IAAOC,GAA6B;AACrD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC5G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAyB,CAACN,MAC5BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,YAAY;AAAA,EACrD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAA6B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC/G,CAAC;"}
+{"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';\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","__publicField","createImageTitlePlugin","MarkupElement","id","node","ImageTitleMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAEzC,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAuB,KAAK,MAAM,CAAC;AAAA,EAC/C;AACJ;AAEA,MAAMF,UAAgCG,EAAc;AAAA,EAChD,YAAYC,IAAKX,GAAIY,IAAOC,GAA6B;AACrD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC5G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAyB,CAACN,MAC5BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,YAAY;AAAA,EAAA;AAEzD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA6B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC/G,CAAC;"}

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

@@ -2,9 +2,9 @@ var m = Object.defineProperty;
 var u = (t, e, r) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var p = (t, e, r) => u(t, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as o } from "react/jsx-runtime";
-import { Plugin as g, merge as i, alignmentClassnames as P, getColumnBreakClasses as y, MarkupElement as h, createPluginFactory as k, createParagraphPlugin as x } from "@frontify/fondue";
+import { createPluginFactory as g, Plugin as i, merge as P, alignmentClassnames as y, getColumnBreakClasses as h, MarkupElement as k, createParagraphPlugin as x } from "@frontify/fondue";
 import { TextStyles as n, BlockStyles as E } from "../styles.es.js";
-class M extends g {
+class M extends i {
   constructor({ styles: r = E.p, ...a } = {}) {
     super(n.p, {
       markupElement: new d(),
@@ -19,15 +19,15 @@ class M extends g {
   }
 }
 const S = "tw-m-0 tw-px-0 tw-py-0", s = ({ element: t, attributes: e, children: r, styles: a }) => {
-  const l = t.align, c = i([l && P[l], S, y(t)]);
+  const l = t.align, c = P([l && y[l], S, h(t)]);
   return /* @__PURE__ */ o("p", { ...e, className: c, style: a, children: r });
 };
-class d extends h {
+class d extends k {
   constructor(e = n.p, r = s) {
     super(e, r);
   }
 }
-const w = (t) => k({
+const w = (t) => g({
   ...x(),
   key: n.p,
   isElement: !0,

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';\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","__publicField","createParagraphPlugin","PARAGRAPH_CLASSES","ParagraphMarkupElementNode","element","attributes","children","align","className","merge","alignmentClassnames","getColumnBreakClasses","MarkupElement","id","node","createPluginFactory","createPlateParagraphPlugin"],"mappings":";;;;;;AAkBO,MAAMA,UAAwBC,EAAO;AAAA,EAExC,YAAY,EAAE,QAAAC,IAASC,EAAY,GAAG,GAAGC,EAAuB,IAAA,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAuB;AAAA,MAC1C,OAAO;AAAA,MACP,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAS,CAAA;AAOZ,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAsB,KAAK,MAAM,CAAC;AAAA,EAC9C;AACJ;AAEO,MAAMC,IAAoB,0BAEpBC,IAA6B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAX,QAA0C;AAClH,QAAMY,IAAQH,EAAQ,OAChBI,IAAYC,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGL,GAAmBS,EAAsBP,CAAO,CAAC,CAAC;AAChH,2BACK,KAAG,EAAA,GAAGC,GAAY,WAAAG,GAAsB,OAAOb,GAC3C,UAAAW,EACL,CAAA;AAER;AAEO,MAAMP,UAA+Ba,EAAc;AAAA,EACtD,YAAYC,IAAKf,EAAW,GAAGgB,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEa,MAAAb,IAAwB,CAACN,MAClCoB,EAAoB;AAAA,EAChB,GAAGC,EAA2B;AAAA,EAC9B,KAAKlB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWK;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACN,wBAAwCM,GAA4B,EAAA,GAAGN,GAAO,QAAAF,GAAgB;AAC9G,CAAC;"}
+{"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';\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","__publicField","createParagraphPlugin","PARAGRAPH_CLASSES","ParagraphMarkupElementNode","element","attributes","children","align","className","merge","alignmentClassnames","getColumnBreakClasses","MarkupElement","id","node","createPluginFactory","createPlateParagraphPlugin"],"mappings":";;;;;;AAkBO,MAAMA,UAAwBC,EAAO;AAAA,EAExC,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;AANE,IAAAG,EAAA,gBAAS,CAAA;AAOZ,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAsB,KAAK,MAAM,CAAC;AAAA,EAC9C;AACJ;AAEO,MAAMC,IAAoB,0BAEpBC,IAA6B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAX,QAA0C;AAClH,QAAMY,IAAQH,EAAQ,OAChBI,IAAYC,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGL,GAAmBS,EAAsBP,CAAO,CAAC,CAAC;AAChH,2BACK,KAAA,EAAG,GAAGC,GAAY,WAAAG,GAAsB,OAAOb,GAC3C,UAAAW,GACL;AAER;AAEO,MAAMP,UAA+Ba,EAAc;AAAA,EACtD,YAAYC,IAAKf,EAAW,GAAGgB,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMb,IAAwB,CAACN,MAClCoB,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,KAAKlB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWK;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACN,wBAAwCM,GAAA,EAA4B,GAAGN,GAAO,QAAAF,EAAA,CAAgB;AAC9G,CAAC;"}

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

@@ -2,10 +2,10 @@ var m = Object.defineProperty;
 var c = (t, e, s) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
 var u = (t, e, s) => c(t, typeof e != "symbol" ? e + "" : e, s);
 import { jsx as r } from "react/jsx-runtime";
-import { Plugin as i, MarkupElement as p, merge as g, alignmentClassnames as k, getColumnBreakClasses as y, createPluginFactory as d } from "@frontify/fondue";
+import { createPluginFactory as i, Plugin as p, merge as g, alignmentClassnames as k, getColumnBreakClasses as y, MarkupElement as d } from "@frontify/fondue";
 import { TextStyles as a, BlockStyles as q } from "../styles.es.js";
 const x = "textstyle-quote-plugin";
-class f extends i {
+class f extends p {
   constructor({ styles: s = q.quote, ...o } = {}) {
     super(a.quote, {
       label: "Quote",
@@ -19,7 +19,7 @@ class f extends i {
     return [Q(this.styles)];
   }
 }
-class E extends p {
+class E extends d {
   constructor(e = x, s = l) {
     super(e, s);
   }
@@ -35,7 +35,7 @@ const l = ({ element: t, attributes: e, children: s, styles: o }) => {
       children: s
     }
   );
-}, Q = (t) => d({
+}, Q = (t) => i({
   key: a.quote,
   isElement: !0,
   component: l,

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

@@ -1 +1 @@
-{"version":3,"file":"quotePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.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';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-quote-plugin';\n\nexport class QuotePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.quote, ...props }: PluginProps = {}) {\n        super(TextStyles.quote, {\n            label: 'Quote',\n            markupElement: new QuoteMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createQuotePlugin(this.styles)];\n    }\n}\n\nclass QuoteMarkupElement extends MarkupElement {\n    constructor(id = ID, node = QuoteMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const QuoteMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <blockquote\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </blockquote>\n    );\n};\n\nexport const createQuotePlugin = (styles: CSSProperties): PlatePlugin =>\n    createPluginFactory({\n        key: TextStyles.quote,\n        isElement: true,\n        component: QuoteMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['blockquote', 'BLOCKQUOTE'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <QuoteMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","QuotePlugin","Plugin","styles","BlockStyles","props","TextStyles","QuoteMarkupElement","__publicField","createQuotePlugin","MarkupElement","id","node","QuoteMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAoBC,EAAO;AAAA,EAEpC,YAAY,EAAE,QAAAC,IAASC,EAAY,OAAO,GAAGC,EAAuB,IAAA,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAmB;AAAA,MACtC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAkB,KAAK,MAAM,CAAC;AAAA,EAC1C;AACJ;AAEA,MAAMF,UAA2BG,EAAc;AAAA,EAC3C,YAAYC,IAAKX,GAAIY,IAAOC,GAAwB;AAChD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMC,IAAyB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC9G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaP,IAAoB,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,cAAc,YAAY,GAAG;AAAA,EAC3D;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAwB,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC1G,CAAC;"}
+{"version":3,"file":"quotePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.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';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-quote-plugin';\n\nexport class QuotePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.quote, ...props }: PluginProps = {}) {\n        super(TextStyles.quote, {\n            label: 'Quote',\n            markupElement: new QuoteMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createQuotePlugin(this.styles)];\n    }\n}\n\nclass QuoteMarkupElement extends MarkupElement {\n    constructor(id = ID, node = QuoteMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const QuoteMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <blockquote\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </blockquote>\n    );\n};\n\nexport const createQuotePlugin = (styles: CSSProperties): PlatePlugin =>\n    createPluginFactory({\n        key: TextStyles.quote,\n        isElement: true,\n        component: QuoteMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['blockquote', 'BLOCKQUOTE'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <QuoteMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","QuotePlugin","Plugin","styles","BlockStyles","props","TextStyles","QuoteMarkupElement","__publicField","createQuotePlugin","MarkupElement","id","node","QuoteMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAoBC,EAAO;AAAA,EAEpC,YAAY,EAAE,QAAAC,IAASC,EAAY,OAAO,GAAGC,EAAA,IAAuB,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAkB,KAAK,MAAM,CAAC;AAAA,EAC1C;AACJ;AAEA,MAAMF,UAA2BG,EAAc;AAAA,EAC3C,YAAYC,IAAKX,GAAIY,IAAOC,GAAwB;AAChD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMC,IAAyB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC9G,QAAMc,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,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaP,IAAoB,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,cAAc,YAAY,GAAG;AAAA,EAAA;AAE/D,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAAwB,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC1G,CAAC;"}

package/dist/components/RichTextEditor/plugins/styles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.es.js","sources":["../../../../src/components/RichTextEditor/plugins/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { BlockButtonStyles } from './ButtonPlugin';\nimport { LINK_PLUGIN } from './LinkPlugin/id';\n\nexport enum TextStyles {\n    heading1 = 'heading1',\n    heading2 = 'heading2',\n    heading3 = 'heading3',\n    heading4 = 'heading4',\n    custom1 = 'custom1',\n    custom2 = 'custom2',\n    custom3 = 'custom3',\n    quote = 'quote',\n    imageCaption = 'imageCaption',\n    imageTitle = 'imageTitle',\n    p = 'p',\n}\nexport const BlockStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    [TextStyles.heading1]: {\n        fontSize: 'var(--f-theme-settings-heading1-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading1-line-height)',\n        marginTop: 'var(--f-theme-settings-heading1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading1-font-style)',\n        textTransform: 'var(--f-theme-settings-heading1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading1-font-family)',\n        color: 'var(--f-theme-settings-heading1-color)',\n    },\n    [TextStyles.heading2]: {\n        fontSize: 'var(--f-theme-settings-heading2-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading2-line-height)',\n        marginTop: 'var(--f-theme-settings-heading2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading2-font-style)',\n        textTransform: 'var(--f-theme-settings-heading2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading2-font-family)',\n        color: 'var(--f-theme-settings-heading2-color)',\n    },\n    [TextStyles.heading3]: {\n        fontSize: 'var(--f-theme-settings-heading3-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading3-line-height)',\n        marginTop: 'var(--f-theme-settings-heading3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading3-font-style)',\n        textTransform: 'var(--f-theme-settings-heading3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading3-font-family)',\n        color: 'var(--f-theme-settings-heading3-color)',\n    },\n    [TextStyles.heading4]: {\n        fontSize: 'var(--f-theme-settings-heading4-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading4-line-height)',\n        marginTop: 'var(--f-theme-settings-heading4-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading4-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading4-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading4-font-style)',\n        textTransform: 'var(--f-theme-settings-heading4-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading4-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading4-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading4-font-family)',\n        color: 'var(--f-theme-settings-heading4-color)',\n    },\n    [TextStyles.custom1]: {\n        fontSize: 'var(--f-theme-settings-custom1-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom1-line-height)',\n        marginTop: 'var(--f-theme-settings-custom1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom1-font-style)',\n        textTransform: 'var(--f-theme-settings-custom1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom1-font-family)',\n        color: 'var(--f-theme-settings-custom1-color)',\n    },\n    [TextStyles.custom2]: {\n        fontSize: 'var(--f-theme-settings-custom2-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom2-line-height)',\n        marginTop: 'var(--f-theme-settings-custom2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom2-font-style)',\n        textTransform: 'var(--f-theme-settings-custom2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom2-font-family)',\n        color: 'var(--f-theme-settings-custom2-color)',\n    },\n    [TextStyles.custom3]: {\n        fontSize: 'var(--f-theme-settings-custom3-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom3-line-height)',\n        marginTop: 'var(--f-theme-settings-custom3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom3-font-style)',\n        textTransform: 'var(--f-theme-settings-custom3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom3-font-family)',\n        color: 'var(--f-theme-settings-custom3-color)',\n    },\n    [TextStyles.p]: {\n        fontSize: 'var(--f-theme-settings-body-font-size)',\n        lineHeight: 'var(--f-theme-settings-body-line-height)',\n        marginTop: 'var(--f-theme-settings-body-margin-top)',\n        marginBottom: 'var(--f-theme-settings-body-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-body-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-body-font-style)',\n        textTransform: 'var(--f-theme-settings-body-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-body-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-body-font-weight)',\n        fontFamily: 'var(--f-theme-settings-body-font-family)',\n        color: 'var(--f-theme-settings-body-color)',\n    },\n    [TextStyles.quote]: {\n        fontSize: 'var(--f-theme-settings-quote-font-size)',\n        lineHeight: 'var(--f-theme-settings-quote-line-height)',\n        marginTop: 'var(--f-theme-settings-quote-margin-top)',\n        marginBottom: 'var(--f-theme-settings-quote-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-quote-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-quote-font-style)',\n        textTransform: 'var(--f-theme-settings-quote-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-quote-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-quote-font-weight)',\n        fontFamily: 'var(--f-theme-settings-quote-font-family)',\n        color: 'var(--f-theme-settings-quote-color)',\n    },\n    [TextStyles.imageCaption]: {\n        fontSize: 'var(--f-theme-settings-image-caption-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-caption-line-height)',\n        marginTop: 'var(--f-theme-settings-image-caption-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-caption-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-caption-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-caption-font-style)',\n        textTransform: 'var(--f-theme-settings-image-caption-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-caption-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-caption-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-caption-font-family)',\n        color: 'var(--f-theme-settings-image-caption-color)',\n    },\n    [TextStyles.imageTitle]: {\n        fontSize: 'var(--f-theme-settings-image-title-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-title-line-height)',\n        marginTop: 'var(--f-theme-settings-image-title-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-title-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-title-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-title-font-style)',\n        textTransform: 'var(--f-theme-settings-image-title-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-title-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-title-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-title-font-family)',\n        color: 'var(--f-theme-settings-image-title-color)',\n    },\n    [LINK_PLUGIN]: {\n        fontSize: 'var(--f-theme-settings-link-font-size)',\n        lineHeight: 'var(--f-theme-settings-link-line-height)',\n        marginTop: 'var(--f-theme-settings-link-margin-top)',\n        marginBottom: 'var(--f-theme-settings-link-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-link-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-link-font-style)',\n        textTransform: 'var(--f-theme-settings-link-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-link-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-link-font-weight)',\n        fontFamily: 'var(--f-theme-settings-link-font-family)',\n        color: 'var(--f-theme-settings-link-color)',\n    },\n    ...BlockButtonStyles,\n};\n"],"names":["TextStyles","BlockStyles","LINK_PLUGIN","BlockButtonStyles"],"mappings":"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"}
+{"version":3,"file":"styles.es.js","sources":["../../../../src/components/RichTextEditor/plugins/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { BlockButtonStyles } from './ButtonPlugin';\nimport { LINK_PLUGIN } from './LinkPlugin/id';\n\nexport enum TextStyles {\n    heading1 = 'heading1',\n    heading2 = 'heading2',\n    heading3 = 'heading3',\n    heading4 = 'heading4',\n    custom1 = 'custom1',\n    custom2 = 'custom2',\n    custom3 = 'custom3',\n    quote = 'quote',\n    imageCaption = 'imageCaption',\n    imageTitle = 'imageTitle',\n    p = 'p',\n}\nexport const BlockStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    [TextStyles.heading1]: {\n        fontSize: 'var(--f-theme-settings-heading1-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading1-line-height)',\n        marginTop: 'var(--f-theme-settings-heading1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading1-font-style)',\n        textTransform: 'var(--f-theme-settings-heading1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading1-font-family)',\n        color: 'var(--f-theme-settings-heading1-color)',\n    },\n    [TextStyles.heading2]: {\n        fontSize: 'var(--f-theme-settings-heading2-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading2-line-height)',\n        marginTop: 'var(--f-theme-settings-heading2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading2-font-style)',\n        textTransform: 'var(--f-theme-settings-heading2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading2-font-family)',\n        color: 'var(--f-theme-settings-heading2-color)',\n    },\n    [TextStyles.heading3]: {\n        fontSize: 'var(--f-theme-settings-heading3-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading3-line-height)',\n        marginTop: 'var(--f-theme-settings-heading3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading3-font-style)',\n        textTransform: 'var(--f-theme-settings-heading3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading3-font-family)',\n        color: 'var(--f-theme-settings-heading3-color)',\n    },\n    [TextStyles.heading4]: {\n        fontSize: 'var(--f-theme-settings-heading4-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading4-line-height)',\n        marginTop: 'var(--f-theme-settings-heading4-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading4-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading4-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading4-font-style)',\n        textTransform: 'var(--f-theme-settings-heading4-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading4-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading4-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading4-font-family)',\n        color: 'var(--f-theme-settings-heading4-color)',\n    },\n    [TextStyles.custom1]: {\n        fontSize: 'var(--f-theme-settings-custom1-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom1-line-height)',\n        marginTop: 'var(--f-theme-settings-custom1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom1-font-style)',\n        textTransform: 'var(--f-theme-settings-custom1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom1-font-family)',\n        color: 'var(--f-theme-settings-custom1-color)',\n    },\n    [TextStyles.custom2]: {\n        fontSize: 'var(--f-theme-settings-custom2-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom2-line-height)',\n        marginTop: 'var(--f-theme-settings-custom2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom2-font-style)',\n        textTransform: 'var(--f-theme-settings-custom2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom2-font-family)',\n        color: 'var(--f-theme-settings-custom2-color)',\n    },\n    [TextStyles.custom3]: {\n        fontSize: 'var(--f-theme-settings-custom3-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom3-line-height)',\n        marginTop: 'var(--f-theme-settings-custom3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom3-font-style)',\n        textTransform: 'var(--f-theme-settings-custom3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom3-font-family)',\n        color: 'var(--f-theme-settings-custom3-color)',\n    },\n    [TextStyles.p]: {\n        fontSize: 'var(--f-theme-settings-body-font-size)',\n        lineHeight: 'var(--f-theme-settings-body-line-height)',\n        marginTop: 'var(--f-theme-settings-body-margin-top)',\n        marginBottom: 'var(--f-theme-settings-body-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-body-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-body-font-style)',\n        textTransform: 'var(--f-theme-settings-body-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-body-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-body-font-weight)',\n        fontFamily: 'var(--f-theme-settings-body-font-family)',\n        color: 'var(--f-theme-settings-body-color)',\n    },\n    [TextStyles.quote]: {\n        fontSize: 'var(--f-theme-settings-quote-font-size)',\n        lineHeight: 'var(--f-theme-settings-quote-line-height)',\n        marginTop: 'var(--f-theme-settings-quote-margin-top)',\n        marginBottom: 'var(--f-theme-settings-quote-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-quote-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-quote-font-style)',\n        textTransform: 'var(--f-theme-settings-quote-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-quote-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-quote-font-weight)',\n        fontFamily: 'var(--f-theme-settings-quote-font-family)',\n        color: 'var(--f-theme-settings-quote-color)',\n    },\n    [TextStyles.imageCaption]: {\n        fontSize: 'var(--f-theme-settings-image-caption-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-caption-line-height)',\n        marginTop: 'var(--f-theme-settings-image-caption-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-caption-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-caption-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-caption-font-style)',\n        textTransform: 'var(--f-theme-settings-image-caption-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-caption-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-caption-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-caption-font-family)',\n        color: 'var(--f-theme-settings-image-caption-color)',\n    },\n    [TextStyles.imageTitle]: {\n        fontSize: 'var(--f-theme-settings-image-title-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-title-line-height)',\n        marginTop: 'var(--f-theme-settings-image-title-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-title-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-title-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-title-font-style)',\n        textTransform: 'var(--f-theme-settings-image-title-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-title-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-title-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-title-font-family)',\n        color: 'var(--f-theme-settings-image-title-color)',\n    },\n    [LINK_PLUGIN]: {\n        fontSize: 'var(--f-theme-settings-link-font-size)',\n        lineHeight: 'var(--f-theme-settings-link-line-height)',\n        marginTop: 'var(--f-theme-settings-link-margin-top)',\n        marginBottom: 'var(--f-theme-settings-link-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-link-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-link-font-style)',\n        textTransform: 'var(--f-theme-settings-link-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-link-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-link-font-weight)',\n        fontFamily: 'var(--f-theme-settings-link-font-family)',\n        color: 'var(--f-theme-settings-link-color)',\n    },\n    ...BlockButtonStyles,\n};\n"],"names":["TextStyles","BlockStyles","LINK_PLUGIN","BlockButtonStyles"],"mappings":"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"}

package/dist/helpers/addHttps.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"addHttps.es.js","sources":["../../src/helpers/addHttps.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { relativeUrlRegex } from '../components/Link/utils';\n\nexport const addHttps = (url: string) => {\n    if (relativeUrlRegex.test(url)) {\n        return url;\n    }\n    try {\n        new URL(url);\n        return url;\n    } catch {\n        return `https://${url}`;\n    }\n};\n"],"names":["addHttps","url","relativeUrlRegex"],"mappings":";AAIa,MAAAA,IAAW,CAACC,MAAgB;AACjC,MAAAC,EAAiB,KAAKD,CAAG;AAClB,WAAAA;AAEP,MAAA;AACA,eAAI,IAAIA,CAAG,GACJA;AAAA,EAAA,QACH;AACJ,WAAO,WAAWA,CAAG;AAAA,EACzB;AACJ;"}
+{"version":3,"file":"addHttps.es.js","sources":["../../src/helpers/addHttps.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { relativeUrlRegex } from '../components/Link/utils';\n\nexport const addHttps = (url: string) => {\n    if (relativeUrlRegex.test(url)) {\n        return url;\n    }\n    try {\n        new URL(url);\n        return url;\n    } catch {\n        return `https://${url}`;\n    }\n};\n"],"names":["addHttps","url","relativeUrlRegex"],"mappings":";AAIO,MAAMA,IAAW,CAACC,MAAgB;AACrC,MAAIC,EAAiB,KAAKD,CAAG;AACzB,WAAOA;AAEX,MAAI;AACA,eAAI,IAAIA,CAAG,GACJA;AAAA,EACX,QAAQ;AACJ,WAAO,WAAWA,CAAG;AAAA,EACzB;AACJ;"}

package/dist/helpers/convertToRichTextValue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"convertToRichTextValue.es.js","sources":["../../src/helpers/convertToRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { hasRichTextValue } from './hasRichTextValue';\n\nexport const convertToRteValue = (textStyle = 'p', text = '', align?: 'center' | 'right' | 'left' | 'justify') =>\n    hasRichTextValue(text) ? text : JSON.stringify([{ type: textStyle, children: [{ text, textStyle }], align }]);\n"],"names":["convertToRteValue","textStyle","text","align","hasRichTextValue"],"mappings":";AAIa,MAAAA,IAAoB,CAACC,IAAY,KAAKC,IAAO,IAAIC,MAC1DC,EAAiBF,CAAI,IAAIA,IAAO,KAAK,UAAU,CAAC,EAAE,MAAMD,GAAW,UAAU,CAAC,EAAE,MAAAC,GAAM,WAAAD,EAAA,CAAW,GAAG,OAAAE,GAAO,CAAC;"}
+{"version":3,"file":"convertToRichTextValue.es.js","sources":["../../src/helpers/convertToRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { hasRichTextValue } from './hasRichTextValue';\n\nexport const convertToRteValue = (textStyle = 'p', text = '', align?: 'center' | 'right' | 'left' | 'justify') =>\n    hasRichTextValue(text) ? text : JSON.stringify([{ type: textStyle, children: [{ text, textStyle }], align }]);\n"],"names":["convertToRteValue","textStyle","text","align","hasRichTextValue"],"mappings":";AAIO,MAAMA,IAAoB,CAACC,IAAY,KAAKC,IAAO,IAAIC,MAC1DC,EAAiBF,CAAI,IAAIA,IAAO,KAAK,UAAU,CAAC,EAAE,MAAMD,GAAW,UAAU,CAAC,EAAE,MAAAC,GAAM,WAAAD,EAAA,CAAW,GAAG,OAAAE,GAAO,CAAC;"}

package/dist/helpers/customCoordinatesGetterFactory.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"customCoordinatesGetterFactory.es.js","sources":["../../src/helpers/customCoordinatesGetterFactory.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardCode, type KeyboardCoordinateGetter } from '@dnd-kit/core';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nexport const customCoordinatesGetterFactory =\n    (columnGap: number, rowGap: number): KeyboardCoordinateGetter =>\n    (event, { currentCoordinates, context: { activeNode } }) => {\n        event.preventDefault();\n        if (directions.includes(event.code)) {\n            const width = activeNode?.offsetWidth ?? 0;\n            const height = activeNode?.offsetHeight ?? 0;\n\n            switch (event.code) {\n                case KeyboardCode.Right:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x + width + columnGap,\n                    };\n                case KeyboardCode.Left:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x - width - columnGap,\n                    };\n                case KeyboardCode.Down:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y + height + rowGap,\n                    };\n                case KeyboardCode.Up:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y - height - rowGap,\n                    };\n            }\n        }\n        return undefined;\n    };\n"],"names":["directions","KeyboardCode","customCoordinatesGetterFactory","columnGap","rowGap","event","currentCoordinates","activeNode","width","height"],"mappings":";AAIA,MAAMA,IAAuB,CAACC,EAAa,MAAMA,EAAa,OAAOA,EAAa,IAAIA,EAAa,IAAI,GAE1FC,IACT,CAACC,GAAmBC,MACpB,CAACC,GAAO,EAAE,oBAAAC,GAAoB,SAAS,EAAE,YAAAC,EAAW,QAAQ;AAExD,MADAF,EAAM,eAAe,GACjBL,EAAW,SAASK,EAAM,IAAI,GAAG;AAC3B,UAAAG,KAAQD,KAAA,gBAAAA,EAAY,gBAAe,GACnCE,KAASF,KAAA,gBAAAA,EAAY,iBAAgB;AAE3C,YAAQF,EAAM,MAAM;AAAA,MAChB,KAAKJ,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,MAE3C,KAAKH,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,IAE/C;AAAA,EACJ;AAEJ;"}
+{"version":3,"file":"customCoordinatesGetterFactory.es.js","sources":["../../src/helpers/customCoordinatesGetterFactory.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardCode, type KeyboardCoordinateGetter } from '@dnd-kit/core';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nexport const customCoordinatesGetterFactory =\n    (columnGap: number, rowGap: number): KeyboardCoordinateGetter =>\n    (event, { currentCoordinates, context: { activeNode } }) => {\n        event.preventDefault();\n        if (directions.includes(event.code)) {\n            const width = activeNode?.offsetWidth ?? 0;\n            const height = activeNode?.offsetHeight ?? 0;\n\n            switch (event.code) {\n                case KeyboardCode.Right:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x + width + columnGap,\n                    };\n                case KeyboardCode.Left:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x - width - columnGap,\n                    };\n                case KeyboardCode.Down:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y + height + rowGap,\n                    };\n                case KeyboardCode.Up:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y - height - rowGap,\n                    };\n            }\n        }\n        return undefined;\n    };\n"],"names":["directions","KeyboardCode","customCoordinatesGetterFactory","columnGap","rowGap","event","currentCoordinates","activeNode","width","height"],"mappings":";AAIA,MAAMA,IAAuB,CAACC,EAAa,MAAMA,EAAa,OAAOA,EAAa,IAAIA,EAAa,IAAI,GAE1FC,IACT,CAACC,GAAmBC,MACpB,CAACC,GAAO,EAAE,oBAAAC,GAAoB,SAAS,EAAE,YAAAC,EAAA,QAAmB;AAExD,MADAF,EAAM,eAAA,GACFL,EAAW,SAASK,EAAM,IAAI,GAAG;AACjC,UAAMG,KAAQD,KAAA,gBAAAA,EAAY,gBAAe,GACnCE,KAASF,KAAA,gBAAAA,EAAY,iBAAgB;AAE3C,YAAQF,EAAM,MAAA;AAAA,MACV,KAAKJ,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,MAE3C,KAAKH,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,IACvC;AAAA,EAEZ;AAEJ;"}

package/dist/helpers/hasRichTextValue.es.js

@@ -1,10 +1,10 @@
-const s = (t) => {
-  if (!t)
+const s = (r) => {
+  if (!r)
     return !1;
-  const n = (e) => e.some((r) => r.text ? r.text !== "" : r.children ? n(r.children) : !1);
+  const n = (t) => t.some((e) => e.text ? e.text !== "" : e.children ? n(e.children) : !1);
   try {
-    const e = JSON.parse(t);
-    return n(e);
+    const t = JSON.parse(r);
+    return n(t);
   } catch {
     return !1;
   }

package/dist/helpers/hasRichTextValue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"hasRichTextValue.es.js","sources":["../../src/helpers/hasRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype TextElement = {\n    text: string;\n    children?: TextElement[];\n};\n\nexport const hasRichTextValue = (string?: string): boolean => {\n    if (!string) {\n        return false;\n    }\n    const hasText = (children: TextElement[]): boolean =>\n        children.some((child: TextElement) => {\n            if (child.text) {\n                return child.text !== '';\n            }\n            if (child.children) {\n                return hasText(child.children);\n            }\n            return false;\n        });\n\n    try {\n        const json = JSON.parse(string);\n        return hasText(json);\n    } catch (error) {\n        return false;\n    }\n};\n"],"names":["hasRichTextValue","string","hasText","children","child","json"],"mappings":"AAOa,MAAAA,IAAmB,CAACC,MAA6B;AAC1D,MAAI,CAACA;AACM,WAAA;AAEX,QAAMC,IAAU,CAACC,MACbA,EAAS,KAAK,CAACC,MACPA,EAAM,OACCA,EAAM,SAAS,KAEtBA,EAAM,WACCF,EAAQE,EAAM,QAAQ,IAE1B,EACV;AAED,MAAA;AACM,UAAAC,IAAO,KAAK,MAAMJ,CAAM;AAC9B,WAAOC,EAAQG,CAAI;AAAA,UACP;AACL,WAAA;AAAA,EACX;AACJ;"}
+{"version":3,"file":"hasRichTextValue.es.js","sources":["../../src/helpers/hasRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype TextElement = {\n    text: string;\n    children?: TextElement[];\n};\n\nexport const hasRichTextValue = (string?: string): boolean => {\n    if (!string) {\n        return false;\n    }\n    const hasText = (children: TextElement[]): boolean =>\n        children.some((child: TextElement) => {\n            if (child.text) {\n                return child.text !== '';\n            }\n            if (child.children) {\n                return hasText(child.children);\n            }\n            return false;\n        });\n\n    try {\n        const json = JSON.parse(string);\n        return hasText(json);\n    } catch {\n        return false;\n    }\n};\n"],"names":["hasRichTextValue","string","hasText","children","child","json"],"mappings":"AAOO,MAAMA,IAAmB,CAACC,MAA6B;AAC1D,MAAI,CAACA;AACD,WAAO;AAEX,QAAMC,IAAU,CAACC,MACbA,EAAS,KAAK,CAACC,MACPA,EAAM,OACCA,EAAM,SAAS,KAEtBA,EAAM,WACCF,EAAQE,EAAM,QAAQ,IAE1B,EACV;AAEL,MAAI;AACA,UAAMC,IAAO,KAAK,MAAMJ,CAAM;AAC9B,WAAOC,EAAQG,CAAI;AAAA,EACvB,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;"}

package/dist/helpers/mapColorPalettes.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorPalette } from '@frontify/app-bridge';\nimport { type Palette } from '@frontify/fondue';\n\ntype Nullable<T> = T | null;\n\ntype V3Color = {\n    id: number;\n    name: Nullable<string>;\n    red: Nullable<number>;\n    green: Nullable<number>;\n    blue: Nullable<number>;\n    alpha: Nullable<number>;\n};\n\ntype V4Color = {\n    id: number;\n    title: Nullable<string>;\n    revision: {\n        rgba: {\n            red: Nullable<number>;\n            green: Nullable<number>;\n            blue: Nullable<number>;\n            alpha: Nullable<number>;\n        };\n    };\n};\n\ntype Color = V3Color | V4Color;\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map(mapColor),\n    };\n};\n\nconst isV4Color = (color: Color): color is V4Color => {\n    return 'revision' in color;\n};\n\nconst mapColor = (color: Color) => {\n    if (isV4Color(color)) {\n        const { title, revision } = color;\n        return {\n            alpha: revision.rgba.alpha ? revision.rgba.alpha / 255 : 1,\n            red: revision.rgba.red ?? 0,\n            green: revision.rgba.green ?? 0,\n            blue: revision.rgba.blue ?? 0,\n            name: title ?? '',\n        };\n    }\n    return {\n        alpha: color.alpha ? color.alpha / 255 : 1,\n        red: color.red ?? 0,\n        green: color.green ?? 0,\n        blue: color.blue ?? 0,\n        name: color.name ?? '',\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","mapColor","isV4Color","color","title","revision"],"mappings":"AA+Ba,MAAAA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAEvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAIC,CAAQ;AAAA,IAI1CC,IAAY,CAACC,MACR,cAAcA,GAGnBF,IAAW,CAACE,MAAiB;AAC3B,MAAAD,EAAUC,CAAK,GAAG;AACZ,UAAA,EAAE,OAAAC,GAAO,UAAAC,EAAa,IAAAF;AACrB,WAAA;AAAA,MACH,OAAOE,EAAS,KAAK,QAAQA,EAAS,KAAK,QAAQ,MAAM;AAAA,MACzD,KAAKA,EAAS,KAAK,OAAO;AAAA,MAC1B,OAAOA,EAAS,KAAK,SAAS;AAAA,MAC9B,MAAMA,EAAS,KAAK,QAAQ;AAAA,MAC5B,MAAMD,KAAS;AAAA,IAAA;AAAA,EAEvB;AACO,SAAA;AAAA,IACH,OAAOD,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA;AAE5B;"}
+{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorPalette } from '@frontify/app-bridge';\nimport { type Palette } from '@frontify/fondue';\n\ntype Nullable<T> = T | null;\n\ntype V3Color = {\n    id: number;\n    name: Nullable<string>;\n    red: Nullable<number>;\n    green: Nullable<number>;\n    blue: Nullable<number>;\n    alpha: Nullable<number>;\n};\n\ntype V4Color = {\n    id: number;\n    title: Nullable<string>;\n    revision: {\n        rgba: {\n            red: Nullable<number>;\n            green: Nullable<number>;\n            blue: Nullable<number>;\n            alpha: Nullable<number>;\n        };\n    };\n};\n\ntype Color = V3Color | V4Color;\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map(mapColor),\n    };\n};\n\nconst isV4Color = (color: Color): color is V4Color => {\n    return 'revision' in color;\n};\n\nconst mapColor = (color: Color) => {\n    if (isV4Color(color)) {\n        const { title, revision } = color;\n        return {\n            alpha: revision.rgba.alpha ? revision.rgba.alpha / 255 : 1,\n            red: revision.rgba.red ?? 0,\n            green: revision.rgba.green ?? 0,\n            blue: revision.rgba.blue ?? 0,\n            name: title ?? '',\n        };\n    }\n    return {\n        alpha: color.alpha ? color.alpha / 255 : 1,\n        red: color.red ?? 0,\n        green: color.green ?? 0,\n        blue: color.blue ?? 0,\n        name: color.name ?? '',\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","mapColor","isV4Color","color","title","revision"],"mappings":"AA+BO,MAAMA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAEvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAIC,CAAQ;AAAA,IAI1CC,IAAY,CAACC,MACR,cAAcA,GAGnBF,IAAW,CAACE,MAAiB;AAC/B,MAAID,EAAUC,CAAK,GAAG;AAClB,UAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaF;AAC5B,WAAO;AAAA,MACH,OAAOE,EAAS,KAAK,QAAQA,EAAS,KAAK,QAAQ,MAAM;AAAA,MACzD,KAAKA,EAAS,KAAK,OAAO;AAAA,MAC1B,OAAOA,EAAS,KAAK,SAAS;AAAA,MAC9B,MAAMA,EAAS,KAAK,QAAQ;AAAA,MAC5B,MAAMD,KAAS;AAAA,IAAA;AAAA,EAEvB;AACA,SAAO;AAAA,IACH,OAAOD,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA;AAE5B;"}