@bigbinary/neeto-editor 1.47.93 → 1.47.95

package/dist/cjs/{chunk-C62Rxbt6.cjs.js → chunk-BdXk4fyW.cjs.js}

@@ -13,7 +13,7 @@ var TextH3 = require('@bigbinary/neeto-icons/TextH3');
 var TextH4 = require('@bigbinary/neeto-icons/TextH4');
 var TextH5 = require('@bigbinary/neeto-icons/TextH5');
 var TextP = require('@bigbinary/neeto-icons/TextP');
-var utils = require('./chunk-CSXB73dt.cjs.js');
+var utils = require('./chunk-BWXzVFnj.cjs.js');
 var tippy = require('tippy.js');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
@@ -69,7 +69,7 @@ var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-fronte
 var Modal = require('@bigbinary/neetoui/Modal');
 var Tab = require('@bigbinary/neetoui/Tab');
 var Toastr = require('@bigbinary/neetoui/Toastr');
-var FileIcon = require('./chunk-BPN8K4fD.cjs.js');
+var FileIcon = require('./chunk-COT7CF-z.cjs.js');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var Input$1 = require('@bigbinary/neetoui/formik/Input');
@@ -88,7 +88,82 @@ var Success = require('@bigbinary/neeto-icons/misc/Success');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
 var Tippy = require('@tippyjs/react');
