@bigbinary/neeto-editor 1.40.0 → 1.40.1

package/dist/cjs/{chunk-d12e89fd.cjs.js → chunk-242eea5e.cjs.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var _extends$1 = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React$1 = require('react');
+var React = require('react');
 var ramda = require('ramda');
 var injectCss = require('./chunk-da9ee471.cjs.js');
 var i18n = require('i18next');
@@ -15,10 +14,36 @@ var classnames = require('classnames');
 var constants = require('./chunk-d5fbc51f.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 require('tippy.js/dist/svg-arrow.css');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
+var Link = require('@bigbinary/neeto-icons/Link');
+var Column = require('@bigbinary/neeto-icons/Column');
+var Dropdown$1 = require('@bigbinary/neetoui/Dropdown');
 var reactI18next = require('react-i18next');
+var Close = require('@bigbinary/neeto-icons/Close');
+var Button$1 = require('@bigbinary/neetoui/Button');
+var jsxRuntime = require('react/jsx-runtime');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
+var Check = require('@bigbinary/neeto-icons/Check');
+var Label = require('@bigbinary/neetoui/Label');
+var Quote = require('@bigbinary/neeto-icons/Quote');
+var Attachment = require('@bigbinary/neeto-icons/Attachment');
+var CodeBlock = require('@bigbinary/neeto-icons/CodeBlock');
+var Code = require('@bigbinary/neeto-icons/Code');
+var Highlight = require('@bigbinary/neeto-icons/Highlight');
+var TextBold = require('@bigbinary/neeto-icons/TextBold');
+var TextCross = require('@bigbinary/neeto-icons/TextCross');
+var TextItalic = require('@bigbinary/neeto-icons/TextItalic');
+var Underline = require('@bigbinary/neeto-icons/Underline');
+var ListDot = require('@bigbinary/neeto-icons/ListDot');
+var ListNumber = require('@bigbinary/neeto-icons/ListNumber');
+var ImageUpload = require('@bigbinary/neeto-icons/ImageUpload');
+var Video = require('@bigbinary/neeto-icons/Video');
+var MediaVideo = require('@bigbinary/neeto-icons/MediaVideo');
+var Undo = require('@bigbinary/neeto-icons/Undo');
+var Redo = require('@bigbinary/neeto-icons/Redo');
+var Email = require('@bigbinary/neeto-icons/Email');
+var Avatar = require('@bigbinary/neetoui/Avatar');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Smiley = require('@bigbinary/neeto-icons/Smiley');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _classCallCheck$1 = require('@babel/runtime/helpers/classCallCheck');
 var _createClass$1 = require('@babel/runtime/helpers/createClass');
@@ -29,26 +54,62 @@ var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var emojiMart = require('emoji-mart');
 var axios = require('axios');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Customize = require('@bigbinary/neeto-icons/Customize');
+var Refresh = require('@bigbinary/neeto-icons/Refresh');
+var Input = require('@bigbinary/neetoui/Input');
 var reactColorful = require('react-colorful');
 var _objectWithoutProperties$1 = require('@babel/runtime/helpers/objectWithoutProperties');
 var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
-var FileIcon = require('./chunk-76a5f21a.cjs.js');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Tab = require('@bigbinary/neetoui/Tab');
+var FileIcon = require('./chunk-ae47a2a1.cjs.js');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var _commonjsHelpers = require('./chunk-1b36f0ca.cjs.js');
+var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var shallow = require('zustand/shallow');
 var zustand = require('zustand');
+var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var Tippy = require('@tippyjs/react');
+var File = require('@bigbinary/neeto-icons/File');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$1);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var tippy__default = /*#__PURE__*/_interopDefaultLegacy(tippy);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
+var Column__default = /*#__PURE__*/_interopDefaultLegacy(Column);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$1);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
+var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Quote__default = /*#__PURE__*/_interopDefaultLegacy(Quote);
+var Attachment__default = /*#__PURE__*/_interopDefaultLegacy(Attachment);
+var CodeBlock__default = /*#__PURE__*/_interopDefaultLegacy(CodeBlock);
+var Code__default = /*#__PURE__*/_interopDefaultLegacy(Code);
+var Highlight__default = /*#__PURE__*/_interopDefaultLegacy(Highlight);
+var TextBold__default = /*#__PURE__*/_interopDefaultLegacy(TextBold);
+var TextCross__default = /*#__PURE__*/_interopDefaultLegacy(TextCross);
+var TextItalic__default = /*#__PURE__*/_interopDefaultLegacy(TextItalic);
+var Underline__default = /*#__PURE__*/_interopDefaultLegacy(Underline);
+var ListDot__default = /*#__PURE__*/_interopDefaultLegacy(ListDot);
+var ListNumber__default = /*#__PURE__*/_interopDefaultLegacy(ListNumber);
+var ImageUpload__default = /*#__PURE__*/_interopDefaultLegacy(ImageUpload);
+var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
+var MediaVideo__default = /*#__PURE__*/_interopDefaultLegacy(MediaVideo);
+var Undo__default = /*#__PURE__*/_interopDefaultLegacy(Undo);
+var Redo__default = /*#__PURE__*/_interopDefaultLegacy(Redo);
+var Email__default = /*#__PURE__*/_interopDefaultLegacy(Email);
+var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Smiley__default = /*#__PURE__*/_interopDefaultLegacy(Smiley);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck$1);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass$1);
@@ -57,9 +118,19 @@ var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeO
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits$1);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var Customize__default = /*#__PURE__*/_interopDefaultLegacy(Customize);
+var Refresh__default = /*#__PURE__*/_interopDefaultLegacy(Refresh);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties$1);
 var DynamicVariables__default = /*#__PURE__*/_interopDefaultLegacy(DynamicVariables);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
+var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+var MenuHorizontal__default = /*#__PURE__*/_interopDefaultLegacy(MenuHorizontal);
 var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
