@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

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

@@ -0,0 +1,51 @@
+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), 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 { TextStyles as a, BlockStyles as x } from "../styles.es.js";
+const I = "textstyle-imageTitle-plugin";
+class N extends u {
+  constructor({ styles: l = x.imageTitle, ...s } = {}) {
+    super(a.imageTitle, {
+      label: "Image Title",
+      markupElement: new d(),
+      ...s
+    });
+    m(this, "styles", {});
+    this.styles = l;
+  }
+  plugins() {
+    return [E(this.styles)];
+  }
+}
+class d extends c {
+  constructor(e = I, l = i) {
+    super(e, l);
+  }
+}
+const i = ({ element: t, attributes: e, children: l, styles: s }) => {
+  const n = t.align;
+  return /* @__PURE__ */ r(
+    "p",
+    {
+      ...e,
+      className: p([n && T[n], y(t)]),
+      style: s,
+      children: l
+    }
+  );
+}, E = (t) => k({
+  key: a.imageTitle,
+  isElement: !0,
+  component: i,
+  deserializeHtml: {
+    rules: [{ validClassName: a.imageTitle }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ r(i, { ...e, styles: t })
+});
+export {
+  N as ImageTitlePlugin
+};
+//# sourceMappingURL=imageTitlePlugin.es.js.map

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

@@ -0,0 +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    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\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":";;;;;;AAgBA,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;"}

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

@@ -0,0 +1,45 @@
+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), 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 { TextStyles as n, BlockStyles as E } from "../styles.es.js";
+class M extends g {
+  constructor({ styles: r = E.p, ...a } = {}) {
+    super(n.p, {
+      markupElement: new d(),
+      label: "Body Text",
+      ...a
+    });
+    p(this, "styles", {});
+    this.styles = r;
+  }
+  plugins() {
+    return [w(this.styles)];
+  }
+}
+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)]);
+  return /* @__PURE__ */ o("p", { ...e, className: c, style: a, children: r });
+};
+class d extends h {
+  constructor(e = n.p, r = s) {
+    super(e, r);
+  }
+}
+const w = (t) => k({
+  ...x(),
+  key: n.p,
+  isElement: !0,
+  component: s
+})({
+  component: (e) => /* @__PURE__ */ o(s, { ...e, styles: t })
+});
+export {
+  S as PARAGRAPH_CLASSES,
+  d as ParagraphMarkupElement,
+  s as ParagraphMarkupElementNode,
+  M as ParagraphPlugin,
+  w as createParagraphPlugin
+};
+//# sourceMappingURL=paragraphPlugin.es.js.map

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

@@ -0,0 +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    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createParagraphPlugin as createPlateParagraphPlugin,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\n\nimport { BlockStyles, TextStyles } from '../styles';\nimport { CSSProperties } from 'react';\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;"}

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

