@frontify/fondue 11.0.0 → 11.1.0

package/dist/components/AssetInput/SingleAsset/SelectedAsset.es.js

@@ -1,73 +1,74 @@
-import { ActionMenu as R } from "../../ActionMenu/ActionMenu/ActionMenu.es.js";
+import { ActionMenu as T } from "../../ActionMenu/ActionMenu/ActionMenu.es.js";
 import I from "../../../foundation/Icon/Generated/IconCaretDown.es.js";
 import { IconSize as P } from "../../../foundation/Icon/IconSize.es.js";
-import { useMemoizedId as p } from "../../../hooks/useMemoizedId.es.js";
-import { useButton as T } from "@react-aria/button";
-import { useFocusRing as B, FocusScope as D } from "@react-aria/focus";
-import { useMenuTrigger as z } from "@react-aria/menu";
-import { useOverlay as M, DismissButton as h } from "@react-aria/overlays";
-import { mergeProps as W } from "@react-aria/utils";
-import { useMenuTriggerState as j } from "@react-stately/menu";
-import { FOCUS_STYLE as L } from "../../../utilities/focusStyle.es.js";
+import { useMemoizedId as h } from "../../../hooks/useMemoizedId.es.js";
+import { useButton as B } from "@react-aria/button";
+import { useFocusRing as D, FocusScope as z } from "@react-aria/focus";
+import { useMenuTrigger as M } from "@react-aria/menu";
+import { useOverlay as W, DismissButton as g } from "@react-aria/overlays";
+import { mergeProps as j } from "@react-aria/utils";
+import { useMenuTriggerState as L } from "@react-stately/menu";
+import { FOCUS_STYLE as Y } from "../../../utilities/focusStyle.es.js";
 import { merge as s } from "../../../utilities/merge.es.js";
