@frontify/guideline-blocks-settings 1.0.13 → 2.0.1

package/dist/components/Link/utils/getUrl.es.js

@@ -1,18 +1,12 @@
-import { getAboveNode as c, ELEMENT_LINK as s } from "@frontify/fondue";
-const n = (r, e) => {
-  const t = c(r, { match: { type: s } });
-  return Array.isArray(t) ? e(t[0]) : "";
-}, L = (r) => n(r, (e) => {
-  var t, o;
-  return ((o = (t = e.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : o.link) || "";
-}), l = (r) => n(r, (e) => e.url || ""), i = (r) => {
-  var e, t;
-  return r.url || ((t = (e = r.chosenLink) == null ? void 0 : e.searchResult) == null ? void 0 : t.link) || "";
-}, g = (r) => n(r, i);
+import { getAboveNode as o, ELEMENT_LINK as c } from "@frontify/fondue/rte";
+const t = (r, e) => {
+  const n = o(r, { match: { type: c } });
+  return Array.isArray(n) ? e(n[0]) : "";
+}, u = (r) => t(r, (e) => e.chosenLink?.searchResult?.link || ""), L = (r) => t(r, (e) => e.url || ""), s = (r) => r.url || r.chosenLink?.searchResult?.link || "", l = (r) => t(r, s);
 export {
-  L as getLegacyUrl,
-  g as getLinkFromEditor,
-  l as getUrl,
-  i as getUrlFromLinkOrLegacyLink
+  u as getLegacyUrl,
+  l as getLinkFromEditor,
+  L as getUrl,
+  s as getUrlFromLinkOrLegacyLink
 };
 //# sourceMappingURL=getUrl.es.js.map

package/dist/components/Link/utils/getUrl.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUrl.es.js","sources":["../../../../src/components/Link/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue';\n\nimport { type TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl","getUrlFromLinkOrLegacyLink","getLinkFromEditor"],"mappings":";AAMA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AACrF,QAAMC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAA,GAAgB;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAA;;AAAS,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAoB,CAACX,MACvBD,EAAYC,GAAQU,CAA0B;"}
+{"version":3,"file":"getUrl.es.js","sources":["../../../../src/components/Link/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue/rte';\n\nimport { type TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","getUrl","getUrlFromLinkOrLegacyLink","getLinkFromEditor"],"mappings":";AAMA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AACrF,QAAMC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAA,GAAgB;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAASA,EAAK,YAAY,cAAc,QAAQ,EAAE,GAGrEC,IAAS,CAACP,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CE,IAA6B,CAACF,MAChCA,EAAK,OAAOA,EAAK,YAAY,cAAc,QAAQ,IAGjDG,IAAoB,CAACT,MACvBD,EAAYC,GAAQQ,CAA0B;"}

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

@@ -1,67 +1,67 @@
 import { jsx as a } from "react/jsx-runtime";
-import { RichTextEditor as R } from "@frontify/fondue";
-import { useRef as V, useState as h, useCallback as c, useEffect as p, memo as v, useId as I } from "react";
-import { useIsInViewport as P } from "../../hooks/useIsInViewport.es.js";
-import { SerializedText as C } from "./SerializedText.es.js";
-import { getResponsiveColumnClasses as L } from "./plugins/ColumnBreakPlugin/helpers.es.js";
-import { floatingButtonSelectors as S, floatingButtonActions as y } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
-const H = (r) => {
-  S.isOpen(r) && y.reset();
-}, E = v(
+import { RichTextEditor as C } from "@frontify/fondue/rte";
+import { useRef as R, useState as m, useCallback as c, useEffect as p, memo as V, useId as T } from "react";
+import { useIsInViewport as v } from "../../hooks/useIsInViewport.es.js";
+import { SerializedText as I } from "./SerializedText.es.js";
+import { getResponsiveColumnClasses as P } from "./plugins/ColumnBreakPlugin/helpers.es.js";
+import { floatingButtonSelectors as L, floatingButtonActions as S } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
+const y = (o) => {
+  L.isOpen(o) && S.reset();
+}, g = V(
   ({
-    isEnabled: r,
+    isEnabled: o,
     value: e,
     columns: l,
-    gap: n,
+    gap: r,
     placeholder: t,
-    plugins: s,
-    onTextChange: o,
+    plugins: i,
+    onTextChange: s,
     showSerializedText: d
   }) => {
-    const w = L(l), [f, u] = h(!1), g = I(), b = c(
-      (i) => {
-        i !== e && (o == null || o(i)), u(!1);
+    const E = P(l), [f, h] = m(!1), w = T(), x = c(
+      (n) => {
+        n !== e && s?.(n), h(!1);
       },
-      [o, e]
-    ), x = c(() => u(!0), []);
+      [s, e]
+    ), b = c(() => h(!0), []);
     return p(() => {
-      const i = (m) => {
-        m.preventDefault(), m.returnValue = "Unprocessed changes";
+      const n = (u) => {
+        u.preventDefault(), u.returnValue = "Unprocessed changes";
       };
-      return f && window.addEventListener("beforeunload", i), () => window.removeEventListener("beforeunload", i);
-    }, [f]), r ? /* @__PURE__ */ a(
-      R,
+      return f && window.addEventListener("beforeunload", n), () => window.removeEventListener("beforeunload", n);
+    }, [f]), o ? /* @__PURE__ */ a(
+      C,
       {
-        id: g,
+        id: w,
         value: e,
         border: !1,
         placeholder: t,
-        plugins: s,
-        onValueChanged: x,
-        onTextChange: b,
-        hideExternalFloatingModals: H,
+        plugins: i,
+        onValueChanged: b,
+        onTextChange: x,
+        hideExternalFloatingModals: y,
         placeholderOpacity: "high"
       }
     ) : /* @__PURE__ */ a(
-      C,
+      I,
       {
         value: e,
-        gap: n,
-        customClass: w,
+        gap: r,
+        customClass: E,
         show: d,
-        plugins: s
+        plugins: i
       }
     );
   }
 );
-E.displayName = "InternalRichTextEditor";
-const j = (r) => {
-  const e = V(null), [l, n] = h(!1), { isEditing: t, ...s } = r, o = c((d) => {
-    d && n(!0);
+g.displayName = "InternalRichTextEditor";
+const j = (o) => {
+  const e = R(null), [l, r] = m(!1), { isEditing: t, ...i } = o, s = c((d) => {
+    d && r(!0);
   }, []);
-  return P({ ref: e, disabled: !t, onChange: o }), p(() => {
-    t || n(!1);
-  }, [t]), /* @__PURE__ */ a("div", { "data-test-id": "rich-text-editor-container", className: "tw-block tw-w-full tw-@container", ref: e, children: /* @__PURE__ */ a(E, { ...s, isEnabled: t && l }) });
+  return v({ ref: e, disabled: !t, onChange: s }), p(() => {
+    t || r(!1);
+  }, [t]), /* @__PURE__ */ a("div", { "data-test-id": "rich-text-editor-container", className: "tw-block tw-w-full tw-@container", ref: e, children: /* @__PURE__ */ a(g, { ...i, isEnabled: t && l }) });
 };
 export {
   j as RichTextEditor

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue';\nimport { memo, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { useIsInViewport } from '../../hooks/useIsInViewport';\n\nimport { SerializedText } from './SerializedText';\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\nimport { getResponsiveColumnClasses } from './plugins/ColumnBreakPlugin/helpers';\nimport { type RichTextEditorProps } from './types';\n\nconst handleHideExternalFloatingModals = (editorId: string) => {\n    if (floatingButtonSelectors.isOpen(editorId)) {\n        floatingButtonActions.reset();\n    }\n};\n\nconst InternalRichTextEditor = memo(\n    ({\n        isEnabled,\n        value,\n        columns,\n        gap,\n        placeholder,\n        plugins,\n        onTextChange,\n        showSerializedText,\n    }: Omit<RichTextEditorProps, 'isEditing'> & { isEnabled: boolean }) => {\n        const customClass = getResponsiveColumnClasses(columns);\n        const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n        const editorId = useId();\n\n        const handleTextChange = useCallback(\n            (newContent: string) => {\n                if (newContent !== value) {\n                    onTextChange?.(newContent);\n                }\n                setShouldPreventPageLeave(false);\n            },\n            [onTextChange, value],\n        );\n\n        const handleValueChange = useCallback(() => setShouldPreventPageLeave(true), []);\n\n        useEffect(() => {\n            const unloadHandler = (event: BeforeUnloadEvent) => {\n                event.preventDefault();\n                event.returnValue = 'Unprocessed changes';\n            };\n\n            if (shouldPreventPageLeave) {\n                window.addEventListener('beforeunload', unloadHandler);\n            }\n\n            return () => window.removeEventListener('beforeunload', unloadHandler);\n        }, [shouldPreventPageLeave]);\n\n        if (isEnabled) {\n            return (\n                <FondueRichTextEditor\n                    id={editorId}\n                    value={value}\n                    border={false}\n                    placeholder={placeholder}\n                    plugins={plugins}\n                    onValueChanged={handleValueChange}\n                    onTextChange={handleTextChange}\n                    hideExternalFloatingModals={handleHideExternalFloatingModals}\n                    placeholderOpacity=\"high\"\n                />\n            );\n        }\n        return (\n            <SerializedText\n                value={value}\n                gap={gap}\n                customClass={customClass}\n                show={showSerializedText}\n                plugins={plugins}\n            />\n        );\n    },\n);\nInternalRichTextEditor.displayName = 'InternalRichTextEditor';\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [hasEnteredViewport, setHasEnteredViewport] = useState(false);\n\n    const { isEditing, ...internalRteProps } = props;\n\n    const onViewportVisibilityChange = useCallback((isInViewport: boolean) => {\n        if (isInViewport) {\n            setHasEnteredViewport(true);\n        }\n    }, []);\n\n    useIsInViewport({ ref, disabled: !isEditing, onChange: onViewportVisibilityChange });\n\n    useEffect(() => {\n        if (!isEditing) {\n            // eslint-disable-next-line react-hooks/set-state-in-effect\n            setHasEnteredViewport(false);\n        }\n    }, [isEditing]);\n\n    return (\n        <div data-test-id=\"rich-text-editor-container\" className=\"tw-block tw-w-full tw-@container\" ref={ref}>\n            <InternalRichTextEditor {...internalRteProps} isEnabled={isEditing && hasEnteredViewport} />\n        </div>\n    );\n};\n"],"names":["handleHideExternalFloatingModals","editorId","floatingButtonSelectors","floatingButtonActions","InternalRichTextEditor","memo","isEnabled","value","columns","gap","placeholder","plugins","onTextChange","showSerializedText","customClass","getResponsiveColumnClasses","shouldPreventPageLeave","setShouldPreventPageLeave","useState","useId","handleTextChange","useCallback","newContent","handleValueChange","useEffect","unloadHandler","event","jsx","FondueRichTextEditor","SerializedText","RichTextEditor","props","ref","useRef","hasEnteredViewport","setHasEnteredViewport","isEditing","internalRteProps","onViewportVisibilityChange","isInViewport","useIsInViewport"],"mappings":";;;;;;;AAYA,MAAMA,IAAmC,CAACC,MAAqB;AAC3D,EAAIC,EAAwB,OAAOD,CAAQ,KACvCE,EAAsB,MAAA;AAE9B,GAEMC,IAAyBC;AAAA,EAC3B,CAAC;AAAA,IACG,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACmE;AACnE,UAAMC,IAAcC,EAA2BP,CAAO,GAChD,CAACQ,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpEjB,IAAWkB,EAAA,GAEXC,IAAmBC;AAAA,MACrB,CAACC,MAAuB;AACpB,QAAIA,MAAef,MACfK,KAAA,QAAAA,EAAeU,KAEnBL,EAA0B,EAAK;AAAA,MACnC;AAAA,MACA,CAACL,GAAcL,CAAK;AAAA,IAAA,GAGlBgB,IAAoBF,EAAY,MAAMJ,EAA0B,EAAI,GAAG,CAAA,CAAE;AAe/E,WAbAO,EAAU,MAAM;AACZ,YAAMC,IAAgB,CAACC,MAA6B;AAChD,QAAAA,EAAM,eAAA,GACNA,EAAM,cAAc;AAAA,MACxB;AAEA,aAAIV,KACA,OAAO,iBAAiB,gBAAgBS,CAAa,GAGlD,MAAM,OAAO,oBAAoB,gBAAgBA,CAAa;AAAA,IACzE,GAAG,CAACT,CAAsB,CAAC,GAEvBV,IAEI,gBAAAqB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,IAAI3B;AAAA,QACJ,OAAAM;AAAA,QACA,QAAQ;AAAA,QACR,aAAAG;AAAA,QACA,SAAAC;AAAA,QACA,gBAAgBY;AAAA,QAChB,cAAcH;AAAA,QACd,4BAA4BpB;AAAA,QAC5B,oBAAmB;AAAA,MAAA;AAAA,IAAA,IAK3B,gBAAA2B;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAAtB;AAAA,QACA,KAAAE;AAAA,QACA,aAAAK;AAAA,QACA,MAAMD;AAAA,QACN,SAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAP,EAAuB,cAAc;AAE9B,MAAM0B,IAAiB,CAACC,MAA+B;AAC1D,QAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAoBC,CAAqB,IAAIjB,EAAS,EAAK,GAE5D,EAAE,WAAAkB,GAAW,GAAGC,EAAA,IAAqBN,GAErCO,IAA6BjB,EAAY,CAACkB,MAA0B;AACtE,IAAIA,KACAJ,EAAsB,EAAI;AAAA,EAElC,GAAG,CAAA,CAAE;AAEL,SAAAK,EAAgB,EAAE,KAAAR,GAAK,UAAU,CAACI,GAAW,UAAUE,GAA4B,GAEnFd,EAAU,MAAM;AACZ,IAAKY,KAEDD,EAAsB,EAAK;AAAA,EAEnC,GAAG,CAACC,CAAS,CAAC,GAGV,gBAAAT,EAAC,OAAA,EAAI,gBAAa,8BAA6B,WAAU,oCAAmC,KAAAK,GACxF,UAAA,gBAAAL,EAACvB,GAAA,EAAwB,GAAGiC,GAAkB,WAAWD,KAAaF,GAAoB,GAC9F;AAER;"}
+{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue/rte';\nimport { memo, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { useIsInViewport } from '../../hooks/useIsInViewport';\n\nimport { SerializedText } from './SerializedText';\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\nimport { getResponsiveColumnClasses } from './plugins/ColumnBreakPlugin/helpers';\nimport { type RichTextEditorProps } from './types';\n\nconst handleHideExternalFloatingModals = (editorId: string) => {\n    if (floatingButtonSelectors.isOpen(editorId)) {\n        floatingButtonActions.reset();\n    }\n};\n\nconst InternalRichTextEditor = memo(\n    ({\n        isEnabled,\n        value,\n        columns,\n        gap,\n        placeholder,\n        plugins,\n        onTextChange,\n        showSerializedText,\n    }: Omit<RichTextEditorProps, 'isEditing'> & { isEnabled: boolean }) => {\n        const customClass = getResponsiveColumnClasses(columns);\n        const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n        const editorId = useId();\n\n        const handleTextChange = useCallback(\n            (newContent: string) => {\n                if (newContent !== value) {\n                    onTextChange?.(newContent);\n                }\n                setShouldPreventPageLeave(false);\n            },\n            [onTextChange, value],\n        );\n\n        const handleValueChange = useCallback(() => setShouldPreventPageLeave(true), []);\n\n        useEffect(() => {\n            const unloadHandler = (event: BeforeUnloadEvent) => {\n                event.preventDefault();\n                event.returnValue = 'Unprocessed changes';\n            };\n\n            if (shouldPreventPageLeave) {\n                window.addEventListener('beforeunload', unloadHandler);\n            }\n\n            return () => window.removeEventListener('beforeunload', unloadHandler);\n        }, [shouldPreventPageLeave]);\n\n        if (isEnabled) {\n            return (\n                <FondueRichTextEditor\n                    id={editorId}\n                    value={value}\n                    border={false}\n                    placeholder={placeholder}\n                    plugins={plugins}\n                    onValueChanged={handleValueChange}\n                    onTextChange={handleTextChange}\n                    hideExternalFloatingModals={handleHideExternalFloatingModals}\n                    placeholderOpacity=\"high\"\n                />\n            );\n        }\n        return (\n            <SerializedText\n                value={value}\n                gap={gap}\n                customClass={customClass}\n                show={showSerializedText}\n                plugins={plugins}\n            />\n        );\n    },\n);\nInternalRichTextEditor.displayName = 'InternalRichTextEditor';\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [hasEnteredViewport, setHasEnteredViewport] = useState(false);\n\n    const { isEditing, ...internalRteProps } = props;\n\n    const onViewportVisibilityChange = useCallback((isInViewport: boolean) => {\n        if (isInViewport) {\n            setHasEnteredViewport(true);\n        }\n    }, []);\n\n    useIsInViewport({ ref, disabled: !isEditing, onChange: onViewportVisibilityChange });\n\n    useEffect(() => {\n        if (!isEditing) {\n            // eslint-disable-next-line react-hooks/set-state-in-effect\n            setHasEnteredViewport(false);\n        }\n    }, [isEditing]);\n\n    return (\n        <div data-test-id=\"rich-text-editor-container\" className=\"tw-block tw-w-full tw-@container\" ref={ref}>\n            <InternalRichTextEditor {...internalRteProps} isEnabled={isEditing && hasEnteredViewport} />\n        </div>\n    );\n};\n"],"names":["handleHideExternalFloatingModals","editorId","floatingButtonSelectors","floatingButtonActions","InternalRichTextEditor","memo","isEnabled","value","columns","gap","placeholder","plugins","onTextChange","showSerializedText","customClass","getResponsiveColumnClasses","shouldPreventPageLeave","setShouldPreventPageLeave","useState","useId","handleTextChange","useCallback","newContent","handleValueChange","useEffect","unloadHandler","event","jsx","FondueRichTextEditor","SerializedText","RichTextEditor","props","ref","useRef","hasEnteredViewport","setHasEnteredViewport","isEditing","internalRteProps","onViewportVisibilityChange","isInViewport","useIsInViewport"],"mappings":";;;;;;;AAYA,MAAMA,IAAmC,CAACC,MAAqB;AAC3D,EAAIC,EAAwB,OAAOD,CAAQ,KACvCE,EAAsB,MAAA;AAE9B,GAEMC,IAAyBC;AAAA,EAC3B,CAAC;AAAA,IACG,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACmE;AACnE,UAAMC,IAAcC,EAA2BP,CAAO,GAChD,CAACQ,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpEjB,IAAWkB,EAAA,GAEXC,IAAmBC;AAAA,MACrB,CAACC,MAAuB;AACpB,QAAIA,MAAef,KACfK,IAAeU,CAAU,GAE7BL,EAA0B,EAAK;AAAA,MACnC;AAAA,MACA,CAACL,GAAcL,CAAK;AAAA,IAAA,GAGlBgB,IAAoBF,EAAY,MAAMJ,EAA0B,EAAI,GAAG,CAAA,CAAE;AAe/E,WAbAO,EAAU,MAAM;AACZ,YAAMC,IAAgB,CAACC,MAA6B;AAChD,QAAAA,EAAM,eAAA,GACNA,EAAM,cAAc;AAAA,MACxB;AAEA,aAAIV,KACA,OAAO,iBAAiB,gBAAgBS,CAAa,GAGlD,MAAM,OAAO,oBAAoB,gBAAgBA,CAAa;AAAA,IACzE,GAAG,CAACT,CAAsB,CAAC,GAEvBV,IAEI,gBAAAqB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,IAAI3B;AAAA,QACJ,OAAAM;AAAA,QACA,QAAQ;AAAA,QACR,aAAAG;AAAA,QACA,SAAAC;AAAA,QACA,gBAAgBY;AAAA,QAChB,cAAcH;AAAA,QACd,4BAA4BpB;AAAA,QAC5B,oBAAmB;AAAA,MAAA;AAAA,IAAA,IAK3B,gBAAA2B;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAAtB;AAAA,QACA,KAAAE;AAAA,QACA,aAAAK;AAAA,QACA,MAAMD;AAAA,QACN,SAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAP,EAAuB,cAAc;AAE9B,MAAM0B,IAAiB,CAACC,MAA+B;AAC1D,QAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAoBC,CAAqB,IAAIjB,EAAS,EAAK,GAE5D,EAAE,WAAAkB,GAAW,GAAGC,EAAA,IAAqBN,GAErCO,IAA6BjB,EAAY,CAACkB,MAA0B;AACtE,IAAIA,KACAJ,EAAsB,EAAI;AAAA,EAElC,GAAG,CAAA,CAAE;AAEL,SAAAK,EAAgB,EAAE,KAAAR,GAAK,UAAU,CAACI,GAAW,UAAUE,GAA4B,GAEnFd,EAAU,MAAM;AACZ,IAAKY,KAEDD,EAAsB,EAAK;AAAA,EAEnC,GAAG,CAACC,CAAS,CAAC,GAGV,gBAAAT,EAAC,OAAA,EAAI,gBAAa,8BAA6B,WAAU,oCAAmC,KAAAK,GACxF,UAAA,gBAAAL,EAACvB,GAAA,EAAwB,GAAGiC,GAAkB,WAAWD,KAAaF,GAAoB,GAC9F;AAER;"}

package/dist/components/RichTextEditor/SerializedText.es.js

@@ -1,14 +1,14 @@
-import { jsx as m } from "react/jsx-runtime";
-import { serializeRawToHtmlAsync as i } from "@frontify/fondue";
-import { useState as u, useCallback as d, useEffect as f } from "react";
-const H = ({ value: e = "", gap: r, customClass: l, show: a = !0, plugins: n }) => {
-  const [t, s] = u(null), o = d(async () => {
-    const c = await i(e, n, void 0, r, l);
-    s(c);
-  }, [e, r, n, l]);
-  return f(() => {
-    o().catch(console.error);
-  }, [o]), !a || t === "<br />" || t === null ? null : /* @__PURE__ */ m(
+import { jsx as s } from "react/jsx-runtime";
+import { serializeRawToHtmlAsync as c } from "@frontify/fondue/rte";
+import { useState as i, useEffect as u } from "react";
+const h = ({ value: e = "", gap: r, customClass: l, show: o = !0, plugins: n }) => {
+  const [t, a] = i(null);
+  return u(() => {
+    (async () => {
+      const m = await c(e, n, void 0, r, l);
+      a(m);
+    })().catch(console.error);
+  }, [e, r, n, l]), !o || t === "<br />" || t === null ? null : /* @__PURE__ */ s(
     "div",
     {
       className: "tw-w-full tw-whitespace-pre-wrap",
@@ -18,6 +18,6 @@ const H = ({ value: e = "", gap: r, customClass: l, show: a = !0, plugins: n })
   );
 };
 export {
-  H as SerializedText
+  h as SerializedText
 };
 //# sourceMappingURL=SerializedText.es.js.map

package/dist/components/RichTextEditor/SerializedText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SerializedText.es.js","sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { serializeRawToHtmlAsync } from '@frontify/fondue';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { type SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, customClass, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    // eslint-disable-next-line @eslint-react/no-unnecessary-use-callback\n    const updateHtml = useCallback(async () => {\n        const htmlContent = await serializeRawToHtmlAsync(value, plugins, undefined, gap, customClass);\n        setHtml(htmlContent);\n    }, [value, gap, plugins, customClass]);\n\n    useEffect(() => {\n        // eslint-disable-next-line react-hooks/set-state-in-effect\n        updateHtml().catch(console.error);\n    }, [updateHtml]);\n\n    if (!show || html === '<br />' || html === null) {\n        return null;\n    }\n\n    return (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n"],"names":["SerializedText","value","gap","customClass","show","plugins","html","setHtml","useState","updateHtml","useCallback","htmlContent","serializeRawToHtmlAsync","useEffect","jsx"],"mappings":";;;AAOO,MAAMA,IAAiB,CAAC,EAAE,OAAAC,IAAQ,IAAI,KAAAC,GAAK,aAAAC,GAAa,MAAAC,IAAO,IAAM,SAAAC,QAAmC;AAC3G,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwB,IAAI,GAG9CC,IAAaC,EAAY,YAAY;AACvC,UAAMC,IAAc,MAAMC,EAAwBX,GAAOI,GAAS,QAAWH,GAAKC,CAAW;AAC7F,IAAAI,EAAQI,CAAW;AAAA,EACvB,GAAG,CAACV,GAAOC,GAAKG,GAASF,CAAW,CAAC;AAOrC,SALAU,EAAU,MAAM;AAEZ,IAAAJ,IAAa,MAAM,QAAQ,KAAK;AAAA,EACpC,GAAG,CAACA,CAAU,CAAC,GAEX,CAACL,KAAQE,MAAS,YAAYA,MAAS,OAChC,OAIP,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,yBAAyB,EAAE,QAAQR,EAAA;AAAA,IAAK;AAAA,EAAA;AAGpD;"}
+{"version":3,"file":"SerializedText.es.js","sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { serializeRawToHtmlAsync } from '@frontify/fondue/rte';\nimport { useEffect, useState } from 'react';\n\nimport { type SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, customClass, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    useEffect(() => {\n        const updateHtml = async () => {\n            const htmlContent = await serializeRawToHtmlAsync(value, plugins, undefined, gap, customClass);\n            setHtml(htmlContent);\n        };\n        updateHtml().catch(console.error);\n    }, [value, gap, plugins, customClass]);\n\n    if (!show || html === '<br />' || html === null) {\n        return null;\n    }\n\n    return (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n"],"names":["SerializedText","value","gap","customClass","show","plugins","html","setHtml","useState","useEffect","htmlContent","serializeRawToHtmlAsync","jsx"],"mappings":";;;AAOO,MAAMA,IAAiB,CAAC,EAAE,OAAAC,IAAQ,IAAI,KAAAC,GAAK,aAAAC,GAAa,MAAAC,IAAO,IAAM,SAAAC,QAAmC;AAC3G,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwB,IAAI;AAUpD,SARAC,EAAU,MAAM;AAKZ,KAJmB,YAAY;AAC3B,YAAMC,IAAc,MAAMC,EAAwBV,GAAOI,GAAS,QAAWH,GAAKC,CAAW;AAC7F,MAAAI,EAAQG,CAAW;AAAA,IACvB,KACa,MAAM,QAAQ,KAAK;AAAA,EACpC,GAAG,CAACT,GAAOC,GAAKG,GAASF,CAAW,CAAC,GAEjC,CAACC,KAAQE,MAAS,YAAYA,MAAS,OAChC,OAIP,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,yBAAyB,EAAE,QAAQN,EAAA;AAAA,IAAK;AAAA,EAAA;AAGpD;"}

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js

@@ -1,4 +1,4 @@
-import { PluginComposer as i, SoftBreakPlugin as t, TextStylePlugin as l, BoldPlugin as g, ItalicPlugin as u, UnderlinePlugin as o, StrikethroughPlugin as r, CodePlugin as P, AlignLeftPlugin as w, AlignCenterPlugin as s, AlignRightPlugin as m, AlignJustifyPlugin as a, UnorderedListPlugin as d, CheckboxListPlugin as f, OrderedListPlugin as y, ResetFormattingPlugin as h, AutoformatPlugin as p } from "@frontify/fondue";
+import { PluginComposer as i, SoftBreakPlugin as t, TextStylePlugin as l, BoldPlugin as g, ItalicPlugin as u, UnderlinePlugin as o, StrikethroughPlugin as r, CodePlugin as P, AlignLeftPlugin as w, AlignCenterPlugin as s, AlignRightPlugin as m, AlignJustifyPlugin as a, UnorderedListPlugin as d, CheckboxListPlugin as f, OrderedListPlugin as y, ResetFormattingPlugin as h, AutoformatPlugin as p } from "@frontify/fondue/rte";
 import { TextStylePluginsWithoutImage as T, TextStylesWithoutImage as n } from "../plugins/TextStylePlugins/helpers.es.js";
 import { LinkPlugin as x } from "../plugins/LinkPlugin/index.es.js";
 import { ButtonPlugin as L } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    OrderedListPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n    UnorderedListPlugin,\n} from '@frontify/fondue';\n\nimport { ButtonPlugin, LinkPlugin, TextStylePluginsWithoutImage, TextStylesWithoutImage } from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"names":["getDefaultPluginsWithLinkChooser","appBridge","PluginComposer","SoftBreakPlugin","TextStylePlugin","TextStylePluginsWithoutImage","BoldPlugin","ItalicPlugin","UnderlinePlugin","StrikethroughPlugin","LinkPlugin","ButtonPlugin","CodePlugin","AlignLeftPlugin","TextStylesWithoutImage","AlignCenterPlugin","AlignRightPlugin","AlignJustifyPlugin","UnorderedListPlugin","CheckboxListPlugin","OrderedListPlugin","ResetFormattingPlugin","AutoformatPlugin"],"mappings":";;;;AAyBO,MAAMA,IAAmC,CAACC,MACtC,IAAIC,IACN;AAAA,EACG,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAgB;AAAA,IAChB,YAAYC;AAAA,EAAA,CACf;AAAA,EAEJ;AAAA,EACG;AAAA,IACI,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAW,EAAE,WAAAT,GAAW;AAAA,IAC5B,IAAIU,EAAa,EAAE,WAAAV,GAAW;AAAA,IAC9B,IAAIW,EAAA;AAAA,EAAW;AAAA,EAEnB;AAAA,IACI,IAAIC,EAAgB,EAAE,YAAYC,GAAwB;AAAA,IAC1D,IAAIC,EAAkB,EAAE,YAAYD,GAAwB;AAAA,IAC5D,IAAIE,EAAiB,EAAE,YAAYF,GAAwB;AAAA,IAC3D,IAAIG,EAAmB,EAAE,YAAYH,GAAwB;AAAA,IAC7D,IAAII,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,EAAiB;AACzB;"}
+{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    OrderedListPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n    UnorderedListPlugin,\n} from '@frontify/fondue/rte';\n\nimport { ButtonPlugin, LinkPlugin, TextStylePluginsWithoutImage, TextStylesWithoutImage } from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"names":["getDefaultPluginsWithLinkChooser","appBridge","PluginComposer","SoftBreakPlugin","TextStylePlugin","TextStylePluginsWithoutImage","BoldPlugin","ItalicPlugin","UnderlinePlugin","StrikethroughPlugin","LinkPlugin","ButtonPlugin","CodePlugin","AlignLeftPlugin","TextStylesWithoutImage","AlignCenterPlugin","AlignRightPlugin","AlignJustifyPlugin","UnorderedListPlugin","CheckboxListPlugin","OrderedListPlugin","ResetFormattingPlugin","AutoformatPlugin"],"mappings":";;;;AAyBO,MAAMA,IAAmC,CAACC,MACtC,IAAIC,IACN;AAAA,EACG,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAgB;AAAA,IAChB,YAAYC;AAAA,EAAA,CACf;AAAA,EAEJ;AAAA,EACG;AAAA,IACI,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAW,EAAE,WAAAT,GAAW;AAAA,IAC5B,IAAIU,EAAa,EAAE,WAAAV,GAAW;AAAA,IAC9B,IAAIW,EAAA;AAAA,EAAW;AAAA,EAEnB;AAAA,IACI,IAAIC,EAAgB,EAAE,YAAYC,GAAwB;AAAA,IAC1D,IAAIC,EAAkB,EAAE,YAAYD,GAAwB;AAAA,IAC5D,IAAIE,EAAiB,EAAE,YAAYF,GAAwB;AAAA,IAC3D,IAAIG,EAAmB,EAAE,YAAYH,GAAwB;AAAA,IAC7D,IAAII,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,EAAiB;AACzB;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js

@@ -1,41 +1,40 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { BlockButtonStyles as m } from "../utils/styles.es.js";
-const b = (e) => {
-  var n, u;
-  const { attributes: t, children: r } = e, l = e.element.url || ((u = (n = e.element.chosenLink) == null ? void 0 : n.searchResult) == null ? void 0 : u.link) || "", s = e.element.target || "_self", o = String(e.element.buttonStyle) || "primary";
-  return /* @__PURE__ */ a(
-    i,
+import { jsx as u } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { BlockButtonStyles as c } from "../utils/styles.es.js";
+const v = (e) => {
+  const { attributes: t, children: o } = e, r = e.element.url || e.element.chosenLink?.searchResult?.link || "", l = e.element.target || "_self", n = String(e.element.buttonStyle) || "primary";
+  return /* @__PURE__ */ u(
+    m,
     {
       attributes: t,
-      href: l,
-      target: s,
-      styles: m[`button${o.charAt(0).toUpperCase() + o.slice(1)}`],
-      children: r
+      href: r,
+      target: l,
+      styles: c[`button${n.charAt(0).toUpperCase() + n.slice(1)}`],
+      children: o
     }
   );
-}, i = ({
+}, m = ({
   attributes: e,
   styles: t = { hover: {} },
-  children: r,
-  href: l = "#",
-  target: s
+  children: o,
+  href: r = "#",
+  target: l
 }) => {
-  const [o, n] = c(!1);
-  return /* @__PURE__ */ a(
+  const [n, s] = a(!1);
+  return /* @__PURE__ */ u(
     "a",
     {
       ...e,
-      onMouseEnter: () => n(!0),
-      onMouseLeave: () => n(!1),
-      href: l,
-      target: s,
-      style: o ? { ...t, ...t.hover } : t,
-      children: r
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      href: r,
+      target: l,
+      style: n ? { ...t, ...t.hover } : t,
+      children: o
     }
   );
 };
 export {
-  b as ButtonMarkupElementNode
+  v as ButtonMarkupElementNode
 };
 //# sourceMappingURL=ButtonMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, type Value } from '@frontify/fondue';\nimport { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { type TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["ButtonMarkupElementNode","props","attributes","children","href","_b","_a","target","buttonStyle","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;AAUO,MAAMA,IAA0B,CAACC,MAA2B;;AAC/D,QAAM,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaF,GAC3BG,IAAOH,EAAM,QAAQ,SAAOI,KAAAC,IAAAL,EAAM,QAAQ,eAAd,gBAAAK,EAA0B,iBAA1B,gBAAAD,EAAwC,SAAQ,IAC5EE,IAASN,EAAM,QAAQ,UAAU,SACjCO,IAAc,OAAOP,EAAM,QAAQ,WAAW,KAAK;AACzD,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAR;AAAA,MACA,MAAAE;AAAA,MACA,QAAAG;AAAA,MACA,QAAQI,EAAkB,SAASH,EAAY,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGb,GAUMO,IAAsB,CAAC;AAAA,EACzB,YAAAR;AAAA,EACA,QAAAU,IAAS,EAAE,OAAO,GAAC;AAAA,EACnB,UAAAT;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAG;AACJ,MAA2B;AACvB,QAAM,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGP;AAAA,MACJ,cAAc,MAAMY,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAV;AAAA,MACA,QAAAG;AAAA,MACA,OAAOM,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, type Value } from '@frontify/fondue/rte';\nimport { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { type TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["ButtonMarkupElementNode","props","attributes","children","href","target","buttonStyle","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;AAUO,MAAMA,IAA0B,CAACC,MAA2B;AAC/D,QAAM,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaF,GAC3BG,IAAOH,EAAM,QAAQ,OAAOA,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5EI,IAASJ,EAAM,QAAQ,UAAU,SACjCK,IAAc,OAAOL,EAAM,QAAQ,WAAW,KAAK;AACzD,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAN;AAAA,MACA,MAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAQI,EAAkB,SAASH,EAAY,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb,GAUMK,IAAsB,CAAC;AAAA,EACzB,YAAAN;AAAA,EACA,QAAAQ,IAAS,EAAE,OAAO,GAAC;AAAA,EACnB,UAAAP;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AACJ,MAA2B;AACvB,QAAM,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,cAAc,MAAMU,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAR;AAAA,MACA,QAAAC;AAAA,MACA,OAAOM,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.es.js

@@ -1,4 +1,4 @@
-import { MarkupElement as o } from "@frontify/fondue";
+import { MarkupElement as o } from "@frontify/fondue/rte";
 import { ELEMENT_BUTTON as e } from "../createButtonPlugin.es.js";
 import { ButtonMarkupElementNode as m } from "./ButtonMarkupElementNode.es.js";
 class s extends o {

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonMarkupElementNode } from './ButtonMarkupElementNode';\n\nexport class ButtonMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_BUTTON, node = ButtonMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["ButtonMarkupElement","MarkupElement","id","ELEMENT_BUTTON","node","ButtonMarkupElementNode"],"mappings":";;;AAQO,MAAMA,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAgBC,IAAOC,GAAyB;AAC7D,UAAMH,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonMarkupElementNode } from './ButtonMarkupElementNode';\n\nexport class ButtonMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_BUTTON, node = ButtonMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["ButtonMarkupElement","MarkupElement","id","ELEMENT_BUTTON","node","ButtonMarkupElementNode"],"mappings":";;;AAQO,MAAMA,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAgBC,IAAOC,GAAyB;AAC7D,UAAMH,GAAIE,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js

@@ -1,19 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useEditorState as r, useEventPlateId as a, isRangeInSameBlock as c, getPluginType as m, someNode as p, getTooltip as u, getHotkeyByPlatform as d } from "@frontify/fondue";
+import { useEditorState as l, useEventPlateId as a, isRangeInSameBlock as c, getPluginType as d, someNode as m, getTooltip as p, getHotkeyByPlatform as u } from "@frontify/fondue/rte";
 import { ELEMENT_BUTTON as B } from "../createButtonPlugin.es.js";
 import { ButtonToolbarButton as f } from "./ButtonToolbarButton.es.js";
 const y = ({ editorId: n, id: i }) => {
-  const t = r(a(n)), o = !!c(t, {
+  const t = l(a(n)), o = !!c(t, {
     at: t.selection
-  }), s = m(t, B), l = !!(t != null && t.selection) && p(t, { match: { type: s } });
+  }), s = d(t, B), r = !!t?.selection && m(t, { match: { type: s } });
   return /* @__PURE__ */ e("div", { "data-plugin-id": i, children: /* @__PURE__ */ e(
     f,
     {
-      pressed: l,
+      pressed: r,
       disabled: !o,
-      tooltip: u(
+      tooltip: p(
         o ? `Button
-${d("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
+${u("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
       )
     }
   ) });

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["ButtonButton","editorId","id","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","type","getPluginType","ELEMENT_BUTTON","isLink","someNode","jsx","ButtonToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;;AAiBO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,IAAAC,QAA4B;AACjE,QAAMC,IAASC,EAAeC,EAAgBJ,CAAQ,CAAC,GACjDK,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAOC,EAAcN,GAAQO,CAAc,GAC3CC,IAAS,CAAC,EAACR,KAAA,QAAAA,EAAQ,cAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAK,EAAA,GAAQ;AAE1E,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBX,GACjB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH;AAAA,MACT,UAAU,CAACL;AAAA,MACX,SAASS;AAAA,QACLT,IACM;AAAA,EAAWU,EAAoB,cAAc,CAAC,KAC9C;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["ButtonButton","editorId","id","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","type","getPluginType","ELEMENT_BUTTON","isLink","someNode","jsx","ButtonToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;;AAiBO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,IAAAC,QAA4B;AACjE,QAAMC,IAASC,EAAeC,EAAgBJ,CAAQ,CAAC,GACjDK,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAOC,EAAcN,GAAQO,CAAc,GAC3CC,IAAS,CAAC,CAACR,GAAQ,aAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAK,EAAA,GAAQ;AAE1E,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBX,GACjB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH;AAAA,MACT,UAAU,CAACL;AAAA,MACX,SAASS;AAAA,QACLT,IACM;AAAA,EAAWU,EAAoB,cAAc,CAAC,KAC9C;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.es.js

@@ -1,26 +1,27 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useEditorRef as i, ToolbarButton as u, IconStylingWrapper as c, IconButton16 as l, focusEditor as f } from "@frontify/fondue";
-import { forwardRef as p } from "react";
-import { triggerFloatingButton as a } from "../utils/triggerFloatingButton.es.js";
-const m = p((r, n) => {
-  const o = i();
+import { IconButton as i } from "@frontify/fondue/icons";
+import { useEditorRef as u, ToolbarButton as c, IconStylingWrapper as f, focusEditor as l } from "@frontify/fondue/rte";
+import { forwardRef as m } from "react";
+import { triggerFloatingButton as p } from "../utils/triggerFloatingButton.es.js";
+const s = m((r, e) => {
+  const o = u();
   return /* @__PURE__ */ t(
-    u,
+    c,
     {
-      ref: n,
+      ref: e,
       ...r,
-      onMouseDown: (e) => {
-        e.preventDefault(), f(o, o.selection ?? o.prevSelection ?? void 0);
+      onMouseDown: (n) => {
+        n.preventDefault(), l(o, o.selection ?? o.prevSelection ?? void 0);
       },
       onClick: () => {
-        a(o, { focused: !0 });
+        p(o, { focused: !0 });
       },
-      children: /* @__PURE__ */ t(c, { icon: /* @__PURE__ */ t(l, {}) })
+      children: /* @__PURE__ */ t(f, { icon: /* @__PURE__ */ t(i, { size: 16 }) })
     }
   );
 });
-m.displayName = "ButtonToolbarButton";
+s.displayName = "ButtonToolbarButton";
 export {
-  m as ButtonToolbarButton
+  s as ButtonToolbarButton
 };
 //# sourceMappingURL=ButtonToolbarButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconButton16, IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue';\nimport { type ReactNode, forwardRef } from 'react';\n\nimport { triggerFloatingButton } from '../utils';\n\nexport const ButtonToolbarButton = forwardRef<\n    HTMLButtonElement,\n    { disabled: boolean; tooltip: ReactNode; pressed: boolean }\n>((rootProps, ref) => {\n    const editor = useEditorRef();\n\n    return (\n        <ToolbarButton\n            ref={ref}\n            {...rootProps}\n            onMouseDown={(event) => {\n                event.preventDefault();\n                focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n            }}\n            onClick={() => {\n                triggerFloatingButton(editor, { focused: true });\n            }}\n        >\n            <IconStylingWrapper icon={<IconButton16 />} />\n        </ToolbarButton>\n    );\n});\n\nButtonToolbarButton.displayName = 'ButtonToolbarButton';\n"],"names":["ButtonToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","jsx","ToolbarButton","event","focusEditor","triggerFloatingButton","IconStylingWrapper","IconButton16"],"mappings":";;;;AAOO,MAAMA,IAAsBC,EAGjC,CAACC,GAAWC,MAAQ;AAClB,QAAMC,IAASC,EAAA;AAEf,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,aAAa,CAACM,MAAU;AACpB,QAAAA,EAAM,eAAA,GACNC,EAAYL,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,MAC7E;AAAA,MACA,SAAS,MAAM;AACX,QAAAM,EAAsBN,GAAQ,EAAE,SAAS,GAAA,CAAM;AAAA,MACnD;AAAA,MAEA,UAAA,gBAAAE,EAACK,GAAA,EAAmB,MAAM,gBAAAL,EAACM,KAAa,EAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAGxD,CAAC;AAEDZ,EAAoB,cAAc;"}
+{"version":3,"file":"ButtonToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconButton } from '@frontify/fondue/icons';\nimport { IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue/rte';\nimport { type ReactNode, forwardRef } from 'react';\n\nimport { triggerFloatingButton } from '../utils';\n\nexport const ButtonToolbarButton = forwardRef<\n    HTMLButtonElement,\n    { disabled: boolean; tooltip: ReactNode; pressed: boolean }\n>((rootProps, ref) => {\n    const editor = useEditorRef();\n\n    return (\n        <ToolbarButton\n            ref={ref}\n            {...rootProps}\n            onMouseDown={(event) => {\n                event.preventDefault();\n                focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n            }}\n            onClick={() => {\n                triggerFloatingButton(editor, { focused: true });\n            }}\n        >\n            <IconStylingWrapper icon={<IconButton size={16} />} />\n        </ToolbarButton>\n    );\n});\n\nButtonToolbarButton.displayName = 'ButtonToolbarButton';\n"],"names":["ButtonToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","jsx","ToolbarButton","event","focusEditor","triggerFloatingButton","IconStylingWrapper","IconButton"],"mappings":";;;;;AAQO,MAAMA,IAAsBC,EAGjC,CAACC,GAAWC,MAAQ;AAClB,QAAMC,IAASC,EAAA;AAEf,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,aAAa,CAACM,MAAU;AACpB,QAAAA,EAAM,eAAA,GACNC,EAAYL,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,MAC7E;AAAA,MACA,SAAS,MAAM;AACX,QAAAM,EAAsBN,GAAQ,EAAE,SAAS,GAAA,CAAM;AAAA,MACnD;AAAA,MAEA,4BAACO,GAAA,EAAmB,wBAAOC,GAAA,EAAW,MAAM,IAAI,EAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAGhE,CAAC;AAEDZ,EAAoB,cAAc;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.es.js

@@ -1,5 +1,5 @@
 import { jsxs as g, Fragment as b, jsx as t } from "react/jsx-runtime";
-import { useEditorRef as B, TextStyles as d, offset as E, flip as F } from "@frontify/fondue";
+import { useEditorRef as B, TextStyles as d, offset as E, flip as F } from "@frontify/fondue/rte";
 import { createPortal as m } from "react-dom";
 import { BlockStyles as l } from "../../../styles.es.js";
 import { EditModal as x } from "./EditButtonModal/EditModal.es.js";

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen &&\n                mode === 'insert' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...insertProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {isOpen &&\n                mode === 'edit' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...editProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingButton","insertRef","insertProps","useFloatingButtonInsert","editRef","editProps","useFloatingButtonEdit","editor","useEditorRef","state","useFloatingButtonSelectors","isOpen","isEditing","mode","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAEaC,IAAuB,MAAM;AACtC,QAAM,EAAE,KAAKC,GAAW,GAAGC,EAAA,IAAgBC,EAAwBN,CAAe,GAC5E,EAAE,KAAKO,GAAS,GAAGC,EAAA,IAAcC,EAAsBT,CAAe,GACtEU,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAASF,EAAM,OAAOF,EAAO,EAAE,GAC/BK,IAAYH,EAAM,UAAA,GAClBI,IAAOJ,EAAM,KAAA,GAEbK,sBAASC,GAAA,EAAkB,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAA,CAAA,CAAU;AAEnD,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAT,KACGE,MAAS,YACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKhB;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAY,OAAO,GAAGoB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEzD,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBH,KACGE,MAAS,UACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAU,OAAO,GAAGiB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEvD,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}
+{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue/rte';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen &&\n                mode === 'insert' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...insertProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {isOpen &&\n                mode === 'edit' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...editProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingButton","insertRef","insertProps","useFloatingButtonInsert","editRef","editProps","useFloatingButtonEdit","editor","useEditorRef","state","useFloatingButtonSelectors","isOpen","isEditing","mode","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAEaC,IAAuB,MAAM;AACtC,QAAM,EAAE,KAAKC,GAAW,GAAGC,EAAA,IAAgBC,EAAwBN,CAAe,GAC5E,EAAE,KAAKO,GAAS,GAAGC,EAAA,IAAcC,EAAsBT,CAAe,GACtEU,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAASF,EAAM,OAAOF,EAAO,EAAE,GAC/BK,IAAYH,EAAM,UAAA,GAClBI,IAAOJ,EAAM,KAAA,GAEbK,sBAASC,GAAA,EAAkB,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAA,CAAA,CAAU;AAEnD,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAT,KACGE,MAAS,YACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKhB;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAY,OAAO,GAAGoB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEzD,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBH,KACGE,MAAS,UACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAU,OAAO,GAAGiB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEvD,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.es.js

@@ -1,13 +1,14 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { useEditorRef as n, FloatingModalWrapper as i, IconPen16 as a, IconTrashBin16 as l, focusEditor as d } from "@frontify/fondue";
-import { LINK_PLUGIN as s } from "../../../../LinkPlugin/id.es.js";
+import { IconPen as n, IconTrashBin as i } from "@frontify/fondue/icons";
+import { useEditorRef as a, FloatingModalWrapper as l, focusEditor as s } from "@frontify/fondue/rte";
+import { LINK_PLUGIN as d } from "../../../../LinkPlugin/id.es.js";
 import { BlockStyles as c } from "../../../../styles.es.js";
 import { floatingButtonSelectors as r } from "../floatingButtonStore.es.js";
-import { triggerFloatingButtonEdit as u } from "../../../utils/triggerFloatingButtonEdit.es.js";
-import { unwrapButton as p } from "../../../transforms/unwrapButton.es.js";
-const k = () => {
-  const o = n();
-  return /* @__PURE__ */ t(i, { padding: "16px", minWidth: "400px", "data-test-id": "floating-button-edit", children: /* @__PURE__ */ e("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
+import { triggerFloatingButtonEdit as p } from "../../../utils/triggerFloatingButtonEdit.es.js";
+import { unwrapButton as u } from "../../../transforms/unwrapButton.es.js";
+const N = () => {
+  const o = a();
+  return /* @__PURE__ */ t(l, { padding: "16px", minWidth: "400px", "data-test-id": "floating-button-edit", children: /* @__PURE__ */ e("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
     /* @__PURE__ */ t(
       "a",
       {
@@ -15,7 +16,7 @@ const k = () => {
         href: r.url(),
         target: "_blank",
         rel: "noopener noreferrer",
-        style: c[s],
+        style: c[d],
         className: "tw-break-all",
         children: r.url()
       }
@@ -25,30 +26,30 @@ const k = () => {
         "button",
         {
           onClick: () => {
-            u(o);
+            p(o);
           },
           tabIndex: 0,
           "data-test-id": "edit-button-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t(a, {})
+          children: /* @__PURE__ */ t(n, { size: 16 })
         }
       ),
       /* @__PURE__ */ t(
         "button",
         {
           onClick: () => {
-            p(o), d(o, o.selection ?? void 0);
+            u(o), s(o, o.selection ?? void 0);
           },
           tabIndex: 0,
           "data-test-id": "remove-button-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t(l, {})
+          children: /* @__PURE__ */ t(i, { size: 16 })
         }
       )
     ] })
   ] }) });
 };
 export {
-  k as EditModal
+  N as EditModal
 };
 //# sourceMappingURL=EditModal.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FloatingModalWrapper, IconPen16, IconTrashBin16, focusEditor, useEditorRef } from '@frontify/fondue';\n\nimport { LINK_PLUGIN } from '../../../../LinkPlugin/id';\nimport { BlockStyles } from '../../../../styles';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\nimport { floatingButtonSelectors } from '../floatingButtonStore';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <FloatingModalWrapper padding=\"16px\" minWidth=\"400px\" data-test-id=\"floating-button-edit\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-button-edit-url\"\n                    href={floatingButtonSelectors.url()}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {floatingButtonSelectors.url()}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        onClick={() => {\n                            triggerFloatingButtonEdit(editor);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"edit-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen16 />\n                    </button>\n\n                    <button\n                        onClick={() => {\n                            unwrapButton(editor);\n                            focusEditor(editor, editor.selection ?? undefined);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin16 />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","FloatingModalWrapper","jsxs","floatingButtonSelectors","BlockStyles","LINK_PLUGIN","triggerFloatingButtonEdit","IconPen16","unwrapButton","focusEditor","IconTrashBin16"],"mappings":";;;;;;;AAUO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC,EAAA;AACf,SACI,gBAAAC,EAACC,GAAA,EAAqB,SAAQ,QAAO,UAAS,SAAQ,gBAAa,wBAC/D,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,yBAAwB,WAAU,uDACjD,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMG,EAAwB,IAAA;AAAA,QAC9B,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOC,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,YAAwB,IAAA;AAAA,MAAI;AAAA,IAAA;AAAA,IAEjC,gBAAAH,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAM,EAA0BR,CAAM;AAAA,UACpC;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,4BAACS,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAQ,EAAaV,CAAM,GACnBW,EAAYX,GAAQA,EAAO,aAAa,MAAS;AAAA,UACrD;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,4BAACY,GAAA,CAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, focusEditor, useEditorRef } from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../../../../LinkPlugin/id';\nimport { BlockStyles } from '../../../../styles';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\nimport { floatingButtonSelectors } from '../floatingButtonStore';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <FloatingModalWrapper padding=\"16px\" minWidth=\"400px\" data-test-id=\"floating-button-edit\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-button-edit-url\"\n                    href={floatingButtonSelectors.url()}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {floatingButtonSelectors.url()}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        onClick={() => {\n                            triggerFloatingButtonEdit(editor);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"edit-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        onClick={() => {\n                            unwrapButton(editor);\n                            focusEditor(editor, editor.selection ?? undefined);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","FloatingModalWrapper","jsxs","floatingButtonSelectors","BlockStyles","LINK_PLUGIN","triggerFloatingButtonEdit","IconPen","unwrapButton","focusEditor","IconTrashBin"],"mappings":";;;;;;;;AAWO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC,EAAA;AACf,SACI,gBAAAC,EAACC,GAAA,EAAqB,SAAQ,QAAO,UAAS,SAAQ,gBAAa,wBAC/D,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,yBAAwB,WAAU,uDACjD,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMG,EAAwB,IAAA;AAAA,QAC9B,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOC,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,YAAwB,IAAA;AAAA,MAAI;AAAA,IAAA;AAAA,IAEjC,gBAAAH,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAM,EAA0BR,CAAM;AAAA,UACpC;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAQ,EAAaV,CAAM,GACnBW,EAAYX,GAAQA,EAAO,aAAa,MAAS;AAAA,UACrD;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACU,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}