@@ -0,0 +1,53 @@
+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), 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 { TextStyles as a, BlockStyles as q } from "../styles.es.js";
+const x = "textstyle-quote-plugin";
+class f extends i {
+  constructor({ styles: s = q.quote, ...o } = {}) {
+    super(a.quote, {
+      label: "Quote",
+      markupElement: new E(),
+      ...o
+    });
+    u(this, "styles", {});
+    this.styles = s;
+  }
+  plugins() {
+    return [Q(this.styles)];
+  }
+}
+class E extends p {
+  constructor(e = x, s = l) {
+    super(e, s);
+  }
+}
+const l = ({ element: t, attributes: e, children: s, styles: o }) => {
+  const n = t.align;
+  return /* @__PURE__ */ r(
+    "blockquote",
+    {
+      ...e,
+      className: g([n && k[n], y(t)]),
+      style: o,
+      children: s
+    }
+  );
+}, Q = (t) => d({
+  key: a.quote,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["blockquote", "BLOCKQUOTE"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ r(l, { ...e, styles: t })
+});
+export {
+  l as QuoteMarkupElementNode,
+  f as QuotePlugin,
+  Q as createQuotePlugin
+};
+//# sourceMappingURL=quotePlugin.es.js.map

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

@@ -0,0 +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    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\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":";;;;;;AAgBA,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;"}

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

@@ -0,0 +1,167 @@
+import { LINK_PLUGIN as e } from "./LinkPlugin/id.es.js";
+import { BlockButtonStyles as i } from "./ButtonPlugin/utils/styles.es.js";
+var n = /* @__PURE__ */ ((t) => (t.heading1 = "heading1", t.heading2 = "heading2", t.heading3 = "heading3", t.heading4 = "heading4", t.custom1 = "custom1", t.custom2 = "custom2", t.custom3 = "custom3", t.quote = "quote", t.imageCaption = "imageCaption", t.imageTitle = "imageTitle", t.p = "p", t))(n || {});
+const s = {
+  heading1: {
+    fontSize: "var(--f-theme-settings-heading1-font-size)",
+    lineHeight: "var(--f-theme-settings-heading1-line-height)",
+    marginTop: "var(--f-theme-settings-heading1-margin-top)",
+    marginBottom: "var(--f-theme-settings-heading1-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-heading1-text-decoration)",
+    fontStyle: "var(--f-theme-settings-heading1-font-style)",
+    textTransform: "var(--f-theme-settings-heading1-text-transform)",
+    letterSpacing: "var(--f-theme-settings-heading1-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-heading1-font-weight)",
+    fontFamily: "var(--f-theme-settings-heading1-font-family)",
+    color: "var(--f-theme-settings-heading1-color)"
+  },
+  heading2: {
+    fontSize: "var(--f-theme-settings-heading2-font-size)",
+    lineHeight: "var(--f-theme-settings-heading2-line-height)",
+    marginTop: "var(--f-theme-settings-heading2-margin-top)",
+    marginBottom: "var(--f-theme-settings-heading2-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-heading2-text-decoration)",
+    fontStyle: "var(--f-theme-settings-heading2-font-style)",
+    textTransform: "var(--f-theme-settings-heading2-text-transform)",
+    letterSpacing: "var(--f-theme-settings-heading2-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-heading2-font-weight)",
+    fontFamily: "var(--f-theme-settings-heading2-font-family)",
+    color: "var(--f-theme-settings-heading2-color)"
+  },
+  heading3: {
+    fontSize: "var(--f-theme-settings-heading3-font-size)",
+    lineHeight: "var(--f-theme-settings-heading3-line-height)",
+    marginTop: "var(--f-theme-settings-heading3-margin-top)",
+    marginBottom: "var(--f-theme-settings-heading3-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-heading3-text-decoration)",
+    fontStyle: "var(--f-theme-settings-heading3-font-style)",
+    textTransform: "var(--f-theme-settings-heading3-text-transform)",
+    letterSpacing: "var(--f-theme-settings-heading3-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-heading3-font-weight)",
+    fontFamily: "var(--f-theme-settings-heading3-font-family)",
+    color: "var(--f-theme-settings-heading3-color)"
+  },
+  heading4: {
+    fontSize: "var(--f-theme-settings-heading4-font-size)",
+    lineHeight: "var(--f-theme-settings-heading4-line-height)",
+    marginTop: "var(--f-theme-settings-heading4-margin-top)",
+    marginBottom: "var(--f-theme-settings-heading4-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-heading4-text-decoration)",
+    fontStyle: "var(--f-theme-settings-heading4-font-style)",
+    textTransform: "var(--f-theme-settings-heading4-text-transform)",
+    letterSpacing: "var(--f-theme-settings-heading4-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-heading4-font-weight)",
+    fontFamily: "var(--f-theme-settings-heading4-font-family)",
+    color: "var(--f-theme-settings-heading4-color)"
+  },
+  custom1: {
+    fontSize: "var(--f-theme-settings-custom1-font-size)",
+    lineHeight: "var(--f-theme-settings-custom1-line-height)",
+    marginTop: "var(--f-theme-settings-custom1-margin-top)",
+    marginBottom: "var(--f-theme-settings-custom1-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-custom1-text-decoration)",
+    fontStyle: "var(--f-theme-settings-custom1-font-style)",
+    textTransform: "var(--f-theme-settings-custom1-text-transform)",
+    letterSpacing: "var(--f-theme-settings-custom1-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-custom1-font-weight)",
+    fontFamily: "var(--f-theme-settings-custom1-font-family)",
+    color: "var(--f-theme-settings-custom1-color)"
+  },
+  custom2: {
+    fontSize: "var(--f-theme-settings-custom2-font-size)",
+    lineHeight: "var(--f-theme-settings-custom2-line-height)",
+    marginTop: "var(--f-theme-settings-custom2-margin-top)",
+    marginBottom: "var(--f-theme-settings-custom2-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-custom2-text-decoration)",
+    fontStyle: "var(--f-theme-settings-custom2-font-style)",
+    textTransform: "var(--f-theme-settings-custom2-text-transform)",
+    letterSpacing: "var(--f-theme-settings-custom2-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-custom2-font-weight)",
+    fontFamily: "var(--f-theme-settings-custom2-font-family)",
+    color: "var(--f-theme-settings-custom2-color)"
+  },
+  custom3: {
+    fontSize: "var(--f-theme-settings-custom3-font-size)",
+    lineHeight: "var(--f-theme-settings-custom3-line-height)",
+    marginTop: "var(--f-theme-settings-custom3-margin-top)",
+    marginBottom: "var(--f-theme-settings-custom3-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-custom3-text-decoration)",
+    fontStyle: "var(--f-theme-settings-custom3-font-style)",
+    textTransform: "var(--f-theme-settings-custom3-text-transform)",
+    letterSpacing: "var(--f-theme-settings-custom3-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-custom3-font-weight)",
+    fontFamily: "var(--f-theme-settings-custom3-font-family)",
+    color: "var(--f-theme-settings-custom3-color)"
+  },
+  p: {
+    fontSize: "var(--f-theme-settings-body-font-size)",
+    lineHeight: "var(--f-theme-settings-body-line-height)",
+    marginTop: "var(--f-theme-settings-body-margin-top)",
+    marginBottom: "var(--f-theme-settings-body-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-body-text-decoration)",
+    fontStyle: "var(--f-theme-settings-body-font-style)",
+    textTransform: "var(--f-theme-settings-body-text-transform)",
+    letterSpacing: "var(--f-theme-settings-body-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-body-font-weight)",
+    fontFamily: "var(--f-theme-settings-body-font-family)",
+    color: "var(--f-theme-settings-body-color)"
+  },
+  quote: {
+    fontSize: "var(--f-theme-settings-quote-font-size)",
+    lineHeight: "var(--f-theme-settings-quote-line-height)",
+    marginTop: "var(--f-theme-settings-quote-margin-top)",
+    marginBottom: "var(--f-theme-settings-quote-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-quote-text-decoration)",
+    fontStyle: "var(--f-theme-settings-quote-font-style)",
+    textTransform: "var(--f-theme-settings-quote-text-transform)",
+    letterSpacing: "var(--f-theme-settings-quote-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-quote-font-weight)",
+    fontFamily: "var(--f-theme-settings-quote-font-family)",
+    color: "var(--f-theme-settings-quote-color)"
+  },
+  imageCaption: {
+    fontSize: "var(--f-theme-settings-image-caption-font-size)",
+    lineHeight: "var(--f-theme-settings-image-caption-line-height)",
+    marginTop: "var(--f-theme-settings-image-caption-margin-top)",
+    marginBottom: "var(--f-theme-settings-image-caption-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-image-caption-text-decoration)",
+    fontStyle: "var(--f-theme-settings-image-caption-font-style)",
+    textTransform: "var(--f-theme-settings-image-caption-text-transform)",
+    letterSpacing: "var(--f-theme-settings-image-caption-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-image-caption-font-weight)",
+    fontFamily: "var(--f-theme-settings-image-caption-font-family)",
+    color: "var(--f-theme-settings-image-caption-color)"
+  },
+  imageTitle: {
+    fontSize: "var(--f-theme-settings-image-title-font-size)",
+    lineHeight: "var(--f-theme-settings-image-title-line-height)",
+    marginTop: "var(--f-theme-settings-image-title-margin-top)",
+    marginBottom: "var(--f-theme-settings-image-title-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-image-title-text-decoration)",
+    fontStyle: "var(--f-theme-settings-image-title-font-style)",
+    textTransform: "var(--f-theme-settings-image-title-text-transform)",
+    letterSpacing: "var(--f-theme-settings-image-title-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-image-title-font-weight)",
+    fontFamily: "var(--f-theme-settings-image-title-font-family)",
+    color: "var(--f-theme-settings-image-title-color)"
+  },
+  [e]: {
+    fontSize: "var(--f-theme-settings-link-font-size)",
+    lineHeight: "var(--f-theme-settings-link-line-height)",
+    marginTop: "var(--f-theme-settings-link-margin-top)",
+    marginBottom: "var(--f-theme-settings-link-margin-bottom)",
+    textDecoration: "var(--f-theme-settings-link-text-decoration)",
+    fontStyle: "var(--f-theme-settings-link-font-style)",
+    textTransform: "var(--f-theme-settings-link-text-transform)",
+    letterSpacing: "var(--f-theme-settings-link-letter-spacing)",
+    fontWeight: "var(--f-theme-settings-link-font-weight)",
+    fontFamily: "var(--f-theme-settings-link-font-family)",
+    color: "var(--f-theme-settings-link-color)"
+  },
+  ...i
+};
+export {
+  s as BlockStyles,
+  n as TextStyles
+};
+//# sourceMappingURL=styles.es.js.map

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

@@ -0,0 +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';\nimport { LINK_PLUGIN } from './LinkPlugin/id';\nimport { BlockButtonStyles } from './ButtonPlugin';\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

@@ -0,0 +1,14 @@
+import { relativeUrlRegex as e } from "../components/Link/utils/relativeUrlRegex.es.js";
+const n = (t) => {
+  if (e.test(t))
+    return t;
+  try {
+    return new URL(t), t;
+  } catch {
+    return `https://${t}`;
+  }
+};
+export {
+  n as addHttps
+};
+//# sourceMappingURL=addHttps.es.js.map

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

@@ -0,0 +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;"}

package/dist/helpers/convertToRichTextValue.es.js

@@ -0,0 +1,6 @@
+import { hasRichTextValue as c } from "./hasRichTextValue.es.js";
+const n = (r = "p", o = "", i) => c(o) ? o : JSON.stringify([{ type: r, children: [{ text: o, textStyle: r }], align: i }]);
+export {
+  n as convertToRteValue
+};
+//# sourceMappingURL=convertToRichTextValue.es.js.map

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

@@ -0,0 +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;"}

package/dist/helpers/customCoordinatesGetterFactory.es.js

@@ -0,0 +1,32 @@
+import { KeyboardCode as h } from "@dnd-kit/core";
+const w = [h.Down, h.Right, h.Up, h.Left], m = (x, y) => (t, { currentCoordinates: f, context: { activeNode: s } }) => {
+  if (t.preventDefault(), w.includes(t.code)) {
+    const g = (s == null ? void 0 : s.offsetWidth) ?? 0, p = (s == null ? void 0 : s.offsetHeight) ?? 0;
+    switch (t.code) {
+      case h.Right:
+        return {
+          ...f,
+          x: f.x + g + x
+        };
+      case h.Left:
+        return {
+          ...f,
+          x: f.x - g - x
+        };
+      case h.Down:
+        return {
+          ...f,
+          y: f.y + p + y
+        };
+      case h.Up:
+        return {
+          ...f,
+          y: f.y - p - y
+        };
+    }
+  }
+};
+export {
+  m as customCoordinatesGetterFactory
+};
+//# sourceMappingURL=customCoordinatesGetterFactory.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customCoordinatesGetterFactory.es.js","sources":["../../src/helpers/customCoordinatesGetterFactory.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardCode, 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;"}

package/dist/helpers/hasRichTextValue.es.js

@@ -0,0 +1,15 @@
+const s = (t) => {
+  if (!t)
+    return !1;
+  const n = (e) => e.some((r) => r.text ? r.text !== "" : r.children ? n(r.children) : !1);
+  try {
+    const e = JSON.parse(t);
+    return n(e);
+  } catch {
+    return !1;
+  }
+};
+export {
+  s as hasRichTextValue
+};
+//# sourceMappingURL=hasRichTextValue.es.js.map

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

@@ -0,0 +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;"}

package/dist/helpers/isDownloadable.es.js

@@ -0,0 +1,6 @@
+import { Security as e } from "../settings/types.es.js";
+const m = (o, r, t) => o === e.Custom ? r : t;
+export {
+  m as isDownloadable
+};
+//# sourceMappingURL=isDownloadable.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isDownloadable.es.js","sources":["../../src/helpers/isDownloadable.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Security } from '../settings/types';\n\nexport const isDownloadable = (security: Security, downloadable: boolean, globalAssetDownloadEnabled: boolean) => {\n    return security === Security.Custom ? downloadable : globalAssetDownloadEnabled;\n};\n"],"names":["isDownloadable","security","downloadable","globalAssetDownloadEnabled","Security"],"mappings":";AAIO,MAAMA,IAAiB,CAACC,GAAoBC,GAAuBC,MAC/DF,MAAaG,EAAS,SAASF,IAAeC;"}

package/dist/helpers/mapColorPalettes.es.js

@@ -0,0 +1,28 @@
+const i = (e) => e.map(n), n = (e) => ({
+  id: e.id,
+  title: e.name,
+  colors: e.colors.map(p)
+}), t = (e) => "revision" in e, p = (e) => {
+  if (t(e)) {
+    const { title: r, revision: a } = e;
+    return {
+      alpha: a.rgba.alpha ? a.rgba.alpha / 255 : 1,
+      red: a.rgba.red ?? 0,
+      green: a.rgba.green ?? 0,
+      blue: a.rgba.blue ?? 0,
+      name: r ?? ""
+    };
+  }
+  return {
+    alpha: e.alpha ? e.alpha / 255 : 1,
+    red: e.red ?? 0,
+    green: e.green ?? 0,
+    blue: e.blue ?? 0,
+    name: e.name ?? ""
+  };
+};
+export {
+  n as mapAppBridgeColorPaletteToFonduePalette,
+  i as mapAppBridgeColorPalettesToFonduePalettes
+};
+//# sourceMappingURL=mapColorPalettes.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ColorPalette } from '@frontify/app-bridge';\nimport { 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;"}

package/dist/hooks/useAttachments.es.js

@@ -0,0 +1,53 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useBlockAssets as p } from "@frontify/app-bridge";
+import { createContext as w, useContext as u } from "react";
+const l = (t, e) => {
+  const { blockAssets: n, addAssetIdsToKey: s, deleteAssetIdsFromKey: h, updateAssetIdsFromKey: d } = p(t), i = (n == null ? void 0 : n[e]) || [];
+  return {
+    onAttachmentsAdd: async (o) => {
+      await s(
+        e,
+        o.map((r) => r.id)
+      );
+    },
+    onAttachmentDelete: async (o) => {
+      await h(e, [o.id]);
+    },
+    onAttachmentReplace: async (o, r) => {
+      const c = i.map(
+        (m) => m.id === o.id ? r.id : m.id
+      );
+      await d(e, c);
+    },
+    onAttachmentsSorted: async (o) => {
+      const r = o.map((c) => c.id);
+      await d(e, r);
+    },
+    attachments: i,
+    appBridge: t
+  };
+}, A = w(null), x = ({
+  appBridge: t,
+  children: e,
+  assetId: n
+}) => {
+  const s = l(t, n);
+  return /* @__PURE__ */ a(A.Provider, { value: s, children: e });
+}, D = () => {
+  const t = u(A);
+  if (!t)
+    throw new Error(
+      "No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC"
+    );
+  return t;
+}, F = (t, e) => {
+  const n = (s) => /* @__PURE__ */ a(x, { appBridge: s.appBridge, assetId: e, children: /* @__PURE__ */ a(t, { ...s }) });
+  return n.displayName = "withAttachmentsProvider", n;
+};
+export {
+  x as AttachmentsProvider,
+  l as useAttachments,
+  D as useAttachmentsContext,
+  F as withAttachmentsProvider
+};
+//# sourceMappingURL=useAttachments.es.js.map