+var File__default = /*#__PURE__*/_interopDefaultLegacy(File);
 
 const domIndex = function (node) {
     for (var index = 0;; index++) {
@@ -11630,7 +11701,7 @@ class PureEditorContent extends React__default["default"].Component {
     }
 }
 // EditorContent should be re-created whenever the Editor instance changes
-const EditorContentWithKey = React$1.forwardRef((props, ref) => {
+const EditorContentWithKey = React.forwardRef((props, ref) => {
     const key = React__default["default"].useMemo(() => {
         return Math.floor(Math.random() * 0xFFFFFFFF).toString();
     }, [props.editor]);
@@ -11658,20 +11729,20 @@ class Editor extends Editor$1 {
  * @example const editor = useEditor({ extensions: [...] })
  */
 const useEditor = (options = {}, deps = []) => {
-    const editorRef = React$1.useRef(null);
-    const [, forceUpdate] = React$1.useState({});
+    const editorRef = React.useRef(null);
+    const [, forceUpdate] = React.useState({});
     const { onBeforeCreate, onBlur, onCreate, onDestroy, onFocus, onSelectionUpdate, onTransaction, onUpdate, } = options;
-    const onBeforeCreateRef = React$1.useRef(onBeforeCreate);
-    const onBlurRef = React$1.useRef(onBlur);
-    const onCreateRef = React$1.useRef(onCreate);
-    const onDestroyRef = React$1.useRef(onDestroy);
-    const onFocusRef = React$1.useRef(onFocus);
-    const onSelectionUpdateRef = React$1.useRef(onSelectionUpdate);
-    const onTransactionRef = React$1.useRef(onTransaction);
-    const onUpdateRef = React$1.useRef(onUpdate);
+    const onBeforeCreateRef = React.useRef(onBeforeCreate);
+    const onBlurRef = React.useRef(onBlur);
+    const onCreateRef = React.useRef(onCreate);
+    const onDestroyRef = React.useRef(onDestroy);
+    const onFocusRef = React.useRef(onFocus);
+    const onSelectionUpdateRef = React.useRef(onSelectionUpdate);
+    const onTransactionRef = React.useRef(onTransaction);
+    const onUpdateRef = React.useRef(onUpdate);
     // This effect will handle updating the editor instance
     // when the event handlers change.
-    React$1.useEffect(() => {
+    React.useEffect(() => {
         if (!editorRef.current) {
             return;
         }
@@ -11716,7 +11787,7 @@ const useEditor = (options = {}, deps = []) => {
             onUpdateRef.current = onUpdate;
         }
     }, [onBeforeCreate, onBlur, onCreate, onDestroy, onFocus, onSelectionUpdate, onTransaction, onUpdate, editorRef.current]);
-    React$1.useEffect(() => {
+    React.useEffect(() => {
         let isMounted = true;
         const editor = new Editor(options);
         editorRef.current = editor;
@@ -11737,16 +11808,16 @@ const useEditor = (options = {}, deps = []) => {
     return editorRef.current;
 };
 
-const EditorContext = React$1.createContext({
+const EditorContext = React.createContext({
     editor: null,
 });
 EditorContext.Consumer;
-const useCurrentEditor = () => React$1.useContext(EditorContext);
+const useCurrentEditor = () => React.useContext(EditorContext);
 
 const BubbleMenu = (props) => {
-    const [element, setElement] = React$1.useState(null);
+    const [element, setElement] = React.useState(null);
     const { editor: currentEditor } = useCurrentEditor();
-    React$1.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         if (!element) {
             return;
@@ -11774,10 +11845,10 @@ const BubbleMenu = (props) => {
     return (React__default["default"].createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
 };
 
-const ReactNodeViewContext = React$1.createContext({
+const ReactNodeViewContext = React.createContext({
     onDragStart: undefined,
 });
-const useReactNodeView = () => React$1.useContext(ReactNodeViewContext);
+const useReactNodeView = () => React.useContext(ReactNodeViewContext);
 
 const NodeViewContent = props => {
     const Tag = props.as || 'div';
@@ -12046,15 +12117,15 @@ var EmbedOption = function EmbedOption(_ref) {
     editor = _ref.editor;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     embedUrl = _useState2[0],
     setEmbedUrl = _useState2[1];
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     error = _useState4[0],
     setError = _useState4[1];
-  var inputRef = React$1.useRef(null);
+  var inputRef = React.useRef(null);
   var handleEmbed = function handleEmbed() {
     var validatedUrl = validateUrl(embedUrl);
     if (validatedUrl) {
@@ -12097,33 +12168,39 @@ var EmbedOption = function EmbedOption(_ref) {
       handleClose();
     }
   };
-  return /*#__PURE__*/React.createElement(neetoui.Modal, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
     className: "ne-embed-modal-wrapper",
     initialFocusRef: inputRef,
     isOpen: isEmbedModalOpen,
-    onClose: handleClose
-  }, /*#__PURE__*/React.createElement(neetoui.Modal.Header, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "h2"
-  }, t("neetoEditor.menu.embedVideo"))), /*#__PURE__*/React.createElement(neetoui.Modal.Body, {
-    className: "ne-embed-modal space-y-2"
-  }, /*#__PURE__*/React.createElement(neetoui.Input, {
-    "data-cy": "neeto-editor-embed-input",
-    error: error && t("neetoEditor.error.invalidEmbedUrl"),
-    label: t("neetoEditor.common.videoUrl"),
-    ref: inputRef,
-    size: "medium",
-    type: "text",
-    value: embedUrl,
-    onChange: utils$1.withEventTargetValue(handleChange),
-    onKeyDown: handleKeyDown
-  })), /*#__PURE__*/React.createElement(neetoui.Modal.Footer, {
-    className: "space-x-2"
-  }, /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-embed-cancel",
-    disabled: error || ramda.isEmpty(embedUrl),
-    label: t("neetoEditor.common.embed"),
-    onClick: handleEmbed
-  })));
+    onClose: handleClose,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        children: t("neetoEditor.menu.embedVideo")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
+      className: "ne-embed-modal space-y-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        "data-cy": "neeto-editor-embed-input",
+        error: error && t("neetoEditor.error.invalidEmbedUrl"),
+        label: t("neetoEditor.common.videoUrl"),
+        ref: inputRef,
+        size: "medium",
+        type: "text",
+        value: embedUrl,
+        onChange: utils$1.withEventTargetValue(handleChange),
+        onKeyDown: handleKeyDown
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Footer, {
+      className: "space-x-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "neeto-editor-embed-cancel",
+        disabled: error || ramda.isEmpty(embedUrl),
+        label: t("neetoEditor.common.embed"),
+        onClick: handleEmbed
+      })
+    })]
+  });
 };
 
 var fetch = function fetch() {
@@ -12133,8 +12210,8 @@ var emojiPickerApi = {
   fetch: fetch
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
@@ -12186,7 +12263,7 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
   return _createClass__default["default"](EmojiPickerMenu, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      new emojiMart.Picker(_objectSpread$8(_objectSpread$8({}, this.props), {}, {
+      new emojiMart.Picker(_objectSpread$b(_objectSpread$b({}, this.props), {}, {
         onEmojiSelect: this.handleSelect,
         style: {
           maxWidth: "100%"
@@ -12202,7 +12279,7 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
         "data-cy": "neeto-editor-emoji-picker",
         ref: this.ref,
         style: {
@@ -12244,6 +12321,8 @@ var useEditorStore = zustand.create(reactUtils.withImmutableActions(function (se
   };
 }));
 
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuButton = function MenuButton(_ref) {
   var icon = _ref.icon,
     command = _ref.command,
@@ -12262,7 +12341,7 @@ var MenuButton = function MenuButton(_ref) {
     isActive = _useEditorStore.isActive,
     _useEditorStore$disab = _useEditorStore.disabled,
     disabled = _useEditorStore$disab === void 0 ? isButtonDisabled : _useEditorStore$disab;
-  return /*#__PURE__*/React.createElement(neetoui.Button, _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$a({
     disabled: disabled,
     icon: icon,
     className: "neeto-editor-fixed-menu__item",
@@ -12276,15 +12355,16 @@ var MenuButton = function MenuButton(_ref) {
     onClick: command
   }, generateFocusProps(highlight)));
 };
-var MenuButton$1 = /*#__PURE__*/React$1.memo(MenuButton);
+var MenuButton$1 = /*#__PURE__*/React.memo(MenuButton);
 
-var MenuItem$3 = neetoui.Dropdown.MenuItem;
+var MenuItem$3 = Dropdown__default["default"].MenuItem;
 var SecondaryMenuTarget = function SecondaryMenuTarget(_ref) {
   var Icon = _ref.icon,
     label = _ref.label;
-  return /*#__PURE__*/React.createElement(MenuItem$3.Button, {
-    "data-cy": "neeto-editor-fixed-menu-".concat(neetoCist.hyphenate(label), "-option")
-  }, /*#__PURE__*/React.createElement(Icon, null), " ", label);
+  return /*#__PURE__*/jsxRuntime.jsxs(MenuItem$3.Button, {
+    "data-cy": "neeto-editor-fixed-menu-".concat(neetoCist.hyphenate(label), "-option"),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {}), " ", label]
+  });
 };
 
 var EmojiOption = function EmojiOption(_ref) {
@@ -12295,13 +12375,13 @@ var EmojiOption = function EmojiOption(_ref) {
     _ref$isSecondaryMenu = _ref.isSecondaryMenu,
     isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
     label = _ref.label;
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     buttonStyle: "text",
     closeOnSelect: false,
     dropdownProps: {
       classNames: "neeto-editor-fixed-menu__emoji-dropdown"
     },
-    icon: neetoIcons.Smiley,
+    icon: Smiley__default["default"],
     isOpen: isActive,
     position: isSecondaryMenu ? "left-start" : "bottom-start",
     strategy: "fixed",
@@ -12314,9 +12394,9 @@ var EmojiOption = function EmojiOption(_ref) {
       className: "neeto-editor-fixed-menu__item",
       "data-cy": "neeto-editor-fixed-menu-emoji-option"
     },
-    customTarget: isSecondaryMenu && /*#__PURE__*/React.createElement(SecondaryMenuTarget, {
+    customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: neetoIcons.Smiley
+      icon: Smiley__default["default"]
     }),
     onClose: function onClose() {
       return setActive(false);
@@ -12326,13 +12406,14 @@ var EmojiOption = function EmojiOption(_ref) {
         return !active;
       });
       isSecondaryMenu && e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(EmojiPickerMenu, {
-    editor: editor,
-    setActive: setActive
-  }));
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(EmojiPickerMenu, {
+      editor: editor,
+      setActive: setActive
+    })
+  });
 };
-var EmojiOption$1 = /*#__PURE__*/React$1.memo(EmojiOption);
+var EmojiOption$1 = /*#__PURE__*/React.memo(EmojiOption);
 
 var LinkOption = function LinkOption(_ref) {
   var editor = _ref.editor,
@@ -12340,11 +12421,11 @@ var LinkOption = function LinkOption(_ref) {
     handleAnimateInvalidLink = _ref.handleAnimateInvalidLink;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     link = _useState2[0],
     setLink = _useState2[1];
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     setLink(editor.getAttributes("link").href || "");
   }, [editor]);
   var handleKeyDown = function handleKeyDown(event) {
@@ -12376,27 +12457,28 @@ var LinkOption = function LinkOption(_ref) {
       handleClose();
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-editor-bubble-menu__link",
-    onKeyDown: handleKeyDown
-  }, /*#__PURE__*/React.createElement("input", {
-    autoFocus: true,
-    className: "neeto-editor-bubble-menu-link__input",
-    "data-cy": "neeto-editor-link-input",
-    name: "url",
-    placeholder: t("neetoEditor.placeholders.linkInput"),
-    value: link,
-    onChange: function onChange(_ref2) {
-      var value = _ref2.target.value;
-      return setLink(value);
-    }
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-link-cancel-button",
-    icon: neetoIcons.Close,
-    size: "small",
-    style: "secondary",
-    onClick: handleReset
-  }));
+    onKeyDown: handleKeyDown,
+    children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+      autoFocus: true,
+      className: "neeto-editor-bubble-menu-link__input",
+      "data-cy": "neeto-editor-link-input",
+      name: "url",
+      placeholder: t("neetoEditor.placeholders.linkInput"),
+      value: link,
+      onChange: function onChange(_ref2) {
+        var value = _ref2.target.value;
+        return setLink(value);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      "data-cy": "neeto-editor-link-cancel-button",
+      icon: Close__default["default"],
+      size: "small",
+      style: "secondary",
+      onClick: handleReset
+    })]
+  });
 };
 
 var TableOption$2 = function TableOption(_ref) {
@@ -12404,11 +12486,11 @@ var TableOption$2 = function TableOption(_ref) {
     handleClose = _ref.handleClose;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React$1.useState(3),
+  var _useState = React.useState(3),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     rows = _useState2[0],
     setRows = _useState2[1];
-  var _useState3 = React$1.useState(3),
+  var _useState3 = React.useState(3),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     columns = _useState4[0],
     setColumns = _useState4[1];
@@ -12421,46 +12503,54 @@ var TableOption$2 = function TableOption(_ref) {
     setColumns(3);
     handleClose();
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-bubble-menu__table"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-bubble-menu__table__menu-item"
-  }, /*#__PURE__*/React.createElement(neetoui.Label, {
-    className: "neeto-editor-bubble-menu__table__input-label"
-  }, t("neetoEditor.menu.rows")), /*#__PURE__*/React.createElement("input", {
-    autoFocus: true,
-    "data-cy": "neeto-editor-fixed-menu-table-option-input",
-    min: "1",
-    placeholder: t("neetoEditor.placeholders.rows"),
-    type: "number",
-    value: rows,
-    onChange: utils$1.withEventTargetValue(setRows)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-bubble-menu__table__menu-item"
-  }, /*#__PURE__*/React.createElement(neetoui.Label, {
-    className: "neeto-editor-bubble-menu__table__input-label"
-  }, t("neetoEditor.menu.columns")), /*#__PURE__*/React.createElement("input", {
-    "data-cy": "neeto-editor-bubble-menu-table-option-input",
-    min: "1",
-    placeholder: t("neetoEditor.placeholders.columns"),
-    type: "number",
-    value: columns,
-    onChange: utils$1.withEventTargetValue(setColumns)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-bubble-menu__table__buttons"
-  }, /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-bubble-menu-table-option-create-button",
-    icon: neetoIcons.Check,
-    style: "secondary",
-    onClick: handleSubmit
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-bubble-menu-table-option-create-button",
-    icon: neetoIcons.Close,
-    style: "secondary",
-    onClick: handleClose
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-editor-bubble-menu__table",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-editor-bubble-menu__table__menu-item",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-editor-bubble-menu__table__input-label",
+        children: t("neetoEditor.menu.rows")
+      }), /*#__PURE__*/jsxRuntime.jsx("input", {
+        autoFocus: true,
+        "data-cy": "neeto-editor-fixed-menu-table-option-input",
+        min: "1",
+        placeholder: t("neetoEditor.placeholders.rows"),
+        type: "number",
+        value: rows,
+        onChange: utils$1.withEventTargetValue(setRows)
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-editor-bubble-menu__table__menu-item",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-editor-bubble-menu__table__input-label",
+        children: t("neetoEditor.menu.columns")
+      }), /*#__PURE__*/jsxRuntime.jsx("input", {
+        "data-cy": "neeto-editor-bubble-menu-table-option-input",
+        min: "1",
+        placeholder: t("neetoEditor.placeholders.columns"),
+        type: "number",
+        value: columns,
+        onChange: utils$1.withEventTargetValue(setColumns)
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-editor-bubble-menu__table__buttons",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "neeto-editor-bubble-menu-table-option-create-button",
+        icon: Check__default["default"],
+        style: "secondary",
+        onClick: handleSubmit
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "neeto-editor-bubble-menu-table-option-create-button",
+        icon: Close__default["default"],
+        style: "secondary",
+        onClick: handleClose
+      })]
+    })]
+  });
 };
 
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var createMenuOptions$2 = function createMenuOptions(_ref) {
   var tooltips = _ref.tooltips,
     editor = _ref.editor,
@@ -12470,7 +12560,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
     setIsAddLinkActive = _ref.setIsAddLinkActive;
   return {
     font: [{
-      Icon: neetoIcons.TextBold,
+      Icon: TextBold__default["default"],
       command: function command() {
         return editor.chain().focus().toggleBold().run();
       },
@@ -12478,7 +12568,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "bold",
       tooltip: tooltips.bold || i18n.t("neetoEditor.menu.bold")
     }, {
-      Icon: neetoIcons.TextItalic,
+      Icon: TextItalic__default["default"],
       command: function command() {
         return editor.chain().focus().toggleItalic().run();
       },
@@ -12486,7 +12576,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "italic",
       tooltip: tooltips.italic || i18n.t("neetoEditor.menu.italic")
     }, {
-      Icon: neetoIcons.Underline,
+      Icon: Underline__default["default"],
       command: function command() {
         return editor.chain().focus().toggleUnderline().run();
       },
@@ -12494,14 +12584,14 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "underline",
       tooltip: tooltips.underline || i18n.t("neetoEditor.menu.underline")
     }, {
-      Icon: neetoIcons.Link,
+      Icon: Link__default["default"],
       command: function command() {
         return setIsAddLinkActive(ramda.not);
       },
       optionName: "link",
       tooltip: "Link"
     }, {
-      Icon: neetoIcons.TextCross,
+      Icon: TextCross__default["default"],
       command: function command() {
         return editor.chain().focus().toggleStrike().run();
       },
@@ -12509,7 +12599,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "strike",
       tooltip: tooltips.strike || i18n.t("neetoEditor.menu.strike")
     }, {
-      Icon: neetoIcons.Highlight,
+      Icon: Highlight__default["default"],
       command: function command() {
         return editor.chain().focus().toggleHighlight().run();
       },
@@ -12518,7 +12608,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.highlight || i18n.t("neetoEditor.menu.highlight")
     }],
     block: [{
-      Icon: neetoIcons.Quote,
+      Icon: Quote__default["default"],
       command: function command() {
         return editor.chain().focus().toggleBlockquote().run();
       },
@@ -12527,7 +12617,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       highlight: true,
       tooltip: tooltips.blockQuote || i18n.t("neetoEditor.menu.blockQuote")
     }, {
-      Icon: neetoIcons.Code,
+      Icon: Code__default["default"],
       command: function command() {
         return editor.chain().focus().toggleCode().run();
       },
@@ -12535,7 +12625,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "code",
       tooltip: tooltips.code || i18n.t("neetoEditor.menu.code")
     }, {
-      Icon: neetoIcons.CodeBlock,
+      Icon: CodeBlock__default["default"],
       command: function command() {
         return editor.chain().focus().toggleCodeBlock().run();
       },
@@ -12544,7 +12634,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.codeBlock || i18n.t("neetoEditor.menu.codeBlock")
     }],
     list: [{
-      Icon: neetoIcons.ListDot,
+      Icon: ListDot__default["default"],
       command: function command() {
         return editor.chain().focus().toggleBulletList().run();
       },
@@ -12553,7 +12643,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       highlight: true,
       tooltip: tooltips.bulletList || i18n.t("neetoEditor.menu.bulletedList")
     }, {
-      Icon: neetoIcons.ListNumber,
+      Icon: ListNumber__default["default"],
       command: function command() {
         return editor.chain().focus().toggleOrderedList().run();
       },
@@ -12563,28 +12653,28 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.orderedList || i18n.t("neetoEditor.menu.orderedList")
     }],
     misc: [{
-      Icon: neetoIcons.Attachment,
+      Icon: Attachment__default["default"],
       command: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments,
       disabled: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.isDisabled,
       active: false,
       optionName: "attachments",
       tooltip: tooltips.attachments || i18n.t("neetoEditor.menu.attachments")
     }, {
-      Icon: neetoIcons.ImageUpload,
+      Icon: ImageUpload__default["default"],
       command: function command() {
         return setMediaUploader(ramda.assoc("image", true));
       },
       optionName: "image-upload",
       tooltip: tooltips.imageUpload || i18n.t("neetoEditor.menu.imageUpload")
     }, {
-      Icon: neetoIcons.Video,
+      Icon: Video__default["default"],
       command: function command() {
         return setMediaUploader(ramda.assoc("video", true));
       },
       optionName: "video-upload",
       tooltip: tooltips.videoUpload || i18n.t("neetoEditor.menu.videoUpload")
     }, {
-      Icon: neetoIcons.MediaVideo,
+      Icon: MediaVideo__default["default"],
       command: function command() {
         return setIsEmbedModalOpen(true);
       },
@@ -12592,7 +12682,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.videoEmbed || i18n.t("neetoEditor.menu.videoEmbed")
     }],
     right: [{
-      Icon: neetoIcons.Undo,
+      Icon: Undo__default["default"],
       command: function command() {
         return editor.chain().focus().undo().run();
       },
@@ -12601,7 +12691,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "undo",
       tooltip: tooltips.undo || i18n.t("neetoEditor.menu.undo")
     }, {
-      Icon: neetoIcons.Redo,
+      Icon: Redo__default["default"],
       command: function command() {
         return editor.chain().focus().redo().run();
       },
@@ -12697,10 +12787,9 @@ var renderOptionButton = function renderOptionButton(_ref4) {
     active = _ref4.active,
     optionName = _ref4.optionName,
     highlight = _ref4.highlight;
-  return /*#__PURE__*/React.createElement(neetoui.Button, _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$9({
     "data-cy": "neeto-editor-bubble-menu-".concat(optionName, "-option"),
     icon: Icon,
-    key: optionName,
     size: "small",
     style: active ? "secondary" : "text",
     tooltipProps: {
@@ -12710,11 +12799,11 @@ var renderOptionButton = function renderOptionButton(_ref4) {
       delay: [500]
     },
     onClick: command
-  }, generateFocusProps(highlight)));
+  }, generateFocusProps(highlight)), optionName);
 };
 
-var Menu$4 = neetoui.Dropdown.Menu,
-  MenuItem$2 = neetoui.Dropdown.MenuItem;
+var Menu$4 = Dropdown__default["default"].Menu,
+  MenuItem$2 = Dropdown__default["default"].MenuItem;
 var Mentions = function Mentions(_ref) {
   var editor = _ref.editor,
     mentions = _ref.mentions,
@@ -12723,10 +12812,10 @@ var Mentions = function Mentions(_ref) {
     isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
     label = _ref.label;
   if (ramda.isEmpty(mentions)) return null;
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     buttonStyle: "text",
     "data-cy": "neeto-editor-mention-option",
-    icon: neetoIcons.Email,
+    icon: Email__default["default"],
     position: isSecondaryMenu ? "left-start" : "bottom-start",
     strategy: "fixed",
     buttonProps: {
@@ -12736,38 +12825,42 @@ var Mentions = function Mentions(_ref) {
       },
       className: "neeto-editor-fixed-menu__item"
     },
-    customTarget: isSecondaryMenu && /*#__PURE__*/React.createElement(SecondaryMenuTarget, {
+    customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: neetoIcons.Email
+      icon: Email__default["default"]
     }),
     onClick: function onClick(e) {
       return isSecondaryMenu && e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(Menu$4, null, mentions.map(function (_ref2) {
-    var key = _ref2.key,
-      name = _ref2.name,
-      imageUrl = _ref2.imageUrl;
-    return /*#__PURE__*/React.createElement(MenuItem$2.Button, {
-      "data-cy": "neeto-editor-mention-option-".concat(key),
-      key: key,
-      onClick: function onClick() {
-        return editor.commands.setMention({
-          id: key,
-          label: name
-        });
-      }
-    }, /*#__PURE__*/React.createElement(neetoui.Avatar, {
-      size: "small",
-      user: {
-        name: name,
-        imageUrl: imageUrl
-      }
-    }), /*#__PURE__*/React.createElement(neetoui.Typography, {
-      style: "body2"
-    }, name));
-  })));
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(Menu$4, {
+      children: mentions.map(function (_ref2) {
+        var key = _ref2.key,
+          name = _ref2.name,
+          imageUrl = _ref2.imageUrl;
+        return /*#__PURE__*/jsxRuntime.jsxs(MenuItem$2.Button, {
+          "data-cy": "neeto-editor-mention-option-".concat(key),
+          onClick: function onClick() {
+            return editor.commands.setMention({
+              id: key,
+              label: name
+            });
+          },
+          children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default["default"], {
+            size: "small",
+            user: {
+              name: name,
+              imageUrl: imageUrl
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: "body2",
+            children: name
+          })]
+        }, key);
+      })
+    })
+  });
 };
-var Mentions$1 = /*#__PURE__*/React$1.memo(Mentions);
+var Mentions$1 = /*#__PURE__*/React.memo(Mentions);
 
 var TextColorOption = function TextColorOption(_ref) {
   var editor = _ref.editor,
@@ -12775,15 +12868,15 @@ var TextColorOption = function TextColorOption(_ref) {
     _ref$isSecondaryMenu = _ref.isSecondaryMenu,
     isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
     label = _ref.label;
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  var _useState3 = React$1.useState(null),
+  var _useState3 = React.useState(null),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     color = _useState4[0],
     setColor = _useState4[1];
-  var dropdownWrapperRef = React$1.useRef(null);
+  var dropdownWrapperRef = React.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var handleSave = function handleSave() {
@@ -12801,7 +12894,7 @@ var TextColorOption = function TextColorOption(_ref) {
     editor.commands.focus();
     setIsOpen(false);
   });
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     setColor(editor.getAttributes("textStyle").color);
   }, [isOpen, editor.getAttributes("textStyle").color]);
   var openColorPicker = function openColorPicker(e) {
@@ -12809,10 +12902,10 @@ var TextColorOption = function TextColorOption(_ref) {
     setColor(editor.getAttributes("textStyle").color);
     setIsOpen(ramda.not);
   };
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     isOpen: isOpen,
     buttonStyle: isOpen || color ? "secondary" : "text",
-    icon: neetoIcons.Customize,
+    icon: Customize__default["default"],
     position: isSecondaryMenu ? "left-start" : "bottom-start",
     buttonProps: {
       tabIndex: -1,
@@ -12821,56 +12914,59 @@ var TextColorOption = function TextColorOption(_ref) {
       },
       className: "neeto-editor-fixed-menu__item neeto-editor-text-color-option"
     },
-    customTarget: isSecondaryMenu && /*#__PURE__*/React.createElement(SecondaryMenuTarget, {
+    customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: neetoIcons.Customize
+      icon: Customize__default["default"]
     }),
-    onClick: openColorPicker
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: dropdownWrapperRef,
-    style: {
-      "min-width": "236px"
-    },
-    onClick: function onClick(e) {
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(reactColorful.HexColorPicker, {
-    color: color || "#000000",
-    onChange: setColor
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-text-color-option__options-group"
-  }, /*#__PURE__*/React.createElement(neetoui.Input, {
-    autoFocus: true,
-    className: "neeto-editor-text-color-option__options-group__input",
-    placeholder: t("neetoEditor.placeholders.pickColor"),
-    size: "small",
-    value: color,
-    onChange: utils$1.withEventTargetValue(setColor),
-    onClick: function onClick(event) {
-      return event.stopPropagation();
-    }
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    icon: neetoIcons.Check,
-    size: "small",
-    onClick: handleSave
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    icon: neetoIcons.Close,
-    size: "small",
-    style: "text",
-    onClick: function onClick() {
-      editor.commands.focus();
-      setIsOpen(false);
-    }
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    icon: neetoIcons.Refresh,
-    size: "small",
-    style: "text",
-    tooltipProps: {
-      content: t("neetoEditor.common.resetToDefault"),
-      position: "top"
-    },
-    onClick: handleUnset
-  }))));
+    onClick: openColorPicker,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      ref: dropdownWrapperRef,
+      style: {
+        "min-width": "236px"
+      },
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactColorful.HexColorPicker, {
+        color: color || "#000000",
+        onChange: setColor
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-editor-text-color-option__options-group",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+          autoFocus: true,
+          className: "neeto-editor-text-color-option__options-group__input",
+          placeholder: t("neetoEditor.placeholders.pickColor"),
+          size: "small",
+          value: color,
+          onChange: utils$1.withEventTargetValue(setColor),
+          onClick: function onClick(event) {
+            return event.stopPropagation();
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          icon: Check__default["default"],
+          size: "small",
+          onClick: handleSave
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          icon: Close__default["default"],
+          size: "small",
+          style: "text",
+          onClick: function onClick() {
+            editor.commands.focus();
+            setIsOpen(false);
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          icon: Refresh__default["default"],
+          size: "small",
+          style: "text",
+          tooltipProps: {
+            content: t("neetoEditor.common.resetToDefault"),
+            position: "top"
+          },
+          onClick: handleUnset
+        })]
+      })]
+    })
+  });
 };
 
 var Options = function Options(_ref) {
@@ -12891,8 +12987,8 @@ var Options = function Options(_ref) {
     children = _ref.children;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var Menu = neetoui.Dropdown.Menu,
-    MenuItem = neetoui.Dropdown.MenuItem;
+  var Menu = Dropdown__default["default"].Menu,
+    MenuItem = Dropdown__default["default"].MenuItem;
   var dropdownOptions = getTextMenuDropdownOptions({
     editor: editor
   });
@@ -12920,7 +13016,7 @@ var Options = function Options(_ref) {
     }, 1000);
   };
   if (isLinkOptionActive) {
-    return /*#__PURE__*/React.createElement(LinkOption, {
+    return /*#__PURE__*/jsxRuntime.jsx(LinkOption, {
       editor: editor,
       handleAnimateInvalidLink: handleAnimateInvalidLink,
       handleClose: function handleClose() {
@@ -12929,56 +13025,61 @@ var Options = function Options(_ref) {
     });
   }
   if (isTableOptionActive) {
-    return /*#__PURE__*/React.createElement(TableOption$2, {
+    return /*#__PURE__*/jsxRuntime.jsx(TableOption$2, {
       editor: editor,
       handleClose: function handleClose() {
         return setIsTableOptionActive(false);
       }
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Dropdown, {
-    buttonSize: "small",
-    buttonStyle: "text",
-    label: nodeType,
-    strategy: "fixed"
-  }, /*#__PURE__*/React.createElement(Menu, null, dropdownOptions.map(function (_ref2) {
-    var optionName = _ref2.optionName,
-      command = _ref2.command;
-    return /*#__PURE__*/React.createElement(MenuItem.Button, {
-      key: optionName,
-      onClick: command
-    }, optionName);
-  }))), fontStyleOptions.map(renderOptionButton), blockStyleOptions.map(renderOptionButton), isTextColorOptionActive && /*#__PURE__*/React.createElement(TextColorOption, {
-    editor: editor,
-    tooltipContent: tooltips.textColor || t("neetoEditor.menu.textColor")
-  }), isEmojiActive && /*#__PURE__*/React.createElement(EmojiOption$1, {
-    editor: editor,
-    isActive: isEmojiPickerActive,
-    setActive: setIsEmojiPickerActive,
-    tooltipContent: tooltips.emoji || t("neetoEditor.menu.emoji")
-  }), listStyleOptions.map(renderOptionButton), isLinkActive && renderOptionButton({
-    Icon: neetoIcons.Link,
-    command: function command() {
-      return setIsLinkOptionActive(true);
-    },
-    active: editor.isActive("link"),
-    optionName: "link",
-    highlight: false,
-    tooltip: tooltips.link || t("neetoEditor.menu.link")
-  }), isTableActive && renderOptionButton({
-    Icon: neetoIcons.Column,
-    command: function command() {
-      return setIsTableOptionActive(true);
-    },
-    active: editor.isActive("table"),
-    optionName: "table",
-    highlight: false,
-    tooltip: tooltips.table || t("neetoEditor.menu.table")
-  }), /*#__PURE__*/React.createElement(Mentions$1, {
-    editor: editor,
-    mentions: mentions,
-    tooltipContent: tooltips.mention || t("neetoEditor.menu.mention")
-  }), children);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+      buttonSize: "small",
+      buttonStyle: "text",
+      label: nodeType,
+      strategy: "fixed",
+      children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+        children: dropdownOptions.map(function (_ref2) {
+          var optionName = _ref2.optionName,
+            command = _ref2.command;
+          return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+            onClick: command,
+            children: optionName
+          }, optionName);
+        })
+      })
+    }), fontStyleOptions.map(renderOptionButton), blockStyleOptions.map(renderOptionButton), isTextColorOptionActive && /*#__PURE__*/jsxRuntime.jsx(TextColorOption, {
+      editor: editor,
+      tooltipContent: tooltips.textColor || t("neetoEditor.menu.textColor")
+    }), isEmojiActive && /*#__PURE__*/jsxRuntime.jsx(EmojiOption$1, {
+      editor: editor,
+      isActive: isEmojiPickerActive,
+      setActive: setIsEmojiPickerActive,
+      tooltipContent: tooltips.emoji || t("neetoEditor.menu.emoji")
+    }), listStyleOptions.map(renderOptionButton), isLinkActive && renderOptionButton({
+      Icon: Link__default["default"],
+      command: function command() {
+        return setIsLinkOptionActive(true);
+      },
+      active: editor.isActive("link"),
+      optionName: "link",
+      highlight: false,
+      tooltip: tooltips.link || t("neetoEditor.menu.link")
+    }), isTableActive && renderOptionButton({
+      Icon: Column__default["default"],
+      command: function command() {
+        return setIsTableOptionActive(true);
+      },
+      active: editor.isActive("table"),
+      optionName: "table",
+      highlight: false,
+      tooltip: tooltips.table || t("neetoEditor.menu.table")
+    }), /*#__PURE__*/jsxRuntime.jsx(Mentions$1, {
+      editor: editor,
+      mentions: mentions,
+      tooltipContent: tooltips.mention || t("neetoEditor.menu.mention")
+    }), children]
+  });
 };
 
 var Bubble = function Bubble(_ref) {
@@ -12994,15 +13095,15 @@ var Bubble = function Bubble(_ref) {
     setIsEmojiPickerActive = _ref.setIsEmojiPickerActive,
     setIsEmbedModalOpen = _ref.setIsEmbedModalOpen,
     children = _ref.children;
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isInvalidLink = _useState2[0],
     setIsInvalidLink = _useState2[1];
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isLinkOptionActive = _useState4[0],
     setIsLinkOptionActive = _useState4[1];
-  var _useState5 = React$1.useState(false),
+  var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     isTableOptionActive = _useState6[0],
     setIsTableOptionActive = _useState6[1];
@@ -13015,89 +13116,102 @@ var Bubble = function Bubble(_ref) {
   if (!editor || !isImageNodeSelected && noTextOptions) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BubbleMenu, {
-    editor: editor,
-    className: classnames__default["default"]("neeto-editor-bubble-menu", {
-      "neeto-editor-bubble-menu-animate-shake": isInvalidLink
-    }),
-    tippyOptions: {
-      arrow: tippy.roundArrow,
-      zIndex: 99999,
-      onHide: function onHide() {
-        setIsLinkOptionActive(false);
-        setIsTableOptionActive(false);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: /*#__PURE__*/jsxRuntime.jsx(BubbleMenu, {
+      editor: editor,
+      className: classnames__default["default"]("neeto-editor-bubble-menu", {
+        "neeto-editor-bubble-menu-animate-shake": isInvalidLink
+      }),
+      tippyOptions: {
+        arrow: tippy.roundArrow,
+        zIndex: 99999,
+        onHide: function onHide() {
+          setIsLinkOptionActive(false);
+          setIsTableOptionActive(false);
+        },
+        theme: "neeto-editor-bubble-menu",
+        maxWidth: 500
       },
-      theme: "neeto-editor-bubble-menu",
-      maxWidth: 500
-    }
-  }, /*#__PURE__*/React.createElement(Options, {
-    attachmentProps: attachmentProps,
-    editor: editor,
-    isEmojiPickerActive: isEmojiPickerActive,
-    isLinkOptionActive: isLinkOptionActive,
-    isTableOptionActive: isTableOptionActive,
-    mentions: mentions,
-    setIsEmbedModalOpen: setIsEmbedModalOpen,
-    setIsEmojiPickerActive: setIsEmojiPickerActive,
-    setIsInvalidLink: setIsInvalidLink,
-    setIsLinkOptionActive: setIsLinkOptionActive,
-    setIsTableOptionActive: setIsTableOptionActive,
-    setMediaUploader: setMediaUploader,
-    tooltips: tooltips,
-    options: textOptions
-  }, children)));
+      children: /*#__PURE__*/jsxRuntime.jsx(Options, {
+        attachmentProps: attachmentProps,
+        editor: editor,
+        isEmojiPickerActive: isEmojiPickerActive,
+        isLinkOptionActive: isLinkOptionActive,
+        isTableOptionActive: isTableOptionActive,
+        mentions: mentions,
+        setIsEmbedModalOpen: setIsEmbedModalOpen,
+        setIsEmojiPickerActive: setIsEmojiPickerActive,
+        setIsInvalidLink: setIsInvalidLink,
+        setIsLinkOptionActive: setIsLinkOptionActive,
+        setIsTableOptionActive: setIsTableOptionActive,
+        setMediaUploader: setMediaUploader,
+        tooltips: tooltips,
+        options: textOptions,
+        children: children
+      })
+    })
+  });
 };
 
 var EmptyMenu = function EmptyMenu() {
-  return /*#__PURE__*/React.createElement("div", null);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {});
 };
 
 var Progress = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     queuedFiles = _ref.queuedFiles,
     cancelUpload = _ref.cancelUpload;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ne-media-uploader__wrapper"
