@commercetools-uikit/rich-text-utils 14.0.3 → 15.0.2

package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js

@@ -12,30 +12,32 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@commercetools-uikit/utils');
 var uniq = require('lodash/uniq');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var slate = require('slate');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _toArray = require('@babel/runtime-corejs3/helpers/toArray');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
+var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var Html = require('slate-html-serializer');
-var flatMap = require('lodash/flatMap');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var isHotkey = require('is-hotkey');
-var memoize = require('lodash/memoize');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
-var react = require('react');
+var escapeHtml = require('escape-html');
+var slateHyperscript = require('slate-hyperscript');
+var parse = require('style-to-object');
+var isEmpty$2 = require('lodash/isEmpty');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var slateReact = require('slate-react');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('prop-types');
+var react = require('react');
 var inputUtils = require('@commercetools-uikit/input-utils');
 var _styled = require('@emotion/styled/base');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var reactIntl = require('react-intl');
 var react$1 = require('@emotion/react');
 var Tooltip = require('@commercetools-uikit/tooltip');
@@ -54,890 +56,473 @@ var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var uniq__default = /*#__PURE__*/_interopDefault(uniq);
-var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
+var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
-var Html__default = /*#__PURE__*/_interopDefault(Html);
-var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var memoize__default = /*#__PURE__*/_interopDefault(memoize);
-var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var escapeHtml__default = /*#__PURE__*/_interopDefault(escapeHtml);
+var parse__default = /*#__PURE__*/_interopDefault(parse);
+var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$2);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
 var Inline__default = /*#__PURE__*/_interopDefault(Inline);
 var omit__default = /*#__PURE__*/_interopDefault(omit);
 var DownshiftUntyped__default = /*#__PURE__*/_interopDefault(DownshiftUntyped);
 