package/dist/hooks/useAttachments.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachments.es.js","sources":["../../src/hooks/useAttachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock, Asset, useBlockAssets } from '@frontify/app-bridge';\nimport { type ReactNode, createContext, useContext } from 'react';\n\nimport { type BlockProps } from '../index';\n\nexport const useAttachments = (appBridge: AppBridgeBlock, attachmentKey: string) => {\n    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey, updateAssetIdsFromKey } = useBlockAssets(appBridge);\n    const attachments = blockAssets?.[attachmentKey] || [];\n\n    const onAttachmentsAdd = async (newAssets: Asset[]) => {\n        await addAssetIdsToKey(\n            attachmentKey,\n            newAssets.map((asset) => asset.id),\n        );\n    };\n\n    const onAttachmentDelete = async (assetToDelete: Asset) => {\n        await deleteAssetIdsFromKey(attachmentKey, [assetToDelete.id]);\n    };\n\n    const onAttachmentReplace = async (attachmentToReplace: Asset, newAsset: Asset) => {\n        const newAssetIds = attachments.map((attachment) =>\n            attachment.id === attachmentToReplace.id ? newAsset.id : attachment.id,\n        );\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    const onAttachmentsSorted = async (assets: Asset[]) => {\n        const newAssetIds = assets.map((asset) => asset.id);\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n        appBridge,\n    };\n};\n\nconst AttachmentsContext = createContext<ReturnType<typeof useAttachments> | null>(null);\n\nexport const AttachmentsProvider = ({\n    appBridge,\n    children,\n    assetId,\n}: {\n    appBridge: AppBridgeBlock;\n    children: ReactNode;\n    assetId: string;\n}) => {\n    const attachmentContext = useAttachments(appBridge, assetId);\n\n    return <AttachmentsContext.Provider value={attachmentContext}>{children}</AttachmentsContext.Provider>;\n};\n\nexport const useAttachmentsContext = () => {\n    const context = useContext(AttachmentsContext);\n\n    if (!context) {\n        throw new Error(\n            \"No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC\",\n        );\n    }\n\n    return context;\n};\n\n/**\n * Block-level HOC for cases when there is only one attachment asset field related to the block.\n * Recommended for most cases.\n * If finer control is required over attachments, use {@link AttachmentsProvider} component.\n */\nexport const withAttachmentsProvider = <T extends BlockProps>(Component: (props: T) => ReactNode, assetId: string) => {\n    const wrappedComponent = (props: T) => (\n        <AttachmentsProvider appBridge={props.appBridge} assetId={assetId}>\n            <Component {...props} />\n        </AttachmentsProvider>\n    );\n\n    wrappedComponent.displayName = 'withAttachmentsProvider';\n\n    return wrappedComponent;\n};\n"],"names":["useAttachments","appBridge","attachmentKey","blockAssets","addAssetIdsToKey","deleteAssetIdsFromKey","updateAssetIdsFromKey","useBlockAssets","attachments","newAssets","asset","assetToDelete","attachmentToReplace","newAsset","newAssetIds","attachment","assets","AttachmentsContext","createContext","AttachmentsProvider","children","assetId","attachmentContext","useAttachmentsContext","context","useContext","withAttachmentsProvider","Component","wrappedComponent","props","jsx"],"mappings":";;;AAOa,MAAAA,IAAiB,CAACC,GAA2BC,MAA0B;AAChF,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BC,EAAeN,CAAS,GAC1GO,KAAcL,KAAA,gBAAAA,EAAcD,OAAkB,CAAA;AA2B7C,SAAA;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AAC7C,YAAAL;AAAA,QACFF;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IACrC;AAAA,IAuBA,oBApBuB,OAAOC,MAAyB;AACvD,YAAMN,EAAsBH,GAAe,CAACS,EAAc,EAAE,CAAC;AAAA,IAAA;AAAA,IAoB7D,qBAjBwB,OAAOC,GAA4BC,MAAoB;AAC/E,YAAMC,IAAcN,EAAY;AAAA,QAAI,CAACO,MACjCA,EAAW,OAAOH,EAAoB,KAAKC,EAAS,KAAKE,EAAW;AAAA,MAAA;AAGlE,YAAAT,EAAsBJ,GAAeY,CAAW;AAAA,IAAA;AAAA,IAatD,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAE5C,YAAAJ,EAAsBJ,GAAeY,CAAW;AAAA,IAAA;AAAA,IAQtD,aAAAN;AAAA,IACA,WAAAP;AAAA,EAAA;AAER,GAEMgB,IAAqBC,EAAwD,IAAI,GAE1EC,IAAsB,CAAC;AAAA,EAChC,WAAAlB;AAAA,EACA,UAAAmB;AAAA,EACA,SAAAC;AACJ,MAIM;AACI,QAAAC,IAAoBtB,EAAeC,GAAWoB,CAAO;AAE3D,2BAAQJ,EAAmB,UAAnB,EAA4B,OAAOK,GAAoB,UAAAF,EAAS,CAAA;AAC5E,GAEaG,IAAwB,MAAM;AACjC,QAAAC,IAAUC,EAAWR,CAAkB;AAE7C,MAAI,CAACO;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAID,SAAAA;AACX,GAOaE,IAA0B,CAAuBC,GAAoCN,MAAoB;AAClH,QAAMO,IAAmB,CAACC,MACtB,gBAAAC,EAACX,GAAoB,EAAA,WAAWU,EAAM,WAAW,SAAAR,GAC7C,UAAA,gBAAAS,EAACH,GAAW,EAAA,GAAGE,GAAO,EAC1B,CAAA;AAGJ,SAAAD,EAAiB,cAAc,2BAExBA;AACX;"}

package/dist/hooks/useDndSensors.es.js

@@ -0,0 +1,20 @@
+import { useSensors as t, useSensor as e, PointerSensor as n, KeyboardSensor as c } from "@dnd-kit/core";
+import { customCoordinatesGetterFactory as a } from "../helpers/customCoordinatesGetterFactory.es.js";
+const d = {
+  start: ["Space", "Enter"],
+  cancel: [],
+  end: ["Space", "Enter", "Escape"]
+}, p = (o = 0, r = 0) => {
+  const s = a(o, r);
+  return t(
+    e(n),
+    e(c, {
+      coordinateGetter: s,
+      keyboardCodes: d
+    })
+  );
+};
+export {
+  p as useDndSensors
+};
+//# sourceMappingURL=useDndSensors.es.js.map

package/dist/hooks/useDndSensors.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDndSensors.es.js","sources":["../../src/hooks/useDndSensors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { customCoordinatesGetterFactory } from '../helpers/customCoordinatesGetterFactory';\n\nconst keyboardCodes = {\n    start: ['Space', 'Enter'],\n    cancel: [],\n    end: ['Space', 'Enter', 'Escape'],\n};\n\nexport const useDndSensors = (columnGap = 0, rowGap = 0) => {\n    const customCoordinatesGetter = customCoordinatesGetterFactory(columnGap, rowGap);\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: customCoordinatesGetter,\n            keyboardCodes,\n        }),\n    );\n\n    return sensors;\n};\n"],"names":["keyboardCodes","useDndSensors","columnGap","rowGap","customCoordinatesGetter","customCoordinatesGetterFactory","useSensors","useSensor","PointerSensor","KeyboardSensor"],"mappings":";;AAKA,MAAMA,IAAgB;AAAA,EAClB,OAAO,CAAC,SAAS,OAAO;AAAA,EACxB,QAAQ,CAAC;AAAA,EACT,KAAK,CAAC,SAAS,SAAS,QAAQ;AACpC,GAEaC,IAAgB,CAACC,IAAY,GAAGC,IAAS,MAAM;AAClD,QAAAC,IAA0BC,EAA+BH,GAAWC,CAAM;AASzE,SARSG;AAAA,IACZC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACtB,kBAAkBL;AAAA,MAClB,eAAAJ;AAAA,IAAA,CACH;AAAA,EAAA;AAIT;"}