-  }, queuedFiles.map(function (_ref2) {
-    var id = _ref2.id,
-      filename = _ref2.filename,
-      _ref2$progress = _ref2.progress,
-      progress = _ref2$progress === void 0 ? 0 : _ref2$progress;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "ne-media-uploader__media",
-      key: id
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ne-media-uploader__media__cancel-button-wrapper"
-    }, /*#__PURE__*/React.createElement(neetoui.Button, {
-      "data-cy": "neeto-editor-image-upload-cancel-button",
-      icon: neetoIcons.Close,
-      iconSize: 18,
-      size: "small",
-      style: "text",
-      onClick: function onClick() {
-        return cancelUpload(id);
-      }
-    })), /*#__PURE__*/React.createElement(FileIcon.File, {
-      className: "ne-media-uploader__media__info__icon",
-      fileName: filename
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "ne-media-uploader__media__info"
-    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
-      style: "nano"
-    }, progress === 100 && t("neetoEditor.localUploader.completed"), progress !== 100 && /*#__PURE__*/React.createElement(React.Fragment, null, progress, "%")), /*#__PURE__*/React.createElement("div", {
-      className: "ne-media-uploader__media__progress"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ne-media-uploader__media__progress-bar",
-      style: {
-        width: "".concat(progress, "%")
-      }
-    })), /*#__PURE__*/React.createElement(neetoui.Tooltip, {
-      content: filename,
-      position: "top"
-    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
-      style: "body3"
-    }, filename))));
-  }));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "ne-media-uploader__wrapper",
+    children: queuedFiles.map(function (_ref2) {
+      var id = _ref2.id,
+        filename = _ref2.filename,
+        _ref2$progress = _ref2.progress,
+        progress = _ref2$progress === void 0 ? 0 : _ref2$progress;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "ne-media-uploader__media",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "ne-media-uploader__media__cancel-button-wrapper",
+          children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            "data-cy": "neeto-editor-image-upload-cancel-button",
+            icon: Close__default["default"],
+            iconSize: 18,
+            size: "small",
+            style: "text",
+            onClick: function onClick() {
+              return cancelUpload(id);
+            }
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(FileIcon.File, {
+          className: "ne-media-uploader__media__info__icon",
+          fileName: filename
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "ne-media-uploader__media__info",
+          children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+            style: "nano",
+            children: [progress === 100 && t("neetoEditor.localUploader.completed"), progress !== 100 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [progress, "%"]
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "ne-media-uploader__media__progress",
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "ne-media-uploader__media__progress-bar",
+              style: {
+                width: "".concat(progress, "%")
+              }
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+            content: filename,
+            position: "top",
+            children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              style: "body3",
+              children: filename
+            })
+          })]
+        })]
+      }, id);
+    })
+  });
 });
 
 var LocalUploader = function LocalUploader(_ref) {
@@ -13108,8 +13222,8 @@ var LocalUploader = function LocalUploader(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var uploadConfig = isImage ? FileIcon.DEFAULT_IMAGE_UPLOAD_CONFIG : FileIcon.DEFAULT_VIDEO_UPLOAD_CONFIG;
-  var fileInputRef = React$1.useRef(null);
-  var dropTargetRef = React$1.useRef(null);
+  var fileInputRef = React.useRef(null);
+  var dropTargetRef = React.useRef(null);
   var _useFileUploader = FileIcon.useFileUploader({
       config: uploadConfig,
       setIsUploadingOnHost: setIsUploading
@@ -13171,10 +13285,10 @@ var LocalUploader = function LocalUploader(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
-  return !ramda.isEmpty(queuedFiles) || isUploading ? /*#__PURE__*/React.createElement(Progress, {
+  return !ramda.isEmpty(queuedFiles) || isUploading ? /*#__PURE__*/jsxRuntime.jsx(Progress, {
     cancelUpload: cancelUpload,
     queuedFiles: queuedFiles
-  }) : /*#__PURE__*/React.createElement("div", {
+  }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "ne-media-uploader__dnd",
     "data-cy": "neeto-editor-media-uploader-dnd",
     ref: dropTargetRef,
@@ -13182,25 +13296,28 @@ var LocalUploader = function LocalUploader(_ref) {
     onClick: function onClick() {
       var _fileInputRef$current;
       return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
-    }
-  }, /*#__PURE__*/React.createElement("input", {
-    multiple: true,
-    className: "ne-media-uploader__dnd-input",
-    "data-cy": "neeto-editor-media-uploader-input",
-    ref: fileInputRef,
-    type: "file",
-    accept: isImage ? FileIcon.ALLOWED_IMAGE_TYPES.join(",") : FileIcon.ALLOWED_VIDEO_TYPES.join(","),
-    onChange: handleAddFile
-  }), /*#__PURE__*/React.createElement(neetoIcons.ImageUpload, {
-    className: "ne-media-uploader__dnd-icon",
-    size: 24
-  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "body2"
-  }, t("neetoEditor.localUploader.dropFilesHere")), /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "body3"
-  }, t("neetoEditor.localUploader.maxFileSize", {
-    entity: FileIcon.convertToFileSize(uploadConfig.restrictions.maxFileSize)
-  })));
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+      multiple: true,
+      className: "ne-media-uploader__dnd-input",
+      "data-cy": "neeto-editor-media-uploader-input",
+      ref: fileInputRef,
+      type: "file",
+      accept: isImage ? FileIcon.ALLOWED_IMAGE_TYPES.join(",") : FileIcon.ALLOWED_VIDEO_TYPES.join(","),
+      onChange: handleAddFile
+    }), /*#__PURE__*/jsxRuntime.jsx(ImageUpload__default["default"], {
+      className: "ne-media-uploader__dnd-icon",
+      size: 24
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      style: "body2",
+      children: t("neetoEditor.localUploader.dropFilesHere")
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      style: "body3",
+      children: t("neetoEditor.localUploader.maxFileSize", {
+        entity: FileIcon.convertToFileSize(uploadConfig.restrictions.maxFileSize)
+      })
+    })]
+  });
 };
 
 var lib = {};