-var constants$1 = require('./chunk-BHwZbfLM.cjs.js');
+var constants$1 = require('./chunk-BGy3NmZC.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var TextH1__default = /*#__PURE__*/_interopDefault(TextH1);
+var TextH2__default = /*#__PURE__*/_interopDefault(TextH2);
+var TextH3__default = /*#__PURE__*/_interopDefault(TextH3);
+var TextH4__default = /*#__PURE__*/_interopDefault(TextH4);
+var TextH5__default = /*#__PURE__*/_interopDefault(TextH5);
+var TextP__default = /*#__PURE__*/_interopDefault(TextP);
+var tippy__default = /*#__PURE__*/_interopDefault(tippy);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var Column__default = /*#__PURE__*/_interopDefault(Column);
+var Down__default = /*#__PURE__*/_interopDefault(Down);
+var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown$1);
+var Close__default = /*#__PURE__*/_interopDefault(Close);
+var Button__default = /*#__PURE__*/_interopDefault(Button$1);
+var Check__default = /*#__PURE__*/_interopDefault(Check);
+var Label__default = /*#__PURE__*/_interopDefault(Label);
+var Quote__default = /*#__PURE__*/_interopDefault(Quote);
+var Attachment__default = /*#__PURE__*/_interopDefault(Attachment);
+var CodeBlock__default = /*#__PURE__*/_interopDefault(CodeBlock);
+var Code__default = /*#__PURE__*/_interopDefault(Code);
+var Highlight__default = /*#__PURE__*/_interopDefault(Highlight);
+var TextBold__default = /*#__PURE__*/_interopDefault(TextBold);
+var TextCross__default = /*#__PURE__*/_interopDefault(TextCross);
+var TextItalic__default = /*#__PURE__*/_interopDefault(TextItalic);
+var Underline__default = /*#__PURE__*/_interopDefault(Underline);
+var ListDot__default = /*#__PURE__*/_interopDefault(ListDot);
+var ListNumber__default = /*#__PURE__*/_interopDefault(ListNumber);
+var ImageUpload__default = /*#__PURE__*/_interopDefault(ImageUpload);
+var Video__default = /*#__PURE__*/_interopDefault(Video);
+var Undo__default = /*#__PURE__*/_interopDefault(Undo);
+var Redo__default = /*#__PURE__*/_interopDefault(Redo);
+var Email__default = /*#__PURE__*/_interopDefault(Email);
+var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var Smiley__default = /*#__PURE__*/_interopDefault(Smiley);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefault(_asyncToGenerator);
+var _classCallCheck__default = /*#__PURE__*/_interopDefault(_classCallCheck);
+var _createClass__default = /*#__PURE__*/_interopDefault(_createClass);
+var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefault(_possibleConstructorReturn);
+var _getPrototypeOf__default = /*#__PURE__*/_interopDefault(_getPrototypeOf);
+var _inherits__default = /*#__PURE__*/_interopDefault(_inherits);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var axios__default = /*#__PURE__*/_interopDefault(axios);
+var Customize__default = /*#__PURE__*/_interopDefault(Customize);
+var Refresh__default = /*#__PURE__*/_interopDefault(Refresh);
+var Input__default = /*#__PURE__*/_interopDefault(Input);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var Modal__default = /*#__PURE__*/_interopDefault(Modal);
+var Tab__default = /*#__PURE__*/_interopDefault(Tab);
+var Toastr__default = /*#__PURE__*/_interopDefault(Toastr);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
+var Form__default = /*#__PURE__*/_interopDefault(Form);
+var Input__default$1 = /*#__PURE__*/_interopDefault(Input$1);
+var ActionBlock__default = /*#__PURE__*/_interopDefault(ActionBlock);
+var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
+var Checkbox__default$1 = /*#__PURE__*/_interopDefault(Checkbox$1);
+var File__default = /*#__PURE__*/_interopDefault(File);
+var Flag__default = /*#__PURE__*/_interopDefault(Flag);
+var Info__default = /*#__PURE__*/_interopDefault(Info);
+var Warning__default = /*#__PURE__*/_interopDefault(Warning);
+var Danger__default = /*#__PURE__*/_interopDefault(Danger);
+var Megaphone__default = /*#__PURE__*/_interopDefault(Megaphone);
+var Success__default = /*#__PURE__*/_interopDefault(Success);
+var MenuHorizontal__default = /*#__PURE__*/_interopDefault(MenuHorizontal);
+var DynamicVariables__default = /*#__PURE__*/_interopDefault(DynamicVariables);
+var Tippy__default = /*#__PURE__*/_interopDefault(Tippy);
 
 const domIndex = function (node) {
     for (var index = 0;; index++) {
@@ -14699,7 +14774,7 @@ class BubbleMenuView {
         if (this.tippy || !editorIsAttached) {
             return;
         }
-        this.tippy = tippy(editorElement, {
+        this.tippy = tippy__default.default(editorElement, {
             duration: 0,
             getReferenceClientRect: null,
             content: this.element,
@@ -14803,7 +14878,7 @@ var hasRequiredUseSyncExternalStoreShim_production_min;
 function requireUseSyncExternalStoreShim_production_min () {
 	if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
 	hasRequiredUseSyncExternalStoreShim_production_min = 1;
-var e=React;function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
+var e=React__default.default;function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
 	function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
 	return useSyncExternalStoreShim_production_min;
 }
@@ -14833,7 +14908,7 @@ const Portals = ({ contentComponent, }) => {
     // For performance reasons, we render the node view portals on state changes only
     const renderers = shimExports.useSyncExternalStore(contentComponent.subscribe, contentComponent.getSnapshot, contentComponent.getServerSnapshot);
     // This allows us to directly render the portals without any additional wrapper
-    return (React.createElement(React.Fragment, null, Object.values(renderers)));
+    return (React__default.default.createElement(React__default.default.Fragment, null, Object.values(renderers)));
 };
 function getInstance() {
     const subscribers = new Set();
@@ -14860,7 +14935,7 @@ function getInstance() {
         setRenderer(id, renderer) {
             renderers = {
                 ...renderers,
-                [id]: ReactDOM.createPortal(renderer.reactElement, renderer.element, id),
+                [id]: ReactDOM__default.default.createPortal(renderer.reactElement, renderer.element, id),
             };
             subscribers.forEach(subscriber => subscriber());
         },
@@ -14875,11 +14950,11 @@ function getInstance() {
         },
     };
 }
-class PureEditorContent extends React.Component {
+class PureEditorContent extends React__default.default.Component {
     constructor(props) {
         var _a;
         super(props);
-        this.editorContentRef = React.createRef();
+        this.editorContentRef = React__default.default.createRef();
         this.initialized = false;
         this.state = {
             hasContentComponentInitialized: Boolean((_a = props.editor) === null || _a === void 0 ? void 0 : _a.contentComponent),
@@ -14951,25 +15026,25 @@ class PureEditorContent extends React.Component {
     }
     render() {
         const { editor, innerRef, ...rest } = this.props;
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
-            (editor === null || editor === void 0 ? void 0 : editor.contentComponent) && React.createElement(Portals, { contentComponent: editor.contentComponent })));
+        return (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
+            (editor === null || editor === void 0 ? void 0 : editor.contentComponent) && React__default.default.createElement(Portals, { contentComponent: editor.contentComponent })));
     }
 }
 // EditorContent should be re-created whenever the Editor instance changes
 const EditorContentWithKey = React.forwardRef((props, ref) => {
-    const key = React.useMemo(() => {
+    const key = React__default.default.useMemo(() => {
         return Math.floor(Math.random() * 0xffffffff).toString();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.editor]);
     // Can't use JSX here because it conflicts with the type definition of Vue's JSX, so use createElement
-    return React.createElement(PureEditorContent, {
+    return React__default.default.createElement(PureEditorContent, {
         key,
         innerRef: ref,
         ...props,
     });
 });
-const EditorContent = React.memo(EditorContentWithKey);
+const EditorContent = React__default.default.memo(EditorContentWithKey);
 
 var withSelector = {exports: {}};
 
@@ -14990,7 +15065,7 @@ var hasRequiredWithSelector_production_min;
 function requireWithSelector_production_min () {
 	if (hasRequiredWithSelector_production_min) return withSelector_production_min;
 	hasRequiredWithSelector_production_min = 1;
-var h=React,n=shimExports;function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
+var h=React__default.default,n=shimExports;function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
 	withSelector_production_min.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f;}else f=c.current;c=v(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return [function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r(a,c[0],c[1]);
 	u(function(){f.hasValue=!0;f.value=d;},[d]);w(d);return d};
 	return withSelector_production_min;
@@ -15336,7 +15411,7 @@ const BubbleMenu = (props) => {
         menuEditor.registerPlugin(plugin);
         return () => menuEditor.unregisterPlugin(pluginKey);
     }, [props.editor, currentEditor, element]);
-    return (React.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
+    return (React__default.default.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
 };
 
 const ReactNodeViewContext = React.createContext({
@@ -15349,18 +15424,18 @@ const NodeViewContent = props => {
     const { nodeViewContentRef } = useReactNodeView();
     return (
     // @ts-ignore
-    React.createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
+    React__default.default.createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
             whiteSpace: 'pre-wrap',
             ...props.style,
         } }));
 };
 
-const NodeViewWrapper = React.forwardRef((props, ref) => {
+const NodeViewWrapper = React__default.default.forwardRef((props, ref) => {
     const { onDragStart } = useReactNodeView();
     const Tag = props.as || 'div';
     return (
     // @ts-ignore
-    React.createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
+    React__default.default.createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
             whiteSpace: 'normal',
             ...props.style,
         } }));
@@ -15435,7 +15510,7 @@ class ReactRenderer {
                 this.ref = ref;
             };
         }
-        this.reactElement = React.createElement(Component, props);
+        this.reactElement = React__default.default.createElement(Component, props);
         (_a = editor === null || editor === void 0 ? void 0 : editor.contentComponent) === null || _a === void 0 ? void 0 : _a.setRenderer(this.id, this);
     }
     updateProps(props = {}) {
@@ -15480,8 +15555,8 @@ class ReactNodeView extends NodeView {
         const Component = this.component;
         // For performance reasons, we memoize the provider component
         // And all of the things it requires are declared outside of the component, so it doesn't need to re-render
-        const ReactNodeViewProvider = React.memo(componentProps => {
-            return (React.createElement(ReactNodeViewContext.Provider, { value: context }, React.createElement(Component, componentProps)));
+        const ReactNodeViewProvider = React__default.default.memo(componentProps => {
+            return (React__default.default.createElement(ReactNodeViewContext.Provider, { value: context }, React__default.default.createElement(Component, componentProps)));
         });
         ReactNodeViewProvider.displayName = 'ReactNodeView';
         if (this.node.isLeaf) {
@@ -15604,53 +15679,53 @@ function ReactNodeViewRenderer(component, options) {
 var CALLOUT_TYPES = [{
   type: "default",
   label: i18n.t("neetoEditor.menu.calloutDefault"),
-  icon: Megaphone,
+  icon: Megaphone__default.default,
   bgColor: "--neeto-editor-gray-100"
 }, {
   type: "info",
   label: i18n.t("neetoEditor.menu.calloutInfo"),
-  icon: Info,
+  icon: Info__default.default,
   bgColor: "--neeto-editor-info-100"
 }, {
   type: "warning",
   label: i18n.t("neetoEditor.menu.calloutWarning"),
-  icon: Warning,
+  icon: Warning__default.default,
   bgColor: "--neeto-editor-warning-100"
 }, {
   type: "error",
   label: i18n.t("neetoEditor.menu.calloutError"),
-  icon: Danger,
+  icon: Danger__default.default,
   bgColor: "--neeto-editor-error-100"
 }, {
   type: "success",
   label: i18n.t("neetoEditor.menu.calloutSuccess"),
-  icon: Success,
+  icon: Success__default.default,
   bgColor: "--neeto-editor-success-100"
 }];
 
 var fetch = function fetch() {
-  return axios.get("https://cdn.jsdelivr.net/npm/@emoji-mart/data");
+  return axios__default.default.get("https://cdn.jsdelivr.net/npm/@emoji-mart/data");
 };
 var emojiPickerApi = {
   fetch: fetch
 };
 
-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(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(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(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) {
   function EmojiPickerMenu() {
     var _this;
-    _classCallCheck(this, EmojiPickerMenu);
+    _classCallCheck__default.default(this, EmojiPickerMenu);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, EmojiPickerMenu, [].concat(args));
-    _defineProperty(_this, "ref", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "fetchEmojiData", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _defineProperty__default.default(_this, "ref", /*#__PURE__*/React__default.default.createRef());
+    _defineProperty__default.default(_this, "fetchEmojiData", /*#__PURE__*/_asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee() {
       var _yield$emojiPickerApi, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -15670,7 +15745,7 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee, null, [[0, 8]]);
     })));
-    _defineProperty(_this, "onKeyDown", function (_ref2) {
+    _defineProperty__default.default(_this, "onKeyDown", function (_ref2) {
       var event = _ref2.event;
       if (event.key === "Escape") {
         _this.props.editor.chain().focus().deleteRange(_this.props.range).run();
@@ -15678,18 +15753,18 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
       }
       return false;
     });
-    _defineProperty(_this, "handleSelect", function (emoji) {
+    _defineProperty__default.default(_this, "handleSelect", function (emoji) {
       var _this$props$setActive, _this$props;
       _this.props.editor.chain().focus().deleteRange(_this.props.range).setEmoji(emoji).run();
       (_this$props$setActive = (_this$props = _this.props).setActive) === null || _this$props$setActive === void 0 || _this$props$setActive.call(_this$props, false);
     });
     return _this;
   }
-  _inherits(EmojiPickerMenu, _React$Component);
-  return _createClass(EmojiPickerMenu, [{
+  _inherits__default.default(EmojiPickerMenu, _React$Component);
+  return _createClass__default.default(EmojiPickerMenu, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      new emojiMart.Picker(_objectSpread$b(_objectSpread$b({}, this.props), {}, {
+      new emojiMart.Picker(_objectSpread$c(_objectSpread$c({}, this.props), {}, {
         onEmojiSelect: this.handleSelect,
         style: {
           maxWidth: "100%"
@@ -15714,7 +15789,7 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-}(React.Component);
+}(React__default.default.Component);
 EmojiPickerMenu.defaultProps = {
   editor: {},
   range: {}
@@ -15757,8 +15832,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(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; }
+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; }
 var MenuButton = function MenuButton(_ref) {
   var icon = _ref.icon,
     command = _ref.command,
@@ -15777,7 +15852,7 @@ var MenuButton = function MenuButton(_ref) {
     isActive = _useEditorStore.isActive,
     _useEditorStore$disab = _useEditorStore.disabled,
     disabled = _useEditorStore$disab === void 0 ? isButtonDisabled : _useEditorStore$disab;
-  return /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread$a({
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default.default, _objectSpread$b({
     disabled: disabled,
     icon: icon,
     className: "neeto-editor-fixed-menu__item",
@@ -15804,7 +15879,7 @@ var CalloutIcon = function CalloutIcon(_ref) {
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(Flag, {
+  return /*#__PURE__*/jsxRuntime.jsx(Flag__default.default, {
     size: 16
   });
 };
@@ -15813,7 +15888,7 @@ var CalloutTypeOption = function CalloutTypeOption(_ref) {
   var calloutType = _ref.calloutType,
     isSelected = _ref.isSelected,
     onClick = _ref.onClick;
-  var optionClass = classnames("neeto-editor-callout-dropdown__type-option", {
+  var optionClass = classnames__default.default("neeto-editor-callout-dropdown__type-option", {
     "neeto-editor-callout-dropdown__type-option--selected": isSelected
   });
   var Icon = calloutType.icon;
@@ -15824,7 +15899,7 @@ var CalloutTypeOption = function CalloutTypeOption(_ref) {
       className: "neeto-editor-callout-dropdown__type-emoji",
       "data-testid": "callout-type-emoji",
       children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
       className: "neeto-editor-callout-dropdown__type-label",
       style: "body2",
       weight: "medium",
@@ -15878,7 +15953,7 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
       }).run();
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     autoWidth: true,
     placement: "bottom-start",
     strategy: "fixed",
@@ -15890,7 +15965,7 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
       },
       iconPosition: "left",
       iconSize: 20,
-      label: /*#__PURE__*/jsxRuntime.jsx(Down, {
+      label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
         size: 12
       }),
       ref: dropdownRef,
@@ -15907,11 +15982,11 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
       size: "small",
       className: "neeto-editor-fixed-menu__item"
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown$1.Menu, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default.Menu, {
       className: "neeto-editor-callout-dropdown",
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-editor-callout-dropdown__section",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
           className: "neeto-editor-callout-dropdown__section-title",
           style: "body2",
           weight: "normal",
@@ -15929,7 +16004,7 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
   });
 };
 
-var MenuItem$3 = Dropdown$1.MenuItem;
+var MenuItem$3 = Dropdown__default.default.MenuItem;
 var SecondaryMenuTarget = function SecondaryMenuTarget(_ref) {
   var Icon = _ref.icon,
     label = _ref.label;
@@ -15947,10 +16022,10 @@ var EmojiOption = function EmojiOption(_ref) {
     _ref$isSecondaryMenu = _ref.isSecondaryMenu,
     isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
     label = _ref.label;
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     buttonStyle: "text",
     closeOnSelect: false,
-    icon: Smiley,
+    icon: Smiley__default.default,
     isOpen: isActive,
     position: isSecondaryMenu ? "left-start" : "bottom-start",
     strategy: "fixed",
@@ -15965,7 +16040,7 @@ var EmojiOption = function EmojiOption(_ref) {
     },
     customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: Smiley
+      icon: Smiley__default.default
     }),
     dropdownProps: {
       classNames: "neeto-editor-fixed-menu__emoji-dropdown",
@@ -15997,7 +16072,7 @@ var LinkOption = function LinkOption(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     link = _useState2[0],
     setLink = _useState2[1];
   React.useEffect(function () {
@@ -16046,9 +16121,9 @@ var LinkOption = function LinkOption(_ref) {
         var value = _ref2.target.value;
         return setLink(utils.validateAndFormatUrl(value));
       }
-    }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
       "data-testid": "neeto-editor-link-cancel-button",
-      icon: Close,
+      icon: Close__default.default,
       size: "small",
       style: "secondary",
       onClick: handleReset
@@ -16062,11 +16137,11 @@ var TableOption$2 = function TableOption(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(3),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     rows = _useState2[0],
     setRows = _useState2[1];
   var _useState3 = React.useState(3),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     columns = _useState4[0],
     setColumns = _useState4[1];
   var handleSubmit = function handleSubmit() {
@@ -16082,7 +16157,7 @@ var TableOption$2 = function TableOption(_ref) {
     className: "neeto-editor-bubble-menu__table",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-editor-bubble-menu__table__menu-item",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label__default.default, {
         className: "neeto-editor-bubble-menu__table__input-label",
         children: t("neetoEditor.menu.rows")
       }), /*#__PURE__*/jsxRuntime.jsx("input", {
@@ -16095,7 +16170,7 @@ var TableOption$2 = function TableOption(_ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-editor-bubble-menu__table__menu-item",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label__default.default, {
         className: "neeto-editor-bubble-menu__table__input-label",
         children: t("neetoEditor.menu.columns")
       }), /*#__PURE__*/jsxRuntime.jsx("input", {
@@ -16107,15 +16182,15 @@ var TableOption$2 = function TableOption(_ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-editor-bubble-menu__table__buttons",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button$1, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
         "data-testid": "neeto-editor-bubble-menu-table-option-create-button",
-        icon: Check,
+        icon: Check__default.default,
         size: "small",
         style: "secondary",
         onClick: handleSubmit
-      }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
         "data-testid": "neeto-editor-bubble-menu-table-option-close-button",
-        icon: Close,
+        icon: Close__default.default,
         size: "small",
         style: "secondary",
         onClick: handleClose
@@ -16124,8 +16199,8 @@ var TableOption$2 = function TableOption(_ref) {
   });
 };
 
-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(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; }
+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 createMenuOptions$2 = function createMenuOptions(_ref) {
   var tooltips = _ref.tooltips,
     editor = _ref.editor,
@@ -16134,7 +16209,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
     setIsAddLinkActive = _ref.setIsAddLinkActive;
   return {
     font: [{
-      Icon: TextBold,
+      Icon: TextBold__default.default,
       command: function command() {
         return editor.chain().focus().toggleBold().run();
       },
@@ -16142,7 +16217,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "bold",
       tooltip: tooltips.bold || i18n.t("neetoEditor.menu.bold")
     }, {
-      Icon: TextItalic,
+      Icon: TextItalic__default.default,
       command: function command() {
         return editor.chain().focus().toggleItalic().run();
       },
@@ -16150,7 +16225,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "italic",
       tooltip: tooltips.italic || i18n.t("neetoEditor.menu.italic")
     }, {
-      Icon: Underline,
+      Icon: Underline__default.default,
       command: function command() {
         return editor.chain().focus().toggleUnderline().run();
       },
@@ -16158,14 +16233,14 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "underline",
       tooltip: tooltips.underline || i18n.t("neetoEditor.menu.underline")
     }, {
-      Icon: Link,
+      Icon: Link__default.default,
       command: function command() {
         return setIsAddLinkActive(ramda.not);
       },
       optionName: "link",
       tooltip: "Link"
     }, {
-      Icon: TextCross,
+      Icon: TextCross__default.default,
       command: function command() {
         return editor.chain().focus().toggleStrike().run();
       },
@@ -16173,7 +16248,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "strike",
       tooltip: tooltips.strike || i18n.t("neetoEditor.menu.strike")
     }, {
-      Icon: Highlight,
+      Icon: Highlight__default.default,
       command: function command() {
         return editor.chain().focus().toggleHighlight().run();
       },
@@ -16182,7 +16257,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.highlight || i18n.t("neetoEditor.menu.highlight")
     }],
     block: [{
-      Icon: Quote,
+      Icon: Quote__default.default,
       command: function command() {
         return editor.chain().focus().toggleBlockquote().run();
       },
@@ -16191,7 +16266,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       highlight: true,
       tooltip: tooltips.blockQuote || i18n.t("neetoEditor.menu.blockQuote")
     }, {
-      Icon: Code,
+      Icon: Code__default.default,
       command: function command() {
         return editor.chain().focus().toggleCode().run();
       },
@@ -16199,7 +16274,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "code",
       tooltip: tooltips.code || i18n.t("neetoEditor.menu.code")
     }, {
-      Icon: CodeBlock,
+      Icon: CodeBlock__default.default,
       command: function command() {
         return editor.chain().focus().toggleCodeBlock().run();
       },
@@ -16208,7 +16283,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.codeBlock || i18n.t("neetoEditor.menu.codeBlock")
     }],
     list: [{
-      Icon: ListDot,
+      Icon: ListDot__default.default,
       command: function command() {
         return editor.chain().focus().toggleBulletList().run();
       },
@@ -16217,7 +16292,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       highlight: true,
       tooltip: tooltips.bulletList || i18n.t("neetoEditor.menu.bulletedList")
     }, {
-      Icon: ListNumber,
+      Icon: ListNumber__default.default,
       command: function command() {
         return editor.chain().focus().toggleOrderedList().run();
       },
@@ -16227,21 +16302,21 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.orderedList || i18n.t("neetoEditor.menu.orderedList")
     }],
     misc: [{
-      Icon: 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: 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: Video,
+      Icon: Video__default.default,
       command: function command() {
         return setMediaUploader(ramda.assoc("video", true));
       },
@@ -16249,7 +16324,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       tooltip: tooltips.videoUpload || i18n.t("neetoEditor.menu.videoUpload")
     }],
     right: [{
-      Icon: Undo,
+      Icon: Undo__default.default,
       command: function command() {
         return editor.chain().focus().undo().run();
       },
@@ -16258,7 +16333,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
       optionName: "undo",
       tooltip: tooltips.undo || i18n.t("neetoEditor.menu.undo")
     }, {
-      Icon: Redo,
+      Icon: Redo__default.default,
       command: function command() {
         return editor.chain().focus().redo().run();
       },
@@ -16292,9 +16367,9 @@ var buildBubbleMenuOptions = function buildBubbleMenuOptions(_ref2) {
 var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
   var editor = _ref3.editor,
     options = _ref3.options;
-  var textOptions = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, constants.EDITOR_OPTIONS.H1, {
+  var textOptions = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.EDITOR_OPTIONS.H1, {
     optionName: "Heading 1",
-    icon: TextH1,
+    icon: TextH1__default.default,
     active: editor.isActive("heading", {
       level: 1
     }),
@@ -16305,7 +16380,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
     }
   }), constants.EDITOR_OPTIONS.H2, {
     optionName: "Heading 2",
-    icon: TextH2,
+    icon: TextH2__default.default,
     active: editor.isActive("heading", {
       level: 2
     }),
@@ -16316,7 +16391,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
     }
   }), constants.EDITOR_OPTIONS.H3, {
     optionName: "Heading 3",
-    icon: TextH3,
+    icon: TextH3__default.default,
     active: editor.isActive("heading", {
       level: 3
     }),
@@ -16327,7 +16402,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
     }
   }), constants.EDITOR_OPTIONS.PARAGRAPH, {
     optionName: "Text",
-    icon: TextP,
+    icon: TextP__default.default,
     active: editor.isActive("paragraph"),
     command: function command() {
       return editor.chain().focus().setNode("paragraph").run();
@@ -16342,7 +16417,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
 };
 var getNodeIcon = function getNodeIcon(options) {
   var _options$find;
-  return ((_options$find = options.find(ramda.prop("active"))) === null || _options$find === void 0 ? void 0 : _options$find.icon) || TextP;
+  return ((_options$find = options.find(ramda.prop("active"))) === null || _options$find === void 0 ? void 0 : _options$find.icon) || TextP__default.default;
 };
 var renderOptionButton = function renderOptionButton(_ref4) {
   var tooltip = _ref4.tooltip,
@@ -16351,7 +16426,7 @@ var renderOptionButton = function renderOptionButton(_ref4) {
     active = _ref4.active,
     optionName = _ref4.optionName,
     highlight = _ref4.highlight;
-  return /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread$9({
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default.default, _objectSpread$a({
     className: "neeto-editor-bubble-menu__item",
     "data-testid": "neeto-editor-bubble-menu-".concat(optionName, "-option"),
     icon: Icon,
@@ -16366,8 +16441,8 @@ var renderOptionButton = function renderOptionButton(_ref4) {
   }, generateFocusProps(highlight)), optionName);
 };
 
-var Menu$4 = Dropdown$1.Menu,
-  MenuItem$2 = Dropdown$1.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,
@@ -16376,10 +16451,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__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     buttonStyle: "text",
     "data-testid": "neeto-editor-mention-option",
-    icon: Email,
+    icon: Email__default.default,
     position: isSecondaryMenu ? "left-start" : "bottom-start",
     strategy: "fixed",
     buttonProps: {
@@ -16391,7 +16466,7 @@ var Mentions = function Mentions(_ref) {
     },
     customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: Email
+      icon: Email__default.default
     }),
     onClick: function onClick(e) {
       return isSecondaryMenu && e.stopPropagation();
@@ -16409,13 +16484,13 @@ var Mentions = function Mentions(_ref) {
               label: name
             });
           },
-          children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default.default, {
             size: "small",
             user: {
               name: name,
               imageUrl: imageUrl
             }
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
             style: "body2",
             children: name
           })]
@@ -16433,11 +16508,11 @@ var TextColorOption = function TextColorOption(_ref) {
     isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
     label = _ref.label;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     color = _useState4[0],
     setColor = _useState4[1];
   var dropdownWrapperRef = React.useRef(null);
@@ -16466,10 +16541,10 @@ var TextColorOption = function TextColorOption(_ref) {
     setColor(editor.getAttributes("textStyle").color);
     setIsOpen(ramda.not);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     isOpen: isOpen,
     buttonStyle: isOpen || color ? "secondary" : "text",
-    icon: Customize,
+    icon: Customize__default.default,
     position: isSecondaryMenu ? "left-start" : "bottom-start",
     buttonProps: {
       tabIndex: -1,
@@ -16481,7 +16556,7 @@ var TextColorOption = function TextColorOption(_ref) {
     },
     customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: Customize
+      icon: Customize__default.default
     }),
     onClick: openColorPicker,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -16497,7 +16572,7 @@ var TextColorOption = function TextColorOption(_ref) {
         onChange: setColor
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-editor-text-color-option__options-group",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
           autoFocus: true,
           className: "neeto-editor-text-color-option__options-group__input",
           placeholder: t("neetoEditor.placeholders.pickColor"),
@@ -16507,20 +16582,20 @@ var TextColorOption = function TextColorOption(_ref) {
           onClick: function onClick(event) {
             return event.stopPropagation();
           }
-        }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
-          icon: Check,
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
+          icon: Check__default.default,
           size: "small",
           onClick: handleSave
-        }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
-          icon: Close,
+        }), /*#__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$1, {
-          icon: Refresh,
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
+          icon: Refresh__default.default,
           size: "small",
           style: "text",
           tooltipProps: {
@@ -16550,8 +16625,8 @@ var Options = function Options(_ref) {
     setIsEmojiPickerActive = _ref.setIsEmojiPickerActive;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var Menu = Dropdown$1.Menu,
-    MenuItem = Dropdown$1.MenuItem;
+  var Menu = Dropdown__default.default.Menu,
+    MenuItem = Dropdown__default.default.MenuItem;
   var dropdownOptions = getTextMenuDropdownOptions({
     editor: editor,
     options: options
@@ -16596,7 +16671,7 @@ var Options = function Options(_ref) {
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
       buttonSize: "small",
       buttonStyle: "text",
       label: Icon,
@@ -16605,7 +16680,7 @@ var Options = function Options(_ref) {
         icon: Icon,
         iconPosition: "left",
         iconSize: 22,
-        label: /*#__PURE__*/jsxRuntime.jsx(Down, {
+        label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
           size: 12
         }),
         "data-testid": "neeto-editor-fixed-menu-font-size-option",
@@ -16641,7 +16716,7 @@ var Options = function Options(_ref) {
       setActive: setIsEmojiPickerActive,
       tooltipContent: tooltips.emoji || t("neetoEditor.menu.emoji")
     }), listStyleOptions.map(renderOptionButton), isLinkActive && renderOptionButton({
-      Icon: Link,
+      Icon: Link__default.default,
       command: function command() {
         return setIsLinkOptionActive(true);
       },
@@ -16650,7 +16725,7 @@ var Options = function Options(_ref) {
       highlight: false,
       tooltip: tooltips.link || t("neetoEditor.menu.link")
     }), isTableActive && renderOptionButton({
-      Icon: Column,
+      Icon: Column__default.default,
       command: function command() {
         return setIsTableOptionActive(true);
       },
@@ -16678,15 +16753,15 @@ var Bubble = function Bubble(_ref) {
     isEmojiPickerActive = _ref.isEmojiPickerActive,
     setIsEmojiPickerActive = _ref.setIsEmojiPickerActive;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isInvalidLink = _useState2[0],
     setIsInvalidLink = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     isLinkOptionActive = _useState4[0],
     setIsLinkOptionActive = _useState4[1];
   var _useState5 = React.useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     isTableOptionActive = _useState6[0],
     setIsTableOptionActive = _useState6[1];
   var selectedNode = editor && editor.view.state.selection.node;
@@ -16701,7 +16776,7 @@ var Bubble = function Bubble(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     children: /*#__PURE__*/jsxRuntime.jsx(BubbleMenu, {
       editor: editor,
-      className: classnames("neeto-editor-bubble-menu", {
+      className: classnames__default.default("neeto-editor-bubble-menu", {
         "neeto-editor-bubble-menu-animate-shake": isInvalidLink
       }),
       tippyOptions: {
@@ -16752,9 +16827,9 @@ var Progress = reactUtils.withT(function (_ref) {
         className: "ne-media-uploader__media",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "ne-media-uploader__media__cancel-button-wrapper",
-          children: /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+          children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
             "data-testid": "neeto-editor-image-upload-cancel-button",
-            icon: Close,
+            icon: Close__default.default,
             iconSize: 18,
             size: "small",
             style: "text",
@@ -16767,7 +16842,7 @@ var Progress = reactUtils.withT(function (_ref) {
           fileName: filename
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "ne-media-uploader__media__info",
-          children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
+          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, "%"]
@@ -16780,10 +16855,10 @@ var Progress = reactUtils.withT(function (_ref) {
                 width: "".concat(progress, "%")
               }
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+          }), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
             content: filename,
             position: "top",
-            children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
               style: "body3",
               children: filename
             })
@@ -16814,9 +16889,9 @@ var LocalUploader = function LocalUploader(_ref) {
     cancelUpload = _useFileUploader.cancelUpload,
     isUploading = _useFileUploader.isUploading;
   var handleFilesDrop = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(files) {
+    var _ref2 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee(files) {
       var uploadedFiles;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             addFiles(files);
@@ -16842,9 +16917,9 @@ var LocalUploader = function LocalUploader(_ref) {
   });
   setIsUploading(isUploading);
   var handleAddFile = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+    var _ref4 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee2(_ref3) {
       var files, uploadedFiles;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime__default.default.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             files = _ref3.target.files;
@@ -16885,13 +16960,13 @@ var LocalUploader = function LocalUploader(_ref) {
       type: "file",
       accept: isImage ? FileIcon.ALLOWED_IMAGE_TYPES.join(",") : FileIcon.ALLOWED_VIDEO_TYPES.join(","),
       onChange: handleAddFile
-    }), /*#__PURE__*/jsxRuntime.jsx(ImageUpload, {
+    }), /*#__PURE__*/jsxRuntime.jsx(ImageUpload__default.default, {
       className: "ne-media-uploader__dnd-icon",
       size: 24
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
       style: "body2",
       children: t("neetoEditor.localUploader.dropFilesHere")
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
       style: "body3",
       children: t("neetoEditor.localUploader.maxFileSize", {
         entity: FileIcon.convertToFileSize(uploadConfig.restrictions.maxFileSize)
@@ -16917,7 +16992,7 @@ var VideoEmbedForm = function VideoEmbedForm(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "ne-video-embed-form",
-    children: /*#__PURE__*/jsxRuntime.jsx(Form, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Form__default.default, {
       formikProps: {
         initialValues: initialValues,
         validationSchema: FileIcon.VIDEO_EMBED_FORM_VALIDATION_SCHEMA,
@@ -16930,7 +17005,7 @@ var VideoEmbedForm = function VideoEmbedForm(_ref) {
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             className: "ne-video-embed-form__content",
-            children: /*#__PURE__*/jsxRuntime.jsx(Input$1, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Input__default$1.default, {
               autoFocus: true,
               unlimitedChars: true,
               "data-testid": "neeto-editor-video-embed-input",
@@ -16940,7 +17015,7 @@ var VideoEmbedForm = function VideoEmbedForm(_ref) {
               size: "medium",
               type: "text"
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+          }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default.default, {
             cancelButtonProps: {
               "data-testid": "neeto-editor-video-embed-cancel",
               label: t("neetoEditor.common.cancel"),
@@ -16971,16 +17046,16 @@ var MediaUploader = function MediaUploader(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState("local"),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     isUploading = _useState4[0],
     setIsUploading = _useState4[1];
   var isOpen = mediaUploader.image || mediaUploader.video;
   var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     tabs = _useState6[0],
     setTabs = _useState6[1];
   React.useEffect(function () {
@@ -17015,8 +17090,8 @@ var MediaUploader = function MediaUploader(_ref) {
     }).run();
   };
   var onUploadComplete = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var _ref3 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee(file) {
+      return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -17033,7 +17108,7 @@ var MediaUploader = function MediaUploader(_ref) {
           case 7:
             _context.prev = 7;
             _context.t0 = _context["catch"](0);
-            Toastr.error(_context.t0);
+            Toastr__default.default.error(_context.t0);
           case 10:
           case "end":
             return _context.stop();
@@ -17057,7 +17132,7 @@ var MediaUploader = function MediaUploader(_ref) {
       src: url
     }).run();
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Modal, {
+  return /*#__PURE__*/jsxRuntime.jsx(Modal__default.default, {
     isOpen: isOpen,
     className: "ne-media-uploader-modal",
     closeButton: ramda.not(isUploading),
@@ -17071,11 +17146,11 @@ var MediaUploader = function MediaUploader(_ref) {
           className: "ne-media-uploader__header-title",
           children: [mediaUploader.video && t("neetoEditor.menu.addVideo"), mediaUploader.image && t("neetoEditor.menu.addImage")]
         })
-      }), !neetoCist.isNotPresent(tabs) && /*#__PURE__*/jsxRuntime.jsx(Tab, {
+      }), !neetoCist.isNotPresent(tabs) && /*#__PURE__*/jsxRuntime.jsx(Tab__default.default, {
         children: tabs.map(function (_ref4) {
           var key = _ref4.key,
             title = _ref4.title;
-          return /*#__PURE__*/jsxRuntime.jsx(Tab.Item, {
+          return /*#__PURE__*/jsxRuntime.jsx(Tab__default.default.Item, {
             active: activeTab === key,
             "data-testid": "neeto-editor-media-uploader-".concat(key, "-tab"),
             onClick: function onClick() {
@@ -17116,30 +17191,30 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
     to = _editor$state$selecti.to;
   var text = editor.state.doc.textBetween(from, to, "");
   var _useState = React.useState(text),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     linkText = _useState2[0],
     setLinkText = _useState2[1];
   var _useState3 = React.useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     linkUrl = _useState4[0],
     setLinkUrl = _useState4[1];
   var _useState5 = React.useState(openLinkInNewTab),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     openInNewTab = _useState6[0],
     setOpenInNewTab = _useState6[1];
   var _useState7 = React.useState(""),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray__default.default(_useState7, 2),
     error = _useState8[0],
     setError = _useState8[1];
   var _useState9 = React.useState(getCursorPos(editor, to)),
-    _useState0 = _slicedToArray(_useState9, 2),
+    _useState0 = _slicedToArray__default.default(_useState9, 2),
     popoverPosition = _useState0[0],
     setPopoverPosition = _useState0[1];
   var _useState1 = React.useState({
       top: 0,
       left: 0
     }),
-    _useState10 = _slicedToArray(_useState1, 2),
+    _useState10 = _slicedToArray__default.default(_useState1, 2),
     arrowPosition = _useState10[0],
     setArrowPosition = _useState10[1];
   var popoverRef = React.useRef(null);
@@ -17221,7 +17296,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
       id: "ne-link-add-popover",
       ref: popoverRef,
       style: popoverStyle,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
         required: true,
         autoFocus: !isLinkTextPresent,
         "data-testid": "neeto-editor-add-link-text-input",
@@ -17237,7 +17312,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
           return setLinkText(value);
         },
         onKeyDown: handleKeyDown
-      }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
         error: error,
         required: true,
         autoFocus: isLinkTextPresent,
@@ -17258,7 +17333,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
           return setError("");
         },
         onKeyDown: handleKeyDown
-      }), /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Checkbox__default.default, {
         checked: openInNewTab,
         className: "ne-link-popover__checkbox",
         "data-testid": "neeto-editor-add-link-open-in-new-tab-switch",
@@ -17268,13 +17343,13 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
         }
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "ne-link-popover__edit-prompt-buttons",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Button$1, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
           "data-testid": "neeto-editor-add-link",
           disabled: isSubmitDisabled,
           label: t("neetoEditor.common.done"),
           size: "small",
           onClick: handleAddLink
-        }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
           "data-testid": "neeto-editor-link-popover-cancel",
           label: t("neetoEditor.common.cancel"),
           size: "small",
@@ -17287,40 +17362,40 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
 };
 
 var _excluded$3 = ["type"];
-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(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$1.Menu,
-  MenuItem$1 = Dropdown$1.MenuItem;
+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 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__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     buttonProps: {
       className: "flex-shrink-0"
     },
     buttonStyle: "text",
-    icon: MenuHorizontal,
+    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(_ref2, _excluded$3);
+            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({
+            return /*#__PURE__*/jsxRuntime.jsxs(MenuItem$1.Button, _objectSpread$9(_objectSpread$9({
               "data-testid": "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), {}, {
+            }, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, 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), {}, {
+          return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, props), {}, {
             editor: editor
           }, generateFocusProps(props.highlight))), {}, {
             isSecondaryMenu: true
@@ -17333,8 +17408,8 @@ var MoreMenu = function MoreMenu(_ref) {
 
 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, constants.EDITOR_OPTIONS.CALLOUT, "bulletList", "orderedList", "todoList", "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.TEXT_COLOR, constants.EDITOR_OPTIONS.EMOJI, constants.EDITOR_OPTIONS.NEETO_KB_ARTICLE, "mentions"];
 
-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(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; }
+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 useEditorState = function useEditorState(_ref) {
   var editor = _ref.editor,
     neetoKbArticleState = _ref.neetoKbArticleState;
@@ -17377,7 +17452,7 @@ var useEditorState = function useEditorState(_ref) {
     var redoOptionState = {
       disabled: !editor.can().redo()
     };
-    var updatedMarksState = _objectSpread$7(_objectSpread$7({}, marksState), {}, _defineProperty(_defineProperty({}, constants.EDITOR_OPTIONS.UNDO, undoOptionState), constants.EDITOR_OPTIONS.REDO, redoOptionState));
+    var updatedMarksState = _objectSpread$8(_objectSpread$8({}, marksState), {}, _defineProperty__default.default(_defineProperty__default.default({}, constants.EDITOR_OPTIONS.UNDO, undoOptionState), constants.EDITOR_OPTIONS.REDO, redoOptionState));
     setMarksState(updatedMarksState);
   }, [marksState, setMarksState]);
   React.useEffect(function () {
@@ -17427,10 +17502,10 @@ var MenuDynamicVariables = function MenuDynamicVariables(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     "data-testid": "neeto-editor-fixed-menu-variables",
-    className: classnames("neeto-editor-fixed-menu__variables", {
+    className: classnames__default.default("neeto-editor-fixed-menu__variables", {
       "neeto-editor-fixed-menu__variables--standalone": standalone
     }),
-    children: /*#__PURE__*/jsxRuntime.jsx(DynamicVariables, {
+    children: /*#__PURE__*/jsxRuntime.jsx(DynamicVariables__default.default, {
       variables: variables,
       dropdownProps: {
         buttonSize: "small",
@@ -17447,8 +17522,8 @@ var MenuDynamicVariables = function MenuDynamicVariables(_ref) {
 };
 
 var _excluded$2 = ["type"];
-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(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 Fixed = function Fixed(_ref) {
   var editor = _ref.editor,
     options = _ref.options,
@@ -17471,19 +17546,19 @@ var Fixed = function Fixed(_ref) {
     setIsNeetoKbArticleActive = _ref.setIsNeetoKbArticleActive,
     neetoKbArticleState = _ref.neetoKbArticleState;
   var _useState = React.useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     focusedButtonIndex = _useState2[0],
     setFocusedButtonIndex = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     isAddLinkActive = _useState4[0],
     setIsAddLinkActive = _useState4[1];
   var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     menuItems = _useState6[0],
     setMenuItems = _useState6[1];
   var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray__default.default(_useState7, 2),
     moreMenuItems = _useState8[0],
     setMoreMenuItems = _useState8[1];
   useEditorState({
@@ -17570,7 +17645,7 @@ var Fixed = function Fixed(_ref) {
   var isMediaUploaderActive = options.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD) || options.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: menuContainerRef,
-    className: classnames("neeto-editor-fixed-menu", _defineProperty({
+    className: classnames__default.default("neeto-editor-fixed-menu", _defineProperty__default.default({
       "neeto-editor-fixed-menu--independant": isIndependant
     }, className, className)),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -17580,10 +17655,10 @@ var Fixed = function Fixed(_ref) {
       children: [menuItems.map(function (group) {
         return group.map(function (_ref2) {
           var type = _ref2.type,
-            props = _objectWithoutProperties(_ref2, _excluded$2);
+            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), {}, {
+          return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, props), {}, {
             editor: editor,
             options: options
           })), props.optionName);
@@ -17614,8 +17689,8 @@ var Fixed = function Fixed(_ref) {
 };
 
 var _excluded$1 = ["icon", "onClick", "disabled", "className", "tooltipProps"];
-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(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 Button = function Button(_ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -17625,18 +17700,18 @@ var Button = function Button(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     className = _ref.className,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+    otherProps = _objectWithoutProperties__default.default(_ref, _excluded$1);
   var Icon = icon;
-  return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$5(_objectSpread$5({
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, _objectSpread$6(_objectSpread$6({
     disabled: !tooltipProps,
     onClick: function onClick() {
       return _onClick();
     }
   }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$5(_objectSpread$5({
-      className: classnames("ne-headless-btn", _defineProperty({}, className, className)),
+    children: /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({
+      className: classnames__default.default("ne-headless-btn", _defineProperty__default.default({}, className, className)),
       type: "button"
-    }, _objectSpread$5({
+    }, _objectSpread$6({
       disabled: disabled,
       onClick: _onClick
     }, otherProps)), {}, {
@@ -17649,8 +17724,8 @@ var Button = function Button(_ref) {
 };
 
 var _excluded = ["icon", "isOpen", "onClose", "children", "className", "onClick", "buttonProps"];
-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(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 hideOnEsc = {
   name: "hideOnEsc",
   defaultValue: true,
@@ -17684,12 +17759,12 @@ var Dropdown = function Dropdown(_ref2) {
     onClick = _ref2.onClick,
     _ref2$buttonProps = _ref2.buttonProps,
     buttonProps = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
+    otherProps = _objectWithoutProperties__default.default(_ref2, _excluded);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     mounted = _useState2[0],
     setMounted = _useState2[1];
-  return /*#__PURE__*/jsxRuntime.jsx(Tippy, _objectSpread$4(_objectSpread$4({
+  return /*#__PURE__*/jsxRuntime.jsx(Tippy__default.default, _objectSpread$5(_objectSpread$5({
     onClose: onClose,
     hideOnEsc: true,
     interactive: true,
@@ -17707,7 +17782,7 @@ var Dropdown = function Dropdown(_ref2) {
     theme: "light",
     trigger: "click",
     visible: isOpen,
-    className: classnames("ne-headless-dropdown", _defineProperty({}, className, className)),
+    className: classnames__default.default("ne-headless-dropdown", _defineProperty__default.default({}, className, className)),
     content: mounted && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "ne-headless-dropdown__popup",
       children: children
@@ -17721,7 +17796,7 @@ var Dropdown = function Dropdown(_ref2) {
     }
   }, otherProps), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx("span", {
-      children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$4({}, _objectSpread$4({
+      children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$5({}, _objectSpread$5({
         icon: icon,
         onClick: onClick
       }, buttonProps)))
@@ -17736,7 +17811,7 @@ var Emoji = function Emoji(_ref) {
     tooltipContent = _ref.tooltipContent;
   return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
     className: "ne-headless__emoji",
-    icon: Smiley,
+    icon: Smiley__default.default,
     isOpen: isActive,
     buttonProps: {
       tooltipProps: {
@@ -17780,7 +17855,7 @@ var Option = function Option(_ref) {
   }
   return /*#__PURE__*/jsxRuntime.jsx(Button, {
     disabled: disabled,
-    className: classnames({
+    className: classnames__default.default({
       "ne-headless-btn--active": isActive
     }),
     "data-testid": neetoCist.hyphenate(optionName),
@@ -17794,9 +17869,9 @@ var Option = function Option(_ref) {
   });
 };
 
-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(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.t;
+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 t = i18n__default.default.t;
 var createMenuOptions$1 = function createMenuOptions(_ref) {
   var editor = _ref.editor,
     tooltips = _ref.tooltips,
@@ -17805,7 +17880,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     isEmojiPickerActive = _ref.isEmojiPickerActive,
     setIsEmojiPickerActive = _ref.setIsEmojiPickerActive;
   return [{
-    Icon: TextBold,
+    Icon: TextBold__default.default,
     command: function command() {
       return editor.chain().focus().toggleBold().run();
     },
@@ -17813,7 +17888,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "bold",
     tooltip: tooltips.bold || t("neetoEditor.menu.bold")
   }, {
-    Icon: TextItalic,
+    Icon: TextItalic__default.default,
     command: function command() {
       return editor.chain().focus().toggleItalic().run();
     },
@@ -17821,7 +17896,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "italic",
     tooltip: tooltips.italic || t("neetoEditor.menu.italic")
   }, {
-    Icon: Underline,
+    Icon: Underline__default.default,
     command: function command() {
       return editor.chain().focus().toggleUnderline().run();
     },
@@ -17829,7 +17904,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "underline",
     tooltip: tooltips.underline || t("neetoEditor.menu.underline")
   }, {
-    Icon: TextCross,
+    Icon: TextCross__default.default,
     command: function command() {
       return editor.chain().focus().toggleStrike().run();
     },
@@ -17837,7 +17912,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "strike",
     tooltip: tooltips.strike || t("neetoEditor.menu.strike")
   }, {
-    Icon: Highlight,
+    Icon: Highlight__default.default,
     command: function command() {
       return editor.chain().focus().toggleHighlight().run();
     },
@@ -17845,7 +17920,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "highlight",
     tooltip: tooltips.highlight || t("neetoEditor.menu.highlight")
   }, {
-    Icon: Quote,
+    Icon: Quote__default.default,
     command: function command() {
       return editor.chain().focus().toggleBlockquote().run();
     },
@@ -17853,7 +17928,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "block-quote",
     tooltip: tooltips.blockQuote || t("neetoEditor.menu.blockQuote")
   }, {
-    Icon: Code,
+    Icon: Code__default.default,
     command: function command() {
       return editor.chain().focus().toggleCode().run();
     },
@@ -17861,7 +17936,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "code",
     tooltip: tooltips.code || t("neetoEditor.menu.code")
   }, {
-    Icon: CodeBlock,
+    Icon: CodeBlock__default.default,
     command: function command() {
       return editor.chain().focus().toggleCodeBlock().run();
     },
@@ -17869,7 +17944,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "code-block",
     tooltip: tooltips.codeBlock || t("neetoEditor.menu.codeBlock")
   }, {
-    Icon: ListDot,
+    Icon: ListDot__default.default,
     command: function command() {
       return editor.chain().focus().toggleBulletList().run();
     },
@@ -17877,7 +17952,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "bullet-list",
     tooltip: tooltips.bulletList || t("neetoEditor.menu.bulletedList")
   }, {
-    Icon: ListNumber,
+    Icon: ListNumber__default.default,
     command: function command() {
       return editor.chain().focus().toggleOrderedList().run();
     },
@@ -17885,34 +17960,34 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "ordered-list",
     tooltip: tooltips.orderedList || t("neetoEditor.menu.orderedList")
   }, {
-    Icon: 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: 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: 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: Smiley,
+    Icon: Smiley__default.default,
     command: neetoCist.noop,
     optionName: "emoji",
     tooltip: tooltips.emoji || t("neetoEditor.menu.emoji"),
     isActive: isEmojiPickerActive,
     setActive: setIsEmojiPickerActive
   }, {
-    Icon: Column,
+    Icon: Column__default.default,
     command: function command() {
       return editor.chain().focus().insertTable({
         rows: 3,
@@ -17923,7 +17998,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "table",
     tooltip: tooltips.table || t("neetoEditor.menu.table")
   }, {
-    Icon: Undo,
+    Icon: Undo__default.default,
     command: function command() {
       return editor.chain().focus().undo().run();
     },
@@ -17931,7 +18006,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
     optionName: "undo",
     tooltip: tooltips.undo || t("neetoEditor.menu.undo")
   }, {
-    Icon: Redo,
+    Icon: Redo__default.default,
     command: function command() {
       return editor.chain().focus().redo().run();
     },
@@ -17946,7 +18021,7 @@ var buildOptionsFromAddonCommands$1 = function buildOptionsFromAddonCommands(_re
   var to = editor.state.selection.to;
   return commands.map(function (option) {
     var _option$active;
-    return _objectSpread$3(_objectSpread$3({}, option), {}, {
+    return _objectSpread$4(_objectSpread$4({}, option), {}, {
       active: (_option$active = option.active) === null || _option$active === void 0 ? void 0 : _option$active.call(option, {
         editor: editor
       }),
@@ -17986,8 +18061,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(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 Headless = function Headless(_ref) {
   var editor = _ref.editor,
     options = _ref.options,
@@ -18018,11 +18093,11 @@ var Headless = function Headless(_ref) {
     editor: editor,
     commands: addonCommands
   });
-  var allOptions = [].concat(_toConsumableArray(menuOptions), _toConsumableArray(addonCommandOptions));
+  var allOptions = [].concat(_toConsumableArray__default.default(menuOptions), _toConsumableArray__default.default(addonCommandOptions));
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames("ne-headless", _defineProperty({}, className, className)),
+    className: classnames__default.default("ne-headless", _defineProperty__default.default({}, className, className)),
     children: [allOptions.map(function (option) {
-      return /*#__PURE__*/React.createElement(Option, _objectSpread$2({
+      return /*#__PURE__*/React.createElement(Option, _objectSpread$3({
         editor: editor,
         key: option.optionName
       }, option));
@@ -18043,32 +18118,32 @@ var FONT_SIZE_OPTIONS = [{
   label: i18n.t("neetoEditor.menu.heading1"),
   value: 1,
   key: "h1",
-  icon: TextH1
+  icon: TextH1__default.default
 }, {
   label: i18n.t("neetoEditor.menu.heading2"),
   value: 2,
   key: "h2",
-  icon: TextH2
+  icon: TextH2__default.default
 }, {
   label: i18n.t("neetoEditor.menu.heading3"),
   value: 3,
   key: "h3",
-  icon: TextH3
+  icon: TextH3__default.default
 }, {
   label: i18n.t("neetoEditor.menu.heading4"),
   value: 4,
   key: "h4",
-  icon: TextH4
+  icon: TextH4__default.default
 }, {
   label: i18n.t("neetoEditor.menu.heading5"),
   value: 5,
   key: "h5",
-  icon: TextH5
+  icon: TextH5__default.default
 }, {
   label: i18n.t("neetoEditor.menu.normalText"),
   value: 0,
   key: "body2",
-  icon: TextP
+  icon: TextP__default.default
 }];
 var MENU_COMPONENTS = {
   fixed: Fixed,
@@ -18077,8 +18152,8 @@ var MENU_COMPONENTS = {
   none: EmptyMenu
 };
 
-var Menu$2 = Dropdown$1.Menu,
-  MenuItem = Dropdown$1.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,
@@ -18104,12 +18179,12 @@ var FontSizeOption = function FontSizeOption(_ref) {
       return editor.chain().focus().setNode("paragraph").run();
     })();
   };
-  var menuOptions = [].concat(_toConsumableArray(neetoCist.filterBy({
+  var menuOptions = [].concat(_toConsumableArray__default.default(neetoCist.filterBy({
     key: function key(_key) {
       return options.includes(_key);
     }
   }, FONT_SIZE_OPTIONS)), [FONT_SIZE_OPTIONS[FONT_SIZE_OPTIONS.length - 1]]);
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     autoWidth: true,
     placement: "bottom-start",
     strategy: "fixed",
@@ -18117,7 +18192,7 @@ var FontSizeOption = function FontSizeOption(_ref) {
       icon: activeOption === null || activeOption === void 0 ? void 0 : activeOption.icon,
       iconPosition: "left",
       iconSize: 22,
-      label: /*#__PURE__*/jsxRuntime.jsx(Down, {
+      label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
         size: 12
       }),
       ref: dropdownRef,
@@ -18161,31 +18236,62 @@ var FontSizeOption = function FontSizeOption(_ref) {
 };
 var FontSizeOption$1 = /*#__PURE__*/React.memo(FontSizeOption);
 
+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 ColorDot = function ColorDot(_ref) {
   var _colorVar$match;
   var colorVar = _ref.colorVar,
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
     isTextColor = _ref.isTextColor;
-  var dotClass = classnames("neeto-editor-highlight-dropdown__color-dot", {
-    "neeto-editor-highlight-dropdown__color-dot--selected": isSelected
+  var dotClass = classnames__default.default("neeto-editor-highlight-dropdown__color-dot", {
+    "neeto-editor-highlight-dropdown__color-dot--selected": isSelected,
+    "neeto-editor-highlight-dropdown__color-dot--background": !isTextColor
   });
-  var dotStyle = {
+  var dotStyle = _objectSpread$2({}, isTextColor ? {
+    color: "var(".concat(colorVar, ")")
+  } : {
     backgroundColor: "var(".concat(colorVar, ")")
-  };
+  });
   var colorNumber = ((_colorVar$match = colorVar.match(/\d+$/)) === null || _colorVar$match === void 0 ? void 0 : _colorVar$match[0]) || colorVar;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     onClick: onClick,
     className: dotClass,
     style: dotStyle,
-    "data-testid": "neeto-editor-highlight-".concat(utils$1.hyphenize(isTextColor ? "text" : "background"), "-color-dot-").concat(colorNumber)
+    "data-testid": "neeto-editor-highlight-".concat(utils$1.hyphenize(isTextColor ? "text" : "background"), "-color-dot-").concat(colorNumber),
+    children: isTextColor && /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
+      className: "neeto-editor-highlight-dropdown__color-dot-text",
+      style: "body2",
+      weight: "semibold",
+      children: "A"
+    })
+  });
+};
+
+var ColorDotIcon = function ColorDotIcon(_ref) {
+  var textColor = _ref.textColor,
+    backgroundColor = _ref.backgroundColor;
+  var dotClass = classnames__default.default("neeto-editor-highlight-dropdown__color-dot", {});
+  var dotStyle = {
+    color: "var(".concat(textColor, ")"),
+    backgroundColor: "var(".concat(backgroundColor, ")")
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: dotClass,
+    style: dotStyle,
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
+      className: "neeto-editor-highlight-dropdown__color-dot-text",
+      style: "body2",
+      weight: "semibold",
+      children: "A"
+    })
   });
 };
 
 var COLORS = {
   recent: ["--neeto-editor-highlight-bg-yellow-light"],
-  text: ["--neeto-editor-highlight-text-1", "--neeto-editor-highlight-text-2", "--neeto-editor-highlight-text-3", "--neeto-editor-highlight-text-4", "--neeto-editor-highlight-text-5", "--neeto-editor-highlight-text-6", "--neeto-editor-highlight-text-7", "--neeto-editor-highlight-text-8", "--neeto-editor-highlight-text-9", "--neeto-editor-highlight-text-10", "--neeto-editor-highlight-text-11", "--neeto-editor-highlight-text-12", "--neeto-editor-highlight-text-13", "--neeto-editor-highlight-text-14", "--neeto-editor-highlight-text-15", "--neeto-editor-highlight-text-16", "--neeto-editor-highlight-text-17", "--neeto-editor-highlight-text-18", "--neeto-editor-highlight-text-19", "--neeto-editor-highlight-text-20", "--neeto-editor-highlight-text-21", "--neeto-editor-highlight-text-22", "--neeto-editor-highlight-text-23", "--neeto-editor-highlight-text-24", "--neeto-editor-highlight-text-25", "--neeto-editor-highlight-text-26", "--neeto-editor-highlight-text-27", "--neeto-editor-highlight-text-28", "--neeto-editor-highlight-text-29"],
-  background: ["--neeto-editor-highlight-bg-1", "--neeto-editor-highlight-bg-2", "--neeto-editor-highlight-bg-3", "--neeto-editor-highlight-bg-4", "--neeto-editor-highlight-bg-5", "--neeto-editor-highlight-bg-6", "--neeto-editor-highlight-bg-7", "--neeto-editor-highlight-bg-8", "--neeto-editor-highlight-bg-9", "--neeto-editor-highlight-bg-10", "--neeto-editor-highlight-bg-11", "--neeto-editor-highlight-bg-12", "--neeto-editor-highlight-bg-13", "--neeto-editor-highlight-bg-14", "--neeto-editor-highlight-bg-15", "--neeto-editor-highlight-bg-16", "--neeto-editor-highlight-bg-17", "--neeto-editor-highlight-bg-18", "--neeto-editor-highlight-bg-19", "--neeto-editor-highlight-bg-20", "--neeto-editor-highlight-bg-21", "--neeto-editor-highlight-bg-22", "--neeto-editor-highlight-bg-23", "--neeto-editor-highlight-bg-24", "--neeto-editor-highlight-bg-25", "--neeto-editor-highlight-bg-26", "--neeto-editor-highlight-bg-27", "--neeto-editor-highlight-bg-28", "--neeto-editor-highlight-bg-29"]
+  text: ["--neeto-editor-highlight-text-1", "--neeto-editor-highlight-text-2", "--neeto-editor-highlight-text-3", "--neeto-editor-highlight-text-4", "--neeto-editor-highlight-text-5", "--neeto-editor-highlight-text-6", "--neeto-editor-highlight-text-7", "--neeto-editor-highlight-text-8", "--neeto-editor-highlight-text-9", "--neeto-editor-highlight-text-10"],
+  background: ["--neeto-editor-highlight-bg-1", "--neeto-editor-highlight-bg-2", "--neeto-editor-highlight-bg-3", "--neeto-editor-highlight-bg-4", "--neeto-editor-highlight-bg-5", "--neeto-editor-highlight-bg-6", "--neeto-editor-highlight-bg-7", "--neeto-editor-highlight-bg-8", "--neeto-editor-highlight-bg-9", "--neeto-editor-highlight-bg-10"]
 };
 
 var colorSections = [{
@@ -18242,19 +18348,20 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
       });
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     autoWidth: true,
     placement: "bottom-start",
     strategy: "fixed",
     buttonProps: {
       icon: function icon() {
-        return /*#__PURE__*/jsxRuntime.jsx(Highlight, {
-          size: 18
+        return /*#__PURE__*/jsxRuntime.jsx(ColorDotIcon, {
+          backgroundColor: backgroundColor,
+          textColor: textColor
         });
       },
       iconPosition: "left",
-      iconSize: 16,
-      label: /*#__PURE__*/jsxRuntime.jsx(Down, {
+      iconSize: 20,
+      label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
         size: 12
       }),
       ref: dropdownRef,
@@ -18271,7 +18378,7 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
       size: "small",
       className: "neeto-editor-fixed-menu__item"
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown$1.Menu, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default.Menu, {
       className: "neeto-editor-highlight-dropdown",
       children: colorSections.map(function (_ref2) {
         var title = _ref2.title,
@@ -18279,10 +18386,10 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
           isTextColor = _ref2.isTextColor;
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "neeto-editor-highlight-dropdown__section",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
             className: "neeto-editor-highlight-dropdown__section-title",
             style: "body2",
-            weight: "medium",
+            weight: "normal",
             children: title
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "neeto-editor-highlight-dropdown__color-grid",
@@ -18295,7 +18402,7 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
   });
 };
 
-var Menu$1 = Dropdown$1.Menu;
+var Menu$1 = Dropdown__default.default.Menu;
 var TableOption = function TableOption(_ref) {
   var editor = _ref.editor,
     tooltipContent = _ref.tooltipContent,
@@ -18305,15 +18412,15 @@ var TableOption = function TableOption(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var _useState3 = React.useState(3),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     rows = _useState4[0],
     setRows = _useState4[1];
   var _useState5 = React.useState(3),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     columns = _useState6[0],
     setColumns = _useState6[1];
   var handleClose = function handleClose() {
@@ -18333,12 +18440,12 @@ var TableOption = function TableOption(_ref) {
     isSecondaryMenu && e.stopPropagation();
     setIsOpen(ramda.not);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
     isOpen: isOpen,
     buttonStyle: isOpen ? "secondary" : "text",
     closeOnSelect: false,
     "data-testid": "neeto-editor-fixed-menu-link-option",
-    icon: Column,
+    icon: Column__default.default,
     position: isSecondaryMenu ? "left-start" : "bottom",
     buttonProps: {
       tabIndex: -1,
@@ -18351,13 +18458,13 @@ var TableOption = function TableOption(_ref) {
     },
     customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
       label: label,
-      icon: Column
+      icon: Column__default.default
     }),
     onClick: handleDropdownClick,
     onClose: handleClose,
     children: /*#__PURE__*/jsxRuntime.jsxs(Menu$1, {
       className: "neeto-editor-table__item",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
         autoFocus: true,
         "data-testid": "neeto-editor-fixed-menu-table-rows-input",
         label: t("neetoEditor.menu.rows"),
@@ -18367,7 +18474,7 @@ var TableOption = function TableOption(_ref) {
         type: "number",
         value: rows,
         onChange: utils$1.withEventTargetValue(setRows)
-      }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
         "data-testid": "neeto-editor-fixed-menu-table-columns-input",
         label: t("neetoEditor.menu.columns"),
         min: "1",
@@ -18378,7 +18485,7 @@ var TableOption = function TableOption(_ref) {
         onChange: utils$1.withEventTargetValue(setColumns)
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-editor-table-menu__button",
-        children: /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
           className: "mt-auto",
           "data-testid": "neeto-editor-fixed-menu-table-option-create-button",
           label: t("neetoEditor.common.create"),
@@ -18402,7 +18509,7 @@ var MENU_ELEMENT_TYPES = {
   MENTIONS: "mentions",
   HIGHLIGHT: "highlight"
 };
-var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_SHORTCUTS, constants.EDITOR_OPTIONS.BOLD, {
+var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_SHORTCUTS, constants.EDITOR_OPTIONS.BOLD, {
   mac: "⌘B",
   win: "Ctrl+B"
 }), constants.EDITOR_OPTIONS.ITALIC, {
@@ -18432,18 +18539,18 @@ var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty(_defineProperty(_definePropert
 }), "bulletList", {
   mac: "⌘⇧8",
   win: "Ctrl+Shift+8"
-}), _defineProperty(_defineProperty(_SHORTCUTS, "orderedList", {
+}), _defineProperty__default.default(_defineProperty__default.default(_SHORTCUTS, "orderedList", {
   mac: "⌘⇧7",
   win: "Ctrl+Shift+7"
 }), "todoList", {
   mac: "⌘⇧9",
   win: "Ctrl+Shift+9"
 }));
-var MENU_ELEMENTS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MENU_ELEMENT_TYPES.BUTTON, MenuButton$1), MENU_ELEMENT_TYPES.CALLOUT, CalloutDropdown), MENU_ELEMENT_TYPES.FONT_SIZE, FontSizeOption$1), MENU_ELEMENT_TYPES.TABLE, TableOption$1), MENU_ELEMENT_TYPES.TEXT_COLOR, TextColorOption), MENU_ELEMENT_TYPES.EMOJI, EmojiOption$1), MENU_ELEMENT_TYPES.MENTIONS, Mentions$1), MENU_ELEMENT_TYPES.HIGHLIGHT, HighlightDropdown);
-var MENU_ELEMENT_WIDTHS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MENU_ELEMENT_TYPES.BUTTON, 36), MENU_ELEMENT_TYPES.CALLOUT, 23), MENU_ELEMENT_TYPES.FONT_SIZE, 103), MENU_ELEMENT_TYPES.TABLE, 36), MENU_ELEMENT_TYPES.TEXT_COLOR, 36), MENU_ELEMENT_TYPES.EMOJI, 36), MENU_ELEMENT_TYPES.MENTIONS, 36), MENU_ELEMENT_TYPES.HIGHLIGHT, 103);
+var MENU_ELEMENTS = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, MENU_ELEMENT_TYPES.BUTTON, MenuButton$1), MENU_ELEMENT_TYPES.CALLOUT, CalloutDropdown), MENU_ELEMENT_TYPES.FONT_SIZE, FontSizeOption$1), MENU_ELEMENT_TYPES.TABLE, TableOption$1), MENU_ELEMENT_TYPES.TEXT_COLOR, TextColorOption), MENU_ELEMENT_TYPES.EMOJI, EmojiOption$1), MENU_ELEMENT_TYPES.MENTIONS, Mentions$1), MENU_ELEMENT_TYPES.HIGHLIGHT, HighlightDropdown);
+var MENU_ELEMENT_WIDTHS = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, MENU_ELEMENT_TYPES.BUTTON, 36), MENU_ELEMENT_TYPES.CALLOUT, 23), MENU_ELEMENT_TYPES.FONT_SIZE, 103), MENU_ELEMENT_TYPES.TABLE, 36), MENU_ELEMENT_TYPES.TEXT_COLOR, 36), MENU_ELEMENT_TYPES.EMOJI, 36), MENU_ELEMENT_TYPES.MENTIONS, 36), MENU_ELEMENT_TYPES.HIGHLIGHT, 103);
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var createMenuOptions = function createMenuOptions(_ref) {
   var _tooltips$fontSize, _tooltips$bold, _tooltips$italic, _tooltips$link, _tooltips$strike, _tooltips$highlight, _tooltips$highlight2, _tooltips$bulletList, _tooltips$orderedList, _tooltips$todoList, _tooltips$blockQuote, _tooltips$callout, _tooltips$callout2, _tooltips$table, _tooltips$attachments, _tooltips$neetoKbArti, _tooltips$imageUpload, _tooltips$textColor, _tooltips$emoji, _tooltips$mention, _tooltips$code, _tooltips$codeBlock, _tooltips$videoUpload, _tooltips$underline, _tooltips$undo, _tooltips$redo;
   var tooltips = _ref.tooltips,
@@ -18472,7 +18579,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     runEditorCommand: runEditorCommand
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: 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();
@@ -18481,7 +18588,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: TextItalic,
+    icon: TextItalic__default.default,
     isEnabled: options.includes(constants.EDITOR_OPTIONS.ITALIC),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleItalic().run();
@@ -18490,7 +18597,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: Link,
+    icon: Link__default.default,
     isEnabled: options.includes(constants.EDITOR_OPTIONS.LINK),
     command: function command() {
       return setIsAddLinkActive(ramda.not);
@@ -18499,7 +18606,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: TextCross,
+    icon: TextCross__default.default,
     isEnabled: options.includes(constants.EDITOR_OPTIONS.STRIKETHROUGH),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleStrike().run();
@@ -18508,7 +18615,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.HIGHLIGHT,
-    icon: Highlight,
+    icon: Highlight__default.default,
     label: (_tooltips$highlight = tooltips.highlight) !== null && _tooltips$highlight !== void 0 ? _tooltips$highlight : i18n.t("neetoEditor.menu.highlight"),
     isEnabled: options.includes(constants.EDITOR_OPTIONS.HIGHLIGHT),
     optionName: constants.EDITOR_OPTIONS.HIGHLIGHT,
@@ -18519,7 +18626,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
   // list
   [{
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: ListDot,
+    icon: ListDot__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleBulletList().run();
     }),
@@ -18529,7 +18636,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: ListNumber,
+    icon: ListNumber__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleOrderedList().run();
     }),
@@ -18539,7 +18646,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$orderedList = tooltips.orderedList) !== null && _tooltips$orderedList !== void 0 ? _tooltips$orderedList : i18n.t("neetoEditor.menu.orderedList")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: Checkbox$1,
+    icon: Checkbox__default$1.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleTaskList().run();
     }),
@@ -18551,7 +18658,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
   // block
   [{
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: Quote,
+    icon: Quote__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleBlockquote().run();
     }),
@@ -18576,7 +18683,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     optionName: constants.EDITOR_OPTIONS.TABLE
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: Attachment,
+    icon: Attachment__default.default,
     command: function command() {
       return attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments();
     },
@@ -18586,7 +18693,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: File,
+    icon: File__default.default,
     command: function command() {
       if (!editor || !setIsNeetoKbArticleActive) return;
       var _editor$state$selecti = editor.state.selection,
@@ -18608,7 +18715,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$neetoKbArti = tooltips.neetoKbArticle) !== null && _tooltips$neetoKbArti !== void 0 ? _tooltips$neetoKbArti : i18n.t("neetoEditor.menu.linkToNeetoKbArticle")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: ImageUpload,
+    icon: ImageUpload__default.default,
     command: function command() {
       return setMediaUploader(ramda.assoc("image", true));
     },
@@ -18637,7 +18744,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     mentions: mentions
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: Code,
+    icon: Code__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleCode().run();
     }),
@@ -18646,7 +18753,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: CodeBlock,
+    icon: CodeBlock__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleCodeBlock().run();
     }),
@@ -18655,7 +18762,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
     label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : i18n.t("neetoEditor.menu.codeBlock")
   }, {
     type: MENU_ELEMENT_TYPES.BUTTON,
-    icon: Video,
+    icon: Video__default.default,
     command: function command() {
       return setMediaUploader(ramda.assoc("video", true));
     },
@@ -18664,7 +18771,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: Underline,
+    icon: Underline__default.default,
     isEnabled: options.includes(constants.EDITOR_OPTIONS.UNDERLINE),
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().toggleUnderline().run();
@@ -18672,10 +18779,10 @@ var createMenuOptions = function createMenuOptions(_ref) {
     optionName: constants.EDITOR_OPTIONS.UNDERLINE,
     label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : i18n.t("neetoEditor.menu.underline")
   }], //addons
-  _toConsumableArray(addonCommandOptions),
+  _toConsumableArray__default.default(addonCommandOptions),
   // history
   [{
-    icon: Undo,
+    icon: Undo__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().undo().run();
     }),
@@ -18684,7 +18791,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: Redo,
+    icon: Redo__default.default,
     command: runEditorCommand(function (editor) {
       return editor.chain().focus().redo().run();
     }),
@@ -18835,17 +18942,17 @@ var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));
 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(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; }
+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.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isEmojiPickerActive = _useState2[0],
     setIsEmojiPickerActive = _useState2[1];
   var _useState3 = React.useState({
       image: false,
       video: false
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     mediaUploader = _useState4[0],
     setMediaUploader = _useState4[1];
   var _props$menuType = props.menuType,
@@ -18862,7 +18969,7 @@ var Menu = function Menu(props) {
   var MenuComponent = React.useMemo(function () {
     return MENU_COMPONENTS[menuType];
   }, [menuType]);
-  var menuOptions = ramda.isEmpty(options) ? [].concat(_toConsumableArray(defaults), _toConsumableArray(addons)) : options;
+  var menuOptions = ramda.isEmpty(options) ? [].concat(_toConsumableArray__default.default(defaults), _toConsumableArray__default.default(addons)) : options;
   React.useEffect(function () {
     var handleKeyDown = function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.altKey) {
@@ -18951,4 +19058,4 @@ exports.useEditor = useEditor;
 exports.useEditorState = useEditorState$1;
 exports.validateUrl = validateUrl;
 exports.wrappingInputRule = wrappingInputRule;
-//# sourceMappingURL=chunk-C62Rxbt6.cjs.js.map
+//# sourceMappingURL=chunk-BdXk4fyW.cjs.js.map