-import { AnimatePresence as Y, motion as U } from "framer-motion";
-import t, { useRef as g, useState as V, useEffect as _ } from "react";
-import { AssetInputSize as c } from "../AssetInput.es.js";
-import { AssetThumbnail as $ } from "../AssetThumbnail.es.js";
-import { AssetSubline as q } from "./AssetSubline.es.js";
-import { SpinningCircle as G } from "./SpinningCircle.es.js";
-const ut = ({ asset: e, size: n, actions: x, isLoading: a }) => {
-  const E = p(), m = p(), r = g(null), o = j({ closeOnSelect: !0 }), { isOpen: l, focusStrategy: v } = o, { menuTriggerProps: k } = z({}, o, r), { buttonProps: y } = T(k, r), { isFocusVisible: i, focusProps: S } = B(), w = g(null), { overlayProps: N } = M({ onClose: () => o.close(), shouldCloseOnBlur: !0, isOpen: l, isDismissable: !0 }, w), u = (e == null ? void 0 : e.name) || "Your Asset", [A, C] = V(0);
-  return _(() => {
-    const F = () => {
-      var d, b;
-      const O = (b = (d = r.current) == null ? void 0 : d.getBoundingClientRect().width) != null ? b : 0;
-      setTimeout(() => C(O), 0);
-    }, f = new ResizeObserver(F);
-    return r.current && f.observe(r.current), () => {
-      f.disconnect();
+import { AnimatePresence as U, motion as V } from "framer-motion";
+import t, { useRef as x, useState as _, useEffect as $ } from "react";
+import { AssetInputSize as a } from "../AssetInput.es.js";
+import { AssetThumbnail as q } from "../AssetThumbnail.es.js";
+import { AssetSubline as G } from "./AssetSubline.es.js";
+import { SpinningCircle as H } from "./SpinningCircle.es.js";
+const ft = ({ asset: e, size: n, actions: E, isLoading: m }) => {
+  const v = h(), w = h(), r = x(null), o = L({ closeOnSelect: !0 }), { isOpen: l, focusStrategy: k } = o, { menuTriggerProps: y } = M({}, o, r), { buttonProps: S } = B(y, r), { isFocusVisible: i, focusProps: N } = D(), u = x(null), { overlayProps: A } = W({ onClose: () => o.close(), shouldCloseOnBlur: !0, isOpen: l, isDismissable: !0 }, u), f = (e == null ? void 0 : e.name) || "Your Asset", [C, F] = _(0);
+  return $(() => {
+    let c = null;
+    const O = () => {
+      var b, p;
+      const R = (p = (b = r.current) == null ? void 0 : b.getBoundingClientRect().width) != null ? p : 0;
+      c = setTimeout(() => F(R), 0);
+    }, d = new ResizeObserver(O);
+    return r.current && d.observe(r.current), () => {
+      c && clearTimeout(c), d.disconnect();
     };
   }, []), /* @__PURE__ */ t.createElement("div", {
     className: "tw-font-sans tw-w-full tw-text-s tw-bg-transparent tw-font-normal tw-min-w-0",
-    "aria-labelledby": m,
-    title: u,
+    "aria-labelledby": w,
+    title: f,
     "data-test-id": "asset-single-input"
   }, /* @__PURE__ */ t.createElement("button", {
-    ...W(y, S),
+    ...j(S, N),
     ref: r,
     className: s([
       "tw-w-full tw-flex tw-border tw-rounded tw-overflow-hidden hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none",
-      i && L,
-      n === c.Large ? "tw-h-[11.5rem] tw-flex-col" : "tw-h-14",
+      i && Y,
+      n === a.Large ? "tw-h-[11.5rem] tw-flex-col" : "tw-h-14",
       l || i ? "tw-border-black-90 dark:tw-border-black-10" : "tw-border-black-20 dark:tw-border-black-80"
     ])
-  }, a && !e && /* @__PURE__ */ t.createElement("div", {
+  }, m && !e && /* @__PURE__ */ t.createElement("div", {
     className: s([
       "tw-flex tw-justify-center tw-items-center",
-      n === c.Large ? "tw-w-full tw-h-32" : "tw-w-14 tw-h-full"
+      n === a.Large ? "tw-w-full tw-h-32" : "tw-w-14 tw-h-full"
     ])
-  }, /* @__PURE__ */ t.createElement(G, {
+  }, /* @__PURE__ */ t.createElement(H, {
     size: n
-  })), e && /* @__PURE__ */ t.createElement($, {
+  })), e && /* @__PURE__ */ t.createElement(q, {
     asset: e,
     size: n,
     isActive: l || i
   }), /* @__PURE__ */ t.createElement("div", {
     className: s([
       "tw-min-w-0 tw-max-w-full tw-flex tw-flex-auto tw-self-stretch tw-border-black-100 tw-border-opacity-25",
-      n === c.Large ? "tw-h-14 tw-border-t" : "tw-h-full tw-border-l"
+      n === a.Large ? "tw-h-14 tw-border-t" : "tw-h-full tw-border-l"
     ])
   }, /* @__PURE__ */ t.createElement("div", {
     className: "tw-min-w-0 tw-pr-3 tw-pl-4 tw-flex tw-flex-auto tw-flex-col tw-items-start tw-justify-center tw-h-full"
   }, /* @__PURE__ */ t.createElement("span", {
-    id: m,
+    id: w,
     className: s([
       "tw-max-w-full tw-text-black-100 tw-text-s tw-truncate dark:tw-text-white",
       (l || i) && "tw-font-medium"
     ])
-  }, u), /* @__PURE__ */ t.createElement(q, {
+  }, f), /* @__PURE__ */ t.createElement(G, {
     asset: e,
-    isLoading: a
+    isLoading: m
   })), /* @__PURE__ */ t.createElement("div", {
     className: "tw-p-4 tw-flex tw-flex-none tw-items-center tw-justify-center"
   }, /* @__PURE__ */ t.createElement("span", {
@@ -77,33 +78,33 @@ const ut = ({ asset: e, size: n, actions: x, isLoading: a }) => {
     ])
   }, /* @__PURE__ */ t.createElement(I, {
     size: P.Size16
-  }))))), /* @__PURE__ */ t.createElement(Y, null, l && /* @__PURE__ */ t.createElement(U.div, {
+  }))))), /* @__PURE__ */ t.createElement(U, null, l && /* @__PURE__ */ t.createElement(V.div, {
     style: {
-      width: A
+      width: C
     },
     className: "tw-absolute tw-left-auto tw-w-full tw-overflow-hidden tw-box-border tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-20",
     "data-test-id": "asset-single-input-flyout",
-    key: `asset-input-menu-${E}`,
+    key: `asset-input-menu-${v}`,
     initial: { height: 0 },
     animate: { height: "auto" },
     exit: { height: 0 },
     transition: { ease: [0.04, 0.62, 0.23, 0.98], duration: 0.5 }
-  }, /* @__PURE__ */ t.createElement(D, {
+  }, /* @__PURE__ */ t.createElement(z, {
     restoreFocus: !0
   }, /* @__PURE__ */ t.createElement("div", {
-    ...N,
-    ref: w
-  }, /* @__PURE__ */ t.createElement(h, {
+    ...A,
+    ref: u
+  }, /* @__PURE__ */ t.createElement(g, {
     onDismiss: () => o.close()
-  }), /* @__PURE__ */ t.createElement(R, {
-    menuBlocks: x,
-    focus: v,
+  }), /* @__PURE__ */ t.createElement(T, {
+    menuBlocks: E,
+    focus: k,
     onClick: () => o.close()
-  }), /* @__PURE__ */ t.createElement(h, {
+  }), /* @__PURE__ */ t.createElement(g, {
     onDismiss: () => o.close()
   }))))));
 };
 export {
-  ut as SelectedAsset
+  ft as SelectedAsset
 };
 //# sourceMappingURL=SelectedAsset.es.js.map

package/dist/components/AssetInput/SingleAsset/SelectedAsset.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedAsset.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/SelectedAsset.tsx"],"sourcesContent":["import { ActionMenu } from '@components/ActionMenu/ActionMenu/ActionMenu';\nimport IconCaretDown from '@foundation/Icon/Generated/IconCaretDown';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { useButton } from '@react-aria/button';\nimport { FocusScope, useFocusRing } from '@react-aria/focus';\nimport { useMenuTrigger } from '@react-aria/menu';\nimport { DismissButton, useOverlay } from '@react-aria/overlays';\nimport { mergeProps } from '@react-aria/utils';\nimport { useMenuTriggerState } from '@react-stately/menu';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React, { FC, useEffect, useRef, useState } from 'react';\nimport { AssetInputProps, AssetInputSize, AssetType } from '../AssetInput';\nimport { AssetThumbnail } from '../AssetThumbnail';\nimport { AssetSubline } from './AssetSubline';\nimport { SpinningCircle } from './SpinningCircle';\n\nexport type SelectedAssetProps = Pick<AssetInputProps, 'actions' | 'isLoading' | 'size'> & {\n    asset: AssetType;\n};\n\nexport const SelectedAsset: FC<Required<SelectedAssetProps>> = ({ asset, size, actions, isLoading }) => {\n    const menuId = useMemoizedId();\n    const labelId = useMemoizedId();\n    const buttonRef = useRef<HTMLButtonElement | null>(null);\n    const menuState = useMenuTriggerState({ closeOnSelect: true });\n    const { isOpen, focusStrategy } = menuState;\n    const { menuTriggerProps } = useMenuTrigger({}, menuState, buttonRef);\n    const { buttonProps } = useButton(menuTriggerProps, buttonRef);\n    const { isFocusVisible, focusProps } = useFocusRing();\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n    const { overlayProps } = useOverlay(\n        { onClose: () => menuState.close(), shouldCloseOnBlur: true, isOpen, isDismissable: true },\n        overlayRef,\n    );\n    const title = asset?.name || 'Your Asset';\n\n    const [flyoutWidth, setFlyoutWidth] = useState(0);\n\n    useEffect(() => {\n        const calculateFlyoutWidth = () => {\n            const calculatedWidth = buttonRef.current?.getBoundingClientRect().width ?? 0;\n            setTimeout(() => setFlyoutWidth(calculatedWidth), 0);\n        };\n        const resizeObserver = new ResizeObserver(calculateFlyoutWidth);\n        if (buttonRef.current) {\n            resizeObserver.observe(buttonRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n    }, []);\n\n    return (\n        <div\n            className=\"tw-font-sans tw-w-full tw-text-s tw-bg-transparent tw-font-normal tw-min-w-0\"\n            aria-labelledby={labelId}\n            title={title}\n            data-test-id=\"asset-single-input\"\n        >\n            <button\n                {...mergeProps(buttonProps, focusProps)}\n                ref={buttonRef}\n                className={merge([\n                    'tw-w-full tw-flex tw-border tw-rounded tw-overflow-hidden hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none',\n                    isFocusVisible && FOCUS_STYLE,\n                    size === AssetInputSize.Large ? 'tw-h-[11.5rem] tw-flex-col' : 'tw-h-14',\n                    isOpen || isFocusVisible\n                        ? 'tw-border-black-90 dark:tw-border-black-10'\n                        : 'tw-border-black-20 dark:tw-border-black-80',\n                ])}\n            >\n                {isLoading && !asset && (\n                    <div\n                        className={merge([\n                            'tw-flex tw-justify-center tw-items-center',\n                            size === AssetInputSize.Large ? 'tw-w-full tw-h-32' : 'tw-w-14 tw-h-full',\n                        ])}\n                    >\n                        <SpinningCircle size={size} />\n                    </div>\n                )}\n                {asset && <AssetThumbnail asset={asset} size={size} isActive={isOpen || isFocusVisible} />}\n                <div\n                    className={merge([\n                        'tw-min-w-0 tw-max-w-full tw-flex tw-flex-auto tw-self-stretch tw-border-black-100 tw-border-opacity-25',\n                        size === AssetInputSize.Large ? 'tw-h-14 tw-border-t' : 'tw-h-full tw-border-l',\n                    ])}\n                >\n                    <div className=\"tw-min-w-0 tw-pr-3 tw-pl-4 tw-flex tw-flex-auto tw-flex-col tw-items-start tw-justify-center tw-h-full\">\n                        <span\n                            id={labelId}\n                            className={merge([\n                                'tw-max-w-full tw-text-black-100 tw-text-s tw-truncate dark:tw-text-white',\n                                (isOpen || isFocusVisible) && 'tw-font-medium',\n                            ])}\n                        >\n                            {title}\n                        </span>\n                        <AssetSubline asset={asset} isLoading={isLoading} />\n                    </div>\n                    <div className=\"tw-p-4 tw-flex tw-flex-none tw-items-center tw-justify-center\">\n                        <span\n                            className={merge([\n                                'tw-transition-transform',\n                                isOpen ? 'tw-rotate-180 tw-text-black-90' : 'tw-text-black-60',\n                            ])}\n                        >\n                            <IconCaretDown size={IconSize.Size16} />\n                        </span>\n                    </div>\n                </div>\n            </button>\n\n            <AnimatePresence>\n                {isOpen && (\n                    <motion.div\n                        style={{\n                            width: flyoutWidth,\n                        }}\n                        className=\"tw-absolute tw-left-auto tw-w-full tw-overflow-hidden tw-box-border tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-20\"\n                        data-test-id=\"asset-single-input-flyout\"\n                        key={`asset-input-menu-${menuId}`}\n                        initial={{ height: 0 }}\n                        animate={{ height: 'auto' }}\n                        exit={{ height: 0 }}\n                        transition={{ ease: [0.04, 0.62, 0.23, 0.98], duration: 0.5 }}\n                    >\n                        <FocusScope restoreFocus>\n                            <div {...overlayProps} ref={overlayRef}>\n                                <DismissButton onDismiss={() => menuState.close()} />\n                                <ActionMenu\n                                    menuBlocks={actions}\n                                    focus={focusStrategy}\n                                    onClick={() => menuState.close()}\n                                />\n                                <DismissButton onDismiss={() => menuState.close()} />\n                            </div>\n                        </FocusScope>\n                    </motion.div>\n                )}\n            </AnimatePresence>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectedAsset.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/SelectedAsset.tsx"],"sourcesContent":["import { ActionMenu } from '@components/ActionMenu/ActionMenu/ActionMenu';\nimport IconCaretDown from '@foundation/Icon/Generated/IconCaretDown';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { useButton } from '@react-aria/button';\nimport { FocusScope, useFocusRing } from '@react-aria/focus';\nimport { useMenuTrigger } from '@react-aria/menu';\nimport { DismissButton, useOverlay } from '@react-aria/overlays';\nimport { mergeProps } from '@react-aria/utils';\nimport { useMenuTriggerState } from '@react-stately/menu';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React, { FC, useEffect, useRef, useState } from 'react';\nimport { AssetInputProps, AssetInputSize, AssetType } from '../AssetInput';\nimport { AssetThumbnail } from '../AssetThumbnail';\nimport { AssetSubline } from './AssetSubline';\nimport { SpinningCircle } from './SpinningCircle';\n\nexport type SelectedAssetProps = Pick<AssetInputProps, 'actions' | 'isLoading' | 'size'> & {\n    asset: AssetType;\n};\n\nexport const SelectedAsset: FC<Required<SelectedAssetProps>> = ({ asset, size, actions, isLoading }) => {\n    const menuId = useMemoizedId();\n    const labelId = useMemoizedId();\n    const buttonRef = useRef<HTMLButtonElement | null>(null);\n    const menuState = useMenuTriggerState({ closeOnSelect: true });\n    const { isOpen, focusStrategy } = menuState;\n    const { menuTriggerProps } = useMenuTrigger({}, menuState, buttonRef);\n    const { buttonProps } = useButton(menuTriggerProps, buttonRef);\n    const { isFocusVisible, focusProps } = useFocusRing();\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n    const { overlayProps } = useOverlay(\n        { onClose: () => menuState.close(), shouldCloseOnBlur: true, isOpen, isDismissable: true },\n        overlayRef,\n    );\n    const title = asset?.name || 'Your Asset';\n\n    const [flyoutWidth, setFlyoutWidth] = useState(0);\n\n    useEffect(() => {\n        let timer: NodeJS.Timeout | null = null;\n        const calculateFlyoutWidth = () => {\n            const calculatedWidth = buttonRef.current?.getBoundingClientRect().width ?? 0;\n            timer = setTimeout(() => setFlyoutWidth(calculatedWidth), 0);\n        };\n        const resizeObserver = new ResizeObserver(calculateFlyoutWidth);\n        if (buttonRef.current) {\n            resizeObserver.observe(buttonRef.current);\n        }\n\n        return () => {\n            timer && clearTimeout(timer);\n            resizeObserver.disconnect();\n        };\n    }, []);\n\n    return (\n        <div\n            className=\"tw-font-sans tw-w-full tw-text-s tw-bg-transparent tw-font-normal tw-min-w-0\"\n            aria-labelledby={labelId}\n            title={title}\n            data-test-id=\"asset-single-input\"\n        >\n            <button\n                {...mergeProps(buttonProps, focusProps)}\n                ref={buttonRef}\n                className={merge([\n                    'tw-w-full tw-flex tw-border tw-rounded tw-overflow-hidden hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none',\n                    isFocusVisible && FOCUS_STYLE,\n                    size === AssetInputSize.Large ? 'tw-h-[11.5rem] tw-flex-col' : 'tw-h-14',\n                    isOpen || isFocusVisible\n                        ? 'tw-border-black-90 dark:tw-border-black-10'\n                        : 'tw-border-black-20 dark:tw-border-black-80',\n                ])}\n            >\n                {isLoading && !asset && (\n                    <div\n                        className={merge([\n                            'tw-flex tw-justify-center tw-items-center',\n                            size === AssetInputSize.Large ? 'tw-w-full tw-h-32' : 'tw-w-14 tw-h-full',\n                        ])}\n                    >\n                        <SpinningCircle size={size} />\n                    </div>\n                )}\n                {asset && <AssetThumbnail asset={asset} size={size} isActive={isOpen || isFocusVisible} />}\n                <div\n                    className={merge([\n                        'tw-min-w-0 tw-max-w-full tw-flex tw-flex-auto tw-self-stretch tw-border-black-100 tw-border-opacity-25',\n                        size === AssetInputSize.Large ? 'tw-h-14 tw-border-t' : 'tw-h-full tw-border-l',\n                    ])}\n                >\n                    <div className=\"tw-min-w-0 tw-pr-3 tw-pl-4 tw-flex tw-flex-auto tw-flex-col tw-items-start tw-justify-center tw-h-full\">\n                        <span\n                            id={labelId}\n                            className={merge([\n                                'tw-max-w-full tw-text-black-100 tw-text-s tw-truncate dark:tw-text-white',\n                                (isOpen || isFocusVisible) && 'tw-font-medium',\n                            ])}\n                        >\n                            {title}\n                        </span>\n                        <AssetSubline asset={asset} isLoading={isLoading} />\n                    </div>\n                    <div className=\"tw-p-4 tw-flex tw-flex-none tw-items-center tw-justify-center\">\n                        <span\n                            className={merge([\n                                'tw-transition-transform',\n                                isOpen ? 'tw-rotate-180 tw-text-black-90' : 'tw-text-black-60',\n                            ])}\n                        >\n                            <IconCaretDown size={IconSize.Size16} />\n                        </span>\n                    </div>\n                </div>\n            </button>\n\n            <AnimatePresence>\n                {isOpen && (\n                    <motion.div\n                        style={{\n                            width: flyoutWidth,\n                        }}\n                        className=\"tw-absolute tw-left-auto tw-w-full tw-overflow-hidden tw-box-border tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-20\"\n                        data-test-id=\"asset-single-input-flyout\"\n                        key={`asset-input-menu-${menuId}`}\n                        initial={{ height: 0 }}\n                        animate={{ height: 'auto' }}\n                        exit={{ height: 0 }}\n                        transition={{ ease: [0.04, 0.62, 0.23, 0.98], duration: 0.5 }}\n                    >\n                        <FocusScope restoreFocus>\n                            <div {...overlayProps} ref={overlayRef}>\n                                <DismissButton onDismiss={() => menuState.close()} />\n                                <ActionMenu\n                                    menuBlocks={actions}\n                                    focus={focusStrategy}\n                                    onClick={() => menuState.close()}\n                                />\n                                <DismissButton onDismiss={() => menuState.close()} />\n                            </div>\n                        </FocusScope>\n                    </motion.div>\n                )}\n            </AnimatePresence>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
 import { PlateRenderLeafProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const BOLD_CLASSES = "tw-font-bold";
 export declare const BoldMark: FC<PlateRenderLeafProps>;

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

@@ -1,9 +1,10 @@
-import o from "react";
-const r = ({ attributes: t, children: e }) => /* @__PURE__ */ o.createElement("span", {
+import e from "react";
+const a = "tw-font-bold", n = ({ attributes: t, children: o }) => /* @__PURE__ */ e.createElement("span", {
   ...t,
-  className: "tw-font-bold"
-}, e);
+  className: a
+}, o);
 export {
-  r as BoldMark
+  a as BOLD_CLASSES,
+  n as BoldMark
 };
 //# sourceMappingURL=bold.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bold.es.js","sources":["../../../../src/components/RichTextEditor/components/bold.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const BoldMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className=\"tw-font-bold\">\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAqC,CAAC,EAAE,eAAY,kBAC5D,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAU;AAAA,GAC3B,CACL;"}
+{"version":3,"file":"bold.es.js","sources":["../../../../src/components/RichTextEditor/components/bold.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const BOLD_CLASSES = 'tw-font-bold';\n\nexport const BoldMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className={BOLD_CLASSES}>\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAe,gBAEf,IAAqC,CAAC,EAAE,eAAY,kBAC5D,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;"}

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

@@ -1,3 +1,4 @@
 import { PlateRenderLeafProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const CODE_CLASSES = "tw-table-cell tw-rounded tw-bg-box-neutral tw-text-box-neutral-inverse tw-m-0 tw-px-2 tw-py-0.5";
 export declare const CodeMark: FC<PlateRenderLeafProps>;

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

@@ -1,9 +1,10 @@
 import a from "react";
-const o = ({ attributes: t, children: e }) => /* @__PURE__ */ a.createElement("span", {
+const o = "tw-table-cell tw-rounded tw-bg-box-neutral tw-text-box-neutral-inverse tw-m-0 tw-px-2 tw-py-0.5", n = ({ attributes: t, children: e }) => /* @__PURE__ */ a.createElement("span", {
   ...t,
-  className: "tw-table-cell tw-rounded tw-bg-box-neutral tw-text-box-neutral-inverse tw-m-0 tw-px-2 tw-py-0.5"
+  className: o
 }, e);
 export {
-  o as CodeMark
+  o as CODE_CLASSES,
+  n as CodeMark
 };
 //# sourceMappingURL=code.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"code.es.js","sources":["../../../../src/components/RichTextEditor/components/code.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const CodeMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span\n        {...attributes}\n        className=\"tw-table-cell tw-rounded tw-bg-box-neutral tw-text-box-neutral-inverse tw-m-0 tw-px-2 tw-py-0.5\"\n    >\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAqC,CAAC,EAAE,eAAY,kBAC5D,kBAAA,cAAA,QAAA;AAAA,EACI,GAAG;AAAA,EACJ,WAAU;AAAA,GAET,CACL;"}
+{"version":3,"file":"code.es.js","sources":["../../../../src/components/RichTextEditor/components/code.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const CODE_CLASSES =\n    'tw-table-cell tw-rounded tw-bg-box-neutral tw-text-box-neutral-inverse tw-m-0 tw-px-2 tw-py-0.5';\n\nexport const CodeMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className={CODE_CLASSES}>\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IACT,mGAES,IAAqC,CAAC,EAAE,eAAY,kBAC5D,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;"}

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

@@ -1,3 +1,4 @@
 import { PlateRenderLeafProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const ITALIC_CLASSES = "tw-italic";
 export declare const ItalicMark: FC<PlateRenderLeafProps>;

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

@@ -1,9 +1,10 @@
-import e from "react";
-const r = ({ attributes: t, children: a }) => /* @__PURE__ */ e.createElement("span", {
+import c from "react";
+const e = "tw-italic", r = ({ attributes: t, children: a }) => /* @__PURE__ */ c.createElement("span", {
   ...t,
-  className: "tw-italic"
+  className: e
 }, a);
 export {
+  e as ITALIC_CLASSES,
   r as ItalicMark
 };
 //# sourceMappingURL=italic.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"italic.es.js","sources":["../../../../src/components/RichTextEditor/components/italic.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const ItalicMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className=\"tw-italic\">\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAuC,CAAC,EAAE,eAAY,kBAC9D,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAU;AAAA,GAC3B,CACL;"}
+{"version":3,"file":"italic.es.js","sources":["../../../../src/components/RichTextEditor/components/italic.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const ITALIC_CLASSES = 'tw-italic';\n\nexport const ItalicMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className={ITALIC_CLASSES}>\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAiB,aAEjB,IAAuC,CAAC,EAAE,eAAY,kBAC9D,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;"}

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

@@ -1,4 +1,4 @@
 import { PlateRenderElementProps } from '@udecode/plate';
 import { FC } from 'react';
-export declare const LINK_CHOOSER_CLASS_NAMES = "tw-text-text-interactive tw-underline tw-cursor-pointer";
+export declare const LINK_CLASSES = "tw-text-text-interactive tw-underline tw-cursor-pointer";
 export declare const LinkElement: FC<PlateRenderElementProps>;

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

@@ -1,10 +1,10 @@
-import { useEditableProps as F, unwrapNodes as O } from "@udecode/plate";
+import { useEditableProps as N, unwrapNodes as O } from "@udecode/plate";
 import e, { useState as a } from "react";
-import { LINK_CHANGE_CONFIRMED as R, LINK_CHANGE_CANCELED as _ } from "../plugins/linkChooserPlugin/events.es.js";
-import { getAndUpsertLink as w } from "../plugins/linkChooserPlugin/transforms/getAndUpsertLink.es.js";
-import { LinkChooserFlyout as A } from "../plugins/linkChooserPlugin/ui/LinkChooserFlyout.es.js";
-import { LinkChooserPreviewFlyout as I } from "../plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.es.js";
-const L = "tw-text-text-interactive tw-underline tw-cursor-pointer", H = (k) => {
+import { LINK_CHANGE_CONFIRMED as w, LINK_CHANGE_CANCELED as I } from "../plugins/linkChooserPlugin/events.es.js";
+import { getAndUpsertLink as R } from "../plugins/linkChooserPlugin/transforms/getAndUpsertLink.es.js";
+import { LinkChooserFlyout as v } from "../plugins/linkChooserPlugin/ui/LinkChooserFlyout.es.js";
+import { LinkChooserPreviewFlyout as A } from "../plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.es.js";
+const L = "tw-text-text-interactive tw-underline tw-cursor-pointer", K = (k) => {
   const { children: l, element: c, editor: o } = k, {
     chosenLink: t = {
       searchResult: {
@@ -12,22 +12,22 @@ const L = "tw-text-text-interactive tw-underline tw-cursor-pointer", H = (k) =>
       },
       openInNewTab: !1
     }
-  } = c, [E, s] = a(!1), [f, m] = a(!1), [h, u] = a(t), C = F(o).readOnly, i = () => !t || !t.searchResult ? "" : t.searchResult.link, p = () => {
+  } = c, [f, s] = a(!1), [h, m] = a(!1), [E, u] = a(t), d = N(o).readOnly, i = () => !t || !t.searchResult ? "" : t.searchResult.link, p = () => {
     const r = "_self", n = "_blank";
     return !t || !t.openInNewTab ? r : n;
-  }, d = (r) => (u(r), m(!0), new Promise((n) => {
-    document.addEventListener(R, (y) => {
-      n(y.detail.chosenLink);
-    }), document.addEventListener(_, () => n());
-  })), N = () => {
-    s(!1), o && w(o, d);
-  }, g = () => {
+  }, C = (r) => (u(r), m(!0), new Promise((n) => {
+    document.addEventListener(w, (F) => {
+      n(F.detail.chosenLink);
+    }), document.addEventListener(I, () => n());
+  })), g = () => {
+    s(!1), o && R(o, C);
+  }, y = () => {
     !o.selection || O(o, {
       at: o.selection,
       match: { type: ["a"] }
     });
   };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, C ? /* @__PURE__ */ e.createElement("a", {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, d ? /* @__PURE__ */ e.createElement("a", {
     "data-chosen-link": JSON.stringify(t),
     href: i(),
     target: p(),
@@ -40,20 +40,20 @@ const L = "tw-text-text-interactive tw-underline tw-cursor-pointer", H = (k) =>
     target: p(),
     rel: "noreferrer",
     className: L
-  }, l), /* @__PURE__ */ e.createElement(I, {
-    isFlyoutOpen: E,
+  }, l), /* @__PURE__ */ e.createElement(A, {
+    isFlyoutOpen: f,
     setIsFlyoutOpen: s,
     trigger: ({ "aria-label": r }, n) => /* @__PURE__ */ e.createElement("span", {
       ref: n,
       "aria-label": r
     }),
     href: i(),
-    onEditClick: N,
-    onRemoveClick: g
-  }), /* @__PURE__ */ e.createElement(A, {
-    isFlyoutOpen: f,
+    onEditClick: g,
+    onRemoveClick: y
+  }), /* @__PURE__ */ e.createElement(v, {
+    isFlyoutOpen: h,
     setIsFlyoutOpen: m,
-    chosenLink: h,
+    chosenLink: E,
     setChosenLink: u,
     trigger: ({ "aria-label": r }, n) => /* @__PURE__ */ e.createElement("span", {
       ref: n,
@@ -62,7 +62,7 @@ const L = "tw-text-text-interactive tw-underline tw-cursor-pointer", H = (k) =>
   })));
 };
 export {
-  L as LINK_CHOOSER_CLASS_NAMES,
-  H as LinkElement
+  L as LINK_CLASSES,
+  K as LinkElement
 };
 //# sourceMappingURL=link.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.es.js","sources":["../../../../src/components/RichTextEditor/components/link.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps, unwrapNodes, useEditableProps } from '@udecode/plate';\nimport React, { FC, MutableRefObject, useState } from 'react';\nimport { LINK_CHANGE_CANCELED, LINK_CHANGE_CONFIRMED } from '../plugins/linkChooserPlugin/events';\nimport { getAndUpsertLink } from '../plugins/linkChooserPlugin/transforms/getAndUpsertLink';\nimport { ChosenLink } from '../plugins/linkChooserPlugin/types';\nimport { LinkChooserFlyout } from '../plugins/linkChooserPlugin/ui/LinkChooserFlyout';\nimport { LinkChooserPreviewFlyout } from '../plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout';\n\nexport const LINK_CHOOSER_CLASS_NAMES = 'tw-text-text-interactive tw-underline tw-cursor-pointer';\n\nexport const LinkElement: FC<PlateRenderElementProps> = (props) => {\n    const { children, element, editor } = props;\n\n    // Because an old version was already used in clarify, it must be ensured that the element can also handle the old structure.\n    const {\n        chosenLink = {\n            searchResult: {\n                link: element.url,\n            },\n            openInNewTab: false,\n        },\n    } = element;\n\n    const [isLinkChooserPreviewFlyoutOpen, setIsLinkChooserPreviewFlyoutOpen] = useState<boolean>(false);\n    const [isLinkChooserFlyoutOpen, setIsLinkChooserFlyoutOpen] = useState<boolean>(false);\n    const [prevChosenLink, setPrevChosenLink] = useState<ChosenLink>(chosenLink);\n\n    const isReadOnly = useEditableProps(editor).readOnly;\n\n    const getHref = () => {\n        if (!chosenLink || !chosenLink.searchResult) {\n            return '';\n        }\n        return chosenLink.searchResult.link;\n    };\n\n    const getTarget = () => {\n        const TARGET_DEFAULT = '_self';\n        const TARGET_BLANK = '_blank';\n        if (!chosenLink || !chosenLink.openInNewTab) {\n            return TARGET_DEFAULT;\n        }\n        return TARGET_BLANK;\n    };\n\n    const getLinkFromLinkChooser = (prevLink: ChosenLink): Promise<ChosenLink | void> => {\n        setPrevChosenLink(prevLink);\n        setIsLinkChooserFlyoutOpen(true);\n\n        return new Promise<ChosenLink | void>((resolve) => {\n            document.addEventListener(LINK_CHANGE_CONFIRMED, (event: any) => {\n                resolve(event.detail.chosenLink);\n            });\n            document.addEventListener(LINK_CHANGE_CANCELED, () => resolve());\n        });\n    };\n\n    const onEdit = () => {\n        setIsLinkChooserPreviewFlyoutOpen(false);\n        if (!editor) {\n            return;\n        }\n        getAndUpsertLink(editor, getLinkFromLinkChooser);\n    };\n\n    const onRemove = () => {\n        if (!editor.selection) {\n            return;\n        }\n        unwrapNodes(editor, {\n            at: editor.selection,\n            match: { type: ['a'] },\n        });\n    };\n\n    return (\n        <>\n            {isReadOnly ? (\n                <a\n                    data-chosen-link={JSON.stringify(chosenLink)}\n                    href={getHref()}\n                    target={getTarget()}\n                    rel=\"noreferrer\"\n                    className={LINK_CHOOSER_CLASS_NAMES}\n                >\n                    {children}\n                </a>\n            ) : (\n                <>\n                    <a\n                        onClick={() => setIsLinkChooserPreviewFlyoutOpen(true)}\n                        data-chosen-link={JSON.stringify(chosenLink)}\n                        href={getHref()}\n                        target={getTarget()}\n                        rel=\"noreferrer\"\n                        className={LINK_CHOOSER_CLASS_NAMES}\n                    >\n                        {children}\n                    </a>\n                    <LinkChooserPreviewFlyout\n                        isFlyoutOpen={isLinkChooserPreviewFlyoutOpen}\n                        setIsFlyoutOpen={setIsLinkChooserPreviewFlyoutOpen}\n                        trigger={({ 'aria-label': ariaLabel }, ref: MutableRefObject<HTMLDivElement>) => (\n                            <span ref={ref} aria-label={ariaLabel}></span>\n                        )}\n                        href={getHref()}\n                        onEditClick={onEdit}\n                        onRemoveClick={onRemove}\n                    />\n                    <LinkChooserFlyout\n                        isFlyoutOpen={isLinkChooserFlyoutOpen}\n                        setIsFlyoutOpen={setIsLinkChooserFlyoutOpen}\n                        chosenLink={prevChosenLink}\n                        setChosenLink={setPrevChosenLink}\n                        trigger={({ 'aria-label': ariaLabel }, ref: MutableRefObject<HTMLDivElement>) => (\n                            <span ref={ref} aria-label={ariaLabel}></span>\n                        )}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,IAA2B,2DAE3B,IAA2C,CAAC,MAAU;AACzD,QAAA,EAAE,aAAU,YAAS,cAAW,GAGhC;AAAA,IACF,gBAAa;AAAA,MACT,cAAc;AAAA,QACV,MAAM,EAAQ;AAAA,MAClB;AAAA,MACA,cAAc;AAAA,IAClB;AAAA,MACA,GAEE,CAAC,GAAgC,KAAqC,EAAkB,EAAK,GAC7F,CAAC,GAAyB,KAA8B,EAAkB,EAAK,GAC/E,CAAC,GAAgB,KAAqB,EAAqB,CAAU,GAErE,IAAa,EAAiB,CAAM,EAAE,UAEtC,IAAU,MACR,CAAC,KAAc,CAAC,EAAW,eACpB,KAEJ,EAAW,aAAa,MAG7B,IAAY,MAAM;AACpB,UAAM,IAAiB,SACjB,IAAe;AACrB,WAAI,CAAC,KAAc,CAAC,EAAW,eACpB,IAEJ;AAAA,EAAA,GAGL,IAAyB,CAAC,MAC5B,GAAkB,CAAQ,GAC1B,EAA2B,EAAI,GAExB,IAAI,QAA2B,CAAC,MAAY;AACtC,aAAA,iBAAiB,GAAuB,CAAC,MAAe;AACrD,QAAA,EAAM,OAAO,UAAU;AAAA,IAAA,CAClC,GACD,SAAS,iBAAiB,GAAsB,MAAM,EAAS,CAAA;AAAA,EAAA,CAClE,IAGC,IAAS,MAAM;AAEjB,IADA,EAAkC,EAAK,GACnC,AAAC,KAGL,EAAiB,GAAQ,CAAsB;AAAA,EAAA,GAG7C,IAAW,MAAM;AACf,IAAA,CAAC,EAAO,aAGZ,EAAY,GAAQ;AAAA,MAChB,IAAI,EAAO;AAAA,MACX,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE;AAAA,IAAA,CACxB;AAAA,EAAA;AAID,SAAA,kBAAA,cAAA,EAAA,UAAA,MACK,IACI,kBAAA,cAAA,KAAA;AAAA,IACG,oBAAkB,KAAK,UAAU,CAAU;AAAA,IAC3C,MAAM,EAAQ;AAAA,IACd,QAAQ,EAAU;AAAA,IAClB,KAAI;AAAA,IACJ,WAAW;AAAA,EAAA,GAEV,CACL,IAEA,kBAAA,cAAA,EAAA,UAAA,MACK,kBAAA,cAAA,KAAA;AAAA,IACG,SAAS,MAAM,EAAkC,EAAI;AAAA,IACrD,oBAAkB,KAAK,UAAU,CAAU;AAAA,IAC3C,MAAM,EAAQ;AAAA,IACd,QAAQ,EAAU;AAAA,IAClB,KAAI;AAAA,IACJ,WAAW;AAAA,EAEV,GAAA,CACL,GACC,kBAAA,cAAA,GAAA;AAAA,IACG,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,SAAS,CAAC,EAAE,cAAc,KAAa,MAClC,kBAAA,cAAA,QAAA;AAAA,MAAK;AAAA,MAAU,cAAY;AAAA,IAAA,CAAW;AAAA,IAE3C,MAAM,EAAQ;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EAAA,CACnB,GACC,kBAAA,cAAA,GAAA;AAAA,IACG,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,SAAS,CAAC,EAAE,cAAc,KAAa,MAClC,kBAAA,cAAA,QAAA;AAAA,MAAK;AAAA,MAAU,cAAY;AAAA,IAAA,CAAW;AAAA,EAE/C,CAAA,CACJ,CAER;AAER;"}
+{"version":3,"file":"link.es.js","sources":["../../../../src/components/RichTextEditor/components/link.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps, unwrapNodes, useEditableProps } from '@udecode/plate';\nimport React, { FC, MutableRefObject, useState } from 'react';\nimport { LINK_CHANGE_CANCELED, LINK_CHANGE_CONFIRMED } from '../plugins/linkChooserPlugin/events';\nimport { getAndUpsertLink } from '../plugins/linkChooserPlugin/transforms/getAndUpsertLink';\nimport { ChosenLink } from '../plugins/linkChooserPlugin/types';\nimport { LinkChooserFlyout } from '../plugins/linkChooserPlugin/ui/LinkChooserFlyout';\nimport { LinkChooserPreviewFlyout } from '../plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout';\n\nexport const LINK_CLASSES = 'tw-text-text-interactive tw-underline tw-cursor-pointer';\n\nexport const LinkElement: FC<PlateRenderElementProps> = (props) => {\n    const { children, element, editor } = props;\n\n    // Because an old version was already used in clarify, it must be ensured that the element can also handle the old structure.\n    const {\n        chosenLink = {\n            searchResult: {\n                link: element.url,\n            },\n            openInNewTab: false,\n        },\n    } = element;\n\n    const [isLinkChooserPreviewFlyoutOpen, setIsLinkChooserPreviewFlyoutOpen] = useState<boolean>(false);\n    const [isLinkChooserFlyoutOpen, setIsLinkChooserFlyoutOpen] = useState<boolean>(false);\n    const [prevChosenLink, setPrevChosenLink] = useState<ChosenLink>(chosenLink);\n\n    const isReadOnly = useEditableProps(editor).readOnly;\n\n    const getHref = () => {\n        if (!chosenLink || !chosenLink.searchResult) {\n            return '';\n        }\n        return chosenLink.searchResult.link;\n    };\n\n    const getTarget = () => {\n        const TARGET_DEFAULT = '_self';\n        const TARGET_BLANK = '_blank';\n        if (!chosenLink || !chosenLink.openInNewTab) {\n            return TARGET_DEFAULT;\n        }\n        return TARGET_BLANK;\n    };\n\n    const getLinkFromLinkChooser = (prevLink: ChosenLink): Promise<ChosenLink | void> => {\n        setPrevChosenLink(prevLink);\n        setIsLinkChooserFlyoutOpen(true);\n\n        return new Promise<ChosenLink | void>((resolve) => {\n            document.addEventListener(LINK_CHANGE_CONFIRMED, (event: any) => {\n                resolve(event.detail.chosenLink);\n            });\n            document.addEventListener(LINK_CHANGE_CANCELED, () => resolve());\n        });\n    };\n\n    const onEdit = () => {\n        setIsLinkChooserPreviewFlyoutOpen(false);\n        if (!editor) {\n            return;\n        }\n        getAndUpsertLink(editor, getLinkFromLinkChooser);\n    };\n\n    const onRemove = () => {\n        if (!editor.selection) {\n            return;\n        }\n        unwrapNodes(editor, {\n            at: editor.selection,\n            match: { type: ['a'] },\n        });\n    };\n\n    return (\n        <>\n            {isReadOnly ? (\n                <a\n                    data-chosen-link={JSON.stringify(chosenLink)}\n                    href={getHref()}\n                    target={getTarget()}\n                    rel=\"noreferrer\"\n                    className={LINK_CLASSES}\n                >\n                    {children}\n                </a>\n            ) : (\n                <>\n                    <a\n                        onClick={() => setIsLinkChooserPreviewFlyoutOpen(true)}\n                        data-chosen-link={JSON.stringify(chosenLink)}\n                        href={getHref()}\n                        target={getTarget()}\n                        rel=\"noreferrer\"\n                        className={LINK_CLASSES}\n                    >\n                        {children}\n                    </a>\n                    <LinkChooserPreviewFlyout\n                        isFlyoutOpen={isLinkChooserPreviewFlyoutOpen}\n                        setIsFlyoutOpen={setIsLinkChooserPreviewFlyoutOpen}\n                        trigger={({ 'aria-label': ariaLabel }, ref: MutableRefObject<HTMLDivElement>) => (\n                            <span ref={ref} aria-label={ariaLabel}></span>\n                        )}\n                        href={getHref()}\n                        onEditClick={onEdit}\n                        onRemoveClick={onRemove}\n                    />\n                    <LinkChooserFlyout\n                        isFlyoutOpen={isLinkChooserFlyoutOpen}\n                        setIsFlyoutOpen={setIsLinkChooserFlyoutOpen}\n                        chosenLink={prevChosenLink}\n                        setChosenLink={setPrevChosenLink}\n                        trigger={({ 'aria-label': ariaLabel }, ref: MutableRefObject<HTMLDivElement>) => (\n                            <span ref={ref} aria-label={ariaLabel}></span>\n                        )}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,IAAe,2DAEf,IAA2C,CAAC,MAAU;AACzD,QAAA,EAAE,aAAU,YAAS,cAAW,GAGhC;AAAA,IACF,gBAAa;AAAA,MACT,cAAc;AAAA,QACV,MAAM,EAAQ;AAAA,MAClB;AAAA,MACA,cAAc;AAAA,IAClB;AAAA,MACA,GAEE,CAAC,GAAgC,KAAqC,EAAkB,EAAK,GAC7F,CAAC,GAAyB,KAA8B,EAAkB,EAAK,GAC/E,CAAC,GAAgB,KAAqB,EAAqB,CAAU,GAErE,IAAa,EAAiB,CAAM,EAAE,UAEtC,IAAU,MACR,CAAC,KAAc,CAAC,EAAW,eACpB,KAEJ,EAAW,aAAa,MAG7B,IAAY,MAAM;AACpB,UAAM,IAAiB,SACjB,IAAe;AACrB,WAAI,CAAC,KAAc,CAAC,EAAW,eACpB,IAEJ;AAAA,EAAA,GAGL,IAAyB,CAAC,MAC5B,GAAkB,CAAQ,GAC1B,EAA2B,EAAI,GAExB,IAAI,QAA2B,CAAC,MAAY;AACtC,aAAA,iBAAiB,GAAuB,CAAC,MAAe;AACrD,QAAA,EAAM,OAAO,UAAU;AAAA,IAAA,CAClC,GACD,SAAS,iBAAiB,GAAsB,MAAM,EAAS,CAAA;AAAA,EAAA,CAClE,IAGC,IAAS,MAAM;AAEjB,IADA,EAAkC,EAAK,GACnC,AAAC,KAGL,EAAiB,GAAQ,CAAsB;AAAA,EAAA,GAG7C,IAAW,MAAM;AACf,IAAA,CAAC,EAAO,aAGZ,EAAY,GAAQ;AAAA,MAChB,IAAI,EAAO;AAAA,MACX,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE;AAAA,IAAA,CACxB;AAAA,EAAA;AAID,SAAA,kBAAA,cAAA,EAAA,UAAA,MACK,IACI,kBAAA,cAAA,KAAA;AAAA,IACG,oBAAkB,KAAK,UAAU,CAAU;AAAA,IAC3C,MAAM,EAAQ;AAAA,IACd,QAAQ,EAAU;AAAA,IAClB,KAAI;AAAA,IACJ,WAAW;AAAA,EAAA,GAEV,CACL,IAEA,kBAAA,cAAA,EAAA,UAAA,MACK,kBAAA,cAAA,KAAA;AAAA,IACG,SAAS,MAAM,EAAkC,EAAI;AAAA,IACrD,oBAAkB,KAAK,UAAU,CAAU;AAAA,IAC3C,MAAM,EAAQ;AAAA,IACd,QAAQ,EAAU;AAAA,IAClB,KAAI;AAAA,IACJ,WAAW;AAAA,EAEV,GAAA,CACL,GACC,kBAAA,cAAA,GAAA;AAAA,IACG,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,SAAS,CAAC,EAAE,cAAc,KAAa,MAClC,kBAAA,cAAA,QAAA;AAAA,MAAK;AAAA,MAAU,cAAY;AAAA,IAAA,CAAW;AAAA,IAE3C,MAAM,EAAQ;AAAA,IACd,aAAa;AAAA,IACb,eAAe;AAAA,EAAA,CACnB,GACC,kBAAA,cAAA,GAAA;AAAA,IACG,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,SAAS,CAAC,EAAE,cAAc,KAAa,MAClC,kBAAA,cAAA,QAAA;AAAA,MAAK;AAAA,MAAU,cAAY;AAAA,IAAA,CAAW;AAAA,EAE/C,CAAA,CACJ,CAER;AAER;"}

package/dist/components/RichTextEditor/components/ordered-list.d.ts

@@ -1,3 +1,4 @@
 import { PlateRenderElementProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const OL_CLASSES = "tw-list-decimal tw-pl-6";
 export declare const OrderedListElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/ordered-list.es.js

@@ -1,9 +1,10 @@
 import l from "react";
-const r = ({ attributes: e, children: t }) => /* @__PURE__ */ l.createElement("ol", {
-  className: "tw-list-decimal tw-pl-6",
+const c = "tw-list-decimal tw-pl-6", o = ({ attributes: e, children: t }) => /* @__PURE__ */ l.createElement("ol", {
+  className: c,
   ...e
 }, t);
 export {
-  r as OrderedListElement
+  c as OL_CLASSES,
+  o as OrderedListElement
 };
 //# sourceMappingURL=ordered-list.es.js.map

package/dist/components/RichTextEditor/components/ordered-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.es.js","sources":["../../../../src/components/RichTextEditor/components/ordered-list.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const OrderedListElement: FC<PlateRenderElementProps> = ({ attributes, children }) => (\n    <ol className=\"tw-list-decimal tw-pl-6\" {...attributes}>\n        {children}\n    </ol>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAkD,CAAC,EAAE,eAAY,kBACzE,kBAAA,cAAA,MAAA;AAAA,EAAG,WAAU;AAAA,EAA2B,GAAG;AAAA,GACvC,CACL;"}
+{"version":3,"file":"ordered-list.es.js","sources":["../../../../src/components/RichTextEditor/components/ordered-list.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const OL_CLASSES = 'tw-list-decimal tw-pl-6';\n\nexport const OrderedListElement: FC<PlateRenderElementProps> = ({ attributes, children }) => (\n    <ol className={OL_CLASSES} {...attributes}>\n        {children}\n    </ol>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAa,2BAEb,IAAkD,CAAC,EAAE,eAAY,kBACzE,kBAAA,cAAA,MAAA;AAAA,EAAG,WAAW;AAAA,EAAa,GAAG;AAAA,GAC1B,CACL;"}

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

@@ -1,3 +1,4 @@
 import { PlateRenderLeafProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const STRIKETHROUGH_CLASSES = "tw-line-through";
 export declare const StrikethroughMark: FC<PlateRenderLeafProps>;

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

@@ -1,9 +1,10 @@
 import r from "react";
-const o = ({ attributes: t, children: e }) => /* @__PURE__ */ r.createElement("span", {
+const o = "tw-line-through", c = ({ attributes: t, children: e }) => /* @__PURE__ */ r.createElement("span", {
   ...t,
-  className: "tw-line-through"
+  className: o
 }, e);
 export {
-  o as StrikethroughMark
+  o as STRIKETHROUGH_CLASSES,
+  c as StrikethroughMark
 };
 //# sourceMappingURL=strikethrough.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"strikethrough.es.js","sources":["../../../../src/components/RichTextEditor/components/strikethrough.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const StrikethroughMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className=\"tw-line-through\">\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAA8C,CAAC,EAAE,eAAY,kBACrE,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAU;AAAA,GAC3B,CACL;"}
+{"version":3,"file":"strikethrough.es.js","sources":["../../../../src/components/RichTextEditor/components/strikethrough.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const STRIKETHROUGH_CLASSES = 'tw-line-through';\n\nexport const StrikethroughMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className={STRIKETHROUGH_CLASSES}>\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAwB,mBAExB,IAA8C,CAAC,EAAE,eAAY,kBACrE,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;"}

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

@@ -1,3 +1,4 @@
 import { PlateRenderLeafProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const UNDERLINE_CLASSES = "tw-underline";
 export declare const UnderlineMark: FC<PlateRenderLeafProps>;

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

@@ -1,9 +1,10 @@
-import r from "react";
-const a = ({ attributes: e, children: n }) => /* @__PURE__ */ r.createElement("span", {
+import t from "react";
+const r = "tw-underline", c = ({ attributes: e, children: n }) => /* @__PURE__ */ t.createElement("span", {
   ...e,
-  className: "tw-underline"
+  className: r
 }, n);
 export {
-  a as UnderlineMark
+  r as UNDERLINE_CLASSES,
+  c as UnderlineMark
 };
 //# sourceMappingURL=underline.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"underline.es.js","sources":["../../../../src/components/RichTextEditor/components/underline.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const UnderlineMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className=\"tw-underline\">\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAA0C,CAAC,EAAE,eAAY,kBACjE,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAU;AAAA,GAC3B,CACL;"}
+{"version":3,"file":"underline.es.js","sources":["../../../../src/components/RichTextEditor/components/underline.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderLeafProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const UNDERLINE_CLASSES = 'tw-underline';\n\nexport const UnderlineMark: FC<PlateRenderLeafProps> = ({ attributes, children }) => (\n    <span {...attributes} className={UNDERLINE_CLASSES}>\n        {children}\n    </span>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAoB,gBAEpB,IAA0C,CAAC,EAAE,eAAY,kBACjE,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;"}

package/dist/components/RichTextEditor/components/unordered-list.d.ts

@@ -1,3 +1,4 @@
 import { PlateRenderElementProps } from '@udecode/plate';
 import { FC } from 'react';
+export declare const UL_CLASSES = "tw-list-disc tw-pl-6";
 export declare const UnorderedListElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/unordered-list.es.js

@@ -1,9 +1,10 @@
-import l from "react";
-const s = ({ attributes: e, children: t }) => /* @__PURE__ */ l.createElement("ul", {
-  className: "tw-list-disc tw-pl-6",
-  ...e
-}, t);
+import s from "react";
+const c = "tw-list-disc tw-pl-6", o = ({ attributes: t, children: e }) => /* @__PURE__ */ s.createElement("ul", {
+  className: c,
+  ...t
+}, e);
 export {
-  s as UnorderedListElement
+  c as UL_CLASSES,
+  o as UnorderedListElement
 };
 //# sourceMappingURL=unordered-list.es.js.map

package/dist/components/RichTextEditor/components/unordered-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"unordered-list.es.js","sources":["../../../../src/components/RichTextEditor/components/unordered-list.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const UnorderedListElement: FC<PlateRenderElementProps> = ({ attributes, children }) => (\n    <ul className=\"tw-list-disc tw-pl-6\" {...attributes}>\n        {children}\n    </ul>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAoD,CAAC,EAAE,eAAY,kBAC3E,kBAAA,cAAA,MAAA;AAAA,EAAG,WAAU;AAAA,EAAwB,GAAG;AAAA,GACpC,CACL;"}
+{"version":3,"file":"unordered-list.es.js","sources":["../../../../src/components/RichTextEditor/components/unordered-list.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport React, { FC } from 'react';\n\nexport const UL_CLASSES = 'tw-list-disc tw-pl-6';\n\nexport const UnorderedListElement: FC<PlateRenderElementProps> = ({ attributes, children }) => (\n    <ul className={UL_CLASSES} {...attributes}>\n        {children}\n    </ul>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAa,wBAEb,IAAoD,CAAC,EAAE,eAAY,kBAC3E,kBAAA,cAAA,MAAA;AAAA,EAAG,WAAW;AAAA,EAAa,GAAG;AAAA,GAC1B,CACL;"}

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

@@ -2,4 +2,4 @@ export * from './RichTextEditor';
 export * from './utils';
 export { EditorActions } from './utils/actions';
 export { EMPTY_RICH_TEXT_VALUE } from './utils/parseRawValue';
-export * from './utils/serializeToHtml';
+export * from './serializer/serializeToHtml';

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/EditLinkChooserButton.es.js

@@ -1687,12 +1687,10 @@ import "../../../context/DesignTokensContext.es.js";
 import "slate-react";
 import "../createLinkChooserPlugin.es.js";
 import "slate";
-import "@react-aria/table";
 import "@react-stately/table";
-import "@react-stately/toggle";
 import "react-textarea-autosize";
 import "../../../../Tree/utils/mocks.es.js";
-const VA = ({ id: m, styles: c, classNames: l }) => {
+const qA = ({ id: m, styles: c, classNames: l }) => {
   m = L(m);
   const t = f(m), [E, e] = a(!1), [n, s] = a({
     searchResult: null,
@@ -1726,6 +1724,6 @@ const VA = ({ id: m, styles: c, classNames: l }) => {
   });
 };
 export {
-  VA as EditLinkChooserButton
+  qA as EditLinkChooserButton
 };
 //# sourceMappingURL=EditLinkChooserButton.es.js.map