@@ -13979,11 +14096,11 @@ var searchUnsplashImages = function searchUnsplashImages(_ref) {
 
 var useDebounce = function useDebounce(value) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
-  var _useState = React$1.useState(value),
+  var _useState = React.useState(value),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     debouncedValue = _useState2[0],
     setDebouncedValue = _useState2[1];
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var timeout = setTimeout(function () {
       setDebouncedValue(value);
     }, delay);
@@ -13999,33 +14116,33 @@ var UnsplashImagePicker = function UnsplashImagePicker(_ref) {
     unsplashApiKey = _ref.unsplashApiKey;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var masonryRef = React$1.useRef(null);
-  var _useState = React$1.useState(""),
+  var masonryRef = React.useRef(null);
+  var _useState = React.useState(""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     query = _useState2[0],
     setQuery = _useState2[1];
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     error = _useState4[0],
     setError = _useState4[1];
-  var _useState5 = React$1.useState([]),
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     images = _useState6[0],
     setImages = _useState6[1];
-  var _useState7 = React$1.useState(1),
+  var _useState7 = React.useState(1),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     pageNo = _useState8[0],
     setPageNo = _useState8[1];
-  var _useState9 = React$1.useState(true),
+  var _useState9 = React.useState(true),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
     hasMore = _useState10[0],
     setHasMore = _useState10[1];
-  var _useState11 = React$1.useState(false),
+  var _useState11 = React.useState(false),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
     loading = _useState12[0],
     setLoading = _useState12[1];
   var debouncedQuery = useDebounce(query || "latest");
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     fetchUnsplashPhotos(1);
   }, [debouncedQuery]);
   var fetchUnsplashPhotos = /*#__PURE__*/function () {
@@ -14077,80 +14194,90 @@ var UnsplashImagePicker = function UnsplashImagePicker(_ref) {
     if (loading || !hasMore) return;
     pageNo > 1 && fetchUnsplashPhotos(pageNo);
   };
-  var Loader = /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-unsplash-gallery__loader"
-  }, /*#__PURE__*/React.createElement(neetoui.Spinner, null));
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-unsplash-wrapper"
-  }, /*#__PURE__*/React.createElement(neetoui.Input, {
-    autoFocus: true,
-    className: "neeto-editor-unsplash-search",
-    "data-cy": "neeto-editor-unsplash-image-picker-search-input",
-    name: "text",
-    placeholder: t("neetoEditor.placeholders.searchUnsplash"),
-    value: query,
-    onChange: function onChange(_ref4) {
-      var value = _ref4.target.value;
-      setQuery(value);
-    }
-  }), error && /*#__PURE__*/React.createElement("p", {
-    className: "neeto-editor-unsplash-gallery__text",
-    "data-cy": "neeto-editor-unsplash-image-picker-error"
-  }, t("neetoEditor.unsplash.errorMessage")), !error && !loading && neetoCist.isNotPresent(images) && /*#__PURE__*/React.createElement("p", {
-    className: "neeto-editor-unsplash-gallery__text",
-    "data-cy": "neeto-editor-unsplash-image-picker-no-results-error"
-  }, t("neetoEditor.unsplash.noResults")), !error && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-unsplash-container"
-  }, /*#__PURE__*/React.createElement(_default, {
-    pack: true,
-    position: true,
-    className: "neeto-editor-unsplash-gallery",
-    hasMore: hasMore,
-    loadMore: loadMore,
-    loader: Loader,
-    ref: masonryRef,
-    style: {
-      width: "100%"
-    },
-    useWindow: false,
-    sizes: [{
-      columns: 3,
-      gutter: 0
-    }, {
-      mq: "768px",
-      columns: 3,
-      gutter: 0
-    }, {
-      mq: "1024px",
-      columns: 3,
-      gutter: 0
-    }]
-  }, images && images.map(function (image, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "neeto-editor-unsplash-gallery__item",
-      "data-cy": "neeto-editor-unsplash-image-picker-result-".concat(index),
-      key: index
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "neeto-editor-unsplash-gallery__item-placeholder",
-      style: {
-        paddingBottom: "".concat(image.height / image.width * 100, "%")
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "neeto-editor-unsplash-gallery__item-inner",
-      id: "unsplashImage".concat(index)
-    }, /*#__PURE__*/React.createElement("img", {
-      src: image.urls.regular,
-      onClick: function onClick() {
-        return onSubmit(image.urls.small);
+  var Loader = /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-editor-unsplash-gallery__loader",
+    children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-editor-unsplash-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      autoFocus: true,
+      className: "neeto-editor-unsplash-search",
+      "data-cy": "neeto-editor-unsplash-image-picker-search-input",
+      name: "text",
+      placeholder: t("neetoEditor.placeholders.searchUnsplash"),
+      value: query,
+      onChange: function onChange(_ref4) {
+        var value = _ref4.target.value;
+        setQuery(value);
       }
-    }), /*#__PURE__*/React.createElement("a", {
-      href: "https://unsplash.com/@".concat(image.user.username),
-      rel: "noreferrer",
-      target: "_blank"
-    }, image.user.name, " "))));
-  })), !hasMore && /*#__PURE__*/React.createElement("p", {
-    className: "neeto-editor-unsplash-gallery__text"
-  }, t("neetoEditor.unsplash.end"))));
+    }), error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-editor-unsplash-gallery__text",
+      "data-cy": "neeto-editor-unsplash-image-picker-error",
+      children: t("neetoEditor.unsplash.errorMessage")
+    }), !error && !loading && neetoCist.isNotPresent(images) && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-editor-unsplash-gallery__text",
+      "data-cy": "neeto-editor-unsplash-image-picker-no-results-error",
+      children: t("neetoEditor.unsplash.noResults")
+    }), !error && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-editor-unsplash-container",
+      children: [/*#__PURE__*/jsxRuntime.jsx(_default, {
+        pack: true,
+        position: true,
+        className: "neeto-editor-unsplash-gallery",
+        hasMore: hasMore,
+        loadMore: loadMore,
+        loader: Loader,
+        ref: masonryRef,
+        style: {
+          width: "100%"
+        },
+        useWindow: false,
+        sizes: [{
+          columns: 3,
+          gutter: 0
+        }, {
+          mq: "768px",
+          columns: 3,
+          gutter: 0
+        }, {
+          mq: "1024px",
+          columns: 3,
+          gutter: 0
+        }],
+        children: images && images.map(function (image, index) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "neeto-editor-unsplash-gallery__item",
+            "data-cy": "neeto-editor-unsplash-image-picker-result-".concat(index),
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "neeto-editor-unsplash-gallery__item-placeholder",
+              style: {
+                paddingBottom: "".concat(image.height / image.width * 100, "%")
+              },
+              children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "neeto-editor-unsplash-gallery__item-inner",
+                id: "unsplashImage".concat(index),
+                children: [/*#__PURE__*/jsxRuntime.jsx("img", {
+                  src: image.urls.regular,
+                  onClick: function onClick() {
+                    return onSubmit(image.urls.small);
+                  }
+                }), /*#__PURE__*/jsxRuntime.jsxs("a", {
+                  href: "https://unsplash.com/@".concat(image.user.username),
+                  rel: "noreferrer",
+                  target: "_blank",
+                  children: [image.user.name, " "]
+                })]
+              })
+            })
+          }, index);
+        })
+      }), !hasMore && /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "neeto-editor-unsplash-gallery__text",
+        children: t("neetoEditor.unsplash.end")
+      })]
+    })]
+  });
 };
 
 var URLForm = function URLForm(_ref) {
@@ -14162,11 +14289,11 @@ var URLForm = function URLForm(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     urlString = _useState2[0],
     setUrlString = _useState2[1];
-  var _useState3 = React$1.useState(""),
+  var _useState3 = React.useState(""),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     error = _useState4[0],
     setError = _useState4[1];
@@ -14174,28 +14301,29 @@ var URLForm = function URLForm(_ref) {
     event.preventDefault();
     constants.URL_REGEXP.test(urlString) ? onSubmit(urlString) : setError(t("neetoEditor.error.invalidUrl"));
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames__default["default"]("neeto-editor-url-form__wrapper", _defineProperty__default["default"]({}, className, className))
-  }, /*#__PURE__*/React.createElement(neetoui.Input, {
-    autoFocus: true,
-    "data-cy": "neeto-editor-media-upload-url-input",
-    error: error,
-    placeholder: placeholder,
-    name: "url",
-    value: urlString,
-    onChange: function onChange(_ref2) {
-      var value = _ref2.target.value;
-      return setUrlString(value);
-    },
-    onFocus: function onFocus() {
-      return setError("");
-    }
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-media-upload-url-submit",
-    disabled: !urlString,
-    label: buttonLabel,
-    onClick: handleSubmit
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames__default["default"]("neeto-editor-url-form__wrapper", _defineProperty__default["default"]({}, className, className)),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      autoFocus: true,
+      "data-cy": "neeto-editor-media-upload-url-input",
+      error: error,
+      placeholder: placeholder,
+      name: "url",
+      value: urlString,
+      onChange: function onChange(_ref2) {
+        var value = _ref2.target.value;
+        return setUrlString(value);
+      },
+      onFocus: function onFocus() {
+        return setError("");
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      "data-cy": "neeto-editor-media-upload-url-submit",
+      disabled: !urlString,
+      label: buttonLabel,
+      onClick: handleSubmit
+    })]
+  });
 };
 
 var MediaUploader = function MediaUploader(_ref) {
@@ -14205,20 +14333,20 @@ var MediaUploader = function MediaUploader(_ref) {
     unsplashApiKey = _ref.unsplashApiKey;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React$1.useState("local"),
+  var _useState = React.useState("local"),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isUploading = _useState4[0],
     setIsUploading = _useState4[1];
   var isOpen = mediaUploader.image || mediaUploader.video;
-  var _useState5 = React$1.useState([]),
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     tabs = _useState6[0],
     setTabs = _useState6[1];
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     isOpen && setTabs(FileIcon.getTabs(mediaUploader, unsplashApiKey));
   }, [mediaUploader]);
   var handleClose = function handleClose() {
@@ -14256,41 +14384,46 @@ var MediaUploader = function MediaUploader(_ref) {
   var handleKeydown = function handleKeydown(event) {
     return ramda.not(isUploading) && event.key === "Escape" && handleClose();
   };
-  return /*#__PURE__*/React.createElement(neetoui.Modal, {
+  return /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"], {
     isOpen: isOpen,
     className: "ne-media-uploader-modal",
     closeButton: false,
     closeOnOutsideClick: ramda.not(isUploading),
     onClose: handleClose,
-    onKeyDown: handleKeydown
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ne-media-uploader"
-  }, !neetoCist.isNotPresent(tabs) && /*#__PURE__*/React.createElement(neetoui.Tab, null, tabs.map(function (_ref3) {
-    var key = _ref3.key,
-      title = _ref3.title;
-    return /*#__PURE__*/React.createElement(neetoui.Tab.Item, {
-      active: activeTab === key,
-      "data-cy": "neeto-editor-media-uploader-".concat(key, "-tab"),
-      key: key,
-      onClick: function onClick() {
-        return setActiveTab(key);
-      }
-    }, title);
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "ne-media-uploader__content"
-  }, activeTab === "local" && /*#__PURE__*/React.createElement(LocalUploader, {
-    insertMediaToEditor: insertMediaToEditor,
-    setIsUploading: setIsUploading,
-    isImage: mediaUploader.image,
-    onClose: handleClose
-  }), activeTab === "link" && /*#__PURE__*/React.createElement(URLForm, {
-    placeholder: t("neetoEditor.placeholders.pasteLink"),
-    buttonLabel: mediaUploader.image ? t("neetoEditor.localUploader.uploadImage") : t("neetoEditor.localUploader.uploadVideo"),
-    onSubmit: handleSubmit
-  }), activeTab === "unsplash" && /*#__PURE__*/React.createElement(UnsplashImagePicker, {
-    unsplashApiKey: unsplashApiKey,
-    onSubmit: handleSubmit
-  }))));
+    onKeyDown: handleKeydown,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "ne-media-uploader",
+      children: [!neetoCist.isNotPresent(tabs) && /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
+        children: tabs.map(function (_ref3) {
+          var key = _ref3.key,
+            title = _ref3.title;
+          return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
+            active: activeTab === key,
+            "data-cy": "neeto-editor-media-uploader-".concat(key, "-tab"),
+            onClick: function onClick() {
+              return setActiveTab(key);
+            },
+            children: title
+          }, key);
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "ne-media-uploader__content",
+        children: [activeTab === "local" && /*#__PURE__*/jsxRuntime.jsx(LocalUploader, {
+          insertMediaToEditor: insertMediaToEditor,
+          setIsUploading: setIsUploading,
+          isImage: mediaUploader.image,
+          onClose: handleClose
+        }), activeTab === "link" && /*#__PURE__*/jsxRuntime.jsx(URLForm, {
+          placeholder: t("neetoEditor.placeholders.pasteLink"),
+          buttonLabel: mediaUploader.image ? t("neetoEditor.localUploader.uploadImage") : t("neetoEditor.localUploader.uploadVideo"),
+          onSubmit: handleSubmit
+        }), activeTab === "unsplash" && /*#__PURE__*/jsxRuntime.jsx(UnsplashImagePicker, {
+          unsplashApiKey: unsplashApiKey,
+          onSubmit: handleSubmit
+        })]
+      })]
+    })
+  });
 };
 
 var LinkAddPopOver = function LinkAddPopOver(_ref) {
@@ -14302,34 +14435,34 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
     from = _editor$state$selecti.from,
     to = _editor$state$selecti.to;
   var text = editor.state.doc.textBetween(from, to, "");
-  var _useState = React$1.useState(text),
+  var _useState = React.useState(text),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     linkText = _useState2[0],
     setLinkText = _useState2[1];
-  var _useState3 = React$1.useState(""),
+  var _useState3 = React.useState(""),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     linkUrl = _useState4[0],
     setLinkUrl = _useState4[1];
-  var _useState5 = React$1.useState(openLinkInNewTab),
+  var _useState5 = React.useState(openLinkInNewTab),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     openInNewTab = _useState6[0],
     setOpenInNewTab = _useState6[1];
-  var _useState7 = React$1.useState(""),
+  var _useState7 = React.useState(""),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     error = _useState8[0],
     setError = _useState8[1];
-  var _useState9 = React$1.useState(getCursorPos(editor, to)),
+  var _useState9 = React.useState(getCursorPos(editor, to)),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
     popoverPosition = _useState10[0],
     setPopoverPosition = _useState10[1];
-  var _useState11 = React$1.useState({
+  var _useState11 = React.useState({
       top: 0,
       left: 0
     }),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
     arrowPosition = _useState12[0],
     setArrowPosition = _useState12[1];
-  var popoverRef = React$1.useRef(null);
+  var popoverRef = React.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isLinkTextPresent = !neetoCist.isNotPresent(linkText);
@@ -14385,7 +14518,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
     setArrowPosition(arrowPosition);
   };
   reactUtils.useOnClickOutside(popoverRef, removePopover);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (editor && isAddLinkActive) {
       updatePopoverPosition();
     }
@@ -14396,126 +14529,132 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
       window.removeEventListener("wheel", removePopover);
     };
   }, []);
