@bigbinary/neeto-editor 1.47.1 → 1.47.3

package/dist/EditorContent.js

@@ -11,7 +11,7 @@ import { a as EDITOR_SIZES } from './chunk-FWwP48qR.js';
 import { n } from './chunk-DmrvuTKK.js';
 import '@bigbinary/neeto-cist';
 import './chunk-CftSm0ZU.js';
-import { s as substituteVariables, a as applySyntaxHighlightingAndLineNumbers, b as applyLineHighlighting } from './chunk-BsDiILIW.js';
+import { s as substituteVariables, a as applySyntaxHighlightingAndLineNumbers, r as replaceHTMLEntities, b as applyLineHighlighting } from './chunk-LYwOO_bQ.js';
 import { r as removeEmptyTags, E as EDITOR_CONTENT_CLASS_NAME, S as SANITIZE_OPTIONS, b as EDITOR_CONTENT_DEFAULT_CONFIGURATION } from './chunk-BCoBS5ED.js';
 import { useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Close from '@bigbinary/neeto-icons/Close';
@@ -149,7 +149,7 @@ var EditorContent = function EditorContent(_ref) {
     imagePreviewDetails = _useState2[0],
     setImagePreviewDetails = _useState2[1];
   var editorContentRef = useRef(null);
-  var htmlContent = substituteVariables(applySyntaxHighlightingAndLineNumbers(removeEmptyTags(content)), variables);
+  var htmlContent = substituteVariables(applySyntaxHighlightingAndLineNumbers(replaceHTMLEntities(removeEmptyTags(content))), variables);
   var sanitize = DOMPurify.sanitize;
   var injectCopyButtonToCodeBlocks = function injectCopyButtonToCodeBlocks() {
     var _editorContentRef$cur;

package/dist/EditorContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContent.js","sources":["../src/components/EditorContent/ImagePreview.jsx","../src/components/EditorContent/utils/headers.js","../src/components/EditorContent/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useOnClickOutside } from \"neetocommons/react-utils\";\nimport { Close } from \"neetoicons\";\nimport { Button, Spinner } from \"neetoui\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ImagePreview = ({ imagePreviewDetails, setImagePreviewDetails }) => {\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { t } = useTranslation();\n\n  const imagePreviewRef = useRef(null);\n\n  useOnClickOutside(imagePreviewRef, () => setImagePreviewDetails(null), {\n    enabled: true,\n  });\n\n  useEffect(() => {\n    if (!imagePreviewRef.current) return;\n\n    imagePreviewRef.current.setAttribute(\"tabindex\", \"-1\");\n    imagePreviewRef.current.focus();\n  }, []);\n\n  const handleKeyDown = e => {\n    e.stopPropagation();\n    e.key === \"Escape\" && setImagePreviewDetails(null);\n  };\n\n  return createPortal(\n    <div className=\"ne-image-preview-wrapper active\">\n      {isLoading && <Spinner className=\"ne-image-preview-wrapper__spinner\" />}\n      {!isLoading && (\n        <div className=\"close-button\">\n          <Button\n            icon={Close}\n            style=\"secondary\"\n            onClick={() => setImagePreviewDetails(null)}\n          />\n        </div>\n      )}\n      <div\n        className={classnames(\"ne-image-preview\", {\n          \"image-loaded\": !isLoading,\n        })}\n      >\n        <img\n          alt={t(\"neetoEditor.editorContent.imagePreviewAltText\")}\n          ref={imagePreviewRef}\n          src={imagePreviewDetails.src}\n          onKeyDown={handleKeyDown}\n          onLoad={() => setIsLoading(false)}\n        />\n        {imagePreviewDetails && (\n          <p className=\"ne-image-preview__caption\">\n            {imagePreviewDetails.caption}\n          </p>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nexport default ImagePreview;\n","const buildLinkSVG = () => {\n  const svgNS = \"http://www.w3.org/2000/svg\";\n\n  const svgWrapper = document.createElement(\"span\");\n  svgWrapper.classList.add(\"header-link-icon-wrapper\");\n  const svg = document.createElementNS(svgNS, \"svg\");\n  svg.setAttribute(\"aria-hidden\", \"true\");\n  svg.setAttribute(\"height\", \"20\");\n  svg.setAttribute(\"viewBox\", \"0 0 16 16\");\n  svg.setAttribute(\"width\", \"20\");\n\n  const path = document.createElementNS(svgNS, \"path\");\n  path.setAttribute(\n    \"d\",\n    \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  );\n\n  svg.appendChild(path);\n  svgWrapper.appendChild(svg);\n\n  return svgWrapper;\n};\n\nconst convertTextToId = text =>\n  text\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s]/g, \"\")\n    .replace(/\\s+/g, \"-\");\n\nexport const buildHeaderLinks = editorContentNode => {\n  const headerTags = editorContentNode.querySelectorAll(\n    \"h1, h2, h3, h4, h5, h6\"\n  );\n  const usedIds = new Map();\n\n  headerTags.forEach(heading => {\n    if (heading.getAttribute(\"data-link\") === \"false\") {\n      return;\n    }\n\n    let headingId = convertTextToId(heading.textContent);\n    if (usedIds.has(headingId)) {\n      const count = usedIds.get(headingId);\n      usedIds.set(headingId, count + 1);\n      headingId = `${headingId}-${count}`;\n    } else usedIds.set(headingId, 1);\n\n    heading.setAttribute(\"id\", headingId);\n\n    const wrapper = document.createElement(\"div\");\n    const anchor = document.createElement(\"a\");\n\n    wrapper.classList.add(\"header-wrapper\");\n    anchor.setAttribute(\"href\", `#${headingId}`);\n    anchor.classList.add(\"header-wrapper__link\");\n    anchor.appendChild(buildLinkSVG());\n\n    wrapper.appendChild(heading.cloneNode(true));\n    wrapper.appendChild(anchor);\n    heading.replaceWith(wrapper);\n  });\n};\n","import { memo, useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport DOMPurify from \"dompurify\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { isNil } from \"ramda\";\nimport { createRoot } from \"react-dom/client\";\n\nimport { EDITOR_SIZES } from \"src/common/constants\";\nimport \"src/styles/editor/editor-content.scss\";\nimport { removeEmptyTags } from \"utils\";\n\nimport {\n  EDITOR_CONTENT_CLASS_NAME,\n  EDITOR_CONTENT_DEFAULT_CONFIGURATION,\n  SANITIZE_OPTIONS,\n} from \"./constants\";\nimport ImagePreview from \"./ImagePreview\";\nimport {\n  substituteVariables,\n  applyLineHighlighting,\n  applySyntaxHighlightingAndLineNumbers,\n} from \"./utils\";\nimport { buildHeaderLinks } from \"./utils/headers\";\n\nconst EditorContent = ({\n  content = \"\",\n  variables = [],\n  className,\n  size = EDITOR_SIZES.SMALL,\n  configuration = EDITOR_CONTENT_DEFAULT_CONFIGURATION,\n  ...otherProps\n}) => {\n  const [imagePreviewDetails, setImagePreviewDetails] = useState(null);\n  const editorContentRef = useRef(null);\n\n  const htmlContent = substituteVariables(\n    applySyntaxHighlightingAndLineNumbers(removeEmptyTags(content)),\n    variables\n  );\n  const sanitize = DOMPurify.sanitize;\n\n  const injectCopyButtonToCodeBlocks = () => {\n    const preTags = editorContentRef.current?.querySelectorAll(\n      `.${EDITOR_CONTENT_CLASS_NAME} pre`\n    );\n\n    preTags.forEach(preTag => {\n      const button = document.createElement(\"div\");\n      button.className = \"neeto-editor-codeblock-options\";\n      const root = createRoot(button);\n      root.render(\n        <CopyToClipboardButton\n          size=\"small\"\n          style=\"tertiary\"\n          value={preTag.textContent}\n        />\n      );\n      preTag.appendChild(button);\n    });\n  };\n\n  const bindImageClickListener = () => {\n    const figureTags = editorContentRef.current?.querySelectorAll(\n      `.${EDITOR_CONTENT_CLASS_NAME} figure`\n    );\n\n    figureTags.forEach(figureTag => {\n      const image = figureTag.querySelector(\"img\");\n      const link = figureTag.querySelector(\"a\");\n      if (isNil(image) || isNil(link)) return;\n\n      figureTag.addEventListener(\"click\", event => {\n        event.preventDefault();\n        const caption = figureTag.querySelector(\"figcaption\").innerText;\n        setImagePreviewDetails({ src: image.src, caption });\n      });\n    });\n  };\n\n  useEffect(() => {\n    injectCopyButtonToCodeBlocks();\n    bindImageClickListener();\n    applyLineHighlighting(editorContentRef.current);\n    configuration.enableHeaderLinks &&\n      buildHeaderLinks(editorContentRef.current);\n  }, [content]);\n\n  return (\n    <>\n      <div\n        data-cy=\"neeto-editor-content\"\n        ref={editorContentRef}\n        className={classnames(EDITOR_CONTENT_CLASS_NAME, {\n          [className]: className,\n          [`neeto-editor-size--${size}`]: true,\n        })}\n        dangerouslySetInnerHTML={{\n          __html: sanitize(htmlContent, SANITIZE_OPTIONS),\n        }}\n        {...otherProps}\n      />\n      {imagePreviewDetails && (\n        <ImagePreview {...{ imagePreviewDetails, setImagePreviewDetails }} />\n      )}\n    </>\n  );\n};\n\nexport default memo(EditorContent);\n"],"names":["ImagePreview","_ref","imagePreviewDetails","setImagePreviewDetails","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useTranslation","useTranslation","t","imagePreviewRef","useRef","useOnClickOutside","enabled","useEffect","current","setAttribute","focus","handleKeyDown","e","stopPropagation","key","createPortal","_jsxs","className","children","_jsx","Spinner","Button","icon","Close","style","onClick","classnames","alt","ref","src","onKeyDown","onLoad","caption","document","body","buildLinkSVG","svgNS","svgWrapper","createElement","classList","add","svg","createElementNS","path","appendChild","convertTextToId","text","trim","toLowerCase","replace","buildHeaderLinks","editorContentNode","headerTags","querySelectorAll","usedIds","Map","forEach","heading","getAttribute","headingId","textContent","has","count","get","set","concat","wrapper","anchor","cloneNode","replaceWith","EditorContent","_ref$content","content","_ref$variables","variables","_ref$size","size","EDITOR_SIZES","SMALL","_ref$configuration","configuration","EDITOR_CONTENT_DEFAULT_CONFIGURATION","otherProps","_objectWithoutProperties","_excluded","editorContentRef","htmlContent","substituteVariables","applySyntaxHighlightingAndLineNumbers","removeEmptyTags","sanitize","DOMPurify","injectCopyButtonToCodeBlocks","_editorContentRef$cur","preTags","EDITOR_CONTENT_CLASS_NAME","preTag","button","root","createRoot","render","CopyToClipboardButton","value","bindImageClickListener","_editorContentRef$cur2","figureTags","figureTag","image","querySelector","link","isNil","addEventListener","event","preventDefault","innerText","applyLineHighlighting","enableHeaderLinks","_Fragment","_objectSpread","_defineProperty","dangerouslySetInnerHTML","__html","SANITIZE_OPTIONS","memo"],"mappings":"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"}
+{"version":3,"file":"EditorContent.js","sources":["../src/components/EditorContent/ImagePreview.jsx","../src/components/EditorContent/utils/headers.js","../src/components/EditorContent/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useOnClickOutside } from \"neetocommons/react-utils\";\nimport { Close } from \"neetoicons\";\nimport { Button, Spinner } from \"neetoui\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ImagePreview = ({ imagePreviewDetails, setImagePreviewDetails }) => {\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { t } = useTranslation();\n\n  const imagePreviewRef = useRef(null);\n\n  useOnClickOutside(imagePreviewRef, () => setImagePreviewDetails(null), {\n    enabled: true,\n  });\n\n  useEffect(() => {\n    if (!imagePreviewRef.current) return;\n\n    imagePreviewRef.current.setAttribute(\"tabindex\", \"-1\");\n    imagePreviewRef.current.focus();\n  }, []);\n\n  const handleKeyDown = e => {\n    e.stopPropagation();\n    e.key === \"Escape\" && setImagePreviewDetails(null);\n  };\n\n  return createPortal(\n    <div className=\"ne-image-preview-wrapper active\">\n      {isLoading && <Spinner className=\"ne-image-preview-wrapper__spinner\" />}\n      {!isLoading && (\n        <div className=\"close-button\">\n          <Button\n            icon={Close}\n            style=\"secondary\"\n            onClick={() => setImagePreviewDetails(null)}\n          />\n        </div>\n      )}\n      <div\n        className={classnames(\"ne-image-preview\", {\n          \"image-loaded\": !isLoading,\n        })}\n      >\n        <img\n          alt={t(\"neetoEditor.editorContent.imagePreviewAltText\")}\n          ref={imagePreviewRef}\n          src={imagePreviewDetails.src}\n          onKeyDown={handleKeyDown}\n          onLoad={() => setIsLoading(false)}\n        />\n        {imagePreviewDetails && (\n          <p className=\"ne-image-preview__caption\">\n            {imagePreviewDetails.caption}\n          </p>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nexport default ImagePreview;\n","const buildLinkSVG = () => {\n  const svgNS = \"http://www.w3.org/2000/svg\";\n\n  const svgWrapper = document.createElement(\"span\");\n  svgWrapper.classList.add(\"header-link-icon-wrapper\");\n  const svg = document.createElementNS(svgNS, \"svg\");\n  svg.setAttribute(\"aria-hidden\", \"true\");\n  svg.setAttribute(\"height\", \"20\");\n  svg.setAttribute(\"viewBox\", \"0 0 16 16\");\n  svg.setAttribute(\"width\", \"20\");\n\n  const path = document.createElementNS(svgNS, \"path\");\n  path.setAttribute(\n    \"d\",\n    \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  );\n\n  svg.appendChild(path);\n  svgWrapper.appendChild(svg);\n\n  return svgWrapper;\n};\n\nconst convertTextToId = text =>\n  text\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s]/g, \"\")\n    .replace(/\\s+/g, \"-\");\n\nexport const buildHeaderLinks = editorContentNode => {\n  const headerTags = editorContentNode.querySelectorAll(\n    \"h1, h2, h3, h4, h5, h6\"\n  );\n  const usedIds = new Map();\n\n  headerTags.forEach(heading => {\n    if (heading.getAttribute(\"data-link\") === \"false\") {\n      return;\n    }\n\n    let headingId = convertTextToId(heading.textContent);\n    if (usedIds.has(headingId)) {\n      const count = usedIds.get(headingId);\n      usedIds.set(headingId, count + 1);\n      headingId = `${headingId}-${count}`;\n    } else usedIds.set(headingId, 1);\n\n    heading.setAttribute(\"id\", headingId);\n\n    const wrapper = document.createElement(\"div\");\n    const anchor = document.createElement(\"a\");\n\n    wrapper.classList.add(\"header-wrapper\");\n    anchor.setAttribute(\"href\", `#${headingId}`);\n    anchor.classList.add(\"header-wrapper__link\");\n    anchor.appendChild(buildLinkSVG());\n\n    wrapper.appendChild(heading.cloneNode(true));\n    wrapper.appendChild(anchor);\n    heading.replaceWith(wrapper);\n  });\n};\n","import { memo, useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport DOMPurify from \"dompurify\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { isNil } from \"ramda\";\nimport { createRoot } from \"react-dom/client\";\n\nimport { EDITOR_SIZES } from \"src/common/constants\";\nimport \"src/styles/editor/editor-content.scss\";\nimport { removeEmptyTags } from \"utils\";\n\nimport {\n  EDITOR_CONTENT_CLASS_NAME,\n  EDITOR_CONTENT_DEFAULT_CONFIGURATION,\n  SANITIZE_OPTIONS,\n} from \"./constants\";\nimport ImagePreview from \"./ImagePreview\";\nimport {\n  substituteVariables,\n  applyLineHighlighting,\n  replaceHTMLEntities,\n  applySyntaxHighlightingAndLineNumbers,\n} from \"./utils\";\nimport { buildHeaderLinks } from \"./utils/headers\";\n\nconst EditorContent = ({\n  content = \"\",\n  variables = [],\n  className,\n  size = EDITOR_SIZES.SMALL,\n  configuration = EDITOR_CONTENT_DEFAULT_CONFIGURATION,\n  ...otherProps\n}) => {\n  const [imagePreviewDetails, setImagePreviewDetails] = useState(null);\n  const editorContentRef = useRef(null);\n\n  const htmlContent = substituteVariables(\n    applySyntaxHighlightingAndLineNumbers(\n      replaceHTMLEntities(removeEmptyTags(content))\n    ),\n    variables\n  );\n  const sanitize = DOMPurify.sanitize;\n\n  const injectCopyButtonToCodeBlocks = () => {\n    const preTags = editorContentRef.current?.querySelectorAll(\n      `.${EDITOR_CONTENT_CLASS_NAME} pre`\n    );\n\n    preTags.forEach(preTag => {\n      const button = document.createElement(\"div\");\n      button.className = \"neeto-editor-codeblock-options\";\n      const root = createRoot(button);\n      root.render(\n        <CopyToClipboardButton\n          size=\"small\"\n          style=\"tertiary\"\n          value={preTag.textContent}\n        />\n      );\n      preTag.appendChild(button);\n    });\n  };\n\n  const bindImageClickListener = () => {\n    const figureTags = editorContentRef.current?.querySelectorAll(\n      `.${EDITOR_CONTENT_CLASS_NAME} figure`\n    );\n\n    figureTags.forEach(figureTag => {\n      const image = figureTag.querySelector(\"img\");\n      const link = figureTag.querySelector(\"a\");\n      if (isNil(image) || isNil(link)) return;\n\n      figureTag.addEventListener(\"click\", event => {\n        event.preventDefault();\n        const caption = figureTag.querySelector(\"figcaption\").innerText;\n        setImagePreviewDetails({ src: image.src, caption });\n      });\n    });\n  };\n\n  useEffect(() => {\n    injectCopyButtonToCodeBlocks();\n    bindImageClickListener();\n    applyLineHighlighting(editorContentRef.current);\n    configuration.enableHeaderLinks &&\n      buildHeaderLinks(editorContentRef.current);\n  }, [content]);\n\n  return (\n    <>\n      <div\n        data-cy=\"neeto-editor-content\"\n        ref={editorContentRef}\n        className={classnames(EDITOR_CONTENT_CLASS_NAME, {\n          [className]: className,\n          [`neeto-editor-size--${size}`]: true,\n        })}\n        dangerouslySetInnerHTML={{\n          __html: sanitize(htmlContent, SANITIZE_OPTIONS),\n        }}\n        {...otherProps}\n      />\n      {imagePreviewDetails && (\n        <ImagePreview {...{ imagePreviewDetails, setImagePreviewDetails }} />\n      )}\n    </>\n  );\n};\n\nexport default memo(EditorContent);\n"],"names":["ImagePreview","_ref","imagePreviewDetails","setImagePreviewDetails","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useTranslation","useTranslation","t","imagePreviewRef","useRef","useOnClickOutside","enabled","useEffect","current","setAttribute","focus","handleKeyDown","e","stopPropagation","key","createPortal","_jsxs","className","children","_jsx","Spinner","Button","icon","Close","style","onClick","classnames","alt","ref","src","onKeyDown","onLoad","caption","document","body","buildLinkSVG","svgNS","svgWrapper","createElement","classList","add","svg","createElementNS","path","appendChild","convertTextToId","text","trim","toLowerCase","replace","buildHeaderLinks","editorContentNode","headerTags","querySelectorAll","usedIds","Map","forEach","heading","getAttribute","headingId","textContent","has","count","get","set","concat","wrapper","anchor","cloneNode","replaceWith","EditorContent","_ref$content","content","_ref$variables","variables","_ref$size","size","EDITOR_SIZES","SMALL","_ref$configuration","configuration","EDITOR_CONTENT_DEFAULT_CONFIGURATION","otherProps","_objectWithoutProperties","_excluded","editorContentRef","htmlContent","substituteVariables","applySyntaxHighlightingAndLineNumbers","replaceHTMLEntities","removeEmptyTags","sanitize","DOMPurify","injectCopyButtonToCodeBlocks","_editorContentRef$cur","preTags","EDITOR_CONTENT_CLASS_NAME","preTag","button","root","createRoot","render","CopyToClipboardButton","value","bindImageClickListener","_editorContentRef$cur2","figureTags","figureTag","image","querySelector","link","isNil","addEventListener","event","preventDefault","innerText","applyLineHighlighting","enableHeaderLinks","_Fragment","_objectSpread","_defineProperty","dangerouslySetInnerHTML","__html","SANITIZE_OPTIONS","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwD;AAAA,EAAA,IAAlDC,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;IAAEC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB,CAAA;AACjE,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAAI,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,IAAMC,eAAe,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAEpCC,iBAAiB,CAACF,eAAe,EAAE,YAAA;IAAA,OAAMV,sBAAsB,CAAC,IAAI,CAAC,CAAA;GAAE,EAAA;AACrEa,IAAAA,OAAO,EAAE,IAAA;AACX,GAAC,CAAC,CAAA;AAEFC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAACJ,eAAe,CAACK,OAAO,EAAE,OAAA;IAE9BL,eAAe,CAACK,OAAO,CAACC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AACtDN,IAAAA,eAAe,CAACK,OAAO,CAACE,KAAK,EAAE,CAAA;GAChC,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,CAAC,EAAI;IACzBA,CAAC,CAACC,eAAe,EAAE,CAAA;IACnBD,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIrB,sBAAsB,CAAC,IAAI,CAAC,CAAA;GACnD,CAAA;EAED,oBAAOsB,YAAY,eACjBC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,iCAAiC;AAAAC,IAAAA,QAAA,EAC7CpB,CAAAA,SAAS,iBAAIqB,GAAA,CAACC,OAAO,EAAA;AAACH,MAAAA,SAAS,EAAC,mCAAA;AAAmC,KAAE,CAAC,EACtE,CAACnB,SAAS,iBACTqB,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,cAAc;MAAAC,QAAA,eAC3BC,GAAA,CAACE,MAAM,EAAA;AACLC,QAAAA,IAAI,EAAEC,KAAM;AACZC,QAAAA,KAAK,EAAC,WAAW;QACjBC,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMhC,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAAA,SAAA;OAC5C,CAAA;KACE,CACN,eACDuB,IAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,SAAS,EAAES,UAAU,CAAC,kBAAkB,EAAE;AACxC,QAAA,cAAc,EAAE,CAAC5B,SAAAA;AACnB,OAAC,CAAE;AAAAoB,MAAAA,QAAA,gBAEHC,GAAA,CAAA,KAAA,EAAA;AACEQ,QAAAA,GAAG,EAAEzB,CAAC,CAAC,+CAA+C,CAAE;AACxD0B,QAAAA,GAAG,EAAEzB,eAAgB;QACrB0B,GAAG,EAAErC,mBAAmB,CAACqC,GAAI;AAC7BC,QAAAA,SAAS,EAAEnB,aAAc;QACzBoB,MAAM,EAAE,SAAAA,MAAA,GAAA;UAAA,OAAMhC,YAAY,CAAC,KAAK,CAAC,CAAA;AAAA,SAAA;AAAC,OACnC,CAAC,EACDP,mBAAmB,iBAClB2B,GAAA,CAAA,GAAA,EAAA;AAAGF,QAAAA,SAAS,EAAC,2BAA2B;QAAAC,QAAA,EACrC1B,mBAAmB,CAACwC,OAAAA;AAAO,OAC3B,CACJ,CAAA;AAAA,KACE,CAAC,CAAA;AAAA,GACH,CAAC,EACNC,QAAQ,CAACC,IACX,CAAC,CAAA;AACH,CAAC;;ACjED,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;EACzB,IAAMC,KAAK,GAAG,4BAA4B,CAAA;AAE1C,EAAA,IAAMC,UAAU,GAAGJ,QAAQ,CAACK,aAAa,CAAC,MAAM,CAAC,CAAA;AACjDD,EAAAA,UAAU,CAACE,SAAS,CAACC,GAAG,CAAC,0BAA0B,CAAC,CAAA;EACpD,IAAMC,GAAG,GAAGR,QAAQ,CAACS,eAAe,CAACN,KAAK,EAAE,KAAK,CAAC,CAAA;AAClDK,EAAAA,GAAG,CAAChC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AACvCgC,EAAAA,GAAG,CAAChC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;AAChCgC,EAAAA,GAAG,CAAChC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;AACxCgC,EAAAA,GAAG,CAAChC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;EAE/B,IAAMkC,IAAI,GAAGV,QAAQ,CAACS,eAAe,CAACN,KAAK,EAAE,MAAM,CAAC,CAAA;AACpDO,EAAAA,IAAI,CAAClC,YAAY,CACf,GAAG,EACH,+UACF,CAAC,CAAA;AAEDgC,EAAAA,GAAG,CAACG,WAAW,CAACD,IAAI,CAAC,CAAA;AACrBN,EAAAA,UAAU,CAACO,WAAW,CAACH,GAAG,CAAC,CAAA;AAE3B,EAAA,OAAOJ,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,IAAI,EAAA;EAAA,OAC1BA,IAAI,CACDC,IAAI,EAAE,CACNC,WAAW,EAAE,CACbC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAC3BA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAElB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,iBAAiB,EAAI;AACnD,EAAA,IAAMC,UAAU,GAAGD,iBAAiB,CAACE,gBAAgB,CACnD,wBACF,CAAC,CAAA;AACD,EAAA,IAAMC,OAAO,GAAG,IAAIC,GAAG,EAAE,CAAA;AAEzBH,EAAAA,UAAU,CAACI,OAAO,CAAC,UAAAC,OAAO,EAAI;IAC5B,IAAIA,OAAO,CAACC,YAAY,CAAC,WAAW,CAAC,KAAK,OAAO,EAAE;AACjD,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIC,SAAS,GAAGd,eAAe,CAACY,OAAO,CAACG,WAAW,CAAC,CAAA;AACpD,IAAA,IAAIN,OAAO,CAACO,GAAG,CAACF,SAAS,CAAC,EAAE;AAC1B,MAAA,IAAMG,KAAK,GAAGR,OAAO,CAACS,GAAG,CAACJ,SAAS,CAAC,CAAA;MACpCL,OAAO,CAACU,GAAG,CAACL,SAAS,EAAEG,KAAK,GAAG,CAAC,CAAC,CAAA;MACjCH,SAAS,GAAA,EAAA,CAAAM,MAAA,CAAMN,SAAS,OAAAM,MAAA,CAAIH,KAAK,CAAE,CAAA;KACpC,MAAMR,OAAO,CAACU,GAAG,CAACL,SAAS,EAAE,CAAC,CAAC,CAAA;AAEhCF,IAAAA,OAAO,CAAChD,YAAY,CAAC,IAAI,EAAEkD,SAAS,CAAC,CAAA;AAErC,IAAA,IAAMO,OAAO,GAAGjC,QAAQ,CAACK,aAAa,CAAC,KAAK,CAAC,CAAA;AAC7C,IAAA,IAAM6B,MAAM,GAAGlC,QAAQ,CAACK,aAAa,CAAC,GAAG,CAAC,CAAA;AAE1C4B,IAAAA,OAAO,CAAC3B,SAAS,CAACC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACvC2B,MAAM,CAAC1D,YAAY,CAAC,MAAM,MAAAwD,MAAA,CAAMN,SAAS,CAAE,CAAC,CAAA;AAC5CQ,IAAAA,MAAM,CAAC5B,SAAS,CAACC,GAAG,CAAC,sBAAsB,CAAC,CAAA;AAC5C2B,IAAAA,MAAM,CAACvB,WAAW,CAACT,YAAY,EAAE,CAAC,CAAA;IAElC+B,OAAO,CAACtB,WAAW,CAACa,OAAO,CAACW,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;AAC5CF,IAAAA,OAAO,CAACtB,WAAW,CAACuB,MAAM,CAAC,CAAA;AAC3BV,IAAAA,OAAO,CAACY,WAAW,CAACH,OAAO,CAAC,CAAA;AAC9B,GAAC,CAAC,CAAA;AACJ,CAAC;;;;;ACpCD,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAA/E,IAAA,EAOb;AAAA,EAAA,IAAAgF,YAAA,GAAAhF,IAAA,CANJiF,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAE,cAAA,GAAAlF,IAAA,CACZmF,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdxD,SAAS,GAAA1B,IAAA,CAAT0B,SAAS;IAAA0D,SAAA,GAAApF,IAAA,CACTqF,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGE,YAAY,CAACC,KAAK,GAAAH,SAAA;IAAAI,kBAAA,GAAAxF,IAAA,CACzByF,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAGE,KAAAA,CAAAA,GAAAA,oCAAoC,GAAAF,kBAAA;AACjDG,IAAAA,UAAU,GAAAC,wBAAA,CAAA5F,IAAA,EAAA6F,SAAA,CAAA,CAAA;AAEb,EAAA,IAAA1F,SAAA,GAAsDC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7DF,IAAAA,mBAAmB,GAAAI,UAAA,CAAA,CAAA,CAAA;AAAEH,IAAAA,sBAAsB,GAAAG,UAAA,CAAA,CAAA,CAAA,CAAA;AAClD,EAAA,IAAMyF,gBAAgB,GAAGjF,MAAM,CAAC,IAAI,CAAC,CAAA;AAErC,EAAA,IAAMkF,WAAW,GAAGC,mBAAmB,CACrCC,qCAAqC,CACnCC,mBAAmB,CAACC,eAAe,CAAClB,OAAO,CAAC,CAC9C,CAAC,EACDE,SACF,CAAC,CAAA;AACD,EAAA,IAAMiB,QAAQ,GAAGC,SAAS,CAACD,QAAQ,CAAA;AAEnC,EAAA,IAAME,4BAA4B,GAAG,SAA/BA,4BAA4BA,GAAS;AAAA,IAAA,IAAAC,qBAAA,CAAA;AACzC,IAAA,IAAMC,OAAO,GAAAD,CAAAA,qBAAA,GAAGT,gBAAgB,CAAC7E,OAAO,MAAAsF,IAAAA,IAAAA,qBAAA,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA0BzC,gBAAgB,CAAA,GAAA,CAAAY,MAAA,CACpD+B,yBAAyB,SAC/B,CAAC,CAAA;AAEDD,IAAAA,OAAO,CAACvC,OAAO,CAAC,UAAAyC,MAAM,EAAI;AACxB,MAAA,IAAMC,MAAM,GAAGjE,QAAQ,CAACK,aAAa,CAAC,KAAK,CAAC,CAAA;MAC5C4D,MAAM,CAACjF,SAAS,GAAG,gCAAgC,CAAA;AACnD,MAAA,IAAMkF,IAAI,GAAGC,UAAU,CAACF,MAAM,CAAC,CAAA;AAC/BC,MAAAA,IAAI,CAACE,MAAM,eACTlF,GAAA,CAACmF,qBAAqB,EAAA;AACpB1B,QAAAA,IAAI,EAAC,OAAO;AACZpD,QAAAA,KAAK,EAAC,UAAU;QAChB+E,KAAK,EAAEN,MAAM,CAACrC,WAAAA;AAAY,OAC3B,CACH,CAAC,CAAA;AACDqC,MAAAA,MAAM,CAACrD,WAAW,CAACsD,MAAM,CAAC,CAAA;AAC5B,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAS;AAAA,IAAA,IAAAC,sBAAA,CAAA;AACnC,IAAA,IAAMC,UAAU,GAAAD,CAAAA,sBAAA,GAAGpB,gBAAgB,CAAC7E,OAAO,MAAAiG,IAAAA,IAAAA,sBAAA,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAA0BpD,gBAAgB,CAAA,GAAA,CAAAY,MAAA,CACvD+B,yBAAyB,YAC/B,CAAC,CAAA;AAEDU,IAAAA,UAAU,CAAClD,OAAO,CAAC,UAAAmD,SAAS,EAAI;AAC9B,MAAA,IAAMC,KAAK,GAAGD,SAAS,CAACE,aAAa,CAAC,KAAK,CAAC,CAAA;AAC5C,MAAA,IAAMC,IAAI,GAAGH,SAAS,CAACE,aAAa,CAAC,GAAG,CAAC,CAAA;MACzC,IAAIE,KAAK,CAACH,KAAK,CAAC,IAAIG,KAAK,CAACD,IAAI,CAAC,EAAE,OAAA;AAEjCH,MAAAA,SAAS,CAACK,gBAAgB,CAAC,OAAO,EAAE,UAAAC,KAAK,EAAI;QAC3CA,KAAK,CAACC,cAAc,EAAE,CAAA;QACtB,IAAMlF,OAAO,GAAG2E,SAAS,CAACE,aAAa,CAAC,YAAY,CAAC,CAACM,SAAS,CAAA;AAC/D1H,QAAAA,sBAAsB,CAAC;UAAEoC,GAAG,EAAE+E,KAAK,CAAC/E,GAAG;AAAEG,UAAAA,OAAO,EAAPA,OAAAA;AAAQ,SAAC,CAAC,CAAA;AACrD,OAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;GACH,CAAA;AAEDzB,EAAAA,SAAS,CAAC,YAAM;AACdsF,IAAAA,4BAA4B,EAAE,CAAA;AAC9BW,IAAAA,sBAAsB,EAAE,CAAA;AACxBY,IAAAA,qBAAqB,CAAC/B,gBAAgB,CAAC7E,OAAO,CAAC,CAAA;IAC/CwE,aAAa,CAACqC,iBAAiB,IAC7BnE,gBAAgB,CAACmC,gBAAgB,CAAC7E,OAAO,CAAC,CAAA;AAC9C,GAAC,EAAE,CAACgE,OAAO,CAAC,CAAC,CAAA;EAEb,oBACExD,IAAA,CAAAsG,QAAA,EAAA;IAAApG,QAAA,EAAA,cACEC,GAAA,CAAA,KAAA,EAAAoG,aAAA,CAAA;AACE,MAAA,SAAA,EAAQ,sBAAsB;AAC9B3F,MAAAA,GAAG,EAAEyD,gBAAiB;AACtBpE,MAAAA,SAAS,EAAES,UAAU,CAACsE,yBAAyB,EAAAwB,eAAA,CAAAA,eAAA,CAAA,EAAA,EAC5CvG,SAAS,EAAGA,SAAS,yBAAAgD,MAAA,CACCW,IAAI,CAAK,EAAA,IAAI,CACrC,CAAE;AACH6C,MAAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,EAAE/B,QAAQ,CAACL,WAAW,EAAEqC,gBAAgB,CAAA;AAChD,OAAA;KACIzC,EAAAA,UAAU,CACf,CAAC,EACD1F,mBAAmB,iBAClB2B,GAAA,CAAC7B,YAAY,EAAA;AAAOE,MAAAA,mBAAmB,EAAnBA,mBAAmB;AAAEC,MAAAA,sBAAsB,EAAtBA,sBAAAA;AAAsB,KAAK,CACrE,CAAA;AAAA,GACD,CAAC,CAAA;AAEP,CAAC,CAAA;AAED,YAAemI,aAAAA,IAAI,CAACtD,aAAa,CAAC;;;;"}

package/dist/FormikEditor.js

@@ -8,7 +8,7 @@ import Editor from './Editor.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
-import './chunk-CeFnZWjP.js';
+import './chunk-BQ6gyl4W.js';
 import './chunk-DmrvuTKK.js';
 import 'i18next';
 import '@bigbinary/neeto-icons/TextH1';
@@ -27,6 +27,7 @@ import 'classnames';
 import 'tippy.js/dist/svg-arrow.css';
 import '@bigbinary/neeto-icons/Link';
 import '@bigbinary/neeto-icons/Column';
+import '@bigbinary/neeto-icons/Down';
 import '@bigbinary/neetoui/Dropdown';
 import 'react-i18next';
 import '@bigbinary/neeto-icons/Close';
@@ -84,7 +85,6 @@ import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neetoui/Tooltip';
 import '@bigbinary/neetoui/Spinner';
 import '@bigbinary/neetoui/Checkbox';
-import '@bigbinary/neeto-icons/Down';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@tippyjs/react';
 import '@bigbinary/neeto-icons/File';

package/dist/Menu.js

@@ -3,7 +3,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import 'ramda';
-export { M as default } from './chunk-CeFnZWjP.js';
+export { M as default } from './chunk-BQ6gyl4W.js';
 import './chunk-CftSm0ZU.js';
 import 'react/jsx-runtime';
 import './chunk-DmrvuTKK.js';
@@ -23,6 +23,7 @@ import 'classnames';
 import 'tippy.js/dist/svg-arrow.css';
 import '@bigbinary/neeto-icons/Link';
 import '@bigbinary/neeto-icons/Column';
+import '@bigbinary/neeto-icons/Down';
 import '@bigbinary/neetoui/Dropdown';
 import 'react-i18next';
 import '@bigbinary/neeto-icons/Close';
@@ -81,7 +82,6 @@ import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neetoui/Tooltip';
 import '@bigbinary/neetoui/Spinner';
 import '@bigbinary/neetoui/Checkbox';
-import '@bigbinary/neeto-icons/Down';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@tippyjs/react';
 import '@bigbinary/neeto-icons/File';

package/dist/{chunk-CeFnZWjP.js → chunk-BQ6gyl4W.js}

@@ -20,6 +20,7 @@ import { hyphenate, isNotPresent, noop, isNotEmpty, findBy, filterBy } from '@bi
 import 'tippy.js/dist/svg-arrow.css';
 import Link from '@bigbinary/neeto-icons/Link';
 import Column from '@bigbinary/neeto-icons/Column';
+import Down from '@bigbinary/neeto-icons/Down';
 import Dropdown$1 from '@bigbinary/neetoui/Dropdown';
 import { useTranslation } from 'react-i18next';
 import Close from '@bigbinary/neeto-icons/Close';
@@ -73,7 +74,6 @@ import { a as getAugmentedNamespace } from './chunk-E-ZsRS8r.js';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import { shallow } from 'zustand/shallow';
 import { create } from 'zustand';
-import Down from '@bigbinary/neeto-icons/Down';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import Tippy from '@tippyjs/react';
 import File$1 from '@bigbinary/neeto-icons/File';
@@ -9992,7 +9992,7 @@ function getAttributesFromExtensions(extensions) {
     return extensionAttributes;
 }
 
-function getNodeType$1(nameOrType, schema) {
+function getNodeType(nameOrType, schema) {
     if (typeof nameOrType === 'string') {
         if (!schema.nodes[nameOrType]) {
             throw Error(`There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`);
@@ -10845,7 +10845,7 @@ class ExtensionManager {
                 options: extension.options,
                 storage: extension.storage,
                 editor,
-                type: getNodeType$1(extension.name, this.schema),
+                type: getNodeType(extension.name, this.schema),
             };
             const addNodeView = getExtensionField(extension, 'addNodeView', context);
             if (!addNodeView) {
@@ -11192,7 +11192,7 @@ const deleteCurrentNode = () => ({ tr, dispatch }) => {
 };
 
 const deleteNode = typeOrName => ({ tr, state, dispatch }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     const $pos = tr.selection.$anchor;
     for (let depth = $pos.depth; depth > 0; depth -= 1) {
         const node = $pos.node(depth);
@@ -11780,7 +11780,7 @@ const keyboardShortcut = name => ({ editor, view, tr, dispatch, }) => {
 
 function isNodeActive(state, typeOrName, attributes = {}) {
     const { from, to, empty } = state.selection;
-    const type = typeOrName ? getNodeType$1(typeOrName, state.schema) : null;
+    const type = typeOrName ? getNodeType(typeOrName, state.schema) : null;
     const nodeRanges = [];
     state.doc.nodesBetween(from, to, (node, pos) => {
         if (node.isText) {
@@ -11811,7 +11811,7 @@ function isNodeActive(state, typeOrName, attributes = {}) {
 }
 
 const lift = (typeOrName, attributes = {}) => ({ state, dispatch }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     const isActive = isNodeActive(state, type, attributes);
     if (!isActive) {
         return false;
@@ -11824,7 +11824,7 @@ const liftEmptyBlock = () => ({ state, dispatch }) => {
 };
 
 const liftListItem = typeOrName => ({ state, dispatch }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     return liftListItem$1(type)(state, dispatch);
 };
 
@@ -11875,7 +11875,7 @@ const resetAttributes = (typeOrName, attributes) => ({ tr, state, dispatch }) =>
         return false;
     }
     if (schemaType === 'node') {
-        nodeType = getNodeType$1(typeOrName, state.schema);
+        nodeType = getNodeType(typeOrName, state.schema);
     }
     if (schemaType === 'mark') {
         markType = getMarkType(typeOrName, state.schema);
@@ -12137,7 +12137,7 @@ function getText(node, options) {
 }
 
 function getNodeAttributes(state, typeOrName) {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     const { from, to } = state.selection;
     const nodes = [];
     state.doc.nodesBetween(from, to, node => {
@@ -12600,7 +12600,7 @@ const setMeta = (key, value) => ({ tr }) => {
 };
 
 const setNode = (typeOrName, attributes = {}) => ({ state, dispatch, chain }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     // TODO: use a fallback like insertContent?
     if (!type.isTextblock) {
         console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.');
@@ -12646,7 +12646,7 @@ const setTextSelection = position => ({ tr, dispatch }) => {
 };
 
 const sinkListItem = typeOrName => ({ state, dispatch }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     return sinkListItem$1(type)(state, dispatch);
 };
 
@@ -12727,7 +12727,7 @@ const splitBlock = ({ keepMarks = true } = {}) => ({ tr, state, dispatch, editor
 
 const splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr, state, dispatch, editor, }) => {
     var _a;
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     const { $from, $to } = state.selection;
     // @ts-ignore
     // eslint-disable-next-line
@@ -12854,8 +12854,8 @@ const joinListForwards = (tr, listType) => {
 };
 const toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) => ({ editor, tr, state, dispatch, chain, commands, can, }) => {
     const { extensions, splittableMarks } = editor.extensionManager;
-    const listType = getNodeType$1(listTypeOrName, state.schema);
-    const itemType = getNodeType$1(itemTypeOrName, state.schema);
+    const listType = getNodeType(listTypeOrName, state.schema);
+    const itemType = getNodeType(itemTypeOrName, state.schema);
     const { selection, storedMarks } = state;
     const { $from, $to } = selection;
     const range = $from.blockRange($to);
@@ -12926,8 +12926,8 @@ const toggleMark = (typeOrName, attributes = {}, options = {}) => ({ state, comm
 };
 
 const toggleNode = (typeOrName, toggleTypeOrName, attributes = {}) => ({ state, commands }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
-    const toggleType = getNodeType$1(toggleTypeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
+    const toggleType = getNodeType(toggleTypeOrName, state.schema);
     const isActive = isNodeActive(state, type, attributes);
     if (isActive) {
         return commands.setNode(toggleType);
@@ -12936,7 +12936,7 @@ const toggleNode = (typeOrName, toggleTypeOrName, attributes = {}) => ({ state,
 };
 
 const toggleWrap = (typeOrName, attributes = {}) => ({ state, commands }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     const isActive = isNodeActive(state, type, attributes);
     if (isActive) {
         return commands.lift(type);
@@ -13022,7 +13022,7 @@ const updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch
         return false;
     }
     if (schemaType === 'node') {
-        nodeType = getNodeType$1(typeOrName, state.schema);
+        nodeType = getNodeType(typeOrName, state.schema);
     }
     if (schemaType === 'mark') {
         markType = getMarkType(typeOrName, state.schema);
@@ -13057,12 +13057,12 @@ const updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch
 };
 
 const wrapIn = (typeOrName, attributes = {}) => ({ state, dispatch }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     return wrapIn$1(type, attributes)(state, dispatch);
 };
 
 const wrapInList = (typeOrName, attributes = {}) => ({ state, dispatch }) => {
-    const type = getNodeType$1(typeOrName, state.schema);
+    const type = getNodeType(typeOrName, state.schema);
     return wrapInList$1(type, attributes)(state, dispatch);
 };
 
@@ -16006,7 +16006,6 @@ var TableOption$2 = function TableOption(_ref) {
         autoFocus: true,
         "data-cy": "neeto-editor-fixed-menu-table-option-input",
         min: "1",
-        placeholder: t("neetoEditor.placeholders.rows"),
         type: "number",
         value: rows,
         onChange: withEventTargetValue(setRows)
@@ -16019,7 +16018,6 @@ var TableOption$2 = function TableOption(_ref) {
       }), /*#__PURE__*/jsx("input", {
         "data-cy": "neeto-editor-bubble-menu-table-option-input",
         min: "1",
-        placeholder: t("neetoEditor.placeholders.columns"),
         type: "number",
         value: columns,
         onChange: withEventTargetValue(setColumns)
@@ -16029,11 +16027,13 @@ var TableOption$2 = function TableOption(_ref) {
       children: [/*#__PURE__*/jsx(Button$1, {
         "data-cy": "neeto-editor-bubble-menu-table-option-create-button",
         icon: Check,
+        size: "small",
         style: "secondary",
         onClick: handleSubmit
       }), /*#__PURE__*/jsx(Button$1, {
         "data-cy": "neeto-editor-bubble-menu-table-option-create-button",
         icon: Close,
+        size: "small",
         style: "secondary",
         onClick: handleClose
       })]
@@ -16219,8 +16219,9 @@ var buildBubbleMenuOptions = function buildBubbleMenuOptions(_ref2) {
 var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
   var editor = _ref3.editor,
     options = _ref3.options;
-  var textOptions = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EDITOR_OPTIONS.H1, {
+  var textOptions = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EDITOR_OPTIONS.H1, {
     optionName: "Heading 1",
+    icon: TextH1,
     active: editor.isActive("heading", {
       level: 1
     }),
@@ -16231,6 +16232,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
     }
   }), EDITOR_OPTIONS.H2, {
     optionName: "Heading 2",
+    icon: TextH2,
     active: editor.isActive("heading", {
       level: 2
     }),
@@ -16241,6 +16243,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
     }
   }), EDITOR_OPTIONS.H3, {
     optionName: "Heading 3",
+    icon: TextH3,
     active: editor.isActive("heading", {
       level: 3
     }),
@@ -16249,20 +16252,9 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
         level: 3
       }).run();
     }
-  }), EDITOR_OPTIONS.LIST_ORDERED, {
-    optionName: "Ordered List",
-    active: editor.isActive("orderedList"),
-    command: function command() {
-      return editor.chain().focus().toggleOrderedList().run();
-    }
-  }), EDITOR_OPTIONS.LIST_BULLETS, {
-    optionName: "Bulleted List",
-    active: editor.isActive("bulletList"),
-    command: function command() {
-      return editor.chain().focus().toggleBulletList().run();
-    }
   }), EDITOR_OPTIONS.PARAGRAPH, {
     optionName: "Text",
+    icon: TextP,
     active: editor.isActive("paragraph"),
     command: function command() {
       return editor.chain().focus().setNode("paragraph").run();
@@ -16275,9 +16267,9 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
   });
   return result;
 };
-var getNodeType = function getNodeType(options) {
+var getNodeIcon = function getNodeIcon(options) {
   var _options$find;
-  return ((_options$find = options.find(prop("active"))) === null || _options$find === void 0 ? void 0 : _options$find.optionName) || "Text";
+  return ((_options$find = options.find(prop("active"))) === null || _options$find === void 0 ? void 0 : _options$find.icon) || TextP;
 };
 var renderOptionButton = function renderOptionButton(_ref4) {
   var tooltip = _ref4.tooltip,
@@ -16287,15 +16279,15 @@ var renderOptionButton = function renderOptionButton(_ref4) {
     optionName = _ref4.optionName,
     highlight = _ref4.highlight;
   return /*#__PURE__*/jsx(Button$1, _objectSpread$a({
+    className: "neeto-editor-bubble-menu__item",
     "data-cy": "neeto-editor-bubble-menu-".concat(optionName, "-option"),
     icon: Icon,
-    size: "small",
+    size: "medium",
     style: active ? "secondary" : "text",
     tooltipProps: {
       content: tooltip,
       position: "bottom",
-      theme: "dark",
-      delay: [500]
+      theme: "dark"
     },
     onClick: command
   }, generateFocusProps(highlight)), optionName);
@@ -16409,7 +16401,8 @@ var TextColorOption = function TextColorOption(_ref) {
     buttonProps: {
       tabIndex: -1,
       tooltipProps: {
-        content: tooltipContent !== null && tooltipContent !== void 0 ? tooltipContent : label
+        content: tooltipContent !== null && tooltipContent !== void 0 ? tooltipContent : label,
+        position: "bottom"
       },
       className: "neeto-editor-fixed-menu__item neeto-editor-text-color-option"
     },
@@ -16491,7 +16484,7 @@ var Options = function Options(_ref) {
     editor: editor,
     options: options
   });
-  var nodeType = getNodeType(dropdownOptions);
+  var Icon = getNodeIcon(dropdownOptions);
   var isEmojiActive = options.includes(EDITOR_OPTIONS.EMOJI);
   var isTextColorOptionActive = options.includes(EDITOR_OPTIONS.TEXT_COLOR);
   var isLinkActive = options.includes(EDITOR_OPTIONS.LINK);
@@ -16535,15 +16528,36 @@ var Options = function Options(_ref) {
     children: [/*#__PURE__*/jsx(Dropdown$1, {
       buttonSize: "small",
       buttonStyle: "text",
-      label: nodeType,
+      label: Icon,
       strategy: "fixed",
+      buttonProps: {
+        icon: Icon,
+        iconPosition: "left",
+        iconSize: 22,
+        label: /*#__PURE__*/jsx(Down, {
+          size: 12
+        }),
+        "data-cy": "neeto-editor-fixed-menu-font-size-option",
+        style: "text",
+        size: "small",
+        className: "neeto-editor-bubble-menu__item neeto-editor-font-size__wrapper"
+      },
       children: /*#__PURE__*/jsx(Menu, {
+        className: "neeto-ui-flex neeto-ui-gap-1 neeto-editor-menu-font-size-options",
         children: dropdownOptions.map(function (_ref2) {
           var optionName = _ref2.optionName,
-            command = _ref2.command;
+            command = _ref2.command,
+            Icon = _ref2.icon;
           return /*#__PURE__*/jsx(MenuItem.Button, {
+            className: "neeto-editor-menu-font-size-options__item-btn",
+            tooltipProps: {
+              content: optionName,
+              position: "bottom"
+            },
             onClick: command,
-            children: optionName
+            children: /*#__PURE__*/jsx(Icon, {
+              size: 22
+            })
           }, optionName);
         })
       })
@@ -16627,7 +16641,7 @@ var Bubble = function Bubble(_ref) {
           setIsLinkOptionActive(false);
           setIsTableOptionActive(false);
         },
-        theme: "neeto-editor-bubble-menu",
+        theme: "light neeto-editor-bubble-menu-tippy-box",
         maxWidth: 500
       },
       children: /*#__PURE__*/jsx(Options, {
@@ -19626,7 +19640,7 @@ function renderTooltipContent(label, optionName) {
   return "".concat(label, " (").concat(key, ")");
 }
 
-var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-400));border-bottom:none;border-radius:var(--neeto-ui-rounded) var(--neeto-ui-rounded) 0 0;display:flex;position:relative}.neeto-editor-fixed-menu--independant{border-bottom:thin solid rgb(var(--neeto-ui-gray-400));border-radius:0;border-radius:initial}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper{border-bottom:0!important}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.8px}.neeto-editor-fixed-menu__item{border-radius:0}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item{--neeto-ui-btn-border-radius:0;--neeto-ui-btn-icon-size:22px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;--neeto-ui-btn-focus-box-shadow:none;align-items:center;height:36px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:36px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-black))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.5px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-accent-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-accent-800))}.neeto-editor-fixed-menu__wrapper{align-items:center;border-bottom:thin solid rgb(var(--neeto-ui-gray-400));display:flex;flex-grow:1;justify-content:flex-start;padding:0 2px;width:100%}.neeto-editor-fixed-menu__wrapper__button-group{display:flex}.neeto-editor-fixed-menu__variables{bottom:-42px;position:absolute;right:8px;z-index:10}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item{background-color:rgb(var(--neeto-ui-gray-700));border-radius:var(--neeto-ui-rounded-sm);padding:4px}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item.active,.neeto-editor-fixed-menu__variables .neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-600))}.neeto-editor-fixed-menu__right-options{display:flex}.neeto-editor-fixed-menu__emoji-dropdown{max-height:none!important}.neeto-editor-fixed-menu__separator{display:flex;height:28px;width:32px}.neeto-editor-fixed-menu__separator span{width:100%}.neeto-editor-fixed-menu__separator span:first-child{border-right:1px solid rgb(var(--neeto-ui-gray-200))}.neeto-editor-text-color-option__options-group{align-items:center;display:flex;gap:8px;margin:8px 4px}.neeto-editor-text-color-option__options-group__input{max-width:120px}.neeto-editor-text-color-option__options-group__reset-button{align-self:center}.react-colorful{width:100%!important}.neeto-editor-menu__item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:8px;transition:var(--neeto-ui-transition)}.neeto-editor-menu__item p{color:rgb(var(--neeto-ui-gray-600));font-size:var(--neeto-ui-text-xs);line-height:1;white-space:nowrap}.neeto-editor-menu__item.active,.neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-editor-menu__item:focus,.neeto-editor-menu__item:focus-visible{outline:rgb(var(--neeto-ui-gray-300)) auto 1px}.neeto-editor-menu__item input[type=color]{height:0;visibility:hidden;width:0}.neeto-editor-menu__item:disabled{background-color:rgb(var(--neeto-ui-gray-100));opacity:.5}.neeto-editor-link__item{align-items:flex-start;justify-content:flex-start}.neeto-editor-link__item,.neeto-editor-table__item{display:flex!important;flex-direction:row;gap:8px;padding:8px!important}.neeto-editor-table__item{min-width:210px}.neeto-editor-table__item input{max-width:60px!important}.neeto-editor-table__options-menu{display:flex;flex-direction:column;gap:8px;max-height:150px!important;overflow:scroll;padding:8px!important}.neeto-editor-font-size__wrapper{font-size:16px;font-weight:var(--neeto-ui-font-normal)!important;padding-left:4px!important;padding-right:4px!important}.neeto-editor-bubble-menu{align-items:center;background:rgb(var(--neeto-ui-gray-800));border-radius:var(--neeto-ui-rounded);display:flex;flex-direction:row;gap:1px;justify-content:flex-start;padding:0 4px;position:relative}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text{color:rgb(var(--neeto-ui-gray-200));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text.active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:hover{background-color:rgb(var(--neeto-ui-gray-600))!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu button.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-gray-400));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup{background-color:rgb(var(--neeto-ui-gray-700))}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn{background-color:inherit!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn.active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:hover{background-color:rgb(var(--neeto-ui-gray-600))!important}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px;width:256px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input{background-color:transparent;color:rgb(var(--neeto-ui-gray-200));line-height:20px;outline:none;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only{min-height:0;opacity:.8;padding:0}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only:hover{opacity:1}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table{align-items:center;display:flex;gap:6px;justify-content:space-between;max-width:256px;padding:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input{background-color:rgba(var(--neeto-ui-gray-400),.2);height:24px;line-height:20px;outline:none;padding:3px 5px;width:60px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__menu-item{display:flex;flex-direction:column;gap:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__input-label{color:#fff}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__buttons{align-self:flex-end;display:flex;gap:4px;justify-content:space-between}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__options{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:scroll}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown-target{align-items:center;display:flex;font-size:var(--neeto-ui-text-xs);gap:4px;line-height:var(--neeto-ui-leading-normal);white-space:nowrap}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown{align-items:flex-start;display:flex;flex-direction:column}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item{font-size:var(--neeto-ui-text-xs);padding:8px 12px;text-align:left;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:first-child{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:last-child{border-bottom-left-radius:var(--neeto-ui-rounded);border-bottom-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu-animate-shake{animation:shake 1s linear infinite alternate both}.neeto-editor-table-menu__button{align-items:flex-end;display:flex}.neeto-editor__image-menu .neeto-ui-dropdown__popup{display:flex;min-width:0;min-width:auto}.neeto-editor__image-menu .neeto-ui-dropdown__popup .neeto-ui-btn .neeto-ui-btn__icon{height:18px!important;width:18px!important}.neeto-editor__image-menu-btn{border-radius:100%;position:absolute!important;right:6px;top:6px;z-index:1}.neeto-editor-menu-font-size-options{padding:8px!important}.neeto-editor-menu-font-size-options .neeto-ui-dropdown__popup-menu-item{background-color:transparent!important}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn{border-radius:var(--neeto-ui-btn-border-radius)!important;justify-content:center;min-height:34px;min-width:34px;overflow:hidden;padding-left:0!important;padding-right:0!important;text-align:center}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn--selected{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-accent-800))!important}";
+var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-400));border-bottom:none;border-radius:var(--neeto-ui-rounded) var(--neeto-ui-rounded) 0 0;display:flex;position:relative}.neeto-editor-fixed-menu--independant{border-bottom:thin solid rgb(var(--neeto-ui-gray-400));border-radius:0;border-radius:initial}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper{border-bottom:0!important}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.8px}.neeto-editor-fixed-menu__item{border-radius:0}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item{--neeto-ui-btn-border-radius:0;--neeto-ui-btn-icon-size:22px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;--neeto-ui-btn-focus-box-shadow:none;align-items:center;height:36px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:36px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-black))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.5px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-accent-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-accent-800))}.neeto-editor-fixed-menu__wrapper{align-items:center;border-bottom:thin solid rgb(var(--neeto-ui-gray-400));display:flex;flex-grow:1;justify-content:flex-start;padding:0 2px;width:100%}.neeto-editor-fixed-menu__wrapper__button-group{display:flex}.neeto-editor-fixed-menu__variables{bottom:-42px;position:absolute;right:8px;z-index:10}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item{background-color:rgb(var(--neeto-ui-gray-700));border-radius:var(--neeto-ui-rounded-sm);padding:4px}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item.active,.neeto-editor-fixed-menu__variables .neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-600))}.neeto-editor-fixed-menu__right-options{display:flex}.neeto-editor-fixed-menu__emoji-dropdown{max-height:none!important}.neeto-editor-fixed-menu__separator{display:flex;height:28px;width:32px}.neeto-editor-fixed-menu__separator span{width:100%}.neeto-editor-fixed-menu__separator span:first-child{border-right:1px solid rgb(var(--neeto-ui-gray-200))}.neeto-editor-text-color-option__options-group{align-items:center;display:flex;gap:8px;margin:8px 4px}.neeto-editor-text-color-option__options-group__input{max-width:120px}.neeto-editor-text-color-option__options-group__reset-button{align-self:center}.react-colorful{width:100%!important}.neeto-editor-menu__item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:8px;transition:var(--neeto-ui-transition)}.neeto-editor-menu__item p{color:rgb(var(--neeto-ui-gray-600));font-size:var(--neeto-ui-text-xs);line-height:1;white-space:nowrap}.neeto-editor-menu__item.active,.neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-editor-menu__item:focus,.neeto-editor-menu__item:focus-visible{outline:rgb(var(--neeto-ui-gray-300)) auto 1px}.neeto-editor-menu__item input[type=color]{height:0;visibility:hidden;width:0}.neeto-editor-menu__item:disabled{background-color:rgb(var(--neeto-ui-gray-100));opacity:.5}.neeto-editor-link__item{align-items:flex-start;justify-content:flex-start}.neeto-editor-link__item,.neeto-editor-table__item{display:flex!important;flex-direction:row;gap:8px;padding:8px!important}.neeto-editor-table__item{min-width:210px}.neeto-editor-table__item input{max-width:60px!important}.neeto-editor-table__options-menu{display:flex;flex-direction:column;gap:8px;max-height:150px!important;overflow:scroll;padding:8px!important}.neeto-editor-font-size__wrapper{font-size:16px;font-weight:var(--neeto-ui-font-normal)!important;padding-left:4px!important;padding-right:4px!important}.tippy-box[data-theme~=neeto-editor-bubble-menu-tippy-box]{box-shadow:none!important}.tippy-box[data-theme~=neeto-editor-bubble-menu-tippy-box] .tippy-content{padding:0!important}.neeto-editor-bubble-menu{align-items:center;background:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded);display:flex;flex-direction:row;gap:0;justify-content:flex-start;overflow-x:auto;padding:0;position:relative}.neeto-editor-bubble-menu>.neeto-editor-bubble-menu__item:first-child,.neeto-editor-bubble-menu>.neeto-editor-fixed-menu__item:first-child{border-bottom-left-radius:var(--neeto-ui-rounded);border-top-left-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu>.neeto-editor-bubble-menu__item:last-child,.neeto-editor-bubble-menu>.neeto-editor-fixed-menu__item:last-child{border-bottom-right-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item,.neeto-editor-bubble-menu button.neeto-editor-fixed-menu__item{--neeto-ui-btn-border-radius:0;--neeto-ui-btn-icon-size:22px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;--neeto-ui-btn-focus-box-shadow:none;align-items:center;color:rgb(var(--neeto-ui-black))!important;flex-shrink:0;height:36px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;width:36px}.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item .neeto-ui-btn__icon,.neeto-editor-bubble-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-black))}.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item .neeto-ui-btn__icon path,.neeto-editor-bubble-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.5px}.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item.active,.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item:active,.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item:hover,.neeto-editor-bubble-menu button.neeto-editor-fixed-menu__item.active,.neeto-editor-bubble-menu button.neeto-editor-fixed-menu__item:active,.neeto-editor-bubble-menu button.neeto-editor-fixed-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-accent-100))!important}.neeto-editor-bubble-menu button.neeto-editor-bubble-menu__item.neeto-ui-btn--style-secondary .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-accent-800))!important}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link{align-items:center;display:flex;gap:6px;justify-content:space-between;padding:6px;width:256px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input{background-color:transparent;background-color:var(--neeto-ui-input-bg-color);border:var(--neeto-ui-input-border-width) solid var(--neeto-ui-input-border-color);border-radius:var(--neeto-ui-input-border-radius);color:var(--neeto-ui-input-color);font-size:var(--neeto-ui-input-font-size);height:28px;line-height:1.2;outline:none;transition:var(--neeto-ui-transition);width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only{min-height:0;opacity:.8;padding:0}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only:hover{opacity:1}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table{align-items:start;display:flex;gap:6px;justify-content:space-between;max-width:256px;padding:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input{background-color:var(--neeto-ui-input-bg-color);border:var(--neeto-ui-input-border-width) solid var(--neeto-ui-input-border-color);border-radius:var(--neeto-ui-input-border-radius);color:var(--neeto-ui-input-color);font-size:var(--neeto-ui-input-font-size);height:28px;line-height:1.2;outline:none;padding:3px 5px;transition:var(--neeto-ui-transition);width:60px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::-moz-placeholder{color:rgb(var(--neeto-ui-gray-500))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::placeholder{color:rgb(var(--neeto-ui-gray-500))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__menu-item{display:flex;flex-direction:column;gap:6px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__input-label{color:rgb(var(--neeto-ui-gray-800))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__buttons{align-self:flex-end;display:flex;gap:4px;justify-content:space-between}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__options{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:scroll}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown-target{align-items:center;display:flex;font-size:var(--neeto-ui-text-xs);gap:4px;line-height:var(--neeto-ui-leading-normal);white-space:nowrap}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown{align-items:flex-start;display:flex;flex-direction:column}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item{font-size:var(--neeto-ui-text-xs);padding:8px 12px;text-align:left;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:first-child{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:last-child{border-bottom-left-radius:var(--neeto-ui-rounded);border-bottom-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu-animate-shake{animation:shake 1s linear infinite alternate both}.neeto-editor-table-menu__button{align-items:flex-end;display:flex}.neeto-editor__image-menu .neeto-ui-dropdown__popup{display:flex;min-width:0;min-width:auto}.neeto-editor__image-menu .neeto-ui-dropdown__popup .neeto-ui-btn .neeto-ui-btn__icon{height:18px!important;width:18px!important}.neeto-editor__image-menu-btn{border-radius:100%;position:absolute!important;right:6px;top:6px;z-index:1}.neeto-editor-menu-font-size-options{padding:8px!important}.neeto-editor-menu-font-size-options .neeto-ui-dropdown__popup-menu-item{background-color:transparent!important}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn{border-radius:var(--neeto-ui-btn-border-radius)!important;justify-content:center;min-height:34px;min-width:34px;overflow:hidden;padding-left:0!important;padding-right:0!important;text-align:center}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn--selected{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-accent-800))!important}";
 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; }
@@ -19693,5 +19707,5 @@ var Menu = function Menu(props) {
   }));
 };
 
-export { combineTransactionSteps as A, getChangedRanges as B, findChildrenInRange as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, EditorContent as V, MediaUploader as W, EmbedOption as X, EditorView as Y, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, isAtStartOfNode as e, isAtEndOfNode as f, getMarkAttributes as g, getNodeType$1 as h, isNodeActive as i, getNodeAtPosition as j, keydownHandler as k, callOrReturn as l, mergeAttributes as m, getExtensionField as n, isNodeSelection as o, nodeInputRule as p, findChildren as q, NodeViewWrapper as r, NodeViewContent as s, textblockTypeInputRule as t, escapeForRegEx as u, validateUrl as v, wrappingInputRule as w, ReactRenderer as x, EmojiPickerMenu as y, emojiPickerApi as z };
-//# sourceMappingURL=chunk-CeFnZWjP.js.map
+export { combineTransactionSteps as A, getChangedRanges as B, findChildrenInRange as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, EditorContent as V, MediaUploader as W, EmbedOption as X, EditorView as Y, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, isAtStartOfNode as e, isAtEndOfNode as f, getMarkAttributes as g, getNodeType as h, isNodeActive as i, getNodeAtPosition as j, keydownHandler as k, callOrReturn as l, mergeAttributes as m, getExtensionField as n, isNodeSelection as o, nodeInputRule as p, findChildren as q, NodeViewWrapper as r, NodeViewContent as s, textblockTypeInputRule as t, escapeForRegEx as u, validateUrl as v, wrappingInputRule as w, ReactRenderer as x, EmojiPickerMenu as y, emojiPickerApi as z };
+//# sourceMappingURL=chunk-BQ6gyl4W.js.map