-var BLOCK_TAGS = {
-  blockquote: 'block-quote',
-  p: 'paragraph',
-  h1: 'heading-one',
-  h2: 'heading-two',
-  h3: 'heading-three',
-  h4: 'heading-four',
-  h5: 'heading-five',
-  pre: 'code',
-  li: 'list-item',
-  ol: 'numbered-list',
-  ul: 'bulleted-list'
-}; // Add a dictionary of mark tags.
+function ownKeys$g(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-var MARK_TAGS = {
-  em: 'italic',
-  strong: 'bold',
-  u: 'underlined',
-  sup: 'superscript',
-  sub: 'subscript',
-  del: 'strikethrough',
-  span: 'span'
-};
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$g(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$g(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var mapper = {
-  'font-weight': {
-    bold: 'strong'
-  },
-  'text-decoration-line': {
-    underline: 'u',
-    'line-through': 'del'
-  },
-  'text-decoration': {
-    underline: 'u'
-  },
-  'font-style': {
-    italic: 'em'
-  },
-  'vertical-align': {
-    sub: 'sub',
-    super: 'sup'
-  }
-};
-var rules = [{
-  deserialize: function deserialize(el, next) {
-    var type = BLOCK_TAGS[el.tagName.toLowerCase()];
+var serializeNode = function serializeNode(node) {
+  var _context;
 
-    if (type) {
-      return {
-        object: 'block',
-        type: type,
-        data: {
-          className: el.getAttribute('class')
-        },
-        nodes: next(el.childNodes)
-      };
-    }
+  if (slate.Text.isText(node)) {
+    var string = escapeHtml__default["default"](node.text);
 
-    return;
-  },
-  serialize: function serialize(obj, children) {
-    if (obj.object === 'block') {
-      switch (obj.type) {
-        case 'code':
-          return jsxRuntime.jsx("pre", {
-            children: jsxRuntime.jsx("code", {
-              children: children
-            })
-          });
-
-        case 'bulleted-list':
-          return jsxRuntime.jsx("ul", {
-            children: children
-          });
-
-        case 'numbered-list':
-          return jsxRuntime.jsx("ol", {
-            children: children
-          });
-
-        case 'list-item':
-          return jsxRuntime.jsx("li", {
-            children: children
-          });
-
-        case 'paragraph':
-          return jsxRuntime.jsx("p", {
-            className: obj.data.get('className'),
-            children: children
-          });
-
-        case 'heading-one':
-          return jsxRuntime.jsx("h1", {
-            className: obj.data.get('className'),
-            children: children
-          });
-
-        case 'heading-two':
-          return jsxRuntime.jsx("h2", {
-            className: obj.data.get('className'),
-            children: children
-          });
-
-        case 'heading-three':
-          return jsxRuntime.jsx("h3", {
-            className: obj.data.get('className'),
-            children: children
-          });
-
-        case 'heading-four':
-          return jsxRuntime.jsx("h4", {
-            className: obj.data.get('className'),
-            children: children
-          });
-
-        case 'heading-five':
-          return jsxRuntime.jsx("h5", {
-            className: obj.data.get('className'),
-            children: children
-          });
-
-        case 'block-quote':
-          return jsxRuntime.jsx("blockquote", {
-            children: children
-          });
-      }
+    if (node.bold) {
+      string = "<strong>".concat(string, "</strong>");
     }
 
-    return;
-  }
-}, {
-  // Special case for code blocks, which need to grab the nested childNodes.
-  deserialize: function deserialize(el, next) {
-    if (el.tagName.toLowerCase() === 'span') {
-      var styleAttribute = el.getAttribute('style');
-      var tagName = 'span';
-      var childNode = el.childNodes[0];
-
-      if (styleAttribute) {
-        var _context, _context2;
-
-        var marks = _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = flatMap__default["default"](styleAttribute.split(';'), function (val) {
-          var split = _trimInstanceProperty__default["default"](val).call(val).split(' ');
-
-          var _split = _toArray(split),
-              key = _split[0],
-              values = _sliceInstanceProperty__default["default"](_split).call(_split, 1);
-
-          return _mapInstanceProperty__default["default"](values).call(values, function (value) {
-            return _defineProperty({}, _sliceInstanceProperty__default["default"](key).call(key, 0, -1), value);
-          });
-        })).call(_context2, function (val) {
-          var _mapper$key;
-
-          var _Object$entries$ = _slicedToArray(_Object$entries__default["default"](val)[0], 2),
-              key = _Object$entries$[0],
-              value = _Object$entries$[1];
-
-          return (_mapper$key = mapper[key]) === null || _mapper$key === void 0 ? void 0 : _mapper$key[value];
-        })).call(_context, function (val) {
-          return Boolean(val);
-        });
-
-        var deepestNode = el;
-
-        if (marks && marks.length > 0) {
-          tagName = marks[0];
+    if (node.code) {
+      string = "<code>".concat(string, "</code>");
+    }
 
-          _forEachInstanceProperty__default["default"](marks).call(marks, function (mark) {
-            deepestNode.removeChild(childNode);
-            var newNode = document.createElement(mark);
-            newNode.appendChild(childNode);
-            deepestNode.appendChild(newNode);
-            deepestNode = newNode;
-          });
-        }
-      }
+    if (node.italic) {
+      string = "<em>".concat(string, "</em>");
+    }
 
-      return {
-        object: 'mark',
-        type: MARK_TAGS[tagName],
-        nodes: next(el.childNodes)
-      };
+    if (node.underline) {
+      string = "<u>".concat(string, "</u>");
     }
 
-    return;
-  }
-}, // Add a new rule that handles marks...
-{
-  deserialize: function deserialize(el, next) {
-    var type = MARK_TAGS[el.tagName.toLowerCase()];
+    if (node.superscript) {
+      string = "<sup>".concat(string, "</sup>");
+    }
 
-    if (type) {
-      return {
-        object: 'mark',
-        type: type,
-        nodes: next(el.childNodes)
-      };
+    if (node.subscript) {
+      string = "<sub>".concat(string, "</sub>");
     }
 
-    return;
-  },
-  serialize: function serialize(obj, children) {
-    if (obj.object === 'mark') {
-      switch (obj.type) {
-        case 'span':
-          return jsxRuntime.jsx("span", {
-            children: children
-          });
-
-        case 'bold':
-          return jsxRuntime.jsx("strong", {
-            children: children
-          });
-
-        case 'italic':
-          return jsxRuntime.jsx("em", {
-            children: children
-          });
-
-        case 'underlined':
-          return jsxRuntime.jsx("u", {
-            children: children
-          });
-
-        case 'superscript':
-          return jsxRuntime.jsx("sup", {
-            children: children
-          });
-
-        case 'subscript':
-          return jsxRuntime.jsx("sub", {
-            children: children
-          });
-
-        case 'strikethrough':
-          return jsxRuntime.jsx("del", {
-            children: children
-          });
-
-        case 'code':
-          return jsxRuntime.jsx("pre", {
-            children: jsxRuntime.jsx("code", {
-              children: children
-            })
-          });
-      }
+    if (node.strikethrough) {
+      string = "<del>".concat(string, "</del>");
     }
 
-    return;
+    return string;
   }
-}]; // Create a new serializer instance with our `rules` from above.
 
-var html = new Html__default["default"]({
-  rules: rules
-});
-var html$1 = html;
+  var children = _mapInstanceProperty__default["default"](_context = node.children).call(_context, serializeNode).join('');
 
-var isEmpty$1 = function isEmpty(rawValue) {
-  return html$1.deserialize(rawValue).document.text === '';
-};
+  switch (node.type) {
+    case 'block-quote':
+      return "<blockquote>".concat(children, "</blockquote>");
 
-var isRichTextEmpty = isEmpty$1;
+    case 'paragraph':
+      return "<p>".concat(children, "</p>");
 
-var initializeValue = function initializeValue(value) {
-  return html$1.serialize(html$1.deserialize(value));
-};
+    case 'code':
+      return "<pre>\n            <code>".concat(children, "</code>\n          </pre>");
 
-var isLocalizedHtmlValueEmpty = function isLocalizedHtmlValueEmpty(value) {
-  return !value || isRichTextEmpty(value);
-};
+    case 'span':
+      return "<span>".concat(children, "</span>");
 
-var isEmpty = function isEmpty(localizedHtmlValue) {
-  var _context;
+    case 'bulleted-list':
+      return "<ul>".concat(children, "</ul>");
 
-  if (!localizedHtmlValue) return true;
-  return _everyInstanceProperty__default["default"](_context = _Object$values__default["default"](localizedHtmlValue)).call(_context, isLocalizedHtmlValueEmpty);
-};
-var omitEmptyTranslations = function omitEmptyTranslations(localizedString) {
-  var _context2;
-  return _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](localizedString)).call(_context2, function (localizedStringWithoutEmptyTranslations, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        language = _ref2[0],
-        value = _ref2[1];
+    case 'numbered-list':
+      return "<ol>".concat(children, "</ol>");
 
-    if (!isLocalizedHtmlValueEmpty(value)) {
-      localizedStringWithoutEmptyTranslations[language] = value;
-    }
+    case 'list-item':
+      return "<li>".concat(children, "</li>");
 
-    return localizedStringWithoutEmptyTranslations;
-  }, {});
-};
-var createLocalizedString = function createLocalizedString(languages) {
-  var _context3;
+    case 'heading-one':
+      return "<h1>".concat(children, "</h1>");
 
-  var existingTranslations = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var mergedLanguages = existingTranslations ? uniq__default["default"](_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(languages), _toConsumableArray(_Object$keys__default["default"](existingTranslations)))) : languages;
-  return _reduceInstanceProperty__default["default"](mergedLanguages).call(mergedLanguages, function (localizedString, language) {
-    localizedString[language] = existingTranslations[language] ? initializeValue(existingTranslations[language]) : initializeValue('');
-    return localizedString;
-  }, {});
-};
+    case 'heading-two':
+      return "<h2>".concat(children, "</h2>");
 
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createLocalizedString: createLocalizedString,
-  isEmpty: isEmpty,
-  omitEmptyTranslations: omitEmptyTranslations
-});
+    case 'heading-three':
+      return "<h3>".concat(children, "</h3>");
+
+    case 'heading-four':
+      return "<h4}>".concat(children, "</h4>");
 
-var memoizedIsHotkey$2 = memoize__default["default"](isHotkey.isKeyHotkey);
-var HOT_KEY$1 = 'mod+z';
+    case 'heading-five':
+      return "<h5>".concat(children, "</h5>");
 
-var _hasUndos = function hasUndos(editor) {
-  var value = editor.value;
-  var data = value.data;
-  var undos = data.get('undos');
-  return undos && undos.size > 1;
+    default:
+      return children;
+  }
 };
 
-var UndoPlugin = function UndoPlugin() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var hotkey = options.hotkey || HOT_KEY$1;
-  var isUndoHotkey = memoizedIsHotkey$2(hotkey);
-  return [{
-    onKeyDown: function onKeyDown(event, editor, next) {
-      if (!isUndoHotkey(event) || !_hasUndos(editor)) {
-        return next();
-      }
+var isEmptyParagraph = function isEmptyParagraph(value) {
+  return slate.Element.isElement(value) && value.type === 'paragraph' && value.children.length === 1 && value.children[0].text === '';
+};
 
-      event.preventDefault();
-      editor.undo();
-    },
-    queries: {
-      hasUndos: function hasUndos(editor) {
-        return _hasUndos(editor);
-      }
-    },
-    commands: {
-      toggleUndo: function toggleUndo(editor) {
-        if (_hasUndos(editor)) {
-          editor.undo();
-        }
-      }
-    }
-  }];
+var serializeSingle = function serializeSingle(value) {
+  if (value === null || isEmptyParagraph(value)) return '';
+  return serializeNode(value);
 };
 
-var UndoPlugin$1 = UndoPlugin;
+var serialize = function serialize(value) {
+  var outputHtml = '';
 
-var memoizedIsHotkey$1 = memoize__default["default"](isHotkey.isKeyHotkey);
-var HOT_KEY = 'mod+y';
+  if (value === null || !_Array$isArray__default["default"](value)) {
+    outputHtml = serializeSingle(value);
+  } else {
+    outputHtml = _mapInstanceProperty__default["default"](value).call(value, function (node) {
+      return serializeSingle(node);
+    }).join('');
+  }
 
-var _hasRedos = function hasRedos(editor) {
-  var value = editor.value;
-  var data = value.data;
-  var redos = data.get('redos');
-  return redos && redos.size > 0;
+  return outputHtml;
 };
 
-var RedoPlugin = function RedoPlugin() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var hotkey = options.hotkey || HOT_KEY;
-  var isRedoHotkey = memoizedIsHotkey$1(hotkey);
-  return [{
-    onKeyDown: function onKeyDown(event, editor, next) {
-      var _editor$toggleRedo;
-
-      if (!isRedoHotkey(event) || !_hasRedos(editor)) {
-        return next();
-      }
-
-      event.preventDefault();
-      (_editor$toggleRedo = editor.toggleRedo) === null || _editor$toggleRedo === void 0 ? void 0 : _editor$toggleRedo.call(editor);
+var ELEMENT_TAGS = {
+  BLOCKQUOTE: function BLOCKQUOTE() {
+    return {
+      type: 'quote'
+    };
+  },
+  H1: function H1() {
+    return {
+      type: 'heading-one'
+    };
+  },
+  H2: function H2() {
+    return {
+      type: 'heading-two'
+    };
+  },
+  H3: function H3() {
+    return {
+      type: 'heading-three'
+    };
+  },
+  H4: function H4() {
+    return {
+      type: 'heading-four'
+    };
+  },
+  H5: function H5() {
+    return {
+      type: 'heading-five'
+    };
+  },
+  H6: function H6() {
+    return {
+      type: 'heading-six'
+    };
+  },
+  LI: function LI() {
+    return {
+      type: 'list-item'
+    };
+  },
+  OL: function OL() {
+    return {
+      type: 'numbered-list'
+    };
+  },
+  P: function P() {
+    return {
+      type: 'paragraph'
+    };
+  },
+  PRE: function PRE() {
+    return {
+      type: 'code'
+    };
+  },
+  UL: function UL() {
+    return {
+      type: 'bulleted-list'
+    };
+  }
+};
+var TEXT_TAGS = {
+  CODE: function CODE() {
+    return {
+      code: true
+    };
+  },
+  DEL: function DEL() {
+    return {
+      strikethrough: true
+    };
+  },
+  EM: function EM() {
+    return {
+      italic: true
+    };
+  },
+  I: function I() {
+    return {
+      italic: true
+    };
+  },
+  S: function S() {
+    return {
+      strikethrough: true
+    };
+  },
+  STRONG: function STRONG() {
+    return {
+      bold: true
+    };
+  },
+  U: function U() {
+    return {
+      underline: true
+    };
+  }
+};
+var mapper = {
+  'font-weight': {
+    bold: {
+      bold: true
+    }
+  },
+  'text-decoration-line': {
+    underline: {
+      underline: true
     },
-    queries: {
-      hasRedos: function hasRedos(editor) {
-        return _hasRedos(editor);
-      }
+    'line-through': {
+      strikethrough: true
+    }
+  },
+  'text-decoration': {
+    underline: {
+      underline: true
+    }
+  },
+  'font-style': {
+    italic: {
+      italic: true
+    }
+  },
+  'vertical-align': {
+    sup: {
+      superscript: true
     },
-    commands: {
-      toggleRedo: function toggleRedo(editor) {
-        if (!editor.value.selection.isFocused) {
-          editor.focus();
-        }
-
-        if (_hasRedos(editor)) {
-          var _editor$redo;
-
-          (_editor$redo = editor.redo) === null || _editor$redo === void 0 ? void 0 : _editor$redo.call(editor);
-        }
-      }
+    sub: {
+      subscript: true
     }
-  }];
+  }
 };
 
-var RedoPlugin$1 = RedoPlugin;
+var wrapWithParagraphIfRootElement = function wrapWithParagraphIfRootElement(el, textContent) {
+  var _el$parentNode;
 
-function ownKeys$j(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$j(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$j(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var DEFAULT_NODE$1 = BLOCK_TAGS.p;
-
-var hasBlock$2 = function hasBlock(type, editor) {
-  var _context;
-
-  return _someInstanceProperty__default["default"](_context = editor.value.blocks).call(_context, function (node) {
-    return node.type === type;
-  });
+  return ((_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 ? void 0 : _el$parentNode.nodeName) === 'BODY' // root element, because body is eventually turned to React fragment
+  ? slateHyperscript.jsx('element', {
+    type: 'paragraph'
+  }, textContent) : textContent;
 };
 
-var toggle = function toggle(editor, typeName) {
-  var _context2;
+var deserializeElement = function deserializeElement(el) {
+  var _context2, _context3;
 
-  // Handle the extra wrapping required for list buttons.
-  var isList = hasBlock$2(BLOCK_TAGS.li, editor);
+  // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType#value
+  if (el.nodeType === 3) {
+    return wrapWithParagraphIfRootElement(el, {
+      text: el.textContent || ''
+    }); // for root TEXT_NODE -> wrap with <p>
+  } else if (el.nodeType !== 1) {
+    return null; // for non-ELEMENT_NODE
+  }
 
-  var isType = _someInstanceProperty__default["default"](_context2 = editor.value.blocks).call(_context2, function (block) {
-    return Boolean(editor.value.document.getClosest(block.key, function (parent) {
-      return parent.type === typeName;
-    }));
-  });
+  var nodeName = el.nodeName;
+  var parent = el;
 
-  if (isList && isType) {
-    editor.setBlocks(DEFAULT_NODE$1).unwrapBlock(BLOCK_TAGS.ul).unwrapBlock(BLOCK_TAGS.ol);
-  } else if (isList) {
-    editor.unwrapBlock(typeName === BLOCK_TAGS.ul ? BLOCK_TAGS.ol : BLOCK_TAGS.ul).wrapBlock(typeName);
-  } else {
-    editor.setBlocks(BLOCK_TAGS.li).wrapBlock(typeName);
+  if (nodeName === 'PRE' && el.childNodes[0] && el.childNodes[0].nodeName === 'CODE') {
+    parent = el.childNodes[0];
   }
-};
 
-var query = function query(editor, typeName) {
-  var isActive = hasBlock$2(typeName, editor);
+  var children = _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = _Array$from__default["default"](parent.childNodes)).call(_context3, deserializeElement)).call(_context2);
 
-  if (typeof editor.value.blocks.size === 'number' && editor.value.blocks.size > 0) {
-    var _editor$value$documen, _editor$value$documen2;
-
-    var parent = (_editor$value$documen = (_editor$value$documen2 = editor.value.document).getParent) === null || _editor$value$documen === void 0 ? void 0 : _editor$value$documen.call(_editor$value$documen2, editor.value.blocks.first().key);
-    isActive = hasBlock$2(BLOCK_TAGS.li, editor) && parent && parent.type === typeName;
+  if (children.length === 0) {
+    children = [{
+      text: ''
+    }];
   }
 
-  return isActive;
-};
+  if (el.nodeName === 'BODY') {
+    return slateHyperscript.jsx('fragment', {}, children);
+  }
 
-var ListPlugin = function ListPlugin() {
-  return [{
-    renderBlock: function renderBlock(props, _editor, next) {
-      var attributes = props.attributes,
-          children = props.children,
-          node = props.node;
-
-      switch (node.type) {
-        case BLOCK_TAGS.ul:
-          return jsxRuntime.jsx("ul", _objectSpread$j(_objectSpread$j({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.li:
-          return jsxRuntime.jsx("li", _objectSpread$j(_objectSpread$j({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.ol:
-          return jsxRuntime.jsx("ol", _objectSpread$j(_objectSpread$j({}, attributes), {}, {
-            children: children
-          }));
-
-        default:
-          return next();
-      }
-    },
-    commands: {
-      toggleBulletedListBlock: function toggleBulletedListBlock(editor) {
-        if (!editor.value.selection.isFocused) {
-          editor.focus();
-        }
-
-        toggle(editor, BLOCK_TAGS.ul);
-      },
-      toggleNumberedListBlock: function toggleNumberedListBlock(editor) {
-        if (!editor.value.selection.isFocused) {
-          editor.focus();
-        }
-
-        toggle(editor, BLOCK_TAGS.ol);
-      }
-    },
-    queries: {
-      hasBulletedListBlock: function hasBulletedListBlock(editor) {
-        return query(editor, BLOCK_TAGS.ul);
-      },
-      hasNumberedListBlock: function hasNumberedListBlock(editor) {
-        return query(editor, BLOCK_TAGS.ol);
-      }
-    }
-  }];
-};
+  if (el.nodeName === 'SPAN') {
+    var attrs = {};
+    var styleStr = el.getAttribute('style');
+    var styleObj = parse__default["default"](styleStr || '');
 
-var ListPlugin$1 = ListPlugin;
+    if (isEmpty__default["default"](styleObj)) {
+      // if no style attrs -> just use `span`
+      return wrapWithParagraphIfRootElement(el, slateHyperscript.jsx('element', {
+        type: 'span'
+      }, children));
+    } else {
+      var _context4;
 
-function ownKeys$i(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+      attrs = _reduceInstanceProperty__default["default"](_context4 = _Object$entries__default["default"](styleObj || {})).call(_context4, function (mappedAttrObj, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
 
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$i(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var memoizedIsHotkey = memoize__default["default"](isHotkey.isKeyHotkey);
-var requiredOptions = ['typeName', 'hotkey', 'command', 'query', 'RenderMark'];
+        var values = value.split(' '); // to cover the case of space-separated values e.g. `text-decoration-line: "underline line-through"`
 
-var validate = function validate(options) {
-  var missingRequiredOptions = _filterInstanceProperty__default["default"](requiredOptions).call(requiredOptions, function (option) {
-    return !(options !== null && options !== void 0 && options[option]);
-  });
+        _forEachInstanceProperty__default["default"](values).call(values, function (splittedValue) {
+          var _mapper$key;
 
-  return missingRequiredOptions;
-};
+          if ((_mapper$key = mapper[key]) !== null && _mapper$key !== void 0 && _mapper$key[splittedValue]) {
+            // checking if the parsed style attr value has representation in the mapper obj
+            mappedAttrObj = _objectSpread$g(_objectSpread$g({}, mappedAttrObj), mapper[key][splittedValue]);
+          }
+        });
 
-var MarkPlugin = function MarkPlugin(options) {
-  validate(options);
-  var isHotKey = memoizedIsHotkey(options.hotkey);
-  return [{
-    onKeyDown: function onKeyDown(event, editor, next) {
-      var _editor$toggleMark;
+        return mappedAttrObj;
+      }, {});
 
-      if (!isHotKey(event)) {
-        return next();
+      if (isEmpty__default["default"](attrs)) {
+        // if all style attr values are irrelevant -> just use `span`
+        return wrapWithParagraphIfRootElement(el, slateHyperscript.jsx('element', {
+          type: 'span'
+        }, children));
       }
 
-      event.preventDefault();
-      (_editor$toggleMark = editor.toggleMark) === null || _editor$toggleMark === void 0 ? void 0 : _editor$toggleMark.call(editor, options.typeName);
-    },
-    renderMark: function renderMark(props, _editor, next) {
-      var children = props.children,
-          mark = props.mark,
-          attributes = props.attributes;
-
-      switch (mark.type) {
-        case options.typeName:
-          return jsxRuntime.jsx(options.RenderMark, _objectSpread$i(_objectSpread$i({}, attributes), {}, {
-            children: children
-          }));
-
-        default:
-          return next();
-      }
-    },
-    commands: _defineProperty({}, options.command, function (editor) {
-      var _editor$toggleMark2;
+      return wrapWithParagraphIfRootElement(el, slateHyperscript.jsx('text', attrs, children));
+    }
+  }
 
-      return (_editor$toggleMark2 = editor.toggleMark) === null || _editor$toggleMark2 === void 0 ? void 0 : _editor$toggleMark2.call(editor, options.typeName);
-    }),
-    queries: _defineProperty({}, options.query, function (editor) {
-      var _context;
+  if (ELEMENT_TAGS[nodeName]) {
+    var _attrs = ELEMENT_TAGS[nodeName]();
 
-      return _someInstanceProperty__default["default"](_context = editor.value.activeMarks).call(_context, function (mark) {
-        return mark.type === options.typeName;
-      });
-    })
-  }];
+    return slateHyperscript.jsx('element', _attrs, children);
+  }
+
+  if (TEXT_TAGS[nodeName]) {
+    var _attrs2 = TEXT_TAGS[nodeName]();
+
+    return _mapInstanceProperty__default["default"](children).call(children, function (child) {
+      return slateHyperscript.jsx('text', _attrs2, child);
+    });
+  }
+
+  return children;
 };
 
-MarkPlugin.propTypes = {};
-var MarkPlugin$1 = MarkPlugin;
-
-function ownKeys$h(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$h(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$h(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var RenderBlockPlugin = function RenderBlockPlugin() {
-  return {
-    renderBlock: function renderBlock(props, next) {
-      var attributes = props.attributes,
-          children = props.children,
-          node = props.node;
-
-      switch (node.type) {
-        case BLOCK_TAGS.pre:
-          return jsxRuntime.jsx("pre", {
-            children: jsxRuntime.jsx("code", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-              children: children
-            }))
-          });
-
-        case BLOCK_TAGS.blockquote:
-          return jsxRuntime.jsx("blockquote", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.h1:
-          return jsxRuntime.jsx("h1", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.h2:
-          return jsxRuntime.jsx("h2", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.h3:
-          return jsxRuntime.jsx("h3", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.h4:
-          return jsxRuntime.jsx("h4", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.h5:
-          return jsxRuntime.jsx("h5", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.li:
-          return jsxRuntime.jsx("li", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.ol:
-          return jsxRuntime.jsx("ol", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.ul:
-          return jsxRuntime.jsx("ul", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case BLOCK_TAGS.p:
-          return jsxRuntime.jsx("p", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        default:
-          return next();
-      }
-    }
-  };
+var deserialize = function deserialize(html) {
+  var document = new DOMParser().parseFromString(html || '<p></p>', 'text/html');
+  return deserializeElement(document.body);
 };
-var RenderMarkPlugin = function RenderMarkPlugin() {
-  return {
-    renderMark: function renderMark(props, next) {
-      var children = props.children,
-          mark = props.mark,
-          attributes = props.attributes;
-
-      switch (mark.type) {
-        case MARK_TAGS.sup:
-          return jsxRuntime.jsx("sup", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case MARK_TAGS.sub:
-          return jsxRuntime.jsx("sub", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        case MARK_TAGS.del:
-          return jsxRuntime.jsx("del", _objectSpread$h(_objectSpread$h({}, attributes), {}, {
-            children: children
-          }));
-
-        default:
-          return next();
-      }
-    }
-  };
+
+var defaultSlateState = [{
+  type: 'paragraph',
+  children: [{
+    text: ''
+  }]
+}];
+var html = {
+  serialize: serialize,
+  deserialize: deserialize
 };
+var html$1 = html;
 
-function ownKeys$g(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+var isTextNodeNonEmpty = function isTextNodeNonEmpty(node) {
+  return slate.Text.isText(node) && node.text !== '';
+};
 
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var isElementNodeNonEmpty = function isElementNodeNonEmpty(node) {
+  var _context;
 
+  return _someInstanceProperty__default["default"](_context = node.children).call(_context, isTextNodeNonEmpty);
+};
 /*
- * Instance counter to enable unique marks for multiple Placeholder instances.
- */
-var instanceCounter = 0;
-/**
- * A plugin that renders a React placeholder for a given Slate node.
- *
- * @param {Object} options
- * @return {Object}
- */
+  Slate editor must contain at least one element.
+  more: https://github.com/ianstormtaylor/slate/issues/3613
 
-function SlateReactPlaceholder(options) {
-  var instanceId = instanceCounter++;
-  /**
-   * Decorate a match node with a placeholder mark when it fits the query.
-   *
-   * @param {Node} node
-   * @param {Editor} editor
-   * @param {Function} next
-   * @return {Array}
-   */
-
-  function decorateNode(node, editor, next) {
-    var _editor$query, _context;
-
-    if (!((_editor$query = editor.query) !== null && _editor$query !== void 0 && _editor$query.call(editor, options.when, node))) {
-      return next();
-    }
+  Therefore, editor is considered non-empty if has at least one child element with non-empty text.
+*/
 
-    var others = next();
-
-    var _node$texts = node.texts(),
-        _node$texts2 = _slicedToArray(_node$texts, 1),
-        first = _node$texts2[0];
-
-    var _node$texts3 = node.texts({
-      direction: 'backward'
-    }),
-        _node$texts4 = _slicedToArray(_node$texts3, 1),
-        last = _node$texts4[0];
-
-    var _first = _slicedToArray(first, 2),
-        firstNode = _first[0],
-        firstPath = _first[1];
-
-    var _last = _slicedToArray(last, 2),
-        lastNode = _last[0],
-        lastPath = _last[1];
-
-    var decoration = {
-      type: 'placeholder',
-      data: {
-        key: instanceId
-      },
-      anchor: {
-        key: firstNode.key,
-        offset: 0,
-        path: firstPath
-      },
-      focus: {
-        key: lastNode.key,
-        offset: lastNode.text.length,
-        path: lastPath
-      }
-    };
-    return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(others), [decoration]);
-  }
-  /**
-   * Render an inline placeholder for the placeholder mark.
-   *
-   * @param {Object} props
-   * @param {Editor} editor
-   * @param {Function} next
-   * @return {Element}
-   */
-
-
-  function renderDecoration(props, editor, next) {
-    var _deco$data$get, _deco$data;
-
-    var children = props.children,
-        deco = props.decoration;
-
-    if (deco.type === 'placeholder' && ((_deco$data$get = (_deco$data = deco.data).get) === null || _deco$data$get === void 0 ? void 0 : _deco$data$get.call(_deco$data, 'key')) === instanceId) {
-      var placeHolderStyle = _objectSpread$g({
-        pointerEvents: 'none',
-        display: 'inline-block',
-        position: 'absolute',
-        width: '0',
-        maxWidth: '100%',
-        whiteSpace: 'nowrap',
-        opacity: '0.333',
-        verticalAlign: 'text-top'
-      }, options.style);
-
-      return jsxRuntime.jsxs("span", {
-        children: [jsxRuntime.jsx("span", {
-          contentEditable: false,
-          style: placeHolderStyle,
-          children: editor.props.options.placeholder
-        }), children]
-      });
-    }
 
-    return next();
-  }
-  /**
-   * Return the plugin.
-   *
-   * @return {Object}
-   */
+var isEmpty$1 = function isEmpty(rawValue) {
+  var deserialized = html$1.deserialize(rawValue);
 
+  if (slate.Element.isElement(deserialized)) {
+    var _context2;
 
-  return {
-    decorateNode: decorateNode,
-    renderDecoration: renderDecoration
-  };
-}
-/**
- * Export.
- *
- * @type {Function}
- */
+    return !_someInstanceProperty__default["default"](_context2 = deserialized.children).call(_context2, isTextNodeNonEmpty);
+  }
 
+  if (slate.Element.isElementList(deserialized)) {
+    return _someInstanceProperty__default["default"](deserialized).call(deserialized, function (node) {
+      var _context3;
 
-SlateReactPlaceholder.propTypes = {};
+      return !(slate.Element.isElement(node) && _someInstanceProperty__default["default"](_context3 = node.children).call(_context3, function (childNode) {
+        return slate.Text.isText(childNode) && isTextNodeNonEmpty(childNode) || slate.Element.isElement(childNode) && isElementNodeNonEmpty(childNode);
+      })) || slate.Text.isText(node) && node.text === '';
+    });
+  }
 
-function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  return true;
+};
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var isRichTextEmpty = isEmpty$1;
 
-var RenderMark_Strong = function RenderMark_Strong(props) {
-  return jsxRuntime.jsx("strong", _objectSpread$f({}, props));
+var initializeValue = function initializeValue(value) {
+  return html$1.serialize(html$1.deserialize(value));
 };
 
-var RenderMark_Em = function RenderMark_Em(props) {
-  return jsxRuntime.jsx("em", _objectSpread$f({}, props));
+var isLocalizedHtmlValueEmpty = function isLocalizedHtmlValueEmpty(value) {
+  return !value || isRichTextEmpty(value);
 };
 
-var RenderMark_U = function RenderMark_U(props) {
-  return jsxRuntime.jsx("u", _objectSpread$f({}, props));
+var isEmpty = function isEmpty(localizedHtmlValue) {
+  var _context;
+
+  if (!localizedHtmlValue) return true;
+  return _everyInstanceProperty__default["default"](_context = _Object$values__default["default"](localizedHtmlValue)).call(_context, isLocalizedHtmlValueEmpty);
 };
+var omitEmptyTranslations = function omitEmptyTranslations(localizedString) {
+  var _context2;
+  return _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](localizedString)).call(_context2, function (localizedStringWithoutEmptyTranslations, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        language = _ref2[0],
+        value = _ref2[1];
 
-var plugins = [{
-  queries: {
-    // used for the placeholder plugin
-    shouldUsePlaceholder: function shouldUsePlaceholder(editor) {
-      var _editor$value$documen, _context;
+    if (!isLocalizedHtmlValueEmpty(value)) {
+      localizedStringWithoutEmptyTranslations[language] = value;
+    }
 
-      var isEditorEmpty = editor.value.document.text === '';
-      var hasOneNode = ((_editor$value$documen = editor.value.document.nodes) === null || _editor$value$documen === void 0 ? void 0 : _mapInstanceProperty__default["default"](_editor$value$documen).call(_editor$value$documen, function (node) {
-        return node.text;
-      }).toArray().length) === 1;
+    return localizedStringWithoutEmptyTranslations;
+  }, {});
+};
+var createLocalizedString = function createLocalizedString(languages) {
+  var _context3;
 
-      var blocks = _mapInstanceProperty__default["default"](_context = editor.value.blocks).call(_context, function (block) {
-        return block.type;
-      }).toArray();
+  var existingTranslations = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var mergedLanguages = existingTranslations ? uniq__default["default"](_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(languages), _toConsumableArray(_Object$keys__default["default"](existingTranslations)))) : languages;
+  return _reduceInstanceProperty__default["default"](mergedLanguages).call(mergedLanguages, function (localizedString, language) {
+    localizedString[language] = existingTranslations[language] ? initializeValue(existingTranslations[language]) : initializeValue('');
+    return localizedString;
+  }, {});
+};
 
-      var hasOneBlock = blocks.length === 1;
-      var isParagraph = blocks[0] && blocks[0] === BLOCK_TAGS.p;
-      var shouldUsePlaceholder = Boolean(!editor.hasPlaceholder && isEditorEmpty && hasOneNode && hasOneBlock && isParagraph);
-      editor.hasPlaceholder = shouldUsePlaceholder;
-      return shouldUsePlaceholder;
-    }
-  }
-}, SlateReactPlaceholder({
-  when: 'shouldUsePlaceholder',
-  style: {
-    verticalAlign: 'inherit',
-    fontSize: '1rem',
-    fontWeight: 'normal'
-  }
-}), MarkPlugin$1({
-  typeName: MARK_TAGS.strong,
-  hotkey: 'mod+b',
-  command: 'toggleBoldMark',
-  query: 'hasBoldMark',
-  RenderMark: RenderMark_Strong
-}), MarkPlugin$1({
-  typeName: MARK_TAGS.em,
-  hotkey: 'mod+i',
-  command: 'toggleItalicMark',
-  query: 'hasItalicMark',
-  RenderMark: RenderMark_Em
-}), MarkPlugin$1({
-  typeName: MARK_TAGS.u,
-  hotkey: 'mod+u',
-  command: 'toggleUnderlinedMark',
-  query: 'hasUnderlinedMark',
-  RenderMark: RenderMark_U
-}), RenderMarkPlugin(), RenderBlockPlugin(), UndoPlugin$1(), RedoPlugin$1(), ListPlugin$1()];
-var plugins$1 = plugins;
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createLocalizedString: createLocalizedString,
+  isEmpty: isEmpty,
+  omitEmptyTranslations: omitEmptyTranslations
+});
 
 var HiddenInput = function HiddenInput(props) {
   var handleFocus = props.handleFocus;
@@ -965,9 +550,9 @@ HiddenInput.propTypes = {};
 HiddenInput.displayName = 'HiddenInput';
 var HiddenInput$1 = HiddenInput;
 
-function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$f(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$b = {
   small: 12,
   medium: 16,
@@ -1015,7 +600,7 @@ var getSizeStyle$b = function getSizeStyle(size) {
 var getColor$b = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$e(_objectSpread$e({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$f(_objectSpread$f({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1065,7 +650,7 @@ var getIconStyles$b = function getIconStyles(props, theme) {
 };
 
 var SvgBold = function SvgBold(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$e(_objectSpread$e({
+  return jsxRuntime.jsx("svg", _objectSpread$f(_objectSpread$f({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1086,7 +671,7 @@ var BoldIcon = function BoldIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgBold, _objectSpread$e(_objectSpread$e({}, props), {}, {
+      return jsxRuntime.jsx(SvgBold, _objectSpread$f(_objectSpread$f({}, props), {}, {
         className: createClass(getIconStyles$b(props, theme))
       }));
     }
@@ -1096,9 +681,9 @@ var BoldIcon = function BoldIcon(props) {
 BoldIcon.displayName = 'BoldIcon';
 var BoldIcon$1 = BoldIcon;
 
-function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$a = {
   small: 12,
   medium: 16,
@@ -1146,7 +731,7 @@ var getSizeStyle$a = function getSizeStyle(size) {
 var getColor$a = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$d(_objectSpread$d({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$e(_objectSpread$e({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1196,7 +781,7 @@ var getIconStyles$a = function getIconStyles(props, theme) {
 };
 
 var SvgExpandFull = function SvgExpandFull(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$d(_objectSpread$d({
+  return jsxRuntime.jsx("svg", _objectSpread$e(_objectSpread$e({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1217,7 +802,7 @@ var ExpandFullIcon = function ExpandFullIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgExpandFull, _objectSpread$d(_objectSpread$d({}, props), {}, {
+      return jsxRuntime.jsx(SvgExpandFull, _objectSpread$e(_objectSpread$e({}, props), {}, {
         className: createClass(getIconStyles$a(props, theme))
       }));
     }
@@ -1227,9 +812,9 @@ var ExpandFullIcon = function ExpandFullIcon(props) {
 ExpandFullIcon.displayName = 'ExpandFullIcon';
 var ExpandFullIcon$1 = ExpandFullIcon;
 
-function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$9 = {
   small: 12,
   medium: 16,
@@ -1277,7 +862,7 @@ var getSizeStyle$9 = function getSizeStyle(size) {
 var getColor$9 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$c(_objectSpread$c({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$d(_objectSpread$d({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1327,7 +912,7 @@ var getIconStyles$9 = function getIconStyles(props, theme) {
 };
 
 var SvgItalic = function SvgItalic(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$c(_objectSpread$c({
+  return jsxRuntime.jsx("svg", _objectSpread$d(_objectSpread$d({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1348,7 +933,7 @@ var ItalicIcon = function ItalicIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgItalic, _objectSpread$c(_objectSpread$c({}, props), {}, {
+      return jsxRuntime.jsx(SvgItalic, _objectSpread$d(_objectSpread$d({}, props), {}, {
         className: createClass(getIconStyles$9(props, theme))
       }));
     }
@@ -1358,9 +943,9 @@ var ItalicIcon = function ItalicIcon(props) {
 ItalicIcon.displayName = 'ItalicIcon';
 var ItalicIcon$1 = ItalicIcon;
 
-function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$b(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$b(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$8 = {
   small: 12,
   medium: 16,
@@ -1408,7 +993,7 @@ var getSizeStyle$8 = function getSizeStyle(size) {
 var getColor$8 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$b(_objectSpread$b({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$c(_objectSpread$c({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1458,7 +1043,7 @@ var getIconStyles$8 = function getIconStyles(props, theme) {
 };
 
 var SvgMoreStyles = function SvgMoreStyles(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$b(_objectSpread$b({
+  return jsxRuntime.jsxs("svg", _objectSpread$c(_objectSpread$c({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1485,7 +1070,7 @@ var MoreStylesIcon = function MoreStylesIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$b(_objectSpread$b({}, props), {}, {
+      return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$c(_objectSpread$c({}, props), {}, {
         className: createClass(getIconStyles$8(props, theme))
       }));
     }
@@ -1495,9 +1080,9 @@ var MoreStylesIcon = function MoreStylesIcon(props) {
 MoreStylesIcon.displayName = 'MoreStylesIcon';
 var MoreStylesIcon$1 = MoreStylesIcon;
 
-function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$b(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$b(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$7 = {
   small: 12,
   medium: 16,
@@ -1545,7 +1130,7 @@ var getSizeStyle$7 = function getSizeStyle(size) {
 var getColor$7 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$a(_objectSpread$a({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$b(_objectSpread$b({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1595,7 +1180,7 @@ var getIconStyles$7 = function getIconStyles(props, theme) {
 };
 
 var SvgOrderedList = function SvgOrderedList(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$a(_objectSpread$a({
+  return jsxRuntime.jsx("svg", _objectSpread$b(_objectSpread$b({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1616,7 +1201,7 @@ var OrderedListIcon = function OrderedListIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgOrderedList, _objectSpread$a(_objectSpread$a({}, props), {}, {
+      return jsxRuntime.jsx(SvgOrderedList, _objectSpread$b(_objectSpread$b({}, props), {}, {
         className: createClass(getIconStyles$7(props, theme))
       }));
     }
@@ -1626,9 +1211,9 @@ var OrderedListIcon = function OrderedListIcon(props) {
 OrderedListIcon.displayName = 'OrderedListIcon';
 var OrderedListIcon$1 = OrderedListIcon;
 
-function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$6 = {
   small: 12,
   medium: 16,
@@ -1676,7 +1261,7 @@ var getSizeStyle$6 = function getSizeStyle(size) {
 var getColor$6 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$9(_objectSpread$9({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$a(_objectSpread$a({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1726,7 +1311,7 @@ var getIconStyles$6 = function getIconStyles(props, theme) {
 };
 
 var SvgRedo = function SvgRedo(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$9(_objectSpread$9({
+  return jsxRuntime.jsxs("svg", _objectSpread$a(_objectSpread$a({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1754,7 +1339,7 @@ var RedoIcon = function RedoIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgRedo, _objectSpread$9(_objectSpread$9({}, props), {}, {
+      return jsxRuntime.jsx(SvgRedo, _objectSpread$a(_objectSpread$a({}, props), {}, {
         className: createClass(getIconStyles$6(props, theme))
       }));
     }
@@ -1764,9 +1349,9 @@ var RedoIcon = function RedoIcon(props) {
 RedoIcon.displayName = 'RedoIcon';
 var RedoIcon$1 = RedoIcon;
 
-function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$5 = {
   small: 12,
   medium: 16,
@@ -1814,7 +1399,7 @@ var getSizeStyle$5 = function getSizeStyle(size) {
 var getColor$5 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$8(_objectSpread$8({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$9(_objectSpread$9({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1864,7 +1449,7 @@ var getIconStyles$5 = function getIconStyles(props, theme) {
 };
 
 var SvgStrikethrough = function SvgStrikethrough(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$8(_objectSpread$8({
+  return jsxRuntime.jsx("svg", _objectSpread$9(_objectSpread$9({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -1885,7 +1470,7 @@ var StrikethroughIcon = function StrikethroughIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$8(_objectSpread$8({}, props), {}, {
+      return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$9(_objectSpread$9({}, props), {}, {
         className: createClass(getIconStyles$5(props, theme))
       }));
     }
@@ -1895,9 +1480,9 @@ var StrikethroughIcon = function StrikethroughIcon(props) {
 StrikethroughIcon.displayName = 'StrikethroughIcon';
 var StrikethroughIcon$1 = StrikethroughIcon;
 
-function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$4 = {
   small: 12,
   medium: 16,
@@ -1945,7 +1530,7 @@ var getSizeStyle$4 = function getSizeStyle(size) {
 var getColor$4 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$7(_objectSpread$7({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$8(_objectSpread$8({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -1995,7 +1580,7 @@ var getIconStyles$4 = function getIconStyles(props, theme) {
 };
 
 var SvgSubscript = function SvgSubscript(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
+  return jsxRuntime.jsx("svg", _objectSpread$8(_objectSpread$8({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -2018,7 +1603,7 @@ var SubscriptIcon = function SubscriptIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgSubscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
+      return jsxRuntime.jsx(SvgSubscript, _objectSpread$8(_objectSpread$8({}, props), {}, {
         className: createClass(getIconStyles$4(props, theme))
       }));
     }
@@ -2028,9 +1613,9 @@ var SubscriptIcon = function SubscriptIcon(props) {
 SubscriptIcon.displayName = 'SubscriptIcon';
 var SubscriptIcon$1 = SubscriptIcon;
 
-function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$3 = {
   small: 12,
   medium: 16,
@@ -2078,7 +1663,7 @@ var getSizeStyle$3 = function getSizeStyle(size) {
 var getColor$3 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$6(_objectSpread$6({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$7(_objectSpread$7({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -2128,7 +1713,7 @@ var getIconStyles$3 = function getIconStyles(props, theme) {
 };
 
 var SvgSuperscript = function SvgSuperscript(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
+  return jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -2152,7 +1737,7 @@ var SuperscriptIcon = function SuperscriptIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgSuperscript, _objectSpread$6(_objectSpread$6({}, props), {}, {
+      return jsxRuntime.jsx(SvgSuperscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
         className: createClass(getIconStyles$3(props, theme))
       }));
     }
@@ -2162,9 +1747,9 @@ var SuperscriptIcon = function SuperscriptIcon(props) {
 SuperscriptIcon.displayName = 'SuperscriptIcon';
 var SuperscriptIcon$1 = SuperscriptIcon;
 
-function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$2 = {
   small: 12,
   medium: 16,
@@ -2212,7 +1797,7 @@ var getSizeStyle$2 = function getSizeStyle(size) {
 var getColor$2 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$5(_objectSpread$5({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$6(_objectSpread$6({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -2262,7 +1847,7 @@ var getIconStyles$2 = function getIconStyles(props, theme) {
 };
 
 var SvgUnderline = function SvgUnderline(props) {
-  return jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
+  return jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -2283,7 +1868,7 @@ var UnderlineIcon = function UnderlineIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgUnderline, _objectSpread$5(_objectSpread$5({}, props), {}, {
+      return jsxRuntime.jsx(SvgUnderline, _objectSpread$6(_objectSpread$6({}, props), {}, {
         className: createClass(getIconStyles$2(props, theme))
       }));
     }
@@ -2293,9 +1878,9 @@ var UnderlineIcon = function UnderlineIcon(props) {
 UnderlineIcon.displayName = 'UnderlineIcon';
 var UnderlineIcon$1 = UnderlineIcon;
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes$1 = {
   small: 12,
   medium: 16,
@@ -2343,7 +1928,7 @@ var getSizeStyle$1 = function getSizeStyle(size) {
 var getColor$1 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$4(_objectSpread$4({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$5(_objectSpread$5({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -2393,7 +1978,7 @@ var getIconStyles$1 = function getIconStyles(props, theme) {
 };
 
 var SvgUndo = function SvgUndo(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
+  return jsxRuntime.jsxs("svg", _objectSpread$5(_objectSpread$5({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -2420,7 +2005,7 @@ var UndoIcon = function UndoIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgUndo, _objectSpread$4(_objectSpread$4({}, props), {}, {
+      return jsxRuntime.jsx(SvgUndo, _objectSpread$5(_objectSpread$5({}, props), {}, {
         className: createClass(getIconStyles$1(props, theme))
       }));
     }
@@ -2430,9 +2015,9 @@ var UndoIcon = function UndoIcon(props) {
 UndoIcon.displayName = 'UndoIcon';
 var UndoIcon$1 = UndoIcon;
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var iconSizes = {
   small: 12,
   medium: 16,
@@ -2480,7 +2065,7 @@ var getSizeStyle = function getSizeStyle(size) {
 var getColor = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$3(_objectSpread$3({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$4(_objectSpread$4({}, designSystem.customProperties), theme);
 
   var iconColor;
 
@@ -2530,7 +2115,7 @@ var getIconStyles = function getIconStyles(props, theme) {
 };
 
 var SvgUnorderedList = function SvgUnorderedList(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
+  return jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -2557,7 +2142,7 @@ var UnorderedListIcon = function UnorderedListIcon(props) {
   return jsxRuntime.jsx(react$1.ClassNames, {
     children: function children(_ref) {
       var createClass = _ref.css;
-      return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$3(_objectSpread$3({}, props), {}, {
+      return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$4(_objectSpread$4({}, props), {}, {
         className: createClass(getIconStyles(props, theme))
       }));
     }
@@ -2626,9 +2211,9 @@ var Container = _styled__default["default"]("div", {
   return props.isDisabled || props.isReadOnly ? 'none' : 'inherit';
 }, ";position:relative;&:hover{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}&:focus{outline:none;box-shadow:inset 0 0 0 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";}", Toolbar, "{border-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:", designSystem.customProperties.borderColorForInput, ";}&:focus-within{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";box-shadow:inset 0 0 0 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";", Toolbar, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}", EditorContainer, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}}" + ("" ));
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var propsToOmit = ['isActive', 'label', 'isDisabled', 'isReadOnly'];
 
 function getFillColor(props) {
@@ -2638,7 +2223,7 @@ function getFillColor(props) {
 
 var RichTextBodyButton = function RichTextBodyButton(props) {
   var restOfProps = omit__default["default"](props, propsToOmit);
-  return jsxRuntime.jsx("button", _objectSpread$2(_objectSpread$2({}, restOfProps), {}, {
+  return jsxRuntime.jsx("button", _objectSpread$3(_objectSpread$3({}, restOfProps), {}, {
     type: "button",
     tabIndex: -1,
     "aria-disabled": props.isDisabled,
@@ -2675,17 +2260,9 @@ var DropdownContainer = _styled__default["default"]("div", {
   target: "e1f4n71b0"
 } )("position:absolute;cursor:pointer;font-size:", designSystem.customProperties.fontSizeForInput, ";top:", designSystem.customProperties.spacingXs, ";margin-top:", designSystem.customProperties.spacingXs, ";left:0;white-space:nowrap;background:", designSystem.customProperties.colorSurface, ";overflow:hidden;z-index:9999;border:1px solid ", designSystem.customProperties.colorPrimary, ";border-radius:", designSystem.customProperties.borderRadius6, ";" + ("" ));
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var getIsSelected = function getIsSelected(props, item) {
-  var _context;
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  return !props.isMulti ? item.value === props.value : props.value && _findInstanceProperty__default["default"](_context = props.value).call(_context, function (selectedItem) {
-    return selectedItem === item.value;
-  });
-};
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var Label = _styled__default["default"]("div", {
   target: "e176a1kh0"
@@ -2697,13 +2274,18 @@ var _ref$1 = {
 } ;
 
 var Dropdown = function Dropdown(props) {
+  var _context;
+
   var DropdownItem = props.components.Item;
   var DropdownLabel = props.components.Label;
-  var isIndeterminate = props.isMulti && props.value && props.value.length > 0;
+
+  var isIndeterminate = props.isMulti && _someInstanceProperty__default["default"](_context = props.options).call(_context, function (item) {
+    return props.getIsItemSelected(item) === true;
+  });
+
   var Downshift = DownshiftUntyped__default["default"];
   return jsxRuntime.jsx(Downshift, {
     onChange: props.onChange,
-    selectedItem: props.value,
     itemToString: function itemToString(headings) {
       return (headings === null || headings === void 0 ? void 0 : headings.label) || '';
     },
@@ -2724,7 +2306,7 @@ var Dropdown = function Dropdown(props) {
               zIndex: 9999
             }
           },
-          children: jsxRuntime.jsx(Button, _objectSpread$1(_objectSpread$1({}, toggleButtonProps), {}, {
+          children: jsxRuntime.jsx(Button, _objectSpread$2(_objectSpread$2({}, toggleButtonProps), {}, {
             label: props.label,
             css: getButtonStyles({
               isOpen: isOpen,
@@ -2746,11 +2328,10 @@ var Dropdown = function Dropdown(props) {
                 item: item
               });
               var dropdownItemProps = itemProps;
-              var isSelected = getIsSelected(props, item);
-              return react$1.createElement(DropdownItem, _objectSpread$1(_objectSpread$1({}, dropdownItemProps), {}, {
+              return react$1.createElement(DropdownItem, _objectSpread$2(_objectSpread$2({}, dropdownItemProps), {}, {
                 key: index,
                 value: item.value,
-                isSelected: isSelected
+                isSelected: props.getIsItemSelected(item)
               }), item.label);
             })
           })
@@ -2771,16 +2352,30 @@ Dropdown.defaultProps = {
 };
 var Dropdown$1 = Dropdown;
 
-var hasBlock = function hasBlock(type, editor) {
-  var _editor$value, _context;
+var BLOCK_TAGS = {
+  blockquote: 'block-quote',
+  p: 'paragraph',
+  h1: 'heading-one',
+  h2: 'heading-two',
+  h3: 'heading-three',
+  h4: 'heading-four',
+  h5: 'heading-five',
+  pre: 'code',
+  li: 'list-item',
+  ol: 'numbered-list',
+  ul: 'bulleted-list'
+}; // Add a dictionary of mark tags.
 
-  return (_editor$value = editor.value) === null || _editor$value === void 0 ? void 0 : _someInstanceProperty__default["default"](_context = _editor$value.blocks).call(_context, function (node) {
-    return node.type === type;
-  });
+var MARK_TAGS = {
+  em: 'italic',
+  strong: 'bold',
+  u: 'underline',
+  sup: 'superscript',
+  sub: 'subscript',
+  del: 'strikethrough',
+  span: 'span'
 };
 
-var hasBlock$1 = hasBlock;
-
 var messages = reactIntl.defineMessages({
   boldButtonLabel: {
     id: 'UIKit.RichTextBody.boldButtonLabel',
@@ -2889,9 +2484,302 @@ var messages = reactIntl.defineMessages({
   }
 });
 
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
+/* 
+  From Slate's own implementation of rich text editor
+  https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L133:L179
+ */
+
+var Element = function Element(_ref) {
+  var attributes = _ref.attributes,
+      children = _ref.children,
+      element = _ref.element;
+  var style = {
+    textAlign: element.align
+  };
+
+  switch (element.type) {
+    case BLOCK_TAGS.blockquote:
+      return jsxRuntime.jsx("blockquote", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.ul:
+      return jsxRuntime.jsx("ul", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.h1:
+      return jsxRuntime.jsx("h1", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.h2:
+      return jsxRuntime.jsx("h2", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.h3:
+      return jsxRuntime.jsx("h3", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.h4:
+      return jsxRuntime.jsx("h4", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.h5:
+      return jsxRuntime.jsx("h5", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.li:
+      return jsxRuntime.jsx("li", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    case BLOCK_TAGS.ol:
+      return jsxRuntime.jsx("ol", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+
+    default:
+      return jsxRuntime.jsx("p", _objectSpread$1(_objectSpread$1({
+        style: style
+      }, attributes), {}, {
+        children: children
+      }));
+  }
+};
+/* 
+  From Slate's own implementation of rich text editor
+  https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L181:L199
+ */
+
+
+var Leaf = function Leaf(_ref2) {
+  var attributes = _ref2.attributes,
+      children = _ref2.children,
+      leaf = _ref2.leaf;
+
+  if (leaf.bold) {
+    children = jsxRuntime.jsx("strong", {
+      children: children
+    });
+  }
+
+  if (leaf.code) {
+    children = jsxRuntime.jsx("code", {
+      children: children
+    });
+  }
+
+  if (leaf.italic) {
+    children = jsxRuntime.jsx("em", {
+      children: children
+    });
+  }
+
+  if (leaf.underline) {
+    children = jsxRuntime.jsx("u", {
+      children: children
+    });
+  }
+
+  if (leaf.superscript) {
+    children = jsxRuntime.jsx("sup", {
+      children: children
+    });
+  }
+
+  if (leaf.subscript) {
+    children = jsxRuntime.jsx("sub", {
+      children: children
+    });
+  }
+
+  if (leaf.strikethrough) {
+    children = jsxRuntime.jsx("del", {
+      children: children
+    });
+  }
+
+  return jsxRuntime.jsx("span", _objectSpread$1(_objectSpread$1({}, attributes), {}, {
+    children: children
+  }));
+};
+/* 
+  From Slate's own implementation of rich text editor
+  https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L128:L131
+ */
+
+
+var isMarkActive = function isMarkActive(editor, format) {
+  var marks = slate.Editor.marks(editor);
+  return marks ? marks[format] === true : false;
+};
+/* 
+  From Slate's own implementation of rich text editor
+  https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L101:L09
+ */
+
+
+var toggleMark = function toggleMark(editor, format) {
+  var isActive = isMarkActive(editor, format);
+
+  if (isActive) {
+    slate.Editor.removeMark(editor, format);
+  } else {
+    slate.Editor.addMark(editor, format, true);
+  }
+};
+/* 
+  From Slate's own implementation of rich text editor
+  https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L111:L126
+ */
+
+
+var isBlockActive = function isBlockActive(editor, format) {
+  var selection = editor.selection;
+  if (!selection) return false;
+
+  var _Array$from = _Array$from__default["default"](slate.Editor.nodes(editor, {
+    at: slate.Editor.unhangRange(editor, selection),
+    match: function match(n) {
+      return !slate.Editor.isEditor(n) && slate.Element.isElement(n) && n.type === format;
+    }
+  })),
+      _Array$from2 = _slicedToArray(_Array$from, 1),
+      match = _Array$from2[0];
+
+  return Boolean(match);
+};
+/* 
+  From slate's own implementation of rich text editor
+  https://github.com/ianstormtaylor/slate/blob/main/site/examples/richtext.tsx#L67:L99
+ */
+
+
+var toggleBlock = function toggleBlock(editor, format) {
+  var isActive = isBlockActive(editor, format);
+
+  var isList = _includesInstanceProperty__default["default"](LIST_TYPES).call(LIST_TYPES, format);
+
+  slate.Transforms.unwrapNodes(editor, {
+    match: function match(n) {
+      return !slate.Editor.isEditor(n) && slate.Element.isElement(n) && _includesInstanceProperty__default["default"](LIST_TYPES).call(LIST_TYPES, n.type);
+    },
+    split: true
+  });
+  var newProperties = {
+    type: isActive ? BLOCK_TAGS.p : isList ? BLOCK_TAGS.li : format
+  };
+  slate.Transforms.setNodes(editor, newProperties);
+
+  if (!isActive && isList) {
+    var block = {
+      type: format,
+      children: []
+    };
+    slate.Transforms.wrapNodes(editor, block);
+  }
+};
+
+var validSlateStateAdapter = function validSlateStateAdapter(value) {
+  if (slate.Element.isElement(value) || slate.Text.isText(value)) {
+    return [value];
+  }
+
+  if (slate.Element.isElementList(value) || slate.Text.isTextList(value)) {
+    return value;
+  }
+
+  return defaultSlateState;
+};
+
+var resetEditor = function resetEditor(editor, resetValue) {
+  var children = _toConsumableArray(editor.children);
+
+  _forEachInstanceProperty__default["default"](children).call(children, function (node) {
+    return editor.apply({
+      type: 'remove_node',
+      path: [0],
+      node: node
+    });
+  });
+
+  var newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
+  editor.apply({
+    type: 'insert_node',
+    path: [0],
+    node: newState[0]
+  });
+};
+
+var focusEditor = function focusEditor(editor) {
+  slateReact.ReactEditor.focus(editor);
+  slate.Transforms.select(editor, slate.Editor.end(editor, []));
+};
+
+var MarkButton = function MarkButton(props) {
+  var editor = slateReact.useSlate();
+  return jsxRuntime.jsx(Button, {
+    isDisabled: props.isDisabled,
+    isReadOnly: props.isReadOnly,
+    isActive: isMarkActive(editor, props.format),
+    onClick: function onClick(event) {
+      event.preventDefault();
+      toggleMark(editor, props.format);
+    },
+    label: props.label,
+    children: props.children
+  });
+};
+
+MarkButton.propTypes = {};
+
+var BlockButton = function BlockButton(props) {
+  var editor = slateReact.useSlate();
+  return jsxRuntime.jsx(Button, {
+    isDisabled: props.isDisabled,
+    isReadOnly: props.isReadOnly,
+    isActive: isBlockActive(editor, props.format),
+    onClick: function onClick(event) {
+      event.preventDefault();
+      toggleBlock(editor, props.format);
+    },
+    label: props.label,
+    children: props.children
+  });
+};
+
+BlockButton.propTypes = {};
+
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var MoreStylesDropdownLabel = function MoreStylesDropdownLabel() {
   return jsxRuntime.jsx(MoreStylesIcon$1, {
@@ -2905,11 +2793,11 @@ var MoreStylesDropdownItem = function MoreStylesDropdownItem(props) {
   var Icon;
 
   switch (props.value) {
-    case 'subscript':
+    case MARK_TAGS.sub:
       Icon = SubscriptIcon$1;
       break;
 
-    case 'strikethrough':
+    case MARK_TAGS.del:
       Icon = StrikethroughIcon$1;
       break;
 
@@ -2931,8 +2819,8 @@ var MoreStylesDropdownItem = function MoreStylesDropdownItem(props) {
   }));
 };
 
-MoreStylesDropdownItem.displayName = 'MoreStylesDropdownItem';
 MoreStylesDropdownItem.propTypes = {};
+MoreStylesDropdownItem.displayName = 'MoreStylesDropdownItem';
 
 var DropdownLabel = function DropdownLabel(props) {
   return jsxRuntime.jsxs(Inline__default["default"], {
@@ -2948,7 +2836,6 @@ var DropdownLabel = function DropdownLabel(props) {
 };
 
 DropdownLabel.displayName = 'DropdownLabel';
-DropdownLabel.propTypes = {};
 
 var Item = _styled__default["default"]("div", {
   target: "e1yf02eo0"
@@ -2973,7 +2860,6 @@ var StylesDropdownItem = function StylesDropdownItem(props) {
 
 StylesDropdownItem.propTypes = {};
 StylesDropdownItem.displayName = 'StylesDropdownItem';
-var DEFAULT_NODE = BLOCK_TAGS.p;
 var tooltipStyles = {
   body: {
     zIndex: 9999
@@ -3027,80 +2913,37 @@ var _ref = {
 } ;
 
 var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  var _props$editor$value3, _props$editor$value3$, _props$editor$value4, _props$styles, _props$editor$value5, _props$editor$value6, _props$editor$value7, _props$editor$value8, _props$editor$value9;
+  var _props$styles;
 
   // NOTE: the forwarded ref is an object of refs, thus making it a bit trickier to type.
   var _ref2 = ref,
       registerContentNode = _ref2.registerContentNode,
       containerRef = _ref2.containerRef;
   var intl = reactIntl.useIntl();
+  var editor = slateReact.useSlate();
   var dropdownOptions = createMoreStylesDropdownOptions(intl);
   var styleDropdownOptions = createStyleDropdownOptions(intl);
-  var hasUndos = props.editor.hasUndos();
-  var hasRedos = props.editor.hasRedos();
+  var hasUndos = editor.history.undos.length > 0;
+  var hasRedos = editor.history.redos.length > 0;
   var onClickBlock = react.useCallback(function (_ref3) {
-    var type = _ref3.value;
-
-    // Handle everything but list buttons.
-    if (type !== BLOCK_TAGS.ul && type !== BLOCK_TAGS.ol) {
-      var isActive = hasBlock$1(type, props.editor);
-      var isList = hasBlock$1(BLOCK_TAGS.li, props.editor);
-
-      if (isList) {
-        props.editor.setBlocks(isActive ? DEFAULT_NODE : type).unwrapBlock(BLOCK_TAGS.ul).unwrapBlock(BLOCK_TAGS.ol);
-      } else {
-        props.editor.setBlocks(isActive ? DEFAULT_NODE : type);
-      }
-    } else {
-      var _props$editor$value, _context2;
-
-      // Handle the extra wrapping required for list buttons.
-      var _isList = hasBlock$1(BLOCK_TAGS.li, props.editor);
-
-      var isType = (_props$editor$value = props.editor.value) === null || _props$editor$value === void 0 ? void 0 : _someInstanceProperty__default["default"](_context2 = _props$editor$value.blocks).call(_context2, function (block) {
-        var _props$editor$value2;
-
-        return !!((_props$editor$value2 = props.editor.value) !== null && _props$editor$value2 !== void 0 && _props$editor$value2.document.getClosest(block.key, function (parent) {
-          return parent.type === type;
-        }));
-      });
-
-      if (_isList && isType) {
-        props.editor.setBlocks(DEFAULT_NODE).unwrapBlock(BLOCK_TAGS.ul).unwrapBlock(BLOCK_TAGS.ol);
-      } else if (_isList) {
-        props.editor.unwrapBlock(type === BLOCK_TAGS.ul ? BLOCK_TAGS.ol : BLOCK_TAGS.ul).wrapBlock(type);
-      } else {
-        props.editor.setBlocks(BLOCK_TAGS.li).wrapBlock(type);
-      }
-    }
-  }, [props.editor]);
-  var onChangeMoreStyles = react.useCallback(function (val) {
-    var _props$editor$toggleM, _props$editor;
-
-    (_props$editor$toggleM = (_props$editor = props.editor).toggleMark) === null || _props$editor$toggleM === void 0 ? void 0 : _props$editor$toggleM.call(_props$editor, val.value);
-  }, [props.editor]);
-  var activeBlock = ((_props$editor$value3 = props.editor.value) === null || _props$editor$value3 === void 0 ? void 0 : (_props$editor$value3$ = _props$editor$value3.blocks.first()) === null || _props$editor$value3$ === void 0 ? void 0 : _props$editor$value3$.type) || ''; // so that we don't show our multi dropdown in an `indeterminate`
-  // while the component is not in focus
-
-  var activeMoreStyleMarks = [];
-
-  if ((_props$editor$value4 = props.editor.value) !== null && _props$editor$value4 !== void 0 && _props$editor$value4.selection.isFocused) {
-    var _context3;
-
-    var activeMarks = _mapInstanceProperty__default["default"](_context3 = _Array$from__default["default"](props.editor.value.activeMarks)).call(_context3, function (mark) {
-      return mark.type;
-    });
-
-    activeMoreStyleMarks = _filterInstanceProperty__default["default"](activeMarks).call(activeMarks, function (activeMark) {
-      return _someInstanceProperty__default["default"](dropdownOptions).call(dropdownOptions, function (dropdownOption) {
-        return activeMark === dropdownOption.value;
-      });
-    });
-  } // https://codepen.io/mudassir0909/pen/eIHqB
+    var format = _ref3.value;
+    toggleBlock(editor, format);
+  }, [editor]);
+  var onClickMoreStyleMark = react.useCallback(function (_ref4) {
+    var format = _ref4.value;
+    toggleMark(editor, format);
+  }, [editor]);
+  var getIsMoreStyleMarkItemSelected = react.useCallback(function (_ref5) {
+    var format = _ref5.value;
+    return isMarkActive(editor, format);
+  }, [editor]);
+  var getIsBlockItemSelected = react.useCallback(function (_ref6) {
+    var format = _ref6.value;
+    return isBlockActive(editor, format);
+  }, [editor]); // https://codepen.io/mudassir0909/pen/eIHqB
   // we prevent all our defined onClicks inside of the CalendarHeader
   // from blurring our input.
 
-
   var onToolbarMouseDown = react.useCallback(function (event) {
     event.preventDefault();
   }, []);
@@ -3118,7 +2961,6 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
       children: [jsxRuntime.jsxs(ToolbarMainControls, {
         children: [jsxRuntime.jsx(Dropdown$1, {
           label: intl.formatMessage(messages.styleDropdownLabel),
-          value: activeBlock,
           onChange: onClickBlock,
           options: styleDropdownOptions,
           components: {
@@ -3126,17 +2968,17 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
             Label: DropdownLabel
           },
           isDisabled: props.isDisabled,
-          isReadOnly: props.isReadOnly
+          isReadOnly: props.isReadOnly,
+          getIsItemSelected: getIsBlockItemSelected
         }), jsxRuntime.jsx(Tooltip__default["default"], {
           title: intl.formatMessage(messages.boldButtonLabel),
           placement: "bottom",
           styles: tooltipStyles,
-          children: jsxRuntime.jsx(Button, {
-            isActive: ((_props$editor$value5 = props.editor.value) === null || _props$editor$value5 === void 0 ? void 0 : _props$editor$value5.selection.isFocused) && props.editor.hasBoldMark(),
+          children: jsxRuntime.jsx(MarkButton, {
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
             label: intl.formatMessage(messages.boldButtonLabel),
-            onClick: props.editor.toggleBoldMark,
+            format: MARK_TAGS.strong,
             children: jsxRuntime.jsx(BoldIcon$1, {
               size: "medium"
             })
@@ -3145,12 +2987,11 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
           title: intl.formatMessage(messages.italicButtonLabel),
           placement: "bottom",
           styles: tooltipStyles,
-          children: jsxRuntime.jsx(Button, {
-            isActive: ((_props$editor$value6 = props.editor.value) === null || _props$editor$value6 === void 0 ? void 0 : _props$editor$value6.selection.isFocused) && props.editor.hasItalicMark(),
+          children: jsxRuntime.jsx(MarkButton, {
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
             label: intl.formatMessage(messages.italicButtonLabel),
-            onClick: props.editor.toggleItalicMark,
+            format: MARK_TAGS.em,
             children: jsxRuntime.jsx(ItalicIcon$1, {
               size: "medium"
             })
@@ -3159,12 +3000,11 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
           title: intl.formatMessage(messages.underlinedButtonLabel),
           placement: "bottom",
           styles: tooltipStyles,
-          children: jsxRuntime.jsx(Button, {
-            isActive: ((_props$editor$value7 = props.editor.value) === null || _props$editor$value7 === void 0 ? void 0 : _props$editor$value7.selection.isFocused) && props.editor.hasUnderlinedMark(),
+          children: jsxRuntime.jsx(MarkButton, {
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
             label: intl.formatMessage(messages.underlinedButtonLabel),
-            onClick: props.editor.toggleUnderlinedMark,
+            format: MARK_TAGS.u,
             children: jsxRuntime.jsx(UnderlineIcon$1, {
               size: "medium"
             })
@@ -3173,24 +3013,23 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
           isMulti: true,
           label: intl.formatMessage(messages.moreStylesDropdownLabel),
           options: dropdownOptions,
-          value: activeMoreStyleMarks,
-          onChange: onChangeMoreStyles,
+          onChange: onClickMoreStyleMark,
           isDisabled: props.isDisabled,
           isReadOnly: props.isReadOnly,
           components: {
             Item: MoreStylesDropdownItem,
             Label: MoreStylesDropdownLabel
-          }
+          },
+          getIsItemSelected: getIsMoreStyleMarkItemSelected
         }), jsxRuntime.jsx(Divider$1, {}), jsxRuntime.jsx(Tooltip__default["default"], {
           title: intl.formatMessage(messages.orderedListButtonLabel),
           placement: "bottom",
           styles: tooltipStyles,
-          children: jsxRuntime.jsx(Button, {
-            isActive: ((_props$editor$value8 = props.editor.value) === null || _props$editor$value8 === void 0 ? void 0 : _props$editor$value8.selection.isFocused) && props.editor.hasNumberedListBlock(),
+          children: jsxRuntime.jsx(BlockButton, {
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
             label: intl.formatMessage(messages.orderedListButtonLabel),
-            onClick: props.editor.toggleNumberedListBlock,
+            format: BLOCK_TAGS.ol,
             children: jsxRuntime.jsx(OrderedListIcon$1, {
               size: "medium"
             })
@@ -3199,12 +3038,11 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
           title: intl.formatMessage(messages.unorderedListButtonLabel),
           placement: "bottom",
           styles: tooltipStyles,
-          children: jsxRuntime.jsx(Button, {
-            isActive: ((_props$editor$value9 = props.editor.value) === null || _props$editor$value9 === void 0 ? void 0 : _props$editor$value9.selection.isFocused) && props.editor.hasBulletedListBlock(),
+          children: jsxRuntime.jsx(BlockButton, {
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
             label: intl.formatMessage(messages.unorderedListButtonLabel),
-            onClick: props.editor.toggleBulletedListBlock,
+            format: BLOCK_TAGS.ul,
             children: jsxRuntime.jsx(UnorderedListIcon$1, {
               size: "medium"
             })
@@ -3221,7 +3059,7 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
             label: intl.formatMessage(messages.undoButtonLabel),
             isDisabled: !hasUndos || props.isDisabled,
             isReadOnly: props.isReadOnly,
-            onClick: props.editor.toggleUndo,
+            onClick: editor.undo,
             children: jsxRuntime.jsx(UndoIcon$1, {
               size: "medium"
             })
@@ -3235,7 +3073,7 @@ var RichTextEditorBody = /*#__PURE__*/react.forwardRef(function (props, ref) {
             label: intl.formatMessage(messages.redoButtonLabel),
             isDisabled: !hasRedos || props.isDisabled,
             isReadOnly: props.isReadOnly,
-            onClick: props.editor.toggleRedo,
+            onClick: editor.redo,
             children: jsxRuntime.jsx(RedoIcon$1, {
               size: "medium"
             })
@@ -3281,12 +3119,20 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "14.0.3";
+var version = "15.0.2";
 
+exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;
+exports.Leaf = Leaf;
 exports.RichTextBody = RichTextEditorBody$1;
+exports.focusEditor = focusEditor;
 exports.html = html$1;
+exports.isBlockActive = isBlockActive;
 exports.isEmpty = isRichTextEmpty;
+exports.isMarkActive = isMarkActive;
 exports.localized = index;
-exports.richTextPlugins = plugins$1;
+exports.resetEditor = resetEditor;
+exports.toggleBlock = toggleBlock;
+exports.toggleMark = toggleMark;
+exports.validSlateStateAdapter = validSlateStateAdapter;
 exports.version = version;