-  return isAddLinkActive ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "ne-link-arrow fade-in",
-    style: {
-      top: arrowPosition.top,
-      left: arrowPosition.left
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "ne-link-popover fade-in",
-    id: "ne-link-add-popover",
-    ref: popoverRef,
-    style: popoverStyle
-  }, /*#__PURE__*/React.createElement(neetoui.Input, {
-    required: true,
-    autoFocus: !isLinkTextPresent,
-    "data-cy": "neeto-editor-add-link-text-input",
-    label: t("neetoEditor.common.text"),
-    placeholder: t("neetoEditor.placeholders.enterText"),
-    size: "small",
-    style: {
-      width: "250px"
-    },
-    value: linkText,
-    onChange: function onChange(_ref2) {
-      var value = _ref2.target.value;
-      return setLinkText(value);
-    },
-    onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React.createElement(neetoui.Input, {
-    error: error,
-    required: true,
-    autoFocus: isLinkTextPresent,
-    className: "ne-link-popover__url-input",
-    "data-cy": "neeto-editor-add-link-url-input",
-    label: t("neetoEditor.common.url"),
-    placeholder: t("neetoEditor.placeholders.url"),
-    size: "small",
-    style: {
-      width: "250px"
-    },
-    value: linkUrl,
-    onChange: function onChange(_ref3) {
-      var value = _ref3.target.value;
-      return setLinkUrl(value);
-    },
-    onFocus: function onFocus() {
-      return setError("");
-    },
-    onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React.createElement(neetoui.Checkbox, {
-    checked: openInNewTab,
-    className: "ne-link-popover__checkbox",
-    "data-cy": "neeto-editor-add-link-open-in-new-tab-switch",
-    label: t("neetoEditor.common.openInNewTab"),
-    onChange: function onChange() {
-      return setOpenInNewTab(ramda.not);
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "ne-link-popover__edit-prompt-buttons"
-  }, /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-add-link",
-    disabled: isSubmitDisabled,
-    label: t("neetoEditor.common.done"),
-    size: "small",
-    onClick: handleAddLink
-  }), /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-cy": "neeto-editor-link-popover-cancel",
-    label: t("neetoEditor.common.cancel"),
-    size: "small",
-    style: "text",
-    onClick: removePopover
-  })))), document.body) : null;
+  return isAddLinkActive ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "ne-link-arrow fade-in",
+      style: {
+        top: arrowPosition.top,
+        left: arrowPosition.left
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "ne-link-popover fade-in",
+      id: "ne-link-add-popover",
+      ref: popoverRef,
+      style: popoverStyle,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        required: true,
+        autoFocus: !isLinkTextPresent,
+        "data-cy": "neeto-editor-add-link-text-input",
+        label: t("neetoEditor.common.text"),
+        placeholder: t("neetoEditor.placeholders.enterText"),
+        size: "small",
+        style: {
+          width: "250px"
+        },
+        value: linkText,
+        onChange: function onChange(_ref2) {
+          var value = _ref2.target.value;
+          return setLinkText(value);
+        },
+        onKeyDown: handleKeyDown
+      }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        error: error,
+        required: true,
+        autoFocus: isLinkTextPresent,
+        className: "ne-link-popover__url-input",
+        "data-cy": "neeto-editor-add-link-url-input",
+        label: t("neetoEditor.common.url"),
+        placeholder: t("neetoEditor.placeholders.url"),
+        size: "small",
+        style: {
+          width: "250px"
+        },
+        value: linkUrl,
+        onChange: function onChange(_ref3) {
+          var value = _ref3.target.value;
+          return setLinkUrl(value);
+        },
+        onFocus: function onFocus() {
+          return setError("");
+        },
+        onKeyDown: handleKeyDown
+      }), /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+        checked: openInNewTab,
+        className: "ne-link-popover__checkbox",
+        "data-cy": "neeto-editor-add-link-open-in-new-tab-switch",
+        label: t("neetoEditor.common.openInNewTab"),
+        onChange: function onChange() {
+          return setOpenInNewTab(ramda.not);
+        }
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "ne-link-popover__edit-prompt-buttons",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          "data-cy": "neeto-editor-add-link",
+          disabled: isSubmitDisabled,
+          label: t("neetoEditor.common.done"),
+          size: "small",
+          onClick: handleAddLink
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          "data-cy": "neeto-editor-link-popover-cancel",
+          label: t("neetoEditor.common.cancel"),
+          size: "small",
+          style: "text",
+          onClick: removePopover
+        })]
+      })]
+    })]
+  }), document.body) : null;
 };
 
 var _excluded$3 = ["type"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu$3 = neetoui.Dropdown.Menu,
-  MenuItem$1 = neetoui.Dropdown.MenuItem;
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Menu$3 = Dropdown__default["default"].Menu,
+  MenuItem$1 = Dropdown__default["default"].MenuItem;
 var MoreMenu = function MoreMenu(_ref) {
   var groups = _ref.groups,
     editor = _ref.editor;
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     buttonProps: {
       className: "flex-shrink-0"
     },
     buttonStyle: "text",
-    icon: neetoIcons.MenuHorizontal,
-    strategy: "fixed"
-  }, /*#__PURE__*/React.createElement(Menu$3, null, groups.map(function (group) {
-    return group.map(function (_ref2) {
-      var type = _ref2.type,
-        props = _objectWithoutProperties__default["default"](_ref2, _excluded$3);
-      var Component = MENU_ELEMENTS[type];
-      if (type === MENU_ELEMENT_TYPES.BUTTON) {
-        var Icon = props.icon;
-        return /*#__PURE__*/React.createElement(MenuItem$1.Button, _extends__default["default"]({
-          "data-cy": "neeto-editor-fixed-menu-".concat(props.optionName, "-option"),
-          isActive: editor.isActive(props.optionName),
-          key: props.optionName,
-          tabIndex: "-1",
-          onClick: props.command
-        }, _objectSpread$7(_objectSpread$7(_objectSpread$7({}, generateFocusProps(props.highlight)), props), {}, {
-          editor: editor
-        })), /*#__PURE__*/React.createElement(Icon, null), " ", props.label);
-      }
-      return /*#__PURE__*/React.createElement(Component, _extends__default["default"]({
-        key: props.optionName
-      }, _objectSpread$7(_objectSpread$7({}, props), {}, {
-        editor: editor
-      }, generateFocusProps(props.highlight)), {
-        isSecondaryMenu: true
-      }));
-    });
-  })));
+    icon: MenuHorizontal__default["default"],
+    strategy: "fixed",
+    children: /*#__PURE__*/jsxRuntime.jsx(Menu$3, {
+      children: groups.map(function (group) {
+        return group.map(function (_ref2) {
+          var type = _ref2.type,
+            props = _objectWithoutProperties__default["default"](_ref2, _excluded$3);
+          var Component = MENU_ELEMENTS[type];
+          if (type === MENU_ELEMENT_TYPES.BUTTON) {
+            var Icon = props.icon;
+            return /*#__PURE__*/jsxRuntime.jsxs(MenuItem$1.Button, _objectSpread$8(_objectSpread$8({
+              "data-cy": "neeto-editor-fixed-menu-".concat(props.optionName, "-option"),
+              isActive: editor.isActive(props.optionName),
+              tabIndex: "-1",
+              onClick: props.command
+            }, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, generateFocusProps(props.highlight)), props), {}, {
+              editor: editor
+            })), {}, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {}), " ", props.label]
+            }), props.optionName);
+          }
+          return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$8(_objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, props), {}, {
+            editor: editor
+          }, generateFocusProps(props.highlight))), {}, {
+            isSecondaryMenu: true
+          }), props.optionName);
+        });
+      })
+    })
+  });
 };
 
 var EDITOR_MARKS = [constants.EDITOR_OPTIONS.UNDO, constants.EDITOR_OPTIONS.REDO, "fontSizeOptions", constants.EDITOR_OPTIONS.BOLD, constants.EDITOR_OPTIONS.ITALIC, constants.EDITOR_OPTIONS.UNDERLINE, constants.EDITOR_OPTIONS.LINK, constants.EDITOR_OPTIONS.STRIKETHROUGH, constants.EDITOR_OPTIONS.HIGHLIGHT, "bulletList", "orderedList", "blockquote", constants.EDITOR_OPTIONS.CODE, "codeBlock", constants.EDITOR_OPTIONS.TABLE, constants.EDITOR_OPTIONS.ATTACHMENTS, constants.EDITOR_OPTIONS.IMAGE_UPLOAD, constants.EDITOR_OPTIONS.VIDEO_UPLOAD, constants.EDITOR_OPTIONS.VIDEO_EMBED, constants.EDITOR_OPTIONS.TEXT_COLOR, constants.EDITOR_OPTIONS.EMOJI, "mentions"];
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useEditorState = function useEditorState(_ref) {
   var editor = _ref.editor;
   var _useEditorStore = useEditorStore(function (store) {
@@ -14526,7 +14665,7 @@ var useEditorState = function useEditorState(_ref) {
     }, shallow.shallow),
     setMarksState = _useEditorStore.setMarksState,
     marksState = _useEditorStore.marksState;
-  var handleSelectionUpdate = React$1.useCallback(function (_ref2) {
+  var handleSelectionUpdate = React.useCallback(function (_ref2) {
     var editor = _ref2.editor;
     var activeMarks = {};
     EDITOR_MARKS.forEach(function (mark) {
@@ -14543,7 +14682,7 @@ var useEditorState = function useEditorState(_ref) {
     activeMarks["fontSizeOption"] = activeFontSizeOption;
     setMarksState(activeMarks);
   }, [setMarksState]);
-  var updateHistoryOptionsState = React$1.useCallback(function (_ref4) {
+  var updateHistoryOptionsState = React.useCallback(function (_ref4) {
     var editor = _ref4.editor;
     var undoOptionState = {
       disabled: !editor.can().undo()
@@ -14551,10 +14690,10 @@ var useEditorState = function useEditorState(_ref) {
     var redoOptionState = {
       disabled: !editor.can().redo()
     };
-    var updatedMarksState = _objectSpread$6(_objectSpread$6({}, marksState), {}, _defineProperty__default["default"](_defineProperty__default["default"]({}, constants.EDITOR_OPTIONS.UNDO, undoOptionState), constants.EDITOR_OPTIONS.REDO, redoOptionState));
+    var updatedMarksState = _objectSpread$7(_objectSpread$7({}, marksState), {}, _defineProperty__default["default"](_defineProperty__default["default"]({}, constants.EDITOR_OPTIONS.UNDO, undoOptionState), constants.EDITOR_OPTIONS.REDO, redoOptionState));
     setMarksState(updatedMarksState);
   }, [marksState, setMarksState]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (!editor) return neetoCist.noop;
     updateHistoryOptionsState({
       editor: editor
@@ -14569,8 +14708,8 @@ var useEditorState = function useEditorState(_ref) {
 };
 
 var _excluded$2 = ["type"];
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Fixed = function Fixed(_ref) {
   var editor = _ref.editor,
     options = _ref.options,
@@ -14592,38 +14731,38 @@ var Fixed = function Fixed(_ref) {
     setIsEmojiPickerActive = _ref.setIsEmojiPickerActive,
     children = _ref.children,
     openLinkInNewTab = _ref.openLinkInNewTab;
-  var _useState = React$1.useState(0),
+  var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     focusedButtonIndex = _useState2[0],
     setFocusedButtonIndex = _useState2[1];
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isEmbedModalOpen = _useState4[0],
     setIsEmbedModalOpen = _useState4[1];
-  var _useState5 = React$1.useState(false),
+  var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     isAddLinkActive = _useState6[0],
     setIsAddLinkActive = _useState6[1];
-  var _useState7 = React$1.useState([]),
+  var _useState7 = React.useState([]),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     menuItems = _useState8[0],
     setMenuItems = _useState8[1];
-  var _useState9 = React$1.useState([]),
+  var _useState9 = React.useState([]),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
     moreMenuItems = _useState10[0],
     setMoreMenuItems = _useState10[1];
   useEditorState({
     editor: editor
   });
-  var editorRef = React$1.useRef(editor);
-  React$1.useEffect(function () {
+  var editorRef = React.useRef(editor);
+  React.useEffect(function () {
     editorRef.current = editor;
   }, [editor]);
-  var menuRef = React$1.useRef(null);
-  var menuContainerRef = React$1.useRef(null);
+  var menuRef = React.useRef(null);
+  var menuContainerRef = React.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var runEditorCommand = React$1.useCallback(function (command) {
+  var runEditorCommand = React.useCallback(function (command) {
     return function () {
       return command(editorRef.current);
     };
@@ -14641,14 +14780,14 @@ var Fixed = function Fixed(_ref) {
       });
     }
   };
-  var menuButtons = React$1.useMemo(function () {
+  var menuButtons = React.useMemo(function () {
     var _menuRef$current;
     return (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.querySelectorAll(".neeto-editor-fixed-menu__item");
   }, [menuRef.current]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     menuButtons === null || menuButtons === void 0 || menuButtons[focusedButtonIndex].focus();
   }, [focusedButtonIndex]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     menuButtons === null || menuButtons === void 0 || menuButtons.forEach(function (menuItem) {
       return menuItem.addEventListener("keydown", handleArrowNavigation);
     });
@@ -14658,7 +14797,7 @@ var Fixed = function Fixed(_ref) {
       });
     };
   }, [menuButtons]);
-  var menuGroups = React$1.useMemo(function () {
+  var menuGroups = React.useMemo(function () {
     return buildMenuOptions({
       tooltips: tooltips,
       runEditorCommand: runEditorCommand,
@@ -14673,7 +14812,7 @@ var Fixed = function Fixed(_ref) {
       isEmojiPickerActive: isEmojiPickerActive
     });
   }, [isEmojiPickerActive, mentions]);
-  var handleResize = React$1.useCallback(function () {
+  var handleResize = React.useCallback(function () {
     if (!menuRef.current) return;
     var _reGroupMenuItems = reGroupMenuItems(menuRef, menuGroups),
       visibleMenuGroups = _reGroupMenuItems.visibleMenuGroups,
@@ -14681,7 +14820,7 @@ var Fixed = function Fixed(_ref) {
     setMenuItems(visibleMenuGroups);
     setMoreMenuItems(invisibleMenuGroups);
   }, [setMenuItems, menuGroups, menuRef.current]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     handleResize();
     var menuContainer = menuContainerRef.current;
     var resizeObserver = new ResizeObserver(handleResize);
@@ -14703,70 +14842,71 @@ var Fixed = function Fixed(_ref) {
       label: variableName
     }).run();
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: menuContainerRef,
     className: classnames__default["default"]("neeto-editor-fixed-menu", _defineProperty__default["default"]({
       "neeto-editor-fixed-menu--independant": isIndependant
-    }, className, className))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-fixed-menu__wrapper",
-    "data-cy": "neeto-editor-fixed-menu-wrapper",
-    ref: menuRef
-  }, menuItems.map(function (group) {
-    return group.map(function (_ref2) {
-      var type = _ref2.type,
-        props = _objectWithoutProperties__default["default"](_ref2, _excluded$2);
-      var Component = MENU_ELEMENTS[type];
-      if (!Component) return null;
-      return /*#__PURE__*/React.createElement(Component, _extends__default["default"]({
-        key: props.optionName
-      }, _objectSpread$5(_objectSpread$5({}, props), {}, {
-        editor: editor
-      })));
-    });
-  }), neetoCist.isNotEmpty(moreMenuItems) && /*#__PURE__*/React.createElement(MoreMenu, {
-    editor: editor,
-    groups: moreMenuItems
-  }), children), !ramda.isEmpty(variables) && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-fixed-menu__variables",
-    "data-cy": "neeto-editor-fixed-menu-variables"
-  }, /*#__PURE__*/React.createElement(DynamicVariables__default["default"], {
-    variables: variables,
-    dropdownProps: {
-      buttonSize: "small",
-      buttonProps: {
-        tooltipProps: {
-          content: t("neetoEditor.menu.dynamicVariables"),
-          position: "bottom"
-        }
+    }, className, className)),
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-editor-fixed-menu__wrapper",
+      "data-cy": "neeto-editor-fixed-menu-wrapper",
+      ref: menuRef,
+      children: [menuItems.map(function (group) {
+        return group.map(function (_ref2) {
+          var type = _ref2.type,
+            props = _objectWithoutProperties__default["default"](_ref2, _excluded$2);
+          var Component = MENU_ELEMENTS[type];
+          if (!Component) return null;
+          return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, props), {}, {
+            editor: editor
+          })), props.optionName);
+        });
+      }), neetoCist.isNotEmpty(moreMenuItems) && /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        editor: editor,
+        groups: moreMenuItems
+      }), children]
+    }), !ramda.isEmpty(variables) && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-editor-fixed-menu__variables",
+      "data-cy": "neeto-editor-fixed-menu-variables",
+      children: /*#__PURE__*/jsxRuntime.jsx(DynamicVariables__default["default"], {
+        variables: variables,
+        dropdownProps: {
+          buttonSize: "small",
+          buttonProps: {
+            tooltipProps: {
+              content: t("neetoEditor.menu.dynamicVariables"),
+              position: "bottom"
+            }
+          }
+        },
+        onVariableClick: handleVariableClick
+      })
+    }), isAddLinkActive && /*#__PURE__*/jsxRuntime.jsx(LinkAddPopOver, {
+      editor: editor,
+      isAddLinkActive: isAddLinkActive,
+      openLinkInNewTab: openLinkInNewTab,
+      setIsAddLinkActive: setIsAddLinkActive
+    }), isMediaUploaderActive && /*#__PURE__*/jsxRuntime.jsx(MediaUploader, {
+      editor: editor,
+      mediaUploader: mediaUploader,
+      unsplashApiKey: unsplashApiKey,
+      onClose: function onClose() {
+        return setMediaUploader({
+          image: false,
+          video: false
+        });
       }
-    },
-    onVariableClick: handleVariableClick
-  })), isAddLinkActive && /*#__PURE__*/React.createElement(LinkAddPopOver, {
-    editor: editor,
-    isAddLinkActive: isAddLinkActive,
-    openLinkInNewTab: openLinkInNewTab,
-    setIsAddLinkActive: setIsAddLinkActive
-  }), isMediaUploaderActive && /*#__PURE__*/React.createElement(MediaUploader, {
-    editor: editor,
-    mediaUploader: mediaUploader,
-    unsplashApiKey: unsplashApiKey,
-    onClose: function onClose() {
-      return setMediaUploader({
-        image: false,
-        video: false
-      });
-    }
-  }), isEmbedOptionActive && /*#__PURE__*/React.createElement(EmbedOption, {
-    editor: editor,
-    isEmbedModalOpen: isEmbedModalOpen,
-    setIsEmbedModalOpen: setIsEmbedModalOpen
-  }));
+    }), isEmbedOptionActive && /*#__PURE__*/jsxRuntime.jsx(EmbedOption, {
+      editor: editor,
+      isEmbedModalOpen: isEmbedModalOpen,
+      setIsEmbedModalOpen: setIsEmbedModalOpen
+    })]
+  });
 };
 
 var _excluded$1 = ["icon", "onClick", "disabled", "className", "tooltipProps"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = function Button(_ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -14778,27 +14918,30 @@ var Button = function Button(_ref) {
     tooltipProps = _ref.tooltipProps,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
   var Icon = icon;
-  return /*#__PURE__*/React.createElement(neetoui.Tooltip, _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread$5(_objectSpread$5({
     disabled: !tooltipProps,
     onClick: function onClick() {
       return _onClick();
     }
-  }, tooltipProps), /*#__PURE__*/React.createElement("button", _extends__default["default"]({
-    className: classnames__default["default"]("ne-headless-btn", _defineProperty__default["default"]({}, className, className)),
-    type: "button"
-  }, _objectSpread$4({
-    disabled: disabled,
-    onClick: _onClick
-  }, otherProps)), icon && /*#__PURE__*/React.createElement(Icon, {
-    "aria-hidden": "true",
-    key: "2",
-    size: 18
-  })));
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$5(_objectSpread$5({
+      className: classnames__default["default"]("ne-headless-btn", _defineProperty__default["default"]({}, className, className)),
+      type: "button"
+    }, _objectSpread$5({
+      disabled: disabled,
+      onClick: _onClick
+    }, otherProps)), {}, {
+      children: icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+        "aria-hidden": "true",
+        size: 18
+      }, "2")
+    }))
+  }));
 };
 
 var _excluded = ["icon", "isOpen", "onClose", "children", "className", "onClick", "buttonProps"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var hideOnEsc = {
   name: "hideOnEsc",
   defaultValue: true,
@@ -14834,11 +14977,11 @@ var Dropdown = function Dropdown(_ref2) {
     _ref2$buttonProps = _ref2.buttonProps,
     buttonProps = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
     otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     mounted = _useState2[0],
     setMounted = _useState2[1];
-  return /*#__PURE__*/React.createElement(Tippy__default["default"], _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx(Tippy__default["default"], _objectSpread$4(_objectSpread$4({
     hideOnEsc: true,
     interactive: true,
     animation: false,
@@ -14856,9 +14999,10 @@ var Dropdown = function Dropdown(_ref2) {
     trigger: "click",
     visible: isOpen,
     className: classnames__default["default"]("ne-headless-dropdown", _defineProperty__default["default"]({}, className, className)),
-    content: mounted && /*#__PURE__*/React.createElement("div", {
-      className: "ne-headless-dropdown__popup"
-    }, children),
+    content: mounted && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "ne-headless-dropdown__popup",
+      children: children
+    }),
     onClickOutside: onClose,
     onClose: onClose,
     onHidden: function onHidden() {
@@ -14867,10 +15011,14 @@ var Dropdown = function Dropdown(_ref2) {
     onMount: function onMount() {
       return setMounted(true);
     }
-  }, otherProps), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, _objectSpread$3({
-    icon: icon,
-    onClick: onClick
-  }, buttonProps))));
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$4({}, _objectSpread$4({
+        icon: icon,
+        onClick: onClick
+      }, buttonProps)))
+    })
+  }));
 };
 
 var Emoji = function Emoji(_ref) {
@@ -14878,9 +15026,9 @@ var Emoji = function Emoji(_ref) {
     isActive = _ref.isActive,
     setActive = _ref.setActive,
     tooltipContent = _ref.tooltipContent;
-  return /*#__PURE__*/React.createElement(Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
     className: "ne-headless__emoji",
-    icon: neetoIcons.Smiley,
+    icon: Smiley__default["default"],
     isOpen: isActive,
     buttonProps: {
       tooltipProps: {
@@ -14897,11 +15045,12 @@ var Emoji = function Emoji(_ref) {
     },
     onClose: function onClose() {
       return setActive(false);
-    }
-  }, /*#__PURE__*/React.createElement(EmojiPickerMenu, {
-    editor: editor,
-    setActive: setActive
-  }));
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(EmojiPickerMenu, {
+      editor: editor,
+      setActive: setActive
+    })
+  });
 };
 
 var Option = function Option(_ref) {
@@ -14914,14 +15063,14 @@ var Option = function Option(_ref) {
     setActive = _ref.setActive,
     tooltip = _ref.tooltip;
   if (optionName === constants.EDITOR_OPTIONS.EMOJI) {
-    return /*#__PURE__*/React.createElement(Emoji, {
+    return /*#__PURE__*/jsxRuntime.jsx(Emoji, {
       editor: editor,
       isActive: isActive,
       setActive: setActive,
       tooltipContent: tooltip || "Emoji"
     });
   }
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/jsxRuntime.jsx(Button, {
     className: isActive ? "ne-headless-btn--active" : "",
     disabled: disabled,
     "data-cy": neetoCist.hyphenate(optionName),
@@ -14935,8 +15084,8 @@ var Option = function Option(_ref) {
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var t = i18n__default["default"].t;
 var createMenuOptions$1 = function createMenuOptions(_ref) {
   var editor = _ref.editor,
@@ -14947,7 +15096,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     setIsEmojiPickerActive = _ref.setIsEmojiPickerActive,
     setIsEmbedModalOpen = _ref.setIsEmbedModalOpen;
   return [{
-    Icon: neetoIcons.TextBold,
+    Icon: TextBold__default["default"],
     command: function command() {
       return editor.chain().focus().toggleBold().run();
     },
@@ -14955,7 +15104,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "bold",
     tooltip: tooltips.bold || t("neetoEditor.menu.bold")
   }, {
-    Icon: neetoIcons.TextItalic,
+    Icon: TextItalic__default["default"],
     command: function command() {
       return editor.chain().focus().toggleItalic().run();
     },
@@ -14963,7 +15112,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "italic",
     tooltip: tooltips.italic || t("neetoEditor.menu.italic")
   }, {
-    Icon: neetoIcons.Underline,
+    Icon: Underline__default["default"],
     command: function command() {
       return editor.chain().focus().toggleUnderline().run();
     },
@@ -14971,7 +15120,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "underline",
     tooltip: tooltips.underline || t("neetoEditor.menu.underline")
   }, {
-    Icon: neetoIcons.TextCross,
+    Icon: TextCross__default["default"],
     command: function command() {
       return editor.chain().focus().toggleStrike().run();
     },
@@ -14979,7 +15128,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "strike",
     tooltip: tooltips.strike || t("neetoEditor.menu.strike")
   }, {
-    Icon: neetoIcons.Highlight,
+    Icon: Highlight__default["default"],
     command: function command() {
       return editor.chain().focus().toggleHighlight().run();
     },
@@ -14987,7 +15136,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "highlight",
     tooltip: tooltips.highlight || t("neetoEditor.menu.highlight")
   }, {
-    Icon: neetoIcons.Quote,
+    Icon: Quote__default["default"],
     command: function command() {
       return editor.chain().focus().toggleBlockquote().run();
     },
@@ -14995,7 +15144,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "block-quote",
     tooltip: tooltips.blockQuote || t("neetoEditor.menu.blockQuote")
   }, {
-    Icon: neetoIcons.Code,
+    Icon: Code__default["default"],
     command: function command() {
       return editor.chain().focus().toggleCode().run();
     },
@@ -15003,7 +15152,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "code",
     tooltip: tooltips.code || t("neetoEditor.menu.code")
   }, {
-    Icon: neetoIcons.CodeBlock,
+    Icon: CodeBlock__default["default"],
     command: function command() {
       return editor.chain().focus().toggleCodeBlock().run();
     },
@@ -15011,7 +15160,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "code-block",
     tooltip: tooltips.codeBlock || t("neetoEditor.menu.codeBlock")
   }, {
-    Icon: neetoIcons.ListDot,
+    Icon: ListDot__default["default"],
     command: function command() {
       return editor.chain().focus().toggleBulletList().run();
     },
@@ -15019,7 +15168,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "bullet-list",
     tooltip: tooltips.bulletList || t("neetoEditor.menu.bulletedList")
   }, {
-    Icon: neetoIcons.ListNumber,
+    Icon: ListNumber__default["default"],
     command: function command() {
       return editor.chain().focus().toggleOrderedList().run();
     },
@@ -15027,41 +15176,41 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "ordered-list",
     tooltip: tooltips.orderedList || t("neetoEditor.menu.orderedList")
   }, {
-    Icon: neetoIcons.File,
+    Icon: File__default["default"],
     command: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments,
     disabled: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.isDisabled,
     optionName: "attachments",
     tooltip: tooltips.attachments || t("neetoEditor.menu.attachments")
   }, {
-    Icon: neetoIcons.ImageUpload,
+    Icon: ImageUpload__default["default"],
     command: function command() {
       return setMediaUploader(ramda.assoc("image", true));
     },
     optionName: "image-upload",
     tooltip: tooltips.imageUpload || t("neetoEditor.menu.imageUpload")
   }, {
-    Icon: neetoIcons.Video,
+    Icon: Video__default["default"],
     command: function command() {
       return setMediaUploader(ramda.assoc("video", true));
     },
     optionName: "video-upload",
     tooltip: tooltips.videoUpload || t("neetoEditor.menu.videoUpload")
   }, {
-    Icon: neetoIcons.MediaVideo,
+    Icon: MediaVideo__default["default"],
     command: function command() {
       return setIsEmbedModalOpen(true);
     },
     optionName: "video-embed",
     tooltip: tooltips.videoEmbed || t("neetoEditor.menu.videoEmbed")
   }, {
-    Icon: neetoIcons.Smiley,
+    Icon: Smiley__default["default"],
     command: neetoCist.noop,
     optionName: "emoji",
     tooltip: tooltips.emoji || t("neetoEditor.menu.emoji"),
     isActive: isEmojiPickerActive,
     setActive: setIsEmojiPickerActive
   }, {
-    Icon: neetoIcons.Column,
+    Icon: Column__default["default"],
     command: function command() {
       return editor.chain().focus().insertTable({
         rows: 3,
@@ -15072,7 +15221,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "table",
     tooltip: tooltips.table || t("neetoEditor.menu.table")
   }, {
-    Icon: neetoIcons.Undo,
+    Icon: Undo__default["default"],
     command: function command() {
       return editor.chain().focus().undo().run();
     },
@@ -15080,7 +15229,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "undo",
     tooltip: tooltips.undo || t("neetoEditor.menu.undo")
   }, {
-    Icon: neetoIcons.Redo,
+    Icon: Redo__default["default"],
     command: function command() {
       return editor.chain().focus().redo().run();
     },
@@ -15095,7 +15244,7 @@ var buildOptionsFromAddonCommands$1 = function buildOptionsFromAddonCommands(_re
   var to = editor.state.selection.to;
   return commands.map(function (option) {
     var _option$active;
-    return _objectSpread$2(_objectSpread$2({}, option), {}, {
+    return _objectSpread$3(_objectSpread$3({}, option), {}, {
       active: (_option$active = option.active) === null || _option$active === void 0 ? void 0 : _option$active.call(option, {
         editor: editor
       }),
@@ -15137,6 +15286,8 @@ var buildMenuOptions$1 = function buildMenuOptions(_ref3) {
   }).filter(Boolean);
 };
 
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Headless = function Headless(_ref) {
   var editor = _ref.editor,
     options = _ref.options,
@@ -15172,24 +15323,25 @@ var Headless = function Headless(_ref) {
     commands: addonCommands
   });
   var allOptions = [].concat(_toConsumableArray__default["default"](menuOptions), _toConsumableArray__default["default"](addonCommandOptions));
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames__default["default"]("ne-headless", _defineProperty__default["default"]({}, className, className))
-  }, allOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(Option, _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames__default["default"]("ne-headless", _defineProperty__default["default"]({}, className, className)),
+    children: [allOptions.map(function (option) {
+      return /*#__PURE__*/React.createElement(Option, _objectSpread$2({
+        editor: editor,
+        key: option.optionName
+      }, option));
+    }), children, isMediaUploaderActive && /*#__PURE__*/jsxRuntime.jsx(MediaUploader, {
       editor: editor,
-      key: option.optionName
-    }, option));
-  }), children, isMediaUploaderActive && /*#__PURE__*/React.createElement(MediaUploader, {
-    editor: editor,
-    mediaUploader: mediaUploader,
-    unsplashApiKey: unsplashApiKey,
-    onClose: function onClose() {
-      return setMediaUploader({
-        image: false,
-        video: false
-      });
-    }
-  }));
+      mediaUploader: mediaUploader,
+      unsplashApiKey: unsplashApiKey,
+      onClose: function onClose() {
+        return setMediaUploader({
+          image: false,
+          video: false
+        });
+      }
+    })]
+  });
 };
 
 var FONT_SIZE_OPTIONS = [{
@@ -15224,13 +15376,13 @@ var MENU_COMPONENTS = {
   none: EmptyMenu
 };
 
-var Menu$2 = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem;
+var Menu$2 = Dropdown__default["default"].Menu,
+  MenuItem = Dropdown__default["default"].MenuItem;
 var FontSizeOption = function FontSizeOption(_ref) {
   var runEditorCommand = _ref.runEditorCommand,
     tooltipContent = _ref.tooltipContent,
     label = _ref.label;
-  var dropdownRef = React$1.useRef(null);
+  var dropdownRef = React.useRef(null);
   var lastOption = ramda.last(FONT_SIZE_OPTIONS);
   var _useEditorStore = useEditorStore(function (store) {
       var _store$marksState;
@@ -15249,7 +15401,7 @@ var FontSizeOption = function FontSizeOption(_ref) {
       return editor.chain().focus().setNode("paragraph").run();
     })();
   };
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     autoWidth: true,
     label: activeOption === null || activeOption === void 0 ? void 0 : activeOption.label,
     placement: "bottom-start",
@@ -15268,25 +15420,29 @@ var FontSizeOption = function FontSizeOption(_ref) {
       style: "text",
       size: "small",
       className: "neeto-editor-fixed-menu__item neeto-editor-font-size__wrapper"
-    }
-  }, /*#__PURE__*/React.createElement(Menu$2, null, FONT_SIZE_OPTIONS.map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value,
-      key = _ref2.key;
-    return /*#__PURE__*/React.createElement(MenuItem.Button, {
-      "data-cy": "neeto-editor-fixed-menu-font-size-option-".concat(key),
-      key: value,
-      onClick: function onClick() {
-        return handleClick(value);
-      }
-    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
-      style: key
-    }, label));
-  })));
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(Menu$2, {
+      children: FONT_SIZE_OPTIONS.map(function (_ref2) {
+        var label = _ref2.label,
+          value = _ref2.value,
+          key = _ref2.key;
+        return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+          "data-cy": "neeto-editor-fixed-menu-font-size-option-".concat(key),
+          onClick: function onClick() {
+            return handleClick(value);
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: key,
+            children: label
+          })
+        }, value);
+      })
+    })
+  });
 };
-var FontSizeOption$1 = /*#__PURE__*/React$1.memo(FontSizeOption);
+var FontSizeOption$1 = /*#__PURE__*/React.memo(FontSizeOption);
 
-var Menu$1 = neetoui.Dropdown.Menu;
+var Menu$1 = Dropdown__default["default"].Menu;
 var TableOption = function TableOption(_ref) {
   var editor = _ref.editor,
     tooltipContent = _ref.tooltipContent,
@@ -15295,15 +15451,15 @@ var TableOption = function TableOption(_ref) {
     label = _ref.label;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  var _useState3 = React$1.useState(3),
+  var _useState3 = React.useState(3),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     rows = _useState4[0],
     setRows = _useState4[1];
-  var _useState5 = React$1.useState(3),
+  var _useState5 = React.useState(3),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     columns = _useState6[0],
     setColumns = _useState6[1];
@@ -15324,12 +15480,12 @@ var TableOption = function TableOption(_ref) {
     isSecondaryMenu && e.stopPropagation();
     setIsOpen(ramda.not);
   };
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     isOpen: isOpen,
     buttonStyle: isOpen ? "secondary" : "text",
     closeOnSelect: false,
     "data-cy": "neeto-editor-fixed-menu-link-option",
-    icon: neetoIcons.Column,
+    icon: Column__default["default"],
     position: isSecondaryMenu ? "left-start" : "bottom",
     buttonProps: {
       tabIndex: -1,
@@ -15339,44 +15495,47 @@ var TableOption = function TableOption(_ref) {
       },
       className: "neeto-editor-fixed-menu__item"
     },
-    customTarget: isSecondaryMenu && /*#__PURE__*/React.createElement(SecondaryMenuTarget, {
+    customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: neetoIcons.Column
+      icon: Column__default["default"]
     }),
     onClick: handleDropdownClick,
-    onClose: handleClose
-  }, /*#__PURE__*/React.createElement(Menu$1, {
-    className: "neeto-editor-table__item"
-  }, /*#__PURE__*/React.createElement(neetoui.Input, {
-    autoFocus: true,
-    "data-cy": "neeto-editor-fixed-menu-table-option-input",
-    label: t("neetoEditor.menu.rows"),
-    min: "1",
-    placeholder: t("neetoEditor.placeholders.rows"),
-    size: "small",
-    type: "number",
-    value: rows,
-    onChange: utils$1.withEventTargetValue(setRows)
-  }), /*#__PURE__*/React.createElement(neetoui.Input, {
-    "data-cy": "neeto-editor-fixed-menu-table-option-input",
-    label: t("neetoEditor.menu.columns"),
-    min: "1",
-    placeholder: t("neetoEditor.placeholders.rows"),
-    size: "small",
-    type: "number",
-    value: columns,
-    onChange: utils$1.withEventTargetValue(setColumns)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-table-menu__button"
-  }, /*#__PURE__*/React.createElement(neetoui.Button, {
-    className: "mt-auto",
-    "data-cy": "neeto-editor-fixed-menu-table-option-create-button",
-    label: t("neetoEditor.common.create"),
-    size: "small",
-    onClick: handleSubmit
-  }))));
+    onClose: handleClose,
+    children: /*#__PURE__*/jsxRuntime.jsxs(Menu$1, {
+      className: "neeto-editor-table__item",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        autoFocus: true,
+        "data-cy": "neeto-editor-fixed-menu-table-option-input",
+        label: t("neetoEditor.menu.rows"),
+        min: "1",
+        placeholder: t("neetoEditor.placeholders.rows"),
+        size: "small",
+        type: "number",
+        value: rows,
+        onChange: utils$1.withEventTargetValue(setRows)
+      }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        "data-cy": "neeto-editor-fixed-menu-table-option-input",
+        label: t("neetoEditor.menu.columns"),
+        min: "1",
+        placeholder: t("neetoEditor.placeholders.rows"),
+        size: "small",
+        type: "number",
+        value: columns,
+        onChange: utils$1.withEventTargetValue(setColumns)
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-editor-table-menu__button",
+        children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          className: "mt-auto",
+          "data-cy": "neeto-editor-fixed-menu-table-option-create-button",
+          label: t("neetoEditor.common.create"),
+          size: "small",
+          onClick: handleSubmit
+        })
+      })]
+    })
+  });
 };
-var TableOption$1 = /*#__PURE__*/React$1.memo(TableOption);
+var TableOption$1 = /*#__PURE__*/React.memo(TableOption);
 
 var MENU_ELEMENT_TYPES = {
   BUTTON: "button",
@@ -15410,7 +15569,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
   return [
   // history
   [{
-    icon: neetoIcons.Undo,
+    icon: Undo__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().undo().run();
     }),
@@ -15419,7 +15578,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$undo = tooltips.undo) !== null && _tooltips$undo !== void 0 ? _tooltips$undo : i18n.t("neetoEditor.menu.undo"),
     type: MENU_ELEMENT_TYPES.BUTTON
   }, {
-    icon: neetoIcons.Redo,
+    icon: Redo__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().redo().run();
     }),
@@ -15438,7 +15597,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     runEditorCommand: runEditorCommand
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.TextBold,
+    icon: TextBold__default["default"],
     isEnabled: options.includes(constants.EDITOR_OPTIONS.BOLD),
     command: runEditorCommand(function (editor) {
       return editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleBold().run();
@@ -15447,7 +15606,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$bold = tooltips.bold) !== null && _tooltips$bold !== void 0 ? _tooltips$bold : i18n.t("neetoEditor.menu.bold")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.TextItalic,
+    icon: TextItalic__default["default"],
     isEnabled: options.includes(constants.EDITOR_OPTIONS.ITALIC),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleItalic().run();
@@ -15456,7 +15615,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$italic = tooltips.italic) !== null && _tooltips$italic !== void 0 ? _tooltips$italic : i18n.t("neetoEditor.menu.italic")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Underline,
+    icon: Underline__default["default"],
     isEnabled: options.includes(constants.EDITOR_OPTIONS.UNDERLINE),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleUnderline().run();
@@ -15465,7 +15624,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : i18n.t("neetoEditor.menu.underline")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Link,
+    icon: Link__default["default"],
     isEnabled: options.includes(constants.EDITOR_OPTIONS.LINK),
     command: function command() {
       return setIsAddLinkActive(ramda.not);
@@ -15474,7 +15633,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$link = tooltips.link) !== null && _tooltips$link !== void 0 ? _tooltips$link : i18n.t("neetoEditor.menu.link")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.TextCross,
+    icon: TextCross__default["default"],
     isEnabled: options.includes(constants.EDITOR_OPTIONS.STRIKETHROUGH),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleStrike().run();
@@ -15483,7 +15642,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$strike = tooltips.strike) !== null && _tooltips$strike !== void 0 ? _tooltips$strike : i18n.t("neetoEditor.menu.strike")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Highlight,
+    icon: Highlight__default["default"],
     isEnabled: options.includes(constants.EDITOR_OPTIONS.HIGHLIGHT),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleHighlight().run();
@@ -15494,7 +15653,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
   // list
   [{
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.ListDot,
+    icon: ListDot__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleBulletList().run();
     }),
@@ -15504,7 +15663,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$bulletList = tooltips.bulletList) !== null && _tooltips$bulletList !== void 0 ? _tooltips$bulletList : i18n.t("neetoEditor.menu.bulletedList")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.ListNumber,
+    icon: ListNumber__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleOrderedList().run();
     }),
@@ -15516,7 +15675,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
   // block
   [{
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Quote,
+    icon: Quote__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleBlockquote().run();
     }),
@@ -15526,7 +15685,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$blockQuote = tooltips.blockQuote) !== null && _tooltips$blockQuote !== void 0 ? _tooltips$blockQuote : i18n.t("neetoEditor.menu.blockQuote")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Code,
+    icon: Code__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleCode().run();
     }),
@@ -15535,7 +15694,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : i18n.t("neetoEditor.menu.code")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.CodeBlock,
+    icon: CodeBlock__default["default"],
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleCodeBlock().run();
     }),
@@ -15551,7 +15710,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     optionName: constants.EDITOR_OPTIONS.TABLE
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Attachment,
+    icon: Attachment__default["default"],
     command: function command() {
       return attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments();
     },
@@ -15561,7 +15720,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$attachments = tooltips.attachments) !== null && _tooltips$attachments !== void 0 ? _tooltips$attachments : i18n.t("neetoEditor.menu.attachments")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.ImageUpload,
+    icon: ImageUpload__default["default"],
     command: function command() {
       return setMediaUploader(ramda.assoc("image", true));
     },
@@ -15570,7 +15729,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$imageUpload = tooltips.imageUpload) !== null && _tooltips$imageUpload !== void 0 ? _tooltips$imageUpload : i18n.t("neetoEditor.menu.imageUpload")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.Video,
+    icon: Video__default["default"],
     command: function command() {
       return setMediaUploader(ramda.assoc("video", true));
     },
@@ -15579,7 +15738,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : i18n.t("neetoEditor.menu.videoUpload")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: neetoIcons.MediaVideo,
+    icon: MediaVideo__default["default"],
     command: function command() {
       return setIsEmbedModalOpen(true);
     },
@@ -15741,11 +15900,11 @@ injectCss.n(css,{});
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Menu = function Menu(props) {
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isEmojiPickerActive = _useState2[0],
     setIsEmojiPickerActive = _useState2[1];
-  var _useState3 = React$1.useState({
+  var _useState3 = React.useState({
       image: false,
       video: false
     }),
@@ -15763,11 +15922,11 @@ var Menu = function Menu(props) {
     attachmentProps = props.attachmentProps,
     _props$defaults = props.defaults,
     defaults = _props$defaults === void 0 ? utils.DEFAULT_EDITOR_OPTIONS : _props$defaults;
-  var MenuComponent = React$1.useMemo(function () {
+  var MenuComponent = React.useMemo(function () {
     return MENU_COMPONENTS[menuType];
   }, [menuType]);
   var menuOptions = ramda.isEmpty(options) ? [].concat(_toConsumableArray__default["default"](defaults), _toConsumableArray__default["default"](addons)) : options;
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var handleKeyDown = function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.altKey) {
         if (e.code === "KeyE") {
@@ -15790,13 +15949,13 @@ var Menu = function Menu(props) {
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, []);
-  return /*#__PURE__*/React.createElement(MenuComponent, _extends__default["default"]({}, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(MenuComponent, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, props), {}, {
     attachmentProps: attachmentProps,
     isEmojiPickerActive: isEmojiPickerActive,
     mediaUploader: mediaUploader,
     setIsEmojiPickerActive: setIsEmojiPickerActive,
     setMediaUploader: setMediaUploader
-  }), {
+  })), {}, {
     options: menuOptions,
     unsplashApiKey: editorSecrets.unsplash
   }));
@@ -15846,4 +16005,4 @@ exports.textblockTypeInputRule = textblockTypeInputRule;
 exports.useEditor = useEditor;
 exports.validateUrl = validateUrl;
 exports.wrappingInputRule = wrappingInputRule;
-//# sourceMappingURL=chunk-d12e89fd.cjs.js.map
+//# sourceMappingURL=chunk-242eea5e.cjs.js.map